apostil 0.1.6 → 0.2.0

package/dist/cli/index.js

@@ -24,10 +24,10 @@ function parseMode(flags) {
 }
 function printHelp() {
   console.log(`
-  apostil \u2014 Pin-and-comment feedback for React & Next.js
+  apostil \u2014 Lightweight, Figma-like commenting for React
 
   Usage:
-    npx apostil init [mode]   Set up apostil in your Next.js project
+    npx apostil init [mode]   Set up apostil in your project
     npx apostil remove        Remove apostil from your project
     npx apostil help          Show this help
 
@@ -35,20 +35,54 @@ function printHelp() {
     (default)    Personal \u2014 local dev only, comments gitignored
     --dev        Dev + staging \u2014 comments gitignored, env-controlled
     --public     All environments \u2014 comments committed to git
+
+  Supported frameworks: Next.js (App Router), Vite + React
+  Framework is auto-detected from your project.
 `);
 }
+async function detectFramework(cwd) {
+  for (const name of ["next.config.js", "next.config.ts", "next.config.mjs"]) {
+    if (await fileExists(path.join(cwd, name))) return "nextjs";
+  }
+  for (const name of ["vite.config.js", "vite.config.ts", "vite.config.mjs"]) {
+    if (await fileExists(path.join(cwd, name))) return "vite";
+  }
+  try {
+    const pkg = JSON.parse(await fs.readFile(path.join(cwd, "package.json"), "utf-8"));
+    const deps = { ...pkg.dependencies, ...pkg.devDependencies };
+    if (deps["next"]) return "nextjs";
+    if (deps["vite"]) return "vite";
+  } catch {
+  }
+  return null;
+}
 async function init(mode) {
   const cwd = process.cwd();
+  const framework = await detectFramework(cwd);
+  if (!framework) {
+    console.log("  Could not detect your framework.");
+    console.log("  Apostil supports Next.js (App Router) and Vite + React.");
+    console.log("  Make sure you're running this from your project root.\n");
+    process.exit(1);
+  }
+  console.log(`
+  Detected: ${framework === "nextjs" ? "Next.js" : "Vite + React"}`);
+  if (framework === "nextjs") {
+    await initNextjs(cwd, mode);
+  } else {
+    await initVite(cwd, mode);
+  }
+}
+async function initNextjs(cwd, mode) {
   const appDir = await findAppDir(cwd);
   if (!appDir) {
     console.log("  Could not find a Next.js app/ directory.");
-    console.log("  Make sure you're running this from your project root.\n");
+    console.log("  Make sure you're using the App Router.\n");
     process.exit(1);
   }
   const useSrc = appDir.includes("src/app");
   const modeLabel = mode === "personal" ? "personal" : mode === "dev" ? "dev" : "public";
-  console.log(`
-  Setting up apostil (${modeLabel} mode)...
+  console.log(`  Setting up apostil (${modeLabel} mode)...
 `);
   const apiDir = path.join(appDir, "api", "apostil");
   const apiFile = path.join(apiDir, "route.ts");
@@ -67,80 +101,37 @@ async function init(mode) {
   const componentsDir = path.join(cwd, useSrc ? "src/components" : "components");
   const wrapperFile = path.join(componentsDir, "apostil-wrapper.tsx");
   await fs.mkdir(componentsDir, { recursive: true });
-  await fs.writeFile(wrapperFile, getWrapperComponent(mode), "utf-8");
+  await fs.writeFile(wrapperFile, getNextjsWrapper(mode), "utf-8");
   console.log(`  \u2713 Created ${rel(cwd, wrapperFile)} (${modeLabel} mode)`);
   const commentsDir = path.join(cwd, ".apostil");
   await fs.mkdir(commentsDir, { recursive: true });
   console.log("  \u2713 Created .apostil/ directory");
-  const gitignorePath = path.join(cwd, ".gitignore");
-  let gitignore = "";
-  try {
-    gitignore = await fs.readFile(gitignorePath, "utf-8");
-  } catch {
-  }
-  if (mode === "public") {
-    if (gitignore.includes(".apostil")) {
-      console.log("  \u2713 .gitignore unchanged (public mode \u2014 comments will be committed)");
-    } else {
-      console.log("  \u2713 Comments will be committed to git (public mode)");
-    }
-  } else {
-    if (!gitignore.includes(".apostil")) {
-      const entry = "\n# Apostil comments\n.apostil/\n";
-      await fs.appendFile(gitignorePath, entry, "utf-8");
-      console.log("  \u2713 Added .apostil/ to .gitignore");
-    } else {
-      console.log("  \u2713 .gitignore already configured");
-    }
-  }
-  const layoutInjected = await injectIntoLayout(appDir, useSrc);
+  await handleGitignore(cwd, mode);
+  const layoutInjected = await injectIntoNextjsLayout(appDir, useSrc);
   if (layoutInjected) {
     console.log("  \u2713 Added <ApostilWrapper> to root layout");
   }
   console.log("\n  Done! Run your dev server and press C to start commenting.\n");
 }
-async function remove() {
-  const cwd = process.cwd();
-  const appDir = await findAppDir(cwd);
-  const useSrc = appDir?.includes("src/app") ?? false;
-  console.log("\n  Removing apostil...\n");
-  if (appDir) {
-    const apiDir = path.join(appDir, "api", "apostil");
-    if (await fileExists(path.join(apiDir, "route.ts"))) {
-      await fs.rm(apiDir, { recursive: true });
-      console.log("  \u2713 Removed API route");
-    }
-  }
+async function initVite(cwd, mode) {
+  const useSrc = await fileExists(path.join(cwd, "src"));
+  const modeLabel = mode === "personal" ? "personal" : mode === "dev" ? "dev" : "public";
+  console.log(`  Setting up apostil (${modeLabel} mode)...
+`);
   const componentsDir = path.join(cwd, useSrc ? "src/components" : "components");
   const wrapperFile = path.join(componentsDir, "apostil-wrapper.tsx");
-  if (await fileExists(wrapperFile)) {
-    await fs.rm(wrapperFile);
-    console.log("  \u2713 Removed wrapper component");
-  }
-  if (appDir) {
-    const unwrapped = await removeFromLayout(appDir);
-    if (unwrapped) {
-      console.log("  \u2713 Removed <ApostilWrapper> from root layout");
-    }
-  }
-  const commentsDir = path.join(cwd, ".apostil");
-  if (await fileExists(commentsDir)) {
-    await fs.rm(commentsDir, { recursive: true });
-    console.log("  \u2713 Removed .apostil/ directory");
-  }
-  const gitignorePath = path.join(cwd, ".gitignore");
-  try {
-    let gitignore = await fs.readFile(gitignorePath, "utf-8");
-    gitignore = gitignore.replace(/\n?# Apostil comments\n\.apostil\/\n?/g, "");
-    await fs.writeFile(gitignorePath, gitignore, "utf-8");
-    console.log("  \u2713 Cleaned .gitignore");
-  } catch {
+  await fs.mkdir(componentsDir, { recursive: true });
+  const hasRouter = await hasReactRouter(cwd);
+  await fs.writeFile(wrapperFile, getViteWrapper(mode, hasRouter), "utf-8");
+  console.log(`  \u2713 Created ${rel(cwd, wrapperFile)} (${modeLabel} mode)`);
+  console.log("  \u2713 Using localStorage adapter (comments stored in browser)");
+  const entryInjected = await injectIntoViteEntry(cwd, useSrc);
+  if (entryInjected) {
+    console.log("  \u2713 Added <ApostilWrapper> to app entry");
   }
-  console.log(`
-  Done! Now run: npm uninstall apostil
-`);
+  console.log("\n  Done! Run your dev server and press C to start commenting.\n");
 }
-function getWrapperComponent(mode) {
+function getNextjsWrapper(mode) {
   const envGuard = mode === "personal" ? `
   // Personal mode \u2014 only active in local development
   if (process.env.NODE_ENV !== "development") {
@@ -186,7 +177,86 @@ export function ApostilWrapper({ children }: { children: React.ReactNode }) {${e
 }
 `;
 }
-async function injectIntoLayout(appDir, useSrc) {
+async function hasReactRouter(cwd) {
+  try {
+    const pkg = JSON.parse(await fs.readFile(path.join(cwd, "package.json"), "utf-8"));
+    const deps = { ...pkg.dependencies, ...pkg.devDependencies };
+    return !!deps["react-router-dom"] || !!deps["react-router"];
+  } catch {
+    return false;
+  }
+}
+function getViteWrapper(mode, hasRouter) {
+  const envGuard = mode === "personal" ? `
+  // Personal mode \u2014 only active in local development
+  if (import.meta.env.PROD) {
+    return <>{children}</>;
+  }
+` : mode === "dev" ? `
+  // Dev mode \u2014 active in dev + staging, disabled in production
+  // Set VITE_APOSTIL=true to force on in any environment
+  const forceOn = import.meta.env.VITE_APOSTIL === "true";
+  if (import.meta.env.PROD && !forceOn) {
+    return <>{children}</>;
+  }
+` : `
+  // Public mode \u2014 active in all environments
+  // Set VITE_APOSTIL=false to disable
+  if (import.meta.env.VITE_APOSTIL === "false") {
+    return <>{children}</>;
+  }
+`;
+  const routerImport = hasRouter ? `import { useLocation } from "react-router-dom";
+` : "";
+  const pageIdLogic = hasRouter ? `  const location = useLocation();
+  const pageId = location.pathname.replace(/\\//g, "--").replace(/^--/, "") || "home";` : `  const pageId = window.location.pathname.replace(/\\//g, "--").replace(/^--/, "") || "home";`;
+  return `${routerImport}import {
+  ApostilProvider,
+  CommentOverlay,
+  CommentToggle,
+  CommentSidebar,
+} from "apostil";
+import { localStorageAdapter } from "apostil/adapters/localStorage";
+import "apostil/styles.css";
+
+export function ApostilWrapper({ children }: { children: React.ReactNode }) {${envGuard}
+${pageIdLogic}
+
+  return (
+    <ApostilProvider pageId={pageId} storage={localStorageAdapter}>
+      {children}
+      <CommentOverlay />
+      <CommentSidebar />
+      <CommentToggle />
+    </ApostilProvider>
+  );
+}
+`;
+}
+async function handleGitignore(cwd, mode) {
+  const gitignorePath = path.join(cwd, ".gitignore");
+  let gitignore = "";
+  try {
+    gitignore = await fs.readFile(gitignorePath, "utf-8");
+  } catch {
+  }
+  if (mode === "public") {
+    if (gitignore.includes(".apostil")) {
+      console.log("  \u2713 .gitignore unchanged (public mode \u2014 comments will be committed)");
+    } else {
+      console.log("  \u2713 Comments will be committed to git (public mode)");
+    }
+  } else {
+    if (!gitignore.includes(".apostil")) {
+      const entry = "\n# Apostil comments\n.apostil/\n";
+      await fs.appendFile(gitignorePath, entry, "utf-8");
+      console.log("  \u2713 Added .apostil/ to .gitignore");
+    } else {
+      console.log("  \u2713 .gitignore already configured");
+    }
+  }
+}
+async function injectIntoNextjsLayout(appDir, useSrc) {
   const layoutPath = await findLayout(appDir);
   if (!layoutPath) return false;
   let content = await fs.readFile(layoutPath, "utf-8");
@@ -229,14 +299,124 @@ async function injectIntoLayout(appDir, useSrc) {
   await fs.writeFile(layoutPath, content, "utf-8");
   return true;
 }
-async function removeFromLayout(appDir) {
-  const layoutPath = await findLayout(appDir);
-  if (!layoutPath) return false;
-  let content = await fs.readFile(layoutPath, "utf-8");
+async function injectIntoViteEntry(cwd, useSrc) {
+  const baseDir = useSrc ? path.join(cwd, "src") : cwd;
+  for (const ext of ["tsx", "jsx"]) {
+    const mainFile = path.join(baseDir, `main.${ext}`);
+    if (await fileExists(mainFile)) {
+      return await injectIntoViteMain(mainFile);
+    }
+  }
+  console.log("  \u26A0 Could not find main.tsx or main.jsx \u2014 add <ApostilWrapper> manually");
+  return false;
+}
+async function injectIntoViteMain(mainFile, wrapperFile) {
+  let content = await fs.readFile(mainFile, "utf-8");
+  if (content.includes("ApostilWrapper")) {
+    console.log("  \u2713 Entry already has <ApostilWrapper>");
+    return false;
+  }
+  const mainDir = path.dirname(mainFile);
+  const wrapperPath = wrapperFile ?? path.join(mainDir, "components", "apostil-wrapper.tsx");
+  let relativePath = path.relative(mainDir, wrapperPath).replace(/\.tsx$/, "");
+  if (!relativePath.startsWith(".")) relativePath = "./" + relativePath;
+  const importLine = `import { ApostilWrapper } from "${relativePath}";
+`;
+  const importRegex = /^import\s.+$/gm;
+  let lastImportIndex = 0;
+  let match;
+  while ((match = importRegex.exec(content)) !== null) {
+    lastImportIndex = match.index + match[0].length;
+  }
+  if (lastImportIndex > 0) {
+    content = content.slice(0, lastImportIndex) + "\n" + importLine + content.slice(lastImportIndex);
+  } else {
+    content = importLine + content;
+  }
+  content = content.replace(/<App\s*\/>/, `<ApostilWrapper><App /></ApostilWrapper>`);
+  await fs.writeFile(mainFile, content, "utf-8");
+  return true;
+}
+async function remove() {
+  const cwd = process.cwd();
+  const framework = await detectFramework(cwd);
+  console.log("\n  Removing apostil...\n");
+  if (framework === "nextjs") {
+    await removeNextjs(cwd);
+  } else if (framework === "vite") {
+    await removeVite(cwd);
+  } else {
+    await removeNextjs(cwd);
+    await removeVite(cwd);
+  }
+  const commentsDir = path.join(cwd, ".apostil");
+  if (await fileExists(commentsDir)) {
+    await fs.rm(commentsDir, { recursive: true });
+    console.log("  \u2713 Removed .apostil/ directory");
+  }
+  const gitignorePath = path.join(cwd, ".gitignore");
+  try {
+    let gitignore = await fs.readFile(gitignorePath, "utf-8");
+    gitignore = gitignore.replace(/\n?# Apostil comments\n\.apostil\/\n?/g, "");
+    await fs.writeFile(gitignorePath, gitignore, "utf-8");
+    console.log("  \u2713 Cleaned .gitignore");
+  } catch {
+  }
+  console.log(`
+  Done! Now run: npm uninstall apostil
+`);
+}
+async function removeNextjs(cwd) {
+  const appDir = await findAppDir(cwd);
+  const useSrc = appDir?.includes("src/app") ?? false;
+  if (appDir) {
+    const apiDir = path.join(appDir, "api", "apostil");
+    if (await fileExists(path.join(apiDir, "route.ts"))) {
+      await fs.rm(apiDir, { recursive: true });
+      console.log("  \u2713 Removed API route");
+    }
+  }
+  const componentsDir = path.join(cwd, useSrc ? "src/components" : "components");
+  const wrapperFile = path.join(componentsDir, "apostil-wrapper.tsx");
+  if (await fileExists(wrapperFile)) {
+    await fs.rm(wrapperFile);
+    console.log("  \u2713 Removed wrapper component");
+  }
+  if (appDir) {
+    const layoutPath = await findLayout(appDir);
+    if (layoutPath) {
+      const unwrapped = await removeWrapperFromFile(layoutPath);
+      if (unwrapped) {
+        console.log("  \u2713 Removed <ApostilWrapper> from root layout");
+      }
+    }
+  }
+}
+async function removeVite(cwd) {
+  const useSrc = await fileExists(path.join(cwd, "src"));
+  const baseDir = useSrc ? path.join(cwd, "src") : cwd;
+  const componentsDir = path.join(cwd, useSrc ? "src/components" : "components");
+  const wrapperFile = path.join(componentsDir, "apostil-wrapper.tsx");
+  if (await fileExists(wrapperFile)) {
+    await fs.rm(wrapperFile);
+    console.log("  \u2713 Removed wrapper component");
+  }
+  for (const name of ["App.tsx", "App.jsx", "main.tsx", "main.jsx"]) {
+    const file = path.join(baseDir, name);
+    if (await fileExists(file)) {
+      const unwrapped = await removeWrapperFromFile(file);
+      if (unwrapped) {
+        console.log(`  \u2713 Removed <ApostilWrapper> from ${name}`);
+      }
+    }
+  }
+}
+async function removeWrapperFromFile(filePath) {
+  let content = await fs.readFile(filePath, "utf-8");
   if (!content.includes("ApostilWrapper")) return false;
   content = content.replace(/import\s*\{[^}]*ApostilWrapper[^}]*\}\s*from\s*["'][^"']+["'];?\n?/g, "");
   content = content.replace(/<ApostilWrapper>([\s\S]*?)<\/ApostilWrapper>/g, "$1");
-  await fs.writeFile(layoutPath, content, "utf-8");
+  await fs.writeFile(filePath, content, "utf-8");
   return true;
 }
 async function findAppDir(cwd) {

package/dist/cli/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/cli/index.ts"],"sourcesContent":["#!/usr/bin/env node\n\nimport fs from \"fs/promises\";\nimport path from \"path\";\n\ntype Mode = \"personal\" | \"dev\" | \"public\";\n\nconst args = process.argv.slice(2);\nconst command = args[0];\n\nif (command === \"init\") {\n  const mode = parseMode(args.slice(1));\n  init(mode);\n} else if (command === \"remove\") {\n  remove();\n} else if (command === \"help\" || command === \"--help\" || command === \"-h\" || !command) {\n  printHelp();\n} else {\n  console.log(`  Unknown command: ${command}\\n`);\n  printHelp();\n}\n\nfunction parseMode(flags: string[]): Mode {\n  if (flags.includes(\"--dev\")) return \"dev\";\n  if (flags.includes(\"--public\")) return \"public\";\n  return \"personal\";\n}\n\nfunction printHelp() {\n  console.log(`\n  apostil — Pin-and-comment feedback for React & Next.js\n\n  Usage:\n    npx apostil init [mode]   Set up apostil in your Next.js project\n    npx apostil remove        Remove apostil from your project\n    npx apostil help          Show this help\n\n  Modes:\n    (default)    Personal — local dev only, comments gitignored\n    --dev        Dev + staging — comments gitignored, env-controlled\n    --public     All environments — comments committed to git\n`);\n}\n\nasync function init(mode: Mode) {\n  const cwd = process.cwd();\n\n  // Detect Next.js app directory\n  const appDir = await findAppDir(cwd);\n  if (!appDir) {\n    console.log(\"  Could not find a Next.js app/ directory.\");\n    console.log(\"  Make sure you're running this from your project root.\\n\");\n    process.exit(1);\n  }\n\n  // Detect src/ prefix\n  const useSrc = appDir.includes(\"src/app\");\n\n  const modeLabel = mode === \"personal\" ? \"personal\" : mode === \"dev\" ? \"dev\" : \"public\";\n  console.log(`\\n  Setting up apostil (${modeLabel} mode)...\\n`);\n\n  // 1. Create API route\n  const apiDir = path.join(appDir, \"api\", \"apostil\");\n  const apiFile = path.join(apiDir, \"route.ts\");\n  if (await fileExists(apiFile)) {\n    console.log(\"  ✓ API route already exists\");\n  } else {\n    await fs.mkdir(apiDir, { recursive: true });\n    await fs.writeFile(\n      apiFile,\n      `export { GET, POST } from \"apostil/adapters/nextjs\";\\n`,\n      \"utf-8\"\n    );\n    console.log(`  ✓ Created ${rel(cwd, apiFile)}`);\n  }\n\n  // 2. Create wrapper component\n  const componentsDir = path.join(cwd, useSrc ? \"src/components\" : \"components\");\n  const wrapperFile = path.join(componentsDir, \"apostil-wrapper.tsx\");\n  await fs.mkdir(componentsDir, { recursive: true });\n  await fs.writeFile(wrapperFile, getWrapperComponent(mode), \"utf-8\");\n  console.log(`  ✓ Created ${rel(cwd, wrapperFile)} (${modeLabel} mode)`);\n\n  // 3. Create .apostil/ directory for comment storage\n  const commentsDir = path.join(cwd, \".apostil\");\n  await fs.mkdir(commentsDir, { recursive: true });\n  console.log(\"  ✓ Created .apostil/ directory\");\n\n  // 4. Handle .gitignore based on mode\n  const gitignorePath = path.join(cwd, \".gitignore\");\n  let gitignore = \"\";\n  try {\n    gitignore = await fs.readFile(gitignorePath, \"utf-8\");\n  } catch {}\n\n  if (mode === \"public\") {\n    // Public mode: don't gitignore comments — they get committed\n    if (gitignore.includes(\".apostil\")) {\n      console.log(\"  ✓ .gitignore unchanged (public mode — comments will be committed)\");\n    } else {\n      console.log(\"  ✓ Comments will be committed to git (public mode)\");\n    }\n  } else {\n    // Personal & dev: gitignore comments\n    if (!gitignore.includes(\".apostil\")) {\n      const entry = \"\\n# Apostil comments\\n.apostil/\\n\";\n      await fs.appendFile(gitignorePath, entry, \"utf-8\");\n      console.log(\"  ✓ Added .apostil/ to .gitignore\");\n    } else {\n      console.log(\"  ✓ .gitignore already configured\");\n    }\n  }\n\n  // 5. Inject wrapper into root layout\n  const layoutInjected = await injectIntoLayout(appDir, useSrc);\n  if (layoutInjected) {\n    console.log(\"  ✓ Added <ApostilWrapper> to root layout\");\n  }\n\n  console.log(\"\\n  Done! Run your dev server and press C to start commenting.\\n\");\n}\n\nasync function remove() {\n  const cwd = process.cwd();\n  const appDir = await findAppDir(cwd);\n  const useSrc = appDir?.includes(\"src/app\") ?? false;\n\n  console.log(\"\\n  Removing apostil...\\n\");\n\n  // 1. Remove API route\n  if (appDir) {\n    const apiDir = path.join(appDir, \"api\", \"apostil\");\n    if (await fileExists(path.join(apiDir, \"route.ts\"))) {\n      await fs.rm(apiDir, { recursive: true });\n      console.log(\"  ✓ Removed API route\");\n    }\n  }\n\n  // 2. Remove wrapper component\n  const componentsDir = path.join(cwd, useSrc ? \"src/components\" : \"components\");\n  const wrapperFile = path.join(componentsDir, \"apostil-wrapper.tsx\");\n  if (await fileExists(wrapperFile)) {\n    await fs.rm(wrapperFile);\n    console.log(\"  ✓ Removed wrapper component\");\n  }\n\n  // 3. Remove wrapper from layout\n  if (appDir) {\n    const unwrapped = await removeFromLayout(appDir);\n    if (unwrapped) {\n      console.log(\"  ✓ Removed <ApostilWrapper> from root layout\");\n    }\n  }\n\n  // 4. Remove .apostil/ directory\n  const commentsDir = path.join(cwd, \".apostil\");\n  if (await fileExists(commentsDir)) {\n    await fs.rm(commentsDir, { recursive: true });\n    console.log(\"  ✓ Removed .apostil/ directory\");\n  }\n\n  // 5. Remove from .gitignore\n  const gitignorePath = path.join(cwd, \".gitignore\");\n  try {\n    let gitignore = await fs.readFile(gitignorePath, \"utf-8\");\n    gitignore = gitignore.replace(/\\n?# Apostil comments\\n\\.apostil\\/\\n?/g, \"\");\n    await fs.writeFile(gitignorePath, gitignore, \"utf-8\");\n    console.log(\"  ✓ Cleaned .gitignore\");\n  } catch {}\n\n  console.log(`\n  Done! Now run: npm uninstall apostil\n`);\n}\n\n// --- Wrapper component template ---\n\nfunction getWrapperComponent(mode: Mode): string {\n  const envGuard = mode === \"personal\"\n    ? `\n  // Personal mode — only active in local development\n  if (process.env.NODE_ENV !== \"development\") {\n    return <>{children}</>;\n  }\n`\n    : mode === \"dev\"\n    ? `\n  // Dev mode — active in dev + staging, disabled in production\n  // Set NEXT_PUBLIC_APOSTIL=true to force on in any environment\n  const forceOn = process.env.NEXT_PUBLIC_APOSTIL === \"true\";\n  if (process.env.NODE_ENV === \"production\" && !forceOn) {\n    return <>{children}</>;\n  }\n`\n    : `\n  // Public mode — active in all environments\n  // Set NEXT_PUBLIC_APOSTIL=false to disable\n  if (process.env.NEXT_PUBLIC_APOSTIL === \"false\") {\n    return <>{children}</>;\n  }\n`;\n\n  return `\"use client\";\n\nimport { usePathname } from \"next/navigation\";\nimport {\n  ApostilProvider,\n  CommentOverlay,\n  CommentToggle,\n  CommentSidebar,\n} from \"apostil\";\nimport \"apostil/styles.css\";\n\nexport function ApostilWrapper({ children }: { children: React.ReactNode }) {${envGuard}\n  const pathname = usePathname();\n  const pageId = pathname.replace(/\\\\//g, \"--\").replace(/^--/, \"\") || \"home\";\n\n  return (\n    <ApostilProvider pageId={pageId}>\n      {children}\n      <CommentOverlay />\n      <CommentSidebar />\n      <CommentToggle />\n    </ApostilProvider>\n  );\n}\n`;\n}\n\n// --- Layout injection ---\n\nasync function injectIntoLayout(appDir: string, useSrc: boolean): Promise<boolean> {\n  const layoutPath = await findLayout(appDir);\n  if (!layoutPath) return false;\n\n  let content = await fs.readFile(layoutPath, \"utf-8\");\n\n  // Skip if already injected\n  if (content.includes(\"ApostilWrapper\")) {\n    console.log(\"  ✓ Layout already has <ApostilWrapper>\");\n    return false;\n  }\n\n  // Add import at the top (after existing imports or \"use\" directives)\n  const importPath = useSrc ? \"@/components/apostil-wrapper\" : \"../components/apostil-wrapper\";\n  const importLine = `import { ApostilWrapper } from \"${importPath}\";\\n`;\n\n  // Find the last import statement and insert after it\n  const importRegex = /^import\\s.+$/gm;\n  let lastImportIndex = 0;\n  let match: RegExpExecArray | null;\n  while ((match = importRegex.exec(content)) !== null) {\n    lastImportIndex = match.index + match[0].length;\n  }\n\n  if (lastImportIndex > 0) {\n    content = content.slice(0, lastImportIndex) + \"\\n\" + importLine + content.slice(lastImportIndex);\n  } else {\n    // No imports found, add at the top (after \"use client\" or \"use server\" if present)\n    const useDirective = content.match(/^[\"']use (client|server)[\"'];?\\n/);\n    const insertAt = useDirective ? useDirective[0].length : 0;\n    content = content.slice(0, insertAt) + importLine + content.slice(insertAt);\n  }\n\n  // Wrap {children} with <ApostilWrapper>\n  // Handle both {children} and { children } patterns inside <body>\n  const bodyChildrenRegex = /(<body[^>]*>)([\\s\\S]*?)(\\{[\\s]*children[\\s]*\\})([\\s\\S]*?)(<\\/body>)/;\n  const bodyMatch = content.match(bodyChildrenRegex);\n\n  if (bodyMatch) {\n    content = content.replace(\n      bodyChildrenRegex,\n      `$1$2<ApostilWrapper>$3</ApostilWrapper>$4$5`\n    );\n  } else {\n    // Fallback: try to find {children} anywhere and wrap it\n    const childrenRegex = /(\\{[\\s]*children[\\s]*\\})/;\n    if (childrenRegex.test(content)) {\n      content = content.replace(childrenRegex, `<ApostilWrapper>$1</ApostilWrapper>`);\n    } else {\n      console.log(\"  ⚠ Could not find {children} in layout — add <ApostilWrapper> manually\");\n      return false;\n    }\n  }\n\n  await fs.writeFile(layoutPath, content, \"utf-8\");\n  return true;\n}\n\nasync function removeFromLayout(appDir: string): Promise<boolean> {\n  const layoutPath = await findLayout(appDir);\n  if (!layoutPath) return false;\n\n  let content = await fs.readFile(layoutPath, \"utf-8\");\n\n  if (!content.includes(\"ApostilWrapper\")) return false;\n\n  // Remove import line\n  content = content.replace(/import\\s*\\{[^}]*ApostilWrapper[^}]*\\}\\s*from\\s*[\"'][^\"']+[\"'];?\\n?/g, \"\");\n\n  // Unwrap <ApostilWrapper>{children}</ApostilWrapper>\n  content = content.replace(/<ApostilWrapper>([\\s\\S]*?)<\\/ApostilWrapper>/g, \"$1\");\n\n  await fs.writeFile(layoutPath, content, \"utf-8\");\n  return true;\n}\n\n// --- Helpers ---\n\nasync function findAppDir(cwd: string): Promise<string | null> {\n  for (const candidate of [\"src/app\", \"app\"]) {\n    const dir = path.join(cwd, candidate);\n    try {\n      const stat = await fs.stat(dir);\n      if (stat.isDirectory()) return dir;\n    } catch {}\n  }\n  return null;\n}\n\nasync function findLayout(appDir: string): Promise<string | null> {\n  for (const ext of [\"tsx\", \"jsx\", \"ts\", \"js\"]) {\n    const file = path.join(appDir, `layout.${ext}`);\n    if (await fileExists(file)) return file;\n  }\n  return null;\n}\n\nasync function fileExists(p: string): Promise<boolean> {\n  try {\n    await fs.stat(p);\n    return true;\n  } catch {\n    return false;\n  }\n}\n\nfunction rel(cwd: string, filePath: string): string {\n  return path.relative(cwd, filePath);\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/cli/index.ts"],"sourcesContent":["#!/usr/bin/env node\n\nimport fs from \"fs/promises\";\nimport path from \"path\";\n\ntype Mode = \"personal\" | \"dev\" | \"public\";\ntype Framework = \"nextjs\" | \"vite\";\n\nconst args = process.argv.slice(2);\nconst command = args[0];\n\nif (command === \"init\") {\n  const mode = parseMode(args.slice(1));\n  init(mode);\n} else if (command === \"remove\") {\n  remove();\n} else if (command === \"help\" || command === \"--help\" || command === \"-h\" || !command) {\n  printHelp();\n} else {\n  console.log(`  Unknown command: ${command}\\n`);\n  printHelp();\n}\n\nfunction parseMode(flags: string[]): Mode {\n  if (flags.includes(\"--dev\")) return \"dev\";\n  if (flags.includes(\"--public\")) return \"public\";\n  return \"personal\";\n}\n\nfunction printHelp() {\n  console.log(`\n  apostil — Lightweight, Figma-like commenting for React\n\n  Usage:\n    npx apostil init [mode]   Set up apostil in your project\n    npx apostil remove        Remove apostil from your project\n    npx apostil help          Show this help\n\n  Modes:\n    (default)    Personal — local dev only, comments gitignored\n    --dev        Dev + staging — comments gitignored, env-controlled\n    --public     All environments — comments committed to git\n\n  Supported frameworks: Next.js (App Router), Vite + React\n  Framework is auto-detected from your project.\n`);\n}\n\n// --- Framework detection ---\n\nasync function detectFramework(cwd: string): Promise<Framework | null> {\n  // Check config files first\n  for (const name of [\"next.config.js\", \"next.config.ts\", \"next.config.mjs\"]) {\n    if (await fileExists(path.join(cwd, name))) return \"nextjs\";\n  }\n  for (const name of [\"vite.config.js\", \"vite.config.ts\", \"vite.config.mjs\"]) {\n    if (await fileExists(path.join(cwd, name))) return \"vite\";\n  }\n\n  // Fallback: check package.json dependencies\n  try {\n    const pkg = JSON.parse(await fs.readFile(path.join(cwd, \"package.json\"), \"utf-8\"));\n    const deps = { ...pkg.dependencies, ...pkg.devDependencies };\n    if (deps[\"next\"]) return \"nextjs\";\n    if (deps[\"vite\"]) return \"vite\";\n  } catch {}\n\n  return null;\n}\n\n// --- Init ---\n\nasync function init(mode: Mode) {\n  const cwd = process.cwd();\n  const framework = await detectFramework(cwd);\n\n  if (!framework) {\n    console.log(\"  Could not detect your framework.\");\n    console.log(\"  Apostil supports Next.js (App Router) and Vite + React.\");\n    console.log(\"  Make sure you're running this from your project root.\\n\");\n    process.exit(1);\n  }\n\n  console.log(`\\n  Detected: ${framework === \"nextjs\" ? \"Next.js\" : \"Vite + React\"}`);\n\n  if (framework === \"nextjs\") {\n    await initNextjs(cwd, mode);\n  } else {\n    await initVite(cwd, mode);\n  }\n}\n\n// --- Next.js init ---\n\nasync function initNextjs(cwd: string, mode: Mode) {\n  const appDir = await findAppDir(cwd);\n  if (!appDir) {\n    console.log(\"  Could not find a Next.js app/ directory.\");\n    console.log(\"  Make sure you're using the App Router.\\n\");\n    process.exit(1);\n  }\n\n  const useSrc = appDir.includes(\"src/app\");\n  const modeLabel = mode === \"personal\" ? \"personal\" : mode === \"dev\" ? \"dev\" : \"public\";\n  console.log(`  Setting up apostil (${modeLabel} mode)...\\n`);\n\n  // 1. Create API route\n  const apiDir = path.join(appDir, \"api\", \"apostil\");\n  const apiFile = path.join(apiDir, \"route.ts\");\n  if (await fileExists(apiFile)) {\n    console.log(\"  ✓ API route already exists\");\n  } else {\n    await fs.mkdir(apiDir, { recursive: true });\n    await fs.writeFile(\n      apiFile,\n      `export { GET, POST } from \"apostil/adapters/nextjs\";\\n`,\n      \"utf-8\"\n    );\n    console.log(`  ✓ Created ${rel(cwd, apiFile)}`);\n  }\n\n  // 2. Create wrapper component\n  const componentsDir = path.join(cwd, useSrc ? \"src/components\" : \"components\");\n  const wrapperFile = path.join(componentsDir, \"apostil-wrapper.tsx\");\n  await fs.mkdir(componentsDir, { recursive: true });\n  await fs.writeFile(wrapperFile, getNextjsWrapper(mode), \"utf-8\");\n  console.log(`  ✓ Created ${rel(cwd, wrapperFile)} (${modeLabel} mode)`);\n\n  // 3. Create .apostil/ directory\n  const commentsDir = path.join(cwd, \".apostil\");\n  await fs.mkdir(commentsDir, { recursive: true });\n  console.log(\"  ✓ Created .apostil/ directory\");\n\n  // 4. Handle .gitignore\n  await handleGitignore(cwd, mode);\n\n  // 5. Inject wrapper into root layout\n  const layoutInjected = await injectIntoNextjsLayout(appDir, useSrc);\n  if (layoutInjected) {\n    console.log(\"  ✓ Added <ApostilWrapper> to root layout\");\n  }\n\n  console.log(\"\\n  Done! Run your dev server and press C to start commenting.\\n\");\n}\n\n// --- Vite init ---\n\nasync function initVite(cwd: string, mode: Mode) {\n  const useSrc = await fileExists(path.join(cwd, \"src\"));\n  const modeLabel = mode === \"personal\" ? \"personal\" : mode === \"dev\" ? \"dev\" : \"public\";\n  console.log(`  Setting up apostil (${modeLabel} mode)...\\n`);\n\n  // 1. Create wrapper component\n  const componentsDir = path.join(cwd, useSrc ? \"src/components\" : \"components\");\n  const wrapperFile = path.join(componentsDir, \"apostil-wrapper.tsx\");\n  await fs.mkdir(componentsDir, { recursive: true });\n  const hasRouter = await hasReactRouter(cwd);\n  await fs.writeFile(wrapperFile, getViteWrapper(mode, hasRouter), \"utf-8\");\n  console.log(`  ✓ Created ${rel(cwd, wrapperFile)} (${modeLabel} mode)`);\n\n  console.log(\"  ✓ Using localStorage adapter (comments stored in browser)\");\n\n  // 3. Inject wrapper into entry point\n  const entryInjected = await injectIntoViteEntry(cwd, useSrc);\n  if (entryInjected) {\n    console.log(\"  ✓ Added <ApostilWrapper> to app entry\");\n  }\n\n  console.log(\"\\n  Done! Run your dev server and press C to start commenting.\\n\");\n}\n\n// --- Wrapper templates ---\n\nfunction getNextjsWrapper(mode: Mode): string {\n  const envGuard = mode === \"personal\"\n    ? `\n  // Personal mode — only active in local development\n  if (process.env.NODE_ENV !== \"development\") {\n    return <>{children}</>;\n  }\n`\n    : mode === \"dev\"\n    ? `\n  // Dev mode — active in dev + staging, disabled in production\n  // Set NEXT_PUBLIC_APOSTIL=true to force on in any environment\n  const forceOn = process.env.NEXT_PUBLIC_APOSTIL === \"true\";\n  if (process.env.NODE_ENV === \"production\" && !forceOn) {\n    return <>{children}</>;\n  }\n`\n    : `\n  // Public mode — active in all environments\n  // Set NEXT_PUBLIC_APOSTIL=false to disable\n  if (process.env.NEXT_PUBLIC_APOSTIL === \"false\") {\n    return <>{children}</>;\n  }\n`;\n\n  return `\"use client\";\n\nimport { usePathname } from \"next/navigation\";\nimport {\n  ApostilProvider,\n  CommentOverlay,\n  CommentToggle,\n  CommentSidebar,\n} from \"apostil\";\nimport \"apostil/styles.css\";\n\nexport function ApostilWrapper({ children }: { children: React.ReactNode }) {${envGuard}\n  const pathname = usePathname();\n  const pageId = pathname.replace(/\\\\//g, \"--\").replace(/^--/, \"\") || \"home\";\n\n  return (\n    <ApostilProvider pageId={pageId}>\n      {children}\n      <CommentOverlay />\n      <CommentSidebar />\n      <CommentToggle />\n    </ApostilProvider>\n  );\n}\n`;\n}\n\nasync function hasReactRouter(cwd: string): Promise<boolean> {\n  try {\n    const pkg = JSON.parse(await fs.readFile(path.join(cwd, \"package.json\"), \"utf-8\"));\n    const deps = { ...pkg.dependencies, ...pkg.devDependencies };\n    return !!deps[\"react-router-dom\"] || !!deps[\"react-router\"];\n  } catch {\n    return false;\n  }\n}\n\n// No \"use client\" directive — Vite doesn't use React Server Components\nfunction getViteWrapper(mode: Mode, hasRouter: boolean): string {\n  const envGuard = mode === \"personal\"\n    ? `\n  // Personal mode — only active in local development\n  if (import.meta.env.PROD) {\n    return <>{children}</>;\n  }\n`\n    : mode === \"dev\"\n    ? `\n  // Dev mode — active in dev + staging, disabled in production\n  // Set VITE_APOSTIL=true to force on in any environment\n  const forceOn = import.meta.env.VITE_APOSTIL === \"true\";\n  if (import.meta.env.PROD && !forceOn) {\n    return <>{children}</>;\n  }\n`\n    : `\n  // Public mode — active in all environments\n  // Set VITE_APOSTIL=false to disable\n  if (import.meta.env.VITE_APOSTIL === \"false\") {\n    return <>{children}</>;\n  }\n`;\n\n  const routerImport = hasRouter\n    ? `import { useLocation } from \"react-router-dom\";\\n`\n    : \"\";\n\n  const pageIdLogic = hasRouter\n    ? `  const location = useLocation();\n  const pageId = location.pathname.replace(/\\\\//g, \"--\").replace(/^--/, \"\") || \"home\";`\n    : `  const pageId = window.location.pathname.replace(/\\\\//g, \"--\").replace(/^--/, \"\") || \"home\";`;\n\n  return `${routerImport}import {\n  ApostilProvider,\n  CommentOverlay,\n  CommentToggle,\n  CommentSidebar,\n} from \"apostil\";\nimport { localStorageAdapter } from \"apostil/adapters/localStorage\";\nimport \"apostil/styles.css\";\n\nexport function ApostilWrapper({ children }: { children: React.ReactNode }) {${envGuard}\n${pageIdLogic}\n\n  return (\n    <ApostilProvider pageId={pageId} storage={localStorageAdapter}>\n      {children}\n      <CommentOverlay />\n      <CommentSidebar />\n      <CommentToggle />\n    </ApostilProvider>\n  );\n}\n`;\n}\n\n// --- Gitignore ---\n\nasync function handleGitignore(cwd: string, mode: Mode) {\n  const gitignorePath = path.join(cwd, \".gitignore\");\n  let gitignore = \"\";\n  try {\n    gitignore = await fs.readFile(gitignorePath, \"utf-8\");\n  } catch {}\n\n  if (mode === \"public\") {\n    if (gitignore.includes(\".apostil\")) {\n      console.log(\"  ✓ .gitignore unchanged (public mode — comments will be committed)\");\n    } else {\n      console.log(\"  ✓ Comments will be committed to git (public mode)\");\n    }\n  } else {\n    if (!gitignore.includes(\".apostil\")) {\n      const entry = \"\\n# Apostil comments\\n.apostil/\\n\";\n      await fs.appendFile(gitignorePath, entry, \"utf-8\");\n      console.log(\"  ✓ Added .apostil/ to .gitignore\");\n    } else {\n      console.log(\"  ✓ .gitignore already configured\");\n    }\n  }\n}\n\n// --- Next.js layout injection ---\n\nasync function injectIntoNextjsLayout(appDir: string, useSrc: boolean): Promise<boolean> {\n  const layoutPath = await findLayout(appDir);\n  if (!layoutPath) return false;\n\n  let content = await fs.readFile(layoutPath, \"utf-8\");\n\n  if (content.includes(\"ApostilWrapper\")) {\n    console.log(\"  ✓ Layout already has <ApostilWrapper>\");\n    return false;\n  }\n\n  const importPath = useSrc ? \"@/components/apostil-wrapper\" : \"../components/apostil-wrapper\";\n  const importLine = `import { ApostilWrapper } from \"${importPath}\";\\n`;\n\n  const importRegex = /^import\\s.+$/gm;\n  let lastImportIndex = 0;\n  let match: RegExpExecArray | null;\n  while ((match = importRegex.exec(content)) !== null) {\n    lastImportIndex = match.index + match[0].length;\n  }\n\n  if (lastImportIndex > 0) {\n    content = content.slice(0, lastImportIndex) + \"\\n\" + importLine + content.slice(lastImportIndex);\n  } else {\n    const useDirective = content.match(/^[\"']use (client|server)[\"'];?\\n/);\n    const insertAt = useDirective ? useDirective[0].length : 0;\n    content = content.slice(0, insertAt) + importLine + content.slice(insertAt);\n  }\n\n  const bodyChildrenRegex = /(<body[^>]*>)([\\s\\S]*?)(\\{[\\s]*children[\\s]*\\})([\\s\\S]*?)(<\\/body>)/;\n  const bodyMatch = content.match(bodyChildrenRegex);\n\n  if (bodyMatch) {\n    content = content.replace(\n      bodyChildrenRegex,\n      `$1$2<ApostilWrapper>$3</ApostilWrapper>$4$5`\n    );\n  } else {\n    const childrenRegex = /(\\{[\\s]*children[\\s]*\\})/;\n    if (childrenRegex.test(content)) {\n      content = content.replace(childrenRegex, `<ApostilWrapper>$1</ApostilWrapper>`);\n    } else {\n      console.log(\"  ⚠ Could not find {children} in layout — add <ApostilWrapper> manually\");\n      return false;\n    }\n  }\n\n  await fs.writeFile(layoutPath, content, \"utf-8\");\n  return true;\n}\n\n// --- Vite entry injection ---\n\nasync function injectIntoViteEntry(cwd: string, useSrc: boolean): Promise<boolean> {\n  const baseDir = useSrc ? path.join(cwd, \"src\") : cwd;\n\n  // Inject into main.tsx/jsx — wrap <App /> which is a reliable, unique target\n  for (const ext of [\"tsx\", \"jsx\"]) {\n    const mainFile = path.join(baseDir, `main.${ext}`);\n    if (await fileExists(mainFile)) {\n      return await injectIntoViteMain(mainFile);\n    }\n  }\n\n  console.log(\"  ⚠ Could not find main.tsx or main.jsx — add <ApostilWrapper> manually\");\n  return false;\n}\n\nasync function injectIntoViteMain(mainFile: string, wrapperFile?: string): Promise<boolean> {\n  let content = await fs.readFile(mainFile, \"utf-8\");\n\n  if (content.includes(\"ApostilWrapper\")) {\n    console.log(\"  ✓ Entry already has <ApostilWrapper>\");\n    return false;\n  }\n\n  // Compute relative import path from main file to wrapper\n  const mainDir = path.dirname(mainFile);\n  const wrapperPath = wrapperFile ?? path.join(mainDir, \"components\", \"apostil-wrapper.tsx\");\n  let relativePath = path.relative(mainDir, wrapperPath).replace(/\\.tsx$/, \"\");\n  if (!relativePath.startsWith(\".\")) relativePath = \"./\" + relativePath;\n  const importLine = `import { ApostilWrapper } from \"${relativePath}\";\\n`;\n  const importRegex = /^import\\s.+$/gm;\n  let lastImportIndex = 0;\n  let match: RegExpExecArray | null;\n  while ((match = importRegex.exec(content)) !== null) {\n    lastImportIndex = match.index + match[0].length;\n  }\n\n  if (lastImportIndex > 0) {\n    content = content.slice(0, lastImportIndex) + \"\\n\" + importLine + content.slice(lastImportIndex);\n  } else {\n    content = importLine + content;\n  }\n\n  // Wrap <App /> with <ApostilWrapper>\n  content = content.replace(/<App\\s*\\/>/, `<ApostilWrapper><App /></ApostilWrapper>`);\n\n  await fs.writeFile(mainFile, content, \"utf-8\");\n  return true;\n}\n\n// --- Remove ---\n\nasync function remove() {\n  const cwd = process.cwd();\n  const framework = await detectFramework(cwd);\n\n  console.log(\"\\n  Removing apostil...\\n\");\n\n  if (framework === \"nextjs\") {\n    await removeNextjs(cwd);\n  } else if (framework === \"vite\") {\n    await removeVite(cwd);\n  } else {\n    // Try both\n    await removeNextjs(cwd);\n    await removeVite(cwd);\n  }\n\n  // Remove .apostil/ directory\n  const commentsDir = path.join(cwd, \".apostil\");\n  if (await fileExists(commentsDir)) {\n    await fs.rm(commentsDir, { recursive: true });\n    console.log(\"  ✓ Removed .apostil/ directory\");\n  }\n\n  // Remove from .gitignore\n  const gitignorePath = path.join(cwd, \".gitignore\");\n  try {\n    let gitignore = await fs.readFile(gitignorePath, \"utf-8\");\n    gitignore = gitignore.replace(/\\n?# Apostil comments\\n\\.apostil\\/\\n?/g, \"\");\n    await fs.writeFile(gitignorePath, gitignore, \"utf-8\");\n    console.log(\"  ✓ Cleaned .gitignore\");\n  } catch {}\n\n  console.log(`\n  Done! Now run: npm uninstall apostil\n`);\n}\n\nasync function removeNextjs(cwd: string) {\n  const appDir = await findAppDir(cwd);\n  const useSrc = appDir?.includes(\"src/app\") ?? false;\n\n  // Remove API route\n  if (appDir) {\n    const apiDir = path.join(appDir, \"api\", \"apostil\");\n    if (await fileExists(path.join(apiDir, \"route.ts\"))) {\n      await fs.rm(apiDir, { recursive: true });\n      console.log(\"  ✓ Removed API route\");\n    }\n  }\n\n  // Remove wrapper component\n  const componentsDir = path.join(cwd, useSrc ? \"src/components\" : \"components\");\n  const wrapperFile = path.join(componentsDir, \"apostil-wrapper.tsx\");\n  if (await fileExists(wrapperFile)) {\n    await fs.rm(wrapperFile);\n    console.log(\"  ✓ Removed wrapper component\");\n  }\n\n  // Remove wrapper from layout\n  if (appDir) {\n    const layoutPath = await findLayout(appDir);\n    if (layoutPath) {\n      const unwrapped = await removeWrapperFromFile(layoutPath);\n      if (unwrapped) {\n        console.log(\"  ✓ Removed <ApostilWrapper> from root layout\");\n      }\n    }\n  }\n}\n\nasync function removeVite(cwd: string) {\n  const useSrc = await fileExists(path.join(cwd, \"src\"));\n  const baseDir = useSrc ? path.join(cwd, \"src\") : cwd;\n\n  // Remove wrapper component\n  const componentsDir = path.join(cwd, useSrc ? \"src/components\" : \"components\");\n  const wrapperFile = path.join(componentsDir, \"apostil-wrapper.tsx\");\n  if (await fileExists(wrapperFile)) {\n    await fs.rm(wrapperFile);\n    console.log(\"  ✓ Removed wrapper component\");\n  }\n\n  // Remove wrapper from App.tsx or main.tsx\n  for (const name of [\"App.tsx\", \"App.jsx\", \"main.tsx\", \"main.jsx\"]) {\n    const file = path.join(baseDir, name);\n    if (await fileExists(file)) {\n      const unwrapped = await removeWrapperFromFile(file);\n      if (unwrapped) {\n        console.log(`  ✓ Removed <ApostilWrapper> from ${name}`);\n      }\n    }\n  }\n}\n\nasync function removeWrapperFromFile(filePath: string): Promise<boolean> {\n  let content = await fs.readFile(filePath, \"utf-8\");\n  if (!content.includes(\"ApostilWrapper\")) return false;\n\n  // Remove import line\n  content = content.replace(/import\\s*\\{[^}]*ApostilWrapper[^}]*\\}\\s*from\\s*[\"'][^\"']+[\"'];?\\n?/g, \"\");\n\n  // Unwrap <ApostilWrapper>...</ApostilWrapper>\n  content = content.replace(/<ApostilWrapper>([\\s\\S]*?)<\\/ApostilWrapper>/g, \"$1\");\n\n  await fs.writeFile(filePath, content, \"utf-8\");\n  return true;\n}\n\n// --- Helpers ---\n\nasync function findAppDir(cwd: string): Promise<string | null> {\n  for (const candidate of [\"src/app\", \"app\"]) {\n    const dir = path.join(cwd, candidate);\n    try {\n      const stat = await fs.stat(dir);\n      if (stat.isDirectory()) return dir;\n    } catch {}\n  }\n  return null;\n}\n\nasync function findLayout(appDir: string): Promise<string | null> {\n  for (const ext of [\"tsx\", \"jsx\", \"ts\", \"js\"]) {\n    const file = path.join(appDir, `layout.${ext}`);\n    if (await fileExists(file)) return file;\n  }\n  return null;\n}\n\nasync function fileExists(p: string): Promise<boolean> {\n  try {\n    await fs.stat(p);\n    return true;\n  } catch {\n    return false;\n  }\n}\n\nfunction rel(cwd: string, filePath: string): string {\n  return path.relative(cwd, filePath);\n}\n"],"mappings":"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","names":[]}

package/dist/index.cjs

@@ -484,7 +484,11 @@ function OverlayPin({
   (0, import_react2.useEffect)(() => {
     updatePos();
     window.addEventListener("resize", updatePos);
-    return () => window.removeEventListener("resize", updatePos);
+    document.addEventListener("scroll", updatePos, true);
+    return () => {
+      window.removeEventListener("resize", updatePos);
+      document.removeEventListener("scroll", updatePos, true);
+    };
   }, [updatePos]);
   if (!pos) return null;
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
@@ -517,6 +521,7 @@ function CommentPin({
   index,
   overlayRef
 }) {
+  if (thread.resolved) return null;
   if (thread.targetId) {
     return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(TargetedPin, { thread, index }, `targeted-${thread.id}`);
   }
@@ -601,9 +606,10 @@ function CommentComposer({
   const inputRef = (0, import_react3.useRef)(null);
   (0, import_react3.useEffect)(() => {
     if (autoFocus) {
-      requestAnimationFrame(() => {
+      const timer = setTimeout(() => {
         inputRef.current?.focus();
-      });
+      }, 50);
+      return () => clearTimeout(timer);
     }
   }, [autoFocus]);
   const handleSubmit = () => {
@@ -627,7 +633,7 @@ function CommentComposer({
         },
         placeholder,
         rows: 1,
-        className: "flex-1 resize-none rounded-lg border border-neutral-200 bg-white px-3 py-2 text-sm\n                   placeholder:text-neutral-400 focus:outline-none focus:ring-2 focus:ring-neutral-300\n                   min-h-[36px] max-h-[120px]"
+        className: "flex-1 resize-none rounded-lg border border-neutral-200 bg-white px-3 py-1.5 text-sm\n                   placeholder:text-neutral-400 focus:outline-none focus:ring-2 focus:ring-neutral-300\n                   min-h-[36px] max-h-[120px]"
       }
     ),
     /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
@@ -635,7 +641,7 @@ function CommentComposer({
       {
         onClick: handleSubmit,
         disabled: !value.trim(),
-        className: "flex items-center justify-center w-8 h-8 rounded-lg\n                   text-white disabled:opacity-30\n                   transition-colors shrink-0",
+        className: "flex items-center justify-center w-9 h-9 rounded-lg\n                   text-white disabled:opacity-30\n                   transition-colors shrink-0",
         style: { backgroundColor: brandColor },
         children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Send, { className: "w-3.5 h-3.5" })
       }
@@ -963,7 +969,7 @@ function findCommentTarget(el, boundary) {
   };
 }
 function CommentOverlay() {
-  const { threads, commentMode, setCommentMode, user, addThread, setActiveThreadId, brandColor } = useApostil();
+  const { threads, commentMode, setCommentMode, user, addThread, activeThreadId, setActiveThreadId, brandColor } = useApostil();
   const overlayRef = (0, import_react6.useRef)(null);
   const [pendingPin, setPendingPin] = (0, import_react6.useState)(null);
   const [pendingPixel, setPendingPixel] = (0, import_react6.useState)(null);
@@ -974,9 +980,15 @@ function CommentOverlay() {
       if (!commentMode || !overlayRef.current) return;
       const overlayRect = overlayRef.current.getBoundingClientRect();
       const overlay = overlayRef.current;
-      overlay.style.pointerEvents = "none";
-      const elementBelow = document.elementFromPoint(e.clientX, e.clientY);
-      overlay.style.pointerEvents = "";
+      const elements = document.elementsFromPoint(e.clientX, e.clientY);
+      let elementBelow = null;
+      for (const el of elements) {
+        if (el === overlay || overlay.contains(el)) continue;
+        if (el instanceof HTMLElement) {
+          elementBelow = el;
+          break;
+        }
+      }
       debug.log(" click at", { clientX: e.clientX, clientY: e.clientY });
       debug.log(" element below overlay:", elementBelow);
       if (elementBelow) {
@@ -1040,34 +1052,28 @@ function CommentOverlay() {
     },
     [pendingPin, addThread]
   );
-  const cancelPending = (0, import_react6.useCallback)(() => {
-    setPendingPin(null);
-    setPendingPixel(null);
-    setCommentMode(false);
-  }, [setCommentMode]);
   (0, import_react6.useEffect)(() => {
-    if (!pendingPin || !pendingRef.current) return;
-    requestAnimationFrame(() => {
-      if (!pendingRef.current) return;
-      const rect = pendingRef.current.getBoundingClientRect();
-      setPendingFlip({
-        x: rect.right > window.innerWidth,
-        y: rect.bottom > window.innerHeight
-      });
+    if (!pendingPixel || !overlayRef.current) return;
+    const overlayRect = overlayRef.current.getBoundingClientRect();
+    const clickX = overlayRect.left + pendingPixel.left;
+    const clickY = overlayRect.top + pendingPixel.top;
+    setPendingFlip({
+      x: clickX + 308 > window.innerWidth,
+      y: clickY + 200 > window.innerHeight
     });
-  }, [pendingPin]);
+  }, [pendingPixel, overlayRef]);
   (0, import_react6.useEffect)(() => {
     const hash = window.location.hash;
-    console.log("[apostil] hash check:", hash, "threads:", threads.length, threads.map((t) => t.id));
+    debug.log("hash check:", hash, "threads:", threads.length);
     if (!hash.startsWith("#apostil-")) return;
     const threadId = hash.replace("#apostil-", "");
-    console.log("[apostil] looking for thread:", threadId);
+    debug.log("looking for thread:", threadId);
     if (threads.length === 0) {
-      console.log("[apostil] no threads loaded yet, waiting...");
+      debug.log("no threads loaded yet, waiting...");
       return;
     }
     const found = threads.find((t) => t.id === threadId);
-    console.log("[apostil] found thread:", found ? "yes" : "no");
+    debug.log("found thread:", found ? "yes" : "no");
     if (found) {
       setActiveThreadId(threadId);
       window.history.replaceState(null, "", window.location.pathname);
@@ -1081,6 +1087,8 @@ function CommentOverlay() {
           setPendingPin(null);
           setPendingPixel(null);
           setCommentMode(false);
+        } else if (activeThreadId) {
+          setActiveThreadId(null);
         } else if (commentMode) {
           setCommentMode(false);
         }
@@ -1102,11 +1110,8 @@ function CommentOverlay() {
     };
     document.addEventListener("keydown", handler);
     return () => document.removeEventListener("keydown", handler);
-  }, [commentMode, pendingPin, setCommentMode, setActiveThreadId]);
-  const sortedThreads = [...threads].sort((a, b) => {
-    if (a.resolved !== b.resolved) return a.resolved ? 1 : -1;
-    return new Date(a.createdAt).getTime() - new Date(b.createdAt).getTime();
-  });
+  }, [commentMode, pendingPin, activeThreadId, setCommentMode, setActiveThreadId]);
+  const visibleThreads = threads.filter((t) => !t.resolved).sort((a, b) => new Date(a.createdAt).getTime() - new Date(b.createdAt).getTime());
   const showingUserPrompt = commentMode && !user;
   return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
@@ -1117,7 +1122,7 @@ function CommentOverlay() {
         style: { zIndex: commentMode ? getHighestZIndex() + 10 : 55 },
         onMouseDown: handleClick,
         children: [
-          sortedThreads.map((thread, i) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "pointer-events-auto", children: [
+          visibleThreads.map((thread, i) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "pointer-events-auto", children: [
             /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(CommentPin, { thread, index: i, overlayRef }),
             /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ApostilThreadPopover, { thread, overlayRef })
           ] }, thread.id)),