@omnicajs/icons 0.2.0 → 0.3.1

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/metadata/icon-keywords.json

@@ -20,6 +20,7 @@
                     "ui/auto-chain-forward"
                 ],
                 "autorenew": [],
+                "badge-recommendation": [],
                 "beta": [
                     "ui/beta",
                     "ui/beta_test"
@@ -42,6 +43,9 @@
                 "clear": [],
                 "clear-all": [],
                 "clear-circle": [],
+                "clear-circle-small": [
+                    "actions/clear-circle"
+                ],
                 "clear-square": [],
                 "command": [],
                 "copy": [
@@ -740,6 +744,7 @@
                 "shopping-cart-remove": [
                     "actions/shopping-cart-remove"
                 ],
+                "shopping-cart-sale": [],
                 "subscribe": [
                     "actions/subscribe"
                 ],
@@ -1938,6 +1943,8 @@
                 "browser-window": [
                     "actions/browser-window"
                 ],
+                "browser-window-close": [],
+                "browser-window-in": [],
                 "browser-windows": [
                     "actions/browser-windows"
                 ],
@@ -2382,6 +2389,7 @@
                 "enter": [
                     "other/enter"
                 ],
+                "exit": [],
                 "explore": [
                     "ui/explore"
                 ],
@@ -2419,6 +2427,7 @@
                     "ui/menu_left_right",
                     "ui/menu-right"
                 ],
+                "menu-squares": [],
                 "menu-vertical": [
                     "ui/menu_vertical",
                     "ui/menu-vertical"

package/metadata/migrations/groups-v1.json

@@ -265,10 +265,10 @@
     },
     {
         "source": "assets/icons/actions/clear-circle.svg",
-        "destination": "assets/icons/filled/actions/clear-circle.svg",
+        "destination": "assets/icons/filled/actions/clear-circle-small.svg",
         "variant": "filled",
         "group": "actions",
-        "name": "clear-circle",
+        "name": "clear-circle-small",
         "canonical": true
     },
     {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@omnicajs/icons",
-  "version": "0.2.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
+}