2025-04-18 17:35:26 +00:00
5 changed files with 75 additions and 95 deletions
--- a/README.md
+++ b/README.md
@ -1,82 +1,80 @@
-# 🌟 JSTAR Tab
+# 🌟 JSTAR Tab v2.6.0

-Welcome to **JSTAR Tab**, the ultimate customizable new tab extension for your browser! Whether you're looking for a sleek, modern design or powerful personalization options, JSTAR Tab has you covered. 🚀  
+Welcome to **JSTAR Tab v2.6.0**! This version builds upon the previous release with new features and improvements to enhance your browsing experience even further. 🚀

-Transform your browsing experience with custom greetings, themes, shortcuts, and more. 🎉  
+## 🎉 What's New in v2.6.0?

-## ✨ Features
+- **Enhanced Onboarding Process**: The onboarding experience has been revamped to include options for starting fresh or importing data, making it easier to get started.
+- **Keyboard Shortcuts**: Added the ability to configure keyboard shortcuts for quicker navigation and actions.
+- **Improved Data Management**: Enhanced import/export functionality with better validation and error handling.
+- **Custom Greeting Enhancements**: Added new format variables for custom greetings, allowing for more personalized messages.
+- **UI and UX Improvements**: Various updates to the user interface for a more seamless experience, including responsive design adjustments.

- **Custom Greeting Formats**: Create personalized greetings using dynamic format tags:
-  - `{name}`: Your display name
-  - `{greeting}`: Time-based greeting (e.g., Good morning)
-  - `{time}`: Current time
-  - `{date}`: Current date
-  - `{day}`: Day of the week
-  - `{month}`: Current month
-  - `{year}`: Current year  
+## 📥 Installation

