@automattic/jetpack-critical-css-gen 0.1.0 → 1.0.1

package/CHANGELOG.md

@@ -5,8 +5,26 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/)
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
-## 0.1.0 - 2024-09-24
+## [1.0.1] - 2024-10-10
+### Changed
+- Updated package dependencies. [#39670]
+
+### Fixed
+- Add missing build folder to package. [#39723]
+
+## [1.0.0] - 2024-10-07
+### Security
+- Security: Fix XSS vulnerability. [#39507]
 
 ### Added
+- Add /playwright entry point for BrowserInterfacePlaywright. [#39509]
+
+### Changed
+- Change default entry point of package to include BrowserInterfaceIframe instead of BrowserInterfacePlaywright. [#39509]
 
+## 0.1.0 - 2024-09-24
+### Added
 - Initial version. [#38429]
+
+[1.0.1]: https://github.com/Automattic/jetpack-critical-css-gen/compare/v1.0.0...v1.0.1
+[1.0.0]: https://github.com/Automattic/jetpack-critical-css-gen/compare/v0.1.0...v1.0.0

package/build/browser-interface-iframe.d.ts

@@ -0,0 +1,31 @@
+import { BrowserInterface, BrowserRunnable } from './browser-interface.js';
+import { UrlError } from './errors.js';
+import { Viewport } from './types.js';
+type VerifyMethod = (rawUrl: string, contentWindow: Window, contentDocument: Document) => boolean;
+type BrowserInterfaceIframeOptions = {
+    requestGetParameters?: {
+        [key: string]: string;
+    };
+    loadTimeout?: number;
+    verifyPage: VerifyMethod;
+    allowScripts?: boolean;
+};
+export declare class BrowserInterfaceIframe extends BrowserInterface {
+    private requestGetParameters;
+    private loadTimeout;
+    private verifyPage;
+    private currentUrl;
+    private currentSize;
+    private wrapperDiv;
+    private iframe;
+    constructor({ requestGetParameters, loadTimeout, verifyPage, allowScripts, }: BrowserInterfaceIframeOptions);
+    cleanup(): Promise<void>;
+    fetch(url: string, options: RequestInit, _role: 'css' | 'html'): Promise<Response>;
+    runInPage<ReturnType>(pageUrl: string, viewport: Viewport | null, method: BrowserRunnable<ReturnType>, ...args: unknown[]): Promise<ReturnType>;
+    addGetParameters(rawUrl: string): string;
+    diagnoseUrlError(url: string): Promise<UrlError | null>;
+    sameOrigin(url: string): boolean;
+    loadPage(rawUrl: string): Promise<void>;
+    resize({ width, height }: Viewport): Promise<unknown>;
+}
+export {};

package/build/browser-interface-iframe.js

@@ -0,0 +1,130 @@
+import { BrowserInterface } from './browser-interface.js';
+import { CrossDomainError, HttpError, LoadTimeoutError, RedirectError, UrlVerifyError, UnknownError, XFrameDenyError, } from './errors.js';
+const defaultLoadTimeout = 60 * 1000;
+export class BrowserInterfaceIframe extends BrowserInterface {
+    constructor({ requestGetParameters, loadTimeout, verifyPage, allowScripts, }) {
+        super();
+        this.requestGetParameters = requestGetParameters || {};
+        this.loadTimeout = loadTimeout || defaultLoadTimeout;
+        this.verifyPage = verifyPage;
+        // Default 'allowScripts' to true if not specified.
+        allowScripts = allowScripts !== false;
+        this.currentUrl = null;
+        this.currentSize = { width: null, height: null };
+        // Create a wrapper div to keep the iframe invisible.
+        this.wrapperDiv = document.createElement('div');
+        this.wrapperDiv.setAttribute('style', 'position:fixed; z-index: -1000; opacity: 0; top: 50px;');
+        document.body.append(this.wrapperDiv);
+        // Create iframe itself.
+        this.iframe = document.createElement('iframe');
+        this.iframe.setAttribute('style', 'max-width: none; max-height: none; border: 0px;');
+        this.iframe.setAttribute('aria-hidden', 'true');
+        this.iframe.setAttribute('sandbox', 'allow-same-origin ' + (allowScripts ? 'allow-scripts' : ''));
+        this.wrapperDiv.append(this.iframe);
+    }
+    async cleanup() {
+        this.iframe.remove();
+        this.wrapperDiv.remove();
+    }
+    async fetch(url, options, _role) {
+        return window.fetch(url, options);
+    }
+    async runInPage(pageUrl, viewport, method, ...args) {
+        await this.loadPage(pageUrl);
+        if (viewport) {
+            await this.resize(viewport);
+        }
+        // The inner window in the iframe is separate from the main window object.
+        // Pass the iframe window object to the evaluating method.
+        return method({ innerWindow: this.iframe.contentWindow, args });
+    }
+    addGetParameters(rawUrl) {
+        const urlObject = new URL(rawUrl);
+        for (const key of Object.keys(this.requestGetParameters)) {
+            urlObject.searchParams.append(key, this.requestGetParameters[key]);
+        }
+        return urlObject.toString();
+    }
+    async diagnoseUrlError(url) {
+        try {
+            const response = await this.fetch(url, { redirect: 'manual' }, 'html');
+            const headers = response.headers;
+            if (headers.get('x-frame-options') === 'DENY') {
+                return new XFrameDenyError({ url });
+            }
+            if (response.type === 'opaqueredirect') {
+                return new RedirectError({
+                    url,
+                    redirectUrl: response.url,
+                });
+            }
+            if (response.status === 200) {
+                return null;
+            }
+            return new HttpError({ url, code: response.status });
+        }
+        catch (err) {
+            return new UnknownError({ url, message: err.message });
+        }
+    }
+    sameOrigin(url) {
+        return new URL(url).origin === window.location.origin;
+    }
+    async loadPage(rawUrl) {
+        if (rawUrl === this.currentUrl) {
+            return;
+        }
+        const fullUrl = this.addGetParameters(rawUrl);
+        return new Promise((resolve, rawReject) => {
+            // Track all URL errors.
+            const reject = err => {
+                this.trackUrlError(rawUrl, err);
+                rawReject(err);
+            };
+            // Catch cross-domain errors before they occur.
+            if (!this.sameOrigin(fullUrl)) {
+                reject(new CrossDomainError({ url: fullUrl }));
+                return;
+            }
+            // Set a timeout.
+            const timeoutId = setTimeout(() => {
+                this.iframe.onload = null;
+                reject(new LoadTimeoutError({ url: fullUrl }));
+            }, this.loadTimeout);
+            // Catch load event.
+            this.iframe.onload = async () => {
+                try {
+                    this.iframe.onload = null;
+                    clearTimeout(timeoutId);
+                    // Verify the inner document is readable.
+                    if (!this.iframe.contentDocument || !this.iframe.contentWindow) {
+                        throw ((await this.diagnoseUrlError(fullUrl)) || new CrossDomainError({ url: fullUrl }));
+                    }
+                    if (!this.verifyPage(rawUrl, this.iframe.contentWindow, this.iframe.contentDocument)) {
+                        // Diagnose and throw an appropriate error.
+                        throw ((await this.diagnoseUrlError(fullUrl)) || new UrlVerifyError({ url: fullUrl }));
+                    }
+                    this.currentUrl = rawUrl;
+                    resolve();
+                }
+                catch (err) {
+                    reject(err);
+                }
+            };
+            this.iframe.src = fullUrl;
+        });
+    }
+    async resize({ width, height }) {
+        if (this.currentSize.width === width && this.currentSize.height === height) {
+            return;
+        }
+        return new Promise(resolve => {
+            // Set iframe size.
+            this.iframe.width = width.toString();
+            this.iframe.height = height.toString();
+            // Bounce to browser main loop to allow resize to complete.
+            setTimeout(resolve, 1);
+        });
+    }
+}
+//# sourceMappingURL=browser-interface-iframe.js.map

package/build/browser-interface-iframe.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"browser-interface-iframe.js","sourceRoot":"","sources":["../src/browser-interface-iframe.ts"],"names":[],"mappings":"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"}

package/build/browser.d.ts

@@ -0,0 +1,5 @@
+export { BrowserInterfaceIframe } from './browser-interface-iframe.js';
+export { BrowserInterface } from './browser-interface.js';
+export { generateCriticalCSS } from './generate-critical-css.js';
+export * from './errors.js';
+export declare const version = "0.0.11";

package/build/browser.js

@@ -0,0 +1,6 @@
+export { BrowserInterfaceIframe } from './browser-interface-iframe.js';
+export { BrowserInterface } from './browser-interface.js';
+export { generateCriticalCSS } from './generate-critical-css.js';
+export * from './errors.js';
+export const version = '0.0.11';
+//# sourceMappingURL=browser.js.map

package/build/browser.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"browser.js","sourceRoot":"","sources":["../src/browser.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AACvE,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAEjE,cAAc,aAAa,CAAC;AAE5B,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC"}

package/{build-node/node.js → build/playwright.js}

@@ -3,4 +3,4 @@ export { BrowserInterface } from './browser-interface.js';
 export { generateCriticalCSS } from './generate-critical-css.js';
 export * from './errors.js';
 export const version = '0.0.11';
-//# sourceMappingURL=node.js.map
+//# sourceMappingURL=playwright.js.map

package/build/playwright.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"playwright.js","sourceRoot":"","sources":["../src/playwright.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,0BAA0B,EAAE,MAAM,mCAAmC,CAAC;AAC/E,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAEjE,cAAc,aAAa,CAAC;AAE5B,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC"}

package/package.json

@@ -1,7 +1,7 @@
 {
 	"type": "module",
 	"name": "@automattic/jetpack-critical-css-gen",
-	"version": "0.1.0",
+	"version": "1.0.1",
 	"description": "A flexible Critical CSS Generator that supports multiple URLs and viewports, with both server-side and client-side generation capabilities.",
 	"homepage": "https://github.com/Automattic/jetpack/tree/HEAD/projects/js-packages/critical-css-gen/#readme",
 	"bugs": {
@@ -15,47 +15,44 @@
 	"license": "GPL-2.0-or-later",
 	"author": "Automattic",
 	"scripts": {
-		"build:browser": "rollup -c",
-		"build:node": "tsc",
-		"build": "pnpm run clean && pnpm run build:browser && pnpm run build:node",
-		"clean": "rm -rf build-node/ && rm -rf build-browser/",
-		"test": "pnpm build && NODE_ENV=test NODE_PATH=./node_modules jest --forceExit --config=tests/config/jest.config.js"
+		"build": "pnpm run clean && tsc",
+		"build:test": "pnpm run clean:test && webpack --config tests/data/webpack.config.cjs",
+		"clean": "rm -rf build/",
+		"clean:test": "rm -rf tests/build/",
+		"test": "pnpm build && pnpm build:test && NODE_ENV=test NODE_PATH=./node_modules jest --forceExit --config=tests/config/jest.config.js"
 	},
-	"main": "./build-node/node.js",
-	"browser": "./build-browser/bundle.js",
+	"main": "./build/browser.js",
 	"devDependencies": {
+		"@automattic/jetpack-webpack-config": "workspace:*",
 		"@babel/core": "7.24.7",
 		"@babel/preset-env": "7.24.7",
 		"@babel/preset-typescript": "7.24.7",
-		"@rollup/plugin-commonjs": "26.0.1",
-		"@rollup/plugin-json": "4.1.0",
-		"@rollup/plugin-node-resolve": "13.3.0",
-		"@rollup/plugin-terser": "0.4.3",
-		"@rollup/plugin-typescript": "8.3.3",
 		"@types/clean-css": "4.2.11",
 		"@types/css-tree": "2.3.8",
 		"@types/node": "^20.4.2",
-		"express": "4.20.0",
+		"express": "4.21.0",
 		"jest": "29.7.0",
+		"path-browserify": "1.0.1",
 		"playwright": "1.45.1",
 		"playwright-core": "^1.45.1",
 		"prettier": "npm:wp-prettier@3.0.3",
-		"rollup": "2.79.1",
-		"rollup-plugin-polyfill-node": "0.13.0",
+		"process": "0.11.10",
 		"source-map": "0.7.4",
 		"source-map-js": "1.2.0",
 		"tslib": "2.5.0",
 		"typescript": "5.0.4",
 		"webpack": "5.94.0",
+		"webpack-cli": "4.9.1",
 		"webpack-dev-middleware": "5.3.4"
 	},
 	"exports": {
 		".": {
-			"types": "./build-node/node.d.ts",
-			"browser": "./build-browser/bundle.js",
-			"import": "./build-node/node.js",
-			"require": "./build-node/node.js",
-			"default": "./build-node/node.js"
+			"types": "./build/browser.d.ts",
+			"default": "./build/browser.js"
+		},
+		"./playwright": {
+			"types": "./build/playwright.d.ts",
+			"default": "./build/playwright.js"
 		}
 	},
 	"dependencies": {