@kevinmarrec/create-app 0.8.0 → 0.9.0

package/README.md

@@ -16,4 +16,6 @@ CLI that scaffolds an opinionated [Bun](https://bun.sh) & [Vue](https://vuejs.or
 
 ```sh
 bun create @kevinmarrec/app
+# OR
+bunx @kevinmarrec/create-app
 ```

package/dist/index.js

@@ -8,7 +8,7 @@ import { x } from "tinyexec";
 import fs from "node:fs/promises";
 
 //#region package.json
-var version = "0.8.0";
+var version = "0.9.0";
 
 //#endregion
 //#region src/utils/fs.ts

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@kevinmarrec/create-app",
   "type": "module",
-  "version": "0.8.0",
-  "packageManager": "bun@1.3.1",
+  "version": "0.9.0",
+  "packageManager": "bun@1.3.2",
   "description": "CLI that scaffolds an opinionated Bun & Vue fullstack application.",
   "author": "Kevin Marrec <kevin@marrec.io>",
   "license": "MIT",
@@ -18,8 +18,8 @@
   ],
   "workspaces": [
     "template",
-    "template/client",
-    "template/server"
+    "template/api",
+    "template/app"
   ],
   "bin": {
     "create-app": "dist/index.js"
@@ -39,7 +39,7 @@
     "check:unused": "knip -n",
     "lint": "bun run check:eslint && bun run check:stylelint",
     "lint:inspect": "bunx @eslint/config-inspector",
-    "playground": "bun --cwd template dev",
+    "playground": "bun run scripts/transform-compose.ts | docker compose -f -",
     "release": "bumpp",
     "update": "bunx taze -I -rwi",
     "test": "vitest",
@@ -53,20 +53,18 @@
   },
   "devDependencies": {
     "@faker-js/faker": "^10.1.0",
-    "@kevinmarrec/eslint-config": "^1.5.4",
-    "@kevinmarrec/stylelint-config": "^1.5.4",
-    "@kevinmarrec/tsconfig": "^1.5.4",
-    "@types/bun": "^1.3.1",
-    "@vitest/coverage-v8": "^4.0.7",
+    "@kevinmarrec/eslint-config": "^1.5.6",
+    "@kevinmarrec/stylelint-config": "^1.5.6",
+    "@kevinmarrec/tsconfig": "^1.5.6",
+    "@types/bun": "^1.3.2",
+    "@vitest/coverage-v8": "^4.0.9",
     "bumpp": "^10.3.1",
     "eslint": "^9.39.1",
-    "filesize": "^11.0.13",
-    "knip": "^5.67.1",
+    "knip": "^5.69.1",
     "stylelint": "^16.25.0",
-    "tinyglobby": "^0.2.15",
-    "tsdown": "^0.16.0",
+    "tsdown": "^0.16.4",
     "typescript": "^5.9.3",
-    "vitest": "^4.0.7",
+    "vitest": "^4.0.9",
     "vue-tsc": "^3.1.3"
   }
 }

package/template/.docker/traefik/dynamic/tls.yml

@@ -0,0 +1,4 @@
+tls:
+  certificates:
+    - certFile: /certs/dev.localhost.crt
+      keyFile: /certs/dev.localhost.key

package/template/.github/scripts/build-stats.md.ts

