create remix project

2021-12-29 11:41:24 -06:00
parent f3aab8f425
commit ec8dde942b
35 changed files with 5535 additions and 3001 deletions
--- a/docs/app/entry.client.tsx
+++ b/docs/app/entry.client.tsx
@@ -0,0 +1,4 @@
+import { hydrate } from "react-dom";
+import { RemixBrowser } from "remix";
+
+hydrate(<RemixBrowser />, document);
--- a/docs/app/entry.server.tsx
+++ b/docs/app/entry.server.tsx
@@ -0,0 +1,21 @@
+import { renderToString } from "react-dom/server";
+import { RemixServer } from "remix";
+import type { EntryContext } from "remix";
+
+export default function handleRequest(
+  request: Request,
+  responseStatusCode: number,
+  responseHeaders: Headers,
+  remixContext: EntryContext
+) {
+  const markup = renderToString(
+    <RemixServer context={remixContext} url={request.url} />
+  );
+
+  responseHeaders.set("Content-Type", "text/html");
+
+  return new Response("<!DOCTYPE html>" + markup, {
+    status: responseStatusCode,
+    headers: responseHeaders
+  });
+}
--- a/docs/app/root.tsx
+++ b/docs/app/root.tsx
@@ -0,0 +1,32 @@
+import {
+  Links,
+  LiveReload,
+  Meta,
+  Outlet,
+  Scripts,
+  ScrollRestoration
+} from "remix";
+import type { MetaFunction } from "remix";
+
+export const meta: MetaFunction = () => {
+  return { title: "New Remix App" };
+};
+
+export default function App() {
+  return (
+    <html lang="en">
+      <head>
+        <meta charSet="utf-8" />
+        <meta name="viewport" content="width=device-width,initial-scale=1" />
+        <Meta />
+        <Links />
+      </head>
+      <body>
+        <Outlet />
+        <ScrollRestoration />
+        <Scripts />
+        {process.env.NODE_ENV === "development" && <LiveReload />}
+      </body>
+    </html>
+  );
+}
--- a/docs/app/routes/index.tsx
+++ b/docs/app/routes/index.tsx
@@ -0,0 +1,16 @@
+import { readFile } from "fs/promises"
+import { json, LoaderFunction, useLoaderData } from "remix"
+
+export const loader: LoaderFunction = async () => {
+  const docs = await readFile("app/docs.json", "utf8")
+  return json(JSON.parse(docs))
+}
+
+export default function Index() {
+  const data = useLoaderData()
+  return (
+    <main>
+      <pre>{JSON.stringify(data, undefined, 2)}</pre>
+    </main>
+  )
+}