create-stylus-ide 1.0.0

package/frontend/lib/orbit-chains.ts

@@ -0,0 +1,181 @@
+import { defineChain, type Chain } from "viem";
+
+/**
+ * Verified sources:
+ * - Xai Testnet v2 (Sepolia)
+ * - ApeChain Curtis (Testnet)
+ * - Nitrogen (Orbit Celestia) Testnet
+ *
+ * Note: “PublicNode” provider does not currently list these Orbit testnets like it does for Arbitrum Sepolia,
+ * so we include other public/free RPC providers (Caldera/official + thirdweb/dRPC/Ankr/etc).
+ */
+
+// Xai Testnet v2 (often referred to as "XAI Sepolia" in wallets/UIs)
+export const xaiSepolia = defineChain({
+  id: 37714555429,
+  name: "Xai Testnet v2",
+  network: "xai-testnet-v2",
+  nativeCurrency: {
+    decimals: 18,
+    name: "sXAI",
+    symbol: "sXAI",
+  },
+  rpcUrls: {
+    default: {
+      http: [
+        "https://testnet-v2.xai-chain.net/rpc",
+        "https://rpc.ankr.com/xai_testnet",
+        "https://37714555429.rpc.thirdweb.com",
+        "https://xai-testnet.rpc.quicknode.com",
+      ],
+    },
+    public: {
+      http: [
+        "https://testnet-v2.xai-chain.net/rpc",
+        "https://rpc.ankr.com/xai_testnet",
+        "https://37714555429.rpc.thirdweb.com",
+        "https://xai-testnet.rpc.quicknode.com",
+      ],
+    },
+  },
+  blockExplorers: {
+    default: {
+      name: "XaiScan (Sepolia)",
+      url: "https://sepolia.xaiscan.io/",
+    },
+  },
+  testnet: true,
+});
+
+// ApeChain Curtis (Testnet) — Arbitrum Orbit rollup
+export const apechainCurtis = defineChain({
+  id: 33111,
+  name: "ApeChain Curtis (Testnet)",
+  network: "apechain-curtis",
+  nativeCurrency: {
+    decimals: 18,
+    name: "ApeCoin",
+    symbol: "APE",
+  },
+  rpcUrls: {
+    default: {
+      http: [
+        "https://curtis.rpc.caldera.xyz/http",
+        "https://rpc.curtis.apechain.com",
+        "https://apechain-curtis.drpc.org",
+        "https://33111.rpc.thirdweb.com",
+        "https://curtis.gateway.tenderly.co",
+      ],
+    },
+    public: {
+      http: [
+        "https://curtis.rpc.caldera.xyz/http",
+        "https://rpc.curtis.apechain.com",
+        "https://apechain-curtis.drpc.org",
+        "https://33111.rpc.thirdweb.com",
+        "https://curtis.gateway.tenderly.co",
+      ],
+    },
+  },
+  blockExplorers: {
+    default: {
+      name: "Curtis Explorer",
+      url: "https://curtis.explorer.caldera.xyz/",
+    },
+  },
+  testnet: true,
+});
+
+// Nitrogen (Orbit Celestia) Testnet — settlement: Arbitrum Sepolia
+export const nitrogenTestnet = defineChain({
+  id: 96384675468,
+  name: "Nitrogen (Orbit Celestia) Testnet",
+  network: "nitrogen",
+  nativeCurrency: {
+    decimals: 18,
+    name: "Ethereum",
+    symbol: "ETH",
+  },
+  rpcUrls: {
+    default: {
+      http: ["https://nitrogen-rpc.altlayer.io"],
+    },
+    public: {
+      http: ["https://nitrogen-rpc.altlayer.io"],
+    },
+  },
+  blockExplorers: {
+    default: {
+      name: "Nitrogen Explorer",
+      url: "https://nitrogen-explorer.altlayer.io/",
+    },
+  },
+  testnet: true,
+});
+
+export interface OrbitChainInfo {
+  id: number;
+  name: string;
+  chain: Chain;
+  focus: string;
+  description: string;
+  gasToken: string;
+  benefits: string[];
+  mlContractAddress?: string;
+  recommended?: boolean;
+}
+
+export const orbitChains: OrbitChainInfo[] = [
+  {
+    id: xaiSepolia.id,
+    name: "Xai Testnet v2",
+    chain: xaiSepolia,
+    focus: "Gaming & AI",
+    description:
+      "Xai Orbit chain testnet v2 (sXAI gas) for gaming/AI workloads",
+    gasToken: "sXAI",
+    benefits: [
+      "Gaming-focused Orbit ecosystem",
+      "Good fit for frequent inference calls",
+      "Dedicated explorer + infra",
+    ],
+    recommended: true,
+  },
+  {
+    id: apechainCurtis.id,
+    name: "ApeChain Curtis (Testnet)",
+    chain: apechainCurtis,
+    focus: "Gaming / Consumer Apps",
+    description:
+      "ApeChain public testnet (APE gas) on Arbitrum Orbit (Caldera infra)",
+    gasToken: "APE",
+    benefits: [
+      "Non-ETH gas token (good for comparisons)",
+      "Public Caldera + ApeChain RPC options",
+      "Great for benchmarking app-style workloads",
+    ],
+    recommended: true,
+  },
+  {
+    id: nitrogenTestnet.id,
+    name: "Nitrogen (Orbit Celestia) Testnet",
+    chain: nitrogenTestnet,
+    focus: "DA / Infra Experiments",
+    description:
+      "Arbitrum Orbit public testnet using Celestia DA (settles to Arbitrum Sepolia)",
+    gasToken: "ETH",
+    benefits: [
+      "Public RPC + explorer",
+      "Interesting Orbit + DA story for demos",
+      "Good baseline ETH-gas comparison vs other Orbit chains",
+    ],
+  },
+];
+
+export function getOrbitChain(chainId: number): OrbitChainInfo | undefined {
+  return orbitChains.find((chain) => chain.id === chainId);
+}
+
+export function isOrbitChain(chainId: number): boolean {
+  return orbitChains.some((chain) => chain.id === chainId);
+}

