@things-factory/operato-codelingua 8.0.0-beta.0 → 8.0.0-beta.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@things-factory/operato-codelingua",
-  "version": "8.0.0-beta.0",
+  "version": "8.0.0-beta.2",
   "main": "dist-server/index.js",
   "browser": "dist-client/index.js",
   "things-factory": true,
@@ -62,32 +62,32 @@
     "@operato/scene-switch": "^8.0.0-beta",
     "@operato/scene-table": "^8.0.0-beta",
     "@operato/scene-timer": "^8.0.0-beta",
-    "@things-factory/api": "^8.0.0-beta.0",
-    "@things-factory/apptool-ui": "^8.0.0-beta.0",
-    "@things-factory/auth-ui": "^8.0.0-beta.0",
-    "@things-factory/board-service": "^8.0.0-beta.0",
-    "@things-factory/board-ui": "^8.0.0-beta.0",
-    "@things-factory/codelingua": "^8.0.0-beta.0",
-    "@things-factory/context-ui": "^8.0.0-beta.0",
-    "@things-factory/dashboard": "^8.0.0-beta.0",
-    "@things-factory/evaluation": "^8.0.0-beta.0",
-    "@things-factory/export-ui": "^8.0.0-beta.0",
-    "@things-factory/help": "^8.0.0-beta.0",
-    "@things-factory/i18n-base": "^8.0.0-beta.0",
-    "@things-factory/integration-ui": "^8.0.0-beta.0",
-    "@things-factory/lite-menu": "^8.0.0-beta.0",
-    "@things-factory/more-ui": "^8.0.0-beta.0",
-    "@things-factory/notification": "^8.0.0-beta.0",
-    "@things-factory/oauth2-client": "^8.0.0-beta.0",
-    "@things-factory/print-ui": "^8.0.0-beta.0",
-    "@things-factory/resource-ui": "^8.0.0-beta.0",
-    "@things-factory/setting-base": "^8.0.0-beta.0",
-    "@things-factory/setting-ui": "^8.0.0-beta.0",
-    "@things-factory/shell": "^8.0.0-beta.0",
-    "@things-factory/system": "^8.0.0-beta.0"
+    "@things-factory/api": "^8.0.0-beta.2",
+    "@things-factory/apptool-ui": "^8.0.0-beta.2",
+    "@things-factory/auth-ui": "^8.0.0-beta.2",
+    "@things-factory/board-service": "^8.0.0-beta.2",
+    "@things-factory/board-ui": "^8.0.0-beta.2",
+    "@things-factory/codelingua": "^8.0.0-beta.2",
+    "@things-factory/context-ui": "^8.0.0-beta.2",
+    "@things-factory/dashboard": "^8.0.0-beta.2",
+    "@things-factory/evaluation": "^8.0.0-beta.2",
+    "@things-factory/export-ui": "^8.0.0-beta.2",
+    "@things-factory/help": "^8.0.0-beta.2",
+    "@things-factory/i18n-base": "^8.0.0-beta.2",
+    "@things-factory/integration-ui": "^8.0.0-beta.2",
+    "@things-factory/lite-menu": "^8.0.0-beta.2",
+    "@things-factory/more-ui": "^8.0.0-beta.2",
+    "@things-factory/notification": "^8.0.0-beta.2",
+    "@things-factory/oauth2-client": "^8.0.0-beta.2",
+    "@things-factory/print-ui": "^8.0.0-beta.2",
+    "@things-factory/resource-ui": "^8.0.0-beta.2",
+    "@things-factory/setting-base": "^8.0.0-beta.2",
+    "@things-factory/setting-ui": "^8.0.0-beta.2",
+    "@things-factory/shell": "^8.0.0-beta.2",
+    "@things-factory/system": "^8.0.0-beta.2"
   },
   "devDependencies": {
-    "@things-factory/builder": "^8.0.0-beta.0"
+    "@things-factory/builder": "^8.0.0-beta.2"
   },
