collaborative-ui/lib/examples/Blogpost/index.stories.js

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

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.History = exports.Default = void 0;
const tslib_1 = require("tslib");
const React = tslib_1.__importStar(require("react"));
const _1 = require(".");
const JsonCrdtModel_1 = require("../../JsonCrdtModel");
const json_crdt_1 = require("json-joy/lib/json-crdt");
const Log_1 = require("json-joy/lib/json-crdt/log/Log");
const schema_1 = require("./schema");
const JsonCrdtLog_1 = require("../../JsonCrdtLog");
exports.default = {
    component: _1.Blogpost,
    title: 'examples/<Blogpost>',
};
const model = json_crdt_1.Model.create(schema_1.BlogpostSchema);
exports.Default = {
    render: () => React.createElement(JsonCrdtModel_1.JsonCrdtModel, { model: model, renderDisplay: () => React.createElement(_1.Blogpost, { model: model }) }),
};
const model2 = json_crdt_1.Model.create(schema_1.BlogpostSchema);
const log = Log_1.Log.fromNewModel(model2);
log.end.api.onLocalChange.listen(() => {
    log.end.api.flush();
});
exports.History = {
    render: () => React.createElement(JsonCrdtLog_1.JsonCrdtLog, { log: log, renderDisplay: (model) => React.createElement(_1.Blogpost, { model: model }) }),
};