@wix/cli-app 1.1.90 → 1.1.92

package/build/{chunk-AGCEJPNC.js → chunk-NNPPCKE7.js}

@@ -4,7 +4,7 @@ import {
   require_index_node,
   require_react,
   require_verror
-} from "./chunk-S3RIMPQQ.js";
+} from "./chunk-MJCYVUFE.js";
 import {
   __toESM,
   init_esm_shims
@@ -99,4 +99,4 @@ export {
   DebugLogProvider,
   useDebugLog
 };
-//# sourceMappingURL=chunk-AGCEJPNC.js.map
+//# sourceMappingURL=chunk-NNPPCKE7.js.map

package/build/{chunk-AWOS3TAC.js → chunk-PWAKLRIM.js}

@@ -3,7 +3,7 @@ const require = _createRequire(import.meta.url);
 import {
   getBackendEventSlug,
   require_baseUniq
-} from "./chunk-M7GDC5QO.js";
+} from "./chunk-6GIUS5EN.js";
 import {
   API_BASEURL_PLACEHOLDER,
   BLOCKS_WIDGETS_PANELS_PATTERN,
@@ -30,6 +30,7 @@ import {
   RELATIVE_ASSET_PATH_REGEX,
   RegionType,
   SERVICE_PLUGINS_PATTERN,
+  SITE_COMPONENTS_PANEL_PATTERN,
   SITE_COMPONENTS_PATTERN,
   SITE_COMPONENTS_SDK_PATTERN,
   SITE_PLUGINS_PANEL_PATTERN,
@@ -38,6 +39,7 @@ import {
   SITE_WIDGETS_PANEL_PATTERN,
   WEB_METHOD_PATTERN,
   WIX_CONFIG_FILENAME,
+  Width,
   defaultOutdent,
   ensureDataDirExists,
   getAppBackendBuildFolder,
@@ -65,14 +67,16 @@ import {
   virtualModuleIdForCustomElementPanelScriptAsset,
   virtualModuleIdForCustomElementScriptAsset,
   virtualModuleIdForScriptAsset,
+  virtualModuleIdForSiteComponentPanelScriptAsset,
   virtualModuleIdForSiteComponentScriptAsset,
   virtualModuleIdForSiteComponentSdkScriptAsset,
   virtualPathForCustomElementPanelHTMLAsset,
   virtualPathForHTMLAsset,
+  virtualSiteComponentPanelScriptAssets,
   virtualSiteComponentScriptAssets,
   virtualSiteComponentSdkScriptAssets,
   z
-} from "./chunk-S3RIMPQQ.js";
+} from "./chunk-MJCYVUFE.js";
 import {
   __commonJS,
   __esm,
@@ -29489,7 +29493,7 @@ function getViteConfig(model, options, { appSecret, webhookPublicKey }) {
       "import.meta.env.APP_SECRET": JSON.stringify(appSecret),
       "import.meta.env.PUBLIC_KEY": JSON.stringify(webhookPublicKey),
       "import.meta.env.SENTRY_DSN": JSON.stringify(
-        model.config.monitoring?.sentry.dsn
+        model.config.monitoring && "sentry" in model.config.monitoring ? model.config.monitoring.sentry.dsn : void 0
       )
     },
     plugins: [
@@ -36659,7 +36663,7 @@ var getMonitoringTemplate = ({
   monitoring: monitoring2,
   context
 }) => {
-  if (monitoring2?.sentry) {
+  if (monitoring2 && "sentry" in monitoring2) {
     try {
       return (0, import_monitoring_buildtime.getMonitoringLoaderScript)({
         config: {
@@ -37118,6 +37122,24 @@ var getSiteComponentSdkDevTemplate = (component) => {
 var getSiteComponentSdkBuildTemplate = (component) => {
   return `export { default } from '/${component.relativeSdkPath}';`;
 };
+var getSiteComponentPanelBaseTemplate = (path9) => defaultOutdent`
+    import { createClient } from '@wix/sdk';
+    import { createElement } from 'react';
+    import { default as Component } from '${path9}';
+
+    export default (host) => {
+      const wixClient = createClient({
+        host,
+      });
+      wixClient.enableContext('module');
+
+      return createElement(Component);
+    }
+  `;
+var getSiteComponentPanelDevTemplate = (component) => getSiteComponentPanelBaseTemplate(
+  getComponentPathWithHMR(component.relativePath)
+);
+var getSiteComponentPanelBuildTemplate = (component) => getSiteComponentPanelBaseTemplate(`/${component.relativePath}`);
 
 // src/vite/plugins/module-bundle/plugin.ts
 var postfixRE2 = /[?#].*$/s;
@@ -37134,13 +37156,14 @@ var moduleBundleDev = ({
   let virtualBlocksWidgetPanelAssets = virtualBlocksWidgetPanelScriptAssets(initialModel);
   let virtualSiteComponentAssets = virtualSiteComponentScriptAssets(initialModel);
   let virtualSiteComponentSdkAssets = virtualSiteComponentSdkScriptAssets(initialModel);
+  let virtualSiteComponentPanelAssets = virtualSiteComponentPanelScriptAssets(initialModel);
   let serverInstance;
   return {
     name: "wix:module-bundle-dev",
     apply: "serve",
     resolveId(rawId) {
       const id = cleanId(rawId);
-      if (virtualDashboardAssets.has(id) || virtualCustomElementAssets.has(id) || virtualCustomElementPanelAssets.has(id) || virtualBlocksWidgetAssets.has(id) || virtualBlocksWidgetPanelAssets.has(id) || virtualSiteComponentAssets.has(id) || virtualSiteComponentSdkAssets.has(id)) {
+      if (virtualDashboardAssets.has(id) || virtualCustomElementAssets.has(id) || virtualCustomElementPanelAssets.has(id) || virtualBlocksWidgetAssets.has(id) || virtualBlocksWidgetPanelAssets.has(id) || virtualSiteComponentAssets.has(id) || virtualSiteComponentSdkAssets.has(id) || virtualSiteComponentPanelAssets.has(id)) {
         return id;
       }
       return null;
@@ -37197,6 +37220,13 @@ var moduleBundleDev = ({
             server.moduleGraph.invalidateModule(moduleBundle);
           }
         }
+        virtualSiteComponentPanelAssets = virtualSiteComponentPanelScriptAssets(initialModel);
+        for (const scriptId of virtualSiteComponentPanelAssets.keys()) {
+          const moduleBundle = server.moduleGraph.getModuleById(scriptId);
+          if (moduleBundle) {
+            server.moduleGraph.invalidateModule(moduleBundle);
+          }
+        }
       });
     },
     load(rawId) {
@@ -37233,6 +37263,10 @@ var moduleBundleDev = ({
       if (siteSdkComponent) {
         return getSiteComponentSdkDevTemplate(siteSdkComponent);
       }
+      const siteComponentPanel = virtualSiteComponentPanelAssets.get(id);
+      if (siteComponentPanel) {
+        return getSiteComponentPanelDevTemplate(siteComponentPanel);
+      }
       return null;
     }
   };
@@ -37245,12 +37279,13 @@ var moduleBundleBuildBrowser = ({
   const virtualCustomElementAssets = virtualCustomElementScriptAssets(initialModel);
   const virtualCustomElementPanelAssets = virtualCustomElementPanelScriptAssets(initialModel);
   const virtualSiteComponentAssets = virtualSiteComponentScriptAssets(initialModel);
+  const virtualSiteComponentPanelAssets = virtualSiteComponentPanelScriptAssets(initialModel);
   return {
     name: "wix:module-bundle-build-browser",
     apply: "build",
     resolveId(rawId) {
       const id = cleanId(rawId);
-      if (virtualDashboardAssets.has(id) || virtualCustomElementAssets.has(id) || virtualCustomElementPanelAssets.has(id) || virtualSiteComponentAssets.has(id)) {
+      if (virtualDashboardAssets.has(id) || virtualCustomElementAssets.has(id) || virtualCustomElementPanelAssets.has(id) || virtualSiteComponentAssets.has(id) || virtualSiteComponentPanelAssets.has(id)) {
         return id;
       }
       return null;
@@ -37273,6 +37308,10 @@ var moduleBundleBuildBrowser = ({
       if (siteComponent) {
         return getSiteComponentBuildTemplate(siteComponent);
       }
+      const siteComponentPanel = virtualSiteComponentPanelAssets.get(id);
+      if (siteComponentPanel) {
+        return getSiteComponentPanelBuildTemplate(siteComponentPanel);
+      }
       return null;
     }
   };
@@ -37531,21 +37570,39 @@ ${script.innerHTML}`;
 // src/vite/plugins/monitoring.ts
 init_esm_shims();
 var import_monitoring_buildtime2 = __toESM(require_build(), 1);
+
+// src/app-manifest/monitoring.ts
+init_esm_shims();
+var getMonitoringProvider = (monitoring2) => {
+  if ("sentry" in monitoring2) {
+    return {
+      type: MonitoringType.SENTRY,
+      sentryOptions: monitoring2.sentry
+    };
+  }
+  return monitoring2.custom;
+};
+
+// src/vite/plugins/monitoring.ts
 function monitoring({ initialModel }) {
   const { monitoring: monitoring2 } = initialModel.config;
   if (!monitoring2) {
     return null;
   }
-  return (0, import_monitoring_buildtime2.getMonitoringVitePlugins)({
-    appId: initialModel.config.appId,
-    silent: true,
-    provider: {
-      type: "SENTRY",
-      sentryOptions: {
-        dsn: monitoring2.sentry.dsn
-      }
-    }
-  });
+  try {
+    return (0, import_monitoring_buildtime2.getMonitoringVitePlugins)({
+      appId: initialModel.config.appId,
+      silent: true,
+      provider: getMonitoringProvider(monitoring2)
+    });
+  } catch (e) {
+    throw new CliError({
+      cause: e,
+      code: CliErrorCode.FailedToCreateMonitoringVitePlugin({
+        configPath: WIX_CONFIG_FILENAME
+      })
+    });
+  }
 }
 
 // src/vite/plugins/fbjs-hotfix-plugin.ts
@@ -39040,6 +39097,7 @@ init_esm_shims();
 var EXPORTS_CUSTODIAN_ENTRY = "virtual:wix-exports-custodian-entry";
 var exportsCustodian = ({ initialModel }) => {
   const virtualSiteComponentAssets = virtualSiteComponentScriptAssets(initialModel);
+  const virtualSiteComponentPanelAssets = virtualSiteComponentPanelScriptAssets(initialModel);
   return {
     name: "wix:exports-custodian",
     apply: "build",
@@ -39051,7 +39109,10 @@ var exportsCustodian = ({ initialModel }) => {
     },
     load(id) {
       if (id === EXPORTS_CUSTODIAN_ENTRY) {
-        return Array.from(virtualSiteComponentAssets.keys()).map((path9) => `import('${path9}');`).join("\n");
+        return [
+          ...virtualSiteComponentAssets.keys(),
+          ...virtualSiteComponentPanelAssets.keys()
+        ].map((path9) => `import('${path9}');`).join("\n");
       }
       return null;
     }
@@ -39076,6 +39137,9 @@ function getViteConfig2(model, options) {
   const virtualSiteComponentScriptEntries = [
     ...virtualSiteComponentScriptAssets(model)
   ].map(([assetId, component]) => [`script-asset-${component.id}`, assetId]);
+  const virtualSiteComponentPanelScriptEntries = [
+    ...virtualSiteComponentPanelScriptAssets(model)
+  ].map(([assetId, component]) => [`script-asset-${component.id}`, assetId]);
   return {
     configFile: false,
     root: model.projectFolder,
@@ -39096,7 +39160,8 @@ function getViteConfig2(model, options) {
             ...embeddedScriptEntries,
             ...virtualCustomElementHTMLEntries,
             ...virtualCustomElementScriptEntries,
-            ...virtualSiteComponentScriptEntries
+            ...virtualSiteComponentScriptEntries,
+            ...virtualSiteComponentPanelScriptEntries
           ]),
           ...virtualSiteComponentScriptEntries.length ? { [EXPORTS_CUSTODIAN_ENTRY]: EXPORTS_CUSTODIAN_ENTRY } : {}
         },
@@ -39541,6 +39606,7 @@ function getViteConfig5(model, options) {
         BLOCKS_WIDGETS_PATTERN,
         BLOCKS_WIDGETS_PANELS_PATTERN,
         SITE_COMPONENTS_PATTERN,
+        SITE_COMPONENTS_PANEL_PATTERN,
         SITE_COMPONENTS_SDK_PATTERN
       ]
     },
@@ -39721,6 +39787,11 @@ var validateComponents = (components) => {
                     name: relativePath,
                     type: "site-component",
                     path: replaceExtension(relativePath, "json")
+                  }),
+                  SiteComponentPanel: ({ relativePath }) => ({
+                    name: relativePath,
+                    type: "site-component-panel",
+                    path: replaceExtension(relativePath, "json")
                   })
                 })
               ).sort((a, b) => a.name.localeCompare(b.name)),
@@ -39992,7 +40063,6 @@ async function createAppManifest({
             compName: "",
             compData: {
               panel: {
-                referenceId: "",
                 url: url.toString(),
                 contentType: PanelContentType.url
               }
@@ -40147,16 +40217,11 @@ async function createAppManifest({
         },
         Monitoring: async (component) => {
           return {
-            compName: component.name,
+            compName: "Monitoring",
             compId: component.id,
             compType: ComponentType.MONITORING,
             compData: {
-              monitoring: {
-                type: MonitoringType.SENTRY,
-                sentryOptions: {
-                  dsn: component.sentry.dsn
-                }
-              }
+              monitoring: getMonitoringProvider(component)
             }
           };
         },
@@ -40173,6 +40238,26 @@ async function createAppManifest({
               }
             }
           };
+        },
+        SiteComponentPanel: async (component) => {
+          return {
+            compId: component.id,
+            compType: ComponentType.PANEL,
+            compName: component.name,
+            compData: {
+              panel: {
+                displayName: component.name,
+                code: {
+                  ...await componentSourceBuilder(component)
+                },
+                size: {
+                  height: component.height ?? 150,
+                  width: component.width ?? Width.UNKNOWN_WIDTH
+                },
+                contentType: PanelContentType.code
+              }
+            }
+          };
         }
       })
     )
@@ -40443,6 +40528,17 @@ var siteComponentBuildBuilder = (component, { browserBuildOutput }, { ssrBuildOu
     } : {}
   };
 };
+var siteComponentPanelBuilder = (component, source) => {
+  const moduleId = virtualModuleIdForSiteComponentPanelScriptAsset(
+    component.id
+  );
+  const bundleUrl = source.buildSource?.browserBuildOutput ? extractModuleBundleName(source.buildSource.browserBuildOutput, moduleId) : `/@id/${moduleId}?import`;
+  const cssUrl = source.buildSource?.browserBuildOutput ? extractModuleBundleCss(source.buildSource.browserBuildOutput, moduleId) : void 0;
+  return {
+    bundleUrl,
+    cssUrl
+  };
+};
 function getComponentDevSourceBuilder(model, devSource, backendSource) {
   return async (component) => {
     const source = (0, import_variant6.match)(component, {
@@ -40470,7 +40566,8 @@ function getComponentDevSourceBuilder(model, devSource, backendSource) {
       ServicePlugin: (component2) => servicePluginSourceBuilder(component2, model, backendSource),
       Monitoring: () => {
       },
-      SiteComponent: (component2) => siteComponentDevBuilder(component2)
+      SiteComponent: (component2) => siteComponentDevBuilder(component2),
+      SiteComponentPanel: (component2) => siteComponentPanelBuilder(component2, { devSource })
     });
     return source;
   };
@@ -40518,7 +40615,10 @@ function getComponentBuildSourceBuilder(model, browserBuildSource, workerBuildSo
       ServicePlugin: (component2) => servicePluginSourceBuilder(component2, model, backendSource),
       Monitoring: () => {
       },
-      SiteComponent: (component2) => siteComponentBuildBuilder(component2, browserBuildSource, ssrSource)
+      SiteComponent: (component2) => siteComponentBuildBuilder(component2, browserBuildSource, ssrSource),
+      SiteComponentPanel: (component2) => siteComponentPanelBuilder(component2, {
+        buildSource: browserBuildSource
+      })
     });
     return source;
   };
@@ -40870,21 +40970,38 @@ var dataComponentSchema = z.object({
     dataComponent: z.record(z.string(), z.unknown())
   })
 }).passthrough();
-var blocksWidgetPanelComponentData = z.object({
-  referenceId: z.string(),
-  url: z.string().url(),
-  contentType: z.enum([
-    PanelContentType.UNKNOWN_PanelContentType,
-    PanelContentType.url,
-    PanelContentType.code
-  ])
-});
-var blocksWidgetPanelSchema = z.object({
+var panelContentSchema = z.discriminatedUnion("contentType", [
+  z.object({
+    contentType: z.literal(PanelContentType.url),
+    url: z.string()
+  }),
+  z.object({
+    contentType: z.literal(PanelContentType.code),
+    code: z.object({
+      bundleUrl: z.string(),
+      cssUrl: z.string().optional()
+    })
+  })
+]);
+var panelComponentDataSchema = z.object({
+  referenceId: z.string().optional(),
+  displayName: z.string().optional(),
+  size: z.object({
+    width: z.enum([
+      Width.SMALL,
+      Width.MEDIUM,
+      Width.LARGE,
+      Width.UNKNOWN_WIDTH
+    ]),
+    height: z.number().min(150)
+  }).optional()
+}).and(panelContentSchema);
+var panelSchema = z.object({
   compId: z.string(),
   compType: z.literal(ComponentType.PANEL),
   compName: z.string().optional(),
   compData: z.object({
-    panel: blocksWidgetPanelComponentData
+    panel: panelComponentDataSchema
   })
 }).passthrough();
 var webhookSchema = z.object({
@@ -40984,27 +41101,7 @@ var monitoringSchema = z.object({
   compId: z.string(),
   compName: z.string().optional(),
   compData: z.object({
-    monitoring: z.discriminatedUnion("type", [
-      z.object({
-        type: z.literal(MonitoringType.SENTRY),
-        sentryOptions: z.object({
-          dsn: z.string().url()
-        })
-      }),
-      z.object({
-        type: z.literal(MonitoringType.PANORAMA),
-        panoramaOptions: z.object({
-          sentry: z.object({
-            dsn: z.string().url()
-          }).optional(),
-          project: z.object({
-            groupId: z.string(),
-            artifactId: z.string(),
-            fingerprint: z.string()
-          })
-        })
-      })
-    ])
+    monitoring: z.unknown()
   })
 });
 var siteComponentSourceSchema = z.object({
@@ -41046,7 +41143,7 @@ var componentSchema = z.discriminatedUnion("compType", [
   customElementSchema,
   sitePluginSchema,
   blocksWidgetSchema,
-  blocksWidgetPanelSchema,
+  panelSchema,
   blocksMainComponentSchema,
   dataComponentSchema,
   webhookSchema,
@@ -41374,6 +41471,18 @@ var updateBrowserComponentsWithBaseUrl = (appManifest, baseUrl) => {
         );
       }
     }
+    if (compType === ComponentType.PANEL && compData.panel.contentType === PanelContentType.code) {
+      compData.panel.code.bundleUrl = normalizeUrl(
+        compData.panel.code.bundleUrl,
+        normalizedBaseUrl
+      );
+      if (compData.panel.code.cssUrl) {
+        compData.panel.code.cssUrl = normalizeUrl(
+          compData.panel.code.cssUrl,
+          normalizedBaseUrl
+        );
+      }
+    }
   }
   return clonedManifest;
 };
@@ -41392,7 +41501,7 @@ var updateWorkerComponentsWithBaseUrl = (appManifest, workerBaseUrl) => {
         normalizedWorkerBaseUrl
       );
     }
-    if (compType === ComponentType.PANEL) {
+    if (compType === ComponentType.PANEL && compData.panel.contentType === PanelContentType.url) {
       const bundleUrlQueryParam = "codeBundleUrl";
       const originUrl = new URL(compData.panel.url);
       const bundleUrl = originUrl.searchParams.get(bundleUrlQueryParam) ?? "";
@@ -41534,7 +41643,7 @@ var updateBlocksComponents = (manifest, blocksComponents) => {
         }
       };
     }
-    if (comp.compType === ComponentType.PANEL) {
+    if (comp.compType === ComponentType.PANEL && comp.compData.panel.contentType === PanelContentType.url) {
       const codeBundleUrl = new URL(comp.compData.panel.url).searchParams.get(
         "codeBundleUrl"
       );
@@ -41546,7 +41655,6 @@ var updateBlocksComponents = (manifest, blocksComponents) => {
         compData: {
           panel: {
             ...componentDataFromBlocks.data.panel,
-            referenceId: componentDataFromBlocks.data.panel.referenceId ?? comp.compData.panel.referenceId,
             url: panelUrl.href,
             contentType: comp.compData.panel.contentType
           }
@@ -41625,6 +41733,7 @@ var updateAppManifestComponents = ({
 export {
   getViteConfig,
   getViteServerUrl2 as getViteServerUrl,
+  getMonitoringProvider,
   getViteConfig5 as getViteConfig2,
   getViteConfig2 as getViteConfig3,
   getViteConfig3 as getViteConfig4,
@@ -41644,4 +41753,4 @@ export {
 he/he.js:
   (*! https://mths.be/he v1.2.0 by @mathias | MIT license *)
 */
-//# sourceMappingURL=chunk-AWOS3TAC.js.map
+//# sourceMappingURL=chunk-PWAKLRIM.js.map