V11 update 10 13 (#4257)

* backport #3911 * backport #3906 * backport #3837 * backport #3908 * backport #3904 * backport #3905 * backport #3898 * backport #3910 * backport #3948 * backport #3941 * backport #3945 * backport #3919 * backport #3922 * backport #3921 * backport #3903 * fix lint * update more * debug
preactjs · Jan 16, 2024 · 4601cf3 · 4601cf3
1 parent 36ef4e8
commit 4601cf3
Show file tree

Hide file tree

Showing 119 changed files with 34,837 additions and 33,127 deletions.
diff --git a/.changeset/config.json b/.changeset/config.json
@@ -1,13 +1,10 @@
 {
   "$schema": "https://unpkg.com/@changesets/config@1.6.3/schema.json",
-  "changelog": [
-    "@changesets/changelog-github",
-    { "repo": "preactjs/preact" }
-  ],
+  "changelog": ["@changesets/changelog-github", { "repo": "preactjs/preact" }],
   "commit": false,
   "linked": [],
   "access": "public",
   "baseBranch": "v11",
   "updateInternalDependencies": "patch",
   "ignore": []
-}
+}
diff --git a/.changeset/little-melons-crash.md b/.changeset/little-melons-crash.md
@@ -2,4 +2,4 @@
 'preact': minor
 ---
 
-Move `createPortal` to the core package 
+Move `createPortal` to the core package
diff --git a/.github/CODE_OF_CONDUCT.md b/.github/CODE_OF_CONDUCT.md
@@ -8,19 +8,19 @@ In the interest of fostering an open and welcoming environment, we as contributo
 
 Examples of behavior that contributes to creating a positive environment include:
 
-* Using welcoming and inclusive language
-* Being respectful of differing viewpoints and experiences
-* Gracefully accepting constructive criticism
-* Focusing on what is best for the community
-* Showing empathy towards other community members
+- Using welcoming and inclusive language
+- Being respectful of differing viewpoints and experiences
+- Gracefully accepting constructive criticism
+- Focusing on what is best for the community
+- Showing empathy towards other community members
 
 Examples of unacceptable behavior by participants include:
 
-* The use of sexualized language or imagery and unwelcome sexual attention or advances
-* Trolling, insulting/derogatory comments, and personal or political attacks
-* Public or private harassment
-* Publishing others' private information, such as a physical or electronic address, without explicit permission
-* Other conduct which could reasonably be considered inappropriate in a professional setting
+- The use of sexualized language or imagery and unwelcome sexual attention or advances
+- Trolling, insulting/derogatory comments, and personal or political attacks
+- Public or private harassment
+- Publishing others' private information, such as a physical or electronic address, without explicit permission
+- Other conduct which could reasonably be considered inappropriate in a professional setting
 
 ## Our Responsibilities
 

diff --git a/.github/ISSUE_TEMPLATE/bug_report.md b/.github/ISSUE_TEMPLATE/bug_report.md
@@ -4,7 +4,6 @@ about: Create a report to help us improve
 title: ''
 labels: ''
 assignees: ''
-
 ---
 
 - [ ] Check if updating to the latest Preact version resolves the issue
@@ -17,6 +16,7 @@ A clear and concise description of what the bug is.
 If possible, please provide a CodeSandbox/Codepen that demonstrates the issue. You can use the following template: https://codesandbox.io/s/preact-x-preact-cli-3-starter-vj285y2rn3
 
 Steps to reproduce the behavior:
+
 1. Go to '...'
 2. Click on '....'
 3. See error

diff --git a/.github/ISSUE_TEMPLATE/feature_request.md b/.github/ISSUE_TEMPLATE/feature_request.md
@@ -4,7 +4,6 @@ about: Suggest an idea for this project
 title: ''
 labels: feature request
 assignees: ''
-
 ---
 
 **Describe the feature you'd love to see**

