Geo-Web-Project · gravenp · Feb 28, 2024 · Jan 5, 2024 · Jan 6, 2024 · Jan 8, 2024
diff --git a/.env b/.env
@@ -0,0 +1 @@
+APP_ENV=testnet
diff --git a/.env.mainnet b/.env.mainnet
@@ -1,8 +1,7 @@
-NEXT_PUBLIC_NETWORK_ID = 10
-NEXT_PUBLIC_GRAPH_URI = https://api.thegraph.com/subgraphs/name/geo-web-project/geo-web-subgraph
-NEXT_PUBLIC_CERAMIC_URI = https://ceramic.geoweb.network/
-NEXT_PUBLIC_CERAMIC_CONNECT_NETWORK = "mainnet"
-NEXT_PUBLIC_ANNUALRATE = 0.1
-NEXT_PUBLIC_IPFS_GATEWAY = https://w3s.link
-NEXT_PUBLIC_MODEL_VIEWER_IPFS_GATEWAY = https://w3s.link
-NEXT_PUBLIC_IPFS_DELEGATE = "/dns4/ceramic.geoweb.network/tcp/443/https"
+VITE_NETWORK_ID = 10
+VITE_WORLD_ADDRESS =
+VITE_WORLD_BLOCK_NUMBER =
+VITE_GRAPH_URI = https://api.thegraph.com/subgraphs/name/geo-web-project/geo-web-subgraph
+VITE_ANNUALRATE = 0.1
+VITE_IPFS_GATEWAY = https://gateway.ipfs.io
+VITE_LIVEPEER_API_KEY=8cdf71bd-3f27-46e8-991b-411a0f75b91f
diff --git a/.env.testnet b/.env.testnet
@@ -1,8 +1,7 @@
-NEXT_PUBLIC_NETWORK_ID = 420
-NEXT_PUBLIC_GRAPH_URI = https://api.thegraph.com/subgraphs/name/geo-web-project/geo-web-testnet
-NEXT_PUBLIC_CERAMIC_URI = https://ceramic-clay.geoweb.network/
-NEXT_PUBLIC_CERAMIC_CONNECT_NETWORK = "testnet-clay"
-NEXT_PUBLIC_ANNUALRATE = 0.1
-NEXT_PUBLIC_IPFS_GATEWAY = https://w3s.link
-NEXT_PUBLIC_MODEL_VIEWER_IPFS_GATEWAY = https://w3s.link
-NEXT_PUBLIC_IPFS_DELEGATE = "/dns4/ceramic-clay.geoweb.network/tcp/443/https"
+VITE_NETWORK_ID = 11155420
+VITE_WORLD_ADDRESS = 0x943e0b3F1926008f2e1bEFCBc55FA2A75CeC2452
+VITE_WORLD_BLOCK_NUMBER = 6992231
+VITE_GRAPH_URI = https://api.studio.thegraph.com/query/51953/geo-web-op-sepolia/version/latest
+VITE_ANNUALRATE = 0.1
+VITE_IPFS_GATEWAY = https://gateway.ipfs.io
+VITE_LIVEPEER_API_KEY=8cdf71bd-3f27-46e8-991b-411a0f75b91f
diff --git a/.eslintrc.json b/.eslintrc.json
@@ -1,8 +1,7 @@
 {
-  "extends": ["next", "prettier"],
+  "extends": ["react-app", "prettier"],
   "rules": {
     "react-hooks/exhaustive-deps": "off",
-    "@next/next/no-img-element": "off",
     "react/no-unescaped-entities": "off"
   }
 }
diff --git a/.gitignore b/.gitignore
@@ -8,21 +8,18 @@
 # testing
 /coverage
 
-# Next.js build output
-/.next
-
 # misc
 .DS_Store
 .env.local
 .env.development.local
 .env.test.local
 .env.production.local
-
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
-
 .envrc
 .direnv
-
 *.pem
