Merge branch 'main' into v14/bugfix/export-multi-url-and-align-element-name

Author: iOvergaard

.eslintignore

@@ -29,9 +29,6 @@ The development environment is the default environment and is used when running
 
 ### Run against a local Umbraco instance
 
-> **Note**
-> Make sure you have followed the [Authentication guide](https://github.com/umbraco/Umbraco.CMS.Backoffice/blob/main/docs/authentication.md) before continuing.
-
 If you have a local Umbraco instance running, you can use the development environment to run against it by overriding the API URL and bypassing the mock-service-worker in the frontend client.
 
 Create a `.env.local` file and set the following variables:
@@ -41,14 +38,37 @@ VITE_UMBRACO_API_URL=https://localhost:44339 # This will be the URL to your Umbr
 VITE_UMBRACO_USE_MSW=off # Indicate that you want all API calls to bypass MSW (mock-service-worker)
 ```
 
+Open this file in an editor: `src/Umbraco.Web.UI/appsettings.Development.json` and add this to the `Umbraco:CMS:Security` section to override the backoffice host:
+
+```json
+"Umbraco": {
+	"CMS": {
+		"Security":{
+			"BackOfficeHost": "http://localhost:5173",
+			"AuthorizeCallbackPathName": "/oauth_complete",
+			"AuthorizeCallbackLogoutPathName": "/logout",
+			"AuthorizeCallbackErrorPathName": "/error",
+		},
+	},
+}
+```
+
+Now start the vite server: `npm run dev:server` in your backoffice folder and open the http://localhost:5173 URL in your browser.
+
 ### Storybook
 
 Storybook is also being built and deployed automatically on the Main branch, including a preview URL on each pull request. See it in action on this [Azure Static Web App](https://ambitious-stone-0033b3603.1.azurestaticapps.net/).
 
+You can test the Storybook locally by running `npm run storybook`. This will start the Storybook server and open a browser window with the Storybook UI.
+
+Storybook is an excellent tool to test out UI components in isolation and to document them. It is also a great way to test the responsiveness and accessibility of the components.
+
 ## Contributing
 
-We accept contributions to this project. However be aware that we are mainly working on a private backlog, so not everyone will be immediately obvious. If you want to get started on contributing, please read the [contribute space](https://github.com/umbraco/Umbraco.CMS.Backoffice/contribute) where you will be able to find the guidelines on how to contribute as well as a list of good first issues.
+We accept contributions to this project. However be aware that we are mainly working on a private backlog, so not everything will be immediately obvious. If you want to get started on contributing, please read the [contributing guidelines](./CONTRIBUTING.md).
+
+A list of issues can be found on the [Umbraco-CMS Issue Tracker](https://github.com/umbraco/Umbraco-CMS/issues). Many of them are marked as `community/up-for-grabs` which means they are up for grabs for anyone to work on.
 
 ## Documentation
 
-The documentation can be found on [Umbraco Docs](https://docs.umbraco.com/umbraco-backoffice/). The documentation is a work in progress.
+The documentation can be found on [Umbraco Docs](https://docs.umbraco.com/umbraco-cms).

.eslintrc.json

@@ -25,22 +25,30 @@ env:
 jobs:
   build:
     runs-on: ubuntu-latest
-
-    strategy:
-      matrix:
-        node-version: [20]
-
     steps:
       - uses: actions/checkout@v4
-      - name: Use Node.js ${{ matrix.node-version }}
+      - name: Use Node.js
         uses: actions/setup-node@v4
         with:
-          node-version: ${{ matrix.node-version }}
-          cache: 'npm'
+          node-version-file: .nvmrc
+          cache: npm
+          cache-dependency-path: ./package-lock.json
       - run: npm ci --no-audit --no-fund --prefer-offline
       - run: npm run lint:errors
-      - run: npm run build
+      - run: npm run build:for:cms
       - run: npm run generate:jsonschema:dist
+
+  test:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - name: Use Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version-file: .nvmrc
+          cache: npm
+          cache-dependency-path: ./package-lock.json
+      - run: npm ci --no-audit --no-fund --prefer-offline
       - run: npx playwright install --with-deps
       - run: npm test
       - name: Upload Code Coverage reports
@@ -50,13 +58,3 @@ jobs:
           name: code-coverage
           path: coverage/
           retention-days: 30
-    # Commented out since it is outdated and is quite spammy
-    # - name: Report code coverage
-    #   uses: zgosalvez/github-actions-report-lcov@v2
-    #   if: always()
-    #   continue-on-error: true
-    #   with:
-    #     coverage-files: coverage/lcov.info
-    #     artifact-name: code-coverage-report
-    #     github-token: ${{ secrets.GITHUB_TOKEN }}
-    #     working-directory: ./

.github/README.md

@@ -1 +1 @@
-20.9
+20

.github/workflows/build_test.yml

@@ -1,2 +1,4 @@
 # Ignore auto-generated backend-api files
 src/external/backend-api/src
+src/packages/core/icon-registry/icons.ts
+src/packages/core/icon-registry/icons

.github/workflows/devskim.yml

@@ -1,16 +1,31 @@
+/** @type {import('eslint').Rule.RuleModule}*/
 module.exports = {
 	meta: {
 		type: 'problem',
 		docs: {
 			description:
 				'Ensure all exported string constants should be in uppercase with words separated by underscores and prefixed with UMB_',
 		},
+		schema: [
+			{
+				type: 'object',
+				properties: {
+					excludedFileNames: {
+						type: 'array',
+						items: {
+							type: 'string',
+						},
+					},
+				},
+				additionalProperties: false,
+			},
+		],
 	},
 	create: function (context) {
 		const excludedFileNames = context.options[0]?.excludedFileNames || [];
 		return {
 			ExportNamedDeclaration(node) {
-				const fileName = context.getFilename();
+				const fileName = context.filename;
 
 				if (excludedFileNames.some((excludedFileName) => fileName.includes(excludedFileName))) {
 					// Skip the rule check for files in the excluded list

.nvmrc

@@ -1,4 +1,4 @@
-import { readFileSync, writeFile, mkdir } from 'fs';
+import { readFileSync, writeFile, mkdir, rmSync } from 'fs';
 import * as globModule from 'tiny-glob';
 import * as pathModule from 'path';
 
@@ -15,6 +15,9 @@ const lucideSvgDirectory = 'node_modules/lucide-static/icons';
 const simpleIconsSvgDirectory = 'node_modules/simple-icons/icons';
 
 const run = async () => {
+	// Empty output directory:
+	rmSync(iconsOutputDirectory, { recursive: true });
+
 	var icons = await collectDictionaryIcons();
 	icons = await collectDiskIcons(icons);
 	writeIconsToDisk(icons);

.prettierignore

@@ -0,0 +1,18 @@
+import { defineConfig } from '@hey-api/openapi-ts';
+
+export default defineConfig({
+	client: 'fetch',
+	input: 'https://raw.githubusercontent.com/umbraco/Umbraco-CMS/v14/dev/src/Umbraco.Cms.Api.Management/OpenApi.json',
+	output: {
+		path: 'src/external/backend-api/src',
+		format: 'prettier',
+		lint: 'eslint',
+	},
+	schemas: false,
+	services: {
+		asClass: true,
+	},
+	types: {
+		enums: 'typescript',
+	},
+});