@wular/pnext 0.1.5 → 0.1.7

package/dist/server/_chunks/index-06nyqntx.js

@@ -0,0 +1,213 @@
+// @bun
+import {
+  generateBlurDataURL
+} from "./index-qn4z5s3c.js";
+import {
+  isSvgAsComponentEnabled,
+  svgComponentModule
+} from "./index-ckkdpht5.js";
+
+// src/compat/next/image/static-metadata.ts
+import { createHash } from "crypto";
+import path from "path";
+var STATIC_IMAGE_EXTENSIONS = new Set([
+  ".png",
+  ".jpg",
+  ".jpeg",
+  ".gif",
+  ".webp",
+  ".avif",
+  ".svg",
+  ".ico",
+  ".bmp"
+]);
+async function staticImageModule(context) {
+  const ext = path.extname(context.sourcePath).toLowerCase();
+  if (ext === ".svg" && isSvgAsComponentEnabled())
+    return svgComponentModule(context.bytes);
+  if (!STATIC_IMAGE_EXTENSIONS.has(ext))
+    return;
+  const src = context.emit(staticMediaRelative(context.sourcePath, context.bytes), context.bytes);
+  const data = await staticImageData(src, context.sourcePath, context.bytes);
+  return staticImageModuleText(data);
+}
+function staticMediaRelative(sourcePath, bytes) {
+  const ext = path.extname(sourcePath).toLowerCase() || ".bin";
+  const hash = createHash("sha256").update(bytes).digest("hex").slice(0, 8);
+  const base = path.basename(sourcePath, path.extname(sourcePath)).replace(/[^A-Za-z0-9_-]+/g, "-");
+  return path.posix.join("_next", "static", "media", `${base}.${hash}${ext}`);
+}
+async function staticImageData(src, sourcePath, bytes) {
+  const ext = path.extname(sourcePath).toLowerCase() || ".bin";
+  const dimensions = imageDimensions(bytes, ext);
+  const { blurWidth, blurHeight } = blurDimensions(dimensions);
+  const blurDataURL = await generateBlurDataURL(Buffer.from(bytes), ext.slice(1), blurWidth, blurHeight) ?? "";
+  return {
+    src,
+    width: dimensions?.width ?? 0,
+    height: dimensions?.height ?? 0,
+    blurDataURL,
+    blurWidth: blurDataURL ? blurWidth : 0,
+    blurHeight: blurDataURL ? blurHeight : 0
+  };
+}
+function staticImageModuleText(image) {
+  return `const image = ${JSON.stringify(image)};
+export default image;
+export const src = image.src;
+export const width = image.width;
+export const height = image.height;
+export const blurDataURL = image.blurDataURL;
+export const blurWidth = image.blurWidth;
+export const blurHeight = image.blurHeight;
+`;
+}
+var textDecoder = new TextDecoder;
+function imageDimensions(bytes, ext) {
+  const view = new DataView(bytes.buffer, bytes.byteOffset, bytes.byteLength);
+  switch (ext) {
+    case ".png":
+      return pngDimensions(view);
+    case ".jpg":
+    case ".jpeg":
+      return jpegDimensions(view);
+    case ".gif":
+      return gifDimensions(view);
+    case ".webp":
+      return webpDimensions(view, bytes);
+    case ".bmp":
+      return bmpDimensions(view);
+    case ".avif":
+      return avifDimensions(bytes);
+    case ".svg":
+      return svgDimensions(bytes);
+    case ".ico":
+      return icoDimensions(view);
+    default:
+      return;
+  }
+}
+function pngDimensions(view) {
+  if (view.byteLength < 24)
+    return;
+  if (view.getUint32(0) !== 2303741511)
+    return;
+  return { width: view.getUint32(16), height: view.getUint32(20) };
+}
+function jpegDimensions(view) {
+  if (view.byteLength < 4 || view.getUint16(0) !== 65496)
+    return;
+  let offset = 2;
+  while (offset + 9 < view.byteLength) {
+    if (view.getUint8(offset) !== 255) {
+      offset += 1;
+      continue;
+    }
+    const marker = view.getUint8(offset + 1);
+    if (marker >= 192 && marker <= 207 && marker !== 196 && marker !== 200 && marker !== 204) {
+      return { height: view.getUint16(offset + 5), width: view.getUint16(offset + 7) };
+    }
+    const segmentLength = view.getUint16(offset + 2);
+    if (segmentLength < 2)
+      return;
+    offset += 2 + segmentLength;
+  }
+  return;
+}
+function gifDimensions(view) {
+  if (view.byteLength < 10)
+    return;
+  if (view.getUint32(0) !== 1195984440)
+    return;
+  return { width: view.getUint16(6, true), height: view.getUint16(8, true) };
+}
+function webpDimensions(view, bytes) {
+  if (view.byteLength < 30)
+    return;
+  if (view.getUint32(0) !== 1380533830 || view.getUint32(8) !== 1464156752)
+    return;
+  const format = textDecoder.decode(bytes.subarray(12, 16));
+  if (format === "VP8 ") {
+    return {
+      width: view.getUint16(26, true) & 16383,
+      height: view.getUint16(28, true) & 16383
+    };
+  }
+  if (format === "VP8L") {
+    const bits = view.getUint32(21, true);
+    return {
+      width: (bits & 16383) + 1,
+      height: (bits >> 14 & 16383) + 1
+    };
+  }
+  if (format === "VP8X") {
+    const width = (bytes[24] | bytes[25] << 8 | bytes[26] << 16) + 1;
+    const height = (bytes[27] | bytes[28] << 8 | bytes[29] << 16) + 1;
+    return { width, height };
+  }
+  return;
+}
+function bmpDimensions(view) {
+  if (view.byteLength < 26 || view.getUint16(0) !== 16973)
+    return;
+  return { width: view.getInt32(18, true), height: Math.abs(view.getInt32(22, true)) };
+}
+function icoDimensions(view) {
+  if (view.byteLength < 8 || view.getUint16(0, true) !== 0 || view.getUint16(2, true) !== 1) {
+    return;
+  }
+  const width = view.getUint8(6) || 256;
+  const height = view.getUint8(7) || 256;
+  return { width, height };
+}
+function avifDimensions(bytes) {
+  const marker = [105, 115, 112, 101];
+  for (let i = 0;i + 12 <= bytes.length; i += 1) {
+    if (bytes[i] === marker[0] && bytes[i + 1] === marker[1] && bytes[i + 2] === marker[2] && bytes[i + 3] === marker[3]) {
+      const view = new DataView(bytes.buffer, bytes.byteOffset, bytes.byteLength);
+      return { width: view.getUint32(i + 8), height: view.getUint32(i + 12) };
+    }
+  }
+  return;
+}
+function svgDimensions(bytes) {
+  const head = textDecoder.decode(bytes.subarray(0, Math.min(bytes.length, 4096)));
+  const svgTag = /<svg[^>]*>/i.exec(head)?.[0];
+  if (!svgTag)
+    return;
+  const width = svgLength(svgTag, "width");
+  const height = svgLength(svgTag, "height");
+  if (width && height)
+    return { width, height };
+  const viewBox = /viewBox\s*=\s*["']?\s*[\d.]+[ ,]+[\d.]+[ ,]+([\d.]+)[ ,]+([\d.]+)/i.exec(svgTag);
+  if (viewBox?.[1] && viewBox[2]) {
+    return { width: Math.round(Number(viewBox[1])), height: Math.round(Number(viewBox[2])) };
+  }
+  return;
+}
+function svgLength(tag, attr) {
+  const match = new RegExp(`${attr}\\s*=\\s*["']?\\s*([\\d.]+)`, "i").exec(tag);
+  if (!match?.[1])
+    return;
+  const value = Number(match[1]);
+  return Number.isFinite(value) && value > 0 ? Math.round(value) : undefined;
+}
+var BLUR_IMG_SIZE = 8;
+function blurDimensions(dimensions) {
+  if (!dimensions || dimensions.width <= 0 || dimensions.height <= 0) {
+    return { blurWidth: BLUR_IMG_SIZE, blurHeight: BLUR_IMG_SIZE };
+  }
+  const { width, height } = dimensions;
+  if (width >= height) {
+    return {
+      blurWidth: BLUR_IMG_SIZE,
+      blurHeight: Math.max(Math.round(height / width * BLUR_IMG_SIZE), 1)
+    };
+  }
+  return {
+    blurWidth: Math.max(Math.round(width / height * BLUR_IMG_SIZE), 1),
+    blurHeight: BLUR_IMG_SIZE
+  };
+}
+
+export { staticImageModule, staticMediaRelative, staticImageData, staticImageModuleText, imageDimensions, blurDimensions };