inquirer wip

Author: Nick Balestra

packages/create-cycle-app/src/initQuestions.js

@@ -7,7 +7,16 @@ const initQuestions = [
     type: 'list',
     name: 'language',
     default: 0,
-    choices: ['JavaScript', 'TypeScript'],
+    choices: [
+      {
+        name: 'JavaScript',
+        value: 'javascript'
+      },
+      {
+        name: 'TypeScript',
+        value: 'typescript'
+      }
+    ],
     message: 'Which language do you want to use to write your cycle app?'
   },
   {

packages/create-cycle-app/test/unit/initQuestions.spec.js

@@ -12,7 +12,7 @@ describe('initQuedstion module', () => {
     })
     test('should prompt for question if no custom flavor is provided', () => {
       const callback = jest.fn()
-      const answer = {language: 'JavaScript', streamLib: 'xstream'}
+      const answer = {language: 'javascript', streamLib: 'xstream'}
       inquirer.prompt.mockReturnValue({
         then: jest.fn(answers => callback(answer))
       })

…le-scripts/configs/webpack.config.dev.js …configs/javascript/webpack.config.dev.jspackages/cycle-scripts/configs/webpack.config.dev.js renamed to packages/cycle-scripts/configs/javascript/webpack.config.dev.js packages/cycle-scripts/configs/webpack.config.dev.js renamed to packages/cycle-scripts/configs/javascript/webpack.config.dev.js

@@ -25,7 +25,7 @@ module.exports = {
       // of CSS changes), or refresh the page (in case of JS changes). When you
       // make a syntax error, this client will display a syntax error overlay.
       // Note: instead of the default WebpackDevServer client, we use a custom one
-      // to bring better experience for Create React App users. You can replace
+      // to bring better experience from Create React App users. You can replace
       // the line below with these two lines if you prefer the stock client:
       // require.resolve('webpack-dev-server/client') + '?/',
       // require.resolve('webpack/hot/dev-server'),

…e-scripts/configs/webpack.config.prod.js …onfigs/javascript/webpack.config.prod.jspackages/cycle-scripts/configs/webpack.config.prod.js renamed to packages/cycle-scripts/configs/javascript/webpack.config.prod.js packages/cycle-scripts/configs/webpack.config.prod.js renamed to packages/cycle-scripts/configs/javascript/webpack.config.prod.js

@@ -37,11 +37,12 @@ process.env.NODE_ENV = 'production'
 const fs = require('fs-extra')
 const chalk = require('chalk')
 const webpack = require('webpack')
-const config = require('../configs/webpack.config.prod')
 const path = require('path')
 
 const buildPath = path.join(process.cwd(), 'build')
 const publicPath = path.join(process.cwd(), 'public')
+const ccaConfig = require(path.join(process.cwd(), 'package.json'))['create-cycle-app']
+const config = require(path.join('../configs/', ccaConfig.language, 'webpack.config.dev'))
 
 // Remove all content but keep the directory so that
 // if you're in it, you don't end up in Trash

packages/cycle-scripts/scripts/build.js

@@ -124,6 +124,8 @@ function setup (appPath, appName, verbose, originalDirectory, options) {
     'eject': 'cycle-scripts eject'
   }
 
+  appPackage['create-cycle-app'] = options
+
   fs.writeFileSync(
     appPackageJson,
     JSON.stringify(appPackage, null, 2)
@@ -152,10 +154,7 @@ function setup (appPath, appName, verbose, originalDirectory, options) {
 
   fs.copySync(path.join(ownPath, 'template/src', language), path.join(appPath, 'src'))
 
-  // for each file in template/src load them, replace and write them
-
-  // for each library
-
+  // TODO
   // patchGitignore(appPath)
 
   const dependecyList = depsToInstall
@@ -189,5 +188,5 @@ module.exports = function init (appPath, appName, verbose, originalDirectory, op
   if (options) {
     return setup(appPath, appName, verbose, originalDirectory, options)
   }
-  return initQuestions(anwers => setup(appPath, appName, verbose, originalDirectory, anwers))
+  return initQuestions(answers => setup(appPath, appName, verbose, originalDirectory, answers))
 }

packages/cycle-scripts/scripts/init.js

@@ -7,7 +7,16 @@ const initQuestions = [
     type: 'list',
     name: 'language',
     default: 0,
-    choices: ['JavaScript', 'TypeScript'],
+    choices: [
+      {
+        name: 'JavaScript',
+        value: 'javascript'
+      },
+      {
+        name: 'TypeScript',
+        value: 'typescript'
+      }
+    ],
     message: 'Which language do you want to use to write your cycle app?'
   },
   {

packages/cycle-scripts/scripts/initQuestions.js

@@ -34,12 +34,14 @@
 
 const WebpackDevServer = require('webpack-dev-server')
 const chalk = require('chalk')
+const path = require('path')
 
-const config = require('../configs/webpack.config.dev')
 const devServerConfig = require('../configs/webpackDevServer.config')
 const createWebpackCompiler = require('./utils/createWebpackCompiler')
 const openBrowser = require('react-dev-utils/openBrowser')
+const ccaConfig = require(path.join(process.cwd(), 'package.json'))['create-cycle-app']
 
+const config = require(path.join('../configs/', ccaConfig.language, 'webpack.config.dev'))
 process.env.NODE_ENV = 'development'
 
 const cli = 'npm'