Initial commit of packaging! 🚀

Author: developit

.babelrc

@@ -0,0 +1,11 @@
+{
+  "sourceMaps": true,
+  "presets": [
+    "es2015-minimal",
+    "stage-0"
+  ],
+  "plugins": [
+    ["transform-decorators-legacy"],
+    ["transform-react-jsx", { "pragma": "h" }]
+  ]
+}

.editorconfig

@@ -0,0 +1,15 @@
+root = true
+
+[*]
+indent_style = tab
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+
+[{package.json,.*rc,*.yml}]
+indent_style = space
+indent_size = 2
+
+[*.md]
+trim_trailing_whitespace = false

.eslintrc

@@ -0,0 +1,40 @@
+{
+  "parser": "babel-eslint",
+  "rules": {
+    "semi": 2,
+    "camelcase": 0,
+    "comma-style": 2,
+    "comma-dangle": [2, "never"],
+    "indent": [2, "tab", {"SwitchCase": 1}],
+    "no-mixed-spaces-and-tabs": [2, "smart-tabs"],
+    "no-trailing-spaces": [2, { "skipBlankLines": true }],
+    "max-nested-callbacks": [2, 3],
+    "no-eval": 2,
+    "no-implied-eval": 2,
+    "no-new-func": 2,
+    "guard-for-in": 2,
+    "eqeqeq": 2,
+    "no-else-return": 2,
+    "no-redeclare": 2,
+    "no-dupe-keys": 2,
+    "radix": 2,
+    "strict": [2, "never"],
+    "no-shadow": 0,
+    "callback-return": [1, ["callback", "cb", "next", "done"]],
+    "no-delete-var": 2,
+    "no-undef-init": 2,
+    "no-shadow-restricted-names": 2,
+    "handle-callback-err": 0,
+    "no-lonely-if": 2,
+    "space-return-throw-case": 2,
+    "constructor-super": 2,
+    "no-this-before-super": 2,
+    "no-dupe-class-members": 2,
+    "no-const-assign": 2,
+    "prefer-spread": 2,
+    "no-useless-concat": 2,
+    "no-var": 2,
+    "object-shorthand": 2,
+    "prefer-arrow-callback": 2
+  }
+}

.gitignore

@@ -0,0 +1,4 @@
+/node_modules
+/npm-debug.log
+/build
+.DS_Store

README.md

@@ -0,0 +1,46 @@
+# `preact-boilerplate`
+
+> Ready-to-go [webpack]-powered [Preact] starter project.
+
+
+## Installation
+
+**1. Clone this repo:**
+
+```sh
+git clone [email protected]:developit/preact-boilerplate.git my-app
+cd my-app
+```
+
+**2. Make it your own:**
+
+```sh
+rm -rf .git && git init && npm init
+```
+
+**3. Install the dependencies:**
+
+```sh
+npm install
+```
+
+**4. Start a live-reload development server:**
+
+```sh
+PORT=8080 npm run dev
+```
+
+**5. Generate a production build in `./build`:**
+
+```sh
+npm run build
+```
+
+
+## License
+
+MIT
+
+
+[Preact]: https://developit.github.io/preact
+[webpack]: https://webpack.github.io

package.json

@@ -0,0 +1,60 @@
+{
+  "name": "preact-boilerplate",
+  "version": "0.1.0",
+  "description": "Ready-to-go Preact starter project powered by webpack.",
+  "scripts": {
+    "dev": "NODE_ENV=development webpack-dev-server --inline --progress",
+    "start": "superstatic build -p ${PORT:-8080} --gzip -c '{\"routes\":{\"**\":\"index.html\"},\"cache_control\":{\"**\":86400}}'",
+    "prestart": "npm run build",
+    "build": "NODE_ENV=production webpack -p --progress",
+    "prebuild": "mkdir -p build && ncp src/assets build/assets",
+    "test": "eslint src tests/**/*.js"
+  },
+  "keywords": [
+    "preact",
+    "boilerplate",
+    "webpack"
+  ],
+  "license": "MIT",
+  "author": "Jason Miller <[email protected]>",
+  "devDependencies": {
+    "autoprefixer": "^6.3.1",
+    "babel": "^6.3.26",
+    "babel-core": "^6.4.0",
+    "babel-eslint": "^5.0.0-beta6",
+    "babel-loader": "^6.2.1",
+    "babel-plugin-transform-decorators-legacy": "^1.3.4",
+    "babel-plugin-transform-react-jsx": "^6.4.0",
+    "babel-preset-es2015": "^6.3.13",
+    "babel-preset-es2015-minimal": "^1.0.0",
+    "babel-preset-stage-0": "^6.3.13",
+    "babel-register": "^6.4.3",
+    "babel-runtime": "^6.3.19",
+    "chai": "^3.4.1",
+    "core-js": "^2.0.3",
+    "css-loader": "^0.23.1",
+    "eslint": "^1.10.3",
+    "extract-text-webpack-plugin": "^1.0.1",
+    "file-loader": "^0.8.5",
+    "html-webpack-plugin": "^1.7.0",
+    "json-loader": "^0.5.4",
+    "less": "^2.5.3",
+    "less-loader": "^2.2.2",
+    "ncp": "^2.0.0",
+    "npm-run-all": "^1.5.0",
+    "postcss-loader": "^0.8.0",
+    "raw-loader": "^0.5.1",
+    "source-map-loader": "^0.1.5",
+    "superstatic": "^4.0.1",
+    "url-loader": "^0.5.7",
+    "webpack": "^1.12.11",
+    "webpack-dev-server": "^1.14.1"
+  },
+  "dependencies": {
+    "decko": "^1.1.3",
+    "preact": "^2.7.3",
+    "preact-compat": "^0.4.0",
+    "preact-router": "^1.1.0",
+    "proptypes": "^0.14.1"
+  }
+}

