@draftably/editor 0.1.0 → 0.3.0

package/dist/types/src/state/commands.d.ts

@@ -1,529 +0,0 @@
-/**
- * Named commands shared by the toolbar, menus and keyboard shortcuts.
- * While a timeline preview is open, only navigation and view commands run.
- */
-import { togglePanels } from './ui';
-export interface Command {
-    label: string;
-    /** Shortcut shown in menus. */
-    keys?: string;
-    icon?: string;
-    /** What it does, in a sentence: shown in tooltips and the palette. */
-    hint?: string;
-    run: () => unknown;
-    /** Allowed while a timeline preview is open. */
-    duringTimeline?: boolean;
-    /** Exits the brush before running. */
-    endsBrush?: boolean;
-    enabled?: () => boolean;
-    /** Why this cannot work here, shown instead of running it. */
-    blocked?: () => string | null;
-}
-declare let fileInput: ((replaceImageId: string | null, accept: 'diagram' | 'image' | 'foreign') => void) | null;
-/** Set by the app shell, which owns the hidden file inputs. */
-export declare const setFilePicker: (fn: typeof fileInput) => ((replaceImageId: string | null, accept: "diagram" | "image" | "foreign") => void) | null;
-declare function undoCommand(): void;
-declare function redoCommand(): void;
-/** Show the files panel and put the cursor in its filter. */
-declare function findFile(): void;
-/**
- * A served folder names the new diagram in its files panel. The static site replaces the
- * browser copy; from an example there, a blank scratch copy opens instead, like the Playground's.
- */
-declare function newDiagram(): Promise<void>;
-declare function openStart(): void;
-export declare const commands: {
-    undo: {
-        hint: string;
-        label: string;
-        keys: string;
-        icon: string;
-        run: typeof undoCommand;
-        duringTimeline: true;
-        enabled: () => boolean;
-    };
-    redo: {
-        hint: string;
-        label: string;
-        keys: string;
-        icon: string;
-        run: typeof redoCommand;
-        enabled: () => boolean;
-    };
-    'add-node': {
-        hint: string;
-        label: string;
-        keys: string;
-        icon: string;
-        run: () => void;
-    };
-    'add-connected': {
-        hint: string;
-        label: string;
-        keys: string;
-        icon: string;
-        run: () => string | undefined;
-    };
-    'quick-build': {
-        hint: string;
-        label: string;
-        keys: string;
-        icon: string;
-        run: () => void;
-    };
-    'insert-step': {
-        label: string;
-        run: () => void;
-    };
-    duplicate: {
-        hint: string;
-        enabled: () => boolean;
-        label: string;
-        keys: string;
-        icon: string;
-        run: () => void;
-    };
-    group: {
-        hint: string;
-        enabled: () => boolean;
-        label: string;
-        keys: string;
-        icon: string;
-        run: () => string;
-    };
-    ungroup: {
-        hint: string;
-        enabled: () => boolean;
-        label: string;
-        keys: string;
-        run: () => void;
-    };
-    pin: {
-        hint: string;
-        enabled: () => boolean;
-        label: string;
-        keys: string;
-        icon: string;
-        run: () => void;
-    };
-    'release-manual': {
-        hint: string;
-        label: string;
-        run: () => void;
-    };
-    delete: {
-        hint: string;
-        label: string;
-        enabled: () => boolean;
-        keys: string;
-        icon: string;
-        run: () => void;
-    };
-    'delete-deep': {
-        label: string;
-        keys: string;
-        run: () => void;
-    };
-    'align-left': {
-        label: string;
-        icon: string;
-        enabled: () => boolean;
-        run: () => void;
-    };
-    'align-top': {
-        label: string;
-        icon: string;
-        enabled: () => boolean;
-        run: () => void;
-    };
-    'align-center': {
-        label: string;
-        icon: string;
-        enabled: () => boolean;
-        run: () => void;
-    };
-    'align-middle': {
-        label: string;
-        icon: string;
-        enabled: () => boolean;
-        run: () => void;
-    };
-    'distribute-x': {
-        label: string;
-        icon: string;
-        enabled: () => boolean;
-        run: () => void;
-    };
-    'distribute-y': {
-        label: string;
-        icon: string;
-        enabled: () => boolean;
-        run: () => void;
-    };
-    'fit-container': {
-        label: string;
-        run: () => void;
-    };
-    'reflow-group': {
-        hint: string;
-        label: string;
-        run: () => void;
-        enabled: () => boolean;
-    };
-    'collapse-selected': {
-        label: string;
-        run: () => void;
-    };
-    'reverse-edge': {
-        label: string;
-        run: () => void;
-    };
-    'reset-route': {
-        label: string;
-        run: () => void;
-    };
-    'mark-start': {
-        label: string;
-        run: () => void;
-    };
-    'mark-end': {
-        label: string;
-        run: () => void;
-    };
-    layout: {
-        hint: string;
-        label: string;
-        keys: string;
-        icon: string;
-        run: () => Promise<import("./session/layout").LayoutOutcome>;
-        blocked: () => string | null;
-        endsBrush: true;
-    };
-    'layout-rebuild': {
-        hint: string;
-        label: string;
-        keys: string;
-        run: () => Promise<import("./session/layout").LayoutOutcome>;
-        blocked: () => string | null;
-        endsBrush: true;
-    };
-    'layout-preview': {
-        label: string;
-        run: () => Promise<import("./session/layout").LayoutOutcome>;
-        blocked: () => string | null;
-        endsBrush: true;
-    };
-    'layout-accept': {
-        label: string;
-        run: () => void;
-    };
-    'layout-discard': {
-        label: string;
-        run: () => void;
-    };
-    'layout-menu': {
-        hint: string;
-        label: string;
-        keys: string;
-        icon: string;
-        run: () => void;
-        endsBrush: true;
-        duringTimeline: true;
-    };
-    'layout-checkpoint': {
-        label: string;
-        run: () => void;
-    };
-    'layout-restore': {
-        label: string;
-        run: () => void;
-    };
-    'compare-layouts': {
-        hint: string;
-        label: string;
-        keys: string;
-        run: () => void;
-        blocked: () => string | null;
-        endsBrush: true;
-    };
-    'compare-routes': {
-        hint: string;
-        label: string;
-        run: () => void;
-        blocked: () => string | null;
-        endsBrush: true;
-    };
-    reroute: {
-        hint: string;
-        label: string;
-        keys: string;
-        icon: string;
-        run: () => void;
-    };
-    'auto-ports': {
-        hint: string;
-        label: string;
-        keys: string;
-        run: () => void;
-    };
-    'timeline-toggle': {
-        hint: string;
-        label: string;
-        keys: string;
-        icon: string;
-        run: () => void | Promise<void>;
-        blocked: () => string | null;
-        duringTimeline: true;
-    };
-    'timeline-reopen': {
-        hint: string;
-        label: string;
-        icon: string;
-        run: () => void;
-        duringTimeline: true;
-    };
-    'timeline-save': {
-        hint: string;
-        label: string;
-        icon: string;
-        run: () => void;
-        duringTimeline: true;
-    };
-    'brush-toggle': {
-        hint: string;
-        label: string;
-        keys: string;
-        icon: string;
-        run: () => void;
-        blocked: () => string | null;
-        duringTimeline: true;
-    };
-    fit: {
-        hint: string;
-        label: string;
-        keys: string;
-        icon: string;
-        run: () => void;
-        duringTimeline: true;
-    };
-    'zoom-in': {
-        label: string;
-        keys: string;
-        icon: string;
-        run: () => void;
-        duringTimeline: true;
-    };
-    'zoom-out': {
-        label: string;
-        keys: string;
-        icon: string;
-        run: () => void;
-        duringTimeline: true;
-    };
-    'reset-camera': {
-        label: string;
-        keys: string;
-        run: () => void;
-        duringTimeline: true;
-    };
-    'toggle-objects': {
-        hint: string;
-        label: string;
-        keys: string;
-        icon: string;
-        run: () => void;
-        duringTimeline: true;
-    };
-    'toggle-sidebar': {
-        hint: string;
-        label: string;
-        icon: string;
-        run: () => void;
-        duringTimeline: true;
-    };
-    'toggle-files': {
-        hint: string;
-        label: string;
-        keys: string;
-        icon: string;
-        run: () => void;
-        enabled: () => boolean;
-        duringTimeline: true;
-    };
-    'find-file': {
-        hint: string;
-        label: string;
-        keys: string;
-        icon: string;
-        run: typeof findFile;
-        enabled: () => boolean;
-        duringTimeline: true;
-    };
-    'toggle-inspector': {
-        hint: string;
-        label: string;
-        keys: string;
-        icon: string;
-        run: () => void;
-        duringTimeline: true;
-    };
-    'toggle-source': {
-        hint: string;
-        label: string;
-        keys: string;
-        icon: string;
-        run: () => void;
-        duringTimeline: true;
-    };
-    'toggle-panels': {
-        hint: string;
-        label: string;
-        keys: string;
-        run: typeof togglePanels;
-        duringTimeline: true;
-    };
-    palette: {
-        label: string;
-        keys: string;
-        icon: string;
-        hint: string;
-        run: () => void;
-        duringTimeline: true;
-    };
-    help: {
-        hint: string;
-        label: string;
-        keys: string;
-        icon: string;
-        run: () => void;
-        duringTimeline: true;
-    };
-    start: {
-        hint: string;
-        label: string;
-        icon: string;
-        run: typeof openStart;
-        duringTimeline: true;
-    };
-    'new-diagram': {
-        label: string;
-        icon: string;
-        run: typeof newDiagram;
-        hint: string;
-    };
-    open: {
-        hint: string;
-        label: string;
-        keys: string;
-        icon: string;
-        run: () => void | undefined;
-    };
-    'save-example': {
-        hint: string;
-        label: string;
-        icon: string;
-        enabled: () => boolean;
-        run: () => true;
-    };
-    'import-diagram': {
-        hint: string;
-        label: string;
-        icon: string;
-        run: () => void | undefined;
-    };
-    'insert-image': {
-        hint: string;
-        label: string;
-        icon: string;
-        run: () => void | undefined;
-    };
-    'replace-image': {
-        label: string;
-        run: () => void | undefined;
-    };
-    'export-json': {
-        hint: string;
-        label: string;
-        keys: string;
-        icon: string;
-        run: () => Promise<void> | undefined;
-    };
-    'export-folder': {
-        hint: string;
-        label: string;
-        icon: string;
-        enabled: () => boolean;
-        run: () => void;
-    };
-    'export-png': {
-        hint: string;
-        label: string;
-        icon: string;
-        run: () => void;
-    };
-    'export-svg': {
-        hint: string;
-        label: string;
-        icon: string;
-        run: () => void;
-    };
-    'export-pdf': {
-        hint: string;
-        label: string;
-        icon: string;
-        run: () => void;
-    };
-    'copy-image': {
-        hint: string;
-        label: string;
-        keys: string;
-        icon: string;
-        run: () => Promise<void> | undefined;
-    };
-    'copy-svg': {
-        label: string;
-        icon: string;
-        run: () => Promise<void> | undefined;
-    };
-    'copy-source': {
-        label: string;
-        icon: string;
-        run: () => Promise<void> | undefined;
-    };
-    'copy-link': {
-        label: string;
-        icon: string;
-        run: () => Promise<void> | undefined;
-    };
-    theme: {
-        hint: string;
-        label: string;
-        icon: string;
-        run: () => void;
-    };
-    home: {
-        hint: string;
-        label: string;
-        icon: string;
-        run: () => undefined;
-        duringTimeline: true;
-    };
-    docs: {
-        hint: string;
-        label: string;
-        icon: string;
-        run: () => Window | null;
-        duringTimeline: true;
-    };
-    'open-playground': {
-        hint: string;
-        label: string;
-        icon: string;
-        enabled: () => boolean;
-        run: () => void;
-    };
-};
-export type CommandId = keyof typeof commands;
-export declare function runCommand(id: CommandId): undefined;
-export declare const commandEnabled: (id: CommandId) => boolean;
-export {};

