@umbraco-cms/backoffice 14.0.0-c26a40c4 → 14.0.0-ce7724db

package/dist-cms/packages/templating/stylesheets/entity-actions/manifests.js

@@ -0,0 +1,73 @@
+import { STYLESHEET_ENTITY_TYPE, STYLESHEET_FOLDER_EMPTY_ENTITY_TYPE, STYLESHEET_FOLDER_ENTITY_TYPE, STYLESHEET_REPOSITORY_ALIAS, STYLESHEET_ROOT_ENTITY_TYPE, } from '../config.js';
+import { UmbCreateRTFStylesheetAction } from './create/create-rtf.action.js';
+import { UmbCreateStylesheetAction } from './create/create.action.js';
+import { UmbCreateFolderEntityAction, UmbDeleteEntityAction, UmbDeleteFolderEntityAction, } from '../../../core/entity-action/index.js';
+//TODO: this is temporary until we have a proper way of registering actions for folder types in a specific tree
+//Actions for partial view files
+const stylesheetActions = [
+    {
+        type: 'entityAction',
+        alias: 'Umb.EntityAction.Stylesheet.Delete',
+        name: 'Delete Stylesheet Entity Action',
+        meta: {
+            icon: 'umb:trash',
+            label: 'Delete',
+            api: UmbDeleteEntityAction,
+            repositoryAlias: STYLESHEET_REPOSITORY_ALIAS,
+            entityTypes: [STYLESHEET_ENTITY_TYPE],
+        },
+    },
+];
+//TODO: add create folder action when the generic folder action is implemented
+//Actions for directories
+const stylesheetFolderActions = [
+    {
+        type: 'entityAction',
+        alias: 'Umb.EntityAction.Stylesheet.Folder.Create',
+        name: 'Create Stylesheet Entity Under Directory Action',
+        meta: {
+            icon: 'umb:script',
+            label: 'New stylesheet file',
+            api: UmbCreateStylesheetAction,
+            repositoryAlias: STYLESHEET_REPOSITORY_ALIAS,
+            entityTypes: [STYLESHEET_FOLDER_ENTITY_TYPE, STYLESHEET_FOLDER_EMPTY_ENTITY_TYPE, STYLESHEET_ROOT_ENTITY_TYPE],
+        },
+    },
+    {
+        type: 'entityAction',
+        alias: 'Umb.EntityAction.Stylesheet.Folder.Create.RTF',
+        name: 'Create RTF Stylesheet Entity Under Directory Action',
+        meta: {
+            icon: 'umb:script',
+            label: 'New Rich Text Editor style sheet file',
+            api: UmbCreateRTFStylesheetAction,
+            repositoryAlias: STYLESHEET_REPOSITORY_ALIAS,
+            entityTypes: [STYLESHEET_FOLDER_ENTITY_TYPE, STYLESHEET_FOLDER_EMPTY_ENTITY_TYPE, STYLESHEET_ROOT_ENTITY_TYPE],
+        },
+    },
+    {
+        type: 'entityAction',
+        alias: 'Umb.EntityAction.Stylesheet.Folder.DeleteFolder',
+        name: 'Remove empty folder',
+        meta: {
+            icon: 'umb:trash',
+            label: 'Remove folder',
+            api: UmbDeleteFolderEntityAction,
+            repositoryAlias: STYLESHEET_REPOSITORY_ALIAS,
+            entityTypes: [STYLESHEET_FOLDER_EMPTY_ENTITY_TYPE],
+        },
+    },
+    {
+        type: 'entityAction',
+        alias: 'Umb.EntityAction.Stylesheet.Folder.CreateFolder',
+        name: 'Create empty folder',
+        meta: {
+            icon: 'umb:add',
+            label: 'Create folder',
+            api: UmbCreateFolderEntityAction,
+            repositoryAlias: STYLESHEET_REPOSITORY_ALIAS,
+            entityTypes: [STYLESHEET_FOLDER_EMPTY_ENTITY_TYPE, STYLESHEET_FOLDER_ENTITY_TYPE, STYLESHEET_ROOT_ENTITY_TYPE],
+        },
+    },
+];
+export const manifests = [...stylesheetActions, ...stylesheetFolderActions];

package/dist-cms/packages/templating/stylesheets/index.d.ts

