setup extensions of preexisting ones

loivsen · iOvergaard · commit 0424078d6407 · 2024-09-17T11:42:04.000+02:00
diff --git a/src/packages/media/media/components/input-upload-field/index.ts b/src/packages/media/media/components/input-upload-field/index.ts
@@ -1,6 +1,2 @@
+export * from './preview/index.js';
 export * from './input-upload-field.element.js';
-export * from './input-upload-field-file.element.js';
-export * from './input-upload-field-audio.element.js';
-export * from './input-upload-field-video.element.js';
-export * from './input-upload-field-svg.element.js';
-export * from './input-upload-field-image.element.js';
diff --git a/src/packages/media/media/components/input-upload-field/manifests.ts b/src/packages/media/media/components/input-upload-field/manifests.ts
@@ -1,12 +1 @@
-import type { ManifestFileUploadPreview } from '@umbraco-cms/backoffice/extension-registry';
-const previews: Array<ManifestFileUploadPreview> = [
-	{
-		type: 'fileUploadPreview',
-		alias: 'My PDF Showcase',
-		name: 'PDF Showcase',
-		forMimeTypes: ['application/pdf'],
-	},
-];
-console.log('export..');
-
-export const manifests = [...previews];
+export * from './preview/manifest.js';
diff --git a/src/packages/media/media/components/input-upload-field/preview/index.ts b/src/packages/media/media/components/input-upload-field/preview/index.ts
@@ -0,0 +1,5 @@
+export * from './input-upload-field-file.element.js';
+export * from './input-upload-field-audio.element.js';
+export * from './input-upload-field-video.element.js';
+export * from './input-upload-field-svg.element.js';
+export * from './input-upload-field-image.element.js';
diff --git a/src/packages/media/media/components/input-upload-field/preview/input-upload-field-audio.element.ts b/src/packages/media/media/components/input-upload-field/preview/input-upload-field-audio.element.ts
@@ -2,7 +2,7 @@ import { html, customElement, property, css } from '@umbraco-cms/backoffice/exte
 import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
 
 @customElement('umb-input-upload-field-audio')
