Merge branch 'staging'

.github/workflows/firebase-hosting-pull-request.yml

@@ -2,16 +2,17 @@
 # https://github.com/firebase/firebase-tools
 
 name: Deploy to Firebase Hosting on PR
-'on': pull_request
+"on": pull_request
 jobs:
   build_and_preview:
-    if: '${{ github.event.pull_request.head.repo.full_name == github.repository }}'
+    if: "${{ github.event.pull_request.head.repo.full_name == github.repository }}"
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v2
       - run: npm ci && npm run build
+      - uses: actions/checkout@v3
       - uses: FirebaseExtended/action-hosting-deploy@v0
         with:
-          repoToken: '${{ secrets.GITHUB_TOKEN }}'
-          firebaseServiceAccount: '${{ secrets.FIREBASE_SERVICE_ACCOUNT_SOFAN_APP }}'
+          repoToken: "${{ secrets.GITHUB_TOKEN }}"
+          firebaseServiceAccount: "${{ secrets.FIREBASE_SERVICE_ACCOUNT_SOFAN_APP }}"
           projectId: sofan-app

.vscode/settings.json

@@ -0,0 +1,11 @@
+{
+  "cSpell.words": [
+    "britanica",
+    "firestore",
+    "mathéo",
+    "openlogin",
+    "shajeed",
+    "Sofan"
+  ],
+  "cSpell.language": "en,fr"
+}

client/.github/workflows/firebase-hosting-merge.yml

@@ -0,0 +1,20 @@
+# This file was auto-generated by the Firebase CLI
+# https://github.com/firebase/firebase-tools
+
+name: Deploy to Firebase Hosting on merge
+'on':
+  push:
+    branches:
+      - 'y'
+jobs:
+  build_and_deploy:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+      - run: npm ci && npm run build
+      - uses: FirebaseExtended/action-hosting-deploy@v0
+        with:
+          repoToken: '${{ secrets.GITHUB_TOKEN }}'
+          firebaseServiceAccount: '${{ secrets.FIREBASE_SERVICE_ACCOUNT_SOFAN_APP }}'
+          channelId: live
+          projectId: sofan-app

client/.github/workflows/firebase-hosting-pull-request.yml

@@ -0,0 +1,17 @@
+# This file was auto-generated by the Firebase CLI
+# https://github.com/firebase/firebase-tools
+
+name: Deploy to Firebase Hosting on PR
+'on': pull_request
+jobs:
+  build_and_preview:
+    if: '${{ github.event.pull_request.head.repo.full_name == github.repository }}'
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+      - run: npm ci && npm run build
+      - uses: FirebaseExtended/action-hosting-deploy@v0
+        with:
+          repoToken: '${{ secrets.GITHUB_TOKEN }}'
+          firebaseServiceAccount: '${{ secrets.FIREBASE_SERVICE_ACCOUNT_SOFAN_APP }}'
+          projectId: staging-sofan-app

client/.gitignore

@@ -0,0 +1,32 @@
+# 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
+staging.env
+staging.mainnet.env
+sofan.env
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+/testSofan
+
+# firebase
+**/.firebase
+/.firebaserc

client/LICENSE

@@ -0,0 +1,22 @@
+The MIT License (MIT)
+
+Copyright (c) 2018 Truffle
+
+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.
+

client/config-overrides.js

@@ -0,0 +1,32 @@
+const webpack = require("webpack");
+
+module.exports = function override(config) {
+  const fallback = config.resolve.fallback || {};
+  Object.assign(fallback, {
+    crypto: false, // require.resolve("crypto-browserify") can be polyfilled here if needed
+    stream: false, // require.resolve("stream-browserify") can be polyfilled here if needed
+    assert: false, // require.resolve("assert") can be polyfilled here if needed
+    http: false, // require.resolve("stream-http") can be polyfilled here if needed
+    https: false, // require.resolve("https-browserify") can be polyfilled here if needed
+    os: false, // require.resolve("os-browserify") can be polyfilled here if needed
+    url: false, // require.resolve("url") can be polyfilled here if needed
+    zlib: false, // require.resolve("browserify-zlib") can be polyfilled here if needed
+  });
+  config.resolve.fallback = fallback;
+  config.plugins = (config.plugins || []).concat([
+    new webpack.ProvidePlugin({
+      process: "process/browser",
+      Buffer: ["buffer", "Buffer"],
+    }),
+  ]);
+  config.ignoreWarnings = [/Failed to parse source map/];
+  config.module.rules.push({
+    test: /\.(js|mjs|jsx)$/,
+    enforce: "pre",
+    loader: require.resolve("source-map-loader"),
+    resolve: {
+      fullySpecified: false,
+    },
+  });
+  return config;
+};

