@bendyline/docblocks-react 1.1.2 → 2.1.0

package/src/WorkspacePicker/WorkspacePicker.tsx

@@ -1,137 +0,0 @@
-/**
- * WorkspacePicker — dropdown for switching between workspaces
- * (IndexedDB-based or native folder via File System Access API).
- */
-
-import { useState, useEffect, useCallback, useRef } from 'react';
-import type { WorkspaceDescriptor } from '@bendyline/docblocks/workspace';
-import { listWorkspaces, saveWorkspace, touchWorkspace } from '@bendyline/docblocks/workspace';
-import { isNativeFileSystemSupported } from '@bendyline/docblocks/filesystem';
-import { isElectronHost } from '@bendyline/docblocks/host';
-
-export interface WorkspacePickerProps {
-  /** Currently active workspace id. */
-  activeWorkspaceId: string | null;
-  /** Called when the user picks a different workspace. */
-  onSelect: (descriptor: WorkspaceDescriptor) => void;
-  /** Called when the user chooses "Open Folder" (native FS). */
-  onOpenFolder: () => void;
-  /** Optional className. */
-  className?: string;
-}
-
-export function WorkspacePicker({
-  activeWorkspaceId,
-  onSelect,
-  onOpenFolder,
-  className,
-}: WorkspacePickerProps) {
-  const [workspaces, setWorkspaces] = useState<WorkspaceDescriptor[]>([]);
-  const [isOpen, setIsOpen] = useState(false);
-  const pickerRef = useRef<HTMLDivElement>(null);
-
-  // Close dropdown on outside click
-  useEffect(() => {
-    if (!isOpen) return;
-    function handleOutsideClick(e: MouseEvent) {
-      if (pickerRef.current && !pickerRef.current.contains(e.target as Node)) {
-        setIsOpen(false);
-      }
-    }
-    document.addEventListener('mousedown', handleOutsideClick);
-    return () => document.removeEventListener('mousedown', handleOutsideClick);
-  }, [isOpen]);
-
-  const electron = isElectronHost();
-
-  const refresh = useCallback(async () => {
-    const list = await listWorkspaces();
-    // On desktop, hide web-only workspaces (indexeddb/native).
-    const filtered = electron
-      ? list.filter((w) => w.type === 'electron-native')
-      : list.filter((w) => w.type !== 'electron-native');
-    setWorkspaces(filtered);
-  }, [electron]);
-
-  useEffect(() => {
-    refresh();
-  }, [refresh, activeWorkspaceId]);
-
-  const handleSelect = useCallback(
-    async (ws: WorkspaceDescriptor) => {
-      await touchWorkspace(ws.id);
-      onSelect(ws);
-      setIsOpen(false);
-    },
-    [onSelect],
-  );
-
-  const handleCreateNew = useCallback(async () => {
-    const name = `Workspace ${workspaces.length + 1}`;
-    const id = `ws-${Date.now()}`;
-    const descriptor: WorkspaceDescriptor = {
-      id,
-      name,
-      type: 'indexeddb',
-      lastOpened: new Date().toISOString(),
-    };
-    await saveWorkspace(descriptor);
-    await refresh();
-    onSelect(descriptor);
-    setIsOpen(false);
-  }, [workspaces.length, onSelect, refresh]);
-
-  const activeWs = workspaces.find((w) => w.id === activeWorkspaceId);
-
-  return (
-    <div ref={pickerRef} className={`db-workspace-picker ${className ?? ''}`}>
-      <button
-        className="db-workspace-picker-btn"
-        onClick={() => setIsOpen(!isOpen)}
-        title="Switch workspace"
-      >
-        {activeWs?.name ?? 'No workspace'}
-        <span className="db-workspace-picker-caret">{isOpen ? '\u25B4' : '\u25BE'}</span>
-      </button>
-
-      {isOpen && (
-        <div className="db-workspace-dropdown">
-          {workspaces.map((ws) => (
-            <button
-              key={ws.id}
-              className={`db-workspace-dropdown-item ${
-                ws.id === activeWorkspaceId ? 'db-workspace-dropdown-item--active' : ''
-              }`}
-              onClick={() => handleSelect(ws)}
-            >
-              {ws.name}
-              <span className="db-workspace-type">
-                {ws.type === 'native' || ws.type === 'electron-native' ? '(folder)' : ''}
-              </span>
-            </button>
-          ))}
-
-          <div className="db-workspace-dropdown-divider" />
-
-          {!electron && (
-            <button className="db-workspace-dropdown-item" onClick={handleCreateNew}>
-              + New Workspace
-            </button>
-          )}
-
-          {(electron || isNativeFileSystemSupported()) && (
-            <button
-              className="db-workspace-dropdown-item"
-              onClick={() => {
-                setIsOpen(false);
-                onOpenFolder();
-              }}
-            >
-              Open Folder...
-            </button>
-          )}
-        </div>
-      )}
-    </div>
-  );
-}

