chore: add remix-tutorial (#11)

.github/workflows/ci.yml

@@ -28,3 +28,18 @@ jobs:
       - run: pnpm test-e2e
       - run: pnpm build
       - run: pnpm test-e2e-preview
+
+  remix-tutorial:
+    runs-on: ubuntu-latest
+    defaults:
+      run:
+        working-directory: ./remix-tutorial
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 20
+      - run: corepack enable
+      - run: pnpm i
+      - run: pnpm lint-check
+      - run: pnpm tsc

remix-tutorial/.gitignore

@@ -0,0 +1,2 @@
+node_modules
+dist

remix-tutorial/.prettierignore

@@ -0,0 +1,5 @@
+pnpm-lock.yaml
+node_modules
+dist
+.vercel
+.wrangler

remix-tutorial/README.md

@@ -0,0 +1,21 @@
+# remix-tutorial
+
+Porting [Remix Tutorial Demo](https://github.com/remix-run/remix/blob/b07921efd5e8eed98e2996749852777c71bc3e50/docs/start/tutorial.md) to [`@hiogawa/react-server`](https://github.com/hi-ogawa/vite-plugins/tree/main/packages/react-server)
+
+- [Stackblitz](https://stackblitz.com/github/hi-ogawa/rsc-on-vite/tree/main/remix-tutorial)
+- https://react-server-demo-remix-tutorial.hiro18181.workers.dev
+
+```sh
+# development
+pnpm i
+pnpm dev
+
+# build and preview
+pnpm build
+pnpm preview
+
+# deploy cloudflare workers
+pnpm cf-build
+pnpm cf-preview
+pnpm cf-release
+```

remix-tutorial/misc/cloudflare-workers/README.md

@@ -0,0 +1 @@
+copied from https://github.com/hi-ogawa/vite-plugins/tree/main/packages/react-server/examples/basic/misc/cloudflare-workers

remix-tutorial/misc/cloudflare-workers/build.sh

@@ -0,0 +1,22 @@
+#!/bin/bash
+set -eu -o pipefail
+
+cd "$(dirname "${BASH_SOURCE[0]}")"
+
+# clean
+rm -rf dist
+mkdir -p dist/server dist/client
+
+# static
+cp -r ../../dist/client/. dist/client
+rm -rf dist/client/index.html
+
+# server (bundle by ourselve instead of relying on wrangler)
+npx esbuild ../../dist/server/index.js \
+  --outfile=dist/server/index.js \
+  --metafile=dist/esbuild-metafile.json \
+  --define:process.env.NODE_ENV='"production"' \
+  --bundle \
+  --minify \
+  --format=esm \
+  --platform=browser

remix-tutorial/misc/cloudflare-workers/wrangler.toml

@@ -0,0 +1,6 @@
+name = "react-server-demo-remix-tutorial"
+
+main = "dist/server/index.js"
+assets = "dist/client"
+workers_dev = true
+compatibility_date = "2024-01-01"

remix-tutorial/package.json

@@ -0,0 +1,38 @@
+{
+  "name": "@hiogawa/react-server-example-starter",
+  "version": "0.0.0",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "vite dev",
+    "build": "vite build",
+    "preview": "vite preview",
+    "tsc": "tsc -b",
+    "tsc-dev": "pnpm tsc --watch --preserveWatchOutput",
+    "lint": "prettier -w --cache .",
+    "lint-check": "prettier -c --cache .",
+    "cf-build": "SSR_ENTRY=/src/adapters/cloudflare-workers.ts pnpm build && bash misc/cloudflare-workers/build.sh",
+    "cf-preview": "cd misc/cloudflare-workers && wrangler dev",
+    "cf-release": "cd misc/cloudflare-workers && wrangler deploy"
+  },
+  "dependencies": {
+    "@hiogawa/react-server": "0.2.1",
+    "react": "19.0.0-rc-8f3c0525f9-20240521",
+    "react-dom": "19.0.0-rc-8f3c0525f9-20240521",
+    "react-server-dom-webpack": "19.0.0-rc-8f3c0525f9-20240521"
+  },
+  "devDependencies": {
+    "@hiogawa/utils": "1.6.4-pre.2",
+    "@hiogawa/utils-node": "^0.0.1",
+    "@hiogawa/vite-plugin-ssr-middleware": "0.0.3",
+    "@types/react": "18.2.66",
+    "@types/react-dom": "18.2.22",
+    "@vitejs/plugin-react": "^4.2.1",
+    "esbuild": "^0.20.2",
+    "prettier": "^3.2.5",
+    "typescript": "^5.4.4",
+    "vite": "5.2.10",
+    "wrangler": "^3.53.0"
+  },
+  "packageManager": "[email protected]+sha512.d1a029e1a447ad90bc96cd58b0fad486d2993d531856396f7babf2d83eb1823bb83c5a3d0fc18f675b2d10321d49eb161fece36fe8134aa5823ecd215feed392"
+}