@musaaj/simpleeditor 0.0.1 → 0.0.3

package/README.md

@@ -8,14 +8,14 @@ SimpleEditor ships two web components powered by Quill:
 ## Install
 
 ```bash
-yarn add simpleeditor
+yarn add @musaaj/simpleeditor
 ```
 
 ## Usage
 
 ```ts
-import "simpleeditor";
-import "simpleeditor/style.css";
+import "@musaaj/simpleeditor";
+import "@musaaj/simpleeditor/style.css";
 ```
 
 ```html
@@ -62,8 +62,8 @@ Use the wrapper components in `examples/react/quill-components.tsx` to avoid han
 Example:
 
 ```tsx
-import "simpleeditor";
-import "simpleeditor/style.css";
+import "@musaaj/simpleeditor";
+import "@musaaj/simpleeditor/style.css";
 import { QuillTextareaReact, QuillDivReact } from "./quill-components";
 import { useState } from "react";
 
@@ -121,21 +121,29 @@ System dark mode:
 ## Build and Publish
 
 ```bash
-yarn build
+npm run build
 ```
 
 Build output:
 
 - `dist/simpleeditor.js`
-- `dist/style.css`
-- `dist/types/*.d.ts`
+- `dist/simpleeditor.css`
+- `dist/types/main.d.ts`
 
 `npm publish` will run build automatically via `prepublishOnly`.
 
 ## Development
 
 ```bash
-yarn dev
+npm run dev
+```
+
+## Test and Typecheck
+
+```bash
+npm run test
+npm run test:run
+npm run typecheck
 ```
 
 ## Docs

package/dist/simpleeditor.js

@@ -45688,7 +45688,6 @@ core_default.register({
 	"ui/tooltip": tooltip_default
 }, !0);
 var quill_default = core_default;
