[Docs] propsParser в production-сборке и под флагом

CONTRIBUTING.md

@@ -2,7 +2,7 @@
 
 1. Склонировать репозиторий и перейти в созданную директорию.
 2. Установить зависимости: `yarn install`.
-3. Поднять локально документацию с лайврелоадом: `yarn styleguide`.
+3. Поднять локально документацию с лайврелоадом: `yarn styleguide`. Свойства и методы компонента в режиме разработки по умолчанию не генерируются; если они вам нужны, используйте команду `yarn styleguide:props`.
 
 Документация будет доступна на `http://localhost:6060`. В ней ведётся вся разработка. Для удобства можно сразу перейти на страницу разрабатываемого компонента (`http://localhost:6060/#/UsersStack`)
 

package.json

@@ -145,6 +145,7 @@
     "size": "yarn clear && concurrently 'yarn:babel' 'yarn:postcss' && size-limit",
     "size:ci": "yarn install --frozen-lockfile --ignore-scripts && yarn build:no-types",
     "styleguide": "cross-env NODE_ENV=development styleguidist server --config=styleguide/config.js",
+    "styleguide:props": "cross-env NODE_ENV=development VKUI_STYLEGUIDE_PROPSPARSER=1 styleguidist server --config=styleguide/config.js",
     "styleguide:build": "cross-env NODE_ENV=production styleguidist build --config=styleguide/config.js",
     "dev": "yarn clear && concurrently \"yarn:tsc-dev\" \"yarn:babel-dev\" \"yarn:postcss-dev\"",
     "dev-cjs": "yarn clear && concurrently \"yarn:tsc-cjs-dev\" \"yarn:babel-cjs-dev\" \"yarn:postcss-dev\"",

styleguide/Components/ReactComponent/ReactComponent.js

@@ -12,6 +12,10 @@ const ReactComponent = ({ component, exampleMode }) => {
   const { name, visibleName, pathLine } = component;
   const { description = "", examples = [] } = component.props || {};
 
+  const showPropsPlaceholder =
+    process.env.NODE_ENV === "development" &&
+    process.env.VKUI_STYLEGUIDE_PROPSPARSER !== 1;
+
   return (
     <div className="ReactComponent">
       <Link
@@ -36,7 +40,17 @@ const ReactComponent = ({ component, exampleMode }) => {
       <SectionSubheading href={`#/${name}?id=props`}>
         Свойства и методы
       </SectionSubheading>
-      <Slot name="docsTabs" props={component} />
+      {showPropsPlaceholder ? (
+        <blockquote className="Blockquote">
+          <Text>
+            В режиме разработки свойства и методы не генерируются по умолчанию.
+            Если они вам необходимы, воспользуйтесь командой{" "}
+            <span className="Code">yarn styleguide:props</span>.
+          </Text>
+        </blockquote>
+      ) : (
+        <Slot name="docsTabs" props={component} />
+      )}
     </div>
   );
 };

styleguide/config.js

@@ -1,8 +1,8 @@
 const path = require("path");
 const { argv } = require("yargs");
-const { tsPropsParser } = require("./docgen-typescript.config");
+const { reactDocgenTypescript } = require("./propsParser.config");
 
-module.exports = {
+const baseConfig = {
   title: "VKUI styleguide",
   styleguideDir: path.join(__dirname, `../${argv.dist || "docs"}`),
   styleguideComponents: {
@@ -92,7 +92,7 @@ module.exports = {
       },
     },
   },
-  propsParser: tsPropsParser,
+  propsParser: () => ({}),
   exampleMode: "expand",
   assetsDir: path.join(__dirname, `assets`),
   sections: [
@@ -336,3 +336,14 @@ module.exports = {
   ],
   webpackConfig: require("./webpack.config"),
 };
+
+const prodConfig = {
+  ...baseConfig,
+  propsParser: reactDocgenTypescript,
+};
+
+module.exports =
+  process.env.NODE_ENV === "development" &&
+  process.env.VKUI_STYLEGUIDE_PROPSPARSER !== 1
+    ? baseConfig
+    : prodConfig;

styleguide/docgen-typescript.config.js → styleguide/propsParser.config.js

@@ -60,7 +60,7 @@ function createServiceHost(compilerOptions, files) {
 }
 
 module.exports = {
-  tsPropsParser: (file, source) => {
+  reactDocgenTypescript: (file, source) => {
     filesCache.set(file, {
       text: source,
       version: 0,

styleguide/webpack.config.js

@@ -1,8 +1,15 @@
 const path = require("path");
 const webpackConfig = require("../webpack.config");
+const { DefinePlugin } = require("webpack");
 const merge = require("webpack-merge");
 
 module.exports = merge(webpackConfig, {
+  plugins: [
+    new DefinePlugin({
+      "process.env.VKUI_STYLEGUIDE_PROPSPARSER":
+        process.env.VKUI_STYLEGUIDE_PROPSPARSER,
+    }),
+  ],
   resolve: {
     alias: {
       "@rsg-components": path.resolve(