add stylesheet folder workspace

Author: madsrasmussen

src/packages/templating/scripts/tree/folder/workspace/manifests.ts

@@ -7,7 +7,7 @@ export const manifests: Array<UmbExtensionManifest> = [
 		kind: 'routable',
 		alias: UMB_SCRIPT_FOLDER_WORKSPACE_ALIAS,
 		name: 'Script Folder Workspace',
-		api: () => import('./script-type-folder-workspace.context.js'),
+		api: () => import('./script-folder-workspace.context.js'),
 		meta: {
 			entityType: UMB_SCRIPT_FOLDER_ENTITY_TYPE,
 		},

src/packages/templating/scripts/tree/folder/workspace/script-type-folder-editor.element.ts renamed to src/packages/templating/scripts/tree/folder/workspace/script-folder-workspace-editor.element.ts

@@ -1,5 +1,5 @@
 import { UMB_SCRIPT_FOLDER_WORKSPACE_ALIAS } from './constants.js';
-import { UMB_SCRIPT_FOLDER_WORKSPACE_CONTEXT } from './script-type-folder.workspace.context-token.js';
+import { UMB_SCRIPT_FOLDER_WORKSPACE_CONTEXT } from './script-folder-workspace.context-token.js';
 import { css, html, customElement, state } from '@umbraco-cms/backoffice/external/lit';
 import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
 import { UmbTextStyles } from '@umbraco-cms/backoffice/style';

src/packages/templating/scripts/tree/folder/workspace/script-type-folder.workspace.context-token.ts renamed to src/packages/templating/scripts/tree/folder/workspace/script-folder-workspace.context-token.ts

@@ -1,5 +1,5 @@
 import { UMB_SCRIPT_FOLDER_ENTITY_TYPE } from '../../../entity.js';
-import type { UmbScriptFolderWorkspaceContext } from './script-type-folder-workspace.context.js';
+import type { UmbScriptFolderWorkspaceContext } from './script-folder-workspace.context.js';
 import { UmbContextToken } from '@umbraco-cms/backoffice/context-api';
 import type { UmbWorkspaceContext } from '@umbraco-cms/backoffice/workspace';
 

src/packages/templating/scripts/tree/folder/workspace/script-type-folder-workspace.context.ts renamed to src/packages/templating/scripts/tree/folder/workspace/script-folder-workspace.context.ts

@@ -1,7 +1,7 @@
 import { UMB_SCRIPT_FOLDER_REPOSITORY_ALIAS, type UmbScriptFolderRepository } from '../repository/index.js';
 import { UMB_SCRIPT_FOLDER_ENTITY_TYPE } from '../../../entity.js';
 import { UMB_SCRIPT_FOLDER_WORKSPACE_ALIAS } from './constants.js';
-import { UmbScriptFolderWorkspaceEditorElement } from './script-type-folder-editor.element.js';
+import { UmbScriptFolderWorkspaceEditorElement } from './script-folder-workspace-editor.element.js';
 import type { UmbControllerHost } from '@umbraco-cms/backoffice/controller-api';
 import {
 	UmbEntityDetailWorkspaceContextBase,

src/packages/templating/stylesheets/tree/folder/index.ts

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

src/packages/templating/stylesheets/tree/folder/manifests.ts

@@ -1,6 +1,7 @@
 import { UMB_STYLESHEET_FOLDER_ENTITY_TYPE } from '../../entity.js';
 import { UMB_STYLESHEET_FOLDER_REPOSITORY_ALIAS } from './repository/index.js';
 import { manifests as repositoryManifests } from './repository/manifests.js';
+import { manifests as workspaceManifests } from './workspace/manifests.js';
 
 export const UMB_DELETE_STYLESHEET_FOLDER_ENTITY_ACTION_ALIAS = 'Umb.EntityAction.Stylesheet.Folder.Delete';
 
@@ -16,4 +17,5 @@ export const manifests: Array<UmbExtensionManifest> = [
 		},
 	},
 	...repositoryManifests,
+	...workspaceManifests,
 ];

src/packages/templating/stylesheets/tree/folder/workspace/constants.ts

@@ -0,0 +1 @@
+export const UMB_STYLESHEET_FOLDER_WORKSPACE_ALIAS = 'Umb.Workspace.Stylesheet.Folder';

src/packages/templating/stylesheets/tree/folder/workspace/index.ts

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

src/packages/templating/stylesheets/tree/folder/workspace/manifests.ts

@@ -0,0 +1,15 @@
+import { UMB_STYLESHEET_FOLDER_ENTITY_TYPE } from '../../../entity.js';
+import { UMB_STYLESHEET_FOLDER_WORKSPACE_ALIAS } from './constants.js';
+
+export const manifests: Array<UmbExtensionManifest> = [
+	{
+		type: 'workspace',
+		kind: 'routable',
+		alias: UMB_STYLESHEET_FOLDER_WORKSPACE_ALIAS,
+		name: 'Stylesheet Folder Workspace',
+		api: () => import('./stylesheet-folder-workspace.context.js'),
+		meta: {
+			entityType: UMB_STYLESHEET_FOLDER_ENTITY_TYPE,
+		},
+	},
+];

src/packages/templating/stylesheets/tree/folder/workspace/stylesheet-folder-workspace-editor.element.ts

@@ -0,0 +1,47 @@
+import { UMB_STYLESHEET_FOLDER_WORKSPACE_ALIAS } from './constants.js';
+import { UMB_STYLESHEET_FOLDER_WORKSPACE_CONTEXT } from './stylesheet-folder-workspace.context-token.js';
+import { css, html, customElement, state } from '@umbraco-cms/backoffice/external/lit';
+import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
+import { UmbTextStyles } from '@umbraco-cms/backoffice/style';
+
+const elementName = 'umb-stylesheet-folder-workspace-editor';
+@customElement(elementName)
+export class UmbStylesheetFolderWorkspaceEditorElement extends UmbLitElement {
+	@state()
+	private _name = '';
+
+	#workspaceContext?: typeof UMB_STYLESHEET_FOLDER_WORKSPACE_CONTEXT.TYPE;
+
+	constructor() {
+		super();
+
+		this.consumeContext(UMB_STYLESHEET_FOLDER_WORKSPACE_CONTEXT, (workspaceContext) => {
+			this.#workspaceContext = workspaceContext;
+			this.#observeName();
+		});
+	}
+
+	#observeName() {
+		if (!this.#workspaceContext) return;
+		this.observe(this.#workspaceContext.name, (name) => {
+			if (name !== this._name) {
+				this._name = name ?? '';
+			}
+		});
+	}
+
+	override render() {
+		return html`<umb-workspace-editor headline=${this._name} alias=${UMB_STYLESHEET_FOLDER_WORKSPACE_ALIAS}>
+		</umb-workspace-editor>`;
+	}
+
+	static override styles = [UmbTextStyles, css``];
+}
+
+export { UmbStylesheetFolderWorkspaceEditorElement as element };
+
+declare global {
+	interface HTMLElementTagNameMap {
+		[elementName]: UmbStylesheetFolderWorkspaceEditorElement;
+	}
+}