@things-factory/lite-menu 8.0.0-beta.1 → 8.0.0-beta.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@things-factory/lite-menu",
-  "version": "8.0.0-beta.1",
+  "version": "8.0.0-beta.4",
   "main": "dist-server/index.js",
   "browser": "dist-client/index.js",
   "things-factory": true,
@@ -40,14 +40,14 @@
     "@operato/shell": "^8.0.0-beta",
     "@operato/styles": "^8.0.0-beta",
     "@operato/utils": "^8.0.0-beta",
-    "@things-factory/apptool-base": "^8.0.0-beta.1",
-    "@things-factory/auth-base": "^8.0.0-beta.1",
-    "@things-factory/board-service": "^8.0.0-beta.1",
-    "@things-factory/board-ui": "^8.0.0-beta.1",
-    "@things-factory/more-base": "^8.0.0-beta.1",
-    "@things-factory/personalization": "^8.0.0-beta.1",
-    "@things-factory/setting-base": "^8.0.0-beta.1",
-    "@things-factory/utils": "^8.0.0-beta.1"
+    "@things-factory/apptool-base": "^8.0.0-beta.4",
+    "@things-factory/auth-base": "^8.0.0-beta.4",
+    "@things-factory/board-service": "^8.0.0-beta.4",
+    "@things-factory/board-ui": "^8.0.0-beta.4",
+    "@things-factory/more-base": "^8.0.0-beta.4",
+    "@things-factory/personalization": "^8.0.0-beta.4",
+    "@things-factory/setting-base": "^8.0.0-beta.4",
+    "@things-factory/utils": "^8.0.0-beta.4"
   },
-  "gitHead": "36c494e587640c1490318ef7b95adab02606e0c2"
+  "gitHead": "d83d12ed4ba07177dff1dac26e37be347d156b43"
 }

package/client/actions/lite-menu.ts

@@ -1,146 +0,0 @@
-import '@material/web/icon/icon.js'
-import '@operato/menu/ox-menu-part.js'
-
-import gql from 'graphql-tag'
-import { html } from 'lit'
-
-import { store, InheritedValueType, clientSettingStore } from '@operato/shell'
-import { client } from '@operato/graphql'
-import { appendViewpart, toggleOverlay, TOOL_POSITION, VIEWPART_POSITION } from '@operato/layout'
-import { isMobileDevice } from '@operato/utils'
-
-import { APPEND_APP_TOOL, REMOVE_APP_TOOL } from '@things-factory/apptool-base/client'
-
-export const UPDATE_ADDON_MENUS = 'UPDATE_ADDON_MENUS'
-export const UPDATE_MENU_TEMPLATE = 'UPDATE_MENU_TEMPLATE'
-
-var HAMBURGER
-
-export async function setupMenuPart(options) {
-  var {
-    hovering = isMobileDevice() ? true : false,
-    slotTemplate,
-    portraitSlotTemplate,
-    landscapeSlotTemplate,
-    position = VIEWPART_POSITION.NAVBAR
-  } = options || {}
-
-  const { hovering: hoveringSetting } = (await clientSettingStore.get('lite-menu'))?.value || {}
-  if (hoveringSetting !== undefined) {
-    hovering = hoveringSetting
-  }
-
-  const orientation = position == VIEWPART_POSITION.HEADERBAR ? 'landscape' : 'portrait'
-  const orientatedSlotTemplate =
-    (orientation == 'landscape' ? landscapeSlotTemplate : portraitSlotTemplate) || slotTemplate || html``
-
-  appendViewpart({
-    name: 'ox-menu-part',
-    viewpart: {
-      show: !hovering,
-      resizable: true,
-      hovering: isMobileDevice() ? true : hovering,
-      template: html` <ox-menu-part .orientation=${orientation}>${orientatedSlotTemplate}</ox-menu-part> `
-    },
-    position
-  })
-
-  // hovering이 true거나 모바일 일때는 계속 햄버거 버튼 표시
-  if ((hovering || isMobileDevice()) && orientation == 'portrait') {
-    if (!HAMBURGER) {
-      HAMBURGER = {
-        name: 'hamburger',
-        template: html`
-          <md-icon
-            @click=${e =>
-              toggleOverlay('ox-menu-part', {
-                backdrop: true
-              })}
-            >view_headline</md-icon
-          >
-        `,
-        position: TOOL_POSITION.FRONT_END
-      }
-
-      store.dispatch({
-        /* incase of mobile : add hamburger tool */
-        type: APPEND_APP_TOOL,
-        tool: HAMBURGER
-      })
-    }
-  } else {
-    if (HAMBURGER) {
-      store.dispatch({
-        type: REMOVE_APP_TOOL,
-        name: 'hamburger'
-      })
-
-      HAMBURGER = null
-    }
-  }
-}
-
-export async function updateMenuTemplate(template) {
-  await fetchAddonMenus()
-
-  store.dispatch({
-    type: UPDATE_MENU_TEMPLATE,
-    template
-  })
-}
-
-export async function fetchAddonMenus() {
-  var applicationName = (document.querySelector('meta[name="application-name"]') as HTMLMetaElement)?.content
-
-  var liteMenus = (
-    await client.query({
-      query: gql`
-        query ($filters: [Filter!], $inherited: InheritedValueType) {
-          liteMenus: myLiteMenus(filters: $filters, inherited: $inherited) {
-            items {
-              id
-              name
-              label
-              description
-              appName
-              parent
-              rank
-              active
-              type
-              value
-              icon
-              help
-            }
-            total
-          }
-        }
-      `,
-      variables: {
-        filters: [
-          {
-            name: 'active',
-            operator: 'eq',
-            value: true
-          },
-          {
-            name: 'appName',
-            operator: 'in',
-            value: ['', applicationName]
-          }
-        ],
-        sortings: [
-          {
-            name: 'rank',
-            desc: false
-          }
-        ],
-        inherited: InheritedValueType.Include
-      }
-    })
-  ).data.liteMenus.items
-
-  store.dispatch({
-    type: UPDATE_ADDON_MENUS,
-    addon: liteMenus.filter(menu => !menu.appName || menu.appName === applicationName)
-  })
-}

