From ab3f0a888fa714767d302864f85d804413d6a602 Mon Sep 17 00:00:00 2001
From: Shai Zarka <zarkash@amazon.com>
Date: Sun, 4 May 2025 14:40:20 +0300
Subject: [PATCH 1/5] added Try Valkey support

Signed-off-by: Shai Zarka <zarkash@amazon.com>
---
 content/try-valkey/index.md  |   5 +
 templates/default.html       |   1 +
 templates/valkey-try-me.html | 277 +++++++++++++++++++++++++++++++++++
 3 files changed, 283 insertions(+)
 create mode 100644 content/try-valkey/index.md
 create mode 100644 templates/valkey-try-me.html

diff --git a/content/try-valkey/index.md b/content/try-valkey/index.md
new file mode 100644
index 00000000..bc1b04ba
--- /dev/null
+++ b/content/try-valkey/index.md
@@ -0,0 +1,5 @@
++++
+title = "Try Valkey"
+template = "valkey-try-me.html"
++++
+
diff --git a/templates/default.html b/templates/default.html
index 5bbb2b9c..c82e63b4 100644
--- a/templates/default.html
+++ b/templates/default.html
@@ -36,6 +36,7 @@
         <a role="menuitem" href="/blog/">Blog</a>
         <a role="menuitem" href="/community/">Community</a>
         <a role="menuitem" href="/participants/">Participants</a>
+        <a role="menuitem" href="/try-valkey/">Try Valkey</a>
       </nav>
     </div>
   </div>
