@zeus-js/output-wc 0.1.0-beta.0

package/dist/output-wc.cjs.js

@@ -0,0 +1,318 @@
+/**
+* output-wc v0.1.0-beta.0
+* (c) 2026 baicie
+* Released under the MIT License.
+**/
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+//#region \0rolldown/runtime.js
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+		key = keys[i];
+		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: ((k) => from[k]).bind(null, key),
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+//#endregion
+let node_path = require("node:path");
+node_path = __toESM(node_path, 1);
+let _zeus_js_bundler_plugin = require("@zeus-js/bundler-plugin");
+let _zeus_js_component_dts = require("@zeus-js/component-dts");
+//#region packages/web-c/output-wc/src/generateCustomElementsJson.ts
+function generateCustomElementsJson(options) {
+	const { manifest, getModulePath } = options;
+	const result = {
+		schemaVersion: "1.0.0",
+		modules: manifest.components.map((component) => {
+			const modulePath = normalizeModulePath(getModulePath(component));
+			return {
+				kind: "javascript-module",
+				path: modulePath,
+				declarations: [{
+					kind: "class",
+					name: `${component.name}Element`,
+					tagName: component.tag,
+					customElement: true,
+					description: component.description,
+					attributes: generateAttributes(component),
+					members: generateMembers(component),
+					events: generateEvents(component),
+					slots: generateSlots(component),
+					cssParts: component.cssParts.map((name) => ({ name })),
+					cssProperties: component.cssVars.map((name) => ({ name }))
+				}],
+				exports: [{
+					kind: "js",
+					name: component.exportName,
+					declaration: {
+						name: `${component.name}Element`,
+						module: modulePath
+					}
+				}]
+			};
+		})
+	};
+	return `${JSON.stringify(result, null, 2)}\n`;
+}
+function generateAttributes(component) {
+	const result = [];
+	for (const [name, prop] of Object.entries(component.props)) {
+		const attrName = getAttributeName(name, prop);
+		if (attrName === false) continue;
+		result.push({
+			name: attrName,
+			description: prop.description,
+			type: { text: formatPropType(prop) },
+			default: prop.default === void 0 ? void 0 : JSON.stringify(prop.default)
+		});
+	}
+	return result;
+}
+function generateMembers(component) {
+	return Object.entries(component.props).map(([name, prop]) => {
+		return {
+			kind: "field",
+			name,
+			description: prop.description,
+			type: { text: formatPropType(prop) },
+			default: prop.default === void 0 ? void 0 : JSON.stringify(prop.default)
+		};
+	});
+}
+function generateEvents(component) {
+	return Object.entries(component.events).map(([name, event]) => {
+		return {
+			name,
+			description: event.description,
+			type: { text: event.detail ? `CustomEvent<${formatDetailType(event.detail)}>` : "CustomEvent" }
+		};
+	});
+}
+function generateSlots(component) {
+	return Object.entries(component.slots).map(([name, slot]) => {
+		return {
+			name: name === "default" ? "" : name,
+			description: slot.description
+		};
+	});
+}
+function getAttributeName(propName, prop) {
+	if (prop.attr === false) return false;
+	if (typeof prop.attr === "string") return prop.attr;
+	return propName.replace(/[A-Z]/g, (match) => `-${match.toLowerCase()}`);
+}
+function formatPropType(prop) {
+	var _prop$values;
+	if ((_prop$values = prop.values) === null || _prop$values === void 0 ? void 0 : _prop$values.length) return prop.values.map((value) => JSON.stringify(value)).join(" | ");
+	switch (prop.type) {
+		case "string": return "string";
+		case "number": return "number";
+		case "boolean": return "boolean";
+		case "array": return "unknown[]";
+		case "object": return "Record<string, unknown>";
+		default: return "unknown";
+	}
+}
+function formatDetailType(detail) {
+	return `{ ${Object.entries(detail).map(([name, type]) => `${name}: ${type}`).join("; ")} }`;
+}
+function normalizeModulePath(value) {
+	return value.replace(/\\/g, "/");
+}
+//#endregion
+//#region packages/web-c/output-wc/src/imports.ts
+function toAbsoluteImportPath(root, source) {
+	const normalizedRoot = normalizePath(root);
+	const normalizedSource = normalizePath(source);
+	if (normalizedRoot.startsWith("/")) return `${normalizedRoot.replace(/\/$/, "")}/${normalizedSource.replace(/^\//, "")}`;
+	return normalizePath(node_path.default.resolve(normalizedRoot, normalizedSource));
+}
+function normalizePath(value) {
+	return value.replace(/\\/g, "/");
+}
+//#endregion
+//#region packages/web-c/output-wc/src/generateEntry.ts
+function generateWCEntry(options) {
+	const { root, component } = options;
+	const source = toAbsoluteImportPath(root, component.source);
+	return [
+		`import { ${component.exportName} } from ${JSON.stringify(source)};`,
+		"",
+		`export { ${component.exportName} };`,
+		""
+	].join("\n");
+}
+//#endregion
+//#region packages/web-c/output-wc/src/generateIndex.ts
+function generateWCIndex(options) {
+	const { components, getFileName } = options;
+	const lines = [];
+	for (const component of components) {
+		const fileName = getFileName(component.tag);
+		lines.push(`export * from ${JSON.stringify("./" + fileName)};`);
+	}
+	lines.push("");
+	return lines.join("\n");
+}
+function getVirtualComponentId(component) {
+	return `zeus:wc:${component.tag}`;
+}
+function getVirtualIndexId() {
+	return "zeus:wc:index";
+}
+//#endregion
+//#region packages/web-c/output-wc/src/generateManifest.ts
+function generateZeusComponentsManifest(manifest) {
+	return `${JSON.stringify(manifest, null, 2)}\n`;
+}
+//#endregion
+//#region packages/web-c/output-wc/src/index.ts
+function wc(options = {}) {
+	var _options$outDir, _options$stripPrefix, _options$manifestFile, _options$customElemen, _options$dts, _options$jsxDts, _options$index, _options$warnOnFileNa;
+	const normalized = {
+		outDir: (_options$outDir = options.outDir) !== null && _options$outDir !== void 0 ? _options$outDir : "wc",
+		stripPrefix: (_options$stripPrefix = options.stripPrefix) !== null && _options$stripPrefix !== void 0 ? _options$stripPrefix : false,
+		fileName: options.fileName,
+		manifestFile: (_options$manifestFile = options.manifestFile) !== null && _options$manifestFile !== void 0 ? _options$manifestFile : "zeus.components.json",
+		customElementsFile: (_options$customElemen = options.customElementsFile) !== null && _options$customElemen !== void 0 ? _options$customElemen : "custom-elements.json",
+		dts: (_options$dts = options.dts) !== null && _options$dts !== void 0 ? _options$dts : "auto",
+		jsxDts: (_options$jsxDts = options.jsxDts) !== null && _options$jsxDts !== void 0 ? _options$jsxDts : "auto",
+		index: (_options$index = options.index) !== null && _options$index !== void 0 ? _options$index : true,
+		warnOnFileNameCollision: (_options$warnOnFileNa = options.warnOnFileNameCollision) !== null && _options$warnOnFileNa !== void 0 ? _options$warnOnFileNa : true
+	};
+	let _outDir = normalized.outDir;
+	return {
+		name: "zeus-output-wc",
+		setup(ctx) {
+			_outDir = normalized.outDir;
+			ctx.outputs.register("wc", {
+				outDir: normalized.outDir,
+				stripPrefix: normalized.stripPrefix,
+				fileName: normalized.fileName ? (tag) => normalized.fileName(tag) : void 0
+			});
+		},
+		buildStart(ctx) {
+			if (!ctx.manifest) return;
+			checkFileNameCollisions(ctx.manifest.components, normalized, { warn: ctx.warn });
+		},
+		virtualModules(ctx) {
+			if (!ctx.manifest) return [];
+			const modules = [];
+			const hasOutputs = ctx.outputs.has("wc");
+			const getFileName = (tag) => {
+				if (hasOutputs) return ctx.outputs.getFileName("wc", tag);
+				return normalizeFileName(tag, normalized.stripPrefix, normalized.fileName);
+			};
+			const joinPath = (fileName) => {
+				if (hasOutputs) return ctx.outputs.join("wc", fileName);
+				return node_path.default.posix.join(_outDir, fileName);
+			};
+			for (const component of ctx.manifest.components) {
+				const fileName = joinPath(getFileName(component.tag));
+				modules.push({
+					id: getVirtualComponentId(component),
+					fileName,
+					code: generateWCEntry({
+						root: ctx.root,
+						component
+					})
+				});
+			}
+			if (normalized.index) modules.push({
+				id: getVirtualIndexId(),
+				fileName: joinPath("index.js"),
+				code: generateWCIndex({
+					components: ctx.manifest.components,
+					getFileName
+				})
+			});
+			return modules;
+		},
+		generateBundle(ctx) {
+			if (!ctx.manifest) return [];
+			const files = [];
+			if (normalized.manifestFile) files.push({
+				type: "asset",
+				fileName: normalized.manifestFile,
+				source: generateZeusComponentsManifest(ctx.manifest)
+			});
+			const hasOutputs = ctx.outputs.has("wc");
+			const getFileName = (tag) => {
+				if (hasOutputs) return ctx.outputs.getFileName("wc", tag);
+				return normalizeFileName(tag, normalized.stripPrefix, normalized.fileName);
+			};
+			const joinPath = (fileName) => {
+				if (hasOutputs) return ctx.outputs.join("wc", fileName);
+				return node_path.default.posix.join(_outDir, fileName);
+			};
+			if (normalized.customElementsFile) files.push({
+				type: "asset",
+				fileName: normalized.customElementsFile,
+				source: generateCustomElementsJson({
+					manifest: ctx.manifest,
+					getModulePath: (component) => joinPath(getFileName(component.tag))
+				})
+			});
+			const dts = (0, _zeus_js_bundler_plugin.resolvePluginDts)(normalized.dts, ctx);
+			const jsxDts = (0, _zeus_js_bundler_plugin.resolvePluginDts)(normalized.jsxDts, ctx);
+			if (dts || jsxDts) {
+				const dtsFiles = (0, _zeus_js_component_dts.generateWCDtsFiles)(ctx.manifest, {
+					outDir: _outDir,
+					stripPrefix: normalized.stripPrefix,
+					fileName: (tag) => getFileName(tag).replace(/\.js$/, ""),
+					perComponent: true,
+					index: dts,
+					jsx: jsxDts
+				});
+				for (const file of dtsFiles) files.push({
+					type: "asset",
+					fileName: file.fileName,
+					source: file.source
+				});
+			}
+			return files;
+		}
+	};
+}
+function normalizeFileName(tag, stripPrefix, fileName) {
+	let name;
+	if (fileName) name = fileName(tag);
+	else {
+		name = tag;
+		if (stripPrefix && name.startsWith(stripPrefix)) name = name.slice(stripPrefix.length);
+	}
+	if (!name.endsWith(".js")) name = `${name}.js`;
+	return name;
+}
+function checkFileNameCollisions(components, options, reporter) {
+	if (options.warnOnFileNameCollision === false) return;
+	const map = /* @__PURE__ */ new Map();
+	for (const component of components) {
+		var _map$get;
+		const fileName = normalizeFileName(component.tag, options.stripPrefix, options.fileName);
+		const list = (_map$get = map.get(fileName)) !== null && _map$get !== void 0 ? _map$get : [];
+		list.push(component);
+		map.set(fileName, list);
+	}
+	for (const [fileName, list] of map) {
+		if (list.length <= 1) continue;
+		reporter.warn(`[zeus-output-wc] Multiple components map to "${fileName}": ${list.map((item) => item.tag).join(", ")}`);
+	}
+}
+//#endregion
+exports.default = wc;

