├── .editorconfig
├── .env.example
├── .env.testing
├── .gitignore
├── README.md
├── ace
├── app
    ├── Controllers
    │   └── Http
    │   │   ├── PostController.js
    │   │   ├── SessionController.js
    │   │   └── UserController.js
    ├── Exceptions
    │   └── Handler.js
    ├── Middleware
    │   └── RedirectIfAuthenticated.js
    └── Models
    │   ├── Hooks
    │       └── User.js
    │   ├── Post.js
    │   └── User.js
├── config
    ├── app.js
    ├── auth.js
    ├── bodyParser.js
    ├── cors.js
    ├── database.js
    ├── session.js
    └── shield.js
├── database
    ├── factory.js
    └── migrations
    │   ├── 1503248427885_user.js
    │   └── 1507839709797_post_schema.js
├── package-lock.json
├── package.json
├── postcss.config.js
├── resources
    ├── css
    │   └── app.css
    └── views
    │   ├── components
    │       ├── alert.edge
    │       ├── input.edge
    │       ├── label.edge
    │       ├── panel.edge
    │       └── textarea.edge
    │   ├── layout
    │       ├── app.edge
    │       └── partials
    │       │   ├── header.edge
    │       │   └── hero.edge
    │   ├── posts
    │       ├── create.edge
    │       ├── edit.edge
    │       ├── index.edge
    │       └── partials
    │       │   ├── form.edge
    │       │   └── post-card.edge
    │   ├── session
    │       └── create.edge
    │   └── user
    │       └── create.edge
├── server.js
├── start
    ├── app.js
    ├── kernel.js
    └── routes.js
├── tailwind.config.js
├── test
    └── functional
    │   ├── authentication.spec.js
    │   ├── delete-post.spec.js
    │   ├── read-post.spec.js
    │   ├── register.spec.js
    │   ├── update-post.spec.js
    │   └── write-post.spec.js
└── vowfile.js


/.editorconfig:
--------------------------------------------------------------------------------
 1 | root = true
 2 | 
 3 | [*]
 4 | indent_size = 2
 5 | indent_style = space
 6 | end_of_line = lf
 7 | charset = utf-8
 8 | trim_trailing_whitespace = true
 9 | insert_final_newline = true
10 | 


--------------------------------------------------------------------------------
/.env.example:
--------------------------------------------------------------------------------
 1 | HOST=127.0.0.1
 2 | PORT=3333
 3 | NODE_ENV=development
 4 | CACHE_VIEWS=false
 5 | APP_KEY=
 6 | 
 7 | DB_FILENAME=development.sqlite
 8 | 
 9 | SESSION_DRIVER=cookie
10 | 


--------------------------------------------------------------------------------
/.env.testing:
--------------------------------------------------------------------------------
1 | HOST=127.0.0.1
2 | PORT=4000
3 | NODE_ENV=testing
4 | CACHE_VIEWS=false
5 | 
6 | DB_FILENAME=testing.sqlite
7 | 
8 | ENABLE_CSRF_CHECK=false
9 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
 1 | node_modules
 2 | tmp
 3 | .env
 4 | database/*.sqlite
 5 | .cache
 6 | 
 7 | # Don't push the public folder
 8 | public
 9 | 
10 | # Keep only images
11 | !public/img
12 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # Adonis Blog Demo :triangular_ruler:
 2 | 
 3 | This repo contains an example application of the Adonis Framework. You must checkout the source code or the API docs on official website to learn more.
 4 | 
 5 | <br />
 6 | <hr />
 7 | <br />
 8 | 
 9 | <img src="http://res.cloudinary.com/adonisjs/image/upload/q_100/v1497112678/adonis-purple_pzkmzt.svg" width="200px" align="right" hspace="30px" vspace="140px">
10 | 
11 | ## What's in the box?
12 | 
13 | 1. Authentication System
14 | 2. Blogging System
15 | 3. API Testing
16 | 4. Browser Testing
17 | 5. Assets management
18 | 
19 | ## How to run
20 | 
21 | - Run `npm install` to install all dependencies
22 | - Make a copy of `.env.example` rename it to `.env`
23 | - Run `adonis key:generate` to generate the secret key
24 | - Run `adonis migration:run` to setup the database
25 | - Run `npm run build` to build static assets
26 | - Run `adonis serve --dev` to run the application
27 | 


--------------------------------------------------------------------------------
/ace:
--------------------------------------------------------------------------------
 1 | 'use strict'
 2 | 
 3 | /*
 4 | |--------------------------------------------------------------------------
 5 | | Ace Commands
 6 | |--------------------------------------------------------------------------
 7 | |
 8 | | The ace file is just a regular Javascript file but with no extension. You
 9 | | can call `node ace` followed by the command name and it just works.
10 | |
11 | | Also you can use `adonis` followed by the command name, since the adonis
12 | | global proxy all the ace commands.
13 | |
14 | */
15 | 
16 | const { Ignitor } = require('@adonisjs/ignitor')
17 | 
18 | new Ignitor(require('@adonisjs/fold'))
19 |   .appRoot(__dirname)
20 |   .fireAce()
21 |   .catch(console.error)
22 | 


--------------------------------------------------------------------------------
/app/Controllers/Http/PostController.js:
--------------------------------------------------------------------------------
  1 | 'use strict'
  2 | 
  3 | const Post = use('App/Models/Post')
  4 | const { validateAll } = use('Validator')
  5 | 
  6 | class PostController {
  7 |   async index ({ view }) {
  8 |     /**
  9 |      * Fetch all posts inside our database.
 10 |      *
 11 |      * ref: http://adonisjs.com/docs/4.1/lucid#_all
 12 |      */
 13 |     const posts = await Post.all()
 14 | 
 15 |     /**
 16 |      * Render the view 'posts.index'
 17 |      * with the posts fetched as data.
 18 |      *
 19 |      * ref: http://adonisjs.com/docs/4.1/views
 20 |      */
 21 |     return view.render('posts.index', { posts: posts.toJSON() })
 22 |   }
 23 | 
 24 |   create ({ view }) {
 25 |     /**
 26 |      * Render the view 'posts.create'.
 27 |      *
 28 |      * ref: http://adonisjs.com/docs/4.1/views
 29 |      */
 30 |     return view.render('posts.create')
 31 |   }
 32 | 
 33 |   async store ({ auth, session, request, response }) {
 34 |     /**
 35 |      * Getting needed parameters.
 36 |      *
 37 |      * ref: http://adonisjs.com/docs/4.1/request#_only
 38 |      */
 39 |     const data = request.only(['title', 'body'])
 40 | 
 41 |     /**
 42 |      * Validating our data.
 43 |      *
 44 |      * ref: http://adonisjs.com/docs/4.1/validator
 45 |      */
 46 |     const validation = await validateAll(data, {
 47 |       title: 'required',
 48 |       body: 'required',
 49 |     })
 50 | 
 51 |     /**
 52 |      * If validation fails, early returns with validation message.
 53 |      */
 54 |     if (validation.fails()) {
 55 |       session
 56 |         .withErrors(validation.messages())
 57 |         .flashAll()
 58 | 
 59 |       return response.redirect('back')
 60 |     }
 61 | 
 62 |     /**
 63 |      * Creating a new post through the logged in user
 64 |      * into the database.
 65 |      *
 66 |      * ref: http://adonisjs.com/docs/4.1/lucid#_create
 67 |      */
 68 |     const currentUser = await auth.getUser()
 69 |     await currentUser.posts().create(data)
 70 | 
 71 |     return response.redirect('/')
 72 |   }
 73 | 
 74 |   async edit ({ params, view }) {
 75 |     /**
 76 |      * Finding the post.
 77 |      *
 78 |      * ref: http://adonisjs.com/docs/4.1/lucid#_findorfail
 79 |      */
 80 |     const post = await Post.findOrFail(params.id)
 81 | 
 82 |     return view.render('posts.edit', { post: post.toJSON() })
 83 |   }
 84 | 
 85 |   async update ({ params, session, request, response }) {
 86 |     /**
 87 |      * Getting needed parameters.
 88 |      *
 89 |      * ref: http://adonisjs.com/docs/4.1/request#_only
 90 |      */
 91 |     const data = request.only(['title', 'body'])
 92 | 
 93 |     /**
 94 |      * Validating our data.
 95 |      *
 96 |      * ref: http://adonisjs.com/docs/4.1/validator
 97 |      */
 98 |     const validation = await validateAll(data, {
 99 |       title: 'required',
100 |       body: 'required',
101 |     })
102 | 
103 |     /**
104 |      * If validation fails, early returns with validation message.
105 |      */
106 |     if (validation.fails()) {
107 |       session
108 |         .withErrors(validation.messages())
109 |         .flashAll()
110 | 
111 |       return response.redirect('back')
112 |     }
113 | 
114 |     /**
115 |      * Finding the post and updating fields on it
116 |      * before saving it to the database.
117 |      *
118 |      * ref: http://adonisjs.com/docs/4.1/lucid#_inserts_updates
119 |      */
120 |     const post = await Post.findOrFail(params.id)
121 |     post.merge(data)
122 |     await post.save()
123 | 
124 |     return response.redirect('/')
125 |   }
126 | 
127 |   async delete ({ params, response }) {
128 |     /**
129 |      * Finding the post and deleting it
130 |      *
131 |      * ref: http://adonisjs.com/docs/4.1/lucid#_deletes
132 |      */
133 |     const post = await Post.findOrFail(params.id)
134 |     await post.delete()
135 | 
136 |     return response.redirect('/')
137 |   }
138 | }
139 | 
140 | module.exports = PostController
141 | 


--------------------------------------------------------------------------------
/app/Controllers/Http/SessionController.js:
--------------------------------------------------------------------------------
 1 | 'use strict'
 2 | 
 3 | class SessionController {
 4 |   create ({ view }) {
 5 |     /**
 6 |      * Render the view 'sessions.create'.
 7 |      *
 8 |      * ref: http://adonisjs.com/docs/4.0/views
 9 |      */
10 |     return view.render('session.create')
11 |   }
12 | 
13 |   /**
14 |    * Store a session.
15 |    */
16 |   async store ({ auth, request, response, session }) {
17 |     /**
18 |      * Getting needed parameters.
19 |      *
20 |      * ref: http://adonisjs.com/docs/4.0/request#_all
21 |      */
22 |     const { username, password } = request.all()
23 | 
24 |     /**
25 |      * Wrapping the authentication in order to
26 |      * handle errors when authentication fail.
27 |      *
28 |      * ref: http://adonisjs.com/docs/4.1/authentication#_attempt_uid_password
29 |      */
30 |     try {
31 |       await auth.attempt(username, password)
32 |     } catch (e) {
33 |       /**
34 |        * Add flash message to the session with the content of
35 |        * the form except password field.
36 |        *
37 |        * ref: http://adonisjs.com/docs/4.1/sessions#_flash_messages
38 |        */
39 |       session.flashExcept(['password'])
40 | 
41 |       /**
42 |        * Add a custom object to the session store.
43 |        *
44 |        * ref: http://adonisjs.com/docs/4.1/sessions#_flash
45 |        */
46 |       session.flash({ error: 'We cannot find any account with these credentials.' })
47 | 
48 |       /**
49 |        * Since the authentication failed we redirect
50 |        * our user back to the form.
51 |        *
52 |        * ref: http://adonisjs.com/docs/4.1/response#_redirects
53 |        */
54 |       return response.redirect('login')
55 |     }
56 | 
57 |     /**
58 |      * We are authenticated.
59 |      */
60 |     return response.redirect('/')
61 |   }
62 | 
63 |   async delete ({ auth, response }) {
64 |     /**
65 |      * Logout the user.
66 |      *
67 |      * ref: http://adonisjs.com/docs/4.1/authentication#_logout
68 |      */
69 |     await auth.logout()
70 | 
71 |     return response.redirect('/')
72 |   }
73 | }
74 | 
75 | module.exports = SessionController
76 | 


--------------------------------------------------------------------------------
/app/Controllers/Http/UserController.js:
--------------------------------------------------------------------------------
 1 | 'use strict'
 2 | 
 3 | const User = use('App/Models/User')
 4 | const { validateAll } = use('Validator')
 5 | 
 6 | class UserController {
 7 |   create ({ view }) {
 8 |     /**
 9 |      * Render the view 'user.create'.
10 |      *
11 |      * ref: http://adonisjs.com/docs/4.1/views
12 |      */
13 |     return view.render('user.create')
14 |   }
15 | 
16 |   async store ({ auth, session, request, response }) {
17 |     /**
18 |      * Getting needed parameters.
19 |      *
20 |      * ref: http://adonisjs.com/docs/4.1/request#_only
21 |      */
22 |     const data = request.only(['username', 'email', 'password', 'password_confirmation'])
23 | 
24 |     /**
25 |      * Validating our data.
26 |      *
27 |      * ref: http://adonisjs.com/docs/4.1/validator
28 |      */
29 |     const validation = await validateAll(data, {
30 |       username: 'required|unique:users',
31 |       email: 'required|email|unique:users',
32 |       password: 'required',
33 |       password_confirmation: 'required_if:password|same:password',
34 |     })
35 | 
36 |     /**
37 |      * If validation fails, early returns with validation message.
38 |      */
39 |     if (validation.fails()) {
40 |       session
41 |         .withErrors(validation.messages())
42 |         .flashExcept(['password'])
43 | 
44 |       return response.redirect('back')
45 |     }
46 | 
47 |     // Deleting the confirmation field since we don't
48 |     // want to save it
49 |     delete data.password_confirmation
50 | 
51 |     /**
52 |      * Creating a new user into the database.
53 |      *
54 |      * ref: http://adonisjs.com/docs/4.1/lucid#_create
55 |      */
56 |     const user = await User.create(data)
57 | 
58 |     // Authenticate the user
59 |     await auth.login(user)
60 | 
61 |     return response.redirect('/')
62 |   }
63 | }
64 | 
65 | module.exports = UserController
66 | 