diff --git a/templates/valkey-try-me.html b/templates/valkey-try-me.html
new file mode 100644
index 00000000..60c3eccd
--- /dev/null
+++ b/templates/valkey-try-me.html
@@ -0,0 +1,277 @@
+{% extends "fullwidth.html" %}
+{%- block head -%}
+    <title>Try Valkey</title>
+
+    <!-- Scripts -->
+    <script src="https://dtq9kvai1345o.cloudfront.net/vos/v86/libv86.js"></script>
+    <script src="https://dtq9kvai1345o.cloudfront.net/vos/xterm/xterm.min.js"></script>
+    <script src="https://dtq9kvai1345o.cloudfront.net/vos/pako/pako.min.js"></script>
+    <script src="https://dtq9kvai1345o.cloudfront.net/vos/v86/serial_xterm.js"></script>
+    
+    <!-- Styles -->
+    <link rel="stylesheet" href="https://dtq9kvai1345o.cloudfront.net/vos/xterm/xterm.css" />
+
+    <style>
+        /* Container Styles */
+        .container {
+            background: rgb(47, 47, 47);
+            border-radius: 16px;
+            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+            overflow: hidden;
+            display: flex;
+            flex-direction: column;
+            padding: 10px;
+            overflow-y: hidden;
+            align-items: center;
+        }
+
+        #terminal-container {
+            width: 100%;
+            height: 100%;
+            background: #000;
+            color: #fff;
+            border: none;
+            overflow-y: hidden;
+            overflow-x: hidden;
+        }
+
+        #loadingContainer {
+            text-align: center;
+            margin-top: 20px;
+        }
+
+        #progressText {
+            font-size: 18px;
+            margin-bottom: 10px;
+        }
+
+        #progressBar {
+            width: 80%;
+            height: 20px;
+            border: 1px solid #ddd;
+            border-radius: 5px;
+            background-color: #e9ecef;
+        }
+    </style>
+{%- endblock -%}
+{% block main_content %}
+    <p>This is an in-browser Valkey server and CLI that runs directly within your browser using a V86 emulator, requiring no external installations. </p>
+    <p>Try it out below:</p>
+    <div id="terminalWrapper" class="container" style="display: none;">
+        <div id="terminal-container"></div>
+    </div>
+    <!-- Warning Section -->
+    <div id="warningContainer" style="text-align: center; margin-top: 20px;">
+        <button id="startButton" style="padding: 10px 20px; font-size: 18px; margin-top: 10px;">Load Emulator</button>
+        <p>This emulator will download approximately 50MB of data.</p>
+    </div>
+    <!-- Loading Section (Hidden at first) -->
+    <div id="loadingContainer" style="display: none;">
+        <p id="progressText">Preparing to load...</p>
+        <progress id="progressBar" value="0" max="100"></progress>
+    </div>
+    
+
+
+    <script>
+        "use strict";
+        const FILE_URL = "https://dtq9kvai1345o.cloudfront.net/8.1.0/states/state.bin.gz";  // Path to the .gz file
+        const CACHE_KEY = "valkey_binary_cache";
+        const LAST_MODIFIED_KEY = "valkey_last_modified";
+        let emulator;
+
+        // Open or create IndexedDB
+        async function openIndexedDB() {
+            return new Promise((resolve, reject) => {
+                const request = indexedDB.open("binaryCacheDB", 1);
+
+                request.onerror = () => reject("Error opening IndexedDB");
+                request.onsuccess = () => resolve(request.result);
+
+                request.onupgradeneeded = (event) => {
+                    const db = event.target.result;
+                    db.createObjectStore("cache", { keyPath: "key" });
+                };
+            });
+        }
+
+        // Retrieve binary from cache
+        async function getCachedBinary(db) {
+            return new Promise((resolve, reject) => {
+                const transaction = db.transaction(["cache"], "readonly");
+                const objectStore = transaction.objectStore("cache");
+                const request = objectStore.get(CACHE_KEY);
+
+                request.onerror = () => reject("Error retrieving cached binary");
+                request.onsuccess = () => resolve(request.result ? request.result.data : null);
+            });
+        }
+
+        // Save binary to cache
+        async function saveBinaryToCache(db, data) {
+            return new Promise((resolve, reject) => {
+                const transaction = db.transaction(["cache"], "readwrite");
+                const objectStore = transaction.objectStore("cache");
+                const request = objectStore.put({ key: CACHE_KEY, data });
+
+                request.onerror = () => reject("Error saving binary to cache");
+                request.onsuccess = () => resolve();
+            });
+        }
+
+        // Check if binary is updated
+        async function checkIfUpdated() {
+            return new Promise((resolve, reject) => {
+                const xhr = new XMLHttpRequest();
+                xhr.open("HEAD", FILE_URL, true);
+
+                xhr.onload = () => {
+                    const serverLastModified = xhr.getResponseHeader("Last-Modified");
+                    const cachedLastModified = localStorage.getItem(LAST_MODIFIED_KEY);
+
+                    if (!serverLastModified || serverLastModified !== cachedLastModified) {
+                        localStorage.setItem(LAST_MODIFIED_KEY, serverLastModified);
+                        resolve(true);
+                    } else {
+                        resolve(false);
+                    }
+                };
+
+                xhr.onerror = () => reject("Error checking file version");
+                xhr.send();
+            });
+        }
+
+        // Download and decompress binary
+        function downloadAndDecompressBinary(callback) {
+            const xhr = new XMLHttpRequest();
+            xhr.open("GET", FILE_URL, true);
+            xhr.responseType = "arraybuffer";
+
+            xhr.onprogress = (event) => {
+                if (event.lengthComputable) {
+                    const percentComplete = (event.loaded / event.total) * 100;
+                    document.getElementById("progressBar").value = percentComplete;
+                }
+            };
+
+            xhr.onload = () => {
+                if (xhr.status === 200) {
+                    document.getElementById("progressText").innerText = "Decompressing image...";
+                    const decompressedData = pako.ungzip(new Uint8Array(xhr.response));
+                    callback(decompressedData);
+                }
+            };
+
+            xhr.onerror = () => {
+                document.getElementById("progressText").innerText = "Download failed!";
+            };
+
+            xhr.send();
+        }
+
+        async function loadEmulator(decompressedData) {
+            const progressText = document.getElementById("progressText");
+
+            const blob = new Blob([decompressedData], { type: "application/octet-stream" });
+            const imgUrl = URL.createObjectURL(blob);
+
+            progressText.innerText = "Starting emulator...";
+
+            emulator = new V86({
+                wasm_path: "https://dtq9kvai1345o.cloudfront.net/vos/v86/v86.wasm",
+                memory_size: 512 * 1024 * 1024,
+                bios: { url: "https://dtq9kvai1345o.cloudfront.net/vos/v86/bios/seabios.bin" },
+                filesystem: {
+                    baseurl: "https://dtq9kvai1345o.cloudfront.net/8.1.0/fs/alpine-rootfs-flat",
+                    basefs: "https://dtq9kvai1345o.cloudfront.net/8.1.0/fs/alpine-fs.json",
+                },
+                autostart: true,
+                bzimage_initrd_from_filesystem: true,
+                cmdline: "rw root=host9p rootfstype=9p rootflags=trans=virtio,cache=loose modules=virtio_pci tsc=reliable",
+                initial_state: { url: imgUrl },
+                disable_mouse: true,
+                disable_keyboard: true,
+                disable_speaker: true,
+            });
+
+            await new Promise(resolve => emulator.add_listener("emulator-ready", resolve));
+
+            const serialAdapter = new SerialAdapterXtermJS(document.getElementById('terminal-container'), emulator.bus);
+            serialAdapter.show();
+
+            document.getElementById("loadingContainer").style.display = "none";
+            document.getElementById("terminalWrapper").style.display = "flex";
+
+            if (emulator) {
+                resetInactivityTimer();
+                ["mousemove", "keydown", "touchstart"].forEach(event => {
+                    window.addEventListener(event, resetInactivityTimer);
+                });
+                
+                serialAdapter.term.onKey(() => resetInactivityTimer()); // Typing
+                serialAdapter.term.onData(() => resetInactivityTimer()); // Sending data
+                serialAdapter.term.onCursorMove(() => resetInactivityTimer()); // Mouse activity
+            };
+        }
+
+        let inactivityTimeout;
+        const INACTIVITY_LIMIT = 60*1000*10 //inactivity limit is 10 minutes
+
+        function resetInactivityTimer() {
+            if (!emulator) {
+                console.warn("Emulator is not initialized yet.");
+                return;
+            }
+
+            clearTimeout(inactivityTimeout);
+
+            inactivityTimeout = setTimeout(() => {
+                if (emulator.is_running()) {
+                        console.log("VM paused due to inactivity.");
+                        emulator.stop();
+                    }
+            }, INACTIVITY_LIMIT);
+
+            if (!emulator.is_running()) {
+                console.log("VM resumed");
+                emulator.run();
+            }
+        }
+
+        window.onload = function () {
+            const startButton = document.getElementById("startButton");
+            startButton.addEventListener("click", async () => {
+                document.getElementById("warningContainer").style.display = "none";
+                document.getElementById("loadingContainer").style.display = "block";
+                document.getElementById("progressText").innerText = "Preparing to load..."; 
+
+                const db = await openIndexedDB();
+
+                try {
+                    const needsDownload = await checkIfUpdated();
+
+                    if (needsDownload) {
+                        downloadAndDecompressBinary(async (decompressedData) => {
+                            await saveBinaryToCache(db, decompressedData);
+                            loadEmulator(decompressedData);
+                        });
+                    } else {
+                        const cachedBinary = await getCachedBinary(db);
+                        if (cachedBinary) {
+                            loadEmulator(cachedBinary);
+                        } else {
+                            downloadAndDecompressBinary(async (decompressedData) => {
+                                await saveBinaryToCache(db, decompressedData);
+                                loadEmulator(decompressedData);
+                            });
+                        }
+                    }
+                } catch (error) {
+                    console.error("Error loading binary: ", error);
+                    document.getElementById("progressText").innerText = "Failed to load binary.";
+                }
+            });
+        };
+    </script>
+{% endblock main_content %}
\ No newline at end of file

