@replohq/sandbox-runtime 1.20.0 → 1.22.0

package/comments-overlay/vendor/fiberElement.js

@@ -0,0 +1,251 @@
+/*!
+ * Copyright (c) 2025 Aiden Bai
+ * SPDX-License-Identifier: MIT
+ * https://github.com/aidenybai/react-grab
+ */
+import {
+  getDisplayName,
+  getFiberFromHostInstance,
+  getLatestFiber,
+  isCompositeFiber,
+  isFiber,
+  normalizeFileName
+} from "./bippy";
+const MAX_OWNER_DEPTH = 80;
+const MAX_COMPONENT_CHAIN_LENGTH = 10;
+const LIST_ITEM_KEY_MAX_LENGTH_CHARS = 120;
+function isShadowRoot(node) {
+  return typeof ShadowRoot !== "undefined" && node instanceof ShadowRoot;
+}
+function findNearestFiberElement(element) {
+  let current = element;
+  while (current?.ownerDocument === element.ownerDocument) {
+    if (getFiberFromHostInstance(current)) {
+      return current;
+    }
+    if (current.parentElement) {
+      current = current.parentElement;
+      continue;
+    }
+    const rootNode = current.getRootNode();
+    current = isShadowRoot(rootNode) ? rootNode.host : null;
+  }
+  return element;
+}
+function getElementFiber(element) {
+  const fiber = getFiberFromHostInstance(element);
+  return fiber ? getLatestFiber(fiber) : null;
+}
+function hasKeyedSibling(fiber) {
+  let sibling = fiber.return?.child ?? null;
+  while (sibling) {
+    if (sibling !== fiber && sibling.key !== null) {
+      return true;
+    }
+    sibling = sibling.sibling;
+  }
+  return false;
+}
+function findNearestListItemKey(startingFiber) {
+  let fiber = startingFiber;
+  let componentBoundariesCrossed = 0;
+  while (fiber) {
+    if (fiber.key !== null && hasKeyedSibling(fiber)) {
+      return String(fiber.key).slice(0, LIST_ITEM_KEY_MAX_LENGTH_CHARS);
+    }
+    if (isCompositeFiber(fiber)) {
+      componentBoundariesCrossed += 1;
+      if (componentBoundariesCrossed === 2) {
+        break;
+      }
+    }
+    fiber = fiber.return;
+  }
+  return null;
+}
+const NON_COMPONENT_PREFIXES = [
+  "_",
+  "$",
+  "motion.",
+  "styled.",
+  "chakra.",
+  "ark.",
+  "Primitive.",
+  "Slot."
+];
+const NEXT_INTERNAL_COMPONENT_NAMES = /* @__PURE__ */ new Set([
+  "AppRouter",
+  "AppRouterAnnouncer",
+  "AppDevOverlay",
+  "AppDevOverlayErrorBoundary",
+  "ClientPageRoot",
+  "ClientSegmentRoot",
+  "DevRootHTTPAccessFallbackBoundary",
+  "ErrorBoundary",
+  "ErrorBoundaryHandler",
+  "GracefulDegradeBoundary",
+  "HTTPAccessErrorFallback",
+  "HTTPAccessFallbackBoundary",
+  "HTTPAccessFallbackErrorBoundary",
+  "HandleRedirect",
+  "Head",
+  "HistoryUpdater",
+  "HotReload",
+  "InnerLayoutRouter",
+  "InnerScrollAndFocusHandler",
+  "InnerScrollAndFocusHandlerOld",
+  "InnerScrollAndMaybeFocusHandler",
+  "InnerScrollHandlerNew",
+  "LinkComponent",
+  "LoadableComponent",
+  "LoadingBoundary",
+  "LoadingBoundaryProvider",
+  "NotAllowedRootHTTPFallbackError",
+  "OfflineProvider",
+  "OuterLayoutRouter",
+  "RedirectBoundary",
+  "RedirectErrorBoundary",
+  "RenderFromTemplateContext",
+  "RenderValidationBoundaryAtThisLevel",
+  "ReplaySsrOnlyErrors",
+  "RootErrorBoundary",
+  "RootLevelDevOverlayElement",
+  "Router",
+  "ScrollAndFocusHandler",
+  "ScrollAndMaybeFocusHandler",
+  "SegmentBoundaryTrigger",
+  "SegmentBoundaryTriggerNode",
+  "SegmentStateProvider",
+  "SegmentTrieNode",
+  "SegmentViewNode",
+  "SegmentViewStateNode",
+  "ServerRoot",
+  "body",
+  "html"
+]);
+const PLACEHOLDER_COMPONENT_NAMES = /* @__PURE__ */ new Set([
+  "<anonymous>",
+  "<unknown>",
+  "Anonymous",
+  "Unknown"
+]);
+const REACT_INTERNAL_COMPONENT_NAMES = /* @__PURE__ */ new Set([
+  "Suspense",
+  "Fragment",
+  "StrictMode",
+  "Profiler",
+  "SuspenseList"
+]);
+const LIBRARY_INTERNAL_COMPONENT_NAMES = /* @__PURE__ */ new Set([
+  "MotionDOMComponent",
+  "Slot",
+  "SlotClone"
+]);
+const LIBRARY_INTERNAL_COMPONENT_SUFFIXES = [
+  ".Consumer",
+  ".Context",
+  ".Provider",
+  ".Slot",
+  ".SlotClone",
+  ".Slottable",
+  "ProviderProvider"
+];
+function isInternalComponentName(name, isNextProject) {
+  return PLACEHOLDER_COMPONENT_NAMES.has(name) || isNextProject && NEXT_INTERNAL_COMPONENT_NAMES.has(name) || REACT_INTERNAL_COMPONENT_NAMES.has(name) || LIBRARY_INTERNAL_COMPONENT_NAMES.has(name) || LIBRARY_INTERNAL_COMPONENT_SUFFIXES.some((suffix) => {
+    return name.endsWith(suffix);
+  }) || NON_COMPONENT_PREFIXES.some((prefix) => name.startsWith(prefix));
+}
+function isUsefulComponentName(name, isNextProject) {
+  return name.length > 1 && name[0] === name[0]?.toUpperCase() && !isInternalComponentName(name, isNextProject);
+}
+let cachedIsNextProject;
+function hasNextAssetScript(allowCrossOrigin) {
+  const documentUrl = new URL(document.baseURI);
+  return Array.from(document.scripts).some((script) => {
+    if (!script.src) {
+      return false;
+    }
+    try {
+      const scriptUrl = new URL(script.src, documentUrl);
+      return (allowCrossOrigin || scriptUrl.origin === documentUrl.origin) && scriptUrl.pathname.includes("/_next/static/");
+    } catch {
+      return false;
+    }
+  });
+}
+function isNextProjectRuntime() {
+  cachedIsNextProject ??= typeof document !== "undefined" && Boolean(
+    document.getElementById("__NEXT_DATA__") || document.querySelector("nextjs-portal") || hasNextAssetScript(false) || Array.from(document.scripts).some((script) => {
+      return script.textContent?.includes("self.__next_f.push");
+    }) && hasNextAssetScript(true)
+  );
+  return cachedIsNextProject;
+}
+const BUNDLER_LAYER_PREFIX_REGEX = /^(?:\.\/)?\/?\([a-z][a-z0-9-]*\)\//;
+function normalizeFilePath(fileName) {
+  const normalized = normalizeFileName(fileName).replace(
+    BUNDLER_LAYER_PREFIX_REGEX,
+    ""
+  );
+  return normalized.startsWith("./") ? normalized.slice(2) : normalized;
+}
+function getOwnerName(owner) {
+  if (isFiber(owner)) {
+    return isCompositeFiber(owner) ? getDisplayName(owner.type) : null;
+  }
+  return owner.name || null;
+}
+function getNextOwner(owner) {
+  return (isFiber(owner) ? owner._debugOwner : owner.owner) ?? null;
+}
+function getComponentChain(fiber) {
+  const isNextProject = isNextProjectRuntime();
+  const names = [];
+  const push = (name) => {
+    if (name && isUsefulComponentName(name, isNextProject) && names.at(-1) !== name) {
+      names.push(name);
+    }
+  };
+  const seen = /* @__PURE__ */ new Set();
+  let owner = fiber._debugOwner ?? null;
+  for (let depth = 0; owner && depth < MAX_OWNER_DEPTH && names.length < MAX_COMPONENT_CHAIN_LENGTH; depth++) {
+    if (seen.has(owner)) {
+      break;
+    }
+    seen.add(owner);
+    push(getOwnerName(owner));
+    owner = getNextOwner(owner);
+  }
+  if (names.length > 0) {
+    return names;
+  }
+  let ancestor = fiber.return;
+  for (let depth = 0; ancestor && depth < MAX_OWNER_DEPTH && names.length < MAX_COMPONENT_CHAIN_LENGTH; depth++) {
+    if (isCompositeFiber(ancestor)) {
+      push(getDisplayName(ancestor.type));
+    }
+    ancestor = ancestor.return;
+  }
+  return names;
+}
+function getNearestOwnerFiber(fiber) {
+  const owner = fiber._debugOwner;
+  if (owner && isFiber(owner)) {
+    return owner;
+  }
+  let ancestor = fiber.return;
+  while (ancestor && !isCompositeFiber(ancestor)) {
+    ancestor = ancestor.return;
+  }
+  return ancestor;
+}
+export {
+  findNearestFiberElement,
+  findNearestListItemKey,
+  getComponentChain,
+  getElementFiber,
+  getNearestOwnerFiber,
+  isNextProjectRuntime,
+  isUsefulComponentName,
+  normalizeFilePath
+};

