Start

.babelrc

@@ -0,0 +1,6 @@
+{
+	"presets": [
+		"@babel/env",
+		"@babel/typescript"
+	]
+}

.editorconfig

@@ -0,0 +1,14 @@
+# editorconfig.org
+root = true
+
+[*]
+indent_style = tab
+indent_size = 4
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+
+[package*.json]
+indent_style = space
+indent_size = 2

.eslintrc.json

@@ -0,0 +1,17 @@
+{
+	"env": {
+		"browser": true,
+		"node": true,
+		"es6": true
+	},
+	"parser": "@typescript-eslint/parser",
+	"parserOptions": {
+		"ecmaVersion": 2018,
+		"sourceType": "module"
+	},
+	"plugins": ["@typescript-eslint"],
+	"extends": [
+		"eslint:recommended",
+		"plugin:@typescript-eslint/recommended"
+	]
+}

.gitignore

@@ -0,0 +1,2 @@
+dist
+node_modules

.stylelintrc.json

@@ -0,0 +1,17 @@
+{
+	"extends": "stylelint-config-standard",
+	"rules": {
+		"indentation": "tab",
+		"font-family-name-quotes": "always-where-recommended",
+		"function-url-quotes": ["always", {
+			"except": "empty"
+		}],
+		"selector-attribute-quotes": "always",
+		"string-quotes": "single",
+		"at-rule-no-vendor-prefix": true,
+		"media-feature-name-no-vendor-prefix": true,
+		"property-no-vendor-prefix": true,
+		"selector-no-vendor-prefix": true,
+		"value-no-vendor-prefix": true
+	}
+}

package.json

@@ -0,0 +1,41 @@
+{
+  "name": "sejm-mandates-simulator",
+  "version": "1.0.0",
+  "description": "Simulator for the Polish Sejm 2019 election",
+  "scripts": {
+    "build": "webpack",
+    "start": "webpack-dev-server --inline --watch --hot"
+  },
+  "keywords": [],
+  "author": "Michał Górny",
+  "devDependencies": {
+    "@babel/core": "^7.5.5",
+    "@babel/preset-env": "^7.5.5",
+    "@babel/preset-typescript": "^7.3.3",
+    "@babel/register": "^7.5.5",
+    "@typescript-eslint/eslint-plugin": "^2.0.0",
+    "@typescript-eslint/parser": "^2.0.0",
+    "babel-loader": "^8.0.6",
+    "css-loader": "^3.2.0",
+    "cssnano": "^4.1.10",
+    "eslint": "^6.1.0",
+    "eslint-loader": "^3.0.0",
+    "file-loader": "^4.2.0",
+    "html-webpack-plugin": "^3.2.0",
+    "mini-css-extract-plugin": "^0.8.0",
+    "postcss": "^7.0.17",
+    "postcss-import": "^12.0.1",
+    "postcss-loader": "^3.0.0",
+    "postcss-preset-env": "^6.7.0",
+    "pug": "^2.0.4",
+    "pug-loader": "^2.4.0",
+    "stylelint": "^10.1.0",
+    "stylelint-config-standard": "^18.3.0",
+    "stylelint-webpack-plugin": "^0.10.5",
+    "typescript": "^3.5.3",
+    "webpack": "^4.39.1",
+    "webpack-cli": "^3.3.6",
+    "webpack-dev-server": "^3.8.0",
+    "webpack-livereload-plugin": "^2.2.0"
+  }
+}

postcss.config.js

@@ -0,0 +1,9 @@
+module.exports = {
+	plugins: {
+		'postcss-import': {},
+		'postcss-preset-env': {
+			browsers: 'last 2 versions',
+		},
+		'cssnano': {},
+	},
+  };

src/const.ts

@@ -0,0 +1,6 @@
+export const helloworld = 'Hello, world!';
+
+export const isGoodAttitude = (attitude: string) => attitude === 'good';
+export const isJediColor = (color: string) => color === 'blue' || color === 'green';
+export const getSection = (name: string) => document.querySelector(`[data-section="${name}"]`);
+export const domNodesToArray = (nodes: NodeListOf<HTMLInputElement>) => Array.prototype.slice.call(nodes);

src/index.pug

@@ -0,0 +1,8 @@
+doctype html
+html(lang='pl')
+	head
+		title Kalkulator mandatów
+		meta(charset="UTF-8")
+	body
+		div.container
+			h1.main-heading Kalkulator mandatów w wyborach do Sejmu

src/index.ts

@@ -0,0 +1,6 @@
+import {helloworld} from './const';
+import './styles.css';
+
+const sayHelloworld = (helloworld: string) => console.log(helloworld);
+
+sayHelloworld(helloworld);

src/styles.css

@@ -0,0 +1,5 @@
+body {
+	font-family: 'Helvetica Neue', Arial, sans-serif;
+	color: #333;
+	background-color: cadetblue;
+}

tsconfig.json

@@ -0,0 +1,10 @@
+{
+	"compilerOptions": {
+		"outDir": "./dist/",
+		"strict": true,
+		"module": "es6",
+		"target": "es5",
+		"allowJs": true,
+		"sourceMap": true
+	}
+}

webpack.config.babel.js

@@ -0,0 +1,84 @@
+import path from 'path';
+import HtmlWebpackPlugin from 'html-webpack-plugin';
+import LiveReloadPlugin from 'webpack-livereload-plugin';
+import MiniCssExtractPlugin from 'mini-css-extract-plugin';
+import StyleLintPlugin from 'stylelint-webpack-plugin';
+
+export default {
+	entry: './src/index.ts',
+	output: {
+		filename: 'bundle.js',
+		path: path.resolve(__dirname, 'dist'),
+	},
+	resolve: {
+		extensions: ['.ts', '.js', '.json'],
+	},
+	module: {
+		rules: [
+			{
+				test: /\.ts$/,
+				exclude: /node_modules/,
+				use: 'babel-loader',
+			},
+			{
+				test: /\.ts$/,
+				exclude: /node_modules/,
+				enforce: 'pre',
+				use: {
+					loader: 'eslint-loader',
+					options: {
+						configFile: __dirname + '/.eslintrc.json',
+					},
+				}
+			},
+			{
+				test: /\.pug$/,
+				exclude: /node_modules/,
+				use: 'pug-loader',
+			},
+			{
+				test: /\.css$/,
+				exclude: /node_modules/,
+				use: [
+					{
+						loader: MiniCssExtractPlugin.loader,
+						options: {
+							publicPath: __dirname + '/../../public/',
+						},
+					},
+					{
+						loader: 'css-loader',
+						options: {importLoaders: 1},
+					},
+					{
+						loader: 'postcss-loader',
+						options: {
+							config: {
+								path: __dirname + '/postcss.config.js',
+							},
+						},
+					},
+				],
+			}
+		]
+	},
+	plugins: [
+		new HtmlWebpackPlugin({
+			template: './src/index.pug',
+		}),
+		new MiniCssExtractPlugin({
+			filename: "[name].css",
+			chunkFilename: "[id].css"
+		}),
+		new StyleLintPlugin({
+			configFile: path.resolve(__dirname, '.stylelintrc.json'),
+			context: path.resolve(__dirname, './src'),
+			files: '**/*.css',
+			failOnError: false,
+			quiet: false,
+		}),
+		new LiveReloadPlugin({
+			appendScriptTag: true
+		}),
+	],
+};