@kevinmarrec/create-app 0.7.0 → 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.7.0";
+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.7.0",
+  "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",
@@ -47,22 +49,24 @@
     "@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": "^4.0.1",
+    "@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": "^4.0.1",
-    "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": {
-    "@electric-sql/pglite": "^0.3.11",
-    "@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,6 +4,8 @@ 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: 'pg',
       usePlural: true,

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

@@ -1,5 +1,5 @@
-import { logger } from '@backend/utils/logger'
 import { PGlite } from '@electric-sql/pglite'
+import { logger } from '@server/utils/logger'
 import { drizzle } from 'drizzle-orm/pglite'
 
 import * as schema from './schema'

package/template/{backend → server}/src/env.d.ts

@@ -1,6 +1,6 @@
 interface ImportMetaEnv {
-  readonly BETTER_AUTH_SECRET: string
-  readonly BETTER_AUTH_URL: string
+  readonly ALLOWED_ORIGINS: string
+  readonly AUTH_SECRET: string
   readonly DATABASE_URL: string
   readonly LOG_LEVEL: string
   readonly NODE_ENV: string

package/template/{backend → server}/src/main.ts

@@ -1,32 +1,36 @@
 import process from 'node:process'
 
-import { createBetterAuth } from '@backend/auth'
-import { db } from '@backend/database'
-import { createRpcHandler } from '@backend/orpc'
-import { router } from '@backend/orpc/router'
-import { logger } from '@backend/utils/logger'
+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 server = Bun.serve({
-  hostname: import.meta.env.HOST ?? '0.0.0.0',
-  port: import.meta.env.PORT ?? 4000,
-  async fetch(request) {
-    const { matched, response } = await rpcHandler.handle(request, {
+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,
-      },
+      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 })

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

@@ -0,0 +1,10 @@
+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'
+
+export interface Context extends RequestHeadersPluginContext, ResponseHeadersPluginContext {
+  auth: Auth
+  db: Database
+  logger: Logger
+}

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

@@ -0,0 +1,34 @@
+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

@@ -0,0 +1,18 @@
+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/auth.ts

@@ -0,0 +1,23 @@
+import { ORPCError, os } from '@orpc/server'
+import type { Context } from '@server/orpc'
+
+export const authMiddleware = os
+  .$context<Context>()
+  .middleware(async ({ context, next }) => {
+    const { response: session, headers } = await context.auth.api.getSession({
+      headers: context.reqHeaders,
+      returnHeaders: true,
+    })
+
+    headers.forEach((v, k) => context.resHeaders?.append(k, v))
+
+    if (!session) {
+      throw new ORPCError('UNAUTHORIZED')
+    }
+
+    return next({
+      context: {
+        user: session.user,
+      },
+    })
+  })

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

@@ -0,0 +1,19 @@
+import { authed, pub } from '@server/orpc'
+import * as v from 'valibot'
+
+export type { RouterClient } from '@orpc/server'
+
+export const router = {
+  public: pub
+    .input(v.any())
+    .handler(async () => {
+      return 'public'
+    }),
+  private: authed
+    .input(v.any())
+    .handler(async () => {
+      return 'private'
+    }),
+}
+
+export type Router = typeof router

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

@@ -0,0 +1,26 @@
+export function cors(handler: (req: Request) => Promise<Response>) {
+  const allowedOrigins = import.meta.env.ALLOWED_ORIGINS.split(',')
+
+  return async (req: Request) => {
+    const origin = req.headers.get('origin') ?? ''
+
+    if (!origin || !allowedOrigins.includes(origin)) {
+      return new Response('Origin not allowed', { status: 403 })
+    }
+
+    const response = req.method === 'OPTIONS'
+      ? new Response(undefined, { status: 204 })
+      : await handler(req)
+
+    if (req.method === 'OPTIONS') {
+      response.headers.append('Access-Control-Allow-Headers', 'Content-Type')
+      response.headers.append('Access-Control-Allow-Methods', 'GET, HEAD, PUT, POST, DELETE, PATCH')
+      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
+    }
+
+    response.headers.append('Access-Control-Allow-Credentials', 'true')
+    response.headers.append('Access-Control-Allow-Origin', origin)
+
+    return response
+  }
+}

package/template/tsconfig.json

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

package/template/backend/.env.development

@@ -1,4 +0,0 @@
-BETTER_AUTH_SECRET=foo
-BETTER_AUTH_URL=http://localhost:5137
-DATABASE_URL=.db
-NODE_ENV=development

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

@@ -1,65 +0,0 @@
-import type { Auth } from '@backend/auth'
-import type { Database } from '@backend/database'
-import { requiredAuthMiddleware } from '@backend/orpc/middlewares'
-import type { Logger } from '@backend/utils/logger'
-import { onError, ORPCError, os, type Router } from '@orpc/server'
-import { RPCHandler } from '@orpc/server/fetch'
-import {
-  CORSPlugin,
-  RequestHeadersPlugin,
-  type RequestHeadersPluginContext,
-  ResponseHeadersPlugin,
-  type ResponseHeadersPluginContext,
-} from '@orpc/server/plugins'
-import { APIError } from 'better-auth/api'
-
-/* Context */
-
-export interface Context extends RequestHeadersPluginContext, ResponseHeadersPluginContext {
-  auth: Auth
-  db: Database
-  logger: Logger
-}
-
-/* RPC Handler */
-
-export function createRpcHandler<T extends Context>(router: Router<any, T>) {
-  return new RPCHandler<T>(router, {
-    plugins: [
-      new CORSPlugin({
-        credentials: true,
-        maxAge: 7200, // 2 hours https://developer.mozilla.org/en-US/docs/Web/HTTP/Reference/Headers/Access-Control-Max-Age
-      }),
-      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)
-      }),
-    ],
-  })
-}
-
-/* Builder */
-
-export const pub = os
-  .$context<Context>()
-  .errors({
-    UNAUTHORIZED: { status: 401 },
-  })
-
-/** @beta */
-export const authed = pub
-  .use(requiredAuthMiddleware)

package/template/backend/src/orpc/middlewares/auth.ts

@@ -1,33 +0,0 @@
-import type { Context } from '@backend/orpc'
-import { ORPCError, os } from '@orpc/server'
-
-export const authMiddleware = os
-  .$context<Context>()
-  .middleware(async ({ context, next }) => {
-    const { headers, response: session } = await context.auth.api.getSession({
-      headers: context.reqHeaders ?? new Headers(),
-      returnHeaders: true,
-    })
-
-    headers.forEach((v, k) => context.resHeaders?.append(k, v))
-
-    return next({
-      context: {
-        user: session ? session.user : null,
-      },
-    })
-  })
-
-export const requiredAuthMiddleware = authMiddleware
-  .concat(async ({ context, next }) => {
-    if (!context.user) {
-      throw new ORPCError('UNAUTHORIZED')
-    }
-
-    return next({
-      context: {
-        user: context.user,
-      },
-    })
-  },
-  )

package/template/backend/src/orpc/router/auth.ts

@@ -1,54 +0,0 @@
-import { pub } from '@backend/orpc'
-import { authMiddleware } from '@backend/orpc/middlewares'
-import * as v from 'valibot'
-
-export const getCurrentUser = pub
-  .use(authMiddleware)
-  .handler(async ({ context }) => context.user)
-
-export const signUp = pub
-  .input(v.object({
-    name: v.string(),
-    email: v.pipe(v.string(), v.email()),
-    password: v.string(),
-    rememberMe: v.optional(v.boolean(), true),
-  }))
-  .handler(async ({ input, context: { resHeaders, auth } }) => {
-    const { headers, response } = await auth.api.signUpEmail({
-      body: input,
-      returnHeaders: true,
-    })
-
-    headers.forEach((v, k) => resHeaders?.append(k, v))
-
-    return response.user
-  })
-
-export const signIn = pub
-  .input(v.object({
-    email: v.pipe(v.string(), v.email()),
-    password: v.string(),
-    rememberMe: v.optional(v.boolean(), true),
-  }))
-  .handler(async ({ input, context: { resHeaders, auth } }) => {
-    const { headers, response } = await auth.api.signInEmail({
-      body: input,
-      returnHeaders: true,
-    })
-
-    headers.forEach((v, k) => resHeaders?.append(k, v))
-
-    return response.user
-  })
-
-export const signOut = pub
-  .handler(async ({ context: { auth, reqHeaders, resHeaders } }) => {
-    const { headers, response } = await auth.api.signOut({
-      headers: reqHeaders ?? new Headers(),
-      returnHeaders: true,
-    })
-
-    headers.forEach((v, k) => resHeaders?.append(k, v))
-
-    return response
-  })

package/template/backend/src/orpc/router/index.ts

@@ -1,9 +0,0 @@
-import * as auth from './auth'
-
-export type { RouterClient } from '@orpc/server'
-
-export const router = {
-  auth,
-}
-
-export type Router = typeof router

package/template/frontend/.env.development

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

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

@@ -1,31 +0,0 @@
-import { orpc } from '@frontend/lib/orpc'
-import { useMutation, useQuery, useQueryClient } from '@tanstack/vue-query'
-
-export function useAuth() {
-  const qc = useQueryClient()
-
-  const { data: user } = useQuery(orpc.auth.getCurrentUser.queryOptions({
-    retry: false,
-  }))
-
-  const signUp = useMutation(orpc.auth.signUp.mutationOptions({
-    onSuccess: () => qc.invalidateQueries({ queryKey: orpc.auth.getCurrentUser.queryKey() }),
-  }))
-
-  const signIn = useMutation(orpc.auth.signIn.mutationOptions({
-    onSuccess: () => qc.invalidateQueries({ queryKey: orpc.auth.getCurrentUser.queryKey() }),
-  }))
-
-  const signOut = useMutation(orpc.auth.signOut.mutationOptions({
-    onSuccess: () => {
-      qc.setQueryData<null>(orpc.auth.getCurrentUser.queryKey(), null)
-    },
-  }))
-
-  return {
-    user,
-    signUp,
-    signIn,
-    signOut,
-  }
-}

package/template/scripts/dev.ts

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