[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_470":471,"_472":473},"routes/_app.x.$handle.$name",{"_101":100,"_32":45,"_109":88,"_27":110,"_13":14,"_111":-5,"_11":112,"_113":114,"_115":116,"_117":118,"_119":120,"_20":-5,"_121":122,"_123":124,"_125":25,"_126":127,"_128":60,"_129":-5,"_130":-5,"_131":132},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_43":44,"_32":45,"_38":46,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":53,"_54":55,"_18":56,"_57":58,"_59":60,"_61":60,"_62":-5,"_63":64,"_65":66,"_67":-5,"_68":-5,"_69":-5,"_70":-5,"_71":72,"_73":72,"_74":75,"_76":75,"_77":75,"_78":72,"_79":72,"_80":81,"_82":83,"_84":85,"_86":25},"version",184,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":33,"_34":20,"_35":37,"_38":39,"_40":14,"_41":42,"_24":25},"previous",{"_30":31,"_32":33,"_34":20,"_35":36},"deleted",false,"deletedHere","path","frontend/index.html","latestPath","fileId","019895ac-4cfc-7302-8b2b-c1bb5559568d","name","index.html","fileType","content","\n\n \n \n \n Snippets app\n\n \n \n \n\n \n \n \n \n

\n\n \n \n \n \n","\n\n \n \n \n Snippets app\n\n \n \n \n\n \n\n \n \n \n \n