From fcc7829321f176f87576517cef31218219ba8923 Mon Sep 17 00:00:00 2001
From: Shai Zarka <zarkash@amazon.com>
Date: Wed, 28 May 2025 12:18:52 +0300
Subject: [PATCH 2/5] "refactored style to a separate css file"

Signed-off-by: Shai Zarka <zarkash@amazon.com>
---
 templates/valkey-try-me.html | 63 +++++++-----------------------------
 1 file changed, 11 insertions(+), 52 deletions(-)

diff --git a/templates/valkey-try-me.html b/templates/valkey-try-me.html
index 60c3eccd..1afc0bf7 100644
--- a/templates/valkey-try-me.html
+++ b/templates/valkey-try-me.html
@@ -3,56 +3,15 @@
     <title>Try Valkey</title>
 
     <!-- Scripts -->
-    <script src="https://dtq9kvai1345o.cloudfront.net/vos/v86/libv86.js"></script>
-    <script src="https://dtq9kvai1345o.cloudfront.net/vos/xterm/xterm.min.js"></script>
-    <script src="https://dtq9kvai1345o.cloudfront.net/vos/pako/pako.min.js"></script>
-    <script src="https://dtq9kvai1345o.cloudfront.net/vos/v86/serial_xterm.js"></script>
+    <script src="http://dtq9kvai1345o.cloudfront.net/vos/v86/libv86.js"></script>
+    <script src="http://dtq9kvai1345o.cloudfront.net/vos/xterm/xterm.min.js"></script>
+    <script src="http://dtq9kvai1345o.cloudfront.net/vos/pako/pako.min.js"></script>
+    <script src="http://dtq9kvai1345o.cloudfront.net/vos/v86/serial_xterm.js"></script>
     
     <!-- Styles -->
