[ { "path": ".github/FUNDING.yml", "content": "# These are supported funding model platforms\n\ngithub: # Replace with up to 4 GitHub Sponsors-enabled usernames e.g., [user1, user2]\npatreon: V0rt3x_workshop # Replace with a single Patreon username\nopen_collective: # Replace with a single Open Collective username\nko_fi: v0r_t3x # Replace with a single Ko-fi username\ntidelift: # Replace with a single Tidelift platform-name/package-name e.g., npm/babel\ncommunity_bridge: # Replace with a single Community Bridge project-name e.g., cloud-foundry\nliberapay: # Replace with a single Liberapay username\nissuehunt: # Replace with a single IssueHunt username\nlfx_crowdfunding: # Replace with a single LFX Crowdfunding project-name e.g., cloud-foundry\npolar: # Replace with a single Polar username\nbuy_me_a_coffee: # Replace with a single Buy Me a Coffee username\nthanks_dev: # Replace with a single thanks.dev username\ncustom: # Replace with up to 4 custom sponsorship URLs e.g., ['link1', 'link2']\n" }, { "path": ".github/ISSUE_TEMPLATE/bug_report.md", "content": "---\nname: Bug report\nabout: Create a report to help us improve\ntitle: \"[BUG]\"\nlabels: ''\nassignees: ''\n\n---\n\n**Pwnagotchi Version**: ``\n**Hardware (SBC)**: ``\n**Screen Type**: ``\n**Other Hardware Used**: ``\n**Pwnagotchi Fork (if applicable)**: ``\n\n**Describe the bug**\nA clear and concise description of what the bug is.\n\n**To Reproduce**\nSteps to reproduce the behavior:\n1. Go to '...'\n2. Click on '....'\n3. Scroll down to '....'\n4. See error\n\n**Expected behavior**\nA clear and concise description of what you expected to happen.\n\n**Screenshots**\nIf applicable, add screenshots to help explain your problem.\n\n**Desktop (please complete the following information):**\n - OS: [e.g. iOS]\n - Browser [e.g. chrome, safari]\n - Version [e.g. 22]\n\n**Smartphone (please complete the following information):**\n - Device: [e.g. iPhone6]\n - OS: [e.g. iOS8.1]\n - Browser [e.g. stock browser, safari]\n - Version [e.g. 22]\n\n**Additional context**\nAdd any other context about the problem here.\n\n**Logs**\n- Run the diagnostic script and attach the log archive here (if relevant).\n" }, { "path": ".github/ISSUE_TEMPLATE/feature_request.md", "content": "---\nname: Feature request\nabout: Suggest an idea for this project\ntitle: ''\nlabels: ''\nassignees: ''\n\n---\n\n**Is your feature request related to a problem? Please describe.**\nA clear and concise description of what the problem is. Ex. I'm always frustrated when [...]\n\n**Describe the solution you'd like**\nA clear and concise description of what you want to happen.\n\n**Describe alternatives you've considered**\nA clear and concise description of any alternative solutions or features you've considered.\n\n**Additional context**\nAdd any other context or screenshots about the feature request here.\n" }, { "path": "Fancygotchi.py", "content": "# adding api or ui attribute to know the actual theme config and or fancy state\n\nimport argparse\nimport asyncio\nimport copy\nimport importlib\nimport glob\nimport gettext\nimport importlib.util\nimport json\nimport logging\nimport math\nimport numpy as np\nimport os\nimport random\nimport re\nimport requests\nimport secrets\nimport shutil\nimport struct\nimport subprocess\nimport sys\nimport tempfile\nimport threading\nimport time\nimport toml\nimport traceback\nimport zipfile\n\nfrom io import BytesIO\nfrom multiprocessing.connection import Client, Listener\nfrom os import system\nfrom shutil import copy2, copyfile, copytree\nfrom textwrap import TextWrapper\nfrom toml import dump, load\nfrom PIL import Image, ImageChops, ImageDraw, ImageFont, ImageOps, ImageSequence\nfrom flask import abort, jsonify, make_response, render_template_string, send_file, session\n\nimport pwnagotchi\nimport pwnagotchi.plugins as plugins\nimport pwnagotchi.ui.faces as faces\nimport pwnagotchi.ui.fonts as fonts\nfrom pwnagotchi import utils\nfrom pwnagotchi.plugins import toggle_plugin\nfrom pwnagotchi.ui import display\nfrom pwnagotchi.ui.hw import display_for\nfrom pwnagotchi.utils import load_config, merge_config, save_config\n\nV0RT3X_REPO = \"https://github.com/V0r-T3x\"\nFANCY_REPO = os.path.join(V0RT3X_REPO, \"Fancygotchi\")\nTHEMES_REPO = \"https://api.github.com/repos/V0r-T3x/Fancygotchi_themes/contents/fancygotchi_2.0/themes\"\n\n\nLOGO = \"\"\"░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░\n░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░\n░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░\n░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░▒▒▒▒▒▒▒▒░░░░░░▒▒▒▒▒▒▒░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░\n░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░▓▓▓▓████▓▓▓▓▓▓▓▓▓████████▓▒░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░\n░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░▓▓▓███████▓▓▓▓▓▓▓▓██████████▒░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░\n░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░█▓█████▓▓▓▓▓▓▓▓▓▓▓██████████▓░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░\n░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░▒▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓███████████░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░\n░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░█▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓██████████▒░░░░░░░░░░░░░░░░░░░░░░░░░░░░░\n░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░█▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓████████████░░░░░░░░░░░░░░░░░░░░░░░░░░░░░\n░░░░░░░░░░░░░░░░░░░░░░░░░░░░░▓▓▓█▓▒▒▒▒▒▒▒▒▓▓▓▓▓▓▓▓███████████▒░░░░░░░░░░░░░░░░░░░░░░░░░░░░\n░░░░░░░░░░░░░░░░░░░░░░░░░░░░░█▓▓▓█▓▒▒▒▒▓▓▓▓▓▓▓▓▓█████████████▓░░░░░░░░░░░░░░░░░░░░░░░░░░░░\n░░░░░░░░░░░░░░░░░░░░░▒▓▓▓█▓▓▓█▓▓██████████████████████████████▓▓▓▓▓▓▓▒░░░░░░░░░░░░░░░░░░░░\n░░░░░░░░░░░░░░░░░░░░███████████████████████████████████████████████████▓░░░░░░░░░░░░░░░░░░\n░░░░░░░░░░░░░░░░░░░░████████████████████████████████████████████████████░░░░░░░░░░░░░░░░░░\n░░░░░░░░░░░░░░░░░░░░▒████████▓▓▓▓▓▓▓▓██████████████████████████████████▒░░░░▒▒▒▒░░░░░░░░░░\n░░░░░░░░░▓▓▒░░░░░░░░░░▓█████▓▒▒▒▒▒▒▒▒▒▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓███████▓░░░░░░▓▓▓▓▓▓▓▓▓░░░░░\n░░░░░░░░▒▒▒▓▒░░░░░░░░░░░▒▓██▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▓██▓▒░░░░░░░░░█▓▓▓▓▓█▓░░░░░░\n░░░░░░░░▓░░▒▒▓▒░░░░░░░░░░░░▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▓▓░░░░░░░░░░░▒▒▓▓▓▓▓█▒░░░░░░\n░░░░░░░▓▒▒▒▒▒▓▓▒░░░░░░░░░░░▓▒▒▓████▓▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▓█████▓▓▓▓░░░░░░░░░░░▒▒▒▒▒▒▓▓░░░░░░░\n░░░░░░░▒▒░░░░▒▒▓░░░░░░░░░░░▓▒▒▒██▓▓████▓▒▒▒▒▒▒▒▒▒▒▓▓████▓███▓▓▓▒░░░░░░░░░░▒▓▓▓▓▓▒▓▒░░░░░░░\n░░░░░░░░▓░░░░░▒▓░░░░░░░░░░░░▓▒▒▒███████▓▒▒▒▒▒▒▒▒▒▒▒▓███████▓▓▓▓░░░░░░░░░░░░░▓▓██▓▓░░░░░░░░\n░░░░░░░▒▓▒░░░░▓▓▒▒▒░░░░░░░░░▒▓▒▒▒▓███▓▒▒▓▓▓▓▒▒▒▓▓▓▒▒▒▓████▓▓▓▓░░░░░░░░░░░▒▒▓▓▓█░░░░░░░░░░░\n░░░░░░░▒▓▓▒▓▒▒▓▓▓█▓▓░░░░░░░░░░▓▒▒▒▒▒▒▒▒▒▒▒▒▓▓▓▓▓▒▒▒▒▒▒▒▒▒▓▓▓▓░░░░░░░░░░░▓▒▒█▓▓▓░░░░░░░░░░░\n░░░░░░░░▒█▒▓▓▓▓▓███▓▒░░░░░░░░▒▓█▓▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▓▓██▒░░░░░░░░░░░█▓▓█▓█▒▒▒░░░░░░░░░\n░░░░░░░░░▓░▓▓▓▒▒▓██▓▓▓▒░░░░▒▓███▓▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▓████▓▒░░░░░░░░▓▓██████▓▒▓░░░░░░░░\n░░░░░░░░░▒▓▒▒▒▓▓████▓▓▓▓▒▒▓▓▓▓▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▓▓▓███▓▒▒░▒▒▓▒▒▓██████▓▒▓░░░░░░░░\n░░░░░░░░░░░░░▒████▓██▓▓▓▓▓▓▓▒▒▒▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▓▓▒▒▒▒▒▒▒▒▒▒▓██████▓▒▓▒░░░░░░░░\n░░░░░░░░░░░░░░▒████▓▒▓▓▓▓▓▓▓▓▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▓▒▒▒▒▒▒▓▓▓▓▓▓▓▓▓▓▓█████▓▒▒░░░░░░░░░░\n░░░░░░░░░▒██░░░▓█████▓▒▒▒▒▒▒▒▒▒▒▒▒▓▓█▓▒▒▒▒▒▒▓█▓▓▒▒▒▒▒▒▓█▓▓▒▒▒▒▒▒▒▒▒▒▒▒▓███▓█▓▒▒░░░░░░░░░░░\n░░░░░░░░▒██░░░░▒▒████████▓▓▓▓▓▓██████▓▒▒▒▒▒▓█████▓▒▒▒▒▒████████▓▓▓▓▓█████░▒██▓██▓░░░░░░░░░\n░░░░░░░░▓██░░░▒░░▒█████████▓▓████████▓▒▒▒▒▓███████▓▒▒▒▒████████████████▓░░░▒▒░▒██▓░░░░░░░░\n░░░░░░░░▒███▒░░░▒████▒░██▓███▓███████▒▒▒▒▓█████████▓▒▒▒▒████████▓██▓██▓░░░░░░░▒███░░░░░░░░\n░░░░░░░░░▒███████████▒▒█▓▓██▓▓▓█████▒▒▒▒▒███████████▓▒▒▒▒██████▓▓█████▓▒░░░░░░▓██▓░░░░░░░░\n░░░░░░░░░░░▒▓▓██████▓▓███▓███▓▒▒▓▓▒▒▒▒▒▓██████████████▒▒▒▒▒▓▓▒▒▒██████▓▓▓▒▒▒▓▓███▒░░░░░░░░\n░░░░░░░░░░░░░▓███████████▓▓████▓▓▒▒▒▓▓███████▓▒▓██▓█████▓▒▒▒▒▒▓████████████████▓░░░░░░░░░░\n░░░░░░░░░░░░░░▓███████████▓███████████████▒░░░░░░░▓▓██████████████▓█████████▓▒░░░░░░░░░░░░\n░░░░░░░░░░░░░░░▒▓▓██████▓░░▒█████████████▒░░░░░░░░░▓█▓███████████▒░░▓▓█▓▓▓▓▒░░░░░░░░░░░░░░\n░░░░░░░░░░░░░░░░░░░░▒░░░░░░░▒▓██▓██▓███▓▒░░░░░░░░░░░░▓██▓█████▓▒░░░░░░░░░░░░░░░░░░░░░░░░░░\n░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░▒▒▒▒▒░░░░░░░░░░░░░░░░░░░░▒▒▒░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░\n░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░\n░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░\"\"\"\n\nINDEX = \"\"\"\n{% extends \"base.html\" %}\n{% set active_page = \"plugins\" %}\n{% block title %}\n Fancygotchi\n{% endblock %}\n{% block meta %}\n \n \n{% endblock %}\n{% block styles %}\n{{ super() }}\n\n{% endblock %}\n{% block content %}\n
\n \n
\n \n
\n
\n \n \n
\n
\n \n
\n
\n
\n \n \n
\n
\n
\n \n \n
\n \n
\n
\n
\n
\n
\n
\n
\n
\n \n
\n
\n
\n
\n
\n
\n \n
\n
\n
\n
\n
\n
\n\n
\n
\n
\n
\n
\n
\n\n
\n
\n
\n
\n
\n
\n
\n
\n \n\n \n
\n
\n \n
\n
\n\n \n
\n
\n \n
\n
\n
\n\n
\n \n
\n
\n
\n \n \n
\n \n \n \n \n \n\n \n \n
\n
\n \n \n
\n
\n
\n
\n

Create New Theme

\n \n \n \n \n
\n
\n
\n

Theme Description

\n
\n \n
\n
\n
\n
\n
\n

\n \n

\n
\n

Loading...

\n
\n
\n
\n \n \n
\n \n
\n
\n

Theme Description

\n

No description available

\n \n
\n
\n
\n
\n
\n

No configuration for the default theme

\n
\n \n

Configuration editor

\n \n

Config Path

\n
\n

CSS editor

\n

CSS Path

\n
\n

Info editor

\n

Info Path

\n
\n
\n \n
\n\n
\n \n
\n

Theme editor

\n
\n

Coming soon !

\n

If you like the project feel free to contribute !

\n

Fancygotchi is made with ❤ by V0rT3x

\n
\n
\n 
\n{% for line in logo.splitlines() %}{{ line }}\n{% endfor %}\n
\n
\n
\n \n
\n
\n \n
\n Fancygotchi {{ version }} made with ❤ by {{ author }}\n
\n \n
\n
\n
\n

Confirm Deletion

\n

Are you sure you want to delete the selected theme?

\n Cancel\n Delete\n
\n
\n \n{% endblock %}\n{% block script %}\ntheme_info(\"{{name}}\");\nloadConfig(0, \"{{name}}\");\n\nvar scrollToTopBtn = document.getElementById(\"scrollToTopBtn\");\n\nfunction theNet() {\n var div = document.querySelector(\".dev\");\n var logo = document.querySelector(\"#logo\");\n\n if (!div || !logo) {\n console.error('Element not found: .dev or #logo');\n return;\n }\n\n var computedColor = window.getComputedStyle(logo).color;\n console.log(computedColor)\n\n function rgbToColor(rgb) {\n return rgb.replace(/\\s+/g, '').toLowerCase();\n }\n\n var limeColor = rgbToColor(\"rgb(0, 255, 0)\"); \n\n if (div.style.display === \"none\" || div.style.display === \"\") {\n if (rgbToColor(computedColor) === limeColor) {\n logo.style.color = \"red\"; \n } else {\n logo.style.color = \"lime\"; \n }\n\n glitchEffect(true);\n div.style.display = \"block\";\n logo.style.backgroundColor = \"black\";\n } else {\n div.style.display = \"none\";\n logo.style.color = \"\"; \n logo.style.backgroundColor = \"\";\n }\n}\n\nwindow.onload = function() {\n var image = document.getElementById(\"ui\");\n var image2 = document.getElementById(\"ui2\");\n function updateImage() {\n image.src = image.src.split(\"?\")[0] + \"?\" + new Date().getTime();\n image2.src = image2.src.split(\"?\")[0] + \"?\" + new Date().getTime();\n }\n setInterval(updateImage, {{webui_fps}});\n}\n\n$(document).ready(function () {\n // Variable to track the keyboard toggle state\n let keyboardActive = false;\n\n // Listen for changes on the keyboard toggle flipswitch\n $('#keyboard').on('change', function () {\n keyboardActive = $(this).is(':checked'); // Set true if checked, false otherwise\n });\n\n // Keydown event listener\n $(document).on('keydown', function (e) {\n if (!keyboardActive) return; // Exit if keyboard is toggled off\n switch (e.key) {\n case \"ArrowUp\":\n e.preventDefault(); \n $('#up').click();\n break;\n case \"ArrowDown\":\n e.preventDefault(); \n $('#down').click();\n break;\n case \"ArrowLeft\":\n e.preventDefault(); \n $('#left').click();\n break;\n case \"ArrowRight\":\n e.preventDefault(); \n $('#right').click();\n break;\n case \"Enter\":\n e.preventDefault(); \n $('#select').click();\n break;\n case \"s\":\n $('#stealth').click();\n break;\n case \"t\":\n $('#start').click();\n break;\n case \"a\":\n $('#a').click();\n break;\n case \"b\":\n $('#b').click();\n break;\n case \"x\":\n $('#x').click();\n break;\n case \"y\":\n $('#y').click();\n break;\n case \"Shift\":\n e.preventDefault(); \n $('#l1').click();\n break;\n case \"Alt\":\n e.preventDefault(); \n $('#r1').click();\n break;\n case \"Control\":\n e.preventDefault(); \n $('#l2').click();\n break;\n case \" \":\n e.preventDefault(); \n $('#r2').click();\n break;\n }\n });\n});\n\nwindow.onscroll = function() {\n if (document.body.scrollTop > 100 || document.documentElement.scrollTop > 100) {\n scrollToTopBtn.classList.add(\"show\");\n } else {\n scrollToTopBtn.classList.remove(\"show\");\n }\n};\n\nscrollToTopBtn.addEventListener(\"click\", function() {\n window.scrollTo({top: 0, behavior: 'smooth'});\n});\n\nfunction searchConfig() {\n var input, filter, table, tr, i, td, txtValue;\n input = document.getElementById(\"configSearch\");\n filter = input.value.toUpperCase();\n table = document.getElementById(\"tableOptions\");\n if (!table) return;\n tr = table.getElementsByTagName(\"tr\");\n\n // Loop through all table rows (except the header and the 'add' row), and hide those who don't match the search query\n for (i = 1; i < tr.length -1; i++) {\n td = tr[i].getElementsByTagName(\"td\")[1]; // The second column contains the option name\n if (td) {\n txtValue = td.textContent || td.innerText;\n if (txtValue.toUpperCase().indexOf(filter) > -1) {\n tr[i].style.display = \"\";\n } else {\n tr[i].style.display = \"none\";\n }\n }\n }\n}\nfunction active_theme(callback) {\n loadJSON(\"Fancygotchi/active_theme\", function(response) {\n callback(response.theme);\n });\n}\n\nfunction resetCSS() {\n loadJSON(\"Fancygotchi/reset_css\", function(response) {\n console.log(\"CSS reset successful!\");\n alert(\"CSS reset successful!\");\n });\n}\n\nfunction theme_select() {\n var theme = document.getElementById(\"theme-selector\").value;\n var rotation = document.getElementById(\"orientation-selector\").value;\n \n //var json = {\"theme\": theme, \"rotation\": rotation};\n var url = \"Fancygotchi/theme_select?theme=\"+theme+\"&rotation=\"+rotation;\n console.log(url);\n loadJSON(url, function(response) {\n loadConfig(1, theme);\n }); \n}\n\nfunction loadConfig(a, theme) {\n if (a == 1) {\n alert(theme + ' selected');\n }\n if (theme == \"Default\") {\n document.querySelector(\"#config h2\").innerText = \"No configuration for the default theme\";\n document.getElementById(\"hidden\").style.visibility = \"hidden\";\n document.getElementById(\"hidden\").style.display = \"none\";\n } else {\n document.getElementById(\"hidden\").style.visibility = \"visible\";\n document.getElementById(\"hidden\").style.display = \"inline-block\";\n }\n loadJSON(\"Fancygotchi/load_config\", function(response) {\n updateConfigSection(response);\n });\n}\n\nfunction escapeHtml(text) {\n return text\n .replace(//g, \">\");\n}\n\nfunction updateConfigSection(data) {\n populateConfig(data.config)\n if (data.name == \"Default\" || data.name == \"\") {\n document.querySelector(\"#config h2\").innerText = \"No configuration for the default theme\";\n\n } else {\n document.querySelector(\"#config h2\").innerText = \"Configuration of \" + data.name;\n\n }\n document.querySelector(\"#config h4:nth-of-type(1)\").innerText = data.cfg_path;\n document.querySelector(\"#config h4:nth-of-type(2)\").innerText = data.css_path;\n var cssContent = document.getElementById(\"CSS\");\n cssContent.innerHTML = '
' + escapeHtml(data.css) + '
';\n document.querySelector(\"#config h4:nth-of-type(3)\").innerText = data.info_path;\n var infoContent = document.getElementById(\"Info\");\n infoContent.innerHTML = '
' + escapeHtml(data.info) + '
';\n}\n\nfunction populateConfig(config) {\n var configContent = $('#config_content');\n configContent.empty();\n var table = jsonToTable(flattenJson(config));\n configContent.append(table);\n}\n\nfunction jsonToTable(json) {\n var table = document.createElement(\"table\");\n table.id = \"tableOptions\";\n\n var tr = table.insertRow();\n var thDel = document.createElement(\"th\");\n thDel.innerHTML = \"\";\n var thOpt = document.createElement(\"th\");\n thOpt.innerHTML = \"Option\";\n var thVal = document.createElement(\"th\");\n thVal.innerHTML = \"Value\";\n tr.appendChild(thDel);\n tr.appendChild(thOpt);\n tr.appendChild(thVal);\n\n var td, divDelBtn, btnDel;\n Object.keys(json).forEach(function(key) {\n tr = table.insertRow();\n divDelBtn = document.createElement(\"div\");\n divDelBtn.className = \"del_btn_wrapper\";\n td = document.createElement(\"td\");\n td.setAttribute(\"data-label\", \"\");\n if (!key.startsWith(\"theme.options\")) {\n btnDel = document.createElement(\"Button\");\n btnDel.innerHTML = \"X\";\n btnDel.setAttribute(\"data-key\", key);\n btnDel.onclick = function(){ delRow(this);};\n btnDel.className = \"remove\";\n divDelBtn.appendChild(btnDel);\n td.appendChild(divDelBtn);\n }\n tr.appendChild(td);\n td = document.createElement(\"td\");\n td.setAttribute(\"data-label\", \"Option\");\n td.innerHTML = key;\n tr.appendChild(td);\n td = document.createElement(\"td\");\n td.setAttribute(\"data-label\", \"Value\");\n if(typeof(json[key])==='boolean'){\n var input = document.createElement(\"select\");\n input.setAttribute(\"id\", \"boolSelect\");\n var tvalue = document.createElement(\"option\");\n tvalue.setAttribute(\"value\", \"true\");\n var ttext = document.createTextNode(\"True\")\n tvalue.appendChild(ttext);\n var fvalue = document.createElement(\"option\");\n fvalue.setAttribute(\"value\", \"false\");\n var ftext = document.createTextNode(\"False\");\n fvalue.appendChild(ftext);\n input.appendChild(tvalue);\n input.appendChild(fvalue);\n input.value = json[key];\n td.appendChild(input);\n } else {\n var input = document.createElement(\"input\");\n if(Array.isArray(json[key])) {\n input.type = 'text';\n input.value = '[' + json[key].join(', ') + ']';\n } else {\n input.type = typeof(json[key]);\n input.value = json[key];\n }\n td.appendChild(input);\n }\n tr.appendChild(td);\n });\n\n var newTr = table.insertRow();\n var newTd = newTr.insertCell();\n newTd.setAttribute(\"data-label\", \"\");\n var addButton = document.createElement(\"button\");\n addButton.innerHTML = \"+\";\n addButton.onclick = function() {\n var newRow = table.insertRow();\n var newTd = newRow.insertCell();\n var delButton = document.createElement(\"button\");\n delButton.innerHTML = \"X\";\n delButton.onclick = function() {\n this.parentNode.parentNode.remove();\n };\n newTd.appendChild(delButton);\n var newKeyCell = newRow.insertCell();\n var newKeyInput = document.createElement(\"input\");\n newKeyInput.type = \"text\";\n newKeyInput.placeholder = \"New Key\";\n newKeyCell.appendChild(newKeyInput);\n\n var newValueCell = newRow.insertCell();\n var newValueInput = document.createElement(\"input\");\n newValueInput.type = \"text\";\n newValueInput.placeholder = \"New Value\";\n newValueCell.appendChild(newValueInput);\n };\n newTd.appendChild(addButton);\n newTr.appendChild(newTd);\n newTr.appendChild(document.createElement(\"td\"));\n\n return table;\n}\nfunction delRow(btn) {\n var key = btn.getAttribute(\"data-key\");\n var tr = btn.closest(\"tr\");\n if (tr && key) {\n tr.parentNode.removeChild(tr);\n }\n}\n\nfunction saveConfig() {\n var config = document.getElementById(\"tableOptions\");\n var css = document.getElementById(\"CSS\").textContent;\n var info = document.getElementById(\"Info\").textContent;\n\n console.log(info)\n console.log(css)\n\n var data = {\n config: tableToJson(config),\n css: css,\n info: info\n };\n sendJSON(\"Fancygotchi/save_config\", data, function(response) {\n if (response.status == \"200\") {\n alert(\"Config got updated\");\n } else {\n alert(\"Error while updating the config (err-code: \" + response.status + \")\");\n }\n });\n active_theme(function(activeTheme) {\n loadConfig(0, activeTheme)\n theme_info(activeTheme)\n });\n}\n\nfunction tableToJson(table) {\n var rows = table.getElementsByTagName(\"tr\");\n var i, td, key, value;\n var json = {};\n\n for (i = 0; i < rows.length; i++) {\n td = rows[i].getElementsByTagName(\"td\");\n if (td.length == 3) {\n key = td[1].textContent || td[1].innerText;\n console.log(td[1].textContent || td[1].innerText);\n var input = td[2].getElementsByTagName(\"input\");\n var select = td[2].getElementsByTagName(\"select\");\n console.log(key);\n\n if (input && input.length > 0) {\n if (input[0].type == \"text\") {\n const inputValue = input[0].value.trim();\n if (inputValue === \"\") {\n value = \"\"; \n } else if (inputValue.startsWith(\"[\") && inputValue.endsWith(\"]\")) {\n try {\n value = JSON.parse(inputValue); \n } catch (e) {\n console.error('Invalid JSON array:', inputValue);\n value = inputValue;\n }\n } else if (inputValue === 'true' || inputValue === 'false') {\n value = inputValue === 'true'; \n } else if (!isNaN(inputValue)) {\n value = parseInt(inputValue, 10); \n } else {\n value = inputValue;\n }\n } else if (input[0].type == \"number\") {\n value = Number(input[0].value); \n }\n } else if (select && select.length > 0) {\n value = select[0].options[select[0].selectedIndex].value === 'true';\n }\n\n var keyParts = key.split('.');\n var currentObj = json;\n for (var j = 0; j < keyParts.length - 1; j++) {\n if (!currentObj[keyParts[j]]) {\n currentObj[keyParts[j]] = {}; \n }\n currentObj = currentObj[keyParts[j]];\n }\n currentObj[keyParts[keyParts.length - 1]] = value;\n }\n }\n\n var newRows = document.querySelectorAll(\"tr input[type='text'][placeholder='New Key']\");\n newRows.forEach(function(newKeyInput) {\n var newValueInput = newKeyInput.closest(\"tr\").querySelector(\"input[placeholder='New Value']\");\n var newKey = newKeyInput.value.trim();\n var newValue = newValueInput.value.trim();\n\n \n if (newKey) {\n if (newValue === \"\") {\n newValue = \"\";\n } else if (newValue.startsWith(\"[\") && newValue.endsWith(\"]\")) {\n try {\n newValue = JSON.parse(newValue);\n } catch (e) {\n console.error('Invalid JSON array:', newValue);\n newValue = newValue;\n }\n } else if (newValue === 'true' || newValue === 'false') {\n newValue = newValue === 'true';\n } else if (!isNaN(newValue)) {\n newValue = parseFloat(newValue);\n } else {\n newValue = newValue;\n }\n\n var newKeyParts = newKey.split('.');\n var currentNewObj = json;\n console.log(newKeyParts)\n for (var k = 0; k < newKeyParts.length - 1; k++) {\n if (!currentNewObj[newKeyParts[k]]) {\n currentNewObj[newKeyParts[k]] = {};\n }\n currentNewObj = currentNewObj[newKeyParts[k]];\n }\n currentNewObj[newKeyParts[newKeyParts.length - 1]] = newValue;\n }\n });\n\n return unFlattenJson(json);\n}\n\nfunction unFlattenJson(data) {\n \"use strict\";\n if (Object(data) !== data || Array.isArray(data))\n return data;\n var result = {}, cur, prop, idx, last, temp, inarray;\n for(var p in data) {\n cur = result, prop = \"\", last = 0, inarray = false;\n do {\n idx = p.indexOf(\".\", last);\n temp = p.substring(last, idx !== -1 ? idx : undefined);\n inarray = temp.startsWith('#') && !isNaN(parseInt(temp.substring(1)))\n cur = cur[prop] || (cur[prop] = (inarray ? [] : {}));\n if (inarray){\n prop = temp.substring(1);\n }else{\n prop = temp;\n }\n last = idx + 1;\n } while(idx >= 0);\n cur[prop] = data[p];\n }\n return result[\"\"];\n}\n\nfunction createNewTheme() {\n var themeName = document.getElementById(\"new-theme-name\").value;\n var useResolution = document.getElementById(\"use-resolution\").checked;\n var useOrientation = document.getElementById(\"use-orientation\").checked;\n if (!themeName) {\n alert(\"Please enter a theme name\");\n return;\n }\n var json = {\n \"theme_name\": themeName,\n \"use_resolution\": useResolution,\n \"use_orientation\": useOrientation\n };\n sendJSON(\"Fancygotchi/create_theme\", json, function(response) {\n if (response.status == 200) {\n alert(\"Theme created successfully\");\n theme_list();\n } else {\n alert(\"Error creating theme: \" + response.responseText);\n }\n });\n}\n\nfunction copyTheme() {\n var theme = document.getElementById(\"theme-selector\").value;\n if (theme != \"Default\") {\n if (theme) {\n var newName = theme + '-copy';\n sendJSON(\"Fancygotchi/theme_copy\", {\"theme\": theme, \"new_name\": newName}, function(response) {\n if (response.status == 200) {\n alert(\"Theme copied successfully\");\n theme_list();\n } else {\n alert(\"Error copying theme: \" + response.responseText);\n }\n });\n } else {\n alert('Please select a theme to copy.');\n }\n } else {\n alert('Default theme cannot be copied.');\n }\n}\n\nfunction renameTheme() {\n var theme = document.getElementById(\"theme-selector\").value;\n\n active_theme(function(activeTheme) {\n if (theme !== \"Default\" && theme !== activeTheme) {\n if (theme) {\n var newName = prompt(\"Enter new name for the theme:\", theme);\n if (newName && newName !== theme) {\n sendJSON(\"Fancygotchi/theme_rename\", {\"theme\": theme, \"new_name\": newName}, function(response) {\n if (response.status == 200) {\n alert(\"Theme renamed successfully\");\n theme_list(); \n } else {\n alert(\"Error renaming theme: \" + response.responseText);\n }\n });\n }\n } else {\n alert('Please select a theme to rename.');\n }\n } else {\n alert('Default theme or active theme cannot be renamed.');\n }\n });\n}\n\nfunction theme_upload(event) {\n event.preventDefault();\n\n var formData = new FormData();\n var fileInput = document.getElementById('zipFile');\n var file = fileInput.files[0];\n\n if (!file) {\n alert('No file selected.');\n return;\n }\n\n formData.append('zipFile', file);\n\n sendFormData('Fancygotchi/theme_upload', formData, function(err, response) {\n if (err) {\n console.error(err);\n alert('An error occurred while uploading the theme.');\n return;\n }\n\n if (response.startsWith('Zip file uploaded')) {\n alert(response);\n theme_list();\n } else if (response.startsWith('Some folders were not copied')) {\n alert(response);\n } else {\n alert('Error: ' + response);\n }\n });\n}\n\nfunction theme_export() {\n var selectedTheme = document.getElementById('theme-selector').value;\n if (selectedTheme != \"Default\") {\n if (selectedTheme) {\n window.location.href = 'Fancygotchi/theme_export/' + selectedTheme;\n } else {\n alert('Please select a theme to export.');\n }\n } else {\n alert('Default theme cannot be exported.');\n }\n}\n$(document).on('click', '#confirm-delete', function() {\n var theme = $('#theme-selector').val();\n \n if (theme != \"Default\") {\n var json = { \"theme\": theme };\n \n sendJSON(\"Fancygotchi/theme_delete\", json, function(xhr) {\n if (xhr.status == 200) {\n theme_list();\n }\n });\n } else {\n alert('Default theme cannot be deleted.');\n }\n});\n\nfunction theme_list() {\n\n active_theme(function(activeTheme) {\n loadJSON(\"Fancygotchi/theme_list\", function(response) {\n populateThemeSelector(response, activeTheme);\n });\n $('#theme-selector').val(activeTheme);\n theme_info(activeTheme);\n });\n}\nfunction theme_info(activeTheme) {\n var theme = $('#theme-selector').val();\n var json = { \"theme\": theme };\n sendJSON(\"Fancygotchi/theme_info\", json, function(xhr) {\n if (xhr.status == 200) {\n var themeInfo = JSON.parse(xhr.responseText);\n console.log(themeInfo);\n populateThemeInfo(themeInfo);\n }\n });\n}\n$('#theme-selector').change(function() {\n theme_info($(this).val());\n});\nfunction populateThemeSelector(themes, activeTheme) {\n var selectElement = $('#theme-selector');\n selectElement.empty();\n \n\n var defaultOption = $('