@gregorlohaus/codemirror-helix 0.1.0

package/dist/view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"view.d.ts","sourceRoot":"","sources":["../src/view.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,UAAU,EACV,UAAU,EAGV,KAAK,aAAa,EAElB,KAAK,UAAU,EAChB,MAAM,kBAAkB,CAAC;AAuB1B,eAAO,MAAM,WAAW;iBAEP,aAAa;mBAIX,UAAU;gBAUb,UAAU,GAAG,aAAa;aAazC,CAAC;AAEF,eAAO,MAAM,eAAe,uCAEzB,CAAC;AAyBJ,eAAO,MAAM,gBAAgB,uCAA4B,CAAC;AAE1D,eAAO,MAAM,UAAU,uCA8BrB,CAAC"}

package/dist/view.js

@@ -0,0 +1,105 @@
+import { Decoration, EditorView, ViewPlugin, WidgetType, showPanel, } from "@codemirror/view";
+import { getMode, helixState } from "./state";
+class EolCursorWidget extends WidgetType {
+    toDOM() {
+        const span = document.createElement("span");
+        span.className = "cm-helix-block cm-helix-block-eol";
+        span.textContent = " ";
+        return span;
+    }
+    ignoreEvent() {
+        return true;
+    }
+}
+const blockMark = Decoration.mark({ class: "cm-helix-block" });
+const selectionMark = Decoration.mark({ class: "cm-helix-selection" });
+const eolCursor = Decoration.widget({ widget: new EolCursorWidget(), side: 1 });
+// Draws the selection ranges + a block cursor at each head while in
+// normal/select mode. We render the selection ourselves (rather than relying
+// on drawSelection, which the host theme can leave invisible) so multi-cursor
+// selections are always clearly highlighted.
+export const blockCursor = ViewPlugin.fromClass(class {
+    constructor(view) {
+        this.decorations = this.build(view);
+    }
+    update(update) {
+        if (update.docChanged ||
+            update.selectionSet ||
+            update.viewportChanged ||
+            update.startState.field(helixState).mode !== update.state.field(helixState).mode) {
+            this.decorations = this.build(update.view);
+        }
+    }
+    build(view) {
+        if (getMode(view.state) === "insert")
+            return Decoration.none;
+        const deco = [];
+        for (const range of view.state.selection.ranges) {
+            if (!range.empty)
+                deco.push(selectionMark.range(range.from, range.to));
+            const pos = range.head;
+            const line = view.state.doc.lineAt(pos);
+            deco.push(pos < line.to ? blockMark.range(pos, pos + 1) : eolCursor.range(pos));
+        }
+        return Decoration.set(deco, true);
+    }
+}, { decorations: (plugin) => plugin.decorations });
+export const modeEditorClass = EditorView.editorAttributes.compute([helixState], (state) => ({
+    class: `cm-helix cm-helix-${getMode(state)}`,
+}));
+function statusPanel(view) {
+    const dom = document.createElement("div");
+    dom.className = "cm-helix-status";
+    const render = () => {
+        const s = view.state.field(helixState);
+        const label = s.mode === "insert" ? "INS" : s.mode === "select" ? "SEL" : "NOR";
+        const count = s.count ? ` ${s.count}` : "";
+        const reg = s.register ? ` "${s.register}` : "";
+        const pend = s.pending ? ` ${s.pending.type}` : "";
+        const sels = view.state.selection.ranges.length;
+        const multi = sels > 1 ? `  ${sels} sels` : "";
+        dom.textContent = `${label}${count}${reg}${pend}${multi}`;
+        dom.dataset.mode = s.mode;
+    };
+    render();
+    return {
+        dom,
+        update: (u) => {
+            if (u.docChanged || u.selectionSet || u.transactions.length)
+                render();
+        },
+    };
+}
+export const helixStatusPanel = showPanel.of(statusPanel);
+export const helixTheme = EditorView.baseTheme({
+    "&.cm-helix-normal .cm-cursor, &.cm-helix-normal .cm-cursorLayer": { display: "none" },
+    "&.cm-helix-select .cm-cursor, &.cm-helix-select .cm-cursorLayer": { display: "none" },
+    ".cm-helix-selection": { backgroundColor: "rgba(120,160,255,0.32)" },
+    ".cm-helix-block": { backgroundColor: "rgba(125,165,255,0.7)", borderRadius: "1px" },
+    ".cm-helix-block-eol": { display: "inline-block", width: "0.55em" },
+    ".cm-helix-status": {
+        padding: "1px 10px",
+        font: "11px ui-monospace, SFMono-Regular, Menlo, monospace",
+        letterSpacing: "0.05em",
+    },
+    ".cm-helix-status[data-mode=insert]": { color: "#16a34a" },
+    ".cm-helix-status[data-mode=select]": { color: "#d97706" },
+    ".cm-helix-status[data-mode=normal]": { color: "#2563eb" },
+    ".cm-helix-prompt": {
+        display: "flex",
+        gap: "0.5em",
+        alignItems: "center",
+        padding: "2px 10px",
+        font: "12px ui-monospace, SFMono-Regular, Menlo, monospace",
+    },
+    ".cm-helix-prompt label": { opacity: 0.7 },
+    ".cm-helix-prompt input": {
+        flex: "1",
+        border: "none",
+        outline: "none",
+        background: "transparent",
+        color: "inherit",
+        font: "inherit",
+    },
+});
+//# sourceMappingURL=view.js.map

package/dist/view.js.map

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

package/package.json

@@ -0,0 +1,51 @@
+{
+  "name": "@gregorlohaus/codemirror-helix",
+  "version": "0.1.0",
+  "description": "Helix-editor-style modal editing for CodeMirror 6 (multiple selections, select mode, goto/match modes, textobjects, surround, registers, search).",
+  "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "files": ["dist", "README.md"],
+  "sideEffects": false,
+  "scripts": {
+    "build": "tsc -p tsconfig.json",
+    "prepublishOnly": "tsc -p tsconfig.json"
+  },
+  "keywords": [
+    "codemirror",
+    "codemirror6",
+    "helix",
+    "modal",
+    "vim",
+    "editor",
+    "keybindings"
+  ],
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://gitea.gregorlohaus.com/gregor/gregorlohaus.com",
+    "directory": "packages/codemirror-helix"
+  },
+  "peerDependencies": {
+    "@codemirror/commands": "^6.0.0",
+    "@codemirror/language": "^6.0.0",
+    "@codemirror/search": "^6.0.0",
+    "@codemirror/state": "^6.0.0",
+    "@codemirror/view": "^6.0.0"
+  },
+  "devDependencies": {
+    "@codemirror/commands": "^6.10.3",
+    "@codemirror/language": "^6.12.3",
+    "@codemirror/search": "^6.5.6",
+    "@codemirror/state": "^6.6.0",
+    "@codemirror/view": "^6.43.1",
+    "typescript": "^5.6.0"
+  }
+}