nodetool/web/index.html at main · nodetool-ai/nodetool · 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
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
<!doctype html>
<html lang="en">
  <head>
    <style>
      html,
      body,
      #root {
        background-color: var(--palette-background-default, #181a1b);
      }
      html,
      body {
        /* Match doc bg under iOS dynamic toolbars; block rubber-band scroll. */
        background-color: var(--palette-background-default, #181a1b);
        overscroll-behavior-y: none;
      }
      /* App-shell spinner: paints the instant the HTML arrives, covering the
         JS download/parse gap before React mounts. React's createRoot().render()
         replaces #root's children, so no cleanup script is needed. */
      #boot-spinner {
        position: fixed;
        inset: 0;
        display: flex;
        align-items: center;
        justify-content: center;
      }
      #boot-spinner::after {
        content: "";
        width: 40px;
        height: 40px;
        border: 3px solid rgba(128, 128, 128, 0.25);
        border-top-color: rgba(180, 180, 180, 0.9);
        border-radius: 50%;
        animation: boot-spin 0.8s linear infinite;
      }
      @keyframes boot-spin {
        to {
          transform: rotate(360deg);
        }
      }
      @media (prefers-reduced-motion: reduce) {
        #boot-spinner::after {
          animation-duration: 2s;
        }
      }
    </style>
    <meta charset="utf-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover"
    />
    <link rel="icon" href="/favicon.ico" />
    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
    <link rel="manifest" href="/manifest.json" />
    <meta
      http-equiv="Content-Security-Policy"
      content="default-src 'self'; script-src 'self' 'unsafe-inline' 'unsafe-eval' https://plausible.io; style-src 'self' 'unsafe-inline' https://fonts.googleapis.com https://rsms.me; font-src 'self' data: https://fonts.gstatic.com https://rsms.me; img-src 'self' data: blob: https:; media-src 'self' data: blob: https:; connect-src 'self' http://localhost:* http://127.0.0.1:* ws://localhost:* ws://127.0.0.1:* https: wss: blob: data:; frame-src 'self' http://127.0.0.1:*;"
    />
    <meta name="referrer" content="no-referrer-when-downgrade" />
    <meta name="theme-color" content="#000000" />
    <meta
      name="description"
      content="nodetool - A node-based environment for generative AI & ML."
    />
    <!-- <script
      src="https://cdn.jsdelivr.net/npm/react-render-tracker"
      data-config="inpage:true"
    ></script> -->
    <title>nodetool</title>
  </head>
  <body>
    <noscript>You need to enable JavaScript to run this app.</noscript>
    <div id="root">
      <div id="boot-spinner" role="status" aria-label="Loading NodeTool"></div>
    </div>
    <!--
      This HTML file is a template.
      If you open it directly in the browser, you will see an empty page.

      You can add webfonts, meta tags, or analytics to this file.
      The build step will place the bundled scripts into the <body> tag.

      To begin the development, run `npm start` or `yarn start`.
      To create a production bundle, use `npm run build` or `yarn build`.
    -->
    <!-- vite -->
    <script type="module" src="/src/index.tsx"></script>
  </body>
</html>