Feature/profile page/issue 1022/user profile page work (#1067)

* `update` Makefile * chore: update gitignore * chore: update makefile * chore: update template svelte widget; * feat: add firestore; add firebase-storage; * feat: add menu-widget on profile; * feat: add profile widget assets; * feat: update app.css; * feat: add account widget; add dashboard widget; * feat: update debug func; * feat: add username-gen method; * feat: update hasura types on profile_trans; * feat: create new file for main component func. * feat: add types - query - route profile data get; * feat: profile page layout; profile page pre-load; * chore: update tsconfig; update ref-readme; * feat: update app.css; * feat: update menu-widget cross-platform; * feat: update app.css; * feat: update platform-functions; * feat: update assets for profile page components; * feat: account widget responsivness; * feat: polishing for main menu widget styles; * feat: dashboard responsivness; * feat: update platform main user-settings stores; * doc: updating README; * doc: renaming widgets files; * feat: settings modals; settings profile cropper; * feat: renaming dashboard widget; rename others (+) * feat: new assets added; * feat: layout for profile change to grid; * feat: update auth-widget; * doc: rename main header; * feat: profile navbar create; * doc: clear up code in +layout.svelte; * feat: update for danger btn; add primary btn fade; * feat: added menu opt hover effects; * fix: #940 * fix: #944 * fix: #945 * fix: #565 * fix: #286 * fix: #998 * fix: #998 * fix: #993 * fix: #1008 * chore: aesthetic tournament/incident widget; * doc: updated debug functions; * fix: #1009 * fix: #1000 - 5XX page; #1000 - images to png; * doc: update eslint; update prettier; * doc: update prettier; update README; * doc: update /+layout.ts aesthetics; * doc: update /+layout.svelte aesthetics; * doc: update prettier; * doc: update package.json for removal bull bullmq; * doc: update hooks.server.ts; * doc: update README-DEV; * feat: aesthetic app.html; add %lang% to app.html; * doc: update prettier; * feat: update hooks.server.ts for lang detection; * doc: update README-DEV; * fix: remove +layout.svelte use of <html lang={}>; * feat: enhance debug.ts of platform in preload msg; * feat: +layout.ts docs - aesth - promises; * feat: clean/update (en) +page.ts - +page.svelte; * doc: hooks.server.ts * feat: prettier on widget-main; update types; * chore: clean up leagues-table / best-goalscorers; * feat: update profile-modal select for mobile; * chore: update package.json scripts; * chore: formatting with prettier; * chore: update packages @sveltekit - vite - adnode; * fix: #1000 - images width-heigth; * chore: duplicate /(en) for /(lang) pages; * feat: update correct $page.route.id use; * doc: update prettier; * chore: update package.json for plugin removal; * feat: update new data-preload for sveltekit 1.5.5; * chore: update global-types; * chore: update debug-logs; * feat: update correct $page.route.id use; * chore: update debug-logs master file control; * doc: update prettier; * doc: update prettier version; * fix: #1000 - (scaled-down) images to png; * chore: update debug-logs; * feat: update cache endpoints for prob-h2h trans; * doc: update types for fixture-pages-info; * test: promises in load() and update widget data; * test: all fixed - updating; * chore: transfer copy to /lang/fixture w/promise; * feat: console.log() to debug.ts cont. update; * feat: update scripts-package.json * feat: update for pealoading data intents sessions; * chore: update debug-master file; * chore: update fixture/+page.ts (count.) logs geo; * test: add detached endpoint for client-server IP; * test: add detached endpoint for client-server IP; * test: add detached endpoint layout.server.ts init; * test: add detached endpoint layout.server.ts mod; * test: add detached endpoint layout.server.ts mod; * test: add detached endpoint layout.server.ts mod; * test: server-heroku.js / layout.server.ts mod; * test: page.server.ts mod; * test: server-heroku.js mod; * test: layout to client mod; del page.server; * test: layou.ts mod; * doc: update README-DEV; * feat: update AuthWidget get/check user firestore; * feat: updae WidgetSettings username & doc update; * feat: update lang urls for profile page; * feat: update main-layout nav transaltions handle; * feat: update /u/[profile] page layout & widgets; * feat: add darkmode to profile page widgets; * feat: update navbar correct ui for profile page; * chore: footer update comments; * feat: revert Moralis to it's current state of auth; * feat: update header for side-nav on profile page; * feat: dark mode modals + btn-hollow; pic-add nav; * hot-fix: update darkmode colors on profile; * feat: update user profile route title page; * feat: update OpenGraph types in main; * doc: update debug (file); * doc: update debug logs handle func; * feat: (major) remove duplicate route for a locale; * feat: moving fixture page layout to components; * fix: correct new route.id rename; * feat: (major) remove duplicate route for a locale; * doc: update for lang-platform detect func; * feat: remove cache control from (layout); * fix: #1041; * chore: update debug logs; * chore: update debug logs fixutre/vote; * fix: #1007; * chore: update commens fixture/+page.ts * fix: #1042; * feat: (tournaments) #1034; * fix: #940; * fix: #944; * fix: #1044 | 1,2,3,5,7,8,9,0,10,11,12; * chore: update makefile; * fix: #1044 | 4,8 (update) * doc: update debug logs; * fix: #1044; * fix: #998; * fix: #1007; * fix: #940 * hot-fix: tablet profile page menu cahnge overflow; * fix: #1044 - picture-profile update events; * fix: #1044; * fix: #1044 cont.; * fix: #1044 cont. - restriction on profile-route; * fix: #1044 cont. - transaltions; * fix: #1009; * fix: #1044 (cont); * fix: #1058; * fix: #1044 (translations); * fix: #1044 (translations); * fix: #1058 (update); * fix: #1058 (update); * fix: #1044 (upload-limit); * fix: #1060; * chore: data reduce (fixture) revert; * fix: #1020; * doc: README-DEV update; TEMPLATE (comp); * fix: #1040; * fix: #1044; * fix: #1020 (mobile); * fix: #1061; * fix: #1020 (mobile-detect); * fix: #1061; * fix: #1066; * fix: #1020; * fix: #1020; * hot-fix: Dockerfile python V update; * hot-fix: deepsource issues; * doc: update vscode/settings.json * doc: update secrets;
Betarena · Feb 21, 2023 · 64a0c58 · 64a0c58
1 parent e55b476
commit 64a0c58
Show file tree

Hide file tree

Showing 425 changed files with 79,300 additions and 59,657 deletions.
diff --git a/.eslintignore b/.eslintignore
@@ -0,0 +1,13 @@
+.DS_Store
+node_modules
+/build
+/.svelte-kit
+/package
+.env
+.env.*
+!.env.example
+
+# Ignore files for PNPM, NPM and YARN
+pnpm-lock.yaml
+package-lock.json
+yarn.lock
diff --git a/.eslintrc.cjs b/.eslintrc.cjs
@@ -10,7 +10,7 @@ module.exports = {
 	},
 	parserOptions: {
 		sourceType: 'module',
-		ecmaVersion: 2019
+		ecmaVersion: 2020
 	},
 	env: {
 		browser: true,

diff --git a/.github/workflows/docker-image.yml b/.github/workflows/docker-image.yml
@@ -2,28 +2,44 @@
 # ... GITHUB ACIONS CI/CD WORKFLOW ...
 # ....................................
 name: Docker Image CI
-# ... when to trigger this project
+# [ℹ] NOTE:when to trigger this project
 on:
   push:
     branches: [main, dev]
   pull_request:
     branches: [main, dev]
-# ... declaring ENV variables to be used in the project-CI/CD
+# [ℹ] NOTE: declaring ENV variables to be 
+# [ℹ] NOTE: used in the project-CI/CD
 env:
+  # [ℹ] other
+  PORT: ${{secrets.PORT}}
+  # [ℹ] hasura
   VITE_HASURA_DB_URL: ${{secrets.VITE_HASURA_DB_URL}}
   VITE_HASURA_DB_TOKEN: ${{secrets.VITE_HASURA_DB_TOKEN}}
+  # [ℹ] firebase
   VITE_FIREBASE_DB_API_KEY: ${{secrets.VITE_FIREBASE_DB_API_KEY }}
   VITE_FIREBASE_DB_AUTH_DOMAIN: ${{secrets.VITE_FIREBASE_DB_AUTH_DOMAIN}}
   VITE_FIREBASE_DB_PROJECT_ID: ${{secrets.VITE_FIREBASE_DB_PROJECT_ID}}
   VITE_FIREBASE_DB_DATABASE_URL: ${{secrets.VITE_FIREBASE_DB_DATABASE_URL}}
-  VITE_REDIS_CONNECTION_URL: ${{secrets.VITE_REDIS_CONNECTION_URL}}
-# ... JOBS TO DO WITH GITHUB WORFLOWS;
+  VITE_FIREBASE_DB_STORAGE_BUCKET: ${{secrets.VITE_FIREBASE_DB_STORAGE_BUCKET}}
+  VITE_FIREBASE_DB_AUTH_DOMAIN_MAIN: ${{secrets.VITE_FIREBASE_DB_AUTH_DOMAIN_MAIN}}
+  VITE_FIREBASE_DB_PROJECT_ID_MAIN: ${{secrets.VITE_FIREBASE_DB_PROJECT_ID_MAIN}}
+  VITE_FIREBASE_DB_DATABASE_URL_MAIN: ${{secrets.VITE_FIREBASE_DB_DATABASE_URL_MAIN}}
+  # [ℹ] redis
+  VITE_REDIS_HOST: ${{secrets.VITE_REDIS_HOST}}
+  VITE_REDIS_PORT: ${{secrets.VITE_REDIS_PORT}}
+  VITE_REDIS_PASS: ${{secrets.VITE_REDIS_PASS}}
+  VITE_REDIS_CACHE_DB: ${{secrets.VITE_REDIS_CACHE_DB}}
+  VITE_REDIS_BULL_DB: ${{secrets.VITE_REDIS_BULL_DB}}
+  # [ℹ] discord
+  VITE_DISCORD_OAUTH_URL: ${{secrets.VITE_DISCORD_OAUTH_URL}}
+# [ℹ] NOTE: JOBS TO DO WITH GITHUB WORFLOWS;
 jobs:
   build:
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v2
-      # ... instantiate a `.env` file for the JOB to access;
+      # [ℹ] instantiate a `.env` file for the JOB to access;
       - name: create env file
         run: |
           touch .env
@@ -33,8 +49,16 @@ jobs:
           echo VITE_FIREBASE_DB_AUTH_DOMAIN="${{secrets.VITE_FIREBASE_DB_AUTH_DOMAIN}}" >> .env
           echo VITE_FIREBASE_DB_PROJECT_ID="${{secrets.VITE_FIREBASE_DB_PROJECT_ID}}" >> .env
           echo VITE_FIREBASE_DB_DATABASE_URL="${{secrets.VITE_FIREBASE_DB_DATABASE_URL}}" >> .env
-          echo VITE_REDIS_CONNECTION_URL="${{secrets.VITE_REDIS_CONNECTION_URL}}" >> .env
-      # ... build the DOCKER IMAGE CONTAINER;
+          echo VITE_FIREBASE_DB_STORAGE_BUCKET="${{secrets.VITE_FIREBASE_DB_STORAGE_BUCKET}}" >> .env
+          echo VITE_FIREBASE_DB_AUTH_DOMAIN_MAIN="${{secrets.VITE_FIREBASE_DB_AUTH_DOMAIN_MAIN}}" >> .env
+          echo VITE_FIREBASE_DB_PROJECT_ID_MAIN="${{secrets.VITE_FIREBASE_DB_PROJECT_ID_MAIN}}" >> .env
+          echo VITE_FIREBASE_DB_DATABASE_URL_MAIN="${{secrets.VITE_FIREBASE_DB_DATABASE_URL_MAIN}}" >> .env
+          echo VITE_REDIS_HOST="${{secrets.VITE_REDIS_HOST}}" >> .env
+          echo VITE_REDIS_PORT="${{secrets.VITE_REDIS_PORT}}" >> .env
+          echo VITE_REDIS_PASS="${{secrets.VITE_REDIS_PASS}}" >> .env
+          echo VITE_REDIS_CACHE_DB="${{secrets.VITE_REDIS_CACHE_DB}}" >> .env
+          echo VITE_REDIS_BULL_DB="${{secrets.VITE_REDIS_BULL_DB}}" >> .env
+      # [ℹ] build the DOCKER IMAGE CONTAINER;
       - name: Build the Docker image
         run: |
           docker build . --file Dockerfile --tag my-image-name:$(date +%s)

diff --git a/.gitignore b/.gitignore
@@ -10,4 +10,7 @@ certs/*
 .env
 
 WEBSITE-DEV-README.md
-datalog/
+datalog/
+
+# [PERSONAL]
+.vscode/
diff --git a/.prettierignore b/.prettierignore
@@ -0,0 +1,13 @@
+.DS_Store
+node_modules
+/build
+/.svelte-kit
+/package
+.env
+.env.*
+!.env.example
+
+# Ignore files for PNPM, NPM and YARN
+pnpm-lock.yaml
+package-lock.json
+yarn.lock
diff --git a/.prettierrc b/.prettierrc
@@ -2,5 +2,13 @@
 	"useTabs": true,
 	"singleQuote": true,
 	"trailingComma": "none",
-	"printWidth": 100
-}
+  "singleAttributePerLine": true,
+  "bracketSameLine": false,
+	"printWidth": 120, 
+	"plugins": ["prettier-plugin-svelte"],
+	"pluginSearchDirs": ["."],
+	"overrides": [{ "files": "*.svelte", "options": { "parser": "svelte" } }],
+  "svelteSortOrder" : "scripts-options-markup-styles",
+  "svelteStrictMode": false,
+  "svelteAllowShorthand": true
+}
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -2,9 +2,9 @@
   // DOC: https://stackoverflow.com/questions/64365300/how-can-i-remove-unused-imports-declarations-from-the-entire-project-of-react-ty
   // DOC: https://stackoverflow.com/questions/46722701/is-there-a-way-to-remove-unused-imports-and-declarations-from-angular-2
   "editor.codeActionsOnSave": {
-    "source.fixAll": true,
-    "source.organizeImports": true,
-    "source.sortMembers": true
+    // "source.fixAll": true,
+    // "source.organizeImports": true,
+    // "source.sortMembers": true
   },
   // NOTE: custom highlighter for data
   "todohighlight.keywords": [
@@ -38,5 +38,42 @@
       "backgroundColor": "red",
       "overviewRulerColor": "grey"
     }
-  ]
+  ],
+  // DOC: https://discord.com/channels/457912077277855764/1036919129782878218
+  // DOC: https://discord.com/channels/457912077277855764/1036369208721813554
+  "svelte.plugin.svelte.compilerWarnings": {
+    "a11y-click-events-have-key-events":  "ignore",
+    "a11y-aria-attributes": "ignore",
+    "a11y-incorrect-aria-attribute-type": "ignore",
+    "a11y-unknown-aria-attribute": "ignore",
+    "a11y-hidden": "ignore",
+    "a11y-misplaced-role": "ignore",
+    "a11y-unknown-role": "ignore",
+    "a11y-no-abstract-role": "ignore",
+    "a11y-no-redundant-roles": "ignore",
+    "a11y-role-has-required-aria-props": "ignore",
+    "a11y-accesskey": "ignore",
+    "a11y-autofocus": "ignore",
+    "a11y-misplaced-scope": "ignore",
+    "a11y-positive-tabindex": "ignore",
+    "a11y-invalid-attribute": "ignore",
+    "a11y-missing-attribute": "ignore",
+    "a11y-img-redundant-alt": "ignore",
+    "a11y-label-has-associated-control": "ignore",
+    "a11y-media-has-caption": "ignore",
+    "a11y-distracting-elements": "ignore",
+    "a11y-structure": "ignore",
+    "a11y-mouse-events-have-key-events": "ignore",
+    "a11y-missing-content": "ignore",
+  },
+  // DOC: https://stackoverflow.com/a/49777201/8421215
+  "editor.folding": true,
+  "editor.showFoldingControls": "always",
+  "editor.foldingStrategy": "indentation",
+  "editor.foldingImportsByDefault": true,
+  // DOC: https://marketplace.visualstudio.com/items?itemName=maptz.regionfolder
+  "maptz.regionfolder": {
+    "collapseAllRegions": true,
+    "collapseDefaultRegionsOnOpen": true
+  }
 }
diff --git a/CONTRIBUTING/EXAMPLE_WIDGET.svelte → CONTRIBUTING/TEMPLATE-WIDGET.svelte b/CONTRIBUTING/EXAMPLE_WIDGET.svelte → CONTRIBUTING/TEMPLATE-WIDGET.svelte
@@ -4,6 +4,14 @@ COMPONENT JS (w/ TS)
 
 <script lang="ts">
 
+  //#region Package Imports
+  // IMPORTS GO HERE
+  //#endregion Package Imports
+
+  //#region Assets Imports
+  import profile_avatar from './assets/profile-avatar.svg';
+  //#endregion Assets Imports
+
   // ~~~~~~~~~~~~~~~~~~~~~
   //  COMPONENT VARIABLES
   // ~~~~~~~~~~~~~~~~~~~~~
@@ -30,6 +38,12 @@ COMPONENT HTML
 
 <!-- HTML GOES HERE -->
 
+<img 
+  src={profile_avatar}
+  alt='Profile Avatar Icon'
+  title='Profile Avatar Icon'
+/>
+
 <!-- ===============
 COMPONENT STYLE
 =================-->

diff --git a/Dockerfile b/Dockerfile
@@ -12,7 +12,7 @@ COPY package.json package-lock.json ./
 # [ℹ] example-use: https://superuser.com/questions/1055060/how-to-install-a-specific-package-version-in-alpine
 # [ℹ] example-use: https://superuser.com/questions/1198215/fixate-version-alpine-linux-apk-package-in-container
 RUN apk add --no-cache \
-  python3=3.10.9-r0 \
+  python3=3.10.10-r0 \
   make=4.3-r0 \
   g++=11.2.1_git20220219-r2 \
   && npm i --omit=optional

diff --git a/Dockerfile.dev b/Dockerfile.dev
@@ -13,7 +13,7 @@ COPY package.json package-lock.json ./
 # [ℹ] example-use: https://superuser.com/questions/1055060/how-to-install-a-specific-package-version-in-alpine
 # [ℹ] example-use: https://superuser.com/questions/1198215/fixate-version-alpine-linux-apk-package-in-container
 RUN apk add --no-cache \
-  python3=3.10.9-r0 \
+  python3=3.10.10-r0 \
   make=4.3-r0 \
   g++=11.2.1_git20220219-r2 \
   && npm i --omit=optional

diff --git a/Makefile b/Makefile
@@ -18,11 +18,6 @@ update-scores-web:
 	# -docker rmi $$(docker images --filter "dangling=true" -q --no-trunc)
 	# docker-compose -f docker-compose.yml up -d
 	docker-compose -f docker-compose.yml up -d --build
-	# -docker rm $$(docker stop $$(docker ps -a -q --filter="name=scores_scores_web_1" --format="{{.ID}}"))
-	# -docker rmi $$(docker images -q scores_web)
-	# -docker rmi $$(docker images --filter "dangling=true" -q --no-trunc)
-	# docker-compose -f docker-compose.yml up -d
-	docker-compose -f docker-compose.yml up -d --build
 
 # ===========
 # DEVELOPMENT
@@ -61,4 +56,4 @@ git-del-branches-w-origin:
 	echo 'Deleting branches not present in origin + /dev'
 	# Original command (below) is without \(...\) syntax
 	# git fetch -p ; git branch -r | awk '{print $$1}' | egrep -v -f /dev/fd/0 <\(git branch -vv | grep origin\) | awk '{print $$1}' | xargs git branch -D
-	git branch --merged | grep -v "*" | grep -v "main" | xargs git branch -d
+	# git branch --merged | grep -v "*" | grep -v "main" | xargs git branch -d
diff --git a/README-DEV.md b/README-DEV.md
@@ -234,4 +234,59 @@ Invoke-RestMethod -Method "POST" -Uri 'https://betarena-scores-platform.herokuap
 
 If you wish to develop new components for the platform, please follow the following guide of how the components must be structured:
 
-- use the `console.group` to group your `devTool` logs and hafve it working in the `DEV` environment.
+- use the `console.group` to group your `devTool` logs and hafve it working in the `DEV` environment.
+
+### References
+
+| Ref. Num. | Sources |
+| ------ | ------ |
+| [1] `[AUTH] [Moralis]` | 
+  https://moralis.io/create-a-web3-firebase-login-with-metamask/
+  https://docs.moralis.io/authentication-api/integrations/firebase-nodejs
+  https://moralis.io/web3-firebase-authentication-create-a-web3-sign-in-with-moralis/
+  https://moralisweb3.github.io/firebase-extensions/service-account-converter/
+  https://moralisweb3.github.io/Moralis-JS-SDK/demos/firebase-auth-ext/
+  https://admin.moralis.io/users |
+| [2] `[R&D]` |
+  https://stackoverflow.com/questions/43691808/http-performance-many-small-requests-or-one-big-one
+  https://svelte.dev/repl/ec6f6b61329f4f43ae049464d73d8158?version=3.23.1
+  https://svelte.dev/repl/16b375da9b39417dae837b5006799cb4?version=3.25.0
+| [3] `[SVELTEKIT]` `[HOOKS]` |
+  https://dev.to/krowemoh/sveltekit-hooks-2bii
+  https://dev.to/kudadam/sveltekit-hooks-everything-you-need-to-know-3l39
+  https://rodneylab.com/sveltekit-session-cookies/
+  https://stackoverflow.com/questions/71105799/sveltekit-pass-data-from-server-to-browser
+  https://github.com/sveltejs/kit/pull/3993
+  https://stackoverflow.com/questions/69066169/how-to-implement-cookie-authentication-sveltekit-mongodb
+  https://blog.logrocket.com/authentication-svelte-using-cookies/
+| [4] `[AUTH] [DISCORD]` |
+  https://www.reddit.com/r/Firebase/comments/n4uv1o/sign_in_with_discord/
+	https://github.com/luizkc/firebase-discord-oauth2-example
+	https://stackoverflow.com/questions/70171124/discord-oauth2-with-firebase-functions
+	https://stackoverflow.com/questions/53992730/how-would-i-authorize-users-using-discord-oauth2-0-for-firebase-authentication-o
+| 
+
+#### Documenting
+
+https://stackoverflow.com/questions/63668154/describe-and-hint-what-parameters-a-function-requires
+
+### Configs
+
+#### Prettier
+
+```
+{
+	"useTabs": true,
+	"singleQuote": true,
+	"trailingComma": "none",
+  "singleAttributePerLine": true,
+  "bracketSameLine": false,
+	"printWidth": 120, // best with = 50 or 120
+	"plugins": ["prettier-plugin-svelte"],
+	"pluginSearchDirs": ["."],
+	"overrides": [{ "files": "*.svelte", "options": { "parser": "svelte" } }],
+  "svelteSortOrder" : "scripts-options-markup-styles",
+  "svelteStrictMode": false,
+  "svelteAllowShorthand": true
+}
+```
diff --git a/README.md b/README.md
@@ -5,6 +5,9 @@
 </h1>
 
 ![example workflow](https://github.com/Betarena/scores/actions/workflows/docker-image.yml/badge.svg)
+![example workflow](https://github.com/Betarena/scores/actions/workflows/deploy.yml/badge.svg)
+[![DeepSource](https://deepsource.io/gh/Betarena/scores.svg/?label=active+issues&token=fz7n_ybCLUD7T9tvU2qY6yoU)](https://deepsource.io/gh/Betarena/scores/?ref=repository-badge)
+[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square)](https://github.com/prettier/prettier)
 
 <details open="open">
 <summary>Table of Contents</summary>

diff --git a/docker-compose.dev.yml b/docker-compose.dev.yml
@@ -9,12 +9,17 @@ services:
     restart: always
     environment:
       PORT: ${PORT}
+      VITE_DISCORD_OAUTH_URL: ${VITE_DISCORD_OAUTH_URL}
       VITE_HASURA_DB_URL: ${VITE_HASURA_DB_URL}
       VITE_HASURA_DB_TOKEN: ${VITE_HASURA_DB_TOKEN}
       VITE_FIREBASE_DB_API_KEY: ${VITE_FIREBASE_DB_API_KEY}
       VITE_FIREBASE_DB_AUTH_DOMAIN: ${VITE_FIREBASE_DB_AUTH_DOMAIN}
       VITE_FIREBASE_DB_PROJECT_ID: ${VITE_FIREBASE_DB_PROJECT_ID}
       VITE_FIREBASE_DB_DATABASE_URL: ${VITE_FIREBASE_DB_DATABASE_URL}
+      VITE_FIREBASE_DB_STORAGE_BUCKET: ${VITE_FIREBASE_DB_STORAGE_BUCKET}
+      VITE_FIREBASE_DB_AUTH_DOMAIN_MAIN: ${VITE_FIREBASE_DB_AUTH_DOMAIN_MAIN}
+      VITE_FIREBASE_DB_PROJECT_ID_MAIN: ${VITE_FIREBASE_DB_PROJECT_ID_MAIN}
+      VITE_FIREBASE_DB_DATABASE_URL_MAIN: ${VITE_FIREBASE_DB_DATABASE_URL_MAIN}
       VITE_REDIS_HOST: ${VITE_REDIS_HOST}
       VITE_REDIS_PORT: ${VITE_REDIS_PORT}
       VITE_REDIS_PASS: ${VITE_REDIS_PASS}

diff --git a/docker-compose.yml b/docker-compose.yml
@@ -9,12 +9,17 @@ services:
     restart: always
     environment:
       PORT: ${PORT}
+      VITE_DISCORD_OAUTH_URL: ${VITE_DISCORD_OAUTH_URL}
       VITE_HASURA_DB_URL: ${VITE_HASURA_DB_URL}
       VITE_HASURA_DB_TOKEN: ${VITE_HASURA_DB_TOKEN}
       VITE_FIREBASE_DB_API_KEY: ${VITE_FIREBASE_DB_API_KEY}
       VITE_FIREBASE_DB_AUTH_DOMAIN: ${VITE_FIREBASE_DB_AUTH_DOMAIN}
       VITE_FIREBASE_DB_PROJECT_ID: ${VITE_FIREBASE_DB_PROJECT_ID}
       VITE_FIREBASE_DB_DATABASE_URL: ${VITE_FIREBASE_DB_DATABASE_URL}
+      VITE_FIREBASE_DB_STORAGE_BUCKET: ${VITE_FIREBASE_DB_STORAGE_BUCKET}
+      VITE_FIREBASE_DB_AUTH_DOMAIN_MAIN: ${VITE_FIREBASE_DB_AUTH_DOMAIN_MAIN}
+      VITE_FIREBASE_DB_PROJECT_ID_MAIN: ${VITE_FIREBASE_DB_PROJECT_ID_MAIN}
+      VITE_FIREBASE_DB_DATABASE_URL_MAIN: ${VITE_FIREBASE_DB_DATABASE_URL_MAIN}
       VITE_REDIS_HOST: ${VITE_REDIS_HOST}
       VITE_REDIS_PORT: ${VITE_REDIS_PORT}
       VITE_REDIS_PASS: ${VITE_REDIS_PASS}