Add basic boosts implementation

crowdin.yml

@@ -18,3 +18,5 @@ files:
     translation: browser/browser/preferences/zen-preferences.ftl
   - source: en-US/browser/browser/zen-folders.ftl
     translation: browser/browser/zen-folders.ftl
+  - source: en-US/browser/browser/zen-boosts.ftl
+    translation: browser/browser/zen-boosts.ftl

locales/en-US/browser/browser/zen-boosts.ftl

@@ -0,0 +1,34 @@
+zen-panel-ui-boost-create =
+    .label = New Boost
+
+PanelUI-zen-boost-invert =
+    .tooltiptext = Smart Invert Colors
+PanelUI-zen-boost-zap =
+    .tooltiptext = Zap Elements
+PanelUI-zen-boost-disable =
+    .tooltiptext = Disable Color Adjustments
+
+PanelUI-zen-boost-font-arial =
+    .tooltiptext = Arial
+PanelUI-zen-boost-font-serif =
+    .tooltiptext = Sans Serif
+PanelUI-zen-boost-font-mono =
+    .tooltiptext = Monospace
+PanelUI-zen-boost-font-georgia =
+    .tooltiptext = Georgia
+PanelUI-zen-boost-font-comic =
+    .tooltiptext = Comic Sans MS
+PanelUI-zen-boost-font-tahoma =
+    .tooltiptext = Tahoma
+PanelUI-zen-boost-font-verdana =
+    .tooltiptext = Verdana
+PanelUI-zen-boost-font-corsiva =
+    .tooltiptext = Corsiva
+
+PanelUI-zen-boost-name =
+    .tooltiptext = Change Boost Name
+PanelUI-zen-boost-delete =
+    .tooltiptext = Delete Boost
+
+zen-panel-ui-boosts-saved-message = Successfully saved the boost!
+zen-panel-ui-boosts-deleted-message = Deleted the boost!

prefs/zen/zen-boosts.yaml

@@ -0,0 +1,6 @@
+# This Source Code Form is subject to the terms of the Mozilla Public
+# License, v. 2.0. If a copy of the MPL was not distributed with this
+# file, You can obtain one at http://mozilla.org/MPL/2.0/.
+
+- name: zen.boosts.enabled
+  value: true

src/browser/base/content/zen-assets.inc.xhtml

@@ -30,6 +30,7 @@
 <link rel="stylesheet" type="text/css" href="chrome://browser/content/zen-styles/zen-welcome.css" />
 <link rel="stylesheet" type="text/css" href="chrome://browser/content/zen-styles/zen-media-controls.css" />
 <link rel="stylesheet" type="text/css" href="chrome://browser/content/zen-styles/zen-download-box-animation.css" />
+<link rel="stylesheet" type="text/css" href="chrome://browser/content/zen-styles/zen-boosts.css" />
 </linkset>
 
 # Startup "preloaded" scripts that requre globals such as gBrowser and gURLBar
@@ -56,5 +57,7 @@
 <script type="text/javascript" src="chrome://browser/content/zen-components/ZenGlanceManager.mjs"></script>
 <script type="text/javascript" src="chrome://browser/content/zen-components/ZenMediaController.mjs"></script>
 <script type="text/javascript" src="chrome://browser/content/zen-components/ZenDownloadAnimation.mjs"></script>
+<script type="text/javascript" src="chrome://browser/content/zen-components/ZenBoosts.mjs"></script>
+<script type="text/javascript" src="chrome://browser/content/zen-components/ZenBoostsEditor.mjs"></script>
 <script type="text/javascript" src="chrome://browser/content/zen-components/ZenEmojiPicker.mjs"></script>
 <script type="text/javascript" src="chrome://browser/content/zen-components/ZenWorkspaceCreation.mjs"></script>

src/browser/base/content/zen-assets.jar.inc.mn

@@ -73,6 +73,9 @@
         content/browser/zen-styles/zen-download-arc-animation.css               (../../zen/downloads/zen-download-arc-animation.css)
         content/browser/zen-styles/zen-download-box-animation.css               (../../zen/downloads/zen-download-box-animation.css)
 
+        content/browser/zen-components/ZenBoosts.mjs                            (../../zen/boosts/ZenBoosts.mjs)
+        content/browser/zen-components/ZenBoostsEditor.mjs                      (../../zen/boosts/ZenBoostsEditor.mjs)
+        content/browser/zen-styles/zen-boosts.css                               (../../zen/boosts/zen-boosts.css)
 
         # Images
         content/browser/zen-images/brand-header.svg                             (../../zen/images/brand-header.svg)

src/browser/base/content/zen-commands.inc.xhtml

@@ -18,6 +18,8 @@
   <command id="cmd_zenSplitViewContextMenu" />
   <command id="cmd_zenNewEmptySplit" />
 
+  <command id="cmd_zenOpenBoostEditor" />
+
   <!-- Workspace commands -->
   <command id="cmd_zenWorkspaceSwitch1" />
   <command id="cmd_zenWorkspaceSwitch2" />

