conf manager

Author: gigamaster

.gitignore

@@ -19,6 +19,7 @@ tests/*
 .nfs*
 # vscode
 .vscode*
+*.code-workspace
 ## Mac 
 # ignore general files
 .DS_Store

LICENSE.md

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2024
+Copyright (c) 2024 Nuno Luciano
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

app/asset/app.js

@@ -208,13 +208,13 @@ document.addEventListener('DOMContentLoaded', function(event) {
       console.log(error);
   })
 });
-//Web applications and Tools
+//Web applications and Tools, set itemsPerPage to 15
 function alpineInstance() {
   return {
     pagination: '<template x-for="idx in numOfPages"><a :href="`/${idx}`" x-text="`${idx}`" :aria-current="idx === currentPage + 1 ? \'page\' : false" x-bind:class="idx === currentPage + 1 && \'bg-primary text-light\'" @click.prevent="currentPage = idx - 1" class="h-6 w-6 bg-gray-100 text-gray-40 hover:bg-primary hover:text-light dark:bg-dark dark:hover:bg-primary-dark dark:hover:text-light transition-colors duration-500 rounded-md m-1 px-3 py-1"></a></template>',
     intro: 'Available Web applications and <b class="text-gray-400">tools</b> that run in the browser',
     app: [],
-    itemsPerPage: 10,
+    itemsPerPage: 15,
     currentPage: 0,
     numOfPages() {
       return Math.ceil(this.app.length / this.itemsPerPage)

app/asset/css/icons.css

@@ -49,7 +49,7 @@ <h2 class="mb-2 text-xl uppercase" x-text="app.name"></h2>
   </div>
 </template>
   <nav class="flex flex-row w-full items-center justify-between px-2 py-2">
-    <div class="w-full aria-label="Select a page" x-html="pagination"></div>
+    <div class="w-full" aria-label="Select a page" x-html="pagination"></div>
   </nav>
 </section>
 </div>

app/asset/modal-launcher.html

@@ -0,0 +1,44 @@
+# Codemo Config Manager
+
+A UI management tool for Codemo launcher and search configurations.
+
+## Features
+
+- **Launcher Management**: Create, read, update, and delete web app launcher entries
+- **Search Management**: Manage searchable pages configuration
+- **Backup**: Download timestamped backup files of your configurations
+- **GitHub Integration**: Save changes directly to GitHub using the existing authentication workflow
+
+## Usage
+
+1. Open the tool in your browser at `/tools/manager/`
+2. Switch between Launcher and Search modes using the tabs
+3. Use the toolbar buttons to:
+   - Create new entries
+   - Edit existing entries
+   - Delete entries
+   - Backup configurations
+   - Save changes to GitHub
+
+## How It Works
+
+### Editing
+- The tool loads the current [launcher.json](file://d:\codemo\app\asset\launcher.json) and [search.json](file://d:\codemo\app\asset\search.json) files
+- You can modify entries through the intuitive UI
+- Changes are kept in memory until saved
+
+### Saving
+- Click "Save to GitHub" to open GitHub's editor with the current configuration
+- Paste the updated JSON content into the editor
+- Commit the changes through GitHub's interface
+
+### Backup
+- Click "Backup" to download a timestamped copy of the current configuration
+- Backups are saved as JSON files to your local machine
+
+## Technical Details
+
+- Built with Alpine.js and Tailwind CSS
+- No server-side dependencies
+- Works entirely client-side
+- Integrates with existing Codemo workflow