freestyle-sandboxes 0.0.97 → 0.1.0

package/src/langgraph/index.ts

@@ -1,33 +0,0 @@
-import { FreestyleExecuteScriptParamsConfiguration } from "../../openapi";
-import { FreestyleSandboxes } from "..";
-// import { DynamicStructuredTool, tool } from "@langchain/core/tools";
-import { z } from "zod";
-import { executeCodeDescription, executeCodeSchema } from "../ai";
-import { DynamicTool, tool } from "@langchain/core/tools";
-
-export const executeTool = (
-  config: FreestyleExecuteScriptParamsConfiguration & {
-    apiKey: string;
-  }
-): DynamicTool => {
-  const client = new FreestyleSandboxes({
-    apiKey: config.apiKey,
-  });
-
-  // @ts-expect-error dumb langraph
-  return tool(
-    async ({ script }) => {
-      return await client.executeScript(script, config);
-    },
-    {
-      name: "executeTool",
-      description: executeCodeDescription(
-        Object.keys(config.envVars ?? {}).join(", "),
-        Object.keys(config.nodeModules ?? {}).join(", ")
-      ),
-      schema: z.object({
-        script: z.string(),
-      }),
-    }
-  ) as unknown;
-};

package/src/mastra/index.ts

@@ -1,38 +0,0 @@
-import { createTool } from "@mastra/core";
-import { z } from "zod";
-import { executeCodeDescription, executeCodeSchema } from "../ai";
-import type { FreestyleExecuteScriptParamsConfiguration } from "../../openapi";
-import { FreestyleSandboxes } from "..";
-
-export const executeTool = (
-  config: FreestyleExecuteScriptParamsConfiguration & {
-    apiKey: string;
-  }
-) => {
-  const description = executeCodeDescription(
-    Object.keys(config.envVars ?? {}).join(", "),
-    Object.keys(config.nodeModules ?? {}).join(", ")
-  );
-
-  const client = new FreestyleSandboxes({
-    apiKey: config.apiKey,
-  });
-
-  return createTool({
-    id: "Execute a TypeScript or JavaScript Script",
-    description,
-    execute: async ({ context: { script } }) => {
-      return await client.executeScript(script, config);
-    },
-    inputSchema: executeCodeSchema,
-    outputSchema: z.object({
-      logs: z.array(
-        z.object({
-          message: z.string(),
-          type: z.string(),
-        })
-      ),
-      result: z.unknown(),
-    }),
-  });
-};

package/src/react/dev-server/index.tsx

@@ -1,195 +0,0 @@
-import {
-  QueryClient,
-  QueryClientProvider,
-  useQuery,
-} from "@tanstack/react-query";
-import React from "react";
-import { RequestDevServerActions } from "./types";
-
-const queryClient = new QueryClient();
-
-export function DefaultLoadingComponent({
-  installCommandRunning,
-}: {
-  devCommandRunning: boolean;
-  installCommandRunning: boolean;
-  serverStarting: boolean;
-  iframeLoading: boolean;
-}) {
-  let loadingText = "Starting container...";
-
-  if (installCommandRunning) {
-    loadingText = "Installing dependencies...";
-  } else {
-    loadingText = "Starting dev server...";
-  }
-
-  return (
-    <div
-      style={{
-        display: "flex",
-        flexDirection: "column",
-        alignItems: "center",
-        justifyContent: "center",
-        height: "100%",
-      }}
-    >
-      {loadingText}
-    </div>
-  );
-}
-
-export interface FreestyleDevServerHandle {
-  refresh: () => void;
-}
-
-export const FreestyleDevServer = React.forwardRef<
-  FreestyleDevServerHandle,
-  {
-    repoId: string;
-    loadingComponent?: (props: {
-      devCommandRunning: boolean;
-      installCommandRunning: boolean;
-      serverStarting: boolean;
-      iframeLoading: boolean;
-    }) => React.ReactNode;
-    actions: RequestDevServerActions;
-  }
->(({ loadingComponent, actions, repoId }, ref) => {
-  return (
-    <QueryClientProvider client={queryClient}>
-      <FreestyleDevServerInner
-        ref={ref}
-        loadingComponent={loadingComponent ?? DefaultLoadingComponent}
-        repoId={repoId}
-        actions={actions}
-      />
-    </QueryClientProvider>
-  );
-});
-
-const FreestyleDevServerInner = React.forwardRef<
-  FreestyleDevServerHandle,
-  {
-    repoId: string;
-    loadingComponent: (props: {
-      devCommandRunning: boolean;
-      installCommandRunning: boolean;
-      serverStarting: boolean;
-      iframeLoading: boolean;
-    }) => React.ReactNode;
-    actions: RequestDevServerActions;
-  }
->(({ repoId, loadingComponent, actions: { requestDevServer } }, ref) => {
-  const { data, isLoading } = useQuery({
-    queryKey: ["dev-server", repoId],
-    queryFn: async () => await requestDevServer({ repoId: repoId }),
-    refetchInterval: 1000,
-  });
-
-  const iframeRef = React.useRef<HTMLIFrameElement>(null);
-  const [wasLoaded, setWasLoaded] = React.useState(false);
-  const [iframeLoaded, setIframeLoaded] = React.useState(false);
-
-  // Function to refresh the iframe
-  const refreshIframe = React.useCallback(() => {
-    if (iframeRef.current && data?.ephemeralUrl) {
-      setIframeLoaded(false);
-      const currentSrc = iframeRef.current.src;
-      iframeRef.current.src = "";
-      setTimeout(() => {
-        if (iframeRef.current) {
-          iframeRef.current.src = currentSrc;
-        }
-      }, 50);
-    }
-  }, [data?.ephemeralUrl]);
-
-  // Expose refresh method through ref
-  React.useImperativeHandle(
-    ref,
-    () => ({
-      refresh: refreshIframe,
-    }),
-    [refreshIframe],
-  );
-
-  React.useMemo(() => {
-    if (data?.devCommandRunning) {
-      setWasLoaded(true);
-    }
-  }, [isLoading, data?.devCommandRunning]);
-
-  React.useEffect(() => {
-    function loadHandle() {
-      setIframeLoaded(true);
-    }
-
-    iframeRef.current?.addEventListener("load", loadHandle);
-    return () => {
-      iframeRef.current?.removeEventListener("load", loadHandle);
-    };
-  }, []);
-
-  if (isLoading) {
-    return loadingComponent({
-      devCommandRunning: false,
-      installCommandRunning: false,
-      serverStarting: true,
-      iframeLoading: false,
-    });
-  }
-
-  if (!data?.devCommandRunning && !wasLoaded) {
-    return loadingComponent({
-      devCommandRunning: data?.devCommandRunning ?? false,
-      installCommandRunning: data?.installCommandRunning ?? false,
-      serverStarting: false,
-      iframeLoading: false,
-    });
-  }
-
-  return (
-    <div
-      style={{
-        display: "grid",
-        gridTemplateRows: "1fr",
-        gridTemplateColumns: "1fr",
-        width: "100%",
-        height: "100%",
-      }}
-    >
-      {
-        <div
-          style={{
-            width: "100%",
-            height: "100%",
-            border: "none",
-            gridColumn: "1 / -1",
-            gridRow: "1 / -1",
-            visibility: iframeLoaded ? "hidden" : "visible",
-          }}
-        >
-          {loadingComponent({
-            devCommandRunning: data?.devCommandRunning ?? false,
-            installCommandRunning: data?.installCommandRunning ?? false,
-            serverStarting: false,
-            iframeLoading: true,
-          })}
-        </div>
-      }
-      <iframe
-        ref={iframeRef}
-        sandbox="allow-scripts allow-same-origin allow-forms"
-        src={data.ephemeralUrl}
-        style={{
-          width: "100%",
-          height: "100%",
-          border: "none",
-          gridColumn: "1 / -1",
-          gridRow: "1 / -1",
-        }}
-      />
-    </div>
-  );
-});

