@kevinmarrec/create-app 0.14.0 → 0.16.0

package/dist/index.mjs

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

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@kevinmarrec/create-app",
   "type": "module",
-  "version": "0.14.0",
-  "packageManager": "bun@1.3.4",
+  "version": "0.16.0",
+  "packageManager": "bun@1.3.6",
   "description": "CLI that scaffolds an opinionated Bun & Vue fullstack application.",
   "author": "Kevin Marrec <kevin@marrec.io>",
   "license": "MIT",
@@ -50,19 +50,19 @@
     "tinyexec": "^1.0.2"
   },
   "devDependencies": {
-    "@faker-js/faker": "^10.1.0",
-    "@kevinmarrec/eslint-config": "^1.6.0",
-    "@kevinmarrec/stylelint-config": "^1.6.0",
-    "@kevinmarrec/tsconfig": "^1.6.0",
-    "@types/bun": "^1.3.4",
-    "@vitest/coverage-v8": "^4.0.15",
-    "bumpp": "^10.3.2",
+    "@faker-js/faker": "^10.2.0",
+    "@kevinmarrec/eslint-config": "^1.9.0",
+    "@kevinmarrec/stylelint-config": "^1.9.0",
+    "@kevinmarrec/tsconfig": "^1.9.0",
+    "@types/bun": "^1.3.6",
+    "@vitest/coverage-v8": "^4.0.17",
+    "bumpp": "^10.4.0",
     "eslint": "^9.39.2",
-    "knip": "^5.73.4",
-    "stylelint": "^16.26.1",
-    "tsdown": "^0.18.0",
+    "knip": "^5.81.0",
+    "stylelint": "^17.0.0",
+    "tsdown": "^0.19.0",
     "typescript": "^5.9.3",
-    "vitest": "^4.0.15",
-    "vue-tsc": "^3.1.8"
+    "vitest": "^4.0.17",
+    "vue-tsc": "^3.2.2"
   }
 }

package/template/.docker/mailpit/service.yml

@@ -1,6 +1,6 @@
 services:
   mailpit:
-    image: axllent/mailpit:v1.28.0
+    image: axllent/mailpit:v1.28.2
     container_name: mailpit
     depends_on:
       traefik:

package/template/.docker/metabase/service.yml

@@ -1,6 +1,6 @@
 services:
   metabase:
-    image: metabase/metabase:v0.57.6
+    image: metabase/metabase:v0.58.2
     container_name: metabase
     depends_on:
       traefik:

package/template/.docker/studio/service.yml

@@ -1,6 +1,6 @@
 services:
   studio:
-    image: ghcr.io/drizzle-team/gateway:1.1.1
+    image: ghcr.io/drizzle-team/gateway:1.2.0
     container_name: studio
     depends_on:
       traefik:

package/template/.docker/traefik/service.yml

@@ -1,6 +1,6 @@
 services:
   traefik:
-    image: traefik:v3.6.4
+    image: traefik:v3.6.7
     container_name: traefik
     restart: unless-stopped
     security_opt:

package/template/.dockerignore

@@ -0,0 +1,6 @@
+.docker*
+.github
+.vscode
+**/dist
+**/node_modules
+**/Dockerfile

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

@@ -14,7 +14,7 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Setup Bun
-        uses: kevinmarrec/workflows/setup-bun@17c15f6cd9619f71ff6db54691dc6ac0a73db2c6 # main
+        uses: kevinmarrec/workflows/setup-bun@4886894d0abcc5c6dd0b292aa0a53cdd94cc6dc1 # main
 
       - name: Lint
         run: bun run lint
@@ -32,12 +32,12 @@ jobs:
       pull-requests: write
     steps:
       - name: Setup Bun
-        uses: kevinmarrec/workflows/setup-bun@17c15f6cd9619f71ff6db54691dc6ac0a73db2c6 # main
+        uses: kevinmarrec/workflows/setup-bun@4886894d0abcc5c6dd0b292aa0a53cdd94cc6dc1 # main
 
       - name: Build project
         run: bun run build
 
       - name: Analyze project build size differences
