From 3f4bae5c7f844dec4c8426f0cc8f047527b2e127 Mon Sep 17 00:00:00 2001
From: Ben <bgoober2@protonmail.com>
Date: Fri, 10 Jan 2025 22:14:12 -0500
Subject: [PATCH] FE: add marketinfo, and trading components for MAXIMILIAN,
 edit app-layout to display components

---
 app/package-lock.json                     | 121 ++++++++++++++++++----
 app/package.json                          |   9 +-
 app/web/src/app/app-layout.tsx            |  41 ++++++++
 app/web/src/app/components/MarketInfo.tsx |  96 +++++++++++++++++
 app/web/src/app/components/Trading.tsx    |  95 +++++++++++++++++
 app/web/webpack.config.js                 |   4 +
 6 files changed, 345 insertions(+), 21 deletions(-)
 create mode 100644 app/web/src/app/components/MarketInfo.tsx
 create mode 100644 app/web/src/app/components/Trading.tsx

diff --git a/app/package-lock.json b/app/package-lock.json
index c2e4758..ca52623 100644
--- a/app/package-lock.json
+++ b/app/package-lock.json
@@ -30,11 +30,9 @@
         "bs58": "5.0.0",
         "buffer": "6.0.3",
         "crypto-browserify": "3.12.0",
-        "process": "^0.11.10",
         "react": "18.3.1",
         "react-dom": "18.3.1",
         "react-router-dom": "6.11.2",
-        "stream-browserify": "3.0.0",
         "tmp-promise": "^3.0.3",
         "vm-browserify": "^1.1.2"
       },
@@ -59,6 +57,7 @@
         "@types/react-dom": "18.3.0",
         "@typescript-eslint/eslint-plugin": "^7.3.0",
         "@typescript-eslint/parser": "^7.3.0",
+        "assert": "^2.1.0",
         "dotenv": "^16.4.7",
         "eslint": "~8.57.0",
         "eslint-config-prettier": "^9.0.0",
@@ -67,9 +66,13 @@
         "eslint-plugin-react": "7.32.2",
         "eslint-plugin-react-hooks": "4.6.0",
         "nx": "^20.2.2",
+        "path-browserify": "^1.0.1",
         "prettier": "^2.6.2",
+        "process": "^0.11.10",
         "react-refresh": "^0.10.0",
-        "typescript": "~5.4.2"
+        "stream-browserify": "^3.0.0",
+        "typescript": "~5.4.2",
+        "util": "^0.12.5"
       }
     },
     "node_modules/@adobe/css-tools": {
@@ -355,13 +358,13 @@
       }
     },
     "node_modules/@babel/generator": {
-      "version": "7.26.3",
-      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.26.3.tgz",
-      "integrity": "sha512-6FF/urZvD0sTeO7k6/B15pMLC4CHUv1426lzr3N01aHJTl046uCAh9LXW/fzeXXjPNCJ6iABW5XaWOsIZB93aQ==",
+      "version": "7.26.5",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.26.5.tgz",
+      "integrity": "sha512-2caSP6fN9I7HOe6nqhtft7V4g7/V/gfDsC3Ag4W7kEzzvRGKqiv0pu0HogPiZ3KaVSoNDhUws6IJjDjpfmYIXw==",
       "license": "MIT",
       "dependencies": {
-        "@babel/parser": "^7.26.3",
-        "@babel/types": "^7.26.3",
+        "@babel/parser": "^7.26.5",
+        "@babel/types": "^7.26.5",
         "@jridgewell/gen-mapping": "^0.3.5",
         "@jridgewell/trace-mapping": "^0.3.25",
         "jsesc": "^3.0.2"
@@ -508,9 +511,9 @@
       }
     },
     "node_modules/@babel/helper-plugin-utils": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.25.9.tgz",
