Runtime Engine generisch

hugo/static/js/converter.js

@@ -36,92 +36,12 @@ function navActions() {
  * @returns {object} Alpine component data
  */
 function createConverter(engine, config) {
-	if (engine === 'runtime') {
-		return {
-			inputValue: '1',
-			result: '',
-			rates: {},
-			ratesError: '',
-			async init() {
-				await this.loadRates();
-				const params = new URLSearchParams(
-					window.location.search);
-				const valueParam = params.get('v');
-				if (valueParam) {
-					this.inputValue = valueParam.replace(/,/g, '.');
-				}
-				this.$watch('inputValue', val => {
-					if (val && val.indexOf(',') !== -1) {
-						this.inputValue = val.replace(/,/g, '.');
-					}
-				});
-				this.calculate();
-			},
-			async loadRates() {
-				const pbUrl = document.querySelector(
-					'meta[name="pocketbase-url"]')?.content
-					|| 'https://www.alphabreed.com';
-				try {
-					const response = await fetch(
-						`${pbUrl}/api/collections/currencies/records`);
-					if (!response.ok) {
-						this.ratesError =
-							'Wechselkurse konnten nicht geladen werden.';
-						return;
-					}
-					const data = await response.json();
-					for (const item of data.items || []) {
-						this.rates[item.id] = item.rate;
-					}
-				} catch (e) {
-					this.ratesError =
-						'Wechselkurse konnten nicht geladen werden.';
-				}
-			},
-			calculate() {
-				try {
-					this.result = '';
-					if (Object.keys(this.rates).length === 0) {
-						return;
-					}
-					const normalized = parseNumber(
-						this.inputValue);
-					if (!normalized || isNaN(normalized)) {
-						return;
-					}
-					const fromCode = config.fromCurrency || '';
-					const toCode = config.toCurrency || '';
-					const fromRate = fromCode === 'eur'
-						? 1 : this.rates[fromCode];
-					const toRate = toCode === 'eur'
-						? 1 : this.rates[toCode];
-					if (!fromRate || !toRate) {
-						return;
-					}
-					const value = new Decimal(normalized);
-					const rate = new Decimal(toRate)
-						.dividedBy(new Decimal(fromRate));
-					const rawResult = value.times(rate);
-					this.result = prettyNumber(rawResult);
-					const normalizedInputValue = this.inputValue
-						.replace(/,/g, '.');
-					if (normalizedInputValue
-						&& normalizedInputValue !== '0') {
-						history.replaceState(
-							null, '', '?v=' + normalizedInputValue);
-					}
-				} catch (e) {
-					this.result = '';
-				}
-			}
-		};
-	}
-
 	return {
 		inputValue: '1',
 		result: '',
+		rates: {},
 		ratesError: '',
-		init() {
+		async init() {
 			const params = new URLSearchParams(
 				window.location.search);
 			const valueParam = params.get('v');
@@ -133,6 +53,9 @@ function createConverter(engine, config) {
 					this.inputValue = val.replace(/,/g, '.');
 				}
 			});
+			if (typeof config.init === 'function') {
+				await config.init.call(this);
+			}
 			this.calculate();
 		},
 		calculate() {
@@ -144,7 +67,9 @@ function createConverter(engine, config) {
 				}
 				const value = new Decimal(normalized);
 				let rawResult;
-				if (engine === 'linear') {
+				if (typeof config.convert === 'function') {
+					rawResult = config.convert.call(this, value);
+				} else if (engine === 'linear') {
 					const fromFactor = new Decimal(
 						config.fromFactor);
 					const toFactor = new Decimal(