marketplace initial

app/app-sandbox/package.json

@@ -11,6 +11,7 @@
     "@emotion/styled": "^11.10.6",
     "@mui/icons-material": "^5.11.16",
     "@mui/material": "^5.12.1",
+    "@mui/styles": "^5.15.3",
     "@perawallet/connect": "^1.2.3",
     "@randlabs/myalgo-connect": "^1.4.2",
     "@reach-sh/stdlib": "^0.1.13-rc.3",
@@ -24,9 +25,11 @@
     "algorand-walletconnect-qrcode-modal": "^1.8.0",
     "algosdk": "^2.7.0",
     "arc200js": "^2.3.3",
-    "arccjs": "^2.3.5",
+    "arccjs": "^2.4.9",
     "axios": "^1.4.0",
     "bignumber.js": "^9.1.2",
+    "dexie": "^3.2.4",
+    "dexie-react-hooks": "^1.1.7",
     "ethers": "^5.7.2",
     "moment": "^2.29.4",
     "nfdjs": "^1.1.0",
@@ -37,6 +40,7 @@
     "react-csv": "^2.2.2",
     "react-dom": "^18.2.0",
     "react-google-charts": "^4.0.1",
+    "react-lazy-load-image-component": "^1.6.0",
     "react-router-dom": "^6.14.0",
     "react-scripts": "5.0.1",
     "react-textra": "^0.2.0",
@@ -55,7 +59,7 @@
     "build": "craco build",
     "test": "craco test",
     "predeploy": "yarn build",
