@pihanga2/codemirror 0.2.6 → 0.2.7

package/cards/codeMirror/codeMirror.component.js

@@ -5,25 +5,33 @@ import { StreamLanguage as i } from "@codemirror/language";
 import { jsx as a } from "react/jsx-runtime";
 //#region src/cards/codeMirror/codeMirror.component.tsx
 var o = (o) => {
-	let { value: s = "", readOnly: c = !1, streamLanguage: l, extensionsKey: u, theme: d, lineNumbers: f = !0, height: p = "auto", className: m, cardName: h, _cls: g, onChanged: _ } = o, v = n(() => {
+	let { value: s = "", readOnly: c = !1, streamLanguage: l, extensionsKey: u, theme: d = "light", lineNumbers: f = !0, foldGutter: p = !0, dropCursor: m = !0, allowMultipleSelections: h = !0, indentOnInput: g = !0, height: _ = "auto", minHeight: v, maxHeight: y, className: b, cardName: x, _cls: S, onChanged: C } = o, w = n(() => {
 		let n = u ? [...e(u) ?? []] : [];
 		if (l) {
 			let e = t(l);
 			e && n.push(i.define(e));
 		}
 		return n;
-	}, [l, u]);
+	}, [l, u]), T = n(() => d === "dark" ? "dark" : d === "light" ? "light" : e(d) || (console.warn(`[shad/codeMirror] Unknown theme "${d}". Register it with registerExtensions() or use "light" / "dark". Falling back to "light".`), "light"), [d]);
 	return /* @__PURE__ */ a("div", {
-		className: g("root", m),
-		"data-pihanga": h,
+		className: S("root", b),
+		"data-pihanga": x,
 		children: /* @__PURE__ */ a(r, {
 			value: s,
-			height: p,
+			height: _,
+			minHeight: v,
+			maxHeight: y,
 			readOnly: c,
-			theme: d,
-			extensions: v,
-			basicSetup: { lineNumbers: f },
-			onChange: (e) => _?.({ value: e })
+			theme: T,
+			extensions: w,
+			basicSetup: {
+				lineNumbers: f,
+				foldGutter: p,
+				dropCursor: m,
+				allowMultipleSelections: h,
+				indentOnInput: g
+			},
+			onChange: (e) => C?.({ value: e })
 		})
 	});
 };

