@things-factory/notification 6.1.18 → 6.1.22

package/client/viewparts/notification-list.ts

@@ -0,0 +1,171 @@
+import { LitElement, html, css } from 'lit'
+import { customElement, property } from 'lit/decorators.js'
+import { connect } from 'pwa-helpers'
+import { store, notificationStore } from '@operato/shell'
+import { i18next, localize } from '@operato/i18n'
+import { UPDATE_NOTIFICATION } from '../actions/notification-fcm'
+
+import '@material/mwc-icon'
+import './notification-item'
+
+@customElement('notification-list')
+export class NotificationList extends connect(store)(localize(i18next)(LitElement)) {
+  static styles = [
+    css`
+      :host {
+        display: block;
+        background-color: var(--theme-white-color);
+        box-shadow: var(--box-shadow);
+        margin-right: var(--margin-wide);
+        padding: var(--padding-default);
+        max-height: 100%;
+        overflow-x: hidden;
+        overflow-y: auto;
+      }
+      :host::before {
+        content: '';
+        width: 0px;
+        height: 0px;
+        border-left: 7px solid transparent;
+        border-right: 7px solid transparent;
+        border-bottom: 7px solid var(--theme-white-color);
+        position: absolute;
+        margin-top: -7px;
+        right: 50px;
+      }
+
+      [notifications-wrap] {
+        display: flex;
+        flex-direction: column;
+        justify-content: flex-start;
+      }
+      [notifications-wrap] div {
+        align-items: stretch;
+        border-bottom: 1px solid var(--primary-color);
+      }
+      [notifications-wrap] strong {
+        color: var(--primary-color);
+        text-transform: capitalize;
+        line-height: 2;
+      }
+      [notifications-wrap] mwc-button {
+        float: right;
+        --mdc-button-horizontal-padding: var(--padding-narrow);
+        --mdc-typography-button-font-size: 0.75em;
+      }
+      [no-notifications] {
+        margin: 0;
+        padding: var(--padding-wide);
+        text-align: center;
+        font-size: var(--fontsize-default);
+        font-weight: bold;
+        color: var(--secondary-color);
+      }
+      div mwc-icon {
+        display: block;
+        opacity: 0.3;
+      }
+      @media screen and (max-width: 480px) {
+        :host {
+          height: 100%;
+          width: 100vw;
+        }
+      }
+    `
+  ]
+
+  @property({ type: Array }) history: any[] = []
+
+  render() {
+    var history = this.history.reverse()
+
+    return history.length > 0
+      ? html`
+          <div notifications-wrap>
+            <div>
+              <strong>${i18next.t('label.notification list')}</strong>
+              <mwc-button
+                outlined
+                dense
+                label=${String(i18next.t('label.clear all'))}
+                icon="delete_outline"
+                @click=${e => this.onclearall()}
+              ></mwc-button>
+            </div>
+            ${history.map(
+              notification => html`
+                <notification-item
+                  @close=${e => {
+                    this.onClose(notification)
+                  }}
+                  .type=${notification.type}
+                  .notification=${notification}
+                ></notification-item>
+              `
+            )}
+          </div>
+        `
+      : html`
+          <div no-notifications @click=${e => window.history.back()}>
+            <mwc-icon>notifications_off</mwc-icon>${i18next.t('text.no notification available')}
+          </div>
+        `
+  }
+
+  onClose(notification) {
+    const { id } = notification
+
+    store.dispatch((async dispatch => {
+      if (notification) {
+        await notificationStore.delete(id)
+      }
+
+      const history = await notificationStore.getAll()
+
+      dispatch({
+        type: UPDATE_NOTIFICATION,
+        history: [...history]
+      })
+    }) as any)
+  }
+
+  onclearall() {
+    store.dispatch((async dispatch => {
+      await notificationStore.clear()
+      const history = await notificationStore.getAll()
+
+      dispatch({
+        type: UPDATE_NOTIFICATION,
+        history: [...history]
+      })
+    }) as any)
+  }
+
+  stateChanged(state) {
+    this.history = state.notification.history
+  }
+
+  async disconnectedCallback() {
+    super.disconnectedCallback()
+
+    await Promise.all(
+      this.history
+        .filter(notification => !notification.confirmed)
+        .map(async notification => {
+          return await notificationStore.put({
+            ...notification,
+            confirmed: true
+          })
+        })
+    )
+
+    store.dispatch((async dispatch => {
+      const history = await notificationStore.getAll()
+
+      dispatch({
+        type: UPDATE_NOTIFICATION,
+        history: [...history]
+      })
+    }) as any)
+  }
+}

