Feature1

.dockerignore

@@ -0,0 +1,5 @@
+node_modules/
+/test-results/
+/playwright-report/
+/blob-report/
+/playwright/.cache/

.env

@@ -0,0 +1,2 @@
+PORT = 5000
+FLY_AUTH_TOKEN  = 'fo1_GtFOaY4YcQwO4BOvFOhFIcY0YjGCuigSb9XooyvC6qk'

.eslintrc.js

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

.github/workflows/fly-deploy.yml

@@ -0,0 +1,62 @@
+name: Fly Deploy
+on:
+  push:
+    branches:
+      - main
+  pull_request:
+    branches: [main]
+    types: [opened, synchronize]
+
+jobs:
+  deploy:
+    name: Deploy app
+    runs-on: ubuntu-latest
+    concurrency: deploy-group
+    steps:
+      - uses: actions/checkout@v4
+      - uses: superfly/flyctl-actions/setup-flyctl@master
+      - name: Install dependencies
+        run: npm install
+      - name: Build app
+        run: npm run build
+      - run: flyctl deploy --remote-only
+        if: ${{ github.event_name == 'push' }}
+        env:
+          FLY_API_TOKEN: ${{ secrets.FLY_API_TOKEN }}
+
+  tag_release:
+    needs: [deploy]
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - name: Bump version and push tag
+        uses: anothrNick/github-tag-action@f278d49d30cdd8775cc3e7dd00b5ee11686ee297
+        if: ${{ github.event_name == 'push' }}
+        env: 
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+          DEFAULT_BUMP: patch
+
+  tag_notify:
+    name: Notify change
+    needs: [tag_release]
+    runs-on: ubuntu-latest
+    steps:
+    - uses: actions/checkout@v4
+
+    - name: New release notification
+      uses: rjstone/discord-webhook-notify@v1
+      if: success()
+      with: 
+        severity: info
+        details: New tag released!
+        webhookUrl: ${{ secrets.DISCORD_WEBHOOK }}
+
+    # - name: New release notification
+    #   if: success()      
+    #   run: |
+    #     curl -H "Content-Type: application/json" -d '{"content": "Hello! New tag has been released!"}' ${{ secrets.DISCORD_WEBHOOK }}
+
+    - name: Build failed notification
+      if: failure()
+      run: |
+        curl -H "Content-Type: application/json" -d '{"content": "**ERROR:** Build failed! Please check the logs."}' ${{ secrets.DISCORD_WEBHOOK }}

.github/workflows/pipeline.yml

@@ -0,0 +1,24 @@
+name: Deployment Pipeline
+
+
+on:
+  push:
+    branches:
+      - main
+
+jobs:
+  simple_deployment_pipeline:
+    runs-on: ubuntu-20.04
+    steps: 
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version: '20.12.1'
+      - name: Install dependencies
+        run: npm install
+      - name: Check Style
+        run: npm run eslint
+      - name: Build
+        run: npm run build --verbose
+      - name: e2e tests
+        run: npm run test:e2e

.github/workflows/test.yml

@@ -0,0 +1,19 @@
+name: Testing stuff
+
+on:
+  push:
+    branches:
+      - main
+
+jobs:
+  test_commit_skip:
+    runs-on: ubuntu-20.04
+    steps:
+      - name: Useless name 
+        uses: actions/checkout@v4
+
+      - name: Check if skip tag-bump
+        if: ${{ !contains(toJson(github.event.commits.*.message), '#skip') }}
+        env:
+          COMMIT_MESSAGES: ${{ toJson(github.event.commits.*.message) }}
+        run: echo "$COMMIT_MESSAGES"

.gitignore

@@ -1,2 +1,6 @@
 dist/
-node_modules/
+node_modules/
+/test-results/
+/playwright-report/
+/blob-report/
+/playwright/.cache/

Dockerfile

@@ -0,0 +1,45 @@
+# syntax = docker/dockerfile:1
+
+# Adjust NODE_VERSION as desired
+ARG NODE_VERSION=20.12.1
+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 --no-install-recommends -y build-essential node-gyp pkg-config python-is-python3
+
+# Install node modules
+COPY package-lock.json package.json ./
+RUN npm ci --include=dev
+
+# Copy application code
+COPY . .
+
+# 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 [ "npm", "run", "start" ]

app.js

@@ -1,11 +1,16 @@
-const express = require("express");
-const app = express();
+import express from 'express'
+const app = express()
 
-// get the port from env variable
-const PORT = process.env.PORT || 5000;
+const PORT = 8080
 
-app.use(express.static("dist"));
+app.use(express.static('dist'))
 
-app.listen(PORT, () => {
-  console.log(`server started on port ${PORT}`);
-});
+app.get('/version', (req, res) => {
+    res.send('1')
+})
+
+app.get('/health', (req, res) => {
+    res.send('ok')
+})
+
+app.listen(PORT)

e2e/Pokemon.spec.js

@@ -0,0 +1,20 @@
+import { test, describe, expect } from '@playwright/test'
+
+describe('Pokedex', () => {
+    test('front page can be opened', async ({ page }) => {
+        await page.goto('http://localhost:8080')
+
+        await expect(page.getByText('ivysaur')).toBeVisible()
+        await expect(page.getByText('Pokémon and Pokémon character names are trademarks of Nintendo.'))
+            .toBeVisible()
+    })
+
+    test('test page navigation', async ({ page }) => {
+
+        await page.goto('http://localhost:8080')
+
+        await page.getByText(/^ivysaur$/).click()
+
+        await expect(page.getByText(/^chlorophyll$/)).toBeVisible()
+    })
+})

fly.toml

@@ -0,0 +1,35 @@
+# fly.toml app configuration file generated for full-stack-open-pokedex-little-star-5652 on 2024-10-01T13:48:15+03:00
+#
+# See https://fly.io/docs/reference/configuration/ for information about how to use this file.
+#
+
+app = 'full-stack-open-pokedex-little-star-5652'
+primary_region = 'syd'
+
+[build]
+
+[env]
+  PORT = "3000" # add this where PORT matches the internal_port below
+
+[processes]
+  app = "node app.js" # add this
+
+[http_service]
+  internal_port = 3000
+  force_https = true
+  auto_stop_machines = 'stop'
+  auto_start_machines = true
+  min_machines_running = 0
+  processes = ['app']
+
+[[http_service.checks]]
+  grace_period = "10s"
+  interval = "30s"
+  method = "GET"
+  timeout = "5s"
+  path = "/health"
+
+[[vm]]
+  memory = '1gb'
+  cpu_kind = 'shared'
+  cpus = 1