From 313af2678d45887b7367cfc8c911d15064c2c1fa Mon Sep 17 00:00:00 2001 From: eps1lon Date: Tue, 15 Jun 2021 21:04:08 +0200 Subject: [PATCH 01/16] proof-of-concept: demo-loader --- .eslintrc.js | 3 + docs/packages/demo-loader/demo-loader.js | 102 +++++++++++++++++++++++ docs/packages/demo-loader/package.json | 5 ++ docs/pages/production-error.js | 13 ++- 4 files changed, 115 insertions(+), 8 deletions(-) create mode 100644 docs/packages/demo-loader/demo-loader.js create mode 100644 docs/packages/demo-loader/package.json diff --git a/.eslintrc.js b/.eslintrc.js index d5be747ef54446..614e85168ce702 100644 --- a/.eslintrc.js +++ b/.eslintrc.js @@ -229,6 +229,9 @@ module.exports = { { files: ['docs/pages/**/*.js'], rules: { + // The code is already coupled to webpack. + 'import/no-webpack-loader-syntax': 'off', + 'react/prop-types': 'off', }, }, diff --git a/docs/packages/demo-loader/demo-loader.js b/docs/packages/demo-loader/demo-loader.js new file mode 100644 index 00000000000000..1bd17ede902e4a --- /dev/null +++ b/docs/packages/demo-loader/demo-loader.js @@ -0,0 +1,102 @@ +const fse = require('fs-extra'); +const path = require('path'); + +// FIXME: convert to async +// TODO: convert parseMarkdown to loader + +/** + * @param {string} string + */ +function upperCaseFirst(string) { + return `${string[0].toUpperCase()}${string.slice(1)}`; +} + +/** + * @param {string} key + * @example keyToJSIdentifier('index.md') === 'IndexMd' + * @example keyToJSIdentifier('index-ja.md') === 'IndexJaMd' + */ +function keyToJSIdentifier(key) { + const delimiter = /(\.|-)/; + return key + .split(delimiter) + .filter((part) => !delimiter.test(part)) + .map(upperCaseFirst) + .join(''); +} + +/** + * @type {import('webpack').loader.Loader} + */ +module.exports = function demoLoader(source) { + const pageFilename = this.context.replace(this.rootContext, '').replace(/^\/src\/pages\//, ''); + const rawKeys = fse.readdirSync(path.dirname(this.resourcePath)); + const demoKeys = rawKeys.filter((basename) => { + return /\.(js|tsx)$/.test(basename); + }); + + /** + * @param {string} key + */ + function getRequireRawDemoIdentifier(key) { + return `RawLoaded__${keyToJSIdentifier(key)}`; + } + + function getRequireDemoIdentifier(key) { + return keyToJSIdentifier(key); + } + + const transformed = ` + ${rawKeys + .map((key) => { + return `import ${getRequireRawDemoIdentifier(key)} from '!raw-loader!./${key}';`; + }) + .join('\n')} + ${demoKeys + .map((key) => { + return `import ${getRequireDemoIdentifier(key)} from './${key}';`; + }) + .join('\n')} + + export const pageFilename = '${pageFilename}'; + export function requireRaw(module) { + return { + ${rawKeys + .map((key) => { + return `'${key}': ${getRequireRawDemoIdentifier(key)}`; + }) + .join(',\n')} + }[module]; + } + requireRaw.keys = () => { + return [ + ${rawKeys + .map((key) => { + return `'${key}'`; + }) + .join(',\n')} + ]; + } + export function requireDemo(module) { + return { + ${demoKeys + .map((key) => { + // TODO: Remove ES module interop once all demos are loaded via loader + // i.e. replace `{ default: ... }` with `...` + return `'${key}': { default: ${getRequireDemoIdentifier(key)} }`; + }) + .join(',\n')} + }[module]; + } + requireDemo.keys = () => { + return [ + ${demoKeys + .map((key) => { + return `'${key}'`; + }) + .join(',\n')} + ]; + }`; + + return transformed; +}; diff --git a/docs/packages/demo-loader/package.json b/docs/packages/demo-loader/package.json new file mode 100644 index 00000000000000..b6e22fb4654ed8 --- /dev/null +++ b/docs/packages/demo-loader/package.json @@ -0,0 +1,5 @@ +{ + "name": "demo-loader", + "version": "0.1.0", + "main": "./demo-loader" +} diff --git a/docs/pages/production-error.js b/docs/pages/production-error.js index 5cc5afdf4a751d..f66bbc92fe6ccf 100644 --- a/docs/pages/production-error.js +++ b/docs/pages/production-error.js @@ -1,14 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; - -const pageFilename = 'production-error'; -const requireDemo = require.context('docs/src/pages/production-error', false, /\.js$/); -const requireRaw = require.context( - '!raw-loader!../src/pages/production-error', - false, - /\.(js|md)$/, -); +import { + pageFilename, + requireDemo, + requireRaw, +} from '!demo-loader!docs/src/pages/production-error/index.md'; export default function Page({ demos, docs }) { return ; From ee6d8092af05540f0470499bc9a93902f376c7fb Mon Sep 17 00:00:00 2001 From: eps1lon Date: Tue, 15 Jun 2021 21:05:33 +0200 Subject: [PATCH 02/16] Apply to bigger page --- docs/pages/components/tables.js | 13 +++++-------- 1 file changed, 5 insertions(+), 8 deletions(-) diff --git a/docs/pages/components/tables.js b/docs/pages/components/tables.js index 3c085d85b356bd..f2e73fd62e3c68 100644 --- a/docs/pages/components/tables.js +++ b/docs/pages/components/tables.js @@ -1,14 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; - -const pageFilename = 'components/tables'; -const requireDemo = require.context('docs/src/pages/components/tables', false, /\.(js|tsx)$/); -const requireRaw = require.context( - '!raw-loader!../../src/pages/components/tables', - false, - /\.(js|md|tsx)$/, -); +import { + pageFilename, + requireDemo, + requireRaw, +} from '!demo-loader!docs/src/pages/components/tables/tables.md'; export default function Page({ demos, docs }) { return ; From aee5731926f47dc0b2d15bdeea02ffd47839a3ad Mon Sep 17 00:00:00 2001 From: eps1lon Date: Tue, 15 Jun 2021 21:14:01 +0200 Subject: [PATCH 03/16] demo-loader -> @material-ui/demo-loader --- docs/packages/demo-loader/package.json | 3 ++- docs/pages/components/tables.js | 2 +- docs/pages/production-error.js | 2 +- 3 files changed, 4 insertions(+), 3 deletions(-) diff --git a/docs/packages/demo-loader/package.json b/docs/packages/demo-loader/package.json index b6e22fb4654ed8..7cc26a25064995 100644 --- a/docs/packages/demo-loader/package.json +++ b/docs/packages/demo-loader/package.json @@ -1,5 +1,6 @@ { - "name": "demo-loader", + "name": "@material-ui/demo-loader", "version": "0.1.0", + "private": true, "main": "./demo-loader" } diff --git a/docs/pages/components/tables.js b/docs/pages/components/tables.js index f2e73fd62e3c68..de88d59f3a3487 100644 --- a/docs/pages/components/tables.js +++ b/docs/pages/components/tables.js @@ -5,7 +5,7 @@ import { pageFilename, requireDemo, requireRaw, -} from '!demo-loader!docs/src/pages/components/tables/tables.md'; +} from '!@material-ui/demo-loader!docs/src/pages/components/tables/tables.md'; export default function Page({ demos, docs }) { return ; diff --git a/docs/pages/production-error.js b/docs/pages/production-error.js index f66bbc92fe6ccf..0fe5b5f05c6399 100644 --- a/docs/pages/production-error.js +++ b/docs/pages/production-error.js @@ -5,7 +5,7 @@ import { pageFilename, requireDemo, requireRaw, -} from '!demo-loader!docs/src/pages/production-error/index.md'; +} from '!@material-ui/demo-loader!docs/src/pages/production-error/index.md'; export default function Page({ demos, docs }) { return ; From 4cb69e5ff4242f17cb61e2488a708577b7bd4388 Mon Sep 17 00:00:00 2001 From: eps1lon Date: Tue, 15 Jun 2021 21:21:52 +0200 Subject: [PATCH 04/16] REVERT LATER build all locales --- docs/next.config.js | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/docs/next.config.js b/docs/next.config.js index 08b9ea7caa9409..8586887ebccf5a 100644 --- a/docs/next.config.js +++ b/docs/next.config.js @@ -191,7 +191,8 @@ module.exports = { // We want to speed-up the build of pull requests. // For crowdin PRs we want to build all locales for testing. - if (process.env.PULL_REQUEST === 'true' && !l10nPRInNetlify && !vercelDeploy) { + // FIXME: Revert before merging + if (process.env.PULL_REQUEST === 'false' && !l10nPRInNetlify && !vercelDeploy) { // eslint-disable-next-line no-console console.log('Considering only English for SSR'); traverse(pages, 'en'); From d1973e6e28837614077088a45d8f67749e617a5e Mon Sep 17 00:00:00 2001 From: eps1lon Date: Tue, 15 Jun 2021 21:27:53 +0200 Subject: [PATCH 05/16] fix lint errors --- docs/packages/demo-loader/demo-loader.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/packages/demo-loader/demo-loader.js b/docs/packages/demo-loader/demo-loader.js index 1bd17ede902e4a..1ae6a890957789 100644 --- a/docs/packages/demo-loader/demo-loader.js +++ b/docs/packages/demo-loader/demo-loader.js @@ -28,7 +28,7 @@ function keyToJSIdentifier(key) { /** * @type {import('webpack').loader.Loader} */ -module.exports = function demoLoader(source) { +module.exports = function demoLoader() { const pageFilename = this.context.replace(this.rootContext, '').replace(/^\/src\/pages\//, ''); const rawKeys = fse.readdirSync(path.dirname(this.resourcePath)); const demoKeys = rawKeys.filter((basename) => { From 18c30b561e77a84f5e4e4bdf767ff83b616bacd3 Mon Sep 17 00:00:00 2001 From: eps1lon Date: Wed, 16 Jun 2021 15:29:37 +0200 Subject: [PATCH 06/16] Convert to async loader --- docs/packages/demo-loader/demo-loader.js | 7 +++---- 1 file changed, 3 insertions(+), 4 deletions(-) diff --git a/docs/packages/demo-loader/demo-loader.js b/docs/packages/demo-loader/demo-loader.js index 1ae6a890957789..0231d4b6de32cf 100644 --- a/docs/packages/demo-loader/demo-loader.js +++ b/docs/packages/demo-loader/demo-loader.js @@ -1,7 +1,6 @@ -const fse = require('fs-extra'); +const { promises: fs } = require('fs'); const path = require('path'); -// FIXME: convert to async // TODO: convert parseMarkdown to loader /** @@ -28,9 +27,9 @@ function keyToJSIdentifier(key) { /** * @type {import('webpack').loader.Loader} */ -module.exports = function demoLoader() { +module.exports = async function demoLoader() { const pageFilename = this.context.replace(this.rootContext, '').replace(/^\/src\/pages\//, ''); - const rawKeys = fse.readdirSync(path.dirname(this.resourcePath)); + const rawKeys = await fs.readdir(path.dirname(this.resourcePath)); const demoKeys = rawKeys.filter((basename) => { return /\.(js|tsx)$/.test(basename); }); From 9ab504ad0d3ff5b2f2704207fa72663c39eebe55 Mon Sep 17 00:00:00 2001 From: eps1lon Date: Wed, 16 Jun 2021 15:32:43 +0200 Subject: [PATCH 07/16] remove code todo since it's quite imminent --- docs/packages/demo-loader/demo-loader.js | 2 -- 1 file changed, 2 deletions(-) diff --git a/docs/packages/demo-loader/demo-loader.js b/docs/packages/demo-loader/demo-loader.js index 0231d4b6de32cf..e1f46eb2bfe2dc 100644 --- a/docs/packages/demo-loader/demo-loader.js +++ b/docs/packages/demo-loader/demo-loader.js @@ -1,8 +1,6 @@ const { promises: fs } = require('fs'); const path = require('path'); -// TODO: convert parseMarkdown to loader - /** * @param {string} string */ From 0c45819d33e27af4925f6f37268aa1ed711ed36d Mon Sep 17 00:00:00 2001 From: eps1lon Date: Wed, 16 Jun 2021 16:19:38 +0200 Subject: [PATCH 08/16] Inline renderInlineMarkdown --- docs/src/modules/utils/parseMarkdown.js | 7 ------- docs/src/modules/utils/textToHash.test.js | 2 +- docs/src/pages/production-error/ErrorDecoder.js | 2 +- 3 files changed, 2 insertions(+), 9 deletions(-) diff --git a/docs/src/modules/utils/parseMarkdown.js b/docs/src/modules/utils/parseMarkdown.js index e169f8d2b8f9a8..3c6052276c6ef1 100644 --- a/docs/src/modules/utils/parseMarkdown.js +++ b/docs/src/modules/utils/parseMarkdown.js @@ -87,13 +87,6 @@ export function getDescription(markdown) { return matches?.[1].trim(); } -/** - * @param {string} markdown - */ -export function renderInline(markdown) { - return marked.parseInline(markdown); -} - const externs = [ 'https://material.io/', 'https://getbootstrap.com/', diff --git a/docs/src/modules/utils/textToHash.test.js b/docs/src/modules/utils/textToHash.test.js index d12506e25e3c90..fe524360fe56ab 100644 --- a/docs/src/modules/utils/textToHash.test.js +++ b/docs/src/modules/utils/textToHash.test.js @@ -1,5 +1,5 @@ import { expect } from 'chai'; -import { renderInline as renderInlineMarkdown } from './parseMarkdown'; +import { parseInline as renderInlineMarkdown } from 'marked'; import textToHash from './textToHash'; describe('textToHash', () => { diff --git a/docs/src/pages/production-error/ErrorDecoder.js b/docs/src/pages/production-error/ErrorDecoder.js index 913dba2b60776c..85301abd9c2acb 100644 --- a/docs/src/pages/production-error/ErrorDecoder.js +++ b/docs/src/pages/production-error/ErrorDecoder.js @@ -7,7 +7,7 @@ import Typography from '@material-ui/core/Typography'; import { styled, createTheme } from '@material-ui/core/styles'; import { makeStyles } from '@material-ui/styles'; import MarkdownElement from 'docs/src/modules/components/MarkdownElement'; -import { renderInline as renderInlineMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { parseInline as renderInlineMarkdown } from 'marked'; const ErrorMessageSection = styled('div')({ // reset display: block from Demo From 0c157f4a680a56693b24704025cd106fc417bae2 Mon Sep 17 00:00:00 2001 From: eps1lon Date: Wed, 16 Jun 2021 17:08:39 +0200 Subject: [PATCH 09/16] Move markdown related things to a separate package --- docs/package.json | 2 - docs/packages/demo-loader/package.json | 6 --- .../demo-loader.js => markdown/loader.js} | 0 docs/packages/markdown/package.json | 17 +++++++ .../markdown}/parseMarkdown.js | 46 ++++++++++++++----- .../markdown}/parseMarkdown.test.js | 0 .../utils => packages/markdown}/prism.js | 20 ++++---- .../utils => packages/markdown}/textToHash.js | 4 +- .../markdown}/textToHash.test.js | 0 .../blog/2019-developer-survey-results.js | 2 +- docs/pages/blog/2019.js | 2 +- .../blog/2020-developer-survey-results.js | 2 +- docs/pages/blog/2020-introducing-sketch.js | 2 +- docs/pages/blog/2020-q1-update.js | 2 +- docs/pages/blog/2020-q2-update.js | 2 +- docs/pages/blog/2020-q3-update.js | 2 +- docs/pages/blog/2020.js | 2 +- docs/pages/blog/2021-q1-update.js | 2 +- docs/pages/blog/april-2019-update.js | 2 +- docs/pages/blog/august-2019-update.js | 2 +- .../blog/danail-hadjiatanasov-joining.js | 2 +- docs/pages/blog/december-2019-update.js | 2 +- docs/pages/blog/july-2019-update.js | 2 +- docs/pages/blog/june-2019-update.js | 2 +- docs/pages/blog/march-2019-update.js | 2 +- docs/pages/blog/marija-najdova-joining.js | 2 +- docs/pages/blog/material-ui-v1-is-out.js | 2 +- docs/pages/blog/material-ui-v4-is-out.js | 2 +- docs/pages/blog/matheus-wichman-joining.js | 2 +- docs/pages/blog/may-2019-update.js | 2 +- docs/pages/blog/michal-dudak-joining.js | 2 +- docs/pages/blog/november-2019-update.js | 2 +- docs/pages/blog/october-2019-update.js | 2 +- docs/pages/blog/september-2019-update.js | 2 +- docs/pages/blog/siriwat-kunaporn-joining.js | 2 +- docs/pages/blog/spotlight-damien-tassone.js | 2 +- docs/pages/company/about.js | 2 +- docs/pages/company/careers.js | 2 +- docs/pages/company/contact.js | 2 +- docs/pages/company/lead-designer.js | 2 +- docs/pages/company/software-engineer.js | 2 +- docs/pages/components/about-the-lab.js | 2 +- docs/pages/components/accordion.js | 2 +- docs/pages/components/alert.js | 2 +- docs/pages/components/app-bar.js | 2 +- docs/pages/components/autocomplete.js | 2 +- docs/pages/components/avatars.js | 2 +- docs/pages/components/backdrop.js | 2 +- docs/pages/components/badges.js | 2 +- docs/pages/components/bottom-navigation.js | 2 +- docs/pages/components/box.js | 2 +- docs/pages/components/breadcrumbs.js | 2 +- docs/pages/components/button-group.js | 2 +- docs/pages/components/buttons.js | 2 +- docs/pages/components/cards.js | 2 +- docs/pages/components/checkboxes.js | 2 +- docs/pages/components/chips.js | 2 +- docs/pages/components/click-away-listener.js | 2 +- docs/pages/components/container.js | 2 +- docs/pages/components/css-baseline.js | 2 +- docs/pages/components/date-picker.js | 2 +- docs/pages/components/date-range-picker.js | 2 +- docs/pages/components/date-time-picker.js | 2 +- docs/pages/components/dialogs.js | 2 +- docs/pages/components/dividers.js | 2 +- docs/pages/components/drawers.js | 2 +- .../components/floating-action-button.js | 2 +- docs/pages/components/grid.js | 2 +- docs/pages/components/icons.js | 2 +- docs/pages/components/image-list.js | 2 +- docs/pages/components/links.js | 2 +- docs/pages/components/lists.js | 2 +- docs/pages/components/material-icons.js | 2 +- docs/pages/components/menus.js | 2 +- docs/pages/components/modal.js | 2 +- docs/pages/components/no-ssr.js | 2 +- docs/pages/components/pagination.js | 2 +- docs/pages/components/paper.js | 2 +- docs/pages/components/pickers.js | 2 +- docs/pages/components/popover.js | 2 +- docs/pages/components/popper.js | 2 +- docs/pages/components/portal.js | 2 +- docs/pages/components/progress.js | 2 +- docs/pages/components/radio-buttons.js | 2 +- docs/pages/components/rating.js | 2 +- docs/pages/components/selects.js | 2 +- docs/pages/components/skeleton.js | 2 +- docs/pages/components/slider.js | 2 +- docs/pages/components/snackbars.js | 2 +- docs/pages/components/speed-dial.js | 2 +- docs/pages/components/stack.js | 2 +- docs/pages/components/steppers.js | 2 +- docs/pages/components/switches.js | 2 +- docs/pages/components/tables.js | 4 +- docs/pages/components/tabs.js | 2 +- docs/pages/components/text-fields.js | 2 +- docs/pages/components/textarea-autosize.js | 2 +- docs/pages/components/time-picker.js | 2 +- docs/pages/components/timeline.js | 2 +- docs/pages/components/toggle-button.js | 2 +- docs/pages/components/tooltips.js | 2 +- docs/pages/components/transfer-list.js | 2 +- docs/pages/components/transitions.js | 2 +- docs/pages/components/trap-focus.js | 2 +- docs/pages/components/tree-view.js | 2 +- docs/pages/components/typography.js | 2 +- docs/pages/components/use-media-query.js | 2 +- docs/pages/customization/breakpoints.js | 2 +- docs/pages/customization/color.js | 2 +- docs/pages/customization/default-theme.js | 2 +- docs/pages/customization/density.js | 2 +- docs/pages/customization/how-to-customize.js | 2 +- docs/pages/customization/palette.js | 2 +- docs/pages/customization/spacing.js | 2 +- docs/pages/customization/styled.js | 2 +- docs/pages/customization/theme-components.js | 2 +- docs/pages/customization/theming.js | 2 +- docs/pages/customization/transitions.js | 2 +- docs/pages/customization/typography.js | 2 +- docs/pages/customization/z-index.js | 2 +- docs/pages/discover-more/backers.js | 2 +- docs/pages/discover-more/changelog.js | 2 +- docs/pages/discover-more/languages.js | 2 +- docs/pages/discover-more/related-projects.js | 2 +- docs/pages/discover-more/roadmap.js | 2 +- docs/pages/discover-more/showcase.js | 2 +- docs/pages/discover-more/team.js | 2 +- docs/pages/discover-more/vision.js | 2 +- .../pages/getting-started/example-projects.js | 2 +- docs/pages/getting-started/faq.js | 2 +- docs/pages/getting-started/installation.js | 2 +- docs/pages/getting-started/learn.js | 2 +- docs/pages/getting-started/support.js | 2 +- .../getting-started/supported-components.js | 2 +- .../getting-started/supported-platforms.js | 2 +- docs/pages/getting-started/templates.js | 2 +- docs/pages/getting-started/usage.js | 2 +- docs/pages/guides/api.js | 2 +- docs/pages/guides/composition.js | 2 +- docs/pages/guides/content-security-policy.js | 2 +- docs/pages/guides/flow.js | 2 +- docs/pages/guides/interoperability.js | 2 +- docs/pages/guides/localization.js | 2 +- docs/pages/guides/migration-v0x.js | 2 +- docs/pages/guides/migration-v3.js | 2 +- docs/pages/guides/migration-v4.js | 2 +- docs/pages/guides/minimizing-bundle-size.js | 2 +- docs/pages/guides/pickers-migration.js | 2 +- docs/pages/guides/responsive-ui.js | 2 +- docs/pages/guides/right-to-left.js | 2 +- docs/pages/guides/routing.js | 2 +- docs/pages/guides/server-rendering.js | 2 +- docs/pages/guides/styled-engine.js | 2 +- docs/pages/guides/testing.js | 2 +- docs/pages/guides/typescript.js | 2 +- docs/pages/production-error.js | 4 +- docs/pages/styles/advanced.js | 2 +- docs/pages/styles/api.js | 2 +- docs/pages/styles/basics.js | 2 +- docs/pages/system/advanced.js | 2 +- docs/pages/system/basics.js | 2 +- docs/pages/system/borders.js | 2 +- docs/pages/system/box.js | 2 +- docs/pages/system/display.js | 2 +- docs/pages/system/flexbox.js | 2 +- docs/pages/system/grid.js | 2 +- docs/pages/system/palette.js | 2 +- docs/pages/system/positions.js | 2 +- docs/pages/system/properties.js | 2 +- docs/pages/system/screen-readers.js | 2 +- docs/pages/system/shadows.js | 2 +- docs/pages/system/sizing.js | 2 +- docs/pages/system/spacing.js | 2 +- docs/pages/system/typography.js | 2 +- docs/pages/versions.js | 2 +- docs/scripts/buildApi.ts | 5 +- .../src/modules/components/HighlightedCode.js | 2 +- .../modules/utils/mapApiPageTranslations.js | 2 +- docs/src/pages/landing/Sponsors.js | 2 +- .../pages/production-error/ErrorDecoder.js | 2 +- docs/types/docs.d.ts | 2 +- tsconfig.json | 1 + 182 files changed, 240 insertions(+), 207 deletions(-) delete mode 100644 docs/packages/demo-loader/package.json rename docs/packages/{demo-loader/demo-loader.js => markdown/loader.js} (100%) create mode 100644 docs/packages/markdown/package.json rename docs/{src/modules/utils => packages/markdown}/parseMarkdown.js (92%) rename docs/{src/modules/utils => packages/markdown}/parseMarkdown.test.js (100%) rename docs/{src/modules/utils => packages/markdown}/prism.js (66%) rename docs/{src/modules/utils => packages/markdown}/textToHash.js (93%) rename docs/{src/modules/utils => packages/markdown}/textToHash.test.js (100%) diff --git a/docs/package.json b/docs/package.json index df43ef0b7690c6..51b31af848fe44 100644 --- a/docs/package.json +++ b/docs/package.json @@ -85,13 +85,11 @@ "lodash": "^4.17.15", "lz-string": "^1.4.4", "markdown-to-jsx": "^7.0.0", - "marked": "^2.0.0", "material-ui-popup-state": "^1.4.1", "next": "^10.0.0", "notistack": "^1.0.0", "nprogress": "^0.2.0", "postcss": "^8.0.6", - "prismjs": "^1.17.1", "prop-types": "^15.7.2", "raw-loader": "^1.0.0", "react": "^17.0.1", diff --git a/docs/packages/demo-loader/package.json b/docs/packages/demo-loader/package.json deleted file mode 100644 index 7cc26a25064995..00000000000000 --- a/docs/packages/demo-loader/package.json +++ /dev/null @@ -1,6 +0,0 @@ -{ - "name": "@material-ui/demo-loader", - "version": "0.1.0", - "private": true, - "main": "./demo-loader" -} diff --git a/docs/packages/demo-loader/demo-loader.js b/docs/packages/markdown/loader.js similarity index 100% rename from docs/packages/demo-loader/demo-loader.js rename to docs/packages/markdown/loader.js diff --git a/docs/packages/markdown/package.json b/docs/packages/markdown/package.json new file mode 100644 index 00000000000000..cd9179ae5f7377 --- /dev/null +++ b/docs/packages/markdown/package.json @@ -0,0 +1,17 @@ +{ + "name": "@material-ui/markdown", + "version": "0.1.0", + "private": true, + "type": "commonjs", + "main": "./parseMarkdown.js", + "exports": { + ".": "./parseMarkdown.js", + "./loader": "./loader.js", + "./prism": "./prism.js" + }, + "dependencies": { + "lodash": "^4.17.15", + "marked": "^2.0.0", + "prismjs": "^1.17.1" + } +} diff --git a/docs/src/modules/utils/parseMarkdown.js b/docs/packages/markdown/parseMarkdown.js similarity index 92% rename from docs/src/modules/utils/parseMarkdown.js rename to docs/packages/markdown/parseMarkdown.js index 3c6052276c6ef1..b4624d8a9bbea3 100644 --- a/docs/src/modules/utils/parseMarkdown.js +++ b/docs/packages/markdown/parseMarkdown.js @@ -1,8 +1,10 @@ -import marked from 'marked'; -import { LANGUAGES_IN_PROGRESS } from 'docs/src/modules/constants'; -import kebabCase from 'lodash/kebabCase'; -import textToHash from 'docs/src/modules/utils/textToHash'; -import prism from 'docs/src/modules/utils/prism'; +const marked = require('marked'); +const kebabCase = require('lodash/kebabCase'); +const textToHash = require('./textToHash'); +const prism = require('./prism'); + +// TODO: pass as argument +const LANGUAGES_IN_PROGRESS = ['en', 'zh', 'ru', 'pt', 'es', 'fr', 'de', 'ja']; const headerRegExp = /---[\r\n]([\s\S]*)[\r\n]---/; const titleRegExp = /# (.*)[\r\n]/; @@ -25,7 +27,7 @@ const notEnglishMarkdownRegExp = /-([a-z]{2})\.md$/; * should output: * { title: 'Backdrop React Component', components: ['Backdrop'] } */ -export function getHeaders(markdown) { +function getHeaders(markdown) { let header = markdown.match(headerRegExp); if (!header) { @@ -64,14 +66,14 @@ export function getHeaders(markdown) { return headers; } -export function getContents(markdown) { +function getContents(markdown) { return markdown .replace(headerRegExp, '') // Remove header information .split(/^{{("(?:demo|component)":[^}]*)}}$/gm) // Split markdown into an array, separating demos .filter((content) => !emptyRegExp.test(content)); // Remove empty lines } -export function getTitle(markdown) { +function getTitle(markdown) { const matches = markdown.match(titleRegExp); if (!matches || !matches[1]) { @@ -81,10 +83,20 @@ export function getTitle(markdown) { return matches[1]; } -export function getDescription(markdown) { +function getDescription(markdown) { const matches = markdown.match(descriptionRegExp); + if (matches === null) { + return undefined; + } - return matches?.[1].trim(); + return matches[1].trim(); +} + +/** + * @param {string} markdown + */ +function renderInline(markdown) { + return marked.parseInline(markdown); } const externs = [ @@ -113,7 +125,7 @@ const externs = [ * @param {TableOfContentsEntry[]} context.toc - WILL BE MUTATED * @param {string} context.userLanguage */ -export function createRender(context) { +function createRender(context) { const { headingHashes, toc, userLanguage } = context; const headingHashesFallbackTranslated = {}; let headingIndex = -1; @@ -231,7 +243,7 @@ export function createRender(context) { * @param {() => string} config.requireRaw - returnvalue of require.context * @param {string} config.pageFilename - filename relative to nextjs pages directory */ -export function prepareMarkdown(config) { +function prepareMarkdown(config) { const { pageFilename, requireRaw } = config; const demos = {}; @@ -329,3 +341,13 @@ ${headers.components return { demos, docs }; } + +module.exports = { + createRender, + getContents, + getDescription, + getHeaders, + getTitle, + prepareMarkdown, + renderInline, +}; diff --git a/docs/src/modules/utils/parseMarkdown.test.js b/docs/packages/markdown/parseMarkdown.test.js similarity index 100% rename from docs/src/modules/utils/parseMarkdown.test.js rename to docs/packages/markdown/parseMarkdown.test.js diff --git a/docs/src/modules/utils/prism.js b/docs/packages/markdown/prism.js similarity index 66% rename from docs/src/modules/utils/prism.js rename to docs/packages/markdown/prism.js index 0822977563874f..be76d908583264 100644 --- a/docs/src/modules/utils/prism.js +++ b/docs/packages/markdown/prism.js @@ -1,13 +1,13 @@ -import prism from 'prismjs'; -import 'prismjs/components/prism-css'; -import 'prismjs/components/prism-diff'; -import 'prismjs/components/prism-javascript'; -import 'prismjs/components/prism-json'; -import 'prismjs/components/prism-jsx'; -import 'prismjs/components/prism-markup'; -import 'prismjs/components/prism-tsx'; +const prism = require('prismjs'); +require('prismjs/components/prism-css'); +require('prismjs/components/prism-diff'); +require('prismjs/components/prism-javascript'); +require('prismjs/components/prism-json'); +require('prismjs/components/prism-jsx'); +require('prismjs/components/prism-markup'); +require('prismjs/components/prism-tsx'); -export default function highlight(code, language) { +function highlight(code, language) { let prismLanguage; switch (language) { case 'ts': @@ -42,3 +42,5 @@ export default function highlight(code, language) { return prism.highlight(code, prismLanguage); } + +module.exports = highlight; diff --git a/docs/src/modules/utils/textToHash.js b/docs/packages/markdown/textToHash.js similarity index 93% rename from docs/src/modules/utils/textToHash.js rename to docs/packages/markdown/textToHash.js index d6eea926b4baa9..a139c910ae5ca8 100644 --- a/docs/src/modules/utils/textToHash.js +++ b/docs/packages/markdown/textToHash.js @@ -14,7 +14,7 @@ function makeUnique(hash, unique, i = 1) { * @param {Record} [unique] - Ensures that each output is unique in `unique` * @returns {string} that is safe to use in fragment links */ -export default function textToHash(text, unique = {}) { +function textToHash(text, unique = {}) { return makeUnique( encodeURI( text @@ -32,3 +32,5 @@ export default function textToHash(text, unique = {}) { unique, ); } + +module.exports = textToHash; diff --git a/docs/src/modules/utils/textToHash.test.js b/docs/packages/markdown/textToHash.test.js similarity index 100% rename from docs/src/modules/utils/textToHash.test.js rename to docs/packages/markdown/textToHash.test.js diff --git a/docs/pages/blog/2019-developer-survey-results.js b/docs/pages/blog/2019-developer-survey-results.js index 026330d90e954c..0e2dadf34fa9d2 100644 --- a/docs/pages/blog/2019-developer-survey-results.js +++ b/docs/pages/blog/2019-developer-survey-results.js @@ -1,6 +1,6 @@ import * as React from 'react'; import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'blog/2019-developer-survey-results'; const requireRaw = require.context('!raw-loader!./', false, /2019-developer-survey-results\.md$/); diff --git a/docs/pages/blog/2019.js b/docs/pages/blog/2019.js index 3a1c4f2c345303..8acb8ec12c9772 100644 --- a/docs/pages/blog/2019.js +++ b/docs/pages/blog/2019.js @@ -1,6 +1,6 @@ import * as React from 'react'; import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'blog/2019'; const requireRaw = require.context('!raw-loader!./', false, /2019\.md$/); diff --git a/docs/pages/blog/2020-developer-survey-results.js b/docs/pages/blog/2020-developer-survey-results.js index 6dd740813b95c1..fd34f6f42a2114 100644 --- a/docs/pages/blog/2020-developer-survey-results.js +++ b/docs/pages/blog/2020-developer-survey-results.js @@ -1,6 +1,6 @@ import * as React from 'react'; import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'blog/2020-developer-survey-results'; const requireRaw = require.context('!raw-loader!./', false, /2020-developer-survey-results\.md$/); diff --git a/docs/pages/blog/2020-introducing-sketch.js b/docs/pages/blog/2020-introducing-sketch.js index 6aa56cdc84b008..724b087917fdf2 100644 --- a/docs/pages/blog/2020-introducing-sketch.js +++ b/docs/pages/blog/2020-introducing-sketch.js @@ -1,6 +1,6 @@ import * as React from 'react'; import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'blog/2020-introducing-sketch'; const requireRaw = require.context('!raw-loader!./', false, /2020-introducing-sketch\.md$/); diff --git a/docs/pages/blog/2020-q1-update.js b/docs/pages/blog/2020-q1-update.js index 0ebdfaa82ad7bc..68c9597cb1c2fb 100644 --- a/docs/pages/blog/2020-q1-update.js +++ b/docs/pages/blog/2020-q1-update.js @@ -1,6 +1,6 @@ import * as React from 'react'; import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'blog/2020-q1-update'; const requireRaw = require.context('!raw-loader!./', false, /2020-q1-update\.md$/); diff --git a/docs/pages/blog/2020-q2-update.js b/docs/pages/blog/2020-q2-update.js index 86b509b9394ee2..4f6016e63dc121 100644 --- a/docs/pages/blog/2020-q2-update.js +++ b/docs/pages/blog/2020-q2-update.js @@ -1,6 +1,6 @@ import * as React from 'react'; import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'blog/2020-q2-update'; const requireRaw = require.context('!raw-loader!./', false, /2020-q2-update\.md$/); diff --git a/docs/pages/blog/2020-q3-update.js b/docs/pages/blog/2020-q3-update.js index e21f3d57c57ab3..9ea3c48958fd82 100644 --- a/docs/pages/blog/2020-q3-update.js +++ b/docs/pages/blog/2020-q3-update.js @@ -1,6 +1,6 @@ import * as React from 'react'; import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'blog/2020-q3-update'; const requireRaw = require.context('!raw-loader!./', false, /2020-q3-update\.md$/); diff --git a/docs/pages/blog/2020.js b/docs/pages/blog/2020.js index 52607495113fb8..73ab6d09641ac0 100644 --- a/docs/pages/blog/2020.js +++ b/docs/pages/blog/2020.js @@ -1,6 +1,6 @@ import * as React from 'react'; import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'blog/2020'; const requireRaw = require.context('!raw-loader!./', false, /2020\.md$/); diff --git a/docs/pages/blog/2021-q1-update.js b/docs/pages/blog/2021-q1-update.js index c50917dd2d8f6b..8afcb0f3cbb629 100644 --- a/docs/pages/blog/2021-q1-update.js +++ b/docs/pages/blog/2021-q1-update.js @@ -1,6 +1,6 @@ import * as React from 'react'; import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'blog/2021-q1-update'; const requireRaw = require.context('!raw-loader!./', false, /2021-q1-update\.md$/); diff --git a/docs/pages/blog/april-2019-update.js b/docs/pages/blog/april-2019-update.js index 78ae2bceaf9d1b..bade41f4b80b24 100644 --- a/docs/pages/blog/april-2019-update.js +++ b/docs/pages/blog/april-2019-update.js @@ -1,6 +1,6 @@ import * as React from 'react'; import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'blog/april-2019-update'; const requireRaw = require.context('!raw-loader!./', false, /april-2019-update\.md$/); diff --git a/docs/pages/blog/august-2019-update.js b/docs/pages/blog/august-2019-update.js index 189e833818ef9c..7f23adbd6388b7 100644 --- a/docs/pages/blog/august-2019-update.js +++ b/docs/pages/blog/august-2019-update.js @@ -1,6 +1,6 @@ import * as React from 'react'; import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'blog/august-2019-update'; const requireRaw = require.context('!raw-loader!./', false, /august-2019-update\.md$/); diff --git a/docs/pages/blog/danail-hadjiatanasov-joining.js b/docs/pages/blog/danail-hadjiatanasov-joining.js index 86f8bffd8efcc5..b1d75a18d2aba9 100644 --- a/docs/pages/blog/danail-hadjiatanasov-joining.js +++ b/docs/pages/blog/danail-hadjiatanasov-joining.js @@ -1,6 +1,6 @@ import * as React from 'react'; import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'blog/danail-hadjiatanasov-joining'; const requireRaw = require.context('!raw-loader!./', false, /danail-hadjiatanasov-joining\.md$/); diff --git a/docs/pages/blog/december-2019-update.js b/docs/pages/blog/december-2019-update.js index eb93908c0183dd..b6bef79246b7ea 100644 --- a/docs/pages/blog/december-2019-update.js +++ b/docs/pages/blog/december-2019-update.js @@ -1,6 +1,6 @@ import * as React from 'react'; import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'blog/december-2019-update'; const requireRaw = require.context('!raw-loader!./', false, /december-2019-update\.md$/); diff --git a/docs/pages/blog/july-2019-update.js b/docs/pages/blog/july-2019-update.js index aed7eddb721772..0d0e699e682043 100644 --- a/docs/pages/blog/july-2019-update.js +++ b/docs/pages/blog/july-2019-update.js @@ -1,6 +1,6 @@ import * as React from 'react'; import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'blog/july-2019-update'; const requireRaw = require.context('!raw-loader!./', false, /july-2019-update\.md$/); diff --git a/docs/pages/blog/june-2019-update.js b/docs/pages/blog/june-2019-update.js index 86c614b5c8efa9..2c313db2940e8f 100644 --- a/docs/pages/blog/june-2019-update.js +++ b/docs/pages/blog/june-2019-update.js @@ -1,6 +1,6 @@ import * as React from 'react'; import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'blog/june-2019-update'; const requireRaw = require.context('!raw-loader!./', false, /june-2019-update\.md$/); diff --git a/docs/pages/blog/march-2019-update.js b/docs/pages/blog/march-2019-update.js index 3ad242c66ec324..05d86e566b752a 100644 --- a/docs/pages/blog/march-2019-update.js +++ b/docs/pages/blog/march-2019-update.js @@ -1,6 +1,6 @@ import * as React from 'react'; import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'blog/march-2019-update'; const requireRaw = require.context('!raw-loader!./', false, /march-2019-update\.md$/); diff --git a/docs/pages/blog/marija-najdova-joining.js b/docs/pages/blog/marija-najdova-joining.js index 3513b7c0f8f42d..7247e3205227d8 100644 --- a/docs/pages/blog/marija-najdova-joining.js +++ b/docs/pages/blog/marija-najdova-joining.js @@ -1,6 +1,6 @@ import * as React from 'react'; import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'blog/marija-najdova-joining'; const requireRaw = require.context('!raw-loader!./', false, /marija-najdova-joining\.md$/); diff --git a/docs/pages/blog/material-ui-v1-is-out.js b/docs/pages/blog/material-ui-v1-is-out.js index 95e80efa09b144..aeb3933047c717 100644 --- a/docs/pages/blog/material-ui-v1-is-out.js +++ b/docs/pages/blog/material-ui-v1-is-out.js @@ -1,6 +1,6 @@ import * as React from 'react'; import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'blog/material-ui-v1-is-out'; const requireRaw = require.context('!raw-loader!./', false, /material-ui-v1-is-out\.md$/); diff --git a/docs/pages/blog/material-ui-v4-is-out.js b/docs/pages/blog/material-ui-v4-is-out.js index 573c05f16fa426..c8796a26adc5af 100644 --- a/docs/pages/blog/material-ui-v4-is-out.js +++ b/docs/pages/blog/material-ui-v4-is-out.js @@ -1,6 +1,6 @@ import * as React from 'react'; import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'blog/material-ui-v4-is-out'; const requireRaw = require.context('!raw-loader!./', false, /material-ui-v4-is-out\.md$/); diff --git a/docs/pages/blog/matheus-wichman-joining.js b/docs/pages/blog/matheus-wichman-joining.js index b5a3bf0c14c534..f399aca87fa4d9 100644 --- a/docs/pages/blog/matheus-wichman-joining.js +++ b/docs/pages/blog/matheus-wichman-joining.js @@ -1,6 +1,6 @@ import * as React from 'react'; import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'blog/matheus-wichman-joining'; const requireRaw = require.context('!raw-loader!./', false, /matheus-wichman-joining\.md$/); diff --git a/docs/pages/blog/may-2019-update.js b/docs/pages/blog/may-2019-update.js index d76ca802107bf6..c154f4dfe56208 100644 --- a/docs/pages/blog/may-2019-update.js +++ b/docs/pages/blog/may-2019-update.js @@ -1,6 +1,6 @@ import * as React from 'react'; import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'blog/may-2019-update'; const requireRaw = require.context('!raw-loader!./', false, /may-2019-update\.md$/); diff --git a/docs/pages/blog/michal-dudak-joining.js b/docs/pages/blog/michal-dudak-joining.js index af8e5ca3f21b2a..d09e9e259ed60a 100644 --- a/docs/pages/blog/michal-dudak-joining.js +++ b/docs/pages/blog/michal-dudak-joining.js @@ -1,6 +1,6 @@ import * as React from 'react'; import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'blog/michal-dudak-joining'; const requireRaw = require.context('!raw-loader!./', false, /michal-dudak-joining\.md$/); diff --git a/docs/pages/blog/november-2019-update.js b/docs/pages/blog/november-2019-update.js index 34e7366839920b..0e2aa5a507f5d6 100644 --- a/docs/pages/blog/november-2019-update.js +++ b/docs/pages/blog/november-2019-update.js @@ -1,6 +1,6 @@ import * as React from 'react'; import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'blog/november-2019-update'; const requireRaw = require.context('!raw-loader!./', false, /november-2019-update\.md$/); diff --git a/docs/pages/blog/october-2019-update.js b/docs/pages/blog/october-2019-update.js index faedee3a89c3af..f0297d4d3aa7b2 100644 --- a/docs/pages/blog/october-2019-update.js +++ b/docs/pages/blog/october-2019-update.js @@ -1,6 +1,6 @@ import * as React from 'react'; import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'blog/october-2019-update'; const requireRaw = require.context('!raw-loader!./', false, /october-2019-update\.md$/); diff --git a/docs/pages/blog/september-2019-update.js b/docs/pages/blog/september-2019-update.js index 3cfd3c27482d65..8004a834713a86 100644 --- a/docs/pages/blog/september-2019-update.js +++ b/docs/pages/blog/september-2019-update.js @@ -1,6 +1,6 @@ import * as React from 'react'; import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'blog/september-2019-update'; const requireRaw = require.context('!raw-loader!./', false, /september-2019-update\.md$/); diff --git a/docs/pages/blog/siriwat-kunaporn-joining.js b/docs/pages/blog/siriwat-kunaporn-joining.js index da9c856bc07cf6..ead39ca1708a1e 100644 --- a/docs/pages/blog/siriwat-kunaporn-joining.js +++ b/docs/pages/blog/siriwat-kunaporn-joining.js @@ -1,6 +1,6 @@ import * as React from 'react'; import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'blog/siriwat-kunaporn-joining'; const requireRaw = require.context('!raw-loader!./', false, /siriwat-kunaporn-joining\.md$/); diff --git a/docs/pages/blog/spotlight-damien-tassone.js b/docs/pages/blog/spotlight-damien-tassone.js index d71731d4815e41..3ffb4891633024 100644 --- a/docs/pages/blog/spotlight-damien-tassone.js +++ b/docs/pages/blog/spotlight-damien-tassone.js @@ -1,6 +1,6 @@ import * as React from 'react'; import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'blog/spotlight-damien-tassone'; const requireRaw = require.context('!raw-loader!./', false, /spotlight-damien-tassone\.md$/); diff --git a/docs/pages/company/about.js b/docs/pages/company/about.js index dd467cfead5777..d879c7da8d7827 100644 --- a/docs/pages/company/about.js +++ b/docs/pages/company/about.js @@ -1,6 +1,6 @@ import * as React from 'react'; import TopLayoutCompany from 'docs/src/modules/components/TopLayoutCompany'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'company/about'; const requireDemo = require.context('docs/src/pages/company/about', false, /\.(js|tsx)$/); diff --git a/docs/pages/company/careers.js b/docs/pages/company/careers.js index b2198ebf5f14ef..2cf3ca41c823d1 100644 --- a/docs/pages/company/careers.js +++ b/docs/pages/company/careers.js @@ -1,6 +1,6 @@ import * as React from 'react'; import TopLayoutCompany from 'docs/src/modules/components/TopLayoutCompany'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'company/careers'; const requireDemo = require.context('docs/src/pages/company/careers', false, /\.(js|tsx)$/); diff --git a/docs/pages/company/contact.js b/docs/pages/company/contact.js index d73f20a2373abc..297be1f853e931 100644 --- a/docs/pages/company/contact.js +++ b/docs/pages/company/contact.js @@ -1,6 +1,6 @@ import * as React from 'react'; import TopLayoutCompany from 'docs/src/modules/components/TopLayoutCompany'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'company/contact'; const requireDemo = require.context('docs/src/pages/company/contact', false, /\.(js|tsx)$/); diff --git a/docs/pages/company/lead-designer.js b/docs/pages/company/lead-designer.js index 43198d8b9609fc..deba094da7db4c 100644 --- a/docs/pages/company/lead-designer.js +++ b/docs/pages/company/lead-designer.js @@ -1,6 +1,6 @@ import React from 'react'; import TopLayoutCompany from 'docs/src/modules/components/TopLayoutCompany'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'company/lead-designer'; const requireDemo = require.context('docs/src/pages/company/lead-designer', false, /\.(js|tsx)$/); diff --git a/docs/pages/company/software-engineer.js b/docs/pages/company/software-engineer.js index 90251b44a427c9..9eb7456befb61e 100644 --- a/docs/pages/company/software-engineer.js +++ b/docs/pages/company/software-engineer.js @@ -1,6 +1,6 @@ import * as React from 'react'; import TopLayoutCompany from 'docs/src/modules/components/TopLayoutCompany'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'company/software-engineer'; const requireDemo = require.context( diff --git a/docs/pages/components/about-the-lab.js b/docs/pages/components/about-the-lab.js index 4463934cf7ed43..d33b5b84e900f5 100644 --- a/docs/pages/components/about-the-lab.js +++ b/docs/pages/components/about-the-lab.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'components/about-the-lab'; const requireDemo = require.context( diff --git a/docs/pages/components/accordion.js b/docs/pages/components/accordion.js index b1a4130a747614..09646a43a61fea 100644 --- a/docs/pages/components/accordion.js +++ b/docs/pages/components/accordion.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'components/accordion'; const requireDemo = require.context('docs/src/pages/components/accordion', false, /\.(js|tsx)$/); diff --git a/docs/pages/components/alert.js b/docs/pages/components/alert.js index 36e4867e07c6f0..ea171ed512fff1 100644 --- a/docs/pages/components/alert.js +++ b/docs/pages/components/alert.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'components/alert'; const requireDemo = require.context('docs/src/pages/components/alert', false, /\.(js|tsx)$/); diff --git a/docs/pages/components/app-bar.js b/docs/pages/components/app-bar.js index bd6cc2819c11e6..77dbd104ae0374 100644 --- a/docs/pages/components/app-bar.js +++ b/docs/pages/components/app-bar.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'components/app-bar'; const requireDemo = require.context('docs/src/pages/components/app-bar', false, /\.(js|tsx)$/); diff --git a/docs/pages/components/autocomplete.js b/docs/pages/components/autocomplete.js index d7371a7b5d2e39..a3928ef53d8a47 100644 --- a/docs/pages/components/autocomplete.js +++ b/docs/pages/components/autocomplete.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'components/autocomplete'; const requireDemo = require.context('docs/src/pages/components/autocomplete', false, /\.(js|tsx)$/); diff --git a/docs/pages/components/avatars.js b/docs/pages/components/avatars.js index 0808387b153b31..4c89ef359b7708 100644 --- a/docs/pages/components/avatars.js +++ b/docs/pages/components/avatars.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'components/avatars'; const requireDemo = require.context('docs/src/pages/components/avatars', false, /\.(js|tsx)$/); diff --git a/docs/pages/components/backdrop.js b/docs/pages/components/backdrop.js index 09e72cdb00ddfc..c0702c4cd77708 100644 --- a/docs/pages/components/backdrop.js +++ b/docs/pages/components/backdrop.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'components/backdrop'; const requireDemo = require.context('docs/src/pages/components/backdrop', false, /\.(js|tsx)$/); diff --git a/docs/pages/components/badges.js b/docs/pages/components/badges.js index 3b8c92f0213fad..7394fa830cf9ee 100644 --- a/docs/pages/components/badges.js +++ b/docs/pages/components/badges.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'components/badges'; const requireDemo = require.context('docs/src/pages/components/badges', false, /\.(js|tsx)$/); diff --git a/docs/pages/components/bottom-navigation.js b/docs/pages/components/bottom-navigation.js index 2dd9f2fa3d6ded..2dae37e9f8896e 100644 --- a/docs/pages/components/bottom-navigation.js +++ b/docs/pages/components/bottom-navigation.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'components/bottom-navigation'; const requireDemo = require.context( diff --git a/docs/pages/components/box.js b/docs/pages/components/box.js index 6213b10aa5abf9..a3074e058180cf 100644 --- a/docs/pages/components/box.js +++ b/docs/pages/components/box.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'components/box'; const requireDemo = require.context('docs/src/pages/components/box', false, /\.(js|tsx)$/); diff --git a/docs/pages/components/breadcrumbs.js b/docs/pages/components/breadcrumbs.js index de20ba4f6ef211..3c912f252aa4e6 100644 --- a/docs/pages/components/breadcrumbs.js +++ b/docs/pages/components/breadcrumbs.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'components/breadcrumbs'; const requireDemo = require.context('docs/src/pages/components/breadcrumbs', false, /\.(js|tsx)$/); diff --git a/docs/pages/components/button-group.js b/docs/pages/components/button-group.js index 2893f50f7e7fdb..0e40c094d1d2fc 100644 --- a/docs/pages/components/button-group.js +++ b/docs/pages/components/button-group.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'components/button-group'; const requireDemo = require.context('docs/src/pages/components/button-group', false, /\.(js|tsx)$/); diff --git a/docs/pages/components/buttons.js b/docs/pages/components/buttons.js index 883fa7c73abae4..d07b0fcef5aa98 100644 --- a/docs/pages/components/buttons.js +++ b/docs/pages/components/buttons.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'components/buttons'; const requireDemo = require.context('docs/src/pages/components/buttons', false, /\.(js|tsx)$/); diff --git a/docs/pages/components/cards.js b/docs/pages/components/cards.js index fbc21da064c7ef..c59c974e6fb25e 100644 --- a/docs/pages/components/cards.js +++ b/docs/pages/components/cards.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'components/cards'; const requireDemo = require.context('docs/src/pages/components/cards', false, /\.(js|tsx)$/); diff --git a/docs/pages/components/checkboxes.js b/docs/pages/components/checkboxes.js index f79dfc8362557c..353ab591129b46 100644 --- a/docs/pages/components/checkboxes.js +++ b/docs/pages/components/checkboxes.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'components/checkboxes'; const requireDemo = require.context('docs/src/pages/components/checkboxes', false, /\.(js|tsx)$/); diff --git a/docs/pages/components/chips.js b/docs/pages/components/chips.js index 3b9051878f7ea8..a6c632ef3354d2 100644 --- a/docs/pages/components/chips.js +++ b/docs/pages/components/chips.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'components/chips'; const requireDemo = require.context('docs/src/pages/components/chips', false, /\.(js|tsx)$/); diff --git a/docs/pages/components/click-away-listener.js b/docs/pages/components/click-away-listener.js index a086c1acc7f0b3..5e74b923c937a6 100644 --- a/docs/pages/components/click-away-listener.js +++ b/docs/pages/components/click-away-listener.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'components/click-away-listener'; const requireDemo = require.context( diff --git a/docs/pages/components/container.js b/docs/pages/components/container.js index 8c6df3a4d0a47b..44949f5809eaab 100644 --- a/docs/pages/components/container.js +++ b/docs/pages/components/container.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'components/container'; const requireDemo = require.context('docs/src/pages/components/container', false, /\.(js|tsx)$/); diff --git a/docs/pages/components/css-baseline.js b/docs/pages/components/css-baseline.js index 954ab3960fdd87..918dbaf084264f 100644 --- a/docs/pages/components/css-baseline.js +++ b/docs/pages/components/css-baseline.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'components/css-baseline'; const requireDemo = require.context('docs/src/pages/components/css-baseline', false, /\.(js|tsx)$/); diff --git a/docs/pages/components/date-picker.js b/docs/pages/components/date-picker.js index 5b6d38d394c8c4..f7b47957a2ccc8 100644 --- a/docs/pages/components/date-picker.js +++ b/docs/pages/components/date-picker.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'components/date-picker'; const requireDemo = require.context('docs/src/pages/components/date-picker', false, /\.(js|tsx)$/); diff --git a/docs/pages/components/date-range-picker.js b/docs/pages/components/date-range-picker.js index ccb1537469d799..de60ebe5f1e7aa 100644 --- a/docs/pages/components/date-range-picker.js +++ b/docs/pages/components/date-range-picker.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'components/date-range-picker'; const requireDemo = require.context( diff --git a/docs/pages/components/date-time-picker.js b/docs/pages/components/date-time-picker.js index 973af6a456f61c..553e5a5b2fb04a 100644 --- a/docs/pages/components/date-time-picker.js +++ b/docs/pages/components/date-time-picker.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'components/date-time-picker'; const requireDemo = require.context( diff --git a/docs/pages/components/dialogs.js b/docs/pages/components/dialogs.js index 3eafed10f69b6b..74a49bd2cc4a17 100644 --- a/docs/pages/components/dialogs.js +++ b/docs/pages/components/dialogs.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'components/dialogs'; const requireDemo = require.context('docs/src/pages/components/dialogs', false, /\.(js|tsx)$/); diff --git a/docs/pages/components/dividers.js b/docs/pages/components/dividers.js index 56f7e3c5992ee4..6288387c8ffade 100644 --- a/docs/pages/components/dividers.js +++ b/docs/pages/components/dividers.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'components/dividers'; const requireDemo = require.context('docs/src/pages/components/dividers', false, /\.(js|tsx)$/); diff --git a/docs/pages/components/drawers.js b/docs/pages/components/drawers.js index 434efeea62f44c..638b24388d8938 100644 --- a/docs/pages/components/drawers.js +++ b/docs/pages/components/drawers.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'components/drawers'; const requireDemo = require.context('docs/src/pages/components/drawers', false, /\.(js|tsx)$/); diff --git a/docs/pages/components/floating-action-button.js b/docs/pages/components/floating-action-button.js index 32a81cb2da9d1e..fdefeb62bbd15b 100644 --- a/docs/pages/components/floating-action-button.js +++ b/docs/pages/components/floating-action-button.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'components/floating-action-button'; const requireDemo = require.context( diff --git a/docs/pages/components/grid.js b/docs/pages/components/grid.js index 5bd597f60882cb..152197e3996c2c 100644 --- a/docs/pages/components/grid.js +++ b/docs/pages/components/grid.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'components/grid'; const requireDemo = require.context('docs/src/pages/components/grid', false, /\.(js|tsx)$/); diff --git a/docs/pages/components/icons.js b/docs/pages/components/icons.js index 52881fc8a59ed8..e6100200afb5ac 100644 --- a/docs/pages/components/icons.js +++ b/docs/pages/components/icons.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'components/icons'; const requireDemo = require.context('docs/src/pages/components/icons', false, /\.(js|tsx)$/); diff --git a/docs/pages/components/image-list.js b/docs/pages/components/image-list.js index 27b37ad73753c0..88e249096fd680 100644 --- a/docs/pages/components/image-list.js +++ b/docs/pages/components/image-list.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'components/image-list'; const requireDemo = require.context('docs/src/pages/components/image-list', false, /\.(js|tsx)$/); diff --git a/docs/pages/components/links.js b/docs/pages/components/links.js index 01ad2cc613af95..c7fcac6f0dc306 100644 --- a/docs/pages/components/links.js +++ b/docs/pages/components/links.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'components/links'; const requireDemo = require.context('docs/src/pages/components/links', false, /\.(js|tsx)$/); diff --git a/docs/pages/components/lists.js b/docs/pages/components/lists.js index 926e19828d8529..854f2d68995202 100644 --- a/docs/pages/components/lists.js +++ b/docs/pages/components/lists.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'components/lists'; const requireDemo = require.context('docs/src/pages/components/lists', false, /\.(js|tsx)$/); diff --git a/docs/pages/components/material-icons.js b/docs/pages/components/material-icons.js index 503ef174604923..dff07c1b686348 100644 --- a/docs/pages/components/material-icons.js +++ b/docs/pages/components/material-icons.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'components/material-icons'; const requireDemo = require.context( diff --git a/docs/pages/components/menus.js b/docs/pages/components/menus.js index f88391e6dd522d..13fd8badf9da3d 100644 --- a/docs/pages/components/menus.js +++ b/docs/pages/components/menus.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'components/menus'; const requireDemo = require.context('docs/src/pages/components/menus', false, /\.(js|tsx)$/); diff --git a/docs/pages/components/modal.js b/docs/pages/components/modal.js index e3b80adf1ca762..0db9ea7299caef 100644 --- a/docs/pages/components/modal.js +++ b/docs/pages/components/modal.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'components/modal'; const requireDemo = require.context('docs/src/pages/components/modal', false, /\.(js|tsx)$/); diff --git a/docs/pages/components/no-ssr.js b/docs/pages/components/no-ssr.js index e49c79c15d73f3..b7ee572348f02a 100644 --- a/docs/pages/components/no-ssr.js +++ b/docs/pages/components/no-ssr.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'components/no-ssr'; const requireDemo = require.context('docs/src/pages/components/no-ssr', false, /\.(js|tsx)$/); diff --git a/docs/pages/components/pagination.js b/docs/pages/components/pagination.js index b09714945d0e9c..7f49e44821c96a 100644 --- a/docs/pages/components/pagination.js +++ b/docs/pages/components/pagination.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'components/pagination'; const requireDemo = require.context('docs/src/pages/components/pagination', false, /\.(js|tsx)$/); diff --git a/docs/pages/components/paper.js b/docs/pages/components/paper.js index b83f0cfec4847c..f367c2f0a81f26 100644 --- a/docs/pages/components/paper.js +++ b/docs/pages/components/paper.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'components/paper'; const requireDemo = require.context('docs/src/pages/components/paper', false, /\.(js|tsx)$/); diff --git a/docs/pages/components/pickers.js b/docs/pages/components/pickers.js index 34751148913311..c6f23f17cef89b 100644 --- a/docs/pages/components/pickers.js +++ b/docs/pages/components/pickers.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'components/pickers'; const requireDemo = require.context('docs/src/pages/components/pickers', false, /\.(js|tsx)$/); diff --git a/docs/pages/components/popover.js b/docs/pages/components/popover.js index 691a59c831bff8..83fb98715ceadc 100644 --- a/docs/pages/components/popover.js +++ b/docs/pages/components/popover.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'components/popover'; const requireDemo = require.context('docs/src/pages/components/popover', false, /\.(js|tsx)$/); diff --git a/docs/pages/components/popper.js b/docs/pages/components/popper.js index 464de84dcb0842..2f294ec7d682bf 100644 --- a/docs/pages/components/popper.js +++ b/docs/pages/components/popper.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'components/popper'; const requireDemo = require.context('docs/src/pages/components/popper', false, /\.(js|tsx)$/); diff --git a/docs/pages/components/portal.js b/docs/pages/components/portal.js index c55282f30fdc6e..5f5c33d27e712e 100644 --- a/docs/pages/components/portal.js +++ b/docs/pages/components/portal.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'components/portal'; const requireDemo = require.context('docs/src/pages/components/portal', false, /\.(js|tsx)$/); diff --git a/docs/pages/components/progress.js b/docs/pages/components/progress.js index cb8170bf671b56..ba50f63477cdce 100644 --- a/docs/pages/components/progress.js +++ b/docs/pages/components/progress.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'components/progress'; const requireDemo = require.context('docs/src/pages/components/progress', false, /\.(js|tsx)$/); diff --git a/docs/pages/components/radio-buttons.js b/docs/pages/components/radio-buttons.js index 78221898fd9ca1..f2aec8853f1ccc 100644 --- a/docs/pages/components/radio-buttons.js +++ b/docs/pages/components/radio-buttons.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'components/radio-buttons'; const requireDemo = require.context( diff --git a/docs/pages/components/rating.js b/docs/pages/components/rating.js index c46e58f911f490..dbe78db9b9ac66 100644 --- a/docs/pages/components/rating.js +++ b/docs/pages/components/rating.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'components/rating'; const requireDemo = require.context('docs/src/pages/components/rating', false, /\.(js|tsx)$/); diff --git a/docs/pages/components/selects.js b/docs/pages/components/selects.js index 92439bee54e79a..f63dc4637ff54d 100644 --- a/docs/pages/components/selects.js +++ b/docs/pages/components/selects.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'components/selects'; const requireDemo = require.context('docs/src/pages/components/selects', false, /\.(js|tsx)$/); diff --git a/docs/pages/components/skeleton.js b/docs/pages/components/skeleton.js index 7d47463269d27c..3b83259a8e0749 100644 --- a/docs/pages/components/skeleton.js +++ b/docs/pages/components/skeleton.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'components/skeleton'; const requireDemo = require.context('docs/src/pages/components/skeleton', false, /\.(js|tsx)$/); diff --git a/docs/pages/components/slider.js b/docs/pages/components/slider.js index 281b170f2849fb..b2b4e758010903 100644 --- a/docs/pages/components/slider.js +++ b/docs/pages/components/slider.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'components/slider'; const requireDemo = require.context('docs/src/pages/components/slider', false, /\.(js|tsx)$/); diff --git a/docs/pages/components/snackbars.js b/docs/pages/components/snackbars.js index e15d25013b2089..cd641e83a9f2eb 100644 --- a/docs/pages/components/snackbars.js +++ b/docs/pages/components/snackbars.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'components/snackbars'; const requireDemo = require.context('docs/src/pages/components/snackbars', false, /\.(js|tsx)$/); diff --git a/docs/pages/components/speed-dial.js b/docs/pages/components/speed-dial.js index 47bf7b35064cac..47f16eea31da95 100644 --- a/docs/pages/components/speed-dial.js +++ b/docs/pages/components/speed-dial.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'components/speed-dial'; const requireDemo = require.context('docs/src/pages/components/speed-dial', false, /\.(js|tsx)$/); diff --git a/docs/pages/components/stack.js b/docs/pages/components/stack.js index 473bdc2c887c47..dffdfc1dc45f5f 100644 --- a/docs/pages/components/stack.js +++ b/docs/pages/components/stack.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'components/stack'; const requireDemo = require.context('docs/src/pages/components/stack', false, /\.(js|tsx)$/); diff --git a/docs/pages/components/steppers.js b/docs/pages/components/steppers.js index 9724068aac5249..7711f7188feff1 100644 --- a/docs/pages/components/steppers.js +++ b/docs/pages/components/steppers.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'components/steppers'; const requireDemo = require.context('docs/src/pages/components/steppers', false, /\.(js|tsx)$/); diff --git a/docs/pages/components/switches.js b/docs/pages/components/switches.js index 78dc034716f286..08fc097c248201 100644 --- a/docs/pages/components/switches.js +++ b/docs/pages/components/switches.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'components/switches'; const requireDemo = require.context('docs/src/pages/components/switches', false, /\.(js|tsx)$/); diff --git a/docs/pages/components/tables.js b/docs/pages/components/tables.js index de88d59f3a3487..790617059a50c0 100644 --- a/docs/pages/components/tables.js +++ b/docs/pages/components/tables.js @@ -1,11 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown'; import { pageFilename, requireDemo, requireRaw, -} from '!@material-ui/demo-loader!docs/src/pages/components/tables/tables.md'; +} from '!@material-ui/markdown/loader!docs/src/pages/components/tables/tables.md'; export default function Page({ demos, docs }) { return ; diff --git a/docs/pages/components/tabs.js b/docs/pages/components/tabs.js index f9f4a5a186b209..689e7d82fc7dbc 100644 --- a/docs/pages/components/tabs.js +++ b/docs/pages/components/tabs.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'components/tabs'; const requireDemo = require.context('docs/src/pages/components/tabs', false, /\.(js|tsx)$/); diff --git a/docs/pages/components/text-fields.js b/docs/pages/components/text-fields.js index 0904af9207d3e5..1e43ec0ef5e1ce 100644 --- a/docs/pages/components/text-fields.js +++ b/docs/pages/components/text-fields.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'components/text-fields'; const requireDemo = require.context('docs/src/pages/components/text-fields', false, /\.(js|tsx)$/); diff --git a/docs/pages/components/textarea-autosize.js b/docs/pages/components/textarea-autosize.js index a18a7e6c3f8d6d..68d9391b631946 100644 --- a/docs/pages/components/textarea-autosize.js +++ b/docs/pages/components/textarea-autosize.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'components/textarea-autosize'; const requireDemo = require.context( diff --git a/docs/pages/components/time-picker.js b/docs/pages/components/time-picker.js index 0f9c4163dc12d0..8410701f991732 100644 --- a/docs/pages/components/time-picker.js +++ b/docs/pages/components/time-picker.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'components/time-picker'; const requireDemo = require.context('docs/src/pages/components/time-picker', false, /\.(js|tsx)$/); diff --git a/docs/pages/components/timeline.js b/docs/pages/components/timeline.js index f2aed1e619c655..7cc03ff46ec02b 100644 --- a/docs/pages/components/timeline.js +++ b/docs/pages/components/timeline.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'components/timeline'; const requireDemo = require.context('docs/src/pages/components/timeline', false, /\.(js|tsx)$/); diff --git a/docs/pages/components/toggle-button.js b/docs/pages/components/toggle-button.js index 0e6e4d1cbf4d74..c5e7dbaa8d3e60 100644 --- a/docs/pages/components/toggle-button.js +++ b/docs/pages/components/toggle-button.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'components/toggle-button'; const requireDemo = require.context( diff --git a/docs/pages/components/tooltips.js b/docs/pages/components/tooltips.js index c8a5b7fafca05c..c2a808cd5891cb 100644 --- a/docs/pages/components/tooltips.js +++ b/docs/pages/components/tooltips.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'components/tooltips'; const requireDemo = require.context('docs/src/pages/components/tooltips', false, /\.(js|tsx)$/); diff --git a/docs/pages/components/transfer-list.js b/docs/pages/components/transfer-list.js index cf2f765e0bade0..dfc5d542103bf8 100644 --- a/docs/pages/components/transfer-list.js +++ b/docs/pages/components/transfer-list.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'components/transfer-list'; const requireDemo = require.context( diff --git a/docs/pages/components/transitions.js b/docs/pages/components/transitions.js index 9ad1b91ae94175..2d350ceb190faa 100644 --- a/docs/pages/components/transitions.js +++ b/docs/pages/components/transitions.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'components/transitions'; const requireDemo = require.context('docs/src/pages/components/transitions', false, /\.(js|tsx)$/); diff --git a/docs/pages/components/trap-focus.js b/docs/pages/components/trap-focus.js index a967733a71d2d4..d005ea8723b718 100644 --- a/docs/pages/components/trap-focus.js +++ b/docs/pages/components/trap-focus.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'components/trap-focus'; const requireDemo = require.context('docs/src/pages/components/trap-focus', false, /\.(js|tsx)$/); diff --git a/docs/pages/components/tree-view.js b/docs/pages/components/tree-view.js index b7bbc4d2b3e38b..8449214bd668d6 100644 --- a/docs/pages/components/tree-view.js +++ b/docs/pages/components/tree-view.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'components/tree-view'; const requireDemo = require.context('docs/src/pages/components/tree-view', false, /\.(js|tsx)$/); diff --git a/docs/pages/components/typography.js b/docs/pages/components/typography.js index 25cb9d6c68f40f..2a06218a54e960 100644 --- a/docs/pages/components/typography.js +++ b/docs/pages/components/typography.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'components/typography'; const requireDemo = require.context('docs/src/pages/components/typography', false, /\.(js|tsx)$/); diff --git a/docs/pages/components/use-media-query.js b/docs/pages/components/use-media-query.js index c6de5bb1107a6c..0613dc6ada733b 100644 --- a/docs/pages/components/use-media-query.js +++ b/docs/pages/components/use-media-query.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'components/use-media-query'; const requireDemo = require.context( diff --git a/docs/pages/customization/breakpoints.js b/docs/pages/customization/breakpoints.js index a09136b36fe0b1..687c389d931338 100644 --- a/docs/pages/customization/breakpoints.js +++ b/docs/pages/customization/breakpoints.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'customization/breakpoints'; const requireDemo = require.context( diff --git a/docs/pages/customization/color.js b/docs/pages/customization/color.js index de7fdb5810e089..0066890a322646 100644 --- a/docs/pages/customization/color.js +++ b/docs/pages/customization/color.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'customization/color'; const requireDemo = require.context('docs/src/pages/customization/color', false, /\.(js|tsx)$/); diff --git a/docs/pages/customization/default-theme.js b/docs/pages/customization/default-theme.js index ed6bbfb9cab11e..b689e72500db8b 100644 --- a/docs/pages/customization/default-theme.js +++ b/docs/pages/customization/default-theme.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'customization/default-theme'; const requireDemo = require.context( diff --git a/docs/pages/customization/density.js b/docs/pages/customization/density.js index d109e147eb96e8..c3bfd6a144881e 100644 --- a/docs/pages/customization/density.js +++ b/docs/pages/customization/density.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'customization/density'; const requireDemo = require.context('docs/src/pages/customization/density', false, /\.(js|tsx)$/); diff --git a/docs/pages/customization/how-to-customize.js b/docs/pages/customization/how-to-customize.js index 0d5cdbc8bc7f88..91d3a7396b761b 100644 --- a/docs/pages/customization/how-to-customize.js +++ b/docs/pages/customization/how-to-customize.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'customization/how-to-customize'; const requireDemo = require.context( diff --git a/docs/pages/customization/palette.js b/docs/pages/customization/palette.js index f5b3df374b4465..da021597371992 100644 --- a/docs/pages/customization/palette.js +++ b/docs/pages/customization/palette.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'customization/palette'; const requireDemo = require.context('docs/src/pages/customization/palette', false, /\.(js|tsx)$/); diff --git a/docs/pages/customization/spacing.js b/docs/pages/customization/spacing.js index 81cee4f99d442a..c0e1c602a02a48 100644 --- a/docs/pages/customization/spacing.js +++ b/docs/pages/customization/spacing.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'customization/spacing'; const requireDemo = require.context('docs/src/pages/customization/spacing', false, /\.(js|tsx)$/); diff --git a/docs/pages/customization/styled.js b/docs/pages/customization/styled.js index 05fbeab7e14fb7..7652cc5b112c16 100644 --- a/docs/pages/customization/styled.js +++ b/docs/pages/customization/styled.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'customization/styled'; const requireDemo = require.context('docs/src/pages/customization/styled', false, /\.(js|tsx)$/); diff --git a/docs/pages/customization/theme-components.js b/docs/pages/customization/theme-components.js index c0d54c1e7e08b8..ceb7870759f838 100644 --- a/docs/pages/customization/theme-components.js +++ b/docs/pages/customization/theme-components.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'customization/theme-components'; const requireDemo = require.context( diff --git a/docs/pages/customization/theming.js b/docs/pages/customization/theming.js index 42ae7f5039e718..ad415f9b707a15 100644 --- a/docs/pages/customization/theming.js +++ b/docs/pages/customization/theming.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'customization/theming'; const requireDemo = require.context('docs/src/pages/customization/theming', false, /\.(js|tsx)$/); diff --git a/docs/pages/customization/transitions.js b/docs/pages/customization/transitions.js index da737b2e434b12..c0de16fc00b19d 100644 --- a/docs/pages/customization/transitions.js +++ b/docs/pages/customization/transitions.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'customization/transitions'; const requireDemo = require.context( diff --git a/docs/pages/customization/typography.js b/docs/pages/customization/typography.js index 85f1da92bd9887..5ca31c67346157 100644 --- a/docs/pages/customization/typography.js +++ b/docs/pages/customization/typography.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'customization/typography'; const requireDemo = require.context( diff --git a/docs/pages/customization/z-index.js b/docs/pages/customization/z-index.js index 4ab0a41871fe58..3dacec0a79aad2 100644 --- a/docs/pages/customization/z-index.js +++ b/docs/pages/customization/z-index.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'customization/z-index'; const requireDemo = require.context('docs/src/pages/customization/z-index', false, /\.(js|tsx)$/); diff --git a/docs/pages/discover-more/backers.js b/docs/pages/discover-more/backers.js index 886eabad26dc33..2b2f16fde39ab3 100644 --- a/docs/pages/discover-more/backers.js +++ b/docs/pages/discover-more/backers.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'discover-more/backers'; const requireDemo = require.context('docs/src/pages/discover-more/backers', false, /\.(js|tsx)$/); diff --git a/docs/pages/discover-more/changelog.js b/docs/pages/discover-more/changelog.js index 009bc61cec9f9e..7c65e756bd1588 100644 --- a/docs/pages/discover-more/changelog.js +++ b/docs/pages/discover-more/changelog.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'discover-more/changelog'; const requireDemo = require.context('docs/src/pages/discover-more/changelog', false, /\.(js|tsx)$/); diff --git a/docs/pages/discover-more/languages.js b/docs/pages/discover-more/languages.js index 0a5ef244f72419..17c1b65bb2ab0b 100644 --- a/docs/pages/discover-more/languages.js +++ b/docs/pages/discover-more/languages.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'discover-more/languages'; const requireDemo = require.context('docs/src/pages/discover-more/languages', false, /\.(js|tsx)$/); diff --git a/docs/pages/discover-more/related-projects.js b/docs/pages/discover-more/related-projects.js index b3a37afed0452e..0e5303f071c754 100644 --- a/docs/pages/discover-more/related-projects.js +++ b/docs/pages/discover-more/related-projects.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'discover-more/related-projects'; const requireDemo = require.context( diff --git a/docs/pages/discover-more/roadmap.js b/docs/pages/discover-more/roadmap.js index c9aeef065526b8..9b15150cbfcffd 100644 --- a/docs/pages/discover-more/roadmap.js +++ b/docs/pages/discover-more/roadmap.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'discover-more/roadmap'; const requireDemo = require.context('docs/src/pages/discover-more/roadmap', false, /\.(js|tsx)$/); diff --git a/docs/pages/discover-more/showcase.js b/docs/pages/discover-more/showcase.js index 95c1f0b11727ae..4fefb121622eed 100644 --- a/docs/pages/discover-more/showcase.js +++ b/docs/pages/discover-more/showcase.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'discover-more/showcase'; const requireDemo = require.context('docs/src/pages/discover-more/showcase', false, /\.(js|tsx)$/); diff --git a/docs/pages/discover-more/team.js b/docs/pages/discover-more/team.js index c4187e6112972e..ca15f1af5eab8b 100644 --- a/docs/pages/discover-more/team.js +++ b/docs/pages/discover-more/team.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'discover-more/team'; const requireDemo = require.context('docs/src/pages/discover-more/team', false, /\.(js|tsx)$/); diff --git a/docs/pages/discover-more/vision.js b/docs/pages/discover-more/vision.js index 24e77a1073309f..08c1f4b9db8b4b 100644 --- a/docs/pages/discover-more/vision.js +++ b/docs/pages/discover-more/vision.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'discover-more/vision'; const requireDemo = require.context('docs/src/pages/discover-more/vision', false, /\.(js|tsx)$/); diff --git a/docs/pages/getting-started/example-projects.js b/docs/pages/getting-started/example-projects.js index cff3527aa4443e..5cde45378a2847 100644 --- a/docs/pages/getting-started/example-projects.js +++ b/docs/pages/getting-started/example-projects.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'getting-started/example-projects'; const requireDemo = require.context( diff --git a/docs/pages/getting-started/faq.js b/docs/pages/getting-started/faq.js index 29a16732dad8d9..ce8a15fa21cd22 100644 --- a/docs/pages/getting-started/faq.js +++ b/docs/pages/getting-started/faq.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'getting-started/faq'; const requireDemo = require.context('docs/src/pages/getting-started/faq', false, /\.(js|tsx)$/); diff --git a/docs/pages/getting-started/installation.js b/docs/pages/getting-started/installation.js index 3f189209e893b6..3f819bbbd2ae87 100644 --- a/docs/pages/getting-started/installation.js +++ b/docs/pages/getting-started/installation.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'getting-started/installation'; const requireDemo = require.context( diff --git a/docs/pages/getting-started/learn.js b/docs/pages/getting-started/learn.js index bc69508ad587f4..b8f80ab52409a7 100644 --- a/docs/pages/getting-started/learn.js +++ b/docs/pages/getting-started/learn.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'getting-started/learn'; const requireDemo = require.context('docs/src/pages/getting-started/learn', false, /\.(js|tsx)$/); diff --git a/docs/pages/getting-started/support.js b/docs/pages/getting-started/support.js index ddedd2a0f7d9e0..6a2164e8cfc0bc 100644 --- a/docs/pages/getting-started/support.js +++ b/docs/pages/getting-started/support.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'getting-started/support'; const requireDemo = require.context('docs/src/pages/getting-started/support', false, /\.(js|tsx)$/); diff --git a/docs/pages/getting-started/supported-components.js b/docs/pages/getting-started/supported-components.js index 487d71f7c8a08b..74407bbf440f98 100644 --- a/docs/pages/getting-started/supported-components.js +++ b/docs/pages/getting-started/supported-components.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'getting-started/supported-components'; const requireDemo = require.context( diff --git a/docs/pages/getting-started/supported-platforms.js b/docs/pages/getting-started/supported-platforms.js index b53938c76a203e..bb11d0e7469116 100644 --- a/docs/pages/getting-started/supported-platforms.js +++ b/docs/pages/getting-started/supported-platforms.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'getting-started/supported-platforms'; const requireDemo = require.context( diff --git a/docs/pages/getting-started/templates.js b/docs/pages/getting-started/templates.js index eb71fc3d1e7fe6..3ab97e3ba9dbeb 100644 --- a/docs/pages/getting-started/templates.js +++ b/docs/pages/getting-started/templates.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'getting-started/templates'; const requireDemo = require.context( diff --git a/docs/pages/getting-started/usage.js b/docs/pages/getting-started/usage.js index ddb0459a7d0bd7..55f82094def397 100644 --- a/docs/pages/getting-started/usage.js +++ b/docs/pages/getting-started/usage.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'getting-started/usage'; const requireDemo = require.context('docs/src/pages/getting-started/usage', false, /\.(js|tsx)$/); diff --git a/docs/pages/guides/api.js b/docs/pages/guides/api.js index 68257a919b3aa5..88778772cd7ef9 100644 --- a/docs/pages/guides/api.js +++ b/docs/pages/guides/api.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'guides/api'; const requireDemo = require.context('docs/src/pages/guides/api', false, /\.(js|tsx)$/); diff --git a/docs/pages/guides/composition.js b/docs/pages/guides/composition.js index 39713980c25d58..805b517c033a07 100644 --- a/docs/pages/guides/composition.js +++ b/docs/pages/guides/composition.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'guides/composition'; const requireDemo = require.context('docs/src/pages/guides/composition', false, /\.(js|tsx)$/); diff --git a/docs/pages/guides/content-security-policy.js b/docs/pages/guides/content-security-policy.js index 6a36e297e6ccf1..3f3208c372d090 100644 --- a/docs/pages/guides/content-security-policy.js +++ b/docs/pages/guides/content-security-policy.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'guides/content-security-policy'; const requireDemo = require.context( diff --git a/docs/pages/guides/flow.js b/docs/pages/guides/flow.js index 785c8a80c66e63..bb26094456c5a4 100644 --- a/docs/pages/guides/flow.js +++ b/docs/pages/guides/flow.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'guides/flow'; const requireDemo = require.context('docs/src/pages/guides/flow', false, /\.(js|tsx)$/); diff --git a/docs/pages/guides/interoperability.js b/docs/pages/guides/interoperability.js index ef161ab44818e8..9c931d697c113c 100644 --- a/docs/pages/guides/interoperability.js +++ b/docs/pages/guides/interoperability.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'guides/interoperability'; const requireDemo = require.context('docs/src/pages/guides/interoperability', false, /\.(js|tsx)$/); diff --git a/docs/pages/guides/localization.js b/docs/pages/guides/localization.js index 1a368d373c949d..99da3231cf39de 100644 --- a/docs/pages/guides/localization.js +++ b/docs/pages/guides/localization.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'guides/localization'; const requireDemo = require.context('docs/src/pages/guides/localization', false, /\.(js|tsx)$/); diff --git a/docs/pages/guides/migration-v0x.js b/docs/pages/guides/migration-v0x.js index b69c1739c96d70..b29e28de07495e 100644 --- a/docs/pages/guides/migration-v0x.js +++ b/docs/pages/guides/migration-v0x.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'guides/migration-v0x'; const requireDemo = require.context('docs/src/pages/guides/migration-v0x', false, /\.(js|tsx)$/); diff --git a/docs/pages/guides/migration-v3.js b/docs/pages/guides/migration-v3.js index 53bfcb3e0541f2..44f7b82ed65fe9 100644 --- a/docs/pages/guides/migration-v3.js +++ b/docs/pages/guides/migration-v3.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'guides/migration-v3'; const requireDemo = require.context('docs/src/pages/guides/migration-v3', false, /\.(js|tsx)$/); diff --git a/docs/pages/guides/migration-v4.js b/docs/pages/guides/migration-v4.js index 54749fb1daf9b5..594aca958e8ba9 100644 --- a/docs/pages/guides/migration-v4.js +++ b/docs/pages/guides/migration-v4.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'guides/migration-v4'; const requireDemo = require.context('docs/src/pages/guides/migration-v4', false, /\.(js|tsx)$/); diff --git a/docs/pages/guides/minimizing-bundle-size.js b/docs/pages/guides/minimizing-bundle-size.js index 4bc1c5818b6ce9..d6e37ddf9755f6 100644 --- a/docs/pages/guides/minimizing-bundle-size.js +++ b/docs/pages/guides/minimizing-bundle-size.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'guides/minimizing-bundle-size'; const requireDemo = require.context( diff --git a/docs/pages/guides/pickers-migration.js b/docs/pages/guides/pickers-migration.js index 8e9dd8e118788f..3131e9eff5ddc9 100644 --- a/docs/pages/guides/pickers-migration.js +++ b/docs/pages/guides/pickers-migration.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'guides/pickers-migration'; const requireDemo = require.context( diff --git a/docs/pages/guides/responsive-ui.js b/docs/pages/guides/responsive-ui.js index b8c766a7f1b746..18a1b39312d530 100644 --- a/docs/pages/guides/responsive-ui.js +++ b/docs/pages/guides/responsive-ui.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'guides/responsive-ui'; const requireDemo = require.context('docs/src/pages/guides/responsive-ui', false, /\.(js|tsx)$/); diff --git a/docs/pages/guides/right-to-left.js b/docs/pages/guides/right-to-left.js index 0b95d2aa437a0c..db65162377f429 100644 --- a/docs/pages/guides/right-to-left.js +++ b/docs/pages/guides/right-to-left.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'guides/right-to-left'; const requireDemo = require.context('docs/src/pages/guides/right-to-left', false, /\.(js|tsx)$/); diff --git a/docs/pages/guides/routing.js b/docs/pages/guides/routing.js index 04b21f34057898..5e434c3e780d53 100644 --- a/docs/pages/guides/routing.js +++ b/docs/pages/guides/routing.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'guides/routing'; const requireDemo = require.context('docs/src/pages/guides/routing', false, /\.(js|tsx)$/); diff --git a/docs/pages/guides/server-rendering.js b/docs/pages/guides/server-rendering.js index 0ac1037d7e32ac..e106dc498a677a 100644 --- a/docs/pages/guides/server-rendering.js +++ b/docs/pages/guides/server-rendering.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'guides/server-rendering'; const requireDemo = require.context('docs/src/pages/guides/server-rendering', false, /\.(js|tsx)$/); diff --git a/docs/pages/guides/styled-engine.js b/docs/pages/guides/styled-engine.js index 97b26b1db84d4b..ba8b1ff09050d7 100644 --- a/docs/pages/guides/styled-engine.js +++ b/docs/pages/guides/styled-engine.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'guides/styled-engine'; const requireDemo = require.context('docs/src/pages/guides/styled-engine', false, /\.(js|tsx)$/); diff --git a/docs/pages/guides/testing.js b/docs/pages/guides/testing.js index 7f6b3bbd6df7ef..b793005d6f9b35 100644 --- a/docs/pages/guides/testing.js +++ b/docs/pages/guides/testing.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'guides/testing'; const requireDemo = require.context('docs/src/pages/guides/testing', false, /\.(js|tsx)$/); diff --git a/docs/pages/guides/typescript.js b/docs/pages/guides/typescript.js index 2df1f587dab8c3..a2a4a6c125f7ca 100644 --- a/docs/pages/guides/typescript.js +++ b/docs/pages/guides/typescript.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'guides/typescript'; const requireDemo = require.context('docs/src/pages/guides/typescript', false, /\.(js|tsx)$/); diff --git a/docs/pages/production-error.js b/docs/pages/production-error.js index 0fe5b5f05c6399..3341356f5d6072 100644 --- a/docs/pages/production-error.js +++ b/docs/pages/production-error.js @@ -1,11 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown'; import { pageFilename, requireDemo, requireRaw, -} from '!@material-ui/demo-loader!docs/src/pages/production-error/index.md'; +} from '!@material-ui/markdown/loader!docs/src/pages/production-error/index.md'; export default function Page({ demos, docs }) { return ; diff --git a/docs/pages/styles/advanced.js b/docs/pages/styles/advanced.js index 637a883e2e06d3..322c477e565f7c 100644 --- a/docs/pages/styles/advanced.js +++ b/docs/pages/styles/advanced.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'styles/advanced'; const requireDemo = require.context('docs/src/pages/styles/advanced', false, /\.(js|tsx)$/); diff --git a/docs/pages/styles/api.js b/docs/pages/styles/api.js index 1db82b44211dbc..1a47db40b4f24b 100644 --- a/docs/pages/styles/api.js +++ b/docs/pages/styles/api.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'styles/api'; const requireDemo = require.context('docs/src/pages/styles/api', false, /\.(js|tsx)$/); diff --git a/docs/pages/styles/basics.js b/docs/pages/styles/basics.js index 9dd577617c73f5..3a465c7033613c 100644 --- a/docs/pages/styles/basics.js +++ b/docs/pages/styles/basics.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'styles/basics'; const requireDemo = require.context('docs/src/pages/styles/basics', false, /\.(js|tsx)$/); diff --git a/docs/pages/system/advanced.js b/docs/pages/system/advanced.js index b75e5e9cbedda2..2a39c6c6e8cb9b 100644 --- a/docs/pages/system/advanced.js +++ b/docs/pages/system/advanced.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'system/advanced'; const requireDemo = require.context('docs/src/pages/system/advanced', false, /\.(js|tsx)$/); diff --git a/docs/pages/system/basics.js b/docs/pages/system/basics.js index 76c4910286f4ab..b894879b3d382f 100644 --- a/docs/pages/system/basics.js +++ b/docs/pages/system/basics.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'system/basics'; const requireDemo = require.context('docs/src/pages/system/basics', false, /\.(js|tsx)$/); diff --git a/docs/pages/system/borders.js b/docs/pages/system/borders.js index 16b91caece7a10..744150adbea82f 100644 --- a/docs/pages/system/borders.js +++ b/docs/pages/system/borders.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'system/borders'; const requireDemo = require.context('docs/src/pages/system/borders', false, /\.(js|tsx)$/); diff --git a/docs/pages/system/box.js b/docs/pages/system/box.js index 3eaaada57309ee..779779228a9591 100644 --- a/docs/pages/system/box.js +++ b/docs/pages/system/box.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'system/box'; const requireDemo = require.context('docs/src/pages/system/box', false, /\.(js|tsx)$/); diff --git a/docs/pages/system/display.js b/docs/pages/system/display.js index 31f2cfdb9de155..c1e6139420745c 100644 --- a/docs/pages/system/display.js +++ b/docs/pages/system/display.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'system/display'; const requireDemo = require.context('docs/src/pages/system/display', false, /\.(js|tsx)$/); diff --git a/docs/pages/system/flexbox.js b/docs/pages/system/flexbox.js index 1d9dce18f48174..8801db971e279d 100644 --- a/docs/pages/system/flexbox.js +++ b/docs/pages/system/flexbox.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'system/flexbox'; const requireDemo = require.context('docs/src/pages/system/flexbox', false, /\.(js|tsx)$/); diff --git a/docs/pages/system/grid.js b/docs/pages/system/grid.js index deabdcb1110cd9..937d7507f7488a 100644 --- a/docs/pages/system/grid.js +++ b/docs/pages/system/grid.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'system/grid'; const requireDemo = require.context('docs/src/pages/system/grid', false, /\.(js|tsx)$/); diff --git a/docs/pages/system/palette.js b/docs/pages/system/palette.js index cb7de85fcbba96..80a368d4179ca3 100644 --- a/docs/pages/system/palette.js +++ b/docs/pages/system/palette.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'system/palette'; const requireDemo = require.context('docs/src/pages/system/palette', false, /\.(js|tsx)$/); diff --git a/docs/pages/system/positions.js b/docs/pages/system/positions.js index 695a2939550337..5215e352a66b76 100644 --- a/docs/pages/system/positions.js +++ b/docs/pages/system/positions.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'system/positions'; const requireDemo = require.context('docs/src/pages/system/positions', false, /\.(js|tsx)$/); diff --git a/docs/pages/system/properties.js b/docs/pages/system/properties.js index 50d0ed2efe6889..26c83160856354 100644 --- a/docs/pages/system/properties.js +++ b/docs/pages/system/properties.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'system/properties'; const requireDemo = require.context('docs/src/pages/system/properties', false, /\.(js|tsx)$/); diff --git a/docs/pages/system/screen-readers.js b/docs/pages/system/screen-readers.js index d32d75691564a9..4b959f589cbf53 100644 --- a/docs/pages/system/screen-readers.js +++ b/docs/pages/system/screen-readers.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'system/screen-readers'; const requireDemo = require.context('docs/src/pages/system/screen-readers', false, /\.(js|tsx)$/); diff --git a/docs/pages/system/shadows.js b/docs/pages/system/shadows.js index 4e794cffa7356e..d067c0139de5a5 100644 --- a/docs/pages/system/shadows.js +++ b/docs/pages/system/shadows.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'system/shadows'; const requireDemo = require.context('docs/src/pages/system/shadows', false, /\.(js|tsx)$/); diff --git a/docs/pages/system/sizing.js b/docs/pages/system/sizing.js index f0722f24e57fdc..f5912ab52d8790 100644 --- a/docs/pages/system/sizing.js +++ b/docs/pages/system/sizing.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'system/sizing'; const requireDemo = require.context('docs/src/pages/system/sizing', false, /\.(js|tsx)$/); diff --git a/docs/pages/system/spacing.js b/docs/pages/system/spacing.js index 9f36c3f9117c20..668e6fe78129ec 100644 --- a/docs/pages/system/spacing.js +++ b/docs/pages/system/spacing.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'system/spacing'; const requireDemo = require.context('docs/src/pages/system/spacing', false, /\.(js|tsx)$/); diff --git a/docs/pages/system/typography.js b/docs/pages/system/typography.js index 103450f16d35b2..c7dc9efbfc142b 100644 --- a/docs/pages/system/typography.js +++ b/docs/pages/system/typography.js @@ -1,6 +1,6 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'system/typography'; const requireDemo = require.context('docs/src/pages/system/typography', false, /\.(js|tsx)$/); diff --git a/docs/pages/versions.js b/docs/pages/versions.js index e77c0532dd7e78..eb671d22bb7ba0 100644 --- a/docs/pages/versions.js +++ b/docs/pages/versions.js @@ -1,7 +1,7 @@ import * as React from 'react'; import sortedUniqBy from 'lodash/sortedUniqBy'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; const pageFilename = 'versions'; const requireDemo = require.context('docs/src/pages/versions/', false, /\.(js|tsx)$/); diff --git a/docs/scripts/buildApi.ts b/docs/scripts/buildApi.ts index f6c8d2043ec6ab..d2027f2f8e61b1 100644 --- a/docs/scripts/buildApi.ts +++ b/docs/scripts/buildApi.ts @@ -27,10 +27,7 @@ import generatePropTypeDescription, { isElementAcceptingRefProp, } from 'docs/src/modules/utils/generatePropTypeDescription'; import { findPages, findPagesMarkdown, findComponents } from 'docs/src/modules/utils/find'; -import { - getHeaders, - renderInline as renderMarkdownInline, -} from 'docs/src/modules/utils/parseMarkdown'; +import { getHeaders, renderInline as renderMarkdownInline } from '@material-ui/markdown'; import { pageToTitle } from 'docs/src/modules/utils/helpers'; import createGenerateClassName from '@material-ui/styles/createGenerateClassName'; import * as ttp from 'typescript-to-proptypes'; diff --git a/docs/src/modules/components/HighlightedCode.js b/docs/src/modules/components/HighlightedCode.js index 4799e1ad37cb2b..91ebf3aa044f1e 100644 --- a/docs/src/modules/components/HighlightedCode.js +++ b/docs/src/modules/components/HighlightedCode.js @@ -1,6 +1,6 @@ import * as React from 'react'; import PropTypes from 'prop-types'; -import prism from 'docs/src/modules/utils/prism'; +import prism from '@material-ui/markdown/prism'; import MarkdownElement from './MarkdownElement'; const HighlightedCode = React.forwardRef(function HighlightedCode(props, ref) { diff --git a/docs/src/modules/utils/mapApiPageTranslations.js b/docs/src/modules/utils/mapApiPageTranslations.js index 8add6df0750dfb..d5ed68cd1df741 100644 --- a/docs/src/modules/utils/mapApiPageTranslations.js +++ b/docs/src/modules/utils/mapApiPageTranslations.js @@ -1,4 +1,4 @@ -import { createRender } from './parseMarkdown'; +import { createRender } from '@material-ui/markdown/parseMarkdown'; const notEnglishJsonRegExp = /-([a-z]{2})\.json$/; diff --git a/docs/src/pages/landing/Sponsors.js b/docs/src/pages/landing/Sponsors.js index 433ba8e7048570..b36a3aeb96dcd7 100644 --- a/docs/src/pages/landing/Sponsors.js +++ b/docs/src/pages/landing/Sponsors.js @@ -5,7 +5,7 @@ import NoSsr from '@material-ui/core/NoSsr'; import MarkdownElement from 'docs/src/modules/components/MarkdownElement'; import Container from '@material-ui/core/Container'; import Divider from '@material-ui/core/Divider'; -import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown'; +import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; import { useUserLanguage } from 'docs/src/modules/utils/i18n'; const useStyles = makeStyles( diff --git a/docs/src/pages/production-error/ErrorDecoder.js b/docs/src/pages/production-error/ErrorDecoder.js index 85301abd9c2acb..3f5332ec6ed636 100644 --- a/docs/src/pages/production-error/ErrorDecoder.js +++ b/docs/src/pages/production-error/ErrorDecoder.js @@ -7,7 +7,7 @@ import Typography from '@material-ui/core/Typography'; import { styled, createTheme } from '@material-ui/core/styles'; import { makeStyles } from '@material-ui/styles'; import MarkdownElement from 'docs/src/modules/components/MarkdownElement'; -import { parseInline as renderInlineMarkdown } from 'marked'; +import { renderInline as renderInlineMarkdown } from '@material-ui/markdown'; const ErrorMessageSection = styled('div')({ // reset display: block from Demo diff --git a/docs/types/docs.d.ts b/docs/types/docs.d.ts index d3d521c07d49fe..f5feade9ec469a 100644 --- a/docs/types/docs.d.ts +++ b/docs/types/docs.d.ts @@ -11,7 +11,7 @@ declare module 'docs/src/modules/components/HighlightedCode' { code: string; /** * short identifier of the code language - * see utils/prism.js for possible languages + * see @material-ui/markdown/prism for possible languages */ language: string; } diff --git a/tsconfig.json b/tsconfig.json index 2417d76b20352d..ded72cb01a3a2d 100644 --- a/tsconfig.json +++ b/tsconfig.json @@ -18,6 +18,7 @@ "@material-ui/core/*": ["./packages/material-ui/src/*"], "@material-ui/lab": ["./packages/material-ui-lab/src"], "@material-ui/lab/*": ["./packages/material-ui-lab/src/*"], + "@material-ui/markdown": ["./docs/packages/markdown"], "@material-ui/styled-engine": ["./packages/material-ui-styled-engine/src"], "@material-ui/styled-engine/*": ["./packages/material-ui-styled-engine/src/*"], "@material-ui/styled-engine-sc": ["./packages/material-ui-styled-engine-sc/src"], From b3e3af78062a24990d6b066ceef4e6e8dc9067f5 Mon Sep 17 00:00:00 2001 From: eps1lon Date: Wed, 16 Jun 2021 17:35:31 +0200 Subject: [PATCH 10/16] Parse markdown at bundle time --- docs/packages/markdown/loader.js | 50 +++++++++++++++----------------- docs/pages/components/tables.js | 12 ++------ docs/pages/production-error.js | 12 ++------ 3 files changed, 29 insertions(+), 45 deletions(-) diff --git a/docs/packages/markdown/loader.js b/docs/packages/markdown/loader.js index e1f46eb2bfe2dc..747ce1b3c239bf 100644 --- a/docs/packages/markdown/loader.js +++ b/docs/packages/markdown/loader.js @@ -1,5 +1,6 @@ const { promises: fs } = require('fs'); const path = require('path'); +const { prepareMarkdown } = require('./parseMarkdown'); /** * @param {string} string @@ -26,12 +27,30 @@ function keyToJSIdentifier(key) { * @type {import('webpack').loader.Loader} */ module.exports = async function demoLoader() { - const pageFilename = this.context.replace(this.rootContext, '').replace(/^\/src\/pages\//, ''); const rawKeys = await fs.readdir(path.dirname(this.resourcePath)); const demoKeys = rawKeys.filter((basename) => { return /\.(js|tsx)$/.test(basename); }); + const requireRawContent = Object.fromEntries( + await Promise.all( + rawKeys.map(async (key) => { + const content = await fs.readFile(path.join(path.dirname(this.resourcePath), key), { + encoding: 'utf-8', + }); + + return [key, content]; + }), + ), + ); + + function requireRaw(key) { + return requireRawContent[key]; + } + requireRaw.keys = () => rawKeys; + const pageFilename = this.context.replace(this.rootContext, '').replace(/^\/src\/pages\//, ''); + const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); + /** * @param {string} key */ @@ -55,25 +74,8 @@ module.exports = async function demoLoader() { }) .join('\n')} - export const pageFilename = '${pageFilename}'; - export function requireRaw(module) { - return { - ${rawKeys - .map((key) => { - return `'${key}': ${getRequireRawDemoIdentifier(key)}`; - }) - .join(',\n')} - }[module]; - } - requireRaw.keys = () => { - return [ - ${rawKeys - .map((key) => { - return `'${key}'`; - }) - .join(',\n')} - ]; - } + export const docs = ${JSON.stringify(docs, null, 2)}; + export const demos = ${JSON.stringify(demos, null, 2)}; export function requireDemo(module) { return { ${demoKeys @@ -86,13 +88,7 @@ module.exports = async function demoLoader() { }[module]; } requireDemo.keys = () => { - return [ - ${demoKeys - .map((key) => { - return `'${key}'`; - }) - .join(',\n')} - ]; + return ${JSON.stringify(demoKeys, null, 2)} }`; return transformed; diff --git a/docs/pages/components/tables.js b/docs/pages/components/tables.js index 790617059a50c0..31c519d1971467 100644 --- a/docs/pages/components/tables.js +++ b/docs/pages/components/tables.js @@ -1,17 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown'; import { - pageFilename, + docs, + demos, requireDemo, - requireRaw, } from '!@material-ui/markdown/loader!docs/src/pages/components/tables/tables.md'; -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/production-error.js b/docs/pages/production-error.js index 3341356f5d6072..d86a0e539322dc 100644 --- a/docs/pages/production-error.js +++ b/docs/pages/production-error.js @@ -1,17 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown'; import { - pageFilename, + docs, + demos, requireDemo, - requireRaw, } from '!@material-ui/markdown/loader!docs/src/pages/production-error/index.md'; -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; From 051fad5a67087d6fe3a5926d9856f72d3e09a900 Mon Sep 17 00:00:00 2001 From: eps1lon Date: Thu, 17 Jun 2021 10:22:19 +0200 Subject: [PATCH 11/16] Only load translated markdown versions eagerly The rest is loaded on demand. The "directory -> raw files" assumption breaks down on blog posts. These posts are all in the same directory. --- docs/packages/markdown/loader.js | 80 ++++++++++++++----- docs/packages/markdown/parseMarkdown.js | 4 + .../blog/2019-developer-survey-results.js | 12 +-- docs/src/modules/components/MarkdownDocs.js | 1 + 4 files changed, 65 insertions(+), 32 deletions(-) diff --git a/docs/packages/markdown/loader.js b/docs/packages/markdown/loader.js index 747ce1b3c239bf..741a3785494fbf 100644 --- a/docs/packages/markdown/loader.js +++ b/docs/packages/markdown/loader.js @@ -1,6 +1,6 @@ -const { promises: fs } = require('fs'); +const { promises: fs, readFileSync } = require('fs'); const path = require('path'); -const { prepareMarkdown } = require('./parseMarkdown'); +const { notEnglishMarkdownRegExp, prepareMarkdown } = require('./parseMarkdown'); /** * @param {string} string @@ -24,32 +24,68 @@ function keyToJSIdentifier(key) { } /** - * @type {import('webpack').loader.Loader} + * @example findTranslatedVersions('/a/b/index.md') === ['index-en.md', 'index-ja.md', 'index.md'] + * @param {string} englishFilepath An absolute path to the english version written in markdown (.md) */ -module.exports = async function demoLoader() { - const rawKeys = await fs.readdir(path.dirname(this.resourcePath)); - const demoKeys = rawKeys.filter((basename) => { - return /\.(js|tsx)$/.test(basename); - }); +async function findTranslatedVersions(englishFilepath) { + const filename = path.basename(englishFilepath, '.md'); + const files = await fs.readdir(path.dirname(englishFilepath)); - const requireRawContent = Object.fromEntries( - await Promise.all( - rawKeys.map(async (key) => { - const content = await fs.readFile(path.join(path.dirname(this.resourcePath), key), { - encoding: 'utf-8', - }); + // Given: index.md + // Match: index-en.md, index-ja.md + // Don't Match: otherindex-en.md, index-eng.md, index-e.md, index.tsx + const translatedVersionRegExp = new RegExp(`^${filename}${notEnglishMarkdownRegExp.source}`); - return [key, content]; - }), - ), - ); + return files + .filter((filepath) => { + return translatedVersionRegExp.test(filepath); + }) + .concat(path.basename(englishFilepath)); +} - function requireRaw(key) { - return requireRawContent[key]; - } +/** + * @type {import('webpack').loader.Loader} + */ +module.exports = async function demoLoader() { + const rawKeys = await findTranslatedVersions(this.resourcePath); + + // TODO: Remove requireRaw mock (needs work in prepareMarkdown) + const requireRaw = (key) => { + return readFileSync(path.join(path.dirname(this.resourcePath), key), { encoding: 'utf-8' }); + }; requireRaw.keys = () => rawKeys; const pageFilename = this.context.replace(this.rootContext, '').replace(/^\/src\/pages\//, ''); - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); + const { docs } = prepareMarkdown({ pageFilename, requireRaw }); + + const demoKeys = docs.en.rendered + .filter((markdownOrComponentConfig) => { + return typeof markdownOrComponentConfig !== 'string' && markdownOrComponentConfig.demo; + }) + .map((demoConfig) => { + return path.basename(demoConfig.demo); + }); + const demos = {}; + demoKeys.forEach((filename) => { + if (filename.indexOf('.tsx') !== -1) { + const demoName = `pages/${pageFilename}/${filename + .replace(/\.\//g, '') + .replace(/\.tsx/g, '.js')}`; + + demos[demoName] = { + ...demos[demoName], + moduleTS: filename, + rawTS: requireRaw(filename), + }; + } else { + const demoName = `pages/${pageFilename}/${filename.replace(/\.\//g, '')}`; + + demos[demoName] = { + ...demos[demoName], + module: filename, + raw: requireRaw(filename), + }; + } + }); /** * @param {string} key diff --git a/docs/packages/markdown/parseMarkdown.js b/docs/packages/markdown/parseMarkdown.js index b4624d8a9bbea3..5363504285d992 100644 --- a/docs/packages/markdown/parseMarkdown.js +++ b/docs/packages/markdown/parseMarkdown.js @@ -247,6 +247,9 @@ function prepareMarkdown(config) { const { pageFilename, requireRaw } = config; const demos = {}; + /** + * @type {Record }>} + */ const docs = {}; const headingHashes = {}; @@ -344,6 +347,7 @@ ${headers.components module.exports = { createRender, + notEnglishMarkdownRegExp, getContents, getDescription, getHeaders, diff --git a/docs/pages/blog/2019-developer-survey-results.js b/docs/pages/blog/2019-developer-survey-results.js index 0e2dadf34fa9d2..be668366e81081 100644 --- a/docs/pages/blog/2019-developer-survey-results.js +++ b/docs/pages/blog/2019-developer-survey-results.js @@ -1,15 +1,7 @@ import * as React from 'react'; import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { docs } from '!@material-ui/markdown/loader!./2019-developer-survey-results.md'; -const pageFilename = 'blog/2019-developer-survey-results'; -const requireRaw = require.context('!raw-loader!./', false, /2019-developer-survey-results\.md$/); - -export default function Page({ docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/src/modules/components/MarkdownDocs.js b/docs/src/modules/components/MarkdownDocs.js index 8f680150d264c4..6e4d012bbddb62 100644 --- a/docs/src/modules/components/MarkdownDocs.js +++ b/docs/src/modules/components/MarkdownDocs.js @@ -7,6 +7,7 @@ import ComponentLinkHeader from 'docs/src/modules/components/ComponentLinkHeader import AppLayoutDocs from 'docs/src/modules/components/AppLayoutDocs'; import { useTranslate, useUserLanguage } from 'docs/src/modules/utils/i18n'; +// TODO: Only import on demand via @material-ui/markdown/loader const markdownComponents = { 'modules/components/ComponentLinkHeader.js': ComponentLinkHeader, }; From 10cf38155f7f9ed2b2127fceb6b281db1013f281 Mon Sep 17 00:00:00 2001 From: eps1lon Date: Thu, 17 Jun 2021 10:42:51 +0200 Subject: [PATCH 12/16] Remove unused import in favor of this.addDependency --- docs/packages/markdown/loader.js | 13 +++---------- 1 file changed, 3 insertions(+), 10 deletions(-) diff --git a/docs/packages/markdown/loader.js b/docs/packages/markdown/loader.js index 741a3785494fbf..62e2e43e20ec6b 100644 --- a/docs/packages/markdown/loader.js +++ b/docs/packages/markdown/loader.js @@ -51,7 +51,9 @@ module.exports = async function demoLoader() { // TODO: Remove requireRaw mock (needs work in prepareMarkdown) const requireRaw = (key) => { - return readFileSync(path.join(path.dirname(this.resourcePath), key), { encoding: 'utf-8' }); + const filepath = path.join(path.dirname(this.resourcePath), key); + this.addDependency(filepath); + return readFileSync(filepath, { encoding: 'utf-8' }); }; requireRaw.keys = () => rawKeys; const pageFilename = this.context.replace(this.rootContext, '').replace(/^\/src\/pages\//, ''); @@ -90,20 +92,11 @@ module.exports = async function demoLoader() { /** * @param {string} key */ - function getRequireRawDemoIdentifier(key) { - return `RawLoaded__${keyToJSIdentifier(key)}`; - } - function getRequireDemoIdentifier(key) { return keyToJSIdentifier(key); } const transformed = ` - ${rawKeys - .map((key) => { - return `import ${getRequireRawDemoIdentifier(key)} from '!raw-loader!./${key}';`; - }) - .join('\n')} ${demoKeys .map((key) => { return `import ${getRequireDemoIdentifier(key)} from './${key}';`; From ac97e3146140d31a4ef5390a19b09245b863163b Mon Sep 17 00:00:00 2001 From: eps1lon Date: Thu, 17 Jun 2021 14:13:21 +0200 Subject: [PATCH 13/16] Allow using one demo multiple times --- docs/packages/markdown/loader.js | 18 +++++++++++------- docs/pages/guides/interoperability.js | 17 ++--------------- 2 files changed, 13 insertions(+), 22 deletions(-) diff --git a/docs/packages/markdown/loader.js b/docs/packages/markdown/loader.js index 62e2e43e20ec6b..580458af38c269 100644 --- a/docs/packages/markdown/loader.js +++ b/docs/packages/markdown/loader.js @@ -59,13 +59,17 @@ module.exports = async function demoLoader() { const pageFilename = this.context.replace(this.rootContext, '').replace(/^\/src\/pages\//, ''); const { docs } = prepareMarkdown({ pageFilename, requireRaw }); - const demoKeys = docs.en.rendered - .filter((markdownOrComponentConfig) => { - return typeof markdownOrComponentConfig !== 'string' && markdownOrComponentConfig.demo; - }) - .map((demoConfig) => { - return path.basename(demoConfig.demo); - }); + const demoKeys = Array.from( + new Set( + docs.en.rendered + .filter((markdownOrComponentConfig) => { + return typeof markdownOrComponentConfig !== 'string' && markdownOrComponentConfig.demo; + }) + .map((demoConfig) => { + return path.basename(demoConfig.demo); + }), + ), + ); const demos = {}; demoKeys.forEach((filename) => { if (filename.indexOf('.tsx') !== -1) { diff --git a/docs/pages/guides/interoperability.js b/docs/pages/guides/interoperability.js index 9c931d697c113c..c0059390ae812e 100644 --- a/docs/pages/guides/interoperability.js +++ b/docs/pages/guides/interoperability.js @@ -1,24 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; - -const pageFilename = 'guides/interoperability'; -const requireDemo = require.context('docs/src/pages/guides/interoperability', false, /\.(js|tsx)$/); -const requireRaw = require.context( - '!raw-loader!../../src/pages/guides/interoperability', - false, - /\.(js|md|tsx)$/, -); +import { demos, docs, requireDemo } from "!@material-ui/markdown/loader!docs/src/pages/guides/interoperability/interoperability.md"; // Run styled-components ref logic // https://github.com/styled-components/styled-components/pull/2998 requireDemo.keys().map(requireDemo); -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; From 1a6775ee01396bc3e988faeb164963b9d07dfefb Mon Sep 17 00:00:00 2001 From: eps1lon Date: Thu, 17 Jun 2021 14:19:58 +0200 Subject: [PATCH 14/16] Apply codemod --- docs/pages/blog/2019.js | 12 ++------- .../blog/2020-developer-survey-results.js | 12 ++------- docs/pages/blog/2020-introducing-sketch.js | 12 ++------- docs/pages/blog/2020-q1-update.js | 12 ++------- docs/pages/blog/2020-q2-update.js | 12 ++------- docs/pages/blog/2020-q3-update.js | 12 ++------- docs/pages/blog/2020.js | 12 ++------- docs/pages/blog/2021-q1-update.js | 12 ++------- docs/pages/blog/april-2019-update.js | 12 ++------- docs/pages/blog/august-2019-update.js | 12 ++------- .../blog/danail-hadjiatanasov-joining.js | 12 ++------- docs/pages/blog/december-2019-update.js | 12 ++------- docs/pages/blog/july-2019-update.js | 12 ++------- docs/pages/blog/june-2019-update.js | 12 ++------- docs/pages/blog/march-2019-update.js | 12 ++------- docs/pages/blog/marija-najdova-joining.js | 12 ++------- docs/pages/blog/material-ui-v1-is-out.js | 12 ++------- docs/pages/blog/material-ui-v4-is-out.js | 12 ++------- docs/pages/blog/matheus-wichman-joining.js | 12 ++------- docs/pages/blog/may-2019-update.js | 12 ++------- docs/pages/blog/michal-dudak-joining.js | 12 ++------- docs/pages/blog/november-2019-update.js | 12 ++------- docs/pages/blog/october-2019-update.js | 12 ++------- docs/pages/blog/september-2019-update.js | 12 ++------- docs/pages/blog/siriwat-kunaporn-joining.js | 12 ++------- docs/pages/blog/spotlight-damien-tassone.js | 12 ++------- docs/pages/company/about.js | 21 +++++----------- docs/pages/company/careers.js | 21 +++++----------- docs/pages/company/contact.js | 21 +++++----------- docs/pages/company/lead-designer.js | 21 +++++----------- docs/pages/company/software-engineer.js | 25 +++++-------------- docs/pages/components/about-the-lab.js | 25 +++++-------------- docs/pages/components/accordion.js | 21 +++++----------- docs/pages/components/alert.js | 21 +++++----------- docs/pages/components/app-bar.js | 21 +++++----------- docs/pages/components/autocomplete.js | 21 +++++----------- docs/pages/components/avatars.js | 21 +++++----------- docs/pages/components/backdrop.js | 21 +++++----------- docs/pages/components/badges.js | 21 +++++----------- docs/pages/components/bottom-navigation.js | 25 +++++-------------- docs/pages/components/box.js | 21 +++++----------- docs/pages/components/breadcrumbs.js | 21 +++++----------- docs/pages/components/button-group.js | 21 +++++----------- docs/pages/components/buttons.js | 21 +++++----------- docs/pages/components/cards.js | 21 +++++----------- docs/pages/components/checkboxes.js | 21 +++++----------- docs/pages/components/chips.js | 21 +++++----------- docs/pages/components/click-away-listener.js | 25 +++++-------------- docs/pages/components/container.js | 21 +++++----------- docs/pages/components/css-baseline.js | 21 +++++----------- docs/pages/components/date-picker.js | 21 +++++----------- docs/pages/components/date-range-picker.js | 25 +++++-------------- docs/pages/components/date-time-picker.js | 25 +++++-------------- docs/pages/components/dialogs.js | 21 +++++----------- docs/pages/components/dividers.js | 21 +++++----------- docs/pages/components/drawers.js | 21 +++++----------- .../components/floating-action-button.js | 25 +++++-------------- docs/pages/components/grid.js | 21 +++++----------- docs/pages/components/icons.js | 21 +++++----------- docs/pages/components/image-list.js | 21 +++++----------- docs/pages/components/links.js | 21 +++++----------- docs/pages/components/lists.js | 21 +++++----------- docs/pages/components/material-icons.js | 25 +++++-------------- docs/pages/components/menus.js | 21 +++++----------- docs/pages/components/modal.js | 21 +++++----------- docs/pages/components/no-ssr.js | 21 +++++----------- docs/pages/components/pagination.js | 21 +++++----------- docs/pages/components/paper.js | 21 +++++----------- docs/pages/components/pickers.js | 21 +++++----------- docs/pages/components/popover.js | 21 +++++----------- docs/pages/components/popper.js | 21 +++++----------- docs/pages/components/portal.js | 21 +++++----------- docs/pages/components/progress.js | 21 +++++----------- docs/pages/components/radio-buttons.js | 25 +++++-------------- docs/pages/components/rating.js | 21 +++++----------- docs/pages/components/selects.js | 21 +++++----------- docs/pages/components/skeleton.js | 21 +++++----------- docs/pages/components/slider.js | 21 +++++----------- docs/pages/components/snackbars.js | 21 +++++----------- docs/pages/components/speed-dial.js | 21 +++++----------- docs/pages/components/stack.js | 21 +++++----------- docs/pages/components/steppers.js | 21 +++++----------- docs/pages/components/switches.js | 21 +++++----------- docs/pages/components/tabs.js | 21 +++++----------- docs/pages/components/text-fields.js | 21 +++++----------- docs/pages/components/textarea-autosize.js | 25 +++++-------------- docs/pages/components/time-picker.js | 21 +++++----------- docs/pages/components/timeline.js | 21 +++++----------- docs/pages/components/toggle-button.js | 25 +++++-------------- docs/pages/components/tooltips.js | 21 +++++----------- docs/pages/components/transfer-list.js | 25 +++++-------------- docs/pages/components/transitions.js | 21 +++++----------- docs/pages/components/trap-focus.js | 21 +++++----------- docs/pages/components/tree-view.js | 21 +++++----------- docs/pages/components/typography.js | 21 +++++----------- docs/pages/components/use-media-query.js | 25 +++++-------------- docs/pages/customization/breakpoints.js | 25 +++++-------------- docs/pages/customization/color.js | 21 +++++----------- docs/pages/customization/default-theme.js | 25 +++++-------------- docs/pages/customization/density.js | 21 +++++----------- docs/pages/customization/how-to-customize.js | 25 +++++-------------- docs/pages/customization/palette.js | 21 +++++----------- docs/pages/customization/spacing.js | 21 +++++----------- docs/pages/customization/styled.js | 21 +++++----------- docs/pages/customization/theme-components.js | 25 +++++-------------- docs/pages/customization/theming.js | 21 +++++----------- docs/pages/customization/transitions.js | 25 +++++-------------- docs/pages/customization/typography.js | 25 +++++-------------- docs/pages/customization/z-index.js | 21 +++++----------- docs/pages/discover-more/backers.js | 21 +++++----------- docs/pages/discover-more/changelog.js | 21 +++++----------- docs/pages/discover-more/languages.js | 21 +++++----------- docs/pages/discover-more/related-projects.js | 25 +++++-------------- docs/pages/discover-more/roadmap.js | 21 +++++----------- docs/pages/discover-more/showcase.js | 21 +++++----------- docs/pages/discover-more/team.js | 21 +++++----------- docs/pages/discover-more/vision.js | 21 +++++----------- .../pages/getting-started/example-projects.js | 25 +++++-------------- docs/pages/getting-started/faq.js | 21 +++++----------- docs/pages/getting-started/installation.js | 25 +++++-------------- docs/pages/getting-started/learn.js | 21 +++++----------- docs/pages/getting-started/support.js | 21 +++++----------- .../getting-started/supported-components.js | 25 +++++-------------- .../getting-started/supported-platforms.js | 25 +++++-------------- docs/pages/getting-started/templates.js | 25 +++++-------------- docs/pages/getting-started/usage.js | 21 +++++----------- docs/pages/guides/api.js | 21 +++++----------- docs/pages/guides/composition.js | 21 +++++----------- docs/pages/guides/content-security-policy.js | 25 +++++-------------- docs/pages/guides/flow.js | 21 +++++----------- docs/pages/guides/interoperability.js | 6 ++++- docs/pages/guides/localization.js | 21 +++++----------- docs/pages/guides/migration-v0x.js | 21 +++++----------- docs/pages/guides/migration-v3.js | 21 +++++----------- docs/pages/guides/migration-v4.js | 21 +++++----------- docs/pages/guides/minimizing-bundle-size.js | 25 +++++-------------- docs/pages/guides/pickers-migration.js | 25 +++++-------------- docs/pages/guides/responsive-ui.js | 21 +++++----------- docs/pages/guides/right-to-left.js | 21 +++++----------- docs/pages/guides/routing.js | 21 +++++----------- docs/pages/guides/server-rendering.js | 21 +++++----------- docs/pages/guides/styled-engine.js | 21 +++++----------- docs/pages/guides/testing.js | 21 +++++----------- docs/pages/guides/typescript.js | 21 +++++----------- docs/pages/styles/advanced.js | 21 +++++----------- docs/pages/styles/api.js | 21 +++++----------- docs/pages/styles/basics.js | 21 +++++----------- docs/pages/system/advanced.js | 21 +++++----------- docs/pages/system/basics.js | 21 +++++----------- docs/pages/system/borders.js | 21 +++++----------- docs/pages/system/box.js | 21 +++++----------- docs/pages/system/display.js | 21 +++++----------- docs/pages/system/flexbox.js | 21 +++++----------- docs/pages/system/grid.js | 21 +++++----------- docs/pages/system/palette.js | 21 +++++----------- docs/pages/system/positions.js | 21 +++++----------- docs/pages/system/properties.js | 21 +++++----------- docs/pages/system/screen-readers.js | 21 +++++----------- docs/pages/system/shadows.js | 21 +++++----------- docs/pages/system/sizing.js | 21 +++++----------- docs/pages/system/spacing.js | 21 +++++----------- docs/pages/system/typography.js | 21 +++++----------- docs/pages/versions.js | 16 ++++++------ 163 files changed, 874 insertions(+), 2407 deletions(-) diff --git a/docs/pages/blog/2019.js b/docs/pages/blog/2019.js index 8acb8ec12c9772..fd793f03301936 100644 --- a/docs/pages/blog/2019.js +++ b/docs/pages/blog/2019.js @@ -1,15 +1,7 @@ import * as React from 'react'; import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { docs } from '!@material-ui/markdown/loader!./2019.md'; -const pageFilename = 'blog/2019'; -const requireRaw = require.context('!raw-loader!./', false, /2019\.md$/); - -export default function Page({ docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/blog/2020-developer-survey-results.js b/docs/pages/blog/2020-developer-survey-results.js index fd34f6f42a2114..6005f0c6e60c6d 100644 --- a/docs/pages/blog/2020-developer-survey-results.js +++ b/docs/pages/blog/2020-developer-survey-results.js @@ -1,15 +1,7 @@ import * as React from 'react'; import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { docs } from '!@material-ui/markdown/loader!./2020-developer-survey-results.md'; -const pageFilename = 'blog/2020-developer-survey-results'; -const requireRaw = require.context('!raw-loader!./', false, /2020-developer-survey-results\.md$/); - -export default function Page({ docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/blog/2020-introducing-sketch.js b/docs/pages/blog/2020-introducing-sketch.js index 724b087917fdf2..89493f5958c4f9 100644 --- a/docs/pages/blog/2020-introducing-sketch.js +++ b/docs/pages/blog/2020-introducing-sketch.js @@ -1,15 +1,7 @@ import * as React from 'react'; import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { docs } from '!@material-ui/markdown/loader!./2020-introducing-sketch.md'; -const pageFilename = 'blog/2020-introducing-sketch'; -const requireRaw = require.context('!raw-loader!./', false, /2020-introducing-sketch\.md$/); - -export default function Page({ docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/blog/2020-q1-update.js b/docs/pages/blog/2020-q1-update.js index 68c9597cb1c2fb..6ea3f6692955ed 100644 --- a/docs/pages/blog/2020-q1-update.js +++ b/docs/pages/blog/2020-q1-update.js @@ -1,15 +1,7 @@ import * as React from 'react'; import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { docs } from '!@material-ui/markdown/loader!./2020-q1-update.md'; -const pageFilename = 'blog/2020-q1-update'; -const requireRaw = require.context('!raw-loader!./', false, /2020-q1-update\.md$/); - -export default function Page({ docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/blog/2020-q2-update.js b/docs/pages/blog/2020-q2-update.js index 4f6016e63dc121..cc8f274c1a5c29 100644 --- a/docs/pages/blog/2020-q2-update.js +++ b/docs/pages/blog/2020-q2-update.js @@ -1,15 +1,7 @@ import * as React from 'react'; import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { docs } from '!@material-ui/markdown/loader!./2020-q2-update.md'; -const pageFilename = 'blog/2020-q2-update'; -const requireRaw = require.context('!raw-loader!./', false, /2020-q2-update\.md$/); - -export default function Page({ docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/blog/2020-q3-update.js b/docs/pages/blog/2020-q3-update.js index 9ea3c48958fd82..049d90601b1234 100644 --- a/docs/pages/blog/2020-q3-update.js +++ b/docs/pages/blog/2020-q3-update.js @@ -1,15 +1,7 @@ import * as React from 'react'; import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { docs } from '!@material-ui/markdown/loader!./2020-q3-update.md'; -const pageFilename = 'blog/2020-q3-update'; -const requireRaw = require.context('!raw-loader!./', false, /2020-q3-update\.md$/); - -export default function Page({ docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/blog/2020.js b/docs/pages/blog/2020.js index 73ab6d09641ac0..49e3ae86b65066 100644 --- a/docs/pages/blog/2020.js +++ b/docs/pages/blog/2020.js @@ -1,15 +1,7 @@ import * as React from 'react'; import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { docs } from '!@material-ui/markdown/loader!./2020.md'; -const pageFilename = 'blog/2020'; -const requireRaw = require.context('!raw-loader!./', false, /2020\.md$/); - -export default function Page({ docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/blog/2021-q1-update.js b/docs/pages/blog/2021-q1-update.js index 8afcb0f3cbb629..d579a163f02fb1 100644 --- a/docs/pages/blog/2021-q1-update.js +++ b/docs/pages/blog/2021-q1-update.js @@ -1,15 +1,7 @@ import * as React from 'react'; import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { docs } from '!@material-ui/markdown/loader!./2021-q1-update.md'; -const pageFilename = 'blog/2021-q1-update'; -const requireRaw = require.context('!raw-loader!./', false, /2021-q1-update\.md$/); - -export default function Page({ docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/blog/april-2019-update.js b/docs/pages/blog/april-2019-update.js index bade41f4b80b24..b84e1c7a7a3d59 100644 --- a/docs/pages/blog/april-2019-update.js +++ b/docs/pages/blog/april-2019-update.js @@ -1,15 +1,7 @@ import * as React from 'react'; import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { docs } from '!@material-ui/markdown/loader!./april-2019-update.md'; -const pageFilename = 'blog/april-2019-update'; -const requireRaw = require.context('!raw-loader!./', false, /april-2019-update\.md$/); - -export default function Page({ docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/blog/august-2019-update.js b/docs/pages/blog/august-2019-update.js index 7f23adbd6388b7..65764d2ac9ea5e 100644 --- a/docs/pages/blog/august-2019-update.js +++ b/docs/pages/blog/august-2019-update.js @@ -1,15 +1,7 @@ import * as React from 'react'; import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { docs } from '!@material-ui/markdown/loader!./august-2019-update.md'; -const pageFilename = 'blog/august-2019-update'; -const requireRaw = require.context('!raw-loader!./', false, /august-2019-update\.md$/); - -export default function Page({ docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/blog/danail-hadjiatanasov-joining.js b/docs/pages/blog/danail-hadjiatanasov-joining.js index b1d75a18d2aba9..1e3c1e5154afda 100644 --- a/docs/pages/blog/danail-hadjiatanasov-joining.js +++ b/docs/pages/blog/danail-hadjiatanasov-joining.js @@ -1,15 +1,7 @@ import * as React from 'react'; import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { docs } from '!@material-ui/markdown/loader!./danail-hadjiatanasov-joining.md'; -const pageFilename = 'blog/danail-hadjiatanasov-joining'; -const requireRaw = require.context('!raw-loader!./', false, /danail-hadjiatanasov-joining\.md$/); - -export default function Page({ docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/blog/december-2019-update.js b/docs/pages/blog/december-2019-update.js index b6bef79246b7ea..f288f5268c29c1 100644 --- a/docs/pages/blog/december-2019-update.js +++ b/docs/pages/blog/december-2019-update.js @@ -1,15 +1,7 @@ import * as React from 'react'; import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { docs } from '!@material-ui/markdown/loader!./december-2019-update.md'; -const pageFilename = 'blog/december-2019-update'; -const requireRaw = require.context('!raw-loader!./', false, /december-2019-update\.md$/); - -export default function Page({ docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/blog/july-2019-update.js b/docs/pages/blog/july-2019-update.js index 0d0e699e682043..a698a45070b573 100644 --- a/docs/pages/blog/july-2019-update.js +++ b/docs/pages/blog/july-2019-update.js @@ -1,15 +1,7 @@ import * as React from 'react'; import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { docs } from '!@material-ui/markdown/loader!./july-2019-update.md'; -const pageFilename = 'blog/july-2019-update'; -const requireRaw = require.context('!raw-loader!./', false, /july-2019-update\.md$/); - -export default function Page({ docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/blog/june-2019-update.js b/docs/pages/blog/june-2019-update.js index 2c313db2940e8f..6c74e2dc80dd2a 100644 --- a/docs/pages/blog/june-2019-update.js +++ b/docs/pages/blog/june-2019-update.js @@ -1,15 +1,7 @@ import * as React from 'react'; import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { docs } from '!@material-ui/markdown/loader!./june-2019-update.md'; -const pageFilename = 'blog/june-2019-update'; -const requireRaw = require.context('!raw-loader!./', false, /june-2019-update\.md$/); - -export default function Page({ docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/blog/march-2019-update.js b/docs/pages/blog/march-2019-update.js index 05d86e566b752a..74f37b00ab8e46 100644 --- a/docs/pages/blog/march-2019-update.js +++ b/docs/pages/blog/march-2019-update.js @@ -1,15 +1,7 @@ import * as React from 'react'; import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { docs } from '!@material-ui/markdown/loader!./march-2019-update.md'; -const pageFilename = 'blog/march-2019-update'; -const requireRaw = require.context('!raw-loader!./', false, /march-2019-update\.md$/); - -export default function Page({ docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/blog/marija-najdova-joining.js b/docs/pages/blog/marija-najdova-joining.js index 7247e3205227d8..115cb6e9c0f41c 100644 --- a/docs/pages/blog/marija-najdova-joining.js +++ b/docs/pages/blog/marija-najdova-joining.js @@ -1,15 +1,7 @@ import * as React from 'react'; import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { docs } from '!@material-ui/markdown/loader!./marija-najdova-joining.md'; -const pageFilename = 'blog/marija-najdova-joining'; -const requireRaw = require.context('!raw-loader!./', false, /marija-najdova-joining\.md$/); - -export default function Page({ docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/blog/material-ui-v1-is-out.js b/docs/pages/blog/material-ui-v1-is-out.js index aeb3933047c717..551ea5f6dc38a8 100644 --- a/docs/pages/blog/material-ui-v1-is-out.js +++ b/docs/pages/blog/material-ui-v1-is-out.js @@ -1,15 +1,7 @@ import * as React from 'react'; import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { docs } from '!@material-ui/markdown/loader!./material-ui-v1-is-out.md'; -const pageFilename = 'blog/material-ui-v1-is-out'; -const requireRaw = require.context('!raw-loader!./', false, /material-ui-v1-is-out\.md$/); - -export default function Page({ docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/blog/material-ui-v4-is-out.js b/docs/pages/blog/material-ui-v4-is-out.js index c8796a26adc5af..5b48159dcb79ab 100644 --- a/docs/pages/blog/material-ui-v4-is-out.js +++ b/docs/pages/blog/material-ui-v4-is-out.js @@ -1,15 +1,7 @@ import * as React from 'react'; import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { docs } from '!@material-ui/markdown/loader!./material-ui-v4-is-out.md'; -const pageFilename = 'blog/material-ui-v4-is-out'; -const requireRaw = require.context('!raw-loader!./', false, /material-ui-v4-is-out\.md$/); - -export default function Page({ docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/blog/matheus-wichman-joining.js b/docs/pages/blog/matheus-wichman-joining.js index f399aca87fa4d9..a587b0b3314935 100644 --- a/docs/pages/blog/matheus-wichman-joining.js +++ b/docs/pages/blog/matheus-wichman-joining.js @@ -1,15 +1,7 @@ import * as React from 'react'; import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { docs } from '!@material-ui/markdown/loader!./matheus-wichman-joining.md'; -const pageFilename = 'blog/matheus-wichman-joining'; -const requireRaw = require.context('!raw-loader!./', false, /matheus-wichman-joining\.md$/); - -export default function Page({ docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/blog/may-2019-update.js b/docs/pages/blog/may-2019-update.js index c154f4dfe56208..b4d0594344fd12 100644 --- a/docs/pages/blog/may-2019-update.js +++ b/docs/pages/blog/may-2019-update.js @@ -1,15 +1,7 @@ import * as React from 'react'; import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { docs } from '!@material-ui/markdown/loader!./may-2019-update.md'; -const pageFilename = 'blog/may-2019-update'; -const requireRaw = require.context('!raw-loader!./', false, /may-2019-update\.md$/); - -export default function Page({ docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/blog/michal-dudak-joining.js b/docs/pages/blog/michal-dudak-joining.js index d09e9e259ed60a..3fec14b73506ac 100644 --- a/docs/pages/blog/michal-dudak-joining.js +++ b/docs/pages/blog/michal-dudak-joining.js @@ -1,15 +1,7 @@ import * as React from 'react'; import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { docs } from '!@material-ui/markdown/loader!./michal-dudak-joining.md'; -const pageFilename = 'blog/michal-dudak-joining'; -const requireRaw = require.context('!raw-loader!./', false, /michal-dudak-joining\.md$/); - -export default function Page({ docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/blog/november-2019-update.js b/docs/pages/blog/november-2019-update.js index 0e2aa5a507f5d6..657875186a3b29 100644 --- a/docs/pages/blog/november-2019-update.js +++ b/docs/pages/blog/november-2019-update.js @@ -1,15 +1,7 @@ import * as React from 'react'; import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { docs } from '!@material-ui/markdown/loader!./november-2019-update.md'; -const pageFilename = 'blog/november-2019-update'; -const requireRaw = require.context('!raw-loader!./', false, /november-2019-update\.md$/); - -export default function Page({ docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/blog/october-2019-update.js b/docs/pages/blog/october-2019-update.js index f0297d4d3aa7b2..7d05a083750b3b 100644 --- a/docs/pages/blog/october-2019-update.js +++ b/docs/pages/blog/october-2019-update.js @@ -1,15 +1,7 @@ import * as React from 'react'; import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { docs } from '!@material-ui/markdown/loader!./october-2019-update.md'; -const pageFilename = 'blog/october-2019-update'; -const requireRaw = require.context('!raw-loader!./', false, /october-2019-update\.md$/); - -export default function Page({ docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/blog/september-2019-update.js b/docs/pages/blog/september-2019-update.js index 8004a834713a86..f7afd8768949a2 100644 --- a/docs/pages/blog/september-2019-update.js +++ b/docs/pages/blog/september-2019-update.js @@ -1,15 +1,7 @@ import * as React from 'react'; import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { docs } from '!@material-ui/markdown/loader!./september-2019-update.md'; -const pageFilename = 'blog/september-2019-update'; -const requireRaw = require.context('!raw-loader!./', false, /september-2019-update\.md$/); - -export default function Page({ docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/blog/siriwat-kunaporn-joining.js b/docs/pages/blog/siriwat-kunaporn-joining.js index ead39ca1708a1e..620444ef13b90e 100644 --- a/docs/pages/blog/siriwat-kunaporn-joining.js +++ b/docs/pages/blog/siriwat-kunaporn-joining.js @@ -1,15 +1,7 @@ import * as React from 'react'; import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { docs } from '!@material-ui/markdown/loader!./siriwat-kunaporn-joining.md'; -const pageFilename = 'blog/siriwat-kunaporn-joining'; -const requireRaw = require.context('!raw-loader!./', false, /siriwat-kunaporn-joining\.md$/); - -export default function Page({ docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/blog/spotlight-damien-tassone.js b/docs/pages/blog/spotlight-damien-tassone.js index 3ffb4891633024..6d1704f10f49ab 100644 --- a/docs/pages/blog/spotlight-damien-tassone.js +++ b/docs/pages/blog/spotlight-damien-tassone.js @@ -1,15 +1,7 @@ import * as React from 'react'; import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { docs } from '!@material-ui/markdown/loader!./spotlight-damien-tassone.md'; -const pageFilename = 'blog/spotlight-damien-tassone'; -const requireRaw = require.context('!raw-loader!./', false, /spotlight-damien-tassone\.md$/); - -export default function Page({ docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/company/about.js b/docs/pages/company/about.js index d879c7da8d7827..d9b0725a3ad561 100644 --- a/docs/pages/company/about.js +++ b/docs/pages/company/about.js @@ -1,20 +1,11 @@ import * as React from 'react'; import TopLayoutCompany from 'docs/src/modules/components/TopLayoutCompany'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/company/about/about.md'; -const pageFilename = 'company/about'; -const requireDemo = require.context('docs/src/pages/company/about', false, /\.(js|tsx)$/); -const requireRaw = require.context( - '!raw-loader!../../src/pages/company/about', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/company/careers.js b/docs/pages/company/careers.js index 2cf3ca41c823d1..b23899ba890fe2 100644 --- a/docs/pages/company/careers.js +++ b/docs/pages/company/careers.js @@ -1,20 +1,11 @@ import * as React from 'react'; import TopLayoutCompany from 'docs/src/modules/components/TopLayoutCompany'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/company/careers/careers.md'; -const pageFilename = 'company/careers'; -const requireDemo = require.context('docs/src/pages/company/careers', false, /\.(js|tsx)$/); -const requireRaw = require.context( - '!raw-loader!../../src/pages/company/careers', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/company/contact.js b/docs/pages/company/contact.js index 297be1f853e931..1dd5b844df2b23 100644 --- a/docs/pages/company/contact.js +++ b/docs/pages/company/contact.js @@ -1,20 +1,11 @@ import * as React from 'react'; import TopLayoutCompany from 'docs/src/modules/components/TopLayoutCompany'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/company/contact/contact.md'; -const pageFilename = 'company/contact'; -const requireDemo = require.context('docs/src/pages/company/contact', false, /\.(js|tsx)$/); -const requireRaw = require.context( - '!raw-loader!../../src/pages/company/contact', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/company/lead-designer.js b/docs/pages/company/lead-designer.js index deba094da7db4c..31bf29dcef6b23 100644 --- a/docs/pages/company/lead-designer.js +++ b/docs/pages/company/lead-designer.js @@ -1,20 +1,11 @@ import React from 'react'; import TopLayoutCompany from 'docs/src/modules/components/TopLayoutCompany'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/company/lead-designer/lead-designer.md'; -const pageFilename = 'company/lead-designer'; -const requireDemo = require.context('docs/src/pages/company/lead-designer', false, /\.(js|tsx)$/); -const requireRaw = require.context( - '!raw-loader!../../src/pages/company/lead-designer', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/company/software-engineer.js b/docs/pages/company/software-engineer.js index 9eb7456befb61e..633fa6a99425b8 100644 --- a/docs/pages/company/software-engineer.js +++ b/docs/pages/company/software-engineer.js @@ -1,24 +1,11 @@ import * as React from 'react'; import TopLayoutCompany from 'docs/src/modules/components/TopLayoutCompany'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/company/software-engineer/software-engineer.md'; -const pageFilename = 'company/software-engineer'; -const requireDemo = require.context( - 'docs/src/pages/company/software-engineer', - false, - /\.(js|tsx)$/, -); -const requireRaw = require.context( - '!raw-loader!../../src/pages/company/software-engineer', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/components/about-the-lab.js b/docs/pages/components/about-the-lab.js index d33b5b84e900f5..57fd113bb265a5 100644 --- a/docs/pages/components/about-the-lab.js +++ b/docs/pages/components/about-the-lab.js @@ -1,24 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/components/about-the-lab/about-the-lab.md'; -const pageFilename = 'components/about-the-lab'; -const requireDemo = require.context( - 'docs/src/pages/components/about-the-lab', - false, - /\.(js|tsx)$/, -); -const requireRaw = require.context( - '!raw-loader!../../src/pages/components/about-the-lab', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/components/accordion.js b/docs/pages/components/accordion.js index 09646a43a61fea..ebba934fe41c00 100644 --- a/docs/pages/components/accordion.js +++ b/docs/pages/components/accordion.js @@ -1,20 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/components/accordion/accordion.md'; -const pageFilename = 'components/accordion'; -const requireDemo = require.context('docs/src/pages/components/accordion', false, /\.(js|tsx)$/); -const requireRaw = require.context( - '!raw-loader!../../src/pages/components/accordion', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/components/alert.js b/docs/pages/components/alert.js index ea171ed512fff1..c05d4aab098a4f 100644 --- a/docs/pages/components/alert.js +++ b/docs/pages/components/alert.js @@ -1,20 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/components/alert/alert.md'; -const pageFilename = 'components/alert'; -const requireDemo = require.context('docs/src/pages/components/alert', false, /\.(js|tsx)$/); -const requireRaw = require.context( - '!raw-loader!../../src/pages/components/alert', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/components/app-bar.js b/docs/pages/components/app-bar.js index 77dbd104ae0374..3e646a2c5f68bd 100644 --- a/docs/pages/components/app-bar.js +++ b/docs/pages/components/app-bar.js @@ -1,20 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/components/app-bar/app-bar.md'; -const pageFilename = 'components/app-bar'; -const requireDemo = require.context('docs/src/pages/components/app-bar', false, /\.(js|tsx)$/); -const requireRaw = require.context( - '!raw-loader!../../src/pages/components/app-bar', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/components/autocomplete.js b/docs/pages/components/autocomplete.js index a3928ef53d8a47..24952f5ec1f26d 100644 --- a/docs/pages/components/autocomplete.js +++ b/docs/pages/components/autocomplete.js @@ -1,24 +1,15 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; - -const pageFilename = 'components/autocomplete'; -const requireDemo = require.context('docs/src/pages/components/autocomplete', false, /\.(js|tsx)$/); -const requireRaw = require.context( - '!raw-loader!../../src/pages/components/autocomplete', - false, - /\.(js|md|tsx)$/, -); +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/components/autocomplete/autocomplete.md'; // Run styled-components ref logic // https://github.com/styled-components/styled-components/pull/2998 requireDemo.keys().map(requireDemo); -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/components/avatars.js b/docs/pages/components/avatars.js index 4c89ef359b7708..0fc105543b8f24 100644 --- a/docs/pages/components/avatars.js +++ b/docs/pages/components/avatars.js @@ -1,20 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/components/avatars/avatars.md'; -const pageFilename = 'components/avatars'; -const requireDemo = require.context('docs/src/pages/components/avatars', false, /\.(js|tsx)$/); -const requireRaw = require.context( - '!raw-loader!../../src/pages/components/avatars', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/components/backdrop.js b/docs/pages/components/backdrop.js index c0702c4cd77708..3acaab399bdbf1 100644 --- a/docs/pages/components/backdrop.js +++ b/docs/pages/components/backdrop.js @@ -1,20 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/components/backdrop/backdrop.md'; -const pageFilename = 'components/backdrop'; -const requireDemo = require.context('docs/src/pages/components/backdrop', false, /\.(js|tsx)$/); -const requireRaw = require.context( - '!raw-loader!../../src/pages/components/backdrop', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/components/badges.js b/docs/pages/components/badges.js index 7394fa830cf9ee..df463fbeeab88a 100644 --- a/docs/pages/components/badges.js +++ b/docs/pages/components/badges.js @@ -1,20 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/components/badges/badges.md'; -const pageFilename = 'components/badges'; -const requireDemo = require.context('docs/src/pages/components/badges', false, /\.(js|tsx)$/); -const requireRaw = require.context( - '!raw-loader!../../src/pages/components/badges', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/components/bottom-navigation.js b/docs/pages/components/bottom-navigation.js index 2dae37e9f8896e..a32b724a3c00c1 100644 --- a/docs/pages/components/bottom-navigation.js +++ b/docs/pages/components/bottom-navigation.js @@ -1,24 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/components/bottom-navigation/bottom-navigation.md'; -const pageFilename = 'components/bottom-navigation'; -const requireDemo = require.context( - 'docs/src/pages/components/bottom-navigation', - false, - /\.(js|tsx)$/, -); -const requireRaw = require.context( - '!raw-loader!../../src/pages/components/bottom-navigation', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/components/box.js b/docs/pages/components/box.js index a3074e058180cf..9311d1200f3e1b 100644 --- a/docs/pages/components/box.js +++ b/docs/pages/components/box.js @@ -1,20 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/components/box/box.md'; -const pageFilename = 'components/box'; -const requireDemo = require.context('docs/src/pages/components/box', false, /\.(js|tsx)$/); -const requireRaw = require.context( - '!raw-loader!../../src/pages/components/box', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/components/breadcrumbs.js b/docs/pages/components/breadcrumbs.js index 3c912f252aa4e6..ce741e8d4be55f 100644 --- a/docs/pages/components/breadcrumbs.js +++ b/docs/pages/components/breadcrumbs.js @@ -1,20 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/components/breadcrumbs/breadcrumbs.md'; -const pageFilename = 'components/breadcrumbs'; -const requireDemo = require.context('docs/src/pages/components/breadcrumbs', false, /\.(js|tsx)$/); -const requireRaw = require.context( - '!raw-loader!../../src/pages/components/breadcrumbs', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/components/button-group.js b/docs/pages/components/button-group.js index 0e40c094d1d2fc..f711fac34ea4af 100644 --- a/docs/pages/components/button-group.js +++ b/docs/pages/components/button-group.js @@ -1,20 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/components/button-group/button-group.md'; -const pageFilename = 'components/button-group'; -const requireDemo = require.context('docs/src/pages/components/button-group', false, /\.(js|tsx)$/); -const requireRaw = require.context( - '!raw-loader!../../src/pages/components/button-group', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/components/buttons.js b/docs/pages/components/buttons.js index d07b0fcef5aa98..2cd1c8493af9b3 100644 --- a/docs/pages/components/buttons.js +++ b/docs/pages/components/buttons.js @@ -1,20 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/components/buttons/buttons.md'; -const pageFilename = 'components/buttons'; -const requireDemo = require.context('docs/src/pages/components/buttons', false, /\.(js|tsx)$/); -const requireRaw = require.context( - '!raw-loader!../../src/pages/components/buttons', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/components/cards.js b/docs/pages/components/cards.js index c59c974e6fb25e..291f470dd623dc 100644 --- a/docs/pages/components/cards.js +++ b/docs/pages/components/cards.js @@ -1,20 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/components/cards/cards.md'; -const pageFilename = 'components/cards'; -const requireDemo = require.context('docs/src/pages/components/cards', false, /\.(js|tsx)$/); -const requireRaw = require.context( - '!raw-loader!../../src/pages/components/cards', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/components/checkboxes.js b/docs/pages/components/checkboxes.js index 353ab591129b46..dc9de259dfd16b 100644 --- a/docs/pages/components/checkboxes.js +++ b/docs/pages/components/checkboxes.js @@ -1,20 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/components/checkboxes/checkboxes.md'; -const pageFilename = 'components/checkboxes'; -const requireDemo = require.context('docs/src/pages/components/checkboxes', false, /\.(js|tsx)$/); -const requireRaw = require.context( - '!raw-loader!../../src/pages/components/checkboxes', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/components/chips.js b/docs/pages/components/chips.js index a6c632ef3354d2..b1c005b7c861d1 100644 --- a/docs/pages/components/chips.js +++ b/docs/pages/components/chips.js @@ -1,20 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/components/chips/chips.md'; -const pageFilename = 'components/chips'; -const requireDemo = require.context('docs/src/pages/components/chips', false, /\.(js|tsx)$/); -const requireRaw = require.context( - '!raw-loader!../../src/pages/components/chips', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/components/click-away-listener.js b/docs/pages/components/click-away-listener.js index 5e74b923c937a6..8b43679eb810c2 100644 --- a/docs/pages/components/click-away-listener.js +++ b/docs/pages/components/click-away-listener.js @@ -1,24 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/components/click-away-listener/click-away-listener.md'; -const pageFilename = 'components/click-away-listener'; -const requireDemo = require.context( - 'docs/src/pages/components/click-away-listener', - false, - /\.(js|tsx)$/, -); -const requireRaw = require.context( - '!raw-loader!../../src/pages/components/click-away-listener', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/components/container.js b/docs/pages/components/container.js index 44949f5809eaab..0c4247a02beaff 100644 --- a/docs/pages/components/container.js +++ b/docs/pages/components/container.js @@ -1,20 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/components/container/container.md'; -const pageFilename = 'components/container'; -const requireDemo = require.context('docs/src/pages/components/container', false, /\.(js|tsx)$/); -const requireRaw = require.context( - '!raw-loader!../../src/pages/components/container', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/components/css-baseline.js b/docs/pages/components/css-baseline.js index 918dbaf084264f..d1f249bdbcfd69 100644 --- a/docs/pages/components/css-baseline.js +++ b/docs/pages/components/css-baseline.js @@ -1,20 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/components/css-baseline/css-baseline.md'; -const pageFilename = 'components/css-baseline'; -const requireDemo = require.context('docs/src/pages/components/css-baseline', false, /\.(js|tsx)$/); -const requireRaw = require.context( - '!raw-loader!../../src/pages/components/css-baseline', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/components/date-picker.js b/docs/pages/components/date-picker.js index f7b47957a2ccc8..4ba0292a439a44 100644 --- a/docs/pages/components/date-picker.js +++ b/docs/pages/components/date-picker.js @@ -1,24 +1,15 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; - -const pageFilename = 'components/date-picker'; -const requireDemo = require.context('docs/src/pages/components/date-picker', false, /\.(js|tsx)$/); -const requireRaw = require.context( - '!raw-loader!../../src/pages/components/date-picker', - false, - /\.(js|md|tsx)$/, -); +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/components/date-picker/date-picker.md'; // Run styled-components ref logic // https://github.com/styled-components/styled-components/pull/2998 requireDemo.keys().map(requireDemo); -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/components/date-range-picker.js b/docs/pages/components/date-range-picker.js index de60ebe5f1e7aa..e934df0379d451 100644 --- a/docs/pages/components/date-range-picker.js +++ b/docs/pages/components/date-range-picker.js @@ -1,28 +1,15 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; - -const pageFilename = 'components/date-range-picker'; -const requireDemo = require.context( - 'docs/src/pages/components/date-range-picker', - false, - /\.(js|tsx)$/, -); -const requireRaw = require.context( - '!raw-loader!../../src/pages/components/date-range-picker', - false, - /\.(js|md|tsx)$/, -); +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/components/date-range-picker/date-range-picker.md'; // Run styled-components ref logic // https://github.com/styled-components/styled-components/pull/2998 requireDemo.keys().map(requireDemo); -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/components/date-time-picker.js b/docs/pages/components/date-time-picker.js index 553e5a5b2fb04a..45c7aad7f730b9 100644 --- a/docs/pages/components/date-time-picker.js +++ b/docs/pages/components/date-time-picker.js @@ -1,28 +1,15 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; - -const pageFilename = 'components/date-time-picker'; -const requireDemo = require.context( - 'docs/src/pages/components/date-time-picker', - false, - /\.(js|tsx)$/, -); -const requireRaw = require.context( - '!raw-loader!../../src/pages/components/date-time-picker', - false, - /\.(js|md|tsx)$/, -); +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/components/date-time-picker/date-time-picker.md'; // Run styled-components ref logic // https://github.com/styled-components/styled-components/pull/2998 requireDemo.keys().map(requireDemo); -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/components/dialogs.js b/docs/pages/components/dialogs.js index 74a49bd2cc4a17..55a9e5a5cd9e5d 100644 --- a/docs/pages/components/dialogs.js +++ b/docs/pages/components/dialogs.js @@ -1,20 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/components/dialogs/dialogs.md'; -const pageFilename = 'components/dialogs'; -const requireDemo = require.context('docs/src/pages/components/dialogs', false, /\.(js|tsx)$/); -const requireRaw = require.context( - '!raw-loader!../../src/pages/components/dialogs', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/components/dividers.js b/docs/pages/components/dividers.js index 6288387c8ffade..d7dd3dd6bffa5c 100644 --- a/docs/pages/components/dividers.js +++ b/docs/pages/components/dividers.js @@ -1,20 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/components/dividers/dividers.md'; -const pageFilename = 'components/dividers'; -const requireDemo = require.context('docs/src/pages/components/dividers', false, /\.(js|tsx)$/); -const requireRaw = require.context( - '!raw-loader!../../src/pages/components/dividers', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/components/drawers.js b/docs/pages/components/drawers.js index 638b24388d8938..a1d3ac950896c4 100644 --- a/docs/pages/components/drawers.js +++ b/docs/pages/components/drawers.js @@ -1,20 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/components/drawers/drawers.md'; -const pageFilename = 'components/drawers'; -const requireDemo = require.context('docs/src/pages/components/drawers', false, /\.(js|tsx)$/); -const requireRaw = require.context( - '!raw-loader!../../src/pages/components/drawers', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/components/floating-action-button.js b/docs/pages/components/floating-action-button.js index fdefeb62bbd15b..5a8443f3beb3d7 100644 --- a/docs/pages/components/floating-action-button.js +++ b/docs/pages/components/floating-action-button.js @@ -1,24 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/components/floating-action-button/floating-action-button.md'; -const pageFilename = 'components/floating-action-button'; -const requireDemo = require.context( - 'docs/src/pages/components/floating-action-button', - false, - /\.(js|tsx)$/, -); -const requireRaw = require.context( - '!raw-loader!../../src/pages/components/floating-action-button', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/components/grid.js b/docs/pages/components/grid.js index 152197e3996c2c..0f732f2204c356 100644 --- a/docs/pages/components/grid.js +++ b/docs/pages/components/grid.js @@ -1,20 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/components/grid/grid.md'; -const pageFilename = 'components/grid'; -const requireDemo = require.context('docs/src/pages/components/grid', false, /\.(js|tsx)$/); -const requireRaw = require.context( - '!raw-loader!../../src/pages/components/grid', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/components/icons.js b/docs/pages/components/icons.js index e6100200afb5ac..67ce8c648008be 100644 --- a/docs/pages/components/icons.js +++ b/docs/pages/components/icons.js @@ -1,20 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/components/icons/icons.md'; -const pageFilename = 'components/icons'; -const requireDemo = require.context('docs/src/pages/components/icons', false, /\.(js|tsx)$/); -const requireRaw = require.context( - '!raw-loader!../../src/pages/components/icons', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/components/image-list.js b/docs/pages/components/image-list.js index 88e249096fd680..8cd7a2fb2e9dea 100644 --- a/docs/pages/components/image-list.js +++ b/docs/pages/components/image-list.js @@ -1,20 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/components/image-list/image-list.md'; -const pageFilename = 'components/image-list'; -const requireDemo = require.context('docs/src/pages/components/image-list', false, /\.(js|tsx)$/); -const requireRaw = require.context( - '!raw-loader!../../src/pages/components/image-list', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/components/links.js b/docs/pages/components/links.js index c7fcac6f0dc306..63bdc23a1b716a 100644 --- a/docs/pages/components/links.js +++ b/docs/pages/components/links.js @@ -1,20 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/components/links/links.md'; -const pageFilename = 'components/links'; -const requireDemo = require.context('docs/src/pages/components/links', false, /\.(js|tsx)$/); -const requireRaw = require.context( - '!raw-loader!../../src/pages/components/links', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/components/lists.js b/docs/pages/components/lists.js index 854f2d68995202..2a896a2ee3af90 100644 --- a/docs/pages/components/lists.js +++ b/docs/pages/components/lists.js @@ -1,20 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/components/lists/lists.md'; -const pageFilename = 'components/lists'; -const requireDemo = require.context('docs/src/pages/components/lists', false, /\.(js|tsx)$/); -const requireRaw = require.context( - '!raw-loader!../../src/pages/components/lists', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/components/material-icons.js b/docs/pages/components/material-icons.js index dff07c1b686348..66c27b790fe038 100644 --- a/docs/pages/components/material-icons.js +++ b/docs/pages/components/material-icons.js @@ -1,24 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/components/material-icons/material-icons.md'; -const pageFilename = 'components/material-icons'; -const requireDemo = require.context( - 'docs/src/pages/components/material-icons', - false, - /\.(js|tsx)$/, -); -const requireRaw = require.context( - '!raw-loader!../../src/pages/components/material-icons', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/components/menus.js b/docs/pages/components/menus.js index 13fd8badf9da3d..a24ef6fee2c048 100644 --- a/docs/pages/components/menus.js +++ b/docs/pages/components/menus.js @@ -1,20 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/components/menus/menus.md'; -const pageFilename = 'components/menus'; -const requireDemo = require.context('docs/src/pages/components/menus', false, /\.(js|tsx)$/); -const requireRaw = require.context( - '!raw-loader!../../src/pages/components/menus', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/components/modal.js b/docs/pages/components/modal.js index 0db9ea7299caef..180a9b017f222c 100644 --- a/docs/pages/components/modal.js +++ b/docs/pages/components/modal.js @@ -1,20 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/components/modal/modal.md'; -const pageFilename = 'components/modal'; -const requireDemo = require.context('docs/src/pages/components/modal', false, /\.(js|tsx)$/); -const requireRaw = require.context( - '!raw-loader!../../src/pages/components/modal', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/components/no-ssr.js b/docs/pages/components/no-ssr.js index b7ee572348f02a..8f7ae9b826c668 100644 --- a/docs/pages/components/no-ssr.js +++ b/docs/pages/components/no-ssr.js @@ -1,20 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/components/no-ssr/no-ssr.md'; -const pageFilename = 'components/no-ssr'; -const requireDemo = require.context('docs/src/pages/components/no-ssr', false, /\.(js|tsx)$/); -const requireRaw = require.context( - '!raw-loader!../../src/pages/components/no-ssr', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/components/pagination.js b/docs/pages/components/pagination.js index 7f49e44821c96a..e88fcce3dc2a1b 100644 --- a/docs/pages/components/pagination.js +++ b/docs/pages/components/pagination.js @@ -1,20 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/components/pagination/pagination.md'; -const pageFilename = 'components/pagination'; -const requireDemo = require.context('docs/src/pages/components/pagination', false, /\.(js|tsx)$/); -const requireRaw = require.context( - '!raw-loader!../../src/pages/components/pagination', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/components/paper.js b/docs/pages/components/paper.js index f367c2f0a81f26..1b84abddbb18c0 100644 --- a/docs/pages/components/paper.js +++ b/docs/pages/components/paper.js @@ -1,20 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/components/paper/paper.md'; -const pageFilename = 'components/paper'; -const requireDemo = require.context('docs/src/pages/components/paper', false, /\.(js|tsx)$/); -const requireRaw = require.context( - '!raw-loader!../../src/pages/components/paper', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/components/pickers.js b/docs/pages/components/pickers.js index c6f23f17cef89b..f9d0ccd6e613c2 100644 --- a/docs/pages/components/pickers.js +++ b/docs/pages/components/pickers.js @@ -1,20 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/components/pickers/pickers.md'; -const pageFilename = 'components/pickers'; -const requireDemo = require.context('docs/src/pages/components/pickers', false, /\.(js|tsx)$/); -const requireRaw = require.context( - '!raw-loader!../../src/pages/components/pickers', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/components/popover.js b/docs/pages/components/popover.js index 83fb98715ceadc..cdf48a937f0de6 100644 --- a/docs/pages/components/popover.js +++ b/docs/pages/components/popover.js @@ -1,20 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/components/popover/popover.md'; -const pageFilename = 'components/popover'; -const requireDemo = require.context('docs/src/pages/components/popover', false, /\.(js|tsx)$/); -const requireRaw = require.context( - '!raw-loader!../../src/pages/components/popover', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/components/popper.js b/docs/pages/components/popper.js index 2f294ec7d682bf..9d1c101f979e38 100644 --- a/docs/pages/components/popper.js +++ b/docs/pages/components/popper.js @@ -1,20 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/components/popper/popper.md'; -const pageFilename = 'components/popper'; -const requireDemo = require.context('docs/src/pages/components/popper', false, /\.(js|tsx)$/); -const requireRaw = require.context( - '!raw-loader!../../src/pages/components/popper', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/components/portal.js b/docs/pages/components/portal.js index 5f5c33d27e712e..5e8ba244a1d19c 100644 --- a/docs/pages/components/portal.js +++ b/docs/pages/components/portal.js @@ -1,20 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/components/portal/portal.md'; -const pageFilename = 'components/portal'; -const requireDemo = require.context('docs/src/pages/components/portal', false, /\.(js|tsx)$/); -const requireRaw = require.context( - '!raw-loader!../../src/pages/components/portal', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/components/progress.js b/docs/pages/components/progress.js index ba50f63477cdce..efc475615eaa80 100644 --- a/docs/pages/components/progress.js +++ b/docs/pages/components/progress.js @@ -1,20 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/components/progress/progress.md'; -const pageFilename = 'components/progress'; -const requireDemo = require.context('docs/src/pages/components/progress', false, /\.(js|tsx)$/); -const requireRaw = require.context( - '!raw-loader!../../src/pages/components/progress', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/components/radio-buttons.js b/docs/pages/components/radio-buttons.js index f2aec8853f1ccc..993fefc118c852 100644 --- a/docs/pages/components/radio-buttons.js +++ b/docs/pages/components/radio-buttons.js @@ -1,24 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/components/radio-buttons/radio-buttons.md'; -const pageFilename = 'components/radio-buttons'; -const requireDemo = require.context( - 'docs/src/pages/components/radio-buttons', - false, - /\.(js|tsx)$/, -); -const requireRaw = require.context( - '!raw-loader!../../src/pages/components/radio-buttons', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/components/rating.js b/docs/pages/components/rating.js index dbe78db9b9ac66..ee7b82f0e66bfd 100644 --- a/docs/pages/components/rating.js +++ b/docs/pages/components/rating.js @@ -1,20 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/components/rating/rating.md'; -const pageFilename = 'components/rating'; -const requireDemo = require.context('docs/src/pages/components/rating', false, /\.(js|tsx)$/); -const requireRaw = require.context( - '!raw-loader!../../src/pages/components/rating', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/components/selects.js b/docs/pages/components/selects.js index f63dc4637ff54d..9b9f7e4cec3b04 100644 --- a/docs/pages/components/selects.js +++ b/docs/pages/components/selects.js @@ -1,20 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/components/selects/selects.md'; -const pageFilename = 'components/selects'; -const requireDemo = require.context('docs/src/pages/components/selects', false, /\.(js|tsx)$/); -const requireRaw = require.context( - '!raw-loader!../../src/pages/components/selects', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/components/skeleton.js b/docs/pages/components/skeleton.js index 3b83259a8e0749..7a5671c6fa17b8 100644 --- a/docs/pages/components/skeleton.js +++ b/docs/pages/components/skeleton.js @@ -1,20 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/components/skeleton/skeleton.md'; -const pageFilename = 'components/skeleton'; -const requireDemo = require.context('docs/src/pages/components/skeleton', false, /\.(js|tsx)$/); -const requireRaw = require.context( - '!raw-loader!../../src/pages/components/skeleton', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/components/slider.js b/docs/pages/components/slider.js index b2b4e758010903..6bcb2261c65171 100644 --- a/docs/pages/components/slider.js +++ b/docs/pages/components/slider.js @@ -1,24 +1,15 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; - -const pageFilename = 'components/slider'; -const requireDemo = require.context('docs/src/pages/components/slider', false, /\.(js|tsx)$/); -const requireRaw = require.context( - '!raw-loader!../../src/pages/components/slider', - false, - /\.(js|md|tsx)$/, -); +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/components/slider/slider.md'; // Run styled-components ref logic // https://github.com/styled-components/styled-components/pull/2998 requireDemo.keys().map(requireDemo); -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/components/snackbars.js b/docs/pages/components/snackbars.js index cd641e83a9f2eb..244e0de01c4c35 100644 --- a/docs/pages/components/snackbars.js +++ b/docs/pages/components/snackbars.js @@ -1,20 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/components/snackbars/snackbars.md'; -const pageFilename = 'components/snackbars'; -const requireDemo = require.context('docs/src/pages/components/snackbars', false, /\.(js|tsx)$/); -const requireRaw = require.context( - '!raw-loader!../../src/pages/components/snackbars', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/components/speed-dial.js b/docs/pages/components/speed-dial.js index 47f16eea31da95..438e15dd145f11 100644 --- a/docs/pages/components/speed-dial.js +++ b/docs/pages/components/speed-dial.js @@ -1,20 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/components/speed-dial/speed-dial.md'; -const pageFilename = 'components/speed-dial'; -const requireDemo = require.context('docs/src/pages/components/speed-dial', false, /\.(js|tsx)$/); -const requireRaw = require.context( - '!raw-loader!../../src/pages/components/speed-dial', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/components/stack.js b/docs/pages/components/stack.js index dffdfc1dc45f5f..cc7931ef4fb808 100644 --- a/docs/pages/components/stack.js +++ b/docs/pages/components/stack.js @@ -1,20 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/components/stack/stack.md'; -const pageFilename = 'components/stack'; -const requireDemo = require.context('docs/src/pages/components/stack', false, /\.(js|tsx)$/); -const requireRaw = require.context( - '!raw-loader!../../src/pages/components/stack', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/components/steppers.js b/docs/pages/components/steppers.js index 7711f7188feff1..76c7e43c3b3df6 100644 --- a/docs/pages/components/steppers.js +++ b/docs/pages/components/steppers.js @@ -1,20 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/components/steppers/steppers.md'; -const pageFilename = 'components/steppers'; -const requireDemo = require.context('docs/src/pages/components/steppers', false, /\.(js|tsx)$/); -const requireRaw = require.context( - '!raw-loader!../../src/pages/components/steppers', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/components/switches.js b/docs/pages/components/switches.js index 08fc097c248201..e27dc3f08b6cdb 100644 --- a/docs/pages/components/switches.js +++ b/docs/pages/components/switches.js @@ -1,20 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/components/switches/switches.md'; -const pageFilename = 'components/switches'; -const requireDemo = require.context('docs/src/pages/components/switches', false, /\.(js|tsx)$/); -const requireRaw = require.context( - '!raw-loader!../../src/pages/components/switches', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/components/tabs.js b/docs/pages/components/tabs.js index 689e7d82fc7dbc..b08227086a25f8 100644 --- a/docs/pages/components/tabs.js +++ b/docs/pages/components/tabs.js @@ -1,20 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/components/tabs/tabs.md'; -const pageFilename = 'components/tabs'; -const requireDemo = require.context('docs/src/pages/components/tabs', false, /\.(js|tsx)$/); -const requireRaw = require.context( - '!raw-loader!../../src/pages/components/tabs', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/components/text-fields.js b/docs/pages/components/text-fields.js index 1e43ec0ef5e1ce..d235d0c8a8a208 100644 --- a/docs/pages/components/text-fields.js +++ b/docs/pages/components/text-fields.js @@ -1,20 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/components/text-fields/text-fields.md'; -const pageFilename = 'components/text-fields'; -const requireDemo = require.context('docs/src/pages/components/text-fields', false, /\.(js|tsx)$/); -const requireRaw = require.context( - '!raw-loader!../../src/pages/components/text-fields', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/components/textarea-autosize.js b/docs/pages/components/textarea-autosize.js index 68d9391b631946..1abbea34fe6e0e 100644 --- a/docs/pages/components/textarea-autosize.js +++ b/docs/pages/components/textarea-autosize.js @@ -1,24 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/components/textarea-autosize/textarea-autosize.md'; -const pageFilename = 'components/textarea-autosize'; -const requireDemo = require.context( - 'docs/src/pages/components/textarea-autosize', - false, - /\.(js|tsx)$/, -); -const requireRaw = require.context( - '!raw-loader!../../src/pages/components/textarea-autosize', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/components/time-picker.js b/docs/pages/components/time-picker.js index 8410701f991732..c5387d6f0e19e0 100644 --- a/docs/pages/components/time-picker.js +++ b/docs/pages/components/time-picker.js @@ -1,24 +1,15 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; - -const pageFilename = 'components/time-picker'; -const requireDemo = require.context('docs/src/pages/components/time-picker', false, /\.(js|tsx)$/); -const requireRaw = require.context( - '!raw-loader!../../src/pages/components/time-picker', - false, - /\.(js|md|tsx)$/, -); +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/components/time-picker/time-picker.md'; // Run styled-components ref logic // https://github.com/styled-components/styled-components/pull/2998 requireDemo.keys().map(requireDemo); -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/components/timeline.js b/docs/pages/components/timeline.js index 7cc03ff46ec02b..90eed7ab83d836 100644 --- a/docs/pages/components/timeline.js +++ b/docs/pages/components/timeline.js @@ -1,20 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/components/timeline/timeline.md'; -const pageFilename = 'components/timeline'; -const requireDemo = require.context('docs/src/pages/components/timeline', false, /\.(js|tsx)$/); -const requireRaw = require.context( - '!raw-loader!../../src/pages/components/timeline', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/components/toggle-button.js b/docs/pages/components/toggle-button.js index c5e7dbaa8d3e60..26f3ece4994058 100644 --- a/docs/pages/components/toggle-button.js +++ b/docs/pages/components/toggle-button.js @@ -1,24 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/components/toggle-button/toggle-button.md'; -const pageFilename = 'components/toggle-button'; -const requireDemo = require.context( - 'docs/src/pages/components/toggle-button', - false, - /\.(js|tsx)$/, -); -const requireRaw = require.context( - '!raw-loader!../../src/pages/components/toggle-button', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/components/tooltips.js b/docs/pages/components/tooltips.js index c2a808cd5891cb..5d5b3a76275fd1 100644 --- a/docs/pages/components/tooltips.js +++ b/docs/pages/components/tooltips.js @@ -1,20 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/components/tooltips/tooltips.md'; -const pageFilename = 'components/tooltips'; -const requireDemo = require.context('docs/src/pages/components/tooltips', false, /\.(js|tsx)$/); -const requireRaw = require.context( - '!raw-loader!../../src/pages/components/tooltips', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/components/transfer-list.js b/docs/pages/components/transfer-list.js index dfc5d542103bf8..a2697b9fc3da06 100644 --- a/docs/pages/components/transfer-list.js +++ b/docs/pages/components/transfer-list.js @@ -1,24 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/components/transfer-list/transfer-list.md'; -const pageFilename = 'components/transfer-list'; -const requireDemo = require.context( - 'docs/src/pages/components/transfer-list', - false, - /\.(js|tsx)$/, -); -const requireRaw = require.context( - '!raw-loader!../../src/pages/components/transfer-list', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/components/transitions.js b/docs/pages/components/transitions.js index 2d350ceb190faa..c679bed7c6ec20 100644 --- a/docs/pages/components/transitions.js +++ b/docs/pages/components/transitions.js @@ -1,20 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/components/transitions/transitions.md'; -const pageFilename = 'components/transitions'; -const requireDemo = require.context('docs/src/pages/components/transitions', false, /\.(js|tsx)$/); -const requireRaw = require.context( - '!raw-loader!../../src/pages/components/transitions', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/components/trap-focus.js b/docs/pages/components/trap-focus.js index d005ea8723b718..2294a69108fb01 100644 --- a/docs/pages/components/trap-focus.js +++ b/docs/pages/components/trap-focus.js @@ -1,20 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/components/trap-focus/trap-focus.md'; -const pageFilename = 'components/trap-focus'; -const requireDemo = require.context('docs/src/pages/components/trap-focus', false, /\.(js|tsx)$/); -const requireRaw = require.context( - '!raw-loader!../../src/pages/components/trap-focus', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/components/tree-view.js b/docs/pages/components/tree-view.js index 8449214bd668d6..e3b5d74f7893ae 100644 --- a/docs/pages/components/tree-view.js +++ b/docs/pages/components/tree-view.js @@ -1,20 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/components/tree-view/tree-view.md'; -const pageFilename = 'components/tree-view'; -const requireDemo = require.context('docs/src/pages/components/tree-view', false, /\.(js|tsx)$/); -const requireRaw = require.context( - '!raw-loader!../../src/pages/components/tree-view', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/components/typography.js b/docs/pages/components/typography.js index 2a06218a54e960..3b87d4fcebccb6 100644 --- a/docs/pages/components/typography.js +++ b/docs/pages/components/typography.js @@ -1,20 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/components/typography/typography.md'; -const pageFilename = 'components/typography'; -const requireDemo = require.context('docs/src/pages/components/typography', false, /\.(js|tsx)$/); -const requireRaw = require.context( - '!raw-loader!../../src/pages/components/typography', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/components/use-media-query.js b/docs/pages/components/use-media-query.js index 0613dc6ada733b..73741fce216daf 100644 --- a/docs/pages/components/use-media-query.js +++ b/docs/pages/components/use-media-query.js @@ -1,24 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/components/use-media-query/use-media-query.md'; -const pageFilename = 'components/use-media-query'; -const requireDemo = require.context( - 'docs/src/pages/components/use-media-query', - false, - /\.(js|tsx)$/, -); -const requireRaw = require.context( - '!raw-loader!../../src/pages/components/use-media-query', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/customization/breakpoints.js b/docs/pages/customization/breakpoints.js index 687c389d931338..6ef5eb589f4555 100644 --- a/docs/pages/customization/breakpoints.js +++ b/docs/pages/customization/breakpoints.js @@ -1,24 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/customization/breakpoints/breakpoints.md'; -const pageFilename = 'customization/breakpoints'; -const requireDemo = require.context( - 'docs/src/pages/customization/breakpoints', - false, - /\.(js|tsx)$/, -); -const requireRaw = require.context( - '!raw-loader!../../src/pages/customization/breakpoints', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/customization/color.js b/docs/pages/customization/color.js index 0066890a322646..2df7690e1fa6fb 100644 --- a/docs/pages/customization/color.js +++ b/docs/pages/customization/color.js @@ -1,20 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/customization/color/color.md'; -const pageFilename = 'customization/color'; -const requireDemo = require.context('docs/src/pages/customization/color', false, /\.(js|tsx)$/); -const requireRaw = require.context( - '!raw-loader!../../src/pages/customization/color', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/customization/default-theme.js b/docs/pages/customization/default-theme.js index b689e72500db8b..318e37bb3840ca 100644 --- a/docs/pages/customization/default-theme.js +++ b/docs/pages/customization/default-theme.js @@ -1,24 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/customization/default-theme/default-theme.md'; -const pageFilename = 'customization/default-theme'; -const requireDemo = require.context( - 'docs/src/pages/customization/default-theme', - false, - /\.(js|tsx)$/, -); -const requireRaw = require.context( - '!raw-loader!../../src/pages/customization/default-theme', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/customization/density.js b/docs/pages/customization/density.js index c3bfd6a144881e..ec99c2e1ccce1f 100644 --- a/docs/pages/customization/density.js +++ b/docs/pages/customization/density.js @@ -1,20 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/customization/density/density.md'; -const pageFilename = 'customization/density'; -const requireDemo = require.context('docs/src/pages/customization/density', false, /\.(js|tsx)$/); -const requireRaw = require.context( - '!raw-loader!../../src/pages/customization/density', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/customization/how-to-customize.js b/docs/pages/customization/how-to-customize.js index 91d3a7396b761b..16d036e34a15b6 100644 --- a/docs/pages/customization/how-to-customize.js +++ b/docs/pages/customization/how-to-customize.js @@ -1,24 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/customization/how-to-customize/how-to-customize.md'; -const pageFilename = 'customization/how-to-customize'; -const requireDemo = require.context( - 'docs/src/pages/customization/how-to-customize', - false, - /\.(js|tsx)$/, -); -const requireRaw = require.context( - '!raw-loader!../../src/pages/customization/how-to-customize', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/customization/palette.js b/docs/pages/customization/palette.js index da021597371992..f9550e0a090175 100644 --- a/docs/pages/customization/palette.js +++ b/docs/pages/customization/palette.js @@ -1,20 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/customization/palette/palette.md'; -const pageFilename = 'customization/palette'; -const requireDemo = require.context('docs/src/pages/customization/palette', false, /\.(js|tsx)$/); -const requireRaw = require.context( - '!raw-loader!../../src/pages/customization/palette', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/customization/spacing.js b/docs/pages/customization/spacing.js index c0e1c602a02a48..c564ed206e9fa2 100644 --- a/docs/pages/customization/spacing.js +++ b/docs/pages/customization/spacing.js @@ -1,20 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/customization/spacing/spacing.md'; -const pageFilename = 'customization/spacing'; -const requireDemo = require.context('docs/src/pages/customization/spacing', false, /\.(js|tsx)$/); -const requireRaw = require.context( - '!raw-loader!../../src/pages/customization/spacing', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/customization/styled.js b/docs/pages/customization/styled.js index 7652cc5b112c16..46787676498b33 100644 --- a/docs/pages/customization/styled.js +++ b/docs/pages/customization/styled.js @@ -1,20 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/customization/styled/styled.md'; -const pageFilename = 'customization/styled'; -const requireDemo = require.context('docs/src/pages/customization/styled', false, /\.(js|tsx)$/); -const requireRaw = require.context( - '!raw-loader!../../src/pages/customization/styled', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/customization/theme-components.js b/docs/pages/customization/theme-components.js index ceb7870759f838..81f15630dcd4e8 100644 --- a/docs/pages/customization/theme-components.js +++ b/docs/pages/customization/theme-components.js @@ -1,24 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/customization/theme-components/theme-components.md'; -const pageFilename = 'customization/theme-components'; -const requireDemo = require.context( - 'docs/src/pages/customization/theme-components', - false, - /\.(js|tsx)$/, -); -const requireRaw = require.context( - '!raw-loader!../../src/pages/customization/theme-components', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/customization/theming.js b/docs/pages/customization/theming.js index ad415f9b707a15..f02875f7f56789 100644 --- a/docs/pages/customization/theming.js +++ b/docs/pages/customization/theming.js @@ -1,20 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/customization/theming/theming.md'; -const pageFilename = 'customization/theming'; -const requireDemo = require.context('docs/src/pages/customization/theming', false, /\.(js|tsx)$/); -const requireRaw = require.context( - '!raw-loader!../../src/pages/customization/theming', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/customization/transitions.js b/docs/pages/customization/transitions.js index c0de16fc00b19d..3f22c9f7f9f09e 100644 --- a/docs/pages/customization/transitions.js +++ b/docs/pages/customization/transitions.js @@ -1,24 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/customization/transitions/transitions.md'; -const pageFilename = 'customization/transitions'; -const requireDemo = require.context( - 'docs/src/pages/customization/transitions', - false, - /\.(js|tsx)$/, -); -const requireRaw = require.context( - '!raw-loader!../../src/pages/customization/transitions', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/customization/typography.js b/docs/pages/customization/typography.js index 5ca31c67346157..b9820c1e5e3fc2 100644 --- a/docs/pages/customization/typography.js +++ b/docs/pages/customization/typography.js @@ -1,24 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/customization/typography/typography.md'; -const pageFilename = 'customization/typography'; -const requireDemo = require.context( - 'docs/src/pages/customization/typography', - false, - /\.(js|tsx)$/, -); -const requireRaw = require.context( - '!raw-loader!../../src/pages/customization/typography', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/customization/z-index.js b/docs/pages/customization/z-index.js index 3dacec0a79aad2..8339e6f6ad7de1 100644 --- a/docs/pages/customization/z-index.js +++ b/docs/pages/customization/z-index.js @@ -1,20 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/customization/z-index/z-index.md'; -const pageFilename = 'customization/z-index'; -const requireDemo = require.context('docs/src/pages/customization/z-index', false, /\.(js|tsx)$/); -const requireRaw = require.context( - '!raw-loader!../../src/pages/customization/z-index', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/discover-more/backers.js b/docs/pages/discover-more/backers.js index 2b2f16fde39ab3..2369895216cc1f 100644 --- a/docs/pages/discover-more/backers.js +++ b/docs/pages/discover-more/backers.js @@ -1,20 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/discover-more/backers/backers.md'; -const pageFilename = 'discover-more/backers'; -const requireDemo = require.context('docs/src/pages/discover-more/backers', false, /\.(js|tsx)$/); -const requireRaw = require.context( - '!raw-loader!../../src/pages/discover-more/backers', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/discover-more/changelog.js b/docs/pages/discover-more/changelog.js index 7c65e756bd1588..1e273f511394d9 100644 --- a/docs/pages/discover-more/changelog.js +++ b/docs/pages/discover-more/changelog.js @@ -1,20 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/discover-more/changelog/changelog.md'; -const pageFilename = 'discover-more/changelog'; -const requireDemo = require.context('docs/src/pages/discover-more/changelog', false, /\.(js|tsx)$/); -const requireRaw = require.context( - '!raw-loader!../../src/pages/discover-more/changelog', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/discover-more/languages.js b/docs/pages/discover-more/languages.js index 17c1b65bb2ab0b..8bacdaeb70a65d 100644 --- a/docs/pages/discover-more/languages.js +++ b/docs/pages/discover-more/languages.js @@ -1,20 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/discover-more/languages/languages.md'; -const pageFilename = 'discover-more/languages'; -const requireDemo = require.context('docs/src/pages/discover-more/languages', false, /\.(js|tsx)$/); -const requireRaw = require.context( - '!raw-loader!../../src/pages/discover-more/languages', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/discover-more/related-projects.js b/docs/pages/discover-more/related-projects.js index 0e5303f071c754..753a86cc72a532 100644 --- a/docs/pages/discover-more/related-projects.js +++ b/docs/pages/discover-more/related-projects.js @@ -1,24 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/discover-more/related-projects/related-projects.md'; -const pageFilename = 'discover-more/related-projects'; -const requireDemo = require.context( - 'docs/src/pages/discover-more/related-projects', - false, - /\.(js|tsx)$/, -); -const requireRaw = require.context( - '!raw-loader!../../src/pages/discover-more/related-projects', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/discover-more/roadmap.js b/docs/pages/discover-more/roadmap.js index 9b15150cbfcffd..b2fb5ad863b964 100644 --- a/docs/pages/discover-more/roadmap.js +++ b/docs/pages/discover-more/roadmap.js @@ -1,20 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/discover-more/roadmap/roadmap.md'; -const pageFilename = 'discover-more/roadmap'; -const requireDemo = require.context('docs/src/pages/discover-more/roadmap', false, /\.(js|tsx)$/); -const requireRaw = require.context( - '!raw-loader!../../src/pages/discover-more/roadmap', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/discover-more/showcase.js b/docs/pages/discover-more/showcase.js index 4fefb121622eed..d34d787fb1b3d2 100644 --- a/docs/pages/discover-more/showcase.js +++ b/docs/pages/discover-more/showcase.js @@ -1,20 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/discover-more/showcase/showcase.md'; -const pageFilename = 'discover-more/showcase'; -const requireDemo = require.context('docs/src/pages/discover-more/showcase', false, /\.(js|tsx)$/); -const requireRaw = require.context( - '!raw-loader!../../src/pages/discover-more/showcase', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/discover-more/team.js b/docs/pages/discover-more/team.js index ca15f1af5eab8b..7220f8aaba349a 100644 --- a/docs/pages/discover-more/team.js +++ b/docs/pages/discover-more/team.js @@ -1,20 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/discover-more/team/team.md'; -const pageFilename = 'discover-more/team'; -const requireDemo = require.context('docs/src/pages/discover-more/team', false, /\.(js|tsx)$/); -const requireRaw = require.context( - '!raw-loader!../../src/pages/discover-more/team', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/discover-more/vision.js b/docs/pages/discover-more/vision.js index 08c1f4b9db8b4b..7cb8de01bb8e78 100644 --- a/docs/pages/discover-more/vision.js +++ b/docs/pages/discover-more/vision.js @@ -1,20 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/discover-more/vision/vision.md'; -const pageFilename = 'discover-more/vision'; -const requireDemo = require.context('docs/src/pages/discover-more/vision', false, /\.(js|tsx)$/); -const requireRaw = require.context( - '!raw-loader!../../src/pages/discover-more/vision', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/getting-started/example-projects.js b/docs/pages/getting-started/example-projects.js index 5cde45378a2847..a626cd1e1ed508 100644 --- a/docs/pages/getting-started/example-projects.js +++ b/docs/pages/getting-started/example-projects.js @@ -1,24 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/getting-started/example-projects/example-projects.md'; -const pageFilename = 'getting-started/example-projects'; -const requireDemo = require.context( - 'docs/src/pages/getting-started/example-projects', - false, - /\.(js|tsx)$/, -); -const requireRaw = require.context( - '!raw-loader!../../src/pages/getting-started/example-projects', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/getting-started/faq.js b/docs/pages/getting-started/faq.js index ce8a15fa21cd22..3979c4941d2b2a 100644 --- a/docs/pages/getting-started/faq.js +++ b/docs/pages/getting-started/faq.js @@ -1,20 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/getting-started/faq/faq.md'; -const pageFilename = 'getting-started/faq'; -const requireDemo = require.context('docs/src/pages/getting-started/faq', false, /\.(js|tsx)$/); -const requireRaw = require.context( - '!raw-loader!../../src/pages/getting-started/faq', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/getting-started/installation.js b/docs/pages/getting-started/installation.js index 3f819bbbd2ae87..7c3a54e4b38395 100644 --- a/docs/pages/getting-started/installation.js +++ b/docs/pages/getting-started/installation.js @@ -1,24 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/getting-started/installation/installation.md'; -const pageFilename = 'getting-started/installation'; -const requireDemo = require.context( - 'docs/src/pages/getting-started/installation', - false, - /\.(js|tsx)$/, -); -const requireRaw = require.context( - '!raw-loader!../../src/pages/getting-started/installation', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/getting-started/learn.js b/docs/pages/getting-started/learn.js index b8f80ab52409a7..7f13df7f272632 100644 --- a/docs/pages/getting-started/learn.js +++ b/docs/pages/getting-started/learn.js @@ -1,20 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/getting-started/learn/learn.md'; -const pageFilename = 'getting-started/learn'; -const requireDemo = require.context('docs/src/pages/getting-started/learn', false, /\.(js|tsx)$/); -const requireRaw = require.context( - '!raw-loader!../../src/pages/getting-started/learn', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/getting-started/support.js b/docs/pages/getting-started/support.js index 6a2164e8cfc0bc..d0b96870101a54 100644 --- a/docs/pages/getting-started/support.js +++ b/docs/pages/getting-started/support.js @@ -1,20 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/getting-started/support/support.md'; -const pageFilename = 'getting-started/support'; -const requireDemo = require.context('docs/src/pages/getting-started/support', false, /\.(js|tsx)$/); -const requireRaw = require.context( - '!raw-loader!../../src/pages/getting-started/support', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/getting-started/supported-components.js b/docs/pages/getting-started/supported-components.js index 74407bbf440f98..2112075c997f66 100644 --- a/docs/pages/getting-started/supported-components.js +++ b/docs/pages/getting-started/supported-components.js @@ -1,24 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/getting-started/supported-components/supported-components.md'; -const pageFilename = 'getting-started/supported-components'; -const requireDemo = require.context( - 'docs/src/pages/getting-started/supported-components', - false, - /\.(js|tsx)$/, -); -const requireRaw = require.context( - '!raw-loader!../../src/pages/getting-started/supported-components', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/getting-started/supported-platforms.js b/docs/pages/getting-started/supported-platforms.js index bb11d0e7469116..215853c4e5bbc5 100644 --- a/docs/pages/getting-started/supported-platforms.js +++ b/docs/pages/getting-started/supported-platforms.js @@ -1,24 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/getting-started/supported-platforms/supported-platforms.md'; -const pageFilename = 'getting-started/supported-platforms'; -const requireDemo = require.context( - 'docs/src/pages/getting-started/supported-platforms', - false, - /\.(js|tsx)$/, -); -const requireRaw = require.context( - '!raw-loader!../../src/pages/getting-started/supported-platforms', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/getting-started/templates.js b/docs/pages/getting-started/templates.js index 3ab97e3ba9dbeb..804242cd36dec9 100644 --- a/docs/pages/getting-started/templates.js +++ b/docs/pages/getting-started/templates.js @@ -1,24 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/getting-started/templates/templates.md'; -const pageFilename = 'getting-started/templates'; -const requireDemo = require.context( - 'docs/src/pages/getting-started/templates', - false, - /\.(js|tsx)$/, -); -const requireRaw = require.context( - '!raw-loader!../../src/pages/getting-started/templates', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/getting-started/usage.js b/docs/pages/getting-started/usage.js index 55f82094def397..14c28972ce466f 100644 --- a/docs/pages/getting-started/usage.js +++ b/docs/pages/getting-started/usage.js @@ -1,20 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/getting-started/usage/usage.md'; -const pageFilename = 'getting-started/usage'; -const requireDemo = require.context('docs/src/pages/getting-started/usage', false, /\.(js|tsx)$/); -const requireRaw = require.context( - '!raw-loader!../../src/pages/getting-started/usage', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/guides/api.js b/docs/pages/guides/api.js index 88778772cd7ef9..1ab3f9f90fa7f0 100644 --- a/docs/pages/guides/api.js +++ b/docs/pages/guides/api.js @@ -1,20 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/guides/api/api.md'; -const pageFilename = 'guides/api'; -const requireDemo = require.context('docs/src/pages/guides/api', false, /\.(js|tsx)$/); -const requireRaw = require.context( - '!raw-loader!../../src/pages/guides/api', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/guides/composition.js b/docs/pages/guides/composition.js index 805b517c033a07..6d9808d803ba3a 100644 --- a/docs/pages/guides/composition.js +++ b/docs/pages/guides/composition.js @@ -1,20 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/guides/composition/composition.md'; -const pageFilename = 'guides/composition'; -const requireDemo = require.context('docs/src/pages/guides/composition', false, /\.(js|tsx)$/); -const requireRaw = require.context( - '!raw-loader!../../src/pages/guides/composition', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/guides/content-security-policy.js b/docs/pages/guides/content-security-policy.js index 3f3208c372d090..ac6af42248184f 100644 --- a/docs/pages/guides/content-security-policy.js +++ b/docs/pages/guides/content-security-policy.js @@ -1,24 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/guides/content-security-policy/content-security-policy.md'; -const pageFilename = 'guides/content-security-policy'; -const requireDemo = require.context( - 'docs/src/pages/guides/content-security-policy', - false, - /\.(js|tsx)$/, -); -const requireRaw = require.context( - '!raw-loader!../../src/pages/guides/content-security-policy', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/guides/flow.js b/docs/pages/guides/flow.js index bb26094456c5a4..9ce19e30c03ccf 100644 --- a/docs/pages/guides/flow.js +++ b/docs/pages/guides/flow.js @@ -1,20 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/guides/flow/flow.md'; -const pageFilename = 'guides/flow'; -const requireDemo = require.context('docs/src/pages/guides/flow', false, /\.(js|tsx)$/); -const requireRaw = require.context( - '!raw-loader!../../src/pages/guides/flow', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/guides/interoperability.js b/docs/pages/guides/interoperability.js index c0059390ae812e..cffa41111c9e51 100644 --- a/docs/pages/guides/interoperability.js +++ b/docs/pages/guides/interoperability.js @@ -1,6 +1,10 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { demos, docs, requireDemo } from "!@material-ui/markdown/loader!docs/src/pages/guides/interoperability/interoperability.md"; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/guides/interoperability/interoperability.md'; // Run styled-components ref logic // https://github.com/styled-components/styled-components/pull/2998 diff --git a/docs/pages/guides/localization.js b/docs/pages/guides/localization.js index 99da3231cf39de..bb35d4eed4bf40 100644 --- a/docs/pages/guides/localization.js +++ b/docs/pages/guides/localization.js @@ -1,20 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/guides/localization/localization.md'; -const pageFilename = 'guides/localization'; -const requireDemo = require.context('docs/src/pages/guides/localization', false, /\.(js|tsx)$/); -const requireRaw = require.context( - '!raw-loader!../../src/pages/guides/localization', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/guides/migration-v0x.js b/docs/pages/guides/migration-v0x.js index b29e28de07495e..1b47f4fb8bd37b 100644 --- a/docs/pages/guides/migration-v0x.js +++ b/docs/pages/guides/migration-v0x.js @@ -1,20 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/guides/migration-v0x/migration-v0x.md'; -const pageFilename = 'guides/migration-v0x'; -const requireDemo = require.context('docs/src/pages/guides/migration-v0x', false, /\.(js|tsx)$/); -const requireRaw = require.context( - '!raw-loader!../../src/pages/guides/migration-v0x', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/guides/migration-v3.js b/docs/pages/guides/migration-v3.js index 44f7b82ed65fe9..c563af030879e3 100644 --- a/docs/pages/guides/migration-v3.js +++ b/docs/pages/guides/migration-v3.js @@ -1,20 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/guides/migration-v3/migration-v3.md'; -const pageFilename = 'guides/migration-v3'; -const requireDemo = require.context('docs/src/pages/guides/migration-v3', false, /\.(js|tsx)$/); -const requireRaw = require.context( - '!raw-loader!../../src/pages/guides/migration-v3', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/guides/migration-v4.js b/docs/pages/guides/migration-v4.js index 594aca958e8ba9..a2459dce71f31f 100644 --- a/docs/pages/guides/migration-v4.js +++ b/docs/pages/guides/migration-v4.js @@ -1,20 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/guides/migration-v4/migration-v4.md'; -const pageFilename = 'guides/migration-v4'; -const requireDemo = require.context('docs/src/pages/guides/migration-v4', false, /\.(js|tsx)$/); -const requireRaw = require.context( - '!raw-loader!../../src/pages/guides/migration-v4', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/guides/minimizing-bundle-size.js b/docs/pages/guides/minimizing-bundle-size.js index d6e37ddf9755f6..d6c22e76e61624 100644 --- a/docs/pages/guides/minimizing-bundle-size.js +++ b/docs/pages/guides/minimizing-bundle-size.js @@ -1,24 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/guides/minimizing-bundle-size/minimizing-bundle-size.md'; -const pageFilename = 'guides/minimizing-bundle-size'; -const requireDemo = require.context( - 'docs/src/pages/guides/minimizing-bundle-size', - false, - /\.(js|tsx)$/, -); -const requireRaw = require.context( - '!raw-loader!../../src/pages/guides/minimizing-bundle-size', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/guides/pickers-migration.js b/docs/pages/guides/pickers-migration.js index 3131e9eff5ddc9..35a6c909dcde60 100644 --- a/docs/pages/guides/pickers-migration.js +++ b/docs/pages/guides/pickers-migration.js @@ -1,24 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/guides/pickers-migration/pickers-migration.md'; -const pageFilename = 'guides/pickers-migration'; -const requireDemo = require.context( - 'docs/src/pages/guides/pickers-migration', - false, - /\.(js|tsx)$/, -); -const requireRaw = require.context( - '!raw-loader!../../src/pages/guides/pickers-migration', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/guides/responsive-ui.js b/docs/pages/guides/responsive-ui.js index 18a1b39312d530..cbc06e31c292b0 100644 --- a/docs/pages/guides/responsive-ui.js +++ b/docs/pages/guides/responsive-ui.js @@ -1,20 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/guides/responsive-ui/responsive-ui.md'; -const pageFilename = 'guides/responsive-ui'; -const requireDemo = require.context('docs/src/pages/guides/responsive-ui', false, /\.(js|tsx)$/); -const requireRaw = require.context( - '!raw-loader!../../src/pages/guides/responsive-ui', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/guides/right-to-left.js b/docs/pages/guides/right-to-left.js index db65162377f429..f813de7b4c8806 100644 --- a/docs/pages/guides/right-to-left.js +++ b/docs/pages/guides/right-to-left.js @@ -1,20 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/guides/right-to-left/right-to-left.md'; -const pageFilename = 'guides/right-to-left'; -const requireDemo = require.context('docs/src/pages/guides/right-to-left', false, /\.(js|tsx)$/); -const requireRaw = require.context( - '!raw-loader!../../src/pages/guides/right-to-left', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/guides/routing.js b/docs/pages/guides/routing.js index 5e434c3e780d53..8c608b7dcadb6a 100644 --- a/docs/pages/guides/routing.js +++ b/docs/pages/guides/routing.js @@ -1,20 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/guides/routing/routing.md'; -const pageFilename = 'guides/routing'; -const requireDemo = require.context('docs/src/pages/guides/routing', false, /\.(js|tsx)$/); -const requireRaw = require.context( - '!raw-loader!../../src/pages/guides/routing', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/guides/server-rendering.js b/docs/pages/guides/server-rendering.js index e106dc498a677a..8b247a6ebc474b 100644 --- a/docs/pages/guides/server-rendering.js +++ b/docs/pages/guides/server-rendering.js @@ -1,20 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/guides/server-rendering/server-rendering.md'; -const pageFilename = 'guides/server-rendering'; -const requireDemo = require.context('docs/src/pages/guides/server-rendering', false, /\.(js|tsx)$/); -const requireRaw = require.context( - '!raw-loader!../../src/pages/guides/server-rendering', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/guides/styled-engine.js b/docs/pages/guides/styled-engine.js index ba8b1ff09050d7..96159d7a493160 100644 --- a/docs/pages/guides/styled-engine.js +++ b/docs/pages/guides/styled-engine.js @@ -1,20 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/guides/styled-engine/styled-engine.md'; -const pageFilename = 'guides/styled-engine'; -const requireDemo = require.context('docs/src/pages/guides/styled-engine', false, /\.(js|tsx)$/); -const requireRaw = require.context( - '!raw-loader!../../src/pages/guides/styled-engine', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/guides/testing.js b/docs/pages/guides/testing.js index b793005d6f9b35..4a93f59ba4eb05 100644 --- a/docs/pages/guides/testing.js +++ b/docs/pages/guides/testing.js @@ -1,20 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/guides/testing/testing.md'; -const pageFilename = 'guides/testing'; -const requireDemo = require.context('docs/src/pages/guides/testing', false, /\.(js|tsx)$/); -const requireRaw = require.context( - '!raw-loader!../../src/pages/guides/testing', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/guides/typescript.js b/docs/pages/guides/typescript.js index a2a4a6c125f7ca..d45bde0e3dab4a 100644 --- a/docs/pages/guides/typescript.js +++ b/docs/pages/guides/typescript.js @@ -1,20 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/guides/typescript/typescript.md'; -const pageFilename = 'guides/typescript'; -const requireDemo = require.context('docs/src/pages/guides/typescript', false, /\.(js|tsx)$/); -const requireRaw = require.context( - '!raw-loader!../../src/pages/guides/typescript', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/styles/advanced.js b/docs/pages/styles/advanced.js index 322c477e565f7c..63ad1839ea9094 100644 --- a/docs/pages/styles/advanced.js +++ b/docs/pages/styles/advanced.js @@ -1,24 +1,15 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; - -const pageFilename = 'styles/advanced'; -const requireDemo = require.context('docs/src/pages/styles/advanced', false, /\.(js|tsx)$/); -const requireRaw = require.context( - '!raw-loader!../../src/pages/styles/advanced', - false, - /\.(js|md|tsx)$/, -); +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/styles/advanced/advanced.md'; // Run styled-components ref logic // https://github.com/styled-components/styled-components/pull/2998 requireDemo.keys().map(requireDemo); -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/styles/api.js b/docs/pages/styles/api.js index 1a47db40b4f24b..dfdaeea509eace 100644 --- a/docs/pages/styles/api.js +++ b/docs/pages/styles/api.js @@ -1,20 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/styles/api/api.md'; -const pageFilename = 'styles/api'; -const requireDemo = require.context('docs/src/pages/styles/api', false, /\.(js|tsx)$/); -const requireRaw = require.context( - '!raw-loader!../../src/pages/styles/api', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/styles/basics.js b/docs/pages/styles/basics.js index 3a465c7033613c..077f60d93b19d3 100644 --- a/docs/pages/styles/basics.js +++ b/docs/pages/styles/basics.js @@ -1,20 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/styles/basics/basics.md'; -const pageFilename = 'styles/basics'; -const requireDemo = require.context('docs/src/pages/styles/basics', false, /\.(js|tsx)$/); -const requireRaw = require.context( - '!raw-loader!../../src/pages/styles/basics', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/system/advanced.js b/docs/pages/system/advanced.js index 2a39c6c6e8cb9b..f585b23cab1c9f 100644 --- a/docs/pages/system/advanced.js +++ b/docs/pages/system/advanced.js @@ -1,24 +1,15 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; - -const pageFilename = 'system/advanced'; -const requireDemo = require.context('docs/src/pages/system/advanced', false, /\.(js|tsx)$/); -const requireRaw = require.context( - '!raw-loader!../../src/pages/system/advanced', - false, - /\.(js|md|tsx)$/, -); +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/system/advanced/advanced.md'; // Run styled-components ref logic // https://github.com/styled-components/styled-components/pull/2998 requireDemo.keys().map(requireDemo); -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/system/basics.js b/docs/pages/system/basics.js index b894879b3d382f..3fe34e2f78f377 100644 --- a/docs/pages/system/basics.js +++ b/docs/pages/system/basics.js @@ -1,24 +1,15 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; - -const pageFilename = 'system/basics'; -const requireDemo = require.context('docs/src/pages/system/basics', false, /\.(js|tsx)$/); -const requireRaw = require.context( - '!raw-loader!../../src/pages/system/basics', - false, - /\.(js|md|tsx)$/, -); +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/system/basics/basics.md'; // Run styled-components ref logic // https://github.com/styled-components/styled-components/pull/2998 requireDemo.keys().map(requireDemo); -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/system/borders.js b/docs/pages/system/borders.js index 744150adbea82f..49abbb210d268f 100644 --- a/docs/pages/system/borders.js +++ b/docs/pages/system/borders.js @@ -1,20 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/system/borders/borders.md'; -const pageFilename = 'system/borders'; -const requireDemo = require.context('docs/src/pages/system/borders', false, /\.(js|tsx)$/); -const requireRaw = require.context( - '!raw-loader!../../src/pages/system/borders', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/system/box.js b/docs/pages/system/box.js index 779779228a9591..0120a863a9005a 100644 --- a/docs/pages/system/box.js +++ b/docs/pages/system/box.js @@ -1,20 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/system/box/box.md'; -const pageFilename = 'system/box'; -const requireDemo = require.context('docs/src/pages/system/box', false, /\.(js|tsx)$/); -const requireRaw = require.context( - '!raw-loader!../../src/pages/system/box', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/system/display.js b/docs/pages/system/display.js index c1e6139420745c..30edef9a5f863c 100644 --- a/docs/pages/system/display.js +++ b/docs/pages/system/display.js @@ -1,20 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/system/display/display.md'; -const pageFilename = 'system/display'; -const requireDemo = require.context('docs/src/pages/system/display', false, /\.(js|tsx)$/); -const requireRaw = require.context( - '!raw-loader!../../src/pages/system/display', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/system/flexbox.js b/docs/pages/system/flexbox.js index 8801db971e279d..5fe8dba67d938f 100644 --- a/docs/pages/system/flexbox.js +++ b/docs/pages/system/flexbox.js @@ -1,20 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/system/flexbox/flexbox.md'; -const pageFilename = 'system/flexbox'; -const requireDemo = require.context('docs/src/pages/system/flexbox', false, /\.(js|tsx)$/); -const requireRaw = require.context( - '!raw-loader!../../src/pages/system/flexbox', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/system/grid.js b/docs/pages/system/grid.js index 937d7507f7488a..ea60e2f4d783ba 100644 --- a/docs/pages/system/grid.js +++ b/docs/pages/system/grid.js @@ -1,20 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/system/grid/grid.md'; -const pageFilename = 'system/grid'; -const requireDemo = require.context('docs/src/pages/system/grid', false, /\.(js|tsx)$/); -const requireRaw = require.context( - '!raw-loader!../../src/pages/system/grid', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/system/palette.js b/docs/pages/system/palette.js index 80a368d4179ca3..10f844dec959ef 100644 --- a/docs/pages/system/palette.js +++ b/docs/pages/system/palette.js @@ -1,20 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/system/palette/palette.md'; -const pageFilename = 'system/palette'; -const requireDemo = require.context('docs/src/pages/system/palette', false, /\.(js|tsx)$/); -const requireRaw = require.context( - '!raw-loader!../../src/pages/system/palette', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/system/positions.js b/docs/pages/system/positions.js index 5215e352a66b76..d00a8904fe75eb 100644 --- a/docs/pages/system/positions.js +++ b/docs/pages/system/positions.js @@ -1,20 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/system/positions/positions.md'; -const pageFilename = 'system/positions'; -const requireDemo = require.context('docs/src/pages/system/positions', false, /\.(js|tsx)$/); -const requireRaw = require.context( - '!raw-loader!../../src/pages/system/positions', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/system/properties.js b/docs/pages/system/properties.js index 26c83160856354..05760809ec2bdd 100644 --- a/docs/pages/system/properties.js +++ b/docs/pages/system/properties.js @@ -1,20 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/system/properties/properties.md'; -const pageFilename = 'system/properties'; -const requireDemo = require.context('docs/src/pages/system/properties', false, /\.(js|tsx)$/); -const requireRaw = require.context( - '!raw-loader!../../src/pages/system/properties', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/system/screen-readers.js b/docs/pages/system/screen-readers.js index 4b959f589cbf53..f78bd7727dc7e0 100644 --- a/docs/pages/system/screen-readers.js +++ b/docs/pages/system/screen-readers.js @@ -1,20 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/system/screen-readers/screen-readers.md'; -const pageFilename = 'system/screen-readers'; -const requireDemo = require.context('docs/src/pages/system/screen-readers', false, /\.(js|tsx)$/); -const requireRaw = require.context( - '!raw-loader!../../src/pages/system/screen-readers', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/system/shadows.js b/docs/pages/system/shadows.js index d067c0139de5a5..9f149b45190981 100644 --- a/docs/pages/system/shadows.js +++ b/docs/pages/system/shadows.js @@ -1,20 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/system/shadows/shadows.md'; -const pageFilename = 'system/shadows'; -const requireDemo = require.context('docs/src/pages/system/shadows', false, /\.(js|tsx)$/); -const requireRaw = require.context( - '!raw-loader!../../src/pages/system/shadows', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/system/sizing.js b/docs/pages/system/sizing.js index f5912ab52d8790..c0a3caa5bee0d8 100644 --- a/docs/pages/system/sizing.js +++ b/docs/pages/system/sizing.js @@ -1,20 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/system/sizing/sizing.md'; -const pageFilename = 'system/sizing'; -const requireDemo = require.context('docs/src/pages/system/sizing', false, /\.(js|tsx)$/); -const requireRaw = require.context( - '!raw-loader!../../src/pages/system/sizing', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/system/spacing.js b/docs/pages/system/spacing.js index 668e6fe78129ec..292e5379464c11 100644 --- a/docs/pages/system/spacing.js +++ b/docs/pages/system/spacing.js @@ -1,20 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/system/spacing/spacing.md'; -const pageFilename = 'system/spacing'; -const requireDemo = require.context('docs/src/pages/system/spacing', false, /\.(js|tsx)$/); -const requireRaw = require.context( - '!raw-loader!../../src/pages/system/spacing', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/system/typography.js b/docs/pages/system/typography.js index c7dc9efbfc142b..19925749e76f01 100644 --- a/docs/pages/system/typography.js +++ b/docs/pages/system/typography.js @@ -1,20 +1,11 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/system/typography/typography.md'; -const pageFilename = 'system/typography'; -const requireDemo = require.context('docs/src/pages/system/typography', false, /\.(js|tsx)$/); -const requireRaw = require.context( - '!raw-loader!../../src/pages/system/typography', - false, - /\.(js|md|tsx)$/, -); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } - -Page.getInitialProps = () => { - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - return { demos, docs }; -}; diff --git a/docs/pages/versions.js b/docs/pages/versions.js index eb671d22bb7ba0..570a2c10e90f63 100644 --- a/docs/pages/versions.js +++ b/docs/pages/versions.js @@ -1,13 +1,13 @@ import * as React from 'react'; import sortedUniqBy from 'lodash/sortedUniqBy'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { prepareMarkdown } from '@material-ui/markdown/parseMarkdown'; +import { + demos, + docs, + requireDemo, +} from '!@material-ui/markdown/loader!docs/src/pages/versions/versions.md'; -const pageFilename = 'versions'; -const requireDemo = require.context('docs/src/pages/versions/', false, /\.(js|tsx)$/); -const requireRaw = require.context('!raw-loader!../src/pages/versions', false, /\.(js|md|tsx)$/); - -export default function Page({ demos, docs }) { +export default function Page() { return ; } @@ -73,7 +73,5 @@ Page.getInitialProps = async () => { versions = sortedUniqBy(versions, 'version'); - const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw }); - - return { demos, docs, versions }; + return { versions }; }; From a1e992ef094577aad02c9e7740d5a4307f53b5c3 Mon Sep 17 00:00:00 2001 From: eps1lon Date: Thu, 24 Jun 2021 21:19:17 +0200 Subject: [PATCH 15/16] demos are always evaluated in our fake require.context --- docs/pages/components/autocomplete.js | 4 ---- docs/pages/components/date-picker.js | 4 ---- docs/pages/components/date-range-picker.js | 4 ---- docs/pages/components/date-time-picker.js | 4 ---- docs/pages/components/slider.js | 4 ---- docs/pages/components/time-picker.js | 4 ---- docs/pages/guides/interoperability.js | 4 ---- docs/pages/styles/advanced.js | 4 ---- docs/pages/system/advanced.js | 4 ---- docs/pages/system/basics.js | 4 ---- docs/pages/system/the-sx-prop.js | 4 ---- 11 files changed, 44 deletions(-) diff --git a/docs/pages/components/autocomplete.js b/docs/pages/components/autocomplete.js index 24952f5ec1f26d..9ae661e2ea99f0 100644 --- a/docs/pages/components/autocomplete.js +++ b/docs/pages/components/autocomplete.js @@ -6,10 +6,6 @@ import { requireDemo, } from '!@material-ui/markdown/loader!docs/src/pages/components/autocomplete/autocomplete.md'; -// Run styled-components ref logic -// https://github.com/styled-components/styled-components/pull/2998 -requireDemo.keys().map(requireDemo); - export default function Page() { return ; } diff --git a/docs/pages/components/date-picker.js b/docs/pages/components/date-picker.js index 4ba0292a439a44..a5490499bff053 100644 --- a/docs/pages/components/date-picker.js +++ b/docs/pages/components/date-picker.js @@ -6,10 +6,6 @@ import { requireDemo, } from '!@material-ui/markdown/loader!docs/src/pages/components/date-picker/date-picker.md'; -// Run styled-components ref logic -// https://github.com/styled-components/styled-components/pull/2998 -requireDemo.keys().map(requireDemo); - export default function Page() { return ; } diff --git a/docs/pages/components/date-range-picker.js b/docs/pages/components/date-range-picker.js index e934df0379d451..4c22b5136d93ce 100644 --- a/docs/pages/components/date-range-picker.js +++ b/docs/pages/components/date-range-picker.js @@ -6,10 +6,6 @@ import { requireDemo, } from '!@material-ui/markdown/loader!docs/src/pages/components/date-range-picker/date-range-picker.md'; -// Run styled-components ref logic -// https://github.com/styled-components/styled-components/pull/2998 -requireDemo.keys().map(requireDemo); - export default function Page() { return ; } diff --git a/docs/pages/components/date-time-picker.js b/docs/pages/components/date-time-picker.js index 45c7aad7f730b9..fece75016cecf7 100644 --- a/docs/pages/components/date-time-picker.js +++ b/docs/pages/components/date-time-picker.js @@ -6,10 +6,6 @@ import { requireDemo, } from '!@material-ui/markdown/loader!docs/src/pages/components/date-time-picker/date-time-picker.md'; -// Run styled-components ref logic -// https://github.com/styled-components/styled-components/pull/2998 -requireDemo.keys().map(requireDemo); - export default function Page() { return ; } diff --git a/docs/pages/components/slider.js b/docs/pages/components/slider.js index 6bcb2261c65171..8d41de1defe97d 100644 --- a/docs/pages/components/slider.js +++ b/docs/pages/components/slider.js @@ -6,10 +6,6 @@ import { requireDemo, } from '!@material-ui/markdown/loader!docs/src/pages/components/slider/slider.md'; -// Run styled-components ref logic -// https://github.com/styled-components/styled-components/pull/2998 -requireDemo.keys().map(requireDemo); - export default function Page() { return ; } diff --git a/docs/pages/components/time-picker.js b/docs/pages/components/time-picker.js index c5387d6f0e19e0..33ff9f384d28bc 100644 --- a/docs/pages/components/time-picker.js +++ b/docs/pages/components/time-picker.js @@ -6,10 +6,6 @@ import { requireDemo, } from '!@material-ui/markdown/loader!docs/src/pages/components/time-picker/time-picker.md'; -// Run styled-components ref logic -// https://github.com/styled-components/styled-components/pull/2998 -requireDemo.keys().map(requireDemo); - export default function Page() { return ; } diff --git a/docs/pages/guides/interoperability.js b/docs/pages/guides/interoperability.js index cffa41111c9e51..8b3be436bba5df 100644 --- a/docs/pages/guides/interoperability.js +++ b/docs/pages/guides/interoperability.js @@ -6,10 +6,6 @@ import { requireDemo, } from '!@material-ui/markdown/loader!docs/src/pages/guides/interoperability/interoperability.md'; -// Run styled-components ref logic -// https://github.com/styled-components/styled-components/pull/2998 -requireDemo.keys().map(requireDemo); - export default function Page() { return ; } diff --git a/docs/pages/styles/advanced.js b/docs/pages/styles/advanced.js index 63ad1839ea9094..c64d9f14aa4b16 100644 --- a/docs/pages/styles/advanced.js +++ b/docs/pages/styles/advanced.js @@ -6,10 +6,6 @@ import { requireDemo, } from '!@material-ui/markdown/loader!docs/src/pages/styles/advanced/advanced.md'; -// Run styled-components ref logic -// https://github.com/styled-components/styled-components/pull/2998 -requireDemo.keys().map(requireDemo); - export default function Page() { return ; } diff --git a/docs/pages/system/advanced.js b/docs/pages/system/advanced.js index f585b23cab1c9f..8014d02bf96b69 100644 --- a/docs/pages/system/advanced.js +++ b/docs/pages/system/advanced.js @@ -6,10 +6,6 @@ import { requireDemo, } from '!@material-ui/markdown/loader!docs/src/pages/system/advanced/advanced.md'; -// Run styled-components ref logic -// https://github.com/styled-components/styled-components/pull/2998 -requireDemo.keys().map(requireDemo); - export default function Page() { return ; } diff --git a/docs/pages/system/basics.js b/docs/pages/system/basics.js index 3fe34e2f78f377..61b69b91083fb0 100644 --- a/docs/pages/system/basics.js +++ b/docs/pages/system/basics.js @@ -6,10 +6,6 @@ import { requireDemo, } from '!@material-ui/markdown/loader!docs/src/pages/system/basics/basics.md'; -// Run styled-components ref logic -// https://github.com/styled-components/styled-components/pull/2998 -requireDemo.keys().map(requireDemo); - export default function Page() { return ; } diff --git a/docs/pages/system/the-sx-prop.js b/docs/pages/system/the-sx-prop.js index 1c1f12db5d0bc5..30edef9a5f863c 100644 --- a/docs/pages/system/the-sx-prop.js +++ b/docs/pages/system/the-sx-prop.js @@ -6,10 +6,6 @@ import { requireDemo, } from '!@material-ui/markdown/loader!docs/src/pages/system/display/display.md'; -// Run styled-components ref logic -// https://github.com/styled-components/styled-components/pull/2998 -requireDemo.keys().map(requireDemo); - export default function Page() { return ; } From c37b6ec5675ed6baea60fcafe221d26c961eb37a Mon Sep 17 00:00:00 2001 From: eps1lon Date: Thu, 24 Jun 2021 21:50:35 +0200 Subject: [PATCH 16/16] Make sure TypeScript version of demo is included --- docs/packages/markdown/loader.js | 55 ++++++++++++++++---------------- 1 file changed, 27 insertions(+), 28 deletions(-) diff --git a/docs/packages/markdown/loader.js b/docs/packages/markdown/loader.js index 580458af38c269..6ba9684a42f148 100644 --- a/docs/packages/markdown/loader.js +++ b/docs/packages/markdown/loader.js @@ -59,37 +59,36 @@ module.exports = async function demoLoader() { const pageFilename = this.context.replace(this.rootContext, '').replace(/^\/src\/pages\//, ''); const { docs } = prepareMarkdown({ pageFilename, requireRaw }); - const demoKeys = Array.from( - new Set( - docs.en.rendered - .filter((markdownOrComponentConfig) => { - return typeof markdownOrComponentConfig !== 'string' && markdownOrComponentConfig.demo; - }) - .map((demoConfig) => { - return path.basename(demoConfig.demo); - }), - ), - ); const demos = {}; - demoKeys.forEach((filename) => { - if (filename.indexOf('.tsx') !== -1) { - const demoName = `pages/${pageFilename}/${filename - .replace(/\.\//g, '') - .replace(/\.tsx/g, '.js')}`; + const demoKeys = []; + new Set( + docs.en.rendered + .filter((markdownOrComponentConfig) => { + return typeof markdownOrComponentConfig !== 'string' && markdownOrComponentConfig.demo; + }) + .map((demoConfig) => { + return path.basename(demoConfig.demo); + }), + ).forEach((filename) => { + const demoName = `pages/${pageFilename}/${filename + .replace(/\.\//g, '') + .replace(/\.tsx/g, '.js')}`; + + demos[demoName] = { + module: filename, + raw: requireRaw(filename), + }; + demoKeys.push(filename); - demos[demoName] = { - ...demos[demoName], - moduleTS: filename, - rawTS: requireRaw(filename), - }; - } else { - const demoName = `pages/${pageFilename}/${filename.replace(/\.\//g, '')}`; + try { + const moduleTS = filename.replace(/\.js$/, '.tsx'); + const rawTS = requireRaw(moduleTS); - demos[demoName] = { - ...demos[demoName], - module: filename, - raw: requireRaw(filename), - }; + demos[demoName].moduleTS = moduleTS; + demos[demoName].rawTS = rawTS; + demoKeys.push(moduleTS); + } catch (error) { + // TS version of the demo doesn't exist. This is fine. } });