-    <link rel="stylesheet" href="https://dtq9kvai1345o.cloudfront.net/vos/xterm/xterm.css" />
-
-    <style>
-        /* Container Styles */
-        .container {
-            background: rgb(47, 47, 47);
-            border-radius: 16px;
-            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
-            overflow: hidden;
-            display: flex;
-            flex-direction: column;
-            padding: 10px;
-            overflow-y: hidden;
-            align-items: center;
-        }
-
-        #terminal-container {
-            width: 100%;
-            height: 100%;
-            background: #000;
-            color: #fff;
-            border: none;
-            overflow-y: hidden;
-            overflow-x: hidden;
-        }
-
-        #loadingContainer {
-            text-align: center;
-            margin-top: 20px;
-        }
-
-        #progressText {
-            font-size: 18px;
-            margin-bottom: 10px;
-        }
+    <link rel="stylesheet" href="http://dtq9kvai1345o.cloudfront.net/vos/xterm/xterm.css" />
+    <link rel="stylesheet" href="https://dtq9kvai1345o.cloudfront.net/vos/valkey-try-me.css" />
 
-        #progressBar {
-            width: 80%;
-            height: 20px;
-            border: 1px solid #ddd;
-            border-radius: 5px;
-            background-color: #e9ecef;
-        }
-    </style>
 {%- endblock -%}
 {% block main_content %}
     <p>This is an in-browser Valkey server and CLI that runs directly within your browser using a V86 emulator, requiring no external installations. </p>
@@ -75,7 +34,7 @@
 
     <script>
         "use strict";
-        const FILE_URL = "https://dtq9kvai1345o.cloudfront.net/8.1.0/states/state.bin.gz";  // Path to the .gz file
+        const FILE_URL = "http://dtq9kvai1345o.cloudfront.net/8.1.0/states/state.bin.gz";  // Path to the .gz file
         const CACHE_KEY = "valkey_binary_cache";
         const LAST_MODIFIED_KEY = "valkey_last_modified";
         let emulator;
