@things-factory/meta-ui 7.0.0-alpha.28 → 7.0.0-alpha.30

package/client/{bootstrap.js → bootstrap.ts}

@@ -1,28 +1,22 @@
 import { html } from 'lit-html'
 
-import { auth } from '@things-factory/auth-base'
+import { auth } from '@things-factory/auth-base/dist-client/auth.js'
 import { ADD_MORENDA } from '@things-factory/more-base'
-import { navigate, store } from '@things-factory/shell'
-import { navigateWithSilence, UPDATE_MODULES } from '@operato/shell'
+import { navigate, store } from '@operato/shell'
 
 import { updateMenuTemplate } from './actions/main'
 import metaUI from './reducers/main'
 import { TermsUtil } from './utils/terms-util'
 import { MetaApi } from './utils/meta-api'
 import { GristDefaultValue } from './utils/grist-default-value'
+import { MENUS } from './dynamic-menus'
 
 import {
   registerEditor as gristColumnRegisterEditor,
   registerRenderer as gristColumnRegisterRenderer,
-  registerFilterRenderer as gristRegisterFilterRenderer,
-  getRenderer as gristGetRenderer,
-  getEditor as gristGetEditor,
-  getFilterRenderers as gristGetFilterRenderers
+  registerFilterRenderer as gristRegisterFilterRenderer
 } from '@operato/data-grist'
-import {
-  registerFilterRenderer as formRegisterFilterRenderer,
-  getFilterRenderers as formGetFilterRenderers
-} from '@operato/form'
+import { registerFilterRenderer as formRegisterFilterRenderer } from '@operato/form'
 
 /** GRIST Renderer Compoment  */
 import { GristRendererMetaCodeSelector } from './component/grist/renderer/grist-renderer-meta-code-selector'
@@ -42,10 +36,10 @@ import { FilterGristMetaObjectSelect } from './component/filter/filter-grist-met
 import { FilterFormMetaCodeSelect } from './component/filter/filter-form-meta-code-select'
 import { FilterFormMetaObjectSelect } from './component/filter/filter-form-meta-object-select'
 
