threepipe
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

index.html 1.3KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>Threepipe Svelte Sample</title>
  6. <!-- Import maps polyfill -->
  7. <!-- Remove this when import maps will be widely supported -->
  8. <script async src="https://unpkg.com/es-module-shims@1.6.3/dist/es-module-shims.js"></script>
  9. <script type="importmap">
  10. {
  11. "imports": {
  12. "threepipe": "./../../dist/index.mjs"
  13. }
  14. }
  15. </script>
  16. <style>
  17. html, body{
  18. width: 100%;
  19. height: 100%;
  20. margin: 0;
  21. overflow: hidden;
  22. }
  23. </style>
  24. <script type="module" src="../examples-utils/global-loading.mjs"></script>
  25. <script type="module" src="../examples-utils/simple-code-preview.mjs"></script>
  26. <script src="./../../dist/index.js"></script>
  27. <!-- <script src="https://unpkg.com/threepipe"></script>-->
  28. <script src="https://unpkg.com/svelte-browser-import@0.0.5"></script>
  29. </head>
  30. <body>
  31. <div id="app">
  32. </div>
  33. <script type="module" data-scripts="./App.svelte" id="example-script">
  34. window["svelte-browser-import"].importSvelte('./App.svelte').then(App=> {
  35. const app = new App({
  36. target: document.getElementById('app'),
  37. })
  38. // to destroy the app
  39. // app.$destroy()
  40. })
  41. </script>
  42. </body>
  43. </html>