diff options
Diffstat (limited to 'test/playground/index.html')
| -rw-r--r-- | test/playground/index.html | 37 |
1 files changed, 37 insertions, 0 deletions
diff --git a/test/playground/index.html b/test/playground/index.html new file mode 100644 index 0000000..c20cc48 --- /dev/null +++ b/test/playground/index.html @@ -0,0 +1,37 @@ +<!DOCTYPE html> +<html lang="en" hidden> + +<head> + <meta charset="UTF-8"> + <meta http-equiv="X-UA-Compatible" content="IE=edge"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>Lustre Playground</title> + + <script type="module"> + // `example` is set up as an alias in our `package.json` to point to + // some of Gleam's build artifacts. + import { main } from 'playground/main.mjs' + + document.addEventListener('DOMContentLoaded', main) + + // This is so dumb. Parcel refuses to work with https imports, and when + // we try to use a script tag it "helpfully" strips the `type="module"` + // attribute meaning the shim doesn't work anyway. + // + // Here we're manually creating the script and setting its source using + // a string to stop parcle meddling with it. It works but,, eesh. + document.querySelector('head').appendChild((() => { + const script = document.createElement('script') + script.type = 'module' + script.innerHTML = `import 'https://cdn.skypack.dev/twind/shim'` + + return script + })()) + </script> +</head> + +<body class="bg-gray-100"> + <div data-lustre-container class="p-8 h-screen w-screen"></div> +</body> + +</html>
\ No newline at end of file |