[ { "path": ".appveyor.yml", "content": "environment:\n nodejs_version: \"11\"\n\ninstall:\n - ps: Install-Product node $env:nodejs_version\n - yarn install\n\nbuild_script:\n - yarn build\n\ntest_script:\n - yarn test\n\ncache:\n - \"%LOCALAPPDATA%\\\\Yarn\"\n" }, { "path": ".babelrc", "content": "{\n \"presets\": [\n \"@babel/preset-env\",\n \"@babel/preset-react\",\n \"@babel/preset-typescript\"\n ],\n \"plugins\": [\n [\n \"@babel/plugin-proposal-class-properties\",\n {\n \"loose\": true,\n }\n ],\n \"@babel/plugin-syntax-dynamic-import\",\n \"@babel/plugin-transform-runtime\",\n \"react-hot-loader/babel\",\n [\n \"prismjs\",\n {\n \"languages\": [\n \"javascript\",\n \"css\",\n \"markup\",\n \"cpp\",\n \"bash\",\n \"docker\",\n \"go\",\n \"json\",\n \"markdown\",\n \"python\",\n \"jsx\",\n \"tsx\",\n \"scss\",\n \"typescript\"\n ],\n \"plugins\": [\n \"autolinker\",\n \"command-line\"\n ],\n \"theme\": \"default\",\n \"css\": true\n }\n ]\n ]\n}\n" }, { "path": ".circleci/config.yml", "content": "# Javascript Node CircleCI 2.0 configuration file\n#\n# Check https://circleci.com/docs/2.0/language-javascript/ for more details\n#\n\nversion: 2\n\njobs:\n build:\n working_directory: ~\n docker:\n - image: circleci/node:11\n steps:\n - checkout\n - run:\n name: Install Docker client\n command: |\n set -x\n VER=\"18.09.1\"\n curl -L -o /tmp/docker.tgz https://download.docker.com/linux/static/stable/x86_64/docker-$VER.tgz\n tar -xz -C /tmp -f /tmp/docker.tgz\n sudo cp -r /tmp/docker/* /usr/bin\n - run:\n name: Install Docker Compose\n command: |\n set -x\n VER=\"1.23.2\"\n curl -L https://github.com/docker/compose/releases/download/$VER/docker-compose-`uname -s`-`uname -m` > /tmp/docker-compose\n sudo cp /tmp/docker-compose /usr/local/bin/docker-compose\n sudo chmod +x /usr/local/bin/docker-compose\n - setup_remote_docker\n - run:\n name: Run Docker Compose\n command: docker-compose up --build -d\n - run:\n name: Install dependencies\n command: yarn install\n - run:\n name: Run test\n command: yarn test\n" }, { "path": ".commitlintrc.yml", "content": "extends: ['armour']\n" }, { "path": ".dockerignore", "content": "# General\n.DS_Store\n*~\n*.swp\n*.log\n\n# Thumbnails\n._*\nThumbs.db\n\n# Trash folder or files\n.Trashes\n.Trash-*\n\n# Folder config file\n[Dd]esktop.ini\n\n# Recycle Bin used on file shares\n$RECYCLE.BIN/\n\n# Editor config folder\n.idea/\n.vscode/*\n!.vscode/settings.json\n!.vscode/tasks.json\n!.vscode/launch.json\n!.vscode/extensions.json\n\n# Code coverage\ncoverage/\n.coveralls.yml\n\n# Misc\n__mocks__/\n.circleci/\n.github/\nnode_modules/\ndist/\n.appveyor.yml\n.*lintrc*\n.*lintignore*\nyarn.lock\n" }, { "path": ".editorconfig", "content": "# http://editorconfig.org\n\n# top-most EditorConfig file\nroot = true\n\n# Unix-style newlines with a newline ending every file\n[*]\ncharset = utf-8\nend_of_line = lf\ninsert_final_newline = true\ntrim_trailing_whitespace = true\n\n# Trailing space override for markdown file\n[*.md]\ntrim_trailing_whitespace = false\n\n# Indentation override for js(x), ts(x) files\n[*.{js,jsx,ts,tsx}]\nindent_size = 2\nindent_style = space\n\n# Indentation override for css files\n[*.{css,styl,scss,less,sass}]\nindent_size = 2\nindent_style = space\n\n# Indentation override for html files\n[*.html]\nindent_size = 2\nindent_style = space\n\n# Indentation override for config files\n[*.{json,yml}]\nindent_size = 2\nindent_style = space\n\n# Minified JavaScript files shouldn't be changed\n[**.min.js]\nindent_style = ignore\ninsert_final_newline = ignore\n" }, { "path": ".eslintignore", "content": "node_modules/\ndist/\ncoverage/\n" }, { "path": ".eslintrc", "content": "{\n \"env\": {\n \"browser\": true,\n \"node\": true,\n \"es6\": true\n },\n \"extends\": [\n \"airbnb\"\n ],\n \"rules\": {\n \"import/export\": \"error\",\n \"import/first\": \"error\",\n \"import/no-commonjs\": \"error\",\n \"import/no-deprecated\": \"error\",\n \"import/no-duplicates\": \"error\",\n \"import/no-unresolved\": \"error\",\n \"import/no-webpack-loader-syntax\": \"error\",\n \"linebreak-style\": \"off\",\n \"indent\": [\n \"error\",\n 2\n ],\n \"no-console\": [\n \"error\",\n {\n \"allow\": [\n \"warn\",\n \"error\",\n \"info\"\n ]\n }\n ],\n \"quotes\": [\n \"error\",\n \"single\",\n {\n \"allowTemplateLiterals\": true\n }\n ]\n }\n}\n" }, { "path": ".gitattributes", "content": "# Details per file setting:\n# text These files should be normalized (i.e. convert CRLF to LF).\n# binary These files are binary and should be left untouched.\n\n# Auto detect text files and perform LF normalization\n* text=auto\n# The above will handle all files NOT found below\n\n# SOURCE CODE\n*.bat text eol=crlf\n*.css text\n*.js text\n*.jsx text\n*.ejs text\n*.html text\n*.less text\n*.sass text\n*.scss text\n*.sh text eol=lf\n*.sql text\n*.ts text\n*.tsx text\n\n# DOCKER\n*.dockerignore text\nDockerfile text\n\n# COMPILED FILES\n*.dll binary\n*.dylib binary\n*.exe binary\n*.so binary\n\n# DOCUMENTATION\n*.md text\n*.txt text\nLICENSE text\n\n# CONFIGS\n.editorconfig text\n.gitattributes text\n.gitignore text\n*.conf text\n*.config text\n*.json text\n*.lock text\n*.toml text\n*.yaml text\n*.yml text\n\n# GRAPHICS\n*.ai binary\n*.bmp binary\n*.eps binary\n*.gif binary\n*.heic binary\n*.ico binary\n*.jpeg binary\n*.jpg binary\n*.pdf binary\n*.png binary\n*.psb binary\n*.psd binary\n*.svg text\n*.tif binary\n*.tiff binary\n*.wbmp binary\n*.webp binary\n\n# AUDIO\n*.aac binary\n*.flac binary\n*.m4a binary\n*.mid binary\n*.midi binary\n*.mp3 binary\n*.mp4a binary\n*.mpga binary\n*.oga binary\n*.ogg binary\n*.wav binary\n*.weba binary\n\n# VIDEO\n*.3g2 binary\n*.3gp binary\n*.asf binary\n*.avi binary\n*.f4v binary\n*.fla binary\n*.flv binary\n*.m4v binary\n*.mov binary\n*.mp4 binary\n*.mpeg binary\n*.mpg binary\n*.ogv binary\n*.qt binary\n*.swf binary\n*.webm binary\n\n# ARCHIVES\n*.7z binary\n*.gz binary\n*.jar binary\n*.rar binary\n*.tar binary\n*.zip binary\n\n# FONTS\n*.eot binary\n*.otf binary\n*.ttf binary\n*.woff binary\n*.woff2 binary\n" }, { "path": ".github/CODE_OF_CONDUCT.md", "content": "# Contributor Covenant Code of Conduct\n\n## Our Pledge\n\nIn the interest of fostering an open and welcoming environment, we as\ncontributors and maintainers pledge to making participation in our project and\nour community a harassment-free experience for everyone, regardless of age, body\nsize, disability, ethnicity, gender identity and expression, level of experience,\neducation, socio-economic status, nationality, personal appearance, race,\nreligion, or sexual identity and orientation.\n\n## Our Standards\n\nExamples of behavior that contributes to creating a positive environment\ninclude:\n\n* Using welcoming and inclusive language\n* Being respectful of differing viewpoints and experiences\n* Gracefully accepting constructive criticism\n* Focusing on what is best for the community\n* Showing empathy towards other community members\n\nExamples of unacceptable behavior by participants include:\n\n* The use of sexualized language or imagery and unwelcome sexual attention or\n advances\n* Trolling, insulting/derogatory comments, and personal or political attacks\n* Public or private harassment\n* Publishing others' private information, such as a physical or electronic\n address, without explicit permission\n* Other conduct which could reasonably be considered inappropriate in a\n professional setting\n\n## Our Responsibilities\n\nProject maintainers are responsible for clarifying the standards of acceptable\nbehavior and are expected to take appropriate and fair corrective action in\nresponse to any instances of unacceptable behavior.\n\nProject maintainers have the right and responsibility to remove, edit, or\nreject comments, commits, code, wiki edits, issues, and other contributions\nthat are not aligned to this Code of Conduct, or to ban temporarily or\npermanently any contributor for other behaviors that they deem inappropriate,\nthreatening, offensive, or harmful.\n\n## Scope\n\nThis Code of Conduct applies both within project spaces and in public spaces\nwhen an individual is representing the project or its community. Examples of\nrepresenting a project or community include using an official project e-mail\naddress, posting via an official social media account, or acting as an appointed\nrepresentative at an online or offline event. Representation of a project may be\nfurther defined and clarified by project maintainers.\n\n## Enforcement\n\nInstances of abusive, harassing, or otherwise unacceptable behavior may be\nreported by contacting the project team at [INSERT EMAIL ADDRESS]. All\ncomplaints will be reviewed and investigated and will result in a response that\nis deemed necessary and appropriate to the circumstances. The project team is\nobligated to maintain confidentiality with regard to the reporter of an incident.\nFurther details of specific enforcement policies may be posted separately.\n\nProject maintainers who do not follow or enforce the Code of Conduct in good\nfaith may face temporary or permanent repercussions as determined by other\nmembers of the project's leadership.\n\n## Attribution\n\nThis Code of Conduct is adapted from the [Contributor Covenant][homepage], version 1.4,\navailable at [https://www.contributor-covenant.org/version/1/4/code-of-conduct.html](https://www.contributor-covenant.org/version/1/4/code-of-conduct.html)\n\n[homepage]: https://www.contributor-covenant.org\n" }, { "path": ".github/COMMIT_CONVENTION.md", "content": "# Git Commit Message Convention\n\n> This is adapted from [Angular's commit convention](https://github.com/conventional-changelog/conventional-changelog/tree/master/packages/conventional-changelog-angular).\n\n## TL;DR\n\nMessages must be matched by the following regex:\n\n``` js\n/^(Revert: )?(Feature|Fix|Docs|Improve|Config|Example|Refactor|Style|Test|Build|CI)(\\(.+\\))?: .{1,80}/\n```\n\n## Commit Message Format\n\nEach commit message consists of a **header**, a **body** and a **footer**. The header has a special format that includes a **type**, a **scope** and a **subject**:\n\n```text\n(): \n\n\n\n
\n```\n\nThe **header** is mandatory and the **scope** of the header is optional.\n\nAny line of the commit message cannot be longer 100 characters! This allows the message to be easier\nto read on GitHub as well as in various git tools.\n\nThe footer should contain a [closing reference to an issue](https://help.github.com/articles/closing-issues-via-commit-messages/) if any.\n\nSamples: (even more [samples](https://github.com/Armour/express-webpack-react-redux-typescript-boilerplate/commits/master))\n\n```text\nDocs(changelog): update changelog to beta.5\n```\n\n```text\nFeature($browser): onUrlChange event (popstate/hashchange/polling)\n\nAdded new event to $browser:\n- forward popstate event if available\n- forward hashchange event if popstate not available\n- do polling when neither popstate nor hashchange available\n\nBreaks $browser.onHashChange, which was removed (use onUrlChange instead)\n```\n\n```text\nFix(release): need to depend on latest rxjs and zone.js\n\nThe version in our package.json gets copied to the one we publish, and users need the latest of these.\n\nCloses #123, #245, #992\n\nBREAKING CHANGE: isolate scope bindings definition has changed and\nthe inject option for the directive controller injection was removed.\n\nTo migrate the code follow the example below:\n\nBefore:\n\nscope: {\n myAttr: 'attribute',\n myBind: 'bind',\n myExpression: 'expression',\n myEval: 'evaluate',\n myAccessor: 'accessor'\n}\n\nAfter:\n\nscope: {\n myAttr: '@',\n myBind: '@',\n myExpression: '&',\n // myEval - usually not useful, but in cases where the expression is assignable, you can use '='\n myAccessor: '=' // in directive's template change myAccessor() to myAccessor\n}\n\nThe removed `inject` wasn't generaly useful for directives so there should be no code using it.\n```\n\n### Revert\n\nIf the commit reverts a previous commit, it should begin with `Revert: `, followed by the header of the reverted commit. In the body it should say: `This reverts commit .`, where the hash is the SHA of the commit being reverted.\n\n### Type\n\nMust be one of the following:\n\n* **Build**: Changes that affect the build system or external dependencies (example scopes: gulp, npm, yarn)\n* **CI**: Changes to CI related configuration files and scripts (example scopes: travis, circle, browserstack)\n* **Config**: Changes to other configuration files (example scopes: webpack, babel, docker)\n* **Docs**: Documentation only changes (example scopes: readme, changelog)\n* **Example**: Changes for example code\n* **Feature**: A new feature\n* **Fix**: A bug fix\n* **Improve**: Backwards-compatible enhancement changes\n* **Refactor**: A code change that neither fixes a bug nor adds a feature\n* **Style**: Changes that do not affect the meaning of the code (white-space, formatting, missing semi-colons, etc)\n* **Test**: Changes for testing code\n\nIf the prefix is `Feature` or `Fix`, it will appear in the changelog. However if there is any [BREAKING CHANGE](#footer), the commit will always appear in the changelog.\n\n### Scope\n\nThe scope could be anything specifying place of the commit change. For example `core`, `compiler`, `ssr`, `v-model`, `transition` etc...\n\n### Subject\n\nThe subject contains succinct description of the change:\n\n* use the imperative, present tense: \"change\" not \"changed\" nor \"changes\"\n* don't capitalize the first letter\n* no dot (.) at the end\n\n### Body\n\nJust as in the **subject**, use the imperative, present tense: \"change\" not \"changed\" nor \"changes\".\nThe body should include the motivation for the change and contrast this with previous behavior.\n\n### Footer\n\nThe footer should contain any information about **Breaking Changes** and is also the place to\nreference GitHub issues that this commit **Closes**.\n\n**Breaking Changes** should start with the word `BREAKING CHANGE:` with a space or two newlines. The rest of the commit message is then used for this.\n\nA detailed explanation can be found in this [document](https://docs.google.com/document/d/1QrDFcIiPjSLDn3EL15IJygNPiHORgU1_OOAqWjiDU5Y/edit)\n" }, { "path": ".github/CONTRIBUTING.md", "content": "# Contributing\n\n## Code of Conduct\n\nHelp us keep express-webpack-react-redux-typescript-boilerplate open and inclusive. Please read and follow the [Code of Conduct](https://github.com/Armour/express-webpack-react-redux-typescript-boilerplate/blob/master/.github/CODE_OF_CONDUCT.md).\n\n## Found a Bug\n\nIf you find a bug in the source code, you can help us by [submitting an issue](#submitting-an-issue) to our [GitHub Repository](https://github.com/Armour/express-webpack-react-redux-typescript-boilerplate). Even better, you can [submit a Pull Request](#submitting-a-pull-request) with a fix.\n\n## Missing a Feature\n\nYou can *request* a new feature by [submitting an issue](#submitting-an-issue) to our GitHub Repository. If you would like to *implement* a new feature, please submit an issue with a proposal for your work first, to be sure that we can use it. Please consider what kind of change it is:\n\n* For a **Major Feature**, first open an issue and outline your proposal so that it can be discussed. This will also allow us to better coordinate our efforts, prevent duplication of work, and help you to craft the change so that it is successfully accepted into the project.\n\n* **Small Features** can be crafted and directly [submitted as a Pull Request](#submitting-a-pull-request).\n\n## Submission Guidelines\n\n### Submitting an Issue\n\nBefore you submit an issue, please search the issue tracker, maybe an issue for your problem already exists and the discussion might inform you of workarounds readily available.\n\nWe want to fix all the issues as soon as possible, but before fixing a bug we need to reproduce and confirm it. In order to reproduce bugs, we will systematically ask you to provide a minimal reproduction scenario. Having a live, reproducible scenario gives us a wealth of important information without going back & forth to you with additional questions.\n\nWe will be insisting on a minimal reproduce scenario in order to save maintainers time and ultimately be able to fix more bugs. Interestingly, from our experience users often find coding problems themselves while preparing a minimal plunk. We understand that sometimes it might be hard to extract essentials bits of code from a larger code-base but we really need to isolate the problem before we can fix it.\n\nUnfortunately, we are not able to investigate / fix bugs without a minimal reproduction, so if we don't hear back from you we are going to close an issue that doesn't have enough info to be reproduced.\n\nYou can file new issues by filling out the [new issue form](https://github.com/Armour/express-webpack-react-redux-typescript-boilerplate/issues/new).\n\n### Submitting a Pull Request\n\nBefore you submit your Pull Request (PR) consider the following guidelines:\n\n1. Search [GitHub](https://github.com/Armour/express-webpack-react-redux-typescript-boilerplate/pulls) for an open or closed PR that relates to your submission. You don't want to duplicate effort.\n\n1. Fork this repo.\n\n1. Make your changes in a new git branch.\n\n ```shell\n git checkout -b my-new-feature master\n ```\n\n1. Commit your changes using a descriptive commit message that follows our [commit message convention](#commit-message-convention). Adherence to these conventions is necessary because release notes are automatically generated from these messages.\n\n ```shell\n git commit -am 'Add some feature'\n ```\n\n1. Push your branch.\n\n ```shell\n git push origin my-new-feature\n ```\n\n1. Send a pull request :D\n\nThat's it! Thank you for your contribution!\n\n#### After your pull request is merged\n\nAfter your pull request is merged, you can safely delete your branch and pull the changes\nfrom the main (upstream) repository:\n\n* Delete the remote branch on GitHub either through the GitHub web UI or your local shell as follows:\n\n ```shell\n git push origin --delete my-new-feature\n ```\n\n* Check out the master branch:\n\n ```shell\n git checkout master -f\n ```\n\n* Delete the local branch:\n\n ```shell\n git branch -D my-new-feature\n ```\n\n* Update your master with the latest upstream version:\n\n ```shell\n git pull\n ```\n\n## Commit Message Convention\n\nWe have very precise rules over how our git commit messages can be formatted. This leads to **more readable messages** that are easy to follow when looking through the **project history**. But also, we use the git commit messages to **generate the change log**.\n\nPlease read and follow the [Commit Message Format](https://github.com/Armour/express-webpack-react-redux-typescript-boilerplate/blob/master/.github/COMMIT_CONVENTION.md).\n" }, { "path": ".github/ISSUE_TEMPLATE.md", "content": "\n\n\n\n# I'm submitting a\n\n\n\n## Current behavior\n\n\n\n## Expected behavior\n\n\n\n## Minimal reproduction of the problem with instructions\n\n\n\n## What is the motivation / use case for changing the behavior\n\n\n\n## Environment\n\n\n" }, { "path": ".github/PULL_REQUEST_TEMPLATE.md", "content": "\n\n\n\n**Make sure the PR fulfills these requirements:**\n\n- When resolving a specific issue, make sure it's referenced in the PR's title (e.g. `Closes #xxx[,#xxx]`, where \"xxx\" is the issue number)\n\n- If adding a **new feature**, the PR's description includes: A convincing reason for adding this feature (to avoid wasting your time, it's best to open a suggestion issue first and wait for approval before working on it)\n\n- If this PR introduce a **breaking change**, please describe the impact and migration path for existing applications\n\n**What kind of change does this PR introduce?**\n\n\n\n**More information:**\n" }, { "path": ".github/main.workflow", "content": "workflow \"Deploy on Heroku\" {\n on = \"push\"\n resolves = [\n \"verify\",\n ]\n}\n\n# Login\naction \"login\" {\n uses = \"actions/heroku@master\"\n args = \"container:login\"\n secrets = [\"HEROKU_API_KEY\"]\n}\n\n# Push\naction \"push\" {\n needs = [\"login\"]\n uses = \"actions/heroku@master\"\n args = [\"container:push\", \"--app\", \"$HEROKU_APP\", \"web\"]\n secrets = [\"HEROKU_API_KEY\"]\n env = {\n HEROKU_APP = \"express-react-typescript\"\n }\n}\n\n# Release\naction \"deploy\" {\n needs = [\"push\"]\n uses = \"actions/heroku@master\"\n args = [\"container:release\", \"--app\", \"$HEROKU_APP\", \"web\"]\n secrets = [\"HEROKU_API_KEY\"]\n env = {\n HEROKU_APP = \"express-react-typescript\"\n }\n}\n\n# Verify\naction \"verify\" {\n needs = [\"deploy\"]\n uses = \"actions/heroku@master\"\n args = [\"apps:info\", \"$HEROKU_APP\"]\n secrets = [\"HEROKU_API_KEY\"]\n env = {\n HEROKU_APP = \"express-react-typescript\"\n }\n}\n" }, { "path": ".gitignore", "content": "# General\n.DS_Store\n*~\n*.swp\n*.log\n\n# Thumbnails\n._*\nThumbs.db\n\n# Trash folder or files\n.Trashes\n.Trash-*\n\n# Folder config file\n[Dd]esktop.ini\n\n# Recycle Bin used on file shares\n$RECYCLE.BIN/\n\n# Editor config folder\n.idea/\n.vscode/*\n!.vscode/settings.json\n!.vscode/tasks.json\n!.vscode/launch.json\n!.vscode/extensions.json\n\n# Code coverage\ncoverage/\n.coveralls.yml\n\n# Misc\nnode_modules/\ndist/\n\n# Redis data\nbackend/redis-data/*\n!backend/redis-data/.gitkeep\n" }, { "path": ".stylelintignore", "content": "node_modules/\ndist/\ncoverage/\n" }, { "path": ".stylelintrc", "content": "{\n \"extends\": \"stylelint-config-standard\"\n}\n" }, { "path": "Dockerfile", "content": "FROM node:alpine\n\nARG PORT=${PORT}\n\nWORKDIR /usr/src/app\nCOPY . /usr/src/app/\n\nRUN apk add --no-cache --update make gcc libc-dev libpng-dev automake autoconf libtool nasm\nRUN yarn install\nRUN yarn build\n\nEXPOSE ${PORT}\n\nCMD [\"yarn\", \"serve\"]\n" }, { "path": "LICENSE", "content": "MIT License\n\nCopyright (c) 2017 Chong Guo\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n" }, { "path": "README.md", "content": "# express-webpack-react-redux-typescript-boilerplate\n\n[![Dependency Status](https://david-dm.org/Armour/express-webpack-react-redux-typescript-boilerplate/status.svg)](https://david-dm.org/Armour/express-webpack-react-redux-typescript-boilerplate)\n[![CircleCI](https://circleci.com/gh/Armour/express-webpack-react-redux-typescript-boilerplate/tree/master.svg?style=shield)](https://circleci.com/gh/Armour/express-webpack-react-redux-typescript-boilerplate/tree/master)\n[![Appveyor](https://ci.appveyor.com/api/projects/status/github/Armour/express-webpack-react-redux-typescript-boilerplate?svg=true&branch=master)](https://ci.appveyor.com/api/projects/status/github/Armour/express-webpack-react-redux-typescript-boilerplate?svg=true&branch=master)\n[![Coverage Status](https://coveralls.io/repos/github/Armour/express-webpack-react-redux-typescript-boilerplate/badge.svg?branch=master)](https://coveralls.io/github/Armour/express-webpack-react-redux-typescript-boilerplate?branch=master)\n[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat)](http://makeapullrequest.com)\n[![Tested with jest](https://img.shields.io/badge/tested_with-jest-99424f.svg)](https://github.com/facebook/jest)\n[![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](https://opensource.org/licenses/MIT)\n[![Template from jarvis](https://img.shields.io/badge/Hi-Jarvis-ff69b4.svg)](https://github.com/Armour/Jarvis)\n\n## Example\n\n* [Demo Page](https://express-react-typescript.herokuapp.com/) - contains classic todo list, async server call, and 404 page with random [moe images](https://github.com/Armour/express-webpack-react-redux-typescript-boilerplate/tree/master/frontend/src/pages/NotFoundPage/assets/images). (Support multi-language, currently English, Chinese, and Japanese)\n\n ![Home Page](https://user-images.githubusercontent.com/5276065/44188928-402d7800-a0d5-11e8-8445-0c0dece815c2.png)\n\n ![React Page](https://user-images.githubusercontent.com/5276065/44188929-402d7800-a0d5-11e8-8580-f9a330765f6a.png)\n\n ![404 Page](https://user-images.githubusercontent.com/5276065/44188930-402d7800-a0d5-11e8-919c-a4baa2c969ab.png)\n\n## Stack\n\n* [x] [yarn](https://github.com/yarnpkg/yarn) - dependency manager\n* [x] [express](http://expressjs.com/) - node.js web framework for backend\n* [x] [postgresql](https://www.postgresql.org/) - advanced open source database\n* [x] [materialize](http://materializecss.com/) - a modern responsive front-end framework based on Material Design\n* [x] [sass](https://github.com/sass/sass) - CSS pre-processors\n* [x] [postcss](https://github.com/postcss/postcss) - CSS post-processor\n* [x] [css-modules](https://github.com/css-modules/css-modules) - for default scoped/local css\n* [x] [typescript](https://github.com/Microsoft/TypeScript) - a typed superset of javascript that scales\n* [x] [webpack 4](https://github.com/webpack/webpack) - module bundler\n* [x] [webpack-dev-server](https://github.com/webpack/webpack-dev-server) - serves a webpack app in development mode with hot reload\n* [x] followed [ES6 standard](https://github.com/lukehoban/es6features)\n* [x] [babel](https://babeljs.io/) - a JavaScript compiler that compile ES6 to ES5\n* [x] [react](https://facebook.github.io/react/) - a JavaScript library for building user interfaces\n* [x] [react-hot-loader 4](https://github.com/gaearon/react-hot-loader) - hot module reload!\n* [x] [react-router 4](https://github.com/ReactTraining/react-router) - declarative routing for React\n* [x] [react-redux 6](https://github.com/reactjs/react-redux) - the official react bindings for [redux 4](https://github.com/reactjs/redux) (a predictable state container for js apps)\n* [x] [react-saga](https://github.com/redux-saga/redux-saga/) - make redux asynchronous flows easy to read, write and test, the replacement for [redux-thunk](https://github.com/reduxjs/redux-thunk)\n* [x] [connected-react-router 6](https://github.com/supasate/connected-react-router) - a redux binding for react-router 4, the replacement for [react-router-redux v5](https://github.com/ReactTraining/react-router/tree/master/packages/react-router-redux)\n* [x] [react-i18next](https://github.com/i18next/react-i18next) - internationalization for react done right\n* [x] [immutable.js](https://github.com/facebook/immutable-js/) - persistent Immutable data structures for react redux state management\n* [x] [editorconfig](http://editorconfig.org/) - maintain consistent coding styles between different editors and IDEs\n* [x] [eslint](http://eslint.org/) - lint javascript files (.js, .jsx)\n* [x] [tslint](https://palantir.github.io/tslint/) - lint typescript files (.ts, .tsx)\n* [x] [stylelint](https://stylelint.io/) - lint style files (.css, .scss)\n* [x] [commitlint](https://github.com/marionebl/commitlint) - lint git commit messages\n* [x] [jest](https://facebook.github.io/jest/) - painless javascript testing\n* [x] [coveralls](https://coveralls.io/) - test coverage\n* [x] [husky](https://github.com/typicode/husky) - git hooks\n* [x] [circle-ci 2](https://circleci.com/) - continuous integration tool for testing and deployment\n* [x] [heroku](https://www.heroku.com/) - a platform as a service (PaaS) that enables developers to build, run, and operate applications entirely in the cloud.\n* [x] [docker](https://github.com/docker/docker) - the open-source application container engine\n* [x] [RESTful API design](https://docs.microsoft.com/en-us/azure/architecture/best-practices/api-design) - follow RESTful api design best practice\n\n## How to run the sample code\n\n### Prerequisite\n\n* `yarn` or `npm`\n* (optional) `docker` with `docker-compose`\n\n### Quickest way\n\nThe easiest way to run the example project is to use `docker-compose`:\n\n```bash\ndocker-compose up --build\n```\n\nthat's it :)\n\nYou can also follow instructions below if you want to customize it.\n\n### Install project dependencies\n\nGo to project root directory:\n\n```bash\nyarn install\n```\n\nIf you find permission problem when trying to install yarn globally, check [this](https://github.com/yarnpkg/yarn/issues/1060#issuecomment-268160528) out.\n\n### Setup database and session store\n\nYou can either\n\n* setup `postgresql` and `redis` using docker images:\n\n```bash\ndocker-compose up -d postgres redis\n```\n\nor\n\n* maintain it by yourself, if so, make sure you set the right config in `backend/config.json`.\n\n### Build & Run\n\nOn development (with hot reload):\n\n```bash\nyarn dev\n```\n\nOn production (with [terser](https://github.com/terser-js/terser) and other optimazitions):\n\n```bash\nyarn prod\n```\n\n## Profile assets bundle\n\nThanks to [webpack-bundle-analyzer](https://github.com/webpack-contrib/webpack-bundle-analyzer), assets bundle can be analyzed and optimized through [DLL Plugin](https://webpack.js.org/plugins/dll-plugin/).\n\n```bash\nyarn profile\n```\n\n## Run test\n\n```bash\nyarn test\n```\n\n## Code coverage\n\n```bash\nyarn coverage\n```\n\n## Deployment\n\nEvery push on master branch will trigger [Github Actions](.github/main.workflow) for heroku deployment.\n\n## Contributing\n\nSee [CONTRIBUTING.md](https://github.com/Armour/express-webpack-react-redux-typescript-boilerplate/blob/master/.github/CONTRIBUTING.md)\n\n## License\n\n[MIT License](https://github.com/Armour/express-webpack-react-redux-typescript-boilerplate/blob/master/LICENSE)\n" }, { "path": "__mocks__/fileMock.tsx", "content": "export default 'test-file-stub';\n" }, { "path": "__mocks__/react-i18next.tsx", "content": "export const Translation = ({ children }: any) => children((k: string) => k, { i18n: {} });\n" }, { "path": "backend/config.json", "content": "{\n \"pgsql_hostname_dev\": \"localhost\",\n \"pgsql_hostname_prod\": \"postgres\",\n \"pgsql_username\": \"docker\",\n \"pgsql_password\": \"docker\",\n \"pgsql_database\": \"docker\",\n \"redis_hostname_dev\": \"localhost\",\n \"redis_hostname_prod\": \"redis\",\n \"redis_port\": \"6379\",\n \"http_port\": \"3003\"\n}\n" }, { "path": "backend/controllers/notes.js", "content": "import status from 'http-status';\n\nimport db from '../db';\n\nexport const getAllNotes = async (req, res) => {\n try {\n const { rows: notes } = await db.query('SELECT * FROM notes ORDER BY id', []);\n return res.status(status.OK).json({\n data: {\n notes,\n },\n error: null,\n });\n } catch (e) {\n return res.status(status.INTERNAL_SERVER_ERROR).json({\n data: null,\n error: {\n message: e.message,\n // You can also add below fields for better error displaying\n // code - error code for your project\n // developerMessage - debug message for developers\n },\n });\n }\n};\n\nexport const getNote = async (req, res) => {\n try {\n const { id } = req.params;\n const { rows: notes } = await db.query('SELECT * FROM notes WHERE id = $1', [id]);\n if (notes === undefined || notes.length === 0) {\n return res.status(status.NOT_FOUND).json({\n data: null,\n error: {\n message: `Note with id ${id} not found.`,\n },\n });\n }\n return res.status(status.OK).json({\n data: {\n note: notes[0],\n },\n error: null,\n });\n } catch (e) {\n return res.status(status.INTERNAL_SERVER_ERROR).json({\n data: null,\n error: {\n message: e.message,\n },\n });\n }\n};\n\nexport const addNote = async (req, res) => {\n try {\n const { content } = req.body;\n const { rows: notes } = await db.query('INSERT INTO notes(content) VALUES($1) RETURNING *', [content]);\n if (notes === undefined || notes.length === 0) {\n return res.status(status.NOT_FOUND).json({\n data: null,\n error: {\n message: 'Insert note failed.',\n },\n });\n }\n return res.status(status.OK).json({\n data: {\n note: notes[0],\n },\n error: null,\n });\n } catch (e) {\n return res.status(status.INTERNAL_SERVER_ERROR).json({\n data: null,\n error: {\n message: e.message,\n },\n });\n }\n};\n\nexport const editNote = async (req, res) => {\n try {\n const { id } = req.params;\n const { content } = req.body;\n const { rows: notes } = await db.query('UPDATE notes SET content = $1 WHERE id = $2 RETURNING *', [content, id]);\n if (notes === undefined || notes.length === 0) {\n return res.status(status.NOT_FOUND).json({\n data: null,\n error: {\n message: `Update note with id ${id} failed.`,\n },\n });\n }\n return res.status(status.OK).json({\n data: {\n note: notes[0],\n },\n error: null,\n });\n } catch (e) {\n return res.status(status.INTERNAL_SERVER_ERROR).json({\n data: null,\n error: {\n message: e.message,\n },\n });\n }\n};\n\nexport const removeNote = async (req, res) => {\n try {\n const { id } = req.params;\n const { rows: notes } = await db.query('DELETE FROM notes WHERE id = $1 RETURNING *', [id]);\n if (notes === undefined || notes.length === 0) {\n return res.status(status.NOT_FOUND).json({\n data: null,\n error: {\n message: `Delete note with id ${id} failed.`,\n },\n });\n }\n return res.status(status.OK).json({\n data: {\n note: notes[0],\n },\n error: null,\n });\n } catch (e) {\n return res.status(status.INTERNAL_SERVER_ERROR).json({\n data: null,\n error: {\n message: e.message,\n },\n });\n }\n};\n" }, { "path": "backend/db/index.js", "content": "import { Pool } from 'pg';\n\nimport config from '../config.json';\n\nconst isProduction = process.env.NODE_ENV === 'production';\n\nlet pool;\n\n// Create a postgresql connection pool\nif (process.env.DATABASE_URL !== undefined) {\n // For Heroku Postgres deployment\n // See https://devcenter.heroku.com/articles/heroku-postgresql#connecting-in-node-js\n pool = new Pool({\n connectionString: process.env.DATABASE_URL,\n ssl: true,\n });\n} else {\n // All config is optional, the environment variables will be used if the config is not present\n pool = new Pool({\n host: isProduction\n ? config.pgsql_hostname_prod\n : config.pgsql_hostname_dev, // Default: process.env.PGHOST\n database: config.pgsql_database, // Default: process.env.PGDATABASE\n user: config.pgsql_username, // Default: process.env.PGUSER\n password: config.pgsql_password, // Default: process.env.PGPASSWORD\n port: config.pgsql_port, // Default: process.env.PGPORT\n });\n}\n\n// Initializes a connection pool\nexport default {\n query: (text, params) => pool.query(text, params),\n pool,\n};\n" }, { "path": "backend/jsconfig.json", "content": "{\n \"compilerOptions\": {\n \"baseUrl\": \".\"\n }\n}\n" }, { "path": "backend/redis-data/.gitkeep", "content": "" }, { "path": "backend/routes/index.js", "content": "import express from 'express';\n\nimport notesRtr from './notes';\n\nconst router = express.Router();\n\nrouter.use('/notes', notesRtr);\n\nexport default router;\n" }, { "path": "backend/routes/notes.js", "content": "import express from 'express';\n\nimport {\n getAllNotes, getNote, addNote, editNote, removeNote,\n} from '../controllers/notes';\n\nconst router = express.Router();\n\nrouter.get('/', getAllNotes);\nrouter.get('/:id', getNote);\nrouter.post('/', addNote);\nrouter.put('/:id', editNote);\nrouter.delete('/:id', removeNote);\n\nexport default router;\n" }, { "path": "backend/server.js", "content": "import express from 'express';\nimport path from 'path';\nimport logger from 'morgan';\nimport cookieParser from 'cookie-parser';\nimport bodyParser from 'body-parser';\nimport compression from 'compression';\nimport helmet from 'helmet';\nimport session from 'express-session';\nimport connectRedis from 'connect-redis';\nimport 'colors';\n\nimport config from './config.json';\nimport router from './routes/index';\n\nconst app = express();\nconst isProduction = process.env.NODE_ENV === 'production';\nconst port = process.env.PORT || config.http_port;\nconst RedisStore = connectRedis(session);\nconst server = require('http').createServer(app);\n\nif (isProduction) {\n app.use(helmet());\n app.disable('x-powered-by');\n app.use(logger('combined'));\n app.set('trust proxy', 1);\n} else {\n app.use(logger('dev'));\n}\n\napp.use(compression());\napp.use(bodyParser.json({\n limit: '20mb',\n}));\napp.use(bodyParser.urlencoded({\n limit: '20mb',\n extended: true,\n}));\napp.use(cookieParser());\napp.use(session({\n store: new RedisStore({\n host: isProduction ? config.redis_hostname_prod : config.redis_hostname_dev,\n port: config.redis_port,\n }),\n secret: 'keyboard cat',\n saveUninitialized: false,\n resave: false,\n cookie: {\n httpOnly: !isProduction,\n secure: isProduction,\n },\n}));\n\n// api router\napp.use('/api/v1', router);\n\nif (isProduction) {\n // Serve dist files if is production mode\n const distPath = path.resolve(__dirname, '../frontend/dist/prod');\n app.use(express.static(distPath));\n app.get('*', (_, res) => {\n res.sendFile(`${distPath}/index.html`);\n });\n} else {\n // Return 404 for non-exist api\n app.get('*', (req, res) => {\n res.status(404).send(`Api not exist for ${req.url}`);\n });\n}\n\n// Start server listen on specific port\nserver.listen(port, (error) => {\n if (error) {\n console.error(`\\n${error}`);\n server.close();\n process.exit(1);\n }\n if (isProduction) {\n console.info(`\\nExpress: Listening on port ${port}, open up http://localhost:${port}/ in your broswer!\\n`.green);\n } else {\n console.info(`\\nExpress: Serve api on http://localhost:${port}/ \\n`);\n }\n});\n\nconst stopHandler = (signal) => {\n console.error(`\\nExit process in responding to %s`.red, signal);\n server.close();\n process.exit(1);\n};\n\nprocess.on('SIGTERM', stopHandler, 'SIGTERM');\nprocess.on('SIGINT', stopHandler, 'SIGINT');\nprocess.on('SIGHUP', stopHandler, 'SIGINT');\n" }, { "path": "backend/sql/data.sql", "content": "INSERT INTO notes (content) VALUES ('note data 1');\nINSERT INTO notes (content) VALUES ('note data 2');\n" }, { "path": "backend/sql/schema.sql", "content": "Create Table notes (\n id serial primary key,\n content text not null,\n created timestamptz default now()\n);\n" }, { "path": "docker-compose.yml", "content": "version: '3.7'\n\nservices:\n web:\n image: cguo/express-webpack-react-redux-typescript-boilerplate\n build: # ignored when deploying a stack in swarm mode or kubernetes\n context: .\n args:\n - PORT=${PORT}\n ports:\n - \"${PORT}:${PORT}\"\n depends_on: # ignored when deploying a stack in swarm mode or kubernetes\n - postgres\n - redis\n restart: always # ignored when deploying a stack in swarm mode or kubernetes\n deploy: # ignored by docker-compose\n replicas: 3\n restart_policy:\n condition: on-failure\n\n postgres:\n image: postgres:alpine\n volumes:\n - ./backend/sql/schema.sql:/docker-entrypoint-initdb.d/1-schema.sql\n - ./backend/sql/data.sql:/docker-entrypoint-initdb.d/2-data.sql\n environment:\n - POSTGRES_DB=${POSTGRES_DB}\n - POSTGRES_USER=${POSTGRES_USER}\n - POSTGRES_PASSWORD=${POSTGRES_PASSWORD}\n ports:\n - \"5432:5432\"\n restart: always # ignored when deploying a stack in swarm mode or kubernetes\n deploy: # ignored by docker-compose\n restart_policy:\n condition: on-failure\n\n redis:\n image: redis:alpine\n ports:\n - \"6379:6379\"\n volumes:\n - ./backend/redis-data:/data\n restart: always # ignored when deploying a stack in swarm mode or kubernetes\n deploy: # ignored by docker-compose\n restart_policy:\n condition: on-failure\n command: redis-server --appendonly yes\n" }, { "path": "frontend/public/browserconfig.xml", "content": "\n\n \n \n \n #000000\n \n \n\n" }, { "path": "frontend/public/index.ejs", "content": "\n\n\n \n \n \n \n \n <%= htmlWebpackPlugin.options.title %>\n \n \n \n \n \n \n \n \n \n \n \n\n\n \n
\n \n \n\n\n" }, { "path": "frontend/public/locales/en/common.json", "content": "{\n \"header\": {\n \"react\": \"React\",\n \"dropdown\": \"Dropdown\",\n \"notfound\": \"404\"\n },\n \"footer\": {\n \"title\": \"Footer Content\",\n \"content\": \"You can use rows and columns here to organize your footer content.\",\n \"links\": \"Links\",\n \"linkOne\": \"Link 1\",\n \"linkTwo\": \"Link 2\",\n \"linkThree\": \"Link 3\",\n \"linkFour\": \"Link 4\",\n \"moreLinks\": \"More Links\"\n },\n \"dropdown\": {\n \"parallax\": \"Parallax\"\n }\n}\n" }, { "path": "frontend/public/locales/en/homePage.json", "content": "{\n \"title\": \"Home Page\",\n \"carousel\": {\n \"focusButtonText\": \"Focus me!\",\n \"firstPanelTitle\": \"First Panel\",\n \"secondPanelTitle\": \"Second Panel\",\n \"thirdPanelTitle\": \"Third Panel\",\n \"fourthPanelTitle\": \"Fourth Panel\",\n \"firstPanelDescription\": \"This is your first panel, try to swipe it!\",\n \"secondPanelDescription\": \"This is your second panel, try to swipe it!\",\n \"thirdPanelDescription\": \"This is your third panel, try to swipe it!\",\n \"fourthPanelDescription\": \"This is your fourth panel, try to swipe it!\",\n \"tooltipText\": \"Click me! >. <\",\n \"toastText\": \"I am a toast!\"\n },\n \"pushpin\": {\n \"green\": \"Green\",\n \"blue\": \"Blue\",\n \"orange\": \"Orange\",\n \"red\": \"Red\",\n \"purple\": \"Purple\",\n \"cyan\": \"Cyan\",\n \"linkOne\": \"Link 1\",\n \"linkTwo\": \"Link 2\"\n }\n}\n" }, { "path": "frontend/public/locales/en/notFoundPage.json", "content": "{\n \"title\": \"404 Page Not Found\"\n}\n" }, { "path": "frontend/public/locales/en/parallaxPage.json", "content": "{\n \"title\": \"Parallax Page\",\n \"description\": \"Parallax is an effect where the background content or image in this case, is moved at a different speed than the foreground content while scrolling.\"\n}\n" }, { "path": "frontend/public/locales/en/reactPage.json", "content": "{\n \"title\": \"React Page\",\n \"fetchNote\": {\n \"asyncCalls\": \"async calls\",\n \"fetchAllNotes\": \"Fetch All Notes From DB\"\n },\n \"todoLayout\": {\n \"title\": \"todos\",\n \"todoFooter\": {\n \"all\": \"All\",\n \"active\": \"Active\",\n \"completed\": \"Completed\"\n },\n \"todoInput\": {\n \"addTodo\": \"Add todo\"\n }\n }\n}\n" }, { "path": "frontend/public/locales/jp/common.json", "content": "{\n \"header\": {\n \"react\": \"React\",\n \"dropdown\": \"ドロップダウンリスト\",\n \"notfound\": \"404\"\n },\n \"footer\": {\n \"title\": \"フッターコンテンツ\",\n \"content\": \"ここでは行と列を使用してフッターのコンテンツを整理できます。\",\n \"links\": \"リンク\",\n \"linkOne\": \"リンク 1\",\n \"linkTwo\": \"リンク 2\",\n \"linkThree\": \"リンク 3\",\n \"linkFour\": \"リンク 4\",\n \"moreLinks\": \"その他のリンク\"\n },\n \"dropdown\": {\n \"parallax\": \"視差\"\n }\n}\n" }, { "path": "frontend/public/locales/jp/homePage.json", "content": "{\n \"title\": \"ホームページ\",\n \"carousel\": {\n \"focusButtonText\": \"フォーカス!\",\n \"firstPanelTitle\": \"最初のパネル\",\n \"secondPanelTitle\": \"第2のパネル\",\n \"thirdPanelTitle\": \"第3のパネル\",\n \"fourthPanelTitle\": \"第4のパネル\",\n \"firstPanelDescription\": \"これはあなたの最初のパネルです、それをスワイプしよう！\",\n \"secondPanelDescription\": \"これはあなたの第2のパネルです、それをスワイプしよう！\",\n \"thirdPanelDescription\": \"これはあなたの第3のパネルです、それをスワイプしよう！\",\n \"fourthPanelDescription\": \"これはあなたの第4のパネルです、それをスワイプしよう！\",\n \"tooltipText\": \"クリック! >. <\",\n \"toastText\": \"私はトーストです！\"\n },\n \"pushpin\": {\n \"green\": \"緑\",\n \"blue\": \"青\",\n \"orange\": \"橙\",\n \"red\": \"赤\",\n \"purple\": \"紫\",\n \"cyan\": \"シアン\",\n \"linkOne\": \"リンク 1\",\n \"linkTwo\": \"リンク 2\"\n }\n}\n" }, { "path": "frontend/public/locales/jp/notFoundPage.json", "content": "{\n \"title\": \"404 ページが見つかりません\"\n}\n" }, { "path": "frontend/public/locales/jp/parallaxPage.json", "content": "{\n \"title\": \"視差ページ\",\n \"description\": \"Parallax(パララックス)は、この場合のバックグラウンドコンテンツまたは画像がスクロール中にフォアグラウンドコンテンツとは異なる速度で移動される場合の効果です。\"\n}\n" }, { "path": "frontend/public/locales/jp/reactPage.json", "content": "{\n \"title\": \"Reactページ\",\n \"fetchNote\": {\n \"asyncCalls\": \"非同期関数\",\n \"fetchAllNotes\": \"DB内のメモを取得する\"\n },\n \"todoLayout\": {\n \"title\": \"todoリスト\",\n \"todoFooter\": {\n \"all\": \"全部\",\n \"active\": \"アクティブ\",\n \"completed\": \"完成した\"\n },\n \"todoInput\": {\n \"addTodo\": \"追加する\"\n }\n }\n}\n" }, { "path": "frontend/public/locales/zh/common.json", "content": "{\n \"header\": {\n \"react\": \"React\",\n \"dropdown\": \"下拉列表\",\n \"notfound\": \"404\"\n },\n \"footer\": {\n \"title\": \"页脚内容\",\n \"content\": \"你可以在这里使用行或者列来编辑的页脚内容.\",\n \"links\": \"链接\",\n \"linkOne\": \"链接 1\",\n \"linkTwo\": \"链接 2\",\n \"linkThree\": \"链接 3\",\n \"linkFour\": \"链接 4\",\n \"moreLinks\": \"更多链接\"\n },\n \"dropdown\": {\n \"parallax\": \"视差\"\n }\n}\n" }, { "path": "frontend/public/locales/zh/homePage.json", "content": "{\n \"title\": \"首页\",\n \"carousel\": {\n \"focusButtonText\": \"看我看我!\",\n \"firstPanelTitle\": \"第一个面板\",\n \"secondPanelTitle\": \"第二个面板\",\n \"thirdPanelTitle\": \"第三个面板\",\n \"fourthPanelTitle\": \"第四个面板\",\n \"firstPanelDescription\": \"这是你的第一个面板，试试左右滑动它！\",\n \"secondPanelDescription\": \"这是你的第二个面板，试试左右滑动它！\",\n \"thirdPanelDescription\": \"这是你的第三个面板，试试左右滑动它！\",\n \"fourthPanelDescription\": \"这是你的第四个面板，试试左右滑动它！\",\n \"tooltipText\": \"戳我! >. <\",\n \"toastText\": \"哇我是一个toast!\"\n },\n \"pushpin\": {\n \"green\": \"绿色\",\n \"blue\": \"蓝色\",\n \"orange\": \"橘色\",\n \"red\": \"红色\",\n \"purple\": \"紫色\",\n \"cyan\": \"青色\",\n \"linkOne\": \"链接 1\",\n \"linkTwo\": \"链接 2\"\n }\n}\n" }, { "path": "frontend/public/locales/zh/notFoundPage.json", "content": "{\n \"title\": \"404 页面不存在\"\n}\n" }, { "path": "frontend/public/locales/zh/parallaxPage.json", "content": "{\n \"title\": \"视差页面\",\n \"description\": \"Parallax(视差) 是指一种背景内容或图像在滚动时以与前景内容不同的速度移动的效果。\"\n}\n" }, { "path": "frontend/public/locales/zh/reactPage.json", "content": "{\n \"title\": \"React页面\",\n \"fetchNote\": {\n \"asyncCalls\": \"异步函数\",\n \"fetchAllNotes\": \"获取数据库所有笔记\"\n },\n \"todoLayout\": {\n \"title\": \"待办事项\",\n \"todoFooter\": {\n \"all\": \"全部\",\n \"active\": \"待办\",\n \"completed\": \"已完成\"\n },\n \"todoInput\": {\n \"addTodo\": \"添加待办事项\"\n }\n }\n}\n" }, { "path": "frontend/public/manifest.webmanifest", "content": "{\n \"name\": \"Boilerplate\",\n \"short_name\": \"Boilerplate\",\n \"start_url\": \".\",\n \"display\": \"standalone\",\n \"orientation\": \"portrait\",\n \"background_color\": \"#2196f3\",\n \"theme_color\": \"#2196f3\",\n \"description\": \"Full-stack boilerplate that using express with webpack, react and typescript!\",\n \"icons\": [\n {\n \"src\": \"icons/android-chrome-192x192.png\",\n \"sizes\": \"192x192\",\n \"type\": \"image/png\"\n },\n {\n \"src\": \"icons/android-chrome-512x512.png\",\n \"sizes\": \"512x512\",\n \"type\": \"image/png\"\n }\n ]\n}\n" }, { "path": "frontend/public/robots.txt", "content": "User-agent: *\nDisallow:\n" }, { "path": "frontend/src/App.tsx", "content": "import { ConnectedRouter } from 'connected-react-router/immutable';\nimport { History } from 'history';\nimport React from 'react';\nimport { Provider } from 'react-redux';\nimport { Store } from 'redux';\n\nimport router from 'router';\nimport { IGlobalState } from 'types/global';\n\ninterface IAppProps {\n store: Store;\n history: History;\n}\n\nexport default (props: IAppProps) => (\n \n \n {router}\n \n \n);\n" }, { "path": "frontend/src/components/ContentLoader/__tests__/__snapshots__/contentLoader.spec.tsx.snap", "content": "// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`BodyContentLoader should renders correctly 1`] = `\n\n \n \n \n \n\n`;\n\nexports[`FooterContentLoader should renders correctly 1`] = `\n\n \n\n`;\n\nexports[`HeaderContentLoader should renders correctly 1`] = `\n\n \n\n`;\n" }, { "path": "frontend/src/components/ContentLoader/__tests__/contentLoader.spec.tsx", "content": "import React from 'react';\nimport ShallowRenderer from 'react-test-renderer/shallow';\n\nimport { BodyContentLoader, FooterContentLoader, HeaderContentLoader } from '../contentLoader';\n\ndescribe('HeaderContentLoader', () => {\n it('should renders correctly', () => {\n const renderer = ShallowRenderer.createRenderer();\n const result = renderer.render(\n ,\n );\n expect(result).toMatchSnapshot();\n renderer.unmount();\n });\n});\n\ndescribe('BodyContentLoader', () => {\n it('should renders correctly', () => {\n const renderer = ShallowRenderer.createRenderer();\n const result = renderer.render(\n ,\n );\n expect(result).toMatchSnapshot();\n renderer.unmount();\n });\n});\n\ndescribe('FooterContentLoader', () => {\n it('should renders correctly', () => {\n const renderer = ShallowRenderer.createRenderer();\n const result = renderer.render(\n ,\n );\n expect(result).toMatchSnapshot();\n renderer.unmount();\n });\n});\n" }, { "path": "frontend/src/components/ContentLoader/contentLoader.scss", "content": ".bodyContentLoader {\n margin: auto;\n}\n" }, { "path": "frontend/src/components/ContentLoader/contentLoader.tsx", "content": "import React from 'react';\nimport ContentLoader from 'react-content-loader';\n\nconst styles = require('./contentLoader.scss');\n\nexport const BodyContentLoader = () => (\n
\n \n \n \n \n
\n);\n\nexport const HeaderContentLoader = () => (\n \n \n \n);\n\nexport const FooterContentLoader = () => (\n \n \n \n);\n" }, { "path": "frontend/src/components/ContentLoader/index.tsx", "content": "export { BodyContentLoader, HeaderContentLoader, FooterContentLoader } from './contentLoader';\n" }, { "path": "frontend/src/components/Dropdown/__tests__/__snapshots__/dropdown.spec.tsx.snap", "content": "// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`Dropdown should renders correctly 1`] = `\nArray [\n \n
  • \n \n dropdown.dropdown\n \n
    • \n ,\n \",\",\n]\n`;\n" }, { "path": "frontend/src/components/Dropdown/__tests__/dropdown.spec.tsx", "content": "import 'materialize-css';\nimport React, { Fragment } from 'react';\nimport { BrowserRouter } from 'react-router-dom';\nimport TestRenderer from 'react-test-renderer';\n\nimport { Dropdown } from '../dropdown';\n\ndescribe('Dropdown', () => {\n it('should renders correctly', () => {\n const renderer = TestRenderer.create(\n \n \n ,\n \n ,\n );\n expect(renderer).toMatchSnapshot();\n renderer.unmount();\n });\n});\n" }, { "path": "frontend/src/components/Dropdown/dropdown.tsx", "content": "import React from 'react';\nimport { Translation } from 'react-i18next';\nimport { Link } from 'react-router-dom';\n\ninterface IDropdownProps {\n id: string;\n dropdownLists: string[];\n}\n\nconst dropdownConfig: Partial = {\n coverTrigger: false,\n};\n\nexport class Dropdown extends React.Component {\n public componentDidMount() {\n const elems = document.querySelectorAll('.dropdown-button');\n M.Dropdown.init(elems, dropdownConfig);\n }\n\n public render() {\n return (\n \n {(t) => (\n
      \n {this.props.dropdownLists.map((key) =>\n
    • {t('dropdown.' + key)}
      • ,\n )}\n
    \n )}\n     \n );\n }\n}\n\nexport default Dropdown;\n" }, { "path": "frontend/src/components/Dropdown/index.tsx", "content": "export { default } from './dropdown';\n" }, { "path": "frontend/src/components/Footer/__tests__/__snapshots__/footer.spec.tsx.snap", "content": "// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`Footer should renders correctly 1`] = `\n\n \n \n \n \n footer.title\n \n \n footer.content\n

    \n \n \n \n footer.links\n \n
      \n
    • \n \n footer.linkOne\n \n
      • \n
    • \n \n footer.linkTwo\n \n
      • \n
    • \n \n footer.linkThree\n \n
      • \n
    • \n \n footer.linkFour\n \n
      • \n
    \n \n \n \n \n \n © 2017 Copyright \n \n Armour\n \n \n footer.moreLinks\n \n \n \n
    \n`;\n" }, { "path": "frontend/src/components/Footer/__tests__/footer.spec.tsx", "content": "import React from 'react';\nimport TestRenderer from 'react-test-renderer';\n\nimport { Footer } from '../footer';\n\ndescribe('Footer', () => {\n it('should renders correctly', () => {\n const renderer = TestRenderer.create(\n