package/src/WorkspacePicker/WorkspaceSettingsButton.tsx

@@ -1,88 +0,0 @@
-/**
- * WorkspaceSettingsButton — gear icon dropdown for workspace actions.
- */
-
-import { useState, useCallback, useRef, useEffect } from 'react';
-import { WorkspaceIcon } from '../icons.js';
-
-export interface WorkspaceSettingsButtonProps {
-  onSettings: () => void;
-  onRename: () => void;
-  onDownload: () => void;
-  onRemove: () => void;
-}
-
-export function WorkspaceSettingsButton({
-  onSettings,
-  onRename,
-  onDownload,
-  onRemove,
-}: WorkspaceSettingsButtonProps) {
-  const [isOpen, setIsOpen] = useState(false);
-  const ref = useRef<HTMLDivElement>(null);
-
-  useEffect(() => {
-    if (!isOpen) return;
-    function handleOutsideClick(e: MouseEvent) {
-      if (ref.current && !ref.current.contains(e.target as Node)) {
-        setIsOpen(false);
-      }
-    }
-    document.addEventListener('mousedown', handleOutsideClick);
-    return () => document.removeEventListener('mousedown', handleOutsideClick);
-  }, [isOpen]);
-
-  const handleAction = useCallback((action: () => void) => {
-    setIsOpen(false);
-    action();
-  }, []);
-
-  return (
-    <div ref={ref} className="db-ws-settings">
-      <button
-        className="db-ws-settings-btn"
-        onClick={() => setIsOpen(!isOpen)}
-        aria-expanded={isOpen}
-        aria-haspopup="true"
-        aria-label="Workspace settings"
-        title="Workspace settings"
-      >
-        <WorkspaceIcon />
-      </button>
-
-      {isOpen && (
-        <div className="db-ws-settings-dropdown" role="menu">
-          <button
-            className="db-ws-settings-item"
-            role="menuitem"
-            onClick={() => handleAction(onSettings)}
-          >
-            Workspace settings…
-          </button>
-          <button
-            className="db-ws-settings-item"
-            role="menuitem"
-            onClick={() => handleAction(onRename)}
-          >
-            Rename workspace
-          </button>
-          <button
-            className="db-ws-settings-item"
-            role="menuitem"
-            onClick={() => handleAction(onDownload)}
-          >
-            Download workspace
-          </button>
-          <div className="db-ws-settings-divider" />
-          <button
-            className="db-ws-settings-item db-ws-settings-item--danger"
-            role="menuitem"
-            onClick={() => handleAction(onRemove)}
-          >
-            Remove workspace
-          </button>
-        </div>
-      )}
-    </div>
-  );
-}

package/src/WorkspacePicker/WorkspaceSettingsDialog.tsx

@@ -1,121 +0,0 @@
-/**
- * WorkspaceSettingsDialog — per-workspace settings modal.
- *
- * Lets the user override the global versioning preference for a single
- * workspace (or fall back to inheriting it). The override is stored on
- * the WorkspaceDescriptor and persisted via `saveWorkspace`.
- */
-
-import { useCallback, useEffect } from 'react';
-import type { WorkspaceDescriptor } from '@bendyline/docblocks/workspace';
-import {
-  isLocalWorkspaceType,
-  resolveVersioningEnabled,
-  type VersioningPreference,
-} from '../preferences/versioning.js';
-
-export type WorkspaceVersioningOverride = NonNullable<WorkspaceDescriptor['versioningOverride']>;
-
-export interface WorkspaceSettingsDialogProps {
-  workspace: WorkspaceDescriptor;
-  /** Current global versioning preference — used to label "Inherit". */
-  globalVersioningPreference: VersioningPreference;
-  /** Apply a new override and close the dialog. */
-  onChange: (override: WorkspaceVersioningOverride) => void;
-  onClose: () => void;
-}
-
-const VERSIONING_LABELS: Record<VersioningPreference, string> = {
-  on: 'on',
-  'browser-only': 'on for browser workspaces, off for local folders',
-  off: 'off',
-};
-
-export function WorkspaceSettingsDialog({
-  workspace,
-  globalVersioningPreference,
-  onChange,
-  onClose,
-}: WorkspaceSettingsDialogProps) {
-  // Treat absent/undefined as 'inherit' for the radio state.
-  const current: WorkspaceVersioningOverride = workspace.versioningOverride ?? 'inherit';
-
-  useEffect(() => {
-    const onKey = (e: KeyboardEvent) => {
-      if (e.key === 'Escape') onClose();
-    };
-    window.addEventListener('keydown', onKey);
-    return () => window.removeEventListener('keydown', onKey);
-  }, [onClose]);
-
-  const handleBackdropClick = useCallback(
-    (e: React.MouseEvent) => {
-      if (e.target === e.currentTarget) onClose();
-    },
-    [onClose],
-  );
-
-  const isLocal = isLocalWorkspaceType(workspace.type);
-  const inheritedEnabled = resolveVersioningEnabled(
-    { ...workspace, versioningOverride: 'inherit' },
-    globalVersioningPreference,
-  );
-  const inheritLabel = `Inherit default — currently ${VERSIONING_LABELS[globalVersioningPreference]} (${inheritedEnabled ? 'on' : 'off'} for this workspace)`;
-
-  return (
-    <div className="db-dialog-overlay" onClick={handleBackdropClick}>
-      <div className="db-dialog" role="dialog" aria-label="Workspace settings">
-        <div className="db-dialog-header">
-          <h2 className="db-dialog-title">Workspace settings</h2>
-          <button type="button" className="db-dialog-close" onClick={onClose} aria-label="Close">
-            &times;
-          </button>
-        </div>
-        <div className="db-dialog-body">
-          <p className="db-settings-hint">
-            <strong>{workspace.name}</strong> &middot;{' '}
-            {isLocal ? 'Local folder workspace' : 'Browser workspace'}
-          </p>
-
-          <fieldset className="db-settings-fieldset">
-            <legend className="db-settings-legend">Version history</legend>
-            <p className="db-settings-hint">
-              Controls whether DocBlocks keeps prior revisions in{' '}
-              <code>&lt;name&gt;_files/.versions/</code> for documents in this workspace.
-            </p>
-            <label className="db-settings-radio">
-              <input
-                type="radio"
-                name="ws-versioning"
-                value="inherit"
-                checked={current === 'inherit'}
-                onChange={() => onChange('inherit')}
-              />
-              {inheritLabel}
-            </label>
-            <label className="db-settings-radio">
-              <input
-                type="radio"
-                name="ws-versioning"
-                value="on"
-                checked={current === 'on'}
-                onChange={() => onChange('on')}
-              />
-              On for this workspace
-            </label>
-            <label className="db-settings-radio">
-              <input
-                type="radio"
-                name="ws-versioning"
-                value="off"
-                checked={current === 'off'}
-                onChange={() => onChange('off')}
-              />
-              Off for this workspace
-            </label>
-          </fieldset>
-        </div>
-      </div>
-    </div>
-  );
-}

package/src/WorkspacePicker/index.ts

@@ -1,2 +0,0 @@
-export { WorkspacePicker } from './WorkspacePicker.js';
-export type { WorkspacePickerProps } from './WorkspacePicker.js';

package/src/fonts/fonts.css

