iobroker.jetframe 1.0.0

package/admin/manifest.webmanifest

@@ -0,0 +1,15 @@
+{
+  "name": "JetFrame",
+  "short_name": "JetFrame",
+  "start_url": "index.html",
+  "display": "standalone",
+  "background_color": "#05060a",
+  "theme_color": "#05060a",
+  "icons": [
+    {
+      "src": "jetframe.png",
+      "sizes": "512x512",
+      "type": "image/png"
+    }
+  ]
+}

package/admin/src/app.tsx

@@ -0,0 +1,58 @@
+/* eslint-disable @typescript-eslint/no-require-imports */
+import React from 'react';
+import { type Theme, type StyleRules, withStyles } from '@material-ui/core/styles';
+
+import GenericApp from '@iobroker/adapter-react/GenericApp';
+import Settings from './components/settings';
+import type { GenericAppProps, GenericAppSettings } from '@iobroker/adapter-react/types';
+
+const styles = (_theme: Theme): StyleRules => ({
+	root: {},
+});
+
+class App extends GenericApp {
+	constructor(props: GenericAppProps) {
+		const extendedProps: GenericAppSettings = {
+			...props,
+			encryptedFields: [],
+			translations: {
+				en: require('./i18n/en.json'),
+				de: require('./i18n/de.json'),
+				ru: require('./i18n/ru.json'),
+				pt: require('./i18n/pt.json'),
+				nl: require('./i18n/nl.json'),
+				fr: require('./i18n/fr.json'),
+				it: require('./i18n/it.json'),
+				es: require('./i18n/es.json'),
+				pl: require('./i18n/pl.json'),
+				uk: require('./i18n/uk.json'),
+				'zh-cn': require('./i18n/zh-cn.json'),
+			},
+		};
+		super(props, extendedProps);
+	}
+
+	onConnectionReady(): void {
+		// executed when connection is ready
+	}
+
+	render(): React.JSX.Element {
+		if (!this.state.loaded) {
+			return super.render();
+		}
+
+		return (
+			<div className="App">
+				<Settings
+					native={this.state.native}
+					onChange={(attr, value) => this.updateNativeValue(attr, value)}
+				/>
+				{this.renderError()}
+				{this.renderToast()}
+				{this.renderSaveCloseButtons()}
+			</div>
+		);
+	}
+}
+
+export default withStyles(styles)(App);

package/admin/src/components/settings.tsx

@@ -0,0 +1,97 @@
+import React from 'react';
+import { withStyles } from '@material-ui/core/styles';
+import type { CreateCSSProperties } from '@material-ui/core/styles/withStyles';
+import TextField from '@material-ui/core/TextField';
+import Input from '@material-ui/core/Input';
+import FormHelperText from '@material-ui/core/FormHelperText';
+import FormControl from '@material-ui/core/FormControl';
+import Select from '@material-ui/core/Select';
+import MenuItem from '@material-ui/core/MenuItem';
+import I18n from '@iobroker/adapter-react/i18n';
+
+const styles = (): Record<string, CreateCSSProperties> => ({
+	input: {
+		marginTop: 0,
+		minWidth: 500,
+	},
+	controlElement: {
+		marginBottom: 10,
+	},
+});
+
+interface SettingsProps {
+	classes: Record<string, string>;
+	native: Record<string, any>;
+	onChange: (attr: string, value: any) => void;
+}
+
+interface SettingsState {
+	dummy?: undefined;
+}
+
+class Settings extends React.Component<SettingsProps, SettingsState> {
+	constructor(props: SettingsProps) {
+		super(props);
+		this.state = {};
+	}
+
+	renderInput(title: AdminWord, attr: string, type: string): React.JSX.Element {
+		return (
+			<TextField
+				label={I18n.t(title)}
+				className={`${this.props.classes.input} ${this.props.classes.controlElement}`}
+				value={this.props.native[attr] || ''}
+				type={type || 'text'}
+				onChange={e => this.props.onChange(attr, e.target.value)}
+				margin="normal"
+				fullWidth
+			/>
+		);
+	}
+
+	renderSelect(title: AdminWord, attr: string, options: { value: string; title: AdminWord }[]): React.JSX.Element {
+		return (
+			<FormControl className={`${this.props.classes.input} ${this.props.classes.controlElement}`}>
+				<Select
+					value={this.props.native[attr] || 'browser'}
+					onChange={e => this.props.onChange(attr, e.target.value)}
+					input={
+						<Input
+							name={attr}
+							id={`${attr}-helper`}
+						/>
+					}
+				>
+					{options.map(item => (
+						<MenuItem
+							key={item.value}
+							value={item.value}
+						>
+							{I18n.t(item.title)}
+						</MenuItem>
+					))}
+				</Select>
+				<FormHelperText>{I18n.t(title)}</FormHelperText>
+			</FormControl>
+		);
+	}
+
+	render(): React.JSX.Element {
+		return (
+			<form>
+				{this.renderSelect('speechMode', 'speechMode', [
+					{ value: 'browser', title: 'speechModeBrowser' },
+					{ value: 'external', title: 'speechModeExternal' },
+					{ value: 'both', title: 'speechModeBoth' },
+					{ value: 'off', title: 'speechModeOff' },
+				])}
+
+				<br />
+
+				{this.renderInput('speechTemplate', 'speechTemplate', 'text')}
+			</form>
+		);
+	}
+}
+
+export default withStyles(styles)(Settings);

