npm - @easybits.cloud/html-tailwind-generator - Versions diffs - 0.1.5 → 0.2.0 - Mend

@easybits.cloud/html-tailwind-generator 0.1.5 → 0.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (48) hide show

package/{src/images/enrichImages.ts → dist/chunk-5HSVOF2J.js} +65 -53
package/dist/chunk-5HSVOF2J.js.map +1 -0
package/{src/iframeScript.ts → dist/chunk-5TYGSZAF.js} +259 -10
package/dist/chunk-5TYGSZAF.js.map +1 -0
package/{src/refine.ts → dist/chunk-GMJR2GXL.js} +30 -60
package/dist/chunk-GMJR2GXL.js.map +1 -0
package/dist/chunk-LQ65H4AO.js +41 -0
package/dist/chunk-LQ65H4AO.js.map +1 -0
package/{src/generate.ts → dist/chunk-PK26CWDO.js} +67 -108
package/dist/chunk-PK26CWDO.js.map +1 -0
package/dist/chunk-RTGCZUNJ.js +1 -0
package/dist/chunk-RTGCZUNJ.js.map +1 -0
package/dist/chunk-XM3D3TTJ.js +852 -0
package/dist/chunk-XM3D3TTJ.js.map +1 -0
package/dist/components.d.ts +57 -0
package/dist/components.js +14 -0
package/dist/components.js.map +1 -0
package/dist/deploy.d.ts +39 -0
package/dist/deploy.js +10 -0
package/dist/deploy.js.map +1 -0
package/dist/generate.d.ts +41 -0
package/dist/generate.js +14 -0
package/dist/generate.js.map +1 -0
package/dist/images.d.ts +30 -0
package/dist/images.js +14 -0
package/dist/images.js.map +1 -0
package/dist/index.d.ts +30 -0
package/dist/index.js +64 -0
package/dist/index.js.map +1 -0
package/dist/refine.d.ts +32 -0
package/dist/refine.js +10 -0
package/dist/refine.js.map +1 -0
package/dist/themes-DOoj19c8.d.ts +35 -0
package/dist/types-Flpl4wDs.d.ts +31 -0
package/package.json +53 -50
package/src/buildHtml.ts +0 -78
package/src/components/Canvas.tsx +0 -162
package/src/components/CodeEditor.tsx +0 -239
package/src/components/FloatingToolbar.tsx +0 -350
package/src/components/SectionList.tsx +0 -217
package/src/components/index.ts +0 -4
package/src/deploy.ts +0 -73
package/src/images/dalleImages.ts +0 -29
package/src/images/index.ts +0 -3
package/src/images/pexels.ts +0 -27
package/src/index.ts +0 -58
package/src/themes.ts +0 -204
package/src/types.ts +0 -30

package/{src/refine.ts → dist/chunk-GMJR2GXL.js} RENAMED Viewed

@@ -1,71 +1,41 @@
+import {
+  enrichImages
+} from "./chunk-5HSVOF2J.js";
+// src/refine.ts
 import { streamText } from "ai";
 import { createAnthropic } from "@ai-sdk/anthropic";
-import { enrichImages } from "./images/enrichImages";
-async function resolveModel(opts: { openaiApiKey?: string; anthropicApiKey?: string; modelId?: string; defaultOpenai: string; defaultAnthropic: string }) {
+async function resolveModel(opts) {
   const openaiKey = opts.openaiApiKey || process.env.OPENAI_API_KEY;
   if (openaiKey) {
     const { createOpenAI } = await import("@ai-sdk/openai");
     const openai = createOpenAI({ apiKey: openaiKey });
     return openai(opts.modelId || opts.defaultOpenai);
   }
-  const anthropic = opts.anthropicApiKey
-    ? createAnthropic({ apiKey: opts.anthropicApiKey })
-    : createAnthropic();
+  const anthropic = opts.anthropicApiKey ? createAnthropic({ apiKey: opts.anthropicApiKey }) : createAnthropic();
   return anthropic(opts.modelId || opts.defaultAnthropic);
 }
-export const REFINE_SYSTEM = `You are an expert HTML/Tailwind CSS developer. You receive the current HTML of a landing page section and a user instruction.
+var REFINE_SYSTEM = `You are an expert HTML/Tailwind CSS developer. You receive the current HTML of a landing page section and a user instruction.
 RULES:
-- Return ONLY the modified HTML — no full page, no <html>/<head>/<body> tags
+- Return ONLY the modified HTML \u2014 no full page, no <html>/<head>/<body> tags
 - Use Tailwind CSS classes (CDN loaded)
 - You may use inline styles for specific adjustments
 - Images: use data-image-query="english search query" for new images
 - Keep all text in its original language unless asked to translate
-- Be creative — don't just make minimal changes, improve the design
-- Return raw HTML only — no markdown fences, no explanations
+- Be creative \u2014 don't just make minimal changes, improve the design
+- Return raw HTML only \u2014 no markdown fences, no explanations
-COLOR SYSTEM — CRITICAL:
+COLOR SYSTEM \u2014 CRITICAL:
 - Use semantic color classes: bg-primary, text-primary, bg-primary-light, bg-primary-dark, text-on-primary, bg-surface, bg-surface-alt, text-on-surface, text-on-surface-muted, bg-secondary, text-secondary, bg-accent, text-accent
 - NEVER use hardcoded colors: NO bg-gray-*, bg-black, bg-white, text-gray-*, text-black, text-white, etc.
 - The ONLY exception: border-gray-200 or border-gray-700 for subtle dividers.
-- CONTRAST RULE: on bg-primary/bg-primary-dark → text-on-primary. On bg-surface/bg-surface-alt → text-on-surface/text-on-surface-muted. Never mismatch.
+- CONTRAST RULE: on bg-primary/bg-primary-dark \u2192 text-on-primary. On bg-surface/bg-surface-alt \u2192 text-on-surface/text-on-surface-muted. Never mismatch.
 TAILWIND v3 NOTES:
 - Standard Tailwind v3 classes (shadow-sm, shadow-md, rounded-md, etc.)
 - Borders: border + border-gray-200 for visible borders`;
-export interface RefineOptions {
-  /** Anthropic API key. Falls back to ANTHROPIC_API_KEY env var */
-  anthropicApiKey?: string;
-  /** OpenAI API key. If provided, uses GPT-4o-mini instead of Claude */
-  openaiApiKey?: string;
-  /** Current HTML of the section being refined */
-  currentHtml: string;
-  /** User instruction for refinement */
-  instruction: string;
-  /** Reference image (base64 data URI) for vision-based refinement */
-  referenceImage?: string;
-  /** Custom system prompt (overrides default REFINE_SYSTEM) */
-  systemPrompt?: string;
-  /** Model ID (default: gpt-4o-mini/gpt-4o for OpenAI, claude-haiku/claude-sonnet for Anthropic) */
-  model?: string;
-  /** Pexels API key for image enrichment. Falls back to PEXELS_API_KEY env var */
-  pexelsApiKey?: string;
-  /** Called with accumulated HTML as it streams */
-  onChunk?: (html: string) => void;
-  /** Called when refinement is complete with final enriched HTML */
-  onDone?: (html: string) => void;
-  /** Called on error */
-  onError?: (error: Error) => void;
-}
-/**
- * Refine a landing page section with streaming AI.
- * Returns the final enriched HTML.
- */
-export async function refineLanding(options: RefineOptions): Promise<string> {
+async function refineLanding(options) {
   const {
     anthropicApiKey,
     openaiApiKey: _openaiApiKey,
@@ -77,52 +47,52 @@ export async function refineLanding(options: RefineOptions): Promise<string> {
     pexelsApiKey,
     onChunk,
     onDone,
-    onError,
+    onError
   } = options;
   const openaiApiKey = _openaiApiKey || process.env.OPENAI_API_KEY;
   const defaultOpenai = referenceImage ? "gpt-4o" : "gpt-4o-mini";
   const defaultAnthropic = referenceImage ? "claude-sonnet-4-6" : "claude-haiku-4-5-20251001";
   const model = await resolveModel({ openaiApiKey, anthropicApiKey, modelId, defaultOpenai, defaultAnthropic });
-  // Build content (supports multimodal with reference image)
-  const content: any[] = [];
+  const content = [];
   if (referenceImage) {
     content.push({ type: "image", image: referenceImage });
   }
   content.push({
     type: "text",
-    text: `Current HTML:\n${currentHtml}\n\nInstruction: ${instruction}\n\nReturn the updated HTML.`,
-  });
+    text: `Current HTML:
+${currentHtml}
+Instruction: ${instruction}
+Return the updated HTML.`
+  });
   const result = streamText({
     model,
     system: systemPrompt,
-    messages: [{ role: "user", content }],
+    messages: [{ role: "user", content }]
   });
   try {
     let accumulated = "";
     for await (const chunk of result.textStream) {
       accumulated += chunk;
       onChunk?.(accumulated);
     }
-    // Clean up markdown fences if present
     let html = accumulated.trim();
     if (html.startsWith("```")) {
       html = html.replace(/^```(?:html|xml)?\s*/, "").replace(/\s*```$/, "");
     }
