motia/quasar-app-extension-onesignal

Adds onesignal push notifications to quasar framework apps.

Quasar App Extension OneSignal

Adds onesignal push notifications to quasar framework apps.

web,pwa and corodova are supported

Setup

yarn add quasar-app-extension-onesignal
quasar ext invoke onesignal

PWA mode

For pwa mode, edit the generated src-pwa/register-service-worker.js and change register(process.env.SERVICE_WORKER_FILE, { to register('/OneSignalSDKWorker.js', {

API

Extends vue components and the app with $oneSignal:

    $vm.$oneSignal === {
        get Instance (): Object|Array; // returns window.OneSignal
        setup (appId: string, initConfig?: Object) ;
        optIn (extenalUserId?: string);
        optout ();
    }

Usage

  // setup one signal
  app.$oneSignal.setup(process.env.ONESIGNAL_APP_ID)

  store.watch(
    () => store.state.auth.user,
    function (user) {
      if (user) {
        // optin using an optional external_user_id
        app.$oneSignal.optIn(user.push_id)
      } else {
        // optout
        app.$oneSignal.optOut()
      }
    }
  )

quasar-app-extension-onesignal's Issues

Pwa updating error

Using this extension alongside PWA project with register-service-worker.js and using the method updated to reload the page after new release detection, the browser is reloading multiple times and can't find any release.

Pwa Options:

      workboxPluginMode: 'GenerateSW',
      workboxOptions: { skipWaiting: true, clientsClaim: true }, // only for GenerateSW

Code used in register-service-worker.js

  updated (/* registration */) {
    // console.log(registration)
    Notify.create({
      message:
        'Uma nova versão desta aplicação foi detectada. A aplicação será reiniciada para que a atualização tenha efeito.',
      icon: 'update',
      color: 'grey-8',
      textColor: 'white',
      timeout: 5000,
      onDismiss: () => {
        window.location.reload()
      }
    })
  },

Support for Quasar v3

Hi, awesome extension!

But, since many projects will probably be using Quasar v3 from now on, is it possible that you can update it to Quasar v3?

Cannot read property 'message' of undefined

quasar version: 1.14.5

[Question] Capacitor support

Hi!

Has your extension support for capacitor?

Problem with Object.assign

Hi, I'd like to comment a change at the init method

As you might see, after you make the assignment, properties like the notifyButton and the welcomeNotification will be overwritten by yours default object. Could you please just change the order of the assignment?

E.g:

Object.assign(
{ ...default_propoerties },
initConfig
)

How to integrate?

Hey there,

nice package! I really need to integrate OneSignal to my Quasar App (no PWA needed).
Unfortunately I can not get it to work.

I have a boot file named init.js where I put the following code:

import Vue from 'vue'

export default async ({ store, app }) => {
    ...
    if (store.getters['auth/isAuthenticated']) {
        app.$oneSignal.setup(process.env.ONESIGNAL_APP_ID)
    }
    ...

But app.$oneSignal is undefined when starting the app and throws:

boot error: TypeError: Cannot read property 'setup' of undefined

I added the package and executed quasar ext invoke onesignal. In my quasar.extensions.json is a new empty object named onesignal.

Can you please help me? How do I continue?

Best regards
Nick

Support for Quasar v2

Hi, awesome extension!

But, since many projects will probably be using Quasar v2 from now on, is it possible that you can update it to Quasar v2?