[chore] Bundler restructure (#880)

* re-structure bundler, settings panel files

* add more info logging

* tidy up CSS syntax errors

* split into lib/ files

* livereloading server

* fix factor function for production builds

* remove testing console.log

* default to production env, saves 300kb bundle size

1 files changed, 0 insertions, 167 deletions

diff --git a/web/source/settings-panel/components/form-fields.jsx b/web/source/settings-panel/components/form-fields.jsx
deleted file mode 100644
index cb402c3b2..000000000
--- a/web/source/settings-panel/components/form-fields.jsx
+++ /dev/null
@@ -1,167 +0,0 @@
-/*
-	GoToSocial
-	Copyright (C) 2021-2022 GoToSocial Authors admin@gotosocial.org
-
-	This program is free software: you can redistribute it and/or modify
-	it under the terms of the GNU Affero General Public License as published by
-	the Free Software Foundation, either version 3 of the License, or
-	(at your option) any later version.
-
-	This program is distributed in the hope that it will be useful,
-	but WITHOUT ANY WARRANTY; without even the implied warranty of
-	MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
-	GNU Affero General Public License for more details.
-
-	You should have received a copy of the GNU Affero General Public License
-	along with this program.  If not, see <http://www.gnu.org/licenses/>.
-*/
-
-"use strict";
-
-const React = require("react");
-const Redux = require("react-redux");
-const d = require("dotty");
-const prettierBytes = require("prettier-bytes");
-
-function eventListeners(dispatch, setter, obj) {
-	return {
-		onTextChange: function (key) {
-			return function (e) {
-				dispatch(setter([key, e.target.value]));
-			};
-		},
-		
-		onCheckChange: function (key) {
-			return function (e) {
-				dispatch(setter([key, e.target.checked]));
-			};
-		},
-		
-		onFileChange: function (key, withPreview) {
-			return function (e) {
-				let file = e.target.files[0];
-				if (withPreview) {
-					let old = d.get(obj, key);
-					if (old != undefined) {
-						URL.revokeObjectURL(old); // no error revoking a non-Object URL as provided by instance
-					}
-					let objectURL = URL.createObjectURL(file);
-					dispatch(setter([key, objectURL]));
-				}
-				dispatch(setter([`${key}File`, file]));
-			};
-		}
-	};
-}
-
-function get(state, id, defaultVal) {
-	let value;
-	if (id.includes(".")) {
-		value = d.get(state, id);
-	} else {
-		value = state[id];
-	}
-	if (value == undefined) {
-		value = defaultVal;
-	}
-	return value;
-}
-
-// function removeFile(name) {
-// 	return function(e) {
-// 		e.preventDefault();
-// 		dispatch(user.setProfileVal([name, ""]));
-// 		dispatch(user.setProfileVal([`${name}File`, ""]));
-// 	};
-// }
-
-module.exports = {
-	formFields: function formFields(setter, selector) {
-		function FormField({
-			type, id, name, className="", placeHolder="", fileType="", children=null,
-			options=null, inputProps={}, withPreview=true, showSize=false, maxSize=Infinity
-		}) {
-			const dispatch = Redux.useDispatch();
-			let state = Redux.useSelector(selector);
-			let {
-				onTextChange,
-				onCheckChange,
-				onFileChange
-			} = eventListeners(dispatch, setter, state);
-
-			let field;
-			let defaultLabel = true;
-			if (type == "text") {
-				field = <input type="text" id={id} value={get(state, id, "")} placeholder={placeHolder} className={className} onChange={onTextChange(id)} {...inputProps}/>;
-			} else if (type == "textarea") {
-				field = <textarea type="text" id={id} value={get(state, id, "")} placeholder={placeHolder} className={className} onChange={onTextChange(id)} rows={8} {...inputProps}/>;
-			} else if (type == "checkbox") {
-				field = <input type="checkbox" id={id} checked={get(state, id, false)} className={className} onChange={onCheckChange(id)} {...inputProps}/>;
-			} else if (type == "select") {
-				field = (
-					<select id={id} value={get(state, id, "")} className={className} onChange={onTextChange(id)} {...inputProps}>
-						{options}
-					</select>
-				);
-			} else if (type == "file") {
-				defaultLabel = false;
-				let file = get(state, `${id}File`);
-
-				let size = null;
-				if (showSize && file) {
-					size = `(${prettierBytes(file.size)})`;
-
-					if (file.size > maxSize) {
-						size = <span className="error-text">{size}</span>;
-					}
-				}
-
-				field = (
-					<>
-						<label htmlFor={id} className="file-input button">Browse</label>
-						<span>
-							{file ? file.name : "no file selected"} {size}
-						</span>
-						{/* <a onClick={removeFile("header")}>remove</a> */}
-						<input className="hidden" id={id} type="file" accept={fileType} onChange={onFileChange(id, withPreview)}  {...inputProps}/>
-					</>
-				);
-			} else {
-				defaultLabel = false;
-				field = `unsupported FormField ${type}, this is a developer error`;
-			}
-
-			let label = <label htmlFor={id}>{name}</label>;
-			return (
-				<div className={`form-field ${type}`}>
-					{defaultLabel ? label : null}	{field}
-					{children}
-				</div>
-			);
-		}
-
-		return {
-			TextInput: function(props) {
-				return <FormField type="text" {...props} />;
-			},
-	
-			TextArea: function(props) {
-				return <FormField type="textarea" {...props} />;
-			},
-	
-			Checkbox: function(props) {
-				return <FormField type="checkbox" {...props} />;
-			},
-	
-			Select: function(props) {
-				return <FormField type="select" {...props} />;
-			},
-	
-			File: function(props) {
-				return <FormField type="file" {...props} />;
-			},
-		};
-	},
-
-	eventListeners
-};
\ No newline at end of file