@poe-platform/safe-bash 0.1.704 → 0.1.705

package/dist/safe-playwright-cloudflare/browser-screenshot.generated.js

@@ -0,0 +1,35 @@
+/*! Derived from @cloudflare/playwright 1.3.6 screenshotter.js; Microsoft Corporation; Apache-2.0. */
+async function waitForBrowserScreenshotSize(frame, progress, expression) {
+    return frame.retryWithProgressAndTimeouts(progress, [100], async (continuePolling) => {
+        const result = await progress.race(frame.evaluateExpression(expression, { isFunction: true, world: 'utility' }));
+        return result || continuePolling;
+    });
+}
+export const browserScreenshotMethods = ({ async _preparePageForScreenshot(progress, frame, screenshotStyle, hideCaret, disableAnimations) {
+        if (disableAnimations)
+            progress.log("  disabled all CSS animations");
+        const syncAnimations = this._page.delegate.shouldToggleStyleSheetToSyncAnimations();
+        const script = `((__name => (${"function inPagePrepareForScreenshots(screenshotStyle, hideCaret, disableAnimations, syncAnimations) {\n  if (syncAnimations) {\n    const style = document.createElement(\"style\");\n    style.textContent = \"body {}\";\n    document.head.appendChild(style);\n    document.documentElement.getBoundingClientRect();\n    style.remove();\n  }\n  if (!screenshotStyle && !hideCaret && !disableAnimations)\n    return;\n  const collectRoots = (root, roots2 = []) => {\n    roots2.push(root);\n    const walker = document.createTreeWalker(root, NodeFilter.SHOW_ELEMENT);\n    do {\n      const node = walker.currentNode;\n      const shadowRoot = node instanceof Element ? node.shadowRoot : null;\n      if (shadowRoot)\n        collectRoots(shadowRoot, roots2);\n    } while (walker.nextNode());\n    return roots2;\n  };\n  const roots = collectRoots(document);\n  const cleanupCallbacks = [];\n  if (screenshotStyle) {\n    for (const root of roots) {\n      const styleTag = document.createElement(\"style\");\n      styleTag.textContent = screenshotStyle;\n      if (root === document)\n        document.documentElement.append(styleTag);\n      else\n        root.append(styleTag);\n      cleanupCallbacks.push(() => {\n        styleTag.remove();\n      });\n    }\n  }\n  if (hideCaret) {\n    const elements = /* @__PURE__ */ new Map();\n    for (const root of roots) {\n      root.querySelectorAll(\"input,textarea,[contenteditable]\").forEach((element) => {\n        elements.set(element, {\n          value: element.style.getPropertyValue(\"caret-color\"),\n          priority: element.style.getPropertyPriority(\"caret-color\")\n        });\n        element.style.setProperty(\"caret-color\", \"transparent\", \"important\");\n      });\n    }\n    cleanupCallbacks.push(() => {\n      for (const [element, value] of elements)\n        element.style.setProperty(\"caret-color\", value.value, value.priority);\n    });\n  }\n  if (disableAnimations) {\n    const infiniteAnimationsToResume = /* @__PURE__ */ new Set();\n    const handleAnimations = (root) => {\n      for (const animation of root.getAnimations()) {\n        if (!animation.effect || animation.playbackRate === 0 || infiniteAnimationsToResume.has(animation))\n          continue;\n        const endTime = animation.effect.getComputedTiming().endTime;\n        if (Number.isFinite(endTime)) {\n          try {\n            animation.finish();\n          } catch (e) {\n          }\n        } else {\n          try {\n            animation.cancel();\n            infiniteAnimationsToResume.add(animation);\n          } catch (e) {\n          }\n        }\n      }\n    };\n    for (const root of roots) {\n      const handleRootAnimations = handleAnimations.bind(null, root);\n      handleRootAnimations();\n      root.addEventListener(\"transitionrun\", handleRootAnimations);\n      root.addEventListener(\"animationstart\", handleRootAnimations);\n      cleanupCallbacks.push(() => {\n        root.removeEventListener(\"transitionrun\", handleRootAnimations);\n        root.removeEventListener(\"animationstart\", handleRootAnimations);\n      });\n    }\n    cleanupCallbacks.push(() => {\n      for (const animation of infiniteAnimationsToResume) {\n        try {\n          animation.play();\n        } catch (e) {\n        }\n      }\n    });\n  }\n  window.__pwCleanupScreenshot = () => {\n    for (const cleanupCallback of cleanupCallbacks)\n      cleanupCallback();\n    delete window.__pwCleanupScreenshot;\n  };\n}"}))(t => t))`;
+        await progress.race(this._page.safeNonStallingEvaluateInAllFrames("(" + script + `)(${JSON.stringify(screenshotStyle)}, ${hideCaret}, ${disableAnimations}, ${syncAnimations})`, "utility"));
+        try {
+            if (!process.env.PW_TEST_SCREENSHOT_NO_FONTS_READY) {
+                progress.log("waiting for fonts to load...");
+                await progress.race(frame.nonStallingEvaluateInExistingContext("document.fonts.ready", "utility").catch(() => {
+                }));
+                progress.log("fonts loaded");
+            }
+        }
+        catch (error) {
+            await this._restorePageAfterScreenshot();
+            throw error;
+        }
+    }, async _originalViewportSize(progress) {
+        let viewportSize = this._page.emulatedSize()?.viewport;
+        if (!viewportSize)
+            viewportSize = await waitForBrowserScreenshotSize(this._page.mainFrame(), progress, "() => ({ width: window.innerWidth, height: window.innerHeight })");
+        return viewportSize;
+    }, async _fullPageSize(progress) {
+        const fullPageSize = await waitForBrowserScreenshotSize(this._page.mainFrame(), progress, "() => {\n      if (!document.body || !document.documentElement)\n        return null;\n      return {\n        width: Math.max(\n          document.body.scrollWidth,\n          document.documentElement.scrollWidth,\n          document.body.offsetWidth,\n          document.documentElement.offsetWidth,\n          document.body.clientWidth,\n          document.documentElement.clientWidth\n        ),\n        height: Math.max(\n          document.body.scrollHeight,\n          document.documentElement.scrollHeight,\n          document.body.offsetHeight,\n          document.documentElement.offsetHeight,\n          document.body.clientHeight,\n          document.documentElement.clientHeight\n        )\n      };\n    }");
+        return fullPageSize;
+    } });
+export const prepareBrowserScreenshot = browserScreenshotMethods._preparePageForScreenshot;

