@barocss/editor-view-react 0.1.0

package/LICENSE

@@ -0,0 +1,23 @@
+MIT License
+
+Copyright (c) 2025 BaroCSS contributors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.
+
+

package/README.md

@@ -0,0 +1,89 @@
+# @barocss/editor-view-react
+
+React view layer for Barocss Editor. Renders the editor document with **renderer-react** and re-renders on `editor:content.change`. editor-view-dom의 React 대응 패키지.
+
+## EditorView (composite)
+
+```tsx
+import { Editor } from '@barocss/editor-core';
+import { EditorView } from '@barocss/editor-view-react';
+
+<EditorView
+  editor={editor}
+  options={{
+    className: 'editor-view-root',
+    layers: {
+      content: { className: 'document editor-content', editable: true },
+      decorator: { className: 'barocss-editor-decorators' },
+      selection: { className: 'barocss-editor-selection' },
+      context: { className: 'barocss-editor-context' },
+      custom: { className: 'barocss-editor-custom' },
+    },
+  }}
+>
+  {/* optional: custom layer content */}
+</EditorView>
+```
+
+## Layer components (composable)
+
+Layers can be used separately for custom composition (must be inside `EditorView` or `EditorViewContextProvider` so editor comes from context):
+
+- **EditorView.ContentLayer** — Renders document with ReactRenderer in a contenteditable div. Subscribes to `editor:content.change`. Editor from context only.
+- **EditorView.Layer** — Overlay layer wrapper (decorator, selection, context, custom). Positioned absolute, `pointer-events: none` by default.
+
+```tsx
+import { EditorView } from '@barocss/editor-view-react';
+
+<div style={{ position: 'relative' }}>
+  <EditorView.ContentLayer options={{ className: 'content', editable: true }} />
+  <EditorView.Layer layer="decorator" className="my-decorators" />
+  <EditorView.Layer layer="selection" />
+  <EditorView.Layer layer="custom">
+    <MyCustomOverlay />
+  </EditorView.Layer>
+</div>
+```
+(When using layers outside `<EditorView>`, wrap with `<EditorViewContextProvider editor={editor}>`.)
+
+## API
+
+- **EditorView** — Composite view. Props: `editor`, `options?` (registry, className, layers), `children?` (custom layer content). Supports `ref` for imperative handle (EditorViewHandle).
+- **EditorView.ContentLayer** — Props: `options?` (registry, className, editable). Editor is from EditorViewContext (use inside EditorView).
+- **EditorView.Layer** — Props: `layer` ('decorator' | 'selection' | 'context' | 'custom'), `className?`, `style?`, `children?`.
+
+**Ref API (EditorViewHandle)** — When using `ref` on EditorView: `addDecorator(Decorator | DecoratorGenerator)`, `removeDecorator`, `updateDecorator`, `getDecorators(options?)`, `getDecorator`, `exportDecorators`, `loadDecorators`, `contentEditableElement`, `convertModelSelectionToDOM`, `convertDOMSelectionToModel`, `convertStaticRangeToModel`, `defineDecoratorType`, and refs to `decoratorManager`, `remoteDecoratorManager`, `patternDecoratorConfigManager`, `decoratorGeneratorManager`. See editor-view-react-spec.md § 3.3.
+
+## Docs
+
+- **editor-view-react-spec.md** — API, context, layers, selection/input flow, tests.
+- **layers-spec.md** — Layer roles (content, decorator, selection, context, custom) and `layerTarget` routing; how to use selection/context/custom layers.
+
+## Requirements
+
+- **Editor** from `@barocss/editor-core` (with `getDocumentProxy()`, `on`/`off` for `editor:content.change`).
+- **define()** templates (document, paragraph, inline-text, etc.) in the same registry used by the content layer.
+
+## Testing
+
+Unit tests (Vitest, jsdom, @testing-library/react):
+
+```bash
+pnpm --filter @barocss/editor-view-react test:run
+```
+
+Tests cover: EditorView and EditorViewLayer (root, content layer, overlay layers, children), EditorViewContext (Provider value, useEditorViewContext throw, useOptionalEditorViewContext), ReactSelectionHandler (isSelectionInsideEditableText, setProgrammaticChange), ReactMutationObserverManager (setup/disconnect, batch), dom-sync (findClosestInlineTextNode, reconstructModelTextFromDOM). See `packages/editor-view-react/docs/editor-view-react-spec.md` and `docs/SPEC_VERIFICATION.md`.
+
+To run the React app that uses EditorView:
+
+```bash
+pnpm --filter @barocss/editor-react dev
+```
+
+## See also
+
+- **packages/editor-view-react/docs/editor-view-react-spec.md** — Full spec: goals, architecture, API, context, layers, selection/input, DOM sync, MutationObserver, test strategy.
+- **packages/editor-view-react/docs/SPEC_VERIFICATION.md** — Spec vs implementation verification and checklist.
+- **packages/renderer-react** — DSL → ReactNode.
+- **packages/editor-view-dom** — DOM view layer (EditorViewDOM).
+- **docs/renderer-react-and-editor-react.md** — Design.

