Migration from 0.55 to 0.8: the browser doesn't load anything #1406

pgagarinov · 2021-04-30T09:25:14Z

pgagarinov
Apr 30, 2021

Hello, I've upgraded my app from v0.55 to v0.88, after I start the app there is no any errors neither on the server side nor in the browser. However, the browser just doesn't load any thing, shows a blank page.

This is how things look like on the server side:

def make_app(df, port):
    # Create an instance of `PerspectiveManager` and a table.
    manager = PerspectiveManager()


    df_table = df2table(df)

    def perspective_thread(manager):
        """Perspective application thread starts its own tornado IOLoop, and
        adds the table with the name "data_source_one", which will be used
        in the front-end."""
        psp_loop = tornado.ioloop.IOLoop()
        manager.set_loop_callback(psp_loop.add_callback)
        manager.host_table("data_source_metric_values_raw", df_table)
        psp_loop.start()


    thread = threading.Thread(target=perspective_thread, args=(manager,))
    thread.daemon = True
    thread.start()


    return tornado.web.Application(
        [
            (r"/", MainHandler, {"port": port}),
            # create a websocket endpoint that the client Javascript can access
            (
                r"/websocket",
                PerspectiveTornadoHandler,
                {"manager": manager, "check_origin": True},
            ),
            (
                r"/(.*)",
                tornado.web.StaticFileHandler,
                {"path": "./", "default_filename": "index.html"},
            ),
        ],
        debug=True,
    )

And this is how the front end side looks like:

<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <link rel='stylesheet' href="https://unpkg.com/@finos/perspective-workspace/dist/umd/material.dark.css">
    <script src="https://unpkg.com/@finos/perspective-workspace/dist/umd/perspective-workspace.js"></script>
    <script src="https://unpkg.com/@finos/[email protected]"></script>
    <script src="https://unpkg.com/@finos/[email protected]"></script>
    <script src="https://unpkg.com/@finos/perspective/dist/umd/perspective.js"></script>

    <style>

        body {
            display: flex;
            flex-direction: column;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            margin: 0;
            padding: 0;
            overflow: hidden;
        }
    </style>

</head>

<body>
<perspective-workspace id="workspace"></perspective-workspace>

<script>

    window.addEventListener('WebComponentsReady', async function () {
        // Create two perspective interfaces, one remotely via WebSocket,
        // and one local via WebWorker.
        const websocket = perspective.websocket(
            "ws://{{listening_ip}}:{{listening_port}}/websocket");
        const worker = perspective.worker();
        worker.initialize_profile_thread();

        const metric_values_view_raw = websocket.open_view('data_source_metric_values_raw');
        const table_metric_values_raw = worker.table(metric_values_view_raw);

        //const plugin = window.getPlugin("d3_heatmap");
        //plugin.max_cells = 10000;
        //plugin.max_columns = 200;
        window.workspace.tables.set("metric_values_raw", table_metric_values_raw);

        window.workspace.restore({
            sizes: [1],
            detail: {
                main: {
                    type: "split-area",
                    orientation: "vertical",
                    children: [
                        {
                            type: "tab-area",

I had to replace host_view with host_table on the server side and update the dependencies on the front end.

Are you aware of any other changes that might be needed to make this work on perspective 0.8?

Answered by texodus

Apr 30, 2021

As of v0.7.0, the "WebComponentsReady" event no longer fires, as we no longer dist the webcomponentsjs polyfill. Instead use the browser-native "DOMContentLoaded" if you need to initialize perspective from a <script> tag.

window.addEventListener("DOMContentLoaded", async function () {
    // ..
});

There is also another JS regression in your init callback I believe

const metric_values_view_raw = websocket.open_view('data_source_metric_values_raw');

open_view() was similarly removed, you should use use open_table() and table.view() on the remote table. If you need a big-picture guide to the latest API, the python example projects in the repo's examples/ dir are updated with these breaking …

View full answer

texodus · 2021-04-30T18:27:40Z

texodus
Apr 30, 2021
Maintainer

As of v0.7.0, the "WebComponentsReady" event no longer fires, as we no longer dist the webcomponentsjs polyfill. Instead use the browser-native "DOMContentLoaded" if you need to initialize perspective from a <script> tag.

window.addEventListener("DOMContentLoaded", async function () {
    // ..
});

There is also another JS regression in your init callback I believe

const metric_values_view_raw = websocket.open_view('data_source_metric_values_raw');

open_view() was similarly removed, you should use use open_table() and table.view() on the remote table. If you need a big-picture guide to the latest API, the python example projects in the repo's examples/ dir are updated with these breaking API changes

1 reply

pgagarinov May 21, 2021
Author

Thanks, everything works now.

However, on the backend side I now see the following error messages:

ERROR:root:[PerspectiveManager._process_subscribe] 'NoneType' object has no attribute 'remove_update'

@texodus do you have any ideas why that might be? Thanks in advance!

texodus · 2021-05-22T19:41:03Z

texodus
May 22, 2021
Maintainer

Error messages are completely meaningless without a repro; as noted in the parent, please start with the non-erroring python examples, and open a new thread with your minimum-viable-repro of the issue (so others may index it).

0 replies

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Migration from 0.55 to 0.8: the browser doesn't load anything #1406

{{title}}

Replies: 2 comments 1 reply

{{title}}

{{editor}}'s edit

{{editor}}'s edit

{{title}}

{{title}}

{{editor}}'s edit

{{editor}}'s edit

Select a reply

Migration from 0.55 to 0.8: the browser doesn't load anything #1406

pgagarinov Apr 30, 2021

Replies: 2 comments · 1 reply

texodus Apr 30, 2021 Maintainer

pgagarinov May 21, 2021 Author

texodus May 22, 2021 Maintainer

pgagarinov
Apr 30, 2021

Replies: 2 comments 1 reply

texodus
Apr 30, 2021
Maintainer

pgagarinov May 21, 2021
Author

texodus
May 22, 2021
Maintainer