Rebrand project from massCode Web to takeCode

- Rename project title from 'massCode Web' to 'takeCode'
- Update Docker image names from masscode-web to takecode
- Update Docker Hub and GHCR repository links
- Update service name in docker-compose.yml
- Update screenshot from masscode-screenshot.png to takecode-screenshot.png
- Update all references throughout documentation and code

Author: codebude

.github/workflows/docker-build.yml

@@ -72,7 +72,7 @@ jobs:
       with:
         images: |
           ghcr.io/${{ github.repository }}
-          docker.io/codebude/masscode-web
+          docker.io/codebude/takecode
         tags: |
           type=raw,value=${{ steps.version-tag.outputs.tag }}
           type=raw,value=latest,enable=${{ inputs.tag_as_latest }}

.github/workflows/update-demo.yml

@@ -18,6 +18,6 @@ jobs:
           key: ${{ secrets.SSH_PRIVATE_KEY }}
           passphrase: ${{ secrets.SSH_PASSPHRASE }}
           script: |
-            cd /srv/masscodeweb
+            cd /srv/takecode
             docker compose pull
             docker compose up -d --force-recreate

.gitignore

@@ -1,2 +1,3 @@
 db.json
+TODO.md
 !public/data/db.json

CHANGELOG.md

@@ -1,6 +1,6 @@
 # Changelog
 
-All notable changes to **massCode Web** will be documented in this file.
+All notable changes to **takeCode** will be documented in this file.
 
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
@@ -12,7 +12,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ### Added
 - **Docker Hub Publishing**: Enhanced build workflow to publish Docker images to both GitHub Container Registry and Docker Hub
-- **Multi-Registry Support**: Images now available on both `ghcr.io/codebude/masscode-web` and `docker.io/codebude/masscode-web`
+- **Multi-Registry Support**: Images now available on both `ghcr.io/codebude/takecode` and `docker.io/codebude/takecode`
 
 ### Technical Details
 - Updated workflow permissions from `contents: read` to `contents: write` for repository dispatch functionality
@@ -27,7 +27,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - **Desktop Sidebar Overflow**: Fixed content overflow when sidebar is open on desktop using responsive CSS with calc() functions and sibling selectors
 
 ### Added
-- **Live Demo**: Added live demo section to README with link to https://masscodeweb.code-bude.net/
+- **Live Demo**: Added live demo section to README with link to https://demo.take-code.dev/
 - **GitHub Actions Workflow**: Added manual workflow for updating live demo via SSH and Docker Compose
 - **Automatic Demo Updates**: Modified build workflow to automatically trigger demo updates when tagging builds as latest
 