package/dist/output-wc.cjs.prod.js

@@ -0,0 +1,318 @@
+/**
+* output-wc v0.1.0-beta.0
+* (c) 2026 baicie
+* Released under the MIT License.
+**/
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+//#region \0rolldown/runtime.js
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+		key = keys[i];
+		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: ((k) => from[k]).bind(null, key),
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+//#endregion
+let node_path = require("node:path");
+node_path = __toESM(node_path, 1);
+let _zeus_js_bundler_plugin = require("@zeus-js/bundler-plugin");
+let _zeus_js_component_dts = require("@zeus-js/component-dts");
+//#region packages/web-c/output-wc/src/generateCustomElementsJson.ts
+function generateCustomElementsJson(options) {
+	const { manifest, getModulePath } = options;
+	const result = {
+		schemaVersion: "1.0.0",
+		modules: manifest.components.map((component) => {
+			const modulePath = normalizeModulePath(getModulePath(component));
+			return {
+				kind: "javascript-module",
+				path: modulePath,
+				declarations: [{
+					kind: "class",
+					name: `${component.name}Element`,
+					tagName: component.tag,
+					customElement: true,
+					description: component.description,
+					attributes: generateAttributes(component),
+					members: generateMembers(component),
+					events: generateEvents(component),
+					slots: generateSlots(component),
+					cssParts: component.cssParts.map((name) => ({ name })),
+					cssProperties: component.cssVars.map((name) => ({ name }))
+				}],
+				exports: [{
+					kind: "js",
+					name: component.exportName,
+					declaration: {
+						name: `${component.name}Element`,
+						module: modulePath
+					}
+				}]
+			};
+		})
+	};
+	return `${JSON.stringify(result, null, 2)}\n`;
+}
+function generateAttributes(component) {
+	const result = [];
+	for (const [name, prop] of Object.entries(component.props)) {
+		const attrName = getAttributeName(name, prop);
+		if (attrName === false) continue;
+		result.push({
+			name: attrName,
+			description: prop.description,
+			type: { text: formatPropType(prop) },
+			default: prop.default === void 0 ? void 0 : JSON.stringify(prop.default)
+		});
+	}
+	return result;
+}
+function generateMembers(component) {
+	return Object.entries(component.props).map(([name, prop]) => {
+		return {
+			kind: "field",
+			name,
+			description: prop.description,
+			type: { text: formatPropType(prop) },
+			default: prop.default === void 0 ? void 0 : JSON.stringify(prop.default)
+		};
+	});
+}
+function generateEvents(component) {
+	return Object.entries(component.events).map(([name, event]) => {
+		return {
+			name,
+			description: event.description,
+			type: { text: event.detail ? `CustomEvent<${formatDetailType(event.detail)}>` : "CustomEvent" }
+		};
+	});
+}
+function generateSlots(component) {
+	return Object.entries(component.slots).map(([name, slot]) => {
+		return {
+			name: name === "default" ? "" : name,
+			description: slot.description
+		};
+	});
+}
+function getAttributeName(propName, prop) {
+	if (prop.attr === false) return false;
+	if (typeof prop.attr === "string") return prop.attr;
+	return propName.replace(/[A-Z]/g, (match) => `-${match.toLowerCase()}`);
+}
+function formatPropType(prop) {
+	var _prop$values;
+	if ((_prop$values = prop.values) === null || _prop$values === void 0 ? void 0 : _prop$values.length) return prop.values.map((value) => JSON.stringify(value)).join(" | ");
+	switch (prop.type) {
+		case "string": return "string";
+		case "number": return "number";
+		case "boolean": return "boolean";
+		case "array": return "unknown[]";
+		case "object": return "Record<string, unknown>";
+		default: return "unknown";
+	}
+}
+function formatDetailType(detail) {
+	return `{ ${Object.entries(detail).map(([name, type]) => `${name}: ${type}`).join("; ")} }`;
+}
+function normalizeModulePath(value) {
+	return value.replace(/\\/g, "/");
+}
+//#endregion
+//#region packages/web-c/output-wc/src/imports.ts
+function toAbsoluteImportPath(root, source) {
+	const normalizedRoot = normalizePath(root);
+	const normalizedSource = normalizePath(source);
+	if (normalizedRoot.startsWith("/")) return `${normalizedRoot.replace(/\/$/, "")}/${normalizedSource.replace(/^\//, "")}`;
+	return normalizePath(node_path.default.resolve(normalizedRoot, normalizedSource));
+}
+function normalizePath(value) {
+	return value.replace(/\\/g, "/");
+}
+//#endregion
+//#region packages/web-c/output-wc/src/generateEntry.ts
+function generateWCEntry(options) {
+	const { root, component } = options;
+	const source = toAbsoluteImportPath(root, component.source);
+	return [
+		`import { ${component.exportName} } from ${JSON.stringify(source)};`,
+		"",
+		`export { ${component.exportName} };`,
+		""
+	].join("\n");
+}
+//#endregion
+//#region packages/web-c/output-wc/src/generateIndex.ts
+function generateWCIndex(options) {
+	const { components, getFileName } = options;
+	const lines = [];
+	for (const component of components) {
+		const fileName = getFileName(component.tag);
+		lines.push(`export * from ${JSON.stringify("./" + fileName)};`);
+	}
+	lines.push("");
+	return lines.join("\n");
+}
+function getVirtualComponentId(component) {
+	return `zeus:wc:${component.tag}`;
+}
+function getVirtualIndexId() {
+	return "zeus:wc:index";
+}
+//#endregion
+//#region packages/web-c/output-wc/src/generateManifest.ts
+function generateZeusComponentsManifest(manifest) {
+	return `${JSON.stringify(manifest, null, 2)}\n`;
+}
+//#endregion
+//#region packages/web-c/output-wc/src/index.ts
+function wc(options = {}) {
+	var _options$outDir, _options$stripPrefix, _options$manifestFile, _options$customElemen, _options$dts, _options$jsxDts, _options$index, _options$warnOnFileNa;
+	const normalized = {
+		outDir: (_options$outDir = options.outDir) !== null && _options$outDir !== void 0 ? _options$outDir : "wc",
+		stripPrefix: (_options$stripPrefix = options.stripPrefix) !== null && _options$stripPrefix !== void 0 ? _options$stripPrefix : false,
+		fileName: options.fileName,
+		manifestFile: (_options$manifestFile = options.manifestFile) !== null && _options$manifestFile !== void 0 ? _options$manifestFile : "zeus.components.json",
+		customElementsFile: (_options$customElemen = options.customElementsFile) !== null && _options$customElemen !== void 0 ? _options$customElemen : "custom-elements.json",
+		dts: (_options$dts = options.dts) !== null && _options$dts !== void 0 ? _options$dts : "auto",
+		jsxDts: (_options$jsxDts = options.jsxDts) !== null && _options$jsxDts !== void 0 ? _options$jsxDts : "auto",
+		index: (_options$index = options.index) !== null && _options$index !== void 0 ? _options$index : true,
+		warnOnFileNameCollision: (_options$warnOnFileNa = options.warnOnFileNameCollision) !== null && _options$warnOnFileNa !== void 0 ? _options$warnOnFileNa : true
+	};
+	let _outDir = normalized.outDir;
+	return {
+		name: "zeus-output-wc",
+		setup(ctx) {
+			_outDir = normalized.outDir;
+			ctx.outputs.register("wc", {
+				outDir: normalized.outDir,
+				stripPrefix: normalized.stripPrefix,
+				fileName: normalized.fileName ? (tag) => normalized.fileName(tag) : void 0
+			});
+		},
+		buildStart(ctx) {
+			if (!ctx.manifest) return;
+			checkFileNameCollisions(ctx.manifest.components, normalized, { warn: ctx.warn });
+		},
+		virtualModules(ctx) {
+			if (!ctx.manifest) return [];
+			const modules = [];
+			const hasOutputs = ctx.outputs.has("wc");
+			const getFileName = (tag) => {
+				if (hasOutputs) return ctx.outputs.getFileName("wc", tag);
+				return normalizeFileName(tag, normalized.stripPrefix, normalized.fileName);
+			};
+			const joinPath = (fileName) => {
+				if (hasOutputs) return ctx.outputs.join("wc", fileName);
+				return node_path.default.posix.join(_outDir, fileName);
+			};
+			for (const component of ctx.manifest.components) {
+				const fileName = joinPath(getFileName(component.tag));
+				modules.push({
+					id: getVirtualComponentId(component),
+					fileName,
+					code: generateWCEntry({
+						root: ctx.root,
+						component
+					})
+				});
+			}
+			if (normalized.index) modules.push({
+				id: getVirtualIndexId(),
+				fileName: joinPath("index.js"),
+				code: generateWCIndex({
+					components: ctx.manifest.components,
+					getFileName
+				})
+			});
+			return modules;
+		},
+		generateBundle(ctx) {
+			if (!ctx.manifest) return [];
+			const files = [];
+			if (normalized.manifestFile) files.push({
+				type: "asset",
+				fileName: normalized.manifestFile,
+				source: generateZeusComponentsManifest(ctx.manifest)
+			});
+			const hasOutputs = ctx.outputs.has("wc");
+			const getFileName = (tag) => {
+				if (hasOutputs) return ctx.outputs.getFileName("wc", tag);
+				return normalizeFileName(tag, normalized.stripPrefix, normalized.fileName);
+			};
+			const joinPath = (fileName) => {
+				if (hasOutputs) return ctx.outputs.join("wc", fileName);
+				return node_path.default.posix.join(_outDir, fileName);
+			};
+			if (normalized.customElementsFile) files.push({
+				type: "asset",
+				fileName: normalized.customElementsFile,
+				source: generateCustomElementsJson({
+					manifest: ctx.manifest,
+					getModulePath: (component) => joinPath(getFileName(component.tag))
+				})
+			});
+			const dts = (0, _zeus_js_bundler_plugin.resolvePluginDts)(normalized.dts, ctx);
+			const jsxDts = (0, _zeus_js_bundler_plugin.resolvePluginDts)(normalized.jsxDts, ctx);
+			if (dts || jsxDts) {
+				const dtsFiles = (0, _zeus_js_component_dts.generateWCDtsFiles)(ctx.manifest, {
+					outDir: _outDir,
+					stripPrefix: normalized.stripPrefix,
+					fileName: (tag) => getFileName(tag).replace(/\.js$/, ""),
+					perComponent: true,
+					index: dts,
+					jsx: jsxDts
+				});
+				for (const file of dtsFiles) files.push({
+					type: "asset",
+					fileName: file.fileName,
+					source: file.source
+				});
+			}
+			return files;
+		}
+	};
+}
+function normalizeFileName(tag, stripPrefix, fileName) {
+	let name;
+	if (fileName) name = fileName(tag);
+	else {
+		name = tag;
+		if (stripPrefix && name.startsWith(stripPrefix)) name = name.slice(stripPrefix.length);
+	}
+	if (!name.endsWith(".js")) name = `${name}.js`;
+	return name;
+}
+function checkFileNameCollisions(components, options, reporter) {
+	if (options.warnOnFileNameCollision === false) return;
+	const map = /* @__PURE__ */ new Map();
+	for (const component of components) {
+		var _map$get;
+		const fileName = normalizeFileName(component.tag, options.stripPrefix, options.fileName);
+		const list = (_map$get = map.get(fileName)) !== null && _map$get !== void 0 ? _map$get : [];
+		list.push(component);
+		map.set(fileName, list);
+	}
+	for (const [fileName, list] of map) {
+		if (list.length <= 1) continue;
+		reporter.warn(`[zeus-output-wc] Multiple components map to "${fileName}": ${list.map((item) => item.tag).join(", ")}`);
+	}
+}
+//#endregion
+exports.default = wc;

