[FEAT] Remove the need for rebuild after config changes

[Lissy93]

This is a big one...

Note

See #1529 for upgrade details

• Read config at runtime, not build-time (no more rebuilds!)
• Use a directory instead of file for user-provided assets
• Handle and serve up user-data in the web server
• Accept env vars for widget secrets (Re: ✨ Feature: add user defined environment variables #1438)
• Switch Docker port, from 80 to 8080 (non-root container)
• Fix local config saving, multi-page support and some other things
• Updated docs to reflect all the above changes
• Added a new theme (glass)

Category: Feature

Overview

• Fetch the config file client-side, instead of compiling the app with the config file. This means you can change the config, without needing to recompile the app!
• Changed the location of user data, from a single file to a directory (/public/conf.yml to /user-data/...)
• Some other stuff (I'll add here soon...)

Issue Number
// TODO: Find and tag related issues

New Vars
N/A

Screenshot

Code Quality Checklist (Please complete)

• All changes are backwards compatible
• All lint checks and tests are passing
• There are no (new) build warnings or errors
• (If a new config option is added) Attribute is outlined in the schema and documented
• (If a new dependency is added) Package is essential, and has been checked out for security or performance
• Bumps version, if new feature added

[liss-bot]

yarn.lock changes

Summary

Status	Count
	41
	199
	2
	1

Click to toggle table visibility

Name	Status	Previous	Current
@achrinza/node-ipc		9.2.2	9.2.8
@ampproject/remapping		2.2.1	2.3.0
@babel/code-frame		7.23.5	7.24.2
@babel/compat-data		7.23.5	7.24.4
@babel/core		7.23.9	7.24.4
@babel/generator		7.23.6	7.24.4
@babel/helper-create-class-features-plugin		7.23.10	7.24.4
@babel/helper-define-polyfill-provider		0.5.0	0.6.1
@babel/helper-module-imports		7.22.15	7.24.3
@babel/helper-plugin-utils		7.22.5	7.24.0
@babel/helper-replace-supers		7.22.20	7.24.1
@babel/helper-string-parser		7.23.4	7.24.1
@babel/helpers		7.23.9	7.24.4
@babel/highlight		7.23.4	7.24.2
@babel/parser		7.23.9	7.24.4
@babel/plugin-bugfix-firefox-class-in-computed-class-key		-	7.24.4
@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression		7.23.3	7.24.1
@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining		7.23.3	7.24.1
@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly		7.23.7	7.24.1
@babel/plugin-proposal-decorators		7.23.9	7.24.1
@babel/plugin-syntax-decorators		7.23.3	7.24.1
@babel/plugin-syntax-import-assertions		7.23.3	7.24.1
@babel/plugin-syntax-import-attributes		7.23.3	7.24.1
@babel/plugin-syntax-jsx		7.23.3	7.24.1
@babel/plugin-transform-arrow-functions		7.23.3	7.24.1
@babel/plugin-transform-async-generator-functions		7.23.9	7.24.3
@babel/plugin-transform-async-to-generator		7.23.3	7.24.1
@babel/plugin-transform-block-scoped-functions		7.23.3	7.24.1
@babel/plugin-transform-block-scoping		7.23.4	7.24.4
@babel/plugin-transform-class-properties		7.23.3	7.24.1
@babel/plugin-transform-class-static-block		7.23.4	7.24.4
@babel/plugin-transform-classes		7.23.8	7.24.1
@babel/plugin-transform-computed-properties		7.23.3	7.24.1
@babel/plugin-transform-destructuring		7.23.3	7.24.1
@babel/plugin-transform-dotall-regex		7.23.3	7.24.1
@babel/plugin-transform-duplicate-keys		7.23.3	7.24.1
@babel/plugin-transform-dynamic-import		7.23.4	7.24.1
@babel/plugin-transform-exponentiation-operator		7.23.3	7.24.1
@babel/plugin-transform-export-namespace-from		7.23.4	7.24.1
@babel/plugin-transform-for-of		7.23.6	7.24.1
@babel/plugin-transform-function-name		7.23.3	7.24.1
@babel/plugin-transform-json-strings		7.23.4	7.24.1
@babel/plugin-transform-literals		7.23.3	7.24.1
@babel/plugin-transform-logical-assignment-operators		7.23.4	7.24.1
@babel/plugin-transform-member-expression-literals		7.23.3	7.24.1
@babel/plugin-transform-modules-amd		7.23.3	7.24.1
@babel/plugin-transform-modules-commonjs		7.23.3	7.24.1
@babel/plugin-transform-modules-systemjs		7.23.9	7.24.1
@babel/plugin-transform-modules-umd		7.23.3	7.24.1
@babel/plugin-transform-new-target		7.23.3	7.24.1
@babel/plugin-transform-nullish-coalescing-operator		7.23.4	7.24.1
@babel/plugin-transform-numeric-separator		7.23.4	7.24.1
@babel/plugin-transform-object-rest-spread		7.23.4	7.24.1
@babel/plugin-transform-object-super		7.23.3	7.24.1
@babel/plugin-transform-optional-catch-binding		7.23.4	7.24.1
@babel/plugin-transform-optional-chaining		7.23.4	7.24.1
@babel/plugin-transform-parameters		7.23.3	7.24.1
@babel/plugin-transform-private-methods		7.23.3	7.24.1
@babel/plugin-transform-private-property-in-object		7.23.4	7.24.1
@babel/plugin-transform-property-literals		7.23.3	7.24.1
@babel/plugin-transform-regenerator		7.23.3	7.24.1
@babel/plugin-transform-reserved-words		7.23.3	7.24.1
@babel/plugin-transform-runtime		7.23.9	7.24.3
@babel/plugin-transform-shorthand-properties		7.23.3	7.24.1
@babel/plugin-transform-spread		7.23.3	7.24.1
@babel/plugin-transform-sticky-regex		7.23.3	7.24.1
@babel/plugin-transform-template-literals		7.23.3	7.24.1
@babel/plugin-transform-typeof-symbol		7.23.3	7.24.1
@babel/plugin-transform-unicode-escapes		7.23.3	7.24.1
@babel/plugin-transform-unicode-property-regex		7.23.3	7.24.1
@babel/plugin-transform-unicode-regex		7.23.3	7.24.1
@babel/plugin-transform-unicode-sets-regex		7.23.3	7.24.1
@babel/preset-env		7.23.9	7.24.4
@babel/runtime		7.23.9	7.24.4
@babel/template		7.23.9	7.24.0
@babel/traverse		7.23.9	7.24.1
@babel/types		7.23.9	7.24.0
@hapi/hoek		8.5.1	9.3.0
@hapi/topo		3.1.6	5.1.0
@jridgewell/gen-mapping		0.3.4	0.3.5
@jridgewell/set-array		1.1.2	1.2.1
@jridgewell/source-map		-	0.3.6
@jridgewell/trace-mapping		0.3.23	0.3.25
@nodelib/fs.scandir		-	2.1.5
@nodelib/fs.stat		1.1.3	2.0.5
@nodelib/fs.walk		-	1.2.8
@sentry-internal/feedback		7.102.1	7.110.0
@sentry-internal/replay-canvas		7.102.1	7.110.0
@sentry-internal/tracing		7.102.1	7.110.0
@sentry/browser		7.102.1	7.110.0
@sentry/core		7.102.1	7.110.0
@sentry/replay		7.102.1	7.110.0
@sentry/tracing		7.102.1	7.110.0
@sentry/types		7.102.1	7.110.0
@sentry/utils		7.102.1	7.110.0
@sentry/vue		7.102.1	7.110.0
@sideway/address		-	4.1.5
@sideway/formula		-	3.0.1
@sideway/pinpoint		-	2.0.0
@types/eslint		-	8.56.9
@types/eslint-scope		-	3.7.7
@types/estree		-	1.0.5
@types/express-serve-static-core		4.17.43	4.19.0
@types/node		20.11.20	20.12.7
@types/parse-json		-	4.0.2
@types/qs		6.9.11	6.9.14
@types/serve-static		1.15.5	1.15.7
@types/uglify-js		3.17.4	3.17.5
@types/webpack-env		-	1.18.4
@vue/babel-helper-vue-transform-on		1.2.1	1.2.2
@vue/babel-plugin-jsx		1.2.1	1.2.2
@vue/babel-plugin-resolve-type		1.2.1	1.2.2
@vue/cli-plugin-typescript		-	5.0.8
@vue/cli-shared-utils		4.5.19	5.0.8
@vue/compiler-core		3.4.19	3.4.21
@vue/compiler-dom		3.4.19	3.4.21
@vue/compiler-sfc		3.4.19	3.4.21
@vue/compiler-ssr		3.4.19	3.4.21
@vue/shared		3.4.19	3.4.21
@webassemblyjs/ast		1.9.0	1.12.1
@webassemblyjs/floating-point-hex-parser		1.9.0	1.11.6
@webassemblyjs/helper-api-error		1.9.0	1.11.6
@webassemblyjs/helper-buffer		1.9.0	1.12.1
@webassemblyjs/helper-numbers		-	1.11.6
@webassemblyjs/helper-wasm-bytecode		1.9.0	1.11.6
@webassemblyjs/helper-wasm-section		1.9.0	1.12.1
@webassemblyjs/ieee754		1.9.0	1.11.6
@webassemblyjs/leb128		1.9.0	1.11.6
@webassemblyjs/utf8		1.9.0	1.11.6
@webassemblyjs/wasm-edit		1.9.0	1.12.1
@webassemblyjs/wasm-gen		1.9.0	1.12.1
@webassemblyjs/wasm-opt		1.9.0	1.12.1
@webassemblyjs/wasm-parser		1.9.0	1.12.1
@webassemblyjs/wast-printer		1.9.0	1.12.1
ace-builds		1.32.6	1.33.0
acorn		7.4.1	8.11.3
acorn-import-assertions		-	1.9.0
array-includes		3.1.7	3.1.8
array-union		1.0.2	2.1.0
array.prototype.filter		1.0.3	-
array.prototype.findlastindex		1.2.4	1.2.5
array.prototype.reduce		1.0.6	1.0.7
asn1.js		5.4.1	4.10.1
at-least-node		-	1.0.0
axios		1.6.7	1.6.8
babel-plugin-polyfill-corejs2		0.4.8	0.4.10
babel-plugin-polyfill-corejs3		0.9.0	0.10.4
babel-plugin-polyfill-regenerator		0.5.5	0.6.1
binary-extensions		2.2.0	2.3.0
bl		-	4.1.0
body-parser		1.20.1	1.20.2
browserify-sign		4.2.2	4.2.3
buffer		4.9.2	5.7.1
caniuse-lite		1.0.30001589	1.0.30001609
cookie		0.5.0	0.6.0
core-js		3.36.0	3.36.1
core-js-compat		3.36.0	3.36.1
cosmiconfig		5.2.1	6.0.0
data-view-buffer		-	1.0.1
data-view-byte-length		-	1.0.1
data-view-byte-offset		-	1.0.0
deepmerge		1.5.2	4.3.1
define-lazy-prop		-	2.0.0
dir-glob		2.2.2	3.0.1
electron-to-chromium		1.4.681	1.4.736
elliptic		6.5.4	6.5.5
enhanced-resolve		4.5.0	5.16.0
es-abstract		1.22.4	1.23.3
es-module-lexer		-	1.5.0
es-object-atoms		-	1.0.0
eslint-module-utils		2.8.0	2.8.1
express		4.18.2	4.19.2
fast-glob		2.2.7	3.3.2
fastq		-	1.17.1
follow-redirects		1.15.5	1.15.6
fork-ts-checker-webpack-plugin		-	6.5.3
fs-extra		7.0.1	9.1.0
fs-monkey		-	1.0.5
glob-to-regexp		0.3.0	0.4.1
globby		9.2.0	11.1.0
hash-base		3.1.0	3.0.4
hasown		2.0.1	2.0.2
is-data-view		-	1.0.1
is-interactive		-	1.0.0
is-unicode-supported		-	0.1.0
jest-worker		-	27.5.1
joi		-	17.12.3
jsonfile		4.0.0	6.1.0
loader-runner		2.4.0	4.3.0
log-symbols		2.2.0	4.1.0
lru-cache		5.1.1	6.0.0
magic-string		0.30.7	0.30.9
memfs		-	3.6.0
nan		2.18.0	2.19.0
node-fetch		-	2.7.0
object-is		1.1.5	1.1.6
object.entries		1.1.7	1.1.8
object.fromentries		2.0.7	2.0.8
object.getownpropertydescriptors		2.1.7	2.1.8
object.groupby		1.0.2	1.0.3
object.values		1.1.7	1.2.0
open		6.4.0	8.4.2
ora		3.4.0	5.4.1
parse-asn1		5.1.6	5.1.7
path-type		3.0.0	4.0.0
postcss		8.4.35	8.4.38
postcss-selector-parser		6.0.15	6.0.16
qs		6.11.2	6.12.1
queue-microtask		-	1.2.3
raw-body		2.5.1	2.5.2
reusify		-	1.0.4
run-parallel		-	1.2.0
safe-array-concat		1.1.0	1.1.2
sass		1.71.1	1.75.0
schema-utils		2.7.1	3.3.0
semver		6.3.1	7.6.0
serialize-javascript		4.0.0	6.0.2
set-function-length		1.2.1	1.2.2
side-channel		1.0.5	1.0.6
slash		2.0.0	3.0.0
source-map-js		1.0.2	1.2.0
string.prototype.padend		3.1.5	3.1.6
string.prototype.trim		1.2.8	1.2.9
string.prototype.trimend		1.0.7	1.0.8
string.prototype.trimstart		1.0.7	1.0.8
supports-color		7.2.0	8.1.1
tapable		1.1.3	2.2.1
terser		4.8.1	5.30.3
terser-webpack-plugin		1.4.5	5.3.10
thread-loader		2.1.3	3.0.4
tr46		-	0.0.3
ts-loader		-	9.5.1
typed-array-length		1.0.5	1.0.6
typescript		-	5.4.5
universalify		0.1.2	2.0.1
vanilla-picker		2.12.2	2.12.3
vue-select		3.20.2	3.20.3
watchpack		1.7.5	2.4.1
webidl-conversions		-	3.0.1
webpack		4.47.0	5.91.0
webpack-sources		1.4.3	3.2.3
whatwg-url		-	5.0.0
which-typed-array		1.1.14	1.1.15

[Lissy93]

All ready now!
I'll come back to this tomorrow evening, double check everything, and merge.

[CrazyWolf13]

All ready now! I'll come back to this tomorrow evening, double check everything, and merge.

@Lissy93
👍

In quick-start.md the port should also be changed to 8080:8080 instead of 8080:80 ?

[Lissy93]

Oh yeah, you're right, I forgot to update port number in the docs. That should be done now :)

[CrazyWolf13]

@Lissy93 I think here on quick-start.md the port should also be changed to 8080:8080 ?