Setup ci/cd pipeline when pushing on master branch

.env2.example

@@ -0,0 +1,112 @@
+APP_DEMO=false
+APP_NAME="Laravel Cameroun"
+APP_ENV=local
+APP_KEY=
+APP_DEBUG=true
+APP_URL=http://localhost
+DASHBOARD_PREFIX=console
+APP_LOCALE=fr
+APP_FALLBACK_LOCALE=en
+APP_LOCALE_PHP=fr_FR
+APP_TIMEZONE=UTC
+LOG_CHANNEL=daily
+
+DB_CONNECTION=sqlite
+
+BROADCAST_DRIVER=log
+CACHE_DRIVER=file
+SESSION_DRIVER=file
+SESSION_LIFETIME=120
+SESSION_ENCRYPT=false
+QUEUE_CONNECTION=sync
+
+REDIS_HOST=127.0.0.1
+REDIS_PASSWORD=null
+REDIS_PORT=6379
+
+MAIL_DRIVER=smtp
+MAIL_HOST=localhost
+MAIL_PORT=1025
+MAIL_USERNAME=null
+MAIL_PASSWORD=null
+MAIL_ENCRYPTION=null
+
+MAILGUN_DOMAIN=
+MAILGUN_SECRET=
+
+AWS_ACCESS_KEY_ID=
+AWS_SECRET_ACCESS_KEY=
+AWS_DEFAULT_REGION=us-east-1
+AWS_BUCKET=
+
+PUSHER_APP_ID=
+PUSHER_APP_KEY=
+PUSHER_APP_SECRET=
+PUSHER_APP_CLUSTER=mt1
+
+MIX_PUSHER_APP_KEY="${PUSHER_APP_KEY}"
+MIX_PUSHER_APP_CLUSTER="${PUSHER_APP_CLUSTER}"
+
+# Slack
+SLACK_WEBHOOK_URL=
+SLACK_TEAM_NAME="Laravel Cameroon"
+SLACK_API_TOKEN=
+SLACK_TEAM_URL="https://laravelcm.slack.com"
+
+# Access
+ENABLE_REGISTRATION=true
+SINGLE_LOGIN=false
+CHANGE_EMAIL=false
+PASSWORD_HISTORY=3
+PASSWORD_EXPIRES_DAYS=90
+
+# This should be one or the other, or neither
+REQUIRES_APPROVAL=true
+CONFIRM_EMAIL=true
+#//
+
+# Get your credentials at: https://www.google.com/recaptcha/admin
+CONTACT_CAPTCHA_STATUS=false
+REGISTRATION_CAPTCHA_STATUS=false
+INVISIBLE_RECAPTCHA_BADGEHIDE=false
+INVISIBLE_RECAPTCHA_DEBUG=false
+INVISIBLE_RECAPTCHA_SITEKEY=
+INVISIBLE_RECAPTCHA_SECRETKEY=
+INVISIBLE_RECAPTCHA_DATABADGE='bottomright'
+INVISIBLE_RECAPTCHA_TIMEOUT=5
+
+# Socialite Providers
+FACEBOOK_ACTIVE=false
+FACEBOOK_CLIENT_ID=
+FACEBOOK_CLIENT_SECRET=
+FACEBOOK_REDIRECT=${APP_URL}/login/facebook/callback
+
+BITBUCKET_ACTIVE=false
+BITBUCKET_CLIENT_ID=
+BITBUCKET_CLIENT_SECRET=
+BITBUCKET_REDIRECT=${APP_URL}/login/bitbucket/callback
+
+GITHUB_ACTIVE=true
+GITHUB_CLIENT_ID=
+GITHUB_CLIENT_SECRET=
+GITHUB_REDIRECT=${APP_URL}/login/github/callback
+
+GOOGLE_ACTIVE=true
+GOOGLE_CLIENT_ID=
+GOOGLE_CLIENT_SECRET=
+GOOGLE_REDIRECT=${APP_URL}/login/google/callback
+
+LINKEDIN_ACTIVE=false
+LINKEDIN_CLIENT_ID=
+LINKEDIN_CLIENT_SECRET=
+LINKEDIN_REDIRECT=${APP_URL}/login/linkedin/callback
+
+TWITTER_ACTIVE=false
+TWITTER_CLIENT_ID=
+TWITTER_CLIENT_SECRET=
+TWITTER_REDIRECT=${APP_URL}/login/twitter/callback
+
+SENTRY_LARAVEL_DSN=
+MIX_SENTRY_LARAVEL_DSN="${SENTRY_LARAVEL_DSN}"
+
+YOUTUBE_API_KEY=

.github/workflows/laravel.yml

@@ -0,0 +1,39 @@
+name: Laravel
+
+on:
+  push:
+    branches: [ master ]
+  pull_request:
+    branches: [ master ]
+
+jobs:
+  laravel-tests:
+
+    runs-on: ubuntu-latest
+
+    steps:
+    - uses: actions/checkout@v2
+    - name: Copy .env
+      run: php -r "file_exists('.env') || copy('.env2.example', '.env');"
+    - name: Install Dependencies
+      run: composer install -q --no-ansi --no-interaction --no-scripts --no-progress --prefer-dist
+    - name: Setup PHP
+      uses: shivammathur/setup-php@v2
+      with:
+          php-version: 7.3
+          extensions: dom, curl, libxml, mbstring, zip, pcntl, pdo, sqlite, pdo_sqlite
+          coverage: none
+    - name: Generate key
+      run: php artisan key:generate
+    - name: Directory Permissions
+      run: chmod -R 777 storage bootstrap/cache
+    - name: Install NPM Dependencies with yarn
+      run: yarn install
+    - name: Compiles assets for production
+      run: yarn run production
+    - name: Create Database
+      run: |
+        mkdir -p database
+        touch database/database.sqlite
+    - name: Run all Migrations and seeders
+      run: php artisan migrate --seed

resources/assets/ts/components/Transition.tsx

@@ -74,14 +74,14 @@ function CSSTransition({
       addEndListener={(node, done) => {
         node.addEventListener("transitionend", done, false);
       }}
-      onEnter={(node) => {
+     onEnter={(node: HTMLElement) => {
         addClasses(node, [...enterClasses, ...enterFromClasses]);
       }}
-      onEntering={(node) => {
+      onEntering={(node: HTMLElement) => {
         removeClasses(node, enterFromClasses);
         addClasses(node, enterToClasses);
       }}
-      onEntered={(node) => {
+      onEntered={(node: HTMLElement) => {
         removeClasses(node, [...enterToClasses, ...enterClasses]);
       }}
       onExit={(node) => {