-        uses: kevinmarrec/workflows/filesize-diff@17c15f6cd9619f71ff6db54691dc6ac0a73db2c6 # main
+        uses: kevinmarrec/workflows/filesize-diff@4886894d0abcc5c6dd0b292aa0a53cdd94cc6dc1 # main
         with:
           directories: app/dist,api/dist

package/template/api/.env.development

@@ -2,4 +2,4 @@ ALLOWED_ORIGINS="https://app.dev.localhost"
 AUTH_SECRET="D0QykrmzDgVrP4GCKkFPT1CB1UplFk4bhIJk92SUtSQ="
 DATABASE_URL="postgresql://user:password@postgres:5432/app"
 LOG_LEVEL=info
-NODE_ENV="development"
+SERVER_URL="https://api.dev.localhost"

package/template/api/Dockerfile

@@ -1,6 +1,6 @@
-ARG TARGETARCH
+FROM --platform=$BUILDPLATFORM oven/bun:1.3.6-slim AS build
 
-FROM oven/bun:1.3.4-slim AS build
+ARG TARGETARCH
 
 WORKDIR /build
 
@@ -12,7 +12,7 @@ RUN bun install --filter api --frozen-lockfile
 
 COPY api/ ./api/
 
-RUN bun --cwd api build --target bun-linux-$TARGETARCH-modern
+RUN bun -F ./api build --target bun-linux-$TARGETARCH-modern
 
 FROM gcr.io/distroless/base-debian13:nonroot AS runner
 

package/template/api/package.json

@@ -9,18 +9,18 @@
     "db:migrate": "bun --bun run drizzle-kit migrate --config src/database/drizzle/config.ts"
   },
   "dependencies": {
-    "@libsql/client": "^0.15.15",
-    "@orpc/server": "^1.12.3",
-    "better-auth": "^1.4.7",
+    "@libsql/client": "^0.17.0",
+    "@orpc/server": "^1.13.4",
+    "better-auth": "^1.4.13",
     "drizzle-orm": "^0.45.1",
-    "pino": "^10.1.0",
+    "pino": "^10.2.0",
     "valibot": "^1.2.0"
   },
   "devDependencies": {
-    "@kevinmarrec/tsconfig": "^1.6.0",
-    "@types/bun": "^1.3.4",
+    "@kevinmarrec/tsconfig": "^1.9.0",
+    "@types/bun": "^1.3.6",
     "drizzle-kit": "^0.31.8",
-    "pg": "^8.16.3",
+    "pg": "^8.17.1",
     "pino-pretty": "^13.1.3",
     "typescript": "~5.9.3"
   }

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

@@ -6,6 +6,7 @@ import { env } from '../env'
 
 export function createBetterAuth({ db, logger }: { db: DB, logger: Logger }) {
   return betterAuth({
+    baseURL: env.server.url,
     basePath: '/auth',
     secret: env.auth.secret,
     trustedOrigins: env.cors.allowedOrigins,

package/template/api/src/env.ts

@@ -44,6 +44,11 @@ const schema = v.object({
       v.digits(),
       v.toNumber(),
     ),
+    url: v.pipe(
+      v.string(),
+      v.trim(),
+      v.startsWith('https://'),
+    ),
   }),
 })
 
@@ -63,6 +68,7 @@ const parsed = v.safeParse(schema, {
   server: {
     host: import.meta.env.HOST,
     port: import.meta.env.PORT,
+    url: import.meta.env.SERVER_URL,
   },
 })
 

package/template/api/src/utils/cors.ts

