@ox-content/vite-plugin-svelte 3.1.2-beta.0 → 3.1.3

package/dist/index.cjs

@@ -21,12 +21,19 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 	enumerable: true
 }) : target, mod));
 //#endregion
+const require_html_host_client = require("./html-host-client2.cjs");
+let _ox_content_vite_plugin = require("@ox-content/vite-plugin");
+let svelte_compiler = require("svelte/compiler");
 let fs = require("fs");
 fs = __toESM(fs, 1);
 let path = require("path");
 path = __toESM(path, 1);
-let _ox_content_vite_plugin = require("@ox-content/vite-plugin");
-let svelte_compiler = require("svelte/compiler");
+let node_path = require("node:path");
+node_path = __toESM(node_path, 1);
+let node_fs = require("node:fs");
+node_fs = __toESM(node_fs, 1);
+let node_fs_promises = require("node:fs/promises");
+node_fs_promises = __toESM(node_fs_promises, 1);
 //#region src/transform.ts
 const COMPONENT_REGEX = /<([A-Z][a-zA-Z0-9]*)\s*([^>]*?)\s*(?:\/>|>([\s\S]*?)<\/\1>)/g;
 const PROP_REGEX = /([a-zA-Z0-9-]+)(?:=(?:"([^"]*)"|'([^']*)'|{([^}]*)}|\[([^\]]*)\]))?/g;
@@ -116,8 +123,8 @@ async function transformMarkdownWithSvelte(code, id, options) {
 			}),
 			srcDir: options.srcDir
 		});
-		if (options.mdxDocumentProps) return compileSvelteResult(generateMdxDocumentPropsSvelteModule(transformed.html, discovered.usedComponents, frontmatter, options, id, discovered.localBindings, documentExpressions.expressions), id, discovered.usedComponents, frontmatter, options.ssr);
-		return compileSvelteResult(generateSvelteModule(options.renderIsland ? await (0, _ox_content_vite_plugin.applyIslandSsrHtml)(transformed.html, options.renderIsland, id, discovered.usedComponents) : transformed.html, discovered.usedComponents, discovered.usedComponents, frontmatter, options, id, discovered.localBindings), id, discovered.usedComponents, frontmatter, options.ssr);
+		if (options.mdxDocumentProps) return compileSvelteResult(generateMdxDocumentPropsSvelteModule(transformed.html, discovered.usedComponents, frontmatter, options, id, discovered.localBindings, documentExpressions.expressions), id, discovered.usedComponents, frontmatter, options);
+		return compileSvelteResult(generateSvelteModule(options.renderIsland ? await (0, _ox_content_vite_plugin.applyIslandSsrHtml)(transformed.html, options.renderIsland, id, discovered.usedComponents) : transformed.html, discovered.usedComponents, discovered.usedComponents, frontmatter, options, id, discovered.localBindings), id, discovered.usedComponents, frontmatter, options);
 	}
 	const usedComponents = [];
 	const islands = [];
@@ -151,20 +158,63 @@ async function transformMarkdownWithSvelte(code, id, options) {
 		lastIndex = matchEnd;
 	}
 	processedContent += markdownContent.slice(lastIndex);
-	return compileSvelteResult(generateSvelteModule(injectIslandMarkers((await (0, _ox_content_vite_plugin.transformMarkdown)(processedContent, id, baseOptions)).html, islands), usedComponents, islands, frontmatter, options, id), id, usedComponents, frontmatter, options.ssr);
+	return compileSvelteResult(generateSvelteModule(injectIslandMarkers((await (0, _ox_content_vite_plugin.transformMarkdown)(processedContent, id, baseOptions)).html, islands), usedComponents, islands, frontmatter, options, id), id, usedComponents, frontmatter, options);
 }
