vite-plugin-vue-devtools 7.3.4 → 7.3.6

package/dist/vite.cjs

@@ -7595,19 +7595,72 @@ const TGA = {
   }
 };
 
+function readIFD(buffer, isBigEndian) {
+  const ifdOffset = readUInt(buffer, 32, 4, isBigEndian);
+  let bufferSize = 1024;
+  const fileSize = buffer.length;
+  if (ifdOffset + bufferSize > fileSize) {
+    bufferSize = fileSize - ifdOffset - 10;
+  }
+  return buffer.slice(ifdOffset + 2, ifdOffset + 2 + bufferSize);
+}
+function readValue(buffer, isBigEndian) {
+  const low = readUInt(buffer, 16, 8, isBigEndian);
+  const high = readUInt(buffer, 16, 10, isBigEndian);
+  return (high << 16) + low;
+}
+function nextTag(buffer) {
+  if (buffer.length > 24) {
+    return buffer.slice(12);
+  }
+}
+function extractTags(buffer, isBigEndian) {
+  const tags = {};
+  let temp = buffer;
+  while (temp && temp.length > 0) {
+    const code = readUInt(temp, 16, 0, isBigEndian);
+    const type = readUInt(temp, 16, 2, isBigEndian);
+    const length = readUInt(temp, 32, 4, isBigEndian);
+    if (code === 0) {
+      break;
+    } else {
+      if (length === 1 && (type === 3 || type === 4)) {
+        tags[code] = readValue(temp, isBigEndian);
+      }
+      temp = nextTag(temp);
+    }
+  }
+  return tags;
+}
+function determineEndianness(input) {
+  const signature = toUTF8String(input, 0, 2);
+  if (signature === "II") {
+    return "LE";
+  } else if (signature === "MM") {
+    return "BE";
+  }
+}
 const signatures = /* @__PURE__ */ new Set([
-  "492049",
-  // ?
+  // '492049', // currently not supported
   "49492a00",
   // Little endian
-  "4d4d002a",
-  // Big Endian
   "4d4d002a"
-  // BigTIFF > 4GB. currently not supported
+  // Big Endian
+  // '4d4d002a', // BigTIFF > 4GB. currently not supported
 ]);
 const TIFF = {
   validate: (input) => signatures.has(toHexString(input, 0, 4)),
-  calculate: () => ({ width: void 0, height: void 0 })
+  calculate(input) {
+    const isBigEndian = determineEndianness(input) === "BE";
+    const ifdBuffer = readIFD(input, isBigEndian);
+    const tags = extractTags(ifdBuffer, isBigEndian);
+    const width = tags[256];
+    const height = tags[257];
+    if (!width || !height) {
+      throw new TypeError("Invalid Tiff. Missing tags");
+    }
+    return { height, width };
+  }
 };
 
 function calculateExtended(input) {
@@ -7659,6 +7712,48 @@ const WEBP = {
   }
 };
 
+const AVIF = {
+  validate: (input) => toUTF8String(input, 8, 12) === "avif",
+  calculate: (input) => {
+    const metaBox = findBox(input, "meta");
+    const iprpBox = findBox(
+      input,
+      "iprp",
+      metaBox.offset + 12,
+      metaBox.offset + metaBox.size
+    );
+    const ipcoBox = findBox(
+      input,
+      "ipco",
+      iprpBox.offset + 8,
+      iprpBox.offset + iprpBox.size
+    );
+    const ispeBox = findBox(
+      input,
+      "ispe",
+      ipcoBox.offset + 8,
+      ipcoBox.offset + ipcoBox.size
+    );
+    const width = readUInt32BE(input, ispeBox.offset + 12);
+    const height = readUInt32BE(input, ispeBox.offset + 16);
+    return { width, height };
+  }
+};
+function findBox(input, type, startOffset = 0, endOffset = input.length) {
+  for (let offset = startOffset; offset < endOffset; ) {
+    const size = readUInt32BE(input, offset);
+    const boxType = toUTF8String(input, offset + 4, offset + 8);
+    if (boxType === type) {
+      return { offset, size };
+    }
+    if (size <= 0 || offset + size > endOffset) {
+      break;
+    }
+    offset += size;
+  }
+  throw new Error(`${type} box not found`);
+}
+
 const typeHandlers = {
   bmp: BMP,
   cur: CUR,
@@ -7676,7 +7771,8 @@ const typeHandlers = {
   svg: SVG,
   tga: TGA,
   tiff: TIFF,
-  webp: WEBP
+  webp: WEBP,
+  avif: AVIF
 };
 
 const keys = Object.keys(typeHandlers);

package/dist/vite.mjs

@@ -7579,19 +7579,72 @@ const TGA = {
   }
 };
 