package/dist/editor-view-react/src/EditorView.d.ts

@@ -0,0 +1,14 @@
+import { EditorViewProps, EditorViewOverlayLayerProps } from './types';
+import { EditorViewContentLayer } from './EditorViewContentLayer';
+import { EditorViewLayer } from './EditorViewLayer';
+
+/** EditorView with ref (addDecorator, removeDecorator, getDecorators) and static layer components. */
+export declare const EditorView: import('react').ForwardRefExoticComponent<EditorViewProps & import('react').RefAttributes<import('./types').EditorViewHandle>> & {
+    ContentLayer: typeof EditorViewContentLayer;
+    DecoratorLayer: ({ className, style, children }: EditorViewOverlayLayerProps) => import("react/jsx-runtime").JSX.Element;
+    SelectionLayer: ({ className, style, children }: EditorViewOverlayLayerProps) => import("react/jsx-runtime").JSX.Element;
+    ContextLayer: ({ className, style, children }: EditorViewOverlayLayerProps) => import("react/jsx-runtime").JSX.Element;
+    CustomLayer: ({ className, style, children }: EditorViewOverlayLayerProps) => import("react/jsx-runtime").JSX.Element;
+    Layer: typeof EditorViewLayer;
+};
+//# sourceMappingURL=EditorView.d.ts.map

package/dist/editor-view-react/src/EditorView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditorView.d.ts","sourceRoot":"","sources":["../../../src/EditorView.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,eAAe,EACf,2BAA2B,EAK5B,MAAM,SAAS,CAAC;AAEjB,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAmSpD,sGAAsG;AACtG,eAAO,MAAM,UAAU;;qDAVwC,2BAA2B;qDAA3B,2BAA2B;mDAA3B,2BAA2B;kDAA3B,2BAA2B;;CAiBxF,CAAC"}

package/dist/editor-view-react/src/EditorViewContentLayer.d.ts

