Boilerplate setup

Author: Harshil Patel

Diff for: .babelrc

@@ -0,0 +1,11 @@
+{
+  "presets": ["@babel/env", "@babel/react"],
+  "plugins": [
+    ["ramda", { "useES": true }]
+  ],
+  "env": {
+    "test": {
+      "plugins": ["ramda"]
+    }
+  }
+}

Diff for: .eslintignore

@@ -0,0 +1,3 @@
+node_modules
+dist
+coverage

Diff for: .gitignore

@@ -0,0 +1,31 @@
+# Dependency Modules
+node_modules
+
+# App Packaged
+dist
+build
+*.zip
+
+# Test
+coverage
+
+# Environment
+.env*
+
+# NPM
+.npm
+package-lock.json
+yarn.lock
+
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# Patches
+patches
+
+# OSX
+.DS_Store

Diff for: LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2018-present Federico Rojas
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

Diff for: client/.eslintrc.js

@@ -0,0 +1,90 @@
+module.exports = {
+  root: true,
+  extends: ['airbnb', 'airbnb/hooks'],
+  parser: '@babel/eslint-parser',
+  env: {
+    browser: true,
+    jest: true,
+  },
+  settings: {
+    'import/resolver': {
+      webpack: { config: './client/config/webpack.config.js' },
+    },
+  },
+  rules: {
+    // enable rules
+    'react/jsx-key': 2,
+    'object-curly-newline': [2, {
+      ObjectExpression: { minProperties: 4, multiline: true, consistent: true },
+      ObjectPattern: { minProperties: 4, multiline: true, consistent: true },
+    }],
+    'import/order': [2, {
+      'pathGroups': [
+        { pattern: 'react', group: 'builtin', position: 'before' },
+        { pattern: '@mui/**', group: 'external', position: 'after' },
+        { pattern: '@fortawesome/**', group: 'external', position: 'after' },
+        { pattern: 'react-bulma-companion/**', group: 'external', position: 'after' },
+        { pattern: '_client/**', group: 'internal', position: 'after' },
+        { pattern: '_components/**', group: 'internal', position: 'after' },
+        { pattern: '_store/**', group: 'internal', position: 'after' },
+        { pattern: '_styles/**', group: 'internal', position: 'after' },
+        { pattern: '_hooks/**', group: 'internal', position: 'after' },
+        { pattern: '_utils/**', group: 'internal', position: 'after' },
+      ],
+      'pathGroupsExcludedImportTypes': ['react'],
+      'alphabetize': {
+        order: 'asc',
+        caseInsensitive: true,
+      },
+      'newlines-between': 'always',
+      'groups': ['builtin', 'external', 'internal', 'parent', 'sibling', 'index'],
+    }],
+    'sort-imports': [2, {
+      ignoreCase: true,
+      ignoreDeclarationSort: true,
+      ignoreMemberSort: false,
+      allowSeparatedGroups: true,
+    }],
+
+    // override defaults
+    'eqeqeq': [2, 'smart'],
+    'max-len': [2, { code: 120, tabWidth: 2, ignoreUrls: true }],
+    'newline-per-chained-call': [2, { ignoreChainWithDepth: 4 }],
+    'no-cond-assign': [2, 'except-parens'],
+    'no-multi-spaces': [2, {
+      exceptions: {
+        ImportDeclaration: true,
+        Property: true,
+        VariableDeclarator: true,
+      },
+    }],
+    'quote-props': [2, 'consistent-as-needed'],
+    'react/jsx-filename-extension': [2, { extensions: ['.js', '.jsx'] }],
+    'react/jsx-fragments': [2, 'element'],
+
+    // disable rules
+    'arrow-parens': 0,
+    'default-param-last': 0,
+    'function-paren-newline': 0,
+    'implicit-arrow-linebreak': 0,
+    'import/no-cycle': 0,
+    'import/no-extraneous-dependencies': 0,
+    'import/no-named-as-default': 0,
+    'import/prefer-default-export': 0,
+    'jsx-a11y/anchor-is-valid': 0,
+    'jsx-a11y/label-has-associated-control': 0,
+    'jsx-a11y/label-has-for': 0,
+    'jsx-a11y/no-static-element-interactions': 0,
+    'no-confusing-arrow': 0,
+    'no-nested-ternary': 0,
+    'no-plusplus': 0,
+    'no-shadow': 0,
+    'no-underscore-dangle': 0,
+    'react/destructuring-assignment': 0,
+    'react/forbid-prop-types': 0,
+    'react/jsx-boolean-value': 0,
+    'react/jsx-props-no-spreading': 0,
+    'react/state-in-constructor': 0,
+    'react/static-property-placement': 0,
+  },
+};

Diff for: client/api/auth.js