-customElements.get("math-field") || customElements.define("math-field", _t);
 function createMathSpanElement(e) {
 	let t = document.createElement(MATH_SPAN_TAG);
 	return t.setAttribute(DATA_LATEX, e), t.textContent = e, t;
@@ -45699,10 +45698,6 @@ function registerQuillMathBlot(e) {
 	registered$2 = !0;
 	let t = e.import("blots/embed");
 	class n extends t {
-		static blotName = "math";
-		static tagName = "span";
-		static className = "qt-math-blot";
-		static quill = null;
 		static create(e) {
 			let n = t.create(), r = typeof e == "string" ? e : e?.latex ?? "", i = typeof e == "string" ? "" : e?.id ?? "";
 			return n.setAttribute(DATA_LATEX, r), n.setAttribute("contenteditable", "false"), i && n.setAttribute("data-qt-id", i), n.__latex = r, n.appendChild(createMathSpanElement(r)), n.addEventListener("pointerdown", (e) => {
@@ -45718,7 +45713,7 @@ function registerQuillMathBlot(e) {
 			return e.__latex ?? e.getAttribute("data-latex") ?? "";
 		}
 	}
-	e.register("formats/math", n, !0);
+	n.blotName = "math", n.tagName = "span", n.className = "qt-math-blot", n.quill = null, e.register("formats/math", n, !0);
 }
 function setQuillMathBlotQuill(e) {
 	let t = quill_default.import("formats/math");
@@ -45804,9 +45799,6 @@ function registerQuillImageBlot(e) {
 	registered$1 = !0;
 	let t = e.import("blots/embed");
 	class n extends t {
-		static blotName = "image";
-		static tagName = IMG_BLOT_TAG;
-		static className = "qt-image-blot";
 		static create(e) {
 			return createImageBlot(typeof e == "string" ? e : e?.src ?? "", typeof e == "string" ? "" : e?.alt ?? "", typeof e == "string" ? null : e?.width ?? null, typeof e == "string" ? null : e?.height ?? null);
 		}
@@ -45820,7 +45812,7 @@ function registerQuillImageBlot(e) {
 			};
 		}
 	}
-	e.register("formats/image", n, !0);
+	n.blotName = "image", n.tagName = IMG_BLOT_TAG, n.className = "qt-image-blot", e.register("formats/image", n, !0);
 }
 function buildTable(e, t) {
 	let n = document.createElement("table");
@@ -46509,8 +46501,6 @@ function createTableBlot(e = 2, t = 2, n = "clean") {
 function registerQuillTableBlot(e) {
 	let t = e.import("blots/block/embed");
 	class n extends t {
-		static blotName = "table";
-		static tagName = "table-blot";
 		static create(e) {
 			let t = e?.theme ?? "clean", n = parseTableHtml(e?.html), r = createTableBlot(e?.rows ?? n?.rows.length ?? 2, e?.cols ?? getMaxCols(n) ?? 2, t);
 			if (r.style.display = "inline-block", r.style.maxWidth = "100%", n) {
@@ -46529,7 +46519,7 @@ function registerQuillTableBlot(e) {
 			};
 		}
 	}
-	e.register("formats/table", n, !0);
+	n.blotName = "table", n.tagName = "table-blot", e.register("formats/table", n, !0);
 }
 function parseTableHtml(e) {
 	if (!e) return null;
@@ -46567,9 +46557,6 @@ function registerQuillChemBlot(e) {
 	registered = !0;
 	let t = e.import("blots/embed");
 	class n extends t {
-		static blotName = "chem";
-		static tagName = "span";
-		static className = "qt-chem-blot";
 		static create(e) {
 			let n = t.create(), r = typeof e == "string" ? e : e?.formula ?? "";
 			return n.setAttribute(DATA_FORMULA, r), n.setAttribute("contenteditable", "false"), n.__formula = r, n.appendChild(createChemSpan(r)), n.addEventListener("pointerdown", (e) => {
@@ -46585,7 +46572,7 @@ function registerQuillChemBlot(e) {
 			return e.__formula ?? e.getAttribute("data-formula") ?? "";
 		}
 	}
-	e.register("formats/chem", n, !0);
+	n.blotName = "chem", n.tagName = "span", n.className = "qt-chem-blot", e.register("formats/chem", n, !0);
 }
 function createChemEditor(e, t) {
 	let n = document.createElement(CHEM_SPAN_TAG);
@@ -46958,7 +46945,7 @@ var QuillTextarea = class extends HTMLElement {
 	}
 	bindMathEditor() {
 		if (!this.mathFieldHost) return;
-		let e = new _t();
+		let e = document.createElement("math-field");
 		e.setAttribute("virtual-keyboard-mode", "onfocus"), this.mathFieldHost.appendChild(e), this.mathField = e, this.mathSaveBtn?.addEventListener("click", () => this.saveMathEditor()), this.mathCancelBtn?.addEventListener("click", () => this.closeMathEditor(!0)), this.mathModal?.addEventListener("click", (e) => {
 			e.target === this.mathModal && this.closeMathEditor(!0);
 		});

package/dist/types/builtins/blots/math/field.d.ts

@@ -1,5 +1,5 @@
 import "mathlive";
-import { MathfieldElement } from "mathlive";
+import type { MathfieldElement } from "mathlive";
 export declare function createMathSpanElement(value: string): HTMLElement;
 export declare function createMathFieldElement(value: string, onValueChange: (next: string) => void): MathfieldElement;
 //# sourceMappingURL=field.d.ts.map

package/dist/types/builtins/blots/math/field.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"field.d.ts","sourceRoot":"","sources":["../../../../../src/builtins/blots/math/field.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,CAAC;AAClB,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAO5C,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,MAAM,GAAG,WAAW,CAKhE;AAED,wBAAgB,sBAAsB,CAClC,KAAK,EAAE,MAAM,EACb,aAAa,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,GACtC,gBAAgB,CAoBlB"}
+{"version":3,"file":"field.d.ts","sourceRoot":"","sources":["../../../../../src/builtins/blots/math/field.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,CAAC;AAClB,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAGjD,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,MAAM,GAAG,WAAW,CAKhE;AAED,wBAAgB,sBAAsB,CAClC,KAAK,EAAE,MAAM,EACb,aAAa,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,GACtC,gBAAgB,CAoBlB"}

package/dist/types/quill-chem-blot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"quill-chem-blot.d.ts","sourceRoot":"","sources":["../../src/quill-chem-blot.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,KAAK,SAAS,GAAG,OAAO,KAAK,CAAC;AAI9B,wBAAgB,qBAAqB,CAAC,UAAU,EAAE,SAAS,GAAG,IAAI,CAwCjE"}
+{"version":3,"file":"quill-chem-blot.d.ts","sourceRoot":"","sources":["../../src/quill-chem-blot.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,KAAK,SAAS,GAAG,OAAO,KAAK,CAAC;AAI9B,wBAAgB,qBAAqB,CAAC,UAAU,EAAE,SAAS,GAAG,IAAI,CAuCjE"}

package/dist/types/quill-image-blot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"quill-image-blot.d.ts","sourceRoot":"","sources":["../../src/quill-image-blot.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,KAAK,SAAS,GAAG,OAAO,KAAK,CAAC;AA4C9B,wBAAgB,sBAAsB,CAAC,UAAU,EAAE,SAAS,GAAG,IAAI,CAmClE"}
+{"version":3,"file":"quill-image-blot.d.ts","sourceRoot":"","sources":["../../src/quill-image-blot.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,KAAK,SAAS,GAAG,OAAO,KAAK,CAAC;AA4C9B,wBAAgB,sBAAsB,CAAC,UAAU,EAAE,SAAS,GAAG,IAAI,CAkClE"}

package/dist/types/quill-math-blot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"quill-math-blot.d.ts","sourceRoot":"","sources":["../../src/quill-math-blot.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,KAAK,SAAS,GAAG,OAAO,KAAK,CAAC;AAI9B,wBAAgB,qBAAqB,CAAC,UAAU,EAAE,SAAS,GAAG,IAAI,CA4CjE;AAED,wBAAgB,qBAAqB,CAAC,QAAQ,EAAE,KAAK,GAAG,IAAI,GAAG,IAAI,CAMlE"}
+{"version":3,"file":"quill-math-blot.d.ts","sourceRoot":"","sources":["../../src/quill-math-blot.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,KAAK,SAAS,GAAG,OAAO,KAAK,CAAC;AAI9B,wBAAgB,qBAAqB,CAAC,UAAU,EAAE,SAAS,GAAG,IAAI,CA2CjE;AAED,wBAAgB,qBAAqB,CAAC,QAAQ,EAAE,KAAK,GAAG,IAAI,GAAG,IAAI,CAMlE"}

package/dist/types/quill-table-blot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"quill-table-blot.d.ts","sourceRoot":"","sources":["../../src/quill-table-blot.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,SAAS,MAAM,OAAO,CAAC;AAanC,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,OAAO,SAAS,GAAG,IAAI,CA6CpE"}
+{"version":3,"file":"quill-table-blot.d.ts","sourceRoot":"","sources":["../../src/quill-table-blot.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,SAAS,MAAM,OAAO,CAAC;AAanC,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,OAAO,SAAS,GAAG,IAAI,CA4CpE"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@musaaj/simpleeditor",
   "private": false,
-  "version": "0.0.1",
+  "version": "0.0.3",
   "type": "module",
   "main": "./dist/simpleeditor.js",
   "module": "./dist/simpleeditor.js",
@@ -11,7 +11,7 @@
       "types": "./dist/types/main.d.ts",
       "import": "./dist/simpleeditor.js"
     },
-    "./style.css": "./dist/style.css"
+    "./style.css": "./dist/simpleeditor.css"
   },
   "files": [
     "dist",