package/cards/codeMirror/codeMirror.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"codeMirror.component.js","names":[],"sources":["../../../src/cards/codeMirror/codeMirror.component.tsx"],"sourcesContent":["import React, {useMemo} from \"react\";\nimport type {PiCardProps} from \"@pihanga2/core\";\nimport CodeMirror from \"@uiw/react-codemirror\";\nimport {StreamLanguage} from \"@codemirror/language\";\nimport type {Extension} from \"@codemirror/state\";\n\nimport type {\n  CodeMirrorCardProps,\n  CodeMirrorCardEvents,\n} from \"./codeMirror.types\";\nimport {resolveStreamParser, resolveExtensions} from \"./codeMirror.types\";\n\nexport const CodeMirrorComponent = (\n  props: PiCardProps<CodeMirrorCardProps, CodeMirrorCardEvents>,\n): React.ReactNode => {\n  const {\n    value = \"\",\n    readOnly = false,\n    streamLanguage,\n    extensionsKey,\n    theme,\n    lineNumbers = true,\n    height = \"auto\",\n    className,\n    cardName,\n    _cls,\n    onChanged,\n  } = props;\n\n  /**\n   * Build the effective extension list once per unique combination of keys.\n   * Complex values (StreamParser, Extension[]) are looked up from the\n   * module-level registries — never stored in Redux-serialised card props.\n   */\n  const extensions = useMemo<Extension[]>(() => {\n    const ext: Extension[] = extensionsKey\n      ? [...(resolveExtensions(extensionsKey) ?? [])]\n      : [];\n    if (streamLanguage) {\n      const parser = resolveStreamParser(streamLanguage);\n      if (parser) ext.push(StreamLanguage.define(parser));\n    }\n    return ext;\n  }, [streamLanguage, extensionsKey]);\n\n  return (\n    <div className={_cls(\"root\", className)} data-pihanga={cardName}>\n      <CodeMirror\n        value={value}\n        height={height}\n        readOnly={readOnly}\n        theme={theme}\n        extensions={extensions}\n        basicSetup={{lineNumbers}}\n        onChange={(val: string) => onChanged?.({value: val})}\n      />\n    </div>\n  );\n};\n"],"mappings":";;;;;;AAYA,IAAa,KACX,MACoB;CACpB,IAAM,EACJ,WAAQ,IACR,cAAW,IACX,mBACA,kBACA,UACA,iBAAc,IACd,YAAS,QACT,cACA,aACA,SACA,iBACE,GAOE,IAAa,QAA2B;EAC5C,IAAM,IAAmB,IACrB,CAAC,GAAI,EAAkB,CAAa,KAAK,CAAC,CAAE,IAC5C,CAAC;EACL,IAAI,GAAgB;GAClB,IAAM,IAAS,EAAoB,CAAc;GACjD,AAAI,KAAQ,EAAI,KAAK,EAAe,OAAO,CAAM,CAAC;EACpD;EACA,OAAO;CACT,GAAG,CAAC,GAAgB,CAAa,CAAC;CAElC,OACE,kBAAC,OAAD;EAAK,WAAW,EAAK,QAAQ,CAAS;EAAG,gBAAc;YACrD,kBAAC,GAAD;GACS;GACC;GACE;GACH;GACK;GACZ,YAAY,EAAC,eAAW;GACxB,WAAW,MAAgB,IAAY,EAAC,OAAO,EAAG,CAAC;EACpD,CAAA;CACE,CAAA;AAET"}
+{"version":3,"file":"codeMirror.component.js","names":[],"sources":["../../../src/cards/codeMirror/codeMirror.component.tsx"],"sourcesContent":["import React, {useMemo} from \"react\";\nimport type {PiCardProps} from \"@pihanga2/core\";\nimport CodeMirror from \"@uiw/react-codemirror\";\nimport {StreamLanguage} from \"@codemirror/language\";\nimport type {Extension} from \"@codemirror/state\";\n\nimport type {\n  CodeMirrorCardProps,\n  CodeMirrorCardEvents,\n} from \"./codeMirror.types\";\nimport {resolveStreamParser, resolveExtensions} from \"./codeMirror.types\";\n\nexport const CodeMirrorComponent = (\n  props: PiCardProps<CodeMirrorCardProps, CodeMirrorCardEvents>,\n): React.ReactNode => {\n  const {\n    value = \"\",\n    readOnly = false,\n    streamLanguage,\n    extensionsKey,\n    theme = \"light\",\n    lineNumbers = true,\n    foldGutter = true,\n    dropCursor = true,\n    allowMultipleSelections = true,\n    indentOnInput = true,\n    height = \"auto\",\n    minHeight,\n    maxHeight,\n    className,\n    cardName,\n    _cls,\n    onChanged,\n  } = props;\n\n  /**\n   * Build the effective extension list once per unique combination of keys.\n   * Complex values (StreamParser, Extension[]) are looked up from the\n   * module-level registries — never stored in Redux-serialised card props.\n   */\n  const extensions = useMemo<Extension[]>(() => {\n    const ext: Extension[] = extensionsKey\n      ? [...(resolveExtensions(extensionsKey) ?? [])]\n      : [];\n    if (streamLanguage) {\n      const parser = resolveStreamParser(streamLanguage);\n      if (parser) ext.push(StreamLanguage.define(parser));\n    }\n    return ext;\n  }, [streamLanguage, extensionsKey]);\n\n  /**\n   * \"light\" / \"dark\" are built in. Any other value must be a theme bundle\n   * registered with registerExtensions(); the bundle is applied as an\n   * extension and the built-in light theme is suppressed.\n   */\n  const themeProp = useMemo<\n    \"light\" | \"dark\" | \"none\" | Extension | Extension[]\n  >(() => {\n    if (theme === \"dark\") return \"dark\";\n    if (theme === \"light\") return \"light\";\n    const themeExt = resolveExtensions(theme);\n    if (themeExt) return themeExt;\n    console.warn(\n      `[shad/codeMirror] Unknown theme \"${theme}\". Register it with registerExtensions() or use \"light\" / \"dark\". Falling back to \"light\".`,\n    );\n    return \"light\";\n  }, [theme]);\n\n  return (\n    <div className={_cls(\"root\", className)} data-pihanga={cardName}>\n      <CodeMirror\n        value={value}\n        height={height}\n        minHeight={minHeight}\n        maxHeight={maxHeight}\n        readOnly={readOnly}\n        theme={themeProp}\n        extensions={extensions}\n        basicSetup={{\n          lineNumbers,\n          foldGutter,\n          dropCursor,\n          allowMultipleSelections,\n          indentOnInput,\n        }}\n        onChange={(val: string) => onChanged?.({value: val})}\n      />\n    </div>\n  );\n};\n"],"mappings":";;;;;;AAYA,IAAa,KACX,MACoB;CACpB,IAAM,EACJ,WAAQ,IACR,cAAW,IACX,mBACA,kBACA,WAAQ,SACR,iBAAc,IACd,gBAAa,IACb,gBAAa,IACb,6BAA0B,IAC1B,mBAAgB,IAChB,YAAS,QACT,cACA,cACA,cACA,aACA,SACA,iBACE,GAOE,IAAa,QAA2B;EAC5C,IAAM,IAAmB,IACrB,CAAC,GAAI,EAAkB,CAAa,KAAK,CAAC,CAAE,IAC5C,CAAC;EACL,IAAI,GAAgB;GAClB,IAAM,IAAS,EAAoB,CAAc;GACjD,AAAI,KAAQ,EAAI,KAAK,EAAe,OAAO,CAAM,CAAC;EACpD;EACA,OAAO;CACT,GAAG,CAAC,GAAgB,CAAa,CAAC,GAO5B,IAAY,QAGZ,MAAU,SAAe,SACzB,MAAU,UAAgB,UACb,EAAkB,CAC/B,MACJ,QAAQ,KACN,oCAAoC,EAAM,2FAC5C,GACO,UACN,CAAC,CAAK,CAAC;CAEV,OACE,kBAAC,OAAD;EAAK,WAAW,EAAK,QAAQ,CAAS;EAAG,gBAAc;YACrD,kBAAC,GAAD;GACS;GACC;GACG;GACA;GACD;GACV,OAAO;GACK;GACZ,YAAY;IACV;IACA;IACA;IACA;IACA;GACF;GACA,WAAW,MAAgB,IAAY,EAAC,OAAO,EAAG,CAAC;EACpD,CAAA;CACE,CAAA;AAET"}