package/dist/types/src/state/comparison.d.ts

@@ -1,151 +0,0 @@
-import { type CandidateResult, type ComparisonConfig, type ComparisonMode } from '../engines/explorer-engine.js';
-import { type Measure } from '../model/candidates';
-import { type ViewCamera } from '../model/camera';
-import { type StaticScene } from '../model/static-scene';
-import type { Diagram, IntentRole } from '../model/types';
-export type Presentation = 'grid' | 'overlay';
-export type CameraMode = 'sync' | 'focus' | 'independent';
-export type { ViewCamera };
-export interface Candidate {
-    title: string;
-    subtitle: string;
-    status: 'pending' | 'ready' | 'error';
-    error?: string;
-    /** The drawing as it is now. The others are read against it, and it has nothing to apply. */
-    current?: boolean;
-    measure?: Measure;
-    result?: CandidateResult;
-    /** In a diagram file: the source this candidate compiles from, which Apply saves. */
-    source?: string;
-    scene?: StaticScene;
-    camera: ViewCamera;
-    layer: {
-        visible: boolean;
-        opacity: number;
-        adjusted: boolean;
-    };
-}
-interface ComparisonState {
-    open: boolean;
-    baseline: Diagram | null;
-    signature: string;
-    config: ComparisonConfig | null;
-    generatedConfig: ComparisonConfig | null;
-    cells: Candidate[];
-    presentation: Presentation;
-    controlsHidden: boolean;
-    overlay: {
-        camera: ViewCamera;
-        active: number;
-        allLabels: boolean;
-    };
-    cameraMode: CameraMode;
-    focusId: string;
-    shared: ViewCamera;
-    busy: boolean;
-    progress: {
-        text: string;
-        error: boolean;
-    };
-    expanded: number | null;
-    /** Every candidate is on screen, not only the few chosen to show. */
-    showAll: boolean;
-    userCameraMoved: boolean;
-    /** Measured size of each candidate viewport; index -1 is the overlay. */
-    viewports: Record<number, {
-        width: number;
-        height: number;
-    }>;
-}
-export declare const LAYER_COLORS: string[];
-export declare const comparison: ComparisonState;
-interface Sheet {
-    shown: number[];
-    others: number[];
-    failed: number[];
-    alike: number;
-}
-/** Which candidates to show: the current drawing, the best few, and the count of the rest. */
-export declare const comparisonSheet: import("solid-js").Accessor<Sheet>;
-/** Candidates on screen, in order. */
-export declare const shownCells: () => number[];
-export declare const toggleShowAll: () => void;
-export declare function openComparison(mode?: ComparisonMode): void;
-export declare function cancelGeneration(): void;
-export declare const rememberFocus: (el: Element | null) => Element | null;
-export declare function closeComparison(): void;
-export declare function updateConfig(patch: Partial<ComparisonConfig>): void;
-/** Switch between layout and routing comparisons, from the same frozen starting point. */
-export declare function setComparisonMode(mode: ComparisonMode): void;
-export declare function generate(override?: Partial<ComparisonConfig>): Promise<{
-    status: string;
-    ready?: undefined;
-    total?: undefined;
-} | {
-    status: string;
-    ready: number;
-    total: number;
-} | undefined>;
-/** Apply a candidate to the editor as one undo step. */
-export declare function applyCandidate(i: number): boolean;
-/** The `layout` or `routing` line a file candidate writes, as Apply would save it. */
-export declare const candidateChange: (source: string) => string;
-/** Record a viewport's size. Until the user moves a camera, every resize refits the views. */
-export declare function setViewport(i: number, size: {
-    width: number;
-    height: number;
-}): void;
-export declare function anchorFor(i: number): import("../model/types").Point;
-/** The camera a candidate is actually drawn with, given the camera mode. */
-export declare function effectiveCamera(i: number): ViewCamera;
-/** Ready candidates that are on screen: the shown ones, or only the enlarged one. */
-export declare const visibleReadyCells: () => {
-    cell: Candidate;
-    i: number;
-}[];
-export declare function fitCell(i: number): void;
-export declare function fitAll(): void;
-export declare function fitOverlay(): void;
-export declare function setCamera(i: number, next: ViewCamera): void;
-export declare function panCamera(i: number, dx: number, dy: number): void;
-/** Zoom around a point given relative to the viewport center. */
-export declare function zoomCamera(i: number, factor: number, dx?: number, dy?: number): void;
-export declare function actualSize(): void;
-export declare function setCameraMode(mode: CameraMode): void;
-export declare function setPresentation(mode: Presentation): void;
-export declare const toggleControls: () => void;
-export declare function toggleExpanded(i: number): void;
-/** Center every candidate (and the overlay) on the same object. Display only. */
-export declare function chooseAnchor(id: string): void;
-export declare function emphasizeLayer(i: number): void;
-export declare const setLayerVisible: (i: number, visible: boolean) => void;
-export declare const setLayerOpacity: (i: number, opacity: number) => void;
-export declare const setAllLabels: (on: boolean) => void;
-/** Choose the clicked shape as the preferred start or end for the next generation. */
-export declare function setComparisonIntent(role: IntentRole, clear?: boolean): void;
-export declare function setIntentPlacement(role: IntentRole, placement: NonNullable<ComparisonConfig['intent'][IntentRole]>['placement']): void;
-/** Column count that keeps candidates as large as possible. */
-export declare function gridColumns(size: {
-    width: number;
-    height: number;
-}): number;
-export declare function experiment(): {
-    format: string;
-    version: number;
-    baseline: Diagram | null;
-    config: ComparisonConfig | null;
-    cameraMode: CameraMode;
-    focusId: string;
-    presentation: Presentation;
-    overlay: {
-        camera: ViewCamera;
-        active: number;
-        allLabels: boolean;
-    };
-    layers: {
-        visible: boolean;
-        opacity: number;
-        adjusted: boolean;
-    }[];
-    candidates: (CandidateResult | undefined)[];
-} | null;