@willbooster/monaco-react 1.0.0 → 1.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.cjs CHANGED
@@ -305,17 +305,24 @@ function DiffEditor({
305
305
  }
306
306
  }, [isEditorReady]);
307
307
  (0, import_react4.useEffect)(() => {
308
- !isMonacoMounting && !isEditorReady && createEditor();
308
+ if (!isMonacoMounting && !isEditorReady) {
309
+ createEditor();
310
+ }
309
311
  }, [isMonacoMounting, isEditorReady, createEditor]);
310
312
  function disposeEditor() {
311
- const models = editorRef.current?.getModel();
312
- if (!keepCurrentOriginalModel) {
313
+ const editor = editorRef.current;
314
+ const models = editor?.getModel();
315
+ editor?.setModel(null);
316
+ editor?.dispose();
317
+ if (!keepCurrentOriginalModel && !models?.original.isDisposed()) {
313
318
  models?.original?.dispose();
314
319
  }
315
- if (!keepCurrentModifiedModel) {
320
+ if (!keepCurrentModifiedModel && !models?.modified.isDisposed()) {
316
321
  models?.modified?.dispose();
317
322
  }
318
- editorRef.current?.dispose();
323
+ editorRef.current = null;
324
+ preventCreation.current = false;
325
+ setIsEditorReady(false);
319
326
  }
320
327
  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
321
328
  MonacoContainer_default2,
@@ -1 +1 @@
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"]}
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 if (!isMonacoMounting && !isEditorReady) {\n createEditor();\n }\n }, [isMonacoMounting, isEditorReady, createEditor]);\n\n function disposeEditor(): void {\n const editor = editorRef.current;\n const models = editor?.getModel();\n\n // oxlint-disable-next-line unicorn/no-null -- Monaco detaches diff models with null.\n editor?.setModel(null);\n editor?.dispose();\n\n if (!keepCurrentOriginalModel && !models?.original.isDisposed()) {\n models?.original?.dispose();\n }\n\n if (!keepCurrentModifiedModel && !models?.modified.isDisposed()) {\n models?.modified?.dispose();\n }\n\n // oxlint-disable-next-line unicorn/no-null -- React refs use null after unmount.\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 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"]}
package/dist/index.js CHANGED
@@ -268,17 +268,24 @@ function DiffEditor({
268
268
  }
269
269
  }, [isEditorReady]);
270
270
  useEffect3(() => {
271
- !isMonacoMounting && !isEditorReady && createEditor();
271
+ if (!isMonacoMounting && !isEditorReady) {
272
+ createEditor();
273
+ }
272
274
  }, [isMonacoMounting, isEditorReady, createEditor]);
273
275
  function disposeEditor() {
274
- const models = editorRef.current?.getModel();
275
- if (!keepCurrentOriginalModel) {
276
+ const editor = editorRef.current;
277
+ const models = editor?.getModel();
278
+ editor?.setModel(null);
279
+ editor?.dispose();
280
+ if (!keepCurrentOriginalModel && !models?.original.isDisposed()) {
276
281
  models?.original?.dispose();
277
282
  }
278
- if (!keepCurrentModifiedModel) {
283
+ if (!keepCurrentModifiedModel && !models?.modified.isDisposed()) {
279
284
  models?.modified?.dispose();
280
285
  }
281
- editorRef.current?.dispose();
286
+ editorRef.current = null;
287
+ preventCreation.current = false;
288
+ setIsEditorReady(false);
282
289
  }
283
290
  return /* @__PURE__ */ jsx3(
284
291
  MonacoContainer_default2,
package/dist/index.js.map CHANGED
@@ -1 +1 @@
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":["loader","memo","useRef","useEffect","styles","styles_default","styles_default","Loading_default","jsx","Loading_default","MonacoContainer_default","useEffect","jsx","useRef","original","modified","useEffect","MonacoContainer_default","DiffEditor_default","memo","useState","loader","useState","loader","monaco","memo","useState","useEffect","useRef","useCallback","loader","useEffect","useRef","jsx","useState","useRef","loader","useCallback","useEffect","MonacoContainer_default","Editor_default","memo","Editor_default"]}
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 if (!isMonacoMounting && !isEditorReady) {\n createEditor();\n }\n }, [isMonacoMounting, isEditorReady, createEditor]);\n\n function disposeEditor(): void {\n const editor = editorRef.current;\n const models = editor?.getModel();\n\n // oxlint-disable-next-line unicorn/no-null -- Monaco detaches diff models with null.\n editor?.setModel(null);\n editor?.dispose();\n\n if (!keepCurrentOriginalModel && !models?.original.isDisposed()) {\n models?.original?.dispose();\n }\n\n if (!keepCurrentModifiedModel && !models?.modified.isDisposed()) {\n models?.modified?.dispose();\n }\n\n // oxlint-disable-next-line unicorn/no-null -- React refs use null after unmount.\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 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":["loader","memo","useRef","useEffect","styles","styles_default","styles_default","Loading_default","jsx","Loading_default","MonacoContainer_default","useEffect","jsx","useRef","original","modified","useEffect","MonacoContainer_default","DiffEditor_default","memo","useState","loader","useState","loader","monaco","memo","useState","useEffect","useRef","useCallback","loader","useEffect","useRef","jsx","useState","useRef","loader","useCallback","useEffect","MonacoContainer_default","Editor_default","memo","Editor_default"]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@willbooster/monaco-react",
3
- "version": "1.0.0",
3
+ "version": "1.0.2",
4
4
  "description": "Monaco Editor for React - use the monaco-editor in any React application without needing to use webpack (or rollup/parcel/etc) configuration files / plugins",
5
5
  "keywords": [
6
6
  "code",
@@ -55,7 +55,7 @@
55
55
  "typecheck": "tsgo --noEmit"
56
56
  },
57
57
  "dependencies": {
58
- "@willbooster/monaco-loader": "1.0.0"
58
+ "@willbooster/monaco-loader": "1.0.1"
59
59
  },
60
60
  "devDependencies": {
61
61
  "@playwright/test": "1.59.1",
@@ -90,7 +90,7 @@
90
90
  "vitest": "4.1.4"
91
91
  },
92
92
  "peerDependencies": {
93
- "monaco-editor": ">= 0.25.0 < 1",
93
+ "monaco-editor": "^0.55.1",
94
94
  "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
95
95
  "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
96
96
  },