@edv4h/usketch-plugin-tool-vim 0.1.0

package/dist/ui/help-overlay.d.ts

@@ -0,0 +1,6 @@
+import type { VimUiStore } from "./vim-ui-store.js";
+/** `:help` で開く全画面ヘルプ（fixed レイヤー）。Esc または再度 :help で閉じる。 */
+export declare function VimHelpOverlay({ store }: {
+    store: VimUiStore;
+}): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=help-overlay.d.ts.map

package/dist/ui/help-overlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"help-overlay.d.ts","sourceRoot":"","sources":["../../src/ui/help-overlay.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAiEpD,0DAA0D;AAC1D,wBAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,UAAU,CAAA;CAAE,kDAgF9D"}

package/dist/ui/help-overlay.js

@@ -0,0 +1,104 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useSyncExternalStore } from "react";
+const SECTIONS = [
+    {
+        title: "NORMAL",
+        rows: [
+            ["h j k l", "カーソル移動"],
+            ["{count}j", "回数指定 (例 5j)"],
+            ["H J K L", "画角を移動 (pan)"],
+            ["i", "insert モードへ"],
+            ["v / V", "visual / 複数選択へ"],
+            [":", "command モードへ"],
+            ["x / d", "削除 (選択 or カーソル最近傍)"],
+            ["y / p", "ヤンク / 貼り付け"],
+            ["u / Ctrl+r", "undo / redo"],
+            ["+ / -", "ズーム イン / アウト"],
+            ["zz", "ビューポートをカーソルへ寄せる"],
+            ["M", "カーソルを画面中央へ"],
+            ["f", "hop: ラベルを表示しジャンプ"],
+            ["gg / G", "最初 / 最後の shape へ"],
+            ["m{a-z}", "マークを設定"],
+            ["`{a-z}", "マークへジャンプ"],
+            ["?", "which-key ヒントの表示切替"],
+        ],
+    },
+    {
+        title: "INSERT",
+        rows: [
+            ["a-z…", "shape 名を入力 (候補表示)"],
+            ["Tab / S-Tab", "候補を次 / 前へ"],
+            ["Enter", "カーソル位置に shape 追加"],
+            ["Esc", "normal へ戻る"],
+        ],
+    },
+    {
+        title: "VISUAL",
+        rows: [
+            ["(入った時)", "カーソル最近傍を選択"],
+            ["h j k l", "方向最近傍へ選択を移動"],
+            ["V", "複数選択モードへ"],
+            ["d / x", "選択を削除"],
+            ["y", "選択をヤンク"],
+            ["Esc", "選択解除して normal へ"],
+        ],
+    },
+    {
+        title: "COMMAND ( : )",
+        rows: [
+            [":q / :wq", "Vim を抜ける"],
+            [":tool <id>", "ツールを切替"],
+            [":set bg=dots|grid|none", "背景を変更"],
+            [":zoom <n>", "ズーム率を指定"],
+            [":center", "カーソルを画面中央へ"],
+            [":export <fmt>", "png / svg / json で書き出し"],
+            [":help", "このヘルプの表示切替"],
+        ],
+    },
+];
+/** `:help` で開く全画面ヘルプ（fixed レイヤー）。Esc または再度 :help で閉じる。 */
+export function VimHelpOverlay({ store }) {
+    const s = useSyncExternalStore(store.subscribe, store.getSnapshot);
+    if (!s.active || !s.helpVisible)
+        return null;
+    return (_jsx("div", { style: {
+            position: "absolute",
+            inset: 0,
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center",
+            background: "rgba(10,10,18,0.55)",
+            backdropFilter: "blur(2px)",
+            pointerEvents: "none",
+            zIndex: 1,
+        }, children: _jsxs("div", { style: {
+                width: "min(880px, 92vw)",
+                maxHeight: "82vh",
+                overflow: "auto",
+                // 外側の pointerEvents:none を継承するとスクロールできないため上書き。
+                pointerEvents: "auto",
+                background: "#181825",
+                color: "#cdd6f4",
+                border: "1px solid #313244",
+                borderRadius: 12,
+                boxShadow: "0 16px 48px rgba(0,0,0,0.5)",
+                font: "13px ui-monospace, SFMono-Regular, Menlo, monospace",
+            }, children: [_jsxs("div", { style: {
+                        display: "flex",
+                        alignItems: "baseline",
+                        justifyContent: "space-between",
+                        padding: "14px 20px",
+                        borderBottom: "1px solid #313244",
+                    }, children: [_jsx("strong", { style: { fontSize: 15, letterSpacing: 1 }, children: "uSketch Vim \u2014 Help" }), _jsx("span", { style: { opacity: 0.6 }, children: "Esc \u307E\u305F\u306F :help \u3067\u9589\u3058\u308B" })] }), _jsx("div", { style: {
+                        display: "grid",
+                        gridTemplateColumns: "repeat(auto-fit, minmax(360px, 1fr))",
+                        gap: 4,
+                        padding: "12px 8px 18px",
+                    }, children: SECTIONS.map((section) => (_jsxs("div", { style: { padding: "8px 12px" }, children: [_jsx("div", { style: {
+                                    color: "#f9e2af",
+                                    opacity: 0.9,
+                                    letterSpacing: 1,
+                                    margin: "4px 0 8px",
+                                }, children: section.title }), section.rows.map(([keys, desc]) => (_jsxs("div", { style: { display: "flex", gap: 12, padding: "2px 0" }, children: [_jsx("span", { style: { color: "#a6e3a1", minWidth: 150, whiteSpace: "nowrap" }, children: keys }), _jsx("span", { style: { opacity: 0.85 }, children: desc })] }, keys)))] }, section.title))) })] }) }));
+}
+//# sourceMappingURL=help-overlay.js.map

