Skip to content

Commit 6f828a1

Browse files
joaquim-vergesjoaquim-verges
committed
Reapply "[Service-Utils] feat: Add engine-cloud service definition (#6526)"
This reverts commit d24ff14.
1 parent dc6f18e commit 6f828a1

File tree

11 files changed

+208
-6
lines changed

11 files changed

+208
-6
lines changed

‎apps/playground-web/src/app/connect/pay/backend/layout.tsx‎

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
import type React from "react";
2+
import { APIHeader } from "../../../../components/blocks/APIHeader";
3+
4+
export default function Layout(props: {
5+
children: React.ReactNode;
6+
}) {
7+
return (
8+
<div>
9+
<APIHeader
10+
title="Universal Bridge API"
11+
description={
12+
<>HTTP API to bridge, swap and onramp to and from any currency</>
13+
}
14+
docsLink="https://portal.thirdweb.com/insight"
15+
heroLink="/insight-hero.avif"
16+
/>
17+
18+
{props.children}
19+
</div>
20+
);
21+
}

‎apps/playground-web/src/app/connect/pay/backend/page.tsx‎

Lines changed: 79 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,79 @@
1+
import { Table, TableBody, TableCell, TableRow } from "@/components/ui/table";
2+
import Link from "next/link";
3+
import { getBridgePaths } from "./utils";
4+
5+
export default async function Page() {
6+
try {
7+
const paths = await getBridgePaths();
8+
return (
9+
<div className="pb-20">
10+
<h2 className="mb-2 font-semibold text-2xl tracking-tight">
11+
Universal Bridge REST API
12+
</h2>
13+
<p className="mb-5 text-muted-foreground">
14+
Directly interact with the Universal Bridge API from your backend,
15+
using standard REST api.
16+
</p>
17+
18+
<div className="flex flex-col gap-8">
19+
<BlueprintSection
20+
title="Available endpoints"
21+
blueprints={paths.map(([pathName, pathObj]) => {
22+
if (!pathObj) {
23+
throw new Error(`Path not found: ${pathName}`);
24+
}
25+
return {
26+
name: pathName,
27+
description: pathObj.get?.description || "",
28+
link: `/connect/pay/backend/reference?route=${pathName}`,
29+
};
30+
})}
31+
/>
32+
</div>
33+
</div>
34+
);
35+
} catch (error) {
36+
console.error(error);
37+
return <div>Error fetching API spec</div>;
38+
}
39+
}
40+
41+
function BlueprintSection(props: {
42+
title: string;
43+
blueprints: { name: string; description: string; link: string }[];
44+
}) {
45+
return (
46+
<div className="overflow-hidden rounded-lg border bg-card">
47+
<div className="flex items-center gap-2 border-b bg-accent/20 px-6 py-4">
48+
<h2 className="font-semibold text-lg tracking-tight">{props.title}</h2>
49+
</div>
50+
<Table>
51+
<TableBody>
52+
{props.blueprints.map((item) => (
53+
<TableRow
54+
key={item.link}
55+
className="group hover:bg-accent/50"
56+
linkBox
57+
>
58+
<TableCell>
59+
<span className="flex items-center gap-3">
60+
<Link
61+
href={item.link}
62+
className="before:absolute before:inset-0"
63+
>
64+
<div className="flex flex-col">
65+
<p className="text-md font-semibold">{item.name}</p>
66+
<p className="text-sm text-muted-foreground">
67+
{item.description}
68+
</p>
69+
</div>
70+
</Link>
71+
</span>
72+
</TableCell>
73+
</TableRow>
74+
))}
75+
</TableBody>
76+
</Table>
77+
</div>
78+
);
79+
}

‎apps/playground-web/src/app/connect/pay/backend/reference/page.tsx‎

Lines changed: 70 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,70 @@
1+
import {
2+
Breadcrumb,
3+
BreadcrumbItem,
4+
BreadcrumbLink,
5+
BreadcrumbList,
6+
BreadcrumbSeparator,
7+
} from "@/components/ui/breadcrumb";
8+
import { redirect } from "next/navigation";
9+
import { THIRDWEB_CLIENT } from "../../../../../lib/client";
10+
import { isProd } from "../../../../../lib/env";
11+
import { BlueprintPlayground } from "../../../../insight/[blueprint_slug]/blueprint-playground.client";
12+
import { getBridgePaths } from "../utils";
13+
14+
export default async function Page(props: {
15+
searchParams: Promise<{
16+
route: string;
17+
}>;
18+
}) {
19+
const params = await props.searchParams;
20+
21+
// invalid url
22+
if (!params.route) {
23+
redirect("/connect/pay/backend");
24+
}
25+
26+
const thirdwebDomain = !isProd ? "thirdweb-dev" : "thirdweb";
27+
const domain = `https://bridge.${thirdwebDomain}.com`;
28+
29+
const paths = await getBridgePaths();
30+
const pathMetadata = paths.find(([path]) => path === params.route)?.[1]?.get;
31+
32+
// invalid url
33+
if (!pathMetadata) {
34+
redirect("/connect/pay/backend");
35+
}
36+
37+
const title = pathMetadata.summary || "";
38+
return (
39+
<div>
40+
<Breadcrumbs />
41+
<h1 className="mt-3 mb-6 font-semibold text-2xl tracking-tight lg:text-3xl">
42+
{title}
43+
</h1>
44+
<BlueprintPlayground
45+
key={params.route}
46+
metadata={pathMetadata}
47+
backLink={"/connect/pay/backend"}
48+
clientId={THIRDWEB_CLIENT.clientId}
49+
path={params.route}
50+
supportedChainIds={[]}
51+
domain={domain}
52+
/>
53+
</div>
54+
);
55+
}
56+
57+
function Breadcrumbs() {
58+
return (
59+
<Breadcrumb>
60+
<BreadcrumbList>
61+
<BreadcrumbItem>
62+
<BreadcrumbLink href="/connect/pay/backend">
63+
Universal Bridge API
64+
</BreadcrumbLink>
65+
</BreadcrumbItem>
66+
<BreadcrumbSeparator />
67+
</BreadcrumbList>
68+
</Breadcrumb>
69+
);
70+
}