-  Examples:
-  - "Hello {name}, it's {time} on {day}!"
-  - "{greeting}, {name}! Today is {date}"
-  - "Happy {day}, {name}!"
+1. Visit [JSTAR Tab Website](https://jstartab.netlify.app)
+2. Select your browser or mobile browser from the available options.
+3. Follow the installation instructions specific to your browser.

- **Customizable Themes**: Switch between light and dark modes to suit your mood. 🌗  
- **Shortcut Management**: Add, edit, and remove shortcuts to your favorite websites.  
- **Search Engine Selection**: Choose your preferred search engine for quick and efficient browsing.  
- **Keyboard Shortcuts**: Set up custom keybinds for various actions:
-  - Open settings
-  - Add a new shortcut
-  - Toggle anonymous mode
-  - Change themes
-  - Redirect to a specific URL (with a notification and "Redirecting to..." message)  
+Alternative Manual Installation:
+1. **Download the Latest Release**: [JSTAR Tab v2.6.0](https://github.com/DevJSTAR/JSTAR-Tab/releases/latest)
+2. **Extract the Files**: Unzip the downloaded file to a directory of your choice.
+3. **Load the Extension**:
+   - Open your browser and navigate to the extensions page.
+   - Enable "Developer mode" (usually a toggle in the top right corner).
+   - Click "Load unpacked" and select the directory where you extracted the files.

- **Data Backup and Restore**: Export and import your settings and shortcuts effortlessly.  
+## 🛠️ Features

-## 🌐 Getting Started
+- **Custom Greeting Format**: Create unique greetings using various format tags. 📝
+- **Customizable Themes**: Choose between light and dark themes to suit your mood. 🌗
+- **Search Engine Selection**: Choose your preferred search engine from a variety of options.
+- **Shortcut Management**: Easily add, edit, and remove shortcuts to your favorite sites.
+- **Data Backup and Restore**: Export your settings and shortcuts to a file and import them back anytime.
+- **Onboarding Process**: A step-by-step guide to help you set up your new tab with ease.
+- **Keyboard Shortcuts**: Configure shortcuts for quick access to features.

-### Installation  
+## 🎨 Customizing Your Greeting

-1. Visit [JSTAR Tab Website](https://jstartab.netlify.app).  
-2. Select your browser or mobile browser from the available options.  
-3. Follow the installation instructions specific to your browser.  
+1. **Format Tags**: Use these tags in your custom greeting:
+   - `{name}`: Your display name
+   - `{greeting}`: Time-based greeting (e.g., Good morning)
+   - `{time}`: Current time
+   - `{date}`: Current date
+   - `{day}`: Day of the week
+   - `{month}`: Current month
+   - `{year}`: Current year
+2. **Examples**:
+   - "Hello {name}, it's {time} on {day}!"
+   - "{greeting}, {name}! Today is {date}"
+   - "Happy {day}, {name}!"

-### Alternative Manual Installation  
+## 📚 Usage

-1. **Download the Latest Release**: [JSTAR Tab GitHub Releases](https://github.com/DevJSTAR/JSTAR-Tab/releases/latest).  
-2. **Extract the Files**: Unzip the downloaded file to a directory of your choice.  
-3. **Load the Extension**:  
-   - Open your browser and navigate to the extensions page.  
-   - Enable "Developer mode" (usually a toggle in the top right corner).  
-   - Click "Load unpacked" and select the directory where you extracted the files.  
+- **Settings**: Click the settings icon ⚙️ to open the settings panel where you can customize your experience.
+- **Custom Greeting**: Enter your preferred greeting format in the settings panel.
+- **Add Shortcuts**: Click the "+" button to add a new shortcut. Enter the name and URL, then save.
+- **Edit Shortcuts**: Right-click on a shortcut to edit or delete it.
+- **Theme Toggle**: Switch between light and dark themes using the theme toggle button.
+- **Keyboard Shortcuts**: Use configured shortcuts for quick actions.

-## 🎨 Customizing Your Experience  
+## 📝 Contributing

-### **Greeting Formats**  
-Personalize your greeting with dynamic tags listed above. Example: "Good {greeting}, {name}! It's {time} on {day}!"  
+We welcome contributions! If you have suggestions or improvements, feel free to fork the repository and submit a pull request. For major changes, please open an issue first to discuss what you would like to change.

-### **Themes**  
-Toggle between light and dark themes from the settings panel.  
+## 📄 License

-### **Shortcuts**  
-Manage your favorite sites effortlessly:  
- Add shortcuts with the "+" button.  
- Edit or delete shortcuts by right-clicking on them.  
+This project is licensed under the [MIT License](https://github.com/DevJSTAR/JSTAR-Tab/blob/main/LICENSE).

-### **Keyboard Shortcuts**  
-Set up custom keybinds for quick actions like opening settings or switching themes.  
+## ❤️ Acknowledgments

-## ❤️ Acknowledgments  
+- **Font Awesome**: For the beautiful icons used throughout the extension.
+- **Google Fonts**: For the sleek and modern typography.

-Special thanks to **[Equa](https://github.com/EquaTechnologies)** for contributing amazing hover animations for shortcuts, settings, and the "Add Shortcut" button. Your work is truly appreciated! 🌟  
+## 🌐 Connect with Us

-## 📄 License  
+- **[Linktree](https://linktr.ee/jstarsdev)**
+- **[Patreon](https://patreon.com/jstarsdev)**
+- **[Latest Release](https://github.com/DevJSTAR/JSTAR-Tab/releases/latest)**

-This project is licensed under the [MIT License](https://github.com/DevJSTAR/JSTAR-Tab/blob/main/LICENSE).  
-
-## 🌐 Connect with Us  
-
- **[Linktree](https://linktr.ee/jstarsdev)**  
- **[Patreon](https://patreon.com/jstarsdev)**  
- **[GitHub Releases](https://github.com/DevJSTAR/JSTAR-Tab/releases/latest)**  
-
-Thank you for choosing JSTAR Tab! We hope you enjoy the seamless and personalized browsing experience it brings. 🚀 
+Thank you for using JSTAR Tab! We hope it makes your browsing experience more enjoyable and productive. 🙂
--- a/index.html
+++ b/index.html
@ -251,7 +251,7 @@
                <div class="settings-section">
                    <h3>About</h3>
                    <div class="about-content">
-                        <p>JSTAR Tab v2.6.2</p>
+                        <p>JSTAR Tab v2.6.0</p>
                        <p>Homepage: <a href="https://github.com/DevJSTAR/JSTAR-Tab" target="_blank">GitHub Repository</a></p>
                        <p>Latest Update: <a href="https://github.com/DevJSTAR/JSTAR-Tab/releases/latest" target="_blank">Check for updates</a></p>
                        <p>License: <a href="https://github.com/DevJSTAR/JSTAR-Tab/blob/main/LICENSE" target="_blank">MIT License</a></p>
@ -310,9 +310,6 @@

    <!-- Context Menu -->
    <div id="context-menu" class="context-menu hidden">
-        <div class="context-menu-item" data-action="open-new-tab">
-            <i class="fas fa-external-link-alt"></i> Open in New Tab
-        </div>
        <div class="context-menu-item" data-action="edit">
            <i class="fas fa-edit"></i> Edit
        </div>
@ -331,4 +328,4 @@
    <script src="js/main.js"></script>
    <script src="js/keybinds.js"></script>
 </body>
-</html>
+</html>
--- a/js/shortcuts.js
+++ b/js/shortcuts.js
@ -255,15 +255,7 @@ const shortcuts = {
                    }
                } else if (action === 'delete') {
                    shortcuts.remove(index);
-                } else if (action === 'open-new-tab') {
-                    const currentShortcuts = Storage.get('shortcuts') || [];
-                    const shortcut = currentShortcuts[index];
-                                
-                    // Open the URL of the shortcut in a new tab
-                     if (shortcut && shortcut.url) {
-                         window.open(shortcut.url, '_blank');
-                                }
-                        }
+                }
                
                contextMenu.classList.add('hidden');
            });
@ -271,4 +263,4 @@ const shortcuts = {
        
        shortcuts.render();
    }
-};
+};
--- a/manifest.json
+++ b/manifest.json
@ -1,7 +1,7 @@
 {
    "manifest_version": 3,
    "name": "JSTAR Tab",
-    "version": "2.6.2",
+    "version": "2.6.0",
    "description": "JSTAR Tab is a sleek, customizable new tab extension with personalized greetings, shortcuts, anonymous mode, search engine settings, themes, data management, and more, for an enhanced browsing experience.",
    "chrome_url_overrides": {
        "newtab": "index.html"
@ -32,4 +32,4 @@
        ],
        "matches": ["<all_urls>"]
    }]
-}
+}
--- a/style.css
+++ b/style.css
@ -246,8 +246,8 @@ input[type="text"]:focus {
 }

 .search-engine-option.selected {
-    background: #dddddd;
-    border: 2px solid #dddddd;
+    background: #eeeeee;
+    border: 2px solid var(--border);
 }

 .search-engine-option img {
@ -310,12 +310,10 @@ input[type="text"]:focus {
    border: none;
    cursor: pointer;
    transition: background 0.2s ease;
-    transition: transform 0.2s ease;
 }

 #add-shortcut:hover {
    background: var(--primary-hover);
-    transform: scale(1.1);
 }

 #shortcuts-grid {
@ -339,7 +337,7 @@ input[type="text"]:focus {
 }

 .shortcut:hover {
-    transform: scale(1.079);
+    transform: translateY(-2px);
    box-shadow: 0 4px 15px var(--shadow);
 }

@ -370,7 +368,7 @@ input[type="text"]:focus {
 }

 /* Settings styles */
-  .settings-button {
+.settings-button {
    position: fixed;
    bottom: 2rem;
    right: 2rem;
@ -386,17 +384,12 @@ input[type="text"]:focus {
    font-size: 1.25rem;
    color: var(--text);
    box-shadow: 0 4px 24px var(--shadow);
-    transition: transform 0.4s ease;
-  }
-
-  .settings-button:hover {
-    transform: rotate(180deg);
-  }
-
-  .settings-button:active {
-    transform: rotate(360deg);
-  }
+}

+.settings-button:hover {
+    transform: translateY(-2px);
+    box-shadow: 0 8px 32px var(--shadow);
+}

 .settings-panel {
    max-height: 80vh;
@ -996,4 +989,4 @@ input:checked + .toggle-slider:before {
    padding: 0 8px;
    color: var(--text);
    font-size: 0.9rem;
-}
+}