Merge pull request #71 from ClayPulse/add-canvas

Add workflow states management hook

Author: Shellishack

.changeset/fuzzy-sheep-pay.md

@@ -0,0 +1,6 @@
+---
+"@pulse-editor/shared-utils": patch
+"@pulse-editor/react-api": patch
+---
+
+Make action return type any

.changeset/pre.json

@@ -32,6 +32,7 @@
     "free-ears-swim",
     "fruity-goats-look",
     "full-beans-stop",
+    "fuzzy-sheep-pay",
     "hot-symbols-fry",
     "hot-windows-march",
     "large-moose-tap",
@@ -56,6 +57,7 @@
     "tough-aliens-appear",
     "true-suits-fly",
     "vast-places-rhyme",
+    "weak-beers-watch",
     "wicked-spoons-fry"
   ]
 }

.changeset/weak-beers-watch.md

@@ -0,0 +1,6 @@
+---
+"@pulse-editor/shared-utils": patch
+"@pulse-editor/react-api": patch
+---
+
+Update action register hook

npm-packages/react-api/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @pulse-editor/react-api
 
+## 0.1.1-alpha.45
+
+### Patch Changes
+
+- Make action return type any
+- Updated dependencies
+  - @pulse-editor/shared-utils@0.1.1-alpha.45
+
+## 0.1.1-alpha.44
+
+### Patch Changes
+
+- Update action register hook
+- Updated dependencies
+  - @pulse-editor/shared-utils@0.1.1-alpha.44
+
 ## 0.1.1-alpha.43
 
 ### Patch Changes

npm-packages/react-api/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pulse-editor/react-api",
-  "version": "0.1.1-alpha.43",
+  "version": "0.1.1-alpha.45",
   "main": "dist/main.js",
   "files": [
     "dist"
@@ -38,7 +38,7 @@
     "typescript-eslint": "^8.30.1"
   },
   "peerDependencies": {
-    "@pulse-editor/shared-utils": "0.1.1-alpha.43",
+    "@pulse-editor/shared-utils": "0.1.1-alpha.45",
     "react": "^19.0.0",
     "react-dom": "^19.0.0"
   }

npm-packages/react-api/src/hooks/editor/use-register-action.ts

@@ -5,7 +5,7 @@ import {
   ReceiverHandler,
   TypedVariable,
 } from "@pulse-editor/shared-utils";
-import { useEffect, useRef, useState } from "react";
+import { DependencyList, useEffect, useRef, useState } from "react";
 import useIMC from "../../lib/use-imc";
 
 /**
@@ -17,7 +17,8 @@ import useIMC from "../../lib/use-imc";
  * @param parameters Parameters of the command.
  * @param returns Return values of the command.
  * @param callbackHandler Callback handler function to handle the command.
- * @param isExtReady Whether the extension is ready to receive commands. 
+ * @param deps Dependency list to re-register the action when changed.
+ * @param isExtReady Whether the extension is ready to receive commands.
  * Useful for actions that need to wait for some certain app state to be ready.
  *
  */
@@ -28,7 +29,8 @@ export default function useRegisterAction(
     parameters?: Record<string, TypedVariable>;
     returns?: Record<string, TypedVariable>;
   },
-  callbackHandler?: (args: any) => Promise<string | void>,
+  callbackHandler: (args: any) => Promise<any>,
+  deps: DependencyList,
   isExtReady: boolean = true
 ) {
   const { isReady, imc } = useIMC(getReceiverHandlerMap());
@@ -85,8 +87,9 @@ export default function useRegisterAction(
       description: actionInfo.description,
       parameters: actionInfo.parameters ?? {},
       returns: actionInfo.returns ?? {},
+      handler: callbackHandler,
     }));
-  }, [callbackHandler]);
+  }, [...deps]);
 
   async function executeAction(args: any) {
     if (!action.handler) return;

npm-packages/shared-utils/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @pulse-editor/shared-utils
 
+## 0.1.1-alpha.45
+
+### Patch Changes
+
+- Make action return type any
+
+## 0.1.1-alpha.44
+
+### Patch Changes
+
+- Update action register hook
+
 ## 0.1.1-alpha.43
 
 ### Patch Changes

npm-packages/shared-utils/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@pulse-editor/shared-utils",
-    "version": "0.1.1-alpha.43",
+    "version": "0.1.1-alpha.45",
     "main": "dist/main.js",
     "files": [
         "dist"

npm-packages/shared-utils/src/imc/inter-module-communication.ts

@@ -72,10 +72,7 @@ export class InterModuleCommunication {
       }
 
       const message = event.data;
-      if (
-        process.env.NODE_ENV === "development" &&
-        message.from !== undefined
-      ) {
+      if (message.from !== undefined) {
         console.log(
           `Module ${this.thisWindowId} received message from module ${
             message.from