From 00e36ed81b109b851562ad410181e1e9335e089b Mon Sep 17 00:00:00 2001
From: MapleLeaf <19603573+itsMapleLeaf@users.noreply.github.com>
Date: Thu, 30 Dec 2021 16:33:41 -0600
Subject: [PATCH] organize

---
 packages/docs/app/components/header-nav.tsx   | 31 +++++++++++++++
 .../app/{ => components}/landing-example.mdx  |  0
 packages/docs/app/docs.server.ts              |  8 ----
 .../app/{ => helpers}/create-index.server.ts  |  0
 .../filesystem.server.ts}                     |  0
 packages/docs/app/routes/docs.tsx             | 38 ++-----------------
 packages/docs/app/routes/index.tsx            |  2 +-
 7 files changed, 35 insertions(+), 44 deletions(-)
 create mode 100644 packages/docs/app/components/header-nav.tsx
 rename packages/docs/app/{ => components}/landing-example.mdx (100%)
 delete mode 100644 packages/docs/app/docs.server.ts
 rename packages/docs/app/{ => helpers}/create-index.server.ts (100%)
 rename packages/docs/app/{filesystem.ts => helpers/filesystem.server.ts} (100%)

diff --git a/packages/docs/app/components/header-nav.tsx b/packages/docs/app/components/header-nav.tsx
new file mode 100644
index 0000000..db4520b
--- /dev/null
+++ b/packages/docs/app/components/header-nav.tsx
@@ -0,0 +1,31 @@
+import { CodeIcon } from "@heroicons/react/outline"
+import { DocumentTextIcon, ExternalLinkIcon } from "@heroicons/react/solid"
+import { Link } from "remix"
+import { ExternalLink } from "~/components/external-link"
+import { linkClass } from "~/styles"
+
+export function HeaderNav() {
+  return (
+    <nav className="flex justify-between items-center">
+      <Link to="/">
+        <h1 className="text-3xl font-light">
+          reacord <CodeIcon className="inline w-8 align-sub opacity-50" />
+        </h1>
+      </Link>
+      <div className="flex gap-4">
+        <Link className={linkClass} to="/docs/guides/getting-started">
+          <DocumentTextIcon className="inline align-sub w-5" /> Guides
+        </Link>
+        <a className={linkClass} href="/docs/api">
+          <CodeIcon className="inline align-sub w-5" /> API Reference
+        </a>
+        <ExternalLink
+          className={linkClass}
+          href="https://github.com/itsMapleLeaf/reacord"
+        >
+          <ExternalLinkIcon className="inline align-sub w-5" /> GitHub
+        </ExternalLink>
+      </div>
+    </nav>
+  )
+}
diff --git a/packages/docs/app/landing-example.mdx b/packages/docs/app/components/landing-example.mdx
similarity index 100%
rename from packages/docs/app/landing-example.mdx
rename to packages/docs/app/components/landing-example.mdx
diff --git a/packages/docs/app/docs.server.ts b/packages/docs/app/docs.server.ts
deleted file mode 100644
index aa6488a..0000000
--- a/packages/docs/app/docs.server.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-import { readFile } from "node:fs/promises"
-import type { JSONOutput } from "typedoc"
-
-export type DocsJson = JSONOutput.Reflection
-
-export async function loadDocs(): Promise<DocsJson> {
-  return JSON.parse(await readFile("app/docs.json", "utf8"))
-}
diff --git a/packages/docs/app/create-index.server.ts b/packages/docs/app/helpers/create-index.server.ts
similarity index 100%
rename from packages/docs/app/create-index.server.ts
rename to packages/docs/app/helpers/create-index.server.ts
diff --git a/packages/docs/app/filesystem.ts b/packages/docs/app/helpers/filesystem.server.ts
similarity index 100%
rename from packages/docs/app/filesystem.ts
rename to packages/docs/app/helpers/filesystem.server.ts
diff --git a/packages/docs/app/routes/docs.tsx b/packages/docs/app/routes/docs.tsx
index 00393a2..86b20cd 100644
--- a/packages/docs/app/routes/docs.tsx
+++ b/packages/docs/app/routes/docs.tsx
@@ -1,17 +1,11 @@
-import { CodeIcon } from "@heroicons/react/outline"
-import {
-  DatabaseIcon,
-  DocumentTextIcon,
-  ExternalLinkIcon,
-} from "@heroicons/react/solid"
 import type { LoaderFunction } from "remix"
 import { Link, Outlet, useLoaderData } from "remix"
-import { ExternalLink } from "~/components/external-link"
 import { HeaderLayout } from "~/components/header-layout"
+import { HeaderNav } from "~/components/header-nav"
 import { SideNav } from "~/components/side-nav"
 import { SidebarLayout } from "~/components/sidebar-layout"
-import type { ContentIndexEntry } from "~/create-index.server"
-import { createContentIndex } from "~/create-index.server"
+import type { ContentIndexEntry } from "~/helpers/create-index.server"
+import { createContentIndex } from "~/helpers/create-index.server"
 import { linkClass } from "~/styles"
 
 type LoaderData = ContentIndexEntry[]
@@ -47,29 +41,3 @@ export default function Docs() {
     />
   )
 }
-
-function HeaderNav() {
-  return (
-    <nav className="flex justify-between items-center">
-      <Link to="/">
-        <h1 className="text-3xl font-light">
-          reacord <CodeIcon className="inline w-8 align-sub opacity-50" />
-        </h1>
-      </Link>
-      <div className="flex gap-4">
-        <Link className={linkClass} to="/docs/guides/getting-started">
-          <DocumentTextIcon className="inline align-sub w-5" /> Guides
-        </Link>
-        <Link className={linkClass} to="/docs/api">
-          <DatabaseIcon className="inline align-sub w-5" /> API Reference
-        </Link>
-        <ExternalLink
-          className={linkClass}
-          href="https://github.com/itsMapleLeaf/reacord"
-        >
-          <ExternalLinkIcon className="inline align-sub w-5" /> GitHub
-        </ExternalLink>
-      </div>
-    </nav>
-  )
-}
diff --git a/packages/docs/app/routes/index.tsx b/packages/docs/app/routes/index.tsx
index 0ae9d62..0cb04af 100644
--- a/packages/docs/app/routes/index.tsx
+++ b/packages/docs/app/routes/index.tsx
@@ -1,5 +1,5 @@
 import { Link } from "remix"
-import LandingExample from "~/landing-example.mdx"
+import LandingExample from "~/components/landing-example.mdx"
 
 export default function Landing() {
   return (