@wix/cli-app 1.1.101 → 1.1.103

package/build/{LogsCommand-RQIJ3U7F.js → LogsCommand-B4XRPZLR.js}

@@ -2,7 +2,7 @@ import { createRequire as _createRequire } from 'node:module';
 const require = _createRequire(import.meta.url);
 import {
   useTunnel
-} from "./chunk-HSSABJL6.js";
+} from "./chunk-ASICDRRU.js";
 import "./chunk-GWE3BRHX.js";
 import {
   Box_default,
@@ -23,7 +23,7 @@ import {
   useProjectModel,
   useTranslation,
   z
-} from "./chunk-FG7W5UDB.js";
+} from "./chunk-5HJEX4ZX.js";
 import {
   __toESM,
   init_esm_shims
@@ -279,4 +279,4 @@ var LogsCommand = ({ version }) => {
 export {
   LogsCommand
 };
-//# sourceMappingURL=LogsCommand-RQIJ3U7F.js.map
+//# sourceMappingURL=LogsCommand-B4XRPZLR.js.map

package/build/PreviewCommand-WY3GWOX4.js

@@ -0,0 +1,19 @@
+import { createRequire as _createRequire } from 'node:module';
+const require = _createRequire(import.meta.url);
+import {
+  PreviewCommand
+} from "./chunk-2PWMAOFK.js";
+import "./chunk-LFE6DV2A.js";
+import "./chunk-HQWWEMUE.js";
+import "./chunk-FQVLZZ37.js";
+import "./chunk-ASICDRRU.js";
+import "./chunk-GWE3BRHX.js";
+import "./chunk-2FFNGH2K.js";
+import "./chunk-4BN6QXJE.js";
+import "./chunk-IJSYFKIP.js";
+import "./chunk-5HJEX4ZX.js";
+import "./chunk-4EFJZ3GQ.js";
+export {
+  PreviewCommand
+};
+//# sourceMappingURL=PreviewCommand-WY3GWOX4.js.map

package/build/ReleaseCommand-KDD44AO7.js

@@ -0,0 +1,23 @@
+import { createRequire as _createRequire } from 'node:module';
+const require = _createRequire(import.meta.url);
+import {
+  ReleaseCommand,
+  ReleaseVersionType
+} from "./chunk-EK3FDNFJ.js";
+import "./chunk-2PWMAOFK.js";
+import "./chunk-LFE6DV2A.js";
+import "./chunk-HQWWEMUE.js";
+import "./chunk-WHR6NSJW.js";
+import "./chunk-FQVLZZ37.js";
+import "./chunk-ASICDRRU.js";
+import "./chunk-GWE3BRHX.js";
+import "./chunk-2FFNGH2K.js";
+import "./chunk-4BN6QXJE.js";
+import "./chunk-IJSYFKIP.js";
+import "./chunk-5HJEX4ZX.js";
+import "./chunk-4EFJZ3GQ.js";
+export {
+  ReleaseCommand,
+  ReleaseVersionType
+};
+//# sourceMappingURL=ReleaseCommand-KDD44AO7.js.map

package/build/{ServeCommand-WOUZHV2Y.js → ServeCommand-CNYCJPJS.js}

@@ -3,14 +3,14 @@ const require = _createRequire(import.meta.url);
 import {
   createPackageManager,
   getRepoType
-} from "./chunk-YK5OGTF3.js";
+} from "./chunk-D4HN4JQJ.js";
 import "./chunk-GWE3BRHX.js";
 import {
   CliError,
   CliErrorCode,
   useAsync,
   useProjectModel
-} from "./chunk-FG7W5UDB.js";
+} from "./chunk-5HJEX4ZX.js";
 import {
   init_esm_shims
 } from "./chunk-4EFJZ3GQ.js";
