@brendonovich/kobalte__solidbase/src/config/remark-plugins/tab-group.ts

Fully featured, fully customisable static site generation for SolidStart

import { SKIP, visit } from "unist-util-visit";

export function remarkTabGroup() {
	return (tree: any) => {
		visit(tree, (node, index, parent) => {
			if (node.type !== "containerDirective" || node.name !== "tab-group")
				return;

			const tabs = [];
			const tabNames = [];
			for (const child of node.children) {
				if (child.type !== "containerDirective" || child.name !== "tab")
					continue;
				tabs.push(child);

				const maybeLabel = child.children[0];
				const hasLabel = maybeLabel?.data?.directiveLabel;

				let labelText = "?";

				if (hasLabel && maybeLabel.children.length > 0) {
					const maybeLabelElement = maybeLabel.children[0];
					if (maybeLabelElement.type === "text") {
						labelText = maybeLabelElement.value;
					}
				}

				tabNames.push(labelText);
			}

			if (node.children[0]?.data?.directiveLabel) {
				tabs.unshift(node.children[0]);
			}

			node.children = tabs;
			node.attributes = {
				...node.attributes,
				tabNames: tabNames.join("\0"),
			};
		});
	};
}