@umbraco-cms/backoffice 14.0.0--preview004-044c3492 → 14.0.0--preview004-3aedfe8e

package/dist-cms/custom-elements.json

@@ -7011,9 +7011,7 @@
       "path": "./../src/packages/media/media/workspace/media-workspace.element.ts",
       "properties": [
         {
-          "name": "workspaceAlias",
-          "type": "\"Umb.Workspace.Media\"",
-          "default": "\"Umb.Workspace.Media\""
+          "name": "manifest"
         },
         {
           "name": "styles",

package/dist-cms/libs/context-api/consume/context-consumer.d.ts

@@ -11,16 +11,23 @@ export declare class UmbContextConsumer<BaseType = unknown, ResultType extends B
     /**
      * Creates an instance of UmbContextConsumer.
      * @param {EventTarget} hostElement
-     * @param {string} contextAlias
+     * @param {string} contextIdentifier
      * @param {UmbContextCallback} callback
      * @memberof UmbContextConsumer
      */
-    constructor(hostElement: EventTarget, contextAlias: string | UmbContextToken<BaseType, ResultType>, callback?: UmbContextCallback<ResultType>);
+    constructor(hostElement: EventTarget, contextIdentifier: string | UmbContextToken<BaseType, ResultType>, callback?: UmbContextCallback<ResultType>);
     protected _onResponse: (instance: BaseType) => boolean;
     protected setInstance(instance: ResultType): void;
+    /**
+     * @public
+     * @memberof UmbContextConsumer
+     * @description Get the context as a promise.
+     */
     asPromise(): Promise<ResultType>;
     /**
+     * @public
      * @memberof UmbContextConsumer
+     * @description Request the context from the host element.
      */
     request(): void;
     hostConnected(): void;

package/dist-cms/libs/context-api/consume/context-consumer.js

@@ -17,19 +17,20 @@ export class UmbContextConsumer {
         return this.#instance;
     }
     #contextAlias;
+    #apiAlias;
     #discriminator;
     /**
      * Creates an instance of UmbContextConsumer.
      * @param {EventTarget} hostElement
-     * @param {string} contextAlias
+     * @param {string} contextIdentifier
      * @param {UmbContextCallback} callback
      * @memberof UmbContextConsumer
      */
-    constructor(hostElement, contextAlias, callback) {
+    constructor(hostElement, contextIdentifier, callback) {
         this.hostElement = hostElement;
         this._onResponse = (instance) => {
             if (this.#instance === instance) {
-                return false;
+                return true;
             }
             if (this.#discriminator) {
                 // Notice if discriminator returns false, we do not want to setInstance.
@@ -52,9 +53,11 @@ export class UmbContextConsumer {
                 this.request();
             }
         };
-        this.#contextAlias = contextAlias.toString();
+        const idSplit = contextIdentifier.toString().split('#');
+        this.#contextAlias = idSplit[0];
+        this.#apiAlias = idSplit[1] ?? 'default';
         this.#callback = callback;
-        this.#discriminator = contextAlias.getDiscriminator?.();
+        this.#discriminator = contextIdentifier.getDiscriminator?.();
     }
     setInstance(instance) {
         this.#instance = instance;
@@ -64,6 +67,11 @@ export class UmbContextConsumer {
             this.#promise = undefined;
         }
     }
+    /**
+     * @public
+     * @memberof UmbContextConsumer
+     * @description Get the context as a promise.
+     */
     asPromise() {
         return (this.#promise ??
             (this.#promise = new Promise((resolve) => {
@@ -71,10 +79,12 @@ export class UmbContextConsumer {
             })));
     }
     /**
+     * @public
      * @memberof UmbContextConsumer
+     * @description Request the context from the host element.
      */
     request() {
-        const event = new UmbContextRequestEventImplementation(this.#contextAlias, this._onResponse);
+        const event = new UmbContextRequestEventImplementation(this.#contextAlias, this.#apiAlias, this._onResponse);
         this.hostElement.dispatchEvent(event);
     }
     hostConnected() {
@@ -107,7 +117,6 @@ export class UmbContextConsumer {
         }
     }
     */
-    // TODO: Test destroy scenarios:
     destroy() {
         this.hostDisconnected();
         this.#callback = undefined;

package/dist-cms/libs/context-api/consume/context-request.event.d.ts

@@ -1,4 +1,3 @@
-import { UmbContextToken } from '../token/context-token.js';
 export declare const UMB_CONTENT_REQUEST_EVENT_TYPE = "umb:context-request";
 export declare const UMB_DEBUG_CONTEXT_EVENT_TYPE = "umb:debug-contexts";
 export type UmbContextCallback<T> = (instance: T) => void;
@@ -7,7 +6,8 @@ export type UmbContextCallback<T> = (instance: T) => void;
  * @interface UmbContextRequestEvent
  */
 export interface UmbContextRequestEvent<ResultType = unknown> extends Event {
-    readonly contextAlias: string | UmbContextToken<unknown, ResultType>;
+    readonly contextAlias: string;
+    readonly apiAlias: string;
     readonly callback: (context: ResultType) => boolean;
 }
 /**
@@ -17,9 +17,10 @@ export interface UmbContextRequestEvent<ResultType = unknown> extends Event {
  * @implements {UmbContextRequestEvent}
  */
 export declare class UmbContextRequestEventImplementation<ResultType = unknown> extends Event implements UmbContextRequestEvent<ResultType> {
-    readonly contextAlias: string | UmbContextToken<any, ResultType>;
+    readonly contextAlias: string;
+    readonly apiAlias: string;
     readonly callback: (context: ResultType) => boolean;
-    constructor(contextAlias: string | UmbContextToken<any, ResultType>, callback: (context: ResultType) => boolean);
+    constructor(contextAlias: string, apiAlias: string, callback: (context: ResultType) => boolean);
 }
 export declare class UmbContextDebugRequest extends Event {
     readonly callback: any;

package/dist-cms/libs/context-api/consume/context-request.event.js

@@ -7,9 +7,10 @@ export const UMB_DEBUG_CONTEXT_EVENT_TYPE = 'umb:debug-contexts';
  * @implements {UmbContextRequestEvent}
  */
 export class UmbContextRequestEventImplementation extends Event {
-    constructor(contextAlias, callback) {
+    constructor(contextAlias, apiAlias, callback) {
         super(UMB_CONTENT_REQUEST_EVENT_TYPE, { bubbles: true, composed: true, cancelable: true });
         this.contextAlias = contextAlias;
+        this.apiAlias = apiAlias;
         this.callback = callback;
     }
 }

package/dist-cms/libs/context-api/provide/context-provider.d.ts

@@ -7,6 +7,7 @@ export declare class UmbContextProvider<BaseType = unknown, ResultType extends B
     #private;
     protected hostElement: EventTarget;
     protected _contextAlias: string;
+    protected _apiAlias: string;
     /**
      * Method to enable comparing the context providers by the instance they provide.
      * Note this method should have a unique name for the provider controller, for it not to be confused with a consumer.
@@ -16,11 +17,11 @@ export declare class UmbContextProvider<BaseType = unknown, ResultType extends B
     /**
      * Creates an instance of UmbContextProvider.
      * @param {EventTarget} host
-     * @param {string} contextAlias
+     * @param {string | UmbContextToken} contextIdentifier
      * @param {*} instance
      * @memberof UmbContextProvider
      */
-    constructor(hostElement: EventTarget, contextAlias: string | UmbContextToken<BaseType, ResultType>, instance: ResultType);
+    constructor(hostElement: EventTarget, contextIdentifier: string | UmbContextToken<BaseType, ResultType>, instance: ResultType);
     /**
      * @memberof UmbContextProvider
      */

package/dist-cms/libs/context-api/provide/context-provider.js

@@ -19,11 +19,11 @@ export class UmbContextProvider {
     /**
      * Creates an instance of UmbContextProvider.
      * @param {EventTarget} host
-     * @param {string} contextAlias
+     * @param {string | UmbContextToken} contextIdentifier
      * @param {*} instance
      * @memberof UmbContextProvider
      */
-    constructor(hostElement, contextAlias, instance) {
+    constructor(hostElement, contextIdentifier, instance) {
         /**
          * @private
          * @param {UmbContextRequestEvent} event
@@ -34,7 +34,8 @@ export class UmbContextProvider {
                 return;
             // Since the alias matches, we will stop it from bubbling further up. But we still allow it to ask the other Contexts of the element. Hence not calling `event.stopImmediatePropagation();`
             event.stopPropagation();
-            if (event.callback(this.#instance)) {
+            // First and importantly, check that the apiAlias matches and then call the callback. If that returns true then we can stop the event completely.
+            if (this._apiAlias === event.apiAlias && event.callback(this.#instance)) {
                 // Make sure the event not hits any more Contexts as we have found a match.
                 event.stopImmediatePropagation();
             }
@@ -52,7 +53,9 @@ export class UmbContextProvider {
             }
         };
         this.hostElement = hostElement;
-        this._contextAlias = contextAlias.toString();
+        const idSplit = contextIdentifier.toString().split('#');
+        this._contextAlias = idSplit[0];
+        this._apiAlias = idSplit[1] ?? 'default';
         this.#instance = instance;
     }
     /**

package/dist-cms/libs/context-api/token/context-token.d.ts

@@ -1,7 +1,14 @@
 export type UmbContextDiscriminator<BaseType, DiscriminatorResult extends BaseType> = (instance: BaseType) => instance is DiscriminatorResult;
+/**
+ * @export
+ * @class UmbContextToken
+ * @template BaseType - A generic type of the API before decimated.
+ * @template ResultType - A concrete type of the API after decimation, use this when you apply a discriminator method. Note this is optional and defaults to the BaseType.
+ */
 export declare class UmbContextToken<BaseType = unknown, ResultType extends BaseType = BaseType> {
     #private;
-    protected alias: string;
+    protected contextAlias: string;
+    protected apiAlias: string;
     /**
      * Get the type of the token
      *
@@ -13,9 +20,16 @@ export declare class UmbContextToken<BaseType = unknown, ResultType extends Base
      */
     readonly TYPE: ResultType;
     /**
-     * @param alias   Unique identifier for the token
+     * @param contextAlias   	Unique identifier for the context
+     * @param apiAlias   			Unique identifier for the api
+     * @param discriminator   A discriminator that will be used to discriminate the API — testing if the API lives up to a certain requirement. If the API does not meet the requirement then the consumer will not receive this API.
+     */
+    constructor(contextAlias: string, apiAlias?: string, discriminator?: UmbContextDiscriminator<BaseType, ResultType>);
+    /**
+     * Get the discriminator method for the token
+     *
+     * @returns the discriminator method
      */
-    constructor(alias: string, discriminator?: UmbContextDiscriminator<BaseType, ResultType>);
     getDiscriminator(): UmbContextDiscriminator<BaseType, ResultType> | undefined;
     /**
      * This method must always return the unique alias of the token since that

package/dist-cms/libs/context-api/token/context-token.js

@@ -1,10 +1,19 @@
+/**
+ * @export
+ * @class UmbContextToken
+ * @template BaseType - A generic type of the API before decimated.
+ * @template ResultType - A concrete type of the API after decimation, use this when you apply a discriminator method. Note this is optional and defaults to the BaseType.
+ */
 export class UmbContextToken {
     #discriminator;
     /**
-     * @param alias   Unique identifier for the token
+     * @param contextAlias   	Unique identifier for the context
+     * @param apiAlias   			Unique identifier for the api
+     * @param discriminator   A discriminator that will be used to discriminate the API — testing if the API lives up to a certain requirement. If the API does not meet the requirement then the consumer will not receive this API.
      */
-    constructor(alias, discriminator) {
-        this.alias = alias;
+    constructor(contextAlias, apiAlias = 'default', discriminator) {
+        this.contextAlias = contextAlias;
+        this.apiAlias = apiAlias;
         /**
          * Get the type of the token
          *
@@ -17,6 +26,11 @@ export class UmbContextToken {
         this.TYPE = undefined;
         this.#discriminator = discriminator;
     }
+    /**
+     * Get the discriminator method for the token
+     *
+     * @returns the discriminator method
+     */
     getDiscriminator() {
         return this.#discriminator;
     }
@@ -27,6 +41,6 @@ export class UmbContextToken {
      * @returns the unique alias of the token
      */
     toString() {
-        return this.alias;
+        return this.contextAlias + '#' + this.apiAlias;
     }
 }

package/dist-cms/packages/core/data-type/variant-context/data-type-variant-context.token.d.ts

@@ -1,5 +1,5 @@
-import type { UmbDataTypeVariantContext } from "./data-type-variant-context.js";
-import { UmbVariantContext } from "../../workspace/index.js";
-import { UmbContextToken } from "../../../../libs/context-api/index.js";
+import type { UmbDataTypeVariantContext } from './data-type-variant-context.js';
+import { UmbVariantContext } from '../../workspace/index.js';
+import { UmbContextToken } from '../../../../libs/context-api/index.js';
 export declare const isDataTypeVariantContext: (context: UmbVariantContext) => context is UmbDataTypeVariantContext;
 export declare const UMB_DATA_TYPE_VARIANT_CONTEXT: UmbContextToken<UmbVariantContext, UmbDataTypeVariantContext>;

package/dist-cms/packages/core/data-type/variant-context/data-type-variant-context.token.js

@@ -1,3 +1,3 @@
-import { UmbContextToken } from "../../../../libs/context-api/index.js";
-export const isDataTypeVariantContext = (context) => ('properties' in context && context.getType() === 'data-type');
-export const UMB_DATA_TYPE_VARIANT_CONTEXT = new UmbContextToken("UmbVariantContext", isDataTypeVariantContext);
+import { UmbContextToken } from '../../../../libs/context-api/index.js';
+export const isDataTypeVariantContext = (context) => 'properties' in context && context.getType() === 'data-type';
+export const UMB_DATA_TYPE_VARIANT_CONTEXT = new UmbContextToken('UmbVariantContext', undefined, isDataTypeVariantContext);

package/dist-cms/packages/core/data-type/workspace/data-type-workspace.context.d.ts

@@ -8,12 +8,12 @@ import { Observable } from '../../../../external/rxjs/index.js';
 import { PropertyEditorConfigDefaultData, PropertyEditorConfigProperty } from '../../extension-registry/index.js';
 export declare class UmbDataTypeWorkspaceContext extends UmbEditableWorkspaceContextBase<UmbDataTypeDetailRepository, DataTypeResponseModel> implements UmbInvariantableWorkspaceContextInterface<DataTypeResponseModel | undefined> {
     #private;
-    data: Observable<DataTypeResponseModel | undefined>;
-    name: Observable<string | undefined>;
-    id: Observable<string | undefined>;
-    propertyEditorUiAlias: Observable<string | null | undefined>;
-    propertyEditorSchemaAlias: Observable<string | undefined>;
-    properties: Observable<Array<PropertyEditorConfigProperty> | undefined>;
+    readonly data: Observable<DataTypeResponseModel | undefined>;
+    readonly name: Observable<string | undefined>;
+    readonly id: Observable<string | undefined>;
+    readonly propertyEditorUiAlias: Observable<string | null | undefined>;
+    readonly propertyEditorSchemaAlias: Observable<string | undefined>;
+    readonly properties: Observable<Array<PropertyEditorConfigProperty> | undefined>;
     private _propertyEditorSchemaConfigDefaultData;
     private _propertyEditorUISettingsDefaultData;
     private _propertyEditorSchemaConfigProperties;
@@ -21,9 +21,9 @@ export declare class UmbDataTypeWorkspaceContext extends UmbEditableWorkspaceCon
     private _propertyEditorSchemaConfigDefaultUIAlias;
     private _configDefaultData?;
     private _propertyEditorUISettingsSchemaAlias?;
-    defaults: Observable<PropertyEditorConfigDefaultData[]>;
-    propertyEditorUiIcon: Observable<string | null>;
-    propertyEditorUiName: Observable<string | null>;
+    readonly defaults: Observable<PropertyEditorConfigDefaultData[]>;
+    readonly propertyEditorUiIcon: Observable<string | null>;
+    readonly propertyEditorUiName: Observable<string | null>;
     constructor(host: UmbControllerHostElement);
     private _mergeConfigProperties;
     private _mergeConfigDefaultData;

package/dist-cms/packages/core/data-type/workspace/data-type-workspace.context.js

@@ -194,4 +194,4 @@ export class UmbDataTypeWorkspaceContext extends UmbEditableWorkspaceContextBase
         this.#data.destroy();
     }
 }
-export const UMB_DATA_TYPE_WORKSPACE_CONTEXT = new UmbContextToken('UmbWorkspaceContext', (context) => context.getEntityType?.() === 'data-type');
+export const UMB_DATA_TYPE_WORKSPACE_CONTEXT = new UmbContextToken('UmbWorkspaceContext', undefined, (context) => context.getEntityType?.() === 'data-type');

package/dist-cms/packages/core/workspace/variant-context/nameable-variant-context.token.d.ts

@@ -1,5 +1,5 @@
-import { type UmbVariantContext } from "./variant-context.interface.js";
-import { UmbNameableVariantContext } from "./nameable-variant-context.interface.js";
-import { UmbContextToken } from "../../../../libs/context-api/index.js";
+import { type UmbVariantContext } from './variant-context.interface.js';
+import { UmbNameableVariantContext } from './nameable-variant-context.interface.js';
+import { UmbContextToken } from '../../../../libs/context-api/index.js';
 export declare const isNameablePropertySetContext: (context: UmbVariantContext) => context is UmbNameableVariantContext;
 export declare const UMB_NAMEABLE_VARIANT_CONTEXT: UmbContextToken<UmbVariantContext, UmbNameableVariantContext>;

package/dist-cms/packages/core/workspace/variant-context/nameable-variant-context.token.js

@@ -1,3 +1,3 @@
-import { UmbContextToken } from "../../../../libs/context-api/index.js";
+import { UmbContextToken } from '../../../../libs/context-api/index.js';
 export const isNameablePropertySetContext = (context) => 'setName' in context;
-export const UMB_NAMEABLE_VARIANT_CONTEXT = new UmbContextToken("UmbVariantContext", isNameablePropertySetContext);
+export const UMB_NAMEABLE_VARIANT_CONTEXT = new UmbContextToken('UmbVariantContext', undefined, isNameablePropertySetContext);

package/dist-cms/packages/core/workspace/variant-context/variant-context.token.d.ts

@@ -1,3 +1,3 @@
-import { type UmbVariantContext } from "./variant-context.interface.js";
-import { UmbContextToken } from "../../../../libs/context-api/index.js";
+import { type UmbVariantContext } from './variant-context.interface.js';
+import { UmbContextToken } from '../../../../libs/context-api/index.js';
 export declare const UMB_VARIANT_CONTEXT: UmbContextToken<UmbVariantContext, UmbVariantContext>;

package/dist-cms/packages/core/workspace/variant-context/variant-context.token.js

@@ -1,2 +1,2 @@
-import { UmbContextToken } from "../../../../libs/context-api/index.js";
-export const UMB_VARIANT_CONTEXT = new UmbContextToken("UmbVariantContext");
+import { UmbContextToken } from '../../../../libs/context-api/index.js';
+export const UMB_VARIANT_CONTEXT = new UmbContextToken('UmbVariantContext');

package/dist-cms/packages/core/workspace/workspace-context/variant-workspace-context.token.js

@@ -1,2 +1,2 @@
 import { UmbContextToken } from '../../../../libs/context-api/index.js';
-export const UMB_VARIANT_WORKSPACE_CONTEXT_TOKEN = new UmbContextToken('UmbWorkspaceContext', (context) => 'variants' in context);
+export const UMB_VARIANT_WORKSPACE_CONTEXT_TOKEN = new UmbContextToken('UmbWorkspaceContext', undefined, (context) => 'variants' in context);

package/dist-cms/packages/core/workspace/workspace-context/workspace-context.interface.d.ts

@@ -1,4 +1,5 @@
-export interface UmbWorkspaceContextInterface {
+import type { UmbApi } from '../../../../libs/extension-api/index.js';
+export interface UmbWorkspaceContextInterface extends UmbApi {
     readonly workspaceAlias: string;
     getEntityType(): string;
     getEntityId(): string | undefined;

package/dist-cms/packages/dictionary/dictionary/workspace/dictionary-workspace.context.d.ts

@@ -1,13 +1,13 @@
 import { UmbDictionaryRepository } from '../repository/dictionary.repository.js';
-import { UmbSaveableWorkspaceContextInterface, UmbEditableWorkspaceContextBase } from '../../../core/workspace/index.js';
-import { UmbControllerHostElement } from '../../../../libs/controller-api/index.js';
+import { type UmbSaveableWorkspaceContextInterface, UmbEditableWorkspaceContextBase } from '../../../core/workspace/index.js';
+import type { UmbControllerHostElement } from '../../../../libs/controller-api/index.js';
 import { DictionaryItemResponseModel } from '../../../../external/backend-api/index.js';
 import { UmbContextToken } from '../../../../libs/context-api/index.js';
 export declare class UmbDictionaryWorkspaceContext extends UmbEditableWorkspaceContextBase<UmbDictionaryRepository, DictionaryItemResponseModel> implements UmbSaveableWorkspaceContextInterface<DictionaryItemResponseModel | undefined> {
     #private;
-    data: import("rxjs").Observable<DictionaryItemResponseModel | undefined>;
-    name: import("rxjs").Observable<string | undefined>;
-    dictionary: import("rxjs").Observable<DictionaryItemResponseModel | undefined>;
+    readonly data: import("rxjs").Observable<DictionaryItemResponseModel | undefined>;
+    readonly name: import("rxjs").Observable<string | undefined>;
+    readonly dictionary: import("rxjs").Observable<DictionaryItemResponseModel | undefined>;
     constructor(host: UmbControllerHostElement);
     getData(): DictionaryItemResponseModel | undefined;
     getEntityId(): string;

package/dist-cms/packages/dictionary/dictionary/workspace/dictionary-workspace.context.js

@@ -1,5 +1,5 @@
 import { UmbDictionaryRepository } from '../repository/dictionary.repository.js';
-import { UmbEditableWorkspaceContextBase } from '../../../core/workspace/index.js';
+import { UmbEditableWorkspaceContextBase, } from '../../../core/workspace/index.js';
 import { UmbObjectState } from '../../../../libs/observable-api/index.js';
 import { UmbContextToken } from '../../../../libs/context-api/index.js';
 export class UmbDictionaryWorkspaceContext extends UmbEditableWorkspaceContextBase {
@@ -74,4 +74,4 @@ export class UmbDictionaryWorkspaceContext extends UmbEditableWorkspaceContextBa
         this.#data.destroy();
     }
 }
-export const UMB_DICTIONARY_WORKSPACE_CONTEXT = new UmbContextToken('UmbWorkspaceContext', (context) => context.getEntityType?.() === 'dictionary-item');
+export const UMB_DICTIONARY_WORKSPACE_CONTEXT = new UmbContextToken('UmbWorkspaceContext', undefined, (context) => context.getEntityType?.() === 'dictionary-item');

package/dist-cms/packages/documents/document-types/workspace/document-type-workspace-editor.element.js

@@ -4,11 +4,11 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
+import { UMB_DOCUMENT_TYPE_WORKSPACE_CONTEXT } from './document-type-workspace.context.js';
 import { UUIInputEvent } from '../../../../external/uui/index.js';
 import { css, html, customElement, state, ifDefined } from '../../../../external/lit/index.js';
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
 import { UMB_MODAL_MANAGER_CONTEXT_TOKEN, UMB_ICON_PICKER_MODAL, } from '../../../core/modal/index.js';
-import { UMB_WORKSPACE_CONTEXT } from '../../../core/workspace/index.js';
 import { generateAlias } from '../../../../shared/utils/index.js';
 export let UmbDocumentTypeWorkspaceEditorElement = class UmbDocumentTypeWorkspaceEditorElement extends UmbLitElement {
     // TODO: Color should be using an alias, and look up in some dictionary/key/value) of project-colors.
@@ -16,7 +16,7 @@ export let UmbDocumentTypeWorkspaceEditorElement = class UmbDocumentTypeWorkspac
     constructor() {
         super();
         this._aliasLocked = true;
-        this.consumeContext(UMB_WORKSPACE_CONTEXT, (instance) => {
+        this.consumeContext(UMB_DOCUMENT_TYPE_WORKSPACE_CONTEXT, (instance) => {
             this.#workspaceContext = instance;
             this.#observeDocumentType();
         });

package/dist-cms/packages/documents/document-types/workspace/document-type-workspace.context.js

@@ -117,4 +117,4 @@ export class UmbDocumentTypeWorkspaceContext extends UmbEditableWorkspaceContext
         super.destroy();
     }
 }
-export const UMB_DOCUMENT_TYPE_WORKSPACE_CONTEXT = new UmbContextToken('UmbWorkspaceContext', (context) => context.getEntityType?.() === 'document-type');
+export const UMB_DOCUMENT_TYPE_WORKSPACE_CONTEXT = new UmbContextToken('UmbWorkspaceContext', undefined, (context) => context.getEntityType?.() === 'document-type');

package/dist-cms/packages/documents/documents/variant-context/document-variant-context.token.js

@@ -1,4 +1,4 @@
 import { UMB_DOCUMENT_ENTITY_TYPE } from '../entity.js';
 import { UmbContextToken } from '../../../../libs/context-api/index.js';
 export const IsDocumentVariantContext = (context) => context.getType() === UMB_DOCUMENT_ENTITY_TYPE;
-export const UMB_DOCUMENT_VARIANT_CONTEXT = new UmbContextToken('UmbVariantContext', IsDocumentVariantContext);
+export const UMB_DOCUMENT_VARIANT_CONTEXT = new UmbContextToken('UmbVariantContext', undefined, IsDocumentVariantContext);

package/dist-cms/packages/documents/documents/workspace/document-workspace.context.js

@@ -174,6 +174,4 @@ export class UmbDocumentWorkspaceContext extends UmbEditableWorkspaceContextBase
     }
 }
 export default UmbDocumentWorkspaceContext;
-export const UMB_DOCUMENT_WORKSPACE_CONTEXT = new UmbContextToken('UmbWorkspaceContext', 
-// TODO: Refactor: make a better generic way to identify workspaces, maybe workspaceType or workspaceAlias?.
-(context) => context.getEntityType?.() === UMB_DOCUMENT_ENTITY_TYPE);
+export const UMB_DOCUMENT_WORKSPACE_CONTEXT = new UmbContextToken('UmbWorkspaceContext', undefined, (context) => context.getEntityType?.() === UMB_DOCUMENT_ENTITY_TYPE);

package/dist-cms/packages/documents/documents/workspace/document-workspace.element.js

@@ -4,7 +4,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { UmbTextStyles } from "../../../../shared/style/index.js";
+import { UmbTextStyles } from '../../../../shared/style/index.js';
 import { html, customElement, state } from '../../../../external/lit/index.js';
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
 import './document-workspace-editor.element.js';
@@ -18,15 +18,12 @@ export let UmbDocumentWorkspaceElement = class UmbDocumentWorkspaceElement exten
     }
     #workspaceContext;
     set manifest(manifest) {
-        console.log("got manifest", manifest.alias);
-        // TODO: Make context declaration.
         createExtensionApi(manifest, [this]).then((context) => {
             if (context) {
                 this.#gotWorkspaceContext(context);
             }
         });
     }
-    ;
     #gotWorkspaceContext(context) {
         this.#workspaceContext = context;
         this._routes = [

package/dist-cms/packages/media/media/workspace/manifests.js

@@ -4,7 +4,8 @@ const workspace = {
     type: 'workspace',
     alias: 'Umb.Workspace.Media',
     name: 'Media Workspace',
-    js: () => import('./media-workspace.element.js'),
+    element: () => import('./media-workspace.element.js'),
+    api: () => import('./media-workspace.context.js'),
     meta: {
         entityType: 'media',
     },

package/dist-cms/packages/media/media/workspace/media-workspace.context.d.ts

@@ -3,8 +3,9 @@ import type { UmbMediaDetailModel } from '../index.js';
 import { UmbSaveableWorkspaceContextInterface, UmbEditableWorkspaceContextBase } from '../../../core/workspace/index.js';
 import { UmbControllerHostElement } from '../../../../libs/controller-api/index.js';
 import { UmbContextToken } from '../../../../libs/context-api/index.js';
+import { UmbApi } from '../../../../libs/extension-api/index.js';
 type EntityType = UmbMediaDetailModel;
-export declare class UmbMediaWorkspaceContext extends UmbEditableWorkspaceContextBase<UmbMediaRepository, EntityType> implements UmbSaveableWorkspaceContextInterface<EntityType | undefined> {
+export declare class UmbMediaWorkspaceContext extends UmbEditableWorkspaceContextBase<UmbMediaRepository, EntityType> implements UmbSaveableWorkspaceContextInterface<EntityType | undefined>, UmbApi {
     #private;
     data: import("rxjs").Observable<UmbMediaDetailModel | undefined>;
     name: import("rxjs").Observable<string | undefined>;
@@ -20,5 +21,6 @@ export declare class UmbMediaWorkspaceContext extends UmbEditableWorkspaceContex
     delete(id: string): Promise<void>;
     destroy(): void;
 }
+export declare const api: typeof UmbMediaWorkspaceContext;
 export declare const UMB_MEDIA_WORKSPACE_CONTEXT: UmbContextToken<UmbSaveableWorkspaceContextInterface<unknown>, UmbMediaWorkspaceContext>;
 export {};

package/dist-cms/packages/media/media/workspace/media-workspace.context.js

@@ -66,4 +66,5 @@ export class UmbMediaWorkspaceContext extends UmbEditableWorkspaceContextBase {
         this.#data.destroy();
     }
 }
-export const UMB_MEDIA_WORKSPACE_CONTEXT = new UmbContextToken('UmbWorkspaceContext', (context) => context.getEntityType?.() === 'media');
+export const api = UmbMediaWorkspaceContext;
+export const UMB_MEDIA_WORKSPACE_CONTEXT = new UmbContextToken('UmbWorkspaceContext', undefined, (context) => context.getEntityType?.() === 'media');

package/dist-cms/packages/media/media/workspace/media-workspace.element.d.ts

@@ -1,9 +1,10 @@
 import type { UmbRoute } from '../../../../shared/router/index.js';
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
+import { type ManifestWorkspace } from '../../../core/extension-registry/index.js';
 export declare class UmbMediaWorkspaceElement extends UmbLitElement {
     #private;
-    readonly workspaceAlias = "Umb.Workspace.Media";
     _routes: UmbRoute[];
+    set manifest(manifest: ManifestWorkspace);
     render(): import("lit-html").TemplateResult<1>;
     static styles: import("@lit/reactive-element/css-tag.js").CSSResult[];
 }

package/dist-cms/packages/media/media/workspace/media-workspace.element.js

@@ -4,30 +4,50 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { UmbMediaWorkspaceContext } from './media-workspace.context.js';
-import { UmbMediaWorkspaceEditorElement } from './media-workspace-editor.element.js';
-import { UmbTextStyles } from "../../../../shared/style/index.js";
+import { UmbTextStyles } from '../../../../shared/style/index.js';
 import { css, html, customElement, state } from '../../../../external/lit/index.js';
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
+import { createExtensionApi, UmbExtensionsApiInitializer } from '../../../../libs/extension-api/index.js';
+import { umbExtensionsRegistry } from '../../../core/extension-registry/index.js';
+import { UmbWorkspaceIsNewRedirectController } from '../../../core/workspace/index.js';
 export let UmbMediaWorkspaceElement = class UmbMediaWorkspaceElement extends UmbLitElement {
     constructor() {
         super(...arguments);
-        this.workspaceAlias = 'Umb.Workspace.Media';
-        this.#workspaceContext = new UmbMediaWorkspaceContext(this);
-        this.#element = new UmbMediaWorkspaceEditorElement();
+        this._routes = [];
+    }
+    #workspaceContext;
+    set manifest(manifest) {
+        createExtensionApi(manifest, [this]).then((context) => {
+            if (context) {
+                this.#gotWorkspaceContext(context);
+            }
+        });
+    }
+    #gotWorkspaceContext(context) {
+        this.#workspaceContext = context;
         this._routes = [
+            {
+                path: 'create/:parentId',
+                component: import('./media-workspace-editor.element.js'),
+                setup: async (_component, info) => {
+                    // TODO: Remember the perspective of permissions here, we need to check if the user has access to create a document of this type under this parent?
+                    const parentId = info.match.params.parentId === 'null' ? null : info.match.params.parentId;
+                    //const mediaTypeKey = info.match.params.mediaTypeKey;
+                    this.#workspaceContext.create(parentId /** , mediaTypeKey */);
+                    new UmbWorkspaceIsNewRedirectController(this, this.#workspaceContext, this.shadowRoot.querySelector('umb-router-slot'));
+                },
+            },
             {
                 path: 'edit/:id',
-                component: () => this.#element,
+                component: import('./media-workspace-editor.element.js'),
                 setup: (_component, info) => {
                     const id = info.match.params.id;
                     this.#workspaceContext.load(id);
                 },
             },
         ];
+        new UmbExtensionsApiInitializer(this, umbExtensionsRegistry, 'workspaceContext', [this, this.#workspaceContext]);
     }
-    #workspaceContext;
-    #element;
     render() {
         return html `<umb-router-slot .routes=${this._routes}></umb-router-slot>`;
     }