upgrade packages for preact x

package.json

@@ -3,7 +3,7 @@
 	"version": "4.0.2",
 	"description": "A blazing fast & offline web playground",
 	"scripts": {
-		"start": "npm run -s dev && gulp start-preview-server",
+		"start": "npm run -s dev",
 		"build": "preact build --template src/index.html --no-prerender --service-worker false",
 		"serve": "preact build && preact serve",
 		"dev": "preact watch --template src/index.html --no-prerender",
@@ -33,6 +33,7 @@
 		]
 	},
 	"devDependencies": {
+		"@11ty/eleventy": "^0.7.1",
 		"@lingui/cli": "^2.7.0",
 		"@lingui/macro": "^2.7.0",
 		"babel-core": "^6.26.3",
@@ -53,14 +54,13 @@
 		"if-env": "^1.0.0",
 		"jest": "^21.2.1",
 		"lint-staged": "^7.2.0",
+		"markdown-it": "^8.4.2",
+		"markdown-it-anchor": "^5.0.2",
 		"merge-stream": "^1.0.1",
-		"preact-cli": "^2.1.0",
+		"preact-cli": "^3.0.0-rc.3",
 		"preact-render-spy": "^1.2.1",
 		"run-sequence": "^2.2.1",
-		"sw-precache": "^5.2.0",
-		"@11ty/eleventy": "^0.7.1",
-		"markdown-it": "^8.4.2",
-		"markdown-it-anchor": "^5.0.2"
+		"sw-precache": "^5.2.0"
 	},
 	"dependencies": {
 		"@emmetio/codemirror-plugin": "^0.5.4",
@@ -72,8 +72,7 @@
 		"firebase": "^5.5.8",
 		"gulp-connect": "^5.7.0",
 		"jszip": "^3.1.5",
-		"preact": "^8.2.6",
-		"preact-compat": "^3.17.0",
+		"preact": "^10.0.0-rc.0",
 		"preact-portal": "^1.1.3",
 		"preact-router": "^2.5.7",
 		"prettier": "^1.16.4",
@@ -103,9 +102,8 @@
 			"\\.(css|less|scss)$": "identity-obj-proxy",
 			"^./style$": "identity-obj-proxy",
 			"^preact$": "<rootDir>/node_modules/preact/dist/preact.min.js",
-			"^react$": "preact-compat",
-			"^react-dom$": "preact-compat",
-			"^create-react-class$": "preact-compat/lib/create-react-class",
+			"^react$": "preact/compat",
+			"^react-dom$": "preact/compat",
 			"^react-addons-css-transition-group$": "preact-css-transition-group"
 		}
 	},

preact.config.js

@@ -1,4 +1,4 @@
-var CommonsChunkPlugin = require('webpack/lib/optimize/CommonsChunkPlugin');
+// var CommonsChunkPlugin = require('webpack/lib/optimize/CommonsChunkPlugin');
 
 /**
  * Function that mutates original webpack config.
@@ -34,12 +34,12 @@ export default function(config, env, helpers) {
 		// Remove the default hash append in chunk name
 		config.output.chunkFilename = '[name].chunk.js';
 
-		config.plugins.push(
-			new CommonsChunkPlugin({
-				name: 'vendor',
-				minChunks: ({ resource }) => /node_modules/.test(resource)
-			})
-		);
+		// config.plugins.push(
+		// 	new CommonsChunkPlugin({
+		// 		name: 'vendor',
+		// 		minChunks: ({ resource }) => /node_modules/.test(resource)
+		// 	})
+		// );
 
 		const swPlugin = helpers.getPluginsByName(
 			config,

src/components/Console.jsx

@@ -1,7 +1,7 @@
 import { h, Component } from 'preact';
 import { Inspector, chromeDark } from 'react-inspector';
 import { Trans } from '@lingui/macro';
-import { PureComponent } from 'preact-compat';
+import { PureComponent } from 'preact/compat';
 
 class LogRow extends Component {
 	shouldComponentUpdate() {

src/components/PreviewDimension.jsx

@@ -1,5 +1,5 @@
 import { h } from 'preact';
-import { PureComponent } from 'preact-compat';
+import { PureComponent } from 'preact/compat';
 
 /**
  * This component udpates not through props or state, but by some parent

src/components/SplitPane.jsx

@@ -38,7 +38,7 @@ export class SplitPane extends Component {
 		options.gutterSize = 6;
 
 		/* eslint-disable new-cap */
-		this.splitInstance = Split([...this.parent.children], options);
+		this.splitInstance = Split(Array.from(this.parent.children), options);
 
 		/* eslint-enable new-cap */