@superinterface/react 2.0.8 → 2.0.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +83 -68
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +31 -16
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -1823,8 +1823,9 @@ var useManageRuns = function() {
|
|
|
1823
1823
|
return null;
|
|
1824
1824
|
};
|
|
1825
1825
|
// src/hooks/runs/usePolling/index.tsx
|
|
1826
|
+
import { useEffect as useEffect4 } from "react";
|
|
1826
1827
|
import { useQueryClient as useQueryClient6 } from "@tanstack/react-query";
|
|
1827
|
-
import { useInterval } from "react-use";
|
|
1828
|
+
import { useInterval, usePrevious } from "react-use";
|
|
1828
1829
|
// src/hooks/runs/usePolling/lib/refetch.ts
|
|
1829
1830
|
var refetch = function() {
|
|
1830
1831
|
var _ref = _async_to_generator(function(param) {
|
|
@@ -1893,11 +1894,25 @@ var usePolling = function() {
|
|
|
1893
1894
|
}
|
|
1894
1895
|
});
|
|
1895
1896
|
}), isRunActiveProps.isRunActive ? 3e3 : null);
|
|
1897
|
+
var prevIsRunActive = usePrevious(isRunActiveProps.isRunActive);
|
|
1898
|
+
useEffect4(function() {
|
|
1899
|
+
if (prevIsRunActive && !isRunActiveProps.isRunActive) {
|
|
1900
|
+
refetch({
|
|
1901
|
+
queryClient: queryClient,
|
|
1902
|
+
threadContext: threadContext
|
|
1903
|
+
});
|
|
1904
|
+
}
|
|
1905
|
+
}, [
|
|
1906
|
+
queryClient,
|
|
1907
|
+
threadContext,
|
|
1908
|
+
isRunActiveProps,
|
|
1909
|
+
prevIsRunActive
|
|
1910
|
+
]);
|
|
1896
1911
|
return null;
|
|
1897
1912
|
};
|
|
1898
1913
|
// src/hooks/actions/useManageActions/index.tsx
|
|
1899
1914
|
import { useQueryClient as useQueryClient8 } from "@tanstack/react-query";
|
|
1900
|
-
import { useEffect as
|
|
1915
|
+
import { useEffect as useEffect5 } from "react";
|
|
1901
1916
|
// src/hooks/actions/useHandleAction/index.tsx
|
|
1902
1917
|
import { partob as partob2 } from "radash";
|
|
1903
1918
|
import { useMutation as useMutation2, useQueryClient as useQueryClient7 } from "@tanstack/react-query";
|
|
@@ -1970,7 +1985,7 @@ var useManageActions = function() {
|
|
|
1970
1985
|
var threadContext = useSuperinterfaceContext();
|
|
1971
1986
|
var latestRunProps = useLatestRun();
|
|
1972
1987
|
var handleActionProps = useHandleAction();
|
|
1973
|
-
|
|
1988
|
+
useEffect5(function() {
|
|
1974
1989
|
if (handleActionProps.isPending) return;
|
|
1975
1990
|
if (latestRunProps.isFetching) return;
|
|
1976
1991
|
if (!latestRunProps.latestRun) return;
|
|
@@ -2350,8 +2365,8 @@ var Root2 = function(param) {
|
|
|
2350
2365
|
});
|
|
2351
2366
|
};
|
|
2352
2367
|
// src/components/threads/Thread/MessageForm/Field/index.tsx
|
|
2353
|
-
import { usePrevious } from "react-use";
|
|
2354
|
-
import { useContext as useContext10, useMemo as useMemo10, useRef as useRef3, useEffect as
|
|
2368
|
+
import { usePrevious as usePrevious2 } from "react-use";
|
|
2369
|
+
import { useContext as useContext10, useMemo as useMemo10, useRef as useRef3, useEffect as useEffect6 } from "react";
|
|
2355
2370
|
// src/components/textareas/TextareaBase/index.tsx
|
|
2356
2371
|
import { forwardRef as forwardRef3 } from "react";
|
|
2357
2372
|
import TextareaAutosize from "react-textarea-autosize";
|
|
@@ -2428,10 +2443,10 @@ var Control = function() {
|
|
|
2428
2443
|
isDisabled,
|
|
2429
2444
|
isLoading
|
|
2430
2445
|
]);
|
|
2431
|
-
var isDisabledPrevious =
|
|
2446
|
+
var isDisabledPrevious = usePrevious2(isDisabled);
|
|
2432
2447
|
var textareaRef = useRef3(null);
|
|
2433
2448
|
var textareaProps = register("content");
|
|
2434
|
-
|
|
2449
|
+
useEffect6(function() {
|
|
2435
2450
|
if (isDisabled) return;
|
|
2436
2451
|
if (!isDisabledPrevious) return;
|
|
2437
2452
|
if (!textareaRef.current) return;
|
|
@@ -2877,7 +2892,7 @@ var useStatus = function(param) {
|
|
|
2877
2892
|
// src/hooks/audioThreads/useRecorder/index.ts
|
|
2878
2893
|
import dayjs from "dayjs";
|
|
2879
2894
|
import { useAudioCapture } from "use-audio-capture";
|
|
2880
|
-
import { useMemo as useMemo12, useRef as useRef4, useState as useState5, useCallback as useCallback3, useEffect as
|
|
2895
|
+
import { useMemo as useMemo12, useRef as useRef4, useState as useState5, useCallback as useCallback3, useEffect as useEffect7 } from "react";
|
|
2881
2896
|
import { useAudioPlayer } from "react-use-audio-player";
|
|
2882
2897
|
import { useInterval as useInterval2 } from "react-use";
|
|
2883
2898
|
var useRecorder = function(param) {
|
|
@@ -2889,7 +2904,7 @@ var useRecorder = function(param) {
|
|
|
2889
2904
|
var startAudioPlayer = useAudioPlayer();
|
|
2890
2905
|
var endAudioPlayer = useAudioPlayer();
|
|
2891
2906
|
var _useState54 = _sliced_to_array(useState5(false), 2), isLoaded = _useState54[0], setIsLoaded = _useState54[1];
|
|
2892
|
-
|
|
2907
|
+
useEffect7(function() {
|
|
2893
2908
|
if (isLoaded) return;
|
|
2894
2909
|
setIsLoaded(true);
|
|
2895
2910
|
}, [
|
|
@@ -2949,7 +2964,7 @@ var useRecorder = function(param) {
|
|
|
2949
2964
|
});
|
|
2950
2965
|
var _useState55 = _sliced_to_array(useState5(null), 2), audioEngine = _useState55[0], setAudioEngine = _useState55[1];
|
|
2951
2966
|
var isInited = useRef4(false);
|
|
2952
|
-
|
|
2967
|
+
useEffect7(function() {
|
|
2953
2968
|
if (!mediaStream) return;
|
|
2954
2969
|
if (isInited.current) return;
|
|
2955
2970
|
isInited.current = true;
|
|
@@ -3002,7 +3017,7 @@ var useRecorder = function(param) {
|
|
|
3002
3017
|
setNoiseStart,
|
|
3003
3018
|
setSilenceStart
|
|
3004
3019
|
]);
|
|
3005
|
-
|
|
3020
|
+
useEffect7(function() {
|
|
3006
3021
|
if (!isStopOnSilence) return;
|
|
3007
3022
|
requestAnimationFrame(function() {
|
|
3008
3023
|
return handleSilence();
|
|
@@ -3025,7 +3040,7 @@ var useRecorder = function(param) {
|
|
|
3025
3040
|
});
|
|
3026
3041
|
};
|
|
3027
3042
|
// src/hooks/audioThreads/useMessageAudio/index.ts
|
|
3028
|
-
import { useMemo as useMemo13, useRef as useRef5, useState as useState6, useEffect as
|
|
3043
|
+
import { useMemo as useMemo13, useRef as useRef5, useState as useState6, useEffect as useEffect8 } from "react";
|
|
3029
3044
|
import { Howler } from "howler";
|
|
3030
3045
|
import { useAudioPlayer as useAudioPlayer2 } from "react-use-audio-player";
|
|
3031
3046
|
// src/hooks/audioThreads/useMessageAudio/lib/input.ts
|
|
@@ -3055,7 +3070,7 @@ var useMessageAudio = function(param) {
|
|
|
3055
3070
|
var audioPlayer = useAudioPlayer2();
|
|
3056
3071
|
var superinterfaceContext = useSuperinterfaceContext();
|
|
3057
3072
|
var latestMessageProps = useLatestMessage();
|
|
3058
|
-
|
|
3073
|
+
useEffect8(function() {
|
|
3059
3074
|
if (audioPlayer.playing) return;
|
|
3060
3075
|
if (!latestMessageProps.latestMessage) return;
|
|
3061
3076
|
if (latestMessageProps.latestMessage.role !== "assistant") return;
|
|
@@ -3091,7 +3106,7 @@ var useMessageAudio = function(param) {
|
|
|
3091
3106
|
]);
|
|
3092
3107
|
var isInited = useRef5(false);
|
|
3093
3108
|
var _useState61 = _sliced_to_array(useState6(null), 2), audioEngine = _useState61[0], setAudioEngine = _useState61[1];
|
|
3094
|
-
|
|
3109
|
+
useEffect8(function() {
|
|
3095
3110
|
if (!audioPlayer.playing) return;
|
|
3096
3111
|
if (isInited.current) return;
|
|
3097
3112
|
isInited.current = true;
|
|
@@ -3235,7 +3250,7 @@ import { Flex as Flex24 } from "@radix-ui/themes";
|
|
|
3235
3250
|
// src/components/threads/AudioThread/Form/Visualizer/index.tsx
|
|
3236
3251
|
import _7 from "lodash";
|
|
3237
3252
|
import { Flex as Flex22, Grid } from "@radix-ui/themes";
|
|
3238
|
-
import { useState as useState7, useEffect as
|
|
3253
|
+
import { useState as useState7, useEffect as useEffect9, useCallback as useCallback4 } from "react";
|
|
3239
3254
|
import { cluster } from "radash";
|
|
3240
3255
|
import { jsx as jsx57 } from "react/jsx-runtime";
|
|
3241
3256
|
var barCount = 4;
|
|
@@ -3260,7 +3275,7 @@ var Visualizer = function() {
|
|
|
3260
3275
|
});
|
|
3261
3276
|
});
|
|
3262
3277
|
}, []);
|
|
3263
|
-
|
|
3278
|
+
useEffect9(function() {
|
|
3264
3279
|
draw({
|
|
3265
3280
|
visualizationAnalyser: visualizationAnalyser || emptyVisualizer
|
|
3266
3281
|
});
|