@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.
@@ -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;AAoPD,eAAO,MAAM,iBAAiB,6EA2J3B,CAAC"}
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;;GAEG;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,GACvD,eAAe,CAQjB;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,CA2ET;AAiND;;;GAGG;AACH,wBAAgB,qBAAqB,CAAC,OAAO,EAAE,eAAe,EAAE,GAAG,eAAe,EAAE,CA6CnF;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAC/B,WAAW,EAAE,mBAAmB,GAC/B,WAAW,GAAG,IAAI,CAwBpB"}
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.5",
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.3.4",
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",