+function readIFD(buffer, isBigEndian) {
+  const ifdOffset = readUInt(buffer, 32, 4, isBigEndian);
+  let bufferSize = 1024;
+  const fileSize = buffer.length;
+  if (ifdOffset + bufferSize > fileSize) {
+    bufferSize = fileSize - ifdOffset - 10;
+  }
+  return buffer.slice(ifdOffset + 2, ifdOffset + 2 + bufferSize);
+}
+function readValue(buffer, isBigEndian) {
+  const low = readUInt(buffer, 16, 8, isBigEndian);
+  const high = readUInt(buffer, 16, 10, isBigEndian);
+  return (high << 16) + low;
+}
+function nextTag(buffer) {
+  if (buffer.length > 24) {
+    return buffer.slice(12);
+  }
+}
+function extractTags(buffer, isBigEndian) {
+  const tags = {};
+  let temp = buffer;
+  while (temp && temp.length > 0) {
+    const code = readUInt(temp, 16, 0, isBigEndian);
+    const type = readUInt(temp, 16, 2, isBigEndian);
+    const length = readUInt(temp, 32, 4, isBigEndian);
+    if (code === 0) {
+      break;
+    } else {
+      if (length === 1 && (type === 3 || type === 4)) {
+        tags[code] = readValue(temp, isBigEndian);
+      }
+      temp = nextTag(temp);
+    }
+  }
+  return tags;
+}
+function determineEndianness(input) {
+  const signature = toUTF8String(input, 0, 2);
+  if (signature === "II") {
+    return "LE";
+  } else if (signature === "MM") {
+    return "BE";
+  }
+}
 const signatures = /* @__PURE__ */ new Set([
-  "492049",
-  // ?
+  // '492049', // currently not supported
   "49492a00",
   // Little endian
-  "4d4d002a",
-  // Big Endian
   "4d4d002a"
-  // BigTIFF > 4GB. currently not supported
+  // Big Endian
+  // '4d4d002a', // BigTIFF > 4GB. currently not supported
 ]);
 const TIFF = {
   validate: (input) => signatures.has(toHexString(input, 0, 4)),
-  calculate: () => ({ width: void 0, height: void 0 })
+  calculate(input) {
+    const isBigEndian = determineEndianness(input) === "BE";
+    const ifdBuffer = readIFD(input, isBigEndian);
+    const tags = extractTags(ifdBuffer, isBigEndian);
+    const width = tags[256];
+    const height = tags[257];
+    if (!width || !height) {
+      throw new TypeError("Invalid Tiff. Missing tags");
+    }
+    return { height, width };
+  }
 };
 
 function calculateExtended(input) {
@@ -7643,6 +7696,48 @@ const WEBP = {
   }
 };
 
