// ============= SHARED HOOKS / HELPERS =============
const { useState, useEffect, useRef, useMemo, useCallback, createContext, useContext } = React;
const AppCtx = createContext(null);
const useApp = () => useContext(AppCtx);
// Tiny path resolver for nested t() lookups
function tpath(obj, path) {
return path.split('.').reduce((o, k) => (o == null ? o : o[k]), obj);
}
// Reveal-on-scroll — with manual fallback for environments where IO is unreliable
function useReveal() {
const ref = useRef(null);
useEffect(() => {
const el = ref.current; if (!el) return;
let revealed = false;
const reveal = () => { if (!revealed) { revealed = true; el.classList.add('in'); cleanup(); } };
const check = () => {
const r = el.getBoundingClientRect();
const vh = window.innerHeight || document.documentElement.clientHeight;
if (r.top < vh * 0.92 && r.bottom > 0) reveal();
};
const cleanup = () => {
window.removeEventListener('scroll', check, true);
window.removeEventListener('resize', check);
};
// Initial check on next frame (after layout)
requestAnimationFrame(check);
setTimeout(check, 100);
window.addEventListener('scroll', check, { passive: true, capture: true });
window.addEventListener('resize', check);
return cleanup;
}, []);
return ref;
}
// Animated number counter — starts immediately on mount
function useCountUp(target, duration = 1800, start = 0) {
const [val, setVal] = React.useState(start);
const ref = React.useRef(null);
React.useEffect(() => {
let raf;
const t0 = performance.now();
const tick = (t) => {
const p = Math.min(1, (t - t0) / duration);
const eased = 1 - Math.pow(1 - p, 3);
setVal(start + (target - start) * eased);
if (p < 1) raf = requestAnimationFrame(tick);
};
raf = requestAnimationFrame(tick);
return () => cancelAnimationFrame(raf);
}, []); // eslint-disable-line
return [val, ref];
}
// Pointer glow on button (CSS variables --mx/--my)
function usePointerGlow() {
const ref = useRef(null);
useEffect(() => {
const el = ref.current; if (!el) return;
const onMove = (e) => {
const r = el.getBoundingClientRect();
el.style.setProperty('--mx', `${e.clientX - r.left}px`);
el.style.setProperty('--my', `${e.clientY - r.top}px`);
};
el.addEventListener('pointermove', onMove);
return () => el.removeEventListener('pointermove', onMove);
}, []);
return ref;
}
// Format big numbers with thin spaces (RU style)
function fmt(n) {
return n.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ' ');
}
// Tiny icon set (stroke icons; minimal)
const Ico = {
arrow: (p) => (
),
play: (p) => (
),
bell: (p) => (
),
sun: (p) => (
),
moon: (p) => (
),
globe: (p) => (
),
check: (p) => (
),
bolt: (p) => (
),
chev: (p) => (
),
search: (p) => (
),
send: (p) => (
),
shield: (p) => (
),
spark: (p) => (
),
inbox: (p) => (
),
layers: (p) => (
),
net: (p) => (
),
yt: (p) => (
),
tg: (p) => (
),
gmail: (p) => (
),
ai: (p) => (
),
};
// Map feature index → icon
const FeatureIcons = [Ico.yt, Ico.shield, Ico.layers, Ico.send, Ico.tg, Ico.bolt, Ico.search, Ico.spark, Ico.net, Ico.inbox, Ico.ai, Ico.layers];
window.A = { useApp, AppCtx, tpath, useReveal, useCountUp, usePointerGlow, fmt, Ico, FeatureIcons };