npm - web-push-notifications - Versions diffs - 3.40.1 → 3.44.1 - Mend

web-push-notifications 3.40.1 → 3.44.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (149) hide show

package/.editorconfig +11 -0
package/.gitlab-ci.yml +190 -0
package/babel.config.js +7 -0
package/ci/cdn/Dockerfile +12 -0
package/ci/dev/Dockerfile +30 -0
package/ci/dev/rootfs/entrypoint.sh +18 -0
package/ci/dev/rootfs/entrypoint.sh.d/nginx.sh +6 -0
package/ci/dev/rootfs/entrypoint.sh.d/supervisor.sh +5 -0
package/ci/dev/rootfs/etc/nginx/_real_ip.conf +2 -0
package/ci/dev/rootfs/etc/nginx/conf.d/default.conf +20 -0
package/ci/dev/rootfs/etc/supervisor.d/nginx.ini +11 -0
package/ci/github/Dockerfile +59 -0
package/ci/github/release-zip.js +61 -0
package/ci/npm/Dockerfile +19 -0
package/config/config.js +24 -0
package/config/configBuilder.js +126 -0
package/config/helpers.js +9 -0
package/config/index.js +1 -0
package/develop/README.md +42 -0
package/develop/favicon.png +0 -0
package/develop/index.html +511 -0
package/eslint.config.mjs +114 -0
package/package.json +4 -34
package/{lib → public}/index.d.ts +10 -10
package/scripts/zip.js +26 -0
package/src/core/Pushwoosh.ts +768 -0
package/src/core/Pushwoosh.types.ts +254 -0
package/src/core/Safari.types.ts +26 -0
package/src/core/constants.ts +58 -0
package/src/core/events.types.ts +46 -0
package/src/core/functions.ts +33 -0
package/src/core/legacyEventsMap.ts +64 -0
package/src/core/logger.ts +64 -0
package/src/core/modules/EventBus/EventBus.ts +66 -0
package/src/core/modules/EventBus/index.ts +1 -0
package/src/core/storage.ts +254 -0
package/src/helpers/logger.ts +81 -0
package/src/helpers/pwlogger/Logger.constants.ts +31 -0
package/src/helpers/pwlogger/Logger.ts +218 -0
package/src/helpers/pwlogger/Logger.types.ts +66 -0
package/src/helpers/pwlogger/handlers/handler-console/handler-console.ts +40 -0
package/src/helpers/pwlogger/index.ts +2 -0
package/src/helpers/unescape.ts +36 -0
package/src/models/InboxMessages.ts +202 -0
package/src/models/InboxMessages.types.ts +111 -0
package/src/models/NotificationPayload.ts +216 -0
package/src/models/NotificationPayload.types.ts +65 -0
package/src/modules/Api/Api.ts +386 -0
package/src/modules/Api/Api.types.ts +7 -0
package/src/modules/ApiClient/ApiClient.ts +153 -0
package/src/modules/ApiClient/ApiClient.types.ts +222 -0
package/src/modules/Data/Data.ts +345 -0
package/src/modules/DateModule.ts +53 -0
package/src/modules/InboxMessagesPublic.ts +222 -0
package/src/modules/PlatformChecker/PlatformChecker.ts +170 -0
package/src/modules/PlatformChecker/PlatformChecker.types.ts +5 -0
package/src/modules/PlatformChecker/index.ts +1 -0
package/src/modules/storage/Storage.ts +164 -0
package/src/modules/storage/Storage.types.ts +54 -0
package/src/modules/storage/Store.ts +104 -0
package/src/modules/storage/migrations/26-11-2018.ts +25 -0
package/src/modules/storage/migrations/MigrationExecutor.ts +31 -0
package/src/modules/storage/migrations/Migrations.ts +41 -0
package/src/modules/storage/migrations/constants.ts +8 -0
package/src/modules/storage/migrations/helpers.ts +16 -0
package/src/modules/storage/migrations/initial.ts +47 -0
package/src/modules/storage/version.ts +2 -0
package/src/npm.ts +1 -0
package/src/pushwoosh-web-notifications.ts +47 -0
package/src/pushwoosh-widget-inbox.ts +8 -0
package/src/pushwoosh-widget-subscribe-popup.ts +9 -0
package/src/pushwoosh-widget-subscription-button.ts +8 -0
package/src/pushwoosh-widget-subscription-prompt.ts +6 -0
package/src/service-worker.ts +455 -0
package/src/services/PushService/PushService.ts +2 -0
package/src/services/PushService/PushService.types.ts +74 -0
package/src/services/PushService/drivers/PushServiceDefault/PushServiceDefault.ts +235 -0
package/src/services/PushService/drivers/PushServiceDefault/PushServiceDefault.types.ts +3 -0
package/src/services/PushService/drivers/PushServiceSafari/PushServiceSafari.ts +125 -0
package/src/services/PushService/drivers/PushServiceSafari/PushServiceSafari.types.ts +4 -0
package/src/widget-inbox.ts +1 -0
package/src/widget-subscribe-popup.ts +1 -0
package/src/widget-subscription-button.ts +1 -0
package/src/widget-subscription-prompt.ts +33 -0
package/src/widgets/Inbox/InboxWidget.ts +564 -0
package/src/widgets/Inbox/constants.ts +49 -0
package/src/widgets/Inbox/css/inboxWidgetStyle.css +274 -0
package/src/widgets/Inbox/helpers.ts +63 -0
package/src/widgets/Inbox/inbox.d.ts +9 -0
package/src/widgets/Inbox/inbox_widget.types.ts +41 -0
package/src/widgets/Inbox/index.ts +1 -0
package/src/widgets/Inbox/widgetTemplates.ts +55 -0
package/src/widgets/SubscribePopup/SubscribePopup.ts +241 -0
package/src/widgets/SubscribePopup/constants.ts +66 -0
package/src/widgets/SubscribePopup/helpers.ts +11 -0
package/src/widgets/SubscribePopup/index.ts +1 -0
package/src/widgets/SubscribePopup/popupTemplates.ts +24 -0
package/src/widgets/SubscribePopup/styles/popup.css +226 -0
package/src/widgets/SubscribePopup/types/subscribe-popup.ts +68 -0
package/src/widgets/SubscriptionButton/assets/css/main.css +205 -0
package/src/widgets/SubscriptionButton/bell.ts +67 -0
package/src/widgets/SubscriptionButton/constants.ts +28 -0
package/src/widgets/SubscriptionButton/index.ts +377 -0
package/src/widgets/SubscriptionButton/positioning.ts +165 -0
package/src/widgets/SubscriptionButton/subscribe_widget.types.ts +53 -0
package/src/widgets/SubscriptionPrompt/SubscriptionPromptWidget.constants.ts +1 -0
package/src/widgets/SubscriptionPrompt/SubscriptionPromptWidget.helpers.ts +110 -0
package/src/widgets/SubscriptionPrompt/SubscriptionPromptWidget.ts +102 -0
package/src/widgets/SubscriptionPrompt/SubscriptionPromptWidget.types.ts +23 -0
package/src/widgets/SubscriptionPrompt/constants.ts +22 -0
package/src/widgets/SubscriptionPrompt/helpers.ts +42 -0
package/src/widgets/widgets.d.ts +4 -0
package/src/worker/global.ts +36 -0
package/src/worker/notification.ts +34 -0
package/src/worker/worker.types.ts +4 -0
package/test/__helpers__/apiHelpers.ts +22 -0
package/test/__helpers__/keyValueHelpers.ts +15 -0
package/test/__helpers__/platformHelpers.ts +54 -0
package/test/__helpers__/sinonHelpers.ts +7 -0
package/test/__helpers__/storageHelpers.ts +56 -0
package/test/__mocks__/apiRequests.ts +26 -0
package/test/__mocks__/idbMock.ts +12 -0
package/test/__mocks__/idbObjectStoreMock.ts +38 -0
package/test/__mocks__/inboxMessages.ts +292 -0
package/test/__mocks__/models/inboxModel.ts +71 -0
package/test/__mocks__/modules/apiClientModule.ts +18 -0
package/test/__mocks__/modules/dateModule.ts +34 -0
package/test/__mocks__/modules/inboxParamsModule.ts +21 -0
package/test/__mocks__/modules/paramsBuilder.ts +12 -0
package/test/__mocks__/modules/paramsModule.ts +35 -0
package/test/__mocks__/modules/payloadBuilderModule.ts +15 -0
package/test/__mocks__/modules/storageModule.ts +58 -0
package/test/__mocks__/navigator.ts +38 -0
package/test/__mocks__/notification.ts +84 -0
package/test/__mocks__/pushwoosh.ts +12 -0
package/test/__mocks__/userAgents +8 -0
package/test/functions.test.ts +22 -0
package/test/ignore-html.js +6 -0
package/test/mocha.opts +6 -0
package/test/modules/DateModule/unit.test.ts +80 -0
package/test/modules/storage/Storage/unit.test.ts +180 -0
package/test/modules/storage/Store/unit.test.ts +192 -0
package/testRegister.js +24 -0
package/tsconfig.json +31 -0
package/webpack.config.js +163 -0
package/lib/index.js +0 -2
package/lib/index.js.map +0 -1
package/lib/service-worker.js +0 -2
package/lib/service-worker.js.map +0 -1

