Made by@slashcloneShow "works with" app logos and filter by app
@slashclone/integration-logos
Add a "works with" feature to a catalog or marketplace: each item shows logos of the apps it integrates with, and people can browse and filter search by app. Tags are detected from strong signals like env vars, hosts, and MCP servers before mentions, owners can override them, and logos come from simple-icons with a lettered fallback, an SVG safety check, and a dry-run retag job.
- Activity
- New: be the first to try it
- Installs
- 0 installs
- Likes
- 0 likes
- Clones
- 0 clones
- 1#!/usr/bin/env node
- 2// Reference detector: which catalog apps does one item work with? Node built-ins only.
- 3// Usage: node scripts/detect-integrations.mjs --catalog examples/catalog.json
- 4// --item examples/item.json [--out out/integrations.json]
- 5// Prints and writes ids and the signal that found each one. Never writes item content.
- 6import { mkdirSync, readFileSync, writeFileSync } from "node:fs";
- 7import { dirname } from "node:path";
- 8import { parseArgs } from "node:util";
- 10const MAX_TOTAL = 12; // tags in all
- 11const MAX_MENTIONS = 6; // tags found only by mentions
- 12const FILE_MENTIONS_NEEDED = 2; // mentions in files needed to count
- 13const SKIP_FILES =
- 14 /(^|\/)(package-lock\.json|pnpm-lock\.yaml|yarn\.lock|[^/]+\.lock)$|\.(png|jpe?g|gif|webp|ico|pdf|zip|woff2?|ttf)$/i;
- 15const LINK = /\b(?:https?:\/\/|www\.)\S+/gi;
- 17const { values } = parseArgs({
- 18 options: {
- 19 catalog: { type: "string" },
- 20 item: { type: "string" },
- 21 out: { type: "string", default: "out/integrations.json" },
- 22 },
- 23});
- 24if (!values.catalog || !values.item) {
- 25 console.error("Need --catalog and --item JSON files.");
- 26 process.exit(2);
- 27}
- 28const catalog = JSON.parse(readFileSync(values.catalog, "utf8")).integrations;
- 29const item = JSON.parse(readFileSync(values.item, "utf8"));
- 30const list = (v) => (Array.isArray(v) ? v.map(String) : []);
- 32const escape = (s) => s.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
- 33function patternsFor(entry) {
- 34 const words = (s, flags) => new RegExp(`(?<![\\w.-])${escape(s)}(?![\\w-])`, flags);
- 35 const aliases = list(entry.aliases).map((a) => words(a, "gi"));
- 36 if (entry.rule === "aliases") return aliases; // common words: never the bare name
- 37 if (entry.rule === "case") return [words(entry.name, "g"), ...aliases]; // capitals required
- 38 return [words(entry.name, "gi"), ...aliases];
- 39}
- 40const count = (text, res) => res.reduce((n, re) => n + (text.match(re)?.length ?? 0), 0);
- 42const found = new Map(); // id -> via, in the order found
- 43const add = (id, via) => {
- 44 if (!found.has(id) && found.size < MAX_TOTAL) found.set(id, via);
- 45};
- 46const host = (h) => h.toLowerCase().replace(/^\*\./, "");
- 48// 1. Strong signals.
- 49const known = new Set(catalog.map((e) => e.id));
- 50for (const id of list(item.declared)) if (known.has(id)) add(id, "declared");
- 51for (const e of catalog) {
- 52 if (list(e.mcp).some((m) => list(item.mcp).includes(m))) add(e.id, "mcp");
- 53 const hit = list(item.hosts).some((h) =>
- 54 list(e.domains).some((d) => host(h) === d || host(h).endsWith(`.${d}`)),
- 55 );
- 56 if (hit) add(e.id, "network");
- 57 if (list(e.envPrefixes).some((p) => list(item.env).some((n) => n.startsWith(p))))
- 58 add(e.id, "env");
- 59 if (list(e.workflowNodes).some((n) => list(item.workflowNodes).includes(n)))
- 60 add(e.id, "workflow");
- 61}
- 63// 2. Mentions: one in the name or description, or enough across files. Links ignored.
- 64const strip = (t) => String(t ?? "").replace(LINK, " ");
- 65const head = strip(`${item.name ?? ""}\n${item.description ?? ""}`);
- 66const body = (Array.isArray(item.files) ? item.files : [])
- 67 .filter((f) => !SKIP_FILES.test(String(f.path)))
- 68 .map((f) => strip(f.text))
- 69 .join("\n");
- 70let mentions = 0;
- 71for (const e of catalog) {
- 72 if (found.has(e.id) || mentions >= MAX_MENTIONS) continue;
- 73 const res = patternsFor(e);
- 74 if (res.length === 0) continue;
- 75 if (count(head, res) >= 1 || count(body, res) >= FILE_MENTIONS_NEEDED) {
- 76 const before = found.size;
- 77 add(e.id, "mention");
- 78 if (found.size > before) mentions++;
- 79 }
- 80}
- 82const result = { ids: [...found.keys()], via: Object.fromEntries(found) };
- 83mkdirSync(dirname(values.out), { recursive: true });
- 84writeFileSync(values.out, `${JSON.stringify(result, null, 2)}\n`);
- 85console.log(JSON.stringify(result));