"use client";
import { useState, useEffect, useRef, useCallback, type ReactNode } from "react";
import { createShortLink } from "@/lib/share";
// ---------------------------------------------------------------------------
// Kautilya Icon
// ---------------------------------------------------------------------------
export function KautilyaIcon({ className }: { className?: string }) {
return (
);
}
// ---------------------------------------------------------------------------
// Types
// ---------------------------------------------------------------------------
export type Position = { x: number; y: number };
export type ToolbarAction = {
key: string;
label: string;
icon: ReactNode;
onClick: () => void;
className?: string;
};
// ---------------------------------------------------------------------------
// Hook: useMediaQuery
// ---------------------------------------------------------------------------
export function useMediaQuery(query: string): boolean {
const [matches, setMatches] = useState(() => {
if (typeof window === "undefined") return false;
return window.matchMedia(query).matches;
});
useEffect(() => {
const mq = window.matchMedia(query);
const handler = (e: MediaQueryListEvent) => setMatches(e.matches);
mq.addEventListener("change", handler);
return () => mq.removeEventListener("change", handler);
}, [query]);
return matches;
}
// ---------------------------------------------------------------------------
// Hook: copy to clipboard with success feedback
// ---------------------------------------------------------------------------
// Match a URL inside the copy payload that carries a `?hl=` highlight
// fragment. Used by useCopyFeedback to transparently swap such URLs for the
// short `/share/` form before writing to the clipboard. The native
// ⌘C / Ctrl+C path goes through a different (synchronous) handler in
// text-selection-toolbar.tsx and is intentionally not affected.
//
// The regex stops at whitespace or trailing punctuation that wouldn't appear
// in a real URL (`>`, `]`, etc.), so it works against multi-line copy
// payloads like the source-attribution block produced by formatCopyText().
const HL_URL_RE = /https?:\/\/[^\s<>"'`)\]]+\?hl=[^\s<>"'`)\]]+/g;
async function shortenHighlightUrlsIn(text: string): Promise {
// Cheap pre-check — most text passed to copy() has no `?hl=` URL.
if (!text.includes("?hl=")) return text;
const matches = Array.from(text.matchAll(HL_URL_RE));
if (matches.length === 0) return text;
let result = text;
for (const m of matches) {
const longUrl = m[0];
try {
const u = new URL(longUrl);
const relativePath = u.pathname + u.search + u.hash;
const code = await createShortLink(relativePath);
if (!code) continue; // BFF failed — leave the long URL alone.
const shortUrl = new URL(`/share/${code}`, u.origin).toString();
result = result.replace(longUrl, shortUrl);
} catch {
// Malformed URL or unexpected error — fall through with the original.
}
}
return result;
}
export function useCopyFeedback() {
const [copied, setCopied] = useState(false);
const timerRef = useRef | null>(null);
const copy = useCallback(async (text: string) => {
let success = false;
const finalText = await shortenHighlightUrlsIn(text);
try {
await navigator.clipboard.writeText(finalText);
success = true;
} catch {
// Fallback for iOS Safari and older browsers
const ta = document.createElement("textarea");
ta.value = finalText;
ta.style.position = "fixed";
ta.style.top = "0";
ta.style.left = "0";
ta.style.opacity = "0";
document.body.appendChild(ta);
ta.focus();
ta.select();
try {
document.execCommand("copy");
success = true;
} catch {
// silent fail
}
document.body.removeChild(ta);
}
if (success) {
setCopied(true);
if (timerRef.current) clearTimeout(timerRef.current);
timerRef.current = setTimeout(() => setCopied(false), 1500);
}
}, []);
useEffect(() => {
return () => {
if (timerRef.current) clearTimeout(timerRef.current);
};
}, []);
return { copied, copy };
}
// ---------------------------------------------------------------------------
// Pseudo collection data (placeholder for future backend)
// ---------------------------------------------------------------------------
export const PSEUDO_COLLECTIONS = [
{ id: "favorites", name: "Favorites", count: 12 },
{ id: "study-notes", name: "Study Notes", count: 8 },
{ id: "share-worthy", name: "Share Worthy", count: 23 },
{ id: "memorize", name: "To Memorize", count: 5 },
{ id: "daily-reading", name: "Daily Reading", count: 17 },
];