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

package/src/devtools/workbench-devtools-snapshot.ts

@@ -1,140 +1,140 @@
-import type {
-  EditorService,
-  EditorState,
-  ExtensionDependencyDiagnostic,
-  ExtensionRegistry,
-  LayoutService,
-  WorkbenchLayoutState,
-} from '@workbench-kit/workbench-core';
-import type {
-  WorkbenchWorkspaceHostPort as WorkspaceHostPort,
-  WorkspaceResourceTransaction,
-} from '@workbench-kit/workspace';
-
-import type { WorkbenchWorkspaceHostPort } from '../provider.js';
-
-export interface WorkbenchDevtoolsSnapshot {
-  readonly activeExtensions: readonly { readonly extensionId: string }[];
-  readonly activities: readonly {
-    readonly icon?: string;
-    readonly id: string;
-    readonly title?: string;
-  }[];
-  readonly capabilities: readonly string[];
-  readonly capturedAt: string;
-  readonly commands: readonly {
-    readonly category?: string;
-    readonly id: string;
-    readonly title?: string;
-  }[];
-  readonly contextKeys: Readonly<Record<string, boolean | number | string>>;
-  readonly dependencyDiagnostics: readonly ExtensionDependencyDiagnostic[];
-  readonly editor: EditorState;
-  readonly keybindings: readonly {
-    readonly command: string;
-    readonly key: string;
-    readonly when?: string | undefined;
-  }[];
-  readonly layout: WorkbenchLayoutState;
-  readonly menus: readonly {
-    readonly command: string;
-    readonly group?: string | undefined;
-    readonly menu: string;
-    readonly order?: number | undefined;
-    readonly when?: string | undefined;
-  }[];
-  readonly transactions: readonly WorkspaceResourceTransaction[];
-  readonly viewContainers: readonly {
-    readonly icon?: string;
-    readonly id: string;
-    readonly location: string;
-    readonly title?: string;
-  }[];
-  readonly views: readonly {
-    readonly containerId: string;
-    readonly id: string;
-    readonly name?: string;
-  }[];
-}
-
-export interface CollectWorkbenchDevtoolsSnapshotInput {
-  readonly capturedAt?: string | undefined;
-  readonly editorService: EditorService;
-  readonly extensionRegistry: ExtensionRegistry;
-  readonly layoutService: LayoutService;
-  readonly workspaceHostPort?: WorkbenchWorkspaceHostPort | undefined;
-}
-
-export function collectWorkbenchDevtoolsSnapshot({
-  capturedAt = new Date().toISOString(),
-  editorService,
-  extensionRegistry,
-  layoutService,
-  workspaceHostPort,
-}: CollectWorkbenchDevtoolsSnapshotInput): WorkbenchDevtoolsSnapshot {
-  const layout = layoutService.getState();
-  const editor = editorService.getState();
-  const activeTabCount = editor.groups.reduce((count, group) => count + group.tabs.length, 0);
-
-  return {
-    activeExtensions: extensionRegistry.getActiveExtensions().map(({ extensionId }) => ({
-      extensionId,
-    })),
-    activities: extensionRegistry.activities.getActivities().map((activity) => ({
-      icon: activity.icon,
-      id: activity.id,
-      title: activity.title,
-    })),
-    capabilities: extensionRegistry.capabilityRegistry.listProviderIds(),
-    capturedAt,
-    commands: extensionRegistry.commands.getCommands().map((command) => ({
-      category: command.category,
-      id: command.id,
-      title: command.title,
-    })),
-    contextKeys: {
-      'editor.activeGroupId': editor.activeGroupId ?? '',
-      'editor.openTabCount': activeTabCount,
-      'layout.activityBar.visible': layout.activityBar.visible,
-      'layout.auxiliaryBar.visible': layout.auxiliaryBar.visible,
-      'layout.panel.visible': layout.panel.visible,
-      'layout.sideBar.activeViewContainer': layout.sideBar.activeViewContainer ?? '',
-      'layout.sideBar.visible': layout.sideBar.visible,
-      'workspace.hasHostPort': workspaceHostPort !== undefined,
-    },
-    dependencyDiagnostics: extensionRegistry.getDependencyDiagnostics(),
-    editor,
-    keybindings: extensionRegistry.keybindings.getKeybindings().map((binding) => ({
-      command: binding.command,
-      key: binding.key,
-      when: binding.when,
-    })),
-    layout,
-    menus: extensionRegistry.menus.getMenuItems().map((menu) => ({
-      command: menu.command,
-      group: menu.group,
-      menu: menu.menu,
-      order: menu.order,
-      when: menu.when,
-    })),
-    transactions: readWorkspaceTransactionJournal(workspaceHostPort),
-    viewContainers: extensionRegistry.views.getViewContainers().map((container) => ({
-      icon: container.icon,
-      id: container.id,
-      location: container.location,
-      title: container.title,
-    })),
-    views: extensionRegistry.views.getViews().map((view) => ({
-      containerId: view.containerId,
-      id: view.id,
-      name: view.name,
-    })),
-  };
-}
-
-function readWorkspaceTransactionJournal(
-  workspaceHostPort: WorkbenchWorkspaceHostPort | undefined,
-): readonly WorkspaceResourceTransaction[] {
-  const port = workspaceHostPort as WorkspaceHostPort | undefined;
-  return port?.service.getTransactionJournal() ?? [];
-}
+import type {
+  EditorService,
+  EditorState,
+  ExtensionDependencyDiagnostic,
+  ExtensionRegistry,
+  LayoutService,
+  WorkbenchLayoutState,
+} from '@workbench-kit/workbench-core';
+import type {
+  WorkbenchWorkspaceHostPort as WorkspaceHostPort,
+  WorkspaceResourceTransaction,
+} from '@workbench-kit/workspace';
+
+import type { WorkbenchWorkspaceHostPort } from '../shell/provider.js';
+
+export interface WorkbenchDevtoolsSnapshot {
+  readonly activeExtensions: readonly { readonly extensionId: string }[];
+  readonly activities: readonly {
+    readonly icon?: string;
+    readonly id: string;
+    readonly title?: string;
+  }[];
+  readonly capabilities: readonly string[];
+  readonly capturedAt: string;
+  readonly commands: readonly {
+    readonly category?: string;
+    readonly id: string;
+    readonly title?: string;
+  }[];
+  readonly contextKeys: Readonly<Record<string, boolean | number | string>>;
+  readonly dependencyDiagnostics: readonly ExtensionDependencyDiagnostic[];
+  readonly editor: EditorState;
+  readonly keybindings: readonly {
+    readonly command: string;
+    readonly key: string;
+    readonly when?: string | undefined;
+  }[];
+  readonly layout: WorkbenchLayoutState;
+  readonly menus: readonly {
+    readonly command: string;
+    readonly group?: string | undefined;
+    readonly menu: string;
+    readonly order?: number | undefined;
+    readonly when?: string | undefined;
+  }[];
+  readonly transactions: readonly WorkspaceResourceTransaction[];
+  readonly viewContainers: readonly {
+    readonly icon?: string;
+    readonly id: string;
+    readonly location: string;
+    readonly title?: string;
+  }[];
+  readonly views: readonly {
+    readonly containerId: string;
+    readonly id: string;
+    readonly name?: string;
+  }[];
+}
+
+export interface CollectWorkbenchDevtoolsSnapshotInput {
+  readonly capturedAt?: string | undefined;
+  readonly editorService: EditorService;
+  readonly extensionRegistry: ExtensionRegistry;
+  readonly layoutService: LayoutService;
+  readonly workspaceHostPort?: WorkbenchWorkspaceHostPort | undefined;
+}
+
+export function collectWorkbenchDevtoolsSnapshot({
+  capturedAt = new Date().toISOString(),
+  editorService,
+  extensionRegistry,
+  layoutService,
+  workspaceHostPort,
+}: CollectWorkbenchDevtoolsSnapshotInput): WorkbenchDevtoolsSnapshot {
+  const layout = layoutService.getState();
+  const editor = editorService.getState();
+  const activeTabCount = editor.groups.reduce((count, group) => count + group.tabs.length, 0);
+
+  return {
+    activeExtensions: extensionRegistry.getActiveExtensions().map(({ extensionId }) => ({
+      extensionId,
+    })),
+    activities: extensionRegistry.activities.getActivities().map((activity) => ({
+      icon: activity.icon,
+      id: activity.id,
+      title: activity.title,
+    })),
+    capabilities: extensionRegistry.capabilityRegistry.listProviderIds(),
+    capturedAt,
+    commands: extensionRegistry.commands.getCommands().map((command) => ({
+      category: command.category,
+      id: command.id,
+      title: command.title,
+    })),
+    contextKeys: {
+      'editor.activeGroupId': editor.activeGroupId ?? '',
+      'editor.openTabCount': activeTabCount,
+      'layout.activityBar.visible': layout.activityBar.visible,
+      'layout.auxiliaryBar.visible': layout.auxiliaryBar.visible,
+      'layout.panel.visible': layout.panel.visible,
+      'layout.sideBar.activeViewContainer': layout.sideBar.activeViewContainer ?? '',
+      'layout.sideBar.visible': layout.sideBar.visible,
+      'workspace.hasHostPort': workspaceHostPort !== undefined,
+    },
+    dependencyDiagnostics: extensionRegistry.getDependencyDiagnostics(),
+    editor,
+    keybindings: extensionRegistry.keybindings.getKeybindings().map((binding) => ({
+      command: binding.command,
+      key: binding.key,
+      when: binding.when,
+    })),
+    layout,
+    menus: extensionRegistry.menus.getMenuItems().map((menu) => ({
+      command: menu.command,
+      group: menu.group,
+      menu: menu.menu,
+      order: menu.order,
+      when: menu.when,
+    })),
+    transactions: readWorkspaceTransactionJournal(workspaceHostPort),
+    viewContainers: extensionRegistry.views.getViewContainers().map((container) => ({
+      icon: container.icon,
+      id: container.id,
+      location: container.location,
+      title: container.title,
+    })),
+    views: extensionRegistry.views.getViews().map((view) => ({
+      containerId: view.containerId,
+      id: view.id,
+      name: view.name,
+    })),
+  };
+}
+
+function readWorkspaceTransactionJournal(
+  workspaceHostPort: WorkbenchWorkspaceHostPort | undefined,
+): readonly WorkspaceResourceTransaction[] {
+  const port = workspaceHostPort as WorkspaceHostPort | undefined;
+  return port?.service.getTransactionJournal() ?? [];
+}

