experimental: Using preact-iso to lazy load components

.changeset/cuddly-ducks-reply.md

@@ -0,0 +1,6 @@
+---
+'@preact/async-loader': major
+'preact-cli': major
+---
+
+Drops support for Preact v8

.changeset/cyan-tomatoes-count.md

@@ -0,0 +1,11 @@
+---
+'preact-cli': major
+---
+
+Alters CSS Module detection to instead rely upon file names, rather than directory names.
+
+Treating all CSS files found within `routes/` and `components/` as CSS Modules was not obvious, nor did it offer an easy way to opt out (or in) without editing the Webpack config itself.
+
+This change makes is so that users can opt into CSS Modules from anywhere in their app by instead naming their CSS files according to the pattern `*.module.css`.
+
+Anyone using CSS Modules within `routes/` or `components/` will need to alter their CSS files to be `x.module.css`. If you've disabled CSS Modules in your `preact.config.js`, you can remove that bit of configuration and use file names to instead determine behavior.

.changeset/great-dryers-cross.md

@@ -0,0 +1,9 @@
+---
+'preact-cli': major
+---
+
+Reduces the `env` parameter of `preact.config.js` to only contain 3 values: `isProd`, `isWatch`, and `isServer`.
+
+Previously, `env` contained many semi-duplicated values (`production` and `isProd`, etc) as well as values that were unlikely to be of much use to many users (what flags were set, for instance). Because of this, the signal-to-noise ratio was rather low which we didn't like. As such, we reduced `env` down to the most basic environment info: what type of build is `preact-cli` doing and for which environement?
+
+If you customize your Webpack config using a `preact.config.js`, please be aware that you may need to update which values you consume from `env`.

.changeset/hungry-peas-look.md

