optimize images test

.github/workflows/optimize-images.yml

@@ -0,0 +1,26 @@
+name: Optimize Images
+on:
+  pull_request:
+    paths:
+      - '42-optimize-images/**/*.jpg'
+      - '42-optimize-images/**/*.jpeg'
+      - '42-optimize-images/**/*.png'
+      - '42-optimize-images/**/*.webp'
+jobs:
+  build:
+    # Only run on Pull Requests within the same repository, and not from forks.
+    if: github.event.pull_request.head.repo.full_name == github.repository
+    name: calibreapp/image-actions
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout Repo
+        uses: actions/checkout@v2
+
+      - name: Compress Images
+        uses: calibreapp/image-actions@main
+        with:
+          githubToken: ${{ secrets.GITHUB_TOKEN }}
+          jpegQuality: '80'
+          jpegProgressive: false
+          pngQuality: '80'
+          webpQuality: '80'

.github/workflows/performance.yml

@@ -0,0 +1,29 @@
+name: Performance check
+on: [push]
+jobs:
+  lighthouseci:
+    runs-on: ubuntu-latest
+
+    env:
+      working-directory: ./22-lighthouse
+
+    steps:
+      - uses: actions/checkout@v2
+
+      - uses: actions/setup-node@v2
+        with:
+          node-version: 14
+          cache: 'npm'
+          cache-dependency-path: ./22-lighthouse/package-lock.json
+
+      - name: Install Dependencies
+        run: npm install && npm install -g @lhci/[email protected]
+        working-directory: ${{env.working-directory}}
+
+      - name: Build app
+        run: npm run build
+        working-directory: ${{env.working-directory}}
+
+      - name: Run lighthouse
+        run: lhci autorun
+        working-directory: ${{env.working-directory}}

22-lighthouse/.eslintrc

@@ -0,0 +1,33 @@
+{
+  "parser": "babel-eslint",
+  "env": {
+    "browser": true,
+    "node": true,
+    "es6": true
+  },
+  "plugins": [
+    "eslint-plugin-html",
+    "simple-import-sort",
+    "import"
+  ],
+  "extends": [
+    "eslint:recommended",
+    "plugin:prettier/recommended"
+  ],
+  "rules": {
+    "no-console": ["error", { "allow": ["error"] }],
+    "no-var": "error",
+    "object-shorthand": "error",
+    "prefer-const": "error",
+    "prefer-template": "error",
+    "prefer-destructuring": "warn",
+    "prefer-rest-params": "warn",
+    "prefer-spread": "warn",
+    "yoda": "error",
+    "simple-import-sort/imports": "error",
+    "simple-import-sort/exports": "error",
+    "import/first": "error",
+    "import/newline-after-import": "error",
+    "import/no-duplicates": "error"
+  }
+}

22-lighthouse/.gitignore

@@ -0,0 +1,28 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# Dependency directories
+node_modules/
+
+# Optional npm cache directory
+.npm
+
+# Optional eslint cache
+.eslintcache
+
+# Output of 'npm pack'
+*.tgz
+
+# Yarn Integrity file
+.yarn-integrity
+
+# dotenv environment variables file
+.env
+.env.test
+
+# Build output
+dist

22-lighthouse/.prettierrc

@@ -0,0 +1 @@
+{}

22-lighthouse/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2021 CodelyTV
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

22-lighthouse/README.md

@@ -0,0 +1,64 @@
+# JavaScript Bootstrap (base / project starter)
+
+This is a repository intended to serve as a starting point if you want to bootstrap a project in modern vanilla JavaScript.
+
+## Features
+
+- [Webpack](https://webpack.js.org/) (v5)
+- [Babel](https://babeljs.io/) with [preset-env](https://babeljs.io/docs/en/babel-preset-env)
+- [Prettier](https://prettier.io/)
+- [ESLint](https://eslint.org/) with:
+  - [Simple Import Sort](https://github.com/lydell/eslint-plugin-simple-import-sort/)
+  - [Import plugin](https://github.com/benmosher/eslint-plugin-import/)
+  - [HTML plugin](https://github.com/BenoitZugmeyer/eslint-plugin-html)
+  - And a few other ES2015+ related rules
+- [Jest](https://jestjs.io) with [DOM Testing Library](https://testing-library.com/docs/dom-testing-library/intro)
+- [Cypress](https://www.cypress.io/) with [Testing Library](https://testing-library.com/docs/cypress-testing-library/)
+- [GitHub Action workflows](https://github.com/features/actions) set up to run tests and linting on push
+
+## Running the app
+
+```
+# install dependencies
+npm install
+
+# run in dev mode on port 8080
+npm run dev
+
+# generate production build
+npm run build
+
+# run generated content in dist folder on port 8080
+npm run start
+```
+
+## Testing
+
+### Jest with Testing Library
+
+```
+npm run test
+```
+
+### Cypress
+
+```
+# run in dev mode on port 8080
+npm run dev
+
+# open Cypress to run tests on dev mode
+npm run cy:open
+
+# open Cypress on CLI
+npm run cy:run
+```
+
+## Linting
+
+```
+# run linter
+npm run lint
+
+# fix lint issues
+npm run lint:fix
+```

22-lighthouse/babel.config.json

@@ -0,0 +1,11 @@
+{
+  "presets": [
+    [
+      "@babel/preset-env",
+      {
+        "useBuiltIns": "usage",
+        "corejs": "3.9.1"
+      }
+    ]
+  ]
+}