Merge pull request #969 from rvsia/updateTemplateGenerator

Update template generator

Author: rvsia

scripts/copy-css.js

@@ -6,7 +6,7 @@ const packagePath = process.cwd();
 const src = path.resolve(packagePath, './src');
 
 function copyCss() {
-  const directories = glob.sync(`${src}/*/`).filter((name) => !name.includes('/tests/') && !name.includes('/common/'));
+  const directories = glob.sync(`${src}/*/`).filter((name) => !name.includes('/tests/'));
 
   directories.forEach((dir) => {
     const cssFiles = glob.sync(`${dir}/**/*.css`);

scripts/copy-files.js

@@ -29,9 +29,8 @@ inquirer.prompt(QUESTIONS).then(async ({ componentmapper, typescript }) => {
 
   1. Update styles in "packages/${componentmapper}-component-mapper/demo/index.html"
   2. Add dependencies in "packages/${componentmapper}-component-mapper/package.json",
-  3. Mark the dependencies as globals/external in "packages/${componentmapper}-component-mapper/rollup.config.js"
-  4. (optional) Transform import to allow threeshake (bundle size optimization) in "packages/common/babel.config.js"
-  5. Have a fun and make some magic! :-)
+  3. (optional) Transform imports to allow threeshake (bundle size optimization) in "packages/common/babel.config.js"
+  4. Have a fun and make some magic! :-)
 
   Please visit https://data-driven-forms.org for more information.
 
@@ -48,7 +47,6 @@ inquirer.prompt(QUESTIONS).then(async ({ componentmapper, typescript }) => {
       files: [
         path.resolve(__dirname, `../packages/${componentmapper}-component-mapper/README.md`),
         path.resolve(__dirname, `../packages/${componentmapper}-component-mapper/package.json`),
-        path.resolve(__dirname, `../packages/${componentmapper}-component-mapper/rollup.config.js`),
         path.resolve(__dirname, `../packages/${componentmapper}-component-mapper/demo/index.js`)
       ],
       from: /\{\{componentmapper\}\}/g,
@@ -64,7 +62,7 @@ inquirer.prompt(QUESTIONS).then(async ({ componentmapper, typescript }) => {
     const optionTypeScriptPath = {
       files: [path.resolve(__dirname, `../packages/${componentmapper}-component-mapper/package.json`)],
       from: /\{\{typingspath\}\}/g,
-      to: typescript ? '\n  "typings": "dist/cjs/index.d.ts",' : ''
+      to: typescript ? '\n  "typings": "index.d.ts",' : ''
     };
     const optionTypeScriptCommand = {
       files: [path.resolve(__dirname, `../packages/${componentmapper}-component-mapper/package.json`)],
@@ -74,7 +72,7 @@ inquirer.prompt(QUESTIONS).then(async ({ componentmapper, typescript }) => {
     const optionTypeScriptScript = {
       files: [path.resolve(__dirname, `../packages/${componentmapper}-component-mapper/package.json`)],
       from: /\{\{buildtypingsscript\}\}/g,
-      to: typescript ? '\n    "build:typings": "node ../../scripts/copy-files.js",' : ''
+      to: typescript ? '\n    "build:typings": "node ../../scripts/generate-typings.js",' : ''
     };
 
     try {

scripts/generate-files.js

@@ -8,7 +8,7 @@ const src = path.resolve(packagePath, './src');
 async function generatePackages() {
   const directories = glob
     .sync(`${src}/*/`)
-    .filter((name) => !name.includes('/tests/') && !name.includes('/common/'))
+    .filter((name) => !name.includes('/tests/'))
     .map((path) =>
       path
         .replace(/\/$/, '')

scripts/generate-mapper.js

@@ -1,6 +1,6 @@
 import React 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 { arraySchemaDDF } from './demo-schemas/widget-schema';
 import { componentMapper, FormTemplate } from '../src';
 import { wizardSchema } from './demo-schemas/wizard-schema';

scripts/generate-packages.js

@@ -2,18 +2,16 @@
   "name": "@data-driven-forms/{{componentmapper}}-component-mapper",
   "version": "0.0.0",
   "description": "{{componentmapper}}-component-mapper for data-driven-forms.",
-  "main": "dist/cjs/index.js",
-  "module": "dist/esm/index.js",{{typingspath}}
-  "files": [
-    "dist/"
-  ],
+  "main": "index.js",
+  "module": "esm/index.js",{{typingspath}}
   "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{{buildtypingscmd}}",
-    "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",{{buildtypingsscript}}
+    "build": "yarn build:cjs && yarn build:esm{{buildtypingscmd}} && yarn build:packages && yarn build:css",
+    "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:packages": "node ../../scripts/generate-packages.js",
+    "build:css": "node ../../scripts/copy-css.js",{{buildtypingsscript}}
     "release": "semantic-release"
   },
   "repository": "[email protected]:data-driven-forms/react-forms.git",
@@ -47,18 +45,6 @@
     "react-dom": "^16.13.1",
     "regenerator-runtime": "^0.12.1",
     "resolve-url-loader": "^3.0.0",
-    "rollup": "^1.23.1",
-    "rollup-plugin-async": "^1.2.0",
-    "rollup-plugin-babel": "^4.3.3",
-    "rollup-plugin-commonjs": "^10.1.0",
-    "rollup-plugin-node-globals": "^1.4.0",
-    "rollup-plugin-node-resolve": "^5.2.0",
-    "rollup-plugin-replace": "^2.2.0",
-    "rollup-plugin-sass": "^1.2.2",
-    "rollup-plugin-size-snapshot": "^0.10.0",
-    "rollup-plugin-sourcemaps": "^0.5.0",
-    "rollup-plugin-terser": "^5.1.2",
-    "rollup-pluginutils": "^2.8.2",
     "sass-loader": "^7.1.0",
     "semantic-release": "^16.0.4",
     "style-loader": "^0.23.1",

templates/component-mapper/demo/index.js

@@ -0,0 +1,2 @@
+export { default } from './checkbox';
+export * from './checkbox';