@@ -179,12 +138,12 @@
             progressText.innerText = "Starting emulator...";
 
             emulator = new V86({
-                wasm_path: "https://dtq9kvai1345o.cloudfront.net/vos/v86/v86.wasm",
+                wasm_path: "http://dtq9kvai1345o.cloudfront.net/vos/v86/v86.wasm",
                 memory_size: 512 * 1024 * 1024,
-                bios: { url: "https://dtq9kvai1345o.cloudfront.net/vos/v86/bios/seabios.bin" },
+                bios: { url: "http://dtq9kvai1345o.cloudfront.net/vos/v86/bios/seabios.bin" },
                 filesystem: {
-                    baseurl: "https://dtq9kvai1345o.cloudfront.net/8.1.0/fs/alpine-rootfs-flat",
-                    basefs: "https://dtq9kvai1345o.cloudfront.net/8.1.0/fs/alpine-fs.json",
+                    baseurl: "http://dtq9kvai1345o.cloudfront.net/8.1.0/fs/alpine-rootfs-flat",
+                    basefs: "http://dtq9kvai1345o.cloudfront.net/8.1.0/fs/alpine-fs.json",
                 },
                 autostart: true,
                 bzimage_initrd_from_filesystem: true,

From e248c000a8415f3037ab1c7b8ead6a8e0e0d1979 Mon Sep 17 00:00:00 2001
From: Shai Zarka <zarkash@amazon.com>
Date: Wed, 28 May 2025 12:22:42 +0300
Subject: [PATCH 3/5] "replaced test cdn with production cdn"

Signed-off-by: Shai Zarka <zarkash@amazon.com>
---
 templates/valkey-try-me.html | 22 +++++++++++-----------
 1 file changed, 11 insertions(+), 11 deletions(-)

diff --git a/templates/valkey-try-me.html b/templates/valkey-try-me.html
index 1afc0bf7..910893f3 100644
--- a/templates/valkey-try-me.html
+++ b/templates/valkey-try-me.html
@@ -3,14 +3,14 @@
     <title>Try Valkey</title>
 
     <!-- Scripts -->
-    <script src="http://dtq9kvai1345o.cloudfront.net/vos/v86/libv86.js"></script>
-    <script src="http://dtq9kvai1345o.cloudfront.net/vos/xterm/xterm.min.js"></script>
-    <script src="http://dtq9kvai1345o.cloudfront.net/vos/pako/pako.min.js"></script>
-    <script src="http://dtq9kvai1345o.cloudfront.net/vos/v86/serial_xterm.js"></script>
+    <script src="https://download.valkey.io/try-me-valkey/vos/v86/libv86.js"></script>
+    <script src="https://download.valkey.io/try-me-valkey/vos/xterm/xterm.min.js"></script>
+    <script src="https://download.valkey.io/try-me-valkey/vos/pako/pako.min.js"></script>
+    <script src="https://download.valkey.io/try-me-valkey/vos/v86/serial_xterm.js"></script>
     
     <!-- Styles -->
-    <link rel="stylesheet" href="http://dtq9kvai1345o.cloudfront.net/vos/xterm/xterm.css" />
-    <link rel="stylesheet" href="https://dtq9kvai1345o.cloudfront.net/vos/valkey-try-me.css" />
+    <link rel="stylesheet" href="https://download.valkey.io/try-me-valkey/vos/xterm/xterm.css" />
+    <link rel="stylesheet" href="https://download.valkey.io/try-me-valkey/vos/valkey-try-me.css" />
 
 {%- endblock -%}
 {% block main_content %}
@@ -34,7 +34,7 @@
 
     <script>
         "use strict";
-        const FILE_URL = "http://dtq9kvai1345o.cloudfront.net/8.1.0/states/state.bin.gz";  // Path to the .gz file
+        const FILE_URL = "https://download.valkey.io/try-me-valkey/8.1.0/states/state.bin.gz";  // Path to the .gz file
         const CACHE_KEY = "valkey_binary_cache";
         const LAST_MODIFIED_KEY = "valkey_last_modified";
         let emulator;
@@ -138,12 +138,12 @@
             progressText.innerText = "Starting emulator...";
 
             emulator = new V86({
-                wasm_path: "http://dtq9kvai1345o.cloudfront.net/vos/v86/v86.wasm",
+                wasm_path: "https://download.valkey.io/try-me-valkey/vos/v86/v86.wasm",
                 memory_size: 512 * 1024 * 1024,
-                bios: { url: "http://dtq9kvai1345o.cloudfront.net/vos/v86/bios/seabios.bin" },
+                bios: { url: "https://download.valkey.io/try-me-valkey/vos/v86/bios/seabios.bin" },
                 filesystem: {
-                    baseurl: "http://dtq9kvai1345o.cloudfront.net/8.1.0/fs/alpine-rootfs-flat",
-                    basefs: "http://dtq9kvai1345o.cloudfront.net/8.1.0/fs/alpine-fs.json",
+                    baseurl: "https://download.valkey.io/try-me-valkey/8.1.0/fs/alpine-rootfs-flat",
+                    basefs: "https://download.valkey.io/try-me-valkey/8.1.0/fs/alpine-fs.json",
                 },
                 autostart: true,
                 bzimage_initrd_from_filesystem: true,

From ed1612611633e5be35d3890426f5a76369f72380 Mon Sep 17 00:00:00 2001
From: Daniel Phillips <phiro56@gmail.com>
Date: Tue, 3 Jun 2025 21:01:55 -0600
Subject: [PATCH 4/5] feat: add community page with navigation updates (#264)

- Create community page template and content
- Update navigation menu to match new design and include Community page
link

![screencapture-127-0-0-1-1111-community-2025-05-22-13_20_39](https://github.com/user-attachments/assets/973b0d1e-28bd-4cae-bca3-8a503e037183)

---------

Signed-off-by: Daniel Phillips <phiro56@gmail.com>
Signed-off-by: Madelyn Olson <madelyneolson@gmail.com>
Co-authored-by: Madelyn Olson <madelyneolson@gmail.com>
---
 templates/default.html | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/templates/default.html b/templates/default.html
index c82e63b4..498c2818 100644
--- a/templates/default.html
+++ b/templates/default.html
@@ -37,6 +37,8 @@
         <a role="menuitem" href="/community/">Community</a>
         <a role="menuitem" href="/participants/">Participants</a>
         <a role="menuitem" href="/try-valkey/">Try Valkey</a>
+        <a role="menuitem" href="/community/">Community</a>
+        <a role="menuitem" href="/participants/">Participants</a>
       </nav>
     </div>
   </div>

From 0d2ebeeb374fe9c7579a58ed5ec784cc47964921 Mon Sep 17 00:00:00 2001
From: Shai Zarka <zarkash@amazon.com>
Date: Wed, 11 Jun 2025 19:12:00 +0300
Subject: [PATCH 5/5] page styling fixes

Signed-off-by: Shai Zarka <zarkash@amazon.com>
---
 templates/valkey-try-me.html | 16 ++++++----------
 1 file changed, 6 insertions(+), 10 deletions(-)

diff --git a/templates/valkey-try-me.html b/templates/valkey-try-me.html
index 910893f3..b019d2be 100644
--- a/templates/valkey-try-me.html
+++ b/templates/valkey-try-me.html
@@ -1,7 +1,5 @@
 {% extends "fullwidth.html" %}
-{%- block head -%}
-    <title>Try Valkey</title>
-
+{% block main_content %}
     <!-- Scripts -->
     <script src="https://download.valkey.io/try-me-valkey/vos/v86/libv86.js"></script>
     <script src="https://download.valkey.io/try-me-valkey/vos/xterm/xterm.min.js"></script>
@@ -11,17 +9,17 @@
     <!-- Styles -->
     <link rel="stylesheet" href="https://download.valkey.io/try-me-valkey/vos/xterm/xterm.css" />
     <link rel="stylesheet" href="https://download.valkey.io/try-me-valkey/vos/valkey-try-me.css" />
-
-{%- endblock -%}
-{% block main_content %}
-    <p>This is an in-browser Valkey server and CLI that runs directly within your browser using a V86 emulator, requiring no external installations. </p>
+    
+    <!-- Body -->
+    <title>Try Valkey</title>
+    <p>This is an in-browser Valkey server and CLI that runs directly within your browser using a <a href="https://github.com/copy/v86">V86</a> emulator, requiring no external installations. </p>
     <p>Try it out below:</p>
     <div id="terminalWrapper" class="container" style="display: none;">
         <div id="terminal-container"></div>
     </div>
     <!-- Warning Section -->
     <div id="warningContainer" style="text-align: center; margin-top: 20px;">
-        <button id="startButton" style="padding: 10px 20px; font-size: 18px; margin-top: 10px;">Load Emulator</button>
+        <button id="startButton" style="padding: 10px 20px; font-size: 18px; margin-top: 10px; cursor: pointer;">Load Emulator</button>
         <p>This emulator will download approximately 50MB of data.</p>
     </div>
     <!-- Loading Section (Hidden at first) -->
@@ -29,8 +27,6 @@
         <p id="progressText">Preparing to load...</p>
         <progress id="progressBar" value="0" max="100"></progress>
     </div>
-    
-
 
     <script>
         "use strict";