\n\n \n \n \n \n","createdAt",["D",1754961265049],"branchVersion","branchId","adfd8674-7628-11f0-81c8-0224a6c84d84","id","adfa8992-7628-11f0-81c8-0224a6c84d84","Snippets",["D",1754857753803],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","App to save snippets","imageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/c08cc94f-40df-42e7-10b9-09e73d16e800/square512?exp=1789559999&sig=8dea88334dd1b3abb2cc047924a1fc662dfb67ae0ac4807b13e06f7bc5f39918","eb08d5b0-4f53-11f0-babe-cd8177b6b491","pinnedFileId","019895ac-4cfc-7302-8b2b-54280e16da9b","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","375069a8-f47a-45ad-b5f5-b2e2e3cb64da","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_101":100,"_108":104},"org",{"_101":100,"_102":-5,"_103":104,"_18":56,"_105":106,"_107":25},"branch",{"_13":87,"_32":88,"_43":42,"_89":44,"_90":91,"_92":93,"_94":50,"_95":96,"_97":66,"_98":45,"_99":100},"isOwned",223,"main","projectId","forkedBranchId","87d46fda-5d78-11f0-87ea-0224a6c84d84","forkedBranchVersion",263,"forkedProjectPrivacy","forkedProjectId","87d1faa2-5d78-11f0-87ea-0224a6c84d84","forkedProjectOrgId","projectName","userHandle","n4k0m3","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJ6QmJQY1E4aW5WbkRzNXBrNmpGRkNtUkdsZSJ9","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_43":44,"_32":45,"_38":466,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":53,"_54":55,"_18":56,"_57":58,"_59":60,"_61":60,"_62":-5,"_63":64,"_65":66,"_67":-5,"_68":-5,"_69":-5,"_70":-5,"_71":72,"_73":72,"_74":75,"_76":75,"_77":75,"_78":72,"_79":72,"_80":467,"_82":468,"_84":469,"_86":25},"tree",[207,208,209,211,238,239,240],"files",[207,208,209,210,211,212,213,214,215,216,217,218,219,220,221,222,223,224,225,226,227,228,229,230,231,232,233,234,235,236,237,238,239,240],"counts",{"_197":64,"_198":166,"_199":64,"_200":201,"_202":203},"contents",[145,146,147,148,149,150,151],"upstreamProject",{"_43":96,"_32":141,"_52":142,"_54":143,"_49":50,"_80":144},"upstreamBranch",{"_43":91,"_38":133,"_134":135,"_32":88,"_89":96,"_13":136,"_90":137,"_92":138,"_139":140,"_47":-5,"_86":25,"_49":50,"_99":100,"_65":66,"_98":141},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1752143270430],"updatedAt",["D",1762690669131],269,"961078ea-f528-11ef-aa68-569c3dd06744",67,"lockfileKey","1764785589311-esm.town_v_n4k0m3_Tickets@269-main","Tickets","Editor de tickets básico","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/797810df-c904-439b-67a6-785702ce8e00/square512?exp=1789559999&sig=1357c9334ccf547f5ce26e8c77a45d4fd3ba545e6672aaa591fb92b1c17c245f",{"_101":100,"_108":104},{"_43":192,"_32":193,"_30":194,"_155":-5,"_41":42,"_40":166,"_157":60,"_38":195,"_13":64,"_34":180,"_35":-5,"_24":25,"_161":-5,"_27":196},{"_43":187,"_32":188,"_30":189,"_155":-5,"_41":42,"_40":166,"_157":60,"_38":190,"_13":64,"_34":180,"_35":-5,"_24":25,"_161":-5,"_27":191},{"_43":182,"_32":183,"_30":184,"_155":-5,"_41":42,"_40":166,"_157":60,"_38":185,"_13":64,"_34":180,"_35":-5,"_24":25,"_161":-5,"_27":186},{"_43":176,"_32":177,"_30":178,"_155":-5,"_41":42,"_40":166,"_157":60,"_38":179,"_13":64,"_34":180,"_35":-5,"_24":25,"_161":-5,"_27":181},{"_43":170,"_32":171,"_30":172,"_155":-5,"_41":42,"_40":166,"_157":60,"_38":173,"_13":64,"_34":20,"_35":174,"_24":25,"_161":-5,"_27":175},{"_43":163,"_32":164,"_30":165,"_155":-5,"_41":42,"_40":166,"_157":60,"_38":167,"_13":64,"_34":20,"_35":168,"_24":25,"_161":-5,"_27":169},{"_43":152,"_32":153,"_30":154,"_155":-5,"_41":42,"_40":156,"_157":60,"_38":158,"_13":159,"_34":20,"_35":160,"_24":25,"_161":-5,"_27":162},"05824680-762b-11f0-a433-0224a6c84d84","deno.json","019895ac-4cfc-7302-8b2b-d83ff0537ee1","parentId",14,"latest",["D",1754858759645],2,"{\n \"$schema\": \"https://raw.githubusercontent.com/denoland/deno/348900b8b79f4a434cab4c74b3bc8d4d2fa8ee74/cli/schemas/config-file.v1.json\",\n \"lock\": false,\n \"compilerOptions\": {\n \"noImplicitAny\": false,\n \"strict\": false,\n \"types\": [\n \"https://www.val.town/types/valtown.d.ts\"\n ],\n \"lib\": [\n \"dom\",\n \"dom.iterable\",\n \"dom.asynciterable\",\n \"deno.ns\",\n \"deno.unstable\"\n ]\n },\n \"lint\": {\n \"files\": {\n \"include\": [\n \"deno:/https/esm.town/**/*\"\n ]\n },\n \"rules\": {\n \"exclude\": [\n \"no-explicit-any\"\n ]\n }\n },\n \"node_modules_dir\": false,\n \"experimental\": {\n \"unstable-node-globals\": true,\n \"unstable-temporal\": true,\n \"unstable-worker-options\": true,\n \"unstable-sloppy-imports\": true\n }\n}","label",[153],"ae035838-7628-11f0-81c8-0224a6c84d84","README.md","019895ac-4cfc-7302-8b2b-d46c6f286bcd",1,["D",1754857753803],"# Sistema de Gestión de Tickets 🎟️\n\nEsta es una aplicación web de gestión de tickets desarrollada con **React** en\nel frontend. Permite a los usuarios visualizar, crear, editar y eliminar tickets\nde soporte, incidentes o solicitudes. La aplicación se conecta a una API REST\npersonalizada para gestionar los datos de los tickets.\n\n![image.png](https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/ec47bb27-47bb-415d-d179-4b1195a13400/public)\n\n## Características Principales ⚙️\n\n- **Visualización de Tickets:** Muestra una lista de todos los tickets\n existentes con su estado, prioridad y detalles.\n- **Creación de Tickets:** Permite a los usuarios generar nuevos tickets,\n especificando su tipo, descripción y prioridad.\n- **Edición de Tickets:** Los usuarios con permisos pueden modificar los\n detalles de un ticket existente, como el estado o la descripción.\n- **Gestión de Estados:** Cada ticket tiene un estado (`Abierto`, `En Progreso`,\n `Resuelto`) que puede ser actualizado fácilmente.\n- **API REST:** El frontend se comunica con una API RESTful para realizar\n operaciones CRUD (Crear, Leer, Actualizar, Eliminar) sobre los tickets.\n\n---\n\n## Tecnologías Utilizadas 💻\n\n- **Frontend:**\n - **React:** Para construir la interfaz de usuario.\n - **Fetch:** Para realizar las peticiones HTTP a la API.\n\n---\n\n## Uso de la Aplicación 🧑‍💻\n\n- **Ver Tickets:** Al cargar la página principal, verás una cuadrícula con todos\n los tickets existentes.\n- **Crear un Ticket:** (Implementa esta sección si existe un formulario de\n creación).\n- **Editar/Eliminar:** Usa los botones **Editar** y **Eliminar** en cada tarjeta\n de ticket para gestionar su contenido.\n\n---\n\n## Contribuciones 🤝\n\n¡Las contribuciones son bienvenidas\\! Si encuentras un error o tienes una idea\npara mejorar la aplicación, por favor, abre un **issue** o envía un **pull\nrequest**.\n\n---\n\n## Licencia 📄\n\nEste proyecto está bajo la Licencia **MIT**. Consulta el archivo `LICENSE` para\nmás detalles.",[164],"ae03572a-7628-11f0-81c8-0224a6c84d84",".vtignore","019895ac-4cfc-7302-8b2b-d0bc977a1846",["D",1754857753803],".git\n.vscode\n.cursorrules\n.DS_Store\nnode_modules\nvendor",[171],"ae0355e0-7628-11f0-81c8-0224a6c84d84","frontend","019895ac-4cfc-7302-8b2b-cd281f34ab34",["D",1754857753803],"directory",[177],"ae02fb04-7628-11f0-81c8-0224a6c84d84","backend","019895ac-4cfc-7302-8b2b-5a81a9179d82",["D",1754857753803],[183],"ae02f32a-7628-11f0-81c8-0224a6c84d84",".vt","019895ac-4cfc-7302-8b2b-53e3e3353b21",["D",1754857753803],[188],"ae02ebe6-7628-11f0-81c8-0224a6c84d84",".vscode","019895ac-4cfc-7302-8b2b-4e15f941f316",["D",1754857753803],[193],"pulls","branches","forks","envVars",{"_204":64,"_206":64},"connections",{"_204":64,"_205":64},"count","unfilledCount","emptyCount",{"_43":192,"_32":193,"_30":194,"_155":-5,"_41":42,"_40":166,"_157":60,"_38":463,"_13":64,"_34":180,"_35":-5,"_24":25,"_161":-5,"_242":464,"_27":465},{"_43":187,"_32":188,"_30":189,"_155":-5,"_41":42,"_40":166,"_157":60,"_38":460,"_13":64,"_34":180,"_35":-5,"_24":25,"_161":-5,"_242":461,"_27":462},{"_43":182,"_32":183,"_30":184,"_155":-5,"_41":42,"_40":166,"_157":60,"_38":457,"_13":64,"_34":180,"_35":-5,"_24":25,"_161":-5,"_242":458,"_27":459},{"_43":450,"_32":451,"_30":58,"_155":184,"_41":42,"_40":166,"_157":60,"_38":452,"_13":64,"_34":453,"_35":454,"_24":25,"_161":-5,"_242":455,"_27":456},{"_43":176,"_32":177,"_30":178,"_155":-5,"_41":42,"_40":166,"_157":60,"_38":447,"_13":64,"_34":180,"_35":-5,"_24":25,"_161":-5,"_242":448,"_27":449},{"_43":443,"_32":290,"_30":283,"_155":178,"_41":42,"_40":166,"_157":60,"_38":444,"_13":64,"_34":180,"_35":-5,"_24":25,"_161":-5,"_242":445,"_27":446},{"_43":439,"_32":422,"_30":416,"_155":283,"_41":42,"_40":166,"_157":60,"_38":440,"_13":64,"_34":180,"_35":-5,"_24":25,"_161":-5,"_242":441,"_27":442},{"_43":431,"_32":432,"_30":433,"_155":416,"_41":42,"_40":434,"_157":25,"_38":435,"_13":330,"_34":264,"_35":436,"_24":25,"_161":-5,"_242":437,"_27":438},{"_43":423,"_32":424,"_30":425,"_155":416,"_41":42,"_40":426,"_157":25,"_38":427,"_13":396,"_34":264,"_35":428,"_24":25,"_161":-5,"_242":429,"_27":430},{"_43":413,"_32":414,"_30":415,"_155":416,"_41":42,"_40":417,"_157":60,"_38":418,"_13":256,"_34":264,"_35":419,"_24":25,"_161":-5,"_242":420,"_27":421},{"_43":409,"_32":400,"_30":393,"_155":283,"_41":42,"_40":166,"_157":60,"_38":410,"_13":64,"_34":180,"_35":-5,"_24":25,"_161":-5,"_242":411,"_27":412},{"_43":401,"_32":402,"_30":403,"_155":393,"_41":42,"_40":404,"_157":60,"_38":405,"_13":166,"_34":264,"_35":406,"_24":25,"_161":-5,"_242":407,"_27":408},{"_43":390,"_32":391,"_30":392,"_155":393,"_41":42,"_40":394,"_157":60,"_38":395,"_13":396,"_34":264,"_35":397,"_24":25,"_161":-5,"_242":398,"_27":399},{"_43":386,"_32":361,"_30":355,"_155":283,"_41":42,"_40":166,"_157":60,"_38":387,"_13":64,"_34":180,"_35":-5,"_24":25,"_161":-5,"_242":388,"_27":389},{"_43":378,"_32":379,"_30":380,"_155":355,"_41":42,"_40":381,"_157":60,"_38":382,"_13":159,"_34":264,"_35":383,"_24":25,"_161":-5,"_242":384,"_27":385},{"_43":370,"_32":371,"_30":372,"_155":355,"_41":42,"_40":373,"_157":60,"_38":374,"_13":330,"_34":264,"_35":375,"_24":25,"_161":-5,"_242":376,"_27":377},{"_43":362,"_32":363,"_30":364,"_155":355,"_41":42,"_40":365,"_157":60,"_38":366,"_13":256,"_34":264,"_35":367,"_24":25,"_161":-5,"_242":368,"_27":369},{"_43":352,"_32":353,"_30":354,"_155":355,"_41":42,"_40":356,"_157":60,"_38":357,"_13":256,"_34":264,"_35":358,"_24":25,"_161":-5,"_242":359,"_27":360},{"_43":346,"_32":347,"_30":348,"_155":283,"_41":42,"_40":166,"_157":60,"_38":349,"_13":64,"_34":180,"_35":-5,"_24":25,"_161":-5,"_242":350,"_27":351},{"_43":342,"_32":306,"_30":300,"_155":283,"_41":42,"_40":166,"_157":60,"_38":343,"_13":64,"_34":180,"_35":-5,"_24":25,"_161":-5,"_242":344,"_27":345},{"_43":334,"_32":335,"_30":336,"_155":300,"_41":42,"_40":337,"_157":60,"_38":338,"_13":256,"_34":264,"_35":339,"_24":25,"_161":-5,"_242":340,"_27":341},{"_43":325,"_32":326,"_30":327,"_155":300,"_41":42,"_40":328,"_157":25,"_38":329,"_13":330,"_34":264,"_35":331,"_24":25,"_161":-5,"_242":332,"_27":333},{"_43":316,"_32":317,"_30":318,"_155":300,"_41":42,"_40":319,"_157":60,"_38":320,"_13":321,"_34":264,"_35":322,"_24":25,"_161":-5,"_242":323,"_27":324},{"_43":307,"_32":308,"_30":309,"_155":300,"_41":42,"_40":310,"_157":25,"_38":311,"_13":312,"_34":264,"_35":313,"_24":25,"_161":-5,"_242":314,"_27":315},{"_43":297,"_32":298,"_30":299,"_155":300,"_41":42,"_40":301,"_157":60,"_38":302,"_13":159,"_34":264,"_35":303,"_24":25,"_161":-5,"_242":304,"_27":305},{"_43":291,"_32":292,"_30":293,"_155":283,"_41":42,"_40":166,"_157":60,"_38":294,"_13":64,"_34":180,"_35":-5,"_24":25,"_161":-5,"_242":295,"_27":296},{"_43":280,"_32":281,"_30":282,"_155":283,"_41":42,"_40":284,"_157":25,"_38":285,"_13":286,"_34":264,"_35":287,"_24":25,"_161":-5,"_242":288,"_27":289},{"_43":273,"_32":274,"_30":275,"_155":178,"_41":42,"_40":166,"_157":60,"_38":276,"_13":64,"_34":20,"_35":277,"_24":25,"_161":-5,"_242":278,"_27":279},{"_43":268,"_32":33,"_30":31,"_155":178,"_41":42,"_40":14,"_157":25,"_38":269,"_13":270,"_34":20,"_35":37,"_24":25,"_161":-5,"_242":271,"_27":272},{"_43":260,"_32":261,"_30":262,"_155":178,"_41":42,"_40":166,"_157":60,"_38":263,"_13":64,"_34":264,"_35":265,"_24":25,"_161":-5,"_242":266,"_27":267},{"_43":251,"_32":252,"_30":253,"_155":178,"_41":42,"_40":254,"_157":25,"_38":255,"_13":256,"_34":20,"_35":257,"_24":25,"_161":-5,"_242":258,"_27":259},{"_43":170,"_32":171,"_30":172,"_155":-5,"_41":42,"_40":166,"_157":60,"_38":248,"_13":64,"_34":20,"_35":174,"_24":25,"_161":-5,"_242":249,"_27":250},{"_43":163,"_32":164,"_30":165,"_155":-5,"_41":42,"_40":166,"_157":60,"_38":245,"_13":64,"_34":20,"_35":168,"_24":25,"_161":-5,"_242":246,"_27":247},{"_43":152,"_32":153,"_30":154,"_155":-5,"_41":42,"_40":156,"_157":60,"_38":241,"_13":159,"_34":20,"_35":160,"_24":25,"_161":-5,"_242":243,"_27":244},["D",1754858759645],"children",[],[153],["D",1754857753803],[],[164],["D",1754857753803],[],[171],"964f1a14-7719-11f0-b3d7-0224a6c84d84","style.css","331d260e-7717-11f0-82be-0224a6c84d84",183,["D",1754961222802],4,"@custom-variant dark (&:where(.dark, .dark *));",[],[177,252],"ae03428a-7628-11f0-81c8-0224a6c84d84","index.jsx","019895ac-4cfc-7302-8b2b-c68deb5aa83c",["D",1754857753803],"script","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport App from \"./components/App.jsx\";\n\nconst root = document.getElementById(\"root\");\nif (!root) {\n throw new Error(\"No root element found\");\n}\n\ncreateRoot(root).render();",[],[177,261],"af7d86f6-7719-11f0-9e8c-0224a6c84d84",["D",1754961265049],5,[],[177,33],"ae034050-7628-11f0-81c8-0224a6c84d84","favicon.svg","019895ac-4cfc-7302-8b2b-be5a2bcf4246",["D",1754857753803],"\n",[],[177,274],"f76fe1be-7716-11f0-b9c9-0224a6c84d84","App.jsx","019895ac-4cfc-7302-8b2b-b63b1fb68de1","019895ac-4cfc-7302-8b2b-b9ff064a6805",178,["D",1754960097265],74,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, {\n useEffect,\n useRef,\n useState,\n} from \"https://esm.sh/react@18.2.0\";\nimport { createPortal } from \"https://esm.sh/react-dom@18.2.0\";\nimport {\n Cog6ToothIcon,\n DocumentDuplicateIcon,\n EllipsisVerticalIcon,\n MoonIcon,\n PencilIcon,\n PlusIcon,\n SunIcon,\n TrashIcon,\n XMarkIcon,\n} from \"./common/Icons.jsx\";\n// Configuración\nimport {\n SNIPPETSCONFIG,\n SNIPPETSLANG,\n SNIPPETSTHEME,\n} from \"./config/Constants.jsx\";\nimport Lang from \"./config/Lang.jsx\";\nimport StringUtils from \"./controllers/StringUtils.jsx\";\nimport StorageUtils from \"./controllers/StorageUtils.jsx\";\nimport API from \"./controllers/Api.jsx\";\nimport CallGeminiAPI from \"./controllers/CallGeminiAPI.jsx\";\nimport ModalDialog from \"./modals/ModalDialog.jsx\";\nimport Notification from \"./modals/Notification.jsx\";\nimport ConfirmDeleteModal from \"./modals/ConfirmDeleteModal.jsx\";\nimport GenerateTokenModal from \"./modals/GenerateTokenModal.jsx\";\n\n// React component for the main application\nfunction App() {\n const [snippets, setSnippets] = useState([]);\n const [filteredSnippets, setFilteredSnippets] = useState([]);\n const [searchTerm, setSearchTerm] = useState(\"\");\n const [filterCategory, setFilterCategory] = useState(\"all\");\n const [loading, setLoading] = useState(false);\n const [error, setError] = useState(null);\n const [showConfig, setShowConfig] = useState(false);\n const [showGenerateToken, setShowGenerateToken] = useState(false);\n const [currentSnippet, setCurrentSnippet] = useState(null);\n const [snippetToEdit, setSnippetToEdit] = useState(null);\n const [snippetToDelete, setSnippetToDelete] = useState(null);\n const [showConfirmDelete, setShowConfirmDelete] = useState(false);\n\n const [config, setConfig] = useState(\n () => StorageUtils.get(SNIPPETSCONFIG) || { url: \"\", token: \"\" },\n );\n\n const [theme, setTheme] = useState(\n () => StorageUtils.get(SNIPPETSTHEME) || \"light\",\n );\n\n const [currentLang, setCurrentLang] = useState(\n () => StorageUtils.get(SNIPPETSLANG) || \"es\",\n );\n\n const language = Lang[currentLang];\n\n const [api, setApi] = useState(new API(config.url, config.token));\n\n // Change to an array to handle multiple notifications\n const [notifications, setNotifications] = useState([]);\n\n // Function to show a new notification\n const showNotification = (message, type) => {\n const newNotification = { id: Date.now(), message, type };\n setNotifications((prev) => [...prev, newNotification]);\n };\n\n // Function to close a specific notification by its ID\n const closeNotification = (id) => {\n setNotifications((prev) => prev.filter((n) => n.id !== id));\n };\n\n // Set the theme class on the body\n useEffect(() => {\n if (theme === \"dark\") {\n document.documentElement.classList.add(\"dark\");\n } else {\n document.documentElement.classList.remove(\"dark\");\n }\n }, [theme]);\n\n // Function to fetch snippets from the API\n const fetchSnippets = async () => {\n if (!config.url || !config.token) {\n showNotification(\n language.notification_config_info,\n \"info\",\n );\n setLoading(false);\n setSnippets([]);\n return;\n }\n\n setLoading(true);\n setError(null);\n try {\n const response = await api.getSnippets();\n if (response && response.CONTENT) {\n console.log(response.CONTENT);\n // The API returns the content encoded in Base64, so we decode it.\n const fetchedSnippets = Object.values(response.CONTENT).map(\n (snippet) => ({\n ...snippet,\n content: StringUtils.decode(snippet.content),\n }),\n );\n setSnippets(fetchedSnippets);\n showNotification(\n language.notification_snippets_loaded_success,\n \"success\",\n );\n } else {\n setSnippets([]);\n showNotification(\n language.notification_no_snippets_found_warning,\n \"warning\",\n );\n }\n } catch (e) {\n setError(\"Error al cargar los snippets. Revisa la consola.\");\n showNotification(language.notification_load_error, \"error\");\n } finally {\n setLoading(false);\n }\n };\n\n // Load snippets on initial render and when config changes\n useEffect(() => {\n fetchSnippets();\n }, [api, config, currentLang]);\n\n // Handle filtering and searching\n useEffect(() => {\n let filtered = snippets;\n\n if (searchTerm) {\n const lowercasedSearchTerm = searchTerm.toLowerCase();\n filtered = filtered.filter(\n (snippet) =>\n (snippet.title &&\n snippet.title.toLowerCase().includes(lowercasedSearchTerm)) ||\n (snippet.content &&\n snippet.content.toLowerCase().includes(lowercasedSearchTerm)),\n );\n }\n\n if (filterCategory !== \"all\") {\n filtered = filtered.filter(\n (snippet) => snippet.category === filterCategory,\n );\n }\n\n setFilteredSnippets(filtered);\n }, [snippets, searchTerm, filterCategory]);\n\n // Extract unique categories for the filter dropdown\n const uniqueCategories = [...new Set(snippets.map((s) => s.category))].filter(\n Boolean,\n );\n\n // Handle theme toggle\n const toggleTheme = () => {\n const newTheme = theme === \"dark\" ? \"light\" : \"dark\";\n setTheme(newTheme);\n StorageUtils.save(SNIPPETSTHEME, newTheme);\n };\n\n // Handle language change\n const handleLanguageChange = (e) => {\n const newLang = e.target.value;\n setCurrentLang(newLang);\n StorageUtils.save(SNIPPETSLANG, newLang);\n };\n\n // Handle config form submission\n const handleSaveConfig = (e) => {\n e.preventDefault();\n StorageUtils.save(SNIPPETSCONFIG, config);\n setApi(new API(config.url, config.token));\n showNotification(language.notification_config_save_success, \"success\");\n setShowConfig(false);\n };\n\n // Handle new snippet creation/update\n const handleSaveSnippet = async (formData) => {\n setLoading(true);\n try {\n const payload = {\n ...formData,\n content: StringUtils.encode(formData.content), // Encode content before sending to API\n };\n if (formData.uid) {\n // Update existing snippet\n await api.updateSnippet(formData.uid, payload);\n showNotification(\n language.notification_snippet_updated_success,\n \"success\",\n );\n } else {\n // Create new snippet\n await api.createSnippet(payload);\n showNotification(\n language.notification_snippet_created_success,\n \"success\",\n );\n }\n await fetchSnippets(); // Refresh snippets\n setSnippetToEdit(null);\n } catch (e) {\n showNotification(\n `${language.notification_snippet_save_error} ${e.message}`,\n \"error\",\n );\n } finally {\n setLoading(false);\n }\n };\n\n // MODIFICACIÓN: Handle snippet deletion, now sending both uid and title\n const handleDeleteSnippet = async (uid) => {\n setLoading(true);\n try {\n // Find the snippet to get its name (title)\n const snippet = snippets.find((s) => s.uid === uid);\n if (!snippet) {\n throw new Error(\"Snippet no encontrado.\");\n }\n await api.deleteSnippet(uid, snippet.name);\n showNotification(\n language.notification_snippet_deleted_success,\n \"success\",\n );\n await fetchSnippets(); // Refresh snippets\n setShowConfirmDelete(false);\n } catch (e) {\n showNotification(\n `${language.notification_snippet_delete_error} ${e.message}`,\n \"error\",\n );\n } finally {\n setLoading(false);\n }\n };\n\n // Snippet Card Component\n const SnippetCard = ({ snippet }) => {\n const [showDropdown, setShowDropdown] = useState(false);\n const dropdownRef = useRef(null);\n\n // Close the dropdown when clicking outside\n useEffect(() => {\n const handleClickOutside = (event) => {\n if (\n dropdownRef.current &&\n !dropdownRef.current.contains(event.target)\n ) {\n setShowDropdown(false);\n }\n };\n document.addEventListener(\"mousedown\", handleClickOutside);\n return () => {\n document.removeEventListener(\"mousedown\", handleClickOutside);\n };\n }, [dropdownRef]);\n\n return (\n setCurrentSnippet(snippet)}\n >\n

\n {snippet.title}\n

\n {\n e.stopPropagation();\n setShowDropdown(!showDropdown);\n }}\n className=\"cursor-pointer p-1 rounded-full text-gray-500 hover:bg-gray-200 dark:text-gray-400 dark:hover:bg-gray-600 transition-colors\"\n title={language.snippet_card_options}\n >\n \n \n {showDropdown && (\n

