@umbraco-cms/backoffice 14.0.0-a0074b6e → 14.0.0-a8030000

package/dist-cms/apps/app/app.element.js

@@ -4,9 +4,9 @@ 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_APP, UmbAppContext } from './app.context.js';
 import { umbLocalizationRegistry } from '../../packages/core/localization/index.js';
 import { UMB_AUTH, UmbAuthFlow, UmbAuthContext } from '../../shared/auth/index.js';
-import { UMB_APP, UmbAppContext } from '../../shared/context/index.js';
 import { css, html, customElement, property } from '../../external/lit/index.js';
 import { UUIIconRegistryEssential } from '../../external/uui/index.js';
 import { UmbIconRegistry } from '../../shared/icon-registry/index.js';
@@ -96,6 +96,9 @@ export let UmbAppElement = class UmbAppElement extends UmbLitElement {
         this.provideContext(UMB_APP, new UmbAppContext({ backofficePath: this.backofficePath, serverUrl: this.serverUrl }));
         // Try to initialise the auth flow and get the runtime status
         try {
+            if (this.bypassAuth === false) {
+                await this.#authFlow.fetchServiceConfiguration();
+            }
             // Get the current runtime level
             await this.#setInitStatus();
             // If the runtime level is "install" we should clear any cached tokens

package/dist-cms/apps/app/index.d.ts

@@ -1,3 +1,4 @@
 export * from './app-context-config.interface.js';
 export * from './app-error.element.js';
 export * from './app.element.js';
+export * from './app.context.js';

package/dist-cms/apps/app/index.js

@@ -1,3 +1,4 @@
 export * from './app-context-config.interface.js';
 export * from './app-error.element.js';
 export * from './app.element.js';
+export * from './app.context.js';

package/dist-cms/apps/backoffice/backoffice.element.js

@@ -26,6 +26,7 @@ const CORE_PACKAGES = [
     import('../../packages/umbraco-news/umbraco-package.js'),
     import('../../packages/tags/umbraco-package.js'),
     import('../../packages/log-viewer/umbraco-package.js'),
+    import('../../packages/health-check/umbraco-package.js'),
 ];
 export let UmbBackofficeElement = class UmbBackofficeElement extends UmbLitElement {
     constructor() {

package/dist-cms/custom-elements.json

@@ -1860,6 +1860,44 @@
         }
       ]
     },
+    {
+      "name": "umb-input-culture-select",
+      "path": "./../src/packages/core/culture/components/input-culture-select/input-culture-select.element.ts",
+      "attributes": [
+        {
+          "name": "disabled",
+          "description": "Disables the input",
+          "type": "boolean",
+          "default": "\"false\""
+        },
+        {
+          "name": "readonly",
+          "description": "Disables the input",
+          "type": "boolean",
+          "default": "\"false\""
+        }
+      ],
+      "properties": [
+        {
+          "name": "disabled",
+          "attribute": "disabled",
+          "description": "Disables the input",
+          "type": "boolean",
+          "default": "\"false\""
+        },
+        {
+          "name": "readonly",
+          "attribute": "readonly",
+          "description": "Disables the input",
+          "type": "boolean",
+          "default": "\"false\""
+        },
+        {
+          "name": "selectedCultureName",
+          "type": "string | undefined"
+        }
+      ]
+    },
     {
       "name": "umb-debug",
       "path": "./../src/packages/core/debug/debug.element.ts",
@@ -4573,6 +4611,11 @@
           "name": "items-per-page",
           "type": "number",
           "default": "20"
+        },
+        {
+          "name": "page",
+          "type": "number",
+          "default": "1"
         }
       ],
       "properties": [
@@ -4582,6 +4625,12 @@
           "type": "number",
           "default": "20"
         },
+        {
+          "name": "page",
+          "attribute": "page",
+          "type": "number",
+          "default": "1"
+        },
         {
           "name": "styles",
           "type": "array",
@@ -5181,6 +5230,108 @@
         }
       ]
     },
