Updated project

.d.ts

@@ -0,0 +1 @@
+declare module "*.png";

.eslintrc.js

@@ -0,0 +1,20 @@
+module.exports = {
+  env: {
+    browser: true,
+    es2022: true,
+    node: true,
+    worker: true,
+  },
+  extends: [
+    "@boehringer-ingelheim/eslint-config/base/strict",
+    "@boehringer-ingelheim/eslint-config/react",
+    "@boehringer-ingelheim/eslint-config/playwright",
+    // HINT: prettier must be the last extension to work
+    "plugin:prettier/recommended",
+  ],
+  ignorePatterns: ["build", "dev-dist", "dist", "docker", "node_modules", "openshift", "public"],
+  plugins: [
+    // HINT: prettier must be the last plugin to work
+    "prettier",
+  ],
+};

.github/workflows/release-beta.yml

@@ -56,7 +56,7 @@ jobs:
         uses: actions/upload-artifact@v2
         with:
           name: build-browser
-          path: build
+          path: dist
   release:
     name: Release
     needs: build
@@ -67,7 +67,7 @@ jobs:
         uses: actions/download-artifact@v2
         with:
           name: build-browser
-          path: build
+          path: dist
       - name: Cache Node Modules
         id: cache-node-modules
         uses: actions/cache@v2

.github/workflows/release-production.yml

@@ -56,7 +56,7 @@ jobs:
         uses: actions/upload-artifact@v2
         with:
           name: build-browser
-          path: build
+          path: dist
   resources:
     name: Generate Screenshots
     needs: build
@@ -74,7 +74,7 @@ jobs:
         uses: actions/download-artifact@v2
         with:
           name: build-browser
-          path: build
+          path: dist
       - name: Install Dependencies
         if: steps.cache-node-modules.outputs.cache-hit != 'true'
         run: npm install

.gitignore

@@ -19,7 +19,7 @@ public/assets/img/photo_*
 
 # production
 .gradle
-/build
+/dist
 
 # resources
 resources/android
@@ -37,3 +37,6 @@ resources/pwa
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
+/test-results/
+/playwright-report/
+/playwright/.cache/

.husky/commit-msg

@@ -1,4 +1,4 @@
-#!/bin/sh
-. "$(dirname "$0")/_/husky.sh"
+#!/usr/bin/env sh
+. "$(dirname -- "$0")/_/husky.sh"
 
-npx --no-install commitlint --edit $1 || echo "Try \033[1;32mnpx git-cz --disable-emoji\033[0;37m to commit and be align with the conventions or use \033[1;32git commit -m \"yolo!\" --no-verify\033[0;37m to bypass the commit-msg hook."
+npx --no -- commitlint --edit "$1" || { echo "Try \033[1;32mnpx git-cz --disable-emoji\033[0;37m to commit and be align with the conventions or use \033[1;33mgit commit -m \"yolo!\" --no-verify\033[0;37m to bypass the commit-msg hook."; exit 1; }

.husky/post-checkout

@@ -0,0 +1,7 @@
+#!/usr/bin/env sh
+. "$(dirname -- "$0")/_/husky.sh"
+
+set +e
+# Install any missing dependencies since package.json changed, while only versions changes are ignored.
+git diff-tree -r --ignore-matching-lines="version" --name-only --no-commit-id "$1" "$2" | grep --quiet package.json && npm ci
+set -e

.husky/post-merge

@@ -1,5 +1,5 @@
-#!/bin/sh
-. "$(dirname "$0")/_/husky.sh"
+#!/usr/bin/env sh
+. "$(dirname -- "$0")/_/husky.sh"
 
-# Install any missing dependencies since package.json changed
-git diff-tree -r --name-only --no-commit-id ORIG_HEAD HEAD | grep --quiet package.json && npm install
+# Install any missing dependencies since package.json changed, while only versions changes are ignored.
+git diff-tree -r --ignore-matching-lines="version" --name-only --no-commit-id ORIG_HEAD HEAD | grep --quiet package.json && npm ci

.husky/pre-commit

@@ -1,4 +1,15 @@
-#!/bin/sh
-. "$(dirname "$0")/_/husky.sh"
+#!/usr/bin/env sh
+. "$(dirname -- "$0")/_/husky.sh"
 
-npx --no-install lint-staged
+# The (feature) branch name is part of the helm release name and only supports a maximum number of characters.
+# The number is unknown for the moment, since it's also depends on Project Id and Component Id.
+# However, the recommendation is that the branch name should not be longer than 32 characters.
+BRANCH_NAME_LENGTH=$(git branch --show-current | wc -m)
+BRANCH_NAME_MAX_LENGTH=32
+if [ $BRANCH_NAME_LENGTH -gt $BRANCH_NAME_MAX_LENGTH ]
+then
+ echo "\033[1;31m✖ Branch name too long ($((BRANCH_NAME_LENGTH))), only $((BRANCH_NAME_MAX_LENGTH)) characters are allowed. Change with 'git branch -m \"new-name\"'\033[0m" && exit;
+fi
+
+npx --no lint-staged
+# helm lint chart --strict

