initial commit

Author: osamu38

.babelrc

@@ -0,0 +1,39 @@
+{
+  "env": {
+    "development": {
+      "plugins": ["dynamic-import-node"]
+    }
+  },
+  "plugins": [
+    [
+      "module-resolver",
+      {
+        "root": ["./", "./src"]
+      }
+    ],
+    [
+      "babel-plugin-styled-components",
+      {
+        "ssr": true
+      }
+    ],
+    "add-module-exports",
+    "loadable-components/babel",
+    "react-hot-loader/babel"
+  ],
+  "presets": [
+    [
+      "@babel/preset-env",
+      {
+        "targets": {
+          "browsers": "last 2 versions",
+          "node": "current"
+        },
+        "useBuiltIns": "usage"
+      }
+    ],
+    ["@babel/preset-stage-0", { "decoratorsLegacy": true }],
+    "@babel/preset-react",
+    "@babel/preset-flow"
+  ]
+}

.eslintignore

@@ -0,0 +1,3 @@
+dist/*
+coverage/*
+flow-typed/*

.eslintrc

@@ -0,0 +1,44 @@
+{
+  "extends": [
+    "airbnb",
+    "prettier",
+    "prettier/react",
+    "plugin:react/recommended"
+  ],
+  "rules": {
+    "no-new": 0,
+    "global-require": 0,
+    "class-methods-use-this": 0,
+    "import/no-extraneous-dependencies": 0,
+    "react/no-danger": 0,
+    "react/jsx-filename-extension": 0,
+    "react/no-array-index-key": 0,
+    "react/require-default-props": 0
+  },
+  "plugins": ["react", "prettier", "flowtype"],
+  "parser": "babel-eslint",
+  "env": {
+    "es6": true,
+    "node": true,
+    "browser": true,
+    "jest": true
+  },
+  "settings": {
+    "import/resolver": {
+      "babel-module": {
+        "extensions": [".js"]
+      }
+    }
+  },
+  "parserOptions": {
+    "ecmaVersion": 9,
+    "sourceType": "module"
+  },
+  "globals": {
+    "shallow": true,
+    "render": true,
+    "mount": true,
+    "toJson": true,
+    "importScripts": true
+  }
+}

.flowconfig

@@ -0,0 +1,14 @@
+[ignore]
+.*/flow-typed/.*
+.*/node_modules/.*
+
+[include]
+
+[libs]
+./tools/flow/global.js
+
+[options]
+esproposal.optional_chaining=ignore
+module.system.node.resolve_dirname=node_modules
+module.system.node.resolve_dirname=./src
+module.system.node.resolve_dirname=.

.gitignore