package/dist/output-wc.d.ts

@@ -0,0 +1,63 @@
+import { DtsMode, ZeusComponentPlugin } from '@zeus-js/bundler-plugin';
+
+export interface OutputWCOptions {
+    /**
+     * Web Component output directory.
+     *
+     * @default 'wc'
+     */
+    outDir?: string;
+    /**
+     * Strip tag prefix for file name.
+     *
+     * Example:
+     * z-button -> button.js
+     *
+     * @default false
+     */
+    stripPrefix?: string | false;
+    /**
+     * Custom file name.
+     */
+    fileName?: (tag: string) => string;
+    /**
+     * Component manifest file.
+     *
+     * @default 'zeus.components.json'
+     */
+    manifestFile?: string | false;
+    /**
+     * Custom Elements Manifest file.
+     *
+     * @default 'custom-elements.json'
+     */
+    customElementsFile?: string | false;
+    /**
+     * Generate WC d.ts.
+     *
+     * @default 'auto'
+     */
+    dts?: DtsMode;
+    /**
+     * Generate JSX IntrinsicElements d.ts.
+     *
+     * @default 'auto'
+     */
+    jsxDts?: DtsMode;
+    /**
+     * Generate wc/index.js.
+     *
+     * @default true
+     */
+    index?: boolean;
+    /**
+     * Whether to warn when two components map to the same file name.
+     *
+     * @default true
+     */
+    warnOnFileNameCollision?: boolean;
+}
+
+export declare function wc(options?: OutputWCOptions): ZeusComponentPlugin;
+
+export { wc as default };

