react-codemirror-editor 0.1.0

package/dist/core/themes/light/espresso.js

@@ -0,0 +1,62 @@
+/**
+ * Theme inspired by Thememirror
+ * https://github.com/vadimdemedes/thememirror
+ * MIT License
+ */
+import { EditorView } from '@codemirror/view';
+import { HighlightStyle } from '@codemirror/language';
+import { tags } from '@lezer/highlight';
+export const espressoLightTheme = EditorView.theme({
+    '&': {
+        backgroundColor: '#FFFFFF',
+        color: '#000000',
+    },
+    '.cm-content': {
+        caretColor: '#000000',
+    },
+    '.cm-cursor, .cm-dropCursor': {
+        borderLeftColor: '#000000',
+    },
+    '.cm-activeLine': {
+        backgroundColor: '#C1E2F8',
+    },
+    '.cm-selectionBackground, ::selection': {
+        backgroundColor: '#80C7FF',
+    },
+    '.cm-gutters': {
+        backgroundColor: '#FFFFFF',
+        color: '#00000070',
+        border: 'none',
+    },
+}, { dark: false });
+export const espressoLightHighlight = HighlightStyle.define([
+    { tag: tags.comment, color: '#AAAAAA' },
+    {
+        tag: [
+            tags.keyword,
+            tags.operator,
+            tags.typeName,
+            tags.tagName,
+            tags.propertyName,
+        ],
+        color: '#2F6F9F',
+        fontWeight: 'bold',
+    },
+    {
+        tag: [tags.attributeName, tags.definition(tags.propertyName)],
+        color: '#4F9FD0',
+    },
+    {
+        tag: [tags.className, tags.string, tags.special(tags.brace)],
+        color: '#CF4F5F',
+    },
+    {
+        tag: tags.number,
+        color: '#CF4F5F',
+        fontWeight: 'bold',
+    },
+    {
+        tag: tags.variableName,
+        fontWeight: 'bold',
+    },
+]);

package/dist/core/themes/light/index.d.ts

@@ -0,0 +1,3 @@
+import type { Extension } from '@codemirror/state';
+export declare const lightThemes: Record<string, Extension>;
+//# sourceMappingURL=index.d.ts.map

package/dist/core/themes/light/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/core/themes/light/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAkBnD,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAwBjD,CAAC"}

package/dist/core/themes/light/index.js

@@ -0,0 +1,34 @@
+import { syntaxHighlighting } from '@codemirror/language';
+import { lightTheme, lightHighlight } from './base';
+import { ayuLightTheme, ayuLightHighlight } from './ayu';
+import { cloudsLightTheme, cloudsLightHighlight } from './clouds';
+import { espressoLightTheme, espressoLightHighlight } from './espresso';
+import { noctisLilacLightTheme, noctisLilacLightHighlight, } from './noctis-lilac';
+import { rosePineDawnLightTheme, rosePineDawnLightHighlight, } from './rose-pine-dawn';
+import { smoothyLightTheme, smoothyLightHighlight } from './smoothy';
+import { tomorrowLightTheme, tomorrowLightHighlight } from './tomorrow';
+export const lightThemes = {
+    light: [lightTheme, syntaxHighlighting(lightHighlight)],
+    ayu_light: [ayuLightTheme, syntaxHighlighting(ayuLightHighlight)],
+    clouds_light: [cloudsLightTheme, syntaxHighlighting(cloudsLightHighlight)],
+    espresso_light: [
+        espressoLightTheme,
+        syntaxHighlighting(espressoLightHighlight),
+    ],
+    noctis_lilac_light: [
+        noctisLilacLightTheme,
+        syntaxHighlighting(noctisLilacLightHighlight),
+    ],
+    rose_pine_dawn_light: [
+        rosePineDawnLightTheme,
+        syntaxHighlighting(rosePineDawnLightHighlight),
+    ],
+    smoothy_light: [
+        smoothyLightTheme,
+        syntaxHighlighting(smoothyLightHighlight),
+    ],
+    tomorrow_light: [
+        tomorrowLightTheme,
+        syntaxHighlighting(tomorrowLightHighlight),
+    ],
+};

