salvia 0.2.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA256:
+  metadata.gz: d47620b2511642dc1d75545d11cfda1f52071059a320bf1b181735af2bca2f41
+  data.tar.gz: 0a7322cbf4477fa2bff9ad6664e658a056a24a9cec83b6943e17f1ffbaf00bac
+SHA512:
+  metadata.gz: 8b677e392d348bb21b8e6bcdb02e90ece13021e3c710fdfa394395174097ff81ee19fb3513ec09e7f752a392a79c1b63593747ec57d697cc4675c9730d755072
+  data.tar.gz: f55abe0fd41e6a76c5d39a728e56193ade7d986e32df1c49b05f9bfc0ba88b495f1b0483b686333dfbfca33c31b473f0953780472a81a09971f36fd3c7990dfd

data/LICENSE.txt

@@ -0,0 +1,22 @@
+MIT License
+
+Copyright (c) 2025 Hiroto Furugen
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+

data/README.md

@@ -0,0 +1,152 @@
+# Salvia 🌿
+
+> **The Future of Rails View Layer**
+
+Salvia is a next-generation **Server-Side Rendering (SSR) engine** designed to replace ERB with **JSX/TSX** in Ruby on Rails. It brings the **Islands Architecture** and **True HTML First** philosophy to the Rails ecosystem.
+
+<img src="https://img.shields.io/gem/v/salvia?style=flat-square&color=ff6347" alt="Gem">
+
+## Vision: The Road to Sage
+
+Salvia is the core engine for a future MVC framework called **Sage**.
+While Sage will be a complete standalone framework, Salvia is available *today* as a drop-in replacement for the View layer in **Ruby on Rails**.
+
+## Features
+
+*   🏝️ **Islands Architecture**: Render interactive components (Preact/React) only where needed. Zero JS for static content.
+*   🚀 **True HTML First**: Replace `app/views/**/*.erb` with `app/pages/**/*.tsx`.
+*   ⚡ **JIT Compilation**: No build steps during development. Just run `rails s`.
+*   💎 **Rails Native**: Seamless integration with Controllers, Routes, and Models.
+*   🦕 **Deno Powered**: Uses Deno for lightning-fast TypeScript compilation and formatting.
+
+## Installation
+
+Add this line to your Rails application's Gemfile:
+
+```ruby
+gem 'salvia'
+```
+
+And then execute:
+
+```bash
+$ bundle install
+```
+
+## Getting Started
+
+### 1. Install Salvia
+
+Run the interactive installer to set up Salvia for your Rails project:
+
+```bash
+$ bundle exec salvia install
+```
+
+This creates the `salvia/` directory structure and configures your app with a **Zero Config** setup (Preact + Signals).
+
+### 2. Create a Page (Server Component)
+
+Delete `app/views/home/index.html.erb` and create `salvia/app/pages/home/Index.tsx`:
+
+```tsx
+import { h } from 'preact';
+
+export default function Home({ title }) {
+  return (
+    <div class="p-10">
+      <h1 class="text-3xl font-bold">{title}</h1>
+      <p>This is rendered on the server with 0kb JavaScript sent to the client.</p>
+    </div>
+  );
+}
+```
+
+### 3. Render in Controller
+
+In your Rails controller:
+
+```ruby
+class HomeController < ApplicationController
+  def index
+    # Renders salvia/app/pages/home/Index.tsx
+    render html: ssr("home/Index", title: "Hello Salvia")
+  end
+end
+```
+
+### 4. Add Interactivity (Islands)
+
+Create an interactive component in `salvia/app/islands/Counter.tsx`:
+
+```tsx
+import { h } from 'preact';
+import { useState } from 'preact/hooks';
+
+export default function Counter() {
+  const [count, setCount] = useState(0);
+  return (
+    <button onClick={() => setCount(count + 1)} class="btn">
+      Count: {count}
+    </button>
+  );
+}
+```
+
+Use it in your Page:
+
+```tsx
+import Counter from '../../islands/Counter.tsx';
+
+export default function Home() {
+  return (
+    <div>
+      <h1>Interactive Island</h1>
+      <Counter />
+    </div>
+  );
+}
+```
+
+### 4. Turbo Drive (Optional)
+
+Salvia works seamlessly with Turbo Drive for SPA-like navigation.
+
+Add Turbo to your layout file (e.g., `app/pages/layouts/Main.tsx`):
+
+```tsx
+<head>
+  {/* ... */}
+  <script type="module">
+    import * as Turbo from "https://esm.sh/@hotwired/turbo@8.0.0";
+    Turbo.start();
+  </script>
+</head>
+```
+
+This approach leverages Import Maps and browser-native modules, keeping your bundle size small and your architecture transparent.
+
+## Documentation
+
+*   **English**:
+    *   [**Wisdom for Salvia**](docs/en/DESIGN.md): Deep dive into the architecture, directory structure, and "True HTML First" philosophy.
+    *   [**Architecture**](docs/en/ARCHITECTURE.md): Internal design of the gem.
+*   **Japanese (日本語)**:
+    *   [**Salviaの知恵**](docs/ja/DESIGN.md): アーキテクチャ、ディレクトリ構造、「真のHTMLファースト」哲学についての詳細。
+    *   [**アーキテクチャ**](docs/ja/ARCHITECTURE.md): Gemの内部設計。
+
+## Framework Support
+
+Salvia is primarily designed for **Ruby on Rails** to pave the way for the **Sage** framework.
+
+*   **Ruby on Rails**: First-class support.
+
+## Requirements
+
+*   Ruby 3.1+
+*   Rails 7.0+ (Recommended)
+*   Deno (for JIT compilation and tooling)
+
+## License
+
+The gem is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).