-  "gitHead": "add6fb8224b2cb19cbea47bed6a5ecb0424c9a28"
+  "gitHead": "f03431a09435511b2595515658f9cb8f78ba4ebb"
 }

package/client/bootstrap.ts

@@ -1,206 +0,0 @@
-import '@things-factory/board-ui/dist-client'
-import '@things-factory/notification/dist-client' /* for notification-badge */
-import '@things-factory/setting-ui/dist-client' /* for theme-mode-setting-let */
-import '@operato/i18n/ox-i18n.js'
-import '@things-factory/context-ui/dist-client/title-on-page-header-setting-let' /* for title-on-page-header-setting-let */
-
-import './viewparts/user-circle'
-import './viewparts/menu-tools'
-
-import { html } from 'lit'
-
-import { registerDefaultGroups } from '@operato/board/register-default-groups.js'
-import { appendViewpart, toggleOverlay, TOOL_POSITION, updateViewpart, VIEWPART_POSITION } from '@operato/layout'
-import { APPEND_APP_TOOL, REMOVE_APP_TOOL } from '@things-factory/apptool-base/client'
-import { setupAppToolPart } from '@things-factory/apptool-ui/dist-client'
-import { setAuthManagementMenus } from '@things-factory/auth-ui/dist-client'
-import { setupContextUIPart } from '@things-factory/context-ui/dist-client'
-import { ADD_MORENDA } from '@things-factory/more-base/client'
-import { ADD_SETTING } from '@things-factory/setting-base/dist-client'
-import { navigate, store } from '@operato/shell'
-
-console.log(
-  `%c
- ____           _         _     _                         
-/  __\\ ___   __| | __    | |   (_)_ __   __ _ _   _  __ _ 
-| |   / _ \\ / _\` |/ _ \\  | |   | | '_ \\ / _\` | | | |/ _\` |
-| |__| (_) | (_| |  __/  | |___| | | | | (_| | |_| | (_| |
-\\____/\\___/ \\__,_|\\___|  |_____|_|_| |_|\\__, |\\__,_|\\__,_|
-                                        |___/             
-`,
-  'background: #222; color: #bada55'
-)
-
-export default async function bootstrap() {
-  /* 
-  set board-modeller group and default templates - should be called befor BoardModeller open 
-  */
-  registerDefaultGroups()
-
-  await setupAppToolPart({
-    toolbar: true,
-    busybar: true,
-    mdibar: true
-  })
-
-  await setupContextUIPart({
-    titlebar: 'header',
-    contextToolbar: 'page-footer'
-  })
-
-  /* add setting morenda */
-  store.dispatch({
-    type: ADD_MORENDA,
-    morenda: {
-      icon: html` <md-icon>settings</md-icon> `,
-      name: html` <ox-i18n msgid="label.setting"></ox-i18n> `,
-      action: () => {
-        navigate('setting')
-      }
-    }
-  })
-
-  /* set auth management menus into more-panel */
-  setAuthManagementMenus()
-
-  store.dispatch({
-    type: ADD_MORENDA,
-    morenda: {
-      icon: html` <md-icon>help</md-icon> `,
-      name: html` <ox-i18n msgid="text.help"></ox-i18n> `,
-      action: () => {
-        navigate('help')
-      }
-    }
-  })
-
-  /* append viewpart anchor to asidebar */
-  appendViewpart({
-    name: 'asidebar-anchor',
-    viewpart: {
-      show: false,
-      hovering: 'edge',
-      backdrop: true
-    },
-    position: VIEWPART_POSITION.ASIDEBAR
-  })
-
-  /* append top-menu to layout */
-  var state = store.getState() as any
-  var width = state.layout?.width || 'WIDE'
-
-  if (width == 'WIDE') {
-    store.dispatch({
-      type: APPEND_APP_TOOL,
-      tool: {
-        name: 'app-brand',
-        template: html` <span style="font-size: 1.2em;">Code Lingua</span> `,
-        position: TOOL_POSITION.FRONT
-      }
-    })
-  }
-
-  appendViewpart({
-    name: 'codelingua-topmenu',
-    viewpart: {
-      show: true,
-      template: html` <menu-tools></menu-tools> `
-    },
-    position: width == 'WIDE' ? VIEWPART_POSITION.NAVBAR : VIEWPART_POSITION.FOOTERBAR
-  })
-
-  store.subscribe(async () => {
-    var state = store.getState() as any
-
-    if (state.layout.width == width) {
-      return
-    }
-
-    width = state.layout.width
-
-    store.dispatch({
-      type: width == 'WIDE' ? APPEND_APP_TOOL : REMOVE_APP_TOOL,
-      name: 'app-brand',
-      tool: {
-        name: 'app-brand',
-        template: html` <span style="font-size: 1.2em;">Code Lingua</span> `,
-        position: TOOL_POSITION.FRONT
-      }
-    })
-
-    updateViewpart('codelingua-topmenu', {
-      position: width == 'WIDE' ? VIEWPART_POSITION.NAVBAR : VIEWPART_POSITION.FOOTERBAR
-    })
-  })
-
-  /* setting app-tools */
-  store.dispatch({
-    type: APPEND_APP_TOOL,
-    tool: {
-      name: 'notification-badge',
-      template: html`
-        <notification-badge
-          @click=${e => {
-            toggleOverlay('notification', {
-              backdrop: true
-            })
-          }}
-        >
-        </notification-badge>
-      `,
-      position: TOOL_POSITION.REAR
-    }
-  })
-
-  appendViewpart({
-    name: 'notification',
-    viewpart: {
-      show: false,
-      hovering: 'edge',
-      template: html` <notification-list style="min-width: 300px;"></notification-list> `
-    },
-    position: VIEWPART_POSITION.ASIDEBAR
-  })
-
-  store.dispatch({
-    type: APPEND_APP_TOOL,
-    tool: {
-      name: 'user-circle',
-      template: html` <user-circle> </user-circle> `,
-      position: TOOL_POSITION.REAR
-    }
-  })
-
-  /* for settings */
-  store.dispatch({
-    type: ADD_SETTING,
-    setting: {
-      seq: 10,
-      template: html` <theme-mode-setting-let></theme-mode-setting-let> `
-    }
-  })
-
-  store.dispatch({
-    type: ADD_SETTING,
-    setting: {
-      seq: 20,
-      template: html` <infowindow-setting-let></infowindow-setting-let> `
-    }
-  })
-
-  store.dispatch({
-    type: ADD_SETTING,
-    setting: {
-      seq: 20,
-      template: html` <notification-setting-let></notification-setting-let> `
-    }
-  })
-
-  store.dispatch({
-    type: ADD_SETTING,
-    setting: {
-      seq: 22,
-      template: html` <title-on-page-header-setting-let></title-on-page-header-setting-let> `
-    }
-  })
-}

