@dargmuesli/nuxt-vio 9.0.0-beta.2 → 9.0.0-beta.4

package/components/vio/button/VioButtonShare.vue

@@ -25,7 +25,7 @@ const copy = async (string: string) => {
   if (typeof window === 'undefined') return
 
   try {
-    await navigator.clipboard.writeText(string)
+    await copyText(string)
     showToast({ title: t('donationUrlCopySuccess') })
   } catch (error: any) {
     alert(t('donationUrlCopyError'))

package/nuxt.config.ts

@@ -18,7 +18,6 @@ export default defineNuxtConfig(
   defu(
     {
       alias: {
-        clipboard: 'clipboard',
         dayjs: 'dayjs',
         sweetalert2: 'sweetalert2',
       }, // TODO: remove (https://github.com/nuxt/nuxt/issues/19426)
@@ -49,8 +48,9 @@ export default defineNuxtConfig(
         '@nuxtjs/html-validator',
         '@nuxtjs/i18n',
         '@nuxtjs/tailwindcss',
+        '@nuxtseo/module',
         '@pinia/nuxt',
-        // nuxt-security: remove invalid `'none'`s
+        // nuxt-security: remove invalid `'none'`s and duplicates
         (_options, nuxt) => {
           const nuxtConfigSecurity = nuxt.options.security
 
@@ -74,16 +74,18 @@ export default defineNuxtConfig(
                     string,
                     any
                   >
-                )[key] = valueFiltered
+                )[key] = [...new Set(valueFiltered)]
               }
             }
           }
         },
         'nuxt-security',
-        '@nuxtseo/module',
       ],
       nitro: {
         compressPublicAssets: true,
+        experimental: {
+          openAPI: process.env.NODE_ENV === 'development',
+        },
       },
       runtimeConfig: {
         public: {
@@ -177,7 +179,7 @@ export default defineNuxtConfig(
               // Cloudflare
               ...(process.env.NODE_ENV === 'production'
                 ? {
-                    'connect-src': [`${SITE_URL}/cdn-cgi/rum`],
+                    'connect-src': ["'self'"], // `${SITE_URL}/cdn-cgi/rum`
                     'script-src-elem': [
                       'https://static.cloudflareinsights.com',
                     ],
@@ -199,6 +201,7 @@ export default defineNuxtConfig(
             },
             {
               // vio
+              'connect-src': ["'self'"], // `${SITE_URL}/api/healthcheck`
               'manifest-src': [`${SITE_URL}/site.webmanifest`],
               'script-src-elem': [
                 'https://polyfill.io/v3/polyfill.min.js', // ESLint plugin compat
@@ -206,19 +209,21 @@ export default defineNuxtConfig(
             },
             {
               // @nuxt/devtools
-              'frame-src': [
-                ...(process.env.NODE_ENV === 'development'
-                  ? ['http://localhost:3000/__nuxt_devtools__/client/']
-                  : []),
-              ],
+              ...(process.env.NODE_ENV === 'development'
+                ? {
+                    'frame-src': [
+                      'http://localhost:3000/__nuxt_devtools__/client/',
+                    ],
+                  }
+                : {}),
             },
             {
               // nuxt-link-checker
-              'connect-src': [
-                ...(process.env.NODE_ENV === 'development'
-                  ? ['http://localhost:3000/api/__link_checker__/inspect']
-                  : []),
-              ],
+              ...(process.env.NODE_ENV === 'development'
+                ? {
+                    'connect-src': ["'self'"], // 'http://localhost:3000/api/__link_checker__/inspect'
+                  }
+                : {}),
             },
             {
               // nuxt-og-image
@@ -244,12 +249,12 @@ export default defineNuxtConfig(
               'connect-src': [
                 ...(process.env.NODE_ENV === 'development'
                   ? [
-                      'http://localhost:3000/_nuxt/', // Nuxt development
-                      'https://localhost:3000/_nuxt/', // Nuxt development
-                      'ws://localhost:3000/_nuxt/', // Nuxt development
-                      'wss://localhost:3000/_nuxt/', // Nuxt development
+                      'http://localhost:3000/_nuxt/', // hot reload
+                      'https://localhost:3000/_nuxt/', // hot reload
+                      'ws://localhost:3000/_nuxt/', // hot reload
+                      'wss://localhost:3000/_nuxt/', // hot reload
                     ]
-                  : ["'self'"]), // Nuxt build metadata and payloads
+                  : ["'self'"]), // build metadata and payloads
               ],
               'img-src': [
                 "'self'", // TODO: replace with `"'nonce-{{nonce}}'",`
@@ -262,6 +267,18 @@ export default defineNuxtConfig(
                 "'unsafe-inline'", // TODO: replace with `"'nonce-{{nonce}}'",` (https://github.com/vitejs/vite/pull/11864)
               ],
             },
+            {
+              // nitro
+              'connect-src': ["'self'"] /* swagger
+              'http://localhost:3000/_nitro/openapi.json',
+              'http://localhost:3000/_nitro/swagger', */,
+              'script-src-elem': [
+                'https://cdn.jsdelivr.net/npm/', // swagger // TODO: increase precision (https://github.com/unjs/nitro/issues/1757)
+              ],
+              'style-src': [
+                'https://cdn.jsdelivr.net/npm/', // swagger // TODO: increase precision (https://github.com/unjs/nitro/issues/1757)
+              ],
+            },
             {
               // base
               'base-uri': ["'none'"], // does not fallback to `default-src`
@@ -325,6 +342,14 @@ export default defineNuxtConfig(
       tailwindcss: {
         cssPath: join(currentDir, './assets/css/tailwind.css'),
       },
+
+      // environments
+      $development: {
+        // modules
+        security: {
+          rateLimiter: false, // TODO: enable when nuxt-link-checker bundles requests (https://github.com/harlan-zw/nuxt-link-checker/issues/21)
+        },
+      },
     },
     VIO_NUXT_BASE_CONFIG({
       defaultLocale: 'en',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dargmuesli/nuxt-vio",
-  "version": "9.0.0-beta.2",
+  "version": "9.0.0-beta.4",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/dargmuesli/vio.git"
@@ -12,7 +12,7 @@
   "engines": {
     "node": "20"
   },
-  "packageManager": "pnpm@8.9.2",
+  "packageManager": "pnpm@8.10.2",
   "files": [
     "assets",
     "components",
@@ -33,85 +33,55 @@
     "tailwind.config.ts"
   ],
   "main": "nuxt.config.ts",
-  "scripts": {
-    "build": "pnpm run build:node",
-    "build:node": "nuxt build .playground",
-    "build:static": "nuxt generate .playground",
-    "build:static:test": "cross-env NODE_ENV=production SITE_URL=http://localhost:3002 pnpm run build:static",
-    "dev": "pnpm run start:dev",
-    "generate": "pnpm run build:static",
-    "lint:fix": "pnpm run lint:js --fix && pnpm run lint:ts --fix && pnpm run lint:style --fix",
-    "lint:js": "eslint --cache --ext .js,.ts,.vue --ignore-path .gitignore .",
-    "lint:staged": "lint-staged",
-    "lint:style": "stylelint --cache \"**/*.{vue,css}\" --ignore-path .gitignore",
-    "lint:ts": "nuxt typecheck",
-    "lint": "pnpm run lint:js && pnpm run lint:ts && pnpm run lint:style",
-    "prepare": "nuxt prepare .playground",
-    "preview": "nuxt preview .playground",
-    "start:dev": "nuxt dev .playground",
-    "start:node": "node .playground/.output/server/index.mjs",
-    "start:static": "serve .playground/.output/public",
-    "start:static:test": "cross-env NODE_ENV=production PORT=3002 SITE_URL=http://localhost:3002 pnpm run start:static",
-    "test:e2e:docker:br": "pnpm run test:e2e:docker:build && pnpm run test:e2e:docker:run",
-    "test:e2e:docker:build": "docker build -t test-e2e_base --build-arg UID=$(id -u) --build-arg GID=$(id -g) --target test-e2e_base ..",
-    "test:e2e:docker:run": "docker run --rm -v \"$PWD/..:/srv/app\" -v \"$(pnpm store path):/srv/.pnpm-store\" test-e2e_base",
-    "test:e2e:docker:server:dev:update": "pnpm run test:e2e:docker:server:dev --update-snapshots",
-    "test:e2e:docker:server:dev": "pnpm run test:e2e:docker:br pnpm --dir src run test:e2e:server:dev",
-    "test:e2e:docker:server:node:update": "pnpm run test:e2e:docker:server:node --update-snapshots",
-    "test:e2e:docker:server:node": "pnpm run test:e2e:docker:br pnpm --dir src run test:e2e:server:node",
-    "test:e2e:docker:server:static:update": "pnpm run test:e2e:docker:server:static --update-snapshots",
-    "test:e2e:docker:server:static": "pnpm run test:e2e:docker:br pnpm --dir src run test:e2e:server:static",
-    "test:e2e:server:dev": "cross-env PORT=3000 SITE_URL=http://localhost:3000 VIO_SERVER=dev pnpm run test:e2e",
-    "test:e2e:server:node": "cross-env NODE_ENV=production NUXT_PUBLIC_I18N_BASE_URL=http://localhost:3001 NUXT_PUBLIC_SITE_URL=http://localhost:3001 PORT=3001 VIO_SERVER=node pnpm run test:e2e",
-    "test:e2e:server:static": "cross-env NODE_ENV=production PORT=3002 SITE_URL=http://localhost:3002 VIO_SERVER=static pnpm run test:e2e",
-    "test:e2e": "playwright test"
-  },
   "dependencies": {
-    "@axe-core/playwright": "4.8.1",
-    "@dargmuesli/nuxt-cookie-control": "7.0.1",
+    "@dargmuesli/nuxt-cookie-control": "7.1.1",
     "@heroicons/vue": "2.0.18",
     "@http-util/status-i18n": "0.8.1",
-    "@intlify/eslint-plugin-vue-i18n": "3.0.0-next.4",
     "@nuxt/devtools": "1.0.0",
     "@nuxt/image": "1.0.0",
     "@nuxtjs/color-mode": "3.3.0",
-    "@nuxtjs/eslint-config-typescript": "12.1.0",
     "@nuxtjs/html-validator": "1.5.2",
-    "@nuxtjs/i18n": "npm:@nuxtjs/i18n-edge@8.0.0-rc.5-28296269.d5d5540",
-    "@nuxtjs/tailwindcss": "6.8.0",
+    "@nuxtjs/i18n": "npm:@nuxtjs/i18n-edge@8.0.0-rc.5-28319130.4a511e8",
+    "@nuxtjs/tailwindcss": "6.9.4",
     "@nuxtseo/module": "2.0.0-beta.39",
     "@pinia/nuxt": "0.5.1",
-    "@playwright/test": "1.39.0",
     "@tailwindcss/forms": "0.5.6",
     "@tailwindcss/typography": "0.5.10",
     "@types/lodash-es": "4.17.10",
-    "@unhead/vue": "1.7.4",
+    "@vuelidate/core": "2.0.3",
+    "@vuelidate/validators": "2.0.4",
+    "clipboardy": "4.0.0",
+    "dayjs": "2.0.0-alpha.4",
+    "jose": "5.1.0",
+    "nuxt-security": "1.0.0-rc.2",
+    "sweetalert2": "11.9.0",
+    "vue-gtag": "2.0.1"
+  },
+  "devDependencies": {
+    "@axe-core/playwright": "4.8.1",
+    "@intlify/eslint-plugin-vue-i18n": "3.0.0-next.4",
+    "@nuxtjs/eslint-config-typescript": "12.1.0",
+    "@playwright/test": "1.39.0",
+    "@unhead/vue": "1.8.3",
     "@urql/core": "4.1.4",
     "@urql/devtools": "2.0.3",
     "@urql/exchange-graphcache": "6.3.3",
     "@urql/vue": "1.1.2",
-    "@vuelidate/core": "2.0.3",
-    "@vuelidate/validators": "2.0.4",
-    "clipboard": "2.0.11",
     "consola": "3.2.3",
     "cookie-es": "1.0.0",
     "cross-env": "7.0.3",
-    "dayjs": "2.0.0-alpha.4",
-    "defu": "6.1.2",
-    "eslint": "8.52.0",
+    "defu": "6.1.3",
+    "eslint": "8.53.0",
     "eslint-config-prettier": "9.0.0",
     "eslint-plugin-compat": "4.2.0",
     "eslint-plugin-nuxt": "4.0.0",
     "eslint-plugin-prettier": "5.0.1",
     "eslint-plugin-yml": "1.10.0",
     "h3": "1.8.2",
-    "is-https": "4.0.0",
-    "jiti": "1.20.0",
-    "jose": "4.15.4",
+    "jiti": "1.21.0",
     "lint-staged": "15.0.2",
     "lodash-es": "4.17.21",
-    "nuxt": "3.8.0",
-    "nuxt-security": "1.0.0-rc.2",
+    "nuxt": "3.8.1",
     "ofetch": "1.3.3",
     "pinia": "2.1.7",
     "prettier": "3.0.3",
@@ -121,16 +91,50 @@
     "stylelint-config-recommended-vue": "1.5.0",
     "stylelint-config-standard": "34.0.0",
     "stylelint-no-unsupported-browser-features": "7.0.0",
-    "sweetalert2": "11.7.32",
-    "tailwindcss": "3.3.3",
+    "tailwindcss": "3.3.5",
     "ufo": "1.3.1",
-    "unhead": "1.7.4",
-    "vue": "3.3.6",
-    "vue-gtag": "2.0.1",
+    "unhead": "1.8.0-beta.2",
+    "vue": "3.3.8",
     "vue-router": "4.2.5",
-    "vue-tsc": "1.8.19"
+    "vue-tsc": "1.8.22"
   },
   "peerDependencies": {
-    "playwright-core": "1.39.0"
+    "playwright-core": "1.39.0",
+    "nuxt": "3.8.1",
+    "vue": "3.3.8",
+    "vue-router": "4.2.5"
+  },
+  "scripts": {
+    "build": "pnpm run build:node",
+    "build:node": "nuxt build .playground",
+    "build:static": "nuxt generate .playground",
+    "build:static:test": "cross-env NODE_ENV=production SITE_URL=http://localhost:3002 pnpm run build:static",
+    "dev": "pnpm run start:dev",
+    "generate": "pnpm run build:static",
+    "lint:fix": "pnpm run lint:js --fix && pnpm run lint:ts --fix && pnpm run lint:style --fix",
+    "lint:js": "eslint --cache --ext .js,.ts,.vue --ignore-path .gitignore .",
+    "lint:staged": "lint-staged",
+    "lint:style": "stylelint --cache \"**/*.{vue,css}\" --ignore-path .gitignore",
+    "lint:ts": "nuxt typecheck",
+    "lint": "pnpm run lint:js && pnpm run lint:ts && pnpm run lint:style",
+    "prepare": "nuxt prepare .playground",
+    "preview": "nuxt preview .playground",
+    "start:dev": "nuxt dev .playground",
+    "start:node": "node .playground/.output/server/index.mjs",
+    "start:static": "serve .playground/.output/public",
+    "start:static:test": "cross-env NODE_ENV=production PORT=3002 SITE_URL=http://localhost:3002 pnpm run start:static",
+    "test:e2e:docker:br": "pnpm run test:e2e:docker:build && pnpm run test:e2e:docker:run",
+    "test:e2e:docker:build": "docker build -t test-e2e_base --build-arg UID=$(id -u) --build-arg GID=$(id -g) --target test-e2e_base ..",
+    "test:e2e:docker:run": "docker run --rm -v \"$PWD/..:/srv/app\" -v \"$(pnpm store path):/srv/.pnpm-store\" test-e2e_base",
+    "test:e2e:docker:server:dev:update": "pnpm run test:e2e:docker:server:dev --update-snapshots",
+    "test:e2e:docker:server:dev": "pnpm run test:e2e:docker:br pnpm --dir src run test:e2e:server:dev",
+    "test:e2e:docker:server:node:update": "pnpm run test:e2e:docker:server:node --update-snapshots",
+    "test:e2e:docker:server:node": "pnpm run test:e2e:docker:br pnpm --dir src run test:e2e:server:node",
+    "test:e2e:docker:server:static:update": "pnpm run test:e2e:docker:server:static --update-snapshots",
+    "test:e2e:docker:server:static": "pnpm run test:e2e:docker:br pnpm --dir src run test:e2e:server:static",
+    "test:e2e:server:dev": "cross-env PORT=3000 SITE_URL=http://localhost:3000 VIO_SERVER=dev pnpm run test:e2e",
+    "test:e2e:server:node": "cross-env NODE_ENV=production NUXT_PUBLIC_I18N_BASE_URL=http://localhost:3001 NUXT_PUBLIC_SITE_URL=http://localhost:3001 PORT=3001 VIO_SERVER=node pnpm run test:e2e",
+    "test:e2e:server:static": "cross-env NODE_ENV=production PORT=3002 SITE_URL=http://localhost:3002 VIO_SERVER=static pnpm run test:e2e",
+    "test:e2e": "playwright test"
   }
 }

package/server/api/healthcheck.get.ts

@@ -1,5 +1,3 @@
-import { defineEventHandler } from 'h3'
-
 export default defineEventHandler((event) => {
   const { res } = event.node
   res.setHeader('Content-Type', 'text/plain')

package/server/middleware/headers.ts

@@ -1,10 +1,6 @@
-import { appendHeader, defineEventHandler } from 'h3'
 import type { H3Event } from 'h3'
 import type { AppConfig } from 'nuxt/schema'
 
-import { TIMEZONE_HEADER_KEY } from '../../utils/constants'
-import { getTimezone } from '../../utils/networking'
-
 export default defineEventHandler(async (event) => {
   setRequestHeader(event, TIMEZONE_HEADER_KEY, await getTimezone(event))
   setResponseHeaders(event)

package/server/utils/util.ts

@@ -0,0 +1,2 @@
+export { TIMEZONE_HEADER_KEY } from '../../utils/constants'
+export { getTimezone } from '../../utils/networking'

package/utils/text.ts

@@ -1,20 +1,3 @@
-import Clipboard from 'clipboard'
+import clipboard from 'clipboardy'
 
-export const copyText = (text: string) =>
-  new Promise((resolve, reject) => {
-    const fakeElement = document.createElement('button')
-    const clipboard = new Clipboard(fakeElement, {
-      text: () => text,
-      action: () => 'copy',
-      container: document.body,
-    })
-    clipboard.on('success', (e) => {
-      clipboard.destroy()
-      resolve(e)
-    })
-    clipboard.on('error', (e) => {
-      clipboard.destroy()
-      reject(e)
-    })
-    fakeElement.click()
-  })
+export const copyText = async (text: string) => await clipboard.write(text)