package/dist/ui/help-overlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"help-overlay.js","sourceRoot":"","sources":["../../src/ui/help-overlay.tsx"],"names":[],"mappings":"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"}

package/dist/ui/overlay.d.ts

@@ -0,0 +1,14 @@
+import type { Viewport } from "@edv4h/usketch-shared";
+import type { VimUiStore } from "./vim-ui-store.js";
+interface Props {
+    store: VimUiStore;
+    viewport: Viewport;
+}
+/**
+ * キャンバス上のオーバーレイ（fixed レイヤー）。
+ * 論理カーソルの十字、insert モードのゴースト shape、候補ポップアップを描画する。
+ * world 座標 → screen 座標は viewport から手計算する（キャンバスエンジン非依存）。
+ */
+export declare function VimOverlay({ store, viewport }: Props): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=overlay.d.ts.map

package/dist/ui/overlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlay.d.ts","sourceRoot":"","sources":["../../src/ui/overlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEtD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAEpD,UAAU,KAAK;IACd,KAAK,EAAE,UAAU,CAAC;IAClB,QAAQ,EAAE,QAAQ,CAAC;CACnB;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,KAAK,kDAiJpD"}

package/dist/ui/overlay.js

@@ -0,0 +1,97 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useSyncExternalStore } from "react";
+/**
+ * キャンバス上のオーバーレイ（fixed レイヤー）。
+ * 論理カーソルの十字、insert モードのゴースト shape、候補ポップアップを描画する。
+ * world 座標 → screen 座標は viewport から手計算する（キャンバスエンジン非依存）。
+ */
+export function VimOverlay({ store, viewport }) {
+    const s = useSyncExternalStore(store.subscribe, store.getSnapshot);
+    if (!s.active)
+        return null;
+    const sx = s.cursor.x * viewport.zoom + viewport.x;
+    const sy = s.cursor.y * viewport.zoom + viewport.y;
+    const showGhost = s.mode === "insert" && s.ghost !== null;
+    return (_jsxs("div", { style: { position: "absolute", inset: 0, pointerEvents: "none", overflow: "hidden" }, children: [s.mode === "hop" &&
+                s.hopTargets.map((t) => {
+                    const tx = t.cx * viewport.zoom + viewport.x;
+                    const ty = t.cy * viewport.zoom + viewport.y;
+                    const rest = t.matched ? t.label.slice(s.hopBuffer.length) : t.label;
+                    return (_jsxs("div", { style: {
+                            position: "absolute",
+                            left: tx,
+                            top: ty,
+                            transform: "translate(-50%, -50%)",
+                            font: "700 13px ui-monospace, monospace",
+                            padding: "1px 5px",
+                            borderRadius: 4,
+                            background: t.matched ? "#f9e2af" : "#45475a",
+                            color: t.matched ? "#11111b" : "#7f849c",
+                            opacity: t.matched ? 1 : 0.5,
+                            boxShadow: "0 1px 4px rgba(0,0,0,0.4)",
+                        }, children: [s.hopBuffer && t.matched && _jsx("span", { style: { opacity: 0.45 }, children: s.hopBuffer }), rest] }, t.label));
+                }), _jsx("div", { style: {
+                    position: "absolute",
+                    left: sx - 8,
+                    top: sy - 1,
+                    width: 16,
+                    height: 2,
+                    background: "#7c3aed",
+                    opacity: 0.9,
+                } }), _jsx("div", { style: {
+                    position: "absolute",
+                    left: sx - 1,
+                    top: sy - 8,
+                    width: 2,
+                    height: 16,
+                    background: "#7c3aed",
+                    opacity: 0.9,
+                } }), _jsx("div", { style: {
+                    position: "absolute",
+                    left: sx - 5,
+                    top: sy - 5,
+                    width: 10,
+                    height: 10,
+                    border: "1.5px solid #7c3aed",
+                    borderRadius: 2,
+                    boxShadow: "0 0 0 1px rgba(255,255,255,0.6)",
+                } }), showGhost && s.ghost && (_jsxs(_Fragment, { children: [_jsx("div", { style: {
+                            position: "absolute",
+                            left: sx,
+                            top: sy,
+                            width: s.ghost.width * viewport.zoom,
+                            height: s.ghost.height * viewport.zoom,
+                            border: "2px dashed #7c3aed",
+                            background: "rgba(124,58,237,0.08)",
+                            borderRadius: 4,
+                        } }), _jsx("div", { style: {
+                            position: "absolute",
+                            left: sx,
+                            top: sy - 20,
+                            font: "12px ui-monospace, monospace",
+                            color: "#7c3aed",
+                            background: "rgba(255,255,255,0.85)",
+                            padding: "1px 6px",
+                            borderRadius: 4,
+                            whiteSpace: "nowrap",
+                        }, children: s.ghost.label })] })), s.mode === "insert" && s.candidates.length > 0 && (_jsx("div", { style: {
+                    position: "absolute",
+                    left: sx,
+                    top: sy + (showGhost && s.ghost ? s.ghost.height * viewport.zoom + 8 : 20),
+                    minWidth: 160,
+                    maxHeight: 200,
+                    overflow: "hidden",
+                    background: "#1e1e2e",
+                    color: "#e5e7eb",
+                    borderRadius: 6,
+                    boxShadow: "0 4px 16px rgba(0,0,0,0.35)",
+                    font: "12px ui-monospace, monospace",
+                }, children: s.candidates.slice(0, 8).map((c, i) => (_jsxs("div", { style: {
+                        display: "flex",
+                        justifyContent: "space-between",
+                        gap: 12,
+                        padding: "4px 10px",
+                        background: i === s.candidateIndex ? "#7c3aed" : "transparent",
+                    }, children: [_jsx("span", { children: c.alias }), _jsx("span", { style: { opacity: 0.6 }, children: c.label })] }, c.alias))) }))] }));
+}
+//# sourceMappingURL=overlay.js.map

