@pie-lib/mask-markup 3.0.4-next.31 → 3.0.4-next.32

package/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/toStyleObject.js

@@ -0,0 +1,55 @@
+import { __commonJSMin as e } from "../../../../../../_virtual/_rolldown/runtime.js";
+import { require_cssUnitless as t } from "./cssUnitless.js";
+import { require_prefixInfo as n } from "./prefixInfo.js";
+import { require_camelize as r } from "./stringUtils/camelize.js";
+import { require_hyphenate as i } from "./stringUtils/hyphenate.js";
+import { require_cssPrefix as a } from "./cssPrefix.js";
+import { require_hasOwn as o } from "./hasOwn.js";
+import { require_isObject as s } from "./isObject.js";
+import { require_isFunction as c } from "./isFunction.js";
+//#region ../../../node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/toStyleObject.js
+var l = /* @__PURE__ */ e(((e, l) => {
+	n();
+	var u = a(), d = i(), f = r(), p = o(), m = s(), h = c(), g = function(e, t, n, r) {
+		u(t).forEach(function(t) {
+			e[r ? r(t) : t] = n;
+		});
+	}, _ = function(e) {
+		e = (e || "").split(";");
+		var t = {};
+		return e.forEach(function(e) {
+			var n = e.split(":");
+			n.length == 2 && (t[n[0].trim()] = n[1].trim());
+		}), t;
+	}, v = { cssUnitless: t() }, y = function(e, t, n, r) {
+		typeof e == "string" && (e = _(e)), t ||= v, t.cssUnitless = t.cssUnitless || v.cssUnitless, r ||= {};
+		var i = t.scope || {}, a = t.addUnits == null ? i && i.addUnits != null ? i.addUnits : !0 : t.addUnits, o = (t.cssUnitless == null ? i ? i.cssUnitless : null : t.cssUnitless) || {}, s = (t.cssUnit || i ? i.cssUnit : null) || "px", c = t.prefixProperties || (i ? i.prefixProperties : null) || {}, l = t.camelize ? f : d, u, b, x, S, C, w, T, E;
+		for (x in e) if (p(e, x)) {
+			if (S = e[x], b = d(n ? n + x : x), u = !1, E = !1, h(S) && (T = S.call(i || e, S, x, b, e), m(T) && T.value != null ? (S = T.value, E = T.prefix, b = T.name ? d(T.name) : b) : S = T), C = typeof S, w = C == "number" || C == "string" && S != "" && S * 1 == S, S == null || b == null || b === "") continue;
+			if ((w || C == "string") && (u = !0), !u && S.value != null && S.prefix && (u = !0, E = S.prefix, S = S.value), u) {
+				if (E ||= !!c[b], w && (S = a && !(b in o) ? S + s : S + ""), (b == "border" || !b.indexOf("border") && !~b.indexOf("radius") && !~b.indexOf("width")) && w && (b += "-width"), !b.indexOf("border-radius-") && (b.replace(/border(-radius)(-(.*))/, function(e, t, n) {
+					var r = {
+						"-top": ["-top-left", "-top-right"],
+						"-left": ["-top-left", "-bottom-left"],
+						"-right": ["-top-right", "-bottom-right"],
+						"-bottom": ["-bottom-left", "-bottom-right"]
+					};
+					n in r ? (b = [], r[n].forEach(function(e) {
+						b.push("border" + e + t);
+					})) : b = "border" + n + t;
+				}), Array.isArray(b))) {
+					b.forEach(function(e) {
+						E ? g(r, e, S, l) : r[l(e)] = S;
+					});
+					continue;
+				}
+				E ? g(r, b, S, l) : r[l(b)] = S;
+			} else y(S, t, b + "-", r);
+		}
+		return r;
+	};
+	l.exports = y;
+}));
+//#endregion
+export default l();
+export { l as require_toStyleObject };

package/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/toStyleString.js

