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>

1 files changed, 46 insertions, 0 deletions

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(),
+);