<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8" />
  <meta name="viewport"
    content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
  <base href="/" />
  <link rel="apple-touch-icon" href="/.client/logo.png">
  <meta name="theme-color" content="#e1e1e1" media="(prefers-color-scheme: light)">
  <meta name="theme-color" content="#262626" media="(prefers-color-scheme: dark)">

  <title>SilverBullet</title>
  <script>
    // Some global variables we need to make this work
    Deno = {
      args: [],
      build: {
        arch: "x86_64",
      },
      core: {
        runMicrotasks() {
          // console.log("Not supported");
        },
        setHasTickScheduled() {
          // console.log("Not supported");
        }
      },
      env: {
        get(key) {
          // return undefined;
        },
      },
      errors: {
        AlreadyExists: class extends Error { },
      }
    };
    window.silverBulletConfig = {
      // These {{VARIABLES}} are replaced by http_server.ts
      spaceFolderPath: "{{SPACE_PATH}}",
      syncOnly: "{{SYNC_ONLY}}" === "true",
    };
    // But in case these variables aren't replaced by the server, fall back sync only mode
    if (window.silverBulletConfig.spaceFolderPath.includes("{{")) {
      window.silverBulletConfig = {
        spaceFolderPath: "",
        syncOnly: true,
      };
    }
  </script>
  <link rel="stylesheet" href="/.client/main.css" />
  <style id="custom-styles"></style>
  <script type="module" src="/.client/client.js"></script>
  <link rel="manifest" href="/.client/manifest.json" />
  <link rel="icon" type="image/x-icon" href="/.client/favicon.png" />
</head>

<body>
  <div id="sb-root">
  </div>
</body>

</html>