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

package/src/workbench/workspace/workspaceExplorerController.ts

@@ -1,193 +1,193 @@
-import {
-  fileNameOfPath,
-  getAvailableWorkspaceEntryName,
-  isSimpleWorkspaceName,
-  isWorkspaceEntryPathAvailable,
-  joinWorkspacePath,
-  parentPathOf,
-  type WorkspaceFile,
-  type WorkspaceSelectionState,
-} from '@workbench-kit/workspace';
-
-import type {
-  WorkspaceExplorerInlineEditKind,
-  WorkspaceExplorerInlineEditState,
-} from './WorkspaceExplorer';
-
-export interface WorkspaceExplorerWorkspaceSnapshot {
-  readonly files: readonly WorkspaceFile[];
-  readonly folders: readonly string[];
-}
-
-export interface WorkspaceExplorerMutationResult {
-  readonly path?: string | undefined;
-  readonly paths?: readonly string[] | undefined;
-}
-
-export type WorkspaceExplorerMutationAction = 'create' | 'rename' | 'delete' | 'move';
-
-export interface WorkspaceExplorerControllerPort {
-  readonly snapshot: WorkspaceExplorerWorkspaceSnapshot;
-  /**
-   * Optional host guard before create/rename/delete/move. Return `false` or a
-   * reason string to deny the mutation; `true` allows it.
-   */
-  canMutatePath?(path: string, action: WorkspaceExplorerMutationAction): boolean | string;
-  createFile(input: {
-    name: string;
-    parentPath: string;
-  }): WorkspaceExplorerMutationResult | void | Promise<WorkspaceExplorerMutationResult | void>;
-  createFolder(input: {
-    name: string;
-    parentPath: string;
-  }): WorkspaceExplorerMutationResult | void | Promise<WorkspaceExplorerMutationResult | void>;
-  deleteEntries(input: { kind: 'file' | 'folder'; paths: readonly string[] }): void | Promise<void>;
-  moveEntries?(input: {
-    sourcePaths: readonly string[];
-    targetFolderPath: string;
-  }): WorkspaceExplorerMutationResult | void | Promise<WorkspaceExplorerMutationResult | void>;
-  openFile(path: string): void | Promise<void>;
-  renameEntry(input: {
-    kind: 'file' | 'folder';
-    name: string;
-    path: string;
-  }): WorkspaceExplorerMutationResult | void | Promise<WorkspaceExplorerMutationResult | void>;
-  reportError?(message: string): void;
-}
-
-export const DEFAULT_WORKSPACE_EXPLORER_MUTATION_DENIED_MESSAGE = 'This action is not allowed.';
-
-/**
- * Normalize `canMutatePath` results. Returns an error message when denied, else
- * `undefined` when allowed (including when the guard is omitted).
- */
-export function resolveWorkspaceExplorerMutationDeniedMessage(
-  result: boolean | string | undefined,
-): string | undefined {
-  if (result === undefined || result === true) {
-    return undefined;
-  }
-
-  if (typeof result === 'string') {
-    return result;
-  }
-
-  return DEFAULT_WORKSPACE_EXPLORER_MUTATION_DENIED_MESSAGE;
-}
-
-export function workspaceExplorerParentPaths(path: string): string[] {
-  const segments = path.split('/').filter(Boolean);
-  return segments.slice(0, -1).map((_, index) => segments.slice(0, index + 1).join('/'));
-}
-
-export function applyWorkspaceExplorerMutationResult(
-  result: WorkspaceExplorerMutationResult | void | undefined,
-  setSelection: (selection: WorkspaceSelectionState) => void,
-): void {
-  const paths = result?.paths ?? (result?.path ? [result.path] : []);
-  if (paths.length === 0) {
-    return;
-  }
-
-  const focusedPath = paths[paths.length - 1];
-  setSelection({
-    anchorPath: focusedPath,
-    focusedPath,
-    paths: [...paths],
-  });
-}
-
-/**
- * Folder clicks keep `paths` empty (file multi-select list). After renaming a
- * folder without a host `mapRenameSelection`, focus the folder the same way.
- */
-export function applyWorkspaceExplorerFolderFocus(
-  folderPath: string,
-  setSelection: (selection: WorkspaceSelectionState) => void,
-): void {
-  if (!folderPath) {
-    return;
-  }
-
-  setSelection({
-    anchorPath: undefined,
-    focusedPath: folderPath,
-    paths: [],
-  });
-}
-
-export function validateWorkspaceExplorerInlineEditName(
-  name: string,
-  invalidNameMessage = 'Use a simple file or folder name.',
-): string | undefined {
-  if (!isSimpleWorkspaceName(name)) {
-    return invalidNameMessage;
-  }
-
-  return undefined;
-}
-
-export function isWorkspaceExplorerCreatePathAvailable(
-  snapshot: WorkspaceExplorerWorkspaceSnapshot,
-  parentPath: string,
-  name: string,
-): boolean {
-  const path = joinWorkspacePath(parentPath, name);
-  return isWorkspaceEntryPathAvailable({
-    files: [...snapshot.files],
-    folders: [...snapshot.folders],
-    path,
-  });
-}
-
-export function isWorkspaceExplorerRenamePathAvailable(
-  snapshot: WorkspaceExplorerWorkspaceSnapshot,
-  sourcePath: string,
-  name: string,
-): boolean {
-  const destinationPath = joinWorkspacePath(parentPathOf(sourcePath), name);
-  if (!sourcePath || !destinationPath || sourcePath === destinationPath) {
-    return sourcePath === destinationPath;
-  }
-
-  return isWorkspaceEntryPathAvailable({
-    excludedPaths: [sourcePath],
-    files: [...snapshot.files],
-    folders: [...snapshot.folders],
-    path: destinationPath,
-  });
-}
-
-export function createWorkspaceExplorerInlineEditDraft(
-  snapshot: WorkspaceExplorerWorkspaceSnapshot,
-  kind: Extract<WorkspaceExplorerInlineEditKind, 'create-file' | 'create-folder'>,
-  parentPath = '',
-): WorkspaceExplorerInlineEditState {
-  const value = getAvailableWorkspaceEntryName({
-    files: [...snapshot.files],
-    folders: [...snapshot.folders],
-    parentPath,
-    preferredName: kind === 'create-file' ? 'untitled.md' : 'new-folder',
-  });
-
-  return {
-    id: `${kind}:${parentPath}:${value}`,
-    kind,
-    parentPath,
-    value,
-  };
-}
-
-export function createWorkspaceExplorerRenameDraft(
-  node: { path: string; type: 'file' | 'folder' },
-  actionPaths: readonly string[] = [node.path],
-): WorkspaceExplorerInlineEditState {
-  const targetPath = actionPaths[0] ?? node.path;
-
-  return {
-    id: `rename:${targetPath}`,
-    kind: node.type === 'folder' ? 'rename-folder' : 'rename-file',
-    path: targetPath,
-    value: fileNameOfPath(targetPath),
-  };
-}
+import {
+  fileNameOfPath,
+  getAvailableWorkspaceEntryName,
+  isSimpleWorkspaceName,
+  isWorkspaceEntryPathAvailable,
+  joinWorkspacePath,
+  parentPathOf,
+  type WorkspaceFile,
+  type WorkspaceSelectionState,
+} from '@workbench-kit/workspace';
+
+import type {
+  WorkspaceExplorerInlineEditKind,
+  WorkspaceExplorerInlineEditState,
+} from './WorkspaceExplorer';
+
+export interface WorkspaceExplorerWorkspaceSnapshot {
+  readonly files: readonly WorkspaceFile[];
+  readonly folders: readonly string[];
+}
+
+export interface WorkspaceExplorerMutationResult {
+  readonly path?: string | undefined;
+  readonly paths?: readonly string[] | undefined;
+}
+
+export type WorkspaceExplorerMutationAction = 'create' | 'rename' | 'delete' | 'move';
+
+export interface WorkspaceExplorerControllerPort {
+  readonly snapshot: WorkspaceExplorerWorkspaceSnapshot;
+  /**
+   * Optional host guard before create/rename/delete/move. Return `false` or a
+   * reason string to deny the mutation; `true` allows it.
+   */
+  canMutatePath?(path: string, action: WorkspaceExplorerMutationAction): boolean | string;
+  createFile(input: {
+    name: string;
+    parentPath: string;
+  }): WorkspaceExplorerMutationResult | void | Promise<WorkspaceExplorerMutationResult | void>;
+  createFolder(input: {
+    name: string;
+    parentPath: string;
+  }): WorkspaceExplorerMutationResult | void | Promise<WorkspaceExplorerMutationResult | void>;
+  deleteEntries(input: { kind: 'file' | 'folder'; paths: readonly string[] }): void | Promise<void>;
+  moveEntries?(input: {
+    sourcePaths: readonly string[];
+    targetFolderPath: string;
+  }): WorkspaceExplorerMutationResult | void | Promise<WorkspaceExplorerMutationResult | void>;
+  openFile(path: string): void | Promise<void>;
+  renameEntry(input: {
+    kind: 'file' | 'folder';
+    name: string;
+    path: string;
+  }): WorkspaceExplorerMutationResult | void | Promise<WorkspaceExplorerMutationResult | void>;
+  reportError?(message: string): void;
+}
+
+export const DEFAULT_WORKSPACE_EXPLORER_MUTATION_DENIED_MESSAGE = 'This action is not allowed.';
+
+/**
+ * Normalize `canMutatePath` results. Returns an error message when denied, else
+ * `undefined` when allowed (including when the guard is omitted).
+ */
+export function resolveWorkspaceExplorerMutationDeniedMessage(
+  result: boolean | string | undefined,
+): string | undefined {
+  if (result === undefined || result === true) {
+    return undefined;
+  }
+
+  if (typeof result === 'string') {
+    return result;
+  }
+
+  return DEFAULT_WORKSPACE_EXPLORER_MUTATION_DENIED_MESSAGE;
+}
+
+export function workspaceExplorerParentPaths(path: string): string[] {
+  const segments = path.split('/').filter(Boolean);
+  return segments.slice(0, -1).map((_, index) => segments.slice(0, index + 1).join('/'));
+}
+
+export function applyWorkspaceExplorerMutationResult(
+  result: WorkspaceExplorerMutationResult | void | undefined,
+  setSelection: (selection: WorkspaceSelectionState) => void,
+): void {
+  const paths = result?.paths ?? (result?.path ? [result.path] : []);
+  if (paths.length === 0) {
+    return;
+  }
+
+  const focusedPath = paths[paths.length - 1];
+  setSelection({
+    anchorPath: focusedPath,
+    focusedPath,
+    paths: [...paths],
+  });
+}
+
+/**
+ * Folder clicks keep `paths` empty (file multi-select list). After renaming a
+ * folder without a host `mapRenameSelection`, focus the folder the same way.
+ */
+export function applyWorkspaceExplorerFolderFocus(
+  folderPath: string,
+  setSelection: (selection: WorkspaceSelectionState) => void,
+): void {
+  if (!folderPath) {
+    return;
+  }
+
+  setSelection({
+    anchorPath: undefined,
+    focusedPath: folderPath,
+    paths: [],
+  });
+}
+
+export function validateWorkspaceExplorerInlineEditName(
+  name: string,
+  invalidNameMessage = 'Use a simple file or folder name.',
+): string | undefined {
+  if (!isSimpleWorkspaceName(name)) {
+    return invalidNameMessage;
+  }
+
+  return undefined;
+}
+
+export function isWorkspaceExplorerCreatePathAvailable(
+  snapshot: WorkspaceExplorerWorkspaceSnapshot,
+  parentPath: string,
+  name: string,
+): boolean {
+  const path = joinWorkspacePath(parentPath, name);
+  return isWorkspaceEntryPathAvailable({
+    files: [...snapshot.files],
+    folders: [...snapshot.folders],
+    path,
+  });
+}
+
+export function isWorkspaceExplorerRenamePathAvailable(
+  snapshot: WorkspaceExplorerWorkspaceSnapshot,
+  sourcePath: string,
+  name: string,
+): boolean {
+  const destinationPath = joinWorkspacePath(parentPathOf(sourcePath), name);
+  if (!sourcePath || !destinationPath || sourcePath === destinationPath) {
+    return sourcePath === destinationPath;
+  }
+
+  return isWorkspaceEntryPathAvailable({
+    excludedPaths: [sourcePath],
+    files: [...snapshot.files],
+    folders: [...snapshot.folders],
+    path: destinationPath,
+  });
+}
+
+export function createWorkspaceExplorerInlineEditDraft(
+  snapshot: WorkspaceExplorerWorkspaceSnapshot,
+  kind: Extract<WorkspaceExplorerInlineEditKind, 'create-file' | 'create-folder'>,
+  parentPath = '',
+): WorkspaceExplorerInlineEditState {
+  const value = getAvailableWorkspaceEntryName({
+    files: [...snapshot.files],
+    folders: [...snapshot.folders],
+    parentPath,
+    preferredName: kind === 'create-file' ? 'untitled.md' : 'new-folder',
+  });
+
+  return {
+    id: `${kind}:${parentPath}:${value}`,
+    kind,
+    parentPath,
+    value,
+  };
+}
+
+export function createWorkspaceExplorerRenameDraft(
+  node: { path: string; type: 'file' | 'folder' },
+  actionPaths: readonly string[] = [node.path],
+): WorkspaceExplorerInlineEditState {
+  const targetPath = actionPaths[0] ?? node.path;
+
+  return {
+    id: `rename:${targetPath}`,
+    kind: node.type === 'folder' ? 'rename-folder' : 'rename-file',
+    path: targetPath,
+    value: fileNameOfPath(targetPath),
+  };
+}

