@imfusion/web-ui 0.5.1-dev.6.gece7a7b5 → 0.6.0

package/bin/install-skill.js

@@ -1,180 +0,0 @@
-#!/usr/bin/env node
-
-// Installs the consumer skill family (../src/llms/skills/imf-web-ui*/)
-// into the consumer project's agent skill directories. Runs in the
-// CONSUMER's environment, so it may only use this package's real runtime
-// dependencies (@clack/prompts). Never wire this into a postinstall hook:
-// ambient script execution on `npm install` is a live supply-chain attack
-// vector — install stays an explicit, user-run command.
-//
-// The skills cross-reference each other, so they install as one bundle.
-// When both targets are selected, .agents/skills/ holds the real copy and
-// .claude/skills/ symlinks it (this repo's own convention) so the two
-// can't drift apart.
-
-import {
-  cpSync,
-  existsSync,
-  lstatSync,
-  mkdirSync,
-  readdirSync,
-  readFileSync,
-  rmSync,
-  symlinkSync,
-  writeFileSync
-} from "node:fs";
-import { dirname, relative, resolve } from "node:path";
-import { fileURLToPath } from "node:url";
-import * as p from "@clack/prompts";
-
-const SKILL_PREFIX = "imf-web-ui";
-const VERSION_MARKER = ".imf-web-ui-skill-version.json";
-
-const here = dirname(fileURLToPath(import.meta.url));
-// Source is relative to THIS SCRIPT's location (inside node_modules), not
-// the consumer's cwd — the script is invoked from the consumer's project
-// root, but the skills it copies ship alongside this file in the package.
-const skillsRoot = resolve(here, "..", "src", "llms", "skills");
-const packageJson = JSON.parse(readFileSync(resolve(here, "..", "package.json"), "utf-8"));
-const currentVersion = packageJson.version;
-
-// Destination is relative to the consumer's project root (cwd), since
-// that's where their `.claude/` or `.agents/` directory lives.
-const projectRoot = process.cwd();
-
-const TARGETS = {
-  claude: { label: "Claude Code", root: resolve(projectRoot, ".claude", "skills") },
-  agents: { label: "Vendor-neutral (.agents/)", root: resolve(projectRoot, ".agents", "skills") }
-};
-
-function discoverSkills() {
-  if (!existsSync(skillsRoot)) return [];
-  return readdirSync(skillsRoot, { withFileTypes: true })
-    .filter(entry => entry.isDirectory() && entry.name.startsWith(SKILL_PREFIX))
-    .map(entry => entry.name)
-    .sort();
-}
-
-function displayPath(absPath) {
-  return `./${relative(projectRoot, absPath)}`;
-}
-
-function readInstalledVersion(dir) {
-  const markerPath = resolve(dir, VERSION_MARKER);
-  if (!existsSync(markerPath)) return null;
-  try {
-    return JSON.parse(readFileSync(markerPath, "utf-8")).version ?? null;
-  } catch {
-    return null;
-  }
-}
-
-function writeRealCopy(sourceDir, destDir) {
-  mkdirSync(dirname(destDir), { recursive: true });
-  // force: true makes re-running after a version bump overwrite cleanly.
-  cpSync(sourceDir, destDir, { recursive: true, force: true });
-  writeFileSync(resolve(destDir, VERSION_MARKER), JSON.stringify({ version: currentVersion }, null, 2) + "\n");
-}
-
-function writeSymlink(linkPath, targetPath) {
-  mkdirSync(dirname(linkPath), { recursive: true });
-  // lstat (not existsSync, which follows symlinks) catches a broken/stale
-  // symlink left over from a prior run, not just a real file or directory.
-  if (lstatSync(linkPath, { throwIfNoEntry: false })) {
-    rmSync(linkPath, { recursive: true, force: true });
-  }
-  symlinkSync(relative(dirname(linkPath), targetPath), linkPath);
-}
-
-// --target claude|agents (repeatable) selects targets without the
-// interactive prompt — for CI and scripted installs.
-function parseTargetFlags(argv) {
-  const targets = [];
-  for (let i = 0; i < argv.length; i++) {
-    if (argv[i] !== "--target") continue;
-    const value = argv[i + 1];
-    if (!value || !(value in TARGETS)) {
-      console.error(`--target expects one of: ${Object.keys(TARGETS).join(", ")}`);
-      process.exit(1);
-    }
-    targets.push(value);
-    i++;
-  }
-  return targets;
-}
-
-async function main() {
-  const skills = discoverSkills();
-  const flagTargets = parseTargetFlags(process.argv.slice(2));
-
-  p.intro(`@imfusion/web-ui — install the ${SKILL_PREFIX} skills (${skills.length})`);
-
-  if (skills.length === 0) {
-    p.log.error(`No skills found at ${skillsRoot}. Reinstall @imfusion/web-ui and try again.`);
-    p.outro("Nothing installed.");
-    process.exitCode = 1;
-    return;
-  }
-
-  const existingVersions = Object.values(TARGETS)
-    .flatMap(({ root }) => skills.map(name => readInstalledVersion(resolve(root, name))))
-    .filter(Boolean);
-  if (existingVersions.length > 0 && existingVersions.every(v => v === currentVersion)) {
-    p.log.info(`Already up to date (v${currentVersion}). Re-running will overwrite with the same content.`);
-  } else if (existingVersions.some(v => v !== currentVersion)) {
-    const from = existingVersions.find(v => v !== currentVersion);
-    p.log.info(`Updating installed skills from v${from} to v${currentVersion}.`);
-  }
-
-  p.log.message(`Skills in this bundle:\n${skills.map(name => `  - ${name}`).join("\n")}`);
-
-  let selected;
-  if (flagTargets.length > 0) {
-    selected = flagTargets;
-    p.log.info(`Targets from --target flags: ${selected.join(", ")}`);
-  } else {
-    selected = await p.multiselect({
-      message: "Install into which skill directory (or directories)?",
-      options: Object.entries(TARGETS).map(([key, { label, root }]) => ({
-        value: key,
-        label,
-        hint: displayPath(root)
-      })),
-      required: true
-    });
-
-    if (p.isCancel(selected)) {
-      p.cancel("Cancelled — nothing installed.");
-      return;
-    }
-  }
-
-  const both = selected.includes("claude") && selected.includes("agents");
-
-  for (const name of skills) {
-    const sourceDir = resolve(skillsRoot, name);
-    if (both) {
-      // .agents/ is the canonical real copy; .claude/ aliases it via symlink.
-      const realDir = resolve(TARGETS.agents.root, name);
-      writeRealCopy(sourceDir, realDir);
-      writeSymlink(resolve(TARGETS.claude.root, name), realDir);
-    } else {
-      for (const key of selected) {
-        writeRealCopy(sourceDir, resolve(TARGETS[key].root, name));
-      }
-    }
-  }
-
-  if (both) {
-    p.log.success(`Vendor-neutral (.agents/) -> ${displayPath(TARGETS.agents.root)}/${SKILL_PREFIX}*`);
-    p.log.success(`Claude Code -> ${displayPath(TARGETS.claude.root)}/${SKILL_PREFIX}* (symlinks -> .agents/)`);
-  } else {
-    for (const key of selected) {
-      p.log.success(`${TARGETS[key].label} -> ${displayPath(TARGETS[key].root)}/${SKILL_PREFIX}*`);
-    }
-  }
-
-  p.outro(`Done — ${skills.length} skills installed.`);
-}
-
-await main();