package/dist/ui/overlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlay.js","sourceRoot":"","sources":["../../src/ui/overlay.tsx"],"names":[],"mappings":"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"}

package/dist/ui/status-line.d.ts

@@ -0,0 +1,6 @@
+import type { VimUiStore } from "./vim-ui-store.js";
+/** 画面下部の Vim ステータスライン（fixed レイヤー）。 */
+export declare function VimStatusLine({ store }: {
+    store: VimUiStore;
+}): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=status-line.d.ts.map

package/dist/ui/status-line.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"status-line.d.ts","sourceRoot":"","sources":["../../src/ui/status-line.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAepD,sCAAsC;AACtC,wBAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,UAAU,CAAA;CAAE,kDA2D7D"}

package/dist/ui/status-line.js

@@ -0,0 +1,44 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useSyncExternalStore } from "react";
+const MODE_COLOR = {
+    normal: "#3b82f6",
+    insert: "#10b981",
+    visual: "#f59e0b",
+    command: "#6366f1",
+    hop: "#f9e2af",
+};
+function modeLabel(mode, visualMulti) {
+    if (mode === "visual")
+        return visualMulti ? "V-BLOCK" : "VISUAL";
+    return mode.toUpperCase();
+}
+/** 画面下部の Vim ステータスライン（fixed レイヤー）。 */
+export function VimStatusLine({ store }) {
+    const s = useSyncExternalStore(store.subscribe, store.getSnapshot);
+    if (!s.active)
+        return null;
+    return (_jsxs("div", { "data-testid": "vim-status-line", style: {
+            position: "absolute",
+            left: 0,
+            right: 0,
+            bottom: 0,
+            height: 26,
+            display: "flex",
+            alignItems: "center",
+            gap: 12,
+            padding: "0 10px",
+            background: "#11111b",
+            color: "#cdd6f4",
+            font: "12px ui-monospace, SFMono-Regular, Menlo, monospace",
+            borderTop: "1px solid #313244",
+            pointerEvents: "none",
+            userSelect: "none",
+        }, children: [_jsx("span", { style: {
+                    background: MODE_COLOR[s.mode],
+                    color: "#0b0b12",
+                    fontWeight: 700,
+                    padding: "2px 8px",
+                    borderRadius: 3,
+                }, children: modeLabel(s.mode, s.visualMulti) }), s.mode === "command" ? (_jsxs("span", { style: { flex: 1 }, children: [":", s.commandBuffer, _jsx("span", { style: { opacity: 0.6 }, children: "\u258F" })] })) : s.mode === "hop" ? (_jsxs("span", { style: { flex: 1, opacity: 0.85 }, children: ["hop \u2192 ", s.hopBuffer || "ラベルを入力", "\uFF08", s.hopTargets.length, " \u500B\uFF09"] })) : (_jsx("span", { style: { flex: 1, opacity: 0.85 }, children: s.mode === "insert" && s.inputBuffer ? `⟶ ${s.inputBuffer}` : (s.lastMessage ?? "") })), _jsx("span", { style: { opacity: 0.6 }, children: `@ ${Math.round(s.cursor.x)},${Math.round(s.cursor.y)}` }), s.registerCount > 0 && _jsx("span", { style: { opacity: 0.6 }, children: `"${s.registerCount}` }), s.count != null && _jsx("span", { style: { opacity: 0.9 }, children: s.count })] }));
+}
+//# sourceMappingURL=status-line.js.map

