visual-song 0.13.1 → 0.13.3

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;
@@ -64,14 +67,15 @@ type VisualSongRef = {
 };
 type Props = {
     style?: React.CSSProperties;
-    mainLoop?: boolean;
     backgroundColor?: Float32Array;
     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, 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(()=>{
@@ -6401,18 +6416,6 @@ const VisualSong = /*#__PURE__*/ forwardRef(function VisualSong({ style, mainLoo
             destroy();
         };
     }, []);
-    useEffect(()=>{
-        if (!module.current) return;
-        if (typeof mainLoop === 'boolean') {
-            if (mainLoop) {
-                module.current.resumeMainLoop();
-            } else {
-                module.current.pauseMainLoop();
-            }
-        }
-    }, [
-        mainLoop
-    ]);
     useEffect(()=>{
         if (!module.current) return;
         setBackgroundColorInternal(backgroundColor);
@@ -6443,6 +6446,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;
@@ -6467,13 +6486,13 @@ const VisualSong = /*#__PURE__*/ forwardRef(function VisualSong({ style, mainLoo
         const renderer = module.current.Renderer.getInstance();
         playerRef.current = renderer.createPlayer(width, height, `#${canvas.id}`);
         glContextRef.current = canvas.getContext('webgl2');
-        if (mainLoop !== undefined) {
-            if (mainLoop) {
-                module.current.resumeMainLoop();
-            } else {
-                module.current.pauseMainLoop();
-            }
-        }
+        // if(mainLoop !== undefined) {
+        //   if(mainLoop) {
+        //     module.current!.resumeMainLoop();
+        //   } else {
+        //     module.current!.pauseMainLoop();
+        //   }
+        // }
         if (backgroundColor !== undefined) {
             setBackgroundColorInternal(backgroundColor);
         }
@@ -6486,6 +6505,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 +6587,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.3",
   "description": "visual-song core library",
   "author": "kunyoungparkk (rjsdud3263@gmail.com)",
   "license": "MIT",