@@ -0,0 +1,9 @@
+import { EditorViewContentLayerProps } from './types';
+
+/**
+ * EditorViewContentLayer: renders the editor document with ReactRenderer in a contenteditable div.
+ * Subscribes to editor:content.change and editor:selection.model.
+ * Must be used inside EditorView (EditorViewContextProvider); editor is taken from context only.
+ */
+export declare function EditorViewContentLayer({ options }: EditorViewContentLayerProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=EditorViewContentLayer.d.ts.map

package/dist/editor-view-react/src/EditorViewContentLayer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditorViewContentLayer.d.ts","sourceRoot":"","sources":["../../../src/EditorViewContentLayer.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,SAAS,CAAC;AAE3D;;;;GAIG;AACH,wBAAgB,sBAAsB,CAAC,EAAE,OAAY,EAAE,EAAE,2BAA2B,2CA8EnF"}

package/dist/editor-view-react/src/EditorViewContext.d.ts

@@ -0,0 +1,43 @@
+import { ReactNode } from 'react';
+import { Editor } from '../../editor-core/src';
+import { Decorator, DecoratorManager, RemoteDecoratorManager, PatternDecoratorConfigManager, DecoratorGeneratorManager, DecoratorSchemaRegistry } from '@barocss/shared';
+import { ReactSelectionHandler } from './selection-handler';
+import { ReactInputHandler } from './input-handler';
+import { ReactMutationObserverManager } from './mutation-observer-manager';
+
+export interface EditorViewViewState {
+    isModelDrivenChange: boolean;
+    isRendering: boolean;
+    isComposing: boolean;
+    /** When true, next editor:content.change (from model commit during MO C1) must not trigger refresh (data-only update). */
+    skipNextRenderFromMO: boolean;
+    /** When true, editor:selection.model must not call convertModelSelectionToDOM (selection came from DOM input; leave DOM selection as-is). */
+    skipApplyModelSelectionToDOM: boolean;
+}
+export interface EditorViewContextValue {
+    editor: Editor;
+    viewStateRef: React.MutableRefObject<EditorViewViewState>;
+    selectionHandler: ReactSelectionHandler;
+    inputHandler: ReactInputHandler;
+    mutationObserverManager: ReactMutationObserverManager;
+    setContentEditableElement: (el: HTMLElement | null) => void;
+    /** Ref to content-editable root (set by ContentLayer on mount). */
+    contentEditableRef: React.RefObject<HTMLElement | null>;
+    decoratorManagerRef: React.RefObject<DecoratorManager | null>;
+    decoratorSchemaRegistryRef: React.RefObject<DecoratorSchemaRegistry | null>;
+    remoteDecoratorManagerRef: React.RefObject<RemoteDecoratorManager | null>;
+    patternDecoratorConfigManagerRef: React.RefObject<PatternDecoratorConfigManager | null>;
+    decoratorGeneratorManagerRef: React.RefObject<DecoratorGeneratorManager | null>;
+    getMergedDecorators: (model: unknown) => Decorator[];
+    bumpDecoratorVersion: () => void;
+    decoratorVersion: number;
+}
+declare const EditorViewContext: import('react').Context<EditorViewContextValue | null>;
+export declare function useEditorViewContext(): EditorViewContextValue;
+export declare function useOptionalEditorViewContext(): EditorViewContextValue | null;
+export declare function EditorViewContextProvider({ editor, children }: {
+    editor: Editor;
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export { EditorViewContext };
+//# sourceMappingURL=EditorViewContext.d.ts.map

package/dist/editor-view-react/src/EditorViewContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditorViewContext.d.ts","sourceRoot":"","sources":["../../../src/EditorViewContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgF,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACrH,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AACjD,OAAO,EACL,gBAAgB,EAChB,sBAAsB,EACtB,6BAA6B,EAC7B,yBAAyB,EACzB,uBAAuB,EAExB,MAAM,iBAAiB,CAAC;AACzB,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AACjE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,6BAA6B,CAAC;AAKhF,MAAM,WAAW,mBAAmB;IAClC,mBAAmB,EAAE,OAAO,CAAC;IAC7B,WAAW,EAAE,OAAO,CAAC;IACrB,WAAW,EAAE,OAAO,CAAC;IACrB,0HAA0H;IAC1H,oBAAoB,EAAE,OAAO,CAAC;IAC9B,6IAA6I;IAC7I,4BAA4B,EAAE,OAAO,CAAC;CACvC;AAED,MAAM,WAAW,sBAAsB;IACrC,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,KAAK,CAAC,gBAAgB,CAAC,mBAAmB,CAAC,CAAC;IAC1D,gBAAgB,EAAE,qBAAqB,CAAC;IACxC,YAAY,EAAE,iBAAiB,CAAC;IAChC,uBAAuB,EAAE,4BAA4B,CAAC;IACtD,yBAAyB,EAAE,CAAC,EAAE,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IAC5D,mEAAmE;IACnE,kBAAkB,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IACxD,mBAAmB,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;IAC9D,0BAA0B,EAAE,KAAK,CAAC,SAAS,CAAC,uBAAuB,GAAG,IAAI,CAAC,CAAC;IAC5E,yBAAyB,EAAE,KAAK,CAAC,SAAS,CAAC,sBAAsB,GAAG,IAAI,CAAC,CAAC;IAC1E,gCAAgC,EAAE,KAAK,CAAC,SAAS,CAAC,6BAA6B,GAAG,IAAI,CAAC,CAAC;IACxF,4BAA4B,EAAE,KAAK,CAAC,SAAS,CAAC,yBAAyB,GAAG,IAAI,CAAC,CAAC;IAChF,mBAAmB,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,SAAS,EAAE,CAAC;IACrD,oBAAoB,EAAE,MAAM,IAAI,CAAC;IACjC,gBAAgB,EAAE,MAAM,CAAC;CAC1B;AAED,QAAA,MAAM,iBAAiB,wDAAqD,CAAC;AAE7E,wBAAgB,oBAAoB,IAAI,sBAAsB,CAM7D;AAED,wBAAgB,4BAA4B,IAAI,sBAAsB,GAAG,IAAI,CAE5E;AAED,wBAAgB,yBAAyB,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAE,2CAoKtG;AAED,OAAO,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/editor-view-react/src/EditorViewLayer.d.ts

@@ -0,0 +1,8 @@
+import { EditorViewLayerProps } from './types';
+
+/**
+ * Overlay layer wrapper (decorator, selection, context, custom).
+ * Positioned absolute, pointer-events: none by default so content layer receives input.
+ */
+export declare function EditorViewLayer({ layer, className, style, children }: EditorViewLayerProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=EditorViewLayer.d.ts.map

package/dist/editor-view-react/src/EditorViewLayer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditorViewLayer.d.ts","sourceRoot":"","sources":["../../../src/EditorViewLayer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AASpD;;;GAGG;AACH,wBAAgB,eAAe,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,oBAAoB,2CAqB1F"}

package/dist/editor-view-react/src/EditorViewOverlayLayerContent.d.ts

@@ -0,0 +1,14 @@
+import { EditorViewLayerType } from './types';
+
+export interface EditorViewOverlayLayerContentProps {
+    /** Layer to render (decorator, selection, context, custom). Only decorators with layerTarget === layer are rendered. */
+    layer: Exclude<EditorViewLayerType, 'content'>;
+    /** Registry for resolving decorator templates. If omitted, uses getGlobalRegistry(). */
+    registry?: import('../../dsl/src').RendererRegistry;
+}
+/**
+ * Renders overlay layer content by filtering merged decorators by layerTarget and building them with ReactRenderer.buildOverlayDecorators.
+ * Uses getMergedDecorators(document) so remote, pattern, and generator decorators are included.
+ */
+export declare function EditorViewOverlayLayerContent({ layer, registry: registryProp }: EditorViewOverlayLayerContentProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=EditorViewOverlayLayerContent.d.ts.map

package/dist/editor-view-react/src/EditorViewOverlayLayerContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditorViewOverlayLayerContent.d.ts","sourceRoot":"","sources":["../../../src/EditorViewOverlayLayerContent.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAEnD,MAAM,WAAW,kCAAkC;IACjD,wHAAwH;IACxH,KAAK,EAAE,OAAO,CAAC,mBAAmB,EAAE,SAAS,CAAC,CAAC;IAC/C,wFAAwF;IACxF,QAAQ,CAAC,EAAE,OAAO,cAAc,EAAE,gBAAgB,CAAC;CACpD;AAED;;;GAGG;AACH,wBAAgB,6BAA6B,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,EAAE,kCAAkC,2CAwBlH"}

package/dist/editor-view-react/src/dom-sync/classify-c1.d.ts

@@ -0,0 +1,45 @@
+import { Editor } from '../../../editor-core/src';
+
+export interface ClassifiedChangeC1 {
+    case: 'C1';
+    nodeId: string;
+    prevText: string;
+    newText: string;
+    contentRange?: {
+        startNodeId: string;
+        startOffset: number;
+        endNodeId: string;
+        endOffset: number;
+    };
+    mutations: MutationRecord[];
+    metadata?: {
+        usedInputHint?: boolean;
+    };
+}
+export interface InputHint {
+    contentRange: {
+        startNodeId: string;
+        startOffset: number;
+        endNodeId: string;
+        endOffset: number;
+    };
+    timestamp: number;
+}
+export interface ClassifyOptions {
+    editor: Editor;
+    selection?: Selection;
+    modelSelection?: {
+        startNodeId: string;
+        startOffset: number;
+        endNodeId: string;
+        endOffset: number;
+    };
+    inputHint?: InputHint;
+    isComposing?: boolean;
+}
+export type ClassifiedChange = ClassifiedChangeC1 | {
+    case: 'UNKNOWN';
+    mutations: MutationRecord[];
+};
+export declare function classifyDomChangeC1(mutations: MutationRecord[], options: ClassifyOptions): ClassifiedChangeC1 | null;
+//# sourceMappingURL=classify-c1.d.ts.map

package/dist/editor-view-react/src/dom-sync/classify-c1.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"classify-c1.d.ts","sourceRoot":"","sources":["../../../../src/dom-sync/classify-c1.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAGnD,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,IAAI,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE;QAAE,WAAW,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE,CAAC;IAClG,SAAS,EAAE,cAAc,EAAE,CAAC;IAC5B,QAAQ,CAAC,EAAE;QAAE,aAAa,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC;CACxC;AAED,MAAM,WAAW,SAAS;IACxB,YAAY,EAAE;QAAE,WAAW,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE,CAAC;IACjG,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,cAAc,CAAC,EAAE;QAAE,WAAW,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE,CAAC;IACpG,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,MAAM,gBAAgB,GAAG,kBAAkB,GAAG;IAAE,IAAI,EAAE,SAAS,CAAC;IAAC,SAAS,EAAE,cAAc,EAAE,CAAA;CAAE,CAAC;AAErG,wBAAgB,mBAAmB,CACjC,SAAS,EAAE,cAAc,EAAE,EAC3B,OAAO,EAAE,eAAe,GACvB,kBAAkB,GAAG,IAAI,CAuD3B"}

package/dist/editor-view-react/src/dom-sync/edit-position.d.ts

@@ -0,0 +1,6 @@
+export declare function findClosestInlineTextNode(node: Node): Element | null;
+/**
+ * Reconstruct full text of an inline-text container from DOM (all text nodes in order).
+ */
+export declare function reconstructModelTextFromDOM(inlineTextNode: Element): string;
+//# sourceMappingURL=edit-position.d.ts.map

package/dist/editor-view-react/src/dom-sync/edit-position.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"edit-position.d.ts","sourceRoot":"","sources":["../../../../src/dom-sync/edit-position.ts"],"names":[],"mappings":"AAMA,wBAAgB,yBAAyB,CAAC,IAAI,EAAE,IAAI,GAAG,OAAO,GAAG,IAAI,CAUpE;AAED;;GAEG;AACH,wBAAgB,2BAA2B,CAAC,cAAc,EAAE,OAAO,GAAG,MAAM,CAK3E"}

package/dist/editor-view-react/src/index.d.ts

@@ -0,0 +1,12 @@
+/**
+ * @barocss/editor-view-react
+ * React view layer for Barocss Editor (Editor + ReactRenderer).
+ */
+export { EditorView } from './EditorView';
+export { EditorViewContentLayer } from './EditorViewContentLayer';
+export { EditorViewLayer } from './EditorViewLayer';
+export { EditorViewContextProvider, useEditorViewContext, useOptionalEditorViewContext, type EditorViewViewState, type EditorViewContextValue, } from './EditorViewContext';
+export { createMutationObserverManager } from './mutation-observer-manager';
+export type { ReactMutationObserverManager } from './mutation-observer-manager';
+export type { EditorViewOptions, EditorViewProps, EditorViewRef, EditorViewHandle, DecoratorExportData, LoadDecoratorsPatternFunctions, DecoratorQueryOptions, DecoratorTypeSchema, ModelSelection, EditorViewContentLayerOptions, EditorViewContentLayerProps, EditorViewLayerOptions, EditorViewLayerProps, EditorViewLayersConfig, EditorViewLayerType, } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/editor-view-react/src/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EACL,yBAAyB,EACzB,oBAAoB,EACpB,4BAA4B,EAC5B,KAAK,mBAAmB,EACxB,KAAK,sBAAsB,GAC5B,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,6BAA6B,EAAE,MAAM,6BAA6B,CAAC;AAC5E,YAAY,EAAE,4BAA4B,EAAE,MAAM,6BAA6B,CAAC;AAChF,YAAY,EACV,iBAAiB,EACjB,eAAe,EACf,aAAa,EACb,gBAAgB,EAChB,mBAAmB,EACnB,8BAA8B,EAC9B,qBAAqB,EACrB,mBAAmB,EACnB,cAAc,EACd,6BAA6B,EAC7B,2BAA2B,EAC3B,sBAAsB,EACtB,oBAAoB,EACpB,sBAAsB,EACtB,mBAAmB,GACpB,MAAM,SAAS,CAAC"}

package/dist/editor-view-react/src/input-handler.d.ts

@@ -0,0 +1,51 @@
+import { MutableRefObject } from 'react';
+import { Editor } from '../../editor-core/src';
+import { ReactSelectionHandler } from './selection-handler';
+import { EditorViewViewState } from './EditorViewContext';
+
+/**
+ * Input handler for React editor view: beforeinput/keydown handling and model updates.
+ * Uses ReactSelectionHandler for DOM↔model selection. Does not depend on editor-view-dom.
+ */
+export declare class ReactInputHandler {
+    private editor;
+    private selectionHandler;
+    private viewStateRef;
+    private _isComposing;
+    private _pendingInsertHint;
+    constructor(editor: Editor, selectionHandler: ReactSelectionHandler, viewStateRef: MutableRefObject<EditorViewViewState>);
+    /** Set IME composition state. Called from compositionstart/compositionend so keydown/beforeinput see it early. */
+    setComposing(isComposing: boolean): void;
+    /**
+     * Sync model to DOM for the focused inline-text node. Call once after compositionend so the final composed text is applied (no intermediate C1).
+     */
+    syncFocusedTextNodeAfterComposition(): Promise<void>;
+    /**
+     * Called from MutationObserver (same role as editor-view-dom InputHandler.handleDomMutations).
+     * Classifies DOM changes (C1 for single-node text) and updates model; emit editor:content.change with skipRender.
+     * During IME composition we skip C1 and sync once on compositionend via syncFocusedTextNodeAfterComposition.
+     * Set skipNextRenderFromMO so the model's content.change (no skipRender) does not trigger React refresh (data-only update).
+     */
+    handleDomMutations(mutations: MutationRecord[]): Promise<void>;
+    private handleDomMutationsInner;
+    private getValidInsertHint;
+    private handleC1;
+    handleBeforeInput(event: InputEvent): void;
+    private updateInsertHintFromBeforeInput;
+    /**
+     * Keydown: keybindings only (Enter, Backspace, Delete, etc.). Do not insert characters here so IME works.
+     * Character input is handled in beforeinput via tryHandleInsertViaGetTargetRanges (non-IME) or MutationObserver (IME).
+     */
+    handleKeydown(event: KeyboardEvent): void;
+    private insertTextAtSelection;
+    private tryHandleInsertViaGetTargetRanges;
+    private applyModelSelectionAfterRender;
+    private handleDelete;
+    private calculateDeleteRange;
+    private calculateCrossNodeDeleteRange;
+    private executeStructuralCommand;
+    private insertParagraph;
+    private insertText;
+    private executeFormatCommand;
+}
+//# sourceMappingURL=input-handler.d.ts.map

package/dist/editor-view-react/src/input-handler.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-handler.d.ts","sourceRoot":"","sources":["../../../src/input-handler.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAGnD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAGjE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAkC/D;;;GAGG;AACH,qBAAa,iBAAiB;IAC5B,OAAO,CAAC,MAAM,CAAS;IACvB,OAAO,CAAC,gBAAgB,CAAwB;IAChD,OAAO,CAAC,YAAY,CAAwC;IAC5D,OAAO,CAAC,YAAY,CAAS;IAC7B,OAAO,CAAC,kBAAkB,CAA0B;gBAGlD,MAAM,EAAE,MAAM,EACd,gBAAgB,EAAE,qBAAqB,EACvC,YAAY,EAAE,gBAAgB,CAAC,mBAAmB,CAAC;IAOrD,kHAAkH;IAClH,YAAY,CAAC,WAAW,EAAE,OAAO,GAAG,IAAI;IAKxC;;OAEG;IACG,mCAAmC,IAAI,OAAO,CAAC,IAAI,CAAC;IAwE1D;;;;;OAKG;IACG,kBAAkB,CAAC,SAAS,EAAE,cAAc,EAAE,GAAG,OAAO,CAAC,IAAI,CAAC;YAatD,uBAAuB;IAkCrC,OAAO,CAAC,kBAAkB;YAQZ,QAAQ;IAwEtB,iBAAiB,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;IAqC1C,OAAO,CAAC,+BAA+B;IA0BvC;;;OAGG;IACH,aAAa,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;IAkCzC,OAAO,CAAC,qBAAqB;IA6B7B,OAAO,CAAC,iCAAiC;IA+DzC,OAAO,CAAC,8BAA8B;YAQxB,YAAY;IAyD1B,OAAO,CAAC,oBAAoB;IAyD5B,OAAO,CAAC,6BAA6B;IA2DrC,OAAO,CAAC,wBAAwB;IAiBhC,OAAO,CAAC,eAAe;IAqBvB,OAAO,CAAC,UAAU;IAclB,OAAO,CAAC,oBAAoB;CAa7B"}

package/dist/editor-view-react/src/mutation-observer-manager.d.ts

@@ -0,0 +1,13 @@
+/**
+ * MutationObserver manager for editor-view-react.
+ * Observes contentEditableElement and calls onMutations (e.g. inputHandler.handleDomMutations).
+ * Same role as editor-view-dom's MutationObserverManagerImpl; does not depend on editor-view-dom.
+ */
+export interface ReactMutationObserverManager {
+    setup(contentEditableElement: HTMLElement): void;
+    disconnect(): void;
+}
+type OnMutations = (mutations: MutationRecord[]) => void;
+export declare function createMutationObserverManager(onMutations: OnMutations): ReactMutationObserverManager;
+export {};
+//# sourceMappingURL=mutation-observer-manager.d.ts.map

package/dist/editor-view-react/src/mutation-observer-manager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mutation-observer-manager.d.ts","sourceRoot":"","sources":["../../../src/mutation-observer-manager.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,MAAM,WAAW,4BAA4B;IAC3C,KAAK,CAAC,sBAAsB,EAAE,WAAW,GAAG,IAAI,CAAC;IACjD,UAAU,IAAI,IAAI,CAAC;CACpB;AAED,KAAK,WAAW,GAAG,CAAC,SAAS,EAAE,cAAc,EAAE,KAAK,IAAI,CAAC;AAEzD,wBAAgB,6BAA6B,CAAC,WAAW,EAAE,WAAW,GAAG,4BAA4B,CAoDpG"}

package/dist/editor-view-react/src/selection-handler.d.ts

@@ -0,0 +1,56 @@
+import { Editor } from '../../editor-core/src';
+
+export type ModelSelection = {
+    type: 'none';
+} | {
+    type: 'range';
+    startNodeId: string;
+    startOffset: number;
+    endNodeId: string;
+    endOffset: number;
+    direction?: 'forward' | 'backward' | 'none';
+} | {
+    type: 'node';
+    nodeId: string;
+};
+/**
+ * Selection handler for React editor view: converts DOM Selection to/from model selection
+ * using renderer-dom text run index. Does not depend on editor-view-dom.
+ */
+export declare class ReactSelectionHandler {
+    private editor;
+    private getContentEditableElement;
+    private _isProgrammaticChange;
+    constructor(editor: Editor, getContentEditableElement: () => HTMLElement | null);
+    setProgrammaticChange(value: boolean): void;
+    /**
+     * Returns true if the given (or current) selection is entirely inside inline-text nodes.
+     * Used to restrict character input to editable text only (same as editor-view-dom).
+     */
+    isSelectionInsideEditableText(domSelection?: Selection | null): boolean;
+    handleSelectionChange(): void;
+    convertDOMSelectionToModel(selection: Selection): ModelSelection;
+    convertStaticRangeToModel(staticRange: StaticRange): {
+        type: 'range';
+        startNodeId: string;
+        startOffset: number;
+        endNodeId: string;
+        endOffset: number;
+        direction?: 'forward';
+    } | null;
+    private convertRangeBoundariesToModel;
+    private isTextContainer;
+    private nodeExistsInModel;
+    private findClosestDataNode;
+    private findBestContainer;
+    private ensureRuns;
+    private convertOffsetWithRuns;
+    private findTextAtElementBoundary;
+    private determineSelectionDirection;
+    convertModelSelectionToDOM(modelSelection: ModelSelection | null | undefined): void;
+    private convertRangeSelectionToDOM;
+    private convertNodeSelectionToDOM;
+    private getTextRunsForContainer;
+    private findDOMRangeFromModelOffset;
+}
+//# sourceMappingURL=selection-handler.d.ts.map

package/dist/editor-view-react/src/selection-handler.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"selection-handler.d.ts","sourceRoot":"","sources":["../../../src/selection-handler.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAQnD,MAAM,MAAM,cAAc,GACtB;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,GAChB;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,WAAW,EAAE,MAAM,CAAC;IAAC,WAAW,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,MAAM,CAAA;CAAE,GAC9I;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CAAC;AAErC;;;GAGG;AACH,qBAAa,qBAAqB;IAChC,OAAO,CAAC,MAAM,CAAS;IACvB,OAAO,CAAC,yBAAyB,CAA2B;IAC5D,OAAO,CAAC,qBAAqB,CAAS;gBAGpC,MAAM,EAAE,MAAM,EACd,yBAAyB,EAAE,MAAM,WAAW,GAAG,IAAI;IAMrD,qBAAqB,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI;IAI3C;;;OAGG;IACH,6BAA6B,CAAC,YAAY,CAAC,EAAE,SAAS,GAAG,IAAI,GAAG,OAAO;IA6BvE,qBAAqB,IAAI,IAAI;IA2B7B,0BAA0B,CAAC,SAAS,EAAE,SAAS,GAAG,cAAc;IAoChE,yBAAyB,CACvB,WAAW,EAAE,WAAW,GACvB;QAAE,IAAI,EAAE,OAAO,CAAC;QAAC,WAAW,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAC;QAAC,SAAS,CAAC,EAAE,SAAS,CAAA;KAAE,GAAG,IAAI;IAoBlI,OAAO,CAAC,6BAA6B;IAsCrC,OAAO,CAAC,eAAe;IAIvB,OAAO,CAAC,iBAAiB;IAazB,OAAO,CAAC,mBAAmB;IAa3B,OAAO,CAAC,iBAAiB;IAoBzB,OAAO,CAAC,UAAU;IAOlB,OAAO,CAAC,qBAAqB;IA6B7B,OAAO,CAAC,yBAAyB;IA2BjC,OAAO,CAAC,2BAA2B;IA+BnC,0BAA0B,CAAC,cAAc,EAAE,cAAc,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI;IAmBnF,OAAO,CAAC,0BAA0B;IA2ClC,OAAO,CAAC,yBAAyB;IAajC,OAAO,CAAC,uBAAuB;IAgB/B,OAAO,CAAC,2BAA2B;CAwBpC"}

package/dist/editor-view-react/src/types.d.ts

@@ -0,0 +1,103 @@
+import { Editor } from '../../editor-core/src';
+import { RendererRegistry } from '../../dsl/src';
+import { Decorator, DecoratorGenerator, DecoratorManager, RemoteDecoratorManager, PatternDecoratorConfigManager, DecoratorGeneratorManager, DecoratorExportData, LoadDecoratorsPatternFunctions, DecoratorQueryOptions, DecoratorTypeSchema } from '@barocss/shared';
+
+export type { DecoratorExportData, LoadDecoratorsPatternFunctions, DecoratorQueryOptions, DecoratorTypeSchema };
+/** Model selection type for convert* APIs. */
+export type ModelSelection = {
+    type: 'none';
+} | {
+    type: 'range';
+    startNodeId: string;
+    startOffset: number;
+    endNodeId: string;
+    endOffset: number;
+    direction?: 'forward' | 'backward' | 'none';
+} | {
+    type: 'node';
+    nodeId: string;
+};
+/** Imperative handle for EditorView: decorator management and selection/convenience APIs. */
+export interface EditorViewHandle {
+    addDecorator(decorator: Decorator | DecoratorGenerator): void;
+    removeDecorator(id: string): void;
+    updateDecorator(id: string, updates: Partial<Decorator>): void;
+    getDecorators(options?: DecoratorQueryOptions): Decorator[];
+    getDecorator(id: string): Decorator | undefined;
+    exportDecorators(): DecoratorExportData;
+    loadDecorators(data: DecoratorExportData, patternFunctions?: LoadDecoratorsPatternFunctions): void;
+    /** Content-editable root element (null until mounted). */
+    contentEditableElement: HTMLElement | null;
+    convertModelSelectionToDOM(sel: ModelSelection | null | undefined): void;
+    convertDOMSelectionToModel(selection: Selection): ModelSelection;
+    /** Converts a StaticRange (e.g. from getRangeAt) to model selection, or null if not resolvable. */
+    convertStaticRangeToModel(staticRange: StaticRange): ModelSelection | null;
+    defineDecoratorType(type: string, category: 'layer' | 'inline' | 'block', schema: DecoratorTypeSchema): void;
+    decoratorManager: DecoratorManager | null;
+    remoteDecoratorManager: RemoteDecoratorManager | null;
+    patternDecoratorConfigManager: PatternDecoratorConfigManager | null;
+    decoratorGeneratorManager: DecoratorGeneratorManager | null;
+}
+export type EditorViewLayerType = 'decorator' | 'selection' | 'context' | 'custom';
+/** Options for the content layer (document rendering). Decorators are managed internally; use ref.addDecorator / ref.getDecorators. */
+export interface EditorViewContentLayerOptions {
+    /** Renderer registry. If omitted, uses getGlobalRegistry(). */
+    registry?: RendererRegistry;
+    /** Class name for the contenteditable wrapper. */
+    className?: string;
+    /** Whether the content is editable. Default true. */
+    editable?: boolean;
+}
+/** Options for overlay layers (decorator, selection, context, custom). */
+export interface EditorViewLayerOptions {
+    /** Class name for the layer wrapper. */
+    className?: string;
+    /** Inline styles. */
+    style?: React.CSSProperties;
+}
+/** Layer configuration for EditorView (optional per-layer classNames/styles). */
+export interface EditorViewLayersConfig {
+    content?: EditorViewContentLayerOptions;
+    decorator?: EditorViewLayerOptions;
+    selection?: EditorViewLayerOptions;
+    context?: EditorViewLayerOptions;
+    custom?: EditorViewLayerOptions;
+}
+export interface EditorViewOptions {
+    /** Renderer registry (used by content layer if layers.content not set). */
+    registry?: RendererRegistry;
+    /** Class name for the root container. */
+    className?: string;
+    /** Per-layer configuration. */
+    layers?: EditorViewLayersConfig;
+}
+export interface EditorViewProps {
+    /** Editor instance. */
+    editor: Editor;
+    /** Optional options (registry, className, layers). */
+    options?: EditorViewOptions;
+    /** Optional children (e.g. custom layer content). Rendered inside the custom layer slot when present. */
+    children?: React.ReactNode;
+}
+/** EditorView ref type (when using forwardRef). Exposes decorator API like editor-view-dom. */
+export type EditorViewRef = EditorViewHandle;
+export interface EditorViewContentLayerProps {
+    /** Options (registry, className, editable). Editor is taken from EditorViewContext only. */
+    options?: EditorViewContentLayerOptions;
+}
+export interface EditorViewLayerProps {
+    /** Layer type (data-bc-layer value). */
+    layer: EditorViewLayerType;
+    /** Optional className. */
+    className?: string;
+    /** Optional style. */
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+}
+/** Props for named overlay layers (DecoratorLayer, SelectionLayer, ContextLayer, CustomLayer). */
+export interface EditorViewOverlayLayerProps {
+    className?: string;
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/editor-view-react/src/types.d.ts.map

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