package/src/devtools/workbench-devtools.css

@@ -1,82 +1,82 @@
-.workbench-devtools-shell {
-  display: grid;
-  grid-template-columns: minmax(0, 1fr) min(360px, 34vw);
-  height: 100%;
-  min-height: 0;
-  width: 100%;
-}
-
-.workbench-devtools-shell__main {
-  min-height: 0;
-  min-width: 0;
-  overflow: hidden;
-}
-
-.workbench-devtools-panel {
-  background: var(--color-bg);
-  border-left: 1px solid var(--color-border);
-  color: var(--color-text);
-  display: flex;
-  flex-direction: column;
-  font-family: var(--vscode-font-family, system-ui, sans-serif);
-  font-size: var(--font-size-sm);
-  min-height: 0;
-  min-width: 0;
-}
-
-.workbench-devtools-panel__header {
-  align-items: center;
-  display: flex;
-  gap: 8px;
-  justify-content: space-between;
-  padding: 12px 12px 4px;
-}
-
-.workbench-devtools-panel__meta {
-  color: var(--color-text-muted);
-  font-size: 11px;
-}
-
-.workbench-devtools-panel__timestamp {
-  color: var(--color-text-muted);
-  font-size: 11px;
-  margin: 0;
-  padding: 0 12px 8px;
-}
-
-.workbench-devtools-panel__tabs {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 4px;
-  padding: 0 8px 8px;
-}
-
-.workbench-devtools-panel__tab.ui-button {
-  height: auto;
-  min-height: 26px;
-  padding: 4px 8px;
-  border: 1px solid var(--color-border);
-  border-radius: var(--radius-sm);
-  background: transparent;
-  color: inherit;
-  font: inherit;
-  font-weight: 400;
-}
-
-.workbench-devtools-panel__tab.ui-button[aria-pressed='true'] {
-  background: var(--color-surface-hover);
-  border-color: var(--color-accent);
-}
-
-.workbench-devtools-panel__output {
-  border-top: 1px solid var(--color-border);
-  flex: 1;
-  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
-  font-size: 11px;
-  line-height: 1.45;
-  margin: 0;
-  min-height: 0;
-  padding: 12px;
-  white-space: pre-wrap;
-  word-break: break-word;
-}
+.workbench-devtools-shell {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) min(360px, 34vw);
+  height: 100%;
+  min-height: 0;
+  width: 100%;
+}
+
+.workbench-devtools-shell__main {
+  min-height: 0;
+  min-width: 0;
+  overflow: hidden;
+}
+
+.workbench-devtools-panel {
+  background: var(--color-bg);
+  border-left: 1px solid var(--color-border);
+  color: var(--color-text);
+  display: flex;
+  flex-direction: column;
+  font-family: var(--vscode-font-family, system-ui, sans-serif);
+  font-size: var(--font-size-sm);
+  min-height: 0;
+  min-width: 0;
+}
+
+.workbench-devtools-panel__header {
+  align-items: center;
+  display: flex;
+  gap: 8px;
+  justify-content: space-between;
+  padding: 12px 12px 4px;
+}
+
+.workbench-devtools-panel__meta {
+  color: var(--color-text-muted);
+  font-size: 11px;
+}
+
+.workbench-devtools-panel__timestamp {
+  color: var(--color-text-muted);
+  font-size: 11px;
+  margin: 0;
+  padding: 0 12px 8px;
+}
+
+.workbench-devtools-panel__tabs {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 4px;
+  padding: 0 8px 8px;
+}
+
+.workbench-devtools-panel__tab.ui-button {
+  height: auto;
+  min-height: 26px;
+  padding: 4px 8px;
+  border: 1px solid var(--color-border);
+  border-radius: var(--radius-sm);
+  background: transparent;
+  color: inherit;
+  font: inherit;
+  font-weight: 400;
+}
+
+.workbench-devtools-panel__tab.ui-button[aria-pressed='true'] {
+  background: var(--color-surface-hover);
+  border-color: var(--color-accent);
+}
+
+.workbench-devtools-panel__output {
+  border-top: 1px solid var(--color-border);
+  flex: 1;
+  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+  font-size: 11px;
+  line-height: 1.45;
+  margin: 0;
+  min-height: 0;
+  padding: 12px;
+  white-space: pre-wrap;
+  word-break: break-word;
+}

