added if to pipeline

.dockerignore

@@ -0,0 +1,2 @@
+dist/
+node_modules/

.eslintignore

@@ -1,3 +1,4 @@
 webpack.config.js
 node_modules/
 dist/
+cypress.config.js

.eslintrc.js

@@ -1,49 +1,28 @@
 module.exports = {
-  "env": {
-    "browser": true,
-    "es6": true,
-    "jest/globals": true
+  env: {
+    browser: true,
+    node: true,
+    es6: true,
+    "jest/globals": true,
+    "cypress/globals": true,
   },
-  "extends": [
-    "eslint:recommended",
-    "plugin:react/recommended"
-  ],
-  "parserOptions": {
-    "ecmaFeatures": {
-      "jsx": true
+  extends: ["eslint:recommended", "plugin:react/recommended", "plugin:cypress/recommended"],
+  parserOptions: {
+    ecmaFeatures: {
+      jsx: true,
     },
-    "ecmaVersion": 2018,
-    "sourceType": "module"
+    ecmaVersion: 2018,
+    sourceType: "module",
   },
-  "plugins": [
-    "react", "jest"
-  ],
-  "rules": {
-    "indent": [
-      "error",
-        2
-      ],
-    "linebreak-style": [
-      "error",
-      "unix"
-    ],
-    "quotes": [
-      "error",
-      "single"
-    ],
-    "semi": [
-      "error",
-      "never"
-    ],
-    "eqeqeq": "error",
+  plugins: ["react", "jest", "cypress"],
+  rules: {
+    indent: ["error", 2],
+    "linebreak-style": ["error", "unix"],
+    eqeqeq: "error",
     "no-trailing-spaces": "error",
-    "object-curly-spacing": [
-      "error", "always"
-    ],
-    "arrow-spacing": [
-      "error", { "before": true, "after": true }
-    ],
-    "no-console": "error",
-    "react/prop-types": 0
-  }
-}
+    "object-curly-spacing": ["error", "always"],
+    "arrow-spacing": ["error", { before: true, after: true }],
+    "no-console": "off",
+    "react/prop-types": 0,
+  },
+};

.github/workflows/healthCheck.yml

@@ -0,0 +1,14 @@
+on:
+  schedule:
+    - cron: "0 0 * * *"
+jobs:
+  Perodic_health_check:
+    runs-on: ubuntu-20.04
+    steps:
+      - name: Check the deployed service URL
+        uses: jtalk/url-health-check-action@v3
+        with:
+          #Check the following url
+          url: https://full-stack-open-pokedex-ariful-694d15d9d278.herokuapp.com/health
+          max-attempts: 3
+          retry-delay: 45s

.github/workflows/hello.yml

@@ -0,0 +1,21 @@
+name: Hello World!
+
+on: 
+  push:
+    branches: 
+    - master
+
+jobs:
+  hello_world_job:
+    runs-on: ubuntu-20.04
+
+    steps: 
+      - name: Say hello
+        run: |
+          echo "Hello world!"
+      - name: Now it is
+        run: | 
+          date
+      - name: Directory content
+        run: |
+          ls -l

.github/workflows/pipeline.yml

@@ -0,0 +1,85 @@
+name: Deployment pipeline
+
+on:
+  push:
+    branches:
+      - master
+
+  pull_request:
+    branches: [master]
+    types: [opened, synchronize]
+
+jobs:
+  simple_deployment_pipeline:
+    runs-on: ubuntu-20.04
+    steps:
+      - uses: actions/checkout@v3
+      - uses: actions/setup-node@v3
+        with:
+          node-version: "16"
+
+      - name: install dependencies
+        run: npm install
+
+      - name: lint
+        run: npm run eslint
+
+      - name: build
+        run: npm run build
+
+      - name: test
+        run: npm run test
+
+      - name: e2e tests
+        uses: cypress-io/github-action@v5
+        with:
+          command: npm run test:e2e
+          start: npm run start-prod
+          wait-on: http://localhost:5000
+
+      - name: deploy to heroku
+        if: ${{github.event_name == 'push'}}
+        uses: akhileshns/[email protected]
+        with:
+          heroku_api_key: ${{secrets.HEROKU_API_KEY}}
+          heroku_app_name: "full-stack-open-pokedex-ariful"
+          heroku_email: "[email protected]"
+          healthcheck: "https://full-stack-open-pokedex-ariful-694d15d9d278.herokuapp.com/health"
+          checkstring: "ok"
+          rollbackonhealthcheckfailed: true
+
+      - name: Deployment Success
+        uses: rjstone/discord-webhook-notify@v1
+        if: ${{ success() }}
+        env:
+          LAST_COMMIT_AUTHOR: ${{toJson(github.event.head_commit.author.username)}}
+        with:
+          severity: info
+          description: A new version of Pokedex deployed
+          details: to https://full-stack-open-pokedex-ariful-694d15d9d278.herokuapp.com/ by ${{fromJson(env.LAST_COMMIT_AUTHOR)}}
+
+          webhookUrl: ${{ secrets.DISCORD_WEBHOOK }}
+
+      - name: Build Failure
+        uses: rjstone/discord-webhook-notify@v1
+        if: ${{ failure() }}
+        env:
+          LAST_COMMIT_URL: ${{toJson(github.event.head_commit.url)}}
+          LAST_COMMIT_AUTHOR: ${{toJson(github.event.head_commit.author.username)}}
+        with:
+          severity: error
+          description: build failed
+          details: commit ${{fromJson(env.LAST_COMMIT_URL)}} by ${{fromJson(env.LAST_COMMIT_AUTHOR)}} broke the build :(
+          webhookUrl: ${{ secrets.DISCORD_WEBHOOK }}
+
+  tag_realease:
+    if: ${{github.event_name == 'push' && !contains(join(toJson(github.event.commits.message)), 'skip')}}
+    needs: [simple_deployment_pipeline]
+    runs-on: ubuntu-20.04
+    steps:
+      - uses: actions/checkout@v3
+      - name: Bump version and push tag
+        uses: anothrNick/github-tag-action@8c8163ef62cf9c4677c8e800f36270af27930f42
+        env:
+          GITHUB_TOKEN: ${{secrets.GITHUB_TOKEN}}
+          WITH_V: true

Dockerfile

@@ -0,0 +1,45 @@
+# syntax = docker/dockerfile:1
+
+# Adjust NODE_VERSION as desired
+ARG NODE_VERSION=16.20.2
+FROM node:${NODE_VERSION}-slim as base
+
+LABEL fly_launch_runtime="Node.js"
+
+# Node.js app lives here
+WORKDIR /app
+
+# Set production environment
+ENV NODE_ENV="production"
+
+
+# Throw-away build stage to reduce size of final image
+FROM base as build
+
+# Install packages needed to build node modules
+RUN apt-get update -qq && \
+    apt-get install -y build-essential pkg-config python
+
+# Install node modules
+COPY --link package-lock.json package.json ./
+RUN npm ci --include=dev
+
+# Copy application code
+COPY --link . .
+
+# Build application
+RUN npm run build
+
+# Remove development dependencies
+RUN npm prune --omit=dev
+
+
+# Final stage for app image
+FROM base
+
+# Copy built application
+COPY --from=build /app /app
+
+# Start the server by default, this can be overwritten at runtime
+EXPOSE 3000
+CMD [ "node", "src/index.js" ]

Procfile

@@ -0,0 +1 @@
+web: npm run start-prod

app.js

@@ -6,6 +6,14 @@ const PORT = process.env.PORT || 5000;
 
 app.use(express.static("dist"));
 
+app.get("/health", (req, res) => {
+  res.send("ok");
+});
+
+app.get("/version", (req, res) => {
+  res.send("1"); // change this string to ensure a new version deployed
+});
+
 app.listen(PORT, () => {
-  console.log("server started on port 5000");
+  console.log(`server started on port ${PORT}`);
 });

cypress.config.js

@@ -0,0 +1,9 @@
+const { defineConfig } = require("cypress");
+
+module.exports = defineConfig({
+  e2e: {
+    setupNodeEvents(on, config) {
+      // implement node event listeners here
+    },
+  },
+});

cypress/e2e/spec.cy.js

@@ -0,0 +1,13 @@
+describe("Pokedex", function () {
+  it("front page can be opened", function () {
+    cy.visit("http://localhost:5000");
+    cy.contains("ivysaur");
+    cy.contains("Pokémon and Pokémon character names are trademarks of Nintendo.");
+  });
+
+  it("navigate to particular pokeman", () => {
+    cy.visit("http://localhost:5000");
+    cy.contains("ivysaur").click();
+    cy.contains("chlorophyll");
+  });
+});

cypress/fixtures/example.json

@@ -0,0 +1,5 @@
+{
+  "name": "Using fixtures to represent data",
+  "email": "[email protected]",
+  "body": "Fixtures are a great way to mock data for responses to routes"
+}

cypress/support/commands.js

@@ -0,0 +1,25 @@
+// ***********************************************
+// This example commands.js shows you how to
+// create various custom commands and overwrite
+// existing commands.
+//
+// For more comprehensive examples of custom
+// commands please read more here:
+// https://on.cypress.io/custom-commands
+// ***********************************************
+//
+//
+// -- This is a parent command --
+// Cypress.Commands.add('login', (email, password) => { ... })
+//
+//
+// -- This is a child command --
+// Cypress.Commands.add('drag', { prevSubject: 'element'}, (subject, options) => { ... })
+//
+//
+// -- This is a dual command --
+// Cypress.Commands.add('dismiss', { prevSubject: 'optional'}, (subject, options) => { ... })
+//
+//
+// -- This will overwrite an existing command --
+// Cypress.Commands.overwrite('visit', (originalFn, url, options) => { ... })

cypress/support/e2e.js

@@ -0,0 +1,20 @@
+// ***********************************************************
+// This example support/e2e.js is processed and
+// loaded automatically before your test files.
+//
+// This is a great place to put global configuration and
+// behavior that modifies Cypress.
+//
+// You can change the location of this file or turn off
+// automatically serving support files with the
+// 'supportFile' configuration option.
+//
+// You can read more here:
+// https://on.cypress.io/configuration
+// ***********************************************************
+
+// Import commands.js using ES2015 syntax:
+import './commands'
+
+// Alternatively you can use CommonJS syntax:
+// require('./commands')