sandbox-web-ide/frontend/components/editor/index.tsx

"use client";

import dynamic from "next/dynamic";
import Loading from "@/components/editor/loading";
import { Sandbox, User } from "@/lib/types";
import { useEffect, useState } from "react";
import { toast } from "sonner";
import { getTaskIp, startServer } from "@/lib/actions";
import { checkServiceStatus } from "@/lib/utils";

const CodeEditor = dynamic(() => import("@/components/editor/editor"), {
  ssr: false,
  loading: () => <Loading />,
});

export default function Editor({
  isOwner,
  userData,
  sandboxData,
}: {
  isOwner: boolean;
  userData: User;
  sandboxData: Sandbox;
}) {
  const [isServiceRunning, setIsServiceRunning] = useState(false);
  const [isDeploymentActive, setIsDeploymentActive] = useState(false);
  const [taskIp, setTaskIp] = useState<string>();
  const [didFail, setDidFail] = useState(false);

  useEffect(() => {
    if (!isOwner) {
      toast.error("You are not the owner of this sandbox. (TEMPORARY)");
      setDidFail(true);
      return;
    }

    // startServer(sandboxData.id).then((response) => {
    //   if (!response.success) {
    //     toast.error(response.message);
    //     setDidFail(true);
    //   } else {
    //     setIsServiceRunning(true);

    //     checkServiceStatus(sandboxData.id)
    //       .then(() => {
    //         setIsDeploymentActive(true);

    //         getTaskIp(sandboxData.id)
    //           .then((ip) => {
    //             setTaskIp(ip);
    //           })
    //           .catch(() => {
    //             setDidFail(true);
    //             toast.error("An error occurred while getting your server IP.");
    //           });
    //       })
    //       .catch(() => {
    //         toast.error("An error occurred while initializing your server.");
    //         setDidFail(true);
    //       });
    //   }
    // });
  }, []);

  // if (didFail) return <Loading didFail={didFail} />;
  // if (!isServiceRunning || !isDeploymentActive || !taskIp)
  //   return (
  //     <Loading
  //       text="Creating sandbox resources"
  //       description={
  //         isDeploymentActive
  //           ? "Preparing server networking..."
  //           : isServiceRunning
  //           ? "Initializing server, this could take a minute..."
  //           : "Requesting your server creation..."
  //       }
  //     />
  //   );

  return (
    <CodeEditor
      ip={"localhost"}
      // ip={taskIp}
      userData={userData}
      sandboxData={sandboxData}
    />
  );
}