@parity-app/cli 0.0.0 → 0.2.0

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

@@ -1,11 +1,3 @@
-// ../core/src/css.ts
-/**
-* Custom properties holding 1% of a frame's viewport width and height, which viewport units are rewritten to: in a frame,
-* `100vh` is the height of the screen the frame stands for, not of Parity's window.
-*/
-const viewportWidthProperty = "--canvas-vw";
-const viewportHeightProperty = "--canvas-vh";
-new RegExp(String.raw`"(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*'|url\([^)]*\)|var\((?:${viewportWidthProperty}|${viewportHeightProperty}),[^)]*\)`, "g");
 // ../core/src/devices.ts
 const deviceKinds = [
 	"phone",
@@ -24,6 +16,110 @@ function lengthToPixels(value) {
 	if (!Number.isFinite(number)) return void 0;
 	return match[2] === "rem" || match[2] === "em" ? number * 16 : number;
 }
+// ../core/src/css.ts
+/**
+* Custom properties holding 1% of a frame's viewport width and height, which viewport units are rewritten to: in a frame,
+* `100vh` is the height of the screen the frame stands for, not of Parity's window.
+*/
+const viewportWidthProperty = "--canvas-vw";
+const viewportHeightProperty = "--canvas-vh";
+/** Every custom property declaration in a stylesheet, in source order. */
+function collectCustomProperties(css) {
+	const declarations = [];
+	const visit = (nodes, selector, atRules) => {
+		for (const node of nodes) if (node.kind === "block") {
+			const prelude = node.prelude.trim();
+			const atRule = /^@([\w-]+)\s*([\s\S]*)$/.exec(prelude);
+			if (atRule) visit(node.children, selector, [...atRules, {
+				name: atRule[1].toLowerCase(),
+				prelude: atRule[2].trim()
+			}]);
+			else visit(node.children, prelude, atRules);
+		} else if (selector !== void 0 || atRules.length > 0) for (const match of node.text.matchAll(/--([\w-]+)\s*:\s*([^;]+)/g)) declarations.push({
+			selector: selector ?? "",
+			atRules,
+			name: match[1],
+			value: match[2].trim()
+		});
+	};
+	visit(parse(css), void 0, []);
+	return declarations;
+}
+function parse(css) {
+	let index = 0;
+	function parseLevel() {
+		const nodes = [];
+		let buffer = "";
+		let afterLastSemicolon = 0;
+		let parens = 0;
+		while (index < css.length) {
+			const char = css[index];
+			if (char === "/" && css[index + 1] === "*") {
+				const end = css.indexOf("*/", index + 2);
+				index = end === -1 ? css.length : end + 2;
+				continue;
+			}
+			if (char === "\\") {
+				buffer += css.slice(index, index + 2);
+				index += 2;
+				continue;
+			}
+			if (char === "\"" || char === "'") {
+				const end = findStringEnd(css, index);
+				buffer += css.slice(index, end);
+				index = end;
+				continue;
+			}
+			index++;
+			if (char === "(") parens++;
+			if (char === ")") parens = Math.max(0, parens - 1);
+			if (parens > 0) {
+				buffer += char;
+				continue;
+			}
+			if (char === ";") {
+				buffer += char;
+				afterLastSemicolon = buffer.length;
+			} else if (char === "{") {
+				const text = buffer.slice(0, afterLastSemicolon);
+				if (text) nodes.push({
+					kind: "text",
+					text
+				});
+				nodes.push({
+					kind: "block",
+					prelude: buffer.slice(afterLastSemicolon),
+					children: parseLevel()
+				});
+				buffer = "";
+				afterLastSemicolon = 0;
+			} else if (char === "}") {
+				if (buffer) nodes.push({
+					kind: "text",
+					text: buffer
+				});
+				return nodes;
+			} else buffer += char;
+		}
+		if (buffer) nodes.push({
+			kind: "text",
+			text: buffer
+		});
+		return nodes;
+	}
+	const nodes = [];
+	while (index < css.length) nodes.push(...parseLevel());
+	return nodes;
+}
+function findStringEnd(css, start) {
+	const quote = css[start];
+	let index = start + 1;
+	while (index < css.length) if (css[index] === "\\") index += 2;
+	else if (css[index] === quote) return index + 1;
+	else index++;
+	return css.length;
+}
+new RegExp(String.raw`"(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*'|url\([^)]*\)|var\((?:${viewportWidthProperty}|${viewportHeightProperty}),[^)]*\)`, "g");
 // ../core/src/validate.ts
 function expectObject(value, path) {
 	if (typeof value !== "object" || value === null || Array.isArray(value)) throw new TypeError(`${path || "/"}: expected an object`);
@@ -270,10 +366,7 @@ function parseDetection(value, path) {
 			export: expectString(ref.export, `${at}/${index}/export`)
 		};
 	});