@@ -1,362 +0,0 @@
-/* Google Fonts - Latin subset, self-hosted WOFF2 */
-/* See licenses/ directory for individual font licenses */
-
-@font-face {
-  font-family: 'Playfair Display';
-  font-style: normal;
-  font-weight: 400;
-  font-display: swap;
-  src: url('./woff2/playfair-display-400.woff2') format('woff2');
-}
-
-@font-face {
-  font-family: 'Playfair Display';
-  font-style: normal;
-  font-weight: 700;
-  font-display: swap;
-  src: url('./woff2/playfair-display-700.woff2') format('woff2');
-}
-
-@font-face {
-  font-family: 'Oswald';
-  font-style: normal;
-  font-weight: 400;
-  font-display: swap;
-  src: url('./woff2/oswald-400.woff2') format('woff2');
-}
-
-@font-face {
-  font-family: 'Oswald';
-  font-style: normal;
-  font-weight: 700;
-  font-display: swap;
-  src: url('./woff2/oswald-700.woff2') format('woff2');
-}
-
-@font-face {
-  font-family: 'Merriweather';
-  font-style: normal;
-  font-weight: 400;
-  font-display: swap;
-  src: url('./woff2/merriweather-400.woff2') format('woff2');
-}
-
-@font-face {
-  font-family: 'Merriweather';
-  font-style: normal;
-  font-weight: 700;
-  font-display: swap;
-  src: url('./woff2/merriweather-700.woff2') format('woff2');
-}
-
-@font-face {
-  font-family: 'DM Serif Display';
-  font-style: normal;
-  font-weight: 400;
-  font-display: swap;
-  src: url('./woff2/dm-serif-display-400.woff2') format('woff2');
-}
-
-@font-face {
-  font-family: 'Cormorant Garamond';
-  font-style: normal;
-  font-weight: 400;
-  font-display: swap;
-  src: url('./woff2/cormorant-garamond-400.woff2') format('woff2');
-}
-
-@font-face {
-  font-family: 'Cormorant Garamond';
-  font-style: normal;
-  font-weight: 700;
-  font-display: swap;
-  src: url('./woff2/cormorant-garamond-700.woff2') format('woff2');
-}
-
-@font-face {
-  font-family: 'PT Serif';
-  font-style: normal;
-  font-weight: 400;
-  font-display: swap;
-  src: url('./woff2/pt-serif-400.woff2') format('woff2');
-}
-
-@font-face {
-  font-family: 'PT Serif';
-  font-style: normal;
-  font-weight: 700;
-  font-display: swap;
-  src: url('./woff2/pt-serif-700.woff2') format('woff2');
-}
-
-@font-face {
-  font-family: 'Source Serif 4';
-  font-style: italic;
-  font-weight: 400;
-  font-display: swap;
-  src: url('./woff2/source-serif-4-400i.woff2') format('woff2');
-}
-
-@font-face {
-  font-family: 'Source Serif 4';
-  font-style: normal;
-  font-weight: 400;
-  font-display: swap;
-  src: url('./woff2/source-serif-4-400.woff2') format('woff2');
-}
-
-@font-face {
-  font-family: 'Source Serif 4';
-  font-style: normal;
-  font-weight: 700;
-  font-display: swap;
-  src: url('./woff2/source-serif-4-700.woff2') format('woff2');
-}
-
-@font-face {
-  font-family: 'Roboto';
-  font-style: italic;
-  font-weight: 400;
-  font-display: swap;
-  src: url('./woff2/roboto-400i.woff2') format('woff2');
-}
-
-@font-face {
-  font-family: 'Roboto';
-  font-style: normal;
-  font-weight: 400;
-  font-display: swap;
-  src: url('./woff2/roboto-400.woff2') format('woff2');
-}
-
-@font-face {
-  font-family: 'Roboto';
-  font-style: normal;
-  font-weight: 700;
-  font-display: swap;
-  src: url('./woff2/roboto-700.woff2') format('woff2');
-}
-
-@font-face {
-  font-family: 'Lora';
-  font-style: italic;
-  font-weight: 400;
-  font-display: swap;
-  src: url('./woff2/lora-400i.woff2') format('woff2');
-}
-
-@font-face {
-  font-family: 'Lora';
-  font-style: normal;
-  font-weight: 400;
-  font-display: swap;
-  src: url('./woff2/lora-400.woff2') format('woff2');
-}
-
-@font-face {
-  font-family: 'Lora';
-  font-style: normal;
-  font-weight: 700;
-  font-display: swap;
-  src: url('./woff2/lora-700.woff2') format('woff2');
-}
-
-@font-face {
-  font-family: 'IBM Plex Sans';
-  font-style: italic;
-  font-weight: 400;
-  font-display: swap;
-  src: url('./woff2/ibm-plex-sans-400i.woff2') format('woff2');
-}
-
-@font-face {
-  font-family: 'IBM Plex Sans';
-  font-style: normal;
-  font-weight: 400;
-  font-display: swap;
-  src: url('./woff2/ibm-plex-sans-400.woff2') format('woff2');
-}
-
-@font-face {
-  font-family: 'IBM Plex Sans';
-  font-style: normal;
-  font-weight: 500;
-  font-display: swap;
-  src: url('./woff2/ibm-plex-sans-500.woff2') format('woff2');
-}
-
-@font-face {
-  font-family: 'IBM Plex Sans';
-  font-style: normal;
-  font-weight: 600;
-  font-display: swap;
-  src: url('./woff2/ibm-plex-sans-600.woff2') format('woff2');
-}
-
-@font-face {
-  font-family: 'IBM Plex Sans';
-  font-style: normal;
-  font-weight: 700;
-  font-display: swap;
-  src: url('./woff2/ibm-plex-sans-700.woff2') format('woff2');
-}
-
-@font-face {
-  font-family: 'DM Sans';
-  font-style: italic;
-  font-weight: 400;
-  font-display: swap;
-  src: url('./woff2/dm-sans-400i.woff2') format('woff2');
-}
-
-@font-face {
-  font-family: 'DM Sans';
-  font-style: normal;
-  font-weight: 400;
-  font-display: swap;
-  src: url('./woff2/dm-sans-400.woff2') format('woff2');
-}
-
-@font-face {
-  font-family: 'DM Sans';
-  font-style: normal;
-  font-weight: 500;
-  font-display: swap;
-  src: url('./woff2/dm-sans-500.woff2') format('woff2');
-}
-
-@font-face {
-  font-family: 'DM Sans';
-  font-style: normal;
-  font-weight: 700;
-  font-display: swap;
-  src: url('./woff2/dm-sans-700.woff2') format('woff2');
-}
-
-@font-face {
-  font-family: 'Crimson Text';
-  font-style: italic;
-  font-weight: 400;
-  font-display: swap;
-  src: url('./woff2/crimson-text-400i.woff2') format('woff2');
-}
-
-@font-face {
-  font-family: 'Crimson Text';
-  font-style: normal;
-  font-weight: 400;
-  font-display: swap;
-  src: url('./woff2/crimson-text-400.woff2') format('woff2');
-}
-
-@font-face {
-  font-family: 'Crimson Text';
-  font-style: normal;
-  font-weight: 700;
-  font-display: swap;
-  src: url('./woff2/crimson-text-700.woff2') format('woff2');
-}
-
-@font-face {
-  font-family: 'Hanken Grotesk';
-  font-style: italic;
-  font-weight: 400;
-  font-display: swap;
-  src: url('./woff2/hanken-grotesk-400i.woff2') format('woff2');
-}
-
-@font-face {
-  font-family: 'Hanken Grotesk';
-  font-style: normal;
-  font-weight: 400;
-  font-display: swap;
-  src: url('./woff2/hanken-grotesk-400.woff2') format('woff2');
-}
-
-@font-face {
-  font-family: 'Hanken Grotesk';
-  font-style: normal;
-  font-weight: 500;
-  font-display: swap;
-  src: url('./woff2/hanken-grotesk-500.woff2') format('woff2');
-}
-
-@font-face {
-  font-family: 'Hanken Grotesk';
-  font-style: normal;
-  font-weight: 600;
-  font-display: swap;
-  src: url('./woff2/hanken-grotesk-600.woff2') format('woff2');
-}
-
-@font-face {
-  font-family: 'Hanken Grotesk';
-  font-style: normal;
-  font-weight: 700;
-  font-display: swap;
-  src: url('./woff2/hanken-grotesk-700.woff2') format('woff2');
-}
-
-@font-face {
-  font-family: 'Inter';
-  font-style: italic;
-  font-weight: 400;
-  font-display: swap;
-  src: url('./woff2/inter-400i.woff2') format('woff2');
-}
-
-@font-face {
-  font-family: 'Inter';
-  font-style: normal;
-  font-weight: 400;
-  font-display: swap;
-  src: url('./woff2/inter-400.woff2') format('woff2');
-}
-
-@font-face {
-  font-family: 'Inter';
-  font-style: normal;
-  font-weight: 500;
-  font-display: swap;
-  src: url('./woff2/inter-500.woff2') format('woff2');
-}
-
-@font-face {
-  font-family: 'Inter';
-  font-style: normal;
-  font-weight: 600;
-  font-display: swap;
-  src: url('./woff2/inter-600.woff2') format('woff2');
-}
-
-@font-face {
-  font-family: 'Inter';
-  font-style: normal;
-  font-weight: 700;
-  font-display: swap;
-  src: url('./woff2/inter-700.woff2') format('woff2');
-}
-
-@font-face {
-  font-family: 'JetBrains Mono';
-  font-style: italic;
-  font-weight: 400;
-  font-display: swap;
-  src: url('./woff2/jetbrains-mono-400i.woff2') format('woff2');
-}
-
-@font-face {
-  font-family: 'JetBrains Mono';
-  font-style: normal;
-  font-weight: 400;
-  font-display: swap;
-  src: url('./woff2/jetbrains-mono-400.woff2') format('woff2');
-}
-
-@font-face {
-  font-family: 'JetBrains Mono';
-  font-style: normal;
-  font-weight: 700;
-  font-display: swap;
-  src: url('./woff2/jetbrains-mono-700.woff2') format('woff2');
-}