.npmrc

@@ -0,0 +1 @@
+legacy-peer-deps = true 

.prettierignore

@@ -0,0 +1,9 @@
+.history/
+build/
+dev-dist/
+dist/
+node_modules/
+openshift/ods-deployments.json
+package-lock.json
+package.json
+yarn.lock

.prettierrc.js

@@ -0,0 +1 @@
+module.exports = require("@boehringer-ingelheim/prettier-config");

.stylelintrc.js

@@ -0,0 +1,17 @@
+module.exports = {
+  extends: ["stylelint-config-standard", "stylelint-prettier/recommended"],
+  plugins: ["stylelint-order"],
+  ignoreFiles: ["./dist/**", "./ios/**"],
+  rules: {
+    /**
+     * Ionic uses colors with an opacity (alpha) in several components.
+     * In order for this to work, those properties must be provided in RGB format
+     * in a comma separated format without parentheses.
+     * see: https://ionicframework.com/docs/theming/advanced#the-alpha-problem
+     */
+    "color-function-notation": "legacy",
+    "order/order": ["custom-properties", "declarations"],
+    "order/properties-alphabetical-order": true,
+
+  },
+};

README.md

@@ -18,8 +18,8 @@
 
 ### Requirements
 
-- NodeJS 14+
-- NPM 6+
+![Prerequisite Npm](https://img.shields.io/badge/npm-%3E%3D9-blue.svg?style=for-the-badge)
+![Prerequisite Node](https://img.shields.io/badge/node-%3E%3D18-blue.svg?style=for-the-badge)
 - Ionic
 
 ### Set Environment Variables

capacitor.config.json

@@ -3,21 +3,24 @@
   "appName": "Goat Health",
   "bundledWebRuntime": true,
   "npmClient": "npm",
-  "webDir": "build",
+  "webDir": "dist",
   "cordova": {},
   "plugins": {
     "SplashScreen": {
       "launchShowDuration": 3000,
       "launchAutoHide": true,
-      "backgroundColor": "#ffffffff",
+      "backgroundColor": "#fffff",
       "androidSplashResourceName": "splash",
       "androidScaleType": "CENTER_CROP",
       "androidSpinnerStyle": "large",
       "iosSpinnerStyle": "small",
-      "spinnerColor": "#999999",
+      "spinnerColor": "#999",
       "showSpinner": false,
       "splashFullScreen": true,
       "splashImmersive": true
     }
+  },
+  "server": {
+    "androidScheme": "https"
   }
 }

capacitor.config.ts

@@ -0,0 +1,10 @@
+import { CapacitorConfig } from "@capacitor/cli";
+
+const config: CapacitorConfig = {
+    "appId": "de.golms.mmh.goathealth",
+    "appName": "Goat Health",
+    "bundledWebRuntime": false,
+    "webDir": "dist",
+};
+
+export default config;

public/index.html → index.html

@@ -8,17 +8,17 @@
 
     <meta
       name="viewport"
-      content="viewport-fit=cover, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"
+      content="viewport-fit=cover, width=device-width, initial-scale=1.0"
     />
     <meta name="format-detection" content="telephone=no" />
     <meta name="msapplication-tap-highlight" content="no" />
 
-    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
+    <link rel="manifest" href="/manifest.json" />
 
     <link
       rel="shortcut icon"
       type="image/png"
-      href="%PUBLIC_URL%/assets/icon/favicon.png"
+      href="/assets/icon/favicon.png"
     />
 
     <!-- add to homescreen for ios -->
@@ -29,10 +29,10 @@
     <!-- Open Graph Protocol -->
     <meta property="og:title" content="Goat Health by Making More Health" />
     <meta property="og:description" content="Taking good care of your goats." />
-    <meta property="og:url" content="%PUBLIC_URL%" />
+    <meta property="og:url" content="/" />
     <meta
       property="og:image:url"
-      content="%PUBLIC_URL%/assets/img/social-preview.png"
+      content="/assets/img/social-preview.png"
     />
     <meta property="og:image:height" content="640" />
     <meta property="og:image:width" content="1280" />
@@ -42,5 +42,6 @@
 
   <body>
     <div id="root"></div>
+    <script type="module" src="/src/index.tsx"></script>
   </body>
 </html>

ionic.config.json

@@ -3,5 +3,5 @@
   "integrations": {
     "capacitor": {}
   },
-  "type": "react"
+  "type": "react-vite"
 }

ios/.gitignore

@@ -1,6 +1,5 @@
 App/build
 App/Pods
-App/Podfile.lock
 App/App/public
 
 # Cordova plugins for Capacitor
@@ -96,3 +95,5 @@ fastlane/test_output
 # https://github.com/johnno1962/injectionforxcode
 
 iOSInjectionProject/
+
+