@progressive-development/pd-spa-helper 0.3.102 → 0.3.104

package/dist/src/store/indexDB.js

@@ -1,197 +1,150 @@
-// use version import to initialize modul
-import { pdStore } from "./mini-rx.store";
+import { pdStore } from "./mini-rx.store.js";
 import { initIndexDBSucess } from "./spa-app-actions.js";
-export const USER_COLLECTION = "dcInternalUser";
+const USER_COLLECTION = "dcInternalUser";
 const { indexedDB } = window;
 let db;
-/*
-Eine kurze Verzögerung eingebaut.
-
-Fehler im Chrome (einmal, sonst nicht) => Vorher logout durch USerSync (user nicht da).
-Upgrade needed IDBVersionChangeEvent {isTrusted: true, oldVersion: 0, newVersion: 2, dataLoss: "none", dataLossMessage: "",}
-indexDB2.js:190 Error during background initialize DOMException: Failed to execute 'transaction' on 'IDBDatabase': A version change transaction is running.
-    at http://localhost:8000/src/js/indexDB2.js:32:24
-    at new Promise (<anonymous>)
-    at add (http://localhost:8000/src/js/indexDB2.js:31:46)
-    at addBackground (http://localhost:8000/src/js/indexDB2.js:203:38)
-    at http://localhost:8000/src/js/indexDB2.js:143:26
-
-*/
-export const add = (table, el, ignoreDuplicates) => new Promise((resolve, reject) => {
-    const request = db
-        .transaction([table], 'readwrite')
-        .objectStore(table)
-        .add(el);
-    request.onsuccess = () => resolve(request.result);
-    request.onerror = (event) => {
-        if (event.target.error.code === 0 && ignoreDuplicates) {
-            return resolve('duplicate');
-        }
-        console.warn('Unable to add data!', event, el);
-        return reject(event.target.error);
-    };
+const add = (table, el, ignoreDuplicates) => new Promise((resolve, reject) => {
+  const request = db.transaction([table], "readwrite").objectStore(table).add(el);
+  request.onsuccess = () => resolve(request.result);
+  request.onerror = (event) => {
+    if (event.target.error.code === 0 && ignoreDuplicates) {
+      return resolve("duplicate");
+    }
+    console.warn("Unable to add data!", event, el);
+    return reject(event.target.error);
+  };
 });
-export const update = (table, el) => new Promise((resolve, reject) => {
-    const request = db
-        .transaction([table], 'readwrite')
-        .objectStore(table)
-        .put(el);
-    request.onsuccess = () => resolve(request.result);
-    request.onerror = (event) => {
-        console.warn('Unable to put data!', event, el);
-        return reject(event.target.error);
-    };
+const update = (table, el) => new Promise((resolve, reject) => {
+  const request = db.transaction([table], "readwrite").objectStore(table).put(el);
+  request.onsuccess = () => resolve(request.result);
+  request.onerror = (event) => {
+    console.warn("Unable to put data!", event, el);
+    return reject(event.target.error);
+  };
 });
-export const updateAll = (table, elArray) => new Promise((resolve, reject) => {
-    const promises = [];
-    elArray.forEach(el => {
-        promises.push(update(table, el));
-    });
-    return Promise.all(promises)
-        .then(resArr => resolve(resArr))
-        .catch(e => reject(e));
+const updateAll = (table, elArray) => new Promise((resolve, reject) => {
+  const promises = [];
+  elArray.forEach((el) => {
+    promises.push(update(table, el));
+  });
+  return Promise.all(promises).then((resArr) => resolve(resArr)).catch((e) => reject(e));
 });
-export const addAll = (table, elArray, ignoreDuplicates) => new Promise((resolve, reject) => {
-    const promises = [];
-    elArray.forEach(el => {
-        promises.push(add(table, el, ignoreDuplicates));
-    });
-    return Promise.all(promises)
-        .then(resArr => resolve(resArr))
-        .catch(e => reject(e));
+const addAll = (table, elArray, ignoreDuplicates) => new Promise((resolve, reject) => {
+  const promises = [];
+  elArray.forEach((el) => {
+    promises.push(add(table, el, ignoreDuplicates));
+  });
+  return Promise.all(promises).then((resArr) => resolve(resArr)).catch((e) => reject(e));
 });
 const deleteEl = (table, id) => new Promise((resolve, reject) => {
-    const request = db
-        .transaction([table], 'readwrite')
-        .objectStore(table)
-        .delete(id);
-    request.onsuccess = () => resolve(request.result);
-    request.onerror = (e) => reject(e);
+  const request = db.transaction([table], "readwrite").objectStore(table).delete(id);
+  request.onsuccess = () => resolve(request.result);
+  request.onerror = (e) => reject(e);
 });
-export const deleteAllEl = (table, elIdArray) => new Promise((resolve, reject) => {
-    const promises = [];
-    elIdArray.forEach(elId => {
-        promises.push(deleteEl(table, elId));
-    });
-    return Promise.all(promises)
-        .then(resArr => resolve(resArr))
-        .catch(e => reject(e));
+const deleteAllEl = (table, elIdArray) => new Promise((resolve, reject) => {
+  const promises = [];
+  elIdArray.forEach((elId) => {
+    promises.push(deleteEl(table, elId));
+  });
+  return Promise.all(promises).then((resArr) => resolve(resArr)).catch((e) => reject(e));
 });
-export const get = (table, id) => new Promise((resolve, reject) => {
-    const request = db.transaction([table]).objectStore(table).get(id);
-    request.onsuccess = () => resolve(request.result);
-    request.onerror = (e) => reject(e);
+const get = (table, id) => new Promise((resolve, reject) => {
+  const request = db.transaction([table]).objectStore(table).get(id);
+  request.onsuccess = () => resolve(request.result);
+  request.onerror = (e) => reject(e);
 });
-export const getAll = (table, index) => new Promise((resolve, reject) => {
-    const request = index
-        ? db
-            .transaction([table], 'readonly')
-            .objectStore(table)
-            .index(index)
-            .openCursor()
-        : db.transaction([table], 'readonly').objectStore(table).openCursor();
-    // CHECK: getAll => https://developer.mozilla.org/en-US/docs/Web/API/IDBObjectStore    
-    const res = [];
-    request.onsuccess = function (event) {
-        const cursor = event.target.result;
-        if (cursor) {
-            // cursor.value contains the current record being iterated through
-            // this is where you'd do something with the result
-            res.push(cursor.value);
-            cursor.continue();
-        }
-        else {
-            // no more results
-            resolve(res);
-        }
-    };
-    request.onerror = (e) => reject(e);
+const getAll = (table, index) => new Promise((resolve, reject) => {
+  const request = index ? db.transaction([table], "readonly").objectStore(table).index(index).openCursor() : db.transaction([table], "readonly").objectStore(table).openCursor();
+  const res = [];
+  request.onsuccess = function(event) {
+    const cursor = event.target.result;
+    if (cursor) {
+      res.push(cursor.value);
+      cursor.continue();
+    } else {
+      resolve(res);
+    }
+  };
+  request.onerror = (e) => reject(e);
 });
-export const getAllIds = (table) => new Promise((resolve, reject) => {
-    const request = db.transaction([table], 'readonly').objectStore(table).openCursor();
-    // CHECK: getAll => https://developer.mozilla.org/en-US/docs/Web/API/IDBObjectStore    
-    const res = [];
-    request.onsuccess = function (event) {
-        const cursor = event.target.result;
-        if (cursor) {
-            // cursor.value contains the current record being iterated through
-            // this is where you'd do something with the result
-            res.push(cursor.value.id);
-            cursor.continue();
-        }
-        else {
-            // no more results
-            resolve(res);
-        }
-    };
-    request.onerror = (e) => reject(e);
+const getAllIds = (table) => new Promise((resolve, reject) => {
+  const request = db.transaction([table], "readonly").objectStore(table).openCursor();
+  const res = [];
+  request.onsuccess = function(event) {
+    const cursor = event.target.result;
+    if (cursor) {
+      res.push(cursor.value.id);
+      cursor.continue();
+    } else {
+      resolve(res);
+    }
+  };
+  request.onerror = (e) => reject(e);
 });
-export const deleteAll = (table) => new Promise((resolve, reject) => {
-    const request = db
-        .transaction([table], 'readwrite')
-        .objectStore(table)
-        .clear();
-    request.onsuccess = () => resolve(request.result);
-    request.onerror = (e) => reject(e);
+const deleteAll = (table) => new Promise((resolve, reject) => {
+  const request = db.transaction([table], "readwrite").objectStore(table).clear();
+  request.onsuccess = () => resolve(request.result);
+  request.onerror = (e) => reject(e);
 });
-export const removeDatabase = (dbName) => new Promise((resolve, reject) => {
-    db.close();
-    const request = indexedDB.deleteDatabase(dbName);
-    request.onsuccess = () => resolve(request.result);
-    request.onerror = (e) => reject(e);
+const removeDatabase = (dbName) => new Promise((resolve, reject) => {
+  db.close();
+  const request = indexedDB.deleteDatabase(dbName);
+  request.onsuccess = () => resolve(request.result);
+  request.onerror = (e) => reject(e);
 });
-/**
- * Init indexDB for application.
- *
- * @param config - config for index db
- * @param successCallback - callback function after db is successfully initialized
- */
-export const initDB = (config) => {
-    if (!indexedDB) {
-        window.alert("Your browser doesn't support a stable version of IndexedDB.");
-    }
-    else {
-        const { dbName, dbVersion, collections } = config;
-        const request = indexedDB.open(dbName, dbVersion);
-        request.onerror = event => {
-            console.log('error during db init:', event);
-        };
-        request.onsuccess = () => {
-            db = request.result;
-            console.log(`db init success: ${db}`);
-            pdStore().dispatch(initIndexDBSucess());
-        };
-        request.onupgradeneeded = (event) => {
-            console.log('Upgrade needed', event);
-            db = event.target.result;
-            switch (event.oldVersion) {
-                // first call from client, init db
-                case 0:
-                    // create user DB
-                    db.createObjectStore(USER_COLLECTION, {
-                        keyPath: "id",
-                    });
-                    collections.forEach(c => {
-                        db.createObjectStore(c.name, c.collectionConf);
-                    });
-                    break;
-                // depending on our needs, add specific versions here to migrate existing db
-                // case X: ....
-                default:
-                    console.log('Updating database structure for existing version');
-                    // Ergänzt alle neuen Collections, wenn alte Versionen aktualisiert werden
-                    if (!db.objectStoreNames.contains(USER_COLLECTION)) {
-                        db.createObjectStore(USER_COLLECTION, {
-                            keyPath: "id",
-                        });
-                    }
-                    collections.forEach(c => {
-                        if (!db.objectStoreNames.contains(c.name)) {
-                            db.createObjectStore(c.name, c.collectionConf);
-                        }
-                    });
+const initDB = (config) => {
+  if (!indexedDB) {
+    window.alert("Your browser doesn't support a stable version of IndexedDB.");
+  } else {
+    const { dbName, dbVersion, collections } = config;
+    const request = indexedDB.open(dbName, dbVersion);
+    request.onerror = (event) => {
+      console.log("error during db init:", event);
+    };
+    request.onsuccess = () => {
+      db = request.result;
+      console.log(`db init success: ${db}`);
+      pdStore().dispatch(initIndexDBSucess());
+    };
+    request.onupgradeneeded = (event) => {
+      console.log("Upgrade needed", event);
+      db = event.target.result;
+      switch (event.oldVersion) {
+        case 0:
+          db.createObjectStore(USER_COLLECTION, {
+            keyPath: "id"
+          });
+          collections.forEach((c) => {
+            db.createObjectStore(c.name, c.collectionConf);
+          });
+          break;
+        default:
+          console.log("Updating database structure for existing version");
+          if (!db.objectStoreNames.contains(USER_COLLECTION)) {
+            db.createObjectStore(USER_COLLECTION, {
+              keyPath: "id"
+            });
+          }
+          collections.forEach((c) => {
+            if (!db.objectStoreNames.contains(c.name)) {
+              db.createObjectStore(c.name, c.collectionConf);
             }
-        };
-    }
+          });
+      }
+    };
+  }
+};
+export {
+  USER_COLLECTION,
+  add,
+  addAll,
+  deleteAll,
+  deleteAllEl,
+  get,
+  getAll,
+  getAllIds,
+  initDB,
+  removeDatabase,
+  update,
+  updateAll
 };
-//# sourceMappingURL=indexDB.js.map

package/dist/src/store/mini-rx.store.js

@@ -1,42 +1,40 @@
-import { configureStore, LoggerExtension, ReduxDevtoolsExtension, ImmutableStateExtension } from 'mini-rx-store';
-import { spaAppReducer } from '../store/spa-app-reducer.js';
-import { appRouteEffect, appToastEffect, registerNotificationTokenSuccessEffect } from '../store/spa-app-effects.js';
+import { configureStore, LoggerExtension, ReduxDevtoolsExtension, ImmutableStateExtension } from "../../node_modules/mini-rx-store/index.esm.js";
+import { spaAppReducer } from "./spa-app-reducer.js";
+import { appRouteEffect, appToastEffect, registerNotificationTokenSuccessEffect } from "./spa-app-effects.js";
 let store;
 const registerEffects = (effects) => {
-    if (store) {
-        // Register default app route effect
-        store.effect(appRouteEffect);
-        store.effect(appToastEffect);
-        store.effect(registerNotificationTokenSuccessEffect);
-        // Register configured effects
-        effects.forEach(effect => store.effect(effect));
-    }
-    else {
-        console.error("Store is not initialized. Cannot register effects.");
-    }
+  if (store) {
+    store.effect(appRouteEffect);
+    store.effect(appToastEffect);
+    store.effect(registerNotificationTokenSuccessEffect);
+    effects.forEach((effect) => store.effect(effect));
+  } else {
+    console.error("Store is not initialized. Cannot register effects.");
+  }
 };
-export const initializeStore = (param) => {
-    console.log("Initialize Store:", param);
-    // create store
-    if (!store) {
-        store = configureStore({
-            reducers: param.reducer ? {
-                spaApp: spaAppReducer,
-                ...param.reducer
-            } : {
-                spaApp: spaAppReducer
-            },
-            extensions: [
-                new LoggerExtension(),
-                new ReduxDevtoolsExtension({
-                    name: param.appName
-                }),
-                new ImmutableStateExtension()
-            ],
-        });
-        // register default effects after store is initialized
-        registerEffects(param.effects);
-    }
+const initializeStore = (param) => {
+  console.log("Initialize Store:", param);
+  if (!store) {
+    store = configureStore({
+      reducers: param.reducer ? {
+        spaApp: spaAppReducer,
+        ...param.reducer
+      } : {
+        spaApp: spaAppReducer
+      },
+      extensions: [
+        new LoggerExtension(),
+        new ReduxDevtoolsExtension({
+          name: param.appName
+        }),
+        new ImmutableStateExtension()
+      ]
+    });
+    registerEffects(param.effects);
+  }
+};
+const pdStore = () => store;
+export {
+  initializeStore,
+  pdStore
 };
-export const pdStore = () => store;
-//# sourceMappingURL=mini-rx.store.js.map

package/dist/src/store/spa-app-actions.js

@@ -1,14 +1,27 @@
-import { action, payload } from 'ts-action';
-export const initIndexDBSucess = action('SPA_INIT_INDEX_DB_SUCCESS');
-export const loginSucess = action('SPA_LOGIN_SUCCESS');
-export const nologin = action('SPA_NO_LOGIN');
-export const routeAction = action('SPA_APP_ROUTE', payload());
-export const toastAction = action('SPA_APP_TOAST', payload());
-export const updateInternetOffline = action('SPA_APP_UPDATE_INTERNET_OFFLINE', payload());
-export const addLoadingState = action('SPA_APP_ADD_LOADING', payload());
-export const changeSubTask = action('SPA_APP_CHANGE_SUB_LOADING', payload());
-export const removeLoadingState = action('SPA_APP_REMOVE_LOADING', payload());
-export const updateNewNotificationToken = action('UPDATE_NOTIFICATION_TOKEN', payload());
-export const updateNewNotificationTokenSuccess = action('UPDATE_NOTIFICATION_TOKEN_SUCCESS', payload());
-export const updateNewNotificationTokenFail = action('UPDATE_NOTIFICATION_TOKEN_FAIL', payload());
-//# sourceMappingURL=spa-app-actions.js.map
+import { action, payload } from "ts-action";
+const initIndexDBSucess = action("SPA_INIT_INDEX_DB_SUCCESS");
+const loginSucess = action("SPA_LOGIN_SUCCESS");
+const nologin = action("SPA_NO_LOGIN");
+const routeAction = action("SPA_APP_ROUTE", payload());
+const toastAction = action("SPA_APP_TOAST", payload());
+const updateInternetOffline = action("SPA_APP_UPDATE_INTERNET_OFFLINE", payload());
+const addLoadingState = action("SPA_APP_ADD_LOADING", payload());
+const changeSubTask = action("SPA_APP_CHANGE_SUB_LOADING", payload());
+const removeLoadingState = action("SPA_APP_REMOVE_LOADING", payload());
+const updateNewNotificationToken = action("UPDATE_NOTIFICATION_TOKEN", payload());
+const updateNewNotificationTokenSuccess = action("UPDATE_NOTIFICATION_TOKEN_SUCCESS", payload());
+const updateNewNotificationTokenFail = action("UPDATE_NOTIFICATION_TOKEN_FAIL", payload());
+export {
+  addLoadingState,
+  changeSubTask,
+  initIndexDBSucess,
+  loginSucess,
+  nologin,
+  removeLoadingState,
+  routeAction,
+  toastAction,
+  updateInternetOffline,
+  updateNewNotificationToken,
+  updateNewNotificationTokenFail,
+  updateNewNotificationTokenSuccess
+};

package/dist/src/store/spa-app-effects.js

@@ -1,49 +1,69 @@
-import { actions$, createEffect } from 'mini-rx-store';
-import { tap } from 'rxjs/operators';
-import { ofType } from 'ts-action-operators';
-import { routeAction, toastAction, updateNewNotificationTokenSuccess } from './spa-app-actions.js';
-import { NOTIFICATION_TOKEN } from '../service-provider/firebase/messagingFirebaseClient.js';
+import { createEffect, actions$ } from "../../node_modules/mini-rx-store/index.esm.js";
+import { ofType } from "ts-action-operators";
+import { routeAction, toastAction, updateNewNotificationTokenSuccess } from "./spa-app-actions.js";
+import { NOTIFICATION_TOKEN } from "../service-provider/firebase/messagingFirebaseClient.js";
+import { tap } from "../../node_modules/rxjs/dist/esm5/internal/operators/tap.js";
 let routeElement;
-export const setRouteElement = (param) => {
-    routeElement = param;
+const setRouteElement = (param) => {
+  routeElement = param;
 };
-// remove loading task if all sub tasks done
-export const appRouteEffect = createEffect(actions$.pipe(ofType(routeAction), tap((action) => {
-    if (!routeElement) {
+const appRouteEffect = createEffect(
+  actions$.pipe(
+    ofType(routeAction),
+    tap((action) => {
+      if (!routeElement) {
         console.error("No route element set for appRouteEffect");
-    }
-    else {
-        routeElement.dispatchEvent(new CustomEvent('route-event', {
-            detail: { route: action.payload },
-            bubbles: true,
-            composed: true
+      } else {
+        routeElement.dispatchEvent(new CustomEvent("route-event", {
+          detail: { route: action.payload },
+          bubbles: true,
+          composed: true
         }));
-    }
-})), {
+      }
+    })
+  ),
+  {
     dispatch: false
-});
-export const appToastEffect = createEffect(actions$.pipe(ofType(toastAction), tap((action) => {
-    if (!routeElement) {
+  }
+);
+const appToastEffect = createEffect(
+  actions$.pipe(
+    ofType(toastAction),
+    tap((action) => {
+      if (!routeElement) {
         console.error("No route element set for appToastEffect");
-    }
-    else {
-        routeElement.dispatchEvent(new CustomEvent('toast-event', {
-            detail: {
-                txt: action.payload.txt,
-                isSuccess: action.payload.isSuccess,
-                isError: action.payload.isError,
-                duration: action.payload.duration,
-            },
-            bubbles: true,
-            composed: true
+      } else {
+        routeElement.dispatchEvent(new CustomEvent("toast-event", {
+          detail: {
+            txt: action.payload.txt,
+            isSuccess: action.payload.isSuccess,
+            isError: action.payload.isError,
+            duration: action.payload.duration
+          },
+          bubbles: true,
+          composed: true
         }));
-    }
-})), {
+      }
+    })
+  ),
+  {
     dispatch: false
-});
-export const registerNotificationTokenSuccessEffect = createEffect(actions$.pipe(ofType(updateNewNotificationTokenSuccess), tap((action) => {
-    localStorage.setItem(NOTIFICATION_TOKEN, action.payload.messagingToken);
-})), {
+  }
+);
+const registerNotificationTokenSuccessEffect = createEffect(
+  actions$.pipe(
+    ofType(updateNewNotificationTokenSuccess),
+    tap((action) => {
+      localStorage.setItem(NOTIFICATION_TOKEN, action.payload.messagingToken);
+    })
+  ),
+  {
     dispatch: false
-});
-//# sourceMappingURL=spa-app-effects.js.map
+  }
+);
+export {
+  appRouteEffect,
+  appToastEffect,
+  registerNotificationTokenSuccessEffect,
+  setRouteElement
+};