@@ -14,7 +14,7 @@ export function cors(handler: (req: Request) => Promise<Response>) {
 
     if (req.method === 'OPTIONS') {
       response.headers.append('Access-Control-Allow-Headers', 'Content-Type, Authorization, User-Agent')
-      response.headers.append('Access-Control-Allow-Methods', 'GET, HEAD, PUT, POST, DELETE, PATCH')
+      response.headers.append('Access-Control-Allow-Methods', 'GET, POST, OPTIONS')
       response.headers.append('Access-Control-Max-Age', '7200') // 2 hours https://developer.mozilla.org/en-US/docs/Web/HTTP/Reference/Headers/Access-Control-Max-Age
     }
 

package/template/app/Dockerfile

@@ -0,0 +1,21 @@
+FROM --platform=$BUILDPLATFORM imbios/bun-node:1.3.6-24-alpine AS build
+
+ARG TARGETARCH
+
+WORKDIR /build
+
+COPY package.json bun.lock ./
+COPY api/package.json ./api/package.json
+COPY app/package.json ./app/package.json
+
+RUN bun install --filter app --frozen-lockfile
+
+COPY app/ ./app/
+
+RUN bun -F ./app build
+
+FROM nginx:1.29.4-alpine AS serve
+
+COPY --from=build --chown=nonroot:nonroot /build/app/dist/ /usr/share/nginx/html
+
+EXPOSE 80

package/template/app/package.json

@@ -9,31 +9,32 @@
     "preview": "vite preview --open"
   },
   "dependencies": {
-    "@kevinmarrec/vue-i18n": "^1.2.0",
-    "@orpc/client": "^1.12.3",
-    "@pinia/colada": "^0.18.1",
-    "@unhead/vue": "^2.0.19",
+    "@kevinmarrec/vue-i18n": "^1.2.1",
+    "@orpc/client": "^1.13.4",
+    "@orpc/vue-colada": "^1.13.4",
+    "@pinia/colada": "^0.21.1",
+    "@unhead/vue": "^2.1.2",
     "@vueuse/core": "^14.1.0",
-    "better-auth": "^1.4.7",
+    "better-auth": "^1.4.13",
     "pinia": "^3.0.4",
-    "unocss": "^66.5.10",
-    "vue": "^3.5.25"
+    "unocss": "^66.6.0",
+    "vue": "^3.5.26"
   },
   "devDependencies": {
-    "@kevinmarrec/tsconfig": "^1.6.0",
-    "@kevinmarrec/unocss-config": "^1.6.0",
-    "@kevinmarrec/vite-plugin-dark-mode": "^1.2.0",
+    "@kevinmarrec/tsconfig": "^1.9.0",
+    "@kevinmarrec/unocss-config": "^1.9.0",
+    "@kevinmarrec/vite-plugin-dark-mode": "^1.2.1",
     "@modyfi/vite-plugin-yaml": "^1.1.1",
-    "@unhead/addons": "^2.0.19",
+    "@unhead/addons": "^2.1.2",
     "@vitejs/plugin-vue": "^6.0.3",
     "beasties": "^0.3.5",
     "rollup-plugin-visualizer": "^6.0.5",
     "typescript": "~5.9.3",
     "valibot": "^1.2.0",
-    "vite": "^7.3.0",
+    "vite": "^7.3.1",
     "vite-plugin-valibot-env": "^1.0.1",
     "vite-plugin-vue-devtools": "^8.0.5",
     "vite-ssg": "^28.2.2",
-    "vite-tsconfig-paths": "^6.0.1"
+    "vite-tsconfig-paths": "^6.0.4"
   }
 }

package/template/app/src/composables/content.ts

@@ -3,18 +3,8 @@ import { useQuery } from '@pinia/colada'
 import { orpc } from '~/app/lib/orpc'
 
 export function useContent() {
-  const publicContent = useQuery({
-    key: () => ['public'],
-    query: orpc.public,
-  }).data
-
-  const privateContent = useQuery({
-    key: () => ['private'],
-    query: orpc.private,
-  }).data
-
   return {
-    publicContent,
-    privateContent,
+    publicContent: useQuery(orpc.public.queryOptions()).data,
+    privateContent: useQuery(orpc.private.queryOptions()).data,
   }
 }

