@codespark/react 1.0.6 → 1.0.8

package/dist/monaco.js

@@ -5,15 +5,16 @@ import prettier from "prettier/standalone";
 import { memo, useEffect, useRef, useState } from "react";
 import { createHighlighterCore } from "shiki/core";
 import { createJavaScriptRegexEngine } from "shiki/engine/javascript";
+import "@codespark/framework";
 import { clsx } from "clsx";
 import { twMerge } from "tailwind-merge";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/lib/editor-adapter/index.ts
-let EditorEngine = /* @__PURE__ */ function(EditorEngine$1) {
-	EditorEngine$1[EditorEngine$1["Monaco"] = 0] = "Monaco";
-	EditorEngine$1[EditorEngine$1["CodeMirror"] = 1] = "CodeMirror";
-	return EditorEngine$1;
+let EditorEngine = /* @__PURE__ */ function(EditorEngine) {
+	EditorEngine[EditorEngine["Monaco"] = 0] = "Monaco";
+	EditorEngine[EditorEngine["CodeMirror"] = 1] = "CodeMirror";
+	return EditorEngine;
 }({});
 
 //#endregion
@@ -138,16 +139,16 @@ const setupOnce = async () => {
 		},
 		engine: createJavaScriptRegexEngine()
 	})]);
-	return mod.loader.init().then((Monaco$1) => {
-		Monaco$1.languages.register({ id: "tsx" });
-		Monaco$1.languages.register({ id: "jsx" });
-		shikiToMonaco(highlighter, Monaco$1);
-		Monaco$1.typescript.typescriptDefaults.setEagerModelSync(true);
-		Monaco$1.typescript.typescriptDefaults.setDiagnosticsOptions({
+	return mod.loader.init().then((Monaco) => {
+		Monaco.languages.register({ id: "tsx" });
+		Monaco.languages.register({ id: "jsx" });
+		shikiToMonaco(highlighter, Monaco);
+		Monaco.typescript.typescriptDefaults.setEagerModelSync(true);
+		Monaco.typescript.typescriptDefaults.setDiagnosticsOptions({
 			noSemanticValidation: false,
 			noSyntaxValidation: false
 		});
-		Monaco$1.typescript.typescriptDefaults.setCompilerOptions({
+		Monaco.typescript.typescriptDefaults.setCompilerOptions({
 			strict: true,
 			noImplicitAny: false,
 			noUnusedLocals: false,
@@ -155,16 +156,16 @@ const setupOnce = async () => {
 			allowUnreachableCode: true,
 			allowUnusedLabels: true,
 			allowImportingTsExtensions: true,
-			target: Monaco$1.typescript.ScriptTarget.ESNext,
+			target: Monaco.typescript.ScriptTarget.ESNext,
 			allowNonTsExtensions: true,
-			moduleResolution: Monaco$1.typescript.ModuleResolutionKind.NodeJs,
-			module: Monaco$1.typescript.ModuleKind.ESNext,
+			moduleResolution: Monaco.typescript.ModuleResolutionKind.NodeJs,
+			module: Monaco.typescript.ModuleKind.ESNext,
 			noEmit: true,
-			jsx: Monaco$1.typescript.JsxEmit.ReactJSX,
+			jsx: Monaco.typescript.JsxEmit.ReactJSX,
 			jsxImportSource: "react",
 			esModuleInterop: true
 		});
-		Monaco$1.languages.registerDocumentFormattingEditProvider("typescript", { async provideDocumentFormattingEdits(model, options) {
+		Monaco.languages.registerDocumentFormattingEditProvider("typescript", { async provideDocumentFormattingEdits(model, options) {
 			const text = model.getValue();
 			const formatted = await prettier.format(text, {
 				parser: "typescript",
@@ -217,7 +218,7 @@ const MONACO_DEFAULT_OPTIONS = {
 };
 const Monaco = {
 	kind: EditorEngine.Monaco,
-	Component: memo(function Monaco$1(props) {
+	Component: memo(function Monaco(props) {
 		const { value = "", options = {}, onChange, onMount, width, height, id, language, files, imports, ...rest } = props;
 		const editorInstance = useRef(null);
 		const [monacoInstance, setMonacoInstance] = useState(null);
@@ -231,8 +232,8 @@ const Monaco = {
 			editorInstance.current = editor;
 			setMonacoInstance(monaco);
 		};
-		const handleEditorContentChange = (value$1, evt) => {
-			onChange?.(value$1, evt);
+		const handleEditorContentChange = (value, evt) => {
+			onChange?.(value, evt);
 		};
 		const addExtraLib = (dts = {}) => {
 			Object.entries(dts).forEach(([module, content]) => {
@@ -249,9 +250,9 @@ const Monaco = {
 				addedLibs.add(module);
 			});
 		};
-		const createModels = (files$1 = {}) => {
+		const createModels = (files = {}) => {
 			const prefix = `file:///${id}/`;
-			const filePaths = new Set(Object.keys(files$1).map((p) => p.replace(/^(\.\.?\/)+/, "")));
+			const filePaths = new Set(Object.keys(files).map((p) => p.replace(/^(\.\.?\/)+/, "")));
 			monacoInstance.editor.getModels().forEach((model) => {
 				const uriStr = model.uri.toString();
 				if (uriStr.startsWith(prefix)) {
@@ -259,7 +260,7 @@ const Monaco = {
 					if (!filePaths.has(modelPath)) model.dispose();
 				}
 			});
-			Object.entries(files$1).forEach(([filePath, code]) => {
+			Object.entries(files).forEach(([filePath, code]) => {
 				const normalizedPath = filePath.replace(/^(\.\.?\/)+/, "");
 				const uri = monacoInstance.Uri.parse(`${prefix}${normalizedPath}`);
 				if (!monacoInstance.editor.getModel(uri)) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codespark/react",
-  "version": "1.0.6",
+  "version": "1.0.8",
   "type": "module",
   "description": "React components for codespark ecosystem",
   "keywords": [
@@ -42,7 +42,7 @@
     "@codemirror/lang-javascript": "^6.2.4",
     "@codemirror/lang-markdown": "^6.5.0",
     "@codemirror/language-data": "^6.5.2",
-    "@codespark/framework": "^1.0.1",
+    "@codespark/framework": "^1.0.3",
     "@monaco-editor/react": "^4.7.0",
     "@shikijs/monaco": "^3.20.0",
     "@uiw/react-codemirror": "^4.25.4",
@@ -67,6 +67,6 @@
     "@types/react-is": "^19.2.0",
     "monaco-editor": "^0.55.1",
     "rollup-plugin-import-raw": "^1.0.2",
-    "tsdown": "^0.17.3"
+    "tsdown": "^0.20.3"
   }
 }