@promakeai/inspector-hook 1.5.1 → 1.7.4

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4C,SAAS,EAAE,MAAM,OAAO,CAAC;AAC5E,OAAO,KAAK,EACV,kBAAkB,EAClB,eAAe,EACf,cAAc,EACd,sBAAsB,EAEtB,kBAAkB,EAenB,MAAM,4BAA4B,CAAC;AA+JpC,wBAAgB,YAAY,CAC1B,SAAS,EAAE,SAAS,CAAC,iBAAiB,CAAC,EACvC,SAAS,CAAC,EAAE,kBAAkB,EAC9B,MAAM,CAAC,EAAE,eAAe,EACxB,KAAK,CAAC,EAAE,cAAc,EACtB,aAAa,CAAC,EAAE,sBAAsB,GACrC,kBAAkB,CAmlBpB;AAGD,YAAY,EACV,aAAa,EACb,eAAe,EACf,mBAAmB,EACnB,aAAa,EACb,mBAAmB,EACnB,eAAe,EACf,gBAAgB,EAChB,YAAY,EACZ,gBAAgB,EAChB,SAAS,EACT,gBAAgB,EAChB,eAAe,EACf,kBAAkB,EAClB,qBAAqB,EACrB,UAAU,EACV,kBAAkB,EAClB,eAAe,EACf,mBAAmB,EACnB,yBAAyB,EACzB,eAAe,EACf,cAAc,EACd,uBAAuB,EACvB,kBAAkB,EAClB,kBAAkB,EAClB,YAAY,EACZ,sBAAsB,EACtB,wBAAwB,GACzB,MAAM,4BAA4B,CAAC;AAGpC,OAAO,EACL,eAAe,EACf,gBAAgB,EAChB,mBAAmB,EACnB,iBAAiB,EACjB,uBAAuB,GACxB,MAAM,uBAAuB,CAAC;AAC/B,YAAY,EACV,sBAAsB,EACtB,qBAAqB,EACrB,uBAAuB,EACvB,0BAA0B,EAC1B,wBAAwB,EACxB,mBAAmB,EACnB,kBAAkB,EAClB,uBAAuB,GACxB,MAAM,uBAAuB,CAAC;AAG/B,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4C,SAAS,EAAE,MAAM,OAAO,CAAC;AAC5E,OAAO,KAAK,EACV,kBAAkB,EAClB,eAAe,EACf,cAAc,EACd,sBAAsB,EAEtB,kBAAkB,EAkBnB,MAAM,4BAA4B,CAAC;AA0LpC,wBAAgB,YAAY,CAC1B,SAAS,EAAE,SAAS,CAAC,iBAAiB,CAAC,EACvC,SAAS,CAAC,EAAE,kBAAkB,EAC9B,MAAM,CAAC,EAAE,eAAe,EACxB,KAAK,CAAC,EAAE,cAAc,EACtB,aAAa,CAAC,EAAE,sBAAsB,GACrC,kBAAkB,CAurBpB;AAGD,YAAY,EACV,aAAa,EACb,eAAe,EACf,mBAAmB,EACnB,aAAa,EACb,mBAAmB,EACnB,eAAe,EACf,gBAAgB,EAChB,YAAY,EACZ,gBAAgB,EAChB,SAAS,EACT,gBAAgB,EAChB,eAAe,EACf,kBAAkB,EAClB,qBAAqB,EACrB,UAAU,EACV,kBAAkB,EAClB,eAAe,EACf,mBAAmB,EACnB,yBAAyB,EACzB,eAAe,EACf,cAAc,EACd,uBAAuB,EACvB,kBAAkB,EAClB,kBAAkB,EAClB,YAAY,EACZ,sBAAsB,EACtB,wBAAwB,GACzB,MAAM,4BAA4B,CAAC;AAGpC,OAAO,EACL,eAAe,EACf,gBAAgB,EAChB,mBAAmB,EACnB,iBAAiB,EACjB,uBAAuB,GACxB,MAAM,uBAAuB,CAAC;AAC/B,YAAY,EACV,sBAAsB,EACtB,qBAAqB,EACrB,uBAAuB,EACvB,0BAA0B,EAC1B,wBAAwB,EACxB,mBAAmB,EACnB,kBAAkB,EAClB,uBAAuB,GACxB,MAAM,uBAAuB,CAAC;AAG/B,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/index.js