\n {\n e.stopPropagation();\n setSnippetToEdit(snippet);\n setShowDropdown(false);\n }}\n className=\"cursor-pointer flex items-center px-4 py-2 text-sm hover:bg-indigo-50 dark:hover:bg-gray-700 w-full text-left\"\n >\n \n \n \n \n {language.snippet_card_edit_button}\n \n \n
\n {\n e.stopPropagation();\n setSnippetToEdit({\n ...snippet,\n uid: null,\n title:\n `${language.snippet_card_clone_button} de ${snippet.title}`,\n });\n setShowDropdown(false);\n }}\n className=\"cursor-pointer flex items-center px-4 py-2 text-sm hover:bg-gray-50 dark:hover:bg-gray-700 w-full text-left\"\n >\n \n \n \n \n {language.snippet_card_clone_button}\n \n \n
\n {\n e.stopPropagation();\n setSnippetToDelete(snippet);\n setShowConfirmDelete(true);\n setShowDropdown(false);\n }}\n className=\"cursor-pointer flex items-center px-4 py-2 text-sm hover:bg-rose-50 dark:hover:bg-gray-700 w-full text-left\"\n >\n \n \n \n \n {language.snippet_card_delete_button}\n \n \n

\n )}\n

\n {snippet.category && (\n \n \n {language.snippet_card_category_label}\n \n \n {snippet.category}\n \n \n )}\n \n

