@wix/cli-app 1.1.82 → 1.1.83

package/build/{chunk-PGKXOCZN.js → chunk-SIJDKP2Q.js}

@@ -3,7 +3,7 @@ const require = _createRequire(import.meta.url);
 import {
   getBackendEventSlug,
   require_baseUniq
-} from "./chunk-XDWVTYW3.js";
+} from "./chunk-VLQG5SQF.js";
 import {
   BLOCKS_WIDGETS_PANELS_PATTERN,
   BLOCKS_WIDGETS_PATTERN,
@@ -29,6 +29,7 @@ import {
   RELATIVE_ASSET_PATH_REGEX,
   RegionType,
   SERVICE_PLUGINS_PATTERN,
+  SITE_COMPONENTS_PATTERN,
   SITE_PLUGINS_PANEL_PATTERN,
   SITE_PLUGINS_PLUGIN_PATTERN,
   SITE_WIDGETS_ELEMENT_PATTERN,
@@ -62,10 +63,12 @@ import {
   virtualModuleIdForCustomElementPanelScriptAsset,
   virtualModuleIdForCustomElementScriptAsset,
   virtualModuleIdForScriptAsset,
+  virtualModuleIdForSiteComponentScriptAsset,
   virtualPathForCustomElementPanelHTMLAsset,
   virtualPathForHTMLAsset,
+  virtualSiteComponentScriptAssets,
   z
-} from "./chunk-GGQMSU4O.js";
+} from "./chunk-ZLLXHWZF.js";
 import {
   __commonJS,
   __esm,
@@ -29204,7 +29207,7 @@ async function optimizeCjsDependency({
     });
   });
   const [output] = Object.entries(metafile.outputs).find(
-    ([, output2]) => output2.entryPoint && path2.resolve(projectFolder, output2.entryPoint) === url
+    ([, output2]) => output2.entryPoint && path2.resolve(projectFolder, output2.entryPoint) === path2.resolve(url)
   ) ?? [];
   if (!output) {
     throw new CliError({
@@ -37067,6 +37070,15 @@ var getCustomElementPanelBuildTemplate = (customElementPanelComponent) => {
   `;
 };
 
+// src/vite/plugins/module-bundle/site-components.ts
+init_esm_shims();
+var getSiteComponentDevTemplate = (component) => {
+  return `export { default } from '${getComponentPathWithHMR(component.relativePath)}';`;
+};
+var getSiteComponentBuildTemplate = (component) => {
+  return `export { default } from '/${component.relativePath}';`;
+};
+
 // src/vite/plugins/module-bundle/plugin.ts
 var postfixRE2 = /[?#].*$/s;
 var cleanId = (url) => url.replace(postfixRE2, "");
@@ -37080,13 +37092,14 @@ var moduleBundleDev = ({
   let virtualCustomElementPanelAssets = virtualCustomElementPanelScriptAssets(initialModel);
   let virtualBlocksWidgetAssets = virtualBlocksWidgetScriptAssets(initialModel);
   let virtualBlocksWidgetPanelAssets = virtualBlocksWidgetPanelScriptAssets(initialModel);
+  let virtualSiteComponentAssets = virtualSiteComponentScriptAssets(initialModel);
   let serverInstance;
   return {
     name: "wix:module-bundle",
     apply: "serve",
     resolveId(rawId) {
       const id = cleanId(rawId);
-      if (virtualDashboardAssets.has(id) || virtualCustomElementAssets.has(id) || virtualCustomElementPanelAssets.has(id) || virtualBlocksWidgetAssets.has(id) || virtualBlocksWidgetPanelAssets.has(id)) {
+      if (virtualDashboardAssets.has(id) || virtualCustomElementAssets.has(id) || virtualCustomElementPanelAssets.has(id) || virtualBlocksWidgetAssets.has(id) || virtualBlocksWidgetPanelAssets.has(id) || virtualSiteComponentAssets.has(id)) {
         return id;
       }
       return null;
@@ -37129,6 +37142,13 @@ var moduleBundleDev = ({
             server.moduleGraph.invalidateModule(moduleBundle);
           }
         }
+        virtualSiteComponentAssets = virtualSiteComponentScriptAssets(initialModel);
+        for (const scriptId of virtualSiteComponentAssets.keys()) {
+          const moduleBundle = server.moduleGraph.getModuleById(scriptId);
+          if (moduleBundle) {
+            server.moduleGraph.invalidateModule(moduleBundle);
+          }
+        }
       });
     },
     load(rawId) {
@@ -37157,6 +37177,10 @@ var moduleBundleDev = ({
       if (blocksPanelComponent) {
         return getBlocksPanelDevTemplate(blocksPanelComponent);
       }
+      const siteComponent = virtualSiteComponentAssets.get(id);
+      if (siteComponent) {
+        return getSiteComponentDevTemplate(siteComponent);
+      }
       return null;
     }
   };
@@ -37168,12 +37192,13 @@ var moduleBundleBuildBrowser = ({
   const virtualDashboardAssets = virtualDashboardScriptAssets(initialModel);
   const virtualCustomElementAssets = virtualCustomElementScriptAssets(initialModel);
   const virtualCustomElementPanelAssets = virtualCustomElementPanelScriptAssets(initialModel);
+  const virtualSiteComponentAssets = virtualSiteComponentScriptAssets(initialModel);
   return {
     name: "wix:module-bundle",
     apply: "build",
     resolveId(rawId) {
       const id = cleanId(rawId);
-      if (virtualDashboardAssets.has(id) || virtualCustomElementAssets.has(id) || virtualCustomElementPanelAssets.has(id)) {
+      if (virtualDashboardAssets.has(id) || virtualCustomElementAssets.has(id) || virtualCustomElementPanelAssets.has(id) || virtualSiteComponentAssets.has(id)) {
         return id;
       }
       return null;
@@ -37192,6 +37217,10 @@ var moduleBundleBuildBrowser = ({
       if (customElementPanelComponent) {
         return getCustomElementPanelBuildTemplate(customElementPanelComponent);
       }
+      const siteComponent = virtualSiteComponentAssets.get(id);
+      if (siteComponent) {
+        return getSiteComponentBuildTemplate(siteComponent);
+      }
       return null;
     }
   };
@@ -38853,12 +38882,15 @@ function webMethodsPlugin({
       }
       await init;
       const [, exports] = parse(code);
+      const pathToFile = normalizeGlobbyPattern(
+        path6.relative(projectFolder, url)
+      );
       const mappedExports = exports.map(
         ({ ln: method }) => defaultOutdent`
             export const ${method} = async (...args) => {
               return await callWebMethod({
                 args,
-                filename: '${path6.relative(projectFolder, url)}',
+                filename: '${pathToFile}',
                 method: '${method}',
                 baseURL: __webMethodsBaseUrl,
               });
@@ -38905,6 +38937,78 @@ function hashHtmlFiles() {
   };
 }
 
+// src/vite/plugins/exports-custodian.ts
+init_esm_shims();
+var EXPORTS_CUSTODIAN_ENTRY = "virtual:wix-exports-custodian-entry";
+var exportsCustodian = ({
+  initialModel,
+  type,
+  projectModelWatcher
+}) => {
+  let virtualBlocksWidgetAssets = virtualBlocksWidgetScriptAssets(initialModel);
+  let virtualBlocksWidgetPanelAssets = virtualBlocksWidgetPanelScriptAssets(initialModel);
+  let virtualSiteComponentAssets = virtualSiteComponentScriptAssets(initialModel);
+  return {
+    name: "wix:exports-custodian",
+    resolveId(id) {
+      if (id === EXPORTS_CUSTODIAN_ENTRY) {
+        return id;
+      }
+      return null;
+    },
+    configureServer(server) {
+      if (type === "dev" /* dev */) {
+        projectModelWatcher.onChange((model) => {
+          virtualBlocksWidgetAssets = virtualBlocksWidgetScriptAssets(model);
+          for (const scriptId of virtualBlocksWidgetAssets.keys()) {
+            const moduleBundle = server.moduleGraph.getModuleById(scriptId);
+            if (moduleBundle) {
+              server.moduleGraph.invalidateModule(moduleBundle);
+            }
+          }
+          virtualBlocksWidgetPanelAssets = virtualBlocksWidgetPanelScriptAssets(model);
+          for (const scriptId of virtualBlocksWidgetPanelAssets.keys()) {
+            const moduleBundle = server.moduleGraph.getModuleById(scriptId);
+            if (moduleBundle) {
+              server.moduleGraph.invalidateModule(moduleBundle);
+            }
+          }
+          virtualSiteComponentAssets = virtualSiteComponentScriptAssets(model);
+          for (const scriptId of virtualSiteComponentAssets.keys()) {
+            const moduleBundle = server.moduleGraph.getModuleById(scriptId);
+            if (moduleBundle) {
+              server.moduleGraph.invalidateModule(moduleBundle);
+            }
+          }
+        });
+      }
+    },
+    load(id) {
+      if (id === EXPORTS_CUSTODIAN_ENTRY) {
+        return [
+          ...Array.from(virtualBlocksWidgetAssets.keys()).map(
+            (path9, index) => `
+                import { init as init${index}, api as api${index} } from '${path9}';
+                init${index}();
+                api${index}();
+              `
+          ),
+          ...Array.from(virtualBlocksWidgetPanelAssets.keys()).map(
+            (path9, index) => `
+                import { init as initPanel${index} } from '${path9}';
+                initPanel${index}();
+              `
+          ),
+          ...Array.from(virtualSiteComponentAssets.keys()).map(
+            (path9) => `import('${path9}');`
+          )
+        ].join("\n");
+      }
+      return null;
+    }
+  };
+};
+
 // src/vite/configs/build-command/browser.ts
 async function getViteConfig2(model, options, { baseBackendUrl } = {}) {
   const virtualDashboardHTMLEntries = [
@@ -38920,6 +39024,9 @@ async function getViteConfig2(model, options, { baseBackendUrl } = {}) {
   const virtualCustomElementScriptEntries = [
     ...virtualCustomElementScriptAssets(model)
   ].map(([assetId, component]) => [`script-asset-${component.id}`, assetId]);
+  const virtualSiteComponentScriptEntries = [
+    ...virtualSiteComponentScriptAssets(model)
+  ].map(([assetId, component]) => [`script-asset-${component.id}`, assetId]);
   const { monitoring } = model.config;
   const monitoringPlugins = monitoring?.sentry && (0, import_monitoring_buildtime2.getMonitoringVitePlugins)({
     appId: model.config.appId,
@@ -38947,7 +39054,8 @@ async function getViteConfig2(model, options, { baseBackendUrl } = {}) {
         SITE_WIDGETS_ELEMENT_PATTERN,
         SITE_WIDGETS_PANEL_PATTERN,
         SITE_PLUGINS_PLUGIN_PATTERN,
-        SITE_PLUGINS_PANEL_PATTERN
+        SITE_PLUGINS_PANEL_PATTERN,
+        SITE_COMPONENTS_PATTERN
       ]
     },
     server: {},
@@ -38961,8 +39069,10 @@ async function getViteConfig2(model, options, { baseBackendUrl } = {}) {
             ...virtualDashboardScriptEntries,
             ...embeddedScriptEntries,
             ...virtualCustomElementHTMLEntries,
-            ...virtualCustomElementScriptEntries
-          ])
+            ...virtualCustomElementScriptEntries,
+            ...virtualSiteComponentScriptEntries
+          ]),
+          ...virtualSiteComponentScriptEntries.length ? { [EXPORTS_CUSTODIAN_ENTRY]: EXPORTS_CUSTODIAN_ENTRY } : {}
         },
         output: {
           assetFileNames: "assets/[name].ch.[hash][extname]",
@@ -39004,6 +39114,10 @@ async function getViteConfig2(model, options, { baseBackendUrl } = {}) {
         initialModel: model,
         ...options
       }),
+      exportsCustodian({
+        initialModel: model,
+        ...options
+      }),
       configExtensionsFileEmitter(model),
       ...monitoringPlugins ?? [],
       src_default({
@@ -39047,69 +39161,6 @@ async function getViteConfig2(model, options, { baseBackendUrl } = {}) {
 // src/vite/configs/build-command/worker.ts
 init_esm_shims();
 var import_monitoring_buildtime3 = __toESM(require_build(), 1);
-
-// src/vite/plugins/exports-custodian.ts
-init_esm_shims();
-var EXPORTS_CUSTODIAN_ENTRY = "virtual:wix-exports-custodian-entry";
-var exportsCustodian = ({
-  initialModel,
-  type,
-  projectModelWatcher
-}) => {
-  let virtualBlocksWidgetAssets = virtualBlocksWidgetScriptAssets(initialModel);
-  let virtualBlocksWidgetPanelAssets = virtualBlocksWidgetPanelScriptAssets(initialModel);
-  return {
-    name: "wix:exports-custodian",
-    resolveId(id) {
-      if (id === EXPORTS_CUSTODIAN_ENTRY) {
-        return id;
-      }
-      return null;
-    },
-    configureServer(server) {
-      if (type === "dev" /* dev */) {
-        projectModelWatcher.onChange((model) => {
-          virtualBlocksWidgetAssets = virtualBlocksWidgetScriptAssets(model);
-          for (const scriptId of virtualBlocksWidgetAssets.keys()) {
-            const moduleBundle = server.moduleGraph.getModuleById(scriptId);
-            if (moduleBundle) {
-              server.moduleGraph.invalidateModule(moduleBundle);
-            }
-          }
-          virtualBlocksWidgetPanelAssets = virtualBlocksWidgetPanelScriptAssets(model);
-          for (const scriptId of virtualBlocksWidgetPanelAssets.keys()) {
-            const moduleBundle = server.moduleGraph.getModuleById(scriptId);
-            if (moduleBundle) {
-              server.moduleGraph.invalidateModule(moduleBundle);
-            }
-          }
-        });
-      }
-    },
-    load(id) {
-      if (id === EXPORTS_CUSTODIAN_ENTRY) {
-        return [
-          ...Array.from(virtualBlocksWidgetAssets.keys()).map(
-            (path9, index) => `
-                import { init as init${index}, api as api${index} } from '${path9}';
-                init${index}();
-                api${index}();
-              `
-          ),
-          ...Array.from(virtualBlocksWidgetPanelAssets.keys()).map(
-            (path9, index) => `
-                import { init as initPanel${index} } from '${path9}';
-                initPanel${index}();
-              `
-          )
-        ].join("\n");
-      }
-      return null;
-    }
-  };
-};
-
-// src/vite/configs/build-command/worker.ts
 async function getViteConfig3(model, options, { baseBackendUrl } = {}) {
   const virtualBlocksScriptEntries = [
     ...virtualBlocksWidgetScriptAssets(model),
@@ -39412,6 +39463,9 @@ async function getViteConfig4(model, options, { baseBackendUrl } = {}) {
     ...virtualBlocksWidgetScriptAssets(model),
     ...virtualBlocksWidgetPanelScriptAssets(model)
   ].map(([assetId, component]) => [`script-asset-${component.id}`, assetId]);
+  const virtualSiteComponentScriptEntries = [
+    ...virtualSiteComponentScriptAssets(model)
+  ].map(([assetId, component]) => [`script-asset-${component.id}`, assetId]);
   const { monitoring } = model.config;
   const monitoringPlugins = monitoring?.sentry && (0, import_monitoring_buildtime4.getMonitoringVitePlugins)({
     appId: model.config.appId,
@@ -39440,7 +39494,8 @@ async function getViteConfig4(model, options, { baseBackendUrl } = {}) {
         SITE_PLUGINS_PLUGIN_PATTERN,
         SITE_PLUGINS_PANEL_PATTERN,
         BLOCKS_WIDGETS_PATTERN,
-        BLOCKS_WIDGETS_PANELS_PATTERN
+        BLOCKS_WIDGETS_PANELS_PATTERN,
+        SITE_COMPONENTS_PATTERN
       ]
     },
     server: {},
@@ -39455,7 +39510,8 @@ async function getViteConfig4(model, options, { baseBackendUrl } = {}) {
             ...embeddedScriptEntries,
             ...virtualCustomElementHTMLEntries,
             ...virtualCustomElementScriptEntries,
-            ...virtualBlocksScriptEntries
+            ...virtualBlocksScriptEntries,
+            ...virtualSiteComponentScriptEntries
           ]),
           ...virtualBlocksScriptEntries.length ? { [EXPORTS_CUSTODIAN_ENTRY]: EXPORTS_CUSTODIAN_ENTRY } : {}
         },
@@ -39629,6 +39685,11 @@ var validateComponents = (components) => {
                     name: marketData.name,
                     type: "site-plugin",
                     path: replaceExtension(relativePath, "json")
+                  }),
+                  SiteComponent: ({ relativePath }) => ({
+                    name: relativePath,
+                    type: "site-component",
+                    path: replaceExtension(relativePath, "json")
                   })
                 })
               ).sort((a, b) => a.name.localeCompare(b.name)),
@@ -40067,6 +40128,20 @@ async function createAppManifest({
               }
             }
           };
+        },
+        SiteComponent: async (component) => {
+          return {
+            compId: component.id,
+            compType: ComponentType.EDITOR_REACT_COMPONENT,
+            compData: {
+              editorReactComponent: {
+                type: `platform.builder.${appId}_${component.id}`,
+                description: component.description,
+                editorElement: component.editorElement,
+                resources: { ...await componentSourceBuilder(component) }
+              }
+            }
+          };
         }
       })
     )