-    // Enrich images (DALL-E if openaiApiKey, otherwise Pexels)
     html = await enrichImages(html, pexelsApiKey, openaiApiKey);
     onDone?.(html);
     return html;
-  } catch (err: any) {
+  } catch (err) {
     const error = err instanceof Error ? err : new Error(err?.message || "Refine failed");
     onError?.(error);
     throw error;
   }
 }
+export {
+  REFINE_SYSTEM,
+  refineLanding
+};
+//# sourceMappingURL=chunk-GMJR2GXL.js.map

package/dist/chunk-GMJR2GXL.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["../src/refine.ts"],"sourcesContent":["import { streamText } from \"ai\";\nimport { createAnthropic } from \"@ai-sdk/anthropic\";\nimport { enrichImages } from \"./images/enrichImages\";\n\nasync function resolveModel(opts: { openaiApiKey?: string; anthropicApiKey?: string; modelId?: string; defaultOpenai: string; defaultAnthropic: string }) {\n const openaiKey = opts.openaiApiKey || process.env.OPENAI_API_KEY;\n if (openaiKey) {\n const { createOpenAI } = await import(\"@ai-sdk/openai\");\n const openai = createOpenAI({ apiKey: openaiKey });\n return openai(opts.modelId || opts.defaultOpenai);\n }\n const anthropic = opts.anthropicApiKey\n ? createAnthropic({ apiKey: opts.anthropicApiKey })\n : createAnthropic();\n return anthropic(opts.modelId || opts.defaultAnthropic);\n}\n\nexport const REFINE_SYSTEM = `You are an expert HTML/Tailwind CSS developer. You receive the current HTML of a landing page section and a user instruction.\n\nRULES:\n- Return ONLY the modified HTML — no full page, no <html>/<head>/<body> tags\n- Use Tailwind CSS classes (CDN loaded)\n- You may use inline styles for specific adjustments\n- Images: use data-image-query=\"english search query\" for new images\n- Keep all text in its original language unless asked to translate\n- Be creative — don't just make minimal changes, improve the design\n- Return raw HTML only — no markdown fences, no explanations\n\nCOLOR SYSTEM — CRITICAL:\n- Use semantic color classes: bg-primary, text-primary, bg-primary-light, bg-primary-dark, text-on-primary, bg-surface, bg-surface-alt, text-on-surface, text-on-surface-muted, bg-secondary, text-secondary, bg-accent, text-accent\n- NEVER use hardcoded colors: NO bg-gray-*, bg-black, bg-white, text-gray-*, text-black, text-white, etc.\n- The ONLY exception: border-gray-200 or border-gray-700 for subtle dividers.\n- CONTRAST RULE: on bg-primary/bg-primary-dark → text-on-primary. On bg-surface/bg-surface-alt → text-on-surface/text-on-surface-muted. Never mismatch.\n\nTAILWIND v3 NOTES:\n- Standard Tailwind v3 classes (shadow-sm, shadow-md, rounded-md, etc.)\n- Borders: border + border-gray-200 for visible borders`;\n\nexport interface RefineOptions {\n /** Anthropic API key. Falls back to ANTHROPIC_API_KEY env var */\n anthropicApiKey?: string;\n /** OpenAI API key. If provided, uses GPT-4o-mini instead of Claude */\n openaiApiKey?: string;\n /** Current HTML of the section being refined */\n currentHtml: string;\n /** User instruction for refinement */\n instruction: string;\n /** Reference image (base64 data URI) for vision-based refinement */\n referenceImage?: string;\n /** Custom system prompt (overrides default REFINE_SYSTEM) */\n systemPrompt?: string;\n /** Model ID (default: gpt-4o-mini/gpt-4o for OpenAI, claude-haiku/claude-sonnet for Anthropic) */\n model?: string;\n /** Pexels API key for image enrichment. Falls back to PEXELS_API_KEY env var */\n pexelsApiKey?: string;\n /** Called with accumulated HTML as it streams */\n onChunk?: (html: string) => void;\n /** Called when refinement is complete with final enriched HTML */\n onDone?: (html: string) => void;\n /** Called on error */\n onError?: (error: Error) => void;\n}\n\n/**\n * Refine a landing page section with streaming AI.\n * Returns the final enriched HTML.\n */\nexport async function refineLanding(options: RefineOptions): Promise<string> {\n const {\n anthropicApiKey,\n openaiApiKey: _openaiApiKey,\n currentHtml,\n instruction,\n referenceImage,\n systemPrompt = REFINE_SYSTEM,\n model: modelId,\n pexelsApiKey,\n onChunk,\n onDone,\n onError,\n } = options;\n\n const openaiApiKey = _openaiApiKey || process.env.OPENAI_API_KEY;\n const defaultOpenai = referenceImage ? \"gpt-4o\" : \"gpt-4o-mini\";\n const defaultAnthropic = referenceImage ? \"claude-sonnet-4-6\" : \"claude-haiku-4-5-20251001\";\n const model = await resolveModel({ openaiApiKey, anthropicApiKey, modelId, defaultOpenai, defaultAnthropic });\n\n // Build content (supports multimodal with reference image)\n const content: any[] = [];\n if (referenceImage) {\n content.push({ type: \"image\", image: referenceImage });\n }\n content.push({\n type: \"text\",\n text: `Current HTML:\\n${currentHtml}\\n\\nInstruction: ${instruction}\\n\\nReturn the updated HTML.`,\n });\n\n const result = streamText({\n model,\n system: systemPrompt,\n messages: [{ role: \"user\", content }],\n });\n\n try {\n let accumulated = \"\";\n\n for await (const chunk of result.textStream) {\n accumulated += chunk;\n onChunk?.(accumulated);\n }\n\n // Clean up markdown fences if present\n let html = accumulated.trim();\n if (html.startsWith(\"```\")) {\n html = html.replace(/^```(?:html|xml)?\\s*/, \"\").replace(/\\s*```$/, \"\");\n }\n\n // Enrich images (DALL-E if openaiApiKey, otherwise Pexels)\n html = await enrichImages(html, pexelsApiKey, openaiApiKey);\n\n onDone?.(html);\n return html;\n } catch (err: any) {\n const error = err instanceof Error ? err : new Error(err?.message || \"Refine failed\");\n onError?.(error);\n throw error;\n }\n}\n"],"mappings":";;;;;AAAA,SAAS,kBAAkB;AAC3B,SAAS,uBAAuB;AAGhC,eAAe,aAAa,MAA8H;AACxJ,QAAM,YAAY,KAAK,gBAAgB,QAAQ,IAAI;AACnD,MAAI,WAAW;AACb,UAAM,EAAE,aAAa,IAAI,MAAM,OAAO,gBAAgB;AACtD,UAAM,SAAS,aAAa,EAAE,QAAQ,UAAU,CAAC;AACjD,WAAO,OAAO,KAAK,WAAW,KAAK,aAAa;AAAA,EAClD;AACA,QAAM,YAAY,KAAK,kBACnB,gBAAgB,EAAE,QAAQ,KAAK,gBAAgB,CAAC,IAChD,gBAAgB;AACpB,SAAO,UAAU,KAAK,WAAW,KAAK,gBAAgB;AACxD;AAEO,IAAM,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAkD7B,eAAsB,cAAc,SAAyC;AAC3E,QAAM;AAAA,IACJ;AAAA,IACA,cAAc;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAe;AAAA,IACf,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,eAAe,iBAAiB,QAAQ,IAAI;AAClD,QAAM,gBAAgB,iBAAiB,WAAW;AAClD,QAAM,mBAAmB,iBAAiB,sBAAsB;AAChE,QAAM,QAAQ,MAAM,aAAa,EAAE,cAAc,iBAAiB,SAAS,eAAe,iBAAiB,CAAC;AAG5G,QAAM,UAAiB,CAAC;AACxB,MAAI,gBAAgB;AAClB,YAAQ,KAAK,EAAE,MAAM,SAAS,OAAO,eAAe,CAAC;AAAA,EACvD;AACA,UAAQ,KAAK;AAAA,IACX,MAAM;AAAA,IACN,MAAM;AAAA,EAAkB,WAAW;AAAA;AAAA,eAAoB,WAAW;AAAA;AAAA;AAAA,EACpE,CAAC;AAED,QAAM,SAAS,WAAW;AAAA,IACxB;AAAA,IACA,QAAQ;AAAA,IACR,UAAU,CAAC,EAAE,MAAM,QAAQ,QAAQ,CAAC;AAAA,EACtC,CAAC;AAED,MAAI;AACF,QAAI,cAAc;AAElB,qBAAiB,SAAS,OAAO,YAAY;AAC3C,qBAAe;AACf,gBAAU,WAAW;AAAA,IACvB;AAGA,QAAI,OAAO,YAAY,KAAK;AAC5B,QAAI,KAAK,WAAW,KAAK,GAAG;AAC1B,aAAO,KAAK,QAAQ,wBAAwB,EAAE,EAAE,QAAQ,WAAW,EAAE;AAAA,IACvE;AAGA,WAAO,MAAM,aAAa,MAAM,cAAc,YAAY;AAE1D,aAAS,IAAI;AACb,WAAO;AAAA,EACT,SAAS,KAAU;AACjB,UAAM,QAAQ,eAAe,QAAQ,MAAM,IAAI,MAAM,KAAK,WAAW,eAAe;AACpF,cAAU,KAAK;AACf,UAAM;AAAA,EACR;AACF;","names":[]}