--------------------------------------------------------------------------------
/app/Exceptions/Handler.js:
--------------------------------------------------------------------------------
 1 | 'use strict'
 2 | 
 3 | const BaseExceptionHandler = use('BaseExceptionHandler')
 4 | 
 5 | /**
 6 |  * This class handles all exceptions thrown during
 7 |  * the HTTP request lifecycle.
 8 |  *
 9 |  * @class ExceptionHandler
10 |  */
11 | class ExceptionHandler extends BaseExceptionHandler {
12 |   /**
13 |    * Handle exception thrown during the HTTP lifecycle
14 |    *
15 |    * @method handle
16 |    *
17 |    * @param  {Object} error
18 |    * @param  {Object} options.request
19 |    * @param  {Object} options.response
20 |    *
21 |    * @return {void}
22 |    */
23 |   async handle (error, { request, response, session, view }) {
24 |     if (error.code === 'E_INVALID_SESSION') {
25 |       session.flash({ error: 'You must be authenticated to access this page!' })
26 | 
27 |       return response.redirect('/')
28 |     }
29 | 
30 |     return super.handle(...arguments)
31 |   }
32 | 
33 |   /**
34 |    * Report exception for logging or debugging.
35 |    *
36 |    * @method report
37 |    *
38 |    * @param  {Object} error
39 |    * @param  {Object} options.request
40 |    *
41 |    * @return {void}
42 |    */
43 |   async report (error, { request }) {
44 |   }
45 | }
46 | 
47 | module.exports = ExceptionHandler
48 | 


--------------------------------------------------------------------------------
/app/Middleware/RedirectIfAuthenticated.js:
--------------------------------------------------------------------------------
 1 | 'use strict'
 2 | 
 3 | class RedirectIfAuthenticated {
 4 |   async handle ({ auth, request, response }, next) {
 5 |     /**
 6 |      * Verify if we are logged in.
 7 |      *
 8 |      * ref: http://adonisjs.com/docs/4.0/authentication#_check
 9 |      */
10 |     try {
11 |       await auth.check()
12 | 
13 |       return response.redirect('/')
14 |     } catch (e) {}
15 | 
16 |     await next()
17 | 
18 |   }
19 | }
20 | 
21 | module.exports = RedirectIfAuthenticated
22 | 


--------------------------------------------------------------------------------
/app/Models/Hooks/User.js:
--------------------------------------------------------------------------------
 1 | 'use strict'
 2 | 
 3 | const Hash = use('Hash')
 4 | 
 5 | const UserHook = module.exports = {}
 6 | 
 7 | /**
 8 |  * Hash using password as a hook.
 9 |  *
10 |  * @method
11 |  *
12 |  * @param  {Object} userInstance
13 |  *
14 |  * @return {void}
15 |  */
16 | UserHook.hashPassword = async (userInstance) => {
17 |   if (userInstance.password) {
18 |     userInstance.password = await Hash.make(userInstance.password)
19 |   }
20 | }
21 | 


--------------------------------------------------------------------------------
/app/Models/Post.js:
--------------------------------------------------------------------------------
 1 | 'use strict'
 2 | 
 3 | const Model = use('Model')
 4 | 
 5 | class Post extends Model {
 6 |   author () {
 7 |     return this.belongsTo('App/Models/User', 'user_id')
 8 |   }
 9 | }
10 | 
11 | module.exports = Post
12 | 


--------------------------------------------------------------------------------
/app/Models/User.js:
--------------------------------------------------------------------------------
 1 | 'use strict'
 2 | 
 3 | const Model = use('Model')
 4 | 
 5 | class User extends Model {
 6 |   static boot () {
 7 |     super.boot()
 8 | 
 9 |     /**
10 |      * A hook to hash the user password before saving
11 |      * it to the database.
12 |      *
13 |      * Look at `app/Models/Hooks/User.js` file to
14 |      * check the hashPassword method
15 |      */
16 |     this.addHook('beforeCreate', 'User.hashPassword')
17 |   }
18 | 
19 |   posts () {
20 |     return this.hasMany('App/Models/Post')
21 |   }
22 | }
23 | 
24 | module.exports = User
25 | 


--------------------------------------------------------------------------------
/config/app.js:
--------------------------------------------------------------------------------
  1 | 'use strict'
  2 | 
  3 | const Env = use('Env')
  4 | 
  5 | module.exports = {
  6 |   /*
  7 |   |--------------------------------------------------------------------------
  8 |   | App Key
  9 |   |--------------------------------------------------------------------------
 10 |   |
 11 |   | App key is a randomly generated 16 or 32 characters long string required
 12 |   | to encrypted cookies, sessions and other sensitive data.
 13 |   |
 14 |   */
 15 |   appKey: Env.get('APP_KEY'),
 16 | 
 17 |   http: {
 18 |     /*
 19 |     |--------------------------------------------------------------------------
 20 |     | Allow Method Spoofing
 21 |     |--------------------------------------------------------------------------
 22 |     |
 23 |     | Method spoofing allows to make requests by spoofing the http verb.
 24 |     | Which means you can make a GET request but instruct the server to
 25 |     | treat as a POST or PUT request. If you want this feature, set the
 26 |     | below value to true.
 27 |     |
 28 |     */
 29 |     allowMethodSpoofing: true,
 30 | 
 31 |     /*
 32 |     |--------------------------------------------------------------------------
 33 |     | Trust Proxy
 34 |     |--------------------------------------------------------------------------
 35 |     |
 36 |     | Trust proxy defines whether X-Forwaded-* headers should be trusted or not.
 37 |     | When your application is behind a proxy server like nginx, these values
 38 |     | are set automatically and should be trusted. Apart from setting it
 39 |     | to true or false Adonis supports handful or ways to allow proxy
 40 |     | values. Read documentation for that.
 41 |     |
 42 |     */
 43 |     trustProxy: false,
 44 | 
 45 |     /*
 46 |     |--------------------------------------------------------------------------
 47 |     | Subdomains
 48 |     |--------------------------------------------------------------------------
 49 |     |
 50 |     | Offset to be used for returning subdomains for a given request.For
 51 |     | majority of applications it will be 2, until you have nested
 52 |     | sudomains.
 53 |     | cheatsheet.adonisjs.com      - offset - 2
 54 |     | virk.cheatsheet.adonisjs.com - offset - 3
 55 |     |
 56 |     */
 57 |     subdomainOffset: 2,
 58 | 
 59 |     /*
 60 |     |--------------------------------------------------------------------------
 61 |     | JSONP Callback
 62 |     |--------------------------------------------------------------------------
 63 |     |
 64 |     | Default jsonp callback to be used when callback query string is missing
 65 |     | in request url.
 66 |     |
 67 |     */
 68 |     jsonpCallback: 'callback',
 69 | 
 70 | 
 71 |     /*
 72 |     |--------------------------------------------------------------------------
 73 |     | Etag
 74 |     |--------------------------------------------------------------------------
 75 |     |
 76 |     | Set etag on all HTTP response. In order to disable for selected routes,
 77 |     | you can call the `response.send` with an options object as follows.
 78 |     |
 79 |     | response.send('Hello', { ignoreEtag: true })
 80 |     |
 81 |     */
 82 |     etag: true
 83 |   },
 84 | 
 85 |   views: {
 86 |     /*
 87 |     |--------------------------------------------------------------------------
 88 |     | Cache Views
 89 |     |--------------------------------------------------------------------------
 90 |     |
 91 |     | Define whether or not to cache the compiled view. Set it to true in
 92 |     | production to optimize view loading time.
 93 |     |
 94 |     */
 95 |     cache: Env.get('CACHE_VIEWS', true)
 96 |   },
 97 | 
 98 |   static: {
 99 |     /*
100 |     |--------------------------------------------------------------------------
101 |     | Dot Files
102 |     |--------------------------------------------------------------------------
103 |     |
104 |     | Define how to treat dot files when trying to server static resources.
105 |     | By default it is set to ignore, which will pretend that dotfiles
106 |     | does not exists.
107 |     |
108 |     | Can be one of the following
109 |     | ignore, deny, allow
110 |     |
111 |     */
112 |     dotfiles: 'ignore',
113 | 
114 |     /*
115 |     |--------------------------------------------------------------------------
116 |     | ETag
117 |     |--------------------------------------------------------------------------
118 |     |
119 |     | Enable or disable etag generation
120 |     |
121 |     */
122 |     etag: true,
123 | 
124 |     /*
125 |     |--------------------------------------------------------------------------
126 |     | Extensions
127 |     |--------------------------------------------------------------------------
128 |     |
129 |     | Set file extension fallbacks. When set, if a file is not found, the given
130 |     | extensions will be added to the file name and search for. The first
131 |     | that exists will be served. Example: ['html', 'htm'].
132 |     |
133 |     */
134 |     extensions: false
135 |   },
136 | 
137 |   locales: {
138 |     /*
139 |     |--------------------------------------------------------------------------
140 |     | Driver
141 |     |--------------------------------------------------------------------------
142 |     |
143 |     | The driver to be used for fetching and updating locales. Below is the
144 |     | list of available options.
145 |     |
146 |     | file, database
147 |     |
148 |     */
149 |     driver: 'file',
150 | 
151 |     /*
152 |     |--------------------------------------------------------------------------
153 |     | Default Locale
154 |     |--------------------------------------------------------------------------
155 |     |
156 |     | Default locale to be used by Antl provider. You can always switch drivers
157 |     | in runtime or use the official Antl middleware to detect the driver
158 |     | based on HTTP headers/query string.
159 |     |
160 |     */
161 |     locale: 'en'
162 |   },
163 | 
164 |   logger: {
165 |     /*
166 |     |--------------------------------------------------------------------------
167 |     | Transport
168 |     |--------------------------------------------------------------------------
169 |     |
170 |     | Transport to be used for logging messages. You can have multiple
171 |     | transports using same driver.
172 |     |
173 |     | Available drivers are: `file` and `console`.
174 |     |
175 |     */
176 |     transport: 'console',
177 | 
178 |     /*
179 |     |--------------------------------------------------------------------------
180 |     | Console Transport
181 |     |--------------------------------------------------------------------------
182 |     |
183 |     | Using `console` driver for logging. This driver writes to `stdout`
184 |     | and `stderr`
185 |     |
186 |     */
187 |     console: {
188 |       driver: 'console',
189 |       name: 'adonis-app',
190 |       level: 'info'
191 |     },
192 | 
193 |     /*
194 |     |--------------------------------------------------------------------------
195 |     | File Transport
196 |     |--------------------------------------------------------------------------
197 |     |
198 |     | File transport uses file driver and writes log messages for a given
199 |     | file inside `tmp` directory for your app.
200 |     |
201 |     | For a different directory, set an absolute path for the filename.
202 |     |
203 |     */
204 |     file: {
205 |       driver: 'file',
206 |       name: 'adonis-app',
207 |       filename: 'adonis.log',
208 |       level: 'info'
209 |     }
210 |   }
211 | }
212 | 


--------------------------------------------------------------------------------
/config/auth.js:
--------------------------------------------------------------------------------
 1 | 'use strict'
 2 | 
 3 | module.exports = {
 4 |   /*
 5 |   |--------------------------------------------------------------------------
 6 |   | Authenticator
 7 |   |--------------------------------------------------------------------------
 8 |   |
 9 |   | Authentication is a combination of serializer and scheme with extra
10 |   | config to define on how to authenticate a user.
11 |   |
12 |   | Available Schemes - basic, session, jwt, api
13 |   | Available Serializers - lucid, database
14 |   |
15 |   */
16 |   authenticator: 'session',
17 | 
18 |   /*
19 |   |--------------------------------------------------------------------------
20 |   | Session
21 |   |--------------------------------------------------------------------------
22 |   |
23 |   | Session authenticator makes use of sessions to authenticate a user.
24 |   | Session authentication is always persistent.
25 |   |
26 |   */
27 |   session: {
28 |     serializer: 'lucid',
29 |     model: 'App/Models/User',
30 |     scheme: 'session',
31 |     uid: 'username',
32 |     password: 'password'
33 |   },
34 | 
35 |   /*
36 |   |--------------------------------------------------------------------------
37 |   | Basic Auth
38 |   |--------------------------------------------------------------------------
39 |   |
40 |   | The basic auth authenticator uses basic auth header to authenticate a
41 |   | user.
42 |   |
43 |   | NOTE:
44 |   | This scheme is not persistent and users are supposed to pass
45 |   | login credentials on each request.
46 |   |
47 |   */
48 |   basic: {
49 |     serializer: 'lucid',
50 |     model: 'App/Models/User',
51 |     scheme: 'basic',
52 |     uid: 'email',
53 |     password: 'password'
54 |   },
55 | 
56 |   /*
57 |   |--------------------------------------------------------------------------
58 |   | Jwt
59 |   |--------------------------------------------------------------------------
60 |   |
61 |   | The jwt authenticator works by passing a jwt token on each HTTP request
62 |   | via HTTP `Authorization` header.
63 |   |
64 |   */
65 |   jwt: {
66 |     serializer: 'lucid',
67 |     model: 'App/Models/User',
68 |     scheme: 'jwt',
69 |     uid: 'email',
70 |     password: 'password',
71 |     options: {
72 |       secret: 'self::app.appKey'
73 |     }
74 |   }
75 | }
76 | 


