forge-edit 0.1.0-beta.12 → 0.1.0-beta.13

package/dist/index.js

@@ -3865,7 +3865,23 @@ function Lt({ logic: e }) {
 }
 //#endregion
 //#region src/components/shared/toolbar/View/Hooks/viewLogic.jsx
-function Rt() {
+function Rt(e) {
+	let t = "", n = 0;
+	return e.replace(/></g, ">\n<").split("\n").forEach((e) => {
+		let r = e.trim();
+		if (!r) return;
+		let i = /^<\/\w/.test(r), a = /\/>$/.test(r) || /^<(br|hr|img|input|meta|link)\b[^>]*>$/i.test(r), o = /^<\w[^>]*>$/.test(r) && !i && !a, s = /^<(\w+)[^>]*>.*<\/\1>$/.test(r);
+		i && !s && (n = Math.max(0, n - 1)), t += "  ".repeat(n) + r + "\n", o && !s && (n += 1);
+	}), t.trim();
+}
+function zt(e) {
+	e.focus();
+	let t = document.createRange();
+	t.selectNodeContents(e), t.collapse(!1);
+	let n = window.getSelection();
+	n && (n.removeAllRanges(), n.addRange(t));
+}
+function Bt() {
 	return {
 		toggleFullscreen: () => {
 			let e = document.querySelector(".forge-editor");
@@ -3873,7 +3889,15 @@ function Rt() {
 		},
 		toggleCodeView: () => {
 			let e = document.querySelector(".forge-editor__content");
-			e && (e.contentEditable === "true" ? (e.contentEditable = "false", e.textContent = e.innerHTML) : (e.contentEditable = "true", e.innerHTML = e.textContent), e.focus());
+			if (e) {
+				if (e.getAttribute("data-code-view") !== "true") {
+					let t = e.innerHTML, n = Rt(t);
+					e.setAttribute("data-code-view", "true"), e.contentEditable = "false", e.style.whiteSpace = "pre", e.style.fontFamily = "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace", e.style.fontSize = "13px", e.style.lineHeight = "1.6", e.style.tabSize = "2", e.textContent = n;
+				} else {
+					let t = e.textContent;
+					e.removeAttribute("data-code-view"), e.style.whiteSpace = "", e.style.fontFamily = "", e.style.fontSize = "", e.style.lineHeight = "", e.style.tabSize = "", e.innerHTML = t, e.contentEditable = "true", zt(e);
+				}
+			}
 		},
 		showHelp: () => {
 			let e = [
@@ -3893,12 +3917,12 @@ function Rt() {
 }
 //#endregion
 //#region src/components/shared/toolbar/View/Components/index.jsx
-function zt() {
-	return /* @__PURE__ */ R(Lt, { logic: Rt() });
+function Vt() {
+	return /* @__PURE__ */ R(Lt, { logic: Bt() });
 }
 //#endregion
 //#region src/components/shared/toolbar/Index/index.jsx
-function Bt({ editorRef: e }) {
+function Ht({ editorRef: e }) {
 	return /* @__PURE__ */ R("div", {
 		className: "forge-editor__toolbar sticky top-0 z-10 m-0 flex flex-shrink-0 flex-wrap items-center justify-between gap-[4px] rounded-t-[3px] border-b border-[#ddd] bg-[#f5f5f5] p-[5px] text-[#333]",
 		role: "toolbar",
@@ -3910,13 +3934,13 @@ function Bt({ editorRef: e }) {
 			/* @__PURE__ */ R(St, {}),
 			/* @__PURE__ */ R(Ot, {}),
 			/* @__PURE__ */ R(It, {}),
-			/* @__PURE__ */ R(zt, {})
+			/* @__PURE__ */ R(Vt, {})
 		]
 	});
 }
 //#endregion
 //#region src/components/shared/statusbar/Components/index.jsx
-function Vt() {
+function Ut() {
 	return /* @__PURE__ */ R("div", {
 		className: "forge-statusbar box-border flex h-2.5 w-full flex-shrink-0 cursor-s-resize items-center justify-center rounded-b-[3px] border-t border-[#ccc] bg-[#f0f0f0]",
 		role: "status",
@@ -3933,10 +3957,10 @@ function Vt() {
 }
 //#endregion
 //#region src/components/shared/statusbar/Hooks/resize.js
-var Ht = 100;
-function Ut(e, t, n = {}) {
+var Wt = 100;
+function Gt(e, t, n = {}) {
 	if (!e || !t) return () => {};
-	let r = n.minHeight ?? Ht, i = n.maxHeight ?? Infinity, a = 0, o = 0;
+	let r = n.minHeight ?? Wt, i = n.maxHeight ?? Infinity, a = 0, o = 0;
 	function s(e) {
 		let n = e.clientY - a, s = o + n;
 		s = Math.min(Math.max(s, r), i), t.style.height = `${s}px`;
@@ -3953,7 +3977,7 @@ function Ut(e, t, n = {}) {
 }
 //#endregion
 //#region src/components/shared/toolbar/Style/Hooks/styleLogic.jsx
-function Wt(e) {
+function Kt(e) {
 	let t = window.getSelection();
 	if (!t || !t.rangeCount) return;
 	let n = t.getRangeAt(0).commonAncestorContainer;
@@ -3967,20 +3991,20 @@ function Wt(e) {
 		i.selectNodeContents(n), i.collapse(!1), t.removeAllRanges(), t.addRange(i);
 	}
 }
-function Gt(e) {
+function qt(e) {
 	if (!e) return;
 	let t = e.querySelector("[data-command='style']"), n = e.querySelector(".forge-dropdown-style");
 	!t || !n || (Je(t, n), n.querySelectorAll(".forge-dropdown-item").forEach((e) => {
 		e.addEventListener("mousedown", (r) => {
 			r.preventDefault(), r.stopPropagation();
 			let i = e.dataset.value || e.getAttribute("data-value");
-			i && Wt(i), n.classList.remove("is-open"), t.classList.remove("is-active");
+			i && Kt(i), n.classList.remove("is-open"), t.classList.remove("is-active");
 		});
 	}));
 }
 //#endregion
 //#region src/components/shared/i18n/index.js
-var Kt = {
+var Jt = {
 	en: {
 		style: "Style",
 		normal: "Normal",
@@ -4053,20 +4077,20 @@ var Kt = {
 		codeview: "عرض الكود",
 		help: "مساعدة"
 	}
-}, qt = "en";
-function Jt(e, t) {
-	return (Kt[e] || Kt[qt])[t] || Kt[qt][t] || t;
+}, Yt = "en";
+function Xt(e, t) {
+	return (Jt[e] || Jt[Yt])[t] || Jt[Yt][t] || t;
 }
 //#endregion
 //#region src/components/shared/i18n/apply.js
-function Yt(e, t) {
+function Zt(e, t) {
 	e.querySelectorAll("[data-i18n]").forEach((e) => {
-		e.textContent = Jt(t, e.getAttribute("data-i18n"));
+		e.textContent = Xt(t, e.getAttribute("data-i18n"));
 	});
 }
 //#endregion
 //#region src/components/shared/toolbar/Style/Utils/ensureParagraph.jsx
-function Xt(e) {
+function Qt(e) {
 	if (e && !(e.children.length > 0 || e.textContent.trim().length > 0)) {
 		let t = document.createElement("p");
 		t.innerHTML = "<br>", e.appendChild(t);
@@ -4074,7 +4098,7 @@ function Xt(e) {
 }
 //#endregion
 //#region src/components/shared/toolbar/Hooks/contentClick.js
-function Zt(e) {
+function $t(e) {
 	e.addEventListener("click", (t) => {
 		if (t.target === e) {
 			let t = window.getSelection();
@@ -4091,7 +4115,7 @@ function Zt(e) {
 }
 //#endregion
 //#region src/components/shared/toolbar/ImagePopover/Components/ImagePopover.jsx
-function Qt({ target: e, onClose: t, onResize: n, onFloat: r, onRemove: i }) {
+function en({ target: e, onClose: t, onResize: n, onFloat: r, onRemove: i }) {
 	let a = q(null);
 	if (!e) return null;
 	let o = e.getBoundingClientRect(), s = {
@@ -4226,7 +4250,7 @@ function Qt({ target: e, onClose: t, onResize: n, onFloat: r, onRemove: i }) {
 }
 //#endregion
 //#region src/components/shared/toolbar/ImagePopover/Hooks/useImagePopover.jsx
-function $t() {
+function tn() {
 	let [e, t] = G(null), [n, r] = G(!1);
 	return K(() => {
 		let e = (e) => {
@@ -4261,12 +4285,12 @@ function $t() {
 }
 //#endregion
 //#region src/components/shared/toolbar/ImagePopover/Components/index.jsx
-function en() {
-	return /* @__PURE__ */ R(Qt, { ...$t() });
+function nn() {
+	return /* @__PURE__ */ R(en, { ...tn() });
 }
 //#endregion
 //#region src/components/light/index.jsx
-function tn(e) {
+function rn(e) {
 	return {
 		getHTML() {
 			return e.innerHTML;
@@ -4283,41 +4307,41 @@ function tn(e) {
 		}
 	};
 }
-function nn(e) {
+function an(e) {
 	let t = e.lang || "en", n = e.dir || "ltr", r = { current: null }, i = /* @__PURE__ */ R("div", {
 		className: "forge-editor forge-editor--light flex flex-col w-full rounded-[3px] border border-[#ddd] bg-white box-border align-top min-h-[120px]",
 		lang: t,
 		dir: n,
 		children: [
-			/* @__PURE__ */ R(Bt, { editorRef: r }),
+			/* @__PURE__ */ R(Ht, { editorRef: r }),
 			/* @__PURE__ */ R("div", {
 				className: "forge-editor__content flex-1 min-h-[60px] overflow-auto p-[10px] pb-12 outline-none box-border [&_blockquote]:my-2 [&_blockquote]:border-l-4 [&_blockquote]:border-[#ccc] [&_blockquote]:pl-4 [&_blockquote]:italic [&_pre]:bg-[#f4f4f4] [&_pre]:p-2 [&_pre]:rounded [&_h1]:text-2xl [&_h1]:font-bold [&_h2]:text-xl [&_h2]:font-bold [&_h3]:text-lg [&_h3]:font-bold",
 				contentEditable: "true",
 				"data-placeholder": e.placeholder || ""
 			}),
-			/* @__PURE__ */ R(Vt, {}),
-			/* @__PURE__ */ R(en, {})
+			/* @__PURE__ */ R(Ut, {}),
+			/* @__PURE__ */ R(nn, {})
 		]
 	}), a = document.createElement("div");
 	I(i, a);
 	let o = a.firstElementChild, s = o.querySelector(".forge-editor__content");
-	r.current = s, Xt(s), Zt(s);
+	r.current = s, Qt(s), $t(s);
 	let c = o.querySelector(".forge-toolbar-style");
-	c && Gt(c);
+	c && qt(c);
 	let l = o.querySelector(".forge-editor__toolbar");
-	l && Yt(l, t);
+	l && Zt(l, t);
 	let u = o.querySelector(".forge-statusbar");
-	return u && Ut(u, o, { minHeight: 120 }), {
+	return u && Gt(u, o, { minHeight: 120 }), {
 		element: o,
-		...tn(s)
+		...rn(s)
 	};
 }
 //#endregion
 //#region src/main/index.jsx
-function rn(e) {
+function on(e) {
 	let t = l(e);
 	if (t.type === "light") {
-		let { element: n, getHTML: r, setHTML: i, getText: a, getSelection: o } = nn(t);
+		let { element: n, getHTML: r, setHTML: i, getText: a, getSelection: o } = an(t);
 		return e.innerHTML = "", e.appendChild(n), n.style.width = t.width, n.style.height = t.height, {
 			element: n,
 			getHTML: r,
@@ -4330,13 +4354,13 @@ function rn(e) {
 }
 //#endregion
 //#region src/main/main.jsx
-var an = document.querySelectorAll("forge-editor"), on = [];
-an.forEach((e) => {
-	let t = rn(e);
-	t && on.push(t);
-}), window.forgeEditors = on;
-var sn = document.getElementById("get-html-btn"), cn = document.getElementById("html-output");
-sn && cn && on[0] && sn.addEventListener("click", () => {
-	cn.value = on[0].getHTML();
+var sn = document.querySelectorAll("forge-editor"), cn = [];
+sn.forEach((e) => {
+	let t = on(e);
+	t && cn.push(t);
+}), window.forgeEditors = cn;
+var ln = document.getElementById("get-html-btn"), un = document.getElementById("html-output");
+ln && un && cn[0] && ln.addEventListener("click", () => {
+	un.value = cn[0].getHTML();
 });
 //#endregion

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "forge-edit",
-    "version": "0.1.0-beta.12",
+    "version": "0.1.0-beta.13",
     "description": "A lightweight WYSIWYG editor built with Preact",
     "main": "./dist/index.js",
     "module": "./dist/index.js",