Merge branch 'master' of github.com:modernweb-dev/web into test/unskip-selenium

Author: koddsson

.changeset/red-waves-obey.md

@@ -0,0 +1,9 @@
+---
+"@web/browser-logs": patch
+"@web/dev-server-hmr": patch
+"@web/dev-server": patch
+"@web/test-runner-puppeteer": patch
+"@web/test-runner": patch
+---
+
+chore(deps): bump puppeteer from 19.8.2 to 19.9.0

.github/dependabot.yml

@@ -0,0 +1,12 @@
+# To get started with Dependabot version updates, you'll need to specify which
+# package ecosystems to update and where the package manifests are located.
+# Please see the documentation for all configuration options:
+# https://docs.github.com/github/administering-a-repository/configuration-options-for-dependency-updates
+
+version: 2
+updates:
+  - package-ecosystem: "npm" # See documentation for possible values
+    directory: "/" # Location of package manifests
+    schedule:
+      interval: "weekly"
+      day: "thursday"

.github/workflows/canary.yml

@@ -19,14 +19,14 @@ jobs:
           # This makes Actions fetch all Git history so that Changesets can generate changelogs with the correct commits
           fetch-depth: 0
 
-      - name: Setup Node.js 12
+      - name: Setup Node.js
         uses: actions/setup-node@v3
         env:
           FORCE_COLOR: 0
         with:
-          node-version: 12.x
-          registry-url: 'https://registry.npmjs.org'
+          node-version: '16'
           cache: 'yarn'
+          registry-url: 'https://registry.npmjs.org'
 
       - name: Install Dependencies
         run: yarn --frozen-lockfile

.github/workflows/verify-browserstack.yml

@@ -15,12 +15,12 @@ jobs:
     steps:
       - uses: actions/checkout@v3
 
-      - name: Setup Node 14
+      - name: Setup Node 16
         uses: actions/setup-node@v3
         env:
           FORCE_COLOR: 0
         with:
-          node-version: '14'
+          node-version: '16'
           cache: 'yarn'
 
       - name: Install dependencies

.github/workflows/verify-node.yml

@@ -12,9 +12,9 @@ jobs:
     strategy:
       matrix:
         node-version:
-          - '14'
           - '16'
           - '18'
+          - '19'
 
     steps:
       - uses: actions/checkout@v3

.github/workflows/verify-saucelabs.yml

@@ -15,12 +15,12 @@ jobs:
     steps:
       - uses: actions/checkout@v3
 
-      - name: Setup Node 14
+      - name: Setup Node 16
         uses: actions/setup-node@v3
         env:
           FORCE_COLOR: 0
         with:
-          node-version: '14'
+          node-version: '16'
           cache: 'yarn'
 
       - name: Install dependencies

README.md

@@ -9,7 +9,7 @@
 <p align="center">
   <a href="https://github.com/modernweb-dev/web/actions"
     ><img
-      src="https://img.shields.io/github/workflow/status/modernweb-dev/web/Release/master?label=workflow&style=flat-square"
+      src="https://img.shields.io/github/actions/workflow/status/modernweb-dev/web/release.yml?branch=master&label=workflow&style=flat-square"
       alt="GitHub Actions workflow status"
   /></a>
   <a href="https://twitter.com/modern_web_dev"

docs/docs/building/rollup-plugin-html.md

@@ -15,7 +15,7 @@ npm install --save-dev @web/rollup-plugin-html
 If you have a single HTML page, you can set it as rollup input. This will be used by the HTML plugin as input for the plugin.
 
 ```js
-import html from '@web/rollup-plugin-html';
+import { rollupPluginHTML as html } from '@web/rollup-plugin-html';
 
 export default {
   input: 'index.html',
@@ -29,7 +29,7 @@ export default {
 If all pages share the same config, you can use a glob pattern to match multiple HTML files.
 
 ```js
