create-nuxt-base 0.3.16 → 1.0.2

package/nuxt-base-template/package.json

@@ -2,77 +2,75 @@
   "name": "nuxt-base-template",
   "private": true,
   "type": "module",
-  "engines": {
-    "node": ">=22",
-    "npm": ">=10"
+  "exports": {
+    ".": {
+      "import": {
+        "node": "./tslib.es6.mjs"
+      }
+    }
   },
   "scripts": {
     "init": "npm install",
     "reinit": "npx rimraf package-lock.json && npx nuxt cleanup && npx rimraf node_modules && npm cache clean --force && npm i",
+    "clean": "npx rimraf .nuxt .output",
+    "dev": "nuxt dev",
     "build": "nuxt build",
-    "app:build": "npm run build",
-    "build:develop": "nuxt build",
-    "build:test": "nuxt build",
+    "build:develop": "npx cross-env NODE_ENV=development nuxt build",
+    "build:test": "npx cross-env NODE_ENV=test nuxt build",
+    "build:prod": "npx cross-env NODE_ENV=production nuxt build",
     "start": "nuxt dev",
     "start:develop": "node .output/server/index.mjs",
     "start:test": "node .output/server/index.mjs",
     "start:prod": "node .output/server/index.mjs",
     "start:tunnel": "nuxt dev --tunnel",
     "start:extern": "npx cross-env HOST=0.0.0.0 nuxt dev",
-    "generate-types": "npx rimraf app/base && npx cross-env GENERATE_TYPES=1 nuxt dev",
-    "dev": "nuxt dev",
     "generate": "nuxt generate",
+    "generate-types": "openapi-ts",
     "preview": "nuxt preview",
     "postinstall": "nuxt prepare",
-    "app:e2e": "playwright test",
-    "test": "echo 'No test specified' && exit 0",
-    "lint": "eslint 'app/**/*.{ts,js,vue}'",
-    "lint:fix": "eslint 'app/**/*.{ts,js,vue}' --fix"
+    "test": "npm run test:e2e",
+    "test:e2e": "playwright test",
+    "lint": "oxlint app/",
+    "lint:fix": "oxlint --fix app/",
+    "format": "oxfmt",
+    "format:check": "oxfmt --check",
+    "check": "npm run lint && npm run format:check",
+    "fix": "npm run lint:fix && npm run format"
   },
   "dependencies": {
-    "@egoist/tailwindcss-icons": "1.9.0",
-    "@iconify-json/bi": "1.2.6",
+    "@better-auth/passkey": "1.4.10",
+    "@hey-api/client-fetch": "0.13.1",
     "@lenne.tech/bug.lt": "latest",
-    "@lenne.tech/nuxt-base": "latest",
-    "@nuxt/image": "1.11.0",
-    "@vee-validate/yup": "4.15.1",
-    "@vueuse/core": "13.9.0",
-    "@vueuse/integrations": "13.9.0",
-    "@vueuse/nuxt": "13.9.0",
-    "ios-pwa-splash": "1.0.0",
-    "rimraf": "6.0.1",
-    "tailwind-merge": "3.3.1",
-    "tailwindcss": "4.1.13",
-    "vee-validate": "4.15.1"
+    "@nuxt/image": "2.0.0",
+    "@nuxt/ui": "4.3.0",
+    "@pinia/nuxt": "0.11.3",
+    "@vueuse/nuxt": "14.1.0",
+    "better-auth": "1.4.10",
+    "tus-js-client": "4.3.1",
+    "valibot": "1.2.0"
   },
   "devDependencies": {
-    "@lenne.tech/eslint-config-vue": "2.1.3",
-    "@nuxt/devtools": "2.6.3",
-    "@nuxt/test-utils": "3.19.2",
-    "@nuxtjs/color-mode": "3.5.2",
-    "@nuxtjs/google-fonts": "3.2.0",
+    "@hey-api/openapi-ts": "0.90.3",
+    "@nuxt/devtools": "3.1.1",
+    "@nuxt/test-utils": "3.23.0",
+    "@nuxtjs/color-mode": "4.0.0",
     "@nuxtjs/plausible": "2.0.1",
-    "@nuxtjs/seo": "3.1.0",
-    "@nuxtjs/tailwindcss": "6.14.0",
-    "@playwright/test": "1.55.0",
-    "@tailwindcss/forms": "0.5.10",
-    "@tailwindcss/typography": "0.5.16",
-    "@tailwindcss/vite": "4.1.13",
-    "@types/node": "24.3.1",
-    "@vitejs/plugin-vue": "6.0.1",
-    "@vue/test-utils": "2.4.6",
+    "@nuxtjs/seo": "3.3.0",
+    "@playwright/test": "1.57.0",
+    "@tailwindcss/typography": "0.5.19",
+    "@tailwindcss/vite": "4.1.18",
+    "@types/node": "25.0.6",
     "dayjs-nuxt": "2.1.11",
-    "eslint": "9.34.0",
-    "jsdom": "26.1.0",
-    "nuxt": "4.1.0",
-    "ts-loader": "9.5.4",
-    "typescript": "5.9.2"
+    "jsdom": "27.4.0",
+    "nuxt": "4.2.2",
+    "oxfmt": "latest",
+    "oxlint": "latest",
+    "rimraf": "6.1.2",
+    "tailwindcss": "4.1.18",
+    "typescript": "5.9.3"
   },
-  "exports": {
-    ".": {
-      "import": {
-        "node": "./tslib.es6.mjs"
-      }
-    }
+  "engines": {
+    "node": ">=22",
+    "npm": ">=10"
   }
 }

package/nuxt-base-template/tests/iam.spec.ts

@@ -0,0 +1,247 @@
+import { expect, test } from '@nuxt/test-utils/playwright';
+
+import { authClient, type AuthResponse } from '../app/lib/auth-client';
+
+/**
+ * IAM E2E Tests using Better-Auth Client
+ *
+ * These tests use the Better-Auth client library directly to communicate
+ * with the /iam API endpoints on the running API server.
+ *
+ * Test flow: Test Runner → Better-Auth Client → API Server (/iam endpoints)
+ *
+ * Prerequisites:
+ * - API server running on http://localhost:3000
+ *
+ * NOTE: These tests are for DEMO purposes only. If the API server is not
+ * running, tests will be skipped with a warning (not treated as failure).
+ */
+
+// Flag to track API availability - checked once in beforeAll
+let apiAvailable = false;
+
+test.describe.serial('IAM Better-Auth Client Tests', () => {
+  // Shared test user credentials - created once in the first test
+  const testId = Date.now();
+  const testEmail = `playwright-${testId}@iam-test.com`;
+  const testPassword = `TestPass${testId}!`;
+  const testName = 'Playwright Test User';
+
+  test.beforeAll(async ({ request }) => {
+    // Check if the API server is running
+    try {
+      const response = await request.get('http://localhost:3000/');
+      if (response.ok()) {
+        apiAvailable = true;
+        console.info('✓ API Server is running at http://localhost:3000');
+      }
+    } catch (_error) {
+      // API is not available - will be handled below
+    }
+
+    if (!apiAvailable) {
+      console.warn('');
+      console.warn('⚠️  ═══════════════════════════════════════════════════════════');
+      console.warn('⚠️   WARNING: API Server is not running!');
+      console.warn('⚠️');
+      console.warn('⚠️   IAM tests will be SKIPPED (demo tests only)');
+      console.warn('⚠️');
+      console.warn('⚠️   To run these tests, start the API server first:');
+      console.warn('⚠️     cd projects/api && npm start');
+      console.warn('⚠️');
+      console.warn('⚠️   Then run the tests:');
+      console.warn('⚠️     cd projects/app && npm run test:e2e');
+      console.warn('⚠️  ═══════════════════════════════════════════════════════════');
+      console.warn('');
+    }
+  });
+
+  // =========================================================================
+  // Sign-Up Tests
+  // =========================================================================
+
+  test('1. should sign up a new user via Better-Auth client', async () => {
+    test.skip(!apiAvailable, 'API server not running - skipping demo test');
+
+    const response = (await authClient.signUp.email({
+      email: testEmail,
+      name: testName,
+      password: testPassword,
+    })) as AuthResponse;
+
+    expect(response.error).toBeNull();
+    expect(response.data?.user?.email).toBe(testEmail);
+    console.info(`  ✓ User registered: ${testEmail}`);
+  });
+
+  test('2. should fail sign-up with existing email', async () => {
+    test.skip(!apiAvailable, 'API server not running - skipping demo test');
+
+    const response = (await authClient.signUp.email({
+      email: testEmail,
+      name: testName,
+      password: testPassword,
+    })) as AuthResponse;
+
+    // Better-Auth returns error in response for duplicate email
+    expect(response.error).not.toBeNull();
+    console.info('  ✓ Duplicate registration correctly rejected');
+  });
+
+  // =========================================================================
+  // Sign-In Tests
+  // =========================================================================
+
+  test('3. should sign in with valid credentials', async () => {
+    test.skip(!apiAvailable, 'API server not running - skipping demo test');
+
+    const response = (await authClient.signIn.email({
+      email: testEmail,
+      password: testPassword,
+    })) as AuthResponse;
+
+    expect(response.error).toBeNull();
+    expect(response.data?.user?.email).toBe(testEmail);
+    expect(response.data?.user).toBeDefined();
+    expect(response.data?.token).toBeDefined(); // JWT token - presence indicates success
+    console.info(`  ✓ User signed in: ${testEmail}`);
+  });
+
+  test('4. should fail sign-in with wrong password', async () => {
+    test.skip(!apiAvailable, 'API server not running - skipping demo test');
+
+    const response = (await authClient.signIn.email({
+      email: testEmail,
+      password: 'WrongPassword123!',
+    })) as AuthResponse;
+
+    expect(response.error).not.toBeNull();
+    console.info('  ✓ Wrong password correctly rejected');
+  });
+
+  test('5. should fail sign-in with non-existent email', async () => {
+    test.skip(!apiAvailable, 'API server not running - skipping demo test');
+
+    const response = (await authClient.signIn.email({
+      email: 'nonexistent@iam-test.com',
+      password: 'SomePassword123!',
+    })) as AuthResponse;
+
+    expect(response.error).not.toBeNull();
+    console.info('  ✓ Non-existent user correctly rejected');
+  });
+
+  // =========================================================================
+  // Session Tests
+  // =========================================================================
+
+  test('6. should get session after sign-in', async () => {
+    test.skip(!apiAvailable, 'API server not running - skipping demo test');
+
+    // First sign in
+    const signInResponse = (await authClient.signIn.email({
+      email: testEmail,
+      password: testPassword,
+    })) as AuthResponse;
+    expect(signInResponse.error).toBeNull();
+
+    // Verify user data is returned (session details depend on JWT/cookie mode)
+    expect(signInResponse.data?.user).toBeDefined();
+    expect(signInResponse.data?.user?.email).toBe(testEmail);
+
+    console.info('  ✓ Sign-in successful, user data received');
+  });
+
+  // =========================================================================
+  // Sign-Out Tests
+  // =========================================================================
+
+  test('7. should sign out successfully', async () => {
+    test.skip(!apiAvailable, 'API server not running - skipping demo test');
+
+    // First sign in
+    const signInResponse = (await authClient.signIn.email({
+      email: testEmail,
+      password: testPassword,
+    })) as AuthResponse;
+    expect(signInResponse.error).toBeNull();
+
+    // Then sign out - a Better-Auth client handles cookies internally
+    await authClient.signOut();
+
+    // Sign-out should succeed
+    console.info('  ✓ Sign-out completed');
+  });
+
+  // =========================================================================
+  // Full Authentication Flow
+  // =========================================================================
+
+  test('8. should complete full auth flow: sign-up -> sign-in -> sign-out', async () => {
+    test.skip(!apiAvailable, 'API server not running - skipping demo test');
+
+    const flowEmail = `flow-${Date.now()}@iam-test.com`;
+    const flowPassword = `FlowPass${Date.now()}!`;
+    const flowName = 'Flow Test User';
+
+    // Step 1: Sign Up
+    const signUpRes = (await authClient.signUp.email({
+      email: flowEmail,
+      name: flowName,
+      password: flowPassword,
+    })) as AuthResponse;
+    expect(signUpRes.error).toBeNull();
+    expect(signUpRes.data?.user?.email).toBe(flowEmail);
+    console.info('  ✓ Step 1: Sign-up successful');
+
+    // Step 2: Sign In
+    const signInRes = (await authClient.signIn.email({
+      email: flowEmail,
+      password: flowPassword,
+    })) as AuthResponse;
+    expect(signInRes.error).toBeNull();
+    expect(signInRes.data?.user?.email).toBe(flowEmail);
+    expect(signInRes.data?.user).toBeDefined();
+    console.info('  ✓ Step 2: Sign-in successful');
+
+    // Step 3: Sign Out
+    await authClient.signOut();
+    console.info('  ✓ Step 3: Sign-out successful');
+  });
+
+  // =========================================================================
+  // Response Structure Tests
+  // =========================================================================
+
+  test('9. sign-in response should have correct structure', async () => {
+    test.skip(!apiAvailable, 'API server not running - skipping demo test');
+
+    const response = (await authClient.signIn.email({
+      email: testEmail,
+      password: testPassword,
+    })) as AuthResponse;
+
+    expect(response.error).toBeNull();
+    expect(response.data).toBeDefined();
+    expect(response.data?.user).toBeDefined();
+    expect(response.data?.user?.id).toBeDefined();
+    expect(response.data?.user?.email).toBe(testEmail);
+    // User object should have core fields
+    expect(response.data?.user?.name).toBeDefined();
+    console.info('  ✓ Response structure validated');
+  });
+
+  test('10. error response should have correct structure', async () => {
+    test.skip(!apiAvailable, 'API server not running - skipping demo test');
+
+    const response = (await authClient.signIn.email({
+      email: 'invalid@iam-test.com',
+      password: 'wrongPassword',
+    })) as AuthResponse;
+
+    expect(response.error).not.toBeNull();
+    expect(response.error?.message).toBeDefined();
+    expect(response.error?.status).toBeDefined();
+    console.info('  ✓ Error response structure validated');
+  });
+});

package/nuxt-base-template/tsconfig.json

@@ -2,6 +2,6 @@
   // https://nuxt.com/docs/guide/concepts/typescript
   "extends": "./.nuxt/tsconfig.json",
   "compilerOptions": {
-    "target": "ES2017"
+    "target": "ES2022"
   }
 }

