sandbox-web-ide/frontend/lib/utils.ts

import { type ClassValue, clsx } from "clsx";
// import { toast } from "sonner"
import { twMerge } from "tailwind-merge";
import { Sandbox, TFile, TFolder } from "./types";
import ecsClient from "./ecs";
import { DescribeServicesCommand } from "@aws-sdk/client-ecs";

export function cn(...inputs: ClassValue[]) {
  return twMerge(clsx(inputs));
}

export function processFileType(file: string) {
  const ending = file.split(".").pop();

  if (ending === "ts" || ending === "tsx") return "typescript";
  if (ending === "js" || ending === "jsx") return "javascript";

  if (ending) return ending;
  return "plaintext";
}

export function validateName(
  newName: string,
  oldName: string,
  type: "file" | "folder"
) {
  if (newName === oldName || newName.length === 0) {
    return { status: false, message: "" };
  }
  if (
    newName.includes("/") ||
    newName.includes("\\") ||
    newName.includes(" ") ||
    (type === "file" && !newName.includes(".")) ||
    (type === "folder" && newName.includes("."))
  ) {
    return { status: false, message: "Invalid file name." };
  }
  return { status: true, message: "" };
}

export function addNew(
  name: string,
  type: "file" | "folder",
  setFiles: React.Dispatch<React.SetStateAction<(TFolder | TFile)[]>>,
  sandboxData: Sandbox
) {
  if (type === "file") {
    setFiles((prev) => [
      ...prev,
      { id: `projects/${sandboxData.id}/${name}`, name, type: "file" },
    ]);
  } else {
    console.log("adding folder");
    setFiles((prev) => [
      ...prev,
      {
        id: `projects/${sandboxData.id}/${name}`,
        name,
        type: "folder",
        children: [],
      },
    ]);
  }
}

// export async function startServer(
//   sandboxId: string,
//   userId: string,
//   callback: (success: boolean) => void
// ) {
//   try {
//     const res = await fetch("http://localhost:4001/start", {
//       method: "POST",
//       headers: {
//         "Content-Type": "application/json",
//       },
//       body: JSON.stringify({
//         sandboxId,
//         userId,
//       }),
//     });

//     if (res.status !== 200) {
//       console.error("Failed to start server", res);
//       callback(false);
//     }

//     callback(true);
//   } catch (error) {
//     console.error("Failed to start server", error);

//     callback(false);
//   }
// }

// const checkServiceStatus = (serviceName: string) => {
//   return new Promise((resolve, reject) => {

//     const command = new DescribeServicesCommand({
//       cluster: "arn:aws:ecs:us-east-1:767398085538:service/Sandbox/Sandbox",
//       services: [serviceName]
//     })

//     const interval = setInterval(async () => {
//       try {

//       const response = await ecsClient.send(command)

//       if (response.services && response.services.length > 0) {
//         const service = response.services?.[0];
//         if (service.runningCount === service.desiredCount && service.deployments.length === 1 && service.deployments[0].rolloutState === 'COMPLETED') {
//           clearInterval(interval);
//           resolve(service);
//         }
//       }

//       } catch (error) {
//         clearInterval(interval);
//         reject(error);
//       }
//     }, 5000); // Check every 5 seconds
//   });
// };