Merge branch 'main' into yash/ref-constructor-params

Author: kumaryash90

.changeset/eleven-chicken-smile.md

@@ -2,4 +2,4 @@
 "@thirdweb-dev/service-utils": patch
 ---
 
-Added nebula service scope
+remove nebula scope

.changeset/fifty-foxes-rescue.md

@@ -0,0 +1,34 @@
+"use server";
+
+import { getAuthToken } from "../../app/api/lib/getAuthToken";
+import { API_SERVER_URL } from "../constants/env";
+
+export async function joinTeamWaitlist(options: {
+  teamSlug: string;
+  // currently only 'nebula' is supported
+  scope: "nebula";
+}) {
+  const { teamSlug, scope } = options;
+  const token = await getAuthToken();
+
+  if (!token) {
+    throw new Error("No Auth token");
+  }
+
+  const res = await fetch(`${API_SERVER_URL}/v1/teams/${teamSlug}/waitlist`, {
+    method: "POST",
+    headers: {
+      "Content-Type": "application/json",
+      Authorization: `Bearer ${token}`,
+    },
+    body: JSON.stringify({
+      scope,
+    }),
+  });
+
+  if (!res.ok) {
+    throw new Error("Failed to join waitlist");
+  }
+
+  return true;
+}

.changeset/eight-poems-end.md renamed to .changeset/green-bottles-approve.md

@@ -2,6 +2,7 @@ import "server-only";
 import { COOKIE_ACTIVE_ACCOUNT, COOKIE_PREFIX_TOKEN } from "@/constants/cookie";
 import { API_SERVER_URL } from "@/constants/env";
 import { cookies } from "next/headers";
+import { getAuthToken } from "../../app/api/lib/getAuthToken";
 
 export type Team = {
   id: string;
@@ -18,11 +19,7 @@ export type Team = {
 };
 
 export async function getTeamBySlug(slug: string) {
-  const cookiesManager = await cookies();
-  const activeAccount = cookiesManager.get(COOKIE_ACTIVE_ACCOUNT)?.value;
-  const token = activeAccount
-    ? cookiesManager.get(COOKIE_PREFIX_TOKEN + activeAccount)?.value
-    : null;
+  const token = await getAuthToken();
 
   if (!token) {
     return null;
@@ -60,3 +57,31 @@ export async function getTeams() {
   }
   return [];
 }
+
+type TeamNebulWaitList = {
+  onWaitlist: boolean;
+  createdAt: null | string;
+};
+
+export async function getTeamNebulaWaitList(teamSlug: string) {
+  const token = await getAuthToken();
+
+  if (!token) {
+    return null;
+  }
+
+  const res = await fetch(
+    `${API_SERVER_URL}/v1/teams/${teamSlug}/waitlist?scope=nebula`,
+    {
+      headers: {
+        Authorization: `Bearer ${token}`,
+      },
+    },
+  );
+
+  if (res.ok) {
+    return (await res.json()).result as TeamNebulWaitList;
+  }
+
+  return null;
+}

.changeset/hot-bees-turn.md

@@ -0,0 +1,131 @@
+"use client";
+import { CodeClient } from "@/components/ui/code/code.client";
+import type React from "react";
+import { type Dispatch, type SetStateAction, useMemo } from "react";
+import { TabButtons } from "../ui/tabs";
+
+export type CodeEnvironment =
+  | "javascript"
+  | "typescript"
+  | "react"
+  | "react-native"
+  | "unity";
+
+type SupportedEnvironment = {
+  environment: CodeEnvironment;
+  title: string;
+};
+
+type CodeSnippet = Partial<Record<CodeEnvironment, string>>;
+
+const Environments: SupportedEnvironment[] = [
+  {
+    environment: "javascript",
+    title: "JavaScript",
+  },
+  {
+    environment: "typescript",
+    title: "TypeScript",
+  },
+  {
+    environment: "react",
+    title: "React",
+  },
+  {
+    environment: "react-native",
+    title: "React Native",
+  },
+  {
+    environment: "unity",
+    title: "Unity",
+  },
+];
+
+interface CodeSegmentProps {
+  snippet: CodeSnippet;
+  environment: CodeEnvironment;
+  setEnvironment:
+    | Dispatch<SetStateAction<CodeEnvironment>>
+    | ((language: CodeEnvironment) => void);
+  isInstallCommand?: boolean;
+  hideTabs?: boolean;
+  onlyTabs?: boolean;
+}
+
+export const CodeSegment: React.FC<CodeSegmentProps> = ({
+  snippet,
+  environment,
+  setEnvironment,
+  isInstallCommand,
+  hideTabs,
+  onlyTabs,
+}) => {
+  const activeEnvironment: CodeEnvironment = useMemo(() => {
+    return (
+      snippet[environment] ? environment : Object.keys(snippet)[0]
+    ) as CodeEnvironment;
+  }, [environment, snippet]);
+
+  const activeSnippet = useMemo(() => {
+    return snippet[activeEnvironment];
+  }, [activeEnvironment, snippet]);
+
+  const lines = useMemo(
+    () => (activeSnippet ? activeSnippet.split("\n") : []),
+    [activeSnippet],
+  );
+
+  const code = lines.join("\n").trim();
+
+  const environments = Environments.filter(
+    (env) =>
+      Object.keys(snippet).includes(env.environment) &&
+      snippet[env.environment],
+  );
+
+  return (
+    <div
+      className={
+        "flex flex-col overflow-hidden rounded-lg border border-border"
+      }
+    >
+      {!hideTabs && (
+        <TabButtons
+          tabs={environments.map((env) => ({
+            label: env.title,
+            onClick: () => setEnvironment(env.environment),
+            isActive: activeEnvironment === env.environment,
+            name: env.title,
+            isEnabled: true,
+          }))}
+          tabClassName="text-sm gap-2 !text-sm"
+          tabIconClassName="size-4"
+          tabContainerClassName="px-3 pt-1.5 gap-0.5"
+          hideBottomLine={!!onlyTabs}
+        />
+      )}
+
+      {onlyTabs ? null : (
+        <>
+          <CodeClient
+            code={code}
+            loadingClassName="min-h-[450px] rounded-none border-none"
+            className="rounded-none border-none"
+            lang={
+              isInstallCommand
+                ? activeEnvironment === "react-native"
+                  ? "tsx"
+                  : "bash"
+                : activeEnvironment === "react" ||
+                    activeEnvironment === "react-native"
+                  ? "tsx"
+                  : activeEnvironment === "unity"
+                    ? "cpp"
+                    : activeEnvironment
+            }
+          />
+        </>
+      )}
+    </div>
+  );
+};