--------------------------------------------------------------------------------
/config/bodyParser.js:
--------------------------------------------------------------------------------
  1 | 'use strict'
  2 | 
  3 | module.exports = {
  4 |   /*
  5 |   |--------------------------------------------------------------------------
  6 |   | JSON Parser
  7 |   |--------------------------------------------------------------------------
  8 |   |
  9 |   | Below settings are applied when request body contains JSON payload. If
 10 |   | you want body parser to ignore JSON payload, then simply set `types`
 11 |   | to an empty array.
 12 |   */
 13 |   json: {
 14 |     /*
 15 |     |--------------------------------------------------------------------------
 16 |     | limit
 17 |     |--------------------------------------------------------------------------
 18 |     |
 19 |     | Defines the limit of JSON that can be sent by the client. If payload
 20 |     | is over 1mb it will not be processed.
 21 |     |
 22 |     */
 23 |     limit: '1mb',
 24 | 
 25 |     /*
 26 |     |--------------------------------------------------------------------------
 27 |     | strict
 28 |     |--------------------------------------------------------------------------
 29 |     |
 30 |     | When `scrict` is set to true, body parser will only parse Arrays and
 31 |     | Object. Otherwise everything parseable by `JSON.parse` is parsed.
 32 |     |
 33 |     */
 34 |     strict: true,
 35 | 
 36 |     /*
 37 |     |--------------------------------------------------------------------------
 38 |     | types
 39 |     |--------------------------------------------------------------------------
 40 |     |
 41 |     | Which content types are processed as JSON payloads. You are free to
 42 |     | add your own types here, but the request body should be parseable
 43 |     | by `JSON.parse` method.
 44 |     |
 45 |     */
 46 |     types: [
 47 |       'application/json',
 48 |       'application/json-patch+json',
 49 |       'application/vnd.api+json',
 50 |       'application/csp-report'
 51 |     ]
 52 |   },
 53 | 
 54 |   /*
 55 |   |--------------------------------------------------------------------------
 56 |   | Raw Parser
 57 |   |--------------------------------------------------------------------------
 58 |   |
 59 |   |
 60 |   |
 61 |   */
 62 |   raw: {
 63 |     types: [
 64 |       'text/*'
 65 |     ]
 66 |   },
 67 | 
 68 |   /*
 69 |   |--------------------------------------------------------------------------
 70 |   | Form Parser
 71 |   |--------------------------------------------------------------------------
 72 |   |
 73 |   |
 74 |   |
 75 |   */
 76 |   form: {
 77 |     types: [
 78 |       'application/x-www-form-urlencoded'
 79 |     ]
 80 |   },
 81 | 
 82 |   /*
 83 |   |--------------------------------------------------------------------------
 84 |   | Files Parser
 85 |   |--------------------------------------------------------------------------
 86 |   |
 87 |   |
 88 |   |
 89 |   */
 90 |   files: {
 91 |     types: [
 92 |       'multipart/form-data'
 93 |     ],
 94 | 
 95 |     /*
 96 |     |--------------------------------------------------------------------------
 97 |     | Max Size
 98 |     |--------------------------------------------------------------------------
 99 |     |
100 |     | Below value is the max size of all the files uploaded to the server. It
101 |     | is validated even before files have been processed and hard exception
102 |     | is thrown.
103 |     |
104 |     | Consider setting a reasonable value here, otherwise people may upload GB's
105 |     | of files which will keep your server busy.
106 |     |
107 |     | Also this value is considered when `autoProcess` is set to true.
108 |     |
109 |     */
110 |     maxSize: '20mb',
111 | 
112 |     /*
113 |     |--------------------------------------------------------------------------
114 |     | Auto Process
115 |     |--------------------------------------------------------------------------
116 |     |
117 |     | Whether or not to auto-process files. Since HTTP servers handle files via
118 |     | couple of specific endpoints. It is better to set this value off and
119 |     | manually process the files when required.
120 |     |
121 |     | This value can contain a boolean or an array of route patterns
122 |     | to be autoprocessed.
123 |     */
124 |     autoProcess: true,
125 | 
126 |     /*
127 |     |--------------------------------------------------------------------------
128 |     | Process Manually
129 |     |--------------------------------------------------------------------------
130 |     |
131 |     | The list of routes that should not process files and instead rely on
132 |     | manual process. This list should only contain routes when autoProcess
133 |     | is to true. Otherwise everything is processed manually.
134 |     |
135 |     */
136 |     processManually: []
137 |   }
138 | }
139 | 


--------------------------------------------------------------------------------
/config/cors.js:
--------------------------------------------------------------------------------
 1 | 'use strict'
 2 | 
 3 | module.exports = {
 4 |   /*
 5 |   |--------------------------------------------------------------------------
 6 |   | Origin
 7 |   |--------------------------------------------------------------------------
 8 |   |
 9 |   | Set a list of origins to be allowed. The value can be one of the following
10 |   |
11 |   | Boolean: true - Allow current request origin
12 |   | Boolean: false - Disallow all
13 |   | String - Comma seperated list of allowed origins
14 |   | Array - An array of allowed origins
15 |   | String: * - A wildcard to allow current request origin
16 |   | Function - Receives the current origin and should return one of the above values.
17 |   |
18 |   */
19 |   origin: false,
20 | 
21 |   /*
22 |   |--------------------------------------------------------------------------
23 |   | Methods
24 |   |--------------------------------------------------------------------------
25 |   |
26 |   | HTTP methods to be allowed. The value can be one of the following
27 |   |
28 |   | String - Comma seperated list of allowed methods
29 |   | Array - An array of allowed methods
30 |   |
31 |   */
32 |   methods: ['GET', 'PUT', 'POST'],
33 | 
34 |   /*
35 |   |--------------------------------------------------------------------------
36 |   | Headers
37 |   |--------------------------------------------------------------------------
38 |   |
39 |   | List of headers to be allowed via Access-Control-Request-Headers header.
40 |   | The value can be on of the following.
41 |   |
42 |   | Boolean: true - Allow current request headers
43 |   | Boolean: false - Disallow all
44 |   | String - Comma seperated list of allowed headers
45 |   | Array - An array of allowed headers
46 |   | String: * - A wildcard to allow current request headers
47 |   | Function - Receives the current header and should return one of the above values.
48 |   |
49 |   */
50 |   headers: true,
51 | 
52 |   /*
53 |   |--------------------------------------------------------------------------
54 |   | Expose Headers
55 |   |--------------------------------------------------------------------------
56 |   |
57 |   | A list of headers to be exposed via `Access-Control-Expose-Headers`
58 |   | header. The value can be on of the following.
59 |   |
60 |   | Boolean: false - Disallow all
61 |   | String: Comma seperated list of allowed headers
62 |   | Array - An array of allowed headers
63 |   |
64 |   */
65 |   exposeHeaders: false,
66 | 
67 |   /*
68 |   |--------------------------------------------------------------------------
69 |   | Credentials
70 |   |--------------------------------------------------------------------------
71 |   |
72 |   | Define Access-Control-Allow-Credentials header. It should always be a
73 |   | boolean.
74 |   |
75 |   */
76 |   credentials: false,
77 | 
78 |   /*
79 |   |--------------------------------------------------------------------------
80 |   | MaxAge
81 |   |--------------------------------------------------------------------------
82 |   |
83 |   | Define Access-Control-Allow-Max-Age
84 |   |
85 |   */
86 |   maxAge: 90
87 | }
88 | 


--------------------------------------------------------------------------------
/config/database.js:
--------------------------------------------------------------------------------
 1 | 'use strict'
 2 | 
 3 | const Env = use('Env')
 4 | const Helpers = use('Helpers')
 5 | 
 6 | module.exports = {
 7 |   /*
 8 |   |--------------------------------------------------------------------------
 9 |   | Default Connection
10 |   |--------------------------------------------------------------------------
11 |   |
12 |   | Connection defines the default connection settings to be used while
13 |   | interacting with SQL databases.
14 |   |
15 |   */
16 |   connection: Env.get('DB_CONNECTION', 'sqlite'),
17 | 
18 |   /*
19 |   |--------------------------------------------------------------------------
20 |   | Sqlite
21 |   |--------------------------------------------------------------------------
22 |   |
23 |   | Sqlite is a flat file database and can be good choice under development
24 |   | environment.
25 |   |
26 |   | npm i --save sqlite3
27 |   |
28 |   */
29 |   sqlite: {
30 |     client: 'sqlite3',
31 |     connection: {
32 |       filename: Helpers.databasePath(Env.get('DB_FILENAME', 'development.sqlite'))
33 |     },
34 |     useNullAsDefault: true
35 |   },
36 | 
37 |   /*
38 |   |--------------------------------------------------------------------------
39 |   | MySQL
40 |   |--------------------------------------------------------------------------
41 |   |
42 |   | Here we define connection settings for MySQL database.
43 |   |
44 |   | npm i --save mysql
45 |   |
46 |   */
47 |   mysql: {
48 |     client: 'mysql',
49 |     connection: {
50 |       host: Env.get('DB_HOST', 'localhost'),
51 |       port: Env.get('DB_PORT', ''),
52 |       user: Env.get('DB_USER', 'root'),
53 |       password: Env.get('DB_PASSWORD', ''),
54 |       database: Env.get('DB_DATABASE', 'adonis')
55 |     }
56 |   },
57 | 
58 |   /*
59 |   |--------------------------------------------------------------------------
60 |   | PostgreSQL
61 |   |--------------------------------------------------------------------------
62 |   |
63 |   | Here we define connection settings for PostgreSQL database.
64 |   |
65 |   | npm i --save pg
66 |   |
67 |   */
68 |   pg: {
69 |     client: 'pg',
70 |     connection: {
71 |       host: Env.get('DB_HOST', 'localhost'),
72 |       port: Env.get('DB_PORT', ''),
73 |       user: Env.get('DB_USER', 'root'),
74 |       password: Env.get('DB_PASSWORD', ''),
75 |       database: Env.get('DB_DATABASE', 'adonis')
76 |     }
77 |   }
78 | }
79 | 


--------------------------------------------------------------------------------
/config/session.js:
--------------------------------------------------------------------------------
 1 | 'use strict'
 2 | 
 3 | const Env = use('Env')
 4 | 
 5 | module.exports = {
 6 |   /*
 7 |   |--------------------------------------------------------------------------
 8 |   | Session Driver
 9 |   |--------------------------------------------------------------------------
10 |   |
11 |   | The session driver to be used for storing session values. It can be
12 |   | cookie, file or redis.
13 |   |
14 |   | For `redis` driver, make sure to install and register `@adonisjs/redis`
15 |   |
16 |   */
17 |   driver: Env.get('SESSION_DRIVER', 'cookie'),
18 | 
19 |   /*
20 |   |--------------------------------------------------------------------------
21 |   | Cookie Name
22 |   |--------------------------------------------------------------------------
23 |   |
24 |   | The name of the cookie to be used for saving session id. Session ids
25 |   | are signed and encrypted.
26 |   |
27 |   */
28 |   cookieName: 'adonis-session',
29 | 
30 |   /*
31 |   |--------------------------------------------------------------------------
32 |   | Clear session when browser closes
33 |   |--------------------------------------------------------------------------
34 |   |
35 |   | If this value is true, the session cookie will be temporary and will be
36 |   | removed when browser closes.
37 |   |
38 |   */
39 |   clearWithBrowser: true,
40 | 
41 |   /*
42 |   |--------------------------------------------------------------------------
43 |   | Session age
44 |   |--------------------------------------------------------------------------
45 |   |
46 |   | This value is only used when `clearWithBrowser` is set to false. The
47 |   | age must be a valid https://npmjs.org/package/ms string or should
48 |   | be in milliseconds.
49 |   |
50 |   | Valid values are:
51 |   |  '2h', '10d', '5y', '2.5 hrs'
52 |   |
53 |   */
54 |   age: '2h',
55 | 
56 |   /*
57 |   |--------------------------------------------------------------------------
58 |   | Cookie options
59 |   |--------------------------------------------------------------------------
60 |   |
61 |   | Cookie options defines the options to be used for setting up session
62 |   | cookie
63 |   |
64 |   */
65 |   cookie: {
66 |     httpOnly: true,
67 |     sameSite: true,
68 |     path: '/'
69 |   },
70 | 
71 |   /*
72 |   |--------------------------------------------------------------------------
73 |   | Sessions location
74 |   |--------------------------------------------------------------------------
75 |   |
76 |   | If driver is set to file, we need to define the relative location from
77 |   | the temporary path or absolute url to any location.
78 |   |
79 |   */
80 |   file: {
81 |     location: 'sessions'
82 |   },
83 | 
84 |   /*
85 |   |--------------------------------------------------------------------------
86 |   | Redis config
87 |   |--------------------------------------------------------------------------
88 |   |
89 |   | The configuration for the redis driver. By default we reference it from
90 |   | the redis file. But you are free to define an object here too.
91 |   |
92 |   */
93 |   redis: 'self::redis.default'
94 | }
95 | 


