@powerhousedao/powerhouse-vetra-packages 6.1.0-dev.13 → 6.1.0-dev.14

package/dist/node/{graphql-editor-CvDfPfYy.mjs → graphql-editor-CguODwLN.mjs}

@@ -1,7 +1,9 @@
-import { w as __require, x as __commonJSMin } from "./schemas-Cb8uEF9u.mjs";
-import { n as require_validate, t as require_graphql } from "./graphql-Du2phcBf.mjs";
-import { C as EditorView, D as StateEffect, E as EditorState, O as StateField, S as linter, T as Compartment, _ as indentNodeProp, a as makeFocusHandler, b as LRParser, c as baseEditorExtensions, d as LRLanguage, f as LanguageSupport, g as foldNodeProp, h as foldInside, i as useHandlerReconfiguration, l as baseKeymap, m as delimitedIndent, n as useEditorCleanup, o as makePasteHandler, r as useEditorRefs, s as makeUpdateHandler, t as useDocumentSync, u as ayuLight, v as styleTags, w as keymap, x as forceLinting, y as tags } from "./hooks-Lbsf6g-v.mjs";
-import { n as safeParseSdl, r as useSchemaContext } from "./schema-context-BlHpyf8E.mjs";
+import { E as __commonJSMin, k as __require } from "./dist-fA4EItr0.mjs";
+import "./document-drive-B8_jrsed.mjs";
+import { n as require_validate, t as require_graphql } from "./graphql-DskHmkMe.mjs";
+import { D as useTheme } from "./dist-BDVKhztG.mjs";
+import { C as linter, D as EditorState, E as Compartment, O as StateEffect, S as forceLinting, T as keymap, _ as foldNodeProp, a as makeFocusHandler, b as tags, c as baseEditorExtensions, d as ayuLight, f as LRLanguage, g as foldInside, h as delimitedIndent, i as useHandlerReconfiguration, k as StateField, l as baseKeymap, n as useEditorCleanup, o as makePasteHandler, p as LanguageSupport, r as useEditorRefs, s as makeUpdateHandler, t as useDocumentSync, u as dracula, v as indentNodeProp, w as EditorView, x as LRParser, y as styleTags } from "./hooks-DJrjfVaS.mjs";
+import { n as safeParseSdl, r as useSchemaContext } from "./schema-context-CX5ml_9t.mjs";
 import { memo, useEffect, useRef } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region ../../node_modules/.pnpm/graphql-language-service@5.5.0_graphql@16.12.0/node_modules/graphql-language-service/dist/interface/autocompleteUtils.js
@@ -6086,8 +6088,10 @@ function makeLinter(schema, customLinter) {
 const GraphqlEditor = memo(function GraphqlEditor(props) {
 	const { doc, readonly = false, updateDocumentInModel, customLinter } = props;
 	const { editorRef, viewRef, updateListenerCompartment, focusHandlerCompartment, pasteHandlerCompartment, timeoutRef } = useEditorRefs();
+	const { theme } = useTheme();
 	const graphqlCompartment = useRef(new Compartment());
 	const linterCompartment = useRef(new Compartment());
+	const themeCompartment = useRef(new Compartment());
 	const { sharedSchema } = useSchemaContext();
 	useEffect(() => {
 		if (!viewRef.current) {
@@ -6098,7 +6102,7 @@ const GraphqlEditor = memo(function GraphqlEditor(props) {
 					extensions: [
 						...baseEditorExtensions,
 						keymap.of(baseKeymap),
-						ayuLight,
+						themeCompartment.current.of(theme === "light" ? ayuLight : dracula),
 						graphqlCompartment.current.of(graphql(schema)),
 						linterCompartment.current.of(makeLinter(schema, customLinter)),
 						updateListenerCompartment.current.of(makeUpdateHandler(readonly, timeoutRef, updateDocumentInModel)),
@@ -6113,6 +6117,10 @@ const GraphqlEditor = memo(function GraphqlEditor(props) {
 		}
 	}, []);
 	useEditorCleanup(viewRef);
+	useEffect(() => {
+		if (!viewRef.current) return;
+		viewRef.current.dispatch({ effects: themeCompartment.current.reconfigure(theme === "light" ? ayuLight : dracula) });
+	}, [theme]);
 	useEffect(() => {
 		const view = viewRef.current;
 		if (!view) return;
@@ -6135,4 +6143,4 @@ const GraphqlEditor = memo(function GraphqlEditor(props) {
 //#endregion
 export { GraphqlEditor as default };
 
-//# sourceMappingURL=graphql-editor-CvDfPfYy.mjs.map
+//# sourceMappingURL=graphql-editor-CguODwLN.mjs.map