Feat/cross app connect whitelabel

cross-app-connect/.env.example

@@ -0,0 +1,13 @@
+# Privy app this host represents
+# Default = VeChain's mainnet Privy app (mirrors VECHAIN_PRIVY_APP_ID in vechain-kit)
+NEXT_PUBLIC_PRIVY_APP_ID=cm4wxxujb022fyujl7g0thb21
+NEXT_PUBLIC_PRIVY_CLIENT_ID=
+# REQUIRED. Whitelabel Privy auth subdomain provisioned for your app in the
+# Privy dashboard. Must include scheme, e.g. https://privy.your-app.privy.dev
+# This is NOT the public auth.privy.io host.
+NEXT_PUBLIC_PRIVY_DOMAIN=
+
+# VeChain network -- main | test | solo
+NEXT_PUBLIC_NETWORK_TYPE=main
+NEXT_PUBLIC_DELEGATOR_URL=
+NEXT_PUBLIC_WALLET_CONNECT_PROJECT_ID=

cross-app-connect/.eslintrc.js

@@ -0,0 +1,6 @@
+module.exports = {
+    extends: ['next'],
+    rules: {
+        '@typescript-eslint/unbound-method': 'off',
+    },
+};

cross-app-connect/.gitignore

@@ -0,0 +1,38 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+.yarn/install-state.gz
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+/dist/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# local env files
+.env
+.env*.local
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts

cross-app-connect/next.config.js

@@ -0,0 +1,44 @@
+const basePath = process.env.NEXT_PUBLIC_BASE_PATH ?? process.env.BASE_PATH ?? '';
+
+/** @type {import('next').NextConfig} */
+const nextConfig = {
+    basePath,
+    assetPrefix: basePath,
+    output: 'export',
+    distDir: 'dist',
+
+    compiler: {
+        removeConsole:
+            process.env.NODE_ENV === 'production'
+                ? {
+                      exclude: ['error', 'warn'],
+                  }
+                : false,
+    },
+
+    turbopack: {
+        resolveAlias: {
+            '@/*': './src/*',
+        },
+    },
+
+    experimental: {
+        webpackBuildWorker: true,
+        optimizePackageImports: ['@chakra-ui/react', '@vechain/vechain-kit'],
+    },
+
+    images: {
+        unoptimized: true,
+    },
+    env: {
+        basePath,
+    },
+    eslint: {
+        ignoreDuringBuilds: true,
+    },
+
+    poweredByHeader: false,
+    generateEtags: false,
+};
+
+module.exports = nextConfig;

cross-app-connect/package.json

@@ -0,0 +1,37 @@
+{
+    "name": "cross-app-connect",
+    "version": "0.1.0",
+    "private": true,
+    "scripts": {
+        "build": "next build",
+        "clean": "rm -rf .next dist .turbo",
+        "dev": "next dev --turbopack",
+        "generate-app-hub": "node scripts/fetch-app-hub.mjs",
+        "typecheck": "tsc --noEmit"
+    },
+    "dependencies": {
+        "@chakra-ui/react": "2.8.2",
+        "@emotion/react": "^11.13.5",
+        "@emotion/styled": "^11.13.5",
+        "@privy-io/cross-app-provider": "^0.3.4",
+        "@privy-io/react-auth": "2.25.0",
+        "@tanstack/react-query": "^5.64.2",
+        "@vechain/dapp-kit-react": "2.1.0-rc.5",
+        "@vechain/sdk-core": "2.0.7",
+        "@vechain/sdk-network": "2.0.7",
+        "@vechain/vechain-kit": "workspace:*",
+        "next": "~16.2.3",
+        "react": "^18",
+        "react-dom": "^18",
+        "viem": "^2.22.0"
+    },
+    "devDependencies": {
+        "@next/eslint-plugin-next": "^14.1.4",
+        "@types/node": "^20",
+        "@types/react": "^18",
+        "@types/react-dom": "^18",
+        "eslint": "^9.12.0",
+        "eslint-config-next": "14.1.4",
+        "typescript": "5.3.3"
+    }
+}

cross-app-connect/scripts/fetch-app-hub.mjs

@@ -0,0 +1,98 @@
+#!/usr/bin/env node
+/**
+ * Pulls every manifest.json under vechain/app-hub@master into a single
+ * JSON file at src/app/cross-app/_lib/app-hub.json, keyed by origin so the
+ * runtime lookup is O(1) ('https://nubila.ai' -> { name: 'Nubila', ... }).
+ *
+ * Re-run when the registry adds new apps:
+ *
+ *   yarn workspace cross-app-connect generate-app-hub
+ */
+import { mkdirSync, writeFileSync } from 'node:fs';
+import { dirname, resolve } from 'node:path';
+import { fileURLToPath } from 'node:url';
+
+const REPO = 'vechain/app-hub';
+const BRANCH = 'master';
+const OUT_PATH = resolve(
+    dirname(fileURLToPath(import.meta.url)),
+    '..',
+    'src/app/cross-app/_lib/app-hub.json',
+);
+
+async function ghFetch(url) {
+    const res = await fetch(url, {
+        headers: {
+            accept: 'application/vnd.github+json',
+            // Optional: GITHUB_TOKEN env var raises the rate limit from
+            // 60/hr (anonymous) to 5000/hr.
+            ...(process.env.GITHUB_TOKEN && {
+                authorization: `Bearer ${process.env.GITHUB_TOKEN}`,
+            }),
+        },
+    });
+    if (!res.ok) {
+        throw new Error(`${url} -> ${res.status} ${res.statusText}`);
+    }
+    return res.json();
+}
+
+function originOf(href) {
+    try {
+        return new URL(href).origin;
+    } catch {
+        return null;
+    }
+}
+
+const tree = await ghFetch(
+    `https://api.github.com/repos/${REPO}/git/trees/${BRANCH}?recursive=1`,
+);
+const manifestPaths = tree.tree
+    .filter((t) => t.path.endsWith('manifest.json'))
+    .map((t) => t.path);
+
+console.log(`Found ${manifestPaths.length} manifests`);
+
+const byOrigin = {};
+const concurrency = 12;
+let completed = 0;
+const queue = [...manifestPaths];
+
+async function worker() {
+    while (queue.length > 0) {
+        const path = queue.shift();
+        if (!path) break;
+        const slug = path.replace(/^apps\//, '').replace(/\/manifest\.json$/, '');
+        try {
+            const manifest = await ghFetch(
+                `https://raw.githubusercontent.com/${REPO}/${BRANCH}/${path}`,
+            );
+            const origin = originOf(manifest.href);
+            if (!origin) continue;
+            // Prefer the first manifest we see for a given origin.
+            if (!byOrigin[origin]) {
+                byOrigin[origin] = {
+                    slug,
+                    name: manifest.name,
+                    category: manifest.category ?? null,
+                    href: manifest.href,
+                };
+            }
+        } catch (e) {
+            console.warn(`skip ${path}: ${e.message}`);
+        }
+        completed++;
+        if (completed % 25 === 0) {
+            console.log(`  ${completed}/${manifestPaths.length}`);
+        }
+    }
+}
+
+await Promise.all(Array.from({ length: concurrency }, worker));
+
+mkdirSync(dirname(OUT_PATH), { recursive: true });
+writeFileSync(OUT_PATH, JSON.stringify(byOrigin, null, 2) + '\n');
+console.log(
+    `Wrote ${Object.keys(byOrigin).length} entries to ${OUT_PATH}`,
+);