\n \n );\n };\n\n // Snippet Form Component\n const SnippetForm = ({ initialData = {}, onClose, onSuccess }) => {\n const [formData, setFormData] = useState({\n title: initialData.title || \"\",\n description: initialData.description || \"\",\n category: initialData.category || \"\",\n content: initialData.content || \"\",\n });\n const [formLoading, setFormLoading] = useState(false);\n const [aiLoading, setAiLoading] = useState(false);\n\n const handleChange = (e) => {\n const { name, value } = e.target;\n setFormData((prev) => ({ ...prev, [name]: value }));\n };\n\n const handleSubmit = async (e) => {\n e.preventDefault();\n setFormLoading(true);\n try {\n const payload = {\n ...formData,\n content: StringUtils.encode(formData.content), // Encode content before sending to API\n };\n if (initialData.uid) {\n // Update existing snippet\n await api.updateSnippet(initialData.uid, payload);\n showNotification(\n language.notification_snippet_updated_success,\n \"success\",\n );\n } else {\n // Create new snippet\n await api.createSnippet(payload);\n showNotification(\n language.notification_snippet_created_success,\n \"success\",\n );\n }\n await fetchSnippets(); // Refresh snippets\n onSuccess();\n } catch (e) {\n showNotification(\n `${language.notification_snippet_save_error} ${e.message}`,\n \"error\",\n );\n } finally {\n setFormLoading(false);\n }\n };\n\n const handleGenerateAiDesc = async () => {\n setAiLoading(true);\n try {\n const AI_PROMPT_SUMMARY = (content) =>\n `Por favor, resume de forma concisa el siguiente fragmento de texto... Contenido: \\`\\`\\`${content}\\`\\`\\``;\n const prompt = AI_PROMPT_SUMMARY(formData.description);\n console.log(formData.description);\n const summary = await CallGeminiAPI(prompt);\n setFormData((prev) => ({ ...prev, [\"description\"]: summary }));\n } catch (e) {\n showNotification(\n `${language.notification_snippet_ai_error} ${e.message}`,\n \"error\",\n );\n } finally {\n setAiLoading(false);\n }\n };\n\n return (\n

\n {initialData.uid\n ? language.snippet_form_edit_title\n : language.snippet_form_create_title}\n

\n \n \n \n

\n \n {language.snippet_form_title_label}\n \n \n