@@ -1,6 +1,3 @@
-import { FileSystemTreeItemPresentationModel } from '../../../external/backend-api/index.js';
-export interface StylesheetDetails extends FileSystemTreeItemPresentationModel {
-    content: string;
-}
-export declare const STYLESHEET_ENTITY_TYPE = "stylesheet";
+import { StylesheetResponseModel } from '../../../external/backend-api/index.js';
+export type StylesheetDetails = StylesheetResponseModel;
 export * from './repository/index.js';

package/dist-cms/packages/templating/stylesheets/index.js

@@ -1,2 +1 @@
-export const STYLESHEET_ENTITY_TYPE = 'stylesheet';
 export * from './repository/index.js';

package/dist-cms/packages/templating/stylesheets/manifests.d.ts

@@ -1 +1 @@
-export declare const manifests: (import("../../core/index.js").ManifestMenuItemTreeKind | import("../../core/index.js").ManifestRepository | import("../../core/index.js").ManifestTree | import("../../core/index.js").ManifestTreeItem | import("../../core/index.js").ManifestTreeStore | import("../../core/index.js").ManifestWorkspace | import("../../core/index.js").ManifestWorkspaceAction | import("../../core/index.js").ManifestWorkspaceEditorView)[];
+export declare const manifests: (import("../../core/index.js").ManifestModal | import("../../core/index.js").ManifestEntityAction | import("../../core/index.js").ManifestMenuItemTreeKind | import("../../core/index.js").ManifestRepository | import("../../core/index.js").ManifestTree | import("../../core/index.js").ManifestTreeItem | import("../../core/index.js").ManifestTreeStore | import("../../core/index.js").ManifestWorkspace | import("../../core/index.js").ManifestWorkspaceAction | import("../../core/index.js").ManifestWorkspaceEditorView)[];

package/dist-cms/packages/templating/stylesheets/manifests.js

@@ -2,4 +2,11 @@ import { manifests as repositoryManifests } from './repository/manifests.js';
 import { manifests as menuItemManifests } from './menu-item/manifests.js';
 import { manifests as treeManifests } from './tree/manifests.js';
 import { manifests as workspaceManifests } from './workspace/manifests.js';
-export const manifests = [...repositoryManifests, ...menuItemManifests, ...treeManifests, ...workspaceManifests];
+import { manifests as entityActionManifests } from './entity-actions/manifests.js';
+export const manifests = [
+    ...repositoryManifests,
+    ...menuItemManifests,
+    ...treeManifests,
+    ...workspaceManifests,
+    ...entityActionManifests,
+];

package/dist-cms/packages/templating/stylesheets/repository/manifests.d.ts

@@ -1,5 +1,2 @@
 import { ManifestRepository, ManifestTreeStore } from '../../../core/extension-registry/index.js';
-export declare const STYLESHEET_REPOSITORY_ALIAS = "Umb.Repository.Stylesheet";
-export declare const STYLESHEET_STORE_ALIAS = "Umb.Store.Stylesheet";
-export declare const STYLESHEET_TREE_STORE_ALIAS = "Umb.Store.StylesheetTree";
 export declare const manifests: (ManifestRepository | ManifestTreeStore)[];

package/dist-cms/packages/templating/stylesheets/repository/manifests.js

@@ -1,14 +1,12 @@
+import { STYLESHEET_REPOSITORY_ALIAS, STYLESHEET_TREE_STORE_ALIAS } from '../config.js';
 import { UmbStylesheetRepository } from './stylesheet.repository.js';
 import { UmbStylesheetTreeStore } from './stylesheet.tree.store.js';
-export const STYLESHEET_REPOSITORY_ALIAS = 'Umb.Repository.Stylesheet';
 const repository = {
     type: 'repository',
     alias: STYLESHEET_REPOSITORY_ALIAS,
     name: 'Stylesheet Repository',
     class: UmbStylesheetRepository,
 };
