Share a Live Preview

# Create a named shell and navigate to the project directory
shell = devbox.shell("preview-shell")
await shell.exec("cd ~/sample-todo-nextjs")

# Install dependencies
await shell.exec("npm install")

# Start the Next.js dev server in the background
server_command = await shell.exec_async(
  "HOSTNAME=0.0.0.0 npm run dev"
)
print("Next.js dev server started")

// Create a named shell and navigate to the project directory
const shell = devbox.shell('preview-shell');
await shell.exec('cd ~/sample-todo-nextjs');

// Install dependencies
await shell.exec('npm install');

// Start the Next.js dev server in the background
const serverCommand = await shell.execAsync(
  'HOSTNAME=0.0.0.0 npm run dev'
);
console.log('Next.js dev server started');

# Enable a tunnel on the devbox
await devbox.net.enable_tunnel(auth_mode="open")

# Get the preview URL for port 3000
preview_url = await devbox.get_tunnel_url(3000)
print(f"Live preview URL: {preview_url}")

// Enable a tunnel on the devbox
await devbox.net.enableTunnel({ auth_mode: "open" });

// Get the preview URL for port 3000
const previewUrl = await devbox.getTunnelUrl(3000);
console.log(`Live preview URL: ${previewUrl}`);

import os
from github import Github  # Requires PyGithub library

# Initialize GitHub client
g = Github(os.environ["GH_TOKEN"])
repo = g.get_repo("runloopai/sample-todo-nextjs")
pr = repo.get_pull(pr_number)

# Post the preview link as a comment
comment = f"🚀 Live preview of changes: {preview_url}\n\nYou can view the updated color scheme in action at the link above."
pr.create_issue_comment(comment)
print(f"Posted preview link to PR #{pr_number}")

import { Octokit } from '@octokit/rest';

// Initialize GitHub client
const octokit = new Octokit({ auth: process.env.GH_TOKEN });

// Post the preview link as a comment
const comment = `🚀 Live preview of changes: ${previewUrl}\n\nYou can view the updated color scheme in action at the link above.`;
await octokit.rest.issues.createComment({
  owner: 'runloopai',
  repo: 'sample-todo-nextjs',
  issue_number: prNumber,
  body: comment,
});
console.log(`Posted preview link to PR #${prNumber}`);