package/dist/code-qBbqAHK-.js

@@ -1,190 +0,0 @@
-import { a as e, r as t, t as n } from "./meta-B8C51eyL.js";
-import { createContext as r, createElement as i, forwardRef as a, useCallback as o, useContext as s, useEffect as c, useRef as l, useState as u } from "react";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
-//#region node_modules/lucide-react/dist/esm/shared/src/utils/mergeClasses.mjs
-var p = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) === t).join(" ").trim(), m = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), h = (e) => e.replace(/^([A-Z])|[\s-_]+(\w)/g, (e, t, n) => n ? n.toUpperCase() : t.toLowerCase()), g = (e) => {
-	let t = h(e);
-	return t.charAt(0).toUpperCase() + t.slice(1);
-}, _ = {
-	xmlns: "http://www.w3.org/2000/svg",
-	width: 24,
-	height: 24,
-	viewBox: "0 0 24 24",
-	fill: "none",
-	stroke: "currentColor",
-	strokeWidth: 2,
-	strokeLinecap: "round",
-	strokeLinejoin: "round"
-}, v = (e) => {
-	for (let t in e) if (t.startsWith("aria-") || t === "role" || t === "title") return !0;
-	return !1;
-}, y = r({}), b = () => s(y), x = a(({ color: e, size: t, strokeWidth: n, absoluteStrokeWidth: r, className: a = "", children: o, iconNode: s, ...c }, l) => {
-	let { size: u = 24, strokeWidth: d = 2, absoluteStrokeWidth: f = !1, color: m = "currentColor", className: h = "" } = b() ?? {}, g = r ?? f ? Number(n ?? d) * 24 / Number(t ?? u) : n ?? d;
-	return i("svg", {
-		ref: l,
-		..._,
-		width: t ?? u ?? _.width,
-		height: t ?? u ?? _.height,
-		stroke: e ?? m,
-		strokeWidth: g,
-		className: p("lucide", h, a),
-		...!o && !v(c) && { "aria-hidden": "true" },
-		...c
-	}, [...s.map(([e, t]) => i(e, t)), ...Array.isArray(o) ? o : [o]]);
-}), S = (e, t) => {
-	let n = a(({ className: n, ...r }, a) => i(x, {
-		ref: a,
-		iconNode: t,
-		className: p(`lucide-${m(g(e))}`, `lucide-${e}`, n),
-		...r
-	}));
-	return n.displayName = g(e), n;
-}, C = S("arrow-right", [["path", {
-	d: "M5 12h14",
-	key: "1ays0h"
-}], ["path", {
-	d: "m12 5 7 7-7 7",
-	key: "xquz4c"
-}]]), w = S("arrow-up-right", [["path", {
-	d: "M7 7h10v10",
-	key: "1tivn9"
-}], ["path", {
-	d: "M7 17 17 7",
-	key: "1vkiza"
-}]]), T = S("check", [["path", {
-	d: "M20 6 9 17l-5-5",
-	key: "1gmf2c"
-}]]), E = S("copy", [["rect", {
-	width: "14",
-	height: "14",
-	x: "8",
-	y: "8",
-	rx: "2",
-	ry: "2",
-	key: "17jyea"
-}], ["path", {
-	d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2",
-	key: "zix9uf"
-}]]);
-//#endregion
-//#region src/hooks/use-clipboard.ts
-function D({ timeout: e = 1500 } = {}) {
-	let [t, n] = u(!1), r = l(void 0);
-	return c(() => () => clearTimeout(r.current), []), {
-		copied: t,
-		copy: o((t) => {
-			navigator.clipboard.writeText(t).then(() => {
-				n(!0), clearTimeout(r.current), r.current = setTimeout(() => n(!1), e);
-			});
-		}, [e])
-	};
-}
-var O = {
-	block: "imf-ui-code-module-block",
-	copy: "imf-ui-code-module-copy",
-	icon: "imf-ui-code-module-icon",
-	inline: "imf-ui-code-module-inline",
-	inlineCopy: "imf-ui-code-module-inlineCopy",
-	inlineLink: "imf-ui-code-module-inlineLink",
-	language: "imf-ui-code-module-language",
-	pre: "imf-ui-code-module-pre",
-	separator: "imf-ui-code-module-separator"
-}, k = /* @__PURE__ */ e({
-	Block: () => M,
-	Inline: () => A,
-	InlineLink: () => j
-});
-function A({ className: e, copyable: n = !1, highlighted: r, children: i, ...a }) {
-	let { copied: o, copy: s } = D(), c = o ? T : E;
-	return /* @__PURE__ */ f("code", {
-		...a,
-		"data-imf-ui-component": "Code.Inline",
-		className: t(O.inline, e),
-		children: [
-			r ?? i,
-			n && /* @__PURE__ */ d("span", { className: O.separator }),
-			n && /* @__PURE__ */ d("button", {
-				type: "button",
-				className: O.inlineCopy,
-				"data-copied": o || void 0,
-				"aria-label": o ? "Copied" : "Copy",
-				onClick: () => s(i),
-				children: /* @__PURE__ */ d(c, {
-					size: 12,
-					strokeWidth: 2,
-					"aria-hidden": !0
-				})
-			})
-		]
-	});
-}
-A.displayName = "Code.Inline";
-function j({ className: e, kind: n = "external", children: r, ...i }) {
-	let a = n === "external" ? w : C;
-	return /* @__PURE__ */ f("a", {
-		...n === "external" ? {
-			target: "_blank",
-			rel: "noreferrer"
-		} : {},
-		...i,
-		"data-imf-ui-component": "Code.InlineLink",
-		"data-kind": n,
-		className: t(O.inline, O.inlineLink, e),
-		children: [
-			r,
-			/* @__PURE__ */ d("span", { className: O.separator }),
-			/* @__PURE__ */ d("span", {
-				className: O.icon,
-				"aria-hidden": !0,
-				children: /* @__PURE__ */ d(a, {
-					size: 12,
-					strokeWidth: 2
-				})
-			})
-		]
-	});
-}
-j.displayName = "Code.InlineLink";
-function M({ className: e, language: n, hideCopy: r = !1, highlighted: i, children: a, ...o }) {
-	let { copied: s, copy: c } = D(), l = s ? T : E;
-	return /* @__PURE__ */ f("div", {
-		"data-imf-ui-component": "Code.Block",
-		className: t(O.block, e),
-		children: [
-			n != null && /* @__PURE__ */ d("span", {
-				className: O.language,
-				children: n
-			}),
-			!r && /* @__PURE__ */ d("button", {
-				type: "button",
-				className: O.copy,
-				"data-copied": s || void 0,
-				"aria-label": s ? "Copied" : "Copy",
-				onClick: () => c(a),
-				children: /* @__PURE__ */ d(l, {
-					size: 12,
-					strokeWidth: 2,
-					"aria-hidden": !0
-				})
-			}),
-			/* @__PURE__ */ d("pre", {
-				...o,
-				className: O.pre,
-				children: /* @__PURE__ */ d("code", { children: i ?? a })
-			})
-		]
-	});
-}
-M.displayName = "Code.Block";
-//#endregion
-//#region src/components/code/code.meta.ts
-var N = {
-	name: "Code",
-	category: n.display,
-	status: "stable",
-	namespace: !0,
-	description: "Displays source code — Code.Inline for a fragment in running text, Code.Block for a fenced block with an optional language label and copy button. Also called a code snippet or code block.",
-	origin: "native"
-};
-//#endregion
-export { k as a, T as c, S as d, j as i, w as l, M as n, D as o, A as r, E as s, N as t, C as u };

