-
-
Notifications
You must be signed in to change notification settings - Fork 653
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Translated files to a single monorepo
- Loading branch information
1 parent
f498a64
commit ec65a69
Showing
25 changed files
with
8,696 additions
and
26 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,6 +1,3 @@ | ||
| [submodule "src/browser/base/content/zen-components"] | ||
| path = src/browser/base/content/zen-components | ||
| url = https://github.com/zen-browser/components | ||
| [submodule "l10n"] | ||
| path = l10n | ||
| url = https://github.com/zen-browser/l10n-packs |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Submodule zen-components
deleted from
037547
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,19 @@ | ||
|
|
||
| // Utility to register JSWindowActors | ||
| var gZenActorsManager = { | ||
| _actors: new Set(), | ||
|
|
||
| addJSWindowActor(...args) { | ||
| if (this._actors.has(args[0])) { | ||
| // Actor already registered, nothing to do | ||
| return; | ||
| } | ||
|
|
||
| try { | ||
| ChromeUtils.registerWindowActor(...args); | ||
| this._actors.add(args[0]); | ||
| } catch (e) { | ||
| console.warn(`Failed to register JSWindowActor: ${e}`); | ||
| } | ||
| }, | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,55 @@ | ||
| var gZenOperatingSystemCommonUtils = { | ||
| kZenOSToSmallName: { | ||
| WINNT: 'windows', | ||
| Darwin: 'macos', | ||
| Linux: 'linux', | ||
| }, | ||
|
|
||
| get currentOperatingSystem() { | ||
| let os = Services.appinfo.OS; | ||
| return this.kZenOSToSmallName[os]; | ||
| }, | ||
| }; | ||
|
|
||
| class ZenMultiWindowFeature { | ||
| constructor() {} | ||
|
|
||
| static get browsers() { | ||
| return Services.wm.getEnumerator('navigator:browser'); | ||
| } | ||
|
|
||
| static get currentBrowser() { | ||
| return Services.wm.getMostRecentWindow('navigator:browser'); | ||
| } | ||
|
|
||
| isActiveWindow() { | ||
| return ZenMultiWindowFeature.currentBrowser === window; | ||
| } | ||
|
|
||
| async foreachWindowAsActive(callback) { | ||
| if (!this.isActiveWindow()) { | ||
| return; | ||
| } | ||
| for (const browser of ZenMultiWindowFeature.browsers) { | ||
| try { | ||
| await callback(browser); | ||
| } catch (e) { | ||
| console.error(e); | ||
| } | ||
| } | ||
| } | ||
| } | ||
|
|
||
| class ZenDOMOperatedFeature { | ||
| constructor() { | ||
| var initBound = this.init.bind(this); | ||
| document.addEventListener('DOMContentLoaded', initBound, { once: true }); | ||
| } | ||
| } | ||
|
|
||
| class ZenPreloadedFeature { | ||
| constructor() { | ||
| var initBound = this.init.bind(this); | ||
| document.addEventListener('MozBeforeInitialXULLayout', initBound, { once: true }); | ||
| } | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,253 @@ | ||
| const lazyCompactMode = {}; | ||
|
|
||
| XPCOMUtils.defineLazyPreferenceGetter( | ||
| lazyCompactMode, | ||
| 'COMPACT_MODE_FLASH_DURATION', | ||
| 'zen.view.compact.toolbar-flash-popup.duration', | ||
| 800 | ||
| ); | ||
|
|
||
| var gZenCompactModeManager = { | ||
| _flashTimeouts: {}, | ||
| _evenListeners: [], | ||
| _removeHoverFrames: {}, | ||
|
|
||
| init() { | ||
| Services.prefs.addObserver('zen.view.compact', this._updateEvent.bind(this)); | ||
| Services.prefs.addObserver('zen.view.sidebar-expanded.on-hover', this._disableTabsOnHoverIfConflict.bind(this)); | ||
| Services.prefs.addObserver('zen.tabs.vertical.right-side', this._updateSidebarIsOnRight.bind(this)); | ||
|
|
||
| gZenUIManager.addPopupTrackingAttribute(this.sidebar); | ||
| gZenUIManager.addPopupTrackingAttribute(document.getElementById('zen-appcontent-navbar-container')); | ||
|
|
||
| this.addMouseActions(); | ||
| this.addContextMenu(); | ||
| }, | ||
|
|
||
| get prefefence() { | ||
| return Services.prefs.getBoolPref('zen.view.compact'); | ||
| }, | ||
|
|
||
| set preference(value) { | ||
| Services.prefs.setBoolPref('zen.view.compact', value); | ||
| return value; | ||
| }, | ||
|
|
||
| get sidebarIsOnRight() { | ||
| if (this._sidebarIsOnRight) { | ||
| return this._sidebarIsOnRight; | ||
| } | ||
| return Services.prefs.getBoolPref('zen.tabs.vertical.right-side'); | ||
| }, | ||
|
|
||
| get sidebar() { | ||
| if (!this._sidebar) { | ||
| this._sidebar = document.getElementById('navigator-toolbox'); | ||
| } | ||
| return this._sidebar; | ||
| }, | ||
|
|
||
| addContextMenu() { | ||
| const fragment = window.MozXULElement.parseXULToFragment(` | ||
| <menu id="zen-context-menu-compact-mode" data-l10n-id="zen-toolbar-context-compact-mode"> | ||
| <menupopup> | ||
| <menuitem id="zen-context-menu-compact-mode-toggle" data-l10n-id="zen-toolbar-context-compact-mode-enable" type="checkbox" oncommand="gZenCompactModeManager.toggle();"/> | ||
| <menuseparator/> | ||
| <menuitem id="zen-context-menu-compact-mode-hide-sidebar" data-l10n-id="zen-toolbar-context-compact-mode-just-tabs" type="radio" oncommand="gZenCompactModeManager.hideSidebar();"/> | ||
| <menuitem id="zen-context-menu-compact-mode-hide-toolbar" data-l10n-id="zen-toolbar-context-compact-mode-just-toolbar" type="radio" oncommand="gZenCompactModeManager.hideToolbar();"/> | ||
| <menuitem id="zen-context-menu-compact-mode-hide-both" data-l10n-id="zen-toolbar-context-compact-mode-hide-both" type="radio" oncommand="gZenCompactModeManager.hideBoth();"/> | ||
| </menupopup> | ||
| </menu> | ||
| `); | ||
| document.getElementById('viewToolbarsMenuSeparator').before(fragment); | ||
| this.updateContextMenu(); | ||
| }, | ||
|
|
||
| hideSidebar() { | ||
| Services.prefs.setBoolPref('zen.view.compact.hide-tabbar', true); | ||
| Services.prefs.setBoolPref('zen.view.compact.hide-toolbar', false); | ||
| }, | ||
|
|
||
| hideToolbar() { | ||
| Services.prefs.setBoolPref('zen.view.compact.hide-toolbar', true); | ||
| Services.prefs.setBoolPref('zen.view.compact.hide-tabbar', false); | ||
| }, | ||
|
|
||
| hideBoth() { | ||
| Services.prefs.setBoolPref('zen.view.compact.hide-tabbar', true); | ||
| Services.prefs.setBoolPref('zen.view.compact.hide-toolbar', true); | ||
| }, | ||
|
|
||
| addEventListener(callback) { | ||
| this._evenListeners.push(callback); | ||
| }, | ||
|
|
||
| _updateEvent() { | ||
| this._evenListeners.forEach((callback) => callback()); | ||
| this._disableTabsOnHoverIfConflict(); | ||
| this.updateContextMenu(); | ||
| }, | ||
|
|
||
| updateContextMenu() { | ||
| document | ||
| .getElementById('zen-context-menu-compact-mode-toggle') | ||
| .setAttribute('checked', Services.prefs.getBoolPref('zen.view.compact')); | ||
|
|
||
| const hideTabBar = Services.prefs.getBoolPref('zen.view.compact.hide-tabbar'); | ||
| const hideToolbar = Services.prefs.getBoolPref('zen.view.compact.hide-toolbar'); | ||
| const hideBoth = hideTabBar && hideToolbar; | ||
|
|
||
| const idName = 'zen-context-menu-compact-mode-hide-'; | ||
| document.getElementById(idName + 'sidebar').setAttribute('checked', !hideBoth && hideTabBar); | ||
| document.getElementById(idName + 'toolbar').setAttribute('checked', !hideBoth && hideToolbar); | ||
| document.getElementById(idName + 'both').setAttribute('checked', hideBoth); | ||
| }, | ||
|
|
||
| _removeOpenStateOnUnifiedExtensions() { | ||
| // Fix for bug https://github.com/zen-browser/desktop/issues/1925 | ||
| const buttons = document.querySelectorAll('toolbarbutton:is(#unified-extensions-button, .webextension-browser-action)'); | ||
| for (let button of buttons) { | ||
| button.removeAttribute('open'); | ||
| } | ||
| }, | ||
|
|
||
| _disableTabsOnHoverIfConflict() { | ||
| if (Services.prefs.getBoolPref('zen.view.compact') && Services.prefs.getBoolPref('zen.view.compact.hide-tabbar')) { | ||
| Services.prefs.setBoolPref('zen.view.sidebar-expanded.on-hover', false); | ||
| } | ||
| }, | ||
|
|
||
| toggle() { | ||
| return (this.preference = !this.prefefence); | ||
| }, | ||
|
|
||
| _updateSidebarIsOnRight() { | ||
| this._sidebarIsOnRight = Services.prefs.getBoolPref('zen.tabs.vertical.right-side'); | ||
| }, | ||
|
|
||
| toggleSidebar() { | ||
| this.sidebar.toggleAttribute('zen-user-show'); | ||
| }, | ||
|
|
||
| get hideAfterHoverDuration() { | ||
| if (this._hideAfterHoverDuration) { | ||
| return this._hideAfterHoverDuration; | ||
| } | ||
| return Services.prefs.getIntPref('zen.view.compact.toolbar-hide-after-hover.duration'); | ||
| }, | ||
|
|
||
| get hoverableElements() { | ||
| return [ | ||
| { | ||
| element: this.sidebar, | ||
| screenEdge: this.sidebarIsOnRight ? 'right' : 'left', | ||
| }, | ||
| { | ||
| element: document.getElementById('zen-appcontent-navbar-container'), | ||
| screenEdge: 'top', | ||
| }, | ||
| ]; | ||
| }, | ||
|
|
||
| flashSidebar(duration = lazyCompactMode.COMPACT_MODE_FLASH_DURATION) { | ||
| let tabPanels = document.getElementById('tabbrowser-tabpanels'); | ||
| if (!tabPanels.matches("[zen-split-view='true']")) { | ||
| this.flashElement(this.sidebar, duration, this.sidebar.id); | ||
| } | ||
| }, | ||
|
|
||
| flashElement(element, duration, id, attrName = 'flash-popup') { | ||
| if (element.matches(':hover')) { | ||
| return; | ||
| } | ||
| if (this._flashTimeouts[id]) { | ||
| clearTimeout(this._flashTimeouts[id]); | ||
| } else { | ||
| requestAnimationFrame(() => element.setAttribute(attrName, 'true')); | ||
| } | ||
| this._flashTimeouts[id] = setTimeout(() => { | ||
| window.requestAnimationFrame(() => { | ||
| element.removeAttribute(attrName); | ||
| this._flashTimeouts[id] = null; | ||
| }); | ||
| }, duration); | ||
| }, | ||
|
|
||
| clearFlashTimeout(id) { | ||
| clearTimeout(this._flashTimeouts[id]); | ||
| this._flashTimeouts[id] = null; | ||
| }, | ||
|
|
||
| addMouseActions() { | ||
| for (let i = 0; i < this.hoverableElements.length; i++) { | ||
| let target = this.hoverableElements[i].element; | ||
| target.addEventListener('mouseenter', (event) => { | ||
| this.clearFlashTimeout('has-hover' + target.id); | ||
| window.requestAnimationFrame(() => target.setAttribute('zen-has-hover', 'true')); | ||
| }); | ||
|
|
||
| target.addEventListener('mouseleave', (event) => { | ||
| // If on Mac, ignore mouseleave in the area of window buttons | ||
| if (AppConstants.platform == 'macosx') { | ||
| const MAC_WINDOW_BUTTONS_X_BORDER = 75; | ||
| const MAC_WINDOW_BUTTONS_Y_BORDER = 40; | ||
| if (event.clientX < MAC_WINDOW_BUTTONS_X_BORDER && event.clientY < MAC_WINDOW_BUTTONS_Y_BORDER) { | ||
| return; | ||
| } | ||
| } | ||
|
|
||
| if (this.hoverableElements[i].keepHoverDuration) { | ||
| this.flashElement(target, keepHoverDuration, 'has-hover' + target.id, 'zen-has-hover'); | ||
| } else { | ||
| this._removeHoverFrames[target.id] = window.requestAnimationFrame(() => target.removeAttribute('zen-has-hover')); | ||
| } | ||
| }); | ||
| } | ||
|
|
||
| document.documentElement.addEventListener('mouseleave', (event) => { | ||
| const screenEdgeCrossed = this._getCrossedEdge(event.pageX, event.pageY); | ||
| if (!screenEdgeCrossed) return; | ||
| for (let entry of this.hoverableElements) { | ||
| if (screenEdgeCrossed !== entry.screenEdge) continue; | ||
| const target = entry.element; | ||
| const boundAxis = entry.screenEdge === 'right' || entry.screenEdge === 'left' ? 'y' : 'x'; | ||
| if (!this._positionInBounds(boundAxis, target, event.pageX, event.pageY, 7)) { | ||
| continue; | ||
| } | ||
| window.cancelAnimationFrame(this._removeHoverFrames[target.id]); | ||
|
|
||
| this.flashElement(target, this.hideAfterHoverDuration, 'has-hover' + target.id, 'zen-has-hover'); | ||
| document.addEventListener( | ||
| 'mousemove', | ||
| () => { | ||
| if (target.matches(':hover')) return; | ||
| target.removeAttribute('zen-has-hover'); | ||
| this.clearFlashTimeout('has-hover' + target.id); | ||
| }, | ||
| { once: true } | ||
| ); | ||
| } | ||
| }); | ||
| }, | ||
|
|
||
| _getCrossedEdge(posX, posY, element = document.documentElement, maxDistance = 10) { | ||
| const targetBox = element.getBoundingClientRect(); | ||
| posX = Math.max(targetBox.left, Math.min(posX, targetBox.right)); | ||
| posY = Math.max(targetBox.top, Math.min(posY, targetBox.bottom)); | ||
| return ['top', 'bottom', 'left', 'right'].find((edge, i) => { | ||
| const distance = Math.abs((i < 2 ? posY : posX) - targetBox[edge]); | ||
| return distance <= maxDistance; | ||
| }); | ||
| }, | ||
|
|
||
| _positionInBounds(axis = 'x', element, x, y, error = 0) { | ||
| const bBox = element.getBoundingClientRect(); | ||
| if (axis === 'y') return bBox.top - error < y && y < bBox.bottom + error; | ||
| else return bBox.left - error < x && x < bBox.right + error; | ||
| }, | ||
|
|
||
| toggleToolbar() { | ||
| let toolbar = document.getElementById('zen-appcontent-navbar-container'); | ||
| toolbar.toggleAttribute('zen-user-show'); | ||
| }, | ||
| }; |
Oops, something went wrong.