improve library output (wip)

package.json

@@ -7,7 +7,8 @@
   "homepage": "https://replayweb.page/",
   "author": "Webrecorder Software",
   "license": "AGPL-3.0-or-later",
-  "types": "dist/index.d.ts",
+  "types": "dist/ui.d.ts",
+  "main": "ui.js",
   "dependencies": {
     "@fortawesome/fontawesome-free": "^5.15.4",
     "@shoelace-style/shoelace": "^2.8.0",

src/globals.d.ts

@@ -12,3 +12,6 @@ interface Window {
     types: { description: string; accept: Record<string, string[]> }[];
   }) => Promise<[FileSystemFileHandle]>;
 }
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+declare type TODOFixMe = any;

src/pages.ts

@@ -20,12 +20,10 @@ import type { PageEntry } from "./pageentry";
 // ===========================================================================
 class Pages extends LitElement {
   @property({ type: Array })
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- TODO fixme
-  filteredPages: any[] = [];
+  filteredPages: TODOFixMe[] = [];
 
   @property({ type: Array })
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- TODO fixme
-  sortedPages: any[] = [];
+  sortedPages: TODOFixMe[] = [];
 
   @property({ type: String })
   query = "";
@@ -163,11 +161,11 @@ class Pages extends LitElement {
         this.sortKey = "date";
         this.sortDesc = true;
       }
-      const sorter = this.renderRoot.querySelector("wr-sorter") as Sorter;
+      const sorter = this.renderRoot.querySelector("wr-sorter") as Sorter<
+        typeof this.filteredPages
+      >;
       if (sorter) {
-        // @ts-expect-error - TS2339 - Property 'sortKey' does not exist on type 'Sorter'.
         sorter.sortKey = this.sortKey;
-        // @ts-expect-error - TS2339 - Property 'sortDesc' does not exist on type 'Sorter'.
         sorter.sortDesc = this.sortDesc;
       }
     }

src/sorter.ts

@@ -7,7 +7,7 @@ import fasSortDown from "@fortawesome/fontawesome-free/svgs/solid/sort-down.svg"
 import fasSortUp from "@fortawesome/fontawesome-free/svgs/solid/sort-up.svg";
 
 // ===========================================================================
-class Sorter<T> extends LitElement {
+class Sorter<T = unknown> extends LitElement {
   @property({ attribute: false })
   sortedData: T[] = [];
 

webpack.config.js

@@ -188,4 +188,36 @@ const browserConfig = (/*env, argv*/) => {
   return merge(tsConfig, config);
 };
 
-module.exports = [browserConfig, electronMainConfig, electronPreloadConfig];
+const libraryConfig = (/*env, argv*/) => {
+  const browserConf = browserConfig();
+  return {
+    ...browserConf,
+    plugins: [
+      new webpack.NormalModuleReplacementPlugin(/^node:*/, (resource) => {
+        switch (resource.request) {
+          case "node:stream":
+            resource.request = "stream-browserify";
+            break;
+        }
+      }),
+      new webpack.ProvidePlugin({
+        process: "process/browser",
+      }),
+      new MiniCssExtractPlugin(),
+      new webpack.DefinePlugin({
+        __SW_NAME__: JSON.stringify("sw.js"),
+        __HELPER_PROXY__: JSON.stringify(HELPER_PROXY),
+        __GDRIVE_CLIENT_ID__: JSON.stringify(GDRIVE_CLIENT_ID),
+        __VERSION__: JSON.stringify(package_json.version),
+      }),
+      new webpack.BannerPlugin(BANNER_TEXT),
+    ],
+  };
+};
+
+module.exports = [
+  browserConfig,
+  electronMainConfig,
+  electronPreloadConfig,
+  libraryConfig,
+];