cagatayuresin
← All projects

dynamic-kubernetes-secret-editor

Dynamic Kubernetes Secret Editor is a web-based tool designed to simplify the management of Kubernetes secrets. It allows you to upload, decode, edit, and download Kubernetes secrets in YAML format with ease.

● JavaScript ★ 3 ⑂ 0 Last updated: September 4, 2025
Open on GitHub → Live demo →

🔐 Dynamic Kubernetes Secret Editor

Live Demo License: MIT Issues Stars

🚀 Dynamic Kubernetes Secret Editor is a modern web-based tool designed to simplify the management of Kubernetes secrets. It allows you to upload, decode, edit, and download Kubernetes secrets in YAML format with ease. This tool is perfect for developers and DevOps engineers who frequently work with Kubernetes secrets.

🌐 Live Demo

Check out the live demo here: Dynamic Kubernetes Secret Editor

✨ Features

  • 📁 Dual Input Methods - Upload YAML files OR paste YAML content directly
  • 🔓 Base64 Decoding - Automatically decode Base64-encoded secret values for easy editing
  • 👀 Real-time YAML Preview - View the updated YAML with beautiful syntax highlighting
  • 💾 Smart File Downloads - Save modified secrets with intelligent naming (includes timestamp)
  • 🎨 Modern UI/UX - Beautiful gradient design with Tabler Icons and Orbitron fonts
  • 🌙 Theme Toggle - Switch between light and dark modes with smooth transitions
  • 💾 Persistent State - Automatically saves your work in localStorage for later use
  • 🔔 Toast Notifications - Beautiful notifications with progress bars and icons
  • ⌨️ Keyboard Shortcuts - Ctrl+Enter to process, Ctrl+Shift+C to clear, Tab for indentation
  • ⏳ Loading States - Visual feedback during all operations
  • 🧹 Data Management - Clear stored data with confirmation dialogs
  • ✅ Enhanced Validation - Comprehensive validation for Kubernetes Secret format
  • 🔒 Security Focused - All processing happens locally in the browser
  • 📱 Responsive Design - Works seamlessly on desktop and mobile devices
  • 🔧 Progressive Enhancement - Fallback support for older browsers

🛠️ Technologies Used

  • Frontend: HTML5, CSS3 (Bulma framework, custom styles), JavaScript ES6+
  • Libraries:
  • Framework: 💻 Bulma CSS for responsive design
  • Hosting: 🐙 GitHub Pages

📦 Installation

To run the project locally, follow these steps:

  1. Clone the repository:

    git clone https://github.com/cagatayuresin/dynamic-kubernetes-secret-editor.git

  2. Navigate to the project directory:

    cd dynamic-kubernetes-secret-editor

  3. Open index.html in your browser to use the tool.

🖥️ Usage

Method 1: File Upload 📤

  1. Upload a YAML File: Click the "Upload YAML File" button and select a Kubernetes secret YAML file.

Method 2: Paste Content 📋

  1. Paste YAML Content: Copy your Kubernetes secret YAML and paste it into the text area.

  2. Use Shortcuts:

    • Ctrl+Enter to process the YAML
    • Ctrl+Shift+C to clear the content
    • Tab for proper YAML indentation

Common Steps 🔄

  1. Edit Decoded Fields: Modify the decoded Base64 values directly in the input fields.
  2. Preview Changes: View the updated YAML in the preview section with syntax highlighting.
  3. Download the Updated YAML: Click the "Download" button to save the modified YAML file.

Quick Test 🧪

Use the included test-secret.yaml file to quickly test the application features.

🛡️ License

This project is licensed under the MIT License. Feel free to use, modify, and distribute it as per the license terms.

🤝 Contributing

Contributions are welcome! If you have ideas for improvements or find any bugs, feel free to open an issue or submit a pull request.

  1. Fork the repository 🍴

  2. Create a new branch:

    git checkout -b feature/your-feature-name

  3. Commit your changes:

    git commit -m "Add your feature description"

  4. Push to the branch:

    git push origin feature/your-feature-name

  5. Open a pull request 🎉

🌐 Connect with Me

🙏 Acknowledgements

  • Thanks to the developers of js-yaml and Highlight.js for their amazing libraries 🙌
  • Inspired by the need for a simple and intuitive Kubernetes secret management tool 💡
  • Special thanks to the open-source community for continuous inspiration 🌟

📝 Notes

  • This project is hosted on GitHub Pages 🌍
  • To deploy updates, simply push changes to the main branch 🚀
  • All data processing happens locally - no data is sent to external servers 🔒
  • Compatible with all modern browsers and mobile devices 📱

🎯 Version History

See CHANGELOG.md for detailed version history and updates.

🔒 Security

For security guidelines and best practices, see SECURITY.md.

Enjoy using the Dynamic Kubernetes Secret Editor! 🎊✨