src/browser/base/content/zen-locales.inc.xhtml

@@ -8,4 +8,5 @@
 <link rel="localization" href="browser/zen-general.ftl"/>
 <link rel="localization" href="browser/zen-vertical-tabs.ftl"/>
 <link rel="localization" href="browser/zen-folders.ftl"/>
+<link rel="localization" href="browser/zen-boosts.ftl"/>
 </linkset>

src/browser/base/content/zen-panels/boost-editor.inc

@@ -0,0 +1,47 @@
+# This Source Code Form is subject to the terms of the Mozilla Public
+# License, v. 2.0. If a copy of the MPL was not distributed with this
+# file, You can obtain one at http://mozilla.org/MPL/2.0/.
+
+<panel id="PanelUI-zen-boost-editor" type="arrow" orient="vertical">
+  <panelmultiview id="PanelUI-zen-boost-editor-multiview" mainViewId="PanelUI-zen-boost-editor-view">
+    <panelview id="PanelUI-zen-boost-editor-view" class="PanelUI-subView zen-theme-picker" role="document" mainview-with-header="true" has-custom-header="true">
+      <vbox flex="1" id="PanelUI-zen-boost-filter-wrapper">
+
+        <hbox flex="1" id="PanelUI-zen-boost-font-wrapper">
+          <html:input data-l10n="PanelUI-zen-boost-name" type="text" value="New Boost" minlength="1" maxlength="12" width="50" id="PanelUI-zen-boost-name"/>
+          <button data-l10n="PanelUI-zen-boost-delete" id="PanelUI-zen-boost-delete" class="subviewbutton"></button>
+        </hbox>
+
+        <hbox class="zen-boost-color-picker-gradient">
+          <div class="zen-boost-color-picker-dot"></div>
+        </hbox>
+
+        <!-- <html:input type="range" max="1" value="1" step="0.05" id="PanelUI-zen-boost-contrast" min="0.5"/>
+        <html:input type="range" max="360" value="0" step="5" id="PanelUI-zen-boost-hue-shift" min="0"/>
+        <html:input type="range" max="1" value="1" step="0.1" id="PanelUI-zen-boost-saturation" min="0"/> -->
+
+        <hbox flex="1" id="PanelUI-zen-boost-toolbar-wrapper">
+          <button data-l10n="PanelUI-zen-boost-invert" id="PanelUI-zen-boost-invert" class="subviewbutton"></button>
+          <button data-l10n="PanelUI-zen-boost-zap" id="PanelUI-zen-boost-zap" class="subviewbutton"></button>
+          <button data-l10n="PanelUI-zen-boost-disable" id="PanelUI-zen-boost-disable" class="subviewbutton"></button>
+        </hbox>
+
+        <separator/>
+
+        <hbox flex="1" id="PanelUI-zen-boost-font-wrapper">
+          <button data-l10n="PanelUI-zen-boost-font-arial" id="PanelUI-zen-boost-font-arial" class="subviewbutton">Aa</button>
+          <button data-l10n="PanelUI-zen-boost-font-serif" id="PanelUI-zen-boost-font-serif" class="subviewbutton">Aa</button>
+          <button data-l10n="PanelUI-zen-boost-font-mono" id="PanelUI-zen-boost-font-mono" class="subviewbutton">Aa</button>
+          <button data-l10n="PanelUI-zen-boost-font-georgia" id="PanelUI-zen-boost-font-georgia" class="subviewbutton">Aa</button>
+        </hbox>
+        <hbox flex="1" id="PanelUI-zen-boost-font-wrapper">
+          <button data-l10n="PanelUI-zen-boost-font-comic" id="PanelUI-zen-boost-font-comic" class="subviewbutton">Aa</button>
+          <button data-l10n="PanelUI-zen-boost-font-tahoma" id="PanelUI-zen-boost-font-tahoma" class="subviewbutton">Aa</button>
+          <button data-l10n="PanelUI-zen-boost-font-verdana" id="PanelUI-zen-boost-font-verdana" class="subviewbutton">Aa</button>
+          <button data-l10n="PanelUI-zen-boost-font-corsiva" id="PanelUI-zen-boost-font-corsiva" class="subviewbutton">Aa</button>
+        </hbox>
+
+      </vbox>
+    </panelview>
+  </panelmultiview>
+</panel>

src/browser/base/content/zen-popupset.inc.xhtml

@@ -2,6 +2,7 @@
 # License, v. 2.0. If a copy of the MPL was not distributed with this
 # file, You can obtain one at http://mozilla.org/MPL/2.0/.
 
+#include zen-panels/boost-editor.inc
 #include zen-panels/gradient-generator.inc
 #include zen-panels/emojis-picker.inc
 #include zen-panels/folders-search.inc

src/browser/themes/shared/zen-icons/icons.css

@@ -33,7 +33,8 @@
 .close-icon,
 .zen-glance-sidebar-close,
 .zen-theme-picker-custom-list-item-remove,
