codetime-web/nuxt.config.ts at main · codetime-dev/codetime-web · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
// https://nuxt.com/docs/api/configuration/nuxt-config
import process from 'node:process'

export default defineNuxtConfig({
  // Inline critical CSS into the SSR HTML so the first paint does not block on
  // an external stylesheet. Major FCP/LCP win on the landing page.
  features: {
    inlineStyles: true,
  },
  runtimeConfig: {
    public: {
      // `apiHost` / `nuxtApiHost` were used by the dual-backend SDK shim
      // during the Python → Nuxt cutover. The Nuxt backend now owns every
      // `/v3/*` path so the SDK targets the page origin directly; both
      // settings were removed along with `shared/migrated-routes.ts`.
      githubClientId: process.env.NUXT_PUBLIC_GITHUB_CLIENT_ID || '978fe1a6f0c5d12f5beb',
      googleClientId: process.env.NUXT_PUBLIC_GOOGLE_CLIENT_ID || '1020029657488-f66ubcmj6qqg4h4ptjk505ljmkv55jkv.apps.googleusercontent.com',
      // Apple Services ID for Sign in with Apple JS SDK.
      // Distinct from the iOS Bundle ID — created under the same
      // primary App ID in the Apple Developer Portal.
      appleServiceId: process.env.NUXT_PUBLIC_APPLE_SERVICE_ID || '',
      sentryDsn: process.env.NUXT_PUBLIC_SENTRY_DSN || '',
    },
  },
  site: {
    url: 'https://codetime.dev',
    name: 'Code Time',
  },
  css: ['~/assets/tokens.css'],
  ogImage: {
    // Fonts are resolved by @nuxt/fonts (scans font-family in OG components
    // and subsets per request). CJK fallbacks are declared in each OG
    // template's font-family stack — only glyphs actually used are shipped.
    defaults: {
      cacheMaxAgeSeconds: 60 * 60 * 24 * 7,
    },
  },
  gtag: {
    id: 'G-36N091FBKT',
    // Defer gtag.js until first user interaction (see plugins/gtag-defer.client.ts).
    // Removes ~70KB of blocking third-party JS from the critical path.
    initMode: 'manual',
  },
  devtools: {
    enabled: true,
    timeline: {
      enabled: true,
    },
  },

  // Silences "Unresolvable optimizeDeps.include entries" warnings for the
  // devtools packages — Vite tries to pre-bundle them but the resolved files
  // are virtual modules. Empty array tells Vite not to attempt prebundle.
  vite: {
    optimizeDeps: {
      exclude: ['@vue/devtools-kit', '@vue/devtools-core'],
    },
  },

  imports: {
    dirs: [
      'composables/**',
      'utils/**',
      'i18n/**',
    ],
  },

  // @sentry/nuxt removed: no sentry.client.config.ts existed and no app code
  // referenced it, but the module still bundled ~50KB of browser SDK
  // (browserTracing + replay scaffolding) into the landing entry. If
  // server-side error tracking is needed, re-add with `client: { enabled:
  // false }` and a sentry.server.config.ts so the public bundle stays clean.
  modules: ['@unocss/nuxt', '@vueuse/nuxt', '@nuxtjs/sitemap', 'nuxt-og-image', '@nuxt/image', 'nuxt-gtag', [
    '@nuxtjs/google-fonts',
    {
      download: true,
      families: {},
    },
  ], '@nuxt/fonts'],

  // Nitro auto-generates the OpenAPI spec at /_nitro/openapi.json from
  // each route's defineRouteMeta({ openAPI: ... }). Our handler at
  // /v3/docs/openapi.json builds a curated spec from the same metadata,
  // scoped to /v3/* routes and pointed at the current origin.
  nitro: {
    experimental: { openAPI: true },
    openAPI: {
      meta: {
        title: 'Code Time',
        version: '0.1.0',
      },
      ui: { swagger: false, scalar: false },
    },
    // Bump esbuild target so BigInt literals (uuid7, icalendar feed) don't
    // trigger "not available in es2019" warnings. Runtime is Node 22.
    esbuild: { options: { target: 'es2022' } },
  },

  // Preload Inter (body copy). The mono LCP font (Berkeley Mono) is
  // self-hosted via @font-face in app.vue and preloaded explicitly in
  // app/app.vue's <Head> so @nuxt/fonts doesn't need to manage it.
  fonts: {
    families: [
      { name: 'Inter', preload: true, weights: [400, 500, 600, 700] },
    ],
  },

  routeRules: {
    // Scalar runs in an iframe — neither host page nor shell need SSR.
    '/docs/api': { ssr: false },
    '/docs/api/**': { ssr: false },
    // Dashboard is auth-gated and entirely user-specific — SSR has no SEO value
    // and only produces hydration mismatches (localStorage/cookies/per-user data).
    '/*/dashboard': { ssr: false },
    '/*/dashboard/**': { ssr: false },
    // Hide Nitro's raw auto-generated spec / built-in UIs. The public
    // surface is `/v3/docs/openapi.json` which we curate.
    '/_openapi.json': { redirect: { to: '/v3/docs/openapi.json', statusCode: 301 } },
    '/_swagger': { redirect: { to: '/docs/api', statusCode: 301 } },
    '/_scalar': { redirect: { to: '/docs/api', statusCode: 301 } },
    // Widget SVG endpoints set their own cache headers in the handler. Override
    // any CDN page-cache defaults so an occasional SPA-fallback HTML response
    // (e.g. during a deploy) is not pinned at the edge for hours.
    '/api/widgets/**': {
      headers: {
        'cache-control': 'public, max-age=60, s-maxage=600',
        'cdn-cache-control': 'public, max-age=600',
      },
    },
    // Landing pages are pure marketing content — no per-user data is rendered
    // server-side (fetchUser runs client-only). Stale-while-revalidate keeps
    // TTFB at edge-cache speed (was 2s on cold SSR) while still picking up
    // copy/i18n changes within the SWR window.
    '/': { swr: 600 },
    '/en': { swr: 600 },
    '/zh-CN': { swr: 600 },
    '/zh-TW': { swr: 600 },
    '/ja': { swr: 600 },
    '/de': { swr: 600 },
    '/es': { swr: 600 },
    '/fr': { swr: 600 },
    '/it': { swr: 600 },
    '/ru': { swr: 600 },
    '/ua': { swr: 600 },
    '/ms': { swr: 600 },
    '/pt-BR': { swr: 600 },
  },

  sitemap: {
    exclude: [
      '/[...slug]',
      '/**/dashboard/**',
      '/**/demo/**',
    ],
    defaults: {
      changefreq: 'weekly',
      priority: 0.6,
    },
    // autoLastmod must be true for agent-readability — agents use <lastmod>
    // to decide whether to re-crawl. The build-time stamp is good enough for
    // marketing copy; the per-URL handler in server/api/__sitemap__/urls.ts
    // overrides it on entries that have a real change date.
    autoLastmod: true,
    urls: async () => {
      // Generate URLs only for main pages; user pages are handled by dynamic routes.
      return []
    },
  },

  // sentry block intentionally removed alongside the @sentry/nuxt module.
  // To bring it back server-only, add a sentry.server.config.ts with init().

  compatibilityDate: '2024-10-13',
})