react-codemirror-editor 0.3.1 → 0.3.2

package/README.md

@@ -4,51 +4,40 @@
 ![downloads](https://img.shields.io/npm/dw/react-code-editor)
 ![license](https://img.shields.io/npm/l/react-code-editor)
 
-A modern, extensible **CodeMirror 6–based React code editor** featuring first-class TypeScript support, language-aware configuration, optional diagnostics, search, and validation support.
+A modern, extensible **CodeMirror 6–based React code editor** with TypeScript support, JSON schema validation, diagnostics, search, and a powerful controller API.
 
-This library is designed to scale from a simple embedded editor to a **multi-language, schema-aware editing platform**.
+Designed to scale from simple embeds to **multi-language platforms**.
 
 ---
 
-## ✨ Features
+## Features
 
-- Built on **CodeMirror 6**
-- Controlled & uncontrolled usage
-- Language-specific configuration
-- Optional diagnostics, completion, and hover
-- JSON Schema validation support
-- Light & dark themes
-- Search & Replace support
-- Validation state callback
-- Designed for future multi-language support
+- Built on CodeMirror 6
+- JSON schema validation (AJV-powered)
+- Diagnostics & search
+- Controller API
+- Curated light & dark themes
+- Language-agnostic formatting
+- Multi-language ready architecture
 
 ---
 
-## 📦 Installation
-
-### Install the editor library
+## Install
 
 ```bash
 npm install react-code-editor
-```
-
-### Required peer dependencies
-
-```bash
 npm install react react-dom
 ```
 
-### JSON language support (optional, but recommended)
+Optional (JSON support):
 
 ```bash
 npm install @codemirror/lang-json codemirror-json-schema ajv
 ```
 
-> `ajv` is used internally by `codemirror-json-schema` for JSON Schema validation.
-
 ---
 
-## 🚀 Basic Usage
+## Basic Usage
 
 ```tsx
 import { CodeEditor } from 'react-code-editor';
@@ -58,181 +47,102 @@ export function Example() {
 }
 ```
 
-This creates an **uncontrolled JSON editor** with default configuration.
-
 ---
 
-## 🔁 Controlled vs Uncontrolled
-
-### Uncontrolled Editor
-
-```tsx
-<CodeEditor language="json" defaultValue='{ "name": "John" }' />
-```
-
-### Controlled Editor
+## Controlled vs Uncontrolled
 
 ```tsx
-const [value, setValue] = useState('{}');
+// Uncontrolled
+<CodeEditor language="json" defaultValue='{"name":"John"}' />
 
-<CodeEditor language="json" value={value} onChange={setValue} />;
+// Controlled
+const [value, setValue] = useState('{}')
+<CodeEditor language="json" value={value} onChange={setValue} />
 ```
 
-> ⚠️ Do not pass both `value` and `defaultValue`.
+Do not pass both `value` and `defaultValue`.
 
 ---
 
-## 🎮 Editor Controller API
-
-The editor exposes a controller API that allows you to trigger actions programmatically.
-
-### ⚠️ Important design choice
+## Controller API
 
-This library does **not** impose formatting logic.
-Instead, you **pass a callback function** that receives the current editor value and returns the formatted result.
+Pass `controllerRef` for programmatic control.
 
-This keeps the editor **language-agnostic** and flexible.
+### Methods
 
-### Available Controller Actions
-
-- `copy()`
-- `format(formatter)`
-- `foldAll()`
-- `unfoldAll()`
-- `openSearch()`
-- `closeSearch()`
-- `findNext()`
-- `findPrev()`
-- `replace(replacement: string)`
-- `replaceAll(replacement: string)`
-- `getValidation()`
-
-### 🧠 Format API (Callback-Based)
-
-```tsx
-format(formatter: (value: string) => string): void
 ```
-
-- The editor passes the **current content**
-- Your formatter returns the **new formatted content**
-- The editor updates itself with the returned value
-
-### Example
-
-```tsx
-import { useRef } from 'react';
-import type { EditorController } from 'react-codemirror-editor';
-
-const controllerRef = useRef<EditorController | null>(null);
-
-<CodeEditor
-  language="json"
-  controllerRef={controllerRef}
-/>;
-
-function formatJson(value: string) {
-  try {
-    return JSON.stringify(JSON.parse(value), null, 2);
-  } catch {
-    return value;
-  }
-}
-
-<button onClick={() => controllerRef.current?.format(formatJson)}>Format</button>
-<button onClick={() => controllerRef.current?.copy()}>Copy</button>
-<button onClick={() => controllerRef.current?.foldAll()}>Fold All</button>
-<button onClick={() => controllerRef.current?.unfoldAll()}>Unfold All</button>
-<button onClick={() => controllerRef.current?.openSearch()}>Search</button>
-<button onClick={() => controllerRef.current?.closeSearch()}>Close Search</button>
+copy()
+format(formatter)
+foldAll()
+unfoldAll()
+openSearch()
+closeSearch()
+findNext()
+findPrev()
+replace(string)
+replaceAll(string)
+getValidation()
+getDiagnostics()
 ```
 
-- Works for **any language**
-- Supports **custom formatter functions**
-- Search UI is **optional** and can be enabled via props
-
-### Example: Prettier Integration (Concept)
+### Formatting Example
 
 ```tsx
-controllerRef.current?.format((code) =>
-    prettier.format(code, { parser: 'json' }),
+controllerRef.current?.format((value) =>
+    JSON.stringify(JSON.parse(value), null, 2),
 );
 ```
 
-### 📋 Why Callback-Based Formatting?
-
-- Keeps core editor **small**
-- Avoids hard dependency on Prettier
-- Supports **any language**
-- Lets consumers decide formatting rules
-
-This is a library-level design decision, not a limitation.
-
-### 🔍 Search & Replace
+- No built-in formatter
+- Works with Prettier or custom logic
+- Fully language-agnostic
 
-The editor includes **search & replace functionality** via a controller API:
-
-- `openSearch()` – Opens the search panel
-- `closeSearch()` – Closes the search panel
-- `findNext()` – Finds the next match
-- `findPrev()` – Finds the previous match
-- `replace(replacement: string)` – Replaces the current match
-- `replaceAll(replacement: string)` – Replaces all matches
+---
 
-You can pass **search configuration**:
+## Search
 
 ```tsx
 <CodeEditor
     language="json"
-    searchOptions={{
-        top: true,
-        caseSensitive: false,
-    }}
+    searchOptions={{ top: true, caseSensitive: false }}
 />
 ```
 
-### ✅ Validation State
-
-```ts
-const state: {
-    isValid: boolean;
-    errorCount: number;
-    warningCount: number;
-} | null = controllerRef.current?.getValidation();
-
-if (state) {
-    const { isValid, errorCount, warningCount } = state;
-}
-```
-
 ---
 
-## 🌍 Languages
+## Validation & Diagnostics
 
-Languages are enabled explicitly using the `language` prop.
+```ts
+const validation = controllerRef.current?.getValidation();
+const diagnostics = controllerRef.current?.getDiagnostics();
+```
 
-### Currently supported
+JSON supports:
 
-- **JSON**
+- Syntax errors
+- Schema validation (if schema provided)
 
-Future support for:
+Disable diagnostics:
 
-- JavaScript
-- TypeScript
-- Python
-- HTML / CSS
+```tsx
+languageOptions={{ json: { diagnostics: false } }}
+```
 
 ---
 
-## ⚙️ Language Configuration
+## Language Support
+
+**Current:** `JSON`  
+**Planned:** `JavaScript`, `TypeScript`, `Python`, `HTML/CSS`
 
-Language-specific behavior is configured via `languageOptions`.
+### Configuration
 
 ```tsx
 <CodeEditor
     language="json"
     languageOptions={{
         json: {
-            schema: myJsonSchema,
+            schema,
             diagnostics: true,
             completion: true,
             hover: true,
@@ -243,62 +153,30 @@ Language-specific behavior is configured via `languageOptions`.
 
 ### JSON Options
 
-| Option               | Type                         | Default                   | Description                                            |
-| -------------------- | ---------------------------- | ------------------------- | ------------------------------------------------------ |
-| `schema`             | `object`                     | `undefined`               | JSON Schema used for validation, completion, and hover |
-| `diagnostics`        | `boolean`                    | `true`                    | Enables JSON syntax diagnostics                        |
-| `gutter`             | `boolean`                    | `true`                    | Shows the diagnostics gutter (error markers)           |
-| `schemaLint`         | `boolean`                    | `true if schema provided` | Enables schema-based validation                        |
-| `hover`              | `boolean`                    | `true if schema provided` | Enables hover tooltips from schema                     |
-| `autocomplete`       | `boolean`                    | `true if schema provided` | Enables schema-based autocompletion                    |
-| `onValidationChange` | `(isValid: boolean) => void` | `undefined`               | Callback called whenever JSON validity changes         |
+| Option         | Type    | Default          | Description                              |
+| -------------- | ------- | ---------------- | ---------------------------------------- |
+| `schema`       | object  | `undefined`      | Schema for validation, completion, hover |
+| `diagnostics`  | boolean | `true`           | Enable syntax diagnostics                |
+| `gutter`       | boolean | `true`           | Show error gutter                        |
+| `schemaLint`   | boolean | `true` if schema | Enables schema-based validation          |
+| `hover`        | boolean | `true` if schema | Enables hover tooltips from schema       |
+| `autocomplete` | boolean | `true` if schema | Enables schema-based autocompletion      |
 
-> If no schema is provided, the editor still works normally with **syntax diagnostics only**.
+> Without a schema, syntax diagnostics still work.
 
 ---
 
-## 🧪 Diagnostics
-
-Diagnostics are **configurable per language**.
-
-### JSON diagnostics include
-
-- Syntax errors
-- Schema validation errors (when schema is provided)
-
-Disable diagnostics:
-
-```tsx
-languageOptions={{
-  json: {
-    diagnostics: false
-  }
-}}
-```
-
----
-
-## 🔒 Read-Only Mode
+## Read Only
 
 ```tsx
 <CodeEditor language="json" value={json} readOnly={true} />
 ```
 
-**Notes:**
-
-- `readOnly` must be a boolean
-- Default is `false`
-- When enabled, the editor is non-editable but remains selectable and scrollable
-
 ---
 
-## 📐 Layout & Sizing
+## Layout
 
-By default, CodeMirror sizes itself based on content height.
-This can result in a single-line editor when the value contains only one line.
-
-The editor is designed to expand and fill its container.
-To ensure a consistent height, define a height or `min-height` via CSS.
+Set height via CSS:
 
 ```css
 .cm-editor-container {
@@ -312,79 +190,52 @@ To ensure a consistent height, define a height or `min-height` via CSS.
 }
 ```
 
-**Notes:**
-
-- The editor always fills the container height
-- Padding, borders, and background should be applied to the container
-- Provides full control over responsive layouts
-
 ---
 
-## 🎨 Theming
+## Themes
 
 ```tsx
-<CodeEditor language="json" theme="dark" />
+import { Themes } from 'react-code-editor';
+<CodeEditor theme={Themes.dark} />;
 ```
 
-Both **light and dark themes** are supported, each with multiple variants.
-
-Available themes:
-
-Light themes:
-
-- light
-- ayu_light
-- clouds_light
-- espresso_light
-- noctis_lilac_light
-- rose_pine_dawn_light
-- smoothy_light
-- tomorrow_light
+### Available Themes
 
-Dark themes:
+**Light:**  
+`light`, `ayu_light`, `clouds_light`, `espresso_light`, `noctis_lilac_light`, `rose_pine_dawn_light`, `smoothy_light`, `tomorrow_light`
 
-- dark
-- barf_dark
-- cobalt_dark
-- cool_glow_dark
-- dracula_dark
-
-Theme names are type-safe via the exported ThemeName union.
-
-```tsx
-import type { ThemeName } from 'react-codemirror-editor';
-```
+**Dark:**  
+`dark`, `barf_dark`, `cobalt_dark`, `cool_glow_dark`, `dracula_dark`
 
 ---
 
-## 🏗 Architecture Notes
+## Architecture
 
-- Built on **CodeMirror 6**
-- Language features are isolated and composable
-- Diagnostics, completion, hover, and search are opt-in
-- Clean separation between core editor, languages, and UI
-- Designed for long-term multi-language expansion
+- Modular & composable
+- Optional diagnostics, hover, completion, search
+- Language extensions isolated per configuration
+- Designed for extensibility
 
 ---
 
-## 🛣 Roadmap
+## Roadmap
 
-- JavaScript / TypeScript language support
-- Python language support
-- Custom extension injection
-- Editor presets
-- Diff & read-only modes
+- JavaScript / TypeScript support
+- Python support
+- Extension injection API
+- Presets
+- Diff mode
 
 ---
 
-## 📜 License
+## License
 
 MIT License © 2025 Mihir Mistry
 
 ---
 
-## 🙏 Credits
+## Acknowledgements
 
-Some themes in this library are inspired by  
+Some themes are inspired by  
 [Thememirror](https://github.com/vadimdemedes/thememirror)  
-by Vadim Demedes, licensed under the MIT License.
+by Vadim Demedes (MIT License).

package/dist/core/diagnostics/json/jsonValidationLinter.js

@@ -2,7 +2,7 @@ import { dispatchValidationState } from './';
 export const jsonValidationLinter = (linterFn) => (view) => {
     const diagnostics = linterFn(view);
     view.dispatch({
-        effects: dispatchValidationState(diagnostics),
+        effects: dispatchValidationState(view.state, diagnostics),
     });
     return diagnostics;
 };

package/dist/core/diagnostics/json/jsonValidationState.d.ts

@@ -1,12 +1,8 @@
-import { StateEffect, StateField } from '@codemirror/state';
+import { EditorState, StateEffect, StateField } from '@codemirror/state';
 import type { Diagnostic } from '@codemirror/lint';
-export interface ValidationState {
-    isValid: boolean;
-    errorCount: number;
-    warningCount: number;
-}
+import { ValidationState } from '../../../types/';
 export declare const setValidationState: import("@codemirror/state").StateEffectType<ValidationState>;
-export declare function computeValidationState(diagnostics: readonly Diagnostic[]): ValidationState;
-export declare function dispatchValidationState(diagnostics: readonly Diagnostic[]): StateEffect<ValidationState>;
+export declare const computeValidationState: (state: EditorState, diagnostics: readonly Diagnostic[]) => ValidationState;
+export declare function dispatchValidationState(state: EditorState, diagnostics: readonly Diagnostic[]): StateEffect<ValidationState>;
 export declare const jsonValidationState: StateField<ValidationState>;
 //# sourceMappingURL=jsonValidationState.d.ts.map

package/dist/core/diagnostics/json/jsonValidationState.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"jsonValidationState.d.ts","sourceRoot":"","sources":["../../../../src/core/diagnostics/json/jsonValidationState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAEnD,MAAM,WAAW,eAAe;IAC5B,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,kBAAkB,8DAAwC,CAAC;AAExE,wBAAgB,sBAAsB,CAClC,WAAW,EAAE,SAAS,UAAU,EAAE,GACnC,eAAe,CAcjB;AAED,wBAAgB,uBAAuB,CAAC,WAAW,EAAE,SAAS,UAAU,EAAE,gCAEzE;AAED,eAAO,MAAM,mBAAmB,6BAgB9B,CAAC"}
+{"version":3,"file":"jsonValidationState.d.ts","sourceRoot":"","sources":["../../../../src/core/diagnostics/json/jsonValidationState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AACzE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAEnD,OAAO,EAAmB,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAEnE,eAAO,MAAM,kBAAkB,8DAAwC,CAAC;AAExE,eAAO,MAAM,sBAAsB,UACxB,WAAW,eACL,SAAS,UAAU,EAAE,KACnC,eAqCF,CAAC;AAEF,wBAAgB,uBAAuB,CACnC,KAAK,EAAE,WAAW,EAClB,WAAW,EAAE,SAAS,UAAU,EAAE,gCAGrC;AAED,eAAO,MAAM,mBAAmB,6BAsB9B,CAAC"}

package/dist/core/diagnostics/json/jsonValidationState.js

@@ -1,29 +1,55 @@
 import { StateEffect, StateField } from '@codemirror/state';
 export const setValidationState = StateEffect.define();
-export function computeValidationState(diagnostics) {
+export const computeValidationState = (state, diagnostics) => {
     let errorCount = 0;
     let warningCount = 0;
+    const errors = [];
+    const warnings = [];
     for (const d of diagnostics) {
-        if (d.severity === 'error')
-            errorCount++;
-        else if (d.severity === 'warning')
-            warningCount++;
+        const line = state.doc.lineAt(d.from);
+        const diagnosticEntry = {
+            line: line.number,
+            column: d.from - line.from + 1,
+            message: d.message,
+        };
+        switch (d.severity) {
+            case 'error':
+                errorCount++;
+                errors.push(diagnosticEntry);
+                break;
+            case 'warning':
+                warningCount++;
+                warnings.push(diagnosticEntry);
+                break;
+        }
     }
     return {
-        isValid: errorCount === 0,
-        errorCount,
-        warningCount,
+        diagnostics: {
+            errors,
+            warnings,
+        },
+        stats: {
+            isValid: errorCount === 0,
+            errorCount,
+            warningCount,
+        },
     };
-}
-export function dispatchValidationState(diagnostics) {
-    return setValidationState.of(computeValidationState(diagnostics));
+};
+export function dispatchValidationState(state, diagnostics) {
+    return setValidationState.of(computeValidationState(state, diagnostics));
 }
 export const jsonValidationState = StateField.define({
     create() {
         return {
-            isValid: true,
-            errorCount: 0,
-            warningCount: 0,
+            diagnostics: {
+                errors: [],
+                warnings: [],
+            },
+            stats: {
+                isValid: true,
+                errorCount: 0,
+                warningCount: 0,
+            },
         };
     },
     update(value, tr) {

package/dist/core/editor/editorController.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"editorController.d.ts","sourceRoot":"","sources":["../../../src/core/editor/editorController.ts"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAEpD,wBAAgB,sBAAsB,IAAI,gBAAgB,CAoDzD"}
+{"version":3,"file":"editorController.d.ts","sourceRoot":"","sources":["../../../src/core/editor/editorController.ts"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAEpD,wBAAgB,sBAAsB,IAAI,gBAAgB,CA8DzD"}

package/dist/core/editor/editorController.js

@@ -42,11 +42,19 @@ export function createEditorController() {
         getValidation() {
             if (!view)
                 return null;
-            return (view.state.field(jsonValidationState, false) ?? {
+            return (view.state.field(jsonValidationState, false)?.stats ?? {
                 isValid: true,
                 errorCount: 0,
                 warningCount: 0,
             });
         },
+        getDiagnostics() {
+            if (!view)
+                return null;
+            return (view.state.field(jsonValidationState, false)?.diagnostics ?? {
+                errors: [],
+                warnings: [],
+            });
+        },
     };
 }

package/dist/types/editor.d.ts

@@ -1,9 +1,57 @@
 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 declare const Themes: {
+    readonly ayu_light: "ayu_light";
+    readonly barf_dark: "barf_dark";
+    readonly clouds_light: "clouds_light";
+    readonly cobalt_dark: "cobalt_dark";
+    readonly cool_glow_dark: "cool_glow_dark";
+    readonly dark: "dark";
+    readonly dracula_dark: "dracula_dark";
+    readonly espresso_light: "espresso_light";
+    readonly light: "light";
+    readonly noctis_lilac_light: "noctis_lilac_light";
+    readonly rose_pine_dawn_light: "rose_pine_dawn_light";
+    readonly smoothy_light: "smoothy_light";
+    readonly tomorrow_light: "tomorrow_light";
+};
+export type ThemeName = keyof typeof Themes;
+export interface JsonEditorConfig {
+    diagnostics?: boolean;
+    gutter?: boolean;
+    schema?: Record<string, any>;
+    schemaLint?: boolean;
+    hover?: boolean;
+    autocomplete?: boolean;
+}
 export interface LanguageOptions {
     json?: JsonEditorConfig;
 }
+export type EditorLanguage = keyof LanguageOptions;
+export interface DiagnosticEntry {
+    line: number;
+    column: number;
+    message: string;
+}
+export interface ValidationStats {
+    isValid: boolean;
+    errorCount: number;
+    warningCount: number;
+}
+export interface ValidationDiagnostic {
+    errors: DiagnosticEntry[];
+    warnings: DiagnosticEntry[];
+}
+export interface ValidationState {
+    diagnostics: ValidationDiagnostic;
+    stats: ValidationStats;
+}
+export interface SearchOptions {
+    enabled?: boolean;
+    top?: boolean;
+    caseSensitive?: boolean;
+    regexp?: boolean;
+    wholeWord?: boolean;
+}
 export interface EditorController {
     getView(): EditorView | null;
     setView(view: EditorView | null): void;
@@ -17,11 +65,8 @@ export interface EditorController {
     searchPrevious(): void;
     replace(): void;
     replaceAll(): void;
-    getValidation(): {
-        isValid: boolean;
-        errorCount: number;
-        warningCount: number;
-    } | null;
+    getValidation(): ValidationStats | null;
+    getDiagnostics(): ValidationDiagnostic | null;
 }
 export interface CreateEditorOptions {
     parent: HTMLElement;
@@ -66,20 +111,5 @@ 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 interface SearchOptions {
-    enabled?: boolean;
-    top?: boolean;
-    caseSensitive?: boolean;
-    regexp?: boolean;
-    wholeWord?: boolean;
-}
 export {};
 //# sourceMappingURL=editor.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../src/types/editor.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../src/types/editor.ts"],"names":[],"mappings":"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"}

package/dist/types/editor.js

@@ -1 +1,15 @@
-export {};
+export const Themes = {
+    ayu_light: 'ayu_light',
+    barf_dark: 'barf_dark',
+    clouds_light: 'clouds_light',
+    cobalt_dark: 'cobalt_dark',
+    cool_glow_dark: 'cool_glow_dark',
+    dark: 'dark',
+    dracula_dark: 'dracula_dark',
+    espresso_light: 'espresso_light',
+    light: 'light',
+    noctis_lilac_light: 'noctis_lilac_light',
+    rose_pine_dawn_light: 'rose_pine_dawn_light',
+    smoothy_light: 'smoothy_light',
+    tomorrow_light: 'tomorrow_light',
+};

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "react-codemirror-editor",
-    "version": "0.3.1",
+    "version": "0.3.2",
     "private": false,
     "description": "A modular, extensible React code editor built on CodeMirror 6 with first-class JSON support.",
     "type": "module",