@@ -119,6 +119,48 @@ export function useInspector(iframeRef, callbacks, labels, theme, initialConfig)
             show: show,
         });
     }, [sendMessage]);
+    /**
+     * Show or hide custom tab
+     */
+    const showCustomTab = useCallback((show) => {
+        sendMessage({
+            type: "SHOW_CUSTOM_TAB",
+            show: show,
+        });
+    }, [sendMessage]);
+    /**
+     * Set custom fields for an element
+     */
+    const setCustomFields = useCallback((elementId, fields) => {
+        sendMessage({
+            type: "SET_CUSTOM_FIELDS",
+            data: {
+                elementId,
+                fields,
+            },
+        });
+    }, [sendMessage]);
+    /**
+     * Set visible database fields for an element
+     */
+    const setDatabaseFields = useCallback((elementId, visibleFields) => {
+        sendMessage({
+            type: "SET_DATABASE_FIELDS",
+            data: {
+                elementId,
+                visibleFields,
+            },
+        });
+    }, [sendMessage]);
+    /**
+     * Set custom tab label
+     */
+    const setCustomTabLabel = useCallback((label) => {
+        sendMessage({
+            type: "SET_CUSTOM_TAB_LABEL",
+            label,
+        });
+    }, [sendMessage]);
     /**
      * Show or hide "Built with Promake" badge
      */
@@ -311,6 +353,33 @@ export function useInspector(iframeRef, callbacks, labels, theme, initialConfig)
                             });
                         }
                     }
+                    // Also trigger onCustomUpdated if there are custom changes
+                    if (callbacks?.onCustomUpdated) {
+                        const customChanges = messageData.data.changes.filter((c) => c.type === "custom");
+                        if (customChanges.length > 0) {
+                            customChanges.forEach((change) => {
+                                if (change.custom) {
+                                    // Extract only changed values
+                                    const changedValues = {};
+                                    Object.keys(change.custom.current).forEach((key) => {
+                                        const currentVal = change.custom.current[key];
+                                        const previousVal = change.custom.previous[key];
+                                        if (currentVal !== previousVal) {
+                                            changedValues[key] = currentVal;
+                                        }
+                                    });
+                                    callbacks.onCustomUpdated({
+                                        element: change.element,
+                                        changes: changedValues,
+                                        groupId: change.custom.groupId,
+                                    });
+                                }
+                            });
+                        }
+                    }
+                    break;
+                case "INSPECTOR_CUSTOM_UPDATED":
+                    callbacks?.onCustomUpdated?.(messageData.data);
                     break;
                 case "INSPECTOR_GO_TO_CODE":
                     callbacks?.onGoToCode?.(messageData.data);
@@ -414,6 +483,12 @@ export function useInspector(iframeRef, callbacks, labels, theme, initialConfig)
                     show: initialConfig.showDatabaseTab,
                 });
             }
+            if (initialConfig.showCustomTab !== undefined) {
+                sendMessage({
+                    type: "SHOW_CUSTOM_TAB",
+                    show: initialConfig.showCustomTab,
+                });
+            }
             if (initialConfig.showChildBorders !== undefined) {
                 sendMessage({
                     type: "SET_SHOW_CHILD_BORDERS",
@@ -477,6 +552,10 @@ export function useInspector(iframeRef, callbacks, labels, theme, initialConfig)
         setIsResizable,
         showImagesTab,
         showDatabaseTab,
+        showCustomTab,
+        setCustomFields,
+        setDatabaseFields,
+        setCustomTabLabel,
     };
 }
 // Export utility functions

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@promakeai/inspector-hook",
-  "version": "1.5.1",
+  "version": "1.7.4",
   "description": "React hook for controlling inspector in parent applications",
   "author": "Promake",
   "type": "module",
@@ -45,7 +45,7 @@
     }
   },
   "devDependencies": {
-    "@promakeai/inspector-types": "1.5.1",
+    "@promakeai/inspector-types": "1.7.0",
     "vitest": "^1.0.0"
   },
   "publishConfig": {