@things-factory/shell 7.0.1-alpha.29 → 7.0.1-alpha.34

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@things-factory/shell",
-  "version": "7.0.1-alpha.29",
+  "version": "7.0.1-alpha.34",
   "description": "Core module for framework",
   "bin": {
     "things-factory": "bin/things-factory",
@@ -134,5 +134,5 @@
     "pg": "^8.7.3",
     "sqlite3": "^5.0.8"
   },
-  "gitHead": "c6f1ac90f6de7a6ecf02a7c3e4615e116400fecc"
+  "gitHead": "d3b1e48a7f78d56a57f80fee3d548d43883187a5"
 }

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)