@inriver/inri 1.13.0 → 1.15.0

package/src/plugins/errors/Errors.ts

@@ -1,156 +1,156 @@
-import { i18n } from '../i18n'
-
-const $t = i18n.global.t
-const $te = i18n.global.te
-
-// ---------
-// Interfaces
-// ---------
-export interface BaseError {
-  title: string,
-  msg: string,
-  err: any,
-  isAxiosError: boolean,
-  status?: number
-}
-
-export interface BaseErrorArguments {
-  defaultTitle?: string,
-  defaultMsg?: string,
-  title?: string,
-  msg?: string,
-  err: any
-}
-
-// ---------
-// Implementations
-// ---------
-export class GenericError implements BaseError {
-  title: string
-  msg: string
-  err: any
-  isAxiosError = false
-
-  constructor (
-    public args: BaseErrorArguments,
-    private defaultTitle = $t('inri.error.error'),
-    private defaultMsg = $t('inri.error.error_occurred'),
-  ) {
-    this.defaultTitle = args?.defaultTitle || this.defaultTitle
-    this.defaultMsg = args?.defaultMsg || this.defaultMsg
-    this.title = args?.title ?? this.defaultTitle
-    this.msg = args?.msg ?? this.defaultMsg
-    this.err = args.err
-
-    this.processError()
-  }
-
-  private processError () {
-    let errorMessage
-
-    if (this.err.type === 'unhandledrejection') {
-      errorMessage = this.err.reason?.toString() || $t('inri.error.unknown_error')
-    } else {
-      errorMessage = this.err.msg || this.err.toString()
-    }
-
-    if (this.msg === this.defaultMsg) {
-      this.msg = errorMessage
-    }
-  }
-}
-
-export class AxiosError implements BaseError {
-  title: string
-  msg: string
-  err: any
-  isAxiosError = true
-  status = -1
-
-  constructor (
-    public args: BaseErrorArguments,
-    private defaultTitle = $t('inri.error.network_error'),
-    private defaultMsg = $t('inri.error.error_occurred'),
-  ) {
-    this.title = args?.title ?? this.defaultTitle
-    this.msg = args?.msg ?? this.defaultMsg
-    this.err = args.err
-
-    this.processError()
-  }
-
-  private processError () {
-    let errorMessage
-
-    if (this.err.response) {
-      // The request was made and the server responded with a status code
-      // that falls out of the range of 2xx
-
-      this.status = this.err.response.status
-      errorMessage = $te(`inri.error.${this.err.response.data?.errorDescription}`)
-        ? $t(`inri.error.${this.err.response.data?.errorDescription}`)
-        : null
-    } else if (this.err.request) {
-      // The request was made but no response was received
-      // `this.err.request` is an instance of XMLHttpRequest in the browser and an instance of
-      // http.ClientRequest in node.js
-
-      this.status = this.err.request.status
-      errorMessage = this.err.request.statusText
-    } else {
-      // Something happened in setting up the request that triggered an Error
-
-      errorMessage = this.err.message
-    }
-
-    if (errorMessage && this.msg === this.defaultMsg) {
-      this.msg = errorMessage
-    }
-  }
-}
-
-// ---------
-// Extensions
-// ---------
-export class UnauthorizedError extends AxiosError {
-  constructor (public args: BaseErrorArguments) {
-    super(
-      args,
-      $t('inri.error.unauthorized'),
-      $t('inri.error.session_expired'),
-    )
-  }
-}
-
-export class NotFoundError extends AxiosError {
-  constructor (public args: BaseErrorArguments) {
-    super(
-      args,
-      $t('inri.error.not_found'),
-      $t('inri.error.requested_asset_not_found'),
-    )
-  }
-}
-
-export class ServiceUnavailableError extends AxiosError {
-  constructor (public args: BaseErrorArguments) {
-    super(
-      args,
-      $t('inri.error.service_unavailable'),
-      $t('inri.error.service_unavailable_try_again'),
-    )
-  }
-}
-
-// ---------
-// Specific error subtypes
-// ---------
-export class FolderNotFoundError extends AxiosError {
-  constructor (public args: BaseErrorArguments) {
-    super(
-      args,
-      $t('inri.error.not_found'),
-      $t('inri.error.could_not_retrieve_assets'),
-    )
-  }
-}
+import { i18n } from '../i18n'
+
+const $t = i18n.global.t
+const $te = i18n.global.te
+
+// ---------
+// Interfaces
+// ---------
+export interface BaseError {
+  title: string,
+  msg: string,
+  err: any,
+  isAxiosError: boolean,
+  status?: number
+}
+
+export interface BaseErrorArguments {
+  defaultTitle?: string,
+  defaultMsg?: string,
+  title?: string,
+  msg?: string,
+  err: any
+}
+
+// ---------
+// Implementations
+// ---------
+export class GenericError implements BaseError {
+  title: string
+  msg: string
+  err: any
+  isAxiosError = false
+
+  constructor (
+    public args: BaseErrorArguments,
+    private defaultTitle = $t('inri.error.error'),
+    private defaultMsg = $t('inri.error.error_occurred'),
+  ) {
+    this.defaultTitle = args?.defaultTitle || this.defaultTitle
+    this.defaultMsg = args?.defaultMsg || this.defaultMsg
+    this.title = args?.title ?? this.defaultTitle
+    this.msg = args?.msg ?? this.defaultMsg
+    this.err = args.err
+
+    this.processError()
+  }
+
+  private processError () {
+    let errorMessage
+
+    if (this.err.type === 'unhandledrejection') {
+      errorMessage = this.err.reason?.toString() || $t('inri.error.unknown_error')
+    } else {
+      errorMessage = this.err.msg || this.err.toString()
+    }
+
+    if (this.msg === this.defaultMsg) {
+      this.msg = errorMessage
+    }
+  }
+}
+
+export class AxiosError implements BaseError {
+  title: string
+  msg: string
+  err: any
+  isAxiosError = true
+  status = -1
+
+  constructor (
+    public args: BaseErrorArguments,
+    private defaultTitle = $t('inri.error.network_error'),
+    private defaultMsg = $t('inri.error.error_occurred'),
+  ) {
+    this.title = args?.title ?? this.defaultTitle
+    this.msg = args?.msg ?? this.defaultMsg
+    this.err = args.err
+
+    this.processError()
+  }
+
+  private processError () {
+    let errorMessage
+
+    if (this.err.response) {
+      // The request was made and the server responded with a status code
+      // that falls out of the range of 2xx
+
+      this.status = this.err.response.status
+      errorMessage = $te(`inri.error.${this.err.response.data?.errorDescription}`)
+        ? $t(`inri.error.${this.err.response.data?.errorDescription}`)
+        : null
+    } else if (this.err.request) {
+      // The request was made but no response was received
+      // `this.err.request` is an instance of XMLHttpRequest in the browser and an instance of
+      // http.ClientRequest in node.js
+
+      this.status = this.err.request.status
+      errorMessage = this.err.request.statusText
+    } else {
+      // Something happened in setting up the request that triggered an Error
+
+      errorMessage = this.err.message
+    }
+
+    if (errorMessage && this.msg === this.defaultMsg) {
+      this.msg = errorMessage
+    }
+  }
+}
+
+// ---------
+// Extensions
+// ---------
+export class UnauthorizedError extends AxiosError {
+  constructor (public args: BaseErrorArguments) {
+    super(
+      args,
+      $t('inri.error.unauthorized'),
+      $t('inri.error.session_expired'),
+    )
+  }
+}
+
+export class NotFoundError extends AxiosError {
+  constructor (public args: BaseErrorArguments) {
+    super(
+      args,
+      $t('inri.error.not_found'),
+      $t('inri.error.requested_asset_not_found'),
+    )
+  }
+}
+
+export class ServiceUnavailableError extends AxiosError {
+  constructor (public args: BaseErrorArguments) {
+    super(
+      args,
+      $t('inri.error.service_unavailable'),
+      $t('inri.error.service_unavailable_try_again'),
+    )
+  }
+}
+
+// ---------
+// Specific error subtypes
+// ---------
+export class FolderNotFoundError extends AxiosError {
+  constructor (public args: BaseErrorArguments) {
+    super(
+      args,
+      $t('inri.error.not_found'),
+      $t('inri.error.could_not_retrieve_assets'),
+    )
+  }
+}

