workspace-manager

🗂️ Workspace Manager (Stackly)

Gérez vos onglets avec des workspaces puissants - Simple, rapide et gratuit

Version 7.0.0

Chrome & Safari Extension

Une extension simple et efficace pour gérer vos onglets avec des workspaces. Import/export JSON, suspension intelligente et interface moderne !

🌐 Compatibilité navigateurs

• ✅ Chrome 121+ (Manifest V3) - Toutes les fonctionnalités
• ✅ Safari 15.4+ (macOS uniquement) - Compatible avec détection automatique des fonctionnalités

Note : La suspension automatique des onglets n’est disponible que sur Chrome (API chrome.tabs.discard() non disponible sur Safari). Toutes les autres fonctionnalités (95%) fonctionnent sur les deux navigateurs.

📖 Documentation complète : SAFARI_COMPATIBILITY.md

🎉 Nouveau dans v7.0.0

🦁 Compatibilité Safari

Stackly fonctionne maintenant sur Safari (macOS) avec détection automatique du navigateur :

• Détection intelligente : L’extension détecte automatiquement Chrome vs Safari
• Adaptation gracieuse : Les fonctionnalités non supportées sont désactivées proprement
• Interface identique : Même design et expérience utilisateur sur les deux navigateurs
• 95% compatible : Seule la suspension automatique nécessite Chrome

Limitations Safari :

• ❌ Suspension automatique des onglets (API inexistante)
• ✅ Toutes les autres fonctionnalités fonctionnelles

🎉 Nouveau dans v4.6.0

🎨 Interface Moderne avec DaisyUI

Migration complète vers DaisyUI avec un design professionnel et accessible :

• 🌓 Thèmes Light & Dark : Toggle instantané entre mode clair et sombre avec sauvegarde automatique
• 🎨 Personnalisation avancée : 8 couleurs et emojis personnalisables par workspace
• 💅 Design System : Interface cohérente avec DaisyUI + Tailwind CSS
• ♿ Accessible : Respect des standards WCAG avec variables oklch optimales
• ⚡ Performance : CSS local sans CDN, chargement instantané

🚀 Page dédiée complète

Une vraie page web dédiée pour gérer tes workspaces :

• Vue en grille : Cartes visuelles colorées pour tous tes workspaces
• Vue liste : Affichage compact avec toutes les informations
• Actions en masse : Sélection multiple pour déplacer ou supprimer des onglets
• Tri intelligent : Par nom, date, usage ou nombre d’onglets
• Épinglable : Garde la page ouverte en permanence

→ Voir la documentation v4.0.0 DaisyUI

✨ Fonctionnalités

🗂️ Gestion de Workspaces

Double interface

• Popup : Quick access pour switch rapidement entre workspaces
• Page dédiée : Interface complète pour une gestion approfondie

Fonctionnalités de base

• Créer des workspaces : Organisez vos onglets par projet ou contexte
• Basculer entre workspaces : Changez rapidement de contexte de travail
• Sauvegarde automatique : Vos onglets sont sauvegardés automatiquement toutes les 30 secondes
• Déplacer des onglets : Transférez facilement des onglets d’un workspace à un autre

Fonctionnalités avancées (Page dédiée)

• Vue d’ensemble : Grille de cartes avec toutes les infos importantes
• Sélection multiple : Cochez plusieurs onglets et déplace-les en masse
• Recherche : Trouve rapidement un onglet ou un workspace (à venir)
• Drag & drop : Réorganise tes onglets par glisser-déposer (à venir)

📥 Import / Export JSON

• Export JSON : Exportez tous vos workspaces en un clic
• Import JSON : Importez des workspaces depuis un fichier JSON
• Format standard : Structure JSON ouverte et documentée

💤 Suspension Intelligente des Onglets (Chrome uniquement)

• Économie de mémoire : Suspendez automatiquement les onglets inactifs
• Personnalisable : Choisissez le délai avant suspension (5 min à 2 heures)
• Whitelist : Définissez les sites à ne jamais suspendre
• Protection audio : Option pour ne pas suspendre les onglets avec son
• Onglets épinglés : Gérez séparément les onglets épinglés
• API native : Utilise chrome.tabs.discard() pour préserver l’état de la page

