@pantoken/scaffold-base 0.2.0 → 0.3.0

package/dist/index.d.mts

@@ -5,7 +5,7 @@ declare const options: {
   name: z.ZodDefault<z.ZodString>;
 };
 /** Shared options every pantoken scaffold platform Preset takes in. */
-declare const base: Base<typeof options>;
+export declare const base: Base<typeof options>;
 //#endregion
 //#region src/preset.d.ts
 interface PresetInput {
@@ -19,11 +19,11 @@ interface PresetInput {
  * @param input - Preset configuration with name, base, and optional blocks
  * @returns Properly typed Bingo Preset
  */
-declare function createPreset(input: PresetInput): Preset$1;
+export declare function createPreset(input: PresetInput): Preset$1;
 //#endregion
 //#region src/blocks/cssdoc.d.ts
 /** Writes the shared `cssdoc.json` schema file, unmodified by platform or options. */
-declare const blockCssdoc: BlockWithoutAddons<{
+export declare const blockCssdoc: BlockWithoutAddons<{
   name: string;
 }>;
 //#endregion
@@ -33,18 +33,18 @@ declare const blockCssdoc: BlockWithoutAddons<{
  * `format: "html"` covers plain HTML/Angular templates (`class="..."`); `"jsx"` covers React/Next
  * (`className="..."`).
  */
-declare function renderWrapperContainer(format: "html" | "jsx", depth?: number): string;
+export declare function renderWrapperContainer(format: "html" | "jsx", depth?: number): string;
 /** The wrapper layout's root class name (applied to the real document `<body>` or component root). */
-declare function wrapperRootClassName(): string;
+export declare function wrapperRootClassName(): string;
 /**
  * The wrapper layout markup/tokens every platform Preset feeds into its own Handlebars context —
  * `{{projectName}}` inside the rendered markup is left as-is, for the platform's own template to
  * resolve.
  */
-declare function getWrapperContext(): {
+export declare function getWrapperContext(): {
   wrapperRootClass: string;
   wrapperContainerHtml: (depth?: number) => string;
   wrapperContainerJsx: (depth?: number) => string;
 };
 //#endregion
-export { type Preset, base, blockCssdoc, createPreset, getWrapperContext, renderWrapperContainer, wrapperRootClassName };
+export type { Preset };

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
 		};
 	}
@@ -102,6 +109,7 @@ function parseSelector(selector) {
 		optional
 	};
 }
+/** Recursively parse CSS rule bodies into a tree of {@link WrapperNode}s. */
 function parseNodes(css) {
 	const nodes = [];
 	for (const { selector, body } of splitRules(css)) for (const single of selector.split(",")) {
@@ -133,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 = {
@@ -146,6 +154,7 @@ function attrName(format) {
 function comment(format, text) {
 	return format === "jsx" ? `{/* ${text} */}` : `<!-- ${text} -->`;
 }
+/** Render a {@link WrapperNode} (and its children) as indented HTML or JSX markup. */
 function renderNode(node, format, depth) {
 	const pad = "  ".repeat(depth);
 	if (node.comment) return `${pad}${comment(format, node.comment)}`;
@@ -155,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,8 +1,8 @@
 {
   "name": "@pantoken/scaffold-base",
-  "version": "0.2.0",
+  "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.iywahl.com",
+  "homepage": "https://pantoken.app",
   "bugs": "https://github.com/thedannywahl/pantoken/issues",
   "license": "MIT",
   "repository": {
@@ -24,15 +24,15 @@
     "provenance": true
   },
   "dependencies": {
-    "@pantoken/plugin-layouts": "0.2.0",
+    "@pantoken/plugin-layouts": "0.3.0",
     "bingo-stratum": "^0.5.13",
-    "zod": "^3.24.2"
+    "zod": "^3.25.76"
   },
   "devDependencies": {
-    "@types/node": "^26.3.0",
+    "@types/node": "^26.5.0",
     "typescript": "^7.0.2",
-    "vite": "npm:@voidzero-dev/vite-plus-core@0.3.0",
-    "vite-plus": "0.3.0"
+    "vite": "npm:@voidzero-dev/vite-plus-core@0.3.1",
+    "vite-plus": "0.3.1"
   },
   "engines": {
     "node": ">=22.18.0"