package/dist/ui/status-line.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"status-line.js","sourceRoot":"","sources":["../../src/ui/status-line.tsx"],"names":[],"mappings":"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"}

package/dist/ui/vim-ui-store.d.ts

@@ -0,0 +1,46 @@
+import type { Point } from "@edv4h/usketch-shared";
+import type { VimMode } from "../machine/types.js";
+/** UI レイヤーが描画に必要とする machine 状態のフラットなスナップショット。 */
+export interface VimSnapshot {
+    /** vim ツールがアクティブか（非アクティブなら全 UI を隠す）。 */
+    active: boolean;
+    mode: VimMode;
+    visualMulti: boolean;
+    cursor: Point;
+    count: number | null;
+    inputBuffer: string;
+    candidates: {
+        alias: string;
+        label: string;
+    }[];
+    candidateIndex: number;
+    /** 選択中候補のゴースト寸法（insert のプレビュー用）。 */
+    ghost: {
+        width: number;
+        height: number;
+        label: string;
+    } | null;
+    commandBuffer: string;
+    whichKeyVisible: boolean;
+    helpVisible: boolean;
+    /** hop ラベル（world 座標 + 現在の入力にマッチするか）。 */
+    hopTargets: {
+        label: string;
+        cx: number;
+        cy: number;
+        matched: boolean;
+    }[];
+    /** hop で入力済みのラベル文字。 */
+    hopBuffer: string;
+    lastMessage: string | null;
+    registerCount: number;
+}
+export declare const INITIAL_SNAPSHOT: VimSnapshot;
+export interface VimUiStore {
+    getSnapshot(): VimSnapshot;
+    subscribe(listener: () => void): () => void;
+    set(snapshot: VimSnapshot): void;
+}
+/** useSyncExternalStore 互換の最小外部ストア。 */
+export declare function createVimUiStore(): VimUiStore;
+//# sourceMappingURL=vim-ui-store.d.ts.map

