@pantoken/scaffold-base 0.2.1 → 0.3.0

package/dist/index.mjs

@@ -79,10 +79,16 @@ function parseSelector(selector) {
 	};
 	if (selector.startsWith("&")) return null;
 	const optional = selector.includes(":optional");
-	const attrMatch = /^([a-z]*)\[([\w-]+)(?:~|)=(?:"([^"]*)"|'([^']*)')\]/i.exec(selector);
+	const attrMatch = /^([a-z]*)\[([\w-]+)(?:~|)=(?:"([^"]*)"|'([^']*)')\](?:\.([\w-]+))?/i.exec(selector);
 	if (attrMatch) {
-		const [, tag, attrName, dq, sq] = attrMatch;
+		const [, tag, attrName, dq, sq, trailingClass] = attrMatch;
 		const value = dq ?? sq ?? "";
+		if (tag === "slot") return {
+			tag: "div",
+			attrs: { "data-slot": value },
+			className: trailingClass,
+			optional
+		};
 		if (attrName === "class") return {
 			tag: tag || "div",
 			className: value,
@@ -91,6 +97,7 @@ function parseSelector(selector) {
 		return {
 			tag: tag || "div",
 			attrs: { [attrName]: value },
+			className: trailingClass,
 			optional
 		};
 	}
@@ -134,7 +141,7 @@ function parseWrapperLayout() {
 /** Placeholder text injected at specific parts, keyed by class name. */
 const PART_TEXT = {
 	title: "{{projectName}}",
-	description: "Styled with <code>@pantoken/components</code> and laid out with the <code>wrapper</code> layout from <code>@pantoken/plugin-layouts</code>."
+	description: "Styled with <code>@pantoken/components</code>."
 };
 /** The `slot[name="content"]` part gets the platform's actual getting-started content, per format. */
 const MAIN_CONTENT = {
@@ -157,7 +164,7 @@ function renderNode(node, format, depth) {
 	const openTag = `<${node.tag}${attrs.length ? ` ${attrs.join(" ")}` : ""}>`;
 	const closeTag = `</${node.tag}>`;
 	const optionalNote = node.optional ? ` ${comment(format, "optional")}` : "";
-	const isMainSlot = node.tag === "slot" && node.attrs?.name === "content";
+	const isMainSlot = node.attrs?.["data-slot"] === "content";
 	const text = PART_TEXT[node.className ?? ""] ?? (isMainSlot ? MAIN_CONTENT[format] : void 0);
 	const childLines = node.children.map((child) => renderNode(child, format, depth + 1));
 	const bodyPad = "  ".repeat(depth + 1);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pantoken/scaffold-base",
-  "version": "0.2.1",
+  "version": "0.3.0",
   "description": "Shared bingo-stratum Base for pantoken's scaffold presets: common options, the cssdoc.json block, and wrapper-layout markup context.",
   "homepage": "https://pantoken.app",
   "bugs": "https://github.com/thedannywahl/pantoken/issues",