package/develop/index.html ADDED Viewed

@@ -0,0 +1,511 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title>Web SDK test server</title>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="shortcut icon" href="develop/favicon.png" type="image/x-icon" />
+    <script>
+        var Pushwoosh = Pushwoosh || [];
+        Pushwoosh.push(["init", <%=htmlWebpackPlugin.options.externals.initParams%>]);
+    </script>
+    <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,700&amp;subset=cyrillic" rel="stylesheet">
+    <style>
+      body {
+        font-family: 'Open Sans', sans-serif;
+        margin: 50px 25px;
+      }
+      .permission-status,
+      .subscription-status {
+          display: none;
+      }
+      .success {
+        color: green;
+      }
+      .error {
+        color: red;
+      }
+      textarea {
+        width: 100%;
+        box-sizing: border-box;
+      }
+      fieldset {
+        margin: 30px 0;
+      }
+      input, button, textarea {
+        font-family: inherit;
+      }
+      #actionSubscribe,
+      #denied {color: red;}
+      #actionUnsubscribe,
+      #granted {color: green;}
+      #prompt {color: blue;}
+      .page {
+          font-size: 14px;
+          padding: 0 20px;
+          margin: auto;
+      }
+      pre {
+        font-size: 12px;
+      }
+    </style>
+</head>
+<body>
+<div class="page">
+    <h1><a href="/">Pushwoosh Web SDK</a> <span id="pwInbox">🔔</span></h1>
+    <p><em>Status === subscribed, when notifications permission granted and device registered.</em></p>
+    <p>
+        Permission:
+        <b id="prompt" class="permission-status">Prompt</b>
+        <b id="denied" class="permission-status">Denied</b>
+        <b id="granted" class="permission-status">Granted</b>
+    </p>
+    <p>
+        Status:
+        <b id="actionSubscribe" class="subscription-status">
+          Unsubscribed <br><br><button onclick="Pushwoosh.subscribe()">Subscribe</button>
+        </b>
+        <b id="actionUnsubscribe" class="subscription-status">
+          Subscribed <br><br><button onclick="Pushwoosh.unsubscribe()">Unsubscribe</button>
+        </b>
+    </p>
+    <p>Params:</p>
+    <table id="deviceParams" border="1" cellpadding="5" cellspacing="0" bordercolor="lightgrey">
+      <tbody></tbody>
+    </table>
+    <fieldset>
+        <legend>GDPR communication</legend>
+        <p>
+            <label for="GDPRSetCommunicationEnabled">
+                <input type="checkbox" id="GDPRSetCommunicationEnabled">
+                Set Communication Enabled
+            </label>
+        </p>
+        <button id="GDPRRemoveAllDeviceData">Remove All Device Data</button>
+    </fieldset>
+    <fieldset>
+        <legend>/postEvent</legend>
+        <form id="postEventForm">
+            <div class="success"></div>
+            <div class="error"></div>
+            <p>
+                <input type="text" name="event" placeholder="Specify event name..." required>
+            </p>
+            <p>
+                <textarea name="attributes" placeholder="Specify valid JSON with attributes..." cols="30" rows="10" required></textarea>
+            </p>
+            <button type="submit">Submit</button>
+        </form>
+    </fieldset>
+    <fieldset>
+        <legend>/registerUser</legend>
+        <form id="registerUserForm">
+          <div class="success"></div>
+          <div class="error"></div>
+          <p>
+            <input type="text" name="userId" placeholder="Specify userId..." required>
+            <button type="submit">Submit</button>
+          </p>
+        </form>
+    </fieldset>
+    <fieldset>
+      <legend>/registerEmail</legend>
+      <form id="registerEmailForm">
+        <div class="success"></div>
+        <div class="error"></div>
+        <p>
+          <input type="text" name="email" placeholder="Specify email..." required>
+          <button type="submit">Submit</button>
+        </p>
+      </form>
+    </fieldset>
+    <fieldset>
+        <legend>/setTags</legend>
+        <form id="setTagsForm">
+          <div class="success"></div>
+          <div class="error"></div>
+          <p>
+            <textarea
+              name="tags"
+              placeholder="Specify valid JSON..."
+              cols="30"
+              rows="10"
+              required
+            ></textarea>
+          </p>
+          <button type="submit">Submit</button>
+        </form>
+    </fieldset>
+    <script>
+      // On Load Event
+      Pushwoosh.push(['onLoad', function () {
+        console.log('Pushwoosh load!');
+      }]);
+      // Ready Event
+      Pushwoosh.push(function (api) {
+        console.log('Pushwoosh ready!');
+      });
+      // Subscribe Event
+      Pushwoosh.push(['onLoad', function (api) {
+        Pushwoosh.addEventHandler('subscribe', function (payload) {
+          console.log('Triggered event: subscribe');
+        });
+      }]);
+      // Unsubscribe Event
+      Pushwoosh.push(['onLoad', function (api) {
+        Pushwoosh.addEventHandler('unsubscribe', function (payload) {
+          console.log('Triggered event: unsubscribe');
+        });
+      }]);
+      // Subscription Widget Events
+      Pushwoosh.push(['onLoad', function (api) {
+        Pushwoosh.addEventHandler('show-subscription-widget', function (payload) {
+          console.log('Triggered event: show-subscription-widget');
+        });
+        Pushwoosh.addEventHandler('hide-subscription-widget', function (payload) {
+          console.log('Triggered event: hide-subscription-widget');
+        });
+      }]);
+      // Notification Permission Dialog Events
+      Pushwoosh.push(['onLoad', function (api) {
+        Pushwoosh.addEventHandler('show-notification-permission-dialog', function (payload) {
+          console.log('Triggered event: show-notification-permission-dialog');
+        });
+        Pushwoosh.addEventHandler('hide-notification-permission-dialog', function (payload) {
+          console.log('Triggered event: hide-notification-permission-dialog', payload.permission);
+        });
+      }]);
+      // Permission Events
+      Pushwoosh.push(['onLoad', function (api) {
+        Pushwoosh.addEventHandler('permission-default', function () {
+          console.log('Triggered event: permission-default');
+        });
+        Pushwoosh.addEventHandler('permission-denied', function () {
+          console.log('Triggered event: permission-denied');
+        });
+        Pushwoosh.addEventHandler('permission-granted', function () {
+          console.log('Triggered event: permission-granted');
+        });
+      }]);
+      // Receive Push Event
+      Pushwoosh.push(['onLoad', function (api) {
+        Pushwoosh.addEventHandler('receive-push', function (payload) {
+          console.log('Triggered event: receive-push', payload.notification);
+        });
+      }]);
+      // Notification Events
+      Pushwoosh.push(['onLoad', function (api) {
+        Pushwoosh.addEventHandler('open-notification', function (payload) {
+          console.log('Triggered event: open-notification', payload.notification);
+        });
+        Pushwoosh.addEventHandler('hide-notification', function (payload) {
+          console.log('Triggered event: hide-notification', payload.notification);
+        });
+      }]);
+      // In-Box Events
+      Pushwoosh.push(['onLoad', function (api) {
+        Pushwoosh.addEventHandler('receive-inbox-message', function (payload) {
+          console.log('Triggered event: receive-inbox-message', payload.message);
+        });
+        Pushwoosh.addEventHandler('update-inbox-messages', function (payload) {
+          console.log('Triggered event: receive-inbox-message', payload.messages);
+        });
+      }]);
+      Pushwoosh.push(function(api) {
+        console.log('EVENT: onReady', api);
+        Pushwoosh.isCommunicationEnabled().then(function(isEnabled) {
+            document.querySelector('#GDPRSetCommunicationEnabled').checked = isEnabled;
+        });
+        document.querySelector('#GDPRSetCommunicationEnabled').addEventListener('click', function (event) {
+            event.preventDefault();
+            Pushwoosh.setCommunicationEnabled(event.target.checked);
+        }, false);
+        document.querySelector('#GDPRRemoveAllDeviceData').addEventListener('click', function() {
+          Pushwoosh.removeAllDeviceData();
+        });
+        checkSubscription();
+      });
+      Pushwoosh.push(['onChangeCommunicationEnabled', function(api, isEnabled) {
+        console.log('EVENT: onChangeCommunicationEnabled', isEnabled);
+        document.querySelector('#GDPRSetCommunicationEnabled').checked = isEnabled;
+      }]);
+      Pushwoosh.push(['onSubscribe', function(api) {
+        console.log('EVENT: onSubscribe', api);
+        checkSubscription();
+      }]);
+      Pushwoosh.push(['onUnsubscribe', function(api) {
+        console.log('EVENT: onUnsubscribe', api);
+        checkSubscription();
+      }]);
+      Pushwoosh.push(['onRegister', function(api) {
+        console.log('EVENT: onRegister', api);
+        checkSubscription();
+      }]);
+      Pushwoosh.push(['onPermissionPrompt', function(api) {
+        console.log('EVENT: onPermissionPrompt', api);
+        toggleNodesVisibility('.permission-status', 'prompt');
+      }]);
+      Pushwoosh.push(['onPermissionDenied', function(api) {
+        console.log('EVENT: onPermissionDenied', api);
+        toggleNodesVisibility('.permission-status', 'denied');
+        checkSubscription();
+      }]);
+      Pushwoosh.push(['onPermissionGranted', function(api) {
+        console.log('EVENT: onPermissionGranted', api);
+        toggleNodesVisibility('.permission-status', 'granted');
+        checkSubscription();
+      }]);
+      Pushwoosh.push(['onPushDelivery', function(api, params) {
+          console.log('EVENT: onPushDelivery', api, params);
+      }]);
+      Pushwoosh.push(['onNotificationClick', function(api, params) {
+          console.log('EVENT: onNotificationClick', api, params);
+      }]);
+      Pushwoosh.push(['onNotificationClose', function(api, params) {
+          console.log('EVENT: onNotificationClose', api, params);
+      }]);
+      Pushwoosh.push(['onSWInitError', function(api) {
+          console.log('EVENT: onSWInitError', api);
+      }]);
+      Pushwoosh.push(['onPutNewMessageToInboxStore', function(api, message) {
+        console.log('EVENT: onPutNewMessageToInboxStore', message);
+      }]);
+      Pushwoosh.push(['onUpdateInboxMessages', function(api, pwinbox) {
+        pwinbox.loadMessages().then(function(messages) {
+          console.log('EVENT: onUpdateInboxMessages', messages);
+        })
+      }]);
+      Pushwoosh.push(['onShowNotificationPermissionDialog', function(api) {
+        console.log('EVENT: onShowNotificationPermissionDialog');
+      }]);
+      Pushwoosh.push(['onShowSubscriptionWidget', function(api) {
+        console.log('EVENT: onShowSubscriptionWidget');
+      }]);
+      Pushwoosh.push(['onHideSubscriptionWidget', function(api) {
+        console.log('EVENT: onHideSubscriptionWidget');
+      }]);
+      Pushwoosh.push(['onHideNotificationPermissionDialog', function(api, permission) {
+        console.log('EVENT: onHideNotificationPermissionDialog', permission);
+        checkSubscription();
+      }]);
+      function checkSubscription() {
+        Pushwoosh.isSubscribed().then(function (res) {
+          toggleNodesVisibility('.subscription-status', res ? 'actionUnsubscribe' : 'actionSubscribe');
+        }).catch(function (err) {
+          console.error('Is subscribed error', err);
+        });
+        Pushwoosh.getParams().then(function (params) {
+          var table = document.querySelector('#deviceParams tbody');
+          table.innerHTML = '';
+          Object.keys(params).map(function(key) {
+            var row = '<tr><td>'+key+'</td><td><pre>'+JSON.stringify(params[key], null, 2) || ''+'</pre></td></tr>';
+            table.insertAdjacentHTML('beforeend', row);
+          });
+        });
+      }
+      function toggleNodesVisibility(selector, id) {
+        var nodes = document.querySelectorAll(selector);
+        [].forEach.call(nodes, function (el) {
+          el.style.display = el.id === id ? 'inline' : 'none';
+        });
+      }
+      function toggleNodesVisibility(selector, id) {
+        var nodes = document.querySelectorAll(selector);
+        [].forEach.call(nodes, function(el) {
+          el.style.display = el.id === id ? 'inline' : 'none';
+        });
+      }
+      document.querySelector('#registerUserForm').addEventListener('submit', function(e) {
+        e.preventDefault();
+        var form = this;
+        var button = form.querySelector('button');
+        var input = form.querySelector('[name="userId"]');
+        var successNode = form.querySelector('.success');
+        var errorNode = form.querySelector('.error');
+        var userId = input.value;
+        button.setAttribute('disabled', 'disabled');
+        Pushwoosh.api.registerUser(userId)
+          .then(function() {
+            input.value = '';
+            errorNode.innerHTML = '';
+            successNode.innerHTML = 'Data successfully submitted ' + new Date();
+          })
+          .catch(function(err) {
+            successNode.innerHTML = '';
+            console.error(err);
+            errorNode.innerHTML = 'Got some error on submit. Check console for details.';
+          })
+          .then(function() {
+            button.removeAttribute('disabled');
+          });
+      });
+      document.querySelector('#registerEmailForm').addEventListener('submit', function(e) {
+        e.preventDefault();
+        var form = this;
+        var button = form.querySelector('button');
+        var input = form.querySelector('[name="email"]');
+        var successNode = form.querySelector('.success');
+        var errorNode = form.querySelector('.error');
+        var email = input.value;
+        button.setAttribute('disabled', 'disabled');
+        Pushwoosh.api.registerEmail(email)
+          .then(function() {
+            input.value = '';
+            errorNode.innerHTML = '';
+            successNode.innerHTML = 'Data successfully submitted ' + new Date();
+          })
+          .catch(function(err) {
+            successNode.innerHTML = '';
+            console.error(err);
+            errorNode.innerHTML = 'Got some error on submit. Check console for details.';
+          })
+          .then(function() {
+            button.removeAttribute('disabled');
+          });
+      });
+      document.querySelector('#setTagsForm').addEventListener('submit', function(e) {
+        e.preventDefault();
+        var form = this;
+        var button = form.querySelector('button');
+        var input = form.querySelector('[name="tags"]');
+        var successNode = form.querySelector('.success');
+        var errorNode = form.querySelector('.error');
+        var tags = input.value;
+        try {
+          tags = JSON.parse(tags);
+          errorNode.innerHTML = '';
+        }
+        catch (err) {
+          successNode.innerHTML = '';
+          console.error(err);
+          errorNode.innerHTML = 'JSON.parse error. Expected object: {[k: string]: any}';
+          return;
+        }
+        button.setAttribute('disabled', 'disabled');
+        Pushwoosh.api.setTags(tags)
+          .then(function(res) {
+            var skipped = res && res.skipped || null;
+            if (!skipped || !skipped.length) {
+              input.value = '';
+              errorNode.innerHTML = '';
+              successNode.innerHTML = 'Data successfully submitted ' + new Date();
+            } else {
+              successNode.innerHTML = '';
+              errorNode.innerHTML = skipped.map(function(item) {
+                return 'Skipped tag "' + item.tag + '", reason "' + item.reason + '".';
+              }).join('n\ ');
+            }
+          })
+          .catch(function(err) {
+            console.error(err);
+            successNode.innerHTML = '';
+            errorNode.innerHTML = 'Got some error on submit. Check console for details.';
+          })
+          .then(function() {
+            button.removeAttribute('disabled');
+          });
+      });
+      document.querySelector('#postEventForm').addEventListener('submit', function(e) {
+        e.preventDefault();
+        var form = this;
+        var button = form.querySelector('button');
+        var eventControl = form.querySelector('[name="event"]');
+        var attributesControl = form.querySelector('[name="attributes"]');
+        var successNode = form.querySelector('.success');
+        var errorNode = form.querySelector('.error');
+        var attributes = attributesControl.value;
+        var event = eventControl.value;
+        successNode.innerHTML = '';
+        errorNode.innerHTML = '';
+        if (!event) {
+          errorNode.innerHTML += 'Event name is required.';
+          return;
+        }
+        try {
+          attributes = JSON.parse(attributes);
+        }
+        catch (err) {
+          console.error(err);
+          errorNode.innerHTML = 'JSON.parse error. Expected object: {[k: string]: any}';
+          return;
+        }
+        button.setAttribute('disabled', 'disabled');
+        Pushwoosh.api.postEvent(event, attributes)
+          .then(function() {
+            successNode.innerHTML = 'Data successfully submitted ' + new Date();
+          })
+          .catch(function(err) {
+            errorNode.innerHTML += 'Got some error on submit. Check console for details.';
+            console.error(err);
+          })
+          .then(function() {
+            button.removeAttribute('disabled');
+          });
+      });
+    </script>
+</div>
+</body>
+</html>

