Merge branch 'main' of https://github.com/ecadlabs/taquito-test-dapp-vue

Author: hui-an-yang

.env.example

@@ -1,7 +1,11 @@
 VITE_RPC_URL=https://rpc.ghostnet.teztnets.com
 VITE_NETWORK_TYPE=ghostnet
+VITE_NETWORK_NAME=ghostnet # Same as network type if omitted
 VITE_FAUCET_URL=https://ghostnet.faucet.tezos.ecadinfra.com
 
+# Tezlink L2 Bridge
+VITE_TEZLINK_SHADOWNET_RPC=https://rpc.tezlink-shadownet.teztnets.com
+
 VITE_REOWN_PROJECT_ID=
 
 VITE_GIT_SHA=1e23456abc123ab11204caf40a442040e5ec99f9

.github/workflows/deploy.yml

@@ -25,21 +25,27 @@ jobs:
     strategy:
       matrix:
         include:
-          - environment: seoulnet
-            project_name: taquito-dapp
+          - environment: tallinnnet
+            project_name: taquito-dapp-tallinnnet
           - environment: ghostnet
             project_name: taquito-dapp-ghostnet
           - environment: shadownet
             project_name: taquito-dapp-shadownet
+          - environment: tezlink-shadownet
+            network_name: tezlink-shadownet
+            project_name: taquito-dapp-tezlink-shadownet
     env:
-      VITE_NETWORK_TYPE: ${{ matrix.environment }}
+      VITE_NETWORK_TYPE: ${{ vars.NETWORK_TYPE || matrix.environment }}
+      VITE_NETWORK_NAME: ${{ vars.NETWORK_NAME }}
       VITE_RPC_URL: ${{ vars.RPC_URL }}
       VITE_GITHUB_SHA: ${{ github.sha }}
       VITE_VERSION: ${{ github.ref_name }}
       VITE_REOWN_PROJECT_ID: ${{ secrets.REOWN_PROJECT_ID }}
       VITE_FAUCET_URL: ${{ secrets.FAUCET_URL }}
       VITE_SENTRY_DSN: ${{ secrets.SENTRY_DSN }}
       VITE_TURNSTILE_SITE_KEY: ${{ secrets.TURNSTILE_SITE_KEY }}
+      VITE_WEB3AUTH_CLIENT_ID: ${{ secrets.WEB3AUTH_CLIENT_ID }}
+      VITE_TEZLINK_SHADOWNET_RPC: ${{ vars.TEZLINK_SHADOWNET_RPC }}
     outputs:
       preview-url: ${{ steps.cloudflare_publish.outputs.URL }}
       environment: ${{ matrix.environment }}
@@ -61,7 +67,9 @@ jobs:
           echo "ALICE_WALLET_ADDRESS: ${{ vars.ALICE_WALLET_ADDRESS }}"
           echo "REOWN_PROJECT_ID: ${{ secrets.REOWN_PROJECT_ID }}"
       
-      - run: npm run fund-wallet ${{ vars.ALICE_WALLET_ADDRESS }}
+      - name: Fund wallet
+        if: ${{ vars.DISABLE_WALLET_FUNDING != 'true' }}
+        run: npm run fund-wallet ${{ vars.ALICE_WALLET_ADDRESS }}
 
       # Install LIGO for contract compilation
       - name: Install LIGO
@@ -71,8 +79,13 @@ jobs:
           echo "$HOME/.ligo/bin" >> $GITHUB_PATH
       
       - run: npm run compile-contracts
-      - run: npm run originate ${{ secrets.WALLET_PRIVATE_KEY }}
-      - run: npm run build
+      - name: Originate contracts
+        if: ${{ vars.DISABLE_ORIGINATION != 'true' }}
+        run: npm run originate ${{ secrets.WALLET_PRIVATE_KEY }}
+      - name: Build application
+        run: |
+          export NODE_OPTIONS="--max_old_space_size=4096"
+          npm run build
 
       - name: Publish to Cloudflare Pages
         id: cloudflare_publish

.gitignore

@@ -36,3 +36,5 @@ dist-ssr
 contract-config.json
 /src/contracts/compiled/
 src/cloudflare/faucet/.wrangler/
+
+claude.md

README.md

@@ -2,13 +2,29 @@
 
 > **Test dApp demonstrating Tezos blockchain interactions with visual diagrams and examples**
 
