Initial commit

Author: maifeeulasad

.eslintignore

@@ -0,0 +1 @@
+.eslintrc.js

.eslintrc.js

@@ -0,0 +1,70 @@
+module.exports = {
+  env: {
+    browser: true,
+    commonjs: true,
+    es2021: true,
+  },
+  extends: [
+    'plugin:react/recommended',
+    'airbnb',
+    'airbnb-typescript',
+  ],
+  parser: '@typescript-eslint/parser',
+  parserOptions: {
+    ecmaFeatures: {
+      jsx: true,
+    },
+    ecmaVersion: 'latest',
+    project: './tsconfig.json',
+  },
+  plugins: [
+    'react',
+    '@typescript-eslint',
+  ],
+  rules: {
+    // General
+    'no-use-before-define': 'off',
+    '@typescript-eslint/no-use-before-define': ['error'],
+    'no-shadow': 'off',
+    '@typescript-eslint/no-shadow': ['error'],
+    'no-unused-vars': 'off',
+    '@typescript-eslint/no-unused-vars': ['error'],
+    // React and JSX
+    'react/jsx-filename-extension': [1, { extensions: ['.tsx'] }],
+    'react/jsx-one-expression-per-line': 'off',
+    'react/function-component-definition': [2, { namedComponents: 'arrow-function', unnamedComponents: 'arrow-function' }],
+    // Code styling related
+    'react/jsx-curly-newline': 'off',
+    'object-curly-newline': 'off',
+    'function-paren-newline': 'off',
+    'implicit-arrow-linebreak': 'off',
+    'react/jsx-wrap-multilines': [
+      'error',
+      {
+        declaration: 'parens-new-line',
+        assignment: 'parens-new-line',
+        return: 'parens-new-line',
+        arrow: 'parens-new-line',
+        condition: 'parens-new-line',
+        logical: 'ignore',
+        prop: 'ignore',
+      },
+    ],
+    'operator-linebreak': [1, 'after'],
+    'linebreak-style': 'off',
+    // Import related
+    'import/prefer-default-export': 'off',
+    'import/no-default-export': 'error',
+    'react/require-default-props': 'off',
+    'import/extensions': [
+      'error',
+      'ignorePackages',
+      {
+        js: 'never',
+        jsx: 'never',
+        ts: 'never',
+        tsx: 'never',
+      },
+    ],
+  },
+};

.github/workflows/lighthouse.yml

@@ -0,0 +1,43 @@
+name: Lighthouse Report Generation
+
+
+on:
+  push:
+    branches: [ main ]
+  pull_request:
+    branches: [ main ]
+
+jobs:
+  lighthouse:
+    runs-on: ubuntu-latest
+
+    steps:
+      - uses: actions/checkout@v2
+
+      - name: 'Installing Build Deps'
+        run: npm i -g pnpm
+        
+      - name: 'Installing deps'
+        run: |
+          pnpm i
+          npm i -g @lhci/[email protected] serve
+
+      - name: 'Build Prodcution'
+        run: pnpm build
+
+      - name: 'Serve Prodcution Server'
+        run: serve -s build &
+
+      - name: 'Run Lighthouse tests'
+        continue-on-error: true
+        run: lhci autorun
+
+      - name: 'Upload report'
+        uses: actions/upload-artifact@v4
+        if: always()
+        with:
+          name: lhci-reports
+          path: |
+            .lighthouseci/
+          # if-no-files-found: error
+          # if: ${{ success() && steps.lighthouse.outputs.hasHtmlReport == 'true' && steps.lighthouse.outputs.hasJsonReport == 'true' }}

.github/workflows/mr.yml

@@ -0,0 +1,25 @@
+name: Action before Merge
+
+on:
+  pull_request:
+    branches: [ main ]
+
+jobs:
+  build:
+
+    runs-on: ubuntu-latest
+
+    strategy:
+      matrix:
+        node-version: [18.x]
+
+    steps:
+    - uses: actions/checkout@v1
+    - name: Use Node.js ${{ matrix.node-version }}
+      uses: actions/setup-node@v1
+      with:
+        node-version: ${{ matrix.node-version }}
+    - name: 'Installing deps'    
+      run: npm i -g pnpm && pnpm i
+    - name: 'Predeploy' # no need to add test and everything seperately, we ensure everything with predeploy
+      run: pnpm predeploy

.github/workflows/pipeline.yml

@@ -0,0 +1,36 @@
+name: Build and Publish to GH Pages
+
+on:
+  push:
+    branches: [ main ]
+
+jobs:
+  build:
+
+    runs-on: ubuntu-latest
+
+    strategy:
+      matrix:
+        node-version: [18.x]
+
+    steps:
+    - uses: actions/checkout@v1
+    - name: Use Node.js ${{ matrix.node-version }}
+      uses: actions/setup-node@v1
+      with:
+        node-version: ${{ matrix.node-version }}
+        
+    - name: 'Installing build deps'    
+      run: npm i -g pnpm  
+    - name: 'Installing deps'    
+      run: pnpm i
+#    - name: 'Test'
+#      run: pnpm test
+    - name: 'Build'
+      run: pnpm build #--if-present
+    - name: 'Deploy'
+      uses: peaceiris/actions-gh-pages@v4
+      with:
+        deploy_key: ${{ secrets.ACTIONS_DEPLOY_KEY }}
+        publish_dir: ./build
+        allow_empty_commit: true

.github/workflows/snap.yml

@@ -0,0 +1,38 @@
+name: Take Snap of Rendered Page
+
+on:
+  push:
+    branches: [ main ]
+
+jobs:
+  snap:
+    runs-on: ubuntu-latest
+
+    steps:
+      - uses: actions/checkout@v2
+
+      - name: 'Installing build deps'
+        run: npm i -g pnpm
+
+      - name: 'Installing deps'
+        run: pnpm i && npm i -g serve && npx --yes puppeteer browsers install chrome
+
+      - name: 'Build Prodcution'
+        run: pnpm build
+
+      - name: 'Serve Prodcution Server'
+        run: serve -s build -p 5173 &
+
+      - name: 'Installing System Deps'
+        run: sudo apt update -y && sudo apt install -y libgbm1
+
+      - name: 'Take Snap'
+        run: node puppeteer/snap.js
+
+      - name: 'Upload report'
+        uses: actions/upload-artifact@v4
+        if: always()
+        with:
+          name: snap-of-homepage
+          path: |
+            homepage.png

.gitignore

@@ -0,0 +1,26 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# production
+/build
+
+# misc
+.DS_Store
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# cypress
+cypress/screenshots