@parity-app/cli 0.0.0 → 0.1.0

package/dist/{src-rlZNC2MU.mjs → src-8MhDV_sA.mjs}

@@ -1,5 +1,5 @@
-import { S as lengthToPixels, a as applyLibraryEdits, c as isSampleElement, f as parseLibraryEdits, l as isSampleRender, m as renderSlotOf, p as parseLibraryManifest, s as isMadeValue, u as libraryManifestExtension } from "./src-CSeISXoZ.mjs";
-import "./src-uPmBVSsB.mjs";
+import { S as lengthToPixels, a as applyLibraryEdits, c as isSampleElement, f as parseLibraryEdits, l as isSampleRender, m as renderSlotOf, p as parseLibraryManifest, s as isMadeValue, u as libraryManifestExtension } from "./src-D9EMN48r.mjs";
+import "./src-DXZqtm6z.mjs";
 import { a as publishedVersions, n as packageFile, o as repositoryFiles, r as publishedSource } from "./published-CdXoUgfD.mjs";
 import { createRequire } from "node:module";
 import { mkdir, readFile, readdir, realpath, rm, stat, writeFile } from "node:fs/promises";
@@ -437,6 +437,10 @@ function parseJsonc(text) {
 	}
 	return JSON.parse(output.replace(/,(\s*[}\]])/g, "$1"));
 }