diff --git a/.prettierignore b/.prettierignore
@@ -0,0 +1,26 @@
+.DS_Store
+node_modules
+npm-debug.log
+dist
+*/package-lock.json
+yarn.lock
+.vscode
+.idea
+test/ts/**/*.js
+coverage
+*.sw[op]
+*.log
+package/
+preact-*.tgz
+preact.tgz
+
+# Copied from benches/.gitignore so prettier can ignore these paths too
+benches/dist/
+benches/results/
+benches/logs/
+benches/logs-saved/
+benches/node_modules/
+benches/proxy-packages/*/package-lock.json
+
+package-lock.json
+mangle.json
diff --git a/CODE_OF_CONDUCT.md b/CODE_OF_CONDUCT.md
@@ -8,19 +8,19 @@ In the interest of fostering an open and welcoming environment, we as contributo
 
 Examples of behavior that contributes to creating a positive environment include:
 
-* Using welcoming and inclusive language
-* Being respectful of differing viewpoints and experiences
-* Gracefully accepting constructive criticism
-* Focusing on what is best for the community
-* Showing empathy towards other community members
+- Using welcoming and inclusive language
+- Being respectful of differing viewpoints and experiences
+- Gracefully accepting constructive criticism
+- Focusing on what is best for the community
+- Showing empathy towards other community members
 
 Examples of unacceptable behavior by participants include:
 
-* The use of sexualized language or imagery and unwelcome sexual attention or advances
-* Trolling, insulting/derogatory comments, and personal or political attacks
-* Public or private harassment
-* Publishing others' private information, such as a physical or electronic address, without explicit permission
-* Other conduct which could reasonably be considered inappropriate in a professional setting
+- The use of sexualized language or imagery and unwelcome sexual attention or advances
+- Trolling, insulting/derogatory comments, and personal or political attacks
+- Public or private harassment
+- Publishing others' private information, such as a physical or electronic address, without explicit permission
+- Other conduct which could reasonably be considered inappropriate in a professional setting
 
 ## Our Responsibilities
 

diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
@@ -30,34 +30,34 @@ A quick overview of our repository:
   	src/  # Source code of the compat addon
   	test/ # Tests related to the compat addon
   	dist/ # Build artifacts for publishing on npm (may not be present)
-  
+
   # Sub-package, can be imported via `preact/hooks` by users.
   # The hooks API is an effect based API to deal with component lifcycles.
   # It's similar to hooks in React
   hooks/
   	src/  # Source code of the hooks addon
   	test/ # Tests related to the hooks addon
   	dist/ # Build artifacts for publishing on npm (may not be present)
-  
+
   # Sub-package, can be imported via `preact/debug` by users.
   # Includes debugging warnings and error messages for common mistakes found
   # in Preact application. Also hosts the devtools bridge
   debug/
   	src/  # Source code of the debug addon
   	test/ # Tests related to the debug addon
   	dist/ # Build artifacts for publishing on npm (may not be present)
-  
+
   # Sub-package, can be imported via `preact/test-utils` by users.
   # Provides helpers to make testing Preact applications easier
   test-utils/
   	src/  # Source code of the test-utils addon
   	test/ # Tests related to the test-utils addon
   	dist/ # Build artifacts for publishing on npm (may not be present)
-  
+
   # A demo application that we use to debug tricky errors and play with new
   # features.
   demo/
-  
+
   # Contains build scripts and dependencies for development
   package.json
 ```

diff --git a/README.md b/README.md
@@ -1,7 +1,7 @@
 <p align="center">
 <a href="https://preactjs.com" target="_blank">
 
-![Preact](https://raw.githubusercontent.com/preactjs/preact/8b0bcc927995c188eca83cba30fbc83491cc0b2f/logo.svg?sanitize=true "Preact")
+![Preact](https://raw.githubusercontent.com/preactjs/preact/8b0bcc927995c188eca83cba30fbc83491cc0b2f/logo.svg?sanitize=true 'Preact')
 
 </a>
 </p>
@@ -18,7 +18,6 @@
 
 ### 💁 More information at the [Preact Website ➞](https://preactjs.com)
 
-
 <table border="0">
 <tbody>
 <tr>
@@ -32,6 +31,7 @@
 [![coveralls](https://img.shields.io/coveralls/preactjs/preact/master.svg)](https://coveralls.io/github/preactjs/preact)
 [![gzip size](http://img.badgesize.io/https://unpkg.com/preact/dist/preact.min.js?compression=gzip&label=gzip)](https://unpkg.com/preact/dist/preact.min.js)
 [![brotli size](http://img.badgesize.io/https://unpkg.com/preact/dist/preact.min.js?compression=brotli&label=brotli)](https://unpkg.com/preact/dist/preact.min.js)
+
 </td>
 <td>
 
@@ -42,7 +42,6 @@
 </tbody>
 </table>
 
-
 You can find some awesome libraries in the [awesome-preact list](https://github.com/preactjs/awesome-preact) :sunglasses:
 
 ---
@@ -65,10 +64,20 @@ import { h, render } from 'preact';
 /** @jsx h */
 
 // create our tree and append it to document.body:
-render(<main><h1>Hello</h1></main>, document.body);
+render(
+	<main>
+		<h1>Hello</h1>
+	</main>,
+	document.body
+);
 
 // update the tree in-place:
-render(<main><h1>Hello World!</h1></main>, document.body);
+render(
+	<main>
+		<h1>Hello World!</h1>
+	</main>,
+	document.body
+);
 // ^ this second invocation of render(...) will use a single DOM call to update the text of the <h1>
 ```
 
@@ -88,8 +97,8 @@ const App = () => {
 			<p>Do you agree to the statement: "Preact is awesome"?</p>
 			<input value={input} onChange={e => setInput(e.target.value)} />
 		</div>
-	)
-}
+	);
+};
 
 render(<App />, document.body);
 ```
@@ -132,9 +141,8 @@ Support us with a monthly donation and help us continue our activities. [[Become
 <a href="https://opencollective.com/preact/backer/29/website" target="_blank"><img src="https://opencollective.com/preact/backer/29/avatar.svg"></a>
 <a href="https://github.com/guardian" target="_blank"><img src="https://github.com/guardian.png?size=64"></a>
 
-
-
 ## Sponsors
+
 Become a sponsor and get your logo on our README on GitHub with a link to your site. [[Become a sponsor](https://opencollective.com/preact#sponsor)]
 
 <a href="https://opencollective.com/preact/sponsor/0/website" target="_blank"><img src="https://opencollective.com/preact/sponsor/0/avatar.svg"></a>
@@ -174,11 +182,8 @@ Become a sponsor and get your logo on our README on GitHub with a link to your s
 
 MIT
 
-
-
 [![Preact](https://i.imgur.com/YqCHvEW.gif)](https://preactjs.com)
 
-
 [preact/compat]: https://github.com/preactjs/preact/tree/master/compat
 [hyperscript]: https://github.com/dominictarr/hyperscript
 [DevTools]: https://github.com/preactjs/preact-devtools
diff --git a/babel.config.js b/babel.config.js
@@ -1,4 +1,4 @@
-module.exports = function(api) {
+module.exports = function (api) {
 	api.cache(true);
 
 	const noModules = String(process.env.BABEL_NO_MODULES) === 'true';

diff --git a/benches/TODO.md b/benches/TODO.md
@@ -1,10 +1,10 @@
-* Add `preact-release` proxy
-	- to capture slowdowns overtime
-* Report `initial-run` metric to PR
-	- to capture unoptimized runtime which would be an important metric to understand perf characteristic before optimizations kick in
-* Add warmup reporting to all benchmarks
-* Add `preact-compat` proxy
-* Add UIBench
-* Add bench mimicking speedometer
-* Add a realworld-like bench?
-* Add a specialized bench that hits certain code paths other's miss (e.g. style attribute handling?)
+- Add `preact-release` proxy
+  - to capture slowdowns overtime
+- Report `initial-run` metric to PR
+  - to capture unoptimized runtime which would be an important metric to understand perf characteristic before optimizations kick in
+- Add warmup reporting to all benchmarks
+- Add `preact-compat` proxy
+- Add UIBench
+- Add bench mimicking speedometer
+- Add a realworld-like bench?
+- Add a specialized bench that hits certain code paths other's miss (e.g. style attribute handling?)
diff --git a/benches/jsconfig.json b/benches/jsconfig.json
@@ -1,8 +1,8 @@
 {
-	"compilerOptions": {
-		"target": "es2020",
-		"checkJs": true,
-		"moduleResolution": "node"
-	},
-	"exclude": ["node_modules", "dist"]
+  "compilerOptions": {
+    "target": "es2020",
+    "checkJs": true,
+    "moduleResolution": "node"
+  },
+  "exclude": ["node_modules", "dist"]
 }
diff --git a/benches/package.json b/benches/package.json
@@ -1,30 +1,30 @@
 {
-	"name": "preact-benchmarks",
-	"private": true,
-	"version": "1.0.0",
-	"type": "module",
-	"description": "Benchmarks for Preact",
-	"scripts": {
-		"start": "node ./scripts config many_updates.html && tach --force-clean-npm-install --config dist/many_updates.config.json --manual",
-		"analyze": "node ./scripts analyze",
-		"bench": "node ./scripts bench",
-		"deopts": "node ./scripts deopts",
-		"help": "node ./scripts --help"
-	},
-	"license": "MIT",
-	"dependencies": {
-		"afterframe": "^1.0.2"
-	},
-	"devDependencies": {
-		"@kristoferbaxter/async": "^1.0.0",
-		"del": "^6.0.0",
-		"escalade": "^3.0.2",
-		"escape-string-regexp": "^4.0.0",
-		"globby": "^11.0.0",
-		"prompts": "^2.4.0",
-		"sade": "^1.7.3",
-		"strip-ansi": "^6.0.0",
-		"tachometer": "^0.5.10",
-		"v8-deopt-viewer": "^0.2.1"
-	}
+  "name": "preact-benchmarks",
+  "private": true,
+  "version": "1.0.0",
+  "type": "module",
+  "description": "Benchmarks for Preact",
+  "scripts": {
+    "start": "node ./scripts config many_updates.html && tach --force-clean-npm-install --config dist/many_updates.config.json --manual",
+    "analyze": "node ./scripts analyze",
+    "bench": "node ./scripts bench",
+    "deopts": "node ./scripts deopts",
+    "help": "node ./scripts --help"
+  },
+  "license": "MIT",
+  "dependencies": {
+    "afterframe": "^1.0.2"
+  },
+  "devDependencies": {
+    "@kristoferbaxter/async": "^1.0.0",
+    "del": "^6.0.0",
+    "escalade": "^3.0.2",
+    "escape-string-regexp": "^4.0.0",
+    "globby": "^11.0.0",
+    "prompts": "^2.4.0",
+    "sade": "^1.7.3",
+    "strip-ansi": "^6.0.0",
+    "tachometer": "^0.5.10",
+    "v8-deopt-viewer": "^0.2.1"
+  }
 }
diff --git a/benches/proxy-packages/preact-local-proxy/package.json b/benches/proxy-packages/preact-local-proxy/package.json
@@ -1,10 +1,10 @@
 {
-	"name": "preact-local-proxy",
-	"private": true,
-	"version": "0.0.0",
-	"type": "module",
-	"main": "index.js",
-	"dependencies": {
-		"preact": "file:../../../"
-	}
+  "name": "preact-local-proxy",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "main": "index.js",
+  "dependencies": {
+    "preact": "file:../../../"
+  }
 }