+    {
+      "name": "umb-dashboard-health-check",
+      "path": "./../src/packages/health-check/dashboard-health-check.element.ts"
+    },
+    {
+      "name": "umb-dashboard-health-check-action",
+      "path": "./../src/packages/health-check/views/health-check-action.element.ts",
+      "attributes": [
+        {
+          "name": "action"
+        }
+      ],
+      "properties": [
+        {
+          "name": "action",
+          "attribute": "action"
+        },
+        {
+          "name": "styles",
+          "type": "array",
+          "default": "[\"UmbTextStyles\",null]"
+        }
+      ],
+      "events": [
+        {
+          "name": "action-executed"
+        }
+      ]
+    },
+    {
+      "name": "umb-health-check-group-box-overview",
+      "path": "./../src/packages/health-check/views/health-check-group-box-overview.element.ts",
+      "attributes": [
+        {
+          "name": "manifest"
+        }
+      ],
+      "properties": [
+        {
+          "name": "manifest",
+          "attribute": "manifest"
+        },
+        {
+          "name": "styles",
+          "type": "array",
+          "default": "[\"UmbTextStyles\",null]"
+        }
+      ]
+    },
+    {
+      "name": "umb-health-check--group-box-overview",
+      "path": "./../src/packages/health-check/views/health-check-group-box-overview.element.ts",
+      "attributes": [
+        {
+          "name": "manifest"
+        }
+      ],
+      "properties": [
+        {
+          "name": "manifest",
+          "attribute": "manifest"
+        },
+        {
+          "name": "styles",
+          "type": "array",
+          "default": "[\"UmbTextStyles\",null]"
+        }
+      ]
+    },
+    {
+      "name": "umb-dashboard-health-check-group",
+      "path": "./../src/packages/health-check/views/health-check-group.element.ts",
+      "attributes": [
+        {
+          "name": "groupName",
+          "type": "string"
+        }
+      ],
+      "properties": [
+        {
+          "name": "groupName",
+          "attribute": "groupName",
+          "type": "string"
+        },
+        {
+          "name": "styles",
+          "type": "array",
+          "default": "[\"UmbTextStyles\",null]"
+        }
+      ]
+    },
+    {
+      "name": "umb-dashboard-health-check-overview",
+      "path": "./../src/packages/health-check/views/health-check-overview.element.ts",
+      "properties": [
+        {
+          "name": "styles",
+          "type": "array",
+          "default": "[\"UmbTextStyles\",null]"
+        }
+      ]
+    },
     {
       "name": "umb-donut-chart",
       "path": "./../src/packages/log-viewer/components/donut-chart/donut-chart.element.ts",
@@ -6114,146 +6265,6 @@
         }
       ]
     },
