@itcase/config 1.7.2 → 1.7.3

package/README.md

@@ -38,7 +38,10 @@ npm install --save-dev @itcase/config
   - `semantic-release/indexVSMarketplace.js` — для VS Code расширений
 
 - **SVGR** — преобразование SVG в React компоненты
-  - `svgr/index.js` — базовая конфигурация
+  - `svgr/index.js` — реэкспорт
+  - `svgr/svgrConfigBase.js` — общие plugins и svgo
+  - `svgr/svgrConfigWeb.js` — веб
+  - `svgr/svgrConfigReactNative.js` — React Native (`native: true`)
   - `svgr/webpack.js` — интеграция с Webpack
 
 ## Подключение Lint-staged
@@ -137,16 +140,6 @@ make smart-commit-dry   # если есть Makefile
 make smart-commit
 ```
 
-Пропустить husky (`lint-staged`, `commit-msg`): `--no-verify` уходит в `git commit` и хуки не запускаются. Сообщение smart-commit всё равно проверяет сам.
-
-```bash
-npm run smart-commit -- --no-verify
-make -- smart-commit --no-verify
-make smart-commit FLAGS=--no-verify
-```
-
-`make smart-commit --no-verify` без `--` не сработает: GNU make забирает `--*` как свою опцию.
-
 В самом `@itcase/config` (разработка пакета):
 
 ```bash

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/config",
-  "version": "1.7.2",
+  "version": "1.7.3",
   "author": "ITCase",
   "description": "ITCase Config",
   "engines": {
@@ -111,6 +111,7 @@
     "semantic-release-lerna": "^3.6.5"
   },
   "devDependencies": {
+    "@itcase/agent-skills": "^1.0.13",
     "@itcase/lint": "^1.1.126",
     "eslint": "9.39.2",
     "husky": "^9.1.7",

package/svgr/index.js

@@ -1,20 +1,5 @@
-export default {
-  plugins: ['@svgr/plugin-svgo', '@svgr/plugin-jsx'],
-  svgoConfig: {
-    plugins: [
-      {
-        name: 'preset-default',
-      },
-      {
-        name: 'removeAttrs',
-        params: { attrs: '(fill|stroke|stroke-width)' },
-      },
-      {
-        name: 'addAttributesToSVGElement',
-        params: {
-          attributes: [{ fill: 'none' }, { stroke: 'none' }],
-        },
-      },
-    ],
-  },
-}
+import { svgrConfigBase } from './svgrConfigBase.js'
+import { svgrConfigReactNative } from './svgrConfigReactNative.js'
+import { svgrConfigWeb } from './svgrConfigWeb.js'
+
+export { svgrConfigBase, svgrConfigReactNative, svgrConfigWeb }

package/svgr/svgrConfigBase.js

@@ -0,0 +1,33 @@
+const svgrConfigBase = {
+  plugins: ['@svgr/plugin-svgo', '@svgr/plugin-jsx'],
+  svgoConfig: {
+    plugins: [
+      {
+        name: 'preset-default',
+        // preset-default would drop viewBox and icons would stop scaling.
+        params: {
+          overrides: {
+            convertColors: false,
+            inlineStyles: {
+              onlyMatchedOnce: false,
+            },
+            removeUnknownsAndDefaults: false,
+            removeViewBox: false,
+          },
+        },
+      },
+      {
+        name: 'removeAttrs',
+        params: { attrs: '(fill|stroke|stroke-width)' },
+      },
+      {
+        name: 'addAttributesToSVGElement',
+        params: {
+          attributes: [{ fill: 'none' }, { stroke: 'none' }],
+        },
+      },
+    ],
+  },
+}
+
+export { svgrConfigBase }

package/svgr/svgrConfigReactNative.js

@@ -0,0 +1,9 @@
+import { svgrConfigBase } from './svgrConfigBase.js'
+
+// react-native-svg-transformer replaces its svgoConfig with this one.
+const svgrConfigReactNative = {
+  ...svgrConfigBase,
+  native: true,
+}
+
+export { svgrConfigReactNative }

package/svgr/svgrConfigWeb.js

@@ -0,0 +1,7 @@
+import { svgrConfigBase } from './svgrConfigBase.js'
+
+const svgrConfigWeb = {
+  ...svgrConfigBase,
+}
+
+export { svgrConfigWeb }