@dargmuesli/nuxt-vio 12.1.0 → 13.0.0

package/.config/certificates/mkcert.sh

@@ -0,0 +1,30 @@
+#!/bin/sh
+THIS=$(dirname "$(readlink -f "$0")")
+
+create() {
+    NAME="$1"
+    shift
+    CONTENT=$*
+
+    path="$THIS/$NAME"
+    certfile="$path.crt"
+    keyfile="$path.key"
+
+    if [ "$CONTENT" != "" ]; then
+        # shellcheck disable=SC2086
+        mkcert \
+            -cert-file "$certfile" \
+            -ecdsa \
+            -key-file "$keyfile" $CONTENT
+    fi
+
+    cat "$(mkcert -CAROOT)/rootCA.pem" >> "$certfile"
+}
+
+echo "key crt" | tr ' ' '\n' | while read -r glob; do
+    if test -n "$(find "$THIS" -maxdepth 1 -name "*.$glob" -print -quit)"; then
+        rm "$THIS"/*."$glob"
+    fi
+done
+
+create "ssl" "localhost" "127.0.0.1" "0.0.0.0"

package/nuxt.config.ts

@@ -8,9 +8,9 @@ import {
   SITE_NAME,
   TIMEZONE_COOKIE_NAME,
   GTAG_COOKIE_ID,
-  VIO_NUXT_BASE_CONFIG,
   GET_CSP,
 } from './utils/constants'
+import { VIO_NUXT_BASE_CONFIG } from './utils/nuxt'
 
 const currentDir = dirname(fileURLToPath(import.meta.url))
 
@@ -29,6 +29,12 @@ export default defineNuxtConfig(
           name: 'layout',
         },
       },
+      devServer: {
+        https: {
+          key: './.config/certificates/ssl.key',
+          cert: './.config/certificates/ssl.crt',
+        },
+      },
       devtools: {
         timeline: {
           enabled: true,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dargmuesli/nuxt-vio",
-  "version": "12.1.0",
+  "version": "13.0.0",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/dargmuesli/vio.git"
@@ -66,11 +66,10 @@
     "jose": "5.4.0",
     "nuxt-gtag": "2.0.6",
     "nuxt-security": "1.4.3",
-    "sweetalert2": "11.11.1"
+    "sweetalert2": "11.11.1",
+    "vue-tsc": "2.0.21"
   },
   "devDependencies": {
-    "@axe-core/playwright": "4.9.1",
-    "@playwright/test": "1.44.1",
     "@unhead/vue": "1.9.13",
     "@urql/devtools": "2.0.3",
     "@urql/exchange-graphcache": "7.1.1",
@@ -94,15 +93,12 @@
     "stylelint-config-standard": "36.0.0",
     "stylelint-no-unsupported-browser-features": "8.0.1",
     "tailwindcss": "3.4.4",
-    "ufo": "1.5.3",
     "unhead": "1.9.13",
     "vue": "3.4.29",
-    "vue-router": "4.3.3",
-    "vue-tsc": "2.0.21"
+    "vue-router": "4.3.3"
   },
   "peerDependencies": {
     "nuxt": "3.12.2",
-    "playwright-core": "1.44.1",
     "vue": "3.4.29",
     "vue-router": "4.3.3"
   },
@@ -110,7 +106,6 @@
     "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",
@@ -119,24 +114,10 @@
     "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 && nuxt prepare .playground",
+    "prepare": "nuxt prepare && nuxt prepare .playground && ./.config/certificates/mkcert.sh",
     "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 PORT=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_development --build-arg UID=$(id -u) --build-arg GID=$(id -g) --target test-e2e_development ..",
-    "test:e2e:docker:run": "docker run --rm -v \"$PWD/..:/srv/app\" -v \"$(pnpm store path):/srv/.pnpm-store\" test-e2e_development",
-    "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"
+    "start:static": "serve .playground/.output/public --ssl-cert ./.config/certificates/ssl.crt --ssl-key ./.config/certificates/ssl.key"
   }
 }

package/utils/constants.ts

@@ -166,40 +166,3 @@ export const TITLE_TEMPLATE = ({
   title?: string | null
 }) => (title && title !== siteName ? `${title} · ${siteName}` : siteName)
 export const VERIFICATION_FORMAT_UUID = helpers.regex(REGEX_UUID)
-export const VIO_NUXT_BASE_CONFIG = ({
-  siteName,
-  stagingHost,
-}: {
-  siteName: string
-  stagingHost?: string
-}) =>
-  ({
-    app: {
-      head: {
-        title: siteName, // fallback data to prevent invalid html at generation
-      },
-    },
-    runtimeConfig: {
-      public: {
-        vio: {
-          ...(stagingHost
-            ? {
-                stagingHost:
-                  process.env.NODE_ENV !== 'production' &&
-                  !process.env.NUXT_PUBLIC_SITE_URL
-                    ? stagingHost
-                    : undefined,
-              }
-            : {}),
-        },
-      },
-    },
-
-    // modules
-    i18n: {
-      ...I18N_MODULE_CONFIG, // `langDir`, `lazy` and `locales` must be configured to extend a layer having lazy-loaded translations (https://v8.i18n.nuxtjs.org/guide/layers#locales)
-    },
-    site: {
-      name: siteName,
-    },
-  }) as Parameters<typeof defineNuxtConfig>[0]

package/utils/nuxt.ts

@@ -0,0 +1,39 @@
+import { I18N_MODULE_CONFIG } from './constants'
+
+export const VIO_NUXT_BASE_CONFIG = ({
+  siteName,
+  stagingHost,
+}: {
+  siteName: string
+  stagingHost?: string
+}) =>
+  ({
+    app: {
+      head: {
+        title: siteName, // fallback data to prevent invalid html at generation
+      },
+    },
+    runtimeConfig: {
+      public: {
+        vio: {
+          ...(stagingHost
+            ? {
+                stagingHost:
+                  process.env.NODE_ENV !== 'production' &&
+                  !process.env.NUXT_PUBLIC_SITE_URL
+                    ? stagingHost
+                    : undefined,
+              }
+            : {}),
+        },
+      },
+    },
+
+    // modules
+    i18n: {
+      ...I18N_MODULE_CONFIG, // `langDir`, `lazy` and `locales` must be configured to extend a layer having lazy-loaded translations (https://v8.i18n.nuxtjs.org/guide/layers#locales)
+    },
+    site: {
+      name: siteName,
+    },
+  }) as Parameters<typeof defineNuxtConfig>[0]

package/playwright.config.ts

@@ -1,99 +0,0 @@
-import { defineConfig, devices } from '@playwright/test'
-import { SITE_URL } from './utils/constants'
-
-/**
- * Read environment variables from file.
- * https://github.com/motdotla/dotenv
- */
-// require('dotenv').config();
-
-/**
- * See https://playwright.dev/docs/test-configuration.
- */
-export default defineConfig({
-  expect: {
-    toHaveScreenshot: {
-      maxDiffPixelRatio: 0.01,
-    },
-  },
-
-  /* Fail the build on CI if you accidentally left test.only in the source code. */
-  forbidOnly: !!process.env.CI,
-
-  /* Run tests in files in parallel */
-  fullyParallel: true,
-
-  outputDir: 'tests/e2e/results',
-
-  /* Configure projects for major browsers */
-  projects: [
-    {
-      name: 'chromium',
-      use: { ...devices['Desktop Chrome'] },
-    },
-
-    {
-      name: 'firefox',
-      use: { ...devices['Desktop Firefox'] },
-    },
-
-    {
-      name: 'webkit',
-      use: { ...devices['Desktop Safari'] },
-    },
-
-    /* Test against mobile viewports. */
-    // {
-    //   name: 'Mobile Chrome',
-    //   use: { ...devices['Pixel 5'] },
-    // },
-    // {
-    //   name: 'Mobile Safari',
-    //   use: { ...devices['iPhone 12'] },
-    // },
-
-    /* Test against branded browsers. */
-    // {
-    //   name: 'Microsoft Edge',
-    //   use: { ...devices['Desktop Edge'], channel: 'msedge' },
-    // },
-    // {
-    //   name: 'Google Chrome',
-    //   use: { ..devices['Desktop Chrome'], channel: 'chrome' },
-    // },
-  ],
-
-  /* Reporter to use. See https://playwright.dev/docs/test-reporters */
-  reporter: [['html', { outputFolder: 'tests/e2e/report' }]],
-
-  /* Retry on CI only */
-  retries: process.env.CI ? 1 : 0,
-
-  testDir: './tests/e2e/specs',
-
-  /* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */
-  use: {
-    /* Base URL to use in actions like `await page.goto('/')`. */
-    baseURL: SITE_URL,
-
-    // TODO: remove once tests run without it
-    ignoreHTTPSErrors: true,
-
-    /* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */
-    trace: 'on-first-retry',
-  },
-
-  /* Run your local dev server before starting the tests */
-  webServer: {
-    command: `pnpm run start:${process.env.VIO_SERVER || 'dev'}`,
-    env: {
-      NUXT_PUBLIC_VIO_IS_TESTING: 'true',
-    },
-    ignoreHTTPSErrors: true, // TODO: remove once tests run without it
-    timeout: process.env.NODE_ENV === 'production' ? 10000 : 100000,
-    url: SITE_URL,
-    reuseExistingServer: !process.env.CI,
-  },
-
-  workers: undefined,
-})