package/admin/src/i18n/de.json

@@ -0,0 +1,11 @@
+{
+	"jetframe adapter settings": "Adaptereinstellungen für jetframe",
+	"option1": "Option1",
+	"option2": "Option2",
+	"speechMode": "Sprachausgabe",
+	"speechModeBrowser": "Browser intern",
+	"speechModeExternal": "Extern per Datenpunkt",
+	"speechModeBoth": "Browser + extern",
+	"speechModeOff": "Aus",
+	"speechTemplate": "Ansage-Template"
+}

package/admin/src/i18n/en.json

@@ -0,0 +1,11 @@
+{
+	"jetframe adapter settings": "Adapter settings for jetframe",
+	"option1": "option1",
+	"option2": "option2",
+	"speechMode": "Sprachausgabe",
+	"speechModeBrowser": "Browser intern",
+	"speechModeExternal": "Extern per Datenpunkt",
+	"speechModeBoth": "Browser + extern",
+	"speechModeOff": "Aus",
+	"speechTemplate": "Ansage-Template"
+}

package/admin/src/i18n/es.json

@@ -0,0 +1,11 @@
+{
+	"jetframe adapter settings": "Ajustes del adaptador para jetframe",
+	"option1": "opción1",
+	"option2": "opción2",
+	"speechMode": "Sprachausgabe",
+	"speechModeBrowser": "Browser intern",
+	"speechModeExternal": "Extern per Datenpunkt",
+	"speechModeBoth": "Browser + extern",
+	"speechModeOff": "Aus",
+	"speechTemplate": "Ansage-Template"
+}

package/admin/src/i18n/fr.json

@@ -0,0 +1,11 @@
+{
+	"jetframe adapter settings": "Paramètres d'adaptateur pour jetframe",
+	"option1": "option1",
+	"option2": "option2",
+	"speechMode": "Sprachausgabe",
+	"speechModeBrowser": "Browser intern",
+	"speechModeExternal": "Extern per Datenpunkt",
+	"speechModeBoth": "Browser + extern",
+	"speechModeOff": "Aus",
+	"speechTemplate": "Ansage-Template"
+}

package/admin/src/i18n/i18n.d.ts

@@ -0,0 +1,28 @@
+/*
+ * This file loads the translations keys from `i18n/en.json` file and overrides
+ * the declarations for the translate function `I18n.t` available in "@iobroker/adapter-react/i18n".
+ * Using these definitions it is ensured that all used translations in the React
+ * context are defined at least in the english translations file.
+ * This will add no overhead in the generated code since it just reexports the
+ * I18n class but with a more typed `t` function.
+ */
+
+/*
+ * DO NOT add any imports or exports in this file or it will stop working!
+ */
+
+/**
+ * Available words in `i18n/en.json`.
+ */
+// eslint-disable-next-line @typescript-eslint/consistent-type-imports
+declare type AdminWord = keyof typeof import('./en.json');
+
+declare module '@iobroker/adapter-react/i18n' {
+	/**
+	 * Translate the given string to the selected language.
+	 *
+	 * @param word The (key) word to look up the string. Has to be defined at least in `i18n/en.json`.
+	 * @param args Optional arguments which will replace the first (second, third, ...) occurence of %s
+	 */
+	function t(word: AdminWord, ...args: string[]): string;
+}