package/src/workbench/workspace/workspaceJsonDiagnostics.ts

@@ -1,83 +1,84 @@
-import type { WorkbenchMonaco } from '@workbench-kit/monaco';
-import jdwNodeSchemaJson from '@workbench-kit/jdw/schemas/jdw-node.jdw.schema.json';
-import widgetDocumentSchemaJson from '@workbench-kit/jdw/schemas/widget-document.v1.jdw.schema.json';
-import { formatWorkspaceResourceUri, type WorkspaceFile } from '@workbench-kit/workspace';
-import { isJdwDocument } from '../../jdw/document';
-
-export const JDW_WIDGET_DOCUMENT_SCHEMA_URI =
-  'https://workbench-kit.dev/schemas/widget-document.v1.jdw.schema.json';
-export const JDW_NODE_SCHEMA_URI = 'https://workbench-kit.dev/schemas/jdw-node.jdw.schema.json';
-
-const WORKSPACE_URI_PATTERN = /^[a-z][a-z\d+\-.]*:/i;
-const WORKSPACE_JDW_WIDGET_DOCUMENT_SCHEMA_PATH = 'schemas/widget-document.v1.jdw.schema.json';
-const WORKSPACE_JDW_NODE_SCHEMA_PATH = 'schemas/jdw-node.jdw.schema.json';
-
-interface WorkspaceEditorJsonDiagnosticsSchema {
-  readonly fileMatch?: readonly string[];
-  readonly schema: unknown;
-  readonly uri: string;
-}
-
-export function monacoModelPathForWorkspaceFile(path: string): string {
-  if (WORKSPACE_URI_PATTERN.test(path)) {
-    return path;
-  }
-
-  return formatWorkspaceResourceUri({ kind: 'file', path });
-}
-
-export function getWorkspaceEditorJsonDiagnosticsSchemas(
-  file: WorkspaceFile,
-): readonly WorkspaceEditorJsonDiagnosticsSchema[] {
-  if (!isJdwDocument(file)) {
-    return [];
-  }
-
-  const modelPath = monacoModelPathForWorkspaceFile(file.path);
-  const fileMatch = [modelPath, file.path];
-
-  return [
-    {
-      schema: jdwNodeSchemaJson,
-      uri: JDW_NODE_SCHEMA_URI,
-    },
-    {
-      schema: jdwNodeSchemaJson,
-      uri: formatWorkspaceResourceUri({ kind: 'file', path: WORKSPACE_JDW_NODE_SCHEMA_PATH }),
-    },
-    {
-      fileMatch,
-      schema: widgetDocumentSchemaJson,
-      uri: JDW_WIDGET_DOCUMENT_SCHEMA_URI,
-    },
-    {
-      fileMatch,
-      schema: widgetDocumentSchemaJson,
-      uri: formatWorkspaceResourceUri({
-        kind: 'file',
-        path: WORKSPACE_JDW_WIDGET_DOCUMENT_SCHEMA_PATH,
-      }),
-    },
-  ];
-}
-
-export function configureWorkspaceEditorJsonDiagnostics(
-  monacoInstance: WorkbenchMonaco,
-  file: WorkspaceFile,
-): void {
-  const schemas = getWorkspaceEditorJsonDiagnosticsSchemas(file);
-  if (schemas.length === 0) return;
-
-  const jsonDefaults = (
-    monacoInstance.languages.json as unknown as {
-      jsonDefaults?: { setDiagnosticsOptions: (options: unknown) => void };
-    }
-  ).jsonDefaults;
-  if (!jsonDefaults) return;
-
-  jsonDefaults.setDiagnosticsOptions({
-    validate: true,
-    enableSchemaRequest: true,
-    schemas,
-  });
-}
+import type { WorkbenchMonaco } from '@workbench-kit/monaco';
+import jdwNodeSchemaJson from '@workbench-kit/jdw/schemas/jdw-node.jdw.schema.json';
+import widgetDocumentSchemaJson from '@workbench-kit/jdw/schemas/widget-document.v1.jdw.schema.json';
+import { formatWorkspaceResourceUri, type WorkspaceFile } from '@workbench-kit/workspace';
+import { isJdwDocument } from '../../jdw/document';
+
+export const JDW_WIDGET_DOCUMENT_SCHEMA_URI =
+  'https://workbench-kit.dev/schemas/widget-document.v1.jdw.schema.json';
+export const JDW_NODE_SCHEMA_URI = 'https://workbench-kit.dev/schemas/jdw-node.jdw.schema.json';
+
+const WORKSPACE_URI_PATTERN = /^[a-z][a-z\d+\-.]*:/i;
+const WORKSPACE_JDW_WIDGET_DOCUMENT_SCHEMA_PATH = 'schemas/widget-document.v1.jdw.schema.json';
+const WORKSPACE_JDW_NODE_SCHEMA_PATH = 'schemas/jdw-node.jdw.schema.json';
+
+interface WorkspaceEditorJsonDiagnosticsSchema {
+  readonly fileMatch?: readonly string[];
+  readonly schema: unknown;
+  readonly uri: string;
+}
+
+export function monacoModelPathForWorkspaceFile(path: string): string {
+  if (WORKSPACE_URI_PATTERN.test(path)) {
+    return path;
+  }
+
+  return formatWorkspaceResourceUri({ kind: 'file', path });
+}
+
+export function getWorkspaceEditorJsonDiagnosticsSchemas(
+  file: WorkspaceFile,
+): readonly WorkspaceEditorJsonDiagnosticsSchema[] {
+  if (!isJdwDocument(file)) {
+    return [];
+  }
+
+  const modelPath = monacoModelPathForWorkspaceFile(file.path);
+  const fileMatch = [modelPath, file.path];
+
+  return [
+    {
+      schema: jdwNodeSchemaJson,
+      uri: JDW_NODE_SCHEMA_URI,
+    },
+    {
+      schema: jdwNodeSchemaJson,
+      uri: formatWorkspaceResourceUri({ kind: 'file', path: WORKSPACE_JDW_NODE_SCHEMA_PATH }),
+    },
+    {
+      fileMatch,
+      schema: widgetDocumentSchemaJson,
+      uri: JDW_WIDGET_DOCUMENT_SCHEMA_URI,
+    },
+    {
+      fileMatch,
+      schema: widgetDocumentSchemaJson,
+      uri: formatWorkspaceResourceUri({
+        kind: 'file',
+        path: WORKSPACE_JDW_WIDGET_DOCUMENT_SCHEMA_PATH,
+      }),
+    },
+  ];
+}
+
+export function configureWorkspaceEditorJsonDiagnostics(
+  monacoInstance: WorkbenchMonaco,
+  file: WorkspaceFile,
+): void {
+  const schemas = getWorkspaceEditorJsonDiagnosticsSchemas(file);
+  if (schemas.length === 0) return;
+
+  const jsonLanguage = monacoInstance.languages.json as unknown as
+    | {
+        jsonDefaults?: { setDiagnosticsOptions: (options: unknown) => void };
+      }
+    | undefined;
+  const jsonDefaults = jsonLanguage?.jsonDefaults;
+  if (!jsonDefaults) return;
+
+  jsonDefaults.setDiagnosticsOptions({
+    validate: true,
+    enableSchemaRequest: true,
+    schemas,
+  });
+}

