@christianriedl/utils 1.0.3 → 1.0.7

package/README.md

@@ -0,0 +1,3 @@
+# utils
+
+

package/dist/utils/src/index.d.ts

@@ -1,3 +1,4 @@
-export { Helper } from './helper';
-export { LocalStorage, LocalStorageDummy } from './localStorage';
-export { RegisterServiceWorker } from './registerServiceWorker';
+export * from './helper';
+export * from './localStorage';
+export * from './registerServiceWorker';
+export * from './reactiveStorage';

package/dist/utils/src/index.js

@@ -1,4 +1,5 @@
-export { Helper } from './helper';
-export { LocalStorage, LocalStorageDummy } from './localStorage';
-export { RegisterServiceWorker } from './registerServiceWorker';
+export * from './helper';
+export * from './localStorage';
+export * from './registerServiceWorker';
+export * from './reactiveStorage';
 //# sourceMappingURL=index.js.map

package/dist/utils/src/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACjE,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC"}

package/dist/utils/src/reactiveStorage.d.ts

@@ -0,0 +1,18 @@
+import { ILocalStorage } from './iLocalStorage';
+declare type Dictionary<T> = {
+    [key: string]: T;
+};
+export declare class ReactiveStorageItem {
+    storage: ILocalStorage;
+    name: string;
+    value: import("vue").Ref<string | number | boolean>;
+    constructor(localStorage: ILocalStorage, name: string, val: string | number | boolean);
+}
+export declare class ReactiveStorage {
+    storage: ILocalStorage;
+    items: Dictionary<ReactiveStorageItem>;
+    constructor(localStorage: ILocalStorage);
+    setItem(name: string, val: string | number | boolean): void;
+    getItem(name: string): string | number | boolean | undefined;
+}
+export {};

package/dist/utils/src/reactiveStorage.js

@@ -0,0 +1,49 @@
+import { ref, watchEffect } from 'vue';
+export class ReactiveStorageItem {
+    storage;
+    name;
+    value = ref(null);
+    constructor(localStorage, name, val) {
+        this.storage = localStorage;
+        this.name = name;
+        const existingValue = localStorage.getItem(name);
+        if (existingValue == null) {
+            this.value.value = val;
+            localStorage.setItem(name, val);
+        }
+        else {
+            if (typeof val === 'string')
+                this.value.value = localStorage.getItemString(name);
+            if (typeof val === 'number')
+                this.value.value = localStorage.getItemNumber(name);
+            if (typeof val === 'boolean')
+                this.value.value = localStorage.getItemBoolean(name);
+        }
+        watchEffect(() => {
+            this.storage.setItem(this.name, this.value.value);
+        });
+    }
+}
+export class ReactiveStorage {
+    storage;
+    items = {};
+    constructor(localStorage) {
+        this.storage = localStorage;
+    }
+    setItem(name, val) {
+        let item = this.items[name];
+        if (item) {
+            item.value.value = val;
+        }
+        else {
+            item = new ReactiveStorageItem(this.storage, name, val);
+            this.items[name] = item;
+        }
+    }
+    getItem(name) {
+        let item = this.items[name];
+        if (item)
+            return item.value.value;
+    }
+}
+//# sourceMappingURL=reactiveStorage.js.map

package/dist/utils/src/reactiveStorage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reactiveStorage.js","sourceRoot":"","sources":["../../../src/reactiveStorage.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,GAAG,EAAE,WAAW,EAAE,MAAM,KAAK,CAAC;AAIvC,MAAM,OAAO,mBAAmB;IAC5B,OAAO,CAAgB;IACvB,IAAI,CAAS;IACb,KAAK,GAAG,GAAG,CAA4B,IAAI,CAAC,CAAC;IAE7C,YAAY,YAA2B,EAAE,IAAY,EAAE,GAA8B;QACjF,IAAI,CAAC,OAAO,GAAG,YAAY,CAAC;QAC5B,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,MAAM,aAAa,GAAG,YAAY,CAAC,OAAO,CAAE,IAAI,CAAC,CAAC;QAClD,IAAI,aAAa,IAAI,IAAI,EAAE;YACvB,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,CAAC;YACvB,YAAY,CAAC,OAAO,CAAE,IAAI,EAAE,GAAG,CAAC,CAAC;SACpC;aACI;YACD,IAAI,OAAO,GAAG,KAAK,QAAQ;gBACvB,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,YAAY,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;YACxD,IAAI,OAAO,GAAG,KAAK,QAAQ;gBACvB,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,YAAY,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;YACxD,IAAI,OAAO,GAAG,KAAK,SAAS;gBACxB,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,YAAY,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;SAC5D;QACD,WAAW,CAAE,GAAG,EAAE;YACd,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QACtD,CAAC,CAAC,CAAC;IACP,CAAC;CACJ;AAED,MAAM,OAAO,eAAe;IACxB,OAAO,CAAgB;IACvB,KAAK,GAAoC,EAAE,CAAC;IAE5C,YAAY,YAA2B;QACnC,IAAI,CAAC,OAAO,GAAG,YAAY,CAAC;IAChC,CAAC;IAED,OAAO,CAAE,IAAY,EAAE,GAA8B;QACjD,IAAI,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QAC5B,IAAI,IAAI,EAAE;YACN,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,CAAC;SAC1B;aACI;YACD,IAAI,GAAG,IAAI,mBAAmB,CAAE,IAAI,CAAC,OAAO,EAAE,IAAI,EAAE,GAAG,CAAC,CAAC;YACzD,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;SAC3B;IACL,CAAC;IACD,OAAO,CAAE,IAAY;QACjB,IAAI,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QAC5B,IAAI,IAAI;YACJ,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;IAChC,CAAC;CACJ"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@christianriedl/utils",
-  "version": "1.0.3",
+  "version": "1.0.7",
   "description": "",
 
   "main": "dist/utils/src/index.js",
@@ -16,7 +16,14 @@
   },
   "author": "Christian Riedl",
   "license": "ISC",
+  "dependencies": {
+    "vue": "^3.2.13"
+  },
+  "peerDependencies": {
+    "vue": "^3.2.13"
+  },
   "devDependencies": {
+    "@vue/cli-plugin-typescript": "~5.0.0-rc.2",
     "typescript": "^4.5.4",
     "@types/node": "^17.0.8"
   }