@wix/cli-app 1.1.108 → 1.1.110

package/build/{chunk-PFAJ5ETM.js → chunk-SWB72JLJ.js}

@@ -4,7 +4,7 @@ import {
   require_react,
   useBiLogger,
   wixCliAppBiEvents
-} from "./chunk-W5SE5OVE.js";
+} from "./chunk-AFDFFSHE.js";
 import {
   __toESM,
   init_esm_shims
@@ -24,4 +24,4 @@ init_esm_shims();
 export {
   useWixCliAppBi
 };
-//# sourceMappingURL=chunk-PFAJ5ETM.js.map
+//# sourceMappingURL=chunk-SWB72JLJ.js.map

package/build/{chunk-HAUIN5OS.js → chunk-SXJDV4SV.js}

@@ -3,16 +3,16 @@ const require = _createRequire(import.meta.url);
 import {
   PreviewCommand,
   assertBuildOutputExists
-} from "./chunk-MAZMH6ES.js";
+} from "./chunk-ZQMS7U6K.js";
 import {
   useARMClient
-} from "./chunk-7KESMWRI.js";
+} from "./chunk-NPOXJLJB.js";
 import {
   useWixCliAppBi
-} from "./chunk-PFAJ5ETM.js";
+} from "./chunk-SWB72JLJ.js";
 import {
   useBackendComponents
-} from "./chunk-Z4NG6X6T.js";
+} from "./chunk-YIBGA5R7.js";
 import {
   Alert,
   Box_default,
@@ -36,7 +36,7 @@ import {
   useAsyncCallback,
   useProjectModel,
   useTranslation
-} from "./chunk-W5SE5OVE.js";
+} from "./chunk-AFDFFSHE.js";
 import {
   __toESM,
   init_esm_shims
@@ -399,4 +399,4 @@ export {
   ReleaseVersionType,
   ReleaseCommand
 };
-//# sourceMappingURL=chunk-HAUIN5OS.js.map
+//# sourceMappingURL=chunk-SXJDV4SV.js.map

package/build/{chunk-UN2TQTOP.js → chunk-UYA3TH5I.js}

@@ -3,7 +3,7 @@ const require = _createRequire(import.meta.url);
 import {
   getBackendEventSlug,
   require_baseUniq
-} from "./chunk-RDXTHRJ4.js";
+} from "./chunk-7344VPG4.js";
 import {
   API_BASEURL_PLACEHOLDER,
   AlgorithmType,
@@ -82,7 +82,7 @@ import {
   virtualSiteComponentScriptAssets,
   virtualSiteComponentSdkScriptAssets,
   z
-} from "./chunk-W5SE5OVE.js";
+} from "./chunk-AFDFFSHE.js";
 import {
   __commonJS,
   __esm,
@@ -37978,6 +37978,10 @@ var import_monitoring_buildtime = __toESM(require_build(), 1);
 // src/vite/vite-server-url.ts
 init_esm_shims();
 function getViteServerUrl2(viteServer) {
+  const origin = viteServer.config.server.origin;
+  if (origin && URL.canParse(origin)) {
+    return origin;
+  }
   const viteAddress = viteServer.resolvedUrls?.local[0];
   if (!viteAddress) {
     throw new Error("Vite server listening but no URL.");
@@ -38280,7 +38284,10 @@ var CUSTOM_ELEMENT_HMR_PARAMETER = "custom-element-hmr";
 var CUSTOM_ELEMENT_HMR_RE = new RegExp(
   `[?&]${CUSTOM_ELEMENT_HMR_PARAMETER}=([^&]+)`
 );
-var getCustomElementPathWithHMR = (resolvedUrls, component) => `${resolvedUrls ? resolvedUrls.local[0] : "/"}${component.relativePath}?${CUSTOM_ELEMENT_HMR_PARAMETER}=${component.tagName}`;
+var getCustomElementPathWithHMR = (base, component) => new URL(
+  `${component.relativePath}?${CUSTOM_ELEMENT_HMR_PARAMETER}=${component.tagName}`,
+  base
+).toString();
 var getCustomElementHMRTemplate = (id, root) => {
   const originalId = id.replace(root, "");
   const originalCustomElementPath = originalId.replace(
@@ -38535,12 +38542,9 @@ var getCustomElementBaseTemplate = (path10, tagName, appId) => (
   })();
 `
 );
-var getCustomElementDevTemplate = (appId, serverInstance, customElementComponent) => {
+var getCustomElementDevTemplate = (appId, base, customElementComponent) => {
   return getCustomElementBaseTemplate(
-    getCustomElementPathWithHMR(
-      serverInstance.resolvedUrls,
-      customElementComponent
-    ),
+    getCustomElementPathWithHMR(base, customElementComponent),
     customElementComponent.tagName,
     appId
   );
@@ -38678,21 +38682,21 @@ var moduleBundleDev = ({
             server.moduleGraph.invalidateModule(moduleBundle);
           }
         }
-        virtualSiteComponentAssets = virtualSiteComponentScriptAssets(initialModel);
+        virtualSiteComponentAssets = virtualSiteComponentScriptAssets(model);
         for (const scriptId of virtualSiteComponentAssets.keys()) {
           const moduleBundle = server.moduleGraph.getModuleById(scriptId);
           if (moduleBundle) {
             server.moduleGraph.invalidateModule(moduleBundle);
           }
         }
-        virtualSiteComponentSdkAssets = virtualSiteComponentSdkScriptAssets(initialModel);
+        virtualSiteComponentSdkAssets = virtualSiteComponentSdkScriptAssets(model);
         for (const scriptId of virtualSiteComponentSdkAssets.keys()) {
           const moduleBundle = server.moduleGraph.getModuleById(scriptId);
           if (moduleBundle) {
             server.moduleGraph.invalidateModule(moduleBundle);
           }
         }
-        virtualSiteComponentPanelAssets = virtualSiteComponentPanelScriptAssets(initialModel);
+        virtualSiteComponentPanelAssets = virtualSiteComponentPanelScriptAssets(model);
         for (const scriptId of virtualSiteComponentPanelAssets.keys()) {
           const moduleBundle = server.moduleGraph.getModuleById(scriptId);
           if (moduleBundle) {
@@ -38711,7 +38715,7 @@ var moduleBundleDev = ({
       if (customElementComponent) {
         return getCustomElementDevTemplate(
           appId,
-          serverInstance,
+          getViteServerUrl2(serverInstance),
           customElementComponent
         );
       }
@@ -39664,18 +39668,37 @@ function ssl() {
 
 // src/vite/plugins/auto-origin.ts
 init_esm_shims();
+import { dirname as dirname3, isAbsolute as isAbsolute2, join as join5 } from "node:path";
 var originPlaceholder = "__WIX_ORIGIN_PLACEHOLDER__";
+function getAbsoluteAssetUrl(originalUrl, assetUrl, viteAddress) {
+  const url = new URL(assetUrl, viteAddress).href;
+  if (assetUrl.startsWith("/@vite")) {
+    return url;
+  }
+  if (isAbsolute2(assetUrl)) {
+    return url;
+  }
+  return new URL(join5(dirname3(originalUrl), assetUrl), viteAddress).href;
+}
 function autoOrigin() {
-  let origin = null;
+  let viteServer;
+  let origin;
   return {
     name: "wix:auto-origin",
     apply: "serve",
-    config: () => ({
-      server: {
-        origin: originPlaceholder
+    config: (config) => {
+      if (config.server?.origin) {
+        origin = config.server.origin;
+        return;
       }
-    }),
+      return {
+        server: {
+          origin: originPlaceholder
+        }
+      };
+    },
     configureServer: (server) => {
+      viteServer = server;
       server.middlewares.use((_req, _res, next) => {
         origin ??= getViteServerUrl2(server).replace(/\/$/, "");
         next();
@@ -39692,42 +39715,23 @@ function autoOrigin() {
         });
       }
       return code.replaceAll(originPlaceholder, origin);
-    }
-  };
-}
-
-// src/vite/plugins/absolute-html-url.ts
-init_esm_shims();
-import { dirname as dirname3, isAbsolute as isAbsolute2, join as join5 } from "node:path";
-import { URL as URL2 } from "node:url";
-function getAbsoluteAssetUrl(originalUrl, assetUrl, viteAddress) {
-  let url = new URL2(assetUrl, viteAddress).href;
-  if (assetUrl.startsWith("/@vite")) {
-    return url;
-  }
-  if (!isAbsolute2(assetUrl)) {
-    const assetPath = join5(dirname3(originalUrl), assetUrl);
-    url = new URL2(assetPath, viteAddress).href;
-  }
-  return url;
-}
-function absoluteHtmlUrl() {
-  let viteDevServer;
-  return {
-    name: "wix:absolute-html-url",
-    apply: "serve",
-    configureServer(viteServer) {
-      viteDevServer = viteServer;
     },
+    // Similar problem reported in vite repo: https://github.com/vitejs/vite/issues/14263
+    // Clarification:
+    // Embedded scripts will be added to the user's website.
+    // If it has a relative URL, for example: `<script type="module" src="./logger.ts"></script>`,
+    // the browser will attempt to load the script from the website's domain,
+    // resulting in a URL like this: `https://artemdem7.wixsite.com/logger.ts`, which is unavailable.
+    // To make it work, we need to use an absolute URL to load the script from the localhost.
     transformIndexHtml: {
       order: "post",
       handler(html, { originalUrl }) {
+        origin ??= getViteServerUrl2(viteServer).replace(/\/$/, "");
         if (!originalUrl) {
-          throw new Error("Cannot find asset URL.");
+          return;
         }
-        const viteAddress = viteDevServer.resolvedUrls?.local[0];
         const regexReplace = (_, prefix, assetUrl, suffix) => {
-          const url = getAbsoluteAssetUrl(originalUrl, assetUrl, viteAddress);
+          const url = getAbsoluteAssetUrl(originalUrl, assetUrl, origin);
           return `${prefix}${url}${suffix}`;
         };
         return html.replaceAll(
@@ -39744,7 +39748,8 @@ function absoluteHtmlUrl() {
 
 // src/vite/configs/dev.ts
 function getViteConfig5(model, options) {
-  const { https, baseBackendUrl } = options;
+  const { https, baseBackendUrl, port, origin } = options;
+  const allowedHosts = origin ? [new URL(origin).hostname] : void 0;
   return {
     configFile: false,
     root: model.projectFolder,
@@ -39770,7 +39775,14 @@ function getViteConfig5(model, options) {
         SITE_COMPONENTS_PRESETS_PATTERN
       ]
     },
-    server: { cors: { origin: true } },
+    server: {
+      cors: { origin: true },
+      port,
+      strictPort: !!port,
+      host: !!origin,
+      allowedHosts,
+      origin
+    },
     define: {
       ...baseBackendUrl ? {
         "import.meta.env.BASE_API_URL": JSON.stringify(
@@ -39800,7 +39812,6 @@ function getViteConfig5(model, options) {
         ...options
       }),
       autoOrigin(),
-      absoluteHtmlUrl(),
       embeddedScriptSDKSupport({
         type: "dev" /* dev */,
         initialModel: model,
@@ -42120,4 +42131,4 @@ export {
 he/he.js:
   (*! https://mths.be/he v1.2.0 by @mathias | MIT license *)
 */
-//# sourceMappingURL=chunk-UN2TQTOP.js.map
+//# sourceMappingURL=chunk-UYA3TH5I.js.map