package/dist/chunk-LQ65H4AO.js ADDED Viewed

@@ -0,0 +1,41 @@
+import {
+  buildDeployHtml
+} from "./chunk-5TYGSZAF.js";
+// src/deploy.ts
+async function deployToS3(options) {
+  const { sections, theme, customColors, upload } = options;
+  const html = buildDeployHtml(sections, theme, customColors);
+  return upload(html);
+}
+async function deployToEasyBits(options) {
+  const {
+    apiKey,
+    slug,
+    sections,
+    theme,
+    customColors,
+    baseUrl = "https://easybits.cloud"
+  } = options;
+  const html = buildDeployHtml(sections, theme, customColors);
+  const res = await fetch(`${baseUrl}/api/v2/websites`, {
+    method: "POST",
+    headers: {
+      "Content-Type": "application/json",
+      Authorization: `Bearer ${apiKey}`
+    },
+    body: JSON.stringify({ slug, html })
+  });
+  if (!res.ok) {
+    const error = await res.json().catch(() => ({ error: "Deploy failed" }));
+    throw new Error(error.error || "Deploy failed");
+  }
+  const data = await res.json();
+  return data.url || `https://${slug}.easybits.cloud`;
+}
+export {
+  deployToS3,
+  deployToEasyBits
+};
+//# sourceMappingURL=chunk-LQ65H4AO.js.map

