Add Prettier support (#739)

Author: lipis

.eslintrc.yaml

@@ -0,0 +1,41 @@
+env:
+  browser: true
+  node: true
+
+plugins:
+  - prettier
+
+extends:
+  - prettier
+
+parserOptions:
+  ecmaVersion: 8
+  sourceType: module
+  ecmaFeatures:
+    jsx: true
+
+rules:
+  curly: 2
+  dot-notation: 2
+  id-length: 2
+  no-const-assign: 2
+  no-dupe-class-members: 2
+  no-else-return: 2
+  no-inner-declarations: 2
+  no-lonely-if: 2
+  no-magic-numbers: [2, {ignore: [-1, 0, 1]}]
+  no-shadow: 2
+  no-unneeded-ternary: 2
+  no-unused-expressions: 2
+  no-unused-vars: [2, {args: none}]
+  no-useless-return: 2
+  no-var: 2
+  one-var: [2, never]
+  prefer-arrow-callback: 2
+  prefer-const: 2
+  prefer-promise-reject-errors: 2
+  prettier/prettier: 2
+  sort-imports: 2
+  sort-keys: [2, asc, {caseSensitive: true, natural: true}]
+  sort-vars: 2
+  strict: [2, global]

.prettierrc.yaml

@@ -0,0 +1,15 @@
+bracketSpacing: false
+jsxBracketSameLine: false
+printWidth: 80
+proseWrap: false
+requirePragma: false
+semi: true
+singleQuote: true
+tabWidth: 2
+trailingComma: all
+useTabs: false
+
+overrides:
+- files: "*.json"
+  options:
+    printWidth: 200

README.md

@@ -1,29 +1,22 @@
-gae-init
-========
+# gae-init
 
-[![Slack Status](https://gae-init-slack.herokuapp.com/badge.svg)](https://gae-init-slack.herokuapp.com)
+[![Slack Status](https://gae-init-slack.herokuapp.com/badge.svg)](https://gae-init-slack.herokuapp.com) [![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg)](https://github.com/prettier/prettier)
 
-> **gae-init** is the easiest boilerplate to kick start new applications on Google
-App Engine using Python, Flask, RESTful, Bootstrap and tons of other cool features.
+> **gae-init** is the easiest boilerplate to kick start new applications on Google App Engine using Python, Flask, RESTful, Bootstrap and tons of other cool features.
 
-Read the [documentation][], where you can find a complete [feature list][],
-a detailed [tutorial][], the [how to][] section and more..
+Read the [documentation][], where you can find a complete [feature list][], a detailed [tutorial][], the [how to][] section and more..
 
-The latest version is always accessible from
-[https://gae-init.appspot.com](https://gae-init.appspot.com)
+The latest version is always accessible from [https://gae-init.appspot.com](https://gae-init.appspot.com)
 
-Requirements
-------------
+## Requirements
 
-  - [Google App Engine SDK for Python][]
-  - [Node.js][], [pip][], [virtualenv][]
-  - [macOS][] or [Linux][] or [Windows][]
+* [Google App Engine SDK for Python][]
+* [Node.js][], [pip][], [virtualenv][]
+* [macOS][] or [Linux][] or [Windows][]
 
-Make sure you have all of the above or refer to the docs on how to
-[install the requirements](http://docs.gae-init.appspot.com/requirement/).
+Make sure you have all of the above or refer to the docs on how to [install the requirements](http://docs.gae-init.appspot.com/requirement/).
 
-Running the Development Environment
------------------------------------
+## Running the Development Environment
 
 ```bash
 $ cd /path/to/project-name
@@ -32,16 +25,15 @@ $ gulp
 
 To test it visit `http://localhost:3000` in your browser.
 
-- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
+---
 
 For a complete list of commands:
 
 ```bash
 $ gulp help
 ```
 
-Initializing or Resetting the project
-------------------------------------
+## Initializing or Resetting the project
 
 ```bash
 $ cd /path/to/project-name
@@ -57,16 +49,15 @@ $ npm install
 $ gulp
 ```
 
-- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
+---
 
 To install [Gulp][] as a global package:
 
 ```bash
 $ npm install -g gulp
 ```
 
-Deploying on Google App Engine
-------------------------------
+## Deploying on Google App Engine
 
 ```bash
 $ gulp deploy
@@ -75,17 +66,16 @@ $ gulp deploy --project=foo --version=bar
 $ gulp deploy --project=foo --version=bar --no-promote
 ```
 
-Tech Stack
-----------
-
-  - [Google App Engine][], [NDB][]
-  - [Jinja2][], [Flask][], [Flask-RESTful][], [Flask-WTF][]
-  - [CoffeeScript][], [Less][]
-  - [Bootstrap][], [Font Awesome][], [Social Buttons][]
-  - [jQuery][], [Moment.js][]
-  - [OpenID][] sign in (Google, Facebook, Twitter and more)
-  - [Python 2.7][], [pip][], [virtualenv][]
-  - [Gulp][], [Bower][]
+## Tech Stack
+
+* [Google App Engine][], [NDB][]
+* [Jinja2][], [Flask][], [Flask-RESTful][], [Flask-WTF][]
+* [CoffeeScript][], [Less][]
+* [Bootstrap][], [Font Awesome][], [Social Buttons][]
+* [jQuery][], [Moment.js][]
+* [OpenID][] sign in (Google, Facebook, Twitter and more)
+* [Python 2.7][], [pip][], [virtualenv][]
+* [Gulp][], [Bower][]
 
 [bootstrap]: http://getbootstrap.com/
 [bower]: http://bower.io/

bin/README.md

@@ -1,13 +1,10 @@
-Command Line Scripts
-====================
+# Command Line Scripts
 
-Requirements
-------------
+## Requirements
 
-You can install the requirements easily by executing the following scripts using
-`curl` & `bash`:
+You can install the requirements easily by executing the following scripts using `curl` & `bash`:
 
-###  [Cloud Shell](https://cloud.google.com/shell/)
+### [Cloud Shell](https://cloud.google.com/shell/)
 
 All requirements are met, out of the box.
 

main/static/src/style/signin.less

@@ -1,7 +1,8 @@
 @height-base: @line-height-computed + @padding-base-vertical * 2;
-@height-lg:   floor(@font-size-large * @line-height-base) + @padding-large-vertical * 2;
-@height-sm:   floor(@font-size-small * 1.5) + @padding-small-vertical * 2;
-@height-xs:   floor(@font-size-small * 1.2) + @padding-small-vertical + 1;
+@height-lg: floor(@font-size-large * @line-height-base) +
+  @padding-large-vertical * 2;
+@height-sm: floor(@font-size-small * 1.5) + @padding-small-vertical * 2;
+@height-xs: floor(@font-size-small * 1.2) + @padding-small-vertical + 1;
 
 .btn-social {
   position: relative;
@@ -19,7 +20,7 @@
     line-height: @height-base + 2;
     font-size: 1.6em;
     text-align: center;
-    border-right: 1px solid rgba(0,0,0,.2);
+    border-right: 1px solid rgba(0, 0, 0, 0.2);
   }
   &.btn-lg {
     padding-left: @height-lg + @padding-large-horizontal;
@@ -56,7 +57,7 @@
   :first-child {
     border: none;
     text-align: center;
-    width: 100%!important;
+    width: 100% !important;
   }
   &.btn-lg {
     height: @height-lg;
@@ -80,7 +81,7 @@
 
 .btn-social(@color-bg, @color: #fff) {
   background-color: @color-bg;
-  .button-variant(@color, @color-bg, rgba(0,0,0,.2));
+  .button-variant(@color, @color-bg, rgba(0,0,0,0.2));
 }
 
 .auth {
@@ -97,17 +98,45 @@
   }
 }
 
-.btn-azure_ad      { .btn-social(#307ea7); }
-.btn-bitbucket     { .btn-social(#205081); }
-.btn-dropbox       { .btn-social(#007ee5); }
-.btn-facebook      { .btn-social(#3b5998); }
-.btn-github        { .btn-social(#444444); }
-.btn-google        { .btn-social(#dd4b39); }
-.btn-instagram     { .btn-social(#3f729b); }
-.btn-linkedin      { .btn-social(#007bb6); }
-.btn-mailru        { .btn-social(#168de2); }
-.btn-microsoft     { .btn-social(#2672ec); }
-.btn-reddit        { .btn-social(#eff7ff, #000); }
-.btn-twitter       { .btn-social(#55acee); }
-.btn-vk            { .btn-social(#587ea3); }
-.btn-yahoo         { .btn-social(#720e9e); }
+.btn-azure_ad {
+  .btn-social(#307ea7);
+}
+.btn-bitbucket {
+  .btn-social(#205081);
+}
+.btn-dropbox {
+  .btn-social(#007ee5);
+}
+.btn-facebook {
+  .btn-social(#3b5998);
+}
+.btn-github {
+  .btn-social(#444444);
+}
+.btn-google {
+  .btn-social(#dd4b39);
+}
+.btn-instagram {
+  .btn-social(#3f729b);
+}
+.btn-linkedin {
+  .btn-social(#007bb6);
+}
+.btn-mailru {
+  .btn-social(#168de2);
+}
+.btn-microsoft {
+  .btn-social(#2672ec);
+}
+.btn-reddit {
+  .btn-social(#eff7ff, #000);
+}
+.btn-twitter {
+  .btn-social(#55acee);
+}
+.btn-vk {
+  .btn-social(#587ea3);
+}
+.btn-yahoo {
+  .btn-social(#720e9e);
+}

main/static/src/style/style.less

@@ -1,10 +1,10 @@
-@import "../../ext/font-awesome/less/font-awesome";
-@import "../../ext/bootstrap/less/bootstrap";
+@import '../../ext/font-awesome/less/font-awesome';
+@import '../../ext/bootstrap/less/bootstrap';
 
-@import "base";
-@import "variables";
-@import "test";
-@import "mixins";
-@import "footer";
-@import "signin";
-@import "user";
+@import 'base';
+@import 'variables';
+@import 'test';
+@import 'mixins';
+@import 'footer';
+@import 'signin';
+@import 'user';

main/static/src/style/variables.less

@@ -1,4 +1,4 @@
-@fa-font-path:            "/p/ext/font-awesome/fonts";
-@icon-font-path:          "/p/ext/bootstrap/fonts/";
+@fa-font-path: '/p/ext/font-awesome/fonts';
+@icon-font-path: '/p/ext/bootstrap/fonts/';
 
-@footer-height:           @line-height-computed * 5;
+@footer-height: @line-height-computed * 5;