package/dist/ui/vim-ui-store.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vim-ui-store.d.ts","sourceRoot":"","sources":["../../src/ui/vim-ui-store.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAEnD,iDAAiD;AACjD,MAAM,WAAW,WAAW;IAC3B,wCAAwC;IACxC,MAAM,EAAE,OAAO,CAAC;IAChB,IAAI,EAAE,OAAO,CAAC;IACd,WAAW,EAAE,OAAO,CAAC;IACrB,MAAM,EAAE,KAAK,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC/C,cAAc,EAAE,MAAM,CAAC;IACvB,oCAAoC;IACpC,KAAK,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;IAC/D,aAAa,EAAE,MAAM,CAAC;IACtB,eAAe,EAAE,OAAO,CAAC;IACzB,WAAW,EAAE,OAAO,CAAC;IACrB,wCAAwC;IACxC,UAAU,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,OAAO,CAAA;KAAE,EAAE,CAAC;IAC1E,uBAAuB;IACvB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,aAAa,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,gBAAgB,EAAE,WAiB9B,CAAC;AAEF,MAAM,WAAW,UAAU;IAC1B,WAAW,IAAI,WAAW,CAAC;IAC3B,SAAS,CAAC,QAAQ,EAAE,MAAM,IAAI,GAAG,MAAM,IAAI,CAAC;IAC5C,GAAG,CAAC,QAAQ,EAAE,WAAW,GAAG,IAAI,CAAC;CACjC;AAED,uCAAuC;AACvC,wBAAgB,gBAAgB,IAAI,UAAU,CAc7C"}

package/dist/ui/vim-ui-store.js

@@ -0,0 +1,36 @@
+export const INITIAL_SNAPSHOT = {
+    active: false,
+    mode: "normal",
+    visualMulti: false,
+    cursor: { x: 0, y: 0 },
+    count: null,
+    inputBuffer: "",
+    candidates: [],
+    candidateIndex: 0,
+    ghost: null,
+    commandBuffer: "",
+    whichKeyVisible: false,
+    helpVisible: false,
+    hopTargets: [],
+    hopBuffer: "",
+    lastMessage: null,
+    registerCount: 0,
+};
+/** useSyncExternalStore 互換の最小外部ストア。 */
+export function createVimUiStore() {
+    let snapshot = INITIAL_SNAPSHOT;
+    const listeners = new Set();
+    return {
+        getSnapshot: () => snapshot,
+        subscribe(listener) {
+            listeners.add(listener);
+            return () => listeners.delete(listener);
+        },
+        set(next) {
+            snapshot = next;
+            for (const l of listeners)
+                l();
+        },
+    };
+}
+//# sourceMappingURL=vim-ui-store.js.map