@@ -0,0 +1,16 @@
+import { __commonJSMin as e } from "../../../../../../_virtual/_rolldown/runtime.js";
+import { require_hasOwn as t } from "./hasOwn.js";
+import { require_toStyleObject as n } from "./toStyleObject.js";
+//#region ../../../node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/toStyleString.js
+var r = /* @__PURE__ */ e(((e, r) => {
+	var i = n(), a = t();
+	r.exports = function(e, t) {
+		e = i(e, t);
+		var n = [], r;
+		for (r in e) a(e, r) && n.push(r + ": " + e[r]);
+		return n.join("; ");
+	};
+}));
+//#endregion
+export default r();
+export { r as require_toStyleString };

package/dist/serialization.d.ts

@@ -0,0 +1,34 @@
+/**
+ * @synced-from pie-lib/packages/mask-markup/src/serialization.js
+ * @auto-generated
+ *
+ * This file is automatically synced from pie-elements and converted to TypeScript.
+ * Manual edits will be overwritten on next sync.
+ * To make changes, edit the upstream JavaScript file and run sync again.
+ */
+export declare const parseStyleString: (s: any) => {};
+export declare const reactAttributes: (o: any) => any;
+/**
+ * Tags to marks.
+ *
+ * @type {Object}
+ */
+export declare const MARK_TAGS: {
+    b: string;
+    em: string;
+    u: string;
+    s: string;
+    code: string;
+    strong: string;
+};
+/**
+ * Deserialize HTML string to Slate JSON format
+ */
+export declare const deserialize: (htmlString: any) => {
+    object: string;
+    document: {
+        object: string;
+        data: {};
+        nodes: any;
+    };
+};

package/dist/serialization.js

@@ -0,0 +1,132 @@
+import { require_to_style as e } from "./node_modules/.bun/to-style@1.3.3/node_modules/to-style/index.js";
+import t from "debug";
+//#region src/serialization.ts
+var n = e(), r = t("@pie-lib:mask-markup:serialization"), i = ["span"], a = [
+	"em",
+	"strong",
+	"u"
+], o = 3, s = 8, c = 1, l = (e) => {
+	if (!e.attributes || e.attributes.length <= 0) return;
+	let t = {}, n;
+	for (n = 0; n < e.attributes.length; n++) {
+		let r = e.attributes[n];
+		t[r.name] = r.value;
+	}
+	return t;
+}, u = (e) => i.includes(e) ? "inline" : a.includes(e) ? "mark" : "block", d = (e) => {
+	let t = /([\w-]*)\s*:\s*([^;]*)/g, n, r = {};
+	for (; n = t.exec(e);) r[n[1]] = n[2].trim();
+	return r;
+}, f = (e) => (0, n.object)(e, {
+	camelize: !0,
+	addUnits: !1
+}), p = (e, t) => f(d(e.getAttribute(t))), m = (e, t, n) => {
+	let r = e.getAttribute(n);
+	return delete t.class, r;
+}, h = (e) => (t, n) => {
+	if (!e.getAttribute) return t;
+	if (e.getAttribute(n)) switch (n) {
+		case "style":
+			t.style = p(e, n);
+			break;
+		case "class":
+			t.className = m(e, t, n);
+			break;
+		default:
+			t[n] = e.getAttribute(n);
+			break;
+	}
+	return t;
+}, g = [
+	"border",
+	"class",
+	"style"
+], _ = {
+	b: "bold",
+	em: "italic",
+	u: "underline",
+	s: "strikethrough",
+	code: "code",
+	strong: "strong"
+}, v = (e, t = []) => {
+	if (e.nodeType === s) return null;
+	if (e.nodeType === o) {
+		let n = { text: e.textContent };
+		return t.length > 0 && (n.marks = t.map((e) => ({
+			type: e,
+			data: void 0
+		}))), {
+			object: "text",
+			leaves: [n]
+		};
+	}
+	if (e.nodeType === c) {
+		let n = e.tagName.toLowerCase(), i = _[n];
+		if (i) return r("[deserialize] mark: ", i), {
+			_flatten: !0,
+			nodes: y(e.childNodes, [...t, i])
+		};
+		if (n === "math") return {
+			isMath: !0,
+			nodes: [e]
+		};
+		let a = l(e) || {};
+		n === "audio" && a.controls === "" && (a.controls = !0);
+		let o = g.reduce(h(e), { ...a }), s = u(n), c = y(e.childNodes, t);
+		return {
+			object: s,
+			type: n,
+			data: {
+				dataset: { ...e.dataset },
+				attributes: { ...o }
+			},
+			nodes: c
+		};
+	}
+	return null;
+}, y = (e, t = []) => {
+	let n = [];
+	for (let r = 0; r < e.length; r++) {
+		let i = v(e[r], t);
+		i !== null && (i._flatten && i.nodes ? n.push(...i.nodes) : n.push(i));
+	}
+	return n;
+}, b = (e) => {
+	if (!e || !e.trim()) return {
+		object: "value",
+		document: {
+			object: "document",
+			data: {},
+			nodes: [{
+				object: "block",
+				type: "span",
+				data: {},
+				isVoid: !1,
+				nodes: []
+			}]
+		}
+	};
+	let t = y(new DOMParser().parseFromString(e, "text/html").body.childNodes);
+	return !t.some((e) => e.object === "block" || e.object === "inline") && t.length > 0 && (t = [{
+		object: "block",
+		type: "span",
+		data: {},
+		isVoid: !1,
+		nodes: t
+	}]), t.length === 0 && (t = [{
+		object: "block",
+		type: "span",
+		data: {},
+		isVoid: !1,
+		nodes: []
+	}]), {
+		object: "value",
+		document: {
+			object: "document",
+			data: {},
+			nodes: t
+		}
+	};
+};
+//#endregion
+export { _ as MARK_TAGS, b as deserialize };