package/client/bootstrap.ts

@@ -1,16 +0,0 @@
-import '@material/web/icon/icon.js'
-import '@operato/i18n/ox-i18n.js'
-import './route'
-
-import { store } from '@operato/shell'
-
-import { registerEditor as registerGristEditor } from '@operato/data-grist'
-import { OxGristEditorI18nLabel } from '@operato/grist-editor/ox-grist-editor-i18n-label.js'
-
-import liteMenu from './reducers/lite-menu'
-
-export default function bootstrap() {
-  registerGristEditor('i18n-label', OxGristEditorI18nLabel)
-
-  store.addReducers({ liteMenu })
-}

package/client/index.ts

@@ -1,2 +0,0 @@
-export * from './actions/lite-menu'
-export * from './lite-menu-setting-let'

package/client/lite-menu-setting-let.ts

@@ -1,86 +0,0 @@
-import '@operato/i18n/ox-i18n.js'
-import '@material/web/checkbox/checkbox.js'
-
-import { css, html, LitElement } from 'lit'
-import { customElement, query, property, state } from 'lit/decorators.js'
-
-import { clientSettingStore } from '@operato/shell'
-import { i18next, localize } from '@operato/i18n'
-
-import { setupMenuPart } from './actions/lite-menu'
-
-@customElement('lite-menu-setting-let')
-export class LiteMenuSettingLet extends localize(i18next)(LitElement) {
-  static styles = [
-    css`
-      label {
-        display: flex;
-        gap: 10px;
-        align-items: center;
-
-        font: var(--label-font);
-        color: var(--md-sys-color-on-primary-container);
-        text-transform: var(--label-text-transform);
-      }
-    `
-  ]
-
-  @property({ type: Boolean }) hovering?: boolean
-
-  render() {
-    const checked = this.hovering === true
-    const indeterminate = this.hovering === undefined
-
-    return html`
-      <setting-let>
-        <ox-i18n slot="title" msgid="title.lite-menu-setting"></ox-i18n>
-
-        <div slot="content">
-          <label>
-            <md-checkbox
-              id="hovering"
-              @change=${e => this.onChange(e)}
-              ?checked=${checked}
-              ?indeterminate=${indeterminate}
-            ></md-checkbox>
-            hovering
-          </label>
-        </div>
-      </setting-let>
-    `
-  }
-
-  async firstUpdated() {
-    this.hovering = ((await clientSettingStore.get('lite-menu'))?.value || {}).hovering
-  }
-
-  async onChange(e: Event) {
-    if (this.hovering === true) {
-      this.hovering = false
-    } else if (this.hovering === false) {
-      this.hovering = undefined
-    } else {
-      this.hovering = true
-    }
-
-    const { hovering: valueFromStore } = (await clientSettingStore.get('lite-menu'))?.value || {}
-    if (this.hovering === valueFromStore) {
-      return
-    }
-
-    try {
-      await clientSettingStore.put({
-        key: 'lite-menu',
-        value: {
-          hovering: this.hovering
-        }
-      })
-    } catch (e) {
-      console.error(e)
-    }
-
-    setupMenuPart({
-      hovering: this.hovering
-    })
-  }
-}

package/client/pages/addon-menu-setting.ts