package/cards/codeMirror/codeMirror.types.d.ts

@@ -1,6 +1,8 @@
 import { Extension } from '@codemirror/state';
 import { StreamParser } from '@codemirror/language';
 export declare const CODE_MIRROR_CARD = "code-mirror";
+export declare const CodeMirror: <S extends import('@pihanga2/core').ReduxState>(p: import('@pihanga2/core').PiMapProps<CodeMirrorCardProps, S, CodeMirrorCardEvents>) => import('@pihanga2/core').PiCardDef;
+/** @deprecated Use {@link CodeMirror} instead. */
 export declare const CodeMirrorCard: <S extends import('@pihanga2/core').ReduxState>(p: import('@pihanga2/core').PiMapProps<CodeMirrorCardProps, S, CodeMirrorCardEvents>) => import('@pihanga2/core').PiCardDef;
 export declare const CODE_MIRROR_ACTION: {
     CHANGED: string;
@@ -14,7 +16,7 @@ export declare const onCodeMirrorChanged: <S extends import('@pihanga2/core').Re
  *
  * @example
  * import { python } from "@codemirror/legacy-modes/mode/python";
- * import { registerStreamParser } from "@pihanga2/shadcn/codeMirror";
+ * import { registerStreamParser } from "@pihanga2/codemirror/cards/codeMirror";
  * registerStreamParser("python", python);
  */
 export declare function registerStreamParser(key: string, parser: StreamParser<unknown>): void;
@@ -27,7 +29,7 @@ export declare function resolveStreamParser(key: string): StreamParser<unknown>
  *
  * @example
  * import { oneDark } from "@codemirror/theme-one-dark";
- * import { registerExtensions } from "@pihanga2/shadcn/codeMirror";
+ * import { registerExtensions } from "@pihanga2/codemirror/cards/codeMirror";
  * registerExtensions("oneDark", [oneDark]);
  */
 export declare function registerExtensions(key: string, exts: Extension[]): void;
@@ -45,7 +47,7 @@ export type CodeMirrorCardProps = {
      * @example
      * import { python } from "@codemirror/legacy-modes/mode/python";
      * registerStreamParser("python", python);
-     * CodeMirrorCard({ streamLanguage: "python", value: "print('hello')" });
+     * CodeMirror({ streamLanguage: "python", value: "print('hello')" });
      */
     streamLanguage?: string;
     /**
@@ -55,22 +57,41 @@ export type CodeMirrorCardProps = {
      * @example
      * import { oneDark } from "@codemirror/theme-one-dark";
      * registerExtensions("oneDark", [oneDark]);
-     * CodeMirrorCard({ extensionsKey: "oneDark", ... });
+     * CodeMirror({ extensionsKey: "oneDark", ... });
+     *
+     * Note: `theme` looks up keys in this same registry, so a bundle registered
+     * here can also be used as a theme.
      */
     extensionsKey?: string;
     /**
-     * CodeMirror editor theme — "light" or "dark".
-     * For a custom Extension-based theme, register it via `registerExtensions()`
-     * and pass its key using the `extensions` prop instead.
+     * CodeMirror editor theme: "light", "dark", or the key of a theme bundle
+     * registered with `registerExtensions()` (e.g. "dracula").  Default: "light".
+     *
+     * @example
+     * import { draculaInit } from "@uiw/codemirror-theme-dracula";
+     * registerExtensions("dracula", [draculaInit()]);
+     * CodeMirror({ theme: "dracula", ... });
      */
-    theme?: "light" | "dark";
+    theme?: "light" | "dark" | (string & {});
     /** Show line numbers in the gutter. Default: true. */
     lineNumbers?: boolean;
+    /** Show the fold gutter (code folding). Default: true. */
+    foldGutter?: boolean;
+    /** Show a drop cursor while dragging text. Default: true. */
+    dropCursor?: boolean;
+    /** Allow multiple selection ranges. Default: true. */
+    allowMultipleSelections?: boolean;
+    /** Re-indent the current line as you type. Default: true. */
+    indentOnInput?: boolean;
     /**
      * CSS height of the editor.  Use "auto" to grow with content or a fixed
      * value such as "400px".  Default: "auto".
      */
     height?: string;
+    /** CSS minimum height of the editor, e.g. "120px". */
+    minHeight?: string;
+    /** CSS maximum height of the editor, e.g. "600px". Scrolls beyond this. */
+    maxHeight?: string;
     /** Additional CSS class applied to the outer wrapper div. */
     className?: string;
 };

package/cards/codeMirror/codeMirror.types.js

@@ -1,20 +1,20 @@
 import { createCardDeclaration as e, createOnAction as t, registerActions as n } from "@pihanga2/core";
 //#region src/cards/codeMirror/codeMirror.types.ts
-var r = "code-mirror", i = e(r), a = n(r, ["changed"]), o = t(a.CHANGED), s = /* @__PURE__ */ new Map();
-function c(e, t) {
-	s.set(e, t);
+var r = "code-mirror", i = e(r), a = i, o = n(r, ["changed"]), s = t(o.CHANGED), c = /* @__PURE__ */ new Map();
+function l(e, t) {
+	c.set(e, t);
 }
-function l(e) {
-	return s.get(e);
+function u(e) {
+	return c.get(e);
 }
-var u = /* @__PURE__ */ new Map();
-function d(e, t) {
-	u.set(e, t);
+var d = /* @__PURE__ */ new Map();
+function f(e, t) {
+	d.set(e, t);
 }
-function f(e) {
-	return u.get(e);
+function p(e) {
+	return d.get(e);
 }
 //#endregion
-export { a as CODE_MIRROR_ACTION, r as CODE_MIRROR_CARD, i as CodeMirrorCard, o as onCodeMirrorChanged, d as registerExtensions, c as registerStreamParser, f as resolveExtensions, l as resolveStreamParser };
+export { o as CODE_MIRROR_ACTION, r as CODE_MIRROR_CARD, i as CodeMirror, a as CodeMirrorCard, s as onCodeMirrorChanged, f as registerExtensions, l as registerStreamParser, p as resolveExtensions, u as resolveStreamParser };
 
 //# sourceMappingURL=codeMirror.types.js.map

package/cards/codeMirror/codeMirror.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"codeMirror.types.js","names":[],"sources":["../../../src/cards/codeMirror/codeMirror.types.ts"],"sourcesContent":["import {\n  createCardDeclaration,\n  createOnAction,\n  registerActions,\n} from \"@pihanga2/core\";\nimport type {Extension} from \"@codemirror/state\";\nimport type {StreamParser} from \"@codemirror/language\";\n\nexport const CODE_MIRROR_CARD = \"code-mirror\";\n\nexport const CodeMirrorCard = createCardDeclaration<\n  CodeMirrorCardProps,\n  CodeMirrorCardEvents\n>(CODE_MIRROR_CARD);\n\nexport const CODE_MIRROR_ACTION = registerActions(CODE_MIRROR_CARD, [\n  \"changed\",\n]);\n\nexport const onCodeMirrorChanged = createOnAction<ChangedEvent>(\n  CODE_MIRROR_ACTION.CHANGED,\n);\n\n// ── StreamParser registry ────────────────────────────────────────────────────\n// Props must only contain JSON-serialisable primitives.  Complex third-party\n// types (StreamParser, Extension) are stored here and referenced by string key.\n\nconst _streamParserRegistry = new Map<string, StreamParser<unknown>>();\n\n/**\n * Register a StreamParser under a caller-chosen key.\n * Call this once at app initialisation time, before the card is first rendered.\n *\n * @example\n * import { python } from \"@codemirror/legacy-modes/mode/python\";\n * import { registerStreamParser } from \"@pihanga2/shadcn/codeMirror\";\n * registerStreamParser(\"python\", python);\n */\nexport function registerStreamParser(\n  key: string,\n  parser: StreamParser<unknown>,\n): void {\n  _streamParserRegistry.set(key, parser);\n}\n\n/** @internal — used by the component only. */\nexport function resolveStreamParser(\n  key: string,\n): StreamParser<unknown> | undefined {\n  return _streamParserRegistry.get(key);\n}\n\n// ── Extension registry ───────────────────────────────────────────────────────\n\nconst _extensionsRegistry = new Map<string, Extension[]>();\n\n/**\n * Register a bundle of CodeMirror 6 extensions (themes, linters, keymaps, …)\n * under a caller-chosen key.\n * Call this once at app initialisation time, before the card is first rendered.\n *\n * @example\n * import { oneDark } from \"@codemirror/theme-one-dark\";\n * import { registerExtensions } from \"@pihanga2/shadcn/codeMirror\";\n * registerExtensions(\"oneDark\", [oneDark]);\n */\nexport function registerExtensions(key: string, exts: Extension[]): void {\n  _extensionsRegistry.set(key, exts);\n}\n\n/** @internal — used by the component only. */\nexport function resolveExtensions(key: string): Extension[] | undefined {\n  return _extensionsRegistry.get(key);\n}\n\n// ── Card Props ───────────────────────────────────────────────────────────────\n\nexport type CodeMirrorCardProps = {\n  /** The code content to display or edit. */\n  value?: string;\n\n  /** When true the editor is read-only. Default: false. */\n  readOnly?: boolean;\n\n  /**\n   * Key of a StreamParser previously registered with `registerStreamParser()`.\n   * Props must be JSON-serialisable — pass the string key, not the parser itself.\n   *\n   * @example\n   * import { python } from \"@codemirror/legacy-modes/mode/python\";\n   * registerStreamParser(\"python\", python);\n   * CodeMirrorCard({ streamLanguage: \"python\", value: \"print('hello')\" });\n   */\n  streamLanguage?: string;\n\n  /**\n   * Key of an Extension bundle previously registered with `registerExtensions()`.\n   * Props must be JSON-serialisable — pass the string key, not the Extension objects.\n   *\n   * @example\n   * import { oneDark } from \"@codemirror/theme-one-dark\";\n   * registerExtensions(\"oneDark\", [oneDark]);\n   * CodeMirrorCard({ extensionsKey: \"oneDark\", ... });\n   */\n  extensionsKey?: string;\n\n  /**\n   * CodeMirror editor theme — \"light\" or \"dark\".\n   * For a custom Extension-based theme, register it via `registerExtensions()`\n   * and pass its key using the `extensions` prop instead.\n   */\n  theme?: \"light\" | \"dark\";\n\n  /** Show line numbers in the gutter. Default: true. */\n  lineNumbers?: boolean;\n\n  /**\n   * CSS height of the editor.  Use \"auto\" to grow with content or a fixed\n   * value such as \"400px\".  Default: \"auto\".\n   */\n  height?: string;\n\n  /** Additional CSS class applied to the outer wrapper div. */\n  className?: string;\n};\n\nexport type ChangedEvent = {\n  /** The updated editor content after each change. */\n  value: string;\n};\n\nexport type CodeMirrorCardEvents = {\n  onChanged: ChangedEvent;\n};\n"],"mappings":";;AAQA,IAAa,IAAmB,eAEnB,IAAiB,EAG5B,CAAgB,GAEL,IAAqB,EAAgB,GAAkB,CAClE,SACF,CAAC,GAEY,IAAsB,EACjC,EAAmB,OACrB,GAMM,oBAAwB,IAAI,IAAmC;AAWrE,SAAgB,EACd,GACA,GACM;CACN,EAAsB,IAAI,GAAK,CAAM;AACvC;AAGA,SAAgB,EACd,GACmC;CACnC,OAAO,EAAsB,IAAI,CAAG;AACtC;AAIA,IAAM,oBAAsB,IAAI,IAAyB;AAYzD,SAAgB,EAAmB,GAAa,GAAyB;CACvE,EAAoB,IAAI,GAAK,CAAI;AACnC;AAGA,SAAgB,EAAkB,GAAsC;CACtE,OAAO,EAAoB,IAAI,CAAG;AACpC"}
+{"version":3,"file":"codeMirror.types.js","names":[],"sources":["../../../src/cards/codeMirror/codeMirror.types.ts"],"sourcesContent":["import {\n  createCardDeclaration,\n  createOnAction,\n  registerActions,\n} from \"@pihanga2/core\";\nimport type {Extension} from \"@codemirror/state\";\nimport type {StreamParser} from \"@codemirror/language\";\n\nexport const CODE_MIRROR_CARD = \"code-mirror\";\n\nexport const CodeMirror = createCardDeclaration<\n  CodeMirrorCardProps,\n  CodeMirrorCardEvents\n>(CODE_MIRROR_CARD);\n\n/** @deprecated Use {@link CodeMirror} instead. */\nexport const CodeMirrorCard = CodeMirror;\n\nexport const CODE_MIRROR_ACTION = registerActions(CODE_MIRROR_CARD, [\n  \"changed\",\n]);\n\nexport const onCodeMirrorChanged = createOnAction<ChangedEvent>(\n  CODE_MIRROR_ACTION.CHANGED,\n);\n\n// ── StreamParser registry ────────────────────────────────────────────────────\n// Props must only contain JSON-serialisable primitives.  Complex third-party\n// types (StreamParser, Extension) are stored here and referenced by string key.\n\nconst _streamParserRegistry = new Map<string, StreamParser<unknown>>();\n\n/**\n * Register a StreamParser under a caller-chosen key.\n * Call this once at app initialisation time, before the card is first rendered.\n *\n * @example\n * import { python } from \"@codemirror/legacy-modes/mode/python\";\n * import { registerStreamParser } from \"@pihanga2/codemirror/cards/codeMirror\";\n * registerStreamParser(\"python\", python);\n */\nexport function registerStreamParser(\n  key: string,\n  parser: StreamParser<unknown>,\n): void {\n  _streamParserRegistry.set(key, parser);\n}\n\n/** @internal — used by the component only. */\nexport function resolveStreamParser(\n  key: string,\n): StreamParser<unknown> | undefined {\n  return _streamParserRegistry.get(key);\n}\n\n// ── Extension registry ───────────────────────────────────────────────────────\n\nconst _extensionsRegistry = new Map<string, Extension[]>();\n\n/**\n * Register a bundle of CodeMirror 6 extensions (themes, linters, keymaps, …)\n * under a caller-chosen key.\n * Call this once at app initialisation time, before the card is first rendered.\n *\n * @example\n * import { oneDark } from \"@codemirror/theme-one-dark\";\n * import { registerExtensions } from \"@pihanga2/codemirror/cards/codeMirror\";\n * registerExtensions(\"oneDark\", [oneDark]);\n */\nexport function registerExtensions(key: string, exts: Extension[]): void {\n  _extensionsRegistry.set(key, exts);\n}\n\n/** @internal — used by the component only. */\nexport function resolveExtensions(key: string): Extension[] | undefined {\n  return _extensionsRegistry.get(key);\n}\n\n// ── Card Props ───────────────────────────────────────────────────────────────\n\nexport type CodeMirrorCardProps = {\n  /** The code content to display or edit. */\n  value?: string;\n\n  /** When true the editor is read-only. Default: false. */\n  readOnly?: boolean;\n\n  /**\n   * Key of a StreamParser previously registered with `registerStreamParser()`.\n   * Props must be JSON-serialisable — pass the string key, not the parser itself.\n   *\n   * @example\n   * import { python } from \"@codemirror/legacy-modes/mode/python\";\n   * registerStreamParser(\"python\", python);\n   * CodeMirror({ streamLanguage: \"python\", value: \"print('hello')\" });\n   */\n  streamLanguage?: string;\n\n  /**\n   * Key of an Extension bundle previously registered with `registerExtensions()`.\n   * Props must be JSON-serialisable — pass the string key, not the Extension objects.\n   *\n   * @example\n   * import { oneDark } from \"@codemirror/theme-one-dark\";\n   * registerExtensions(\"oneDark\", [oneDark]);\n   * CodeMirror({ extensionsKey: \"oneDark\", ... });\n   *\n   * Note: `theme` looks up keys in this same registry, so a bundle registered\n   * here can also be used as a theme.\n   */\n  extensionsKey?: string;\n\n  /**\n   * CodeMirror editor theme: \"light\", \"dark\", or the key of a theme bundle\n   * registered with `registerExtensions()` (e.g. \"dracula\").  Default: \"light\".\n   *\n   * @example\n   * import { draculaInit } from \"@uiw/codemirror-theme-dracula\";\n   * registerExtensions(\"dracula\", [draculaInit()]);\n   * CodeMirror({ theme: \"dracula\", ... });\n   */\n  theme?: \"light\" | \"dark\" | (string & {});\n\n  /** Show line numbers in the gutter. Default: true. */\n  lineNumbers?: boolean;\n\n  /** Show the fold gutter (code folding). Default: true. */\n  foldGutter?: boolean;\n\n  /** Show a drop cursor while dragging text. Default: true. */\n  dropCursor?: boolean;\n\n  /** Allow multiple selection ranges. Default: true. */\n  allowMultipleSelections?: boolean;\n\n  /** Re-indent the current line as you type. Default: true. */\n  indentOnInput?: boolean;\n\n  /**\n   * CSS height of the editor.  Use \"auto\" to grow with content or a fixed\n   * value such as \"400px\".  Default: \"auto\".\n   */\n  height?: string;\n\n  /** CSS minimum height of the editor, e.g. \"120px\". */\n  minHeight?: string;\n\n  /** CSS maximum height of the editor, e.g. \"600px\". Scrolls beyond this. */\n  maxHeight?: string;\n\n  /** Additional CSS class applied to the outer wrapper div. */\n  className?: string;\n};\n\nexport type ChangedEvent = {\n  /** The updated editor content after each change. */\n  value: string;\n};\n\nexport type CodeMirrorCardEvents = {\n  onChanged: ChangedEvent;\n};\n"],"mappings":";;AAQA,IAAa,IAAmB,eAEnB,IAAa,EAGxB,CAAgB,GAGL,IAAiB,GAEjB,IAAqB,EAAgB,GAAkB,CAClE,SACF,CAAC,GAEY,IAAsB,EACjC,EAAmB,OACrB,GAMM,oBAAwB,IAAI,IAAmC;AAWrE,SAAgB,EACd,GACA,GACM;CACN,EAAsB,IAAI,GAAK,CAAM;AACvC;AAGA,SAAgB,EACd,GACmC;CACnC,OAAO,EAAsB,IAAI,CAAG;AACtC;AAIA,IAAM,oBAAsB,IAAI,IAAyB;AAYzD,SAAgB,EAAmB,GAAa,GAAyB;CACvE,EAAoB,IAAI,GAAK,CAAI;AACnC;AAGA,SAAgB,EAAkB,GAAsC;CACtE,OAAO,EAAoB,IAAI,CAAG;AACpC"}

package/cards/codeMirror/index.js

@@ -1,13 +1,13 @@
-import { CODE_MIRROR_ACTION as e, CODE_MIRROR_CARD as t, CodeMirrorCard as n, onCodeMirrorChanged as r, registerExtensions as i, registerStreamParser as a, resolveExtensions as o, resolveStreamParser as s } from "./codeMirror.types.js";
-import { CodeMirrorComponent as c } from "./codeMirror.component.js";
-import { actionTypesToEvents as l, registerCardComponent as u } from "@pihanga2/core";
+import { CODE_MIRROR_ACTION as e, CODE_MIRROR_CARD as t, CodeMirror as n, CodeMirrorCard as r, onCodeMirrorChanged as i, registerExtensions as a, registerStreamParser as o, resolveExtensions as s, resolveStreamParser as c } from "./codeMirror.types.js";
+import { CodeMirrorComponent as l } from "./codeMirror.component.js";
+import { actionTypesToEvents as u, registerCardComponent as d } from "@pihanga2/core";
 //#region src/cards/codeMirror/index.ts
-u({
+d({
 	name: t,
-	component: c,
-	events: l(e)
+	component: l,
+	events: u(e)
 });
 //#endregion
-export { e as CODE_MIRROR_ACTION, t as CODE_MIRROR_CARD, n as CodeMirrorCard, r as onCodeMirrorChanged, i as registerExtensions, a as registerStreamParser, o as resolveExtensions, s as resolveStreamParser };
+export { e as CODE_MIRROR_ACTION, t as CODE_MIRROR_CARD, n as CodeMirror, r as CodeMirrorCard, i as onCodeMirrorChanged, a as registerExtensions, o as registerStreamParser, s as resolveExtensions, c as resolveStreamParser };
 
 //# sourceMappingURL=index.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pihanga2/codemirror",
-  "version": "0.2.6",
+  "version": "0.2.7",
   "description": "Pihanga CodeMirror card — code editor with StreamLanguage plugin extension mechanism",
   "type": "module",
   "exports": {