@pulse-editor/react-api 0.0.1 → 0.1.0

package/dist/hooks/use-agent-tools.d.ts

@@ -0,0 +1,4 @@
+import { AgentTool } from "@pulse-editor/shared-utils";
+export default function useAgentTools(moduleName: string): {
+    installAgentTool: (tool: AgentTool) => Promise<void>;
+};

package/dist/hooks/use-agents.d.ts

@@ -0,0 +1,6 @@
+import { Agent } from "@pulse-editor/shared-utils";
+export default function useAgents(moduleName: string): {
+    installAgent: (config: Agent) => Promise<void>;
+    runAgentMethod: (agentName: string, methodName: string, parameters: Record<string, any>, abortSignal?: AbortSignal) => Promise<Record<string, any>>;
+    isReady: boolean;
+};

package/dist/hooks/use-fetch.d.ts

@@ -0,0 +1,3 @@
+export default function useFetch(moduleName: string): {
+    fetch: (uri: string, options?: RequestInit) => Promise<Response>;
+};

package/dist/hooks/use-file-view.d.ts

@@ -0,0 +1,6 @@
+import { FileViewModel } from "@pulse-editor/shared-utils";
+export default function useFileView(moduleName: string): {
+    viewFile: FileViewModel | undefined;
+    updateViewFile: (file: FileViewModel) => void;
+    setIsLoaded: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+};

package/dist/hooks/use-notification.d.ts

@@ -0,0 +1,4 @@
+import { NotificationTypeEnum } from "@pulse-editor/shared-utils";
+export default function useNotification(moduleName: string): {
+    openNotification: (text: string, type: NotificationTypeEnum) => void;
+};

package/dist/hooks/use-orc.d.ts

@@ -0,0 +1,3 @@
+export default function useOCR(moduleName: string): {
+    recognizeText: (uri: string) => Promise<string>;
+};

package/dist/hooks/use-terminal.d.ts

@@ -0,0 +1,3 @@
+export default function useTerminal(moduleName: string): {
+    websocketUrl: string | undefined;
+};

package/dist/hooks/use-theme.d.ts

@@ -0,0 +1,3 @@
+export default function useTheme(moduleName: string): {
+    theme: string;
+};

package/dist/lib/hooks/use-imc.d.ts

@@ -0,0 +1,6 @@
+import { InterModuleCommunication } from "@pulse-editor/shared-utils";
+import { ReceiverHandlerMap } from "@pulse-editor/shared-utils";
+export default function useIMC(moduleName: string, handlerMap: ReceiverHandlerMap): {
+    imc: InterModuleCommunication | undefined;
+    isReady: boolean;
+};

package/{src/main.ts → dist/main.d.ts}

@@ -1,7 +1,7 @@
-import useFileView from "./hooks/use-file-view";
-import useTheme from "./hooks/use-theme";
-import useNotification from "./hooks/use-notification";
-import useAgents from "./hooks/use-agents";
-import useOCR from "./hooks/use-orc";
-
-export { useFileView, useTheme, useNotification, useAgents as useAgent, useOCR };
+import useFileView from "./hooks/use-file-view";
+import useTheme from "./hooks/use-theme";
+import useNotification from "./hooks/use-notification";
+import useAgents from "./hooks/use-agents";
+import useOCR from "./hooks/use-orc";
+import useTerminal from "./hooks/use-terminal";
+export { useFileView, useTheme, useNotification, useAgents, useOCR, useTerminal, };

package/dist/main.es.js