package/dist/meta-B8C51eyL.js

@@ -1,74 +0,0 @@
-//#region \0rolldown/runtime.js
-var e = Object.defineProperty, t = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), n = (t, n) => {
-	let r = {};
-	for (var i in t) e(r, i, {
-		get: t[i],
-		enumerable: !0
-	});
-	return n || e(r, Symbol.toStringTag, { value: "Module" }), r;
-};
-//#endregion
-//#region node_modules/clsx/dist/clsx.mjs
-function r(e) {
-	var t, n, i = "";
-	if (typeof e == "string" || typeof e == "number") i += e;
-	else if (typeof e == "object") if (Array.isArray(e)) {
-		var a = e.length;
-		for (t = 0; t < a; t++) e[t] && (n = r(e[t])) && (i && (i += " "), i += n);
-	} else for (n in e) e[n] && (i && (i += " "), i += n);
-	return i;
-}
-function i() {
-	for (var e, t, n = 0, i = "", a = arguments.length; n < a; n++) (e = arguments[n]) && (t = r(e)) && (i && (i += " "), i += t);
-	return i;
-}
-//#endregion
-//#region node_modules/class-variance-authority/dist/index.mjs
-var a = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, o = i, s = (e, t) => (n) => {
-	if (t?.variants == null) return o(e, n?.class, n?.className);
-	let { variants: r, defaultVariants: i } = t, s = Object.keys(r).map((e) => {
-		let t = n?.[e], o = i?.[e];
-		if (t === null) return null;
-		let s = a(t) || a(o);
-		return r[e][s];
-	}), c = n && Object.entries(n).reduce((e, t) => {
-		let [n, r] = t;
-		return r === void 0 || (e[n] = r), e;
-	}, {});
-	return o(e, s, t?.compoundVariants?.reduce((e, t) => {
-		let { class: n, className: r, ...a } = t;
-		return Object.entries(a).every((e) => {
-			let [t, n] = e;
-			return Array.isArray(n) ? n.includes({
-				...i,
-				...c
-			}[t]) : {
-				...i,
-				...c
-			}[t] === n;
-		}) ? [
-			...e,
-			n,
-			r
-		] : e;
-	}, []), n?.class, n?.className);
-}, c = {
-	buttons: {
-		id: "buttons",
-		label: "Buttons"
-	},
-	inputs: {
-		id: "inputs",
-		label: "Inputs"
-	},
-	layout: {
-		id: "layout",
-		label: "Layout"
-	},
-	display: {
-		id: "display",
-		label: "Display"
-	}
-};
-//#endregion
-export { n as a, t as i, s as n, o as r, c as t };