release: WRNexusJS 0.8.0

2026-08-02 23:18:51 +05:30
parent 87507edf59
commit 586a6db8ff
625 changed files with 243608 additions and 11210 deletions
@@ -0,0 +1,50 @@
+import { describe, expect, test } from "bun:test";
+import {
+  createBlurPlaceholder,
+  createCdnImageLoader,
+  createPathImageLoader,
+  createPicture,
+  imagePreload,
+} from "../src/index.ts";
+
+describe("image package kit", () => {
+  test("creates AVIF/WebP picture plans and preload hints", () => {
+    const picture = createPicture({
+      src: "/hero.jpg",
+      alt: "Hero",
+      width: 1200,
+      height: 630,
+      widths: [480, 768, 1200],
+      formats: ["avif", "webp"],
+    });
+    expect(picture.sources.map((source) => source.type)).toEqual(["image/avif", "image/webp"]);
+    expect(imagePreload(picture.image)).toContain('rel="preload"');
+  });
+
+  test("requires HTTPS CDN endpoints and safe placeholder colors", () => {
+    expect(() => createCdnImageLoader("http://images.example.test")).toThrow();
+    expect(() => createBlurPlaceholder({ color: 'url("javascript:alert(1)")' })).toThrow();
+    expect(createBlurPlaceholder({ color: "#fff", accent: "var(--wire-color-surface)" })).toMatch(
+      /^data:image\/svg\+xml/,
+    );
+  });
+
+  test("keeps query parameters before URL fragments and rejects invalid dimensions", () => {
+    const picture = createPicture({
+      src: "/hero.jpg#preview",
+      alt: "Hero",
+      width: 640,
+      height: 360,
+    });
+    expect(picture.image.src).toContain("?w=640");
+    expect(picture.image.src.endsWith("#preview")).toBe(true);
+    expect(() => createBlurPlaceholder({ width: Number.NaN })).toThrow("finite");
+  });
+
+  test("encodes source paths in the local loader", () => {
+    const loader = createPathImageLoader();
+    expect(loader({ src: "/images/hero one.jpg", width: 640 })).toContain(
+      encodeURIComponent("/images/hero one.jpg"),
+    );
+  });
+});