@barocss/math-editor 0.1.0

package/dist/vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vue.d.ts","sourceRoot":"","sources":["../src/vue.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,KAAK,CAAC;AAC3C,OAAO,EAAuC,KAAK,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAE1F,iEAAiE;AACjE,eAAO,MAAM,WAAW,EAAE,eAAe,CAAC,WAAW,EAAE,oBAAoB,CAW1E,CAAC"}

package/dist/vue.js

@@ -0,0 +1,16 @@
+import { mountMathEditor } from './dom.js';
+const instances = new WeakMap();
+/** Use as v-math-editor. session/defaultValue are mount-only. */
+export const vMathEditor = {
+    mounted(host, binding) {
+        instances.set(host, mountMathEditor(host, binding.value));
+    },
+    updated(host, binding) {
+        instances.get(host)?.update(binding.value);
+    },
+    unmounted(host) {
+        instances.get(host)?.destroy();
+        instances.delete(host);
+    },
+};
+//# sourceMappingURL=vue.js.map

package/dist/vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vue.js","sourceRoot":"","sources":["../src/vue.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAiD,MAAM,UAAU,CAAC;AAC1F,MAAM,SAAS,GAAG,IAAI,OAAO,EAA8B,CAAC;AAC5D,iEAAiE;AACjE,MAAM,CAAC,MAAM,WAAW,GAAuD;IAC7E,OAAO,CAAC,IAAI,EAAE,OAAO;QACnB,SAAS,CAAC,GAAG,CAAC,IAAI,EAAE,eAAe,CAAC,IAAI,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;IAC5D,CAAC;IACD,OAAO,CAAC,IAAI,EAAE,OAAO;QACnB,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IAC7C,CAAC;IACD,SAAS,CAAC,IAAI;QACZ,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,CAAC;QAC/B,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACzB,CAAC;CACF,CAAC"}

package/dist/web-component.d.ts

@@ -0,0 +1,10 @@
+import { type MathSession } from './session.js';
+import type { MathDocument } from './model.js';
+export interface MathEditorElement extends HTMLElement {
+    readonly session: MathSession;
+    value: MathDocument;
+    focusEditor(): void;
+}
+/** Explicit registration; importing this module is safe without a browser. Uses light DOM. */
+export declare function defineMathEditor(tagName?: string): CustomElementConstructor;
+//# sourceMappingURL=web-component.d.ts.map

package/dist/web-component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"web-component.d.ts","sourceRoot":"","sources":["../src/web-component.ts"],"names":[],"mappings":"AACA,OAAO,EAAqB,KAAK,WAAW,EAAE,MAAM,cAAc,CAAC;AACnE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAC/C,MAAM,WAAW,iBAAkB,SAAQ,WAAW;IACpD,QAAQ,CAAC,OAAO,EAAE,WAAW,CAAC;IAC9B,KAAK,EAAE,YAAY,CAAC;IACpB,WAAW,IAAI,IAAI,CAAC;CACrB;AACD,8FAA8F;AAC9F,wBAAgB,gBAAgB,CAAC,OAAO,SAAwB,GAAG,wBAAwB,CAwE1F"}

package/dist/web-component.js

@@ -0,0 +1,67 @@
+import { mountMathEditor } from './dom.js';
+import { createMathSession } from './session.js';
+/** Explicit registration; importing this module is safe without a browser. Uses light DOM. */
+export function defineMathEditor(tagName = 'barocss-math-editor') {
+    const existing = customElements.get(tagName);
+    if (existing)
+        return existing;
+    class EditorElement extends HTMLElement {
+        static observedAttributes = ['locale', 'mode', 'toolbar', 'line-numbers', 'enter-behavior'];
+        session = createMathSession();
+        editor;
+        get value() {
+            return this.session.getSnapshot().state.document;
+        }
+        set value(document) {
+            this.session.load(document);
+        }
+        options() {
+            return {
+                locale: this.getAttribute('locale') ?? 'ko',
+                mode: this.getAttribute('mode') === 'inline' ? 'inline' : 'block',
+                toolbar: this.hasAttribute('toolbar')
+                    ? this.getAttribute('toolbar') !== 'false'
+                    : this.getAttribute('mode') !== 'inline',
+                enterBehavior: this.getAttribute('enter-behavior') === 'commit' ? 'commit' : undefined,
+                onCancel: () => this.dispatchEvent(new CustomEvent('math-cancel', { bubbles: true, composed: true })),
+                onCommit: (snapshot) => this.dispatchEvent(new CustomEvent('math-commit', { detail: snapshot, bubbles: true, composed: true })),
+                showLineNumbers: this.getAttribute('line-numbers') !== 'false',
+                onChange: (document, latex) => this.dispatchEvent(new CustomEvent('math-change', {
+                    detail: { document, latex },
+                    bubbles: true,
+                    composed: true,
+                })),
+                onExit: (direction) => this.dispatchEvent(new CustomEvent('math-exit', {
+                    detail: { direction },
+                    bubbles: true,
+                    composed: true,
+                })),
+            };
+        }
+        connectedCallback() {
+            // Upgrade a value assigned before customElements.define().
+            if (Object.prototype.hasOwnProperty.call(this, 'value')) {
+                const value = this.value;
+                delete this.value;
+                this.value = value;
+            }
+            this.editor = mountMathEditor(this, {
+                ...this.options(),
+                session: this.session,
+            });
+        }
+        disconnectedCallback() {
+            this.editor?.destroy();
+            this.editor = undefined;
+        }
+        attributeChangedCallback() {
+            this.editor?.update(this.options());
+        }
+        focusEditor() {
+            this.editor?.focus();
+        }
+    }
+    customElements.define(tagName, EditorElement);
+    return EditorElement;
+}
+//# sourceMappingURL=web-component.js.map