--------------------------------------------------------------------------------
/config/shield.js:
--------------------------------------------------------------------------------
  1 | 'use strict'
  2 | 
  3 | const Env = use('Env')
  4 | 
  5 | module.exports = {
  6 |   /*
  7 |   |--------------------------------------------------------------------------
  8 |   | Content Security Policy
  9 |   |--------------------------------------------------------------------------
 10 |   |
 11 |   | Content security policy filters out the origins not allowed to execute
 12 |   | and load resources like scripts, styles and fonts. There are wide
 13 |   | variety of options to choose from.
 14 |   */
 15 |   csp: {
 16 |     /*
 17 |     |--------------------------------------------------------------------------
 18 |     | Directives
 19 |     |--------------------------------------------------------------------------
 20 |     |
 21 |     | All directives are defined in camelCase and here is the list of
 22 |     | available directives and their possible values.
 23 |     |
 24 |     | https://content-security-policy.com
 25 |     |
 26 |     | @example
 27 |     | directives: {
 28 |     |   defaultSrc: ['self', '@nonce', 'cdnjs.cloudflare.com']
 29 |     | }
 30 |     |
 31 |     */
 32 |     directives: {
 33 |     },
 34 |     /*
 35 |     |--------------------------------------------------------------------------
 36 |     | Report only
 37 |     |--------------------------------------------------------------------------
 38 |     |
 39 |     | Setting `reportOnly=true` will not block the scripts from running and
 40 |     | instead report them to a URL.
 41 |     |
 42 |     */
 43 |     reportOnly: false,
 44 |     /*
 45 |     |--------------------------------------------------------------------------
 46 |     | Set all headers
 47 |     |--------------------------------------------------------------------------
 48 |     |
 49 |     | Headers staring with `X` have been depreciated, since all major browsers
 50 |     | supports the standard CSP header. So its better to disable deperciated
 51 |     | headers, unless you want them to be set.
 52 |     |
 53 |     */
 54 |     setAllHeaders: false,
 55 | 
 56 |     /*
 57 |     |--------------------------------------------------------------------------
 58 |     | Disable on android
 59 |     |--------------------------------------------------------------------------
 60 |     |
 61 |     | Certain versions of android are buggy with CSP policy. So you can set
 62 |     | this value to true, to disable it for Android versions with buggy
 63 |     | behavior.
 64 |     |
 65 |     | Here is an issue reported on a different package, but helpful to read
 66 |     | if you want to know the behavior. https://github.com/helmetjs/helmet/pull/82
 67 |     |
 68 |     */
 69 |     disableAndroid: true
 70 |   },
 71 | 
 72 |   /*
 73 |   |--------------------------------------------------------------------------
 74 |   | X-XSS-Protection
 75 |   |--------------------------------------------------------------------------
 76 |   |
 77 |   | X-XSS Protection saves from applications from XSS attacks. It is adopted
 78 |   | by IE and later followed by some other browsers.
 79 |   |
 80 |   | Learn more at https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/X-XSS-Protection
 81 |   |
 82 |   */
 83 |   xss: {
 84 |     enabled: true,
 85 |     enableOnOldIE: false
 86 |   },
 87 | 
 88 |   /*
 89 |   |--------------------------------------------------------------------------
 90 |   | Iframe Options
 91 |   |--------------------------------------------------------------------------
 92 |   |
 93 |   | xframe defines whether or not your website can be embedded inside an
 94 |   | iframe. Choose from one of the following options.
 95 |   | @available options
 96 |   | DENY, SAMEORIGIN, ALLOW-FROM http://example.com
 97 |   |
 98 |   | Learn more at https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/X-Frame-Options
 99 |   */
100 |   xframe: 'DENY',
101 | 
102 |   /*
103 |   |--------------------------------------------------------------------------
104 |   | No Sniff
105 |   |--------------------------------------------------------------------------
106 |   |
107 |   | Browsers have a habit of sniffing content-type of a response. Which means
108 |   | files with .txt extension containing Javascript code will be executed as
109 |   | Javascript. You can disable this behavior by setting nosniff to false.
110 |   |
111 |   | Learn more at https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/X-Frame-Options
112 |   |
113 |   */
114 |   nosniff: true,
115 | 
116 |   /*
117 |   |--------------------------------------------------------------------------
118 |   | No Open
119 |   |--------------------------------------------------------------------------
120 |   |
121 |   | IE users can execute webpages in the context of your website, which is
122 |   | a serious security risk. Below option will manage this for you.
123 |   |
124 |   */
125 |   noopen: true,
126 | 
127 |   /*
128 |   |--------------------------------------------------------------------------
129 |   | CSRF Protection
130 |   |--------------------------------------------------------------------------
131 |   |
132 |   | CSRF Protection adds another layer of security by making sure, actionable
133 |   | routes does have a valid token to execute an action.
134 |   |
135 |   */
136 |   csrf: {
137 |     enable: Env.get('ENABLE_CSRF_CHECK', true) === 'true',
138 |     methods: ['POST', 'PUT', 'DELETE'],
139 |     filterUris: [],
140 |     cookieOptions: {
141 |       httpOnly: false,
142 |       sameSite: true,
143 |       path: '/',
144 |       maxAge: 7200
145 |     }
146 |   }
147 | }
148 | 


--------------------------------------------------------------------------------
/database/factory.js:
--------------------------------------------------------------------------------
 1 | 'use strict'
 2 | 
 3 | /*
 4 | |--------------------------------------------------------------------------
 5 | | Factory
 6 | |--------------------------------------------------------------------------
 7 | |
 8 | | Factories are used to define blueprints for database tables or Lucid
 9 | | models. Later you can use these blueprints to seed your database
10 | | with dummy data.
11 | |
12 | */
13 | 
14 | const Factory = use('Factory')
15 | 
16 | Factory.blueprint('App/Models/User', (faker, index, data) => {
17 |   const defaultValue = {
18 |     username: faker.username(),
19 |     email: faker.email(),
20 |     password: 'secret',
21 |   }
22 | 
23 |   return Object.assign(defaultValue, data)
24 | })
25 | 
26 | Factory.blueprint('App/Models/Post', (faker) => {
27 |   return {
28 |     title: faker.sentence(),
29 |     body: faker.paragraph(),
30 |     user_id: async () => {
31 |       return (await Factory.model('App/Models/User').create()).id
32 |     }
33 |   }
34 | })
35 | 


--------------------------------------------------------------------------------
/database/migrations/1503248427885_user.js:
--------------------------------------------------------------------------------
 1 | 'use strict'
 2 | 
 3 | const Schema = use('Schema')
 4 | 
 5 | class UserSchema extends Schema {
 6 |   up () {
 7 |     this.create('users', (table) => {
 8 |       table.increments()
 9 |       table.timestamps()
10 |       table.string('username', 80).notNullable().unique()
11 |       table.string('email', 254).notNullable().unique()
12 |       table.string('password', 60).notNullable()
13 |     })
14 |   }
15 | 
16 |   down () {
17 |     this.drop('users')
18 |   }
19 | }
20 | 
21 | module.exports = UserSchema
22 | 


--------------------------------------------------------------------------------
/database/migrations/1507839709797_post_schema.js:
--------------------------------------------------------------------------------
 1 | 'use strict'
 2 | 
 3 | const Schema = use('Schema')
 4 | 
 5 | class PostSchema extends Schema {
 6 |   up () {
 7 |     this.create('posts', (table) => {
 8 |       table.increments()
 9 |       table.timestamps()
10 |       table.string('title')
11 |       table.text('body')
12 |       table.integer('user_id').unsigned()
13 |     })
14 |   }
15 | 
16 |   down () {
17 |     this.drop('posts')
18 |   }
19 | }
20 | 
21 | module.exports = PostSchema
22 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "adonis-blog-demo",
 3 |   "version": "4.0.0",
 4 |   "adonis-version": "4.0.0",
 5 |   "description": "AdonisJS Blog Demo Application",
 6 |   "scripts": {
 7 |     "start": "node server.js",
 8 |     "test": "node ace test --timeout=0",
 9 |     "build": "postcss -o public/app.css resources/css/app.css",
10 |     "build:prod": "cross-env NODE_ENV=production postcss -o public/app.css resources/css/app.css"
11 |   },
12 |   "license": "UNLICENSED",
13 |   "private": true,
14 |   "dependencies": {
15 |     "@adonisjs/ace": "^5.0.2",
16 |     "@adonisjs/auth": "^3.0.5",
17 |     "@adonisjs/bodyparser": "^2.0.3",
18 |     "@adonisjs/cors": "^1.0.6",
19 |     "@adonisjs/fold": "^4.0.8",
20 |     "@adonisjs/framework": "^5.0.8",
21 |     "@adonisjs/ignitor": "^2.0.6",
22 |     "@adonisjs/lucid": "^5.0.4",
23 |     "@adonisjs/session": "^1.0.25",
24 |     "@adonisjs/shield": "^1.0.6",
25 |     "@adonisjs/validator": "^5.0.3",
26 |     "@adonisjs/vow": "^1.0.15",
27 |     "@adonisjs/vow-browser": "^1.0.6"
28 |   },
29 |   "devDependencies": {
30 |     "@fullhuman/postcss-purgecss": "^2.1.2",
31 |     "@tailwindcss/ui": "^0.1.3",
32 |     "autoprefixer": "^9.7.6",
33 |     "cross-env": "^7.0.2",
34 |     "postcss-cli": "^7.1.0",
35 |     "postcss-import": "^12.0.1",
36 |     "postcss-nested": "^4.2.1",
37 |     "sqlite3": "^4.0.1",
38 |     "tailwindcss": "^1.2.0"
39 |   },
40 |   "autoload": {
41 |     "App": "./app"
42 |   }
43 | }
44 | 


--------------------------------------------------------------------------------
/postcss.config.js:
--------------------------------------------------------------------------------
 1 | const tailwind = require('tailwindcss')
 2 | const autoprefixer = require('autoprefixer')
 3 | const postCSSImport = require('postcss-import')
 4 | const postCSSNested = require('postcss-nested')
 5 | const purgeCSS = require('@fullhuman/postcss-purgecss')
 6 | 
 7 | const isProduction = process.env.NODE_ENV === 'production'
 8 | 
 9 | const productionPlugins = [
10 | 	purgeCSS({
11 | 		content: ['./resources/views/**/*.edge'],
12 | 		whitelist: ['body', 'html'],
13 | 		whitelistPatterns: [],
14 | 		defaultExtractor: content => content.match(/[\w-/:]+(?<!:)/g) || []
15 | 	}),
16 | ];
17 | 
18 | module.exports = {
19 | 	plugins: [
20 | 		postCSSImport(),
21 | 		tailwind(),
22 | 		postCSSNested(),
23 | 		autoprefixer(),
24 | 	].concat(isProduction ? productionPlugins : []),
25 | }
26 | 


--------------------------------------------------------------------------------
/resources/css/app.css:
--------------------------------------------------------------------------------
1 | @import "tailwindcss/base";
2 | @import "tailwindcss/components";
3 | @import "tailwindcss/utilities";
4 | 


--------------------------------------------------------------------------------
/resources/views/components/alert.edge:
--------------------------------------------------------------------------------
 1 | <div class="rounded-md bg-{{ color }}-50 p-4">
 2 |   <div class="flex">
 3 |     <div class="flex-shrink-0">
 4 |       @if(type === 'info')
 5 |         <svg class="w-5 h-5 text-blue-400" fill="currentColor" viewBox="0 0 20 20">
 6 |           <path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z" clip-rule="evenodd"/>
 7 |         </svg>
 8 |       @elseif(type === 'danger')
 9 |         <svg class="w-5 h-5 text-red-400" fill="currentColor" viewBox="0 0 20 20">
10 |           <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z" clip-rule="evenodd"/>
11 |         </svg>
12 |       @endif
13 |     </div>
14 |     <div class="flex-1 ml-3 md:flex md:justify-between">
15 |       <p class="text-sm leading-5 text-{{ color }}-700">
16 |         @!yield($slot.main)
17 |       </p>
18 |     </div>
19 |   </div>
20 | </div>
21 | 


--------------------------------------------------------------------------------
/resources/views/components/input.edge:
--------------------------------------------------------------------------------
 1 | <div class="max-w-xs rounded-md shadow-sm">
 2 |   <input
 3 |     class="block w-full transition duration-150 ease-in-out form-input sm:text-sm sm:leading-5"
 4 |     id="{{ name }}"
 5 |     name="{{ name }}"
 6 |     type="{{ type ? type : 'text' }}"
 7 |     @if(placeholder)
 8 |       placeholder="{{ placeholder }}"
 9 |     @endif
10 |     @if(value)
11 |       value="{{ value }}"
12 |     @endif
13 |     {{ required ? 'required' : null }}
14 |   >
15 | </div>
16 | 


--------------------------------------------------------------------------------
/resources/views/components/label.edge:
--------------------------------------------------------------------------------
1 | <label class="block text-sm font-medium leading-5 text-gray-700 sm:mt-px sm:pt-2" for="{{ related }}">
2 |   {{ text }}
3 | </label>
4 | 