@@ -0,0 +1 @@
+import{InterModuleCommunication as e,IMCMessageTypeEnum as n}from"@pulse-editor/shared-utils";import{useState as t,useEffect as i}from"react";function o(o,s){const[a,r]=t(void 0),[d,c]=t(!1),w=window.parent;return i((()=>{const t=new e(o);return t.initThisWindow(window),t.updateReceiverHandlerMap(s),t.initOtherWindow(w),r(t),t.sendMessage(n.Ready).then((()=>{c(!0)})),()=>{t.close()}}),[]),{imc:a,isReady:d}}function s(e){const[s,a]=t(void 0),[r,d]=t(!1),c=new Map,{imc:w,isReady:u}=o(e,c);return i((()=>{u&&w?.sendMessage(n.RequestViewFile).then((e=>{a(e)}))}),[u]),i((()=>{r&&w?.sendMessage(n.Loaded)}),[r,w]),{viewFile:s,updateViewFile:function(e){w?.sendMessage(n.WriteViewFile,e)},setIsLoaded:d}}function a(e){const[i,s]=t("light"),a=new Map;return a.set(n.ThemeChange,(async(e,n)=>{const t=n.payload;s((e=>t))})),o(e,a),{theme:i}}function r(e){const t=new Map,{imc:i}=o(e,t);return{openNotification:function(e,t){if(!i)throw new Error("IMC is not initialized.");i.sendMessage(n.Notification,{text:e,type:t})}}}function d(e){const t=new Map,{imc:i,isReady:s}=o(e,t);return{installAgent:async function(e){if(!i)throw new Error("IMC not initialized.");await i.sendMessage(n.InstallAgent,e).catch((e=>{throw new Error(e)}))},runAgentMethod:async function(e,t,o,s){if(!i)throw new Error("IMC not initialized.");return await i.sendMessage(n.RunAgentMethod,{agentName:e,methodName:t,parameters:o},s).then((e=>e))},isReady:s}}function c(e){const t=new Map,{imc:i}=o(e,t);return{recognizeText:async function(e){if(!i)throw new Error("IMC is not initialized.");return(await i.sendMessage(n.OCR,{uri:e})).payload.text}}}function w(e){const s=new Map,{imc:a,isReady:r}=o(e,s),[d,c]=t(void 0);return i((()=>{r&&a?.sendMessage(n.RequestTerminal).then((e=>{const{websocketUrl:t}=e;c(t),a.sendMessage(n.Loaded)}))}),[r]),{websocketUrl:d}}export{d as useAgents,s as useFileView,r as useNotification,c as useOCR,w as useTerminal,a as useTheme};

package/dist/main.js

@@ -0,0 +1 @@
+"use strict";var e=require("@pulse-editor/shared-utils"),n=require("react");function t(t,s){const[i,a]=n.useState(void 0),[o,r]=n.useState(!1),u=window.parent;return n.useEffect((()=>{const n=new e.InterModuleCommunication(t);return n.initThisWindow(window),n.updateReceiverHandlerMap(s),n.initOtherWindow(u),a(n),n.sendMessage(e.IMCMessageTypeEnum.Ready).then((()=>{r(!0)})),()=>{n.close()}}),[]),{imc:i,isReady:o}}exports.useAgents=function(n){const s=new Map,{imc:i,isReady:a}=t(n,s);return{installAgent:async function(n){if(!i)throw new Error("IMC not initialized.");await i.sendMessage(e.IMCMessageTypeEnum.InstallAgent,n).catch((e=>{throw new Error(e)}))},runAgentMethod:async function(n,t,s,a){if(!i)throw new Error("IMC not initialized.");return await i.sendMessage(e.IMCMessageTypeEnum.RunAgentMethod,{agentName:n,methodName:t,parameters:s},a).then((e=>e))},isReady:a}},exports.useFileView=function(s){const[i,a]=n.useState(void 0),[o,r]=n.useState(!1),u=new Map,{imc:c,isReady:M}=t(s,u);return n.useEffect((()=>{M&&c?.sendMessage(e.IMCMessageTypeEnum.RequestViewFile).then((e=>{a(e)}))}),[M]),n.useEffect((()=>{o&&c?.sendMessage(e.IMCMessageTypeEnum.Loaded)}),[o,c]),{viewFile:i,updateViewFile:function(n){c?.sendMessage(e.IMCMessageTypeEnum.WriteViewFile,n)},setIsLoaded:r}},exports.useNotification=function(n){const s=new Map,{imc:i}=t(n,s);return{openNotification:function(n,t){if(!i)throw new Error("IMC is not initialized.");i.sendMessage(e.IMCMessageTypeEnum.Notification,{text:n,type:t})}}},exports.useOCR=function(n){const s=new Map,{imc:i}=t(n,s);return{recognizeText:async function(n){if(!i)throw new Error("IMC is not initialized.");return(await i.sendMessage(e.IMCMessageTypeEnum.OCR,{uri:n})).payload.text}}},exports.useTerminal=function(s){const i=new Map,{imc:a,isReady:o}=t(s,i),[r,u]=n.useState(void 0);return n.useEffect((()=>{o&&a?.sendMessage(e.IMCMessageTypeEnum.RequestTerminal).then((n=>{const{websocketUrl:t}=n;u(t),a.sendMessage(e.IMCMessageTypeEnum.Loaded)}))}),[o]),{websocketUrl:r}},exports.useTheme=function(s){const[i,a]=n.useState("light"),o=new Map;return o.set(e.IMCMessageTypeEnum.ThemeChange,(async(e,n)=>{const t=n.payload;a((e=>t))})),t(s,o),{theme:i}};