@@ -1,558 +0,0 @@
-import '@operato/data-grist/ox-grist.js'
-import '@operato/data-grist/ox-filters-form.js'
-import '@operato/data-grist/ox-sorters-control.js'
-import '@operato/data-grist/ox-record-creator.js'
-import '@operato/popup/ox-popup.js'
-import '@operato/context/ox-context-page-toolbar.js'
-
-import gql from 'graphql-tag'
-import { css, html } from 'lit'
-import { customElement, property, query, state } from 'lit/decorators.js'
-import { connect } from 'pwa-helpers/connect-mixin.js'
-
-import { DataGrist, FetchOption, getEditor, getRenderer } from '@operato/data-grist'
-import { client } from '@operato/graphql'
-import { i18next, localize } from '@operato/i18n'
-import { PageView, store } from '@operato/shell'
-import { CommonGristStyles, ScrollbarStyles, CommonHeaderStyles } from '@operato/styles'
-import { isMobileDevice } from '@operato/utils'
-
-import { getLanguages } from '@things-factory/auth-base/dist-client'
-import { p13n } from '@operato/p13n'
-
-import { fetchAddonMenus } from '../actions/lite-menu'
-
-const applicationName = (document.querySelector('meta[name="application-name"]') as HTMLMetaElement)?.content
-
-@customElement('addon-menu-setting')
-class AddonMenuSetting extends connect(store)(p13n(localize(i18next)(PageView))) {
-  static styles = [
-    ScrollbarStyles,
-    CommonGristStyles,
-    CommonHeaderStyles,
-    css`
-      :host {
-        display: flex;
-        overflow-x: hidden;
-        flex-direction: column;
-
-        width: 100%;
-      }
-
-      .header {
-        grid-template-areas: 'filters actions';
-      }
-
-      ox-grist {
-        overflow-y: auto;
-        flex: 1;
-      }
-    `
-  ]
-
-  @state() config: any
-  @state() mode: 'CARD' | 'GRID' | 'LIST' = isMobileDevice() ? 'CARD' : 'GRID'
-
-  @state() menus: any[] = []
-
-  @query('ox-grist') private grist!: DataGrist
-
-  get context() {
-    return {
-      title: i18next.t('text.addon-menu management'),
-      search: {
-        handler: (search: string) => {
-          this.grist.searchText = search
-        },
-        value: this.grist?.searchText || ''
-      },
-      filter: {
-        handler: () => {
-          this.grist.toggleHeadroom()
-        }
-      },
-      actions: [
-        {
-          title: i18next.t('button.refresh'),
-          action: () => {
-            this.onReload()
-          },
-          icon: 'refresh'
-        },
-        {
-          title: i18next.t('button.delete'),
-          action: () => {
-            this.onDelete()
-          },
-          icon: 'delete',
-          emphasis: {
-            danger: true
-          }
-        },
-        {
-          title: i18next.t('button.save'),
-          action: () => {
-            this.onCommit()
-          },
-          icon: 'save'
-        }
-      ],
-      exportable: {
-        accept: ['json'],
-        name: 'lite-menu-list',
-        data: () => {
-          return this.grist.data
-        }
-      },
-      toolbar: false
-    }
-  }
-
-  render() {
-    return html`
-      <ox-grist
-        .mode=${this.mode}
-        .config=${this.config}
-        .fetchHandler=${this.fetchHandler}
-        .personalConfigProvider=${this.getPagePreferenceProvider('ox-grist')!}
-      >
-        <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-personalizer slot="setting"></ox-grist-personalizer>
-      </ox-grist>
-    `
-  }
-
-  stateChanged(state) {
-    this.menus = state.liteMenu?.menus
-  }
-
-  async onCommit() {
-    var grist = this.grist
-
-    var modifiedList = grist.dirtyRecords.filter(record => record['__dirty__'] == 'M')
-    var addedList = grist.dirtyRecords.filter(record => record['__dirty__'] == '+')
-
-    await Promise.all(
-      modifiedList.map(async record => {
-        var id = record.__origin__.id
-        var patch = {
-          name: record.name,
-          description: record.description,
-          appName: record.appName,
-          parent: record.parent,
-          rank: record.rank,
-          active: record.active,
-          role: record.role,
-          labels: record.labels,
-          type: record.type,
-          value: record.value,
-          icon: record.icon,
-          help: record.help
-        }
-
-        if (record.type == 'group') {
-          patch = {
-            ...patch,
-            parent: ''
-          }
-        }
-
-        return await client.mutate({
-          mutation: gql`
-            mutation ($id: String!, $patch: LiteMenuPatch!) {
-              updateLiteMenu(id: $id, patch: $patch) {
-                id
-                name
-              }
-            }
-          `,
-          variables: {
-            id,
-            patch: patch
-          }
-        })
-      })
-    )
-
-    await Promise.all(
-      addedList.map(async record => {
-        var liteMenu = {
-          name: record.name,
-          description: record.description,
-          appName: record.appName,
-          parent: record.parent,
-          rank: record.rank,
-          active: record.active,
-          role: record.role,
-          type: record.type,
-          value: record.value,
-          icon: record.icon,
-          help: record.help
-        }
-
-        return await client.mutate({
-          mutation: gql`
-            mutation ($liteMenu: NewLiteMenu!) {
-              createLiteMenu(liteMenu: $liteMenu) {
-                id
-                name
-              }
-            }
-          `,
-          variables: {
-            liteMenu
-          }
-        })
-      })
-    )
-
-    grist.fetch()
-    fetchAddonMenus() /* update menu-system */
-  }
-
-  onReload() {
-    this.grist.fetch()
-  }
-
-  async onDelete() {
-    var grist = this.grist
-
-    var deletedList = grist.selected
-
-    await Promise.all(
-      deletedList.map(async record => {
-        var id = record.id
-
-        return await client.mutate({
-          mutation: gql`
-            mutation ($id: String!) {
-              deleteLiteMenu(id: $id)
-            }
-          `,
-          variables: {
-            id
-          }
-        })
-      })
-    )
-
-    grist.fetch()
-    fetchAddonMenus() /* update menu-system */
-  }
-
-  async pageInitialized(lifecycle) {
-    this.config = {
-      list: {
-        thumbnail: 'value',
-        fields: ['name', 'description'],
-        details: ['type', 'parent', 'rank', 'updatedAt']
-      },
-      columns: [
-        {
-          type: 'gutter',
-          gutterName: 'dirty',
-          fixed: true
-        },
-        {
-          type: 'gutter',
-          gutterName: 'sequence',
-          fixed: true
-        },
-        {
-          type: 'gutter',
-          gutterName: 'row-selector',
-          multiple: true,
-          fixed: true
-        },
-        {
-          type: 'string',
-          name: 'id',
-          hidden: true
-        },
-        {
-          type: 'string',
-          name: 'name',
-          header: i18next.t('field.name'),
-          fixed: true,
-          record: {
-            editable: true
-          },
-          filter: 'search',
-          sortable: true,
-          width: 120
-        },
-        {
-          type: 'i18n-label',
-          name: 'labels',
-          record: {
-            align: 'left',
-            editable: true,
-            renderer: (value, column, record, rowIndex, field) =>
-              html`<span>${value && typeof value == 'object' ? value[i18next.language] : record['name']}</span>`,
-            options: {
-              objectified: true,
-              languages: await getLanguages(),
-              displayColumn: 'label'
-            }
-          },
-          header: i18next.t('field.i18n-label'),
-          sortable: true,
-          filter: 'search',
-          width: 120
-        },
-        {
-          type: 'string',
-          name: 'description',
-          header: i18next.t('field.description'),
-          record: {
-            align: 'left',
-            editable: true
-          },
-          filter: 'search',
-          width: 200
-        },
-        {
-          type: 'select',
-          name: 'appName',
-          header: i18next.t('field.app-name'),
-          label: true,
-          record: {
-            align: 'left',
-            editable: true,
-            options: ['', applicationName]
-          },
-          filter: {
-            options: ['', applicationName],
-            multiple: false,
-            operator: 'eq'
-          },
-          width: 200
-        },
-        {
-          type: 'select',
-          name: 'parent',
-          label: true,
-          header: i18next.t('field.parent-menu'),
-          record: {
-            editable: true,
-            options: () => {
-              const menus = this.menus.filter(menu => menu.type !== 'group')
-              return ['', ...menus.map(menu => menu.name)]
-            }
-          },
-          sortable: true,
-          width: 120
-        },
-        {
-          type: 'number',
-          name: 'rank',
-          label: true,
-          header: i18next.t('field.rank'),
-          record: {
-            align: 'right',
-            editable: true
-          },
-          sortable: true,
-          width: 60
-        },
-        {
-          type: 'select',
-          name: 'type',
-          label: true,
-          header: i18next.t('field.type'),
-          record: {
-            editable: true,
-            options: ['', 'group', 'page', 'board', 'interactive-board']
-          },
-          filter: {
-            options: ['', 'group', 'page', 'board', 'interactive-board'],
-            multiple: false,
-            operator: 'eq'
-          },
-          width: 80
-        },
-        {
-          type: 'string',
-          name: 'value',
-          header: i18next.t('field.value'),
-          record: {
-            editable: true,
-            editor: function (value, column, record, rowIndex, field) {
-              var type = record.type !== 'board' && record.type !== 'interactive-board' ? 'string' : 'board'
-              return getEditor(type)(value, column, record, rowIndex, field)
-            },
-            renderer: function (value, column, record, rowIndex, field) {
-              var type = record.type !== 'board' && record.type !== 'interactive-board' ? 'string' : 'board'
-              return getRenderer(type)(value, column, record, rowIndex, field)
-            }
-          },
-          width: 140
-        },
-        {
-          type: 'string',
-          name: 'icon',
-          header: i18next.t('field.icon'),
-          record: {
-            editable: true
-          },
-          sortable: false,
-          width: 120
-        },
-        {
-          type: 'boolean',
-          name: 'active',
-          label: true,
-          header: i18next.t('field.active'),
-          record: {
-            editable: true
-          },
-          filter: true,
-          sortable: true,
-          width: 60
-        },
-        {
-          type: 'string',
-          name: 'help',
-          label: true,
-          header: i18next.t('field.help'),
-          record: {
-            editable: true
-          },
-          width: 200
-        },
-        {
-          type: 'resource-object',
-          name: 'role',
-          label: true,
-          header: i18next.t('field.required role'),
-          record: {
-            editable: true,
-            options: {
-              title: i18next.t('title.lookup role'),
-              queryName: 'roles'
-            }
-          },
-          width: 200
-        },
-        {
-          type: 'datetime',
-          name: 'updatedAt',
-          header: i18next.t('field.updated_at'),
-          width: 180
-        },
-        {
-          type: 'datetime',
-          name: 'createdAt',
-          header: i18next.t('field.created_at'),
-          width: 180
-        }
-      ],
-      rows: {
-        selectable: {
-          multiple: true
-        },
-        handlers: {
-          click: 'select-row-toggle'
-        }
-      },
-      sorters: [
-        {
-          name: 'parent',
-          desc: false
-        },
-        {
-          name: 'rank',
-          desc: false
-        }
-      ],
-      pagination: {
-        pages: [20, 30, 50, 100, 200]
-      }
-    }
-  }
-
-  async pageUpdated(changes, lifecycle) {
-    if (this.active) {
-      await this.updateComplete
-
-      this.grist.fetch()
-    }
-  }
-
-  async fetchHandler({ filters = [], page, limit, sortings = [] }: FetchOption) {
-    const response = (
-      await client.query({
-        query: gql`
-          query ($filters: [Filter!], $pagination: Pagination, $sortings: [Sorting!]) {
-            responses: liteMenus(filters: $filters, pagination: $pagination, sortings: $sortings) {
-              items {
-                id
-                name
-                label
-                description
-                help
-                appName
-                parent
-                rank
-                type
-                value
-                board {
-                  id
-                  name
-                  description
-                  thumbnail
-                }
-                icon
-                active
-                role {
-                  id
-                  name
-                  description
-                }
-                labels
-                createdAt
-                updatedAt
-                creator {
-                  id
-                  name
-                }
-                updater {
-                  id
-                  name
-                }
-              }
-              total
-            }
-          }
-        `,
-        variables: {
-          filters: [
-            ...filters,
-            {
-              name: 'appName',
-              operator: 'in',
-              value: ['', applicationName]
-            }
-          ],
-          pagination: { page, limit },
-          sortings
-        }
-      })
-    ).data.responses
-
-    return {
-      records: response.items,
-      total: response.total
-    }
-  }
-
-  liteMenuCreationCallback(liteMenu) {
-    console.warn('not implemented yet.')
-  }
-}

