scaffold help package + header app

src/Umbraco.Web.UI.Client/src/apps/backoffice/backoffice.element.ts

@@ -18,6 +18,7 @@ const CORE_PACKAGES = [
 	import('../../packages/dictionary/umbraco-package.js'),
 	import('../../packages/documents/umbraco-package.js'),
 	import('../../packages/health-check/umbraco-package.js'),
+	import('../../packages/help/umbraco-package.js'),
 	import('../../packages/language/umbraco-package.js'),
 	import('../../packages/log-viewer/umbraco-package.js'),
 	import('../../packages/markdown-editor/umbraco-package.js'),

src/Umbraco.Web.UI.Client/src/packages/help/help-header-app.element.ts

@@ -0,0 +1,21 @@
+import type { CSSResultGroup } from '@umbraco-cms/backoffice/external/lit';
+import { css, html, customElement } from '@umbraco-cms/backoffice/external/lit';
+import { UmbHeaderAppButtonElement } from '@umbraco-cms/backoffice/components';
+
+const elementName = 'umb-help-header-app';
+@customElement(elementName)
+export class UmbHelpHeaderAppElement extends UmbHeaderAppButtonElement {
+	override render() {
+		return html` <div>My Header App</div> `;
+	}
+
+	static override styles: CSSResultGroup = [UmbHeaderAppButtonElement.styles, css``];
+}
+
+export { UmbHelpHeaderAppElement as element };
+
+declare global {
+	interface HTMLElementTagNameMap {
+		[elementName]: UmbHelpHeaderAppElement;
+	}
+}

src/Umbraco.Web.UI.Client/src/packages/help/manifests.ts

@@ -0,0 +1,16 @@
+import type { ManifestTypes, UmbBackofficeManifestKind } from '@umbraco-cms/backoffice/extension-registry';
+
+export const manifests: Array<ManifestTypes | UmbBackofficeManifestKind> = [
+	{
+		type: 'headerApp',
+		alias: 'Umb.HeaderApp.Help',
+		name: 'Help Header App',
+		element: () => import('./help-header-app.element.js'),
+		weight: 0,
+		meta: {
+			label: 'TODO: how should we enable this to not be set.',
+			icon: 'TODO: how should we enable this to not be set.',
+			pathname: 'help',
+		},
+	},
+];

src/Umbraco.Web.UI.Client/src/packages/help/umbraco-package.ts

@@ -0,0 +1,9 @@
+export const name = 'Umbraco.Core.Help';
+export const extensions = [
+	{
+		name: 'Help Bundle',
+		alias: 'Umb.Bundle.Help',
+		type: 'bundle',
+		js: () => import('./manifests.js'),
+	},
+];

src/Umbraco.Web.UI.Client/src/packages/help/vite.config.ts

@@ -0,0 +1,12 @@
+import { defineConfig } from 'vite';
+import { rmSync } from 'fs';
+import { getDefaultConfig } from '../../vite-config-base';
+
+const dist = '../../../dist-cms/packages/help';
+
+// delete the unbundled dist folder
+rmSync(dist, { recursive: true, force: true });
+
+export default defineConfig({
+	...getDefaultConfig({ dist, entry: ['manifests.ts', 'umbraco-package.ts'] }),
+});