[docs] Move dependencies/scripts from root into workspace (mui#16640)

* [docs] Move docs scripts into workspace

* Fix size:snapshot

* Remove unused classnames dependency

* netlify -> cdn

* Keep root docs:typescript* scripts

* Fix hmr for docs:dev

Author: eps1lon

.circleci/config.yml

@@ -109,7 +109,7 @@ jobs:
       - install_js
       - run:
           name: Transpile TypeScript demos
-          command: yarn docs:typescript:formatted --disable-cache
+          command: yarn workspace docs typescript:transpile --disable-cache
       - run:
           name: Are the compiled TypeScript demos equivalent to the JavaScript demos?
           command: git add -A && git diff --exit-code --staged

.eslintignore

@@ -1,5 +1,5 @@
 /.git
-/.next
+/docs/.next
 /coverage
 /docs/export
 /examples/create-react-app*/src/serviceWorker.js

.gitignore

@@ -7,7 +7,7 @@
 *.log
 .DS_STORE
 /.eslintcache
-/.next
+/docs/.next
 /.nyc_output
 /coverage
 /docs/export

babel.config.js

@@ -1,14 +1,3 @@
-const bpmr = require('babel-plugin-module-resolver');
-
-function resolvePath(sourcePath, currentFile, opts) {
-  if (sourcePath === 'markdown') {
-    const base = currentFile.substring(__dirname.length).slice(0, -3);
-    return `${__dirname}/docs/src/${base}/`;
-  }
-
-  return bpmr.resolvePath(sourcePath, currentFile, opts);
-}
-
 let defaultPresets;
 
 // We release a ES version of Material-UI.
@@ -88,50 +77,6 @@ module.exports = {
         ],
       ],
     },
-    'docs-development': {
-      presets: ['next/babel', '@zeit/next-typescript/babel'],
-      plugins: [
-        'babel-plugin-preval',
-        [
-          'babel-plugin-module-resolver',
-          {
-            alias: {
-              ...defaultAlias,
-              '@material-ui/docs': './packages/material-ui-docs/src',
-              docs: './docs',
-              modules: './modules',
-              pages: './pages',
-            },
-            transformFunctions: ['require', 'require.context'],
-            resolvePath,
-          },
-        ],
-      ],
-    },
-    'docs-production': {
-      presets: ['next/babel', '@zeit/next-typescript/babel'],
-      plugins: [
-        'babel-plugin-preval',
-        [
-          'babel-plugin-module-resolver',
-          {
-            alias: {
-              ...defaultAlias,
-              '@material-ui/docs': './packages/material-ui-docs/src',
-              docs: './docs',
-              modules: './modules',
-              pages: './pages',
-            },
-            transformFunctions: ['require', 'require.context'],
-            resolvePath,
-          },
-        ],
-        'babel-plugin-transform-react-constant-elements',
-        'babel-plugin-transform-dev-warning',
-        ['babel-plugin-react-remove-properties', { properties: ['data-mui-test'] }],
-        ['babel-plugin-transform-react-remove-prop-types', { mode: 'remove' }],
-      ],
-    },
     esm: {
       plugins: productionPlugins,
     },

docs/babel.config.js

@@ -0,0 +1,58 @@
+const bpmr = require('babel-plugin-module-resolver');
+
+function resolvePath(sourcePath, currentFile, opts) {
+  if (sourcePath === 'markdown') {
+    const base = currentFile.substring(__dirname.length).slice(0, -3);
+    return `${__dirname}/docs/src/${base}/`;
+  }
+
+  return bpmr.resolvePath(sourcePath, currentFile, opts);
+}
+
+const alias = {
+  '@material-ui/core': '../packages/material-ui/src',
+  '@material-ui/docs': '../packages/material-ui-docs/src',
+  '@material-ui/icons': '../packages/material-ui-icons/src',
+  '@material-ui/lab': '../packages/material-ui-lab/src',
+  '@material-ui/styles': '../packages/material-ui-styles/src',
+  '@material-ui/system': '../packages/material-ui-system/src',
+  '@material-ui/utils': '../packages/material-ui-utils/src',
+  docs: './',
+  modules: '../modules',
+  pages: './pages',
+};
+
+module.exports = {
+  presets: [
+    // TODO figure out how to make it work with dependencies that have this repo as a
+    // peer,
+    // false causes 'Attempted import error: 'KeyboardTimePicker' is not exported from '@material-ui/pickers'.'
+    ['next/babel', { 'preset-env': { modules: 'commonjs' } }],
+    '@zeit/next-typescript/babel',
+  ],
+  plugins: [
+    'babel-plugin-optimize-clsx',
+    // for IE 11 support
+    '@babel/plugin-transform-object-assign',
+    'babel-plugin-preval',
+    [
+      'babel-plugin-module-resolver',
+      {
+        alias,
+        transformFunctions: ['require', 'require.context'],
+        resolvePath,
+      },
+    ],
+  ],
+  ignore: [/@babel[\\|/]runtime/], // Fix a Windows issue.
+  env: {
+    production: {
+      plugins: [
+        'babel-plugin-transform-react-constant-elements',
+        'babel-plugin-transform-dev-warning',
+        ['babel-plugin-react-remove-properties', { properties: ['data-mui-test'] }],
+        ['babel-plugin-transform-react-remove-prop-types', { mode: 'remove' }],
+      ],
+    },
+  },
+};

docs/static/_headers renamed to docs/cdn/_headers

@@ -2,11 +2,14 @@ const webpack = require('webpack');
 const pkg = require('./package.json');
 const withTM = require('next-transpile-modules');
 const { BundleAnalyzerPlugin } = require('webpack-bundle-analyzer');
-const { findPages } = require('./docs/src/modules/utils/find');
+const { findPages } = require('./src/modules/utils/find');
 const withTypescript = require('@zeit/next-typescript');
+const path = require('path');
 
 const LANGUAGES = ['en', 'zh', 'ru', 'pt', 'fr', 'es', 'de'];
 
+const workspaceRoot = path.join(__dirname, '../');
+
 module.exports = withTypescript({
   webpack: (config, options) => {
     // Alias @material-ui/core peer dependency imports form the following modules to our sources.
@@ -55,6 +58,13 @@ module.exports = withTypescript({
             test: /\.(css|md)$/,
             loader: 'raw-loader',
           },
+          // required to transpile ../packages/
+          {
+            test: /\.(js|mjs|jsx)$/,
+            include: [workspaceRoot],
+            exclude: /node_modules/,
+            use: options.defaultLoaders.babel,
+          },
         ]),
       }),
     });