fix(multiple-subtitles): [PKG-MULTI-SUB-07] preserve inline timestamps and caption text

packages/artplayer-plugin-multiple-subtitles/src/merge.ts

@@ -1,7 +1,21 @@
-import type { Cue, WrappedNode } from './parser'
+import type { Cue, CueNode, TimestampNode, WrappedNode } from './parser'
 import type { Track, TrackOption } from './types'
 import { WebVTTParser, WebVTTSerializer } from './parser'
 
+export const TIMESTAMP_CLASS = 'artplayer-multiple-subtitles-timestamp'
+
+function markTimestamp(node: TimestampNode): CueNode {
+  return { type: 'object', name: 'c', classes: [TIMESTAMP_CLASS], children: [node] }
+}
+
+function markNestedTimestamps(node: CueNode): CueNode {
+  if (node.type === 'timestamp')
+    return markTimestamp(node)
+  if (node.type === 'object')
+    return { ...node, children: node.children.map(markNestedTimestamps) }
+  return node
+}
+
 export function parseTracks(vtts: readonly string[], subtitles: readonly TrackOption[]): Track[] {
   const parser = new WebVTTParser()
   return vtts.map((vtt, index) => {
@@ -21,10 +35,14 @@ export function serializeTracks(trees: readonly (Track | undefined)[]): string {
         ...cue,
         tree: {
           ...cue.tree,
-          children: cue.tree.children.map(child => ({
-            ...child,
-            value: `<div class="art-subtitle-${tree.name}">${child.value}</div>`,
-          })),
+          children: cue.tree.children.map((child) => {
+            if (child.type === 'timestamp')
+              return markTimestamp(child)
+            const value = `<div class="art-subtitle-${tree.name}">${child.value}</div>`
+            return child.type === 'object'
+              ? { ...child, value, children: child.children.map(markNestedTimestamps) }
+              : { ...child, value }
+          }),
         },
       })
     }