Update index.js

index.js

@@ -9,26 +9,13 @@ app.use(express.json());
 const CODESANDBOX_API = "https://api.codesandbox.io/graphql";
 const BEARER_TOKEN = process.env.CODESANDBOX_TOKEN;
 
-const querySandboxes = `
-query {
-  me {
-    sandboxes {
-      nodes {
-        id
-        title
-        createdAt
-      }
-    }
-  }
-}
-`;
-
 const createSandboxMutation = `
 mutation {
-  createSandbox(input: { title: "New Sandbox from API" }) {
+  createSandbox(input: { title: "API Sandbox" }) {
     sandbox {
       id
       title
+      publicId
     }
   }
 }
@@ -43,37 +30,47 @@ async function graphqlRequest(query) {
     },
     body: JSON.stringify({ query })
   });
-  const data = await res.json();
-  return data;
-}
 
-app.get("/", async (req, res) => {
-  const data = await graphqlRequest(querySandboxes);
-  const sandboxes = data?.data?.me?.sandboxes?.nodes || [];
+  const json = await res.json();
+  if (json.errors) {
+    throw new Error(JSON.stringify(json.errors));
+  }
+
+  return json.data;
+}
 
-  let html = `
-    <h2>🧪 CodeSandbox Manager</h2>
+app.get("/", (req, res) => {
+  res.send(`
+    <h2>🛠 CodeSandbox Creator</h2>
     <form action="/create" method="POST">
-      <button>Create New Sandbox</button>
+      <button type="submit">🚀 Create New Sandbox</button>
     </form>
-    <h3>📦 Existing Sandboxes:</h3>
-    <ul>
-  `;
-
-  sandboxes.forEach(s => {
-    html += `<li><b>${s.title}</b> (ID: ${s.id}) — Created: ${new Date(s.createdAt).toLocaleString()}</li>`;
-  });
-
-  html += "</ul>";
-  res.send(html);
+  `);
 });
 
 app.post("/create", async (req, res) => {
-  const result = await graphqlRequest(createSandboxMutation);
-  res.redirect("/");
+  try {
+    const result = await graphqlRequest(createSandboxMutation);
+    const sandbox = result.createSandbox.sandbox;
+    const link = `https://codesandbox.io/s/${sandbox.publicId}`;
+
+    res.send(`
+      <h3>✅ Sandbox Created!</h3>
+      <p>Title: <b>${sandbox.title}</b></p>
+      <p>Open: <a href="${link}" target="_blank">${link}</a></p>
+      <a href="/">⬅ Back</a>
+    `);
+  } catch (error) {
+    console.error(error);
+    res.send(`
+      <h3>❌ Failed to create sandbox</h3>
+      <pre>${error.message}</pre>
+      <a href="/">⬅ Back</a>
+    `);
+  }
 });
 
 const PORT = process.env.PORT || 3000;
 app.listen(PORT, () => {
-  console.log(`CodeSandbox Manager UI running at http://localhost:${PORT}`);
+  console.log(`🚀 App running at http://localhost:${PORT}`);
 });