data/assets/components/Island.tsx

@@ -0,0 +1,15 @@
+import { h, ComponentType } from "preact";
+
+interface IslandProps {
+  name: string;
+  component: ComponentType<any>;
+  [key: string]: any;
+}
+
+export default function Island({ name, component: Component, ...props }: IslandProps) {
+  return (
+    <div data-island={name} data-props={JSON.stringify(props)}>
+      <Component {...props} />
+    </div>
+  );
+}

data/assets/islands/Counter.tsx

@@ -0,0 +1,17 @@
+import { h } from "preact";
+import { useState } from "preact/hooks";
+
+export default function Counter() {
+  const [count, setCount] = useState(0);
+  return (
+    <div class="p-4 border rounded-lg">
+      <p class="text-lg mb-2">Count: {count}</p>
+      <button 
+        onClick={() => setCount(count + 1)}
+        class="px-4 py-2 bg-blue-500 text-white rounded hover:bg-blue-600"
+      >
+        Increment
+      </button>
+    </div>
+  );
+}

data/assets/javascripts/islands.js

@@ -0,0 +1,55 @@
+// Salvia Islands - Client-side Hydration
+// Framework-agnostic island loader
+// Each island component must export a mount(element, props) function
+
+import { h, hydrate, render } from "preact";
+
+async function hydrateIsland(island) {
+  if (island.dataset.hydrated) return;
+  island.dataset.hydrated = "true";
+
+  const name = island.dataset.island;
+  const props = JSON.parse(island.dataset.props || '{}');
+  const hasSSR = island.innerHTML.trim().length > 0;
+  
+  try {
+    // Use the import map alias which handles dev/prod paths
+    const module = await import(`@/islands/${name}.js`);
+    
+    if (typeof module.mount === 'function') {
+      module.mount(island, props, { hydrate: hasSSR });
+      console.log(`🏝️ Island ${hasSSR ? 'hydrated' : 'mounted'}: ${name}`);
+    } else if (module.default) {
+      // Auto-hydration for Preact components
+      if (hasSSR) {
+        hydrate(h(module.default, props), island);
+      } else {
+        render(h(module.default, props), island);
+      }
+      console.log(`🏝️ Island ${hasSSR ? 'hydrated' : 'mounted'} (auto): ${name}`);
+    } else {
+      console.error(`Island ${name} must export a mount() function or be a Preact component.`);
+    }
+  } catch (error) {
+    console.error(`Failed to load island: ${name}`, error);
+    island.removeAttribute('data-hydrated'); // Retry on next pass if failed?
+  }
+}
+
+async function hydrateAll() {
+  const islands = document.querySelectorAll('[data-island]');
+  for (const island of islands) {
+    hydrateIsland(island);
+  }
+}
+
+// Initial hydration
+document.addEventListener('DOMContentLoaded', hydrateAll);
+
+// Support for Turbo Drive / Turbolinks
+document.addEventListener('turbo:load', hydrateAll);
+document.addEventListener('turbolinks:load', hydrateAll);
+
+// Expose for manual hydration (e.g. HTMX)
+globalThis.Salvia = globalThis.Salvia || {};
+globalThis.Salvia.hydrateAll = hydrateAll;

