fixup! fixup! feat: builds

.env.development

@@ -1,15 +1,15 @@
 MODE=development
 VITE_REDUX_DEBUG=true
-NPM_TOKEN=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
 GSAP_TOKEN=5b8296c2-d882-401b-be86-87707a83f99d
+NPM_TOKEN=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
+VITE_BACKEND_API_URL=https://app.wega.fun/api
 VITE_RPC_PROVIDER_ALCHEMY=y9Gx-Wglr_8PQ67heuNUZ18rwoUEip9B
 VITE_WALLET_CONNECT_ID=210ab6fbbd6f9d07fd69a357b4c39a13
-VITE_BACKEND_API_URL=http://127.0.0.1:3000
 
 # FIREBASE CONFIG
 VITE_FIREBASE_API_KEY=AIzaSyD6NTn82GLXFGWGWKNsmmwhohOHJXaHaoQ
-VITE_FIREBASE_AUTH_DOMAIN=inspired-bebop-399607.firebaseapp.com
 VITE_FIREBASE_DB_URL=https://inspired-bebop-399607-default-rtdb.firebaseio.com
+VITE_FIREBASE_AUTH_DOMAIN=inspired-bebop-399607.firebaseapp.com
 VITE_FIREBASE_PROJECT_ID=inspired-bebop-399607
 VITE_FIREBASE_STORAGE_BUCKET=inspired-bebop-399607.appspot.com
 VITE_FIREBASE_MESSAGING_SENDER_ID=368714610861

.env.qa

@@ -1,17 +1,16 @@
 mode=qa
-VITE_BACKEND_API_URL=https://35.208.209.92:3000/
 VITE_REDUX_DEBUG=true
+VITE_BACKEND_API_URL=https://app.wega.fun/api
 NPM_TOKEN=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
 GSAP_TOKEN=5b8296c2-d882-401b-be86-87707a83f99d
 VITE_RPC_PROVIDER_ALCHEMY=y9Gx-Wglr_8PQ67heuNUZ18rwoUEip9B
 VITE_WALLET_CONNECT_ID=210ab6fbbd6f9d07fd69a357b4c39a13
 
-# fire base configs
+# FIREBASE CONFIG
 VITE_FIREBASE_API_KEY=AIzaSyD6NTn82GLXFGWGWKNsmmwhohOHJXaHaoQ
 VITE_FIREBASE_AUTH_DOMAIN=inspired-bebop-399607.firebaseapp.com
 VITE_FIREBASE_DB_URL=https://inspired-bebop-399607-default-rtdb.firebaseio.com
 VITE_FIREBASE_PROJECT_ID=inspired-bebop-399607
 VITE_FIREBASE_STORAGE_BUCKET=inspired-bebop-399607.appspot.com
 VITE_FIREBASE_MESSAGING_SENDER_ID=368714610861
-VITE_FIREBASE_APP_ID=1:368714610861:web:25a05efd0381cbd552ee24
-
+VITE_FIREBASE_APP_ID=1:368714610861:web:25a05efd0381cbd552ee2

package.json

@@ -35,6 +35,7 @@
     "firebase": "^10.3.1",
     "gsap": "npm:@gsap/shockingly@^3.12.2",
     "joi": "^17.9.2",
+    "path": "^0.12.7",
     "react": "^18.2.0",
     "react-awesome-reveal": "^4.2.7",
     "react-blockies": "^1.4.1",

src/common/Section/index.tsx