-export default function bootstrap() {
-  import(`./pages/activity/meta-activity-writer-element`)
-  import(`./pages/activity/meta-activity-viewer-element`)
+import './pages/activity/meta-activity-writer-element'
+import './pages/activity/meta-activity-viewer-element'
 
+export default function bootstrap(module) {
   // GRIST Renderer
   gristColumnRegisterRenderer('meta-code-selector', GristRendererMetaCodeSelector)
   gristColumnRegisterRenderer('meta-object-selector', GristRendererMetaObjectSelector)
@@ -71,31 +65,17 @@ export default function bootstrap() {
     metaUI
   })
 
-  // var titleMeta = document.querySelector('meta[name="application-name"]');
-  // console.log(titleMeta ? titleMeta.content : 'Things Factory')
-  // console.log(ENV['APP-VERSION'])
-
-  // var iconLink = document.querySelector('link[rel="application-icon"]')
-  // var titleMeta = document.querySelector('meta[name="application-name"]')
-  // var descriptionMeta = document.querySelector('meta[name="application-description"]')
-
-  // this._applicationMeta = {
-  //   icon: iconLink ? iconLink.href : logo,
-  //   title: titleMeta ? titleMeta.content : 'Things Factory',
-  //   description: descriptionMeta ? descriptionMeta.content : 'Reimagining Software'
-  // }
-
   auth.on('profile', async ({ credential, domains, domain }) => {
     // 1. 용어 다운로드
-    let locale = MetaApi.currentLocale()
-    if (locale == 'ko') locale = 'ko-KR'
+    var locale = MetaApi.currentLocale()
+    if (locale == 'ko') {
+      locale = 'ko-KR'
+    }
     await TermsUtil.downloadTerminologies(locale)
 
     // 2. 메뉴 정보를 서버로 부터 받아서 적용
-    let menuRoutes = await MetaApi.myDynamicMenus()
-
-    let realMenus = menuRoutes.menus
-    await updateMenuTemplate(realMenus)
+    const menuRoutes = await MENUS
+    updateMenuTemplate(menuRoutes.menus)
 
     // 3. 동적 메뉴 관리 화면 추가
     store.dispatch({
@@ -189,103 +169,5 @@ export default function bootstrap() {
         }
       }
     })
-
-    // 8. 모든 routes 정보 추출
-    let allRoutes = menuRoutes.routes
-
-    // 9. store의 모듈 정보 조회 & 마지막 application 모듈 정보를 추출
-    let modules = store.getState().app.modules
-    let allModules = Object.assign([], modules)
-    let appModule = allModules[allModules.length - 1]
-
-    // 10. 최종 애플리케이션 모듈의 routes 정보 교체
-    appModule.routes = allRoutes.filter(r => {
-      return r.template && !r.template.startsWith('@things-factory')
-    })
-
-    // 11. meta-ui 모듈 추출
-    let metaUiModule = allModules.find(m => {
-      return m.name == '@things-factory/meta-ui'
-    })
-
-    // 12. meta-ui의 routes 정보 교체
-    let metaUiRoutes = allRoutes.filter(r => {
-      let isMetaUiRoute = r.template && r.template.startsWith('@things-factory/meta-ui')
-      if (isMetaUiRoute) {
-        r.template = r.template.replace('@things-factory/meta-ui/client', '.')
-      }
-
-      return isMetaUiRoute
-    })
-
-    this.routes.forEach(r => {
-      metaUiRoutes.push({ page: r.page, tagname: r.tagname })
-    })
-    metaUiModule.routes = metaUiRoutes
-    metaUiModule.route = metaUiRoute
-
-    // 13. store에 모듈 업데이트
-    store.dispatch({
-      type: UPDATE_MODULES,
-      modules: allModules
-    })
-
-    // 14. 첫 페이지를 리로딩 처리 (shell/app.js에서 리로딩 처리시에는 라우팅 정보가 없어서 처리를 못하므로 여기서 다시 한번 해줌...)
-    store.dispatch(navigateWithSilence(location))
   })
 }
-
-/**
- * @description MetaUI 라우팅 처리 로직
- ***********************************
- * @param {*} page
- * @returns
- */
-function metaUiRoute(page) {
-  if (page == 'dynamic-menu') {
-    import('./pages/menu/dynamic-menu')
-    return page
-  } else if (page == 'config-terminology') {
-    import('./pages/terms/config-terminology')
-    return page
-  } else if (page == 'meta-activity-list') {
-    import('./pages/activity/meta-activity-list-page')
-    return page
-  } else if (page == 'meta-activity-define') {
-    import('./pages/activity/meta-activity-define-page')
-    return page
-  } else if (page == 'config-entity') {
-    import('./pages/entity/config-entity')
-    return page
-  } else if (page == 'work-code-page') {
-    import('./pages/work-code/work-code-page')
-    return page
-  } else if (page == 'button-role-page') {
-    import('./pages/button-role/button-role-page')
-    return page
-  } else if (page == 'loading-page') {
-    import('./pages/loading-page')
-    return page
-  } else {
-    let storage = store.getState()
-
-    if (storage && storage.app && storage.app.modules) {
-      let modules = storage.app.modules
-      let metaUiMod = modules.find(m => {
-        return m.name == '@things-factory/meta-ui'
-      })
-
-      if (metaUiMod && metaUiMod.routes) {
-        let metaUiRoutes = metaUiMod.routes
-        let metaRoute = metaUiRoutes.find(mapping => mapping.page == page)
-
-        if (metaRoute) {
-          import(`${metaRoute.template}`)
-          return page
-        }
-      }
-    }
-
-    return ''
-  }
-}

package/client/dynamic-menus.ts