--------------------------------------------------------------------------------
/resources/views/components/panel.edge:
--------------------------------------------------------------------------------
1 | <div class="overflow-hidden bg-white shadow sm:rounded-lg">
2 |   <div class="px-4 py-5 sm:p-6">
3 |     @!yield($slot.main)
4 |   </div>
5 | </div>
6 | 


--------------------------------------------------------------------------------
/resources/views/components/textarea.edge:
--------------------------------------------------------------------------------
1 | <div class="flex max-w-lg rounded-md shadow-sm">
2 |   <textarea
3 |     class="block w-full transition duration-150 ease-in-out form-textarea sm:text-sm sm:leading-5"
4 |     id="{{ name }}"
5 |     name="{{ name }}"
6 |     rows="30"
7 |   >{{ value }}</textarea>
8 | </div>
9 | 


--------------------------------------------------------------------------------
/resources/views/layout/app.edge:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |   {{-- Meta Information --}}
 5 |   <meta charset="UTF-8">
 6 |   <meta http-equiv="X-UA-Compatible" content="IE=Edge">
 7 |   <meta name=viewport content="width=device-width, initial-scale=1">
 8 | 
 9 |   {{-- Title --}}
10 |   <title>{{ title }} | Adonis</title>
11 | 
12 |   {{-- Scripts --}}
13 |   <script src="https://cdn.jsdelivr.net/gh/alpinejs/alpine@v2.x.x/dist/alpine.min.js" defer></script>
14 | 
15 |   {{-- CSS --}}
16 |   <link rel="stylesheet" href="/app.css">
17 | </head>
18 | <body class="bg-gray-50">
19 |   {{--
20 |     Include a partial into the view
21 |     ref: http://edge.adonisjs.com/docs/partials
22 |     --}}
23 |   @include('layout.partials.header')
24 | 
25 |   <div class="container px-4 mx-auto">
26 |     {{--
27 |       Display the section content
28 |       ref: http://edge.adonisjs.com/docs/layouts#_basic_example
29 |       --}}
30 |     @!section('content')
31 |   </div>
32 | </body>
33 | </html>
34 | 


--------------------------------------------------------------------------------
/resources/views/layout/partials/header.edge:
--------------------------------------------------------------------------------
 1 | <div class="relative overflow-hidden">
 2 |   {{-- Dots Background --}}
 3 |   <div class="hidden sm:block sm:absolute sm:inset-y-0 sm:h-full sm:w-full">
 4 |     <div class="relative h-full max-w-screen-xl mx-auto text-">
 5 |       <svg class="absolute transform right-full translate-y-1/4 translate-x-1/4 lg:translate-x-1/2" width="404" height="784" fill="none" viewBox="0 0 404 784">
 6 |         <defs>
 7 |           <pattern id="f210dbf6-a58d-4871-961e-36d5016a0f49" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse">
 8 |             <rect x="0" y="0" width="4" height="4" class="text-gray-200" fill="currentColor" />
 9 |           </pattern>
10 |         </defs>
11 |         <rect width="404" height="784" fill="url(#f210dbf6-a58d-4871-961e-36d5016a0f49)" />
12 |       </svg>
13 |       <svg class="absolute transform left-full -translate-y-3/4 -translate-x-1/4 md:-translate-y-1/2 lg:-translate-x-1/2" width="404" height="784" fill="none" viewBox="0 0 404 784">
14 |         <defs>
15 |           <pattern id="5d0dd344-b041-4d26-bec4-8d33ea57ec9b" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse">
16 |             <rect x="0" y="0" width="4" height="4" class="text-gray-200" fill="currentColor" />
17 |           </pattern>
18 |         </defs>
19 |         <rect width="404" height="784" fill="url(#5d0dd344-b041-4d26-bec4-8d33ea57ec9b)" />
20 |       </svg>
21 |     </div>
22 |   </div>
23 | 
24 |   <div class="relative pt-6 pb-12 sm:pb-16 md:pb-20">
25 |     <div class="max-w-screen-xl px-4 mx-auto sm:px-6">
26 |       <nav class="relative flex items-center justify-between sm:h-10 md:justify-center">
27 |         <div class="flex items-center flex-1 md:absolute md:inset-y-0 md:left-0">
28 |           <div class="flex items-center justify-between w-full md:w-auto">
29 |             {{-- Logo / Main Link --}}
30 |             <a href="/">
31 |               <svg width="112" height="33" viewBox="0 0 121 33" fill="none" xmlns="http://www.w3.org/2000/svg">
32 |                 <path d="M40.99 31.525c0-.083-.024-.154-.048-.237-.024-.082-.035-.153-.07-.224-.013-.024-.013-.047-.025-.071L26.668 6.44c-.011-.024-.035-.036-.047-.048-.047-.07-.094-.118-.153-.177a1.104 1.104 0 00-.178-.153c-.023-.012-.035-.036-.059-.048-.047-.023-.094-.023-.142-.047a.823.823 0 00-.224-.07c-.07-.013-.142-.013-.225-.013-.07 0-.141 0-.224.012-.083.012-.154.047-.236.083-.048.023-.095.023-.142.047-.024.012-.036.036-.047.047a.622.622 0 00-.178.142c-.059.06-.106.106-.153.177-.012.024-.036.036-.047.06l-2.423 4.182L16.377.58c-.012-.024-.036-.035-.047-.047-.048-.071-.095-.118-.154-.178a1.1 1.1 0 00-.177-.153c-.024-.012-.036-.036-.06-.047-.047-.024-.094-.024-.141-.048a.824.824 0 00-.225-.07C15.503 0 15.431 0 15.361 0c-.071 0-.142 0-.225.012-.083.012-.153.047-.236.083-.047.023-.095.023-.142.047-.024.012-.035.035-.047.047-.071.047-.118.095-.178.154-.059.059-.106.106-.153.177-.012.024-.036.035-.047.059L.153 25.132c-.011.024-.011.048-.023.071a.711.711 0 00-.07.225c-.025.082-.048.153-.048.236 0 .024-.012.047-.012.071 0 .047.024.095.024.142.011.082.023.165.047.236.024.071.059.13.094.2.036.072.071.13.13.19.06.06.119.106.178.165.035.036.07.071.106.095.024.012.06.024.083.035.035.012.059.024.094.036.13.047.272.083.402.083h11.615l-2.363 4.1c-.012.023-.012.047-.024.07a.71.71 0 00-.07.225c-.024.083-.048.154-.048.236 0 .024-.012.048-.012.071 0 .047.024.095.024.142.012.083.023.166.047.236.024.071.06.13.095.201.035.071.07.13.13.19.059.058.118.106.177.165.035.035.07.07.106.094.024.012.06.024.083.036.035.011.059.023.094.035.13.047.272.083.402.083h28.358c.142 0 .272-.036.402-.083.035-.012.07-.024.095-.035.023-.012.059-.024.082-.036.047-.023.071-.07.107-.094a.593.593 0 00.177-.166c.047-.059.083-.118.13-.189.035-.059.07-.13.094-.2a1.69 1.69 0 00.048-.237.595.595 0 00.023-.142c.071-.059.06-.07.06-.094zM5.27 23.36L15.36 5.884l4.786 8.295-5.305 9.181H5.27zm10.28 5.86l1.335-2.327 2.044-3.545 3.261-5.624 2.044-3.545 1.395-2.422 10.09 17.464H15.55zM51.715 27.66c1.957 0 3.184-.81 3.94-2.037h.053v1.645h3.94V15.21h-3.94v1.644h-.052c-.757-1.226-1.984-2.036-3.94-2.036-3.132 0-5.716 2.193-5.716 6.42 0 4.228 2.584 6.42 5.715 6.42zm1.096-3.602c-1.566 0-2.766-1.096-2.766-2.819 0-1.722 1.2-2.818 2.766-2.818 1.592 0 2.793 1.096 2.793 2.818 0 1.723-1.2 2.819-2.793 2.819zM66.571 27.66c1.957 0 3.184-.81 3.94-2.037h.053v1.645h3.94V9h-3.94v7.855h-.052c-.757-1.226-1.984-2.036-3.94-2.036-3.132 0-5.716 2.193-5.716 6.42 0 4.228 2.584 6.42 5.715 6.42zm1.096-3.602c-1.566 0-2.766-1.096-2.766-2.819 0-1.722 1.2-2.818 2.766-2.818 1.592 0 2.793 1.096 2.793 2.818 0 1.723-1.2 2.819-2.793 2.819zM82.599 14.82c-3.889 0-6.76 2.557-6.76 6.42 0 3.862 2.871 6.42 6.76 6.42 3.914 0 6.785-2.558 6.785-6.42 0-3.863-2.871-6.42-6.785-6.42zm0 3.6c1.591 0 2.818 1.097 2.818 2.82 0 1.722-1.227 2.818-2.819 2.818-1.565 0-2.818-1.096-2.818-2.819 0-1.722 1.253-2.818 2.819-2.818zM98.54 14.82c-1.696 0-3.105.809-3.94 2.218h-.052V15.21h-3.863v12.057h3.941v-6.055c0-2.14.992-2.923 2.323-2.923 1.461 0 2.218.81 2.218 2.61v6.368h3.914v-7.464c0-3.445-1.879-4.984-4.54-4.984zM109.052 9.026h-4.227v3.967h4.227V9.026zm-4.071 18.242h3.941V15.21h-3.941v12.057zM115.406 27.66c3.21 0 5.324-1.201 5.324-4.072 0-2.036-1.096-3.001-2.923-3.68l-2.088-.783c-.6-.234-.913-.391-.913-.756 0-.314.183-.522.966-.522.965 0 2.296.365 3.575.887l1.096-3.184c-1.54-.496-3.001-.73-4.358-.73-3.471 0-5.167 1.435-5.167 3.914 0 1.8.965 2.975 2.949 3.732l2.113.835c.366.157.836.235.836.705 0 .391-.392.548-1.097.548-1.487 0-2.975-.627-4.279-1.383l-1.488 3.235c1.827.914 3.862 1.253 5.454 1.253z" fill="currentColor"></path>
33 |               </svg>
34 |             </a>
35 | 
36 |             {{-- Hamburger Button --}}
37 |             <div class="flex items-center -mr-2 md:hidden">
38 |               <button type="button" class="inline-flex items-center justify-center p-2 text-gray-400 transition duration-150 ease-in-out rounded-md hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 focus:text-gray-500">
39 |                 <svg class="w-6 h-6" stroke="currentColor" fill="none" viewBox="0 0 24 24">
40 |                   <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
41 |                 </svg>
42 |               </button>
43 |             </div>
44 |           </div>
45 |         </div>
46 | 
47 |         {{-- Navigation Actions --}}
48 |         <div class="hidden md:absolute md:flex md:items-center md:justify-end md:inset-y-0 md:right-0">
49 |           {{--
50 |             This tag let us know if the current user is logged in or not.
51 | 
52 |             ref: http://adonisjs.com/docs/4.1/views#_loggedin
53 |             ref: http://adonisjs.com/docs/4.1/authentication#_loggedin
54 |           --}}
55 |           @loggedIn
56 |             <span class="inline-flex mr-4 rounded-md shadow">
57 |               <a href="/posts/create" class="inline-flex items-center px-4 py-2 text-base font-medium leading-6 text-indigo-600 transition duration-150 ease-in-out bg-white border border-transparent rounded-md hover:text-indigo-500 focus:outline-none focus:shadow-outline-blue active:bg-gray-50 active:text-indigo-700">
58 |                 Create Post
59 |               </a>
60 |             </span>
61 |             <span class="inline-flex rounded-md shadow">
62 |               <a href="/logout" class="inline-flex items-center px-4 py-2 text-base font-medium leading-6 text-indigo-600 transition duration-150 ease-in-out bg-white border border-transparent rounded-md hover:text-indigo-500 focus:outline-none focus:shadow-outline-blue active:bg-gray-50 active:text-indigo-700">
63 |                 Logout
64 |               </a>
65 |             </span>
66 |           @else
67 |             <span class="inline-flex mr-4 rounded-md shadow">
68 |               <a href="/login" class="inline-flex items-center px-4 py-2 text-base font-medium leading-6 text-indigo-600 transition duration-150 ease-in-out bg-white border border-transparent rounded-md hover:text-indigo-500 focus:outline-none focus:shadow-outline-blue active:bg-gray-50 active:text-indigo-700">
69 |                 Sign In
70 |               </a>
71 |             </span>
72 |             <span class="inline-flex rounded-md shadow">
73 |               <a href="/register" class="inline-flex items-center px-4 py-2 text-base font-medium leading-6 text-indigo-600 transition duration-150 ease-in-out bg-white border border-transparent rounded-md hover:text-indigo-500 focus:outline-none focus:shadow-outline-blue active:bg-gray-50 active:text-indigo-700">
74 |                 Sign Up
75 |               </a>
76 |             </span>
77 |           @endloggedIn
78 |         </div>
79 |       </nav>
80 |     </div>
81 | 
82 |     {{-- Hero --}}
83 |     @include('layout.partials.hero')
84 |   </div>
85 | </div>
86 | 


