create-nuxt-base 0.3.16 → 1.0.2

package/nuxt-base-template/app/plugins/auth.server.ts

@@ -1,72 +0,0 @@
-import { callWithNuxt, defineNuxtPlugin, useNuxtApp, useRuntimeConfig } from 'nuxt/app';
-import { ofetch } from 'ofetch';
-
-export default defineNuxtPlugin({
-  dependsOn: ['cookies', 'graphql-meta'], // from nuxt-base
-  name: 'auth-server',
-  async setup() {
-    const _nuxt = useNuxtApp();
-    const config = await callWithNuxt(_nuxt, useRuntimeConfig);
-    const { accessTokenState, currentUserState, refreshTokenState } = await callWithNuxt(_nuxt, useAuthState);
-    const { clearSession, getDecodedAccessToken, isTokenExpired, setCurrentUser, setTokens } = await callWithNuxt(_nuxt, useAuth);
-    const payload = accessTokenState.value ? getDecodedAccessToken(accessTokenState.value) : null;
-
-    if (!accessTokenState.value || !refreshTokenState.value || currentUserState.value) {
-      return;
-    }
-
-    let token = accessTokenState.value;
-    if (isTokenExpired(accessTokenState.value)) {
-      const refreshTokenResult = await ofetch(config.public.gqlHost, {
-        body: JSON.stringify({
-          query: 'mutation refreshToken {refreshToken {token, refreshToken}}',
-          variables: {},
-        }),
-        headers: {
-          Authorization: `Bearer ${refreshTokenState.value}`,
-        },
-        method: 'POST',
-      }).catch((err) => {
-        console.error('2.auth.server.ts::refreshToken::catch', err.data);
-        clearSession();
-        navigateTo('/auth');
-      });
-
-      const data = refreshTokenResult?.data?.refreshToken;
-      if (data) {
-        setTokens(data.token, data.refreshToken);
-        token = data?.token;
-      } else {
-        clearSession();
-        await navigateTo('/auth');
-      }
-    }
-
-    if (token && payload?.id) {
-      const userResult = await ofetch(config.public.gqlHost, {
-        body: JSON.stringify({
-          query: 'query getUser($id: String!){' + 'getUser(id: $id){' + 'id ' + 'firstName ' + 'lastName ' + 'email ' + 'roles ' + '}}',
-          variables: {
-            id: payload.id,
-          },
-        }),
-        headers: {
-          Authorization: `Bearer ${token}`,
-        },
-        method: 'POST',
-      }).catch((err) => {
-        console.error('2.auth.server.ts::getUser::catch', err);
-      });
-
-      if (userResult?.errors) {
-        clearSession();
-        navigateTo('/auth');
-        return;
-      }
-
-      if (userResult?.data) {
-        setCurrentUser(userResult?.data?.getUser);
-      }
-    }
-  },
-});

package/nuxt-base-template/app/plugins/form.plugin.ts

@@ -1,21 +0,0 @@
-import { setLocale } from 'yup';
-
-export default defineNuxtPlugin(async () => {
-  setLocale({
-    // use constant translation keys for messages without values
-    mixed: {
-      default: 'Dieses Feld ist ungültig.',
-      notType: 'Dieses Feld ist ungültig.',
-      required: 'Dieses Feld ist erforderlich.',
-    },
-    string: {
-      email: 'Bitte geben Sie eine gültige E-Mail-Adresse ein.',
-    },
-  });
-
-  // Custom validation rules
-  // https://github.com/jquense/yup?tab=readme-ov-file#addmethodschematype-schema-name-string-method--schema-void
-  // addMethod(string, 'plz', () => {
-  //     return
-  // });
-});

package/nuxt-base-template/app/plugins/pwa.plugin.ts

