@wix/cli 1.1.134 → 1.1.135

package/build/{src-3KZZZJ3H.js → src-KJJPDMUK.js}

@@ -9,9 +9,9 @@ import {
 } from "./chunk-J2EPR7DO.js";
 import {
   createI18n
-} from "./chunk-KUETLEOF.js";
+} from "./chunk-32I3PHOS.js";
 import "./chunk-KJ37XZQA.js";
-import "./chunk-POJ57ZT2.js";
+import "./chunk-ET7C64VQ.js";
 import {
   require_react
 } from "./chunk-NRAQAV6T.js";
@@ -46,8 +46,8 @@ var devCommand = (services, cliVersion) => {
   const t = createI18nT();
   return createCommand("dev").description(t("site_dev_command_def.description")).option("--tunnel", t("site_dev_command_def.option.tunnel")).action(async (options, command) => {
     const { tunnel = false } = options;
-    const { renderCommand } = await import("./render-command-GC5M477M.js");
-    const { DevCommand } = await import("./DevCommand-WSXE72JB.js");
+    const { renderCommand } = await import("./render-command-SPWPJIS5.js");
+    const { DevCommand } = await import("./DevCommand-NGP3OLP2.js");
     await renderCommand(
       command,
       services,
@@ -64,8 +64,8 @@ var previewCommand = (services, cliVersion) => {
   const t = createI18nT();
   return createCommand("preview").description(t("site_preview_command_def.description")).option("-f, --force", t("site_preview_command_def.option.force")).action(async (options, command) => {
     const { force = false } = options;
-    const { renderCommand } = await import("./render-command-GC5M477M.js");
-    const { PreviewCommand } = await import("./PreviewCommand-X7P2AHBY.js");
+    const { renderCommand } = await import("./render-command-SPWPJIS5.js");
+    const { PreviewCommand } = await import("./PreviewCommand-GUJ76CAT.js");
     await renderCommand(
       command,
       services,
@@ -87,8 +87,8 @@ var publishCommand = (services, cliVersion) => {
     ).conflicts("force")
   ).option("-f, --force", t("site_publish_command_def.option.force")).action(async (options, command) => {
     const { approvePreview = false, force = false } = options;
-    const { renderCommand } = await import("./render-command-GC5M477M.js");
-    const { PublishCommand } = await import("./PublishCommand-3MDL6QC4.js");
+    const { renderCommand } = await import("./render-command-SPWPJIS5.js");
+    const { PublishCommand } = await import("./PublishCommand-PSVM5BRB.js");
     await renderCommand(
       command,
       services,
@@ -104,8 +104,8 @@ var import_react4 = __toESM(require_react(), 1);
 var installCommand = (services, cliVersion) => {
   const t = createI18nT();
   return createCommand("install").description(t("site_install_command_def.description")).argument("[package]", t("site_install_command_def.argument.package")).action(async (packageName, _opts, command) => {
-    const { renderCommand } = await import("./render-command-GC5M477M.js");
-    const { InstallCommand } = await import("./InstallCommand-DGPPZHXV.js");
+    const { renderCommand } = await import("./render-command-SPWPJIS5.js");
+    const { InstallCommand } = await import("./InstallCommand-YRZIYW62.js");
     await renderCommand(
       command,
       services,
@@ -121,8 +121,8 @@ var import_react5 = __toESM(require_react(), 1);
 var uninstallCommand = (services, cliVersion) => {
   const t = createI18nT();
   return createCommand("uninstall").description(t("site_uninstall_command_def.description")).argument("<package>", t("site_uninstall_command_def.argument.package")).action(async (packageName, _opts, command) => {
-    const { renderCommand } = await import("./render-command-GC5M477M.js");
-    const { UninstallCommand } = await import("./UninstallCommand-YPZPH7PM.js");
+    const { renderCommand } = await import("./render-command-SPWPJIS5.js");
+    const { UninstallCommand } = await import("./UninstallCommand-SYETTGBX.js");
     await renderCommand(
       command,
       services,
@@ -139,4 +139,4 @@ var getRootCommand = async function getRootCommand2(services, cliVersion) {
 export {
   getRootCommand
 };
-//# sourceMappingURL=src-3KZZZJ3H.js.map
+//# sourceMappingURL=src-KJJPDMUK.js.map

package/build/{src-GA5OFATI.js → src-RU2QCCEK.js}

@@ -11,10 +11,11 @@ import {
   gitCommit,
   gitInit,
   isInsideGitRepo
-} from "./chunk-OZKGZAOZ.js";
-import "./chunk-RWTQFIPN.js";
+} from "./chunk-THTKKN7Y.js";
+import "./chunk-2R5BII2J.js";
 import "./chunk-W54PG6O5.js";
-import "./chunk-763CNX5X.js";
+import "./chunk-YLWTNITT.js";
+import "./chunk-PJCXC7XI.js";
 import "./chunk-F43XHKVL.js";
 import "./chunk-CU77QH5G.js";
 import "./chunk-4EFJZ3GQ.js";
@@ -30,4 +31,4 @@ export {
   gitInit,
   isInsideGitRepo
 };
-//# sourceMappingURL=src-GA5OFATI.js.map
+//# sourceMappingURL=src-RU2QCCEK.js.map

package/build/{src-6UQ5GS34.js → src-YUFFOHXE.js}

@@ -8,9 +8,9 @@ import {
 } from "./chunk-J2EPR7DO.js";
 import {
   createI18n
-} from "./chunk-KUETLEOF.js";
+} from "./chunk-32I3PHOS.js";
 import "./chunk-KJ37XZQA.js";
-import "./chunk-POJ57ZT2.js";
+import "./chunk-ET7C64VQ.js";
 import {
   require_react
 } from "./chunk-NRAQAV6T.js";
@@ -44,8 +44,8 @@ function createI18nT() {
 var devCommand = (services, cliVersion) => {
   const t = createI18nT();
   return createCommand("dev").description(t("site_dev_command_def.description")).action(async (options, command) => {
-    const { renderCommand } = await import("./render-command-ZYQ762CC.js");
-    const { DevCommand } = await import("./DevCommand-4OQRGGV3.js");
+    const { renderCommand } = await import("./render-command-4PNWKKJS.js");
+    const { DevCommand } = await import("./DevCommand-IMAVUJAD.js");
     await renderCommand(command, services, cliVersion, /* @__PURE__ */ import_react.default.createElement(DevCommand, null));
   });
 };
@@ -57,4 +57,4 @@ var getRootCommand = async function getRootCommand2(services, cliVersion) {
 export {
   getRootCommand
 };
-//# sourceMappingURL=src-6UQ5GS34.js.map
+//# sourceMappingURL=src-YUFFOHXE.js.map

package/build/{src-BDYMKDQI.js → src-ZYQEMBH5.js}

@@ -2,10 +2,11 @@ import { createRequire as _createRequire } from 'node:module';
 const require = _createRequire(import.meta.url);
 import {
   createLogger
-} from "./chunk-MB2DJ4WP.js";
+} from "./chunk-IRKCE3VI.js";
+import "./chunk-YLWTNITT.js";
 import "./chunk-SQ3KPTIH.js";
 import "./chunk-4EFJZ3GQ.js";
 export {
   createLogger
 };
-//# sourceMappingURL=src-BDYMKDQI.js.map
+//# sourceMappingURL=src-ZYQEMBH5.js.map

package/build/{sync-types-B47N5WP2.js → sync-types-KJRJG6D2.js}

@@ -3,25 +3,26 @@ const require = _createRequire(import.meta.url);
 import {
   syncTypes,
   syncTypesWithAuth
-} from "./chunk-HGBT2YDL.js";
-import "./chunk-MA6ZMAQU.js";
-import "./chunk-3DWQFSNW.js";
+} from "./chunk-SSOJHG2R.js";
+import "./chunk-S2NJ72RN.js";
+import "./chunk-NXWYNKVW.js";
+import "./chunk-IGHRRWV4.js";
 import "./chunk-MVBGFP6D.js";
 import "./chunk-W54PG6O5.js";
-import "./chunk-QYUVUKJH.js";
-import "./chunk-DQULLGU7.js";
+import "./chunk-EVROMEWT.js";
+import "./chunk-KNO67D7N.js";
 import "./chunk-WMCHVSMU.js";
-import "./chunk-KUETLEOF.js";
+import "./chunk-32I3PHOS.js";
 import "./chunk-KJ37XZQA.js";
-import "./chunk-POJ57ZT2.js";
+import "./chunk-ET7C64VQ.js";
 import "./chunk-NRAQAV6T.js";
 import "./chunk-SQ3KPTIH.js";
 import "./chunk-Z4MHKCET.js";
 import "./chunk-C4SUTB4O.js";
-import "./chunk-XKEFEPF6.js";
+import "./chunk-XWBYECTV.js";
 import "./chunk-II7O6SCF.js";
 import "./chunk-RL7RA2JG.js";
-import "./chunk-763CNX5X.js";
+import "./chunk-PJCXC7XI.js";
 import "./chunk-F43XHKVL.js";
 import "./chunk-CU77QH5G.js";
 import "./chunk-4EFJZ3GQ.js";
@@ -29,4 +30,4 @@ export {
   syncTypes,
   syncTypesWithAuth
 };
-//# sourceMappingURL=sync-types-B47N5WP2.js.map
+//# sourceMappingURL=sync-types-KJRJG6D2.js.map

package/build/{uninstall-2UZH5ABJ.js → uninstall-5T62IZPL.js}

@@ -3,40 +3,41 @@ const require = _createRequire(import.meta.url);
 import {
   resolveNpmDependencies,
   resolvePackageManager
-} from "./chunk-VLGQTAVU.js";
+} from "./chunk-QWD63IH3.js";
 import "./chunk-5AY2TF4R.js";
 import {
   createLogger
-} from "./chunk-34MTX547.js";
-import "./chunk-4QGQ7FU5.js";
+} from "./chunk-NAYRT7D7.js";
+import "./chunk-6CAKDLZN.js";
 import {
   createI18nT
-} from "./chunk-KFP5IROQ.js";
+} from "./chunk-GWFVDY6V.js";
 import "./chunk-HEANTKSX.js";
 import "./chunk-6EJNAOBP.js";
 import {
   authenticate
-} from "./chunk-MA6ZMAQU.js";
+} from "./chunk-S2NJ72RN.js";
 import "./chunk-CH52GF36.js";
-import "./chunk-OWJ2DBNB.js";
-import "./chunk-MB2DJ4WP.js";
-import "./chunk-OZKGZAOZ.js";
-import "./chunk-RWTQFIPN.js";
+import "./chunk-RFIG2TYJ.js";
+import "./chunk-IRKCE3VI.js";
+import "./chunk-THTKKN7Y.js";
+import "./chunk-2R5BII2J.js";
 import "./chunk-W54PG6O5.js";
-import "./chunk-QYUVUKJH.js";
-import "./chunk-DQULLGU7.js";
+import "./chunk-YLWTNITT.js";
+import "./chunk-EVROMEWT.js";
+import "./chunk-KNO67D7N.js";
 import "./chunk-WMCHVSMU.js";
-import "./chunk-KUETLEOF.js";
+import "./chunk-32I3PHOS.js";
 import "./chunk-KJ37XZQA.js";
-import "./chunk-POJ57ZT2.js";
+import "./chunk-ET7C64VQ.js";
 import "./chunk-NRAQAV6T.js";
 import "./chunk-SQ3KPTIH.js";
 import "./chunk-Z4MHKCET.js";
 import "./chunk-C4SUTB4O.js";
-import "./chunk-XKEFEPF6.js";
+import "./chunk-XWBYECTV.js";
 import "./chunk-II7O6SCF.js";
 import "./chunk-RL7RA2JG.js";
-import "./chunk-763CNX5X.js";
+import "./chunk-PJCXC7XI.js";
 import "./chunk-F43XHKVL.js";
 import {
   CliError,
@@ -83,4 +84,4 @@ async function uninstall(model, services, options, initialPackageName) {
 export {
   uninstall
 };
-//# sourceMappingURL=uninstall-2UZH5ABJ.js.map
+//# sourceMappingURL=uninstall-5T62IZPL.js.map

package/build/{uninstall-2UZH5ABJ.js.map → uninstall-5T62IZPL.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../../cli-site-old/src/uninstall/index.ts","../../cli-site-old/src/uninstall/uninstall.ts"],"sourcesContent":["export { uninstall } from './uninstall.js';\n","import { CliError, CliErrorCode } from '@wix/cli-error';\nimport type { CommandServices } from '@wix/cli-command-contract';\nimport {\n  resolvePackageManager,\n  resolveNpmDependencies,\n} from '../velo-npm/index.js';\nimport { createLogger } from '../logger.js';\nimport { createI18nT } from '../i18n.js';\nimport type { ProjectModel } from '../model.js';\nimport { authenticate } from '../authentication.js';\n\nexport async function uninstall(\n  model: ProjectModel,\n  services: CommandServices,\n  options: {\n    yarn?: boolean;\n    npm?: boolean;\n  },\n  initialPackageName: string\n) {\n  const t = createI18nT();\n  const logger = createLogger({ t });\n\n  const authState = await authenticate({\n    metaSiteId: model.metaSiteId,\n    biLogger: services.biLogger,\n    errorReporter: services.errorReporter,\n  });\n\n  const packageName = initialPackageName.trim();\n\n  if (!packageName) {\n    throw new CliError({\n      code: CliErrorCode.WixUninstallMissingPackageName(),\n      cause: null,\n    });\n  }\n\n  const logDependencyUninstalled =\n    logger.logDependencyUninstalling(packageName);\n\n  try {\n    const packageManager = await resolvePackageManager(\n      model.projectFolder,\n      options\n    );\n    await packageManager.runUninstallPackage(model.projectFolder, packageName);\n    await resolveNpmDependencies(model.projectFolder, { authState });\n    logDependencyUninstalled.success();\n  } catch (error) {\n    logDependencyUninstalled.fail();\n    throw error;\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;ACAA;AAWA,eAAsB,UACpB,OACA,UACA,SAIA,oBACA;AACA,QAAM,IAAI,YAAY;AACtB,QAAM,SAAS,aAAa,EAAE,EAAE,CAAC;AAEjC,QAAM,YAAY,MAAM,aAAa;AAAA,IACnC,YAAY,MAAM;AAAA,IAClB,UAAU,SAAS;AAAA,IACnB,eAAe,SAAS;AAAA,EAC1B,CAAC;AAED,QAAM,cAAc,mBAAmB,KAAK;AAE5C,MAAI,CAAC,aAAa;AAChB,UAAM,IAAI,SAAS;AAAA,MACjB,MAAM,aAAa,+BAA+B;AAAA,MAClD,OAAO;AAAA,IACT,CAAC;AAAA,EACH;AAEA,QAAM,2BACJ,OAAO,0BAA0B,WAAW;AAE9C,MAAI;AACF,UAAM,iBAAiB,MAAM;AAAA,MAC3B,MAAM;AAAA,MACN;AAAA,IACF;AACA,UAAM,eAAe,oBAAoB,MAAM,eAAe,WAAW;AACzE,UAAM,uBAAuB,MAAM,eAAe,EAAE,UAAU,CAAC;AAC/D,6BAAyB,QAAQ;AAAA,EACnC,SAAS,OAAO;AACd,6BAAyB,KAAK;AAC9B,UAAM;AAAA,EACR;AACF;","names":[]}
+{"version":3,"sources":["../../cli-site-old/src/uninstall/index.ts","../../cli-site-old/src/uninstall/uninstall.ts"],"sourcesContent":["export { uninstall } from './uninstall.js';\n","import { CliError, CliErrorCode } from '@wix/cli-error';\nimport type { CommandServices } from '@wix/cli-command-contract';\nimport {\n  resolvePackageManager,\n  resolveNpmDependencies,\n} from '../velo-npm/index.js';\nimport { createLogger } from '../logger.js';\nimport { createI18nT } from '../i18n.js';\nimport type { ProjectModel } from '../model.js';\nimport { authenticate } from '../authentication.js';\n\nexport async function uninstall(\n  model: ProjectModel,\n  services: CommandServices,\n  options: {\n    yarn?: boolean;\n    npm?: boolean;\n  },\n  initialPackageName: string\n) {\n  const t = createI18nT();\n  const logger = createLogger({ t });\n\n  const authState = await authenticate({\n    metaSiteId: model.metaSiteId,\n    biLogger: services.biLogger,\n    errorReporter: services.errorReporter,\n  });\n\n  const packageName = initialPackageName.trim();\n\n  if (!packageName) {\n    throw new CliError({\n      code: CliErrorCode.WixUninstallMissingPackageName(),\n      cause: null,\n    });\n  }\n\n  const logDependencyUninstalled =\n    logger.logDependencyUninstalling(packageName);\n\n  try {\n    const packageManager = await resolvePackageManager(\n      model.projectFolder,\n      options\n    );\n    await packageManager.runUninstallPackage(model.projectFolder, packageName);\n    await resolveNpmDependencies(model.projectFolder, { authState });\n    logDependencyUninstalled.success();\n  } catch (error) {\n    logDependencyUninstalled.fail();\n    throw error;\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;ACAA;AAWA,eAAsB,UACpB,OACA,UACA,SAIA,oBACA;AACA,QAAM,IAAI,YAAY;AACtB,QAAM,SAAS,aAAa,EAAE,EAAE,CAAC;AAEjC,QAAM,YAAY,MAAM,aAAa;AAAA,IACnC,YAAY,MAAM;AAAA,IAClB,UAAU,SAAS;AAAA,IACnB,eAAe,SAAS;AAAA,EAC1B,CAAC;AAED,QAAM,cAAc,mBAAmB,KAAK;AAE5C,MAAI,CAAC,aAAa;AAChB,UAAM,IAAI,SAAS;AAAA,MACjB,MAAM,aAAa,+BAA+B;AAAA,MAClD,OAAO;AAAA,IACT,CAAC;AAAA,EACH;AAEA,QAAM,2BACJ,OAAO,0BAA0B,WAAW;AAE9C,MAAI;AACF,UAAM,iBAAiB,MAAM;AAAA,MAC3B,MAAM;AAAA,MACN;AAAA,IACF;AACA,UAAM,eAAe,oBAAoB,MAAM,eAAe,WAAW;AACzE,UAAM,uBAAuB,MAAM,eAAe,EAAE,UAAU,CAAC;AAC/D,6BAAyB,QAAQ;AAAA,EACnC,SAAS,OAAO;AACd,6BAAyB,KAAK;AAC9B,UAAM;AAAA,EACR;AACF;","names":[]}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@wix/cli",
   "description": "CLI tool for building Wix sites and applications",
-  "version": "1.1.134",
+  "version": "1.1.135",
   "bin": {
     "wix": "bin/wix.cjs"
   },
@@ -92,5 +92,5 @@
       ]
     }
   },
-  "falconPackageHash": "5cddfdd1fd608f2e3d6d1e9727d5c5e3ad31e00b3d831a2753e243c3"
+  "falconPackageHash": "c1d8055e62e0b8b150de1391b2df3f26e659ae5d28aa292e978f63f5"
 }

package/templates/astro/custom-element/dependencies.json

@@ -0,0 +1,13 @@
+{
+  "dependencies": {
+    "@wix/design-system": "^1.111.0",
+    "@wix/editor": "^1.356.0",
+    "react-to-webcomponent": "^2.0.0"
+  },
+  "devDependencies": {
+    "@types/react": "^18.3.1",
+    "@types/react-dom": "^18.3.1",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1"
+  }
+}

package/templates/astro/custom-element/files/element.module.css.ejs

@@ -0,0 +1,35 @@
+---
+to: <%- route -%>.module.css
+---
+:root {
+  --background-color: #242A35;
+  --text-color: #fcfdfd;
+  --secondary-text-color: #c9c9c9;
+  --code-color: #d7d7d7;
+}
+
+.root {
+  width: 100%;
+  height: 100%;
+  background-color: var(--background-color);
+  color: var(--text-color);
+  box-sizing: border-box;
+  padding: 3rem 1rem;
+  font-size: 14px;
+}
+
+.root h2 {
+  font-size: 1.5rem;
+  margin-bottom: 5px;
+}
+
+.root p {
+  color: var(--secondary-text-color);
+}
+
+.root code {
+  color: var(--code-color);
+  font-size: 0.8rem;
+  font-weight: bolder;
+}
+

package/templates/astro/custom-element/files/element.tsx.ejs

@@ -0,0 +1,39 @@
+---
+to: <%- route -%>.tsx
+---
+import React, { type FC } from 'react';
+import ReactDOM from 'react-dom';
+import reactToWebComponent from 'react-to-webcomponent';
+import styles from './<%- route -%>.module.css';
+
+interface Props {
+  displayName?: string;
+}
+
+const CustomElement: FC<Props> = ({
+  displayName = `Your Widget's Title`,
+}) => {
+  return (
+    <div className={styles.root}>
+      <h2>{displayName}</h2>
+      <hr />
+      <p>
+        This is a Custom Element generated by Wix CLI.<br />
+        Edit your element's code to change this text.
+      </p>
+    </div>
+  );
+};
+
+const customElement = reactToWebComponent(
+  CustomElement,
+  React,
+  ReactDOM as any,
+  {
+    props: {
+      displayName: 'string',
+    },
+  }
+);
+
+export default customElement;

package/templates/astro/custom-element/files/extension.ts.ejs

@@ -0,0 +1,28 @@
+---
+to: <%- route -%>.extension.ts
+---
+import { extensions } from '@wix/astro/builders';
+
+export default extensions.customElement({
+  id: '<%- config.id -%>',
+  name: '<%- config.name -%>',
+  width: {
+    defaultWidth: 450,
+    allowStretch: true
+  },
+  height: {
+    defaultHeight: 250
+  },
+  installation: {
+    autoAdd: true
+  },
+  <% if (config.dashboardPageId) { %>
+  behaviors: {
+    dashboard: {
+      dashboardPageComponentId: '<%- config.dashboardPageId -%>'
+    }
+  },<% } %>
+  tagName: '<%- route -%>',
+  element: '<%- config.element -%>',
+  settings: '<%- config.settings -%>',
+});

package/templates/astro/custom-element/files/panel.tsx.ejs

@@ -0,0 +1,57 @@
+---
+to: <%- route -%>.panel.tsx
+---
+import React, { type FC, useState, useEffect, useCallback } from 'react';
+import { widget } from '@wix/editor';
+import {
+  SidePanel,
+  WixDesignSystemProvider,
+  Input,
+  FormField,
+  SectionHelper,
+} from '@wix/design-system';
+import '@wix/design-system/styles.global.css';
+
+const SITE_WIDGETS_DOCS = 'https://dev.wix.com/docs/build-apps/develop-your-app/frameworks/wix-cli/supported-extensions/site-extensions/site-widgets/site-widget-extension-files-and-code';
+
+const Panel: FC = () => {
+  const [displayName, setDisplayName] = useState<string>('');
+
+  useEffect(() => {
+    widget.getProp('display-name')
+      .then(displayName => setDisplayName(displayName || `Your Widget's Title`))
+      .catch(error => console.error('Failed to fetch display-name:', error));
+  }, [setDisplayName]);
+
+  const handleDisplayNameChange = useCallback((event: React.ChangeEvent<HTMLInputElement>) => {
+    const newDisplayName = event.target.value;
+    setDisplayName(newDisplayName);
+    widget.setProp('display-name', newDisplayName);
+  }, [setDisplayName]);
+
+  return (
+    <WixDesignSystemProvider>
+      <SidePanel width="300" height="100vh">
+        <SidePanel.Content noPadding stretchVertically>
+          <SidePanel.Field>
+            <FormField label="Display Name">
+              <Input
+                type="text"
+                value={displayName}
+                onChange={handleDisplayNameChange}
+                aria-label="Display Name"
+              />
+            </FormField>
+          </SidePanel.Field>
+        </SidePanel.Content>
+        <SidePanel.Footer noPadding>
+          <SectionHelper fullWidth appearance="success" border="topBottom">
+            Learn more about <a href={SITE_WIDGETS_DOCS} target="_blank" rel="noopener noreferrer" title="Site Widget docs">Site Widgets</a>
+          </SectionHelper>
+        </SidePanel.Footer>
+      </SidePanel>
+    </WixDesignSystemProvider>
+  );
+};
+
+export default Panel;

package/templates/astro/dashboard-menu-plugin/files/extension.ts.ejs

@@ -0,0 +1,20 @@
+---
+to: <%- route -%>.extension.ts
+---
+import { extensions } from '@wix/astro/builders';
+
+export default extensions.dashboardMenuPlugin({
+  id: '<%- config.id -%>',
+  title: '<%- config.title -%>',
+  extends: '<%- config.extends -%>',
+  iconKey: '<%- config.iconKey -%>',
+  action: <% if (type === 'OpenModal') { %>{
+    openModal: {
+      componentId: '<%- config.action.openModal.componentId -%>',
+    }
+  }<% } else { %>{
+    navigateToPage: {
+      pageId: '<%- config.action.navigateToPage.pageId -%>',
+    }
+  }<% } %>,
+});

package/templates/astro/dashboard-modal/files/extension.ts.ejs

@@ -0,0 +1,13 @@
+---
+to: <%- route -%>.extension.ts
+---
+import { extensions } from '@wix/astro/builders';
+import config from './<%- route -%>.config.ts';
+
+export default extensions.dashboardModal({
+  id: '<%- config.id -%>',
+  title: config.title,
+  width: config.width,
+  height: config.height,
+  component: '<%- config.component -%>',
+});

package/templates/astro/dashboard-modal/files/modal.config.ts.ejs

@@ -0,0 +1,8 @@
+---
+to: <%- route -%>.config.ts
+---
+export default {
+  title: '<%- config.title -%>',
+  width: <%- config.width -%>,
+  height: <%- config.height -%>,
+};

package/templates/astro/dashboard-modal/files/modal.tsx.ejs

@@ -1,5 +1,5 @@
 ---
-to: modal.tsx
+to: <%- route -%>.tsx
 ---
 import type { FC } from 'react';
 import { dashboard } from '@wix/dashboard';
@@ -10,9 +10,9 @@ import {
   CustomModalLayout,
 } from '@wix/design-system';
 import '@wix/design-system/styles.global.css';
-import extension from './extension.json';
+import config from './<%- route -%>.config.ts';
 
-const { compData: { backOfficeModal: { width, height, title } } } = extension;
+const { width, height, title } = config;
 
 // To open your modal, call `openModal` with your modal id.
 // e.g.

package/templates/astro/dashboard-page/files/extension.ts.ejs

@@ -0,0 +1,11 @@
+---
+to: <%- route -%>.extension.ts
+---
+import { extensions } from '@wix/astro/builders';
+
+export default extensions.dashboardPage({
+  id: '<%- config.id -%>',
+  title: '<%- config.title -%>',
+  routePath: '<%- route -%>',
+  component: '<%- config.component -%>',
+});

package/templates/astro/dashboard-page/files/page.tsx.ejs

@@ -1,5 +1,5 @@
 ---
-to: page.tsx
+to: <%- route -%>.tsx
 ---
 import type { FC } from 'react';
 import { EmptyState, Page, WixDesignSystemProvider } from '@wix/design-system';
@@ -10,13 +10,13 @@ const DashboardPage: FC = () => {
     <WixDesignSystemProvider features={{ newColorsBranding: true }}>
       <Page>
         <Page.Header
-          title="<%= title %>"
+          title="<%= config.title %>"
           subtitle="This is a subtitle for your page"
         />
         <Page.Content>
           <EmptyState
-            title="<%= title %>"
-            subtitle="Edit <%= relativeRoutePath %> to change this text."
+            title="<%= config.title %>"
+            subtitle="Edit your page code to change this text."
             skin="page"
           />
         </Page.Content>

package/templates/astro/dashboard-plugin/files/extensions.ts.ejs

@@ -0,0 +1,11 @@
+---
+to: <%- route -%>.extension.ts
+---
+import { extensions } from '@wix/astro/builders';
+
+export default extensions.dashboardPlugin({
+  id: '<%- config.id -%>',
+  title: '<%- config.title -%>',
+  extends: '<%- config.extends -%>',
+  component: '<%- config.component -%>',
+});

package/templates/astro/dashboard-plugin/files/widget.tsx.ejs

@@ -1,5 +1,5 @@
 ---
-to: widget.tsx
+to: <%- route -%>.tsx
 ---
 <%_ const hasImportData = !!importData _%>
 import type { FC } from 'react';

package/templates/astro/embedded-script/files/embedded.html.ejs

@@ -0,0 +1,5 @@
+---
+to: <%- route -%>.html
+---
+<script>console.log('Hello {{name}}');</script>
+<script type="module" src="./logger.ts"></script>

package/templates/astro/embedded-script/files/extension.ts.ejs

@@ -0,0 +1,12 @@
+---
+to: <%- route -%>.extension.ts
+---
+import { extensions } from '@wix/astro/builders';
+
+export default extensions.embeddedScript({
+  id: '<%- config.id -%>',
+  name: '<%- config.name -%>',
+  placement: '<%- config.placement -%>',
+  scriptType: '<%- config.scriptType -%>',
+  source: '<%- config.source -%>',
+});

package/templates/astro/embedded-script/files/logger.ts

@@ -0,0 +1 @@
+console.log('Hello from logger');

package/templates/astro/event/files/event.ts.ejs

@@ -1,5 +1,5 @@
 ---
-to: event.ts
+to: <%- route -%>.ts
 ---
 /**
 This file contains:
@@ -14,6 +14,6 @@ SDK modules and their available events are documented here: https://dev.wix.com/
 
 import { contacts } from '@wix/crm';
 
-contacts.onContactCreated((event) => {
+export default contacts.onContactCreated((event) => {
   // Add you logic here
 });

package/templates/astro/event/files/extension.ts.ejs

@@ -0,0 +1,9 @@
+---
+to: <%- route -%>.extension.ts
+---
+import { extensions } from '@wix/astro/builders';
+
+export default extensions.event({
+  id: '<%- config.id -%>',
+  source: '<%- config.source -%>',
+});

package/templates/astro/service-plugin/ecom-additional-fees/files/extension.ts.ejs

@@ -0,0 +1,10 @@
+---
+to: <%- route -%>.extension.ts
+---
+import { extensions } from '@wix/astro/builders';
+
+export default extensions.ecomAdditionalFees({
+  id: '<%- config.id -%>',
+  name: '<%- route -%>',
+  source: '<%- config.source -%>',
+});

package/templates/astro/service-plugin/ecom-additional-fees/files/plugin.ts.ejs

@@ -1,5 +1,5 @@
 ---
-to: plugin.ts
+to: <%- route -%>.ts
 ---
 import { additionalFees } from '@wix/ecom/service-plugins';
 

package/templates/astro/service-plugin/ecom-discounts-trigger/files/extension.ts.ejs

@@ -0,0 +1,10 @@
+---
+to: <%- route -%>.extension.ts
+---
+import { extensions } from '@wix/astro/builders';
+
+export default extensions.ecomDiscountTriggers({
+  id: '<%- config.id -%>',
+  name: '<%- route -%>',
+  source: '<%- config.source -%>',
+});