feat: Upgrade puppeteer-core to latest

packages/storycap/src/node/capturing-browser.ts

@@ -372,7 +372,8 @@ export class CapturingBrowser extends StoryPreviewBrowser {
     let emittedScreenshotOptions: ScreenshotOptions | undefined;
     this.resourceWatcher.clear();
 
-    function onConsoleLog(msg: ConsoleMessage) {
+    function onConsoleLog(_msg: any) {
+      const msg = _msg as ConsoleMessage;
       const niceMessage = `From ${requestId} (${msg.type()}): ${msg.text()}`;
 
       if (forwardConsoleLogs) {
@@ -468,6 +469,8 @@ export class CapturingBrowser extends StoryPreviewBrowser {
       let buffer: Buffer | null = null;
       if (Buffer.isBuffer(rawBuffer)) {
         buffer = rawBuffer;
+      } else if (rawBuffer instanceof Uint8Array) {
+        buffer = Buffer.from(rawBuffer);
       }
 
       // We should reset elements state(e.g. focusing, hovering, clicking) for future screenshot for this story.
@@ -490,7 +493,9 @@ export class CapturingBrowser extends StoryPreviewBrowser {
 
         // Calculate the suffix and save the trace to the file.
         const suffix = variantKey.isDefault && defaultVariantSuffix ? [defaultVariantSuffix] : variantKey.keys;
-        await fileSystem.saveTrace(story.kind, story.story, suffix, traceBuffer);
+        if (traceBuffer) {
+          await fileSystem.saveTrace(story.kind, story.story, suffix, Buffer.from(traceBuffer));
+        }
       }
     }
   }

packages/storycrawler/package.json

@@ -50,7 +50,7 @@
   },
   "dependencies": {
     "chalk": "^2.4.1",
-    "puppeteer-core": "^9.0.0",
+    "puppeteer-core": "^23.2.1",
     "wait-on": "^7.0.0"
   },
   "jest": {

packages/storycrawler/src/browser/devices.ts

@@ -6,6 +6,7 @@ import type { Viewport } from 'puppeteer-core';
  *
  */
 export function getDeviceDescriptors() {
-  const dd = require('puppeteer-core').devices as Record<string, { name: string; viewport: Viewport }>;
+  const pc = require('puppeteer-core');
+  const dd = (pc.KnownDevices || pc.devices) as Record<string, { name: string; viewport: Viewport }>;
   return Object.values(dd);
 }

packages/storycrawler/src/browser/stories-browser.ts

@@ -1,3 +1,4 @@
+import { setTimeout as nodeSetTimeout } from 'node:timers/promises';
 import { BaseBrowser, BaseBrowserOptions } from './base-browser';
 import { Logger } from '../logger';
 import { NoStoriesError, StoriesTimeoutError } from '../errors';
@@ -77,7 +78,7 @@ export class StoriesBrowser extends BaseBrowser {
         timeout: 60_000,
       },
     );
-    await this.page.waitForTimeout(500);
+    await nodeSetTimeout(500);
     await this.page.evaluate(() => {
       const api = (window as ExposedWindow).__STORYBOOK_CLIENT_API__ || (window as ExposedWindow).__STORYBOOK_PREVIEW__;
       function isPreviewApi(api: API | PreviewAPI): api is PreviewAPI {

yarn.lock

@@ -8397,7 +8397,7 @@ punycode@^2.1.0, punycode@^2.1.1:
   resolved "https://registry.yarnpkg.com/punycode/-/punycode-2.3.1.tgz#027422e2faec0b25e1549c3e1bd8309b9133b6e5"
   integrity sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==
 
-[email protected]:
+[email protected], puppeteer-core@^23.2.1:
   version "23.2.1"
   resolved "https://registry.yarnpkg.com/puppeteer-core/-/puppeteer-core-23.2.1.tgz#ba77f439f36b59d23c50186460d7538b938442e8"
   integrity sha512-AIFWfQ4Sq+En+OgqIUy8VJmD8yJHMDyt+qEmEVKW07zu5DKDNqysO7fzBZp0W85ShJTUlUf+RleKl4XLwFpUPA==