+dist/
+tsconfig.tsbuildinfo
+.vercel
diff --git a/dec.d.ts b/dec.d.ts
@@ -1,2 +1,2 @@
-declare module "ipfs-provider";
-declare module "@orbisclub/components";
+declare module "@ensdomains/content-hash";
+declare module '@geo-web/mud-world-base-setup';
diff --git a/flake.nix b/flake.nix
@@ -7,13 +7,13 @@
     flake-utils.lib.eachDefaultSystem (system: 
       let pkgs = import nixpkgs {
         overlays = [ (final: prev: {
-              nodejs = prev.nodejs-16_x;
+              nodejs = prev.nodejs-18_x;
         }) ];
         inherit system;
       };
     in {
       devShells.default = pkgs.mkShell {
-        nativeBuildInputs = [ pkgs.yarn pkgs.nodejs-16_x pkgs.mkcert ];
+        nativeBuildInputs = [ pkgs.yarn pkgs.nodejs-18_x pkgs.mkcert ];
         buildInputs = [ ];
       };
     });

diff --git a/index.html b/index.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta
+      name="description"
+      content="Geospatial Browser for Accessing The Geo Web"
+    />    
+    <title>Geo Web Browser</title>
+  </head>
+  <body>
+    <noscript>You need to enable JavaScript to run this app.</noscript>
+    <div id="react-root"></div>
+    <script type="module" src="/src/index.tsx"></script>
+  </body>
+</html>
diff --git a/next-env.d.ts b/next-env.d.ts
diff --git a/next.config.js b/next.config.js
diff --git a/package.json b/package.json
@@ -4,48 +4,46 @@
   "private": true,
   "dependencies": {
     "@apollo/client": "^3.7.16",
-    "@ceramicnetwork/blockchain-utils-linking": "^2.0.7",
-    "@ceramicnetwork/common": "^2.4.1",
-    "@ceramicnetwork/http-client": "^1.0.0",
-    "@ceramicnetwork/stream-tile": "^2.1.3",
-    "@geo-web/content": "^0.7.2",
-    "@geo-web/sdk": "^4.2.0",
+    "@augmented-worlds/system-babylonjs": "^0.1.16",
+    "@ensdomains/content-hash": "2.5.7",
+    "@geo-web/mud-world-base-contracts": "0.1.0",
+    "@geo-web/mud-world-base-setup": "0.1.2",
+    "@geo-web/sdk": "^4.4.0",
     "@geo-web/types": "^0.2.0",
-    "@glazed/datamodel": "^0.3.1",
-    "@glazed/did-datastore": "^0.3.2",
-    "@glazed/did-session": "^0.1.1",
+    "@google/model-viewer": "^3.2.1",
+    "@livepeer/react": "^2.8.3",
     "@material-ui/core": "^4.11.3",
     "@material-ui/icons": "^4.11.2",
-    "@orbisclub/components": "^0.1.63",
+    "augmented-worlds": "^0.1.7",
     "bn.js": "^5.2.1",
+    "bootstrap": "^5.2.3",
     "caip": "^1.1.0",
     "dotenv": "^16.0.3",
     "ethereum-blockies-base64": "^1.0.2",
-    "ethers": "^5.0.27",
     "graphql": "^15.8.0",
-    "ipfs-core": "^0.15.4",
-    "ipfs-http-client": "^59.0.0",
-    "ipfs-provider": "^2.1.0",
-    "next": "^12.2.5",
+    "multiformats": "^11.0.2",
     "react": "^18.2.0",
+    "react-bootstrap": "^2.7.4",
     "react-dom": "^18.2.0",
-    "typescript": "^4.7.4"
+    "react-router-dom": "^6.16.0",
+    "sass": "^1.62.1",
+    "swiper": "^10.2.0",
+    "three": "^0.156.1",
+    "typescript": "5.1.6",
+    "ua-parser-js": "^1.0.35"
   },
   "scripts": {
     "dev-https": "local-ssl-proxy --key localhost-key.pem --cert localhost.pem --source 3001 --target 3000",
-    "dev": "next dev",
-    "build": "next build",
-    "export": "next export",
-    "start": "next start",
-    "lint": "next lint",
+    "build": "vite build --mode $APP_ENV",
+    "dev": "source .env && vite --mode $APP_ENV",
+    "preview": "vite preview",
+    "test": "tsc --noEmit",
+    "typecheck": "tsc --noEmit",
+    "lint": "eslint src",
     "prettier": "prettier -w src/**"
   },
   "browserslist": {
-    "production": [
-      ">0.2%",
-      "not dead",
-      "not op_mini all"
-    ],
+    "production": [">0.2%", "not dead", "not op_mini all"],
     "development": [
       ">0.2%",
       "not dead",
@@ -56,17 +54,23 @@
     ]
   },
   "devDependencies": {
+    "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
     "@testing-library/jest-dom": "^5.11.10",
     "@testing-library/react": "^11.2.6",
     "@testing-library/user-event": "^12.8.3",
+    "@types/debug": "^4.1.8",
     "@types/jest": "^28.1.4",
     "@types/node": "^18.0.3",
     "@types/react": "^18.0.27",
     "@types/react-dom": "^18.0.10",
+    "@types/ua-parser-js": "^0.7.36",
+    "@vitejs/plugin-react": "^4.0.4",
     "eslint": "^7.32.0",
-    "eslint-config-next": "12.2.5",
     "eslint-config-prettier": "^8.5.0",
+    "eslint-config-react-app": "^7.0.1",
     "local-ssl-proxy": "^1.3.0",
-    "prettier": "^2.8.4"
+    "prettier": "^2.8.4",
+    "vite": "^4.4.9",
+    "vite-plugin-eslint": "^1.8.1"
   }
 }
