staylor

import { spawn } from "node:child_process";
import http from "node:http";
import { setTimeout as sleep } from "node:timers/promises";

import playwright from "playwright-core";

const { chromium } = playwright;
const LIGHTPANDA_BIN = process.env.LIGHTPANDA_BIN ?? "../zig-out/bin/lightpanda";
const COUNT = Number(process.env.COUNT ?? "20000");
const CLOSE_TIMEOUT_MS = Number(process.env.CLOSE_TIMEOUT_MS ?? "5100");

staylor

import { spawn } from "node:child_process";
import http from "node:http";
import net from "node:net";
import { setTimeout as sleep } from "node:timers/promises";

import playwright from "playwright-core";

const { chromium } = playwright;
const LIGHTPANDA_BIN = process.env.LIGHTPANDA_BIN ?? "lightpanda";
const CDP_PORT = Number(process.env.CDP_PORT ?? "9222");

staylor

import { chromium } from 'playwright-core';

const URL = process.env.URL || 'https://www.allbirds.com/products/mens-wool-runners';
const CDP = process.env.CDP || 'http://127.0.0.1:9222';
const WAIT = process.env.WAIT || 'load'; // 'load' | 'domcontentloaded' | 'commit' | 'networkidle'
const TIMEOUT = +(process.env.TIMEOUT_MS || '30000');

console.log(`[repro] CDP=${CDP} URL=${URL} waitUntil=${WAIT} timeout=${TIMEOUT}`);
const browser = await chromium.connectOverCDP(CDP);
const ctx = browser.contexts()[0] ?? await browser.newContext();

staylor

{
  "bundlesize": [
    {
      "path": "./build/public/vi-assets/static-assets/story-*.js",
      "maxSize": "310 Kb"
    },
    {
      "path": "./build/public/vi-assets/static-assets/vendor-*.js",
      "maxSize": "240 Kb"
    },

staylor

Webpack

• AutoDll - used in dev for react and react-dom
• ChunkNames - used to patch Webpack 4 to behave like Webpack 3
• ReactLoadable - code-splitting
• WebpackBar - sick UX for build progress
• FriendlyErrors - makes some Webpack error messages less cryptic
• NextJsRequireCacheHotReloader - deletes entries from require.cache on server
• HotModuleReplacement - client hot-reloading
• NoEmitOnErrors - skips emitting errors during the compile phase

staylor

{
  "scripts": {
    "develop": "rimraf public && gatsby develop",
    "auth": "gcloud auth login",
    "project": "gcloud config set project $GCP_PROJECT",
    "build": "rimraf public && gatsby build",
    "upload": "gsutil -m rsync -r ./public $UPLOAD_URL",
    "tasks": "yarn project && yarn build && yarn upload",
    "dev": "env-cmd dev yarn develop",
    "dev-static": "env-cmd dev-static yarn build",

staylor

{
  "dev": {
    "OPEN_WEATHER_MAP_API_KEY": "1254323hrgnr3y2h4thy42y5y24",
    "SITE_URL": "http://localhost:8000"
  },
  "dev-static": {
    "OPEN_WEATHER_MAP_API_KEY": "1254323hrgnr3y2h4thy42y5y24",
    "SITE_URL": "http://localhost:9000"
  },
  "production": {

staylor

{
  "scripts": {
    "develop": "rimraf public && gatsby develop",
    "build": "rimraf public && gatsby build",
    "dev": "env-cmd dev yarn develop",
    "dev-static": "env-cmd dev-static yarn build",
    "production": "env-cmd production yarn build"
  }
}

staylor

{
  "dev": {
    "OPEN_WEATHER_MAP_API_KEY": "1254323hrgnr3y2h4thy42y5y24",
    "SITE_URL": "http://localhost:8000"
  },
  "dev-static": {
    "OPEN_WEATHER_MAP_API_KEY": "1254323hrgnr3y2h4thy42y5y24",
    "SITE_URL": "http://localhost:9000"
  },
  "production": {

staylor

module.exports = {
  siteMetadata: {
    title: 'Hello World',
    description: 'This is my hello world site',
    siteUrl: process.env.SITE_URL,
    openWeatherMapApiKey: process.env.OPEN_WEATHER_MAP_API_KEY,
  },
  plugins: ['gatsby-plugin-emotion', 'gatsby-plugin-react-helmet'],
};