@yysng/ai-edit-engine 2.2.2 → 2.3.0

package/dist/client/index.d.ts

@@ -0,0 +1 @@
+export declare function mountAiEditor(root: HTMLElement): void;

package/dist/client/index.js

@@ -0,0 +1,63 @@
+export function mountAiEditor(root) {
+    root.innerHTML = `
+    <h1>AI Editor</h1>
+
+    <select id="ai-section">
+      <option value="hero">Hero</option>
+      <option value="cta">CTA</option>
+    </select>
+
+    <br/><br/>
+
+    <textarea id="ai-input" placeholder="Describe your change..."></textarea>
+
+    <br/><br/>
+
+    <button id="ai-apply">Apply Change</button>
+    <span id="ai-status"></span>
+
+    <pre id="ai-output"></pre>
+  `;
+    const textarea = root.querySelector("#ai-input");
+    const button = root.querySelector("#ai-apply");
+    const output = root.querySelector("#ai-output");
+    const select = root.querySelector("#ai-section");
+    const status = root.querySelector("#ai-status");
+    if (!textarea || !button || !output || !select || !status) {
+        throw new Error("AI Editor UI failed to mount");
+    }
+    button.addEventListener("click", async () => {
+        const instruction = textarea.value;
+        const section = select.value;
+        button.disabled = true;
+        status.textContent = `Editing ${section}...`;
+        try {
+            // 1️⃣ Generate
+            const genRes = await fetch("/api/ai-generate", {
+                method: "POST",
+                headers: { "Content-Type": "application/json" },
+                body: JSON.stringify({ instruction, section })
+            });
+            const data = await genRes.json();
+            output.textContent = JSON.stringify(data, null, 2);
+            // 2️⃣ Live preview
+            window.dispatchEvent(new CustomEvent("ai-preview", {
+                detail: { section, data }
+            }));
+            // 3️⃣ Persist
+            await fetch("/api/ai-edit", {
+                method: "POST",
+                headers: { "Content-Type": "application/json" },
+                body: JSON.stringify({ section, content: data })
+            });
+            status.textContent = `Saved to ${section}`;
+        }
+        catch (err) {
+            console.error(err);
+            status.textContent = "Error applying change";
+        }
+        finally {
+            button.disabled = false;
+        }
+    });
+}

package/dist/core/edit.d.ts

@@ -0,0 +1,2 @@
+export type UpdateContentFn = (section: string, content: any, runtimeEnv: any) => Promise<any>;
+export declare function editContent(section: string, content: any, runtimeEnv: any, updateContent: UpdateContentFn): Promise<any>;

package/dist/core/edit.js

@@ -0,0 +1,3 @@
+export async function editContent(section, content, runtimeEnv, updateContent) {
+    return await updateContent(section, content, runtimeEnv);
+}

package/dist/core/generate.d.ts

@@ -0,0 +1 @@
+export declare function generateContent(section: "hero" | "cta", instruction: string, runtimeEnv: any): Promise<any>;

package/dist/core/generate.js

@@ -0,0 +1,51 @@
+import OpenAI from "openai";
+export async function generateContent(section, instruction, runtimeEnv) {
+    const client = new OpenAI({
+        apiKey: runtimeEnv.OPENAI_API_KEY
+    });
+    if (!client.apiKey) {
+        throw new Error("Missing OPENAI_API_KEY");
+    }
+    if (section === "cta") {
+        const prompt = `
+Return JSON ONLY:
+{
+  "heading": string,
+  "description": string,
+  "button": { "label": string, "href": string }
+}
+
+User instruction:
+${instruction}
+`;
+        const completion = await client.chat.completions.create({
+            model: "gpt-4o-mini",
+            messages: [{ role: "user", content: prompt }],
+            temperature: 0.7
+        });
+        const raw = completion.choices[0].message.content;
+        if (!raw)
+            throw new Error("OpenAI returned empty content");
+        return JSON.parse(raw);
+    }
+    const heroPrompt = `
+Return JSON ONLY:
+{
+  "title": string,
+  "subtitle": string,
+  "cta": { "label": string, "href": string }
+}
+
+User instruction:
+${instruction}
+`;
+    const completion = await client.chat.completions.create({
+        model: "gpt-4o-mini",
+        messages: [{ role: "user", content: heroPrompt }],
+        temperature: 0.7
+    });
+    const raw = completion.choices[0].message.content;
+    if (!raw)
+        throw new Error("OpenAI returned empty content");
+    return JSON.parse(raw);
+}

package/dist/index.d.ts

@@ -0,0 +1 @@
+export * from "./server/index.js";

package/dist/index.js

@@ -0,0 +1 @@
+export * from "./server/index.js";

package/dist/server/index.d.ts

@@ -0,0 +1,3 @@
+export { handleEdit } from "./routes/edit.js";
+export { handleGenerate } from "./routes/generate.js";
+export { handleUI } from "./routes/ui.js";

