@tomehq/theme 0.6.4 → 0.7.0

package/dist/chunk-LNWYFDZ4.js

@@ -0,0 +1,73 @@
+// src/ai-api.ts
+function buildSystemPrompt(context, instruction) {
+  const base = instruction || "You are a helpful documentation assistant. Answer questions accurately based on the documentation provided below. If the answer isn't in the documentation, say so clearly. Keep answers concise and reference specific sections when possible.";
+  if (!context) return base;
+  const trimmed = context.length > 1e5 ? context.slice(0, 1e5) + "\n\n[Documentation truncated...]" : context;
+  return `${base}
+
+Documentation:
+${trimmed}`;
+}
+async function callOpenAI(messages, apiKey, model, systemPrompt) {
+  const res = await fetch("https://api.openai.com/v1/chat/completions", {
+    method: "POST",
+    headers: {
+      "Content-Type": "application/json",
+      "Authorization": `Bearer ${apiKey}`
+    },
+    body: JSON.stringify({
+      model,
+      messages: [
+        { role: "system", content: systemPrompt },
+        ...messages.map((m) => ({ role: m.role, content: m.content }))
+      ]
+    })
+  });
+  if (!res.ok) {
+    const err = await res.text();
+    throw new Error(`OpenAI API error (${res.status}): ${err}`);
+  }
+  const data = await res.json();
+  return data.choices?.[0]?.message?.content || "No response.";
+}
+async function callAnthropic(messages, apiKey, model, systemPrompt) {
+  const res = await fetch("https://api.anthropic.com/v1/messages", {
+    method: "POST",
+    headers: {
+      "Content-Type": "application/json",
+      "x-api-key": apiKey,
+      "anthropic-version": "2023-06-01",
+      "anthropic-dangerous-direct-browser-access": "true"
+    },
+    body: JSON.stringify({
+      model,
+      max_tokens: 1024,
+      system: systemPrompt,
+      messages: messages.map((m) => ({ role: m.role, content: m.content }))
+    })
+  });
+  if (!res.ok) {
+    const err = await res.text();
+    throw new Error(`Anthropic API error (${res.status}): ${err}`);
+  }
+  const data = await res.json();
+  return data.content?.[0]?.text || "No response.";
+}
+function getDefaultModel(provider) {
+  if (provider === "openai") return "gpt-4o-mini";
+  return "claude-sonnet-4-20250514";
+}
+async function callAiProvider(provider, messages, apiKey, model, systemPrompt) {
+  if (provider === "openai") {
+    return callOpenAI(messages, apiKey, model, systemPrompt);
+  }
+  return callAnthropic(messages, apiKey, model, systemPrompt);
+}
+
+export {
+  buildSystemPrompt,
+  callOpenAI,
+  callAnthropic,
+  getDefaultModel,
+  callAiProvider
+};

package/dist/entry.js

@@ -1,6 +1,7 @@
 import {
   entry_default
-} from "./chunk-XTCRYWCB.js";
+} from "./chunk-6AD5TJ6F.js";
+import "./chunk-LNWYFDZ4.js";
 export {
   entry_default as default
 };

package/dist/index.d.ts