package/dist/web-component.js.map

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

package/package.json

@@ -0,0 +1,124 @@
+{
+  "name": "@barocss/math-editor",
+  "version": "0.1.0",
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./core": {
+      "types": "./dist/core.d.ts",
+      "import": "./dist/core.js"
+    },
+    "./style.css": "./src/style.css",
+    "./dom": {
+      "types": "./dist/dom.d.ts",
+      "import": "./dist/dom.js"
+    },
+    "./web-component": {
+      "types": "./dist/web-component.d.ts",
+      "import": "./dist/web-component.js"
+    },
+    "./react": {
+      "types": "./dist/react.d.ts",
+      "import": "./dist/react.js"
+    },
+    "./vue": {
+      "types": "./dist/vue.d.ts",
+      "import": "./dist/vue.js"
+    },
+    "./svelte": {
+      "types": "./dist/svelte.d.ts",
+      "import": "./dist/svelte.js"
+    },
+    "./solid": {
+      "types": "./dist/solid.d.ts",
+      "import": "./dist/solid.js"
+    },
+    "./locales/en.json": "./dist/locales/en.json",
+    "./locales/ko.json": "./dist/locales/ko.json"
+  },
+  "files": [
+    "dist",
+    "src/style.css",
+    "*.md",
+    "LICENSE"
+  ],
+  "peerDependencies": {
+    "react": ">=18",
+    "react-dom": ">=18",
+    "vue": ">=3",
+    "svelte": ">=4",
+    "solid-js": ">=1.9"
+  },
+  "devDependencies": {
+    "@types/katex": "0.16.8",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
+    "katex": "0.16.28",
+    "react": "^19.2.8",
+    "react-dom": "^19.2.8",
+    "solid-js": "^1.9",
+    "svelte": "^5",
+    "typescript": "^5.9.3",
+    "vitest": "^4.0.7",
+    "vue": "^3.5"
+  },
+  "peerDependenciesMeta": {
+    "react": {
+      "optional": true
+    },
+    "react-dom": {
+      "optional": true
+    },
+    "vue": {
+      "optional": true
+    },
+    "svelte": {
+      "optional": true
+    },
+    "solid-js": {
+      "optional": true
+    }
+  },
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "description": "Embeddable math editor with a framework-independent model, React UI, and native DOM adapters.",
+  "license": "MIT",
+  "homepage": "https://math-editor.barocss.com",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/barocss/barocss-editor.git",
+    "directory": "packages/math-editor"
+  },
+  "bugs": {
+    "url": "https://github.com/barocss/barocss-editor/issues"
+  },
+  "keywords": [
+    "math",
+    "math-editor",
+    "latex",
+    "react",
+    "web-components",
+    "vue",
+    "svelte",
+    "solid"
+  ],
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/",
+    "tag": "latest"
+  },
+  "scripts": {
+    "build": "node scripts/clean.mjs && tsc -p tsconfig.build.json && node scripts/build-locales.mjs",
+    "type-check": "tsc --noEmit",
+    "test": "vitest run",
+    "test:run": "vitest run",
+    "format": "prettier --write src test \"examples/*.ts\" scripts",
+    "format:check": "prettier --check src test \"examples/*.ts\" scripts"
+  }
+}