package/eslint.config.mjs ADDED Viewed

@@ -0,0 +1,114 @@
+// @ts-check
+import eslint from '@eslint/js';
+import stylistic from '@stylistic/eslint-plugin';
+import stylisticTs from '@stylistic/eslint-plugin-ts';
+import importPlugin from 'eslint-plugin-import';
+import tseslint from 'typescript-eslint';
+export default tseslint.config(
+  eslint.configs.recommended,
+  importPlugin.flatConfigs.recommended,
+  ...tseslint.configs.recommended,
+  stylistic.configs.customize({
+    indent: 2,
+    quotes: 'single',
+    semi: true,
+    jsx: true,
+    braceStyle: '1tbs',
+    blockSpacing: true,
+    quoteProps: 'as-needed',
+    commaDangle: 'always-multiline',
+    arrowParens: 'always',
+  }),
+  {
+    plugins: {
+      // '@stylistic': stylistic.configs.customize(),
+      '@stylistic/ts': stylisticTs,
+    },
+    rules: {
+      'max-len': [
+        'error',
+        {
+          code: 160,
+          tabWidth: 2,
+          ignoreUrls: true,
+          ignoreComments: true,
+          ignoreStrings: true,
+          ignoreTemplateLiterals: true,
+          ignoreRegExpLiterals: true,
+        },
+      ],
+      '@stylistic/no-mixed-operators': 'off',
+      '@stylistic/multiline-ternary': 'off',
+      '@stylistic/ts/member-delimiter-style': [
+        'error',
+        {
+          multiline: {
+            delimiter: 'semi',
+            requireLast: true,
+          },
+          singleline: {
+            delimiter: 'semi',
+            requireLast: false,
+          },
+        },
+      ],
+      '@typescript-eslint/ban-ts-comment': 'off',
+      '@typescript-eslint/consistent-type-imports': ['error', {
+        prefer: 'type-imports',
+        disallowTypeAnnotations: true,
+        fixStyle: 'inline-type-imports',
+      }],
+      '@typescript-eslint/no-explicit-any': 'off',
+      '@typescript-eslint/no-unused-vars': [
+        'error',
+        {
+          argsIgnorePattern: '^_',
+          caughtErrorsIgnorePattern: '^_',
+          destructuredArrayIgnorePattern: '^_',
+          varsIgnorePattern: '^_',
+        },
+      ],
+      'import/no-named-as-default': 'off',
+      'import/no-unresolved': 'off',
+      'import/order': [
+        'error',
+        {
+          groups: [
+            'builtin',
+            'external',
+            'internal',
+            ['parent', 'sibling'],
+            'index',
+          ],
+          pathGroups: [
+            {
+              pattern: '@*',
+              group: 'external',
+              position: 'after',
+            },
+            {
+              pattern: '@pushwoosh/**',
+              group: 'external',
+              position: 'after',
+            },
+            {
+              pattern: '~/**',
+              group: 'internal',
+              position: 'after',
+            },
+          ],
+          pathGroupsExcludedImportTypes: ['builtin'],
+          'newlines-between': 'always',
+          alphabetize: {
+            order: 'asc',
+            caseInsensitive: true,
+          },
+        },
+      ],
+      'no-nested-ternary': 'error',
+      'no-console': 'off',
+    },
+  },
+);