-    {
-      "name": "umb-input-culture-select",
-      "path": "./../src/packages/settings/cultures/components/input-culture-select/input-culture-select.element.ts",
-      "attributes": [
-        {
-          "name": "disabled",
-          "description": "Disables the input",
-          "type": "boolean",
-          "default": "\"false\""
-        },
-        {
-          "name": "readonly",
-          "description": "Disables the input",
-          "type": "boolean",
-          "default": "\"false\""
-        }
-      ],
-      "properties": [
-        {
-          "name": "disabled",
-          "attribute": "disabled",
-          "description": "Disables the input",
-          "type": "boolean",
-          "default": "\"false\""
-        },
-        {
-          "name": "readonly",
-          "attribute": "readonly",
-          "description": "Disables the input",
-          "type": "boolean",
-          "default": "\"false\""
-        },
-        {
-          "name": "selectedCultureName",
-          "type": "string | undefined"
-        }
-      ]
-    },
-    {
-      "name": "umb-dashboard-health-check",
-      "path": "./../src/packages/settings/dashboards/health-check/dashboard-health-check.element.ts"
-    },
-    {
-      "name": "umb-dashboard-health-check-action",
-      "path": "./../src/packages/settings/dashboards/health-check/views/health-check-action.element.ts",
-      "attributes": [
-        {
-          "name": "action"
-        }
-      ],
-      "properties": [
-        {
-          "name": "action",
-          "attribute": "action"
-        },
-        {
-          "name": "styles",
-          "type": "array",
-          "default": "[\"UmbTextStyles\",null]"
-        }
-      ],
-      "events": [
-        {
-          "name": "action-executed"
-        }
-      ]
-    },
-    {
-      "name": "umb-health-check-group-box-overview",
-      "path": "./../src/packages/settings/dashboards/health-check/views/health-check-group-box-overview.element.ts",
-      "attributes": [
-        {
-          "name": "manifest"
-        }
-      ],
-      "properties": [
-        {
-          "name": "manifest",
-          "attribute": "manifest"
-        },
-        {
-          "name": "styles",
-          "type": "array",
-          "default": "[\"UmbTextStyles\",null]"
-        }
-      ]
-    },
-    {
-      "name": "umb-health-check--group-box-overview",
-      "path": "./../src/packages/settings/dashboards/health-check/views/health-check-group-box-overview.element.ts",
-      "attributes": [
-        {
-          "name": "manifest"
-        }
-      ],
-      "properties": [
-        {
-          "name": "manifest",
-          "attribute": "manifest"
-        },
-        {
-          "name": "styles",
-          "type": "array",
-          "default": "[\"UmbTextStyles\",null]"
-        }
-      ]
-    },
-    {
-      "name": "umb-dashboard-health-check-group",
-      "path": "./../src/packages/settings/dashboards/health-check/views/health-check-group.element.ts",
-      "attributes": [
-        {
-          "name": "groupName",
-          "type": "string"
-        }
-      ],
-      "properties": [
-        {
-          "name": "groupName",
-          "attribute": "groupName",
-          "type": "string"
-        },
-        {
-          "name": "styles",
-          "type": "array",
-          "default": "[\"UmbTextStyles\",null]"
-        }
-      ]
-    },
-    {
-      "name": "umb-dashboard-health-check-overview",
-      "path": "./../src/packages/settings/dashboards/health-check/views/health-check-overview.element.ts",
-      "properties": [
-        {
-          "name": "styles",
-          "type": "array",
-          "default": "[\"UmbTextStyles\",null]"
-        }
-      ]
-    },
     {
       "name": "umb-dashboard-models-builder",
       "path": "./../src/packages/settings/dashboards/models-builder/dashboard-models-builder.element.ts",
@@ -7269,6 +7280,28 @@
         }
       ]
     },
