@things-factory/i18n-base 8.0.0 → 9.0.0-beta.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@things-factory/i18n-base",
-  "version": "8.0.0",
+  "version": "9.0.0-beta.3",
   "main": "dist-server/index.js",
   "browser": "dist-client/index.js",
   "things-factory": true,
@@ -27,9 +27,9 @@
     "migration:create": "node ../../node_modules/typeorm/cli.js migration:create ./server/migrations/migration"
   },
   "dependencies": {
-    "@operato/i18n": "^8.0.0",
-    "@things-factory/auth-base": "^8.0.0",
-    "@things-factory/shell": "^8.0.0"
+    "@operato/i18n": "^9.0.0-beta",
+    "@things-factory/auth-base": "^9.0.0-beta.3",
+    "@things-factory/shell": "^9.0.0-beta.0"
   },
-  "gitHead": "07ef27d272dd9a067a9648ac7013748510556a18"
+  "gitHead": "1d7e0dd4c88f3c3f3bd311c00e4b1d1542d53634"
 }

package/client/bootstrap.ts

@@ -1,16 +0,0 @@
-import { PageView } from '@operato/shell'
-
-declare module '@operato/shell' {
-  interface PageView {
-    languageUpdated(i18next: any): void
-  }
-}
-
-export default function bootstrap() {
-  /*
-   * PageView의 lifecycle에 languageUpdate를 추가한다.
-   */
-  PageView.prototype.languageUpdated = function (i18next) {
-    this.pageReset()
-  }
-}

package/client/index.ts

@@ -1,6 +0,0 @@
-/**
- * @license Copyright © HatioLab Inc. All rights reserved.
- */
-
-export { i18next } from '@operato/i18n/config.js'
-export * from '@operato/i18n/localize.js'

package/client/page/terminology-page.ts

