feat(overrides): pass additional arguments to postcss overrides

core-ds · Jul 31, 2024 · 3388ef1 · 3388ef1
1 parent 646e5b9
commit 3388ef1
Show file tree

Hide file tree

Showing 6 changed files with 37 additions and 32 deletions.
diff --git a/.changeset/twenty-days-attack.md b/.changeset/twenty-days-attack.md
@@ -0,0 +1,5 @@
+---
+'arui-scripts': minor
+---
+
+Добавлена возможность более тонкой настройки postcss без необходимости полного переопределения плагинов через оверрайды
diff --git a/packages/arui-scripts/docs/overrides.md b/packages/arui-scripts/docs/overrides.md
@@ -53,14 +53,16 @@ export default overrides;
 - `postcss` - конфигурация для `postcss`. Ключи: `postcss`.
   > `config` postcss содержит массив с уже инициализированными плагинами, параметры которых уже зафиксированны. Если необходимо изменить параметры плагинов можно пересоздать конфиг, таким образом:
     ```javascript
-    import {
-        createPostcssConfig, // функция для создания конфигурационного файла postcss
-        postcssPlugins, // список плагинов
-        postcssPluginsOptions, // коллекция конфигураций плагинов
-    } from 'arui-scripts/build/configs/postcss.config';
 
     module.exports = {
-        postcss: (config) => {
+        postcss: (
+            config,
+            appConfiguration,
+            {
+                createPostcssConfig,  // функция для создания конфигурационного файла postcss
+                postcssPlugins, // список плагинов
+                postcssPluginsOptions, // коллекция конфигураций плагинов
+            }) => {
             const { files } = postcssPluginsOptions['@csstools/postcss-global-data'];
             const newOption = {
                 ...postcssPluginsOptions,

diff --git a/packages/arui-scripts/src/configs/postcss.ts b/packages/arui-scripts/src/configs/postcss.ts
@@ -4,6 +4,7 @@ import { createPostcssConfig, postcssPlugins, postcssPluginsOptions } from './po
 const postcssConfig = applyOverrides(
     'postcss',
     createPostcssConfig(postcssPlugins, postcssPluginsOptions),
+    { createPostcssConfig, postcssPluginsOptions, postcssPlugins },
 );
 
 export default postcssConfig;
diff --git a/packages/arui-scripts/src/configs/util/apply-overrides.ts b/packages/arui-scripts/src/configs/util/apply-overrides.ts
@@ -54,6 +54,12 @@ type ServerWebpackAdditionalArgs = {
     findPlugin: ReturnType<typeof findPlugin<'server'>>;
 };
 
+type PostCssAdditionalArgs = {
+    createPostcssConfig: (plugins: string[], options: Record<string, unknown>) => string[] | unknown[];
+    postcssPluginsOptions: Record<string, unknown>;
+    postcssPlugins: string[];
+};
+
 /**
  * Дополнительные аргументы, которые будут переданы в функцию оверрайда
  */
@@ -67,6 +73,7 @@ type OverridesAdditionalArgs = {
     webpackServer: ServerWebpackAdditionalArgs;
     webpackServerDev: ServerWebpackAdditionalArgs;
     webpackServerProd: ServerWebpackAdditionalArgs;
+    postcss: PostCssAdditionalArgs;
 };
 
 type OverrideFunction<

diff --git a/packages/example-modules/arui-scripts.overrides.ts b/packages/example-modules/arui-scripts.overrides.ts
@@ -49,20 +49,15 @@ const overrides: OverrideFile = {
             return config;
         });
     },
-    postcss: (config) => {
-        const overridesConfig = config
-        .map(name => {
-            if (name !== 'postcss-mixins') return name;
+    postcss: (config, appConfig, { createPostcssConfig, postcssPluginsOptions, postcssPlugins }) => {
+        const options = {
+            ...postcssPluginsOptions,
+            'postcss-mixins': {
+                mixinsFiles: [path.join(process.cwd(), '../../node_modules/@alfalab/core-components/vars/typography.css')],
+            },
+        };
 
-            return [
-                name,
-                {
-                    mixinsFiles: [path.join(process.cwd(), '../../node_modules/@alfalab/core-components/vars/typography.css')]
-                }
-            ]
-        })
-
-        return overridesConfig;
+        return createPostcssConfig(postcssPlugins, options);
     }
 };
 

diff --git a/packages/example/arui-scripts.overrides.ts b/packages/example/arui-scripts.overrides.ts
@@ -61,20 +61,15 @@ const overrides: OverrideFile = {
             return config;
         });
     },
-    postcss: (config) => {
-        const overridesConfig = config
-        .map(name => {
-            if (name !== 'postcss-mixins') return name;
+    postcss: (config, appConfig, { createPostcssConfig, postcssPluginsOptions, postcssPlugins }) => {
+        const options = {
+            ...postcssPluginsOptions,
+            'postcss-mixins': {
+                mixinsFiles: [path.join(process.cwd(), '../../node_modules/@alfalab/core-components/vars/typography.css')],
+            },
+        };
 
-            return [
-                name,
-                {
-                    mixinsFiles: [path.join(process.cwd(), '../../node_modules/@alfalab/core-components/vars/typography.css')]
-                }
-            ]
-        })
-
-        return overridesConfig;
+        return createPostcssConfig(postcssPlugins, options);
     }
 };