package/frontend/lib/output-formatter.ts

@@ -0,0 +1,68 @@
+/**
+ * Strip ANSI color codes from terminal output
+ */
+export function stripAnsiCodes(text: string | undefined): string {
+  if (!text) return "";
+  return text.replace(/\x1B\[[0-?]*[ -/]*[@-~]/g, "");
+}
+
+/**
+ * Format compilation time in human-readable format
+ */
+export function formatCompilationTime(ms: number): string {
+  if (ms < 1000) {
+    return `${ms}ms`;
+  }
+  const seconds = (ms / 1000).toFixed(2);
+  return `${seconds}s`;
+}
+
+/**
+ * Format file size in human-readable format
+ */
+export function formatFileSize(bytes: number): string {
+  const kb = bytes / 1024;
+  if (kb < 1024) {
+    return `${kb.toFixed(2)} KB`;
+  }
+  const mb = kb / 1024;
+  return `${mb.toFixed(2)} MB`;
+}
+
+/**
+ * Detect output type and apply appropriate styling
+ */
+export function getOutputStyle(data: string | undefined): {
+  isError: boolean;
+  isWarning: boolean;
+  isSuccess: boolean;
+} {
+  if (!data) return { isError: false, isWarning: false, isSuccess: false };
+
+  const cleanData = stripAnsiCodes(data).toLowerCase();
+
+  return {
+    isError: cleanData.includes("error") || cleanData.includes("failed"),
+    isWarning: cleanData.includes("warning"),
+    isSuccess: cleanData.includes("finished") || cleanData.includes("✓"),
+  };
+}
+
+/**
+ * Extract meaningful lines from cargo output
+ */
+export function formatCargoOutput(output: string | undefined): string {
+  if (!output) return "";
+
+  const lines = output.split("\n");
+  const filtered = lines.filter((line) => {
+    const clean = stripAnsiCodes(line).trim();
+    // Skip empty lines and build status lines
+    if (!clean || (clean.startsWith("Compiling") && !clean.includes("("))) {
+      return false;
+    }
+    return true;
+  });
+
+  return filtered.join("\n");
+}