@replohq/sandbox-runtime 0.1.0 → 0.2.0

package/_vendor/schemas/generated/selectModeIframeRpc.d.ts

@@ -1,4 +1,4 @@
-import type { DisplayMode, SelectModeSelectionType, SelectModeOptimisticUpdatePayload, SelectModeFormatCommand, SelectableData, SelectModeBoundingRect, SelectModeClickPosition, SelectModeSelectionRect, SelectModeTiptapActiveMarks } from "./selectMode.ts";
+import type { DisplayMode, SelectModeSelectionType, SelectModeOptimisticUpdatePayload, SelectModeFormatCommand, SelectableData, SelectModeBoundingRect, SelectModeClickPosition, SelectModeSelectionRect, SelectModeTiptapActiveMarks } from "./selectMode";
 export type SelectModeParentMessage = {
     method: "setDisplayMode";
     data: {

package/next/component-preview.d.ts

@@ -0,0 +1,6 @@
+import type { ComponentType } from "react";
+export declare function createComponentPreviewPage(Component: ComponentType<Record<string, unknown>>): ({ searchParams, }: {
+    searchParams: Promise<{
+        props?: string | string[];
+    }>;
+}) => Promise<import("react/jsx-runtime").JSX.Element>;

package/next/component-preview.js

@@ -0,0 +1,38 @@
+import { jsx } from "react/jsx-runtime";
+const MAX_PREVIEW_PROPS_BYTES = 16 * 1024;
+const BLOCKED_PROP_NAMES = /* @__PURE__ */ new Set([
+  "__proto__",
+  "constructor",
+  "dangerouslySetInnerHTML"
+]);
+function getPreviewProps(value) {
+  if (value === null || typeof value !== "object" || Array.isArray(value)) {
+    return {};
+  }
+  return Object.fromEntries(
+    Object.entries(value).filter(([name]) => !BLOCKED_PROP_NAMES.has(name))
+  );
+}
+function parseProps(value) {
+  if (typeof value !== "string" || new TextEncoder().encode(value).byteLength > MAX_PREVIEW_PROPS_BYTES) {
+    return {};
+  }
+  try {
+    const parsed = JSON.parse(value);
+    return getPreviewProps(parsed);
+  } catch {
+    return {};
+  }
+}
+function createComponentPreviewPage(Component) {
+  return async function ComponentPreviewPage({
+    searchParams
+  }) {
+    const props = parseProps((await searchParams).props);
+    return /* @__PURE__ */ jsx(Component, { ...props });
+  };
+}
+export {
+  createComponentPreviewPage
+};
+//# sourceMappingURL=component-preview.js.map

package/next/component-preview.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../next/component-preview.tsx"],
+  "sourcesContent": ["import type { ComponentType } from \"react\";\n\nconst MAX_PREVIEW_PROPS_BYTES = 16 * 1024;\nconst BLOCKED_PROP_NAMES = new Set([\n  \"__proto__\",\n  \"constructor\",\n  \"dangerouslySetInnerHTML\",\n]);\n\nfunction getPreviewProps(value: unknown): Record<string, unknown> {\n  if (value === null || typeof value !== \"object\" || Array.isArray(value)) {\n    return {};\n  }\n\n  return Object.fromEntries(\n    Object.entries(value).filter(([name]) => !BLOCKED_PROP_NAMES.has(name)),\n  );\n}\n\nfunction parseProps(value: string | string[] | undefined) {\n  if (\n    typeof value !== \"string\" ||\n    new TextEncoder().encode(value).byteLength > MAX_PREVIEW_PROPS_BYTES\n  ) {\n    return {};\n  }\n  try {\n    const parsed: unknown = JSON.parse(value);\n    return getPreviewProps(parsed);\n  } catch {\n    return {};\n  }\n}\n\nexport function createComponentPreviewPage(\n  Component: ComponentType<Record<string, unknown>>,\n) {\n  return async function ComponentPreviewPage({\n    searchParams,\n  }: {\n    searchParams: Promise<{ props?: string | string[] }>;\n  }) {\n    const props = parseProps((await searchParams).props);\n    return <Component {...props} />;\n  };\n}\n"],
+  "mappings": "AA2CW;AAzCX,MAAM,0BAA0B,KAAK;AACrC,MAAM,qBAAqB,oBAAI,IAAI;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AACF,CAAC;AAED,SAAS,gBAAgB,OAAyC;AAChE,MAAI,UAAU,QAAQ,OAAO,UAAU,YAAY,MAAM,QAAQ,KAAK,GAAG;AACvE,WAAO,CAAC;AAAA,EACV;AAEA,SAAO,OAAO;AAAA,IACZ,OAAO,QAAQ,KAAK,EAAE,OAAO,CAAC,CAAC,IAAI,MAAM,CAAC,mBAAmB,IAAI,IAAI,CAAC;AAAA,EACxE;AACF;AAEA,SAAS,WAAW,OAAsC;AACxD,MACE,OAAO,UAAU,YACjB,IAAI,YAAY,EAAE,OAAO,KAAK,EAAE,aAAa,yBAC7C;AACA,WAAO,CAAC;AAAA,EACV;AACA,MAAI;AACF,UAAM,SAAkB,KAAK,MAAM,KAAK;AACxC,WAAO,gBAAgB,MAAM;AAAA,EAC/B,QAAQ;AACN,WAAO,CAAC;AAAA,EACV;AACF;AAEO,SAAS,2BACd,WACA;AACA,SAAO,eAAe,qBAAqB;AAAA,IACzC;AAAA,EACF,GAEG;AACD,UAAM,QAAQ,YAAY,MAAM,cAAc,KAAK;AACnD,WAAO,oBAAC,aAAW,GAAG,OAAO;AAAA,EAC/B;AACF;",
+  "names": []
+}

package/next/config.d.ts

@@ -0,0 +1,2 @@
+import type { NextConfig } from "next";
+export declare function withComponentPreviewPageExtension(config: NextConfig): NextConfig;

package/next/config.js

@@ -0,0 +1,18 @@
+const DEFAULT_PAGE_EXTENSIONS = ["tsx", "ts", "jsx", "js"];
+function getPageExtensions(configuredExtensions) {
+  const pageExtensions = (configuredExtensions ?? DEFAULT_PAGE_EXTENSIONS).filter((extension) => extension !== "dev.jsx");
+  if (process.env.BUILD_ENV !== "build") {
+    return ["dev.jsx", ...pageExtensions];
+  }
+  return configuredExtensions && pageExtensions.length > 0 ? pageExtensions : void 0;
+}
+function withComponentPreviewPageExtension(config) {
+  return {
+    ...config,
+    pageExtensions: getPageExtensions(config.pageExtensions)
+  };
+}
+export {
+  withComponentPreviewPageExtension
+};
+//# sourceMappingURL=config.js.map

package/next/config.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../next/config.ts"],
+  "sourcesContent": ["import type { NextConfig } from \"next\";\n\nconst DEFAULT_PAGE_EXTENSIONS = [\"tsx\", \"ts\", \"jsx\", \"js\"];\n\nfunction getPageExtensions(configuredExtensions: string[] | undefined) {\n  const pageExtensions = (\n    configuredExtensions ?? DEFAULT_PAGE_EXTENSIONS\n  ).filter((extension) => extension !== \"dev.jsx\");\n\n  if (process.env.BUILD_ENV !== \"build\") {\n    return [\"dev.jsx\", ...pageExtensions];\n  }\n  return configuredExtensions && pageExtensions.length > 0\n    ? pageExtensions\n    : undefined;\n}\n\nexport function withComponentPreviewPageExtension(\n  config: NextConfig,\n): NextConfig {\n  return {\n    ...config,\n    pageExtensions: getPageExtensions(config.pageExtensions),\n  };\n}\n"],
+  "mappings": "AAEA,MAAM,0BAA0B,CAAC,OAAO,MAAM,OAAO,IAAI;AAEzD,SAAS,kBAAkB,sBAA4C;AACrE,QAAM,kBACJ,wBAAwB,yBACxB,OAAO,CAAC,cAAc,cAAc,SAAS;AAE/C,MAAI,QAAQ,IAAI,cAAc,SAAS;AACrC,WAAO,CAAC,WAAW,GAAG,cAAc;AAAA,EACtC;AACA,SAAO,wBAAwB,eAAe,SAAS,IACnD,iBACA;AACN;AAEO,SAAS,kCACd,QACY;AACZ,SAAO;AAAA,IACL,GAAG;AAAA,IACH,gBAAgB,kBAAkB,OAAO,cAAc;AAAA,EACzD;AACF;",
+  "names": []
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@replohq/sandbox-runtime",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "description": "Replo sandbox runtime — editor integration for agent-built Next.js sites.",
   "license": "SEE LICENSE IN LICENSE",
   "type": "module",
@@ -10,6 +10,14 @@
       "types": "./sandbox-runtime.d.ts",
       "default": "./sandbox-runtime.js"
     },
+    "./next/component-preview": {
+      "types": "./next/component-preview.d.ts",
+      "default": "./next/component-preview.js"
+    },
+    "./next/config": {
+      "types": "./next/config.d.ts",
+      "default": "./next/config.js"
+    },
     "./package.json": "./package.json"
   },
   "dependencies": {