From 24ec8f0d09f45860e2b8a7229e079390e3d2d410 Mon Sep 17 00:00:00 2001 From: Stephen Feddes Date: Sat, 16 Sep 2023 15:53:10 -0500 Subject: [PATCH] Added .env file. --- node_modules/.vite/deps/_metadata.json | 22 +++++++++---------- src/authentication/AuthContext.tsx | 2 +- src/components/DraftRoom/DraftContext.tsx | 3 ++- src/components/DraftRoom/RosterPickList.tsx | 2 +- .../DraftRoom/center/PlayersTable.tsx | 2 +- .../DraftRoom/header/DraftHeader.tsx | 2 +- src/pages/CreateMockDraft.tsx | 2 +- src/pages/DraftsPage.tsx | 2 +- src/pages/LoginPage.tsx | 2 +- src/pages/SignupPage.tsx | 2 +- src/vite-env.d.ts | 6 +++++ vite-env.d.ts | 6 +++++ 12 files changed, 33 insertions(+), 20 deletions(-) create mode 100644 vite-env.d.ts diff --git a/node_modules/.vite/deps/_metadata.json b/node_modules/.vite/deps/_metadata.json index 56f27e3d..d340968d 100644 --- a/node_modules/.vite/deps/_metadata.json +++ b/node_modules/.vite/deps/_metadata.json @@ -1,59 +1,59 @@ { - "hash": "abc49a14", - "browserHash": "288ef1ad", + "hash": "1c5e61ed", + "browserHash": "276b0ddd", "optimized": { "react": { "src": "../../react/index.js", "file": "react.js", - "fileHash": "2fedb902", + "fileHash": "d8d6b870", "needsInterop": true }, "react/jsx-dev-runtime": { "src": "../../react/jsx-dev-runtime.js", "file": "react_jsx-dev-runtime.js", - "fileHash": "6c039229", + "fileHash": "6a476092", "needsInterop": true }, "react-dom/client": { "src": "../../react-dom/client.js", "file": "react-dom_client.js", - "fileHash": "2bf443a7", + "fileHash": "91e563ce", "needsInterop": true }, "react-icons/bi": { "src": "../../react-icons/bi/index.esm.js", "file": "react-icons_bi.js", - "fileHash": "b1450a17", + "fileHash": "3a8ac72a", "needsInterop": false }, "react-icons/bs": { "src": "../../react-icons/bs/index.esm.js", "file": "react-icons_bs.js", - "fileHash": "5b546965", + "fileHash": "f2865379", "needsInterop": false }, "react-icons/fa": { "src": "../../react-icons/fa/index.esm.js", "file": "react-icons_fa.js", - "fileHash": "45394f35", + "fileHash": "433f08e3", "needsInterop": false }, "react-icons/io": { "src": "../../react-icons/io/index.esm.js", "file": "react-icons_io.js", - "fileHash": "64ae6f39", + "fileHash": "d4d24781", "needsInterop": false }, "react-router-dom": { "src": "../../react-router-dom/dist/index.js", "file": "react-router-dom.js", - "fileHash": "7b29c8ba", + "fileHash": "2f416573", "needsInterop": false }, "socket.io-client": { "src": "../../socket.io-client/build/esm/index.js", "file": "socket__io-client.js", - "fileHash": "6a7a6484", + "fileHash": "9116c0aa", "needsInterop": false } }, diff --git a/src/authentication/AuthContext.tsx b/src/authentication/AuthContext.tsx index 7d63a046..bebcae56 100644 --- a/src/authentication/AuthContext.tsx +++ b/src/authentication/AuthContext.tsx @@ -1,5 +1,5 @@ import React, { createContext, useContext, useState, useEffect } from 'react'; -import { API_URL } from '../../env'; +const API_URL = import.meta.env.VITE_API_URL; interface AuthState { isAuthenticated: boolean; diff --git a/src/components/DraftRoom/DraftContext.tsx b/src/components/DraftRoom/DraftContext.tsx index 9f5534a1..971e72a0 100644 --- a/src/components/DraftRoom/DraftContext.tsx +++ b/src/components/DraftRoom/DraftContext.tsx @@ -1,8 +1,9 @@ import React, { createContext, useContext, useEffect, useState } from 'react'; import { io, Socket } from 'socket.io-client'; import { addPlayer, shiftPlayer, DraftRoster, Player } from '../../utils/draft'; -import { API_URL, SERVER_URL } from '../../../env'; import { useAuth } from '../../authentication/AuthContext'; +const API_URL = import.meta.env.VITE_API_URL; +const SERVER_URL = import.meta.env.VITE_SERVER_URL; interface SocketContextProps { children: React.ReactNode; diff --git a/src/components/DraftRoom/RosterPickList.tsx b/src/components/DraftRoom/RosterPickList.tsx index d0312555..c05c8ba8 100644 --- a/src/components/DraftRoom/RosterPickList.tsx +++ b/src/components/DraftRoom/RosterPickList.tsx @@ -1,10 +1,10 @@ import '../../css/draftRoom/rosterPickList.css'; import React, { useEffect, useState, useRef } from 'react'; -import { API_URL } from '../../../env'; import { useAuth } from '../../authentication/AuthContext'; import { useDraft } from './DraftContext'; import { User } from '../../utils/users'; import { FaChevronDown } from 'react-icons/fa'; +const API_URL = import.meta.env.VITE_API_URL; const RosterPickList = () => { diff --git a/src/components/DraftRoom/center/PlayersTable.tsx b/src/components/DraftRoom/center/PlayersTable.tsx index 24a4fee9..7979253d 100644 --- a/src/components/DraftRoom/center/PlayersTable.tsx +++ b/src/components/DraftRoom/center/PlayersTable.tsx @@ -2,9 +2,9 @@ import '../../../css/draftRoom/center/playersTable.css'; import React, { useEffect, useState } from 'react'; import { useDraft } from '../DraftContext'; import { useAuth } from '../../../authentication/AuthContext'; -import { API_URL } from '../../../../env'; import { addPlayer, PlayerPreviousSeasonStats } from '../../../utils/draft'; import OutlinedRoundedButton from '../../buttons/OutlinedRoundedButton'; +const API_URL = import.meta.env.VITE_API_URL; const PlayersTable = () => { diff --git a/src/components/DraftRoom/header/DraftHeader.tsx b/src/components/DraftRoom/header/DraftHeader.tsx index c66924c3..ce7f0819 100644 --- a/src/components/DraftRoom/header/DraftHeader.tsx +++ b/src/components/DraftRoom/header/DraftHeader.tsx @@ -1,10 +1,10 @@ import React, { useEffect, useState } from 'react'; -import { API_URL } from '../../../../env'; import { useDraft } from '../DraftContext'; import { capitalizeWords } from '../../../utils/wordCapitalizer'; import '../../../css/draftHeader.css'; import '../../../css/chatRoom.css'; import ChatRoom from '../ChatRoom'; +const API_URL = import.meta.env.VITE_API_URL; const DraftHeader = () => { diff --git a/src/pages/CreateMockDraft.tsx b/src/pages/CreateMockDraft.tsx index e0787193..bb7b4914 100644 --- a/src/pages/CreateMockDraft.tsx +++ b/src/pages/CreateMockDraft.tsx @@ -4,8 +4,8 @@ import { useAuth } from "../authentication/AuthContext"; import PickList from "../components/PickList"; import OutlinedButton from "../components/buttons/OutlinedButton"; import RoundedButton from "../components/buttons/RoundedButton"; -import { API_URL } from "../../env"; import { useNavigate } from 'react-router-dom'; +const API_URL = import.meta.env.VITE_API_URL; const ConfigureMockDraft = () => { const navigate = useNavigate(); diff --git a/src/pages/DraftsPage.tsx b/src/pages/DraftsPage.tsx index 14ec1977..3758884b 100644 --- a/src/pages/DraftsPage.tsx +++ b/src/pages/DraftsPage.tsx @@ -2,10 +2,10 @@ import '../css/mockDrafts.css'; import RoundedButton from '../components/buttons/RoundedButton'; import { useNavigate } from 'react-router-dom'; // Import useNavigate import React, { useState, useEffect } from 'react'; -import { API_URL } from '../../env'; import { useAuth } from '../authentication/AuthContext'; import {BsChevronDoubleLeft} from 'react-icons/bs'; import {BsChevronDoubleRight} from 'react-icons/bs'; +const API_URL = import.meta.env.VITE_API_URL; interface DraftInfo { user_id: number, diff --git a/src/pages/LoginPage.tsx b/src/pages/LoginPage.tsx index 497e7630..0c580f1c 100644 --- a/src/pages/LoginPage.tsx +++ b/src/pages/LoginPage.tsx @@ -3,8 +3,8 @@ import '../css/signupPage.css' import React, { useState, useEffect } from 'react'; import { useNavigate } from 'react-router-dom'; import TextInput from "../components/TextInput"; -import { API_URL } from '../../env'; import { useAuth } from '../authentication/AuthContext'; +const API_URL = import.meta.env.VITE_API_URL; const LoginPage = () => { const [name, setName] = useState(""); diff --git a/src/pages/SignupPage.tsx b/src/pages/SignupPage.tsx index 50e52eef..502ecfaa 100644 --- a/src/pages/SignupPage.tsx +++ b/src/pages/SignupPage.tsx @@ -1,10 +1,10 @@ import '../css/signupPage.css' import React, { useState, useEffect } from 'react'; import TextInput from "../components/TextInput"; -import { API_URL } from '../../env'; import { useAuth } from '../authentication/AuthContext'; import { IoMdCheckmark } from 'react-icons/io'; import { useNavigate } from 'react-router-dom'; +const API_URL = import.meta.env.VITE_API_URL; const SignupPage = () => { const navigate = useNavigate(); diff --git a/src/vite-env.d.ts b/src/vite-env.d.ts index 11f02fe2..c3396b61 100644 --- a/src/vite-env.d.ts +++ b/src/vite-env.d.ts @@ -1 +1,7 @@ /// +// + +interface ImportMetaEnv { + VITE_API_URL: string; + // Add other environment variables here as needed + } \ No newline at end of file diff --git a/vite-env.d.ts b/vite-env.d.ts new file mode 100644 index 00000000..6dbc65ad --- /dev/null +++ b/vite-env.d.ts @@ -0,0 +1,6 @@ +/// + +interface ImportMetaEnv { + VITE_API_URL: string; + // Add other environment variables here as needed + } \ No newline at end of file