diff --git a/js/web.js b/js/web.js
new file mode 100644
index 0000000..dcf0171
--- /dev/null
+++ b/js/web.js
@@ -0,0 +1,54 @@
+import { ComfyApp, app } from "../../scripts/app.js";
+
+
+var allow_set_flag = true;
+
+
+app.registerExtension({
+	name: "ComfyUI_mittimiTools",
+
+
+    async beforeConfigureGraph() {
+        allow_set_flag = false;
+    },
+
+
+    async nodeCreated(node) {        
+
+        if (node.comfyClass == "WidthHeightMittimi") {
+
+            Object.defineProperty(node.widgets[2], "value", {
+
+                set: (value) => {
+
+                    node._value = value;
+
+                    
+                    if (allow_set_flag) {
+                        var splitvalue = value.split("x");
+                        node.widgets[0].value = parseInt( splitvalue[0] );
+                        node.widgets[1].value = parseInt( splitvalue[1] );
+                    }
+                    
+                },
+
+                get: () => {
+                    return node._value;
+                }
+                
+            });
+
+            node.addWidget("button", "Swap", "value maybe?", (...args) => {
+                
+                var wv = node.widgets[0].value;
+                node.widgets[0].value = node.widgets[1].value;
+                node.widgets[1].value = wv;
+            })
+        }
+    }, 
+
+
+    async afterConfigureGraph() {
+        allow_set_flag = true;
+    }
+});