@kevinmarrec/create-app 0.12.1 → 0.14.0

package/README.md

@@ -14,11 +14,11 @@ CLI that scaffolds an opinionated [Bun](https://bun.sh/) & [Vue](https://vuejs.o
 - [Vite](https://vitejs.dev/) as build tool
 - [Vite SSG](https://github.com/antfu-collective/vite-ssg) for static site generation
 - [UnoCSS](https://unocss.dev/) for styling
-- [TanStack Query](https://tanstack.com/query/latest) for data fetching
 - [Unhead](https://unhead.unjs.io/) for head management
 - [Vue I18n](https://github.com/kevinmarrec/vue-i18n) for internationalization
 - [oRPC](https://orpc.dev/) for API layer
 - [Better Auth](https://www.better-auth.com/) for authentication
+- [Pinia Colada](https://pinia-colada.esm.dev/) for data fetching & state management
 - [Pino](https://getpino.io/) for logging
 - [Drizzle ORM](https://orm.drizzle.team/) as SQL-first TypeScript ORM
 - [Valibot](https://valibot.dev/) for validation

package/dist/{index.js → index.mjs}

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

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@kevinmarrec/create-app",
   "type": "module",
-  "version": "0.12.1",
-  "packageManager": "bun@1.3.3",
+  "version": "0.14.0",
+  "packageManager": "bun@1.3.4",
   "description": "CLI that scaffolds an opinionated Bun & Vue fullstack application.",
   "author": "Kevin Marrec <kevin@marrec.io>",
   "license": "MIT",
@@ -21,9 +21,7 @@
     "template/api",
     "template/app"
   ],
-  "bin": {
-    "create-app": "dist/index.js"
-  },
+  "bin": "./dist/index.mjs",
   "files": [
     "dist",
     "template",
@@ -31,7 +29,7 @@
     "template/.npmrc"
   ],
   "scripts": {
-    "build": "tsdown --no-fixed-extension",
+    "build": "tsdown",
     "check": "bun run check:eslint && bun run check:stylelint && bun run check:unused && bun run check:types",
     "check:eslint": "eslint . --cache",
     "check:stylelint": "stylelint '**/*.{css,scss,vue}' --ignorePath .gitignore --cache",
@@ -53,18 +51,18 @@
   },
   "devDependencies": {
     "@faker-js/faker": "^10.1.0",
-    "@kevinmarrec/eslint-config": "^1.5.8",
-    "@kevinmarrec/stylelint-config": "^1.5.8",
-    "@kevinmarrec/tsconfig": "^1.5.8",
-    "@types/bun": "^1.3.3",
-    "@vitest/coverage-v8": "^4.0.14",
+    "@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",
-    "eslint": "^9.39.1",
-    "knip": "^5.70.2",
+    "eslint": "^9.39.2",
+    "knip": "^5.73.4",
     "stylelint": "^16.26.1",
-    "tsdown": "^0.16.8",
+    "tsdown": "^0.18.0",
     "typescript": "^5.9.3",
-    "vitest": "^4.0.14",
-    "vue-tsc": "^3.1.5"
+    "vitest": "^4.0.15",
+    "vue-tsc": "^3.1.8"
   }
 }

package/template/.docker/analytics/{service.yaml → service.yml}

@@ -1,6 +1,6 @@
 services:
   analytics:
-    image: umamisoftware/umami:3.0.1
+    image: umamisoftware/umami:3.0.3
     container_name: analytics
     depends_on:
       traefik:

package/template/.docker/metabase/{service.yaml → service.yml}

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

package/template/.docker/traefik/{service.yaml → service.yml}

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

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

@@ -14,7 +14,7 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Setup Bun
-        uses: kevinmarrec/workflows/setup-bun@v1
+        uses: kevinmarrec/workflows/setup-bun@17c15f6cd9619f71ff6db54691dc6ac0a73db2c6 # main
 
       - name: Lint
         run: bun run lint
@@ -24,19 +24,20 @@ jobs:
 
       - name: Type check
         run: bun run check:types
-  project-size:
-    name: Analyze project build size
+  project-build-size-diff:
+    name: Analyze project build size differences
     runs-on: ubuntu-latest
+    permissions:
+      contents: read
+      pull-requests: write
     steps:
       - name: Setup Bun
-        uses: kevinmarrec/workflows/setup-bun@v1
+        uses: kevinmarrec/workflows/setup-bun@17c15f6cd9619f71ff6db54691dc6ac0a73db2c6 # main
 
-      - name: Check api build size
-        run: |
-          echo "## API" >> $GITHUB_STEP_SUMMARY
-          bun run .github/scripts/build-stats.md.ts api >> $GITHUB_STEP_SUMMARY
+      - name: Build project
+        run: bun run build
 
-      - name: Check app build size
-        run: |
-          echo "## App" >> $GITHUB_STEP_SUMMARY
-          bun run .github/scripts/build-stats.md.ts app >> $GITHUB_STEP_SUMMARY
+      - name: Analyze project build size differences
+        uses: kevinmarrec/workflows/filesize-diff@17c15f6cd9619f71ff6db54691dc6ac0a73db2c6 # main
+        with:
+          directories: app/dist,api/dist

package/template/.vscode/settings.json

@@ -30,6 +30,8 @@
   ],
 
   "eslint.validate": [
+    "github-actions-workflow",
+    "dockercompose",
     "javascript",
     "typescript",
     "vue",
@@ -39,8 +41,7 @@
     "markdown",
     "json",
     "jsonc",
-    "yaml",
-    "dockercompose"
+    "yaml"
   ],
 
   "css.validate": false,
@@ -61,7 +62,7 @@
   "vue.inlayHints.missingProps": true,
 
   "files.associations": {
-    "**/.docker/*/service.yaml": "dockercompose"
+    "**/.docker/*/service.yml": "dockercompose"
   },
 
   "material-icon-theme.folders.associations": {

package/template/README.md

@@ -12,11 +12,11 @@ A full-stack application template with Vue.js frontend, Bun-based API backend, a
 - [Vite](https://vitejs.dev/) as build tool
 - [Vite SSG](https://github.com/antfu-collective/vite-ssg) for static site generation
 - [UnoCSS](https://unocss.dev/) for styling
-- [TanStack Query](https://tanstack.com/query/latest) for data fetching
 - [Unhead](https://unhead.unjs.io/) for head management
 - [Vue I18n](https://github.com/kevinmarrec/vue-i18n) for internationalization
 - [oRPC](https://orpc.dev/) for API layer
 - [Better Auth](https://www.better-auth.com/) for authentication
+- [Pinia Colada](https://pinia-colada.esm.dev/) for data fetching & state management
 - [Pino](https://getpino.io/) for logging
 - [Drizzle ORM](https://orm.drizzle.team/) as SQL-first TypeScript ORM
 - [Valibot](https://valibot.dev/) for validation
@@ -59,10 +59,11 @@ project/
 │   │   ├── composables/     # Vue composables (auth, etc.)
 │   │   ├── lib/             # Library utilities (oRPC client)
 │   │   ├── locales/         # Internationalization files (i18n)
+│   │   ├── utils/           # Utility functions (fetch, etc.)
 │   │   ├── App.vue          # Main Vue component
 │   │   └── main.ts          # App entry point
 │   └── package.json
-├── compose.yaml              # Docker Compose configuration
+├── compose.yml               # Docker Compose configuration
 └── package.json              # Root workspace configuration
 ```
 
@@ -131,6 +132,8 @@ This generates certificates in `.docker/traefik/certs/` and installs the root CA
 
 ```bash
 bun run dev up -d
+# or
+bun run dev up --wait
 ```
 
 **Services:**
@@ -218,7 +221,7 @@ Output: `app/dist/`
 
 ## Troubleshooting
 
-**Port conflicts:** Modify port mappings in `compose.yaml` if ports 80, 443, or 5432 are in use.
+**Port conflicts:** Modify port mappings in `compose.yml` if ports 80, 443, or 5432 are in use.
 
 **SSL warnings:** Complete [TLS setup](#3-set-up-local-tls-certificates). Without certificates, Traefik may fail to start.
 

package/template/api/.env.development

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

package/template/api/Dockerfile

@@ -1,45 +1,25 @@
-# --- Stage 1: Dependency Installation & Caching (The Build Stage) ---
-
 ARG TARGETARCH
 
-# Use a bun-alpine image for a fast build environment
-FROM oven/bun:1.3.3-slim AS build
+FROM oven/bun:1.3.4-slim AS build
 
-# Set the working directory inside the container
 WORKDIR /build
 
-# 1. Copy necessary files for the cache layer
-# IMPORTANT: The path to the root lock file is relative to the Docker build context.
-# If you run 'docker build -f api/Dockerfile .', the context is the root (.).
-# If you run 'docker build api', the context is api (and this approach fails).
-# ASSUMPTION: You are running the build command from the root level.
-
-# Copy workspace root files (This ensures the locked install)
 COPY package.json bun.lock ./
-
-# Copy service package.json files
 COPY api/package.json ./api/package.json
 COPY app/package.json ./app/package.json
 
-# 2. Perform a frozen install
 RUN bun install --filter api --frozen-lockfile
 
-# Copy API source code
 COPY api/ ./api/
 
-# 3. Build the API
 RUN bun --cwd api build --target bun-linux-$TARGETARCH-modern
 
-# --- Stage 2: Final Image (The Runtime Stage) ---
+FROM gcr.io/distroless/base-debian13:nonroot AS runner
 
-# Use a minimal image for production (less attack surface, smaller size)
-FROM debian:trixie-slim
+COPY --from=build --chown=nonroot:nonroot /build/api/dist/api /usr/local/bin/api
 
-# Copy the compiled binary from builder stage
-COPY --from=build /build/api/dist/api /usr/local/bin/
-
-# Expose port
 EXPOSE 4000
 
-# Run the binary
+USER nonroot
+
 ENTRYPOINT ["/usr/local/bin/api"]

package/template/api/package.json

@@ -10,18 +10,18 @@
   },
   "dependencies": {
     "@libsql/client": "^0.15.15",
-    "@orpc/server": "^1.12.0",
-    "better-auth": "^1.4.3",
-    "drizzle-orm": "^0.44.7",
+    "@orpc/server": "^1.12.3",
+    "better-auth": "^1.4.7",
+    "drizzle-orm": "^0.45.1",
     "pino": "^10.1.0",
     "valibot": "^1.2.0"
   },
   "devDependencies": {
-    "@kevinmarrec/tsconfig": "^1.5.8",
-    "@types/bun": "^1.3.3",
-    "drizzle-kit": "^0.31.7",
+    "@kevinmarrec/tsconfig": "^1.6.0",
+    "@types/bun": "^1.3.4",
+    "drizzle-kit": "^0.31.8",
     "pg": "^8.16.3",
-    "pino-pretty": "^13.1.2",
+    "pino-pretty": "^13.1.3",
     "typescript": "~5.9.3"
   }
 }

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

@@ -1,10 +1,10 @@
 import { betterAuth } from 'better-auth'
 import { type DB, drizzleAdapter } from 'better-auth/adapters/drizzle'
-import type { BaseLogger } from 'pino'
+import type { Logger } from 'pino'
 
 import { env } from '../env'
 
-export function createBetterAuth({ db, logger }: { db: DB, logger: BaseLogger }) {
+export function createBetterAuth({ db, logger }: { db: DB, logger: Logger }) {
   return betterAuth({
     basePath: '/auth',
     secret: env.auth.secret,
@@ -14,9 +14,9 @@ export function createBetterAuth({ db, logger }: { db: DB, logger: BaseLogger })
       usePlural: true,
     }),
     logger: {
+      level: 'info',
       log: (level, message) => {
-        if (level === 'error') return
-        logger[level](message)
+        logger[level](`[Auth] ${message}`)
       },
     },
     emailAndPassword: {

package/template/api/src/main.ts

@@ -1,5 +1,3 @@
-import process from 'node:process'
-
 import { createBetterAuth } from './auth'
 import { db } from './database'
 import { env } from './env'
@@ -7,9 +5,11 @@ import { createRpc } from './orpc'
 import { router } from './orpc/router'
 import { cors } from './utils/cors'
 import { logger } from './utils/logger'
+import { createStopper } from './utils/stopper'
 
 const auth = createBetterAuth({ db, logger })
 const rpc = createRpc({ auth, db, logger }, router)
+const stopper = createStopper({ logger })
 
 const server = Bun.serve({
   hostname: env.server.host,
@@ -25,15 +25,6 @@ const server = Bun.serve({
   },
 })
 
-logger.info(`Listening on ${server.url}`)
-
-// Graceful Shutdown
+stopper.bind(server)
 
-async function gracefulShutdown() {
-  logger.info('Gracefully shutting down...')
-  await server.stop()
-  process.exit(0)
-}
-
-process.on('SIGINT', gracefulShutdown)
-process.on('SIGTERM', gracefulShutdown)
+logger.info(`Listening on ${server.url}`)

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

@@ -0,0 +1,19 @@
+import process from 'node:process'
+
+import type { Logger } from './logger'
+
+export function createStopper({ logger }: { logger: Logger }) {
+  return {
+    bind: (server: Bun.Server<unknown>) => {
+      async function gracefulShutdown() {
+        logger.info('Received termination signal. Gracefully shutting down...')
+        await server.stop()
+        logger.info('Server stopped. Exiting process.')
+        process.exit(0)
+      }
+
+      process.on('SIGINT', gracefulShutdown)
+      process.on('SIGTERM', gracefulShutdown)
+    },
+  }
+}

package/template/app/package.json

@@ -9,32 +9,31 @@
     "preview": "vite preview --open"
   },
   "dependencies": {
-    "@kevinmarrec/vue-i18n": "^1.1.3",
-    "@orpc/client": "^1.12.0",
-    "@orpc/tanstack-query": "^1.12.0",
-    "@tanstack/query-core": "^5.90.11",
-    "@tanstack/vue-query": "^5.92.0",
+    "@kevinmarrec/vue-i18n": "^1.2.0",
+    "@orpc/client": "^1.12.3",
+    "@pinia/colada": "^0.18.1",
     "@unhead/vue": "^2.0.19",
     "@vueuse/core": "^14.1.0",
-    "better-auth": "^1.4.3",
-    "unocss": "^66.5.9",
+    "better-auth": "^1.4.7",
+    "pinia": "^3.0.4",
+    "unocss": "^66.5.10",
     "vue": "^3.5.25"
   },
   "devDependencies": {
-    "@kevinmarrec/tsconfig": "^1.5.8",
-    "@kevinmarrec/unocss-config": "^1.5.8",
-    "@kevinmarrec/vite-plugin-dark-mode": "^1.1.2",
+    "@kevinmarrec/tsconfig": "^1.6.0",
+    "@kevinmarrec/unocss-config": "^1.6.0",
+    "@kevinmarrec/vite-plugin-dark-mode": "^1.2.0",
     "@modyfi/vite-plugin-yaml": "^1.1.1",
     "@unhead/addons": "^2.0.19",
-    "@vitejs/plugin-vue": "^6.0.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.2.4",
+    "vite": "^7.3.0",
     "vite-plugin-valibot-env": "^1.0.1",
     "vite-plugin-vue-devtools": "^8.0.5",
     "vite-ssg": "^28.2.2",
-    "vite-tsconfig-paths": "^5.1.4"
+    "vite-tsconfig-paths": "^6.0.1"
   }
 }

package/template/app/src/App.vue

@@ -8,7 +8,7 @@ useHead({
   title: () => t('title'),
 })
 
-const { user, signIn, signUp, signOut } = useAuth()
+const { user, error, signIn, signUp, signOut } = useAuth()
 const { publicContent, privateContent } = useContent()
 
 const email = ref('')
@@ -54,26 +54,26 @@ const password = ref('')
               >
             </div>
 
-            <div v-if="signIn.error.value || signUp.error.value" class="text-sm text-red-600 dark:text-red-400">
-              {{ signIn.error.value || signUp.error.value }}
+            <div v-if="error" class="text-sm text-red-600 dark:text-red-400">
+              {{ error }}
             </div>
 
             <div class="flex space-x-3">
               <button
-                :disabled="signIn.isPending.value"
+                :disabled="signIn.isLoading.value"
                 class="text-white font-medium px-4 py-2 rounded-md bg-blue-600 flex-1 transition-colors duration-200 disabled:bg-blue-400 hover:bg-blue-700"
                 @click="signIn.mutate({ email, password })"
               >
-                <span v-if="signIn.isPending.value">Signing In...</span>
+                <span v-if="signIn.isLoading.value">Signing In...</span>
                 <span v-else>Sign In</span>
               </button>
 
               <button
-                :disabled="signUp.isPending.value"
+                :disabled="signUp.isLoading.value"
                 class="text-white font-medium px-4 py-2 rounded-md bg-green-600 flex-1 transition-colors duration-200 disabled:bg-green-400 hover:bg-green-700"
                 @click="signUp.mutate({ email, password, name: 'User' })"
               >
-                <span v-if="signUp.isPending.value">Signing Up...</span>
+                <span v-if="signUp.isLoading.value">Signing Up...</span>
                 <span v-else>Sign Up</span>
               </button>
             </div>
@@ -105,11 +105,11 @@ const password = ref('')
           </div>
 
           <button
-            :disabled="signOut.isPending.value"
+            :disabled="signOut.isLoading.value"
             class="text-white font-medium px-4 py-2 rounded-md bg-red-600 w-full transition-colors duration-200 disabled:bg-red-400 hover:bg-red-700"
             @click="signOut.mutate({})"
           >
-            <span v-if="signOut.isPending.value">Signing Out...</span>
+            <span v-if="signOut.isLoading.value">Signing Out...</span>
             <span v-else>Sign Out</span>
           </button>
         </div>

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

@@ -1,39 +1,35 @@
-import { useMutation } from '@tanstack/vue-query'
-import { createAuthClient } from 'better-auth/vue'
-import { computed } from 'vue'
+import { defineMutation } from '@pinia/colada'
+import { set } from '@vueuse/core'
+import { computed, ref } from 'vue'
 
-const authClient = createAuthClient({
-  baseURL: `${import.meta.env.VITE_API_URL}/auth`,
-  fetchOptions: {
-    credentials: 'include',
-  },
-})
+import { authClient, type AuthError } from '../lib/auth'
 
-const session = authClient.useSession()
+const authError = ref<AuthError>()
 
-function createAuthMutation<T extends (...args: any[]) => any>(fn: T) {
-  return useMutation({
-    mutationFn: async (input: Parameters<T>[0]) => {
-      return fn(input, {
-        onError: ({ error }: any) => {
-          throw error
-        },
-      })
+function defineAuthMutation<TVars, TData>(mutation: (vars: TVars) => Promise<TData>) {
+  return defineMutation({
+    mutation,
+    onMutate: () => {
+      set(authError, undefined)
+    },
+    onSettled: (_, error) => {
+      set(authError, error)
     },
   })
 }
 
-export function useAuth() {
-  const signIn = createAuthMutation(authClient.signIn.email)
-  const signUp = createAuthMutation(authClient.signUp.email)
-  const signOut = createAuthMutation(authClient.signOut)
+const useSignIn = defineAuthMutation(authClient.signIn.email)
+const useSignUp = defineAuthMutation(authClient.signUp.email)
+const useSignOut = defineAuthMutation(authClient.signOut)
 
-  const user = computed(() => session.value.data?.user)
+export function useAuth() {
+  const session = authClient.useSession()
 
   return {
-    signIn,
-    signUp,
-    signOut,
-    user,
+    error: authError,
+    user: computed(() => session.value.data?.user),
+    signIn: useSignIn(),
+    signUp: useSignUp(),
+    signOut: useSignOut(),
   }
 }

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

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

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

@@ -0,0 +1,13 @@
+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(),
+    onError: ({ error }) => Promise.reject(error),
+  },
+})

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

@@ -1,19 +1,13 @@
 import { createORPCClient } from '@orpc/client'
 import { RPCLink } from '@orpc/client/fetch'
-import { createTanstackQueryUtils } from '@orpc/tanstack-query'
 
 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, {
-      ...init,
-      credentials: 'include',
-      signal: AbortSignal.timeout(30_000),
-    }),
+  fetch: (request, init) => globalThis.fetch(request, getFetchOptions(init)),
 })
 
-const client: RouterClient<Router> = createORPCClient(link)
-
-export const orpc = createTanstackQueryUtils(client)
+export const orpc = createORPCClient<RouterClient<Router>>(link)

package/template/app/src/main.ts

@@ -1,5 +1,6 @@
 import { createI18n } from '@kevinmarrec/vue-i18n'
-import { VueQueryPlugin } from '@tanstack/vue-query'
+import { PiniaColada } from '@pinia/colada'
+import { createPinia } from 'pinia'
 import { ViteSSG } from 'vite-ssg/single-page'
 
 import App from './App.vue'
@@ -7,13 +8,14 @@ import App from './App.vue'
 import 'virtual:uno.css'
 
 export const createApp = ViteSSG(App, async ({ app }) => {
-  const i18n = await createI18n({
+  app.use(await createI18n({
     messages: import.meta.glob('./locales/*.yml'),
-  })
-
-  app.use(i18n)
+  }))
 
-  app.use(VueQueryPlugin, {
-    enableDevtoolsV6Plugin: true,
+  app.use(createPinia())
+  app.use(PiniaColada, {
+    queryOptions: {
+      enabled: !import.meta.env.SSR,
+    },
   })
 })

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

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

package/template/app/vite.config.ts

@@ -45,6 +45,7 @@ export default defineConfig(({ command, mode }) => {
   if (mode === 'analyze') {
     plugins.push(visualizer({
       filename: 'node_modules/.vite/stats.html',
+      template: 'flamegraph',
       brotliSize: true,
       gzipSize: true,
       open: true,

package/template/{compose.yaml → compose.yml}

@@ -1,10 +1,10 @@
 include:
-  - path: .docker/traefik/service.yaml
-  - path: .docker/postgres/service.yaml
-  - path: .docker/metabase/service.yaml
-  - path: .docker/studio/service.yaml
-  - path: .docker/analytics/service.yaml
-  - path: .docker/mailpit/service.yaml
+  - path: .docker/traefik/service.yml
+  - path: .docker/postgres/service.yml
+  - path: .docker/metabase/service.yml
+  - path: .docker/studio/service.yml
+  - path: .docker/analytics/service.yml
+  - path: .docker/mailpit/service.yml
 
 x-common: &common
   volumes:
@@ -16,7 +16,7 @@ services:
 
   api:
     <<: *common
-    image: oven/bun:1.3.3-alpine
+    image: oven/bun:1.3.4-alpine
     container_name: api
     init: true
     depends_on:
@@ -36,7 +36,7 @@ services:
 
   app:
     <<: *common
-    image: imbios/bun-node:1.3.3-24-alpine
+    image: imbios/bun-node:1.3.4-24-alpine
     container_name: app
     init: true
     depends_on:

package/template/knip.config.ts

@@ -20,9 +20,6 @@ export default {
     },
     'app': {
       entry: ['src/main.ts'],
-      ignoreDependencies: [
-        '@vueuse/core',
-      ],
     },
   },
 } satisfies KnipConfig

package/template/package.json

@@ -2,7 +2,7 @@
   "name": "project",
   "type": "module",
   "private": true,
-  "packageManager": "bun@1.3.3",
+  "packageManager": "bun@1.3.4",
   "engines": {
     "node": "lts/*"
   },
@@ -11,6 +11,7 @@
     "app"
   ],
   "scripts": {
+    "build": "bun -F ./api -F ./app build",
     "check": "bun run check:eslint && bun run check:stylelint && bun run check:unused && bun run check:types",
     "check:eslint": "eslint . --cache",
     "check:stylelint": "stylelint '**/*.{css,scss,vue}' --ignorePath .gitignore --cache",
@@ -22,16 +23,13 @@
     "update": "bunx taze -I -rwi"
   },
   "devDependencies": {
-    "@kevinmarrec/eslint-config": "^1.5.8",
-    "@kevinmarrec/stylelint-config": "^1.5.8",
-    "@kevinmarrec/tsconfig": "^1.5.8",
-    "eslint": "^9.39.1",
-    "filesize": "^11.0.13",
-    "knip": "^5.70.2",
+    "@kevinmarrec/eslint-config": "^1.6.0",
+    "@kevinmarrec/stylelint-config": "^1.6.0",
+    "@kevinmarrec/tsconfig": "^1.6.0",
+    "eslint": "^9.39.2",
+    "knip": "^5.73.4",
     "stylelint": "^16.26.1",
-    "tinyexec": "^1.0.2",
-    "tinyglobby": "^0.2.15",
     "typescript": "~5.9.3",
-    "vue-tsc": "^3.1.5"
+    "vue-tsc": "^3.1.8"
   }
 }

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

@@ -1,52 +0,0 @@
-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'
-
-async function getFileStats(directory: string) {
-  const fileStats = await Promise.all(
-    (await glob(['**/*'], { cwd: directory })).map(async file => ({
-      file,
-      size: fs.statSync(path.join(directory, file)).size,
-    })),
-  )
-
-  fileStats.sort((a, b) => {
-    const scoreA = (a.file.startsWith('assets/') ? 2 : 0) + (a.file.endsWith('.js') ? 1 : 0)
-    const scoreB = (b.file.startsWith('assets/') ? 2 : 0) + (b.file.endsWith('.js') ? 1 : 0)
-    return scoreB - scoreA || a.file.localeCompare(b.file)
-  })
-
-  return fileStats
-}
-
-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 fileStats = await getFileStats(path.join(directory, 'dist'))
-  const markdownTable = [
-    '| File | Size |',
-    '| :--- | ---: |',
-    ...fileStats.map(file => `| ${file.file} | ${filesize(file.size)} |`),
-  ].join('\n')
-  process.stdout.write(`${markdownTable}\n`)
-}
-
-main().catch((error) => {
-  console.error(error)
-  process.exit(1)
-})