@omnicajs/icons 0.3.0 → 0.3.1

package/dist/manifest.json

@@ -1,6 +1,6 @@
 {
     "schemaVersion": 1,
-    "version": "0.3.0",
+    "version": "0.3.1",
     "variants": {
         "filled": {
             "sprite": "sprites/filled.svg",

package/dist/rspack.cjs

@@ -0,0 +1,14 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_extracted_bundler_plugin = require("./extracted/bundler/plugin.cjs");
+//#region tooling/rspack.ts
+var OmnicaIconComponentsPlugin = class {
+	#plugin;
+	constructor(options = {}) {
+		this.#plugin = new require_extracted_bundler_plugin.BundlerIconComponentsPlugin(options);
+	}
+	apply(compiler) {
+		this.#plugin.apply(compiler);
+	}
+};
+//#endregion
+exports.OmnicaIconComponentsPlugin = OmnicaIconComponentsPlugin;

package/dist/rspack.d.ts

@@ -0,0 +1,16 @@
+import type { Compiler, RspackPluginInstance } from '@rspack/core';
+export interface OmnicaIconComponentsPluginOptions {
+    /** Supports `[contenthash]` and `[contenthash:N]`. */
+    readonly filename?: string;
+    /** Overrides the loader used to compile the generated Vue SFC. */
+    readonly vueLoader?: string;
+    /** Client build output read by a later SSR build. Defaults to `<context>/dist`. */
+    readonly clientOutputDirectory?: string;
+    /** Overrides automatic Node-target SSR detection. */
+    readonly ssr?: boolean;
+}
+export declare class OmnicaIconComponentsPlugin implements RspackPluginInstance {
+    #private;
+    constructor(options?: OmnicaIconComponentsPluginOptions);
+    apply(compiler: Compiler): void;
+}

package/dist/shared/sprite.d.ts

@@ -0,0 +1,2 @@
+export declare const serializeSprite: (symbols: readonly string[]) => string;
+export declare const extractSymbol: (sprite: string, symbolId: string, filename: string) => string;

package/dist/shared/sprite.js

@@ -0,0 +1,16 @@
+//#region tooling/shared/sprite.ts
+var escapeRegExp = (value) => value.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+var serializeSprite = (symbols) => [
+	"<svg xmlns=\"http://www.w3.org/2000/svg\">",
+	symbols.join("\n"),
+	"</svg>",
+	""
+].join("\n");
+var extractSymbol = (sprite, symbolId, filename) => {
+	const expression = new RegExp(`<symbol\\b[^>]*\\bid=(["'])${escapeRegExp(symbolId)}\\1[\\s\\S]*?<\\/symbol>`);
+	const match = sprite.match(expression);
+	if (!match) throw new Error(`Unable to find symbol ${symbolId} in ${filename}`);
+	return match[0];
+};
+//#endregion
+export { extractSymbol, serializeSprite };

package/dist/{adapter-output.d.ts → subset/adapter-output.d.ts}

@@ -1,4 +1,4 @@
-import type { IconBuildArtifact } from './build.js';
+import type { IconBuildArtifact } from '../build.js';
 type ModuleFormat = 'esm' | 'cjs';
 export declare const createAdapterRuntime: (artifacts: readonly IconBuildArtifact[], spriteExpressions: Readonly<Record<string, string>>, format?: ModuleFormat) => string;
 export declare const createAdapterDeclarations: (artifacts: readonly IconBuildArtifact[], moduleId?: string) => string;

package/dist/{adapter-output.js → subset/adapter-output.js}

@@ -1,4 +1,4 @@
-//#region tooling/adapter-output.ts
+//#region tooling/subset/adapter-output.ts
 var createAdapterRuntime = (artifacts, spriteExpressions, format = "esm") => {
 	const declaration = format === "esm" ? "export " : "";
 	return `const hasOwn = (object, key) => Object.prototype.hasOwnProperty.call(object, key)

package/dist/subset/vite.d.ts

@@ -0,0 +1,7 @@
+import type { IconBuildConfig } from '../build.js';
+import type { Plugin } from 'vite';
+export interface OmnicaIconsOptions extends IconBuildConfig {
+    /** Writes exact declarations for `virtual:omnicajs-icons`. The file must be included by consumer TypeScript. */
+    readonly declarationFile?: string;
+}
+export declare const omnicaIcons: (options: OmnicaIconsOptions) => Plugin;

package/dist/subset/vite.js

@@ -0,0 +1,61 @@
+import { buildIconSet } from "../build.js";
+import { createAdapterDeclarations, createAdapterRuntime } from "./adapter-output.js";
+import fs from "node:fs/promises";
+import path from "node:path";
+import crypto from "node:crypto";
+//#region tooling/subset/vite.ts
+var virtualModuleId = "virtual:omnicajs-icons";
+var resolvedVirtualModuleId = `\0${virtualModuleId}`;
+var omnicaIcons = (options) => {
+	let artifacts = [];
+	let command = "build";
+	const references = {};
+	return {
+		name: "omnicajs-icons",
+		enforce: "pre",
+		configResolved(config) {
+			command = config.command;
+		},
+		async buildStart() {
+			artifacts = await buildIconSet(options);
+			if (options.declarationFile) {
+				const declarationFile = path.resolve(options.declarationFile);
+				await fs.mkdir(path.dirname(declarationFile), { recursive: true });
+				await fs.writeFile(declarationFile, createAdapterDeclarations(artifacts));
+			}
+			if (command === "build") for (const artifact of artifacts) references[artifact.variant] = this.emitFile({
+				type: "asset",
+				name: `omnica-icons-${artifact.variant}.svg`,
+				source: artifact.spriteSource
+			});
+		},
+		configureServer(server) {
+			server.middlewares.use("/@omnicajs/icons/", (request, response, next) => {
+				const variant = request.url?.split(/[?#]/, 1)[0]?.replace(/\.svg$/, "");
+				const artifact = artifacts.find((candidate) => candidate.variant === variant);
+				if (!artifact) {
+					next();
+					return;
+				}
+				response.statusCode = 200;
+				response.setHeader("Content-Type", "image/svg+xml");
+				response.setHeader("Cache-Control", "no-cache");
+				response.end(artifact.spriteSource);
+			});
+		},
+		resolveId(id) {
+			return id === virtualModuleId ? resolvedVirtualModuleId : null;
+		},
+		load(id) {
+			if (id !== resolvedVirtualModuleId) return null;
+			const spriteExpressions = Object.fromEntries(artifacts.map((artifact) => {
+				if (command === "build") return [artifact.variant, `import.meta.ROLLUP_FILE_URL_${references[artifact.variant]}`];
+				const hash = crypto.createHash("sha256").update(artifact.spriteSource).digest("hex").slice(0, 8);
+				return [artifact.variant, JSON.stringify(`/@omnicajs/icons/${artifact.variant}.svg?v=${hash}`)];
+			}));
+			return createAdapterRuntime(artifacts, spriteExpressions);
+		}
+	};
+};
+//#endregion
+export { omnicaIcons };

package/dist/{webpack-loader.cjs → subset/webpack-loader.cjs}

@@ -1,21 +1,17 @@
+const require_extracted_bundler_plugin = require("../extracted/bundler/plugin.cjs");
 let node_path = require("node:path");
-let node_crypto = require("node:crypto");
-let node_fs_promises = require("node:fs/promises");
 let node_url = require("node:url");
-//#region tooling/webpack-loader.ts
-var renderFilename = (template, variant, source) => {
-	const hash = (0, node_crypto.createHash)("sha256").update(source).digest("hex");
-	return template.replaceAll("[variant]", variant).replace(/\[contenthash(?::(\d+))?\]/g, (_match, length) => length ? hash.slice(0, Number(length)) : hash);
-};
+let node_fs_promises = require("node:fs/promises");
+//#region tooling/subset/webpack-loader.ts
 var omnicaIconsLoader = function() {
 	const callback = this.async();
 	const options = this.getOptions();
 	this.cacheable(true);
-	Promise.all([import((0, node_url.pathToFileURL)((0, node_path.join)(__dirname, "build.js")).href), import((0, node_url.pathToFileURL)((0, node_path.join)(__dirname, "adapter-output.js")).href)]).then(async ([{ buildIconSet }, { createAdapterDeclarations, createAdapterRuntime }]) => {
+	Promise.all([import((0, node_url.pathToFileURL)((0, node_path.join)(__dirname, "../build.js")).href), import((0, node_url.pathToFileURL)((0, node_path.join)(__dirname, "adapter-output.js")).href)]).then(async ([{ buildIconSet }, { createAdapterDeclarations, createAdapterRuntime }]) => {
 		const artifacts = await buildIconSet(options.config);
 		const spriteExpressions = {};
 		for (const artifact of artifacts) {
-			const filename = renderFilename(options.filename, artifact.variant, artifact.spriteSource);
+			const filename = require_extracted_bundler_plugin.renderContentHashFilename(options.filename.replaceAll("[variant]", artifact.variant), artifact.spriteSource);
 			this.emitFile(filename, artifact.spriteSource);
 			spriteExpressions[artifact.variant] = `(__webpack_public_path__ + ${JSON.stringify(filename)})`;
 		}

package/dist/{webpack-loader.d.ts → subset/webpack-loader.d.ts}

@@ -1,4 +1,4 @@
-import type { IconBuildConfig } from './build.js';
+import type { IconBuildConfig } from '../build.js';
 import type { LoaderDefinitionFunction } from 'webpack';
 interface OmnicaIconsLoaderOptions {
     readonly config: IconBuildConfig;

package/dist/{webpack-runtime.cjs → subset/webpack-runtime.cjs}

@@ -1,3 +1,3 @@
-//#region tooling/webpack-runtime.ts
+//#region tooling/subset/webpack-runtime.ts
 throw new Error("virtual:omnicajs-icons requires OmnicaIconsPlugin in the Webpack configuration");
 //#endregion

package/dist/subset/webpack.cjs

@@ -0,0 +1,27 @@
+let node_path = require("node:path");
+//#region tooling/subset/webpack.ts
+var virtualModuleId = "virtual:omnicajs-icons";
+var OmnicaIconsPlugin = class {
+	#options;
+	constructor(options) {
+		this.#options = options;
+	}
+	apply(compiler) {
+		const runtimePath = (0, node_path.join)(__dirname, "webpack-runtime.cjs");
+		const loaderPath = (0, node_path.join)(__dirname, "webpack-loader.cjs");
+		new compiler.webpack.NormalModuleReplacementPlugin(new RegExp(`^${virtualModuleId}$`), runtimePath).apply(compiler);
+		compiler.options.module.rules.unshift({
+			include: runtimePath,
+			use: [{
+				loader: loaderPath,
+				options: {
+					config: this.#options,
+					declarationFile: this.#options.declarationFile,
+					filename: this.#options.filename ?? "icons/omnica-[variant].[contenthash:8].svg"
+				}
+			}]
+		});
+	}
+};
+//#endregion
+exports.OmnicaIconsPlugin = OmnicaIconsPlugin;

package/dist/subset/webpack.d.ts

@@ -0,0 +1,14 @@
+import type { Compiler } from 'webpack';
+import type { IconBuildConfig } from '../build.js';
+import type { WebpackPluginInstance } from 'webpack';
+export interface OmnicaIconsPluginOptions extends IconBuildConfig {
+    /** Writes exact declarations for `virtual:omnicajs-icons`. The file must be included by consumer TypeScript. */
+    readonly declarationFile?: string;
+    /** Supports `[variant]`, `[contenthash]`, and `[contenthash:N]`. */
+    readonly filename?: string;
+}
+export declare class OmnicaIconsPlugin implements WebpackPluginInstance {
+    #private;
+    constructor(options: OmnicaIconsPluginOptions);
+    apply(compiler: Compiler): void;
+}

package/dist/vite.d.ts

@@ -1,7 +1,4 @@
-import type { IconBuildConfig } from './build.js';
-import type { Plugin } from 'vite';
-export interface OmnicaIconsOptions extends IconBuildConfig {
-    /** Writes exact declarations for `virtual:omnicajs-icons`. The file must be included by consumer TypeScript. */
-    readonly declarationFile?: string;
-}
-export declare const omnicaIcons: (options: OmnicaIconsOptions) => Plugin;
+export type { OmnicaIconComponentsOptions } from './extracted/vite.js';
+export type { OmnicaIconsOptions } from './subset/vite.js';
+export { omnicaIconComponents } from './extracted/vite.js';
+export { omnicaIcons } from './subset/vite.js';

package/dist/vite.js

@@ -1,61 +1,3 @@
-import { createAdapterDeclarations, createAdapterRuntime } from "./adapter-output.js";
-import { buildIconSet } from "./build.js";
-import fs from "node:fs/promises";
-import path from "node:path";
-import crypto from "node:crypto";
-//#region tooling/vite.ts
-var virtualModuleId = "virtual:omnicajs-icons";
-var resolvedVirtualModuleId = `\0${virtualModuleId}`;
-var omnicaIcons = (options) => {
-	let artifacts = [];
-	let command = "build";
-	const references = {};
-	return {
-		name: "omnicajs-icons",
-		enforce: "pre",
-		configResolved(config) {
-			command = config.command;
-		},
-		async buildStart() {
-			artifacts = await buildIconSet(options);
-			if (options.declarationFile) {
-				const declarationFile = path.resolve(options.declarationFile);
-				await fs.mkdir(path.dirname(declarationFile), { recursive: true });
-				await fs.writeFile(declarationFile, createAdapterDeclarations(artifacts));
-			}
-			if (command === "build") for (const artifact of artifacts) references[artifact.variant] = this.emitFile({
-				type: "asset",
-				name: `omnica-icons-${artifact.variant}.svg`,
-				source: artifact.spriteSource
-			});
-		},
-		configureServer(server) {
-			server.middlewares.use("/@omnicajs/icons/", (request, response, next) => {
-				const variant = request.url?.split(/[?#]/, 1)[0]?.replace(/\.svg$/, "");
-				const artifact = artifacts.find((candidate) => candidate.variant === variant);
-				if (!artifact) {
-					next();
-					return;
-				}
-				response.statusCode = 200;
-				response.setHeader("Content-Type", "image/svg+xml");
-				response.setHeader("Cache-Control", "no-cache");
-				response.end(artifact.spriteSource);
-			});
-		},
-		resolveId(id) {
-			return id === virtualModuleId ? resolvedVirtualModuleId : null;
-		},
-		load(id) {
-			if (id !== resolvedVirtualModuleId) return null;
-			const spriteExpressions = Object.fromEntries(artifacts.map((artifact) => {
-				if (command === "build") return [artifact.variant, `import.meta.ROLLUP_FILE_URL_${references[artifact.variant]}`];
-				const hash = crypto.createHash("sha256").update(artifact.spriteSource).digest("hex").slice(0, 8);
-				return [artifact.variant, JSON.stringify(`/@omnicajs/icons/${artifact.variant}.svg?v=${hash}`)];
-			}));
-			return createAdapterRuntime(artifacts, spriteExpressions);
-		}
-	};
-};
-//#endregion
-export { omnicaIcons };
+import { omnicaIconComponents } from "./extracted/vite.js";
+import { omnicaIcons } from "./subset/vite.js";
+export { omnicaIconComponents, omnicaIcons };

package/dist/webpack.cjs

@@ -1,28 +1,16 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-let node_path = require("node:path");
+const require_extracted_bundler_plugin = require("./extracted/bundler/plugin.cjs");
+const require_webpack = require("./subset/webpack.cjs");
 //#region tooling/webpack.ts
-var virtualModuleId = "virtual:omnicajs-icons";
-var OmnicaIconsPlugin = class {
-	#options;
-	constructor(options) {
-		this.#options = options;
+var OmnicaIconComponentsPlugin = class {
+	#plugin;
+	constructor(options = {}) {
+		this.#plugin = new require_extracted_bundler_plugin.BundlerIconComponentsPlugin(options);
 	}
 	apply(compiler) {
-		const runtimePath = (0, node_path.join)(__dirname, "webpack-runtime.cjs");
-		const loaderPath = (0, node_path.join)(__dirname, "webpack-loader.cjs");
-		new compiler.webpack.NormalModuleReplacementPlugin(new RegExp(`^${virtualModuleId}$`), runtimePath).apply(compiler);
-		compiler.options.module.rules.unshift({
-			include: runtimePath,
-			use: [{
-				loader: loaderPath,
-				options: {
-					config: this.#options,
-					declarationFile: this.#options.declarationFile,
-					filename: this.#options.filename ?? "icons/omnica-[variant].[contenthash:8].svg"
-				}
-			}]
-		});
+		this.#plugin.apply(compiler);
 	}
 };
 //#endregion
-exports.OmnicaIconsPlugin = OmnicaIconsPlugin;
+exports.OmnicaIconComponentsPlugin = OmnicaIconComponentsPlugin;
+exports.OmnicaIconsPlugin = require_webpack.OmnicaIconsPlugin;

package/dist/webpack.d.ts

@@ -1,14 +1,19 @@
 import type { Compiler } from 'webpack';
-import type { IconBuildConfig } from './build.js';
 import type { WebpackPluginInstance } from 'webpack';
-export interface OmnicaIconsPluginOptions extends IconBuildConfig {
-    /** Writes exact declarations for `virtual:omnicajs-icons`. The file must be included by consumer TypeScript. */
-    readonly declarationFile?: string;
-    /** Supports `[variant]`, `[contenthash]`, and `[contenthash:N]`. */
+export type { OmnicaIconsPluginOptions } from './subset/webpack.js';
+export { OmnicaIconsPlugin } from './subset/webpack.js';
+export interface OmnicaIconComponentsPluginOptions {
+    /** Supports `[contenthash]` and `[contenthash:N]`. */
     readonly filename?: string;
+    /** Overrides the loader used to compile the generated Vue SFC. */
+    readonly vueLoader?: string;
+    /** Client build output read by a later SSR build. Defaults to `<context>/dist`. */
+    readonly clientOutputDirectory?: string;
+    /** Overrides automatic Node-target SSR detection. */
+    readonly ssr?: boolean;
 }
-export declare class OmnicaIconsPlugin implements WebpackPluginInstance {
+export declare class OmnicaIconComponentsPlugin implements WebpackPluginInstance {
     #private;
-    constructor(options: OmnicaIconsPluginOptions);
+    constructor(options?: OmnicaIconComponentsPluginOptions);
     apply(compiler: Compiler): void;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@omnicajs/icons",
-  "version": "0.3.0",
+  "version": "0.3.1",
   "description": "OmnicaJS icon set.",
   "license": "MIT",
   "repository": {
@@ -77,6 +77,13 @@
       "types": "./dist/vite.d.ts",
       "import": "./dist/vite.js"
     },
+    "./vue": {
+      "types": "./vue.d.ts"
+    },
+    "./rspack": {
+      "types": "./dist/rspack.d.ts",
+      "require": "./dist/rspack.cjs"
+    },
     "./webpack": {
       "types": "./dist/webpack.d.ts",
       "require": "./dist/webpack.cjs"
@@ -89,6 +96,7 @@
     "assets",
     "dist",
     "metadata",
+    "/vue.d.ts",
     "CHANGELOG.md",
     "README.md",
     "LICENSE"
@@ -114,7 +122,7 @@
     "showcase:preview": "vitepress preview showcase --host 0.0.0.0",
     "test": "yarn build && yarn test:unit && yarn test:fixtures",
     "test:browser": "playwright test --config playwright.config.ts",
-    "test:fixtures": "node dist/cli.js build --config fixtures/cli/omnica-icons.config.mjs && tsc --noEmit -p fixtures/cli/tsconfig.json && vite build --config fixtures/vite/vite.config.ts && tsc --noEmit -p fixtures/vite/tsconfig.json && webpack --config fixtures/webpack/webpack.config.cjs && tsc --noEmit -p fixtures/webpack/tsconfig.json",
+    "test:fixtures": "node dist/cli.js build --config fixtures/cli/omnica-icons.config.mjs && tsc --noEmit -p fixtures/cli/tsconfig.json && vite build --config fixtures/vite/vite.config.ts && node fixtures/vite/assert-formats.mjs && vite build --config fixtures/vite/vite.config.ts --base / --ssr src/ssr.ts --outDir dist-ssr && node fixtures/vite/assert-ssr.mjs && tsc --noEmit -p fixtures/vite/tsconfig.json && webpack --config fixtures/webpack/webpack.config.cjs && webpack --config fixtures/webpack/webpack.ssr.config.cjs && tsc --noEmit -p fixtures/webpack/tsconfig.json && rspack build --config fixtures/rspack/rspack.config.cjs && rspack build --config fixtures/rspack/rspack.ssr.config.cjs && tsc --noEmit -p fixtures/rspack/tsconfig.json && node fixtures/assert-bundler-ssr.mjs && node fixtures/assert-bundler-ssr-public-path.mjs && node fixtures/assert-bundler-watch.mjs",
     "test:unit": "node --test tests/*.test.ts",
     "typecheck": "tsc --noEmit && tsc --noEmit --project showcase/tsconfig.json"
   },
@@ -128,8 +136,11 @@
     "@modulify/conventional-release": "^0.1.3",
     "@omnicajs/eslint-plugin-dependencies": "^0.0.3",
     "@playwright/test": "^1.61.1",
+    "@rspack/cli": "^2.1.8",
+    "@rspack/core": "^2.1.8",
     "@stylistic/eslint-plugin": "^5.10.0",
     "@types/node": "^25.9.2",
+    "@vitejs/plugin-vue": "^6.0.8",
     "eslint": "^9.39.5",
     "eslint-plugin-vue": "^10.9.2",
     "globals": "^17.7.0",
@@ -143,6 +154,7 @@
     "vue": "^3.5.39",
     "vue-eslint-parser": "^10.4.1",
     "vue-i18n": "^11.4.6",
+    "vue-loader": "^17.4.2",
     "webpack": "^5.108.4",
     "webpack-cli": "^7.2.1",
     "yaml-eslint-parser": "^2.1.0"

package/vue.d.ts

@@ -0,0 +1,36 @@
+declare module '@omnicajs/icons/vue' {
+    import type { DefineComponent, SVGAttributes } from 'vue'
+
+    export type OmnicaIconProps = SVGAttributes & {
+        readonly [attribute: `data-${string}`]: string | number | boolean | null | undefined
+    }
+    export type OmnicaIconComponent = DefineComponent<OmnicaIconProps>
+}
+
+declare module '@omnicajs/icons/assets/icons/filled/*.svg?url' {
+    const url: string
+
+    export default url
+}
+
+declare module '@omnicajs/icons/assets/icons/outlined/*.svg?url' {
+    const url: string
+
+    export default url
+}
+
+declare module '@omnicajs/icons/assets/icons/filled/*.svg' {
+    import type { OmnicaIconComponent } from '@omnicajs/icons/vue'
+
+    const icon: OmnicaIconComponent
+
+    export default icon
+}
+
+declare module '@omnicajs/icons/assets/icons/outlined/*.svg' {
+    import type { OmnicaIconComponent } from '@omnicajs/icons/vue'
+
+    const icon: OmnicaIconComponent
+
+    export default icon
+}