@@ -0,0 +1,71 @@
+import * as fs from 'node:fs'
+import path from 'node:path'
+import process from 'node:process'
+import { parseArgs } from 'node:util'
+
+import { filesize } from 'filesize'
+import { x } from 'tinyexec'
+import { glob } from 'tinyglobby'
+
+interface FileStats {
+  file: string
+  size: number
+}
+
+async function getFileStats(directory: string) {
+  const fileStats: FileStats[] = []
+
+  for (const file of await glob(['**/*'], { cwd: directory })) {
+    const size = fs.statSync(path.join(directory, file)).size
+    fileStats.push({
+      file,
+      size,
+    })
+  }
+
+  fileStats.sort((a, b) => {
+    // Sort so that files starting with 'assets/' come first
+    if (a.file.startsWith('assets/') && !b.file.startsWith('assets/')) return -1
+    if (!a.file.startsWith('assets/') && b.file.startsWith('assets/')) return 1
+
+    // Within that, files ending with '.js' come first
+    if (a.file.endsWith('.js') && !b.file.endsWith('.js')) return -1
+    if (!a.file.endsWith('.js') && b.file.endsWith('.js')) return 1
+
+    // Otherwise sort alphabetically
+    return a.file.localeCompare(b.file)
+  })
+
+  return fileStats
+}
+
+async function generateFileStatsMarkdown(directory: string) {
+  const fileStats = await getFileStats(directory)
+  return [
+    '| File | Size |',
+    '| :--- | ---: |',
+    ...fileStats.map(file => `| ${file.file} | ${filesize(file.size)} |`),
+  ].join('\n')
+}
+
+async function main() {
+  const { positionals: [directory] } = parseArgs({
+    args: process.argv.slice(2),
+    allowPositionals: true,
+  })
+
+  if (!directory) {
+    process.stdout.write('Usage: analyze <directory>\n')
+    process.exit(1)
+  }
+
+  await x('bun', ['run', 'build'], { nodeOptions: { cwd: directory } })
+
+  const markdownTable = await generateFileStatsMarkdown(path.join(directory, 'dist'))
+  process.stdout.write(`${markdownTable}\n`)
+}
+
+main().catch((error) => {
+  console.error(error)
+  process.exit(1)
+})

package/template/.github/workflows/ci.yml

@@ -24,3 +24,19 @@ jobs:
 
       - name: Type check
         run: bun run check:types
+  project-size:
+    name: Analyze project build size
+    runs-on: ubuntu-latest
+    steps:
+      - name: Setup Bun
+        uses: kevinmarrec/workflows/setup-bun@v1
+
+      - name: Check api build size
+        run: |
+          echo "## API" >> $GITHUB_STEP_SUMMARY
+          bun run .github/scripts/build-stats.md.ts api >> $GITHUB_STEP_SUMMARY
+
+      - name: Check app build size
+        run: |
+          echo "## App" >> $GITHUB_STEP_SUMMARY
+          bun run .github/scripts/build-stats.md.ts app >> $GITHUB_STEP_SUMMARY

package/template/.gitignore

@@ -1,4 +1,6 @@
+*.crt
 *.db*
+*.key
 *.local
 *.log
 *.sqlite

package/template/.npmrc

@@ -1,4 +1,3 @@
 public-hoist-pattern[]=@types*
 public-hoist-pattern[]=*eslint*
 public-hoist-pattern[]=*stylelint*
-public-hoist-pattern[]=pino-pretty

package/template/.vscode/settings.json

@@ -67,6 +67,6 @@
   "i18n-ally.enabledFrameworks": ["vue"],
   "i18n-ally.keystyle": "nested",
   "i18n-ally.localesPaths": [
-    "client/src/locales"
+    "app/src/locales"
   ]
 }

package/template/api/.env.development

@@ -0,0 +1,4 @@
+ALLOWED_ORIGINS=https://app.dev.localhost
+AUTH_SECRET=foo
+DATABASE_URL=.db
+NODE_ENV=development

package/template/{server → api}/package.json

@@ -1,24 +1,24 @@
 {
-  "name": "server",
+  "name": "api",
   "type": "module",
   "private": true,
   "scripts": {
-    "dev": "bun --watch --no-clear-screen src/main.ts",
-    "build": "bun build src/main.ts --compile --minify --sourcemap --outfile dist/server",
+    "dev": "bun --watch --no-clear-screen src/main.ts | pino-pretty",
+    "build": "bun build src/main.ts --compile --minify --sourcemap --outfile dist/api",
     "db:generate": "bun --bun run drizzle-kit generate --config src/database/drizzle/config.ts",
     "db:migrate": "bun --bun run drizzle-kit migrate --config src/database/drizzle/config.ts"
   },
   "dependencies": {
-    "@orpc/server": "^1.10.4",
+    "@orpc/server": "^1.11.2",
     "better-auth": "^1.3.34",
     "drizzle-orm": "^0.44.7",
     "pino": "^10.1.0",
     "valibot": "^1.1.0"
   },
   "devDependencies": {
-    "@electric-sql/pglite": "^0.3.13",
-    "@types/bun": "^1.3.1",
-    "drizzle-kit": "^0.31.6",
+    "@electric-sql/pglite": "^0.3.14",
+    "@types/bun": "^1.3.2",
+    "drizzle-kit": "^0.31.7",
     "pino-pretty": "^13.1.2"
   }
 }