-    "deploy": "gh-pages -d build --repo https://github.com/temptemp3/arc200.algo.xyz.git -b main"
+    "deploy": "gh-pages -d build --repo https://github.com/temptemp3/shellyssandbox.xyz.git -b main"
   },
   "eslintConfig": {
     "extends": [

app/app-sandbox/public/CNAME

@@ -1 +1 @@
-arc200.algodrop.net
+shellyssandbox.xyz

app/app-sandbox/src/App.js

@@ -18,12 +18,20 @@ import { DaffiWalletConnect } from "@daffiwallet/connect";
 import { WalletConnectModalSign } from "@walletconnect/modal-sign-html";
 
 import Home from "./pages/Home";
+import DEX from "./pages/DEX";
+import NFTBridge from "./pages/NFTBridge";
+import NFTCollection from "./pages/NFTCollection/index.js";
+import NFTToken from "./pages/NFTToken/index.js";
+import NFTMarketpalce from "./pages/NFTMarketplace";
+import NFTPortfolio from "./pages/NFTPortfolio";
 import Subscription from "./pages/Subscription";
 import Mint from "./pages/Mint";
+import Wint from "./pages/Wint";
 import Token from "./pages/Token";
 import Config from "./pages/Config";
 import Swap from "./pages/Swap";
 import TokenAddress from "./pages/TokenAddress";
+import MainMenu from "./components/MainMenu";
 import AppBar from "./components/AppBar.tsx";
 import { MyCustomProvider } from "./wallet/CustomProvider";
 import { getCurrentNode, getGenesisHash } from "./utils/reach";
@@ -121,15 +129,38 @@ function App() {
   return (
     <WalletProvider value={providers}>
       <div className="App">
+        <MainMenu />
         <Routes>
           <Route path="/" element={<Home />} />
+          <Route path="/account/:addr" element={<Home />} />
           <Route path="/:addr/:amt/:note" element={<Home />} />
+          <Route path="/dex/" element={<DEX />} />
           <Route path="/config" element={<Config />} />
           <Route path="/mint" element={<Mint />} />
           <Route path="/token/:id" element={<Token />} />
           <Route path="/token/:id/address/:addr" element={<TokenAddress />} />
+          <Route path="/wint/:id" element={<Wint />} />
           <Route path="/swap" element={<Swap />} />
           <Route path="/s" element={<Subscription />} />
+          <Route path="/nft/portfolio" element={<NFTPortfolio />} />
+          <Route path="/nft/marketplace" element={<NFTMarketpalce />} />
+          <Route path="/nft/bridge" element={<NFTBridge />} />
+          <Route path="/nft/collection/:id" element={<NFTCollection />} />
+          <Route
+            path="/nft/collection/:cid/token/:tid"
+            element={<NFTToken />}
+          />
+          <Route
+            path="/nft/collection"
+            element={
+              <div>
+                <iframe
+                  src="https://docs.google.com/spreadsheets/d/13TMV_jkzxPrJEC8LbtWZuG_7j0ypPVk2OGeKEtHqhI0/edit#gid=0"
+                  style={{ width: "100%", height: "100vh", border: "none" }}
+                ></iframe>
+              </div>
+            }
+          />
         </Routes>
       </div>
       <AppBar />

app/app-sandbox/src/abis/arc72b.json

@@ -0,0 +1,150 @@
+{
+  "name": "ARC-72",
+  "description": "Smart Contract NFT Interface",
+  "methods": [
+    {
+      "name": "_reachp_0",
+      "args": [{ "type": "uint64" }, { "type": "(byte[67],address)" }],
+      "returns": { "type": "void" }
+    },
+    {
+      "name": "_reachp_2",
+      "args": [{ "type": "uint64" }, { "type": "(byte,byte[96])" }],
+      "returns": { "type": "void" }
+    },
+    {
+      "name": "arc72_approve",
+      "args": [{ "type": "address" }, { "type": "uint256" }],
+      "returns": { "type": "void" }
+    },
+    {
+      "name": "arc72_balanceOf",
+      "args": [{ "type": "address" }],
+      "returns": { "type": "uint256" },
+      "readonly": true
+    },
+    {
+      "name": "arc72_getApproved",
+      "args": [{ "type": "uint256" }],
+      "returns": { "type": "address" },
+      "readonly": true
+    },
+    {
+      "name": "arc72_isApprovedForAll",
+      "args": [{ "type": "address" }, { "type": "address" }],
+      "returns": { "type": "bool" },
+      "readonly": true
+    },
+    {
+      "name": "arc72_ownerOf",
+      "args": [{ "type": "uint256" }],
+      "returns": { "type": "address" },
+      "readonly": true
+    },
+    {
+      "name": "arc72_setApprovalForAll",
+      "args": [{ "type": "address" }, { "type": "bool" }],
+      "returns": { "type": "void" }
+    },
+    {
+      "name": "arc72_tokenByIndex",
+      "args": [{ "type": "uint256" }],
+      "returns": { "type": "uint256" },
+      "readonly": true
+    },
+    {
+      "name": "arc72_tokenURI",
+      "args": [{ "type": "uint256" }],
+      "returns": { "type": "byte[256]" },
+      "readonly": true
+    },
+    {
+      "name": "arc72_totalSupply",
+      "args": [],
+      "returns": { "type": "uint256" },
+      "readonly": true
+    },
+    {
+      "name": "arc72_transferFrom",
+      "args": [
+        { "type": "address" },
+        { "type": "address" },
+        { "type": "uint256" }
+      ],
+      "returns": { "type": "void" }
+    },
+    {
+      "name": "burn",
+      "args": [{ "type": "uint256" }],
+      "returns": { "type": "void" }
+    },
+    { "name": "close", "args": [], "returns": { "type": "void" } },
+    {
+      "name": "deleteNftDataBox",
+      "args": [{ "type": "uint256" }],
+      "returns": { "type": "void" }
+    },
+    {
+      "name": "deleteOperatorDataBox",
+      "args": [{ "type": "address" }, { "type": "address" }],
+      "returns": { "type": "void" }
+    },
+    {
+      "name": "grant",
+      "args": [{ "type": "address" }],
+      "returns": { "type": "void" }
+    },
+    {
+      "name": "manager",
+      "args": [],
+      "returns": { "type": "address" },
+      "readonly": true
+    },
+    {
+      "name": "mintTo",
+      "args": [
+        { "type": "address" },
+        { "type": "byte[256]" },
+        { "type": "uint256" },
+        { "type": "byte[256]" },
+        { "type": "uint64" }
+      ],
+      "returns": { "type": "uint256" }
+    },
+    {
+      "name": "state",
+      "args": [],
+      "returns": { "type": "(address,uint256,uint256)" },
+      "readonly": true
+    },
+    {
+      "name": "supportsInterface",
+      "args": [{ "type": "byte[4]" }],
+      "returns": { "type": "byte" },
+      "readonly": true
+    },
+    { "name": "touch", "args": [], "returns": { "type": "void" } }
+  ],
+  "events": [
+    {
+      "name": "arc72_Approval",
+      "args": [
+        { "type": "address" },
+        { "type": "address" },
+        { "type": "uint256" }
+      ]
+    },
+    {
+      "name": "arc72_ApprovalForAll",
+      "args": [{ "type": "address" }, { "type": "address" }, { "type": "bool" }]
+    },
+    {
+      "name": "arc72_Transfer",
+      "args": [
+        { "type": "address" },
+        { "type": "address" },
+        { "type": "uint256" }
+      ]
+    }
+  ]
+}