package/admin/src/i18n/it.json

@@ -0,0 +1,11 @@
+{
+	"jetframe adapter settings": "Impostazioni dell'adattatore per jetframe",
+	"option1": "opzione1",
+	"option2": "opzione2",
+	"speechMode": "Sprachausgabe",
+	"speechModeBrowser": "Browser intern",
+	"speechModeExternal": "Extern per Datenpunkt",
+	"speechModeBoth": "Browser + extern",
+	"speechModeOff": "Aus",
+	"speechTemplate": "Ansage-Template"
+}

package/admin/src/i18n/nl.json

@@ -0,0 +1,11 @@
+{
+	"jetframe adapter settings": "Adapterinstellingen voor jetframe",
+	"option1": "optie1",
+	"option2": "optie2",
+	"speechMode": "Sprachausgabe",
+	"speechModeBrowser": "Browser intern",
+	"speechModeExternal": "Extern per Datenpunkt",
+	"speechModeBoth": "Browser + extern",
+	"speechModeOff": "Aus",
+	"speechTemplate": "Ansage-Template"
+}

package/admin/src/i18n/pl.json

@@ -0,0 +1,11 @@
+{
+	"jetframe adapter settings": "Ustawienia adaptera dla jetframe",
+	"option1": "opcja 1",
+	"option2": "opcja 2",
+	"speechMode": "Sprachausgabe",
+	"speechModeBrowser": "Browser intern",
+	"speechModeExternal": "Extern per Datenpunkt",
+	"speechModeBoth": "Browser + extern",
+	"speechModeOff": "Aus",
+	"speechTemplate": "Ansage-Template"
+}

package/admin/src/i18n/pt.json

@@ -0,0 +1,11 @@
+{
+	"jetframe adapter settings": "Configurações do adaptador para jetframe",
+	"option1": "opção1",
+	"option2": "opção2",
+	"speechMode": "Sprachausgabe",
+	"speechModeBrowser": "Browser intern",
+	"speechModeExternal": "Extern per Datenpunkt",
+	"speechModeBoth": "Browser + extern",
+	"speechModeOff": "Aus",
+	"speechTemplate": "Ansage-Template"
+}

package/admin/src/i18n/ru.json

@@ -0,0 +1,11 @@
+{
+	"jetframe adapter settings": "Настройки адаптера для jetframe",
+	"option1": "вариант 1",
+	"option2": "вариант 2",
+	"speechMode": "Sprachausgabe",
+	"speechModeBrowser": "Browser intern",
+	"speechModeExternal": "Extern per Datenpunkt",
+	"speechModeBoth": "Browser + extern",
+	"speechModeOff": "Aus",
+	"speechTemplate": "Ansage-Template"
+}

package/admin/src/i18n/uk.json

@@ -0,0 +1,11 @@
+{
+	"jetframe adapter settings": "Налаштування адаптера для jetframe",
+	"option1": "варіант1",
+	"option2": "варіант2",
+	"speechMode": "Sprachausgabe",
+	"speechModeBrowser": "Browser intern",
+	"speechModeExternal": "Extern per Datenpunkt",
+	"speechModeBoth": "Browser + extern",
+	"speechModeOff": "Aus",
+	"speechTemplate": "Ansage-Template"
+}

package/admin/src/i18n/zh-cn.json

@@ -0,0 +1,11 @@
+{
+	"jetframe adapter settings": "jetframe的适配器设置",
+	"option1": "选项1",
+	"option2": "选项2",
+	"speechMode": "Sprachausgabe",
+	"speechModeBrowser": "Browser intern",
+	"speechModeExternal": "Extern per Datenpunkt",
+	"speechModeBoth": "Browser + extern",
+	"speechModeOff": "Aus",
+	"speechTemplate": "Ansage-Template"
+}