package/client/reducers/lite-menu.ts

@@ -1,83 +0,0 @@
-import cloneDeep from 'lodash-es/cloneDeep'
-
-const INITIAL_STATE = {
-  template: [],
-  addon: [],
-  menus: []
-}
-
-function buildMenus(template, addon) {
-  var menus = cloneDeep(template || [])
-  addon = addon || []
-
-  /* make group by parent */
-  const groups =
-    addon
-      .filter(menu => menu.active)
-      .sort((menu1, menu2) => (menu1.parent || '').localeCompare(menu2.parent || '') || menu1.rank - menu2.rank)
-      .reduce((arr, menu) => {
-        let lastparent = arr.length > 0 && arr[arr.length - 1][0].parent
-
-        if (!lastparent || lastparent !== menu.parent) {
-          arr.push([menu])
-        } else {
-          arr[arr.length - 1].push(menu)
-        }
-
-        return arr
-      }, []) || []
-
-  /* iterate group to put menu into parent menu */
-  groups.forEach(group => {
-    group.forEach(menu => {
-      const { parent, name, rank, label, type, value, icon, help } = menu
-
-      const parentMenu = parent && menus.find(m => m.name === parent)
-      if (parentMenu && !parentMenu.menus) {
-        parentMenu.menus = []
-      }
-      const children = parentMenu ? parentMenu.menus : menus
-      children.push({
-        name,
-        label,
-        rank,
-        type,
-        path:
-          type === 'page'
-            ? value
-            : type === 'board'
-              ? `board-viewer/${value ?? ''}?title=${label || name}${help ? '&help=' + help : ''}`
-              : type === 'interactive-board'
-                ? `board-viewer/${value ?? ''}?interactive=true&title=${label || name}${help ? '&help=' + help : ''}`
-                : '',
-        icon: icon || (type === 'page' ? 'menu' : type === 'board' || type === 'interactive-board' ? 'dashboard' : ''),
-        help
-      })
-    })
-  })
-
-  return menus
-}
-
-const liteMenu = (state = INITIAL_STATE, action) => {
-  switch (action.type) {
-    case 'UPDATE_MENU_TEMPLATE':
-      return {
-        ...state,
-        template: action.template,
-        menus: buildMenus(action.template, state.addon)
-      }
-
-    case 'UPDATE_ADDON_MENUS':
-      return {
-        ...state,
-        addon: action.addon,
-        menus: buildMenus(state.template, action.addon)
-      }
-
-    default:
-      return state
-  }
-}
-
-export default liteMenu

