feat(json-crdt-peritext-ui): 🎸 move state one folder up

Author: streamich

src/json-crdt-peritext-ui/plugins/cursor/RenderPeritext.tsx

@@ -2,7 +2,7 @@ import * as React from 'react';
 import {context, type CursorPluginContextValue} from './context';
 import {ValueSyncStore} from '../../../util/events/sync-store';
 import type {ChangeDetail} from '../../events/types';
-import type {PeritextSurfaceState} from '../../web/react';
+import type {PeritextSurfaceState} from '../../web';
 import type {CursorPlugin} from './CursorPlugin';
 
 export interface RenderPeritextProps {

src/json-crdt-peritext-ui/plugins/cursor/context.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type {PeritextSurfaceState} from '../../web/react';
+import type {PeritextSurfaceState} from '../../web';
 import type {ValueSyncStore} from '../../../util/events/sync-store';
 import type {CursorPlugin} from './CursorPlugin';
 

src/json-crdt-peritext-ui/plugins/debug/RenderPeritext.tsx

@@ -6,7 +6,7 @@ import {Console} from './Console';
 import {ValueSyncStore} from '../../../util/events/sync-store';
 import {useSyncStore} from '../../web/react/hooks';
 import {DebugState} from './state';
-import type {PeritextSurfaceState} from '../../web/react';
+import type {PeritextSurfaceState} from '../../web';
 
 const blockClass = rule({
   pos: 'relative',

src/json-crdt-peritext-ui/plugins/debug/context.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type {ValueSyncStore} from '../../../util/events/sync-store';
-import type {PeritextSurfaceState} from '../../web/react/state';
+import type {PeritextSurfaceState} from '../../web';
 import type {DebugState} from './state';
 
 export interface DebugRenderersContextValue {

src/json-crdt-peritext-ui/plugins/minimal/RenderPeritext.tsx

@@ -3,7 +3,7 @@ import {Chrome} from './Chrome';
 import {context, type MinimalPluginContextValue} from './context';
 import {ValueSyncStore} from '../../../util/events/sync-store';
 import type {ChangeDetail} from '../../events/types';
-import type {PeritextSurfaceState} from '../../web/react';
+import type {PeritextSurfaceState} from '../../web';
 
 export interface RenderPeritextProps {
   ctx: PeritextSurfaceState;

src/json-crdt-peritext-ui/plugins/minimal/TopToolbar/index.tsx

@@ -5,7 +5,7 @@ import {CommonSliceType} from '../../../../json-crdt-extensions';
 import {ButtonGroup} from '../../../components/ButtonGroup';
 import {useSyncStore} from '../../../web/react/hooks';
 import {ButtonSeparator} from '../../../components/ButtonSeparator';
-import type {PeritextSurfaceState} from '../../../web/react';
+import type {PeritextSurfaceState} from '../../../web';
 
 export interface TopToolbarProps {
   ctx: PeritextSurfaceState;

src/json-crdt-peritext-ui/plugins/minimal/context.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type {PeritextSurfaceState} from '../../web/react';
+import type {PeritextSurfaceState} from '../../web';
 import type {ValueSyncStore} from '../../../util/events/sync-store';
 
 export interface MinimalPluginContextValue {

src/json-crdt-peritext-ui/plugins/toolbar/RenderPeritext.tsx

@@ -2,7 +2,7 @@ import * as React from 'react';
 import {Chrome} from './Chrome';
 import {context, type ToolbarPluginContextValue} from './context';
 import {ToolbarState} from './state';
-import type {PeritextSurfaceState, } from '../../web/react';
+import type {PeritextSurfaceState, } from '../../web';
 import type {ToolbarPluginOpts} from './ToolbarPlugin';
 
 export interface RenderPeritextProps {

src/json-crdt-peritext-ui/plugins/toolbar/TopToolbar/index.tsx

@@ -6,7 +6,7 @@ import {ButtonGroup} from '../../../components/ButtonGroup';
 import {useSyncStore, useSyncStoreOpt} from '../../../web/react/hooks';
 import {ButtonSeparator} from '../../../components/ButtonSeparator';
 import {useToolbarPlugin} from '../context';
-import type {PeritextSurfaceState} from '../../../web/react';
+import type {PeritextSurfaceState} from '../../../web';
 
 export interface TopToolbarProps {
   ctx: PeritextSurfaceState;

src/json-crdt-peritext-ui/plugins/toolbar/context.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type {ToolbarState} from './state';
-import type {PeritextSurfaceState} from '../../web/react';
+import type {PeritextSurfaceState} from '../../web';
 
 export interface ToolbarPluginContextValue {
   surface: PeritextSurfaceState;

src/json-crdt-peritext-ui/plugins/toolbar/state/index.tsx

@@ -8,7 +8,7 @@ import {FontStyleButton} from 'nice-ui/lib/2-inline-block/FontStyleButton';
 import {CommonSliceType} from '../../../../json-crdt-extensions';
 import type {UiLifeCyclesRender} from '../../../web/types';
 import type {BufferDetail, PeritextEventDetailMap} from '../../../events/types';
-import type {PeritextSurfaceState} from '../../../web/react';
+import type {PeritextSurfaceState} from '../../../web';
 import type {MenuItem} from '../types';
 import type {ToolbarPluginOpts} from '../ToolbarPlugin';
 

src/json-crdt-peritext-ui/web/index.ts

@@ -1,18 +1,2 @@
-import {Peritext} from "../../json-crdt-extensions";
-import {PeritextSurfaceState} from "./react";
-import {createEvents as createEvents} from "../events";
-
-export const create = (events: PeritextEventDefaults) => {
-  const state = new PeritextSurfaceState(events.txt, events, rerender, plugins);
-  // onState?.(state);
-  // if (dom && dom.opts.source === el) return;
-  const newDom = new DomController({source: el, events: state.events, log: state.log});
-  const txt = state.peritext;
-  const uiHandle = new UiHandle(txt, newDom);
-  state.events.ui = uiHandle;
-  state.events.undo = newDom.annals;
-  newDom.start();
-  state.dom = newDom;
-  setDom(newDom);
-  newDom.et.addEventListener('change', rerender);
-};
+export * from './react';
+export {PeritextSurfaceState} from './state';

src/json-crdt-peritext-ui/web/react/PeritextView.tsx

@@ -4,7 +4,7 @@ import {put} from 'nano-theme';
 import {CssClass} from '../constants';
 import {CursorPlugin} from '../../plugins/cursor';
 import {defaultPlugin} from '../../plugins/minimal';
-import {PeritextSurfaceState} from './state';
+import {PeritextSurfaceState} from '../state';
 import {createEvents} from '../../events';
 import {context} from './context';
 import {BlockView} from './BlockView';

src/json-crdt-peritext-ui/web/react/context.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type {PeritextSurfaceState} from './state';
+import type {PeritextSurfaceState} from '../state';
 
-export const context = React.createContext<PeritextSurfaceState | null>(null);
+export const context = React.createContext<PeritextSurfaceState>(null!);
 export const usePeritext = () => React.useContext(context)!;

src/json-crdt-peritext-ui/web/react/index.ts

@@ -1,3 +1,2 @@
-export type {PeritextSurfaceState} from './state';
-export * from './context';
-export * from './PeritextView';
+export {usePeritext} from './context';
+export {PeritextView, PeritextViewProps} from './PeritextView';

src/json-crdt-peritext-ui/web/react/types.ts

@@ -4,7 +4,7 @@ import type {CaretViewProps} from './cursor/CaretView';
 import type {AnchorViewProps} from './cursor/AnchorView';
 import type {InlineViewProps} from './InlineView';
 import type {BlockViewProps} from './BlockView';
-import type {PeritextSurfaceState} from './state';
+import type {PeritextSurfaceState} from '../state';
 import type {Inline} from '../../../json-crdt-extensions/peritext/block/Inline';
 
 export interface PeritextPlugin {

src/json-crdt-peritext-ui/web/react/state.ts renamed to src/json-crdt-peritext-ui/web/state.ts

@@ -1,10 +1,10 @@
-import {Log} from '../../../json-crdt/log/Log';
-import {DomController} from '../dom/DomController';
-import {ValueSyncStore} from '../../../util/events/sync-store';
-import type {PeritextPlugin} from './types';
-import type {Peritext} from '../../../json-crdt-extensions/peritext/Peritext';
-import type {PeritextEventDefaults} from '../../events/defaults/PeritextEventDefaults';
-import type {UiLifeCyclesRender} from '../types';
+import {Log} from '../../json-crdt/log/Log';
+import {DomController} from './dom/DomController';
+import {ValueSyncStore} from '../../util/events/sync-store';
+import type {PeritextPlugin} from './react/types';
+import type {Peritext} from '../../json-crdt-extensions/peritext/Peritext';
+import type {PeritextEventDefaults} from '../events/defaults/PeritextEventDefaults';
+import type {UiLifeCyclesRender} from './types';
 
 export class PeritextSurfaceState implements UiLifeCyclesRender {
   public readonly peritext: Peritext;