@@ -40117,18 +40192,24 @@ function extractBundleAssetFileName(buildOutput, fileName) {
   }
   return output.fileName;
 }
-function extractModuleBundleName(buildOutput, moduleId) {
+function extractModuleBundleChunk(buildOutput, moduleId) {
   const outputs = extractBuildOutputs(buildOutput);
-  const output = outputs.find(
-    (output2) => output2.type === "chunk" && output2.facadeModuleId === moduleId
-  );
+  const output = outputs.filter((output2) => output2.type === "chunk").find((output2) => output2.facadeModuleId === moduleId);
   if (!output) {
     throw new CliError({
       code: CliErrorCode.ViteModuleBundleNotFound(),
       cause: null
     });
   }
-  return output.fileName;
+  return output;
+}
+function extractModuleBundleName(buildOutput, moduleId) {
+  return extractModuleBundleChunk(buildOutput, moduleId).fileName;
+}
+function extractModuleBundleCss(buildOutput, moduleId) {
+  const output = extractModuleBundleChunk(buildOutput, moduleId);
+  const importedCss = output.viteMetadata?.importedCss;
+  return importedCss?.values().next().value;
 }
 function extractModuleBundleContent(buildOutput, fileName) {
   const output = extractAssetOutput(buildOutput, fileName);
@@ -40300,6 +40381,34 @@ var blocksPanelBuilder = (component, source) => {
     componentUrl
   };
 };
+var siteComponentBuilder = (component, source) => {
+  const moduleId = virtualModuleIdForSiteComponentScriptAsset(component.id);
+  if (source.buildSource == null) {
+    return {
+      client: {
+        componentUrl: `/@id/${moduleId}?import`
+      },
+      server: {
+        url: ""
+      }
+    };
+  }
+  return {
+    client: {
+      componentUrl: extractModuleBundleName(
+        source.buildSource.browserBuildOutput,
+        moduleId
+      ),
+      cssUrl: extractModuleBundleCss(
+        source.buildSource.browserBuildOutput,
+        moduleId
+      )
+    },
+    server: {
+      url: "https://wix.com/"
+    }
+  };
+};
 function getComponentDevSourceBuilder(model, devSource, backendSource) {
   return async (component) => {
     const source = (0, import_variant6.match)(component, {
@@ -40326,7 +40435,8 @@ function getComponentDevSourceBuilder(model, devSource, backendSource) {
       Event: (component2) => eventSourceBuilder(component2, model, backendSource),
       ServicePlugin: (component2) => servicePluginSourceBuilder(component2, model, backendSource),
       Monitoring: () => {
-      }
+      },
+      SiteComponent: (component2) => siteComponentBuilder(component2, { devSource })
     });
     return source;
   };
@@ -40373,7 +40483,10 @@ function getComponentBuildSourceBuilder(model, browserBuildSource, workerBuildSo
       Event: (component2) => eventSourceBuilder(component2, model, backendSource),
       ServicePlugin: (component2) => servicePluginSourceBuilder(component2, model, backendSource),
       Monitoring: () => {
-      }
+      },
+      SiteComponent: (component2) => siteComponentBuilder(component2, {
+        buildSource: browserBuildSource
+      })
     });
     return source;
   };
