collaborative-ui/lib/JsonCrdtPatch/index.stories.js

React component library for building real-time collaborative editing applications.

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.Default = void 0;
const tslib_1 = require("tslib");
const React = tslib_1.__importStar(require("react"));
const json_crdt_1 = require("json-joy/lib/json-crdt");
const _1 = require(".");
exports.default = {
    component: _1.JsonCrdtPatch,
    title: '<JsonCrdtPatch>',
};
const schema0 = json_crdt_1.s.obj({
    id: json_crdt_1.s.con(''),
    name: json_crdt_1.s.str('John Doe'),
    age: json_crdt_1.s.val(json_crdt_1.s.con(42)),
    tags: json_crdt_1.s.arr([json_crdt_1.s.str('tag1'), json_crdt_1.s.str('tag2')]),
});
const model = json_crdt_1.Model.create(schema0);
const patch = model.api.flush();
exports.Default = {
    render: () => React.createElement(_1.JsonCrdtPatch, { patch: patch }),
};