fix: Fix create component scripts (Workday#929)

alanbsmith · Dec 10, 2020 · 42b9235 · 42b9235
1 parent b3ee342
commit 42b9235
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 7 deletions.
diff --git a/utils/create-component/createComponent.js b/utils/create-component/createComponent.js
@@ -5,7 +5,7 @@ const fs = require('fs');
 const path = require('path');
 const mkdirp = require('mkdirp');
 const inquirer = require('inquirer');
-const exec = require('child_process');
+const {exec} = require('child_process');
 
 require('colors');
 
@@ -95,7 +95,7 @@ const createModule = (componentPath, target, moduleGenerator, answers, unstable)
   const modulePath = path.join(componentPath, target);
 
   if (fs.existsSync(modulePath)) {
-    const moduleName = `Module @workday/canvas-kit-${unstable ? 'labs-' : ''}${target}-${name}`;
+    const moduleName = `@workday/canvas-kit-${unstable ? 'labs-' : ''}${target}-${name}`;
     console.log(`\nModule ${moduleName} already exists. Skipping.`.yellow);
   } else {
     moduleGenerator(modulePath, name, description, unstable, publicModule, category);

diff --git a/utils/create-component/createCssModule.js b/utils/create-component/createCssModule.js
@@ -1,6 +1,7 @@
 const path = require('path');
 const mkdirp = require('mkdirp');
-const exec = require('child_process');
+const {exec} = require('child_process');
+
 require('colors');
 
 const writeModuleFiles = require('./writeModuleFiles');

diff --git a/utils/create-component/createReactModule.js b/utils/create-component/createReactModule.js
@@ -1,5 +1,6 @@
 const mkdirp = require('mkdirp');
-const exec = require('child_process');
+const {exec} = require('child_process');
+
 require('colors');
 
 const writeModuleFiles = require('./writeModuleFiles');
@@ -49,7 +50,7 @@ module.exports = (modulePath, name, description, unstable, public, category) =>
     },
     testingStories: {
       path: 'stories/stories_VisualTesting.tsx',
-      contents: testingStories(testingStoryPath, pascalCaseName, rootPath),
+      contents: testingStories(testingStoryPath, pascalCaseName, rootPath, unstable),
     },
     ssr: {
       path: 'spec/SSR.spec.tsx',

diff --git a/utils/create-component/templates/react/stories_VisualTesting.js b/utils/create-component/templates/react/stories_VisualTesting.js
@@ -1,11 +1,11 @@
 // React stories template
 
-module.exports = (storyPath, pascalCaseName, rootPath) => `
+module.exports = (storyPath, pascalCaseName, rootPath, unstable) => `
 /// <reference path="${rootPath}/../typings.d.ts" />
 /** @jsx jsx */
 import {jsx} from '@emotion/core';
 import {StaticStates} from '@workday/canvas-kit-labs-react-core';
-import {ComponentStatesTable, permutateProps, withSnapshotsEnabled} from '../../../../utils/storybook';
+import {ComponentStatesTable, permutateProps, withSnapshotsEnabled} from '../../../../${unstable ? '../' : ''}utils/storybook';
 import ${pascalCaseName} from '../index';
 
 export default withSnapshotsEnabled({