@@ -1,408 +0,0 @@
-import '@material/web/icon/icon.js'
-
-import '@operato/data-grist'
-import '@operato/context/ox-context-page-toolbar.js'
-import '@operato/input/ox-input-select-buttons.js'
-
-import { css, html } from 'lit'
-import { customElement, query, state } from 'lit/decorators.js'
-import { connect } from 'pwa-helpers/connect-mixin.js'
-import gql from 'graphql-tag'
-
-import { store, CustomAlert, PageView } from '@operato/shell'
-import { client } from '@operato/graphql'
-import { DataGrist, FetchOption, GristRecord } from '@operato/data-grist'
-import { i18next, localize } from '@operato/i18n'
-import { CommonHeaderStyles, ScrollbarStyles } from '@operato/styles'
-import { isMobileDevice } from '@operato/utils'
-import { getLanguages } from '@things-factory/auth-base/dist-client'
-
-@customElement('terminology-page')
-export class TerminologyPage extends connect(store)(localize(i18next)(PageView)) {
-  static styles = [
-    ScrollbarStyles,
-    CommonHeaderStyles,
-    css`
-      :host {
-        display: flex;
-        flex-direction: column;
-
-        overflow: hidden;
-
-        --grid-header-padding: 2px 0 2px 9px;
-      }
-
-      ox-grist {
-        overflow-y: auto;
-        flex: 1;
-      }
-
-      .header {
-        grid-template-areas: 'filters actions';
-      }
-    `
-  ]
-
-  @state() private gristConfig: any
-  @state() private mode: 'CARD' | 'GRID' | 'LIST' = isMobileDevice() ? 'CARD' : 'GRID'
-  @state() private state?: string[]
-
-  @query('ox-grist') private grist!: DataGrist
-
-  get context() {
-    return {
-      title: i18next.t('title.terminology'),
-      search: {
-        handler: (search: string) => {
-          this.grist.searchText = search
-        },
-        value: this.grist?.searchText || ''
-      },
-      filter: {
-        handler: () => {
-          this.grist.toggleHeadroom()
-        }
-      },
-      help: 'mfg-warehouse/term-page',
-      actions: [
-        {
-          title: i18next.t('button.clear-cache'),
-          action: this.clearCache.bind(this),
-          icon: 'ink_eraser'
-        },
-        {
-          title: i18next.t('button.save'),
-          action: this.save.bind(this),
-          icon: 'save'
-        },
-        {
-          title: i18next.t('button.delete'),
-          action: this.delete.bind(this),
-          icon: 'delete',
-          emphasis: {
-            danger: true
-          }
-        }
-      ],
-      exportable: {
-        name: i18next.t('button.export'),
-        data: this.exportHandler.bind(this)
-      },
-      toolbar: false
-    }
-  }
-
-  async getFilterStatus() {
-    return (await getLanguages()).map(({ code, display }) => {
-      return { value: code, display }
-    })
-  }
-
-  render() {
-    const mode = this.mode || (isMobileDevice() ? 'LIST' : 'GRID')
-
-    return html`
-      <ox-grist .mode=${mode} .config=${this.gristConfig} .fetchHandler=${this.fetchHandler.bind(this)}>
-        <div slot="headroom" class="header">
-          <div class="filters">
-            <ox-filters-form autofocus without-search></ox-filters-form>
-          </div>
-
-          <ox-context-page-toolbar class="actions" .context=${this.context}></ox-context-page-toolbar>
-        </div>
-      </ox-grist>
-    `
-  }
-
-  async pageInitialized(lifecycle) {
-    this.gristConfig = {
-      list: {
-        fields: ['name', 'description'],
-        details: ['active', 'updatedAt']
-      },
-      columns: [
-        { type: 'gutter', gutterName: 'sequence' },
-        { type: 'gutter', gutterName: 'row-selector', multiple: true },
-        {
-          type: 'string',
-          name: 'id',
-          header: i18next.t('field.id'),
-          hidden: true,
-          width: 0
-        },
-        {
-          type: 'string',
-          name: 'name',
-          header: i18next.t('field.name'),
-          record: {
-            editable: true
-          },
-          filter: 'search',
-          sortable: true,
-          width: 250
-        },
-        {
-          type: 'select',
-          name: 'locale',
-          header: i18next.t('field.locale'),
-          record: {
-            editable: true,
-            options: [{ display: '', value: '' }, ...(await this.getFilterStatus())]
-          },
-          width: 90,
-          filter: {
-            type: 'select-buttons',
-            operator: 'in'
-          }
-        },
-        {
-          type: 'select',
-          name: 'category',
-          label: true,
-          header: i18next.t('field.category'),
-          record: {
-            editable: true,
-            options: ['', 'button', 'field', 'label', 'menu', 'text', 'title']
-          },
-          width: 90,
-          filter: 'in',
-          imex: true
-        },
-        {
-          type: 'string',
-          name: 'display',
-          label: true,
-          header: i18next.t('field.display'),
-          record: {
-            editable: true
-          },
-          filter: 'search',
-          sortable: true,
-          width: 380
-        },
-        {
-          type: 'resource-object',
-          name: 'updater',
-          header: i18next.t('field.updater'),
-          record: {
-            editable: false
-          },
-          sortable: true,
-          width: 120
-        },
-        {
-          type: 'datetime',
-          name: 'updatedAt',
-          header: i18next.t('field.updated_at'),
-          record: {
-            editable: false
-          },
-          sortable: true,
-          width: 180
-        }
-      ],
-      rows: {
-        appendable: true,
-        selectable: {
-          multiple: true
-        }
-        /*handlers: {
-          click: (columns, data, column, record, rowIndex) => {
-            // TODO Implement the desired sub-view(like item-view) and use it in the popup content after importing
-            const popup = openPopup(html` 
-                <item-view item-id=${record.id} style="background-color: white;">
-                </item-view> 
-              `, {
-              backdrop: true,
-              size: 'large',
-              title: i18next.t('text.item view')
-            })
-            popup.onclosed = () => {
-              this.grist.fetch()
-            }
-          }
-        }*/
-      },
-      sorters: [
-        {
-          name: 'name',
-          desc: true
-        }
-      ]
-    }
-  }
-
-  async pageUpdated(changes: any, lifecycle: any) {
-    if (this.active) {
-      // do something here when this page just became as active
-    }
-  }
-
-  async fetchHandler({ page = 1, limit = 100, sortings = [], filters = [] }: FetchOption) {
-    const response = await client.query({
-      query: gql`
-        query ($filters: [Filter!], $pagination: Pagination, $sortings: [Sorting!]) {
-          terminologies(filters: $filters, pagination: $pagination, sortings: $sortings) {
-            items {
-              id
-              name
-              locale
-              category
-              display
-              creator {
-                id
-                name
-              }
-              createdAt
-              updater {
-                id
-                name
-              }
-              updatedAt
-            }
-
-            total
-          }
-        }
-      `,
-      variables: {
-        filters,
-        pagination: { page, limit },
-        sortings
-      }
-    })
-
-    return {
-      total: response.data.terminologies.total || 0,
-      records: response.data.terminologies.items || []
-    }
-  }
-
-  exportHandler() {
-    let records = [] as GristRecord
-    if (this.grist.selected && this.grist.selected.length > 0) {
-      records = this.grist.selected
-    } else {
-      records = this.grist.data.records
-    }
-
-    var headerSetting = this.grist.compiledConfig.columns
-      .filter(column => column.type !== 'gutter' && column.record !== undefined && column.imex !== undefined)
-      .map(column => {
-        return column.imex === true
-          ? {
-              header: column.header.renderer(column),
-              key: column.name,
-              width: column.width,
-              type: column.type
-            }
-          : column.imex
-      })
-
-    var data = records.map(item => {
-      return {
-        id: item.id,
-        ...this.gristConfig.columns
-          .filter(column => column.type !== 'gutter' && column.record !== undefined && column.imex !== undefined)
-          .reduce((record, column) => {
-            const key = column.imex === true ? column.name : column.imex.key
-            record[key] = key
-              .split('.')
-              .reduce((obj, key) => (obj && obj[key] !== 'undefined' ? obj[key] : undefined), item)
-            return record
-          }, {})
-      }
-    })
-
-    return { header: headerSetting, data: data }
-  }
-
-  async delete() {
-    const selectedRecords = this.grist.selected
-
-    if (!selectedRecords || selectedRecords.length == 0) {
-      this.showToast(i18next.t('text.NOTHING_SELECTED'))
-    } else {
-      const answer = await CustomAlert({
-        type: 'question',
-        title: i18next.t('button.delete'),
-        text: i18next.t('text.are_you_sure'),
-        confirmButton: { text: i18next.t('button.delete') },
-        cancelButton: { text: i18next.t('button.cancel') }
-      })
-
-      if (!answer) {
-        return
-      }
-
-      let ids = selectedRecords.map(record => record.id)
-
-      const response = await client.mutate({
-        mutation: gql`
-          mutation ($ids: [String!]!) {
-            deleteTerminologies(ids: $ids)
-          }
-        `,
-        variables: {
-          ids
-        }
-      })
-
-      this.grist.fetch()
-
-      return response.data.deleteTerminologies
-    }
-  }
-
-  async clearCache() {
-    const response = await client.mutate({
-      mutation: gql`
-        mutation {
-          clearTranslationsCache
-        }
-      `
-    })
-
-    if (!response.errors) {
-      this.showToast(i18next.t('text.info_x_successfully', { x: i18next.t('text.clearing-cache') }))
-    }
-  }
-
-  async save() {
-    let changedRecords = this.grist.dirtyRecords
-
-    if (!changedRecords || changedRecords.length == 0) {
-      this.showToast(i18next.t('text.nothing_changed'))
-    } else {
-      const patches = changedRecords.map(patch => {
-        const patchField: any = patch.id ? { id: patch.id } : {}
-        const dirtyFields = patch.__dirtyfields__
-        for (let key in dirtyFields) {
-          patchField[key] = dirtyFields[key].after
-        }
-        patchField.cuFlag = patch.__dirty__
-
-        return patchField
-      })
-
-      const response = await client.mutate({
-        mutation: gql`
-          mutation ($patches: [TerminologyPatch!]!) {
-            updateMultipleTerminologies(patches: $patches) {
-              id
-            }
-          }
-        `,
-        variables: {
-          patches
-        }
-      })
-
-      this.grist.fetch()
-    }
-  }
-
-  showToast(message: string) {
-    document.dispatchEvent(new CustomEvent('notify', { detail: { message } }))
-  }
-}