-function compileSvelteResult(svelteCode, id, usedComponents, frontmatter, ssr = false) {
+async function compileSvelteResult(svelteCode, id, usedComponents, frontmatter, options) {
+	const compiled = normalizeSvelteCompilerResult(await resolveSvelteCompiler(options.compiler)(svelteCode, {
+		filename: id,
+		generate: options.ssr ? "server" : "client",
+		runes: options.runes
+	}), id);
 	return {
-		code: `${(0, svelte_compiler.compile)(svelteCode, {
-			filename: id,
-			generate: ssr ? "server" : "client",
-			runes: true
-		}).js.code}\nexport const frontmatter = ${JSON.stringify(frontmatter)};`,
-		map: null,
+		code: `${compiled.code}\nexport const frontmatter = ${JSON.stringify(frontmatter)};`,
+		map: compiled.map,
+		warnings: compiled.warnings,
 		usedComponents,
 		frontmatter
 	};
 }
+function resolveSvelteCompiler(compiler) {
+	if (!compiler) return svelte_compiler.compile;
+	if (typeof compiler === "function") return compiler;
+	return compiler.compile;
+}
+function normalizeSvelteCompilerResult(result, id) {
+	let value = result;
+	if (typeof value === "string") {
+		const source = value;
+		try {
+			value = JSON.parse(source);
+		} catch {
+			return {
+				code: source,
+				map: null,
+				warnings: []
+			};
+		}
+	}
+	if (!value || typeof value !== "object") throwUnsupportedCompilerResult(id);
+	const output = value;
+	const js = output.js;
+	const warnings = Array.isArray(output.warnings) ? output.warnings : [];
+	if (typeof js === "string") return {
+		code: js,
+		map: null,
+		warnings
+	};
+	if (js && typeof js === "object") {
+		const jsOutput = js;
+		if (typeof jsOutput.code === "string") return {
+			code: jsOutput.code,
+			map: jsOutput.map ?? null,
+			warnings
+		};
+	}
+	throwUnsupportedCompilerResult(id);
+}
+function throwUnsupportedCompilerResult(id) {
+	throw new Error(`[ox-content-svelte] Compiler for ${id} returned an unsupported result. Expected { js: { code } } or a compatible JSON string.`);
+}
 function createIslandMarker(islandId) {
 	return `${ISLAND_MARKER_PREFIX}${islandId}${ISLAND_MARKER_SUFFIX}`;
 }
@@ -744,7 +794,7 @@ function findMdxIslandRanges(html) {
 	let match;
 	while ((match = openRe.exec(html)) !== null) {
 		const tag = match[1];
-		const name = decodeHtmlAttr(match[3] ?? "");
+		const name = decodeHtmlAttr$1(match[3] ?? "");
 		if (!name) continue;
 		const openStart = match.index;
 		const openEnd = match.index + match[0].length;
@@ -799,7 +849,7 @@ function indexOfTagOpen(html, openNeedle, from) {
 }
 function matchAttr(attrs, name) {
 	const match = new RegExp(`\\b${name}="([^"]*)"`, "i").exec(attrs);
-	return match?.[1] === void 0 ? void 0 : decodeHtmlAttr(match[1]);
+	return match?.[1] === void 0 ? void 0 : decodeHtmlAttr$1(match[1]);
 }
 function readMdxIslandPayload(island) {
 	const fromAttr = island.propsAttr ? tryParseJson(island.propsAttr) : void 0;
@@ -844,7 +894,7 @@ function tryParseJson(value) {
 		return;
 	}
 }
-function decodeHtmlAttr(value) {
+function decodeHtmlAttr$1(value) {
 	return value.replaceAll("&quot;", "\"").replaceAll("&#39;", "'").replaceAll("&lt;", "<").replaceAll("&gt;", ">").replaceAll("&amp;", "&");
 }
 function assertSvelteComponentName(name, filePath) {
@@ -965,12 +1015,634 @@ function createSvelteMarkdownEnvironment(mode, options) {
 	};
 }
 //#endregion
-//#region src/index.ts
+//#region src/components.ts
 /**
-* Vite Plugin for Ox Content Svelte Integration
-*
-* Uses Vite's Environment API to enable embedding Svelte components in Markdown.
+* Resolves the `components` option into a name → path map, expanding glob
+* patterns against the Vite project root.
+*/
+async function resolveComponentsGlob(componentsOption, root) {
+	if (typeof componentsOption === "object" && !Array.isArray(componentsOption)) return componentsOption;
+	const patterns = Array.isArray(componentsOption) ? componentsOption : [componentsOption];
+	const result = {};
+	for (const pattern of patterns) for (const file of await globFiles(pattern, root)) {
+		const baseName = path.basename(file, path.extname(file));
+		const relativePath = "./" + path.relative(root, file).replace(/\\/g, "/");
+		result[toPascalCase(baseName)] = relativePath;
+	}
+	return result;
+}
+async function globFiles(pattern, root) {
+	const files = [];
+	const normalized = pattern.replace(/\\/g, "/").replace(/^\.\//, "");
+	if (!hasWildcard(normalized)) {
+		const fullPath = path.resolve(root, normalized);
+		if (fs.existsSync(fullPath)) files.push(fullPath);
+		return files;
+	}
+	const baseDir = path.resolve(root, staticPrefix(normalized));
+	if (!fs.existsSync(baseDir)) return files;
+	const segments = normalized.split("/");
+	const crossesDirectories = normalized.includes("**") || segments.slice(0, -1).some(hasWildcard);
+	const candidates = [];
+	if (crossesDirectories) await walkDir(baseDir, candidates);
+	else {
+		const entries = await fs.promises.readdir(baseDir, { withFileTypes: true });
+		for (const entry of entries) if (entry.isFile()) candidates.push(path.join(baseDir, entry.name));
+	}
+	const matcher = globToRegExp(normalized);
+	for (const candidate of candidates) if (matcher.test(path.relative(root, candidate).replace(/\\/g, "/"))) files.push(candidate);
+	return files;
+}
+/** Whether a pattern (or one segment of it) contains a wildcard `globToRegExp` expands. */
+function hasWildcard(pattern) {
+	return pattern.includes("*") || pattern.includes("?");
+}
+/** Leading path segments of a pattern that contain no wildcard. */
+function staticPrefix(pattern) {
+	const segments = [];
+	for (const segment of pattern.split("/")) {
+		if (hasWildcard(segment)) break;
+		segments.push(segment);
+	}
+	return segments.join("/");
+}
+/**
+* Translates a glob into an anchored `RegExp`: `**` crosses directory
+* boundaries, `*` and `?` stay within one segment.
 */
+function globToRegExp(pattern) {
+	let source = "";
+	let index = 0;
+	while (index < pattern.length) {
+		const char = pattern[index];
+		if (char === "*") {
+			if (pattern[index + 1] === "*") {
+				index += 2;
+				if (pattern[index] === "/") {
+					index += 1;
+					source += "(?:[^/]+/)*";
+				} else source += ".*";
+				continue;
+			}
+			source += "[^/]*";
+		} else if (char === "?") source += "[^/]";
+		else source += char.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+		index += 1;
+	}
+	return new RegExp(`^${source}$`);
+}
+async function walkDir(dir, files) {
+	const entries = await fs.promises.readdir(dir, { withFileTypes: true });
+	for (const entry of entries) {
+		const fullPath = path.join(dir, entry.name);
+		if (entry.isDirectory()) await walkDir(fullPath, files);
+		else if (entry.isFile()) files.push(fullPath);
+	}
+}
+function toPascalCase(str) {
+	return str.replace(/[-_](\w)/g, (_, c) => c.toUpperCase()).replace(/^\w/, (c) => c.toUpperCase());
+}
+//#endregion
+//#region src/html-host-default-renderer.ts
+const defaultRenderSvelteHtmlComponent = async (component, props, slotHtml) => {
+	const [{ render }, { createRawSnippet }] = await Promise.all([import("svelte/server"), import("svelte")]);
+	const rendered = render(component, { props: slotHtml ? {
+		...props,
+		children: createRawSnippet(() => ({ render: () => slotHtml }))
+	} : props });
+	return rendered.html ?? rendered.body ?? "";
+};
+//#endregion
+//#region src/html-host.ts
+const ISLAND_JSON_SCRIPT = /^\s*<script type="application\/json">[\s\S]*?<\/script>/;
+async function renderSvelteHtmlHost(input) {
+	const diagnostics = [];
+	const modules = resolveHostModules(input, diagnostics);
+	const byName = new Map(modules.map((module) => [module.name, module]));
+	const cache = /* @__PURE__ */ new Map();
+	const renderComponent = input.renderComponent ?? defaultRenderSvelteHtmlComponent;
+	return {
+		html: markClientModules(await (0, _ox_content_vite_plugin.applyIslandSsrHtml)(input.html, async (name, props, _filePath, slotHtml) => {
+			const module = byName.get(name);
+			if (!module) {
+				diagnostics.push({
+					code: "missing-component",
+					message: `Svelte island "${name}" is not registered for this document.`,
+					documentPath: input.documentPath,
+					component: name
+				});
+				return slotHtml ?? "";
+			}
+			const component = await loadComponent(input, module, cache, diagnostics);
+			if (!component) return slotHtml ?? "";
+			try {
+				return await renderComponent(component, props, slotHtml || void 0, {
+					component: name,
+					moduleId: module.serverModuleId,
+					documentPath: input.documentPath
+				});
+			} catch (error) {
+				diagnostics.push({
+					code: "ssr-failed",
+					message: `Svelte island "${name}" failed to render: ${errorMessage(error)}`,
+					documentPath: input.documentPath,
+					component: name,
+					moduleId: module.serverModuleId
+				});
+				return slotHtml ?? "";
+			}
+		}, input.documentPath, modules.map((module) => module.name)), modules),
+		modules,
+		clientModules: modules.flatMap((module) => module.clientModuleId ? [{
+			name: module.name,
+			moduleId: module.clientModuleId,
+			exportName: module.exportName
+		}] : []),
+		diagnostics
+	};
+}
+function createSvelteHtmlHostHydrate(input) {
+	return (element, props) => {
+		const name = element.dataset.oxIsland;
+		if (!name) return;
+		const component = componentFromRegistry(input.components, name);
+		if (!component) return;
+		const slotHtml = readIslandSlotHtml(element);
+		element.innerHTML = "";
+		return input.render(component, props, element, slotHtml || void 0);
+	};
+}
+function resolveHostModules(input, diagnostics) {
+	const names = (0, _ox_content_vite_plugin.collectMdxIslandNamesFromHtml)(input.html);
+	const local = (0, _ox_content_vite_plugin.resolveDocumentComponentImports)({
+		imports: input.imports ?? [],
+		documentPath: input.documentPath,
+		contentRoot: input.contentRoot ?? (0, _ox_content_vite_plugin.resolveContentRootPath)(input),
+		srcDir: input.srcDir
+	});
+	for (const diagnostic of local.diagnostics) diagnostics.push({
+		...diagnostic,
+		documentPath: input.documentPath
+	});
+	const localBindings = new Map(local.bindings.map((binding) => [binding.localName, binding]));
+	const modules = [];
+	for (const name of names) {
+		const localBinding = localBindings.get(name);
+		const serverModuleId = localBinding ? localBinding.resolvedPath : componentPath(input.components ?? {}, name, input.root);
+		if (!serverModuleId) {
+			diagnostics.push({
+				code: "missing-component",
+				message: `Svelte island "${name}" is not registered for this document.`,
+				documentPath: input.documentPath,
+				component: name
+			});
+			continue;
+		}
+		const module = {
+			name,
+			serverModuleId,
+			exportName: localBinding?.imported ?? "default",
+			source: localBinding ? "document" : "components"
+		};
+		const clientModuleId = input.resolveClientModule?.(module, { documentPath: input.documentPath });
+		modules.push(clientModuleId ? {
+			...module,
+			clientModuleId
+		} : module);
+	}
+	return modules;
+}
+async function loadComponent(input, module, cache, diagnostics) {
+	let pending = cache.get(module.serverModuleId);
+	if (!pending) {
+		pending = input.loadModule(module.serverModuleId);
+		cache.set(module.serverModuleId, pending);
+	}
+	let exports;
+	try {
+		exports = await pending;
+	} catch (error) {
+		diagnostics.push({
+			code: "module-load-failed",
+			message: `Svelte island module "${module.serverModuleId}" failed to load: ${errorMessage(error)}`,
+			documentPath: input.documentPath,
+			component: module.name,
+			moduleId: module.serverModuleId
+		});
+		return;
+	}
+	const component = exportedValue(exports, module.exportName);
+	if (!component) diagnostics.push({
+		code: "missing-export",
+		message: `Svelte island "${module.name}" could not find export "${module.exportName}".`,
+		documentPath: input.documentPath,
+		component: module.name,
+		moduleId: module.serverModuleId
+	});
+	return component == null ? void 0 : component;
+}
+function componentPath(components, name, root = process.cwd()) {
+	const specifier = components[name];
+	if (!specifier) return;
+	return node_path.default.resolve(root, specifier.replace(/^\.\//, ""));
+}
+function exportedValue(exports, exportName) {
+	if (!exports || typeof exports !== "object") return;
+	return exports[exportName];
+}
+function componentFromRegistry(registry, name) {
+	return isReadonlyMap(registry) ? registry.get(name) : registry[name];
+}
+function isReadonlyMap(value) {
+	return typeof value.get === "function";
+}
+function readIslandSlotHtml(element) {
+	const fromAttr = element.dataset.oxContent;
+	if (fromAttr) return fromAttr;
+	if (element.dataset.oxSsr === "true") return "";
+	return element.innerHTML.replace(ISLAND_JSON_SCRIPT, "");
+}
+function markClientModules(html, modules) {
+	const clientModules = new Map(modules.filter((module) => module.clientModuleId).map((module) => [module.name, module]));
+	if (clientModules.size === 0) return html;
+	return html.replace(/<(div|span)\b([^>]*\bdata-ox-island="([^"]+)"[^>]*)>/gi, (openTag, _tag, _attrs, encodedName) => {
+		const module = clientModules.get(decodeHtmlAttr(encodedName));
+		if (!module?.clientModuleId) return openTag;
+		const attrs = [];
+		if (!hasAttr(openTag, "data-ox-module")) attrs.push(`data-ox-module="${escapeDoubleQuotedAttr(module.clientModuleId)}"`);
+		if (!hasAttr(openTag, "data-ox-export")) attrs.push(`data-ox-export="${escapeDoubleQuotedAttr(module.exportName)}"`);
+		return attrs.length === 0 ? openTag : openTag.replace(/>$/, ` ${attrs.join(" ")}>`);
+	});
+}
+function escapeDoubleQuotedAttr(value) {
+	return value.replaceAll("&", "&amp;").replaceAll("\"", "&quot;").replaceAll("<", "&lt;").replaceAll(">", "&gt;");
+}
+function decodeHtmlAttr(value) {
+	return value.replaceAll("&quot;", "\"").replaceAll("&#39;", "'").replaceAll("&lt;", "<").replaceAll("&gt;", ">").replaceAll("&amp;", "&");
+}
+function hasAttr(openTag, name) {
+	return new RegExp(`\\s${name}(?:\\s*=|\\s|>|$)`, "i").test(openTag);
+}
+function errorMessage(error) {
+	return error instanceof Error ? error.message : String(error);
+}
+//#endregion
+//#region src/html-host-registry-paths.ts
+function toSvelteHtmlHostClientModuleId(moduleId, root = process.cwd()) {
+	const [pathname, suffix = ""] = splitModuleSuffix(moduleId);
+	if (isBareSpecifier(pathname) || pathname.startsWith("/@fs/")) return `${pathname}${suffix}`;
+	const rootPath = node_path.default.resolve(root);
+	const realRoot = existingRealpath(rootPath) ?? rootPath;
+	const absolute = node_path.default.isAbsolute(pathname) ? node_path.default.resolve(pathname) : node_path.default.resolve(rootPath, pathname);
+	const realAbsolute = existingRealpath(absolute);
+	const isInsideRealRoot = realAbsolute ? isInsideRoot(realAbsolute, realRoot) : false;
+	const isInsideLexicalRoot = isInsideRoot(absolute, rootPath);
+	if (node_path.default.isAbsolute(pathname) && !isInsideRealRoot && !isInsideLexicalRoot) return node_fs.default.existsSync(pathname) ? `/@fs${toPosixPath(pathname)}${suffix}` : `${toPosixPath(pathname)}${suffix}`;
+	const relativeRoot = isInsideRealRoot ? realRoot : rootPath;
+	const relativePath = isInsideRealRoot && realAbsolute ? realAbsolute : absolute;
+	return `/${node_path.default.relative(relativeRoot, relativePath).replace(/\\/g, "/")}${suffix}`;
+}
+function resolveDocumentPath(documentPath, root) {
+	return node_path.default.isAbsolute(documentPath) ? (0, _ox_content_vite_plugin.stripViteQuery)(documentPath) : node_path.default.resolve(root, (0, _ox_content_vite_plugin.stripViteQuery)(documentPath));
+}
+function resolveWatchFile(file, root) {
+	return node_path.default.isAbsolute(file) ? (0, _ox_content_vite_plugin.stripViteQuery)(file) : node_path.default.resolve(root, (0, _ox_content_vite_plugin.stripViteQuery)(file));
+}
+function shouldInvalidate(file, root, srcDir, watchFiles, extraWatchFiles) {
+	const changed = node_path.default.resolve(file);
+	if (watchFiles.some((watchFile) => changed === watchFile)) return true;
+	if (extraWatchFiles?.some((watchFile) => changed === resolveWatchFile(watchFile, root))) return true;
+	return isInsideRoot(changed, node_path.default.resolve(root, srcDir ?? "content"));
+}
+function splitModuleSuffix(moduleId) {
+	const match = /[?#]/u.exec(moduleId);
+	return match ? [moduleId.slice(0, match.index), moduleId.slice(match.index)] : [moduleId];
+}
+function isBareSpecifier(moduleId) {
+	return !moduleId.startsWith(".") && !moduleId.startsWith("/") && !moduleId.includes("\\");
+}
+function isInsideRoot(file, root) {
+	const relative = node_path.default.relative(node_path.default.resolve(root), node_path.default.resolve(file));
+	return relative === "" || !relative.startsWith("..") && !node_path.default.isAbsolute(relative);
+}
+function existingRealpath(file) {
+	try {
+		return node_fs.default.realpathSync.native(file);
+	} catch {
+		return;
+	}
+}
+function toPosixPath(file) {
+	return file.replace(/\\/g, "/");
+}
+//#endregion
+//#region src/html-host-renderer.ts
+var SvelteHtmlHostRenderError = class extends Error {
+	diagnostics;
+	constructor(diagnostics) {
+		super(formatSvelteHtmlHostDiagnostics(diagnostics));
+		this.name = "SvelteHtmlHostRenderError";
+		this.diagnostics = [...diagnostics];
+	}
+};
+function createSvelteHtmlHostRenderer(input) {
+	const policy = input.diagnostics ?? "throw";
+	return async (html, context) => {
+		const root = context.root ?? input.root;
+		const result = await renderSvelteHtmlHost({
+			html,
+			documentPath: context.documentPath,
+			root,
+			srcDir: context.srcDir ?? input.srcDir,
+			contentRoot: context.contentRoot ?? input.contentRoot,
+			imports: context.imports,
+			components: context.components ?? input.components,
+			loadModule: input.loadModule,
+			renderComponent: context.renderComponent ?? input.renderComponent,
+			resolveClientModule: context.resolveClientModule ?? input.resolveClientModule ?? ((module) => toSvelteHtmlHostClientModuleId(module.serverModuleId, root))
+		});
+		if (policy === "throw" && result.diagnostics.length > 0) throw new SvelteHtmlHostRenderError(result.diagnostics);
+		return result;
+	};
+}
+function formatSvelteHtmlHostDiagnostics(diagnostics) {
+	if (diagnostics.length === 0) return "Svelte HTML host rendering failed.";
+	return diagnostics.map((diagnostic) => {
+		const details = [
+			diagnostic.documentPath,
+			diagnostic.component && `component ${diagnostic.component}`,
+			diagnostic.moduleId && `module ${diagnostic.moduleId}`
+		].filter(Boolean);
+		return `${diagnostic.code}: ${diagnostic.message}${details.length > 0 ? ` (${details.join(", ")})` : ""}`;
+	}).join("\n");
+}
+//#endregion
+//#region src/html-host-collection-documents.ts
+function createSvelteHtmlHostCollectionDocuments(input = {}) {
+	return (context) => resolveSvelteHtmlHostCollectionDocuments(input, context);
+}
+async function resolveSvelteHtmlHostCollectionDocuments(input, context) {
+	const options = resolveCollectionManifestOptions((0, _ox_content_vite_plugin.customHostOxContentOptions)(input.oxContent ?? {}));
+	if (!options.collections.enabled) return [];
+	const manifest = await (0, _ox_content_vite_plugin.buildCollectionManifest)(context.root, options);
+	const names = resolveCollectionNames(input.collections, options.collections);
+	const documents = /* @__PURE__ */ new Map();
+	for (const name of names) for (const entry of manifest.collections[name] ?? []) {
+		const document = await resolveCollectionDocument(context.root, options.srcDir, name, entry);
+		if (!document) continue;
+		if (input.select && !await input.select(document, context)) continue;
+		documents.set(document.documentPath, document);
+	}
+	return [...documents.values()];
+}
+function resolveCollectionManifestOptions(oxContent) {
+	const collections = withoutCollectionInclude((0, _ox_content_vite_plugin.resolveCollectionsOptions)(oxContent.collections));
+	return {
+		srcDir: oxContent.srcDir ?? "content",
+		outDir: oxContent.outDir ?? "dist",
+		base: oxContent.base ?? "/",
+		extensions: (0, _ox_content_vite_plugin.normalizeMarkdownExtensions)(oxContent.extensions),
+		collections,
+		permalinks: (0, _ox_content_vite_plugin.resolvePermalinksOptions)(oxContent.permalinks),
+		cascade: (0, _ox_content_vite_plugin.resolveCascadeOptions)(oxContent.cascade),
+		gfm: oxContent.gfm ?? true,
+		mdx: oxContent.mdx,
+		footnotes: oxContent.footnotes ?? true,
+		semanticFootnotes: oxContent.semanticFootnotes ?? false,
+		taskLists: oxContent.taskLists ?? true,
+		tables: oxContent.tables ?? true,
+		strikethrough: oxContent.strikethrough ?? true,
+		autolinks: oxContent.autolinks ?? oxContent.gfm ?? true,
+		superscript: oxContent.superscript ?? false,
+		subscript: oxContent.subscript ?? false,
+		smartPunctuation: oxContent.smartPunctuation ?? false,
+		autolinkTargetBlank: oxContent.autolinkTargetBlank ?? true,
+		linkTargetBlank: oxContent.linkTargetBlank ?? true,
+		sourceSpans: oxContent.sourceSpans ?? false,
+		frontmatter: oxContent.frontmatter ?? true,
+		tocMaxDepth: oxContent.tocMaxDepth ?? 3,
+		cjkEmphasis: oxContent.cjkEmphasis ?? false
+	};
+}
+function withoutCollectionInclude(collections) {
+	return {
+		enabled: collections.enabled,
+		collections: Object.fromEntries(Object.entries(collections.collections).map(([name, collection]) => [name, {
+			...collection,
+			include: []
+		}]))
+	};
+}
+function resolveCollectionNames(input, collections) {
+	const available = Object.keys(collections.collections);
+	if (!input) return available;
+	const selected = new Set(Array.isArray(input) ? input : [input]);
+	return available.filter((name) => selected.has(name));
+}
+async function resolveCollectionDocument(root, srcDir, collection, entry) {
+	const candidate = node_path.default.resolve(root, srcDir, entry.source);
+	let source;
+	try {
+		source = await node_fs_promises.default.readFile(candidate, "utf8");
+	} catch {
+		return;
+	}
+	return {
+		collection,
+		documentPath: candidate,
+		entry,
+		frontmatter: entry.frontmatter,
+		path: entry.path,
+		source
+	};
+}
+//#endregion
+//#region src/html-host-registry.ts
+const SVELTE_HTML_HOST_MODULES_VIRTUAL_ID = "virtual:ox-content-svelte/html-host/modules";
+function createSvelteHtmlHostIslandRegistry(input = {}) {
+	const virtualModuleId = input.virtualModuleId ?? "virtual:ox-content-svelte/html-host/modules";
+	const resolvedVirtualModuleId = `\0${virtualModuleId}`;
+	let config;
+	let command = "build";
+	let components;
+	let cache;
+	let resolved = {
+		modules: [],
+		watchFiles: []
+	};
+	const context = () => ({
+		root: config?.root ?? input.root ?? process.cwd(),
+		mode: config?.mode ?? "production",
+		command
+	});
+	const resolve = async () => {
+		cache ??= resolveSvelteHtmlHostIslandRegistry(input, context(), components).then((next) => {
+			resolved = next;
+			return next;
+		});
+		return cache;
+	};
+	const invalidate = () => {
+		cache = void 0;
+	};
+	return {
+		plugin: {
+			name: "ox-content:svelte-html-host-island-registry",
+			config(_config, env) {
+				command = env.command;
+			},
+			async configResolved(resolvedConfig) {
+				config = resolvedConfig;
+				components = input.components ? await resolveComponentsGlob(input.components, resolvedConfig.root) : {};
+				invalidate();
+			},
+			buildStart() {
+				invalidate();
+			},
+			resolveId(id) {
+				return id === virtualModuleId ? resolvedVirtualModuleId : null;
+			},
+			async load(id) {
+				if (id !== resolvedVirtualModuleId) return null;
+				return renderModulesVirtualModule(await resolve());
+			},
+			handleHotUpdate(ctx) {
+				if (!shouldInvalidate(ctx.file, context().root, input.oxContent?.srcDir, resolved.watchFiles, input.watch)) return;
+				invalidate();
+				invalidateVirtualModule(ctx.server, resolvedVirtualModuleId);
+				ctx.server.ws.send({ type: "full-reload" });
+				return [];
+			}
+		},
+		virtualModuleId,
+		resolve,
+		resolveClientModule(module) {
+			return toSvelteHtmlHostClientModuleId(module.serverModuleId, context().root);
+		}
+	};
+}
+async function resolveSvelteHtmlHostIslandRegistry(input, context, resolvedComponents) {
+	const components = resolvedComponents ?? (input.components ? await resolveComponentsGlob(input.components, context.root) : {});
+	const documents = [...await resolveMaybe(input.documents, context) ?? [], ...await resolveInputCollectionDocuments(input, context) ?? []];
+	const entries = await resolveMaybe(input.entries, context);
+	const modules = /* @__PURE__ */ new Map();
+	const watchFiles = /* @__PURE__ */ new Set();
+	for (const file of input.watch ?? []) watchFiles.add(resolveWatchFile(file, context.root));
+	for (const entry of entries ?? []) {
+		addModule(modules, {
+			name: entry.name ?? node_path.default.basename((0, _ox_content_vite_plugin.stripViteQuery)(entry.moduleId), node_path.default.extname(entry.moduleId)),
+			moduleId: toSvelteHtmlHostClientModuleId(entry.moduleId, context.root),
+			exportName: entry.exportName ?? "default"
+		});
+		if (entry.documentPath) watchFiles.add(resolveWatchFile(entry.documentPath, context.root));
+	}
+	const oxContent = (0, _ox_content_vite_plugin.customHostOxContentOptions)({
+		...input.oxContent,
+		embeds: false
+	});
+	const srcDir = oxContent.srcDir ?? "content";
+	const contentRoot = (0, _ox_content_vite_plugin.resolveContentRootPath)({
+		root: context.root,
+		srcDir
+	});
+	for (const document of documents) {
+		const documentPath = resolveDocumentPath(document.documentPath, context.root);
+		watchFiles.add(documentPath);
+		for (const dependency of document.dependencies ?? []) watchFiles.add(resolveWatchFile(dependency, context.root));
+		const materialized = await materializeDocument(document, documentPath, oxContent);
+		if (!materialized) continue;
+		const documentComponents = document.components ?? components;
+		const discovered = await (0, _ox_content_vite_plugin.discoverDocumentMdxIslands)({
+			source: materialized.source,
+			html: materialized.html,
+			components: documentComponents,
+			imports: materialized.imports,
+			documentPath,
+			contentRoot,
+			srcDir,
+			root: context.root
+		});
+		const usedComponents = new Set(discovered.usedComponents);
+		if (materialized.html) for (const name of (0, _ox_content_vite_plugin.intersectHydratableComponentNames)((0, _ox_content_vite_plugin.collectMdxIslandNamesFromHtml)(materialized.html), documentComponents, discovered.localBindings.keys())) usedComponents.add(name);
+		for (const name of usedComponents) {
+			const local = discovered.localBindings.get(name);
+			const serverModuleId = local ? local.resolvedPath : resolveComponentPath(documentComponents, name, context.root);
+			if (!serverModuleId) continue;
+			addModule(modules, {
+				name,
+				moduleId: toSvelteHtmlHostClientModuleId(serverModuleId, context.root),
+				exportName: local?.imported ?? "default"
+			});
+		}
+	}
+	return {
+		modules: [...modules.values()].sort((a, b) => `${a.moduleId}\0${a.exportName}\0${a.name}`.localeCompare(`${b.moduleId}\0${b.exportName}\0${b.name}`)),
+		watchFiles: [...watchFiles]
+	};
+}
+function resolveInputCollectionDocuments(input, context) {
+	if (!input.collectionDocuments) return void 0;
+	return resolveSvelteHtmlHostCollectionDocuments(input.collectionDocuments.oxContent === void 0 ? {
+		...input.collectionDocuments,
+		oxContent: input.oxContent
+	} : input.collectionDocuments, context);
+}
+function renderModulesVirtualModule(registry) {
+	return [
+		"export const modules = {",
+		...[...new Set(registry.modules.map((module) => module.moduleId))].sort().map((moduleId) => `  ${JSON.stringify(moduleId)}: () => import(${JSON.stringify(moduleId)}),`),
+		"};",
+		`export const clientModules = ${JSON.stringify(registry.modules, null, 2)};`,
+		"export default modules;",
+		""
+	].join("\n");
+}
+async function materializeDocument(document, documentPath, oxContent) {
+	const source = document.source ?? await readOptional(documentPath);
+	if (source === void 0 && document.html === void 0) return void 0;
+	if (document.imports && document.html !== void 0) return {
+		source: source ?? "",
+		html: document.html,
+		imports: document.imports
+	};
+	if (source === void 0) return {
+		source: "",
+		html: document.html,
+		imports: document.imports ?? []
+	};
+	const rendered = await (0, _ox_content_vite_plugin.renderMarkdown)(source, documentPath, oxContent);
+	return {
+		source,
+		html: document.html ?? rendered.html,
+		imports: document.imports ?? rendered.imports
+	};
+}
+async function readOptional(file) {
+	try {
+		return await node_fs_promises.default.readFile(file, "utf8");
+	} catch {
+		return;
+	}
+}
+function addModule(modules, module) {
+	modules.set(`${module.moduleId}\0${module.exportName}\0${module.name}`, module);
+}
+function resolveMaybe(value, context) {
+	return typeof value === "function" ? value(context) : value;
+}
+function resolveComponentPath(components, name, root) {
+	const specifier = components[name];
+	if (!specifier) return void 0;
+	if (isBareSpecifier(specifier) || specifier.startsWith("/@fs/")) return specifier;
+	if (specifier.startsWith("/") && !node_path.default.isAbsolute(specifier)) return specifier;
+	return node_path.default.isAbsolute(specifier) ? specifier : node_path.default.resolve(root, specifier);
+}
+function invalidateVirtualModule(server, resolvedVirtualModuleId) {
+	const mod = server.moduleGraph.getModuleById(resolvedVirtualModuleId);
+	if (mod) server.moduleGraph.invalidateModule(mod);
+}
+//#endregion
+//#region src/index.ts
 const DEFAULT_MARKDOWN_EXTENSIONS = [
 	".md",
 	".markdown",
@@ -1054,6 +1726,7 @@ function oxContentSvelte(options = {}) {
 				renderIsland: options.renderIsland,
 				ssr: transformOptions?.ssr
 			});
+			for (const warning of result.warnings) this.warn(formatSvelteCompilerWarning(warning));
 			return {
 				code: result.code,
 				map: result.map
@@ -1091,7 +1764,7 @@ function oxContentSvelte(options = {}) {
 		name: "ox-content:svelte-hmr",
 		apply: "serve",
 		handleHotUpdate({ file, server, modules }) {
-			if (Array.from(componentMap.values()).some((path$1) => file.endsWith(path$1.replace(/^\.\//, "")))) {
+			if (Array.from(componentMap.values()).some((path) => file.endsWith(path.replace(/^\.\//, "")))) {
 				const mdModules = Array.from(server.moduleGraph.idToModuleMap.values()).filter((mod) => mod.file && isMarkdownFilePath(mod.file, resolved.extensions));
 				if (mdModules.length > 0) {
 					server.ws.send({
@@ -1126,11 +1799,16 @@ function resolveSvelteOptions(options) {
 		tocMaxDepth: options.tocMaxDepth ?? 3,
 		codeAnnotations: resolveCodeAnnotationsOptions(options.codeAnnotations),
 		runes: options.runes ?? true,
+		compiler: options.compiler,
 		embeds: resolveBuiltinEmbedOptions(options.embeds),
 		mdx: options.mdx,
 		mdxDocumentProps: options.mdxDocumentProps ?? false
 	};
 }
+function formatSvelteCompilerWarning(warning) {
+	const message = `${warning.code ? `[${warning.code}] ` : ""}${warning.message}`;
+	return warning.frame ? `${message}\n${warning.frame}` : message;
+}
 function resolveCodeAnnotationsOptions(options) {
 	if (!options) return {
 		enabled: false,
@@ -1154,8 +1832,8 @@ export { mount, unmount } from 'svelte';
 function generateComponentsModule(componentMap) {
 	const imports = [];
 	const exports = [];
-	componentMap.forEach((path$2, name) => {
-		imports.push(`import ${name} from '${path$2}';`);
+	componentMap.forEach((path, name) => {
+		imports.push(`import ${name} from '${path}';`);
 		exports.push(`  ${name},`);
 	});
 	return `
@@ -1168,49 +1846,17 @@ ${exports.join("\n")}
 export default components;
 `;
 }
-async function resolveComponentsGlob(componentsOption, root) {
-	if (typeof componentsOption === "object" && !Array.isArray(componentsOption)) return componentsOption;
-	const patterns = Array.isArray(componentsOption) ? componentsOption : [componentsOption];
-	const result = {};
-	for (const pattern of patterns) {
-		const files = await globFiles(pattern, root);
-		for (const file of files) {
-			const componentName = toPascalCase(path.basename(file, path.extname(file)));
-			result[componentName] = "./" + path.relative(root, file).replace(/\\/g, "/");
-		}
-	}
-	return result;
-}
-async function globFiles(pattern, root) {
-	const files = [];
-	if (!pattern.includes("*")) {
-		const fullPath = path.resolve(root, pattern);
-		if (fs.existsSync(fullPath)) files.push(fullPath);
-		return files;
-	}
-	const parts = pattern.split("*");
-	const baseDir = path.resolve(root, parts[0]);
-	const ext = parts[1] || "";
-	if (!fs.existsSync(baseDir)) return files;
-	if (pattern.includes("**")) await walkDir(baseDir, files, ext);
-	else {
-		const entries = await fs.promises.readdir(baseDir, { withFileTypes: true });
-		for (const entry of entries) if (entry.isFile() && entry.name.endsWith(ext)) files.push(path.join(baseDir, entry.name));
-	}
-	return files;
-}
-async function walkDir(dir, files, ext) {
-	const entries = await fs.promises.readdir(dir, { withFileTypes: true });
-	for (const entry of entries) {
-		const fullPath = path.join(dir, entry.name);
-		if (entry.isDirectory()) await walkDir(fullPath, files, ext);
-		else if (entry.isFile() && entry.name.endsWith(ext)) files.push(fullPath);
-	}
-}
-function toPascalCase(str) {
-	return str.replace(/[-_](\w)/g, (_, c) => c.toUpperCase()).replace(/^\w/, (c) => c.toUpperCase());
-}
 //#endregion
+exports.SVELTE_HTML_HOST_MODULES_VIRTUAL_ID = SVELTE_HTML_HOST_MODULES_VIRTUAL_ID;
+exports.SvelteHtmlHostRenderError = SvelteHtmlHostRenderError;
+exports.createSvelteHtmlHostCollectionDocuments = createSvelteHtmlHostCollectionDocuments;
+exports.createSvelteHtmlHostDomRenderer = require_html_host_client.createSvelteHtmlHostDomRenderer;
+exports.createSvelteHtmlHostHydrate = createSvelteHtmlHostHydrate;
+exports.createSvelteHtmlHostIslandRegistry = createSvelteHtmlHostIslandRegistry;
+exports.createSvelteHtmlHostLazyHydrate = require_html_host_client.createSvelteHtmlHostLazyHydrate;
+exports.createSvelteHtmlHostRenderer = createSvelteHtmlHostRenderer;
+exports.initSvelteHtmlHost = require_html_host_client.initSvelteHtmlHost;
+exports.loadSvelteHtmlHostDomRuntime = require_html_host_client.loadSvelteHtmlHostDomRuntime;
 Object.defineProperty(exports, "oxContent", {
 	enumerable: true,
 	get: function() {
@@ -1218,9 +1864,14 @@ Object.defineProperty(exports, "oxContent", {
 	}
 });
 exports.oxContentSvelte = oxContentSvelte;
+exports.readSvelteHtmlHostSlot = require_html_host_client.readSvelteHtmlHostSlot;
 Object.defineProperty(exports, "renderHead", {
 	enumerable: true,
 	get: function() {
 		return _ox_content_vite_plugin.renderHead;
 	}
 });
+exports.renderSvelteHtmlHost = renderSvelteHtmlHost;
+exports.resolveSvelteHtmlHostCollectionDocuments = resolveSvelteHtmlHostCollectionDocuments;
+exports.resolveSvelteHtmlHostIslandRegistry = resolveSvelteHtmlHostIslandRegistry;
+exports.toSvelteHtmlHostClientModuleId = toSvelteHtmlHostClientModuleId;