@awes-io/ui 2.63.0 → 2.63.2

package/CHANGELOG.md

@@ -3,6 +3,28 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [2.63.2](https://github.com/awes-io/client/compare/@awes-io/ui@2.63.1...@awes-io/ui@2.63.2) (2023-04-25)
+
+
+### Bug Fixes
+
+* **ui:** dayjs locales mapped to i18n locales ([2b9ddd2](https://github.com/awes-io/client/commit/2b9ddd2e86a30a2fe56f85e72eb6e17e8eb8ad36))
+
+
+
+
+
+## [2.63.1](https://github.com/awes-io/client/compare/@awes-io/ui@2.63.0...@awes-io/ui@2.63.1) (2023-04-25)
+
+
+### Bug Fixes
+
+* **ui:** dayjs locales autoload checks locale availability ([270a388](https://github.com/awes-io/client/commit/270a388ff2535d61bcbd91460432e46e4cd9b7f4))
+
+
+
+
+
 # [2.63.0](https://github.com/awes-io/client/compare/@awes-io/ui@2.62.0...@awes-io/ui@2.63.0) (2023-04-07)
 
 

package/nuxt/index.js

@@ -1,6 +1,6 @@
 import { mergeDeepRight, pick, omit, uniq, endsWith, partition } from 'rambdax'
 import { existsSync, readdirSync, readFileSync, lstatSync } from 'fs'
-import { join, resolve, sep } from 'path'
+import { join, resolve, sep, dirname } from 'path'
 import resolveConfig from 'tailwindcss/resolveConfig'
 import {
     default as configDefault,
@@ -12,6 +12,8 @@ import {
 } from './awes.config.js'
 import defaultTailwindConfig from '../tailwind.config.js'
 
+const DEFAULT_DAYJS_LOCALE = 'en'
+
 const configDark = mergeDeepRight(configDefault, dark)
 
 export const MODULE_DIR = 'awes-io'
@@ -22,6 +24,28 @@ const fixWindowsPath = (path) =>
         .replace(/\\/g, '/')
         .replace(/\/\/+/g, '/')
 
+const availableDayjsLocales = readdirSync(
+    join(dirname(require.resolve('dayjs')), 'locale')
+)
+
+const getDayjsLang = (code) => {
+    const fileName = code.toLowerCase() + '.js'
+
+    if (availableDayjsLocales.includes(fileName)) {
+        return fileName
+    }
+
+    const shortened = code.toLowerCase().substr(0, 2) + '.js'
+
+    if (availableDayjsLocales.includes(shortened)) {
+        return shortened
+    }
+
+    return false
+}
+
+const getDayjsLocaleNameFromFile = (file) => file.replace('.js', '')
+
 async function AwesIoUi() {
     /**
      * Check store existance
@@ -100,6 +124,28 @@ async function AwesIoUi() {
         }
     }
 
+    const localesMap = {}
+
+    const dayjsLocaleFiles = this.options.awesIo.lang.locales.reduce(
+        (acc, locale) => {
+            const _locale = locale.code || locale
+            const file = getDayjsLang(_locale)
+
+            localesMap[_locale] = getDayjsLocaleNameFromFile(file) || DEFAULT_DAYJS_LOCALE
+
+            return file ? acc.concat(file) : acc
+        },
+        []
+    )
+
+    this.options.awesIo.dayjs.localesMap = localesMap
+
+    this.options.awesIo.dayjs.langs = uniq(dayjsLocaleFiles).map((file) => {
+        const name = getDayjsLocaleNameFromFile(file)
+
+        return { name, variable: 'locale_' + name.replace('-', '_'), file }
+    })
+
     /**
      * Add font
      */

package/nuxt/templates/dayjs.plugin.js

@@ -11,12 +11,11 @@ import <%=name%> from '<%=src%>'
 dayjs.extend(<%=name%>, <%=JSON.stringify(options)%>)
 <% }) %>
 
-<% if (options.lang && Array.isArray(options.lang.locales)) { %>
-    <% options.lang.locales.forEach((locale) => {
-        const code = locale.code || locale
+<% if (options.dayjs.langs && Array.isArray(options.dayjs.langs)) { %>
+    <% options.dayjs.langs.forEach(({ name, variable, file }) => {
     %>
-import dayjsLocale<%=code%> from 'dayjs/locale/<%=code%>.js'
-dayjs.locale('<%=code%>', dayjsLocale<%=code%>)
+import <%=variable%> from 'dayjs/locale/<%=file%>'
+dayjs.locale('<%=name%>', <%=variable%>)
     <% }) %>
 <% } %>
 /* eslint-enable */
@@ -76,12 +75,14 @@ dayjs.locale('en')
 
 // dayjs.extend(defaultStringFormat, <%=JSON.stringify(options.dayjs.stringFormat)%>)
 
+const localesMap = JSON.parse('<%=JSON.stringify(options.dayjs.localesMap)%>')
+
 export default function({ app: { i18n } }, inject) {
     i18n.onLanguageSwitched(async newLocale => {
-        dayjs.locale(newLocale)
+        dayjs.locale(localesMap[newLocale])
     })
 
-    dayjs.locale(i18n.locale)
+    dayjs.locale(localesMap[i18n.locale])
 
     Vue.prototype.$dayjs = dayjs
     inject('dayjs', dayjs)

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@awes-io/ui",
-    "version": "2.63.0",
+    "version": "2.63.2",
     "description": "User Interface (UI) components",
     "keywords": [
         "ui",
@@ -122,5 +122,5 @@
         "vue-template-compiler": "^2.6.10",
         "webfonts-generator": "^0.4.0"
     },
-    "gitHead": "ba7458d978c7da739cb46dccdeac9f4a885c8cb2"
+    "gitHead": "d08ca39dcb2fb44ab52209078eace98adbebb81e"
 }