@wix/astro 2.29.0 → 2.31.0

package/build/dependencies/astro-custom-elements-extensions/browser-runtime/customElementHmr.js

@@ -7,8 +7,14 @@ function customElementHmr({ customElement, tagName }) {
 	}
 }
 const replaceMethodsOnElement = (elementNode, newClass) => {
+	const instanceDescriptors = Object.getOwnPropertyDescriptors(newClass);
+	for (const [name, descriptor] of Object.entries(instanceDescriptors)) if (name !== "length" && name !== "name" && name !== "prototype") Object.defineProperty(elementNode.constructor, name, descriptor);
+	const instanceSymbols = Object.getOwnPropertySymbols(newClass);
+	for (const symbol of instanceSymbols) Object.defineProperty(elementNode, symbol, instanceDescriptors[symbol]);
 	const prototypeDescriptors = Object.getOwnPropertyDescriptors(newClass.prototype);
 	for (const [name, descriptor] of Object.entries(prototypeDescriptors)) Object.defineProperty(elementNode, name, descriptor);
+	const prototypeSymbols = Object.getOwnPropertySymbols(newClass.prototype);
+	for (const symbol of prototypeSymbols) Object.defineProperty(elementNode, symbol, prototypeDescriptors[symbol]);
 };
 function applyCustomElementHmr(elementNode, NewElementClass) {
 	visitPrototypeChain(NewElementClass, (classInheritance) => {

package/build/dependencies/astro-trusted-backoffice-extensions/browser-runtime/wrapComponent.d.ts

@@ -2,10 +2,10 @@ import { ComponentType } from "react";
 
 //#region src/runtime/wrapComponent.d.ts
 declare function wrapComponent({
-  componentId,
+  bundlerId,
   loadComponent
 }: {
-  componentId: string;
+  bundlerId: string;
   loadComponent: () => Promise<{
     default: ComponentType;
   }>;

package/build/dependencies/astro-trusted-backoffice-extensions/browser-runtime/wrapComponent.js

@@ -3,8 +3,8 @@ import { withContextualWixClient } from "@wix/dashboard/internal";
 //#region src/runtime/wrapComponent.ts
 const WIX_CLIENT_ID = import.meta.env.WIX_CLIENT_ID;
 const components = /* @__PURE__ */ new Map();
-function wrapComponent({ componentId, loadComponent }) {
-	components.set(componentId, async () => {
+function wrapComponent({ bundlerId, loadComponent }) {
+	components.set(bundlerId, async () => {
 		return loadComponent().then(({ default: Component }) => withContextualWixClient(Component));
 	});
 	globalThis.__module_federation__containers ??= {};

package/build/integration/{builders-DP0350YQ.d.mts → builders-DRquPmdR.d.mts}

@@ -1,5 +1,5 @@
-import { i as BaseExtension, n as genericExtension } from "./index-D5k6Bmue.mjs";
-import { a as customElement, c as webhook, d as ecomPaymentSettings, f as ecomGiftCards, h as bookingsStaffSortingProvider, i as sitePlugin, l as ecomValidations, m as ecomAdditionalFees, n as siteComponentPanel, o as webhookBundler, p as ecomDiscountTriggers, r as embeddedScript, s as servicePluginBundler, t as siteComponent, u as ecomShippingRates } from "./index-B3B_5bgh.mjs";
+import { i as BaseExtension, n as genericExtension } from "./index-Bv6fcDr9.mjs";
+import { a as customElement, c as webhook, d as ecomPaymentSettings, f as ecomGiftCards, h as bookingsStaffSortingProvider, i as sitePlugin, l as ecomValidations, m as ecomAdditionalFees, n as siteComponentPanel, o as webhookBundler, p as ecomDiscountTriggers, r as embeddedScript, s as servicePluginBundler, t as siteComponent, u as ecomShippingRates } from "./index-DmpTY60h.mjs";
 
 //#region ../astro-backoffice-extensions/src/builders/backofficeExtensionMenuPlugin.d.ts
 interface BackofficeExtensionMenuPlugin {

package/build/integration/builders-experimental.d.mts

@@ -1,4 +1,4 @@
-import { i as BaseExtension } from "./index-D5k6Bmue.mjs";
+import { i as BaseExtension } from "./index-Bv6fcDr9.mjs";
 
 //#region ../astro-context-providers-extensions/src/builders.d.ts
 interface ContextProvider extends BaseExtension {

package/build/integration/builders-trusted.d.mts

@@ -1,16 +1,20 @@
-import { n as genericExtension, r as app } from "./index-D5k6Bmue.mjs";
-import { a as customElement, c as webhook, d as ecomPaymentSettings, f as ecomGiftCards, h as bookingsStaffSortingProvider, i as sitePlugin, l as ecomValidations, m as ecomAdditionalFees, n as siteComponentPanel, o as webhookBundler, p as ecomDiscountTriggers, r as embeddedScript, s as servicePluginBundler, t as siteComponent, u as ecomShippingRates } from "./index-B3B_5bgh.mjs";
+import { n as genericExtension, r as app, t as GenericExtension } from "./index-Bv6fcDr9.mjs";
+import { a as customElement, c as webhook, d as ecomPaymentSettings, f as ecomGiftCards, h as bookingsStaffSortingProvider, i as sitePlugin, l as ecomValidations, m as ecomAdditionalFees, n as siteComponentPanel, o as webhookBundler, p as ecomDiscountTriggers, r as embeddedScript, s as servicePluginBundler, t as siteComponent, u as ecomShippingRates } from "./index-DmpTY60h.mjs";
 
-//#region ../astro-trusted-backoffice-extensions/src/builders/trustedBackofficePage.d.ts
-interface TrustedBackofficePage {
-  type: "TrustedBackofficePage";
-  options: Options$1;
+//#region ../dev-center-schemas/src/components/backoffice.d.ts
+interface DevCenterBackofficeScriptAsset {
+  containerId: string;
+  exportedName: string;
+  scriptType?: string;
+  url: string;
 }
+//#endregion
+//#region ../astro-trusted-backoffice-extensions/src/builders/trustedBackofficePage.d.ts
 interface MetaDataKeyword {
   id: string;
   value: string;
 }
-interface Options$1 {
+interface Options$2 {
   id: string;
   activeSidebarPageId?: string;
   additionalRoutes?: string[];
@@ -30,14 +34,10 @@ interface Options$1 {
   routePath: string;
   title: string;
 }
-declare function trustedBackofficePage(options: Options$1): TrustedBackofficePage;
+declare function trustedBackofficePage(options: Options$2): GenericExtension;
 //#endregion
 //#region ../astro-trusted-backoffice-extensions/src/builders/trustedBackofficeWidget.d.ts
-interface TrustedBackofficeWidget {
-  type: "TrustedBackofficeWidget";
-  options: Options;
-}
-interface Options {
+interface Options$1 {
   id: string;
   component: string;
   height?: number;
@@ -46,7 +46,13 @@ interface Options {
   title: string;
   width?: number;
 }
-declare function trustedBackofficeWidget(options: Options): TrustedBackofficeWidget;
+declare function trustedBackofficeWidget(options: Options$1): GenericExtension;
+//#endregion
+//#region ../astro-trusted-backoffice-extensions/src/bundlers/trusted-backoffice-component.d.ts
+interface Options {
+  component: string;
+}
+declare function trustedBackofficeComponentBundler(options: Options): DevCenterBackofficeScriptAsset;
 //#endregion
 //#region src/builders-trusted.d.ts
 declare const extensions: {
@@ -68,6 +74,7 @@ declare const extensions: {
   sitePlugin: typeof sitePlugin;
 };
 declare const bundlers: {
+  dashboardComponent: typeof trustedBackofficeComponentBundler;
   event: typeof webhookBundler;
   servicePlugin: typeof servicePluginBundler;
 };

package/build/integration/builders-trusted.mjs

@@ -1,19 +1,38 @@
 import { _ as webhookBundler, a as customElement, c as webhook, d as ecomPaymentSettings, f as ecomGiftCards, h as bookingsStaffSortingProvider, i as sitePlugin, l as ecomValidations, m as ecomAdditionalFees, n as siteComponentPanel, o as app, p as ecomDiscountTriggers, r as embeddedScript, s as genericExtension, t as siteComponent, u as ecomShippingRates, y as servicePluginBundler } from "./builders-DVfxT6EC.mjs";
+import { n as trustedBackofficeComponentBundler } from "./trusted-backoffice-component-CkJ9DWRp.mjs";
 
 //#region ../astro-trusted-backoffice-extensions/src/builders/trustedBackofficePage.ts
 function trustedBackofficePage(options) {
+	const { id, component, ...pageOptions } = options;
 	return {
-		type: "TrustedBackofficePage",
-		options
+		type: "GenericExtension",
+		options: {
+			compId: id,
+			compType: "BACK_OFFICE_PAGE",
+			compData: { backOfficePage: {
+				hostingPlatform: "BUSINESS_MANAGER",
+				scriptAsset: trustedBackofficeComponentBundler({ component }),
+				...pageOptions
+			} }
+		}
 	};
 }
 
 //#endregion
 //#region ../astro-trusted-backoffice-extensions/src/builders/trustedBackofficeWidget.ts
 function trustedBackofficeWidget(options) {
+	const { id, component, ...widgetOptions } = options;
 	return {
-		type: "TrustedBackofficeWidget",
-		options
+		type: "GenericExtension",
+		options: {
+			compId: id,
+			compType: "BACK_OFFICE_WIDGET",
+			compData: { backOfficeWidget: {
+				hostingPlatform: "BUSINESS_MANAGER",
+				scriptAsset: trustedBackofficeComponentBundler({ component }),
+				...widgetOptions
+			} }
+		}
 	};
 }
 
@@ -38,6 +57,7 @@ const extensions = {
 	sitePlugin
 };
 const bundlers = {
+	dashboardComponent: trustedBackofficeComponentBundler,
 	event: webhookBundler,
 	servicePlugin: servicePluginBundler
 };

package/build/integration/builders.d.mts

@@ -1,4 +1,4 @@
-import { r as app } from "./index-D5k6Bmue.mjs";
-import "./index-B3B_5bgh.mjs";
-import { n as extensions, t as bundlers } from "./builders-DP0350YQ.mjs";
+import { r as app } from "./index-Bv6fcDr9.mjs";
+import "./index-DmpTY60h.mjs";
+import { n as extensions, t as bundlers } from "./builders-DRquPmdR.mjs";
 export { app, bundlers, extensions };

package/build/integration/{index-B3B_5bgh.d.mts → index-DmpTY60h.d.mts}

@@ -1,4 +1,4 @@
-import { i as BaseExtension, t as GenericExtension } from "./index-D5k6Bmue.mjs";
+import { i as BaseExtension, t as GenericExtension } from "./index-Bv6fcDr9.mjs";
 
 //#region ../dev-center-schemas/src/components/custom-element.d.ts
 interface DevCenterCustomElementBehaviors {

package/build/integration/index.d.mts

@@ -1,6 +1,6 @@
-import "./index-D5k6Bmue.mjs";
-import "./index-B3B_5bgh.mjs";
-import { n as extensions } from "./builders-DP0350YQ.mjs";
+import "./index-Bv6fcDr9.mjs";
+import "./index-DmpTY60h.mjs";
+import { n as extensions } from "./builders-DRquPmdR.mjs";
 import { AstroIntegration } from "astro";
 
 //#region src/index.d.ts

package/build/integration/index.mjs

@@ -1,5 +1,6 @@
 import { g as WebhookBundlerType, v as ServicePluginBundlerType } from "./builders-DVfxT6EC.mjs";
 import { n as extensions } from "./builders-B9yQdgSz.mjs";
+import { t as TrustedBackofficeComponentBundlerType } from "./trusted-backoffice-component-CkJ9DWRp.mjs";
 import { createRequire } from "node:module";
 import { fileURLToPath } from "node:url";
 import { ok } from "node:assert";
@@ -839,13 +840,13 @@ async function loadModule({ id, devServer }) {
 
 //#endregion
 //#region ../astro-backend-extensions/src/utils/getSupportedBundlers.ts
-function getSupportedBundlers(model) {
-	return model.extensions.filter((extension) => extension.type === "GenericExtension").flatMap((extension) => getSupportedBundlersInExtension(extension).map((bundler) => ({
+function getSupportedBundlers$1(model) {
+	return model.extensions.filter((extension) => extension.type === "GenericExtension").flatMap((extension) => getSupportedBundlersInExtension$1(extension).map((bundler) => ({
 		bundler,
 		extension
 	})));
 }
-function getSupportedBundlersInExtension(extension) {
+function getSupportedBundlersInExtension$1(extension) {
 	return deepFind(extension.options, (value) => {
 		if ("type" in value && (value.type === WebhookBundlerType || value.type === ServicePluginBundlerType)) return value;
 		return false;
@@ -904,7 +905,7 @@ function viteVirtualRouterPlugin({ name, router }) {
 //#endregion
 //#region ../astro-backend-extensions/src/utils/getBackendBundler.ts
 function getBackendBundler(model, id) {
-	return getSupportedBundlers(model).find(({ bundler }) => bundler.id === id);
+	return getSupportedBundlers$1(model).find(({ bundler }) => bundler.id === id);
 }
 
 //#endregion
@@ -958,7 +959,7 @@ function virtualModulesPlugin$5({ model }) {
 //#endregion
 //#region ../astro-backend-extensions/src/vite/getViteConfig.ts
 function getViteConfig$4({ name, config: astroConfig, createExtensionViteConfig, model }) {
-	const entries = getSupportedBundlers(model).map(({ bundler }) => getVirtualModuleIdForBackendExtension(bundler.id));
+	const entries = getSupportedBundlers$1(model).map(({ bundler }) => getVirtualModuleIdForBackendExtension(bundler.id));
 	return createExtensionViteConfig({
 		name,
 		config: {
@@ -1070,7 +1071,7 @@ const createIntegration$17 = () => {
 			async "wix:build:setup"({ createExtensionViteConfig, target, updateConfig, vite }) {
 				if (target === "client") return;
 				ok(model);
-				updateConfig({ plugins: [virtualEntriesPlugin(getSupportedBundlers(model).length > 0 ? await build$1(getViteConfig$4({
+				updateConfig({ plugins: [virtualEntriesPlugin(getSupportedBundlers$1(model).length > 0 ? await build$1(getViteConfig$4({
 					name: "backend-extensions",
 					config: vite,
 					createExtensionViteConfig,
@@ -1087,7 +1088,7 @@ const createIntegration$17 = () => {
 						optimizeDeps: { noDiscovery: false }
 					}
 				});
-				const bundlerExtensions = getSupportedBundlers(model);
+				const bundlerExtensions = getSupportedBundlers$1(model);
 				for (const { bundler, extension } of bundlerExtensions) await updateAppManifestComponent(extension.options.compId, async (current) => {
 					ok(temporaryViteServer);
 					return createBundlerManifest({
@@ -7860,7 +7861,7 @@ const hmrRuntimePath$3 = normalizePath$1(new URL("../dependencies/astro-context-
 
 //#endregion
 //#region ../astro-context-providers-extensions/src/utils/getSupportedExtensions.ts
-function getSupportedExtensions$5({ extensions, srcDir }) {
+function getSupportedExtensions$4({ extensions, srcDir }) {
 	return extensions.filter(filterContextProviders).map((extension) => {
 		return {
 			...extension,
@@ -7876,7 +7877,7 @@ function filterContextProviders(extension) {
 //#endregion
 //#region ../astro-context-providers-extensions/src/utils/getContextProvider.ts
 function getContextProvider(model, id) {
-	return getSupportedExtensions$5(model).find((ext) => ext.options.id === id);
+	return getSupportedExtensions$4(model).find((ext) => ext.options.id === id);
 }
 
 //#endregion
@@ -8086,7 +8087,7 @@ function getResources$3(buildContext) {
 //#endregion
 //#region ../astro-context-providers-extensions/src/vite/configs/build.ts
 function getBuildViteConfigs$3({ createExtensionViteConfig, model }) {
-	return getSupportedExtensions$5(model).reduce((acc, extension) => {
+	return getSupportedExtensions$4(model).reduce((acc, extension) => {
 		const { editorPreviewPath } = extension;
 		acc.push(getClientBuildConfig$2({
 			createExtensionViteConfig,
@@ -8152,7 +8153,7 @@ function getDevViteConfig$3({ createExtensionViteConfig, model }) {
 		name: extensionName$3,
 		config: {
 			optimizeDeps: { entries: [
-				...getSupportedExtensions$5(model).map((ext) => [ext.componentPath, ...ext.editorPreviewPath != null ? [ext.editorPreviewPath] : []]).flat(),
+				...getSupportedExtensions$4(model).map((ext) => [ext.componentPath, ...ext.editorPreviewPath != null ? [ext.editorPreviewPath] : []]).flat(),
 				sdkRuntimePath$4,
 				hmrRuntimePath$3
 			] },
@@ -8188,7 +8189,7 @@ const createIntegration$15 = () => {
 			},
 			async "wix:build:setup"({ createExtensionViteConfig }) {
 				ok(model);
-				if (getSupportedExtensions$5(model).length === 0) return;
+				if (getSupportedExtensions$4(model).length === 0) return;
 				customBuildOutput = await buildAll(getBuildViteConfigs$3({
 					createExtensionViteConfig,
 					model
@@ -8196,7 +8197,7 @@ const createIntegration$15 = () => {
 			},
 			async "wix:app-manifest:setup"({ staticsUrlPlaceholder, updateAppManifest }) {
 				ok(model);
-				const extensions = getSupportedExtensions$5(model);
+				const extensions = getSupportedExtensions$4(model);
 				const components = [];
 				for (const extension of extensions) {
 					const buildContext = {
@@ -10508,6 +10509,11 @@ function createExtensionViteConfigFactory({ command, config: astroConfig, model
 				configFile: false,
 				customLogger: astroConfig.customLogger,
 				define: { "import.meta.env.WIX_CLIENT_ID": JSON.stringify(model.env.WIX_CLIENT_ID) },
+				experimental: { renderBuiltUrl(filename, { hostId, hostType }) {
+					if (hostType !== "js") return { relative: true };
+					return { runtime: `import.meta.url.replace("${hostId}", "${filename}")` };
+				} },
+				optimizeDeps: { include: ["@wix/sdk-context"] },
 				publicDir: false,
 				resolve: { dedupe: ["@wix/sdk-context"] },
 				root: astroConfig.root,
@@ -19980,6 +19986,7 @@ const renderSettingsPanelPath = normalizePath$1(new URL("../dependencies/astro-c
 const reactHmrPath = normalizePath$1(new URL("../dependencies/astro-custom-elements-extensions/browser-runtime/reactHmr.js", import.meta.url));
 const customElementHmrPath = normalizePath$1(new URL("../dependencies/astro-custom-elements-extensions/browser-runtime/customElementHmr.js", import.meta.url));
 function viteWrapCustomElementPlugin({ getExtensions, srcDir }) {
+	let config = null;
 	const getExtensionForModuleId = (baseId) => {
 		return getExtensions().find((extension) => extension.options.id === baseId);
 	};
@@ -19998,6 +20005,9 @@ function viteWrapCustomElementPlugin({ getExtensions, srcDir }) {
 	};
 	return {
 		name: "vite-wrap-custom-element-plugin",
+		configResolved(resolvedConfig) {
+			config = resolvedConfig;
+		},
 		configureServer: async (server) => {
 			server.middlewares.use(async (req, res, next) => {
 				ok(req.url != null);
@@ -20056,16 +20066,26 @@ function viteWrapCustomElementPlugin({ getExtensions, srcDir }) {
 				}
 				const customElement = getExtensionForModuleId(baseId);
 				if (customElement) {
-					const filePath = join(srcDir, customElement.options.element);
+					const filePath = normalizePath$1(join(srcDir, customElement.options.element));
+					ok(config);
+					if (config.command === "build") return import_lib$1.outdent`
+              import { wrapCustomElement } from '${wrapCustomElementPath}';
+
+              import('${filePath}').then(({ default: CustomElement }) => {
+                wrapCustomElement({
+                  customElement: CustomElement,
+                  tagName: '${customElement.options.tagName}',
+                });
+              });
+            `;
 					return import_lib$1.outdent`
-            import CustomElement from '${normalizePath$1(filePath)}';
             import { wrapCustomElement } from '${wrapCustomElementPath}';
             import { customElementHmr } from '${customElementHmrPath}';
 
             if (import.meta.hot) {
               import.meta.hot.accept(() => {});
               import.meta.hot.accept(
-                '${normalizePath$1(filePath)}',
+                '${filePath}',
                 function({ default: NewCustomElement }) {
                   customElementHmr({
                     customElement: NewCustomElement,
@@ -20075,9 +20095,11 @@ function viteWrapCustomElementPlugin({ getExtensions, srcDir }) {
               );
             }
 
-            wrapCustomElement({
-              customElement: CustomElement,
-              tagName: '${customElement.options.tagName}',
+            import('${filePath}').then(({ default: CustomElement }) => {
+              wrapCustomElement({
+                customElement: CustomElement,
+                tagName: '${customElement.options.tagName}',
+              });
             });
           `;
 				}
@@ -27463,7 +27485,7 @@ const createIntegration$12 = () => {
 
 //#endregion
 //#region ../astro-function-libraries-extensions/src/utils/getSupportedExtensions.ts
-function getSupportedExtensions$4({ extensions, srcDir }) {
+function getSupportedExtensions$3({ extensions, srcDir }) {
 	return extensions.filter(filterFunctionLibrary).map((extension) => {
 		return {
 			...extension,
@@ -27478,7 +27500,7 @@ function filterFunctionLibrary(extension) {
 //#endregion
 //#region ../astro-function-libraries-extensions/src/utils/getFunctionLibrary.ts
 function getFunctionLibrary(model, id) {
-	return getSupportedExtensions$4(model).find((ext) => ext.options.id === id);
+	return getSupportedExtensions$3(model).find((ext) => ext.options.id === id);
 }
 
 //#endregion
@@ -27553,7 +27575,7 @@ function virtualModulesPlugin$3({ model }) {
 //#endregion
 //#region ../astro-function-libraries-extensions/src/vite/configs/build.ts
 function getBuildViteConfigs$2({ createExtensionViteConfig, model }) {
-	return getSupportedExtensions$4(model).reduce((acc, extension) => {
+	return getSupportedExtensions$3(model).reduce((acc, extension) => {
 		const { options: { id: extensionId } } = extension;
 		const input = { [getEntryNameForClientComponent$1(extensionId)]: getVirtualModuleIdForClientComponent$1(extensionId) };
 		acc.push(createExtensionViteConfig({
@@ -27620,7 +27642,7 @@ function getDevViteConfig$2({ createExtensionViteConfig, model }) {
 	return createExtensionViteConfig({
 		name: extensionName$2,
 		config: {
-			optimizeDeps: { entries: [...getSupportedExtensions$4(model).map((ext) => [ext.componentPath]).flat(), sdkRuntimePath$3] },
+			optimizeDeps: { entries: [...getSupportedExtensions$3(model).map((ext) => [ext.componentPath]).flat(), sdkRuntimePath$3] },
 			plugins: [m({ externals: externalDeps$3 }), virtualModulesPlugin$3({ model })]
 		}
 	});
@@ -27653,7 +27675,7 @@ const createIntegration$11 = () => {
 			},
 			async "wix:build:setup"({ createExtensionViteConfig }) {
 				ok(model);
-				if (getSupportedExtensions$4(model).length === 0) return;
+				if (getSupportedExtensions$3(model).length === 0) return;
 				customBuildOutput = await buildAll(getBuildViteConfigs$2({
 					createExtensionViteConfig,
 					model
@@ -27661,7 +27683,7 @@ const createIntegration$11 = () => {
 			},
 			async "wix:app-manifest:setup"({ staticsUrlPlaceholder, updateAppManifest }) {
 				ok(model);
-				const extensions = getSupportedExtensions$4(model);
+				const extensions = getSupportedExtensions$3(model);
 				const components = [];
 				for (const extension of extensions) {
 					const buildContext = {
@@ -27769,7 +27791,7 @@ var src_default$2 = createIntegration$7;
 
 //#endregion
 //#region ../astro-site-component-panels-extensions/src/utils/getSupportedExtensions.ts
-function getSupportedExtensions$3({ extensions, srcDir }) {
+function getSupportedExtensions$2({ extensions, srcDir }) {
 	return extensions.filter((extension) => extension.type === "SiteComponentPanel").map((extension) => ({
 		...extension,
 		componentPath: join(srcDir, extension.options.component)
@@ -27794,7 +27816,7 @@ function siteComponentPanelPlugin({ model }) {
 		load(id) {
 			if (id.startsWith(componentVirtualModuleIdPrefix)) {
 				const extensionId = id.slice(14);
-				const extension = getSupportedExtensions$3(model).find((ext) => ext.options.id === extensionId);
+				const extension = getSupportedExtensions$2(model).find((ext) => ext.options.id === extensionId);
 				if (extension) {
 					ok(config);
 					const componentPath = normalizePath$1(extension.componentPath);
@@ -27887,7 +27909,7 @@ function getResourcesDev({ baseUrl, devServer, extension }) {
 //#region ../astro-site-component-panels-extensions/src/vite/getConfig.ts
 const externalDeps$2 = [/^react$/, /^react-dom$/];
 function getViteConfig$1({ createExtensionViteConfig, model }) {
-	const extensions = getSupportedExtensions$3(model);
+	const extensions = getSupportedExtensions$2(model);
 	const input = extensions.map((extension) => [`component-panel-${extension.options.id}`, getVirtualModuleIdForComponent(extension.options.id)]);
 	return createExtensionViteConfig({
 		name: "site-component-panels",
@@ -27935,7 +27957,7 @@ const createIntegration$6 = () => {
 			async "wix:build:setup"({ createExtensionViteConfig, target }) {
 				if (target === "server") return;
 				ok(model);
-				if (getSupportedExtensions$3(model).length === 0) return;
+				if (getSupportedExtensions$2(model).length === 0) return;
 				buildOutput = await build$1(getViteConfig$1({
 					createExtensionViteConfig,
 					model
@@ -27943,7 +27965,7 @@ const createIntegration$6 = () => {
 			},
 			async "wix:app-manifest:setup"({ staticsUrlPlaceholder, updateAppManifest }) {
 				ok(model);
-				const extensions = getSupportedExtensions$3(model);
+				const extensions = getSupportedExtensions$2(model);
 				const components = [];
 				for (const extension of extensions) {
 					const resources = getResources$1({
@@ -27988,7 +28010,7 @@ const hmrRuntimePath$1 = normalizePath$1(new URL("../dependencies/astro-site-com
 
 //#endregion
 //#region ../astro-site-components-extensions/src/utils/getSupportedExtensions.ts
-function getSupportedExtensions$2({ extensions, srcDir }) {
+function getSupportedExtensions$1({ extensions, srcDir }) {
 	return extensions.filter(filterSiteComponents).map((extension) => {
 		const componentPresets = Object.entries(extension.options.editorElement.presets ?? {}).map(([name, config]) => ({
 			name,
@@ -28012,7 +28034,7 @@ function filterSiteComponents(extension) {
 //#endregion
 //#region ../astro-site-components-extensions/src/utils/getSiteComponent.ts
 function getSiteComponent(model, id) {
-	return getSupportedExtensions$2(model).find((ext) => ext.options.id === id);
+	return getSupportedExtensions$1(model).find((ext) => ext.options.id === id);
 }
 
 //#endregion
@@ -28411,7 +28433,7 @@ function getResources(buildContext) {
 //#endregion
 //#region ../astro-site-components-extensions/src/vite/configs/build.ts
 function getBuildViteConfigs$1({ createExtensionViteConfig, model }) {
-	return getSupportedExtensions$2(model).reduce((acc, extension) => {
+	return getSupportedExtensions$1(model).reduce((acc, extension) => {
 		const { editorPreviewPath, sdkPath } = extension;
 		acc.push(getClientBuildConfig$1({
 			createExtensionViteConfig,
@@ -28439,12 +28461,12 @@ function getBuildViteConfigs$1({ createExtensionViteConfig, model }) {
 //#endregion
 //#region ../astro-site-components-extensions/src/vite/configs/dev.ts
 function getDevViteConfig$1({ createExtensionViteConfig, model }) {
-	const extensionEntries = getSupportedExtensions$2(model).map((ext) => [
+	const extensionEntries = getSupportedExtensions$1(model).map((ext) => [
 		ext.componentPath,
 		...ext.sdkPath != null ? [ext.sdkPath] : [],
 		...ext.editorPreviewPath != null ? [ext.editorPreviewPath] : []
 	]).flat();
-	const componentExternals = getSupportedExtensions$2(model).map((ext) => [...ext.externals]).flat();
+	const componentExternals = getSupportedExtensions$1(model).map((ext) => [...ext.externals]).flat();
 	return createExtensionViteConfig({
 		name: extensionName$1,
 		config: {
@@ -28486,7 +28508,7 @@ const createIntegration$5 = () => {
 			async "wix:build:setup"({ createExtensionViteConfig, target }) {
 				if (target === "server") return;
 				ok(model);
-				if (getSupportedExtensions$2(model).length === 0) return;
+				if (getSupportedExtensions$1(model).length === 0) return;
 				customBuildOutput = await buildAll(getBuildViteConfigs$1({
 					createExtensionViteConfig,
 					model
@@ -28494,7 +28516,7 @@ const createIntegration$5 = () => {
 			},
 			async "wix:app-manifest:setup"({ staticsUrlPlaceholder, updateAppManifest }) {
 				ok(model);
-				const extensions = getSupportedExtensions$2(model);
+				const extensions = getSupportedExtensions$1(model);
 				const components = [];
 				for (const extension of extensions) {
 					const buildContext = {
@@ -28660,31 +28682,37 @@ function getAssetUrl({ baseUrl, buildOutput, fileName, viteDevServer }) {
 }
 
 //#endregion
-//#region ../astro-trusted-backoffice-extensions/src/utils/getSupportedExtensions.ts
-function getSupportedExtensions$1(model) {
-	return model.extensions.filter(isSupportedExtensions);
+//#region ../astro-trusted-backoffice-extensions/src/utils/getSupportedBundlers.ts
+function getSupportedBundlers(model) {
+	return model.extensions.filter((extension) => extension.type === "GenericExtension").flatMap((extension) => getSupportedBundlersInExtension(extension).map((bundler) => ({
+		bundler,
+		extension
+	})));
 }
-function isSupportedExtensions(extension) {
-	return extension.type === "TrustedBackofficePage" || extension.type === "TrustedBackofficeWidget";
+function getSupportedBundlersInExtension(extension) {
+	return deepFind(extension.options, (value) => {
+		if ("type" in value && value.type === TrustedBackofficeComponentBundlerType) return value;
+		return false;
+	});
 }
 
 //#endregion
-//#region ../astro-trusted-backoffice-extensions/src/utils/getTrustedBackofficeComponent.ts
-function getTrustedBackofficeComponent(model, id) {
-	return getSupportedExtensions$1(model).find((ext) => ext.options.id === id);
+//#region ../astro-trusted-backoffice-extensions/src/utils/getTrustedBackofficeBundler.ts
+function getTrustedBackofficeBundler(model, id) {
+	return getSupportedBundlers(model).find(({ bundler }) => bundler.id === id);
 }
 
 //#endregion
 //#region ../astro-trusted-backoffice-extensions/src/vite/registerComponentWrapperVirtualRoute.ts
 const hmrRuntimePath = normalizePath$1(new URL("../dependencies/astro-trusted-backoffice-extensions/browser-runtime/hmr.js", import.meta.url));
-function getVirtualModuleIdForComponentWrapper(componentId) {
-	return `wix/component/backoffice/wrappers/${componentId}`;
+function getVirtualModuleIdForComponentWrapper(id) {
+	return `wix/component/backoffice/wrappers/${id}`;
 }
 function registerComponentWrapperVirtualRoute({ model, router }) {
 	router.route(getVirtualModuleIdForComponentWrapper(":id"), ({ id }, { command }) => {
-		const extension = getTrustedBackofficeComponent(model, id);
-		if (extension) {
-			const componentPath = normalizePath$1(join(model.srcDir, extension.options.component));
+		const extensionBundler = getTrustedBackofficeBundler(model, id);
+		if (extensionBundler) {
+			const componentPath = normalizePath$1(join(model.srcDir, extensionBundler.bundler.options.component));
 			if (command === "build") return getComponentBuildTemplate$1({ componentPath });
 			return getComponentServeTemplate$1({ componentPath });
 		}
@@ -28720,42 +28748,42 @@ function getComponentServeTemplate$1({ componentPath }) {
 //#endregion
 //#region ../astro-trusted-backoffice-extensions/src/vite/registerComponentEntryVirtualRoute.ts
 const wrapComponentRuntimePath = normalizePath$1(new URL("../dependencies/astro-trusted-backoffice-extensions/browser-runtime/wrapComponent.js", import.meta.url));
-function getVirtualModuleIdForComponentEntry(componentId) {
-	return `wix/component/backoffice/entries/${componentId}`;
+function getVirtualModuleIdForComponentEntry(id) {
+	return `wix/component/backoffice/entries/${id}`;
 }
 function registerComponentEntryVirtualRoute({ model, router }) {
 	router.route(getVirtualModuleIdForComponentEntry(":id"), ({ id }, { command }) => {
-		const extension = getTrustedBackofficeComponent(model, id);
-		if (extension) {
-			const componentPath = getVirtualModuleIdForComponentWrapper(extension.options.id);
+		const extensionBundler = getTrustedBackofficeBundler(model, id);
+		if (extensionBundler) {
+			const componentPath = getVirtualModuleIdForComponentWrapper(extensionBundler.bundler.id);
 			if (command === "build") return getComponentBuildTemplate({
-				componentId: extension.options.id,
+				id: extensionBundler.bundler.id,
 				componentPath
 			});
 			return getComponentServeTemplate({
-				componentId: extension.options.id,
+				id: extensionBundler.bundler.id,
 				componentPath
 			});
 		}
 		return null;
 	});
 }
-function getComponentBuildTemplate({ componentId, componentPath }) {
+function getComponentBuildTemplate({ id, componentPath }) {
 	return import_lib$1.outdent`
     import { wrapComponent } from '${wrapComponentRuntimePath}'
 
     wrapComponent({
-      componentId: '${componentId}',
+      bundlerId: '${id}',
       loadComponent: () => import('${componentPath}'),
     });
   `;
 }
-function getComponentServeTemplate({ componentId, componentPath }) {
+function getComponentServeTemplate({ id, componentPath }) {
 	return import_lib$1.outdent`
     import { wrapComponent } from '${wrapComponentRuntimePath}'
 
     wrapComponent({
-      componentId: '${componentId}',
+      bundlerId: '${id}',
       loadComponent: () => import('${componentPath}'),
     });
   `;
@@ -28782,15 +28810,11 @@ function virtualModulesPlugin$1({ model }) {
 //#endregion
 //#region ../astro-trusted-backoffice-extensions/src/vite/getViteConfig.ts
 function getViteConfig({ createExtensionViteConfig, model }) {
-	const componentEntries = getSupportedExtensions$1(model).map((x) => getVirtualModuleIdForComponentEntry(x.options.id));
+	const componentEntries = getSupportedBundlers(model).map(({ bundler }) => getVirtualModuleIdForComponentEntry(bundler.id));
 	return createExtensionViteConfig({
 		name: "trusted-backoffice",
 		config: {
 			build: { rollupOptions: { input: componentEntries } },
-			experimental: { renderBuiltUrl(filename, { hostId, hostType }) {
-				if (hostType !== "js") return { relative: true };
-				return { runtime: `import.meta.url.replace("${hostId}", "${filename}")` };
-			} },
 			optimizeDeps: { entries: [
 				wrapComponentRuntimePath,
 				hmrRuntimePath,
@@ -28832,58 +28856,31 @@ const createIntegration$3 = () => {
 			async "wix:build:setup"({ createExtensionViteConfig, target }) {
 				if (target === "server") return;
 				ok(model);
-				if (getSupportedExtensions$1(model).length === 0) return;
+				if (getSupportedBundlers(model).length === 0) return;
 				customBuildOutput = await build$1(getViteConfig({
 					createExtensionViteConfig,
 					model
 				}));
 			},
-			async "wix:app-manifest:setup"({ staticsUrlPlaceholder, updateAppManifest }) {
+			async "wix:app-manifest:setup"({ staticsUrlPlaceholder, updateAppManifestComponent }) {
 				ok(model);
-				const components = [];
-				for (const extension of getSupportedExtensions$1(model)) {
-					const virtualModuleId = getVirtualModuleIdForComponentEntry(extension.options.id);
-					const scriptAsset = {
+				const bundlerExtensions = getSupportedBundlers(model);
+				for (const { bundler, extension } of bundlerExtensions) await updateAppManifestComponent(extension.options.compId, (current) => {
+					ok(model);
+					const virtualModuleId = getVirtualModuleIdForComponentEntry(bundler.id);
+					const url = getAssetUrl({
+						baseUrl: staticsUrlPlaceholder,
+						buildOutput: customBuildOutput,
+						fileName: virtualModuleId,
+						viteDevServer: customDevServer
+					});
+					return deepReplace(current, bundler, {
 						containerId: model.appId,
-						exportedName: extension.options.id,
+						exportedName: bundler.id,
 						scriptType: "MODULE",
-						url: getAssetUrl({
-							baseUrl: staticsUrlPlaceholder,
-							buildOutput: customBuildOutput,
-							fileName: virtualModuleId,
-							viteDevServer: customDevServer
-						})
-					};
-					switch (extension.type) {
-						case "TrustedBackofficePage": {
-							const { id, ...pageOptions } = extension.options;
-							components.push({
-								compId: id,
-								compType: "BACK_OFFICE_PAGE",
-								compData: { backOfficePage: {
-									hostingPlatform: "BUSINESS_MANAGER",
-									scriptAsset,
-									...pageOptions
-								} }
-							});
-							break;
-						}
-						case "TrustedBackofficeWidget": {
-							const { id, ...widgetOptions } = extension.options;
-							components.push({
-								compId: id,
-								compType: "BACK_OFFICE_WIDGET",
-								compData: { backOfficeWidget: {
-									hostingPlatform: "BUSINESS_MANAGER",
-									scriptAsset,
-									...widgetOptions
-								} }
-							});
-							break;
-						}
-					}
-				}
-				updateAppManifest({ components });
+						url
+					});
+				});
 			}
 		}
 	};

package/build/integration/trusted-backoffice-component-CkJ9DWRp.mjs

@@ -0,0 +1,17 @@
+import { createHash } from "node:crypto";
+
+//#region ../astro-trusted-backoffice-extensions/src/bundlers/trusted-backoffice-component.ts
+const TrustedBackofficeComponentBundlerType = Symbol.for("@wix/astro-trusted-backoffice-extensions:TrustedBackofficeComponentBundler");
+function trustedBackofficeComponentBundler(options) {
+	return {
+		id: createHash("sha256").update(JSON.stringify({
+			type: "TrustedBackofficeComponentBundler",
+			options
+		})).digest("hex"),
+		type: TrustedBackofficeComponentBundlerType,
+		options
+	};
+}
+
+//#endregion
+export { trustedBackofficeComponentBundler as n, TrustedBackofficeComponentBundlerType as t };

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@wix/astro",
-  "version": "2.29.0",
+  "version": "2.31.0",
   "dependencies": {
     "@wix/auth-management": "^1.0.71",
-    "@wix/dashboard": "^1.3.40",
+    "@wix/dashboard": "^1.3.43",
     "@wix/editor": "^1.403.0",
     "@wix/essentials": "^1.0.4",
     "@wix/headless-localization-utils": "^1.0.13",
@@ -11,7 +11,7 @@
     "@wix/headless-site": "^1.31.0",
     "@wix/headless-site-assets": "^1.0.9",
     "@wix/multilingual-manager": "^1.5.0",
-    "@wix/sdk": "^1.21.2",
+    "@wix/sdk": "^1.21.3",
     "@wix/sdk-runtime": "^1.0.0",
     "@wix/sdk-types": "^1.17.1",
     "@wix/site": "^1.40.0"
@@ -76,5 +76,5 @@
       ]
     }
   },
-  "falconPackageHash": "9f3d2e4b6d1c68ecb1d9834e46a8e75094089ba89b9ca0316d1bbdfc"
+  "falconPackageHash": "f6a1a481f80f85fc53e92179d02dd2fd56d2af7f69a8ef2157e78591"
 }