package/dist/with-mask.d.ts

@@ -0,0 +1,55 @@
+/**
+ * @synced-from pie-lib/packages/mask-markup/src/with-mask.jsx
+ * @auto-generated
+ *
+ * This file is automatically synced from pie-elements and converted to TypeScript.
+ * Manual edits will be overwritten on next sync.
+ * To make changes, edit the upstream JavaScript file and run sync again.
+ */
+import React from 'react';
+import PropTypes from 'prop-types';
+export declare const buildLayoutFromMarkup: (markup: any, type: any) => {
+    object: string;
+    data: {};
+    nodes: any;
+};
+export declare const withMask: (type: any, renderChildren: any) => {
+    new (props: any): {
+        componentDidUpdate(prevProps: any): void;
+        render(): React.JSX.Element;
+        context: unknown;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<{}>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<{}>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<{}>, prevState: Readonly<{}>): any;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<{}>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    propTypes: {
+        /**
+         * At the start we'll probably work with markup
+         */
+        markup: PropTypes.Requireable<string>;
+        /**
+         * Once we start authoring, it may make sense for use to us layout, which will be a simple js object that maps to `slate.Value`.
+         */
+        layout: PropTypes.Requireable<object>;
+        value: PropTypes.Requireable<object>;
+        onChange: PropTypes.Requireable<(...args: any[]) => any>;
+        customMarkMarkupComponent: PropTypes.Requireable<(...args: any[]) => any>;
+        elementType: PropTypes.Requireable<string>;
+    };
+    contextType?: React.Context<any> | undefined;
+};

package/dist/with-mask.js

