@wix/cli-app 1.1.127 → 1.1.129

package/build/{chunk-TCBGU4X6.js → chunk-VUTYEP7L.js}

@@ -2,13 +2,13 @@ import { createRequire as _createRequire } from 'node:module';
 const require = _createRequire(import.meta.url);
 import {
   addUserFields
-} from "./chunk-LC6RJKUL.js";
+} from "./chunk-MXW7RVZQ.js";
 import {
   messages_default
 } from "./chunk-ZHQREOZP.js";
 import {
   DebugLogProvider
-} from "./chunk-4SRMFEJA.js";
+} from "./chunk-CN5TC5DV.js";
 import {
   AccountAuthProvider,
   BiProvider,
@@ -22,7 +22,7 @@ import {
   getDebugLogFilePath,
   isLoggedInToAccount,
   require_react
-} from "./chunk-C55WMKMJ.js";
+} from "./chunk-URLY2YGI.js";
 import {
   __toESM,
   init_esm_shims
@@ -64,4 +64,4 @@ export {
   log,
   executeCommand
 };
-//# sourceMappingURL=chunk-TCBGU4X6.js.map
+//# sourceMappingURL=chunk-VUTYEP7L.js.map

package/build/{chunk-U5ROEYJA.js → chunk-VY54JSUP.js}

@@ -10,7 +10,7 @@ import {
   require_lib,
   require_react,
   useTranslation
-} from "./chunk-C55WMKMJ.js";
+} from "./chunk-URLY2YGI.js";
 import {
   __toESM,
   init_esm_shims
@@ -179,4 +179,4 @@ export {
   docsExtensionTypeSchema,
   getGenerateFlowByDocsExtensionType
 };
-//# sourceMappingURL=chunk-U5ROEYJA.js.map
+//# sourceMappingURL=chunk-VY54JSUP.js.map

package/build/{chunk-F3FIVJZD.js → chunk-Y7QMQO2O.js}

@@ -4,7 +4,7 @@ import {
   require_react,
   useBiLogger,
   wixCliAppBiEvents
-} from "./chunk-C55WMKMJ.js";
+} from "./chunk-URLY2YGI.js";
 import {
   __toESM,
   init_esm_shims
@@ -24,4 +24,4 @@ init_esm_shims();
 export {
   useWixCliAppBi
 };
-//# sourceMappingURL=chunk-F3FIVJZD.js.map
+//# sourceMappingURL=chunk-Y7QMQO2O.js.map

package/build/{chunk-UNCNFFF6.js → chunk-YN6G2AVC.js}

@@ -3,7 +3,7 @@ const require = _createRequire(import.meta.url);
 import {
   getBackendEventSlug,
   require_baseUniq
-} from "./chunk-T3EBYWJV.js";
+} from "./chunk-M432FMZZ.js";
 import {
   API_BASEURL_PLACEHOLDER,
   AlgorithmType,
@@ -37,6 +37,7 @@ import {
   RELATIVE_ASSET_PATH_REGEX,
   RegionType,
   SERVICE_PLUGINS_PATTERN,
+  SITE_COMPONENTS_CLIENT_STATICS_FOLDER,
   SITE_COMPONENTS_PANEL_PATTERN,
   SITE_COMPONENTS_PATTERN,
   SITE_COMPONENTS_PRESETS_PATTERN,
@@ -92,7 +93,7 @@ import {
   virtualSiteComponentPreviewScriptAssets,
   virtualSiteComponentScriptAssets,
   virtualSiteComponentSdkScriptAssets
-} from "./chunk-C55WMKMJ.js";
+} from "./chunk-URLY2YGI.js";
 import {
   __commonJS,
   __esm,
@@ -38841,7 +38842,6 @@ var moduleBundleBuildBrowser = ({
   const virtualDashboardAssets = virtualDashboardScriptAssets(initialModel);
   const virtualCustomElementAssets = virtualCustomElementScriptAssets(initialModel);
   const virtualCustomElementPanelAssets = virtualCustomElementPanelScriptAssets(initialModel);
-  const virtualSiteComponentAssets = virtualSiteComponentScriptAssets(initialModel);
   const virtualSiteComponentSdkAssets = virtualSiteComponentSdkScriptAssets(initialModel);
   const virtualSiteComponentPreviewAssets = virtualSiteComponentPreviewScriptAssets(initialModel);
   const virtualSiteComponentPanelAssets = virtualSiteComponentPanelScriptAssets(initialModel);
@@ -38850,7 +38850,7 @@ var moduleBundleBuildBrowser = ({
     apply: "build",
     resolveId(rawId) {
       const id = cleanId(rawId);
-      if (virtualDashboardAssets.has(id) || virtualCustomElementAssets.has(id) || virtualCustomElementPanelAssets.has(id) || virtualSiteComponentAssets.has(id) || virtualSiteComponentSdkAssets.has(id) || virtualSiteComponentPreviewAssets.has(id) || virtualSiteComponentPanelAssets.has(id)) {
+      if (virtualDashboardAssets.has(id) || virtualCustomElementAssets.has(id) || virtualCustomElementPanelAssets.has(id) || virtualSiteComponentSdkAssets.has(id) || virtualSiteComponentPreviewAssets.has(id) || virtualSiteComponentPanelAssets.has(id)) {
         return id;
       }
       return null;
@@ -38869,21 +38869,10 @@ var moduleBundleBuildBrowser = ({
       if (customElementPanelComponent) {
         return getCustomElementPanelBuildTemplate(customElementPanelComponent);
       }
-      const siteComponent = virtualSiteComponentAssets.get(id);
-      if (siteComponent) {
-        return getSiteComponentBuildTemplate(appId, siteComponent);
-      }
       const siteSdkComponent = virtualSiteComponentSdkAssets.get(id);
       if (siteSdkComponent) {
         return getSiteComponentSdkBuildTemplate(siteSdkComponent);
       }
-      const siteComponentPreview = virtualSiteComponentPreviewAssets.get(id);
-      if (siteComponentPreview) {
-        return getSiteComponentPreviewBuildTemplate(
-          appId,
-          siteComponentPreview
-        );
-      }
       const siteComponentPanel = virtualSiteComponentPanelAssets.get(id);
       if (siteComponentPanel) {
         return getSiteComponentPanelBuildTemplate(siteComponentPanel);
@@ -38892,7 +38881,7 @@ var moduleBundleBuildBrowser = ({
     }
   };
 };
-var moduleBundleBuildWorker = ({
+var moduleBundleBuildBlocks = ({
   initialModel
 }) => {
   const virtualBlocksWidgetAssets = virtualBlocksWidgetScriptAssets(initialModel);
@@ -38921,14 +38910,14 @@ var moduleBundleBuildWorker = ({
     }
   };
 };
-var moduleBundleBuildSsr = ({
+var moduleBundleBuildSiteComponents = ({
   initialModel
 }) => {
   const { appId } = initialModel.config;
   const virtualSiteComponentAssets = virtualSiteComponentScriptAssets(initialModel);
   const virtualSiteComponentPreviewAssets = virtualSiteComponentPreviewScriptAssets(initialModel);
   return {
-    name: "wix:module-bundle-build-ssr",
+    name: "wix:module-bundle-build-site-components",
     apply: "build",
     resolveId(rawId) {
       const id = cleanId(rawId);
@@ -39992,8 +39981,11 @@ var updateBlocksComponents = (manifest, blocksComponents) => {
   }
   return { ...manifest, components: updatedExtensions };
 };
-var BASE_URL_PLACEHOLDER = "https://__BASE_URL_PLACEHOLDER__/";
-var generateUrl = (path9) => `${BASE_URL_PLACEHOLDER}${path9.startsWith("/") ? path9.substring(1) : path9}`;
+var BASE_URL_PLACEHOLDER = "https://__base_url_placeholder__/";
+var generateUrl = (path9) => {
+  const url = new URL(path9, BASE_URL_PLACEHOLDER);
+  return url.toString();
+};
 var updateAppManifestComponents = ({
   manifest,
   backendServerUrl,
@@ -40025,7 +40017,7 @@ function getEmbeddedScriptEntries(model) {
   return new Set(entries);
 }
 function getEmbeddedScriptHtmlUrl(filename) {
-  return `${BASE_URL_PLACEHOLDER}${filename}`;
+  return generateUrl(filename);
 }
 function embeddedScriptSDKSupport(options) {
   const { initialModel, type } = options;
@@ -40322,12 +40314,34 @@ function hashHtmlFiles() {
 // src/vite/plugins/exports-custodian.ts
 init_esm_shims();
 var EXPORTS_CUSTODIAN_ENTRY = "virtual:wix-exports-custodian-entry";
-var exportsCustodian = ({ initialModel }) => {
+var preserveSiteComponentPanelsExports = ({
+  initialModel
+}) => {
+  const virtualSiteComponentPanelAssets = virtualSiteComponentPanelScriptAssets(initialModel);
+  return {
+    name: "wix:site-components:preserve-exports-panels",
+    apply: "build",
+    resolveId(id) {
+      if (id === EXPORTS_CUSTODIAN_ENTRY) {
+        return id;
+      }
+      return null;
+    },
+    load(id) {
+      if (id === EXPORTS_CUSTODIAN_ENTRY) {
+        return [...virtualSiteComponentPanelAssets.keys()].map((path9) => `import('${path9}');`).join("\n");
+      }
+      return null;
+    }
+  };
+};
+var preserveSiteComponentComponentsExports = ({
+  initialModel
+}) => {
   const virtualSiteComponentAssets = virtualSiteComponentScriptAssets(initialModel);
   const virtualSiteComponentPreviewAssets = virtualSiteComponentPreviewScriptAssets(initialModel);
-  const virtualSiteComponentPanelAssets = virtualSiteComponentPanelScriptAssets(initialModel);
   return {
-    name: "wix:exports-custodian",
+    name: "wix:site-components:preserve-exports-components",
     apply: "build",
     resolveId(id) {
       if (id === EXPORTS_CUSTODIAN_ENTRY) {
@@ -40338,9 +40352,8 @@ var exportsCustodian = ({ initialModel }) => {
     load(id) {
       if (id === EXPORTS_CUSTODIAN_ENTRY) {
         return [
-          ...virtualSiteComponentAssets.keys(),
           ...virtualSiteComponentPreviewAssets.keys(),
-          ...virtualSiteComponentPanelAssets.keys()
+          ...virtualSiteComponentAssets.keys()
         ].map((path9) => `import('${path9}');`).join("\n");
       }
       return null;
@@ -40351,6 +40364,7 @@ var exportsCustodian = ({ initialModel }) => {
 // src/vite/configs/build-command/base.ts
 init_esm_shims();
 import { join as join6 } from "node:path";
+import { normalizePath as normalizePath2 } from "vite";
 
 // src/vite/plugins/web-methods-plugin.ts
 init_esm_shims();
@@ -40507,9 +40521,15 @@ function getBaseViteConfig({ model, outputDir, customLogger }) {
       emptyOutDir: false,
       rollupOptions: {
         output: {
-          assetFileNames: join6(outputDir, "assets/[name].ch.[hash][extname]"),
-          chunkFileNames: join6(outputDir, "assets/[name].ch.[hash].js"),
-          entryFileNames: join6(outputDir, "assets/[name].ch.[hash].js")
+          assetFileNames: normalizePath2(
+            join6(outputDir, "assets/[name].ch.[hash][extname]")
+          ),
+          chunkFileNames: normalizePath2(
+            join6(outputDir, "assets/[name].ch.[hash].js")
+          ),
+          entryFileNames: normalizePath2(
+            join6(outputDir, "assets/[name].ch.[hash].js")
+          )
         }
       }
     },
@@ -40548,21 +40568,12 @@ function getViteConfig2(model, options) {
   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 virtualSiteComponentSdkScriptEntries = [
     ...virtualSiteComponentSdkScriptAssets(model)
   ].map(([assetId, component]) => [
     `script-asset-${component.id}-sdk`,
     assetId
   ]);
-  const virtualSiteComponentPreviewScriptEntries = [
-    ...virtualSiteComponentPreviewScriptAssets(model)
-  ].map(([assetId, component]) => [
-    `script-asset-${component.id}-preview`,
-    assetId
-  ]);
   const virtualSiteComponentPanelScriptEntries = [
     ...virtualSiteComponentPanelScriptAssets(model)
   ].map(([assetId, component]) => [`script-asset-${component.id}`, assetId]);
@@ -40577,7 +40588,6 @@ function getViteConfig2(model, options) {
   const config = {
     build: {
       rollupOptions: {
-        external: ["@wix/services-manager-react"],
         /*
          * 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.
@@ -40591,13 +40601,11 @@ function getViteConfig2(model, options) {
             ...embeddedScriptEntries,
             ...virtualCustomElementHTMLEntries,
             ...virtualCustomElementScriptEntries,
-            ...virtualSiteComponentScriptEntries,
             ...virtualSiteComponentSdkScriptEntries,
-            ...virtualSiteComponentPreviewScriptEntries,
             ...virtualSiteComponentPanelScriptEntries,
             ...virtualSiteComponentPresetEntries
           ]),
-          ...virtualSiteComponentScriptEntries.length ? { [EXPORTS_CUSTODIAN_ENTRY]: EXPORTS_CUSTODIAN_ENTRY } : {}
+          ...virtualSiteComponentPanelScriptEntries.length ? { [EXPORTS_CUSTODIAN_ENTRY]: EXPORTS_CUSTODIAN_ENTRY } : {}
         }
       }
     },
@@ -40621,7 +40629,7 @@ function getViteConfig2(model, options) {
         initialModel: model,
         ...options
       }),
-      exportsCustodian({ initialModel: model }),
+      preserveSiteComponentPanelsExports({ initialModel: model }),
       configExtensionsFileEmitter(model)
     ],
     experimental: {
@@ -40688,15 +40696,100 @@ function getViteConfig3(model, options) {
         }
       }
     },
-    plugins: [moduleBundleBuildWorker({ initialModel: model })]
+    plugins: [moduleBundleBuildBlocks({ initialModel: model })]
   };
   return mergeConfig2(config, baseConfig);
 }
 
-// src/vite/configs/build-command/site-components-server.ts
+// 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)
+  ].map(([assetId, component]) => [`script-asset-${component.id}`, assetId]);
+  const virtualSiteComponentPreviewScriptEntries = [
+    ...virtualSiteComponentPreviewScriptAssets(model)
+  ].map(([assetId, component]) => [
+    `script-asset-${component.id}-preview`,
+    assetId
+  ]);
+  const baseConfig = getBaseViteConfig({
+    ...options,
+    model,
+    outputDir: SITE_COMPONENTS_CLIENT_STATICS_FOLDER
+  });
+  const config = {
+    build: {
+      rollupOptions: {
+        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.
+         * It will break our naive flow of extracting css, since we trying to take css from "root" module.
+         */
+        preserveEntrySignatures: "allow-extension",
+        input: {
+          ...Object.fromEntries([
+            ...virtualSiteComponentScriptEntries,
+            ...virtualSiteComponentPreviewScriptEntries
+          ]),
+          [EXPORTS_CUSTODIAN_ENTRY]: EXPORTS_CUSTODIAN_ENTRY
+        }
+      }
+    },
+    plugins: [
+      moduleBundleBuildSiteComponents({ initialModel: model }),
+      draftJs(),
+      preserveSiteComponentComponentsExports({ initialModel: model })
+    ],
+    experimental: {
+      /*
+              When a js chunk loads any other async js chunk,
+              Vite also preloads the async chunk's dependencies.
+      
+              For example:
+              in some source code:      `import('./some-other-file.js');`
+              in `some-other-file.js`:  `import './some-stylesheet.css';`
+      
+              When Vite builds the above, the emitted dynamic import
+              would also append a preload tag for the emitted css file
+      
+              Using `experimental.renderBuiltUrl` appends a JS expression as the baseUrl for this,
+              Otherwise:
+              - it would default to being relative to the page's origin
+              - or we'd have to hardcode the `baseUrl` at build-time
+            */
+      renderBuiltUrl(filename, { hostType, hostId }) {
+        if (hostType !== "js") {
+          return { relative: true };
+        }
+        return {
+          // https://github.com/wix-private/wix-cli/pull/900#discussion_r1201541691
+          runtime: `import.meta.url.replace("${hostId}", "${filename}")`
+        };
+      }
+    }
+  };
+  return mergeConfig3(config, baseConfig);
+}
+
+// src/vite/configs/build-command/site-components-server.ts
+init_esm_shims();
+import { mergeConfig as mergeConfig4 } from "vite";
+function getViteConfig5(model, options) {
   const virtualSiteComponentScriptEntries = [
     ...virtualSiteComponentScriptAssets(model)
   ].map(
@@ -40726,7 +40819,7 @@ function getViteConfig4(model, options) {
         ssr: true,
         ssrEmitAssets: true,
         rollupOptions: {
-          external: ["react", "react-dom", "@wix/services-manager-react"],
+          external: siteComponentsExternals,
           input: {
             [entryName]: entryPath
           },
@@ -40735,9 +40828,9 @@ function getViteConfig4(model, options) {
           }
         }
       },
-      plugins: [moduleBundleBuildSsr({ initialModel: model })]
+      plugins: [moduleBundleBuildSiteComponents({ initialModel: model })]
     };
-    return mergeConfig3(config, baseConfig);
+    return mergeConfig4(config, baseConfig);
   });
 }
 
@@ -40939,7 +41032,7 @@ function autoOrigin() {
 }
 
 // src/vite/configs/dev-command/client.ts
-function getViteConfig5(model, options) {
+function getViteConfig6(model, options) {
   const { https, baseBackendUrl, port, origin } = options;
   const allowedHosts = origin ? [new URL(origin).hostname] : void 0;
   return {
@@ -41080,7 +41173,7 @@ var m = (n3) => ({
 
 // src/vite/configs/dev-command/site-components.ts
 var SITE_COMPONENTS_BASE = "/@gateway/site_components";
-function getViteConfig6(model, options) {
+function getViteConfig7(model, options) {
   const { https, baseBackendUrl } = options;
   return {
     appType: "custom",
@@ -41097,7 +41190,6 @@ function getViteConfig6(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,
@@ -41117,7 +41209,9 @@ function getViteConfig6(model, options) {
         projectFolder: model.projectFolder
       }),
       m({
-        externals: ["react", "react-dom", "@wix/services-manager-react"]
+        externals: siteComponentsExternals.map(
+          (external) => new RegExp(`^${external}$`)
+        )
       }),
       fbjsHotfixPlugin(),
       draftJs(),
@@ -41728,6 +41822,7 @@ async function createAppManifest({
           return {
             compId: component.id,
             compType: ComponentType.EDITOR_REACT_COMPONENT,
+            compName: component.editorElement.displayName || component.id,
             compData: {
               editorReactComponent: {
                 type: component.elementType,
@@ -42204,11 +42299,11 @@ var siteComponentDevBuilder = (component) => {
     }
   };
 };
-var siteComponentBuildBuilder = (component, { browserBuildOutput }, { siteComponentsServerBuildOutput }) => {
+var siteComponentBuildBuilder = (component, { browserBuildOutput }, { siteComponentsClientBuildOutput }, { siteComponentsServerBuildOutput }) => {
   const moduleId = virtualModuleIdForSiteComponentScriptAsset(component.id);
   const sdkModuleId = component.relativeSdkPath ? virtualModuleIdForSiteComponentSdkScriptAsset(component.id) : null;
   const previewModuleId = component.relativePreviewPath ? virtualModuleIdForSiteComponentPreview(component.id) : null;
-  if (!siteComponentsServerBuildOutput) {
+  if (!siteComponentsClientBuildOutput || !siteComponentsServerBuildOutput) {
     throw new Error("Missing build output for site component");
   }
   const presets = {};
@@ -42262,7 +42357,7 @@ var siteComponentBuildBuilder = (component, { browserBuildOutput }, { siteCompon
       client: {
         ...definedResources.client ?? {},
         componentUrl: generateUrl(
-          extractModuleBundleName(browserBuildOutput, moduleId)
+          extractModuleBundleName(siteComponentsClientBuildOutput, moduleId)
         ),
         cssUrl: cssUrl ? generateUrl(cssUrl) : void 0
       },
@@ -42281,7 +42376,10 @@ var siteComponentBuildBuilder = (component, { browserBuildOutput }, { siteCompon
       ...previewModuleId ? {
         editor: {
           componentUrl: generateUrl(
-            extractModuleBundleName(browserBuildOutput, previewModuleId)
+            extractModuleBundleName(
+              siteComponentsClientBuildOutput,
+              previewModuleId
+            )
           ),
           cssUrl: editorCssUrl ? generateUrl(editorCssUrl) : void 0
         }
@@ -42335,7 +42433,7 @@ function getComponentDevSourceBuilder(model, devSource, backendSource) {
     return source;
   };
 }
-function getComponentBuildSourceBuilder(model, browserBuildSource, workerBuildSource, backendSource, siteComponentsServerBuildSource) {
+function getComponentBuildSourceBuilder(model, browserBuildSource, workerBuildSource, backendSource, siteComponentsClientBuildSource, siteComponentsServerBuildSource) {
   return async (component) => {
     const source = (0, import_variant5.match)(component, {
       EmbeddedScript: (embeddedScriptComponent) => embeddedScriptBuilder(model, embeddedScriptComponent, {
@@ -42381,6 +42479,7 @@ function getComponentBuildSourceBuilder(model, browserBuildSource, workerBuildSo
       SiteComponent: (component2) => siteComponentBuildBuilder(
         component2,
         browserBuildSource,
+        siteComponentsClientBuildSource,
         siteComponentsServerBuildSource
       ),
       SiteComponentPanel: (component2) => siteComponentPanelBuilder(component2, {
@@ -42399,11 +42498,12 @@ export {
   updateTopology,
   updateAppManifestComponents,
   getMonitoringProvider,
-  getViteConfig5 as getViteConfig2,
-  getViteConfig6 as getViteConfig3,
+  getViteConfig6 as getViteConfig2,
+  getViteConfig7 as getViteConfig3,
   getViteConfig2 as getViteConfig4,
   getViteConfig3 as getViteConfig5,
   getViteConfig4 as getViteConfig6,
+  getViteConfig5 as getViteConfig7,
   validateComponents,
   createCustomElementConfig,
   createAppManifest,
@@ -42415,4 +42515,4 @@ export {
 he/he.js:
   (*! https://mths.be/he v1.2.0 by @mathias | MIT license *)
 */
-//# sourceMappingURL=chunk-UNCNFFF6.js.map
+//# sourceMappingURL=chunk-YN6G2AVC.js.map