Add Insight API client for blockchain data access

Author: joaquim-verges

Diff for: apps/playground-web/src/components/pay/embed.tsx

@@ -9,7 +9,7 @@ import {
   defineChain,
   treasure,
 } from "thirdweb/chains";
-import { PayEmbed, getDefaultToken } from "thirdweb/react";
+import { PayEmbed } from "thirdweb/react";
 import { StyledConnectButton } from "../styled-connect-button";
 export function StyledPayEmbedPreview() {
   const { theme } = useTheme();
@@ -18,33 +18,6 @@ export function StyledPayEmbedPreview() {
     <div className="flex flex-col items-center justify-center">
       <StyledConnectButton
         chains={[base, defineChain(466), arbitrum, treasure, arbitrumNova]}
-        supportedTokens={{
-          466: [
-            {
-              address: "0x675C3ce7F43b00045a4Dab954AF36160fb57cB45",
-              name: "USDC",
-              symbol: "USDC",
-              icon: getDefaultToken(base, "USDC")?.icon,
-            },
-          ],
-          // biome-ignore lint/style/noNonNullAssertion: <explanation>
-          8453: [getDefaultToken(base, "USDC")!],
-          42161: [
-            {
-              address: "0x539bde0d7dbd336b79148aa742883198bbf60342",
-              name: "MAGIC",
-              symbol: "MAGIC",
-            },
-          ],
-          [arbitrumNova.id]: [
-            {
-              name: "Godcoin",
-              symbol: "GOD",
-              address: "0xb5130f4767ab0acc579f25a76e8f9e977cb3f948",
-              icon: "https://assets.coingecko.com/coins/images/53848/standard/GodcoinTickerIcon_02.png",
-            },
-          ],
-        }}
       />
       <div className="h-10" />
       <PayEmbed

Diff for: apps/playground-web/src/components/styled-connect-button.tsx

@@ -30,9 +30,6 @@ export function StyledConnectButton(
         abstract,
       ]}
       wallets={WALLETS}
-      supportedNFTs={{
-        "84532": ["0x638263e3eAa3917a53630e61B1fBa685308024fa"],
-      }}
       client={THIRDWEB_CLIENT}
       theme={theme === "light" ? "light" : "dark"}
       {...props}

Diff for: packages/insight/README.md

@@ -0,0 +1 @@
+# Insight TypeScript SDK

Diff for: packages/insight/biome.json

@@ -0,0 +1,7 @@
+{
+  "$schema": "https://biomejs.dev/schemas/1.9.2/schema.json",
+  "extends": ["../../biome.json"],
+  "files": {
+    "ignore": ["src/client/**"]
+  }
+}

Diff for: packages/insight/openapi-ts.config.ts

@@ -0,0 +1,7 @@
+import { defineConfig } from "@hey-api/openapi-ts";
+
+export default defineConfig({
+  input: "https://insight.thirdweb.com/openapi.json",
+  output: { path: "src/client" },
+  plugins: ["@hey-api/client-fetch"],
+});

Diff for: packages/insight/package.json

@@ -0,0 +1,60 @@
+{
+  "name": "@thirdweb-dev/insight",
+  "version": "1.0.0",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/thirdweb-dev/js.git#main"
+  },
+  "license": "Apache-2.0",
+  "bugs": {
+    "url": "https://github.com/thirdweb-dev/js/issues"
+  },
+  "author": "thirdweb eng <[email protected]>",
+  "type": "module",
+  "main": "./dist/cjs/exports/thirdweb.js",
+  "module": "./dist/esm/exports/thirdweb.js",
+  "types": "./dist/types/exports/thirdweb.d.ts",
+  "typings": "./dist/types/exports/thirdweb.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/types/exports/thirdweb.d.ts",
+      "import": "./dist/esm/exports/thirdweb.js",
+      "default": "./dist/cjs/exports/thirdweb.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "dist/*",
+    "src/*"
+  ],
+  "dependencies": {
+    "@hey-api/client-fetch": "0.10.0",
+    "tslib": "^2.8.1"
+  },
+  "devDependencies": {
+    "@hey-api/openapi-ts": "0.66.1",
+    "rimraf": "6.0.1"
+  },
+  "peerDependencies": {
+    "typescript": ">=5.0.4"
+  },
+  "peerDependenciesMeta": {
+    "typescript": {
+      "optional": true
+    }
+  },
+  "scripts": {
+    "format": "biome format ./src --write",
+    "lint": "biome check ./src",
+    "fix": "biome check ./src --fix",
+    "build": "pnpm clean && pnpm build:cjs && pnpm build:esm && pnpm build:types",
+    "build:cjs": "tsc --project ./tsconfig.build.json --module commonjs --outDir ./dist/cjs --verbatimModuleSyntax false && printf '{\"type\":\"commonjs\"}' > ./dist/cjs/package.json",
+    "build:esm": "tsc --project ./tsconfig.build.json --module es2020 --outDir ./dist/esm && printf '{\"type\": \"module\",\"sideEffects\":false}' > ./dist/esm/package.json",
+    "build:types": "tsc --project ./tsconfig.build.json --module esnext --declarationDir ./dist/types --emitDeclarationOnly --declaration --declarationMap",
+    "clean": "rimraf dist",
+    "build:generate": "openapi-ts && pnpm format"
+  },
+  "engines": {
+    "node": ">=18"
+  }
+}

Diff for: packages/insight/src/client/client.gen.ts

@@ -0,0 +1,24 @@
+// This file is auto-generated by @hey-api/openapi-ts
+
+import {
+  type Config,
+  type ClientOptions as DefaultClientOptions,
+  createClient,
+  createConfig,
+} from "@hey-api/client-fetch";
+import type { ClientOptions } from "./types.gen.js";
+
+/**
+ * The `createClientConfig()` function will be called on client initialization
+ * and the returned object will become the client's initial configuration.
+ *
+ * You may want to initialize your client this way instead of calling
+ * `setConfig()`. This is useful for example if you're using Next.js
+ * to ensure your client always has the correct values.
+ */
+export type CreateClientConfig<T extends DefaultClientOptions = ClientOptions> =
+  (
+    override?: Config<DefaultClientOptions & T>,
+  ) => Config<Required<DefaultClientOptions> & T>;
+
+export const client = createClient(createConfig<ClientOptions>());

Diff for: packages/insight/src/client/index.ts

@@ -0,0 +1,3 @@
+// This file is auto-generated by @hey-api/openapi-ts
+export * from "./types.gen.js";
+export * from "./sdk.gen.js";