/* global React */
const { useState, useEffect, useRef, useMemo, useCallback } = React;
// ---------- icons ----------
const Icon = {
globe: (p) => (
),
copy: (p) => (
),
check: (p) => (
),
sun: (p) => (
),
moon: (p) => (
),
menu: (p) => (
),
arrow: (p) => (
),
chev: (p) => (
),
shield: (p) => (
),
search: (p) => (
),
pin: (p) => (
),
zap: (p) => (
),
ping: (p) => (
),
dns: (p) => (
),
whois: (p) => (
),
reverse: (p) => (
),
speed: (p) => (
),
trash: (p) => (
),
close: (p) => (
),
clock: (p) => (
),
ban: (p) => (
),
};
// ---------- mock data (fallback only) ----------
const MOCK_IP = {
ipv4: "187.32.144.218",
ipv6: "2804:14d:5cb1:8e2c:1f3a:9d4e:b701:42c8",
city: "São Paulo", region: "São Paulo", country: "Brasil",
countryCode: "BR", postal: "01310-100",
timezone: "America/Sao_Paulo (UTC−03:00)",
isp: "Vivo S.A. (Telefônica Brasil)", asn: "AS27699",
hostname: "187-32-144-218.user.vivozap.com.br",
proxy: false, vpn: false, lat: -23.5505, lon: -46.6333,
};
// ---------- real IP fetch from backend ----------
async function fetchMyIP() {
const res = await fetch('/api/myip');
if (res.status === 429) {
const retryAfter = res.headers.get('Retry-After');
const secs = retryAfter ? parseInt(retryAfter, 10) : 43200;
const err = new Error('rate_limited');
err.code = 'rate_limited';
err.retryAfter = secs;
err.retryTs = Date.now() + secs * 1000;
throw err;
}
if (!res.ok) throw new Error('fetch_failed');
return res.json();
}
// ---------- client-side rate-limit guard (localStorage) ----------
const RL_KEY = 'vermeip:rl';
function readLocalRL() {
try { return JSON.parse(localStorage.getItem(RL_KEY) || 'null'); } catch { return null; }
}
function markLocalRateLimited(retryTs) {
try { localStorage.setItem(RL_KEY, JSON.stringify({ retryTs })); } catch {}
}
function checkLocalRateLimit() {
const rl = readLocalRL();
if (!rl) return { allowed: true };
if (rl.retryTs && Date.now() < rl.retryTs) return { allowed: false, retryTs: rl.retryTs };
return { allowed: true };
}
// ---------- helpers ----------
function copyText(text) {
if (navigator.clipboard?.writeText) return navigator.clipboard.writeText(text);
const ta = document.createElement('textarea');
ta.value = text; document.body.appendChild(ta);
ta.select(); document.execCommand('copy'); document.body.removeChild(ta);
return Promise.resolve();
}
function CopyBtn({ value, label = 'Copiar' }) {
const [copied, setCopied] = useState(false);
return (
);
}
// hash route
function useHashRoute() {
const [hash, setHash] = useState(() => (window.location.hash.slice(1) || '/'));
useEffect(() => {
const onHash = () => setHash(window.location.hash.slice(1) || '/');
window.addEventListener('hashchange', onHash);
return () => window.removeEventListener('hashchange', onHash);
}, []);
return [hash, (h) => { window.location.hash = h; }];
}
// localStorage history
const HIST_KEY = 'vermeip:history';
function pushHistory(entry) {
try {
const arr = JSON.parse(localStorage.getItem(HIST_KEY) || '[]');
const next = [{ ...entry, t: Date.now() }, ...arr.filter(x => !(x.kind === entry.kind && x.q === entry.q))].slice(0, 12);
localStorage.setItem(HIST_KEY, JSON.stringify(next));
window.dispatchEvent(new CustomEvent('vermeip:history-update'));
} catch {}
}
function useHistory() {
const [items, setItems] = useState(() => {
try { return JSON.parse(localStorage.getItem(HIST_KEY) || '[]'); } catch { return []; }
});
useEffect(() => {
const f = () => { try { setItems(JSON.parse(localStorage.getItem(HIST_KEY) || '[]')); } catch {} };
window.addEventListener('vermeip:history-update', f);
window.addEventListener('storage', f);
return () => { window.removeEventListener('vermeip:history-update', f); window.removeEventListener('storage', f); };
}, []);
const clear = () => { localStorage.removeItem(HIST_KEY); window.dispatchEvent(new CustomEvent('vermeip:history-update')); };
return [items, clear];
}
function timeAgo(t) {
const s = Math.max(1, Math.floor((Date.now() - t) / 1000));
if (s < 60) return `há ${s}s`;
if (s < 3600) return `há ${Math.floor(s/60)}min`;
if (s < 86400) return `há ${Math.floor(s/3600)}h`;
return `há ${Math.floor(s/86400)}d`;
}
// countdown formatter HH:MM:SS
function fmtCountdown(ms) {
const total = Math.max(0, Math.floor(ms / 1000));
const h = Math.floor(total / 3600);
const m = Math.floor((total % 3600) / 60);
const s = total % 60;
return [h, m, s].map(n => String(n).padStart(2, '0')).join(':');
}
Object.assign(window, {
React, useState, useEffect, useRef, useMemo, useCallback,
Icon, MOCK_IP,
fetchMyIP, checkLocalRateLimit, markLocalRateLimited,
copyText, CopyBtn,
useHashRoute, pushHistory, useHistory, timeAgo, fmtCountdown,
});