--------------------------------------------------------------------------------
/resources/views/layout/partials/hero.edge:
--------------------------------------------------------------------------------
 1 | <div class="max-w-screen-xl px-4 mx-auto mt-10 sm:mt-12 sm:px-6 md:mt-16 lg:mt-20 xl:mt-28">
 2 |   <div class="text-center">
 3 |     <h2 class="text-4xl font-extrabold leading-10 tracking-tight text-gray-900 sm:text-5xl sm:leading-none md:text-6xl">
 4 |       A Modern Web Framework
 5 |       <br />
 6 |       <span class="text-indigo-600">for Node.js</span>
 7 |     </h2>
 8 |     <p class="max-w-md mx-auto mt-3 text-base text-gray-500 sm:text-lg md:mt-5 md:text-xl md:max-w-3xl">
 9 |       AdonisJS is a fully-featured MVC framework for Node.js. It takes care of most of your web development hassles, offering you a clean and stable API to build web apps or microservices.
10 |     </p>
11 |     <div class="max-w-md mx-auto mt-5 sm:flex sm:justify-center md:mt-8">
12 |       <div class="rounded-md shadow">
13 |         <a href="https://adonisjs.com/" class="flex items-center justify-center w-full px-8 py-3 text-base font-medium leading-6 text-white transition duration-150 ease-in-out bg-indigo-600 border border-transparent rounded-md hover:bg-indigo-500 focus:outline-none focus:shadow-outline-indigo md:text-lg">
14 |           Learn More
15 |         </a>
16 |       </div>
17 |     </div>
18 |   </div>
19 | </div>
20 | 


--------------------------------------------------------------------------------
/resources/views/posts/create.edge:
--------------------------------------------------------------------------------
 1 | @layout('layout.app')
 2 | 
 3 | @section('content')
 4 |   @set('title', 'Create a post')
 5 | 
 6 |   <form action="/posts" method="POST">
 7 | 
 8 |     {{--
 9 |       We are here checking if the key 'error' is in the session.
10 |       If it is it means that our validation fails.
11 | 
12 |       ref: http://adonisjs.com/docs/4.0/sessions#_view_helpers
13 |       ref: http://edge.adonisjs.com/docs/conditionals#_if
14 |       --}}
15 |     @if(flashMessage('error'))
16 |       @component('components.alert', { type: 'danger', dismissible: true })
17 |         {{ flashMessage('error') }}
18 |       @endcomponent
19 |     @endif
20 | 
21 |     @include('posts.partials.form')
22 | 
23 |   </form>
24 | @endsection
25 | 


--------------------------------------------------------------------------------
/resources/views/posts/edit.edge:
--------------------------------------------------------------------------------
 1 | @layout('layout.app')
 2 | 
 3 | @section('content')
 4 |   @set('title', 'Edit the post ' + post.id)
 5 | 
 6 |   <form action="/posts/{{ post.id }}?_method=PUT" method="POST">
 7 | 
 8 |     {{--
 9 |       We are here checking if the key 'error' is in the session.
10 |       If it is it means that our validation fails.
11 | 
12 |       ref: http://adonisjs.com/docs/4.0/sessions#_view_helpers
13 |       ref: http://edge.adonisjs.com/docs/conditionals#_if
14 |       --}}
15 |     @if(flashMessage('error'))
16 |       @component('components.alert', { type: 'danger', color: 'red' })
17 |         {{ flashMessage('error') }}
18 |       @endcomponent
19 |     @endif
20 | 
21 |     @include('posts.partials.form')
22 | 
23 |   </form>
24 | @endsection
25 | 


--------------------------------------------------------------------------------
/resources/views/posts/index.edge:
--------------------------------------------------------------------------------
 1 | @layout('layout.app')
 2 | 
 3 | @section('content')
 4 |   @set('title', 'Blog Demo')
 5 | 
 6 |   <div class="relative px-4 pt-16 pb-20 bg-gray-50 sm:px-6 lg:pt-24 lg:pb-28 lg:px-8">
 7 |     <div class="absolute inset-0">
 8 |       <div class="bg-white h-1/3 sm:h-2/3"></div>
 9 |     </div>
10 | 
11 |     <div class="relative mx-auto max-w-7xl">
12 |       {{-- Section Title --}}
13 |       <div class="text-center">
14 |         <h2 class="text-3xl font-extrabold leading-9 tracking-tight text-gray-900 sm:text-4xl sm:leading-10">
15 |           Posts
16 |         </h2>
17 |       </div>
18 | 
19 |       <div class="grid max-w-lg gap-5 mx-auto mt-12 lg:grid-cols-3 lg:max-w-none">
20 |           {{--
21 |             Looping over all posts.
22 | 
23 |             ref: http://edge.adonisjs.com/docs/iteration
24 |           --}}
25 |           @each(post in posts, include = 'posts.partials.post-card')
26 |           @else
27 |             <div class="col-span-12">
28 |               @component('components.alert', { type: 'info', color: 'blue' })
29 |                 There's no post available!
30 |               @endcomponent
31 |             </div>
32 |           @endeach
33 |       </div>
34 |     </div>
35 |   </div>
36 | @endsection
37 | 


--------------------------------------------------------------------------------
/resources/views/posts/partials/form.edge:
--------------------------------------------------------------------------------
 1 | {{--
 2 |   AdonisJs provides CSRF Protection by default.
 3 |   This mean that we need to send a csrf token for every POST, PUT or DELETE request.
 4 | 
 5 |   ref: http://adonisjs.com/docs/4.0/csrf
 6 |   --}}
 7 | {{ csrfField() }}
 8 | 
 9 | <div>
10 |   <h3 class="text-lg font-medium leading-6 text-gray-900">
11 |     New Post
12 |   </h3>
13 |   <p class="max-w-2xl mt-1 text-sm leading-5 text-gray-500">
14 |     Feel free to write whatever you want.
15 |   </p>
16 | </div>
17 | 
18 | <div class="mt-6 sm:mt-5">
19 |   {{-- Title Field --}}
20 |   <div class="sm:grid sm:grid-cols-3 sm:gap-4 sm:items-start sm:border-t sm:border-gray-200 sm:pt-5">
21 |     @!component('components.label', { text: 'Title', related: 'title' })
22 | 
23 |     <div class="mt-1 sm:mt-0 sm:col-span-2">
24 |       @!component('components.input', { name: 'title', value: old('title', post.title || ''), required: true })
25 |       {{ elIf('<p class="mt-2 text-sm text-red-600">$self</p>', getErrorFor('title'), hasErrorFor('title')) }}
26 |     </div>
27 |   </div>
28 | 
29 |   {{-- Body Field --}}
30 |   <div class="mt-6 sm:mt-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:items-start sm:border-t sm:border-gray-200 sm:pt-5">
31 |     @!component('components.label', { text: 'Body', related: 'body' })
32 | 
33 |     <div class="mt-1 sm:mt-0 sm:col-span-2">
34 |       @!component('components.textarea', { name: 'body', value: old('body', post.body || '') })
35 |       {{ elIf('<p class="mt-2 text-sm text-red-600">$self</p>', getErrorFor('body'), hasErrorFor('body')) }}
36 |     </div>
37 |   </div>
38 | 
39 |   <div class="pt-5 mt-8 border-t border-gray-200">
40 |     <div class="flex justify-end">
41 |       <button class="inline-flex justify-center px-4 py-2 text-sm font-medium leading-5 text-white transition duration-150 ease-in-out bg-indigo-600 border border-transparent rounded-md hover:bg-indigo-500 focus:outline-none focus:border-indigo-700 focus:shadow-outline-indigo active:bg-indigo-700">
42 |         Save
43 |       </button>
44 |     </div>
45 |   </div>
46 | </div>
47 | 


--------------------------------------------------------------------------------
/resources/views/posts/partials/post-card.edge:
--------------------------------------------------------------------------------
 1 | <div class="flex flex-col overflow-hidden rounded-lg shadow-lg">
 2 |   {{-- Illustration --}}
 3 |   <div class="flex-shrink-0">
 4 |     <img class="object-cover w-full h-48" src="https://source.unsplash.com/random?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1679&q=80" alt="" />
 5 |   </div>
 6 | 
 7 |   {{-- Card Body --}}
 8 |   <div class="flex flex-col justify-between flex-1 p-6 bg-white">
 9 |     <a href="#" class="block">
10 |       <h3 class="mt-2 text-xl font-semibold leading-7 text-gray-900">
11 |         {{ post.title }}
12 |       </h3>
13 |       <p class="mt-3 text-base leading-6 text-gray-500">
14 |         {{{ truncate(post.body, 25, '...') }}}
15 |       </p>
16 |     </a>
17 |   </div>
18 | 
19 |   {{--
20 |     This tag let us know if the current user is logged in or not.
21 | 
22 |     ref: http://adonisjs.com/docs/4.0/views#_loggedin
23 |     ref: http://adonisjs.com/docs/4.0/authentication#_loggedin
24 |   --}}
25 |   @loggedIn
26 |     <div class="flex items-center justify-end m-6 mt-0">
27 |       <a href="/posts/{{ post.id }}/edit" class="mr-2 text-sm font-medium leading-5 text-blue-600 hover:underline">
28 |         Edit
29 |       </a>
30 |       <a href="/posts/{{ post.id }}/delete" class="text-sm font-medium leading-5 text-blue-600 hover:underline">
31 |         Delete
32 |       </a>
33 |     </div>
34 |   @endloggedIn
35 | </div>
36 | 


--------------------------------------------------------------------------------
/resources/views/session/create.edge:
--------------------------------------------------------------------------------
 1 | @layout('layout.app')
 2 | 
 3 | @section('content')
 4 |   @set('title', 'Login')
 5 | 
 6 |   <div class="max-w-2xl mx-auto">
 7 |     @component('components.panel')
 8 |       <form action="/login" method="POST">
 9 |         {{--
10 |           We are here checking if the key 'error' is in the session.
11 |           If it is it means that our validation fails and credentials are incorect.
12 | 
13 |           ref: http://adonisjs.com/docs/4.1/sessions#_view_helpers
14 |           ref: http://edge.adonisjs.com/docs/conditionals#_if
15 |         --}}
16 |         @if(flashMessage('error'))
17 |           <div class="mb-4">
18 |             @component('components.alert', { type: 'danger', color: 'red' })
19 |               {{ flashMessage('error') }}
20 |             @endcomponent
21 |           </div>
22 |         @endif
23 | 
24 |         {{--
25 |           AdonisJs provides CSRF Protection by default.
26 |           This mean that we need to send a csrf token for every POST, PUT or DELETE request.
27 | 
28 |           ref: http://adonisjs.com/docs/4.1/csrf
29 |         --}}
30 |         {{ csrfField() }}
31 | 
32 |         <div>
33 |           <h3 class="text-lg font-medium leading-6 text-gray-900">
34 |             Sign In
35 |           </h3>
36 |         </div>
37 | 
38 |         <div class="mt-6 sm:mt-5">
39 |           {{-- Username Field --}}
40 |           <div class="sm:grid sm:grid-cols-3 sm:gap-4 sm:items-start sm:border-t sm:border-gray-200 sm:pt-5">
41 |             @!component('components.label', { text: 'Username', related: 'username' })
42 | 
43 |             <div class="mt-1 sm:mt-0 sm:col-span-2">
44 |               @!component('components.input', { name: 'username', value: old('username'), required: true })
45 |             </div>
46 |           </div>
47 | 
48 |           {{-- Password Field --}}
49 |           <div class="mt-6 sm:mt-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:items-start sm:border-t sm:border-gray-200 sm:pt-5">
50 |             @!component('components.label', text = 'Password', related = 'password')
51 | 
52 |             <div class="mt-1 sm:mt-0 sm:col-span-2">
53 |               @!component('components.input', name = 'password', type = 'password', required = true)
54 |             </div>
55 |           </div>
56 | 
57 |           <div class="pt-5 mt-8 border-t border-gray-200">
58 |             <div class="flex justify-end">
59 |               <button class="inline-flex justify-center px-4 py-2 text-sm font-medium leading-5 text-white transition duration-150 ease-in-out bg-indigo-600 border border-transparent rounded-md hover:bg-indigo-500 focus:outline-none focus:border-indigo-700 focus:shadow-outline-indigo active:bg-indigo-700">
60 |                 Login
61 |               </button>
62 |             </div>
63 |           </div>
64 |         </div>
65 |       </form>
66 |     @endcomponent
67 |   </div>
68 | @endsection
69 | 


