V14 Integrations (Semrush)

- Add workspace and manifests

Author: dtng95

src/Umbraco.Cms.Integrations.SEO.Semrush/Client/src/context/manifest.ts

@@ -0,0 +1,10 @@
+import type { ManifestGlobalContext } from "@umbraco-cms/backoffice/extension-registry";
+
+const contextManifest: ManifestGlobalContext = {
+    type: "globalContext",
+    alias: "semrush.context",
+    name: "Semrush Context",
+    js: () => import("./semrush.context")
+};
+
+export const manifest = contextManifest;

src/Umbraco.Cms.Integrations.SEO.Semrush/Client/src/index.ts

@@ -1,10 +1,13 @@
 import type { UmbEntryPointOnInit } from "@umbraco-cms/backoffice/extension-api";
 import { UMB_AUTH_CONTEXT } from "@umbraco-cms/backoffice/auth";
 import { OpenAPI } from "@umbraco-integrations/semrush/generated";
+import { manifest as semrushContext } from "./context/manifest";
+import { manifests as workspaceManifest } from "./workspace/manifests";
 
 export const onInit: UmbEntryPointOnInit = (host, extensionRegistry) => {
     extensionRegistry.registerMany([
-
+        semrushContext,
+        ...workspaceManifest
     ]);
 
     host.consumeContext(UMB_AUTH_CONTEXT, async (instance) => {

src/Umbraco.Cms.Integrations.SEO.Semrush/Client/src/workspace/manifests.ts

@@ -0,0 +1,37 @@
+import type { ManifestWorkspaceView, ManifestTypes, ManifestWorkspace } from '@umbraco-cms/backoffice/extension-registry';
+
+export const SEMRUSH_WORKSPACE_ALIAS = "Umb.Workspace.Semrush";
+
+const workspace: ManifestWorkspace = {
+    type: "workspace",
+    kind: "routable",
+    alias: SEMRUSH_WORKSPACE_ALIAS,
+    name: "Form Workspace",
+    api: () => import("./semrush-workspace.context"),
+    meta: {
+      entityType: 'block-grid-type',
+    },
+  };
+
+const workspaceView: Array<ManifestWorkspaceView> = [
+    {
+        type: "workspaceView",
+        alias: "Umb.WorkspaceView.Semrush.View",
+        name: "Umbraco Integration Workspace for Semrush",
+        element: () => import("./semrush-workspace.element"),
+        weight: 30,
+        meta: {
+          label: "Semrush",
+          pathname: "semrush",
+          icon: "info",
+        },
+        conditions: [
+          {
+            alias: "Umb.Condition.WorkspaceAlias",
+            match: SEMRUSH_WORKSPACE_ALIAS,
+          },
+        ],
+      },
+];
+
+export const manifests: Array<ManifestTypes> = [...workspaceView, workspace];

src/Umbraco.Cms.Integrations.SEO.Semrush/Client/src/workspace/semrush-workspace.context.ts

@@ -0,0 +1,49 @@
+import { UmbBlockTypeWithGroupKey } from "@umbraco-cms/backoffice/block-type";
+import { UmbControllerHost } from "@umbraco-cms/backoffice/controller-api";
+import { Observable, UmbObjectState } from "@umbraco-cms/backoffice/observable-api";
+import { UmbPropertyDatasetContext } from "@umbraco-cms/backoffice/property";
+import { UmbVariantId } from "@umbraco-cms/backoffice/variant";
+import { UmbInvariantDatasetWorkspaceContext, UmbRoutableWorkspaceContext, UmbSubmittableWorkspaceContextBase } from "@umbraco-cms/backoffice/workspace";
+
+export class SemrushWorkspaceContext<BlockTypeData extends UmbBlockTypeWithGroupKey = UmbBlockTypeWithGroupKey>
+	extends UmbSubmittableWorkspaceContextBase<BlockTypeData>
+	implements UmbInvariantDatasetWorkspaceContext, UmbRoutableWorkspaceContext{
+    #data = new UmbObjectState<BlockTypeData | undefined>(undefined);
+    readonly unique = this.#data.asObservablePart((data) => data?.contentElementTypeKey);
+    getUnique(): string | undefined {
+        throw new Error("Method not implemented.");
+    }
+    getEntityType(): string {
+        throw new Error("Method not implemented.");
+    }
+    getData(): BlockTypeData | undefined {
+        throw new Error("Method not implemented.");
+    }
+    protected submit(): Promise<void> {
+        throw new Error("Method not implemented.");
+    }
+
+    readonly name = this.#data.asObservablePart(() => 'block');
+    
+    getName(): string | undefined {
+        throw new Error("Method not implemented.");
+    }
+    setName(name: string): void {
+        throw new Error("Method not implemented.");
+    }
+    propertyValueByAlias<ReturnType = unknown>(alias: string): Promise<Observable<ReturnType | undefined>> {
+        throw new Error("Method not implemented.");
+    }
+    getPropertyValue<ReturnType = unknown>(alias: string): ReturnType {
+        throw new Error("Method not implemented.");
+    }
+    setPropertyValue(alias: string, value: unknown): Promise<void> {
+        throw new Error("Method not implemented.");
+    }
+    createPropertyDatasetContext(host: UmbControllerHost, variantId?: UmbVariantId): UmbPropertyDatasetContext {
+        throw new Error("Method not implemented.");
+    }
+        
+}
+
+export { SemrushWorkspaceContext as api };

src/Umbraco.Cms.Integrations.SEO.Semrush/Client/src/workspace/semrush-workspace.element.ts

@@ -0,0 +1,27 @@
+import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
+import { css, html, nothing, customElement, state } from '@umbraco-cms/backoffice/external/lit';
+import { SEMRUSH_CONTEXT_TOKEN } from '../context/semrush.context';
+import type { UmbTableColumn, UmbTableItem } from '@umbraco-cms/backoffice/components';
+import { UUIPaginationEvent } from '@umbraco-cms/backoffice/external/uui';
+import { UmbPaginationManager } from "@umbraco-cms/backoffice/utils";
+
+const elementName = "semrush-workspace-view";
+@customElement(elementName)
+export class SemrushWorkspaceElement extends UmbLitElement {
+    constructor() {
+        super();
+      }
+
+    render(){
+        return html`
+            <div>ABCD</div>
+        `;
+    }
+}
+export default SemrushWorkspaceElement;
+
+declare global {
+	interface HTMLElementTagNameMap {
+		[elementName]: SemrushWorkspaceElement;
+	}
+}