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

package/src/workbench/widgets/widgets.css

@@ -1,2 +1,2 @@
-/* workbench/widgets feature styles — Plan A import hub */
-@import './widget-tree.css';
+/* workbench/widgets feature styles — Plan A import hub */
+@import './widget-tree.css';

package/src/workbench/workbench-chrome.css

@@ -1,4 +1,4 @@
-/* Workbench shell and platform chrome */
-@import './shell/index.css';
-@import './chrome/index.css';
-@import './command-palette/command-palette.css';
+/* Workbench shell and platform chrome */
+@import './shell/index.css';
+@import './chrome/index.css';
+@import './command-palette/command-palette.css';

package/src/workbench/workbenchContextMenu.ts

@@ -1,18 +1,18 @@
-import type { MouseEvent } from 'react';
-
-const NATIVE_CONTEXT_MENU_SELECTOR =
-  'input, textarea, select, [contenteditable="true"], .monaco-editor, .workspace-editor__monaco, .cm-editor';
-
-export function shouldAllowNativeBrowserContextMenu(target: EventTarget | null): boolean {
-  if (!(target instanceof Element)) {
-    return false;
-  }
-
-  return Boolean(target.closest(NATIVE_CONTEXT_MENU_SELECTOR));
-}
-
-export function suppressNativeBrowserContextMenu(event: MouseEvent<HTMLElement>) {
-  if (!shouldAllowNativeBrowserContextMenu(event.target)) {
-    event.preventDefault();
-  }
-}
+import type { MouseEvent } from 'react';
+
+const NATIVE_CONTEXT_MENU_SELECTOR =
+  'input, textarea, select, [contenteditable="true"], .monaco-editor, .workspace-editor__monaco, .cm-editor';
+
+export function shouldAllowNativeBrowserContextMenu(target: EventTarget | null): boolean {
+  if (!(target instanceof Element)) {
+    return false;
+  }
+
+  return Boolean(target.closest(NATIVE_CONTEXT_MENU_SELECTOR));
+}
+
+export function suppressNativeBrowserContextMenu(event: MouseEvent<HTMLElement>) {
+  if (!shouldAllowNativeBrowserContextMenu(event.target)) {
+    event.preventDefault();
+  }
+}

package/src/workbench/workbenchModalViewState.ts

@@ -1,52 +1,52 @@
-import { useCallback, useEffect, useState } from 'react';
-
-export interface UseWorkbenchModalViewStateOptions<TViewId extends string> {
-  readonly activeViewId: TViewId;
-  readonly fallbackViewId: TViewId;
-  readonly modalViewId: TViewId;
-  readonly openView: (viewId: TViewId) => void;
-}
-
-export interface WorkbenchModalViewState<TViewId extends string> {
-  readonly closeModalView: () => void;
-  readonly isModalViewActive: boolean;
-  readonly isModalViewOpen: boolean;
-  readonly openModalView: () => void;
-  readonly viewId: TViewId;
-}
-
-export function useWorkbenchModalViewState<TViewId extends string>({
-  activeViewId,
-  fallbackViewId,
-  modalViewId,
-  openView,
-}: UseWorkbenchModalViewStateOptions<TViewId>): WorkbenchModalViewState<TViewId> {
-  const isModalViewActive = activeViewId === modalViewId;
-  const [isModalViewOpen, setModalViewOpen] = useState(isModalViewActive);
-
-  useEffect(() => {
-    if (isModalViewActive) {
-      setModalViewOpen(true);
-    }
-  }, [isModalViewActive]);
-
-  const openModalView = useCallback((): void => {
-    setModalViewOpen(true);
-  }, []);
-
-  const closeModalView = useCallback((): void => {
-    setModalViewOpen(false);
-
-    if (isModalViewActive) {
-      openView(fallbackViewId);
-    }
-  }, [fallbackViewId, isModalViewActive, openView]);
-
-  return {
-    closeModalView,
-    isModalViewActive,
-    isModalViewOpen,
-    openModalView,
-    viewId: modalViewId,
-  };
-}
+import { useCallback, useEffect, useState } from 'react';
+
+export interface UseWorkbenchModalViewStateOptions<TViewId extends string> {
+  readonly activeViewId: TViewId;
+  readonly fallbackViewId: TViewId;
+  readonly modalViewId: TViewId;
+  readonly openView: (viewId: TViewId) => void;
+}
+
+export interface WorkbenchModalViewState<TViewId extends string> {
+  readonly closeModalView: () => void;
+  readonly isModalViewActive: boolean;
+  readonly isModalViewOpen: boolean;
+  readonly openModalView: () => void;
+  readonly viewId: TViewId;
+}
+
+export function useWorkbenchModalViewState<TViewId extends string>({
+  activeViewId,
+  fallbackViewId,
+  modalViewId,
+  openView,
+}: UseWorkbenchModalViewStateOptions<TViewId>): WorkbenchModalViewState<TViewId> {
+  const isModalViewActive = activeViewId === modalViewId;
+  const [isModalViewOpen, setModalViewOpen] = useState(isModalViewActive);
+
+  useEffect(() => {
+    if (isModalViewActive) {
+      setModalViewOpen(true);
+    }
+  }, [isModalViewActive]);
+
+  const openModalView = useCallback((): void => {
+    setModalViewOpen(true);
+  }, []);
+
+  const closeModalView = useCallback((): void => {
+    setModalViewOpen(false);
+
+    if (isModalViewActive) {
+      openView(fallbackViewId);
+    }
+  }, [fallbackViewId, isModalViewActive, openView]);
+
+  return {
+    closeModalView,
+    isModalViewActive,
+    isModalViewOpen,
+    openModalView,
+    viewId: modalViewId,
+  };
+}

