feat(json-crdt-extensions): 🎸 populate registry with inline slice types

Author: streamich

src/json-crdt-extensions/peritext/registry/SliceRegistry.ts

@@ -1,8 +1,8 @@
 import {PeritextMlElement} from '../block/types';
 import {NodeBuilder} from '../../../json-crdt-patch';
+import {SliceBehavior} from '../slice/constants';
 import type {JsonMlElement} from 'very-small-parser/lib/html/json-ml/types';
 import type {FromHtmlConverter, SliceTypeDefinition, ToHtmlConverter} from './types';
-import {SliceBehavior} from '../slice/constants';
 
 export class SliceRegistry {
   private map: Map<string | number, SliceTypeDefinition<any, any, any>> = new Map();
@@ -24,6 +24,16 @@ export class SliceRegistry {
     }
   }
 
+  public def<Type extends number | string, Schema extends NodeBuilder, Inline extends boolean = true>(
+    type: Type,
+    schema: Schema,
+    behavior: SliceBehavior,
+    inline: boolean,
+    rest: Omit<SliceTypeDefinition<Type, Schema, Inline>, 'type' | 'schema' | 'behavior' | 'inline'> = {},
+  ): void {
+    this.add({type, schema, behavior, inline, ...rest});
+  }
+
   public toHtml(el: PeritextMlElement): ReturnType<ToHtmlConverter<any>> | undefined {
     const converter = this.toHtmlMap.get(el[0]);
     return converter ? converter(el) : undefined;

src/json-crdt-extensions/peritext/registry/registry.ts

@@ -5,20 +5,43 @@ import {CommonSliceType} from "../slice";
 import {SliceBehavior} from '../slice/constants';
 import {SliceRegistry} from "./SliceRegistry";
 
+const undefSchema = s.con(undefined);
+
 /**
  * Default annotation type registry.
  */
 export const registry = new SliceRegistry();
 
+registry.def(CommonSliceType.i, undefSchema, SliceBehavior.One, true, {
+  fromHtml: {
+    i: () => [CommonSliceType.i, null],
+    em: () => [CommonSliceType.i, null],
+  },
+});
+
+registry.def(CommonSliceType.b, undefSchema, SliceBehavior.One, true, {
+  fromHtml: {
+    b: () => [CommonSliceType.b, null],
+    strong: () => [CommonSliceType.b, null],
+  },
+});
+
+registry.def(CommonSliceType.u, undefSchema, SliceBehavior.One, true);
+registry.def(CommonSliceType.s, undefSchema, SliceBehavior.One, true);
+registry.def(CommonSliceType.code, undefSchema, SliceBehavior.One, true);
+registry.def(CommonSliceType.mark, undefSchema, SliceBehavior.One, true);
+registry.def(CommonSliceType.kbd, undefSchema, SliceBehavior.One, true);
+registry.def(CommonSliceType.del, undefSchema, SliceBehavior.One, true);
+registry.def(CommonSliceType.ins, undefSchema, SliceBehavior.One, true);
+registry.def(CommonSliceType.sup, undefSchema, SliceBehavior.One, true);
+registry.def(CommonSliceType.sub, undefSchema, SliceBehavior.One, true);
+registry.def(CommonSliceType.math, undefSchema, SliceBehavior.One, true);
+
 const aSchema = s.obj({
   href: s.str<string>(''),
   title: s.str<string>(''),
 });
-
-registry.add({
-  type: CommonSliceType.a,
-  schema: aSchema,
-  // toHtml: (el) => ['a', {...el[1]?.data}],
+registry.def(CommonSliceType.a, aSchema, SliceBehavior.Many, true, {
   fromHtml: {
     a: (jsonml) => {
       const attr = jsonml[1] || {};
@@ -31,12 +54,14 @@ registry.add({
   },
 });
 
-registry.add({
-  type: CommonSliceType.i,
-  behavior: SliceBehavior.One,
-  schema: s.con(undefined),
-  fromHtml: {
-    em: () => [CommonSliceType.i, null],
-    i: () => [CommonSliceType.i, null],
-  },
-});
+// TODO: add more default annotations
+// comment = SliceTypeCon.comment,  
+// font = SliceTypeCon.font,
+// col = SliceTypeCon.col,
+// bg = SliceTypeCon.bg,
+// hidden = SliceTypeCon.hidden,
+// footnote = SliceTypeCon.footnote,
+// ref = SliceTypeCon.ref,
+// iaside = SliceTypeCon.iaside,
+// iembed = SliceTypeCon.iembed,
+// bookmark = SliceTypeCon.bookmark,