search

Samantha-uk / one

One - A monorepo. Home of Zigzag.
17 stars 17 forks source link

Visualisation not working #3

Closed Thomas55555 closed 3 years ago

Thomas55555 commented 3 years ago

I installed the panel, but I only see the header containing "ZOOM TO FIT", "AUTO LAYOUT" and "UNLOCK ALL". But there is no content. Seems to be related to WebGL maybe... For testing I visited these sites, and everything works: https://get.webgl.org/ https://pixijs.io/examples/#/demos-basic/container.js

Desktop (please complete the following information):

Additional context Here is the log of the browser:

�[90mZigzag�[39m �[90m[plugin]�[39m ℹ Looking for /local/zigzag/plugins/plugin-data-zha.esm.js. zigzag-wc.esm.js:6869:16
[Passman extension] Stopping, vault key not set inject.js:400:29
�[90mZigzag�[39m �[90m[plugin]�[39m ✅ loaded �[32m�[1m/local/zigzag/plugins/plugin-data-zha.esm.js�[22m�[39m. zigzag-wc.esm.js:6872:16
�[90mZigzag�[39m �[90m[plugin]�[39m ℹ Looking for /local/zigzag/plugins/plugin-layout-d3.esm.js. zigzag-wc.esm.js:6869:16
�[90mZigzag�[39m �[90m[plugin]�[39m ✅ loaded �[32m�[1m/local/zigzag/plugins/plugin-layout-d3.esm.js�[22m�[39m. zigzag-wc.esm.js:6872:16
�[90mZigzag�[39m �[90m[plugin]�[39m ℹ Looking for /local/zigzag/plugins/plugin-render-three.esm.js. zigzag-wc.esm.js:6869:16
�[90mZigzag�[39m �[90m[plugin]�[39m ✅ loaded �[32m�[1m/local/zigzag/plugins/plugin-render-three.esm.js�[22m�[39m. zigzag-wc.esm.js:6872:16
XML Parsing Error: no root element found
Location: http://192.168.178.6:8123/zigzag
Line Number 1, Column 546: zigzag:1:546
Uncaught (in promise) TypeError: _loader.parse(...).paths[0] is undefined
    _createIconMeshFromSVGPath plugin-render-three.esm.js:72348
    _getIconInstance plugin-render-three.ts:770
    addNodeIcon plugin-render-three.ts:325
    _setIcon zigzag-wc.esm.js:9986
    ZigWidget zigzag-wc.esm.js:9926
    _zigCreateWidgets zigzag-wc.esm.js:10336
    _zigCreateWidgets zigzag-wc.esm.js:10335
    start zigzag-wc.esm.js:10124
    _startGrapher zigzag-wc.esm.js:11114
    firstUpdated zigzag-wc.esm.js:11069
    firstUpdated zigzag-panel.ts:38
    performUpdate zigzag-wc.esm.js:2168
    _enqueueUpdate zigzag-wc.esm.js:2104
    requestUpdateInternal zigzag-wc.esm.js:2070
    initialize zigzag-wc.esm.js:1922
    initialize zigzag-wc.esm.js:2629
    UpdatingElement zigzag-wc.esm.js:1686
    LitElement zigzag-wc.esm.js:2561
    ZigzagWC zigzag-wc.esm.js:11052
    ZigzagPanel zigzag-panel.esm.js:11420
    r chunk.fd676b7a45305bcf907b.js:1
    value chunk.fd676b7a45305bcf907b.js:1
    promise callback*value chunk.fd676b7a45305bcf907b.js:1
    value chunk.fd676b7a45305bcf907b.js:1
    performUpdate app.e45b0549.js:10297
    _enqueueUpdate app.e45b0549.js:10297
    requestUpdateInternal app.e45b0549.js:10297
    initialize app.e45b0549.js:10297
    C app.e45b0549.js:10297
    r chunk.fd676b7a45305bcf907b.js:1
    value app.e45b0549.js:39363
    value app.e45b0549.js:39363
    _currentLoadProm app.e45b0549.js:39363
    promise callback*value app.e45b0549.js:39363
    performUpdate app.e45b0549.js:10297
    _enqueueUpdate app.e45b0549.js:10297
    requestUpdateInternal app.e45b0549.js:10297
    set app.e45b0549.js:10297
    value app.e45b0549.js:39363
    value app.e45b0549.js:43637
    value app.e45b0549.js:43637
    performUpdate app.e45b0549.js:10297
    _enqueueUpdate app.e45b0549.js:10297
    requestUpdateInternal app.e45b0549.js:10297
    initialize app.e45b0549.js:10297
    C app.e45b0549.js:10297
    r app.e45b0549.js:39363
    r app.e45b0549.js:43637
    _clone app.e45b0549.js:10297
    __commitTemplateResult app.e45b0549.js:10297
    commit app.e45b0549.js:10297
    a app.e45b0549.js:10297
    render app.e45b0549.js:10297
    update app.e45b0549.js:10297
    performUpdate app.e45b0549.js:10297
    _enqueueUpdate app.e45b0549.js:10297
    requestUpdateInternal app.e45b0549.js:10297
    initialize app.e45b0549.js:10297
    initialize app.e45b0549.js:10297
    C app.e45b0549.js:10297
plugin-render-three.esm.js:72348:1
The resource at “http://192.168.178.6:8123/frontend_latest/core.87e3602e.js” preloaded with link preload was not used within a few seconds. Make sure all attributes of the preload tag are set correctly. zigzag
The resource at “http://192.168.178.6:8123/frontend_latest/app.e45b0549.js” preloaded with link preload was not used within a few seconds. Make sure all attributes of the preload tag are set correctly. zigzag
The resource at “http://192.168.178.6:8123/static/fonts/roboto/Roboto-Regular.woff2” preloaded with link preload was not used within a few seconds. Make sure all attributes of the preload tag are set correctly. zigzag
The resource at “http://192.168.178.6:8123/static/fonts/roboto/Roboto-Medium.woff2” preloaded with link preload was not used within a few seconds. Make sure all attributes of the preload tag are set correctly. zigzag
Firefox can’t establish a connection to the server at ws://192.168.178.6:8123/api/websocket. 4 core.87e3602e.js:1
�[90mZigzag�[39m �[90m[plugin]�[39m ℹ Looking for /local/zigzag/plugins/plugin-data-zha.esm.js. zigzag-wc.esm.js:6869:16
�[90mZigzag�[39m �[90m[plugin]�[39m ✅ loaded �[32m�[1m/local/zigzag/plugins/plugin-data-zha.esm.js�[22m�[39m. zigzag-wc.esm.js:6872:16
�[90mZigzag�[39m �[90m[plugin]�[39m ℹ Looking for /local/zigzag/plugins/plugin-layout-d3.esm.js. zigzag-wc.esm.js:6869:16
�[90mZigzag�[39m �[90m[plugin]�[39m ✅ loaded �[32m�[1m/local/zigzag/plugins/plugin-layout-d3.esm.js�[22m�[39m. zigzag-wc.esm.js:6872:16
�[90mZigzag�[39m �[90m[plugin]�[39m ℹ Looking for /local/zigzag/plugins/plugin-render-pixi.esm.js. zigzag-wc.esm.js:6869:16
Failed to create WebGL context: failIfMajorPerformanceCaveat: Compositor is not hardware-accelerated. utils.es.js:106:33
Failed to create WebGL context: failIfMajorPerformanceCaveat: Compositor is not hardware-accelerated. utils.es.js:107:30
�[90mZigzag�[39m �[90m[plugin]�[39m ‼ unable to load plugin /local/zigzag/plugins/plugin-render-pixi.esm.js due to Error: WebGL unsupported in this browser, use "pixi.js-legacy" for fallback canvas2d support.. zigzag-wc.esm.js:6866:16
Uncaught (in promise) Error: WebGL unsupported in this browser, use "pixi.js-legacy" for fallback canvas2d support.
    create core.es.js:9796
    autoDetectRenderer core.es.js:9969
    RenderPlugin plugin-render-pixi.ts:127
    createPlugin plugin-render-pixi.ts:658
    PluginLoader zigzag-wc.esm.js:9554
core.es.js:9796:14
DrCoolzic commented 3 years ago

Exact same problem OS: Windows 10 version 2004 (19041.685) - 64 bit Browsers tested: Chrome / Edge / Opera With plugin_render type pixi : no content other than 3 commands on top With plugin_render type three : Display works see https://community.home-assistant.io/t/zigzag-panel-showing-no-graph/263918

Thomas55555 commented 3 years ago

I also tested it with "three", but that's also not working.

DrCoolzic commented 3 years ago

In my case 'three' is working. see reference above for picture

Samantha-uk commented 3 years ago

@Thomas55555, thanks for reporting this issue. I am able to replicate it ... very odd, I will investigate the cause and if possible put together a solution.

Samantha-uk commented 3 years ago

@Thomas55555 I believe that the changes in 0.2.0-alpha-0.7 will resolve the issues with plugin-render-pixi ... could you let me know if it does for you?

DrCoolzic commented 3 years ago

I guess the fixes are for problem reported by @Thomas55555 Just downloaded the plugin-render-pixi.esm.js and plugin-render-pixi.esm.js.map but did not change anything for my problem

Samantha-uk commented 3 years ago

@DrCoolzic ... darn! Yours may be a subtly different issues or something totally different. Could I trouble you to open a new issue and include a copy of your browser console log? I can then investigate (and hopefully remedy) that issue.

DrCoolzic commented 3 years ago

Sure I can open a different issue. I am mainly using Chrome browser on Windows 10 and sorry but I do not know how to generate/find the browser console log? But I will try to do that tomorrow

Samantha-uk commented 3 years ago

Thank you. Finding Your Browser's Developer Console has details for most browsers on how to find the console.

Thomas55555 commented 3 years ago

Thank you. It's working now. But I still get a warning: Failed to create WebGL context: failIfMajorPerformanceCaveat: Compositor is not hardware-accelerated. But it doesn't matter.