@radiantabyss/vue 3.1.2 → 3.1.4

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@radiantabyss/vue",
-    "version": "3.1.2",
+    "version": "3.1.4",
     "author": "radiantabyss.com",
     "license": "ISC",
     "eslintConfig": {

package/src/Bootstrap.js

@@ -8,6 +8,7 @@ import Cookie from './Support/Cookie';
 import Confirm from './Confirm';
 import Gate from './Support/Gate';
 import Helpers from './Support/Helpers';
+import Invoke from './Invoke';
 import Item from './Support/Item';
 import Items from './Support/Items';
 import Request from './Request';
@@ -17,6 +18,12 @@ import Str from './Support/Str';
 import Store from './Store';
 
 export default async (app) => {
+    //helpers
+    for ( let key in Helpers ) {
+        window[key] = Helpers[key];
+        app.config.globalProperties[key] = Helpers[key];
+    }
+
     await Components(app);
     await Directives(app);
     await Mixins(app);
@@ -26,6 +33,7 @@ export default async (app) => {
     window.Cookie = Cookie;
     window.Confirm = Confirm;
     window.Gate = Gate;
+    window.Invoke = Invoke;
     window.Item = Item;
     window.Items = Items;
     window.Request = Request;

package/src/Invoke.js

@@ -0,0 +1,63 @@
+let sprite_version = import.meta.env.VITE_SPRITE_VERSION;
+
+export default async function(edge, payload = {}, display_errors = false) {
+    let _button;
+    if ( payload._button !== undefined ) {
+        _button = payload._button;
+        delete payload._button;
+    }
+
+    let _event;
+    if ( payload._event !== undefined ) {
+        _event = payload._event;
+        _event.preventDefault();
+
+        if ( _button === undefined ) {
+            _button = _event.target;
+        }
+
+        delete payload._event;
+    }
+
+    if ( _button !== undefined ) {
+        if ( _button.disabled ) {
+            return;
+        }
+        _button.disabled = true;
+    }
+
+    let _button_html;
+    if ( typeof _button !== 'undefined' ) {
+        _button_html = _button.innerHTML;
+
+        if ( payload._replace_html ) {
+            _button.innerHTML = `<svg class="svg-request-spinner"><use xlink:href="/sprites.svg?v=${sprite_version}#request-spinner"></use></svg>`;
+        }
+        else {
+            _button.innerHTML += `&nbsp;<svg class="svg-request-spinner"><use xlink:href="/sprites.svg?v=${sprite_version}#request-spinner"></use></svg>`;
+        }
+    }
+
+    try {
+        let data = await electron.IPC.invoke(edge, payload);
+
+        if ( _button !== undefined ) {
+            _button.disabled = false;
+            _button.innerHTML = _button_html;
+        }
+
+        return data;
+    }
+    catch(e) {
+        if ( display_errors ) {
+            Alert.error(e.toString(), 7000);
+        }
+
+        if ( _button !== undefined ) {
+            _button.disabled = false;
+            _button.innerHTML = _button_html;
+        }
+
+        throw e;
+    }
+}

package/src/Support/Helpers.js

@@ -29,8 +29,4 @@ let self = {
     },
 }
 
-for ( let helper in self ) {
-    window[helper] = self[helper];
-}
-
 export default self;

package/src/Support/ReactiveStorage.js

@@ -6,14 +6,14 @@ const self = {
     }),
 
     setItem(key, value) {
-        localStorage.setItem(key, value);
+        localStorage.setItem(key, JSON.stringify(value));
         self.state.data[key] = value;
     },
 
     getItem(key) {
         if (!self.state.data[key]) {
-            const value = localStorage.getItem(key);
-            if (value) {
+            const value = JSON.parse(localStorage.getItem(key));
+            if ( value ) {
                 self.state.data[key] = value;
             }
         }