package/client/viewparts/notification-sender.ts

@@ -0,0 +1,126 @@
+import '@material/mwc-formfield'
+import '@material/mwc-button'
+import '@material/mwc-checkbox'
+import '@operato/i18n/ox-i18n.js'
+
+import { css, html, LitElement } from 'lit'
+import { customElement, property } from 'lit/decorators.js'
+import { auth } from '@things-factory/auth-base/dist-client'
+import { i18next, localize } from '@operato/i18n'
+import { ScrollbarStyles } from '@operato/styles'
+
+import { notify as webpushNotify } from '../actions/notification-fcm'
+
+@customElement('notification-sender')
+export class NotificationSender extends localize(i18next)(LitElement) {
+  static styles = [
+    ScrollbarStyles,
+    css`
+      :host {
+        display: flex;
+        background-color: var(--main-section-background-color);
+        padding: var(--padding-wide);
+      }
+
+      form {
+        flex: 1;
+        display: flex;
+        flex-direction: column;
+      }
+      [content] > * {
+        margin: var(--margin-default);
+      }
+
+      [content] {
+        flex: 1;
+        flex-direction: column;
+        display: flex;
+        overflow: auto;
+      }
+
+      [buttons] {
+        margin-top: auto;
+        display: flex;
+        flex-direction: row-reverse;
+      }
+      mwc-button {
+        margin-left: var(--padding-default);
+      }
+
+      @media screen and (max-width: 480px) {
+        :host {
+          padding: var(--padding-default);
+        }
+      }
+    `
+  ]
+
+  render() {
+    return html`
+      <form>
+        <div content>
+          <mwc-textfield
+            type="text"
+            name="receivers"
+            .label=${i18next.t('field.receivers')}
+            placeholder=${auth.credential?.email}
+            required
+            icon="account_circle"
+          ></mwc-textfield>
+          <mwc-textfield
+            type="text"
+            name="title"
+            .label=${i18next.t('field.title')}
+            required
+            icon="notifications_none"
+          ></mwc-textfield>
+
+          <mwc-textfield
+            type="text"
+            name="image"
+            .label=${i18next.t('field.image')}
+            icon="insert_photo"
+          ></mwc-textfield>
+          <mwc-textfield type="text" name="url" .label=${i18next.t('field.url')} icon="link"></mwc-textfield>
+          <mwc-textarea type="text" name="body" .label=${i18next.t('field.body')} required rows="5"></mwc-textarea>
+          <mwc-formfield label="In-App Message">
+            <mwc-checkbox name="inappmsg"></mwc-checkbox>
+          </mwc-formfield>
+        </div>
+
+        <div buttons>
+          <mwc-button raised icon="send" @click=${e => this.ontest()}>
+            <ox-i18n msgid="button.notification-send"> </ox-i18n>
+          </mwc-button>
+
+          <mwc-button type="reset" outlined @click=${e => this.onReset()}>
+            <ox-i18n msgid="button.reset"> </ox-i18n>
+          </mwc-button>
+        </div>
+      </form>
+    `
+  }
+
+  ontest() {
+    const [receivers, title, body, image, url] = ['receivers', 'title', 'body', 'image', 'url'].map(
+      key => (this.renderRoot.querySelector(`[name="${key}"]`)! as any).value
+    )
+    const mode = (this.renderRoot.querySelector(`[name="inappmsg"]`)! as any).checked ? 'inapp' : 'background'
+
+    webpushNotify({
+      receivers,
+      title,
+      body,
+      image,
+      mode,
+      url
+    })
+  }
+
+  onReset() {
+    ;['receivers', 'title', 'body', 'image', 'url'].map(
+      key => ((this.renderRoot.querySelector(`[name="${key}"]`)! as any).value = '')
+    )
+    ;(this.renderRoot.querySelector(`[name="inappmsg"]`)! as any).checked = false
+  }
+}

package/client/viewparts/{notification-setting-let.js → notification-setting-let.ts}

@@ -7,65 +7,63 @@ import '@operato/i18n/ox-i18n.js'
 
 import Clipboard from 'clipboard'
 import { css, html, LitElement } from 'lit'
