Update

src/textWithBgImage/SemibitComposition.tsx

@@ -15,6 +15,12 @@ function getFileName(filePath: string, subdirpath?: string): string {
         return undefined
     if (filePath.startsWith("http"))
         return filePath
+    const slashCount = (filePath.replace("./", "").split("/").length - 1);
+    if (slashCount > 0) {
+        let pub = filePath.replace("./", "")
+        return pub
+    }
+
     const match = filePath.match(/([^\/\\]+)$/);
     let folmat = match ? match[1] : '';
     if (subdirpath) {
@@ -69,7 +75,7 @@ export const SemibitComposition: React.FC = () => {
                     curDurSecs = 3
                 }
                 //@ts-ignore
-                const transitionFile = section?.transition_file || Transitions[0].file
+                const transitionFile = (section?.transition_file || Transitions[0].file)
                 //@ts-ignore
                 const transitionDurationSec = (section?.transition_duration_sec || Transitions[0].durationSec)
                 const transitionDurationFrames = transitionDurationSec * fps
@@ -98,6 +104,7 @@ export const SemibitComposition: React.FC = () => {
                 let frame = Object.assign(section, {
                     "commulativeDurationStartSec": commDuration,
                     "text": text,
+                    "transition_file": getFileName(transitionFile),
                     "durationInSecs": curDurSecs,
                     "duration": Math.ceil(curDurSecs * fps),
                     "offset": offset * fps,