@rsdoctor/components 0.0.2-beta.0

package/dist/utils/worker/utils.d.ts

@@ -0,0 +1,9 @@
+import { NativeWorkerMessage, UserWorkerEventHandler, WorkerMessage } from './types';
+export declare function sendMessageInClient<T>(msg: WorkerMessage<T>, worker: Worker): void;
+export declare function sendMessageInWorker<T>(receivedMsg: NativeWorkerMessage, response: T): void;
+export declare function handleMessageInWorker<T, R>({
+  handler
+}: {
+  workerName: string;
+  handler: UserWorkerEventHandler<T, R>;
+}): void;

package/dist/utils/worker/utils.js

@@ -0,0 +1,29 @@
+function sendMessageInClient(msg, worker) {
+  return worker.postMessage(msg);
+}
+function sendMessageInWorker(receivedMsg, response) {
+  const msg = {
+    id: receivedMsg.data.id,
+    data: response
+  };
+  return postMessage(msg);
+}
+function handleMessageInWorker({
+  handler
+}) {
+  onmessage = (e) => {
+    const res = handler(e.data.data);
+    if (res instanceof Promise) {
+      res.then((r) => {
+        sendMessageInWorker(e, r);
+      });
+    } else {
+      sendMessageInWorker(e, res);
+    }
+  };
+}
+export {
+  handleMessageInWorker,
+  sendMessageInClient,
+  sendMessageInWorker
+};

package/dist/utils/worker/worker.d.ts

@@ -0,0 +1,13 @@
+import { UserWorkerEventCallback } from './types';
+export declare class ChildWorker {
+  protected worker: Worker;
+  private timer;
+  private callbacks;
+  constructor(worker: Worker);
+  protected setup(): void;
+  protected createEventId(): string;
+  emit<T, P = unknown>(data: P, callback: UserWorkerEventCallback<T>): {
+    abort: () => boolean;
+  };
+  dispose(): void;
+}

package/dist/utils/worker/worker.js

@@ -0,0 +1,38 @@
+import { sendMessageInClient } from "./utils";
+class ChildWorker {
+  constructor(worker) {
+    this.worker = worker;
+    this.timer = 0;
+    this.callbacks = /* @__PURE__ */ new Map();
+    this.setup();
+  }
+  setup() {
+    this.worker.onmessage = (msg) => {
+      const { data } = msg;
+      if (this.callbacks.has(data.id)) {
+        const fn = this.callbacks.get(data.id);
+        this.callbacks.delete(data.id);
+        fn(data.data);
+      }
+    };
+  }
+  createEventId() {
+    return `${Date.now()}_${++this.timer}`;
+  }
+  emit(data, callback) {
+    const id = this.createEventId();
+    const msg = {
+      id,
+      data
+    };
+    this.callbacks.set(id, callback);
+    sendMessageInClient(msg, this.worker);
+    return { abort: () => this.callbacks.delete(id) };
+  }
+  dispose() {
+    this.worker.terminate();
+  }
+}
+export {
+  ChildWorker
+};

package/package.json

@@ -0,0 +1,87 @@
+{
+  "name": "@rsdoctor/components",
+  "version": "0.0.2-beta.0",
+  "main": "./dist/index.js",
+  "license": "MIT",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/web-infra-dev/rsdoctor",
+    "directory": "packages/components"
+  },
+  "files": [
+    "dist"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./elements": {
+      "types": "./dist/components/index.d.ts",
+      "default": "./dist/components/index.js"
+    },
+    "./pages": {
+      "types": "./dist/pages/index.d.ts",
+      "default": "./dist/pages/index.js"
+    },
+    "./utils": {
+      "types": "./dist/utils/index.d.ts",
+      "default": "./dist/utils/index.js"
+    },
+    "./i18n": {
+      "types": "./dist/utils/i18n/index.d.ts",
+      "default": "./dist/utils/i18n/index.js"
+    },
+    "./config": {
+      "types": "./dist/config.d.ts",
+      "default": "./dist/config.js"
+    }
+  },
+  "eslintIgnore": [
+    "node_modules/",
+    "dist/"
+  ],
+  "devDependencies": {
+    "@ant-design/icons": "4.8.0",
+    "@monaco-editor/react": "4.4.6",
+    "@types/lodash-es": "4.17.6",
+    "@types/node": "^16",
+    "@types/react": "^18",
+    "@types/url-parse": "1.4.8",
+    "ansi-to-react": "6.1.6",
+    "antd": "5.8.3",
+    "axios": "^1.6.1",
+    "dayjs": "1.11.6",
+    "echarts": "^5.4.3",
+    "echarts-for-react": "^3.0.2",
+    "i18next": "22.0.4",
+    "lodash-es": "4.17.21",
+    "monaco-editor": "0.34.1",
+    "rc-dialog": "9.1.0",
+    "rc-tree": "5.7.2",
+    "react": "^18",
+    "react-hyper-tree": "0.3.12",
+    "react-i18next": "12.0.0",
+    "react-json-view": "1.21.3",
+    "react-router-dom": "6.4.3",
+    "socket.io-client": "4.6.1",
+    "terser": "^5.26.0",
+    "typescript": "^5.2.2",
+    "url-parse": "1.5.10",
+    "@rsdoctor/graph": "0.0.2-beta.0",
+    "@rsdoctor/types": "0.0.2-beta.0",
+    "@rsdoctor/utils": "0.0.2-beta.0"
+  },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "scripts": {
+    "build": "modern build",
+    "dev": "npm run start",
+    "start": "modern build -w",
+    "test": "vitest run"
+  }
+}