(feature) Added code boilerplate; (todo) test functionality

adnanrahic · adnanrahic · commit 59c3afec9558 · 2018-10-18T17:17:10.000+02:00
diff --git a/aws-node-vue-nuxt-ssr/.vscode/settings.json b/aws-node-vue-nuxt-ssr/.vscode/settings.json
@@ -0,0 +1,4 @@
+{
+  "standard.enable": true,
+  "standard.autoFixOnSave": true
+}
diff --git a/aws-node-vue-nuxt-ssr/api/index.js b/aws-node-vue-nuxt-ssr/api/index.js
@@ -0,0 +1,12 @@
+const express = require('express')
+const app = express()
+const bodyParser = require('body-parser')
+app.use(bodyParser.json())
+app.use(bodyParser.urlencoded({ extended: true }))
+const helmet = require('helmet')
+app.use(helmet())
+
+const routes = require('./routes')
+app.use('/api', routes)
+
+module.exports = app
diff --git a/aws-node-vue-nuxt-ssr/api/routes/cart/cart.controller.js b/aws-node-vue-nuxt-ssr/api/routes/cart/cart.controller.js
@@ -0,0 +1,34 @@
+const express = require('express')
+const cartController = express.Router()
+
+cartController
+  .post('/', async (req, res, next) => {
+    // const item = await MagentoAPI.create(req.body)
+    res.status(200).send('Added an item to the Cart.')
+  })
+
+cartController
+  .put('/:id', async (req, res, next) => {
+    // const item = await MagentoAPI.findByIdAndUpdate(req.params.id, { $set: req.body }, { $upsert: true, new: true })
+    res.status(200).send('Updated an item in the Cart.')
+  })
+
+cartController
+  .get('/', async (req, res, next) => {
+    // const items = await MagentoAPI.find()
+    res.status(200).send('Get all items in the Cart')
+  })
+
+cartController
+  .get('/:id', async (req, res, next) => {
+    // const item = await MagentoAPI.findById(req.params.id)
+    res.status(200).send('Get one item from the Cart')
+  })
+
+cartController
+  .delete('/:id', async (req, res, next) => {
+    // const item = await MagentoAPI.deleteOne({ _id: req.params.id })
+    res.status(200).send('Delete an item from the Cart')
+  })
+
+module.exports = cartController
diff --git a/aws-node-vue-nuxt-ssr/api/routes/index.js b/aws-node-vue-nuxt-ssr/api/routes/index.js
@@ -0,0 +1,7 @@
+const express = require('express')
+const router = express.Router()
+// Add all routes here
+router.get('/', (req, res, next) => res.status(200).send('Api works!'))
+const cart = require('./cart/cart.controller')
+router.use('/cart', cart)
+module.exports = router
diff --git a/aws-node-vue-nuxt-ssr/binaryMimeTypes.js b/aws-node-vue-nuxt-ssr/binaryMimeTypes.js
@@ -0,0 +1,19 @@
+module.exports = [
+  'application/javascript',
+  'application/json',
+  'application/octet-stream',
+  'application/xml',
+  'font/eot',
+  'font/opentype',
+  'font/otf',
+  'image/jpeg',
+  'image/png',
+  'image/svg+xml',
+  'text/comma-separated-values',
+  'text/css',
+  'text/html',
+  'text/javascript',
+  'text/plain',
+  'text/text',
+  'text/xml'
+]
diff --git a/aws-node-vue-nuxt-ssr/client/components/navbar.vue b/aws-node-vue-nuxt-ssr/client/components/navbar.vue
@@ -0,0 +1,15 @@
+<template>
+  <nav class="nav">
+    <ul>
+      <li>
+        <nuxt-link to="/">Home</nuxt-link>
+      </li>
+      <li>
+        <nuxt-link to="/dogs">Dogs</nuxt-link>
+      </li>
+      <li>
+        <nuxt-link to="/dogs/shepherd">Only Shepherds</nuxt-link>
+      </li>
+    </ul>
+  </nav>
+</template>
diff --git a/aws-node-vue-nuxt-ssr/client/layouts/default.vue b/aws-node-vue-nuxt-ssr/client/layouts/default.vue
@@ -0,0 +1,13 @@
+<template>
+  <div>
+    <navbar/>
+    <nuxt/>
+  </div>
+</template>
+<script>
+import navbar from "~/components/navbar";
+
+export default {
+  components: { navbar }
+};
+</script>
diff --git a/aws-node-vue-nuxt-ssr/client/pages/dogs/_breed.vue b/aws-node-vue-nuxt-ssr/client/pages/dogs/_breed.vue
@@ -0,0 +1,43 @@
+<template>
+<div>
+  <h2>Dog breed: {{ breed }}</h2>
+  <ul>
+    <li v-for="dog in dogs" v-bind:key="dog.id">
+      <img :src="dog.url" alt="">
+    </li>
+  </ul>
+</div>
+</template>
+
+<script>
+import axios from "axios";
+export default {
+  async asyncData({ store, route }) {
+    const { data } = await axios.get(
+      "https://api.thedogapi.com/v1/images/search?size=thumb&has_breeds=true&limit=50"
+    );
+
+    const reg = new RegExp(route.params.breed, "g");
+    const filteredDogs = data.filter(dog => 
+      dog.breeds[0]
+        .name
+        .toLowerCase()
+        .match(reg)
+    );
+
+    return { dogs: filteredDogs, breed: route.params.breed };
+  },
+  head() {
+    return {
+      title: `${this.breed} Dog`,
+      meta: [
+        {
+          hid: "description",
+          name: "description",
+          content: `You are ${this.breed} hello 👋`
+        }
+      ]
+    };
+  }
+};
+</script>
diff --git a/aws-node-vue-nuxt-ssr/client/pages/dogs/index.vue b/aws-node-vue-nuxt-ssr/client/pages/dogs/index.vue
@@ -0,0 +1,34 @@
+<template>
+<div>
+  <h1>Here you have all dogs.</h1>
+  <ul>
+    <li v-for="dog in dogs" v-bind:key="dog.id">
+      <img :src="dog.url" alt="">
+    </li>
+  </ul>
+</div>
+</template>
+
+<script>
+import axios from "axios";
+export default {
+  async asyncData({ params }) {
+    const { data } = await axios.get(
+      "https://api.thedogapi.com/v1/images/search?size=thumb&limit=10"
+    );
+    return { dogs: data };
+  },
+  head() {
+    return {
+      title: "Show all dogs!",
+      meta: [
+        {
+          hid: "description",
+          name: "description",
+          content: `Hello Dogs 👋`
+        }
+      ]
+    };
+  }
+};
+</script>
diff --git a/aws-node-vue-nuxt-ssr/client/pages/index.vue b/aws-node-vue-nuxt-ssr/client/pages/index.vue
@@ -0,0 +1,19 @@
+<template>
+  <div>
+    <h1>This is the Front Page.</h1>
+    <h3>Random dog of the day:</h3>
+    <img :src="dog.url" alt="">
+  </div>
+</template>
+
+<script>
+import axios from "axios";
+export default {
+  async asyncData({ params }) {
+    const { data } = await axios.get(
+      "https://api.thedogapi.com/v1/images/search?limit=1"
+    );
+    return { dog: data[0] };
+  }
+};
+</script>
diff --git a/aws-node-vue-nuxt-ssr/index.js b/aws-node-vue-nuxt-ssr/index.js
@@ -0,0 +1,12 @@
+const sls = require('serverless-http')
+const binaryMimeTypes = require('./binaryMimeTypes')
+
+const api = require('./api')
+module.exports.api = sls(api, {
+  binary: binaryMimeTypes
+})
+
+const nuxt = require('./nuxt')
+module.exports.nuxt = sls(nuxt, {
+  binary: binaryMimeTypes
+})
diff --git a/aws-node-vue-nuxt-ssr/nuxt.config.js b/aws-node-vue-nuxt-ssr/nuxt.config.js
@@ -0,0 +1,23 @@
+module.exports = {
+  mode: 'universal',
+  head: {
+    title: 'Vue Nuxt Test',
+    meta: [
+      { charset: 'utf-8' },
+      { name: 'viewport', content: 'width=device-width, initial-scale=1' },
+      { hid: 'description', name: 'description', content: 'Nuxt.js project' }
+    ]
+  },
+  build: {
+    vendor: ['axios'],
+    publicPath: `/${require('./secrets.json').NODE_ENV}/_nuxt/`
+  },
+  srcDir: 'client/',
+  performance: {
+    gzip: false
+  },
+  router: {
+    base: `/`
+  },
+  dev: false
+}
diff --git a/aws-node-vue-nuxt-ssr/nuxt.js b/aws-node-vue-nuxt-ssr/nuxt.js
@@ -0,0 +1,11 @@
+const express = require('express')
+const app = express()
+const { Nuxt } = require('nuxt')
+const path = require('path')
+
+app.use('/_nuxt', express.static(path.join(__dirname, '.nuxt', 'dist')))
+const config = require('./nuxt.config.js')
+const nuxt = new Nuxt(config)
+app.use(nuxt.render)
+
+module.exports = app
diff --git a/aws-node-vue-nuxt-ssr/package-lock.json b/aws-node-vue-nuxt-ssr/package-lock.json
diff --git a/aws-node-vue-nuxt-ssr/package.json b/aws-node-vue-nuxt-ssr/package.json
diff --git a/aws-node-vue-nuxt-ssr/readme.md b/aws-node-vue-nuxt-ssr/readme.md
diff --git a/aws-node-vue-nuxt-ssr/secrets.json b/aws-node-vue-nuxt-ssr/secrets.json
diff --git a/aws-node-vue-nuxt-ssr/serverless.yml b/aws-node-vue-nuxt-ssr/serverless.yml

-Original file line number
+Diff line change
@@ @@ -0,0 +1,4 @@ @@
 +{
 +  "standard.enable": true,
 +  "standard.autoFixOnSave": true
 +}