package/client/route.ts

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

package/client/tsconfig.json

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

package/server/index.ts

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

package/server/service/index.ts

@@ -1,18 +0,0 @@
-/* EXPORT ENTITY TYPES */
-export * from './lite-menu/lite-menu'
-
-/* IMPORT ENTITIES AND RESOLVERS */
-import { entities as LiteMenuEntities, resolvers as LiteMenuResolvers } from './lite-menu'
-
-export const entities = [  
-  /* ENTITIES */
-	...LiteMenuEntities,
-] 
-
-
-export const schema = {
-  resolverClasses: [
-    /* RESOLVER CLASSES */
-		...LiteMenuResolvers,
-  ] 
-}

package/server/service/lite-menu/index.ts

@@ -1,6 +0,0 @@
-import { LiteMenu } from './lite-menu'
-import { LiteMenuQuery } from './lite-menu-query'
-import { LiteMenuMutation } from './lite-menu-mutation'
-
-export const entities = [LiteMenu]
-export const resolvers = [LiteMenuQuery, LiteMenuMutation]

package/server/service/lite-menu/lite-menu-mutation.ts

@@ -1,54 +0,0 @@
-import { Arg, Ctx, Directive, Mutation, Resolver } from 'type-graphql'
-
-import { getRepository } from '@things-factory/shell'
-
-import { LiteMenu } from './lite-menu'
-import { LiteMenuPatch, NewLiteMenu } from './lite-menu-type'
-
-@Resolver(LiteMenu)
-export class LiteMenuMutation {
-  @Directive('@privilege(category: "menu", privilege: "mutation", domainOwnerGranted: true)')
-  @Mutation(returns => LiteMenu, { description: 'To create new LiteMenu' })
-  async createLiteMenu(@Arg('liteMenu') liteMenu: NewLiteMenu, @Ctx() context: ResolverContext): Promise<LiteMenu> {
-    const { domain, user } = context.state
-
-    return await getRepository(LiteMenu).save({
-      domain,
-      creator: user,
-      updater: user,
-      ...liteMenu
-    })
-  }
-
-  @Directive('@privilege(category: "menu", privilege: "mutation", domainOwnerGranted: true)')
-  @Mutation(returns => LiteMenu, { description: 'To modify LiteMenu information' })
-  async updateLiteMenu(
-    @Arg('id') id: string,
-    @Arg('patch') patch: LiteMenuPatch,
-    @Ctx() context: ResolverContext
-  ): Promise<LiteMenu> {
-    const { domain, user } = context.state
-
-    const repository = getRepository(LiteMenu)
-    const liteMenu = await repository.findOne({
-      where: { domain: { id: domain.id }, id }
-    })
-
-    return await repository.save({
-      domain,
-      creater: user,
-      ...liteMenu,
-      ...patch,
-      updater: user
-    })
-  }
-
-  @Directive('@privilege(category: "menu", privilege: "mutation", domainOwnerGranted: true)')
-  @Mutation(returns => Boolean, { description: 'To delete LiteMenu' })
-  async deleteLiteMenu(@Arg('id') id: string, @Ctx() context: ResolverContext): Promise<boolean> {
-    const { domain } = context.state
-
-    await getRepository(LiteMenu).delete({ domain: { id: domain.id }, id })
-    return true
-  }
-}