@@ -0,0 +1,8 @@
+node_modules/*
+dist/*
+coverage/*
+flow-typed/*
+*.log
+yarn.lock
+package-lock.json
+.DS_Store

.prettierignore

@@ -0,0 +1 @@
+package.json

.prettierrc

@@ -0,0 +1,4 @@
+{
+  "singleQuote": true,
+  "trailingComma": "es5"
+}

.stylelintrc

@@ -0,0 +1,13 @@
+{
+  "processors": ["stylelint-processor-styled-components"],
+  "extends": [
+    "stylelint-config-standard",
+    "stylelint-config-styled-components",
+    "stylelint-config-prettier"
+  ],
+  "rules": {
+    "comment-empty-line-before": "never",
+    "declaration-empty-line-before": "never",
+  },
+  "syntax": "scss"
+}

README.md

@@ -0,0 +1,7 @@
+if (process.env.NODE_ENV === 'production') {
+  require('./dist/server');
+} else {
+  require('@babel/register');
+
+  require('./src/server');
+}

index.js

@@ -0,0 +1,3 @@
+{
+  "watch": ["src/server.js", "src/routes.js", "src/utils/renderHtml.js"]
+}

nodemon.json

@@ -0,0 +1,134 @@
+{
+  "name": "react-ssr-starter",
+  "version": "1.0.0",
+  "description": "Easy to start ssr with react",
+  "bugs": {
+    "url": "https://github.com/osamu38/react-ssr-starter/issues"
+  },
+  "license": "MIT",
+  "author": "osamu38",
+  "main": "index.js",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/osamu38/react-ssr-starter.git"
+  },
+  "scripts": {
+    "build": "npm run build:client && npm run build:server",
+    "build:analyze": "npm run build:client:analyze && npm run build:server:analyze",
+    "build:client": "NODE_ENV=production webpack --progress --env --config ./tools/webpack/webpack.client.babel.js",
+    "build:client:analyze": "NODE_ENV=production webpack --progress --env.analyze --config ./tools/webpack/webpack.client.babel.js",
+    "build:server": "NODE_ENV=production webpack --progress --env --config ./tools/webpack/webpack.server.babel.js",
+    "build:server:analyze": "NODE_ENV=production webpack --progress --env.analyze --config ./tools/webpack/webpack.server.babel.js",
+    "precommit": "lint-staged",
+    "postinstall": "flow-typed install --overwrite",
+    "lint": "eslint . --fix",
+    "lint:css": "stylelint './src/**/*.js'",
+    "start": "nodemon index",
+    "start:prod": "NODE_ENV=production node index",
+    "storybook": "start-storybook -s ./public -p 2626 -c ./tools/storybook",
+    "flow": "flow",
+    "test": "NODE_ENV=test jest",
+    "test:update": "npm test -- -u",
+    "test:coverage": "npm test -- --coverage"
+  },
+  "jest": {
+    "setupFiles": [
+      "raf/polyfill",
+      "<rootDir>/tools/jest/setup.js"
+    ],
+    "transform": {
+      ".js": "<rootDir>/node_modules/babel-jest"
+    }
+  },
+  "dependencies": {
+    "axios": "^0.18.0",
+    "body-parser": "^1.18.2",
+    "compression": "^1.7.2",
+    "cookie-parser": "^1.4.3",
+    "express": "^4.16.3",
+    "helmet": "^3.12.0",
+    "history": "^4.7.2",
+    "hpp": "^0.2.2",
+    "html-minifier": "^3.5.15",
+    "jsonwebtoken": "^8.2.1",
+    "loadable-components": "^2.1.0",
+    "morgan": "^1.9.0",
+    "react": "^16.3.2",
+    "react-cookie": "^1.0.5",
+    "react-dom": "^16.3.2",
+    "react-helmet": "^5.2.0",
+    "react-hot-loader": "^4.1.3",
+    "react-redux": "^5.0.7",
+    "react-router-config": "^1.0.0-beta.4",
+    "react-router-dom": "^4.2.2",
+    "react-router-redux": "^5.0.0-alpha.9",
+    "redux": "^4.0.0",
+    "redux-logger": "^3.0.6",
+    "redux-thunk": "^2.2.0",
+    "serialize-javascript": "^1.5.0",
+    "serve-favicon": "^2.5.0",
+    "styled-components": "^3.2.6"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.0.0-beta.46",
+    "@babel/preset-env": "^7.0.0-beta.46",
+    "@babel/preset-flow": "^7.0.0-beta.46",
+    "@babel/preset-react": "^7.0.0-beta.46",
+    "@babel/preset-stage-0": "^7.0.0-beta.46",
+    "@babel/register": "^7.0.0-beta.46",
+    "@storybook/addon-links": "^3.4.4",
+    "@storybook/react": "^3.4.4",
+    "babel-core": "^7.0.0-bridge.0",
+    "babel-eslint": "^8.2.3",
+    "babel-jest": "^22.4.3",
+    "babel-loader": "^8.0.0-beta.2",
+    "babel-plugin-add-module-exports": "^0.2.1",
+    "babel-plugin-dynamic-import-node": "^1.2.0",
+    "babel-plugin-module-resolver": "^3.1.1",
+    "babel-plugin-styled-components": "^1.5.1",
+    "clean-webpack-plugin": "^0.1.19",
+    "copy-webpack-plugin": "^4.5.1",
+    "enzyme": "^3.3.0",
+    "enzyme-adapter-react-16": "^1.1.1",
+    "enzyme-to-json": "^3.3.3",
+    "eslint": "^4.19.1",
+    "eslint-config-airbnb": "^16.1.0",
+    "eslint-config-prettier": "^2.9.0",
+    "eslint-import-resolver-babel-module": "^5.0.0-beta.0",
+    "eslint-plugin-flowtype": "^2.46.3",
+    "eslint-plugin-import": "^2.11.0",
+    "eslint-plugin-jsx-a11y": "^6.0.3",
+    "eslint-plugin-prettier": "^2.6.0",
+    "eslint-plugin-react": "^7.8.2",
+    "flow-bin": "^0.72.0",
+    "flow-typed": "^2.4.0",
+    "friendly-errors-webpack-plugin": "^1.7.0",
+    "husky": "^0.14.3",
+    "jest": "^23.0.0-beta.2",
+    "json-loader": "^0.5.7",
+    "lint-staged": "^7.1.0",
+    "nodemon": "^1.17.4",
+    "prettier": "^1.12.1",
+    "raf": "^3.4.0",
+    "stylelint": "^8.4.0",
+    "stylelint-config-prettier": "^3.2.0",
+    "stylelint-config-standard": "^18.2.0",
+    "stylelint-config-styled-components": "^0.1.1",
+    "stylelint-processor-styled-components": "^1.3.1",
+    "uglify-js": "^3.3.25",
+    "uglifyjs-webpack-plugin": "^1.2.5",
+    "webpack": "^3.11.0",
+    "webpack-bundle-analyzer": "^2.11.3",
+    "webpack-dev-middleware": "^2.0.6",
+    "webpack-hot-middleware": "^2.22.2",
+    "webpack-node-externals": "^1.7.2",
+    "workbox-sw": "^3.2.0",
+    "workbox-webpack-plugin": "^3.2.0"
+  },
+  "lint-staged": {
+    "*.js": [
+      "eslint --fix",
+      "git add"
+    ]
+  }
+}

