fix: fix asset creation; clear canvas after emptying timeline

Author: taye

packages/webgl-video-editor/src/nodes/assets.ts

@@ -4,7 +4,7 @@ import { Effect } from 'webgl-effects'
 import { getContainerMetadata, getMediaElementInfo } from 'shared/video/utils'
 
 import type { RootNode } from '../../types/internal'
-import { NodeCreateEvent } from '../events.ts'
+import { NodeCreateEvent, NodeMoveEvent } from '../events.ts'
 import { storage } from '../storage/index.ts'
 
 import { BaseNode } from './base-node.ts'
@@ -188,7 +188,6 @@ export class MediaAsset extends BaseAsset<Schema.AvMediaAsset> {
     ;(async () => {
       const storageHasFile = await storage.hasCompleteFile(id)
 
-      // WIP: add abort signal to all fetches and pipes, etc
       if (!storageHasFile) {
         if (source == null) throw new Error('[webgl-video-editor] Missing media source')
 
@@ -220,6 +219,10 @@ export class MediaAsset extends BaseAsset<Schema.AvMediaAsset> {
       asset.#error.value = error
     })
 
+    const { assetLibrary } = root
+    asset.position({ parentId: assetLibrary.id, index: assetLibrary.count })
+    root._emit(new NodeMoveEvent(asset.id, undefined))
+
     return asset
   }
 

packages/webgl-video-editor/src/nodes/movie.ts

@@ -323,6 +323,8 @@ export class Movie extends ParentNode<Schema.Movie, Collection<'asset-library'>
       while (collection.tail) collection.tail.dispose()
     })
 
+    this.renderer.clear()
+
     if (clearCache) return MediaAsset.clearCache().then(() => undefined)
   }