package/comments-overlay/vendor/htmlPreview.d.ts

@@ -0,0 +1,13 @@
+/*!
+ * Copyright (c) 2025 Aiden Bai
+ * SPDX-License-Identifier: MIT
+ * https://github.com/aidenybai/react-grab
+ */
+export declare const PREVIEW_TEXT_MAX_LENGTH = 100;
+/**
+ * Visible text for a preview: direct text for most tags, descendant text for
+ * text-wrapping tags (buttons, links, labels, code).
+ */
+export declare function getPreviewTextContent(element: Element): string;
+/** One-line HTML preview: at most 8 prioritized attributes and 100 characters of text. */
+export declare function getInlineHTMLPreview(element: Element): string;

package/comments-overlay/vendor/htmlPreview.js

@@ -0,0 +1,179 @@
+/*!
+ * Copyright (c) 2025 Aiden Bai
+ * SPDX-License-Identifier: MIT
+ * https://github.com/aidenybai/react-grab
+ */
+const PREVIEW_TEXT_MAX_LENGTH = 100;
+const PREVIEW_ATTR_VALUE_MAX_LENGTH = 15;
+const PREVIEW_IDENTIFYING_ATTR_VALUE_MAX_LENGTH_CHARS = 120;
+const PREVIEW_ATTRIBUTE_MAX_COUNT = 8;
+const PREVIEW_PRIORITY_ATTRS = [
+  "id",
+  "class",
+  "aria-label",
+  "data-testid",
+  "role",
+  "name",
+  "title"
+];
+const PREVIEW_IDENTIFYING_ATTRS = /* @__PURE__ */ new Set([
+  "id",
+  "data-testid",
+  "aria-label",
+  "href",
+  "src",
+  "alt",
+  "type",
+  "name",
+  "placeholder",
+  "role",
+  "for",
+  "action",
+  "method",
+  "title",
+  "disabled",
+  "checked",
+  "readonly",
+  "required",
+  "selected",
+  "open"
+]);
+const PREVIEW_DESCENDANT_TEXT_TAGS = /* @__PURE__ */ new Set([
+  "a",
+  "button",
+  "code",
+  "label",
+  "option",
+  "pre",
+  "summary",
+  "text"
+]);
+const PREVIEW_SKIPPED_TEXT_TAGS = /* @__PURE__ */ new Set([
+  "script",
+  "style",
+  "template",
+  "noscript"
+]);
+const TRUNCATION_SUFFIX = "...";
+function escapeHtmlText(text) {
+  return text.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+}
+function escapeHtmlAttribute(value) {
+  return escapeHtmlText(value).replace(/"/g, "&quot;").replace(/\r/g, "&#13;").replace(/\n/g, "&#10;").replace(/\t/g, "&#9;");
+}
+function truncateEscapedHtml(escapedHtml, maxLength) {
+  if (escapedHtml.length <= maxLength) {
+    return escapedHtml;
+  }
+  const truncated = escapedHtml.slice(
+    0,
+    Math.max(0, maxLength - TRUNCATION_SUFFIX.length)
+  );
+  const lastEntityStart = truncated.lastIndexOf("&");
+  const complete = lastEntityStart > truncated.lastIndexOf(";") ? truncated.slice(0, lastEntityStart) : truncated;
+  return `${complete}${TRUNCATION_SUFFIX}`.slice(0, maxLength);
+}
+function collapseText(text) {
+  return text.replace(/\s+/g, " ").trim();
+}
+function shouldSkipElementText(element) {
+  return element.getAttribute("aria-hidden") === "true" || element.hasAttribute("hidden") || PREVIEW_SKIPPED_TEXT_TAGS.has(element.tagName.toLowerCase());
+}
+function getDirectTextContent(element) {
+  const parts = [];
+  for (const node of Array.from(element.childNodes)) {
+    if (node.nodeType === Node.TEXT_NODE) {
+      const text = collapseText(node.textContent ?? "");
+      if (text) {
+        parts.push(text);
+      }
+    }
+  }
+  return parts.join(" ");
+}
+function collectDescendantText(node, parts, budget) {
+  if (node.nodeType === Node.TEXT_NODE) {
+    const text = collapseText(node.textContent ?? "");
+    if (!text) {
+      return budget;
+    }
+    parts.push(text);
+    return budget - text.length;
+  }
+  if (!(node instanceof Element) || shouldSkipElementText(node)) {
+    return budget;
+  }
+  let remaining = budget;
+  for (const child of Array.from(node.childNodes)) {
+    remaining = collectDescendantText(child, parts, remaining);
+    if (remaining <= 0) {
+      break;
+    }
+  }
+  return remaining;
+}
+function getPreviewTextContent(element) {
+  if (shouldSkipElementText(element)) {
+    return "";
+  }
+  const tagName = element.tagName.toLowerCase();
+  const directText = getDirectTextContent(element);
+  if (!PREVIEW_DESCENDANT_TEXT_TAGS.has(tagName)) {
+    return directText;
+  }
+  if (directText && element.children.length === 0) {
+    return directText;
+  }
+  const parts = [];
+  collectDescendantText(element, parts, PREVIEW_TEXT_MAX_LENGTH);
+  return parts.join(" ");
+}
+function formatAttribute(name, value, maxLength) {
+  return `${name}="${truncateEscapedHtml(escapeHtmlAttribute(value), maxLength)}"`;
+}
+function formatAttrsForPreview(element) {
+  const priorityParts = [];
+  for (const name of PREVIEW_PRIORITY_ATTRS) {
+    const value = element.getAttribute(name);
+    if (value) {
+      priorityParts.push(
+        ` ${formatAttribute(
+          name,
+          value,
+          name === "class" ? PREVIEW_ATTR_VALUE_MAX_LENGTH : PREVIEW_IDENTIFYING_ATTR_VALUE_MAX_LENGTH_CHARS
+        )}`
+      );
+    }
+  }
+  const identifyingParts = [];
+  const remainingParts = [];
+  for (const { name, value } of Array.from(element.attributes)) {
+    if (PREVIEW_PRIORITY_ATTRS.includes(name) || name === "style" || name.startsWith("data-replo-comments")) {
+      continue;
+    }
+    if (PREVIEW_IDENTIFYING_ATTRS.has(name)) {
+      identifyingParts.push(
+        value ? ` ${formatAttribute(name, value, PREVIEW_IDENTIFYING_ATTR_VALUE_MAX_LENGTH_CHARS)}` : ` ${name}`
+      );
+    } else if (value) {
+      remainingParts.push(
+        ` ${formatAttribute(name, value, PREVIEW_ATTR_VALUE_MAX_LENGTH)}`
+      );
+    }
+  }
+  return [...priorityParts, ...identifyingParts, ...remainingParts].slice(0, PREVIEW_ATTRIBUTE_MAX_COUNT).join("");
+}
+function getInlineHTMLPreview(element) {
+  const tagName = element.tagName.toLowerCase();
+  const text = truncateEscapedHtml(
+    escapeHtmlText(getPreviewTextContent(element)),
+    PREVIEW_TEXT_MAX_LENGTH
+  );
+  const attrs = formatAttrsForPreview(element);
+  return text ? `<${tagName}${attrs}>${text}</${tagName}>` : `<${tagName}${attrs} />`;
+}
+export {
+  PREVIEW_TEXT_MAX_LENGTH,
+  getInlineHTMLPreview,
+  getPreviewTextContent
+};

package/comments-overlay/vendor/selector.d.ts

@@ -0,0 +1,38 @@
+/*!
+ * Copyright (c) 2025 Aiden Bai
+ * SPDX-License-Identifier: MIT
+ * https://github.com/aidenybai/react-grab
+ */
+export declare const FINDER_TIMEOUT_MS = 200;
+/** Rejects ids that frameworks generate per render (useId, Radix, MUI, …). */
+export declare function isStableElementId(elementId: string): boolean;
+/**
+ * The fast semantic pass: a stable `#id`, then the preferred attributes
+ * (`data-testid`, `aria-label`, `href`, interactive `role`, …), each verified
+ * unique in the document. Null when nothing semantic identifies the element.
+ */
+export declare function createSemanticSelector(element: Element): string | null;
+/**
+ * Climbs from `element` to the nearest identifiable ancestor (a stable id,
+ * a preferred attribute, an interactive role or a form control) that
+ * `isCandidateAccepted` takes, stopping before overly broad containers.
+ */
+export declare function findSelectorTarget(element: Element, isCandidateAccepted?: (candidate: Element) => boolean): Element;
+/** Climbs to `ancestor`, or to the top of the element's root when it is null. */
+export declare function buildRelativeNthOfTypePath(ancestor: Element | null, element: Element): string;
+/**
+ * React Grab's nearest-semantic pass: the element's own semantic selector, or
+ * the nearest identifiable ancestor's followed by the structural path down to
+ * the element. Unlike React Grab, the result always selects the element itself
+ * (verified unique), so it can serve as an anchor signal.
+ */
+export declare function createNearestSemanticSelector(element: Element): string | null;
+/**
+ * Finder-style search: the cheapest unique combination of id / word-like
+ * class / accepted attribute / tag / nth-of-type / nth-child segments over the
+ * element's ancestors, within a time budget. Null when nothing unique turns up
+ * in time.
+ */
+export declare function findUniqueSelector(target: Element, timeoutMs?: number): string | null;
+/** Last resort: an nth-child chain from the element to an id or the body. */
+export declare function createNthChildSelector(element: Element): string;