decant-core 1.0.0 → 1.0.1

package/ai/claude.js

@@ -1,29 +1,31 @@
-import { ChatParser } from './base.js';
-import { convertToMarkdown } from '../utils/html-to-markdown.js';
+import { ChatParser } from "./base.js";
+import { convertToMarkdown } from "../utils/html-to-markdown.js";
 
 async function getOrganizationId() {
   try {
-    const response = await fetch('https://claude.ai/api/organizations', {
-      credentials: 'include',
+    const response = await fetch("https://claude.ai/api/organizations", {
+      credentials: "include",
       headers: {
-        Accept: 'application/json',
+        Accept: "application/json",
       },
     });
     if (!response.ok) return null;
     const orgs = await response.json();
     if (Array.isArray(orgs) && orgs.length > 0) {
-      const chatOrg = orgs.find((org) => org.capabilities && org.capabilities.includes('chat'));
+      const chatOrg = orgs.find(
+        (org) => org.capabilities && org.capabilities.includes("chat"),
+      );
       return chatOrg ? chatOrg.uuid : orgs[0].uuid;
     }
   } catch (e) {
-    console.error('[AI Exporter] Failed to detect org ID:', e);
+    console.error("[AI Exporter] Failed to detect org ID:", e);
   }
   return null;
 }
 
 function getConversationId() {
   try {
-    if (typeof window === 'undefined' || !window.location) return null;
+    if (typeof window === "undefined" || !window.location) return null;
     return window.location.pathname.match(/\/chat\/([^/?#]+)/)?.[1] ?? null;
   } catch {
     return null;
@@ -33,9 +35,9 @@ function getConversationId() {
 async function fetchConversation(orgId, conversationId) {
   const url = `https://claude.ai/api/organizations/${orgId}/chat_conversations/${conversationId}?tree=True&rendering_mode=messages&render_all_tools=true`;
   const response = await fetch(url, {
-    credentials: 'include',
+    credentials: "include",
     headers: {
-      Accept: 'application/json',
+      Accept: "application/json",
     },
   });
   if (!response.ok) {
@@ -80,8 +82,8 @@ function extractArtifactsFromText(text) {
     const languageMatch = fullTag.match(/language="([^"]*)"/);
 
     artifacts.push({
-      title: titleMatch ? titleMatch[1] : 'Artifact',
-      language: languageMatch ? languageMatch[1] : 'text',
+      title: titleMatch ? titleMatch[1] : "Artifact",
+      language: languageMatch ? languageMatch[1] : "text",
       content: content.trim(),
     });
   }
@@ -93,39 +95,45 @@ function extractArtifacts(message) {
   if (message.content && Array.isArray(message.content)) {
     for (const content of message.content) {
       if (
-        content.type === 'tool_use' &&
-        (content.name === 'artifacts' || content.name === 'create_file') &&
+        content.type === "tool_use" &&
+        (content.name === "artifacts" || content.name === "create_file") &&
         content.display_content
       ) {
         const displayContent = content.display_content;
-        if (displayContent.type === 'code_block' && displayContent.code) {
-          const filename = displayContent.filename || 'artifact';
+        if (displayContent.type === "code_block" && displayContent.code) {
+          const filename = displayContent.filename || "artifact";
           const title = filename
-            .split('/')
+            .split("/")
             .pop()
-            .replace(/\.[^.]+$/, '');
+            .replace(/\.[^.]+$/, "");
           artifacts.push({
-            title: title || 'Artifact',
-            language: displayContent.language || 'text',
+            title: title || "Artifact",
+            language: displayContent.language || "text",
             content: displayContent.code.trim(),
           });
-        } else if (displayContent.type === 'json_block' && displayContent.json_block) {
+        } else if (
+          displayContent.type === "json_block" &&
+          displayContent.json_block
+        ) {
           try {
             const data = JSON.parse(displayContent.json_block);
             if (data.filename) {
               const filename = data.filename;
               const title = filename
-                .split('/')
+                .split("/")
                 .pop()
-                .replace(/\.[^.]+$/, '');
+                .replace(/\.[^.]+$/, "");
               artifacts.push({
-                title: title || 'Artifact',
-                language: data.language || 'text',
-                content: (data.code || '').trim(),
+                title: title || "Artifact",
+                language: data.language || "text",
+                content: (data.code || "").trim(),
               });
             }
           } catch (e) {
-            console.warn('[AI Exporter] Failed to parse tool use artifact json:', e);
+            console.warn(
+              "[AI Exporter] Failed to parse tool use artifact json:",
+              e,
+            );
           }
         }
       }
@@ -141,24 +149,24 @@ function extractArtifacts(message) {
 }
 
 export class ClaudeParser extends ChatParser {
-  name = 'Claude';
+  name = "Claude";
   constructor() {
     super();
     this.lastFetch = null;
   }
 
   isAvailable(url) {
-    return url.includes('claude.ai');
+    return url.includes("claude.ai");
   }
 
   async parse(options = {}) {
-    const title = document.title || 'Claude Chat';
+    const title = document.title || "Claude Chat";
     const messages = [];
 
     const conversationId = getConversationId();
-    const parserMode = options.parserMode || 'auto';
+    const parserMode = options.parserMode || "auto";
 
-    if (conversationId && parserMode !== 'prefer_dom') {
+    if (conversationId && parserMode !== "prefer_dom") {
       const orgId = await getOrganizationId();
       if (orgId) {
         try {
@@ -185,18 +193,18 @@ export class ClaudeParser extends ChatParser {
           const convTitle = data.name || title;
 
           for (const message of branch) {
-            const role = message.sender === 'human' ? 'User' : 'Claude';
+            const role = message.sender === "human" ? "User" : "Claude";
 
-            let contentStr = '';
+            let contentStr = "";
 
             // Construct content
             if (message.content && Array.isArray(message.content)) {
               for (const block of message.content) {
-                if (block.type === 'thinking' && block.thinking) {
-                  contentStr += `> **Thinking Process:**\n> \n> ${block.thinking.replace(/\n/g, '\n> ')}\n\n`;
-                } else if (block.type === 'text' && block.text) {
+                if (block.type === "thinking" && block.thinking) {
+                  contentStr += `> **Thinking Process:**\n> \n> ${block.thinking.replace(/\n/g, "\n> ")}\n\n`;
+                } else if (block.type === "text" && block.text) {
                   const cleanText = block.text
-                    .replace(/<antArtifact[^>]*>[\s\S]*?<\/antArtifact>/g, '')
+                    .replace(/<antArtifact[^>]*>[\s\S]*?<\/antArtifact>/g, "")
                     .trim();
                   if (cleanText) {
                     contentStr += `${cleanText}\n\n`;
@@ -205,7 +213,7 @@ export class ClaudeParser extends ChatParser {
               }
             } else if (message.text) {
               const cleanText = message.text
-                .replace(/<antArtifact[^>]*>[\s\S]*?<\/antArtifact>/g, '')
+                .replace(/<antArtifact[^>]*>[\s\S]*?<\/antArtifact>/g, "")
                 .trim();
               if (cleanText) {
                 contentStr += `${cleanText}\n\n`;
@@ -225,7 +233,7 @@ export class ClaudeParser extends ChatParser {
                     meta.push(attachment.file_type);
                   }
                   if (meta.length > 0) {
-                    header += ` _(${meta.join(', ')})_`;
+                    header += ` _(${meta.join(", ")})_`;
                   }
                   contentStr += `\n\n${header}\n`;
                   if (attachment.extracted_content) {
@@ -245,49 +253,54 @@ export class ClaudeParser extends ChatParser {
             // Extract and push artifacts
             const artifacts = extractArtifacts(message);
             for (const artifact of artifacts) {
-              let artContent = '';
-              const artTitle = artifact.title || 'Artifact';
-              const artText = artifact.content || '';
-              const artLang = artifact.language || 'text';
+              let artContent = "";
+              const artTitle = artifact.title || "Artifact";
+              const artText = artifact.content || "";
+              const artLang = artifact.language || "text";
 
-              if (artLang === 'markdown' || artLang === 'text') {
+              if (artLang === "markdown" || artLang === "text") {
                 const quotedContent = artText
-                  .split('\n')
+                  .split("\n")
                   .map((line) => `> ${line}`)
-                  .join('\n');
+                  .join("\n");
                 artContent = `\n\n> **Artifact: ${artTitle}**\n\n${quotedContent}\n\n`;
               } else {
                 artContent = `\n\n> **Artifact: ${artTitle}**\n\`\`\`${artLang}\n${artText}\n\`\`\`\n\n`;
               }
 
               messages.push({
-                role: 'Claude Artifact',
+                role: "Claude Artifact",
                 content: artContent.trim(),
               });
             }
           }
 
           const currentUrl =
-            typeof window !== 'undefined' && window.location ? window.location.href || '' : '';
+            typeof window !== "undefined" && window.location
+              ? window.location.href || ""
+              : "";
           const metadata = {
-            Source: 'Claude',
+            Source: "Claude",
             Date: new Date().toLocaleString(),
             Link: currentUrl,
-            Model: data.model || 'Claude',
+            Model: data.model || "Claude",
           };
 
           return { title: convTitle, messages, url: currentUrl, metadata };
         } catch (e) {
-          console.error('[AI Exporter] Claude API parse failed, falling back to DOM:', e);
+          console.error(
+            "[AI Exporter] Claude API parse failed, falling back to DOM:",
+            e,
+          );
         }
       }
     }
 
     // Inject the React reader script if not already injected (DOM Fallback)
-    if (!document.getElementById('ai-export-claude-reader')) {
-      const script = document.createElement('script');
-      script.src = chrome.runtime.getURL('content/claude_react_reader.js');
-      script.id = 'ai-export-claude-reader';
+    if (!document.getElementById("ai-export-claude-reader")) {
+      const script = document.createElement("script");
+      script.src = chrome.runtime.getURL("content/claude_react_reader.js");
+      script.id = "ai-export-claude-reader";
       script.onload = function () {
         this.remove(); // Clean up script tag
       };
@@ -300,17 +313,20 @@ export class ClaudeParser extends ChatParser {
     const getArtifactInfo = (index) => {
       return new Promise((resolve) => {
         const handler = (event) => {
-          if (event.data.type === 'RspAtftInfo' && event.data.idx === index) {
-            window.removeEventListener('message', handler);
+          if (event.data.type === "RspAtftInfo" && event.data.idx === index) {
+            window.removeEventListener("message", handler);
             resolve(event.data.atftInfo);
           }
         };
-        window.addEventListener('message', handler);
-        window.postMessage({ type: 'ReqAtftInfo', idx: index }, window.location.origin);
+        window.addEventListener("message", handler);
+        window.postMessage(
+          { type: "ReqAtftInfo", idx: index },
+          window.location.origin,
+        );
 
         // Timeout fallback
         setTimeout(() => {
-          window.removeEventListener('message', handler);
+          window.removeEventListener("message", handler);
           resolve(null);
         }, 1000); // 1s timeout
       });
@@ -318,15 +334,19 @@ export class ClaudeParser extends ChatParser {
 
     const strictSelectors = [
       '[data-testid="user-message"]',
-      '.font-claude-message',
-      '.font-claude-response',
-      '.artifact-block-cell',
-    ].join(', ');
+      ".font-claude-message",
+      ".font-claude-response",
+      ".artifact-block-cell",
+    ].join(", ");
 
-    const fallbackSelectors = ['div.font-serif'].join(', ');
+    const fallbackSelectors = ["div.font-serif"].join(", ");
 
-    const strictCandidates = Array.from(document.querySelectorAll(strictSelectors));
-    const fallbackCandidates = Array.from(document.querySelectorAll(fallbackSelectors));
+    const strictCandidates = Array.from(
+      document.querySelectorAll(strictSelectors),
+    );
+    const fallbackCandidates = Array.from(
+      document.querySelectorAll(fallbackSelectors),
+    );
 
     const validFallbacks = fallbackCandidates.filter((fallback) => {
       const overlapsWithError = strictCandidates.some(
@@ -338,54 +358,59 @@ export class ClaudeParser extends ChatParser {
     const combined = [...new Set([...strictCandidates, ...validFallbacks])];
 
     const allElements = combined.sort((a, b) => {
-      return a.compareDocumentPosition(b) & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : 1;
+      return a.compareDocumentPosition(b) & Node.DOCUMENT_POSITION_FOLLOWING
+        ? -1
+        : 1;
     });
 
-    const artifactElements = document.querySelectorAll('.artifact-block-cell');
+    const artifactElements = document.querySelectorAll(".artifact-block-cell");
     const artifactMap = new Map();
     artifactElements.forEach((el, index) => artifactMap.set(el, index));
 
     for (const el of allElements) {
-      let role = 'Unknown';
-      let content = '';
+      let role = "Unknown";
+      let content = "";
 
       if (el.matches('[data-testid="user-message"]')) {
-        role = 'User';
+        role = "User";
         const clone = el.cloneNode(true);
-        clone.querySelectorAll('button').forEach((btn) => btn.remove());
+        clone.querySelectorAll("button").forEach((btn) => btn.remove());
         content = convertToMarkdown(clone);
       } else if (
-        el.matches('.font-claude-message') ||
-        el.matches('.font-claude-response') ||
-        el.matches('div.font-serif')
+        el.matches(".font-claude-message") ||
+        el.matches(".font-claude-response") ||
+        el.matches("div.font-serif")
       ) {
-        role = 'Claude';
+        role = "Claude";
         const clone = el.cloneNode(true);
-        clone.querySelectorAll('button').forEach((btn) => btn.remove());
+        clone.querySelectorAll("button").forEach((btn) => btn.remove());
         content = convertToMarkdown(clone);
-      } else if (el.matches('.artifact-block-cell')) {
-        role = 'Claude Artifact';
+      } else if (el.matches(".artifact-block-cell")) {
+        role = "Claude Artifact";
 
         const index = artifactMap.get(el);
         if (index !== undefined) {
           const info = await getArtifactInfo(index);
           if (info) {
-            const artTitle = info.title || 'Artifact';
-            const artContent = info.content || '';
-            const artLang = info.language || 'text';
-            if (artLang === 'markdown' || artLang === 'text') {
+            const artTitle = info.title || "Artifact";
+            const artContent = info.content || "";
+            const artLang = info.language || "text";
+            if (artLang === "markdown" || artLang === "text") {
               const quotedContent = artContent
-                .split('\n')
+                .split("\n")
                 .map((line) => `> ${line}`)
-                .join('\n');
+                .join("\n");
               content = `\n\n> **Artifact: ${artTitle}**\n\n${quotedContent}\n\n`;
             } else {
               content = `\n\n> **Artifact: ${artTitle}**\n\`\`\`${artLang}\n${artContent}\n\`\`\`\n\n`;
             }
           } else {
             const header =
-              el.querySelector('.flex.items-center.gap-2') || el.querySelector('.font-bold');
-            const fallbackTitle = header ? header.innerText.split('\n')[0] : 'Unknown Artifact';
+              el.querySelector(".flex.items-center.gap-2") ||
+              el.querySelector(".font-bold");
+            const fallbackTitle = header
+              ? header.innerText.split("\n")[0]
+              : "Unknown Artifact";
             content = `\n> [Artifact: ${fallbackTitle} - content extraction failed]\n`;
           }
         }
@@ -397,12 +422,14 @@ export class ClaudeParser extends ChatParser {
     }
 
     const currentUrl =
-      typeof window !== 'undefined' && window.location ? window.location.href || '' : '';
+      typeof window !== "undefined" && window.location
+        ? window.location.href || ""
+        : "";
     const metadata = {
-      Source: 'Claude',
+      Source: "Claude",
       Date: new Date().toLocaleString(),
       Link: currentUrl,
-      Model: 'Claude',
+      Model: "Claude",
     };
 
     return { title, messages, url: currentUrl, metadata };

package/ai/claude_react_reader.js

@@ -1,12 +1,12 @@
 (() => {
   // Listen for messages from the content script
-  window.addEventListener('message', (event) => {
+  window.addEventListener("message", (event) => {
     // Security check: ensure message is from same origin
     if (event.origin !== window.location.origin) return;
 
-    if (event.data.type === 'ReqAtftInfo') {
+    if (event.data.type === "ReqAtftInfo") {
       const index = event.data.idx;
-      const artifacts = document.querySelectorAll('div.artifact-block-cell');
+      const artifacts = document.querySelectorAll("div.artifact-block-cell");
       const artifactElement = artifacts[index];
 
       let artifactInfo = null;
@@ -14,7 +14,9 @@
       if (artifactElement) {
         try {
           // Try to find the React Fiber key
-          const key = Object.keys(artifactElement).find((k) => k.startsWith('__reactFiber'));
+          const key = Object.keys(artifactElement).find((k) =>
+            k.startsWith("__reactFiber"),
+          );
           if (key) {
             const fiber = artifactElement[key];
             // Navigate React props structure to find the artifact data
@@ -42,13 +44,13 @@
             }
           }
         } catch (e) {
-          console.error('[AI Export] Error reading React internals:', e);
+          console.error("[AI Export] Error reading React internals:", e);
         }
       }
 
       window.postMessage(
         {
-          type: 'RspAtftInfo',
+          type: "RspAtftInfo",
           idx: index,
           atftInfo: artifactInfo,
         },