package/admin/src/index.tsx

@@ -0,0 +1,25 @@
+import React from 'react';
+import ReactDOM from 'react-dom';
+import { MuiThemeProvider } from '@material-ui/core/styles';
+import theme from '@iobroker/adapter-react/Theme';
+import Utils from '@iobroker/adapter-react/Components/Utils';
+import App from './app';
+
+let themeName = Utils.getThemeName();
+
+function build(): void {
+	ReactDOM.render(
+		<MuiThemeProvider theme={theme(themeName)}>
+			<App
+				adapterName="jetframe"
+				onThemeChange={_theme => {
+					themeName = _theme;
+					build();
+				}}
+			/>
+		</MuiThemeProvider>,
+		document.getElementById('root'),
+	);
+}
+
+build();

package/admin/stats.html

@@ -0,0 +1,228 @@
+<!doctype html>
+<html lang="de">
+<head>
+  <meta charset="utf-8"/>
+  <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover"/>
+  <title>JetFrame Statistik</title>
+  <link rel="manifest" href="manifest.webmanifest">
+  <link rel="apple-touch-icon" href="jetframe.png">
+  <link rel="icon" type="image/png" href="jetframe.png">
+  <meta name="apple-mobile-web-app-capable" content="yes">
+  <meta name="mobile-web-app-capable" content="yes">
+  <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
+  <meta name="theme-color" content="#050709">
+  <link rel="stylesheet" href="jetframe.css?v=20260522-fix14">
+</head>
+<body class="jf-page-stats">
+
+<div id="simpleApiWarning" class="simpleApiWarning">
+  ⚠️ Simple-API nicht erreichbar<br>
+  <span id="simpleApiWarningText"></span>
+</div>
+
+<div id="app">
+  <div class="jf-shell">
+    <div class="header">
+      <a class="backBtn" href="index.html" aria-label="Zurück">‹</a>
+      <div>
+        <div class="title">✈️ JetFrame</div>
+        <div id="dateText" class="sub">Statistik</div>
+      </div>
+      <div class="livePill">
+        <span class="dot"></span><span>Live</span>
+      </div>
+    </div>
+
+    <div class="grid">
+      <div class="stat big">
+        <div class="stLabel">Heute</div>
+        <div id="todayTotal" class="stVal">–</div>
+        <div id="todaySmall" class="stSub">Flüge heute</div>
+      </div>
+      <div class="stat">
+        <div class="stLabel">Gestern</div>
+        <div id="yesterdayTotal" class="stVal">–</div>
+        <div id="yesterdaySmall" class="stSub">Rückblick</div>
+      </div>
+      <div class="stat warn">
+        <div class="stLabel">Rekordtag</div>
+        <div id="bestDay" class="stVal">–</div>
+        <div id="bestDaySmall" class="stSub">Alltime</div>
+      </div>
+      <div class="stat">
+        <div class="stLabel">Beste Zeit</div>
+        <div id="bestHour" class="stVal">–</div>
+        <div id="bestHourSmall" class="stSub">allgemein</div>
+      </div>
+      <div class="stat">
+        <div class="stLabel">Heavy heute</div>
+        <div id="heavyToday" class="stVal">–</div>
+        <div id="heavySmall" class="stSub">A380 / B747 separat</div>
+      </div>
+      <div class="stat">
+        <div class="stLabel">Specials heute</div>
+        <div id="specialToday" class="stVal">–</div>
+        <div id="specialSmall" class="stSub">Speziallackierungen</div>
+      </div>
+    </div>
+
+    <div class="panels">
+      <div class="panel"><h3>Tageshistorie</h3><pre id="dailyHistory">–</pre></div>
+      <div class="panel"><h3>Gestern</h3><pre id="yesterdayDetails">–</pre></div>
+      <div class="panel"><h3>Top Airlines Alltime</h3><pre id="alltimeAirlines">–</pre></div>
+      <div class="panel"><h3>Top Routen Alltime</h3><pre id="alltimeRoutes">–</pre></div>
+    </div>
+  </div>
+</div>
+
+<script>
+'use strict';
+let API_BASE = (() => {
+  const u = new URL(location.href);
+  return (location.protocol||'http:')+'//'+(u.searchParams.get('apiHost')||location.hostname||'127.0.0.1')+':'+(u.searchParams.get('apiPort')||'8087');
+})();
+const DP_ROOT = 'jetframe.'+(new URL(location.href).searchParams.get('instance')||'0').replace(/[^0-9]/g,'');
+let VIS_CONFIG_LOADED = false;
+
+const BASE = DP_ROOT+'.statistics';
+const IDS = {
+  todayDate:BASE+'.today.date', todayTotal:BASE+'.today.totalFlights',
+  todayLandings:BASE+'.today.landings', todayDepartures:BASE+'.today.departures',
+  todayOverflights:BASE+'.today.overflights', todayBestHour:BASE+'.today.bestSpotterHour',
+  todayHeavy:BASE+'.today.heavyAircraftCount', todayA380:BASE+'.today.a380Count',
+  todayB747:BASE+'.today.b747Count', todaySpecial:BASE+'.today.specialLiveryCount',
+  yesterdayDate:BASE+'.yesterday.date', yesterdayTotal:BASE+'.yesterday.totalFlights',
+  yesterdayLandings:BASE+'.yesterday.landings', yesterdayDepartures:BASE+'.yesterday.departures',
+  yesterdayOverflights:BASE+'.yesterday.overflights', yesterdayBestHour:BASE+'.yesterday.bestSpotterHour',
+  yesterdayTopAirline:BASE+'.yesterday.topAirline', yesterdayTopRoute:BASE+'.yesterday.topRoute',
+  yesterdayHeavy:BASE+'.yesterday.heavyAircraftCount', yesterdayA380:BASE+'.yesterday.a380Count',
+  yesterdayB747:BASE+'.yesterday.b747Count', yesterdaySpecial:BASE+'.yesterday.specialLiveryCount',
+  bestDayDate:BASE+'.alltime.bestDayDate', bestDayFlights:BASE+'.alltime.bestDayFlights',
+  bestHour:BASE+'.alltime.bestHour', bestHourFlights:BASE+'.alltime.bestHourFlights',
+  alltimeHeavy:BASE+'.alltime.heavyAircraftCount', alltimeA380:BASE+'.alltime.a380Count',
+  alltimeB747:BASE+'.alltime.b747Count', alltimeSpecial:BASE+'.alltime.specialLiveryCount',
+  alltimeAirlines:BASE+'.alltime.airlineRankingText', alltimeRoutes:BASE+'.alltime.routeRankingText',
+  dailyHistory:BASE+'.history.dailyText',
+};
+
+function $(id){ return document.getElementById(id); }
+function setWarn(v,t){ const b=$('simpleApiWarning'),m=$('simpleApiWarningText'); if(!b)return; if(m)m.textContent=t||API_BASE; b.classList.toggle('visible',!!v); }
+async function checkApi(){ try{ const r=await fetch(API_BASE+'/getPlainValue/'+encodeURIComponent(DP_ROOT+'.status'),{cache:'no-store'}); if(!r.ok)throw 0; setWarn(false); return true; }catch{ setWarn(true); return false; } }
+
+async function loadVis(){
+  const u=new URL(location.href), no=!u.searchParams.has('apiHost')&&!u.searchParams.has('apiPort');
+  const r=await fetch('/jetframe.admin/vis-config.json?v='+Date.now(),{cache:'no-store'});
+  if(!r.ok)throw new Error('vis-config.json fehlt');
+  const c=await r.json();
+  if(no){ API_BASE=(location.protocol||'http:')+'//'+String(c.simpleApiHost||location.hostname||'127.0.0.1').trim()+':'+String(c.simpleApiPort||'8087').trim(); }
+  VIS_CONFIG_LOADED=true;
+}
+
+function clean(v){
+  if(v==null)return''; v=String(v).trim();
+  if(v==='null'||v==='undefined')return'';
+  if((v[0]==='"'&&v.slice(-1)==='"')||(v[0]==="'"&&v.slice(-1)==="'"))v=v.slice(1,-1);
+  return v.replace(/\\"/g,'"').replace(/\\n/g,'\n').trim();
+}
+function num(v){ const n=Number(String(v).replace(',','.')); return Number.isFinite(n)?n:0; }
+function fmt(v){ return num(v).toLocaleString('de-DE'); }
+
+async function read(id){
+  if(!VIS_CONFIG_LOADED)return'';
+  try{ const r=await fetch(API_BASE+'/getPlainValue/'+encodeURIComponent(id),{cache:'no-store'}); if(!r.ok)return''; return clean(await r.text()); }
+  catch{ setWarn(true); return''; }
+}
+
+async function readAll(){
+  return Object.fromEntries(await Promise.all(Object.entries(IDS).map(async([k,id])=>[k,await read(id)])));
+}
+
+function set(id,v){ const e=$(id); if(e)e.textContent=v; }
+
+function render(d){
+  set('dateText', d.todayDate?'Heute · '+d.todayDate:'Statistik');
+  set('todayTotal',      fmt(d.todayTotal));
+  set('todaySmall',      fmt(d.todayLandings)+' Landungen · '+fmt(d.todayDepartures)+' Starts');
+  set('yesterdayTotal',  fmt(d.yesterdayTotal));
+  set('yesterdaySmall',  d.yesterdayDate||'noch kein Vortag');
+  set('bestDay',         fmt(d.bestDayFlights));
+  set('bestDaySmall',    d.bestDayDate||'noch kein Rekord');
+  set('bestHour',        d.bestHour||'–');
+  set('bestHourSmall',   num(d.bestHourFlights)?fmt(d.bestHourFlights)+' Flüge insgesamt':'allgemein');
+  set('heavyToday',      fmt(d.todayHeavy));
+  set('heavySmall',      'A380 '+fmt(d.todayA380)+' · B747 '+fmt(d.todayB747)+' · Alltime '+fmt(d.alltimeHeavy));
+  set('specialToday',    fmt(d.todaySpecial));
+  set('specialSmall',    'Alltime '+fmt(d.alltimeSpecial));
+  set('dailyHistory',    d.dailyHistory||'Noch keine Tageshistorie vorhanden');
+  set('yesterdayDetails', [
+    (d.yesterdayDate||'Gestern')+' · '+fmt(d.yesterdayTotal)+' Flüge',
+    'Landungen: '+fmt(d.yesterdayLandings),
+    'Starts: '+fmt(d.yesterdayDepartures),
+    'Überflüge: '+fmt(d.yesterdayOverflights),
+    d.yesterdayBestHour?'Beste Zeit: '+d.yesterdayBestHour:'',
+    d.yesterdayTopAirline?'Top Airline: '+d.yesterdayTopAirline:'',
+    d.yesterdayTopRoute?'Top Route: '+d.yesterdayTopRoute:'',
+    'Heavy: '+fmt(d.yesterdayHeavy)+' · A380: '+fmt(d.yesterdayA380)+' · B747: '+fmt(d.yesterdayB747),
+    'Specials: '+fmt(d.yesterdaySpecial),
+  ].filter(Boolean).join('\n'));
+  set('alltimeAirlines', d.alltimeAirlines||'–');
+  set('alltimeRoutes',   d.alltimeRoutes||'–');
+}
+
+async function poll(){ await checkApi(); render(await readAll()); }
+
+loadVis().then(async()=>{ await checkApi(); poll(); setInterval(poll,10000); })
+  .catch(e=>{ VIS_CONFIG_LOADED=false; console.error(e); setWarn(true,'vis-config.json fehlt'); });
+</script>
+
+<script>
+/* Header clock */
+(function(){
+  let _b=false;
+  function pad(n){return String(n).padStart(2,'0');}
+  function wanted(){const d=new Date();return'Heute · '+pad(d.getHours())+':'+pad(d.getMinutes())+' · '+pad(d.getDate())+'.'+pad(d.getMonth()+1)+'.'+d.getFullYear();}
+  function apply(){if(_b)return;_b=true;const s=document.querySelector('.header .sub');if(s){const t=wanted();if(s.textContent!==t)s.textContent=t;}_b=false;}
+  apply();setInterval(apply,5000);
+  const h=document.querySelector('.header');if(h)new MutationObserver(apply).observe(h,{childList:true,subtree:true,characterData:true});
+})();
+</script>
+
+<script>
+/* Date format */
+(function(){
+  const RE=/\b(\d{4})-(\d{2})-(\d{2})\b/g;
+  function fmt(t){return String(t||'').replace(RE,'$3.$2.$1');}
+  function apply(){const root=document.querySelector('.jf-shell');if(!root)return;const w=document.createTreeWalker(root,NodeFilter.SHOW_TEXT);const ns=[];while(w.nextNode())ns.push(w.currentNode);for(const n of ns){if(!RE.test(n.nodeValue))continue;const nx=fmt(n.nodeValue);if(nx!==n.nodeValue)n.nodeValue=nx;}}
+  apply();setInterval(apply,5000);
+  const r=document.querySelector('.jf-shell');if(r)new MutationObserver(apply).observe(r,{childList:true,subtree:true,characterData:true});
+})();
+</script>
+
+<script>
+/* Split panel 2-column layout for ranking text */
+(function(){
+  function esc(s){return String(s).replace(/[&<>"']/g,c=>({'&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;',"'":'&#39;'}[c]));}
+  function isSplit(p){const t=(p.querySelector('h3')?.textContent||'').toLowerCase();return t.includes('gestern')||t.includes('top airlines')||t.includes('top routen');}
+  function doOne(p){
+    const pre=p.querySelector('pre'); if(!pre||!isSplit(p))return;
+    // capture raw text before first split
+    if(pre.dataset.jfRaw===undefined) pre.dataset.jfRaw=pre.textContent||'';
+    // if render() updated textContent, capture it
+    else if(!pre.querySelector('.jf-line')) pre.dataset.jfRaw=pre.textContent||'';
+    const raw=(pre.dataset.jfRaw||'').trim();
+    if(!raw||raw==='–'||raw==='-'){p.classList.remove('jf-split-panel');return;}
+    const lines=raw.split(/\n+/).map(s=>s.trim()).filter(Boolean);
+    if(lines.length<2)return;
+    p.classList.add('jf-split-panel');
+    const html=lines.map(l=>'<span class="jf-line">'+esc(l)+'</span>').join('');
+    if(pre.innerHTML!==html)pre.innerHTML=html;
+  }
+  function all(){document.querySelectorAll('.panel').forEach(doOne);}
+  let t=null;
+  new MutationObserver(()=>{clearTimeout(t);t=setTimeout(all,30);}).observe(document.body,{childList:true,subtree:true,characterData:true});
+  all();
+})();
+</script>
+
+</body>
+</html>

package/admin/style.css

@@ -0,0 +1,32 @@
+/* You can delete those if you want. I just found them very helpful */
+* {
+	box-sizing: border-box;
+}
+.m {
+	/* Don't cut off dropdowns! */
+	overflow: initial;
+}
+.m.adapter-container,
+.m.adapter-container > div.App {
+	/* Fix layout/scrolling issues with tabs */
+	height: 100%;
+	width: 100%;
+	position: relative;
+}
+.m .select-wrapper + label {
+	/* The positioning for dropdown labels is messed up */
+	transform: none !important;
+}
+
+label > i[title] {
+	/* Display the help cursor for the tooltip icons and fix their positioning */
+	cursor: help;
+	margin-left: 0.25em;
+}
+
+.dropdown-content {
+	/* Don't wrap text in dropdowns */
+	white-space: nowrap;
+}
+
+/* Add your styles here */

package/admin/tsconfig.json

@@ -0,0 +1,11 @@
+{
+	"extends": "../tsconfig.json",
+	"include": [
+		"./admin.d.ts",
+		"./**/*.js",
+		// Include the adapter-config definition if it exists.
+		// It should be at either on of these paths:
+		"../lib/adapter-config.d.ts", // JS
+		"../src/lib/adapter-config.d.ts" // TS
+	]
+}