package/dist/chunk-LQ65H4AO.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["../src/deploy.ts"],"sourcesContent":["import { buildDeployHtml } from \"./buildHtml\";\nimport type { Section3 } from \"./types\";\nimport type { CustomColors } from \"./themes\";\n\nexport interface DeployToS3Options {\n /** The sections to deploy */\n sections: Section3[];\n /** Theme ID */\n theme?: string;\n /** Custom colors (when theme is \"custom\") */\n customColors?: CustomColors;\n /** S3-compatible upload function. Receives the HTML string, returns the URL */\n upload: (html: string) => Promise<string>;\n}\n\n/**\n * Deploy a landing page to any S3-compatible storage.\n * The consumer provides their own upload function.\n */\nexport async function deployToS3(options: DeployToS3Options): Promise<string> {\n const { sections, theme, customColors, upload } = options;\n const html = buildDeployHtml(sections, theme, customColors);\n return upload(html);\n}\n\nexport interface DeployToEasyBitsOptions {\n /** EasyBits API key */\n apiKey: string;\n /** Website slug (e.g. \"my-landing\" → my-landing.easybits.cloud) */\n slug: string;\n /** The sections to deploy */\n sections: Section3[];\n /** Theme ID */\n theme?: string;\n /** Custom colors (when theme is \"custom\") */\n customColors?: CustomColors;\n /** EasyBits API base URL (default: https://easybits.cloud) */\n baseUrl?: string;\n}\n\n/**\n * Deploy a landing page to EasyBits hosting (slug.easybits.cloud).\n * Uses the EasyBits API to create/update a website.\n */\nexport async function deployToEasyBits(options: DeployToEasyBitsOptions): Promise<string> {\n const {\n apiKey,\n slug,\n sections,\n theme,\n customColors,\n baseUrl = \"https://easybits.cloud\",\n } = options;\n\n const html = buildDeployHtml(sections, theme, customColors);\n\n const res = await fetch(`${baseUrl}/api/v2/websites`, {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n Authorization: `Bearer ${apiKey}`,\n },\n body: JSON.stringify({ slug, html }),\n });\n\n if (!res.ok) {\n const error = await res.json().catch(() => ({ error: \"Deploy failed\" }));\n throw new Error(error.error || \"Deploy failed\");\n }\n\n const data = await res.json();\n return data.url || `https://${slug}.easybits.cloud`;\n}\n"],"mappings":";;;;;AAmBA,eAAsB,WAAW,SAA6C;AAC5E,QAAM,EAAE,UAAU,OAAO,cAAc,OAAO,IAAI;AAClD,QAAM,OAAO,gBAAgB,UAAU,OAAO,YAAY;AAC1D,SAAO,OAAO,IAAI;AACpB;AAqBA,eAAsB,iBAAiB,SAAmD;AACxF,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,EACZ,IAAI;AAEJ,QAAM,OAAO,gBAAgB,UAAU,OAAO,YAAY;AAE1D,QAAM,MAAM,MAAM,MAAM,GAAG,OAAO,oBAAoB;AAAA,IACpD,QAAQ;AAAA,IACR,SAAS;AAAA,MACP,gBAAgB;AAAA,MAChB,eAAe,UAAU,MAAM;AAAA,IACjC;AAAA,IACA,MAAM,KAAK,UAAU,EAAE,MAAM,KAAK,CAAC;AAAA,EACrC,CAAC;AAED,MAAI,CAAC,IAAI,IAAI;AACX,UAAM,QAAQ,MAAM,IAAI,KAAK,EAAE,MAAM,OAAO,EAAE,OAAO,gBAAgB,EAAE;AACvE,UAAM,IAAI,MAAM,MAAM,SAAS,eAAe;AAAA,EAChD;AAEA,QAAM,OAAO,MAAM,IAAI,KAAK;AAC5B,SAAO,KAAK,OAAO,WAAW,IAAI;AACpC;","names":[]}

package/{src/generate.ts → dist/chunk-PK26CWDO.js} RENAMED Viewed

@@ -1,25 +1,24 @@
+import {
+  findImageSlots,
+  generateImage,
+  searchImage
+} from "./chunk-5HSVOF2J.js";
+// src/generate.ts
 import { streamText } from "ai";
 import { createAnthropic } from "@ai-sdk/anthropic";
 import { nanoid } from "nanoid";