@@ -31,11 +31,11 @@ const Section: React.FC<SectionProps & Partial<SectionContainerProps>> = ({
     const HeaderComp: React.FC<CustomHeaderProps> = (props: CustomHeaderProps) => {
       const Comp = () => hdr as React.ReactNode;
       if(props.children){
-        <Comp>
+        return (<Comp>
           {children}
-        </Comp>
+        </Comp>)
       } else {
-        return <Comp { ...props } /> 
+        return (<Comp { ...props } /> )
       }
     };
     // const CustomHeaderComp:  = (props: CustomHeaderType) => <HeaderComp { ...props} />;
@@ -52,4 +52,3 @@ export default Section;
 
 
 
-

src/env.d.ts

@@ -0,0 +1,27 @@
+/// <reference types="vite/client" />
+
+ interface ImportMetaEnv {
+ readonly VITE_APP_TITLE: string
+ readonly VITE_BACKEND_API_URL: string;
+ readonly NPM_TOKEN: string;
+ readonly GSAP_TOKEN: string;
+ readonly VITE_RPC_PROVIDER_ALCHEMY: string;
+ readonly VITE_WALLET_CONNECT_ID: string;
+
+ readonly VITE_FIREBASE_API_KEY: string
+ readonly VITE_FIREBASE_AUTH_DOMAIN: string
+ readonly VITE_FIREBASE_DB_URL: string
+ readonly VITE_FIREBASE_PROJECT_ID: string
+ readonly VITE_FIREBASE_STORAGE_BUCKET: string
+ readonly VITE_FIREBASE_MESSAGING_SENDER_ID: number;
+ readonly VITE_FIREBASE_APP_ID: string
+ // more env variables...
+}
+
+interface ImportMeta {
+ readonly env: ImportMetaEnv
+}
+
+interface Window {
+  ethereum?: any
+}

src/hooks/useDrand.ts

@@ -3,25 +3,25 @@ import { useGetRandomNumberQuery } from '../components/CreateGameCard/apiSlice';
 export function useDrand() {
  const randomness = useGetRandomNumberQuery(undefined);
  // eslint-disable-next-line no-unused-vars, @typescript-eslint/no-unused-vars
- const [drandInLocalStorage, _] = useState<string | null>(window.localStorage.getItem('drand'));
+ const [drandInLocalStorage, _] = useState<string>(window.localStorage.getItem('drand') ?? '');
  const [currentDrand, setCurrentDrand] = useState<any>(null);
 
  useEffect(() => {
-  if(!drandInLocalStorage && randomness?.data) {
+  if(drandInLocalStorage.length === 0 && randomness?.data) {
    setCurrentDrand(randomness.data);
    setTimeout(() => {
     randomness.refetch();
    }, (60 * 1000) * 3);
-  } else if (drandInLocalStorage && randomness?.data) {
+  } else if (drandInLocalStorage.length > 0 && randomness?.data) {
    setCurrentDrand(JSON.parse(drandInLocalStorage));
-   window.localStorage.setItem('drand', JSON.stringify(randomness?.data))
+   window.localStorage.setItem('drand', JSON.stringify(randomness?.data ?? ''))
   } 
-  if(drandInLocalStorage && (randomness.data && randomness.data?.round === JSON.parse(drandInLocalStorage).round)){
+  if(drandInLocalStorage.length > 0 && (randomness.data && randomness.data?.round === JSON.parse(drandInLocalStorage).round)){
    setTimeout(() => {
     randomness.refetch();
    }, (60 * 1000) * 3);
   } else {
-   window.localStorage.setItem('drand', JSON.stringify(randomness?.data))
+   window.localStorage.setItem('drand', JSON.stringify(randomness?.data ?? ''))
   }
  }, [randomness?.data, randomness?.isLoading, setCurrentDrand]);
 

src/libs/firebase/index.ts

@@ -1,6 +1,6 @@
 import { initializeApp } from 'firebase/app'
 import { getDatabase } from 'firebase/database'
-
+console.log(import.meta.env);
 const firebaseConfig = {
  apiKey: import.meta.env.VITE_FIREBASE_API_KEY,
  authDomain: import.meta.env.VITE_FIREBASE_AUTH_DOMAIN,

vite.config.ts

@@ -1,13 +1,21 @@
 import { defineConfig, loadEnv } from 'vite'
+import { resolve } from 'path';
 import react from '@vitejs/plugin-react';
-import mkcert from 'vite-plugin-mkcert'
 
 // https://vitejs.dev/config/
 export default ({ mode }) => {
-
+  console.log(mode)
   process.env = { ...process.env, ...loadEnv(mode, process.cwd())};
   return defineConfig({
-    server: { https: true },
+    // server: { https: true },
+    build: {
+      outDir: "./dist", 
+      rollupOptions: {
+        input: {
+          main: resolve(__dirname, 'index.html'),
+        },
+      },
+    },
     optimizeDeps: {
       esbuildOptions: {
         target: 'es2020',
@@ -23,7 +31,6 @@ export default ({ mode }) => {
           plugins: ['babel-plugin-macros', 'babel-plugin-styled-components']
         }
       }),
-      mkcert()
     ],
   })