@promakeai/inspector-hook 1.2.7 → 1.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +37 -0
- package/dist/utils/jsxUpdater.d.ts.map +1 -1
- package/dist/utils/jsxUpdater.js +33 -1
- package/package.json +1 -1
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoC,SAAS,EAAE,MAAM,OAAO,CAAC;AACpE,OAAO,KAAK,EACV,kBAAkB,EAClB,eAAe,EACf,cAAc,EACd,kBAAkB,EAenB,MAAM,4BAA4B,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoC,SAAS,EAAE,MAAM,OAAO,CAAC;AACpE,OAAO,KAAK,EACV,kBAAkB,EAClB,eAAe,EACf,cAAc,EACd,kBAAkB,EAenB,MAAM,4BAA4B,CAAC;AAsIpC,wBAAgB,YAAY,CAC1B,SAAS,EAAE,SAAS,CAAC,iBAAiB,CAAC,EACvC,SAAS,CAAC,EAAE,kBAAkB,EAC9B,MAAM,CAAC,EAAE,eAAe,EACxB,KAAK,CAAC,EAAE,cAAc,GACrB,kBAAkB,CAuYpB;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,GACb,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
CHANGED
|
@@ -155,6 +155,36 @@ export function useInspector(iframeRef, callbacks, labels, theme) {
|
|
|
155
155
|
enabled: enabled,
|
|
156
156
|
});
|
|
157
157
|
}, [sendMessage]);
|
|
158
|
+
/**
|
|
159
|
+
* Allow/disallow editing elements with multiple instances
|
|
160
|
+
* When false and element has multiple instances, only prompt input is shown
|
|
161
|
+
*/
|
|
162
|
+
const setAllowEditForMultipleInstances = useCallback((enabled) => {
|
|
163
|
+
sendMessage({
|
|
164
|
+
type: "SET_ALLOW_EDIT_FOR_MULTIPLE_INSTANCES",
|
|
165
|
+
enabled: enabled,
|
|
166
|
+
});
|
|
167
|
+
}, [sendMessage]);
|
|
168
|
+
/**
|
|
169
|
+
* Enable/disable ControlBox dragging
|
|
170
|
+
* When false, drag handle is hidden and dragging is disabled
|
|
171
|
+
*/
|
|
172
|
+
const setIsDraggable = useCallback((enabled) => {
|
|
173
|
+
sendMessage({
|
|
174
|
+
type: "SET_IS_DRAGGABLE",
|
|
175
|
+
enabled: enabled,
|
|
176
|
+
});
|
|
177
|
+
}, [sendMessage]);
|
|
178
|
+
/**
|
|
179
|
+
* Enable/disable ControlBox resizing
|
|
180
|
+
* When false, resize cursors are hidden and resizing is disabled
|
|
181
|
+
*/
|
|
182
|
+
const setIsResizable = useCallback((enabled) => {
|
|
183
|
+
sendMessage({
|
|
184
|
+
type: "SET_IS_RESIZABLE",
|
|
185
|
+
enabled: enabled,
|
|
186
|
+
});
|
|
187
|
+
}, [sendMessage]);
|
|
158
188
|
/**
|
|
159
189
|
* Listen for messages from iframe
|
|
160
190
|
*/
|
|
@@ -221,6 +251,10 @@ export function useInspector(iframeRef, callbacks, labels, theme) {
|
|
|
221
251
|
case "INSPECTOR_GO_TO_CODE":
|
|
222
252
|
callbacks?.onGoToCode?.(messageData.data);
|
|
223
253
|
break;
|
|
254
|
+
case "INSPECTOR_UNMOUNTED":
|
|
255
|
+
setIsInspecting(false);
|
|
256
|
+
callbacks?.onInspectorUnmounted?.();
|
|
257
|
+
break;
|
|
224
258
|
default:
|
|
225
259
|
// Unknown message type - ignore
|
|
226
260
|
break;
|
|
@@ -263,6 +297,9 @@ export function useInspector(iframeRef, callbacks, labels, theme) {
|
|
|
263
297
|
setActiveTab,
|
|
264
298
|
setLoading,
|
|
265
299
|
setInspectOnRightClick,
|
|
300
|
+
setAllowEditForMultipleInstances,
|
|
301
|
+
setIsDraggable,
|
|
302
|
+
setIsResizable,
|
|
266
303
|
};
|
|
267
304
|
}
|
|
268
305
|
// Export utility functions
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"jsxUpdater.d.ts","sourceRoot":"","sources":["../../src/utils/jsxUpdater.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EACV,eAAe,EACf,mBAAmB,EAEpB,MAAM,4BAA4B,CAAC;AAEpC,MAAM,WAAW,sBAAsB;IACrC,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,qBAAqB;IACpC,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,uBAAuB;IACtC,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,0BAA0B;IACzC,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,MAAM,CAAC;CACjB;
|
|
1
|
+
{"version":3,"file":"jsxUpdater.d.ts","sourceRoot":"","sources":["../../src/utils/jsxUpdater.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EACV,eAAe,EACf,mBAAmB,EAEpB,MAAM,4BAA4B,CAAC;AAEpC,MAAM,WAAW,sBAAsB;IACrC,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,qBAAqB;IACpC,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,uBAAuB;IACtC,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,0BAA0B;IACzC,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,MAAM,CAAC;CACjB;AA+YD;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,eAAe,CAC7B,OAAO,EAAE,sBAAsB,GAC9B,qBAAqB,CAmFvB;AAoGD;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAC9B,OAAO,EAAE,uBAAuB,GAC/B,qBAAqB,CAqDvB;AAED;;;;;GAKG;AACH,wBAAgB,mBAAmB,CACjC,OAAO,EAAE,0BAA0B,GAClC,qBAAqB,CAmDvB;AAED;;GAEG;AACH,MAAM,WAAW,wBAAwB;IACvC,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;CACjB;AAmBD;;;;;;GAMG;AACH,wBAAgB,iBAAiB,CAC/B,OAAO,EAAE,wBAAwB,GAChC,qBAAqB,CA+FvB;AAED;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,eAAe,EAAE,CAAC;CAC5B;AAED;;GAEG;AACH,MAAM,WAAW,uBAAuB;IACtC,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,mBAAmB,CAAC;IAC1B,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,uBAAuB,EAAE,CAAC;IACnC,OAAO,EAAE;QACP,KAAK,EAAE,MAAM,CAAC;QACd,UAAU,EAAE,MAAM,CAAC;QACnB,MAAM,EAAE,MAAM,CAAC;QACf,OAAO,EAAE,MAAM,CAAC;KACjB,CAAC;CACH;AA4CD;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,wBAAgB,uBAAuB,CACrC,OAAO,EAAE,mBAAmB,GAC3B,kBAAkB,CA2MpB"}
|
package/dist/utils/jsxUpdater.js
CHANGED
|
@@ -130,11 +130,43 @@ function parseStyleObject(styleValue) {
|
|
|
130
130
|
}
|
|
131
131
|
return styles;
|
|
132
132
|
}
|
|
133
|
+
/**
|
|
134
|
+
* Convert convenience style properties to valid CSS properties
|
|
135
|
+
* e.g., paddingHorizontal -> paddingLeft + paddingRight
|
|
136
|
+
*/
|
|
137
|
+
function normalizeStyleProperties(styles) {
|
|
138
|
+
const normalized = {};
|
|
139
|
+
for (const [key, value] of Object.entries(styles)) {
|
|
140
|
+
switch (key) {
|
|
141
|
+
case "paddingHorizontal":
|
|
142
|
+
normalized["paddingLeft"] = value;
|
|
143
|
+
normalized["paddingRight"] = value;
|
|
144
|
+
break;
|
|
145
|
+
case "paddingVertical":
|
|
146
|
+
normalized["paddingTop"] = value;
|
|
147
|
+
normalized["paddingBottom"] = value;
|
|
148
|
+
break;
|
|
149
|
+
case "marginHorizontal":
|
|
150
|
+
normalized["marginLeft"] = value;
|
|
151
|
+
normalized["marginRight"] = value;
|
|
152
|
+
break;
|
|
153
|
+
case "marginVertical":
|
|
154
|
+
normalized["marginTop"] = value;
|
|
155
|
+
normalized["marginBottom"] = value;
|
|
156
|
+
break;
|
|
157
|
+
default:
|
|
158
|
+
normalized[key] = value;
|
|
159
|
+
}
|
|
160
|
+
}
|
|
161
|
+
return normalized;
|
|
162
|
+
}
|
|
133
163
|
/**
|
|
134
164
|
* Create style object string from styles
|
|
135
165
|
*/
|
|
136
166
|
function createStyleString(styles) {
|
|
137
|
-
|
|
167
|
+
// First normalize convenience properties to valid CSS
|
|
168
|
+
const normalizedStyles = normalizeStyleProperties(styles);
|
|
169
|
+
const entries = Object.entries(normalizedStyles).map(([key, value]) => `${key}: "${value}"`);
|
|
138
170
|
return `{{ ${entries.join(", ")} }}`;
|
|
139
171
|
}
|
|
140
172
|
/**
|