+## Why this exists
+
+The Taquito Test dApp is how we validate that [Taquito](https://github.com/ecadlabs/taquito) actually works; not just in unit tests, but in real browser environments with real wallets on real testnets.
+
+**For the Taquito team**, it's our hands-on proving ground. Every release, we use this to verify the developer experience is solid and operations behave as expected.
+
+**For developers**, it's runnable documentation. Instead of copy-pasting snippets and hoping they work, you can see exactly how Taquito operations flow (transfers, contract calls, staking, bridging) with visual diagrams showing each step.
+
+**For wallet teams**, it's a quick interoperability check. Connect via Beacon or WalletConnect and validate your wallet's UX against real Tezos operations without building a test harness from scratch.
+
+**For the ecosystem**, it lowers the barrier to testnet participation. The more people experimenting on testnets, the healthier those networks are. An unused testnet is a wasted testnet.
+
+We consider this a **public good**. Our goal is to have a deployment ready on every new testnet as it launches.
+
 ## 🌐 Live Deployments
 
-| Network       | URL                                |
-| ------------- | ---------------------------------- |
-| **Seoulnet**  | https://seoulnet.dapp.taquito.io/  |
-| **Shadownet** | https://shadownet.dapp.taquito.io/ |
-| **Ghostnet**  | https://ghostnet.dapp.taquito.io/  |
+| Network               | URL                                        | Description                                      |
+| --------------------- | ------------------------------------------ | ------------------------------------------------ |
+| **Shadownet**         | https://shadownet.dapp.taquito.io/         | Long lived testnet                               |
+| **Ghostnet**          | https://ghostnet.dapp.taquito.io/          | Long lived testnet (will retire in ~March 2026)  |
+| **Tezlink Shadownet** | https://tezlink-shadownet.dapp.taquito.io/ | Tezos X Michelson Runtime connected to Shadownet |
+| **Seoulnet**          | https://seoulnet.dapp.taquito.io/          | Protocol 023 (PtSeouLo)                          |
+| **Tallinnnet**        | https://tallinnnet.dapp.taquito.io/        | Protocol 024 (PtTALLiN)                          |
 
 ## ✨ Available Tests
 
@@ -38,11 +54,15 @@
 
 - **Payload Signing** - Sign and verify data
 
+### 🌉 **Layer 2 Integration**
+
+- **Etherlink Bridge** - Bridge XTZ between Tezos L1 and Etherlink L2
+
 ## 🎨 Key Features
 
 - **📊 Visual Learning** - Interactive diagrams showing operation flows
 - **🌍 Multi-Network** - Available across multiple Tezos testnets
-- **🔐 Multiple Wallet Connection Methods** - Support for Beacon, WalletConnect, Ledger devices, and a direct private key
+- **🔐 Multiple Wallet Connection Methods** - Support for Beacon, WalletConnect, Ledger devices, Web3Auth (social login), and direct private key
 - **🎭 Modern UI** - Built with Vue 3 + Shadcn-vue
 
 ## 🛠️ Development

index.html

@@ -4,10 +4,51 @@
     <meta charset="UTF-8" />
     <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <script type="importmap">
+      {
+        "imports": {
+          "@taquito/sapling": "https://esm.sh/@taquito/sapling@24.0.1"
+        }
+      }
+    </script>
     <script>
       // Ensure globals are available before any modules load
       const global = globalThis;
       window.global = globalThis;
+
+      // Set up minimal process object with nextTick for SES lockdown
+      globalThis.process = globalThis.process || {
+        env: {},
+        nextTick: function (callback, ...args) {
+          Promise.resolve().then(function () {
+            callback(...args);
+          });
+        },
+        version: "",
+        versions: {},
+        platform: "browser",
+        browser: true,
+      };
+      window.process = globalThis.process;
+
+      // Set up minimal Buffer for SES lockdown - will be replaced by full polyfill
+      if (!globalThis.Buffer) {
+        globalThis.Buffer = {
+          from: function () {
+            return new Uint8Array();
+          },
+          alloc: function () {
+            return new Uint8Array();
+          },
+          allocUnsafe: function () {
+            return new Uint8Array();
+          },
+          isBuffer: function () {
+            return false;
+          },
+        };
+      }
+      window.Buffer = globalThis.Buffer;
     </script>
     <title>Taquito Playground</title>
   </head>