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

package/src/{editor-state-storage.ts → editor/state-storage.ts}

@@ -1,193 +1,182 @@
-import type {
-  EditorGroupState,
-  EditorLayoutDirection,
-  EditorLayoutNode,
-  EditorState,
-  EditorTabState,
-  WorkbenchStorageReader,
-  WorkbenchStorageWriter,
-} from '@workbench-kit/workbench-core';
-
-export const DEFAULT_WORKBENCH_EDITOR_STATE_STORAGE_KEY = 'workbench-kit/.workbench/editors';
-
-export function isWorkbenchEditorStatePersistenceAvailable(): boolean {
-  try {
-    return typeof globalThis.localStorage !== 'undefined';
-  } catch {
-    return false;
-  }
-}
-
-export function editorStateToStorageValue(state: EditorState): EditorState {
-  return {
-    activeGroupId: state.activeGroupId,
-    groups: state.groups.map((group) => ({
-      activeTabId: group.activeTabId,
-      id: group.id,
-      tabs: group.tabs.map((tab) => ({
-        dirty: false,
-        editorId: tab.editorId,
-        icon: tab.icon,
-        id: tab.id,
-        pinned: tab.pinned,
-        preview: tab.preview,
-        resourceUri: tab.resourceUri,
-        title: tab.title,
-      })),
-    })),
-    layout: cloneEditorLayoutForStorage(state.layout),
-  };
-}
-
-export function readPersistedEditorState(
-  storageKey = DEFAULT_WORKBENCH_EDITOR_STATE_STORAGE_KEY,
-  storage?: WorkbenchStorageReader,
-): EditorState | undefined {
-  const resolvedStorage = storage ?? getBrowserLocalStorage();
-  if (!resolvedStorage) return undefined;
-
-  try {
-    const raw = resolvedStorage.getItem(storageKey);
-    if (!raw) return undefined;
-
-    return parseEditorStateStorageValue(JSON.parse(raw) as unknown);
-  } catch {
-    return undefined;
-  }
-}
-
-export function writePersistedEditorState(
-  state: EditorState,
-  storageKey = DEFAULT_WORKBENCH_EDITOR_STATE_STORAGE_KEY,
-  storage?: WorkbenchStorageWriter,
-): void {
-  const resolvedStorage = storage ?? getBrowserLocalStorage();
-  if (!resolvedStorage) return;
-
-  try {
-    resolvedStorage.setItem(storageKey, JSON.stringify(editorStateToStorageValue(state), null, 2));
-  } catch {
-    // Ignore quota and security errors so the shell keeps working offline.
-  }
-}
-
-function parseEditorStateStorageValue(value: unknown): EditorState | undefined {
-  if (!isRecord(value)) {
-    return undefined;
-  }
-
-  const groups = Array.isArray(value.groups)
-    ? value.groups.flatMap(parseEditorGroupStorageValue)
-    : [];
-  const layout = parseEditorLayoutStorageValue(value.layout);
-  if (groups.length === 0 || !layout) {
-    return undefined;
-  }
-
-  return {
-    activeGroupId: typeof value.activeGroupId === 'string' ? value.activeGroupId : undefined,
-    groups,
-    layout,
-  };
-}
-
-function parseEditorGroupStorageValue(value: unknown): EditorGroupState[] {
-  if (!isRecord(value) || typeof value.id !== 'string' || !Array.isArray(value.tabs)) {
-    return [];
-  }
-
-  return [
-    {
-      activeTabId: typeof value.activeTabId === 'string' ? value.activeTabId : undefined,
-      id: value.id,
-      tabs: value.tabs.flatMap(parseEditorTabStorageValue),
-    },
-  ];
-}
-
-function parseEditorTabStorageValue(value: unknown): EditorTabState[] {
-  if (
-    !isRecord(value) ||
-    typeof value.id !== 'string' ||
-    typeof value.editorId !== 'string' ||
-    typeof value.resourceUri !== 'string'
-  ) {
-    return [];
-  }
-
-  return [
-    {
-      dirty: false,
-      editorId: value.editorId,
-      icon: typeof value.icon === 'string' ? value.icon : undefined,
-      id: value.id,
-      pinned: typeof value.pinned === 'boolean' ? value.pinned : true,
-      preview: typeof value.preview === 'boolean' ? value.preview : false,
-      resourceUri: value.resourceUri,
-      title: typeof value.title === 'string' ? value.title : undefined,
-    },
-  ];
-}
-
-function parseEditorLayoutStorageValue(value: unknown): EditorLayoutNode | undefined {
-  if (!isRecord(value) || typeof value.type !== 'string') {
-    return undefined;
-  }
-
-  if (value.type === 'group') {
-    return typeof value.groupId === 'string'
-      ? {
-          groupId: value.groupId,
-          type: 'group',
-        }
-      : undefined;
-  }
-
-  if (value.type !== 'split' || !Array.isArray(value.children)) {
-    return undefined;
-  }
-
-  const direction = parseEditorLayoutDirection(value.direction);
-  const children = value.children
-    .map(parseEditorLayoutStorageValue)
-    .filter((child): child is EditorLayoutNode => child !== undefined);
-  if (!direction || children.length === 0) {
-    return undefined;
-  }
-
-  return {
-    children,
-    direction,
-    ...(typeof value.primarySizePercent === 'number' && Number.isFinite(value.primarySizePercent)
-      ? { primarySizePercent: value.primarySizePercent }
-      : {}),
-    type: 'split',
-  };
-}
-
-function parseEditorLayoutDirection(value: unknown): EditorLayoutDirection | undefined {
-  return value === 'horizontal' || value === 'vertical' ? value : undefined;
-}
-
-function cloneEditorLayoutForStorage(layout: EditorLayoutNode): EditorLayoutNode {
-  if (layout.type === 'group') {
-    return { ...layout };
-  }
-
-  return {
-    ...layout,
-    children: layout.children.map(cloneEditorLayoutForStorage),
-  };
-}
-
-function isRecord(value: unknown): value is Record<string, unknown> {
-  return typeof value === 'object' && value !== null;
-}
-
-function getBrowserLocalStorage(): (WorkbenchStorageReader & WorkbenchStorageWriter) | undefined {
-  if (!isWorkbenchEditorStatePersistenceAvailable()) {
-    return undefined;
-  }
-
-  return globalThis.localStorage;
-}
+import {
+  createBrowserWorkbenchStorage,
+  type EditorGroupState,
+  type EditorLayoutDirection,
+  type EditorLayoutNode,
+  type EditorState,
+  type EditorTabState,
+  type WorkbenchStorageReader,
+  type WorkbenchStorageWriter,
+} from '@workbench-kit/workbench-core';
+
+export const DEFAULT_WORKBENCH_EDITOR_STATE_STORAGE_KEY = 'workbench-kit/.workbench/editors';
+
+export function isWorkbenchEditorStatePersistenceAvailable(): boolean {
+  return createBrowserWorkbenchStorage({ kind: 'local' }) !== undefined;
+}
+
+export function editorStateToStorageValue(state: EditorState): EditorState {
+  return {
+    activeGroupId: state.activeGroupId,
+    groups: state.groups.map((group) => ({
+      activeTabId: group.activeTabId,
+      id: group.id,
+      tabs: group.tabs.map((tab) => ({
+        dirty: false,
+        editorId: tab.editorId,
+        icon: tab.icon,
+        id: tab.id,
+        pinned: tab.pinned,
+        preview: tab.preview,
+        resourceUri: tab.resourceUri,
+        title: tab.title,
+      })),
+    })),
+    layout: cloneEditorLayoutForStorage(state.layout),
+  };
+}
+
+export function readPersistedEditorState(
+  storageKey = DEFAULT_WORKBENCH_EDITOR_STATE_STORAGE_KEY,
+  storage?: WorkbenchStorageReader,
+): EditorState | undefined {
+  const resolvedStorage = storage ?? createBrowserWorkbenchStorage({ kind: 'local' });
+  if (!resolvedStorage) return undefined;
+
+  try {
+    const raw = resolvedStorage.getItem(storageKey);
+    if (!raw) return undefined;
+
+    return parseEditorStateStorageValue(JSON.parse(raw) as unknown);
+  } catch {
+    return undefined;
+  }
+}
+
+export function writePersistedEditorState(
+  state: EditorState,
+  storageKey = DEFAULT_WORKBENCH_EDITOR_STATE_STORAGE_KEY,
+  storage?: WorkbenchStorageWriter,
+): void {
+  const resolvedStorage = storage ?? createBrowserWorkbenchStorage({ kind: 'local' });
+  if (!resolvedStorage) return;
+
+  try {
+    resolvedStorage.setItem(storageKey, JSON.stringify(editorStateToStorageValue(state), null, 2));
+  } catch {
+    // Ignore quota and security errors so the shell keeps working offline.
+  }
+}
+
+function parseEditorStateStorageValue(value: unknown): EditorState | undefined {
+  if (!isRecord(value)) {
+    return undefined;
+  }
+
+  const groups = Array.isArray(value.groups)
+    ? value.groups.flatMap(parseEditorGroupStorageValue)
+    : [];
+  const layout = parseEditorLayoutStorageValue(value.layout);
+  if (groups.length === 0 || !layout) {
+    return undefined;
+  }
+
+  return {
+    activeGroupId: typeof value.activeGroupId === 'string' ? value.activeGroupId : undefined,
+    groups,
+    layout,
+  };
+}
+
+function parseEditorGroupStorageValue(value: unknown): EditorGroupState[] {
+  if (!isRecord(value) || typeof value.id !== 'string' || !Array.isArray(value.tabs)) {
+    return [];
+  }
+
+  return [
+    {
+      activeTabId: typeof value.activeTabId === 'string' ? value.activeTabId : undefined,
+      id: value.id,
+      tabs: value.tabs.flatMap(parseEditorTabStorageValue),
+    },
+  ];
+}
+
+function parseEditorTabStorageValue(value: unknown): EditorTabState[] {
+  if (
+    !isRecord(value) ||
+    typeof value.id !== 'string' ||
+    typeof value.editorId !== 'string' ||
+    typeof value.resourceUri !== 'string'
+  ) {
+    return [];
+  }
+
+  return [
+    {
+      dirty: false,
+      editorId: value.editorId,
+      icon: typeof value.icon === 'string' ? value.icon : undefined,
+      id: value.id,
+      pinned: typeof value.pinned === 'boolean' ? value.pinned : true,
+      preview: typeof value.preview === 'boolean' ? value.preview : false,
+      resourceUri: value.resourceUri,
+      title: typeof value.title === 'string' ? value.title : undefined,
+    },
+  ];
+}
+
+function parseEditorLayoutStorageValue(value: unknown): EditorLayoutNode | undefined {
+  if (!isRecord(value) || typeof value.type !== 'string') {
+    return undefined;
+  }
+
+  if (value.type === 'group') {
+    return typeof value.groupId === 'string'
+      ? {
+          groupId: value.groupId,
+          type: 'group',
+        }
+      : undefined;
+  }
+
+  if (value.type !== 'split' || !Array.isArray(value.children)) {
+    return undefined;
+  }
+
+  const direction = parseEditorLayoutDirection(value.direction);
+  const children = value.children
+    .map(parseEditorLayoutStorageValue)
+    .filter((child): child is EditorLayoutNode => child !== undefined);
+  if (!direction || children.length === 0) {
+    return undefined;
+  }
+
+  return {
+    children,
+    direction,
+    ...(typeof value.primarySizePercent === 'number' && Number.isFinite(value.primarySizePercent)
+      ? { primarySizePercent: value.primarySizePercent }
+      : {}),
+    type: 'split',
+  };
+}
+
+function parseEditorLayoutDirection(value: unknown): EditorLayoutDirection | undefined {
+  return value === 'horizontal' || value === 'vertical' ? value : undefined;
+}
+
+function cloneEditorLayoutForStorage(layout: EditorLayoutNode): EditorLayoutNode {
+  if (layout.type === 'group') {
+    return { ...layout };
+  }
+
+  return {
+    ...layout,
+    children: layout.children.map(cloneEditorLayoutForStorage),
+  };
+}
+
+function isRecord(value: unknown): value is Record<string, unknown> {
+  return typeof value === 'object' && value !== null;
+}