package/src/workbench/workbenchOverlaysContext.tsx

@@ -1,21 +1,21 @@
-import { createContext, useContext, type ReactNode } from 'react';
-
-const WorkbenchOverlaysContext = createContext<HTMLElement | null>(null);
-
-export function WorkbenchOverlaysProvider({
-  children,
-  container,
-}: {
-  children: ReactNode;
-  container: HTMLElement | null;
-}): ReactNode {
-  return (
-    <WorkbenchOverlaysContext.Provider value={container}>
-      {children}
-    </WorkbenchOverlaysContext.Provider>
-  );
-}
-
-export function useWorkbenchOverlaysContainer(): HTMLElement | null {
-  return useContext(WorkbenchOverlaysContext);
-}
+import { createContext, useContext, type ReactNode } from 'react';
+
+const WorkbenchOverlaysContext = createContext<HTMLElement | null>(null);
+
+export function WorkbenchOverlaysProvider({
+  children,
+  container,
+}: {
+  children: ReactNode;
+  container: HTMLElement | null;
+}): ReactNode {
+  return (
+    <WorkbenchOverlaysContext.Provider value={container}>
+      {children}
+    </WorkbenchOverlaysContext.Provider>
+  );
+}
+
+export function useWorkbenchOverlaysContainer(): HTMLElement | null {
+  return useContext(WorkbenchOverlaysContext);
+}

package/src/workbench/workbenchPlatformChrome.ts

