visual-song 0.13.1 → 0.13.2

package/dist/index.d.ts

@@ -29,6 +29,11 @@ declare enum EasingType {
     OutBounce = 23,
     InOutBounce = 24
 }
+declare enum RenderMode {
+    CONTINUOUS = "CONTINUOUS",
+    ONCE = "ONCE",
+    PAUSED = "PAUSED"
+}
 declare function VisualSongProvider({ children }: PropsWithChildren<{}>): react_jsx_runtime.JSX.Element;
 type VisualSongAudioRef = {
     play(): void;
@@ -45,8 +50,6 @@ type VisualSongAudioRef = {
 declare function useVisualSongAudio(file?: File): VisualSongAudioRef;
 type VisualSongRef = {
     IsInitialized(): boolean;
-    resumeMainLoop(): void;
-    pauseMainLoop(): void;
     getBackgroundColor(): Float32Array;
     setBackgroundColor(color: Float32Array): void;
     setVertexShader(shader: string): boolean;
@@ -69,9 +72,11 @@ type Props = {
     vertexShader?: string;
     primitiveMode?: number;
     vertexCount?: number;
+    useSinWaveOnly?: boolean;
+    renderMode?: RenderMode;
     initializedCallback?: () => void;
 };
 declare const VisualSong: react.ForwardRefExoticComponent<Props & react.RefAttributes<VisualSongRef>>;
 
-export { EasingType, VisualSong, VisualSongProvider, useVisualSongAudio };
+export { EasingType, RenderMode, VisualSong, VisualSongProvider, useVisualSongAudio };
 export type { VisualSongAudioRef, VisualSongRef };

package/dist/index.js

@@ -6203,6 +6203,12 @@ var EasingType = /*#__PURE__*/ function(EasingType) {
     EasingType[EasingType["InOutBounce"] = 24] = "InOutBounce";
     return EasingType;
 }({});
+var RenderMode = /*#__PURE__*/ function(RenderMode) {
+    RenderMode["CONTINUOUS"] = "CONTINUOUS";
+    RenderMode["ONCE"] = "ONCE";
+    RenderMode["PAUSED"] = "PAUSED";
+    return RenderMode;
+}({});
 const VisualSongContext = /*#__PURE__*/ createContext({
     module: null
 });
@@ -6303,7 +6309,7 @@ function useVisualSongAudio(file) {
         }
     };
 }
-const VisualSong = /*#__PURE__*/ forwardRef(function VisualSong({ style, mainLoop, backgroundColor, vertexShader, primitiveMode, vertexCount, initializedCallback }, ref) {
+const VisualSong = /*#__PURE__*/ forwardRef(function VisualSong({ style, mainLoop, backgroundColor, vertexShader, primitiveMode, vertexCount, useSinWaveOnly, renderMode, initializedCallback }, ref) {
     const canvasRef = useRef(null);
     const canvasWrapperRef = useRef(null);
     const glContextRef = useRef(null);
@@ -6317,12 +6323,12 @@ const VisualSong = /*#__PURE__*/ forwardRef(function VisualSong({ style, mainLoo
     });
     const useCustomResolutionRef = useRef(false);
     useImperativeHandle(ref, ()=>({
-            resumeMainLoop () {
-                module.current.resumeMainLoop();
-            },
-            pauseMainLoop () {
-                module.current.pauseMainLoop();
-            },
+            // resumeMainLoop(): void {
+            //   module.current!.resumeMainLoop();
+            // },
+            // pauseMainLoop(): void {
+            //   module.current!.pauseMainLoop();
+            // },
             IsInitialized () {
                 return module.current !== null && playerRef.current !== null;
             },
@@ -6382,6 +6388,15 @@ const VisualSong = /*#__PURE__*/ forwardRef(function VisualSong({ style, mainLoo
             },
             setFPS (fps) {
                 module.current.Renderer.getInstance().setFPS(fps);
+            },
+            setUseSinWaveOnly (use) {
+                playerRef.current.setUseSinWaveOnly(use);
+            },
+            getUseSinWaveOnly () {
+                return playerRef.current.getUseSinWaveOnly();
+            },
+            setRenderMode (mode) {
+                playerRef.current.setRenderMode(module.current.RenderMode[mode]);
             }
         }), []);
     useEffect(()=>{
@@ -6443,6 +6458,22 @@ const VisualSong = /*#__PURE__*/ forwardRef(function VisualSong({ style, mainLoo
     }, [
         vertexCount
     ]);
+    useEffect(()=>{
+        if (!module.current || !playerRef.current) return;
+        if (typeof useSinWaveOnly === 'boolean') {
+            playerRef.current.setUseSinWaveOnly(useSinWaveOnly);
+        }
+    }, [
+        useSinWaveOnly
+    ]);
+    useEffect(()=>{
+        if (!module.current || !playerRef.current) return;
+        if (renderMode !== undefined) {
+            playerRef.current.setRenderMode(module.current.RenderMode[renderMode]);
+        }
+    }, [
+        renderMode
+    ]);
     function setBackgroundColorInternal(color) {
         if (color && color.length >= 4) {
             if (!playerRef.current) return;
@@ -6486,6 +6517,12 @@ const VisualSong = /*#__PURE__*/ forwardRef(function VisualSong({ style, mainLoo
         if (vertexCount !== undefined) {
             playerRef.current.setVertexCount(vertexCount);
         }
+        if (useSinWaveOnly !== undefined) {
+            playerRef.current.setUseSinWaveOnly(useSinWaveOnly);
+        }
+        if (renderMode !== undefined) {
+            playerRef.current.setRenderMode(module.current.RenderMode[renderMode]);
+        }
         updateLayout();
         if (initializedCallback !== undefined) {
             initializedCallback();
@@ -6562,4 +6599,4 @@ const VisualSong = /*#__PURE__*/ forwardRef(function VisualSong({ style, mainLoo
     });
 });
 
-export { EasingType, VisualSong, VisualSongProvider, useVisualSongAudio };
+export { EasingType, RenderMode, VisualSong, VisualSongProvider, useVisualSongAudio };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "visual-song",
-  "version": "0.13.1",
+  "version": "0.13.2",
   "description": "visual-song core library",
   "author": "kunyoungparkk (rjsdud3263@gmail.com)",
   "license": "MIT",