-import html from '@web/rollup-plugin-html';
+import { rollupPluginHTML as html } from '@web/rollup-plugin-html';
 
 export default {
   input: 'pages/*.html',
@@ -41,7 +41,7 @@ export default {
 If your pages cannot be matched with a single glob you can set the input directly on HTML plugin.
 
 ```js
-import html from '@web/rollup-plugin-html';
+import { rollupPluginHTML as html } from '@web/rollup-plugin-html';
 
 export default {
   output: { dir: 'dist' },
@@ -52,7 +52,7 @@ export default {
 If each input should be bundled with a different config, you can create multiple instances of the HTML plugin.
 
 ```js
-import html from '@web/rollup-plugin-html';
+import { rollupPluginHTML as html } from '@web/rollup-plugin-html';
 
 export default {
   output: { dir: 'dist' },
@@ -69,7 +69,7 @@ export default {
 If your HTML file does not exist on disk, you can provide it as a string as well.
 
 ```js
-import html from '@web/rollup-plugin-html';
+import { rollupPluginHTML as html } from '@web/rollup-plugin-html';
 
 export default {
   output: { dir: 'dist' },
@@ -88,7 +88,7 @@ export default {
 This can also be set as an array:
 
 ```js
-import html from '@web/rollup-plugin-html';
+import { rollupPluginHTML as html } from '@web/rollup-plugin-html';
 
 export default {
   output: { dir: 'dist' },
@@ -112,7 +112,7 @@ By default rollup will hash the asset filenames, enabling long term caching. You
 To turn off bundling assets completely, set the `extractAssets` option to false:
 
 ```js
-import html from '@web/rollup-plugin-html';
+import { rollupPluginHTML as html } from '@web/rollup-plugin-html';
 
 export default {
   input: 'index.html',
@@ -130,7 +130,7 @@ export default {
 If your HTML file contains any absolute paths they will be resolved against the current working directory. You can set a different root directory in the config. Input paths will be resolved relative to this root directory as well.
 
 ```js
-import html from '@web/rollup-plugin-html';
+import { rollupPluginHTML as html } from '@web/rollup-plugin-html';
 
 export default {
   input: 'index.html',
@@ -159,7 +159,7 @@ Will be output as:
 - `dist/pages/bar/page-c.html`
 
 ```js
-import html from '@web/rollup-plugin-html';
+import { rollupPluginHTML as html } from '@web/rollup-plugin-html';
 
 export default {
   input: 'pages/**/*.html',
@@ -176,7 +176,7 @@ export default {
 You can add transform functions to modify the HTML page and assets in the build, for example to inject scripts or minification.
 
 ```js
-import html from '@web/rollup-plugin-html';
+import { rollupPluginHTML as html } from '@web/rollup-plugin-html';
 
 export default {
   input: 'index.html',
@@ -206,7 +206,7 @@ export default {
 Set the minify option to do default HTML minificiation. If you need custom options, you can implement your own minifier using the `transformHtml` option.
 
 ```js
-import html from '@web/rollup-plugin-html';
+import { rollupPluginHTML as html } from '@web/rollup-plugin-html';
 
 export default {
   input: 'index.html',
@@ -226,7 +226,7 @@ Some social media tags require full absolute URLs (e.g. https://domain.com/guide
 By providing an `absoluteBaseUrl` the plugin can make sure all appropriate URLs are processed.
 
 ```js
-import html from '@web/rollup-plugin-html';
+import { rollupPluginHTML as html } from '@web/rollup-plugin-html';
 
 export default {
   input: 'index.html',
@@ -261,7 +261,7 @@ In order to enable PWA support you can enable the injection of a service worker
 Note: This does not create the service worker
 
 ```js
-import html from '@web/rollup-plugin-html';
+import { rollupPluginHTML as html } from '@web/rollup-plugin-html';
 
 export default {
   input: 'index.html',

docs/docs/dev-server/cli-and-configuration.md

@@ -86,7 +86,7 @@ interface DevServerConfig {
   open?: 'string' | boolean;
   // index HTML to use for SPA routing / history API fallback
   appIndex?: string;
-  // run in watch mode, reloading when files change
+  // reload the brower on file changes.
   watch?: boolean;
   // resolve bare module imports
   nodeResolve?: boolean | RollupNodeResolveOptions;
@@ -124,6 +124,10 @@ interface DevServerConfig {
   sslKey?: string;
   // path to SSL certificate
   sslCert?: string;
+
+  // Whether to watch and rebuild served files.
+  // Useful when you want more control over when files are build (e.g. when doing a test run using @web/test-runner).
+  disableFileWatcher?: boolean;
 }
 ```
 

docs/docs/dev-server/writing-plugins/hooks.md

@@ -258,7 +258,7 @@ export default {
       name: 'my-plugin',
       transform(context) {
         if (context.path === '/index.html') {
-          context.set('X-My-Custom-Header', 'hello, world';
+          context.set('X-My-Custom-Header', 'hello, world');
         }
       },
     },