@xynogen/pix-find 0.2.0 → 0.2.2

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@xynogen/pix-find",
-	"version": "0.2.0",
+	"version": "0.2.2",
 	"description": "Pi tool — glob file search",
 	"type": "module",
 	"main": "src/index.ts",

package/src/find.test.ts

@@ -6,7 +6,24 @@ import type {
 	TextComponentCtor,
 	ThemeLike,
 } from "@xynogen/pix-pretty/types";
-import { applyFindDefaults, DEFAULT_FIND_LIMIT, registerFindTool } from "./find";
+import { applyFindDefaults, DEFAULT_FIND_LIMIT, globHighlight, registerFindTool } from "./find";
+
+describe("globHighlight", () => {
+	it("keeps literal runs from a glob as case-insensitive alternatives", () => {
+		const re = globHighlight("**/*.test.ts");
+		expect(re).toBeInstanceOf(RegExp);
+		expect((re as RegExp).flags).toBe("gi");
+		expect("foo.test.ts".match(re as RegExp)).not.toBeNull();
+	});
+
+	it("highlights the extension of a simple glob", () => {
+		expect("app.ts".match(globHighlight("*.ts") as RegExp)?.[0]).toBe(".ts");
+	});
+
+	it("returns undefined when the glob has no meaningful literal run", () => {
+		expect(globHighlight("*")).toBeUndefined();
+	});
+});
 
 class MockTextComponent {
 	private text = "";
@@ -108,10 +125,12 @@ describe("registerFindTool", () => {
 			} as unknown as RenderContextLike,
 		);
 
-		expect(result?.getText()).toContain("src/one.ts");
-		expect(result?.getText()).toContain("src/two.ts");
+		const strip = (s: string) => s.replace(/\u001b\[[0-9;]*m/g, "");
+		const shown = strip(result?.getText() ?? "");
+		expect(shown).toContain("src/one.ts");
+		expect(shown).toContain("src/two.ts");
 		// No floating count header in the framed view — the collapsed row carries it.
-		expect(result?.getText()).not.toContain("2 files");
+		expect(shown).not.toContain("2 files");
 	});
 
 	it("frames single-file output like multi-file (no inline row)", () => {
@@ -156,7 +175,7 @@ describe("registerFindTool", () => {
 				?.getText() ?? "";
 		// Single result is framed just like multi — one shape, no inline row.
 		expect(out).toContain("─");
-		expect(out).toContain("src/a.ts");
+		expect(strip(out)).toContain("src/a.ts");
 		expect(strip(out)).not.toContain("file");
 		const multi = {
 			content: [{ type: "text", text: "a.ts\nb.ts\nc.ts" }],

package/src/find.ts

@@ -34,6 +34,25 @@ export function applyFindDefaults(params: FindParams): FindParams {
 	return params.limit === undefined ? { ...params, limit: DEFAULT_FIND_LIMIT } : params;
 }
 
+/**
+ * Build a highlight regex from a glob pattern by keeping only its literal runs
+ * (the wildcard-free fragments) as case-insensitive alternatives. `**​/*.test.ts`
+ * → highlight `.test.ts`; `*.ts` → highlight `.ts`. A pattern with no literal
+ * run (e.g. `*`) yields undefined — nothing meaningful to emphasize.
+ */
+export function globHighlight(pattern: string): RegExp | undefined {
+	const literals = pattern
+		.split(/[*?{}[\],/]+/) // split on glob metacharacters + path separators
+		.filter((s) => s.length >= 2); // skip single chars/dots — too noisy
+	if (literals.length === 0) return undefined;
+	const alt = literals.map((s) => s.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")).join("|");
+	try {
+		return new RegExp(alt, "gi");
+	} catch {
+		return undefined;
+	}
+}
+
 export function registerFindTool(
 	pi: PiPrettyApi,
 	createFindTool: ToolFactory<FindToolInput>,
@@ -138,7 +157,7 @@ export function registerFindTool(
 				return text;
 			text.setText(
 				fillToolBackground(
-					`${theme.fg("toolTitle", theme.bold("find"))} ${theme.fg("accent", pattern)}${path}`,
+					`${theme.fg("toolTitle", theme.bold("find"))} ${theme.fg("dim", pattern)}${path}`,
 				),
 			);
 			return text;
@@ -193,6 +212,7 @@ export function registerFindTool(
 				renderDimPreview(output, theme, {
 					frame: true,
 					paint: (s: string) => theme.fg(renderCtx.isError ? "error" : "success", s),
+					highlight: d?._type === "findResult" ? globHighlight(d.pattern) : undefined,
 				}),
 			);
 			return text;