Reactful 0.4.0

Author: samerbuna

.eslintrc.js

@@ -0,0 +1,25 @@
+module.exports = {
+  "parser": 'babel-eslint',
+  "env": {
+    "browser": true,
+    "commonjs": true,
+    "es6": true,
+    "node": true,
+    "jest": true,
+  },
+  "extends": ["eslint:recommended"],
+  "parserOptions": {
+    "ecmaFeatures": {
+      "experimentalObjectRestSpread": true,
+    },
+    "sourceType": "module"
+  },
+  "rules": {
+    "indent": ["error", 2, { "SwitchCase": 1 }],
+    "linebreak-style": ["error","unix"],
+    "quotes": ["error","single"],
+    "semi": ["error","always"],
+    "no-console": ["warn", { "allow": ["info", "error"] }],
+    "arrow-parens": ["error", "always"],
+  }
+};

.gitignore

@@ -0,0 +1,2 @@
+node_modules/
+lerna-debug.log

lerna.json

@@ -0,0 +1,7 @@
+{
+  "lerna": "2.0.0-rc.5",
+  "packages": [
+    "packages/*"
+  ],
+  "version": "0.3.12"
+}

package.json

@@ -0,0 +1,21 @@
+{
+  "private": true,
+  "scripts": {
+    "format": "prettier-eslint \"packages/**/*.js\" --write --trailing-comma es5",
+    "precommit": "lint-staged",
+    "prepush": "verify-tests"
+  },
+  "devDependencies": {
+    "babel-eslint": "^7.2.3",
+    "eslint": "^4.1.1",
+    "eslint-plugin-react": "^7.1.0",
+    "husky": "^0.14.1",
+    "lerna": "^2.0.0-rc.5",
+    "lint-staged": "^4.0.0",
+    "prettier": "^1.5.0",
+    "prettier-eslint-cli": "^4.1.1"
+  },
+  "lint-staged": {
+    "*.js": ["format", "git add"]
+  }
+}

packages/LICENSE

@@ -0,0 +1,30 @@
+BSD License
+
+For jsComplete software
+
+Copyright (c) 2017, jsComplete, Inc. All rights reserved.
+
+Redistribution and use in source and binary forms, with or without modification,
+are permitted provided that the following conditions are met:
+
+ * Redistributions of source code must retain the above copyright notice, this
+   list of conditions and the following disclaimer.
+
+ * Redistributions in binary form must reproduce the above copyright notice,
+   this list of conditions and the following disclaimer in the documentation
+   and/or other materials provided with the distribution.
+
+ * Neither the name jsComplete nor the names of its contributors may be used to
+   endorse or promote products derived from this software without specific
+   prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
+ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
+WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
+DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE FOR
+ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
+(INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
+LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON
+ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
+SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.

packages/README.md

@@ -0,0 +1,69 @@
+## Reactful
+
+A very opinionated React CLI. You can use it to generate an independent full-stack react application that's fully-configured to render on both client and server.
+
+[![npm version](https://badge.fury.io/js/reactful.svg)](https://badge.fury.io/js/reactful)
+
+This CLI requires Node 8.0 or greater, and it would work better if you have [Yarn](https://yarnpkg.com/en/) and [Git](https://git-scm.com/) on the machine.
+
+### Install
+
+    npm i -g reactful
+
+Once installed, the package will have a global ```react``` command.
+
+### Create New React App
+
+    react new my-awesome-react-app-name
+
+Once created, you'll see instructions on how to start it:
+
+    cd my-awesome-react-app-name
+
+    ### To start the app (for development):
+    react start
+
+    # The start command starts a watcher process
+    # which will restart node/webpack on save
+
+    ### Open the app in browser:
+    react open
+
+    # The app will be running on localhost:4242 by default
+
+    ### To run tests:
+    react test
+
+    ### To build for production:
+    react build
+
+    ### To start the app for production:
+    react prod
+
+The generated app is completely independent from the reactful package. At this point you can part ways with the reactful package and do your own thing, but if you follow the patterns initialized by the package, you can use a few handy commands from the global react command.
+
+### Create New Redux/React App
+
+    react new-full my-awesome-redux-app-name
+
+This will generate a Redux-configured full-stack React application with a state managed by Immutable.js. It will also render on both client and server.
+
+
+### Update Existing React App
+
+While in a React application that's created with this tool, you can always revert things back the default configurations with the init command. You can also use this command in an empty directory.
+
+    cd my-awesome-react-app-name
+    react init
+
+If that directory already has files, reactful will ask you if you want to override them.
+
+You can also use init-full to update an existing Redux/React app.
+
+### Creating Components
+
+- Create a New Component: ```react c ComponentName```
+- Create a New Pure Component: ```react pc ComponentName```
+- Create a New Function Component: ```react fc ComponentName```
+
+All of these commands will also create a jest snapshot test for the generated component.

packages/reactful-commands/LICENSE

@@ -0,0 +1 @@
+../LICENSE

packages/reactful-commands/README.md

@@ -0,0 +1 @@
+../README.md

packages/reactful-commands/bin/_reactful_commands.js

@@ -0,0 +1,56 @@
+#! /usr/bin/env node
+const path = require('path');
+
+const command = process.argv[2];
+const args = process.argv.slice(3);
+
+async function openApp() {
+  try {
+    const { host, port } = require(path.resolve('.reactful.json'));
+    await require('../lib/open-url')(`http://${host}:${port}`);
+  } catch (err) {
+    console.error(err);
+  }
+}
+
+async function runCommand(command) {
+  try {
+    await require('../lib/run-command')(command);
+  } catch (err) {
+    console.error(err);
+  }
+}
+
+async function createComponent(componentType, ...args) {
+  try {
+    await require('../lib/create-component')(componentType, ...args);
+  } catch (err) {
+    console.error(err);
+  }
+}
+
+switch (command) {
+  case 'open':
+    openApp();
+    break;
+  case 'start':
+  case 'test':
+  case 'build':
+  case 'prod':
+    runCommand(command);
+    break;
+  case 'pc':
+  case 'pure-component':
+    createComponent('pure', ...args);
+    break;
+  case 'c':
+  case 'component':
+    createComponent('full', ...args);
+    break;
+  case 'fc':
+  case 'function-component':
+    createComponent('function', ...args);
+    break;
+  default:
+    console.error('Unsupported Command');
+}

packages/reactful-commands/lib/create-component.js

@@ -0,0 +1,36 @@
+const path = require('path');
+const fs = require('fs');
+const { rcc, rfc, jestSnap } = require('../lib/text');
+
+module.exports = function createComponent(componentType, componentName) {
+  const componentCode =
+    componentType === 'function'
+      ? rfc(componentName)
+      : rcc(componentName, componentType === 'pure');
+
+  return new Promise((resolve, reject) => {
+    try {
+      const componentFile = path.resolve(
+        'src',
+        'components',
+        `${componentName}.js`
+      );
+      console.info(`Generating ${path.relative('.', componentFile)}`);
+      fs.writeFileSync(componentFile, componentCode);
+
+      const componentTestFile = path.resolve(
+        'src',
+        'components',
+        '__tests__',
+        `${componentName}Test.js`
+      );
+      console.info(`Generating ${path.relative('.', componentTestFile)}`);
+      fs.writeFileSync(componentTestFile, jestSnap(componentName));
+
+      console.info('✨  Done.');
+      resolve();
+    } catch (err) {
+      reject(err);
+    }
+  });
+};