package/client/route.ts

@@ -1,7 +0,0 @@
-export default function route(page) {
-  switch (page) {
-    case 'terminology-page':
-      import('./page/terminology-page.js')
-      return page
-  }
-}

package/server/apis/index.ts

@@ -1 +0,0 @@
-export * from './t'

package/server/apis/t.ts

@@ -1,36 +0,0 @@
-import { getRepository } from '@things-factory/shell'
-
-import { Terminology } from '../service/terminology/terminology'
-
-export type T_Arugments = {
-  key: String
-  locale: String
-  options?: Object
-}
-
-export async function t({ key, locale = 'en-US', options }: T_Arugments) {
-  let value = await getTerminology({
-    key,
-    locale
-  })
-
-  return value
-}
-
-async function getTerminology({ key, locale }) {
-  const repo = getRepository(Terminology)
-  var value
-  try {
-    let term = await repo.findOne({
-      where: {
-        name: key,
-        locale
-      }
-    })
-    value = term.display
-  } catch (e) {
-    value = key
-  }
-
-  return value
-}

package/server/controllers/clear-cache-for-translation.ts

@@ -1,18 +0,0 @@
-import { config } from '@things-factory/env'
-
-const disableCustomTerminologyFeature = config.get('i18n/disableCustomTerminologyFeature')
-
-const path = require('path')
-var fs = require('fs')
-
-export function clearTranslationCacheForCertainDomain(subdomain: string) {
-  if (disableCustomTerminologyFeature) {
-    return
-  }
-
-  const cacheFileFolder = path.join('cache', 'translations', subdomain)
-
-  if (fs.existsSync(cacheFileFolder)) {
-    fs.rmSync(cacheFileFolder, { recursive: true })
-  }
-}