-#appMenu-quit-button2 {
+#appMenu-quit-button2,
+#PanelUI-zen-boost-delete {
   list-style-image: url('close.svg') !important;
 }
 
@@ -945,3 +946,15 @@
   list-style-image: url('link.svg');
   fill-opacity: 0.7;
 }
+
+#PanelUI-zen-boost-zap {
+  list-style-image: url('chrome://browser/skin/zen-icons/selectable/zap.svg') !important;
+}
+
+#PanelUI-zen-boost-invert {
+  list-style-image: url('chrome://browser/skin/zen-icons/selectable/bulb.svg') !important;
+}
+
+#PanelUI-zen-boost-disable {
+  list-style-image: url('chrome://browser/skin/zen-icons/selectable/block.svg') !important;
+}

src/browser/themes/shared/zen-icons/jar.inc.mn

@@ -468,12 +468,14 @@
 *  skin/classic/browser/zen-icons/selectable/basket.svg          (../shared/zen-icons/common/selectable/basket.svg) 
 *  skin/classic/browser/zen-icons/selectable/bed.svg          (../shared/zen-icons/common/selectable/bed.svg) 
 *  skin/classic/browser/zen-icons/selectable/bell.svg          (../shared/zen-icons/common/selectable/bell.svg) 
+*  skin/classic/browser/zen-icons/selectable/block.svg          (../shared/zen-icons/common/selectable/block.svg) 
 *  skin/classic/browser/zen-icons/selectable/book.svg          (../shared/zen-icons/common/selectable/book.svg) 
 *  skin/classic/browser/zen-icons/selectable/bookmark.svg          (../shared/zen-icons/common/selectable/bookmark.svg) 
 *  skin/classic/browser/zen-icons/selectable/briefcase.svg          (../shared/zen-icons/common/selectable/briefcase.svg) 
 *  skin/classic/browser/zen-icons/selectable/brush.svg          (../shared/zen-icons/common/selectable/brush.svg) 
 *  skin/classic/browser/zen-icons/selectable/bug.svg          (../shared/zen-icons/common/selectable/bug.svg) 
 *  skin/classic/browser/zen-icons/selectable/build.svg          (../shared/zen-icons/common/selectable/build.svg) 
+*  skin/classic/browser/zen-icons/selectable/bulb.svg          (../shared/zen-icons/common/selectable/bulb.svg) 
 *  skin/classic/browser/zen-icons/selectable/cafe.svg          (../shared/zen-icons/common/selectable/cafe.svg) 
 *  skin/classic/browser/zen-icons/selectable/call.svg          (../shared/zen-icons/common/selectable/call.svg) 
 *  skin/classic/browser/zen-icons/selectable/card.svg          (../shared/zen-icons/common/selectable/card.svg) 
@@ -519,6 +521,7 @@
 *  skin/classic/browser/zen-icons/selectable/navigate.svg          (../shared/zen-icons/common/selectable/navigate.svg) 
 *  skin/classic/browser/zen-icons/selectable/nuclear.svg          (../shared/zen-icons/common/selectable/nuclear.svg) 
 *  skin/classic/browser/zen-icons/selectable/page.svg          (../shared/zen-icons/common/selectable/page.svg) 
+*  skin/classic/browser/zen-icons/selectable/paintbrush.svg          (../shared/zen-icons/common/selectable/paintbrush.svg) 
 *  skin/classic/browser/zen-icons/selectable/palette.svg          (../shared/zen-icons/common/selectable/palette.svg) 
 *  skin/classic/browser/zen-icons/selectable/paw.svg          (../shared/zen-icons/common/selectable/paw.svg) 
 *  skin/classic/browser/zen-icons/selectable/people.svg          (../shared/zen-icons/common/selectable/people.svg) 
@@ -548,4 +551,5 @@
 *  skin/classic/browser/zen-icons/selectable/warning.svg          (../shared/zen-icons/common/selectable/warning.svg) 
 *  skin/classic/browser/zen-icons/selectable/water.svg          (../shared/zen-icons/common/selectable/water.svg) 
 *  skin/classic/browser/zen-icons/selectable/weight.svg          (../shared/zen-icons/common/selectable/weight.svg) 
+*  skin/classic/browser/zen-icons/selectable/zap.svg          (../shared/zen-icons/common/selectable/zap.svg) 
   skin/classic/browser/zen-icons/icons.css                      (../shared/zen-icons/icons.css) 

src/zen/boosts/ZenBoosts.mjs

@@ -0,0 +1,7 @@
+// This Source Code Form is subject to the terms of the Mozilla Public
+// License, v. 2.0. If a copy of the MPL was not distributed with this
+// file, You can obtain one at http://mozilla.org/MPL/2.0/.
+
+ChromeUtils.defineESModuleGetters(this, {
+  gZenBoostsManager: "resource:///modules/ZenBoostsManager.sys.mjs",
+});