cryptpad/www/webxdc/inner.js

// SPDX-FileCopyrightText: 2023 XWiki CryptPad Team <contact@cryptpad.org> and contributors
//
// SPDX-License-Identifier: AGPL-3.0-or-later

// This is the initialization loading the CryptPad libraries
define([
    'jquery',
    '/common/sframe-app-framework.js',
    '/customize/messages.js', // translation keys
    '/common/hyperscript.js',
    // './assets/polyfills-legacy-Op9eHCRg.js',
    // './assets/index-legacy-CpC3q1r5.js',
    'less!/webxdc/app-webxdc.less'
    /* Here you can add your own javascript or css to load */
], function (
    $,
    Framework,
    Messages,
    h,
    ) {

    function loadScript(id, src) {
        const tag = document.createElement('script');
        tag.setAttribute('id', id);
        tag.setAttribute('src', src);
        tag.setAttribute('crossorigin', '');

        document.getElementById('cp-app-webxdc-editor').append(tag);
        return tag;
    }

    function waitFor(contition, callback) {
        if (contition()) {
            callback();
        } else {
            setTimeout(() => waitFor(contition, callback), 10);
        }
    }
    function loadChess() {
        const legacyTag = loadScript('vite-legacy-polyfill', '/webxdc/assets/polyfills-legacy-Op9eHCRg.js');
        legacyTag.addEventListener('load', () => {
            System.import('/webxdc/assets/index-legacy-CpC3q1r5.js');
            waitFor(() => window.chessOnload, () => window.chessOnload());

            // const legacyTag = loadScript('vite-legacy-entry', '/webxdc/assets/index-legacy-CpC3q1r5.js');
            // legacyTag.addEventListener('load', () => {
            //     window.chessOnload();
            // });
        });
    }

    // This is the main initialization loop
    let onFrameworkReady = function (framework) {
        let content = { updates: [] };

        let myName = window.webxdc.selfName = framework._.sfCommon.getMetadataMgr().getUserData().name || "Guest";
        let myAddr = window.webxdc.selfAddr = framework._.sfCommon.getMetadataMgr().getUserData().uid || "Guest";
        console.log("Document is ready. My name is:", myName);

        window.webxdc.sendUpdate = (update) => {
            console.log('SendUpdate', update);
            content.updates ||= [];
            const serial = content.updates.length + 1;
            const _update = {
                payload: update.payload,
                summary: update.summary,
                info: update.info,
                notify: update.notify,
                href: update.href,
                document: update.document,
                serial: serial,
                max_serial: serial,
            };
            content.updates.push(_update);
            if (!window.cp_updateListener) {
                console.log('pushing3', _update);
                window.cp_pendingUpdates ||= [];
                window.cp_pendingUpdates.push(_update);
            }
            else {
                window.cp_updateListener(_update);
            }
            framework.localChange();
        };

        framework.onContentUpdate(function (newContent) {
            if (!newContent.updates) { return; }
            console.log('New content received from others', newContent);
            const length = content.updates.length;
            const newUpdates = newContent.updates.slice(length);
            newUpdates.forEach(update => {
                console.log('pushing', update);
                content.updates.push(update);
                if (!window.cp_updateListener) {
                    console.log('pushing2', update);
                    window.cp_pendingUpdates ||= [];
                    window.cp_pendingUpdates.push(update);
                    return;
                }
                window.cp_updateListener(update);
            });
        });

        framework.setContentGetter(function () {
            return content;
        });

        framework.onReady(function () {
            // Document is ready, you can initialize your app
            console.log('Document is ready:', content);

            loadChess();
        });

        // Start the framework
        framework.start();
    };

    // Framework initialization
    Framework.create({
        toolbarContainer: '#cme_toolbox',
        contentContainer: '#cp-app-webxdc-editor'
    }, function (framework) {
        onFrameworkReady(framework);
    });
});