‎apps/playground-web/src/app/connect/pay/backend/utils.ts‎

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
import type { OpenAPIV3 } from "openapi-types";
2+
import { isProd } from "../../../../lib/env";
3+
4+
export async function getBridgePaths() {
5+
const thirdwebDomain = !isProd ? "thirdweb-dev" : "thirdweb";
6+
const res = await fetch(`https://bridge.${thirdwebDomain}.com/openapi.json`);
7+
const openapiJson = (await res.json()) as OpenAPIV3.Document;
8+
return Object.entries(openapiJson.paths).filter(
9+
([, pathObj]) =>
10+
pathObj?.get?.deprecated === undefined ||
11+
pathObj?.get?.deprecated === false,
12+
);
13+
}

‎apps/playground-web/src/app/insight/[blueprint_slug]/blueprint-playground.client.tsx‎

Lines changed: 5 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -35,7 +35,6 @@ import {
3535
useForm,
3636
} from "react-hook-form";
3737
import { z } from "zod";
38-
import { isProd } from "../../../lib/env";
3938
import type { BlueprintParameter, BlueprintPathMetadata } from "../utils";
4039

4140
export function BlueprintPlayground(props: {
@@ -44,6 +43,7 @@ export function BlueprintPlayground(props: {
4443
clientId: string;
4544
path: string;
4645
supportedChainIds: number[];
46+
domain: string;
4747
}) {
4848
const [abortController, setAbortController] =
4949
useState<AbortController | null>(null);
@@ -56,6 +56,9 @@ export function BlueprintPlayground(props: {
5656
try {
5757
const res = await fetch(url, {
5858
signal: controller.signal,
59+
headers: {
60+
"x-client-id": props.clientId,
61+
},
5962
});
6063
return {
6164
status: res.status,
@@ -78,8 +81,6 @@ export function BlueprintPlayground(props: {
7881
},
7982
});
8083

81-
const thirdwebDomain = !isProd ? "thirdweb-dev" : "thirdweb";
82-
8384
return (
8485
<BlueprintPlaygroundUI
8586
backLink={props.backLink}
@@ -98,7 +99,7 @@ export function BlueprintPlayground(props: {
9899
abortController.abort();
99100
}
100101
}}
101-
domain={`https://insight.${thirdwebDomain}.com`}
102+
domain={props.domain}
102103
path={props.path}
103104
supportedChainIds={props.supportedChainIds}
104105
/>

‎apps/playground-web/src/app/insight/[blueprint_slug]/page.tsx‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -7,6 +7,7 @@ import {
77
} from "@/components/ui/breadcrumb";
88
import { redirect } from "next/navigation";
99
import { THIRDWEB_CLIENT } from "../../../lib/client";
10+
import { isProd } from "../../../lib/env";
1011
import { fetchBlueprintSpec } from "../utils";
1112
import { BlueprintPlayground } from "./blueprint-playground.client";
1213

@@ -26,6 +27,9 @@ export default async function Page(props: {
2627
redirect("/insight");
2728
}
2829

30+
const thirdwebDomain = !isProd ? "thirdweb-dev" : "thirdweb";
31+
const domain = `https://insight.${thirdwebDomain}.com`;
32+
2933
const [blueprintSpec] = await Promise.all([
3034
fetchBlueprintSpec({
3135
blueprintId: params.blueprint_slug,
@@ -58,6 +62,7 @@ export default async function Page(props: {
5862
clientId={THIRDWEB_CLIENT.clientId}
5963
path={searchParams.path}
6064
supportedChainIds={supportedChainIds}
65+
domain={domain}
6166
/>
6267
</div>
6368
);

‎apps/playground-web/src/app/insight/page.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -52,7 +52,7 @@ export default async function Page() {
5252
function BlueprintSection(props: {
5353
title: string;
5454
blueprintId: string;
55-
blueprints: { name: string; link: string }[];
55+
blueprints: { name: string; description: string; link: string }[];
5656
}) {
5757
return (
5858
<div className="overflow-hidden rounded-lg border bg-card">

‎apps/playground-web/src/app/navLinks.ts‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -125,7 +125,7 @@ const universalBridgeSidebarLinks: SidebarLink = {
125125
},
126126
{
127127
name: "Backend API",
128-
href: "https://bridge.thirdweb.com/reference",
128+
href: "/connect/pay/backend",
129129
},
130130
],
131131
};

‎apps/playground-web/src/lib/client.ts‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -19,6 +19,7 @@ export const THIRDWEB_CLIENT = createThirdwebClient(
1919
process.env.THIRDWEB_SECRET_KEY
2020
? {
2121
secretKey: process.env.THIRDWEB_SECRET_KEY,
22+
clientId: process.env.NEXT_PUBLIC_THIRDWEB_CLIENT_ID as string,
2223
config: {
2324
storage: isDev
2425
? {

‎packages/service-utils/src/core/api.ts‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -136,6 +136,10 @@ export type ProjectService =
136136
name: "nebula";
137137
actions: never[];
138138
}
139+
| {
140+
name: "engineCloud";
141+
actions: never[];
142+
}
139143
| ProjectBundlerService
140144
| ProjectEmbeddedWalletsService;
141145

0 commit comments

Comments
 (0)