package/package.json

@@ -1,42 +1,42 @@
-{
-  "name": "@pulse-editor/react-api",
-  "version": "0.0.1",
-  "main": "src/main.ts",
-  "type": "module",
-  "scripts": {
-    "build": "rollup -c",
-    "lint": "eslint ."
-  },
-  "devDependencies": {
-    "@babel/core": "^7.26.0",
-    "@babel/preset-env": "^7.26.0",
-    "@eslint/js": "^9.18.0",
-    "@rollup/plugin-babel": "^6.0.4",
-    "@rollup/plugin-node-resolve": "^16.0.0",
-    "@rollup/plugin-terser": "^0.4.4",
-    "@rollup/plugin-typescript": "^12.1.2",
-    "@types/react": "^19.0.7",
-    "autoprefixer": "^10.4.20",
-    "eslint": "^9.18.0",
-    "eslint-plugin-react": "^7.37.4",
-    "globals": "^15.14.0",
-    "install": "^0.13.0",
-    "npm": "^11.0.0",
-    "postcss": "^8.5.1",
-    "postcss-loader": "^8.1.1",
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0",
-    "rollup": "^4.31.0",
-    "rollup-plugin-peer-deps-external": "^2.2.4",
-    "rollup-plugin-postcss": "^4.0.2",
-    "tailwindcss": "^3.4.17",
-    "typescript": "^5.7.3",
-    "typescript-eslint": "^8.20.0"
-  },
-  "peerDependencies": {
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0",
-    "@pulse-editor/types": "*",
-    "@pulse-editor/shared-utils": "*"
-  }
+{
+  "name": "@pulse-editor/react-api",
+  "version": "0.1.0",
+  "main": "dist/main.js",
+  "type": "module",
+  "files": [
+    "dist"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "rollup -c",
+    "lint": "eslint ."
+  },
+  "devDependencies": {
+    "@babel/core": "^7.26.10",
+    "@babel/preset-env": "^7.26.9",
+    "@eslint/js": "^9.25.0",
+    "@rollup/plugin-babel": "^6.0.4",
+    "@rollup/plugin-node-resolve": "^16.0.1",
+    "@rollup/plugin-terser": "^0.4.4",
+    "@rollup/plugin-typescript": "^12.1.2",
+    "@types/react": "^19.1.2",
+    "eslint": "^9.25.0",
+    "eslint-plugin-react": "^7.37.5",
+    "globals": "^16.0.0",
+    "install": "^0.13.0",
+    "npm": "^11.3.0",
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0",
+    "rollup": "^4.40.0",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
+    "typescript": "^5.8.3",
+    "typescript-eslint": "^8.30.1"
+  },
+  "peerDependencies": {
+    "@pulse-editor/shared-utils": "0.1.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
+  }
 }

package/babel.config.json

@@ -1,5 +0,0 @@
-{
-    "presets": [
-        "@babel/preset-env"
-    ]
-}

package/eslint.config.js

@@ -1,29 +0,0 @@
-import globals from "globals";
-import pluginJs from "@eslint/js";
-import tseslint from "typescript-eslint";
-import pluginReact from "eslint-plugin-react";
-
-/** @type {import('eslint').Linter.Config[]} */
-export default [
-  {
-    files: ["**/*.{js,mjs,cjs,ts,jsx,tsx}"],
-  },
-  {
-    ignores: ["node_modules/**", "dist/**"],
-  },
-  {
-    languageOptions: { globals: globals.browser },
-    settings: {
-      react: { version: "detect" },
-    },
-  },
-  pluginJs.configs.recommended,
-  ...tseslint.configs.recommended,
-  pluginReact.configs.flat.recommended,
-  {
-    rules: {
-      "@typescript-eslint/no-explicit-any": "off",
-      "@typescript-eslint/no-unused-vars": "off",
-    },
-  },
-];

package/postcss.config.js

@@ -1,6 +0,0 @@
-export default {
-  plugins: {
-    tailwindcss: {},
-    autoprefixer: {},
-  },
-};

package/rollup.config.mjs

@@ -1,40 +0,0 @@
-import resolve from "@rollup/plugin-node-resolve";
-import peerDepsExternal from "rollup-plugin-peer-deps-external";
-import babel from "@rollup/plugin-babel";
-import typescript from "@rollup/plugin-typescript";
-import postcss from "rollup-plugin-postcss";
-import terser from "@rollup/plugin-terser";
-
-// rollup.config.mjs
-export default {
-  input: "src/main.ts",
-  output: [
-    {
-      file: "dist/bundle.js",
-      format: "cjs",
-    },
-    {
-      file: "dist/bundle.es.js",
-      format: "es",
-      exports: "named",
-    },
-  ],
-  plugins: [
-    postcss({
-      plugins: [],
-      minimize: true,
-    }),
-    resolve({
-      extensions: [".js", ".ts", ".tsx", ".jsx"],
-    }),
-    peerDepsExternal(),
-    babel({
-      babelHelpers: "bundled",
-      exclude: ["node_modules/**"],
-    }),
-    typescript({
-      exclude: ["node_modules/**", "src/stories/**"],
-    }),
-    terser(),
-  ],
-};

package/src/hooks/use-agent-tools.ts

@@ -1,48 +0,0 @@
-import { InterModuleCommunication } from "@pulse-editor/shared-utils";
-import { AgentTool, IMCMessage, IMCMessageTypeEnum } from "@pulse-editor/types";
-import { useEffect, useState } from "react";
-
-export default function useAgentTools(moduleName: string) {
-  const [imc, setImc] = useState<InterModuleCommunication | undefined>(
-    undefined
-  );
-  const [isReady, setIsReady] = useState(false);
-
-  const receiverHandlerMap = new Map<
-    IMCMessageTypeEnum,
-    (senderWindow: Window, message: IMCMessage) => Promise<void>
-  >();
-
-  const targetWindow = window.parent;
-
-  useEffect(() => {
-    const imc = new InterModuleCommunication(moduleName);
-    imc.initThisWindow(window);
-    imc.updateReceiverHandlerMap(receiverHandlerMap);
-    imc.initOtherWindow(targetWindow);
-    setImc(imc);
-    setIsReady(true);
-
-    imc.sendMessage(IMCMessageTypeEnum.Ready);
-
-    return () => {
-      imc.close();
-    };
-  }, []);
-
-  async function installAgentTool(tool: AgentTool) {
-    if (!imc) {
-      throw new Error("IMC not initialized.");
-    }
-
-    await imc
-      .sendMessage(IMCMessageTypeEnum.InstallAgentTool, tool)
-      .then((response) => {
-        if (response.type === IMCMessageTypeEnum.Error) {
-          throw new Error(response.payload);
-        }
-      });
-  }
-
-  return { installAgentTool };
-}

package/src/hooks/use-agents.ts

@@ -1,80 +0,0 @@
-import { InterModuleCommunication } from "@pulse-editor/shared-utils";
-import { Agent, IMCMessage, IMCMessageTypeEnum } from "@pulse-editor/types";
-import { useEffect, useState } from "react";
-
-export default function useAgents(moduleName: string) {
-  const [imc, setImc] = useState<InterModuleCommunication | undefined>(
-    undefined
-  );
-  const [isReady, setIsReady] = useState(false);
-
-  const receiverHandlerMap = new Map<
-    IMCMessageTypeEnum,
-    (senderWindow: Window, message: IMCMessage) => Promise<void>
-  >();
-
-  const targetWindow = window.parent;
-
-  useEffect(() => {
-    // Init IMC
-    const imc = new InterModuleCommunication(moduleName);
-    imc.initThisWindow(window);
-    imc.updateReceiverHandlerMap(receiverHandlerMap);
-    imc.initOtherWindow(targetWindow);
-    setImc(imc);
-    setIsReady(true);
-
-    imc.sendMessage(IMCMessageTypeEnum.Ready);
-
-    return () => {
-      imc.close();
-    };
-  }, []);
-
-  async function installAgent(config: Agent) {
-    if (!imc) {
-      throw new Error("IMC not initialized.");
-    }
-
-    await imc
-      .sendMessage(IMCMessageTypeEnum.InstallAgent, config)
-      .then((response) => {
-        if (response.type === IMCMessageTypeEnum.Error) {
-          throw new Error(response.payload);
-        }
-      });
-  }
-
-  async function runAgentMethod(
-    agentName: string,
-    methodName: string,
-    parameters: Record<string, any>,
-    abortSignal?: AbortSignal
-  ): Promise<Record<string, any>> {
-    if (!imc) {
-      throw new Error("IMC not initialized.");
-    }
-
-    const result = await imc
-      .sendMessage(
-        IMCMessageTypeEnum.RunAgentMethod,
-        {
-          agentName,
-          methodName,
-          parameters,
-        },
-        abortSignal
-      )
-      .then((response) => {
-        return response as Record<string, any>;
-      });
-
-    return result;
-  }
-
-  return {
-    installAgent,
-    runAgentMethod,
-    isReady,
-  };
-}

package/src/hooks/use-fetch.ts

@@ -1,45 +0,0 @@
-import { InterModuleCommunication } from "@pulse-editor/shared-utils";
-import { IMCMessage, IMCMessageTypeEnum } from "@pulse-editor/types";
-import { useEffect, useState } from "react";
-
-export default function useFetch(moduleName: string) {
-  const [imc, setImc] = useState<InterModuleCommunication | undefined>(
-    undefined
-  );
-
-  const receiverHandlerMap = new Map<
-    IMCMessageTypeEnum,
-    (senderWindow: Window, message: IMCMessage) => Promise<void>
-  >();
-
-  const targetWindow = window.parent;
-
-  useEffect(() => {
-    // Init IMC
-    const imc = new InterModuleCommunication(moduleName);
-    imc.initThisWindow(window);
-    imc.updateReceiverHandlerMap(receiverHandlerMap);
-    imc.initOtherWindow(targetWindow);
-    setImc(imc);
-
-    console.log("Sent ready message");
-    imc.sendMessage(IMCMessageTypeEnum.Ready);
-
-    return () => {
-      imc.close();
-    };
-  }, []);
-
-  function fetch(uri: string, options?: RequestInit): Promise<Response> {
-    if (!imc) {
-      throw new Error("IMC is not initialized.");
-    }
-
-    return imc.sendMessage(
-      IMCMessageTypeEnum.Fetch,
-      JSON.stringify({ uri, options })
-    );
-  }
-
-  return { fetch };
-}

package/src/hooks/use-file-view.ts

@@ -1,62 +0,0 @@
-import { InterModuleCommunication } from "@pulse-editor/shared-utils";
-import {
-  IMCMessage,
-  IMCMessageTypeEnum,
-  FileViewModel,
-} from "@pulse-editor/types";
-import { useEffect, useState } from "react";
-
-export default function useFileView(moduleName: string) {
-  const [viewFile, setViewFile] = useState<FileViewModel | undefined>(
-    undefined
-  );
-  const [isLoaded, setIsLoaded] = useState(false);
-
-  const targetWindow = window.parent;
-
-  const receiverHandlerMap = new Map<
-    IMCMessageTypeEnum,
-    (senderWindow: Window, message: IMCMessage) => Promise<void>
-  >();
-
-  const [imc, setImc] = useState<InterModuleCommunication | undefined>(
-    undefined
-  );
-
-  useEffect(() => {
-    // Init IMC
-    const imc = new InterModuleCommunication(moduleName);
-    imc.initThisWindow(window);
-    imc.updateReceiverHandlerMap(receiverHandlerMap);
-    imc.initOtherWindow(targetWindow);
-    setImc(imc);
-
-    imc.sendMessage(IMCMessageTypeEnum.Ready).then(() => {
-      imc.sendMessage(IMCMessageTypeEnum.RequestViewFile).then((model) => {
-        setViewFile(model);
-      });
-    });
-
-    return () => {
-      console.log("Closing IMC for extension: ", moduleName);
-      imc.close();
-    };
-  }, []);
-
-  useEffect(() => {
-    if (isLoaded) {
-      imc?.sendMessage(IMCMessageTypeEnum.Loaded);
-    }
-  }, [isLoaded, imc]);
-
-  function updateViewFile(file: FileViewModel) {
-    // sender.sendMessage(ViewBoxMessageTypeEnum.ViewFile, JSON.stringify(file));
-    imc?.sendMessage(IMCMessageTypeEnum.WriteViewFile, file);
-  }
-
-  return {
-    viewFile,
-    updateViewFile,
-    setIsLoaded,
-  };
-}

package/src/hooks/use-notification.ts

@@ -1,48 +0,0 @@
-import { InterModuleCommunication } from "@pulse-editor/shared-utils";
-import {
-  NotificationTypeEnum,
-  IMCMessage,
-  IMCMessageTypeEnum,
-} from "@pulse-editor/types";
-import { useEffect, useState } from "react";
-
-export default function useNotification(moduleName: string) {
-  const [imc, setImc] = useState<InterModuleCommunication | undefined>(
-    undefined
-  );
-
-  const receiverHandlerMap = new Map<
-    IMCMessageTypeEnum,
-    (senderWindow: Window, message: IMCMessage) => Promise<void>
-  >();
-
-  const targetWindow = window.parent;
-
-  useEffect(() => {
-    // Init IMC
-    const imc = new InterModuleCommunication(moduleName);
-    imc.initThisWindow(window);
-    imc.updateReceiverHandlerMap(receiverHandlerMap);
-    imc.initOtherWindow(targetWindow);
-    setImc(imc);
-
-    console.log("Sent ready message");
-    imc.sendMessage(IMCMessageTypeEnum.Ready);
-
-    return () => {
-      imc.close();
-    };
-  }, []);
-
-  function openNotification(text: string, type: NotificationTypeEnum) {
-    if (!imc) {
-      throw new Error("IMC is not initialized.");
-    }
-    imc.sendMessage(IMCMessageTypeEnum.Notification, {
-      text,
-      type,
-    });
-  }
-
-  return { openNotification };
-}

package/src/hooks/use-orc.ts

@@ -1,50 +0,0 @@
-import { InterModuleCommunication } from "@pulse-editor/shared-utils";
-import { IMCMessage, IMCMessageTypeEnum } from "@pulse-editor/types";
-import { useEffect, useState } from "react";
-
-export default function useOCR(moduleName: string) {
-  const [imc, setImc] = useState<InterModuleCommunication | undefined>(
-    undefined
-  );
-
-  const receiverHandlerMap = new Map<
-    IMCMessageTypeEnum,
-    (senderWindow: Window, message: IMCMessage) => Promise<void>
-  >();
-
-  const targetWindow = window.parent;
-
-  useEffect(() => {
-    // Init IMC
-    const imc = new InterModuleCommunication(moduleName);
-    imc.initThisWindow(window);
-    imc.updateReceiverHandlerMap(receiverHandlerMap);
-    imc.initOtherWindow(targetWindow);
-    setImc(imc);
-
-    console.log("Sent ready message");
-    imc.sendMessage(IMCMessageTypeEnum.Ready);
-
-    return () => {
-      imc.close();
-    };
-  }, []);
-
-  async function recognizeText(uri: string): Promise<string> {
-    if (!imc) {
-      throw new Error("IMC is not initialized.");
-    }
-
-    // Send the message to the extension
-    const result = await imc.sendMessage(
-      IMCMessageTypeEnum.OCR,
-      { uri }
-    );
-
-    return result.payload.text;
-  }
-
-  return {
-    recognizeText,
-  };
-}

package/src/hooks/use-theme.ts

@@ -1,43 +0,0 @@
-import { InterModuleCommunication } from "@pulse-editor/shared-utils";
-import { IMCMessage, IMCMessageTypeEnum } from "@pulse-editor/types";
-import { useEffect, useState } from "react";
-
-export default function useTheme(moduleName: string) {
-  const [theme, setTheme] = useState<string>("light");
-  const receiverHandlerMap = new Map<
-    IMCMessageTypeEnum,
-    (senderWindow: Window, message: IMCMessage) => Promise<void>
-  >();
-
-  receiverHandlerMap.set(
-    IMCMessageTypeEnum.ThemeChange,
-    async (senderWindow: Window, message: IMCMessage) => {
-      const theme = message.payload;
-      setTheme((prev) => theme);
-    }
-  );
-
-  const [, setImc] = useState<InterModuleCommunication | undefined>(undefined);
-
-  const targetWindow = window.parent;
-
-  useEffect(() => {
-    // Init IMC
-    const imc = new InterModuleCommunication(moduleName);
-    imc.initThisWindow(window);
-    imc.updateReceiverHandlerMap(receiverHandlerMap);
-    imc.initOtherWindow(targetWindow);
-    setImc(imc);
-
-    console.log("Sent ready message");
-    imc.sendMessage(IMCMessageTypeEnum.Ready);
-
-    return () => {
-      imc.close();
-    };
-  }, []);
-
-  return {
-    theme,
-  };
-}

package/src/tailwind.css

@@ -1,3 +0,0 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;

package/tailwind.config.js

@@ -1,10 +0,0 @@
-/** @type {import('tailwindcss').Config} */
-export default {
-  content: ["./src/**/*.{js,jsx,ts,tsx}"],
-  // Toggle dark-mode based on .dark class or data-mode="dark"
-  darkMode: ["class", '[data-mode="dark"]'],
-  theme: {
-    extend: {},
-  },
-  plugins: [],
-};

package/tsconfig.json

@@ -1,14 +0,0 @@
-{
-    "compilerOptions": {
-        "target": "ES2020",
-        "jsx": "react",
-        "outDir": "./dist",
-        "module": "ESNext",
-        "moduleResolution": "bundler",
-        "strict": true,
-        "declaration": true
-    },
-    "include": [
-        "src/**/*"
-    ],
-}