-export const STYLESHEET_STORE_ALIAS = 'Umb.Store.Stylesheet';
-export const STYLESHEET_TREE_STORE_ALIAS = 'Umb.Store.StylesheetTree';
 const treeStore = {
     type: 'treeStore',
     alias: STYLESHEET_TREE_STORE_ALIAS,

package/dist-cms/packages/templating/stylesheets/repository/sources/stylesheet.folder.server.data.d.ts

@@ -0,0 +1,17 @@
+import { CreateFolderRequestModel, FolderModelBaseModel, FolderResponseModel } from '../../../../../external/backend-api/index.js';
+import { UmbControllerHostElement } from '../../../../../libs/controller-api/index.js';
+import { DataSourceResponse, UmbFolderDataSource } from '../../../../../shared/repository/index.js';
+export type StylesheetGetFolderResponse = {
+    path: string;
+    parentPath: string;
+    name: string;
+};
+export declare class UmbStylesheetFolderServerDataSource implements UmbFolderDataSource {
+    #private;
+    constructor(host: UmbControllerHostElement);
+    get(unique: string): Promise<DataSourceResponse<StylesheetGetFolderResponse>>;
+    insert(requestBody: CreateFolderRequestModel): Promise<DataSourceResponse<string>>;
+    delete(path: string): Promise<DataSourceResponse<unknown>>;
+    update(unique: string, data: CreateFolderRequestModel): Promise<DataSourceResponse<FolderModelBaseModel>>;
+    createScaffold(parentId: string | null): Promise<DataSourceResponse<FolderResponseModel>>;
+}

package/dist-cms/packages/templating/stylesheets/repository/sources/stylesheet.folder.server.data.js

@@ -0,0 +1,23 @@
+import { StylesheetResource, } from '../../../../../external/backend-api/index.js';
+import { tryExecuteAndNotify } from '../../../../../shared/resources/index.js';
+export class UmbStylesheetFolderServerDataSource {
+    #host;
+    constructor(host) {
+        this.#host = host;
+    }
+    get(unique) {
+        return tryExecuteAndNotify(this.#host, StylesheetResource.getStylesheetFolder({ path: unique }));
+    }
+    insert(requestBody) {
+        return tryExecuteAndNotify(this.#host, StylesheetResource.postStylesheetFolder({ requestBody }));
+    }
+    delete(path) {
+        return tryExecuteAndNotify(this.#host, StylesheetResource.deleteStylesheetFolder({ path }));
+    }
+    update(unique, data) {
+        throw new Error('Method not implemented.');
+    }
+    createScaffold(parentId) {
+        throw new Error('Method not implemented.');
+    }
+}

package/dist-cms/packages/templating/stylesheets/repository/sources/stylesheet.server.data.d.ts

@@ -1,13 +1,14 @@
 import type { StylesheetDetails } from '../../index.js';
 import { DataSourceResponse, UmbDataSource } from '../../../../../shared/repository/index.js';
 import { UmbControllerHostElement } from '../../../../../libs/controller-api/index.js';
+import { CreateStylesheetRequestModel, ExtractRichTextStylesheetRulesRequestModel, ExtractRichTextStylesheetRulesResponseModel, InterpolateRichTextStylesheetRequestModel, InterpolateRichTextStylesheetResponseModel, RichTextStylesheetRulesResponseModel, UpdateStylesheetRequestModel } from '../../../../../external/backend-api/index.js';
 /**
  * A data source for the Stylesheet that fetches data from the server
  * @export
  * @class UmbStylesheetServerDataSource
  * @implements {UmbStylesheetServerDataSource}
  */
-export declare class UmbStylesheetServerDataSource implements UmbDataSource<any, any, any, StylesheetDetails> {
+export declare class UmbStylesheetServerDataSource implements UmbDataSource<CreateStylesheetRequestModel, string, UpdateStylesheetRequestModel, StylesheetDetails> {
     #private;
     /**
      * Creates an instance of UmbStylesheetServerDataSource.
@@ -22,11 +23,54 @@ export declare class UmbStylesheetServerDataSource implements UmbDataSource<any,
      * @return {*}
      * @memberof UmbStylesheetServerDataSource
      */
-    get(path: string): Promise<{
-        data: undefined;
-        error: undefined;
-    }>;
-    insert(data: StylesheetDetails): Promise<DataSourceResponse<StylesheetDetails>>;
+    get(path: string): Promise<DataSourceResponse<import("../../../../../external/backend-api/index.js").TextFileResponseModelBaseModel>>;
+    /**
+     * Creates a new Stylesheet
+     *
+     * @param {StylesheetDetails} data
+     * @return {*}  {Promise<DataSourceResponse<any>>}
+     * @memberof UmbStylesheetServerDataSource
+     */
+    insert(data: StylesheetDetails): Promise<DataSourceResponse<any>>;
+    /**
+     * Updates an existing Stylesheet
+     *
+     * @param {string} path
+     * @param {StylesheetDetails} data
+     * @return {*}  {Promise<DataSourceResponse<StylesheetDetails>>}
+     * @memberof UmbStylesheetServerDataSource
+     */
     update(path: string, data: StylesheetDetails): Promise<DataSourceResponse<StylesheetDetails>>;
+    /**
+     * Deletes a Stylesheet.
+     *
+     * @param {string} path
+     * @return {*}  {Promise<DataSourceResponse>}
+     * @memberof UmbStylesheetServerDataSource
+     */
     delete(path: string): Promise<DataSourceResponse>;
+    /**
+     * Get's the rich text rules for a stylesheet
+     *
+     * @param {string} path
+     * @return {*}  {(Promise<DataSourceResponse<RichTextStylesheetRulesResponseModel | ExtractRichTextStylesheetRulesResponseModel>>)}
+     * @memberof UmbStylesheetServerDataSource
+     */
+    getStylesheetRichTextRules(path: string): Promise<DataSourceResponse<RichTextStylesheetRulesResponseModel | ExtractRichTextStylesheetRulesResponseModel>>;
+    /**
+     * Extracts the rich text rules from a stylesheet string. In simple words: takes a stylesheet string and returns a array of rules.
+     *
+     * @param {ExtractRichTextStylesheetRulesRequestModel} data
+     * @return {*}  {Promise<DataSourceResponse<ExtractRichTextStylesheetRulesResponseModel>>}
+     * @memberof UmbStylesheetServerDataSource
+     */
+    postStylesheetRichTextExtractRules(data: ExtractRichTextStylesheetRulesRequestModel): Promise<DataSourceResponse<ExtractRichTextStylesheetRulesResponseModel>>;
+    /**
+     * Interpolates the rich text rules from a stylesheet string. In simple words: takes a array of rules and existing content. Returns new content with the rules applied.
+     *
+     * @param {InterpolateRichTextStylesheetRequestModel} data
+     * @return {*}  {Promise<DataSourceResponse<InterpolateRichTextStylesheetResponseModel>>}
+     * @memberof UmbStylesheetServerDataSource
+     */
+    postStylesheetRichTextInterpolateRules(data: InterpolateRichTextStylesheetRequestModel): Promise<DataSourceResponse<InterpolateRichTextStylesheetResponseModel>>;
 }

package/dist-cms/packages/templating/stylesheets/repository/sources/stylesheet.server.data.js

@@ -1,3 +1,5 @@
+import { StylesheetResource, } from '../../../../../external/backend-api/index.js';
+import { tryExecuteAndNotify } from '../../../../../shared/resources/index.js';
 /**
  * A data source for the Stylesheet that fetches data from the server
  * @export
@@ -26,16 +28,67 @@ export class UmbStylesheetServerDataSource {
     async get(path) {
         if (!path)
             throw new Error('Path is missing');
-        console.log('GET STYLESHEET WITH PATH', path);
-        return { data: undefined, error: undefined };
+        return tryExecuteAndNotify(this.#host, StylesheetResource.getStylesheet({ path }));
     }
+    /**
+     * Creates a new Stylesheet
+     *
+     * @param {StylesheetDetails} data
+     * @return {*}  {Promise<DataSourceResponse<any>>}
+     * @memberof UmbStylesheetServerDataSource
+     */
     insert(data) {
-        throw new Error('Method not implemented.');
+        return tryExecuteAndNotify(this.#host, StylesheetResource.postStylesheet({ requestBody: data }));
     }
+    /**
+     * Updates an existing Stylesheet
+     *
+     * @param {string} path
+     * @param {StylesheetDetails} data
+     * @return {*}  {Promise<DataSourceResponse<StylesheetDetails>>}
+     * @memberof UmbStylesheetServerDataSource
+     */
     update(path, data) {
-        throw new Error('Method not implemented.');
+        return tryExecuteAndNotify(this.#host, StylesheetResource.putStylesheet({ requestBody: data }));
     }
+    /**
+     * Deletes a Stylesheet.
+     *
+     * @param {string} path
+     * @return {*}  {Promise<DataSourceResponse>}
+     * @memberof UmbStylesheetServerDataSource
+     */
     delete(path) {
-        throw new Error('Method not implemented.');
+        return tryExecuteAndNotify(this.#host, StylesheetResource.deleteStylesheet({ path }));
+    }
+    /**
+     * Get's the rich text rules for a stylesheet
+     *
+     * @param {string} path
+     * @return {*}  {(Promise<DataSourceResponse<RichTextStylesheetRulesResponseModel | ExtractRichTextStylesheetRulesResponseModel>>)}
+     * @memberof UmbStylesheetServerDataSource
+     */
+    getStylesheetRichTextRules(path) {
+        return tryExecuteAndNotify(this.#host, StylesheetResource.getStylesheetRichTextRules({ path }));
+    }
+    /**
+     * Extracts the rich text rules from a stylesheet string. In simple words: takes a stylesheet string and returns a array of rules.
+     *
+     * @param {ExtractRichTextStylesheetRulesRequestModel} data
+     * @return {*}  {Promise<DataSourceResponse<ExtractRichTextStylesheetRulesResponseModel>>}
+     * @memberof UmbStylesheetServerDataSource
+     */
+    postStylesheetRichTextExtractRules(data) {
+        return tryExecuteAndNotify(this.#host, StylesheetResource.postStylesheetRichTextExtractRules({ requestBody: data }));
+    }
+    /**
+     * Interpolates the rich text rules from a stylesheet string. In simple words: takes a array of rules and existing content. Returns new content with the rules applied.
+     *
+     * @param {InterpolateRichTextStylesheetRequestModel} data
+     * @return {*}  {Promise<DataSourceResponse<InterpolateRichTextStylesheetResponseModel>>}
+     * @memberof UmbStylesheetServerDataSource
+     */
+    postStylesheetRichTextInterpolateRules(data) {
+        return tryExecuteAndNotify(this.#host, StylesheetResource.postStylesheetRichTextInterpolateRules({ requestBody: data }));
     }
 }

package/dist-cms/packages/templating/stylesheets/repository/stylesheet.repository.d.ts

@@ -1,10 +1,55 @@
+import { Observable } from 'rxjs';
+import { StylesheetDetails } from '../index.js';
+import { StylesheetGetFolderResponse } from './sources/stylesheet.folder.server.data.js';
 import { UmbControllerHostElement } from '../../../../libs/controller-api/index.js';
-import { UmbTreeRepository } from '../../../../shared/repository/index.js';
-import { FileSystemTreeItemPresentationModel } from '../../../../external/backend-api/index.js';
+import { DataSourceResponse, UmbDataSourceErrorResponse, UmbDetailRepository, UmbFolderRepository, UmbTreeRepository } from '../../../../shared/repository/index.js';
+import { CreateFolderRequestModel, CreateStylesheetRequestModel, CreateTextFileViewModelBaseModel, ExtractRichTextStylesheetRulesRequestModel, ExtractRichTextStylesheetRulesResponseModel, FileSystemTreeItemPresentationModel, FolderModelBaseModel, FolderResponseModel, InterpolateRichTextStylesheetRequestModel, InterpolateRichTextStylesheetResponseModel, ProblemDetails, RichTextStylesheetRulesResponseModel, TextFileResponseModelBaseModel, UpdateStylesheetRequestModel, UpdateTextFileViewModelBaseModel } from '../../../../external/backend-api/index.js';
 import type { UmbTreeRootFileSystemModel } from '../../../core/tree/index.js';
-export declare class UmbStylesheetRepository implements UmbTreeRepository<FileSystemTreeItemPresentationModel, UmbTreeRootFileSystemModel> {
+export declare class UmbStylesheetRepository implements UmbTreeRepository<FileSystemTreeItemPresentationModel, UmbTreeRootFileSystemModel>, UmbDetailRepository<CreateStylesheetRequestModel, string, UpdateStylesheetRequestModel, StylesheetDetails>, UmbFolderRepository {
     #private;
     constructor(host: UmbControllerHostElement);
+    createFolderScaffold(parentId: string | null): Promise<{
+        data?: FolderResponseModel | undefined;
+        error?: ProblemDetails | undefined;
+    }>;
+    createFolder(folderRequest: CreateFolderRequestModel): Promise<{
+        data?: string | undefined;
+        error?: ProblemDetails | undefined;
+    }>;
+    requestFolder(unique: string): Promise<{
+        data?: StylesheetGetFolderResponse | undefined;
+        error?: ProblemDetails | undefined;
+    }>;
+    updateFolder(unique: string, folder: FolderModelBaseModel): Promise<{
+        data?: FolderModelBaseModel | undefined;
+        error?: ProblemDetails | undefined;
+    }>;
+    deleteFolder(path: string): Promise<{
+        error?: ProblemDetails | undefined;
+    }>;
+    createScaffold(parentId: string | null, preset?: Partial<CreateTextFileViewModelBaseModel> | undefined): Promise<DataSourceResponse<CreateTextFileViewModelBaseModel>>;
+    requestById(id: string): Promise<DataSourceResponse<TextFileResponseModelBaseModel | undefined>>;
+    byId(id: string): Promise<Observable<TextFileResponseModelBaseModel | undefined>>;
+    create(data: CreateTextFileViewModelBaseModel): Promise<DataSourceResponse<string>>;
+    save(id: string, data: UpdateTextFileViewModelBaseModel): Promise<UmbDataSourceErrorResponse>;
+    delete(id: string): Promise<UmbDataSourceErrorResponse>;
+    getStylesheetRules(path: string): Promise<DataSourceResponse<RichTextStylesheetRulesResponseModel | ExtractRichTextStylesheetRulesResponseModel>>;
+    /**
+     * Existing content + array of rules => new content string
+     *
+     * @param {InterpolateRichTextStylesheetRequestModel} data
+     * @return {*}  {Promise<DataSourceResponse<InterpolateRichTextStylesheetResponseModel>>}
+     * @memberof UmbStylesheetRepository
+     */
+    interpolateStylesheetRules(data: InterpolateRichTextStylesheetRequestModel): Promise<DataSourceResponse<InterpolateRichTextStylesheetResponseModel>>;
+    /**
+     * content string => array of rules
+     *
+     * @param {ExtractRichTextStylesheetRulesRequestModel} data
+     * @return {*}  {Promise<DataSourceResponse<ExtractRichTextStylesheetRulesResponseModel>>}
+     * @memberof UmbStylesheetRepository
+     */
+    extractStylesheetRules(data: ExtractRichTextStylesheetRulesRequestModel): Promise<DataSourceResponse<ExtractRichTextStylesheetRulesResponseModel>>;
     requestTreeRoot(): Promise<{
         data: {
             path: null;
@@ -21,17 +66,13 @@ export declare class UmbStylesheetRepository implements UmbTreeRepository<FileSy
     requestTreeItemsOf(path: string | null): Promise<{
         data: import("../../../../external/backend-api/index.js").PagedFileSystemTreeItemPresentationModel | undefined;
         error: import("../../../../external/backend-api/index.js").ApiError | import("../../../../external/backend-api/index.js").CancelError | undefined;
-        asObservable: () => import("rxjs").Observable<FileSystemTreeItemPresentationModel[]>;
+        asObservable: () => Observable<FileSystemTreeItemPresentationModel[]>;
     }>;
-    requestItemsLegacy(paths: Array<string>): Promise<{
+    requestItems(paths: Array<string>): Promise<{
         data: import("../../../../external/backend-api/index.js").FileItemResponseModelBaseModel[] | undefined;
         error: import("../../../../external/backend-api/index.js").ApiError | import("../../../../external/backend-api/index.js").CancelError | undefined;
     }>;
-    rootTreeItems(): Promise<import("rxjs").Observable<FileSystemTreeItemPresentationModel[]>>;
-    treeItemsOf(parentPath: string | null): Promise<import("rxjs").Observable<FileSystemTreeItemPresentationModel[]>>;
-    itemsLegacy(paths: Array<string>): Promise<import("rxjs").Observable<FileSystemTreeItemPresentationModel[]>>;
-    requestByPath(path: string): Promise<{
-        data: undefined;
-        error: undefined;
-    }>;
+    rootTreeItems(): Promise<Observable<FileSystemTreeItemPresentationModel[]>>;
+    treeItemsOf(parentPath: string | null): Promise<Observable<FileSystemTreeItemPresentationModel[]>>;
+    itemsLegacy(paths: Array<string>): Promise<Observable<FileSystemTreeItemPresentationModel[]>>;
 }

package/dist-cms/packages/templating/stylesheets/repository/stylesheet.repository.js

@@ -1,23 +1,114 @@
 import { UMB_STYLESHEET_TREE_STORE_CONTEXT_TOKEN } from './stylesheet.tree.store.js';
 import { UmbStylesheetTreeServerDataSource } from './sources/stylesheet.tree.server.data.js';
 import { UmbStylesheetServerDataSource } from './sources/stylesheet.server.data.js';
+import { UmbStylesheetFolderServerDataSource, } from './sources/stylesheet.folder.server.data.js';
 import { UmbContextConsumerController } from '../../../../libs/context-api/index.js';
 export class UmbStylesheetRepository {
     #host;
     #dataSource;
     #treeDataSource;
     #treeStore;
+    #folderDataSource;
     #init;
     constructor(host) {
         this.#host = host;
         // TODO: figure out how spin up get the correct data source
         this.#dataSource = new UmbStylesheetServerDataSource(this.#host);
         this.#treeDataSource = new UmbStylesheetTreeServerDataSource(this.#host);
+        this.#folderDataSource = new UmbStylesheetFolderServerDataSource(this.#host);
         this.#init = new UmbContextConsumerController(this.#host, UMB_STYLESHEET_TREE_STORE_CONTEXT_TOKEN, (instance) => {
             this.#treeStore = instance;
         }).asPromise();
     }
-    // TREE:
+    //#region FOLDER:
+    createFolderScaffold(parentId) {
+        const data = {
+            name: '',
+            parentId,
+        };
+        return Promise.resolve({ data, error: undefined });
+    }
+    async createFolder(folderRequest) {
+        await this.#init;
+        const req = {
+            parentPath: folderRequest.parentId,
+            name: folderRequest.name,
+        };
+        const promise = this.#folderDataSource.insert(req);
+        await promise;
+        this.requestTreeItemsOf(folderRequest.parentId ? folderRequest.parentId : null);
+        return promise;
+    }
+    async requestFolder(unique) {
+        await this.#init;
+        return this.#folderDataSource.get(unique);
+    }
+    updateFolder(unique, folder) {
+        throw new Error('Method not implemented.');
+    }
+    async deleteFolder(path) {
+        await this.#init;
+        const { data } = await this.requestFolder(path);
+        const promise = this.#folderDataSource.delete(path);
+        await promise;
+        this.requestTreeItemsOf(data?.parentPath ? data?.parentPath : null);
+        return promise;
+    }
+    //#endregion
+    //#region DETAIL:
+    createScaffold(parentId, preset) {
+        throw new Error('Method not implemented.');
+    }
+    async requestById(id) {
+        if (!id)
+            throw new Error('id is missing');
+        await this.#init;
+        const { data, error } = await this.#dataSource.get(id);
+        return { data, error };
+    }
+    byId(id) {
+        throw new Error('Method not implemented.');
+    }
+    async create(data) {
+        const promise = this.#dataSource.insert(data);
+        await promise;
+        this.requestTreeItemsOf(data.parentPath ? data.parentPath : null);
+        return promise;
+    }
+    save(id, data) {
+        return this.#dataSource.update(id, data);
+    }
+    delete(id) {
+        const promise = this.#dataSource.delete(id);
+        const parentPath = id.substring(0, id.lastIndexOf('/'));
+        this.requestTreeItemsOf(parentPath ? parentPath : null);
+        return promise;
+    }
+    getStylesheetRules(path) {
+        return this.#dataSource.getStylesheetRichTextRules(path);
+    }
+    /**
+     * Existing content + array of rules => new content string
+     *
+     * @param {InterpolateRichTextStylesheetRequestModel} data
+     * @return {*}  {Promise<DataSourceResponse<InterpolateRichTextStylesheetResponseModel>>}
+     * @memberof UmbStylesheetRepository
+     */
+    interpolateStylesheetRules(data) {
+        return this.#dataSource.postStylesheetRichTextInterpolateRules(data);
+    }
+    /**
+     * content string => array of rules
+     *
+     * @param {ExtractRichTextStylesheetRulesRequestModel} data
+     * @return {*}  {Promise<DataSourceResponse<ExtractRichTextStylesheetRulesResponseModel>>}
+     * @memberof UmbStylesheetRepository
+     */
+    extractStylesheetRules(data) {
+        return this.#dataSource.postStylesheetRichTextExtractRules(data);
+    }
+    //#endregion
+    //#region TREE:
     async requestTreeRoot() {
         await this.#init;
         const data = {
@@ -47,7 +138,7 @@ export class UmbStylesheetRepository {
         }
         return { data, error, asObservable: () => this.#treeStore.childrenOf(path) };
     }
-    async requestItemsLegacy(paths) {
+    async requestItems(paths) {
         if (!paths)
             throw new Error('Paths are missing');
         await this.#init;
@@ -70,12 +161,4 @@ export class UmbStylesheetRepository {
         await this.#init;
         return this.#treeStore.items(paths);
     }
-    // DETAILS
-    async requestByPath(path) {
-        if (!path)
-            throw new Error('Path is missing');
-        await this.#init;
-        const { data, error } = await this.#dataSource.get(path);
-        return { data, error };
-    }
 }

package/dist-cms/packages/templating/stylesheets/repository/stylesheet.tree.store.d.ts

@@ -15,4 +15,4 @@ export declare class UmbStylesheetTreeStore extends UmbFileSystemTreeStore {
      */
     constructor(host: UmbControllerHostElement);
 }
-export declare const UMB_STYLESHEET_TREE_STORE_CONTEXT_TOKEN: UmbContextToken<UmbStylesheetTreeStore>;
+export declare const UMB_STYLESHEET_TREE_STORE_CONTEXT_TOKEN: UmbContextToken<UmbStylesheetTreeStore, UmbStylesheetTreeStore>;

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

@@ -1,5 +1,4 @@
-import { STYLESHEET_ENTITY_TYPE } from '../index.js';
-import { STYLESHEET_REPOSITORY_ALIAS } from '../repository/manifests.js';
+import { STYLESHEET_ENTITY_TYPE, STYLESHEET_REPOSITORY_ALIAS } from '../config.js';
 export const STYLESHEET_TREE_ALIAS = 'Umb.Tree.Stylesheet';
 const tree = {
     type: 'tree',

package/dist-cms/packages/templating/stylesheets/workspace/manifests.d.ts

@@ -1,2 +1,3 @@
-import type { ManifestWorkspace, ManifestWorkspaceAction, ManifestWorkspaceEditorView } from '../../../core/extension-registry/index.js';
-export declare const manifests: (ManifestWorkspace | ManifestWorkspaceAction | ManifestWorkspaceEditorView)[];
+import type { ManifestModal, ManifestWorkspace, ManifestWorkspaceAction, ManifestWorkspaceEditorView } from '../../../core/extension-registry/index.js';
+export declare const UMB_MODAL_TEMPLATING_STYLESHEET_RTF_STYLE_SIDEBAR = "Umb.Modal.Templating.Stylesheet.RichTextEditorStyle.Sidebar";
+export declare const manifests: (ManifestModal | ManifestWorkspace | ManifestWorkspaceAction | ManifestWorkspaceEditorView)[];

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

@@ -1,3 +1,4 @@
+import { UmbSaveWorkspaceAction } from '../../../core/workspace/index.js';
 const workspace = {
     type: 'workspace',
     alias: 'Umb.Workspace.StyleSheet',
@@ -7,6 +8,70 @@ const workspace = {
         entityType: 'stylesheet',
     },
 };
-const workspaceViews = [];
-const workspaceActions = [];
-export const manifests = [workspace, ...workspaceViews, ...workspaceActions];
+const workspaceEditorViews = [
+    {
+        type: 'workspaceEditorView',
+        alias: 'Umb.WorkspaceView.Stylesheet.CodeEditor',
+        name: 'Stylesheet Workspace Code Editor View',
+        loader: () => import('./views/code-editor/stylesheet-workspace-view-code-editor.element.js'),
+        weight: 700,
+        meta: {
+            label: 'Code',
+            pathname: 'code',
+            icon: 'umb:brackets',
+        },
+        conditions: [
+            {
+                alias: 'Umb.Condition.WorkspaceAlias',
+                match: workspace.alias,
+            },
+        ],
+    },
+    {
+        type: 'workspaceEditorView',
+        alias: 'Umb.WorkspaceView.Stylesheet.RichTextEditor',
+        name: 'Stylesheet Workspace Rich Text Editor View',
+        loader: () => import('./views/rich-text-editor/stylesheet-workspace-view-rich-text-editor.element.js'),
+        weight: 800,
+        meta: {
+            label: 'Rich Text Editor',
+            pathname: 'rich-text-editor',
+            icon: 'umb:font',
+        },
+        conditions: [
+            {
+                alias: 'Umb.Condition.WorkspaceAlias',
+                match: workspace.alias,
+            },
+        ],
+    },
+];
+const workspaceActions = [
+    {
+        type: 'workspaceAction',
+        alias: 'Umb.WorkspaceAction.Stylesheet.Save',
+        name: 'Save Stylesheet Workspace Action',
+        meta: {
+            label: 'Save',
+            look: 'primary',
+            color: 'positive',
+            api: UmbSaveWorkspaceAction,
+        },
+        conditions: [
+            {
+                alias: 'Umb.Condition.WorkspaceAlias',
+                match: workspace.alias,
+            },
+        ],
+    },
+];
+export const UMB_MODAL_TEMPLATING_STYLESHEET_RTF_STYLE_SIDEBAR = 'Umb.Modal.Templating.Stylesheet.RichTextEditorStyle.Sidebar';
+const modals = [
+    {
+        type: 'modal',
+        alias: UMB_MODAL_TEMPLATING_STYLESHEET_RTF_STYLE_SIDEBAR,
+        name: 'Rich text editor style modal',
+        loader: () => import('./views/rich-text-editor/stylesheet-workspace-view-rich-text-editor-style-sidebar.element.js'),
+    },
+];
+export const manifests = [workspace, ...workspaceEditorViews, ...workspaceActions, ...modals];