feat(json-crdt-peritext-ui): 🎸 scaffold generic configurator

Author: streamich

src/json-crdt-peritext-ui/plugins/toolbar/formatting/views/new/FormattingNew.tsx

@@ -1,11 +1,12 @@
 // biome-ignore lint: lint/style/useImportType
 import * as React from 'react';
+import {FormattingNewGeneric} from './FormattingNewGeneric';
 import type {EditProps} from '../../../types';
 
 export interface FormattingNewProps extends EditProps {}
 
 export const FormattingNew: React.FC<FormattingNewProps> = (props) => {
   const Edit = props.formatting.behavior.data().Edit;
 
-  return Edit ? <Edit isNew {...props} /> : <div>new renderer not provided</div>;
+  return Edit ? <Edit isNew {...props} /> : <FormattingNewGeneric {...props} />;
 };

src/json-crdt-peritext-ui/plugins/toolbar/formatting/views/new/FormattingNewGeneric.tsx

@@ -0,0 +1,12 @@
+// biome-ignore lint: lint/style/useImportType
+import * as React from 'react';
+import type {EditProps} from '../../../types';
+
+export interface FormattingNewGenericProps extends EditProps {}
+
+export const FormattingNewGeneric: React.FC<FormattingNewGenericProps> = ({formatting}) => {
+
+  return (
+    <div>Generic configurator</div>
+  );
+};

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

@@ -73,20 +73,15 @@ export class ToolbarState implements UiLifeCycles {
   // }
 
   public startSliceConfig(tag: SliceTypeCon | string | number, menu?: MenuItem): NewFormatting | undefined {
-    console.log(1);
     const editor = this.txt.editor;
     const behavior = editor.getRegistry().get(tag);
-    console.log(2);
     const range = editor.mainCursor()?.range();
     if (!range) return;
-    console.log(3);
     const newSlice = this.newSlice;
     if (!behavior) {
-      console.log(4);
       newSlice.next(void 0);
       return;
     }
-    console.log(5);
     const formatting = new NewFormatting(behavior, range, this);
     newSlice.next(formatting);
     return formatting;