@damiro/stylo 0.12.0 → 0.13.1

package/README.md

@@ -180,7 +180,9 @@ whole canvas. See [Canvas header](./docs/wiki/reference/props.md#canvas-header).
 
 `inPlace`, `codeLanguages`, `wikiLinkSource`, and `tagSource` are read once,
 when the editing surface mounts — give `<Stylo>` a `key` derived from the
-config to apply a change. Every other prop is fully reactive. See
+config to apply a change. (`codeLanguages` is the exception in `preview`,
+which is a pure function of its props and picks up a change immediately, no
+`key` needed.) Every other prop is fully reactive. See
 [props · applied at mount](./docs/wiki/reference/props.md#config-applied-at-mount).
 
 Pass `wikiLinkSource` — `(query) => { target, label? }[]`, sync or async — to
@@ -208,9 +210,10 @@ full grammar set is ~110 lazy chunks). See
 Every colour is a `--stylo-*` custom property; override any of them on `.stylo`
 or an ancestor. A dark palette ships built in and activates under a `.dark` or
 `[data-theme="dark"]` ancestor — the `next-themes` / shadcn convention.
-`--stylo-font-size` (default `0.9375rem`) sets the base editor size and
-everything inside scales from it; `--stylo-font-family` and
-`--stylo-font-family-mono` set the prose and code fonts.
+`--stylo-font-size` (default `0.9375rem`) sets the base size for the in-place
+canvas, `source`, and `preview` alike — everything inside each scales from it;
+`--stylo-font-family` and `--stylo-font-family-mono` set the prose and code
+fonts.
 
 ---
 

package/dist/{InPlaceView-BWc06Jso.js → InPlaceView-DJzxnK6B.js}

@@ -1,5 +1,5 @@
-import { i as e, r as t, t as n } from "./frontmatter-DTCC0gaa.js";
-import { S as r, _ as i, a, b as o, c as s, d as c, f as l, g as u, h as d, i as f, l as p, m, n as h, o as g, p as _, r as ee, s as v, t as te, u as ne, v as re, x as y, y as b } from "./useCodeMirror-BI1kEPRE.js";
+import { a as e, o as t, r as n } from "./highlight-B4c0sXF_.js";
+import { S as r, _ as i, a, b as o, c as s, d as c, f as l, g as u, h as d, i as f, l as p, m, n as h, o as g, p as _, r as ee, s as v, t as te, u as ne, v as re, x as y, y as b } from "./useCodeMirror-C3DKpax1.js";
 import { a as ie, i as x } from "./config-DTBxVhtH.js";
 import { a as S, n as ae, o as oe, r as C, t as w } from "./embed-Dsu6b-MV.js";
 import { t as se } from "./katex-BfiLlqfN.js";
@@ -468,18 +468,18 @@ function ct(e, t) {
 }
 //#endregion
 //#region src/inplace/wikilinks.ts
-function lt(e, n, r, i, a, o) {
-	let s = e.state.doc.sliceString(n, r);
+function lt(t, n, r, i, a, o) {
+	let s = t.state.doc.sliceString(n, r);
 	if (!s.includes("[[")) return;
-	let c = e.state.facet(L) != null;
-	for (let r of s.matchAll(t)) {
-		let [t = "", s = "", l] = r, u = s.trim(), d = n + (r.index ?? 0);
-		if (!u || V(a, d + 1) || c && d > 0 && e.state.doc.sliceString(d - 1, d) === "!") continue;
-		let f = d + t.length, p = l == null ? d + 2 : d + 2 + s.length + 1, m = f - 2;
+	let c = t.state.facet(L) != null;
+	for (let r of s.matchAll(e)) {
+		let [e = "", s = "", l] = r, u = s.trim(), d = n + (r.index ?? 0);
+		if (!u || V(a, d + 1) || c && d > 0 && t.state.doc.sliceString(d - 1, d) === "!") continue;
+		let f = d + e.length, p = l == null ? d + 2 : d + 2 + s.length + 1, m = f - 2;
 		o.push(D.mark({
 			class: "cm-inplace-link cm-inplace-wikilink",
 			attributes: { "data-stylo-wikilink": u }
-		}).range(p, m)), i.has(e.state.doc.lineAt(d).number) || (o.push(D.replace({}).range(d, p)), o.push(D.replace({}).range(m, f)));
+		}).range(p, m)), i.has(t.state.doc.lineAt(d).number) || (o.push(D.replace({}).range(d, p)), o.push(D.replace({}).range(m, f)));
 	}
 }
 //#endregion