+new Intl.Collator("en", {
+	numeric: true,
+	sensitivity: "base"
+});
 // ../project/src/libraries.ts
 /**
 * Where a dependency is installed, found the way Node finds packages: in `node_modules` here or in a folder above. It
@@ -2923,14 +2927,39 @@ async function relateParts(load, specifier, components, providers = [], edits =
 		if (!relation.parents || relation.inside || relation.visual === false) continue;
 		if (!relation.parents.some((parent) => loose.has(parent))) continue;
 		if (!asInserted(relation.parents, name, relation.sample?.children)) continue;
+		const cleared = [];
 		for (const parent of relation.parents) {
 			const generated = loose.get(parent);
 			const sample = relations.get(parent)?.sample;
 			if (!generated || !sample) continue;
 			loose.delete(parent);
-			if (Object.keys(generated).length > 0) sample.props = generated;
+			const made = Object.entries(sample.props ?? {}).filter(([, value]) => isMadeValue(value) || Array.isArray(value) && value.some(isMadeValue));
+			const kept = {
+				...generated,
+				...Object.fromEntries(made)
+			};
+			if (made.length > 0) cleared.push([
+				parent,
+				generated,
+				kept
+			]);
+			if (Object.keys(kept).length > 0) sample.props = kept;
 			else delete sample.props;
-			if (!sample.props && !sample.children) delete relations.get(parent).sample;
+		}
+		if (cleared.length > 0) {
+			const saved = cleared.map(([parent]) => [parent, samples.get(parent)]);
+			for (const [parent, , kept] of cleared) samples.set(parent, kept);
+			const fails = attempt(relation.parents, name, relation.sample?.children);
+			for (const [parent, sample] of saved) samples.set(parent, sample ?? {});
+			if (fails) for (const [parent, generated] of cleared) {
+				const sample = relations.get(parent).sample;
+				if (Object.keys(generated).length > 0) sample.props = generated;
+				else delete sample.props;
+			}
+		}
+		for (const parent of relation.parents) {
+			const sample = relations.get(parent)?.sample;
+			if (sample && !sample.props && !sample.children) delete relations.get(parent).sample;
 		}
 	}
 	for (const [name, error] of Object.entries(appErrors)) {
@@ -2946,7 +2975,15 @@ async function relateParts(load, specifier, components, providers = [], edits =
 		if (relation.parentsFrom === "edit") continue;
 		const parents = relation.parents ?? [];
 		const needed = named(error, name, parents, false);
-		if (!needed) continue;
+		if (!needed) {
+			const shown = exampleChain(name);
+			if (shown && shown.join() !== parents.join() && !attempt(shown, name, relation.sample?.children)) {
+				relation.parents = shown;
+				relation.parentsFrom = "app";
+				delete relation.optionalParents;
+			}
+			continue;
+		}
 		const outer = (relations.get(needed)?.parents ?? []).filter((parent) => parent !== name);
 		relation.parents = namespaceOf(needed) === namespaceOf(name) ? [.../* @__PURE__ */ new Set([
 			...outer,
@@ -3012,6 +3049,46 @@ async function relateParts(load, specifier, components, providers = [], edits =
 			delete relation.inside;
 		}
 	}
+	const textOnly = /* @__PURE__ */ new Set();
+	for (const [name, relation] of relations) {
+		const texts = relation.sample?.children;
+		if (!texts?.length || !texts.every((child) => typeof child === "string")) continue;
+		const parents = relation.parents ?? [];
+		if (!attempt(parents, name, [{
+			component: "p",
+			children: texts
+		}]) || attempt(parents, name, texts)) continue;
+		const { children: _, ...sample } = relation.sample;
+		relation.sample = {
+			...sample,
+			props: {
+				...sample.props,
+				children: texts.join("")
+			}
+		};
+		textOnly.add(name);
+	}
+	const asText = (children) => children.map((child) => {
+		if (typeof child !== "object" || !("component" in child) || !child.children) return child;
+		const { children: inner, ...node } = child;
+		if (textOnly.has(child.component) && inner.length > 0 && inner.every((item) => typeof item === "string")) return {
+			...node,
+			props: {
+				...node.props,
+				children: inner.join("")
+			}
+		};
+		return {
+			...node,
+			children: asText(inner)
+		};
+	});
+	if (textOnly.size > 0) {
+		for (const relation of relations.values()) if (relation.sample?.children) relation.sample = {
+			...relation.sample,
+			children: asText(relation.sample.children)
+		};
+	}
 	for (const relation of relations.values()) {
 		const nearest = relation.parents?.at(-1);
 		if (nearest && relations.get(nearest)?.sample?.children?.length === 0 && relation.parentsFrom !== "edit") {
@@ -3567,6 +3644,11 @@ const presets = {
 			return { tokens: [...tokens.values()] };
 		}
 	},
+	recharts: {
+		id: "recharts",
+		name: "Recharts",
+		description: "Charts, axes, series and grids to compose, as shadcn's charts are."
+	},
 	"lucide-react": {
 		id: "lucide",
 		name: "Lucide",
@@ -4614,8 +4696,16 @@ function exportsByName(file, name) {
 function loader(root, packageDir) {
 	return async (specifier) => {
 		for (const from of [root, packageDir]) {
-			const path = await resolveImport(from, specifier) ?? resolveRequire(from, specifier);
-			if (path) return await import(pathToFileURL(path).href);
+			const esm = await resolveImport(from, specifier);
+			const cjs = resolveRequire(from, specifier);
+			const path = esm ?? cjs;
+			if (!path) continue;
+			try {
+				return await import(pathToFileURL(path).href);
+			} catch (error) {
+				if (!cjs || cjs === path) throw error;
+				return await import(pathToFileURL(cjs).href);
+			}
 		}
 		throw new Error(`Can't find ${specifier} from ${root}`);
 	};

package/dist/{src-CSeISXoZ.mjs → src-D9EMN48r.mjs}

@@ -1070,6 +1070,8 @@ function expectStringRecord(value, path) {
 	return record;
 }
 // ../core/src/library-insert.ts
+/** Nodes whose `children` is the name `componentNode` gave them, rather than text someone set. */
+const named = /* @__PURE__ */ new WeakSet();
 /**
 * A new node for a component, ready to show something: required props get their default or first option, and a
 * component that takes children gets its own name as text, so it isn't an empty box.
@@ -1084,13 +1086,16 @@ function componentNode(component, info, taken, given = {}) {
 		else if (prop.kind === "number") props[prop.name] = 0;
 		else if (prop.kind === "string") props[prop.name] = prop.name;
 	}
-	if (info?.props.some((prop) => prop.name === "children" && prop.kind === "node")) props.children = component.split("/").at(-1) ?? component;
-	return {
+	const labelled = info?.props.some((prop) => prop.name === "children" && prop.kind === "node");
+	if (labelled) props.children = component.split("/").at(-1) ?? component;
+	const node = {
 		type: "component",
 		id: generateId(taken),
 		component,
 		...Object.keys(props).length > 0 ? { props } : {}
 	};
+	if (labelled) named.add(node);
+	return node;
 }
 /**
 * A library component as its library file says it's used: with its sample (a collection's items, an Accordion's
@@ -1164,9 +1169,11 @@ function withLibraryContext(node, sources, around, taken) {
 	let placed = node;
 	const sample = source.sample;
 	if (sample) {
+		const given = { ...node.props };
+		if (sample.props && "children" in sample.props && named.has(node)) delete given.children;
 		const { props, slots } = held({
 			...sample.props,
-			...node.props
+			...given
 		}, sample.children);
 		if (sample.children) delete props.children;
 		const { props: _label, ...rest } = node;
@@ -1251,6 +1258,7 @@ function librarySource(library, name, component, path, imported = (specifier) =>
 		...component.group ? { group: component.group } : {},
 		...component.parents ? { parents: component.parents.map((parent) => `${library}/${parent}`) } : {},
 		...component.internal ? { internal: true } : {},
+		...component.visual === false ? { visual: false } : {},
 		...component.optionalParents ? { optionalParents: component.optionalParents.map((parent) => `${library}/${parent}`) } : {},
 		...component.parentParts ? { parentParts: true } : {},
 		...component.sample ? { sample: sampleIds(component.sample, library, imported) } : {}

package/dist/{src-uPmBVSsB.mjs → src-DXZqtm6z.mjs}

@@ -1,4 +1,4 @@
-import { p as parseLibraryManifest, u as libraryManifestExtension } from "./src-CSeISXoZ.mjs";
+import { p as parseLibraryManifest, u as libraryManifestExtension } from "./src-D9EMN48r.mjs";
 import { createRequire } from "node:module";
 import { readFile, readdir } from "node:fs/promises";
 import { dirname, join } from "node:path";

package/dist/{src-C8DCd2a1.mjs → src-DYi23Ypb.mjs}

@@ -1 +1 @@
-export { t as covers, n as registryDir, r as registryEntries } from "./src-uPmBVSsB.mjs";
+export { t as covers, n as registryDir, r as registryEntries } from "./src-DXZqtm6z.mjs";

package/dist/{src-WcAfq6g1.mjs → src-FF8eY6EI.mjs}

@@ -1,2 +1,2 @@
-export { a as applyLibraryEdits, t as componentNode, y as generateId, n as librarySource, f as parseLibraryEdits, i as withLibraryContext } from "./src-CSeISXoZ.mjs";
-import "./src-rlZNC2MU.mjs";
+export { a as applyLibraryEdits, t as componentNode, y as generateId, n as librarySource, f as parseLibraryEdits, i as withLibraryContext } from "./src-D9EMN48r.mjs";
+import "./src-8MhDV_sA.mjs";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@parity-app/cli",
-  "version": "0.0.0",
+  "version": "0.1.0",
   "license": "MIT",
   "type": "module",
   "description": "Drive the Parity app from a terminal or an agent: read state, run edits, take screenshots, serve MCP.",

package/skills/document.md

@@ -120,6 +120,10 @@ type name a token from `GetTokens()`, without the `--`.
 | `transform`, `decoration`, `italic`              | `uppercase` and the like, `underline` or `line-through`, `true`           |
 | `lines`                                          | Lines of text before an ellipsis                                          |
 
+A text layer sizes as Figma's text does, by its `width` and `height`: `width: "hug"` is auto width, one line as wide as
+its text, wrapped only by a `maxWidth`; any other width, or none, with no `height` is auto height, wrapping at its width
+and growing down; a `height` as well is fixed.
+
 Type set on a layout applies to the text inside it. A component's own look comes from its props, so reach for a variant
 (`variant: "secondary"`) before styling a component from outside.
 

package/skills/execute.md

@@ -21,6 +21,8 @@ Get(path, { depth?, state? }?): Node             // a design's root or a node; d
 Get(path?, visit): any[]                         // walks nodes, collecting what visit returns
 Components(): string[]                           // the components designs can use
 Props(component, { all? }?): PropsInfo           // a component's props, from its source
+Icons(): IconSet[]                               // the project's icon sets, with their styles
+Icons(set, { search?, style?, limit? }): Icon[]  // async: a set's icons, as component nodes name them
 GetTokens({ category?, source?, search? }?): Token[]
 GetModes(): { settings, modes }                  // the project's modes, and each resolved
 Selection(): { design?, node?, mode? }           // what the person has selected
@@ -97,6 +99,26 @@ Print(Get((node, at) => (node.type === "component" && node.component === "Button
 source: variants with their options (`variant`, `size`), its own props, and with `{ all: true }` the attributes it
 passes to its element. A prop that isn't listed, or a variant value outside its options, comes back as a warning.
 
+### Icons
+
+`Icons()` lists the project's icon sets: each one's `id`, `name`, `package`, `styles` (such as `outline` and `solid`,
+empty when it has one) and the `style` used when none is asked for. An icon is a component node named `<set>/<Icon>`,
+with no children. `await Icons("lucide", { search: "settings" })` finds icons by name, by the other names the set
+exports them under and by the tags it publishes, best first; each comes back with its `label` and the `component` (and
+`props`, for sets that take the style as a prop) to insert it with. Without `search` it lists the set's icons in order.
+It returns 50 unless `limit` says otherwise, in the set's default style unless `style` names another.
+
+```js
+// A settings button with the project's own settings icon.
+const [icon] = await Icons(Icons()[0].id, { search: "settings", limit: 1 })
+Insert("dashboard/Toolbar", {
+  type: "component",
+  component: "Button",
+  props: { variant: "ghost", "aria-label": "Settings" },
+  slots: { children: [{ type: "component", component: icon.component, props: icon.props }] }
+})
+```
+
 ### GetTokens
 
 Each token has a `name`, a `category` (`color`, `font-size`, `radius`, `shadow`, `spacing`, `font`, `font-weight`,