package/src/workbench-menu-surfaces.css

@@ -1,57 +1,57 @@
-/* Optional compact menu density for context menus and command lists. */
-
-.ui-context-menu__item,
-.ui-context-menu__item.ui-button {
-  --ui-button-min-height: 28px;
-  --ui-button-height: auto;
-  --ui-button-padding: 4px 10px;
-  --ui-button-border-radius: 0;
-  border-radius: 0;
-  min-height: 28px;
-  height: auto;
-  padding: 4px 10px;
-}
-
-.ui-context-menu__separator {
-  margin: 0;
-}
-
-.ui-context-menu__shortcut {
-  font-size: var(--font-size-xs);
-  color: var(--color-text-subtle);
-}
-
-.ui-workbench-command-list {
-  padding: 0;
-}
-
-.ui-workbench-command-item,
-.ui-workbench-command-item.ui-button {
-  --ui-button-height: auto;
-  --ui-button-padding: 7px 10px;
-  --ui-button-border-radius: 0;
-  border-radius: 0;
-  height: auto;
-  padding: 7px 10px;
-}
-
-.ui-workbench-command-group-shell__nav {
-  padding: 0;
-}
-
-.ui-workbench-command-group-shell__nav-link {
-  border-radius: 0;
-}
-
-.ui-workbench-command-group-shell__content {
-  padding: 0;
-}
-
-.ui-workbench-command-group-shell__section {
-  padding: 0;
-}
-
-.ui-workbench-command-group-shell__section-header {
-  min-height: 28px;
-  padding: 4px 10px;
-}
+/* Optional compact menu density for context menus and command lists. */
+
+.ui-context-menu__item,
+.ui-context-menu__item.ui-button {
+  --ui-button-min-height: 28px;
+  --ui-button-height: auto;
+  --ui-button-padding: 4px 10px;
+  --ui-button-border-radius: 0;
+  border-radius: 0;
+  min-height: 28px;
+  height: auto;
+  padding: 4px 10px;
+}
+
+.ui-context-menu__separator {
+  margin: 0;
+}
+
+.ui-context-menu__shortcut {
+  font-size: var(--font-size-xs);
+  color: var(--color-text-subtle);
+}
+
+.ui-workbench-command-list {
+  padding: 0;
+}
+
+.ui-workbench-command-item,
+.ui-workbench-command-item.ui-button {
+  --ui-button-height: auto;
+  --ui-button-padding: 7px 10px;
+  --ui-button-border-radius: 0;
+  border-radius: 0;
+  height: auto;
+  padding: 7px 10px;
+}
+
+.ui-workbench-command-group-shell__nav {
+  padding: 0;
+}
+
+.ui-workbench-command-group-shell__nav-link {
+  border-radius: 0;
+}
+
+.ui-workbench-command-group-shell__content {
+  padding: 0;
+}
+
+.ui-workbench-command-group-shell__section {
+  padding: 0;
+}
+
+.ui-workbench-command-group-shell__section-header {
+  min-height: 28px;
+  padding: 4px 10px;
+}

package/src/workbench/jdw/jdw-editors.css

@@ -1,4 +0,0 @@
-/* Reserved for JDW editor surfaces that still need package-local chrome.
- * Screen Spec shell layout now uses WorkbenchFill / SplitView / LabeledPane /
- * SidebarStack — prefer those over new BEM here.
- */

package/src/workbench/jdw/jdw.css

@@ -1,2 +0,0 @@
-/* workbench/jdw feature styles — Plan A import hub */
-@import './jdw-editors.css';