clipper(web): fix all eslint warnings

apps/web/package.json

@@ -3,7 +3,7 @@
   "description": "Your private note taking space",
   "version": "2.2.4",
   "private": true,
-  "main": "./src/App.js",
+  "main": "./src/app.js",
   "homepage": "https://notesnook.com/",
   "repository": "https://github.com/streetwriters/notesnook",
   "license": "GPL-3.0-or-later",
@@ -136,8 +136,5 @@
     "name": "Streetwriters (Private) Ltd.",
     "email": "support@streetwriters.co",
     "url": "https://streetwriters.co"
-  },
-  "volta": {
-    "node": "16.15.1"
   }
 }

extensions/web-clipper/build-utils/build.js

@@ -1,4 +1,21 @@
-// Do this as the first thing so that any code reading it knows the right env.
+/*
+This file is part of the Notesnook project (https://notesnook.com/)
+
+Copyright (C) 2022 Streetwriters (Private) Limited
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+GNU General Public License for more details.
+
+You should have received a copy of the GNU General Public License
+along with this program.  If not, see <http://www.gnu.org/licenses/>.
+*/
 process.env.BABEL_ENV = "production";
 process.env.NODE_ENV = "production";
 process.env.ASSET_PATH = "/";

extensions/web-clipper/build-utils/dev.js

@@ -1,4 +1,21 @@
-// Do this as the first thing so that any code reading it knows the right env.
+/*
+This file is part of the Notesnook project (https://notesnook.com/)
+
+Copyright (C) 2022 Streetwriters (Private) Limited
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+GNU General Public License for more details.
+
+You should have received a copy of the GNU General Public License
+along with this program.  If not, see <http://www.gnu.org/licenses/>.
+*/
 process.env.BABEL_ENV = "development";
 process.env.NODE_ENV = "development";
 process.env.ASSET_PATH = "/";

extensions/web-clipper/build-utils/env.js

@@ -1,4 +1,21 @@
-// tiny wrapper with default env vars
+/*
+This file is part of the Notesnook project (https://notesnook.com/)
+
+Copyright (C) 2022 Streetwriters (Private) Limited
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+GNU General Public License for more details.
+
+You should have received a copy of the GNU General Public License
+along with this program.  If not, see <http://www.gnu.org/licenses/>.
+*/
 module.exports = {
   NODE_ENV: process.env.NODE_ENV || "development",
   PORT: process.env.PORT || 3000,

extensions/web-clipper/build-utils/manifest.js

@@ -1,3 +1,21 @@
+/*
+This file is part of the Notesnook project (https://notesnook.com/)
+
+Copyright (C) 2022 Streetwriters (Private) Limited
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+GNU General Public License for more details.
+
+You should have received a copy of the GNU General Public License
+along with this program.  If not, see <http://www.gnu.org/licenses/>.
+*/
 const ICONS = {
   16: "16x16.png",
   32: "32x32.png",

extensions/web-clipper/global.d.ts

@@ -1,3 +1,21 @@
+/*
+This file is part of the Notesnook project (https://notesnook.com/)
+
+Copyright (C) 2022 Streetwriters (Private) Limited
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+GNU General Public License for more details.
+
+You should have received a copy of the GNU General Public License
+along with this program.  If not, see <http://www.gnu.org/licenses/>.
+*/
 declare module "*.svg" {
   import React = require("react");
   export const ReactComponent: React.SFC<React.SVGProps<SVGSVGElement>>;

extensions/web-clipper/package.json

@@ -32,16 +32,6 @@
     "dev:firefox": "MANIFEST_VERSION=2 node build-utils/dev.js",
     "build": "tsc"
   },
-  "eslintConfig": {
-    "extends": "react-app",
-    "env": {
-      "browser": true,
-      "commonjs": true,
-      "es6": true,
-      "node": true,
-      "webextensions": true
-    }
-  },
   "browserslist": {
     "production": [
       ">0.2%",
@@ -106,5 +96,13 @@
       ],
       "extensions": "ts,js,json,tsx,jsx"
     }
-  }
+  },
+  "license": "GPL-3.0-or-later",
+  "author": {
+    "name": "Streetwriters (Private) Ltd.",
+    "email": "support@streetwriters.co",
+    "url": "https://streetwriters.co"
+  },
+  "homepage": "https://notesnook.com/",
+  "repository": "https://github.com/streetwriters/notesnook"
 }

extensions/web-clipper/src/api.ts