package/dist/ui/vim-ui-store.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vim-ui-store.js","sourceRoot":"","sources":["../../src/ui/vim-ui-store.ts"],"names":[],"mappings":"AA2BA,MAAM,CAAC,MAAM,gBAAgB,GAAgB;IAC5C,MAAM,EAAE,KAAK;IACb,IAAI,EAAE,QAAQ;IACd,WAAW,EAAE,KAAK;IAClB,MAAM,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;IACtB,KAAK,EAAE,IAAI;IACX,WAAW,EAAE,EAAE;IACf,UAAU,EAAE,EAAE;IACd,cAAc,EAAE,CAAC;IACjB,KAAK,EAAE,IAAI;IACX,aAAa,EAAE,EAAE;IACjB,eAAe,EAAE,KAAK;IACtB,WAAW,EAAE,KAAK;IAClB,UAAU,EAAE,EAAE;IACd,SAAS,EAAE,EAAE;IACb,WAAW,EAAE,IAAI;IACjB,aAAa,EAAE,CAAC;CAChB,CAAC;AAQF,uCAAuC;AACvC,MAAM,UAAU,gBAAgB;IAC/B,IAAI,QAAQ,GAAG,gBAAgB,CAAC;IAChC,MAAM,SAAS,GAAG,IAAI,GAAG,EAAc,CAAC;IACxC,OAAO;QACN,WAAW,EAAE,GAAG,EAAE,CAAC,QAAQ;QAC3B,SAAS,CAAC,QAAQ;YACjB,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;YACxB,OAAO,GAAG,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;QACzC,CAAC;QACD,GAAG,CAAC,IAAI;YACP,QAAQ,GAAG,IAAI,CAAC;YAChB,KAAK,MAAM,CAAC,IAAI,SAAS;gBAAE,CAAC,EAAE,CAAC;QAChC,CAAC;KACD,CAAC;AACH,CAAC"}

package/dist/ui/which-key.d.ts

@@ -0,0 +1,6 @@
+import type { VimUiStore } from "./vim-ui-store.js";
+/** 現在モードの利用可能キー一覧（fixed レイヤー、`?` でトグル）。 */
+export declare function VimWhichKey({ store }: {
+    store: VimUiStore;
+}): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=which-key.d.ts.map

package/dist/ui/which-key.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"which-key.d.ts","sourceRoot":"","sources":["../../src/ui/which-key.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AA4CpD,2CAA2C;AAC3C,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,UAAU,CAAA;CAAE,kDAyC3D"}

package/dist/ui/which-key.js

