add astro and configure some things

.eslintrc.cjs

@@ -13,6 +13,7 @@ module.exports = {
   ],
   parserOptions: {
     project: require.resolve("./tsconfig.base.json"),
+    extraFileExtensions: [".astro"],
   },
   overrides: [
     {
@@ -21,5 +22,12 @@ module.exports = {
         project: require.resolve("./packages/website/cypress/tsconfig.json"),
       },
     },
+    {
+      files: ["*.astro"],
+      parser: "astro-eslint-parser",
+      parserOptions: {
+        parser: "@typescript-eslint/parser",
+      },
+    },
   ],
 }

package.json

@@ -11,10 +11,11 @@
   },
   "devDependencies": {
     "@changesets/cli": "^2.25.0",
-    "@itsmapleleaf/configs": "^1.1.5",
+    "@itsmapleleaf/configs": "^1.1.7",
     "@rushstack/eslint-patch": "^1.2.0",
     "@types/eslint": "^8.4.6",
-    "eslint": "^8.25.0",
+    "astro-eslint-parser": "^0.12.0",
+    "eslint": "^8.36.0",
     "prettier": "^2.7.1",
     "typescript": "^4.8.4"
   },

packages/website/astro.config.mjs

@@ -0,0 +1,7 @@
+import react from "@astrojs/react"
+import tailwind from "@astrojs/tailwind"
+import { defineConfig } from "astro/config"
+
+export default defineConfig({
+  integrations: [tailwind(), react()],
+})

packages/website/package.json

@@ -2,15 +2,21 @@
   "name": "website",
   "version": "0.4.3",
   "private": true,
+  "sideEffects": false,
   "scripts": {
-    "dev": "concurrently \"typedoc --watch\" \"pnpm tailwind -- --watch\" \"remix dev\"",
+    "dev": "run-p --race --print-label dev:*",
+    "dev:typedoc": "typedoc --watch",
+    "dev:astro": "astro dev",
     "test": "node ./scripts/test.js",
-    "test-dev": "pnpm dev & wait-on http-get://localhost:3000 && cypress open",
+    "test-dev": "run-p --race --print-label dev:* test-dev:*",
-    "build": "typedoc && pnpm tailwind -- --minify && remix build",
+    "test-dev:cypress": "wait-on http-get://localhost:3000 && cypress open",
-    "tailwind": "tailwindcss --config tailwind.config.cjs --input app/modules/ui/tailwind.css --output app/modules/ui/tailwind.out.css",
+    "build": "run-p --print-label --continue-on-error build:*",
+    "build:typedoc": "typedoc",
+    "build:astro": "astro build",
     "typecheck": "tsc --noEmit && tsc --project cypress/tsconfig.json --noEmit"
   },
   "dependencies": {
+    "@astrojs/react": "^2.1.0",
     "@headlessui/react": "^1.6.6",
     "@heroicons/react": "^1.0.6",
     "@reach/rect": "^0.17.0",
@@ -19,6 +25,7 @@
     "@remix-run/vercel": "^1.7.2",
     "@tailwindcss/typography": "^0.5.4",
     "@vercel/node": "^2.5.21",
+    "astro": "^2.1.2",
     "clsx": "^1.2.1",
     "fast-glob": "^3.2.11",
     "gray-matter": "^4.0.3",
@@ -31,6 +38,7 @@
     "zod": "^3.17.10"
   },
   "devDependencies": {
+    "@astrojs/tailwind": "^3.1.0",
     "@remix-run/dev": "^1.6.5",
     "@remix-run/serve": "^1.6.5",
     "@testing-library/cypress": "^8.0.3",
@@ -39,15 +47,14 @@
     "@types/react-dom": "^18.0.6",
     "@types/wait-on": "^5.3.1",
     "autoprefixer": "^10.4.7",
-    "concurrently": "^7.3.0",
     "cypress": "^10.3.1",
     "execa": "^6.1.0",
+    "npm-run-all": "^4.1.5",
     "postcss": "^8.4.14",
     "rehype-prism-plus": "^1.4.2",
     "tailwindcss": "^3.1.6",
     "typedoc": "^0.23.8",
     "typescript": "^4.7.4",
     "wait-on": "^6.0.1"
-  },
+  }
-  "sideEffects": false
 }

packages/website/remix.config.js

@@ -1,20 +0,0 @@
-/* eslint-disable unicorn/prefer-module */
-/**
- * @type {import('@remix-run/dev/config').AppConfig}
- */
-module.exports = {
-  serverBuildTarget: "vercel",
-  server: process.env.NODE_ENV === "development" ? undefined : "./server.js",
-  devServerPort: 8002,
-  ignoredRouteFiles: ["**/.*"],
-  // appDirectory: "app",
-  // assetsBuildDirectory: "public/build",
-  // publicPath: "/build/",
-  // serverBuildDirectory: "build",
-  mdx: async () => {
-    const rehypePrism = await import("rehype-prism-plus")
-    return {
-      rehypePlugins: [rehypePrism.default],
-    }
-  },
-}

packages/website/server.js

@@ -1,4 +0,0 @@
-import * as build from "@remix-run/dev/server-build"
-import { createRequestHandler } from "@remix-run/vercel"
-
-export default createRequestHandler({ build, mode: process.env.NODE_ENV })

packages/website/src/env.d.ts

@@ -0,0 +1 @@
+/// <reference types="astro/client" />

packages/website/src/pages/index.astro

@@ -0,0 +1 @@
+<h1>hi world</h1>

packages/website/tsconfig.json

@@ -2,10 +2,11 @@
   "extends": "../../tsconfig.base.json",
   "compilerOptions": {
     "jsx": "react-jsx",
+    "jsxImportSource": "react",
     "baseUrl": ".",
     "paths": {
       "~/*": ["./app/*"]
     }
   },
-  "include": ["remix.env.d.ts", "**/*.ts", "**/*.tsx"]
+  "include": ["**/*.ts", "**/*.tsx", "**/*.cjs", "**/*.mjs", "**/*.astro"]
 }

tsconfig.base.json

@@ -3,6 +3,14 @@
   "compilerOptions": {
     "noImplicitOverride": true
   },
+  "include": [
+    "**/*.ts",
+    "**/*.tsx",
+    "**/*.cjs",
+    "**/*.mjs",
+    "**/*.astro",
+    ".eslintrc.cjs"
+  ],
   "exclude": [
     "**/node_modules/**",
     "**/coverage/**",