@liner-fe/internal-icon 1.0.44 → 1.0.45

package/.ultra.cache.json

@@ -1 +1 @@
-{"files":{"lib":"1777427175120.917","node_modules":"1777427162557.5881","CHANGELOG.md":"cae98c429f412cac5a6f0e573055b050eef4e717","README.md":"e0a89d4fcf5bddf1f816bfb20a928ddb301b8d2c","figma.json":"59f77fec62cc40cbfa38d3cc1851e37cad331146","package.json":"1accd1d77b6eeaf895bdbab11a37efd92a707cb8","src/generate-svg-files.ts":"6e4949b774de5b509eaab4a1a8efa600ee9a17fc","src/generate-tsx-components.ts":"52991558d51f4d6261d637f36f0ff457c78a9670","src/index.ts":"9e03c9c45c92fc534262982bce233b91892c05f1","tsconfig.json":"298030567ca332304807fcdbb95d1218c9c0814f","tsup.config.ts":"8460f94f8ebd1d42fb4cc968298195ae5dd67cde"},"deps":{}}
+{"files":{"lib":"1777428555904.532","node_modules":"1777428541121.5059","CHANGELOG.md":"4b3a1e3902fa384773aeb7fe040f5d6315838d0d","README.md":"e0a89d4fcf5bddf1f816bfb20a928ddb301b8d2c","figma.json":"59f77fec62cc40cbfa38d3cc1851e37cad331146","package.json":"17a2459a39492e8ee716b484eada4ca0b4f80d6e","src/generate-svg-files.ts":"6e4949b774de5b509eaab4a1a8efa600ee9a17fc","src/generate-tsx-components.ts":"29612d03b5e8b69e7919b03627853d2e0f287ea4","src/index.ts":"9e03c9c45c92fc534262982bce233b91892c05f1","tsconfig.json":"298030567ca332304807fcdbb95d1218c9c0814f","tsup.config.ts":"8460f94f8ebd1d42fb4cc968298195ae5dd67cde"},"deps":{}}

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @internal/icon
 
+## 1.0.45
+
+### Patch Changes
+
+- dc55569: generate-tsx-components 에도 SVGO 적용. 아이콘 TSX 번들 크기 감소: @liner-fe/icon -26.4% (902 → 664 KB unpacked), @liner-fe/icon-rn -30.0% (448 → 314 KB unpacked).
+
 ## 1.0.44
 
 ### Patch Changes

package/lib/index.js

@@ -52,7 +52,24 @@ var generateSvgFiles = /* @__PURE__ */ __name(() => {
 // src/generate-tsx-components.ts
 import fs2 from "fs";
 import path3 from "path";
+import { optimize as optimize2 } from "svgo";
 var generateTsxComponents = /* @__PURE__ */ __name(() => {
+  function optimizeSvg(svgString) {
+    return optimize2(svgString, {
+      multipass: true,
+      plugins: [
+        {
+          name: "preset-default",
+          params: {
+            overrides: {
+              convertColors: false
+            }
+          }
+        }
+      ]
+    }).data;
+  }
+  __name(optimizeSvg, "optimizeSvg");
   const FIGMA_DATA_PATH = path3.resolve(__dirname, "../figma.json");
   const OUTPUT_DIR = "./assets";
   const INDEX_FILE_PATH = "./index.tsx";
@@ -104,7 +121,9 @@ var generateTsxComponents = /* @__PURE__ */ __name(() => {
     };
     Object.entries(variants).forEach(([variant, svgString]) => {
       if (svgString && svgString.trim() !== "") {
-        variantSvgs[variant] = normalizeSvgAttributes(convertToCurrentColor(svgString));
+        variantSvgs[variant] = normalizeSvgAttributes(
+          convertToCurrentColor(optimizeSvg(svgString))
+        );
       }
     });
     return variantSvgs;
@@ -153,7 +172,7 @@ export const Icon${componentName} = forwardRef<SVGSVGElement, IconProps>(
         const tsxCode = generateColorTsxComponent(
           componentName,
           // @ts-ignore
-          normalizeSvgAttributes(variants.default)
+          normalizeSvgAttributes(optimizeSvg(variants.default))
         );
         const filePath = path3.join(iconDir, "index.tsx");
         fs2.writeFileSync(filePath, tsxCode);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@liner-fe/internal-icon",
-  "version": "1.0.44",
+  "version": "1.0.45",
   "type": "module",
   "publishConfig": {
     "access": "public"

package/src/generate-tsx-components.ts

@@ -1,7 +1,24 @@
 import fs from 'fs';
 import path from 'path';
+import { optimize } from 'svgo';
 
 export const generateTsxComponents = () => {
+  function optimizeSvg(svgString: string): string {
+    return optimize(svgString, {
+      multipass: true,
+      plugins: [
+        {
+          name: 'preset-default',
+          params: {
+            overrides: {
+              convertColors: false,
+            },
+          },
+        },
+      ],
+    }).data;
+  }
+
   // 상수 정의
   const FIGMA_DATA_PATH = path.resolve(__dirname, '../figma.json');
   const OUTPUT_DIR = './assets';
@@ -86,7 +103,9 @@ export const generateTsxComponents = () => {
     Object.entries(variants).forEach(([variant, svgString]) => {
       if (svgString && svgString.trim() !== '') {
         // @ts-ignore
-        variantSvgs[variant] = normalizeSvgAttributes(convertToCurrentColor(svgString));
+        variantSvgs[variant] = normalizeSvgAttributes(
+          convertToCurrentColor(optimizeSvg(svgString)),
+        );
       }
     });
 
@@ -147,7 +166,7 @@ export const Icon${componentName} = forwardRef<SVGSVGElement, IconProps>(
         const tsxCode = generateColorTsxComponent(
           componentName,
           // @ts-ignore
-          normalizeSvgAttributes(variants.default),
+          normalizeSvgAttributes(optimizeSvg(variants.default)),
         );
 
         const filePath = path.join(iconDir, 'index.tsx');