From 0bcf02bc924b11774abebda3ed6714fcaa82a6cf Mon Sep 17 00:00:00 2001
From: Colin Ozanne <git@finxol.io>
Date: Thu, 12 Dec 2024 13:39:49 +0000
Subject: [PATCH 1/2] fix: add `unsafe-proto` flag to run Next.js app (#1255)

---
 examples/tutorials/next.md | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/examples/tutorials/next.md b/examples/tutorials/next.md
index 0bd0d807..1cf9f9ed 100644
--- a/examples/tutorials/next.md
+++ b/examples/tutorials/next.md
@@ -41,6 +41,15 @@ to install the dependencies
 deno install
 ```
 
+Next.js has some dependencies that still rely on `Object.prototype.__proto__`,
+so you need to allow it. In a new `deno.json` file, add the following lines:
+
+```json deno.json
+{
+  "unstable": ["unsafe-proto"]
+}
+```
+
 Now you can serve your new Next.js app:
 
 ```sh

From 73dc575cd43bb15b17cdcbea628e29ff5c40f889 Mon Sep 17 00:00:00 2001
From: Josh Collinsworth <joshuajcollinsworth@gmail.com>
Date: Thu, 12 Dec 2024 08:42:20 -0600
Subject: [PATCH 2/2] Minor styling updates; add  aliases

---
 _components/Sidebar.tsx |  2 +-
 _components/ToTop.tsx   |  4 +++-
 _includes/raw.tsx       |  2 +-
 deno.json               |  4 +++-
 overrides.css           | 18 +++++-------------
 5 files changed, 13 insertions(+), 17 deletions(-)

diff --git a/_components/Sidebar.tsx b/_components/Sidebar.tsx
index 51200195..1439973a 100644
--- a/_components/Sidebar.tsx
+++ b/_components/Sidebar.tsx
@@ -232,7 +232,7 @@ function SidebarTopNav(
   return (
     <li class="mx-2">
       <a
-        class={`relative block py-1.5 px-1.5 text-base text-foreground-primary leading-snug rounded ring-1 ring-transparent hover:ring-background-tertiary hover:bg-background-secondary transition-colors duration-200 ease-in-out select-none current:text-blue-500 current:bg-background-tertiary ${
+        class={`relative block py-1.5 px-1.5 text-base text-foreground-primary leading-snug rounded ring-1 ring-transparent hover:ring-background-tertiary hover:bg-background-secondary transition-colors duration-200 ease-in-out select-none current:bg-background-tertiary ${
           isCurrentlyActivePath ? "font-semibold" : "font-normal"
         }`}
         href={props.url}
diff --git a/_components/ToTop.tsx b/_components/ToTop.tsx
index 559c8b82..f1d2fe8b 100644
--- a/_components/ToTop.tsx
+++ b/_components/ToTop.tsx
@@ -1,7 +1,9 @@
 export default function ToTop() {
   return (
     <a href="#" className="totop">
-      Back to top
+      <span className="sr-only">
+        Back to top
+      </span>
     </a>
   );
 }
diff --git a/_includes/raw.tsx b/_includes/raw.tsx
index be16d7af..deb2d588 100644
--- a/_includes/raw.tsx
+++ b/_includes/raw.tsx
@@ -12,7 +12,7 @@ export default function Raw(props: Lume.Data, helpers: Lume.Helpers) {
             id="sidebar"
             data-open="false"
           >
-            <div class="p-4 shadow-sm flex justify-between h-16">
+            <div class="p-4 flex justify-between h-16">
               <a class="flex items-center gap-3 mr-6" href="/">
                 <img
                   src="/img/logo.svg"
diff --git a/deno.json b/deno.json
index 92da6713..dd1f5d4d 100644
--- a/deno.json
+++ b/deno.json
@@ -13,8 +13,10 @@
     "tailwindcss": "npm:tailwindcss@^3.4.9"
   },
   "tasks": {
-    "build": "deno run -A lume.ts",
     "serve": "deno run -A lume.ts -s",
+    "start": "deno task serve",
+    "dev": "deno task serve",
+    "build": "deno run -A lume.ts",
     "debug": "deno task build && deno task prod",
     "prod": "cd _site && deno run --allow-read --allow-env --allow-net server.ts",
     "reference": "cd reference_gen && deno task types && deno task doc",
diff --git a/overrides.css b/overrides.css
index b7926125..9ffb99cf 100644
--- a/overrides.css
+++ b/overrides.css
@@ -1,4 +1,4 @@
-/* This file exists to provide CSS overrides to styles that exist on the pages 
+/* This file exists to provide CSS overrides to styles that exist on the pages
 that are generated by deno_doc, the tool that powers the API reference documentation */
 
 #content > main > section + div {
@@ -118,24 +118,15 @@ that are generated by deno_doc, the tool that powers the API reference documenta
 
 .totop {
   @apply block fixed p-3 bg-background-secondary rounded-md border
-    border-background-tertiary text-[0px];
-  color: transparent;
-  bottom: 1rem;
-  right: 1rem;
+    border-background-tertiary bottom-4 right-4 text-transparent;
   animation-name: showToTop;
   animation-duration: 1ms;
   animation-timeline: --showScrollTop;
 }
 
 .totop::after {
+  @apply block w-4 h-4 border-2 border-primary border-l-0 border-t-0;
   content: "";
-  display: block;
-  width: 1rem;
-  height: 1rem;
-  border-width: 2px;
-  border-color: hsla(var(--primary));
-  border-left: 0;
-  border-top: 0;
   transform: translate(0, 25%) rotate(225deg);
 }
 
@@ -147,9 +138,10 @@ html {
 @keyframes showToTop {
   0% {
     opacity: 0;
+    transform: translateY(300%);
   }
-
   10% {
     opacity: 1;
+    transform: translateY(0%);
   }
 }