feat: add remix app (ycjcl868#4)

stefango · Feb 9, 2022 · 907b150 · 907b150
1 parent a978e8c
commit 907b150
Show file tree

Hide file tree

Showing 20 changed files with 2,306 additions and 81 deletions.
diff --git a/README.md b/README.md
@@ -23,6 +23,7 @@ Preview:
 - [Vite Vue 3 App](https://monorepo-vite-vue3-app.vercel.app/)
 - [Vite React App](https://monorepo-vite-react-app.vercel.app/)
 - [Vue 3 Cli App](https://monorepo-vue3-cli-app.vercel.app/)
+- [Remix App](https://monorepo-remix-app.vercel.app/)
 
 ### React App
 

diff --git a/apps/remix-app/.gitignore b/apps/remix-app/.gitignore
@@ -0,0 +1,8 @@
+node_modules
+
+.cache
+.vercel
+.output
+
+public/build
+api/_build
diff --git a/apps/remix-app/README.md b/apps/remix-app/README.md
@@ -0,0 +1,34 @@
+# Welcome to Remix!
+
+- [Remix Docs](https://remix.run/docs)
+
+## Deployment
+
+After having run the `create-remix` command and selected "Vercel" as a deployment target, you only need to [import your Git repository](https://vercel.com/new) into Vercel, and it will be deployed.
+
+If you'd like to avoid using a Git repository, you can also deploy the directory by running [Vercel CLI](https://vercel.com/cli):
+
+```sh
+npm i -g vercel
+vercel
+```
+
+It is generally recommended to use a Git repository, because future commits will then automatically be deployed by Vercel, through its [Git Integration](https://vercel.com/docs/concepts/git).
+
+## Development
+
+To run your Remix app locally, make sure your project's local dependencies are installed:
+
+```sh
+npm install
+```
+
+Afterwards, start the Remix development server like so:
+
+```sh
+npm run dev
+```
+
+Open up [http://localhost:3000](http://localhost:3000) and you should be ready to go!
+
+If you're used to using the `vercel dev` command provided by [Vercel CLI](https://vercel.com/cli) instead, you can also use that, but it's not needed.
diff --git a/apps/remix-app/api/index.js b/apps/remix-app/api/index.js
@@ -0,0 +1,5 @@
+const { createRequestHandler } = require("@remix-run/vercel");
+
+module.exports = createRequestHandler({
+  build: require("./_build")
+});
diff --git a/apps/remix-app/app/entry.client.tsx b/apps/remix-app/app/entry.client.tsx
@@ -0,0 +1,4 @@
+import { hydrate } from "react-dom";
+import { RemixBrowser } from "remix";
+
+hydrate(<RemixBrowser />, document);
diff --git a/apps/remix-app/app/entry.server.tsx b/apps/remix-app/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
+  });
+}
diff --git a/apps/remix-app/app/root.tsx b/apps/remix-app/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>
+  );
+}
diff --git a/apps/remix-app/app/routes/index.tsx b/apps/remix-app/app/routes/index.tsx
@@ -0,0 +1,39 @@
+import { AppType } from '@infras/shared/types'
+import { sum } from '@infras/shared/utils'
+import { Component } from '@infras/ui/react'
+
+export default function Index() {
+  return (
+    <div style={{ fontFamily: 'system-ui, sans-serif', lineHeight: '1.4' }}>
+      <h1>Welcome to Remix</h1>
+      <Component />
+      <p>AppType.Web is {AppType.Web}</p>
+      <p>sum(1, 1) is {sum(1, 1)}</p>
+      <ul>
+        <li>
+          <a
+            target='_blank'
+            href='https://remix.run/tutorials/blog'
+            rel='noreferrer'
+          >
+            15m Quickstart Blog Tutorial
+          </a>
+        </li>
+        <li>
+          <a
+            target='_blank'
+            href='https://remix.run/tutorials/jokes'
+            rel='noreferrer'
+          >
+            Deep Dive Jokes App Tutorial
+          </a>
+        </li>
+        <li>
+          <a target='_blank' href='https://remix.run/docs' rel='noreferrer'>
+            Remix Docs
+          </a>
+        </li>
+      </ul>
+    </div>
+  )
+}
diff --git a/apps/remix-app/package.json b/apps/remix-app/package.json
@@ -0,0 +1,37 @@
+{
+  "private": true,
+  "name": "remix-app",
+  "description": "",
+  "license": "",
+  "scripts": {
+    "build": "remix build",
+    "dev": "remix dev",
+    "start": "remix dev",
+    "postinstall": "remix setup node"
+  },
+  "dependencies": {
+    "@infras/shared": "workspace:*",
+    "@infras/ui": "workspace:*",
+    "@remix-run/react": "^1.1.3",
+    "@remix-run/serve": "^1.1.3",
+    "@remix-run/vercel": "^1.1.3",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "remix": "^1.1.3"
+  },
+  "devDependencies": {
+    "@remix-run/dev": "^1.1.3",
+    "@types/react": "^17.0.39",
+    "@types/react-dom": "^17.0.11",
+    "typescript": "^4.5.5"
+  },
+  "dependenciesMeta": {
+    "@infras/ui": {
+      "injected": true
+    }
+  },
+  "engines": {
+    "node": ">=14"
+  },
+  "sideEffects": false
+}
diff --git a/apps/remix-app/public/favicon.ico b/apps/remix-app/public/favicon.ico
diff --git a/apps/remix-app/remix.config.js b/apps/remix-app/remix.config.js
@@ -0,0 +1,10 @@
+/**
+ * @type {import('@remix-run/dev/config').AppConfig}
+ */
+module.exports = {
+  appDirectory: "app",
+  assetsBuildDirectory: "public/build",
+  publicPath: "/build/",
+  serverBuildDirectory: "api/_build",
+  ignoredRouteFiles: [".*"]
+};
diff --git a/apps/remix-app/remix.env.d.ts b/apps/remix-app/remix.env.d.ts
@@ -0,0 +1,2 @@
+/// <reference types="@remix-run/dev" />
+/// <reference types="@remix-run/node/globals" />
diff --git a/apps/remix-app/tsconfig.json b/apps/remix-app/tsconfig.json
@@ -0,0 +1,19 @@
+{
+  "extends": "@infras/shared/configs/tsconfig.base.json",
+  "include": ["remix.env.d.ts", "**/*.ts", "**/*.tsx"],
+  "compilerOptions": {
+    "lib": ["DOM", "DOM.Iterable", "ES2019"],
+    "isolatedModules": true,
+    "jsx": "react-jsx",
+    "resolveJsonModule": true,
+    "target": "ES2019",
+    "strict": true,
+    "baseUrl": ".",
+    "paths": {
+      "~/*": ["./app/*"]
+    },
+
+    // Remix takes care of building everything in `remix build`.
+    "noEmit": true
+  }
+}
diff --git a/apps/remix-app/vercel.json b/apps/remix-app/vercel.json
@@ -0,0 +1,7 @@
+{
+  "build": {
+    "env": {
+      "ENABLE_FILE_SYSTEM_API": "1"
+    }
+  }
+}
diff --git a/package.json b/package.json
@@ -4,8 +4,13 @@
     "build:pkg": "pnpm run prepare -r"
   },
   "devDependencies": {
-    "turbo": "^1.0.23",
-    "prettier": "^2.5.1"
+    "prettier": "^2.5.1",
+    "turbo": "^1.1.2"
+  },
+  "pnpm": {
+    "overrides": {
+      "@remix-run/dev@1>esbuild": "0.14.21"
+    }
   },
   "turbo": {
     "npmClient": "pnpm",
@@ -21,7 +26,9 @@
         ]
       },
       "deploy": {
-        "dependsOn": ["build"]
+        "dependsOn": [
+          "build"
+        ]
       },
       "dev": {
         "cache": false

diff --git a/packages/native/native.darwin-x64.node b/packages/native/native.darwin-x64.node
diff --git a/packages/native/package.json b/packages/native/package.json
@@ -11,7 +11,7 @@
   },
   "license": "MIT",
   "devDependencies": {
-    "@napi-rs/cli": "^2.2.0"
+    "@napi-rs/cli": "^2.4.2"
   },
   "engines": {
     "node": ">= 10"
@@ -29,4 +29,4 @@
     "@infras/native-darwin-x64": "0.0.0",
     "@infras/native-linux-x64-gnu": "0.0.0"
   }
-}
+}
diff --git a/packages/native/target/.rustc_info.json b/packages/native/target/.rustc_info.json
@@ -1 +1 @@
-{"rustc_fingerprint":10073983477905605396,"outputs":{"2797684049618456168":{"success":true,"status":"","code":0,"stdout":"___\nlib___.rlib\nlib___.dylib\nlib___.dylib\nlib___.a\nlib___.dylib\n","stderr":""},"15537503139010883884":{"success":true,"status":"","code":0,"stdout":"___\nlib___.rlib\nlib___.dylib\nlib___.dylib\nlib___.a\nlib___.dylib\n","stderr":""},"17598535894874457435":{"success":true,"status":"","code":0,"stdout":"rustc 1.56.1 (59eed8a2a 2021-11-01)\nbinary: rustc\ncommit-hash: 59eed8a2aac0230a8b53e89d4e99d55912ba6b35\ncommit-date: 2021-11-01\nhost: x86_64-apple-darwin\nrelease: 1.56.1\nLLVM version: 13.0.0\n","stderr":""},"931469667778813386":{"success":true,"status":"","code":0,"stdout":"___\nlib___.rlib\nlib___.dylib\nlib___.dylib\nlib___.a\nlib___.dylib\n/Users/bytedance/.rustup/toolchains/stable-x86_64-apple-darwin\ndebug_assertions\nproc_macro\ntarget_arch=\"x86_64\"\ntarget_endian=\"little\"\ntarget_env=\"\"\ntarget_family=\"unix\"\ntarget_feature=\"fxsr\"\ntarget_feature=\"sse\"\ntarget_feature=\"sse2\"\ntarget_feature=\"sse3\"\ntarget_feature=\"ssse3\"\ntarget_os=\"macos\"\ntarget_pointer_width=\"64\"\ntarget_vendor=\"apple\"\nunix\n","stderr":""}},"successes":{}}
+{"rustc_fingerprint":7102456466161743728,"outputs":{"17598535894874457435":{"success":true,"status":"","code":0,"stdout":"rustc 1.58.1 (db9d1b20b 2022-01-20)\nbinary: rustc\ncommit-hash: db9d1b20bba1968c1ec1fc49616d4742c1725b4b\ncommit-date: 2022-01-20\nhost: x86_64-apple-darwin\nrelease: 1.58.1\nLLVM version: 13.0.0\n","stderr":""},"2797684049618456168":{"success":true,"status":"","code":0,"stdout":"___\nlib___.rlib\nlib___.dylib\nlib___.dylib\nlib___.a\nlib___.dylib\n","stderr":""},"931469667778813386":{"success":true,"status":"","code":0,"stdout":"___\nlib___.rlib\nlib___.dylib\nlib___.dylib\nlib___.a\nlib___.dylib\n/Users/bytedance/.rustup/toolchains/stable-x86_64-apple-darwin\ndebug_assertions\nproc_macro\ntarget_arch=\"x86_64\"\ntarget_endian=\"little\"\ntarget_env=\"\"\ntarget_family=\"unix\"\ntarget_feature=\"fxsr\"\ntarget_feature=\"sse\"\ntarget_feature=\"sse2\"\ntarget_feature=\"sse3\"\ntarget_feature=\"ssse3\"\ntarget_os=\"macos\"\ntarget_pointer_width=\"64\"\ntarget_vendor=\"apple\"\nunix\n","stderr":""}},"successes":{}}
diff --git a/packages/ui/react/Component.tsx b/packages/ui/react/Component.tsx
@@ -1,16 +1,17 @@
-import React, { useState } from 'react';
-import { map } from 'lodash-es';
+import React from 'react'
+import { useState } from 'react'
+import { map } from 'lodash-es'
 
 const Component: React.FC<{}> = () => {
-  const [count, setCount] = useState<number>(0);
+  const [count, setCount] = useState<number>(0)
 
   return (
     <div>
       <p>count: {count}</p>
-      <p>{map([1,2,3,4])}</p>
-      <button onClick={() => setCount(prev => prev + 1)}>Add</button>
+      <p>{map([1, 2, 3, 4])}</p>
+      <button onClick={() => setCount((prev) => prev + 1)}>Add</button>
     </div>
   )
 }
 
