@awes-io/ui 2.47.3 → 2.49.1

package/components/3_organisms/AwPagination.vue

@@ -2,7 +2,7 @@
     <div v-if="pagesTotal > 1" class="flex items-center lg:px-6">
         <!-- info text -->
         <span class="flex-1 text-sm opacity-50 hidden lg:block">{{
-            $t('AwPagination.info', {
+            $t('aw.pagination.info', {
                 ...itemsRange,
                 total
             })
@@ -33,7 +33,7 @@
             </AwButton>
 
             <span class="lg:hidden">
-                {{ $t('AwPagination.page', { page, pagesTotal }) }}
+                {{ $t('aw.pagination.page', { page, pagesTotal }) }}
             </span>
             <div
                 class="hidden lg:inline-flex aw-button-nav aw-button-nav__wrapper"
@@ -109,7 +109,7 @@
                     </AwDropdown>
                 </template>
                 <span v-else class="text-sm opacity-50">
-                    {{ $t('AwPagination.limit', { limit }) }}
+                    {{ $t('aw.pagination.limit', { limit }) }}
                 </span>
             </div>
         </div>

package/components/3_organisms/AwSearch.vue

@@ -85,11 +85,11 @@ export default {
 
     computed: {
         placeholder() {
-            const basicPlaceholder = this.$t('AwSearch.text')
+            const basicPlaceholder = this.$t('aw.search.text')
 
             return this.globalKeyBind
                 ? basicPlaceholder +
-                      this.$t('AwSearch.keyBind', { key: this.globalKeyBind })
+                      this.$t('aw.search.key_bind', { key: this.globalKeyBind })
                 : basicPlaceholder
         }
     },

package/components/3_organisms/AwTable/AwTableBuilder.vue

@@ -22,7 +22,7 @@
                         <slot name="empty-title">
                             <!-- Text: "There are no data to show" -->
                             <div class="text-mono-400 mb-4">
-                                {{ $t('AwTableBuilder.empty') }}
+                                {{ $t('aw.table_builder.empty') }}
                             </div>
                         </slot>
 
@@ -55,7 +55,7 @@
                         <slot name="empty-filter-title">
                             <!-- Text: "There are no data to show" -->
                             <div class="text-mono-400 mb-4">
-                                {{ $t('AwTableBuilder.emptyFilter') }}
+                                {{ $t('aw.table_builder.empty_filter') }}
                             </div>
                         </slot>
 
@@ -171,7 +171,7 @@
                         slot="left"
                         class="h-5 w-5"
                     />
-                    {{ $t('AwTableBuilder.loading') }}
+                    {{ $t('aw.table_builder.loading') }}
                 </AwChip>
             </slot>
         </div>

package/components/3_organisms/AwUploader.vue

@@ -26,9 +26,9 @@
                 />
             </svg>
             <span class="block ml-4">
-                <span class="sm:text-lg">{{ $t('AwUploader.drop') }}</span>
+                <span class="sm:text-lg">{{ $t('aw.uploader.drop') }}</span>
                 <span v-if="formatString" class="block text-sm text-mono-400">
-                    {{ $t('AwUploader.format', { formatString }) }}
+                    {{ $t('aw.uploader.format', { formatString }) }}
                 </span>
             </span>
         </slot>
@@ -271,11 +271,11 @@ export default {
             const fileName = file.name
 
             if (this._format.length && !this._extensionMatch(file)) {
-                errors.push(this.$t('AwUploader.errorExtension', { fileName }))
+                errors.push(this.$t('aw.uploader.error_extension', { fileName }))
             }
 
             if (this.max && file.size > this.maxSizeBytes) {
-                errors.push(this.$t('AwUploader.errorSize', { fileName }))
+                errors.push(this.$t('aw.uploader.error_size', { fileName }))
             }
 
             return errors

package/components/3_organisms/AwUploaderFiles.vue

@@ -20,7 +20,7 @@
             <template #default="{ cell: file }">
                 {{
                     file.loaded
-                        ? parent.$t('AwUploader.loaded')
+                        ? parent.$t('aw.uploader.loaded')
                         : `${file.progress}%`
                 }}
             </template>
@@ -31,7 +31,7 @@
                     theme="icon"
                     icon="close"
                     size="sm"
-                    :text="parent.$t('AwUploader.remove')"
+                    :text="parent.$t('aw.uploader.remove')"
                     @click="props.removeFile(file.id)"
                 />
             </template>

package/components/4_pages/AwPage.vue

@@ -66,7 +66,7 @@
             >
                 <div
                     class="flex-1 text-sm text-mono-400"
-                    v-html="$sanitize($t('AwLayoutDefault.footer'))"
+                    v-html="$sanitize($t('aw.layout_default.footer'))"
                 ></div>
                 <div class="flex-1 text-center">
                     <AwButton
@@ -76,14 +76,14 @@
                         @click="toggleFullscreen(false)"
                     >
                         <AwIconSystemMono name="close" class="mr-4" />
-                        {{ $t('AwPage.exitFullscreen') }}
+                        {{ $t('aw.page.exit_fullscreen') }}
                     </AwButton>
                 </div>
                 <div class="flex-1 flex">
                     <AwSwitcher
                         v-if="hasDarkThemeSwitcher"
                         :checked="isDarkTheme"
-                        :label="$t('AwUserMenu.darkTheme')"
+                        :label="$t('aw.user_menu.dark_theme')"
                         class="ml-auto"
                         @change="isDarkTheme = $event"
                     />

package/components/4_pages/AwPageModal.vue

@@ -51,8 +51,8 @@
 
                 <div class="flex-1 flex justify-end">
                     <button
-                        :title="$t('AwModal.close')"
-                        :aria-label="$t('AwModal.close')"
+                        :title="$t('aw.modal.close')"
+                        :aria-label="$t('aw.modal.close')"
                         class="aw-page-modal__header-btn focus-outline ml-4"
                         tabindex="0"
                         @click="close"

package/components/4_pages/_AwButtonFixed.vue

@@ -8,6 +8,9 @@
         class="aw-button-fixed"
         v-on="$listeners"
     >
+        <slot name="icon">
+            <AwIcon :name="icon" size="24" class="flex-shrink-0" />
+        </slot>
         <span
             v-if="text"
             class="aw-button-fixed__text truncate"
@@ -15,9 +18,6 @@
         >
             <slot>{{ text }}</slot>
         </span>
-        <slot name="icon">
-            <AwIcon :name="icon" size="24" class="flex-shrink-0" />
-        </slot>
         <span
             v-if="locked"
             class="aw-button-fixed__lock"

package/components/5_layouts/AwLayoutCenter.vue

@@ -19,7 +19,7 @@
             </div>
 
             <div
-                v-html="$sanitize($t('AwLayoutDefault.footer'))"
+                v-html="$sanitize($t('aw.layout_default.footer'))"
                 class="pt-8 text-sm"
             ></div>
         </div>

package/components/5_layouts/AwLayoutError.vue

@@ -2,7 +2,7 @@
     <div class="flex flex-col bg-mono-900 flex-grow min-h-screen">
         <div class="flex flex-col justify-center items-center m-auto">
             <h1 class="text-center text-3xl">
-                {{ $t('AwLayoutError.subtitle') }}
+                {{ $t('aw.layout_error.subtitle') }}
             </h1>
             <p class="text-center text-6xl">{{ statusCode }}</p>
             <p class="text-center">
@@ -45,7 +45,7 @@ export default {
         },
 
         message() {
-            return this.error.message || this.$t('AwLayoutError.message')
+            return this.error.message || this.$t('aw.layout_error.message')
         },
 
         isLoggedIn() {

package/components/5_layouts/_AwLayoutLogo.vue

@@ -6,7 +6,7 @@
     >
         <img v-if="props.logo" v-bind="props.logo" />
         <span class="sr-only">
-            {{ parent.$t('AwLayoutDefault.homepage') }}
+            {{ parent.$t('aw.layout_default.homepage') }}
         </span>
     </NLink>
 </template>

package/components/5_layouts/_AwMobileMenu.vue

@@ -23,7 +23,7 @@
                         <AwIconSystemMono name="arrow" size="16" />
                     </template>
                     <span class="sr-only">
-                        {{ $t('AwMobileMenu.back') }}
+                        {{ $t('aw.mobile_menu.back') }}
                     </span>
                 </AwButton>
 
@@ -40,7 +40,7 @@
             <AwSwitcher
                 v-else
                 v-model="isDarkTheme"
-                :label="$t('AwMobileMenu.darkTheme')"
+                :label="$t('aw.mobile_menu.dark_theme')"
                 icon="moon"
                 icon-place-in
                 icon-color="warning"
@@ -60,7 +60,7 @@
                     <AwIconSystemMono name="close" size="16" />
                 </template>
                 <span class="sr-only">
-                    {{ $t('AwMobileMenu.close') }}
+                    {{ $t('aw.mobile_menu.close') }}
                 </span>
             </AwButton>
         </div>
@@ -78,7 +78,7 @@
             <NLink
                 v-if="profileUrl"
                 :to="profileUrl"
-                :aria-label="$t('AwMobileMenu.profile')"
+                :aria-label="$t('aw.mobile_menu.profile')"
                 class="aw-mobile-menu__user-link"
             >
                 <AwIconSystemMono name="angle" rotate="180" />
@@ -96,7 +96,7 @@
         <!-- top level menu -->
         <AwMobileMenuNav
             v-show="!submenuOpened"
-            :title="$t('AwMobileMenu.mainMenu')"
+            :title="$t('aw.mobile_menu.main_menu')"
             :items="mainMenu"
             class="aw-mobile-menu__menu"
             @click:submenu="showSubmenu"
@@ -104,7 +104,7 @@
 
         <AwMobileMenuNav
             v-show="!submenuOpened"
-            :title="$t('AwMobileMenu.secondaryMenu')"
+            :title="$t('aw.mobile_menu.secondary_menu')"
             :items="secondaryMenu"
             class="aw-mobile-menu__menu"
             @click:submenu="showSubmenu"
@@ -112,7 +112,7 @@
 
         <AwMobileMenuNav
             v-show="!submenuOpened"
-            :title="$t('AwMobileMenu.userMenu')"
+            :title="$t('aw.mobile_menu.user_menu')"
             :items="userMenu"
             class="aw-mobile-menu__menu"
             @click:submenu="showSubmenu"
@@ -146,7 +146,7 @@
                 class="aw-mobile-menu__logo"
             />
             <span class="aw-mobile-menu__version">
-                {{ $t('AwMobileMenu.version', { version: $config.VERSION }) }}
+                {{ $t('aw.mobile_menu.version', { version: $config.VERSION }) }}
             </span>
         </slot>
     </div>

package/components/5_layouts/_AwOfflineNotify.vue

@@ -22,8 +22,8 @@ export default {
                     offlineNotifyRemover = this.$notify({
                         timeout: 0,
                         type: 'error',
-                        title: this.$t('AwLayoutDefault.offline'),
-                        text: this.$t('AwLayoutDefault.offlineText'),
+                        title: this.$t('aw.layout_default.offline'),
+                        text: this.$t('aw.layout_default.offline_text'),
                         icon: false,
                         closable: false
                     })

package/components/5_layouts/_AwUserMenu.vue

@@ -11,7 +11,7 @@
             <button
                 class="aw-user-menu__user focus-outline"
                 aria-haspopup="true"
-                :aria-label="$t('AwUserMenu.openMenu')"
+                :aria-label="$t('aw.user_menu.open_menu')"
                 @focus="openDropdown"
                 @mouseenter="openDropdown"
             >
@@ -37,7 +37,7 @@
                 </Component>
                 <AwSwitcher
                     v-model="isDarkTheme"
-                    :label="$t('AwUserMenu.darkTheme')"
+                    :label="$t('aw.user_menu.dark_theme')"
                     icon="moon"
                     icon-place-in
                     icon-color="warning"
@@ -77,7 +77,7 @@
                     class="aw-user-menu__nav-item"
                     @click="$auth.logout()"
                 >
-                    {{ $t('AwUserMenu.logout') }}
+                    {{ $t('aw.user_menu.logout') }}
                 </AwNavItem> -->
             </AwDropdown>
         </slot>

package/components/_config.js

@@ -75,7 +75,22 @@ export const AwDropdown = {
 }
 
 export const AwCalendar = {
-    firstDay: 1
+    firstDay: 1,
+    weekdaysShort: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'],
+    months: [
+        'January',
+        'February',
+        'March',
+        'April',
+        'May',
+        'June',
+        'July',
+        'August',
+        'September',
+        'October',
+        'November',
+        'December'
+    ]
 }
 
 export const AwCode = {

package/nuxt/awes.config.js

@@ -36,6 +36,8 @@ export const lang = {
     silentFallbackWarn: true,
     // own props
     fetchTranslation: false,
+    statsTranslation: false,
+    statsAutoload: false,
     langCookie: 'i18n_redirected'
 }
 

package/nuxt/index.js

@@ -313,26 +313,6 @@ async function AwesIoUi() {
         options: components
     })
 
-    /**
-     * Add static translations
-     */
-    this.options.awesIo.langStatic = this.options.awesIo.langStatic || {}
-
-    for (const locale of this.options.awesIo.lang.locales) {
-        const code = locale.code || locale
-
-        try {
-            const { default: translation } = await import(
-                '@awes-io/ui/lang/' + code
-            )
-            this.options.awesIo.langStatic[code] = translation || {}
-        } catch (e) {
-            console.warn(
-                'Awes.io/UI: No default translation for ' + code + ' locale'
-            )
-        }
-    }
-
     /**
      * Add plugins sorter (axios should be first)
      */
@@ -355,8 +335,6 @@ async function AwesIoUi() {
      */
 
     this.nuxt.hook('modules:done', async () => {
-        await this.nuxt.callHook('awesIo:staticTranslations')
-
         const templatesPath = join(__dirname, 'templates')
 
         for (const file of readdirSync(templatesPath)) {

package/nuxt/templates/lang.plugin.js

@@ -2,7 +2,7 @@ import axios from 'axios'
 import Vue from 'vue'
 import VueI18n from 'vue-i18n'
 import JsCookie from 'js-cookie'
-import { omit, isType, prop, mergeDeepRight } from 'rambdax'
+import { omit, isType, prop, mergeDeepRight, clone, isEmpty } from 'rambdax'
 
 Vue.use(VueI18n)
 
@@ -29,11 +29,12 @@ const cyrillicPluralization = (choice, choicesLength) => {
 
 const langOptions = JSON.parse('<%= JSON.stringify(options.lang) %>')
 
-const messages = JSON.parse(`<%= JSON.stringify(options.langStatic).replace(/\\"/g, "'") %>`)
-
-/* eslint-disable-next-line */
+/* eslint-disable */
 const fetchTranslation = <%= options.lang.fetchTranslation %>
 
+const statsTranslation = <%= options.lang.statsTranslation %>
+/* eslint-enable */
+
 const langCookie = langOptions.langCookie
 
 const toLocale = (lang = '') => lang.slice(0, 2).toLowerCase()
@@ -46,13 +47,11 @@ const i18nOptions = mergeDeepRight(
         }
     },
     omit(
-        ['locales', 'fetchTranslation', 'langCookie', 'static'],
+        ['locales', 'fetchTranslation', 'statsTranslation', 'statsAutoLoad', 'langCookie', 'static'],
         langOptions
     )
 )
 
-i18nOptions.messages = mergeDeepRight(messages, i18nOptions.messages || {})
-
 const beforeListeners = new Map()
 const afterListeners = new Map()
 
@@ -192,3 +191,87 @@ export default async ({ app, $axios }) => {
      */
     await app.i18n.setLocale(app.i18n.locale)
 }
+
+/**
+ * Stats
+ */
+
+if (statsTranslation) {
+    let stats = {}
+    let enabled = false
+
+    const storeStats = (key, locale, ctx) => {
+        stats[locale] = stats[locale] || {}
+
+        const item = stats[locale][key] = stats[locale][key] || { count: 0, exists: ctx.$te(key), pages: [] }
+
+        item.count++
+
+        const page = ctx.$route.path
+
+        if (!item.pages.includes(page)) {
+           item.pages.push(page)
+        }
+    }
+
+    const sendStats = () => {
+        if (isEmpty(stats)) return
+
+        for (const locale in stats) {
+
+            const data = clone(stats[locale])
+            delete stats[locale]
+
+            axios
+                .request({
+                    method: 'POST',
+                    data,
+                    ...statsTranslation(locale, data)
+                })
+                .catch((e) => {
+                    console.log(e)
+                })
+        }
+    }
+
+    const enableStats = () => {
+        if (enabled) return
+
+        enabled = true
+
+        setTimeout(sendStats, 500)
+        const tm = setInterval(sendStats, 5000)
+
+        window.$nuxt.$once('hook:beforeDestroy', () => {
+            clearInterval(tm)
+        })
+    }
+
+    const patchTranslationMethods = () => {
+        Vue.prototype.$t = function (key, ...values) {
+            const i18n = this.$i18n
+
+            storeStats(key, i18n.locale, this)
+
+            return i18n._t(key, i18n.locale, i18n._getMessages(), this, ...values)
+        }
+
+        Vue.prototype.$tc = function (key, choice, ...values) {
+            const i18n = this.$i18n
+
+            storeStats(key, i18n.locale, this)
+
+            return i18n._tc(key, i18n.locale, i18n._getMessages(), this, choice, ...values)
+        }
+    }
+
+    if (langOptions.statsAutoload) {
+        patchTranslationMethods()
+        window.onNuxtReady(enableStats)
+    } else {
+        window.__aw_enable_translation_stats = function() {
+            patchTranslationMethods()
+            enableStats()
+        }
+    }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@awes-io/ui",
-    "version": "2.47.3",
+    "version": "2.49.1",
     "description": "User Interface (UI) components",
     "keywords": [
         "ui",
@@ -27,7 +27,6 @@
     "files": [
         "dist/*",
         "nuxt/*",
-        "lang/*",
         "tailwind/*",
         "directives/*",
         "mixins/*",
@@ -123,5 +122,5 @@
         "vue-template-compiler": "^2.6.10",
         "webfonts-generator": "^0.4.0"
     },
-    "gitHead": "8893c573987e8a2a7dc86cc75423b148a6428405"
+    "gitHead": "88e19d99b3529c4da104ff9517679b6fa795d022"
 }