freestyle-sandboxes 0.0.96 → 0.1.0

package/dist/mastra/index.mjs

@@ -1,53 +0,0 @@
-import { z } from 'zod';
-import { e as executeCodeDescription, a as executeCodeSchema } from '../index-BKAG8L-o.mjs';
-import { FreestyleSandboxes } from '../index.mjs';
-import '@hey-api/client-fetch';
-
-var Tool = class {
-  id;
-  description;
-  inputSchema;
-  outputSchema;
-  execute;
-  mastra;
-  constructor(opts) {
-    this.id = opts.id;
-    this.description = opts.description;
-    this.inputSchema = opts.inputSchema;
-    this.outputSchema = opts.outputSchema;
-    this.execute = opts.execute;
-    this.mastra = opts.mastra;
-  }
-};
-function createTool(opts) {
-  return new Tool(opts);
-}
-
-const executeTool = (config) => {
-  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()
-    })
-  });
-};
-
-export { executeTool };

package/dist/react/dev-server/index..d.cts

@@ -1,33 +0,0 @@
-import React from 'react';
-
-type RequestDevServerActions = {
-    requestDevServer: (args: {
-        repoId: string;
-    }) => Promise<{
-        ephemeralUrl: string;
-        devCommandRunning: boolean;
-        installCommandRunning: boolean;
-    }>;
-};
-
-declare function DefaultLoadingComponent({ installCommandRunning, }: {
-    devCommandRunning: boolean;
-    installCommandRunning: boolean;
-    serverStarting: boolean;
-    iframeLoading: boolean;
-}): React.JSX.Element;
-interface FreestyleDevServerHandle {
-    refresh: () => void;
-}
-declare const FreestyleDevServer: React.ForwardRefExoticComponent<{
-    repoId: string;
-    loadingComponent?: (props: {
-        devCommandRunning: boolean;
-        installCommandRunning: boolean;
-        serverStarting: boolean;
-        iframeLoading: boolean;
-    }) => React.ReactNode;
-    actions: RequestDevServerActions;
-} & React.RefAttributes<FreestyleDevServerHandle>>;
-
-export { DefaultLoadingComponent, FreestyleDevServer, type FreestyleDevServerHandle };

package/dist/react/dev-server/index..d.mts

@@ -1,33 +0,0 @@
-import React from 'react';
-
-type RequestDevServerActions = {
-    requestDevServer: (args: {
-        repoId: string;
-    }) => Promise<{
-        ephemeralUrl: string;
-        devCommandRunning: boolean;
-        installCommandRunning: boolean;
-    }>;
-};
-
-declare function DefaultLoadingComponent({ installCommandRunning, }: {
-    devCommandRunning: boolean;
-    installCommandRunning: boolean;
-    serverStarting: boolean;
-    iframeLoading: boolean;
-}): React.JSX.Element;
-interface FreestyleDevServerHandle {
-    refresh: () => void;
-}
-declare const FreestyleDevServer: React.ForwardRefExoticComponent<{
-    repoId: string;
-    loadingComponent?: (props: {
-        devCommandRunning: boolean;
-        installCommandRunning: boolean;
-        serverStarting: boolean;
-        iframeLoading: boolean;
-    }) => React.ReactNode;
-    actions: RequestDevServerActions;
-} & React.RefAttributes<FreestyleDevServerHandle>>;
-
-export { DefaultLoadingComponent, FreestyleDevServer, type FreestyleDevServerHandle };

package/dist/react/dev-server/index.cjs

@@ -1,148 +0,0 @@
-'use strict';
-
-var reactQuery = require('@tanstack/react-query');
-var React = require('react');
-
-const queryClient = new reactQuery.QueryClient();
-function DefaultLoadingComponent({
-  installCommandRunning
-}) {
-  let loadingText = "Starting container...";
-  if (installCommandRunning) {
-    loadingText = "Installing dependencies...";
-  } else {
-    loadingText = "Starting dev server...";
-  }
-  return /* @__PURE__ */ React.createElement(
-    "div",
-    {
-      style: {
-        display: "flex",
-        flexDirection: "column",
-        alignItems: "center",
-        justifyContent: "center",
-        height: "100%"
-      }
-    },
-    loadingText
-  );
-}
-const FreestyleDevServer = React.forwardRef(({ loadingComponent, actions, repoId }, ref) => {
-  return /* @__PURE__ */ React.createElement(reactQuery.QueryClientProvider, { client: queryClient }, /* @__PURE__ */ React.createElement(
-    FreestyleDevServerInner,
-    {
-      ref,
-      loadingComponent: loadingComponent ?? DefaultLoadingComponent,
-      repoId,
-      actions
-    }
-  ));
-});
-const FreestyleDevServerInner = React.forwardRef(({ repoId, loadingComponent, actions: { requestDevServer } }, ref) => {
-  const { data, isLoading } = reactQuery.useQuery({
-    queryKey: ["dev-server", repoId],
-    queryFn: async () => await requestDevServer({ repoId }),
-    refetchInterval: 1e3
-  });
-  const iframeRef = React.useRef(null);
-  const [wasLoaded, setWasLoaded] = React.useState(false);
-  const [iframeLoaded, setIframeLoaded] = React.useState(false);
-  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]);
-  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 /* @__PURE__ */ React.createElement(
-    "div",
-    {
-      style: {
-        display: "grid",
-        gridTemplateRows: "1fr",
-        gridTemplateColumns: "1fr",
-        width: "100%",
-        height: "100%"
-      }
-    },
-    /* @__PURE__ */ React.createElement(
-      "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
-      })
-    ),
-    /* @__PURE__ */ React.createElement(
-      "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"
-        }
-      }
-    )
-  );
-});
-
-exports.DefaultLoadingComponent = DefaultLoadingComponent;
-exports.FreestyleDevServer = FreestyleDevServer;

