refactor: migrate to ShadCN UI, TanStack Router, Bun runtime (#2075)

Author: koistya

.env

@@ -10,7 +10,7 @@ APP_ENV=local
 APP_NAME=Acme Co.
 APP_HOSTNAME=localhost
 APP_ORIGIN=http://localhost:5173
-API_ORIGIN=https://api-mcfytwakla-uc.a.run.app
+API_ORIGIN=http://localhost:8787
 APP_STORAGE_BUCKET=example.com
 
 # Google Cloud
@@ -20,12 +20,6 @@ GOOGLE_CLOUD_REGION=us-central1
 GOOGLE_CLOUD_DATABASE="(default)"
 GOOGLE_CLOUD_CREDENTIALS={"type":"service_account","project_id":"example","private_key_id":"xxx","private_key":"-----BEGIN PRIVATE KEY-----\nxxxxx\n-----END PRIVATE KEY-----\n","client_email":"application@exmaple.iam.gserviceaccount.com","client_id":"xxxxx","auth_uri":"https://accounts.google.com/o/oauth2/auth","token_uri":"https://oauth2.googleapis.com/token","auth_provider_x509_cert_url":"https://www.googleapis.com/oauth2/v1/certs","client_x509_cert_url":"https://www.googleapis.com/robot/v1/metadata/x509/application%40example.iam.gserviceaccount.com"}
 
-# Firebase
-# https://console.firebase.google.com/
-FIREBASE_APP_ID=1:736557952746:web:b5ee23841e24c0b883b193
-FIREBASE_API_KEY=AIzaSyAZDmdeRWvlYgZpwm6LBCkYJM6ySIMF2Hw
-FIREBASE_AUTH_DOMAIN=kriasoft.web.app
-
 # OpenAI
 # https://platform.openai.com/
 OPENAI_ORGANIZATION=xxxxx
@@ -47,3 +41,8 @@ GA_MEASUREMENT_ID=G-XXXXXXXX
 # https://app.sendgrid.com/settings/api_keys
 SENDGRID_API_KEY=xxxxx
 FROM_EMAIL=hello@example.com
+
+# Algolia Search
+# https://dashboard.algolia.com/account/api-keys/all
+ALGOLIA_APP_ID=xxxxx
+ALGOLIA_ADMIN_API_KEY=xxxxx

.eslintrc.cjs

@@ -0,0 +1,23 @@
+## Introduction
+
+This repository, named React Starter Kit, is a boilerplate for building web applications using Bun, TypeScript, and React. It is designed to be a starting point for developers who want to create modern web applications with a focus on performance, simplicity, and best practices.
+
+## Project Structure
+
+- `app` - Front-end code built with React and TypeScript.
+- `server` - Back-end server built with Bun and Hono.
+  - `modules/ai` - AI related modules.
+  - `modules/ws` - WebSocket router, types, etc.
+  - `modules/*` - Other server modules.
+  - `api` - API routes for the server using Hono
+  - `ws` - WebSocket routes for the server using `WebSocketRouter`.
+- `packages/*` - Shared packages and libraries.
+- `scripts` - Development and build scripts.
+
+## Coding Style
+
+- Use functional programming principles.
+- Follow existing code style and conventions.
+- Use modern TypeScript features.
+- Avoid outdated coding patterns, e.g. using `_` for private variables.
+- Use Bun/Hono features and idioms, for example pub-sub for WebSocket.

.github/copilot-instructions.md

@@ -21,7 +21,7 @@ on:
         required: true
 
 env:
-  NODE_VERSION: 20.5.x
+  BUN_VERSION: latest
   VERSION: ${{ github.event.pull_request.number }}
   HUSKY: 0
 
@@ -32,24 +32,25 @@ jobs:
     steps:
       - uses: actions/checkout@v4
 
-      # Configure Node.js and install NPM dependencies
-      - uses: actions/setup-node@v4
-        with: { node-version: "${{ env.NODE_VERSION }}", cache: "yarn" }
-      - run: yarn install
+      # Configure Bun and install dependencies
+      - uses: oven-sh/setup-bun@v2
+        with:
+          bun-version: ${{ env.BUN_VERSION }}
+      - run: bun install
 
       # Analyze code for potential problems
-      - run: yarn prettier --check .
+      - run: bun prettier --check .
         if: ${{ github.event_name == 'pull_request' }}
-      - run: yarn lint
+      - run: bun lint
         if: ${{ github.event_name == 'pull_request' }}
-      - run: yarn tsc --build
-      - run: yarn workspace app test
+      - run: bun tsc --build
+      - run: bun --filter app test
         if: ${{ github.event_name == 'pull_request' }}
-      # - run: yarn workspace edge test
+      # - run: bun --filter edge test
       #   if: ${{ github.event_name == 'pull_request' }}
 
       # Compile and save build artifacts
-      - run: yarn build
+      - run: bun build
       - uses: actions/upload-artifact@v4
         with: { name: "build", path: "app/dist\nedge/dist\n" }
 
@@ -62,10 +63,11 @@ jobs:
       url: ${{ inputs.environment == 'prod' && 'https://example.com' || format('https://{0}.example.com', inputs.environment || 'test') }}
     steps:
       - uses: actions/checkout@v4
-      - uses: actions/setup-node@v4
-        with: { node-version: "${{ env.NODE_VERSION }}", cache: "yarn" }
-      - run: yarn install
+      - uses: oven-sh/setup-bun@v2
+        with:
+          bun-version: ${{ env.BUN_VERSION }}
+      - run: bun install
       - uses: actions/download-artifact@v4
         with: { name: "build" }
-      - run: yarn workspace edge deploy --env=${{ inputs.environment || 'test' }}
+      - run: bun --filter edge deploy --env=${{ inputs.environment || 'test' }}
         if: ${{ false }}

.github/workflows/main.yml

@@ -4,23 +4,17 @@
 # Compiled output
 /*/dist/
 
-# Yarn package manager with PnP
-# https://yarnpkg.com/getting-started/qa/#which-files-should-be-gitignored
-.pnp.*
-.yarn/*
-!.yarn/patches
-!.yarn/plugins
-!.yarn/releases
-!.yarn/sdks
-!.yarn/versions
+# Bun package manager
+# https://bun.sh/docs/install/lockfile
 node_modules
+bun.lockb
 
 # Logs
-yarn-debug.log*
-yarn-error.log*
+*.log
 
 # Cache
 /.cache
+/*/.swc/
 .eslintcache
 
 # Testing
@@ -34,15 +28,26 @@ yarn-error.log*
 # Visual Studio Code
 # https://github.com/github/gitignore/blob/master/Global/VisualStudioCode.gitignore
 .vscode/*
+!.vscode/extensions.json
+!.vscode/launch.json
+!.vscode/mcp.json
 !.vscode/settings.json
 !.vscode/tasks.json
-!.vscode/launch.json
-!.vscode/extensions.json
-!.vscode/react.code-snippets
 
 # WebStorm
 .idea
 
+# Wrangler CLI
+# https://developers.cloudflare.com/workers/wrangler/
+.wrangler/
+wrangler.toml.backup
+
+# TanStack Router
+# Generated route tree files should not be committed
+*/lib/routeTree.gen.ts
+*/.tanstack/
+
 # macOS
 # https://github.com/github/gitignore/blob/master/Global/macOS.gitignore
 .DS_Store
+

.gitignore

@@ -1,6 +1 @@
-#!/usr/bin/env sh
-. "$(dirname -- "$0")/_/husky.sh"
-
-yarn prettier --check .
-yarn lint
-yarn tsc --build
+bun test

.husky/pre-commit

@@ -1,13 +1,14 @@
 # Compiled & generated output
-/*/dist/
 /app/queries/
+/*/dist/
+/**/*.generated.ts
 
 # Cache
 /.cache
 
-# Yarn
-/.yarn
-/.pnp.*
+# Bun and Node.js modules
+/node_modules
+/bun.lock
 
 # TypeScript
 /tsconfig.base.json

.prettierignore

@@ -10,7 +10,6 @@
     "graphql.vscode-graphql",
     "mikestead.dotenv",
     "streetsidesoftware.code-spell-checker",
-    "vscode-icons-team.vscode-icons",
-    "zixuanchen.vitest-explorer"
+    "vscode-icons-team.vscode-icons"
   ]
 }

.vscode/extensions.json

@@ -0,0 +1,8 @@
+{
+  "servers": {
+    "github": {
+      "type": "http",
+      "url": "https://api.githubcopilot.com/mcp/"
+    }
+  }
+}