--------------------------------------------------------------------------------
/resources/views/user/create.edge:
--------------------------------------------------------------------------------
 1 | @layout('layout.app')
 2 | 
 3 | @section('content')
 4 |   @set('title', 'Register')
 5 | 
 6 |   <div class="max-w-2xl mx-auto">
 7 |     @component('components.panel')
 8 |       <form action="/register" method="POST">
 9 |         {{--
10 |           We are here checking if the key 'error' is in the session.
11 |           If it is it means that our validation fails and credentials are incorect.
12 | 
13 |           ref: http://adonisjs.com/docs/4.1/sessions#_view_helpers
14 |           ref: http://edge.adonisjs.com/docs/conditionals#_if
15 |         --}}
16 |         @if(flashMessage('error'))
17 |           <div class="mb-4">
18 |             @component('components.alert', { type: 'danger', color: 'red' })
19 |               {{ flashMessage('error') }}
20 |             @endcomponent
21 |           </div>
22 |         @endif
23 | 
24 |         {{--
25 |           AdonisJs provides CSRF Protection by default.
26 |           This mean that we need to send a csrf token for every POST, PUT or DELETE request.
27 | 
28 |           ref: http://adonisjs.com/docs/4.1/csrf
29 |           --}}
30 |         {{ csrfField() }}
31 | 
32 |         <div>
33 |           <h3 class="text-lg font-medium leading-6 text-gray-900">
34 |             Register
35 |           </h3>
36 |         </div>
37 | 
38 |         <div class="mt-6 sm:mt-5">
39 |           {{-- Username Field --}}
40 |           <div class="sm:grid sm:grid-cols-3 sm:gap-4 sm:items-start sm:border-t sm:border-gray-200 sm:pt-5">
41 |             @!component('components.label', { text: 'Username', related: 'username' })
42 | 
43 |             <div class="mt-1 sm:mt-0 sm:col-span-2">
44 |               @!component('components.input', { name: 'username', value: old('username'), required: true })
45 |               {{ elIf('<p class="mt-2 text-sm text-red-600">$self</p>', getErrorFor('username'), hasErrorFor('username')) }}
46 |             </div>
47 |           </div>
48 | 
49 |           {{-- Email Field --}}
50 |           <div class="mt-6 sm:mt-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:items-start sm:border-t sm:border-gray-200 sm:pt-5">
51 |             @!component('components.label', { text: 'Email', related: 'email' })
52 | 
53 |             <div class="mt-1 sm:mt-0 sm:col-span-2">
54 |               @!component('components.input', { name: 'email', type: 'email', value: old('email'), required: true })
55 |               {{ elIf('<p class="mt-2 text-sm text-red-600">$self</p>', getErrorFor('email'), hasErrorFor('email')) }}
56 |             </div>
57 |           </div>
58 | 
59 |           {{-- Password Field --}}
60 |           <div class="mt-6 sm:mt-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:items-start sm:border-t sm:border-gray-200 sm:pt-5">
61 |             @!component('components.label', { text: 'Password', related: 'password' })
62 | 
63 |             <div class="mt-1 sm:mt-0 sm:col-span-2">
64 |               @!component('components.input', { name: 'password', type: 'password', required: true })
65 |               {{ elIf('<p class="mt-2 text-sm text-red-600">$self</p>', getErrorFor('password'), hasErrorFor('password')) }}
66 |             </div>
67 |           </div>
68 | 
69 |           {{-- Password Confirmation Field --}}
70 |           <div class="mt-6 sm:mt-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:items-start sm:border-t sm:border-gray-200 sm:pt-5">
71 |             @!component('components.label', { text: 'Password Confirmation', related: 'password_confirmation' })
72 | 
73 |             <div class="mt-1 sm:mt-0 sm:col-span-2">
74 |               @!component('components.input', { name: 'password_confirmation', type: 'password', required: true })
75 |               {{ elIf('<p class="mt-2 text-sm text-red-600">$self</p>', getErrorFor('password_confirmation'), hasErrorFor('password_confirmation')) }}
76 |             </div>
77 |           </div>
78 | 
79 |           <div class="pt-5 mt-8 border-t border-gray-200">
80 |             <div class="flex justify-end">
81 |               <button class="inline-flex justify-center px-4 py-2 text-sm font-medium leading-5 text-white transition duration-150 ease-in-out bg-indigo-600 border border-transparent rounded-md hover:bg-indigo-500 focus:outline-none focus:border-indigo-700 focus:shadow-outline-indigo active:bg-indigo-700">
82 |                 Register
83 |               </button>
84 |             </div>
85 |           </div>
86 |         </div>
87 |       </form>
88 |     @endcomponent
89 |   </div>
90 | @endsection
91 | 


--------------------------------------------------------------------------------
/server.js:
--------------------------------------------------------------------------------
 1 | 'use strict'
 2 | 
 3 | /*
 4 | |--------------------------------------------------------------------------
 5 | | Http server
 6 | |--------------------------------------------------------------------------
 7 | |
 8 | | This file bootstrap Adonisjs to start the HTTP server. You are free to
 9 | | customize the process of booting the http server.
10 | |
11 | | """ Loading ace commands """
12 | |     At times you may want to load ace commands when starting the HTTP server.
13 | |     Same can be done by chaining `loadCommands()` method after
14 | |
15 | | """ Preloading files """
16 | |     Also you can preload files by calling `preLoad('path/to/file')` method.
17 | |     Make sure to pass relative path from the project root.
18 | */
19 | 
20 | const { Ignitor } = require('@adonisjs/ignitor')
21 | 
22 | new Ignitor(require('@adonisjs/fold'))
23 |   .appRoot(__dirname)
24 |   .fireHttpServer()
25 |   .catch(console.error)
26 | 


--------------------------------------------------------------------------------
/start/app.js:
--------------------------------------------------------------------------------
 1 | 'use strict'
 2 | 
 3 | /*
 4 | |--------------------------------------------------------------------------
 5 | | Providers
 6 | |--------------------------------------------------------------------------
 7 | |
 8 | | Providers are building blocks for your Adonis app. Anytime you install
 9 | | a new Adonis specific package, chances are you will register the
10 | | provider here.
11 | |
12 | */
13 | const providers = [
14 |   '@adonisjs/framework/providers/AppProvider',
15 |   '@adonisjs/framework/providers/ViewProvider',
16 |   '@adonisjs/lucid/providers/LucidProvider',
17 |   '@adonisjs/bodyparser/providers/BodyParserProvider',
18 |   '@adonisjs/cors/providers/CorsProvider',
19 |   '@adonisjs/shield/providers/ShieldProvider',
20 |   '@adonisjs/session/providers/SessionProvider',
21 |   '@adonisjs/auth/providers/AuthProvider',
22 |   '@adonisjs/vow/providers/VowProvider',
23 |   '@adonisjs/vow-browser/providers/VowBrowserProvider',
24 |   '@adonisjs/validator/providers/ValidatorProvider',
25 | ]
26 | 
27 | /*
28 | |--------------------------------------------------------------------------
29 | | Ace Providers
30 | |--------------------------------------------------------------------------
31 | |
32 | | Ace providers are required only when running ace commands. For example
33 | | Providers for migrations, tests etc.
34 | |
35 | */
36 | const aceProviders = [
37 |   '@adonisjs/lucid/providers/MigrationsProvider'
38 | ]
39 | 
40 | /*
41 | |--------------------------------------------------------------------------
42 | | Aliases
43 | |--------------------------------------------------------------------------
44 | |
45 | | Aliases are short unique names for IoC container bindings. You are free
46 | | to create your own aliases.
47 | |
48 | | For example:
49 | |   { Route: 'Adonis/Src/Route' }
50 | |
51 | */
52 | const aliases = {}
53 | 
54 | /*
55 | |--------------------------------------------------------------------------
56 | | Commands
57 | |--------------------------------------------------------------------------
58 | |
59 | | Here you store ace commands for your package
60 | |
61 | */
62 | const commands = []
63 | 
64 | module.exports = { providers, aceProviders, aliases, commands }
65 | 


--------------------------------------------------------------------------------
/start/kernel.js:
--------------------------------------------------------------------------------
 1 | 'use strict'
 2 | 
 3 | const Server = use('Server')
 4 | 
 5 | /*
 6 | |--------------------------------------------------------------------------
 7 | | Global Middleware
 8 | |--------------------------------------------------------------------------
 9 | |
10 | | Global middleware are executed on each http request only when the routes
11 | | match.
12 | |
13 | */
14 | const globalMiddleware = [
15 |   'Adonis/Middleware/BodyParser',
16 |   'Adonis/Middleware/Session',
17 |   'Adonis/Middleware/Shield',
18 |   'Adonis/Middleware/AuthInit'
19 | ]
20 | 
21 | /*
22 | |--------------------------------------------------------------------------
23 | | Named Middleware
24 | |--------------------------------------------------------------------------
25 | |
26 | | Named middleware is key/value object to conditionally add middleware on
27 | | specific routes or group of routes.
28 | |
29 | | // define
30 | | {
31 | |   auth: 'Adonis/Middleware/Auth'
32 | | }
33 | |
34 | | // use
35 | | Route.get().middleware('auth')
36 | |
37 | */
38 | const namedMiddleware = {
39 |   auth: 'Adonis/Middleware/Auth',
40 |   guest: 'App/Middleware/RedirectIfAuthenticated',
41 | }
42 | 
43 | /*
44 | |--------------------------------------------------------------------------
45 | | Server Middleware
46 | |--------------------------------------------------------------------------
47 | |
48 | | Server levl middleware are executed even when route for a given URL is
49 | | not registered. Features like `static assets` and `cors` needs better
50 | | control over request lifecycle.
51 | |
52 | */
53 | const serverMiddleware = [
54 |   'Adonis/Middleware/Static',
55 |   'Adonis/Middleware/Cors'
56 | ]
57 | 
58 | Server
59 |   .registerGlobal(globalMiddleware)
60 |   .registerNamed(namedMiddleware)
61 |   .use(serverMiddleware)
62 | 


--------------------------------------------------------------------------------
/start/routes.js:
--------------------------------------------------------------------------------
 1 | 'use strict'
 2 | 
 3 | /*
 4 | |--------------------------------------------------------------------------
 5 | | Routes
 6 | |--------------------------------------------------------------------------
 7 | |
 8 | | Http routes are entry points to your web application. You can create
 9 | | routes for different URL's and bind Controller actions to them.
10 | |
11 | | A complete guide on routing is available here.
12 | | http://adonisjs.com/docs/4.0/routing
13 | |
14 | */
15 | 
16 | const Route = use('Route')
17 | 
18 | Route.get('/', 'PostController.index')
19 | 
20 | // Those routes should be only accessible
21 | // when you are not logged in
22 | Route.group(() => {
23 |   Route.get('login', 'SessionController.create')
24 |   Route.post('login', 'SessionController.store')
25 | 
26 |   Route.get('register', 'UserController.create')
27 |   Route.post('register', 'UserController.store')
28 | }).middleware(['guest'])
29 | 
30 | // Those routes should be only accessible
31 | // when you are logged in
32 | Route.group(() => {
33 |   Route.get('logout', 'SessionController.delete')
34 | 
35 |   Route.get('posts/create', 'PostController.create')
36 |   Route.post('posts', 'PostController.store')
37 |   Route.get('posts/:id/edit', 'PostController.edit')
38 |   Route.get('posts/:id/delete', 'PostController.delete')
39 |   Route.put('posts/:id', 'PostController.update')
40 | }).middleware(['auth'])
41 | 


--------------------------------------------------------------------------------
/tailwind.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | 	theme: {},
3 | 	variants: {},
4 | 	plugins: [
5 | 		require('@tailwindcss/ui')(),
6 | 	],
7 | }
8 | 


--------------------------------------------------------------------------------
/test/functional/authentication.spec.js:
--------------------------------------------------------------------------------
 1 | 'use strict'
 2 | 
 3 | const Factory = use('Factory')
 4 | const { test, trait } = use('Test/Suite')('Authentication')
 5 | 
 6 | trait('Test/Browser')
 7 | trait('DatabaseTransactions')
 8 | 
 9 | test('should display an error when crendentials are incorect', async ({ browser }) => {
10 |   // Given we have no user
11 | 
12 |   // And we are on the login page
13 |   const page = await browser.visit('/login')
14 | 
15 |   // When we fill and send the login form
16 |   await page
17 |     .type('[name="username"]', 'romain.lanz')
18 |     .type('[name="password"]', 'secret')
19 |     .submitForm('form')
20 |     .waitForNavigation()
21 | 
22 |   // We expect to be again on the login page
23 |   await page.assertPath('/login')
24 | 
25 |   // And we expect to see an alert message
26 |   await page.assertExists('div[role="alert"]')
27 | 
28 |   // And to see the username filled
29 |   await page.assertValue('[name="username"]', 'romain.lanz')
30 | }).timeout(0)
31 | 
32 | test('a user can log in inside the application', async ({ browser }) => {
33 |   // Given we have a user
34 |   const user = await Factory.model('App/Models/User').create({ password: 'secret' })
35 | 
36 |   // And we are on the login page
37 |   const page = await browser.visit('/login')
38 | 
39 |   // When we fill and send the login form
40 |   await page
41 |     .type('[name="username"]', user.username)
42 |     .type('[name="password"]', 'secret')
43 |     .submitForm('form')
44 |     .waitForNavigation()
45 | 
46 |   // We expect to be on the homepage
47 |   await page.assertPath('/')
48 | }).timeout(0)
49 | 


--------------------------------------------------------------------------------
/test/functional/delete-post.spec.js:
--------------------------------------------------------------------------------
 1 | 'use strict'
 2 | 
 3 | const Factory = use('Factory')
 4 | const Post = use('App/Models/Post')
 5 | const { test, trait } = use('Test/Suite')('Delete Post')
 6 | 
 7 | trait('Auth/Client')
 8 | trait('Test/Browser')
 9 | trait('Session/Client')
10 | trait('DatabaseTransactions')
11 | 
12 | test('we can delete a post', async ({ assert, browser }) => {
13 |   // Given we have a post
14 |   const post = await Factory.model('App/Models/Post').create()
15 | 
16 |   // And we have a user
17 |   const user = await Factory.model('App/Models/User').create()
18 | 
19 |   // And we are logged on the homepage
20 |   const page = await browser.visit(`/`, (request) => {
21 |     request.loginVia(user)
22 |   })
23 | 
24 |   // When we click on the trash icon
25 |   await page
26 |     .click('.trash')
27 |     .waitForNavigation()
28 | 
29 |   // We expect to be again on the homepage
30 |   await page.assertPath('/')
31 | 
32 |   // And we expect that no post exists on the database
33 |   try {
34 |     await Post.findOrFail(post.id)
35 |     assert.isTrue(false)
36 |   } catch (e) {}
37 | })
38 | 