package/dist/server/index.js

@@ -0,0 +1,3 @@
+export { handleEdit } from "./routes/edit.js";
+export { handleGenerate } from "./routes/generate.js";
+export { handleUI } from "./routes/ui.js";

package/dist/server/routes/edit.d.ts

@@ -0,0 +1 @@
+export declare function handleEdit(request: Request, env: any): Promise<Response>;

package/dist/server/routes/edit.js

@@ -0,0 +1,11 @@
+import { editContent } from "../../core/edit.js";
+export async function handleEdit(request, env) {
+    const { section, content } = await request.json();
+    // The client will inject this at runtime
+    const updateContent = env.UPDATE_CONTENT;
+    if (!updateContent) {
+        throw new Error("UPDATE_CONTENT not provided to engine");
+    }
+    const result = await editContent(section, content, env, updateContent);
+    return Response.json({ result });
+}

package/dist/server/routes/generate.d.ts

@@ -0,0 +1 @@
+export declare function handleGenerate(request: Request, env: any): Promise<Response>;

package/dist/server/routes/generate.js

@@ -0,0 +1,6 @@
+import { generateContent } from "../../core/generate.js";
+export async function handleGenerate(request, env) {
+    const { section, instruction } = await request.json();
+    const result = await generateContent(section, instruction, env);
+    return Response.json(result);
+}

package/dist/server/routes/ui.d.ts

@@ -0,0 +1 @@
+export declare function handleUI(): Response;

package/dist/server/routes/ui.js

@@ -0,0 +1,15 @@
+export function handleUI() {
+    return new Response(`
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <title>AI Editor</title>
+  </head>
+  <body>
+    <div id="ai-editor-root"></div>
+    <script type="module" src="/__ai_edit_ui_app.js"></script>
+  </body>
+</html>
+`, { headers: { "Content-Type": "text/html" } });
+}

package/dist/ui/index.d.ts

@@ -0,0 +1 @@
+export declare function renderEditor(root: HTMLElement): void;

package/dist/ui/index.js

@@ -0,0 +1,19 @@
+export function renderEditor(root) {
+    root.innerHTML = `
+    <div style="font-family: system-ui; max-width: 900px; margin: 2rem auto">
+      <h1>AI Editor</h1>
+
+      <textarea id="instruction" rows="4" style="width:100%" placeholder="Describe your change..."></textarea>
+
+      <div style="margin-top:1rem">
+        <button id="ping">Ping Engine</button>
+        <span id="status" style="margin-left:1rem;color:#555"></span>
+      </div>
+    </div>
+  `;
+    const status = root.querySelector("#status");
+    const btn = root.querySelector("#ping");
+    btn.addEventListener("click", () => {
+        status.textContent = "Engine connected successfully.";
+    });
+}

package/package.json

@@ -1,46 +1,36 @@
 {
   "name": "@yysng/ai-edit-engine",
-  "version": "2.2.2",
+  "version": "2.3.0",
   "type": "module",
-  "description": "AI Editing Engine for Astro sites (generation, validation, content mutation, Cloudflare-safe)",
+  "sideEffects": false,
+
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+
   "exports": {
     ".": {
-      "edge": "./runtime/edge/index.js",
-      "import": "./runtime/edge/index.js",
-      "node": "./runtime/node/index.js",
-      "default": "./runtime/edge/index.js"
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
     },
-    "./api": {
-      "edge": "./runtime/edge/engine/api/index.js",
-      "import": "./runtime/edge/engine/api/index.js",
-      "node": "./runtime/node/index.js",
-      "default": "./runtime/edge/engine/api/index.js"
+    "./client": {
+      "import": "./dist/client/index.js",
+      "types": "./dist/client/index.d.ts"
     },
-    "./schemas": {
-      "edge": "./runtime/edge/engine/schemas/index.js",
-      "import": "./runtime/edge/engine/schemas/index.js",
-      "node": "./runtime/edge/engine/schemas/index.js",
-      "default": "./runtime/edge/engine/schemas/index.js"
-    }
+    "./server": {
+      "import": "./dist/server/index.js",
+      "types": "./dist/server/index.d.ts"
+    },
+    "./package.json": "./package.json"
+  },
+
+  "files": ["dist"],
+
+  "scripts": {
+    "build": "tsc"
   },
-  "files": [
-    "runtime"
-  ],
+
   "dependencies": {
     "openai": "^6.13.0",
     "zod": "^3.23.8"
-  },
-  "peerDependencies": {
-    "astro": "^5.0.0",
-    "@yysng/astro-boilerplate": "^1.1.36"
-  },
-  "keywords": [
-    "astro",
-    "ai",
-    "cms",
-    "content-engine",
-    "cloudflare",
-    "ai-editor"
-  ],
-  "license": "MIT"
-}
+  }
+}

package/README.md

