@wix/vibe-forms-app-plugin 0.30.0 → 0.32.1

package/dist/index.cjs

@@ -8,9 +8,224 @@ var __export = (target, all) => {
     __defProp(target, name, { get: all[name], enumerable: true });
 };
 
+// ../../../node_modules/dedent/dist/dedent.mjs
+function ownKeys(object, enumerableOnly) {
+  var keys = Object.keys(object);
+  if (Object.getOwnPropertySymbols) {
+    var symbols = Object.getOwnPropertySymbols(object);
+    enumerableOnly && (symbols = symbols.filter(function(sym) {
+      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+    })), keys.push.apply(keys, symbols);
+  }
+  return keys;
+}
+function _objectSpread(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = null != arguments[i] ? arguments[i] : {};
+    i % 2 ? ownKeys(Object(source), true).forEach(function(key) {
+      _defineProperty(target, key, source[key]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
+      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    });
+  }
+  return target;
+}
+function _defineProperty(obj, key, value) {
+  key = _toPropertyKey(key);
+  if (key in obj) {
+    Object.defineProperty(obj, key, { value, enumerable: true, configurable: true, writable: true });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
+function _toPropertyKey(arg) {
+  var key = _toPrimitive(arg, "string");
+  return typeof key === "symbol" ? key : String(key);
+}
+function _toPrimitive(input, hint) {
+  if (typeof input !== "object" || input === null) return input;
+  var prim = input[Symbol.toPrimitive];
+  if (prim !== void 0) {
+    var res = prim.call(input, hint);
+    if (typeof res !== "object") return res;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (hint === "string" ? String : Number)(input);
+}
+var dedent = createDedent({});
+var dedent_default = dedent;
+function createDedent(options) {
+  dedent2.withOptions = (newOptions) => createDedent(_objectSpread(_objectSpread({}, options), newOptions));
+  return dedent2;
+  function dedent2(strings, ...values) {
+    const raw = typeof strings === "string" ? [strings] : strings.raw;
+    const {
+      escapeSpecialCharacters = Array.isArray(strings),
+      trimWhitespace = true
+    } = options;
+    let result = "";
+    for (let i = 0; i < raw.length; i++) {
+      let next = raw[i];
+      if (escapeSpecialCharacters) {
+        next = next.replace(/\\\n[ \t]*/g, "").replace(/\\`/g, "`").replace(/\\\$/g, "$").replace(/\\\{/g, "{");
+      }
+      result += next;
+      if (i < values.length) {
+        result += values[i];
+      }
+    }
+    const lines = result.split("\n");
+    let mindent = null;
+    for (const l of lines) {
+      const m = l.match(/^(\s+)\S+/);
+      if (m) {
+        const indent = m[1].length;
+        if (!mindent) {
+          mindent = indent;
+        } else {
+          mindent = Math.min(mindent, indent);
+        }
+      }
+    }
+    if (mindent !== null) {
+      const m = mindent;
+      result = lines.map((l) => l[0] === " " || l[0] === "	" ? l.slice(m) : l).join("\n");
+    }
+    if (trimWhitespace) {
+      result = result.trim();
+    }
+    if (escapeSpecialCharacters) {
+      result = result.replace(/\\n/g, "\n");
+    }
+    return result;
+  }
+}
+
+// src/forms-app-instructions.ts
+var getContactPageExample = (formId) => {
+  return dedent_default`
+    // src/pages/ContactPage.tsx
+    import Form from '@/components/forms/Form';
+
+    export function ContactPage() {
+      return (
+        <div className="max-w-4xl mx-auto px-4 py-8">
+          <div className="text-center mb-12">
+            <h1 className="font-heading text-4xl font-bold text-foreground mb-4">
+              Contact Us
+            </h1>
+            <p className="text-lg text-secondary-foreground">
+              We'd love to hear from you. Send us a message and we'll respond as soon as possible.
+            </p>
+          </div>
+          
+          <div className="max-w-2xl mx-auto">
+            {/* Contact Form */}
+            <div className="bg-background border border-foreground rounded-lg p-8">
+              <h2 className="font-heading text-2xl font-semibold text-foreground mb-6">
+                Send us a Message
+              </h2>
+              {/* Use the formId from generated data */}
+              <Form formServiceConfig={{ formId: "${formId}" }} />
+            </div>
+          </div>
+        </div>
+      );
+    }
+  `;
+};
+var getExampleFormPurpose = (purpose, formId) => {
+  const lowerPurpose = purpose.toLowerCase();
+  if (lowerPurpose.includes("contact") || lowerPurpose.includes("inquiry") || lowerPurpose.includes("message")) {
+    return `**Example for integrating into a contact page:**
+
+\`\`\`tsx
+${getContactPageExample(formId)}
+\`\`\``;
+  }
+  if (lowerPurpose.includes("newsletter") || lowerPurpose.includes("signup") || lowerPurpose.includes("subscribe")) {
+    return `**Example for integrating into a newsletter signup section:**
+
+\`\`\`tsx
+// src/components/NewsletterSignup.tsx
+import Form from '@/components/forms/Form';
+
+export function NewsletterSignup() {
+  return (
+    <div className="bg-background border border-foreground rounded-lg p-6">
+      <h3 className="font-heading text-xl font-semibold text-foreground mb-4">
+        Stay Updated
+      </h3>
+      <p className="text-secondary-foreground mb-4">
+        Subscribe to our newsletter for the latest updates.
+      </p>
+      <Form formServiceConfig={{ formId: "${formId}" }} />
+    </div>
+  );
+}
+\`\`\``;
+  } else {
+    return `**Example for integrating into a page:**
+
+\`\`\`tsx
+// src/components/NewsletterSignup.tsx
+import Form from '@/components/forms/Form';
+
+export function Page() {
+  return (
+    <div className="bg-background border border-foreground rounded-lg p-6">
+      <Form formServiceConfig={{ formId: "${formId}" }} />
+    </div>
+  );
+}
+\`\`\``;
+  }
+};
+var getFormsCodingInstructions = (generatedData) => {
+  const formInstructions = generatedData.map((form) => {
+    return dedent_default`
+## Form: ${form.name}
+- **Form ID**: ${form.id}
+- **Description**: ${form.description}
+
+### Integration:
+\`\`\`tsx
+<Form formServiceConfig={{ formId: "${form.id}" }} />
+\`\`\`
+
+${getExampleFormPurpose(form.description, form.id)}
+`;
+  }).join("\n\n");
+  return dedent_default`
+<forms_instructions>
+
+Your tasks for implementing and integrating the Forms features of the site are:
+
+# FIRST TASK: Analyze pages and determine form placement
+
+Analyze site pages and determine the best location for each form based on their description.
+
+**Common page types for forms:**
+- **Contact page** - Perfect for contact forms, inquiry forms
+- **About page** - Good for contact or feedback forms
+- **Homepage** - Suitable for lead generation or newsletter signup
+
+# SECOND TASK: Integrate Form components into appropriate pages
+
+Import Form component:
+\`\`\`tsx
+  import Form from '@/components/forms/Form';
+\`\`\`
+
+${formInstructions}
+
+</forms_instructions>
+`;
+};
+
 // src/constants.ts
 var VERTICAL_NAME = "forms-app";
-var FORMS_APP_DEF_ID = "225dd912-7dea-4738-8688-4b8c6955ffc2";
 var PROMPT_ID = "b04334db-8243-4b9e-9773-ecb2775f329e";
 
 // ../../../node_modules/@wix/sdk-runtime/build/constants.js
@@ -158973,24 +159188,6 @@ var callWixAPI = async ({
     return null;
   }
 };
-var installWixApp = async (appDefId, siteId, env) => {
-  env.logger.debug("Installing Wix app...", { appDefId, siteId });
-  const response = await callWixAPI({
-    url: "https://www.wixapis.com/apps-installer-service/v1/app-instance/install",
-    method: "POST",
-    body: {
-      tenant: {
-        tenantType: "SITE",
-        id: siteId
-      },
-      appInstance: {
-        appDefId
-      }
-    },
-    env
-  });
-  return response;
-};
 
 // src/wix-forms-apis.ts
 var getWixClient = async (siteId, env) => {
@@ -159017,7 +159214,7 @@ async function generateForm(prompt, env) {
     `[${VERTICAL_NAME}-plugin-generateForm] Generating form by prompt: ${prompt}`
   );
   const response = await callWixAPI({
-    url: "https://bo.wix.com/_api/form-ai-generation-service/v1/generate-form",
+    url: "https://www.wixapis.com/forms/v1/generate-form",
     method: "POST",
     body: { prompt },
     additionalHeaders: {
@@ -159055,14 +159252,6 @@ async function createForm5(schema, siteId, env) {
 }
 
 // src/utils.ts
-var installFormsApp = async (env) => {
-  env.logger.debug(
-    `[${VERTICAL_NAME}-plugin-install] Installing vertical functionality...`,
-    env
-  );
-  await installWixApp(FORMS_APP_DEF_ID, env.WIX_SITE_ID, env);
-  env.logger.debug(`[${VERTICAL_NAME}-plugin-install] Installation completed`);
-};
 var generateFormDefinitions = async (env) => {
   try {
     const userMessage = env.userRequest;
@@ -159201,239 +159390,9 @@ var generateForms = async (env, forms) => {
   }
 };
 
-// ../../../node_modules/dedent/dist/dedent.mjs
-function ownKeys(object, enumerableOnly) {
-  var keys = Object.keys(object);
-  if (Object.getOwnPropertySymbols) {
-    var symbols = Object.getOwnPropertySymbols(object);
-    enumerableOnly && (symbols = symbols.filter(function(sym) {
-      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-    })), keys.push.apply(keys, symbols);
-  }
-  return keys;
-}
-function _objectSpread(target) {
-  for (var i = 1; i < arguments.length; i++) {
-    var source = null != arguments[i] ? arguments[i] : {};
-    i % 2 ? ownKeys(Object(source), true).forEach(function(key) {
-      _defineProperty(target, key, source[key]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
-      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-    });
-  }
-  return target;
-}
-function _defineProperty(obj, key, value) {
-  key = _toPropertyKey(key);
-  if (key in obj) {
-    Object.defineProperty(obj, key, { value, enumerable: true, configurable: true, writable: true });
-  } else {
-    obj[key] = value;
-  }
-  return obj;
-}
-function _toPropertyKey(arg) {
-  var key = _toPrimitive(arg, "string");
-  return typeof key === "symbol" ? key : String(key);
-}
-function _toPrimitive(input, hint) {
-  if (typeof input !== "object" || input === null) return input;
-  var prim = input[Symbol.toPrimitive];
-  if (prim !== void 0) {
-    var res = prim.call(input, hint);
-    if (typeof res !== "object") return res;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return (hint === "string" ? String : Number)(input);
-}
-var dedent = createDedent({});
-var dedent_default = dedent;
-function createDedent(options) {
-  dedent2.withOptions = (newOptions) => createDedent(_objectSpread(_objectSpread({}, options), newOptions));
-  return dedent2;
-  function dedent2(strings, ...values) {
-    const raw = typeof strings === "string" ? [strings] : strings.raw;
-    const {
-      escapeSpecialCharacters = Array.isArray(strings),
-      trimWhitespace = true
-    } = options;
-    let result = "";
-    for (let i = 0; i < raw.length; i++) {
-      let next = raw[i];
-      if (escapeSpecialCharacters) {
-        next = next.replace(/\\\n[ \t]*/g, "").replace(/\\`/g, "`").replace(/\\\$/g, "$").replace(/\\\{/g, "{");
-      }
-      result += next;
-      if (i < values.length) {
-        result += values[i];
-      }
-    }
-    const lines = result.split("\n");
-    let mindent = null;
-    for (const l of lines) {
-      const m = l.match(/^(\s+)\S+/);
-      if (m) {
-        const indent = m[1].length;
-        if (!mindent) {
-          mindent = indent;
-        } else {
-          mindent = Math.min(mindent, indent);
-        }
-      }
-    }
-    if (mindent !== null) {
-      const m = mindent;
-      result = lines.map((l) => l[0] === " " || l[0] === "	" ? l.slice(m) : l).join("\n");
-    }
-    if (trimWhitespace) {
-      result = result.trim();
-    }
-    if (escapeSpecialCharacters) {
-      result = result.replace(/\\n/g, "\n");
-    }
-    return result;
-  }
-}
-
-// src/forms-app-instructions.ts
-var getContactPageExample = (formId) => {
-  return dedent_default`
-    // src/pages/ContactPage.tsx
-    import Form from '@/components/forms/Form';
-
-    export function ContactPage() {
-      return (
-        <div className="max-w-4xl mx-auto px-4 py-8">
-          <div className="text-center mb-12">
-            <h1 className="font-heading text-4xl font-bold text-foreground mb-4">
-              Contact Us
-            </h1>
-            <p className="text-lg text-secondary-foreground">
-              We'd love to hear from you. Send us a message and we'll respond as soon as possible.
-            </p>
-          </div>
-          
-          <div className="max-w-2xl mx-auto">
-            {/* Contact Form */}
-            <div className="bg-background border border-foreground rounded-lg p-8">
-              <h2 className="font-heading text-2xl font-semibold text-foreground mb-6">
-                Send us a Message
-              </h2>
-              {/* Use the formId from generated data */}
-              <Form formServiceConfig={{ formId: "${formId}" }} />
-            </div>
-          </div>
-        </div>
-      );
-    }
-  `;
-};
-var getExampleFormPurpose = (purpose, formId) => {
-  const lowerPurpose = purpose.toLowerCase();
-  if (lowerPurpose.includes("contact") || lowerPurpose.includes("inquiry") || lowerPurpose.includes("message")) {
-    return `**Example for integrating into a contact page:**
-
-\`\`\`tsx
-${getContactPageExample(formId)}
-\`\`\``;
-  }
-  if (lowerPurpose.includes("newsletter") || lowerPurpose.includes("signup") || lowerPurpose.includes("subscribe")) {
-    return `**Example for integrating into a newsletter signup section:**
-
-\`\`\`tsx
-// src/components/NewsletterSignup.tsx
-import Form from '@/components/forms/Form';
-
-export function NewsletterSignup() {
-  return (
-    <div className="bg-background border border-foreground rounded-lg p-6">
-      <h3 className="font-heading text-xl font-semibold text-foreground mb-4">
-        Stay Updated
-      </h3>
-      <p className="text-secondary-foreground mb-4">
-        Subscribe to our newsletter for the latest updates.
-      </p>
-      <Form formServiceConfig={{ formId: "${formId}" }} />
-    </div>
-  );
-}
-\`\`\``;
-  } else {
-    return `**Example for integrating into a page:**
-
-\`\`\`tsx
-// src/components/NewsletterSignup.tsx
-import Form from '@/components/forms/Form';
-
-export function Page() {
-  return (
-    <div className="bg-background border border-foreground rounded-lg p-6">
-      <Form formServiceConfig={{ formId: "${formId}" }} />
-    </div>
-  );
-}
-\`\`\``;
-  }
-};
-var getFormsCodingInstructions = (generatedData) => {
-  const formInstructions = generatedData.map((form) => {
-    return dedent_default`
-## Form: ${form.name}
-- **Form ID**: ${form.id}
-- **Description**: ${form.description}
-
-### Integration:
-\`\`\`tsx
-<Form formServiceConfig={{ formId: "${form.id}" }} />
-\`\`\`
-
-${getExampleFormPurpose(form.description, form.id)}
-`;
-  }).join("\n\n");
-  return dedent_default`
-<forms_instructions>
-
-Your tasks for implementing and integrating the Forms features of the site are:
-
-# FIRST TASK: Analyze pages and determine form placement
-
-Analyze site pages and determine the best location for each form based on their description.
-
-**Common page types for forms:**
-- **Contact page** - Perfect for contact forms, inquiry forms
-- **About page** - Good for contact or feedback forms
-- **Homepage** - Suitable for lead generation or newsletter signup
-
-# SECOND TASK: Integrate Form components into appropriate pages
-
-Import Form component:
-\`\`\`tsx
-  import Form from '@/components/forms/Form';
-\`\`\`
-
-${formInstructions}
-
-</forms_instructions>
-`;
-};
-
 // src/index.ts
 var install = async (env) => {
-  env.logger.debug(`[${VERTICAL_NAME}-plugin-install] Starting installation`, {
-    env
-  });
-  env.logger.debug(
-    `[${VERTICAL_NAME}-plugin-install] Installing forms app functionality...`
-  );
-  await installFormsApp(env);
-  env.logger.debug(
-    `[${VERTICAL_NAME}-plugin-install] Unzipping and merging plugin files...`
-  );
-  env.logger.info(
-    `
-\x1B[34m ==== ${VERTICAL_NAME} installation completed ==== \x1B[0m
-`
-  );
+  env.logger.info(`[${VERTICAL_NAME}-plugin-install] Generating forms...`);
   const formDefinitions = await generateFormDefinitions(env);
   const data = await generateForms(env, formDefinitions);
   env.logger.debug(`[${VERTICAL_NAME}-plugin-install] Generated data`, {