package/package.json

@@ -1,30 +1,33 @@
 {
   "name": "create-nuxt-base",
-  "version": "0.3.16",
-  "description": "Starter to generate a configured environment with VueJS, Nuxt, Tailwind, Eslint, @lenne.tech/nuxt-base, Unit Tests, Cypress etc.",
-  "main": "index.js",
-  "engines": {
-    "node": ">=22",
-    "npm": ">=10"
+  "version": "1.0.2",
+  "description": "Starter to generate a configured environment with VueJS, Nuxt, Tailwind, Eslint, Unit Tests, Playwright etc.",
+  "license": "MIT",
+  "repository": {
+    "url": "https://github.com/lenneTech/nuxt-base-starter"
   },
+  "author": "lenne.Tech GmbH",
   "bin": {
     "create-nuxt-base": "./index.js"
   },
+  "main": "index.js",
   "scripts": {
-    "prettier": "prettier \"*.{js,json,yml,md,html,ts}\" .",
-    "format": "npm run prettier -- --write",
+    "format": "oxfmt",
+    "format:check": "oxfmt --check",
     "release": "standard-version && git push --follow-tags origin main",
     "release:minor": "standard-version --release-as minor && git push --follow-tags origin main",
     "release:major": "standard-version --release-as major && git push --follow-tags origin main"
   },
-  "author": "lenne.Tech GmbH",
-  "license": "MIT",
   "dependencies": {
     "cross-spawn": "7.0.6",
-    "fs-extra": "11.3.1"
+    "fs-extra": "11.3.3"
   },
   "devDependencies": {
-    "prettier": "3.6.2",
+    "oxfmt": "latest",
     "standard-version": "9.5.0"
+  },
+  "engines": {
+    "node": ">=22",
+    "npm": ">=10"
   }
 }

package/.eslintignore

@@ -1,14 +0,0 @@
-*.md
-.gitignore
-.eslintrc
-package.json
-package-lock.json
-README.md
-vitest.config.js
-tailwind.config.js
-.lintstagedrc
-.husky
- yarn.lock
-.gitlab-ci.yml
-lerna.json
-assets/**

package/.eslintrc

@@ -1,3 +0,0 @@
-{
-  "extends": "@lenne.tech/vue"
-}

package/.prettierignore

@@ -1,5 +0,0 @@
-.nuxt
-.output
-node_modules
-dist
-.env

package/.prettierrc

@@ -1,6 +0,0 @@
-{
-  "arrowParens": "always",
-  "printWidth": 180,
-  "semi": true,
-  "singleQuote": true
-}

package/nuxt-base-template/app/composables/use-context-menu.ts

@@ -1,19 +0,0 @@
-const contextMenuState = () => useState<any | null>(() => null);
-
-export function useContextMenu() {
-  const menu = contextMenuState();
-
-  const open = (config: { items: any[] }) => {
-    menu.value = Object.assign(config, { show: true });
-  };
-
-  const close = () => {
-    menu.value = null;
-  };
-
-  return {
-    activeMenu: menu,
-    close,
-    open,
-  };
-}

package/nuxt-base-template/app/composables/use-form-helper.ts

@@ -1,41 +0,0 @@
-export function useFormHelper() {
-  const { close, open } = useModal();
-
-  function onReload(dirty: boolean, event: BeforeUnloadEvent) {
-    if (dirty) {
-      event.preventDefault();
-      event.returnValue = '';
-    }
-  }
-
-  async function onNavigate(dirty: boolean) {
-    if (dirty) {
-      const answer = await openConfirmModal();
-      if (!answer) {
-        return false;
-      }
-    }
-    return true;
-  }
-
-  function openConfirmModal() {
-    return new Promise((resolve) => {
-      open({
-        component: 'ModalConfirm', // TODO: Replace with correct component
-        confirm: (confirmed) => {
-          resolve(confirmed);
-          close();
-        },
-        data: {
-          text: 'Sind  Sie sich sicher, dass Sie den Vorgang abbrechen möchten?\n' + 'Es befinden sich ungesicherte Daten auf dieser Seite.',
-          title: 'Vorsicht, ungesicherte Daten!',
-        },
-      });
-    });
-  }
-
-  return {
-    onNavigate,
-    onReload,
-  };
-}

package/nuxt-base-template/app/composables/use-modal.ts

@@ -1,84 +0,0 @@
-export interface ModalContext<T = object> {
-  closable?: boolean;
-  component: any;
-  confirm?: (confirmed: boolean) => void;
-  data?: T;
-  show: boolean;
-  showInner: boolean;
-  size?: 'auto' | 'lg' | 'md' | 'sm';
-}
-
-interface Modal<T> {
-  closable?: boolean;
-  component: any;
-  confirm?: (confirmed: boolean) => void;
-  data?: T;
-  size?: 'auto' | 'lg' | 'md' | 'sm';
-}
-
-const modalState = <T>() => useState<ModalContext<T> | null>(() => null);
-
-export function useModal<T = object>() {
-  const modal = modalState<T>();
-
-  const open = (modalConfig: Modal<T>) => {
-    let delay = 0;
-    if (modal.value) {
-      delay = 130;
-    }
-
-    const data = Object.assign(modalConfig, { show: false, showInner: false }) as ModalContext<T>;
-    data.size ??= 'md';
-    data.closable ??= true;
-
-    setTimeout(() => {
-      modal.value = data;
-    }, delay);
-
-    // Disable scrolling of background
-    document.body.style.overflowY = 'hidden';
-
-    setTimeout(() => {
-      if (modal.value) {
-        modal.value.show = true;
-      }
-    }, 30 + delay);
-
-    setTimeout(() => {
-      if (modal.value) {
-        modal.value.showInner = true;
-      }
-    }, 100 + delay);
-  };
-
-  const close = (duration?: number) => {
-    let animationDuration = duration;
-
-    if (typeof animationDuration !== 'number') {
-      animationDuration = 100;
-    }
-
-    if (modal.value) {
-      modal.value.showInner = false;
-
-      setTimeout(() => {
-        if (modal.value) {
-          modal.value.show = false;
-        }
-      }, 30 + animationDuration);
-    }
-
-    // Deactivate scrolling of background
-    document.body.style.overflowY = '';
-
-    setTimeout(() => {
-      modal.value = null;
-    }, 130 + animationDuration);
-  };
-
-  return {
-    activeModal: modal,
-    close,
-    open,
-  };
-}

package/nuxt-base-template/app/composables/use-notification.ts

@@ -1,29 +0,0 @@
-import { randomUUID } from 'uncrypto';
-
-interface Notification {
-  duration?: number;
-  text?: string;
-  title: string;
-  type: 'error' | 'info' | 'success' | 'warning';
-}
-
-const notificationState = () => useState<Array<Notification & { uuid: string }>>(() => []);
-
-export function useNotification() {
-  const notifications = notificationState();
-  const notify = (message: Notification) => {
-    const data = Object.assign(message, { uuid: randomUUID() });
-    data.duration ??= 5000;
-    notifications.value.push(data);
-  };
-
-  const remove = (uuid: string) => {
-    notifications.value = notifications.value.filter((n) => n.uuid !== uuid);
-  };
-
-  return {
-    notifications,
-    notify,
-    remove,
-  };
-}

package/nuxt-base-template/app/middleware/logged-in.global.ts

@@ -1,9 +0,0 @@
-export default defineNuxtRouteMiddleware((to) => {
-  const { accessTokenState } = useAuthState();
-
-  if (to.fullPath === '/auth' || to.fullPath === '/auth/register') {
-    if (accessTokenState?.value) {
-      return navigateTo('/cms');
-    }
-  }
-});