@things-factory/shell 7.0.1-alpha.10 → 7.0.1-alpha.100

package/dist-server/typeorm/round-transform.js

@@ -10,7 +10,7 @@ exports.roundTransformer = {
      * @param {number | null} value - Floating point value to round or null
      * @returns {number | null} - Rounded number or null
      */
-    to: (value) => (value !== null && !isNaN(value) ? Math.round(value * 100) / 100 : null),
+    to: (value) => (value !== null && !isNaN(value) ? Math.round(value * 10000) / 10000 : undefined),
     /**
      * Returns the entity field value as it is without any transformation when reading from the database.
      * @param {number} value - Number value read from the database

package/dist-server/typeorm/round-transform.js.map

@@ -1 +1 @@
-{"version":3,"file":"round-transform.js","sourceRoot":"","sources":["../../server/typeorm/round-transform.ts"],"names":[],"mappings":";;;AAEA;;GAEG;AACU,QAAA,gBAAgB,GAAqB;IAChD;;;;OAIG;IACH,EAAE,EAAE,CAAC,KAAoB,EAAE,EAAE,CAAC,CAAC,KAAK,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC;IAEtG;;;;OAIG;IACH,IAAI,EAAE,CAAC,KAAa,EAAE,EAAE,CAAC,KAAK;CAC/B,CAAA","sourcesContent":["import { ValueTransformer } from 'typeorm'\n\n/**\n * ValueTransformer object for rounding floating point values.\n */\nexport const roundTransformer: ValueTransformer = {\n  /**\n   * Rounds the entity field value before storing it in the database.\n   * @param {number | null} value - Floating point value to round or null\n   * @returns {number | null} - Rounded number or null\n   */\n  to: (value: number | null) => (value !== null && !isNaN(value) ? Math.round(value * 100) / 100 : null),\n\n  /**\n   * Returns the entity field value as it is without any transformation when reading from the database.\n   * @param {number} value - Number value read from the database\n   * @returns {number} - The number value as is\n   */\n  from: (value: number) => value\n}\n"]}
+{"version":3,"file":"round-transform.js","sourceRoot":"","sources":["../../server/typeorm/round-transform.ts"],"names":[],"mappings":";;;AAEA;;GAEG;AACU,QAAA,gBAAgB,GAAqB;IAChD;;;;OAIG;IACH,EAAE,EAAE,CAAC,KAAoB,EAAE,EAAE,CAAC,CAAC,KAAK,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC;IAE/G;;;;OAIG;IACH,IAAI,EAAE,CAAC,KAAa,EAAE,EAAE,CAAC,KAAK;CAC/B,CAAA","sourcesContent":["import { ValueTransformer } from 'typeorm'\n\n/**\n * ValueTransformer object for rounding floating point values.\n */\nexport const roundTransformer: ValueTransformer = {\n  /**\n   * Rounds the entity field value before storing it in the database.\n   * @param {number | null} value - Floating point value to round or null\n   * @returns {number | null} - Rounded number or null\n   */\n  to: (value: number | null) => (value !== null && !isNaN(value) ? Math.round(value * 10000) / 10000 : undefined),\n\n  /**\n   * Returns the entity field value as it is without any transformation when reading from the database.\n   * @param {number} value - Number value read from the database\n   * @returns {number} - The number value as is\n   */\n  from: (value: number) => value\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@things-factory/shell",
-  "version": "7.0.1-alpha.10",
+  "version": "7.0.1-alpha.100",
   "description": "Core module for framework",
   "bin": {
     "things-factory": "bin/things-factory",
@@ -46,12 +46,11 @@
     "@koa/cors": "^5.0.0",
     "@material-design-icons/font": "^0.14.9",
     "@material/mwc-button": "^0.27.0",
-    "@material/mwc-fab": "^0.27.0",
     "@material/mwc-icon": "^0.27.0",
     "@material/mwc-icon-button": "^0.27.0",
     "@material/mwc-slider": "^0.27.0",
     "@material/mwc-textfield": "^0.27.0",
-    "@material/web": "^1.1.1",
+    "@material/web": "^1.4.0",
     "@open-wc/scoped-elements": "^2.1.3",
     "@operato/board": "^2.0.0-alpha.0",
     "@operato/graphql": "^2.0.0-alpha.0",
@@ -60,11 +59,12 @@
     "@operato/shell": "^2.0.0-alpha.0",
     "@operato/typeorm-history": "^2.0.0-alpha.0",
     "@operato/utils": "^2.0.0-alpha.0",
-    "@things-factory/ejs-remote": "^7.0.1-alpha.0",
-    "@things-factory/env": "^7.0.1-alpha.0",
+    "@things-factory/ejs-remote": "^7.0.1-alpha.71",
+    "@things-factory/env": "^7.0.1-alpha.71",
     "@things-factory/operato-license-checker": "^4.0.4",
-    "@things-factory/styles": "^7.0.1-alpha.4",
-    "@things-factory/utils": "^7.0.1-alpha.4",
+    "@things-factory/styles": "^7.0.1-alpha.71",
+    "@things-factory/utils": "^7.0.1-alpha.71",
+    "@webcomponents/scoped-custom-element-registry": "^0.0.9",
     "@webcomponents/webcomponentsjs": "^2.6.0",
     "args": "^5.0.0",
     "broadcastchannel-polyfill": "^1.0.1",
@@ -101,6 +101,7 @@
     "loader-utils": "^2.0.0",
     "lodash": "^4.17.21",
     "lodash-es": "^4.17.21",
+    "material-symbols": "^0.17.2",
     "mkdirp": "^1.0.4",
     "moment-timezone": "^0.5.43",
     "mqtt": "^4.3.4",
@@ -133,5 +134,5 @@
     "pg": "^8.7.3",
     "sqlite3": "^5.0.8"
   },
-  "gitHead": "5adeb2a190f3c6eb5c5cbceac181a3d19fefda9b"
+  "gitHead": "f5062c5559383d06fc8f9f870b56163952557c70"
 }

package/server/server-dev.ts

@@ -20,7 +20,6 @@ import { useServer } from 'graphql-ws/lib/use/ws'
 import { createServer } from 'http'
 import Koa from 'koa'
 import koaBodyParser from 'koa-bodyparser'
-import koaStatic from 'koa-static'
 import compose from 'koa-compose'
 import { historyApiFallback } from 'koa2-connect-history-api-fallback'
 import { WebSocketServer } from 'ws'
@@ -34,7 +33,13 @@ import { initLicense, checkValidity } from '@things-factory/operato-license-chec
 
 import { GraphqlLocalClient } from './graphql-local-client'
 import { databaseInitializer } from './initializers/database'
-import { domainPrivateRouter, domainPublicRouter, globalPrivateRouter, globalPublicRouter, graphqlRouter } from './routers'
+import {
+  domainPrivateRouter,
+  domainPublicRouter,
+  globalPrivateRouter,
+  globalPublicRouter,
+  graphqlRouter
+} from './routers'
 import { schema } from './schema'
 import { Domain } from './service'
 import { EntityManager } from 'typeorm'
@@ -59,7 +64,6 @@ args.option('webpack', 'webpack configuration file', config.get('webpack'))
 
 const flags = args.parse(process.argv)
 
-const path = require('path')
 const webpack = require('webpack')
 const webpackConfig = require(flags.webpack || '@things-factory/builder/webpack.config.dev.js')
 
@@ -99,6 +103,7 @@ const bootstrap = async () => {
   await databaseInitializer()
 
   const app = new Koa<ICustomAppState, ICustomAppContext>() as any
+  app.proxy = true
 
   app.use(
     cors({
@@ -269,17 +274,11 @@ const bootstrap = async () => {
   app.use(graphqlRouter.routes())
   app.use(graphqlRouter.allowedMethods())
 
-  /* should follow this order : history-fallback => webpack-middleware => koaStatic */
+  /* should follow this order : history-fallback => webpack-middleware */
   app.use(historyApiFallback({ whiteList: [] }))
 
   app.use(middleware)
 
-  app.use(
-    koaStatic(compiler.outputPath, {
-      index: false
-    })
-  )
-
   httpServer.listen({ port: PORT }, () => {
     logger.info(`🚀 Server ready at http://0.0.0.0:${PORT}/graphql`)
     logger.info(`🚀 Subscriptions ready at ws://0.0.0.0:${PORT}/graphql`)

package/server/server.ts

@@ -33,7 +33,13 @@ import { initLicense, checkValidity } from '@things-factory/operato-license-chec
 
 import { GraphqlLocalClient } from './graphql-local-client'
 import { databaseInitializer } from './initializers/database'
-import { domainPrivateRouter, domainPublicRouter, globalPrivateRouter, globalPublicRouter, graphqlRouter } from './routers'
+import {
+  domainPrivateRouter,
+  domainPublicRouter,
+  globalPrivateRouter,
+  globalPublicRouter,
+  graphqlRouter
+} from './routers'
 import { schema } from './schema'
 import { domainMiddleware } from './middlewares'
 
@@ -74,6 +80,7 @@ const bootstrap = async () => {
   await databaseInitializer()
 
   const app = new Koa() as any
+  app.proxy = true
 
   app.use(
     cors({

package/translations/en.json

@@ -29,5 +29,6 @@
   "text.nothing_changed": "nothing changed",
   "text.nothing_selected": "nothing selected",
   "text.there_is_nothing_to_delete": "there is nothing to delete",
-  "text.there_is_nothing_to_save": "there is nothing to save"
+  "text.there_is_nothing_to_save": "there is nothing to save",
+  "text.column visibility setting": "column visibility"
 }

package/translations/ja.json

@@ -28,5 +28,6 @@
   "text.nothing_changed": "変更なし",
   "text.nothing_selected": "選択されていない",
   "text.there_is_nothing_to_delete": "削除するデータがありません.",
-  "text.there_is_nothing_to_save": "保存するデータがありません."
+  "text.there_is_nothing_to_save": "保存するデータがありません.",
+  "text.column visibility setting": "カラムの表示設定"
 }

package/translations/ko.json

@@ -28,5 +28,6 @@
   "text.nothing_changed": "변경사항 없음",
   "text.nothing_selected": "선택되지 않음",
   "text.there_is_nothing_to_delete": "삭제할 데이터가 없습니다.",
-  "text.there_is_nothing_to_save": "저장할 데이터가 없습니다."
+  "text.there_is_nothing_to_save": "저장할 데이터가 없습니다.",
+  "text.column visibility setting": "컬럼 보이기"
 }

package/translations/ms.json

@@ -28,5 +28,6 @@
   "text.nothing_changed": "nothing changed",
   "text.nothing_selected": "nothing selected",
   "text.there_is_nothing_to_delete": "there is nothing to delete",
-  "text.there_is_nothing_to_save": "there is nothing to save"
+  "text.there_is_nothing_to_save": "there is nothing to save",
+  "text.column visibility setting": "tetapan kebolehlihatan kolum"
 }

package/translations/zh.json

@@ -28,5 +28,6 @@
   "text.nothing_changed": "无更改",
   "text.nothing_selected": "未选择",
   "text.there_is_nothing_to_delete": "没有要删除的数据。",
-  "text.there_is_nothing_to_save": "没有要保存的数据。"
+  "text.there_is_nothing_to_save": "没有要保存的数据。",
+  "text.column visibility setting": "列显示"
 }

package/views/public/home.html

@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="utf-8" />
@@ -52,6 +52,8 @@
     <!-- Performance tip: hint to the browser to start the handshake for the fonts site -->
     <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin />
     <link href="/node_modules/@material-design-icons/font/index.css" rel="stylesheet" />
+    <link href="/node_modules/material-symbols/index.css" rel="stylesheet" />
+    <link href="/node_modules/@fontsource/roboto/index.css" rel="stylesheet" />
     <link rel="stylesheet" href="/theme.css" />
 
     <style>
@@ -81,7 +83,7 @@
     <link rel="prefetch" href="/public/home.js" />
   </head>
 
-  <body>
+  <body class="light">
     <home-page id="page"></home-page>
     <noscript> Please enable JavaScript to view this website. </noscript>
     <!-- Load webcomponents-loader.js to check and load any polyfills your browser needs -->

package/views/template.html

@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="utf-8" />
@@ -15,7 +15,7 @@
     </style>
   </head>
 
-  <body>
+  <body class="light">
     <%- body %>
   </body>
 </html>

package/client/elements/index.js

@@ -1,3 +0,0 @@
-export * from './oops-note'
-export * from './oops-spinner'
-export * from './oops-progress'

package/client/elements/oops-note.js

@@ -1,49 +0,0 @@
-import { LitElement, html, css } from 'lit'
-
-import '@material/mwc-icon'
-
-export class OopsNote extends LitElement {
-  static get styles() {
-    return css`
-      :host {
-        display: block;
-        text-align: center;
-      }
-      mwc-icon {
-        font: var(--oops-note-icon-font);
-        color: var(--oops-note-icon-color);
-        border: var(--oops-note-icon-border);
-        border-radius: var(--oops-note-icon-border-radius);
-        padding: var(--oops-note-icon-padding);
-      }
-      [title] {
-        margin: var(--oops-note-title-margin);
-        font: var(--oops-note-title-font);
-        color: var(--oops-note-title-color);
-        text-transform: capitalize;
-      }
-      [description] {
-        font: var(--oops-note-description-font);
-        color: var(--oops-note-description-color);
-      }
-    `
-  }
-
-  static get properties() {
-    return {
-      icon: String,
-      title: String,
-      description: String
-    }
-  }
-
-  render() {
-    return html`
-      <mwc-icon>${this.icon}</mwc-icon>
-      <div title>${this.title}</div>
-      <div description>${this.description}</div>
-    `
-  }
-}
-
-customElements.define('oops-note', OopsNote)

package/client/elements/oops-progress.js

@@ -1,81 +0,0 @@
-import gql from 'graphql-tag'
-import { html, LitElement } from 'lit'
-
-import { subscribe } from '@operato/graphql'
-
-export class OopsProgress extends LitElement {
-  static get properties() {
-    return {
-      tag: String,
-      subscription: Boolean
-    }
-  }
-
-  render() {
-    return html` <slot></slot> `
-  }
-
-  disconnectedCallback() {
-    super.disconnectedCallback()
-    this.stopSubscribe()
-  }
-
-  get subscription() {
-    return this._subscription
-  }
-
-  set subscription(subscription) {
-    console.warn('oops-progress#subscription is readonly property')
-  }
-
-  async updated(changes) {
-    if (changes.has('tag') && this.subscription) {
-      await this.stopSubscribe()
-    }
-  }
-
-  async startSubscribe() {
-    if (!this.tag || this._subscription) {
-      return
-    }
-
-    this._subscription = await subscribe(
-      {
-        query: gql`
-          subscription {
-            data(tag: "${this.tag}") {
-              tag
-              data
-            }
-          }`
-      },
-      {
-        next: async ({ data }) => {
-          if (data) {
-            const { progress = 0, message = '' } = data?.data?.data || {}
-            this.dispatchEvent(
-              new CustomEvent('progress', {
-                detail: {
-                  progress,
-                  message
-                }
-              })
-            )
-
-            if (progress >= 100) {
-              await this.stopSubscribe()
-              this.dispatchEvent(new CustomEvent('finish'))
-            }
-          }
-        }
-      }
-    )
-  }
-
-  async stopSubscribe() {
-    await this._subscription?.unsubscribe()
-    delete this._subscription
-  }
-}
-
-customElements.define('oops-progress', OopsProgress)

package/client/elements/oops-spinner.js

@@ -1,31 +0,0 @@
-import { LitElement, html, css } from 'lit'
-
-export class OopsSpinner extends LitElement {
-  static get styles() {
-    return css`
-      :host {
-        width: 70px;
-        height: 70px;
-        margin: 0 auto;
-        background: url(/assets/images/spinner.png) 0 0 no-repeat;
-        background-size: 700%;
-        animation: spinner steps(6) 2s infinite both;
-      }
-
-      @keyframes spinner {
-        0% {
-          background-position: 0%;
-        }
-        100% {
-          background-position: 100%;
-        }
-      }
-    `
-  }
-
-  render() {
-    return html``
-  }
-}
-
-customElements.define('oops-spinner', OopsSpinner)