generator-reackt 0.5.0 → 0.6.0

package/templates/app/.stylelintrc

@@ -1,271 +1,188 @@
-{
-  "defaultSeverity": "warning",
-  "extends": "stylelint-config-recommended",
-  "rules": {
-    "at-rule-allowed-list": null,
-    "at-rule-disallowed-list": null,
-    "at-rule-empty-line-before": [
-      "always",
-      {
-        "except": [
-          "blockless-after-blockless",
-          "first-nested"
-        ],
-        "ignore": [
-          "after-comment"
-        ],
-        "ignoreAtRules": [
-          "else"
-        ]
-      }
-    ],
-    "at-rule-name-case": "lower",
-    "at-rule-name-newline-after": "always-multi-line",
-    "at-rule-name-space-after": "always-single-line",
-    "at-rule-no-unknown": [
-      true,
-      {
-        "ignoreAtRules": [
-          "each",
-          "content",
-          "else",
-          "extend",
-          "if",
-          "include",
-          "mixin",
-          "for",
-          "elseif",
-          "return",
-          "function"
-        ]
-      }
-    ],
-    "at-rule-no-vendor-prefix": true,
-    "at-rule-semicolon-newline-after": "always",
-    "at-rule-semicolon-space-before": "never",
-    "block-closing-brace-empty-line-before": "never",
-    "block-closing-brace-newline-after": [
-      "always",
-      {
-        "ignoreAtRules": [
-          "else",
-          "if"
-        ]
-      }
-    ],
-    "block-closing-brace-newline-before": "always-multi-line",
-    "block-closing-brace-space-after": "always-single-line",
-    "block-closing-brace-space-before": "always-single-line",
-    "block-no-empty": true,
-    "block-opening-brace-newline-after": "always",
-    "block-opening-brace-newline-before": "never-single-line",
-    "block-opening-brace-space-after": "always-single-line",
-    "block-opening-brace-space-before": "always",
-    "color-hex-case": "lower",
-    "color-hex-length": "short",
-    "color-named": [
-      "never",
-      {
-        "severity": "error"
-      }
-    ],
-    "color-no-hex": null,
-    "color-no-invalid-hex": true,
-    "comment-empty-line-before": [
-      "always",
-      {
-        "ignore": [
-          "after-comment",
-          "stylelint-commands"
-        ]
-      }
-    ],
-    "comment-no-empty": true,
-    "comment-whitespace-inside": "always",
-    "comment-word-disallowed-list": [
-      "/^TODO:/"
-    ],
-    "custom-media-pattern": null,
-    "custom-property-empty-line-before": null,
-    "custom-property-pattern": null,
-    "declaration-bang-space-after": "never",
-    "declaration-bang-space-before": "always",
-    "declaration-block-no-duplicate-properties": true,
-    "declaration-block-no-redundant-longhand-properties": true,
-    "declaration-block-no-shorthand-property-overrides": true,
-    "declaration-block-semicolon-newline-after": "always",
-    "declaration-block-semicolon-newline-before": null,
-    "declaration-block-semicolon-space-after": "always-single-line",
-    "declaration-block-semicolon-space-before": "never",
-    "declaration-block-single-line-max-declarations": 1,
-    "declaration-block-trailing-semicolon": "always",
-    "declaration-colon-newline-after": null,
-    "declaration-colon-space-after": "always",
-    "declaration-colon-space-before": "never",
-    "declaration-empty-line-before": "never",
-    "declaration-no-important": true,
-    "declaration-property-unit-allowed-list": {
-      "border": [
-        "px"
-      ],
-      "line-height": [],
-      "outline-offset": [
-        "px"
-      ]
-    },
-    "declaration-property-unit-disallowed-list": {},
-    "declaration-property-value-allowed-list": {},
-    "declaration-property-value-disallowed-list": {},
-    "font-family-name-quotes": "always-unless-keyword",
-    "font-family-no-duplicate-names": true,
-    "font-family-no-missing-generic-family-keyword": true,
-    "font-weight-notation": "numeric",
-    "function-allowed-list": null,
-    "function-calc-no-unspaced-operator": true,
-    "function-comma-newline-after": null,
-    "function-comma-newline-before": null,
-    "function-comma-space-after": "always",
-    "function-comma-space-before": null,
-    "function-disallowed-list": null,
-    "function-linear-gradient-no-nonstandard-direction": true,
-    "function-max-empty-lines": 0,
-    "function-name-case": "lower",
-    "function-parentheses-newline-inside": null,
-    "function-parentheses-space-inside": "never",
-    "function-url-no-scheme-relative": true,
-    "function-url-quotes": "always",
-    "function-url-scheme-allowed-list": null,
-    "function-url-scheme-disallowed-list": null,
-    "function-whitespace-after": "always",
-    "indentation": 2,
-    "keyframe-declaration-no-important": true,
-    "length-zero-no-unit": true,
-    "max-empty-lines": 2,
-    "max-line-length": 100,
-    "max-nesting-depth": 4,
-    "media-feature-colon-space-after": "always",
-    "media-feature-colon-space-before": "never",
-    "media-feature-name-allowed-list": null,
-    "media-feature-name-case": "lower",
-    "media-feature-name-disallowed-list": null,
-    "media-feature-name-no-unknown": true,
-    "media-feature-name-no-vendor-prefix": true,
-    "media-feature-parentheses-space-inside": "never",
-    "media-feature-range-operator-space-after": "always",
-    "media-feature-range-operator-space-before": "always",
-    "media-query-list-comma-newline-after": null,
-    "media-query-list-comma-newline-before": null,
-    "media-query-list-comma-space-after": null,
-    "media-query-list-comma-space-before": null,
-    "no-descending-specificity": true,
-    "no-duplicate-at-import-rules": true,
-    "no-duplicate-selectors": true,
-    "no-empty-source": true,
-    "no-eol-whitespace": true,
-    "no-extra-semicolons": true,
-    "no-invalid-double-slash-comments": true,
-    "no-missing-end-of-source-newline": true,
-    "no-unknown-animations": true,
-    "number-leading-zero": "always",
-    "number-max-precision": [
-      2,
-      {
-        "ignoreUnits": [
-          "em",
-          "rem"
-        ]
-      }
-    ],
-    "number-no-trailing-zeros": true,
-    "property-allowed-list": null,
-    "property-case": "lower",
-    "property-disallowed-list": null,
-    "property-no-unknown": true,
-    "property-no-vendor-prefix": true,
-    "rule-empty-line-before": [
-      "always",
-      {
-        "except": [
-          "first-nested"
-        ],
-        "ignore": [
-          "after-comment"
-        ]
-      }
-    ],
-    "selector-attribute-brackets-space-inside": "never",
-    "selector-attribute-operator-allowed-list": null,
-    "selector-attribute-operator-disallowed-list": null,
-    "selector-attribute-operator-space-after": "never",
-    "selector-attribute-operator-space-before": "never",
-    "selector-attribute-quotes": "always",
-    "selector-class-pattern": "[a-z]+",
-    "selector-combinator-allowed-list": null,
-    "selector-combinator-disallowed-list": null,
-    "selector-combinator-space-after": "always",
-    "selector-combinator-space-before": "always",
-    "selector-descendant-combinator-no-non-space": true,
-    "selector-id-pattern": null,
-    "selector-list-comma-newline-after": "always",
-    "selector-list-comma-newline-before": "never-multi-line",
-    "selector-list-comma-space-after": "always-single-line",
-    "selector-list-comma-space-before": null,
-    "selector-max-attribute": 1,
-    "selector-max-class": 3,
-    "selector-max-combinators": 2,
-    "selector-max-compound-selectors": 3,
-    "selector-max-empty-lines": 0,
-    "selector-max-id": 1,
-    "selector-max-pseudo-class": 2,
-    "selector-max-specificity": [
-      "0,5,1",
-      {
-        "severity": "error"
-      }
-    ],
-    "selector-max-type": 2,
-    "selector-max-universal": 1,
-    "selector-nested-pattern": null,
-    "selector-no-qualifying-type": true,
-    "selector-no-vendor-prefix": true,
-    "selector-pseudo-class-allowed-list": null,
-    "selector-pseudo-class-case": "lower",
-    "selector-pseudo-class-disallowed-list": null,
-    "selector-pseudo-class-no-unknown": true,
-    "selector-pseudo-class-parentheses-space-inside": "never",
-    "selector-pseudo-element-allowed-list": null,
-    "selector-pseudo-element-case": "lower",
-    "selector-pseudo-element-colon-notation": "double",
-    "selector-pseudo-element-disallowed-list": null,
-    "selector-pseudo-element-no-unknown": true,
-    "selector-type-case": "lower",
-    "selector-type-no-unknown": true,
-    "shorthand-property-no-redundant-values": true,
-    "string-no-newline": true,
-    "string-quotes": "double",
-    "time-min-milliseconds": 100,
-    "unit-allowed-list": [
-      "%",
-      "deg",
-      "em",
-      "ms",
-      "px",
-      "rem",
-      "s",
-      "vh",
-      "vmax",
-      "vmin",
-      "vw"
-    ],
-    "unit-case": "lower",
-    "unit-disallowed-list": null,
-    "unit-no-unknown": true,
-    "value-keyword-case": "lower",
-    "value-list-comma-newline-after": "always-multi-line",
-    "value-list-comma-newline-before": null,
-    "value-list-comma-space-after": null,
-    "value-list-comma-space-before": "never",
-    "value-list-max-empty-lines": 0,
-    "value-no-vendor-prefix": true
-  }
-}
+{
+  "defaultSeverity": "warning",
+  "extends": "stylelint-config-recommended",
+  "customSyntax": "postcss-scss",
+  "rules": {
+    "at-rule-allowed-list": null,
+    "at-rule-disallowed-list": null,
+    "at-rule-empty-line-before": [
+      "always",
+      {
+        "except": [
+          "blockless-after-blockless",
+          "first-nested"
+        ],
+        "ignore": [
+          "after-comment"
+        ],
+        "ignoreAtRules": [
+          "else"
+        ]
+      }
+    ],
+    "at-rule-no-unknown": [
+      true,
+      {
+        "ignoreAtRules": [
+          "each",
+          "content",
+          "else",
+          "extend",
+          "if",
+          "include",
+          "mixin",
+          "for",
+          "elseif",
+          "return",
+          "function"
+        ]
+      }
+    ],
+    "at-rule-no-vendor-prefix": true,
+    "block-no-empty": true,
+    "color-hex-length": "short",
+    "color-named": [
+      "never",
+      {
+        "severity": "error"
+      }
+    ],
+    "color-no-hex": null,
+    "color-no-invalid-hex": true,
+    "comment-empty-line-before": [
+      "always",
+      {
+        "ignore": [
+          "after-comment",
+          "stylelint-commands"
+        ]
+      }
+    ],
+    "comment-no-empty": true,
+    "comment-whitespace-inside": "always",
+    "comment-word-disallowed-list": [
+      "/^TODO:/"
+    ],
+    "custom-media-pattern": null,
+    "custom-property-empty-line-before": null,
+    "custom-property-pattern": null,
+    "declaration-block-no-duplicate-properties": true,
+    "declaration-block-no-redundant-longhand-properties": true,
+    "declaration-block-no-shorthand-property-overrides": true,
+    "declaration-block-single-line-max-declarations": 1,
+    "declaration-no-important": true,
+    "declaration-property-unit-allowed-list": {
+      "border": [
+        "px"
+      ],
+      "line-height": [],
+      "outline-offset": [
+        "px"
+      ]
+    },
+    "declaration-property-unit-disallowed-list": {},
+    "declaration-property-value-allowed-list": {},
+    "declaration-property-value-disallowed-list": {},
+    "font-family-name-quotes": "always-unless-keyword",
+    "font-family-no-duplicate-names": true,
+    "font-family-no-missing-generic-family-keyword": true,
+    "font-weight-notation": "numeric",
+    "function-allowed-list": null,
+    "function-calc-no-unspaced-operator": true,
+    "function-disallowed-list": null,
+    "function-linear-gradient-no-nonstandard-direction": true,
+    "function-url-no-scheme-relative": true,
+    "function-url-quotes": "always",
+    "function-url-scheme-allowed-list": null,
+    "function-url-scheme-disallowed-list": null,
+    "keyframe-declaration-no-important": true,
+    "length-zero-no-unit": true,
+    "max-nesting-depth": 4,
+    "media-feature-name-allowed-list": null,
+    "media-feature-name-disallowed-list": null,
+    "media-feature-name-no-unknown": true,
+    "media-feature-name-no-vendor-prefix": true,
+    "no-descending-specificity": true,
+    "no-duplicate-at-import-rules": true,
+    "no-duplicate-selectors": true,
+    "no-empty-source": true,
+    "no-invalid-double-slash-comments": true,
+    "no-unknown-animations": true,
+    "number-max-precision": [
+      2,
+      {
+        "ignoreUnits": [
+          "em",
+          "rem"
+        ]
+      }
+    ],
+    "property-allowed-list": null,
+    "property-disallowed-list": null,
+    "property-no-unknown": true,
+    "property-no-vendor-prefix": true,
+    "rule-empty-line-before": [
+      "always",
+      {
+        "except": [
+          "first-nested"
+        ],
+        "ignore": [
+          "after-comment"
+        ]
+      }
+    ],
+    "selector-attribute-operator-allowed-list": null,
+    "selector-attribute-operator-disallowed-list": null,
+    "selector-attribute-quotes": "always",
+    "selector-class-pattern": "[a-z]+",
+    "selector-combinator-allowed-list": null,
+    "selector-combinator-disallowed-list": null,
+    "selector-id-pattern": null,
+    "selector-max-attribute": 1,
+    "selector-max-class": 3,
+    "selector-max-combinators": 2,
+    "selector-max-compound-selectors": 3,
+    "selector-max-id": 1,
+    "selector-max-pseudo-class": 2,
+    "selector-max-specificity": [
+      "0,5,1",
+      {
+        "severity": "error"
+      }
+    ],
+    "selector-max-type": 2,
+    "selector-max-universal": 1,
+    "selector-nested-pattern": null,
+    "selector-no-qualifying-type": true,
+    "selector-no-vendor-prefix": true,
+    "selector-pseudo-class-allowed-list": null,
+    "selector-pseudo-class-disallowed-list": null,
+    "selector-pseudo-class-no-unknown": true,
+    "selector-pseudo-element-allowed-list": null,
+    "selector-pseudo-element-colon-notation": "double",
+    "selector-pseudo-element-disallowed-list": null,
+    "selector-pseudo-element-no-unknown": true,
+    "selector-type-no-unknown": true,
+    "shorthand-property-no-redundant-values": true,
+    "string-no-newline": true,
+    "time-min-milliseconds": 100,
+    "unit-allowed-list": [
+      "%",
+      "deg",
+      "em",
+      "ms",
+      "px",
+      "rem",
+      "s",
+      "vh",
+      "vmax",
+      "vmin",
+      "vw"
+    ],
+    "unit-disallowed-list": null,
+    "unit-no-unknown": true,
+    "value-keyword-case": "lower",
+    "value-no-vendor-prefix": true
+  }
+}