package/template/app/src/lib/auth.ts

@@ -1,13 +1,11 @@
 import { createAuthClient, type ErrorContext } from 'better-auth/vue'
 
-import { getFetchOptions } from '../utils/fetch'
-
 export type AuthError = ErrorContext['error']
 
 export const authClient = createAuthClient({
   baseURL: `${import.meta.env.VITE_API_URL}/auth`,
   fetchOptions: {
-    ...getFetchOptions(),
+    credentials: 'include',
     onError: ({ error }) => Promise.reject(error),
   },
 })

package/template/app/src/lib/orpc.ts

@@ -1,13 +1,18 @@
 import { createORPCClient } from '@orpc/client'
 import { RPCLink } from '@orpc/client/fetch'
+import { createORPCVueColadaUtils } from '@orpc/vue-colada'
 
 import type { Router, RouterClient } from '~/api/orpc/router'
 
-import { getFetchOptions } from '../utils/fetch'
-
 const link = new RPCLink({
   url: `${import.meta.env.VITE_API_URL}/rpc`,
-  fetch: (request, init) => globalThis.fetch(request, getFetchOptions(init)),
+  fetch: (request, init) => globalThis.fetch(request, {
+    ...init,
+    credentials: 'include',
+    signal: AbortSignal.timeout(30_000),
+  }),
 })
 
-export const orpc = createORPCClient<RouterClient<Router>>(link)
+const client = createORPCClient<RouterClient<Router>>(link)
+
+export const orpc = createORPCVueColadaUtils(client)

package/template/compose.yml

@@ -16,7 +16,7 @@ services:
 
   api:
     <<: *common
-    image: oven/bun:1.3.4-alpine
+    image: oven/bun:1.3.6-alpine
     container_name: api
     init: true
     depends_on:
@@ -36,7 +36,7 @@ services:
 
   app:
     <<: *common
-    image: imbios/bun-node:1.3.4-24-alpine
+    image: imbios/bun-node:1.3.6-24-alpine
     container_name: app
     init: true
     depends_on:

package/template/knip.config.ts

@@ -5,6 +5,7 @@ Object.assign(import.meta.env, {
   ALLOWED_ORIGINS: 'https://foo.bar',
   AUTH_SECRET: 'foo',
   DATABASE_URL: 'postgresql://foo:bar@localhost:5432/foo',
+  SERVER_URL: 'https://foo.bar',
 })
 
 export default {

package/template/package.json

@@ -2,7 +2,7 @@
   "name": "project",
   "type": "module",
   "private": true,
-  "packageManager": "bun@1.3.4",
+  "packageManager": "bun@1.3.6",
   "engines": {
     "node": "lts/*"
   },
@@ -23,13 +23,13 @@
     "update": "bunx taze -I -rwi"
   },
   "devDependencies": {
-    "@kevinmarrec/eslint-config": "^1.6.0",
-    "@kevinmarrec/stylelint-config": "^1.6.0",
-    "@kevinmarrec/tsconfig": "^1.6.0",
+    "@kevinmarrec/eslint-config": "^1.9.0",
+    "@kevinmarrec/stylelint-config": "^1.9.0",
+    "@kevinmarrec/tsconfig": "^1.9.0",
     "eslint": "^9.39.2",
-    "knip": "^5.73.4",
-    "stylelint": "^16.26.1",
+    "knip": "^5.81.0",
+    "stylelint": "^17.0.0",
     "typescript": "~5.9.3",
-    "vue-tsc": "^3.1.8"
+    "vue-tsc": "^3.2.2"
   }
 }

package/template/app/src/utils/fetch.ts

@@ -1,9 +0,0 @@
-const FETCH_TIMEOUT_MS = 30_000
-
-export function getFetchOptions(init?: RequestInit): RequestInit {
-  return {
-    ...init,
-    credentials: 'include',
-    signal: AbortSignal.timeout(FETCH_TIMEOUT_MS),
-  }
-}