+const AVIF = {
+  validate: (input) => toUTF8String(input, 8, 12) === "avif",
+  calculate: (input) => {
+    const metaBox = findBox(input, "meta");
+    const iprpBox = findBox(
+      input,
+      "iprp",
+      metaBox.offset + 12,
+      metaBox.offset + metaBox.size
+    );
+    const ipcoBox = findBox(
+      input,
+      "ipco",
+      iprpBox.offset + 8,
+      iprpBox.offset + iprpBox.size
+    );
+    const ispeBox = findBox(
+      input,
+      "ispe",
+      ipcoBox.offset + 8,
+      ipcoBox.offset + ipcoBox.size
+    );
+    const width = readUInt32BE(input, ispeBox.offset + 12);
+    const height = readUInt32BE(input, ispeBox.offset + 16);
+    return { width, height };
+  }
+};
+function findBox(input, type, startOffset = 0, endOffset = input.length) {
+  for (let offset = startOffset; offset < endOffset; ) {
+    const size = readUInt32BE(input, offset);
+    const boxType = toUTF8String(input, offset + 4, offset + 8);
+    if (boxType === type) {
+      return { offset, size };
+    }
+    if (size <= 0 || offset + size > endOffset) {
+      break;
+    }
+    offset += size;
+  }
+  throw new Error(`${type} box not found`);
+}
+
 const typeHandlers = {
   bmp: BMP,
   cur: CUR,
@@ -7660,7 +7755,8 @@ const typeHandlers = {
   svg: SVG,
   tga: TGA,
   tiff: TIFF,
-  webp: WEBP
+  webp: WEBP,
+  avif: AVIF
 };
 
 const keys = Object.keys(typeHandlers);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "vite-plugin-vue-devtools",
   "type": "module",
-  "version": "7.3.4",
+  "version": "7.3.6",
   "description": "A vite plugin for Vue DevTools",
   "author": "webfansplz",
   "license": "MIT",
@@ -50,14 +50,14 @@
     "sirv": "^2.0.4",
     "vite-plugin-inspect": "^0.8.4",
     "vite-plugin-vue-inspector": "^5.1.2",
-    "@vue/devtools-kit": "^7.3.4",
-    "@vue/devtools-core": "^7.3.4",
-    "@vue/devtools-shared": "^7.3.4"
+    "@vue/devtools-core": "^7.3.6",
+    "@vue/devtools-kit": "^7.3.6",
+    "@vue/devtools-shared": "^7.3.6"
   },
   "devDependencies": {
-    "@types/node": "^20.14.5",
+    "@types/node": "^20.14.10",
     "fast-glob": "^3.3.2",
-    "image-meta": "^0.2.0",
+    "image-meta": "^0.2.1",
     "pathe": "^1.1.2"
   },
   "scripts": {

package/src/overlay/devtools-overlay.css

@@ -1 +1 @@
-.vue-devtools-frame[data-v-df0df9e8]{position:fixed;z-index:2147483645}.vue-devtools-frame[data-v-df0df9e8] iframe{width:100%;height:100%;outline:none;background:var(--vue-devtools-widget-bg);border:1px solid rgba(125,125,125,.2);border-radius:10px}.vue-devtools-frame.view-mode-xs[data-v-df0df9e8]{width:400px!important;height:80px!important}.vue-devtools-frame.view-mode-fullscreen[data-v-df0df9e8]{width:100vw!important;height:100vh!important;z-index:1!important;bottom:0!important;transform:none!important}.vue-devtools-frame.view-mode-fullscreen[data-v-df0df9e8] iframe{border-radius:0!important}.vue-devtools-resize--horizontal[data-v-df0df9e8]{position:absolute;left:6px;right:6px;height:10px;margin:-5px 0;cursor:ns-resize;border-radius:5px}.vue-devtools-resize--vertical[data-v-df0df9e8]{position:absolute;top:6px;bottom:0;width:10px;margin:0 -5px;cursor:ew-resize;border-radius:5px}.vue-devtools-resize-corner[data-v-df0df9e8]{position:absolute;width:14px;height:14px;margin:-6px;border-radius:6px}.vue-devtools-resize[data-v-df0df9e8]:hover{background:#7d7d7d1a}.vue-devtools__anchor[data-v-19b8fd4e]{position:fixed;z-index:2147483645;transform-origin:center center;transform:translate(-50%,-50%) rotate(0)}.vue-devtools__anchor.fullscreen[data-v-19b8fd4e]{transform:none!important;left:0!important}.vue-devtools__anchor-btn[data-v-19b8fd4e]{border-radius:100%;border-width:0;width:30px;height:30px;display:flex;justify-content:center;align-items:center;opacity:.8;transition:opacity .2s ease-in-out}.vue-devtools__anchor-btn[data-v-19b8fd4e]:hover{opacity:1}.vue-devtools__anchor-btn svg[data-v-19b8fd4e]{width:14px;height:14px}.vue-devtools__anchor-btn.active[data-v-19b8fd4e]{cursor:pointer}.vue-devtools__anchor .panel-entry-btn[data-v-19b8fd4e]{cursor:pointer;flex:none}.vue-devtools__anchor--vertical .panel-entry-btn[data-v-19b8fd4e]{transform:rotate(-90deg)}.vue-devtools__anchor--vertical .vue-devtools__panel[data-v-19b8fd4e]{transform:translate(-50%,-50%) rotate(90deg);box-shadow:2px -2px 8px var(--vue-devtools-widget-shadow)}.vue-devtools__anchor--hide .vue-devtools__panel[data-v-19b8fd4e]{max-width:32px;padding:2px 0}.vue-devtools__anchor--hide .vue-devtools__panel-content[data-v-19b8fd4e]{opacity:0}.vue-devtools__anchor--glowing[data-v-19b8fd4e]{position:absolute;left:0;top:0;transform:translate(-50%,-50%);width:160px;height:160px;opacity:0;transition:all 1s ease;pointer-events:none;z-index:-1;border-radius:9999px;background-image:linear-gradient(45deg,#00dc82,#36e4da,#0047e1);filter:blur(60px)}.vue-devtools__anchor:hover .vue-devtools__anchor--glowing[data-v-19b8fd4e]{opacity:.6}.vue-devtools__panel[data-v-19b8fd4e]{position:absolute;left:0;top:0;transform:translate(-50%,-50%);display:flex;justify-content:flex-start;overflow:hidden;align-items:center;gap:2px;height:30px;padding:4px 4px 4px 5px;box-sizing:border-box;border:1px solid var(--vue-devtools-widget-border);border-radius:20px;background-color:var(--vue-devtools-widget-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--vue-devtools-widget-fg);box-shadow:2px 2px 8px var(--vue-devtools-widget-shadow);-webkit-user-select:none;user-select:none;max-width:150px;transition:max-width .4s ease,padding .5s ease,transform .3s ease,all .4s ease}.vue-devtools__panel-content[data-v-19b8fd4e]{transition:opacity .4s ease}.vue-devtools__panel-divider[data-v-19b8fd4e]{border-left:1px solid rgba(136,136,136,.2);width:1px;height:10px}@keyframes blink-19b8fd4e{0%{opacity:.2}50%{opacity:.6}to{opacity:.2}}@media print{#vue-devtools-anchor[data-v-19b8fd4e]{display:none}}
+.vue-devtools-frame[data-v-df0df9e8]{position:fixed;z-index:2147483645}.vue-devtools-frame[data-v-df0df9e8] iframe{width:100%;height:100%;outline:none;background:var(--vue-devtools-widget-bg);border:1px solid rgba(125,125,125,.2);border-radius:10px}.vue-devtools-frame.view-mode-xs[data-v-df0df9e8]{width:400px!important;height:80px!important}.vue-devtools-frame.view-mode-fullscreen[data-v-df0df9e8]{width:100vw!important;height:100vh!important;z-index:1!important;bottom:0!important;transform:none!important}.vue-devtools-frame.view-mode-fullscreen[data-v-df0df9e8] iframe{border-radius:0!important}.vue-devtools-resize--horizontal[data-v-df0df9e8]{position:absolute;left:6px;right:6px;height:10px;margin:-5px 0;cursor:ns-resize;border-radius:5px}.vue-devtools-resize--vertical[data-v-df0df9e8]{position:absolute;top:6px;bottom:0;width:10px;margin:0 -5px;cursor:ew-resize;border-radius:5px}.vue-devtools-resize-corner[data-v-df0df9e8]{position:absolute;width:14px;height:14px;margin:-6px;border-radius:6px}.vue-devtools-resize[data-v-df0df9e8]:hover{background:#7d7d7d1a}.vue-devtools__anchor[data-v-a5b0a558]{position:fixed;z-index:2147483645;transform-origin:center center;transform:translate(-50%,-50%) rotate(0)}.vue-devtools__anchor.fullscreen[data-v-a5b0a558]{transform:none!important;left:0!important}.vue-devtools__anchor-btn[data-v-a5b0a558]{border-radius:100%;border-width:0;width:30px;height:30px;display:flex;justify-content:center;align-items:center;opacity:.8;transition:opacity .2s ease-in-out}.vue-devtools__anchor-btn[data-v-a5b0a558]:hover{opacity:1}.vue-devtools__anchor-btn svg[data-v-a5b0a558]{width:14px;height:14px}.vue-devtools__anchor-btn.active[data-v-a5b0a558]{cursor:pointer}.vue-devtools__anchor .panel-entry-btn[data-v-a5b0a558]{cursor:pointer;flex:none}.vue-devtools__anchor--vertical .panel-entry-btn[data-v-a5b0a558]{transform:rotate(-90deg)}.vue-devtools__anchor--vertical .vue-devtools__panel[data-v-a5b0a558]{transform:translate(-50%,-50%) rotate(90deg);box-shadow:2px -2px 8px var(--vue-devtools-widget-shadow)}.vue-devtools__anchor--hide .vue-devtools__panel[data-v-a5b0a558]{max-width:32px;padding:2px 0}.vue-devtools__anchor--hide .vue-devtools__panel-content[data-v-a5b0a558]{opacity:0}.vue-devtools__anchor--glowing[data-v-a5b0a558]{position:absolute;left:0;top:0;transform:translate(-50%,-50%);width:160px;height:160px;opacity:0;transition:all 1s ease;pointer-events:none;z-index:-1;border-radius:9999px;background-image:linear-gradient(45deg,#00dc82,#36e4da,#0047e1);filter:blur(60px)}.vue-devtools__anchor:hover .vue-devtools__anchor--glowing[data-v-a5b0a558]{opacity:.6}.vue-devtools__panel[data-v-a5b0a558]{position:absolute;left:0;top:0;transform:translate(-50%,-50%);display:flex;justify-content:flex-start;overflow:hidden;align-items:center;gap:2px;height:30px;padding:4px 4px 4px 5px;box-sizing:border-box;border:1px solid var(--vue-devtools-widget-border);border-radius:20px;background-color:var(--vue-devtools-widget-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--vue-devtools-widget-fg);box-shadow:2px 2px 8px var(--vue-devtools-widget-shadow);-webkit-user-select:none;user-select:none;max-width:150px;transition:max-width .4s ease,padding .5s ease,transform .3s ease,all .4s ease}.vue-devtools__panel-content[data-v-a5b0a558]{transition:opacity .4s ease}.vue-devtools__panel-divider[data-v-a5b0a558]{border-left:1px solid rgba(136,136,136,.2);width:1px;height:10px}@keyframes blink-a5b0a558{0%{opacity:.2}50%{opacity:.6}to{opacity:.2}}@media print{#vue-devtools-anchor[data-v-a5b0a558]{display:none}}