9f0b6a8fdc
* chore: rename utils.ts to fileoperations.ts * feat: replace node-pty with E2B sandboxes * added debounced function in the editor * fix: move socket connection to useRef * fix: wait until terminals are killed to close the container * fix: ensure container remains open until all owner connections are closed * fix: sync files to container instead of local file system * fix: set project file permissions so that they belong to the terminal user * fix: use the container URL for the preview panel * fix: count only the current user's sandboxes towards the limit * fix: remove hardcoded reference to localhost * fix: add error handling to the backend * docs: add information about E2B --------- Co-authored-by: Akhilesh Rangani <akhileshrangani4@gmail.com>
73 lines
1.8 KiB
TypeScript
73 lines
1.8 KiB
TypeScript
import { type ClassValue, clsx } from "clsx"
|
|
// import { toast } from "sonner"
|
|
import { twMerge } from "tailwind-merge"
|
|
import { Sandbox, TFile, TFolder } from "./types"
|
|
|
|
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 function debounce<T extends (...args: any[]) => void>(func: T, wait: number): T {
|
|
let timeout: NodeJS.Timeout | null = null;
|
|
return function (...args: Parameters<T>) {
|
|
if (timeout) {
|
|
clearTimeout(timeout);
|
|
}
|
|
timeout = setTimeout(() => func(...args), wait);
|
|
} as T;
|
|
} |