Add prettier

Author: sventschui

alias.js

@@ -1,9 +1,11 @@
-const moduleAlias = require('module-alias');
+const moduleAlias = require("module-alias");
 
 module.exports = () => {
-	const renderToString = require('preact-render-to-string');
-	if (!renderToString.renderToStaticMarkup) { renderToString.renderToStaticMarkup = renderToString; }
-	moduleAlias.addAlias('react', 'preact/compat');
-	moduleAlias.addAlias('react-dom', 'preact/compat');
-	moduleAlias.addAlias('react-ssr-prepass', 'preact-ssr-prepass');
+  const renderToString = require("preact-render-to-string");
+  if (!renderToString.renderToStaticMarkup) {
+    renderToString.renderToStaticMarkup = renderToString;
+  }
+  moduleAlias.addAlias("react", "preact/compat");
+  moduleAlias.addAlias("react-dom", "preact/compat");
+  moduleAlias.addAlias("react-ssr-prepass", "preact-ssr-prepass");
 };

demo/lazy.js

@@ -1,5 +1,5 @@
-import React from 'react';
+import React from "react";
 
 export default function LazyComp() {
-	return <div>Hi Lazy!</div>;
+  return <div>Hi Lazy!</div>;
 }

demo/next.config.js

@@ -1,7 +1,6 @@
 // next.config.js
-const withPreact = require('../');
+const withPreact = require("../");
 
 module.exports = withPreact({
-
-	/* config options here */
+  /* config options here */
 });

demo/pages/index.js

@@ -1,13 +1,13 @@
-import React from 'react';
-import dynamic from 'next/dynamic';
+import React from "react";
+import dynamic from "next/dynamic";
 
-const L = dynamic(() => import('../lazy'));
+const L = dynamic(() => import("../lazy"));
 
 export default function App() {
-	return (
-		<div>
-            Hello world!
-			<L />
-		</div>
-	);
+  return (
+    <div>
+      Hello world!
+      <L />
+    </div>
+  );
 }

package.json

@@ -19,14 +19,22 @@
   "bin": {
     "next-preact": "./cli.js"
   },
+  "husky": {
+    "hooks": {
+      "pre-commit": "pretty-quick --staged *.js demo/*.js demo/pages/*.js"
+    }
+  },
   "devDependencies": {
     "eslint": "^6.0.1",
     "eslint-config-developit": "^1.1.1",
     "eslint-plugin-compat": "2.7.0",
     "eslint-plugin-mocha": "4.12.1",
+    "husky": "^4.2.5",
     "karma": "^4.1.0",
     "next": "^9.0.0",
-    "preact": "^10.0.0-beta.3 || ^10.0.0-rc.0 || ^10"
+    "preact": "^10.0.0-beta.3 || ^10.0.0-rc.0 || ^10",
+    "prettier": "^2.0.5",
+    "pretty-quick": "^2.0.1"
   },
   "dependencies": {
     "module-alias": "^2.0.0",

plugin.js

@@ -1,38 +1,44 @@
-module.exports = (nextConfig = {}) => Object.assign({}, nextConfig, {
-	webpack(config, options) {
-		if (!options.defaultLoaders) {
-			throw new Error(
-				'This plugin is not compatible with Next.js versions below 5.0.0 https://err.sh/next-plugins/upgrade'
-			);
-		}
+module.exports = (nextConfig = {}) =>
+  Object.assign({}, nextConfig, {
+    webpack(config, options) {
+      if (!options.defaultLoaders) {
+        throw new Error(
+          "This plugin is not compatible with Next.js versions below 5.0.0 https://err.sh/next-plugins/upgrade"
+        );
+      }
 
-		if (options.isServer) {
-			config.externals = ['react', 'react-dom', 'react-ssr-prepass', ...config.externals];
-		}
+      if (options.isServer) {
+        config.externals = [
+          "react",
+          "react-dom",
+          "react-ssr-prepass",
+          ...config.externals,
+        ];
+      }
 
-		config.resolve.alias = Object.assign({}, config.resolve.alias, {
-			react: 'preact/compat',
-			'react-dom': 'preact/compat'
-		});
+      config.resolve.alias = Object.assign({}, config.resolve.alias, {
+        react: "preact/compat",
+        "react-dom": "preact/compat",
+      });
 
-		if (typeof nextConfig.webpack === 'function') {
-			config = nextConfig.webpack(config, options);
-		}
+      if (typeof nextConfig.webpack === "function") {
+        config = nextConfig.webpack(config, options);
+      }
 
-		if (
-			config.optimization &&
-			config.optimization.splitChunks &&
-			config.optimization.splitChunks.cacheGroups &&
-			config.optimization.splitChunks.cacheGroups.framework
-		  ) {
-			config.optimization.splitChunks.cacheGroups.framework.test = new RegExp(
-			  '(' +
-				config.optimization.splitChunks.cacheGroups.framework.test.source +
-				')|((?<!node_modules.*)[\\/]node_modules[\\/](preact)[\\/])',
-			  config.optimization.splitChunks.cacheGroups.framework.test.flags
-			);
-		  }
+      if (
+        config.optimization &&
+        config.optimization.splitChunks &&
+        config.optimization.splitChunks.cacheGroups &&
+        config.optimization.splitChunks.cacheGroups.framework
+      ) {
+        config.optimization.splitChunks.cacheGroups.framework.test = new RegExp(
+          "(" +
+            config.optimization.splitChunks.cacheGroups.framework.test.source +
+            ")|((?<!node_modules.*)[\\/]node_modules[\\/](preact)[\\/])",
+          config.optimization.splitChunks.cacheGroups.framework.test.flags
+        );
+      }
 
-		return config;
-	}
-});
+      return config;
+    },
+  });