@promakeai/inspector 0.1.0 → 0.1.2

package/dist/plugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../src/plugin.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AAEH,OAAO,EAAE,MAAM,EAAE,MAAM,MAAM,CAAC;AAE9B,wBAAgB,eAAe,IAAI,MAAM,CA+rCxC"}
+{"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../src/plugin.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AAEH,OAAO,EAAE,MAAM,EAAE,MAAM,MAAM,CAAC;AAE9B,wBAAgB,eAAe,IAAI,MAAM,CA4vCxC"}

package/dist/plugin.js

@@ -1245,6 +1245,67 @@ export function inspectorPlugin() {
     console.log('🏷️ Badge auto-enabled for preview.promake.ai');
   }
 
+  // 🖼️ Auto cache-bust all images on page load
+  // This ensures images are always fresh when page is refreshed/reloaded
+  function cacheBustAllImages() {
+    const timestamp = Date.now();
+    let imageCount = 0;
+    
+    // Cache-bust all <img> tags
+    const images = document.querySelectorAll('img');
+    images.forEach((img) => {
+      if (img.src && !img.src.startsWith('data:')) {
+        try {
+          const url = new URL(img.src);
+          // Remove old cache busting params
+          url.searchParams.delete('_t');
+          url.searchParams.delete('_cache_bust');
+          url.searchParams.delete('v');
+          // Add new timestamp
+          url.searchParams.set('_t', timestamp.toString());
+          img.src = url.toString();
+          imageCount++;
+        } catch (e) {
+          // Ignore invalid URLs
+        }
+      }
+    });
+    
+    // Cache-bust background images
+    const allElements = document.querySelectorAll('*');
+    allElements.forEach((el) => {
+      const bgImage = window.getComputedStyle(el).backgroundImage;
+      if (bgImage && bgImage !== 'none' && bgImage.includes('url(')) {
+        const urlMatch = bgImage.match(/url\(['"]?([^'"]+)['"]?\)/);
+        if (urlMatch && urlMatch[1] && !urlMatch[1].startsWith('data:')) {
+          try {
+            const url = new URL(urlMatch[1], window.location.origin);
+            url.searchParams.delete('_t');
+            url.searchParams.delete('_cache_bust');
+            url.searchParams.delete('v');
+            url.searchParams.set('_t', timestamp.toString());
+            el.style.backgroundImage = 'url("' + url.toString() + '")';
+            imageCount++;
+          } catch (e) {
+            // Ignore invalid URLs
+          }
+        }
+      }
+    });
+    
+    if (imageCount > 0) {
+      console.log('🖼️ [INSPECTOR] Cache-busted ' + imageCount + ' images on page load');
+    }
+  }
+  
+  // Run cache-bust after DOM is fully loaded
+  if (document.readyState === 'loading') {
+    document.addEventListener('DOMContentLoaded', cacheBustAllImages);
+  } else {
+    // DOM already loaded, run immediately
+    cacheBustAllImages();
+  }
+
   console.log('🔍 Inspector plugin loaded');
 })();
             `,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@promakeai/inspector",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "description": "Visual element inspector for React apps in iframe with AI prompt support",
   "author": "Promake",
   "type": "module",