@workbench-kit/shell-react 0.0.2-prototype.0.2.6

package/src/shell-model.tsx

@@ -0,0 +1,149 @@
+import type { ReactNode } from 'react';
+import type { ActivityBarItem, StatusBarSectionModel } from '@workbench-kit/react/workbench/shell';
+import type {
+  ExtensionDependencyDiagnosticSeverity,
+  WorkbenchActivityContribution,
+  WorkbenchViewContainerContribution,
+  WorkbenchViewContribution,
+} from '@workbench-kit/workbench-core';
+
+export interface WorkbenchShellActivityItemsInput {
+  readonly activeViewContainerId?: string | undefined;
+  readonly activities: readonly WorkbenchActivityContribution[];
+  readonly viewContainers: readonly WorkbenchViewContainerContribution[];
+  readonly views: readonly WorkbenchViewContribution[];
+}
+
+export interface WorkbenchShellStatusSectionsInput {
+  readonly dependencyDiagnostics: readonly {
+    readonly severity: ExtensionDependencyDiagnosticSeverity;
+  }[];
+  readonly extensionCount: number;
+  readonly missingExtensionIds: readonly string[];
+  readonly profile?: { readonly displayName: string } | undefined;
+}
+
+export function createWorkbenchShellActivityItems({
+  activeViewContainerId,
+  activities,
+  viewContainers,
+  views,
+}: WorkbenchShellActivityItemsInput): ActivityBarItem[] {
+  if (activities.length > 0) {
+    return activities
+      .map<ActivityBarItem & { order?: number }>((activity) => ({
+        active: activity.viewContainerId === activeViewContainerId,
+        icon: resolveWorkbenchShellIcon(activity.icon),
+        id: activity.viewContainerId,
+        label: activity.title,
+        order: activity.order,
+      }))
+      .sort(
+        (left, right) =>
+          (left.order ?? Number.MAX_SAFE_INTEGER) - (right.order ?? Number.MAX_SAFE_INTEGER),
+      )
+      .map(({ order: _order, ...item }) => item);
+  }
+
+  const containersById = new Map(viewContainers.map((container) => [container.id, container]));
+  const firstViewsByContainerId = new Map<string, WorkbenchViewContribution>();
+  views.forEach((view) => {
+    if (!firstViewsByContainerId.has(view.containerId)) {
+      firstViewsByContainerId.set(view.containerId, view);
+    }
+  });
+
+  return [...firstViewsByContainerId.entries()].map<ActivityBarItem>(([containerId, firstView]) => {
+    const container = containersById.get(containerId);
+
+    return {
+      active: containerId === activeViewContainerId,
+      icon: resolveWorkbenchShellIcon(container?.icon ?? firstView.name ?? containerId),
+      id: containerId,
+      label: container?.title ?? firstView.name ?? containerId,
+    };
+  });
+}
+
+export function createDefaultWorkbenchStatusSections({
+  dependencyDiagnostics,
+  extensionCount,
+  missingExtensionIds,
+  profile,
+}: WorkbenchShellStatusSectionsInput): StatusBarSectionModel[] {
+  const errorDependencyDiagnostics = dependencyDiagnostics.filter(
+    (diagnostic) => diagnostic.severity === 'error',
+  );
+
+  return [
+    {
+      id: 'workbench',
+      items: [
+        {
+          id: 'extensions',
+          label: `extensions: ${extensionCount}`,
+        },
+        {
+          hidden: missingExtensionIds.length === 0,
+          id: 'missing-extensions',
+          label: `missing: ${missingExtensionIds.length}`,
+          status: 'waiting',
+        },
+        {
+          hidden: dependencyDiagnostics.length === 0,
+          id: 'extension-dependencies',
+          label: `deps: ${dependencyDiagnostics.length}`,
+          status: errorDependencyDiagnostics.length > 0 ? 'failed' : 'waiting',
+          title:
+            errorDependencyDiagnostics.length > 0
+              ? `${errorDependencyDiagnostics.length} extension dependency error${
+                  errorDependencyDiagnostics.length === 1 ? '' : 's'
+                }`
+              : `${dependencyDiagnostics.length} extension dependency warning${
+                  dependencyDiagnostics.length === 1 ? '' : 's'
+                }`,
+        },
+      ],
+    },
+    {
+      align: 'end',
+      id: 'workbench-meta',
+      items: [
+        ...(profile
+          ? [
+              {
+                icon: 'account' as const,
+                id: 'workbench.account',
+                label: profile.displayName,
+                title: 'Open profile',
+              },
+            ]
+          : []),
+      ],
+    },
+  ];
+}
+
+export function resolveWorkbenchShellIcon(icon: ReactNode | string | undefined): ReactNode {
+  if (icon === undefined) {
+    return <span aria-hidden="true">W</span>;
+  }
+
+  if (typeof icon !== 'string') {
+    return icon;
+  }
+
+  const className = getWorkbenchShellCodiconClassName(icon);
+  if (className) {
+    return <i aria-hidden="true" className={`codicon ${className}`} />;
+  }
+
+  return <span aria-hidden="true">W</span>;
+}
+
+export function getWorkbenchShellCodiconClassName(icon: string): string | undefined {
+  const token = icon.trim();
+  if (!token) return undefined;
+
+  return token.startsWith('codicon-') ? token : `codicon-${token}`;
+}