@@ -183,4 +183,4 @@ This project uses [Semantic Versioning](https://semver.org/):
 - 🐛 **Fixed** - Bug fixes
 - 🗑️ **Removed** - Removed features
 - 🚨 **Breaking** - Breaking changes</content>
-<parameter name="filePath">/home/raffael/git/masscode-web/CHANGELOG.md
+<parameter name="filePath">/home/raffael/git/takecode/CHANGELOG.md

README.md

@@ -1,10 +1,10 @@
-# massCode Web
+# takeCode
 
 A modern web interface for browsing and searching your massCode snippets with syntax highlighting, themes, and copy-to-clipboard functionality.
 
 [![Docker](https://img.shields.io/badge/Docker-Ready-green?style=flat-square&logo=docker)](#using-docker-compose-recommended)
-[![Docker Hub](https://img.shields.io/docker/pulls/codebude/masscode-web?style=flat-square&logo=docker)](https://hub.docker.com/r/codebude/masscode-web)
-[![GHCR](https://img.shields.io/badge/GHCR-Ready-blue?style=flat-square&logo=github)](https://github.com/codebude/masscode-web/pkgs/container/masscode-web)
+[![Docker Hub](https://img.shields.io/docker/pulls/codebude/takecode?style=flat-square&logo=docker)](https://hub.docker.com/r/codebude/takecode)
+[![GHCR](https://img.shields.io/badge/GHCR-Ready-blue?style=flat-square&logo=github)](https://github.com/codebude/takecode/pkgs/container/takecode)
 [![License](https://img.shields.io/badge/License-MIT-yellow?style=flat-square)](LICENSE.txt)
 
 
@@ -25,17 +25,17 @@ A modern web interface for browsing and searching your massCode snippets with sy
 
 ## 📸 Screenshot
 
-![massCode Web Interface](img/masscode-screenshot.png)
+![takeCode Interface](img/takecode-screenshot.png)
 
 *Browse your massCode snippets with a clean, modern web interface featuring syntax highlighting, (regex-)search, dark-/light-mode and tabbed code fragments.*
 
 ## 🌐 Live Demo
 
-Check out the live demo at [https://masscodeweb.code-bude.net/](https://masscodeweb.code-bude.net/)
+Check out the live demo at [https://demo.take-code.dev/](https://demo.take-code.dev/)
 
 ## 💡 Motivation
 
-I love [massCode](https://masscode.io/) - it's an amazing code snippet manager that helps me organize and access my code snippets efficiently. However, sometimes I work on devices where I can't install the desktop client (like company laptops, shared computers, or restricted environments). To still have access to my snippets, I created massCode Web - a lightweight web interface that works with massCode's database files.
+I love [massCode](https://masscode.io/) - it's an amazing code snippet manager that helps me organize and access my code snippets efficiently. However, sometimes I work on devices where I can't install the desktop client (like company laptops, shared computers, or restricted environments). To still have access to my snippets, I created takeCode - a lightweight web interface that works with massCode's database files.
 
 ## ⚠️ Affiliation & Disclaimer
 
@@ -54,7 +54,7 @@ I love [massCode](https://masscode.io/) - it's an amazing code snippet manager t
 
 ### Finding Your massCode Database
 
-massCode Web works by reading your existing massCode `db.json` file. Here's how to locate it:
+takeCode works by reading your existing massCode `db.json` file. Here's how to locate it:
 
 #### On Different Operating Systems:
 
@@ -66,13 +66,13 @@ For more details, check the [massCode documentation on data storage](https://mas
 
 #### Shared/Network Databases
 
-You can also use massCode Web with databases stored on network drives or shared locations. Simply mount the network drive and point the volume mapping to the shared `db.json` file path.
+You can also use takeCode with databases stored on network drives or shared locations. Simply mount the network drive and point the volume mapping to the shared `db.json` file path.
 
 ### Using Docker Compose (Recommended)
 
 1. **Download the docker-compose.yml**:
    ```bash
-   wget https://raw.githubusercontent.com/codebude/masscode-web/main/docker-compose.yml
+   wget https://raw.githubusercontent.com/codebude/takecode/main/docker-compose.yml
    ```
 
 2. **Edit the volume mapping**:
@@ -105,7 +105,7 @@ volumes:
 
 ### Configuration Options
 
-massCode Web supports environment variables for customization:
+takeCode supports environment variables for customization:
 
 #### SEARCH_HIGHLIGHT_LIMIT
 
@@ -134,17 +134,17 @@ environment:
 
 ```bash
 # Using GitHub Container Registry
-docker run -d -p 8080:80 -v /path/to/your/db.json:/data/db.json:ro ghcr.io/codebude/masscode-web:latest
+docker run -d -p 8080:80 -v /path/to/your/db.json:/data/db.json:ro ghcr.io/codebude/takecode:latest
 
 # Or using Docker Hub
-docker run -d -p 8080:80 -v /path/to/your/db.json:/data/db.json:ro codebude/masscode-web:latest
+docker run -d -p 8080:80 -v /path/to/your/db.json:/data/db.json:ro codebude/takecode:latest
 ```
 
 ## 🤝 Contributing
 
 Found a bug or have a feature request? Feel free to:
-- [Open an issue](https://github.com/codebude/masscode-web/issues)
-- [Create a pull request](https://github.com/codebude/masscode-web/pulls)
+- [Open an issue](https://github.com/codebude/takecode/issues)
+- [Create a pull request](https://github.com/codebude/takecode/pulls)
 - ⭐ Star the repository if you find it useful!
 
 ## 📄 License
@@ -153,8 +153,8 @@ This project is licensed under the MIT License - see the [LICENSE](LICENSE) file
 
 ---
 
-**Try massCode Web today and supercharge your snippet management! 🚀**
+**Try takeCode today and supercharge your snippet management! 🚀**
 
 ## 📈 Star History
 
-[![Star History Chart](https://api.star-history.com/svg?repos=codebude/masscode-web&type=Date)](https://www.star-history.com/#codebude/masscode-web&Date)
+[![Star History Chart](https://api.star-history.com/svg?repos=codebude/takecode&type=Date)](https://www.star-history.com/#codebude/takecode&Date)

docker-compose.yml

@@ -1,7 +1,7 @@
 services:
-  masscode-web:
-    image: ghcr.io/codebude/masscode-web:latest
-    # image: codebude/masscode-web:latest
+  takecode:
+    image: ghcr.io/codebude/takecode:latest
+    # image: codebude/takecode:latest
     ports:
       - "8080:80"
     volumes:

img/masscode-screenshot.png img/takecode-screenshot.pngimg/masscode-screenshot.png renamed to img/takecode-screenshot.png

@@ -3,7 +3,7 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>massCode-Web</title>
+    <title>takeCode</title>
     <script src="https://cdn.tailwindcss.com"></script>
     <script>
         tailwind.config = {
@@ -26,7 +26,7 @@
                 <path d="M14 10L18 14" stroke="#10B981" stroke-width="2" stroke-linecap="round"/>
                 <path d="M18 10L14 14" stroke="#10B981" stroke-width="2" stroke-linecap="round"/>
             </svg>
-            <h1 class="text-2xl font-bold truncate">massCode-Web</h1>
+            <h1 class="text-2xl font-bold truncate">takeCode</h1>
         </div>
         <div class="flex items-center space-x-2 ml-auto flex-shrink-0">
             <button id="theme-toggle" class="bg-gray-200 text-gray-900 p-2 rounded hover:bg-gray-300 transition-colors dark:bg-gray-800 dark:text-white dark:hover:bg-gray-700 flex-shrink-0" title="Toggle theme">
@@ -46,7 +46,7 @@ <h1 class="text-2xl font-bold truncate">massCode-Web</h1>
             </div>
             <footer class="p-4 border-t border-gray-200 dark:border-gray-600">
                 <div class="flex items-center justify-between">
-                                        <a href="https://github.com/codebude/masscode-web" target="_blank" class="text-gray-600 hover:text-gray-800 transition-colors dark:text-gray-400 dark:hover:text-white">
+                                        <a href="https://github.com/codebude/takecode" target="_blank" class="text-gray-600 hover:text-gray-800 transition-colors dark:text-gray-400 dark:hover:text-white">
                         <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                             <path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"/>
                         </svg>
@@ -69,7 +69,7 @@ <h1 class="text-2xl font-bold truncate">massCode-Web</h1>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/plugins/keep-markup/prism-keep-markup.min.js"></script>
     <script>
         // Set global config from environment variables
-        window.MASSCODE_CONFIG = {
+        window.TAKECODE_CONFIG = {
             SEARCH_HIGHLIGHT_LIMIT: parseInt('${SEARCH_HIGHLIGHT_LIMIT}') || 3
         };
     </script>

public/index.html

@@ -422,7 +422,7 @@ document.addEventListener('DOMContentLoaded', () => {
     function highlightSearchMatches(text, query) {
         if (!query.trim()) return text;
 
-        const highlightLimit = window.MASSCODE_CONFIG?.SEARCH_HIGHLIGHT_LIMIT ?? 3;
+        const highlightLimit = window.TAKECODE_CONFIG?.SEARCH_HIGHLIGHT_LIMIT ?? 3;
 
         try {
             // Try to use the query as a regex pattern