@@ -0,0 +1,71 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { useSyncExternalStore } from "react";
+const HINTS = {
+    normal: [
+        ["h j k l", "カーソル移動"],
+        ["H J K L", "画角を移動 (pan)"],
+        ["0-9", "回数 (例 5j)"],
+        ["i", "insert モード"],
+        ["v / V", "visual / 複数選択"],
+        [":", "コマンド"],
+        ["x / d", "削除  y / p  ヤンク/貼付"],
+        ["u / C-r", "undo / redo"],
+        ["+ / -", "ズーム  zz ビューを寄せる"],
+        ["M", "カーソルを画面中央へ"],
+        ["f", "hop（ラベルジャンプ）"],
+        ["gg / G", "最初 / 最後の shape"],
+        ["m{a-z} / `{a-z}", "マーク設定 / ジャンプ"],
+        ["?", "このヘルプを閉じる"],
+    ],
+    insert: [
+        ["a-z…", "shape 名を入力"],
+        ["Tab", "候補を切替"],
+        ["Enter", "カーソル位置に追加"],
+        ["Esc", "normal へ戻る"],
+    ],
+    visual: [
+        ["h j k l", "最近傍の shape へ選択を移動"],
+        ["V", "複数選択モード"],
+        ["d / x", "削除  y ヤンク"],
+        ["Esc", "選択解除して normal へ"],
+    ],
+    hop: [
+        ["ラベル文字", "その shape へカーソルをジャンプ"],
+        ["Esc", "キャンセル"],
+    ],
+    command: [
+        [":q", "Vim を抜ける"],
+        [":tool <id>", "ツール切替"],
+        [":set bg=dots|grid|none", "背景"],
+        [":zoom <n>", "ズーム  :export <fmt>  書き出し"],
+        [":help", "ヘルプ"],
+    ],
+};
+/** 現在モードの利用可能キー一覧（fixed レイヤー、`?` でトグル）。 */
+export function VimWhichKey({ store }) {
+    const s = useSyncExternalStore(store.subscribe, store.getSnapshot);
+    if (!s.active || !s.whichKeyVisible)
+        return null;
+    const hints = HINTS[s.mode];
+    return (_jsxs("div", { style: {
+            position: "absolute",
+            right: 12,
+            bottom: 38,
+            width: 320,
+            background: "#181825",
+            color: "#cdd6f4",
+            borderRadius: 8,
+            border: "1px solid #313244",
+            boxShadow: "0 8px 24px rgba(0,0,0,0.4)",
+            font: "12px ui-monospace, monospace",
+            padding: "8px 0",
+            pointerEvents: "none",
+            userSelect: "none",
+        }, children: [_jsxs("div", { style: {
+                    padding: "2px 12px 6px",
+                    opacity: 0.6,
+                    textTransform: "uppercase",
+                    letterSpacing: 1,
+                }, children: [s.mode, " keys"] }), hints.map(([keys, desc]) => (_jsxs("div", { style: { display: "flex", gap: 10, padding: "3px 12px" }, children: [_jsx("span", { style: { color: "#a6e3a1", minWidth: 110, whiteSpace: "nowrap" }, children: keys }), _jsx("span", { style: { opacity: 0.85 }, children: desc })] }, keys)))] }));
+}
+//# sourceMappingURL=which-key.js.map

package/dist/ui/which-key.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"which-key.js","sourceRoot":"","sources":["../../src/ui/which-key.tsx"],"names":[],"mappings":"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"}

package/dist/viewport-utils.d.ts

@@ -0,0 +1,11 @@
+import type { BoardStore, Point } from "@edv4h/usketch-shared";
+/** ビューポート（キャンバス）のサイズ。テスト等で window が無い場合は既定値。 */
+export declare function getScreenSize(): {
+    width: number;
+    height: number;
+};
+/** 画面中央に対応する world 座標。 */
+export declare function screenCenterWorld(store: BoardStore): Point;
+/** world 座標 `target` が画面中央に来るようビューポートを移動する。 */
+export declare function centerViewportOn(store: BoardStore, target: Point): void;
+//# sourceMappingURL=viewport-utils.d.ts.map

package/dist/viewport-utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"viewport-utils.d.ts","sourceRoot":"","sources":["../src/viewport-utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAE/D,gDAAgD;AAChD,wBAAgB,aAAa,IAAI;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CAGjE;AAED,0BAA0B;AAC1B,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,UAAU,GAAG,KAAK,CAO1D;AAED,+CAA+C;AAC/C,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,KAAK,GAAG,IAAI,CAQvE"}

package/dist/viewport-utils.js

