set up embedded media package

src/Umbraco.Web.UI.Client/src/packages/core/modal/common/embedded-media/manifests.ts

@@ -1,13 +0,0 @@
-import { manifests as repositories } from './repository/manifests.js';
-import type { ManifestModal } from '@umbraco-cms/backoffice/extension-registry';
-
-const modals: Array<ManifestModal> = [
-	{
-		type: 'modal',
-		alias: 'Umb.Modal.EmbeddedMedia',
-		name: 'Embedded Media Modal',
-		element: () => import('./embedded-media-modal.element.js'),
-	},
-];
-
-export const manifests = [...modals, ...repositories];

src/Umbraco.Web.UI.Client/src/packages/core/modal/common/embedded-media/repository/index.ts

@@ -1,2 +0,0 @@
-export { UmbOEmbedRepository } from './oembed.repository.js';
-export { UMB_OEMBED_REPOSITORY_ALIAS } from './manifests.js';

src/Umbraco.Web.UI.Client/src/packages/core/modal/common/index.ts

@@ -1,3 +1,2 @@
-export * from './embedded-media/index.js';
 export * from './confirm/index.js';
 export * from './item-picker/index.js';

src/Umbraco.Web.UI.Client/src/packages/core/modal/common/manifests.ts

@@ -1,13 +1,4 @@
 import { manifests as confirmManifests } from './confirm/manifests.js';
 import { manifests as itemPickerManifests } from './item-picker/manifests.js';
 
-export const manifests: Array<UmbExtensionManifest> = [
-	{
-		type: 'modal',
-		alias: 'Umb.Modal.EmbeddedMedia',
-		name: 'Embedded Media Modal',
-		element: () => import('./embedded-media/embedded-media-modal.element.js'),
-	},
-	...confirmManifests,
-	...itemPickerManifests,
-];
+export const manifests: Array<UmbExtensionManifest> = [...confirmManifests, ...itemPickerManifests];

src/Umbraco.Web.UI.Client/src/packages/embedded-media/index.ts

@@ -1 +1,2 @@
+export * from './modal/index.js';
 export * from './repository/index.js';

src/Umbraco.Web.UI.Client/src/packages/embedded-media/manifests.ts

@@ -0,0 +1,4 @@
+import { manifests as modalManifests } from './modal/manifests.js';
+import { manifests as repositoryManifests } from './repository/manifests.js';
+
+export const manifests: Array<UmbExtensionManifest> = [...modalManifests, ...repositoryManifests];

src/Umbraco.Web.UI.Client/src/packages/embedded-media/modal/embedded-media-modal.element.ts

@@ -1,4 +1,4 @@
-import { UmbOEmbedRepository } from './repository/oembed.repository.js';
+import { UmbOEmbedRepository } from '../repository/oembed.repository.js';
 import { css, html, unsafeHTML, when, customElement, state } from '@umbraco-cms/backoffice/external/lit';
 import { UmbTextStyles } from '@umbraco-cms/backoffice/style';
 import type { UmbEmbeddedMediaModalData, UmbEmbeddedMediaModalValue } from '@umbraco-cms/backoffice/modal';

src/Umbraco.Web.UI.Client/src/packages/embedded-media/modal/index.ts

@@ -0,0 +1 @@
+export * from './embedded-media-modal.token.js';

src/Umbraco.Web.UI.Client/src/packages/embedded-media/modal/manifests.ts

@@ -0,0 +1,8 @@
+export const manifests: Array<UmbExtensionManifest> = [
+	{
+		type: 'modal',
+		alias: 'Umb.Modal.EmbeddedMedia',
+		name: 'Embedded Media Modal',
+		element: () => import('./embedded-media-modal.element.js'),
+	},
+];

src/Umbraco.Web.UI.Client/src/packages/embedded-media/package.json

@@ -0,0 +1,8 @@
+{
+	"name": "@umbraco-backoffice/embedded-media",
+	"private": true,
+	"type": "module",
+	"scripts": {
+		"build": "vite build"
+	}
+}

src/Umbraco.Web.UI.Client/src/packages/embedded-media/repository/constants.ts

@@ -0,0 +1 @@
+export const UMB_OEMBED_REPOSITORY_ALIAS = 'Umb.Repository.OEmbed';

src/Umbraco.Web.UI.Client/src/packages/embedded-media/repository/index.ts

@@ -0,0 +1,2 @@
+export * from './oembed.repository.js';
+export * from './constants.js';

src/Umbraco.Web.UI.Client/src/packages/embedded-media/repository/manifests.ts

@@ -1,4 +1,4 @@
-export const UMB_OEMBED_REPOSITORY_ALIAS = 'Umb.Repository.OEmbed';
+import { UMB_OEMBED_REPOSITORY_ALIAS } from './constants.js';
 
 export const manifests: Array<UmbExtensionManifest> = [
 	{

src/Umbraco.Web.UI.Client/src/packages/embedded-media/umbraco-package.ts

@@ -0,0 +1,9 @@
+export const name = 'Umbraco.Core.EmbeddedMedia';
+export const extensions = [
+	{
+		name: 'Embedded Media Bundle',
+		alias: 'Umb.Bundle.EmbeddedMedia',
+		type: 'bundle',
+		js: () => import('./manifests.js'),
+	},
+];

src/Umbraco.Web.UI.Client/src/packages/embedded-media/vite.config.ts

@@ -0,0 +1,12 @@
+import { defineConfig } from 'vite';
+import { rmSync } from 'fs';
+import { getDefaultConfig } from '../../vite-config-base';
+
+const dist = '../../../dist-cms/packages/embedded-media';
+
+// delete the unbundled dist folder
+rmSync(dist, { recursive: true, force: true });
+
+export default defineConfig({
+	...getDefaultConfig({ dist }),
+});