@umbraco-cms/backoffice 17.7.0 → 17.8.0-rc

package/dist-cms/packages/templating/partial-views/workspace/partial-view-workspace-editor.element.js

@@ -4,20 +4,14 @@ 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 { getQuerySnippet } from '../../utils/index.js';
 import { UMB_PARTIAL_VIEW_WORKSPACE_CONTEXT } from './partial-view-workspace.context-token.js';
-import { css, customElement, html, nothing, query, state } from '../../../../external/lit/index.js';
+import { css, customElement, html, state } from '../../../../external/lit/index.js';
 import { UmbLitElement } from '../../../core/lit-element/index.js';
-import { umbOpenModal } from '../../../core/modal/index.js';
-import { UMB_TEMPLATE_QUERY_BUILDER_MODAL } from '../../templates/index.js';
 import { UMB_SERVER_CONTEXT } from '../../../core/server/index.js';
-import '../../../code-editor/index.js';
-import '../../local-components/insert-menu/index.js';
 let UmbPartialViewWorkspaceEditorElement = class UmbPartialViewWorkspaceEditorElement extends UmbLitElement {
     #workspaceContext;
     constructor() {
         super();
-        this._content = '';
         /**
          * Whether editing is restricted. True when in production mode OR when runtime mode is still unknown.
          * This ensures a safe default (restricted) until we confirm the runtime mode.
@@ -31,70 +25,20 @@ let UmbPartialViewWorkspaceEditorElement = class UmbPartialViewWorkspaceEditorEl
         });
         this.consumeContext(UMB_PARTIAL_VIEW_WORKSPACE_CONTEXT, (workspaceContext) => {
             this.#workspaceContext = workspaceContext;
-            this.observe(this.#workspaceContext?.content, (content) => {
-                this._content = content;
-            });
             this.observe(this.#workspaceContext?.isNew, (isNew) => {
                 this._isNew = isNew;
             });
         });
     }
-    #onCodeEditorInput(event) {
-        const target = event.target;
-        const value = target.code;
-        this.#workspaceContext?.setContent(value);
-    }
-    #insertSnippet(event) {
-        const target = event.target;
-        const value = target.value;
-        this._codeEditor?.insert(value);
-    }
-    async #openQueryBuilder() {
-        const queryBuilderModalValue = await umbOpenModal(this, UMB_TEMPLATE_QUERY_BUILDER_MODAL).catch(() => undefined);
-        if (queryBuilderModalValue?.value) {
-            this._codeEditor?.insert(getQuerySnippet(queryBuilderModalValue.value));
-        }
-    }
     render() {
         return html `
 			<umb-entity-detail-workspace-editor>
 				<umb-workspace-header-name-editable
 					slot="header"
 					?readonly=${this._isNew === false || this._isRestricted}></umb-workspace-header-name-editable>
-				<uui-box>
-					<div slot="header" id="code-editor-menu-container">
-						<umb-templating-insert-menu
-							@insert=${this.#insertSnippet}
-							?disabled=${this._isRestricted}
-							hidePartialViews></umb-templating-insert-menu>
-						<uui-button
-							look="secondary"
-							id="query-builder-button"
-							label=${this.localize.term('template_queryBuilder')}
-							?disabled=${this._isRestricted}
-							@click=${this.#openQueryBuilder}>
-							<uui-icon name="icon-wand"></uui-icon>
-							<umb-localize key="template_queryBuilder">Query builder</umb-localize>
-						</uui-button>
-					</div>
-					${this.#renderCodeEditor()}
-				</uui-box>
 			</umb-entity-detail-workspace-editor>
 		`;
     }
-    #renderCodeEditor() {
-        if (this._content === undefined) {
-            return nothing;
-        }
-        return html `
-			<umb-code-editor
-				id="content"
-				language="razor"
-				.code=${this._content ?? ''}
-				?readonly=${this._isRestricted}
-				@input=${this.#onCodeEditorInput}></umb-code-editor>
-		`;
-    }
     static { this.styles = [
         css `
 			:host {
@@ -102,64 +46,15 @@ let UmbPartialViewWorkspaceEditorElement = class UmbPartialViewWorkspaceEditorEl
 				width: 100%;
 				height: 100%;
 			}
-
-			umb-code-editor {
-				--editor-height: calc(100dvh - 300px);
-			}
-
-			uui-box {
-				min-height: calc(100dvh - 300px);
-				margin: var(--uui-size-layout-1);
-				--uui-box-default-padding: 0;
-				/* remove header border bottom as code editor looks better in this box */
-				--uui-color-divider-standalone: transparent;
-			}
-
-			#code-editor-menu-container uui-icon:not([name='icon-delete']) {
-				margin-right: var(--uui-size-space-3);
-			}
-
-			#insert-menu {
-				margin: 0;
-				padding: 0;
-				margin-top: var(--uui-size-space-3);
-				background-color: var(--uui-color-surface);
-				box-shadow: var(--uui-shadow-depth-3);
-				min-width: calc(100% + var(--uui-size-8, 24px));
-			}
-
-			#insert-menu > li,
-			ul {
-				padding: 0;
-				width: 100%;
-				list-style: none;
-			}
-
-			.insert-menu-item {
-				width: 100%;
-			}
-
-			#code-editor-menu-container {
-				display: flex;
-				justify-content: flex-end;
-				gap: var(--uui-size-space-3);
-				width: 100%;
-			}
 		`,
     ]; }
 };
-__decorate([
-    state()
-], UmbPartialViewWorkspaceEditorElement.prototype, "_content", void 0);
 __decorate([
     state()
 ], UmbPartialViewWorkspaceEditorElement.prototype, "_isNew", void 0);
 __decorate([
     state()
 ], UmbPartialViewWorkspaceEditorElement.prototype, "_isRestricted", void 0);
-__decorate([
-    query('umb-code-editor')
-], UmbPartialViewWorkspaceEditorElement.prototype, "_codeEditor", void 0);
 UmbPartialViewWorkspaceEditorElement = __decorate([
     customElement('umb-partial-view-workspace-editor')
 ], UmbPartialViewWorkspaceEditorElement);

package/dist-cms/packages/templating/partial-views/workspace/partial-view-workspace.context.d.ts

@@ -3,6 +3,7 @@ import type { UmbPartialViewDetailRepository } from '../repository/index.js';
 import type { UmbControllerHost } from '../../../../libs/controller-api/index.js';
 import type { UmbEntityDetailWorkspaceContextCreateArgs, UmbRoutableWorkspaceContext, UmbSubmittableWorkspaceContext } from '../../../core/workspace/index.js';
 import { UmbEntityNamedDetailWorkspaceContextBase } from '../../../core/workspace/index.js';
+import type { UmbEntityModel } from '../../../core/entity/index.js';
 export interface UmbPartialViewWorkspaceContextCreateArgs extends UmbEntityDetailWorkspaceContextCreateArgs<UmbPartialViewDetailModel> {
     snippet: {
         unique: string;
@@ -12,6 +13,7 @@ export declare class UmbPartialViewWorkspaceContext extends UmbEntityNamedDetail
     #private;
     readonly content: import("rxjs").Observable<string | undefined>;
     constructor(host: UmbControllerHost);
+    protected _getNavigationParentItemPath(entity: UmbEntityModel | undefined): string | undefined;
     setContent(value: string): void;
     createScaffold(args: UmbPartialViewWorkspaceContextCreateArgs): Promise<UmbPartialViewDetailModel | undefined>;
 }

package/dist-cms/packages/templating/partial-views/workspace/partial-view-workspace.context.js

@@ -1,11 +1,14 @@
-import { UMB_PARTIAL_VIEW_ENTITY_TYPE } from '../entity.js';
+import { UMB_PARTIAL_VIEW_ENTITY_TYPE, UMB_PARTIAL_VIEW_FOLDER_ENTITY_TYPE } from '../entity.js';
 import { UMB_PARTIAL_VIEW_DETAIL_REPOSITORY_ALIAS } from '../constants.js';
+import { UMB_EDIT_PARTIAL_VIEW_WORKSPACE_PATH_PATTERN } from '../paths.js';
+import { UMB_EDIT_PARTIAL_VIEW_FOLDER_WORKSPACE_PATH_PATTERN } from '../tree/folder/workspace/paths.js';
 import { UmbPartialViewWorkspaceEditorElement } from './partial-view-workspace-editor.element.js';
 import { UMB_PARTIAL_VIEW_WORKSPACE_ALIAS } from './manifests.js';
 import { UmbEntityNamedDetailWorkspaceContextBase, UmbWorkspaceIsNewRedirectController, } from '../../../core/workspace/index.js';
 import { tryExecute } from '../../../core/resources/index.js';
 import { PartialViewService } from '../../../core/backend-api/index.js';
 import { UmbServerFileRenameWorkspaceRedirectController } from '../../../core/server-file-system/index.js';
+import { UMB_SETTINGS_SECTION_PATH } from '../../../settings/index.js';
 export class UmbPartialViewWorkspaceContext extends UmbEntityNamedDetailWorkspaceContextBase {
     constructor(host) {
         super(host, {
@@ -55,6 +58,14 @@ export class UmbPartialViewWorkspaceContext extends UmbEntityNamedDetailWorkspac
             },
         ]);
     }
+    _getNavigationParentItemPath(entity) {
+        if (!entity?.unique)
+            return UMB_SETTINGS_SECTION_PATH;
+        if (entity.entityType === UMB_PARTIAL_VIEW_FOLDER_ENTITY_TYPE) {
+            return UMB_EDIT_PARTIAL_VIEW_FOLDER_WORKSPACE_PATH_PATTERN.generateAbsolute({ unique: entity.unique });
+        }
+        return UMB_EDIT_PARTIAL_VIEW_WORKSPACE_PATH_PATTERN.generateAbsolute({ unique: entity.unique });
+    }
     #onCreate;
     setContent(value) {
         this._data.updateCurrent({ content: value });

package/dist-cms/packages/templating/partial-views/workspace/views/code-editor/partial-view-code-editor-workspace-view.element.d.ts

@@ -0,0 +1,23 @@
+import { UmbLitElement } from '../../../../../core/lit-element/index.js';
+import type { UmbWorkspaceViewElement } from '../../../../../core/workspace/index.js';
+import '../../../../../code-editor/index.js';
+import '../../../../local-components/insert-menu/index.js';
+export declare class UmbPartialViewCodeEditorWorkspaceViewElement extends UmbLitElement implements UmbWorkspaceViewElement {
+    #private;
+    private _content?;
+    /**
+     * Whether editing is restricted. True when in production mode OR when runtime mode is still unknown.
+     * This ensures a safe default (restricted) until we confirm the runtime mode.
+     */
+    private _isRestricted;
+    private _codeEditor?;
+    constructor();
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: import("lit").CSSResult[];
+}
+export default UmbPartialViewCodeEditorWorkspaceViewElement;
+declare global {
+    interface HTMLElementTagNameMap {
+        'umb-partial-view-code-editor-workspace-view': UmbPartialViewCodeEditorWorkspaceViewElement;
+    }
+}

package/dist-cms/packages/templating/partial-views/workspace/views/code-editor/partial-view-code-editor-workspace-view.element.js

@@ -0,0 +1,135 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    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 { getQuerySnippet } from '../../../../utils/index.js';
+import { UMB_PARTIAL_VIEW_WORKSPACE_CONTEXT } from '../../partial-view-workspace.context-token.js';
+import { css, customElement, html, nothing, query, state } from '../../../../../../external/lit/index.js';
+import { UmbLitElement } from '../../../../../core/lit-element/index.js';
+import { umbOpenModal } from '../../../../../core/modal/index.js';
+import { UMB_TEMPLATE_QUERY_BUILDER_MODAL } from '../../../../templates/index.js';
+import { UMB_SERVER_CONTEXT } from '../../../../../core/server/index.js';
+import '../../../../../code-editor/index.js';
+import '../../../../local-components/insert-menu/index.js';
+let UmbPartialViewCodeEditorWorkspaceViewElement = class UmbPartialViewCodeEditorWorkspaceViewElement extends UmbLitElement {
+    #workspaceContext;
+    constructor() {
+        super();
+        this._content = '';
+        /**
+         * Whether editing is restricted. True when in production mode OR when runtime mode is still unknown.
+         * This ensures a safe default (restricted) until we confirm the runtime mode.
+         */
+        this._isRestricted = true;
+        this.consumeContext(UMB_SERVER_CONTEXT, (context) => {
+            this.observe(context?.isProductionMode, (isProductionMode) => {
+                // Restricted until we confirm it's NOT production mode (safe default).
+                this._isRestricted = isProductionMode !== false;
+            });
+        });
+        this.consumeContext(UMB_PARTIAL_VIEW_WORKSPACE_CONTEXT, (workspaceContext) => {
+            this.#workspaceContext = workspaceContext;
+            this.observe(this.#workspaceContext?.content, (content) => {
+                this._content = content;
+            });
+        });
+    }
+    #onCodeEditorInput(event) {
+        const target = event.target;
+        const value = target.code;
+        this.#workspaceContext?.setContent(value);
+    }
+    #insertSnippet(event) {
+        const target = event.target;
+        const value = target.value;
+        this._codeEditor?.insert(value);
+    }
+    async #openQueryBuilder() {
+        const queryBuilderModalValue = await umbOpenModal(this, UMB_TEMPLATE_QUERY_BUILDER_MODAL).catch(() => undefined);
+        if (queryBuilderModalValue?.value) {
+            this._codeEditor?.insert(getQuerySnippet(queryBuilderModalValue.value));
+        }
+    }
+    render() {
+        return html `
+			<uui-box>
+				<div slot="header" id="code-editor-menu-container">
+					<umb-templating-insert-menu
+						@insert=${this.#insertSnippet}
+						?disabled=${this._isRestricted}
+						hidePartialViews></umb-templating-insert-menu>
+					<uui-button
+						look="secondary"
+						id="query-builder-button"
+						label=${this.localize.term('template_queryBuilder')}
+						?disabled=${this._isRestricted}
+						@click=${this.#openQueryBuilder}>
+						<uui-icon name="icon-wand"></uui-icon>
+						<umb-localize key="template_queryBuilder">Query builder</umb-localize>
+					</uui-button>
+				</div>
+				${this.#renderCodeEditor()}
+			</uui-box>
+		`;
+    }
+    #renderCodeEditor() {
+        if (this._content === undefined) {
+            return nothing;
+        }
+        return html `
+			<umb-code-editor
+				id="content"
+				language="razor"
+				.code=${this._content ?? ''}
+				?readonly=${this._isRestricted}
+				@input=${this.#onCodeEditorInput}></umb-code-editor>
+		`;
+    }
+    static { this.styles = [
+        css `
+			:host {
+				display: block;
+				width: 100%;
+			}
+
+			umb-code-editor {
+				--editor-height: calc(100dvh - 300px);
+			}
+
+			uui-box {
+				min-height: calc(100dvh - 300px);
+				margin: var(--uui-size-layout-1);
+				--uui-box-default-padding: 0;
+				/* remove header border bottom as code editor looks better in this box */
+				--uui-color-divider-standalone: transparent;
+			}
+
+			#code-editor-menu-container uui-icon:not([name='icon-delete']) {
+				margin-right: var(--uui-size-space-3);
+			}
+
+			#code-editor-menu-container {
+				display: flex;
+				justify-content: flex-end;
+				gap: var(--uui-size-space-3);
+				width: 100%;
+			}
+		`,
+    ]; }
+};
+__decorate([
+    state()
+], UmbPartialViewCodeEditorWorkspaceViewElement.prototype, "_content", void 0);
+__decorate([
+    state()
+], UmbPartialViewCodeEditorWorkspaceViewElement.prototype, "_isRestricted", void 0);
+__decorate([
+    query('umb-code-editor')
+], UmbPartialViewCodeEditorWorkspaceViewElement.prototype, "_codeEditor", void 0);
+UmbPartialViewCodeEditorWorkspaceViewElement = __decorate([
+    customElement('umb-partial-view-code-editor-workspace-view')
+], UmbPartialViewCodeEditorWorkspaceViewElement);
+export { UmbPartialViewCodeEditorWorkspaceViewElement };
+export default UmbPartialViewCodeEditorWorkspaceViewElement;

package/dist-cms/packages/templating/scripts/tree/constants.d.ts

@@ -1,4 +1,9 @@
-export { UMB_SCRIPT_TREE_REPOSITORY_ALIAS, UMB_SCRIPT_TREE_STORE_ALIAS, UMB_SCRIPT_TREE_ALIAS } from './manifests.js';
+export declare const UMB_SCRIPT_TREE_REPOSITORY_ALIAS = "Umb.Repository.Script.Tree";
+/**
+ * @deprecated Use {@link UMB_SCRIPT_TREE_REPOSITORY_ALIAS} instead. This will be removed in Umbraco 18.
+ */
+export declare const UMB_SCRIPT_TREE_STORE_ALIAS = "Umb.Store.Script.Tree";
+export declare const UMB_SCRIPT_TREE_ALIAS = "Umb.Tree.Script";
 export { UMB_SCRIPT_TREE_STORE_CONTEXT } from './script-tree.store.context-token.js';
 export * from './folder/constants.js';
 export * from './tree-item-children/constants.js';

package/dist-cms/packages/templating/scripts/tree/constants.js

@@ -1,4 +1,9 @@
-export { UMB_SCRIPT_TREE_REPOSITORY_ALIAS, UMB_SCRIPT_TREE_STORE_ALIAS, UMB_SCRIPT_TREE_ALIAS } from './manifests.js';
+export const UMB_SCRIPT_TREE_REPOSITORY_ALIAS = 'Umb.Repository.Script.Tree';
+/**
+ * @deprecated Use {@link UMB_SCRIPT_TREE_REPOSITORY_ALIAS} instead. This will be removed in Umbraco 18.
+ */
+export const UMB_SCRIPT_TREE_STORE_ALIAS = 'Umb.Store.Script.Tree';
+export const UMB_SCRIPT_TREE_ALIAS = 'Umb.Tree.Script';
 export { UMB_SCRIPT_TREE_STORE_CONTEXT } from './script-tree.store.context-token.js';
 export * from './folder/constants.js';
 export * from './tree-item-children/constants.js';

package/dist-cms/packages/templating/scripts/tree/folder/workspace/script-folder-workspace.context.d.ts

@@ -2,7 +2,9 @@ import { type UmbScriptFolderRepository } from '../repository/index.js';
 import type { UmbControllerHost } from '../../../../../../libs/controller-api/index.js';
 import { UmbEntityNamedDetailWorkspaceContextBase, type UmbRoutableWorkspaceContext, type UmbSubmittableWorkspaceContext } from '../../../../../core/workspace/index.js';
 import type { UmbFolderModel } from '../../../../../core/tree/index.js';
+import type { UmbEntityModel } from '../../../../../core/entity/index.js';
 export declare class UmbScriptFolderWorkspaceContext extends UmbEntityNamedDetailWorkspaceContextBase<UmbFolderModel, UmbScriptFolderRepository> implements UmbSubmittableWorkspaceContext, UmbRoutableWorkspaceContext {
     constructor(host: UmbControllerHost);
+    protected _getNavigationParentItemPath(entity: UmbEntityModel | undefined): string | undefined;
 }
 export { UmbScriptFolderWorkspaceContext as api };

package/dist-cms/packages/templating/scripts/tree/folder/workspace/script-folder-workspace.context.js

@@ -1,8 +1,10 @@
 import { UMB_SCRIPT_FOLDER_REPOSITORY_ALIAS } from '../repository/index.js';
 import { UMB_SCRIPT_FOLDER_ENTITY_TYPE } from '../../../entity.js';
+import { UMB_EDIT_SCRIPT_FOLDER_WORKSPACE_PATH_PATTERN } from './paths.js';
 import { UMB_SCRIPT_FOLDER_WORKSPACE_ALIAS } from './constants.js';
 import { UmbScriptFolderWorkspaceEditorElement } from './script-folder-workspace-editor.element.js';
 import { UmbEntityNamedDetailWorkspaceContextBase, } from '../../../../../core/workspace/index.js';
+import { UMB_SETTINGS_SECTION_PATH } from '../../../../../settings/index.js';
 export class UmbScriptFolderWorkspaceContext extends UmbEntityNamedDetailWorkspaceContextBase {
     constructor(host) {
         super(host, {
@@ -21,5 +23,10 @@ export class UmbScriptFolderWorkspaceContext extends UmbEntityNamedDetailWorkspa
             },
         ]);
     }
+    _getNavigationParentItemPath(entity) {
+        if (!entity?.unique)
+            return UMB_SETTINGS_SECTION_PATH;
+        return UMB_EDIT_SCRIPT_FOLDER_WORKSPACE_PATH_PATTERN.generateAbsolute({ unique: entity.unique });
+    }
 }
 export { UmbScriptFolderWorkspaceContext as api };

package/dist-cms/packages/templating/scripts/tree/manifests.d.ts

@@ -1,7 +1,4 @@
-export declare const UMB_SCRIPT_TREE_REPOSITORY_ALIAS = "Umb.Repository.Script.Tree";
-/**
- * @deprecated Use {@link UMB_SCRIPT_TREE_REPOSITORY_ALIAS} instead. This will be removed in Umbraco 18.
- */
-export declare const UMB_SCRIPT_TREE_STORE_ALIAS = "Umb.Store.Script.Tree";
-export declare const UMB_SCRIPT_TREE_ALIAS = "Umb.Tree.Script";
-export declare const manifests: Array<UmbExtensionManifest>;
+import { UMB_SCRIPT_TREE_ALIAS, UMB_SCRIPT_TREE_REPOSITORY_ALIAS, UMB_SCRIPT_TREE_STORE_ALIAS } from './constants.js';
+import type { UmbExtensionManifestKind } from '../../../core/extension-registry/index.js';
+export { UMB_SCRIPT_TREE_REPOSITORY_ALIAS, UMB_SCRIPT_TREE_STORE_ALIAS, UMB_SCRIPT_TREE_ALIAS };
+export declare const manifests: Array<UmbExtensionManifest | UmbExtensionManifestKind>;

package/dist-cms/packages/templating/scripts/tree/manifests.js

@@ -1,16 +1,14 @@
 import { UMB_SCRIPT_ENTITY_TYPE, UMB_SCRIPT_FOLDER_ENTITY_TYPE, UMB_SCRIPT_ROOT_ENTITY_TYPE } from '../entity.js';
-import { UMB_SCRIPT_TREE_ITEM_CHILDREN_COLLECTION_ALIAS } from './tree-item-children/constants.js';
 import { manifests as folderManifests } from './folder/manifests.js';
+import { UMB_SCRIPT_FOLDER_WORKSPACE_ALIAS } from './folder/workspace/constants.js';
 import { manifests as reloadTreeItemChildrenManifest } from './reload-tree-item-children/manifests.js';
 import { manifests as treeItemChildrenManifests } from './tree-item-children/manifests.js';
+import { manifests as viewManifests } from './views/manifests.js';
+import { UMB_SCRIPT_TREE_ALIAS, UMB_SCRIPT_TREE_REPOSITORY_ALIAS, UMB_SCRIPT_TREE_STORE_ALIAS } from './constants.js';
 import { UmbScriptTreeStore } from './script-tree.store.js';
 import { UMB_WORKSPACE_CONDITION_ALIAS } from '../../../core/workspace/index.js';
-export const UMB_SCRIPT_TREE_REPOSITORY_ALIAS = 'Umb.Repository.Script.Tree';
-/**
- * @deprecated Use {@link UMB_SCRIPT_TREE_REPOSITORY_ALIAS} instead. This will be removed in Umbraco 18.
- */
-export const UMB_SCRIPT_TREE_STORE_ALIAS = 'Umb.Store.Script.Tree';
-export const UMB_SCRIPT_TREE_ALIAS = 'Umb.Tree.Script';
+import { UMB_TREE_ALIAS_CONDITION } from '../../../core/tree/index.js';
+export { UMB_SCRIPT_TREE_REPOSITORY_ALIAS, UMB_SCRIPT_TREE_STORE_ALIAS, UMB_SCRIPT_TREE_ALIAS };
 const UMB_SCRIPT_ROOT_WORKSPACE_ALIAS = 'Umb.Workspace.Script.Root';
 export const manifests = [
     {
@@ -51,25 +49,40 @@ export const manifests = [
             headline: '#treeHeaders_scripts',
         },
     },
+    {
+        type: 'treeAction',
+        kind: 'create',
+        name: 'Script Tree Create Action',
+        alias: 'Umb.TreeAction.Script.Create',
+        conditions: [
+            {
+                alias: UMB_TREE_ALIAS_CONDITION,
+                match: UMB_SCRIPT_TREE_ALIAS,
+            },
+        ],
+    },
     {
         type: 'workspaceView',
-        kind: 'collection',
+        kind: 'tree',
+        // TODO (V20): rename alias to 'Umb.WorkspaceView.Script.Tree' — kept as the old
+        // TreeItemChildrenCollection alias so existing plugin conditions/overrides don't break.
         alias: 'Umb.WorkspaceView.Script.TreeItemChildrenCollection',
-        name: 'Script Tree Item Children Collection Workspace View',
+        name: 'Script Tree Item Children Workspace View',
         meta: {
-            label: '#general_items',
-            pathname: 'items',
-            icon: 'icon-grid',
-            collectionAlias: UMB_SCRIPT_TREE_ITEM_CHILDREN_COLLECTION_ALIAS,
+            label: '#tree_children',
+            pathname: 'children',
+            icon: 'icon-bulleted-list',
+            treeAlias: UMB_SCRIPT_TREE_ALIAS,
         },
         conditions: [
             {
                 alias: UMB_WORKSPACE_CONDITION_ALIAS,
-                oneOf: [UMB_SCRIPT_ROOT_WORKSPACE_ALIAS, 'Umb.Workspace.Script.Folder'],
+                oneOf: [UMB_SCRIPT_ROOT_WORKSPACE_ALIAS, UMB_SCRIPT_FOLDER_WORKSPACE_ALIAS],
             },
         ],
     },
     ...folderManifests,
     ...reloadTreeItemChildrenManifest,
     ...treeItemChildrenManifests,
+    ...viewManifests,
 ];

package/dist-cms/packages/templating/scripts/tree/tree-item-children/collection/constants.d.ts

@@ -1,2 +1,5 @@
+/**
+ * @deprecated Deprecated since v17. Scheduled for removal in Umbraco 20.
+ */
 export declare const UMB_SCRIPT_TREE_ITEM_CHILDREN_COLLECTION_ALIAS = "Umb.Collection.Script.TreeItemChildren";
 export * from './repository/constants.js';

package/dist-cms/packages/templating/scripts/tree/tree-item-children/collection/constants.js

@@ -1,2 +1,5 @@
+/**
+ * @deprecated Deprecated since v17. Scheduled for removal in Umbraco 20.
+ */
 export const UMB_SCRIPT_TREE_ITEM_CHILDREN_COLLECTION_ALIAS = 'Umb.Collection.Script.TreeItemChildren';
 export * from './repository/constants.js';

package/dist-cms/packages/templating/scripts/tree/tree-item-children/collection/repository/constants.d.ts

@@ -1 +1,4 @@
+/**
+ * @deprecated Deprecated since v17. Scheduled for removal in Umbraco 20.
+ */
 export declare const UMB_SCRIPT_TREE_ITEM_CHILDREN_COLLECTION_REPOSITORY_ALIAS = "Umb.Repository.Script.TreeItemChildrenCollection";

package/dist-cms/packages/templating/scripts/tree/tree-item-children/collection/repository/constants.js

@@ -1 +1,4 @@
+/**
+ * @deprecated Deprecated since v17. Scheduled for removal in Umbraco 20.
+ */
 export const UMB_SCRIPT_TREE_ITEM_CHILDREN_COLLECTION_REPOSITORY_ALIAS = 'Umb.Repository.Script.TreeItemChildrenCollection';

package/dist-cms/packages/templating/scripts/tree/tree-item-children/collection/repository/script-tree-item-children-collection.repository.d.ts

@@ -1,5 +1,8 @@
 import { UmbTreeItemChildrenCollectionRepositoryBase } from '../../../../../../core/tree/index.js';
 import type { UmbControllerHost } from '../../../../../../../libs/controller-api/index.js';
+/**
+ * @deprecated Deprecated since v17. Scheduled for removal in Umbraco 20.
+ */
 export declare class UmbScriptTreeItemChildrenCollectionRepository extends UmbTreeItemChildrenCollectionRepositoryBase {
     constructor(host: UmbControllerHost);
 }

package/dist-cms/packages/templating/scripts/tree/tree-item-children/collection/repository/script-tree-item-children-collection.repository.js

@@ -1,8 +1,17 @@
 import { UMB_SCRIPT_TREE_REPOSITORY_ALIAS } from '../../../constants.js';
 import { UmbTreeItemChildrenCollectionRepositoryBase } from '../../../../../../core/tree/index.js';
+import { UmbDeprecation } from '../../../../../../core/utils/index.js';
+/**
+ * @deprecated Deprecated since v17. Scheduled for removal in Umbraco 20.
+ */
 export class UmbScriptTreeItemChildrenCollectionRepository extends UmbTreeItemChildrenCollectionRepositoryBase {
     constructor(host) {
         super(host);
+        new UmbDeprecation({
+            deprecated: 'UmbScriptTreeItemChildrenCollectionRepository',
+            removeInVersion: '20.0.0',
+            solution: 'Use UmbScriptTreeRepository instead.',
+        }).warn();
         this._setTreeRepositoryAlias(UMB_SCRIPT_TREE_REPOSITORY_ALIAS);
     }
 }

package/dist-cms/packages/templating/scripts/tree/tree-item-children/collection/views/manifests.js

@@ -8,7 +8,7 @@ export const manifests = [
         element: () => import('./script-tree-item-table-collection-view.element.js'),
         weight: 300,
         meta: {
-            label: 'Table',
+            label: '#collection_tableViewLabel',
             icon: 'icon-table',
             pathName: 'table',
         },

package/dist-cms/packages/templating/scripts/tree/tree-item-children/collection/views/script-tree-item-table-collection-view.element.d.ts

@@ -1,4 +1,7 @@
 import { UmbLitElement } from '../../../../../../core/lit-element/index.js';
+/**
+ * @deprecated Deprecated since v17. Scheduled for removal in Umbraco 20.
+ */
 export declare class UmbScriptTreeItemTableCollectionViewElement extends UmbLitElement {
     #private;
     private _tableConfig;

package/dist-cms/packages/templating/scripts/tree/tree-item-children/collection/views/script-tree-item-table-collection-view.element.js

@@ -10,6 +10,9 @@ import { UMB_COLLECTION_CONTEXT } from '../../../../../../core/collection/index.
 import { css, html, customElement, state } from '../../../../../../../external/lit/index.js';
 import { UmbTextStyles } from '../../../../../../core/style/index.js';
 import { UmbLitElement } from '../../../../../../core/lit-element/index.js';
+/**
+ * @deprecated Deprecated since v17. Scheduled for removal in Umbraco 20.
+ */
 let UmbScriptTreeItemTableCollectionViewElement = class UmbScriptTreeItemTableCollectionViewElement extends UmbLitElement {
     #collectionContext;
     constructor() {

package/dist-cms/packages/templating/scripts/tree/views/manifests.d.ts

@@ -0,0 +1,2 @@
+import type { UmbExtensionManifestKind } from '../../../../core/extension-registry/index.js';
+export declare const manifests: Array<UmbExtensionManifest | UmbExtensionManifestKind>;

package/dist-cms/packages/templating/scripts/tree/views/manifests.js

@@ -0,0 +1,17 @@
+import { UMB_SCRIPT_TREE_ALIAS } from '../constants.js';
+export const manifests = [
+    {
+        type: 'treeView',
+        kind: 'classic',
+        alias: 'Umb.TreeView.Script.Classic',
+        name: 'Script Classic Tree View',
+        forTrees: [UMB_SCRIPT_TREE_ALIAS],
+    },
+    {
+        type: 'treeView',
+        kind: 'table',
+        alias: 'Umb.TreeView.Script.Table',
+        name: 'Script Table Tree View',
+        forTrees: [UMB_SCRIPT_TREE_ALIAS],
+    },
+];

package/dist-cms/packages/templating/scripts/workspace/manifests.js

@@ -13,6 +13,24 @@ export const manifests = [
             entityType: UMB_SCRIPT_ENTITY_TYPE,
         },
     },
+    {
+        type: 'workspaceView',
+        alias: 'Umb.WorkspaceView.Script.CodeEditor',
+        name: 'Script Workspace Code Editor View',
+        element: () => import('./views/code-editor/script-code-editor-workspace-view.element.js'),
+        weight: 700,
+        meta: {
+            label: '#scripts_tabCode',
+            pathname: 'code',
+            icon: 'icon-brackets',
+        },
+        conditions: [
+            {
+                alias: UMB_WORKSPACE_CONDITION_ALIAS,
+                match: UMB_SCRIPT_WORKSPACE_ALIAS,
+            },
+        ],
+    },
     {
         type: 'workspaceAction',
         kind: 'default',