yamlover 0.3.4 → 0.3.6

package/bin/yamlover.js

@@ -8,70 +8,59 @@
  * yamlover node (with `.yamlover/`), a plain directory, or a single file — the
  * same shapes `tools/walker` understands.
  *
- * The server runs Vite in middleware mode: the client (`src/client`) is served
- * with HMR straight from source, and the server-side materializer
- * (`src/server`) is loaded through Vite's `ssrLoadModule`, so there is no build
- * step. API routes are handled before Vite; every other route falls back to the
- * SPA's index.html (client-side routing on the JSON path).
+ * Two serve modes, chosen automatically:
+ *
+ *   • PRODUCTION (the published package, or `--prod`): the engine source is not on
+ *     disk, so the client is served as a prebuilt static SPA from `dist/client`
+ *     and the server handler comes from the bundled `dist/server.js`. No Vite at
+ *     runtime, no `src/` shipped — `npx yamlover` installs with ~zero deps.
+ *
+ *   • LIVE (the repo checkout): the engine source IS reachable, so Vite runs in
+ *     middleware mode — the client is served from `src/client` with HMR and the
+ *     server materializer is loaded via `ssrLoadModule`, transpiling TS on the
+ *     fly (edits take effect with no rebuild). `--prod` forces production mode
+ *     here too, for testing the static build.
+ *
+ * Either way: API routes (`/api/*`) are handled first; live data updates flow
+ * over the `/api/events` SSE stream (FS watcher → reindex → client `useDiffBump`),
+ * independent of Vite. Every other route falls back to the SPA shell (client-side
+ * routing on the JSON path).
+ *
+ * Binds 127.0.0.1 (local only) by default — the safe default for a personal viewer
+ * and for the desktop wrapper (tools/desktop). `--headless` binds 0.0.0.0 to serve
+ * the tree across the network (a server box with no GUI).
  */
 
-import { createServer } from "vite";
-import react from "@vitejs/plugin-react";
 import { createServer as createHttpServer } from "node:http";
 import { fileURLToPath, pathToFileURL } from "node:url";
 import { createRequire } from "node:module";
-import { dirname, join, resolve } from "node:path";
+import { dirname, join, resolve, extname, sep } from "node:path";
 import fs from "node:fs";
 
 const __dirname = dirname(fileURLToPath(import.meta.url));
 const pkgRoot = resolve(__dirname, ".."); // tools/server
 
-// Resolve react/react-dom as *this package* sees them, and alias Vite to those
-// exact copies, so the SPA never picks up a stale React from a parent
-// node_modules (which surfaces as "react-dom … does not provide an export named
-// 'createRoot'" — createRoot is React 18+). Best-effort: if resolution fails we
-// leave Vite to its defaults.
-const reactAlias = {};
-// Directories Vite is allowed to serve over `/@fs` (its file-system allowlist).
-// Start with this package; below we add the node_modules that actually holds the
-// heavy deps. Under `npx`, deps hoist to a `_npx/<hash>/node_modules` *outside*
-// `pkgRoot`, and Vite's default workspace-root detection misses it — so a raw asset
-// fetch (notably pdf.js's `pdf.worker.min.mjs`) gets denied and falls through to
-// index.html, surfacing as the "non-JavaScript MIME type text/html" worker error.
-const fsAllow = [pkgRoot];
-try {
-  const req = createRequire(join(pkgRoot, "package.json"));
-  reactAlias["react"] = dirname(req.resolve("react/package.json"));
-  reactAlias["react-dom"] = dirname(req.resolve("react-dom/package.json"));
-  // Allow whichever node_modules each heavy dep resolves from (hoisted under npx,
-  // or nested in dev) so Vite serves their worker/asset files over `/@fs`.
-  for (const dep of ["pdfjs-dist", "react-pdf", "leaflet"]) {
-    try {
-      const nodeModules = dirname(dirname(req.resolve(`${dep}/package.json`)));
-      if (!fsAllow.includes(nodeModules)) fsAllow.push(nodeModules);
-    } catch {
-      /* dep not resolvable from here — skip */
-    }
-  }
-} catch {
-  /* fall back to default resolution */
-}
-
 // --- argument parsing ----------------------------------------------------- //
 let rootArg = null; // the ROOT path as typed (null when omitted)
 let port = 5173;
