![](\"screenshot.jpg\")
\n\n\n## π Installation\n\n### πΈοΈ On existing webserver\n\n1. Download latest prebuilt archive from **[Releases](https://github.com/dani3l0/honey/releases)**.\n\n2. Extract downloaded archive to your webserver root.\n\n3. You're done!\n\n\n### π via Docker\n\n```\ndocker run -p 4173:4173 -v /path/to/config:/app/dist/config ghcr.io/dani3l0/honey:latest\n```\n\n- `-p 4173:4173` - exposes HTTP port to your machine\n- `-v /path/to/config:/app/dist/config` - mounts config directory to your local filesystem, missing config files will be created automatically\n\nIf you have custom icons or background images, you can freely put them in `config` dir.\nJust remember to provide valid URLs (with `/config` prefix).\n\n_alternatively, use a `docker-compose.yml` file_\n\n\n## βοΈ Configuration\n\nConfiguration file is located at `config/config.json`.\n\n\n### π± Tweaking the user interface\n\nThe following keys are available under `ui` section.\nSome of them are listed in _Settings_ page and can be customized by end-user.\n\n| Key name\t\t\t\t| Description\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t| in Settings\t |\n|-----------------------|-----------------------------------------------------------------------------------------------------------|----------------|\n| `name`\t\t\t\t| Name shown at the main screen and the tab title.\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t|\t\tβ\t\t|\n| `desc`\t\t\t\t| Short description shown under title at the main screen.\t\t\t\t\t\t\t\t\t\t\t\t\t|\t\tβ\t\t|\n| `icon`\t\t\t\t| Icon shown at the main screen and as site's favicon.\t\t\t\t\t\t\t\t\t\t\t\t\t\t|\t\tβ\t\t|\n| `wallpaper`\t\t\t| Background image visible when dark mode is disabled.\t\t\t\t\t\t\t\t\t\t\t\t\t\t|\t\tβ\t\t|\n| `wallpaper_dark`\t\t| Background image visible when dark mode is enabled.\t\t\t\t\t\t\t\t\t\t\t\t\t\t|\t\tβ\t\t|\n| `dark_mode`\t\t\t| Tells whether dark mode is enabled by default. (Available values: `Auto`,`Off`,`On`)\t\t\t\t\t\t|\t\tβ
\t\t|\n| `open_new_tab`\t\t| Tells whether clicking on a service will open it in new tab by default.\t\t\t\t\t\t\t\t\t|\t\tβ
\t\t|\n| `ping_dots`\t\t\t| Enables small dot before service name indicating whether is it available or not.\t\t\t\t\t\t\t|\t\tβ
\t\t|\n| `blur`\t\t\t\t| Tells whether card background blur is enabled by default.\t\t\t\t\t\t\t\t\t\t\t\t\t|\t\tβ
\t\t|\n| `animations`\t\t\t| Tells whether UI animations are enabled by default.\t\t\t\t\t\t\t\t\t\t\t\t\t\t|\t\tβ
\t\t|\n| `trusted_domains`\t\t| Array of domains (or IP addresses) to no longer be considered as 3rd-parties. RegExp is fully supported.\t|\t\tβ
\t\t|\n\n\n### π Adding custom services\n\n`services` section is an array containing objects. Object's structure looks like this:\n\n| Key name\t\t\t| Description\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t|\n|-------------------|-------------------------------------------------------------------------------|\n| `name`\t\t\t| Your service's name.\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t|\n| `desc`\t\t\t| Short description shown under service's name.\t\t\t\t\t\t\t\t\t|\n| `href`\t\t\t| URL address of your service. It is directly passed to `\n\n\t\t\n\t\t
\n\n\n"
},
{
"path": "js/App.js",
"content": "import Drawer from \"./UI/Drawer/Drawer\"\nimport Home from \"./UI/Home/Home\"\nimport Main from \"./UI/Main/Main\"\nimport More from \"./UI/More/More\"\nimport Config from \"./Utils/Config\"\nimport { showPage } from \"./Utils/DOMUtils\"\n\n\nexport default class App {\n\tstatic instance\n\n\tconstructor(config) {\n\t\tif (App.instance) return App.instance\n\t\tApp.instance = this\n\t\tthis.config = new Config(config)\n\t\tthis.init()\n\t}\n\n\tinit() {\n\t\tthis.main = new Main()\n\t\tthis.home = new Home()\n\t\tthis.drawer = new Drawer()\n\t\tthis.more = new More()\n\n\t\tshowPage(\"home\")\n\t\tsetTimeout(() => {\n\t\t\tdocument.body.classList.add(\"loaded\")\n\t\t}, 100)\n\t}\n}\n"
},
{
"path": "js/UI/Drawer/Drawer.js",
"content": "import App from \"../../App\";\nimport PingService from \"../../Utils/PingService\";\n\nexport default class Drawer {\n\tconstructor() {\n\t\tthis.app = new App()\n\t\tthis.config = this.app.config\n\t\tthis.init()\n\t}\n\n\tinit() {\n\t\tthis.importApps()\n\t}\n\n\timportApps() {\n\t\tlet apps = this.config.getServices()\n\t\tlet enablePingDots = this.config.get(\"ping_dots\")\n\t\tlet openNewTab = this.config.get(\"open_new_tab\")\n\t\tlet applist = document.querySelector(\"#app-list\")\n\t\tapplist.innerHTML = \"\"\n\t\tfor (let app of apps) {\n\t\t\tlet a = document.createElement(\"a\")\n\t\t\ta.classList.add(\"box\")\n\t\t\ta.href = app.href\n\t\t\tif (openNewTab) a.setAttribute(\"target\", \"_blank\")\n\t\t\ta.innerHTML = `\n\t\t\t\t\n\t\t\t
\n\n\t\t\n\t\t\n\t\t\t\t
\n\t\t\n\t\t\t\t\t![]()
\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\t\n\t\t\t\n\t\t\t
\n\n\t\t\n\t\t\n\t\t\t
\n\t\t\t\t
\n\t\t\n\t\t\t\t\tapps\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\tServices
\n\t\t\t\t\n\t\t\t
\n\t\n\t\t\t
\n\t\t\t\t
\n\t\t\n\t\t\t\t\t
\n\t\t\t\tOverview
\n\t\t\t\t\tSettings
\n\t\t\t\t\n\n\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t
\n\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\trocket_launch\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t
`\n\n\t\t\tif (enablePingDots) {\n\t\t\t\ta.classList.add(\"pingdot\")\n\t\t\t\tPingService(app.href, status => {\n\t\t\t\t\tif (!status) return\n\t\t\t\t\tlet resp = \"down\"\n\t\t\t\t\tif (status >= 200 && status < 400) resp = \"up\"\n\t\t\t\t\telse if (status >= 400) resp = \"error\"\n\t\t\t\t\ta.classList.add(resp)\n\t\t\t\t})\n\t\t\t}\n\n\t\t\tapplist.appendChild(a)\n\t\t}\n\t}\n}\n"
},
{
"path": "js/UI/Home/Home.js",
"content": "import App from \"../../App\"\nimport { showPage } from \"../../Utils/DOMUtils\"\n\n\nexport default class Home {\n\tconstructor() {\n\t\tthis.app = new App()\n\t\tthis.config = this.app.config\n\t\tthis.init()\n\t}\n\n\tinit() {\n\t\tthis.initButtons()\n\t\tthis.initHomeUI()\n\t\tthis.initBackButtons()\n\t}\n\n\tinitButtons() {\n\t\tlet buttons = document.querySelector(\".buttons\").children\n\t\tfor (let button of buttons) {\n\t\t\tlet target = button.getAttribute(\"t\")\n\t\t\tif (target) {\n\t\t\t\tbutton.addEventListener(\"click\", () => {\n\t\t\t\t\tshowPage(target)\n\t\t\t\t})\n\t\t\t}\n\t\t}\n\t}\n\n\tinitBackButtons() {\n\t\tlet backButtons = document.querySelectorAll(\".back\")\n\t\tfor (let button of backButtons) {\n\t\t\tbutton.addEventListener(\"click\", () => {\n\t\t\t\tshowPage(\"home\")\n\t\t\t})\n\t\t}\n\t}\n\n\tinitHomeUI() {\n\t\tlet logo = document.querySelector(\".appicon\")\n\t\tlogo.src = this.config.get(\"icon\")\n\t\tlogo.classList.add(\"notloaded\")\n\t\tlogo.addEventListener(\"load\", () => {\n\t\t\tlogo.classList.remove(\"notloaded\")\n\t\t})\n\n\t\tlet name = document.querySelector(\".appname\")\n\t\tname.innerText = this.config.get(\"name\")\n\n\t\tlet desc = document.querySelector(\".appdesc\")\n\t\tdesc.innerText = this.config.get(\"desc\")\n\t}\n}"
},
{
"path": "js/UI/Main/Main.js",
"content": "import App from \"../../App\"\n\nexport default class Main {\n\tconstructor() {\n\t\tthis.app = new App()\n\t\tthis.config = this.app.config\n\t\tthis.init()\n\t}\n\n\tinit() {\n\t\tdocument.title = this.config.get(\"name\")\n\t\tdocument.querySelector(\"#favicon\").href = this.config.get(\"icon\")\n\t\tdocument.querySelector(\"#apple-touch-icon\").href = this.config.get(\"icon\")\n\t\tthis.initBackgrounds()\n\t}\n\n\tinitBackgrounds() {\n\t\tthis.backgrounds = document.querySelector(\"#background\")\n\t\tfor (let i = 0; i < 2; i++) {\n\t\t\tlet img = document.createElement(\"img\")\n\t\t\timg.classList.add(\"notloaded\")\n\t\t\timg.addEventListener(\"load\", () => {\n\t\t\t\timg.classList.remove(\"notloaded\")\n\t\t\t})\n\t\t\tthis.backgrounds.appendChild(img)\n\t\t}\n\n\t\tthis.backgrounds = this.backgrounds.children\n\t\tthis.backgrounds[0].src = this.config.get(\"wallpaper\")\n\t\tthis.backgrounds[1].src = this.config.get(\"wallpaper_dark\")\n\t}\n}\n"
},
{
"path": "js/UI/More/More.js",
"content": "import App from \"../../App\";\nimport Overview from \"./Overview/Overview\";\nimport Settings from \"./Settings/Settings\";\n\n\nexport default class More {\n\tconstructor() {\n\t\tthis.app = new App()\n\t\tthis.config = this.app.config\n\t\tthis.overview = new Overview()\n\t\tthis.settings = new Settings()\n\t\tthis.init()\n\t}\n\n\tinit() {\n\t\tthis.overview.init()\n\t\tthis.settings.init()\n\t\tthis.initPager()\n\t}\n\n\tinitPager() {\n\t\tlet switcher = document.querySelector(\".subswitch\")\n\t\tlet buttons = switcher.children\n\t\tlet subsettings = document.querySelector(\".subpages\")\n\n\t\tfor (let i = 0; i < buttons.length; i++) {\n\t\t\tlet button = buttons[i]\n\t\t\tsubsettings.children[i].setAttribute(\"style\", `--n: ${i}`)\n\n\t\t\tbutton.addEventListener(\"click\", () => {\n\t\t\t\tlet calculatedHeight = subsettings.children[i].offsetHeight\n\t\t\t\tsubsettings.style.height = `${calculatedHeight}px`\n\t\t\t\tsubsettings.parentNode.setAttribute(\"style\", `--id: ${i}`)\n\t\t\t\tswitcher.setAttribute(\"style\", `--switches: ${buttons.length}`)\n\t\t\t})\n\t\t}\n\n\t\tbuttons[0].click()\n\t}\n}\n"
},
{
"path": "js/UI/More/Overview/Overview.js",
"content": "import App from \"../../../App\";\nimport { analyzeService } from \"./analyzer\";\nimport { privacyBox } from \"./tiles\";\nimport { s, isare } from \"../../../Utils/StringUtils\";\n\n\nexport default class Overview {\n\tconstructor() {\n\t\tthis.app = new App()\n\t\tthis.config = this.app.config\n\t\tthis.div = document.querySelector(\".overview\").parentNode\n\t}\n\n\tinit() {\n\t\tthis.initPrivacyBoxes()\n\t}\n\n\tinitPrivacyBoxes() {\n\t\tlet stats = {\n\t\t\ttotal: 0,\n\t\t\tsecure: 0,\n\t\t\tthirdParties: 0\n\t\t}\n\t\tfor (let service of this.config.getServices()) {\n\t\t\tlet analysis = analyzeService(service.href, this.config.get(\"trusted_domains\"))\n\t\t\tstats.total++\n\t\t\tstats.secure += analysis.isSecure\n\t\t\tstats.thirdParties += analysis.isThirdParty\n\t\t}\n\t\tthis.div.querySelector(\".big\").setAttribute(\"style\", `--value: ${stats.total}`)\n\t\tthis.div.querySelector(\".small\").innerText = `Available service${s(stats.total)}`\n\n\t\tlet encryption_t, encryption_d\n\t\tif (stats.secure == stats.total) {\n\t\t\tencryption_t = \"Full encryption\"\n\t\t\tencryption_d = \"All services use secure connections (HTTPS).\"\n\t\t}\n\t\telse if (stats.secure == 0) {\n\t\t\tencryption_t = \"No encryption\"\n\t\t\tencryption_d = \"It seems server does not support HTTPS.\"\n\n\t\t}\n\t\telse {\n\t\t\tlet insecure = stats.total - stats.secure\n\t\t\tencryption_t = \"Partial encryption\"\n\t\t\tencryption_d = `${insecure} service${s(insecure)} do not use secure connections.`\n\n\t\t}\n\n\t\tlet indepencence_t, indepencence_d\n\t\tif (stats.thirdParties == 0) {\n\t\t\tindepencence_t = \"Independence\"\n\t\t\tindepencence_d = \"This server is free of 3rd party services.\"\n\t\t}\n\t\telse if (stats.thirdParties == stats.total) {\n\t\t\tindepencence_t = \"Something is wrong...\"\n\t\t\tindepencence_d = \"It seems only 3rd-party services are listed.\"\n\t\t}\n\t\telse {\n\t\t\tindepencence_t = \"Partial independence\"\n\t\t\tindepencence_d = `${stats.thirdParties} service${s(stats.thirdParties)} ${isare(stats.thirdParties)} provided by 3rd-parties.`\n\t\t}\n\n\t\tprivacyBox(\"lock\", \"#0D6\", encryption_t, encryption_d, stats.secure / stats.total)\n\t\tprivacyBox(\"home\", \"#68F\", indepencence_t, indepencence_d, 1 - stats.thirdParties / stats.total)\n\t}\n}\n"
},
{
"path": "js/UI/More/Overview/analyzer.js",
"content": "export function analyzeService(url, whitelist) {\n\tlet isSiteSecure = (\n\t\twindow.location.protocol == \"https:\" ||\n\t\twindow.location.hostname == \"localhost\"\n\t)\n\n\tlet isSecure = false\n\tif (url.startsWith(\"https://\")) {\n\t\tisSecure = true\n\t}\n\telse if (![\"http\", \"https\"].includes(url.split(\"://\")[0])) {\n\t\tisSecure = isSiteSecure\n\t}\n\n\tlet isThirdParty = true\n\tlet domain_base = window.location.hostname\n\tlet domain = url.split(\"://\")\n\tif (domain.length > 1) {\n\t\tdomain = domain[1]\n\t\tdomain = domain.split(\"/\")[0]\n\t\tisThirdParty = !domain.includes(domain_base)\n\t\tif (isThirdParty) {\n\t\t\tfor (let entry of whitelist) {\n\t\t\t\tlet re = RegExp(entry)\n\t\t\t\tif (re.exec(domain)) {\n\t\t\t\t\tisThirdParty = false\n\t\t\t\t\tbreak\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\telse {\n\t\tisThirdParty = false\n\t}\n\n\treturn {isSecure, isThirdParty}\n}"
},
{
"path": "js/UI/More/Overview/tiles.js",
"content": "export function privacyBox(icon, color, name, desc, pp) {\n\tif (pp == 1) {}\n\telse if (pp > 0.7) color = \"#EA0\"\n\telse if (pp > 0.25) color = \"#F72\"\n\telse color = \"#F33\"\n\n\tlet item = document.createElement(\"div\")\n\titem.setAttribute(\"style\", `--color: ${color}`)\n\n\titem.innerHTML = `${icon}\n\t\t${app.name}
\n\t\t\t\t\t${app.desc}
\n\t\t\t\t\n\t\t\t
`\n\n\tdocument.querySelector(\".privacy-boxes\").appendChild(item)\n\treturn item\n}\n"
},
{
"path": "js/UI/More/Settings/Settings.js",
"content": "import App from \"../../../App\";\nimport { addOnOffTile, addOptionsTile } from \"./tiles\";\nimport * as EVENTS from \"./events\"\n\n\nexport default class Settings {\n\tconstructor() {\n\t\tthis.app = new App()\n\t\tthis.config = this.app.config\n\t}\n\n\tinit() {\n\t\tthis.checkLocalStorage()\n\t\tthis.initSettings()\n\t}\n\n\tinitSettings() {\n\t\tlet darkMode = addOptionsTile(this.config,\n\t\t\t\"dark_mode\", \"Dark mode\",\n\t\t\t\"Make the colors more appropriate for low-light environments\",\n\t\t\t\"dark_mode\", EVENTS.onThemeChange\n\t\t)\n\n\t\taddOnOffTile(this.config,\n\t\t\t\"open_in_new\", \"Open in new tab\",\n\t\t\t\"Clicking on application will open it in a new browser tab\",\n\t\t\t\"open_new_tab\", EVENTS.onNewTabChange\n\t\t)\n\n\t\taddOnOffTile(this.config,\n\t\t\t\"sensors\", \"Ping dots\",\n\t\t\t\"Shows small dots before titles indicating whether service is up or not\",\n\t\t\t\"ping_dots\", EVENTS.onPingDotsChange\n\t\t)\n\n\t\taddOnOffTile(this.config,\n\t\t\t\"blur_on\", \"Enable blur\",\n\t\t\t\"Improves UI sweetness but may have a huge impact on performance\",\n\t\t\t\"blur\", EVENTS.onBlurChange\n\t\t)\n\n\t\taddOnOffTile(this.config,\n\t\t\t\"animation\", \"Animations\",\n\t\t\t\"Show nice and fancy page transitions for improved experience\",\n\t\t\t\"animations\", EVENTS.onAnimationChange\n\t\t)\n\n\t\tdocument.querySelector(\"#theme-switcher\").addEventListener(\"click\", () => {\n\t\t\tlet targetButtons = darkMode.querySelector(\".options\").children\n\t\t\tlet storedValue = this.config.get(\"dark_mode\")\n\t\t\tlet target;\n\t\t\tif (storedValue == \"Auto\") {\n\t\t\t\tlet isSystemDark = window.matchMedia('(prefers-color-scheme: dark)').matches\n\t\t\t\ttarget = 2 - isSystemDark\n\t\t\t}\n\t\t\telse {\n\t\t\t\tlet isEnforcedDark = storedValue == \"On\"\n\t\t\t\ttarget = !isEnforcedDark + 1\n\t\t\t}\n\t\t\ttargetButtons[target].click()\n\t\t})\n\t}\n\n\tcheckLocalStorage() {\n\t\tlet warn = document.querySelector(\"#no-cookies\").classList\n\t\tif (this.config.storageAvailable) warn.add(\"hidden\")\n\t}\n}"
},
{
"path": "js/UI/More/Settings/events.js",
"content": "import App from \"../../../App\";\n\nconst CL = document.body.classList\n\n// Switch between light & dark themes\nvar onThemeChange_SystemListener = false;\nexport function onThemeChange(config) {\n\tlet value = config.get(\"dark_mode\")\n\tlet mm = window.matchMedia('(prefers-color-scheme: dark)')\n\tlet isDark = value == \"Auto\" ? mm.matches : value == \"On\"\n\tisDark ? CL.add(\"dark\") : CL.remove(\"dark\")\n\n\t// Listen for system theme changes\n\tif (!onThemeChange_SystemListener) {\n\t\tonThemeChange_SystemListener = true\n\t\tmm.addEventListener('change', event => {\n\t\t\tif (config.get(\"dark_mode\") == \"Auto\") {\n\t\t\t\tlet isDark = event.matches;\n\t\t\t\tisDark ? CL.add(\"dark\") : CL.remove(\"dark\")\n\t\t\t}\n\t\t});\n\t}\n}\n\n// Open apps in new tab\nexport function onNewTabChange(config) {\n\tlet openNewTab = config.get(\"open_new_tab\")\n\tlet appList = document.querySelector(\"#app-list\").children\n\n\tfor (let app of appList) {\n\t\tif (openNewTab) app.setAttribute(\"target\", \"_blank\")\n\t\telse app.removeAttribute(\"target\") \n\t}\n}\n\n// Enable/disable ping dots\nexport function onPingDotsChange(config) {\n\tlet app = new App()\n\tapp.drawer.importApps()\n}\n\n// Enable/disable background blur\nexport function onBlurChange(config) {\n\tlet blur = config.get(\"blur\")\n\tblur ? CL.remove(\"noblur\") : CL.add(\"noblur\")\n}\n\n// Enable/disable animations\nexport function onAnimationChange(config) {\n\tlet animations = config.get(\"animations\")\n\tanimations ? CL.remove(\"noanim\") : CL.add(\"noanim\")\n}\n"
},
{
"path": "js/UI/More/Settings/tiles.js",
"content": "export function addOnOffTile(conf, icon, name, desc, key, func) {\n\tlet item = document.createElement(\"div\")\n\titem.classList.add(\"setting\")\n\titem.classList.add(\"pointer\")\n\titem.innerHTML = `\n\t\t${icon}\n\t\t${name}
\n\t\t\t${desc}
\n\t\t\n\t\t\t
\n\t\t`\n\n\tlet handleState = () => {\n\t\tlet c = item.classList\n\t\tif (conf.get(key)) c.add(\"checked\")\n\t\telse c.remove(\"checked\")\n\t}\n\n\tlet write = () => {\n\t\tlet target_value = !conf.get(key)\n\t\tconf.set(key, target_value)\n\t}\n\n\tlet f = () => {func(conf)}\n\n\titem.addEventListener(\"click\", write)\n\titem.addEventListener(\"click\", handleState)\n\tif (func) item.addEventListener(\"click\", f)\n\n\thandleState()\n\tif (func) f()\n\n\tdocument.querySelector(\"#settings\").appendChild(item)\n\treturn item\n}\n\nexport function addOptionsTile(conf, icon, name, desc, key, func) {\n\tlet options = [\"Auto\", \"Off\", \"On\"]\n\tlet optionsHtml = document.createElement(\"div\")\n\toptionsHtml.classList.add(\"options\")\n\n\tlet handleState = () => {\n\t\tlet c = optionsHtml\n\t\tlet value = conf.get(key)\n\t\tlet n = options.indexOf(value)\n\t\tfor (let i = 0; i < options.length; i++) {\n\t\t\tlet cl = c.children[i].classList\n\t\t\tif (i == n) cl.add(\"active\")\n\t\t\telse cl.remove(\"active\")\n\t\t}\n\t\tc.setAttribute(\"style\", `--item: ${n}; --items: ${options.length}`)\n\t}\n\n\tlet write = (val) => {\n\t\tconf.set(key, val)\n\t}\n\n\tlet f = () => {func(conf)}\n\n\toptions.forEach(e => {\n\t\tlet node = document.createElement(\"div\")\n\t\tnode.innerText = e\n\t\tnode.addEventListener(\"click\", () => {\n\t\t\twrite(e)\n\t\t\thandleState()\n\t\t\tif (func) f()\n\t\t})\n\t\toptionsHtml.appendChild(node)\n\t})\n\n\thandleState()\n\tif (func) f()\n\n\tlet item = document.createElement(\"div\")\n\titem.classList.add(\"setting\")\n\titem.innerHTML = `\n\t\t${icon}\n\t\t${name}
\n\t\t\t${desc}
\n\t\t\n\t\t\t
`\n\titem.appendChild(optionsHtml)\n\n\tdocument.querySelector(\"#settings\").appendChild(item)\n\treturn item\n}\n"
},
{
"path": "js/Utils/Config.js",
"content": "export default class Config {\n\n\t// Initialization & localStorage availability check\n\tconstructor(config) {\n\t\tthis.config = config\n\t\ttry {\n\t\t\twindow.localStorage\n\t\t\tthis.storageAvailable = true\n\t\t}\n\t\tcatch (e) {\n\t\t\tthis.storageAvailable = false\n\t\t}\n\t}\n\n\t// Get value from config or localStorage (if set)\n\tget(key) {\n\t\tlet value = this.config[\"ui\"][key]\n\n\t\tif (this.storageAvailable) {\n\t\t\tlet type = typeof(value)\n\t\t\tlet stored_value = window.localStorage.getItem(key)\n\n\t\t\tif (stored_value != null) {\n\t\t\t\tvalue = stored_value\n\t\t\t\tif (type == \"number\") value = Number(value)\n\t\t\t\telse if (type == \"boolean\") value = value == \"true\"\n\t\t\t}\n\t\t}\n\n\t\treturn value\n\t}\n\n\t// Save value to localStorage\n\tset(key, value) {\n\t\tkey = key.toLowerCase()\n\t\tthis.config[\"ui\"][key] = value\n\n\t\tif (this.storageAvailable) {\n\t\t\twindow.localStorage.setItem(key, value)\n\t\t}\n\t}\n\n\t// Get services from config.json file\n\tgetServices() {\n\t\treturn this.config[\"services\"]\n\t}\n}\n"
},
{
"path": "js/Utils/DOMUtils.js",
"content": "export function showPage(target) {\n\tlet bg = document.querySelector(\"#background\").classList\n\tif (target == \"home\") bg.add(\"scaled\")\n\telse bg.remove(\"scaled\")\n\tlet pages = document.querySelectorAll(\".page\")\n\n\tfor (let page of pages) {\n\t\tlet p = page.getAttribute(\"p\")\n\t\tif (p == target) page.classList.add(\"current\")\n\t\telse page.classList.remove(\"current\")\n\t}\n\n}\n"
},
{
"path": "js/Utils/PingService.js",
"content": "export default function PingService(uri, callback) {\n let xhr = new XMLHttpRequest()\n xhr.open(\"GET\", uri)\n xhr.onreadystatechange = function() {\n if (this.readyState < 4) return\n let code = this.status\n setTimeout(() => callback(code), 3000)\n }\n xhr.send()\n}\n"
},
{
"path": "js/Utils/StringUtils.js",
"content": "export function s(number) {\n\tif (number == 1) return \"\"\n\treturn \"s\"\n}\n\nexport function isare(number) {\n\tif (number == 1) return \"is\"\n\treturn \"are\"\n}\n"
},
{
"path": "js/main.js",
"content": "import App from \"./App\"\n\nwindow.addEventListener(\"DOMContentLoaded\", () => {\n\tlet xhr = new XMLHttpRequest()\n\txhr.open(\"GET\", \"config/config.json\")\n\txhr.onload = function() {\n\t\tlet config = JSON.parse(this.responseText)\n\t\twindow.app = new App(config)\n\t}\n\txhr.send()\n})\n"
},
{
"path": "package.json",
"content": "{\n \"name\": \"honey\",\n \"private\": true,\n \"version\": \"2\",\n \"type\": \"module\",\n \"scripts\": {\n \"dev\": \"vite\",\n \"build\": \"vite build\",\n \"preview\": \"vite preview --host\"\n },\n \"devDependencies\": {\n \"vite\": \"^5.4.9\"\n }\n}\n"
}
]${name}
\n\t\t\t${desc}
\n\t\t