Skip to content

Commit 8b0cd66

Browse files
rvsiarvsia
authored
Merge pull request #412 from data-driven-forms/add-form-builder-to-demo
Added form builder to docs.
2 parents 4d76846 + 3e5bc91 commit 8b0cd66

File tree

6 files changed

+354
-590
lines changed

6 files changed

+354
-590
lines changed

‎packages/react-renderer-demo/src/app/babel.config.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -60,7 +60,7 @@ const muiTransformPlugin = [
6060
}
6161
},
6262
'MUI-CJS'
63-
]
63+
];
6464

6565
module.exports = {
6666
presets: [

‎packages/react-renderer-demo/src/app/next.config.js

Lines changed: 70 additions & 68 deletions
Original file line numberDiff line numberDiff line change
@@ -2,85 +2,87 @@ const TerserPlugin = require('terser-webpack-plugin');
22
const withCSS = require('@zeit/next-css');
33
const resolve = require('resolve');
44
const withMDX = require('@next/mdx')({
5-
extension: /\.mdx?$/,
5+
extension: /\.mdx?$/
66
});
77
const path = require('path');
88

99
const withBundleAnalyzer = require('@next/bundle-analyzer')({
10-
enabled: process.env.ANALYZE === 'true',
10+
enabled: process.env.ANALYZE === 'true'
1111
});
1212

13-
module.exports = withBundleAnalyzer(withMDX(withCSS({
14-
pageExtensions: [ 'js', 'jsx', 'md', 'mdx' ],
15-
distDir: '../../dist/functions/next',
16-
webpack: (config, options) => {
17-
const { dir, isServer } = options;
18-
config.externals = [];
13+
module.exports = withBundleAnalyzer(
14+
withMDX(
15+
withCSS({
16+
pageExtensions: ['js', 'jsx', 'md', 'mdx'],
17+
distDir: '../../dist/functions/next',
18+
webpack: (config, options) => {
19+
const { dir, isServer } = options;
20+
config.externals = [];
1921

20-
if (isServer) {
21-
config.externals.push((context, request, callback) => {
22-
resolve(
23-
request,
24-
{ basedir: dir, preserveSymlinks: true },
25-
(err, res) => {
26-
if (err) {
27-
return callback();
28-
}
22+
if (isServer) {
23+
config.externals.push((context, request, callback) => {
24+
resolve(request, { basedir: dir, preserveSymlinks: true }, (err, res) => {
25+
if (err) {
26+
return callback();
27+
}
2928

30-
// Next.js by default adds every module from node_modules to
31-
// externals on the server build. This brings some undesirable
32-
// behaviors because we can't use modules that require CSS files like
33-
// `former-kit-skin-pagarme`.
34-
//
35-
// The lines below blacklist webpack itself (that cannot be put on)
36-
if (
37-
res.match(/node_modules[/\\].*\.js/) &&
38-
!res.match(/node_modules[/\\]webpack/) &&
39-
!res.match(/node_modules[/\\]@patternfly\/react-core/) &&
40-
!res.match(/node_modules[/\\]@patternfly\/react-styles/) &&
41-
!res.match(/node_modules[/\\]@data-driven-forms/)
42-
) {
43-
return callback(null, `commonjs ${request}`);
44-
}
29+
// Next.js by default adds every module from node_modules to
30+
// externals on the server build. This brings some undesirable
31+
// behaviors because we can't use modules that require CSS files like
32+
// `former-kit-skin-pagarme`.
33+
//
34+
// The lines below blacklist webpack itself (that cannot be put on)
35+
if (
36+
res.match(/node_modules[/\\].*\.js/) &&
37+
!res.match(/node_modules[/\\]webpack/) &&
38+
!res.match(/node_modules[/\\]@patternfly\/react-core/) &&
39+
!res.match(/node_modules[/\\]@patternfly\/react-styles/) &&
40+
!res.match(/node_modules[/\\]@data-driven-forms/)
41+
) {
42+
return callback(null, `commonjs ${request}`);
43+
}
4544

46-
callback();
47-
}
48-
);
49-
});
50-
}
45+
callback();
46+
});
47+
});
48+
}
5149

52-
config.resolve.alias = {
53-
...config.resolve.alias,
54-
'@docs/raw-component': path.resolve(__dirname, './src/components/common/raw-component'),
55-
'@docs/doc-components': path.resolve(__dirname, './src/doc-components'),
56-
'@docs/components': path.resolve(__dirname, './src/components'),
57-
'@docs/pages': path.resolve(__dirname, './pages'),
58-
};
50+
config.resolve.alias = {
51+
...config.resolve.alias,
52+
react: path.resolve(__dirname, '../../../../node_modules/react'),
53+
'react-dom': path.resolve(__dirname, '../../../../node_modules/react-dom'),
54+
'@docs/raw-component': path.resolve(__dirname, './src/components/common/raw-component'),
55+
'@docs/doc-components': path.resolve(__dirname, './src/doc-components'),
56+
'@docs/components': path.resolve(__dirname, './src/components'),
57+
'@docs/pages': path.resolve(__dirname, './pages')
58+
};
5959

60-
config.module.rules.push({
61-
test: /\.(png|jpg|gif|svg|eot|ttf|woff|woff2)$/,
62-
use: {
63-
loader: 'url-loader',
64-
options: {
65-
limit: 100000,
66-
},
67-
},
68-
});
69-
// Fixes npm packages that depend on `fs` module
70-
config.node = {
71-
fs: 'empty',
72-
};
60+
config.module.rules.push({
61+
test: /\.(png|jpg|gif|svg|eot|ttf|woff|woff2)$/,
62+
use: {
63+
loader: 'url-loader',
64+
options: {
65+
limit: 100000
66+
}
67+
}
68+
});
69+
// Fixes npm packages that depend on `fs` module
70+
config.node = {
71+
fs: 'empty'
72+
};
7373

74-
config.optimization.minimizer = [
75-
new TerserPlugin({
76-
cache: true,
77-
parallel: false,
78-
terserOptions: {
74+
config.optimization.minimizer = [
75+
new TerserPlugin({
76+
cache: true,
77+
parallel: false,
78+
terserOptions: {
7979
keep_classnames: true, // eslint-disable-line
8080
keep_fnames: true, // eslint-disable-line
81-
},
82-
}),
83-
];
84-
return config;
85-
},
86-
})));
81+
}
82+
})
83+
];
84+
return config;
85+
}
86+
})
87+
)
88+
);

‎packages/react-renderer-demo/src/app/package.json

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -42,6 +42,7 @@
4242
"@data-driven-forms/pf3-component-mapper": "*",
4343
"@data-driven-forms/pf4-component-mapper": "*",
4444
"@data-driven-forms/react-form-renderer": "*",
45+
"@data-driven-forms/form-builder": "0.0.10-rc4",
4546
"@material-ui/core": "^4.5.2",
4647
"@material-ui/icons": "^4.5.1",
4748
"@material-ui/styles": "^4.5.2",

0 commit comments

Comments
 (0)