@soubiran/vite 0.1.3 → 0.2.0

package/dist/utils-CgX7pSaU.mjs

@@ -0,0 +1,12 @@
+import { joinURL, withoutTrailingSlash } from "ufo";
+
+//#region src/utils.ts
+function getUri(id) {
+	return withoutTrailingSlash(id.split("/pages/")[1].replace(/\.md$/, "").replace(/\.vue$/, "").replace(/index$/, ""));
+}
+function toUrl(hostname, ...paths) {
+	return joinURL(`https://${hostname}`, ...paths);
+}
+
+//#endregion
+export { toUrl as n, getUri as t };

package/dist/utils.d.mts

@@ -0,0 +1,4 @@
+//#region src/utils.d.ts
+declare function getUri(id: string): string;
+//#endregion
+export { getUri };

package/dist/utils.mjs

@@ -0,0 +1,3 @@
+import { t as getUri } from "./utils-CgX7pSaU.mjs";
+
+export { getUri };

package/dist/vite.config.d.mts

@@ -24,9 +24,6 @@ interface StructuredDataPageConfig {
   breadcrumbItems?: BreadcrumbItem[];
 }
 //#endregion
-//#region src/utils.d.ts
-declare function getUri(id: string): string;
-//#endregion
 //#region vite.config.d.ts
 /**
  * Main configuration interface for the infrastructure status app.
@@ -49,7 +46,7 @@ interface Options$1 {
     /**
      * Person information for Schema.org structured data.
      */
-    person: PersonOptions;
+    person?: PersonOptions;
     /**
      * Custom validation rules for frontmatter fields.
      */
@@ -79,4 +76,4 @@ interface Options$1 {
 }
 declare const _default: (title: string, hostname: string, options: Options$1, config?: UserConfig) => Record<string, any>;
 //#endregion
-export { type BreadcrumbItem, type PersonOptions, type StructuredDataPageConfig, _default as default, getUri };
+export { type BreadcrumbItem, type PersonOptions, type StructuredDataPageConfig, _default as default };

package/dist/vite.config.mjs

@@ -1,3 +1,4 @@
+import { n as toUrl, t as getUri } from "./utils-CgX7pSaU.mjs";
 import { createWriteStream, existsSync, mkdirSync, readFileSync, readdirSync, statSync, writeFileSync } from "node:fs";
 import { basename, dirname, join, resolve } from "node:path";
 import ui from "@nuxt/ui/vite";
@@ -19,7 +20,6 @@ import implicitFigures from "markdown-it-image-figures";
 import linkAttributes from "markdown-it-link-attributes";
 import { fromAsyncCodeToHtml } from "@shikijs/markdown-it/async";
 import { codeToHtml } from "shiki";
-import { defaultOptions, findHeadlineElements, flatHeadlineItemsToNestedTree, getTokensText, slugify } from "markdown-it-table-of-contents";
 import { Buffer } from "node:buffer";
 import fs from "fs-extra";
 import sharp from "sharp";
@@ -39,15 +39,6 @@ function createAssert(customAssert) {
 	};
 }
 
-//#endregion
-//#region src/utils.ts
-function getUri(id) {
-	return withoutTrailingSlash(id.split("/pages/")[1].replace(/\.md$/, "").replace(/\.vue$/, "").replace(/index$/, ""));
-}
-function toUrl(hostname, ...paths) {
-	return joinURL(`https://${hostname}`, ...paths);
-}
-
 //#endregion
 //#region src/canonical.ts
 function getCanonicalUrl(id, hostname) {
@@ -167,6 +158,198 @@ async function shikiHighlight(md) {
 	}));
 }
 