@@ -559,15 +559,15 @@ var ht = {
 function H(e, t) {
 	return e.facet(R) === "never" || !B(e).has(t);
 }
-function U(e, n, r = !1, i = !1) {
-	let a = e.doc.lineAt(n);
-	if (!i && !H(e, a.number)) return null;
-	let o = e.facet(I), s = F(e);
-	for (let t of [-1, 1]) for (let i = s.resolveInner(n, t); i; i = i.parent) {
-		let t = ht[i.name];
-		if (t) {
-			if (!o[t.toggle]) break;
-			let e = i.getChildren(t.markType), n = e[0], r = e[e.length - 1];
+function U(t, n, r = !1, i = !1) {
+	let a = t.doc.lineAt(n);
+	if (!i && !H(t, a.number)) return null;
+	let o = t.facet(I), s = F(t);
+	for (let e of [-1, 1]) for (let i = s.resolveInner(n, e); i; i = i.parent) {
+		let e = ht[i.name];
+		if (e) {
+			if (!o[e.toggle]) break;
+			let t = i.getChildren(e.markType), n = t[0], r = t[t.length - 1];
 			if (!n || !r || n === r) break;
 			return {
 				from: i.from,
@@ -578,26 +578,26 @@ function U(e, n, r = !1, i = !1) {
 			};
 		}
 		if (i.name === "Link") {
-			if (r || e.doc.sliceString(Math.max(0, i.from - 1), i.from) === "[" || !o.links) break;
-			let t = i.getChildren("LinkMark");
-			if (t.length < 2) break;
+			if (r || t.doc.sliceString(Math.max(0, i.from - 1), i.from) === "[" || !o.links) break;
+			let e = i.getChildren("LinkMark");
+			if (e.length < 2) break;
 			return {
 				from: i.from,
 				to: i.to,
-				contentFrom: t[0].to,
-				contentTo: t[1].from,
+				contentFrom: e[0].to,
+				contentTo: e[1].from,
 				kind: "link"
 			};
 		}
 	}
-	if (o.wikilinks && !r) for (let e of a.text.matchAll(t)) {
-		let t = a.from + (e.index ?? 0), r = t + e[0].length;
-		if (n < t || n > r) continue;
-		let i = e[1] ?? "", o = e[2] != null;
+	if (o.wikilinks && !r) for (let t of a.text.matchAll(e)) {
+		let e = a.from + (t.index ?? 0), r = e + t[0].length;
+		if (n < e || n > r) continue;
+		let i = t[1] ?? "", o = t[2] != null;
 		return {
-			from: t,
+			from: e,
 			to: r,
-			contentFrom: t + 2 + (o ? i.length + 1 : 0),
+			contentFrom: e + 2 + (o ? i.length + 1 : 0),
 			contentTo: r - 2,
 			kind: "link"
 		};
@@ -1331,7 +1331,7 @@ var ln = /!\[\[[^\]\n]+?\]\]/, un = [
 		}
 	},
 	{
-		re: new RegExp(t.source),
+		re: new RegExp(e.source),
 		build: (e) => {
 			let t = Z("span", "cm-inplace-wikilink", document.createTextNode(e[2] || e[1] || ""));
 			return t.dataset.styloWikilink = e[1] ?? "", t;
@@ -1924,11 +1924,11 @@ function zn(e, t) {
 	}
 	return null;
 }
-function Bn(e, n) {
-	let r = e.state.doc.lineAt(n);
-	for (let e of r.text.matchAll(t)) {
-		let t = r.from + (e.index ?? 0), i = t + e[0].length;
-		if (!(n < t || n > i)) return Rn(t, i, (e[1] ?? "").trim());
+function Bn(t, n) {
+	let r = t.state.doc.lineAt(n);
+	for (let t of r.text.matchAll(e)) {
+		let e = r.from + (t.index ?? 0), i = e + t[0].length;
+		if (!(n < e || n > i)) return Rn(e, i, (t[1] ?? "").trim());
 	}
 	return null;
 }
@@ -2021,14 +2021,14 @@ var Wn = P.define({
 			};
 		}, this.contentDOM.addEventListener("pointerdown", this.onPointerDown, !0), this.onContextMenu = (t) => {
 			let n = t.target;
-			e.state.facet(Ce) && (n?.closest(".cm-inplace-table-edit") || (t.preventDefault(), this.longPress.cancel(), !(Date.now() - this.longPressAt < 700) && this.openMenuAt(t.clientX, t.clientY, n)));
+			!e.state.facet(Ce) || e.state.readOnly || n?.closest(".cm-inplace-table-edit") || (t.preventDefault(), this.longPress.cancel(), !(Date.now() - this.longPressAt < 700) && this.openMenuAt(t.clientX, t.clientY, n));
 		}, this.contentDOM.addEventListener("contextmenu", this.onContextMenu), this.longPress = an(this.contentDOM, { onLongPress: (e, t, n) => {
 			this.longPressAt = Date.now(), this.openMenuAt(e, t, n);
 		} });
 	}
 	openMenuAt(e, t, n) {
 		let r = this.view;
-		if (!r.state.facet(Ce) || n?.closest(".cm-inplace-table-edit")) return;
+		if (!r.state.facet(Ce) || r.state.readOnly || n?.closest(".cm-inplace-table-edit")) return;
 		let i = n?.closest(".cm-inplace-hr");
 		if (i) {
 			let n = r.posAtDOM(i);
@@ -2089,7 +2089,7 @@ function Yn(e) {
 	};
 }
 function Xn(e, t, n) {
-	if (e.state.facet(ke) !== "bar" || e.state.field(Kn, !1)) return null;
+	if (e.state.facet(ke) !== "bar" || e.state.readOnly || e.state.field(Kn, !1)) return null;
 	let r = Yn(e);
 	if (!r) return null;
 	let { box: i, inCell: a } = r;
@@ -2140,8 +2140,8 @@ var Zn = class {
 		e.dom.appendChild(this.bar), t.addEventListener("scroll", this.onScroll, !0), t.addEventListener("selectionchange", this.onSelectionChange);
 	}
 	update(e) {
-		let t = e.startState.field(Kn, !1) !== e.state.field(Kn, !1);
-		(e.selectionSet || e.docChanged || e.focusChanged || t) && this.schedule();
+		let t = e.startState.field(Kn, !1) !== e.state.field(Kn, !1), n = e.startState.readOnly !== e.state.readOnly;
+		(e.selectionSet || e.docChanged || e.focusChanged || t || n) && this.schedule();
 	}
 	schedule() {
 		this.view.requestMeasure({
@@ -2661,7 +2661,7 @@ function mr(e = {}) {
 //#endregion
 //#region src/inplace/InPlaceView.tsx
 var hr = () => () => {}, gr = () => null;
-function _r({ value: t, onChange: n, readOnly: i, placeholder: a, onWikiLinkClick: o, onLinkClick: s, inPlace: c, codeLanguages: l, wikiLinkSource: u, tagSource: d, embedSource: f, onResolveError: p, onSave: m, onViewChange: h, canvasHeader: g }) {
+function _r({ value: e, onChange: n, readOnly: i, placeholder: a, onWikiLinkClick: o, onLinkClick: s, inPlace: c, codeLanguages: l, wikiLinkSource: u, tagSource: d, embedSource: f, onResolveError: p, onSave: m, onViewChange: h, canvasHeader: g }) {
 	let _ = T(o);
 	_.current = o;
 	let ee = T(s);
@@ -2678,7 +2678,7 @@ function _r({ value: t, onChange: n, readOnly: i, placeholder: a, onWikiLinkClic
 		inPlace: c,
 		embedRegistry: f ? v : void 0
 	}), ...S ? [ue.of(S.panel)] : []]), w = te({
-		value: t,
+		value: e,
 		onChange: n,
 		readOnly: i,
 		placeholder: a,
@@ -2691,7 +2691,7 @@ function _r({ value: t, onChange: n, readOnly: i, placeholder: a, onWikiLinkClic
 		onViewChange: ie
 	});
 	return /* @__PURE__ */ _e("div", {
-		className: e.inplace,
+		className: t.inplace,
 		ref: w,
 		children: [f && ne.map((e) => de(/* @__PURE__ */ ge(oe, {
 			reference: e.ref,
@@ -2704,4 +2704,4 @@ function _r({ value: t, onChange: n, readOnly: i, placeholder: a, onWikiLinkClic
 //#endregion
 export { _r as InPlaceView };
 
-//# sourceMappingURL=InPlaceView-BWc06Jso.js.map
+//# sourceMappingURL=InPlaceView-DJzxnK6B.js.map