@willbooster/monaco-react 0.0.0-semantically-released

package/dist/index.cjs

@@ -0,0 +1,618 @@
+'use client';
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  DiffEditor: () => DiffEditor_default2,
+  Editor: () => Editor_default2,
+  default: () => index_default,
+  loader: () => import_monaco_loader4.default,
+  useMonaco: () => useMonaco_default
+});
+module.exports = __toCommonJS(index_exports);
+var import_monaco_loader4 = __toESM(require("@willbooster/monaco-loader"), 1);
+
+// src/DiffEditor/index.ts
+var import_react5 = require("react");
+
+// src/DiffEditor/DiffEditor.tsx
+var import_react4 = require("react");
+var import_monaco_loader = __toESM(require("@willbooster/monaco-loader"), 1);
+
+// src/MonacoContainer/index.ts
+var import_react = require("react");
+
+// src/MonacoContainer/styles.ts
+var styles = {
+  wrapper: {
+    display: "flex",
+    position: "relative",
+    textAlign: "initial"
+  },
+  fullWidth: {
+    width: "100%"
+  },
+  hide: {
+    display: "none"
+  }
+};
+var styles_default = styles;
+
+// src/Loading/styles.ts
+var styles2 = {
+  container: {
+    display: "flex",
+    height: "100%",
+    width: "100%",
+    justifyContent: "center",
+    alignItems: "center"
+  }
+};
+var styles_default2 = styles2;
+
+// src/Loading/Loading.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function Loading({ children }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: styles_default2.container, children });
+}
+var Loading_default = Loading;
+
+// src/Loading/index.ts
+var Loading_default2 = Loading_default;
+
+// src/MonacoContainer/MonacoContainer.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function MonacoContainer({
+  width,
+  height,
+  isEditorReady,
+  loading,
+  _ref,
+  className,
+  wrapperProps
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("section", { style: { ...styles_default.wrapper, width, height }, ...wrapperProps, children: [
+    !isEditorReady && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Loading_default2, { children: loading }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { ref: _ref, style: { ...styles_default.fullWidth, ...!isEditorReady && styles_default.hide }, className })
+  ] });
+}
+var MonacoContainer_default = MonacoContainer;
+
+// src/MonacoContainer/index.ts
+var MonacoContainer_default2 = (0, import_react.memo)(MonacoContainer_default);
+
+// src/hooks/useMount/index.ts
+var import_react2 = require("react");
+function useMount(effect) {
+  (0, import_react2.useEffect)(effect, []);
+}
+var useMount_default = useMount;
+
+// src/hooks/useUpdate/index.ts
+var import_react3 = require("react");
+function useUpdate(effect, deps, applyChanges = true) {
+  const isInitialMount = (0, import_react3.useRef)(true);
+  (0, import_react3.useEffect)(
+    isInitialMount.current || !applyChanges ? () => {
+      isInitialMount.current = false;
+    } : effect,
+    deps
+  );
+}
+var useUpdate_default = useUpdate;
+
+// src/utils/index.ts
+function noop() {
+}
+function getOrCreateModel(monaco, value, language, path) {
+  return getModel(monaco, path) ?? createModel(monaco, value, language, path);
+}
+function getModel(monaco, path) {
+  return monaco.editor.getModel(createModelUri(monaco, path));
+}
+function createModel(monaco, value, language, path) {
+  return monaco.editor.createModel(value, language, path ? createModelUri(monaco, path) : void 0);
+}
+function createModelUri(monaco, path) {
+  return monaco.Uri.parse(path);
+}
+
+// src/DiffEditor/DiffEditor.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+function DiffEditor({
+  original,
+  modified,
+  language,
+  originalLanguage,
+  modifiedLanguage,
+  originalModelPath,
+  modifiedModelPath,
+  keepCurrentOriginalModel = false,
+  keepCurrentModifiedModel = false,
+  theme = "light",
+  loading = "Loading...",
+  options = {},
+  height = "100%",
+  width = "100%",
+  className,
+  wrapperProps = {},
+  beforeMount = noop,
+  onMount = noop
+}) {
+  const [isEditorReady, setIsEditorReady] = (0, import_react4.useState)(false);
+  const [isMonacoMounting, setIsMonacoMounting] = (0, import_react4.useState)(true);
+  const editorRef = (0, import_react4.useRef)(null);
+  const monacoRef = (0, import_react4.useRef)(null);
+  const containerRef = (0, import_react4.useRef)(null);
+  const onMountRef = (0, import_react4.useRef)(onMount);
+  const beforeMountRef = (0, import_react4.useRef)(beforeMount);
+  const preventCreation = (0, import_react4.useRef)(false);
+  useMount_default(() => {
+    const cancelable = import_monaco_loader.default.init();
+    cancelable.then((monaco) => (monacoRef.current = monaco) && setIsMonacoMounting(false)).catch((error) => error?.type !== "cancelation" && console.error("Monaco initialization: error:", error));
+    return () => editorRef.current ? disposeEditor() : cancelable.cancel();
+  });
+  useUpdate_default(
+    () => {
+      if (editorRef.current && monacoRef.current) {
+        const originalEditor = editorRef.current.getOriginalEditor();
+        const model = getOrCreateModel(
+          monacoRef.current,
+          original || "",
+          originalLanguage || language || "text",
+          originalModelPath || ""
+        );
+        if (model !== originalEditor.getModel()) {
+          originalEditor.setModel(model);
+        }
+      }
+    },
+    [originalModelPath],
+    isEditorReady
+  );
+  useUpdate_default(
+    () => {
+      if (editorRef.current && monacoRef.current) {
+        const modifiedEditor = editorRef.current.getModifiedEditor();
+        const model = getOrCreateModel(
+          monacoRef.current,
+          modified || "",
+          modifiedLanguage || language || "text",
+          modifiedModelPath || ""
+        );
+        if (model !== modifiedEditor.getModel()) {
+          modifiedEditor.setModel(model);
+        }
+      }
+    },
+    [modifiedModelPath],
+    isEditorReady
+  );
+  useUpdate_default(
+    () => {
+      const modifiedEditor = editorRef.current.getModifiedEditor();
+      if (modifiedEditor.getOption(monacoRef.current.editor.EditorOption.readOnly)) {
+        modifiedEditor.setValue(modified || "");
+      } else {
+        if (modified !== modifiedEditor.getValue()) {
+          modifiedEditor.executeEdits("", [
+            {
+              range: modifiedEditor.getModel().getFullModelRange(),
+              text: modified || "",
+              forceMoveMarkers: true
+            }
+          ]);
+          modifiedEditor.pushUndoStop();
+        }
+      }
+    },
+    [modified],
+    isEditorReady
+  );
+  useUpdate_default(
+    () => {
+      editorRef.current?.getModel()?.original.setValue(original || "");
+    },
+    [original],
+    isEditorReady
+  );
+  useUpdate_default(
+    () => {
+      const { original: original2, modified: modified2 } = editorRef.current.getModel();
+      monacoRef.current.editor.setModelLanguage(original2, originalLanguage || language || "text");
+      monacoRef.current.editor.setModelLanguage(modified2, modifiedLanguage || language || "text");
+    },
+    [language, originalLanguage, modifiedLanguage],
+    isEditorReady
+  );
+  useUpdate_default(
+    () => {
+      monacoRef.current?.editor.setTheme(theme);
+    },
+    [theme],
+    isEditorReady
+  );
+  useUpdate_default(
+    () => {
+      editorRef.current?.updateOptions(options);
+    },
+    [options],
+    isEditorReady
+  );
+  const setModels = (0, import_react4.useCallback)(() => {
+    if (!monacoRef.current) return;
+    beforeMountRef.current(monacoRef.current);
+    const originalModel = getOrCreateModel(
+      monacoRef.current,
+      original || "",
+      originalLanguage || language || "text",
+      originalModelPath || ""
+    );
+    const modifiedModel = getOrCreateModel(
+      monacoRef.current,
+      modified || "",
+      modifiedLanguage || language || "text",
+      modifiedModelPath || ""
+    );
+    editorRef.current?.setModel({
+      original: originalModel,
+      modified: modifiedModel
+    });
+  }, [language, modified, modifiedLanguage, original, originalLanguage, originalModelPath, modifiedModelPath]);
+  const createEditor = (0, import_react4.useCallback)(() => {
+    if (!preventCreation.current && containerRef.current) {
+      editorRef.current = monacoRef.current.editor.createDiffEditor(containerRef.current, {
+        automaticLayout: true,
+        ...options
+      });
+      setModels();
+      monacoRef.current?.editor.setTheme(theme);
+      setIsEditorReady(true);
+      preventCreation.current = true;
+    }
+  }, [options, theme, setModels]);
+  (0, import_react4.useEffect)(() => {
+    if (isEditorReady) {
+      onMountRef.current(editorRef.current, monacoRef.current);
+    }
+  }, [isEditorReady]);
+  (0, import_react4.useEffect)(() => {
+    !isMonacoMounting && !isEditorReady && createEditor();
+  }, [isMonacoMounting, isEditorReady, createEditor]);
+  function disposeEditor() {
+    const models = editorRef.current?.getModel();
+    if (!keepCurrentOriginalModel) {
+      models?.original?.dispose();
+    }
+    if (!keepCurrentModifiedModel) {
+      models?.modified?.dispose();
+    }
+    editorRef.current?.dispose();
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    MonacoContainer_default2,
+    {
+      width,
+      height,
+      isEditorReady,
+      loading,
+      _ref: containerRef,
+      className,
+      wrapperProps
+    }
+  );
+}
+var DiffEditor_default = DiffEditor;
+
+// src/DiffEditor/index.ts
+var DiffEditor_default2 = (0, import_react5.memo)(DiffEditor_default);
+
+// src/hooks/useMonaco/index.ts
+var import_react6 = require("react");
+var import_monaco_loader2 = __toESM(require("@willbooster/monaco-loader"), 1);
+function useMonaco() {
+  const [monaco, setMonaco] = (0, import_react6.useState)(import_monaco_loader2.default.__getMonacoInstance());
+  useMount_default(() => {
+    let cancelable;
+    if (!monaco) {
+      cancelable = import_monaco_loader2.default.init();
+      void cancelable.then((monaco2) => {
+        setMonaco(monaco2);
+        return;
+      }).catch((error) => {
+        if (error?.type !== "cancelation") {
+          console.error("Monaco initialization: error:", error);
+        }
+      });
+    }
+    return () => cancelable?.cancel();
+  });
+  return monaco;
+}
+var useMonaco_default = useMonaco;
+
+// src/Editor/index.ts
+var import_react9 = require("react");
+
+// src/Editor/Editor.tsx
+var import_react8 = require("react");
+var import_monaco_loader3 = __toESM(require("@willbooster/monaco-loader"), 1);
+
+// src/hooks/usePrevious/index.ts
+var import_react7 = require("react");
+function usePrevious(value) {
+  const ref = (0, import_react7.useRef)(void 0);
+  (0, import_react7.useEffect)(() => {
+    ref.current = value;
+  }, [value]);
+  return ref.current;
+}
+var usePrevious_default = usePrevious;
+
+// src/Editor/Editor.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var viewStates = /* @__PURE__ */ new Map();
+function Editor({
+  defaultValue,
+  defaultLanguage,
+  defaultPath,
+  value,
+  language,
+  path,
+  /* === */
+  theme = "light",
+  line,
+  loading = "Loading...",
+  options = {},
+  overrideServices = {},
+  saveViewState = true,
+  keepCurrentModel = false,
+  /* === */
+  width = "100%",
+  height = "100%",
+  className,
+  wrapperProps = {},
+  /* === */
+  beforeMount = noop,
+  onMount = noop,
+  onChange,
+  onValidate = noop
+}) {
+  const [isEditorReady, setIsEditorReady] = (0, import_react8.useState)(false);
+  const [isMonacoMounting, setIsMonacoMounting] = (0, import_react8.useState)(true);
+  const monacoRef = (0, import_react8.useRef)(null);
+  const editorRef = (0, import_react8.useRef)(null);
+  const containerRef = (0, import_react8.useRef)(null);
+  const onMountRef = (0, import_react8.useRef)(onMount);
+  const beforeMountRef = (0, import_react8.useRef)(beforeMount);
+  const subscriptionRef = (0, import_react8.useRef)(void 0);
+  const valueRef = (0, import_react8.useRef)(value);
+  const previousPath = usePrevious_default(path);
+  const preventCreation = (0, import_react8.useRef)(false);
+  const preventTriggerChangeEvent = (0, import_react8.useRef)(false);
+  useMount_default(() => {
+    const cancelable = import_monaco_loader3.default.init();
+    cancelable.then((monaco) => (monacoRef.current = monaco) && setIsMonacoMounting(false)).catch((error) => error?.type !== "cancelation" && console.error("Monaco initialization: error:", error));
+    return () => editorRef.current ? disposeEditor() : cancelable.cancel();
+  });
+  useUpdate_default(
+    () => {
+      const model = getOrCreateModel(
+        monacoRef.current,
+        defaultValue || value || "",
+        defaultLanguage || language || "",
+        path || defaultPath || ""
+      );
+      if (model !== editorRef.current?.getModel()) {
+        if (saveViewState) viewStates.set(previousPath, editorRef.current?.saveViewState());
+        editorRef.current?.setModel(model);
+        if (saveViewState) editorRef.current?.restoreViewState(viewStates.get(path));
+      }
+    },
+    [path],
+    isEditorReady
+  );
+  useUpdate_default(
+    () => {
+      editorRef.current?.updateOptions(options);
+    },
+    [options],
+    isEditorReady
+  );
+  useUpdate_default(
+    () => {
+      if (!editorRef.current || value === void 0) return;
+      if (editorRef.current.getOption(monacoRef.current.editor.EditorOption.readOnly)) {
+        editorRef.current.setValue(value);
+      } else if (value !== editorRef.current.getValue()) {
+        preventTriggerChangeEvent.current = true;
+        editorRef.current.executeEdits("", [
+          {
+            range: editorRef.current.getModel().getFullModelRange(),
+            text: value,
+            forceMoveMarkers: true
+          }
+        ]);
+        editorRef.current.pushUndoStop();
+        preventTriggerChangeEvent.current = false;
+      }
+    },
+    [value],
+    isEditorReady
+  );
+  useUpdate_default(
+    () => {
+      const model = editorRef.current?.getModel();
+      if (isEditorReady && model && language) {
+        monacoRef.current?.editor.setModelLanguage(model, language);
+      }
+    },
+    [language, isEditorReady],
+    isEditorReady
+  );
+  useUpdate_default(
+    () => {
+      if (line !== void 0) {
+        editorRef.current?.revealLine(line);
+      }
+    },
+    [line],
+    isEditorReady
+  );
+  useUpdate_default(
+    () => {
+      monacoRef.current?.editor.setTheme(theme);
+    },
+    [theme],
+    isEditorReady
+  );
+  const createEditor = (0, import_react8.useCallback)(() => {
+    if (!containerRef.current || !monacoRef.current) return;
+    if (!preventCreation.current) {
+      beforeMountRef.current(monacoRef.current);
+      const autoCreatedModelPath = path || defaultPath;
+      const defaultModel = getOrCreateModel(
+        monacoRef.current,
+        value || defaultValue || "",
+        defaultLanguage || language || "",
+        autoCreatedModelPath || ""
+      );
+      const editor = monacoRef.current.editor.create(
+        containerRef.current,
+        {
+          model: defaultModel,
+          automaticLayout: true,
+          ...options
+        },
+        overrideServices
+      );
+      editorRef.current = editor;
+      saveViewState && editor.restoreViewState(viewStates.get(autoCreatedModelPath));
+      monacoRef.current.editor.setTheme(theme);
+      if (line !== void 0) {
+        editor.revealLine(line);
+      }
+      setIsEditorReady(true);
+      preventCreation.current = true;
+    }
+  }, [
+    defaultValue,
+    defaultLanguage,
+    defaultPath,
+    value,
+    language,
+    path,
+    options,
+    overrideServices,
+    saveViewState,
+    theme,
+    line
+  ]);
+  (0, import_react8.useEffect)(() => {
+    if (isEditorReady) {
+      onMountRef.current(editorRef.current, monacoRef.current);
+    }
+  }, [isEditorReady]);
+  (0, import_react8.useEffect)(() => {
+    !isMonacoMounting && !isEditorReady && createEditor();
+  }, [isMonacoMounting, isEditorReady, createEditor]);
+  valueRef.current = value;
+  (0, import_react8.useEffect)(() => {
+    if (isEditorReady && onChange) {
+      subscriptionRef.current?.dispose();
+      subscriptionRef.current = editorRef.current?.onDidChangeModelContent((event) => {
+        if (!preventTriggerChangeEvent.current) {
+          onChange(editorRef.current.getValue(), event);
+        }
+      });
+    }
+  }, [isEditorReady, onChange]);
+  (0, import_react8.useEffect)(() => {
+    if (isEditorReady) {
+      const changeMarkersListener = monacoRef.current.editor.onDidChangeMarkers((uris) => {
+        const editorUri = editorRef.current.getModel()?.uri;
+        if (editorUri) {
+          const currentEditorHasMarkerChanges = uris.find((uri) => uri.path === editorUri.path);
+          if (currentEditorHasMarkerChanges) {
+            const markers = monacoRef.current.editor.getModelMarkers({
+              resource: editorUri
+            });
+            onValidate?.(markers);
+          }
+        }
+      });
+      return () => {
+        changeMarkersListener?.dispose();
+      };
+    }
+    return () => {
+    };
+  }, [isEditorReady, onValidate]);
+  function disposeEditor() {
+    subscriptionRef.current?.dispose();
+    if (keepCurrentModel) {
+      saveViewState && viewStates.set(path, editorRef.current.saveViewState());
+    } else {
+      editorRef.current.getModel()?.dispose();
+    }
+    editorRef.current.dispose();
+    editorRef.current = null;
+    preventCreation.current = false;
+    setIsEditorReady(false);
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    MonacoContainer_default2,
+    {
+      width,
+      height,
+      isEditorReady,
+      loading,
+      _ref: containerRef,
+      className,
+      wrapperProps
+    }
+  );
+}
+var Editor_default = Editor;
+
+// src/Editor/index.ts
+var Editor_default2 = (0, import_react9.memo)(Editor_default);
+
+// src/index.ts
+var index_default = Editor_default2;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DiffEditor,
+  Editor,
+  loader,
+  useMonaco
+});
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/DiffEditor/index.ts","../src/DiffEditor/DiffEditor.tsx","../src/MonacoContainer/index.ts","../src/MonacoContainer/styles.ts","../src/Loading/styles.ts","../src/Loading/Loading.tsx","../src/Loading/index.ts","../src/MonacoContainer/MonacoContainer.tsx","../src/hooks/useMount/index.ts","../src/hooks/useUpdate/index.ts","../src/utils/index.ts","../src/hooks/useMonaco/index.ts","../src/Editor/index.ts","../src/Editor/Editor.tsx","../src/hooks/usePrevious/index.ts"],"sourcesContent":["import loader from '@willbooster/monaco-loader';\nexport { loader };\n\nimport DiffEditor from './DiffEditor';\nexport * from './DiffEditor/types';\nexport { DiffEditor };\n\nimport useMonaco from './hooks/useMonaco';\nexport { useMonaco };\n\nimport Editor from './Editor';\nexport * from './Editor/types';\nexport { Editor };\nexport default Editor;\n\n// Monaco\nimport type * as monaco from 'monaco-editor/esm/vs/editor/editor.api.js';\nexport type Monaco = typeof monaco;\n\n// Default themes\nexport type Theme = 'vs-dark' | 'light';\n","import { memo } from 'react';\n\nimport DiffEditor from './DiffEditor';\n\nexport * from './types';\n\nexport default memo(DiffEditor);\n","'use client';\n\nimport { useState, useRef, useCallback, useEffect } from 'react';\nimport type { ReactElement } from 'react';\nimport loader from '@willbooster/monaco-loader';\n\nimport MonacoContainer from '../MonacoContainer';\nimport useMount from '../hooks/useMount';\nimport useUpdate from '../hooks/useUpdate';\nimport { noop, getOrCreateModel } from '../utils';\nimport type { DiffEditorProps, MonacoDiffEditor } from './types';\nimport type { Monaco } from '..';\n\nfunction DiffEditor({\n  original,\n  modified,\n  language,\n  originalLanguage,\n  modifiedLanguage,\n  originalModelPath,\n  modifiedModelPath,\n  keepCurrentOriginalModel = false,\n  keepCurrentModifiedModel = false,\n  theme = 'light',\n  loading = 'Loading...',\n  options = {},\n  height = '100%',\n  width = '100%',\n  className,\n  wrapperProps = {},\n  beforeMount = noop,\n  onMount = noop,\n}: DiffEditorProps): ReactElement {\n  const [isEditorReady, setIsEditorReady] = useState(false);\n  const [isMonacoMounting, setIsMonacoMounting] = useState(true);\n  const editorRef = useRef<MonacoDiffEditor | null>(null);\n  const monacoRef = useRef<Monaco | null>(null);\n  const containerRef = useRef<HTMLDivElement | null>(null);\n  const onMountRef = useRef(onMount);\n  const beforeMountRef = useRef(beforeMount);\n  const preventCreation = useRef(false);\n\n  useMount(() => {\n    const cancelable = loader.init();\n\n    cancelable\n      .then((monaco) => (monacoRef.current = monaco as Monaco) && setIsMonacoMounting(false))\n      .catch((error) => error?.type !== 'cancelation' && console.error('Monaco initialization: error:', error));\n\n    return () => (editorRef.current ? disposeEditor() : cancelable.cancel());\n  });\n\n  useUpdate(\n    () => {\n      if (editorRef.current && monacoRef.current) {\n        const originalEditor = editorRef.current.getOriginalEditor();\n        const model = getOrCreateModel(\n          monacoRef.current,\n          original || '',\n          originalLanguage || language || 'text',\n          originalModelPath || ''\n        );\n\n        if (model !== originalEditor.getModel()) {\n          originalEditor.setModel(model);\n        }\n      }\n    },\n    [originalModelPath],\n    isEditorReady\n  );\n\n  useUpdate(\n    () => {\n      if (editorRef.current && monacoRef.current) {\n        const modifiedEditor = editorRef.current.getModifiedEditor();\n        const model = getOrCreateModel(\n          monacoRef.current,\n          modified || '',\n          modifiedLanguage || language || 'text',\n          modifiedModelPath || ''\n        );\n\n        if (model !== modifiedEditor.getModel()) {\n          modifiedEditor.setModel(model);\n        }\n      }\n    },\n    [modifiedModelPath],\n    isEditorReady\n  );\n\n  useUpdate(\n    () => {\n      const modifiedEditor = editorRef.current!.getModifiedEditor();\n      if (modifiedEditor.getOption(monacoRef.current!.editor.EditorOption.readOnly)) {\n        modifiedEditor.setValue(modified || '');\n      } else {\n        if (modified !== modifiedEditor.getValue()) {\n          modifiedEditor.executeEdits('', [\n            {\n              range: modifiedEditor.getModel()!.getFullModelRange(),\n              text: modified || '',\n              forceMoveMarkers: true,\n            },\n          ]);\n\n          modifiedEditor.pushUndoStop();\n        }\n      }\n    },\n    [modified],\n    isEditorReady\n  );\n\n  useUpdate(\n    () => {\n      editorRef.current?.getModel()?.original.setValue(original || '');\n    },\n    [original],\n    isEditorReady\n  );\n\n  useUpdate(\n    () => {\n      const { original, modified } = editorRef.current!.getModel()!;\n\n      monacoRef.current!.editor.setModelLanguage(original, originalLanguage || language || 'text');\n      monacoRef.current!.editor.setModelLanguage(modified, modifiedLanguage || language || 'text');\n    },\n    [language, originalLanguage, modifiedLanguage],\n    isEditorReady\n  );\n\n  useUpdate(\n    () => {\n      monacoRef.current?.editor.setTheme(theme);\n    },\n    [theme],\n    isEditorReady\n  );\n\n  useUpdate(\n    () => {\n      editorRef.current?.updateOptions(options);\n    },\n    [options],\n    isEditorReady\n  );\n\n  const setModels = useCallback(() => {\n    if (!monacoRef.current) return;\n    beforeMountRef.current(monacoRef.current);\n    const originalModel = getOrCreateModel(\n      monacoRef.current,\n      original || '',\n      originalLanguage || language || 'text',\n      originalModelPath || ''\n    );\n\n    const modifiedModel = getOrCreateModel(\n      monacoRef.current,\n      modified || '',\n      modifiedLanguage || language || 'text',\n      modifiedModelPath || ''\n    );\n\n    editorRef.current?.setModel({\n      original: originalModel,\n      modified: modifiedModel,\n    });\n  }, [language, modified, modifiedLanguage, original, originalLanguage, originalModelPath, modifiedModelPath]);\n\n  const createEditor = useCallback(() => {\n    if (!preventCreation.current && containerRef.current) {\n      editorRef.current = monacoRef.current!.editor.createDiffEditor(containerRef.current, {\n        automaticLayout: true,\n        ...options,\n      });\n\n      setModels();\n\n      monacoRef.current?.editor.setTheme(theme);\n\n      setIsEditorReady(true);\n      preventCreation.current = true;\n    }\n  }, [options, theme, setModels]);\n\n  useEffect(() => {\n    if (isEditorReady) {\n      onMountRef.current(editorRef.current!, monacoRef.current!);\n    }\n  }, [isEditorReady]);\n\n  useEffect(() => {\n    !isMonacoMounting && !isEditorReady && createEditor();\n  }, [isMonacoMounting, isEditorReady, createEditor]);\n\n  function disposeEditor(): void {\n    const models = editorRef.current?.getModel();\n\n    if (!keepCurrentOriginalModel) {\n      models?.original?.dispose();\n    }\n\n    if (!keepCurrentModifiedModel) {\n      models?.modified?.dispose();\n    }\n\n    editorRef.current?.dispose();\n  }\n\n  return (\n    <MonacoContainer\n      width={width}\n      height={height}\n      isEditorReady={isEditorReady}\n      loading={loading}\n      _ref={containerRef}\n      className={className}\n      wrapperProps={wrapperProps}\n    />\n  );\n}\n\nexport default DiffEditor;\n","import { memo } from 'react';\n\nimport MonacoContainer from './MonacoContainer';\n\nexport default memo(MonacoContainer);\n","import type { CSSProperties } from 'react';\n\nconst styles: Record<string, CSSProperties> = {\n  wrapper: {\n    display: 'flex',\n    position: 'relative',\n    textAlign: 'initial',\n  },\n  fullWidth: {\n    width: '100%',\n  },\n  hide: {\n    display: 'none',\n  },\n};\n\nexport default styles;\n","import type { CSSProperties } from 'react';\n\nconst styles: Record<string, CSSProperties> = {\n  container: {\n    display: 'flex',\n    height: '100%',\n    width: '100%',\n    justifyContent: 'center',\n    alignItems: 'center',\n  },\n};\n\nexport default styles;\n","import type { PropsWithChildren, ReactElement } from 'react';\n\nimport styles from './styles';\n\nfunction Loading({ children }: PropsWithChildren): ReactElement {\n  return <div style={styles.container}>{children}</div>;\n}\n\nexport default Loading;\n","import Loading from './Loading';\n\nexport default Loading;\n","import type { ReactElement } from 'react';\n\nimport styles from './styles';\nimport Loading from '../Loading';\nimport type { ContainerProps } from './types';\n\n// ** forwardref render functions do not support proptypes or defaultprops **\n// one of the reasons why we use a separate prop for passing ref instead of using forwardref\n\nfunction MonacoContainer({\n  width,\n  height,\n  isEditorReady,\n  loading,\n  _ref,\n  className,\n  wrapperProps,\n}: ContainerProps): ReactElement {\n  return (\n    <section style={{ ...styles.wrapper, width, height }} {...wrapperProps}>\n      {!isEditorReady && <Loading>{loading}</Loading>}\n      <div ref={_ref} style={{ ...styles.fullWidth, ...(!isEditorReady && styles.hide) }} className={className} />\n    </section>\n  );\n}\n\nexport default MonacoContainer;\n","import { useEffect } from 'react';\nimport type { EffectCallback } from 'react';\n\nfunction useMount(effect: EffectCallback): void {\n  useEffect(effect, []);\n}\n\nexport default useMount;\n","import { useEffect, useRef } from 'react';\nimport type { DependencyList, EffectCallback } from 'react';\n\nfunction useUpdate(effect: EffectCallback, deps: DependencyList, applyChanges = true): void {\n  const isInitialMount = useRef(true);\n\n  useEffect(\n    isInitialMount.current || !applyChanges\n      ? () => {\n          isInitialMount.current = false;\n        }\n      : effect,\n    deps\n  );\n}\n\nexport default useUpdate;\n","import type { Monaco } from '..';\nimport type { Uri, editor } from 'monaco-editor/esm/vs/editor/editor.api.js';\n\n/**\n * noop is a helper function that does nothing\n * @returns undefined\n */\nfunction noop(): void {\n  /** no-op */\n}\n\n/**\n * getOrCreateModel is a helper function that will return a model if it exists\n * or create a new model if it does not exist.\n * This is useful for when you want to create a model for a file that may or may not exist yet.\n * @param monaco The monaco instance\n * @param value The value of the model\n * @param language The language of the model\n * @param path The path of the model\n * @returns The model that was found or created\n */\nfunction getOrCreateModel(monaco: Monaco, value: string, language: string, path: string): editor.ITextModel {\n  return getModel(monaco, path) ?? createModel(monaco, value, language, path);\n}\n\n/**\n * getModel is a helper function that will return a model if it exists\n * or return undefined if it does not exist.\n * @param monaco The monaco instance\n * @param path The path of the model\n * @returns The model that was found or undefined\n */\nfunction getModel(monaco: Monaco, path: string): editor.ITextModel | null {\n  return monaco.editor.getModel(createModelUri(monaco, path));\n}\n\n/**\n * createModel is a helper function that will create a new model\n * @param monaco The monaco instance\n * @param value The value of the model\n * @param language The language of the model\n * @param path The path of the model\n * @returns The model that was created\n */\nfunction createModel(monaco: Monaco, value: string, language?: string, path?: string): editor.ITextModel {\n  return monaco.editor.createModel(value, language, path ? createModelUri(monaco, path) : undefined);\n}\n\n/**\n * createModelUri is a helper function that will create a new model uri\n * @param monaco The monaco instance\n * @param path The path of the model\n * @returns The model uri that was created\n */\nfunction createModelUri(monaco: Monaco, path: string): Uri {\n  return monaco.Uri.parse(path);\n}\n\nexport { noop, getOrCreateModel };\n","import { useState } from 'react';\nimport loader from '@willbooster/monaco-loader';\n\nimport useMount from '../useMount';\nimport type { Monaco } from '../..';\n\nfunction useMonaco(): Monaco | undefined {\n  const [monaco, setMonaco] = useState<Monaco | undefined>(loader.__getMonacoInstance() as Monaco | undefined);\n\n  useMount(() => {\n    let cancelable: ReturnType<typeof loader.init>;\n\n    if (!monaco) {\n      cancelable = loader.init();\n\n      void cancelable\n        .then((monaco) => {\n          setMonaco(monaco as Monaco);\n          return;\n        })\n        .catch((error: unknown) => {\n          if ((error as { type?: unknown })?.type !== 'cancelation') {\n            console.error('Monaco initialization: error:', error);\n          }\n        });\n    }\n\n    return () => cancelable?.cancel();\n  });\n\n  return monaco;\n}\n\nexport default useMonaco;\n","import { memo } from 'react';\n\nimport Editor from './Editor';\n\nexport * from './types';\n\nexport default memo(Editor);\n","'use client';\n\nimport { useState, useEffect, useRef, useCallback } from 'react';\nimport type { ReactElement } from 'react';\nimport loader from '@willbooster/monaco-loader';\nimport useMount from '../hooks/useMount';\nimport useUpdate from '../hooks/useUpdate';\nimport usePrevious from '../hooks/usePrevious';\nimport type { IDisposable, Uri, editor } from 'monaco-editor/esm/vs/editor/editor.api.js';\nimport { noop, getOrCreateModel } from '../utils';\nimport type { EditorProps } from './types';\nimport type { Monaco } from '..';\nimport MonacoContainer from '../MonacoContainer';\n\nconst viewStates = new Map();\n\nfunction Editor({\n  defaultValue,\n  defaultLanguage,\n  defaultPath,\n  value,\n  language,\n  path,\n  /* === */\n  theme = 'light',\n  line,\n  loading = 'Loading...',\n  options = {},\n  overrideServices = {},\n  saveViewState = true,\n  keepCurrentModel = false,\n  /* === */\n  width = '100%',\n  height = '100%',\n  className,\n  wrapperProps = {},\n  /* === */\n  beforeMount = noop,\n  onMount = noop,\n  onChange,\n  onValidate = noop,\n}: EditorProps): ReactElement {\n  const [isEditorReady, setIsEditorReady] = useState(false);\n  const [isMonacoMounting, setIsMonacoMounting] = useState(true);\n  const monacoRef = useRef<Monaco | null>(null);\n  const editorRef = useRef<editor.IStandaloneCodeEditor | null>(null);\n  const containerRef = useRef<HTMLDivElement | null>(null);\n  const onMountRef = useRef(onMount);\n  const beforeMountRef = useRef(beforeMount);\n  const subscriptionRef = useRef<IDisposable | undefined>(undefined);\n  const valueRef = useRef(value);\n  const previousPath = usePrevious(path);\n  const preventCreation = useRef(false);\n  const preventTriggerChangeEvent = useRef<boolean>(false);\n\n  useMount(() => {\n    const cancelable = loader.init();\n\n    cancelable\n      .then((monaco) => (monacoRef.current = monaco as Monaco) && setIsMonacoMounting(false))\n      .catch((error) => error?.type !== 'cancelation' && console.error('Monaco initialization: error:', error));\n\n    return () => (editorRef.current ? disposeEditor() : cancelable.cancel());\n  });\n\n  useUpdate(\n    () => {\n      const model = getOrCreateModel(\n        monacoRef.current!,\n        defaultValue || value || '',\n        defaultLanguage || language || '',\n        path || defaultPath || ''\n      );\n\n      if (model !== editorRef.current?.getModel()) {\n        if (saveViewState) viewStates.set(previousPath, editorRef.current?.saveViewState());\n        editorRef.current?.setModel(model);\n        if (saveViewState) editorRef.current?.restoreViewState(viewStates.get(path));\n      }\n    },\n    [path],\n    isEditorReady\n  );\n\n  useUpdate(\n    () => {\n      editorRef.current?.updateOptions(options);\n    },\n    [options],\n    isEditorReady\n  );\n\n  useUpdate(\n    () => {\n      if (!editorRef.current || value === undefined) return;\n      if (editorRef.current.getOption(monacoRef.current!.editor.EditorOption.readOnly)) {\n        editorRef.current.setValue(value);\n      } else if (value !== editorRef.current.getValue()) {\n        preventTriggerChangeEvent.current = true;\n        editorRef.current.executeEdits('', [\n          {\n            range: editorRef.current.getModel()!.getFullModelRange(),\n            text: value,\n            forceMoveMarkers: true,\n          },\n        ]);\n\n        editorRef.current.pushUndoStop();\n        preventTriggerChangeEvent.current = false;\n      }\n    },\n    [value],\n    isEditorReady\n  );\n\n  useUpdate(\n    () => {\n      const model = editorRef.current?.getModel();\n      if (isEditorReady && model && language) {\n        monacoRef.current?.editor.setModelLanguage(model, language);\n      }\n    },\n    [language, isEditorReady],\n    isEditorReady\n  );\n\n  useUpdate(\n    () => {\n      // reason for undefined check: https://github.com/suren-atoyan/monaco-react/pull/188\n      if (line !== undefined) {\n        editorRef.current?.revealLine(line);\n      }\n    },\n    [line],\n    isEditorReady\n  );\n\n  useUpdate(\n    () => {\n      monacoRef.current?.editor.setTheme(theme);\n    },\n    [theme],\n    isEditorReady\n  );\n\n  const createEditor = useCallback(() => {\n    if (!containerRef.current || !monacoRef.current) return;\n    if (!preventCreation.current) {\n      beforeMountRef.current(monacoRef.current);\n      const autoCreatedModelPath = path || defaultPath;\n\n      const defaultModel = getOrCreateModel(\n        monacoRef.current,\n        value || defaultValue || '',\n        defaultLanguage || language || '',\n        autoCreatedModelPath || ''\n      );\n\n      const editor = monacoRef.current.editor.create(\n        containerRef.current,\n        {\n          model: defaultModel,\n          automaticLayout: true,\n          ...options,\n        },\n        overrideServices\n      );\n      editorRef.current = editor;\n\n      saveViewState && editor.restoreViewState(viewStates.get(autoCreatedModelPath));\n\n      monacoRef.current.editor.setTheme(theme);\n\n      if (line !== undefined) {\n        editor.revealLine(line);\n      }\n\n      setIsEditorReady(true);\n      preventCreation.current = true;\n    }\n  }, [\n    defaultValue,\n    defaultLanguage,\n    defaultPath,\n    value,\n    language,\n    path,\n    options,\n    overrideServices,\n    saveViewState,\n    theme,\n    line,\n  ]);\n\n  useEffect(() => {\n    if (isEditorReady) {\n      onMountRef.current(editorRef.current!, monacoRef.current!);\n    }\n  }, [isEditorReady]);\n\n  useEffect(() => {\n    !isMonacoMounting && !isEditorReady && createEditor();\n  }, [isMonacoMounting, isEditorReady, createEditor]);\n\n  // subscription\n  // to avoid unnecessary updates (attach - dispose listener) in subscription\n  valueRef.current = value;\n\n  // onChange\n  useEffect(() => {\n    if (isEditorReady && onChange) {\n      subscriptionRef.current?.dispose();\n      subscriptionRef.current = editorRef.current?.onDidChangeModelContent((event) => {\n        if (!preventTriggerChangeEvent.current) {\n          onChange(editorRef.current!.getValue(), event);\n        }\n      });\n    }\n  }, [isEditorReady, onChange]);\n\n  // onValidate\n  useEffect(() => {\n    if (isEditorReady) {\n      const changeMarkersListener = monacoRef.current!.editor.onDidChangeMarkers((uris: readonly Uri[]) => {\n        const editorUri = editorRef.current!.getModel()?.uri;\n\n        if (editorUri) {\n          const currentEditorHasMarkerChanges = uris.find((uri: Uri) => uri.path === editorUri.path);\n          if (currentEditorHasMarkerChanges) {\n            const markers = monacoRef.current!.editor.getModelMarkers({\n              resource: editorUri,\n            });\n            onValidate?.(markers);\n          }\n        }\n      });\n\n      return () => {\n        changeMarkersListener?.dispose();\n      };\n    }\n    return () => {\n      // eslint happy\n    };\n  }, [isEditorReady, onValidate]);\n\n  function disposeEditor(): void {\n    subscriptionRef.current?.dispose();\n\n    if (keepCurrentModel) {\n      saveViewState && viewStates.set(path, editorRef.current!.saveViewState());\n    } else {\n      editorRef.current!.getModel()?.dispose();\n    }\n\n    editorRef.current!.dispose();\n\n    editorRef.current = null;\n    preventCreation.current = false;\n    setIsEditorReady(false);\n  }\n\n  return (\n    <MonacoContainer\n      width={width}\n      height={height}\n      isEditorReady={isEditorReady}\n      loading={loading}\n      _ref={containerRef}\n      className={className}\n      wrapperProps={wrapperProps}\n    />\n  );\n}\n\nexport default Editor;\n","import { useEffect, useRef } from 'react';\n\nfunction usePrevious<T>(value: T): T | undefined {\n  const ref = useRef<T | undefined>(undefined);\n\n  useEffect(() => {\n    ref.current = value;\n  }, [value]);\n\n  return ref.current;\n}\n\nexport default usePrevious;\n"],"mappings":"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","names":["DiffEditor_default","Editor_default","loader","import_monaco_loader","import_react","import_react","styles","styles_default","styles_default","Loading_default","import_jsx_runtime","Loading_default","MonacoContainer_default","import_react","import_react","import_jsx_runtime","loader","original","modified","MonacoContainer_default","DiffEditor_default","import_react","import_monaco_loader","loader","monaco","import_react","import_react","import_monaco_loader","import_react","import_jsx_runtime","loader","MonacoContainer_default","Editor_default","Editor_default"]}