"use strict";

const budoExpress = require("budo-express");
const babelify = require("babelify");

const icssify = require("icssify");
const postcssPlugins = ["postcss-strip-inline-comments", "postcss-nested", "postcss-custom-prop-vars", "postcss-color-function"].map((plugin) => require(plugin)());

const browserifyConfig = {
	transform: babelify.configure({presets: ["@babel/preset-env", "@babel/preset-react"]}),
	plugin: [
		[icssify, {
			before: postcssPlugins,
			mode: 'global'
		}],
		["css-extract", {
			out: "public/bundle.css"
		}]
	],
	extensions: [".jsx"]
};

budoExpress({
	expressApp: require("./server"),
	host: '10.0.1.1',
	port: 8080,
	allowUnsafeHost: true,
	basePath: __dirname,
	entryFiles: ["src/index.js"],
	staticPath: "public",
	bundlePath: "bundle.js",
	livereloadPattern: "**/*.{css,html,js,svg}",
	browserify: browserifyConfig
});