migrate docs back to remix oops

2022-01-09 17:34:50 -06:00
parent c6ea101330
commit 7d8336c7a7
58 changed files with 2086 additions and 2531 deletions
--- a/packages/docs/app/root.tsx
+++ b/packages/docs/app/root.tsx
@@ -0,0 +1,68 @@
+import packageJson from "reacord/package.json"
+import type { LinksFunction, LoaderFunction, MetaFunction } from "remix"
+import {
+  Links,
+  LiveReload,
+  Meta,
+  Outlet,
+  ScrollRestoration,
+  useLoaderData,
+} from "remix"
+import { GuideLinksProvider } from "~/modules/navigation/guide-links-context"
+import type { GuideLink } from "~/modules/navigation/load-guide-links.server"
+import { loadGuideLinks } from "~/modules/navigation/load-guide-links.server"
+import prismThemeCss from "~/modules/ui/prism-theme.css"
+
+export const meta: MetaFunction = () => ({
+  title: "Reacord",
+  description: packageJson.description,
+})
+
+export const links: LinksFunction = () => [
+  { rel: "preconnect", href: "https://fonts.googleapis.com" },
+  {
+    rel: "preconnect",
+    href: "https://fonts.gstatic.com",
+    crossOrigin: "anonymous",
+  },
+  {
+    rel: "preload",
+    as: "style",
+    href: "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@500&family=Rubik:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&display=swap",
+  },
+  { rel: "stylesheet", href: "/tailwind.css" },
+  { rel: "stylesheet", href: prismThemeCss },
+]
+
+type LoaderData = {
+  guideLinks: GuideLink[]
+}
+
+export const loader: LoaderFunction = async () => {
+  const data: LoaderData = {
+    guideLinks: await loadGuideLinks(),
+  }
+  return data
+}
+
+export default function App() {
+  const data: LoaderData = useLoaderData()
+  return (
+    <html lang="en" className="bg-slate-900 text-slate-100">
+      <head>
+        <meta charSet="utf-8" />
+        <meta name="viewport" content="width=device-width,initial-scale=1" />
+        <Meta />
+        <Links />
+        <script defer src="//unpkg.com/alpinejs@3.7.1" />
+      </head>
+      <body>
+        <GuideLinksProvider value={data.guideLinks}>
+          <Outlet />
+        </GuideLinksProvider>
+        <ScrollRestoration />
+        {process.env.NODE_ENV === "development" && <LiveReload />}
+      </body>
+    </html>
+  )
+}