package/package.json CHANGED Viewed

@@ -1,15 +1,15 @@
 {
   "name": "web-push-notifications",
-  "version": "3.40.1",
+  "version": "3.44.1",
   "description": "Pushwoosh web push notifications",
-  "main": "lib/index.js",
-  "types": "lib/index.d.ts",
+  "main": "npm.js",
+  "types": "npm.d.ts",
   "scripts": {
     "build": "webpack",
     "build:prod": "cross-env NODE_ENV=production webpack",
     "zip": "node scripts/zip.js",
     "release": "npm run build:prod && npm run zip",
-    "start": "cross-env NODE_ENV=development webpack-dev-server --config-name dist --history-api-fallback",
+    "start": "cross-env NODE_ENV=development webpack-dev-server --config-name cdn --history-api-fallback",
     "check:types": "echo \"Run check:types\" && tsc --project tsconfig.json --skipLibCheck --emitDeclarationOnly false --noEmit",
     "check:lint": "echo \"Run check:lint\" && eslint ./src",
     "lint:fix": "echo \"Run lint:fix\" && eslint --fix ./src"
@@ -18,9 +18,6 @@
     "type": "git",
     "url": "git+https://github.com/Pushwoosh/web-push-notifications.git"
   },
-  "files": [
-    "lib"
-  ],
   "keywords": [
     "pushwoosh",
     "web",
@@ -42,7 +39,6 @@
     "@types/eslint__js": "^8.42.3",
     "@types/node": "^22.14.1",
     "archiver": "^7.0.1",
-    "autoprefixer": "^10.4.21",
     "babel-loader": "^10.0.0",
     "clean-webpack-plugin": "^4.0.0",
     "cross-env": "^7.0.3",
@@ -50,7 +46,6 @@
     "eslint": "^9.26.0",
     "eslint-plugin-import": "^2.31.0",
     "html-webpack-plugin": "^5.6.3",
-    "postcss-loader": "^8.1.1",
     "raw-loader": "^4.0.2",
     "terser-webpack-plugin": "^5.3.14",
     "ts-loader": "^9.5.2",
@@ -61,30 +56,5 @@
     "webpack-cli": "^6.0.1",
     "webpack-dev-server": "^5.2.1",
     "webpack-merge": "^6.0.1"
-  },
-  "nyc": {
-    "extension": [
-      ".ts"
-    ],
-    "exclude": [
-      "**/*.d.ts",
-      "**/coverage/**",
-      "**/test/**",
-      "**/config/**",
-      "**/assets/**",
-      "testRegister.js",
-      "webpack.config.js",
-      "webpack.lib.config.js",
-      "dist/**",
-      "lib/",
-      "develop/",
-      "scripts/",
-      "ci/",
-      "node_modules/"
-    ],
-    "reporter": [
-      "html"
-    ],
-    "all": true
   }
 }