@@ -27,6 +27,7 @@ interface ShellProps {
         };
         search?: {
             provider?: string;
+            ai?: boolean;
             appId?: string;
             apiKey?: string;
             indexName?: string;
@@ -50,6 +51,13 @@ interface ShellProps {
             link?: string;
             dismissible?: boolean;
         };
+        branding?: {
+            powered?: boolean;
+        };
+        feedback?: {
+            enabled?: boolean;
+            textInput?: boolean;
+        };
         socialLinks?: Array<{
             platform: string;
             url: string;
@@ -97,6 +105,7 @@ interface ShellProps {
         }>;
     }>;
     apiManifest?: any;
+    asyncApiManifest?: any;
     apiBaseUrl?: string;
     apiPlayground?: boolean;
     apiAuth?: {
@@ -112,6 +121,9 @@ interface ShellProps {
             header?: string;
         };
     }>;
+    AsyncApiReferenceComponent?: React.ComponentType<{
+        manifest: any;
+    }>;
     onNavigate: (id: string) => void;
     allPages: Array<{
         id: string;
@@ -138,7 +150,7 @@ interface ShellProps {
         PageFooter?: React.ComponentType<any>;
     };
 }
-declare function Shell({ config, navigation, currentPageId, pageHtml, pageComponent, mdxComponents, pageTitle, pageDescription, headings, tocEnabled, editUrl, lastUpdated, changelogEntries, apiManifest, apiBaseUrl, apiPlayground, apiAuth, ApiReferenceComponent, onNavigate, allPages, versioning, currentVersion, i18n, currentLocale, docContext, basePath, isDraft, dir: dirProp, overrides, }: ShellProps): react_jsx_runtime.JSX.Element;
+declare function Shell({ config, navigation, currentPageId, pageHtml, pageComponent, mdxComponents, pageTitle, pageDescription, headings, tocEnabled, editUrl, lastUpdated, changelogEntries, apiManifest, asyncApiManifest, apiBaseUrl, apiPlayground, apiAuth, ApiReferenceComponent, AsyncApiReferenceComponent, onNavigate, allPages, versioning, currentVersion, i18n, currentLocale, docContext, basePath, isDraft, dir: dirProp, overrides, }: ShellProps): react_jsx_runtime.JSX.Element;
 
 interface AiChatProps {
     provider: "openai" | "anthropic" | "custom";
@@ -260,7 +272,7 @@ declare const THEME_PRESETS: {
             readonly bd: "#1a1a25";
             readonly tx: "#d4ff00";
             readonly tx2: "#8a90a0";
-            readonly txM: "#6a7080";
+            readonly txM: "#7e8494";
             readonly ac: "#6666ff";
             readonly acD: "rgba(102,102,255,0.10)";
             readonly acT: "#8080ff";
@@ -276,7 +288,7 @@ declare const THEME_PRESETS: {
             readonly bd: "#d0d4db";
             readonly tx: "#0f1219";
             readonly tx2: "#4a5060";
-            readonly txM: "#6a7080";
+            readonly txM: "#5c6272";
             readonly ac: "#2020cc";
             readonly acD: "rgba(32,32,204,0.08)";
             readonly acT: "#1a1aa8";
@@ -299,7 +311,7 @@ declare const THEME_PRESETS: {
             readonly bd: "#21262d";
             readonly tx: "#e6edf3";
             readonly tx2: "#8b949e";
-            readonly txM: "#6e7681";
+            readonly txM: "#7d858f";
             readonly ac: "#0ea371";
             readonly acD: "rgba(14,163,113,0.10)";
             readonly acT: "#2dd4a0";
@@ -330,6 +342,240 @@ declare const THEME_PRESETS: {
             readonly code: "Fira Code";
         };
     };
+    readonly ocean: {
+        readonly dark: {
+            readonly bg: "#0a1628";
+            readonly sf: "#0f1d33";
+            readonly sfH: "#142540";
+            readonly bd: "#1a2e50";
+            readonly tx: "#e0e8f0";
+            readonly tx2: "#8ca0b8";
+            readonly txM: "#7b92aa";
+            readonly ac: "#0ea5e9";
+            readonly acD: "rgba(14,165,233,0.10)";
+            readonly acT: "#38bdf8";
+            readonly cdBg: "#081320";
+            readonly cdTx: "#94b4d0";
+            readonly sbBg: "#0a1628";
+            readonly hdBg: "rgba(10,22,40,0.90)";
+        };
+        readonly light: {
+            readonly bg: "#f0f7ff";
+            readonly sf: "#ffffff";
+            readonly sfH: "#e8f0fa";
+            readonly bd: "#ccdcef";
+            readonly tx: "#0c1929";
+            readonly tx2: "#3d5a78";
+            readonly txM: "#4a6a88";
+            readonly ac: "#0369a1";
+            readonly acD: "rgba(3,105,161,0.07)";
+            readonly acT: "#025e8f";
+            readonly cdBg: "#e4edf7";
+            readonly cdTx: "#1a3050";
+            readonly sbBg: "#eef4fc";
+            readonly hdBg: "rgba(240,247,255,0.92)";
+        };
+        readonly fonts: {
+            readonly heading: "Outfit";
+            readonly body: "Inter";
+            readonly code: "JetBrains Mono";
+        };
+    };
+    readonly rose: {
+        readonly dark: {
+            readonly bg: "#0f0a10";
+            readonly sf: "#171118";
+            readonly sfH: "#1e1620";
+            readonly bd: "#2a1f2c";
+            readonly tx: "#f0e4f0";
+            readonly tx2: "#b09ab0";
+            readonly txM: "#8a7890";
+            readonly ac: "#f43f5e";
+            readonly acD: "rgba(244,63,94,0.10)";
+            readonly acT: "#fb7185";
+            readonly cdBg: "#0d080e";
+            readonly cdTx: "#c8aec8";
+            readonly sbBg: "#0f0a10";
+            readonly hdBg: "rgba(15,10,16,0.88)";
+        };
+        readonly light: {
+            readonly bg: "#fef7f7";
+            readonly sf: "#ffffff";
+            readonly sfH: "#fceef0";
+            readonly bd: "#f0d4d8";
+            readonly tx: "#1a0f12";
+            readonly tx2: "#6b4048";
+            readonly txM: "#8a5a64";
+            readonly ac: "#c81e3e";
+            readonly acD: "rgba(200,30,62,0.06)";
+            readonly acT: "#a81835";
+            readonly cdBg: "#f8eaec";
+            readonly cdTx: "#3a1a22";
+            readonly sbBg: "#fdf2f4";
+            readonly hdBg: "rgba(254,247,247,0.92)";
+        };
+        readonly fonts: {
+            readonly heading: "Playfair Display";
+            readonly body: "Source Sans 3";
+            readonly code: "Fira Code";
+        };
+    };
+    readonly forest: {
+        readonly dark: {
+            readonly bg: "#091209";
+            readonly sf: "#0f1a0f";
+            readonly sfH: "#152215";
+            readonly bd: "#1e2e1e";
+            readonly tx: "#e0f0e0";
+            readonly tx2: "#8aaa8a";
+            readonly txM: "#6a8a6a";
+            readonly ac: "#22c55e";
+            readonly acD: "rgba(34,197,94,0.10)";
+            readonly acT: "#4ade80";
+            readonly cdBg: "#070e07";
+            readonly cdTx: "#a0c4a0";
+            readonly sbBg: "#091209";
+            readonly hdBg: "rgba(9,18,9,0.90)";
+        };
+        readonly light: {
+            readonly bg: "#f4faf4";
+            readonly sf: "#ffffff";
+            readonly sfH: "#e8f4e8";
+            readonly bd: "#c8e0c8";
+            readonly tx: "#0a1a0a";
+            readonly tx2: "#3a5a3a";
+            readonly txM: "#5a7a5a";
+            readonly ac: "#15803d";
+            readonly acD: "rgba(21,128,61,0.07)";
+            readonly acT: "#116d34";
+            readonly cdBg: "#e4f2e4";
+            readonly cdTx: "#1a3a1a";
+            readonly sbBg: "#eef6ee";
+            readonly hdBg: "rgba(244,250,244,0.92)";
+        };
+        readonly fonts: {
+            readonly heading: "Merriweather";
+            readonly body: "Nunito Sans";
+            readonly code: "Source Code Pro";
+        };
+    };
+    readonly slate: {
+        readonly dark: {
+            readonly bg: "#0f1115";
+            readonly sf: "#16181e";
+            readonly sfH: "#1c1f26";
+            readonly bd: "#24272e";
+            readonly tx: "#e2e4e8";
+            readonly tx2: "#9498a0";
+            readonly txM: "#808690";
+            readonly ac: "#94a3b8";
+            readonly acD: "rgba(148,163,184,0.10)";
+            readonly acT: "#b0bec8";
+            readonly cdBg: "#0c0e12";
+            readonly cdTx: "#a8acb4";
+            readonly sbBg: "#0f1115";
+            readonly hdBg: "rgba(15,17,21,0.88)";
+        };
+        readonly light: {
+            readonly bg: "#f8fafc";
+            readonly sf: "#ffffff";
+            readonly sfH: "#f1f5f9";
+            readonly bd: "#d8dfe7";
+            readonly tx: "#0f172a";
+            readonly tx2: "#475569";
+            readonly txM: "#64748b";
+            readonly ac: "#475569";
+            readonly acD: "rgba(71,85,105,0.07)";
+            readonly acT: "#3a4a5c";
+            readonly cdBg: "#f0f4f8";
+            readonly cdTx: "#1e293b";
+            readonly sbBg: "#f5f7fa";
+            readonly hdBg: "rgba(248,250,252,0.92)";
+        };
+        readonly fonts: {
+            readonly heading: "Inter";
+            readonly body: "Inter";
+            readonly code: "JetBrains Mono";
+        };
+    };
+    readonly sunset: {
+        readonly dark: {
+            readonly bg: "#120c06";
+            readonly sf: "#1a1208";
+            readonly sfH: "#22180c";
+            readonly bd: "#2e2010";
+            readonly tx: "#f0e4d4";
+            readonly tx2: "#b0986a";
+            readonly txM: "#907850";
+            readonly ac: "#f97316";
+            readonly acD: "rgba(249,115,22,0.10)";
+            readonly acT: "#fb923c";
+            readonly cdBg: "#0e0a05";
+            readonly cdTx: "#c8aa78";
+            readonly sbBg: "#120c06";
+            readonly hdBg: "rgba(18,12,6,0.90)";
+        };
+        readonly light: {
+            readonly bg: "#fffbf5";
+            readonly sf: "#ffffff";
+            readonly sfH: "#fef3e6";
+            readonly bd: "#f0d8b8";
+            readonly tx: "#1a1008";
+            readonly tx2: "#6a5030";
+            readonly txM: "#8a6840";
+            readonly ac: "#c2410c";
+            readonly acD: "rgba(194,65,12,0.06)";
+            readonly acT: "#a63a0a";
+            readonly cdBg: "#faf0e2";
+            readonly cdTx: "#3a2810";
+            readonly sbBg: "#fdf6ec";
+            readonly hdBg: "rgba(255,251,245,0.92)";
+        };
+        readonly fonts: {
+            readonly heading: "Sora";
+            readonly body: "DM Sans";
+            readonly code: "Fira Code";
+        };
+    };
+    readonly carbon: {
+        readonly dark: {
+            readonly bg: "#080808";
+            readonly sf: "#101010";
+            readonly sfH: "#171717";
+            readonly bd: "#1f1f1f";
+            readonly tx: "#d4d4d4";
+            readonly tx2: "#888888";
+            readonly txM: "#787878";
+            readonly ac: "#e4e4e4";
+            readonly acD: "rgba(228,228,228,0.08)";
+            readonly acT: "#f0f0f0";
+            readonly cdBg: "#0a0a0a";
+            readonly cdTx: "#a0a0a0";
+            readonly sbBg: "#080808";
+            readonly hdBg: "rgba(8,8,8,0.90)";
+        };
+        readonly light: {
+            readonly bg: "#f5f5f5";
+            readonly sf: "#ffffff";
+            readonly sfH: "#ebebeb";
+            readonly bd: "#d4d4d4";
+            readonly tx: "#171717";
+            readonly tx2: "#525252";
+            readonly txM: "#6b6b6b";
+            readonly ac: "#262626";
+            readonly acD: "rgba(38,38,38,0.06)";
+            readonly acT: "#1a1a1a";
+            readonly cdBg: "#eaeaea";
+            readonly cdTx: "#1a1a1a";
+            readonly sbBg: "#f0f0f0";
+            readonly hdBg: "rgba(245,245,245,0.92)";
+        };
+        readonly fonts: {
+            readonly heading: "Geist";
+            readonly body: "Geist";
+            readonly code: "Geist Mono";
+        };
+    };
 };
 type PresetName = keyof typeof THEME_PRESETS;
 

package/dist/index.js

@@ -3,7 +3,8 @@ import {
   Shell,
   THEME_PRESETS,
   entry_default
-} from "./chunk-XTCRYWCB.js";
+} from "./chunk-6AD5TJ6F.js";
+import "./chunk-LNWYFDZ4.js";
 export {
   AiChat,
   entry_default as App,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tomehq/theme",
-  "version": "0.6.4",
+  "version": "0.7.0",
   "description": "Tome default theme and React app shell",
   "type": "module",
   "main": "./src/index.tsx",
@@ -9,8 +9,8 @@
     "./entry": "./src/entry.tsx"
   },
   "dependencies": {
-    "@tomehq/components": "0.6.4",
-    "@tomehq/core": "0.6.4"
+    "@tomehq/components": "0.7.0",
+    "@tomehq/core": "0.7.0"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",

package/src/AiChat.tsx

@@ -35,78 +35,14 @@ const SendIcon = () => (
   </svg>
 );
 
-// ── API HELPERS ──────────────────────────────────────────
-function buildSystemPrompt(context?: string): string {
-  let prompt = "You are a helpful documentation assistant. Answer questions accurately based on the documentation provided below. If the answer isn't in the documentation, say so clearly. Keep answers concise and reference specific sections when possible.";
-  if (context) {
-    // Truncate context to stay within token limits (~100K chars ≈ 25K tokens)
-    const trimmed = context.length > 100000 ? context.slice(0, 100000) + "\n\n[Documentation truncated...]" : context;
-    prompt += `\n\nDocumentation:\n${trimmed}`;
-  }
-  return prompt;
-}
-
-async function callOpenAI(
-  messages: Message[],
-  apiKey: string,
-  model: string,
-  context?: string,
-): Promise<string> {
-  const res = await fetch("https://api.openai.com/v1/chat/completions", {
-    method: "POST",
-    headers: {
-      "Content-Type": "application/json",
-      "Authorization": `Bearer ${apiKey}`,
-    },
-    body: JSON.stringify({
-      model,
-      messages: [
-        { role: "system", content: buildSystemPrompt(context) },
-        ...messages.map((m) => ({ role: m.role, content: m.content })),
-      ],
-    }),
-  });
-  if (!res.ok) {
-    const err = await res.text();
-    throw new Error(`OpenAI API error (${res.status}): ${err}`);
-  }
-  const data = await res.json();
-  return data.choices?.[0]?.message?.content || "No response.";
-}
-
-async function callAnthropic(
-  messages: Message[],
-  apiKey: string,
-  model: string,
-  context?: string,
-): Promise<string> {
-  const res = await fetch("https://api.anthropic.com/v1/messages", {
-    method: "POST",
-    headers: {
-      "Content-Type": "application/json",
-      "x-api-key": apiKey,
-      "anthropic-version": "2023-06-01",
-      "anthropic-dangerous-direct-browser-access": "true",
-    },
-    body: JSON.stringify({
-      model,
-      max_tokens: 1024,
-      system: buildSystemPrompt(context),
-      messages: messages.map((m) => ({ role: m.role, content: m.content })),
-    }),
-  });
-  if (!res.ok) {
-    const err = await res.text();
-    throw new Error(`Anthropic API error (${res.status}): ${err}`);
-  }
-  const data = await res.json();
-  return data.content?.[0]?.text || "No response.";
-}
-
-function getDefaultModel(provider: string): string {
-  if (provider === "openai") return "gpt-4o-mini";
-  return "claude-sonnet-4-20250514";
-}
+// ── API HELPERS (shared with AI search) ─────────────────
+import {
+  buildSystemPrompt,
+  callOpenAI,
+  callAnthropic,
+  getDefaultModel,
+  type AiMessage,
+} from "./ai-api.js";
 
 // ── COMPONENT ───────────────────────────────────────────
 export function AiChat({ provider, model, apiKey, context }: AiChatProps) {
@@ -147,10 +83,11 @@ export function AiChat({ provider, model, apiKey, context }: AiChatProps) {
 
     try {
       let response: string;
+      const sysPrompt = buildSystemPrompt(context);
       if (provider === "openai") {
-        response = await callOpenAI(updatedMessages, resolvedKey, resolvedModel, context);
+        response = await callOpenAI(updatedMessages as AiMessage[], resolvedKey, resolvedModel, sysPrompt);
       } else {
-        response = await callAnthropic(updatedMessages, resolvedKey, resolvedModel, context);
+        response = await callAnthropic(updatedMessages as AiMessage[], resolvedKey, resolvedModel, sysPrompt);
       }
       setMessages((prev) => [...prev, { role: "assistant", content: response }]);
     } catch (err) {