neo.mjs 4.7.7 → 4.8.1

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "neo.mjs",
-    "version": "4.7.7",
+    "version": "4.8.1",
     "description": "The webworkers driven UI framework",
     "type": "module",
     "repository": {

package/src/main/addon/Stylesheet.mjs

@@ -31,6 +31,7 @@ class Stylesheet extends Base {
                 'createStyleSheet',
                 'deleteCssRules',
                 'insertCssRules',
+                'setCssVariable',
                 'swapStyleSheet'
             ]
         },
@@ -264,6 +265,37 @@ class Stylesheet extends Base {
         }
     }
 
+    /**
+     * @param {Object} data
+     * @param {String} data.key
+     * @param {String} [data.priority] optionally pass 'important'
+     * @param {String} data.theme
+     * @param {String} data.value
+     */
+    setCssVariable(data) {
+        let key = data.key,
+            rule, sheet;
+
+        if (!key.startsWith('--')) {
+            key = '--' + key;
+        }
+
+        for (sheet of document.styleSheets) {
+            if (sheet.href.includes(data.theme)) {
+                for (rule of sheet.cssRules) {
+                    if (rule.type === 1) { // CSSRule.STYLE_RULE
+                        if (rule.style.getPropertyValue(key) !== '') {
+                            rule.style.setProperty(key, data.value, data.priority);
+                            return true;
+                        }
+                    }
+                }
+            }
+        }
+
+        return false;
+    }
+
     /**
      * @param {Object} data
      * @param {String} data.href

package/src/worker/App.mjs

@@ -55,7 +55,12 @@ class App extends Base {
      */
     construct(config) {
         super.construct(config);
-        Neo.applyDeltas = this.applyDeltas.bind(this); // convenience shortcut
+
+        let me = this;
+
+        // convenience shortcuts
+        Neo.applyDeltas    = me.applyDeltas   .bind(me);
+        Neo.setCssVariable = me.setCssVariable.bind(me);
     }
 
     /**
@@ -291,6 +296,29 @@ class App extends Base {
 
         me.themeFilesCache = [];
     }
+
+    /**
+     * @param {Object} data
+     * @param {String} data.key
+     * @param {String} [data.priority] optionally pass 'important'
+     * @param {String} data.theme=Neo.config.themes[0]
+     * @param {String} data.value
+     * @returns {Promise<any>}
+     */
+    setCssVariable(data) {
+        let addon = Neo.main?.addon?.Stylesheet,
+            theme = Neo.config.themes?.[0];
+
+        if (!addon) {
+            return Promise.reject('Neo.main.addon.Stylesheet not imported');
+        } else {
+            if (theme.startsWith('neo-')) {
+                theme = theme.substring(4);
+            }
+
+            return addon.setCssVariable({theme, ...data});
+        }
+    }
 }
 
 let instance = Neo.applyClassConfig(App);