vaderjs-native 1.0.2 → 1.0.4

package/README.MD

@@ -44,24 +44,7 @@ export default function() {
 ```bash
 bun install vaderjs@latest
 ```
-
-## ⚙️ Project Structure
-
-Vader.js supports file-based routing out of the box. Just create a `pages` folder like in Next.js:
-
-> ⚠️ Note: This routing system is designed for **production servers** only. It will not work with Cloudflare Pages, GitHub Pages, or Vercel.
-
-You can nest up to 4 levels deep.
-
-```
-/pages/index.jsx                         -> /
-/pages/home/[page].jsx                   -> /home/:page
-/pages/path/index.jsx                    -> /path/
-/pages/test/[[...catchall]]/index.jsx    -> /test/*
-/pages/route/[param1]/[param2].jsx       -> /route/:param1/:param2
-```
-
----
+ 
 
 ## 🗂 Keyword Folders
 
@@ -80,12 +63,41 @@ Certain folders are special and automatically picked up by the bundler:
 Create a `config.ts` file at the root of your project:
 
 ```ts
-import defineConfig from "vaderjs/config";
-
+import defineConfig from "vaderjs-native/config";
+import tailwind from "vaderjs-native/plugins/tailwind";
 export default defineConfig({
-  port: 3000,
-  host: "localhost",
-  hot_reload: true,
+  app: {
+    name: "Vader App",
+    id: "com.vaderapp.app",
+    version: {
+      code: 1,
+      name: "1.0.0",
+    },
+  },
+
+  platforms: {
+    android: {
+      minSdk: 24,
+      targetSdk: 34,
+      permissions: [
+        "INTERNET",
+        "ACCESS_NETWORK_STATE",
+      ],
+      icon: "./assets/android/icon.png",
+      splash: "./assets/android/splash.png",
+    },
+
+    web: {
+      title: "vaderapp",
+      themeColor: "#111827",
+    },
+
+    // future
+    ios: {},
+    windows: {},
+  },
+
+  plugins: [tailwind]
 });
 ```
  

package/app-template/.gradle/buildOutputCleanup/cache.properties

@@ -0,0 +1,2 @@
+#Wed Jan 21 08:24:52 PST 2026
+gradle.version=9.1.0

package/app-template/app/build/intermediates/android_res_source_set_path_map/debug/mapDebugSourceSetPaths/file-map.txt

@@ -0,0 +1,57 @@
+com.example.myapplication.app-animation-release-0 C:\Users\malik\.gradle\caches\9.1.0\transforms\049ad9330968a39452dbe2fe17fe6214\workspace\transformed\animation-release\res
+com.example.myapplication.app-annotation-experimental-1.4.0-1 C:\Users\malik\.gradle\caches\9.1.0\transforms\099a03f860cd2ecc4bae8200dbc8ef92\workspace\transformed\annotation-experimental-1.4.0\res
+com.example.myapplication.app-ui-geometry-release-2 C:\Users\malik\.gradle\caches\9.1.0\transforms\111227f1171f71fb36eedc8968b166a8\workspace\transformed\ui-geometry-release\res
+com.example.myapplication.app-customview-poolingcontainer-1.0.0-3 C:\Users\malik\.gradle\caches\9.1.0\transforms\14423f3d6e1b6f5aab598067bb63cb58\workspace\transformed\customview-poolingcontainer-1.0.0\res
+com.example.myapplication.app-lifecycle-livedata-core-2.8.3-4 C:\Users\malik\.gradle\caches\9.1.0\transforms\2741feac191075aa1acdc31c24e6d753\workspace\transformed\lifecycle-livedata-core-2.8.3\res
+com.example.myapplication.app-material-release-5 C:\Users\malik\.gradle\caches\9.1.0\transforms\2c7dc55e8ce1f5c2afc8fe1c975e1dbb\workspace\transformed\material-release\res
+com.example.myapplication.app-appcompat-1.6.1-6 C:\Users\malik\.gradle\caches\9.1.0\transforms\2e2af2c8ea121e49aa6c38614a96d3bd\workspace\transformed\appcompat-1.6.1\res
+com.example.myapplication.app-core-1.13.1-7 C:\Users\malik\.gradle\caches\9.1.0\transforms\3dbb564b1ac14c8e9fb892e54b5f170e\workspace\transformed\core-1.13.1\res
+com.example.myapplication.app-runtime-saveable-release-8 C:\Users\malik\.gradle\caches\9.1.0\transforms\3f22cc356dd0c3fce16ae6ffb17e6243\workspace\transformed\runtime-saveable-release\res
+com.example.myapplication.app-ui-text-release-9 C:\Users\malik\.gradle\caches\9.1.0\transforms\4764083084a938931629d2a1f430663a\workspace\transformed\ui-text-release\res
+com.example.myapplication.app-lifecycle-livedata-2.8.3-10 C:\Users\malik\.gradle\caches\9.1.0\transforms\483155b41e2ac72e0b3f2fcbe02b205c\workspace\transformed\lifecycle-livedata-2.8.3\res
+com.example.myapplication.app-lifecycle-process-2.8.3-11 C:\Users\malik\.gradle\caches\9.1.0\transforms\50d4f22be0af183fb4aea8193331bd14\workspace\transformed\lifecycle-process-2.8.3\res
+com.example.myapplication.app-media3-exoplayer-1.0.0-beta03-12 C:\Users\malik\.gradle\caches\9.1.0\transforms\54614e351c2a31809a68922bc8de21a1\workspace\transformed\media3-exoplayer-1.0.0-beta03\res
+com.example.myapplication.app-runtime-release-13 C:\Users\malik\.gradle\caches\9.1.0\transforms\556d7e2bf8f3ba4c726b196c54884dbb\workspace\transformed\runtime-release\res
+com.example.myapplication.app-core-runtime-2.2.0-14 C:\Users\malik\.gradle\caches\9.1.0\transforms\55dee7a760f45484ea5c0fc777f2e268\workspace\transformed\core-runtime-2.2.0\res
+com.example.myapplication.app-lifecycle-viewmodel-ktx-2.8.3-15 C:\Users\malik\.gradle\caches\9.1.0\transforms\5c75b87ec3b97b8384f291631068071e\workspace\transformed\lifecycle-viewmodel-ktx-2.8.3\res
+com.example.myapplication.app-graphics-path-1.0.1-16 C:\Users\malik\.gradle\caches\9.1.0\transforms\5e593c02bf45309bae3050440f84658b\workspace\transformed\graphics-path-1.0.1\res
+com.example.myapplication.app-tv-foundation-1.0.0-alpha07-17 C:\Users\malik\.gradle\caches\9.1.0\transforms\6185c6e8bde9a31082b355b7e7759f8d\workspace\transformed\tv-foundation-1.0.0-alpha07\res
+com.example.myapplication.app-core-ktx-1.13.1-18 C:\Users\malik\.gradle\caches\9.1.0\transforms\635abc94b66e219adab7ba403557fcec\workspace\transformed\core-ktx-1.13.1\res
+com.example.myapplication.app-appcompat-resources-1.6.1-19 C:\Users\malik\.gradle\caches\9.1.0\transforms\65bc14d0095de71369319176f899c3e4\workspace\transformed\appcompat-resources-1.6.1\res
+com.example.myapplication.app-lifecycle-runtime-ktx-release-20 C:\Users\malik\.gradle\caches\9.1.0\transforms\6e1393d9493429927e1c812045b38a87\workspace\transformed\lifecycle-runtime-ktx-release\res
+com.example.myapplication.app-lifecycle-runtime-compose-release-21 C:\Users\malik\.gradle\caches\9.1.0\transforms\6e8b306857d036643bd77067fb10cd4b\workspace\transformed\lifecycle-runtime-compose-release\res
+com.example.myapplication.app-ui-util-release-22 C:\Users\malik\.gradle\caches\9.1.0\transforms\70285ff71726237176a0e792db34a959\workspace\transformed\ui-util-release\res
+com.example.myapplication.app-emoji2-1.3.0-23 C:\Users\malik\.gradle\caches\9.1.0\transforms\7827b7ed54666ec5297759ed215508c4\workspace\transformed\emoji2-1.3.0\res
+com.example.myapplication.app-fragment-1.3.6-24 C:\Users\malik\.gradle\caches\9.1.0\transforms\81ba499003a0e4b7872982578fba8e4f\workspace\transformed\fragment-1.3.6\res
+com.example.myapplication.app-lifecycle-runtime-release-25 C:\Users\malik\.gradle\caches\9.1.0\transforms\8750f0de1fcaf0929d07ee16558e4901\workspace\transformed\lifecycle-runtime-release\res
+com.example.myapplication.app-ui-graphics-release-26 C:\Users\malik\.gradle\caches\9.1.0\transforms\948978d5108e59e16f5d400ea22ed1be\workspace\transformed\ui-graphics-release\res
+com.example.myapplication.app-material-ripple-release-27 C:\Users\malik\.gradle\caches\9.1.0\transforms\9b6c18ff914c4f6761c51b9d0019377c\workspace\transformed\material-ripple-release\res
+com.example.myapplication.app-activity-compose-1.8.0-28 C:\Users\malik\.gradle\caches\9.1.0\transforms\9d11dd443f3ffb0dc50523c074ab021c\workspace\transformed\activity-compose-1.8.0\res
+com.example.myapplication.app-ui-release-29 C:\Users\malik\.gradle\caches\9.1.0\transforms\9fcb862d6a56a52d67dbdd204910251c\workspace\transformed\ui-release\res
+com.example.myapplication.app-tv-material-1.0.0-alpha07-30 C:\Users\malik\.gradle\caches\9.1.0\transforms\a32bfd44f182accf6d83f7a13a0a69d1\workspace\transformed\tv-material-1.0.0-alpha07\res
+com.example.myapplication.app-ui-tooling-data-release-31 C:\Users\malik\.gradle\caches\9.1.0\transforms\a3734c1298bae4e8948ac032ea1d94eb\workspace\transformed\ui-tooling-data-release\res
+com.example.myapplication.app-savedstate-1.2.1-32 C:\Users\malik\.gradle\caches\9.1.0\transforms\a71827914171b07a56783d15d11afcec\workspace\transformed\savedstate-1.2.1\res
+com.example.myapplication.app-emoji2-views-helper-1.3.0-33 C:\Users\malik\.gradle\caches\9.1.0\transforms\a8562f539ec0d5310a8e223cf6c2087b\workspace\transformed\emoji2-views-helper-1.3.0\res
+com.example.myapplication.app-foundation-layout-release-34 C:\Users\malik\.gradle\caches\9.1.0\transforms\aa648d055e8e0ed1fe27196fa1450134\workspace\transformed\foundation-layout-release\res
+com.example.myapplication.app-ui-test-manifest-1.7.0-35 C:\Users\malik\.gradle\caches\9.1.0\transforms\ba20c9365e8028e93b83c77bf7deb8cd\workspace\transformed\ui-test-manifest-1.7.0\res
+com.example.myapplication.app-startup-runtime-1.1.1-36 C:\Users\malik\.gradle\caches\9.1.0\transforms\bd566c0a5a2d9192c09cf726fd806f57\workspace\transformed\startup-runtime-1.1.1\res
+com.example.myapplication.app-animation-core-release-37 C:\Users\malik\.gradle\caches\9.1.0\transforms\c54f203c9bf719c65ff7cd7f522ea013\workspace\transformed\animation-core-release\res
+com.example.myapplication.app-ui-unit-release-38 C:\Users\malik\.gradle\caches\9.1.0\transforms\ca3b6f3cbb0d654abf58cd46bf63d5a2\workspace\transformed\ui-unit-release\res
+com.example.myapplication.app-lifecycle-viewmodel-release-39 C:\Users\malik\.gradle\caches\9.1.0\transforms\cb095053007df71bd8f5a23ab57b29d4\workspace\transformed\lifecycle-viewmodel-release\res
+com.example.myapplication.app-activity-1.8.0-40 C:\Users\malik\.gradle\caches\9.1.0\transforms\ce2582ef0f61820a680ac95b3df99d43\workspace\transformed\activity-1.8.0\res
+com.example.myapplication.app-foundation-release-41 C:\Users\malik\.gradle\caches\9.1.0\transforms\d6c88abef9d970221818f49875ff3852\workspace\transformed\foundation-release\res
+com.example.myapplication.app-profileinstaller-1.3.1-42 C:\Users\malik\.gradle\caches\9.1.0\transforms\e2808734297a2a0dba77bccd4d3ce0ea\workspace\transformed\profileinstaller-1.3.1\res
+com.example.myapplication.app-ui-tooling-preview-release-43 C:\Users\malik\.gradle\caches\9.1.0\transforms\e469c7964fde08ddf2ce11b49c0558c8\workspace\transformed\ui-tooling-preview-release\res
+com.example.myapplication.app-lifecycle-viewmodel-savedstate-2.8.3-44 C:\Users\malik\.gradle\caches\9.1.0\transforms\e5f2d6cee63a27bf73b3efa5db495b23\workspace\transformed\lifecycle-viewmodel-savedstate-2.8.3\res
+com.example.myapplication.app-savedstate-ktx-1.2.1-45 C:\Users\malik\.gradle\caches\9.1.0\transforms\ebbb6b38905c938cef39e93fdce83f65\workspace\transformed\savedstate-ktx-1.2.1\res
+com.example.myapplication.app-activity-ktx-1.8.0-46 C:\Users\malik\.gradle\caches\9.1.0\transforms\f0016655f8612d9042ffbe7fdc2c6d54\workspace\transformed\activity-ktx-1.8.0\res
+com.example.myapplication.app-lifecycle-livedata-core-ktx-2.8.3-47 C:\Users\malik\.gradle\caches\9.1.0\transforms\f5a97e8afd37e46c75bde3bc19edd614\workspace\transformed\lifecycle-livedata-core-ktx-2.8.3\res
+com.example.myapplication.app-material-icons-core-release-48 C:\Users\malik\.gradle\caches\9.1.0\transforms\f6620c276414dc7b1fb3c96443ad614a\workspace\transformed\material-icons-core-release\res
+com.example.myapplication.app-ui-tooling-release-49 C:\Users\malik\.gradle\caches\9.1.0\transforms\ffc21e6d7a93e42bddecf8ff4788e366\workspace\transformed\ui-tooling-release\res
+com.example.myapplication.app-pngs-50 C:\Users\malik\OneDrive\Documents\MoviesPlus\node_modules\vaderjs-native\app-template\app\build\generated\res\pngs\debug
+com.example.myapplication.app-updated_navigation_xml-51 C:\Users\malik\OneDrive\Documents\MoviesPlus\node_modules\vaderjs-native\app-template\app\build\generated\updated_navigation_xml\debug
+com.example.myapplication.app-packageDebugResources-52 C:\Users\malik\OneDrive\Documents\MoviesPlus\node_modules\vaderjs-native\app-template\app\build\intermediates\incremental\debug\packageDebugResources\merged.dir
+com.example.myapplication.app-packageDebugResources-53 C:\Users\malik\OneDrive\Documents\MoviesPlus\node_modules\vaderjs-native\app-template\app\build\intermediates\incremental\debug\packageDebugResources\stripped.dir
+com.example.myapplication.app-debug-54 C:\Users\malik\OneDrive\Documents\MoviesPlus\node_modules\vaderjs-native\app-template\app\build\intermediates\merged_res\debug\mergeDebugResources
+com.example.myapplication.app-debug-55 C:\Users\malik\OneDrive\Documents\MoviesPlus\node_modules\vaderjs-native\app-template\app\src\debug\res
+com.example.myapplication.app-main-56 C:\Users\malik\OneDrive\Documents\MoviesPlus\node_modules\vaderjs-native\app-template\app\src\main\res

package/app-template/app/build/intermediates/annotation_processor_list/debug/javaPreCompileDebug/annotationProcessors.json

@@ -0,0 +1 @@
+{}

package/app-template/app/build/intermediates/apk_ide_redirect_file/debug/createDebugApkListingFileRedirect/redirect.txt

@@ -0,0 +1,2 @@
+#- File Locator -
+listingFile=../../../../outputs/apk/debug/output-metadata.json

package/app-template/app/build/intermediates/app_metadata/debug/writeDebugAppMetadata/app-metadata.properties

@@ -0,0 +1,2 @@
+appMetadataVersion=1.1
+androidGradlePluginVersion=9.0.0

package/app-template/app/build/intermediates/assets/debug/mergeDebugAssets/myapp/index.html

@@ -0,0 +1,275 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8" />
+  <title>VaderJS App - index</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  
+  <style>/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
+@layer properties;
+@layer theme, base, components, utilities;
+@layer theme {
+  :root, :host {
+    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
+      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
+      "Courier New", monospace;
+    --color-red-500: oklch(63.7% 0.237 25.331);
+    --color-red-700: oklch(50.5% 0.213 27.518);
+    --color-blue-500: oklch(62.3% 0.214 259.815);
+    --color-blue-700: oklch(48.8% 0.243 264.376);
+    --color-white: #fff;
+    --spacing: 0.25rem;
+    --text-3xl: 1.875rem;
+    --text-3xl--line-height: calc(2.25 / 1.875);
+    --font-weight-bold: 700;
+    --default-font-family: var(--font-sans);
+    --default-mono-font-family: var(--font-mono);
+  }
+}
+@layer base {
+  *, ::after, ::before, ::backdrop, ::file-selector-button {
+    box-sizing: border-box;
+    margin: 0;
+    padding: 0;
+    border: 0 solid;
+  }
+  html, :host {
+    line-height: 1.5;
+    -webkit-text-size-adjust: 100%;
+    -moz-tab-size: 4;
+      -o-tab-size: 4;
+         tab-size: 4;
+    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
+    font-feature-settings: var(--default-font-feature-settings, normal);
+    font-variation-settings: var(--default-font-variation-settings, normal);
+    -webkit-tap-highlight-color: transparent;
+  }
+  hr {
+    height: 0;
+    color: inherit;
+    border-top-width: 1px;
+  }
+  abbr:where([title]) {
+    -webkit-text-decoration: underline dotted;
+    text-decoration: underline dotted;
+  }
+  h1, h2, h3, h4, h5, h6 {
+    font-size: inherit;
+    font-weight: inherit;
+  }
+  a {
+    color: inherit;
+    -webkit-text-decoration: inherit;
+    text-decoration: inherit;
+  }
+  b, strong {
+    font-weight: bolder;
+  }
+  code, kbd, samp, pre {
+    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
+    font-feature-settings: var(--default-mono-font-feature-settings, normal);
+    font-variation-settings: var(--default-mono-font-variation-settings, normal);
+    font-size: 1em;
+  }
+  small {
+    font-size: 80%;
+  }
+  sub, sup {
+    font-size: 75%;
+    line-height: 0;
+    position: relative;
+    vertical-align: baseline;
+  }
+  sub {
+    bottom: -0.25em;
+  }
+  sup {
+    top: -0.5em;
+  }
+  table {
+    text-indent: 0;
+    border-color: inherit;
+    border-collapse: collapse;
+  }
+  :-moz-focusring {
+    outline: auto;
+  }
+  progress {
+    vertical-align: baseline;
+  }
+  summary {
+    display: list-item;
+  }
+  ol, ul, menu {
+    list-style: none;
+  }
+  img, svg, video, canvas, audio, iframe, embed, object {
+    display: block;
+    vertical-align: middle;
+  }
+  img, video {
+    max-width: 100%;
+    height: auto;
+  }
+  button, input, select, optgroup, textarea, ::file-selector-button {
+    font: inherit;
+    font-feature-settings: inherit;
+    font-variation-settings: inherit;
+    letter-spacing: inherit;
+    color: inherit;
+    border-radius: 0;
+    background-color: transparent;
+    opacity: 1;
+  }
+  :where(select:is([multiple], [size])) optgroup {
+    font-weight: bolder;
+  }
+  :where(select:is([multiple], [size])) optgroup option {
+    padding-inline-start: 20px;
+  }
+  ::file-selector-button {
+    margin-inline-end: 4px;
+  }
+  ::-moz-placeholder {
+    opacity: 1;
+  }
+  ::placeholder {
+    opacity: 1;
+  }
+  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
+    ::-moz-placeholder {
+      color: currentcolor;
+      @supports (color: color-mix(in lab, red, red)) {
+        color: color-mix(in oklab, currentcolor 50%, transparent);
+      }
+    }
+    ::placeholder {
+      color: currentcolor;
+      @supports (color: color-mix(in lab, red, red)) {
+        color: color-mix(in oklab, currentcolor 50%, transparent);
+      }
+    }
+  }
+  textarea {
+    resize: vertical;
+  }
+  ::-webkit-search-decoration {
+    -webkit-appearance: none;
+  }
+  ::-webkit-date-and-time-value {
+    min-height: 1lh;
+    text-align: inherit;
+  }
+  ::-webkit-datetime-edit {
+    display: inline-flex;
+  }
+  ::-webkit-datetime-edit-fields-wrapper {
+    padding: 0;
+  }
+  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
+    padding-block: 0;
+  }
+  ::-webkit-calendar-picker-indicator {
+    line-height: 1;
+  }
+  :-moz-ui-invalid {
+    box-shadow: none;
+  }
+  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
+    -webkit-appearance: button;
+       -moz-appearance: button;
+            appearance: button;
+  }
+  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
+    height: auto;
+  }
+  [hidden]:where(:not([hidden="until-found"])) {
+    display: none !important;
+  }
+}
+@layer utilities {
+  .mr-2 {
+    margin-right: calc(var(--spacing) * 2);
+  }
+  .mb-4 {
+    margin-bottom: calc(var(--spacing) * 4);
+  }
+  .flex {
+    display: flex;
+  }
+  .justify-center {
+    justify-content: center;
+  }
+  .rounded {
+    border-radius: 0.25rem;
+  }
+  .bg-blue-500 {
+    background-color: var(--color-blue-500);
+  }
+  .bg-red-500 {
+    background-color: var(--color-red-500);
+  }
+  .p-4 {
+    padding: calc(var(--spacing) * 4);
+  }
+  .px-4 {
+    padding-inline: calc(var(--spacing) * 4);
+  }
+  .py-2 {
+    padding-block: calc(var(--spacing) * 2);
+  }
+  .text-center {
+    text-align: center;
+  }
+  .text-3xl {
+    font-size: var(--text-3xl);
+    line-height: var(--tw-leading, var(--text-3xl--line-height));
+  }
+  .font-bold {
+    --tw-font-weight: var(--font-weight-bold);
+    font-weight: var(--font-weight-bold);
+  }
+  .text-white {
+    color: var(--color-white);
+  }
+  .underline {
+    text-decoration-line: underline;
+  }
+  .hover\:bg-blue-700 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-blue-700);
+      }
+    }
+  }
+  .hover\:bg-red-700 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-red-700);
+      }
+    }
+  }
+}
+@property --tw-font-weight {
+  syntax: "*";
+  inherits: false;
+}
+@layer properties {
+  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
+    *, ::before, ::after, ::backdrop {
+      --tw-font-weight: initial;
+    }
+  }
+}</style>
+</head>
+<body>
+  <div id="app"></div>
+  <script  src="./index.js"></script>
+  <script>
+        new WebSocket("ws://" + location.host + "/__hmr").onmessage = (msg) => {
+          if (msg.data === "reload") location.reload();
+        };
+      </script>
+</body>
+</html>