fix(json-crdt-peritext-ui): 🐛 allow string type tag names

Author: streamich

src/json-crdt-extensions/peritext/events/__tests__/marker.spec.ts

@@ -203,6 +203,29 @@ const testSuite = (getKit: () => Kit) => {
           '<p>abcdefgh</p><blockquote data-attr=\'{"author":"Pierre Gringoire","source":"Journal of Hunchbacks"}\'>ijklmnopqrstuvwxyz</blockquote>',
         );
       });
+
+      test('can update the correct tag data', () => {
+        const kit = setup();
+        kit.et.cursor({at: [8]});
+        kit.et.marker({action: 'ins', type: [['ul', 0, {type: 'tasks'}], ['li', 0 , {done: false}]]});
+        expect(kit.toHtml()).toBe('<p>abcdefgh</p><ul data-attr=\'{"type":"tasks"}\'><li data-attr=\'{"done":false}\'>ijklmnopqrstuvwxyz</li></ul>');
+        kit.et.marker({
+          action: 'upd',
+          target: ['data', 0],
+          ops: [
+            ['add', '/type', 'ordered'],
+          ],
+        });
+        expect(kit.toHtml()).toBe('<p>abcdefgh</p><ul data-attr=\'{"type":"ordered"}\'><li data-attr=\'{"done":false}\'>ijklmnopqrstuvwxyz</li></ul>');
+        kit.et.marker({
+          action: 'upd',
+          target: ['data', 1],
+          ops: [
+            ['replace', '/done', true],
+          ],
+        });
+        expect(kit.toHtml()).toBe('<p>abcdefgh</p><ul data-attr=\'{"type":"ordered"}\'><li data-attr=\'{"done":true}\'>ijklmnopqrstuvwxyz</li></ul>');
+      });
     });
   });
 

src/json-crdt-extensions/peritext/transfer/export-html.ts

@@ -10,7 +10,8 @@ import type {ViewStyle, ViewRange} from '../editor/types';
 export const toJsonMl = (json: PeritextMlNode): JsonMlNode => {
   if (typeof json === 'string') return json;
   const [tag, attr, ...children] = json;
-  const namedTag = tag === '' ? tag : SliceTypeName[tag as any];
+  let namedTag = tag === '' ? tag : SliceTypeName[tag as any];
+  if (typeof namedTag !== 'string') namedTag = tag + '';
   const htmlTag = namedTag ?? (attr?.inline ? 'span' : 'div');
   const htmlAttr = attr && attr.data !== void 0 ? {'data-attr': JSON.stringify(attr.data)} : null;
   const htmlNode: JsonMlNode = [htmlTag, htmlAttr];