lhcb-ntuple-wizard-test 2.1.0 → 2.2.0

package/dist/tests/utils/utils.test.js

@@ -0,0 +1,394 @@
+import { describe, expect, it, vi, beforeEach, afterEach } from "vitest";
+// Mock typia before any imports that use it
+vi.mock("typia", () => ({
+    default: {
+        validate: vi.fn((value) => ({ success: true, data: value })),
+    },
+}));
+import { sanitizeFilename, processProductionFiles, downloadText, downloadZip, getControlKey, parseProductionFiles, } from "../../utils/utils";
+import { YamlFile } from "../../models/yamlFile";
+import { mockDecay, mockMetadata, mockToolMetadata } from "../testUtils";
+// A minimal saved DTT config that matches mockDecay's descriptorTemplate
+const mockSavedConfig = {
+    name: "DecayTreeTuple/MyTree",
+    descriptorTemplate: "[${head}B+ -> ${k}K+ ${mup}mu+ ${mum}mu-]CC",
+    inputs: ["/Event/Leptonic/Phys/BuToKJpsiee2Line/Particles"],
+    tools: [{ TupleToolKinematic: { Verbose: false } }],
+    branches: {
+        head: { particle: "B+", tools: [] },
+        k: { particle: "K+", tools: [] },
+        mup: { particle: "mu+", tools: [] },
+        mum: { particle: "mu-", tools: [] },
+    },
+    groups: {},
+};
+// The metadata's decay key must match the template
+const metadataWithDecay = {
+    ...mockMetadata,
+    decays: {
+        "some-key": {
+            ...mockDecay,
+            descriptors: {
+                ...mockDecay.descriptors,
+                // Must match mockSavedConfig.descriptorTemplate
+                template: "[${head}B+ -> ${k}K+ ${mup}mu+ ${mum}mu-]CC",
+            },
+        },
+    },
+    tupleTools: {
+        applicationInfo: { Analysis: "v25r1", DaVinci: "v45r7", Phys: "v26r2" },
+        tupleTools: mockToolMetadata,
+    },
+};
+describe("sanitizeFilename()", () => {
+    it("returns the filename unchanged when safe", () => {
+        expect(sanitizeFilename("my-file_01.yaml")).toBe("my-file_01.yaml");
+    });
+    it("strips directory separators (forward slash)", () => {
+        expect(sanitizeFilename("path/to/file.yaml")).toBe("file.yaml");
+    });
+    it("strips directory separators (backslash)", () => {
+        expect(sanitizeFilename("path\\to\\file.yaml")).toBe("file.yaml");
+    });
+    it("removes path traversal by stripping all directory components (keeps only basename)", () => {
+        // sanitizeFilename takes the last path segment, so traversal is neutralised
+        expect(sanitizeFilename("../../etc/passwd")).toBe("passwd");
+    });
+    it("removes leading dots", () => {
+        expect(sanitizeFilename(".hidden")).toBe("hidden");
+    });
+    it("removes unsafe characters", () => {
+        expect(sanitizeFilename("file name!@#.yaml")).toBe("filename.yaml");
+    });
+    it("returns the fallback when sanitization produces an empty string", () => {
+        expect(sanitizeFilename("!!!")).toBe("file");
+    });
+    it("returns a custom fallback when provided", () => {
+        expect(sanitizeFilename("!!!", "default.yaml")).toBe("default.yaml");
+    });
+    it("allows dots, hyphens, underscores in filenames", () => {
+        expect(sanitizeFilename("my-file_name.tar.gz")).toBe("my-file_name.tar.gz");
+    });
+    it("handles empty string input with fallback", () => {
+        expect(sanitizeFilename("")).toBe("file");
+    });
+});
+describe("processProductionFiles()", () => {
+    it("returns rows for each saved config", () => {
+        const result = processProductionFiles(metadataWithDecay, [mockSavedConfig], null);
+        expect(result).not.toBeTypeOf("string");
+        if (typeof result === "string")
+            return;
+        expect(result.rows).toHaveLength(1);
+    });
+    it("returns an error string when decay template is not found in metadata", () => {
+        const badConfig = {
+            ...mockSavedConfig,
+            descriptorTemplate: "UnknownDecay",
+        };
+        const result = processProductionFiles(metadataWithDecay, [badConfig], null);
+        expect(result).toBeTypeOf("string");
+        expect(result).toContain("Unknown decay");
+    });
+    it("returns an error string when config has no inputs", () => {
+        const badConfig = { ...mockSavedConfig, inputs: undefined };
+        const result = processProductionFiles(metadataWithDecay, [badConfig], null);
+        expect(result).toBeTypeOf("string");
+        expect(result).toContain("No inputs defined");
+    });
+    it("parses the stripping line from the input path", () => {
+        const result = processProductionFiles(metadataWithDecay, [mockSavedConfig], null);
+        if (typeof result === "string")
+            throw new Error(result);
+        const row = result.rows[0];
+        expect(row.line?.line).toBe("StrippingBuToKJpsiee2Line");
+        expect(row.line?.stream).toBe("Leptonic");
+    });
+    it("adds BK paths from info.yaml to rows", () => {
+        const VALID_PATH = "/LHCb/Collision16/Beam6500GeV-VeloClosed-MagDown/Real Data/Reco16/Stripping28r2/90000000/DIMUON.DST";
+        const infoYaml = {
+            defaults: {
+                application: "DaVinci/v45r7",
+                wg: "OpenData",
+                inform: [],
+                automatically_configure: true,
+                output: "DVNtuple.root",
+            },
+            job0: {
+                input: { bk_query: VALID_PATH },
+                options: ["MyTree"],
+            },
+        };
+        const result = processProductionFiles(metadataWithDecay, [mockSavedConfig], infoYaml);
+        if (typeof result === "string")
+            throw new Error(result);
+        expect(result.rows[0].paths).toContain(VALID_PATH);
+    });
+    it("extracts email from info.yaml defaults.inform", () => {
+        const infoYaml = {
+            defaults: {
+                application: "DaVinci/v45r7",
+                wg: "OpenData",
+                inform: ["user@cern.ch"],
+                automatically_configure: true,
+                output: "DVNtuple.root",
+            },
+        };
+        const result = processProductionFiles(metadataWithDecay, [mockSavedConfig], infoYaml);
+        if (typeof result === "string")
+            throw new Error(result);
+        expect(result.emails).toContain("user@cern.ch");
+    });
+    it("returns empty emails list when inform is empty", () => {
+        const result = processProductionFiles(metadataWithDecay, [mockSavedConfig], null);
+        if (typeof result === "string")
+            throw new Error(result);
+        expect(result.emails).toEqual([]);
+    });
+    it("sets line to null when inputs array is empty", () => {
+        const configWithEmptyInputs = { ...mockSavedConfig, inputs: [] };
+        const result = processProductionFiles(metadataWithDecay, [configWithEmptyInputs], null);
+        if (typeof result === "string")
+            throw new Error(result);
+        expect(result.rows[0].line).toBeNull();
+    });
+    it("orders configs according to info.yaml job order", () => {
+        const configA = {
+            ...mockSavedConfig,
+            name: "DecayTreeTuple/TreeA",
+            inputs: ["/Event/Leptonic/Phys/BuToKJpsiee2Line/Particles"],
+        };
+        const configB = {
+            ...mockSavedConfig,
+            name: "DecayTreeTuple/TreeB",
+            inputs: ["/Event/Leptonic/Phys/BuToKJpsiee2Line/Particles"],
+        };
+        const infoYaml = {
+            defaults: {
+                application: "DaVinci/v45r7",
+                wg: "OpenData",
+                inform: [],
+                automatically_configure: true,
+                output: "DVNtuple.root",
+            },
+            job0: { input: { bk_query: "/q/DST" }, options: ["TreeB"] },
+            job1: { input: { bk_query: "/q2/DST" }, options: ["TreeA"] },
+        };
+        // Pass them in reverse order; info.yaml should sort them
+        const result = processProductionFiles(metadataWithDecay, [configA, configB], infoYaml);
+        if (typeof result === "string")
+            throw new Error(result);
+        expect(result.rows[0].dtt?.getName()).toBe("TreeB");
+        expect(result.rows[1].dtt?.getName()).toBe("TreeA");
+    });
+});
+// ---------------------------------------------------------------------------
+// downloadText / downloadZip
+// ---------------------------------------------------------------------------
+// jsdom doesn't provide URL.createObjectURL; stub it globally
+const mockCreateObjectURL = vi.fn(() => "blob:mock");
+vi.stubGlobal("URL", {
+    ...URL,
+    createObjectURL: mockCreateObjectURL,
+    revokeObjectURL: vi.fn(),
+});
+// jsdom rejects MouseEvent with `view: window`; replace with a passthrough stub
+vi.stubGlobal("MouseEvent", class MockMouseEvent {
+});
+describe("downloadText()", () => {
+    let mockLink;
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    let appendChildSpy;
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    let removeChildSpy;
+    beforeEach(() => {
+        mockCreateObjectURL.mockReturnValue("blob:mock");
+        mockLink = { href: "", download: "", dispatchEvent: vi.fn() };
+        vi.spyOn(document, "createElement").mockReturnValue(mockLink);
+        appendChildSpy = vi.spyOn(document.body, "appendChild").mockImplementation((n) => n);
+        removeChildSpy = vi.spyOn(document.body, "removeChild").mockImplementation((n) => n);
+    });
+    afterEach(() => {
+        vi.restoreAllMocks();
+    });
+    it("calls URL.createObjectURL with a Blob", () => {
+        const yamlFile = new YamlFile("test.yaml", "content: true");
+        downloadText(yamlFile);
+        expect(mockCreateObjectURL).toHaveBeenCalledWith(expect.any(Blob));
+    });
+    it("appends and removes a link element to trigger download", () => {
+        const yamlFile = new YamlFile("test.yaml", "content: true");
+        downloadText(yamlFile);
+        expect(appendChildSpy).toHaveBeenCalled();
+        expect(removeChildSpy).toHaveBeenCalled();
+    });
+    it("sanitizes the filename before setting the download attribute", () => {
+        const yamlFile = new YamlFile("../../evil.yaml", "x: 1");
+        downloadText(yamlFile);
+        expect(mockLink.download).toBe("evil.yaml");
+    });
+});
+describe("downloadZip()", () => {
+    let mockLink;
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    let appendChildSpy;
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    let removeChildSpy;
+    beforeEach(() => {
+        mockCreateObjectURL.mockReturnValue("blob:mock");
+        mockLink = { href: "", download: "", dispatchEvent: vi.fn() };
+        vi.spyOn(document, "createElement").mockReturnValue(mockLink);
+        appendChildSpy = vi.spyOn(document.body, "appendChild").mockImplementation((n) => n);
+        removeChildSpy = vi.spyOn(document.body, "removeChild").mockImplementation((n) => n);
+    });
+    afterEach(() => {
+        vi.restoreAllMocks();
+    });
+    it("creates a ZIP and triggers a download", async () => {
+        const files = [new YamlFile("a.yaml", "a: 1"), new YamlFile("b.yaml", "b: 2")];
+        await downloadZip(files, "my-archive.zip");
+        expect(mockCreateObjectURL).toHaveBeenCalledWith(expect.any(Blob));
+        expect(appendChildSpy).toHaveBeenCalled();
+        expect(removeChildSpy).toHaveBeenCalled();
+    });
+    it("uses default archive name when none provided", async () => {
+        const files = [new YamlFile("a.yaml", "a: 1")];
+        await downloadZip(files);
+        expect(mockLink.download).toBe("archive.zip");
+    });
+});
+// ---------------------------------------------------------------------------
+// getControlKey
+// ---------------------------------------------------------------------------
+describe("getControlKey()", () => {
+    afterEach(() => {
+        vi.restoreAllMocks();
+    });
+    it("returns 'cmd' on Mac", () => {
+        vi.spyOn(navigator, "userAgent", "get").mockReturnValue("Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36");
+        expect(getControlKey()).toBe("cmd");
+    });
+    it("returns 'ctrl' on non-Mac", () => {
+        vi.spyOn(navigator, "userAgent", "get").mockReturnValue("Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36");
+        expect(getControlKey()).toBe("ctrl");
+    });
+});
+// ---------------------------------------------------------------------------
+// parseProductionFiles (async)
+// ---------------------------------------------------------------------------
+function makeFile(name, content) {
+    return new File([content], name, { type: "text/plain" });
+}
+const validDttYaml = `
+name: DecayTreeTuple/MyTree
+descriptorTemplate: "[\${head}B+ -> \${k}K+ \${mup}mu+ \${mum}mu-]CC"
+inputs:
+  - /Event/Leptonic/Phys/BuToKJpsiee2Line/Particles
+tools:
+  - TupleToolKinematic:
+      Verbose: false
+branches:
+  head:
+    particle: "B+"
+    tools: []
+  k:
+    particle: "K+"
+    tools: []
+  mup:
+    particle: "mu+"
+    tools: []
+  mum:
+    particle: "mu-"
+    tools: []
+groups: {}
+`.trim();
+const validInfoYaml = `
+defaults:
+  application: DaVinci/v45r7
+  wg: OpenData
+  inform:
+    - user@cern.ch
+  automatically_configure: true
+  output: DVNtuple.root
+`.trim();
+describe("parseProductionFiles()", () => {
+    it("parses a valid DTT config file and returns rows", async () => {
+        const dttFile = makeFile("my_tree.yaml", validDttYaml);
+        const result = await parseProductionFiles([dttFile], metadataWithDecay);
+        expect(result).not.toBeTypeOf("string");
+        if (typeof result === "string")
+            return;
+        expect(result.rows).toHaveLength(1);
+    });
+    it("returns an error string for an invalid YAML file", async () => {
+        const badFile = makeFile("my_tree.yaml", ": bad: yaml: {{{{");
+        const result = await parseProductionFiles([badFile], metadataWithDecay);
+        expect(result).toBeTypeOf("string");
+        expect(result).toContain("is not a valid yaml file");
+    });
+    it("returns an error string when info.yaml is invalid YAML", async () => {
+        const infoFile = makeFile("info.yaml", ": bad: yaml: {{{{");
+        const result = await parseProductionFiles([infoFile], metadataWithDecay);
+        expect(result).toBeTypeOf("string");
+        expect(result).toContain("info.yaml");
+    });
+    it("parses with valid info.yaml and extracts emails", async () => {
+        const dttFile = makeFile("my_tree.yaml", validDttYaml);
+        const infoFile = makeFile("info.yaml", validInfoYaml);
+        const result = await parseProductionFiles([dttFile, infoFile], metadataWithDecay);
+        expect(result).not.toBeTypeOf("string");
+        if (typeof result === "string")
+            return;
+        expect(result.emails).toContain("user@cern.ch");
+    });
+    it("returns an error when typia validation fails for DTT config", async () => {
+        // Override typia mock to fail for this test
+        const typia = await import("typia");
+        vi.mocked(typia.default.validate).mockReturnValueOnce({ success: false, errors: [], data: null });
+        vi.mocked(typia.default.validate).mockReturnValueOnce({ success: false, errors: [], data: null });
+        const dttFile = makeFile("my_tree.yaml", "name: test");
+        const result = await parseProductionFiles([dttFile], metadataWithDecay);
+        expect(result).toBeTypeOf("string");
+        // Reset mock
+        vi.mocked(typia.default.validate).mockImplementation((v) => ({ success: true, data: v }));
+    });
+    it("returns an error string when info.yaml fails typia validation", async () => {
+        const typia = await import("typia");
+        // First call is for info.yaml validation
+        vi.mocked(typia.default.validate).mockReturnValueOnce({ success: false, errors: [], data: null });
+        const infoFile = makeFile("info.yaml", "defaults: {}");
+        const result = await parseProductionFiles([infoFile], metadataWithDecay);
+        expect(result).toBeTypeOf("string");
+        expect(result).toContain("info.yaml");
+        vi.mocked(typia.default.validate).mockImplementation((v) => ({ success: true, data: v }));
+    });
+    it("skips addBkPaths for rows where the DTT has no name", () => {
+        // Config with no name: dtt.config.name will be undefined → line 63 skipped
+        const noNameConfig = { ...mockSavedConfig, name: undefined };
+        const infoYaml = {
+            defaults: {
+                application: "DaVinci/v45r7",
+                wg: "OpenData",
+                inform: [],
+                automatically_configure: true,
+                output: "DVNtuple.root",
+            },
+            job0: { input: { bk_query: "/some/path/DST" }, options: ["MyTree"] },
+        };
+        const result = processProductionFiles(metadataWithDecay, [noNameConfig], infoYaml);
+        if (typeof result === "string")
+            throw new Error(result);
+        // Row should have no paths because addBkPathsToRows skipped the nameless DTT row
+        expect(result.rows[0].paths).toHaveLength(0);
+    });
+    it("sorts configs alphabetically when order is equal (both not in info.yaml)", () => {
+        const configB = { ...mockSavedConfig, name: "DecayTreeTuple/BTree" };
+        const configA = { ...mockSavedConfig, name: "DecayTreeTuple/ATree" };
+        // No info.yaml → both get MAX_SAFE_INTEGER order → localeCompare used
+        const result = processProductionFiles(metadataWithDecay, [configB, configA], null);
+        if (typeof result === "string")
+            throw new Error(result);
+        expect(result.rows[0].dtt?.getName()).toBe("ATree");
+        expect(result.rows[1].dtt?.getName()).toBe("BTree");
+    });
+});