package/client/icons/menu-icons.ts

@@ -1,91 +0,0 @@
-const ICON_PROGRESS = `
-<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 40 40">
-  <defs>
-    <style>
-      .menu-svg {
-        fill: #fff;
-				stroke: {{strokecolor}};
-        stroke-width: 0px;
-      }
-    </style>
-  </defs>
-  
-    <path class="menu-svg" d="M31,36.5c-.2,0-.4,0-.6,0-.2,0-.3-.2-.5-.3l-8.3-8.3c-.2-.2-.3-.3-.3-.5,0-.2,0-.4,0-.6s0-.4,0-.6c0-.2.2-.3.3-.5l3.1-3.1c.2-.2.3-.3.5-.3.2,0,.4,0,.6,0s.4,0,.6,0c.2,0,.3.2.5.3l8.3,8.3c.2.2.3.3.3.5,0,.2,0,.4,0,.6s0,.4,0,.6c0,.2-.2.3-.3.5l-3.1,3.1c-.2.2-.3.3-.5.3-.2,0-.4,0-.6,0ZM31,33.6l1.8-1.8-6.9-6.9-1.8,1.8,6.9,6.9ZM8.9,36.5c-.2,0-.4,0-.6-.1-.2,0-.3-.2-.5-.3l-3.1-3.1c-.2-.2-.3-.3-.3-.5,0-.2-.1-.4-.1-.6s0-.4.1-.6c0-.2.2-.3.3-.5l8.6-8.6h3.5l1.3-1.3-6.9-6.9h-2.4l-4.6-4.6,4.1-4.1,4.6,4.6v2.4l6.9,6.9,4.9-4.9-2.4-2.4,2.1-2.1h-4.2l-.9-.9,5.3-5.3.9.9v4.2l2.1-2.1,6.2,6.2c.4.4.8.9,1,1.5.2.5.3,1.1.3,1.7s0,1-.3,1.5c-.2.5-.5.9-.8,1.4l-3.5-3.5-2.3,2.3-1.8-1.8-8,8v3.5l-8.6,8.6c-.2.2-.3.3-.5.3-.2,0-.4.1-.6.1ZM8.9,33.6l7.6-7.6v-1.8h-1.8l-7.6,7.6,1.8,1.8ZM8.9,33.6l-1.8-1.8.9.9.9.9ZM31,33.6l1.8-1.8-1.8,1.8Z"/>
-</svg>
-`
-
-const ICON_COMPLETED = `
-<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 40 40">
-  <defs>
-    <style>
-      .menu-svg {
-        fill: #fff;
-				stroke: {{strokecolor}};
-        stroke-width: 0px;
-      }
-    </style>
-  </defs>
-  
-  <path class="menu-svg" d="M27.9,15.1h2.7v-2.8h-2.7v2.8ZM27.9,21.4h2.7v-2.8h-2.7v2.8ZM27.9,27.7h2.7v-2.8h-2.7v2.8ZM26.9,33.3v-2.4h6.9V9h-14.2v2.8l-2.3-1.7v-3.5h18.7v26.7s-9.1,0-9.1,0ZM4,33.3v-14.5l9.9-7.3,9.9,7.3v14.5h-8.1v-7.5h-3.5v7.5H4ZM6.3,31h3.6v-7.5h8v7.5h3.6v-11l-7.7-5.5-7.7,5.5v11h0ZM18,31v-7.5h-8v7.5-7.5h8v7.5Z"/>
-</svg>
-`
-
-const ICON_STATUS = `
-<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 40 40">
-  <defs>
-    <style>
-      .menu-svg {
-        fill: #fff;
-				stroke: {{strokecolor}};
-        stroke-width: 0px;
-      }
-    </style>
-  </defs>
-
-  <path class="menu-svg" d="M7.4,33.9c-.8,0-1.5-.3-2.1-.8-.6-.6-.8-1.3-.8-2.1V9c0-.8.3-1.5.8-2.1.6-.6,1.3-.8,2.1-.8h25.2c.8,0,1.5.3,2.1.8s.8,1.3.8,2.1v21.9c0,.8-.3,1.5-.8,2.1s-1.3.8-2.1.8H7.4ZM7.4,31.4h25.2c0,0,.3,0,.4-.2,0,0,.2-.2.2-.4V9c0,0,0-.3-.2-.4,0,0-.2-.2-.4-.2H7.4c0,0-.3,0-.4.2,0,0-.2.2-.2.4v21.9c0,0,0,.3.2.4,0,0,.2.2.4.2h0ZM8.9,27.7h7.3v-2.4h-7.3v2.4ZM24.2,24.3l7.5-7.5-1.8-1.8-5.7,5.8-2.4-2.4-1.7,1.8s4.1,4.1,4.1,4.1ZM8.9,21.2h7.3v-2.4h-7.3v2.4ZM8.9,14.6h7.3v-2.4h-7.3s0,2.4,0,2.4ZM6.9,31.4V8.5v22.9Z"/>
-</svg>
-`
-
-const ICON_OPERATING = `
-<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 40 40">
-  <defs>
-    <style>
-      .menu-svg {
-        fill: #fff;
-				stroke: {{strokecolor}};
-        stroke-width: 0px;
-      }
-    </style>
-  </defs>
-    
-  <path class="menu-svg" d="M9.1,35.5c-.8,0-1.5-.3-2.1-.8-.6-.6-.8-1.2-.8-2.1V10.9c0-.8.3-1.5.8-2.1.6-.6,1.2-.8,2.1-.8h2.3v-3.5h2.5v3.5h12.3v-3.5h2.4v3.5h2.3c.8,0,1.5.3,2.1.8.6.6.8,1.2.8,2.1v21.7c0,.8-.3,1.5-.8,2.1s-1.2.8-2.1.8c0,0-21.8,0-21.8,0ZM9.1,33.1h21.7c0,0,.3,0,.4-.2,0,0,.2-.2.2-.4v-15.2H8.5v15.2c0,0,0,.3.2.4,0,0,.2.2.4.2ZM8.5,14.9h22.7v-4c0,0,0-.3-.2-.4,0,0-.2-.2-.4-.2H9.1c0,0-.3,0-.4.2,0,0-.2.2-.2.4,0,0,0,4,0,4ZM8.5,14.9v-4.5,4.5ZM12.2,22.9v-2.4h15.4v2.4s-15.4,0-15.4,0ZM12.2,29.4v-2.4h10.5v2.4h-10.5Z"/>
-</svg>
-`
-
-const ICON_SETTING = `
-<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 40 40">
-  <defs>
-    <style>
-      .menu-svg {
-        fill: #fff;
-				stroke: {{strokecolor}};
-        stroke-width: 0px;
-      }
-    </style>
-  </defs>
-  
-  <path class="menu-svg" d="M13.1,24.2h2v-5.7h-2v1.9h-2.4v2h2.4v1.9h0ZM16.7,22.3h12.8v-2h-12.8v2ZM25,18.1h2v-1.9h2.4v-2h-2.4v-1.9h-2v5.7h0ZM10.6,16.2h12.8v-2h-12.8v2ZM14.3,34v-3.3h-6.9c-.8,0-1.5-.3-2.1-.8s-.8-1.3-.8-2.1V8.9c0-.8.3-1.6.8-2.1.6-.5,1.3-.8,2.1-.8h25.2c.8,0,1.5.3,2.1.8s.8,1.3.8,2.1v18.8c0,.8-.3,1.6-.8,2.1-.6.5-1.3.8-2.1.8h-6.9v3.3h-11.5,0ZM7.5,28.2h25.2c0,0,.3,0,.4-.2,0,0,.2-.2.2-.4V8.9c0,0,0-.3-.2-.4,0,0-.2-.2-.4-.2H7.5c0,0-.3,0-.4.2,0,0-.2.2-.2.4v18.8c0,0,0,.3.2.4,0,0,.2.2.4.2h0ZM6.9,28.2V8.4v19.8Z"/>
-</svg>
-`
-
-function icons(template) {
-  return ['#ffffff', '#64A3D9'].map(
-    color => 'data:image/svg+xml;charset=UTF-8;base64,' + btoa(template.replace(/{{strokecolor}}/g, color))
-  )
-}
-
-export const ICONS_PROGRESS = icons(ICON_PROGRESS)
-export const ICONS_COMPLETED = icons(ICON_COMPLETED)
-export const ICONS_STATUS = icons(ICON_STATUS)
-export const ICONS_OPERATING = icons(ICON_OPERATING)
-export const ICONS_SETTING = icons(ICON_SETTING)