@@ -40,4 +40,4 @@ var ServeCommandDeprecated = () => {
 export {
   ServeCommandDeprecated
 };
-//# sourceMappingURL=ServeCommand-WOUZHV2Y.js.map
+//# sourceMappingURL=ServeCommand-CNYCJPJS.js.map

package/build/{build-C6DB6Y6E.js → build-A7OAZ226.js}

@@ -2,10 +2,10 @@ import { createRequire as _createRequire } from 'node:module';
 const require = _createRequire(import.meta.url);
 import {
   writeAppManifestFile
-} from "./chunk-6XUQYB5M.js";
+} from "./chunk-LFE6DV2A.js";
 import {
   createLogger
-} from "./chunk-R66WIGA4.js";
+} from "./chunk-VDEKITDE.js";
 import {
   createAppManifest,
   getComponentBuildSourceBuilder,
@@ -14,15 +14,15 @@ import {
   getViteConfig4 as getViteConfig3,
   getViteConfig5 as getViteConfig4,
   validateComponents
-} from "./chunk-JYS6G4NW.js";
-import "./chunk-DAOCDBEQ.js";
+} from "./chunk-4BN6QXJE.js";
+import "./chunk-IJSYFKIP.js";
 import {
   CliError,
   CliErrorCode,
   DevCenterComponent,
   getDistFolder,
   require_lib
-} from "./chunk-FG7W5UDB.js";
+} from "./chunk-5HJEX4ZX.js";
 import {
   __toESM,
   init_esm_shims
@@ -133,4 +133,4 @@ async function build(projectModel) {
 export {
   build
 };
-//# sourceMappingURL=build-C6DB6Y6E.js.map
+//# sourceMappingURL=build-A7OAZ226.js.map

package/build/{chunk-4JT7QYEF.js → chunk-2FFNGH2K.js}

@@ -4,7 +4,7 @@ import {
   require_index_node,
   require_react,
   require_verror
-} from "./chunk-FG7W5UDB.js";
+} from "./chunk-5HJEX4ZX.js";
 import {
   __toESM,
   init_esm_shims
@@ -99,4 +99,4 @@ export {
   DebugLogProvider,
   useDebugLog
 };
-//# sourceMappingURL=chunk-4JT7QYEF.js.map
+//# sourceMappingURL=chunk-2FFNGH2K.js.map

package/build/{chunk-KJN5NVSU.js → chunk-2PWMAOFK.js}

@@ -2,7 +2,7 @@ import { createRequire as _createRequire } from 'node:module';
 const require = _createRequire(import.meta.url);
 import {
   readAppManifestFile
-} from "./chunk-6XUQYB5M.js";
+} from "./chunk-LFE6DV2A.js";
 import {
   ArmTagProvider,
   ExtensionDataProvider,
@@ -16,16 +16,16 @@ import {
   useResolvePlatformUrl,
   useSite,
   useSiteOverrideClient
-} from "./chunk-OMC2SHRJ.js";
+} from "./chunk-HQWWEMUE.js";
 import {
   useBackendComponents
-} from "./chunk-NPPPO5AD.js";
+} from "./chunk-FQVLZZ37.js";
 import {
   getMonitoringProvider,
   updateAppManifestComponents,
   updateMonitoring,
   updateTopology
-} from "./chunk-JYS6G4NW.js";
+} from "./chunk-4BN6QXJE.js";
 import {
   Alert,
   BROWSER_STATICS_FOLDER,
@@ -57,7 +57,7 @@ import {
   useHttpClient,
   useProjectModel,
   useTranslation
-} from "./chunk-FG7W5UDB.js";
+} from "./chunk-5HJEX4ZX.js";
 import {
   __toESM,
   init_esm_shims
@@ -294,4 +294,4 @@ export {
   assertBuildOutputExists,
   PreviewCommand
 };
-//# sourceMappingURL=chunk-KJN5NVSU.js.map
+//# sourceMappingURL=chunk-2PWMAOFK.js.map

package/build/{chunk-JYS6G4NW.js → chunk-4BN6QXJE.js}

@@ -3,7 +3,7 @@ const require = _createRequire(import.meta.url);
 import {
   getBackendEventSlug,
   require_baseUniq
-} from "./chunk-DAOCDBEQ.js";
+} from "./chunk-IJSYFKIP.js";
 import {
   API_BASEURL_PLACEHOLDER,
   BACKEND_OPTIMIZED_DIR,
@@ -27,12 +27,14 @@ import {
   ExtendingComponentType,
   HeightMode,
   MonitoringType,
+  PRESETS_DIR,
   PanelContentType,
   RELATIVE_ASSET_PATH_REGEX,
   RegionType,
   SERVICE_PLUGINS_PATTERN,
   SITE_COMPONENTS_PANEL_PATTERN,
   SITE_COMPONENTS_PATTERN,
+  SITE_COMPONENTS_PRESETS_PATTERN,
   SITE_COMPONENTS_SDK_PATTERN,
   SITE_PLUGINS_PANEL_PATTERN,
   SITE_PLUGINS_PLUGIN_PATTERN,
@@ -73,11 +75,13 @@ import {
   virtualModuleIdForSiteComponentSdkScriptAsset,
   virtualPathForCustomElementPanelHTMLAsset,
   virtualPathForHTMLAsset,
+  virtualPresetIdForSiteComponent,
   virtualSiteComponentPanelScriptAssets,
+  virtualSiteComponentPresetAssets,
   virtualSiteComponentScriptAssets,
   virtualSiteComponentSdkScriptAssets,
   z
-} from "./chunk-FG7W5UDB.js";
+} from "./chunk-5HJEX4ZX.js";
 import {
   __commonJS,
   __esm,
@@ -38568,9 +38572,11 @@ var getCustomElementPanelBuildTemplate = (customElementPanelComponent) => {
 init_esm_shims();
 var getSiteComponentBaseTemplate = (applicationId, path9) => {
   return defaultOutdent`
-    import { enableComponentClient } from '@wix/cli-app/internal/platform-sdk/site';
+    import { enableClient } from '@wix/cli-app/internal/platform-sdk/site';
 
-    enableComponentClient('${applicationId}');
+    const { injectGetAccessToken: injectAccessTokenGetter } = enableClient('${applicationId}');
+
+    export { injectAccessTokenGetter };
 
     export { default } from '${path9}';
   `;
@@ -39089,7 +39095,7 @@ function fbjsHotfixPlugin() {
 
 // src/vite/plugins/config-extensions-file-emitter.ts
 init_esm_shims();
-import path5 from "node:path";
+import path5, { dirname as dirname2 } from "node:path";
 function configExtensionsFileEmitter(model) {
   return {
     name: "config-extensions-file-emitter",
@@ -39127,6 +39133,16 @@ function configExtensionsFileEmitter(model) {
             }
           }
         }
+        if (component.type === "SiteComponent" && component.editorElement?.presets) {
+          for (const preset of Object.values(component.editorElement.presets)) {
+            if (preset.thumbnailUrl && RELATIVE_ASSET_PATH_REGEX.test(preset.thumbnailUrl)) {
+              preset.thumbnailUrl = await emitAssetFile(
+                preset.thumbnailUrl,
+                dirname2(component.relativePath)
+              );
+            }
+          }
+        }
       }
     }
   };
@@ -39266,6 +39282,9 @@ function getViteConfig2(model, options) {
   const virtualSiteComponentPanelScriptEntries = [
     ...virtualSiteComponentPanelScriptAssets(model)
   ].map(([assetId, component]) => [`script-asset-${component.id}`, assetId]);
+  const virtualSiteComponentPresetEntries = [
+    ...virtualSiteComponentPresetAssets(model)
+  ].map(([assetId, assetPath]) => [assetId, assetPath]);
   return {
     configFile: false,
     root: model.projectFolder,
@@ -39287,7 +39306,8 @@ function getViteConfig2(model, options) {
             ...virtualCustomElementHTMLEntries,
             ...virtualCustomElementScriptEntries,
             ...virtualSiteComponentScriptEntries,
-            ...virtualSiteComponentPanelScriptEntries
+            ...virtualSiteComponentPanelScriptEntries,
+            ...virtualSiteComponentPresetEntries
           ]),
           ...virtualSiteComponentScriptEntries.length ? { [EXPORTS_CUSTODIAN_ENTRY]: EXPORTS_CUSTODIAN_ENTRY } : {}
         },
@@ -39626,7 +39646,7 @@ function autoOrigin() {
     }),
     configureServer: (server) => {
       server.middlewares.use((_req, _res, next) => {
-        origin ??= getViteServerUrl2(server);
+        origin ??= getViteServerUrl2(server).replace(/\/$/, "");
         next();
       });
     },
@@ -39647,7 +39667,7 @@ function autoOrigin() {
 
 // src/vite/plugins/absolute-html-url.ts
 init_esm_shims();
-import { dirname as dirname2, isAbsolute as isAbsolute2, join as join5 } from "node:path";
+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;
@@ -39655,7 +39675,7 @@ function getAbsoluteAssetUrl(originalUrl, assetUrl, viteAddress) {
     return url;
   }
   if (!isAbsolute2(assetUrl)) {
-    const assetPath = join5(dirname2(originalUrl), assetUrl);
+    const assetPath = join5(dirname3(originalUrl), assetUrl);
     url = new URL2(assetPath, viteAddress).href;
   }
   return url;
@@ -39715,7 +39735,8 @@ function getViteConfig5(model, options) {
         BLOCKS_WIDGETS_PANELS_PATTERN,
         SITE_COMPONENTS_PATTERN,
         SITE_COMPONENTS_PANEL_PATTERN,
-        SITE_COMPONENTS_SDK_PATTERN
+        SITE_COMPONENTS_SDK_PATTERN,
+        SITE_COMPONENTS_PRESETS_PATTERN
       ]
     },
     server: { cors: { origin: true } },
@@ -39754,7 +39775,6 @@ function getViteConfig5(model, options) {
         initialModel: model,
         ...options
       }),