-      "integrity": "sha512-kSMlyUVdWe25rEsRGviIgOWnoT/nfABVWlqt9N19/dIPWViAOW2s9wznP5tURbs/IDuNk4gPy3YdYRgH3uxhBw==",
+      "version": "7.26.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.26.5.tgz",
+      "integrity": "sha512-RS+jZcRdZdRFzMyr+wcsaqOmld1/EqTghfaBGQQd/WnRdzdlvSZ//kF7U8VQTxf1ynZ4cjUcYgjVGx13ewNPMg==",
       "license": "MIT",
       "engines": {
         "node": ">=6.9.0"
@@ -618,12 +621,12 @@
       }
     },
     "node_modules/@babel/parser": {
-      "version": "7.26.3",
-      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.26.3.tgz",
-      "integrity": "sha512-WJ/CvmY8Mea8iDXo6a7RK2wbmJITT5fN3BEkRuFlxVyNx8jOKIIhmC4fSkTcPcf8JyavbBwIe6OpiCOBXt/IcA==",
+      "version": "7.26.5",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.26.5.tgz",
+      "integrity": "sha512-SRJ4jYmXRqV1/Xc+TIVG84WjHBXKlxO9sHQnA2Pf12QQEAp1LOh6kDzNHXcUnbH1QI0FDoPPVOt+vyUDucxpaw==",
       "license": "MIT",
       "dependencies": {
-        "@babel/types": "^7.26.3"
+        "@babel/types": "^7.26.5"
       },
       "bin": {
         "parser": "bin/babel-parser.js"
@@ -2095,9 +2098,9 @@
       }
     },
     "node_modules/@babel/types": {
-      "version": "7.26.3",
-      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.26.3.tgz",
-      "integrity": "sha512-vN5p+1kl59GVKMvTHt55NzzmYVxprfJD+ql7U9NFIfKCBkYE55LYtS+WtPlaYOyzydrKI8Nezd+aZextrd+FMA==",
+      "version": "7.26.5",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.26.5.tgz",
+      "integrity": "sha512-L6mZmwFDK6Cjh1nRCLXpa6no13ZIioJDz7mdkzHv399pThrTa/k0nUlNaenOeh2kWu/iaOQYElEpKPUswUa9Vg==",
       "license": "MIT",
       "dependencies": {
         "@babel/helper-string-parser": "^7.25.9",
@@ -15395,6 +15398,20 @@
       "integrity": "sha512-k8TVBiPkPJT9uHLdOKfFpqcfprwBFOAAXXozRubr7R7PfIuKvQlzcI4M0pALeqXN09vdaMbUdUj+pass+uULAg==",
       "license": "MIT"
     },
+    "node_modules/assert": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/assert/-/assert-2.1.0.tgz",
+      "integrity": "sha512-eLHpSK/Y4nhMJ07gDaAzoX/XAKS8PSaojml3M0DM4JpV1LAi5JOJ/p6H/XWrl8L+DzVEvVCW1z3vWAaB9oTsQw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "is-nan": "^1.3.2",
+        "object-is": "^1.1.5",
+        "object.assign": "^4.1.4",
+        "util": "^0.12.5"
+      }
+    },
     "node_modules/ast-types-flow": {
       "version": "0.0.7",
       "resolved": "https://registry.npmjs.org/ast-types-flow/-/ast-types-flow-0.0.7.tgz",
@@ -21015,6 +21032,23 @@
         "node": ">= 0.10"
       }
     },
+    "node_modules/is-arguments": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/is-arguments/-/is-arguments-1.2.0.tgz",
+      "integrity": "sha512-7bVbi0huj/wrIAOzb8U1aszg9kdi3KN/CyU19CTI7tAoZYEZoL9yCDXpbXN+uPsuWnP02cyug1gleqq+TU+YCA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "has-tostringtag": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/is-array-buffer": {
       "version": "3.0.5",
       "resolved": "https://registry.npmjs.org/is-array-buffer/-/is-array-buffer-3.0.5.tgz",
@@ -21306,6 +21340,23 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/is-nan": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/is-nan/-/is-nan-1.3.2.tgz",
+      "integrity": "sha512-E+zBKpQ2t6MEo1VsonYmluk9NxGrbzpeeLC2xIViuO2EjU2xsXsBPwTr3Ykv9l08UYEVEdWeRZNouaZqF6RN0w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.0",
+        "define-properties": "^1.1.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/is-network-error": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/is-network-error/-/is-network-error-1.1.0.tgz",
@@ -23885,6 +23936,23 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/object-is": {
+      "version": "1.1.6",
+      "resolved": "https://registry.npmjs.org/object-is/-/object-is-1.1.6.tgz",
+      "integrity": "sha512-F8cZ+KfGlSGi09lJT7/Nd6KJZ9ygtvYC0/UYYLI9nmQKLMnydpB9yvbv9K1uSkEu7FU9vYPmVwLg328tX+ot3Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/object-keys": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz",
@@ -25291,6 +25359,7 @@
       "version": "0.11.10",
       "resolved": "https://registry.npmjs.org/process/-/process-0.11.10.tgz",
       "integrity": "sha512-cdGef/drWFoydD1JsMzuFf8100nZl+GT+yacc2bEced5f9Rjk4z+WtFUTBu9PhOi9j/jfmBPu0mMEY4wIdAF8A==",
+      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">= 0.6.0"
@@ -26982,6 +27051,7 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/stream-browserify/-/stream-browserify-3.0.0.tgz",
       "integrity": "sha512-H73RAHsVBapbim0tU2JwwOiXUj+fikfiaoYAKHF3VJfA0pe2BCzkhAHBlLG6REzE+2WNZcxOXjK7lkso+9euLA==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "inherits": "~2.0.4",
@@ -26992,6 +27062,7 @@
       "version": "3.6.2",
       "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.2.tgz",
       "integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "inherits": "^2.0.3",
@@ -28351,6 +28422,20 @@
         "node": ">=6.14.2"
       }
     },