package/src/{editor-tab-context-menu.ts → editor/tab-context-menu.ts}

@@ -1,118 +1,118 @@
-import {
-  createCommandRegistry,
-  executeCommand as executeRegisteredCommand,
-  resolveCommandMenuItems,
-} from '@workbench-kit/platform';
-import type { ContextMenuItem } from '@workbench-kit/react/overlay';
-import {
-  WORKBENCH_COMMAND_SURFACE_EDITOR,
-  WORKBENCH_EDITOR_DELETE_COMMAND_ID,
-  commandMenuItemsToContextMenuItems,
-  createWorkbenchEditorCommands,
-  createWorkbenchEditorTabMenuEntries,
-  type WorkbenchEditorCommandContext,
-} from '@workbench-kit/react/workbench/commands';
-import type {
-  EditorService,
-  EditorTabState,
-  ExtensionRegistry,
-} from '@workbench-kit/workbench-core';
-
-import { copyResourcePath, pathForResource } from './editor-resource.js';
-import {
-  appendExtensionContextMenuItems,
-  createExtensionContextMenuItems,
-} from './extension-context-menu.js';
-
-const editorCommandRegistry = createCommandRegistry(createWorkbenchEditorCommands());
-const editorTabMenuEntries = createWorkbenchEditorTabMenuEntries().filter((entry) =>
-  entry.type === 'separator'
-    ? entry.id !== 'tab-danger-separator'
-    : entry.commandId !== WORKBENCH_EDITOR_DELETE_COMMAND_ID,
-);
-const EDITOR_TAB_CONTEXT_MENU = 'editor/tab/context';
-const EDITOR_TAB_EXTENSION_MENU_SEPARATOR_ID = 'editor-tab-extension-separator';
-
-export function createEditorTabContextMenuItems({
-  editorService,
-  executeExtensionCommand,
-  extensionRegistry,
-  groupId,
-  tab,
-  tabs,
-}: {
-  editorService: EditorService;
-  executeExtensionCommand?: ((commandId: string) => unknown) | undefined;
-  extensionRegistry?: ExtensionRegistry | undefined;
-  groupId: string;
-  tab: EditorTabState;
-  tabs: readonly EditorTabState[];
-}): ContextMenuItem[] {
-  const closeableTabs = tabs.filter((candidate) => candidate.id !== tab.id);
-  const context: WorkbenchEditorCommandContext = {
-    canCloseAll: tabs.length > 0,
-    canCloseOthers: closeableTabs.length > 0,
-    canClosePath: true,
-    canCopyPath: true,
-    canDeletePath: false,
-    canDiscardFile: false,
-    canSaveFile: false,
-    canSplitDown: true,
-    canSplitRight: true,
-    canTogglePinned: true,
-    closeAll: () => tabs.forEach((candidate) => editorService.closeEditor(candidate.id)),
-    closeOthers: () =>
-      closeableTabs.forEach((candidate) => editorService.closeEditor(candidate.id)),
-    closePath: () => editorService.closeEditor(tab.id),
-    copyPath: () => copyResourcePath(tab.resourceUri),
-    deletePath: () => undefined,
-    discardFile: () => undefined,
-    filePath: pathForResource(tab.resourceUri),
-    hasMultipleOpenFiles: tabs.length > 1,
-    hasOpenFiles: tabs.length > 0,
-    hasUnsavedChanges: tab.dirty,
-    isPinned: tab.pinned,
-    saveFile: () => undefined,
-    splitDown: () =>
-      editorService.splitEditor({
-        afterGroupId: groupId,
-        direction: 'vertical',
-        tabId: tab.id,
-      }),
-    splitRight: () =>
-      editorService.splitEditor({
-        afterGroupId: groupId,
-        direction: 'horizontal',
-        tabId: tab.id,
-      }),
-    togglePinned: () => editorService.togglePinnedEditor(tab.id),
-  };
-
-  const contextKeys = {
-    'editor.hasResource': Boolean(tab.resourceUri),
-    'editor.isDirty': tab.dirty,
-    'editor.isPinned': tab.pinned,
-  };
-
-  const baseItems = commandMenuItemsToContextMenuItems(
-    resolveCommandMenuItems({
-      context,
-      contextKeys,
-      entries: editorTabMenuEntries,
-      registry: editorCommandRegistry,
-      surface: WORKBENCH_COMMAND_SURFACE_EDITOR,
-    }),
-    (commandId) => executeRegisteredCommand(editorCommandRegistry, commandId, context, contextKeys),
-  );
-
-  return appendExtensionContextMenuItems(
-    baseItems,
-    createExtensionContextMenuItems({
-      contextKeys,
-      executeCommand: executeExtensionCommand,
-      extensionRegistry,
-      menu: EDITOR_TAB_CONTEXT_MENU,
-    }),
-    EDITOR_TAB_EXTENSION_MENU_SEPARATOR_ID,
-  );
-}
+import {
+  createCommandRegistry,
+  executeCommand as executeRegisteredCommand,
+  resolveCommandMenuItems,
+} from '@workbench-kit/platform';
+import type { ContextMenuItem } from '@workbench-kit/react/overlay';
+import {
+  WORKBENCH_COMMAND_SURFACE_EDITOR,
+  WORKBENCH_EDITOR_DELETE_COMMAND_ID,
+  commandMenuItemsToContextMenuItems,
+  createWorkbenchEditorCommands,
+  createWorkbenchEditorTabMenuEntries,
+  type WorkbenchEditorCommandContext,
+} from '@workbench-kit/react/workbench/commands';
+import type {
+  EditorService,
+  EditorTabState,
+  ExtensionRegistry,
+} from '@workbench-kit/workbench-core';
+
+import { copyResourcePath, pathForResource } from './resource.js';
+import {
+  appendExtensionContextMenuItems,
+  createExtensionContextMenuItems,
+} from '../extensions/context-menu.js';
+
+const editorCommandRegistry = createCommandRegistry(createWorkbenchEditorCommands());
+const editorTabMenuEntries = createWorkbenchEditorTabMenuEntries().filter((entry) =>
+  entry.type === 'separator'
+    ? entry.id !== 'tab-danger-separator'
+    : entry.commandId !== WORKBENCH_EDITOR_DELETE_COMMAND_ID,
+);
+const EDITOR_TAB_CONTEXT_MENU = 'editor/tab/context';
+const EDITOR_TAB_EXTENSION_MENU_SEPARATOR_ID = 'editor-tab-extension-separator';
+
+export function createEditorTabContextMenuItems({
+  editorService,
+  executeExtensionCommand,
+  extensionRegistry,
+  groupId,
+  tab,
+  tabs,
+}: {
+  editorService: EditorService;
+  executeExtensionCommand?: ((commandId: string) => unknown) | undefined;
+  extensionRegistry?: ExtensionRegistry | undefined;
+  groupId: string;
+  tab: EditorTabState;
+  tabs: readonly EditorTabState[];
+}): ContextMenuItem[] {
+  const closeableTabs = tabs.filter((candidate) => candidate.id !== tab.id);
+  const context: WorkbenchEditorCommandContext = {
+    canCloseAll: tabs.length > 0,
+    canCloseOthers: closeableTabs.length > 0,
+    canClosePath: true,
+    canCopyPath: true,
+    canDeletePath: false,
+    canDiscardFile: false,
+    canSaveFile: false,
+    canSplitDown: true,
+    canSplitRight: true,
+    canTogglePinned: true,
+    closeAll: () => tabs.forEach((candidate) => editorService.closeEditor(candidate.id)),
+    closeOthers: () =>
+      closeableTabs.forEach((candidate) => editorService.closeEditor(candidate.id)),
+    closePath: () => editorService.closeEditor(tab.id),
+    copyPath: () => copyResourcePath(tab.resourceUri),
+    deletePath: () => undefined,
+    discardFile: () => undefined,
+    filePath: pathForResource(tab.resourceUri),
+    hasMultipleOpenFiles: tabs.length > 1,
+    hasOpenFiles: tabs.length > 0,
+    hasUnsavedChanges: tab.dirty,
+    isPinned: tab.pinned,
+    saveFile: () => undefined,
+    splitDown: () =>
+      editorService.splitEditor({
+        afterGroupId: groupId,
+        direction: 'vertical',
+        tabId: tab.id,
+      }),
+    splitRight: () =>
+      editorService.splitEditor({
+        afterGroupId: groupId,
+        direction: 'horizontal',
+        tabId: tab.id,
+      }),
+    togglePinned: () => editorService.togglePinnedEditor(tab.id),
+  };
+
+  const contextKeys = {
+    'editor.hasResource': Boolean(tab.resourceUri),
+    'editor.isDirty': tab.dirty,
+    'editor.isPinned': tab.pinned,
+  };
+
+  const baseItems = commandMenuItemsToContextMenuItems(
+    resolveCommandMenuItems({
+      context,
+      contextKeys,
+      entries: editorTabMenuEntries,
+      registry: editorCommandRegistry,
+      surface: WORKBENCH_COMMAND_SURFACE_EDITOR,
+    }),
+    (commandId) => executeRegisteredCommand(editorCommandRegistry, commandId, context, contextKeys),
+  );
+
+  return appendExtensionContextMenuItems(
+    baseItems,
+    createExtensionContextMenuItems({
+      contextKeys,
+      executeCommand: executeExtensionCommand,
+      extensionRegistry,
+      menu: EDITOR_TAB_CONTEXT_MENU,
+    }),
+    EDITOR_TAB_EXTENSION_MENU_SEPARATOR_ID,
+  );
+}