docker: initial container creation

Dockerfile

@@ -0,0 +1,12 @@
+FROM node:18.17.1-alpine
+
+WORKDIR /ttc
+
+ADD . .
+
+RUN npm i
+RUN npm run build
+
+EXPOSE 3000
+
+CMD [ "npm","start" ]

app/client.tsx

@@ -0,0 +1,14 @@
+"use client";
+
+import { TTCMD } from "@/components/ttcmd";
+import { FC, use } from "react";
+
+export const HomeClient: FC<{ body: Promise<string> }> = ({ body }) => {
+  const text = use(body);
+
+  return (
+    <TTCMD
+      body={text}
+    />
+  );
+};

app/page.tsx

@@ -1,9 +1,12 @@
+import { readMD } from "@/actions/readMD";
 import { TTCMD } from "@/components/ttcmd";
 import { readFile } from "fs/promises";
 import { Suspense } from "react";
+import { HomeClient } from "./client";
+import { Loader } from "@/components/loader";
 
 export default function Home() {
-  const body = readFile("./md/home.md", "utf-8");
+  const body = readMD("./md/home.md");
   return (
     <>
       <section className="heading">
@@ -132,10 +135,8 @@ export default function Home() {
         </cite>
       </section> */
       }
-      <Suspense>
-        <TTCMD
-          body={body}
-        />
+      <Suspense fallback={<Loader />}>
+        <HomeClient body={body} />
       </Suspense>
     </>
   );

hooks/types.d.ts

@@ -0,0 +1,7 @@
+export type InputBinder = {
+  name: string;
+  value: string | number;
+  onChange: (
+    e: ChangeEvent<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement>,
+  ) => void;
+};

hooks/useObjectState.ts

@@ -1,5 +1,5 @@
 import React, { ChangeEvent, useCallback, useState } from "react";
-import { InputBinder } from "../types/inputBinder";
+import { InputBinder } from "./types";
 
 type ObjectStateHookConfig = {
   disallowSpaces?: boolean;

hooks/useQueryParams.ts

@@ -1,10 +0,0 @@
-import { useEffect, useRef } from 'react'
-import { QueryParams } from '../utils/queryParams'
-
-export const useQueryParams = (options?: {clean: boolean}) => {
-  const queryParams = useRef(new QueryParams(options))
-
-  useEffect(() => {
-    console.log(queryParams.current.get('test'))
-  }, [queryParams.current])
-}