3 |
34 |
35 |
36 |
43 |
44 |
45 |
--------------------------------------------------------------------------------
/src/components/icons/HelpIcon.vue:
--------------------------------------------------------------------------------
1 |
2 |
16 |
17 |
--------------------------------------------------------------------------------
/src/components/global/Toaster.vue:
--------------------------------------------------------------------------------
1 |
2 |
4 |
5 |
33 |
6 |
12 | 🍯 Closed Tabs
13 |
14 |
20 | ⚙️ Settings & Reject List
21 |
22 |
23 |
24 |
25 |
26 |
28 |
29 |
30 |
32 |
3 |
16 |
17 |
18 |
45 |
46 |
47 |
--------------------------------------------------------------------------------
/src/components/icons/SettingsIcon.vue:
--------------------------------------------------------------------------------
1 |
2 |
17 |
18 |
--------------------------------------------------------------------------------
/.eslintrc.cjs:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | env: {
3 | browser: true,
4 | es2021: true,
5 | webextensions: true,
6 | },
7 | extends: [
8 | 'plugin:vue/vue3-recommended',
9 | 'eslint:recommended',
10 | '@vue/typescript/recommended',
11 | 'plugin:prettier/recommended',
12 | ],
13 | parserOptions: {
14 | ecmaVersion: 2022,
15 | sourceType: 'module',
16 | project: './tsconfig.json',
17 | extraFileExtensions: ['.vue'],
18 | },
19 | plugins: [
20 | 'vue',
21 | 'prettier',
22 | ],
23 | rules: {
24 | 'vue/no-unused-vars': 'error',
25 | '@typescript-eslint/no-unused-vars': ['error', { argsIgnorePattern: '^_' }],
26 | '@typescript-eslint/explicit-module-boundary-types': 'off',
27 | '@typescript-eslint/interface-name-prefix': 'off',
28 | '@typescript-eslint/explicit-function-return-type': 'off',
29 | '@typescript-eslint/no-explicit-any': 'off',
30 | 'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
31 | 'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
32 | 'prettier/prettier': 'error',
33 | },
34 | overrides: [
35 | {
36 | files: ['*.vue'],
37 | rules: {
38 | 'vue/multi-word-component-names': 'off',
39 | },
40 | },
41 | ],
42 | };
43 |
--------------------------------------------------------------------------------
/src/components/global/HelpSwap.vue:
--------------------------------------------------------------------------------
1 |
2 |
34 |
35 |
38 |
--------------------------------------------------------------------------------
/src/components/options/center/resources/DonationPane.vue:
--------------------------------------------------------------------------------
1 |
2 |
4 | {{ message }}
5 |
6 |
7 | {{ message }}
8 |
9 |
10 | {{ message }}
11 |
12 |
13 | {{ message }}
14 |
15 |
3 |
34 |
35 |
36 |
42 |
43 |
44 |
--------------------------------------------------------------------------------
/src/components/icons/ChromeIcon.vue:
--------------------------------------------------------------------------------
1 |
2 |
13 |
14 |
--------------------------------------------------------------------------------
/src/common/emoji-data/index.ts:
--------------------------------------------------------------------------------
1 | import type { EmojiCategory } from './types';
2 | import { data as smileysData } from './categories/smileys';
3 | import { data as gesturesData } from './categories/gestures';
4 | import { data as animalsData } from './categories/animals';
5 | import { data as objectsData } from './categories/objects';
6 | import { data as buildingsData } from './categories/buildings';
7 | import { data as transportsData } from './categories/transports';
8 | import { data as sportsData } from './categories/sports';
9 | import { data as flagsData } from './categories/flags';
10 |
11 | export const EMOJI_CATEGORIES: EmojiCategory[] = [
12 | {
13 | id: 'smileys',
14 | name: smileysData.name,
15 | icon: '😀',
16 | emojis: smileysData.emojis,
17 | },
18 | {
19 | id: 'gestures',
20 | name: gesturesData.name,
21 | icon: '👋',
22 | emojis: gesturesData.emojis,
23 | },
24 | {
25 | id: 'animals',
26 | name: animalsData.name,
27 | icon: '🐶',
28 | emojis: animalsData.emojis,
29 | },
30 | {
31 | id: 'buildings',
32 | name: buildingsData.name,
33 | icon: '🏠',
34 | emojis: buildingsData.emojis,
35 | },
36 | {
37 | id: 'transports',
38 | name: transportsData.name,
39 | icon: '🚗',
40 | emojis: transportsData.emojis,
41 | },
42 | {
43 | id: 'sports',
44 | name: sportsData.name,
45 | icon: '⚽',
46 | emojis: sportsData.emojis,
47 | },
48 | {
49 | id: 'objects',
50 | name: objectsData.name,
51 | icon: '💡',
52 | emojis: objectsData.emojis,
53 | },
54 | {
55 | id: 'flags',
56 | name: flagsData.name,
57 | icon: '🏳️',
58 | emojis: flagsData.emojis,
59 | },
60 | ];
61 |
62 | export * from './types';
63 |
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "tabee",
3 | "private": true,
4 | "version": "1.1.4",
5 | "license": "MIT",
6 | "type": "module",
7 | "scripts": {
8 | "test": "vitest --run",
9 | "watch:test": "vitest",
10 | "watch:coverage": "npx vitest --coverage.enabled true",
11 | "coverage": "npx vitest --run --coverage.enabled true",
12 | "dev": "rm -rf ./dist && vite",
13 | "tsc": "vue-tsc",
14 | "build": "rm -rf ./dist && vite build",
15 | "preview": "vite preview",
16 | "build-zip": "rm -rf ./dist && rm -f tabee.zip && yarn build && cd ./dist && zip -r ../tabee.zip *"
17 | },
18 | "dependencies": {
19 | "lz-string": "^1.5.0",
20 | "mitt": "^3.0.1",
21 | "pinia": "^2.1.7",
22 | "vue": "^3.4.21",
23 | "vuedraggable": "^4.1.0"
24 | },
25 | "devDependencies": {
26 | "@crxjs/vite-plugin": "^2.0.0-beta.26",
27 | "@types/chrome": "^0.0.268",
28 | "@typescript-eslint/eslint-plugin": "^7.18.0",
29 | "@typescript-eslint/parser": "^7.18.0",
30 | "@vitejs/plugin-vue": "^5.1.4",
31 | "@vitest/coverage-v8": "^2.1.9",
32 | "@vitest/ui": "^2.1.9",
33 | "@vue/eslint-config-typescript": "^13.0.0",
34 | "autoprefixer": "^10.4.19",
35 | "daisyui": "^4.12.2",
36 | "eslint": "^8.57.1",
37 | "eslint-config-prettier": "^9.1.0",
38 | "eslint-plugin-import": "^2.25.2",
39 | "eslint-plugin-prettier": "^5.2.1",
40 | "eslint-plugin-vue": "^9.26.0",
41 | "jsdom": "^27.0.0",
42 | "postcss": "^8.4.38",
43 | "prettier": "^3.3.3",
44 | "tailwindcss": "^3.4.13",
45 | "typescript": "*",
46 | "vite": "^5.4.6",
47 | "vitest": "^2.1.9",
48 | "vue-eslint-parser": "^9.4.2",
49 | "vue-tsc": "^2.0.24"
50 | },
51 | "resolutions": {
52 | "cross-spawn": "^7.0.5"
53 | }
54 | }
55 |
--------------------------------------------------------------------------------
/src/Popup.vue:
--------------------------------------------------------------------------------
1 |
2 |
4 |
12 |
13 |
5 |
11 | Donation
6 |7 | If you like this extension and want to support its development, you can make a donation by 8 | clicking one of the buttons below. 9 |
10 |
14 |
15 |
16 |
19 |
20 |
21 |
24 |
28 |
29 |
32 |
33 |
3 |
10 |
11 |
64 |
--------------------------------------------------------------------------------
/src/background/ContextMenuService.ts:
--------------------------------------------------------------------------------
1 | /**
2 | * Service responsible for managing context menus
3 | * Single Responsibility: Handle all context menu operations
4 | */
5 | export class ContextMenuService {
6 | /**
7 | * Initialize all context menus
8 | */
9 | initialize(): void {
10 | this.createRenameTabMenu();
11 | this.createMergeWindowsMenu();
12 | this.createSendToHiveMenu();
13 | this.createTabHiveRejectMenus();
14 | }
15 |
16 | /**
17 | * Create the "Rename Tab" context menu
18 | */
19 | private createRenameTabMenu(): void {
20 | chrome.contextMenus.create({
21 | id: 'rename-tab',
22 | title: '✏️ Rename Tab',
23 | contexts: ['all'],
24 | });
25 | }
26 |
27 | /**
28 | * Create the "Merge All Windows" context menu
29 | */
30 | private createMergeWindowsMenu(): void {
31 | chrome.contextMenus.create({
32 | id: 'merge-windows',
33 | title: '🪟 Merge All Windows',
34 | contexts: ['all'],
35 | });
36 | }
37 |
38 | /**
39 | * Create the "Send to Tab Hive" context menu
40 | */
41 | private createSendToHiveMenu(): void {
42 | chrome.contextMenus.create({
43 | id: 'send-to-hive',
44 | title: '🍯 Send to Tab Hive',
45 | contexts: ['all'],
46 | });
47 | }
48 |
49 | /**
50 | * Create Tab Hive reject list context menus
51 | */
52 | private createTabHiveRejectMenus(): void {
53 | // Parent menu
54 | chrome.contextMenus.create({
55 | id: 'tab-hive-reject-parent',
56 | title: '🚫 Exclude from Tab Hive',
57 | contexts: ['all'],
58 | });
59 |
60 | // Child menu: Exclude domain
61 | chrome.contextMenus.create({
62 | id: 'tab-hive-reject-domain',
63 | parentId: 'tab-hive-reject-parent',
64 | title: '🌐 Exclude this domain',
65 | contexts: ['all'],
66 | });
67 |
68 | // Child menu: Exclude URL
69 | chrome.contextMenus.create({
70 | id: 'tab-hive-reject-url',
71 | parentId: 'tab-hive-reject-parent',
72 | title: '🔗 Exclude this URL',
73 | contexts: ['all'],
74 | });
75 | }
76 | }
77 |
--------------------------------------------------------------------------------
/src/content/RegexService.ts:
--------------------------------------------------------------------------------
1 | /**
2 | * Service responsible for safe regex pattern validation and creation
3 | * Prevents ReDoS (Regular Expression Denial of Service) attacks
4 | */
5 | export class RegexService {
6 | /**
7 | * Validates if a regex pattern is safe to use
8 | * @param pattern - The regex pattern to validate
9 | * @returns true if the pattern is safe, false otherwise
10 | */
11 | isRegexSafe(pattern: string): boolean {
12 | // Basic validation to prevent ReDoS attacks
13 | if (typeof pattern !== 'string' || pattern.length > 200) {
14 | return false;
15 | }
16 |
17 | // Check for potentially dangerous patterns that can cause ReDoS
18 | const dangerousPatterns = [
19 | /\(\?=.*\)\+/, // Positive lookahead with quantifiers
20 | /\(\?!.*\)\+/, // Negative lookahead with quantifiers
21 | /\(.+\)\+\$/, // Catastrophic backtracking patterns
22 | /\(.+\)\*\+/, // Conflicting quantifiers
23 | /\(\.\*\)\{2,\}/, // Multiple .* in groups
24 | /\(\.\+\)\{2,\}/, // Multiple .+ in groups
25 | ];
26 |
27 | return !dangerousPatterns.some((dangerous) => dangerous.test(pattern));
28 | }
29 |
30 | /**
31 | * Creates a safe RegExp object from a pattern string
32 | * @param pattern - The regex pattern string
33 | * @param flags - Optional regex flags (default: 'g')
34 | * @returns A safe RegExp object
35 | * @throws Error if the pattern is unsafe or invalid
36 | */
37 | createSafeRegex(pattern: string, flags: string = 'g'): RegExp {
38 | if (!this.isRegexSafe(pattern)) {
39 | throw new Error('Potentially unsafe regex pattern detected');
40 | }
41 |
42 | try {
43 | // semgrep: ignore - Safe regex creation with validation above
44 | // nosemgrep: javascript.lang.security.audit.detect-non-literal-regexp.detect-non-literal-regexp
45 | return new RegExp(pattern, flags);
46 | } catch (e) {
47 | const errorMessage = e instanceof Error ? e.message : 'Unknown error';
48 | throw new Error(`Invalid regex pattern: ${errorMessage}`);
49 | }
50 | }
51 | }
52 |
--------------------------------------------------------------------------------
/src/components/options/center/sections/TabGroups/EmptyGroups.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
20 |
21 |
22 |
58 |
59 |
67 |
--------------------------------------------------------------------------------
/tailwind.config.js:
--------------------------------------------------------------------------------
1 | export default {
2 | content: ['./index.html', './src/**/*.{vue,js,ts,jsx,tsx,html}'],
3 | theme: {
4 | extend: {
5 | fontFamily: {
6 | sans: ['Quicksand', 'ui-sans-serif', 'system-ui', 'sans-serif'],
7 | },
8 | },
9 | },
10 | plugins: [require('daisyui')],
11 | daisyui: {
12 | themes: [
13 | 'dim',
14 | 'light',
15 | 'dark',
16 | 'cupcake',
17 | 'valentine',
18 | 'halloween',
19 | {
20 | tabee: {
21 | primary: '#fbbf24', // Amber-400 - Jaune d'abeille
22 | 'primary-content': '#0a0a0a', // Texte foncé sur jaune
23 | secondary: '#f59e0b', // Amber-500 - Orange miel
24 | 'secondary-content': '#0a0a0a', // Texte foncé sur orange
25 | accent: '#fde047', // Yellow-300 - Jaune clair
26 | 'accent-content': '#0a0a0a', // Texte foncé
27 | neutral: '#1f1f1f', // Gris très foncé
28 | 'neutral-content': '#e5e7eb', // Texte clair
29 | 'base-100': '#161616', // Fond presque noir
30 | 'base-200': '#141414', // Fond très sombre
31 | 'base-300': '#121212', // Fond sombre
32 | 'base-content': '#e5e7eb', // Texte principal clair
33 | info: '#3b82f6', // Bleu info
34 | 'info-content': '#ffffff', // Texte blanc sur bleu
35 | success: '#10b981', // Vert succès
36 | 'success-content': '#ffffff', // Texte blanc sur vert
37 | warning: '#f59e0b', // Orange warning (miel)
38 | 'warning-content': '#0a0a0a', // Texte foncé sur orange
39 | error: '#ef4444', // Rouge erreur
40 | 'error-content': '#ffffff', // Texte blanc sur rouge
41 | },
42 | },
43 | ],
44 | base: true, // applies background color and foreground color for root element by default
45 | styled: true, // include daisyUI colors and design decisions for all components
46 | utils: true, // adds responsive and modifier utility classes
47 | prefix: '', // prefix for daisyUI classnames (components, modifiers and responsive class names. Not colors)
48 | logs: true, // Shows info about daisyUI version and used config in the console when building your CSS
49 | themeRoot: ':root', // The element that receives theme color CSS variables
50 | },
51 | };
52 |
--------------------------------------------------------------------------------
/src/components/global/Disclaimer.vue:
--------------------------------------------------------------------------------
1 |
2 |
4 |
5 |
6 |
7 |
19 |
8 |
18 | Hello there
9 |There is no group yet!
10 |11 | Groups allow you to organize your tabs visually in your browser. Create a group and then 12 | assign it to a rule to automatically group matching tabs together. 13 |
14 | 15 | 16 |
3 |
4 |
16 |
17 |
18 |
19 |
74 |
75 |
86 |
--------------------------------------------------------------------------------
/manifest.json:
--------------------------------------------------------------------------------
1 | {
2 | "manifest_version": 3,
3 | "name": "Tabee: Tab Modifier",
4 | "version": "1.1.4",
5 | "description": "The original Tab Modifier reborn — rename, organize, and control your browser tabs effortlessly.",
6 | "homepage_url": "https://github.com/furybee/chrome-tab-modifier",
7 | "action": {
8 | "default_title": "Tabee",
9 | "default_icon": {
10 | "16": "assets/icon_16.png",
11 | "32": "assets/icon_32.png",
12 | "48": "assets/icon_48.png",
13 | "128": "assets/icon_128.png"
14 | }
15 | },
16 | "icons": {
17 | "16": "assets/icon_16.png",
18 | "32": "assets/icon_32.png",
19 | "48": "assets/icon_48.png",
20 | "128": "assets/icon_128.png"
21 | },
22 | "background": {
23 | "service_worker": "src/background.ts",
24 | "type": "module"
25 | },
26 | "options_page": "src/options.html",
27 | "side_panel": {
28 | "default_path": "src/sidepanel.html"
29 | },
30 | "web_accessible_resources": [{
31 | "resources": [
32 | "assets/*",
33 | "assets/*/*",
34 | "vendor/*",
35 | "vendor/*/*"
36 | ],
37 | "matches": [
38 | "5 | {{ currentTip.icon }} {{ currentTip.text }} 6 | 11 | {{ currentTip.linkText }} 12 | 13 | {{ currentTip.textAfter }} 14 |
15 |
3 |
4 |
5 |
38 |
39 |
40 |
41 |
70 |
71 |
72 |
--------------------------------------------------------------------------------
/src/background/WindowService.ts:
--------------------------------------------------------------------------------
1 | /**
2 | * Service responsible for window management operations
3 | * Single Responsibility: Handle all window-related operations
4 | */
5 | export class WindowService {
6 | /**
7 | * Merge all browser windows into the current window
8 | */
9 | async mergeAllWindows(): Promise| Title | 7 |Color | 8 |Collapsed | 9 |10 | |
|---|---|---|---|
| {{ group.title }} | 20 |
21 | |
23 | {{ group.collapsed }} | 24 |
25 |
26 |
33 |
34 | |
35 |
3 |
21 |
22 |
23 |
100 |
101 |
--------------------------------------------------------------------------------
/src/components/global/CustomSelect.vue:
--------------------------------------------------------------------------------
1 |
2 |
6 |
14 |
15 |
20 |
7 |
11 |
12 |
8 |
10 |
3 |
50 |
51 |
52 |
99 |
100 |
101 |
--------------------------------------------------------------------------------
/src/common/emoji-data/categories/gestures.ts:
--------------------------------------------------------------------------------
1 | export const data = {
2 | name: 'Gestures',
3 | emojis: [
4 | { emoji: '👍', keywords: ['thumbs', 'up', 'good', 'yes', 'ok', 'approve'] },
5 | { emoji: '👎', keywords: ['thumbs', 'down', 'bad', 'no', 'disapprove', 'dislike'] },
6 | { emoji: '👌', keywords: ['ok', 'perfect', 'good', 'fine', 'excellent'] },
7 | { emoji: '🤌', keywords: ['pinched', 'fingers', 'italian', 'chef', 'kiss'] },
8 | { emoji: '🤏', keywords: ['pinch', 'small', 'tiny', 'little', 'bit'] },
9 | { emoji: '✌️', keywords: ['peace', 'victory', 'two', 'fingers', 'sign'] },
10 | { emoji: '🤞', keywords: ['cross', 'fingers', 'luck', 'hope', 'wish'] },
11 | { emoji: '🤟', keywords: ['love', 'you', 'sign', 'language', 'hand'] },
12 | { emoji: '🤘', keywords: ['rock', 'on', 'metal', 'horns', 'music'] },
13 | { emoji: '🤙', keywords: ['call', 'me', 'hang', 'loose', 'shaka'] },
14 | { emoji: '👈', keywords: ['point', 'left', 'finger', 'direction', 'that'] },
15 | { emoji: '👉', keywords: ['point', 'right', 'finger', 'direction', 'this'] },
16 | { emoji: '👆', keywords: ['point', 'up', 'finger', 'direction', 'above'] },
17 | { emoji: '👇', keywords: ['point', 'down', 'finger', 'direction', 'below'] },
18 | { emoji: '☝️', keywords: ['index', 'point', 'up', 'finger', 'one'] },
19 | { emoji: '👋', keywords: ['wave', 'hello', 'goodbye', 'hi', 'bye'] },
20 | { emoji: '🤚', keywords: ['raised', 'back', 'hand', 'stop', 'high', 'five'] },
21 | { emoji: '🖐', keywords: ['hand', 'five', 'fingers', 'palm', 'stop'] },
22 | { emoji: '✋', keywords: ['raised', 'hand', 'stop', 'high', 'five'] },
23 | { emoji: '🖖', keywords: ['vulcan', 'spock', 'star', 'trek', 'live', 'long'] },
24 | { emoji: '👏', keywords: ['clap', 'applause', 'bravo', 'good', 'job'] },
25 | { emoji: '🙌', keywords: ['praise', 'celebration', 'hands', 'hooray', 'yay'] },
26 | { emoji: '🤝', keywords: ['handshake', 'deal', 'agreement', 'partnership', 'hello'] },
27 | { emoji: '👐', keywords: ['open', 'hands', 'hug', 'embrace', 'jazz'] },
28 | { emoji: '🤲', keywords: ['palms', 'up', 'together', 'pray', 'ask'] },
29 | { emoji: '🤜', keywords: ['right', 'facing', 'fist', 'punch', 'bump'] },
30 | { emoji: '🤛', keywords: ['left', 'facing', 'fist', 'punch', 'bump'] },
31 | { emoji: '✊', keywords: ['raised', 'fist', 'power', 'strength', 'solidarity'] },
32 | { emoji: '👊', keywords: ['fist', 'bump', 'punch', 'knuckles', 'greeting'] },
33 | { emoji: '🙏', keywords: ['folded', 'hands', 'pray', 'please', 'thank', 'you'] },
34 | { emoji: '💪', keywords: ['flexed', 'bicep', 'strong', 'muscle', 'power'] },
35 | { emoji: '🦵', keywords: ['leg', 'kick', 'limb'] },
36 | { emoji: '🦶', keywords: ['foot', 'kick', 'stomp'] },
37 | { emoji: '👂', keywords: ['ear', 'hear', 'listen', 'sound'] },
38 | { emoji: '👃', keywords: ['nose', 'smell', 'sniff'] },
39 | { emoji: '👀', keywords: ['eyes', 'look', 'see', 'watch'] },
40 | { emoji: '👁️', keywords: ['eye', 'see', 'look', 'watch'] },
41 | { emoji: '👄', keywords: ['mouth', 'lips', 'kiss', 'speak'] },
42 | { emoji: '👅', keywords: ['tongue', 'lick', 'taste'] },
43 | ],
44 | };
45 |
--------------------------------------------------------------------------------
/src/components/options/center/sections/TabRulesPane.vue:
--------------------------------------------------------------------------------
1 |
2 |
4 |
9 |
25 |
46 |
9 |
10 | ![_icon]()
11 |
25 | -
30 |
-
36 |
37 |
38 |
39 | 40 | {{ item.label }} 41 | 42 | 43 |
44 |
47 |
49 |
3 |
21 |
22 |
23 |
115 |
116 |
--------------------------------------------------------------------------------
/src/components/global/RegexVisualizer.vue:
--------------------------------------------------------------------------------
1 |
2 |
6 |
14 |
15 |
20 |
7 |
11 |
12 |
8 |
10 |
3 |
19 |
20 |
30 |
31 |
32 |
107 |
--------------------------------------------------------------------------------
/CODE_OF_CONDUCT.md:
--------------------------------------------------------------------------------
1 | # Contributor Covenant Code of Conduct
2 |
3 | ## Our Pledge
4 |
5 | In the interest of fostering an open and welcoming environment, we as contributors and maintainers pledge to making participation in our project and our community a harassment-free experience for everyone, regardless of age, body size, disability, ethnicity, gender identity and expression, level of experience, nationality, personal appearance, race, religion, or sexual identity and orientation.
6 |
7 | ## Our Standards
8 |
9 | Examples of behavior that contributes to creating a positive environment include:
10 |
11 | * Using welcoming and inclusive language
12 | * Being respectful of differing viewpoints and experiences
13 | * Gracefully accepting constructive criticism
14 | * Focusing on what is best for the community
15 | * Showing empathy towards other community members
16 |
17 | Examples of unacceptable behavior by participants include:
18 |
19 | * The use of sexualized language or imagery and unwelcome sexual attention or advances
20 | * Trolling, insulting/derogatory comments, and personal or political attacks
21 | * Public or private harassment
22 | * Publishing others' private information, such as a physical or electronic address, without explicit permission
23 | * Other conduct which could reasonably be considered inappropriate in a professional setting
24 |
25 | ## Our Responsibilities
26 |
27 | Project maintainers are responsible for clarifying the standards of acceptable behavior and are expected to take appropriate and fair corrective action in response to any instances of unacceptable behavior.
28 |
29 | Project maintainers have the right and responsibility to remove, edit, or reject comments, commits, code, wiki edits, issues, and other contributions that are not aligned to this Code of Conduct, or to ban temporarily or permanently any contributor for other behaviors that they deem inappropriate, threatening, offensive, or harmful.
30 |
31 | ## Scope
32 |
33 | This Code of Conduct applies both within project spaces and in public spaces when an individual is representing the project or its community. Examples of representing a project or community include using an official project e-mail address, posting via an official social media account, or acting as an appointed representative at an online or offline event. Representation of a project may be further defined and clarified by project maintainers.
34 |
35 | ## Enforcement
36 |
37 | Instances of abusive, harassing, or otherwise unacceptable behavior may be reported by contacting the project team. The project team will review and investigate all complaints, and will respond in a way that it deems appropriate to the circumstances. The project team is obligated to maintain confidentiality with regard to the reporter of an incident. Further details of specific enforcement policies may be posted separately.
38 |
39 | Project maintainers who do not follow or enforce the Code of Conduct in good faith may face temporary or permanent repercussions as determined by other members of the project's leadership.
40 |
41 | ## Attribution
42 |
43 | This Code of Conduct is adapted from the [Contributor Covenant][homepage], version 1.4, available at [http://contributor-covenant.org/version/1/4][version]
44 |
45 | [homepage]: http://contributor-covenant.org
46 | [version]: http://contributor-covenant.org/version/1/4/
47 |
--------------------------------------------------------------------------------
/src/background/__tests__/ContextMenuService.test.ts:
--------------------------------------------------------------------------------
1 | import { describe, it, expect, beforeEach, vi } from 'vitest';
2 | import { ContextMenuService } from '../ContextMenuService';
3 |
4 | // Mock chrome APIs
5 | const mockChrome = {
6 | contextMenus: {
7 | create: vi.fn(),
8 | },
9 | };
10 |
11 | // @ts-ignore
12 | global.chrome = mockChrome;
13 |
14 | describe('ContextMenuService', () => {
15 | let service: ContextMenuService;
16 |
17 | beforeEach(() => {
18 | service = new ContextMenuService();
19 | vi.clearAllMocks();
20 | });
21 |
22 | describe('initialize', () => {
23 | it('should create all context menus', () => {
24 | service.initialize();
25 |
26 | // 3 main menus + 3 reject list menus (1 parent + 2 children)
27 | expect(mockChrome.contextMenus.create).toHaveBeenCalledTimes(6);
28 |
29 | // Check rename tab menu
30 | expect(mockChrome.contextMenus.create).toHaveBeenCalledWith({
31 | id: 'rename-tab',
32 | title: '✏️ Rename Tab',
33 | contexts: ['all'],
34 | });
35 |
36 | // Check merge windows menu
37 | expect(mockChrome.contextMenus.create).toHaveBeenCalledWith({
38 | id: 'merge-windows',
39 | title: '🪟 Merge All Windows',
40 | contexts: ['all'],
41 | });
42 |
43 | // Check send to hive menu
44 | expect(mockChrome.contextMenus.create).toHaveBeenCalledWith({
45 | id: 'send-to-hive',
46 | title: '🍯 Send to Tab Hive',
47 | contexts: ['all'],
48 | });
49 |
50 | // Check Tab Hive reject menus
51 | expect(mockChrome.contextMenus.create).toHaveBeenCalledWith({
52 | id: 'tab-hive-reject-parent',
53 | title: '🚫 Exclude from Tab Hive',
54 | contexts: ['all'],
55 | });
56 |
57 | expect(mockChrome.contextMenus.create).toHaveBeenCalledWith({
58 | id: 'tab-hive-reject-domain',
59 | parentId: 'tab-hive-reject-parent',
60 | title: '🌐 Exclude this domain',
61 | contexts: ['all'],
62 | });
63 |
64 | expect(mockChrome.contextMenus.create).toHaveBeenCalledWith({
65 | id: 'tab-hive-reject-url',
66 | parentId: 'tab-hive-reject-parent',
67 | title: '🔗 Exclude this URL',
68 | contexts: ['all'],
69 | });
70 | });
71 |
72 | it('should create menus in correct order', () => {
73 | service.initialize();
74 |
75 | const calls = mockChrome.contextMenus.create.mock.calls;
76 |
77 | expect(calls[0][0].id).toBe('rename-tab');
78 | expect(calls[1][0].id).toBe('merge-windows');
79 | expect(calls[2][0].id).toBe('send-to-hive');
80 | expect(calls[3][0].id).toBe('tab-hive-reject-parent');
81 | expect(calls[4][0].id).toBe('tab-hive-reject-domain');
82 | expect(calls[5][0].id).toBe('tab-hive-reject-url');
83 | });
84 |
85 | it('should set all menus to "all" contexts', () => {
86 | service.initialize();
87 |
88 | const calls = mockChrome.contextMenus.create.mock.calls;
89 |
90 | calls.forEach((call) => {
91 | expect(call[0].contexts).toEqual(['all']);
92 | });
93 | });
94 |
95 | it('should include emojis in menu titles', () => {
96 | service.initialize();
97 |
98 | const calls = mockChrome.contextMenus.create.mock.calls;
99 |
100 | expect(calls[0][0].title).toContain('✏️');
101 | expect(calls[1][0].title).toContain('🪟');
102 | expect(calls[2][0].title).toContain('🍯');
103 | });
104 | });
105 | });
106 |
--------------------------------------------------------------------------------
/src/background/SpotSearchService.ts:
--------------------------------------------------------------------------------
1 | /**
2 | * Service responsible for spot search functionality
3 | * Handles searching tabs and bookmarks
4 | */
5 |
6 | export interface SpotSearchTab {
7 | id?: number;
8 | title?: string;
9 | url?: string;
10 | favIconUrl?: string;
11 | windowId?: number;
12 | groupId?: number;
13 | groupTitle?: string;
14 | groupColor?: string;
15 | }
16 |
17 | export interface SpotSearchBookmark {
18 | id: string;
19 | title: string;
20 | url?: string;
21 | }
22 |
23 | export interface SpotSearchResults {
24 | tabs: SpotSearchTab[];
25 | bookmarks: SpotSearchBookmark[];
26 | }
27 |
28 | export class SpotSearchService {
29 | /**
30 | * Search tabs and bookmarks based on query
31 | * @param query - Search query (optional)
32 | * @returns Search results containing tabs and bookmarks
33 | */
34 | async search(query?: string): Promise-
21 |
- 22 | {{ tag }}{{ index }} {{ matchValue }} 23 | 24 |
27 | Error: {{ errorValue }}
28 |
29 |
3 | Edit group
4 | Add a new group
5 |
6 |
8 |
9 |
10 |
64 |
65 |
119 |
--------------------------------------------------------------------------------
/src/common/emoji-data/categories/buildings.ts:
--------------------------------------------------------------------------------
1 | export const data = {
2 | name: 'Buildings & Places',
3 | emojis: [
4 | { emoji: '🏠', keywords: ['house', 'home', 'building', 'residential'] },
5 | { emoji: '🏡', keywords: ['house', 'garden', 'home', 'suburban', 'residential'] },
6 | { emoji: '🏘️', keywords: ['houses', 'neighborhood', 'residential', 'community'] },
7 | { emoji: '🏚️', keywords: ['derelict', 'house', 'abandoned', 'old', 'broken'] },
8 | { emoji: '🏗️', keywords: ['building', 'construction', 'crane', 'work', 'site'] },
9 | { emoji: '🏭', keywords: ['factory', 'industrial', 'manufacturing', 'pollution'] },
10 | { emoji: '🏢', keywords: ['office', 'building', 'business', 'corporate', 'work'] },
11 | { emoji: '🏬', keywords: ['department', 'store', 'shopping', 'mall', 'retail'] },
12 | { emoji: '🏣', keywords: ['japanese', 'post', 'office', 'building'] },
13 | { emoji: '🏤', keywords: ['european', 'post', 'office', 'building'] },
14 | { emoji: '🏥', keywords: ['hospital', 'medical', 'health', 'emergency', 'doctor'] },
15 | { emoji: '🏦', keywords: ['bank', 'money', 'financial', 'institution'] },
16 | { emoji: '🏨', keywords: ['hotel', 'accommodation', 'travel', 'vacation'] },
17 | { emoji: '🏩', keywords: ['love', 'hotel', 'romantic', 'heart'] },
18 | { emoji: '🏪', keywords: ['convenience', 'store', 'shop', 'retail'] },
19 | { emoji: '🏫', keywords: ['school', 'education', 'learning', 'students'] },
20 | { emoji: '🏰', keywords: ['castle', 'fortress', 'medieval', 'royal', 'palace'] },
21 | { emoji: '🗼', keywords: ['tokyo', 'tower', 'landmark', 'tall', 'structure'] },
22 | { emoji: '🗽', keywords: ['statue', 'liberty', 'new', 'york', 'freedom'] },
23 | { emoji: '⛪', keywords: ['church', 'religion', 'christian', 'worship'] },
24 | { emoji: '🕌', keywords: ['mosque', 'islam', 'muslim', 'worship', 'religion'] },
25 | { emoji: '🛕', keywords: ['hindu', 'temple', 'religion', 'worship'] },
26 | { emoji: '🕍', keywords: ['synagogue', 'jewish', 'religion', 'worship'] },
27 | { emoji: '⛩️', keywords: ['shinto', 'shrine', 'japanese', 'religion'] },
28 | { emoji: '🕋', keywords: ['kaaba', 'mecca', 'islam', 'pilgrimage'] },
29 | { emoji: '⛲', keywords: ['fountain', 'water', 'park', 'decoration'] },
30 | { emoji: '⛺', keywords: ['tent', 'camping', 'outdoor', 'adventure'] },
31 | { emoji: '🌁', keywords: ['foggy', 'city', 'skyline', 'mist', 'weather'] },
32 | { emoji: '🌃', keywords: ['night', 'city', 'lights', 'urban', 'skyline'] },
33 | { emoji: '🏙️', keywords: ['cityscape', 'urban', 'buildings', 'skyline'] },
34 | { emoji: '🌄', keywords: ['sunrise', 'mountains', 'morning', 'landscape'] },
35 | { emoji: '🌅', keywords: ['sunrise', 'ocean', 'morning', 'beach'] },
36 | { emoji: '🌆', keywords: ['cityscape', 'dusk', 'evening', 'sunset'] },
37 | { emoji: '🌇', keywords: ['sunset', 'city', 'evening', 'buildings'] },
38 | { emoji: '🌉', keywords: ['bridge', 'night', 'lights', 'architecture'] },
39 | { emoji: '♨️', keywords: ['hot', 'springs', 'spa', 'relax', 'steam'] },
40 | { emoji: '🎠', keywords: ['carousel', 'horse', 'amusement', 'park', 'fun'] },
41 | { emoji: '🎡', keywords: ['ferris', 'wheel', 'amusement', 'park', 'ride'] },
42 | { emoji: '🎢', keywords: ['roller', 'coaster', 'amusement', 'park', 'thrill'] },
43 | { emoji: '💈', keywords: ['barber', 'pole', 'haircut', 'salon', 'shop'] },
44 | { emoji: '🎪', keywords: ['circus', 'tent', 'entertainment', 'show', 'fun'] },
45 | { emoji: '🛏️', keywords: ['bed', 'sleep', 'hotel', 'rest', 'bedroom'] },
46 | { emoji: '🛋️', keywords: ['couch', 'lamp', 'furniture', 'living', 'room'] },
47 | { emoji: '🪑', keywords: ['chair', 'sit', 'furniture', 'seat'] },
48 | { emoji: '🚪', keywords: ['door', 'entrance', 'exit', 'opening'] },
49 | { emoji: '🪟', keywords: ['window', 'view', 'glass', 'opening'] },
50 | { emoji: '🪜', keywords: ['ladder', 'climb', 'steps', 'up'] },
51 | ],
52 | };
53 |
--------------------------------------------------------------------------------
/src/content/__tests__/RegexService.test.ts:
--------------------------------------------------------------------------------
1 | import { describe, it, expect, beforeEach } from 'vitest';
2 | import { RegexService } from '../RegexService';
3 |
4 | describe('RegexService', () => {
5 | let service: RegexService;
6 |
7 | beforeEach(() => {
8 | service = new RegexService();
9 | });
10 |
11 | describe('isRegexSafe', () => {
12 | it('should return false for non-string patterns', () => {
13 | const result = service.isRegexSafe(123 as any);
14 | expect(result).toBe(false);
15 | });
16 |
17 | it('should return false for patterns longer than 200 characters', () => {
18 | const longPattern = 'a'.repeat(201);
19 | const result = service.isRegexSafe(longPattern);
20 | expect(result).toBe(false);
21 | });
22 |
23 | it('should return false for positive lookahead with quantifiers', () => {
24 | const result = service.isRegexSafe('(?=.*)+');
25 | expect(result).toBe(false);
26 | });
27 |
28 | it('should return false for negative lookahead with quantifiers', () => {
29 | const result = service.isRegexSafe('(?!.*)+');
30 | expect(result).toBe(false);
31 | });
32 |
33 | it('should return false for catastrophic backtracking patterns', () => {
34 | const result = service.isRegexSafe('(.+)+$');
35 | expect(result).toBe(false);
36 | });
37 |
38 | it('should return false for conflicting quantifiers', () => {
39 | const result = service.isRegexSafe('(.+)*+');
40 | expect(result).toBe(false);
41 | });
42 |
43 | it('should return false for multiple .* in groups', () => {
44 | const result = service.isRegexSafe('(.*){2,}');
45 | expect(result).toBe(false);
46 | });
47 |
48 | it('should return false for multiple .+ in groups', () => {
49 | const result = service.isRegexSafe('(.+){2,}');
50 | expect(result).toBe(false);
51 | });
52 |
53 | it('should return true for safe patterns', () => {
54 | expect(service.isRegexSafe('hello.*world')).toBe(true);
55 | expect(service.isRegexSafe('^https?://')).toBe(true);
56 | expect(service.isRegexSafe('\\d{3}-\\d{4}')).toBe(true);
57 | expect(service.isRegexSafe('[a-zA-Z]+')).toBe(true);
58 | });
59 | });
60 |
61 | describe('createSafeRegex', () => {
62 | it('should throw error for unsafe patterns', () => {
63 | expect(() => service.createSafeRegex('(?=.*)+')).toThrow('Potentially unsafe regex pattern detected');
64 | });
65 |
66 | it('should throw error for patterns longer than 200 characters', () => {
67 | const longPattern = 'a'.repeat(201);
68 | expect(() => service.createSafeRegex(longPattern)).toThrow('Potentially unsafe regex pattern detected');
69 | });
70 |
71 | it('should create regex with default flags', () => {
72 | const regex = service.createSafeRegex('test');
73 | expect(regex.flags).toBe('g');
74 | });
75 |
76 | it('should create regex with custom flags', () => {
77 | const regex = service.createSafeRegex('test', 'gi');
78 | expect(regex.flags).toBe('gi');
79 | });
80 |
81 | it('should throw error for invalid regex syntax', () => {
82 | expect(() => service.createSafeRegex('[invalid')).toThrow('Invalid regex pattern');
83 | });
84 |
85 | it('should create valid regex for safe patterns', () => {
86 | // Using '' flags instead of 'g' for test() method to avoid stateful matching
87 | const regex = service.createSafeRegex('hello.*world', '');
88 | expect(regex.test('hello beautiful world')).toBe(true);
89 | expect(regex.test('hello world')).toBe(true);
90 | expect(regex.test('goodbye world')).toBe(false);
91 | });
92 |
93 | it('should handle escape sequences correctly', () => {
94 | const regex = service.createSafeRegex('\\d{3}-\\d{4}');
95 | expect(regex.test('123-4567')).toBe(true);
96 | expect(regex.test('abc-defg')).toBe(false);
97 | });
98 |
99 | it('should handle character classes', () => {
100 | const regex = service.createSafeRegex('[a-z]+');
101 | expect(regex.test('hello')).toBe(true);
102 | expect(regex.test('123')).toBe(false);
103 | });
104 | });
105 | });
106 |
--------------------------------------------------------------------------------
/src/content.ts:
--------------------------------------------------------------------------------
1 | /**
2 | * Content Script - Tab Modifier
3 | *
4 | * This script runs in the context of web pages and applies tab modification rules.
5 | * It has been refactored following SOLID principles with service-based architecture.
6 | */
7 |
8 | import { RegexService } from './content/RegexService';
9 | import { TitleService } from './content/TitleService';
10 | import { IconService } from './content/IconService';
11 | import { StorageService } from './content/StorageService';
12 | import { RuleApplicationService } from './content/RuleApplicationService';
13 | import { SpotSearchUI } from './content/SpotSearchUI';
14 | import { UrlChangeDetector } from './content/UrlChangeDetector';
15 |
16 | // ============================================================
17 | // Service Initialization
18 | // ============================================================
19 |
20 | const regexService = new RegexService();
21 | const titleService = new TitleService(regexService);
22 | const iconService = new IconService();
23 | const storageService = new StorageService(regexService);
24 | const ruleApplicationService = new RuleApplicationService(titleService, iconService);
25 |
26 | // Spot Search UI
27 | console.log('[Tabee Content] 🔍 Initializing Spot Search UI...');
28 | const spotSearchUI = new SpotSearchUI();
29 | try {
30 | spotSearchUI.init();
31 | console.log('[Tabee Content] ✅ Spot Search UI initialized');
32 | } catch (error) {
33 | console.error('[Tabee Content] ❌ Failed to initialize Spot Search UI:', error);
34 | }
35 |
36 | // ============================================================
37 | // Initial Rule Application
38 | // ============================================================
39 |
40 | /**
41 | * Apply rules for a given URL
42 | * This function is called on initial load and when URL changes (SPA navigation)
43 | */
44 | async function applyRulesForUrl(url: string): Promise
11 |
14 |
23 |
25 |
26 | You can set a title for your tab
24 |
27 |
49 |
50 |
28 | Color
29 |
30 |
31 |
33 |
34 | You can set a color for your group
35 |
36 |
37 |
38 |
47 |
48 |
51 |
63 | Remember refresh your tabs after saving
52 | 55 | 62 |
3 |
45 |
46 |
47 |
156 |
157 |
165 |
--------------------------------------------------------------------------------
/docs/IMPROVEMENTS.md:
--------------------------------------------------------------------------------
1 | # Future Improvements & Ideas
2 |
3 | This document tracks potential improvements and feature ideas for Tabee.
4 |
5 | ## Storage Optimization
6 |
7 | ### ✅ Implemented: Data Compression (v1.0.1)
8 | - **Status**: Implemented in v1.0.1
9 | - **Technology**: LZ-String compression (UTF-16)
10 | - **Results**: 79-88% size reduction
11 | - **Impact**: Increased capacity from ~15-20 rules to ~250 rules (without icons)
12 |
13 | ### 💡 Future: Storage Chunking Strategy
14 |
15 | **Problem**: Even with compression, users with 250+ rules may hit the 8KB Chrome sync storage limit per item.
16 |
17 | **Solution**: Implement a chunking strategy to split data across multiple storage keys.
18 |
19 | #### Implementation Strategy
20 |
21 | Instead of storing all data in a single key:
22 | ```javascript
23 | // Current approach (compressed, single key)
24 | chrome.storage.sync.set({
25 | tab_modifier_compressed: "compressed_data" // ❌ Limited to 8KB
26 | })
27 | ```
28 |
29 | Split data across multiple chunks:
30 | ```javascript
31 | // Proposed approach (compressed + chunked)
32 | chrome.storage.sync.set({
33 | tab_modifier_meta: {
34 | version: "2.0",
35 | chunks: 3, // Number of chunks
36 | totalSize: 15000, // Total uncompressed size
37 | compressed: true // Whether data is compressed
38 | },
39 | tab_modifier_chunk_0: "compressed_part_1", // Max 8KB
40 | tab_modifier_chunk_1: "compressed_part_2", // Max 8KB
41 | tab_modifier_chunk_2: "compressed_part_3" // Max 8KB
42 | })
43 | ```
44 |
45 | #### Benefits
46 | - **Theoretical limit**: 512 items × 8KB = **~4MB** (vs current 8KB)
47 | - **Practical capacity**: With compression + chunking: **500-1,000+ rules**
48 | - **Maintains sync**: Still uses chrome.storage.sync for cross-device sync
49 | - **Backward compatible**: Can detect and migrate from single-key format
50 |
51 | #### Challenges
52 | - More complex read/write logic
53 | - Uses more of the 512-item quota
54 | - Slightly slower (multiple key reads required)
55 | - Need to handle partial failures during write
56 |
57 | #### When to Implement
58 | - **Priority**: Low (only needed when users regularly hit 250 rule limit)
59 | - **Monitor**: Track user complaints about storage limits
60 | - **Trigger**: If 5+ users report hitting the limit with compression enabled
61 |
62 | #### Implementation Notes
63 | ```typescript
64 | // Pseudo-code for chunking logic
65 | const CHUNK_SIZE = 7000; // Leave some margin below 8KB limit
66 |
67 | async function saveWithChunking(data: TabModifierSettings) {
68 | const compressed = compressData(data);
69 | const chunks = splitIntoChunks(compressed, CHUNK_SIZE);
70 |
71 | const storageData = {
72 | tab_modifier_meta: {
73 | version: "2.0",
74 | chunks: chunks.length,
75 | totalSize: compressed.length,
76 | compressed: true,
77 | timestamp: Date.now()
78 | }
79 | };
80 |
81 | chunks.forEach((chunk, index) => {
82 | storageData[`tab_modifier_chunk_${index}`] = chunk;
83 | });
84 |
85 | await chrome.storage.sync.set(storageData);
86 |
87 | // Clean up old chunks if we used fewer this time
88 | await cleanupOldChunks(chunks.length);
89 | }
90 |
91 | async function loadWithChunking(): Promise
4 |
5 |
6 |
7 |
8 |
9 |
15 | Rules
16 |
17 |
23 | 🍯 Tab Hive
24 |
25 |
26 |
27 |
28 |
29 |
44 |
30 |
38 |
39 |
40 |
41 |
43 |