-let host = "0.0.0.0"; // all interfaces by default — reachable from the network
+// Local only by default — the safe default for a personal viewer / the desktop app.
+// `--headless` opens it to the network (0.0.0.0); `--host ADDR` is an explicit override.
+let host = "127.0.0.1";
 let gitignore = true; // hide .gitignore'd stray files by default
+let prodFlag = false; // force production (static) mode even in the repo checkout
 const argv = process.argv.slice(2);
 for (let i = 0; i < argv.length; i++) {
   const a = argv[i];
   if (a === "--port" || a === "-p") port = parseInt(argv[++i], 10);
   else if (a.startsWith("--port=")) port = parseInt(a.slice("--port=".length), 10);
+  else if (a === "--headless") host = "0.0.0.0"; // serve on all interfaces (no GUI / remote access)
   else if (a === "--host") host = argv[++i];
   else if (a.startsWith("--host=")) host = a.slice("--host=".length);
   else if (a === "--no-gitignore") gitignore = false;
+  else if (a === "--prod") prodFlag = true;
   else if (a === "--help" || a === "-h") {
-    console.log("usage: npx yamlover [ROOT] [--port N] [--host ADDR] [--no-gitignore]");
+    console.log("usage: npx yamlover [ROOT] [--port N] [--headless] [--host ADDR] [--no-gitignore] [--prod]");
+    console.log("  default: serve on 127.0.0.1 (local only); --headless serves on all interfaces");
     process.exit(0);
   } else if (!a.startsWith("-")) rootArg = a;
 }
@@ -81,12 +70,19 @@ if (!fs.existsSync(dataRoot)) {
   process.exit(1);
 }
 
+// --- mode ----------------------------------------------------------------- //
+// The engine SOURCE is present only in the monorepo checkout; its absence (the
+// published package) — or an explicit `--prod` — selects production/static mode.
+const engineSrc = resolve(pkgRoot, "../engine/ts/src/index.ts");
+const repoLive = fs.existsSync(engineSrc);
+const prod = prodFlag || !repoLive;
+
 // --- server --------------------------------------------------------------- //
-// `vite` and `handle` are filled in just below; the request handler closes over
-// them and only reads them once requests start arriving, after assignment.
-let vite;
+// `handle` (API) and `serveClient` (everything else) are filled in per mode just
+// below; the request handler closes over them and only reads them once requests
+// start arriving — after listen(), so after assignment.
 let handle;
