chore: fmt

lino-levan · Aug 2, 2023 · ae63a5a · ae63a5a
1 parent 7177363
commit ae63a5a
Show file tree

Hide file tree

Showing 4 changed files with 44 additions and 16 deletions.
diff --git a/page.ts b/page.ts
@@ -1,6 +1,6 @@
-import { JSX } from "./src/lib/types.ts"
+import { JSX } from "./src/lib/types.ts";
 
 export type PageProps = {
-  header: JSX.Element,
-  footer?: JSX.Element
-}
+  header: JSX.Element;
+  footer?: JSX.Element;
+};
diff --git a/src/lib/render.ts b/src/lib/render.ts
@@ -65,10 +65,22 @@ export async function render(
             config,
             dev,
             magic,
-            body: renderToString(await userPage({
-              header: Header({title: config.title, header: getHeaderElements(config, plugins), github: config.github}),
-              footer: config.footer ? Footer({copyright: config.copyright, github: config.github, footer: config.footer}) : undefined
-            })),
+            body: renderToString(
+              await userPage({
+                header: Header({
+                  title: config.title,
+                  header: getHeaderElements(config, plugins),
+                  github: config.github,
+                }),
+                footer: config.footer
+                  ? Footer({
+                    copyright: config.copyright,
+                    github: config.github,
+                    footer: config.footer,
+                  })
+                  : undefined,
+              }),
+            ),
           },
         }),
       ),

diff --git a/src/lib/types.ts b/src/lib/types.ts
@@ -7,7 +7,7 @@ export interface Config {
   title: string;
   github?: string;
   copyright?: string;
-  header?: { left?: string[], right?: string[] }
+  header?: { left?: string[]; right?: string[] };
   footer?: Record<string, string[]>;
   plugins?: string[];
 }

diff --git a/src/utils.tsx b/src/utils.tsx
@@ -2,7 +2,13 @@ import remarkGfm from "remark-gfm";
 import rehypeHighlight from "rehype-prism";
 import { compile } from "mdx";
 import { render } from "gfm";
-import type { Config, FileTypes, JSX, Plugin, PluginResult } from "./lib/types.ts";
+import type {
+  Config,
+  FileTypes,
+  JSX,
+  Plugin,
+  PluginResult,
+} from "./lib/types.ts";
 
 import "prism/components/prism-markdown?no-check";
 import "prism/components/prism-jsx?no-check";
@@ -63,14 +69,24 @@ export function loadPlugins(plugins: string[]) {
 
 export function getHeaderElements(config: Config, plugins: PluginResult[]) {
   const header: {
-    left: JSX.Element[],
-    right: JSX.Element[]
+    left: JSX.Element[];
+    right: JSX.Element[];
   } = {
-    left: config.header?.left?.map((value)=>(
-      <a class="hover:text-gray-500 dark:hover:text-gray-400" href={value.split(" ").pop()}>{value.split(" ").slice(0, -1).join(" ")}</a>
+    left: config.header?.left?.map((value) => (
+      <a
+        class="hover:text-gray-500 dark:hover:text-gray-400"
+        href={value.split(" ").pop()}
+      >
+        {value.split(" ").slice(0, -1).join(" ")}
+      </a>
     )) ?? [],
-    right: config.header?.right?.map((value)=>(
-      <a class="hover:text-gray-500 dark:hover:text-gray-400" href={value.split(" ").pop()}>{value.split(" ").slice(0, -1).join(" ")}</a>
+    right: config.header?.right?.map((value) => (
+      <a
+        class="hover:text-gray-500 dark:hover:text-gray-400"
+        href={value.split(" ").pop()}
+      >
+        {value.split(" ").slice(0, -1).join(" ")}
+      </a>
     )) ?? [],
   };