package/templates/app/gitignore

@@ -1,2 +1,2 @@
-node_modules/
-dist/
+node_modules/
+dist/

package/templates/app/jest.config.js

@@ -1,15 +1,15 @@
-module.exports = {
-  collectCoverage: true,
-  collectCoverageFrom: ['src/**/*.js', '!src/*.js'],
-  coverageDirectory: './coverage',
-  coverageReporters: ['html', 'text-summary'],
-  coverageThreshold: {
-    global: {
-      branches: 80,
-      functions: 80,
-      lines: 80,
-      statements: 80
-    }
-  },
-  modulePaths: ['<rootDir>/src/']
-};
+module.exports = {
+  collectCoverage: true,
+  collectCoverageFrom: ['src/**/*.js', '!src/*.js'],
+  coverageDirectory: './coverage',
+  coverageReporters: ['html', 'text-summary'],
+  coverageThreshold: {
+    global: {
+      branches: 80,
+      functions: 80,
+      lines: 80,
+      statements: 80
+    }
+  },
+  modulePaths: ['<rootDir>/src/']
+};

package/templates/app/jsconfig.json

@@ -1,8 +1,7 @@
-{
-  "compilerOptions": {
-    "module": "commonjs",
-    "jsx": "react",
-    "baseUrl": "./src"
-  },
-  "include": ["src/"]
-}
+{
+  "compilerOptions": {
+    "module": "esnext",
+    "baseUrl": "./src"
+  },
+  "include": ["src/"]
+}