+import { customElement, property } from 'lit/decorators.js'
 
 import { notify, openPopup } from '@operato/layout'
-import { i18next, localize } from '@things-factory/i18n-base'
+import { i18next, localize } from '@operato/i18n'
 
 import { getSubscriptionToken, isSupportingMessaging, subscribe, unsubscribe } from '../actions/notification-fcm'
 
+@customElement('notification-setting-let')
 export class NotificationSettingLet extends localize(i18next)(LitElement) {
-  static get styles() {
-    return [
-      css`
-        div[onoff] {
-          display: flex;
-          align-items: center;
-          border-bottom: var(--border-dark-color);
-          margin-bottom: var(--margin-default);
-          padding-bottom: var(--padding-default);
-        }
+  static styles = [
+    css`
+      div[onoff] {
+        display: flex;
+        align-items: center;
+        border-bottom: var(--border-dark-color);
+        margin-bottom: var(--margin-default);
+        padding-bottom: var(--padding-default);
+      }
 
-        div[info] {
-          display: flex;
-          flex-direction: column;
-          position: relative;
-        }
+      div[info] {
+        display: flex;
+        flex-direction: column;
+        position: relative;
+      }
 
-        label {
-          font: var(--label-font);
-          color: var(--label-color);
-          text-transform: var(--label-text-transform);
-        }
+      label {
+        font: var(--label-font);
+        color: var(--label-color);
+        text-transform: var(--label-text-transform);
+      }
 
-        [test] {
-          margin-left: auto;
-        }
+      [test] {
+        margin-left: auto;
+      }
 
-        input {
-          border: var(--border-dark-color);
-          border-radius: var(--border-radius);
-          margin: var(--input-margin);
-          padding: var(--input-padding);
-          font: var(--input-font);
+      input {
+        border: var(--border-dark-color);
+        border-radius: var(--border-radius);
+        margin: var(--input-margin);
+        padding: var(--input-padding);
+        font: var(--input-font);
 
-          flex: 1;
-        }
+        flex: 1;
+      }
 
-        [button-in-field] {
-          position: absolute;
-          top: 24px;
-          right: 4px;
-        }
-      `
-    ]
-  }
+      [button-in-field] {
+        position: absolute;
+        top: 24px;
+        right: 4px;
+      }
+    `
+  ]
 
-  static get properties() {
-    return {
-      subscription: Object,
-      supported: Boolean
-    }
-  }
+  @property({ type: Object }) subscription?: any
+  @property({ type: Boolean }) supported?: boolean
+
+  clipboard: any
 
   render() {
     const supported = !!this.supported
@@ -77,11 +75,11 @@ export class NotificationSettingLet extends localize(i18next)(LitElement) {
         ${supported
           ? html`
         <div slot="content" onoff>
-          <mwc-formfield label=${i18next.t('label.allow push message')}>
+          <mwc-formfield label=${String(i18next.t('label.allow push message'))}>
             <mwc-switch label="allow message" ?selected=${!!this.subscription} @click=${e =>
               this.onClickSwitch(e)}></mwc-switch>
           </mwc-formfield>
-          <mwc-button test outlined label=${i18next.t('button.push message test')} @click=${e =>
+          <mwc-button test outlined label=${String(i18next.t('button.push message test'))} @click=${e =>
               this.ontest()}></mwc-button>
         </div>
         
@@ -104,7 +102,7 @@ export class NotificationSettingLet extends localize(i18next)(LitElement) {
       const copybuttons = this.renderRoot.querySelectorAll('[clipboard-copy]')
 
       this.clipboard = new Clipboard(copybuttons, {
-        target: trigger => trigger.parentElement.querySelector('input')
+        target: trigger => trigger.parentElement!.querySelector('input')!
       })
     }
   }
@@ -190,7 +188,7 @@ export class NotificationSettingLet extends localize(i18next)(LitElement) {
     } catch (err) {
       notify({
         level: 'error',
-        message: err
+        message: String(err)
       })
     } finally {
       target.checked = !!this.subscription
@@ -205,5 +203,3 @@ export class NotificationSettingLet extends localize(i18next)(LitElement) {
     })
   }
 }
-
-customElements.define('notification-setting-let', NotificationSettingLet)

package/dist-client/actions/notification-fcm.d.ts

@@ -0,0 +1,7 @@
+export declare const UPDATE_NOTIFICATION = "UPDATE_NOTIFICATION";
+export declare const CONFIRM_NOTIFICATION = "CONFIRM_NOTIFICATION";
+export declare function isSupportingMessaging(): Promise<boolean>;
+export declare function getSubscriptionToken(force?: boolean): Promise<any>;
+export declare function subscribe(): Promise<any>;
+export declare function unsubscribe(): Promise<void>;
+export declare function notify(options: any): Promise<boolean>;

package/dist-client/actions/notification-fcm.js

@@ -0,0 +1,125 @@
+export const UPDATE_NOTIFICATION = 'UPDATE_NOTIFICATION';
+export const CONFIRM_NOTIFICATION = 'CONFIRM_NOTIFICATION';
+import { initializeApp } from 'firebase/app';
+import { getMessaging, getToken, deleteToken } from 'firebase/messaging';
+import { synchronize } from '@things-factory/utils';
+var vapidKey;
+var appConfig;
+var messaging;
+async function _getVapidKey() {
+    if (!vapidKey || !appConfig) {
+        if (Notification.permission === 'denied') {
+            console.warn('Notification permission denied');
+            return;
+        }
+        const response = await fetch('/notification/config', {
+            headers: {
+                Accept: 'application/json'
+            }
+        });
+        if (!response.ok) {
+            throw new Error(`fail to get notification configuration: ${response.status}`);
+        }
+        const conf = await response.json();
+        if (!conf || !conf.vapidPublicKey || !conf.appConfig) {
+            throw new Error('correct notification configuration required.');
+        }
+        try {
+            const app = await initializeApp(conf.appConfig);
+            messaging = getMessaging(app);
+            // messaging = _messaging.isSupported() ? _messaging() : null
+            if (!messaging) {
+                console.warn('###################################################');
+                console.warn('push notification is not supported in this browser.');
+                console.warn('###################################################');
+            }
+            vapidKey = conf.vapidPublicKey;
+            appConfig = conf.appConfig;
+        }
+        catch (err) {
+            throw new Error(`failed to initialize firebase app.`);
+        }
+    }
+    return { vapidKey, messaging };
+}
+// to avoid race condition
+const getVapidKey = synchronize(_getVapidKey);
+export async function isSupportingMessaging() {
+    const { messaging } = await getVapidKey();
+    return !!messaging;
+}
+export async function getSubscriptionToken(force = false) {
+    var _a;
+    // const registration = await navigator.serviceWorker.getRegistration('/')
+    const registration = await ((_a = navigator.serviceWorker) === null || _a === void 0 ? void 0 : _a.ready);
+    if (!registration) {
+        console.warn('service worker not registered.');
+        return;
+    }
+    if (!registration.pushManager || (!force && !(await registration.pushManager.getSubscription()))) {
+        return;
+    }
+    const { vapidKey, messaging } = (await getVapidKey()) || {};
+    try {
+        return (vapidKey &&
+            (await getToken(messaging, {
+                vapidKey,
+                serviceWorkerRegistration: registration
+            })));
+    }
+    catch (err) {
+        console.error(err);
+    }
+}
+export async function subscribe() {
+    const token = await getSubscriptionToken(true);
+    if (!token) {
+        return;
+    }
+    await fetch('/notification/register', {
+        method: 'post',
+        headers: {
+            'Content-type': 'application/json',
+            Accept: 'application/json'
+        },
+        body: JSON.stringify({
+            subscription: token
+        })
+    });
+    return token;
+}
+export async function unsubscribe() {
+    const token = await getSubscriptionToken();
+    if (!token) {
+        return;
+    }
+    try {
+        const { vapidKey, messaging } = (await getVapidKey()) || {};
+        vapidKey && (await deleteToken(messaging));
+    }
+    catch (err) {
+        console.error(err);
+    }
+    await fetch('/notification/unregister', {
+        method: 'post',
+        headers: {
+            'Content-type': 'application/json',
+            Accept: 'application/json'
+        },
+        body: JSON.stringify({
+            subscription: token
+        })
+    });
+}
+export async function notify(options) {
+    const response = await fetch('/notification/notify', {
+        method: 'post',
+        headers: {
+            'Content-type': 'application/json',
+            Accept: 'application/json'
+        },
+        body: JSON.stringify(options)
+    });
+    return response.ok;
+}
+//# sourceMappingURL=notification-fcm.js.map

package/dist-client/actions/notification-fcm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"notification-fcm.js","sourceRoot":"","sources":["../../client/actions/notification-fcm.ts"],"names":[],"mappings":"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","sourcesContent":["export const UPDATE_NOTIFICATION = 'UPDATE_NOTIFICATION'\nexport const CONFIRM_NOTIFICATION = 'CONFIRM_NOTIFICATION'\n\nimport { initializeApp } from 'firebase/app'\nimport { getMessaging, getToken, deleteToken } from 'firebase/messaging'\n\nimport { synchronize } from '@things-factory/utils'\n\nvar vapidKey\nvar appConfig\nvar messaging\n\nasync function _getVapidKey() {\n  if (!vapidKey || !appConfig) {\n    if (Notification.permission === 'denied') {\n      console.warn('Notification permission denied')\n      return\n    }\n\n    const response = await fetch('/notification/config', {\n      headers: {\n        Accept: 'application/json'\n      }\n    })\n    if (!response.ok) {\n      throw new Error(`fail to get notification configuration: ${response.status}`)\n    }\n    const conf = await response.json()\n\n    if (!conf || !conf.vapidPublicKey || !conf.appConfig) {\n      throw new Error('correct notification configuration required.')\n    }\n\n    try {\n      const app = await initializeApp(conf.appConfig)\n      messaging = getMessaging(app)\n\n      // messaging = _messaging.isSupported() ? _messaging() : null\n      if (!messaging) {\n        console.warn('###################################################')\n        console.warn('push notification is not supported in this browser.')\n        console.warn('###################################################')\n      }\n\n      vapidKey = conf.vapidPublicKey\n      appConfig = conf.appConfig\n    } catch (err) {\n      throw new Error(`failed to initialize firebase app.`)\n    }\n  }\n\n  return { vapidKey, messaging }\n}\n\n// to avoid race condition\nconst getVapidKey = synchronize(_getVapidKey)\n\nexport async function isSupportingMessaging() {\n  const { messaging } = await getVapidKey()\n  return !!messaging\n}\n\nexport async function getSubscriptionToken(force = false) {\n  // const registration = await navigator.serviceWorker.getRegistration('/')\n  const registration = await navigator.serviceWorker?.ready\n\n  if (!registration) {\n    console.warn('service worker not registered.')\n    return\n  }\n\n  if (!registration.pushManager || (!force && !(await registration.pushManager.getSubscription()))) {\n    return\n  }\n\n  const { vapidKey, messaging } = (await getVapidKey()) || {}\n\n  try {\n    return (\n      vapidKey &&\n      (await getToken(messaging, {\n        vapidKey,\n        serviceWorkerRegistration: registration\n      }))\n    )\n  } catch (err) {\n    console.error(err)\n  }\n}\n\nexport async function subscribe() {\n  const token = await getSubscriptionToken(true)\n\n  if (!token) {\n    return\n  }\n\n  await fetch('/notification/register', {\n    method: 'post',\n    headers: {\n      'Content-type': 'application/json',\n      Accept: 'application/json'\n    },\n    body: JSON.stringify({\n      subscription: token\n    })\n  })\n\n  return token\n}\n\nexport async function unsubscribe() {\n  const token = await getSubscriptionToken()\n  if (!token) {\n    return\n  }\n\n  try {\n    const { vapidKey, messaging } = (await getVapidKey()) || {}\n    vapidKey && (await deleteToken(messaging))\n  } catch (err) {\n    console.error(err)\n  }\n\n  await fetch('/notification/unregister', {\n    method: 'post',\n    headers: {\n      'Content-type': 'application/json',\n      Accept: 'application/json'\n    },\n    body: JSON.stringify({\n      subscription: token\n    })\n  })\n}\n\nexport async function notify(options) {\n  const response = await fetch('/notification/notify', {\n    method: 'post',\n    headers: {\n      'Content-type': 'application/json',\n      Accept: 'application/json'\n    },\n    body: JSON.stringify(options)\n  })\n\n  return response.ok\n}\n"]}

package/dist-client/bootstrap.d.ts

@@ -0,0 +1 @@
+export default function bootstrap(): Promise<void>;