@omnicajs/icons 0.3.0 → 0.3.2

package/dist/extracted/vite.js

@@ -0,0 +1,174 @@
+import { loadManifest } from "../build.js";
+import { createImportedSprite, createVueIconSfc, loadImportedIcon, resolveImportedIcon } from "./core.js";
+import { assertImportedSymbolsAvailable, createImportedSpriteManifest, importedSpriteManifestFilename, parseImportedSpriteManifest } from "./manifest.js";
+import fs from "node:fs/promises";
+import path from "node:path";
+import crypto from "node:crypto";
+//#region tooling/extracted/vite.ts
+var importedComponentPrefix = "omnicajs-icon-component:";
+var importedSpritePath = "/@omnicajs/icons/imported/";
+var importedSpriteMarker = "__OMNICA_IMPORTED_SPRITE_URL__";
+var vueTemplateAssetImport = /(\bimport\s+_imports_\d+\s+from\s+)(["'])(@omnicajs\/icons\/assets\/icons\/(?:filled|outlined)\/[^"'?#]+\.svg)\2/g;
+var isRootRelativePath = (value) => value.startsWith("/") && !value.startsWith("//");
+var resolveDevSpritePath = (base) => {
+	if (base === "" || base.startsWith(".")) return importedSpritePath;
+	const basePath = URL.canParse(base) ? new URL(base).pathname : base;
+	return `${basePath.endsWith("/") ? basePath : `${basePath}/`}${importedSpritePath.slice(1)}`;
+};
+var omnicaIconComponents = (options = {}) => {
+	let base = "/";
+	let command = "build";
+	let clientOutputDirectory = "";
+	let devSpritePath = importedSpritePath;
+	let legacySsr = false;
+	let publishedClientManifest;
+	const devSprites = /* @__PURE__ */ new Map();
+	const environmentStates = /* @__PURE__ */ new WeakMap();
+	const legacyState = {
+		componentSources: /* @__PURE__ */ new Map(),
+		emittedIcons: [],
+		icons: /* @__PURE__ */ new Map()
+	};
+	const manifest = loadManifest();
+	const stateFor = (context) => {
+		if (!context.environment) return legacyState;
+		const existing = environmentStates.get(context.environment);
+		if (existing) return existing;
+		const created = {
+			componentSources: /* @__PURE__ */ new Map(),
+			emittedIcons: [],
+			icons: /* @__PURE__ */ new Map()
+		};
+		environmentStates.set(context.environment, created);
+		return created;
+	};
+	const isSsr = (context) => context.environment ? Boolean(context.environment.config?.build?.ssr) : legacySsr;
+	const loadClientManifest = (state) => {
+		if (publishedClientManifest) {
+			state.clientManifest = publishedClientManifest;
+			return Promise.resolve(publishedClientManifest);
+		}
+		state.clientManifestPromise ??= (async () => {
+			const filename = path.join(clientOutputDirectory, importedSpriteManifestFilename);
+			try {
+				const loaded = parseImportedSpriteManifest(await fs.readFile(filename, "utf8"), filename);
+				state.clientManifest = loaded;
+				return loaded;
+			} catch (error) {
+				const detail = error instanceof Error ? ` ${error.message}` : "";
+				throw new Error(`Unable to load the import-driven icon client manifest at ${filename}. Build the client before SSR or configure clientOutputDirectory.${detail}`);
+			}
+		})();
+		return state.clientManifestPromise;
+	};
+	return {
+		name: "omnicajs-icon-components",
+		enforce: "pre",
+		configResolved(config) {
+			base = config.base;
+			command = config.command;
+			if (command === "build" && !isRootRelativePath(base)) throw new Error(`Import-driven icon builds require a root-relative Vite base. Absolute, protocol-relative, and relative bases are not supported. Received ${JSON.stringify(base)}.`);
+			clientOutputDirectory = path.resolve(config.root, options.clientOutputDirectory ?? "dist");
+			devSpritePath = resolveDevSpritePath(base);
+			legacySsr = Boolean(config.build.ssr);
+		},
+		buildStart() {
+			const state = stateFor(this);
+			state.clientManifest = void 0;
+			state.clientManifestPromise = void 0;
+			state.emittedIcons = [];
+			state.spriteReference = void 0;
+			if (!isSsr(this)) publishedClientManifest = void 0;
+		},
+		configureServer(server) {
+			server.middlewares.use(devSpritePath, (request, response, next) => {
+				const filename = request.url?.split(/[?#]/, 1)[0]?.replace(/^\//, "");
+				const sprite = filename ? devSprites.get(filename) : void 0;
+				if (!sprite) {
+					next();
+					return;
+				}
+				response.statusCode = 200;
+				response.setHeader("Content-Type", "image/svg+xml");
+				response.setHeader("Cache-Control", "public, max-age=31536000, immutable");
+				response.end(sprite);
+			});
+		},
+		async resolveId(id, importer, resolveOptions) {
+			const state = stateFor(this);
+			if (resolveOptions.kind === "url-token" || resolveOptions.kind === "new-url" || importer !== void 0 && /\.(?:css|less|sass|scss|styl|stylus)(?:$|\?)/.test(importer)) return null;
+			const icon = resolveImportedIcon(id, await manifest);
+			if (!icon) return null;
+			const virtualId = `${importedComponentPrefix}${icon.importedSymbol}.vue`;
+			state.componentSources.set(virtualId, id);
+			return virtualId;
+		},
+		transform(code, id) {
+			if (!id.includes(".vue")) return null;
+			const transformed = code.replace(vueTemplateAssetImport, (_match, prefix, quote, source) => `${prefix}${quote}${source}?url${quote}`);
+			return transformed === code ? null : {
+				code: transformed,
+				map: null
+			};
+		},
+		async load(id) {
+			const state = stateFor(this);
+			const source = state.componentSources.get(id);
+			if (!source) return null;
+			const icon = await loadImportedIcon(source, await manifest);
+			if (!icon) return null;
+			state.icons.set(id, icon);
+			if (command === "build") {
+				if (isSsr(this)) await loadClientManifest(state);
+				return createVueIconSfc(icon, JSON.stringify(importedSpriteMarker));
+			}
+			const sprite = createImportedSprite([icon]);
+			const filename = `${crypto.createHash("sha256").update(sprite).digest("hex").slice(0, 16)}.svg`;
+			devSprites.set(filename, sprite);
+			return createVueIconSfc(icon, JSON.stringify(`${devSpritePath}${filename}`));
+		},
+		buildEnd(error) {
+			const state = stateFor(this);
+			const activeIcons = [...this.getModuleIds()].map((id) => state.icons.get(id)).filter((icon) => icon !== void 0);
+			state.emittedIcons = activeIcons;
+			if (error || command !== "build" || activeIcons.length === 0) return;
+			if (isSsr(this)) {
+				if (!state.clientManifest) this.error("Import-driven icon client manifest was not loaded for the SSR build.");
+				assertImportedSymbolsAvailable(state.clientManifest, activeIcons);
+			} else state.spriteReference = this.emitFile({
+				type: "asset",
+				name: options.spriteName ?? "omnica-icons-imported.svg",
+				source: createImportedSprite(activeIcons)
+			});
+		},
+		generateBundle() {
+			const state = stateFor(this);
+			if (isSsr(this) || !state.spriteReference) return;
+			const spriteFilename = this.getFileName(state.spriteReference);
+			const clientManifest = parseImportedSpriteManifest(createImportedSpriteManifest(spriteFilename, base.endsWith("/") ? `${base}${spriteFilename}` : `${base}/${spriteFilename}`, state.emittedIcons), importedSpriteManifestFilename);
+			publishedClientManifest = clientManifest;
+			this.emitFile({
+				type: "asset",
+				fileName: importedSpriteManifestFilename,
+				source: createImportedSpriteManifest(clientManifest.spriteFilename, clientManifest.spriteUrl, state.emittedIcons)
+			});
+		},
+		renderChunk(code) {
+			if (!code.includes(importedSpriteMarker)) return null;
+			const state = stateFor(this);
+			const spriteUrl = isSsr(this) ? state.clientManifest?.spriteUrl : (() => {
+				if (!state.spriteReference) return;
+				const filename = this.getFileName(state.spriteReference);
+				return base.endsWith("/") ? `${base}${filename}` : `${base}/${filename}`;
+			})();
+			if (!spriteUrl) this.error("Unable to resolve the import-driven icon sprite URL.");
+			const spriteExpression = JSON.stringify(spriteUrl);
+			const markerLiteral = new RegExp(`(["'])${importedSpriteMarker}([^"']*)\\1`, "g");
+			const replaced = code.replace(markerLiteral, (_match, _quote, suffix) => suffix.length === 0 ? spriteExpression : `${spriteExpression} + ${JSON.stringify(suffix)}`);
+			if (replaced === code) this.error("Unable to replace the import-driven icon sprite marker.");
+			return replaced;
+		}
+	};
+};
+//#endregion
+export { omnicaIconComponents };