@@ -0,0 +1,26 @@
+/** ビューポート（キャンバス）のサイズ。テスト等で window が無い場合は既定値。 */
+export function getScreenSize() {
+    if (typeof window === "undefined")
+        return { width: 1280, height: 720 };
+    return { width: window.innerWidth, height: window.innerHeight };
+}
+/** 画面中央に対応する world 座標。 */
+export function screenCenterWorld(store) {
+    const { width, height } = getScreenSize();
+    const vp = store.getViewport();
+    return {
+        x: (width / 2 - vp.x) / vp.zoom,
+        y: (height / 2 - vp.y) / vp.zoom,
+    };
+}
+/** world 座標 `target` が画面中央に来るようビューポートを移動する。 */
+export function centerViewportOn(store, target) {
+    const { width, height } = getScreenSize();
+    const vp = store.getViewport();
+    store.setViewport({
+        x: width / 2 - target.x * vp.zoom,
+        y: height / 2 - target.y * vp.zoom,
+        zoom: vp.zoom,
+    });
+}
+//# sourceMappingURL=viewport-utils.js.map

package/dist/viewport-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"viewport-utils.js","sourceRoot":"","sources":["../src/viewport-utils.ts"],"names":[],"mappings":"AAEA,gDAAgD;AAChD,MAAM,UAAU,aAAa;IAC5B,IAAI,OAAO,MAAM,KAAK,WAAW;QAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC;IACvE,OAAO,EAAE,KAAK,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,EAAE,MAAM,CAAC,WAAW,EAAE,CAAC;AACjE,CAAC;AAED,0BAA0B;AAC1B,MAAM,UAAU,iBAAiB,CAAC,KAAiB;IAClD,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,aAAa,EAAE,CAAC;IAC1C,MAAM,EAAE,GAAG,KAAK,CAAC,WAAW,EAAE,CAAC;IAC/B,OAAO;QACN,CAAC,EAAE,CAAC,KAAK,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,IAAI;QAC/B,CAAC,EAAE,CAAC,MAAM,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,IAAI;KAChC,CAAC;AACH,CAAC;AAED,+CAA+C;AAC/C,MAAM,UAAU,gBAAgB,CAAC,KAAiB,EAAE,MAAa;IAChE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,aAAa,EAAE,CAAC;IAC1C,MAAM,EAAE,GAAG,KAAK,CAAC,WAAW,EAAE,CAAC;IAC/B,KAAK,CAAC,WAAW,CAAC;QACjB,CAAC,EAAE,KAAK,GAAG,CAAC,GAAG,MAAM,CAAC,CAAC,GAAG,EAAE,CAAC,IAAI;QACjC,CAAC,EAAE,MAAM,GAAG,CAAC,GAAG,MAAM,CAAC,CAAC,GAAG,EAAE,CAAC,IAAI;QAClC,IAAI,EAAE,EAAE,CAAC,IAAI;KACb,CAAC,CAAC;AACJ,CAAC"}

package/package.json

@@ -0,0 +1,53 @@
+{
+  "name": "@edv4h/usketch-plugin-tool-vim",
+  "version": "0.1.0",
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "source": "./src/index.ts",
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "dependencies": {
+    "xstate": "^5.18.0",
+    "zod": "^4.0.0",
+    "@edv4h/usketch-core": "2.0.2",
+    "@edv4h/usketch-shared": "4.1.0",
+    "@edv4h/usketch-store": "3.0.1",
+    "@edv4h/usketch-tool-helpers": "0.3.1"
+  },
+  "peerDependencies": {
+    "react": ">=19"
+  },
+  "devDependencies": {
+    "@types/react": "19.2.14",
+    "typescript": "5.9.3",
+    "vitest": "3.2.4"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/EdV4H/usketch.git",
+    "directory": "plugins/usketch-plugin-tool-vim"
+  },
+  "homepage": "https://github.com/EdV4H/usketch#readme",
+  "bugs": {
+    "url": "https://github.com/EdV4H/usketch/issues"
+  },
+  "scripts": {
+    "build": "tsc -p tsconfig.json",
+    "typecheck": "tsc --noEmit",
+    "test": "vitest run --passWithNoTests",
+    "clean": "rm -rf dist"
+  }
+}