{"version":3,"sources":["logo.svg","mina-main-contract.js","App.js","reportWebVitals.js","index.js"],"names":["Web3","require","providers","HttpProvider","eth","Contract","web3","AppLink","app","style","display","justifyContent","alignItems","src","logo_url","height","width","minWidth","maxWidth","onClick","window","open","url","name","maxHeight","minHeight","fontSize","overflow","textOverflow","textAlign","marginTop","marginBottom","marginLeft","marginRight","description","AppStructure","appLink","appName","App","state","message","apps","account","value","id","onSubmit","event","preventDefault","setState","signer","accounts","privateKeyToAccount","wallet","add","tx","from","address","to","utils","toWei","gas","nonce","getTransactionCount","chain","hardfork","console","log","signTransaction","privateKey","signedTx","rawTransaction","sendSignedTransaction","Date","now","initialStart","startValue","finalTiming","contract","methods","getApps","call","this","className","logo","alt","fontWeight","apps_list","map","onChange","target","controls","type","Component","reportWebVitals","onPerfEntry","Function","then","getCLS","getFID","getFCP","getLCP","getTTFB","ReactDOM","createRoot","document","getElementById","render","StrictMode"],"mappings":"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","file":"static/js/main.f1934412.chunk.js","sourcesContent":["export default __webpack_public_path__ + \"static/media/logo.d693e6fd.svg\";","const Web3 = require(\"web3\");\n\nconst web3 = new Web3(\nnew Web3.providers.HttpProvider(\n\t\t\"https://rinkeby.infura.io/v3/a5e20b2382fd40fa8a43f6c7d250008c\"\n\t)\n);\n\nconst address = '0x7A6C29615eCF83B892FCcF3905799d2d9B738f91';\n\nconst abi = [\n\t{\n\t\t\"inputs\": [\n\t\t\t{\n\t\t\t\t\"internalType\": \"string\",\n\t\t\t\t\"name\": \"appName\",\n\t\t\t\t\"type\": \"string\"\n\t\t\t},\n\t\t\t{\n\t\t\t\t\"internalType\": \"string\",\n\t\t\t\t\"name\": \"appLink\",\n\t\t\t\t\"type\": \"string\"\n\t\t\t},\n\t\t\t{\n\t\t\t\t\"internalType\": \"int256\",\n\t\t\t\t\"name\": \"id\",\n\t\t\t\t\"type\": \"int256\"\n\t\t\t}\n\t\t],\n\t\t\"name\": \"enterApp\",\n\t\t\"outputs\": [],\n\t\t\"stateMutability\": \"payable\",\n\t\t\"type\": \"function\"\n\t},\n\t{\n\t\t\"inputs\": [],\n\t\t\"stateMutability\": \"nonpayable\",\n\t\t\"type\": \"constructor\"\n\t},\n\t{\n\t\t\"inputs\": [\n\t\t\t{\n\t\t\t\t\"internalType\": \"uint256\",\n\t\t\t\t\"name\": \"\",\n\t\t\t\t\"type\": \"uint256\"\n\t\t\t}\n\t\t],\n\t\t\"name\": \"apps\",\n\t\t\"outputs\": [\n\t\t\t{\n\t\t\t\t\"internalType\": \"string\",\n\t\t\t\t\"name\": \"appName\",\n\t\t\t\t\"type\": \"string\"\n\t\t\t},\n\t\t\t{\n\t\t\t\t\"internalType\": \"string\",\n\t\t\t\t\"name\": \"appLink\",\n\t\t\t\t\"type\": \"string\"\n\t\t\t},\n\t\t\t{\n\t\t\t\t\"internalType\": \"int256\",\n\t\t\t\t\"name\": \"id\",\n\t\t\t\t\"type\": \"int256\"\n\t\t\t}\n\t\t],\n\t\t\"stateMutability\": \"view\",\n\t\t\"type\": \"function\"\n\t},\n\t{\n\t\t\"inputs\": [],\n\t\t\"name\": \"getApps\",\n\t\t\"outputs\": [\n\t\t\t{\n\t\t\t\t\"components\": [\n\t\t\t\t\t{\n\t\t\t\t\t\t\"internalType\": \"string\",\n\t\t\t\t\t\t\"name\": \"appName\",\n\t\t\t\t\t\t\"type\": \"string\"\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\t\"internalType\": \"string\",\n\t\t\t\t\t\t\"name\": \"appLink\",\n\t\t\t\t\t\t\"type\": \"string\"\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\t\"internalType\": \"int256\",\n\t\t\t\t\t\t\"name\": \"id\",\n\t\t\t\t\t\t\"type\": \"int256\"\n\t\t\t\t\t}\n\t\t\t\t],\n\t\t\t\t\"internalType\": \"struct minaContract.App[]\",\n\t\t\t\t\"name\": \"\",\n\t\t\t\t\"type\": \"tuple[]\"\n\t\t\t}\n\t\t],\n\t\t\"stateMutability\": \"view\",\n\t\t\"type\": \"function\"\n\t}\n];\n\n\nexport default new web3.eth.Contract(abi, address);\n","import React, { Component, useState } from 'react';\nimport logo from './logo.svg';\nimport './App.css';\n// import web3 from './web3';\nimport contract from './mina-main-contract';\nimport apps_list from './apps_list.json';\n\nconst src =\n\"https://storageapi.fleek.co/8b69b791-a113-4a7f-8d37-f4905b484016-bucket/panasonic-hokkaido-and-tokyo-uhd-(www.demolandia.net).mp4\";\n\n\nconst Web3 = require(\"web3\");\n\nconst web3 = new Web3(\nnew Web3.providers.HttpProvider(\n    \"https://rinkeby.infura.io/v3/a5e20b2382fd40fa8a43f6c7d250008c\"\n  )\n);\n\n\nfunction AppLink(app) {\n  const handleClick = () => {\n    window.open(app.url);\n  };\n  return(\n    <div style={{\n        display: 'inline-grid',\n        justifyContent: 'center',\n        alignItems: 'center',\n      }}>\n      <div style={{\n          display: 'inline-flex',\n          justifyContent: 'center',\n          alignItems: 'center',\n        }}>\n      <img src={app.logo_url} height=\"60px\" width=\"60px\"/>\n\n      <button style={{\n          minWidth: \"200px\",\n          maxWidth: \"300px\",\n          height: \"60px\",\n        }} onClick={handleClick}>{app.name}\n\n        </button>\n        </div>\n        <label style={{\n            maxWidth: \"250px\",\n            maxHeight: \"300px\",\n            minWidth: \"150px\",\n            minHeight: \"20px\",\n            fontSize: \"17px\",\n            overflow: \"hidden\",\n            textOverflow: \"clip\",\n            textAlign: \"left\",\n            marginTop: \"10px\",\n            marginBottom: \"20px\",\n            marginLeft: \"10px\",\n            marginRight: \"10px\"\n          }} >\n          {app.description}\n        </label>\n      </div>\n    );\n}\n\nfunction AppStructure(app) {\n  const handleClick = () => {\n    window.open(app.appLink);\n  };\n  return <button style={{\n          maxWidth: \"300px\",\n          maxHeight: \"100px\",\n          minWidth: \"200px\",\n          minHeight: \"60px\"\n        }} onClick={handleClick}>{app.appName}\n\n        </button>\n}\n\n\nclass App extends Component {\n\n  state = {\n    message: \"\",\n    apps: [],\n    account: \"\",\n    value: \"\",\n    appName: \"\",\n    appLink: \"\",\n    id: \"\",\n  };\n\n  async componentDidMount() {\n    const apps = await contract.methods.getApps().call();\n   // Creating a signing account from a private key\n   const signer = web3.eth.accounts.privateKeyToAccount(\n     \"f40e45631216e41e764dc642abc38eabfc4bdd7674234f8d5354b7c11a48b5e2\"\n   );\n   web3.eth.accounts.wallet.add(signer);\n\n   this.setState({ apps: apps, account: signer.address});\n  };\n\n  onSubmit = async (event) => {\n    event.preventDefault();\n\n\n    this.setState({ message: 'Waiting on trasaction success...' })\n\n    const signer = web3.eth.accounts.privateKeyToAccount(\n      \"f40e45631216e41e764dc642abc38eabfc4bdd7674234f8d5354b7c11a48b5e2\"\n    );\n\n    web3.eth.accounts.wallet.add(signer);\n\n    const tx = {\n      from: signer.address,\n      to: \"0x7A6C29615eCF83B892FCcF3905799d2d9B738f91\",\n      value: web3.utils.toWei(this.state.value, 'ether'),\n      gas: \"100000\",\n      nonce: web3.eth.getTransactionCount(signer.address),\n      chain: \"rinkeby\",\n      hardfork: \"london\",\n    };\n\n\n    // const receipt = await tx.send({\n    //   from: this.state.account,\n    //   gas: await tx.estimateGas(),\n    // })\n    // .once(\"transactionHash\", (txhash) => {\n    //   console.log(`Mining transaction ...`);\n    //   console.log(`https://rinkeby.etherscan.io/tx/${txhash}`);\n    // });\n\n    console.log(web3.eth.accounts);\n\n    const signedTx = await web3.eth.accounts.signTransaction(tx, signer.privateKey)\n    console.log(\"Raw transaction data: \" + signedTx.rawTransaction)\n\n\n    await web3.eth.sendSignedTransaction(signedTx.rawTransaction);\n\n    this.setState({ message: 'App successfully submitted to the OS!' });\n    this.state.value = 0;\n  }\n\n  onClick = async (event) => {\n    event.preventDefault();\n\n    console.log(Date.now());\n\n    let initialStart = Date.now();\n\n\n    this.setState({ message: 'Stress test in progress' })\n\n    for(let startValue = 2; startValue < 2000000000; startValue++) {\n        //console.log(startValue);\n    }\n\n    console.log(Date.now());\n\n    let finalTiming = Date.now() - initialStart;\n\n    console.log(finalTiming);\n\n    this.setState({ message: 'Stress test ended!!!'});\n  };\n\n\nrender() {\n  return (\n    <div className=\"App\">\n      <header className=\"App-header\">\n        <hr/>\n        <p>{this.state.account}</p>\n        <hr/>\n        <img src={logo} className=\"App-logo\" alt=\"logo\" />\n        <p style={{\n            fontSize: \"30px\",\n            fontWeight: \"bold\",\n          }}>\n          explore minaOS and use decentralized apps and games everywhere.\n        </p>\n        <p style={{\n            fontSize: \"30px\",\n            fontWeight: \"bold\",\n          }}>\n        without worrying about your local hardware, anymore.\n        </p>\n        <hr/>\n        <ul>\n          {apps_list.map((app) => <AppLink name={app.name} url={app.url} key={app.name} logo_url={app.logo_url} description={app.description}/>)}\n        </ul>\n        <hr/>\n        <ul>\n          {this.state.apps.map((app) => <AppStructure appName={app.appName} appLink={app.appLink} key={app.id}/>)}\n        </ul>\n        <hr/>\n        <form onSubmit={this.onSubmit}>\n          <h4>Want to add an app to mina ?</h4>\n          <div>\n            <label>Amount of ether</label>\n            <input\n              value={this.state.value}\n              onChange={event => this.setState({ value: event.target.value })}\n            />\n          </div>\n          <div>\n            <label>Name of the App</label>\n            <input\n              value={this.state.appName}\n              onChange={event => this.setState({ appName: event.target.value })}\n            />\n          </div>\n          <div>\n            <label>Link to the App</label>\n            <input\n              value={this.state.appLink}\n              onChange={event => this.setState({ appLink: event.target.value })}\n            />\n          </div>\n          <div>\n            <label>Unique ID</label>\n            <input\n              value={this.state.id}\n              onChange={event => this.setState({ id: event.target.value })}\n            />\n          </div>\n          <button>Enter</button>\n        </form>\n        <hr />\n        <h4>Ready for a stress test?</h4>\n        <button onClick={this.onClick}>Start now!</button>\n        <h1>{this.state.message}</h1>\n        <hr />\n        <h4>Video and images on decentralised storage</h4>\n        <hr />\n        <video controls width=\"40%\">\n        <source src={src} type=\"video/mp4\" />\n          Sorry, your browser doesn't support embedded videos.\n        </video>\n        <img src = \"https://storageapi.fleek.co/8b69b791-a113-4a7f-8d37-f4905b484016-bucket/3b9a1ec7b868b4b107bce28f783fb566.gif\" width=\"40%\"></img>\n      </header>\n    </div>\n\n  );\n}\n}\n\nexport default App;\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/client';\nimport './index.css';\nimport App from './App';\nimport reportWebVitals from './reportWebVitals';\n\nconst root = ReactDOM.createRoot(document.getElementById('root'));\nroot.render(\n  <React.StrictMode>\n    <App />\n  </React.StrictMode>\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":""}