svg-icon-baker 1.2.0 → 1.2.1

package/LICENSE

@@ -1,7 +1,3 @@
-# svg-icon-baker license
-
-svg-icon-baker is released under the MIT license:
-
 MIT License
 
 Copyright (c) 2025-present, yangxu52
@@ -23,38 +19,3 @@ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 SOFTWARE.
-
-# Licenses of bundled dependencies
-
-The published svg-icon-baker artifact additionally contains code with the following licenses:
-MIT
-
-# Bundled dependencies:
-
-## fast-glob
-
-License: MIT
-by: Kir Belevich
-Repository: https://github.com/svg/svgo
-
-> MIT License
->
-> Copyright (c) Kir Belevich
->
-> Permission is hereby granted, free of charge, to any person obtaining a copy
-> of this software and associated documentation files (the "Software"), to deal
-> in the Software without restriction, including without limitation the rights
-> to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-> copies of the Software, and to permit persons to whom the Software is
-> furnished to do so, subject to the following conditions:
->
-> The above copyright notice and this permission notice shall be included in all
-> copies or substantial portions of the Software.
->
-> THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-> IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-> FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-> AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-> LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-> OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-> SOFTWARE.

package/README.md

@@ -71,9 +71,9 @@ type Options = {
 
 ## Features
 
-- 🎯 Optimization: Reduce file size, and improve efficiency through `SVGO`
-- 🔗 Reference Handling: ID and reference prefixing for sprite safety
-- 🎨 Size Unify: `viewBox` preservation or inference from root dimensions
+- Optimization: Reduce file size, and improve efficiency through `SVGO`
+- Reference Handling: ID and reference prefixing for sprite safety
+- Size Unify: `viewBox` preservation or inference from root dimensions
 
 ## License
 

package/dist/index.mjs

@@ -1 +1,113 @@
-import{optimize as m}from"svgo";const p={name:"preset-default",params:{overrides:{removeUselessDefs:!1,removeHiddenElems:!1,removeUnknownsAndDefaults:!1,collapseGroups:!1,mergePaths:!1,convertShapeToPath:!1}}},l=[{name:"removeTitle"},{name:"removeXMLNS"},{name:"removeXlink"}],c=new Set(["prefixIds"]);function i(e){const n=e??{};return{optimize:n.optimize??!0,svgoOptions:n.svgoOptions??{}}}function u(e,n){const t=[];return n.optimize&&(t.push(p),t.push(...l)),n.svgoOptions.plugins!=null&&t.push(...f(n.svgoOptions.plugins)),t.push(...g(e)),{multipass:n.svgoOptions.multipass,floatPrecision:n.svgoOptions.floatPrecision,js2svg:n.svgoOptions.js2svg,plugins:t}}function f(e){return e.filter(n=>{const t=v(n);return t==null?!0:!c.has(t)})}function v(e){return typeof e=="string"?e:e&&typeof e=="object"&&"name"in e&&typeof e.name=="string"?e.name:null}function g(e){return[{name:"removeDimensions"},{name:"prefixIds",params:{prefix:`${e}-`,delim:""}}]}function h(e,n){const t=i(n);return{name:e.name,content:a(e,t)}}function d(e,n){const t=i(n);return e.map(r=>({name:r.name,content:a(r,t)}))}function a(e,n){if(!e||!e.name||!e.content)throw new TypeError("Property name and content are required.");if(!/^[A-Za-z][A-Za-z0-9_-]*$/.test(e.name))throw new TypeError("Invalid name. Use letters, numbers, dash, or underscore, starting with a letter.");let t;try{t=m(e.content,u(e.name,n))}catch(s){throw new Error(`Parsing failed. ${String(s)}`)}const r=t.data.match(/viewBox="([^"]+)"/)?.[1];if(!r)throw new Error("Cannot determine viewBox. Provide an SVG with viewBox or width/height attributes.");const o=t.data.replace(/^\s*<\?xml[^>]*\?>\s*/i,"");return w(o,e.name,r)}function w(e,n,t){const r=e.match(/^\s*<svg\b[^>]*>/i)[0].replace(/^\s*<svg\b/i,"").replace(/>\s*$/i,"").replace(/\s+id=(['"])[^'"]*\1/gi,"").replace(/\s+viewBox=(['"])[^'"]*\1/gi,"").replace(/\s+width=(['"])[^'"]*\1/gi,"").replace(/\s+height=(['"])[^'"]*\1/gi,"").trim(),o=r?` ${r}`:"",s=`<symbol id="${n}" viewBox="${t}"${o}>`;return e.replace(/^\s*<svg\b[^>]*>/i,s).replace(/<\/svg>\s*$/i,"</symbol>").trim()}export{h as bakeIcon,d as bakeIcons};
+import { optimize } from 'svgo';
+
+const DEFAULT_SAFE_PRESET = {
+  name: "preset-default",
+  params: {
+    overrides: {
+      removeUselessDefs: false,
+      removeHiddenElems: false,
+      removeUnknownsAndDefaults: false,
+      collapseGroups: false,
+      mergePaths: false,
+      convertShapeToPath: false
+    }
+  }
+};
+const DEFAULT_SAFE_PLUGINS = [{ name: "removeTitle" }, { name: "removeXMLNS" }, { name: "removeXlink" }];
+const CORE_PLUGIN_BLOCKLIST = /* @__PURE__ */ new Set(["prefixIds"]);
+function resolveOptions(userOption) {
+  const userObject = userOption ?? {};
+  return {
+    optimize: userObject.optimize ?? true,
+    svgoOptions: userObject.svgoOptions ?? {}
+  };
+}
+function createSvgoConfig(sourceName, options) {
+  const plugins = [];
+  if (options.optimize) {
+    plugins.push(DEFAULT_SAFE_PRESET);
+    plugins.push(...DEFAULT_SAFE_PLUGINS);
+  }
+  if (options.svgoOptions.plugins != null) {
+    plugins.push(...filterPlugins(options.svgoOptions.plugins));
+  }
+  plugins.push(...createCorePlugins(sourceName));
+  return {
+    multipass: options.svgoOptions.multipass,
+    floatPrecision: options.svgoOptions.floatPrecision,
+    js2svg: options.svgoOptions.js2svg,
+    plugins
+  };
+}
+function filterPlugins(plugins) {
+  return plugins.filter((plugin) => {
+    const name = resolvePluginName(plugin);
+    if (name == null) {
+      return true;
+    }
+    return !CORE_PLUGIN_BLOCKLIST.has(name);
+  });
+}
+function resolvePluginName(plugin) {
+  if (typeof plugin === "string") {
+    return plugin;
+  }
+  if (plugin && typeof plugin === "object" && "name" in plugin && typeof plugin.name === "string") {
+    return plugin.name;
+  }
+  return null;
+}
+function createCorePlugins(sourceName) {
+  return [{ name: "removeDimensions" }, { name: "prefixIds", params: { prefix: `${sourceName}-`, delim: "" } }];
+}
+
+function bakeIcon(source, options) {
+  const resolvedOptions = resolveOptions(options);
+  return {
+    name: source.name,
+    content: convertToSymbol(source, resolvedOptions)
+  };
+}
+function bakeIcons(sources, options) {
+  const resolvedOptions = resolveOptions(options);
+  return sources.map((source) => ({
+    name: source.name,
+    content: convertToSymbol(source, resolvedOptions)
+  }));
+}
+function convertToSymbol(source, options) {
+  if (!source || !source.name || !source.content) {
+    throw new TypeError("Property name and content are required.");
+  }
+  if (!/^[A-Za-z][A-Za-z0-9_-]*$/.test(source.name)) {
+    throw new TypeError("Invalid name. Use letters, numbers, dash, or underscore, starting with a letter.");
+  }
+  const normalizedSource = stripLeadingSvgPreamble(source.content);
+  if (!/^\s*<svg\b/i.test(normalizedSource)) {
+    throw new Error("Parsing failed. Input must start with an <svg> root element.");
+  }
+  let result;
+  try {
+    result = optimize(normalizedSource, createSvgoConfig(source.name, options));
+  } catch (err) {
+    throw new Error(`Parsing failed. ${String(err)}`);
+  }
+  const viewBox = result.data.match(/viewBox="([^"]+)"/)?.[1];
+  if (!viewBox) {
+    throw new Error("Cannot determine viewBox. Provide an SVG with viewBox or width/height attributes.");
+  }
+  const cleanedSvg = stripLeadingSvgPreamble(result.data);
+  return toSymbolRootTag(cleanedSvg, source.name, viewBox);
+}
+function stripLeadingSvgPreamble(content) {
+  return content.replace(/^(?:\uFEFF|\s|<\?xml[\s\S]*?\?>|<!--[\s\S]*?-->|<!DOCTYPE[\s\S]*?>)+/i, "");
+}
+function toSymbolRootTag(svg, symbolId, viewBox) {
+  const rootOpenTag = svg.match(/^\s*<svg\b[^>]*>/i)[0];
+  const preservedAttrs = rootOpenTag.replace(/^\s*<svg\b/i, "").replace(/>\s*$/i, "").replace(/\s+id=(['"])[^'"]*\1/gi, "").replace(/\s+viewBox=(['"])[^'"]*\1/gi, "").replace(/\s+width=(['"])[^'"]*\1/gi, "").replace(/\s+height=(['"])[^'"]*\1/gi, "").trim();
+  const attrs = preservedAttrs ? ` ${preservedAttrs}` : "";
+  const symbolOpenTag = `<symbol id="${symbolId}" viewBox="${viewBox}"${attrs}>`;
+  return svg.replace(/^\s*<svg\b[^>]*>/i, symbolOpenTag).replace(/<\/svg>\s*$/i, "</symbol>").trim();
+}
+
+export { bakeIcon, bakeIcons };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "svg-icon-baker",
-  "version": "1.2.0",
+  "version": "1.2.1",
   "description": "A delightful toolkit for baking raw SVG icons into delicious SVG symbol sprites",
   "keywords": [
     "svg",
@@ -17,7 +17,8 @@
   },
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/yangxu52/svg-icon-baker.git"
+    "url": "git+https://github.com/yangxu52/vite-plugin-svg-icons-ng.git",
+    "directory": "packages/svg-icon-baker"
   },
   "license": "MIT",
   "author": "yangxu52",
@@ -40,17 +41,19 @@
   },
   "devDependencies": {
     "@vitest/coverage-v8": "^4.1.0",
+    "rimraf": "^6.1.3",
     "unbuild": "^3.6.1",
     "vitest": "^4.1.0"
   },
   "engines": {
-    "node": "^20.0.0 || ^22.0.0 || >=24.0.0",
-    "pnpm": ">=10.0.0"
+    "node": "^18.0.0 || ^20.0.0 || >=22.0.0"
   },
   "scripts": {
-    "build": "unbuild",
     "dev": "unbuild --stub",
-    "test": "vitest run --coverage",
-    "test:watch": "vitest"
+    "build": "unbuild",
+    "test": "vitest run",
+    "coverage": "vitest run --coverage",
+    "clean": "rimraf dist",
+    "log": "conventional-changelog -p angular --commit-path . -t svg-icon-baker@v"
   }
 }