{"version":3,"sources":["components/Navbar.jsx","utils/index.js","components/VoteOption.jsx","components/VoteTally.jsx","components/Footer.jsx","components/Intro.jsx","components/VoteHistory.jsx","components/Main.jsx","App.js","reportWebVitals.js","index.js"],"names":["useStyles","makeStyles","theme","root","backgroundColor","boxShadow","toolbar","marginTop","spacing","marginBottom","justifyContent","Navbar","props","classes","AppBar","position","className","Container","maxWidth","Toolbar","src","alt","height","preflightCommitment","programID","PublicKey","idl","metadata","address","capitalize","string","charAt","toUpperCase","slice","percentize","decimal","min","max","isNaN","toFixed","toLocaleString","style","minimumFractionDigits","maximumFractionDigits","formatWithCommas","number","button","paddingLeft","paddingRight","paddingTop","paddingBottom","fontSize","VoteOption","side","handleVote","wallet","useWallet","Box","textAlign","Button","variant","onClick","disabled","connected","size","color","avatar","width","borderRadius","marginRight","marginLeft","progress","palette","primary","main","VoteTally","votes","display","alignItems","Avatar","join","Typography","LinearProgress","value","wheels","doors","borderTop","flexShrink","socialIcons","margin","Footer","votesCounterAddress","Link","underline","href","toString","visibility","green","connectedBubble","title","fontWeight","Intro","initializeVoting","component","gutterBottom","VoteHistory","voteTxHistory","length","List","map","txID","i","ListItem","Main","network","enqueueSnackbar","useSnackbar","useState","setVotes","setVoteTxHistory","setVotesCounterAddress","getProvider","a","connection","Connection","anchor","getProgram","provider","console","log","program","findProgramAddress","bytes","utf8","encode","programId","votesCounterPDA","tx","methods","initialize","accounts","user","publicKey","systemProgram","SystemProgram","rpc","account","votesCounter","fetch","votesCounterAccount","parseInt","voteOption","vote","pubkeys","keys","oldVoteTxHistory","useEffect","controller","AbortController","findVotesCounterAddress","abort","getVotes","flexDirection","flex","Grid","container","item","xs","clusterApiUrl","wallets","getPhantomWallet","createTheme","blue","secondary","orange","overrides","MuiButtonBase","MuiButton","textTransform","undefined","padding","startIcon","endIcon","label","MuiLink","AppWrappedWithProviders","onWalletError","useCallback","error","message","name","onError","autoConnect","App","ThemeProvider","endpoint","reportWebVitals","onPerfEntry","Function","then","getCLS","getFID","getFCP","getLCP","getTTFB","ReactDOM","render","StrictMode","document","getElementById"],"mappings":"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","file":"static/js/main.767c1417.chunk.js","sourcesContent":["import { AppBar, Container, makeStyles, Toolbar } from \"@material-ui/core\";\nimport { WalletMultiButton } from \"@solana/wallet-adapter-material-ui\";\nimport React from \"react\";\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    backgroundColor: \"transparent\",\n    boxShadow: \"none\",\n  },\n  toolbar: {\n    marginTop: theme.spacing(3),\n    marginBottom: theme.spacing(3),\n    justifyContent: \"space-between\",\n  },\n}));\n\nexport default function Navbar(props) {\n  const classes = useStyles();\n  return (\n    <AppBar position=\"static\" className={classes.root}>\n      <Container maxWidth=\"xl\">\n        <Toolbar className={classes.toolbar}>\n          <img src=\"/images/doors-vs-wheels.png\" alt=\"DoorsVsWheels Vote\" height={80} />\n          <WalletMultiButton />\n        </Toolbar>\n      </Container>\n    </AppBar>\n  );\n}\n","import {PublicKey} from \"@solana/web3.js\";\nimport idl from \"../idl.json\";\n\nexport const preflightCommitment = \"processed\";\nexport const programID = new PublicKey(idl.metadata.address);\n\nexport const capitalize = (string) => {\n    if (typeof string !== \"string\") return \"\";\n    return string.charAt(0).toUpperCase() + string.slice(1);\n};\n\nexport const percentize = (decimal, min, max) => {\n    if (typeof decimal !== \"number\" || isNaN(decimal)) return \"\";\n    return max === 0\n        ? `${(decimal * 100).toFixed(0)}%`\n        : `${(decimal * 100).toLocaleString(\"en-US\", {\n            style: \"decimal\",\n            minimumFractionDigits: min || 2,\n            maximumFractionDigits: max || 2,\n        })}%`;\n};\n\nexport const formatWithCommas = (number) =>\n    typeof number === \"number\" ? number.toLocaleString(\"en-US\") : number;\n","import { Button, Box } from \"@material-ui/core\";\nimport { makeStyles } from \"@material-ui/styles\";\nimport { useWallet } from \"@solana/wallet-adapter-react\";\nimport React from \"react\";\nimport { capitalize } from \"../utils\";\n\nconst useStyles = makeStyles((theme) => ({\n  button: {\n    paddingLeft: theme.spacing(4),\n    paddingRight: theme.spacing(4),\n    paddingTop: theme.spacing(2),\n    paddingBottom: theme.spacing(2),\n    fontSize: \"1.2rem\",\n  },\n}));\n\nexport default function VoteOption({ side, handleVote }) {\n  const classes = useStyles();\n  const wallet = useWallet();\n  return (\n    <Box textAlign=\"center\">\n      <Button\n        variant=\"contained\"\n        onClick={() => handleVote(side)}\n        disabled={!wallet.connected}\n        size=\"large\"\n        color={side === \"smooth\" ? \"primary\" : \"secondary\"}\n        className={classes.button}\n      >\n        {`Vote ${capitalize(side)}`}\n      </Button>\n    </Box>\n  );\n}\n","import {\n  Avatar,\n  Box,\n  LinearProgress,\n  makeStyles,\n  Typography,\n} from \"@material-ui/core\";\nimport React from \"react\";\nimport { formatWithCommas, percentize } from \"../utils\";\n\nconst useStyles = makeStyles((theme) => ({\n  avatar: {\n    height: 120,\n    width: 120,\n    borderRadius: \"initial\",\n    \"&.left\": {\n      marginRight: theme.spacing(0.5),\n    },\n    \"&.right\": {\n      marginLeft: theme.spacing(0.5),\n    },\n  },\n  progress: {\n    backgroundColor: theme.palette.primary.main,\n    height: 25,\n  },\n}));\n\n// Show vote counts for each side\nexport default function VoteTally({ votes }) {\n  const classes = useStyles();\n\n  function getProgress() {\n    if (\n      typeof votes.wheels !== \"number\" ||\n      typeof votes.doors !== \"number\" ||\n      votes.wheels + votes.doors === 0\n    ) {\n      return 50;\n    }\n    return (votes.wheels / (votes.doors + votes.wheels)) * 100;\n  }\n\n  return (\n    <Box>\n      <Box display=\"flex\" justifyContent=\"space-between\" marginBottom=\"5px\">\n        <Box display=\"flex\" alignItems=\"flex-end\">\n          <Avatar\n            alt=\"\"\n            src=\"/images/wheels.png\"\n            className={[classes.avatar, \"left\"].join(\" \")}\n          />\n          <Typography variant=\"h6\" >Wheels</Typography>\n        </Box>\n        <Box display=\"flex\" alignItems=\"flex-end\" textAlign=\"right\">\n          <Typography variant=\"h6\">Doors</Typography>\n          <Avatar\n            alt=\"\"\n            src=\"/images/doors.png\"\n            className={[classes.avatar, \"right\"].join(\" \")}\n          />\n        </Box>\n      </Box>\n      <LinearProgress\n        variant=\"determinate\"\n        value={getProgress()}\n        color=\"secondary\"\n        className={classes.progress}\n      />\n      <Box display=\"flex\" justifyContent=\"space-between\">\n        <Box>\n          <Typography variant=\"h3\">\n            {formatWithCommas(votes.wheels)}\n          </Typography>\n          <Typography variant=\"h6\">\n            {percentize(votes.wheels / (votes.wheels + votes.doors))}\n          </Typography>\n        </Box>\n        <Box textAlign=\"right\">\n          <Typography variant=\"h3\">{formatWithCommas(votes.doors)}</Typography>\n          <Typography variant=\"h6\">\n            {percentize(votes.doors / (votes.wheels + votes.doors))}\n          </Typography>\n        </Box>\n      </Box>\n    </Box>\n  );\n}\n","import {\n  AppBar,\n  Box,\n  Container,\n  Link,\n  makeStyles,\n  Toolbar,\n  Typography,\n} from \"@material-ui/core\";\nimport React from \"react\";\nimport TwitterIcon from \"@material-ui/icons/Twitter\";\nimport GitHubIcon from \"@material-ui/icons/GitHub\";\nimport LinkedInIcon from \"@material-ui/icons/LinkedIn\";\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    backgroundColor: \"transparent\",\n    boxShadow: \"none\",\n    borderTop: \"1px solid #e6e6e5\",\n    flexShrink: 0,\n    marginTop: theme.spacing(2),\n  },\n  toolbar: {\n    justifyContent: \"space-between\",\n  },\n  socialIcons: {\n    margin: theme.spacing(1),\n  },\n}));\n\nexport default function Footer({ programID, votesCounterAddress }) {\n  const classes = useStyles();\n  return (\n    <AppBar position=\"static\" className={classes.root}>\n      <Container maxWidth=\"xl\">\n        <Toolbar className={classes.toolbar}>\n          <Typography variant=\"caption\">\n            Version by {\" \"}\n            <Link underline=\"always\" href=\"https://medium.com/@nicoeft\">\n              Nicolas Francisquelo Tacca\n            </Link>\n            {\" | \"}\n            Based on tutorials and code by {\" \"}\n            <Link underline=\"always\" href=\"https://brianfriel.xyz\">\n              Brian Friel\n            </Link>\n            {\" | \"}\n            Powered by{\" \"}\n            <Link underline=\"always\" href=\"https://solana.com/\">\n              Solana\n            </Link>\n            {\" | \"}\n            <Link\n              underline=\"always\"\n              href={`https://explorer.solana.com/address/${programID.toString()}?cluster=devnet`}\n            >\n              Program ID\n            </Link>\n            {\" | \"}\n            <Link\n              underline=\"always\"\n              href={`https://explorer.solana.com/address/${votesCounterAddress}?cluster=devnet`}\n            >\n              Vote Account\n            </Link>\n          </Typography>\n          <Box>\n            <Link\n              className={classes.socialIcons}\n              href=\"https://twitter.com/nicoeft\"\n            >\n              <TwitterIcon />\n            </Link>\n            <Link className={classes.socialIcons} href=\"https://github.com/nicoeft/doors-vs-wheels\">\n              <GitHubIcon />\n            </Link>\n            <Link className={classes.socialIcons} href=\"https://linkedin.com/in/nicolas-francisquelo\">\n              <LinkedInIcon />\n            </Link>\n          </Box>\n        </Toolbar>\n      </Container>\n    </AppBar>\n  );\n}\n","import { Box, Button, Link, Typography } from \"@material-ui/core\";\nimport { green } from \"@material-ui/core/colors\";\nimport { makeStyles } from \"@material-ui/styles\";\nimport { WalletMultiButton } from \"@solana/wallet-adapter-material-ui\";\nimport { useWallet } from \"@solana/wallet-adapter-react\";\nimport React from \"react\";\n\nconst useStyles = makeStyles((theme) => ({\n  button: {\n    marginTop: theme.spacing(1),\n    \"&.hidden\": {\n      visibility: \"hidden\",\n    },\n  },\n  connected: {\n    color: green[500],\n  },\n  connectedBubble: {\n    backgroundColor: green[500],\n    height: 12,\n    width: 12,\n    borderRadius: \"50%\",\n    marginRight: theme.spacing(0.5),\n  },\n  title: {\n    fontWeight: 700,\n  },\n}));\n\nexport default function Intro({\n  votes,\n  initializeVoting,\n  programID,\n  votesCounterAddress,\n}) {\n  const wallet = useWallet();\n  const classes = useStyles();\n  return (\n    <Box textAlign=\"center\">\n      <Typography\n        component=\"h1\"\n        variant=\"h3\"\n        gutterBottom\n        className={classes.title}\n      >\n        Doors or Wheels\n      </Typography>\n      <Typography\n        component=\"h2\"\n        variant=\"h4\"\n        gutterBottom\n        >\n        Are there more wheels or doors in the world?\n      </Typography>\n      <Typography variant=\"body1\">\n        Send your vote to the{\" \"}\n        <Link href=\"https://solana.com/\" underline=\"always\">\n          Solana\n        </Link>{\" \"}\n        blockchain and help decide this once and for all!\n      </Typography>\n      <Box marginTop=\"8px\">\n        {wallet.connected ? (\n          <Box display=\"flex\" alignItems=\"center\" justifyContent=\"center\">\n            <Box className={classes.connectedBubble} />\n            <Typography variant=\"body1\" className={classes.connected}>\n              Connected\n            </Typography>\n          </Box>\n        ) : (\n          <Typography variant=\"body1\">\n            To get started, connect your wallet below:\n          </Typography>\n        )}\n        <WalletMultiButton\n          className={\n            wallet.connected\n              ? [classes.button, \"hidden\"].join(\" \")\n              : classes.button\n          }\n        />\n          <h3>(Deployed to DEVNET)</h3>\n      </Box>\n      {(typeof votes.wheels !== \"number\" ||\n        typeof votes.wheels !== \"number\") &&\n        wallet.connected && (\n          <Box marginTop=\"8px\">\n            <Typography variant=\"body1\">\n              This{\" \"}\n              <Link\n                href={`https://explorer.solana.com/address/${programID.toString()}?cluster=devnet`}\n                underline=\"always\"\n              >\n                program\n              </Link>\n              {\"'s \"}\n              <Link\n                href={`https://explorer.solana.com/address/${votesCounterAddress.toString()}?cluster=devnet`}\n                underline=\"always\"\n              >\n                vote account\n              </Link>{\" \"}\n              has not been initialized yet:\n            </Typography>\n            <Button\n              color=\"primary\"\n              variant=\"contained\"\n              onClick={initializeVoting}\n              className={classes.button}\n            >\n              Initialize Program\n            </Button>\n          </Box>\n        )}\n    </Box>\n  );\n}\n","import { Box, Link, List, ListItem, Typography } from \"@material-ui/core\";\nimport React from \"react\";\n\n// If this user has voted during this session, show them their transaction history\nexport default function VoteHistory({ voteTxHistory }) {\n  if (voteTxHistory.length < 1) {\n    return <Box />;\n  }\n  return (\n    <Box textAlign=\"center\" marginTop=\"16px\">\n      <Typography variant=\"h4\">You voted!</Typography>\n      <Typography variant=\"body1\">\n        Thanks for making your voice heard on this important issue.\n      </Typography>\n      <Typography variant=\"body1\">\n        Check out your recorded {voteTxHistory.length === 1 ? \"vote\" : \"votes\"}{\" \"}\n        on the Solana blockchain:\n      </Typography>\n      <List>\n        {voteTxHistory.map((txID, i) => (\n          <ListItem key={txID} style={{ justifyContent: \"center\" }}>\n            <Link\n              href={`https://explorer.solana.com/tx/${txID}?cluster=devnet`}\n              underline=\"always\"\n            >{`Vote ${i + 1}`}</Link>\n          </ListItem>\n        ))}\n      </List>\n    </Box>\n  );\n}\n","import React, {useEffect, useState} from \"react\";\nimport {useWallet} from \"@solana/wallet-adapter-react\";\nimport {Connection, PublicKey, SystemProgram} from \"@solana/web3.js\";\nimport * as anchor from \"@project-serum/anchor\";\nimport idl from \"../idl.json\";\nimport {Box, Container, Grid} from \"@material-ui/core\";\nimport Navbar from \"./Navbar\";\nimport VoteOption from \"./VoteOption\";\nimport VoteTally from \"./VoteTally\";\nimport Footer from \"./Footer\";\nimport Intro from \"./Intro\";\nimport {useSnackbar} from \"notistack\";\nimport VoteHistory from \"./VoteHistory\";\nimport {capitalize, preflightCommitment, programID} from \"../utils\";\n\nexport default function Main({network}) {\n    const {enqueueSnackbar} = useSnackbar();\n    const wallet = useWallet();\n\n    const [votes, setVotes] = useState({\n        wheels: null,\n        doors: null,\n    });\n    const [voteTxHistory, setVoteTxHistory] = useState([]);\n    const [votesCounterAddress, setVotesCounterAddress] = useState(null);\n\n    useEffect(() => {\n        const controller = new AbortController();\n        findVotesCounterAddress();\n        return () => controller.abort();\n    }, []);\n\n    useEffect(() => {\n        console.log(\"getVotes useffect\");\n        const controller = new AbortController();\n\n        // Call Solana program for vote count\n        async function getVotes() {\n            console.log(\"getVotes\");\n            try {\n                const program = await getProgram();\n                let votesCounterAccount = await program.account.votesCounter.fetch(votesCounterAddress);\n                setVotes({\n                    wheels: parseInt(votesCounterAccount.wheels.toString()),\n                    doors: parseInt(votesCounterAccount.doors.toString()),\n                });\n            } catch (error) {\n                console.log(\"could not getVotes: \", error);\n            }\n        }\n\n        if (votesCounterAddress) {\n            getVotes();\n        }\n        return () => controller.abort();\n    }, [votesCounterAddress]);\n\n    async function getProvider() {\n        const connection = new Connection(network, preflightCommitment);\n        return new anchor.AnchorProvider(connection,wallet,preflightCommitment);\n    }\n\n    async function getProgram() {\n        const provider = await getProvider();\n        return new anchor.Program(idl, programID, provider);\n    }\n\n    async function findVotesCounterAddress() {\n        console.log(\"Finding votes counter PDA\");\n        const program = await getProgram();\n        const [votesCounterPDA, _bumpVotesCounter] = await PublicKey.findProgramAddress(\n            [\n                anchor.utils.bytes.utf8.encode(\"votes_counter\"),\n            ],\n            program.programId\n        );\n        setVotesCounterAddress(votesCounterPDA);\n    }\n\n    // Initialize the program if this is the first time its launched\n    async function initializeVoting() {\n        const provider = await getProvider();\n        console.log(\"initializeVoting\",programID.toString());\n        const program = new anchor.Program(idl, programID, provider);\n        try {\n            const tx = program.methods.initialize().accounts({\n                user: provider.wallet.publicKey,\n                systemProgram: SystemProgram.programId,\n            });\n            // const keys = await tx.pubkeys()\n            await tx.rpc();\n            const votesCounterAccount = await program.account.votesCounter.fetch(votesCounterAddress);\n            setVotes({\n                wheels: parseInt(votesCounterAccount.wheels.toString()),\n                doors: parseInt(votesCounterAccount.doors.toString()),\n            });\n            enqueueSnackbar(\"Vote account initialized\", {variant: \"success\"});\n        } catch (error) {\n            console.log(\"Transaction error: \", error);\n            console.log(error.toString());\n            enqueueSnackbar(`Error: ${error.toString()}`, {variant: \"error\"});\n        }\n    }\n\n    // Vote for either wheels or doors. Poll for updated vote count on completion\n    async function handleVote(side) {\n        const provider = await getProvider();\n        const program = new anchor.Program(idl, programID, provider);\n        try {\n            const voteOption = side === \"wheels\" ? {wheels: {}} : {doors: {}};\n            let tx = program.methods.vote(voteOption).accounts({\n                user: provider.wallet.publicKey,\n                systemProgram: SystemProgram.programId,\n                votesCounter: votesCounterAddress,\n            })\n            const keys = await tx.pubkeys()\n            tx = await tx.rpc();\n            const votesCounterAccount = await program.account.votesCounter.fetch(keys.votesCounter);\n\n            setVotes({\n                wheels: parseInt(votesCounterAccount.wheels.toString()),\n                doors: parseInt(votesCounterAccount.doors.toString()),\n            });\n            enqueueSnackbar(`Voted for ${capitalize(side)}!`, {variant: \"success\"});\n            setVoteTxHistory((oldVoteTxHistory) => [...oldVoteTxHistory, tx]);\n        } catch (error) {\n            console.log(\"Transaction error: \", error);\n            console.log(error.toString());\n            enqueueSnackbar(`Error: ${error.toString()}`, {variant: \"error\"});\n        }\n    }\n\n    return (\n        <Box height=\"100%\" display=\"flex\" flexDirection=\"column\">\n            <Box flex=\"1 0 auto\">\n                <Navbar/>\n                <Container>\n                    <Grid container spacing={3}>\n                        <Grid item xs={12}>\n                            <Intro\n                                votes={votes}\n                                initializeVoting={initializeVoting}\n                                programID={programID}\n                                votesCounterAddress={votesCounterAddress}\n                            />\n                        </Grid>\n                        <Grid item xs={12}>\n                            <VoteTally votes={votes}/>\n                        </Grid>\n                        <Grid item xs={6}>\n                            <VoteOption side=\"wheels\" handleVote={handleVote}/>\n                        </Grid>\n                        <Grid item xs={6}>\n                            <VoteOption side=\"doors\" handleVote={handleVote}/>\n                        </Grid>\n                        <Grid item xs={12}>\n                            <VoteHistory voteTxHistory={voteTxHistory}/>\n                        </Grid>\n                    </Grid>\n                </Container>\n            </Box>\n            <Footer programID={programID} votesCounterAddress={votesCounterAddress}/>\n        </Box>\n    );\n}\n","import {\n    ConnectionProvider,\n    WalletProvider,\n} from \"@solana/wallet-adapter-react\";\nimport {WalletDialogProvider} from \"@solana/wallet-adapter-material-ui\";\nimport {getPhantomWallet} from \"@solana/wallet-adapter-wallets\";\nimport {SnackbarProvider, useSnackbar} from \"notistack\";\nimport {createTheme, ThemeProvider} from \"@material-ui/core\";\nimport {blue, orange} from \"@material-ui/core/colors\";\nimport {clusterApiUrl} from \"@solana/web3.js\";\nimport {useCallback} from \"react\";\n\n\nimport Main from \"./components/Main\";\n\n\nconst localnet = \"http://127.0.0.1:8899\";\nconst devnet = clusterApiUrl(\"devnet\");\n//const mainnet = clusterApiUrl(\"mainnet-beta\");\nconst network = devnet;\n\nconst wallets = [getPhantomWallet()];\n\nconst theme = createTheme({\n    palette: {\n        primary: {\n            main: blue[300],\n        },\n        secondary: {\n            main: orange[300],\n        },\n    },\n    overrides: {\n        MuiButtonBase: {\n            root: {\n                justifyContent: \"flex-start\",\n            },\n        },\n        MuiButton: {\n            root: {\n                textTransform: undefined,\n                padding: \"12px 16px\",\n                fontWeight: 600,\n            },\n            startIcon: {\n                marginRight: 8,\n            },\n            endIcon: {\n                marginLeft: 8,\n            },\n            label: {\n                color: \"white\",\n            },\n        },\n        MuiLink: {\n            root: {\n                color: \"initial\",\n            },\n        },\n    },\n});\n\n// Nest app within <SnackbarProvider /> so that we can set up Snackbar notifications on Wallet errors\nfunction AppWrappedWithProviders() {\n    const {enqueueSnackbar} = useSnackbar();\n\n    const onWalletError = useCallback(\n        (error) => {\n            enqueueSnackbar(\n                error.message ? `${error.name}: ${error.message}` : error.name,\n                {variant: \"error\"}\n            );\n            console.error(error);\n        },\n        [enqueueSnackbar]\n    );\n\n    // Wrap <Main /> within <WalletProvider /> so that we can access useWallet hook within Main\n    return (\n        <WalletProvider wallets={wallets} onError={onWalletError} autoConnect>\n            <WalletDialogProvider>\n                <Main network={network}/>\n            </WalletDialogProvider>\n        </WalletProvider>\n    );\n}\n\nexport default function App() {\n    return (\n        <ThemeProvider theme={theme}>\n            <SnackbarProvider>\n                <ConnectionProvider endpoint={network}>\n                    <AppWrappedWithProviders/>\n                </ConnectionProvider>\n            </SnackbarProvider>\n        </ThemeProvider>\n    );\n}\n","const reportWebVitals = onPerfEntry => {\n  if (onPerfEntry && onPerfEntry instanceof Function) {\n    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\n      getCLS(onPerfEntry);\n      getFID(onPerfEntry);\n      getFCP(onPerfEntry);\n      getLCP(onPerfEntry);\n      getTTFB(onPerfEntry);\n    });\n  }\n};\n\nexport default reportWebVitals;\n","import React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport \"./index.css\";\nimport App from \"./App\";\nimport reportWebVitals from \"./reportWebVitals\";\n\nReactDOM.render(\n  <React.StrictMode>\n    <App />\n  </React.StrictMode>,\n  document.getElementById(\"root\")\n);\n\n// If you want to start measuring performance in your app, pass a function\n// to log results (for example: reportWebVitals(console.log))\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\nreportWebVitals();\n"],"sourceRoot":""}