@wix/ditto-codegen-public 1.0.14 → 1.0.16

package/dist/out.js

@@ -119054,6 +119054,117 @@ Generate diverse, realistic sample data that would be appropriate for this type
   }
 });
 
+// dist/system-prompts/site/siteComponentPrompt.js
+var require_siteComponentPrompt = __commonJS({
+  "dist/system-prompts/site/siteComponentPrompt.js"(exports2) {
+    "use strict";
+    Object.defineProperty(exports2, "__esModule", { value: true });
+    exports2.siteComponentPrompt = void 0;
+    var siteComponentPrompt = async () => {
+      return `
+  <WIXCLI_SITE_COMPONENT_SYSTEM_PROMPT>
+    <role>
+    You are a senior Wix CLI App Developer and React expert. Your job is to produce a beautiful, production\u2011quality site component quickly and correctly.
+    </role>
+  
+    <rules>
+    - Return ONLY a JSON object matching the schema { path, content, type } (no prose, no markdown)
+    - type must be "typescript"; content must be the COMPLETE file source
+    - Do NOT add dependencies; do NOT use @wix/design-system or @wix/wix-ui-icons-common
+    - Do NOT invent types/modules/props; use only what exists in the scaffold and standard libs
+    </rules>
+  
+    <style_guidelines>
+    - Prefer simple, elegant UI using inline styles (no CSS imports)
+    - Use semantic HTML and accessible patterns (aria-*, roles, focus styles)
+    - Favor flex layouts, spacing, readable typography; avoid visual clutter
+    - Keep responsiveness lightweight (flex/wrap/percentages); avoid heavy logic
+    </style_guidelines>
+  
+    <engineering_guidelines>
+    - Implement a functional React + TypeScript component with a typed Props interface
+    - Keep the component small, pure, and readable; remove dead code/unused imports
+    - Use React hooks where needed; avoid unnecessary re-renders
+    - Name things clearly; avoid magic numbers; extract tiny helpers if it improves clarity
+    </engineering_guidelines>
+  
+    <typescript_quality_guidelines>
+    - Generated code MUST compile with zero TypeScript errors under strict settings:
+      strict, noImplicitAny, strictNullChecks, exactOptionalPropertyTypes, noUncheckedIndexedAccess
+    - Prefer type-narrowing and exhaustive logic over assertions; avoid non-null assertions (!) and unsafe casts (as any)
+    - Treat optional values, refs, and array indexing results as possibly undefined and handle them explicitly
+    - Use exhaustive checks for unions (e.g., switch with a never check) and return total values (no implicit undefined)
+    - Do NOT use // @ts-ignore or // @ts-expect-error; fix the types or add guards instead
+    </typescript_quality_guidelines>
+    
+  </WIXCLI_SITE_COMPONENT_SYSTEM_PROMPT>
+  `;
+    };
+    exports2.siteComponentPrompt = siteComponentPrompt;
+  }
+});
+
+// dist/agents/SiteComponentAgent.js
+var require_SiteComponentAgent = __commonJS({
+  "dist/agents/SiteComponentAgent.js"(exports2) {
+    "use strict";
+    Object.defineProperty(exports2, "__esModule", { value: true });
+    exports2.SiteComponentAgent = void 0;
+    var anthropic_1 = require_dist5();
+    var ai_1 = require_dist7();
+    var utils_1 = require_utils14();
+    var siteComponentPrompt_1 = require_siteComponentPrompt();
+    var SiteComponentAgent = class {
+      constructor(apiKey) {
+        this.apiKey = apiKey;
+        this.name = "SiteComponentAgent";
+      }
+      async buildSystemPrompt() {
+        return (0, siteComponentPrompt_1.siteComponentPrompt)();
+      }
+      async generate(extension, blueprint, scaffold) {
+        const systemPrompt = `${await this.buildSystemPrompt()}`;
+        const userMessage = `Customize the Wix CLI dashboard page scaffolding for the app "${blueprint.appName}":
+Extension Name: ${extension.name}
+Extension Description: ${extension.description}
+App Summary: ${blueprint.summary}
+
+## CURRENT SCAFFOLDED FILE
+Path: ${scaffold.path}
+\`\`\`
+${scaffold.content}
+\`\`\``;
+        const model = (0, anthropic_1.createAnthropic)({ apiKey: this.apiKey })("claude-sonnet-4-20250514");
+        const result = await (0, ai_1.generateObject)({
+          model,
+          schema: utils_1.FileSchema,
+          messages: [
+            {
+              role: "system",
+              content: systemPrompt,
+              providerOptions: (0, utils_1.withCaching)("1h")
+            },
+            {
+              role: "user",
+              content: userMessage
+            }
+          ],
+          experimental_telemetry: {
+            isEnabled: true,
+            functionId: this.name
+          },
+          maxOutputTokens: 1e4,
+          maxRetries: 3,
+          temperature: 0
+        });
+        return result.object;
+      }
+    };
+    exports2.SiteComponentAgent = SiteComponentAgent;
+    exports2.default = SiteComponentAgent;
+  }
+});
+
 // dist/agents/AgentsFactory.js
 var require_AgentsFactory = __commonJS({
   "dist/agents/AgentsFactory.js"(exports2) {
@@ -119069,6 +119180,7 @@ var require_AgentsFactory = __commonJS({
     var PlannerAgent_1 = __importDefault2(require_PlannerAgent());
     var CMSAgent_1 = require_CMSAgent();
     var CMSDataAgent_1 = require_CMSDataAgent();
+    var SiteComponentAgent_1 = __importDefault2(require_SiteComponentAgent());
     var AgentsFactory = class {
       constructor(apiKey) {
         this.apiKey = apiKey;
@@ -119085,6 +119197,8 @@ var require_AgentsFactory = __commonJS({
             return new CMSDataAgent_1.CMSDataAgent(this.apiKey);
           case "PLANNER":
             return new PlannerAgent_1.default(this.apiKey);
+          case types_1.ExtensionType.SITE_COMPONENT:
+            return new SiteComponentAgent_1.default(this.apiKey);
           default:
             throw new Error(`Unsupported extension type for AI customization: ${extension.type}`);
         }
@@ -119207,9 +119321,9 @@ var require_tools = __commonJS({
         return [destPath];
       }
     }
-    function copyScaffolding(scaffoldingSubPath, outputPath, excludePatterns = ["node_modules", ".git"]) {
+    function copyScaffolding(scaffoldingSubPath, outputPath, excludePatterns = ["node_modules", ".git"], outputFolder) {
       const sourcePath = path_1.default.join(scaffoldingBasePath, scaffoldingSubPath);
-      const destPath = path_1.default.join(outputPath, scaffoldingSubPath);
+      const destPath = path_1.default.join(outputPath, outputFolder ?? scaffoldingSubPath);
       console.log(`\u{1F4E6} Copying scaffolding from: ${scaffoldingSubPath}`);
       return copyRecursive(sourcePath, destPath, excludePatterns);
     }
@@ -119275,26 +119389,35 @@ var require_scaffolding = __commonJS({
           return copyBackendApiScaffolding(extension, outputPath);
         case types_1.ExtensionType.BACKEND_EVENT:
           return copyBackendEventScaffolding(extension, outputPath);
+        case types_1.ExtensionType.SITE_COMPONENT:
+          return copySiteComponentScaffolding(extension, outputPath);
         default:
           console.log(`  \u26A0\uFE0F Unsupported extension type: ${extension.type}`);
           return [];
       }
     }
+    async function copySiteComponentScaffolding(extension, outputPath) {
+      const componentName = extension.name ?? "my-component";
+      const scaffoldingSubPath = `src/site/components/my-component`;
+      const componentSubPath = `src/site/components/${toKebabCase(componentName)}`;
+      console.log(`  \u{1F3A8} Copying site component scaffolding from: ${scaffoldingSubPath} to ${componentSubPath}`);
+      return (0, tools_1.copyScaffolding)(scaffoldingSubPath, outputPath, [], componentSubPath);
+    }
     async function copyServicePluginScaffolding(extension, outputPath) {
-      if (extension.relatedSpis && extension.relatedSpis.length > 0) {
-        let scaffoldingSubPath = "";
-        for (const spi of extension.relatedSpis) {
-          console.log(`  \u{1F4CB} Copying service plugin scaffolding for related SPI: ${spi.name}`);
-          const mapped = constants_1.spiToSubPath[spi.name || ""];
-          if (mapped) {
-            scaffoldingSubPath = mapped;
-            break;
-          }
+      if (!extension.relatedSpis || extension.relatedSpis.length === 0) {
+        throw new Error("Service plugin extension must have related SPIs");
+      }
+      let scaffoldingSubPath = "";
+      for (const spi of extension.relatedSpis) {
+        console.log(`  \u{1F4CB} Copying service plugin scaffolding for related SPI: ${spi.name}`);
+        const mapped = constants_1.spiToSubPath[spi.name || ""];
+        if (mapped) {
+          scaffoldingSubPath = mapped;
+          break;
         }
-        const scaffoldingPath = `src/backend/service-plugins/${scaffoldingSubPath}/my-service-plugin`;
-        return (0, tools_1.copyScaffolding)(scaffoldingPath, outputPath);
       }
-      return [];
+      const scaffoldingPath = `src/backend/service-plugins/${scaffoldingSubPath}/my-service-plugin`;
+      return (0, tools_1.copyScaffolding)(scaffoldingPath, outputPath);
     }
     async function copyDashboardPageScaffolding(extension, outputPath) {
       const scaffoldingSubPath = "src/dashboard/pages";
@@ -119330,6 +119453,9 @@ var require_scaffolding = __commonJS({
       console.log(`  \u26A1 Copying backend event scaffolding from: ${scaffoldingSubPath}`);
       return (0, tools_1.copyScaffolding)(scaffoldingSubPath, outputPath);
     }
+    function toKebabCase(name) {
+      return name.trim().replace(/([a-z0-9])([A-Z])/g, "$1-$2").replace(/[\s_]+/g, "-").replace(/[^a-zA-Z0-9-]/g, "").replace(/-+/g, "-").toLowerCase();
+    }
   }
 });
 
@@ -119414,6 +119540,26 @@ var require_extensions_file = __commonJS({
       routePath: '${routePath}',
       title: '${title}',
     })`);
+        } else if (types_1.ExtensionType.SITE_COMPONENT) {
+          const componentName = ext.name ?? "my-component";
+          const kebabCaseComponentName = toKebabCase(componentName);
+          const id = (0, crypto_1.randomUUID)();
+          blocks.push(`    extensions.siteComponent({
+        id: '${id}',
+        description: '${ext.name}',
+        type: 'platform.builder.c8493d19-9d3f-4233-9c2c-7305ac567af3_8fccccee-ee75-4b29-a0e6-e5bd67e9184b',
+  
+        editorElement: {
+          displayName: '${componentName}',
+          selector: '${kebabCaseComponentName}',
+        },
+  
+        resources: {
+          client: {
+            component: './site/components/${kebabCaseComponentName}/component.tsx',
+          },
+        },
+      })`);
         }
       }
       const imports = `import { app } from '@wix/astro/builders';
@@ -119432,6 +119578,9 @@ ${b}
       fs_1.default.writeFileSync(filePath, content);
       console.log(`\u{1F4DD} Generated: ${path_1.default.relative(outputPath, filePath)}`);
     }
+    function toKebabCase(name) {
+      return name.trim().replace(/([a-z0-9])([A-Z])/g, "$1-$2").replace(/[\s_]+/g, "-").replace(/[^a-zA-Z0-9-]/g, "").replace(/-+/g, "-").toLowerCase();
+    }
   }
 });
 

package/dist/wix-cli-templates/src/site/components/my-component/component.tsx

@@ -0,0 +1,20 @@
+import type { FC } from 'react';
+import s from './styles.module.css';
+
+interface Props {
+  className: string;
+  id: string;
+  text?: string;
+}
+
+const Button: FC<Props> = (props) => {
+  return (
+    <div className={props.className} id={props.id}>
+      <button className={`btn ${s.btn}`}>
+        <span className={s.text}>{props.text ?? '[Default] Click Me HMR'}</span>
+      </button>
+    </div>
+  );
+};
+
+export default Button;

package/dist/wix-cli-templates/src/site/components/my-component/styles.module.css

@@ -0,0 +1,17 @@
+.btn {
+  background-color: #007bff;
+  border: none;
+  color: white;
+  padding: 10px 20px;
+  text-align: center;
+  text-decoration: none;
+  display: inline-block;
+  font-size: 16px;
+  margin: 4px 2px;
+  cursor: pointer;
+}
+
+.text {
+  color: #333;
+  font-size: 14px;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/ditto-codegen-public",
-  "version": "1.0.14",
+  "version": "1.0.16",
   "description": "AI-powered Wix CLI app generator - standalone executable",
   "scripts": {
     "build": "node build.mjs",
@@ -24,5 +24,5 @@
     "@wix/ditto-codegen": "1.0.0",
     "esbuild": "^0.25.9"
   },
-  "falconPackageHash": "4b5dbc2a8ecdd4788aba33821cd10f881f3f0380eb13d39c14c0532d"
+  "falconPackageHash": "8ddfeb0447ecad792ac842099f8b1b9f7ff9a88a00c7dffe496475c3"
 }