preactjs · marvinhagemeister · Aug 29, 2021 · Aug 29, 2021 · Aug 29, 2021 · Aug 30, 2021
diff --git a/.gitignore b/.gitignore
@@ -4,3 +4,4 @@
 .DS_Store
 dist
 *.sw[op]
+.cache/
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -10,14 +10,11 @@
     "url": "https://github.com/preactjs/preact-www.git"
   },
   "scripts": {
-    "dev": "concurrently \"npm run dev:client\" \"npm run dev:lambda\"",
-    "dev:client": "preact watch --template src/template.html",
-    "dev:lambda": "netlify-lambda serve src/lambda",
-    "start": "npm run -s server",
+    "dev": "wmr start",
+    "start": "npm run -s server2",
     "prestart": "npm run -s build",
-    "server": "superstatic build -p ${PORT:-8080} --host 0.0.0.0 --gzip -c '{\"rewrites\": [{\"source\":\"**\",\"destination\":\"index.html\"}],\"headers\":[{\"source\":\"**\",\"headers\":[{\"key\":\"Cache-Control\",\"value\":\"max-age=31536000\"}]}]}'",
-    "build": "netlify-lambda build src/lambda && preact build --prerenderUrls src/prerender.js --template src/template.html",
-    "prebuild": "rimraf build/assets && rimraf build/content",
+    "server": "wmr serve --out './build'",
+    "build": "netlify-lambda build src/lambda && wmr build --out './build'",
     "pretest": "npm run -s lint && npm run -s build",
     "test": "cross-env JEST_PUPPETEER_CONFIG=test/jest-puppeteer.config.js jest --runInBand --no-coverage  test/browser/.*\\.js",
     "lint": "eslint src test",
@@ -67,62 +64,59 @@
   },
   "lint-staged": {
     "{src,test}/**/*.{less,js,json}": [
-      "prettier --write",
-      "git add"
+      "prettier --write"
     ]
   },
   "license": "MIT",
   "author": "Preact Authors <[email protected]>",
   "devDependencies": {
     "@babel/polyfill": "^7.7.0",
-    "concurrently": "^5.2.0",
-    "critters-webpack-plugin": "^2.5.0",
     "cross-env": "^7.0.3",
     "dlv": "^1.1.3",
+    "encoding": "^0.1.13",
     "eslint": "^6.8.0",
     "eslint-config-developit": "^1.1.1",
-    "husky": "^4.0.0",
+    "glob": "^7.1.6",
+    "husky": "^7.0.2",
     "identity-obj-proxy": "^3.0.0",
     "jest": "^26.6.3",
     "jest-puppeteer": "^4.4.0",
     "jsdom": "^15.2.1",
-    "less-loader": "^5.0.0",
-    "lint-staged": "^9.5.0",
-    "netlify-lambda": "^1.6.3",
+    "less": "^4.1.1",
+    "lint-staged": "^11.1.2",
+    "netlify-lambda": "^2.0.14",
     "per-env": "^1.0.2",
-    "postcss-custom-properties": "^9.0.2",
-    "preact-cli": "^3.0.0-rc.16",
-    "preact-cli-plugin-netlify": "^1.5.0",
-    "preact-render-spy": "^1.3.0",
     "prettier": "^1.19.1",
-    "promise-polyfill": "^8.1.3",
     "puppeteer": "^2.0.0",
     "rimraf": "^3.0.2",
     "size-plugin": "^2.0.1",
-    "workerize-loader": "^1.1.0"
+    "wmr": "^3.7.1"
   },
   "dependencies": {
+    "@codemirror/basic-setup": "^0.19.0",
+    "@codemirror/commands": "^0.19.2",
+    "@codemirror/gutter": "^0.19.1",
+    "@codemirror/highlight": "^0.19.4",
+    "@codemirror/history": "^0.19.0",
+    "@codemirror/lang-html": "^0.19.1",
+    "@codemirror/lang-javascript": "^0.19.1",
+    "@codemirror/state": "^0.19.1",
+    "@codemirror/view": "^0.19.4",
+    "babel-plugin-transform-jsx-to-htm": "^2.2.0",
     "babel-standalone": "^6.26.0",
-    "classnames": "^2.2.6",
-    "codemirror": "^5.50.2",
-    "decko": "^1.2.0",
-    "encoding": "^0.1.13",
-    "flatmap": "0.0.3",
+    "comlink": "^4.3.1",
+    "escorn": "^0.5.1",
+    "hoofd": "^1.4.0",
     "htm": "^2.2.1",
-    "less": "^3.10.3",
     "linkstate": "^1.1.1",
     "marked": "^0.8.0",
     "node-fetch": "^2.6.1",
     "preact": "^10.4.4",
     "preact-custom-element": "^4.0.0",
+    "preact-iso": "^2.2.0",
     "preact-markup": "^2.0.0",
     "preact-render-to-string": "^5.1.9",
-    "preact-router": "^3.1.0",
-    "sucrase": "^3.12.0",
-    "superstatic": "^6.0.4",
-    "unistore": "^3.5.1",
-    "window-or-global": "^1.0.1",
-    "worker-loader": "^2.0.0",
+    "sucrase": "^3.20.1",
     "yaml": "^1.7.2"
   }
 }
