@kevinmarrec/create-app 0.6.7 → 0.8.0

package/README.md

@@ -12,7 +12,7 @@ CLI that scaffolds an opinionated [Bun](https://bun.sh) & [Vue](https://vuejs.or
 
 ## Usage
 
-> Requires [Bun](https://bun.sh) v1.2 _or later_.
+> Requires [Bun](https://bun.sh) v1.3 _or later_.
 
 ```sh
 bun create @kevinmarrec/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.6.7";
+var version = "0.8.0";
 
 //#endregion
 //#region src/utils/fs.ts
@@ -35,8 +35,6 @@ var fs_default = {
 async function scaffold(root) {
 	await fs_default.exists(root) ? await fs_default.empty(root) : await fs_default.mkdir(root);
 	await fs_default.cp(join(import.meta.dirname, "../template"), root, { recursive: true });
-	await fs_default.rename(join(root, "gitignore"), join(root, ".gitignore"));
-	await fs_default.rename(join(root, "npmrc"), join(root, ".npmrc"));
 }
 
 //#endregion

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@kevinmarrec/create-app",
   "type": "module",
-  "version": "0.6.7",
+  "version": "0.8.0",
   "packageManager": "bun@1.3.1",
   "description": "CLI that scaffolds an opinionated Bun & Vue fullstack application.",
   "author": "Kevin Marrec <kevin@marrec.io>",
@@ -18,19 +18,21 @@
   ],
   "workspaces": [
     "template",
-    "template/backend",
-    "template/frontend"
+    "template/client",
+    "template/server"
   ],
   "bin": {
     "create-app": "dist/index.js"
   },
   "files": [
     "dist",
-    "template"
+    "template",
+    "template/.gitignore",
+    "template/.npmrc"
   ],
   "scripts": {
-    "build": "tsdown",
-    "check": "bun run check:unused && bun run check:eslint && bun run check:stylelint && bun run check:types",
+    "build": "tsdown --no-fixed-extension",
+    "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",
     "check:types": "vue-tsc --noEmit",
@@ -41,28 +43,30 @@
     "release": "bumpp",
     "update": "bunx taze -I -rwi",
     "test": "vitest",
-    "test:coverage": "vitest run --coverage"
+    "test:coverage": "vitest --coverage"
   },
   "dependencies": {
     "@clack/prompts": "^0.11.0",
     "ansis": "^4.2.0",
     "pathe": "^2.0.3",
-    "tinyexec": "^1.0.1"
+    "tinyexec": "^1.0.2"
   },
   "devDependencies": {
     "@faker-js/faker": "^10.1.0",
-    "@kevinmarrec/eslint-config": "^1.5.3",
-    "@kevinmarrec/stylelint-config": "^1.2.2",
-    "@kevinmarrec/tsconfig": "^1.1.0",
-    "@types/bun": "^1.3.0",
-    "@vitest/coverage-v8": "^3.2.4",
+    "@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",
     "bumpp": "^10.3.1",
-    "eslint": "^9.38.0",
-    "knip": "^5.66.0",
+    "eslint": "^9.39.1",
+    "filesize": "^11.0.13",
+    "knip": "^5.67.1",
     "stylelint": "^16.25.0",
-    "tsdown": "^0.15.7",
+    "tinyglobby": "^0.2.15",
+    "tsdown": "^0.16.0",
     "typescript": "^5.9.3",
-    "vitest": "^3.2.4",
-    "vue-tsc": "^3.1.1"
+    "vitest": "^4.0.7",
+    "vue-tsc": "^3.1.3"
   }
 }

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

@@ -16,11 +16,11 @@ jobs:
       - name: Setup Bun
         uses: kevinmarrec/workflows/setup-bun@v1
 
+      - name: Lint
+        run: bun run lint
+
       - name: Check unused files, dependencies, and exports
         run: bun run check:unused
 
-      - name: Lint
-        run: bun run check:eslint && bun run check:stylelint
-
       - name: Type check
         run: bun run check:types

package/template/.scripts/dev.ts

@@ -0,0 +1,8 @@
+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/.vscode/settings.json

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

package/template/client/.env

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

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

@@ -1,5 +1,5 @@
 {
-  "name": "frontend",
+  "name": "client",
   "type": "module",
   "private": true,
   "scripts": {
@@ -9,17 +9,19 @@
     "preview": "vite preview --open"
   },
   "dependencies": {
-    "@kevinmarrec/vue-i18n": "^1.1.2",
-    "@orpc/client": "^1.9.4",
-    "@orpc/tanstack-query": "1.9.4",
-    "@tanstack/query-core": "^5.90.5",
-    "@tanstack/vue-query": "^5.90.5",
+    "@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",
     "@unhead/vue": "^2.0.19",
+    "@vueuse/core": "^14.0.0",
+    "better-auth": "^1.3.34",
     "unocss": "^66.5.4",
     "vue": "^3.5.22"
   },
   "devDependencies": {
-    "@kevinmarrec/unocss-config": "^1.3.3",
+    "@kevinmarrec/unocss-config": "^1.5.4",
     "@kevinmarrec/vite-plugin-dark-mode": "^1.1.2",
     "@modyfi/vite-plugin-yaml": "^1.1.1",
     "@unhead/addons": "^2.0.19",
@@ -27,9 +29,9 @@
     "@vitejs/plugin-vue": "^6.0.1",
     "beasties": "^0.3.5",
     "rollup-plugin-visualizer": "^6.0.5",
-    "vite": "^7.1.10",
+    "vite": "^7.2.0",
     "vite-plugin-vue-devtools": "^8.0.3",
-    "vite-ssg": "^28.2.1",
+    "vite-ssg": "^28.2.2",
     "vite-tsconfig-paths": "^5.1.4"
   }
 }

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

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { useAuth, useHead, useI18n } from '@frontend/composables'
+import { useAuth, useContent, useHead, useI18n } from '@client/composables'
 import { ref } from 'vue'
 
 const { t } = useI18n()
@@ -12,7 +12,8 @@ useHead({
   }],
 })
 
-const { user, signUp, signIn, signOut } = useAuth()
+const { user, signIn, signUp, signOut } = useAuth()
+const { publicContent, privateContent } = useContent()
 
 const email = ref('')
 const password = ref('')
@@ -99,6 +100,12 @@ const password = ref('')
             <p class="text-gray-600 mt-2 dark:text-gray-400">
               {{ user.email }}
             </p>
+            <p class="text-gray-600 mt-2 dark:text-gray-400">
+              {{ publicContent }}
+            </p>
+            <p class="text-gray-600 mt-2 dark:text-gray-400">
+              {{ privateContent }}
+            </p>
           </div>
 
           <button

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

@@ -0,0 +1,39 @@
+import { useMutation } from '@tanstack/vue-query'
+import { createAuthClient } from 'better-auth/vue'
+import { computed } from 'vue'
+
+const authClient = createAuthClient({
+  baseURL: `${import.meta.env.VITE_API_URL}/auth`,
+  fetchOptions: {
+    credentials: 'include',
+  },
+})
+
+const session = authClient.useSession()
+
+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
+        },
+      })
+    },
+  })
+}
+
+export function useAuth() {
+  const signIn = createAuthMutation(authClient.signIn.email)
+  const signUp = createAuthMutation(authClient.signUp.email)
+  const signOut = createAuthMutation(authClient.signOut)
+
+  const user = computed(() => session.value.data?.user)
+
+  return {
+    signIn,
+    signUp,
+    signOut,
+    user,
+  }
+}

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

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

package/template/{frontend → client}/src/composables/index.ts

@@ -1,3 +1,4 @@
 export { useAuth } from './auth'
+export { useContent } from './content'
 export { useI18n } from '@kevinmarrec/vue-i18n'
 export { useHead } from '@unhead/vue'

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

@@ -1,10 +1,10 @@
-import type { Router, RouterClient } from '@backend/orpc/router'
 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'
 
 const link = new RPCLink({
-  url: import.meta.env.VITE_API_URL,
+  url: `${import.meta.env.VITE_API_URL}/rpc`,
   fetch: (request, init) =>
     globalThis.fetch(request, {
       ...init,

package/template/compose.yaml

@@ -5,18 +5,18 @@ x-common: &common
   user: 1000:1000
 
 services:
-  backend:
+  server:
     <<: *common
     image: oven/bun:1-alpine
-    command: [bun, --cwd, backend, dev]
+    command: [bun, --cwd, server, dev]
     ports:
       - 4000:4000
 
-  frontend:
+  client:
     <<: *common
     depends_on:
-      - backend
+      - server
     image: imbios/bun-node:22-alpine
-    command: [bun, --cwd, frontend, dev, --host, 0.0.0.0]
+    command: [bun, --cwd, client, dev, --host, 0.0.0.0]
     ports:
       - 5173:5173

package/template/knip.config.ts

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

package/template/package.json

@@ -7,29 +7,29 @@
     "node": "lts/*"
   },
   "workspaces": [
-    "backend",
-    "frontend"
+    "client",
+    "server"
   ],
   "scripts": {
-    "check": "bun run check:unused && bun run check:eslint && bun run check:stylelint && bun run check:types",
+    "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",
     "check:types": "vue-tsc --noEmit",
     "check:unused": "knip -n",
-    "dev": "bun scripts/dev.ts",
+    "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.3",
-    "@kevinmarrec/stylelint-config": "^1.2.2",
-    "@kevinmarrec/tsconfig": "^1.1.0",
+    "@kevinmarrec/eslint-config": "^1.5.4",
+    "@kevinmarrec/stylelint-config": "^1.5.4",
+    "@kevinmarrec/tsconfig": "^1.5.4",
     "concurrently": "^9.2.1",
-    "eslint": "^9.38.0",
-    "knip": "^5.66.0",
+    "eslint": "^9.39.1",
+    "knip": "^5.67.1",
     "stylelint": "^16.25.0",
     "typescript": "~5.9.3",
-    "vue-tsc": "^3.1.1"
+    "vue-tsc": "^3.1.3"
   }
 }

package/template/server/.env.development

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

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

@@ -1,5 +1,5 @@
 {
-  "name": "backend",
+  "name": "server",
   "type": "module",
   "private": true,
   "scripts": {
@@ -9,16 +9,16 @@
     "db:migrate": "bun --bun run drizzle-kit migrate --config src/database/drizzle/config.ts"
   },
   "dependencies": {
-    "@orpc/server": "^1.9.4",
-    "better-auth": "^1.3.27",
-    "drizzle-orm": "^0.44.6",
+    "@orpc/server": "^1.10.4",
+    "better-auth": "^1.3.34",
+    "drizzle-orm": "^0.44.7",
     "pino": "^10.1.0",
     "valibot": "^1.1.0"
   },
   "devDependencies": {
-    "@libsql/client": "^0.15.15",
-    "@types/bun": "^1.3.0",
-    "drizzle-kit": "^0.31.5",
+    "@electric-sql/pglite": "^0.3.13",
+    "@types/bun": "^1.3.1",
+    "drizzle-kit": "^0.31.6",
     "pino-pretty": "^13.1.2"
   }
 }

package/template/{backend → server}/src/auth/index.ts

@@ -4,8 +4,10 @@ import type { BaseLogger } from 'pino'
 
 export function createBetterAuth({ db, logger }: { db: DB, logger: BaseLogger }) {
   return betterAuth({
+    basePath: '/auth',
+    trustedOrigins: import.meta.env.ALLOWED_ORIGINS.split(','),
     database: drizzleAdapter(db, {
-      provider: 'sqlite',
+      provider: 'pg',
       usePlural: true,
     }),
     logger: {

package/template/{backend → server}/src/database/drizzle/config.ts

@@ -2,7 +2,8 @@ import { defineConfig } from 'drizzle-kit'
 
 export default defineConfig({
   casing: 'snake_case',
-  dialect: 'sqlite',
+  dialect: 'postgresql',
+  driver: 'pglite',
   dbCredentials: { url: import.meta.env.DATABASE_URL },
   schema: 'src/database/schema',
   out: 'src/database/migrations',

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

@@ -0,0 +1,20 @@
+import { PGlite } from '@electric-sql/pglite'
+import { logger } from '@server/utils/logger'
+import { drizzle } from 'drizzle-orm/pglite'
+
+import * as schema from './schema'
+
+export const db = drizzle({
+  client: new PGlite(import.meta.env.DATABASE_URL),
+  casing: 'snake_case',
+  schema,
+  logger: {
+    logQuery: (query, params) => {
+      let msg = `[SQL] ${query}`
+      msg += params.length ? ` [${params}]` : ''
+      logger.debug(msg)
+    },
+  },
+})
+
+export type Database = typeof db

package/template/server/src/database/migrations/0000_init.sql

@@ -0,0 +1,50 @@
+CREATE TABLE "users" (
+	"id" text PRIMARY KEY NOT NULL,
+	"name" text NOT NULL,
+	"email" text NOT NULL,
+	"email_verified" boolean DEFAULT false NOT NULL,
+	"image" text,
+	"created_at" timestamp DEFAULT now() NOT NULL,
+	"updated_at" timestamp DEFAULT now() NOT NULL,
+	CONSTRAINT "users_email_unique" UNIQUE("email")
+);
+--> statement-breakpoint
+CREATE TABLE "sessions" (
+	"id" text PRIMARY KEY NOT NULL,
+	"user_id" text NOT NULL,
+	"token" text NOT NULL,
+	"expires_at" timestamp NOT NULL,
+	"ip_address" text,
+	"user_agent" text,
+	"created_at" timestamp DEFAULT now() NOT NULL,
+	"updated_at" timestamp DEFAULT now() NOT NULL,
+	CONSTRAINT "sessions_token_unique" UNIQUE("token")
+);
+--> statement-breakpoint
+CREATE TABLE "accounts" (
+	"id" text PRIMARY KEY NOT NULL,
+	"user_id" text NOT NULL,
+	"account_id" text NOT NULL,
+	"provider_id" text NOT NULL,
+	"access_token" text,
+	"refresh_token" text,
+	"access_token_expires_at" timestamp,
+	"refresh_token_expires_at" timestamp,
+	"scope" text,
+	"id_token" text,
+	"password" text,
+	"created_at" timestamp DEFAULT now() NOT NULL,
+	"updated_at" timestamp DEFAULT now() NOT NULL
+);
+--> statement-breakpoint
+CREATE TABLE "verifications" (
+	"id" text PRIMARY KEY NOT NULL,
+	"identifier" text NOT NULL,
+	"value" text NOT NULL,
+	"expires_at" timestamp NOT NULL,
+	"created_at" timestamp DEFAULT now() NOT NULL,
+	"updated_at" timestamp DEFAULT now() NOT NULL
+);
+--> statement-breakpoint
+ALTER TABLE "sessions" ADD CONSTRAINT "sessions_user_id_users_id_fk" FOREIGN KEY ("user_id") REFERENCES "public"."users"("id") ON DELETE cascade ON UPDATE no action;--> statement-breakpoint
+ALTER TABLE "accounts" ADD CONSTRAINT "accounts_user_id_users_id_fk" FOREIGN KEY ("user_id") REFERENCES "public"."users"("id") ON DELETE cascade ON UPDATE no action;