apostil 0.1.0

package/dist/cli/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/cli/index.ts"],"sourcesContent":["#!/usr/bin/env node\n\nimport fs from \"fs/promises\";\nimport path from \"path\";\n\nconst args = process.argv.slice(2);\nconst command = args[0];\n\nif (command === \"init\") {\n  init();\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 printHelp() {\n  console.log(`\n  apostil — Pin-and-comment feedback for React & Next.js\n\n  Usage:\n    npx apostil init      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}\n\nasync function init() {\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  console.log(\"\\n  Setting up apostil...\\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  if (await fileExists(wrapperFile)) {\n    console.log(\"  ✓ Wrapper component already exists\");\n  } else {\n    await fs.mkdir(componentsDir, { recursive: true });\n    await fs.writeFile(wrapperFile, getWrapperComponent(), \"utf-8\");\n    console.log(`  ✓ Created ${rel(cwd, wrapperFile)}`);\n  }\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. Add .apostil/ to .gitignore\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 (!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  // 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(): string {\n  return `\"use client\";\n\nimport { usePathname } from \"next/navigation\";\nimport {\n  ApostilProvider,\n  CommentOverlay,\n  CommentToggle,\n  CommentSidebar,\n} from \"apostil\";\n\nexport function ApostilWrapper({ children }: { children: React.ReactNode }) {\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    // Wrap {children} inside <body> with <ApostilWrapper>\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":[]}

package/dist/index.d.ts

@@ -0,0 +1,64 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+import { A as ApostilStorage, a as ApostilThread, b as ApostilUser } from './types-oQRt3lYH.js';
+export { c as ApostilComment } from './types-oQRt3lYH.js';
+
+type ApostilContextValue = {
+    threads: ApostilThread[];
+    user: ApostilUser | null;
+    commentMode: boolean;
+    activeThreadId: string | null;
+    sidebarOpen: boolean;
+    setCommentMode: (on: boolean) => void;
+    setActiveThreadId: (id: string | null) => void;
+    setSidebarOpen: (open: boolean) => void;
+    addThread: (pinX: number, pinY: number, body: string, targetId?: string, targetLabel?: string) => void;
+    addReply: (threadId: string, body: string) => void;
+    resolveThread: (threadId: string) => void;
+    deleteThread: (threadId: string) => void;
+    setUser: (name: string) => void;
+    unresolvedCount: number;
+};
+declare function ApostilProvider({ pageId, storage, children, }: {
+    pageId: string;
+    storage?: ApostilStorage;
+    children: ReactNode;
+}): react_jsx_runtime.JSX.Element;
+declare function useApostil(): ApostilContextValue;
+
+declare function useComments(): {
+    threads: ApostilThread[];
+    openThreads: ApostilThread[];
+    resolvedThreads: ApostilThread[];
+    addThread: (pinX: number, pinY: number, body: string, targetId?: string, targetLabel?: string) => void;
+    addReply: (threadId: string, body: string) => void;
+    resolveThread: (threadId: string) => void;
+    deleteThread: (threadId: string) => void;
+    unresolvedCount: number;
+};
+
+declare function useCommentMode(): {
+    commentMode: boolean;
+    setCommentMode: (on: boolean) => void;
+    toggleCommentMode: () => void;
+    sidebarOpen: boolean;
+    setSidebarOpen: (open: boolean) => void;
+    toggleSidebar: () => void;
+};
+
+declare function CommentOverlay(): react_jsx_runtime.JSX.Element;
+
+declare function CommentToggle(): react_jsx_runtime.JSX.Element;
+
+declare function CommentSidebar(): react_jsx_runtime.JSX.Element | null;
+
+declare const debug: {
+    log(...args: unknown[]): void;
+    warn(...args: unknown[]): void;
+    error(...args: unknown[]): void;
+    /** Enable/disable debug logging */
+    enable(): void;
+    disable(): void;
+};
+
+export { ApostilProvider, ApostilStorage, ApostilThread, ApostilUser, CommentOverlay, CommentSidebar, CommentToggle, debug, useApostil, useCommentMode, useComments };