vim-web 0.3.44-dev.10 → 0.3.44-dev.13

package/dist/types/react-viewers/helpers/reactUtils.d.ts

@@ -7,8 +7,33 @@ export declare function useStateRef<T>(initialValue: T): {
     get(): T;
     set: (value: T) => void;
     confirm(): void;
-    useRegister(on: (value: T) => (void | (() => void))): void;
+    useOnChange(on: (value: T) => (void | (() => void))): void;
     useMemo<TOut>(on: (value: T) => TOut, deps?: any[]): TOut;
     useValidate(on: (value: T) => T): void;
     useConfirm(on: (value: T) => T): void;
 };
+export interface ActionRef {
+    call(): void;
+    set(func: () => void): void;
+}
+export declare function useActionRef(action: () => void): ActionRef;
+export interface ArgActionRef<T> {
+    call(arg: T): void;
+    set(func: (arg: T) => void): void;
+}
+export declare function useArgActionRef<T>(action: (arg: T) => void): ArgActionRef<T>;
+export interface FuncRef<T> {
+    call(): T;
+    set(func: () => T): void;
+}
+export declare function useFuncRef<T>(func: () => T): FuncRef<T>;
+export interface AsyncFuncRef<T> {
+    call(): Promise<T>;
+    set(func: () => Promise<T>): void;
+}
+export declare function useAsyncFuncRef<T>(func: () => Promise<T>): AsyncFuncRef<T>;
+export interface ArgFuncRef<TArg, TResult> {
+    call(arg: TArg): TResult;
+    set(func: (arg: TArg) => TResult): void;
+}
+export declare function useArgFuncRef<TArg, TResult>(func: (arg: TArg) => TResult): ArgFuncRef<TArg, TResult>;

package/dist/types/react-viewers/state/sectionBoxState.d.ts

@@ -1,6 +1,6 @@
 import * as THREE from 'three';
 import { ISignal } from 'ste-signals';
-import { StateRef } from '../helpers/reactUtils';
+import { ArgActionRef, AsyncFuncRef, StateRef } from '../helpers/reactUtils';
 export type Offsets = {
     topOffset: string;
     sideOffset: string;
@@ -11,9 +11,9 @@ export interface SectionBoxRef {
     enable: StateRef<boolean>;
     visible: StateRef<boolean>;
     auto: StateRef<boolean>;
-    sectionSelection: () => void;
-    sectionReset: () => void;
-    section: (box: THREE.Box3) => void;
+    sectionSelection: AsyncFuncRef<void>;
+    sectionReset: AsyncFuncRef<void>;
+    section: ArgActionRef<THREE.Box3>;
     showOffsetPanel: StateRef<boolean>;
     topOffset: StateRef<string>;
     sideOffset: StateRef<string>;

package/dist/vim-web.iife.js

@@ -67845,7 +67845,7 @@ Averrage Date/Second ${avgDataRatePS} kb
           enabled: () => section.enable.get(),
           isOn: () => hasSelection,
           style: (on) => buttonDisableStyle(on),
-          action: () => section.sectionSelection(),
+          action: () => section.sectionSelection.call(),
           icon: sectionBoxShrink
         },
         {
@@ -67853,7 +67853,7 @@ Averrage Date/Second ${avgDataRatePS} kb
           tip: "Reset Section",
           enabled: () => section.enable.get(),
           style: (on) => buttonDefaultStyle(on),
-          action: () => section.sectionReset(),
+          action: () => section.sectionReset.call(),
           icon: sectionBoxReset
         },
         {
@@ -75835,7 +75835,7 @@ Averrage Date/Second ${avgDataRatePS} kb
       confirm() {
         set2(confirm.current(ref.current));
       },
-      useRegister(on) {
+      useOnChange(on) {
         React2.useEffect(() => {
           return event.current.subscribe(on);
         }, []);
@@ -75855,6 +75855,28 @@ Averrage Date/Second ${avgDataRatePS} kb
       }
     };
   }
+  function useArgActionRef(action) {
+    const ref = React2.useRef(action);
+    return {
+      call(arg) {
+        ref == null ? void 0 : ref.current(arg);
+      },
+      set(func) {
+        ref.current = func;
+      }
+    };
+  }
+  function useFuncRef(func) {
+    const ref = React2.useRef(func);
+    return {
+      call() {
+        return ref == null ? void 0 : ref.current();
+      },
+      set(func2) {
+        ref.current = func2;
+      }
+    };
+  }
   function useSectionBox(adapter) {
     const enable = useStateRef(false);
     const visible2 = useStateRef(false);
@@ -75864,14 +75886,14 @@ Averrage Date/Second ${avgDataRatePS} kb
     const sideOffset = useStateRef("1");
     const bottomOffset = useStateRef("1");
     const boxRef = React2.useRef(adapter.getBox());
-    enable.useRegister((v) => {
+    enable.useOnChange((v) => {
       visible2.set(v);
       auto.set(false);
       showOffsetPanel.set(false);
       topOffset.set("1");
       sideOffset.set("1");
       bottomOffset.set("1");
-      void sectionReset();
+      void sectionReset.call();
     });
     topOffset.useValidate((v) => sanitize(v, false));
     sideOffset.useValidate((v) => sanitize(v, false));
@@ -75879,37 +75901,35 @@ Averrage Date/Second ${avgDataRatePS} kb
     topOffset.useConfirm((v) => sanitize(v, true));
     sideOffset.useConfirm((v) => sanitize(v, true));
     bottomOffset.useConfirm((v) => sanitize(v, true));
-    const offsetBox = React2.useMemo(
-      () => offsetsToBox3(topOffset.get(), sideOffset.get(), bottomOffset.get()),
-      [topOffset.get(), sideOffset.get(), bottomOffset.get()]
-    );
-    React2.useEffect(() => section(boxRef.current), [offsetBox]);
-    auto.useRegister((v) => {
-      if (v) sectionSelection();
+    topOffset.useOnChange((v) => section.call(boxRef.current));
+    sideOffset.useOnChange((v) => section.call(boxRef.current));
+    bottomOffset.useOnChange((v) => section.call(boxRef.current));
+    auto.useOnChange((v) => {
+      if (v) sectionSelection.call();
     });
     React2.useEffect(() => {
       return adapter.onSelectionChanged.sub(() => {
-        if (auto.get()) sectionSelection();
+        if (auto.get()) sectionSelection.call();
       });
     }, []);
-    visible2.useRegister((v) => adapter.setVisible(v));
-    const section = (baseBox) => {
+    visible2.useOnChange((v) => adapter.setVisible(v));
+    const section = useArgActionRef((baseBox) => {
       boxRef.current = baseBox;
-      const newBox = addBox(baseBox, offsetBox);
+      const newBox = addBox(baseBox, offsetsToBox3(topOffset.get(), sideOffset.get(), bottomOffset.get()));
       adapter.fitBox(newBox);
-    };
-    const sectionSelection = async () => {
+    });
+    const sectionSelection = useFuncRef(async () => {
       try {
         const box = await adapter.getSelectionBox() ?? await adapter.getRendererBox();
-        section(box);
+        section.call(box);
       } catch (e) {
         console.error(e);
       }
-    };
-    const sectionReset = async () => {
+    });
+    const sectionReset = useFuncRef(async () => {
       const box = await adapter.getRendererBox();
-      section(box);
-    };
+      section.call(box);
+    });
     return {
       enable,
       visible: visible2,