solara 1.30.1__py2.py3-none-any.whl → 1.32.0__py2.py3-none-any.whl

solara/server/static/ansi.js

@@ -1,270 +0,0 @@
-/* Copied from: https://github.com/jupyterlab/jupyterlab/blob/9284892500c9338852532d79d6c5b467c61d797b/packages/rendermime/src/renderers.ts#L881 */
-const ANSI_COLORS = [
-    'ansi-black',
-    'ansi-red',
-    'ansi-green',
-    'ansi-yellow',
-    'ansi-blue',
-    'ansi-magenta',
-    'ansi-cyan',
-    'ansi-white',
-    'ansi-black-intense',
-    'ansi-red-intense',
-    'ansi-green-intense',
-    'ansi-yellow-intense',
-    'ansi-blue-intense',
-    'ansi-magenta-intense',
-    'ansi-cyan-intense',
-    'ansi-white-intense'
-];
-
-/**
- * Create HTML tags for a string with given foreground, background etc. and
- * add them to the `out` array.
- */
-function pushColoredChunk(
-    chunk,
-    fg,
-    bg,
-    bold,
-    underline,
-    inverse,
-    out
-) {
-    if (chunk) {
-        const classes = [];
-        const styles = [];
-
-        if (bold && typeof fg === 'number' && 0 <= fg && fg < 8) {
-            fg += 8; // Bold text uses "intense" colors
-        }
-        if (inverse) {
-            [fg, bg] = [bg, fg];
-        }
-
-        if (typeof fg === 'number') {
-            classes.push(ANSI_COLORS[fg] + '-fg');
-        } else if (fg.length) {
-            styles.push(`color: rgb(${fg})`);
-        } else if (inverse) {
-            classes.push('ansi-default-inverse-fg');
-        }
-
-        if (typeof bg === 'number') {
-            classes.push(ANSI_COLORS[bg] + '-bg');
-        } else if (bg.length) {
-            styles.push(`background-color: rgb(${bg})`);
-        } else if (inverse) {
-            classes.push('ansi-default-inverse-bg');
-        }
-
-        if (bold) {
-            classes.push('ansi-bold');
-        }
-
-        if (underline) {
-            classes.push('ansi-underline');
-        }
-
-        if (classes.length || styles.length) {
-            out.push('<span');
-            if (classes.length) {
-                out.push(` class="${classes.join(' ')}"`);
-            }
-            if (styles.length) {
-                out.push(` style="${styles.join('; ')}"`);
-            }
-            out.push('>');
-            out.push(chunk);
-            out.push('</span>');
-        } else {
-            out.push(chunk);
-        }
-    }
-}
-
-/**
- * Convert ANSI extended colors to R/G/B triple.
- */
-function getExtendedColors(numbers) {
-    let r;
-    let g;
-    let b;
-    const n = numbers.shift();
-    if (n === 2 && numbers.length >= 3) {
-        // 24-bit RGB
-        r = numbers.shift();
-        g = numbers.shift();
-        b = numbers.shift();
-        if ([r, g, b].some(c => c < 0 || 255 < c)) {
-            throw new RangeError('Invalid range for RGB colors');
-        }
-    } else if (n === 5 && numbers.length >= 1) {
-        // 256 colors
-        const idx = numbers.shift();
-        if (idx < 0) {
-            throw new RangeError('Color index must be >= 0');
-        } else if (idx < 16) {
-            // 16 default terminal colors
-            return idx;
-        } else if (idx < 232) {
-            // 6x6x6 color cube, see https://stackoverflow.com/a/27165165/500098
-            r = Math.floor((idx - 16) / 36);
-            r = r > 0 ? 55 + r * 40 : 0;
-            g = Math.floor(((idx - 16) % 36) / 6);
-            g = g > 0 ? 55 + g * 40 : 0;
-            b = (idx - 16) % 6;
-            b = b > 0 ? 55 + b * 40 : 0;
-        } else if (idx < 256) {
-            // grayscale, see https://stackoverflow.com/a/27165165/500098
-            r = g = b = (idx - 232) * 10 + 8;
-        } else {
-            throw new RangeError('Color index must be < 256');
-        }
-    } else {
-        throw new RangeError('Invalid extended color specification');
-    }
-    return [r, g, b];
-}
-
-/**
- * Transform ANSI color escape codes into HTML <span> tags with CSS
- * classes such as "ansi-green-intense-fg".
- * The actual colors used are set in the CSS file.
- * This also removes non-color escape sequences.
- * This is supposed to have the same behavior as nbconvert.filters.ansi2html()
- */
-function ansiSpan(str) {
-    const ansiRe = /\x1b\[(.*?)([@-~])/g; // eslint-disable-line no-control-regex
-    let fg = [];
-    let bg = [];
-    let bold = false;
-    let underline = false;
-    let inverse = false;
-    let match;
-    const out = [];
-    const numbers = [];
-    let start = 0;
-
-    //str = _.escape(str);
-
-    str += '\x1b[m'; // Ensure markup for trailing text
-    // tslint:disable-next-line
-    while ((match = ansiRe.exec(str))) {
-        if (match[2] === 'm') {
-            const items = match[1].split(';');
-            for (let i = 0; i < items.length; i++) {
-                const item = items[i];
-                if (item === '') {
-                    numbers.push(0);
-                } else if (item.search(/^\d+$/) !== -1) {
-                    numbers.push(parseInt(item, 10));
-                } else {
-                    // Ignored: Invalid color specification
-                    numbers.length = 0;
-                    break;
-                }
-            }
-        } else {
-            // Ignored: Not a color code
-        }
-        const chunk = str.substring(start, match.index);
-        pushColoredChunk(chunk, fg, bg, bold, underline, inverse, out);
-        start = ansiRe.lastIndex;
-
-        while (numbers.length) {
-            const n = numbers.shift();
-            switch (n) {
-                case 0:
-                    fg = bg = [];
-                    bold = false;
-                    underline = false;
-                    inverse = false;
-                    break;
-                case 1:
-                case 5:
-                    bold = true;
-                    break;
-                case 4:
-                    underline = true;
-                    break;
-                case 7:
-                    inverse = true;
-                    break;
-                case 21:
-                case 22:
-                    bold = false;
-                    break;
-                case 24:
-                    underline = false;
-                    break;
-                case 27:
-                    inverse = false;
-                    break;
-                case 30:
-                case 31:
-                case 32:
-                case 33:
-                case 34:
-                case 35:
-                case 36:
-                case 37:
-                    fg = n - 30;
-                    break;
-                case 38:
-                    try {
-                        fg = getExtendedColors(numbers);
-                    } catch (e) {
-                        numbers.length = 0;
-                    }
-                    break;
-                case 39:
-                    fg = [];
-                    break;
-                case 40:
-                case 41:
-                case 42:
-                case 43:
-                case 44:
-                case 45:
-                case 46:
-                case 47:
-                    bg = n - 40;
-                    break;
-                case 48:
-                    try {
-                        bg = getExtendedColors(numbers);
-                    } catch (e) {
-                        numbers.length = 0;
-                    }
-                    break;
-                case 49:
-                    bg = [];
-                    break;
-                case 90:
-                case 91:
-                case 92:
-                case 93:
-                case 94:
-                case 95:
-                case 96:
-                case 97:
-                    fg = n - 90 + 8;
-                    break;
-                case 100:
-                case 101:
-                case 102:
-                case 103:
-                case 104:
-                case 105:
-                case 106:
-                case 107:
-                    bg = n - 100 + 8;
-                    break;
-                default:
-                // Unknown codes are ignored
-            }
-        }
-    }
-    return out.join('');
-}

solara/server/static/highlight-dark.css

@@ -1,82 +0,0 @@
-/* generated using: pygmentize -S vs -f html -S one-dark -a ".theme--dark.v-application .highlight" >! solara/server/static/highlight-dark.css
-   and then remove the overlapping first lines with highlight.css
-*/
-.theme--dark.v-application .highlight .hll { background-color: #ffffcc }
-.theme--dark.v-application .highlight { background: #282C34; color: #ABB2BF }
-.theme--dark.v-application .highlight .c { color: #7F848E } /* Comment */
-.theme--dark.v-application .highlight .err { color: #ABB2BF } /* Error */
-.theme--dark.v-application .highlight .esc { color: #ABB2BF } /* Escape */
-.theme--dark.v-application .highlight .g { color: #ABB2BF } /* Generic */
-.theme--dark.v-application .highlight .k { color: #C678DD } /* Keyword */
-.theme--dark.v-application .highlight .l { color: #ABB2BF } /* Literal */
-.theme--dark.v-application .highlight .n { color: #E06C75 } /* Name */
-.theme--dark.v-application .highlight .o { color: #56B6C2 } /* Operator */
-.theme--dark.v-application .highlight .x { color: #ABB2BF } /* Other */
-.theme--dark.v-application .highlight .p { color: #ABB2BF } /* Punctuation */
-.theme--dark.v-application .highlight .ch { color: #7F848E } /* Comment.Hashbang */
-.theme--dark.v-application .highlight .cm { color: #7F848E } /* Comment.Multiline */
-.theme--dark.v-application .highlight .cp { color: #7F848E } /* Comment.Preproc */
-.theme--dark.v-application .highlight .cpf { color: #7F848E } /* Comment.PreprocFile */
-.theme--dark.v-application .highlight .c1 { color: #7F848E } /* Comment.Single */
-.theme--dark.v-application .highlight .cs { color: #7F848E } /* Comment.Special */
-.theme--dark.v-application .highlight .gd { color: #ABB2BF } /* Generic.Deleted */
-.theme--dark.v-application .highlight .ge { color: #ABB2BF } /* Generic.Emph */
-.theme--dark.v-application .highlight .gr { color: #ABB2BF } /* Generic.Error */
-.theme--dark.v-application .highlight .gh { color: #ABB2BF } /* Generic.Heading */
-.theme--dark.v-application .highlight .gi { color: #ABB2BF } /* Generic.Inserted */
-.theme--dark.v-application .highlight .go { color: #ABB2BF } /* Generic.Output */
-.theme--dark.v-application .highlight .gp { color: #ABB2BF } /* Generic.Prompt */
-.theme--dark.v-application .highlight .gs { color: #ABB2BF } /* Generic.Strong */
-.theme--dark.v-application .highlight .gu { color: #ABB2BF } /* Generic.Subheading */
-.theme--dark.v-application .highlight .gt { color: #ABB2BF } /* Generic.Traceback */
-.theme--dark.v-application .highlight .kc { color: #E5C07B } /* Keyword.Constant */
-.theme--dark.v-application .highlight .kd { color: #C678DD } /* Keyword.Declaration */
-.theme--dark.v-application .highlight .kn { color: #C678DD } /* Keyword.Namespace */
-.theme--dark.v-application .highlight .kp { color: #C678DD } /* Keyword.Pseudo */
-.theme--dark.v-application .highlight .kr { color: #C678DD } /* Keyword.Reserved */
-.theme--dark.v-application .highlight .kt { color: #E5C07B } /* Keyword.Type */
-.theme--dark.v-application .highlight .ld { color: #ABB2BF } /* Literal.Date */
-.theme--dark.v-application .highlight .m { color: #D19A66 } /* Literal.Number */
-.theme--dark.v-application .highlight .s { color: #98C379 } /* Literal.String */
-.theme--dark.v-application .highlight .na { color: #E06C75 } /* Name.Attribute */
-.theme--dark.v-application .highlight .nb { color: #E5C07B } /* Name.Builtin */
-.theme--dark.v-application .highlight .nc { color: #E5C07B } /* Name.Class */
-.theme--dark.v-application .highlight .no { color: #E06C75 } /* Name.Constant */
-.theme--dark.v-application .highlight .nd { color: #61AFEF } /* Name.Decorator */
-.theme--dark.v-application .highlight .ni { color: #E06C75 } /* Name.Entity */
-.theme--dark.v-application .highlight .ne { color: #E06C75 } /* Name.Exception */
-.theme--dark.v-application .highlight .nf { color: #61AFEF; font-weight: bold } /* Name.Function */
-.theme--dark.v-application .highlight .nl { color: #E06C75 } /* Name.Label */
-.theme--dark.v-application .highlight .nn { color: #E06C75 } /* Name.Namespace */
-.theme--dark.v-application .highlight .nx { color: #E06C75 } /* Name.Other */
-.theme--dark.v-application .highlight .py { color: #E06C75 } /* Name.Property */
-.theme--dark.v-application .highlight .nt { color: #E06C75 } /* Name.Tag */
-.theme--dark.v-application .highlight .nv { color: #E06C75 } /* Name.Variable */
-.theme--dark.v-application .highlight .ow { color: #56B6C2 } /* Operator.Word */
-.theme--dark.v-application .highlight .p-Marker { color: #ABB2BF } /* Punctuation.Marker */
-.theme--dark.v-application .highlight .w { color: #ABB2BF } /* Text.Whitespace */
-.theme--dark.v-application .highlight .mb { color: #D19A66 } /* Literal.Number.Bin */
-.theme--dark.v-application .highlight .mf { color: #D19A66 } /* Literal.Number.Float */
-.theme--dark.v-application .highlight .mh { color: #D19A66 } /* Literal.Number.Hex */
-.theme--dark.v-application .highlight .mi { color: #D19A66 } /* Literal.Number.Integer */
-.theme--dark.v-application .highlight .mo { color: #D19A66 } /* Literal.Number.Oct */
-.theme--dark.v-application .highlight .sa { color: #98C379 } /* Literal.String.Affix */
-.theme--dark.v-application .highlight .sb { color: #98C379 } /* Literal.String.Backtick */
-.theme--dark.v-application .highlight .sc { color: #98C379 } /* Literal.String.Char */
-.theme--dark.v-application .highlight .dl { color: #98C379 } /* Literal.String.Delimiter */
-.theme--dark.v-application .highlight .sd { color: #98C379 } /* Literal.String.Doc */
-.theme--dark.v-application .highlight .s2 { color: #98C379 } /* Literal.String.Double */
-.theme--dark.v-application .highlight .se { color: #98C379 } /* Literal.String.Escape */
-.theme--dark.v-application .highlight .sh { color: #98C379 } /* Literal.String.Heredoc */
-.theme--dark.v-application .highlight .si { color: #98C379 } /* Literal.String.Interpol */
-.theme--dark.v-application .highlight .sx { color: #98C379 } /* Literal.String.Other */
-.theme--dark.v-application .highlight .sr { color: #98C379 } /* Literal.String.Regex */
-.theme--dark.v-application .highlight .s1 { color: #98C379 } /* Literal.String.Single */
-.theme--dark.v-application .highlight .ss { color: #98C379 } /* Literal.String.Symbol */
-.theme--dark.v-application .highlight .bp { color: #E5C07B } /* Name.Builtin.Pseudo */
-.theme--dark.v-application .highlight .fm { color: #56B6C2; font-weight: bold } /* Name.Function.Magic */
-.theme--dark.v-application .highlight .vc { color: #E06C75 } /* Name.Variable.Class */
-.theme--dark.v-application .highlight .vg { color: #E06C75 } /* Name.Variable.Global */
-.theme--dark.v-application .highlight .vi { color: #E06C75 } /* Name.Variable.Instance */
-.theme--dark.v-application .highlight .vm { color: #E06C75 } /* Name.Variable.Magic */
-.theme--dark.v-application .highlight .il { color: #D19A66 } /* Literal.Number.Integer.Long */

solara/server/static/highlight.css

@@ -1,43 +0,0 @@
-pre { line-height: 125%; }
-td.linenos .normal { color: inherit; background-color: transparent; padding-left: 5px; padding-right: 5px; }
-span.linenos { color: inherit; background-color: transparent; padding-left: 5px; padding-right: 5px; }
-td.linenos .special { color: #000000; background-color: #ffffc0; padding-left: 5px; padding-right: 5px; }
-span.linenos.special { color: #000000; background-color: #ffffc0; padding-left: 5px; padding-right: 5px; }
-.highlight .hll { background-color: #ffffcc }
-.highlight { background: rgb(249 249 249); }
-.highlight .c { color: #008000 } /* Comment */
-.highlight .err { border: 1px solid #FF0000 } /* Error */
-.highlight .k { color: #0000ff } /* Keyword */
-.highlight .ch { color: #008000 } /* Comment.Hashbang */
-.highlight .cm { color: #008000 } /* Comment.Multiline */
-.highlight .cp { color: #0000ff } /* Comment.Preproc */
-.highlight .cpf { color: #008000 } /* Comment.PreprocFile */
-.highlight .c1 { color: #008000 } /* Comment.Single */
-.highlight .cs { color: #008000 } /* Comment.Special */
-.highlight .ge { font-style: italic } /* Generic.Emph */
-.highlight .gh { font-weight: bold } /* Generic.Heading */
-.highlight .gp { font-weight: bold } /* Generic.Prompt */
-.highlight .gs { font-weight: bold } /* Generic.Strong */
-.highlight .gu { font-weight: bold } /* Generic.Subheading */
-.highlight .kc { color: #0000ff } /* Keyword.Constant */
-.highlight .kd { color: #0000ff } /* Keyword.Declaration */
-.highlight .kn { color: #0000ff } /* Keyword.Namespace */
-.highlight .kp { color: #0000ff } /* Keyword.Pseudo */
-.highlight .kr { color: #0000ff } /* Keyword.Reserved */
-.highlight .kt { color: #2b91af } /* Keyword.Type */
-.highlight .s { color: #a31515 } /* Literal.String */
-.highlight .nc { color: #2b91af } /* Name.Class */
-.highlight .ow { color: #0000ff } /* Operator.Word */
-.highlight .sa { color: #a31515 } /* Literal.String.Affix */
-.highlight .sb { color: #a31515 } /* Literal.String.Backtick */
-.highlight .sc { color: #a31515 } /* Literal.String.Char */
-.highlight .dl { color: #a31515 } /* Literal.String.Delimiter */
-.highlight .sd { color: #a31515 } /* Literal.String.Doc */
-.highlight .s2 { color: #a31515 } /* Literal.String.Double */
-.highlight .se { color: #a31515 } /* Literal.String.Escape */
-.highlight .sh { color: #a31515 } /* Literal.String.Heredoc */
-.highlight .si { color: #a31515 } /* Literal.String.Interpol */
-.highlight .sx { color: #a31515 } /* Literal.String.Other */
-.highlight .sr { color: #a31515 } /* Literal.String.Regex */
-.highlight .s1 { color: #a31515 } /* Literal.String.Single */
-.highlight .ss { color: #a31515 } /* Literal.String.Symbol */

solara/server/static/main-vuetify.js

@@ -1,260 +0,0 @@
-
-var jupyterWidgetMountPoint = {
-    data() {
-        return {
-            renderFn: undefined,
-            elem: undefined,
-        }
-    },
-    props: ['mount-id'],
-    created() {
-        requestWidget(this.mountId);
-    },
-    mounted() {
-        const vue3 = Vue.version.startsWith('3');
-        requestWidget(this.mountId)
-            .then(widgetView => {
-                if (['VuetifyView', 'VuetifyTemplateView'].includes(widgetView.model.get('_view_name'))) {
-                    this.renderFn = createElement => widgetView.vueRender(createElement);
-                } else {
-                    while (this.$el.firstChild) {
-                        this.$el.removeChild(this.$el.firstChild);
-                    }
-
-                    requirejs(['@jupyter-widgets/base'], widgets =>
-                        widgets.JupyterPhosphorWidget.attach(widgetView.pWidget, this.$el)
-                    );
-                }
-            }
-            );
-    },
-    render(createElement) {
-        // in vue3 we have Vue.h, otherwise fall back to createElement (vue2)
-        let h = Vue.h || createElement;
-        if (this.renderFn) {
-            /* workaround for v-menu click */
-            if (!this.elem) {
-                this.elem = this.renderFn(createElement);
-            }
-            return this.elem;
-        }
-        return h('div', this.$slots.default ||
-            [h('v-chip', `[${this.mountId}]`)]);
-    }
-};
-
-const widgetResolveFns = {};
-const widgetPromises = {};
-
-function provideWidget(mountId, widgetView) {
-    if (widgetResolveFns[mountId]) {
-        widgetResolveFns[mountId](widgetView);
-    } else {
-        widgetPromises[mountId] = Promise.resolve(widgetView);
-    }
-}
-
-function requestWidget(mountId) {
-    if (!widgetPromises[mountId]) {
-        widgetPromises[mountId] = new Promise(resolve => widgetResolveFns[mountId] = resolve);
-    }
-    return widgetPromises[mountId];
-}
-
-function injectDebugMessageInterceptor(kernel) {
-    const _original_handle_message = kernel._handleMessage.bind(kernel)
-    kernel._handleMessage = ((msg) => {
-        if (msg.msg_type === 'error') {
-            app.$data.solaraDebugMessages.push({
-                cell: '_',
-                traceback: msg.content.traceback.map(line => ansiSpan(_.escape(line)))
-            });
-        } else if (msg.msg_type === 'stream' && (msg.content['name'] === 'stdout' || msg.content['name'] === 'stderr')) {
-            app.$data.solaraDebugMessages.push({
-                cell: '_',
-                name: msg.content.name,
-                text: msg.content.text
-            });
-        }
-        return _original_handle_message(msg);
-    })
-}
-
-
-function getCookiesMap(cookiesString) {
-    return cookiesString.split(";")
-        .map(function (cookieString) {
-            return cookieString.trim().split("=");
-        })
-        .reduce(function (acc, curr) {
-            acc[curr[0]] = curr[1];
-            return acc;
-        }, {});
-}
-const COOKIE_KEY_CONTEXT_ID = 'solara-session-id'
-
-
-// from https://gist.github.com/outbreak/316637cde245160c2579898b21837c1c
-function generateUuid() {
-    function getRandomSymbol(symbol) {
-        var array;
-
-        if (symbol === 'y') {
-            array = ['8', '9', 'a', 'b'];
-            return array[Math.floor(Math.random() * array.length)];
-        }
-
-        array = new Uint8Array(1);
-        window.crypto.getRandomValues(array);
-        return (array[0] % 16).toString(16);
-    }
-    return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, getRandomSymbol);
-}
-
-async function solaraInit(mountId, appName) {
-    console.log('solara init', mountId, appName);
-    define("vue", [], () => Vue);
-    define("vuetify", [], () => Vuetify);
-    cookies = getCookiesMap(document.cookie);
-    const searchParams = new URLSearchParams(window.location.search);
-    let kernelId = searchParams.get('kernelid') || generateUuid()
-    let unloading = false;
-    window.addEventListener('beforeunload', function (e) {
-        unloading = true;
-        kernel.dispose()
-        // allow to opt-out to make testing easier
-        if (!searchParams.has('solara-no-close-beacon')) {
-            window.navigator.sendBeacon(close_url);
-        }
-    });
-    let kernel = await solara.connectKernel(solara.rootPath + '/jupyter', kernelId)
-    if (!kernel) {
-        return;
-    }
-    const close_url = `${solara.rootPath}/_solara/api/close/${kernelId}?session_id=${kernel.clientId}`;
-    let skipReconnectedCheck = true;
-    kernel.statusChanged.connect(() => {
-        app.$data.kernelBusy = kernel.status == 'busy';
-    });
-
-    window.addEventListener('solara.router', function (event) {
-        app.$data.loadingPage = true;
-    });
-    kernel.statusChanged.connect(() => {
-        // the first idle after a loadingPage == true (a router event)
-        // will be used as indicator that the page is loaded
-        if (app.$data.loadingPage && kernel.status == 'idle') {
-            app.$data.loadingPage = false;
-        }
-    });
-
-
-    kernel.connectionStatusChanged.connect((s) => {
-        if (unloading) {
-            // we don't want to show ui changes when hitting refresh
-            return;
-        }
-        app.$data.connectionStatus = s.connectionStatus;
-        if (s.connectionStatus == 'connected') {
-            app.$data.wasConnected = true;
-        }
-        if (s.connectionStatus == 'connected' && !skipReconnectedCheck) {
-            (async () => {
-                if (app.$data.needsRefresh) {
-                    // give up
-                    return;
-                }
-                // if we are reconnected, we expected the app to be in a started
-                // state. If it is not started, we will shutdown the kernel and
-                // Recommend to refresh the page. This situation can happen if
-                // we reconnect to a different node/worker, or when the server
-                // was restarted.
-                const status = await widgetManager.appStatus()
-                if (!status.started) {
-                    app.$data.needsRefresh = true;
-                    await solara.shutdownKernel(kernel);
-                } else {
-                    await widgetManager.fetchAll();
-                }
-            })();
-        }
-    })
-    const context = {
-        sessionContext: {
-            session: {
-                kernel,
-                kernelChanged: {
-                    connect: () => {
-                    }
-                },
-            },
-            statusChanged: {
-                connect: () => {
-                }
-            },
-            kernelChanged: {
-                connect: () => {
-                }
-            },
-            connectionStatusChanged: {
-                connect: (s) => {
-                }
-            },
-        },
-        saveState: {
-            connect: () => {
-            }
-        },
-    };
-
-    const settings = {
-        saveState: false
-    };
-
-    // override the latexTypesetter to use katex, in case there are any libraries that
-    // make use of that.
-    const rendermime = new solara.RenderMimeRegistry({
-        initialFactories: solara.extendedRendererFactories,
-        latexTypesetter: new solara.KatexTypesetter(),
-    });
-
-    let widgetManager = new solara.WidgetManager(context, rendermime, settings);
-    // it seems if we attach this to early, it will not be called
-    app.$data.loading_text = 'Loading app';
-    const path = window.location.pathname.slice(solara.rootPath.length) + window.location.search;
-    let widgetModelId = searchParams.get('modelid');
-    // if kernelid and modelid are given as query parameters, we will use them
-    // instead of running the current solara app. This allows usage such as
-    // ipypopout, which reconnects to an existing kernel and shows a particular
-    // widget.
-    if (kernelId && widgetModelId) {
-        await widgetManager.fetchAll();
-    } else {
-        widgetModelId = await widgetManager.run(appName, {path, dark: inDarkMode(), themes: vuetifyThemes});
-    }
-    await solaraMount(widgetManager, mountId || 'content', widgetModelId);
-    skipReconnectedCheck = false;
-    solara.renderKatex();
-}
-
-async function solaraMount(widgetManager, mountId, modelId) {
-    console.log(`will mount widget with id ${modelId} at mount id ${mountId}`)
-
-    async function init() {
-        await Promise.all(Object.values(widgetManager._models).map(async (modelPromise) => {
-            const model = await modelPromise;
-            if (model.model_id == modelId) {
-                const view = await widgetManager.create_view(model);
-                provideWidget(mountId, view);
-            }
-        }));
-        app.$data.loadingPercentage = 0;
-        app.$data.loading_text = 'Done';
-        app.$data.loading = false;
-    }
-    if (document.readyState === 'complete') {
-        init()
-    } else {
-        window.addEventListener('load', init);
-    }
-}