[WIP] refactor js operator runtime

app/packages/core/src/components/Starter/index.tsx

@@ -4,7 +4,7 @@ import {
   useOperatorBrowser,
   useOperatorExecutor,
   usePromptOperatorInput,
-} from "@fiftyone/operators/src/state";
+} from "@fiftyone/operators/src/runtime";
 import { datasetName as datasetNameAtom } from "@fiftyone/state";
 import {
   Button,
@@ -192,7 +192,9 @@ export function OperatorLauncher(props: OperatorLauncherPropsType) {
 
   const handleClick = useCallback(() => {
     if (prompt) {
-      promptForInput(uri);
+      promptForInput({
+        uriOrName: uri,
+      });
     } else {
       execute({});
     }

app/packages/operators/package.json

@@ -10,7 +10,8 @@
     },
     "main": "./src/index.ts",
     "scripts": {
-        "dev": "vite"
+        "dev": "vite",
+        "test": "vitest"
     },
     "private": true,
     "files": [
@@ -24,7 +25,8 @@
         "jest": "^29.7.0",
         "prettier": "2.2.1",
         "typescript": "4.2.4",
-        "vite": "^5.2.14"
+        "vite": "^5.2.14",
+        "vitest": "^2.1.3"
     },
     "peerDependencies": {
         "@mui/icons-material": "*",

app/packages/operators/src/OperatorBrowser.tsx

@@ -3,8 +3,8 @@ import { Close, Extension, Help, Lock } from "@mui/icons-material";
 import { Link } from "@mui/material";
 import { createPortal } from "react-dom";
 import styled from "styled-components";
-import { initializationErrors } from "./operators";
-import { useOperatorBrowser } from "./state";
+import { initializationErrors } from "./runtime/operators";
+import { useOperatorBrowser } from "./runtime";
 
 // todo: use plugin component
 import { useTrackEvent } from "@fiftyone/analytics";

app/packages/operators/src/OperatorInvocationRequestExecutor.tsx

@@ -2,7 +2,7 @@ import { useEffect, useMemo } from "react";
 import {
   useInvocationRequestExecutor,
   useInvocationRequestQueue,
-} from "./state";
+} from "./runtime";
 import { QueueItemStatus } from "./constants";
 
 export default function OperatorInvocationRequestExecutor() {

app/packages/operators/src/OperatorPlacements.tsx

@@ -10,12 +10,12 @@ import { Extension } from "@mui/icons-material";
 import styled from "styled-components";
 import { types } from ".";
 import OperatorIcon from "./OperatorIcon";
-import { Operator } from "./operators";
+import { Operator } from "./runtime/operators";
 import {
   useOperatorExecutor,
   useOperatorPlacements,
   usePromptOperatorInput,
-} from "./state";
+} from "./runtime";
 import { Placement, Places } from "./types";
 
 import { getStringAndNumberProps } from "@fiftyone/core/src/components/Actions/utils";
@@ -117,7 +117,7 @@ function ButtonPlacement(props: OperatorPlacementProps) {
 
   const handleClick = () => {
     if (prompt) {
-      promptForInput(uri);
+      promptForInput({ uriOrName: uri });
     } else {
       execute({});
     }

app/packages/operators/src/OperatorPrompt/OperatorViewModal.tsx

@@ -1,7 +1,7 @@
 import { createPortal } from "react-dom";
 import OperatorIO from "../OperatorIO";
 import OperatorPalette from "../OperatorPalette";
-import { useShowOperatorIO } from "../state";
+import { useShowOperatorIO } from "../runtime";
 import { PaletteContentContainer } from "../styled-components";
 
 export default function OperatorViewModal() {

app/packages/operators/src/OperatorPrompt/index.tsx

@@ -1,6 +1,6 @@
 import { createPortal } from "react-dom";
 import { useRecoilValue } from "recoil";
-import { showOperatorPromptSelector, useOperatorPrompt } from "../state";
+import { showOperatorPromptSelector, useOperatorPrompt } from "../runtime";
 import { BaseStylesProvider } from "../styled-components";
 import { OperatorPromptType } from "../types";
 import OperatorModalPrompt from "./OperatorModalPrompt";

app/packages/operators/src/Panel/register.tsx

@@ -1,7 +1,7 @@
 import { PluginComponentType, registerComponent } from "@fiftyone/plugins";
 import { defineCustomPanel } from "../CustomPanel";
 import OperatorIcon from "../OperatorIcon";
-import { ExecutionContext } from "../operators";
+import { ExecutionContext } from "../runtime/operators";
 
 export default function registerPanel(ctx: ExecutionContext) {
   registerComponent({

app/packages/operators/src/built-in-operators.ts

@@ -29,8 +29,8 @@
   _registerBuiltInOperator,
   executeOperator,
   listLocalAndRemoteOperators,
-} from "./operators";
-import { useShowOperatorIO } from "./state";
+} from "./runtime/operators";
+import { useShowOperatorIO } from "./runtime";
 import usePanelEvent from "./usePanelEvent";
 
 //
@@ -812,7 +812,7 @@
       unlisted: true,
     });
   }
   useHooks(ctx: ExecutionContext): {} {
     return { updatePanelState: useUpdatePanelStatePartial() };
   }
   async execute(ctx: ExecutionContext): Promise<void> {

app/packages/operators/src/hooks.ts

@@ -8,14 +8,14 @@ import {
   ExecutionContext,
   fetchRemotePlacements,
   resolveLocalPlacements,
-} from "./operators";
+} from "./runtime/operators";
 import {
   activePanelsEventCountAtom,
   operatorPlacementsAtom,
   operatorThrottledContext,
   operatorsInitializedAtom,
   useCurrentSample,
-} from "./state";
+} from "./runtime";
 
 function useOperatorThrottledContextSetter() {
   const datasetName = useRecoilValue(fos.datasetName);

app/packages/operators/src/index.ts

@@ -14,16 +14,15 @@ export {
   ExecutionContext,
   Operator,
   OperatorConfig,
-  abortOperationsByExpression,
   abortOperationsByURI,
   executeOperator,
   registerOperator,
-} from "./operators";
+} from "./runtime/operators";
 export {
   useGlobalExecutionContext,
   useOperatorBrowser,
   useOperatorExecutor,
   useOperatorPlacements,
-} from "./state";
+} from "./runtime";
 export * as types from "./types";
 export { default as usePanelEvent } from "./usePanelEvent";

app/packages/operators/src/loader.tsx

@@ -4,11 +4,14 @@ import { useEffect, useState } from "react";
 import { useRecoilValue, useSetRecoilState } from "recoil";
 import { registerBuiltInOperators } from "./built-in-operators";
 import { useOperatorPlacementsResolver } from "./hooks";
-import { executeOperatorsForEvent, loadOperatorsFromServer } from "./operators";
+import {
+  executeOperatorsForEvent,
+  loadOperatorsFromServer,
+} from "./runtime/operators";
 import {
   availableOperatorsRefreshCount,
   operatorsInitializedAtom,
-} from "./state";
+} from "./runtime";
 
 let startupOperatorsExecuted = false;