@things-factory/shell 7.0.1-alpha.28 → 7.0.1-alpha.33

package/client/route.js

@@ -1,3 +1,14 @@
+/**
+ * This is the place where the PageElement matching from the contextPath is finally searched.
+ * If it has reached here, it means that the PageElement matching the path has not been found, so it returns the page name 'page404'.
+ * This page displays the Page404 Element implementing the tag name 'page-404'.
+ * Naturally, the mapping implementation for the 'page404' page can be overridden in the parent module.
+ *
+ * 여기는 contextPath로부터 매칭되는 PageElement를 과정에서 맨 마직막에 뒤져지는 곳이다.
+ * 여기까지 들어왔다면, path에 매핑되는 PageElement를 찾지 못한 것이므로, 페이지 이름 'page404' 를 리턴한다.
+ * 이 페이지는 태그네임 'page-404'를 구현한 Page404 Element를 보여주게 된다.
+ * 당연히 상위 모듈에서 'page404' 페이지에 대한 매핑 구현을 오버라이드 할 수 있다.
+ */
 export default function route(page) {
   import('@operato/shell/page-404.js')
   return 'page404'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@things-factory/shell",
-  "version": "7.0.1-alpha.28",
+  "version": "7.0.1-alpha.33",
   "description": "Core module for framework",
   "bin": {
     "things-factory": "bin/things-factory",
@@ -59,11 +59,11 @@
     "@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.28",
-    "@things-factory/env": "^7.0.1-alpha.28",
+    "@things-factory/ejs-remote": "^7.0.1-alpha.29",
+    "@things-factory/env": "^7.0.1-alpha.29",
     "@things-factory/operato-license-checker": "^4.0.4",
-    "@things-factory/styles": "^7.0.1-alpha.28",
-    "@things-factory/utils": "^7.0.1-alpha.28",
+    "@things-factory/styles": "^7.0.1-alpha.29",
+    "@things-factory/utils": "^7.0.1-alpha.29",
     "@webcomponents/scoped-custom-element-registry": "^0.0.9",
     "@webcomponents/webcomponentsjs": "^2.6.0",
     "args": "^5.0.0",
@@ -134,5 +134,5 @@
     "pg": "^8.7.3",
     "sqlite3": "^5.0.8"
   },
-  "gitHead": "a7d650636abe1cdfbad71b7f445b48fdfee5f4be"
+  "gitHead": "46c2d83fcb20d9882254e25bc61dcbf5db31959b"
 }

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)