@workbench-kit/react 0.0.1-prototype.0 → 0.0.2-prototype.0.1.1

package/src/workbench/workspace/mimeType.ts

@@ -0,0 +1,45 @@
+import { extensionOfPath } from './path';
+import {
+  JDW_SCHEMA_DOCUMENT_FILE_EXTENSION,
+  JDW_SCHEMA_DOCUMENT_MIME,
+  JDW_WIDGET_DOCUMENT_FILE_EXTENSION,
+  JDW_WIDGET_DOCUMENT_MIME,
+} from '../../jdw/document';
+
+const EXTENSION_MIME: Record<string, string> = {
+  css: 'text/css',
+  gif: 'image/gif',
+  html: 'text/html',
+  jpeg: 'image/jpeg',
+  jpg: 'image/jpeg',
+  js: 'text/javascript',
+  json: 'application/json',
+  jsx: 'text/javascript',
+  md: 'text/markdown',
+  mjs: 'text/javascript',
+  png: 'image/png',
+  sql: 'text/x-sql',
+  svg: 'image/svg+xml',
+  ts: 'text/typescript',
+  tsx: 'text/typescript',
+  txt: 'text/plain',
+  vue: 'text/html',
+  xml: 'application/xml',
+  yaml: 'text/yaml',
+  yml: 'text/yaml',
+  zip: 'application/zip',
+};
+
+export function mimeTypeForPath(path: string): string {
+  const lowerPath = path.toLowerCase();
+
+  if (lowerPath.endsWith(JDW_SCHEMA_DOCUMENT_FILE_EXTENSION)) {
+    return JDW_SCHEMA_DOCUMENT_MIME;
+  }
+
+  if (lowerPath.endsWith(JDW_WIDGET_DOCUMENT_FILE_EXTENSION)) {
+    return JDW_WIDGET_DOCUMENT_MIME;
+  }
+
+  return EXTENSION_MIME[extensionOfPath(path)] ?? 'text/plain';
+}

package/src/workbench/workspace/path.ts

@@ -1,10 +1,10 @@
-export {
-  extensionOfPath,
-  fileNameOfPath,
-  isSimpleWorkspaceName,
-  joinWorkspacePath,
-  normalizeWorkspacePath,
-  parentPathOf,
-  parentPathsOf,
-  workspacePathSegments,
-} from '@workbench-kit/workspace';
+export {
+  extensionOfPath,
+  fileNameOfPath,
+  isSimpleWorkspaceName,
+  joinWorkspacePath,
+  normalizeWorkspacePath,
+  parentPathOf,
+  parentPathsOf,
+  workspacePathSegments,
+} from '@workbench-kit/workspace';

package/src/workbench/workspace/search.ts

@@ -1,6 +1,6 @@
-export {
-  compactText,
-  createContentPreview,
-  highlightText,
-  searchWorkspaceFiles,
-} from '@workbench-kit/workspace';
+export {
+  compactText,
+  createContentPreview,
+  highlightText,
+  searchWorkspaceFiles,
+} from '@workbench-kit/workspace';

package/src/workbench/workspace/tree.ts

@@ -1 +1 @@
-export { buildWorkspaceTree, flattenWorkspaceTree } from '@workbench-kit/workspace';
+export { buildWorkspaceTree, flattenWorkspaceTree } from '@workbench-kit/workspace';

package/src/workbench/workspace/types.ts

@@ -1,10 +1,10 @@
-export type {
-  VisibleWorkspaceNode,
-  WorkspaceFile,
-  WorkspaceFileSource,
-  WorkspaceHighlightPart,
-  WorkspaceNodeType,
-  WorkspaceSearchMatchKind,
-  WorkspaceSearchResult,
-  WorkspaceTreeNode,
-} from '@workbench-kit/workspace';
+export type {
+  VisibleWorkspaceNode,
+  WorkspaceFile,
+  WorkspaceFileSource,
+  WorkspaceHighlightPart,
+  WorkspaceNodeType,
+  WorkspaceSearchMatchKind,
+  WorkspaceSearchResult,
+  WorkspaceTreeNode,
+} from '@workbench-kit/workspace';

package/src/workbench/workspace/useVirtualWorkspace.ts