package/server/service/lite-menu/lite-menu-query.ts

@@ -1,110 +0,0 @@
-import { In, Brackets } from 'typeorm'
-import { Arg, Args, Ctx, FieldResolver, Query, Resolver, Root } from 'type-graphql'
-
-import { Domain, getQueryBuilderFromListParams, getRepository, ListParam } from '@things-factory/shell'
-import { User, Role } from '@things-factory/auth-base'
-import { Board } from '@things-factory/board-service'
-
-import { LiteMenu } from './lite-menu'
-import { LiteMenuList } from './lite-menu-type'
-
-@Resolver(LiteMenu)
-export class LiteMenuQuery {
-  @Query(returns => LiteMenu, { description: 'To fetch a LiteMenu' })
-  async liteMenu(@Arg('id') id: string, @Ctx() context: ResolverContext): Promise<LiteMenu> {
-    const { domain } = context.state
-    const repository = getRepository(LiteMenu)
-
-    var liteMenu: any = repository.findOne({
-      where: { domain: { id: In([domain.id, domain.parentId].filter(Boolean)) }, id },
-      relations: ['domain', 'creator', 'updater']
-    })
-
-    return liteMenu
-  }
-
-  @Query(returns => LiteMenuList, { description: 'To fetch multiple LiteMenus' })
-  async liteMenus(@Args(type => ListParam) params: ListParam, @Ctx() context: ResolverContext): Promise<LiteMenuList> {
-    const { domain } = context.state
-
-    const queryBuilder = getQueryBuilderFromListParams({
-      repository: getRepository(LiteMenu),
-      params,
-      domain,
-      searchables: ['name', 'description']
-    })
-    var [items, total] = await queryBuilder.getManyAndCount()
-
-    return { items, total }
-  }
-
-  @Query(returns => LiteMenuList, { description: 'To fetch my own LiteMenus' })
-  async myLiteMenus(
-    @Args(type => ListParam) params: ListParam,
-    @Ctx() context: ResolverContext
-  ): Promise<LiteMenuList> {
-    const { domain, user } = context.state
-
-    const me = await getRepository(User).findOne({
-      where: { id: user.id },
-      relations: ['roles']
-    })
-
-    const roles = me.roles
-      .filter(role => role.domainId === domain.id || (domain.parentId && role.domainId === domain.parentId))
-      .map(role => role.id)
-
-    const [items, total] = await getQueryBuilderFromListParams({
-      repository: getRepository(LiteMenu),
-      params,
-      domain,
-      alias: 'menu',
-      searchables: ['name', 'description']
-    })
-      .andWhere('menu.active = :active', { active: true })
-      .andWhere(
-        new Brackets(qb => {
-          qb.where('menu.role IN (:...roles)').orWhere('menu.role is null')
-        })
-      )
-      .setParameter('roles', roles)
-      .getManyAndCount()
-
-    return { items, total }
-  }
-
-  @FieldResolver(type => String)
-  async label(@Root() liteMenu: LiteMenu, @Ctx() context: ResolverContext): Promise<String> {
-    const { lng } = context.state
-    const { labels, name } = liteMenu
-
-    return (lng && labels && labels[lng]) || name
-  }
-
-  @FieldResolver(type => Board)
-  async board(@Root() liteMenu: LiteMenu) {
-    if ((liteMenu.type === 'board' || liteMenu.type === 'interactive-board') && liteMenu.value) {
-      return await getRepository(Board).findOneBy({ id: liteMenu.value })
-    }
-  }
-
-  @FieldResolver(type => Role)
-  async role(@Root() liteMenu: LiteMenu) {
-    return liteMenu.roleId && (await getRepository(Role).findOneBy({ id: liteMenu.roleId }))
-  }
-
-  @FieldResolver(type => Domain)
-  async domain(@Root() liteMenu: LiteMenu) {
-    return liteMenu.domainId && (await getRepository(Domain).findOneBy({ id: liteMenu.domainId }))
-  }
-
-  @FieldResolver(type => User)
-  async updater(@Root() liteMenu: LiteMenu): Promise<User> {
-    return liteMenu.updaterId && (await getRepository(User).findOneBy({ id: liteMenu.updaterId }))
-  }
-
-  @FieldResolver(type => User)
-  async creator(@Root() liteMenu: LiteMenu): Promise<User> {
-    return liteMenu.creatorId && (await getRepository(User).findOneBy({ id: liteMenu.creatorId }))
-  }
-}