+//#endregion
+//#region ../../node_modules/.pnpm/markdown-it-table-of-contents@1.1.0_patch_hash=bf17e463c2a0f62d05f1686e2d4c458136845ea3b2c32121b585ceededa45171/node_modules/markdown-it-table-of-contents/index.mjs
+/**
+* Slugify a string to be used as anchor
+* @param {string} text Text to slugify
+* @param {string} rawToken Raw token to extract text from
+* @returns {string} Slugified anchor string
+*/
+function slugify(text, rawToken) {
+	return encodeURIComponent(String(text).trim().toLowerCase().replace(/\s+/g, "-"));
+}
+/**
+* Default formatter for headline text
+* @param {string} content Text content of the headline
+* @param {*} md Markdown-it instance
+* @returns {string} Formatted content
+*/
+function format(content, md) {
+	return md.renderInline(content);
+}
+/**
+* Generates the opening HTML for a container with a specified class and optional header HTML.
+* @param {string} containerClass The CSS class to apply to the container div
+* @param {string} containerHeaderHtml Optional HTML to include as the container's header
+* @returns {string} HTML string
+*/
+function transformContainerOpen(containerClass, containerHeaderHtml) {
+	let tocOpenHtml = "<div class=\"" + containerClass + "\">";
+	if (containerHeaderHtml) tocOpenHtml += containerHeaderHtml;
+	return tocOpenHtml;
+}
+/**
+* Generates the closing HTML / footer for a container
+* @param {string} containerFooterHtml The HTML string to be used for closing the container
+* @returns {string} HTML string
+*/
+function transformContainerClose(containerFooterHtml) {
+	let tocFooterHtml = "";
+	if (containerFooterHtml) tocFooterHtml = containerFooterHtml;
+	return tocFooterHtml + "</div>";
+}
+/**
+* Helper to extract text from tokens, same function as in markdown-it-anchor
+* @param {Array<any>} tokens Tokens
+* @param {string} rawToken Raw token to extract text from
+* @returns {string}
+*/
+function getTokensText(tokens, rawToken) {
+	return tokens.filter((t) => ["text", "code_inline"].includes(t.type)).map((t) => t.content).join("").trim();
+}
+const defaultOptions = {
+	includeLevel: [1, 2],
+	containerClass: "table-of-contents",
+	slugify,
+	markerPattern: /^\[\[toc\]\]/im,
+	omitTag: "<!-- omit from toc -->",
+	listType: "ul",
+	format,
+	containerHeaderHtml: void 0,
+	containerFooterHtml: void 0,
+	transformLink: void 0,
+	transformContainerOpen,
+	transformContainerClose,
+	getTokensText
+};
+/**
+* @typedef {Object} HeadlineItem
+* @property {number} level Headline level
+* @property {string | null} anchor Anchor target
+* @property {string} text Text of headline
+* @property {any | null} token Raw token of headline
+*/
+/**
+* @typedef {Object} TocItem
+* @property {number} level Item level
+* @property {string} text Text of link
+* @property {string | null} anchor Target of link
+* @property {Array<TocItem>} children Sub-items for this list item
+*/
+/**
+* Finds all headline items for the defined levels in a Markdown document.
+* @param {Array<number>} levels includeLevels like `[1, 2, 3]`
+* @param {*} tokens Tokens gathered by the plugin
+* @param {*} options Plugin options
+* @returns {Array<HeadlineItem>}
+*/
+function findHeadlineElements(levels, tokens, options) {
+	/** @type {HeadlineItem[]} */
+	const headings = [];
+	/** @type {HeadlineItem | null} */
+	let currentHeading = null;
+	tokens.forEach((token, index) => {
+		if (token.type === "heading_open") {
+			const prev = index > 0 ? tokens[index - 1] : null;
+			if (prev && prev.type === "html_block" && prev.content.trim().toLowerCase().replace("\n", "") === options.omitTag) return;
+			const id = findExistingIdAttr(token);
+			const level = parseInt(token.tag.toLowerCase().replace("h", ""), 10);
+			if (levels.indexOf(level) >= 0) currentHeading = {
+				level,
+				text: "",
+				anchor: id || null,
+				token: null
+			};
+		} else if (currentHeading && token.type === "inline") {
+			const textContent = options.getTokensText(token.children, token);
+			currentHeading.text = textContent;
+			currentHeading.token = token;
+			if (!currentHeading.anchor) currentHeading.anchor = options.slugify(textContent, token);
+		} else if (token.type === "heading_close") {
+			if (currentHeading) headings.push(currentHeading);
+			currentHeading = null;
+		}
+	});
+	return headings;
+}
+/**
+* Helper to find an existing id attr on a token. Should be a heading_open token, but could be anything really
+* Provided by markdown-it-anchor or markdown-it-attrs
+* @param {any} token Token
+* @returns {string | null} Id attribute to use as anchor
+*/
+function findExistingIdAttr(token) {
+	if (token && token.attrs && token.attrs.length > 0) {
+		const idAttr = token.attrs.find((attr) => {
+			if (Array.isArray(attr) && attr.length >= 2) return attr[0] === "id";
+			return false;
+		});
+		if (idAttr && Array.isArray(idAttr) && idAttr.length >= 2) {
+			const [_, val] = idAttr;
+			return val;
+		}
+	}
+	return null;
+}
+/**
+* Helper to get minimum headline level so that the TOC is nested correctly
+* @param {Array<HeadlineItem>} headlineItems Search these
+* @returns {number} Minimum level
+*/
+function getMinLevel(headlineItems) {
+	return Math.min(...headlineItems.map((item) => item.level));
+}
+/**
+* Helper that creates a TOCItem
+* @param {number} level
+* @param {string} text
+* @param {string | null} anchor
+* @param {TocItem} rootNode
+* @returns {TocItem}
+*/
+function addListItem(level, text, anchor, rootNode) {
+	const listItem = {
+		level,
+		text,
+		anchor,
+		children: []
+	};
+	rootNode.children.push(listItem);
+	return listItem;
+}
+/**
+* Turns a list of flat headline items into a nested tree object representing the TOC
+* @param {Array<HeadlineItem>} headlineItems
+* @returns {TocItem} Tree of TOC items
+*/
+function flatHeadlineItemsToNestedTree(headlineItems) {
+	/** @type {TocItem} */
+	const toc = {
+		level: getMinLevel(headlineItems) - 1,
+		anchor: null,
+		text: "",
+		children: []
+	};
+	let currentRootNode = toc;
+	let prevListItem = currentRootNode;
+	headlineItems.forEach((headlineItem) => {
+		if (headlineItem.level > prevListItem.level) {
+			Array.from({ length: headlineItem.level - prevListItem.level }).forEach((_) => {
+				currentRootNode = prevListItem;
+				prevListItem = addListItem(headlineItem.level, "", null, currentRootNode);
+			});
+			prevListItem.text = headlineItem.text;
+			prevListItem.anchor = headlineItem.anchor;
+		} else if (headlineItem.level === prevListItem.level) prevListItem = addListItem(headlineItem.level, headlineItem.text, headlineItem.anchor, currentRootNode);
+		else if (headlineItem.level < prevListItem.level) {
+			for (let i = 0; i < prevListItem.level - headlineItem.level; i++);
+			prevListItem = addListItem(headlineItem.level, headlineItem.text, headlineItem.anchor, currentRootNode);
+		}
+	});
+	return toc;
+}
+
 //#endregion
 //#region src/markdown-it/table-of-contents.ts
 function tableOfContentsRule(md) {
@@ -603,152 +786,156 @@ function structuredData(id, frontmatter, options) {
 
 //#endregion
 //#region vite.config.ts
-var vite_config_default = (title, hostname, options, config = {}) => mergeConfig(defineConfig({
-	plugins: [
-		vueRouter({
-			extensions: [".vue", ".md"],
-			routesFolder: "pages",
-			dts: "src/typed-router.d.ts",
-			extendRoute(route) {
-				const path = route.components.get("default");
-				if (!path) return;
-				if (path.endsWith(".vue")) route.addToMeta({ frontmatter: { page: options.extractPage(path) } });
-				if (path.endsWith(".md")) {
-					const { data } = matter(readFileSync(path, "utf-8"));
-					route.addToMeta({ frontmatter: data });
+var vite_config_default = (title, hostname, options, config = {}) => {
+	const seo = { person: {
+		name: "Estéban Soubiran",
+		sameAs: [
+			"https://x.com/soubiran_",
+			"https://www.linkedin.com/in/esteban25",
+			"https://www.twitch.tv/barbapapazes",
+			"https://www.youtube.com/@barbapapazes",
+			"https://github.com/barbapapazes",
+			"https://soubiran.dev",
+			"https://esteban-soubiran.site",
+			"https://barbapapazes.dev"
+		]
+	} };
+	return mergeConfig(defineConfig({
+		plugins: [
+			vueRouter({
+				extensions: [".vue", ".md"],
+				routesFolder: "pages",
+				dts: "src/typed-router.d.ts",
+				extendRoute(route) {
+					const path = route.components.get("default");
+					if (!path) return;
+					if (path.endsWith(".vue")) route.addToMeta({ frontmatter: { page: options.extractPage(path) } });
+					if (path.endsWith(".md")) {
+						const { data } = matter(readFileSync(path, "utf-8"));
+						route.addToMeta({ frontmatter: data });
+					}
 				}
-			}
-		}),
-		vue({ include: [/\.vue$/, /\.md$/] }),
-		ui({
-			autoImport: {
-				dts: "src/auto-imports.d.ts",
-				dirs: ["src/composables"],
-				imports: [
-					"vue",
-					"vue-router",
-					"@vueuse/core",
-					unheadVueComposablesImports,
-					{
-						from: "tailwind-variants",
-						imports: ["tv"]
-					},
-					soubiranComposablesImports
-				]
-			},
-			components: {
-				include: [
-					/\.vue$/,
-					/\.vue\?vue/,
-					/\.md$/
+			}),
+			vue({ include: [/\.vue$/, /\.md$/] }),
+			ui({
+				autoImport: {
+					dts: "src/auto-imports.d.ts",
+					dirs: ["src/composables"],
+					imports: [
+						"vue",
+						"vue-router",
+						"@vueuse/core",
+						unheadVueComposablesImports,
+						{
+							from: "tailwind-variants",
+							imports: ["tv"]
+						},
+						soubiranComposablesImports
+					]
+				},
+				components: {
+					include: [
+						/\.vue$/,
+						/\.vue\?vue/,
+						/\.md$/
+					],
+					dts: "src/components.d.ts",
+					resolvers: [soubiranResolver()]
+				},
+				ui: { colors: { neutral: "neutral" } }
+			}),
+			markdown({
+				headEnabled: true,
+				wrapperClasses: [
+					"slide-enter-content",
+					"max-w-none",
+					"prose prose-neutral dark:prose-invert",
+					"prose-headings:text-default prose-h2:text-[1.125em] prose-h2:mb-[0.5em] prose-h3:text-[1em]",
+					"prose-p:my-[1em] dark:prose-p:text-muted",
+					"dark:prose-ul:text-muted dark:prose-ol:text-muted",
+					"dark:prose-strong:text-default",
+					"dark:prose-a:text-muted prose-a:font-semibold prose-a:no-underline prose-a:border-b prose-a:border-muted prose-a:transition-colors prose-a:duration-300 prose-a:ease-out prose-a:hover:border-[var(--ui-text-dimmed)]",
+					"prose-hr:max-w-1/2 prose-hr:mx-auto prose-hr:my-[2em]",
+					"prose-figure:bg-neutral-100 dark:prose-figure:bg-neutral-800 prose-figure:rounded-lg",
+					"prose-img:rounded-lg prose-img:border prose-img:border-accented prose-img:shadow-md",
+					"prose-video:rounded-lg prose-video:border prose-video:border-accented prose-video:shadow-md",
+					"prose-figcaption:text-center prose-figcaption:py-1 prose-figcaption:m-0",
+					"[&_:first-child]:mt-0 [&_:last-child]:mb-0"
 				],
-				dts: "src/components.d.ts",
-				resolvers: [soubiranResolver()]
-			},
-			ui: { colors: { neutral: "neutral" } }
-		}),
-		markdown({
-			headEnabled: true,
-			wrapperClasses: [
-				"slide-enter-content",
-				"max-w-none",
-				"prose prose-neutral dark:prose-invert",
-				"prose-headings:text-default prose-h2:text-[1.125em] prose-h2:mb-[0.5em] prose-h3:text-[1em]",
-				"prose-p:my-[1em] dark:prose-p:text-muted",
-				"dark:prose-ul:text-muted dark:prose-ol:text-muted",
-				"dark:prose-strong:text-default",
-				"dark:prose-a:text-muted prose-a:font-semibold prose-a:no-underline prose-a:border-b prose-a:border-muted prose-a:transition-colors prose-a:duration-300 prose-a:ease-out prose-a:hover:border-[var(--ui-text-dimmed)]",
-				"prose-hr:max-w-1/2 prose-hr:mx-auto prose-hr:my-[2em]",
-				"prose-figure:bg-neutral-100 dark:prose-figure:bg-neutral-800 prose-figure:rounded-lg",
-				"prose-img:rounded-lg prose-img:border prose-img:border-accented prose-img:shadow-md",
-				"prose-video:rounded-lg prose-video:border prose-video:border-accented prose-video:shadow-md",
-				"prose-figcaption:text-center prose-figcaption:py-1 prose-figcaption:m-0",
-				"[&_:first-child]:mt-0 [&_:last-child]:mb-0"
-			],
-			transforms: options.markdown?.transforms ?? {},
-			wrapperComponent: options.markdown?.wrapperComponent,
-			async markdownItSetup(md) {
-				githubAlerts(md);
-				implicitFiguresRule(md);
-				linkAttributesRule(md);
-				tableOfContentsRule(md);
-				customLink(md, hostname);
-				customImage(md, hostname);
-				await shikiHighlight(md);
-			},
-			frontmatterPreprocess(frontmatter, frontmatterOptions, id, defaults) {
-				createAssert(options.seo.assert?.rules)(id, frontmatter);
-				og(id, frontmatter, hostname);
-				canonical(id, frontmatter, hostname);
-				structuredData(id, frontmatter, {
-					name: title,
-					hostname,
-					person: options.seo.person,
-					extractPage: options.extractPage,
-					getPageConfig: options.seo.structuredData?.pageConfig
-				});
-				frontmatter.page = options.extractPage(id);
-				return {
-					head: defaults(frontmatter, frontmatterOptions),
-					frontmatter
-				};
-			}
-		}),
-		fonts({ google: { families: [
-			{
-				name: "DM Sans",
-				styles: "ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000"
-			},
+				transforms: options.markdown?.transforms ?? {},
+				wrapperComponent: options.markdown?.wrapperComponent,
+				async markdownItSetup(md) {
+					githubAlerts(md);
+					implicitFiguresRule(md);
+					linkAttributesRule(md);
+					tableOfContentsRule(md);
+					customLink(md, hostname);
+					customImage(md, hostname);
+					await shikiHighlight(md);
+				},
+				frontmatterPreprocess(frontmatter, frontmatterOptions, id, defaults) {
+					createAssert(options.seo.assert?.rules)(id, frontmatter);
+					og(id, frontmatter, hostname);
+					canonical(id, frontmatter, hostname);
+					structuredData(id, frontmatter, {
+						name: title,
+						hostname,
+						person: options.seo.person ?? seo.person,
+						extractPage: options.extractPage,
+						getPageConfig: options.seo.structuredData?.pageConfig
+					});
+					frontmatter.page = options.extractPage(id);
+					return {
+						head: defaults(frontmatter, frontmatterOptions),
+						frontmatter
+					};
+				}
+			}),
+			fonts({ google: { families: [
+				{
+					name: "DM Sans",
+					styles: "ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000"
+				},
+				{
+					name: "DM Mono",
+					styles: "ital,wght@0,300;0,400;0,500;1,300;1,400;1,500"
+				},
+				{
+					name: "Sofia Sans",
+					styles: "ital,wght@0,1..1000;1,1..1000"
+				}
+			] } }),
+			icons({ autoInstall: true }),
+			apiPlugin(options.apiCategories),
+			markdownPlugin(),
+			metaPlugin(hostname),
 			{
-				name: "DM Mono",
-				styles: "ital,wght@0,300;0,400;0,500;1,300;1,400;1,500"
+				name: "await",
+				async closeBundle() {
+					await resolveAll();
+				}
 			},
 			{
-				name: "Sofia Sans",
-				styles: "ital,wght@0,1..1000;1,1..1000"
-			}
-		] } }),
-		icons({ autoInstall: true }),
-		apiPlugin(options.apiCategories),
-		markdownPlugin(),
-		metaPlugin(hostname),
-		{
-			name: "await",
-			async closeBundle() {
-				await resolveAll();
-			}
-		},
-		{
-			name: "extract-config",
-			configResolved(resolvedConfig) {
-				Object.assign(config, resolvedConfig);
+				name: "extract-config",
+				configResolved(resolvedConfig) {
+					Object.assign(config, resolvedConfig);
+				}
 			}
-		}
-	],
-	optimizeDeps: {
-		include: [
-			"vue",
-			"ofetch",
-			"reka-ui",
-			"vue-router",
-			"@unhead/vue",
-			"partysocket",
-			"@iconify/vue"
 		],
-		exclude: ["@soubiran/ui"]
-	},
-	resolve: { alias: { "@": resolve("./src") } },
-	ssgOptions: {
-		formatting: "minify",
-		onPageRendered(route, renderedHTML) {
-			routes.add(route);
-			return renderedHTML;
-		},
-		onFinished() {
-			sitemap(config, hostname, Array.from(routes));
+		optimizeDeps: { exclude: ["@soubiran/ui"] },
+		resolve: { alias: { "@": resolve("./src") } },
+		ssgOptions: {
+			formatting: "minify",
+			onPageRendered(route, renderedHTML) {
+				routes.add(route);
+				return renderedHTML;
+			},
+			onFinished() {
+				sitemap(config, hostname, Array.from(routes));
+			}
 		}
-	}
-}), config);
+	}), config);
+};
 
 //#endregion
-export { vite_config_default as default, getUri };
+export { vite_config_default as default };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@soubiran/vite",
   "type": "module",
-  "version": "0.1.3",
+  "version": "0.2.0",
   "author": "Estéban Soubiran <esteban@soubiran.dev>",
   "license": "MIT",
   "funding": "https://github.com/sponsors/Barbapapazes",
@@ -15,6 +15,10 @@
     ".": {
       "types": "./dist/vite.config.d.ts",
       "import": "./dist/vite.config.mjs"
+    },
+    "./utils": {
+      "types": "./dist/utils.d.ts",
+      "import": "./dist/utils.mjs"
     }
   },
   "main": "dist/vite.config.mjs",
@@ -54,7 +58,7 @@
     "vite": "npm:rolldown-vite@7.1.20",
     "vite-ssg": "^28.2.2",
     "vue-router": "^4.6.3",
-    "@soubiran/ui": "0.1.3"
+    "@soubiran/ui": "0.2.0"
   },
   "devDependencies": {
     "tsdown": "^0.18.3"