-const indexHtmlPath = join(pkgRoot, "index.html");
+let serveClient;
 
 const server = createHttpServer((req, res) => {
   const url = new URL(req.url, "http://localhost");
@@ -94,76 +90,116 @@ const server = createHttpServer((req, res) => {
     handle(req, res, url);
     return;
   }
-  vite.middlewares(req, res, async () => {
-    // SPA fallback: serve the (transformed) index.html for any client route.
-    try {
-      let html = fs.readFileSync(indexHtmlPath, "utf-8");
-      html = await vite.transformIndexHtml(url.pathname, html);
-      res.setHeader("Content-Type", "text/html; charset=utf-8");
-      res.end(html);
-    } catch (e) {
-      vite.ssrFixStacktrace(e);
-      res.statusCode = 500;
-      res.end(e.message);
+  serveClient(req, res, url);
+});
+
+let createHandlers;
+if (prod) {
+  // -- production: prebuilt static client + bundled server, no Vite ---------- //
+  const distClient = join(pkgRoot, "dist/client");
+  const distIndex = join(distClient, "index.html");
+  if (!fs.existsSync(distIndex)) {
+    console.error(`yamlover: production build missing at ${distClient}`);
+    console.error("          run `npm run build` in tools/server first.");
+    process.exit(1);
+  }
+  ({ createHandlers } = await import(pathToFileURL(join(pkgRoot, "dist/server.js")).href));
+  serveClient = (req, res, url) => serveStatic(res, url, distClient, distIndex);
+} else {
+  // -- live: Vite middleware + ssrLoadModule (repo checkout) ----------------- //
+  // Vite and its plugin are DYNAMIC imports so production mode (where they are not
+  // installed) never tries to resolve them.
+  const { createServer } = await import("vite");
+  const { default: react } = await import("@vitejs/plugin-react");
+
+  // Resolve react/react-dom as *this package* sees them, and alias Vite to those
+  // exact copies, so the SPA never picks up a stale React from a parent
+  // node_modules (the "does not provide an export named 'createRoot'" failure).
+  const reactAlias = {};
+  // Directories Vite is allowed to serve over `/@fs`. Start with this package; add
+  // the node_modules that actually holds the heavy deps — under `npx` they hoist to
+  // a `_npx/<hash>/node_modules` outside `pkgRoot` and Vite's default root detection
+  // misses it, so a raw asset (notably pdf.js's worker) 404s to index.html.
+  const fsAllow = [pkgRoot];
+  try {
+    const req = createRequire(join(pkgRoot, "package.json"));
+    reactAlias["react"] = dirname(req.resolve("react/package.json"));
+    reactAlias["react-dom"] = dirname(req.resolve("react-dom/package.json"));
+    for (const dep of ["pdfjs-dist", "react-pdf", "leaflet"]) {
+      try {
+        const nodeModules = dirname(dirname(req.resolve(`${dep}/package.json`)));
+        if (!fsAllow.includes(nodeModules)) fsAllow.push(nodeModules);
+      } catch {
+        /* dep not resolvable from here — skip */
+      }
     }
+  } catch {
+    /* fall back to default resolution */
+  }
+
+  // Run HMR over our own server (`hmr: { server }`) so Vite does not open a second
+  // WebSocket port of its own.
+  const vite = await createServer({
+    root: pkgRoot,
+    plugins: [react()],
+    appType: "custom",
+    // Always use this package's own React: `dedupe` collapses react/react-dom to a
+    // single copy, and the aliases pin that copy to the one resolvable from here.
+    resolve: { dedupe: ["react", "react-dom"], alias: reactAlias },
+    // Pre-bundle the heavy renderer deps up front. These are all lazy-loaded, so
+    // Vite would otherwise discover them (and their transitive CJS deps) only on
+    // first use and could serve them un-interopped — the "does not provide an
+    // export named …" failure. Listing them forces a clean CJS→ESM pre-bundle.
+    optimizeDeps: {
+      include: [
+        "react-pdf",
+        "marked",
+        "@asciidoctor/core",
+        "ag-psd",
+        "utif",
+        "heic2any",
+        // the office/map renderer deps (all CJS/UMD — they need the CJS→ESM interop
+        // a pre-bundle gives, or they fail with "does not provide an export named
+        // 'default'", e.g. `import L from "leaflet"`)
+        "leaflet",
+        "xlsx",
+        "mammoth/mammoth.browser",
+        "@tmcw/togeojson",
+      ],
+    },
+    // `allowedHosts: true` lifts Vite's Host-header allowlist so the SPA is
+    // reachable under any hostname/IP (harmless on the default local bind; needed
+    // when `--headless` exposes it on the network). `fs.allow` is widened to the
+    // dirs holding the heavy deps so their `/@fs` assets are served, not 404'd.
+    server: { middlewareMode: true, allowedHosts: true, hmr: { server }, fs: { allow: fsAllow } },
   });
-});
 
-// Run HMR over our own server (`hmr: { server }`) so Vite does not open a
-// second WebSocket port of its own.
-vite = await createServer({
-  root: pkgRoot,
-  plugins: [react()],
-  appType: "custom",
-  // Always use this package's own React: `dedupe` collapses react/react-dom to a
-  // single copy, and the aliases pin that copy to the one resolvable from here —
-  // so a stale react-dom in a *parent* node_modules (the classic "does not
-  // provide an export named 'createRoot'" failure) cannot shadow it.
-  resolve: { dedupe: ["react", "react-dom"], alias: reactAlias },
-  // Pre-bundle the heavy renderer deps up front. These are all lazy-loaded, so
-  // Vite would otherwise discover them (and their transitive CJS deps such as
-  // `warning` for react-pdf or `base64-js` for ag-psd) only on first use and could
-  // serve them un-interopped — the "does not provide an export named …" failure.
-  // Listing them forces a clean CJS→ESM bundle before any renderer mounts.
-  optimizeDeps: {
-    include: [
-      "react-pdf",
-      "marked",
-      "@asciidoctor/core",
-      "ag-psd",
-      "utif",
-      "heic2any",
-      // the office/map renderer deps (all CJS/UMD — they need the CJS→ESM interop
-      // a pre-bundle gives, or they are served raw and fail with "does not provide
-      // an export named 'default'", e.g. `import L from "leaflet"`)
-      "leaflet",
-      "xlsx",
-      "mammoth/mammoth.browser",
-      "@tmcw/togeojson",
-    ],
-  },
-  // `allowedHosts: true` lifts Vite's Host-header allowlist so the SPA is
-  // reachable from the network (any hostname/IP), matching the 0.0.0.0 bind.
-  // `fs.allow` is widened (above) to the dirs holding the heavy deps so their
-  // `/@fs` assets — chiefly pdf.js's worker — are served, not 404'd to index.html.
-  server: { middlewareMode: true, allowedHosts: true, hmr: { server }, fs: { allow: fsAllow } },
-});
+  // The engine-backed handler (engine-api.ts) is loaded via `ssrLoadModule` so its
+  // TS — and the engine/parser source it reaches into (`../../../engine`,
+  // `../../../parser`) — is transpiled live, with no build step.
+  ({ createHandlers } = await vite.ssrLoadModule("/src/server/engine-api.ts"));
 
-// Load the server-side materializer. The engine-backed handler (engine-api.ts) supersedes the
-// legacy loadEntity materializer (api.ts kept for ref). It reaches OUTSIDE this package
-// (../../../engine, ../../../parser), which the npm tarball cannot carry — so at prepack we bundle
-// that import graph into a self-contained `dist/server.js` (scripts/build.mjs). We pick the loader
-// by whether the engine SOURCE is reachable: in the repo CHECKOUT it is, so we use Vite's
-// `ssrLoadModule` to transpile the TS live (edits take effect with no rebuild — never a stale
-// bundle); in the PUBLISHED package the source is absent, so we import the prebuilt bundle. Either
-// way the client SPA is still served by Vite from src.
-// The initial index runs as a BACKGROUND task — the server listens immediately (serving the
-// previous on-disk index, or an empty tree on a cold start) while progress lands here and in
-// the web UI (SSE task frames + GET /api/tasks).
-const engineSrc = resolve(pkgRoot, "../engine/ts/src/index.ts"); // present only in the monorepo
-const { createHandlers } = fs.existsSync(engineSrc)
-  ? await vite.ssrLoadModule("/src/server/engine-api.ts") // repo: live TS, no rebuild needed
-  : await import(pathToFileURL(join(pkgRoot, "dist/server.js")).href); // published: prebuilt bundle
+  const indexHtmlPath = join(pkgRoot, "index.html");
+  serveClient = (req, res, url) => {
+    vite.middlewares(req, res, async () => {
+      // SPA fallback: serve the (transformed) index.html for any client route.
+      try {
+        let html = fs.readFileSync(indexHtmlPath, "utf-8");
+        html = await vite.transformIndexHtml(url.pathname, html);
+        res.setHeader("Content-Type", "text/html; charset=utf-8");
+        res.end(html);
+      } catch (e) {
+        vite.ssrFixStacktrace(e);
+        res.statusCode = 500;
+        res.end(e.message);
+      }
+    });
+  };
+}
+
+// The initial index runs as a BACKGROUND task — the server listens immediately
+// (serving the previous on-disk index, or an empty tree on a cold start) while
+// progress lands here and in the web UI (SSE task frames + GET /api/tasks).
 handle = createHandlers(dataRoot, {
   gitignore,
   watch: true, // re-index + push on external edits
@@ -171,6 +207,57 @@ handle = createHandlers(dataRoot, {
 });
 handle.ready.catch((e) => console.error("yamlover: indexing failed:", e));
 
+// --- static file server (production mode) --------------------------------- //
+const MIME = {
+  ".html": "text/html; charset=utf-8",
+  ".js": "text/javascript; charset=utf-8",
+  ".mjs": "text/javascript; charset=utf-8",
+  ".css": "text/css; charset=utf-8",
+  ".json": "application/json; charset=utf-8",
+  ".map": "application/json; charset=utf-8",
+  ".wasm": "application/wasm",
+  ".svg": "image/svg+xml",
+  ".png": "image/png",
+  ".jpg": "image/jpeg",
+  ".jpeg": "image/jpeg",
+  ".gif": "image/gif",
+  ".webp": "image/webp",
+  ".ico": "image/x-icon",
+  ".woff": "font/woff",
+  ".woff2": "font/woff2",
+  ".ttf": "font/ttf",
+  ".txt": "text/plain; charset=utf-8",
+};
+
+/** Serve a file from `distClient`, or fall back to the SPA shell (`distIndex`) for
+ *  any path that isn't a real asset — the client routes on the JSON path. */
+function serveStatic(res, url, distClient, distIndex) {
+  const filePath = resolve(distClient, "." + decodeURIComponent(url.pathname));
+  // Containment guard: never serve outside dist/client (`..` traversal → shell).
+  if (filePath !== distClient && !filePath.startsWith(distClient + sep)) {
+    return serveIndex(res, distIndex);
+  }
+  let stat = null;
+  try {
+    stat = fs.statSync(filePath);
+  } catch {
+    /* miss → shell */
+  }
+  if (!stat || !stat.isFile()) return serveIndex(res, distIndex);
+  res.setHeader("Content-Type", MIME[extname(filePath).toLowerCase()] ?? "application/octet-stream");
+  // Vite emits content-hashed assets under /assets — safe to cache immutably.
+  if (url.pathname.startsWith("/assets/")) {
+    res.setHeader("Cache-Control", "public, max-age=31536000, immutable");
+  }
+  fs.createReadStream(filePath).pipe(res);
+}
+
+function serveIndex(res, distIndex) {
+  res.setHeader("Content-Type", "text/html; charset=utf-8");
+  res.setHeader("Cache-Control", "no-cache");
+  fs.createReadStream(distIndex).pipe(res);
+}
+
 // Listen on `port`; if it is already in use, fall back to the next port (up to
 // `MAX_PORT_TRIES`), so two instances — or a leftover one — don't collide.
 const shown = host === "0.0.0.0" || host === "::" ? "localhost" : host;
@@ -191,7 +278,7 @@ function listenWithFallback(p, triesLeft) {
   };
   const onListening = () => {
     server.off("error", onError); // bound OK — stop intercepting listen errors
-    console.log(`yamlover  serving ${dataRoot}`);
+    console.log(`yamlover  serving ${dataRoot}${prod ? "" : "  (live/Vite)"}`);
     console.log(`          http://${shown}:${p}/  (bound to ${host})`);
   };
   server.once("error", onError);

package/dist/client/assets/_commonjs-dynamic-modules-TDtrdbi3.js

@@ -0,0 +1 @@
+function r(o){throw new Error('Could not dynamically require "'+o+'". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.')}export{r as c};

package/dist/client/assets/decoded-CFkcuQ1f.js

@@ -0,0 +1 @@
+import{r as f,b as d,j as i}from"./index-CQ3TGVSx.js";import{PanZoomImage as p}from"./imagemap-CUKUIcGe.js";function j({node:r,label:t,decode:a}){const[e,n]=f.useState([]),[c,u]=f.useState(null);return f.useEffect(()=>{let s=!1;const o=[];return n([]),u(null),(async()=>{const l=await fetch(d(r.path)).then(m=>m.arrayBuffer()),g=await a(l);if(!s){for(const m of g)o.push(URL.createObjectURL(m));s||n(o)}})().catch(l=>!s&&u(String(l.message||l))),()=>{s=!0,o.forEach(URL.revokeObjectURL)}},[r.path]),c?i.jsxs("div",{className:"error",children:[t,": ",c]}):e.length?i.jsx(i.Fragment,{children:e.map((s,o)=>i.jsx(p,{src:s,className:"filemap fileimagemap"},o))}):i.jsxs("div",{className:"loading",children:["decoding ",t,"…"]})}async function E(r,t,a){const e=document.createElement("canvas");e.width=t,e.height=a;const n=e.getContext("2d");if(!n)throw new Error("no 2d context");const c=n.createImageData(t,a);return c.data.set(r),n.putImageData(c,0,0),h(e)}function h(r){return new Promise((t,a)=>r.toBlob(e=>e?t(e):a(new Error("canvas export failed")),"image/png"))}export{j as D,h as c,E as r};

package/dist/client/assets/djvu-B3wuFWwI.js

@@ -0,0 +1 @@
+import{r as u,f as te,d as ne,e as oe,c as re,D as W,b as se,j as d}from"./index-CQ3TGVSx.js";import{u as ae}from"./paged-CjxSuuik.js";const ce="/assets/djvu-Ci0lFKxE.js";let X=null;function ie(){return window.DjVu?Promise.resolve(window.DjVu):(X??=new Promise((s,c)=>{const i=document.createElement("script");i.src=ce,i.onload=()=>window.DjVu?s(window.DjVu):c(new Error("DjVu failed to load")),i.onerror=()=>c(new Error("could not load djvu.js")),document.head.appendChild(i)}),X)}let m=null,Y=null,_=null;const p=new Map,S=new Map,le=6,F=1500;async function ue(s,c){const i=await ie();return m??=new i.Worker,c!==Y&&(Y=c,p.clear(),S.clear(),_=(async()=>(await m.createDocument(s),Number(await m.doc.getPagesQuantity().run())||0))()),_}async function de(s,c){const i=Math.max(1,Math.round(s.height*c/s.width)),w=await createImageBitmap(s,{resizeWidth:c,resizeHeight:i,resizeQuality:"medium"}),g=document.createElement("canvas");g.width=c,g.height=i;const v=g.getContext("2d");return v.drawImage(w,0,0),w.close(),v.getImageData(0,0,c,i)}function he(s){const c=p.get(s);if(c)return p.delete(s),p.set(s,c),Promise.resolve(c);const i=S.get(s);if(i)return i;const w=(async()=>{const[g,v,x,P]=await m.run(m.doc.getPage(s).getImageData(),m.doc.getPage(s).getNormalizedTextZones(),m.doc.getPage(s).getWidth(),m.doc.getPage(s).getHeight()),M=Number(x)||g.width,N=Number(P)||g.height,y={image:M>F?await de(g,F):g,zones:Array.isArray(v)?v:[],w:M,h:N};for(S.delete(s),p.set(s,y);p.size>le;)p.delete(p.keys().next().value);return y})();return S.set(s,w),w}const C=s=>Number(s)||0;function ge({image:s}){const c=u.useRef(null);return u.useLayoutEffect(()=>{const i=c.current;i&&(i.width=s.width,i.height=s.height,i.getContext("2d")?.putImageData(s,0,0))},[s]),d.jsx("canvas",{className:"djvu-page",ref:c})}function ve({node:s}){const c=u.useRef(null),[i,w]=u.useState(0),[g,v]=u.useState(1),[x,P]=u.useState(0),[M,N]=u.useState(null),[f,y]=u.useState(null),[b,V]=u.useState(()=>new Set),[D,T]=u.useState(()=>new Map),A=u.useRef(new Map),z=te(s.path),{openCreate:H,openEdit:Q,palette:Z,preview:R}=ne(z),q=(R?[...z.annotations,{path:"(preview)",selector:R.selector,tag:R.tag}]:z.annotations).filter(t=>t.selector?.type==="djvu").map(t=>({page:C(t.selector.page)||1,x:C(t.selector.x),y:C(t.selector.y),w:C(t.selector.w),h:C(t.selector.h),title:t.description,color:re(t),ann:oe(t)?t:void 0})),O=R?.color??W,E=u.useRef(new Map),k=ae(c,()=>{const t=[];for(let n=1;n<=i;n++){const e=E.current.get(n);e&&t.push(e)}return t},i>0&&x>0),K=u.useRef(k);K.current=k,u.useLayoutEffect(()=>{k.restoreAnchor()},[g]),u.useEffect(()=>{const t=c.current;t&&!t.closest(".chunk-body")&&t.focus({preventScroll:!0})},[]),u.useLayoutEffect(()=>{const t=c.current;if(!t)return;const n=new ResizeObserver(([e])=>P(e.contentRect.width));return n.observe(t),()=>n.disconnect()},[]);const B=Math.min(x,1e3)*g;u.useEffect(()=>{const t=c.current;if(!t)return;let n=!1,e=0;const o=a=>{(a.ctrlKey||a.altKey||a.metaKey)&&(a.preventDefault(),n||(K.current.captureAnchor(),n=!0),clearTimeout(e),e=window.setTimeout(()=>n=!1,250),v(h=>Math.min(5,Math.max(.4,h*(a.deltaY<0?1.1:1/1.1)))))};return t.addEventListener("wheel",o,{passive:!1}),()=>{t.removeEventListener("wheel",o),clearTimeout(e)}},[]),u.useEffect(()=>{let t=!1;return w(0),N(null),V(new Set),T(new Map),E.current.clear(),A.current.clear(),(async()=>{const n=await fetch(se(s.path)).then(o=>o.arrayBuffer()),e=await ue(n,s.path);t||w(e)})().catch(n=>!t&&N(String(n.message||n))),()=>{t=!0}},[s.path]),u.useEffect(()=>{if(!i)return;const t=new IntersectionObserver(n=>{V(e=>{const o=new Set(e);for(const a of n){const h=Number(a.target.dataset.page);a.isIntersecting?o.add(h):o.delete(h)}return o.size===e.size&&[...o].every(a=>e.has(a))?e:o})},{root:c.current,rootMargin:"2000px 0px"});for(const n of E.current.values())t.observe(n);return()=>t.disconnect()},[i,x>0]),u.useEffect(()=>{let t=!0;return b.forEach(n=>{D.has(n)||he(n).then(e=>{A.current.set(n,{w:e.w,h:e.h}),t&&T(o=>new Map(o).set(n,e))}).catch(()=>{})}),T(n=>{let e=!1;const o=new Map(n);for(const a of o.keys())b.has(a)||(o.delete(a),e=!0);return e?o:n}),()=>{t=!1}},[b]);const G=()=>{const t=window.getSelection();if(!t||t.isCollapsed||!t.anchorNode)return;const e=(t.anchorNode.nodeType===1?t.anchorNode:t.anchorNode.parentElement)?.closest(".djvu-page-wrap");if(!e||!c.current?.contains(e))return;const o=Number(e.dataset.page),a=e.getBoundingClientRect(),h=a.width/(D.get(o)?.w||1);if(!h)return;const l=t.getRangeAt(0).getBoundingClientRect();l.width<2||l.height<2||H({type:"djvu",page:o,x:Math.round((l.left-a.left)/h),y:Math.round((l.top-a.top)/h),w:Math.round(l.width/h),h:Math.round(l.height/h)},{x:l.left,y:l.bottom+6})},I=(t,n)=>n.getBoundingClientRect().width/(D.get(t)?.w||1),J=(t,n)=>{const e=n.currentTarget.getBoundingClientRect(),o=I(t,n.currentTarget);y({page:t,x0:(n.clientX-e.left)/o,y0:(n.clientY-e.top)/o,x1:(n.clientX-e.left)/o,y1:(n.clientY-e.top)/o})},$=(t,n)=>{const e=n.currentTarget.getBoundingClientRect(),o=I(t,n.currentTarget);y(a=>a&&{...a,x1:(n.clientX-e.left)/o,y1:(n.clientY-e.top)/o})},ee=(t,n)=>{const e=f;if(y(null),!e||e.page!==t)return;const o=I(t,n.currentTarget),a=Math.min(e.x0,e.x1),h=Math.min(e.y0,e.y1),l=Math.abs(e.x1-e.x0),r=Math.abs(e.y1-e.y0);if(l*o<3||r*o<3)return;const j=n.currentTarget.getBoundingClientRect();H({type:"djvu",page:t,x:Math.round(a),y:Math.round(h),w:Math.round(l),h:Math.round(r)},{x:j.left+a*o,y:j.top+(h+r)*o+6})};return M?d.jsxs("div",{className:"error",children:["djvu: ",M]}):d.jsxs(d.Fragment,{children:[d.jsxs("div",{className:"filedjvu yo-zoomable",ref:c,tabIndex:0,onMouseUp:G,children:[i===0&&d.jsx("div",{className:"loading",children:"opening djvu…"}),x>0&&Array.from({length:i},(t,n)=>{const e=n+1,o=b.has(e)?D.get(e):void 0,a=A.current.get(e),h=B*(a?a.h/a.w:Math.SQRT2),l=o?B/o.w:0;return d.jsx("div",{className:"djvu-page-wrap","data-page":e,ref:r=>{r?E.current.set(e,r):E.current.delete(e)},style:{width:B,height:o?void 0:h},children:o?d.jsxs(d.Fragment,{children:[d.jsx(ge,{image:o.image}),o.zones.length>0?d.jsx("div",{className:"djvu-textlayer",children:o.zones.map((r,j)=>d.jsx("span",{style:{left:r.x*l,top:r.y*l,width:r.width*l,height:r.height*l,fontSize:r.height*l},children:r.text},j))}):d.jsx("div",{className:"djvu-marquee",onMouseDown:r=>J(e,r),onMouseMove:r=>$(e,r),onMouseUp:r=>ee(e,r),children:f?.page===e&&d.jsx("div",{className:"djvu-region",style:{left:Math.min(f.x0,f.x1)*l,top:Math.min(f.y0,f.y1)*l,width:Math.abs(f.x1-f.x0)*l,height:Math.abs(f.y1-f.y0)*l,borderColor:O,background:O+"2e"}})}),q.filter(r=>r.page===e).map((r,j)=>{const U=r.color||W;return d.jsx("div",{className:"djvu-region"+(r.ann?" editable":""),title:r.ann?r.title||"click to recolor or delete":r.title,onClick:r.ann?L=>{L.stopPropagation(),Q(r.ann,{x:L.clientX,y:L.clientY})}:void 0,style:{left:r.x*l,top:r.y*l,width:r.w*l,height:r.h*l,borderColor:U,background:U+"2e"}},j)})]}):d.jsx("div",{className:"djvu-placeholder",children:b.has(e)?"decoding…":""})},n)})]}),Z]})}export{ve as DjvuView};