-export default Component;
+export default Component
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,2 @@
		/// <reference types="@remix-run/dev" />
		/// <reference types="@remix-run/node/globals" />
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		{"rustc_fingerprint":10073983477905605396,"outputs":{"2797684049618456168":{"success":true,"status":"","code":0,"stdout":"___\nlib___.rlib\nlib___.dylib\nlib___.dylib\nlib___.a\nlib___.dylib\n","stderr":""},"15537503139010883884":{"success":true,"status":"","code":0,"stdout":"___\nlib___.rlib\nlib___.dylib\nlib___.dylib\nlib___.a\nlib___.dylib\n","stderr":""},"17598535894874457435":{"success":true,"status":"","code":0,"stdout":"rustc 1.56.1 (59eed8a2a 2021-11-01)\nbinary: rustc\ncommit-hash: 59eed8a2aac0230a8b53e89d4e99d55912ba6b35\ncommit-date: 2021-11-01\nhost: x86_64-apple-darwin\nrelease: 1.56.1\nLLVM version: 13.0.0\n","stderr":""},"931469667778813386":{"success":true,"status":"","code":0,"stdout":"___\nlib___.rlib\nlib___.dylib\nlib___.dylib\nlib___.a\nlib___.dylib\n/Users/bytedance/.rustup/toolchains/stable-x86_64-apple-darwin\ndebug_assertions\nproc_macro\ntarget_arch=\"x86_64\"\ntarget_endian=\"little\"\ntarget_env=\"\"\ntarget_family=\"unix\"\ntarget_feature=\"fxsr\"\ntarget_feature=\"sse\"\ntarget_feature=\"sse2\"\ntarget_feature=\"sse3\"\ntarget_feature=\"ssse3\"\ntarget_os=\"macos\"\ntarget_pointer_width=\"64\"\ntarget_vendor=\"apple\"\nunix\n","stderr":""}},"successes":{}}
		{"rustc_fingerprint":7102456466161743728,"outputs":{"17598535894874457435":{"success":true,"status":"","code":0,"stdout":"rustc 1.58.1 (db9d1b20b 2022-01-20)\nbinary: rustc\ncommit-hash: db9d1b20bba1968c1ec1fc49616d4742c1725b4b\ncommit-date: 2022-01-20\nhost: x86_64-apple-darwin\nrelease: 1.58.1\nLLVM version: 13.0.0\n","stderr":""},"2797684049618456168":{"success":true,"status":"","code":0,"stdout":"___\nlib___.rlib\nlib___.dylib\nlib___.dylib\nlib___.a\nlib___.dylib\n","stderr":""},"931469667778813386":{"success":true,"status":"","code":0,"stdout":"___\nlib___.rlib\nlib___.dylib\nlib___.dylib\nlib___.a\nlib___.dylib\n/Users/bytedance/.rustup/toolchains/stable-x86_64-apple-darwin\ndebug_assertions\nproc_macro\ntarget_arch=\"x86_64\"\ntarget_endian=\"little\"\ntarget_env=\"\"\ntarget_family=\"unix\"\ntarget_feature=\"fxsr\"\ntarget_feature=\"sse\"\ntarget_feature=\"sse2\"\ntarget_feature=\"sse3\"\ntarget_feature=\"ssse3\"\ntarget_os=\"macos\"\ntarget_pointer_width=\"64\"\ntarget_vendor=\"apple\"\nunix\n","stderr":""}},"successes":{}}