Having tried many options while scouring the Umbraco documentation and source code, it has not been clear to me how one would limit where a workspace is shown, based on the template type.

This is basically what I'm trying to do, it can be seen that the "Status" workspace is only shown on a specific page.

Ideally, what I tried to do first should be possible. I have the umbraco-package.json, which contains something like the following:

{
  "name": "Workspace Extension",
  "extensions": [
    {
      "type": "backofficeEntryPoint",
      "alias": "My.EntryPoint",
      "js": "/App_Plugins/Status/status.js"
    }
  ]
}

And then I have a workspace.ts which looks like so:

import { ManifestWorkspaceView, umbExtensionsRegistry } from '@umbraco-cms/backoffice/extension-registry';

const workspaceView: ManifestWorkspaceView = {
    alias: 'My.WorkspaceView',
    name: 'My Workspace View',
    type: 'workspaceView',
    js: () => import('./main.ts'),
    meta: {
        icon: 'icon-bars',
        label: 'Status',
        pathname: '/my-workspace-view'
    },
    conditions: [
        {
            alias: 'Umb.Condition.WorkspaceAlias',
            match: 'Umb.Workspace.Document',
        }
    ],
}

umbExtensionsRegistry.register(workspaceView);
export const manifests = [workspaceView];

Now, the code above works, I can change the title and so on, but then comes the fun part. Registering my own condition. To do this I used some code from https://blog.hackmakedo.com/tag/umbraco-14/page/3/, but that didn't really work out. So I used the official Umbraco documentation https://docs.umbraco.com/umbraco-cms/extending/extending-overview/extension-types/condition

import { UmbControllerBase } from '@umbraco-cms/backoffice/class-api';
import {
  ManifestCondition,
  UmbConditionConfigBase,
  UmbConditionControllerArguments,
  UmbExtensionCondition,
} from '@umbraco-cms/backoffice/extension-api';
// import { UMB_SECTION_CONTEXT } from '@umbraco-cms/backoffice/section';

export type MyConditionConfig = UmbConditionConfigBase & {
  match: string;
};

export class MyExtensionCondition extends UmbControllerBase implements UmbExtensionCondition {
  config!: MyConditionConfig;
  permitted = false;

  constructor(args: UmbConditionControllerArguments<MyConditionConfig>) {
    console.log('calling super with host', args.host);
    super(args.host);

    console.log('Hello World!');
    // This condition aproves after 10 seconds
    setTimeout(() => {
      this.permitted = true;
      args.onChange();
    }, 10000);
  }
}

export const manifest: ManifestCondition = {
  type: 'condition',
  name: 'My Condition',
  alias: 'My.Condition.TenSecondDelay',
  api: MyExtensionCondition,
};

So my workspace.ts ends up looking like:

import { ManifestWorkspaceView, umbExtensionsRegistry } from '@umbraco-cms/backoffice/extension-registry';
import { manifest, MyConditionConfig } from './condition.ts';

const workspaceView: ManifestWorkspaceView = {
    alias: 'My.WorkspaceView',
    name: 'My Workspace View',
    type: 'workspaceView',
    js: () => import('./main.ts'),
    weight: 190,
    meta: {
        icon: 'icon-bars',
        label: 'Status',
        pathname: '/my-workspace-view'
    },
    conditions: [
      {
        alias: 'Umb.Condition.WorkspaceAlias',
        match: 'Umb.Workspace.Document',
      },
      {
        alias: 'My.Condition.TenSecondDelay',
        match: 'test'
      } as MyConditionConfig
    ],
}

umbExtensionsRegistry.registerMany([workspaceView, manifest]);
export const manifests = [workspaceView, manifest];

Now the match and cast might not be correct, that doesn't really matter though, because there's a problem in condition.ts it throws an error in the constructor, when calling super().

export class MyExtensionCondition extends UmbControllerBase implements UmbExtensionCondition {
  // ...
  constructor(args: UmbConditionControllerArguments<MyConditionConfig>) {
    console.log('calling super with host', args.host);
    super(args.host);

    console.log('Hello World!');
    // ....
}

Then it prints:

calling super with host undefined
Uncaught (in promise) TypeError: this._host is undefined

And it never reaches the rest of the method.

Ideally, to limit where the workspace is shown, a simple regular condition should be available. I'd like to use the document template type, or to check whether it's a child of a content node, based on an alias or ID. But my superior, colleagues and I are all at a loss of what to do.