package/dist/react/dev-server/index.d.cts

@@ -1,33 +0,0 @@
-import React from 'react';
-
-type RequestDevServerActions = {
-    requestDevServer: (args: {
-        repoId: string;
-    }) => Promise<{
-        ephemeralUrl: string;
-        devCommandRunning: boolean;
-        installCommandRunning: boolean;
-    }>;
-};
-
-declare function DefaultLoadingComponent({ installCommandRunning, }: {
-    devCommandRunning: boolean;
-    installCommandRunning: boolean;
-    serverStarting: boolean;
-    iframeLoading: boolean;
-}): React.JSX.Element;
-interface FreestyleDevServerHandle {
-    refresh: () => void;
-}
-declare const FreestyleDevServer: React.ForwardRefExoticComponent<{
-    repoId: string;
-    loadingComponent?: (props: {
-        devCommandRunning: boolean;
-        installCommandRunning: boolean;
-        serverStarting: boolean;
-        iframeLoading: boolean;
-    }) => React.ReactNode;
-    actions: RequestDevServerActions;
-} & React.RefAttributes<FreestyleDevServerHandle>>;
-
-export { DefaultLoadingComponent, FreestyleDevServer, type FreestyleDevServerHandle };

package/dist/react/dev-server/index.d.mts

@@ -1,33 +0,0 @@
-import React from 'react';
-
-type RequestDevServerActions = {
-    requestDevServer: (args: {
-        repoId: string;
-    }) => Promise<{
-        ephemeralUrl: string;
-        devCommandRunning: boolean;
-        installCommandRunning: boolean;
-    }>;
-};
-
-declare function DefaultLoadingComponent({ installCommandRunning, }: {
-    devCommandRunning: boolean;
-    installCommandRunning: boolean;
-    serverStarting: boolean;
-    iframeLoading: boolean;
-}): React.JSX.Element;
-interface FreestyleDevServerHandle {
-    refresh: () => void;
-}
-declare const FreestyleDevServer: React.ForwardRefExoticComponent<{
-    repoId: string;
-    loadingComponent?: (props: {
-        devCommandRunning: boolean;
-        installCommandRunning: boolean;
-        serverStarting: boolean;
-        iframeLoading: boolean;
-    }) => React.ReactNode;
-    actions: RequestDevServerActions;
-} & React.RefAttributes<FreestyleDevServerHandle>>;
-
-export { DefaultLoadingComponent, FreestyleDevServer, type FreestyleDevServerHandle };

package/dist/react/dev-server/index.mjs

@@ -1,145 +0,0 @@
-import { QueryClient, QueryClientProvider, useQuery } from '@tanstack/react-query';
-import React from 'react';
-
-const queryClient = new QueryClient();
-function DefaultLoadingComponent({
-  installCommandRunning
-}) {
-  let loadingText = "Starting container...";
-  if (installCommandRunning) {
-    loadingText = "Installing dependencies...";
-  } else {
-    loadingText = "Starting dev server...";
-  }
-  return /* @__PURE__ */ React.createElement(
-    "div",
-    {
-      style: {
-        display: "flex",
-        flexDirection: "column",
-        alignItems: "center",
-        justifyContent: "center",
-        height: "100%"
-      }
-    },
-    loadingText
-  );
-}
-const FreestyleDevServer = React.forwardRef(({ loadingComponent, actions, repoId }, ref) => {
-  return /* @__PURE__ */ React.createElement(QueryClientProvider, { client: queryClient }, /* @__PURE__ */ React.createElement(
-    FreestyleDevServerInner,
-    {
-      ref,
-      loadingComponent: loadingComponent ?? DefaultLoadingComponent,
-      repoId,
-      actions
-    }
-  ));
-});
-const FreestyleDevServerInner = React.forwardRef(({ repoId, loadingComponent, actions: { requestDevServer } }, ref) => {
-  const { data, isLoading } = useQuery({
-    queryKey: ["dev-server", repoId],
-    queryFn: async () => await requestDevServer({ repoId }),
-    refetchInterval: 1e3
-  });
-  const iframeRef = React.useRef(null);
-  const [wasLoaded, setWasLoaded] = React.useState(false);
-  const [iframeLoaded, setIframeLoaded] = React.useState(false);
-  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]);
-  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 /* @__PURE__ */ React.createElement(
-    "div",
-    {
-      style: {
-        display: "grid",
-        gridTemplateRows: "1fr",
-        gridTemplateColumns: "1fr",
-        width: "100%",
-        height: "100%"
-      }
-    },
-    /* @__PURE__ */ React.createElement(
-      "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
-      })
-    ),
-    /* @__PURE__ */ React.createElement(
-      "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"
-        }
-      }
-    )
-  );
-});
-
-export { DefaultLoadingComponent, FreestyleDevServer };