\n \n {language.snippet_form_description_label}\n \n \n \n {initialData.uid\n ? (\n \n {language.snippet_form_ai_description}\n {aiLoading\n ? (\n

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

\n )\n : \"\"}\n \n )\n : \"\"}\n

\n \n {language.snippet_form_category_label}\n \n \n

\n \n {language.snippet_form_content_label}\n \n \n \n

\n \n {language.snippet_form_button_cancel}\n \n \n {formLoading\n ? language.snippet_form_button_saving\n : language.snippet_form_button_save}\n \n

\n );\n };\n\n return (\n

\n {/* Sidebar */}\n

\n {language.app_title}\n

\n \n {theme === \"light\"\n ? \n : }\n \n setShowConfig(true)}\n title={language.settings_title}\n className=\"cursor-pointer p-2 rounded-full text-gray-600 dark:text-gray-400 hover:bg-gray-200 dark:hover:bg-gray-700 transition-colors\"\n >\n \n \n

\n setSearchTerm(e.target.value)}\n className=\"w-full p-2 rounded-lg border border-gray-300 dark:border-gray-700 bg-gray-50 dark:bg-gray-900 text-gray-800 dark:text-gray-200\"\n />\n setFilterCategory(e.target.value)}\n className=\"w-full p-2 rounded-lg border border-gray-300 dark:border-gray-700 bg-gray-50 dark:bg-gray-900 text-gray-800 dark:text-gray-200\"\n >\n \n {uniqueCategories.map((category) => (\n \n ))}\n \n

\n\n \n setSnippetToEdit({\n uid: null,\n title: \"\",\n description: \"\",\n category: \"\",\n content: \"\",\n })}\n className=\"cursor-pointer w-full flex items-center justify-center p-2 rounded-lg bg-gray-800 hover:bg-gray-900 text-white font-semibold mb-4 transition-colors\"\n >\n {\" \"}\n {language.app_new_snippet_button}\n \n\n

\n {loading && language.loading_snippets}\n

\n {/* Main Content */}\n

\n {currentSnippet\n ? (\n

\n {currentSnippet.title}\n

\n setCurrentSnippet(null)}\n className=\"cursor-pointer p-2 rounded-full text-rose-600 hover:bg-rose-100 dark:hover:bg-gray-700 transition-colors\"\n title={language.snippet_detail_back_button}\n >\n \n \n

\n {currentSnippet.category && (\n \n {language.snippet_card_category_label}{\" \"}\n {currentSnippet.category}\n \n )}\n

{currentSnippet.description}

\n                  {currentSnippet.content}\n

\n )\n : (\n

\n {language.title_my_snippets}\n

\n {loading && (\n

\n {Array(24).fill().map((_, i) => (\n \n \n

\n ))}\n

\n )}\n {!loading && filteredSnippets.length === 0\n ? (\n

\n {language.no_snippets_found_title}\n

\n {language.no_snippets_found_message}\n

\n )\n : (\n

\n {filteredSnippets.map((snippet) => (\n \n ))}\n

\n )}\n

\n )}\n \n

\n {/* Modals and Notifications */}\n {showConfig &&\n createPortal(\n setShowConfig(false)}\n >\n \n

\n \n {language.settings_api_url_label}\n \n \n setConfig({ ...config, url: e.target.value })}\n className=\"w-full p-3 rounded-lg border border-gray-300 dark:border-gray-700 bg-gray-50 dark:bg-gray-900 text-gray-800 dark:text-gray-200\"\n />\n

\n \n {language.settings_api_token_label}\n \n \n setConfig({ ...config, token: e.target.value })}\n className=\"w-full p-3 rounded-lg border border-gray-300 dark:border-gray-700 bg-gray-50 dark:bg-gray-900 text-gray-800 dark:text-gray-200\"\n />\n setShowGenerateToken(true)}\n className=\"mt-2 w-full py-2 px-4 rounded-lg bg-gray-600 hover:bg-gray-700 text-white font-semibold transition-colors\"\n >\n {language.settings_generate_token_button}\n \n

\n \n {language.language_label}\n \n \n \n \n \n \n

\n \n {language.settings_save_button}\n \n

\n \n ,\n document.body,\n )}\n {/* Generate Token Modal */}\n {showGenerateToken &&\n createPortal(\n setShowGenerateToken(false)}\n onApplyToken={(token) => {\n setConfig({ ...config, token });\n StorageUtils.save(SNIPPETSCONFIG, { ...config, token });\n setApi(new API(config.url, token));\n showNotification(\n language.notification_token_applied_success,\n \"success\",\n );\n }}\n language={language}\n />,\n document.body,\n )}\n {/* Edit/Create Snippet Modal */}\n {snippetToEdit &&\n createPortal(\n setSnippetToEdit(null)}\n onSuccess={() => setSnippetToEdit(null)}\n language={language}\n />,\n document.body,\n )}\n {/* Confirm Delete Modal */}\n {showConfirmDelete &&\n snippetToDelete &&\n createPortal(\n setShowConfirmDelete(false)}\n onConfirm={handleDeleteSnippet}\n language={language}\n />,\n document.body,\n )}\n {/* Container for multiple notifications */}\n {createPortal(\n

\n {notifications.map((notification) => (\n closeNotification(notification.id)}\n />\n ))}\n

,\n document.body,\n )}\n \n );\n}\n\nexport default App;",[],[177,290,281],"components","ae0335ce-7628-11f0-81c8-0224a6c84d84","status","019895ac-4cfc-7302-8b2b-b3a7239a9585",["D",1754857753803],[],[177,290,292],"fe9e3b4a-76a1-11f0-a26f-0224a6c84d84","Notification.jsx","b7c4bac8-76a1-11f0-899b-0224a6c84d84","019895ac-4cfc-7302-8b2b-a26ea050e954",99,["D",1754909858196],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, {\n useEffect,\n useState,\n} from \"https://esm.sh/react@18.2.0\";\n\n\n// Notification component for displaying messages\nconst Notification = ({ message, type, onClose }) => {\n const [isVisible, setIsVisible] = useState(true);\n // Auto-close after 2 seconds\n useEffect(() => {\n const timer = setTimeout(() => {\n setIsVisible(false);\n onClose(); // Call the parent's onClose to remove from state\n }, 3000);\n return () => clearTimeout(timer);\n }, [onClose]);\n\n if (!isVisible) return null;\n\n const baseClasses =\n \"p-4 rounded-lg shadow-xl text-white font-medium mb-2 animate-slideIn\";\n let colorClasses = \"\";\n let icon = \"\";\n\n switch (type) {\n case \"info\":\n colorClasses = \"bg-blue-600\";\n icon = (\n \n \n \n );\n break;\n case \"success\":\n colorClasses = \"bg-emerald-600\";\n icon = (\n \n \n \n );\n break;\n case \"warning\":\n colorClasses = \"bg-amber-500\";\n icon = (\n \n \n \n );\n break;\n case \"error\":\n colorClasses = \"bg-rose-600\";\n icon = (\n \n \n \n );\n break;\n default:\n colorClasses = \"bg-gray-700\";\n icon = (\n \n \n \n );\n }\n\n return (\n

\n {icon}\n {message}\n {\n setIsVisible(false);\n onClose();\n }}\n className=\"ml-4 p-1 rounded-full hover:bg-white hover:bg-opacity-20 transition-colors\"\n >\n \n \n \n \n

\n );\n};\n\nexport default Notification;",[],[177,290,306,298],"modals","33f41166-7715-11f0-aabe-0224a6c84d84","ModalDialog.jsx","7817481c-769e-11f0-b906-0224a6c84d84",174,["D",1754959339802],12,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\n\nimport { CloseBtn } from \"../common/Ui.jsx\";\n\nconst ModalDialog = (props) => {\n return (\n

{props.title}

\n \n

\n {props.children}\n

\n );\n};\n\nexport default ModalDialog;",[],[177,290,306,308],"c3cc81f2-76a6-11f0-9e6f-0224a6c84d84","ModalAlert.jsx","9d53e7e8-769e-11f0-bce8-0224a6c84d84",114,["D",1754911906993],8,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\n\nconst ModalAlert = (props) => {\n return (\n

{props.children}