@@ -1,114 +0,0 @@
-export default defineNuxtPlugin(async () => {
-  const applicationServerKey = useRuntimeConfig().public.webPushKey as string;
-  const permissionState = ref<PermissionState>('prompt');
-  const subscription = ref<null | PushSubscription>(null);
-
-  if (process.client) {
-    const iosPWASplash = (await import('ios-pwa-splash')).default;
-    iosPWASplash('/notification.png', '#FFFFFF');
-  }
-
-  async function subscribe() {
-    const sw = await navigator.serviceWorker.ready;
-    const push = await sw.pushManager.subscribe({
-      applicationServerKey,
-      userVisibleOnly: true,
-    });
-    await refreshSubscription();
-    await refreshPermissionState();
-    const body = {
-      payload: push,
-    };
-    try {
-      await useAuthFetch('/web-push/subscribe', {
-        baseURL: process.env.API_URL,
-        body,
-        method: 'POST',
-      });
-    } catch (e) {
-      console.error(e);
-    }
-  }
-
-  async function refreshPermissionState() {
-    try {
-      const sw = await navigator.serviceWorker.ready;
-      permissionState.value = await sw.pushManager.permissionState({
-        applicationServerKey,
-        userVisibleOnly: true,
-      });
-    } catch (e) {
-      console.error(e);
-    }
-  }
-
-  async function refreshSubscription() {
-    try {
-      const sw = await navigator.serviceWorker.ready;
-      subscription.value = await sw.pushManager.getSubscription();
-    } catch (e) {
-      console.error(e);
-    }
-  }
-
-  async function unsubscribe() {
-    if (subscription.value) {
-      await subscription.value.unsubscribe();
-      const body = {
-        payload: subscription.value,
-      };
-      await refreshPermissionState();
-      try {
-        await useAuthFetch('/web-push/', {
-          baseURL: process.env.API_URL,
-          body,
-          method: 'DELETE',
-        });
-      } catch (e) {
-        console.error(e);
-      }
-      subscription.value = null;
-    }
-  }
-
-  const route = useRoute();
-  const pwa = ref(false);
-  const isPwa = computed(() => route.query.standalone === 'true' || pwa.value);
-
-  if (process.client) {
-    if (window && window.matchMedia && document && window.matchMedia('(display-mode: standalone)').matches) {
-      if (navigator && navigator.serviceWorker) {
-        await refreshSubscription();
-        await refreshPermissionState();
-      }
-      pwa.value = true;
-      document.body.classList.add('select-none', 'overscroll-y-none', 'no-scrollbar', 'bg-rm-gray-1');
-    } else {
-      pwa.value = false;
-      document.body.classList.remove('select-none', 'overscroll-y-none', 'no-scrollbar', 'bg-rm-gray-1');
-    }
-  }
-
-  useHead({
-    htmlAttrs: { class: isPwa.value ? 'pwa' : '' },
-    meta: [
-      {
-        content: 'width=device-width, initial-scale=1, viewport-fit=cover, user-scalable=no',
-        hid: 'viewport',
-        name: 'viewport',
-      },
-    ],
-  });
-
-  return {
-    provide: {
-      pwa: {
-        isPwa: () => isPwa.value,
-        permissionState,
-        subscribe,
-        subscription,
-        unsubscribe,
-      },
-    },
-  };
-});

package/nuxt-base-template/eslint.config.mjs

@@ -1,3 +0,0 @@
-import vue from '@lenne.tech/eslint-config-vue';
-
-export default vue;

package/nuxt-base-template/tailwind.config.js

@@ -1,21 +0,0 @@
-/** @type {import('tailwindcss').Config} */
-// eslint-disable-next-line @typescript-eslint/no-require-imports
-const { iconsPlugin, getIconCollections } = require('@egoist/tailwindcss-icons');
-// eslint-disable-next-line @typescript-eslint/no-require-imports
-const plugin = require('tailwindcss/plugin');
-
-module.exports = {
-  plugins: [
-    iconsPlugin({
-      // Select the icon collections you want to use
-      collections: getIconCollections(['bi']),
-    }),
-    plugin(({ addVariant, e }) => {
-      addVariant('pwa', ({ modifySelectors, separator }) => {
-        modifySelectors(({ className }) => {
-          return `.pwa .${e(`pwa${separator}${className}`)}`;
-        });
-      });
-    }),
-  ],
-};