buildless-frontends/svelte-5/index.html at main · reosablo/buildless-frontends · 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
<!doctype html>
<html>
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Buildless Svelte 5 app</title>
    <link rel="stylesheet" href="https://esm.sh/*simpledotcss@2.3.7" />
    <script type="importmap">
      {
        "imports": {
          "@jridgewell/gen-mapping": "https://esm.sh/*@jridgewell/gen-mapping@0.3.13?dev",
          "@jridgewell/remapping": "https://esm.sh/*@jridgewell/remapping@2.3.5?dev",
          "@jridgewell/resolve-uri": "https://esm.sh/*@jridgewell/resolve-uri@3.1.2?dev",
          "@jridgewell/sourcemap-codec": "https://esm.sh/*@jridgewell/sourcemap-codec@1.5.5?dev",
          "@jridgewell/trace-mapping": "https://esm.sh/*@jridgewell/trace-mapping@0.3.31?dev",
          "@sveltejs/acorn-typescript": "https://esm.sh/*@sveltejs/acorn-typescript@1.0.6?dev",
          "acorn": "https://esm.sh/*acorn@8.15.0?dev",
          "aria-query": "https://esm.sh/*aria-query@5.3.2?dev",
          "axobject-query": "https://esm.sh/*axobject-query@4.1.0?dev",
          "clsx": "https://esm.sh/*clsx@2.1.1?dev",
          "esrap": "https://esm.sh/*esrap@2.1.2?dev",
          "esrap/": "https://esm.sh/*esrap@2.1.2&dev/",
          "is-reference": "https://esm.sh/*is-reference@3.0.3?dev",
          "locate-character": "https://esm.sh/*locate-character@3.0.0?dev",
          "magic-string": "https://esm.sh/*magic-string@0.30.21?dev",
          "svelte": "https://esm.sh/*svelte@5.43.6?dev",
          "svelte/": "https://esm.sh/*svelte@5.43.6&dev/",
          "zimmerframe": "https://esm.sh/*zimmerframe@1.1.4?dev"
        }
      }
    </script>
    <script type="module">
      import { mount } from "svelte";
      import { compile } from "svelte/compiler";

      const source = await fetch("./App.svelte").then((res) => res.text());
      const result = compile(source, { generate: "client" });
      const { default: App } = await import(
        URL.createObjectURL(
          new Blob([result.js.code], { type: "text/javascript" }),
        )
      );
      mount(App, { target: document.body });
    </script>
  </head>
  <body></body>
</html>