package.json

@@ -0,0 +1,26 @@
+{
+  "lang": "ja",
+  "display": "standalone",
+  "short_name": "RSSRS",
+  "name": "react-ssr-starter",
+  "icons": [
+    {
+      "src": "/static/images/touch/launcher-icon.png",
+      "type": "image/png",
+      "sizes": "48x48"
+    },
+    {
+      "src": "/static/images/touch/launcher-icon-2x.png",
+      "type": "image/png",
+      "sizes": "96x96"
+    },
+    {
+      "src": "/static/images/touch/launcher-icon-4x.png",
+      "type": "image/png",
+      "sizes": "192x192"
+    }
+  ],
+  "start_url": "/",
+  "theme_color": "#f68084",
+  "background_color": "#f68084"
+}

public/favicon.ico

@@ -0,0 +1,29 @@
+/* @flow */
+
+import type { Dispatch } from 'types';
+
+export function openMenu() {
+  return (dispatch: Dispatch) => {
+    dispatch({ type: 'OPEN_MENU' });
+  };
+}
+export function closeMenu() {
+  return (dispatch: Dispatch) => {
+    dispatch({ type: 'CLOSE_MENU' });
+  };
+}
+export function showError(error: string) {
+  return (dispatch: Dispatch) => {
+    dispatch({
+      type: 'SHOW_ERROR',
+      payload: {
+        error,
+      },
+    });
+  };
+}
+export function hideError() {
+  return (dispatch: Dispatch) => {
+    dispatch({ type: 'HIDE_ERROR' });
+  };
+}