@@ -1,34 +1,56 @@
+/*
+This file is part of the Notesnook project (https://notesnook.com/)
+
+Copyright (C) 2022 Streetwriters (Private) Limited
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+GNU General Public License for more details.
+
+You should have received a copy of the GNU General Public License
+along with this program.  If not, see <http://www.gnu.org/licenses/>.
+*/
 import { browser, Runtime } from "webextension-polyfill-ts";
 import { Remote, wrap } from "comlink";
 import { createEndpoint } from "./utils/comlink-extension";
 import { Server } from "./common/bridge";
 import { APP_URL, APP_URL_FILTER } from "./common/constants";
 
+type WebExtensionChannelMessage = { success: boolean };
+
 let api: Remote<Server> | undefined;
 export async function connectApi(openNew = false, onDisconnect?: () => void) {
   if (api) return api;
 
   const tab = await getTab(openNew);
-  if (!tab || !tab.id) return false;
+  if (!tab) return false;
 
-  return await new Promise<Remote<Server> | undefined>(function connect(
-    resolve,
-    reject
-  ) {
-    const port = browser.tabs.connect(tab.id!);
+  return await new Promise<Remote<Server> | false>(function connect(resolve) {
+    if (!tab.id) return resolve(false);
+
+    const port = browser.tabs.connect(tab.id);
 
     port.onDisconnect.addListener(() => {
       api = undefined;
       onDisconnect?.();
     });
 
-    async function onMessage(message: any, port: Runtime.Port) {
-      if (message?.success) {
+    async function onMessage(
+      message: WebExtensionChannelMessage,
+      port: Runtime.Port
+    ) {
+      if (message.success) {
         port.onMessage.removeListener(onMessage);
         api = wrap<Server>(createEndpoint(port));
         resolve(api);
       } else {
-        resolve(undefined);
+        resolve(false);
       }
     }
 

extensions/web-clipper/src/app.tsx

@@ -1,3 +1,21 @@
+/*
+This file is part of the Notesnook project (https://notesnook.com/)
+
+Copyright (C) 2022 Streetwriters (Private) Limited
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+GNU General Public License for more details.
+
+You should have received a copy of the GNU General Public License
+along with this program.  If not, see <http://www.gnu.org/licenses/>.
+*/
 import { ThemeProvider } from "./components/theme-provider";
 import { useAppStore } from "./stores/app-store";
 import { Login } from "./views/login";

extensions/web-clipper/src/background.ts

@@ -1,3 +1,21 @@
+/*
+This file is part of the Notesnook project (https://notesnook.com/)
+
+Copyright (C) 2022 Streetwriters (Private) Limited
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+GNU General Public License for more details.
+
+You should have received a copy of the GNU General Public License
+along with this program.  If not, see <http://www.gnu.org/licenses/>.
+*/
 import { browser } from "webextension-polyfill-ts";
 import { storeClip } from "./utils/storage";
 

extensions/web-clipper/src/common/constants.ts

@@ -1,3 +1,21 @@
+/*
+This file is part of the Notesnook project (https://notesnook.com/)
+
+Copyright (C) 2022 Streetwriters (Private) Limited
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+GNU General Public License for more details.
+
+You should have received a copy of the GNU General Public License
+along with this program.  If not, see <http://www.gnu.org/licenses/>.
+*/
 export const APP_URL =
   process.env.NODE_ENV === "production"
     ? "https://app.notesnook.com"

extensions/web-clipper/src/components/filtered-list/index.tsx

@@ -1,4 +1,22 @@
-import React, { useCallback, useEffect, useRef, useState } from "react";
+/*
+This file is part of the Notesnook project (https://notesnook.com/)
+
+Copyright (C) 2022 Streetwriters (Private) Limited
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+GNU General Public License for more details.
+
+You should have received a copy of the GNU General Public License
+along with this program.  If not, see <http://www.gnu.org/licenses/>.
+*/
+import { useCallback, useEffect, useRef, useState } from "react";
 import { Button, Flex, Input, Text } from "@theme-ui/components";
 import { Icon } from "../icons/icon";
 import { Icons } from "../icons";

extensions/web-clipper/src/components/icons/icon.tsx

@@ -1,4 +1,21 @@
-import React from "react";
+/*
+This file is part of the Notesnook project (https://notesnook.com/)
+
+Copyright (C) 2022 Streetwriters (Private) Limited
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+GNU General Public License for more details.
+
+You should have received a copy of the GNU General Public License
+along with this program.  If not, see <http://www.gnu.org/licenses/>.
+*/
 import MDIIcon from "@mdi/react";
 import { SchemeColors } from "@notesnook/theme/dist/theme/colorscheme";
 import { Flex, FlexProps } from "@theme-ui/components";

extensions/web-clipper/src/components/icons/index.ts

@@ -1,3 +1,21 @@
+/*
+This file is part of the Notesnook project (https://notesnook.com/)
+
+Copyright (C) 2022 Streetwriters (Private) Limited
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+GNU General Public License for more details.
+
+You should have received a copy of the GNU General Public License
+along with this program.  If not, see <http://www.gnu.org/licenses/>.
+*/
 import {
   mdiCheck,
   mdiChevronDown,

extensions/web-clipper/src/components/note-picker/index.tsx

@@ -1,3 +1,21 @@
+/*
+This file is part of the Notesnook project (https://notesnook.com/)
+
+Copyright (C) 2022 Streetwriters (Private) Limited
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+GNU General Public License for more details.
+
+You should have received a copy of the GNU General Public License
+along with this program.  If not, see <http://www.gnu.org/licenses/>.
+*/
 import { useState } from "react";
 import { Button, Flex, Text } from "@theme-ui/components";
 import { FilteredList } from "../filtered-list";

extensions/web-clipper/src/components/notebook-picker/index.tsx

@@ -1,3 +1,21 @@
+/*
+This file is part of the Notesnook project (https://notesnook.com/)
+
+Copyright (C) 2022 Streetwriters (Private) Limited
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+GNU General Public License for more details.
+
+You should have received a copy of the GNU General Public License
+along with this program.  If not, see <http://www.gnu.org/licenses/>.
+*/
 import { useState } from "react";
 import { Button, Flex, Text } from "@theme-ui/components";
 import { FilteredList } from "../filtered-list";
@@ -83,7 +101,7 @@ export const NotebookPicker = (props: NotebookPickerProps) => {
           itemName="notebook"
           placeholder={"Search for a notebook"}
           refreshItems={() => notebooks}
-          renderItem={(item, index) => (
+          renderItem={(item) => (
             <Notebook
               notebook={item}
               isExpanded={expanded === item.id}
@@ -156,7 +174,7 @@ function Notebook(props: NotebookProps) {
           itemName="topic"
           placeholder={"Search for a topic"}
           refreshItems={() => notebook.topics}
-          renderItem={(topic, index) => (
+          renderItem={(topic) => (
             <Topic
               topic={topic}
               onSelected={() => {

extensions/web-clipper/src/components/picker/index.tsx

@@ -1,3 +1,21 @@
+/*
+This file is part of the Notesnook project (https://notesnook.com/)
+
+Copyright (C) 2022 Streetwriters (Private) Limited
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+GNU General Public License for more details.
+
+You should have received a copy of the GNU General Public License
+along with this program.  If not, see <http://www.gnu.org/licenses/>.
+*/
 import { PropsWithChildren } from "react";
 import Modal from "react-modal";
 import { Flex } from "@theme-ui/components";

extensions/web-clipper/src/components/tag-picker/index.tsx

@@ -1,3 +1,21 @@
+/*
+This file is part of the Notesnook project (https://notesnook.com/)
+
+Copyright (C) 2022 Streetwriters (Private) Limited
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+GNU General Public License for more details.
+
+You should have received a copy of the GNU General Public License
+along with this program.  If not, see <http://www.gnu.org/licenses/>.
+*/
 import { useState } from "react";
 import { Button, Flex, Text } from "@theme-ui/components";
 import { FilteredList } from "../filtered-list";
@@ -35,7 +53,7 @@ export const TagPicker = (props: TagPickerProps) => {
         }}
       >
         {selectedTags.length
-          ? selectedTags.map((tag, index) => (
+          ? selectedTags.map((tag) => (
               <InlineTag
                 key={tag}
                 tag={tag}
@@ -77,7 +95,7 @@ export const TagPicker = (props: TagPickerProps) => {
           placeholder={"Search for a tag"}
           onCreateNewItem={(tag) => onSelected(tag)}
           refreshItems={() => tags}
-          renderItem={(tag, index) => (
+          renderItem={(tag) => (
             <Tag
               tag={tag}
               onSelected={() => {

extensions/web-clipper/src/content-scripts/all.ts

@@ -1,3 +1,21 @@
+/*
+This file is part of the Notesnook project (https://notesnook.com/)
+
+Copyright (C) 2022 Streetwriters (Private) Limited
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+GNU General Public License for more details.
+
+You should have received a copy of the GNU General Public License
+along with this program.  If not, see <http://www.gnu.org/licenses/>.
+*/
 import { browser } from "webextension-polyfill-ts";
 import {
   clipArticle,

extensions/web-clipper/src/content-scripts/nn.ts

@@ -1,3 +1,21 @@
+/*
+This file is part of the Notesnook project (https://notesnook.com/)
+
+Copyright (C) 2022 Streetwriters (Private) Limited
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+GNU General Public License for more details.
+
+You should have received a copy of the GNU General Public License
+along with this program.  If not, see <http://www.gnu.org/licenses/>.
+*/
 import { browser } from "webextension-polyfill-ts";
 import { expose, Remote, wrap } from "comlink";
 import { createEndpoint } from "../utils/comlink-extension";
@@ -8,7 +26,7 @@ import {
   WEB_EXTENSION_CHANNEL_EVENTS
 } from "../common/bridge";
 
-var mainPort: MessagePort | undefined;
+let mainPort: MessagePort | undefined;
 
 browser.runtime.onConnect.addListener((port) => {
   if (mainPort) {

extensions/web-clipper/src/index.tsx

@@ -1,3 +1,21 @@
+/*
+This file is part of the Notesnook project (https://notesnook.com/)
+
+Copyright (C) 2022 Streetwriters (Private) Limited
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+GNU General Public License for more details.
+
+You should have received a copy of the GNU General Public License
+along with this program.  If not, see <http://www.gnu.org/licenses/>.
+*/
 import "../assets/16x16.png";
 import "../assets/32x32.png";
 import "../assets/48x48.png";
@@ -9,6 +27,10 @@ import ReactDOM from "react-dom";
 import { App } from "./app";
 import "./index.css";
 
+declare let module: NodeModule & {
+  hot?: { accept: () => void };
+};
+
 ReactDOM.render(
   <React.StrictMode>
     <App />
@@ -16,5 +38,4 @@ ReactDOM.render(
   document.getElementById("root")
 );
 
-// @ts-ignore
 if (module.hot) module.hot.accept();

extensions/web-clipper/src/stores/app-store.tsx

@@ -1,9 +1,23 @@
+/*
+This file is part of the Notesnook project (https://notesnook.com/)
+
+Copyright (C) 2022 Streetwriters (Private) Limited
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+GNU General Public License for more details.
+
+You should have received a copy of the GNU General Public License
+along with this program.  If not, see <http://www.gnu.org/licenses/>.
+*/
 import create from "zustand";
-import {
-  ItemReference,
-  NotebookReference,
-  User
-} from "../common/bridge";
+import { ItemReference, NotebookReference, User } from "../common/bridge";
 import { connectApi } from "../api";
 
 interface AppStore {
@@ -17,7 +31,7 @@ interface AppStore {
   login(openNew?: boolean): Promise<void>;
 }
 
-export const useAppStore = create<AppStore>((set, get) => ({
+export const useAppStore = create<AppStore>((set) => ({
   isLoggedIn: false,
   isLoggingIn: false,
   notebooks: [],

extensions/web-clipper/src/utils/comlink-extension.ts

@@ -1,21 +1,8 @@
-/*
-This file is part of the Notesnook project (https://notesnook.com/)
+/* eslint-disable @typescript-eslint/no-explicit-any */
+/* eslint-disable header/header */
 
-Copyright (C) 2022 Streetwriters (Private) Limited
+// Taken from https://github.com/samdenty/comlink-extension
 
-This program is free software: you can redistribute it and/or modify
-it under the terms of the GNU General Public License as published by
-the Free Software Foundation, either version 3 of the License, or
-(at your option) any later version.
-
-This program is distributed in the hope that it will be useful,
-but WITHOUT ANY WARRANTY; without even the implied warranty of
-MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
-GNU General Public License for more details.
-
-You should have received a copy of the GNU General Public License
-along with this program.  If not, see <http://www.gnu.org/licenses/>.
-*/
 import * as Comlink from "comlink";
 import { Runtime, browser } from "webextension-polyfill-ts";
 
@@ -25,7 +12,7 @@ export type Port = Runtime.Port;
 export type OnPortCallback = (port: Port) => void;
 
 export type PortResolver = (id: string, onPort: OnPortCallback) => void;
-export type PortDeserializer = (id: string) => MessagePort;
+export type PortDeserializer = (id: string) => MessagePort | undefined;
 
 function _resolvePort(id: string, onPort: OnPortCallback) {
   onPort(browser.runtime.connect({ name: id }));
@@ -51,7 +38,7 @@ export function createEndpoint(
 
   function serialize(data: any): void {
     if (Array.isArray(data)) {
-      data.forEach((value, i) => {
+      data.forEach((value) => {
         serialize(value);
       });
     } else if (data && typeof data === "object") {
@@ -123,7 +110,7 @@ export function createEndpoint(
   }
 
   return {
-    postMessage: (message, transfer: MessagePort[]) => {
+    postMessage: (message, _transfer: MessagePort[]) => {
       serialize(message);
       port.postMessage(message);
     },
@@ -183,12 +170,13 @@ function serializePort(id: string, onPort: OnPortCallback) {
   if (!portCallbacks.has(id)) {
     portCallbacks.set(id, []);
   }
-  const callbacks = portCallbacks.get(id)!;
-  callbacks.push(onPort);
+  const callbacks = portCallbacks.get(id);
+  callbacks?.push(onPort);
 }
 
 function deserializePort(id: string) {
-  const port = ports.get(id)!;
+  const port = ports.get(id);
+  if (!port) return;
   const { port1, port2 } = new MessageChannel();
   forward(port2, port, serializePort, deserializePort);
   return port1;

extensions/web-clipper/src/utils/storage.ts

@@ -1,3 +1,21 @@
+/*
+This file is part of the Notesnook project (https://notesnook.com/)
+
+Copyright (C) 2022 Streetwriters (Private) Limited
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+GNU General Public License for more details.
+
+You should have received a copy of the GNU General Public License
+along with this program.  If not, see <http://www.gnu.org/licenses/>.
+*/
 import browser from "webextension-polyfill";
 
 export async function storeClip(data: string) {

extensions/web-clipper/src/views/login.tsx

@@ -1,3 +1,21 @@
+/*
+This file is part of the Notesnook project (https://notesnook.com/)
+
+Copyright (C) 2022 Streetwriters (Private) Limited
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+GNU General Public License for more details.
+
+You should have received a copy of the GNU General Public License
+along with this program.  If not, see <http://www.gnu.org/licenses/>.
+*/
 import { Button, Flex, Image, Text } from "@theme-ui/components";
 import { useEffect, useState } from "react";
 import Logo from "../../assets/logo.svg";

extensions/web-clipper/src/views/main.tsx

@@ -1,3 +1,21 @@
+/*
+This file is part of the Notesnook project (https://notesnook.com/)
+
+Copyright (C) 2022 Streetwriters (Private) Limited
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+GNU General Public License for more details.
+
+You should have received a copy of the GNU General Public License
+along with this program.  If not, see <http://www.gnu.org/licenses/>.
+*/
 import { Box, Button, Flex, Input, Text } from "@theme-ui/components";
 import { useEffect, useRef, useState } from "react";
 import { browser } from "webextension-polyfill-ts";

extensions/web-clipper/src/views/settings.tsx

@@ -1 +1,19 @@
+/*
+This file is part of the Notesnook project (https://notesnook.com/)
+
+Copyright (C) 2022 Streetwriters (Private) Limited
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+GNU General Public License for more details.
+
+You should have received a copy of the GNU General Public License
+along with this program.  If not, see <http://www.gnu.org/licenses/>.
+*/
 export const s = "";

extensions/web-clipper/webpack.config.js

@@ -1,3 +1,21 @@
+/*
+This file is part of the Notesnook project (https://notesnook.com/)
+
+Copyright (C) 2022 Streetwriters (Private) Limited
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+GNU General Public License for more details.
+
+You should have received a copy of the GNU General Public License
+along with this program.  If not, see <http://www.gnu.org/licenses/>.
+*/
 const webpack = require("webpack");
 const path = require("path");
 const fileSystem = require("fs-extra");
@@ -125,7 +143,7 @@ var options = {
           from: "src/manifest.json",
           to: path.join(__dirname, "build"),
           force: true,
-          transform: function (content, path) {
+          transform: function () {
             // generates the manifest file using the package.json informations
             return Buffer.from(
               JSON.stringify(MANIFEST_VERSION === "2" ? v2 : v3)

package.json

@@ -54,5 +54,8 @@
     "@nrwl/nx-cloud": "^14.6.2",
     "eslint-plugin-header": "^3.1.1"
   },
-  "license": "GPL-3.0-or-later"
+  "license": "GPL-3.0-or-later",
+  "volta": {
+    "node": "16.15.1"
+  }
 }