chore: rename functions

fand · Jul 9, 2021 · 4d70329 · 4d70329
1 parent 7615cf6
commit 4d70329
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 10 deletions.
diff --git a/src/element.tsx b/src/element.tsx
@@ -3,9 +3,8 @@ import { useEffect, useRef, useContext } from "react";
 import { VFXContext } from "./context";
 import { VFXProps } from "./types";
 
-type VFXElementProps<
-    T extends keyof JSX.IntrinsicElements
-> = JSX.IntrinsicElements[T] & VFXProps;
+type VFXElementProps<T extends keyof JSX.IntrinsicElements> =
+    JSX.IntrinsicElements[T] & VFXProps;
 
 function VFXElementFactory<T extends keyof JSX.IntrinsicElements>(
     type: T
@@ -29,7 +28,7 @@ function VFXElementFactory<T extends keyof JSX.IntrinsicElements>(
                 shader,
                 release,
                 uniforms,
-                overflow
+                overflow,
             });
 
             return () => {
@@ -43,7 +42,7 @@ function VFXElementFactory<T extends keyof JSX.IntrinsicElements>(
                 return;
             }
 
-            player?.updateElement(ref.current);
+            player?.updateTextElement(ref.current);
         }, [player, props.children]);
 
         return React.createElement(type, { ...props, ref });

diff --git a/src/vfx-player.ts b/src/vfx-player.ts
@@ -79,7 +79,7 @@ export default class VFXPlayer {
                 if (e.type === "text" && e.isInViewport) {
                     const rect = e.element.getBoundingClientRect();
                     if (rect.width !== e.width || rect.height !== e.height) {
-                        await this.rerender(e);
+                        await this.rerenderTextElement(e);
                         e.width = rect.width;
                         e.height = rect.height;
                     }
@@ -89,7 +89,7 @@ export default class VFXPlayer {
                 if (e.type === "text" && !e.isInViewport) {
                     const rect = e.element.getBoundingClientRect();
                     if (rect.width !== e.width || rect.height !== e.height) {
-                        await this.rerender(e);
+                        await this.rerenderTextElement(e);
                         e.width = rect.width;
                         e.height = rect.height;
                     }
@@ -112,7 +112,7 @@ export default class VFXPlayer {
         }
     };
 
-    private async rerender(e: VFXElement): Promise<void> {
+    private async rerenderTextElement(e: VFXElement): Promise<void> {
         try {
             e.element.style.setProperty("opacity", "1"); // TODO: Restore original opacity
 
@@ -250,10 +250,10 @@ export default class VFXPlayer {
         }
     }
 
-    updateElement(element: HTMLElement): Promise<void> {
+    updateTextElement(element: HTMLElement): Promise<void> {
         const i = this.elements.findIndex((e) => e.element === element);
         if (i !== -1) {
-            return this.rerender(this.elements[i]);
+            return this.rerenderTextElement(this.elements[i]);
         }
 
         // Do nothing if the element is not found