client/email.html

@@ -0,0 +1,101 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Bienvenue sur Sofan - Vérifiez votre compte</title>
+    <style>
+      /* Styles CSS */
+      body {
+        font-family: Arial, sans-serif;
+        background-color: #fafafa;
+        margin: 0;
+        padding: 0;
+        line-height: 1.6;
+      }
+
+      .container {
+        max-width: 600px;
+        margin: 0 auto;
+        padding: 20px;
+        border-radius: 8px;
+        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
+        background-color: #ffffff;
+        box-sizing: border-box;
+      }
+
+      .logo {
+        text-align: center;
+        margin-bottom: 30px;
+      }
+
+      .logo img {
+        max-width: 150px;
+      }
+
+      .verification-code {
+        padding: 30px;
+        background-color: #f6d463;
+        color: #000000;
+        text-align: center;
+        font-size: 24px;
+        font-weight: bold;
+        margin-bottom: 30px;
+        border-radius: 5px;
+        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
+      }
+
+      .welcome-message {
+        text-align: center;
+        font-size: 20px;
+        margin-bottom: 20px;
+      }
+
+      .footer {
+        margin-top: 30px;
+        text-align: center;
+        color: #888888;
+      }
+
+      .footer a {
+        color: #1a73e8;
+        text-decoration: none;
+      }
+
+      .footer a:hover {
+        text-decoration: underline;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="container">
+      <div class="logo">
+        <img src="logo.png" alt="Logo Sofan" />
+      </div>
+      <div class="verification-code">
+        <p>Vérifiez votre compte</p>
+        <p>
+          Code de vérification : <strong>[Code de vérification généré]</strong>
+        </p>
+      </div>
+      <div class="welcome-message">
+        <p>Bienvenue sur Sofan !</p>
+        <p>
+          Achetez des NFT exclusifs de vos athlètes préférés et rejoignez notre
+          communauté.
+        </p>
+        <p>Préparez-vous à vivre une expérience unique.</p>
+      </div>
+      <div class="footer">
+        <p>
+          Si vous avez besoin d'aide, n'hésitez pas à contacter notre équipe de
+          support dédiée à
+          <a href="mailto:[Adresse e-mail du support client]"
+            >[Adresse e-mail du support client]</a
+          >.
+        </p>
+        <p>
+          Merci d'avoir choisi Sofan ! Nous sommes impatients de vous servir.
+        </p>
+      </div>
+    </div>
+  </body>
+</html>

client/firebase.json

@@ -0,0 +1,29 @@
+{
+  "hosting": {
+    "site": "staging-sofan-app",
+    "public": "build",
+    "ignore": [
+      "firebase.json",
+      "**/.*",
+      "**/node_modules/**"
+    ],
+    "rewrites": [
+      {
+        "source": "**",
+        "destination": "/index.html"
+      }
+    ]
+  },
+  "functions": [
+    {
+      "source": "functions",
+      "codebase": "default",
+      "ignore": [
+        "node_modules",
+        ".git",
+        "firebase-debug.log",
+        "firebase-debug.*.log"
+      ]
+    }
+  ]
+}

client/functions/.gitignore

@@ -0,0 +1 @@
+node_modules/

client/functions/generateVerificationCodeEmailHTML.js

@@ -0,0 +1,43 @@
+
+const generateVerificationCodeEmailHTML = ({ code }) => {
+  const bodyStyle = "font-family: Arial, sans-serif; background-color: #fafafa; margin: 0; padding: 0; line-height: 1.6;";
+  const containerStyle = "max-width: 600px; margin: 0 auto; padding: 20px; border-radius: 8px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); background-color: #ffffff; box-sizing: border-box;";
+  const logoStyle = "text-align: center; margin-bottom: 30px;";
+  const logoImageStyle = "max-width: 150px;";
+  const verificationCodeStyle = "padding: 30px; background-color: #f6d463; color: #000000; text-align: center; font-size: 24px; font-weight: bold; margin-bottom: 30px; border-radius: 5px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);";
+  const welcomeMessageStyle = "text-align: center; font-size: 20px; margin-bottom: 20px;";
+  const footerStyle = "margin-top: 30px; text-align: center; color: #888888;";
+
+  return `
+    <!DOCTYPE html>
+    <html>
+      <head>
+        <title>Sofan Verification Code</title>
+      </head>
+      <body style="${bodyStyle}">
+        <div style="${containerStyle}">
+          <div style="${logoStyle}">
+            <img src="https://www.sofan.app/static/media/sofanlogo.0ebbca7be5c3d47afa2134b5079fe2b8.svg" alt="Logo Sofan" style="${logoImageStyle}" />
+          </div>
+          <div style="${verificationCodeStyle}">
+            <p>Vérifiez votre compte</p>
+            <p>Code de vérification : <strong>${code}</strong></p>
+          </div>
+          <div style="${welcomeMessageStyle}">
+            <p>Bienvenue sur Sofan !</p>
+            <p>Achetez des NFT exclusifs de vos athlètes préférés et rejoignez notre communauté.</p>
+            <p>Préparez-vous à vivre une expérience unique.</p>
+          </div>
+          <div style="${footerStyle}">
+            <p>Si vous avez besoin d'aide, n'hésitez pas à contacter notre équipe de support dédiée à <a href="mailto:[email protected]">[email protected]</a>.</p>
+            <p>Merci d'avoir choisi Sofan! Nous sommes impatients de vous servir.</p>
+          </div>
+        </div>
+      </body>
+    </html>
+  `;
+};
+
+module.exports = generateVerificationCodeEmailHTML;
+
+

client/functions/generateWelcomeEmailHTML.js

@@ -0,0 +1,41 @@
+const generateWelcomeEmailHTML = () => {
+  return `
+<!DOCTYPE html>
+<html lang="fr">
+ <head>
+  <meta charset="utf-8"/>
+  <meta content="width=device-width, initial-scale=1.0" name="viewport"/>
+  <title>
+   Bienvenue chez Sofan
+  </title>
+ </head>
+ <body style="background-color: white; color: #333; font-family: Arial, sans-serif; padding: 20px;">
+  <div style="max-width: 500px; margin: 0 auto; padding: 20px; background-color: #f6f6f6; border-radius: 5px;">
+   <div style="text-align: center; margin-bottom: 20px;">
+    <img alt="Sofan Logo" src="https://firebasestorage.googleapis.com/v0/b/sofan-app.appspot.com/o/sofanlogo.svg?alt=media&amp;token=00ba642b-8d9e-4010-b831-19413e0a2dea" style="width: 150px; border-radius: 5px;"/>
+   </div>
+   <div style="margin: 20px 0; font-size: 18px;">
+    Bonjour et bienvenue chez Sofan! Rejoignez la communauté passionnée de sports, d'athlètes et de NFTs.
+   </div>
+   <div>
+       <img alt="Image of sports or athletes" src="https://firebasestorage.googleapis.com/v0/b/sofan-app.appspot.com/o/assets%2Fmbappe.png?alt=media&amp;token=82bfc7c6-dd43-4e94-bdb8-16352cda59b8" style="display: block; margin: 0 auto; max-width: 100%; max-height: 400px; border-radius: 5px;"/>
+       <div style="text-align: center; position: relative; top: -60px; font-size: 18px; font-weight: bold; color: #dbb63d;">
+        Rejoignez le parcours <br> des athlètes
+       </div>
+    </div>
+   <a href="https://www.sofan.app" style="display: block; width: 200px; margin: 20px auto; padding: 10px; background-color: #f6d463; color: white; text-align: center; border-radius: 5px; text-decoration: none; font-weight: bold;">
+    Ouvrez le site
+   </a>
+   <div style="text-align: center; color: #888; font-size: 14px; margin-top: 20px;">
+    Si vous avez des questions sur les sports, les athlètes ou les NFTs, n'hésitez pas à nous contacter à
+    <a href="mailto:[email protected]" style="color: blue;">
+     [email protected]
+    </a>
+   </div>
+  </div>
+ </body>
+</html>
+`;
+};
+
+module.exports = generateWelcomeEmailHTML;