@@ -0,0 +1,28 @@
+import { auth } from '@things-factory/auth-base/dist-client/auth.js'
+
+import { MetaApi } from './utils/meta-api'
+
+type Route = {
+  id?: string
+  parent?: boolean
+  parent_id?: string | null
+  title?: string
+  tagname?: string
+  page?: string
+  template?: string
+  routing_type?: string
+}
+
+export const MENUS = new Promise<{
+  menus: any
+  routes: Route[]
+}>(resolve => {
+  auth.on('profile', async () => {
+    const menuRoutes: {
+      menus: any
+      routes: Route[]
+    } = await MetaApi.myDynamicMenus()
+
+    resolve(menuRoutes)
+  })
+})

package/client/{index.js → index.ts}

@@ -1,6 +1,3 @@
-import './viewparts/dynamic-menu-part'
-import './viewparts/dynamic-top-menu-bar'
-
 export * from './actions/main'
 
 /**  Utilities  **/
@@ -37,4 +34,4 @@ export * from './pages/meta-main-tab-element'
 
 /* Component */
 export * from './component/popup/file-upload-popup'
-export * from './component/popup/record-based-code-editor-popup'
+export * from './component/popup/record-based-code-editor-popup'

package/client/route.ts

@@ -0,0 +1,36 @@
+export default async function route(page, module) {
+  switch (page) {
+    case 'dynamic-menu':
+      import('./pages/menu/dynamic-menu')
+      return page
+
+    case 'config-terminology':
+      import('./pages/terms/config-terminology')
+      return page
+
+    case 'config-entity':
+      import('./pages/entity/config-entity')
+      return page
+
+    case 'work-code-page':
+      import('./pages/work-code/work-code-page')
+      return page
+
+    case 'meta-activity-list':
+      import('./pages/activity/meta-activity-list-page')
+      return page
+
+    case 'meta-activity-define':
+      import('./pages/activity/meta-activity-define-page')
+      return page
+
+    case 'button-role-page':
+      import('./pages/button-role/button-role-page')
+      return page
+
+    default:
+      if ((await module.routes).find(mapping => mapping.page == page)) {
+        return page
+      }
+  }
+}

package/client/tsconfig.json

@@ -0,0 +1,13 @@
+{
+  "extends": "../../tsconfig-base.json",
+  "compilerOptions": {
+    "experimentalDecorators": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "declaration": true,
+    "module": "esnext",
+    "outDir": "../dist-client",
+    "baseUrl": "./"
+  },
+  "include": ["./**/*"]
+}

package/client/utils/grist-default-value.js

@@ -1,6 +1,6 @@
-import moment from 'moment-timezone';
+import moment from 'moment-timezone'
 
-import { getValueGenerators, getValueGenerator, registerValueGenerator } from '@operato/data-grist'
+import { registerValueGenerator } from '@operato/time-calculator'
 
 /**
  * @description 그리드 기본 값에 대한 키 - 값 함수 등록
@@ -8,27 +8,27 @@ import { getValueGenerators, getValueGenerator, registerValueGenerator } from '@
  */
 export class GristDefaultValue {
   static async registry() {
-    registerValueGenerator('getTodayString', getTodayString);
+    registerValueGenerator('getTodayString', getTodayString)
   }
 }
 
 /**
  * @description 오늘 날짜 값을 리턴
  ********************************
- * @param {*} params 
+ * @param {*} params
  * @returns {String} 오늘 날짜 값
  */
-export const getTodayString = (params) => {
-  const todayMoment = moment();
-  const format = 'YYYY-MM-DD';
+export const getTodayString = params => {
+  const todayMoment = moment()
+  const format = 'YYYY-MM-DD'
 
-  if(params && params.calc) {
-    if(params.calc.includes('-')) {
-      let value = params.calc.replace('-', '');
-      return todayMoment.subtract(value, 'day').startOf('day').format(format);
+  if (params && params.calc) {
+    if (params.calc.includes('-')) {
+      let value = params.calc.replace('-', '')
+      return todayMoment.subtract(value, 'day').startOf('day').format(format)
     } else {
-      let value = params.calc.replace('+', '');
-      return todayMoment.add(value, 'day').startOf('day').format(format);
+      let value = params.calc.replace('+', '')
+      return todayMoment.add(value, 'day').startOf('day').format(format)
     }
   }