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>

8 files changed, 363 insertions, 0 deletions

diff --git a/recipes/google-calendar/LICENSE b/recipes/google-calendar/LICENSE
new file mode 100644
index 0000000..4608c00
--- /dev/null
+++ b/recipes/google-calendar/LICENSE
@@ -0,0 +1,19 @@
+Copyright 2017 Rico Herwig
+
+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-calendar/calendar.css b/recipes/google-calendar/calendar.css
new file mode 100644
index 0000000..7cd726b
--- /dev/null
+++ b/recipes/google-calendar/calendar.css
@@ -0,0 +1,41 @@
+#franz-modal {
+    display: none;
+    position: fixed;
+    z-index: 9999;
+    left: 0;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    overflow: auto;
+    background-color: rgba(0, 0, 0, 0.8);
+}
+
+#franz-modal.open {
+    display: block;
+}
+
+#franz-modal .modal-content {
+    background-color: #fefefe;
+    margin: 15% auto;
+    padding: 20px;
+    border: 1px solid #888;
+    width: 30%;
+    -webkit-border-radius: 3px;
+    -moz-border-radius: 3px;
+    border-radius: 3px;
+}
+
+#franz-modal .close {
+    color: #aaa;
+    float: right;
+    margin-top: -10px;
+    font-size: 20px;
+    font-weight: bold;
+}
+
+#franz-modal .close:hover,
+#franz-modal .close:focus {
+    color: black;
+    text-decoration: none;
+    cursor: pointer;
+}
diff --git a/recipes/google-calendar/darkmode.css b/recipes/google-calendar/darkmode.css
new file mode 100644
index 0000000..aab4f78
--- /dev/null
+++ b/recipes/google-calendar/darkmode.css
@@ -0,0 +1,222 @@
+/* Copied from: https://github.com/ducfilan/Dark-mode-Franz-Ferdi */
+
+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: 0.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-calendar/icon.svg b/recipes/google-calendar/icon.svg
new file mode 100644
index 0000000..c71fa08
--- /dev/null
+++ b/recipes/google-calendar/icon.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="186 38 76 76"><path fill="#fff" d="M244 56h-40v40h40V56z"/><path fill="#EA4335" d="m244 114 18-18h-18v18z"/><path fill="#FBBC04" d="M262 56h-18v40h18V56z"/><path fill="#34A853" d="M244 96h-40v18h40V96z"/><path fill="#188038" d="M186 96v12c0 3.315 2.685 6 6 6h12V96h-18z"/><path fill="#1967D2" d="M262 56V44c0-3.315-2.685-6-6-6h-12v18h18z"/><path fill="#4285F4" d="M244 38h-52c-3.315 0-6 2.685-6 6v52h18V56h40V38z"/><path fill="#4285F4" d="M212.205 87.03c-1.495-1.01-2.53-2.485-3.095-4.435l3.47-1.43c.315 1.2.865 2.13 1.65 2.79.78.66 1.73.985 2.84.985 1.135 0 2.11-.345 2.925-1.035s1.225-1.57 1.225-2.635c0-1.09-.43-1.98-1.29-2.67-.86-.69-1.94-1.035-3.23-1.035h-2.005V74.13h1.8c1.11 0 2.045-.3 2.805-.9.76-.6 1.14-1.42 1.14-2.465 0-.93-.34-1.67-1.02-2.225-.68-.555-1.54-.835-2.585-.835-1.02 0-1.83.27-2.43.815a4.784 4.784 0 0 0-1.31 2.005l-3.435-1.43c.455-1.29 1.29-2.43 2.515-3.415 1.225-.985 2.79-1.48 4.69-1.48 1.405 0 2.67.27 3.79.815 1.12.545 2 1.3 2.635 2.26.635.965.95 2.045.95 3.245 0 1.225-.295 2.26-.885 3.11-.59.85-1.315 1.5-2.175 1.955v.205a6.605 6.605 0 0 1 2.79 2.175c.725.975 1.09 2.14 1.09 3.5 0 1.36-.345 2.575-1.035 3.64s-1.645 1.905-2.855 2.515c-1.215.61-2.58.92-4.095.92-1.755.005-3.375-.5-4.87-1.51zm21.315-17.22-3.81 2.755-1.905-2.89 6.835-4.93h2.62V88h-3.74V69.81z"/></svg>
\ No newline at end of file
diff --git a/recipes/google-calendar/index.js b/recipes/google-calendar/index.js
new file mode 100644
index 0000000..dd41f72
--- /dev/null
+++ b/recipes/google-calendar/index.js
@@ -0,0 +1 @@
+module.exports = Ferdium => Ferdium;
diff --git a/recipes/google-calendar/package.json b/recipes/google-calendar/package.json
new file mode 100644
index 0000000..79e94fe
--- /dev/null
+++ b/recipes/google-calendar/package.json
@@ -0,0 +1,15 @@
+{
+  "id": "google-calendar",
+  "name": "Google Calendar",
+  "version": "2.4.0",
+  "license": "MIT",
+  "aliases": [
+    "google-calendar",
+    "gCalendar"
+  ],
+  "config": {
+    "serviceURL": "https://calendar.google.com/u/0/",
+    "hasCustomUrl": true,
+    "hasNotificationSound": true
+  }
+}
diff --git a/recipes/google-calendar/webview-unsafe.js b/recipes/google-calendar/webview-unsafe.js
new file mode 100644
index 0000000..0f4833e
--- /dev/null
+++ b/recipes/google-calendar/webview-unsafe.js
@@ -0,0 +1,46 @@
+let modal;
+let updates = 0;
+
+const waitFor = (condition, callback) => {
+  if (condition()) {
+    callback();
+  } else {
+    window.setTimeout(waitFor.bind(null, condition, callback), 100);
+  }
+};
+
+const showModal = text => {
+  modal.querySelector('p').textContent = text;
+  updates += 1;
+  window.ferdium.setBadge(updates);
+  modal.classList.add('open');
+};
+
+const hideModal = () => {
+  modal.querySelector('p').textContent = '';
+  updates -= 1;
+  window.ferdium.setBadge(updates);
+  modal.classList.remove('open');
+};
+
+const createModal = () => {
+  const modalDialog = document.createElement('div');
+  modalDialog.setAttribute('id', 'franz-modal');
+  modalDialog.textContent =
+    '<div class="modal-content"><span class="close">&times;</span><p></p></div>';
+  modalDialog.querySelector('.close').addEventListener('click', hideModal);
+
+  return modalDialog;
+};
+
+window.alert = showModal;
+
+modal = createModal();
+waitFor(
+  () => document.body,
+  () => document.body.append(modal),
+);
+document.addEventListener(
+  'keydown',
+  event => event.key === 'Escape' && hideModal(),
+);
diff --git a/recipes/google-calendar/webview.js b/recipes/google-calendar/webview.js
new file mode 100644
index 0000000..3921dea
--- /dev/null
+++ b/recipes/google-calendar/webview.js
@@ -0,0 +1,18 @@
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
+module.exports = Ferdium => {
+  // if the user is on googlecalendar landing page, go to the login page.
+  if (
+    location.hostname === 'workspace.google.com' &&
+    location.href.includes('products/calendar/')
+  ) {
+    location.href =
+      'https://accounts.google.com/AccountChooser?continue=https://calendar.google.com/u/0/';
+  }
+  Ferdium.injectCSS(_path.default.join(__dirname, 'calendar.css'));
+  Ferdium.injectJSUnsafe(_path.default.join(__dirname, 'webview-unsafe.js'));
+};