breakup limit store

Author: fadi-george

package.json

@@ -84,7 +84,7 @@
     },
     {
       "path": "./build/releases/OneSignalSDK.page.es6.js",
-      "limit": "47.26 kB",
+      "limit": "47.2 kB",
       "gzip": true
     },
     {

src/page/bell/Button.ts

@@ -1,6 +1,10 @@
 import { addDomElement, removeDomElement } from 'src/shared/helpers/dom';
 import { registerForPushNotifications } from 'src/shared/helpers/init';
-import LimitStore from 'src/shared/services/LimitStore';
+import {
+  limitGetLast,
+  limitIsEmpty,
+  limitStorePut,
+} from 'src/shared/services/limitStore2';
 import OneSignalEvent from 'src/shared/services/OneSignalEvent';
 import AnimatedElement from './AnimatedElement';
 import type Bell from './Bell';
@@ -66,16 +70,16 @@ export default class Button extends AnimatedElement {
 
   _onHovering() {
     if (
-      LimitStore.isEmpty(this._events.mouse) ||
-      LimitStore.getLast(this._events.mouse) === 'out'
+      limitIsEmpty(this._events.mouse) ||
+      limitGetLast(this._events.mouse) === 'out'
     ) {
       OneSignalEvent._trigger(BellEvent._Hovering);
     }
-    LimitStore.put(this._events.mouse, 'over');
+    limitStorePut(this._events.mouse, 'over');
   }
 
   _onHovered() {
-    LimitStore.put(this._events.mouse, 'out');
+    limitStorePut(this._events.mouse, 'out');
     OneSignalEvent._trigger(BellEvent._Hovered);
   }
 
@@ -107,7 +111,7 @@ export default class Button extends AnimatedElement {
         return;
       }
 
-      const optedOut = LimitStore.getLast<boolean>('subscription.optedOut');
+      const optedOut = limitGetLast<boolean>('subscription.optedOut');
       if (this._bell._unsubscribed && !optedOut) {
         // The user is actually subscribed, register him for notifications
         registerForPushNotifications();

src/shared/helpers/init.ts

@@ -7,7 +7,7 @@ import type { OptionKey } from '../database/types';
 import Log from '../libraries/Log';
 import { CustomLinkManager } from '../managers/CustomLinkManager';
 import { SubscriptionStrategyKind } from '../models/SubscriptionStrategyKind';
-import LimitStore from '../services/LimitStore';
+import { limitStorePut } from '../services/limitStore2';
 import OneSignalEvent from '../services/OneSignalEvent';
 import { IS_SERVICE_WORKER } from '../utils/EnvVariables';
 import { once } from '../utils/utils';
@@ -138,7 +138,7 @@ async function storeInitialValues() {
     await OneSignal._context._permissionManager._getPermissionStatus();
   const isOptedOut =
     await OneSignal._context._subscriptionManager._isOptedOut();
-  LimitStore.put('subscription.optedOut', isOptedOut);
+  limitStorePut('subscription.optedOut', isOptedOut);
   await db.put('Options', {
     key: 'isPushEnabled',
     value: isPushEnabled,

src/shared/listeners.ts

@@ -13,7 +13,7 @@ import type {
   NotificationClickEventInternal,
 } from './notifications/types';
 import { isCategorySlidedownConfigured } from './prompts/helpers';
-import LimitStore from './services/LimitStore';
+import { limitStorePut } from './services/limitStore2';
 import OneSignalEvent from './services/OneSignalEvent';
 import { logMethodCall } from './utils/utils';
 
@@ -189,7 +189,7 @@ function onSubscriptionChanged_updateCustomLink() {
 }
 
 export async function onInternalSubscriptionSet(optedOut: boolean) {
-  LimitStore.put('subscription.optedOut', optedOut);
+  limitStorePut('subscription.optedOut', optedOut);
 }
 
 async function onSubscriptionChanged_showWelcomeNotification(

src/shared/services/LimitStore.ts

@@ -0,0 +1,47 @@
+/*
+ LimitStore.put('colorado', 'rocky');
+ ["rocky"]
+ LimitStore.put('colorado', 'mountain');
+ ["rocky", "mountain"]
+ LimitStore.put('colorado', 'national');
+ ["mountain", "national"]
+ LimitStore.put('colorado', 'park');
+ ["national", "park"]
+ */
+const LIMIT = 2;
+const store: Record<string, Array<unknown>> = {};
+
+export function limitStorePut<T>(key: string, value: T) {
+  if (store[key] === undefined) {
+    store[key] = [null, null];
+  }
+  store[key].push(value);
+  if (store[key].length == LIMIT + 1) {
+    store[key].shift();
+  }
+  return store[key];
+}
+
+export function limitStoreGet<T>(key: string): T[] {
+  if (store[key] === undefined) {
+    store[key] = [null, null];
+  }
+  return store[key] as T[];
+}
+
+export function limitGetFirst<T>(key: string) {
+  return limitStoreGet<T>(key)[0];
+}
+
+export function limitGetLast<T>(key: string) {
+  return limitStoreGet<T>(key)[1];
+}
+
+export function limitRemove(key: string) {
+  delete store[key];
+}
+
+export function limitIsEmpty(key: string) {
+  const values = limitStoreGet(key);
+  return values[0] === null && values[1] === null;
+}