data/assets/pages/Home.tsx

@@ -0,0 +1,19 @@
+import { h } from "preact";
+import Island from "../components/Island.tsx";
+import Counter from "../islands/Counter.tsx";
+
+export default function Home({ title }: { title: string }) {
+  return (
+    <html>
+      <head>
+        <title>{title}</title>
+        <script type="module" src="/assets/javascripts/islands.js"></script>
+      </head>
+      <body class="p-8">
+        <h1 class="text-3xl font-bold mb-4">{title}</h1>
+        <p class="mb-4">This is a Server Component (Page).</p>
+        <Island name="Counter" component={Counter} />
+      </body>
+    </html>
+  );
+}

data/assets/scripts/build.ts

@@ -0,0 +1,298 @@
+#!/usr/bin/env -S deno run --allow-all
+// deno-lint-ignore-file
+/**
+ * Salvia Build Script
+ * 
+ * Build SSR Islands + Tailwind CSS
+ * 
+ * Usage:
+ *   deno run --allow-all build_ssr.ts
+ *   deno run --allow-all build_ssr.ts --watch
+ */
+
+import * as esbuild from "https://deno.land/x/esbuild@v0.24.2/mod.js";
+import { denoPlugins } from "jsr:@luca/esbuild-deno-loader@0.11";
+
+// Resolve deno.json relative to this script
+let CONFIG_PATH = new URL("./deno.json", import.meta.url).pathname;
+
+// Check for user config in project root
+const USER_CONFIG_PATH = `${Deno.cwd()}/salvia/deno.json`;
+try {
+  await Deno.stat(USER_CONFIG_PATH);
+  CONFIG_PATH = USER_CONFIG_PATH;
+} catch {
+  // User config not found, use internal one
+}
+
+// When running via `deno task --config salvia/deno.json`, CWD is usually the project root.
+// But if running from inside salvia/, it's different.
+const ROOT_DIR = Deno.cwd().endsWith("/salvia") ? "." : "salvia";
+const ISLANDS_DIR = `${ROOT_DIR}/app/islands`;
+const PAGES_DIR = `${ROOT_DIR}/app/pages`;
+const COMPONENTS_DIR = `${ROOT_DIR}/app/components`;
+const SSR_OUTPUT_DIR = `${ROOT_DIR}/server`;
+const CLIENT_OUTPUT_DIR = `${ROOT_DIR}/../public/assets/islands`;
+const WATCH_MODE = Deno.args.includes("--watch");
+const VERBOSE = Deno.args.includes("--verbose");
+
+// ============================================
+// SSR Islands Build
+// ============================================
+
+interface IslandFile {
+  path: string;
+  name: string;
+  clientOnly: boolean;
+  isPage: boolean;
+}
+
+async function findIslandFiles(): Promise<IslandFile[]> {
+  const files: IslandFile[] = [];
+  
+  const scan = async (dir: string, isPage: boolean) => {
+    try {
+      for await (const entry of Deno.readDir(dir)) {
+        if (entry.isFile && (entry.name.endsWith(".tsx") || entry.name.endsWith(".jsx") || entry.name.endsWith(".js"))) {
+          if (entry.name.startsWith("_")) continue; // Skip internal files
+          const path = `${dir}/${entry.name}`;
+          const content = await Deno.readTextFile(path);
+          const clientOnly = content.trimStart().startsWith('"client only"') || 
+                            content.trimStart().startsWith("'client only'");
+          const name = entry.name.replace(/\.(tsx|jsx|js)$/, "");
+          files.push({ path, name, clientOnly, isPage });
+        }
+      }
+    } catch {
+      // Directory might not exist
+    }
+  };
+
+  await scan(ISLANDS_DIR, false);
+  await scan(PAGES_DIR, true);
+
+  if (files.length === 0) {
+    console.log("📁 No components found in app/islands or app/pages.");
+  }
+  
+  return files;
+}
+
+async function buildSSR() {
+  const islandFiles = await findIslandFiles();
+  
+  if (islandFiles.length === 0) {
+    console.log("⚠️  No Island components found. Skipping SSR build.");
+    return;
+  }
+
+  const ssrFiles = islandFiles.filter(f => !f.clientOnly);
+  const clientFiles = islandFiles.filter(f => !f.isPage);
+
+  if (VERBOSE) {
+    console.log("🔍 SSR targets:", ssrFiles.map(f => f.name));
+    console.log("🔍 Client targets:", clientFiles.map(f => f.name));
+  }
+
+  // Create output directories
+  await Deno.mkdir(SSR_OUTPUT_DIR, { recursive: true });
+  await Deno.mkdir(CLIENT_OUTPUT_DIR, { recursive: true });
+
+  try {
+    // SSR bundle (for QuickJS) - single bundle with all components
+    if (ssrFiles.length > 0) {
+      // Create a virtual entry point that exports all components
+      // Get just the filename from the path
+      const entryCode = ssrFiles.map(f => {
+        let importPath = f.path;
+        // f.path is like "../app/islands/Counter.tsx" or "../app/pages/Home.tsx"
+        // We are writing _ssr_entry.js to ISLANDS_DIR ("../app/islands")
+        
+        if (f.path.startsWith(ISLANDS_DIR)) {
+          importPath = `./${f.path.split("/").pop()}`;
+        } else if (f.path.startsWith(PAGES_DIR)) {
+          // From ../app/islands to ../app/pages is ../pages
+          importPath = `../pages/${f.path.split("/").pop()}`;
+        }
+        return `import ${f.name} from "${importPath}";`;
+      }).join("\n") + `
+import { h } from "preact";
+import renderToString from "preact-render-to-string";
+
+// Salvia SSR Runtime
+const components = {
+${ssrFiles.map(f => `  "${f.name}": ${f.name}`).join(",\n")}
+};
+
+globalThis.SalviaSSR = {
+  render: function(name, props) {
+    const Component = components[name];
+    if (!Component) {
+      throw new Error("Component not found: " + name);
+    }
+    const vnode = h(Component, props);
+    return renderToString(vnode);
+  }
+};
+export default {}; // Ensure it's a module
+`;
+      const entryPath = `${ISLANDS_DIR}/_ssr_entry.js`;
+      await Deno.writeTextFile(entryPath, entryCode);
+
+      await esbuild.build({
+        entryPoints: [entryPath],
+        bundle: true,
+        format: "iife",
+        outfile: `${SSR_OUTPUT_DIR}/ssr_bundle.js`,
+        platform: "neutral",
+        plugins: [...denoPlugins({ configPath: CONFIG_PATH })],
+        external: [],
+        jsx: "automatic",
+        jsxImportSource: "preact",
+        banner: {
+          js: `// Salvia SSR Bundle - Generated at ${new Date().toISOString()}`,
+        },
+      });
+      
+      // Clean up temp file
+      await Deno.remove(entryPath);
+      
+      console.log(`✅ SSR bundle built: ${SSR_OUTPUT_DIR}/ssr_bundle.js (${ssrFiles.map(f => f.name).join(", ")})`);
+    }
+
+    // Client bundle (for hydration) - all files
+    // We need to wrap each component with a mount function
+    const clientEntryPoints = [];
+    
+    for (const file of clientFiles) {
+      const filename = file.path.split("/").pop();
+      const wrapperCode = `
+import Component from "./${filename}";
+import { h, hydrate, render } from "preact";
+
+export function mount(element, props, options) {
+  const vnode = h(Component, props);
+  if (options && options.hydrate) {
+    hydrate(vnode, element);
+  } else {
+    render(vnode, element);
+  }
+}
+`;
+      const wrapperPath = `${ISLANDS_DIR}/_client_${file.name}.js`;
+      await Deno.writeTextFile(wrapperPath, wrapperCode);
+      clientEntryPoints.push({ in: wrapperPath, out: file.name });
+    }
+
+    try {
+      await esbuild.build({
+        entryPoints: clientEntryPoints,
+        bundle: true,
+        format: "esm",
+        outdir: CLIENT_OUTPUT_DIR,
+        platform: "browser",
+        plugins: [...denoPlugins({ configPath: CONFIG_PATH })],
+        external: ["preact", "preact/hooks", "preact/jsx-runtime"],
+        jsx: "automatic",
+        jsxImportSource: "preact",
+        minify: true,
+        banner: {
+          js: `// Salvia Client Islands - Generated at ${new Date().toISOString()}`,
+        },
+      });
+    } finally {
+      // Clean up temp files
+      for (const entry of clientEntryPoints) {
+        try {
+          await Deno.remove(entry.in);
+        } catch {
+          // Ignore if file doesn't exist
+        }
+      }
+    }
+    
+    console.log(`✅ Client Islands built: ${CLIENT_OUTPUT_DIR}/ (${clientFiles.map(f => f.name).join(", ")})`);
+
+    // Generate manifest (which Islands are client only)
+    const manifest = Object.fromEntries(
+      islandFiles.map(f => [f.name, { clientOnly: f.clientOnly, serverOnly: f.isPage }])
+    );
+    await Deno.writeTextFile(
+      `${SSR_OUTPUT_DIR}/manifest.json`,
+      JSON.stringify(manifest, null, 2)
+    );
+    console.log(`✅ Manifest generated: ${SSR_OUTPUT_DIR}/manifest.json`);
+
+    // Copy islands.js loader
+    try {
+      const islandsJsPath = new URL("../javascripts/islands.js", import.meta.url).pathname;
+      const islandsJsOutput = `${ROOT_DIR}/../public/assets/javascripts/islands.js`;
+      await Deno.mkdir(`${ROOT_DIR}/../public/assets/javascripts`, { recursive: true });
+      await Deno.copyFile(islandsJsPath, islandsJsOutput);
+      console.log(`✅ Loader copied: ${islandsJsOutput}`);
+    } catch (e) {
+      console.warn("⚠️  Failed to copy islands.js loader:", e);
+    }
+
+  } catch (error) {
+    const e = error as Error;
+    console.error("❌ SSR build error:", e.message || error);
+  }
+}
+
+// ============================================
+// Main Build
+// ============================================
+
+async function build() {
+  await Promise.all([
+    buildSSR(),
+  ]);
+}
+
+async function watch() {
+  console.log("👀 Watching for file changes...");
+  
+  // Watch Islands source
+  const watchDirs = [ISLANDS_DIR, PAGES_DIR, COMPONENTS_DIR, "./app/views"];
+  
+  for (const dir of watchDirs) {
+    (async () => {
+      try {
+        const watcher = Deno.watchFs(dir);
+        let debounceTimer: number | undefined;
+        
+        for await (const event of watcher) {
+          // Ignore generated files
+          if (event.paths.some(p => p.includes("_ssr_entry.js") || p.includes("_client_"))) {
+            continue;
+          }
+
+          if (event.kind === "modify" || event.kind === "create" || event.kind === "remove") {
+            clearTimeout(debounceTimer);
+            debounceTimer = setTimeout(async () => {
+              console.log(`🔄 Changes detected in ${dir}, rebuilding...`);
+              await build();
+            }, 100);
+          }
+        }
+      } catch {
+        // Skip if directory doesn't exist
+      }
+    })();
+  }
+  
+  // Wait indefinitely
+  await new Promise(() => {});
+}
+
+// Main execution
+console.log("🌿 Salvia Build (SSR + Tailwind)");
+console.log("================================");
+await build();
+
+if (WATCH_MODE) {
+  await watch();
+} else {
+  await esbuild.stop();
+}