@@ -1,40 +1,40 @@
-export type WorkbenchHostPlatform = 'darwin' | 'win32' | 'linux';
-
-export type WorkbenchWindowChromeMode = 'platform' | 'generic';
-
-export function resolveWorkbenchHostPlatform(
-  platformOverride?: WorkbenchHostPlatform | null,
-): WorkbenchHostPlatform {
-  if (platformOverride) {
-    return platformOverride;
-  }
-
-  if (typeof navigator === 'undefined') {
-    return 'win32';
-  }
-
-  const platform = navigator.platform?.toLowerCase() ?? '';
-  const userAgent = navigator.userAgent?.toLowerCase() ?? '';
-
-  if (platform.includes('mac') || userAgent.includes('mac')) {
-    return 'darwin';
-  }
-
-  if (platform.includes('linux') || userAgent.includes('linux')) {
-    return 'linux';
-  }
-
-  return 'win32';
-}
-
-export function resolveWorkbenchWindowChromeDataAttributes(
-  chrome: WorkbenchWindowChromeMode = 'platform',
-): Record<string, string> | undefined {
-  if (chrome !== 'platform') {
-    return undefined;
-  }
-
-  return {
-    'data-workbench-window-chrome': 'platform',
-  };
-}
+export type WorkbenchHostPlatform = 'darwin' | 'win32' | 'linux';
+
+export type WorkbenchWindowChromeMode = 'platform' | 'generic';
+
+export function resolveWorkbenchHostPlatform(
+  platformOverride?: WorkbenchHostPlatform | null,
+): WorkbenchHostPlatform {
+  if (platformOverride) {
+    return platformOverride;
+  }
+
+  if (typeof navigator === 'undefined') {
+    return 'win32';
+  }
+
+  const platform = navigator.platform?.toLowerCase() ?? '';
+  const userAgent = navigator.userAgent?.toLowerCase() ?? '';
+
+  if (platform.includes('mac') || userAgent.includes('mac')) {
+    return 'darwin';
+  }
+
+  if (platform.includes('linux') || userAgent.includes('linux')) {
+    return 'linux';
+  }
+
+  return 'win32';
+}
+
+export function resolveWorkbenchWindowChromeDataAttributes(
+  chrome: WorkbenchWindowChromeMode = 'platform',
+): Record<string, string> | undefined {
+  if (chrome !== 'platform') {
+    return undefined;
+  }
+
+  return {
+    'data-workbench-window-chrome': 'platform',
+  };
+}

package/src/workbench/workbenchSidebarLayoutContext.ts

@@ -1,46 +1,46 @@
-import { createContext, useContext } from 'react';
-
-import type { WorkbenchSidebarSlotId } from '@workbench-kit/platform';
-
-export interface WorkbenchSidebarLayoutContextValue<TViewId extends string = string> {
-  readonly dropViewOnSlot: (viewId: TViewId, targetSlot: WorkbenchSidebarSlotId) => void;
-  readonly placements: Readonly<Record<TViewId, WorkbenchSidebarSlotId>>;
-  readonly primaryViewId: TViewId;
-  readonly resolveSlotViewIds: (
-    slot: WorkbenchSidebarSlotId,
-    baseViewIds: readonly TViewId[],
-  ) => readonly TViewId[];
-  readonly secondaryViewId: TViewId;
-  readonly selectPrimaryView: (viewId: TViewId) => void;
-  readonly selectSecondaryView: (viewId: TViewId) => void;
-  readonly setSlotViewOrder: (
-    slot: WorkbenchSidebarSlotId,
-    orderedViewIds: readonly TViewId[],
-    availableViewIds: readonly TViewId[],
-  ) => void;
-}
-
-type WorkbenchSidebarLayoutContextStore = WorkbenchSidebarLayoutContextValue<string>;
-
-export const WorkbenchSidebarLayoutContext =
-  createContext<WorkbenchSidebarLayoutContextStore | null>(null);
-
-export function useWorkbenchSidebarLayoutContextValue<
-  TViewId extends string,
->(): WorkbenchSidebarLayoutContextValue<TViewId> | null {
-  return useContext(
-    WorkbenchSidebarLayoutContext,
-  ) as WorkbenchSidebarLayoutContextValue<TViewId> | null;
-}
-
-export function toWorkbenchSidebarLayoutContextValue<TViewId extends string>(
-  value: WorkbenchSidebarLayoutContextValue<TViewId>,
-): WorkbenchSidebarLayoutContextStore {
-  return value as unknown as WorkbenchSidebarLayoutContextStore;
-}
-
-export function fromWorkbenchSidebarLayoutContextValue<TViewId extends string>(
-  value: WorkbenchSidebarLayoutContextStore,
-): WorkbenchSidebarLayoutContextValue<TViewId> {
-  return value as unknown as WorkbenchSidebarLayoutContextValue<TViewId>;
-}
+import { createContext, useContext } from 'react';
+
+import type { WorkbenchSidebarSlotId } from '@workbench-kit/platform';
+
+export interface WorkbenchSidebarLayoutContextValue<TViewId extends string = string> {
+  readonly dropViewOnSlot: (viewId: TViewId, targetSlot: WorkbenchSidebarSlotId) => void;
+  readonly placements: Readonly<Record<TViewId, WorkbenchSidebarSlotId>>;
+  readonly primaryViewId: TViewId;
+  readonly resolveSlotViewIds: (
+    slot: WorkbenchSidebarSlotId,
+    baseViewIds: readonly TViewId[],
+  ) => readonly TViewId[];
+  readonly secondaryViewId: TViewId;
+  readonly selectPrimaryView: (viewId: TViewId) => void;
+  readonly selectSecondaryView: (viewId: TViewId) => void;
+  readonly setSlotViewOrder: (
+    slot: WorkbenchSidebarSlotId,
+    orderedViewIds: readonly TViewId[],
+    availableViewIds: readonly TViewId[],
+  ) => void;
+}
+
+type WorkbenchSidebarLayoutContextStore = WorkbenchSidebarLayoutContextValue<string>;
+
+export const WorkbenchSidebarLayoutContext =
+  createContext<WorkbenchSidebarLayoutContextStore | null>(null);
+
+export function useWorkbenchSidebarLayoutContextValue<
+  TViewId extends string,
+>(): WorkbenchSidebarLayoutContextValue<TViewId> | null {
+  return useContext(
+    WorkbenchSidebarLayoutContext,
+  ) as WorkbenchSidebarLayoutContextValue<TViewId> | null;
+}
+
+export function toWorkbenchSidebarLayoutContextValue<TViewId extends string>(
+  value: WorkbenchSidebarLayoutContextValue<TViewId>,
+): WorkbenchSidebarLayoutContextStore {
+  return value as unknown as WorkbenchSidebarLayoutContextStore;
+}
+
+export function fromWorkbenchSidebarLayoutContextValue<TViewId extends string>(
+  value: WorkbenchSidebarLayoutContextStore,
+): WorkbenchSidebarLayoutContextValue<TViewId> {
+  return value as unknown as WorkbenchSidebarLayoutContextValue<TViewId>;
+}

