From 03565d1f78ac43371f23f24ebdf9e90b0d86e378 Mon Sep 17 00:00:00 2001
From: Ayo Ayco <ramon.aycojr@gmail.com>
Date: Tue, 29 Nov 2022 20:33:46 +0100
Subject: [PATCH] initial experimental demo page for hyperdrive (#218)

* create button component with disabled prop

* feat(demo): Layout component (#214)

* refactor(form): validation attributes set null instead of false (#215)

* create button component with disabled prop

* refactor: remove unused import

* refactor: clean up nav; new experimental demo

* create button component with disabled prop

* refactor: remove unused import

* refactor: remove unused component
---
 apps/demo/src/components/Nav.astro            | 23 ++++++++++++++++---
 .../src/pages/experimental/hyperdrive.astro   | 17 ++++++++++++++
 apps/demo/src/pages/experimental/index.astro  |  9 ++++++++
 3 files changed, 46 insertions(+), 3 deletions(-)
 create mode 100644 apps/demo/src/pages/experimental/hyperdrive.astro
 create mode 100644 apps/demo/src/pages/experimental/index.astro

diff --git a/apps/demo/src/components/Nav.astro b/apps/demo/src/components/Nav.astro
index 71ac142..e9574f6 100644
--- a/apps/demo/src/components/Nav.astro
+++ b/apps/demo/src/components/Nav.astro
@@ -1,8 +1,25 @@
 ---
+const links = [
+  { label: "Home", url: "/" },
+  { label: "Pizza Delivery", url: "/pizza-delivery" },
+  { label: "Job Application", url: "/job-application" },
+  { label: "Docs Examples", url: "/examples" },
+  { label: "Experimental", url: "/experimental" },
+];
 ---
 
 <nav>
-  <a href="/">Home</a> | <a href="/pizza-delivery">Pizza Delivery</a> | <a
-    href="/job-application">Job Application</a
-  > | <a href="/examples">Docs Exaples</a>
+  {links.map((link) => <a href={link.url}>{link.label}</a>)}
 </nav>
+
+<style>
+  nav a::after {
+    content: " | ";
+  }
+  nav a {
+    text-decoration: none;
+  }
+  nav a:hover {
+    text-decoration: underline;
+  }
+</style>
diff --git a/apps/demo/src/pages/experimental/hyperdrive.astro b/apps/demo/src/pages/experimental/hyperdrive.astro
new file mode 100644
index 0000000..8500a70
--- /dev/null
+++ b/apps/demo/src/pages/experimental/hyperdrive.astro
@@ -0,0 +1,17 @@
+---
+import Layout from "../../components/Layout.astro";
+
+const Counter = {
+  count: 0,
+  increment() {
+    this.count++;
+  },
+  decrement() {
+    this.count--;
+  },
+};
+---
+
+<Layout title="Hyperdrive Experiment">
+  {Counter.count}
+</Layout>
diff --git a/apps/demo/src/pages/experimental/index.astro b/apps/demo/src/pages/experimental/index.astro
new file mode 100644
index 0000000..0b684f2
--- /dev/null
+++ b/apps/demo/src/pages/experimental/index.astro
@@ -0,0 +1,9 @@
+---
+import Layout from "../../components/Layout.astro";
+---
+
+<Layout title="Experimental Demos">
+  <ul>
+    <li><a href="./experimental/hyperdrive">Hyperdrive</a></li>
+  </ul>
+</Layout>