import { createResolver, useNuxt } from '@nuxt/kit' import { isCI, isDevelopment, isWindows } from 'std-env' import { isPreview } from './config/env' import { i18n } from './config/i18n' import { pwa } from './config/pwa' const { resolve } = createResolver(import.meta.url) export default defineNuxtConfig({ typescript: { tsConfig: { exclude: ['../service-worker'], vueCompilerOptions: { jsxTemplates: true, experimentalRfc436: true, }, }, }, modules: [ '@vueuse/nuxt', '@unocss/nuxt', '@pinia/nuxt', '@vue-macros/nuxt', '@nuxtjs/i18n', '@nuxtjs/color-mode', 'nuxt-vitest', ...(isDevelopment || isWindows) ? [] : ['nuxt-security'], '~/modules/emoji-mart-translation', '~/modules/purge-comments', '~/modules/setup-components', '~/modules/build-env', '~/modules/tauri/index', '~/modules/pwa/index', // change to '@vite-pwa/nuxt' once released and remove pwa module 'stale-dep/nuxt', '@nuxt/devtools', ], experimental: { payloadExtraction: false, inlineSSRStyles: false, }, css: [ '@unocss/reset/tailwind.css', 'floating-vue/dist/style.css', '~/styles/default-theme.css', '~/styles/vars.css', '~/styles/global.css', ...process.env.TAURI_PLATFORM === 'macos' ? [] : ['~/styles/scrollbars.css'], '~/styles/tiptap.css', '~/styles/dropdown.css', ], alias: { 'querystring': 'rollup-plugin-node-polyfills/polyfills/qs', 'change-case': 'scule', 'semver': resolve('./mocks/semver'), }, imports: { dirs: [ './composables/masto', './composables/push-notifications', './composables/settings', './composables/tiptap/index.ts', ], injectAtEnd: true, }, vite: { define: { 'process.env.VSCODE_TEXTMATE_DEBUG': 'false', 'process.mock': ((!isCI || isPreview) && process.env.MOCK_USER) || 'false', 'process.test': 'false', }, build: { target: 'esnext', }, }, postcss: { plugins: { 'postcss-nested': {}, }, }, appConfig: { storage: { driver: process.env.NUXT_STORAGE_DRIVER ?? (isCI ? 'cloudflare' : 'fs'), }, }, runtimeConfig: { adminKey: '', cloudflare: { accountId: '', namespaceId: '', apiToken: '', }, public: { privacyPolicyUrl: '', // We use LibreTranslate (https://github.com/LibreTranslate/LibreTranslate) as // our default translation server #76 translateApi: '', // Use the instance where Elk has its Mastodon account as the default defaultServer: 'm.webtoo.ls', singleInstance: false, }, storage: { fsBase: 'node_modules/.cache/app', }, }, routeRules: { // Static generation '/': { prerender: true }, '/settings/**': { prerender: false }, // incremental regeneration '/api/list-servers': { swr: true }, // CDN cache rules '/manifest.webmanifest': { headers: { 'Content-Type': 'application/manifest+json', 'Cache-Control': 'public, max-age=0, must-revalidate', }, }, }, nitro: { alias: { 'isomorphic-ws': 'unenv/runtime/mock/proxy', }, esbuild: { options: { target: 'esnext', }, }, prerender: { crawlLinks: true, }, }, sourcemap: isDevelopment, hooks: { 'prepare:types': function ({ references }) { references.push({ types: '@types/wicg-file-system-access' }) }, 'nitro:config': function (config) { const nuxt = useNuxt() config.virtual = config.virtual || {} config.virtual['#storage-config'] = `export const driver = ${JSON.stringify(nuxt.options.appConfig.storage.driver)}` }, 'vite:extendConfig': function (config, { isServer }) { if (isServer) { const alias = config.resolve!.alias as Record for (const dep of ['eventemitter3', 'isomorphic-ws']) alias[dep] = resolve('./mocks/class') for (const dep of ['shiki-es', 'fuse.js']) alias[dep] = 'unenv/runtime/mock/proxy' const resolver = createResolver(import.meta.url) config.plugins!.unshift({ name: 'mock', enforce: 'pre', resolveId(id) { if (id.match(/(^|\/)(@tiptap)\//)) return resolver.resolve('./mocks/tiptap.ts') if (id.match(/(^|\/)(prosemirror)/)) return resolver.resolve('./mocks/prosemirror.ts') }, }) const noExternal = config.ssr!.noExternal as string[] noExternal.push('masto', '@fnando/sparkline', 'vue-i18n', '@mastojs/ponyfills') } }, }, app: { keepalive: true, head: { viewport: 'width=device-width,initial-scale=1,viewport-fit=cover', bodyAttrs: { class: 'overflow-x-hidden', }, link: [ { rel: 'icon', href: '/favicon.ico', sizes: 'any' }, { rel: 'icon', type: 'image/svg+xml', href: '/logo.svg' }, { rel: 'apple-touch-icon', href: '/apple-touch-icon.png' }, ], meta: [ { name: 'apple-mobile-web-app-status-bar-style', content: 'black-translucent' }, // open graph social image { property: 'og:title', content: 'Elk' }, { property: 'og:description', content: 'A nimble Mastodon web client' }, { property: 'og:type', content: 'website' }, { property: 'og:image', content: 'https://elk.zone/elk-og.png' }, { property: 'og:image:width', content: '3800' }, { property: 'og:image:height', content: '1900' }, { property: 'og:site_name', content: 'Elk' }, { property: 'twitter:site', content: '@elk_zone' }, { property: 'twitter:card', content: 'summary_large_image' }, ], }, }, // eslint-disable-next-line @typescript-eslint/prefer-ts-expect-error // @ts-ignore nuxt-security is conditional security: { headers: { crossOriginEmbedderPolicy: false, contentSecurityPolicy: { value: { 'default-src': ['\'self\''], 'base-uri': ['\'self\''], 'connect-src': ['\'self\'', 'https:', 'http:', 'wss:', 'ws:'], 'font-src': ['\'self\''], 'form-action': ['\'none\''], 'frame-ancestors': ['\'none\''], 'img-src': ['\'self\'', 'https:', 'http:', 'data:'], 'media-src': ['\'self\'', 'https:', 'http:'], 'object-src': ['\'none\''], 'script-src': ['\'self\'', '\'unsafe-inline\'', '\'wasm-unsafe-eval\''], 'script-src-attr': ['\'none\''], 'style-src': ['\'self\'', '\'unsafe-inline\''], 'upgrade-insecure-requests': true, }, route: '/**', }, }, rateLimiter: false, }, colorMode: { classSuffix: '' }, i18n, pwa, staleDep: { packageManager: 'pnpm', }, }) declare global { namespace NodeJS { interface Process { mock?: Record } } } declare module 'nuxt/dist/app' { interface RuntimeNuxtHooks { 'elk-logo:click': () => void } }