\n );\n};\nexport default ModalAlert;",[],[177,290,306,317],"78286a62-7715-11f0-8ab4-0224a6c84d84","GenerateTokenModal.jsx","fdd5ef86-76a2-11f0-8d64-0224a6c84d84",176,["D",1754959454229],3,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\nimport ModalAlert from \"./ModalAlert.jsx\";\n\n// Token generation form\nconst GenerateTokenModal = ({ onClose, onApplyToken, language }) => {\n const [formData, setFormData] = useState({\n user: \"admin_user\",\n password: \"\",\n role: \"administrator\",\n });\n const [loading, setLoading] = useState(false);\n\n const handleChange = (e) => {\n const { name, value } = e.target;\n setFormData((prev) => ({ ...prev, [name]: value }));\n };\n\n const handleSubmit = async (e) => {\n e.preventDefault();\n setLoading(true);\n\n try {\n // Simulación de la llamada a la API\n const response = await new Promise((resolve) =>\n setTimeout(\n () =>\n resolve({\n token:\n \"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjoic3VwZXJ1c3VhcmlvIiwicm9sZSI6ImFkbWluIn0.SflKxwRJSMeKKF2eNfK4ulI\" +\n Math.random().toString(36).substring(7),\n is_valid: true,\n }),\n 1000,\n )\n );\n if (response.is_valid) {\n onApplyToken(response.token);\n } else {\n console.error(\"Failed to generate token.\");\n }\n } catch (e) {\n console.error(\"Error generating token:\", e);\n } finally {\n setLoading(false);\n onClose();\n }\n };\n\n return (\n \n

\n {language.generate_token_title}\n

\n \n \n );\n};\n\nexport default GenerateTokenModal;",[],[177,290,306,326],"e9cbc3f8-76a2-11f0-b417-0224a6c84d84","ConfirmDeleteModal.jsx","23e970cc-76a2-11f0-974b-0224a6c84d84",105,["D",1754910252757],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport ModalAlert from \"./ModalAlert.jsx\";\n\n// Confirm delete modal\nconst ConfirmDeleteModal = ({ snippet, onClose, onConfirm, language }) => (\n \n

\n {language.confirm_delete_title}\n

\n {language.confirm_delete_message}\n {snippet.title}\n {language.confirm_delete_message_end\n ? language.confirm_delete_message_end\n : \"?\"}\n

\n \n {language.confirm_delete_button_cancel}\n \n onConfirm(snippet.uid)}\n className=\"bg-rose-600 hover:bg-rose-700 text-white font-bold py-2 px-4 rounded-lg transition-colors\"\n >\n {language.confirm_delete_button_confirm}\n \n

