collaborative-ui/lib/JsonCrdtDemos/demos.js

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

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.get = exports.text = 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 DemoDisplay_1 = require("../DemoDisplay");
exports.text = [
    {
        id: 'plain-text',
        type: 'text',
        title: 'Textarea',
        schema: json_crdt_1.s.obj({
            demo: json_crdt_1.s.con('plain-text'),
            text: json_crdt_1.s.str(''),
        }),
        frame: 'spacious',
        render: (props) => React.createElement(DemoDisplay_1.DemoDisplay, { ...props, path: ['text'], comp: 'text' }),
    },
    {
        id: 'code-mirror',
        type: 'text',
        title: 'CodeMirror',
        schema: json_crdt_1.s.obj({
            demo: json_crdt_1.s.con('code-mirror'),
            text: json_crdt_1.s.str(''),
        }),
        frame: 'fitted',
        render: (props) => React.createElement(DemoDisplay_1.DemoDisplay, { ...props, path: ['text'], comp: 'codemirror' }),
    },
    {
        id: 'vscode',
        type: 'text',
        title: 'Visual Studio Code',
        schema: json_crdt_1.s.obj({
            demo: json_crdt_1.s.con('vscode'),
            text: json_crdt_1.s.str(''),
        }),
        render: (props) => React.createElement(DemoDisplay_1.DemoDisplay, { ...props, path: ['text'], comp: 'monaco' }),
    },
    {
        id: 'ace',
        type: 'text',
        title: 'Ace',
        schema: json_crdt_1.s.obj({
            demo: json_crdt_1.s.con('ace'),
            text: json_crdt_1.s.str(''),
        }),
        render: (props) => React.createElement(DemoDisplay_1.DemoDisplay, { ...props, path: ['text'], comp: 'text' }),
    },
    {
        id: 'slate',
        type: 'text',
        title: 'Slate.js',
        schema: json_crdt_1.s.obj({
            demo: json_crdt_1.s.con('slate'),
            text: json_crdt_1.s.str(''),
        }),
        render: (props) => React.createElement(DemoDisplay_1.DemoDisplay, { ...props, path: ['text'], comp: 'text' }),
    },
];
const get = (id) => {
    return exports.text.find((d) => d.id === id);
};
exports.get = get;