@promakeai/inspector 1.3.5 → 1.4.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/App.d.ts.map +1 -1
- package/dist/components/ControlBox/index.d.ts +5 -4
- package/dist/components/ControlBox/index.d.ts.map +1 -1
- package/dist/components/ImagesEditor/ImageCard.d.ts +12 -0
- package/dist/components/ImagesEditor/ImageCard.d.ts.map +1 -0
- package/dist/components/ImagesEditor/index.d.ts +12 -0
- package/dist/components/ImagesEditor/index.d.ts.map +1 -0
- package/dist/inspector.cdn.js +15 -15
- package/dist/inspector.css +1 -1
- package/dist/inspector.js +10768 -10484
- package/dist/store/useInspectorStore.d.ts.map +1 -1
- package/dist/utils/changeManager.d.ts +4 -3
- package/dist/utils/changeManager.d.ts.map +1 -1
- package/dist/utils/imageDetection.d.ts +19 -0
- package/dist/utils/imageDetection.d.ts.map +1 -0
- package/package.json +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useInspectorStore.d.ts","sourceRoot":"","sources":["../../src/store/useInspectorStore.ts"],"names":[],"mappings":"AAAA;;GAEG;AAGH,OAAO,KAAK,EACV,cAAc,EACd,eAAe,EACf,eAAe,EAChB,MAAM,4BAA4B,CAAC;AAQpC,UAAU,qBAAqB;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,EAAE,CAAC;CAC9B;AAED,UAAU,cAAc;IACtB,KAAK,EAAE,QAAQ,CAAC,cAAc,CAAC,CAAC;IAChC,MAAM,EAAE,QAAQ,CAAC,eAAe,CAAC,CAAC;IAClC,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IACnD,SAAS,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,eAAe,CAAC,KAAK,IAAI,CAAC;IAEtD,eAAe,EAAE,qBAAqB,CAAC;IACvC,kBAAkB,EAAE,CAAC,MAAM,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAE5D,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,SAAS,EAAE,CAAC,MAAM,EAAE,eAAe,KAAK,IAAI,CAAC;IAC7C,YAAY,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,CAAC,eAAe,CAAC,KAAK,IAAI,CAAC;IAC5E,cAAc,EAAE,MAAM,eAAe,GAAG,IAAI,CAAC;IAC7C,iBAAiB,EAAE,MAAM,IAAI,CAAC;IAC9B,UAAU,EAAE,MAAM,eAAe,EAAE,CAAC;IACpC,gBAAgB,EAAE,MAAM,eAAe,EAAE,CAAC;IAC1C,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,UAAU,EAAE,MAAM,OAAO,CAAC;IAE1B,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAErC,aAAa,EAAE,eAAe,EAAE,CAAC;IACjC,YAAY,EAAE,MAAM,IAAI,CAAC;CAC1B;
|
|
1
|
+
{"version":3,"file":"useInspectorStore.d.ts","sourceRoot":"","sources":["../../src/store/useInspectorStore.ts"],"names":[],"mappings":"AAAA;;GAEG;AAGH,OAAO,KAAK,EACV,cAAc,EACd,eAAe,EACf,eAAe,EAChB,MAAM,4BAA4B,CAAC;AAQpC,UAAU,qBAAqB;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,EAAE,CAAC;CAC9B;AAED,UAAU,cAAc;IACtB,KAAK,EAAE,QAAQ,CAAC,cAAc,CAAC,CAAC;IAChC,MAAM,EAAE,QAAQ,CAAC,eAAe,CAAC,CAAC;IAClC,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IACnD,SAAS,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,eAAe,CAAC,KAAK,IAAI,CAAC;IAEtD,eAAe,EAAE,qBAAqB,CAAC;IACvC,kBAAkB,EAAE,CAAC,MAAM,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAE5D,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,SAAS,EAAE,CAAC,MAAM,EAAE,eAAe,KAAK,IAAI,CAAC;IAC7C,YAAY,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,CAAC,eAAe,CAAC,KAAK,IAAI,CAAC;IAC5E,cAAc,EAAE,MAAM,eAAe,GAAG,IAAI,CAAC;IAC7C,iBAAiB,EAAE,MAAM,IAAI,CAAC;IAC9B,UAAU,EAAE,MAAM,eAAe,EAAE,CAAC;IACpC,gBAAgB,EAAE,MAAM,eAAe,EAAE,CAAC;IAC1C,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,UAAU,EAAE,MAAM,OAAO,CAAC;IAE1B,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAErC,aAAa,EAAE,eAAe,EAAE,CAAC;IACjC,YAAY,EAAE,MAAM,IAAI,CAAC;CAC1B;AAqPD,eAAO,MAAM,iBAAiB,6EA6K3B,CAAC"}
|
|
@@ -22,12 +22,13 @@ export declare function createStyleChange(element: SelectedElementData, previous
|
|
|
22
22
|
export declare function createSingleStyleChange(element: SelectedElementData, property: keyof StyleChanges, previousValue: string | null, currentValue: string): InspectorChange;
|
|
23
23
|
/**
|
|
24
24
|
* Create a new image change
|
|
25
|
+
* Also attaches a unique change ID to the DOM element for reliable tracking
|
|
25
26
|
*/
|
|
26
27
|
export declare function createImageChange(element: SelectedElementData, previous: string, current: string, imageFile?: {
|
|
27
28
|
name: string;
|
|
28
29
|
size: number;
|
|
29
30
|
type: string;
|
|
30
|
-
}): InspectorChange;
|
|
31
|
+
}, domElement?: HTMLElement): InspectorChange;
|
|
31
32
|
/**
|
|
32
33
|
* Create a new delete change
|
|
33
34
|
*/
|
|
@@ -54,7 +55,7 @@ export declare function unapplyChange(domElement: HTMLElement | null, change: In
|
|
|
54
55
|
*/
|
|
55
56
|
export declare function mergeChangesForSubmit(changes: InspectorChange[]): InspectorChange[];
|
|
56
57
|
/**
|
|
57
|
-
* Find DOM element by SelectedElementData
|
|
58
|
+
* Find DOM element by SelectedElementData or change ID
|
|
58
59
|
*/
|
|
59
|
-
export declare function findElementByData(elementData: SelectedElementData): HTMLElement | null;
|
|
60
|
+
export declare function findElementByData(elementData: SelectedElementData, changeId?: string): HTMLElement | null;
|
|
60
61
|
//# sourceMappingURL=changeManager.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"changeManager.d.ts","sourceRoot":"","sources":["../../src/utils/changeManager.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EACV,eAAe,EACf,mBAAmB,EACnB,mBAAmB,EACnB,YAAY,EAEb,MAAM,4BAA4B,CAAC;AAEpC;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,mBAAmB,GAAG,MAAM,CAElE;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAC9B,OAAO,EAAE,mBAAmB,EAC5B,QAAQ,EAAE,MAAM,EAChB,OAAO,EAAE,MAAM,GACd,eAAe,CAQjB;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAC/B,OAAO,EAAE,mBAAmB,EAC5B,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,YAAY,EACrB,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,EACrC,eAAe,CAAC,EAAE,MAAM,EAAE,GACzB,eAAe,CAQjB;AAED;;;GAGG;AACH,wBAAgB,uBAAuB,CACrC,OAAO,EAAE,mBAAmB,EAC5B,QAAQ,EAAE,MAAM,YAAY,EAC5B,aAAa,EAAE,MAAM,GAAG,IAAI,EAC5B,YAAY,EAAE,MAAM,GACnB,eAAe,CAQjB;AAED
|
|
1
|
+
{"version":3,"file":"changeManager.d.ts","sourceRoot":"","sources":["../../src/utils/changeManager.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EACV,eAAe,EACf,mBAAmB,EACnB,mBAAmB,EACnB,YAAY,EAEb,MAAM,4BAA4B,CAAC;AAEpC;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,mBAAmB,GAAG,MAAM,CAElE;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAC9B,OAAO,EAAE,mBAAmB,EAC5B,QAAQ,EAAE,MAAM,EAChB,OAAO,EAAE,MAAM,GACd,eAAe,CAQjB;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAC/B,OAAO,EAAE,mBAAmB,EAC5B,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,YAAY,EACrB,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,EACrC,eAAe,CAAC,EAAE,MAAM,EAAE,GACzB,eAAe,CAQjB;AAED;;;GAGG;AACH,wBAAgB,uBAAuB,CACrC,OAAO,EAAE,mBAAmB,EAC5B,QAAQ,EAAE,MAAM,YAAY,EAC5B,aAAa,EAAE,MAAM,GAAG,IAAI,EAC5B,YAAY,EAAE,MAAM,GACnB,eAAe,CAQjB;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAC/B,OAAO,EAAE,mBAAmB,EAC5B,QAAQ,EAAE,MAAM,EAChB,OAAO,EAAE,MAAM,EACf,SAAS,CAAC,EAAE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,EACxD,UAAU,CAAC,EAAE,WAAW,GACvB,eAAe,CAejB;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAChC,OAAO,EAAE,mBAAmB,EAC5B,WAAW,EAAE,MAAM,EACnB,cAAc,CAAC,EAAE,MAAM,EACvB,mBAAmB,CAAC,EAAE,MAAM,GAC3B,eAAe,CAQjB;AAED;;GAEG;AACH,wBAAgB,qBAAqB,CACnC,OAAO,EAAE,mBAAmB,EAC5B,kBAAkB,EAAE,MAAM,EAC1B,iBAAiB,CAAC,EAAE,WAAW,GAC9B,eAAe,CAQjB;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAC9B,OAAO,EAAE,mBAAmB,EAC5B,QAAQ,EAAE,MAAM,EAChB,OAAO,EAAE,MAAM,GACd,eAAe,CAQjB;AAED;;GAEG;AACH,wBAAgB,WAAW,CACzB,UAAU,EAAE,WAAW,GAAG,IAAI,EAC9B,MAAM,EAAE,eAAe,GACtB,OAAO,CA8DT;AAED;;GAEG;AACH,wBAAgB,aAAa,CAC3B,UAAU,EAAE,WAAW,GAAG,IAAI,EAC9B,MAAM,EAAE,eAAe,GACtB,OAAO,CA6ET;AAiND;;;GAGG;AACH,wBAAgB,qBAAqB,CAAC,OAAO,EAAE,eAAe,EAAE,GAAG,eAAe,EAAE,CA6CnF;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAC/B,WAAW,EAAE,mBAAmB,EAChC,QAAQ,CAAC,EAAE,MAAM,GAChB,WAAW,GAAG,IAAI,CAmCpB"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Image detection utilities for finding child images in elements
|
|
3
|
+
*/
|
|
4
|
+
import { SelectedElementData } from "@promakeai/inspector-types";
|
|
5
|
+
/**
|
|
6
|
+
* Data structure for child image information
|
|
7
|
+
*/
|
|
8
|
+
export interface ChildImageData {
|
|
9
|
+
element: HTMLElement;
|
|
10
|
+
imageUrl: string;
|
|
11
|
+
imageType: 'img' | 'background' | 'nested-img';
|
|
12
|
+
elementData: SelectedElementData;
|
|
13
|
+
}
|
|
14
|
+
export declare function detectChildImages(parentElement: HTMLElement): ChildImageData[];
|
|
15
|
+
/**
|
|
16
|
+
* Get unique ID for an element (for React keys)
|
|
17
|
+
*/
|
|
18
|
+
export declare function getImageElementId(element: HTMLElement): string;
|
|
19
|
+
//# sourceMappingURL=imageDetection.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"imageDetection.d.ts","sourceRoot":"","sources":["../../src/utils/imageDetection.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,mBAAmB,EAAmC,MAAM,4BAA4B,CAAC;AAIlG;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,OAAO,EAAE,WAAW,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,KAAK,GAAG,YAAY,GAAG,YAAY,CAAC;IAC/C,WAAW,EAAE,mBAAmB,CAAC;CAClC;AA8KD,wBAAgB,iBAAiB,CAAC,aAAa,EAAE,WAAW,GAAG,cAAc,EAAE,CAoD9E;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,WAAW,GAAG,MAAM,CAE9D"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@promakeai/inspector",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.4.0",
|
|
4
4
|
"description": "Visual element inspector React component with AI prompt support",
|
|
5
5
|
"author": "Promake",
|
|
6
6
|
"type": "module",
|
|
@@ -59,7 +59,7 @@
|
|
|
59
59
|
}
|
|
60
60
|
},
|
|
61
61
|
"dependencies": {
|
|
62
|
-
"@promakeai/inspector-types": "1.
|
|
62
|
+
"@promakeai/inspector-types": "1.4.0",
|
|
63
63
|
"clsx": "^2.1.1",
|
|
64
64
|
"lodash": "^4.17.21",
|
|
65
65
|
"lucide-react": "^0.554.0",
|