@wix/cli-app 1.1.128 → 1.1.130

package/build/{chunk-XROEFK43.js → chunk-HJMVSDM6.js}

@@ -3,7 +3,7 @@ const require = _createRequire(import.meta.url);
 import {
   getBackendEventSlug,
   require_baseUniq
-} from "./chunk-6W4JMTTK.js";
+} from "./chunk-O6H7XIDU.js";
 import {
   API_BASEURL_PLACEHOLDER,
   AlgorithmType,
@@ -43,6 +43,7 @@ import {
   SITE_COMPONENTS_PRESETS_PATTERN,
   SITE_COMPONENTS_PREVIEW_PATTERN,
   SITE_COMPONENTS_SDK_PATTERN,
+  SITE_COMPONENTS_SDK_STATICS_FOLDER,
   SITE_COMPONENTS_SERVER_STATICS_FOLDER,
   SITE_COMPONENTS_VITE_CACHE_DIR,
   SITE_PLUGINS_PANEL_PATTERN,
@@ -93,7 +94,7 @@ import {
   virtualSiteComponentPreviewScriptAssets,
   virtualSiteComponentScriptAssets,
   virtualSiteComponentSdkScriptAssets
-} from "./chunk-DK6F42BS.js";
+} from "./chunk-NJJYZJQS.js";
 import {
   __commonJS,
   __esm,
@@ -38887,7 +38888,7 @@ var moduleBundleBuildBlocks = ({
   const virtualBlocksWidgetAssets = virtualBlocksWidgetScriptAssets(initialModel);
   const virtualBlocksWidgetPanelAssets = virtualBlocksWidgetPanelScriptAssets(initialModel);
   return {
-    name: "wix:module-bundle-build-worker",
+    name: "wix:module-bundle-build-blocks",
     apply: "build",
     resolveId(rawId) {
       const id = cleanId(rawId);
@@ -38916,12 +38917,13 @@ var moduleBundleBuildSiteComponents = ({
   const { appId } = initialModel.config;
   const virtualSiteComponentAssets = virtualSiteComponentScriptAssets(initialModel);
   const virtualSiteComponentPreviewAssets = virtualSiteComponentPreviewScriptAssets(initialModel);
+  const virtualSiteComponentSdkAssets = virtualSiteComponentSdkScriptAssets(initialModel);
   return {
     name: "wix:module-bundle-build-site-components",
     apply: "build",
     resolveId(rawId) {
       const id = cleanId(rawId);
-      if (virtualSiteComponentAssets.has(id) || virtualSiteComponentPreviewAssets.has(id)) {
+      if (virtualSiteComponentAssets.has(id) || virtualSiteComponentPreviewAssets.has(id) || virtualSiteComponentSdkAssets.has(id)) {
         return id;
       }
       return null;
@@ -38939,6 +38941,10 @@ var moduleBundleBuildSiteComponents = ({
           siteComponentPreview
         );
       }
+      const siteSdkComponent = virtualSiteComponentSdkAssets.get(id);
+      if (siteSdkComponent) {
+        return getSiteComponentSdkBuildTemplate(siteSdkComponent);
+      }
       return null;
     }
   };
@@ -39527,7 +39533,7 @@ var siteComponentResourcesSchema = external_exports.object({
   editor: external_exports.object({
     componentUrl: external_exports.string(),
     cssUrl: external_exports.string().optional()
-  }).optional()
+  }).passthrough().optional()
 }).passthrough();
 var siteComponentPresetItemSchema = external_exports.object({
   cssUrl: external_exports.string(),
@@ -40568,12 +40574,6 @@ function getViteConfig2(model, options) {
   const virtualCustomElementScriptEntries = [
     ...virtualCustomElementScriptAssets(model)
   ].map(([assetId, component]) => [`script-asset-${component.id}`, assetId]);
-  const virtualSiteComponentSdkScriptEntries = [
-    ...virtualSiteComponentSdkScriptAssets(model)
-  ].map(([assetId, component]) => [
-    `script-asset-${component.id}-sdk`,
-    assetId
-  ]);
   const virtualSiteComponentPanelScriptEntries = [
     ...virtualSiteComponentPanelScriptAssets(model)
   ].map(([assetId, component]) => [`script-asset-${component.id}`, assetId]);
@@ -40601,7 +40601,6 @@ function getViteConfig2(model, options) {
             ...embeddedScriptEntries,
             ...virtualCustomElementHTMLEntries,
             ...virtualCustomElementScriptEntries,
-            ...virtualSiteComponentSdkScriptEntries,
             ...virtualSiteComponentPanelScriptEntries,
             ...virtualSiteComponentPresetEntries
           ]),
@@ -40704,6 +40703,18 @@ function getViteConfig3(model, options) {
 // src/vite/configs/build-command/site-components-client.ts
 init_esm_shims();
 import { mergeConfig as mergeConfig3 } from "vite";
+
+// src/vite/configs/shared.ts
+init_esm_shims();
+var siteComponentsExternals = [
+  "react",
+  "react/jsx-runtime",
+  "react/jsx-dev-runtime",
+  "react-dom",
+  "@wix/services-manager-react"
+];
+
+// src/vite/configs/build-command/site-components-client.ts
 function getViteConfig4(model, options) {
   const virtualSiteComponentScriptEntries = [
     ...virtualSiteComponentScriptAssets(model)
@@ -40722,7 +40733,7 @@ function getViteConfig4(model, options) {
   const config = {
     build: {
       rollupOptions: {
-        external: ["@wix/services-manager-react"],
+        external: siteComponentsExternals,
         /*
          * We need to preserve names of exports from our root modules for convention.
          * "strict" or "exports-only" will not work because it will create separated files with exports.
@@ -40740,10 +40751,6 @@ function getViteConfig4(model, options) {
     },
     plugins: [
       moduleBundleBuildSiteComponents({ initialModel: model }),
-      viteExternalsPlugin({
-        react: "React",
-        "react-dom": "ReactDOM"
-      }),
       draftJs(),
       preserveSiteComponentComponentsExports({ initialModel: model })
     ],
@@ -40778,10 +40785,47 @@ function getViteConfig4(model, options) {
   return mergeConfig3(config, baseConfig);
 }
 
-// src/vite/configs/build-command/site-components-server.ts
+// src/vite/configs/build-command/site-components-sdk.ts
 init_esm_shims();
 import { mergeConfig as mergeConfig4 } from "vite";
 function getViteConfig5(model, options) {
+  const virtualSiteComponentSdkScriptEntries = [
+    ...virtualSiteComponentSdkScriptAssets(model)
+  ].map(
+    ([assetId, component]) => [`script-asset-${component.id}-sdk`, assetId]
+  );
+  return virtualSiteComponentSdkScriptEntries.map(([entryName, entryPath]) => {
+    const baseConfig = getBaseViteConfig({
+      ...options,
+      model,
+      outputDir: SITE_COMPONENTS_SDK_STATICS_FOLDER
+    });
+    const config = {
+      ssr: {
+        target: "webworker",
+        noExternal: true
+      },
+      build: {
+        ssr: true,
+        rollupOptions: {
+          input: {
+            [entryName]: entryPath
+          },
+          output: {
+            inlineDynamicImports: true
+          }
+        }
+      },
+      plugins: [moduleBundleBuildSiteComponents({ initialModel: model })]
+    };
+    return mergeConfig4(config, baseConfig);
+  });
+}
+
+// src/vite/configs/build-command/site-components-server.ts
+init_esm_shims();
+import { mergeConfig as mergeConfig5 } from "vite";
+function getViteConfig6(model, options) {
   const virtualSiteComponentScriptEntries = [
     ...virtualSiteComponentScriptAssets(model)
   ].map(
@@ -40811,7 +40855,7 @@ function getViteConfig5(model, options) {
         ssr: true,
         ssrEmitAssets: true,
         rollupOptions: {
-          external: ["react", "react-dom", "@wix/services-manager-react"],
+          external: siteComponentsExternals,
           input: {
             [entryName]: entryPath
           },
@@ -40822,7 +40866,7 @@ function getViteConfig5(model, options) {
       },
       plugins: [moduleBundleBuildSiteComponents({ initialModel: model })]
     };
-    return mergeConfig4(config, baseConfig);
+    return mergeConfig5(config, baseConfig);
   });
 }
 
@@ -41024,7 +41068,7 @@ function autoOrigin() {
 }
 
 // src/vite/configs/dev-command/client.ts
-function getViteConfig6(model, options) {
+function getViteConfig7(model, options) {
   const { https, baseBackendUrl, port, origin } = options;
   const allowedHosts = origin ? [new URL(origin).hostname] : void 0;
   return {
@@ -41165,7 +41209,7 @@ var m = (n3) => ({
 
 // src/vite/configs/dev-command/site-components.ts
 var SITE_COMPONENTS_BASE = "/@gateway/site_components";
-function getViteConfig7(model, options) {
+function getViteConfig8(model, options) {
   const { https, baseBackendUrl } = options;
   return {
     appType: "custom",
@@ -41182,7 +41226,6 @@ function getViteConfig7(model, options) {
     cacheDir: SITE_COMPONENTS_VITE_CACHE_DIR,
     optimizeDeps: {
       include: ["@wix/sdk-context"],
-      exclude: ["react", "react-dom"],
       entries: [
         SITE_COMPONENTS_PATTERN,
         SITE_COMPONENTS_PREVIEW_PATTERN,
@@ -41202,7 +41245,9 @@ function getViteConfig7(model, options) {
         projectFolder: model.projectFolder
       }),
       m({
-        externals: ["react", "react-dom", "@wix/services-manager-react"]
+        externals: siteComponentsExternals.map(
+          (external) => new RegExp(`^${external}$`)
+        )
       }),
       fbjsHotfixPlugin(),
       draftJs(),
@@ -42280,17 +42325,16 @@ var siteComponentDevBuilder = (component) => {
         )
       } : void 0,
       server: void 0,
-      ...previewModuleId ? {
-        editor: {
-          componentUrl: generateUrl(
-            `${SITE_COMPONENTS_BASE}/@id/${previewModuleId}?import`
-          )
-        }
-      } : {}
+      editor: previewModuleId ? {
+        ...definedResources.editor ?? {},
+        componentUrl: generateUrl(
+          `${SITE_COMPONENTS_BASE}/@id/${previewModuleId}?import`
+        )
+      } : void 0
     }
   };
 };
-var siteComponentBuildBuilder = (component, { browserBuildOutput }, { siteComponentsClientBuildOutput }, { siteComponentsServerBuildOutput }) => {
+var siteComponentBuildBuilder = (component, { browserBuildOutput }, { siteComponentsClientBuildOutput }, { siteComponentsServerBuildOutput }, { siteComponentsSdkBuildOutput }) => {
   const moduleId = virtualModuleIdForSiteComponentScriptAsset(component.id);
   const sdkModuleId = component.relativeSdkPath ? virtualModuleIdForSiteComponentSdkScriptAsset(component.id) : null;
   const previewModuleId = component.relativePreviewPath ? virtualModuleIdForSiteComponentPreview(component.id) : null;
@@ -42339,7 +42383,39 @@ var siteComponentBuildBuilder = (component, { browserBuildOutput }, { siteCompon
     siteComponentsServerBuildOutput,
     moduleId
   );
-  const editorCssUrl = previewModuleId ? extractModuleBundleCss(siteComponentsServerBuildOutput, previewModuleId) : void 0;
+  const getSdkResource = () => {
+    if (!sdkModuleId) {
+      return;
+    }
+    if (!siteComponentsSdkBuildOutput) {
+      throw new Error("Missing SDK build output for site component");
+    }
+    return {
+      ...definedResources.sdk ?? {},
+      url: generateUrl(
+        extractModuleBundleName(siteComponentsSdkBuildOutput, sdkModuleId)
+      )
+    };
+  };
+  const getEditorResource = () => {
+    if (!previewModuleId) {
+      return;
+    }
+    const editorCssUrl = extractModuleBundleCss(
+      siteComponentsServerBuildOutput,
+      previewModuleId
+    );
+    return {
+      ...definedResources.editor ?? {},
+      componentUrl: generateUrl(
+        extractModuleBundleName(
+          siteComponentsClientBuildOutput,
+          previewModuleId
+        )
+      ),
+      cssUrl: editorCssUrl ? generateUrl(editorCssUrl) : void 0
+    };
+  };
   return {
     presets,
     elements,
@@ -42358,23 +42434,8 @@ var siteComponentBuildBuilder = (component, { browserBuildOutput }, { siteCompon
           extractModuleBundleName(siteComponentsServerBuildOutput, moduleId)
         )
       },
-      sdk: sdkModuleId ? {
-        ...definedResources.sdk ?? {},
-        url: generateUrl(
-          extractModuleBundleName(browserBuildOutput, sdkModuleId)
-        )
-      } : void 0,
-      ...previewModuleId ? {
-        editor: {
-          componentUrl: generateUrl(
-            extractModuleBundleName(
-              siteComponentsClientBuildOutput,
-              previewModuleId
-            )
-          ),
-          cssUrl: editorCssUrl ? generateUrl(editorCssUrl) : void 0
-        }
-      } : {}
+      sdk: getSdkResource(),
+      editor: getEditorResource()
     }
   };
 };
@@ -42424,7 +42485,7 @@ function getComponentDevSourceBuilder(model, devSource, backendSource) {
     return source;
   };
 }
-function getComponentBuildSourceBuilder(model, browserBuildSource, workerBuildSource, backendSource, siteComponentsClientBuildSource, siteComponentsServerBuildSource) {
+function getComponentBuildSourceBuilder(model, browserBuildSource, workerBuildSource, backendSource, siteComponentsClientBuildSource, siteComponentsServerBuildSource, siteComponentsSdkBuildSource) {
   return async (component) => {
     const source = (0, import_variant5.match)(component, {
       EmbeddedScript: (embeddedScriptComponent) => embeddedScriptBuilder(model, embeddedScriptComponent, {
@@ -42471,7 +42532,8 @@ function getComponentBuildSourceBuilder(model, browserBuildSource, workerBuildSo
         component2,
         browserBuildSource,
         siteComponentsClientBuildSource,
-        siteComponentsServerBuildSource
+        siteComponentsServerBuildSource,
+        siteComponentsSdkBuildSource
       ),
       SiteComponentPanel: (component2) => siteComponentPanelBuilder(component2, {
         buildSource: browserBuildSource
@@ -42489,12 +42551,13 @@ export {
   updateTopology,
   updateAppManifestComponents,
   getMonitoringProvider,
-  getViteConfig6 as getViteConfig2,
-  getViteConfig7 as getViteConfig3,
+  getViteConfig7 as getViteConfig2,
+  getViteConfig8 as getViteConfig3,
   getViteConfig2 as getViteConfig4,
   getViteConfig3 as getViteConfig5,
   getViteConfig4 as getViteConfig6,
   getViteConfig5 as getViteConfig7,
+  getViteConfig6 as getViteConfig8,
   validateComponents,
   createCustomElementConfig,
   createAppManifest,
@@ -42506,4 +42569,4 @@ export {
 he/he.js:
   (*! https://mths.be/he v1.2.0 by @mathias | MIT license *)
 */
-//# sourceMappingURL=chunk-XROEFK43.js.map
+//# sourceMappingURL=chunk-HJMVSDM6.js.map