@@ -0,0 +1,20 @@
+import request from 'superagent';
+
+import { handleError, handleSuccess } from '_utils/api';
+
+export const postRegister = user =>
+  request.post('/api/auth/register')
+    .send(user)
+    .then(handleSuccess)
+    .catch(handleError);
+
+export const postLogin = user =>
+  request.post('/api/auth/login')
+    .send(user)
+    .then(handleSuccess)
+    .catch(handleError);
+
+export const postLogout = () =>
+  request.post('/api/auth/logout')
+    .then(handleSuccess)
+    .catch(handleError);

Diff for: client/api/todos.js

@@ -0,0 +1,32 @@
+import request from 'superagent';
+
+import { handleError, handleSuccess } from '_utils/api';
+
+export const postTodo = info =>
+  request.post('/api/todos')
+    .send(info)
+    .then(handleSuccess)
+    .catch(handleError);
+
+export const getTodos = () =>
+  request.get('/api/todos')
+    .then(handleSuccess)
+    .catch(handleError);
+
+export const putToggleCompleteTodo = info =>
+  request.put('/api/todos/complete')
+    .send(info)
+    .then(handleSuccess)
+    .catch(handleError);
+
+export const putTodo = info =>
+  request.put('/api/todos')
+    .send(info)
+    .then(handleSuccess)
+    .catch(handleError);
+
+export const deleteTodo = info =>
+  request.delete('/api/todos')
+    .send(info)
+    .then(handleSuccess)
+    .catch(handleError);

Diff for: client/api/user.js

@@ -0,0 +1,20 @@
+import request from 'superagent';
+
+import { handleError, handleSuccess } from '_utils/api';
+
+export const getUser = () =>
+  request.get('/api/user')
+    .then(handleSuccess)
+    .catch(handleError);
+
+export const putUser = info =>
+  request.put('/api/user')
+    .send(info)
+    .then(handleSuccess)
+    .catch(handleError);
+
+export const putUserPassword = passwordInfo =>
+  request.put('/api/user/password')
+    .send(passwordInfo)
+    .then(handleSuccess)
+    .catch(handleError);

Diff for: client/api/users.js

@@ -0,0 +1,9 @@
+import request from 'superagent';
+
+import { handleError, handleSuccess } from '_utils/api';
+
+export const postCheckUsername = username =>
+  request.post('/api/users/checkusername')
+    .send({ username })
+    .then(handleSuccess)
+    .catch(handleError);

Diff for: client/assets/icons/favicon.ico

@@ -0,0 +1,2 @@
+// Images
+import './images/default-profile.png';

Diff for: client/assets/images/default-profile.png

@@ -0,0 +1,92 @@
+import React from 'react';
+
+import classNames from 'classnames';
+import PropTypes from 'prop-types';
+
+export default function Button(props) {
+  const {
+    className, onClick, label, style, type, size, outlined,
+    inverted, rounded, hovered, focused, active, loading, disabled,
+  } = props;
+
+  const typeMap = {
+    info: 'is-info',
+    primary: 'is-primary',
+    success: 'is-success',
+    warning: 'is-warning',
+    danger: 'is-danger',
+  };
+
+  const sizeMap = {
+    small: 'is-small',
+    normal: '',
+    medium: 'is-medium',
+    large: 'is-large',
+  };
+
+  const isType = typeMap[type] || 'is-info';
+  const isSize = sizeMap[size] || '';
+
+  const buttonClasses = classNames({
+    [className]: !!className,
+    'button': true,
+    [isType]: true,
+    [isSize]: true,
+    'is-outlined': outlined,
+    'is-inverted': inverted,
+    'is-rounded': rounded,
+    'is-hovered': hovered,
+    'is-focused': focused,
+    'is-active': active,
+    'is-loading': loading,
+    'is-static': props.static,
+  });
+
+  return (
+    <button
+      style={style}
+      type="button"
+      className={buttonClasses}
+      onClick={onClick}
+      disabled={disabled}
+    >
+      {label}
+    </button>
+  );
+}
+
+Button.propTypes = {
+  className: PropTypes.string,
+  style: PropTypes.object,
+  onClick: PropTypes.func,
+  label: PropTypes.string,
+  type: PropTypes.string,
+  size: PropTypes.string,
+  outlined: PropTypes.bool,
+  inverted: PropTypes.bool,
+  rounded: PropTypes.bool,
+  hovered: PropTypes.bool,
+  focused: PropTypes.bool,
+  active: PropTypes.bool,
+  loading: PropTypes.bool,
+  static: PropTypes.bool,
+  disabled: PropTypes.bool,
+};
+
+Button.defaultProps = {
+  className: '',
+  style: {},
+  label: '',
+  type: 'info',
+  size: 'normal',
+  onClick: () => {},
+  outlined: false,
+  inverted: false,
+  rounded: false,
+  hovered: false,
+  focused: false,
+  active: false,
+  loading: false,
+  static: false,
+  disabled: false,
+};

Diff for: client/assets/index.js

@@ -0,0 +1,3 @@
+import Button from './Button';
+
+export default Button;