import { sha256 } from "@noble/hashes/sha2";import JSZip from "jszip";import { afterEach, describe, expect, it, vi } from "vite-plus/test"; import {  importOpenVsxThemeExtension,  searchOpenVsxThemes,  type OpenVsxThemeExtension,} from "./openVsxThemes";import { getThemeColorsForMode, themeColorToHex } from "./themePalette"; const ASSET_ROOT = "https://open-vsx.org/api/demo/theme/1.0.0/file"; function extensionDetail(overrides: Record<string, unknown> = {}) {  return {    namespace: "demo",    name: "theme",    displayName: "Demo Theme",    description: "A nice theme",    version: "1.0.0",    downloadCount: 123456,    license: "MIT",    repository: "https://github.com/demo/theme",    files: {      icon: `${ASSET_ROOT}/icon.png`,      manifest: `${ASSET_ROOT}/package.json`,      sha256: `${ASSET_ROOT}/demo.theme-1.0.0.sha256`,      download: `${ASSET_ROOT}/demo.theme-1.0.0.vsix`,    },    ...overrides,  };} afterEach(() => {  vi.useRealTimers();  vi.unstubAllGlobals();}); describe("Open VSX themes", () => {  it("searches theme extensions and keeps only supported open-source licenses", async () => {    const fetchMock = vi.fn(async (input: RequestInfo | URL) => {      const url = String(input);      if (url.includes("/-/search?")) {        return new Response(          JSON.stringify({            extensions: [              { namespace: "demo", name: "theme" },              { namespace: "icons", name: "theme" },              { namespace: "oversized", name: "theme" },              { namespace: "unlicensed", name: "theme" },              { namespace: "unavailable", name: "theme" },              { namespace: "closed", name: "theme" },              { namespace: "huge", name: "theme" },            ],          }),          { status: 200 },        );      }      if (url.endsWith("/icons/theme")) {        return new Response(          JSON.stringify(            extensionDetail({              namespace: "icons",              files: {                ...extensionDetail().files,                manifest: `${ASSET_ROOT.replace("demo/theme", "icons/theme")}/package.json`,              },            }),          ),          { status: 200 },        );      }      if (url.endsWith("/oversized/theme")) {        return new Response(          JSON.stringify(            extensionDetail({              namespace: "oversized",              files: {                ...extensionDetail().files,                download: `${ASSET_ROOT.replace("demo/theme", "oversized/theme")}/oversized.vsix`,              },            }),          ),          { status: 200 },        );      }      if (url.endsWith("/unlicensed/theme")) {        return new Response(          JSON.stringify(            extensionDetail({              namespace: "unlicensed",              files: {                ...extensionDetail().files,                manifest: `${ASSET_ROOT.replace("demo/theme", "unlicensed/theme")}/package.json`,              },            }),          ),          { status: 200 },        );      }      if (url.endsWith("/unavailable/theme")) {        return new Response(          JSON.stringify(            extensionDetail({              namespace: "unavailable",              files: {                ...extensionDetail().files,                download: `${ASSET_ROOT.replace("demo/theme", "unavailable/theme")}/unavailable.vsix`,                manifest: `${ASSET_ROOT.replace("demo/theme", "unavailable/theme")}/package.json`,              },            }),          ),          { status: 200 },        );      }      if (url.endsWith("/closed/theme")) {        return new Response(          JSON.stringify(extensionDetail({ namespace: "closed", license: "All Rights Reserved" })),          { status: 200 },        );      }      if (url.endsWith("/huge/theme")) {        return new Response(JSON.stringify({ padding: "x".repeat(256 * 1024) }), { status: 200 });      }      if (url.endsWith("/oversized/theme/1.0.0/file/oversized.vsix")) {        return new Response(null, {          headers: { "content-length": String(20 * 1024 * 1024 + 1) },          status: 200,        });      }      if (url.endsWith("/unavailable/theme/1.0.0/file/unavailable.vsix")) {        return new Response(null, { status: 404 });      }      if (url.endsWith(".vsix")) {        return new Response(null, { headers: { "content-length": "1024" }, status: 200 });      }      if (url.endsWith("/icons/theme/1.0.0/file/package.json")) {        return new Response(JSON.stringify({ contributes: { iconThemes: [{}] } }), { status: 200 });      }      if (url.endsWith("/unlicensed/theme/1.0.0/file/package.json")) {        return new Response(          JSON.stringify({ contributes: { themes: [{ path: "./theme.json" }] } }),          { status: 200 },        );      }      if (url.endsWith("/unavailable/theme/1.0.0/file/package.json")) {        return new Response(          JSON.stringify({ license: "MIT", contributes: { themes: [{ path: "./theme.json" }] } }),          { status: 200 },        );      }      if (url.endsWith("/demo/theme/1.0.0/file/package.json")) {        return new Response(          JSON.stringify({ license: "MIT", contributes: { themes: [{ path: "./theme.json" }] } }),          { status: 200 },        );      }      return new Response(JSON.stringify(extensionDetail()), { status: 200 });    });    vi.stubGlobal("fetch", fetchMock);     const results = await searchOpenVsxThemes("  dracula  ");     expect(results).toEqual([      expect.objectContaining({        id: "demo.theme",        name: "Demo Theme",        publisher: "demo",        downloadCount: 123456,        iconUrl: `${ASSET_ROOT}/icon.png`,        sourceUrl: "https://github.com/demo/theme",        license: "MIT",      }),    ]);    const searchUrl = new URL(String(fetchMock.mock.calls[0]![0]));    expect(searchUrl.searchParams.get("query")).toBe("dracula");    expect(searchUrl.searchParams.get("category")).toBe("Themes");    expect(searchUrl.searchParams.get("sortBy")).toBe("downloadCount");    expect(searchUrl.searchParams.get("sortOrder")).toBe("desc");    expect(searchUrl.searchParams.get("size")).toBe("16");  });   it("supports sorting theme searches", async () => {    const fetchMock = vi.fn(      async (..._args: unknown[]) =>        new Response(JSON.stringify({ extensions: [] }), { status: 200 }),    );    vi.stubGlobal("fetch", fetchMock);     await searchOpenVsxThemes("nord", { sortBy: "rating" });     const searchUrl = new URL(String(fetchMock.mock.calls[0]![0]));    expect(searchUrl.searchParams.get("sortBy")).toBe("rating");    expect(searchUrl.searchParams.get("sortOrder")).toBe("desc");  });   it("rejects malformed search responses", async () => {    vi.stubGlobal(      "fetch",      vi.fn(async () => new Response(JSON.stringify({ error: "unavailable" }), { status: 200 })),    );     await expect(searchOpenVsxThemes("nord")).rejects.toThrow(      "Open VSX returned an unreadable search response.",    );  });   it("reports an unavailable search when every detail request fails", async () => {    vi.stubGlobal(      "fetch",      vi.fn(async (input: RequestInfo | URL) => {        if (String(input).includes("/-/search?")) {          return new Response(            JSON.stringify({ extensions: [{ namespace: "demo", name: "theme" }] }),            { status: 200 },          );        }        return new Response(null, { status: 429 });      }),    );     await expect(searchOpenVsxThemes("dracula")).rejects.toThrow(      "Open VSX theme details are unavailable",    );  });   it("reports an unavailable search when every detail response is malformed", async () => {    vi.stubGlobal(      "fetch",      vi.fn(async (input: RequestInfo | URL) => {        if (String(input).includes("/-/search?")) {          return new Response(            JSON.stringify({ extensions: [{ namespace: "demo", name: "theme" }] }),            { status: 200 },          );        }        return new Response("{}", { status: 200 });      }),    );     await expect(searchOpenVsxThemes("dracula")).rejects.toThrow(      "Open VSX theme details are unavailable",    );  });   it("returns no results when every theme package is unavailable", async () => {    vi.stubGlobal(      "fetch",      vi.fn(async (input: RequestInfo | URL, init?: RequestInit) => {        const url = String(input);        if (url.includes("/-/search?")) {          return new Response(            JSON.stringify({ extensions: [{ namespace: "demo", name: "theme" }] }),            { status: 200 },          );        }        if (url.endsWith("/demo/theme")) {          return new Response(JSON.stringify(extensionDetail()), { status: 200 });        }        if (init?.method === "HEAD") return new Response(null, { status: 404 });        return new Response(          JSON.stringify({ license: "MIT", contributes: { themes: [{ path: "./theme.json" }] } }),          { status: 200 },        );      }),    );     await expect(searchOpenVsxThemes("dracula")).resolves.toEqual([]);  });   it("times out a stalled search request", async () => {    vi.useFakeTimers();    vi.stubGlobal(      "fetch",      vi.fn(        (_input: RequestInfo | URL, init?: RequestInit) =>          new Promise<Response>((_resolve, reject) => {            init?.signal?.addEventListener("abort", () => {              reject(new DOMException("The operation was aborted.", "AbortError"));            });          }),      ),    );     const search = expect(searchOpenVsxThemes("dracula")).rejects.toThrow(      "Open VSX took too long to respond",    );    await vi.advanceTimersByTimeAsync(10_000);     await search;  });   it("downloads a verified VSIX, reads JSONC includes, and pairs contributed variants", async () => {    const zip = new JSZip();    zip.file("extension/.gitkeep", "");    zip.file(      "extension/themes/base.jsonc",      `{        // inherited workbench colors        "colors": {          "editor.foreground": "#eeeeee",          "focusBorder": "#8b5cf6",        },      }`,    );    zip.file(      "extension/themes/demo-dark.json",      `{        "include": "./base.jsonc",        "colors": { "editor.background": "#111111" }      }`,    );    zip.file(      "extension/themes/demo-light.json",      `{        "colors": {          "editor.background": "#fafafa",          "editor.foreground": "#222222",          "focusBorder": "#8b5cf6"        }      }`,    );    zip.file(      "extension/themes/demo.json",      `{        "colors": {          "editor.background": "#181818",          "editor.foreground": "#eeeeee"        }      }`,    );    const packagedManifest = {      publisher: "demo",      name: "theme",      version: "1.0.0",      license: "MIT",      contributes: {        themes: [          { label: "Demo Dark", uiTheme: "vs-dark", path: "./themes/demo-dark.json" },          { label: "Demo Light", uiTheme: "vs", path: "./themes/demo-light.json" },          { label: "Demo", uiTheme: "vs-dark", path: "./themes/demo.json" },        ],      },    };    let packageBytes = new ArrayBuffer(0);    let checksum = "";    const rebuildPackage = async () => {      zip.file("extension/package.json", JSON.stringify(packagedManifest));      packageBytes = await zip.generateAsync({        type: "arraybuffer",        comment: `PK\u0005\u0006${"x".repeat(26)}`,      });      checksum = [...sha256(new Uint8Array(packageBytes))]        .map((byte) => byte.toString(16).padStart(2, "0"))        .join("");    };    await rebuildPackage();    // The public manifest is only a preflight hint. Imports must use the manifest    // inside the checksummed VSIX rather than this inconsistent contribution.    const manifest = {      contributes: { themes: [{ label: "Wrong", path: "./themes/missing.json" }] },    };    const extension: OpenVsxThemeExtension = {      collectionId: "open-vsx:demo.theme",      id: "demo.theme",      name: "Demo Theme",      publisher: "demo",      description: "",      downloadCount: 1,      iconUrl: null,      sourceUrl: null,      license: "MIT",      manifestUrl: `${ASSET_ROOT}/package.json`,      sha256Url: `${ASSET_ROOT}/demo.theme-1.0.0.sha256`,      version: "1.0.0",      vsixUrl: `${ASSET_ROOT}/demo.theme-1.0.0.vsix`,    };    vi.stubGlobal(      "fetch",      vi.fn(async (input: string | URL | Request) => {        const url = String(input);        if (url === extension.manifestUrl) {          return new Response(JSON.stringify(manifest), { status: 200 });        }        if (url === extension.sha256Url) return new Response(`${checksum}  demo.vsix`);        return new Response(packageBytes, {          status: 200,          headers: { "Content-Length": String(packageBytes.byteLength) },        });      }),    );     const themes = await importOpenVsxThemeExtension(extension);     expect(themes).toHaveLength(2);    expect(new Set(themes.map((theme) => theme.id)).size).toBe(2);    expect(themes.every((theme) => /^ovx-[a-z0-9-]+-[0-9a-f]{12}$/.test(theme.id))).toBe(true);    expect(themes.every((theme) => theme.collection?.id === "open-vsx:demo.theme")).toBe(true);    const paired = themes.find(      (theme) =>        getThemeColorsForMode(theme, "light") !== null &&        getThemeColorsForMode(theme, "dark") !== null,    )!;    expect(paired.label).toBe("Demo");    expect(themeColorToHex(paired.colors.canvas)).toBe("#fafafa");    expect(themeColorToHex(getThemeColorsForMode(paired, "dark")!.canvas)).toBe("#111111");    expect(themeColorToHex(getThemeColorsForMode(paired, "dark")!.text)).toBe("#eeeeee");     packagedManifest.contributes.themes[0]!.label = "Renamed Dark";    packagedManifest.contributes.themes[1]!.label = "Renamed Light";    packagedManifest.contributes.themes[2]!.label = "Renamed Solo";    await rebuildPackage();    const renamedThemes = await importOpenVsxThemeExtension(extension);    expect(renamedThemes.map((theme) => theme.id)).toEqual(themes.map((theme) => theme.id));     packagedManifest.contributes.themes.push({      label: "Duplicate Demo",      uiTheme: "vs-dark",      path: "./themes/demo.json",    });    await rebuildPackage();    const duplicatePathThemes = await importOpenVsxThemeExtension(extension);    expect(new Set(duplicatePathThemes.map((theme) => theme.id)).size).toBe(      duplicatePathThemes.length,    );    expect(themes.every(({ id }) => duplicatePathThemes.some((theme) => theme.id === id))).toBe(      true,    );    packagedManifest.contributes.themes.pop();     packagedManifest.contributes.themes[2]!.path = "./themes/missing.json";    await rebuildPackage();    await expect(importOpenVsxThemeExtension(extension)).rejects.toThrow(      "could not be imported safely",    );    packagedManifest.contributes.themes[2]!.path = "./themes/demo.json";     packagedManifest.license = "Proprietary";    await rebuildPackage();    await expect(importOpenVsxThemeExtension(extension)).rejects.toThrow(      "does not match its advertised license",    );     Reflect.deleteProperty(packagedManifest, "license");    await rebuildPackage();    await expect(importOpenVsxThemeExtension(extension)).rejects.toThrow(      "does not match its advertised license",    );  });   it("stops import work when the request is cancelled", async () => {    const packageBytes = new Uint8Array([1, 2, 3]);    const checksum = [...sha256(packageBytes)]      .map((byte) => byte.toString(16).padStart(2, "0"))      .join("");    const controller = new AbortController();    const extension: OpenVsxThemeExtension = {      collectionId: "open-vsx:demo.theme",      id: "demo.theme",      name: "Demo Theme",      publisher: "demo",      description: "",      downloadCount: 1,      iconUrl: null,      sourceUrl: null,      license: "MIT",      manifestUrl: `${ASSET_ROOT}/package.json`,      sha256Url: `${ASSET_ROOT}/demo.theme-1.0.0.sha256`,      version: "1.0.0",      vsixUrl: `${ASSET_ROOT}/demo.theme-1.0.0.vsix`,    };    vi.stubGlobal(      "fetch",      vi.fn(async (input: string | URL | Request) => {        const url = String(input);        if (url === extension.manifestUrl) {          return new Response(            JSON.stringify({ contributes: { themes: [{ path: "./theme.json" }] } }),          );        }        if (url === extension.sha256Url) {          controller.abort();          return new Response(checksum);        }        return new Response(packageBytes);      }),    );     await expect(importOpenVsxThemeExtension(extension, controller.signal)).rejects.toMatchObject({      name: "AbortError",    });  });   it("rejects a package whose Open VSX checksum does not match", async () => {    const extension: OpenVsxThemeExtension = {      collectionId: "open-vsx:demo.theme",      id: "demo.theme",      name: "Demo Theme",      publisher: "demo",      description: "",

Lines 1–500 of 526. Load more