@pega/custom-dx-components 0.23.5 → 0.23.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pega/custom-dx-components",
-  "version": "0.23.5",
+  "version": "0.23.6",
   "description": "Utility for building custom UI components",
   "bin": "./bin/index.js",
   "scripts": {

package/src/tasks/init/index.js

@@ -11,12 +11,7 @@ import Listr from 'listr';
 import gitignore from 'gitignore';
 import inquirer from 'inquirer';
 
-import {
-  compileMustacheTemplate,
-  isPascalCase,
-  convertIntoPascalCase,
-  sanitize
-} from '../../util.js';
+import { compileMustacheTemplate, isPascalCase, convertIntoPascalCase, sanitize } from '../../util.js';
 
 import { getInitProjectQuestions } from './helper.js';
 
@@ -26,7 +21,7 @@ const copy = promisify(ncp);
 const writeGitignore = promisify(gitignore.writeFile);
 const writeFile = promisify(fs.writeFile);
 
-const createGitignore = async options => {
+const createGitignore = async (options) => {
   const file = fs.createWriteStream(path.join(options.targetDirectory, '.gitignore'), {
     flags: 'a'
   });
@@ -36,13 +31,13 @@ const createGitignore = async options => {
   });
 };
 
-const createLicense = async options => {
+const createLicense = async (options) => {
   const targetPath = path.join(options.targetDirectory, 'LICENSE');
   const licenseContent = 'Enter license text here';
   return writeFile(targetPath, licenseContent, 'utf8');
 };
 
-const copyProjectTemplate = async options => {
+const copyProjectTemplate = async (options) => {
   await copy(options.templateDirectory, options.targetDirectory, {
     clobber: false
   });
@@ -73,7 +68,7 @@ const copyProjectTemplate = async options => {
   await createLicense(options);
 };
 
-const initGit = async options => {
+const initGit = async (options) => {
   const result = await execa('git', ['init'], {
     cwd: options.targetDirectory
   });
@@ -82,16 +77,13 @@ const initGit = async options => {
   }
 };
 
-export default async options => {
-  options.templateDirectory = path.resolve(
-    path.dirname(fileURLToPath(import.meta.url)),
-    'template'
-  );
+export default async (options) => {
+  options.templateDirectory = path.resolve(path.dirname(fileURLToPath(import.meta.url)), 'template');
   let projectName = 'test';
 
   const questions = getInitProjectQuestions();
 
-  await inquirer.prompt(questions).then(async answers => {
+  await inquirer.prompt(questions).then(async (answers) => {
     projectName = answers.projectName;
     projectName = sanitize(projectName).toLowerCase();
     options = { ...options, ...answers };
@@ -107,6 +99,7 @@ export default async options => {
 
     const targetDirectory = options.targetDirectory || process.cwd();
     options.targetDirectory = path.join(targetDirectory, projectName);
+    options.componentDirectory = path.join(options.targetDirectory, 'node_modules/@pega/custom-dx-components');
   });
 
   const installDependenciesText = `Installing dependencies. This will take a couple of minutes.`;
@@ -128,8 +121,11 @@ export default async options => {
       },
       {
         title: installDependenciesText,
-        task: () =>
-          execPromise('npm i --force --production=false', { cwd: options.targetDirectory })
+        task: () => execPromise('npm i --force --production=false', { cwd: options.targetDirectory })
+      },
+      {
+        title: 'Installing components dependencies',
+        task: () => execPromise('npm i --force --production=false', { cwd: options.componentDirectory })
       }
     ],
     {
@@ -139,9 +135,7 @@ export default async options => {
 
   await tasks.run();
   console.log('\n');
-  console.log(
-    `${chalk.green('Success!!')} Project created at ${chalk.blueBright(options.targetDirectory)}`
-  );
+  console.log(`${chalk.green('Success!!')} Project created at ${chalk.blueBright(options.targetDirectory)}`);
   console.log(
     '\n',
     `Inside that directory, you can run several commands:`,

package/src/tasks/init/template/package.json.mustache

@@ -64,7 +64,7 @@
   },
   "devDependencies": {
     "@pega/configs": "^0.5.3",
-    "@pega/custom-dx-components": "^0.23.5",
+    "@pega/custom-dx-components": "^0.23.6",
     "@pega/eslint-config": "^0.3.2",
     "@storybook/addon-actions": "^6.5.12",
     "@storybook/addon-essentials": "^6.5.12",