⚠️ Safari : Cette fonctionnalité n’est pas disponible sur Safari (API inexistante). Safari gère automatiquement sa propre optimisation mémoire.

Interface et Personnalisation

• Design moderne : Interface DaisyUI professionnelle avec Tailwind CSS
• Thèmes light/dark : Toggle instantané entre mode clair et sombre
• Couleurs personnalisées : 8 couleurs prédéfinies par workspace (bleu, vert, rouge, jaune, violet, orange, rose, gris)
• Icônes emoji : Personnalisez chaque workspace avec un emoji
• Responsive : Fonctionne sur desktop et mobile
• Pas de compte requis : Tout est stocké localement
• Léger et rapide : CSS local sans CDN externe

📦 Installation

Chrome - Méthode 1 : Chargement en mode développeur

1. Téléchargez les fichiers de l’extension
2. Ouvrez Chrome et allez dans chrome://extensions/
3. Activez le “Mode développeur” en haut à droite
4. Cliquez sur “Charger l’extension non empaquetée”
5. Sélectionnez le dossier workspace-manager
6. L’extension est maintenant installée ! 🎉

Chrome - Méthode 2 : Empaqueter l’extension

1. Dans chrome://extensions/, cliquez sur “Empaqueter l’extension”
2. Sélectionnez le dossier workspace-manager
3. Cliquez sur “Empaqueter l’extension”
4. Un fichier .crx sera généré que vous pouvez installer

Safari - Installation (macOS)

Depuis le Mac App Store (à venir)

L’application Stackly sera bientôt disponible sur le Mac App Store.

Mode développement

1. Activez le menu Développement : Safari → Préférences → Avancées → Afficher le menu Développement
2. Menu Développement → Autoriser les extensions non signées
3. Menu Extensions → Charger une extension non signée
4. Sélectionnez le dossier workspace-manager
5. Dans Safari → Préférences → Extensions, activez Stackly

📖 Guide complet Safari : SAFARI_COMPATIBILITY.md

🚀 Utilisation

Ouvrir la page dédiée

Méthode 1 : Depuis la popup

1. Clique sur l’icône de l’extension
2. Clique sur “🚀 Ouvrir la vue complète”

Méthode 2 : Épingle la page

1. Ouvre la page dédiée une première fois
2. Fais clic droit sur l’onglet → “Épingler l’onglet”
3. Boom ! Accès permanent 🎉

Gestion de Workspaces

Créer un workspace

Dans la popup :

1. Cliquez sur le bouton ”+” en haut à droite
2. Donnez un nom à votre workspace
3. Cliquez sur “Sauvegarder”

Dans la page dédiée :

1. Cliquez sur ”+ Nouveau workspace”
2. Entrez le nom
3. Validez

Basculer entre workspaces

• Popup : Cliquez sur un workspace dans la liste
• Page dédiée : Cliquez sur le bouton “🚀 Ouvrir” d’une carte

Les onglets actuels seront fermés et ceux du workspace s’ouvriront.

Voir le détail d’un workspace

Page dédiée uniquement :

1. Cliquez sur une carte de workspace ou sur “👁️ Voir”
2. Vous voyez tous les onglets avec leur titre et URL
3. Utilisez les actions : sauvegarder, ouvrir tout, renommer, supprimer

Gérer les onglets

Page dédiée - Actions en masse :

1. Cochez les onglets à manipuler
2. Utilisez “Tout sélectionner” pour tout cocher
3. Choisissez “Déplacer vers…” pour les transférer
4. Ou cliquez “Supprimer” pour les retirer

Actions individuelles :

• Survole un onglet pour voir 🔗 Ouvrir et 🗑️ Supprimer

📥 Import / Export JSON

Exporter vos données

1. Ouvrez les paramètres (⚙️)
2. Section “Import / Export”
3. Cliquez sur “Exporter”
4. Un fichier JSON est téléchargé avec tous vos workspaces

Importer des données

1. Ouvrez les paramètres (⚙️)
2. Section “Import / Export”
3. Cliquez sur “Importer Stackly”
4. Sélectionnez le fichier JSON
5. Vos workspaces sont importés ! 🎉