+    {
+      "name": "umb-scripts-workspace-edit",
+      "path": "./../src/packages/templating/scripts/workspace/scripts-workspace-edit.element.ts",
+      "properties": [
+        {
+          "name": "styles",
+          "type": "array",
+          "default": "[\"UUITextStyles\",null]"
+        }
+      ]
+    },
+    {
+      "name": "umb-scripts-workspace",
+      "path": "./../src/packages/templating/scripts/workspace/scripts-workspace.element.ts",
+      "properties": [
+        {
+          "name": "styles",
+          "type": "array",
+          "default": "[\"UUITextStyles\",null]"
+        }
+      ]
+    },
     {
       "name": "umb-stylesheet-workspace-editor",
       "path": "./../src/packages/templating/stylesheets/workspace/stylesheet-workspace-editor.element.ts",

package/dist-cms/mocks/browser-handlers.js

@@ -31,6 +31,7 @@ import { handlers as stylesheetHandlers } from './handlers/stylesheet.handlers.j
 import { handlers as partialViewsHandlers } from './handlers/partial-views.handlers.js';
 import { handlers as tagHandlers } from './handlers/tag-handlers.js';
 import { handlers as configHandlers } from './handlers/config.handlers.js';
+import { handlers as scriptHandlers } from './handlers/scripts.handlers.js';
 const handlers = [
     serverHandlers.serverVersionHandler,
     ...installHandlers,
@@ -64,6 +65,7 @@ const handlers = [
     ...partialViewsHandlers,
     ...tagHandlers,
     ...configHandlers,
+    ...scriptHandlers,
 ];
 switch (import.meta.env.VITE_UMBRACO_INSTALL_STATUS) {
     case 'must-install':

package/dist-cms/mocks/data/scripts.data.d.ts

@@ -0,0 +1,21 @@
+import { UmbData } from './data.js';
+import { CreatePathFolderRequestModel, CreateTextFileViewModelBaseModel, FileSystemTreeItemPresentationModel, PagedFileSystemTreeItemPresentationModel, ScriptItemResponseModel, ScriptResponseModel, UpdateScriptRequestModel } from '../../external/backend-api/index.js';
+type ScriptsDataItem = ScriptResponseModel & FileSystemTreeItemPresentationModel;
+export declare const data: Array<ScriptsDataItem>;
+declare class UmbScriptsData extends UmbData<ScriptsDataItem> {
+    constructor();
+    getTreeRoot(): PagedFileSystemTreeItemPresentationModel;
+    getTreeItemChildren(parentPath: string): PagedFileSystemTreeItemPresentationModel;
+    getTreeItem(paths: Array<string>): Array<FileSystemTreeItemPresentationModel>;
+    getItem(paths: Array<string>): Array<ScriptItemResponseModel>;
+    getFolder(path: string): FileSystemTreeItemPresentationModel;
+    postFolder(payload: CreatePathFolderRequestModel): ScriptsDataItem;
+    deleteFolder(path: string): (string | undefined)[];
+    getScript(path: string): ScriptResponseModel | undefined;
+    insertScript(item: CreateTextFileViewModelBaseModel): ScriptsDataItem;
+    insert(item: ScriptsDataItem): ScriptsDataItem;
+    updateData(updateItem: UpdateScriptRequestModel): void;
+    delete(paths: Array<string>): (string | undefined)[];
+}
+export declare const umbScriptsData: UmbScriptsData;
+export {};

package/dist-cms/mocks/data/scripts.data.js

@@ -0,0 +1,205 @@
+import { UmbData } from './data.js';
+import { createFileItemResponseModelBaseModel, createFileSystemTreeItem, createTextFileItem } from './utils.js';
+export const data = [
+    {
+        path: 'some-folder',
+        isFolder: true,
+        name: 'some-folder',
+        type: 'script',
+        hasChildren: true,
+    },
+    {
+        path: 'another-folder',
+        isFolder: true,
+        name: 'another-folder',
+        type: 'script',
+        hasChildren: true,
+    },
+    {
+        path: 'very important folder',
+        isFolder: true,
+        name: 'very important folder',
+        type: 'script',
+        hasChildren: true,
+    },
+    {
+        path: 'some-folder/ugly script.js',
+        isFolder: false,
+        name: 'ugly script.js',
+        type: 'script',
+        hasChildren: false,
+        content: `function makeid(length) {
+			var result           = '';
+			var characters       = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789';
+			var charactersLength = characters.length;
+			for ( var i = 0; i < length; i++ ) {
+			   result += characters.charAt(Math.floor(Math.random() * charactersLength));
+			}
+			return result;
+		 }
+		 
+		 console.log(makeid(5));`,
+    },
+    {
+        path: 'some-folder/nice script.js',
+        isFolder: false,
+        name: 'nice script.js',
+        type: 'script',
+        hasChildren: false,
+        content: `var items = {
+			"item_1": "1",
+			"item_2": "2",
+			"item_3": "3"
+		}
+		for (var item in items) {
+			console.log(items[item]);
+		}`,
+    },
+    {
+        path: 'another-folder/only bugs.js',
+        isFolder: false,
+        name: 'only bugs.js',
+        type: 'script',
+        hasChildren: false,
+        content: `var my_arr = [4, '', 0, 10, 7, '', false, 10];
+
+		my_arr = my_arr.filter(Boolean);
+		
+		console.log(my_arr);`,
+    },
+    {
+        path: 'very important folder/no bugs at all.js',
+        isFolder: false,
+        name: 'no bugs at all.js',
+        type: 'script',
+        hasChildren: false,
+        content: `const date_str = "07/20/2021";
+		const date = new Date(date_str);
+		const full_day_name = date.toLocaleDateString('default', { weekday: 'long' });
+		// -> to get full day name e.g. Tuesday
+		
+		const short_day_name = date.toLocaleDateString('default', { weekday: 'short' });
+		console.log(short_day_name);
+		// -> TO get the short day name e.g. Tue`,
+    },
+    {
+        path: 'very important folder/nope.js',
+        isFolder: false,
+        name: 'nope.js',
+        type: 'script',
+        hasChildren: false,
+        content: `// Define an object
+		const employee = {
+			"name": "John Deo",
+			"department": "IT",
+			"project": "Inventory Manager"
+		};
+		
+		// Remove a property
+		delete employee["project"];
+		
+		console.log(employee);`,
+    },
+];
+class UmbScriptsData extends UmbData {
+    constructor() {
+        super(data);
+    }
+    getTreeRoot() {
+        const items = this.data.filter((item) => item.path?.includes('/') === false);
+        const treeItems = items.map((item) => createFileSystemTreeItem(item));
+        const total = items.length;
+        return { items: treeItems, total };
+    }
+    getTreeItemChildren(parentPath) {
+        const items = this.data.filter((item) => item.path?.startsWith(parentPath));
+        const treeItems = items.map((item) => createFileSystemTreeItem(item));
+        const total = items.length;
+        return { items: treeItems, total };
+    }
+    getTreeItem(paths) {
+        const items = this.data.filter((item) => paths.includes(item.path ?? ''));
+        return items.map((item) => createFileSystemTreeItem(item));
+    }
+    getItem(paths) {
+        const items = this.data.filter((item) => paths.includes(item.path ?? ''));
+        return items.map((item) => createFileItemResponseModelBaseModel(item));
+    }
+    getFolder(path) {
+        const items = data.filter((item) => item.isFolder && item.path === path);
+        return items;
+    }
+    postFolder(payload) {
+        const newFolder = {
+            path: `${payload.parentPath ?? ''}/${payload.name}`,
+            isFolder: true,
+            name: payload.name,
+            type: 'script',
+            hasChildren: false,
+        };
+        return this.insert(newFolder);
+    }
+    deleteFolder(path) {
+        return this.delete([path]);
+    }
+    getScript(path) {
+        return createTextFileItem(this.data.find((item) => item.path === path));
+    }
+    insertScript(item) {
+        const newItem = {
+            ...item,
+            path: `${item.parentPath}/${item.name}.js}`,
+            isFolder: false,
+            hasChildren: false,
+            type: 'script',
+        };
+        this.insert(newItem);
+        return newItem;
+    }
+    insert(item) {
+        const exits = this.data.find((i) => i.path === item.path);
+        if (exits) {
+            throw new Error(`Item with path ${item.path} already exists`);
+        }
+        this.data.push(item);
+        return item;
+    }
+    updateData(updateItem) {
+        const itemIndex = this.data.findIndex((item) => item.path === updateItem.existingPath);
+        const item = this.data[itemIndex];
+        if (!item)
+            return;
+        // TODO: revisit this code, seems like something we can solve smarter/type safer now:
+        const itemKeys = Object.keys(item);
+        const newItem = { ...item };
+        for (const [key] of Object.entries(updateItem)) {
+            if (itemKeys.indexOf(key) !== -1) {
+                // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+                // @ts-ignore
+                newItem[key] = updateItem[key];
+            }
+        }
+        // Specific to fileSystem, we need to update path based on name:
+        const dirName = updateItem.existingPath?.substring(0, updateItem.existingPath.lastIndexOf('/'));
+        newItem.path = `${dirName}${dirName ? '/' : ''}${updateItem.name}`;
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-ignore
+        this.data[itemIndex] = newItem;
+    }
+    delete(paths) {
+        const pathsOfItemsToDelete = this.data
+            .filter((item) => {
+            if (!item.path)
+                throw new Error('Item has no path');
+            return paths.includes(item.path);
+        })
+            .map((item) => item.path);
+        this.data = this.data.filter((item) => {
+            if (!item.path)
+                throw new Error('Item has no path');
+            return paths.indexOf(item.path) === -1;
+        });
+        return pathsOfItemsToDelete;
+    }
+}
+export const umbScriptsData = new UmbScriptsData();

package/dist-cms/mocks/handlers/scripts.handlers.d.ts

@@ -0,0 +1,2 @@
+import { RestHandler, MockedRequest, DefaultBodyType } from 'msw';
+export declare const handlers: RestHandler<MockedRequest<DefaultBodyType>>[];