@@ -0,0 +1,45 @@
+import { deserialize as e } from "./serialization.js";
+import t from "./mask.js";
+import n from "./componentize.js";
+import r from "react";
+import i from "prop-types";
+import { jsx as a } from "react/jsx-runtime";
+//#region src/with-mask.tsx
+var o = (t, r) => {
+	let { markup: i } = n(t, r);
+	return e(i).document;
+}, s = (e, n) => class extends r.Component {
+	static propTypes = {
+		markup: i.string,
+		layout: i.object,
+		value: i.object,
+		onChange: i.func,
+		customMarkMarkupComponent: i.func,
+		elementType: i.string
+	};
+	constructor(e) {
+		super(e), this.containerRef = r.createRef();
+	}
+	componentDidUpdate(e) {
+		if (this.props.markup !== e.markup) {
+			let e = this.containerRef.current;
+			(e && e.querySelectorAll("[data-latex][data-math-handled=\"true\"]") || []).forEach((e) => {
+				let t = e.querySelector("mjx-container");
+				t && e.removeChild(t), e.innerHTML = e.getAttribute("data-raw"), e.removeAttribute("data-math-handled");
+			});
+		}
+	}
+	render() {
+		let { markup: r, layout: i, value: s, onChange: c, elementType: l } = this.props, u = i || o(r, e);
+		return /* @__PURE__ */ a(t, {
+			containerRef: this.containerRef,
+			elementType: l,
+			layout: u,
+			value: s,
+			onChange: c,
+			renderChildren: n(this.props)
+		});
+	}
+};
+//#endregion
+export { o as buildLayoutFromMarkup, s as withMask };

package/package.json

@@ -1,32 +1,51 @@
 {
   "name": "@pie-lib/mask-markup",
-  "version": "3.0.4-next.31+a03ae0e80",
+  "version": "3.0.4-next.32",
   "description": "",
-  "main": "lib/index.js",
-  "module": "src/index.js",
-  "publishConfig": {
-    "access": "public"
-  },
-  "repository": "pie-framework/pie-lib",
   "dependencies": {
     "@emotion/react": "^11.14.0",
     "@emotion/style": "^0.8.0",
     "@mui/icons-material": "^7.3.4",
     "@mui/material": "^7.3.4",
-    "@pie-lib/drag": "^4.0.2",
-    "@pie-lib/editable-html-tip-tap": "^2.1.1",
-    "@pie-lib/math-rendering": "^5.0.2",
-    "@pie-lib/render-ui": "^6.1.0",
-    "classnames": "^2.2.6",
+    "@pie-lib/drag": "4.0.3-next.37",
+    "@pie-lib/editable-html-tip-tap": "2.1.2-next.30",
+    "@pie-lib/render-ui": "6.1.1-next.37",
     "debug": "^4.1.1",
-    "lodash-es": "^4.17.23",
     "prop-types": "^15.7.2",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "to-style": "^1.3.3"
+    "to-style": "^1.3.3",
+    "@dnd-kit/core": "^6.3.1",
+    "@pie-element/shared-math-rendering-mathjax": "0.1.1-next.0",
+    "@pie-element/shared-lodash": "0.1.1-next.0",
+    "@dnd-kit/utilities": "^3.2.2",
+    "clsx": "^2.1.1"
+  },
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "sideEffects": false,
+  "scripts": {
+    "build": "bun x vite build && bun x tsc --emitDeclarationOnly",
+    "dev": "bun x vite",
+    "test": "bun x vitest run"
+  },
+  "devDependencies": {
+    "vite": "^8.0.1",
+    "typescript": "^5.9.3",
+    "@vitejs/plugin-react": "^6.0.1",
+    "@types/react": "^18.2.0",
+    "@types/react-dom": "^18.2.0"
   },
-  "keywords": [],
-  "author": "",
-  "license": "ISC",
-  "gitHead": "a03ae0e80283d9dc985cee8d55dde9cf4ecf1c3f"
+  "peerDependencies": {
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
+  }
 }

package/CHANGELOG.json

@@ -1,17 +0,0 @@
-[
-  {
-    "type": "feat",
-    "scope": "mask-markup",
-    "subject": "merging with the develop branch",
-    "merge": null,
-    "header": "feat(mask-markup): merging with the develop branch",
-    "body": null,
-    "footer": null,
-    "notes": [],
-    "hash": "0153c1aba8a08ba6c974fcc69476a87b9086f6c5",
-    "gitTags": "",
-    "committerDate": "2019-05-02 07:12:59 +0300",
-    "isTagged": true,
-    "tag": "@pie-lib/mask-markup@1.0.0"
-  }
-]