webpack.config.babel.js

@@ -0,0 +1,120 @@
+import webpack from 'webpack';
+import ExtractTextPlugin from 'extract-text-webpack-plugin';
+import HtmlWebpackPlugin from 'html-webpack-plugin';
+import autoprefixer from 'autoprefixer';
+
+const ENV = process.env.NODE_ENV || 'development';
+const MAP = ENV==='production' ? '' : '?sourceMap';
+
+module.exports = {
+	entry: './src/index.js',
+
+	output: {
+		path: './build',
+		publicPath: '/',
+		filename: 'bundle.js'
+	},
+
+	resolve: {
+		extensions: ['', '.jsx', '.js', '.json', '.less'],
+		modulesDirectories: [
+			`${__dirname}/src/lib`,
+			`${__dirname}/node_modules`,
+			'node_modules'
+		],
+		alias: {
+			components: `${__dirname}/src/components`,		// used for tests
+			style: `${__dirname}/src/style`,
+			'react': 'preact-compat',
+			'react-dom': 'preact-compat'
+		}
+	},
+
+	module: {
+		preLoaders: [
+			{
+				test: /\.jsx?$/,
+				exclude: /src\//,
+				loader: 'source-map'
+			}
+		],
+		loaders: [
+			{
+				test: /\.jsx?$/,
+				exclude: /node_modules/,
+				loader: 'babel'
+			},
+			{
+				test: /\.(less|css)$/,
+				include: /src\/components\//,
+				loader: ExtractTextPlugin.extract([
+					`css${MAP||'?'}&modules&importLoaders=1&localIdentName=[local]${process.env.CSS_MODULES_IDENT || '_[hash:base64:5]'}`,
+					'postcss',
+					`less${MAP}`
+				].join('!'))
+			},
+			{
+				test: /\.(less|css)$/,
+				exclude: /src\/components\//,
+				loader: ExtractTextPlugin.extract(`css${MAP}!postcss!less${MAP}`)
+			},
+			{
+				test: /\.json$/,
+				loader: 'json'
+			},
+			{
+				test: /\.(xml|html|txt)$/,
+				loader: 'raw'
+			},
+			{
+				test: /\.(svg|woff|ttf|eot)(\?.*)?$/i,
+				loader: 'file-loader?name=assets/fonts/[name]_[hash:base64:5].[ext]'
+			}
+		]
+	},
+
+	postcss: () => [
+		autoprefixer({ browsers: 'last 2 versions' })
+	],
+
+	plugins: ([
+		new webpack.NoErrorsPlugin(),
+		new ExtractTextPlugin('style.css', { allChunks: true }),
+		new webpack.optimize.DedupePlugin(),
+		new webpack.DefinePlugin({
+			'process.env.NODE_ENV': JSON.stringify(ENV)
+		}),
+		new HtmlWebpackPlugin({
+			template: 'src/index.html',
+			minify: { collapseWhitespace: true }
+		})
+	]).concat(ENV==='production' ? [
+		new webpack.optimize.OccurenceOrderPlugin(),
+		new webpack.optimize.UglifyJsPlugin({
+			mangle: true,
+			compress: true,
+			comments: false
+		})
+	] : []),
+
+	stats: { colors: true },
+
+	devtool: ENV==='production' ? 'source-map' : 'inline-source-map',
+
+	devServer: {
+		port: process.env.PORT || 8080,
+		host: '0.0.0.0',
+		colors: true,
+		publicPath: '/',
+		contentBase: './src',
+		historyApiFallback: true,
+		proxy: [
+			// OPTIONAL: proxy configuration:
+			// {
+			// 	path: '/optional-prefix/**',
+			// 	target: 'http://target-host.com',
+			// 	rewrite: req => { req.url = req.url.replace(/^\/[^\/]+\//, ''); }   // strip first path segment
+			// }
+		]
+	}
+};