package/src/plugins/errors/Exception.ts

@@ -1,6 +1,6 @@
-export class Exception {
-  constructor (public msg: string, public error) {
-    this.msg = msg
-    this.error = error
-  }
-}
+export class Exception {
+  constructor (public msg: string, public error) {
+    this.msg = msg
+    this.error = error
+  }
+}

package/src/plugins/errors/globalErrorHandler.ts

@@ -1,21 +1,21 @@
-import handleError from './handleError'
-
-// Handle errors outside of components
-window.addEventListener('error', (event) => {
-  handleError(
-    {
-      err: event,
-      caughtBy: 'window eventListener on error',
-    },
-  )
-})
-
-// Handle rejected promises outside components
-window.addEventListener('unhandledrejection', (event) => {
-  handleError(
-    {
-      err: event,
-      caughtBy: 'window eventListener on unhandledrejection',
-    },
-  )
-})
+import handleError from './handleError'
+
+// Handle errors outside of components
+window.addEventListener('error', (event) => {
+  handleError(
+    {
+      err: event,
+      caughtBy: 'window eventListener on error',
+    },
+  )
+})
+
+// Handle rejected promises outside components
+window.addEventListener('unhandledrejection', (event) => {
+  handleError(
+    {
+      err: event,
+      caughtBy: 'window eventListener on unhandledrejection',
+    },
+  )
+})

package/src/plugins/errors/handleError.ts

@@ -1,34 +1,34 @@
-import { Exception } from './Exception'
-import { ErrorFactory } from './ErrorFactories'
-import logger from './logger'
-import notify from '../notify'
-import dialog from '../dialog'
-
-export default function handleError (errInfoObj, vueInfoObj?) {
-  const err = errInfoObj.err
-
-  if (err instanceof Exception) {
-    const parsedError = ErrorFactory.createHelpfulError({
-      defaultMsg: err.msg,
-      err: err.error,
-    })
-
-    dialog.info({
-      title: parsedError.title,
-      text: parsedError.msg,
-    })
-
-    errInfoObj.handledBy = 'handleError'
-    logger.logTrace(errInfoObj, vueInfoObj)
-  } else if (err) {
-    const parsedError = ErrorFactory.createHelpfulError({ err })
-    notify.error(parsedError.msg)
-
-    if (err.type === 'unhandledrejection') {
-      errInfoObj.handledBy = '-'
-      logger.logTrace(errInfoObj, vueInfoObj)
-    } else {
-      logger.logException(err)
-    }
-  }
-}
+import { Exception } from './Exception'
+import { ErrorFactory } from './ErrorFactories'
+import logger from './logger'
+import notify from '../notify'
+import dialog from '../dialog'
+
+export default function handleError (errInfoObj, vueInfoObj?) {
+  const err = errInfoObj.err
+
+  if (err instanceof Exception) {
+    const parsedError = ErrorFactory.createHelpfulError({
+      defaultMsg: err.msg,
+      err: err.error,
+    })
+
+    dialog.info({
+      title: parsedError.title,
+      text: parsedError.msg,
+    })
+
+    errInfoObj.handledBy = 'handleError'
+    logger.logTrace(errInfoObj, vueInfoObj)
+  } else if (err) {
+    const parsedError = ErrorFactory.createHelpfulError({ err })
+    notify.error(parsedError.msg)
+
+    if (err.type === 'unhandledrejection') {
+      errInfoObj.handledBy = '-'
+      logger.logTrace(errInfoObj, vueInfoObj)
+    } else {
+      logger.logException(err)
+    }
+  }
+}

package/src/plugins/errors/logger.ts

@@ -1,16 +1,16 @@
-export default {
-  init () {
-    // TODO: Init logger
-  },
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  logTrace (errInfoObj, vueInfoObj?) {
-    console.log('LOGGING TRACE')
-    console.log(errInfoObj)
-    // TODO: Log something
-  },
-  logException (error) {
-    console.log('LOGGING EXCEPTION')
-    console.log(error)
-    // TODO: Log something
-  },
-}
+export default {
+  init () {
+    // TODO: Init logger
+  },
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  logTrace (errInfoObj, vueInfoObj?) {
+    console.log('LOGGING TRACE')
+    console.log(errInfoObj)
+    // TODO: Log something
+  },
+  logException (error) {
+    console.log('LOGGING EXCEPTION')
+    console.log(error)
+    // TODO: Log something
+  },
+}

package/src/plugins/errors/vueErrorHandler.ts

@@ -1,26 +1,26 @@
-import handleError from './handleError'
-import { Exception } from './Exception'
-import { ComponentPublicInstance } from 'vue'
-
-export function VueErrorHandler (app) {
-  // Exception handling within Vue components
-  app.config.errorHandler = (err, vm: ComponentPublicInstance | null, info: string) => {
-    let exception
-
-    if (err instanceof Exception) {
-      exception = err
-    } else {
-      exception = new Exception(err.message, err)
-    }
-
-    handleError(
-      {
-        err: exception,
-        caughtBy: 'app.config.errorHandler',
-      },
-      {
-        info: info,
-      },
-    )
-  }
-}
+import handleError from './handleError'
+import { Exception } from './Exception'
+import { ComponentPublicInstance } from 'vue'
+
+export function VueErrorHandler (app) {
+  // Exception handling within Vue components
+  app.config.errorHandler = (err, vm: ComponentPublicInstance | null, info: string) => {
+    let exception
+
+    if (err instanceof Exception) {
+      exception = err
+    } else {
+      exception = new Exception(err.message, err)
+    }
+
+    handleError(
+      {
+        err: exception,
+        caughtBy: 'app.config.errorHandler',
+      },
+      {
+        info: info,
+      },
+    )
+  }
+}

package/src/plugins/globalAppConfig.ts

@@ -1,25 +1,25 @@
-import { App } from 'vue'
-import { rules } from './validationRules'
-import notify from './notify'
-import dialog from './dialog'
-import { colors } from '../utils/colorUtils'
-import { quasarComponentConfigurations } from './inriverQuasarComponentConfigurations'
-
-// register components
-export const registerAppConfigurations = (Vue: App): void => {
-  // Expose $validate in templates
-  Vue.config.globalProperties.$validate = rules
-
-  // Expose $notify in templates
-  Vue.config.globalProperties.$notify = notify
-
-  // Expose $dialog in templates
-  Vue.config.globalProperties.$dialog = dialog
-
-  // Expose colors so it's easy to loop them on demo pages
-  Vue.config.globalProperties.$colors = colors
-
-  // Configurations that can be used on quasar components. Example:
-  // <q-input v-bind="$inri.input" />
-  Vue.config.globalProperties.$inri = quasarComponentConfigurations
-}
+import { App } from 'vue'
+import { rules } from './validationRules'
+import notify from './notify'
+import dialog from './dialog'
+import { colors } from '../utils/colorUtils'
+import { quasarComponentConfigurations } from './inriverQuasarComponentConfigurations'
+
+// register components
+export const registerAppConfigurations = (Vue: App): void => {
+  // Expose $validate in templates
+  Vue.config.globalProperties.$validate = rules
+
+  // Expose $notify in templates
+  Vue.config.globalProperties.$notify = notify
+
+  // Expose $dialog in templates
+  Vue.config.globalProperties.$dialog = dialog
+
+  // Expose colors so it's easy to loop them on demo pages
+  Vue.config.globalProperties.$colors = colors
+
+  // Configurations that can be used on quasar components. Example:
+  // <q-input v-bind="$inri.input" />
+  Vue.config.globalProperties.$inri = quasarComponentConfigurations
+}

package/src/plugins/i18n.ts

@@ -1,46 +1,46 @@
-import { createI18n } from 'vue-i18n'
-// @ts-ignore
-import en from '../i18n/en'
-
-// Preload English (required if we want a fallback language)
-const i18n = createI18n({
-  locale: 'en',
-  fallbackLocale: 'en',
-  messages: {
-    en: en,
-  },
-})
-
-const loadedLanguages = ['en']
-
-function setI18nLanguage (lang) {
-  i18n.global.locale = lang
-  // @ts-ignore
-  document.querySelector('html').setAttribute('lang', lang)
-  return lang
-}
-
-// This will load our own custom i18n translation files
-export function loadi18nLanguageAsync (lang) {
-  // If the same language
-  if (i18n.global.locale === lang) {
-    return Promise.resolve(setI18nLanguage(lang))
-  }
-
-  // If the language was already loaded
-  if (loadedLanguages.includes(lang)) {
-    return Promise.resolve(setI18nLanguage(lang))
-  }
-
-  // If the language hasn't been loaded yet
-  return import(
-    /* webpackChunkName: "lang-[request]" */ '@/i18n/' + lang).then(
-    messages => {
-      i18n.global.setLocaleMessage(lang, messages.default)
-      loadedLanguages.push(lang)
-      return setI18nLanguage(lang)
-    },
-  )
-}
-
-export { i18n }
+import { createI18n } from 'vue-i18n'
+// @ts-ignore
+import en from '../i18n/en'
+
+// Preload English (required if we want a fallback language)
+const i18n = createI18n({
+  locale: 'en',
+  fallbackLocale: 'en',
+  messages: {
+    en: en,
+  },
+})
+
+const loadedLanguages = ['en']
+
+function setI18nLanguage (lang) {
+  i18n.global.locale = lang
+  // @ts-ignore
+  document.querySelector('html').setAttribute('lang', lang)
+  return lang
+}
+
+// This will load our own custom i18n translation files
+export function loadi18nLanguageAsync (lang) {
+  // If the same language
+  if (i18n.global.locale === lang) {
+    return Promise.resolve(setI18nLanguage(lang))
+  }
+
+  // If the language was already loaded
+  if (loadedLanguages.includes(lang)) {
+    return Promise.resolve(setI18nLanguage(lang))
+  }
+
+  // If the language hasn't been loaded yet
+  return import(
+    /* webpackChunkName: "lang-[request]" */ '@/i18n/' + lang).then(
+    messages => {
+      i18n.global.setLocaleMessage(lang, messages.default)
+      loadedLanguages.push(lang)
+      return setI18nLanguage(lang)
+    },
+  )
+}
+
+export { i18n }