package/server/service/lite-menu/lite-menu-type.ts

@@ -1,92 +0,0 @@
-import { Field, InputType, Int, ObjectType } from 'type-graphql'
-
-import { ScalarObject, ObjectRef } from '@things-factory/shell'
-
-import { LiteMenu } from './lite-menu'
-
-@InputType()
-export class NewLiteMenu {
-  @Field()
-  name: string
-
-  @Field({ nullable: true })
-  description?: string
-
-  @Field({ nullable: true })
-  appName?: string
-
-  @Field({ nullable: true })
-  parent?: string
-
-  @Field(type => Int, { nullable: true })
-  rank?: number
-
-  @Field({ nullable: true })
-  type?: string
-
-  @Field({ nullable: true })
-  icon?: string
-
-  @Field({ nullable: true })
-  value?: string
-
-  @Field({ nullable: true })
-  active?: boolean
-
-  @Field(type => ObjectRef, { nullable: true })
-  role?: ObjectRef
-
-  @Field(type => ScalarObject, { nullable: true })
-  labels?: any // { [lng: string]: string }
-
-  @Field({ nullable: true })
-  help?: string
-}
-
-@InputType()
-export class LiteMenuPatch {
-  @Field({ nullable: true })
-  name: string
-
-  @Field({ nullable: true })
-  description?: string
-
-  @Field({ nullable: true })
-  appName?: string
-
-  @Field({ nullable: true })
-  parent?: string
-
-  @Field(type => Int, { nullable: true })
-  rank?: number
-
-  @Field({ nullable: true })
-  type?: string
-
-  @Field({ nullable: true })
-  icon?: string
-
-  @Field({ nullable: true })
-  value?: string
-
-  @Field({ nullable: true })
-  active?: boolean
-
-  @Field(type => ObjectRef, { nullable: true })
-  role?: ObjectRef
-
-  @Field(type => ScalarObject, { nullable: true })
-  labels?: any // { [lng: string]: string }
-
-  @Field({ nullable: true })
-  help?: string
-}
-
-@ObjectType()
-export class LiteMenuList {
-  @Field(type => [LiteMenu])
-  items: LiteMenu[]
-
-  @Field(type => Int)
-  total: number
-}