-export class UmbInputUploadFieldAudioElement extends UmbLitElement {
+export default class UmbInputUploadFieldAudioElement extends UmbLitElement {
 	@property({ type: String })
 	path = '';
 
diff --git a/src/packages/media/media/components/input-upload-field/preview/input-upload-field-file.element.ts b/src/packages/media/media/components/input-upload-field/preview/input-upload-field-file.element.ts
@@ -4,7 +4,7 @@ import { html, customElement, property, state, css } from '@umbraco-cms/backoffi
 import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
 
 @customElement('umb-input-upload-field-file')
-export class UmbInputUploadFieldFileElement extends UmbLitElement {
+export default class UmbInputUploadFieldFileElement extends UmbLitElement {
 	@property({ type: String })
 	path: string = '';
 
diff --git a/src/packages/media/media/components/input-upload-field/preview/input-upload-field-image.element.ts b/src/packages/media/media/components/input-upload-field/preview/input-upload-field-image.element.ts
@@ -2,7 +2,7 @@ import { html, customElement, property, css } from '@umbraco-cms/backoffice/exte
 import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
 
 @customElement('umb-input-upload-field-image')
-export class UmbInputUploadFieldImageElement extends UmbLitElement {
+export default class UmbInputUploadFieldImageElement extends UmbLitElement {
 	@property({ type: String })
 	path = '';
 
diff --git a/src/packages/media/media/components/input-upload-field/preview/input-upload-field-svg.element.ts b/src/packages/media/media/components/input-upload-field/preview/input-upload-field-svg.element.ts
@@ -2,7 +2,7 @@ import { html, customElement, property, css } from '@umbraco-cms/backoffice/exte
 import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
 
 @customElement('umb-input-upload-field-svg')
-export class UmbInputUploadFieldSvgElement extends UmbLitElement {
+export default class UmbInputUploadFieldSvgElement extends UmbLitElement {
 	@property({ type: String })
 	path = '';
 
diff --git a/src/packages/media/media/components/input-upload-field/preview/input-upload-field-video.element.ts b/src/packages/media/media/components/input-upload-field/preview/input-upload-field-video.element.ts
@@ -2,7 +2,7 @@ import { html, customElement, property, css } from '@umbraco-cms/backoffice/exte
 import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
 
 @customElement('umb-input-upload-field-video')
-export class UmbInputUploadFieldVideoElement extends UmbLitElement {
+export default class UmbInputUploadFieldVideoElement extends UmbLitElement {
 	@property({ type: String })
 	path = '';
 
diff --git a/src/packages/media/media/components/input-upload-field/preview/manifest.ts b/src/packages/media/media/components/input-upload-field/preview/manifest.ts
@@ -0,0 +1,40 @@
+import type { ManifestFileUploadPreview, ManifestTypes } from '@umbraco-cms/backoffice/extension-registry';
+
+const previews: Array<ManifestFileUploadPreview> = [
+	{
+		type: 'fileUploadPreview',
+		alias: 'Umb.FileUploadPreview.Audio',
+		name: 'Audio File Upload Preview',
+		element: () => import('./input-upload-field-audio.element.js'),
+		forMimeTypes: ['audio/*'],
+	},
+	{
+		type: 'fileUploadPreview',
+		alias: 'Umb.FileUploadPreview.File',
+		name: 'File File Upload Preview',
+		element: () => import('./input-upload-field-file.element.js'),
+	},
+	{
+		type: 'fileUploadPreview',
+		alias: 'Umb.FileUploadPreview.Image',
+		name: 'Image File Upload Preview',
+		element: () => import('./input-upload-field-image.element.js'),
+		forMimeTypes: ['image/*'],
+	},
+	{
+		type: 'fileUploadPreview',
+		alias: 'Umb.FileUploadPreview.Svg',
+		name: 'Svg File Upload Preview',
+		element: () => import('./input-upload-field-svg.element.js'),
+		forMimeTypes: ['image/svg+xml'],
+	},
+	{
+		type: 'fileUploadPreview',
+		alias: 'Umb.FileUploadPreview.Video',
+		name: 'Video File Upload Preview',
+		element: () => import('./input-upload-field-video.element.js'),
+		forMimeTypes: ['video/*'],
+	},
+];
+
+export const manifests: Array<ManifestTypes> = [...previews];
diff --git a/src/packages/media/media/components/input-upload-field/test.element.ts b/src/packages/media/media/components/input-upload-field/test.element.ts
diff --git a/src/packages/media/media/manifests.ts b/src/packages/media/media/manifests.ts
@@ -11,6 +11,7 @@ import { manifests as searchManifests } from './search/manifests.js';
 import { manifests as sectionViewManifests } from './section-view/manifests.js';
 import { manifests as treeManifests } from './tree/manifests.js';
 import { manifests as workspaceManifests } from './workspace/manifests.js';
+import { manifests as fileUploadPreviewManifests } from './components/input-upload-field/manifests.js';
 import type { ManifestTypes } from '@umbraco-cms/backoffice/extension-registry';
 
 export const manifests: Array<ManifestTypes> = [
@@ -27,4 +28,5 @@ export const manifests: Array<ManifestTypes> = [
 	...sectionViewManifests,
 	...treeManifests,
 	...workspaceManifests,
+	...fileUploadPreviewManifests,
 ];
diff --git a/src/packages/media/media/property-editors/upload-field/manifests.ts b/src/packages/media/media/property-editors/upload-field/manifests.ts
@@ -1,9 +1,5 @@
 import { manifest as schemaManifest } from './Umbraco.UploadField.js';
-import type {
-	ManifestFileUploadPreview,
-	ManifestPropertyEditorUi,
-	ManifestTypes,
-} from '@umbraco-cms/backoffice/extension-registry';
+import type { ManifestPropertyEditorUi, ManifestTypes } from '@umbraco-cms/backoffice/extension-registry';
 
 const manifest: ManifestPropertyEditorUi = {
 	type: 'propertyEditorUi',
@@ -18,13 +14,4 @@ const manifest: ManifestPropertyEditorUi = {
 	},
 };
 
-/** Testing */
-const previews: ManifestFileUploadPreview = {
-	type: 'fileUploadPreview',
-	alias: 'My PDF Showcase',
-	name: 'PDF Showcase',
-	element: () => import('./test.element.js'),
-	forMimeTypes: ['application/pdf'],
-};
-
-export const manifests: Array<ManifestTypes> = [manifest, schemaManifest, previews];
+export const manifests: Array<ManifestTypes> = [manifest, schemaManifest];
diff --git a/src/packages/media/media/property-editors/upload-field/test.element.ts b/src/packages/media/media/property-editors/upload-field/test.element.ts