@@ -0,0 +1,9 @@
+---
+'preact-cli': major
+---
+
+To increase transparency and user control over the `template.html`, `<% preact.headEnd %>` and `<% preact.bodyEnd %>` will no longer be supported; instead, users should directly adopt the EJS and keep it in their templates.
+
+In the past, these were abstracted away as they were a bit unwieldy; EJS might be unfamiliar with users and the way data was retrieved from `html-webpack-plugin` was somewhat less than elegant. However, this has much improved over the years and the abstraction only makes simple edits less than obvious, so it is no longer fulfilling it's purpose.
+
+New projects will have a `template.ejs` created in place of the old `template.html`, containing the full EJS template. For existing projects, you can copy [the default `template.ejs`](https://github.com/preactjs/preact-cli/blob/master/packages/cli/src/resources/template.ejs) into your project or adapt it as you wish.

.changeset/lucky-lizards-drive.md

@@ -0,0 +1,5 @@
+---
+'preact-cli': major
+---
+
+HMR / the `--refresh` flag is now enabled by default in dev mode.

.changeset/metal-roses-flash.md

@@ -0,0 +1,7 @@
+---
+'preact-cli': major
+---
+
+Changes the JSX transform from 'classic' to the newer 'automatic'
+
+Users will no longer need to add `import { h } from 'preact'` in their components; it will be done automatically for them.

.changeset/poor-sloths-mate.md

@@ -0,0 +1,5 @@
+---
+'preact-cli': major
+---
+
+Removes `--preload` flag and functionality from build command.

.changeset/popular-zebras-yell.md

@@ -0,0 +1,5 @@
+---
+'preact-cli': patch
+---
+
+Disables hash in CSS file names for the SSR build

.changeset/quiet-eels-fix.md

@@ -0,0 +1,5 @@
+---
+'preact-cli': major
+---
+
+Removes `--json` & `--brotli` flags from `preact build`. Also removes `--rhl` alias for `--refresh` from `preact watch`.

.changeset/rude-walls-dress.md

@@ -0,0 +1,6 @@
+---
+'preact-cli': major
+'@preact/prerender-data-provider': major
+---
+
+Updates to use html-webpack-plugin v4

.changeset/sweet-snakes-cheat.md

@@ -0,0 +1,12 @@
+---
+'preact-cli': major
+---
+
+- Upgrades to Webpack v5
+  - Any custom configuration you do in your `preact.config.js` may need to be altered to account for this. Plugins may need replacements or different option formats.
+
+- `--esm` flag has been removed
+  - Dual output is now enabled by default in production builds.
+
+- `.babelrc` no longer overwrites matching keys
+  - Instead, the config will be merged in to the default. The default still takes precedence when there are conflicts, so you will still need to use your `preact.config.js` if you want to edit or remove default plugins or presets.

.changeset/tender-lamps-boil.md

@@ -0,0 +1,9 @@
+---
+'preact-cli': major
+---
+
+Minimum supported Node version for `preact-cli` is now v14.14.0. Please upgrade if you are on an older version.
+
+`build` and `watch` commands will no longer take an optional `src` directory argument; if you want to change the source directory from the default (`./src`), please instead use the `--src` flag (i.e., `--src differentSrc`).
+
+Upon rebuild, the output directory will no longer be outright deleted; instead, it will be emptied. This has the benefit of better supporting containerized environments where specific directories are mounted. Emptying the directory, rather than deleting and recreating it, ensures a stable reference for those tools.

.changeset/tiny-garlics-argue.md

@@ -0,0 +1,14 @@
+---
+'preact-cli': major
+'create-preact-cli': major
+---
+
+Extracts project creation functionality from `preact-cli` into `create-preact-cli`
+
+Setting up new `preact-cli` projects with `npx` is slow, as all dependencies of `preact-cli` would need to be installed, even though only a handful are used for project initialization. On the other hand, suggesting global installs is less than attractive due to NPM's poor default install location (requires `sudo`) and this can get out of sync over time.
+
+By extracting project initialization into its own package, we can provide much, much faster project setup times.
+
+To setup a new project, users will use `npm init preact-cli ...` or `yarn create preact-cli ...`.
+
+Additionally, the `--yarn` flag has been removed in favour of using the yarn initializer (`yarn create`).

.changeset/wild-lizards-raise.md

@@ -0,0 +1,18 @@
+---
+'preact-cli': major
+---
+
+Removes support for automatic async routes via `@preact/async-loader`.
+
+Instead of magic directories, users can use `preact-iso`'s `lazy()` to split routes & components as they wish from anywhere.
+
+This should be a lot more powerful and transparent compared to the previous setup.
+
+```js
+// before
+import Home from './routes/home';
+
+// after
+import { lazy } from 'preact-iso';
+const Home = lazy(() => import('./routes/home.js'));
+```

.eslintignore

@@ -1,3 +1,4 @@
 **/node_modules
 **/tests/output
+**/tests/subjects/*/preact.config.js
 **/*.d.ts

.eslintrc

@@ -1,19 +1,12 @@
 {
-  "extends": [
-    "eslint:recommended",
-    "prettier"
-  ],
+  "extends": ["eslint:recommended", "prettier"],
   "parser": "babel-eslint",
   "env": {
     "browser": true,
     "node": true,
     "es6": true
   },
-  "plugins": [
-    "babel",
-    "react",
-    "prettier"
-  ],
+  "plugins": ["babel", "react", "prettier"],
   "settings": {
     "react": {
       "pragma": "h",
@@ -29,6 +22,13 @@
   "rules": {
     "no-console": 1,
     "no-empty": 0,
+    "no-unused-vars": [
+      2,
+      {
+        "argsIgnorePattern": "^_",
+        "varsIgnorePattern": "^_"
+      }
+    ],
     "semi": 2,
     "keyword-spacing": 2,
     "require-atomic-updates": 0,

.github/workflows/ci.yml

@@ -19,7 +19,7 @@ jobs:
     timeout-minutes: 10
     strategy:
       matrix:
-        node-version: [12.x, 14.x]
+        node-version: [14.x, 16.x]
     steps:
       - uses: actions/checkout@v2
         with: