cartesi · tuler · Mar 26, 2025 · Jun 10, 2025
diff --git a/.dockerignore b/.dockerignore
@@ -1,7 +1,6 @@
 **/.env*
 **/*.js
 !**/jest.config.js
-**/*.d.ts
 **/*.dbml
 **/node_modules
 fly.toml

diff --git a/apps/cli/src/compose/docker-compose-launchpad.yaml b/apps/cli/src/compose/docker-compose-launchpad.yaml
@@ -0,0 +1,29 @@
+configs:
+    launchpad_proxy:
+        content: |
+            http:
+                routers:
+                    launchpad:
+                        rule: "Path(`/`) || PathPrefix(`/assets`)"
+                        service: launchpad
+                services:
+                    launchpad:
+                        loadBalancer:
+                            servers:
+                                - url: "http://launchpad:80"
+
+services:
+    launchpad:
+        image: cartesi/rollups-launchpad:devel
+        healthcheck:
+            test: ["CMD", "curl", "-fsS", "http://127.0.0.1:80/"]
+            start_period: 10s
+            start_interval: 200ms
+            interval: 10s
+            timeout: 1s
+            retries: 5
+
+    proxy:
+        configs:
+            - source: launchpad_proxy
+              target: /etc/traefik/conf.d/launchpad.yaml
diff --git a/apps/cli/src/exec/rollups.ts b/apps/cli/src/exec/rollups.ts
@@ -161,6 +161,15 @@ const availableServices: Service[] = [
         waitTitle: `${chalk.cyan("explorer")} service starting...`,
         errorTitle: `${chalk.red("explorer")} service failed`,
     },
+    {
+        name: "launchpad",
+        file: "docker-compose-launchpad.yaml",
+        healthySemaphore: "launchpad",
+        healthyTitle: (port) =>
+            `${chalk.cyan("launchpad")} service ready at ${chalk.cyan(`${host}:${port}/`)}`,
+        waitTitle: `${chalk.cyan("launchpad")} service starting...`,
+        errorTitle: `${chalk.red("launchpad")} service failed`,
+    },
     {
         name: "graphql",
         file: "docker-compose-graphql.yaml",

diff --git a/apps/launchpad/.gitignore b/apps/launchpad/.gitignore
@@ -0,0 +1,24 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
diff --git a/apps/launchpad/.npmrc b/apps/launchpad/.npmrc
@@ -0,0 +1 @@
+legacy-peer-deps = true
diff --git a/apps/launchpad/Dockerfile b/apps/launchpad/Dockerfile
@@ -0,0 +1,50 @@
+# Prune stage
+FROM node:22.14.0-alpine AS pruner
+
+WORKDIR /app
+
+# Install pnpm and turbo
+RUN corepack enable && corepack prepare pnpm@latest --activate
+
+# Copy files needed for pruning
+COPY . .
+
+# Prune the workspace for the launchpad app
+RUN pnpm dlx turbo prune @cartesi/launchpad --docker
+
+# Build stage
+FROM node:22.14.0-alpine AS builder
+
+WORKDIR /app
+
+# Install pnpm
+RUN corepack enable && corepack prepare pnpm@latest --activate
+
+# Copy the pruned workspace
+COPY --from=pruner /app/out/json/ .
+COPY --from=pruner /app/out/pnpm-lock.yaml ./pnpm-lock.yaml
+COPY --from=pruner /app/out/pnpm-workspace.yaml ./pnpm-workspace.yaml
+
+# Install dependencies
+RUN pnpm install --frozen-lockfile
+
+# Copy source code from pruned workspace
+COPY --from=pruner /app/out/full/ .
+
+# Build the application
+RUN pnpm build --filter=@cartesi/launchpad
+
+# Runtime stage
+FROM nginx:alpine
+
+# Copy the built assets from build stage to nginx
+COPY --from=builder /app/apps/launchpad/dist /usr/share/nginx/html
+
+# Copy custom nginx config if needed
+# COPY nginx.conf /etc/nginx/conf.d/default.conf
+
+# Expose port 80
+EXPOSE 80
+
+# Start nginx
+CMD ["nginx", "-g", "daemon off;"] 
diff --git a/apps/launchpad/docker-bake.hcl b/apps/launchpad/docker-bake.hcl
@@ -0,0 +1,8 @@
+target "docker-metadata-action" {}
+target "docker-platforms" {}
+
+target "default" {
+    inherits = ["docker-metadata-action", "docker-platforms"]
+    context = "../.."
+    dockerfile = "apps/launchpad/Dockerfile"
+}
diff --git a/apps/launchpad/docker-bake.override.hcl b/apps/launchpad/docker-bake.override.hcl
@@ -0,0 +1,3 @@
+target "default" {
+  tags = ["cartesi/rollups-launchpad:devel"]
+}
diff --git a/apps/launchpad/docker-bake.platforms.hcl b/apps/launchpad/docker-bake.platforms.hcl
@@ -0,0 +1,6 @@
+target "docker-platforms" {
+    platforms = [
+        "linux/amd64",
+        "linux/arm64"
+    ]
+}
diff --git a/apps/launchpad/index.html b/apps/launchpad/index.html
@@ -0,0 +1,12 @@
+<!doctype html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <title>🚀 Cartesi Rollups Launchpad</title>
+    </head>
+    <body>
+        <div id="root"></div>
+        <script type="module" src="/src/main.tsx"></script>
+    </body>
+</html>
diff --git a/apps/launchpad/package.json b/apps/launchpad/package.json
@@ -0,0 +1,37 @@
+{
+    "name": "@cartesi/launchpad",
+    "private": true,
+    "version": "0.0.0",
+    "type": "module",
+    "scripts": {
+        "dev": "vite",
+        "build": "tsc && vite build",
+        "build:docker": "docker buildx bake --load",
+        "preview": "vite preview"
+    },
+    "dependencies": {
+        "@apollo/client": "^3.13.5",
+        "@mantine/core": "^8.1.1",
+        "@mantine/hooks": "^8.1.1",
+        "@tabler/icons-react": "^3.31.0",
+        "@tanstack/react-query": "5.80.10",
+        "graphql": "^16.10.0",
+        "json-rpc-2.0": "^1.7.0",
+        "react": "^19.0.0",
+        "react-dom": "^19.0.0",
+        "viem": "latest",
+        "wagmi": "latest"
+    },
+    "devDependencies": {
+        "@types/react": "^19.0.12",
+        "@types/react-dom": "^19.0.4",
+        "@vitejs/plugin-react": "^4.2.1",
+        "@wagmi/cli": "latest",
+        "buffer": "^6.0.3",
+        "postcss": "^8.5.3",
+        "postcss-preset-mantine": "^1.17.0",
+        "postcss-simple-vars": "^7.0.1",
+        "typescript": "^5.4.5",
+        "vite": "^6.2.3"
+    }
+}
diff --git a/apps/launchpad/postcss.config.cjs b/apps/launchpad/postcss.config.cjs
@@ -0,0 +1,14 @@
+module.exports = {
+    plugins: {
+        "postcss-preset-mantine": {},
+        "postcss-simple-vars": {
+            variables: {
+                "mantine-breakpoint-xs": "36em",
+                "mantine-breakpoint-sm": "48em",
+                "mantine-breakpoint-md": "62em",
+                "mantine-breakpoint-lg": "75em",
+                "mantine-breakpoint-xl": "88em",
+            },
+        },
+    },
+};
diff --git a/apps/launchpad/src/App.tsx b/apps/launchpad/src/App.tsx
@@ -0,0 +1,27 @@
+import { Center, Group, Image, Stack } from "@mantine/core";
+
+import ServiceComponent from "./Service";
+import logo from "./img/cartesi.svg";
+import { services } from "./services";
+
+function App() {
+    return (
+        <Stack p={60} gap={60}>
+            <Center>
+                <Image src={logo} alt="logo" w={100} />
+            </Center>
+            <Group justify="center">
+                <Stack gap={20}>
+                    {services.map((service) => (
+                        <ServiceComponent
+                            key={service.name}
+                            service={service}
+                        />
+                    ))}
+                </Stack>
+            </Group>
+        </Stack>
+    );
+}
+
+export default App;
diff --git a/apps/launchpad/src/Service.tsx b/apps/launchpad/src/Service.tsx
@@ -0,0 +1,70 @@
+import {
+    ActionIcon,
+    Alert,
+    Anchor,
+    Badge,
+    Group,
+    Image,
+    Stack,
+    ThemeIcon,
+    Title,
+} from "@mantine/core";
+import { IconCheck, IconExternalLink, IconX } from "@tabler/icons-react";
+import { FC, useEffect, useState } from "react";
+import { Service } from "./services";
+
+interface ServiceProps {
+    service: Service;
+}
+
+const ServiceComponent: FC<ServiceProps> = ({ service }) => {
+    const { logo, name, endpoint, error, actionComponent, href, isHealthy } =
+        service;
+    const [healthy, setHealthy] = useState(false);
+
+    useEffect(() => {
+        isHealthy().then(setHealthy);
+    }, [isHealthy]);
+
+    return (
+        <Stack>
+            <Group justify="space-between" gap={100}>
+                <Group>
+                    <Image src={logo} alt={name} w={30} />
+                    <Title order={4}>{name}</Title>
+                </Group>
+                <Group>
+                    {actionComponent}
+                    {href && (
+                        <Anchor component="a" href={href} target="_blank">
+                            <ActionIcon disabled={!healthy} variant="subtle">
+                                <IconExternalLink />
+                            </ActionIcon>
+                        </Anchor>
+                    )}
+                    <Badge
+                        variant="default"
+                        size="lg"
+                        style={{ textTransform: "none" }}
+                    >
+                        {endpoint}
+                    </Badge>
+                    {healthy ? (
+                        <ThemeIcon color="green" radius="xl" size="sm">
+                            <IconCheck
+                                style={{ width: "70%", height: "70%" }}
+                            />
+                        </ThemeIcon>
+                    ) : (
+                        <ThemeIcon color="red" radius="xl" size="sm">
+                            <IconX style={{ width: "70%", height: "70%" }} />
+                        </ThemeIcon>
+                    )}
+                </Group>
+            </Group>
+            {error && <Alert color="red">{error}</Alert>}
+        </Stack>
+    );
+};
+
+export default ServiceComponent;
diff --git a/apps/launchpad/src/env.ts b/apps/launchpad/src/env.ts
@@ -0,0 +1,4 @@
+export const getEnvUrl = () =>
+    import.meta.env.MODE === "development"
+        ? "http://127.0.0.1:6751/"
+        : `${window.location.href}`;
diff --git a/apps/launchpad/src/favicon.png b/apps/launchpad/src/favicon.png
diff --git a/apps/launchpad/src/img/cartesi.svg b/apps/launchpad/src/img/cartesi.svg