@@ -40838,6 +40951,28 @@ var monitoringSchema = z.object({
     ])
   })
 });
+var siteComponentSourceSchema = z.object({
+  client: z.object({
+    componentUrl: z.string(),
+    cssUrl: z.string().optional()
+  }),
+  server: z.object({
+    url: z.string()
+  })
+});
+var siteComponentSchema = z.object({
+  compType: z.literal(ComponentType.EDITOR_REACT_COMPONENT),
+  compId: z.string(),
+  compName: z.string().optional(),
+  compData: z.object({
+    editorReactComponent: z.object({
+      type: z.string().min(5),
+      description: z.string().min(5),
+      resources: siteComponentSourceSchema,
+      editorElement: z.unknown()
+    })
+  })
+});
 var componentSchema = z.discriminatedUnion("compType", [
   backofficePageSchema,
   backofficeExtensionSchema,
@@ -40862,7 +40997,8 @@ var componentSchema = z.discriminatedUnion("compType", [
   ecomPaymentSettingsSchema,
   ecomGiftCardsProviderSchema,
   topologySchema,
-  monitoringSchema
+  monitoringSchema,
+  siteComponentSchema
 ]);
 var appManifestSchema = z.object({
   appId: z.string(),
@@ -41015,6 +41151,29 @@ var updateBrowserComponentsWithBaseUrl = (appManifest, baseUrl) => {
         )
       };
     }
+    if (compType === ComponentType.EDITOR_REACT_COMPONENT) {
+      compData.editorReactComponent = {
+        ...compData.editorReactComponent,
+        resources: {
+          client: {
+            componentUrl: normalizeUrl(
+              compData.editorReactComponent.resources.client.componentUrl,
+              normalizedBaseUrl
+            ),
+            cssUrl: compData.editorReactComponent.resources.client.cssUrl && normalizeUrl(
+              compData.editorReactComponent.resources.client.cssUrl,
+              normalizedBaseUrl
+            )
+          },
+          server: {
+            url: normalizeUrl(
+              compData.editorReactComponent.resources.server.url,
+              normalizedBaseUrl
+            )
+          }
+        }
+      };
+    }
   }
   return clonedManifest;
 };
@@ -41240,10 +41399,8 @@ export {
   getViteConfig2 as getViteConfig3,
   getViteConfig3 as getViteConfig4,
   readAppManifest,
-  updateBrowserComponentsWithBaseUrl,
   updateMonitoring,
   updateTopology,
-  updateBlocksComponents,
   updateAppManifestComponents,
   validateComponents,
   createCustomElementConfig,
@@ -41256,4 +41413,4 @@ export {
 he/he.js:
   (*! https://mths.be/he v1.2.0 by @mathias | MIT license *)
 */
-//# sourceMappingURL=chunk-PGKXOCZN.js.map
+//# sourceMappingURL=chunk-SIJDKP2Q.js.map