package/src/react/dev-server/types.ts

@@ -1,5 +0,0 @@
-export type RequestDevServerActions = {
-    requestDevServer: (args: {
-        repoId: string;
-    }) => Promise<{ ephemeralUrl: string; devCommandRunning: boolean; installCommandRunning: boolean; }>;
-};

package/src/utils/index.ts

@@ -1,97 +0,0 @@
-import * as sandbox_openapi from "../../openapi/index.ts";
-import { glob, globSync } from "glob";
-import * as fs from "fs/promises";
-import * as fsSync from "fs";
-import * as path from "path";
-
-export const prepareDirForDeployment = async (
-  directory: string
-): Promise<sandbox_openapi.DeploymentSource> => {
-  const files: sandbox_openapi.FreestyleDeployWebPayload["files"] = {};
-
-  const patterns = await glob("**/*", {
-    cwd: directory,
-    nodir: true,
-    ignore: ["**/node_modules/**"],
-    absolute: false,
-    dot: true,
-    posix: true,
-  });
-
-  for (const relativePath of patterns) {
-    try {
-      const filePath = path.join(directory, relativePath);
-      const content = await fs.readFile(filePath, "base64");
-      files[relativePath] = {
-        content,
-        encoding: "base64",
-      };
-    } catch (error) {
-      console.error(`Error reading file ${relativePath}:`, error);
-    }
-  }
-
-  return {
-    kind: "files",
-    files,
-  };
-};
-
-export const prepareDirForDeploymentSync = (
-  directory: string
-): sandbox_openapi.DeploymentSource => {
-  const files: sandbox_openapi.FreestyleDeployWebPayload["files"] = {};
-
-  const patterns = globSync("**/*", {
-    cwd: directory,
-    nodir: true,
-    ignore: ["**/node_modules/**"],
-    absolute: false,
-    dot: true,
-    posix: true,
-  });
-
-  for (const relativePath of patterns) {
-    try {
-      const filePath = path.join(directory, relativePath);
-      const content = fsSync.readFileSync(filePath, "base64");
-      files[relativePath] = {
-        content,
-        encoding: "base64",
-      };
-    } catch (error) {
-      console.error(`Error reading file ${relativePath}:`, error);
-    }
-  }
-
-  return {
-    kind: "files",
-    files,
-  };
-};
-
-/**
- * This is in beta, and may not work as expected. **SUBJECT TO CHANGE.**
- */
-export const prepareNextJsForDeployment = async (
-  directory: string
-): Promise<sandbox_openapi.DeploymentSource> => {
-  const publicDir = path.join(directory, "public");
-  const nextPublicDestination = path.join(directory, ".next/standalone/public");
-
-  const staticDir = path.join(directory, ".next/static");
-  const nextStaticDestination = path.join(
-    directory,
-    ".next/standalone/.next/static"
-  );
-
-  // now copy everything from publicDir to nextPublicDestination
-  // and everything from staticDir to nextStaticDestination
-  await fs.mkdir(nextPublicDestination, { recursive: true });
-  await fs.copyFile(publicDir, nextPublicDestination);
-
-  await fs.mkdir(nextStaticDestination, { recursive: true });
-  await fs.copyFile(staticDir, nextStaticDestination);
-
-  return await prepareDirForDeployment(directory);
-};

package/tsconfig.json

@@ -1,8 +0,0 @@
-{
-  "compilerOptions": {
-    "allowImportingTsExtensions": true,
-    "jsx": "react",
-    "lib": ["ESNext", "DOM"],
-    "esModuleInterop": true
-  }
-}