add loader and other bugfixes

Author: junzyx

.changeset/seven-spies-fail.md

@@ -0,0 +1,5 @@
+---
+"htmldocs": patch
+---
+
+add loader

packages/htmldocs/src/app/components/sidebar/sidebar-directory-children.tsx

@@ -77,7 +77,6 @@ export const SidebarDirectoryChildren = (props: {
 
                     return (
                       <Link
-                        prefetch
                         href={{
                           pathname: `/preview/${documentSlug}`,
                           search: searchParams.toString(),

packages/htmldocs/src/app/preview/[...slug]/loading.tsx

@@ -0,0 +1,15 @@
+'use client';
+
+import { Shell } from "~/components/shell";
+import path from "path";
+import { Spinner } from "@phosphor-icons/react";
+
+export default function Loading() {
+  return (
+    <Shell pathSeparator={path.sep}>
+      <div className="flex items-center justify-center h-[calc(100vh_-_70px)]">
+        <Spinner className="h-6 w-6 text-slate-700 animate-spin" />
+      </div>
+    </Shell>
+  );
+}