-      configExtensionsFileEmitter(model),
       monitoring({ initialModel: model }),
       src_default({
         ignoreConfigErrors: true,
@@ -39874,13 +39894,13 @@ init_esm_shims();
 var import_variant4 = __toESM(require_lib(), 1);
 var import_uniqWith = __toESM(require_uniqWith(), 1);
 import { randomUUID as randomUUID2 } from "node:crypto";
-import { dirname as dirname3, join as join6 } from "node:path";
+import { dirname as dirname4, join as join6 } from "node:path";
 function isTruthy(x) {
   return x != null && x !== false;
 }
 function parseImageField(asset, relativePath) {
   if (RELATIVE_ASSET_PATH_REGEX.test(asset)) {
-    return join6(dirname3(`/${relativePath}`), asset);
+    return join6(dirname4(`/${relativePath}`), asset);
   }
   return asset;
 }
@@ -40290,6 +40310,7 @@ async function createAppManifest({
           };
         },
         SiteComponent: async (component) => {
+          const siteComponentSource = await componentSourceBuilder(component);
           return {
             compId: component.id,
             compType: ComponentType.EDITOR_REACT_COMPONENT,
@@ -40297,9 +40318,12 @@ async function createAppManifest({
               editorReactComponent: {
                 type: `platform.builder.${appId}_${component.id}`,
                 description: component.description,
-                editorElement: component.editorElement,
+                editorElement: component.editorElement && {
+                  ...component.editorElement,
+                  presets: siteComponentSource.presets
+                },
                 installation: component.installation,
-                resources: { ...await componentSourceBuilder(component) }
+                resources: { ...siteComponentSource.resources }
               }
             }
           };
@@ -40339,7 +40363,7 @@ async function createAppManifest({
 // src/app-manifest/component-source.ts
 init_esm_shims();
 var import_variant5 = __toESM(require_lib(), 1);
-import path8, { join as join7 } from "node:path";
+import path8, { dirname as dirname5, join as join7 } from "node:path";
 import { pathToFileURL as pathToFileURL2 } from "node:url";
 
 // src/app-manifest/build-output-data-extractor.ts
@@ -40356,6 +40380,21 @@ function extractBuildOutputs(buildOutput) {
   const outputs = Array.isArray(buildOutput) ? buildOutput.flatMap((output) => output.output) : buildOutput.output;
   return outputs;
 }
+function extractPresetAssetOutput(buildOutput, presetAssetFileName) {
+  const outputs = extractBuildOutputs(buildOutput);
+  const presetFile = outputs.find((output) => {
+    return output.type === "asset" && output.names.includes(presetAssetFileName);
+  });
+  if (!presetFile) {
+    throw new CliError({
+      code: CliErrorCode.ViteFileNotFoundInOutput({
+        fileName: presetAssetFileName
+      }),
+      cause: null
+    });
+  }
+  return presetFile;
+}
 function extractAssetOutput(buildOutput, fileName) {
   const outputs = extractBuildOutputs(buildOutput);
   return outputs.find((output) => {
@@ -40394,6 +40433,10 @@ function extractModuleBundleCss(buildOutput, moduleId) {
   const importedCss = output.viteMetadata?.importedCss;
   return importedCss?.values().next().value;
 }
+function extractPresetCss(buildOutput, presetAssetFileName) {
+  const output = extractPresetAssetOutput(buildOutput, presetAssetFileName);
+  return output.fileName;
+}
 function extractModuleBundleContent(buildOutput, fileName) {
   const output = extractAssetOutput(buildOutput, fileName);
   if (!output || !("source" in output)) {
@@ -40567,11 +40610,31 @@ var blocksPanelBuilder = (component, source) => {
 var siteComponentDevBuilder = (component) => {
   const moduleId = virtualModuleIdForSiteComponentScriptAsset(component.id);
   const sdkModuleId = component.relativeSdkPath ? virtualModuleIdForSiteComponentSdkScriptAsset(component.id) : null;
+  const presets = component.editorElement?.presets ? Object.entries(
+    component.editorElement.presets
+  ).reduce((acc, [presetName, presetConfig]) => {
+    acc[presetName] = {
+      displayName: presetConfig.displayName,
+      thumbnailUrl: presetConfig.thumbnailUrl && parseImageField(
+        presetConfig.thumbnailUrl,
+        dirname5(component.relativePath)
+      ),
+      cssUrl: join7(
+        dirname5(component.relativePath),
+        PRESETS_DIR,
+        `${presetName}.css`
+      )
+    };
+    return acc;
+  }, {}) : {};
   return {
-    client: {
-      componentUrl: `/@id/${moduleId}?import`
-    },
-    ...sdkModuleId ? { sdk: { url: `/@id/${sdkModuleId}?import` } } : {}
+    presets,
+    resources: {
+      client: {
+        componentUrl: `/@id/${moduleId}?import`
+      },
+      ...sdkModuleId ? { sdk: { url: `/@id/${sdkModuleId}?import` } } : {}
+    }
   };
 };
 var siteComponentBuildBuilder = (component, { browserBuildOutput }, { ssrBuildOutput }) => {
@@ -40580,19 +40643,37 @@ var siteComponentBuildBuilder = (component, { browserBuildOutput }, { ssrBuildOu
   if (!ssrBuildOutput) {
     throw new Error("Missing build output for site component");
   }
+  const presets = {};
+  if (component.editorElement?.presets) {
+    for (const [presetName, presetConfig] of Object.entries(
+      component.editorElement.presets
+    )) {
+      const modulePresetId = virtualPresetIdForSiteComponent(
+        component.id,
+        presetName
+      );
+      presets[presetName] = {
+        ...presetConfig,
+        cssUrl: extractPresetCss(browserBuildOutput, modulePresetId)
+      };
+    }
+  }
   return {
-    client: {
-      componentUrl: extractModuleBundleName(browserBuildOutput, moduleId),
-      cssUrl: extractModuleBundleCss(browserBuildOutput, moduleId)
-    },
-    server: {
-      url: extractModuleBundleName(ssrBuildOutput, moduleId)
-    },
-    ...sdkModuleId ? {
-      sdk: {
-        url: extractModuleBundleName(ssrBuildOutput, sdkModuleId)
-      }
-    } : {}
+    presets,
+    resources: {
+      client: {
+        componentUrl: extractModuleBundleName(browserBuildOutput, moduleId),
+        cssUrl: extractModuleBundleCss(browserBuildOutput, moduleId)
+      },
+      server: {
+        url: extractModuleBundleName(ssrBuildOutput, moduleId)
+      },
+      ...sdkModuleId ? {
+        sdk: {
+          url: extractModuleBundleName(ssrBuildOutput, sdkModuleId)
+        }
+      } : {}
+    }
   };
 };
 var siteComponentPanelBuilder = (component, source) => {
@@ -41174,7 +41255,7 @@ var monitoringSchema = z.object({
     monitoring: z.unknown()
   })
 });
-var siteComponentSourceSchema = z.object({
+var siteComponentResourcesSchema = z.object({
   client: z.object({
     componentUrl: z.string(),
     cssUrl: z.string().optional()
@@ -41186,6 +41267,14 @@ var siteComponentSourceSchema = z.object({
     url: z.string()
   }).optional()
 });
+var siteComponentPresetsSchema = z.record(
+  z.string(),
+  z.object({
+    cssUrl: z.string(),
+    displayName: z.string(),
+    thumbnailUrl: z.string().optional()
+  })
+);
 var siteComponentSchema = z.object({
   compType: z.literal(ComponentType.EDITOR_REACT_COMPONENT),
   compId: z.string(),
@@ -41194,9 +41283,13 @@ var siteComponentSchema = z.object({
     editorReactComponent: z.object({
       type: z.string().min(5),
       description: z.string().min(5),
-      resources: siteComponentSourceSchema,
-      editorElement: z.unknown(),
-      installation: z.unknown()
+      resources: siteComponentResourcesSchema,
+      installation: z.unknown(),
+      editorElement: z.object({
+        displayName: z.string(),
+        selector: z.string(),
+        presets: siteComponentPresetsSchema
+      }).passthrough().optional()
     })
   })
 });
@@ -41435,6 +41528,19 @@ var overrideCustomElementPresetsWithNormalizedAssets = (presets, normalizedBaseU
   }
   return {};
 };
+var overrideSiteComponentPresetsWithNormalizedAssets = (presets, normalizedBaseUrl) => {
+  return Object.entries(presets).reduce(
+    (siteComponentPresets, [presetName, presetConfig]) => {
+      siteComponentPresets[presetName] = {
+        ...presetConfig,
+        thumbnailUrl: presetConfig.thumbnailUrl && normalizeUrl(presetConfig.thumbnailUrl, normalizedBaseUrl),
+        cssUrl: normalizeUrl(presetConfig.cssUrl, normalizedBaseUrl)
+      };
+      return siteComponentPresets;
+    },
+    {}
+  );
+};
 var overrideSitePluginMarketDataWithNormalizedLogoUrl = (marketData, normalizedBaseUrl) => {
   const logoUrl = marketData.logoUrl;
   if (logoUrl) {
@@ -41535,6 +41641,12 @@ var updateBrowserComponentsWithBaseUrl = (appManifest, baseUrl) => {
         compData.editorReactComponent.resources.client.componentUrl,
         normalizedBaseUrl
       );
+      if (compData.editorReactComponent.editorElement?.presets) {
+        compData.editorReactComponent.editorElement.presets = overrideSiteComponentPresetsWithNormalizedAssets(
+          compData.editorReactComponent.editorElement.presets,
+          normalizedBaseUrl
+        );
+      }
       if (compData.editorReactComponent.resources.client.cssUrl) {
         compData.editorReactComponent.resources.client.cssUrl = normalizeUrl(
           compData.editorReactComponent.resources.client.cssUrl,
@@ -41824,4 +41936,4 @@ export {
 he/he.js:
   (*! https://mths.be/he v1.2.0 by @mathias | MIT license *)
 */
-//# sourceMappingURL=chunk-JYS6G4NW.js.map
+//# sourceMappingURL=chunk-4BN6QXJE.js.map