package/template/{server → api}/src/database/index.ts

@@ -1,7 +1,7 @@
 import { PGlite } from '@electric-sql/pglite'
-import { logger } from '@server/utils/logger'
 import { drizzle } from 'drizzle-orm/pglite'
 
+import { logger } from '../utils/logger'
 import * as schema from './schema'
 
 export const db = drizzle({

package/template/api/src/main.ts

@@ -0,0 +1,37 @@
+import process from 'node:process'
+
+import { createBetterAuth } from './auth'
+import { db } from './database'
+import { createRpc } from './orpc'
+import { router } from './orpc/router'
+import { cors } from './utils/cors'
+import { logger } from './utils/logger'
+
+const auth = createBetterAuth({ db, logger })
+const rpc = createRpc({ auth, db, logger }, router)
+
+const server = Bun.serve({
+  hostname: import.meta.env.HOST ?? '0.0.0.0',
+  port: import.meta.env.PORT ?? 4000,
+  routes: {
+    '/auth/*': cors(auth.handler),
+    '/rpc/*': cors(rpc.handler),
+  },
+  error(error) {
+    logger.error(error)
+    return new Response('Internal Server Error', { status: 500 })
+  },
+})
+
+logger.info(`Listening on ${server.url}`)
+
+// Graceful Shutdown
+
+async function gracefulShutdown() {
+  logger.info('Gracefully shutting down...')
+  await server.stop()
+  process.exit(0)
+}
+
+process.on('SIGINT', gracefulShutdown)
+process.on('SIGTERM', gracefulShutdown)

package/template/{server → api}/src/orpc/context.ts

@@ -1,7 +1,8 @@
 import type { RequestHeadersPluginContext, ResponseHeadersPluginContext } from '@orpc/server/plugins'
-import type { Auth } from '@server/auth'
-import type { Database } from '@server/database'
-import type { Logger } from '@server/utils/logger'
+
+import type { Auth } from '../auth'
+import type { Database } from '../database'
+import type { Logger } from '../utils/logger'
 
 export interface Context extends RequestHeadersPluginContext, ResponseHeadersPluginContext {
   auth: Auth

package/template/api/src/orpc/index.ts

@@ -0,0 +1,27 @@
+import type { Router } from '@orpc/server'
+import { RPCHandler } from '@orpc/server/fetch'
+import { RequestHeadersPlugin, ResponseHeadersPlugin } from '@orpc/server/plugins'
+
+import type { Context } from './context'
+import { ErrorPlugin } from './plugins/error'
+
+export function createRpc<T extends Context>(context: T, router: Router<any, T>) {
+  const handler = new RPCHandler<T>(router, {
+    plugins: [
+      new ErrorPlugin(),
+      new RequestHeadersPlugin(),
+      new ResponseHeadersPlugin(),
+    ],
+  })
+
+  return {
+    handler: async (req: Request) => {
+      const { matched, response } = await handler.handle(req, {
+        prefix: '/rpc',
+        context,
+      })
+
+      return matched ? response : new Response('Not found', { status: 404 })
+    },
+  }
+}

package/template/{server → api}/src/orpc/middlewares/auth.ts

@@ -1,5 +1,6 @@
 import { ORPCError, os } from '@orpc/server'
-import type { Context } from '@server/orpc'
+
+import type { Context } from '../context'
 
 export const authMiddleware = os
   .$context<Context>()

package/template/api/src/orpc/plugins/error.ts

@@ -0,0 +1,17 @@
+import { onError, ORPCError } from '@orpc/server'
+import type { StandardHandlerOptions, StandardHandlerPlugin } from '@orpc/server/standard'
+
+import type { Context } from '../context'
+
+export class ErrorPlugin<T extends Context> implements StandardHandlerPlugin<T> {
+  init(options: StandardHandlerOptions<T>): void {
+    options.clientInterceptors ??= []
+    options.clientInterceptors.unshift(onError((error, { context }) => {
+      if (error instanceof ORPCError) {
+        throw error
+      }
+
+      context.logger.error(error)
+    }))
+  }
+}

package/template/{server → api}/src/orpc/router/index.ts

@@ -1,8 +1,20 @@
-import { authed, pub } from '@server/orpc'
+import { os } from '@orpc/server'
 import * as v from 'valibot'
 
+import type { Context } from '../context'
+import { authMiddleware } from '../middlewares/auth'
+
 export type { RouterClient } from '@orpc/server'
 
+const pub = os
+  .$context<Context>()
+  .errors({
+    UNAUTHORIZED: { status: 401 },
+  })
+
+const authed = pub
+  .use(authMiddleware)
+
 export const router = {
   public: pub
     .input(v.any())

package/template/app/.env

@@ -0,0 +1 @@
+VITE_API_URL=https://api.dev.localhost

package/template/{client → app}/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "client",
+  "name": "app",
   "type": "module",
   "private": true,
   "scripts": {
@@ -10,26 +10,25 @@
   },
   "dependencies": {
     "@kevinmarrec/vue-i18n": "^1.1.3",
-    "@orpc/client": "^1.10.4",
-    "@orpc/tanstack-query": "1.10.3",
-    "@tanstack/query-core": "^5.90.7",
-    "@tanstack/vue-query": "^5.90.7",
+    "@orpc/client": "^1.11.2",
+    "@orpc/tanstack-query": "1.11.2",
+    "@tanstack/query-core": "^5.90.9",
+    "@tanstack/vue-query": "^5.91.1",
     "@unhead/vue": "^2.0.19",
     "@vueuse/core": "^14.0.0",
     "better-auth": "^1.3.34",
-    "unocss": "^66.5.4",
-    "vue": "^3.5.22"
+    "unocss": "^66.5.6",
+    "vue": "^3.5.24"
   },
   "devDependencies": {
-    "@kevinmarrec/unocss-config": "^1.5.4",
+    "@kevinmarrec/unocss-config": "^1.5.6",
     "@kevinmarrec/vite-plugin-dark-mode": "^1.1.2",
     "@modyfi/vite-plugin-yaml": "^1.1.1",
     "@unhead/addons": "^2.0.19",
-    "@unocss/vite": "^66.5.4",
     "@vitejs/plugin-vue": "^6.0.1",
     "beasties": "^0.3.5",
     "rollup-plugin-visualizer": "^6.0.5",
-    "vite": "^7.2.0",
+    "vite": "^7.2.2",
     "vite-plugin-vue-devtools": "^8.0.3",
     "vite-ssg": "^28.2.2",
     "vite-tsconfig-paths": "^5.1.4"

package/template/{client → app}/src/App.vue

@@ -1,7 +1,8 @@
 <script setup lang="ts">
-import { useAuth, useContent, useHead, useI18n } from '@client/composables'
 import { ref } from 'vue'
 
+import { useAuth, useContent, useHead, useI18n } from '~/app/composables'
+
 const { t } = useI18n()
 useHead({
   title: () => t('title'),

package/template/{client → app}/src/composables/content.ts

@@ -1,6 +1,7 @@
-import { orpc } from '@client/lib/orpc'
 import { useQuery } from '@tanstack/vue-query'
 
+import { orpc } from '~/app/lib/orpc'
+
 export function useContent() {
   const publicContent = useQuery(orpc.public.queryOptions({})).data
   const privateContent = useQuery(orpc.private.queryOptions({})).data

package/template/{client → app}/src/lib/orpc.ts

@@ -1,7 +1,8 @@
 import { createORPCClient } from '@orpc/client'
 import { RPCLink } from '@orpc/client/fetch'
 import { createTanstackQueryUtils } from '@orpc/tanstack-query'
-import type { Router, RouterClient } from '@server/orpc/router'
+
+import type { Router, RouterClient } from '~/api/orpc/router'
 
 const link = new RPCLink({
   url: `${import.meta.env.VITE_API_URL}/rpc`,

package/template/{client → app}/src/main.ts

@@ -4,7 +4,7 @@ import { ViteSSG } from 'vite-ssg/single-page'
 
 import App from './App.vue'
 
-import 'uno.css'
+import 'virtual:uno.css'
 
 export const createApp = ViteSSG(App, async ({ app }) => {
   const i18n = await createI18n({

package/template/{client → app}/vite.config.ts

@@ -3,9 +3,9 @@ import process from 'node:process'
 import darkMode from '@kevinmarrec/vite-plugin-dark-mode'
 import yaml from '@modyfi/vite-plugin-yaml'
 import unhead from '@unhead/addons/vite'
-import unocss from '@unocss/vite'
 import vue from '@vitejs/plugin-vue'
 import { visualizer } from 'rollup-plugin-visualizer'
+import unocss from 'unocss/vite'
 import { defineConfig } from 'vite'
 import devtools from 'vite-plugin-vue-devtools'
 import tsconfigPaths from 'vite-tsconfig-paths'

package/template/compose.yaml

@@ -1,22 +1,75 @@
 x-common: &common
-  working_dir: /app
   volumes:
-    - ./:/app
+    - ./:/code
+  working_dir: /code
   user: 1000:1000
 
 services:
-  server:
+  traefik:
+    image: traefik:v3.6
+    container_name: traefik
+    restart: unless-stopped
+    security_opt:
+      - no-new-privileges:true
+    command:
+      # General configuration
+      - --log.level=INFO
+      - --api.dashboard=true
+      # Entrypoints for HTTP and HTTPS
+      - --entrypoints.websecure.address=:443
+      - --entrypoints.web.address=:80
+      # Redirect HTTP to HTTPS
+      - --entrypoints.web.http.redirections.entrypoint.to=websecure
+      - --entrypoints.web.http.redirections.entrypoint.scheme=https
+      # Providers (Docker & File for dynamic config)
+      - --providers.docker=true
+      - --providers.docker.exposedbydefault=false
+      - --providers.file.directory=/etc/traefik/dynamic
+      - --providers.file.watch=true
+    labels:
+      traefik.enable: 'true'
+      traefik.http.routers.traefik.rule: Host(`traefik.dev.localhost`)
+      traefik.http.routers.traefik.entrypoints: websecure
+      traefik.http.routers.traefik.tls: 'true'
+      traefik.http.routers.traefik.service: api@internal
+    ports:
+      - 80:80
+      - 443:443
+    volumes:
+      - /var/run/docker.sock:/var/run/docker.sock:ro
+      - ./.docker/traefik/dynamic:/etc/traefik/dynamic:ro # Mount the dynamic config directory
+      - ./.docker/traefik/certs:/certs:ro # Mount the certs directory
+
+  api:
     <<: *common
+    depends_on:
+      - traefik
+    container_name: api
     image: oven/bun:1-alpine
-    command: [bun, --cwd, server, dev]
-    ports:
-      - 4000:4000
+    init: true
+    command: [bun, --cwd, api, dev]
+    environment:
+      - FORCE_COLOR=1
+    labels:
+      traefik.enable: 'true'
+      traefik.http.routers.api.rule: Host(`api.dev.localhost`)
+      traefik.http.routers.api.entrypoints: websecure
+      traefik.http.routers.api.tls: 'true'
+      traefik.http.services.api.loadbalancer.server.port: '4000'
 
-  client:
+  app:
     <<: *common
     depends_on:
-      - server
-    image: imbios/bun-node:22-alpine
-    command: [bun, --cwd, client, dev, --host, 0.0.0.0]
-    ports:
-      - 5173:5173
+      - api
+    container_name: app
+    image: imbios/bun-node:24-alpine
+    init: true
+    command: [bun, --cwd, app, dev, --host, 0.0.0.0]
+    environment:
+      - FORCE_COLOR=1
+    labels:
+      traefik.enable: 'true'
+      traefik.http.routers.app.rule: Host(`app.dev.localhost`)
+      traefik.http.routers.app.entrypoints: websecure
+      traefik.http.routers.app.tls: 'true'
+      traefik.http.services.app.loadbalancer.server.port: '5173'

package/template/docs/local-tls.md

@@ -0,0 +1,152 @@
+# **Local TLS Setup Guide**
+
+This guide provides the essential steps to install mkcert and generate trusted TLS certificates for your Traefik-secured local development environment.
+
+Certificates are expected in `.docker/traefik/certs/`.
+
+## **Prerequisites**
+
+- [Docker](https://docs.docker.com/get-docker/) and [Docker Compose](https://docs.docker.com/compose/install/) installed
+- Ports 80 and 443 available on your system
+- Administrator/sudo access for installing mkcert
+
+## **1. Install mkcert (Ubuntu/WSL)**
+
+Download, install, and clean up the executable:
+
+```sh
+curl -JLO "https://dl.filippo.io/mkcert/latest?for=linux/amd64"
+chmod +x mkcert-v*-linux-amd64
+sudo cp mkcert-v*-linux-amd64 /usr/local/bin/mkcert
+rm mkcert-v*-linux-amd64
+```
+
+Verify the installation:
+
+```sh
+mkcert -version
+```
+
+## **2. Install the mkcert Root CA**
+
+Install the local root CA to trust generated certificates:
+
+```sh
+mkcert -install
+```
+
+### **Firefox and Zen Browser (Manual Import)**
+
+Browsers like Firefox and Firefox-based Zen Browser require manual import into their internal trust stores.
+
+1. **Find Root CA File Path:**
+   Run the appropriate command below to get the full path to the rootCA.pem file:
+   - **Linux Native (or WSL for Linux Apps):**
+
+     ```sh
+     echo "$(mkcert -CAROOT)/rootCA.pem"
+     # /home/user/.local/share/mkcert/rootCA.pem
+     ```
+
+   - **WSL for Windows Host Applications:** Use wslpath to get the Windows-formatted path.
+     ```sh
+     wslpath -w "$(mkcert -CAROOT)/rootCA.pem"
+     # \\wsl.localhost\Ubuntu\home\user\.local\share\mkcert\rootCA.pem
+     ```
+
+2. **Import:** In the browser's settings:
+   - **Settings** -> **Privacy & Security**.
+   - **Certificates** -> **View Certificates...**
+   - **Authorities** tab -> **Import...**
+   - Select the rootCA.pem file (using the path found above)
+   - Check **"Trust this CA to identify websites"**
+   - Click **OK**
+
+## **3. Generate the `dev.localhost` Certificate**
+
+Generate the wildcard certificate for `*.dev.localhost` and place the files where Traefik is configured to look (See [`tls.yml`](../.docker/traefik/dynamic/tls.yml)).
+
+1. **Create Directory:**
+
+   ```sh
+   mkdir -p .docker/traefik/certs
+   ```
+
+2. **Generate Certificate:**
+
+   ```sh
+   mkcert \
+     -cert-file .docker/traefik/certs/dev.localhost.crt \
+     -key-file .docker/traefik/certs/dev.localhost.key \
+     "dev.localhost" "*.dev.localhost"
+   ```
+
+3. **Verify Certificate:**
+
+   ```sh
+   openssl x509 -in .docker/traefik/certs/dev.localhost.crt -text -noout | grep -A 2 "Subject Alternative Name"
+   ```
+
+## **4. Validate Setup**
+
+1. **Start Services:**
+
+   ```sh
+   docker compose up -d
+   ```
+
+2. **Test in Browser:**
+
+- Visit **https://traefik.dev.localhost** — you should see the Traefik dashboard
+- Visit **https://app.dev.localhost** — you should see your app
+- Both should load without SSL warnings
+
+## **5. Troubleshooting**
+
+### **Certificate Files Missing**
+
+If Traefik fails to start or shows TLS errors, verify the certificate files exist:
+
+```sh
+ls -la .docker/traefik/certs/
+```
+
+### **Browser Shows SSL Warning**
+
+- Ensure mkcert root CA is installed (`mkcert -install`)
+- For Firefox/Zen Browser, manually import the root CA (see section 2)
+- Clear browser cache and restart the browser
+
+### **Certificate Expiration**
+
+mkcert certificates are valid for a long time, but if you need to regenerate:
+
+1. **Remove old certificates:**
+
+   ```sh
+   rm .docker/traefik/certs/dev.localhost.*
+   ```
+
+2. **Regenerate (see section 3)**
+
+## **6. Clean Up**
+
+1. **Stop Services:**
+
+   ```sh
+   docker compose down
+   ```
+
+2. **Remove Certificates (Optional):**
+
+   ```sh
+   rm -rf .docker/traefik/certs
+   ```
+
+3. **Uninstall mkcert Root CA (Optional):**
+
+   ```sh
+   mkcert -uninstall
+   ```
+
+   > **Note:** Removing the root CA will cause SSL warnings in browsers until you reinstall it or regenerate certificates.

package/template/knip.config.ts

@@ -10,19 +10,15 @@ export default {
     '.': {
       entry: ['*.config.ts'],
     },
-    'client': {
-      entry: ['src/main.ts'],
-      ignoreDependencies: [
-        '@vueuse/core',
-        'uno.css',
-      ],
-    },
-    'server': {
+    'api': {
       drizzle: {
         config: 'src/database/drizzle/config.ts',
       },
+    },
+    'app': {
+      entry: ['src/main.ts'],
       ignoreDependencies: [
-        'pino-pretty',
+        '@vueuse/core',
       ],
     },
   },

package/template/package.json

@@ -1,14 +1,14 @@
 {
-  "name": "app",
+  "name": "project",
   "type": "module",
   "private": true,
-  "packageManager": "bun@1.3.1",
+  "packageManager": "bun@1.3.2",
   "engines": {
     "node": "lts/*"
   },
   "workspaces": [
-    "client",
-    "server"
+    "api",
+    "app"
   ],
   "scripts": {
     "check": "bun run check:eslint && bun run check:stylelint && bun run check:unused && bun run check:types",
@@ -16,19 +16,20 @@
     "check:stylelint": "stylelint '**/*.{css,scss,vue}' --ignorePath .gitignore --cache",
     "check:types": "vue-tsc --noEmit",
     "check:unused": "knip -n",
-    "dev": "bun .scripts/dev.ts",
     "lint": "bun run check:eslint && bun run check:stylelint",
     "lint:inspect": "bunx @eslint/config-inspector",
     "update": "bunx taze -I -rwi"
   },
   "devDependencies": {
-    "@kevinmarrec/eslint-config": "^1.5.4",
-    "@kevinmarrec/stylelint-config": "^1.5.4",
-    "@kevinmarrec/tsconfig": "^1.5.4",
-    "concurrently": "^9.2.1",
+    "@kevinmarrec/eslint-config": "^1.5.6",
+    "@kevinmarrec/stylelint-config": "^1.5.6",
+    "@kevinmarrec/tsconfig": "^1.5.6",
     "eslint": "^9.39.1",
-    "knip": "^5.67.1",
+    "filesize": "^11.0.13",
+    "knip": "^5.69.1",
     "stylelint": "^16.25.0",
+    "tinyexec": "^1.0.2",
+    "tinyglobby": "^0.2.15",
     "typescript": "~5.9.3",
     "vue-tsc": "^3.1.3"
   }

package/template/tsconfig.json

@@ -2,8 +2,8 @@
   "extends": "@kevinmarrec/tsconfig",
   "compilerOptions": {
     "paths": {
-      "@client/*": ["./client/src/*"],
-      "@server/*": ["./server/src/*"]
+      "~/api/*": ["./api/src/*"],
+      "~/app/*": ["./app/src/*"]
     }
   },
   "exclude": ["**/dist/**"]

package/template/.scripts/dev.ts

@@ -1,8 +0,0 @@
-import concurrently, { type ConcurrentlyCommandInput } from 'concurrently'
-
-const commandInputs: ConcurrentlyCommandInput[] = [
-  { name: 'server', command: `bun --cwd server dev | pino-pretty`, prefixColor: 'blue' },
-  { name: 'client', command: `bun --cwd client dev`, prefixColor: 'green' },
-]
-
-concurrently(commandInputs)

package/template/client/.env

@@ -1 +0,0 @@
-VITE_API_URL=http://localhost:4000

package/template/server/.env.development

@@ -1,4 +0,0 @@
-ALLOWED_ORIGINS=http://localhost:5173,http://localhost:5174
-AUTH_SECRET=foo
-DATABASE_URL=.db
-NODE_ENV=development

package/template/server/src/main.ts

@@ -1,51 +0,0 @@
-import process from 'node:process'
-
-import { createBetterAuth } from '@server/auth'
-import { db } from '@server/database'
-import { createRpcHandler } from '@server/orpc'
-import { router } from '@server/orpc/router'
-import { cors } from '@server/utils/cors'
-import { logger } from '@server/utils/logger'
-
-const auth = createBetterAuth({ db, logger })
-const rpcHandler = createRpcHandler(router)
-
-const routes = {
-  '/auth/*': cors(async (req) => {
-    return await auth.handler(req)
-  }),
-  '/rpc/*': cors(async (req) => {
-    const { matched, response } = await rpcHandler.handle(req, {
-      prefix: '/rpc',
-      context: { auth, db, logger },
-    })
-
-    if (matched)
-      return response
-
-    return new Response('Not found', { status: 404 })
-  }),
-}
-
-const server = Bun.serve({
-  hostname: import.meta.env.HOST ?? '0.0.0.0',
-  port: import.meta.env.PORT ?? 4000,
-  routes,
-  error(error) {
-    logger.error(error)
-    return new Response('Internal Server Error', { status: 500 })
-  },
-})
-
-logger.info(`Listening on ${server.url}`)
-
-// Graceful Shutdown
-
-async function gracefulShutdown() {
-  logger.info('Gracefully shutting down...')
-  await server.stop()
-  process.exit(0)
-}
-
-process.on('SIGINT', gracefulShutdown)
-process.on('SIGTERM', gracefulShutdown)

package/template/server/src/orpc/handler.ts

@@ -1,34 +0,0 @@
-import { onError, ORPCError, type Router } from '@orpc/server'
-import { RPCHandler } from '@orpc/server/fetch'
-import {
-  RequestHeadersPlugin,
-  ResponseHeadersPlugin,
-} from '@orpc/server/plugins'
-import { APIError } from 'better-auth/api'
-
-import type { Context } from './context'
-
-export function createRpcHandler<T extends Context>(router: Router<any, T>) {
-  return new RPCHandler<T>(router, {
-    plugins: [
-      new RequestHeadersPlugin(),
-      new ResponseHeadersPlugin(),
-    ],
-    clientInterceptors: [
-      onError((error, { context }) => {
-        if (error instanceof APIError) {
-          throw new ORPCError(error.body?.code ?? 'INTERNAL_SERVER_ERROR', {
-            status: error.statusCode,
-            message: error.body?.message,
-          })
-        }
-
-        if (error instanceof ORPCError) {
-          throw error
-        }
-
-        context.logger.error(error)
-      }),
-    ],
-  })
-}

package/template/server/src/orpc/index.ts

@@ -1,18 +0,0 @@
-import { os } from '@orpc/server'
-import { authMiddleware } from '@server/orpc/middlewares'
-
-import type { Context } from './context'
-
-export { createRpcHandler } from './handler'
-
-export type { Context }
-
-export const pub = os
-  .$context<Context>()
-  .errors({
-    UNAUTHORIZED: { status: 401 },
-  })
-
-/** @beta */
-export const authed = pub
-  .use(authMiddleware)

package/template/server/src/orpc/middlewares/index.ts

@@ -1 +0,0 @@
-export * from './auth'