+    "node_modules/util": {
+      "version": "0.12.5",
+      "resolved": "https://registry.npmjs.org/util/-/util-0.12.5.tgz",
+      "integrity": "sha512-kZf/K6hEIrWHI6XqOFUiiMa+79wE/D8Q+NCNAWclkyg3b4d2k7s0QGepNjiABc+aR3N1PAyHL7p6UcLY6LmrnA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "inherits": "^2.0.3",
+        "is-arguments": "^1.0.4",
+        "is-generator-function": "^1.0.7",
+        "is-typed-array": "^1.1.3",
+        "which-typed-array": "^1.1.2"
+      }
+    },
     "node_modules/util-deprecate": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
diff --git a/app/package.json b/app/package.json
index 41f46dd..eb83087 100644
--- a/app/package.json
+++ b/app/package.json
@@ -30,11 +30,9 @@
     "bs58": "5.0.0",
     "buffer": "6.0.3",
     "crypto-browserify": "3.12.0",
-    "process": "^0.11.10",
     "react": "18.3.1",
     "react-dom": "18.3.1",
     "react-router-dom": "6.11.2",
-    "stream-browserify": "3.0.0",
     "tmp-promise": "^3.0.3",
     "vm-browserify": "^1.1.2"
   },
@@ -59,6 +57,7 @@
     "@types/react-dom": "18.3.0",
     "@typescript-eslint/eslint-plugin": "^7.3.0",
     "@typescript-eslint/parser": "^7.3.0",
+    "assert": "^2.1.0",
     "dotenv": "^16.4.7",
     "eslint": "~8.57.0",
     "eslint-config-prettier": "^9.0.0",
@@ -67,8 +66,12 @@
     "eslint-plugin-react": "7.32.2",
     "eslint-plugin-react-hooks": "4.6.0",
     "nx": "^20.2.2",
+    "path-browserify": "^1.0.1",
     "prettier": "^2.6.2",
+    "process": "^0.11.10",
     "react-refresh": "^0.10.0",
-    "typescript": "~5.4.2"
+    "stream-browserify": "^3.0.0",
+    "typescript": "~5.4.2",
+    "util": "^0.12.5"
   }
 }
diff --git a/app/web/src/app/app-layout.tsx b/app/web/src/app/app-layout.tsx
index 03a1ee8..c037e9b 100644
--- a/app/web/src/app/app-layout.tsx
+++ b/app/web/src/app/app-layout.tsx
@@ -10,6 +10,8 @@ import { PublicKey } from '@solana/web3.js';
 import { useWallet } from '@solana/wallet-adapter-react';
 import { useWalletModal } from '@solana/wallet-adapter-react-ui';
 import { HeroSwap } from './components/HeroSwap';
+import { MarketInfo } from './components/MarketInfo';
+import { Trading } from './components/Trading';
 
 export function AppLayout({ children }: { children: ReactNode }) {
   const [isCollapsed, setIsCollapsed] = useState(false);
@@ -75,10 +77,30 @@ export function AppLayout({ children }: { children: ReactNode }) {
           top: '5px',
           left: '5px',
           alignItems: 'left',
+          // zIndex: -1,
+          flexDirection: 'column',
+          gap: '20px',
+          // outline: '1px solid #14F195',
         }}
       >
         <TokenCounter />
+        {/* <MarketInfo /> */}
+        <Trading />
       </div>
+      {/* <div
+        style={{
+          position: 'absolute',
+          top: '100px',  // Adjust based on your layout
+          right: '6px',
+          display: 'flex',
+          flexDirection: 'column',
+          gap: '20px',
+          zIndex: -1,
+        }}
+      >
+        <MarketInfo />
+        <Trading />
+      </div> */}
       <div style={{ position: 'absolute', bottom: '5px', left: '5px' }}>
         <button
           onClick={toggleModal}