package/server/service/lite-menu/lite-menu.ts

@@ -1,149 +0,0 @@
-import { Field, ID, Int, ObjectType } from 'type-graphql'
-import {
-  Column,
-  CreateDateColumn,
-  Entity,
-  Index,
-  ManyToOne,
-  PrimaryGeneratedColumn,
-  RelationId,
-  UpdateDateColumn
-} from 'typeorm'
-
-import { User, Role } from '@things-factory/auth-base'
-import { Board } from '@things-factory/board-service'
-import { Domain, ScalarObject } from '@things-factory/shell'
-import { config } from '@things-factory/env'
-
-const ORMCONFIG = config.get('ormconfig', {})
-const DATABASE_TYPE = ORMCONFIG.type
-
-@Entity()
-@Index('ix_lite_menus_0', (liteMenu: LiteMenu) => [liteMenu.domain, liteMenu.name, liteMenu.type, liteMenu.appName], {
-  unique: true
-})
-@Index('ix_lite_menus_1', (liteMenu: LiteMenu) => [liteMenu.domain, liteMenu.appName, liteMenu.parent, liteMenu.rank], {
-  unique: true
-})
-@ObjectType({ description: 'Entity for LiteMenu' })
-export class LiteMenu {
-  @PrimaryGeneratedColumn('uuid')
-  @Field(type => ID)
-  readonly id: string
-
-  @ManyToOne(type => Domain)
-  @Field(type => Domain)
-  domain?: Domain
-
-  @RelationId((liteMenu: LiteMenu) => liteMenu.domain)
-  domainId?: string
-
-  @Column()
-  @Field()
-  name: string
-
-  @Column({
-    nullable: true
-  })
-  @Field({ nullable: true })
-  description?: string
-
-  @Column({
-    nullable: true,
-    default: ''
-  })
-  @Field({ nullable: true })
-  appName?: string
-
-  @Column({
-    nullable: true,
-    default: ''
-  })
-  @Field({ nullable: true })
-  parent?: string
-
-  @Column({
-    nullable: true
-  })
-  @Field(type => Int, { nullable: true })
-  rank?: number
-
-  @Column({
-    nullable: true
-  })
-  @Field({ nullable: true })
-  type?: string
-
-  @Column({
-    nullable: true
-  })
-  @Field({ nullable: true })
-  value?: string
-
-  @Column({
-    nullable: true
-  })
-  @Field({ nullable: true })
-  icon?: string
-
-  @Column({
-    nullable: true
-  })
-  @Field({ nullable: true })
-  active?: boolean
-
-  @Field(type => Board, { nullable: true })
-  board?: Board
-
-  @ManyToOne(type => Role)
-  @Field(type => Role, { nullable: true })
-  role?: Role
-
-  @RelationId((liteMenu: LiteMenu) => liteMenu.role)
-  roleId?: string
-
-  @Column('simple-json', { nullable: true })
-  @Field(type => ScalarObject, { nullable: true, description: 'Settings for multilingual titles' })
-  labels?: any // { [lng: string]: string }
-
-  @Column({
-    nullable: true,
-    type:
-      DATABASE_TYPE == 'mysql' || DATABASE_TYPE == 'mariadb'
-        ? 'longtext'
-        : DATABASE_TYPE == 'oracle'
-          ? 'clob'
-          : DATABASE_TYPE == 'mssql'
-            ? 'nvarchar'
-            : 'varchar',
-    length: DATABASE_TYPE == 'mssql' ? 'MAX' : undefined
-  })
-  @Field({ nullable: true })
-  help?: string
-
-  @CreateDateColumn()
-  @Field({ nullable: true, description: 'Settings for help contents' })
-  createdAt?: Date
-
-  @UpdateDateColumn()
-  @Field({ nullable: true })
-  updatedAt?: Date
-
-  @ManyToOne(type => User, {
-    nullable: true
-  })
-  @Field(type => User, { nullable: true })
-  creator?: User
-
-  @RelationId((liteMenu: LiteMenu) => liteMenu.creator)
-  creatorId?: string
-
-  @ManyToOne(type => User, {
-    nullable: true
-  })
-  @Field(type => User, { nullable: true })
-  updater?: User
-
-  @RelationId((liteMenu: LiteMenu) => liteMenu.updater)
-  updaterId?: string
-}

package/server/tsconfig.json

@@ -1,10 +0,0 @@
-{
-  "extends": "../../tsconfig-base.json",
-  "compilerOptions": {
-    "strict": false,
-    "module": "commonjs",
-    "outDir": "../dist-server",
-    "baseUrl": "./"
-  },
-  "include": ["./**/*"]
-}