@AlbertShown Upon investigation, imho, the problem relates less to using webui, but more to using the vega-embed CDN script. For example, the same problem occurs with the original webui library.

webui C code

#include "webui.h"

int main() {
  const char *html = "<!DOCTYPE html>"
      "<html>"
      "  <head>"
      "    <script src=\"https://cdn.jsdelivr.net/npm/vega@5.20.2\"></script>"
      "    <script src=\"https://cdn.jsdelivr.net/npm/vega-lite@5.1.0\"></script>"
      "    <script src=\"https://cdn.jsdelivr.net/npm/vega-embed@6.17.0\"></script>"
      "    <script src=\"webui.js\"></script>"
      "  </head>"
      "  <body>"
      "    <a href=\"https://www.w3schools.com\" target=\"_blank\">Visit W3Schools.com!</a>"
      "    <p>My First plot</p>"
      "    <br>"
      "    <div id=\"vis\"></div>"
      "  <script>"
      "    let FirstPlot = {"
      "        $schema: \"https://vega.github.io/schema/vega-lite/v5.json\","
      "        data: {"
      "          values: ["
      "            {Languages: \"Python\", Values: 2},"
      "            {Languages: \"Python\", Values: 3},"
      "            {Languages: \"Python\", Values: 2},"
      "            {Languages: \"JavaScript\", Values: 4},"
      "            {Languages: \"Perl\", Values: 2}          ]"
      "        },"
      "        mark: \"bar\","
      "        encoding: {"
      "          x: {field: \"Values\", type: \"quantitative\"},"
      "          y: {field: \"Languages\", type: \"ordinal\"}"
      ""
      "        }"
      "      };"
      "      vegaEmbed(\"#vis\", FirstPlot);"
      "  </script>"
      "</body>"
      "</html>";

  size_t w = webui_new_window();

  webui_show(w, html);
  webui_wait();
  webui_clean();

  return 0;
}

The error could be handled more gracefully though instead of crashing. For example, with webview, the 'Save as SVG' menu item doesn't work, but it doesn't crash.

webview V code

import ttytm.webview as ui

const html = '<!DOCTYPE html>
<html lang="en">
  <head>
    <script src="https://cdn.jsdelivr.net/npm/vega@5.20.2"></script>
    <script src="https://cdn.jsdelivr.net/npm/vega-lite@5.1.0"></script>
    <script src="https://cdn.jsdelivr.net/npm/vega-embed@6.17.0"></script>
  </head>
  <body>
    <a href="https://www.w3schools.com" target="_blank">Visit W3Schools.com!</a>
    <p>My First plot</p>
    <br>
    <div id="vis"></div>
  <script>
    let FirstPlot = {
        \$schema: "https://vega.github.io/schema/vega-lite/v5.json",
        data: {
          values: [
            {Languages: "Python", Values: 2},
            {Languages: "Python", Values: 3},
            {Languages: "Python", Values: 2},
            {Languages: "JavaScript", Values: 4},
            {Languages: "Perl", Values: 2}          ]
        },
        mark: "bar",
        encoding: {
          x: {field: "Values", type: "quantitative"},
          y: {field: "Languages", type: "ordinal"}

        }
      };
      vegaEmbed("#vis", FirstPlot);
  </script>
</body>
</html>'

w := ui.create(debug: true)
w.set_size(600, 400, .@none)
w.set_html(html)
w.run()

To my current knowledge it's hard to tell the real source of the issue. Personally, I won't dig into it. Something you could try @sainthasras is using the vega-embed not as cdn script and debug there.

VWeb UI stops unexpectedly #77

Description

Metadata

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Issue actions