@dargmuesli/nuxt-vio 3.0.0-beta.1 → 3.0.0-beta.3

package/store/auth.ts

@@ -0,0 +1,32 @@
+import { decodeJwt, JWTPayload } from 'jose'
+import { defineStore } from 'pinia'
+import { ref } from 'vue'
+
+export const useVioAuthStore = defineStore('vio-auth', () => {
+  const jwt = ref<string>()
+  const jwtDecoded = ref<JWTPayload>()
+  const signedInUsername = ref<string>()
+
+  const jwtRemove = () => jwtSet(undefined)
+
+  const jwtSet = (jwtNew?: string) => {
+    const jwtDecodedNew = jwtNew !== undefined ? decodeJwt(jwtNew) : undefined
+
+    jwt.value = jwtNew
+    jwtDecoded.value = jwtDecodedNew
+    signedInUsername.value =
+      jwtDecodedNew?.role === 'vio_account' &&
+      jwtDecodedNew.exp !== undefined &&
+      jwtDecodedNew.exp > Math.floor(Date.now() / 1000)
+        ? (jwtDecodedNew.username as string | undefined)
+        : undefined
+  }
+
+  return {
+    jwt,
+    jwtDecoded,
+    signedInUsername,
+    jwtRemove,
+    jwtSet,
+  }
+})

package/tailwind.config.ts

@@ -2,7 +2,6 @@ import { Config } from 'tailwindcss'
 import colors from 'tailwindcss/colors'
 import { PluginAPI } from 'tailwindcss/types/config'
 import formsPlugin from '@tailwindcss/forms'
-import lineClampPlugin from '@tailwindcss/line-clamp'
 import typographyPlugin from '@tailwindcss/typography'
 
 const heading = (theme: PluginAPI['theme']): Record<string, string> => ({
@@ -54,7 +53,6 @@ export default {
   darkMode: 'class',
   plugins: [
     formsPlugin,
-    lineClampPlugin,
     typographyPlugin,
     ({ addBase, addComponents, addUtilities, theme }: PluginAPI) => {
       addBase({

package/types/api.d.ts

@@ -0,0 +1,7 @@
+export type BackendError = CombinedError | { errcode: string; message: string }
+
+export type ApiData = ComputedRef<{
+  data?: Object
+  errors: BackendError[]
+  isFetching: boolean
+}>

package/types/fetch.d.ts

@@ -0,0 +1,8 @@
+export interface StrapiResult<T> {
+  data: CollectionItem<T>[]
+  meta: {
+    pagination: {
+      total: number
+    }
+  }
+}

package/types/modules/gql.d.ts

@@ -0,0 +1,6 @@
+declare module '*.gql' {
+  import { DocumentNode } from 'graphql'
+
+  const content: DocumentNode
+  export default content
+}

package/types/modules/graphql.d.ts

@@ -0,0 +1,6 @@
+declare module '*.graphql' {
+  import { DocumentNode } from 'graphql'
+
+  const content: DocumentNode
+  export default content
+}

package/utils/constants.ts

@@ -1,5 +1,6 @@
 export const SITE_NAME = 'Vio'
 
+export const CACHE_VERSION = 'bOXMwoKlJr'
 export const COOKIE_PREFIX = SITE_NAME.toLocaleLowerCase()
 export const COOKIE_SEPARATOR = '_'
 export const FETCH_RETRY_AMOUNT = 3

package/utils/networking.ts

@@ -80,6 +80,32 @@ export const getHost = (req: IncomingMessage) => {
   return req.headers.host
 }
 
+export const getServiceHref = ({
+  host,
+  isSsr = true,
+  name,
+  port,
+  stagingHost,
+}: {
+  host: string
+  isSsr?: boolean
+  name?: string
+  port?: number
+  stagingHost?: string
+}) => {
+  const nameSubdomain = name?.replaceAll('_', '-')
+  const nameSubdomainString = nameSubdomain ? `${nameSubdomain}.` : ''
+  const portString = port ? `:${port}` : ''
+
+  if (stagingHost) {
+    return `https://${nameSubdomainString}${stagingHost}`
+  } else if (isSsr && process.server) {
+    return `http://${name}${portString}`
+  } else {
+    return `https://${nameSubdomainString}${getDomainTldPort(host)}`
+  }
+}
+
 export const getTimezone = async (event: H3Event) =>
   getCookie(event, TIMEZONE_COOKIE_NAME) ||
   (