@farming-labs/theme 0.2.1 → 0.2.3

package/dist/ai-markdown.mjs

@@ -0,0 +1,98 @@
+import { highlight } from "sugar-high";
+
+//#region src/ai-markdown.ts
+function buildCodeBlock(lang, code) {
+	const highlighted = highlight(code.replace(/\n$/, "")).replace(/<\/span>\n<span/g, "</span><span");
+	return `<div class="fd-ai-code-block"><div class="fd-ai-code-header">${lang ? `<div class="fd-ai-code-lang">${escapeHtml(lang)}</div>` : ""}<button class="fd-ai-code-copy" onclick="(function(btn){var code=btn.closest('.fd-ai-code-block').querySelector('code').textContent;navigator.clipboard.writeText(code).then(function(){btn.textContent='Copied!';setTimeout(function(){btn.textContent='Copy'},1500)})})(this)">Copy</button></div><pre><code>${highlighted}</code></pre></div>`;
+}
+function getCodeFenceOpening(line) {
+	const match = /^(?: {0,3})(`{3,}|~{3,})(.*)$/.exec(line);
+	if (!match) return null;
+	const marker = match[1];
+	const rawInfo = match[2] ?? "";
+	if (!marker) return null;
+	if (marker.startsWith("`") && rawInfo.includes("`")) return null;
+	return {
+		markerChar: marker[0],
+		markerLength: marker.length,
+		lang: extractCodeFenceLanguage(rawInfo)
+	};
+}
+function isCodeFenceClosing(line, fence) {
+	const trimmed = line.trim();
+	if (trimmed.length < fence.markerLength) return false;
+	for (const char of trimmed) if (char !== fence.markerChar) return false;
+	return true;
+}
+function extractCodeFenceLanguage(rawInfo) {
+	return (rawInfo.trim().split(/\s+/, 1)[0] ?? "").replace(/^\{\.?/, "").replace(/^\./, "").replace(/[},].*$/, "");
+}
+function replaceFencedCodeBlocks(text, codeBlocks, tokenBoundary) {
+	const lines = text.split("\n");
+	const output = [];
+	let i = 0;
+	while (i < lines.length) {
+		const fence = getCodeFenceOpening(lines[i]);
+		if (!fence) {
+			output.push(lines[i]);
+			i += 1;
+			continue;
+		}
+		const codeLines = [];
+		i += 1;
+		while (i < lines.length && !isCodeFenceClosing(lines[i], fence)) {
+			codeLines.push(lines[i]);
+			i += 1;
+		}
+		if (i < lines.length) i += 1;
+		codeBlocks.push(buildCodeBlock(fence.lang, codeLines.join("\n")));
+		output.push(`${tokenBoundary}CB${codeBlocks.length - 1}${tokenBoundary}`);
+	}
+	return output.join("\n");
+}
+function renderAIResponseMarkdown(text) {
+	const codeBlockTokenBoundary = String.fromCharCode(0);
+	const codeBlockTokenPattern = new RegExp(`${codeBlockTokenBoundary}CB(\\d+)${codeBlockTokenBoundary}`, "g");
+	const codeBlocks = [];
+	const lines = replaceFencedCodeBlocks(text, codeBlocks, codeBlockTokenBoundary).split("\n");
+	const output = [];
+	let i = 0;
+	while (i < lines.length) {
+		if (isTableRow(lines[i]) && i + 1 < lines.length && isTableSeparator(lines[i + 1])) {
+			const tableLines = [lines[i]];
+			i++;
+			i++;
+			while (i < lines.length && isTableRow(lines[i])) {
+				tableLines.push(lines[i]);
+				i++;
+			}
+			output.push(renderTable(tableLines));
+			continue;
+		}
+		output.push(lines[i]);
+		i++;
+	}
+	let result = output.join("\n");
+	result = result.replace(/`([^`]+)`/g, "<code>$1</code>").replace(/\*\*(.*?)\*\*/g, "<strong>$1</strong>").replace(/(?<!\*)\*([^*]+)\*(?!\*)/g, "<em>$1</em>").replace(/\[([^\]]+)\]\(([^)]+)\)/g, "<a href=\"$2\">$1</a>").replace(/^### (.*$)/gm, "<h4>$1</h4>").replace(/^## (.*$)/gm, "<h3>$1</h3>").replace(/^# (.*$)/gm, "<h2>$1</h2>").replace(/^[-*] (.*$)/gm, "<div style=\"display:flex;gap:8px;padding:2px 0\"><span style=\"opacity:0.5\">•</span><span>$1</span></div>").replace(/^(\d+)\. (.*$)/gm, "<div style=\"display:flex;gap:8px;padding:2px 0\"><span style=\"opacity:0.5\">$1.</span><span>$2</span></div>").replace(/\n\n/g, "<div style=\"height:8px\"></div>").replace(/\n/g, "<br>");
+	result = result.replace(codeBlockTokenPattern, (_m, idx) => codeBlocks[Number(idx)]);
+	return result;
+}
+function escapeHtml(s) {
+	return s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+}
+function isTableRow(line) {
+	const trimmed = line.trim();
+	return trimmed.startsWith("|") && trimmed.endsWith("|") && trimmed.includes("|");
+}
+function isTableSeparator(line) {
+	return /^\|[\s:]*-+[\s:]*(\|[\s:]*-+[\s:]*)*\|$/.test(line.trim());
+}
+function renderTable(rows) {
+	const parseRow = (row) => row.trim().replace(/^\|/, "").replace(/\|$/, "").split("|").map((c) => c.trim());
+	return `<table>${`<thead><tr>${parseRow(rows[0]).map((c) => `<th>${c}</th>`).join("")}</tr></thead>`}<tbody>${rows.slice(1).map((row) => {
+		return `<tr>${parseRow(row).map((c) => `<td>${c}</td>`).join("")}</tr>`;
+	}).join("")}</tbody></table>`;
+}
+
+//#endregion
+export { renderAIResponseMarkdown };

package/dist/ai-search-dialog.mjs

@@ -1,10 +1,10 @@
 "use client";
 
 import { emitClientAnalyticsEvent } from "./client-analytics.mjs";
+import { renderAIResponseMarkdown } from "./ai-markdown.mjs";
 import { useCallback, useEffect, useRef, useState } from "react";
 import { createPortal } from "react-dom";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { highlight } from "sugar-high";
 
 //#region src/ai-search-dialog.tsx
 /**
@@ -282,61 +282,6 @@ async function copyTextToClipboard(text) {
 		return fallbackCopyText(text);
 	}
 }
-function buildCodeBlock(lang, code) {
-	const highlighted = highlight(code.replace(/\n$/, "")).replace(/<\/span>\n<span/g, "</span><span");
-	return `<div class="fd-ai-code-block"><div class="fd-ai-code-header">${lang ? `<div class="fd-ai-code-lang">${escapeHtml(lang)}</div>` : ""}<button class="fd-ai-code-copy" onclick="(function(btn){var code=btn.closest('.fd-ai-code-block').querySelector('code').textContent;navigator.clipboard.writeText(code).then(function(){btn.textContent='Copied!';setTimeout(function(){btn.textContent='Copy'},1500)})})(this)">Copy</button></div><pre><code>${highlighted}</code></pre></div>`;
-}
-function renderMarkdown(text) {
-	const codeBlockTokenBoundary = String.fromCharCode(0);
-	const codeBlockTokenPattern = new RegExp(`${codeBlockTokenBoundary}CB(\\d+)${codeBlockTokenBoundary}`, "g");
-	const codeBlocks = [];
-	let processed = text.replace(/```(\w*)\n([\s\S]*?)```/g, (_match, lang, code) => {
-		codeBlocks.push(buildCodeBlock(lang, code));
-		return `\x00CB${codeBlocks.length - 1}\x00`;
-	});
-	processed = processed.replace(/```(\w*)\n([\s\S]*)$/, (_match, lang, code) => {
-		codeBlocks.push(buildCodeBlock(lang, code));
-		return `\x00CB${codeBlocks.length - 1}\x00`;
-	});
-	const lines = processed.split("\n");
-	const output = [];
-	let i = 0;
-	while (i < lines.length) {
-		if (isTableRow(lines[i]) && i + 1 < lines.length && isTableSeparator(lines[i + 1])) {
-			const tableLines = [lines[i]];
-			i++;
-			i++;
-			while (i < lines.length && isTableRow(lines[i])) {
-				tableLines.push(lines[i]);
-				i++;
-			}
-			output.push(renderTable(tableLines));
-			continue;
-		}
-		output.push(lines[i]);
-		i++;
-	}
-	let result = output.join("\n");
-	result = result.replace(/`([^`]+)`/g, "<code>$1</code>").replace(/\*\*(.*?)\*\*/g, "<strong>$1</strong>").replace(/(?<!\*)\*([^*]+)\*(?!\*)/g, "<em>$1</em>").replace(/\[([^\]]+)\]\(([^)]+)\)/g, "<a href=\"$2\">$1</a>").replace(/^### (.*$)/gm, "<h4>$1</h4>").replace(/^## (.*$)/gm, "<h3>$1</h3>").replace(/^# (.*$)/gm, "<h2>$1</h2>").replace(/^[-*] (.*$)/gm, "<div style=\"display:flex;gap:8px;padding:2px 0\"><span style=\"opacity:0.5\">•</span><span>$1</span></div>").replace(/^(\d+)\. (.*$)/gm, "<div style=\"display:flex;gap:8px;padding:2px 0\"><span style=\"opacity:0.5\">$1.</span><span>$2</span></div>").replace(/\n\n/g, "<div style=\"height:8px\"></div>").replace(/\n/g, "<br>");
-	result = result.replace(codeBlockTokenPattern, (_m, idx) => codeBlocks[Number(idx)]);
-	return result;
-}
-function escapeHtml(s) {
-	return s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
-}
-function isTableRow(line) {
-	const trimmed = line.trim();
-	return trimmed.startsWith("|") && trimmed.endsWith("|") && trimmed.includes("|");
-}
-function isTableSeparator(line) {
-	return /^\|[\s:]*-+[\s:]*(\|[\s:]*-+[\s:]*)*\|$/.test(line.trim());
-}
-function renderTable(rows) {
-	const parseRow = (row) => row.trim().replace(/^\|/, "").replace(/\|$/, "").split("|").map((c) => c.trim());
-	return `<table>${`<thead><tr>${parseRow(rows[0]).map((c) => `<th>${c}</th>`).join("")}</tr></thead>`}<tbody>${rows.slice(1).map((row) => {
-		return `<tr>${parseRow(row).map((c) => `<td>${c}</td>`).join("")}</tr>`;
-	}).join("")}</tbody></table>`;
-}
 function SearchIcon() {
 	return /* @__PURE__ */ jsxs("svg", {
 		width: "16",
@@ -936,7 +881,7 @@ function AIChat({ api, requestMode, requestHeaders, requestStream = true, messag
 					className: "fd-ai-bubble-ai",
 					children: msg.content ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("div", {
 						className: isStreaming && i === messages.length - 1 ? "fd-ai-streaming" : void 0,
-						dangerouslySetInnerHTML: { __html: renderMarkdown(msg.content) }
+						dangerouslySetInnerHTML: { __html: renderAIResponseMarkdown(msg.content) }
 					}), feedbackEnabled && !msg.isError && !isStreaming && /* @__PURE__ */ jsx(AIFeedbackControls, {
 						value: msg.feedback,
 						onCopy: () => handleCopyMessage(msg, i),
@@ -1685,7 +1630,7 @@ function FullModalAIChat({ api, requestMode, requestHeaders, requestStream, isOp
 						className: "fd-ai-fm-msg-content",
 						children: msg.content ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("div", {
 							className: isStreaming && i === messages.length - 1 ? "fd-ai-streaming" : void 0,
-							dangerouslySetInnerHTML: { __html: renderMarkdown(msg.content) }
+							dangerouslySetInnerHTML: { __html: renderAIResponseMarkdown(msg.content) }
 						}), msg.role === "assistant" && feedbackEnabled && !msg.isError && !isStreaming && /* @__PURE__ */ jsx(AIFeedbackControls, {
 							value: msg.feedback,
 							onCopy: () => handleCopyMessage(msg, i),

package/dist/docs-api.mjs

@@ -35,7 +35,7 @@ const FILE_EXTS = [
 	"js"
 ];
 const DEFAULT_DOCS_API_ROUTE = "/api/docs";
-const DEFAULT_DOCS_CLOUD_API_BASE_URL = "https://docs-app.farming-labs.dev";
+const DEFAULT_DOCS_CLOUD_API_BASE_URL = "https://api.farming-labs.dev";
 const DEFAULT_DOCS_CLOUD_API_KEY_ENV = "DOCS_CLOUD_API_KEY";
 const DEFAULT_AGENT_SPEC_ROUTE = "/api/docs/agent/spec";
 const DEFAULT_AGENT_SPEC_WELL_KNOWN_ROUTE = "/.well-known/agent";

package/dist/docs-cloud-ai-client.mjs

@@ -1,6 +1,7 @@
 //#region src/docs-cloud-ai-client.ts
 const DEFAULT_DOCS_API_ROUTE = "/api/docs";
-const DEFAULT_DOCS_CLOUD_API_BASE_URL = "https://docs-app.farming-labs.dev";
+const DEFAULT_DOCS_CLOUD_API_BASE_URL = "https://api.farming-labs.dev";
+const DEFAULT_PUBLIC_DOCS_CLOUD_PROJECT_ID_ENV = "NEXT_PUBLIC_DOCS_CLOUD_PROJECT_ID";
 const DEFAULT_PUBLIC_DOCS_CLOUD_API_KEY_ENV = "NEXT_PUBLIC_DOCS_CLOUD_API_KEY";
 function readRuntimeEnv(name) {
 	const value = process.env[name]?.trim();
@@ -10,13 +11,15 @@ function resolveDocsCloudApiBaseUrl() {
 	return (readRuntimeEnv("NEXT_PUBLIC_DOCS_CLOUD_URL") ?? readRuntimeEnv("DOCS_CLOUD_API_URL") ?? DEFAULT_DOCS_CLOUD_API_BASE_URL).replace(/\/+$/, "");
 }
 function resolveDocsCloudProjectId() {
-	return readRuntimeEnv("NEXT_PUBLIC_DOCS_CLOUD_PROJECT_ID") ?? readRuntimeEnv("DOCS_CLOUD_PROJECT_ID");
+	return readRuntimeEnv(DEFAULT_PUBLIC_DOCS_CLOUD_PROJECT_ID_ENV);
 }
-function resolvePublicDocsCloudApiKey(config) {
+function resolveDocsCloudApiKey(config) {
 	const configuredEnv = config.cloud?.apiKey?.env?.trim();
-	if (!configuredEnv) return readRuntimeEnv(DEFAULT_PUBLIC_DOCS_CLOUD_API_KEY_ENV);
-	if (!configuredEnv.startsWith("NEXT_PUBLIC_")) return void 0;
-	return readRuntimeEnv(configuredEnv);
+	if (configuredEnv && isPublicRuntimeEnvName(configuredEnv)) return readRuntimeEnv(configuredEnv);
+	return readRuntimeEnv(DEFAULT_PUBLIC_DOCS_CLOUD_API_KEY_ENV);
+}
+function isPublicRuntimeEnvName(name) {
+	return name.startsWith("NEXT_PUBLIC_");
 }
 function resolveDocsCloudAIStream(config) {
 	const aiConfig = config.ai;
@@ -26,7 +29,7 @@ function resolveDocsCloudAIStream(config) {
 function resolveDocsCloudAIClientRequest(config, fallbackApi = DEFAULT_DOCS_API_ROUTE) {
 	if (config.ai?.provider !== "docs-cloud") return { api: fallbackApi };
 	const projectId = resolveDocsCloudProjectId();
-	const apiKey = resolvePublicDocsCloudApiKey(config);
+	const apiKey = resolveDocsCloudApiKey(config);
 	const requestStream = resolveDocsCloudAIStream(config);
 	if (!projectId || !apiKey) return {
 		api: fallbackApi,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@farming-labs/theme",
-  "version": "0.2.1",
+  "version": "0.2.3",
   "description": "Theme package for @farming-labs/docs — layout, provider, MDX components, and styles",
   "keywords": [
     "docs",
@@ -145,7 +145,7 @@
     "tsdown": "^0.20.3",
     "typescript": "^5.9.3",
     "vitest": "^4.1.8",
-    "@farming-labs/docs": "0.2.1"
+    "@farming-labs/docs": "0.2.3"
   },
   "peerDependencies": {
     "@farming-labs/docs": ">=0.0.1",