package/dist/core/themes/light/noctis-lilac.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Theme inspired by Thememirror
+ * https://github.com/vadimdemedes/thememirror
+ * MIT License
+ */
+import { HighlightStyle } from '@codemirror/language';
+export declare const noctisLilacLightTheme: import("@codemirror/state").Extension;
+export declare const noctisLilacLightHighlight: HighlightStyle;
+//# sourceMappingURL=noctis-lilac.d.ts.map

package/dist/core/themes/light/noctis-lilac.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"noctis-lilac.d.ts","sourceRoot":"","sources":["../../../../src/core/themes/light/noctis-lilac.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAGtD,eAAO,MAAM,qBAAqB,uCAyBjC,CAAC;AAEF,eAAO,MAAM,yBAAyB,gBA4CpC,CAAC"}

package/dist/core/themes/light/noctis-lilac.js

@@ -0,0 +1,76 @@
+/**
+ * Theme inspired by Thememirror
+ * https://github.com/vadimdemedes/thememirror
+ * MIT License
+ */
+import { EditorView } from '@codemirror/view';
+import { HighlightStyle } from '@codemirror/language';
+import { tags } from '@lezer/highlight';
+export const noctisLilacLightTheme = EditorView.theme({
+    '&': {
+        backgroundColor: '#f2f1f8',
+        color: '#0c006b',
+    },
+    '.cm-content': {
+        caretColor: '#5c49e9',
+    },
+    '.cm-cursor, .cm-dropCursor': {
+        borderLeftColor: '#5c49e9',
+    },
+    '.cm-activeLine': {
+        backgroundColor: '#e1def3',
+    },
+    '.cm-selectionBackground, ::selection': {
+        backgroundColor: '#d5d1f2',
+    },
+    '.cm-gutters': {
+        backgroundColor: '#f2f1f8',
+        color: '#0c006b70',
+        border: 'none',
+    },
+}, { dark: false });
+export const noctisLilacLightHighlight = HighlightStyle.define([
+    { tag: tags.comment, color: '#9995b7' },
+    {
+        tag: tags.keyword,
+        color: '#ff5792',
+        fontWeight: 'bold',
+    },
+    {
+        tag: [tags.definitionKeyword, tags.modifier],
+        color: '#ff5792',
+    },
+    {
+        tag: [tags.className, tags.tagName, tags.definition(tags.typeName)],
+        color: '#0094f0',
+    },
+    {
+        tag: [tags.number, tags.bool, tags.null, tags.special(tags.brace)],
+        color: '#5842ff',
+    },
+    {
+        tag: [
+            tags.definition(tags.propertyName),
+            tags.function(tags.variableName),
+        ],
+        color: '#0095a8',
+    },
+    { tag: tags.typeName, color: '#b3694d' },
+    {
+        tag: [tags.propertyName, tags.variableName],
+        color: '#fa8900',
+    },
+    { tag: tags.operator, color: '#ff5792' },
+    { tag: tags.self, color: '#e64100' },
+    {
+        tag: [tags.string, tags.regexp],
+        color: '#00b368',
+    },
+    {
+        tag: [tags.paren, tags.bracket],
+        color: '#0431fa',
+    },
+    { tag: tags.labelName, color: '#00bdd6' },
+    { tag: tags.attributeName, color: '#e64100' },
+    { tag: tags.angleBracket, color: '#9995b7' },
+]);

package/dist/core/themes/light/rose-pine-dawn.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Theme inspired by Thememirror
+ * https://github.com/vadimdemedes/thememirror
+ * MIT License
+ */
+import { HighlightStyle } from '@codemirror/language';
+export declare const rosePineDawnLightTheme: import("@codemirror/state").Extension;
+export declare const rosePineDawnLightHighlight: HighlightStyle;
+//# sourceMappingURL=rose-pine-dawn.d.ts.map

package/dist/core/themes/light/rose-pine-dawn.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rose-pine-dawn.d.ts","sourceRoot":"","sources":["../../../../src/core/themes/light/rose-pine-dawn.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAGtD,eAAO,MAAM,sBAAsB,uCAyBlC,CAAC;AAEF,eAAO,MAAM,0BAA0B,gBAcrC,CAAC"}

package/dist/core/themes/light/rose-pine-dawn.js