-	return compact({
-		include: optional(detection.include, (list) => refs(list, `${path}/include`)),
-		exclude: optional(detection.exclude, (list) => refs(list, `${path}/exclude`))
-	});
+	return compact({ include: optional(detection.include, (list) => refs(list, `${path}/include`)) });
 }
 function parseNote(value, path) {
 	const note = expectObject(value, path);
@@ -729,7 +822,7 @@ const decoratorKeys = [
 const libraryManifestExtension = ".lib.par";
 function parseLibraryManifest(value) {
 	const manifest = expectObject(value, "");
-	const keys = [
+	expectKnownKeys(manifest, [
 		"$schema",
 		"version",
 		"id",
@@ -738,13 +831,16 @@ function parseLibraryManifest(value) {
 		"styles",
 		"breakpoints",
 		"tokens",
-		"canvas"
-	];
-	if (manifest.version === 3) keys.push("package", "components", "icons", "decorators", "edits");
-	expectKnownKeys(manifest, keys, "");
-	if (manifest.version !== 1 && manifest.version !== 2 && manifest.version !== 3) throw new TypeError("/version: expected 1, 2 or 3");
+		"canvas",
+		"package",
+		"components",
+		"icons",
+		"decorators",
+		"edits"
+	], "");
+	if (manifest.version !== 3) throw new TypeError("/version: expected 3");
 	return compact({
-		version: manifest.version,
+		version: 3,
 		id: optional(manifest.id, (v) => expectString(v, "/id")),
 		name: expectString(manifest.name, "/name"),
 		description: optional(manifest.description, (v) => expectString(v, "/description")),
@@ -1070,9 +1166,11 @@ 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.
+* component that takes children gets its own name as text, so it isn't an empty box, unless `given` has its own.
 */
 function componentNode(component, info, taken, given = {}) {
 	const props = { ...given };
@@ -1084,13 +1182,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 = !("children" in given) && 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 +1265,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;
@@ -1240,10 +1343,10 @@ function withLibraryContext(node, sources, around, taken) {
 	}
 }
 /**
-* A library file's component as the canvas inserts it, but for where it's declared: its import, its parents and sample
-* by component id (`nova/AccordionItem`), and `imported` naming the package the way the project depends on it.
+* A library file's component as the canvas inserts it, with its parents and sample named by component id.
+* Discovery has already rewritten module imports for the name the project installed the package under.
 */
-function librarySource(library, name, component, path, imported = (specifier) => specifier) {
+function librarySource(library, name, component, path) {
 	return {
 		path,
 		export: name,
@@ -1251,16 +1354,16 @@ 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) } : {}
+		...component.sample ? { sample: sampleIds(component.sample, library) } : {}
 	};
 }
 /**
-* A sample with its children's components named by id, as `nova/AccordionItem`; HTML elements keep their tag. A value the
-* package makes (`{ $call: { import: "@chakra-ui/react", ... } }`) imports it by the name the project depends on.
+* A sample with its children's components named by id, as `nova/AccordionItem`; HTML elements keep their tag.
 */
-function sampleIds(sample, library, imported = (specifier) => specifier) {
+function sampleIds(sample, library) {
 	const child = (node) => {
 		if (typeof node === "string") return node;
 		if (isSampleRender(node)) return {
@@ -1280,13 +1383,7 @@ function sampleIds(sample, library, imported = (specifier) => specifier) {
 			$render: item.$render.map(child)
 		};
 		if (isSampleElement(item)) return { $element: item.$element.map(child) };
-		return isMadeValue(item) ? {
-			...item,
-			$call: {
-				...item.$call,
-				import: imported(item.$call.import)
-			}
-		} : item;
+		return item;
 	};
 	const propIds = (props) => Object.fromEntries(Object.entries(props).map(([key, item]) => [key, propId(item)]));
 	return {
@@ -1295,4 +1392,4 @@ function sampleIds(sample, library, imported = (specifier) => specifier) {
 		...sample.children ? { children: sample.children.map(child) } : {}
 	};
 }
-export { viewportHeightProperty as C, lengthToPixels as S, parseCanvasDocument as _, applyLibraryEdits as a, parseModeSettings as b, isSampleElement as c, parentSignals as d, parseLibraryEdits as f, paramTypes as g, imageFits as h, withLibraryContext as i, isSampleRender as l, renderSlotOf as m, librarySource as n, componentEvidence as o, parseLibraryManifest as p, sampleIds as r, isMadeValue as s, componentNode as t, libraryManifestExtension as u, styleKeys as v, viewportWidthProperty as w, deviceKinds as x, generateId as y };
+export { viewportWidthProperty as C, viewportHeightProperty as S, lengthToPixels as T, parseCanvasDocument as _, applyLibraryEdits as a, parseModeSettings as b, isSampleElement as c, parentSignals as d, parseLibraryEdits as f, paramTypes as g, imageFits as h, withLibraryContext as i, isSampleRender as l, renderSlotOf as m, librarySource as n, componentEvidence as o, parseLibraryManifest as p, sampleIds as r, isMadeValue as s, componentNode as t, libraryManifestExtension as u, styleKeys as v, deviceKinds as w, collectCustomProperties as x, generateId as y };

package/dist/{src-uPmBVSsB.mjs → src-CAm6EBIK.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-BZ1p_ip_.mjs";
 import { createRequire } from "node:module";
 import { readFile, readdir } from "node:fs/promises";
 import { dirname, join } from "node:path";