package/src/workbench/workbenchStandaloneShellReactContext.tsx

@@ -1,80 +1,80 @@
-import { createContext, useContext, type ReactElement, type ReactNode } from 'react';
-
-import type { WorkbenchStandaloneShellContext } from './WorkbenchStandaloneShell';
-
-const WorkbenchStandaloneShellReactContext = createContext<unknown>(null);
-
-export interface WorkbenchStandaloneShellStateSnapshot<
-  TActivityId extends string = string,
-  TTheme extends string = string,
-> {
-  activityId: TActivityId;
-  isPrimarySidebarVisible: boolean;
-  isSettingsOpen: boolean;
-  primarySidebarSizePx: number;
-  theme: TTheme;
-}
-
-export type WorkbenchStandaloneShellStateChangeKind =
-  'initial' | 'activity' | 'sidebar-visibility' | 'sidebar-size' | 'settings' | 'theme';
-
-export interface WorkbenchStandaloneShellStateChange<
-  TActivityId extends string = string,
-  TTheme extends string = string,
-> {
-  kind: WorkbenchStandaloneShellStateChangeKind;
-  previous: WorkbenchStandaloneShellStateSnapshot<TActivityId, TTheme> | null;
-  next: WorkbenchStandaloneShellStateSnapshot<TActivityId, TTheme>;
-  activityChanged: boolean;
-  primarySidebarVisibilityChanged: boolean;
-  primarySidebarSizeChanged: boolean;
-  settingsOpenChanged: boolean;
-  themeChanged: boolean;
-}
-
-export function createWorkbenchStandaloneShellStateSnapshot<
-  TActivityId extends string,
-  TTheme extends string,
->(
-  context: WorkbenchStandaloneShellContext<TActivityId, TTheme>,
-): WorkbenchStandaloneShellStateSnapshot<TActivityId, TTheme> {
-  return {
-    activityId: context.activityId,
-    isPrimarySidebarVisible: context.isPrimarySidebarVisible,
-    isSettingsOpen: context.isSettingsOpen,
-    primarySidebarSizePx: context.primarySidebarSizePx,
-    theme: context.theme,
-  };
-}
-
-export function WorkbenchStandaloneShellReactContextProvider<
-  TActivityId extends string,
-  TTheme extends string,
->({
-  children,
-  value,
-}: {
-  children: ReactNode;
-  value: WorkbenchStandaloneShellContext<TActivityId, TTheme>;
-}): ReactElement {
-  return (
-    <WorkbenchStandaloneShellReactContext.Provider value={value}>
-      {children}
-    </WorkbenchStandaloneShellReactContext.Provider>
-  );
-}
-
-export function useWorkbenchStandaloneShellContext<
-  TActivityId extends string = string,
-  TTheme extends string = string,
->(): WorkbenchStandaloneShellContext<TActivityId, TTheme> {
-  const context = useContext(WorkbenchStandaloneShellReactContext);
-
-  if (!context) {
-    throw new Error(
-      'useWorkbenchStandaloneShellContext must be used within WorkbenchStandaloneShell.',
-    );
-  }
-
-  return context as WorkbenchStandaloneShellContext<TActivityId, TTheme>;
-}
+import { createContext, useContext, type ReactElement, type ReactNode } from 'react';
+
+import type { WorkbenchStandaloneShellContext } from './WorkbenchStandaloneShell';
+
+const WorkbenchStandaloneShellReactContext = createContext<unknown>(null);
+
+export interface WorkbenchStandaloneShellStateSnapshot<
+  TActivityId extends string = string,
+  TTheme extends string = string,
+> {
+  activityId: TActivityId;
+  isPrimarySidebarVisible: boolean;
+  isSettingsOpen: boolean;
+  primarySidebarSizePx: number;
+  theme: TTheme;
+}
+
+export type WorkbenchStandaloneShellStateChangeKind =
+  'initial' | 'activity' | 'sidebar-visibility' | 'sidebar-size' | 'settings' | 'theme';
+
+export interface WorkbenchStandaloneShellStateChange<
+  TActivityId extends string = string,
+  TTheme extends string = string,
+> {
+  kind: WorkbenchStandaloneShellStateChangeKind;
+  previous: WorkbenchStandaloneShellStateSnapshot<TActivityId, TTheme> | null;
+  next: WorkbenchStandaloneShellStateSnapshot<TActivityId, TTheme>;
+  activityChanged: boolean;
+  primarySidebarVisibilityChanged: boolean;
+  primarySidebarSizeChanged: boolean;
+  settingsOpenChanged: boolean;
+  themeChanged: boolean;
+}
+
+export function createWorkbenchStandaloneShellStateSnapshot<
+  TActivityId extends string,
+  TTheme extends string,
+>(
+  context: WorkbenchStandaloneShellContext<TActivityId, TTheme>,
+): WorkbenchStandaloneShellStateSnapshot<TActivityId, TTheme> {
+  return {
+    activityId: context.activityId,
+    isPrimarySidebarVisible: context.isPrimarySidebarVisible,
+    isSettingsOpen: context.isSettingsOpen,
+    primarySidebarSizePx: context.primarySidebarSizePx,
+    theme: context.theme,
+  };
+}
+
+export function WorkbenchStandaloneShellReactContextProvider<
+  TActivityId extends string,
+  TTheme extends string,
+>({
+  children,
+  value,
+}: {
+  children: ReactNode;
+  value: WorkbenchStandaloneShellContext<TActivityId, TTheme>;
+}): ReactElement {
+  return (
+    <WorkbenchStandaloneShellReactContext.Provider value={value}>
+      {children}
+    </WorkbenchStandaloneShellReactContext.Provider>
+  );
+}
+
+export function useWorkbenchStandaloneShellContext<
+  TActivityId extends string = string,
+  TTheme extends string = string,
+>(): WorkbenchStandaloneShellContext<TActivityId, TTheme> {
+  const context = useContext(WorkbenchStandaloneShellReactContext);
+
+  if (!context) {
+    throw new Error(
+      'useWorkbenchStandaloneShellContext must be used within WorkbenchStandaloneShell.',
+    );
+  }
+
+  return context as WorkbenchStandaloneShellContext<TActivityId, TTheme>;
+}