@typbase/codemirror 0.4.1 → 0.4.3

package/dist/index.mjs

@@ -1624,8 +1624,9 @@ const SCROLLBAR_ALLOWANCE = 12;
 function editorRenderWidth(scrollDOM, contentDOM) {
 	const pane = scrollDOM.getBoundingClientRect();
 	const gutters = scrollDOM.querySelector(".cm-gutters");
-	const style = getComputedStyle(contentDOM);
-	return Math.max(0, pane.width - (gutters?.getBoundingClientRect().width ?? 0) - parseFloat(style.paddingLeft) - parseFloat(style.paddingRight) - SCROLLBAR_ALLOWANCE);
+	const contentStyle = getComputedStyle(contentDOM);
+	const scrollStyle = getComputedStyle(scrollDOM);
+	return Math.max(0, pane.width - (gutters?.getBoundingClientRect().width ?? 0) - parseFloat(contentStyle.paddingLeft) - parseFloat(contentStyle.paddingRight) - parseFloat(scrollStyle.paddingLeft) - parseFloat(scrollStyle.paddingRight) - SCROLLBAR_ALLOWANCE);
 }
 const tooltipsStateEffect = StateEffect.define();
 const tooltipsStateField = StateField.define({
@@ -1981,16 +1982,20 @@ const tooltipViewPlugin = () => ViewPlugin.define((view) => ({ update(update) {
 		view.dispatch({ effects: tooltipStateEffect.of(tooltip) });
 	});
 } }));
+//#endregion
+//#region src/plugin.ts
+const bracketPairs = {
+	"(": ")",
+	"[": "]",
+	"{": "}",
+	$: "$"
+};
 const typstEditingExtensions = [EditorView.inputHandler.of((view, from, to, text) => {
 	if (text !== " " || from !== to) return false;
 	const { state } = view;
-	const pos = from;
-	const bracketPairs = {
-		"(": ")",
-		"[": "]",
-		"{": "}",
-		$: "$"
-	};
+	const { main } = state.selection;
+	if (!main.empty) return false;
+	const pos = main.head;
 	const before = state.doc.sliceString(pos - 1, pos);
 	const after = state.doc.sliceString(pos, pos + 1);
 	if (!bracketPairs[before] || after !== bracketPairs[before]) return false;
@@ -1998,7 +2003,7 @@ const typstEditingExtensions = [EditorView.inputHandler.of((view, from, to, text
 		changes: {
 			from: pos,
 			to: pos,
-			insert: " "
+			insert: "  "
 		},
 		selection: { anchor: pos + 1 }
 	});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@typbase/codemirror",
-  "version": "0.4.1",
+  "version": "0.4.3",
   "description": "CodeMirror 6 editing experience for Typst: WYSIWYG inline preview, highlighting, hover, autocomplete.",
   "keywords": [
     "atproto",
@@ -40,7 +40,7 @@
     "typescript": "^5.9.3"
   },
   "peerDependencies": {
-    "@typbase/engine": "^0.4.1"
+    "@typbase/engine": "^0.4.3"
   },
   "scripts": {
     "build": "tsdown",