package/templates/app/package.json

@@ -1,19 +1,19 @@
-{
-  "name": "<%= package.name %>",
-  "version": "<%= package.version %>",
-  "description": "<%= package.description %>",
-  "author": "<%= author.name %> <<%= author.email %>>",
-  "license": "<%= package.license %>",
-  "scripts": {
-    <% if (flags.addStorybook) { %>
-    "storybook": "start-storybook",
-    <% } %>
-    <% if (flags.addJest) { %>
-    "test": "jest",
-    <% } %>
-    "build": "cross-env NODE_ENV=production webpack",
-    "start": "cross-env NODE_ENV=development webpack serve"
-  },
-  "dependencies": {},
-  "devDependencies": {}
+{
+  "name": "<%= package.name %>",
+  "version": "<%= package.version %>",
+  "description": "<%= package.description %>",
+  "author": "<%= author.name %> <<%= author.email %>>",
+  "license": "<%= package.license %>",
+  "scripts": {
+    <% if (flags.addStorybook) { %>
+    "storybook": "start-storybook",
+    <% } %>
+    <% if (flags.addJest) { %>
+    "test": "jest",
+    <% } %>
+    "build": "cross-env NODE_ENV=production webpack",
+    "start": "cross-env NODE_ENV=development webpack serve"
+  },
+  "dependencies": {},
+  "devDependencies": {}
 }

package/templates/app/src/components/App.js

@@ -1,14 +1,14 @@
-<% if (flags.addRedux) { %>
-import { connect } from 'react-redux';
-<% } %>
-
-export default function App() {
-  return <h1>Hello World</h1>;
-}
-
-<% if (flags.addRedux) { %>
-export default connect(
-  null,
-  null
-)(App);
-<% } %>
+<% if (flags.addRedux) { %>
+import { connect } from 'react-redux';
+<% } %>
+
+export <% if (!flags.addRedux) { %> default <% } %> function App() {
+  return <h1>Hello World</h1>;
+}
+
+<% if (flags.addRedux) { %>
+export default connect(
+  null,
+  null
+)(App);
+<% } %>

package/templates/app/src/index.html

@@ -1,10 +1,10 @@
-<!DOCTYPE html>
-<html>
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width" />
-  </head>
-  <body>
-    <div id="root"></div>
-  </body>
-</html>
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width" />
+  </head>
+  <body>
+    <div id="root"></div>
+  </body>
+</html>