skewt_wildfire_analysis/index.html at stlite · classmodel/skewt_wildfire_analysis · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
<!doctype html>
<html>
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1, shrink-to-fit=no"
    />
    <title>ODET sounding analysis</title>
    <link
      rel="stylesheet"
      href="https://cdn.jsdelivr.net/npm/@stlite/browser/build/style.css"
    />
  </head>
  <body>
    <div id="root"></div>
    <script type="module">
      import { mount } from "https://cdn.jsdelivr.net/npm/@stlite/browser/build/stlite.js";

      async function loadAndMount() {
        const files = {};

        const pyFiles = [
          "skewT_analysis.py",
          "open_meteo.py",
          "parcel.py",
          "skewT.py",
          "thermo.py",
          "soundings.py",
        ];

        const resourceFiles = [
          "resources/wildfire_cases.csv",
          "resources/igra2-station-list.txt",
        ];

        for (const name of [...pyFiles, ...resourceFiles]) {
          const response = await fetch(name);
          if (!response.ok) {
            throw new Error(`Failed to load ${name}`);
          }
          files[name] = await response.text();
        }

        mount(
          {
            streamlitConfig: {
              "client.toolbarMode": "minimal",
              "theme.baseFontSize": 13,
              "theme.font": "Source Sans Pro",
            },
            requirements: ["requests", "plotly", "xarray", "streamlit-js-eval"],
            entrypoint: "skewT_analysis.py",
            files,
          },
          document.getElementById("root"),
        );
      }

      loadAndMount().catch((err) => {
        console.error("Failed to mount Streamlit app:", err);
      });
    </script>
  </body>
</html>