@@ -0,0 +1,46 @@
+/**
+ * Theme inspired by Thememirror
+ * https://github.com/vadimdemedes/thememirror
+ * MIT License
+ */
+import { EditorView } from '@codemirror/view';
+import { HighlightStyle } from '@codemirror/language';
+import { tags } from '@lezer/highlight';
+export const rosePineDawnLightTheme = EditorView.theme({
+    '&': {
+        backgroundColor: '#faf4ed',
+        color: '#575279',
+    },
+    '.cm-content': {
+        caretColor: '#575279',
+    },
+    '.cm-cursor, .cm-dropCursor': {
+        borderLeftColor: '#575279',
+    },
+    '.cm-activeLine': {
+        backgroundColor: '#6e6a860d',
+    },
+    '.cm-selectionBackground, ::selection': {
+        backgroundColor: '#6e6a8614',
+    },
+    '.cm-gutters': {
+        backgroundColor: '#faf4ed',
+        color: '#57527970',
+        border: 'none',
+    },
+}, { dark: false });
+export const rosePineDawnLightHighlight = HighlightStyle.define([
+    { tag: tags.comment, color: '#9893a5' },
+    { tag: [tags.bool, tags.null], color: '#286983' },
+    { tag: tags.number, color: '#d7827e' },
+    { tag: tags.className, color: '#d7827e' },
+    {
+        tag: [tags.angleBracket, tags.tagName, tags.typeName],
+        color: '#56949f',
+    },
+    { tag: tags.attributeName, color: '#907aa9' },
+    { tag: tags.punctuation, color: '#797593' },
+    { tag: [tags.keyword, tags.modifier], color: '#286983' },
+    { tag: [tags.string, tags.regexp], color: '#ea9d34' },
+    { tag: tags.variableName, color: '#d7827e' },
+]);

package/dist/core/themes/light/smoothy.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Theme inspired by Thememirror
+ * https://github.com/vadimdemedes/thememirror
+ * MIT License
+ */
+import { HighlightStyle } from '@codemirror/language';
+export declare const smoothyLightTheme: import("@codemirror/state").Extension;
+export declare const smoothyLightHighlight: HighlightStyle;
+//# sourceMappingURL=smoothy.d.ts.map

package/dist/core/themes/light/smoothy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"smoothy.d.ts","sourceRoot":"","sources":["../../../../src/core/themes/light/smoothy.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAGtD,eAAO,MAAM,iBAAiB,uCAyB7B,CAAC;AAEF,eAAO,MAAM,qBAAqB,gBAmChC,CAAC"}

package/dist/core/themes/light/smoothy.js

@@ -0,0 +1,67 @@
+/**
+ * Theme inspired by Thememirror
+ * https://github.com/vadimdemedes/thememirror
+ * MIT License
+ */
+import { EditorView } from '@codemirror/view';
+import { HighlightStyle } from '@codemirror/language';
+import { tags } from '@lezer/highlight';
+export const smoothyLightTheme = EditorView.theme({
+    '&': {
+        backgroundColor: '#FFFFFF',
+        color: '#000000',
+    },
+    '.cm-content': {
+        caretColor: '#000000',
+    },
+    '.cm-cursor, .cm-dropCursor': {
+        borderLeftColor: '#000000',
+    },
+    '.cm-activeLine': {
+        backgroundColor: '#00000008',
+    },
+    '.cm-selectionBackground, ::selection': {
+        backgroundColor: '#FFFD0054',
+    },
+    '.cm-gutters': {
+        backgroundColor: '#FFFFFF',
+        color: '#00000070',
+        border: 'none',
+    },
+}, { dark: false });
+export const smoothyLightHighlight = HighlightStyle.define([
+    { tag: tags.comment, color: '#CFCFCF' },
+    { tag: [tags.number, tags.bool, tags.null], color: '#E66C29' },
+    {
+        tag: [
+            tags.className,
+            tags.definition(tags.propertyName),
+            tags.function(tags.variableName),
+            tags.labelName,
+            tags.definition(tags.typeName),
+        ],
+        color: '#2EB43B',
+    },
+    { tag: tags.keyword, color: '#D8B229' },
+    {
+        tag: tags.operator,
+        color: '#4EA44E',
+        fontWeight: 'bold',
+    },
+    {
+        tag: [tags.definitionKeyword, tags.modifier],
+        color: '#925A47',
+    },
+    { tag: tags.string, color: '#704D3D' },
+    { tag: tags.typeName, color: '#2F8996' },
+    { tag: [tags.variableName, tags.propertyName], color: '#77ACB0' },
+    {
+        tag: tags.self,
+        color: '#77ACB0',
+        fontWeight: 'bold',
+    },
+    { tag: tags.regexp, color: '#E3965E' },
+    { tag: [tags.tagName, tags.angleBracket], color: '#BAA827' },
+    { tag: tags.attributeName, color: '#B06520' },
+    { tag: tags.derefOperator, color: '#000000' },
+]);

