@dargmuesli/nuxt-vio 2.0.1 → 3.0.0-beta.10

package/utils/form.ts

@@ -0,0 +1,19 @@
+import type { ApiData } from '../types/api'
+
+export const formPreSubmit = async (
+  api: ApiData,
+  v$: any,
+  isFormSent: Ref<boolean>,
+): Promise<boolean> => {
+  api.value.errors = []
+  v$.value.$touch()
+
+  const isFormValid = await v$.value.$validate()
+  isFormSent.value = isFormValid
+
+  if (!isFormValid) {
+    throw new Error('Form is invalid!')
+  }
+
+  return isFormValid
+}

package/utils/networking.ts

@@ -1,7 +1,124 @@
 import { IncomingMessage } from 'node:http'
 
+import { CombinedError } from '@urql/core'
+import { H3Event, getCookie } from 'h3'
+
+import { ofetch } from 'ofetch'
+import { Ref } from 'vue'
+
+import type { BackendError } from '../types/api'
+import { TIMEZONE_COOKIE_NAME } from './constants'
+
+export const getApiMeta = (
+  queries?: {
+    error: Ref<CombinedError | undefined>
+    fetching: Ref<boolean>
+  }[],
+) => ({
+  errors: queries
+    ? queries.reduce((p, c) => {
+        if (c.error.value) {
+          return [...p, c.error.value]
+        } else {
+          return p
+        }
+      }, [] as BackendError[])
+    : [],
+  isFetching: queries
+    ? queries.reduce((p, c) => p || c.fetching.value, false)
+    : false,
+})
+
+export const getCombinedErrorMessages = (
+  errors: BackendError[],
+  pgIds?: Record<string, string>,
+) => {
+  const errorMessages: string[] = []
+
+  for (const error of errors) {
+    if ('errcode' in error) {
+      const translation = pgIds && pgIds[`postgres${error.errcode}`]
+
+      if (translation) {
+        errorMessages.push(translation)
+      } else {
+        errorMessages.push(error.message)
+      }
+    } else {
+      const combinedError = error
+
+      if (combinedError.networkError) {
+        errorMessages.push(combinedError.message)
+      }
+
+      for (const graphqlError of combinedError.graphQLErrors) {
+        errorMessages.push(graphqlError.message)
+      }
+    }
+  }
+
+  return errorMessages
+}
+
+export const getDomainTldPort = (host: string) => {
+  const hostParts = host.split('.')
+
+  if (/^localhost(:[0-9]+)?$/.test(hostParts[hostParts.length - 1]))
+    return hostParts[hostParts.length - 1]
+
+  if (hostParts.length === 1) throw new Error('Host is too short!')
+
+  return `${hostParts[hostParts.length - 2]}.${hostParts[hostParts.length - 1]}`
+}
+
 export const getHost = (req: IncomingMessage) => {
   if (!req.headers.host) throw new Error('Host header is not given!')
 
   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) => {
+  const timezoneCookie = getCookie(event, TIMEZONE_COOKIE_NAME)
+
+  if (timezoneCookie) {
+    return timezoneCookie
+  }
+
+  if (event.node.req.headers['x-real-ip']) {
+    const ipApiResult = await ofetch<{ timezone: string }>(
+      `http://ip-api.com/json/${event.node.req.headers['x-real-ip']}`,
+    ).catch(() => {})
+
+    if (ipApiResult) {
+      return ipApiResult.timezone
+    }
+  }
+
+  return undefined
+}

package/utils/text.ts

@@ -0,0 +1,20 @@
+import Clipboard from 'clipboard'
+
+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()
+  })