package/server/index.ts

@@ -1,6 +0,0 @@
-import './routes'
-
-export * from './service'
-export * from './apis'
-export * from './middlewares'
-export * from './controllers/clear-cache-for-translation.js'

package/server/middlewares/index.ts

@@ -1,36 +0,0 @@
-import fs from 'fs'
-import i18next from 'i18next'
-
-import koaI18next from './koa-i18next'
-import { build } from './translations'
-
-i18next.init({
-  debug: false,
-  ns: ['translations'],
-  defaultNS: 'translations',
-  preload: ['ko', 'en', 'jp', 'zh', 'ms'],
-  fallbackLng: 'en',
-  interpolation: {
-    prefix: '{',
-    suffix: '}'
-  },
-  load: 'languageOnly',
-  keySeparator: false
-})
-
-build(fs)
-
-process.on('client-rebuilt' as any, (app, fs) => {
-  /* rebuild once done webpacking assets. only for development mode. */
-  build(fs)
-})
-
-export function initMiddlewares(app: any) {
-  app.use(
-    koaI18next(i18next, {
-      lookupCookie: 'i18next',
-      order: ['cookie', 'header'],
-      next: true // if koa is version 2
-    })
-  )
-}

package/server/middlewares/koa-i18next/detect.ts

@@ -1,108 +0,0 @@
-const DEFAULT_ORDER = ['querystring', 'cookie', 'header']
-
-const detectors = {
-  cookie: function (context, options) {
-    let cookie = options.lookupCookie || 'i18next'
-    return context.cookies.get(cookie)
-  },
-
-  // fork from i18next-express-middleware
-  header: function (context) {
-    let acceptLanguage = context.get('accept-language')
-    let found
-    let locales = []
-    if (acceptLanguage) {
-      let lngs = []
-
-      // associate language tags by their 'q' value (between 1 and 0)
-      acceptLanguage.split(',').forEach(function (l) {
-        let parts = l.split(';') // 'en-GB;q=0.8' -> ['en-GB', 'q=0.8']
-
-        // get the language tag qvalue: 'q=0.8' -> 0.8
-        let qvalue = 1 // default qvalue
-
-        for (let i = 0; i < parts.length; i++) {
-          let part = parts[i].split('=')
-          if (part[0] === 'q' && !isNaN(part[1])) {
-            qvalue = Number(part[1])
-            break
-          }
-        }
-        // add the tag and primary subtag to the qvalue associations
-        lngs.push({
-          lng: parts[0],
-          q: qvalue
-        })
-      })
-
-      lngs.sort(function (a, b) {
-        return b.q - a.q
-      })
-
-      for (let i = 0; i < lngs.length; i++) {
-        locales.push(lngs[i].lng)
-      }
-
-      if (locales.length) found = locales
-    }
-
-    return found
-  },
-  path: function (context, options) {
-    let found
-
-    if (options.lookupPath !== undefined && context.params) {
-      found = context.params[options.lookupPath]
-    }
-
-    if (!found && options.lookupFromPathIndex !== undefined) {
-      let parts = context.path.split('/')
-      if (parts[0] === '') {
-        // Handle paths that start with a slash, i.e., '/foo' -> ['', 'foo']
-        parts.shift()
-      }
-
-      if (parts.length > options.lookupFromPathIndex) {
-        found = parts[options.lookupFromPathIndex]
-      }
-    }
-    return found
-  },
-  querystring: function (context, options) {
-    let name = options.lookupQuerystring || 'lng'
-    return context.query[name]
-  },
-
-  session: function (context, options) {
-    let name = options.lookupSession || 'lng'
-    return context.session && context.session[name]
-  }
-}
-
-export default function (context, options = {}) {
-  let { order, fallback } = options as any
-  order = order && Array.isArray(order) ? order : DEFAULT_ORDER
-
-  let lngs = []
-
-  for (let i = 0, len = order.length; i < len; i++) {
-    let detector = detectors[order[i]]
-    let lng
-    if (detector) {
-      lng = detector(context, options)
-    }
-    if (lng && typeof lng === 'string') {
-      lngs.push(lng)
-    } else {
-      lngs = lngs.concat(lng)
-    }
-  }
-  let found
-  for (let i = 0, len = lngs.length; i < len; i++) {
-    let cleanedLng = context.i18next.services.languageUtils.formatLanguageCode(lngs[i])
-    if (context.i18next.services.languageUtils.isSupportedCode(cleanedLng)) found = cleanedLng
-    if (found) break
-  }
-
-  return found || fallback
-}