@promakeai/inspector 1.1.8 → 1.2.0

package/dist/store/useInspectorStore.d.ts

@@ -1,12 +1,23 @@
 /**
  * Zustand store for Inspector global state
  */
-import type { InspectorTheme, InspectorLabels } from "@promakeai/inspector-types";
+import type { InspectorTheme, InspectorLabels, InspectorChange } from "@promakeai/inspector-types";
 interface InspectorStore {
     theme: Required<InspectorTheme>;
     labels: Required<InspectorLabels>;
     setTheme: (theme: Partial<InspectorTheme>) => void;
     setLabels: (labels: Partial<InspectorLabels>) => void;
+    changes: InspectorChange[];
+    addChange: (change: InspectorChange) => void;
+    updateChange: (changeId: string, updates: Partial<InspectorChange>) => void;
+    undoLastChange: () => InspectorChange | null;
+    discardAllChanges: () => void;
+    getChanges: () => InspectorChange[];
+    getMergedChanges: () => InspectorChange[];
+    clearChanges: () => void;
+    hasChanges: () => boolean;
+    changeHistory: InspectorChange[];
+    clearHistory: () => void;
 }
 export declare const useInspectorStore: import("zustand").UseBoundStore<import("zustand").StoreApi<InspectorStore>>;
 export {};

package/dist/store/useInspectorStore.d.ts.map

@@ -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,EAChB,MAAM,4BAA4B,CAAC;AAEpC,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;CACvD;AAgND,eAAO,MAAM,iBAAiB,6EAW3B,CAAC"}
+{"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;AAOpC,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,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,aAAa,EAAE,eAAe,EAAE,CAAC;IACjC,YAAY,EAAE,MAAM,IAAI,CAAC;CAC1B;AA+OD,eAAO,MAAM,iBAAiB,6EAsI3B,CAAC"}

package/dist/utils/changeManager.d.ts

@@ -0,0 +1,56 @@
+/**
+ * Change Manager - Utility functions for managing inspector changes
+ * Handles applying and unapplying changes to the DOM
+ */
+import type { InspectorChange, InspectorChangeType, SelectedElementData, StyleChanges } from "@promakeai/inspector-types";
+/**
+ * Generate a unique ID for a change
+ */
+export declare function generateChangeId(type: InspectorChangeType): string;
+/**
+ * Create a new text change
+ */
+export declare function createTextChange(element: SelectedElementData, previous: string, current: string): InspectorChange;
+/**
+ * Create a new style change (legacy - all styles at once)
+ */
+export declare function createStyleChange(element: SelectedElementData, previous: StyleChanges, current: StyleChanges, inlineStyles?: Record<string, string>, tailwindClasses?: string[]): InspectorChange;
+/**
+ * Create a single style property change (for granular undo)
+ * @param previousValue - null means the property didn't exist before (will use removeProperty on undo)
+ */
+export declare function createSingleStyleChange(element: SelectedElementData, property: keyof StyleChanges, previousValue: string | null, currentValue: string): InspectorChange;
+/**
+ * Create a new image change
+ */
+export declare function createImageChange(element: SelectedElementData, previous: string, current: string, imageFile?: {
+    name: string;
+    size: number;
+    type: string;
+}): InspectorChange;
+/**
+ * Create a new delete change
+ */
+export declare function createDeleteChange(element: SelectedElementData, domSnapshot: string, parentSelector?: string, nextSiblingSelector?: string): InspectorChange;
+/**
+ * Create a new duplicate change
+ */
+export declare function createDuplicateChange(element: SelectedElementData, newElementSnapshot: string, duplicatedElement?: HTMLElement): InspectorChange;
+/**
+ * Apply a change to the DOM (preview)
+ */
+export declare function applyChange(domElement: HTMLElement | null, change: InspectorChange): boolean;
+/**
+ * Unapply a change from the DOM (undo)
+ */
+export declare function unapplyChange(domElement: HTMLElement | null, change: InspectorChange): boolean;
+/**
+ * Merge changes for submit - combines multiple changes to same property into single change
+ * Returns merged changes: original (first change's prev) → final (last change's current)
+ */
+export declare function mergeChangesForSubmit(changes: InspectorChange[]): InspectorChange[];
+/**
+ * Find DOM element by SelectedElementData
+ */
+export declare function findElementByData(elementData: SelectedElementData): HTMLElement | null;
+//# sourceMappingURL=changeManager.d.ts.map

package/dist/utils/changeManager.d.ts.map

@@ -0,0 +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,WAAW,CACzB,UAAU,EAAE,WAAW,GAAG,IAAI,EAC9B,MAAM,EAAE,eAAe,GACtB,OAAO,CAuDT;AAED;;GAEG;AACH,wBAAgB,aAAa,CAC3B,UAAU,EAAE,WAAW,GAAG,IAAI,EAC9B,MAAM,EAAE,eAAe,GACtB,OAAO,CAoET;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"}

package/dist/utils/instanceDetection.d.ts

@@ -0,0 +1,37 @@
+/**
+ * Instance Detection Utilities
+ * Detects if an element is part of a loop (.map()) or has multiple instances
+ */
+/**
+ * Count how many elements share the same data-dev-id
+ * Elements in .map() loops will have the same id since they're defined on the same line
+ */
+export declare function countInstancesWithSameId(element: HTMLElement): number;
+/**
+ * Get all elements that share the same data-dev-id
+ */
+export declare function getInstancesWithSameId(element: HTMLElement): HTMLElement[];
+export interface SafeEditResult {
+    safe: boolean;
+    instanceCount: number;
+    reason?: string;
+    instances?: HTMLElement[];
+}
+/**
+ * Check if it's safe to edit this element (single instance)
+ * Returns warning info if multiple instances exist
+ */
+export declare function isSafeToEdit(element: HTMLElement): SafeEditResult;
+/**
+ * Check if element is likely from a loop/map based on siblings with same id
+ */
+export declare function isLikelyFromLoop(element: HTMLElement): boolean;
+/**
+ * Get a descriptive message based on instance count
+ */
+export declare function getInstanceWarningMessage(count: number, labels?: {
+    singleInstance?: string;
+    multipleInstances?: string;
+    loopWarning?: string;
+}): string;
+//# sourceMappingURL=instanceDetection.d.ts.map

package/dist/utils/instanceDetection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"instanceDetection.d.ts","sourceRoot":"","sources":["../../src/utils/instanceDetection.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAIH;;;GAGG;AACH,wBAAgB,wBAAwB,CAAC,OAAO,EAAE,WAAW,GAAG,MAAM,CAYrE;AAED;;GAEG;AACH,wBAAgB,sBAAsB,CAAC,OAAO,EAAE,WAAW,GAAG,WAAW,EAAE,CAY1E;AAED,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,OAAO,CAAC;IACd,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,WAAW,EAAE,CAAC;CAC3B;AAED;;;GAGG;AACH,wBAAgB,YAAY,CAAC,OAAO,EAAE,WAAW,GAAG,cAAc,CAkBjE;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,WAAW,GAAG,OAAO,CAc9D;AAED;;GAEG;AACH,wBAAgB,yBAAyB,CACvC,KAAK,EAAE,MAAM,EACb,MAAM,CAAC,EAAE;IACP,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,GACA,MAAM,CASR"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@promakeai/inspector",
-  "version": "1.1.8",
+  "version": "1.2.0",
   "description": "Visual element inspector React component with AI prompt support",
   "author": "Promake",
   "type": "module",