@@ -1,9 +0,0 @@
-## 🔐 Production Stability Lock
-
-This site is locked to:
-
-- Boilerplate: `@yysng/astro-boilerplate@1.1.36`
-- Boilerplate Tag: `stable-edge-v1`
-- Client Tag: `stable-edge-v1`
-
-Validated on 2025-12-30.

package/runtime/edge/engine/api/ai-edit.js

@@ -1,45 +0,0 @@
-export const prerender = false;
-
-import * as Engine from "@yysng/astro-boilerplate";
-
-const { updateContent } = Engine;
-
-// --------------------------------------------------
-// 🧠 ENGINE API (used by npm consumers)
-// --------------------------------------------------
-export async function editContent({ section, content, env = {} }) {
-  if (!section || !content) {
-    throw new Error("Missing section or content");
-  }
-
-  return updateContent(section, content, env);
-}
-
-// --------------------------------------------------
-// 🌐 ASTRO ENDPOINT (used by playground / client site)
-// --------------------------------------------------
-export async function POST({ request, locals }) {
-  try {
-    const body = await request.json();
-    const { section, content } = body;
-
-    const result = await editContent({
-      section,
-      content,
-      env: locals?.runtime?.env
-    });
-
-    return new Response(
-      JSON.stringify({ success: true, updated: section, result }),
-      { status: 200 }
-    );
-
-  } catch (error) {
-    console.error("AI Edit Error:", error);
-
-    return new Response(
-      JSON.stringify({ error: "Internal error", message: error.message }),
-      { status: 500 }
-    );
-  }
-}

package/runtime/edge/engine/api/ai-generate.js

@@ -1,112 +0,0 @@
-export const prerender = false;
-
-import OpenAI from "openai";
-
-// --------------------------------------------------
-// 🧠 ENGINE API (used by npm consumers)
-// --------------------------------------------------
-export async function generateContent({ instruction, section, env = {} }) {
-  if (!instruction || typeof instruction !== "string") {
-    throw new Error("Invalid instruction");
-  }
-
-  const client = new OpenAI({
-    apiKey: env.OPENAI_API_KEY
-  });
-
-  // ------------------------------
-  // CTA GENERATION
-  // ------------------------------
-  if (section === "cta") {
-    const prompt = `
-You are an AI editor responsible for updating the CTA section of a website.
-
-Rules:
-- Output JSON only
-- Follow the schema exactly
-- Prefer partial updates
-- Do not invent fields
-
-Return JSON ONLY in this exact format:
-
-{
-  "heading": string,
-  "description": string,
-  "button": {
-    "label": string,
-    "href": string
-  }
-}
-
-User instruction:
-${instruction}
-`;
-
-    const completion = await client.chat.completions.create({
-      model: "gpt-4o-mini",
-      messages: [{ role: "user", content: prompt }],
-      temperature: 0.7
-    });
-
-    return JSON.parse(completion.choices[0].message.content);
-  }
-
-  // ------------------------------
-  // HERO GENERATION
-  // ------------------------------
-  const heroPrompt = `
-You are an AI editor responsible for updating the hero section of a website.
-
-Rules:
-- Output JSON only
-- Follow the schema exactly
-- Prefer partial updates
-- Do not invent fields
-
-Return JSON ONLY in this exact format:
-
-{
-  "title": string,
-  "subtitle": string,
-  "cta": {
-    "label": string,
-    "href": string
-  }
-}
-
-User instruction:
-${instruction}
-`;
-
-  const completion = await client.chat.completions.create({
-    model: "gpt-4o-mini",
-    messages: [{ role: "user", content: heroPrompt }],
-    temperature: 0.7
-  });
-
-  return JSON.parse(completion.choices[0].message.content);
-}
-
-// --------------------------------------------------
-// 🌐 ASTRO ENDPOINT (used by playground / client site)
-// --------------------------------------------------
-export async function POST({ request, locals }) {
-  try {
-    const { instruction, section } = await request.json();
-
-    const result = await generateContent({
-      instruction,
-      section,
-      env: locals?.runtime?.env
-    });
-
-    return new Response(JSON.stringify(result), { status: 200 });
-
-  } catch (err) {
-    console.error("AI generate error:", err);
-    return new Response(
-      JSON.stringify({ error: "AI generation failed", message: err.message }),
-      { status: 500 }
-    );
-  }
-}

package/runtime/edge/engine/index.js

@@ -1 +0,0 @@
-export * from "./engine/index.js";

package/runtime/edge/engine/permissions/ai/permission.json

@@ -1,11 +0,0 @@
-{
-  "allowedEdits": [
-    "content.hero",
-    "content.design.hero"
-  ],
-  "forbidden": [
-    "src/components/**",
-    "src/layouts/**",
-    "astro.config.*"
-  ]
-}

package/runtime/node/index.js

@@ -1 +0,0 @@
-export * from "./storage/index.js";

package/runtime/node/storage/index.js

@@ -1 +0,0 @@
-export { createStorage } from "./storage.node.js";