Merge pull request #19 from normal-computing/extract_lib

feat: extract web-wand-lib

.gitignore

@@ -6,6 +6,7 @@
 
 # build
 /dist
+/dist-lib
 
 # etc
 .DS_Store

package.json

@@ -4,10 +4,11 @@
   "description": "chrome extension",
   "repository": {
     "type": "git",
-    "url": "https://github.com/normal-computing/wingmate"
+    "url": "https://github.com/normal-computing/web-wand"
   },
   "scripts": {
     "build": "tsc --noEmit && vite build",
+    "build:lib": "rollup --config rollup.lib.config.js && cp package.lib.json dist-lib/package.json",
     "build:firefox": "tsc --noEmit && cross-env __FIREFOX__=true vite build",
     "build:watch": "cross-env __DEV__=true vite build -w --mode development",
     "build:firefox:watch": "cross-env __DEV__=true __FIREFOX__=true vite build -w --mode development",
@@ -78,6 +79,8 @@
     "npm-run-all": "4.1.5",
     "prettier": "3.1.0",
     "rollup": "4.3.0",
+    "rollup-plugin-dts": "^6.1.0",
+    "rollup-plugin-esbuild": "^6.1.1",
     "sass": "1.69.5",
     "ts-jest": "29.1.1",
     "ts-loader": "9.5.0",

package.lib.json

@@ -0,0 +1,9 @@
+{
+  "name": "web-wand-lib",
+  "version": "2.0.0-beta-1",
+  "description": "Helper library for Web Wand",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/normal-computing/web-wand"
+  }
+}

rollup.lib.config.js

@@ -0,0 +1,44 @@
+import dts from "rollup-plugin-dts";
+import esbuild from "rollup-plugin-esbuild";
+import { resolve, dirname } from "path";
+import { fileURLToPath } from "url";
+
+const __dirname = dirname(fileURLToPath(import.meta.url));
+
+const OUT_DIR = "dist-lib";
+const rootDir = resolve(__dirname);
+const srcDir = resolve(rootDir, "src");
+const pagesDir = resolve(srcDir, "pages");
+
+function createConfigPair(name, path) {
+  return [
+    {
+      input: path,
+      plugins: [esbuild()],
+      output: [
+        {
+          file: `${OUT_DIR}/${name}.js`,
+          format: "cjs",
+          sourcemap: true,
+          exports: "auto",
+        },
+      ],
+    },
+    {
+      input: path,
+      plugins: [dts()],
+      output: {
+        file: `${OUT_DIR}/${name}.d.ts`,
+        format: "es",
+      },
+    },
+  ];
+}
+
+export default [
+  ...createConfigPair(
+    "domOperations",
+    resolve(pagesDir, "content", "domOperations.ts"),
+  ),
+  ...createConfigPair("helpers", resolve(srcDir, "helpers", "index.ts")),
+];

src/common/CopyButton.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 import { CopyIcon } from "@chakra-ui/icons";
 import { useToast } from "@chakra-ui/react";
-import { callRPC } from "../helpers/pageRPC";
+import { callRPC } from "../helpers/rpc/pageRPC";
 
 export default function CopyButton(props: { text: string }) {
   const toast = useToast();

src/helpers/index.ts

@@ -0,0 +1,6 @@
+export { DomActions } from "./rpc/domActions";
+export { callRPC, callRPCWithTab } from "./rpc/pageRPC";
+export { attachDebugger, detachDebugger } from "./chromeDebugger";
+import performAction from "./rpc/performAction";
+export { performAction };
+export type { Action } from "./rpc/performAction";

src/helpers/domActions.ts → src/helpers/rpc/domActions.ts

@@ -1,7 +1,7 @@
-import { TAXY_ELEMENT_SELECTOR } from "../constants";
+import { TAXY_ELEMENT_SELECTOR } from "../../constants";
 import { callRPCWithTab } from "./pageRPC";
 import { scrollScriptString } from "./runtimeFunctionStrings";
-import { sleep, waitFor, waitTillStable } from "./utils";
+import { sleep, waitFor, waitTillStable } from "../utils";
 
 const DEFAULT_INTERVAL = 500;
 const DEFAULT_TIMEOUT = 0;

src/helpers/pageRPC.ts → src/helpers/rpc/pageRPC.ts

@@ -1,5 +1,5 @@
-import { sleep } from "./utils";
-import type { RPCMethods } from "../pages/content/injected";
+import { sleep } from "../utils";
+import type { RPCMethods } from "../../pages/content/domOperations";
 
 // Call these functions to execute code in the content script
 

src/helpers/performAction.ts → src/helpers/rpc/performAction.ts

@@ -2,7 +2,7 @@ import { DomActions } from "./domActions";
 import {
   WEB_WAND_LABEL_ATTRIBUTE_NAME,
   VISIBLE_TEXT_ATTRIBUTE_NAME,
-} from "../constants";
+} from "../../constants";
 
 function getSelector(selectorName: string): string {
   return `[${WEB_WAND_LABEL_ATTRIBUTE_NAME}="${selectorName}"]`;

src/helpers/runtimeFunctionStrings.ts → src/helpers/rpc/runtimeFunctionStrings.ts

@@ -2,8 +2,8 @@
 function scrollIntoViewFunction() {
   // @ts-expect-error this is run in the browser context
   this.scrollIntoView({
-    block: 'center',
-    inline: 'center',
+    block: "center",
+    inline: "center",
     // behavior: 'smooth',
   });
 }