@kevinmarrec/create-app 0.10.1 → 0.12.0

package/template/app/vite.config.ts

@@ -6,60 +6,80 @@ import unhead from '@unhead/addons/vite'
 import vue from '@vitejs/plugin-vue'
 import { visualizer } from 'rollup-plugin-visualizer'
 import unocss from 'unocss/vite'
-import { defineConfig } from 'vite'
+import * as v from 'valibot'
+import { defineConfig, type PluginOption } from 'vite'
+import valibot from 'vite-plugin-valibot-env'
 import devtools from 'vite-plugin-vue-devtools'
 import tsconfigPaths from 'vite-tsconfig-paths'
 
-export default defineConfig(({ command, mode }) => ({
-  build: {
-    modulePreload: {
-      polyfill: false,
-    },
-    sourcemap: mode === 'analyze',
-  },
-  builder: {
-    async buildApp(builder) {
-      if (builder.config.mode === 'static') {
-        const { build } = await import('vite-ssg/node')
-        await build(builder.config.ssgOptions)
-        process.exit(0)
-      }
+export const envSchema = v.object({
+  VITE_API_URL: v.pipe(v.string(), v.nonEmpty(), v.readonly()),
+  VITE_ANALYTICS_URL: v.pipe(v.string(), v.nonEmpty(), v.readonly()),
+  VITE_ANALYTICS_WEBSITE_ID: v.pipe(v.string(), v.nonEmpty(), v.readonly()),
+})
 
-      await builder.build(builder.environments.client)
-    },
-  },
-  plugins: [
-    vue({
-      features: {
-        optionsAPI: command !== 'build',
-      },
-    }),
-    yaml(),
+declare global {
+  interface ViteEnv extends v.InferOutput<typeof envSchema> {}
+}
+
+export default defineConfig(({ command, mode }) => {
+  const plugins: PluginOption[] = [
     darkMode(),
-    unocss(),
-    unhead(),
-    tsconfigPaths(),
     devtools({
       componentInspector: {
         toggleComboKey: 'alt-s',
       },
     }),
-    mode === 'analyze' && visualizer({
+    tsconfigPaths(),
+    unhead(),
+    unocss(),
+    valibot(envSchema),
+    vue({
+      features: {
+        optionsAPI: command !== 'build',
+      },
+    }),
+    yaml(),
+  ]
+
+  if (mode === 'analyze') {
+    plugins.push(visualizer({
       filename: 'node_modules/.vite/stats.html',
       brotliSize: true,
       gzipSize: true,
       open: true,
       sourcemap: true,
-    }),
-  ],
-  ssgOptions: {
-    script: 'async',
-    formatting: 'minify',
-    beastiesOptions: {
-      reduceInlineStyles: false,
+    }))
+  }
+
+  return {
+    build: {
+      modulePreload: {
+        polyfill: false,
+      },
+      sourcemap: mode === 'analyze',
+    },
+    builder: {
+      async buildApp(builder) {
+        if (builder.config.mode === 'static') {
+          const { build } = await import('vite-ssg/node')
+          await build(builder.config.ssgOptions)
+          process.exit(0)
+        }
+
+        await builder.build(builder.environments.client)
+      },
+    },
+    plugins,
+    ssgOptions: {
+      script: 'async',
+      formatting: 'minify',
+      beastiesOptions: {
+        reduceInlineStyles: false,
+      },
+    },
+    ssr: {
+      noExternal: ['@kevinmarrec/vue-i18n'],
     },
-  },
-  ssr: {
-    noExternal: ['@kevinmarrec/vue-i18n'],
-  },
-}))
+  }
+})

package/template/compose.yaml

@@ -1,3 +1,11 @@
+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
+
 x-common: &common
   volumes:
     - ./:/code
@@ -5,95 +13,17 @@ x-common: &common
   user: 1000:1000
 
 services:
-  traefik:
-    image: traefik:v3.6
-    container_name: traefik
-    restart: unless-stopped
-    security_opt:
-      - no-new-privileges:true
-    command:
-      # General configuration
-      - --api.dashboard=true
-      - --ping=true
-      - --log.level=INFO
-      # 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
-    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
-    healthcheck:
-      test: [CMD-SHELL, traefik healthcheck --ping]
-      interval: 1s
-      timeout: 1s
-      retries: 10
-    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
-
-  postgres:
-    image: postgres:18-alpine
-    container_name: postgres
-    environment:
-      - POSTGRES_USER=user
-      - POSTGRES_PASSWORD=password
-      - POSTGRES_DB=app
-    ports:
-      - 5432:5432
-    volumes:
-      - postgres_data:/var/lib/postgresql/data
-    healthcheck:
-      test: [CMD-SHELL, "psql postgresql://user:password@postgres:5432/app -c 'SELECT 1' 2> /dev/null"]
-      interval: 1s
-      timeout: 1s
-      retries: 10
-
-  metabase:
-    image: metabase/metabase:v0.57.x
-    container_name: metabase
-    environment:
-      - MB_DB_TYPE=h2
-      - MB_DB_FILE=/var/lib/metabase/metabase.db
-      - MB_SITE_URL=https://metabase.dev.localhost
-    volumes:
-      - metabase_data:/var/lib/metabase
-    healthcheck:
-      test: [CMD-SHELL, curl -f http://localhost:3000/api/health]
-      interval: 1s
-      timeout: 1s
-      retries: 20
-    labels:
-      traefik.enable: 'true'
-      traefik.http.routers.metabase.rule: Host(`metabase.dev.localhost`)
-      traefik.http.routers.metabase.entrypoints: websecure
-      traefik.http.routers.metabase.tls: 'true'
-      traefik.http.services.metabase.loadbalancer.server.port: '3000'
 
   api:
     <<: *common
+    image: oven/bun:1.3.3-alpine
+    container_name: api
+    init: true
     depends_on:
       traefik:
         condition: service_healthy
       postgres:
         condition: service_healthy
-    container_name: api
-    image: oven/bun:1-alpine
-    init: true
     command: [bun, --cwd, api, dev]
     environment:
       - FORCE_COLOR=1
@@ -106,11 +36,11 @@ services:
 
   app:
     <<: *common
-    depends_on:
-      - api
+    image: imbios/bun-node:1.3.3-24-alpine
     container_name: app
-    image: imbios/bun-node:24-alpine
     init: true
+    depends_on:
+      - api
     command: [bun, --cwd, app, dev, --host, 0.0.0.0]
     environment:
       - FORCE_COLOR=1
@@ -124,7 +54,3 @@ services:
 networks:
   default:
     name: dev
-
-volumes:
-  postgres_data:
-  metabase_data:

package/template/knip.config.ts

@@ -2,8 +2,9 @@ import type { KnipConfig } from 'knip'
 
 // Required for Knip to pass
 Object.assign(import.meta.env, {
-  AUTH_SECRET: '',
-  DATABASE_URL: '',
+  ALLOWED_ORIGINS: 'https://foo.bar',
+  AUTH_SECRET: 'foo',
+  DATABASE_URL: 'postgresql://foo:bar@localhost:5432/foo',
 })
 
 export default {

package/template/package.json

@@ -2,7 +2,7 @@
   "name": "project",
   "type": "module",
   "private": true,
-  "packageManager": "bun@1.3.2",
+  "packageManager": "bun@1.3.3",
   "engines": {
     "node": "lts/*"
   },
@@ -16,21 +16,22 @@
     "check:stylelint": "stylelint '**/*.{css,scss,vue}' --ignorePath .gitignore --cache",
     "check:types": "vue-tsc --noEmit",
     "check:unused": "knip -n",
+    "dev": "docker compose",
     "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.6",
-    "@kevinmarrec/stylelint-config": "^1.5.6",
-    "@kevinmarrec/tsconfig": "^1.5.6",
+    "@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.69.1",
-    "stylelint": "^16.25.0",
+    "knip": "^5.70.2",
+    "stylelint": "^16.26.1",
     "tinyexec": "^1.0.2",
     "tinyglobby": "^0.2.15",
     "typescript": "~5.9.3",
-    "vue-tsc": "^3.1.4"
+    "vue-tsc": "^3.1.5"
   }
 }

package/template/tsconfig.json

@@ -1,10 +1,3 @@
 {
-  "extends": "@kevinmarrec/tsconfig",
-  "compilerOptions": {
-    "paths": {
-      "~/api/*": ["./api/src/*"],
-      "~/app/*": ["./app/src/*"]
-    }
-  },
-  "exclude": ["**/dist/**"]
+  "extends": "@kevinmarrec/tsconfig"
 }