data/assets/scripts/deno.json

@@ -0,0 +1,15 @@
+{
+  "imports": {
+    "preact": "https://esm.sh/preact@10.19.3",
+    "preact/hooks": "https://esm.sh/preact@10.19.3/hooks",
+    "preact/jsx-runtime": "https://esm.sh/preact@10.19.3/jsx-runtime",
+    "preact-render-to-string": "https://esm.sh/preact-render-to-string@6.3.1?external=preact",
+    "@preact/signals": "https://esm.sh/@preact/signals@1.2.2?external=preact",
+    "@hotwired/turbo": "https://esm.sh/@hotwired/turbo@8.0.0",
+    "@/": "./app/"
+  },
+  "compilerOptions": {
+    "jsx": "react-jsx",
+    "jsxImportSource": "preact"
+  }
+}

data/assets/scripts/deno.lock

@@ -0,0 +1,56 @@
+{
+  "version": "5",
+  "specifiers": {
+    "jsr:@luca/esbuild-deno-loader@0.11": "0.11.1",
+    "jsr:@std/bytes@^1.0.2": "1.0.6",
+    "jsr:@std/encoding@^1.0.5": "1.0.10",
+    "jsr:@std/internal@^1.0.12": "1.0.12",
+    "jsr:@std/path@^1.0.6": "1.1.3"
+  },
+  "jsr": {
+    "@luca/esbuild-deno-loader@0.11.1": {
+      "integrity": "dc020d16d75b591f679f6b9288b10f38bdb4f24345edb2f5732affa1d9885267",
+      "dependencies": [
+        "jsr:@std/bytes",
+        "jsr:@std/encoding",
+        "jsr:@std/path"
+      ]
+    },
+    "@std/bytes@1.0.6": {
+      "integrity": "f6ac6adbd8ccd99314045f5703e23af0a68d7f7e58364b47d2c7f408aeb5820a"
+    },
+    "@std/encoding@1.0.10": {
+      "integrity": "8783c6384a2d13abd5e9e87a7ae0520a30e9f56aeeaa3bdf910a3eaaf5c811a1"
+    },
+    "@std/internal@1.0.12": {
+      "integrity": "972a634fd5bc34b242024402972cd5143eac68d8dffaca5eaa4dba30ce17b027"
+    },
+    "@std/path@1.1.3": {
+      "integrity": "b015962d82a5e6daea980c32b82d2c40142149639968549c649031a230b1afb3",
+      "dependencies": [
+        "jsr:@std/internal"
+      ]
+    }
+  },
+  "redirects": {
+    "https://esm.sh/@preact/signals-core@^1.4.0?target=denonext": "https://esm.sh/@preact/signals-core@1.12.1?target=denonext"
+  },
+  "remote": {
+    "https://deno.land/x/denoflate@1.2.1/mod.ts": "f5628e44b80b3d80ed525afa2ba0f12408e3849db817d47a883b801f9ce69dd6",
+    "https://deno.land/x/denoflate@1.2.1/pkg/denoflate.js": "b9f9ad9457d3f12f28b1fb35c555f57443427f74decb403113d67364e4f2caf4",
+    "https://deno.land/x/denoflate@1.2.1/pkg/denoflate_bg.wasm.js": "d581956245407a2115a3d7e8d85a9641c032940a8e810acbd59ca86afd34d44d",
+    "https://deno.land/x/esbuild@v0.24.2/mod.js": "8d1e46a6494585235b0514d37743ee48a4f6f0b8e00fca9d0a2e371914b1df0e",
+    "https://esm.sh/@preact/signals-core@1.12.1/denonext/signals-core.mjs": "7ec7397ff664d18002330248c74ad39a8f65ad2db3a2ecdfdc9874d3585cd32a",
+    "https://esm.sh/@preact/signals-core@1.12.1?target=denonext": "cc0c788b17ca5e38bc693aceccad467cdcd2c576974444d0bf65309619b4bf20",
+    "https://esm.sh/@preact/signals@1.2.2/X-ZXByZWFjdA/denonext/signals.mjs": "b588b595eda1161dbb91eab1170c293d89194faa41a4dfc50c04986869f79f6a",
+    "https://esm.sh/@preact/signals@1.2.2?external=preact": "fc9fb49e945d8e44b00d8fbed96594355ad0cefc580a5da9f6488f617dca8773",
+    "https://esm.sh/preact-render-to-string@6.3.1/X-ZXByZWFjdA/denonext/preact-render-to-string.mjs": "859e9f3dc137a53c17542bbed4cf8accdca81a2895d7a52d1fca38e6c5c00c90",
+    "https://esm.sh/preact-render-to-string@6.3.1?external=preact": "3bc8562bab5e16dd3c984d996abdc37d25880319bb9eac3169e97a9c7fa51243",
+    "https://esm.sh/preact@10.19.3": "e665fa7cfbac33461e7ecf79f8b361a8f831b3e7edc8089d1f95e05fed6a8be1",
+    "https://esm.sh/preact@10.19.3/denonext/hooks.mjs": "1e6dcdc31a6d4c4fecf1665538f892bb33bbee8fee0f3c664b9db5362871849f",
+    "https://esm.sh/preact@10.19.3/denonext/jsx-runtime.mjs": "a151a1f662b5e3023385100c46e2c4142489d3b982cb094a08af8a3ca7b30c1d",
+    "https://esm.sh/preact@10.19.3/denonext/preact.mjs": "6233d303372951bb69428bcd7fd4a6617fc721edee334f228ae8b2e5ab6a2e7f",
+    "https://esm.sh/preact@10.19.3/hooks": "ec6d1409b12bce994ec7f0711b17e41424e339727af83fb471acc63952e35278",
+    "https://esm.sh/preact@10.19.3/jsx-runtime": "c0a489946b2a492ed590365ce1dbb2606adef27635722687b7d6320f57faf435"
+  }
+}