@coldsmirk/inkstone-react 0.34.0 → 0.34.2

package/README.md

@@ -30,6 +30,8 @@ import { MonacoEditor } from "@coldsmirk/inkstone-react/monaco";
 
 One component brings: the local `monaco-editor` instance (no CDN), bundled offline workers, Shiki catppuccin highlighting registered before first paint, light/dark switching via `dark`, and VS Code's auto-closing JSX tags on TypeScript/JavaScript models whose `path` ends in `.tsx` / `.jsx` (parser-backed via the bundled TS worker).
 
+A leading `U+FEFF` in `value` is treated as a BOM rather than displayed text. Edits reported through `onChange` retain that prefix, so a controlled round trip preserves the file's encoding marker. The same applies to `modified` in `<MonacoDiffEditor>`; further `U+FEFF` characters remain document content.
+
 - **Locale** — chrome speaks stock English; `locale="zh-cn"` switches to Monaco's official Simplified-Chinese catalog. Page-global and locked by the first editor to mount, so give every editor the same value.
 - **Type & metrics** — `fontSize` defaults to 14, `lineHeight` to 1.6 (Monaco's convention: values below 8 multiply the font size); `DEFAULT_MONACO_OPTIONS` is exported for hosts that need the same baseline. `lineWrapping` (opt-in) soft-wraps long lines and ends each wrapped line in Monaco's ↩ (`wordWrapIndicator`), so a soft wrap reads apart from a real line break — on `<MonacoDiffEditor>` too.
 - **Loading / failure** — the host, the highlighter, and the Monaco chunk each have a loading window; `loading` and `failure` render nodes for them. A host load failure is not cached — a fresh mount retries.

package/dist/index.js

@@ -1,5 +1,5 @@
 import { a as CodeMirrorDiffEditor, i as CodeMirrorEditor, n as normalizeContext, r as searchPhrasesZhCn, t as codeMirrorLanguages } from "./codemirror-bROXidfr.js";
-import { a as MonacoEditor, i as MonacoConsoleEditor, n as monacoLanguages, r as MonacoDiffEditor, t as DEFAULT_MONACO_OPTIONS } from "./monaco-CHi4aRfZ.js";
+import { a as MonacoEditor, i as MonacoConsoleEditor, n as monacoLanguages, r as MonacoDiffEditor, t as DEFAULT_MONACO_OPTIONS } from "./monaco-CLTgQmhk.js";
 import { t as useShikiHighlighter } from "./use-shiki-highlighter-CzSQcX2f.js";
 import "./shiki.js";
 export { CodeMirrorDiffEditor, CodeMirrorEditor, DEFAULT_MONACO_OPTIONS, MonacoConsoleEditor, MonacoDiffEditor, MonacoEditor, codeMirrorLanguages, monacoLanguages, normalizeContext, searchPhrasesZhCn, useShikiHighlighter };

package/dist/{monaco-CHi4aRfZ.js → monaco-CLTgQmhk.js}

@@ -146,11 +146,16 @@ function MonacoEditor({ value, onChange, language = "javascript", dark = false,
 			if (!model.isDisposed() && monaco.editor.getEditors().every((other) => other.getModel() !== model)) model.dispose();
 		});
 	}, []);
-	const handleChange = useCallback((next) => {
+	const handleChange = useCallback((next = "") => {
 		if (pathChangingRef.current || valueTransitionRef.current || reconcilingRef.current) return;
-		onChangeRef.current?.(next ?? "");
+		const bom = valueRef.current.startsWith("") ? "" : "";
+		onChangeRef.current?.(`${bom}${next}`);
 		requestControlledReconcile();
-	}, [onChangeRef, requestControlledReconcile]);
+	}, [
+		onChangeRef,
+		requestControlledReconcile,
+		valueRef
+	]);
 	const mergedOptions = useMemo(() => {
 		return {
 			...DEFAULT_MONACO_OPTIONS,
@@ -424,7 +429,8 @@ function MonacoDiffEditor({ original, modified, onChange, language = "javascript
 		const modifiedEditor = diffEditor.getModifiedEditor();
 		modifiedEditor.onDidChangeModelContent(() => {
 			if (reconcilingRef.current || modifiedTransitionRef.current) return;
-			onChangeRef.current?.(modifiedEditor.getValue());
+			const bom = modifiedRef.current.startsWith("") ? "" : "";
+			onChangeRef.current?.(`${bom}${modifiedEditor.getValue()}`);
 			requestControlledReconcile();
 		});
 		reconcilePane(diffEditor.getOriginalEditor().getModel(), originalRef.current, reconcilingRef);

package/dist/monaco.js

@@ -1 +1 @@
-export { t as DEFAULT_MONACO_OPTIONS, i as MonacoConsoleEditor, r as MonacoDiffEditor, a as MonacoEditor, n as monacoLanguages } from "./monaco-CHi4aRfZ.js";
+export { t as DEFAULT_MONACO_OPTIONS, i as MonacoConsoleEditor, r as MonacoDiffEditor, a as MonacoEditor, n as monacoLanguages } from "./monaco-CLTgQmhk.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coldsmirk/inkstone-react",
-  "version": "0.34.0",
+  "version": "0.34.2",
   "description": "Drop-in React code editors: a preconfigured Monaco <MonacoEditor> (offline workers, Shiki catppuccin themes, dark switching, opt-in zh-CN UI) and a controlled CodeMirror 6 <CodeMirrorEditor> (catppuccin themes, dark switching, sizing).",
   "keywords": [
     "react",
@@ -48,9 +48,9 @@
   ],
   "dependencies": {
     "@monaco-editor/react": "^4.7.0",
-    "@coldsmirk/inkstone-codemirror": "^0.34.0",
-    "@coldsmirk/inkstone-core": "^0.34.0",
-    "@coldsmirk/inkstone-monaco": "^0.34.0"
+    "@coldsmirk/inkstone-codemirror": "^0.34.2",
+    "@coldsmirk/inkstone-core": "^0.34.2",
+    "@coldsmirk/inkstone-monaco": "^0.34.2"
   },
   "devDependencies": {
     "@codemirror/autocomplete": "^6.20.3",