package/dist/core/themes/light/tomorrow.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Theme inspired by Thememirror
+ * https://github.com/vadimdemedes/thememirror
+ * MIT License
+ */
+import { HighlightStyle } from '@codemirror/language';
+export declare const tomorrowLightTheme: import("@codemirror/state").Extension;
+export declare const tomorrowLightHighlight: HighlightStyle;
+//# sourceMappingURL=tomorrow.d.ts.map

package/dist/core/themes/light/tomorrow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tomorrow.d.ts","sourceRoot":"","sources":["../../../../src/core/themes/light/tomorrow.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAGtD,eAAO,MAAM,kBAAkB,uCAyB9B,CAAC;AAEF,eAAO,MAAM,sBAAsB,gBA+BjC,CAAC"}

package/dist/core/themes/light/tomorrow.js

@@ -0,0 +1,63 @@
+/**
+ * Theme inspired by Thememirror
+ * https://github.com/vadimdemedes/thememirror
+ * MIT License
+ */
+import { EditorView } from '@codemirror/view';
+import { HighlightStyle } from '@codemirror/language';
+import { tags } from '@lezer/highlight';
+export const tomorrowLightTheme = EditorView.theme({
+    '&': {
+        backgroundColor: '#FFFFFF',
+        color: '#4D4D4C',
+    },
+    '.cm-content': {
+        caretColor: '#AEAFAD',
+    },
+    '.cm-cursor, .cm-dropCursor': {
+        borderLeftColor: '#AEAFAD',
+    },
+    '.cm-activeLine': {
+        backgroundColor: '#EFEFEF',
+    },
+    '.cm-selectionBackground, ::selection': {
+        backgroundColor: '#D6D6D6',
+    },
+    '.cm-gutters': {
+        backgroundColor: '#FFFFFF',
+        color: '#4D4D4C80',
+        border: 'none',
+    },
+}, { dark: false });
+export const tomorrowLightHighlight = HighlightStyle.define([
+    { tag: tags.comment, color: '#8E908C' },
+    {
+        tag: [
+            tags.variableName,
+            tags.self,
+            tags.propertyName,
+            tags.attributeName,
+            tags.regexp,
+        ],
+        color: '#C82829',
+    },
+    { tag: [tags.number, tags.bool, tags.null], color: '#F5871F' },
+    {
+        tag: [tags.className, tags.typeName, tags.definition(tags.typeName)],
+        color: '#C99E00',
+    },
+    {
+        tag: [tags.string, tags.special(tags.brace)],
+        color: '#718C00',
+    },
+    { tag: tags.operator, color: '#3E999F' },
+    {
+        tag: [
+            tags.definition(tags.propertyName),
+            tags.function(tags.variableName),
+        ],
+        color: '#4271AE',
+    },
+    { tag: tags.keyword, color: '#8959A8' },
+    { tag: tags.derefOperator, color: '#4D4D4C' },
+]);

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+export { CodeEditor } from './ui';
+export type { CodeEditorProps, EditorController, ThemeName } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAClC,YAAY,EAAE,eAAe,EAAE,gBAAgB,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC"}

package/dist/index.js

@@ -0,0 +1 @@
+export { CodeEditor } from './ui';

package/dist/types/editor.d.ts