\n \n);\n\nexport default ConfirmDeleteModal;",[],[177,290,306,335],"ae032d9a-7628-11f0-81c8-0224a6c84d84",["D",1754857753803],[227,228,229,230,231],[177,290,306],"ae0322b4-7628-11f0-81c8-0224a6c84d84","filter","019895ac-4cfc-7302-8b2b-8cd460d38727",["D",1754857753803],[],[177,290,347],"339db2e0-769c-11f0-abca-0224a6c84d84","StringUtils.jsx","afebdc46-762e-11f0-9a11-0224a6c84d84","019895ac-4cfc-7302-8b2b-866bcedaa5a4",66,["D",1754907370121],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport DOMPurify from \"https://esm.sh/dompurify@2.4.0\";\n\n// Helper functions for the app\nconst StringUtils = {\n sanitize(text) {\n return DOMPurify.sanitize(text, { USE_PROFILES: { html: false } });\n },\n encode(t) {\n if (!t) return \"\";\n return btoa(\n encodeURIComponent(t).replace(\n /%([0-9A-F]{2})/g,\n (e, o) => String.fromCharCode(\"0x\" + o),\n ),\n );\n },\n decode(t) {\n try {\n return decodeURIComponent(\n atob(t)\n .split(\"\")\n .map((e) => \"%\" + (\"00\" + e.charCodeAt(0).toString(16)).slice(-2))\n .join(\"\"),\n );\n } catch (e) {\n return (\n console.error(\"Error al decodificar la cadena Base64:\", e),\n lang.es.decode_error\n );\n }\n },\n};\n\nexport default StringUtils;",[],[177,290,361,353],"controllers","25fb6c8a-762f-11f0-ac7d-0224a6c84d84","StorageUtils.jsx","e5e29cae-762e-11f0-9132-0224a6c84d84",62,["D",1754860532113],"const StorageUtils = {\n save(key, value) {\n try {\n localStorage.setItem(key, JSON.stringify(value));\n } catch (e) {\n console.error(\"Error saving to localStorage\", e);\n }\n },\n get(key) {\n try {\n const value = localStorage.getItem(key);\n return value ? JSON.parse(value) : null;\n } catch (e) {\n console.error(\"Error getting from localStorage\", e);\n return null;\n }\n },\n};\nexport default StorageUtils;",[],[177,290,361,363],"52646850-76eb-11f0-bd40-0224a6c84d84","CallGeminiAPI.jsx","d7884f7a-76ea-11f0-9bc4-0224a6c84d84",149,["D",1754941352004],"/**\n * Función de ayuda para llamar a la API de Gemini con retroceso exponencial.\n * @param {string} prompt - El prompt a enviar al LLM.\n * @param {number} [retries=3] - Número de reintentos para la llamada a la API.\n * @param {number} [delay=1000] - Retraso inicial en ms para el retroceso exponencial.\n * @returns {Promise} - El texto generado por el LLM.\n */\nexport default async function callGeminiAPI(prompt, retries = 3, delay = 1000) {\n const apiKey = \"AIzaSyDJEGZOKx6-ftbS696xKr7EMMwb692G0MQ\";\n const apiUrl =\n `https://generativelanguage.googleapis.com/v1beta/models/gemini-2.5-flash-preview-05-20:generateContent?key=${apiKey}`;\n const payload = {\n contents: [{ role: \"user\", parts: [{ text: prompt }] }],\n };\n\n for (let i = 0; i < retries; i++) {\n try {\n const response = await fetch(apiUrl, {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify(payload),\n });\n\n if (response.ok) {\n const result = await response.json();\n const text = result?.candidates?.[0]?.content?.parts?.[0]?.text;\n if (text) {\n return text;\n } else {\n throw new Error(\"Respuesta inesperada de la API de Gemini.\");\n }\n } else if (response.status === 429 && i < retries - 1) {\n await new Promise((res) => setTimeout(res, delay));\n delay *= 2;\n } else {\n throw new Error(\n `Error en la API de Gemini: ${response.status} ${response.statusText}`,\n );\n }\n } catch (error) {\n console.error(\n `Intento ${i + 1} fallido al llamar a la API de Gemini:`,\n error,\n );\n if (i < retries - 1) {\n await new Promise((res) => setTimeout(res, delay));\n delay *= 2;\n } else {\n throw error;\n }\n }\n }\n throw new Error(\n \"Fallo al llamar a la API de Gemini después de múltiples reintentos.\",\n );\n}",[],[177,290,361,371],"cc06ae34-76a0-11f0-bf80-0224a6c84d84","Api.jsx","aa311d12-76a0-11f0-92fd-0224a6c84d84",91,["D",1754909343817],"// API class to handle all API interactions\nexport default class API {\n constructor(url, token) {\n this.url = url;\n this.token = token;\n }\n\n async fetchData(endpoint, options = {}) {\n if (!this.url || !this.token) {\n throw new Error(Lang.es.api_error_config);\n }\n\n const headers = {\n \"Content-Type\": \"application/json\",\n Authorization: `Bearer ${this.token}`,\n ...options.headers,\n };\n\n const config = {\n ...options,\n headers,\n };\n\n try {\n const response = await fetch(`${this.url}${endpoint}`, config);\n if (!response.ok) {\n throw new Error(`Error HTTP! status: ${response.status}`);\n }\n return await response.json();\n } catch (error) {\n console.error(\"API Error:\", error);\n throw error;\n }\n }\n\n async getSnippets() {\n return this.fetchData(\"?method=get&db=snippets&all=all&limit=400\");\n }\n\n async createSnippet(data) {\n return this.fetchData(\"?method=insert&db=snippets\", {\n method: \"POST\",\n body: JSON.stringify(data),\n });\n }\n\n async updateSnippet(uid, data) {\n return this.fetchData(\"?method=update&db=snippets\", {\n method: \"POST\",\n body: JSON.stringify({ uid, ...data }),\n });\n }\n\n // Modified to include 'name' (title) in the request body for deletion\n async deleteSnippet(uid, name) {\n return this.fetchData(\"?method=delete&db=snippets\", {\n method: \"POST\",\n body: JSON.stringify({ uid, name }),\n });\n }\n}",[],[177,290,361,379],"ae031f1c-7628-11f0-81c8-0224a6c84d84",["D",1754857753803],[221,222,223,224],[177,290,361],"6b2abbfa-76fa-11f0-84d0-0224a6c84d84","Lang.jsx","019895ac-4cfc-7302-8b2b-79535864cb2f","019895ac-4cfc-7302-8b2b-7f865d9f51de",168,["D",1754947836023],7,"// Objeto de localización\nconst Lang = {\n es: {\n api_error_config:\n \"API URL o Token no configurados. Por favor, revisa tus ajustes.\",\n decode_error: \"[El contenido no pudo ser decodificado]\",\n loading_snippets: \"Cargando snippets...\",\n loading_all_snippets: \"Cargando todos los snippets...\",\n notification_config_info:\n \"Por favor, configura la URL y el Token de la API en 'Ajustes'.\",\n notification_snippets_loaded_success: \"Snippets cargados exitosamente.\",\n notification_no_snippets_found_warning: \"No se encontraron snippets.\",\n notification_load_error: \"Error al cargar los snippets. Revisa la consola.\",\n notification_config_save_success: \"Configuración guardada exitosamente.\",\n notification_snippet_updated_success: \"Snippet actualizado con éxito.\",\n notification_snippet_created_success: \"Snippet creado con éxito.\",\n notification_snippet_save_error: \"Error al guardar el snippet: \",\n notification_snippet_deleted_success: \"Snippet eliminado con éxito.\",\n notification_snippet_delete_error: \"Error al eliminar el snippet: \",\n notification_token_applied_success: \"Token generado y aplicado.\",\n notification_snippet_ai_error: \"Hubo un error al generar la descripción\",\n confirm_delete_title: \"Confirmar Eliminación\",\n confirm_delete_message:\n '¿Estás seguro de que quieres eliminar el snippet \"',\n confirm_delete_snippet_name: \"{snippet.title}\",\n confirm_delete_button_cancel: \"Cancelar\",\n confirm_delete_button_confirm: \"Eliminar\",\n generate_token_title: \"Generar Token de API\",\n generate_token_user_label: \"Usuario:\",\n generate_token_password_label: \"Contraseña:\",\n generate_token_role_label: \"Rol:\",\n generate_token_button_close: \"Cerrar\",\n generate_token_button_generate: \"Generar y Aplicar\",\n generate_token_button_generating: \"Generando...\",\n app_title: \"Snippets App\",\n app_search_placeholder: \"Buscar snippets...\",\n app_filter_all: \"Todas las categorías\",\n app_new_snippet_button: \"Nuevo Snippet\",\n snippet_card_options: \"Opciones\",\n snippet_card_category_label: \"Categoría:\",\n snippet_card_edit_button: \"Editar\",\n snippet_card_clone_button: \"Clonar\",\n snippet_card_delete_button: \"Eliminar\",\n snippet_form_edit_title: \"Editar Snippet\",\n snippet_form_create_title: \"Crear Snippet\",\n snippet_form_title_label: \"Título\",\n snippet_form_description_label: \"Descripción\",\n snippet_form_category_label: \"Categoría\",\n snippet_form_content_label: \"Contenido\",\n snippet_form_button_cancel: \"Cancelar\",\n snippet_form_button_save: \"Guardar Snippet\",\n snippet_form_button_saving: \"Guardando...\",\n snippet_detail_back_button: \"Volver a la lista\",\n snippet_form_ai_description: \"Resumir con IA\",\n no_snippets_found_title: \"No se encontraron snippets.\",\n no_snippets_found_message:\n \"Puedes crear uno nuevo usando el botón en el menú lateral.\",\n settings_title: \"Ajustes\",\n settings_api_url_label: \"URL de la API\",\n settings_api_token_label: \"Token de la API\",\n settings_generate_token_button: \"Generar Token\",\n settings_save_button: \"Guardar\",\n theme_toggle_label: \"Cambiar tema\",\n language_label: \"Idioma\",\n language_button_label: \"Cambiar Idioma\",\n title_my_snippets: \"Mis Snippets\",\n },\n en: {\n api_error_config:\n \"API URL or Token not configured. Please check your settings.\",\n decode_error: \"[Content could not be decoded]\",\n loading_snippets: \"Loading snippets...\",\n loading_all_snippets: \"Loading all snippets...\",\n notification_config_info:\n \"Please configure the API URL and Token in 'Settings'.\",\n notification_snippets_loaded_success: \"Snippets loaded successfully.\",\n notification_no_snippets_found_warning: \"No snippets found.\",\n notification_load_error: \"Error loading snippets. Check the console.\",\n notification_config_save_success: \"Configuration saved successfully.\",\n notification_snippet_updated_success: \"Snippet updated successfully.\",\n notification_snippet_created_success: \"Snippet created successfully.\",\n notification_snippet_save_error: \"Error saving snippet: \",\n notification_snippet_deleted_success: \"Snippet deleted successfully.\",\n notification_snippet_delete_error: \"Error deleting snippet: \",\n notification_token_applied_success: \"Token generated and applied.\",\n notification_snippet_ai_error: \"Error generating AI reponse\",\n confirm_delete_title: \"Confirm Deletion\",\n confirm_delete_message: 'Are you sure you want to delete the snippet \"',\n confirm_delete_snippet_name: \"{snippet.title}\",\n confirm_delete_button_cancel: \"Cancel\",\n confirm_delete_button_confirm: \"Delete\",\n generate_token_title: \"Generate API Token\",\n generate_token_user_label: \"User:\",\n generate_token_password_label: \"Password:\",\n generate_token_role_label: \"Role:\",\n generate_token_button_close: \"Close\",\n generate_token_button_generate: \"Generate and Apply\",\n generate_token_button_generating: \"Generating...\",\n app_title: \"Snippets App\",\n app_search_placeholder: \"Search snippets...\",\n app_filter_all: \"All categories\",\n app_new_snippet_button: \"New Snippet\",\n snippet_card_options: \"Options\",\n snippet_card_category_label: \"Category:\",\n snippet_card_edit_button: \"Edit\",\n snippet_card_clone_button: \"Clone\",\n snippet_card_delete_button: \"Delete\",\n snippet_form_edit_title: \"Edit Snippet\",\n snippet_form_create_title: \"Create Snippet\",\n snippet_form_title_label: \"Title\",\n snippet_form_description_label: \"Description\",\n snippet_form_category_label: \"Category\",\n snippet_form_content_label: \"Content\",\n snippet_form_button_cancel: \"Cancel\",\n snippet_form_button_save: \"Save Snippet\",\n snippet_form_button_saving: \"Saving...\",\n snippet_detail_back_button: \"Back to list\",\n snippet_form_ai_description: \"Summarize with AI\",\n no_snippets_found_title: \"No snippets found.\",\n no_snippets_found_message:\n \"You can create a new one using the button in the side menu.\",\n settings_title: \"Settings\",\n settings_api_url_label: \"API URL\",\n settings_api_token_label: \"API Token\",\n settings_generate_token_button: \"Generate Token\",\n settings_save_button: \"Save\",\n theme_toggle_label: \"Change theme\",\n language_label: \"Language\",\n language_button_label: \"Change Language\",\n title_my_snippets: \"My Snippets\",\n },\n jp: {\n api_error_config:\n \"APIのURLまたはトークンが設定されていません。設定を確認してください。\",\n decode_error: \"[コンテンツをデコードできませんでした]\",\n loading_snippets: \"スニペットを読み込み中...\",\n loading_all_snippets: \"すべてのスニペットを読み込み中...\",\n notification_config_info:\n \"「設定」でAPIのURLとトークンを設定してください。\",\n notification_snippets_loaded_success:\n \"スニペットが正常に読み込まれました。\",\n notification_no_snippets_found_warning:\n \"スニペットが見つかりませんでした。\",\n notification_load_error:\n \"スニペットの読み込み中にエラーが発生しました。コンソールを確認してください。\",\n notification_config_save_success: \"設定が正常に保存されました。\",\n notification_snippet_updated_success: \"スニペットが正常に更新されました。\",\n notification_snippet_created_success: \"スニペットが正常に作成されました。\",\n notification_snippet_save_error:\n \"スニペットの保存中にエラーが発生しました: \",\n notification_snippet_deleted_success: \"スニペットが正常に削除されました。\",\n notification_snippet_delete_error:\n \"スニペットの削除中にエラーが発生しました: \",\n notification_token_applied_success: \"トークンが生成され、適用されました。\",\n notification_snippet_ai_error: \"AI 応答生成中にエラーが発生しました\",\n confirm_delete_title: \"削除の確認\",\n confirm_delete_message: \"スニペット「\",\n confirm_delete_snippet_name: \"{snippet.title}\",\n confirm_delete_message_end: \"」を削除してもよろしいですか？\",\n confirm_delete_button_cancel: \"キャンセル\",\n confirm_delete_button_confirm: \"削除\",\n generate_token_title: \"APIトークンの生成\",\n generate_token_user_label: \"ユーザー:\",\n generate_token_password_label: \"パスワード:\",\n generate_token_role_label: \"役割:\",\n generate_token_button_close: \"閉じる\",\n generate_token_button_generate: \"生成して適用\",\n generate_token_button_generating: \"生成中...\",\n app_title: \"スニペットアプリ\",\n app_search_placeholder: \"スニペットを検索...\",\n app_filter_all: \"すべてのカテゴリ\",\n app_new_snippet_button: \"新しいスニペット\",\n snippet_card_options: \"オプション\",\n snippet_card_category_label: \"カテゴリ:\",\n snippet_card_edit_button: \"編集\",\n snippet_card_clone_button: \"クローン\",\n snippet_card_delete_button: \"削除\",\n snippet_form_edit_title: \"スニペットを編集\",\n snippet_form_create_title: \"スニペットを作成\",\n snippet_form_title_label: \"タイトル\",\n snippet_form_description_label: \"説明\",\n snippet_form_category_label: \"カテゴリ\",\n snippet_form_content_label: \"コンテンツ\",\n snippet_form_button_cancel: \"キャンセル\",\n snippet_form_button_save: \"スニペットを保存\",\n snippet_form_button_saving: \"保存中...\",\n snippet_detail_back_button: \"リストに戻る\",\n snippet_form_ai_description: \"AIで要約する\",\n no_snippets_found_title: \"スニペットが見つかりませんでした。\",\n no_snippets_found_message:\n \"サイドメニューのボタンを使って新しいものを作成できます。\",\n settings_title: \"設定\",\n settings_api_url_label: \"API URL\",\n settings_api_token_label: \"APIトークン\",\n settings_generate_token_button: \"トークンを生成\",\n settings_save_button: \"保存\",\n theme_toggle_label: \"テーマを変更\",\n language_label: \"言語\",\n language_button_label: \"言語を変更\",\n title_my_snippets: \"私のスニペット\",\n },\n};\nexport default Lang;",[],[177,290,400,391],"config","796d140a-762e-11f0-9424-0224a6c84d84","Constants.jsx","019895ac-4cfc-7302-8b2b-718ed664c71e",37,["D",1754860242611],"// Configuración\nexport const SNIPPETSCONFIG = \"snippetsConfig\";\nexport const SNIPPETSTHEME = \"snippetstheme\";\nexport const SNIPPETSLANG = \"shippetslanguage\";",[],[177,290,400,402],"ae031c56-7628-11f0-81c8-0224a6c84d84",["D",1754857753803],[218,219],[177,290,400],"58330924-7715-11f0-bbc5-0224a6c84d84","Ui.jsx","01db8010-7715-11f0-97aa-0224a6c84d84","019895ac-4cfc-7302-8b2b-6e92bbda50b2",175,["D",1754959400614],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\n\nexport const Button = (props) => {\n return (\n \n {props.children}\n \n );\n};\n\nexport const CloseBtn = (props) => {\n return (\n \n ×\n \n );\n};\n\nexport const Label = (props) => {\n return (\n \n {props.title}\n \n );\n};\n\nexport const SelectF = (props) => {\n return (\n \n {props.children}\n \n );\n};\n\nexport const InputF = (props) => {\n return (\n \n );\n};\n\nexport const TextAreaF = (props) => {\n return (\n \n \n );\n};\n\nexport const CardDialog = (props) => {\n return (\n

{props.title}

\n \n

{props.children}

\n );\n};",[],[177,290,422,414],"common","03ba14d6-76ad-11f0-8ca2-0224a6c84d84","Loader.jsx","1a7ffca4-76ac-11f0-85df-0224a6c84d84",133,["D",1754914591231],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\n\nconst Loader = (props) => (\n \n)\n\nexport default Loader;",[],[177,290,422,424],"ea1a4e58-762d-11f0-9dfa-0224a6c84d84","Icons.jsx","7c3005d6-762d-11f0-ad69-0224a6c84d84",33,["D",1754860002146],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\n\n// XMarkIcon\nexport const XMarkIcon = (props) => (\n \n \n \n);\n\n// PlusIcon\nexport const PlusIcon = (props) => (\n \n \n \n);\n\n// Cog6ToothIcon\nexport const Cog6ToothIcon = (props) => (\n \n \n \n \n);\n\n// PencilIcon\nexport const PencilIcon = (props) => (\n \n \n \n \n);\n\n// DocumentDuplicateIcon\nexport const DocumentDuplicateIcon = (props) => (\n \n \n \n);\n\n// TrashIcon\nexport const TrashIcon = (props) => (\n \n \n \n);\n\n// SunIcon\nexport const SunIcon = (props) => (\n \n \n \n);\n\n// MoonIcon\nexport const MoonIcon = (props) => (\n \n \n \n);\n\n// EllipsisVerticalIcon\nexport const EllipsisVerticalIcon = (props) => (\n \n \n \n);",[],[177,290,422,432],"ae030964-7628-11f0-81c8-0224a6c84d84",["D",1754857753803],[214,215,216],[177,290,422],"ae033f24-7628-11f0-81c8-0224a6c84d84",["D",1754857753803],[213,217,220,225,226,232,233],[177,290],["D",1754857753803],[212,234,235,236,237],[177],"ae02f582-7628-11f0-81c8-0224a6c84d84","index.ts",["D",1754857753803],"http","import { serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\nimport { Hono } from \"npm:hono\";\n\nconst app = new Hono();\n\n// Serve index.html at the root /\napp.get(\"/\", async c => {\n return serveFile(\"/frontend/index.html\", import.meta.url);\n});\n\n// Serve all /frontend files\napp.get(\"/frontend/**/*\", c => serveFile(c.req.path, import.meta.url));\n\n// Add your API routes here\n// app.get(\"/api/data\", c => c.json({ hello: \"world\" }));\n\n// Unwrap and rethrow Hono errors as the original error\n// If you delete this, all errors will be \"Internal Server Error\"\napp.onError((err, c) => {\n throw err;\n});\n\n// HTTP vals expect an exported \"fetch handler\"\n// This is how you \"run the server\" in Val Town with Hono\nexport default app.fetch;",[],[183,451],["D",1754857753803],[210],[183],["D",1754857753803],[],[188],["D",1754857753803],[],[193],["D",1754857753803],{"_101":100,"_108":104},{"_101":100,"_102":-5,"_103":104,"_18":56,"_105":106,"_107":25},{"_13":87,"_32":88,"_43":42,"_89":44,"_90":91,"_92":93,"_94":50,"_95":96,"_97":66,"_98":45,"_99":100},"ctx",{"_80":-5,"_130":503,"_504":505,"_506":507,"_508":25,"_509":25,"_510":25,"_511":60,"_512":-5,"_513":-7,"_514":-7,"_515":64,"_516":25,"_517":25,"_518":-5,"_519":25,"_520":25,"_521":25,"_522":-5},"ENV",{"_474":475,"_476":477,"_478":88,"_479":480,"_481":482,"_483":484,"_485":486,"_487":488,"_489":490,"_491":492,"_493":494,"_495":496,"_497":498,"_499":500,"_501":502},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Diff · v184