package/dist/output-wc.esm-bundler.js

@@ -0,0 +1,291 @@
+/**
+* output-wc v0.1.0-beta.0
+* (c) 2026 baicie
+* Released under the MIT License.
+**/
+import path from "node:path";
+import { resolvePluginDts } from "@zeus-js/bundler-plugin";
+import { generateWCDtsFiles } from "@zeus-js/component-dts";
+//#region packages/web-c/output-wc/src/generateCustomElementsJson.ts
+function generateCustomElementsJson(options) {
+	const { manifest, getModulePath } = options;
+	const result = {
+		schemaVersion: "1.0.0",
+		modules: manifest.components.map((component) => {
+			const modulePath = normalizeModulePath(getModulePath(component));
+			return {
+				kind: "javascript-module",
+				path: modulePath,
+				declarations: [{
+					kind: "class",
+					name: `${component.name}Element`,
+					tagName: component.tag,
+					customElement: true,
+					description: component.description,
+					attributes: generateAttributes(component),
+					members: generateMembers(component),
+					events: generateEvents(component),
+					slots: generateSlots(component),
+					cssParts: component.cssParts.map((name) => ({ name })),
+					cssProperties: component.cssVars.map((name) => ({ name }))
+				}],
+				exports: [{
+					kind: "js",
+					name: component.exportName,
+					declaration: {
+						name: `${component.name}Element`,
+						module: modulePath
+					}
+				}]
+			};
+		})
+	};
+	return `${JSON.stringify(result, null, 2)}\n`;
+}
+function generateAttributes(component) {
+	const result = [];
+	for (const [name, prop] of Object.entries(component.props)) {
+		const attrName = getAttributeName(name, prop);
+		if (attrName === false) continue;
+		result.push({
+			name: attrName,
+			description: prop.description,
+			type: { text: formatPropType(prop) },
+			default: prop.default === void 0 ? void 0 : JSON.stringify(prop.default)
+		});
+	}
+	return result;
+}
+function generateMembers(component) {
+	return Object.entries(component.props).map(([name, prop]) => {
+		return {
+			kind: "field",
+			name,
+			description: prop.description,
+			type: { text: formatPropType(prop) },
+			default: prop.default === void 0 ? void 0 : JSON.stringify(prop.default)
+		};
+	});
+}
+function generateEvents(component) {
+	return Object.entries(component.events).map(([name, event]) => {
+		return {
+			name,
+			description: event.description,
+			type: { text: event.detail ? `CustomEvent<${formatDetailType(event.detail)}>` : "CustomEvent" }
+		};
+	});
+}
+function generateSlots(component) {
+	return Object.entries(component.slots).map(([name, slot]) => {
+		return {
+			name: name === "default" ? "" : name,
+			description: slot.description
+		};
+	});
+}
+function getAttributeName(propName, prop) {
+	if (prop.attr === false) return false;
+	if (typeof prop.attr === "string") return prop.attr;
+	return propName.replace(/[A-Z]/g, (match) => `-${match.toLowerCase()}`);
+}
+function formatPropType(prop) {
+	var _prop$values;
+	if ((_prop$values = prop.values) === null || _prop$values === void 0 ? void 0 : _prop$values.length) return prop.values.map((value) => JSON.stringify(value)).join(" | ");
+	switch (prop.type) {
+		case "string": return "string";
+		case "number": return "number";
+		case "boolean": return "boolean";
+		case "array": return "unknown[]";
+		case "object": return "Record<string, unknown>";
+		default: return "unknown";
+	}
+}
+function formatDetailType(detail) {
+	return `{ ${Object.entries(detail).map(([name, type]) => `${name}: ${type}`).join("; ")} }`;
+}
+function normalizeModulePath(value) {
+	return value.replace(/\\/g, "/");
+}
+//#endregion
+//#region packages/web-c/output-wc/src/imports.ts
+function toAbsoluteImportPath(root, source) {
+	const normalizedRoot = normalizePath(root);
+	const normalizedSource = normalizePath(source);
+	if (normalizedRoot.startsWith("/")) return `${normalizedRoot.replace(/\/$/, "")}/${normalizedSource.replace(/^\//, "")}`;
+	return normalizePath(path.resolve(normalizedRoot, normalizedSource));
+}
+function normalizePath(value) {
+	return value.replace(/\\/g, "/");
+}
+//#endregion
+//#region packages/web-c/output-wc/src/generateEntry.ts
+function generateWCEntry(options) {
+	const { root, component } = options;
+	const source = toAbsoluteImportPath(root, component.source);
+	return [
+		`import { ${component.exportName} } from ${JSON.stringify(source)};`,
+		"",
+		`export { ${component.exportName} };`,
+		""
+	].join("\n");
+}
+//#endregion
+//#region packages/web-c/output-wc/src/generateIndex.ts
+function generateWCIndex(options) {
+	const { components, getFileName } = options;
+	const lines = [];
+	for (const component of components) {
+		const fileName = getFileName(component.tag);
+		lines.push(`export * from ${JSON.stringify("./" + fileName)};`);
+	}
+	lines.push("");
+	return lines.join("\n");
+}
+function getVirtualComponentId(component) {
+	return `zeus:wc:${component.tag}`;
+}
+function getVirtualIndexId() {
+	return "zeus:wc:index";
+}
+//#endregion
+//#region packages/web-c/output-wc/src/generateManifest.ts
+function generateZeusComponentsManifest(manifest) {
+	return `${JSON.stringify(manifest, null, 2)}\n`;
+}
+//#endregion
+//#region packages/web-c/output-wc/src/index.ts
+function wc(options = {}) {
+	var _options$outDir, _options$stripPrefix, _options$manifestFile, _options$customElemen, _options$dts, _options$jsxDts, _options$index, _options$warnOnFileNa;
+	const normalized = {
+		outDir: (_options$outDir = options.outDir) !== null && _options$outDir !== void 0 ? _options$outDir : "wc",
+		stripPrefix: (_options$stripPrefix = options.stripPrefix) !== null && _options$stripPrefix !== void 0 ? _options$stripPrefix : false,
+		fileName: options.fileName,
+		manifestFile: (_options$manifestFile = options.manifestFile) !== null && _options$manifestFile !== void 0 ? _options$manifestFile : "zeus.components.json",
+		customElementsFile: (_options$customElemen = options.customElementsFile) !== null && _options$customElemen !== void 0 ? _options$customElemen : "custom-elements.json",
+		dts: (_options$dts = options.dts) !== null && _options$dts !== void 0 ? _options$dts : "auto",
+		jsxDts: (_options$jsxDts = options.jsxDts) !== null && _options$jsxDts !== void 0 ? _options$jsxDts : "auto",
+		index: (_options$index = options.index) !== null && _options$index !== void 0 ? _options$index : true,
+		warnOnFileNameCollision: (_options$warnOnFileNa = options.warnOnFileNameCollision) !== null && _options$warnOnFileNa !== void 0 ? _options$warnOnFileNa : true
+	};
+	let _outDir = normalized.outDir;
+	return {
+		name: "zeus-output-wc",
+		setup(ctx) {
+			_outDir = normalized.outDir;
+			ctx.outputs.register("wc", {
+				outDir: normalized.outDir,
+				stripPrefix: normalized.stripPrefix,
+				fileName: normalized.fileName ? (tag) => normalized.fileName(tag) : void 0
+			});
+		},
+		buildStart(ctx) {
+			if (!ctx.manifest) return;
+			checkFileNameCollisions(ctx.manifest.components, normalized, { warn: ctx.warn });
+		},
+		virtualModules(ctx) {
+			if (!ctx.manifest) return [];
+			const modules = [];
+			const hasOutputs = ctx.outputs.has("wc");
+			const getFileName = (tag) => {
+				if (hasOutputs) return ctx.outputs.getFileName("wc", tag);
+				return normalizeFileName(tag, normalized.stripPrefix, normalized.fileName);
+			};
+			const joinPath = (fileName) => {
+				if (hasOutputs) return ctx.outputs.join("wc", fileName);
+				return path.posix.join(_outDir, fileName);
+			};
+			for (const component of ctx.manifest.components) {
+				const fileName = joinPath(getFileName(component.tag));
+				modules.push({
+					id: getVirtualComponentId(component),
+					fileName,
+					code: generateWCEntry({
+						root: ctx.root,
+						component
+					})
+				});
+			}
+			if (normalized.index) modules.push({
+				id: getVirtualIndexId(),
+				fileName: joinPath("index.js"),
+				code: generateWCIndex({
+					components: ctx.manifest.components,
+					getFileName
+				})
+			});
+			return modules;
+		},
+		generateBundle(ctx) {
+			if (!ctx.manifest) return [];
+			const files = [];
+			if (normalized.manifestFile) files.push({
+				type: "asset",
+				fileName: normalized.manifestFile,
+				source: generateZeusComponentsManifest(ctx.manifest)
+			});
+			const hasOutputs = ctx.outputs.has("wc");
+			const getFileName = (tag) => {
+				if (hasOutputs) return ctx.outputs.getFileName("wc", tag);
+				return normalizeFileName(tag, normalized.stripPrefix, normalized.fileName);
+			};
+			const joinPath = (fileName) => {
+				if (hasOutputs) return ctx.outputs.join("wc", fileName);
+				return path.posix.join(_outDir, fileName);
+			};
+			if (normalized.customElementsFile) files.push({
+				type: "asset",
+				fileName: normalized.customElementsFile,
+				source: generateCustomElementsJson({
+					manifest: ctx.manifest,
+					getModulePath: (component) => joinPath(getFileName(component.tag))
+				})
+			});
+			const dts = resolvePluginDts(normalized.dts, ctx);
+			const jsxDts = resolvePluginDts(normalized.jsxDts, ctx);
+			if (dts || jsxDts) {
+				const dtsFiles = generateWCDtsFiles(ctx.manifest, {
+					outDir: _outDir,
+					stripPrefix: normalized.stripPrefix,
+					fileName: (tag) => getFileName(tag).replace(/\.js$/, ""),
+					perComponent: true,
+					index: dts,
+					jsx: jsxDts
+				});
+				for (const file of dtsFiles) files.push({
+					type: "asset",
+					fileName: file.fileName,
+					source: file.source
+				});
+			}
+			return files;
+		}
+	};
+}
+function normalizeFileName(tag, stripPrefix, fileName) {
+	let name;
+	if (fileName) name = fileName(tag);
+	else {
+		name = tag;
+		if (stripPrefix && name.startsWith(stripPrefix)) name = name.slice(stripPrefix.length);
+	}
+	if (!name.endsWith(".js")) name = `${name}.js`;
+	return name;
+}
+function checkFileNameCollisions(components, options, reporter) {
+	if (options.warnOnFileNameCollision === false) return;
+	const map = /* @__PURE__ */ new Map();
+	for (const component of components) {
+		var _map$get;
+		const fileName = normalizeFileName(component.tag, options.stripPrefix, options.fileName);
+		const list = (_map$get = map.get(fileName)) !== null && _map$get !== void 0 ? _map$get : [];
+		list.push(component);
+		map.set(fileName, list);
+	}
+	for (const [fileName, list] of map) {
+		if (list.length <= 1) continue;
+		reporter.warn(`[zeus-output-wc] Multiple components map to "${fileName}": ${list.map((item) => item.tag).join(", ")}`);
+	}
+}
+//#endregion
+export { wc as default };