package/src/shell-secondary-actions.tsx

@@ -0,0 +1,59 @@
+import type { ActivityBarItem } from '@workbench-kit/react/workbench/shell';
+
+export const WORKBENCH_PROFILE_ACTIVITY_ITEM_ID = 'workbench-kit.shell.profile' as const;
+export const WORKBENCH_ACCOUNT_ACTIVITY_ITEM_ID = WORKBENCH_PROFILE_ACTIVITY_ITEM_ID;
+export const WORKBENCH_SETTINGS_ACTIVITY_ITEM_ID = 'workbench-kit.shell.settings' as const;
+
+export type WorkbenchSecondaryActivityRoute = 'profile' | 'settings';
+
+export interface WorkbenchSecondaryActivityItemsInput {
+  hasProfile: boolean;
+  isProfileOpen: boolean;
+  isSettingsOpen: boolean;
+  showSettings?: boolean | undefined;
+}
+
+export function createWorkbenchSecondaryActivityItems({
+  hasProfile,
+  isProfileOpen,
+  isSettingsOpen,
+  showSettings = true,
+}: WorkbenchSecondaryActivityItemsInput): ActivityBarItem[] {
+  return [
+    ...(hasProfile
+      ? [
+          {
+            active: isProfileOpen,
+            icon: <i aria-hidden="true" className="codicon codicon-account" />,
+            id: WORKBENCH_PROFILE_ACTIVITY_ITEM_ID,
+            label: 'Profile',
+            title: 'Open profile',
+          },
+        ]
+      : []),
+    ...(showSettings
+      ? [
+          {
+            active: isSettingsOpen,
+            icon: <i aria-hidden="true" className="codicon codicon-settings-gear" />,
+            id: WORKBENCH_SETTINGS_ACTIVITY_ITEM_ID,
+            label: 'Settings',
+          },
+        ]
+      : []),
+  ];
+}
+
+export function getWorkbenchSecondaryActivityRoute(
+  itemId: string,
+): WorkbenchSecondaryActivityRoute | undefined {
+  if (itemId === WORKBENCH_PROFILE_ACTIVITY_ITEM_ID) {
+    return 'profile';
+  }
+
+  if (itemId === WORKBENCH_SETTINGS_ACTIVITY_ITEM_ID) {
+    return 'settings';
+  }
+
+  return undefined;
+}

package/src/shell-settings-constants.ts

@@ -0,0 +1,9 @@
+import type { PreferenceScope } from '@workbench-kit/workbench-config';
+
+export const SETTINGS_EXTENSION_ID = 'workbench-kit.builtin.settings';
+
+export const WORKBENCH_PREFERENCE_SCOPES = [
+  { id: 'default', label: 'Default' },
+  { id: 'workspace', label: 'Workspace' },
+  { id: 'local', label: 'Local' },
+] as const satisfies ReadonlyArray<{ id: PreferenceScope; label: string }>;