chore: improve lint setup (#397)

- update eslint config to closely mirror the ones from ferdium-app
- add .eslintignore
- opt in to eslint `reportUnusedDisableDirectives` config option
- remove `trailingComma: all` from `prettier` config which is default in `prettier` v3
- autofix or disable a lot of lint issues throughout codebase
- add `volta` configuration to `package.json` to autoload correct `node` and `pnpm` versions
- upgrade all `eslint` and `prettier` related dependencies to latest
- update lint:fix npm script
- reformat touched files with prettier
- bumped up minor version for all recipes that have changes
- introduced injection of 'service.css' where it was missing in many recipes

---------

Co-authored-by: Vijay A <vraravam@users.noreply.github.com>

6 files changed, 221 insertions, 0 deletions

diff --git a/recipes/google-classroom/LICENSE b/recipes/google-classroom/LICENSE
new file mode 100644
index 0000000..516df99
--- /dev/null
+++ b/recipes/google-classroom/LICENSE
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2020 Tania R. Zúñiga
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/recipes/google-classroom/darkmode.css b/recipes/google-classroom/darkmode.css
new file mode 100644
index 0000000..0e47715
--- /dev/null
+++ b/recipes/google-classroom/darkmode.css
@@ -0,0 +1,154 @@
+html {
+-webkit-filter:invert(90%) hue-rotate(180deg)!important;
+filter:invert(90%) hue-rotate(180deg)!important;
+background:#191919!important;
+}
+
+.CflnFb {
+background-color:#7b96c1!important;
+filter:invert(100%) hue-rotate(180deg) brightness(1.1) saturate(140%) contrast(105%)!important;
+color:#FFF!important;
+}
+
+.h5t3Nc .GrK4Mb,.h5t3Nc .hVDHke,.h5t3Nc .l7VQxb,.h5t3Nc .zP0T0b,.h5t3Nc .qNixLe {
+background-color:#c9c9c9;
+border-color:#FFF;
+}
+
+.lq96Td {
+background-color:#003e3a!important;
+color:#FFF!important;
+filter:invert(100%) hue-rotate(180deg) brightness(1.1) saturate(140%) contrast(105%)!important;
+}
+
+.GooADb {
+color:#9dceff!important;
+text-shadow:0 0 #404040!important;
+}
+
+.bJZIjf.qs41qe {
+opacity:0.3;
+}
+
+#gb a.gb_ja,#gb a.gb_ja:visited,#gb a.gb_ja:active,#gb a.gb_ka,#gb a.gb_ka:visited {
+color:rgba(255,255,255,0.87)!important;
+text-decoration:none!important;
+background-color:#000!important;
+}
+
+.M6tHv {
+background-color:#444!important;
+}
+
+.gb_ea.gb_6f {
+background-color:#e8e8e8!important;
+}
+
+.gb_yc svg,.gb_kc svg {
+color:#000!important;
+opacity:.54!important;
+}
+
+.HkPXyb {
+background-color:#f9f9f9;
+}
+
+.EfQccc.F262Ye.EiZ8Dd::after {
+border-color:#000;
+}
+
+.uHMk6b.fsHoPb {
+border:7px solid #000!important;
+}
+
+.g3VIld.GFhhge.Up8vH.hFEqNb.J9Nfi.iWO5td {
+filter:invert(100%) hue-rotate(180deg) brightness(1.1) saturate(140%) contrast(105%)!important;
+background:#191919!important;
+color:#FFF!important;
+}
+
+.g3dbUc .jKgTF,.QGRmIf,.lcPUt {
+filter:invert(100%) hue-rotate(180deg) brightness(1.1) saturate(140%) contrast(105%)!important;
+font-weight:700!important;
+mix-blend-mode:darken;
+}
+
+.g3dbUc.UflSff {
+filter:invert(100%) hue-rotate(180deg) saturate(140%) contrast(105%) opacity(40%)!important;
+color:#404040!important;
+}
+
+.NlL62b.EfQccc.elYzab-cXXICe-Hjleke.EiZ8Dd.UflSff.jKgTF {
+filter:invert(100%) hue-rotate(180deg) saturate(140%) contrast(50%) brightness(140%) opacity(90%)!important;
+}
+
+.NlL62b.EfQccc.elYzab-cXXICe-Hjleke.EiZ8Dd.UflSff {
+filter:opacity(80%)!important;
+}
+
+.NlL62b.EfQccc.elYzab-cXXICe-Hjleke.EiZ8Dd.jKgTF {
+filter:invert(100%) hue-rotate(180deg) brightness(1.1) saturate(140%) contrast(105%)!important;
+font-weight:700!important;
+}
+
+.W0m3G {
+font-weight:500!important;
+}
+
+.g3dbUc {
+font-weight:900!important;
+color:#000!important;
+}
+
+.g3dbUc.smECzc {
+color:#666!important;
+}
+
+.FAxxKc {
+font-weight:600!important;
+color:#000!important;
+}
+
+.rq8Mwb {
+filter:invert(100%)!important;
+}
+
+.WpDZC,.zHQkBf {
+color:#c1c1c1!important;
+}
+
+.XHsn7e,.YqtBEc,.xuBVOe,.Mh0NNb,.ck4bY,.asor.asor_i0,.gsoi.gsoi_w,.gsoi.gsoi_c.asor_v,.gsoi.gsoi_9.asor_v,.gsoi.gsoi_7.asor_v,#vqd3vxfo4jpl,#pnsketfj08m,.st-wc,.NlL62b.EfQccc.elYzab-cXXICe-Hjleke.EiZ8Dd,.a63c9c.ztKZ3d,.a63c9c,.Oxm52e,.kImhzd,.hsrazb,.Tnsqdc,.kw5sif,.kXIDId,.sIyjR,.ghXZpb,.whsOnd.zHQkBf {
+filter:invert(100%) hue-rotate(180deg) brightness(1.1) saturate(140%) contrast(105%)!important;
+}
+
+.gb_3,#rAECCd,.jPtXgd {
+font-weight:600!important;
+}
+
+#I0_1513527137275,.gb_W,:not([data-date]):before,img,svg,.jPtXgd,.gb_Wa.gb_Fe,.fFW7wc-OEVmcd {
+filter:invert(100%) hue-rotate(180deg) brightness(1.1) contrast(105%)!important;
+}
+
+.Wbs5sd,.rF3YF.wmyjXb,.A6wOnd,.VgueE,.Jmftzc.gVNoLb.EiZ8Dd,.Jmftzc.K9QN7e.EiZ8Dd.UflSff,.Jmftzc.K9QN7e.EiZ8Dd,.i5a7ie,.gb_Eb {
+color:#000!important;
+}
+
+.EfQccc.Hrn1mc.EiZ8Dd::after,.EfQccc.MmaWIb.KKjvXb.EiZ8Dd::after {
+border:1px solid #000;
+}
+
+.XBkKC.WSvIUd,.logo-plus-button-lockup-text {
+color:#FFF;
+}
+
+.IP9Hyd .O0WRkf:first-child,.gb_je.gb_ee {
+color:#fff;
+}
+
+.Jmftzc.gVNoLb.LKeQwe,.Jmftzc.EiZ8Dd {
+color:#000;
+}
+
+.gb_fa.gb_ng,.gb_Z {
+font-weight:bolder!important;
+}
diff --git a/recipes/google-classroom/icon.svg b/recipes/google-classroom/icon.svg
new file mode 100644
index 0000000..3a48ab5
--- /dev/null
+++ b/recipes/google-classroom/icon.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1024pt" height="1024pt" viewBox="0 0 1024 1024"><path style="stroke:none;fill-rule:nonzero;fill:#ffc107;fill-opacity:1" d="M874.668 896H149.332C102.273 896 64 857.727 64 810.668V213.332C64 166.273 102.273 128 149.332 128h725.336C921.727 128 960 166.273 960 213.332v597.336C960 857.727 921.727 896 874.668 896zm0 0"/><path style="stroke:none;fill-rule:nonzero;fill:#388e3c;fill-opacity:1" d="M149.332 213.332h725.336v597.336H149.332zm0 0"/><path style="stroke:none;fill-rule:nonzero;fill:#fff;fill-opacity:1" d="M597.332 768H768v42.668H597.332zM512 362.668c-35.348 0-64 28.652-64 64 0 35.344 28.652 64 64 64s64-28.656 64-64c0-35.348-28.652-64-64-64zm0 0"/><path style="stroke:none;fill-rule:nonzero;fill:#a5d6a7;fill-opacity:1" d="M341.332 448c-23.562 0-42.664 19.102-42.664 42.668 0 23.562 19.102 42.664 42.664 42.664 23.566 0 42.668-19.102 42.668-42.664C384 467.102 364.898 448 341.332 448zm0 0"/><path style="stroke:none;fill-rule:nonzero;fill:#2e7d32;fill-opacity:1" d="M149.332 213.332h725.336V256H149.332zm0 0"/><path style="stroke:none;fill-rule:nonzero;fill:#ffab00;fill-opacity:1" d="M768 810.668H597.332L682.668 896h170.664zm0 0"/><path style="stroke:none;fill-rule:nonzero;fill:#a5d6a7;fill-opacity:1" d="M682.668 448C659.102 448 640 467.102 640 490.668c0 23.562 19.102 42.664 42.668 42.664 23.562 0 42.664-19.102 42.664-42.664 0-23.566-19.102-42.668-42.664-42.668zm106.664 164.012c0-9.496-3.477-18.645-9.984-25.578-14.782-15.766-46.27-31.766-96.68-31.766-50.41 0-81.898 16-96.684 31.766-6.507 6.933-9.984 16.062-9.984 25.578V640h213.332zm-341.332 0c0-9.496-3.477-18.645-9.984-25.578-14.786-15.766-46.274-31.766-96.684-31.766s-81.898 16-96.68 31.766c-6.507 6.933-9.984 16.062-9.984 25.578V640H448zm0 0"/><path style="stroke:none;fill-rule:nonzero;fill:#fff;fill-opacity:1" d="M640 591.828c0-11.39-4.18-22.355-11.988-30.676C610.282 542.23 572.48 512 512 512c-60.48 0-98.281 30.23-116.012 49.129-7.808 8.32-11.988 19.285-11.988 30.7V640h256zm0 0"/></svg>
\ No newline at end of file
diff --git a/recipes/google-classroom/index.js b/recipes/google-classroom/index.js
new file mode 100644
index 0000000..dd41f72
--- /dev/null
+++ b/recipes/google-classroom/index.js
@@ -0,0 +1 @@
+module.exports = Ferdium => Ferdium;
diff --git a/recipes/google-classroom/package.json b/recipes/google-classroom/package.json
new file mode 100644
index 0000000..3fcb079
--- /dev/null
+++ b/recipes/google-classroom/package.json
@@ -0,0 +1,10 @@
+{
+  "id": "google-classroom",
+  "name": "Google Classroom",
+  "version": "1.3.0",
+  "license": "MIT",
+  "repository": "https://github.com/TanZng/ferdi-googleclassroom",
+  "config": {
+    "serviceURL": "https://classroom.google.com/u/0/"
+  }
+}
diff --git a/recipes/google-classroom/webview.js b/recipes/google-classroom/webview.js
new file mode 100644
index 0000000..47bfe80
--- /dev/null
+++ b/recipes/google-classroom/webview.js
@@ -0,0 +1,34 @@
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
+module.exports = Ferdium => {
+  // if the user is on googleclassroom landing page, go to the login page.
+  if (
+    location.hostname === 'edu.google.com' &&
+    location.href.includes('workspace-for-education/classroom/')
+  ) {
+    location.href =
+      'https://accounts.google.com/AccountChooser?continue=https://classroom.google.com/u/0/';
+  }
+
+  const getMessages = () => {
+    let homework = 0;
+    const upcomingAssignment = document.querySelectorAll(
+      '.hrUpcomingAssignmentGroup',
+    );
+    if (upcomingAssignment.length > 0) {
+      let i;
+      for (i = 0; i < upcomingAssignment.length; i += 1) {
+        homework += upcomingAssignment[i].childElementCount;
+      }
+    }
+    Ferdium.setBadge(homework);
+  };
+
+  Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
+};