@coldsmirk/inkstone-react 0.15.0 → 0.17.0

package/README.md

@@ -28,7 +28,7 @@ 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, and light/dark switching via `dark`.
+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).
 
 - **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.

package/dist/index.d.ts

@@ -1,4 +1,4 @@
 import { a as codeMirrorLanguages, c as CodeMirrorEditor, d as CodeMirrorDiffEditorProps, i as SqlSchema, l as CodeMirrorEditorProps, n as EditorContext, o as normalizeContext, r as MergeView, s as searchPhrasesZhCn, t as CodeMirrorLanguage, u as CodeMirrorDiffEditor } from "./codemirror-BW_zSOVE.js";
-import { a as MonacoEditorProps, i as MonacoEditor, n as MonacoLanguage, o as MonacoDiffEditor, r as monacoLanguages, s as MonacoDiffEditorProps, t as DEFAULT_MONACO_OPTIONS } from "./monaco-B9Ju25D7.js";
+import { a as MonacoEditorProps, i as MonacoEditor, n as MonacoLanguage, o as MonacoDiffEditor, r as monacoLanguages, s as MonacoDiffEditorProps, t as DEFAULT_MONACO_OPTIONS } from "./monaco-DZj8pXIv.js";
 import { n as useShikiHighlighter, t as ShikiState } from "./shiki-Ds-uZ7XH.js";
 export { CodeMirrorDiffEditor, type CodeMirrorDiffEditorProps, CodeMirrorEditor, type CodeMirrorEditorProps, type CodeMirrorLanguage, DEFAULT_MONACO_OPTIONS, type EditorContext, type MergeView, MonacoDiffEditor, type MonacoDiffEditorProps, MonacoEditor, type MonacoEditorProps, type MonacoLanguage, type ShikiState, type SqlSchema, codeMirrorLanguages, monacoLanguages, normalizeContext, searchPhrasesZhCn, useShikiHighlighter };

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 { i as MonacoDiffEditor, n as monacoLanguages, r as MonacoEditor, t as DEFAULT_MONACO_OPTIONS } from "./monaco-D-f6AaBt.js";
+import { i as MonacoDiffEditor, n as monacoLanguages, r as MonacoEditor, t as DEFAULT_MONACO_OPTIONS } from "./monaco-DD8hJaMr.js";
 import { t as useShikiHighlighter } from "./use-shiki-highlighter-CzSQcX2f.js";
 import "./shiki.js";
 export { CodeMirrorDiffEditor, CodeMirrorEditor, DEFAULT_MONACO_OPTIONS, MonacoDiffEditor, MonacoEditor, codeMirrorLanguages, monacoLanguages, normalizeContext, searchPhrasesZhCn, useShikiHighlighter };

package/dist/{monaco-D-f6AaBt.js → monaco-DD8hJaMr.js}

@@ -3,7 +3,7 @@ import { t as useShikiHighlighter } from "./use-shiki-highlighter-CzSQcX2f.js";
 import { useCallback, useEffect, useInsertionEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";
 import { shikiThemeId } from "@coldsmirk/inkstone-core";
-import { DEFAULT_MONACO_OPTIONS, DEFAULT_MONACO_OPTIONS as DEFAULT_MONACO_OPTIONS$1, disabledKeybindings, ensureMonacoHost, installDisabledKeybindings, modelValueMatches, monacoLanguages, reconcileModelValue, registerShikiHighlighting } from "@coldsmirk/inkstone-monaco";
+import { DEFAULT_MONACO_OPTIONS, DEFAULT_MONACO_OPTIONS as DEFAULT_MONACO_OPTIONS$1, disabledKeybindings, ensureMonacoHost, installDisabledKeybindings, installJsxTagClosing, modelValueMatches, monacoLanguages, reconcileModelValue, registerShikiHighlighting } from "@coldsmirk/inkstone-monaco";
 import { DiffEditor, Editor, loader } from "@monaco-editor/react";
 //#region src/editor-face.tsx
 const FACE_STYLE = {
@@ -292,6 +292,7 @@ function MonacoEditor({ value, onChange, language = "javascript", dark = false,
 		monacoRef.current = monaco;
 		reconcileModel(monaco, editorInstance, valueRef.current, languageRef.current, reconcilingRef);
 		installDisabledKeybindings(monaco, editorInstance, disabledKeybindings(monaco, disableFind, disableCommandPalette));
+		installJsxTagClosing(monaco, editorInstance);
 		editorInstance.onDidFocusEditorText(() => onFocusRef.current?.());
 		editorInstance.onDidBlurEditorText(() => onBlurRef.current?.());
 		onMountRef.current?.(editorInstance, monaco);

package/dist/{monaco-B9Ju25D7.d.ts → monaco-DZj8pXIv.d.ts}

@@ -289,6 +289,8 @@ interface MonacoEditorProps {
  * highlighting with light/dark switching, and sensible document defaults — drop it in with
  * `value` / `onChange` and everything else is wired. The UI speaks Monaco's stock English;
  * pass `hostOptions={{ locale: "zh-cn" }}` for the official Simplified-Chinese chrome.
+ * TypeScript / JavaScript models whose `path` ends in `.tsx` / `.jsx` also get VS Code's
+ * auto-closing JSX tags (`installJsxTagClosing`), served by the bundled TS worker.
  *
  * Mounting is gated on the Monaco host and the Shiki highlighter so the first paint already
  * has the right theme; if the highlighter fails to load, the editor falls back to Monaco's

package/dist/monaco.d.ts

@@ -1,2 +1,2 @@
-import { a as MonacoEditorProps, i as MonacoEditor, n as MonacoLanguage, o as MonacoDiffEditor, r as monacoLanguages, s as MonacoDiffEditorProps, t as DEFAULT_MONACO_OPTIONS } from "./monaco-B9Ju25D7.js";
+import { a as MonacoEditorProps, i as MonacoEditor, n as MonacoLanguage, o as MonacoDiffEditor, r as monacoLanguages, s as MonacoDiffEditorProps, t as DEFAULT_MONACO_OPTIONS } from "./monaco-DZj8pXIv.js";
 export { DEFAULT_MONACO_OPTIONS, MonacoDiffEditor, type MonacoDiffEditorProps, MonacoEditor, type MonacoEditorProps, type MonacoLanguage, monacoLanguages };

package/dist/monaco.js

@@ -1,2 +1,2 @@
-import { i as MonacoDiffEditor, n as monacoLanguages, r as MonacoEditor, t as DEFAULT_MONACO_OPTIONS } from "./monaco-D-f6AaBt.js";
+import { i as MonacoDiffEditor, n as monacoLanguages, r as MonacoEditor, t as DEFAULT_MONACO_OPTIONS } from "./monaco-DD8hJaMr.js";
 export { DEFAULT_MONACO_OPTIONS, MonacoDiffEditor, MonacoEditor, monacoLanguages };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coldsmirk/inkstone-react",
-  "version": "0.15.0",
+  "version": "0.17.0",
   "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.15.0",
-    "@coldsmirk/inkstone-core": "^0.15.0",
-    "@coldsmirk/inkstone-monaco": "^0.15.0"
+    "@coldsmirk/inkstone-codemirror": "^0.17.0",
+    "@coldsmirk/inkstone-core": "^0.17.0",
+    "@coldsmirk/inkstone-monaco": "^0.17.0"
   },
   "devDependencies": {
     "@codemirror/autocomplete": "^6.20.3",