@@ -0,0 +1,64 @@
+import { EditorView } from 'codemirror';
+export type ThemeName = 'light' | 'dark' | 'ayu_light' | 'clouds_light' | 'espresso_light' | 'noctis_lilac_light' | 'rose_pine_dawn_light' | 'smoothy_light' | 'tomorrow_light' | 'barf_dark' | 'cobalt_dark' | 'cool_glow_dark' | 'dracula_dark';
+export type EditorLanguage = keyof LanguageOptions;
+export interface LanguageOptions {
+    json?: JsonEditorConfig;
+}
+export interface EditorController {
+    getView(): EditorView | null;
+    setView(view: EditorView | null): void;
+    copy(): Promise<boolean | undefined>;
+    foldAll(): boolean;
+    unfoldAll(): boolean;
+    format(formatter: (code: string) => string): boolean;
+}
+export interface CreateEditorOptions {
+    parent: HTMLElement;
+    value: string;
+    theme?: ThemeName;
+    readOnly?: boolean;
+    language: EditorLanguage;
+    languageOptions?: LanguageOptions;
+    onChange?: (value: string) => void;
+}
+export interface EditorContainerProps {
+    value: string;
+    controller: EditorController;
+    theme?: ThemeName;
+    readOnly?: boolean;
+    language: EditorLanguage;
+    languageOptions?: LanguageOptions;
+    onChange?: (value: string) => void;
+}
+interface BaseCodeEditorProps {
+    theme?: ThemeName;
+    readOnly?: boolean;
+    language: EditorLanguage;
+    languageOptions?: LanguageOptions;
+    onReady?: (controller: EditorController) => void;
+}
+interface ControlledCodeEditorProps {
+    value: string;
+    onChange: (value: string) => void;
+    defaultValue?: never;
+}
+interface UncontrolledCodeEditorProps {
+    defaultValue: string;
+    value?: never;
+    onChange?: never;
+}
+export type CodeEditorProps = (BaseCodeEditorProps & ControlledCodeEditorProps) | (BaseCodeEditorProps & UncontrolledCodeEditorProps);
+export interface ResolvedControlledInvariant {
+    mode: 'controlled' | 'uncontrolled';
+    value: string;
+}
+export interface JsonEditorConfig {
+    diagnostics?: boolean;
+    gutter?: boolean;
+    schema?: Record<string, any>;
+    schemaLint?: boolean;
+    hover?: boolean;
+    autocomplete?: boolean;
+}
+export {};
+//# sourceMappingURL=editor.d.ts.map

package/dist/types/editor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../src/types/editor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAExC,MAAM,MAAM,SAAS,GACf,OAAO,GACP,MAAM,GACN,WAAW,GACX,cAAc,GACd,gBAAgB,GAChB,oBAAoB,GACpB,sBAAsB,GACtB,eAAe,GACf,gBAAgB,GAChB,WAAW,GACX,aAAa,GACb,gBAAgB,GAChB,cAAc,CAAC;AAErB,MAAM,MAAM,cAAc,GAAG,MAAM,eAAe,CAAC;AAEnD,MAAM,WAAW,eAAe;IAC5B,IAAI,CAAC,EAAE,gBAAgB,CAAC;CAQ3B;AAED,MAAM,WAAW,gBAAgB;IAC7B,OAAO,IAAI,UAAU,GAAG,IAAI,CAAC;IAC7B,OAAO,CAAC,IAAI,EAAE,UAAU,GAAG,IAAI,GAAG,IAAI,CAAC;IACvC,IAAI,IAAI,OAAO,CAAC,OAAO,GAAG,SAAS,CAAC,CAAC;IACrC,OAAO,IAAI,OAAO,CAAC;IACnB,SAAS,IAAI,OAAO,CAAC;IACrB,MAAM,CAAC,SAAS,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,GAAG,OAAO,CAAC;CACxD;AAED,MAAM,WAAW,mBAAmB;IAChC,MAAM,EAAE,WAAW,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,cAAc,CAAC;IACzB,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC;AAED,MAAM,WAAW,oBAAoB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,gBAAgB,CAAC;IAC7B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,cAAc,CAAC;IACzB,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC;AAED,UAAU,mBAAmB;IACzB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,cAAc,CAAC;IACzB,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,OAAO,CAAC,EAAE,CAAC,UAAU,EAAE,gBAAgB,KAAK,IAAI,CAAC;CACpD;AAED,UAAU,yBAAyB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,YAAY,CAAC,EAAE,KAAK,CAAC;CACxB;AAED,UAAU,2BAA2B;IACjC,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC;CACpB;AAED,MAAM,MAAM,eAAe,GACrB,CAAC,mBAAmB,GAAG,yBAAyB,CAAC,GACjD,CAAC,mBAAmB,GAAG,2BAA2B,CAAC,CAAC;AAE1D,MAAM,WAAW,2BAA2B;IACxC,IAAI,EAAE,YAAY,GAAG,cAAc,CAAC;IACpC,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,gBAAgB;IAC7B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC7B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,YAAY,CAAC,EAAE,OAAO,CAAC;CAC1B"}