diff --git a/public/3d/doge.glb b/public/3d/doge.glb
diff --git a/public/assets/ar-unavailable.svg b/public/assets/ar-unavailable.svg
diff --git a/public/assets/ar.svg b/public/assets/ar.svg
diff --git a/public/assets/copy-dark.svg b/public/assets/copy-dark.svg
diff --git a/public/assets/copy-light.svg b/public/assets/copy-light.svg
diff --git a/public/index.html b/public/index.html
diff --git a/src/App.scss b/src/App.scss
@@ -0,0 +1,31 @@
+$primary: #2fc1c1;
+$secondary: #4b5588;
+$dark: #202333;
+$purple: rgba(75, 85, 136, 0.25);
+$info: #707179;
+$gray: #e6e7ee;
+$danger: #dc3545;
+$light: #f8f9fa;
+$success: #28a745;
+$warning: #f7bdbd;
+
+$theme-colors: (
+  "primary": $primary,
+  "secondary": $secondary,
+  "dark": $dark,
+  "purple": $purple,
+  "info": $info,
+  "gray": $gray,
+  "danger": $danger,
+  "light": $light,
+  "success": $success,
+  "warning": $warning,
+);
+
+$font-family-base: "Abel";
+
+// @import "~bootstrap/scss/bootstrap";
+
+body {
+  background: #202333;
+}
diff --git a/src/App.tsx b/src/App.tsx
@@ -0,0 +1,55 @@
+import { useState, useEffect } from "react";
+import GWLoader from "../src/components/common/Loader/Loader";
+import GWS from "../src/container/GeoWebSystem/GWS";
+import LandingModal from "../src/components/common/LandingModal/LandingModal";
+import { LIVEPEER_API_KEY } from "../src/lib/constants";
+import {
+  LivepeerConfig,
+  ThemeConfig,
+  createReactClient,
+  studioProvider,
+} from "@livepeer/react";
+
+import "../src/App.css";
+import "../src/App.scss";
+import "@augmented-worlds/system-babylonjs/styles.css";
+import "swiper/css";
+import "swiper/css/navigation";
+
+const livepeerTheme: ThemeConfig = {
+  colors: {
+    accent: "#2fc1c1",
+    containerBorderColor: "rgba(0, 145, 255, 0.9)",
+  },
+  fonts: {
+    display: "Abel",
+  },
+};
+
+export function App() {
+  const [hasAgreedModal, setHasAgreedModal] = useState<boolean | null>(null);
+
+  const client = createReactClient({
+    provider: studioProvider({ apiKey: LIVEPEER_API_KEY }),
+  });
+
+  useEffect(() => {
+    (async () => {
+      setHasAgreedModal(
+        localStorage.getItem("gwHasAgreedModal") ? true : false
+      );
+    })();
+  }, []);
+
+  if (hasAgreedModal === null) {
+    return <GWLoader />;
+  } else if (hasAgreedModal) {
+    return (
+      <LivepeerConfig client={client} theme={livepeerTheme}>
+        <GWS />
+      </LivepeerConfig>
+    );
+  } else {
+    return <LandingModal setHasAgreedModal={setHasAgreedModal} />;
+  }
+}