chore(storybook): add an example for DocPage component to storybook

.eslintignore

@@ -2,3 +2,4 @@ node_modules
 
 /build
 /storybook-static
+/dist

.npmrc

@@ -0,0 +1 @@
+registry=https://npm.yandex-team.ru/

.storybook/config.js

@@ -1,25 +1,37 @@
+import '../src/demo/reset-storybook.scss';
+import '../styles/default.scss';
+import '../styles/typography.scss';
+import '../styles/themes.scss';
+
 import React from 'react';
 import {configure, addDecorator, addParameters} from '@storybook/react';
 import {withKnobs} from '@storybook/addon-knobs';
 import {addReadme} from 'storybook-readme';
 
+import withTheme from '../src/demo/decorators/withTheme';
+
 addParameters({
     options: {
         panelPosition: 'right',
         theme: {
             brandTitle: 'Docs Components',
             brandUrl: 'https://github.yandex-team.ru/data-ui/docs-components',
         },
+        showPanel: true,
     }
 });
 addDecorator(addReadme);
 addDecorator(withKnobs);
+addDecorator(withTheme);
 
 addDecorator((Story, context) => (
     <main>
-        <Pointerfocus/>
             <Story {...context}/>
     </main>
 ));
 
-configure(require.context('../src/stories', true, /\.stories.tsx?$/), module);
+function loadStories() {
+    require('../src/stories/Components.stories');
+}
+
+configure(loadStories, module);

.storybook/webpack.config.js

@@ -42,7 +42,20 @@ config
         options: {
             extract: true,
             spriteFilename: 'sprite-[hash:6].svg'
-        }
+        },
+        exclude: [path.resolve(assetsRoot, 'icons')],
+    })
+    .module.addRule({
+        test: /\.css$/,
+        use: [
+            'style-loader',
+            {loader: 'css-loader'}
+        ],
+    })
+    .module.addRule({
+        test: /\.svg$/,
+        loader: 'react-svg-loader',
+        include: [path.resolve(assetsRoot, 'icons')],
     })
     .plugins.addPlugin(new SpriteLoaderPlugin({plainSprite: true}));
 

dist/configs/common.js

@@ -0,0 +1,4 @@
+module.exports = {
+    authPolicy: 'disabled',
+    socket: 'dist/run/server.sock',
+};

dist/controllers/index.js

@@ -0,0 +1,3 @@
+module.exports = (req, res) => {
+    res.redirect('/index.html');
+};

dist/index.js

@@ -0,0 +1,6 @@
+const Core = require('@yandex-data-ui/core');
+
+const app = new Core({name: 'docs-components'});
+module.exports = app;
+
+app.run();

dist/routes.js

@@ -0,0 +1,3 @@
+module.exports = {
+    'GET /': 'index',
+};