@wix/cli-app 1.1.100 → 1.1.102

package/build/{chunk-6PTN75QU.js → chunk-IQYQOEW3.js}

@@ -3,7 +3,7 @@ const require = _createRequire(import.meta.url);
 import {
   getBackendEventSlug,
   require_baseUniq
-} from "./chunk-APL5CTYZ.js";
+} from "./chunk-IUORUH2M.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-7CJYZWA3.js";
+} from "./chunk-N3ILQXOU.js";
 import {
   __commonJS,
   __esm,
@@ -29247,6 +29251,9 @@ minimatch.Minimatch = Minimatch;
 minimatch.escape = escape2;
 minimatch.unescape = unescape2;
 
+// ../cli-miniflare/src/plugin.ts
+import { pathToFileURL } from "node:url";
+
 // ../cli-miniflare/src/utils.ts
 init_esm_shims();
 import { Readable } from "node:stream";
@@ -29392,7 +29399,7 @@ function viteMiniflarePlugin(options) {
               bindings: {
                 __VITE_ROOT: viteDevServer.config.root,
                 __VITE_FETCH_MODULE_PATHNAME: FETCH_MODULE_PATHNAME,
-                __VITE_RUNTIME_EXECUTE_URL: options.entry,
+                __VITE_RUNTIME_EXECUTE_URL: pathToFileURL(options.entry).pathname,
                 __VITE_DEV_SERVER_URL: getViteServerUrl(viteDevServer),
                 __VITE_NODE_BUILTINS: supportedNodeBuiltInExternals
               }
@@ -39086,7 +39093,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",
@@ -39124,6 +39131,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)
+              );
+            }
+          }
+        }
       }
     }
   };
@@ -39263,6 +39280,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,
@@ -39284,7 +39304,8 @@ function getViteConfig2(model, options) {
             ...virtualCustomElementHTMLEntries,
             ...virtualCustomElementScriptEntries,
             ...virtualSiteComponentScriptEntries,
-            ...virtualSiteComponentPanelScriptEntries
+            ...virtualSiteComponentPanelScriptEntries,
+            ...virtualSiteComponentPresetEntries
           ]),
           ...virtualSiteComponentScriptEntries.length ? { [EXPORTS_CUSTODIAN_ENTRY]: EXPORTS_CUSTODIAN_ENTRY } : {}
         },
@@ -39644,7 +39665,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;
@@ -39652,7 +39673,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;
@@ -39712,7 +39733,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 } },
@@ -39751,7 +39773,6 @@ function getViteConfig5(model, options) {
         initialModel: model,
         ...options
       }),
-      configExtensionsFileEmitter(model),
       monitoring({ initialModel: model }),
       src_default({
         ignoreConfigErrors: true,
@@ -39871,13 +39892,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;
 }
@@ -40287,6 +40308,7 @@ async function createAppManifest({
           };
         },
         SiteComponent: async (component) => {
+          const siteComponentSource = await componentSourceBuilder(component);
           return {
             compId: component.id,
             compType: ComponentType.EDITOR_REACT_COMPONENT,
@@ -40294,9 +40316,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 }
               }
             }
           };
@@ -40336,8 +40361,8 @@ 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 { pathToFileURL } from "node:url";
+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
 init_esm_shims();
@@ -40353,6 +40378,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) => {
@@ -40391,6 +40431,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)) {
@@ -40434,7 +40478,7 @@ async function getRegisteredExtensions(model) {
     backendBuildFolder,
     "getRegisteredExtensions.mjs"
   );
-  return import(pathToFileURL(outputFilepath).href);
+  return import(pathToFileURL2(outputFilepath).href);
 }
 async function getEventProdSlugs(component, model) {
   const { getRegisteredEvents } = await getRegisteredExtensions(model);
@@ -40564,11 +40608,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 }) => {
@@ -40577,19 +40641,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) => {
@@ -41171,7 +41253,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()
@@ -41183,6 +41265,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(),
@@ -41191,9 +41281,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()
     })
   })
 });
@@ -41432,6 +41526,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) {
@@ -41532,6 +41639,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,
@@ -41821,4 +41934,4 @@ export {
 he/he.js:
   (*! https://mths.be/he v1.2.0 by @mathias | MIT license *)
 */
-//# sourceMappingURL=chunk-6PTN75QU.js.map
+//# sourceMappingURL=chunk-IQYQOEW3.js.map