package/dist/safe-playwright-cloudflare/browser-screenshot.js

@@ -0,0 +1,7 @@
+import { browserScreenshotMethods } from './browser-screenshot.generated.js';
+/** The pinned Worker provider owns its screenshotter locally, like its tracing server. */
+export function prepareBrowserScreenshots(page) {
+    const bridge = page;
+    const native = bridge._connection.toImpl(page);
+    Object.assign(native.screenshotter, browserScreenshotMethods);
+}

package/dist/safe-playwright-cloudflare/shell-playwright.js

@@ -5,6 +5,7 @@ import { captureBrowserSnapshotJSON } from "./browser-snapshot-json.js";
 import { captureBrowserTrace } from "./browser-trace.js";
 import { acquireCloudflareBrowser } from "./shell-browser-resource.js";
 import { browserProfileRuntime } from './browser-profile-runtime.js';
+import { prepareBrowserScreenshots } from './browser-screenshot.js';
 export function createCloudflarePlaywrightAdapter(binding, profiles, runtime, limits = { maxStorageBytes: 2 * 1024 * 1024 }) {
     if (!Number.isSafeInteger(limits.maxStorageBytes) || limits.maxStorageBytes < 1)
         throw new TypeError('Invalid Cloudflare storage byte limit');
@@ -88,6 +89,9 @@ function publicBrowser(browser) {
             // The acquired portable lease restores origins through held private targets.
             const { storageState: ignoredStorageState, ...contextOptions } = options ?? {};
             const context = await browser.newContext(contextOptions);
+            context.on('page', prepareBrowserScreenshots);
+            for (const page of context.pages())
+                prepareBrowserScreenshots(page);
             Object.defineProperty(context, 'browserProfile', { value: browserProfileRuntime(browser, context) });
             const acquireCDP = context.newCDPSession.bind(context);
             return Object.assign(context, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@poe-platform/safe-bash",
-  "version": "0.1.704",
+  "version": "0.1.705",
   "description": "Extensible virtual shell with pluggable filesystems and streaming commands",
   "type": "module",
   "license": "MIT",
@@ -378,7 +378,7 @@
     "access": "public"
   },
   "dependencies": {
-    "@poe-platform/safe-fs": "0.1.704",
+    "@poe-platform/safe-fs": "0.1.705",
     "pako": "3.0.1",
     "@types/node": "^25.2.2",
     "@noble/hashes": "2.4.0",