Merge pull request #909 from data-driven-forms/new-build-process

[WIP] New build process

Author: rvsia

README.md

@@ -138,7 +138,7 @@ In order to Data Driven Forms in your component you need the renderer and a comp
 
 ```jsx
 import React from 'react';
-import FormRenderer, { componentTypes } from '@data-driven-forms/react-form-renderer';
+import { FormRenderer, componentTypes } from '@data-driven-forms/react-form-renderer';
 import { componentMapper, FormTemplate } from '@data-driven-forms/pf4-component-mapper';
 
 const schema = {
@@ -165,7 +165,7 @@ You can also use custom mapper.
 
 ```jsx
 import React from 'react';
-import FormRenderer, { componentTypes, useFieldApi } from '@data-driven-forms/react-form-renderer';
+import { FormRenderer, componentTypes, useFieldApi } from '@data-driven-forms/react-form-renderer';
 
 const TextField = props => {
   const {label, input, meta, ...rest} = useFieldApi(props)

__mocks__/with-provider.js

@@ -1,7 +1,7 @@
 /* eslint-disable react/prop-types */
 import React from 'react';
 import { RendererContext } from '@data-driven-forms/react-form-renderer';
-import Form from '@data-driven-forms/react-form-renderer/dist/cjs/form';
+import Form from '@data-driven-forms/react-form-renderer/form';
 
 const RenderWithProvider = ({ value = { formOptions: {} }, children, onSubmit = () => {} }) => {
   return (

babel.config.js

@@ -8,35 +8,19 @@ const camelToSnake = (string) => {
 
 module.exports = {
     presets: ["@babel/preset-env", "@babel/preset-react", "@babel/preset-typescript"],
-    plugins: ["@babel/plugin-transform-runtime", "@babel/plugin-syntax-dynamic-import", "lodash", "@babel/plugin-proposal-class-properties" ],
-    env: {
-        cjs: {
-            plugins: [
-                [
-                    'transform-imports',
-                    {
-                    '@data-driven-forms/react-form-renderer': {
-                        transform: (importName) => `@data-driven-forms/react-form-renderer/dist/cjs/${camelToSnake(importName)}`,
-                        preventFullImport: true
-                    }
-                    },
-                    '@data-driven-forms/react-form-renderer-CJS'
-                ],
-            ]
+    plugins: [
+      "@babel/plugin-transform-runtime",
+      "@babel/plugin-syntax-dynamic-import",
+      "lodash",
+      "@babel/plugin-proposal-class-properties",
+      [
+        'transform-imports',
+        {
+        '@data-driven-forms/react-form-renderer': {
+            transform: (importName) => `@data-driven-forms/react-form-renderer/${camelToSnake(importName)}`,
+            preventFullImport: true
+          }
         },
-        esm: {
-            plugins: [
-                [
-                  'transform-imports',
-                  {
-                    '@data-driven-forms/react-form-renderer': {
-                      transform: (importName) => `@data-driven-forms/react-form-renderer/dist/esm/${camelToSnake(importName)}`,
-                      preventFullImport: true
-                    }
-                  },
-                  '@data-driven-forms/react-form-renderer-ESM'
-                ],
-            ]
-        }
-    }
+        '@data-driven-forms/react-form-renderer'
+    ]]
 }

package.json

@@ -8,23 +8,29 @@
   "private": true,
   "scripts": {
     "bootstrap": "lerna bootstrap",
-    "build": "lerna run build --concurrency 1 --ignore @data-driven-forms/react-renderer-demo",
+    "build": "yarn clean-build && lerna run build --concurrency 1 --ignore @data-driven-forms/react-renderer-demo --ignore @data-driven-forms/pf3-component-mapper",
     "vendor": "lerna run vendor",
     "test": "jest --coverage",
     "test:ci": "jest --coverage --runInBand",
     "test:update": "jest -u",
     "release": "semantic-release",
     "codecov": "codecov",
     "start-demo": "lerna run start --scope=@data-driven-forms/react-render-demo",
-    "lint": "yarn eslint .",
+    "lint": "yarn eslint ./packages/*/src",
     "lint:ts": "tslint -c ./tslint.json 'packages/**/*.d.ts'",
-    "generate-template": "node ./scripts/generate-mapper.js"
+    "generate-template": "node ./scripts/generate-mapper.js",
+    "clean-build": "node ./scripts/clean-build.js",
+    "preinstall": "node ./scripts/clean-build.js"
   },
   "workspaces": [
     "packages/**"
   ],
   "jest": {
     "verbose": true,
+    "testPathIgnorePatterns": [
+      "/node_modules/",
+      "/pf3-component-mapper/"
+    ],
     "setupFiles": [
       "<rootDir>/config/jest.setup.js"
     ],
@@ -33,8 +39,10 @@
       "<rootDir>/packages/**/src/**/*.ts",
       "!<rootDir>/packages/**/src/**/*.d.ts",
       "!<rootDir>/packages/react-renderer-demo/**/*.js",
+      "!<rootDir>/packages/pf3-component-mapper/**/*.js",
       "!<rootDir>/packages/**/dist",
-      "!<rootDir>/templates/**/*.js"
+      "!<rootDir>/templates/**/*.js",
+      "!<rootDir>/packages/**/src/**/index.js"
     ],
     "moduleNameMapper": {
       "\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$": "<rootDir>/__mocks__/fileMock.js",
@@ -72,6 +80,7 @@
     "eslint-plugin-prettier": "^3.1.2",
     "eslint-plugin-react": "^7.18.3",
     "eslint-plugin-react-hooks": "^2.4.0",
+    "fs-extra": "^9.0.1",
     "glob": "^7.1.6",
     "identity-obj-proxy": "^3.0.0",
     "inquirer": "^7.1.0",
@@ -91,7 +100,20 @@
   },
   "release": {
     "monorepo": "./packages",
-    "branches": ["+([0-9])?(.{+([0-9]),x}).x", "master", "next", "next-major", {"name": "beta", "prerelease": true}, {"name": "alpha", "prerelease": true}],
+    "branches": [
+      "+([0-9])?(.{+([0-9]),x}).x",
+      "master",
+      "next",
+      "next-major",
+      {
+        "name": "beta",
+        "prerelease": true
+      },
+      {
+        "name": "alpha",
+        "prerelease": true
+      }
+    ],
     "plugins": [
       "@khala/npm-release-monorepo",
       [

packages/ant-component-mapper/.gitignore

@@ -0,0 +1 @@
+../common/.gitignore

packages/ant-component-mapper/.npmignore

@@ -0,0 +1 @@
+../common/.npmignore

packages/ant-component-mapper/README.md

@@ -56,7 +56,7 @@ For using Data Driven Forms in your component you need the renderer and a compon
 
 ```jsx
 import React from 'react';
-import FormRenderer, { componentTypes } from '@data-driven-forms/react-form-renderer';
+import { FormRenderer, componentTypes } from '@data-driven-forms/react-form-renderer';
 import { componentMapper, layoutMapper } from '@data-driven-forms/ant-component-mapper';
 
 const schema = {

packages/ant-component-mapper/demo/index.js

@@ -1,10 +1,10 @@
 /* eslint-disable */
 import React, { useState } from 'react';
 import ReactDOM from 'react-dom';
-import FormRenderer from '@data-driven-forms/react-form-renderer';
+import { FormRenderer } from '@data-driven-forms/react-form-renderer';
 import 'antd/dist/antd.css';
 import './style.css';
-import demoSchema from '@data-driven-forms/common/src/demoschema';
+import demoSchema from '@data-driven-forms/common/demoschema';
 import dualListSelectSchema from './demo-schemas/dual-list-select-schema'
 import { componentMapper, FormTemplate } from '../src';
 import wizardSchema from './demo-schemas/wizard-schema';

packages/ant-component-mapper/package.json

@@ -2,23 +2,20 @@
   "name": "@data-driven-forms/ant-component-mapper",
   "version": "2.17.0",
   "description": "Component mapper for Ant Design component mapper form data-driven-forms.",
-  "main": "dist/cjs/index.js",
-  "module": "dist/esm/index.js",
-  "typings": "dist/cjs/index.d.ts",
+  "main": "index.js",
+  "module": "esm/index.js",
+  "typings": "index.d.ts",
   "license": "Apache-2.0",
   "scripts": {
     "start": "webpack-dev-server --env dev --config ./config/webpack.config.js --open --hot",
-    "build": "yarn build:cjs && yarn build:esm && yarn build:umd && yarn build:typings",
-    "build:cjs": "BABEL_ENV=cjs rollup -c ./rollup.config.js --format=cjs --environment FORMAT:cjs",
-    "build:esm": "BABEL_ENV=esm rollup -c ./rollup.config.js --format=esm --environment FORMAT:esm",
-    "build:umd": "rollup -c ./rollup.config.js --format=umd --environment FORMAT:umd",
+    "build": "yarn build:cjs && yarn build:esm && yarn build:typings && yarn build:packages",
+    "build:cjs": "BABEL_ENV=cjs babel src --out-dir ./ --ignore \"src/tests/*\"",
+    "build:esm": "BABEL_ENV=esm babel src --out-dir ./esm --ignore \"src/tests/*\"",
+    "build:typings": "node ../../scripts/generate-typings.js",
+    "build:packages": "node ../../scripts/generate-packages.js",
     "vendor": "webpack --env vendor --config ./config/webpack.config.js",
-    "release": "semantic-release",
-    "build:typings": "node ../../scripts/copy-files.js"
+    "release": "semantic-release"
   },
-  "files": [
-    "dist/"
-  ],
   "repository": "[email protected]:data-driven-forms/react-forms.git",
   "devDependencies": {
     "@babel/core": "^7.1.6",
@@ -48,8 +45,6 @@
     "react-dom": "^16.13.0",
     "regenerator-runtime": "^0.12.1",
     "resolve-url-loader": "^3.0.0",
-    "rollup-plugin-sourcemaps": "^0.5.0",
-    "rollup-pluginutils": "^2.8.2",
     "sass-loader": "^7.1.0",
     "semantic-release": "17.2.3",
     "style-loader": "^0.23.1",
@@ -72,6 +67,8 @@
     "react": ">=16.13.0",
     "react-dom": ">=16.13.0"
   },
-  "dependencies": {},
+  "dependencies": {
+    "@data-driven-forms/common": "*"
+  },
   "postpublish": "export RELEASE_DEMO=true"
 }