-import { findImageSlots } from "./images/enrichImages";
-import { searchImage } from "./images/pexels";
-import { generateImage } from "./images/dalleImages";
-import type { Section3 } from "./types";
-async function resolveModel(opts: { openaiApiKey?: string; anthropicApiKey?: string; modelId?: string; defaultOpenai: string; defaultAnthropic: string }) {
+async function resolveModel(opts) {
   const openaiKey = opts.openaiApiKey || process.env.OPENAI_API_KEY;
   if (openaiKey) {
     const { createOpenAI } = await import("@ai-sdk/openai");
     const openai = createOpenAI({ apiKey: openaiKey });
     return openai(opts.modelId || opts.defaultOpenai);
   }
-  const anthropic = opts.anthropicApiKey
-    ? createAnthropic({ apiKey: opts.anthropicApiKey })
-    : createAnthropic();
+  const anthropic = opts.anthropicApiKey ? createAnthropic({ apiKey: opts.anthropicApiKey }) : createAnthropic();
   return anthropic(opts.modelId || opts.defaultAnthropic);
 }
-export const SYSTEM_PROMPT = `You are a world-class web designer who creates AWARD-WINNING landing pages. Your designs win Awwwards, FWA, and CSS Design Awards. You think in terms of visual hierarchy, whitespace, and emotional impact.
+var SYSTEM_PROMPT = `You are a world-class web designer who creates AWARD-WINNING landing pages. Your designs win Awwwards, FWA, and CSS Design Awards. You think in terms of visual hierarchy, whitespace, and emotional impact.
 RULES:
 - Each section is a complete <section> tag with Tailwind CSS classes
@@ -28,24 +27,24 @@ RULES:
 - Each section must be independent and self-contained
 - Responsive: mobile-first with sm/md/lg/xl breakpoints
 - All text content in Spanish unless the prompt specifies otherwise
-- Use real-looking content (not Lorem ipsum) — make it specific to the prompt
+- Use real-looking content (not Lorem ipsum) \u2014 make it specific to the prompt
-IMAGES — CRITICAL:
+IMAGES \u2014 CRITICAL:
 - Use <img data-image-query="english search query" alt="description" class="..."/>
-- NEVER include a src attribute — the system auto-replaces data-image-query with a real image URL
+- NEVER include a src attribute \u2014 the system auto-replaces data-image-query with a real image URL
 - For avatar-like elements, use colored divs with initials instead of img tags (e.g. <div class="w-10 h-10 rounded-full bg-primary flex items-center justify-center text-on-primary font-bold">JD</div>)
-COLOR SYSTEM — CRITICAL (READ CAREFULLY):
+COLOR SYSTEM \u2014 CRITICAL (READ CAREFULLY):
 - Use semantic color classes: bg-primary, text-primary, bg-primary-light, bg-primary-dark, text-on-primary, bg-surface, bg-surface-alt, text-on-surface, text-on-surface-muted, bg-secondary, text-secondary, bg-accent, text-accent
 - NEVER use hardcoded Tailwind color classes: NO bg-gray-*, bg-black, bg-white, bg-indigo-*, bg-blue-*, bg-purple-*, text-gray-*, text-black, text-white, etc.
 - The ONLY exception: border-gray-200 or border-gray-700 for subtle dividers.
 - ALL backgrounds MUST use: bg-primary, bg-primary-dark, bg-surface, bg-surface-alt
 - ALL text MUST use: text-on-surface, text-on-surface-muted, text-on-primary, text-primary, text-accent
-- CONTRAST RULE: on bg-primary or bg-primary-dark → use text-on-primary. On bg-surface or bg-surface-alt → use text-on-surface or text-on-surface-muted. NEVER put text-on-surface on bg-primary or vice versa.
+- CONTRAST RULE: on bg-primary or bg-primary-dark \u2192 use text-on-primary. On bg-surface or bg-surface-alt \u2192 use text-on-surface or text-on-surface-muted. NEVER put text-on-surface on bg-primary or vice versa. text-accent is decorative \u2014 use sparingly on bg-surface/bg-surface-alt only.
 - For gradients: from-primary to-primary-dark, from-surface to-surface-alt
 - For hover: hover:bg-primary-dark, hover:bg-primary-light
-DESIGN PHILOSOPHY — what separates good from GREAT:
+DESIGN PHILOSOPHY \u2014 what separates good from GREAT:
 - WHITESPACE is your best friend. Generous padding (py-24, py-32, px-8). Let elements breathe.
 - CONTRAST: mix dark sections with light ones. Alternate bg-primary and bg-surface sections.
 - TYPOGRAPHY: use extreme size differences for hierarchy (text-7xl headline next to text-sm label)
@@ -54,37 +53,31 @@ DESIGN PHILOSOPHY — what separates good from GREAT:
 - TEXTURE: use subtle patterns, gradients, border treatments, rounded-3xl mixed with sharp edges
 - Each section should have a COMPLETELY DIFFERENT layout from the others
-HERO SECTION — your masterpiece:
+HERO SECTION \u2014 your masterpiece:
 - Bento-grid or asymmetric layout, NOT a generic centered hero
 - Large headline block + smaller stat/metric cards in a grid
 - Real social proof: "2,847+ users", avatar stack (colored divs with initials), star ratings
 - Bold oversized headline (text-6xl/7xl font-black leading-none)
 - Tag/label above headline (uppercase, tracking-wider, text-xs)
-- 2 CTAs: primary (large, with → arrow) + secondary (ghost/outlined)
+- 2 CTAs: primary (large, with \u2192 arrow) + secondary (ghost/outlined)
 - Real image via data-image-query
 - Min height: min-h-[90vh] with generous padding
 TAILWIND v3 NOTES:
 - Standard Tailwind v3 classes (shadow-sm, shadow-md, rounded-md, etc.)
 - Borders: border + border-gray-200 for visible borders`;
+var PROMPT_SUFFIX = `
-export const PROMPT_SUFFIX = `
-OUTPUT FORMAT: NDJSON — one JSON object per line, NO wrapper array, NO markdown fences.
+OUTPUT FORMAT: NDJSON \u2014 one JSON object per line, NO wrapper array, NO markdown fences.
 Each line: {"label": "Short Label", "html": "<section>...</section>"}
 Generate 7-9 sections. Always start with Hero and end with Footer.
-IMPORTANT: Make each section VISUALLY UNIQUE — different layouts, different background colors, different grid structures.
+IMPORTANT: Make each section VISUALLY UNIQUE \u2014 different layouts, different background colors, different grid structures.
 Think like a premium design agency creating a $50K landing page.
 NO generic Bootstrap layouts. Use creative grids, bento layouts, overlapping elements, asymmetric columns.`;
-/**
- * Extract complete JSON objects from accumulated text using brace-depth tracking.
- */
-export function extractJsonObjects(text: string): [any[], string] {
-  const objects: any[] = [];
+function extractJsonObjects(text) {
+  const objects = [];
   let remaining = text;
   while (remaining.length > 0) {
     remaining = remaining.trimStart();
     if (!remaining.startsWith("{")) {
@@ -93,69 +86,45 @@ export function extractJsonObjects(text: string): [any[], string] {
       remaining = remaining.slice(nextBrace);
       continue;
     }
     let depth = 0;
     let inString = false;
     let escape = false;
     let end = -1;
     for (let i = 0; i < remaining.length; i++) {
       const ch = remaining[i];
-      if (escape) { escape = false; continue; }
-      if (ch === "\\") { escape = true; continue; }
-      if (ch === '"') { inString = !inString; continue; }
+      if (escape) {
+        escape = false;
+        continue;
+      }
+      if (ch === "\\") {
+        escape = true;
+        continue;
+      }
+      if (ch === '"') {
+        inString = !inString;
+        continue;
+      }
       if (inString) continue;
       if (ch === "{") depth++;
-      if (ch === "}") { depth--; if (depth === 0) { end = i; break; } }
+      if (ch === "}") {
+        depth--;
+        if (depth === 0) {
+          end = i;
+          break;
+        }
+      }
     }
     if (end === -1) break;
     const candidate = remaining.slice(0, end + 1);
     remaining = remaining.slice(end + 1);
     try {
       objects.push(JSON.parse(candidate));
     } catch {
-      // malformed, skip
     }
   }
   return [objects, remaining];
 }
-export interface GenerateOptions {
-  /** Anthropic API key. Falls back to ANTHROPIC_API_KEY env var */
-  anthropicApiKey?: string;
-  /** OpenAI API key. If provided, uses GPT-4o instead of Claude */
-  openaiApiKey?: string;
-  /** Landing page description prompt */
-  prompt: string;
-  /** Reference image (base64 data URI) for vision-based generation */
-  referenceImage?: string;
-  /** Extra instructions appended to the prompt */
-  extraInstructions?: string;
-  /** Custom system prompt (overrides default SYSTEM_PROMPT) */
-  systemPrompt?: string;
-  /** Model ID (default: gpt-4o for OpenAI, claude-sonnet-4-6 for Anthropic) */
-  model?: string;
-  /** Pexels API key for image enrichment. Falls back to PEXELS_API_KEY env var */
-  pexelsApiKey?: string;
-  /** Called when a new section is parsed from the stream */
-  onSection?: (section: Section3) => void;
-  /** Called when a section's images are enriched */
-  onImageUpdate?: (sectionId: string, html: string) => void;
-  /** Called when generation is complete */
-  onDone?: (sections: Section3[]) => void;
-  /** Called on error */
-  onError?: (error: Error) => void;
-}
-/**
- * Generate a landing page with streaming AI + image enrichment.
- * Returns all generated sections when complete.
- */
-export async function generateLanding(options: GenerateOptions): Promise<Section3[]> {
+async function generateLanding(options) {
   const {
     anthropicApiKey,
     openaiApiKey: _openaiApiKey,
@@ -168,60 +137,49 @@ export async function generateLanding(options: GenerateOptions): Promise<Section
     onSection,
     onImageUpdate,
     onDone,
-    onError,
+    onError
   } = options;
   const openaiApiKey = _openaiApiKey || process.env.OPENAI_API_KEY;
   const model = await resolveModel({ openaiApiKey, anthropicApiKey, modelId, defaultOpenai: "gpt-4o", defaultAnthropic: "claude-sonnet-4-6" });
-  // Build prompt content (supports multimodal with reference image)
-  const extra = extraInstructions ? `\nAdditional instructions: ${extraInstructions}` : "";
-  const content: any[] = [];
+  const extra = extraInstructions ? `
+Additional instructions: ${extraInstructions}` : "";
+  const content = [];
   if (referenceImage) {
     content.push({ type: "image", image: referenceImage });
     content.push({
       type: "text",
-      text: `Generate a landing page inspired by this reference image for: ${prompt}${extra}${PROMPT_SUFFIX}`,
+      text: `Generate a landing page inspired by this reference image for: ${prompt}${extra}${PROMPT_SUFFIX}`
     });
   } else {
     content.push({
       type: "text",
-      text: `Generate a landing page for: ${prompt}${extra}${PROMPT_SUFFIX}`,
+      text: `Generate a landing page for: ${prompt}${extra}${PROMPT_SUFFIX}`
     });
   }
   const result = streamText({
     model,
     system: systemPrompt,
-    messages: [{ role: "user", content }],
+    messages: [{ role: "user", content }]
   });
-  const allSections: Section3[] = [];
-  const imagePromises: Promise<void>[] = [];
+  const allSections = [];
+  const imagePromises = [];
   let sectionOrder = 0;
   let buffer = "";
   try {
     for await (const chunk of result.textStream) {
       buffer += chunk;
       const [objects, remaining] = extractJsonObjects(buffer);
       buffer = remaining;
       for (const obj of objects) {
         if (!obj.html || !obj.label) continue;
-        const section: Section3 = {
+        const section = {
           id: nanoid(8),
           order: sectionOrder++,
           html: obj.html,
-          label: obj.label,
+          label: obj.label
         };
         allSections.push(section);
         onSection?.(section);
-        // Enrich images (DALL-E if openaiApiKey, otherwise Pexels)
         const slots = findImageSlots(section.html);
         if (slots.length > 0) {
           const sectionRef = section;
@@ -230,7 +188,7 @@ export async function generateLanding(options: GenerateOptions): Promise<Section
             (async () => {
               const results = await Promise.allSettled(
                 slotsSnapshot.map(async (slot) => {
-                  let url: string | null = null;
+                  let url = null;
                   if (openaiApiKey) {
                     url = await generateImage(slot.query, openaiApiKey).catch(() => null);
                   }
@@ -259,37 +217,38 @@ export async function generateLanding(options: GenerateOptions): Promise<Section
         }
       }
     }
-    // Parse remaining buffer
     if (buffer.trim()) {
       let cleaned = buffer.trim();
       if (cleaned.startsWith("```")) {
-        cleaned = cleaned
-          .replace(/^```(?:json)?\s*/, "")
-          .replace(/\s*```$/, "");
+        cleaned = cleaned.replace(/^```(?:json)?\s*/, "").replace(/\s*```$/, "");
       }
       const [lastObjects] = extractJsonObjects(cleaned);
       for (const obj of lastObjects) {
         if (!obj.html || !obj.label) continue;
-        const section: Section3 = {
+        const section = {
           id: nanoid(8),
           order: sectionOrder++,
           html: obj.html,
-          label: obj.label,
+          label: obj.label
         };
         allSections.push(section);
         onSection?.(section);
       }
     }
-    // Wait for image enrichment
     await Promise.allSettled(imagePromises);
     onDone?.(allSections);
     return allSections;
-  } catch (err: any) {
+  } catch (err) {
     const error = err instanceof Error ? err : new Error(err?.message || "Generation failed");
     onError?.(error);
     throw error;
   }
 }
+export {
+  SYSTEM_PROMPT,
+  PROMPT_SUFFIX,
+  extractJsonObjects,
+  generateLanding
+};
+//# sourceMappingURL=chunk-PK26CWDO.js.map

package/dist/chunk-PK26CWDO.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["../src/generate.ts"],"sourcesContent":["import { streamText } from \"ai\";\nimport { createAnthropic } from \"@ai-sdk/anthropic\";\nimport { nanoid } from \"nanoid\";\nimport { findImageSlots } from \"./images/enrichImages\";\nimport { searchImage } from \"./images/pexels\";\nimport { generateImage } from \"./images/dalleImages\";\nimport type { Section3 } from \"./types\";\n\nasync function resolveModel(opts: { openaiApiKey?: string; anthropicApiKey?: string; modelId?: string; defaultOpenai: string; defaultAnthropic: string }) {\n const openaiKey = opts.openaiApiKey || process.env.OPENAI_API_KEY;\n if (openaiKey) {\n const { createOpenAI } = await import(\"@ai-sdk/openai\");\n const openai = createOpenAI({ apiKey: openaiKey });\n return openai(opts.modelId || opts.defaultOpenai);\n }\n const anthropic = opts.anthropicApiKey\n ? createAnthropic({ apiKey: opts.anthropicApiKey })\n : createAnthropic();\n return anthropic(opts.modelId || opts.defaultAnthropic);\n}\n\nexport const SYSTEM_PROMPT = `You are a world-class web designer who creates AWARD-WINNING landing pages. Your designs win Awwwards, FWA, and CSS Design Awards. You think in terms of visual hierarchy, whitespace, and emotional impact.\n\nRULES:\n- Each section is a complete <section> tag with Tailwind CSS classes\n- Use Tailwind CDN classes ONLY (no custom CSS, no @apply, no @import, no @tailwind directives)\n- NO JavaScript, only HTML+Tailwind\n- Each section must be independent and self-contained\n- Responsive: mobile-first with sm/md/lg/xl breakpoints\n- All text content in Spanish unless the prompt specifies otherwise\n- Use real-looking content (not Lorem ipsum) — make it specific to the prompt\n\nIMAGES — CRITICAL:\n- Use <img data-image-query=\"english search query\" alt=\"description\" class=\"...\"/>\n- NEVER include a src attribute — the system auto-replaces data-image-query with a real image URL\n- For avatar-like elements, use colored divs with initials instead of img tags (e.g. <div class=\"w-10 h-10 rounded-full bg-primary flex items-center justify-center text-on-primary font-bold\">JD</div>)\n\nCOLOR SYSTEM — CRITICAL (READ CAREFULLY):\n- Use semantic color classes: bg-primary, text-primary, bg-primary-light, bg-primary-dark, text-on-primary, bg-surface, bg-surface-alt, text-on-surface, text-on-surface-muted, bg-secondary, text-secondary, bg-accent, text-accent\n- NEVER use hardcoded Tailwind color classes: NO bg-gray-*, bg-black, bg-white, bg-indigo-*, bg-blue-*, bg-purple-*, text-gray-*, text-black, text-white, etc.\n- The ONLY exception: border-gray-200 or border-gray-700 for subtle dividers.\n- ALL backgrounds MUST use: bg-primary, bg-primary-dark, bg-surface, bg-surface-alt\n- ALL text MUST use: text-on-surface, text-on-surface-muted, text-on-primary, text-primary, text-accent\n- CONTRAST RULE: on bg-primary or bg-primary-dark → use text-on-primary. On bg-surface or bg-surface-alt → use text-on-surface or text-on-surface-muted. NEVER put text-on-surface on bg-primary or vice versa. text-accent is decorative — use sparingly on bg-surface/bg-surface-alt only.\n- For gradients: from-primary to-primary-dark, from-surface to-surface-alt\n- For hover: hover:bg-primary-dark, hover:bg-primary-light\n\nDESIGN PHILOSOPHY — what separates good from GREAT:\n- WHITESPACE is your best friend. Generous padding (py-24, py-32, px-8). Let elements breathe.\n- CONTRAST: mix dark sections with light ones. Alternate bg-primary and bg-surface sections.\n- TYPOGRAPHY: use extreme size differences for hierarchy (text-7xl headline next to text-sm label)\n- DEPTH: overlapping elements, negative margins (-mt-12), z-index layering, shadows\n- ASYMMETRY: avoid centering everything. Use grid-cols-5 with col-span-3 + col-span-2. Offset elements.\n- TEXTURE: use subtle patterns, gradients, border treatments, rounded-3xl mixed with sharp edges\n- Each section should have a COMPLETELY DIFFERENT layout from the others\n\nHERO SECTION — your masterpiece:\n- Bento-grid or asymmetric layout, NOT a generic centered hero\n- Large headline block + smaller stat/metric cards in a grid\n- Real social proof: \"2,847+ users\", avatar stack (colored divs with initials), star ratings\n- Bold oversized headline (text-6xl/7xl font-black leading-none)\n- Tag/label above headline (uppercase, tracking-wider, text-xs)\n- 2 CTAs: primary (large, with → arrow) + secondary (ghost/outlined)\n- Real image via data-image-query\n- Min height: min-h-[90vh] with generous padding\n\nTAILWIND v3 NOTES:\n- Standard Tailwind v3 classes (shadow-sm, shadow-md, rounded-md, etc.)\n- Borders: border + border-gray-200 for visible borders`;\n\nexport const PROMPT_SUFFIX = `\n\nOUTPUT FORMAT: NDJSON — one JSON object per line, NO wrapper array, NO markdown fences.\nEach line: {\"label\": \"Short Label\", \"html\": \"<section>...</section>\"}\n\nGenerate 7-9 sections. Always start with Hero and end with Footer.\nIMPORTANT: Make each section VISUALLY UNIQUE — different layouts, different background colors, different grid structures.\nThink like a premium design agency creating a $50K landing page.\nNO generic Bootstrap layouts. Use creative grids, bento layouts, overlapping elements, asymmetric columns.`;\n\n/**\n * Extract complete JSON objects from accumulated text using brace-depth tracking.\n */\nexport function extractJsonObjects(text: string): [any[], string] {\n const objects: any[] = [];\n let remaining = text;\n\n while (remaining.length > 0) {\n remaining = remaining.trimStart();\n if (!remaining.startsWith(\"{\")) {\n const nextBrace = remaining.indexOf(\"{\");\n if (nextBrace === -1) break;\n remaining = remaining.slice(nextBrace);\n continue;\n }\n\n let depth = 0;\n let inString = false;\n let escape = false;\n let end = -1;\n\n for (let i = 0; i < remaining.length; i++) {\n const ch = remaining[i];\n if (escape) { escape = false; continue; }\n if (ch === \"\\\\\") { escape = true; continue; }\n if (ch === '\"') { inString = !inString; continue; }\n if (inString) continue;\n if (ch === \"{\") depth++;\n if (ch === \"}\") { depth--; if (depth === 0) { end = i; break; } }\n }\n\n if (end === -1) break;\n\n const candidate = remaining.slice(0, end + 1);\n remaining = remaining.slice(end + 1);\n\n try {\n objects.push(JSON.parse(candidate));\n } catch {\n // malformed, skip\n }\n }\n\n return [objects, remaining];\n}\n\nexport interface GenerateOptions {\n /** Anthropic API key. Falls back to ANTHROPIC_API_KEY env var */\n anthropicApiKey?: string;\n /** OpenAI API key. If provided, uses GPT-4o instead of Claude */\n openaiApiKey?: string;\n /** Landing page description prompt */\n prompt: string;\n /** Reference image (base64 data URI) for vision-based generation */\n referenceImage?: string;\n /** Extra instructions appended to the prompt */\n extraInstructions?: string;\n /** Custom system prompt (overrides default SYSTEM_PROMPT) */\n systemPrompt?: string;\n /** Model ID (default: gpt-4o for OpenAI, claude-sonnet-4-6 for Anthropic) */\n model?: string;\n /** Pexels API key for image enrichment. Falls back to PEXELS_API_KEY env var */\n pexelsApiKey?: string;\n /** Called when a new section is parsed from the stream */\n onSection?: (section: Section3) => void;\n /** Called when a section's images are enriched */\n onImageUpdate?: (sectionId: string, html: string) => void;\n /** Called when generation is complete */\n onDone?: (sections: Section3[]) => void;\n /** Called on error */\n onError?: (error: Error) => void;\n}\n\n/**\n * Generate a landing page with streaming AI + image enrichment.\n * Returns all generated sections when complete.\n */\nexport async function generateLanding(options: GenerateOptions): Promise<Section3[]> {\n const {\n anthropicApiKey,\n openaiApiKey: _openaiApiKey,\n prompt,\n referenceImage,\n extraInstructions,\n systemPrompt = SYSTEM_PROMPT,\n model: modelId,\n pexelsApiKey,\n onSection,\n onImageUpdate,\n onDone,\n onError,\n } = options;\n\n const openaiApiKey = _openaiApiKey || process.env.OPENAI_API_KEY;\n const model = await resolveModel({ openaiApiKey, anthropicApiKey, modelId, defaultOpenai: \"gpt-4o\", defaultAnthropic: \"claude-sonnet-4-6\" });\n\n // Build prompt content (supports multimodal with reference image)\n const extra = extraInstructions ? `\\nAdditional instructions: ${extraInstructions}` : \"\";\n const content: any[] = [];\n if (referenceImage) {\n content.push({ type: \"image\", image: referenceImage });\n content.push({\n type: \"text\",\n text: `Generate a landing page inspired by this reference image for: ${prompt}${extra}${PROMPT_SUFFIX}`,\n });\n } else {\n content.push({\n type: \"text\",\n text: `Generate a landing page for: ${prompt}${extra}${PROMPT_SUFFIX}`,\n });\n }\n\n const result = streamText({\n model,\n system: systemPrompt,\n messages: [{ role: \"user\", content }],\n });\n\n const allSections: Section3[] = [];\n const imagePromises: Promise<void>[] = [];\n let sectionOrder = 0;\n let buffer = \"\";\n\n try {\n for await (const chunk of result.textStream) {\n buffer += chunk;\n\n const [objects, remaining] = extractJsonObjects(buffer);\n buffer = remaining;\n\n for (const obj of objects) {\n if (!obj.html || !obj.label) continue;\n\n const section: Section3 = {\n id: nanoid(8),\n order: sectionOrder++,\n html: obj.html,\n label: obj.label,\n };\n\n allSections.push(section);\n onSection?.(section);\n\n // Enrich images (DALL-E if openaiApiKey, otherwise Pexels)\n const slots = findImageSlots(section.html);\n if (slots.length > 0) {\n const sectionRef = section;\n const slotsSnapshot = slots.map((s) => ({ ...s }));\n imagePromises.push(\n (async () => {\n const results = await Promise.allSettled(\n slotsSnapshot.map(async (slot) => {\n let url: string | null = null;\n if (openaiApiKey) {\n url = await generateImage(slot.query, openaiApiKey).catch(() => null);\n }\n if (!url) {\n const img = await searchImage(slot.query, pexelsApiKey).catch(() => null);\n url = img?.url || null;\n }\n url ??= `https://placehold.co/800x500/1f2937/9ca3af?text=${encodeURIComponent(slot.query.slice(0, 30))}`;\n return { slot, url };\n })\n );\n let html = sectionRef.html;\n for (const r of results) {\n if (r.status === \"fulfilled\" && r.value) {\n const { slot, url } = r.value;\n const replacement = slot.replaceStr.replace(\"{url}\", url);\n html = html.replaceAll(slot.searchStr, replacement);\n }\n }\n if (html !== sectionRef.html) {\n sectionRef.html = html;\n onImageUpdate?.(sectionRef.id, html);\n }\n })()\n );\n }\n }\n }\n\n // Parse remaining buffer\n if (buffer.trim()) {\n let cleaned = buffer.trim();\n if (cleaned.startsWith(\"```\")) {\n cleaned = cleaned\n .replace(/^```(?:json)?\\s*/, \"\")\n .replace(/\\s*```$/, \"\");\n }\n const [lastObjects] = extractJsonObjects(cleaned);\n for (const obj of lastObjects) {\n if (!obj.html || !obj.label) continue;\n const section: Section3 = {\n id: nanoid(8),\n order: sectionOrder++,\n html: obj.html,\n label: obj.label,\n };\n allSections.push(section);\n onSection?.(section);\n }\n }\n\n // Wait for image enrichment\n await Promise.allSettled(imagePromises);\n\n onDone?.(allSections);\n return allSections;\n } catch (err: any) {\n const error = err instanceof Error ? err : new Error(err?.message || \"Generation failed\");\n onError?.(error);\n throw error;\n }\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-RTGCZUNJ.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ //# sourceMappingURL=chunk-RTGCZUNJ.js.map

package/dist/chunk-RTGCZUNJ.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}