package/dist/utils/latexUtils.d.ts

@@ -0,0 +1,13 @@
+import { DecayData } from "../models/decayData";
+import { MetadataContext } from "../providers/MetadataProvider";
+export declare const LATEX_SELECTED_COLOR = "#0d6efd";
+/**
+ * Converts a LoKi decay selector string to LaTeX representation
+ */
+export declare const selectionDescriptorToLatex: (metadata: MetadataContext, decay: DecayData, selection: string[]) => string;
+/**
+ * Converts a single particle token to LaTeX representation.
+ * Particle tokens may include a LoKi selection prefix ('^') and/or sub-decay parentheses.
+ * The `highlighted` param can be used instead of a '^' prefix when calling directly.
+ */
+export declare const convertParticleToLatex: (metadata: MetadataContext, particle: string, highlighted?: boolean) => string;

package/dist/utils/latexUtils.js

@@ -0,0 +1,86 @@
+export const LATEX_SELECTED_COLOR = "#0d6efd";
+const LOKI_MARKERS = {
+    SELECTION_PREFIX: "^",
+    ARROW: "->",
+};
+const LATEX_COMMANDS = {
+    ARROW: "\\to",
+    TEXT: (content) => `\\text{${content}}`,
+    COLOR: (color, content) => `\\textcolor{${color}}{${content}}`,
+};
+/**
+ * Removes leading and trailing square brackets from LoKi selector string
+ */
+const cleanLoKiSelector = (selector) => {
+    return selector.replace(/^\[/, "").replace(/^\^\[/, "^").replace(/\]CC$/, "");
+};
+/**
+ * Counts occurrences of a pattern in a string
+ */
+const countMatches = (text, pattern) => {
+    return (text.match(pattern) || []).length;
+};
+/**
+ * Extracts and processes parentheses from particle names for sub-decay handling
+ */
+const extractParentheses = (name) => {
+    const openCount = countMatches(name, /\(/g);
+    const closeCount = countMatches(name, /\)/g);
+    if (name.startsWith("(")) {
+        return {
+            cleanName: name.replace(/^\(/, ""),
+            openBrace: "(",
+            closeBrace: "",
+        };
+    }
+    if (name.endsWith(")") && closeCount > openCount) {
+        const extraClosingBraces = closeCount - openCount;
+        return {
+            cleanName: name.replace(/\)+$/, ""),
+            openBrace: "",
+            closeBrace: ")".repeat(extraClosingBraces),
+        };
+    }
+    return { cleanName: name, openBrace: "", closeBrace: "" };
+};
+/**
+ * Converts a LoKi decay selector string to LaTeX representation
+ */
+export const selectionDescriptorToLatex = (metadata, decay, selection) => {
+    // Generate LoKi selector by marking selected particles with '^'
+    const decaySelector = decay.descriptors.template.replace(/\${(\w+)}/g, (_, variableName) => {
+        return selection.includes(variableName) ? LOKI_MARKERS.SELECTION_PREFIX : "";
+    });
+    const cleanedSelector = cleanLoKiSelector(decaySelector);
+    const particles = cleanedSelector.split(" ");
+    const latexTokens = particles.map((particle) => convertParticleToLatex(metadata, particle));
+    return latexTokens.join(" ");
+};
+/**
+ * Converts a single particle token to LaTeX representation.
+ * Particle tokens may include a LoKi selection prefix ('^') and/or sub-decay parentheses.
+ * The `highlighted` param can be used instead of a '^' prefix when calling directly.
+ */
+export const convertParticleToLatex = (metadata, particle, highlighted = false) => {
+    // Handle arrow tokens
+    if (particle === LOKI_MARKERS.ARROW) {
+        return LATEX_COMMANDS.ARROW;
+    }
+    const hasPrefix = particle.startsWith(LOKI_MARKERS.SELECTION_PREFIX);
+    const isMarked = highlighted || hasPrefix;
+    const particleName = hasPrefix ? particle.slice(LOKI_MARKERS.SELECTION_PREFIX.length) : particle;
+    // Handle sub-decay parentheses
+    const { cleanName, openBrace, closeBrace } = extractParentheses(particleName);
+    // Validate particle exists in metadata
+    if (!metadata.particleProperties[cleanName]) {
+        console.error(`${cleanName} not found in particle property metadata!`);
+        return LATEX_COMMANDS.TEXT(cleanName);
+    }
+    // Get base LaTeX representation
+    let latex = metadata.particleProperties[cleanName].latex;
+    // Color highlighted particles
+    if (isMarked) {
+        latex = LATEX_COMMANDS.COLOR(LATEX_SELECTED_COLOR, latex);
+    }
+    return `${openBrace}${latex}${closeBrace}`;
+};

package/dist/utils/utils.d.ts

@@ -40,3 +40,4 @@ export declare function downloadText(yamlFile: YamlFile, type?: string): void;
  * @param name - The desired archive filename
  */
 export declare function downloadZip(files: YamlFile[], name?: string): Promise<void>;
+export declare function getControlKey(): "cmd" | "ctrl";

package/dist/utils/utils.js

@@ -560,7 +560,7 @@ export function processProductionFiles(metadata, configs, infoYaml) {
         rows.push({
             id: rows.length,
             decay,
-            lines: config.inputs.map((input) => parseInput(decay, input)),
+            line: config.inputs.length > 0 ? parseInput(decay, config.inputs[0]) : null,
             paths: [],
             pathOptions: [],
             dtt: Dtt.fromSavedConfig(config, metadata.tupleTools.tupleTools),
@@ -644,3 +644,6 @@ export async function downloadZip(files, name = "archive.zip") {
     const blob = await zip.generateAsync({ type: "blob" });
     downloadBlob(blob, safeZipName);
 }
+export function getControlKey() {
+    return navigator.userAgent.includes("Mac") ? "cmd" : "ctrl";
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lhcb-ntuple-wizard-test",
-  "version": "2.1.0",
+  "version": "2.2.0",
   "description": "An application to access large-scale open data from LHCb",
   "url": "https://gitlab.cern.ch/lhcb-dpa/wp6-analysis-preservation-and-open-data/lhcb-ntuple-wizard-frontend/issues",
   "private": false,
@@ -17,22 +17,21 @@
   },
   "dependencies": {
     "@mathjax/src": "4.1.0",
-    "better-react-mathjax": "2.3.0",
     "bootstrap": "5.3.8",
     "cytoscape": "3.33.1",
     "cytoscape-dagre": "^2.5.0",
-    "dompurify": "^3.3.1",
     "email-validator": "2.0.4",
     "js-yaml": "4.1.1",
     "jszip": "3.10.1",
+    "katex": "^0.16.33",
     "lodash": "^4.17.23",
     "lodash.memoize": "4.1.2",
-    "mathjax-full": "3.2.2",
     "pako": "2.1.0",
     "react-bootstrap": "2.10.10",
     "react-bootstrap-icons": "1.11.6",
     "react-cytoscapejs": "^2.0.0",
     "react-infinite-scroll-component": "^6.1.1",
+    "react-katex": "^3.1.0",
     "react-select": "5.10.2",
     "react-toastify": "^11.0.5",
     "typia": "^11.0.3"
@@ -43,11 +42,13 @@
     "react-router-dom": ">=7.12.0"
   },
   "overrides": {
-    "autoprefixer": "10.4.5"
+    "autoprefixer": "10.4.5",
+    "@xmldom/xmldom": "0.9.9"
   },
   "scripts": {
     "start": "vite --open",
     "build": "tsc",
+    "test": "vitest run --coverage",
     "prepublishOnly": "npm run build",
     "prepare": "ts-patch install"
   },
@@ -72,6 +73,10 @@
     "@babel/preset-react": "7.27.1",
     "@eslint/js": "^9.17.0",
     "@kennethwkz/unplugin-typia": "^2.6.7",
+    "@testing-library/dom": "^10.4.1",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.2",
+    "@testing-library/user-event": "^14.6.1",
     "@types/cytoscape-dagre": "^2.3.4",
     "@types/jest": "^30.0.0",
     "@types/js-yaml": "^4.0.9",
@@ -81,20 +86,24 @@
     "@types/react": "^19.2.7",
     "@types/react-cytoscapejs": "^1.2.6",
     "@types/react-dom": "^19.2.3",
+    "@types/react-katex": "^3.0.4",
     "@types/react-router-dom": "^5.3.3",
     "@types/vis": "^4.21.27",
     "@typescript-eslint/eslint-plugin": "^8.56.0",
     "@typescript-eslint/parser": "^8.56.0",
     "@vitejs/plugin-react": "5.1.2",
-    "eslint": "^9.39.3",
+    "@vitest/coverage-v8": "^4.1.2",
+    "eslint": "^9.39.4",
     "eslint-plugin-react": "^7.37.5",
     "globals": "^16.0.0",
+    "jsdom": "^29.0.1",
     "react": "^19.2.3",
     "react-dom": "^19.2.3",
     "react-router-dom": "^7.12.0",
     "ts-patch": "^3.3.0",
     "typescript": "~5.9.3",
     "vite": "7.3.0",
-    "vite-tsconfig-paths": "^6.0.3"
+    "vite-tsconfig-paths": "^6.0.3",
+    "vitest": "^4.1.2"
   }
 }

package/dist/components/NumStrippingLinesBadge.d.ts

@@ -1,8 +0,0 @@
-interface Props {
-    strippingLines: {
-        [key: string]: string[];
-    };
-    selected: boolean;
-}
-export declare function NumStrippingLinesBadge({ strippingLines, selected }: Props): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/NumStrippingLinesBadge.js

@@ -1,10 +0,0 @@
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import { Badge, OverlayTrigger, Popover } from "react-bootstrap";
-import { StrippingLineInfo } from "./StrippingLineInfo.js";
-export function NumStrippingLinesBadge({ strippingLines, selected }) {
-    const numStrippingLines = Object.keys(strippingLines).length;
-    return (_jsx(OverlayTrigger, { placement: "right", overlay: _jsxs(Popover, { children: [_jsx(Popover.Header, { children: "Stripping lines" }), _jsx(Popover.Body, { children: Object.keys(strippingLines).map((line) => {
-                        const [stream, name] = line.split("/");
-                        return (_jsx(StrippingLineInfo, { line: name, stream: stream, versions: strippingLines[line] }, line));
-                    }) })] }), children: _jsxs(Badge, { pill: true, bg: selected ? "primary" : "secondary", children: [numStrippingLines, " stripping line", numStrippingLines === 1 ? "" : "s"] }) }));
-}

package/dist/components/StrippingLineBadge.d.ts

@@ -1,7 +0,0 @@
-export interface StrippingBadgeProps {
-    version: string;
-    line?: string;
-    stream?: string;
-    showLink?: boolean;
-}
-export declare function StrippingLineBadge({ version, line, stream, showLink }: StrippingBadgeProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/TupleToolGroup.d.ts

@@ -1,5 +0,0 @@
-interface Props {
-    onGroupSelected: (group: string) => void;
-}
-export declare function TupleToolGroup({ onGroupSelected }: Props): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/TupleToolGroup.js

@@ -1,22 +0,0 @@
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import { Button, Card, ListGroup, OverlayTrigger, Popover } from "react-bootstrap";
-import { PencilSquare } from "react-bootstrap-icons";
-import { DecayLatex } from "./DecayLatex";
-import { useDtt } from "../providers/DttProvider";
-export function TupleToolGroup({ onGroupSelected }) {
-    const { dtt, decay, selectedBranch } = useDtt();
-    let groups = {};
-    if (selectedBranch.length === 0) {
-        groups = dtt.config.groups;
-    }
-    else if (selectedBranch.length === 1) {
-        const filteredGroups = Object.entries(dtt.config.groups).filter(([key]) => key.includes(selectedBranch[0]));
-        groups = Object.fromEntries(filteredGroups);
-    }
-    const groupKeys = Object.keys(groups);
-    function ToolCount({ group }) {
-        const tools = dtt.listTools(group);
-        return (_jsx(OverlayTrigger, { overlay: _jsx(Popover, { children: _jsx(ListGroup, { children: tools.map((tool) => (_jsx(ListGroup.Item, { children: tool.toString() }, tool.toString()))) }) }), children: _jsxs("div", { children: [tools.length, " TupleTool", tools.length === 1 ? "" : "s"] }) }));
-    }
-    return (_jsxs(Card, { className: "mt-2", children: [_jsxs(Card.Header, { children: [groupKeys.length, " group", groupKeys.length === 1 ? "" : "s"] }), _jsx(ListGroup, { variant: "flush", children: groupKeys.map((selection) => (_jsxs(ListGroup.Item, { className: "d-flex justify-content-between align-items-start", children: [_jsx(DecayLatex, { decay: decay, selection: selection.split(",") }), _jsx(ToolCount, { group: selection.split(",") }), _jsx(Button, { variant: "outline-secondary", size: "sm", onClick: () => onGroupSelected(selection), children: _jsx(PencilSquare, {}) })] }, selection))) })] }));
-}

package/dist/components/TupleToolList.d.ts

@@ -1,6 +0,0 @@
-interface Props {
-    onGroupSelected: (group: string) => void;
-    onSave: () => void;
-}
-export declare function TupleToolList({ onGroupSelected, onSave }: Props): import("react/jsx-runtime").JSX.Element | null;
-export {};