--------------------------------------------------------------------------------
/test/functional/read-post.spec.js:
--------------------------------------------------------------------------------
 1 | 'use strict'
 2 | 
 3 | const Factory = use('Factory')
 4 | const { test, trait } = use('Test/Suite')('Read Post')
 5 | 
 6 | trait('Auth/Client')
 7 | trait('Session/Client')
 8 | trait('Test/ApiClient')
 9 | trait('DatabaseTransactions')
10 | 
11 | test("should see an information when there's no post", async ({ assert, client }) => {
12 |   // Given we have no post
13 | 
14 |   // When we fetch the home page
15 |   const response = await client.get('/').end()
16 | 
17 |   // The request should be good
18 |   response.assertStatus(200)
19 | 
20 |   // And we expect to see the message "There's no post available!"
21 |   assert.include(response.text, "There's no post available!")
22 | })
23 | 
24 | test('should see post on home page', async ({ assert, client }) => {
25 |   // Given we already have a post
26 |   const post = await Factory.model('App/Models/Post').create()
27 | 
28 |   // When we fetch the home page
29 |   const response = await client.get('/').end()
30 | 
31 |   // The request should be good
32 |   response.assertStatus(200)
33 | 
34 |   // And we expect to see the title of the created post
35 |   assert.include(response.text, post.title)
36 | })
37 | 


--------------------------------------------------------------------------------
/test/functional/register.spec.js:
--------------------------------------------------------------------------------
  1 | 'use strict'
  2 | 
  3 | const Factory = use('Factory')
  4 | const User = use('App/Models/User')
  5 | const { test, trait } = use('Test/Suite')('Register')
  6 | 
  7 | trait('Test/Browser')
  8 | trait('DatabaseTransactions')
  9 | 
 10 | test('we can register a new user', async ({ assert, browser }) => {
 11 |   // Given we are on the register  page
 12 |   const page = await browser.visit('/register')
 13 | 
 14 |   // When we fill and send the login form
 15 |   await page
 16 |     .type('[name="username"]', 'romain.lanz')
 17 |     .type('[name="email"]', 'romain.lanz@slynova.ch')
 18 |     .type('[name="password"]', 'secret')
 19 |     .type('[name="password_confirmation"]', 'secret')
 20 |     .submitForm('form')
 21 |     .waitForNavigation()
 22 | 
 23 |   // We expect to be on the homepage
 24 |   await page.assertPath('/')
 25 | 
 26 |   // And to have a user into the database
 27 |   const user = await User.findBy('username', 'romain.lanz')
 28 |   assert.isNotNull(user)
 29 | }).timeout(0)
 30 | 
 31 | test('we need to provide a valid email', async ({ assert, browser }) => {
 32 |   // Given we are on the register  page
 33 |   const page = await browser.visit('/register')
 34 | 
 35 |   // When we fill and send the login form
 36 |   await page
 37 |     .type('[name="username"]', 'romain.lanz')
 38 |     .type('[name="email"]', 'romain.lanz')
 39 |     .type('[name="password"]', 'secret')
 40 |     .type('[name="password_confirmation"]', 'secret')
 41 |     .submitForm('form')
 42 |     .waitForNavigation()
 43 | 
 44 |   // We expect to be again on the register page
 45 |   await page.assertPath('/register')
 46 | 
 47 |   // And to see the username filled
 48 |   await page.assertValue('[name="username"]', 'romain.lanz')
 49 | 
 50 |   // And to see the email filled
 51 |   await page.assertValue('[name="email"]', 'romain.lanz')
 52 | 
 53 |   // And we expect to see a form error
 54 |   await page.assertExists('small.text-xs')
 55 | })
 56 | 
 57 | test('we need to provide a identical password', async ({ assert, browser }) => {
 58 |   // Given we are on the register  page
 59 |   const page = await browser.visit('/register')
 60 | 
 61 |   // When we fill and send the login form
 62 |   await page
 63 |     .type('[name="username"]', 'romain.lanz')
 64 |     .type('[name="email"]', 'romain.lanz@slynova.ch')
 65 |     .type('[name="password"]', 'secret')
 66 |     .type('[name="password_confirmation"]', 'secret2')
 67 |     .submitForm('form')
 68 |     .waitForNavigation()
 69 | 
 70 |   // We expect to be again on the register page
 71 |   await page.assertPath('/register')
 72 | 
 73 |   // And to see the username filled
 74 |   await page.assertValue('[name="username"]', 'romain.lanz')
 75 | 
 76 |   // And to see the email filled
 77 |   await page.assertValue('[name="email"]', 'romain.lanz@slynova.ch')
 78 | 
 79 |   // And we expect to see a form error
 80 |   await page.assertExists('small.text-xs')
 81 | })
 82 | 
 83 | test('we cannot have two same username', async ({ assert, browser }) => {
 84 |   // Given we have a user
 85 |   const user = await Factory.model('App/Models/User').create()
 86 | 
 87 |   // And we are on the register  page
 88 |   const page = await browser.visit('/register')
 89 | 
 90 |   // When we fill and send the login form
 91 |   await page
 92 |     .type('[name="username"]', user.username)
 93 |     .type('[name="email"]', user.email)
 94 |     .type('[name="password"]', 'secret')
 95 |     .type('[name="password_confirmation"]', 'secret')
 96 |     .submitForm('form')
 97 |     .waitForNavigation()
 98 | 
 99 |   // We expect to be again on the register page
100 |   await page.assertPath('/register')
101 | 
102 |   // And to see the username filled
103 |   await page.assertValue('[name="username"]', user.username)
104 | 
105 |   // And to see the email filled
106 |   await page.assertValue('[name="email"]', user.email)
107 | 
108 |   // And we expect to see a form error
109 |   await page.assertExists('small.text-xs')
110 | })
111 | 


--------------------------------------------------------------------------------
/test/functional/update-post.spec.js:
--------------------------------------------------------------------------------
 1 | 'use strict'
 2 | 
 3 | const Factory = use('Factory')
 4 | const { test, trait } = use('Test/Suite')('Update Post')
 5 | 
 6 | trait('Auth/Client')
 7 | trait('Test/Browser')
 8 | trait('Session/Client')
 9 | trait('DatabaseTransactions')
10 | 
11 | test('fields are filled when editing a post', async ({ browser }) => {
12 |   // Given we have a post
13 |   const post = await Factory.model('App/Models/Post').create()
14 | 
15 |   // And we have a user
16 |   const user = await Factory.model('App/Models/User').create()
17 | 
18 |   // And we are logged on the post update form page
19 |   const page = await browser.visit(`/posts/${post.id}/edit`, (request) => {
20 |     request.loginVia(user)
21 |   })
22 | 
23 |   // We expect to see the title filled
24 |   await page.assertValue('[name="title"]', post.title)
25 | 
26 |   // And to see the body filled
27 |   await page.assertValue('[name="body"]', post.body)
28 | })
29 | 
30 | test('we can update a post', async ({ browser, assert }) => {
31 |   // Given we have a post
32 |   const post = await Factory.model('App/Models/Post').create()
33 | 
34 |   // And we have a user
35 |   const user = await Factory.model('App/Models/User').create()
36 | 
37 |   // And we are logged on the post update form page
38 |   const page = await browser.visit(`/posts/${post.id}/edit`, (request) => {
39 |     request.loginVia(user)
40 |   })
41 | 
42 |   // When we fill and send the form
43 |   await page
44 |     .clear('[name="title"]')
45 |     .clear('[name="body"]')
46 |     .type('[name="title"]', 'Post Edited')
47 |     .type('[name="body"]', 'New Body')
48 |     .submitForm('form')
49 |     .waitForNavigation()
50 | 
51 |   // We expect to be again on the homepage
52 |   await page
53 |     .assertPath('/')
54 | 
55 |   // and to see the title of our post
56 |   await page.assertHas('Post Edited')
57 | 
58 |   // and to not see the title of our old post
59 |   assert.notInclude(await page.getText(), post.title)
60 | }).timeout(0)
61 | 


--------------------------------------------------------------------------------
/test/functional/write-post.spec.js:
--------------------------------------------------------------------------------
 1 | 'use strict'
 2 | 
 3 | const Factory = use('Factory')
 4 | const { test, trait } = use('Test/Suite')('Write Post')
 5 | 
 6 | trait('Auth/Client')
 7 | trait('Test/Browser')
 8 | trait('Session/Client')
 9 | trait('DatabaseTransactions')
10 | 
11 | test('we can write a post', async ({ browser }) => {
12 |   // Given we have a user
13 |   const user = await Factory.model('App/Models/User').create()
14 | 
15 |   // And a generated post
16 |   const post = await Factory.model('App/Models/Post').make()
17 | 
18 |   // And we are logged on the post form page
19 |   const page = await browser.visit('/posts/create', (request) => {
20 |     request.loginVia(user)
21 |   })
22 | 
23 |   // When we fill and send the form
24 |   await page
25 |     .type('[name="title"]', post.title)
26 |     .type('[name="body"]', post.body)
27 |     .submitForm('form')
28 |     .waitForNavigation()
29 | 
30 |   // We expect to be on the homepage
31 |   await page.assertPath('/')
32 | 
33 |   // and to see the title of our post
34 |   await page.assertHas(post.title)
35 | })
36 | 
37 | test('a post should have a title', async ({ browser }) => {
38 |   // Given we have a user
39 |   const user = await Factory.model('App/Models/User').create()
40 | 
41 |   // And a generated post
42 |   const post = await Factory.model('App/Models/Post').make()
43 | 
44 |   // And we are logged on the post form page
45 |   const page = await browser.visit('/posts/create', (request) => {
46 |     request.loginVia(user)
47 |   })
48 | 
49 |   // When we fill and send the form
50 |   await page
51 |     .type('[name="body"]', post.body)
52 |     .submitForm('form')
53 |     .waitForNavigation()
54 | 
55 |   // We expect to be again on the post form page
56 |   await page.assertPath('/posts/create')
57 | 
58 |   // And to see the body filled
59 |   await page.assertValue('[name="body"]', post.body)
60 | 
61 |   // And we expect to see a form error
62 |   await page.assertExists('small.form-text')
63 | })
64 | 
65 | test('a post should have a body', async ({ browser }) => {
66 |   // Given we have a user
67 |   const user = await Factory.model('App/Models/User').create()
68 | 
69 |   // And a generated post
70 |   const post = await Factory.model('App/Models/Post').make()
71 | 
72 |   // And we are logged on the post form page
73 |   const page = await browser.visit('/posts/create', (request) => {
74 |     request.loginVia(user)
75 |   })
76 | 
77 |   // When we fill and send the form
78 |   await page
79 |     .type('[name="title"]', post.title)
80 |     .submitForm('form')
81 |     .waitForNavigation()
82 | 
83 |   // We expect to be again on the post form page
84 |   await page.assertPath('/posts/create')
85 | 
86 |   // And to see the title filled
87 |   await page.assertValue('[name="title"]', post.title)
88 | 
89 |   // And we expect to see a form error
90 |   await page.assertExists('small.form-text')
91 | })
92 | 


--------------------------------------------------------------------------------
/vowfile.js:
--------------------------------------------------------------------------------
 1 | 'use strict'
 2 | 
 3 | /*
 4 | |--------------------------------------------------------------------------
 5 | | Vow file
 6 | |--------------------------------------------------------------------------
 7 | |
 8 | | The vow file is loaded before running your tests. This is the best place
 9 | | to hook operations `before` and `after` running the tests.
10 | |
11 | */
12 | 
13 | const ace = require('@adonisjs/ace')
14 | 
15 | module.exports = (cli, runner) => {
16 |   runner.before(async () => {
17 |     /*
18 |     |--------------------------------------------------------------------------
19 |     | Start the server
20 |     |--------------------------------------------------------------------------
21 |     |
22 |     | Starts the http server before running the tests. You can comment this
23 |     | line, if http server is not required
24 |     |
25 |     */
26 |     use('Adonis/Src/Server').listen(process.env.HOST, process.env.PORT)
27 | 
28 |     /*
29 |     |--------------------------------------------------------------------------
30 |     | Run migrations
31 |     |--------------------------------------------------------------------------
32 |     |
33 |     | Migrate the database before starting the tests.
34 |     |
35 |     */
36 |     await ace.call('migration:run')
37 |   })
38 | 
39 |   runner.after(async () => {
40 |     /*
41 |     |--------------------------------------------------------------------------
42 |     | Shutdown server
43 |     |--------------------------------------------------------------------------
44 |     |
45 |     | Shutdown the HTTP server when all tests have been executed.
46 |     |
47 |     */
48 |     use('Adonis/Src/Server').getInstance().close()
49 | 
50 |     /*
51 |     |--------------------------------------------------------------------------
52 |     | Rollback migrations
53 |     |--------------------------------------------------------------------------
54 |     |
55 |     | Once all tests have been completed, we should reset the database to it's
56 |     | original state
57 |     |
58 |     */
59 |     await ace.call('migration:reset')
60 |   })
61 | }
62 | 


--------------------------------------------------------------------------------