package/src/{editor-area-dnd.ts → editor/area-dnd.ts}

@@ -1,69 +1,69 @@
-import { WORKSPACE_EXPLORER_DRAG_DATA_TYPE } from '@workbench-kit/react/workbench/workspace/explorer';
-import {
-  resolveEditorGroupDropSide,
-  type EditorDropRect,
-  type EditorGroupDropSide,
-} from '@workbench-kit/workbench-core';
-
-export {
-  EDITOR_TAB_DRAG_DATA_TYPE,
-  getEditorTabDropPosition,
-  isEditorTabMoveNoop,
-  isEditorTabsScrollerEventTarget,
-  readEditorTabDragPayload,
-  resolveEditorTabDropTarget,
-  resolveEditorTabStripDropTarget,
-} from '@workbench-kit/react';
-
-export type { EditorTabDragPayload, EditorTabDropTarget } from '@workbench-kit/react';
-
-const INTERNAL_EDITOR_AREA_DRAG_DATA_TYPES = [
-  'application/x-workbench-kit-editor-tab',
-  WORKSPACE_EXPLORER_DRAG_DATA_TYPE,
-] as const;
-
-interface EditorDropTargetElement {
-  getBoundingClientRect(): EditorDropRect;
-}
-
-export function isInternalEditorAreaDrag(
-  dataTransfer: Pick<DataTransfer, 'types'>,
-  draggedTab: { readonly groupId: string; readonly tabId: string } | null,
-): boolean {
-  return (
-    draggedTab !== null ||
-    INTERNAL_EDITOR_AREA_DRAG_DATA_TYPES.some((dataType) =>
-      dataTransferHasType(dataTransfer, dataType),
-    )
-  );
-}
-
-export function dataTransferHasType(
-  dataTransfer: Pick<DataTransfer, 'types'>,
-  dataType: string,
-): boolean {
-  return Array.from(dataTransfer.types).includes(dataType);
-}
-
-export function getEditorGroupDropSide(
-  target: EditorDropTargetElement,
-  clientX: number,
-  clientY: number,
-): EditorGroupDropSide {
-  return resolveEditorGroupDropSide({
-    point: { x: clientX, y: clientY },
-    rect: getEditorDropRect(target),
-  });
-}
-
-export function getEditorDropRect(target: EditorDropTargetElement): EditorDropRect {
-  const rect = target.getBoundingClientRect();
-  return {
-    bottom: rect.bottom,
-    height: rect.height,
-    left: rect.left,
-    right: rect.right,
-    top: rect.top,
-    width: rect.width,
-  };
-}
+import { WORKSPACE_EXPLORER_DRAG_DATA_TYPE } from '@workbench-kit/react/workbench/workspace/explorer';
+import {
+  resolveEditorGroupDropSide,
+  type EditorDropRect,
+  type EditorGroupDropSide,
+} from '@workbench-kit/workbench-core';
+
+export {
+  EDITOR_TAB_DRAG_DATA_TYPE,
+  getEditorTabDropPosition,
+  isEditorTabMoveNoop,
+  isEditorTabsScrollerEventTarget,
+  readEditorTabDragPayload,
+  resolveEditorTabDropTarget,
+  resolveEditorTabStripDropTarget,
+} from '@workbench-kit/react';
+
+export type { EditorTabDragPayload, EditorTabDropTarget } from '@workbench-kit/react';
+
+const INTERNAL_EDITOR_AREA_DRAG_DATA_TYPES = [
+  'application/x-workbench-kit-editor-tab',
+  WORKSPACE_EXPLORER_DRAG_DATA_TYPE,
+] as const;
+
+interface EditorDropTargetElement {
+  getBoundingClientRect(): EditorDropRect;
+}
+
+export function isInternalEditorAreaDrag(
+  dataTransfer: Pick<DataTransfer, 'types'>,
+  draggedTab: { readonly groupId: string; readonly tabId: string } | null,
+): boolean {
+  return (
+    draggedTab !== null ||
+    INTERNAL_EDITOR_AREA_DRAG_DATA_TYPES.some((dataType) =>
+      dataTransferHasType(dataTransfer, dataType),
+    )
+  );
+}
+
+export function dataTransferHasType(
+  dataTransfer: Pick<DataTransfer, 'types'>,
+  dataType: string,
+): boolean {
+  return Array.from(dataTransfer.types).includes(dataType);
+}
+
+export function getEditorGroupDropSide(
+  target: EditorDropTargetElement,
+  clientX: number,
+  clientY: number,
+): EditorGroupDropSide {
+  return resolveEditorGroupDropSide({
+    point: { x: clientX, y: clientY },
+    rect: getEditorDropRect(target),
+  });
+}
+
+export function getEditorDropRect(target: EditorDropTargetElement): EditorDropRect {
+  const rect = target.getBoundingClientRect();
+  return {
+    bottom: rect.bottom,
+    height: rect.height,
+    left: rect.left,
+    right: rect.right,
+    top: rect.top,
+    width: rect.width,
+  };
+}