diff --git a/preact.config.js b/preact.config.js
diff --git a/src/assets/app-icon-maskable.png → public/assets/app-icon-maskable.png b/src/assets/app-icon-maskable.png → public/assets/app-icon-maskable.png
diff --git a/src/assets/app-icon.png → public/assets/app-icon.png b/src/assets/app-icon.png → public/assets/app-icon.png
diff --git a/src/assets/github.svg → public/assets/github.svg b/src/assets/github.svg → public/assets/github.svg
diff --git a/src/assets/home/compatible.svg → public/assets/home/compatible.svg b/src/assets/home/compatible.svg → public/assets/home/compatible.svg
diff --git a/src/assets/home/html5.svg → public/assets/home/html5.svg b/src/assets/home/html5.svg → public/assets/home/html5.svg
diff --git a/src/assets/home/metal.svg → public/assets/home/metal.svg b/src/assets/home/metal.svg → public/assets/home/metal.svg
diff --git a/src/assets/home/performance.svg → public/assets/home/performance.svg b/src/assets/home/performance.svg → public/assets/home/performance.svg
diff --git a/src/assets/home/portable.svg → public/assets/home/portable.svg b/src/assets/home/portable.svg → public/assets/home/portable.svg
diff --git a/src/assets/home/productive.svg → public/assets/home/productive.svg b/src/assets/home/productive.svg → public/assets/home/productive.svg
diff --git a/src/assets/home/size.svg → public/assets/home/size.svg b/src/assets/home/size.svg → public/assets/home/size.svg
diff --git a/src/assets/pwa-guide/building-block.svg → public/assets/pwa-guide/building-block.svg b/src/assets/pwa-guide/building-block.svg → public/assets/pwa-guide/building-block.svg
diff --git a/src/assets/pwa-guide/code-splitting.svg → public/assets/pwa-guide/code-splitting.svg b/src/assets/pwa-guide/code-splitting.svg → public/assets/pwa-guide/code-splitting.svg
diff --git a/src/assets/pwa-guide/faster-tti.svg → public/assets/pwa-guide/faster-tti.svg b/src/assets/pwa-guide/faster-tti.svg → public/assets/pwa-guide/faster-tti.svg
diff --git a/src/assets/pwa-guide/lighthouse.svg → public/assets/pwa-guide/lighthouse.svg b/src/assets/pwa-guide/lighthouse.svg → public/assets/pwa-guide/lighthouse.svg
diff --git a/src/assets/pwa-guide/load-less-script.svg → public/assets/pwa-guide/load-less-script.svg b/src/assets/pwa-guide/load-less-script.svg → public/assets/pwa-guide/load-less-script.svg
diff --git a/src/assets/pwa-guide/prpl.svg → public/assets/pwa-guide/prpl.svg b/src/assets/pwa-guide/prpl.svg → public/assets/pwa-guide/prpl.svg
diff --git a/...sets/pwa-guide/service-worker-caching.svg → ...sets/pwa-guide/service-worker-caching.svg b/...sets/pwa-guide/service-worker-caching.svg → ...sets/pwa-guide/service-worker-caching.svg
diff --git a/src/assets/pwa-guide/timeline.jpg → public/assets/pwa-guide/timeline.jpg b/src/assets/pwa-guide/timeline.jpg → public/assets/pwa-guide/timeline.jpg
diff --git a/src/assets/theme-auto.svg → public/assets/theme-auto.svg b/src/assets/theme-auto.svg → public/assets/theme-auto.svg
diff --git a/src/assets/theme-dark.svg → public/assets/theme-dark.svg b/src/assets/theme-dark.svg → public/assets/theme-dark.svg
diff --git a/src/assets/theme-light.svg → public/assets/theme-light.svg b/src/assets/theme-light.svg → public/assets/theme-light.svg
diff --git a/src/assets/twitter.svg → public/assets/twitter.svg b/src/assets/twitter.svg → public/assets/twitter.svg
diff --git a/src/assets/we-are-using/algolia.png → public/assets/we-are-using/algolia.png b/src/assets/we-are-using/algolia.png → public/assets/we-are-using/algolia.png
diff --git a/src/assets/we-are-using/andcards.png → public/assets/we-are-using/andcards.png b/src/assets/we-are-using/andcards.png → public/assets/we-are-using/andcards.png
diff --git a/src/assets/we-are-using/anwb.svg → public/assets/we-are-using/anwb.svg b/src/assets/we-are-using/anwb.svg → public/assets/we-are-using/anwb.svg
diff --git a/src/assets/we-are-using/bakkenbaeck.svg → public/assets/we-are-using/bakkenbaeck.svg b/src/assets/we-are-using/bakkenbaeck.svg → public/assets/we-are-using/bakkenbaeck.svg
diff --git a/src/assets/we-are-using/bluehive.svg → public/assets/we-are-using/bluehive.svg b/src/assets/we-are-using/bluehive.svg → public/assets/we-are-using/bluehive.svg
diff --git a/src/assets/we-are-using/bodybuildingcom.svg → ...c/assets/we-are-using/bodybuildingcom.svg b/src/assets/we-are-using/bodybuildingcom.svg → ...c/assets/we-are-using/bodybuildingcom.svg
diff --git a/src/assets/we-are-using/broadway.png → public/assets/we-are-using/broadway.png b/src/assets/we-are-using/broadway.png → public/assets/we-are-using/broadway.png
diff --git a/src/assets/we-are-using/bustle.svg → public/assets/we-are-using/bustle.svg b/src/assets/we-are-using/bustle.svg → public/assets/we-are-using/bustle.svg
diff --git a/src/assets/we-are-using/dailymotion.svg → public/assets/we-are-using/dailymotion.svg b/src/assets/we-are-using/dailymotion.svg → public/assets/we-are-using/dailymotion.svg
diff --git a/src/assets/we-are-using/datapedia.png → public/assets/we-are-using/datapedia.png b/src/assets/we-are-using/datapedia.png → public/assets/we-are-using/datapedia.png
diff --git a/src/assets/we-are-using/deno.svg → public/assets/we-are-using/deno.svg b/src/assets/we-are-using/deno.svg → public/assets/we-are-using/deno.svg
diff --git a/src/assets/we-are-using/devpad.png → public/assets/we-are-using/devpad.png b/src/assets/we-are-using/devpad.png → public/assets/we-are-using/devpad.png
diff --git a/src/assets/we-are-using/dominos.svg → public/assets/we-are-using/dominos.svg b/src/assets/we-are-using/dominos.svg → public/assets/we-are-using/dominos.svg
diff --git a/src/assets/we-are-using/doxford.png → public/assets/we-are-using/doxford.png b/src/assets/we-are-using/doxford.png → public/assets/we-are-using/doxford.png
diff --git a/src/assets/we-are-using/financial-times.svg → ...c/assets/we-are-using/financial-times.svg b/src/assets/we-are-using/financial-times.svg → ...c/assets/we-are-using/financial-times.svg
diff --git a/src/assets/we-are-using/groupon.svg → public/assets/we-are-using/groupon.svg b/src/assets/we-are-using/groupon.svg → public/assets/we-are-using/groupon.svg
diff --git a/src/assets/we-are-using/hashicorp.svg → public/assets/we-are-using/hashicorp.svg b/src/assets/we-are-using/hashicorp.svg → public/assets/we-are-using/hashicorp.svg
diff --git a/src/assets/we-are-using/housing.png → public/assets/we-are-using/housing.png b/src/assets/we-are-using/housing.png → public/assets/we-are-using/housing.png
diff --git a/src/assets/we-are-using/huayang.png → public/assets/we-are-using/huayang.png b/src/assets/we-are-using/huayang.png → public/assets/we-are-using/huayang.png
diff --git a/src/assets/we-are-using/hugo.svg → public/assets/we-are-using/hugo.svg b/src/assets/we-are-using/hugo.svg → public/assets/we-are-using/hugo.svg
diff --git a/src/assets/we-are-using/insided.svg → public/assets/we-are-using/insided.svg b/src/assets/we-are-using/insided.svg → public/assets/we-are-using/insided.svg
diff --git a/...sets/we-are-using/instantdomainsearch.svg → ...sets/we-are-using/instantdomainsearch.svg b/...sets/we-are-using/instantdomainsearch.svg → ...sets/we-are-using/instantdomainsearch.svg
diff --git a/src/assets/we-are-using/irctc-ecatering.svg → ...c/assets/we-are-using/irctc-ecatering.svg b/src/assets/we-are-using/irctc-ecatering.svg → ...c/assets/we-are-using/irctc-ecatering.svg
diff --git a/src/assets/we-are-using/leesa.svg → public/assets/we-are-using/leesa.svg b/src/assets/we-are-using/leesa.svg → public/assets/we-are-using/leesa.svg
diff --git a/src/assets/we-are-using/lmllogo.png → public/assets/we-are-using/lmllogo.png b/src/assets/we-are-using/lmllogo.png → public/assets/we-are-using/lmllogo.png
diff --git a/src/assets/we-are-using/lyft.svg → public/assets/we-are-using/lyft.svg b/src/assets/we-are-using/lyft.svg → public/assets/we-are-using/lyft.svg
diff --git a/src/assets/we-are-using/mopinion.svg → public/assets/we-are-using/mopinion.svg b/src/assets/we-are-using/mopinion.svg → public/assets/we-are-using/mopinion.svg
diff --git a/src/assets/we-are-using/namshi.png → public/assets/we-are-using/namshi.png b/src/assets/we-are-using/namshi.png → public/assets/we-are-using/namshi.png
diff --git a/src/assets/we-are-using/narcitymedia.png → public/assets/we-are-using/narcitymedia.png b/src/assets/we-are-using/narcitymedia.png → public/assets/we-are-using/narcitymedia.png
diff --git a/...ssets/we-are-using/native-instruments.png → ...ssets/we-are-using/native-instruments.png b/...ssets/we-are-using/native-instruments.png → ...ssets/we-are-using/native-instruments.png
diff --git a/src/assets/we-are-using/neo4j.png → public/assets/we-are-using/neo4j.png b/src/assets/we-are-using/neo4j.png → public/assets/we-are-using/neo4j.png
diff --git a/src/assets/we-are-using/nytimes.png → public/assets/we-are-using/nytimes.png b/src/assets/we-are-using/nytimes.png → public/assets/we-are-using/nytimes.png
diff --git a/src/assets/we-are-using/omroepwest.svg → public/assets/we-are-using/omroepwest.svg b/src/assets/we-are-using/omroepwest.svg → public/assets/we-are-using/omroepwest.svg
diff --git a/src/assets/we-are-using/pepsi.png → public/assets/we-are-using/pepsi.png b/src/assets/we-are-using/pepsi.png → public/assets/we-are-using/pepsi.png
diff --git a/src/assets/we-are-using/qq.png → public/assets/we-are-using/qq.png b/src/assets/we-are-using/qq.png → public/assets/we-are-using/qq.png
diff --git a/src/assets/we-are-using/rocketchat.svg → public/assets/we-are-using/rocketchat.svg b/src/assets/we-are-using/rocketchat.svg → public/assets/we-are-using/rocketchat.svg
diff --git a/src/assets/we-are-using/selly.png → public/assets/we-are-using/selly.png b/src/assets/we-are-using/selly.png → public/assets/we-are-using/selly.png
diff --git a/src/assets/we-are-using/sierranevada.svg → public/assets/we-are-using/sierranevada.svg b/src/assets/we-are-using/sierranevada.svg → public/assets/we-are-using/sierranevada.svg
diff --git a/src/assets/we-are-using/skiscool.svg → public/assets/we-are-using/skiscool.svg b/src/assets/we-are-using/skiscool.svg → public/assets/we-are-using/skiscool.svg
diff --git a/src/assets/we-are-using/slowtec.svg → public/assets/we-are-using/slowtec.svg b/src/assets/we-are-using/slowtec.svg → public/assets/we-are-using/slowtec.svg
diff --git a/src/assets/we-are-using/smartrate.png → public/assets/we-are-using/smartrate.png b/src/assets/we-are-using/smartrate.png → public/assets/we-are-using/smartrate.png
diff --git a/src/assets/we-are-using/smashingmagazine.png → .../assets/we-are-using/smashingmagazine.png b/src/assets/we-are-using/smashingmagazine.png → .../assets/we-are-using/smashingmagazine.png
diff --git a/src/assets/we-are-using/sogou.png → public/assets/we-are-using/sogou.png b/src/assets/we-are-using/sogou.png → public/assets/we-are-using/sogou.png
diff --git a/src/assets/we-are-using/songwhip.svg → public/assets/we-are-using/songwhip.svg b/src/assets/we-are-using/songwhip.svg → public/assets/we-are-using/songwhip.svg
diff --git a/src/assets/we-are-using/synacor.png → public/assets/we-are-using/synacor.png b/src/assets/we-are-using/synacor.png → public/assets/we-are-using/synacor.png
diff --git a/src/assets/we-are-using/thecoralproject.png → ...c/assets/we-are-using/thecoralproject.png b/src/assets/we-are-using/thecoralproject.png → ...c/assets/we-are-using/thecoralproject.png
diff --git a/src/assets/we-are-using/thepracticaldev.png → ...c/assets/we-are-using/thepracticaldev.png b/src/assets/we-are-using/thepracticaldev.png → ...c/assets/we-are-using/thepracticaldev.png
diff --git a/src/assets/we-are-using/tradeshift.png → public/assets/we-are-using/tradeshift.png b/src/assets/we-are-using/tradeshift.png → public/assets/we-are-using/tradeshift.png
diff --git a/src/assets/we-are-using/transformers.png → public/assets/we-are-using/transformers.png b/src/assets/we-are-using/transformers.png → public/assets/we-are-using/transformers.png
diff --git a/src/assets/we-are-using/treebo.svg → public/assets/we-are-using/treebo.svg b/src/assets/we-are-using/treebo.svg → public/assets/we-are-using/treebo.svg
diff --git a/src/assets/we-are-using/uber.png → public/assets/we-are-using/uber.png b/src/assets/we-are-using/uber.png → public/assets/we-are-using/uber.png
diff --git a/src/assets/we-are-using/wellapp.png → public/assets/we-are-using/wellapp.png b/src/assets/we-are-using/wellapp.png → public/assets/we-are-using/wellapp.png
diff --git a/src/assets/we-are-using/westwing.png → public/assets/we-are-using/westwing.png b/src/assets/we-are-using/westwing.png → public/assets/we-are-using/westwing.png
diff --git a/src/assets/favicon.ico → public/favicon.ico b/src/assets/favicon.ico → public/favicon.ico
diff --git a/public/index.html b/public/index.html
@@ -0,0 +1,66 @@
+<!DOCTYPE html>
+<html lang="en">
+	<head>
+		<meta charset="utf-8" />
+		<title>Preact</title>
+		<meta
+			name="viewport"
+			content="width=device-width, initial-scale=1.0, minimal-ui"
+		/>
+		<meta name="mobile-web-app-capable" content="yes" />
+		<meta name="apple-mobile-web-app-capable" content="yes" />
+		<meta
+			name="apple-touch-icon"
+			content="/assets/app-icon.png"
+			sizes="512x512"
+		/>
+		<!-- <link
+			rel="manifest"
+			href="<%= htmlWebpackPlugin.files.publicPath %>manifest.json"
+		/> -->
+		<meta
+			name="description"
+			content="Preact is a fast 3kB alternative to React with the same modern API."
+		/>
+		<meta name="theme-color" content="#673AB8" />
+		<meta name="twitter:card" content="summary" />
+		<meta property="og:url" content="https://preactjs.com" />
+		<meta property="og:title" content="Preact" />
+		<meta
+			property="og:description"
+			content="Preact is a fast 3kB alternative to React with the same modern API."
+		/>
+		<meta
+			property="og:image"
+			content="https://preactjs.com/assets/app-icon.png"
+		/>
+		<!-- <script>
+			ga =
+				window.ga ||
+				function() {
+					(ga.q = ga.q || []).push(arguments);
+				};
+			ga('set', 'dimension1', '<%= process.env.BRANCH %>');
+			onerror = function(e, f, l, c) {
+				ga('send', 'event', 'exception', e, f + ':' + l + ':' + c);
+			};
+		</script> -->
+
+		<link rel="shortcut icon" href="/favicon.ico" />
+
+		<link
+			href="https://cdn.jsdelivr.net"
+			rel="preconnect"
+			crossorigin="anonymous"
+		/>
+	</head>
+	<body>
+		<div id="root"></div>
+		<script
+			async
+			defer
+			src="https://www.google-analytics.com/analytics.js"
+		></script>
+		<script type="module" src="/main.js"></script>
+	</body>
+</html>
diff --git a/public/main.js b/public/main.js
@@ -0,0 +1,22 @@
+import 'preact/devtools';
+import { hydrate } from 'preact-iso';
+import * as preact from 'preact';
+import * as hooks from 'preact/hooks';
+import { App } from '../src/index.js';
+
+// allows users to play with preact in the browser developer console
+globalThis.preact = { ...preact, ...hooks };
+
+// Install JSDOM's DOMParser globally. Used by <Markup> component's parser.
+if (import.meta.env.PRERENDER) {
+	const jsdom = __non_webpack_require__('jsdom');
+	globalThis.DOMParser = new jsdom.JSDOM().window.DOMParser;
+}
+
+if (typeof document !== 'undefined') {
+	hydrate(<App />, document.getElementById('root'));
+}
+
+export async function prerender(data) {
+	return (await import('../src/prerender.js')).prerender(<App {...data} />);
+}
diff --git a/src/_redirects b/src/_redirects
@@ -1,3 +1,6 @@
+/guide /guide/v10/getting-started
+/guide/v8 /guide/v8/getting-started
+/guide/v10 /guide/v10/getting-started
 /guide/getting-started /guide/v10/getting-started
 /guide/differences-to-react /guide/v10/differences-to-react
 /guide/switching-to-preact /guide/v10/switching-to-preact
@@ -9,4 +12,3 @@
 /guide/extending-component /guide/v8/extending-component
 /guide/unit-testing-with-enzyme /guide/v10/unit-testing-with-enzyme
 /guide/progressive-web-apps /guide/v10/progressive-web-apps
-/content/* /content/*
diff --git a/src/analytics.js b/src/analytics.js
@@ -1,4 +1,4 @@
-if (!PRERENDER) {
+if (false) {
 	const ga = (window.ga =
 		window.ga || ((...args) => (ga.q = ga.q || []).push(args)));
-Original file line number
+Diff line change
@@ Expand Up / @@ -4,3 +4,4 @@ @@
     .DS_Store
     dist
     *.sw[op]
+    .cache/