package/dist/types/editor.js

@@ -0,0 +1 @@
+export {};

package/dist/types/index.d.ts

@@ -0,0 +1,2 @@
+export type * from './editor';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA,mBAAmB,UAAU,CAAC"}

package/dist/types/index.js

@@ -0,0 +1 @@
+export {};

package/dist/ui/CodeEditor.d.ts

@@ -0,0 +1,3 @@
+import { CodeEditorProps } from '../types';
+export declare const CodeEditor: React.FC<CodeEditorProps>;
+//# sourceMappingURL=CodeEditor.d.ts.map

package/dist/ui/CodeEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeEditor.d.ts","sourceRoot":"","sources":["../../src/ui/CodeEditor.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAE3C,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAkChD,CAAC"}

package/dist/ui/CodeEditor.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState, useMemo, useEffect } from 'react';
+import { createEditorController } from '../core/editor';
+import { resolveControlledInvariant } from '../core/invariants';
+import { EditorContainer } from './';
+export const CodeEditor = (props) => {
+    const { theme, readOnly, language, languageOptions, onChange, onReady } = props;
+    const { mode, value: resolvedContent } = resolveControlledInvariant(props);
+    const [internalContent, setInternalContent] = useState(resolvedContent);
+    const controller = useMemo(() => createEditorController(), []);
+    const handleEditorChange = (value) => {
+        if (mode === 'uncontrolled') {
+            setInternalContent(value);
+        }
+        onChange?.(value);
+    };
+    useEffect(() => {
+        onReady?.(controller);
+    }, [controller, onReady]);
+    return (_jsx(EditorContainer, { value: mode === 'controlled' ? resolvedContent : internalContent, theme: theme, readOnly: readOnly, language: language, languageOptions: languageOptions, onChange: handleEditorChange, controller: controller }));
+};

package/dist/ui/EditorContainer.d.ts

@@ -0,0 +1,3 @@
+import { EditorContainerProps } from '../types';
+export declare const EditorContainer: ({ value, theme, readOnly, language, languageOptions, controller, onChange, }: EditorContainerProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=EditorContainer.d.ts.map

package/dist/ui/EditorContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditorContainer.d.ts","sourceRoot":"","sources":["../../src/ui/EditorContainer.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAEhD,eAAO,MAAM,eAAe,iFAQzB,oBAAoB,4CA0CtB,CAAC"}

package/dist/ui/EditorContainer.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef } from 'react';
+import { createEditor } from '../core/editor';
+export const EditorContainer = ({ value, theme, readOnly, language, languageOptions, controller, onChange, }) => {
+    const editorRef = useRef(null);
+    useEffect(() => {
+        const editor = editorRef.current;
+        if (!editor)
+            return;
+        const view = createEditor({
+            value,
+            parent: editor,
+            theme,
+            readOnly,
+            language,
+            languageOptions,
+            onChange,
+        });
+        controller.setView(view);
+        return () => {
+            controller.setView(null);
+            view.destroy();
+        };
+    }, [theme, readOnly, language, languageOptions]);
+    useEffect(() => {
+        const view = controller.getView();
+        if (!view)
+            return;
+        const currentValue = view.state.doc.toString();
+        if (value !== currentValue) {
+            view.dispatch({
+                changes: {
+                    from: 0,
+                    to: currentValue.length,
+                    insert: value,
+                },
+            });
+        }
+    }, [value]);
+    return _jsx("div", { className: "cm-editor-container", ref: editorRef });
+};

package/dist/ui/index.d.ts

@@ -0,0 +1,3 @@
+export { CodeEditor } from './CodeEditor';
+export { EditorContainer } from './EditorContainer';
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/ui/index.js

@@ -0,0 +1,2 @@
+export { CodeEditor } from './CodeEditor';
+export { EditorContainer } from './EditorContainer';