@@ -91,6 +113,7 @@ export function AppLayout({ children }: { children: ReactNode }) {
             fontSize: '10px',
             fontFamily: 'Arial, sans-serif',
             textDecoration: 'none',
+            cursor: 'pointer',
           }}
         >
           Disclaimer / Terms / How it Works
@@ -249,6 +272,24 @@ export function AppLayout({ children }: { children: ReactNode }) {
                   program.
                 </li>
                 <li>Use both of these services at your own risk.</li> */}
+                <li>
+                  The "Trade on Jupiter" link is a referral link. We receive
+                  0.10% referral fees on any swaps you make through the link.
+                  This referrer code was created using Jupiter's {' '}
+                  <a
+                    href="https://referral.jup.ag/dashboard"
+                    target="_blank"
+                    rel="noopener noreferrer"
+                    style={{ color: '#14F195' }}
+                  >
+                    referral dashboard
+                  </a>
+                  .
+                </li>
+                <li>
+                  You can voluntarily remove this 0.10% referral fee on
+                  Jupiter's trading interface.
+                </li>
               </ul>
             </li>
           </ul>
diff --git a/app/web/src/app/components/MarketInfo.tsx b/app/web/src/app/components/MarketInfo.tsx
new file mode 100644
index 0000000..2e1161e
--- /dev/null
+++ b/app/web/src/app/components/MarketInfo.tsx
@@ -0,0 +1,96 @@
+import React, { useEffect, useState } from 'react';
+import { PublicKey } from '@solana/web3.js';
+import { useConnection } from '@solana/wallet-adapter-react';
+
+const POOL_ID = new PublicKey("72YfqMUzYWx5Y2GSNPkuuZ5Vkm3HHL1hj9cP9xbMXi1c");
+const MAXIMILIAN_MINT = new PublicKey("DwbAbiDmZLFHUsKhLKBioTWzhmKVR7HQdH51L8r84iA1");
+
+export const MarketInfo: React.FC = () => {
+  const { connection } = useConnection();
+  const [marketCap, setMarketCap] = useState<number>(0);
+  const [price, setPrice] = useState<number>(0);
+  const [supply, setSupply] = useState<number>(0);
+
+  useEffect(() => {
+    let subscriptionId: number | undefined;
+
+    const setupSubscription = async () => {
+      try {
+        // Get token supply
+        const tokenSupply = await connection.getTokenSupply(MAXIMILIAN_MINT);
+        console.log('Initial supply:', tokenSupply);
+        
+        // Set supply immediately after getting it
+        const currentSupply = tokenSupply.value.uiAmount ?? 0;
+        setSupply(currentSupply);
+
+        // Get price from Meteora vault API
+        const vaultResponse = await fetch(
+          `https://stake-for-fee-api.meteora.ag/vault/filter_vault?pool_address=${POOL_ID.toString()}`,
+          {
+            mode: 'no-cors',
+            method: 'GET',
+            headers: {
+              'Accept': 'application/json',
+              'Content-Type': 'application/json',
+            }
+          }
+        );
+
+        if (!vaultResponse.ok) {
+          console.error('Vault fetch failed:', await vaultResponse.text());
+          return;
+        }
+
+        const vaultData = await vaultResponse.json();
+        console.log('Vault data:', vaultData);
+
+        // The response should be an array of vaults, no need to find
+        const currentPrice = vaultData?.[0]?.price ?? 0;
+        const cap = currentSupply * currentPrice;
+
+        setPrice(currentPrice);
+        setMarketCap(cap);
+
+        // Set up WebSocket subscription
+        subscriptionId = connection.onAccountChange(
+          MAXIMILIAN_MINT,
+          async (account) => {
+            try {
+              const newSupply = await connection.getTokenSupply(MAXIMILIAN_MINT);
+              setSupply(newSupply.value.uiAmount ?? 0);
+            } catch (error) {
+              console.error('Error updating supply:', error);
+            }
+          },
+          'confirmed'
+        );
+
+      } catch (error) {
+        console.error('Error setting up subscription:', error);
+      }
+    };
+
+    setupSubscription().catch(console.error);
+
+    return () => {
+      if (subscriptionId) {
+        connection.removeAccountChangeListener(subscriptionId);
+      }
+    };
+  }, [connection]);
+
+  return (
+    <div style={{
+      backgroundColor: '#111827',
+      padding: '20px',
+      borderRadius: '10px',
+      color: '#14F195'
+    }}>
+      <h3>MAXIMILIAN Market Info</h3>
+      <div>Price: {price.toFixed(8)} SOL</div>
+      <div>Market Cap: {marketCap.toFixed(2)} SOL</div>
+      <div>Supply: {supply.toLocaleString()}</div>
+    </div>
+  );
+}; 
\ No newline at end of file
diff --git a/app/web/src/app/components/Trading.tsx b/app/web/src/app/components/Trading.tsx
new file mode 100644
index 0000000..e1b1bb6
--- /dev/null
+++ b/app/web/src/app/components/Trading.tsx
@@ -0,0 +1,95 @@
+import React from 'react';
+
+export const Trading: React.FC = () => {
+  return (
+    <div
+      style={{
+        backgroundColor: '#111827',
+        padding: '20px',
+        borderRadius: '10px',
+        marginTop: '10px',
+        position: 'relative',
+      }}
+    >
+      <h3 style={{ color: '#14F195' }}>Trade MAXIMILIAN</h3>
+      <div style={{ display: 'flex', gap: '10px', flexDirection: 'column' }}>
+        <a
+          href="https://jup.ag/swap/SOL-DwbAbiDmZLFHUsKhLKBioTWzhmKVR7HQdH51L8r84iA1?referrer=GsYPUM4FRZXZusnvG2HcjR8tLVWDDejUogackBBqMKwf&feeBps=10"
+          target="_blank"
+          rel="noopener noreferrer"
+          style={{
+            fontWeight: 'bold',
+            backgroundColor: '#512da8',
+            color: '#14F195',
+            padding: '10px 20px',
+            borderRadius: '5px',
+            textDecoration: 'none',
+            textAlign: 'center',
+            maxWidth: '140px',
+            cursor: 'pointer',
+          }}
+        >
+          Trade on Jupiter
+        </a>
+        <a
+          href="https://app.meteora.ag/pools/72YfqMUzYWx5Y2GSNPkuuZ5Vkm3HHL1hj9cP9xbMXi1c"
+          target="_blank"
+          rel="noopener noreferrer"
+          style={{
+            fontWeight: 'bold',
+            backgroundColor: '#512da8',
+            color: '#14F195',
+            padding: '10px 20px',
+            borderRadius: '5px',
+            textDecoration: 'none',
+            textAlign: 'center',
+            maxWidth: '140px',
+            cursor: 'pointer',
+          }}
+        >
+          Trade on Meteora
+        </a>
+        <a
+          href="https://m3m3.meteora.ag/farms/72YfqMUzYWx5Y2GSNPkuuZ5Vkm3HHL1hj9cP9xbMXi1c"
+          target="_blank"
+          rel="noopener noreferrer"
+          style={{
+            fontWeight: 'bold',
+            backgroundColor: '#512da8',
+            color: '#14F195',
+            padding: '10px 20px',
+            borderRadius: '5px',
+            textDecoration: 'none',
+            textAlign: 'center',
+            maxWidth: '140px',
+            cursor: 'pointer',
+          }}
+        >
+          Stake and Earn
+        </a>
+        
+        <div style={{ 
+          marginTop: '15px',
+          color: '#14F195',
+          fontSize: '14px'
+        }}>
+          <h4 style={{ 
+            color: '#14F195',
+            marginBottom: '8px',
+            fontSize: '15px'
+          }}>M3M3 Staking Parameters:</h4>
+          <ul style={{ 
+            listStyle: 'none',
+            padding: 0,
+            margin: 0
+          }}>
+            <li>Top 1000 stakers earn fees</li>
+            <li>100% of fees to stakers</li>
+            <li>6 hour unstake period</li>
+            <li>7 day fee accumulation window</li>
+          </ul>
+        </div>
+      </div>
+    </div>
+  );
+};
diff --git a/app/web/webpack.config.js b/app/web/webpack.config.js
index c61033c..f339f41 100644
--- a/app/web/webpack.config.js
+++ b/app/web/webpack.config.js
@@ -17,6 +17,10 @@ module.exports = composePlugins(withNx(), withReact(), (config) => {
     stream: require.resolve('stream-browserify'),
     vm: require.resolve('vm-browserify'),
     process: require.resolve('process/browser'),
+    "assert": require.resolve("assert/"),
+    "util": require.resolve("util/"),
+    "path": require.resolve("path-browserify"),
+    "fs": false,
   };
 
   // Debug environment loading