package/index.js

@@ -0,0 +1,4 @@
+// Re-export from bundled dist
+export * from './dist/output-wc.esm-bundler.js'
+import wc from './dist/output-wc.esm-bundler.js'
+export default wc

package/package.json

@@ -0,0 +1,59 @@
+{
+  "name": "@zeus-js/output-wc",
+  "version": "0.1.0-beta.0",
+  "description": "Zeus Web Component output plugin",
+  "type": "module",
+  "main": "index.js",
+  "module": "dist/output-wc.esm-bundler.js",
+  "types": "dist/output-wc.d.ts",
+  "files": [
+    "index.js",
+    "dist"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/output-wc.d.ts",
+      "node": {
+        "production": "./dist/output-wc.cjs.prod.js",
+        "development": "./dist/output-wc.cjs.js",
+        "default": "./index.js"
+      },
+      "module": "./dist/output-wc.esm-bundler.js",
+      "import": "./dist/output-wc.esm-bundler.js",
+      "require": "./index.js"
+    },
+    "./*": "./*"
+  },
+  "sideEffects": false,
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/baicie/zeus"
+  },
+  "buildOptions": {
+    "name": "ZeusOutputWC",
+    "formats": [
+      "esm-bundler",
+      "cjs"
+    ]
+  },
+  "dependencies": {
+    "@zeus-js/bundler-plugin": "0.1.0-beta.0",
+    "@zeus-js/component-dts": "0.1.0-beta.0",
+    "@zeus-js/component-analyzer": "0.1.0-beta.0"
+  },
+  "peerDependencies": {
+    "rollup": "^4.0.0"
+  },
+  "peerDependenciesMeta": {
+    "rollup": {
+      "optional": true
+    }
+  },
+  "keywords": [
+    "zeus",
+    "web-components",
+    "custom-elements"
+  ],
+  "author": "Baicie",
+  "license": "MIT"
+}