@@ -1,98 +1,111 @@
-import { useMemo, useReducer } from 'react';
-import {
-  buildWorkspaceTree,
-  getAvailableWorkspaceEntryName,
-  getWorkspaceFileMovePlan,
-  initializeVirtualWorkspaceState,
-  isWorkspaceEntryPathAvailable,
-  searchWorkspaceFiles,
-  virtualWorkspaceReducer,
-  type CreateWorkspaceFileInput,
-  type VirtualWorkspaceAction,
-  type VirtualWorkspaceInitialState,
-  type VirtualWorkspaceState,
-  type WorkspaceEntryNameSuggestionInput,
-  type WorkspaceEntryPathAvailabilityInput,
-  type WorkspaceFileMove,
-  type WorkspaceFileMovePlan,
-  type WorkspaceFileMovePlanInput,
-  type WorkspaceSearchResult,
-  type WorkspaceTreeNode,
-  type WriteWorkspaceFileInput,
-} from '@workbench-kit/workspace';
-
-export interface VirtualWorkspaceApi extends VirtualWorkspaceState {
-  closeAll: () => void;
-  closeOthers: (path: string) => void;
-  closePath: (path: string) => void;
-  createFile: (file: CreateWorkspaceFileInput) => void;
-  createFolder: (path: string) => void;
-  deleteFile: (path: string) => void;
-  deleteFolder: (path: string) => void;
-  moveFile: (sourcePath: string, targetFolderPath: string) => void;
-  openFile: (path: string) => void;
-  renameFile: (path: string, name: string, mimeType?: string) => void;
-  renameFolder: (path: string, name: string) => void;
-  saveFile: (path: string, file: WriteWorkspaceFileInput) => void;
-  searchResults: WorkspaceSearchResult[];
-  setSearchQuery: (query: string) => void;
-  toggleFolder: (path: string) => void;
-  workspaceTree: WorkspaceTreeNode[];
-}
-
-export function useVirtualWorkspace(
-  initialState: VirtualWorkspaceInitialState,
-): VirtualWorkspaceApi {
-  const [state, dispatch] = useReducer(
-    virtualWorkspaceReducer,
-    initialState,
-    initializeVirtualWorkspaceState,
-  );
-  const workspaceTree = useMemo(
-    () => buildWorkspaceTree(state.folders, state.files),
-    [state.files, state.folders],
-  );
-  const searchResults = useMemo(
-    () => searchWorkspaceFiles(state.files, state.searchQuery),
-    [state.files, state.searchQuery],
-  );
-
-  return {
-    ...state,
-    closeAll: () => dispatch({ type: 'close-all' }),
-    closeOthers: (path) => dispatch({ path, type: 'close-others' }),
-    closePath: (path) => dispatch({ path, type: 'close-path' }),
-    createFile: (file) => dispatch({ file, type: 'create-file' }),
-    createFolder: (path) => dispatch({ path, type: 'create-folder' }),
-    deleteFile: (path) => dispatch({ path, type: 'delete-file' }),
-    deleteFolder: (path) => dispatch({ path, type: 'delete-folder' }),
-    moveFile: (sourcePath, targetFolderPath) =>
-      dispatch({ sourcePath, targetFolderPath, type: 'move-file' }),
-    openFile: (path) => dispatch({ path, type: 'open-file' }),
-    renameFile: (path, name, mimeType) => dispatch({ mimeType, name, path, type: 'rename-file' }),
-    renameFolder: (path, name) => dispatch({ name, path, type: 'rename-folder' }),
-    saveFile: (path, file) => dispatch({ file, path, type: 'save-file' }),
-    searchResults,
-    setSearchQuery: (query) => dispatch({ query, type: 'set-search-query' }),
-    toggleFolder: (path) => dispatch({ path, type: 'toggle-folder' }),
-    workspaceTree,
-  };
-}
-
-export {
-  getAvailableWorkspaceEntryName,
-  getWorkspaceFileMovePlan,
-  initializeVirtualWorkspaceState,
-  isWorkspaceEntryPathAvailable,
-  virtualWorkspaceReducer,
-  type CreateWorkspaceFileInput,
-  type VirtualWorkspaceAction,
-  type VirtualWorkspaceInitialState,
-  type VirtualWorkspaceState,
-  type WorkspaceEntryNameSuggestionInput,
-  type WorkspaceEntryPathAvailabilityInput,
-  type WorkspaceFileMove,
-  type WorkspaceFileMovePlan,
-  type WorkspaceFileMovePlanInput,
-  type WriteWorkspaceFileInput,
-};
+import { useMemo, useReducer } from 'react';
+import {
+  buildWorkspaceTree,
+  getAvailableWorkspaceEntryName,
+  getWorkspaceEntryMovePlan,
+  getWorkspaceFileMovePlan,
+  initializeVirtualWorkspaceState,
+  isWorkspaceEntryPathAvailable,
+  searchWorkspaceFiles,
+  virtualWorkspaceReducer,
+  type CreateWorkspaceFileInput,
+  type VirtualWorkspaceAction,
+  type VirtualWorkspaceInitialState,
+  type VirtualWorkspaceState,
+  type WorkspaceEntryNameSuggestionInput,
+  type WorkspaceEntryMove,
+  type WorkspaceEntryMoveKind,
+  type WorkspaceEntryMovePlan,
+  type WorkspaceEntryMovePlanInput,
+  type WorkspaceEntryPathAvailabilityInput,
+  type WorkspaceFileMove,
+  type WorkspaceFileMovePlan,
+  type WorkspaceFileMovePlanInput,
+  type WorkspaceSearchResult,
+  type WorkspaceTreeNode,
+  type WriteWorkspaceFileInput,
+} from '@workbench-kit/workspace';
+
+export interface VirtualWorkspaceApi extends VirtualWorkspaceState {
+  closeAll: () => void;
+  closeOthers: (path: string) => void;
+  closePath: (path: string) => void;
+  createFile: (file: CreateWorkspaceFileInput) => void;
+  createFolder: (path: string) => void;
+  deleteFile: (path: string) => void;
+  deleteFolder: (path: string) => void;
+  moveFile: (sourcePath: string, targetFolderPath: string) => void;
+  moveFolder: (sourcePath: string, targetFolderPath: string) => void;
+  openFile: (path: string) => void;
+  renameFile: (path: string, name: string, mimeType?: string) => void;
+  renameFolder: (path: string, name: string) => void;
+  saveFile: (path: string, file: WriteWorkspaceFileInput) => void;
+  searchResults: WorkspaceSearchResult[];
+  setSearchQuery: (query: string) => void;
+  toggleFolder: (path: string) => void;
+  workspaceTree: WorkspaceTreeNode[];
+}
+
+export function useVirtualWorkspace(
+  initialState: VirtualWorkspaceInitialState,
+): VirtualWorkspaceApi {
+  const [state, dispatch] = useReducer(
+    virtualWorkspaceReducer,
+    initialState,
+    initializeVirtualWorkspaceState,
+  );
+  const workspaceTree = useMemo(
+    () => buildWorkspaceTree(state.folders, state.files),
+    [state.files, state.folders],
+  );
+  const searchResults = useMemo(
+    () => searchWorkspaceFiles(state.files, state.searchQuery),
+    [state.files, state.searchQuery],
+  );
+
+  return {
+    ...state,
+    closeAll: () => dispatch({ type: 'close-all' }),
+    closeOthers: (path) => dispatch({ path, type: 'close-others' }),
+    closePath: (path) => dispatch({ path, type: 'close-path' }),
+    createFile: (file) => dispatch({ file, type: 'create-file' }),
+    createFolder: (path) => dispatch({ path, type: 'create-folder' }),
+    deleteFile: (path) => dispatch({ path, type: 'delete-file' }),
+    deleteFolder: (path) => dispatch({ path, type: 'delete-folder' }),
+    moveFile: (sourcePath, targetFolderPath) =>
+      dispatch({ sourcePath, targetFolderPath, type: 'move-file' }),
+    moveFolder: (sourcePath, targetFolderPath) =>
+      dispatch({ sourcePath, targetFolderPath, type: 'move-folder' }),
+    openFile: (path) => dispatch({ path, type: 'open-file' }),
+    renameFile: (path, name, mimeType) => dispatch({ mimeType, name, path, type: 'rename-file' }),
+    renameFolder: (path, name) => dispatch({ name, path, type: 'rename-folder' }),
+    saveFile: (path, file) => dispatch({ file, path, type: 'save-file' }),
+    searchResults,
+    setSearchQuery: (query) => dispatch({ query, type: 'set-search-query' }),
+    toggleFolder: (path) => dispatch({ path, type: 'toggle-folder' }),
+    workspaceTree,
+  };
+}
+
+export {
+  getAvailableWorkspaceEntryName,
+  getWorkspaceEntryMovePlan,
+  getWorkspaceFileMovePlan,
+  initializeVirtualWorkspaceState,
+  isWorkspaceEntryPathAvailable,
+  virtualWorkspaceReducer,
+  type CreateWorkspaceFileInput,
+  type VirtualWorkspaceAction,
+  type VirtualWorkspaceInitialState,
+  type VirtualWorkspaceState,
+  type WorkspaceEntryNameSuggestionInput,
+  type WorkspaceEntryMove,
+  type WorkspaceEntryMoveKind,
+  type WorkspaceEntryMovePlan,
+  type WorkspaceEntryMovePlanInput,
+  type WorkspaceEntryPathAvailabilityInput,
+  type WorkspaceFileMove,
+  type WorkspaceFileMovePlan,
+  type WorkspaceFileMovePlanInput,
+  type WriteWorkspaceFileInput,
+};

package/src/workbench/workspace/workspaceJsonDiagnostics.ts

@@ -0,0 +1,83 @@
+import type * as Monaco from 'monaco-editor';
+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: typeof Monaco,
+  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,
+  });
+}