💤 Suspension Automatique

Activer la suspension

1. Ouvrez les paramètres (⚙️)
2. Cochez “Activer la suspension automatique”
3. Configurez :
   • Délai : 5 min à 2 heures
   • Onglets épinglés : suspendre ou non
   • Audio : ne pas suspendre avec audio
   • Whitelist : sites à ne jamais suspendre

Exemple de whitelist

youtube.com
gmail.com
calendar.google.com
spotify.com

💡 Astuces

Workflow optimal

1. Épingle la page dédiée en onglet permanent
2. Utilise la popup pour les switch rapides
3. Utilise la page dédiée pour tout le reste !

Autres astuces

• Sauvegarde auto : Toutes les 30 secondes dans le workspace actif
• Onglets épinglés : Non affectés par les changements de workspace
• Console : Ouvre F12 pour voir les logs détaillés ([SWITCH], [MOVE], etc.)
• Suspension : Les onglets suspendus (💤) économisent énormément de mémoire

🛠️ Structure du projet

workspace-manager/
├── manifest.json          # Configuration v3
├── popup.html            # Popup (quick access)
├── popup.css             # Styles popup
├── popup.js              # Logique popup
├── workspace.html        # 🆕 Page dédiée complète
├── workspace.css         # 🆕 Styles page dédiée
├── workspace.js          # 🆕 Logique page dédiée
├── background.js         # Service worker
├── icon16.png           # Icône 16x16
├── icon48.png           # Icône 48x48
├── icon128.png          # Icône 128x128
├── README.md            # Ce fichier
├── INSTALL.md           # Guide d'installation
├── RELEASE_v3.0.0.md    # 🆕 Doc nouvelle version
└── docs/                # Documentation complète

📈 Roadmap

✅ Complété (v4.6.0)

• ✅ Thème dark/light avec toggle instantané
• ✅ Couleurs personnalisées par workspace (8 couleurs)
• ✅ Icônes emoji personnalisables
• ✅ Vue liste compacte
• ✅ Tri intelligent (nom/date/usage/tabs)
• ✅ Design system DaisyUI moderne
• ✅ Import/Export JSON
• ✅ Suspension automatique configurable

🚧 En développement

• Recherche globale dans tous les workspaces
• Filtres avancés (par domaine, date, etc.)
• Drag & drop pour réorganiser les onglets
• Raccourcis clavier personnalisables

🔮 Futur

• Export JSON des workspaces
• Statistiques avancées avec graphiques
• Templates de workspaces
• Sauvegarde/restauration complète
• Synchronisation cloud (optionnelle)

❓ FAQ

Q : L’extension fonctionne-t-elle sur Safari ? R : Oui ! Stackly est compatible Safari 15.4+ (macOS). 95% des fonctionnalités fonctionnent. Seule la suspension automatique nécessite Chrome. Voir SAFARI_COMPATIBILITY.md.

Q : Mes données sont synchronisées ? R : Non, tout est local pour l’instant.

Q : La suspension supprime mes données ? R : Non ! L’état de la page est préservé (scroll, formulaires, etc.).

Q : Combien de workspaces max ? R : Pas de limite, sauf la limite du navigateur (5 MB de storage local).

Q : Comment épingler la page dédiée ? R : Ouvre-la → Clic droit sur l’onglet → “Épingler l’onglet” → Profit ! 🎉

Q : La popup ou la page dédiée ? R : Utilise les deux ! Popup pour switch rapide, page dédiée pour gestion complète.

🤝 Contribution

Suggestions et rapports de bugs bienvenus !

Pour un bug :

1. Console Chrome (F12) pour les erreurs
2. Étapes pour reproduire
3. Version Chrome + extension

📄 Licence

Libre d’utilisation et de modification !

---

Version 7.0.0 - Compatible Chrome & Safari 🦁 Développé avec ❤️ pour une gestion d’onglets puissante et gratuite !

Dernières nouveautés : Compatibilité Safari, détection automatique du navigateur, adaptation gracieuse des fonctionnalités 🚀