rerender dummies

2 files changed, 31 insertions, 7 deletions

diff --git a/components/videosourcesettings.tsx b/components/videosourcesettings.tsx
index 345aea1..9464cef 100644
--- a/components/videosourcesettings.tsx
+++ b/components/videosourcesettings.tsx
@@ -1,6 +1,6 @@
 import { State } from '@hookstate/core';
 import { useRef, useState } from 'react';
-import { globalState } from '../pages/editor';
+import { globalState, rerenderComponent } from '../pages/editor';
 import { TimedVideoPlayer } from '../pages/present';
 import { arrayBufferToBase64, LocalVideo } from '../project';
 
@@ -34,13 +34,14 @@ export function LocalVideoSettings(props: VideoSourceSettings) {
 				reader.addEventListener('load', ev => {
 					var video = ev.target.result as ArrayBuffer;
 					props.settings.source = video;
-					props.settings.getVideoInfo();
 					props.settings.mimetype = file.type;
 					props.player.loadVideo(arrayBufferToBase64(video, file.type));
 					props.global.update.refreshLiveTimeline.value();
-					props.global.ready.video.set({
-						available: true,
-						playable: true,
+					props.global.ready.video.available.set(true);
+					props.settings.getVideoInfo().then(() => {
+						props.global.ready.video.playable.set(true);
+						props.global.dummies.timeline.set(n => n + 1);
+						props.global.dummies.tools.set(n => n + 1);
 					});
 				});
 				reader.readAsArrayBuffer(file);
diff --git a/pages/editor.tsx b/pages/editor.tsx
index c8de635..557fd10 100644
--- a/pages/editor.tsx
+++ b/pages/editor.tsx
@@ -19,7 +19,7 @@ import PlaySkipIconAni from '../components/play-skip';
 import Selection from '../components/selection';
 import TimecodeInput from '../components/timeinput';
 import Project, { arrayBufferToBase64, PresentationSettings, VideoSources, VideoSourceType } from '../project';
-import timeline, {
+import {
 	anySlide,
 	clickThroughBehaviours,
 	loopBeginSlide,
@@ -97,6 +97,11 @@ export interface globalState {
 	update: {
 		refreshLiveTimeline: () => void;
 	};
+	dummies: {
+		all: number;
+		timeline: number;
+		tools: number;
+	};
 }
 
 var global = createState<globalState>({
@@ -144,6 +149,11 @@ var global = createState<globalState>({
 			project.timeline = player.timeline;
 		},
 	},
+	dummies: {
+		all: 0,
+		timeline: 0,
+		tools: 0,
+	},
 });
 
 var settings = {
@@ -673,6 +683,9 @@ function getMarkerSpacing() {
 }
 
 function TimelineEditor() {
+	var dummy = useHookstate(global).dummies.timeline;
+	dummy.get();
+
 	var timelineZoom = useHookstate(global).timeline.zoom;
 	var workingTimeline = useHookstate(global).timeline.workingTimeline;
 	var tool = useHookstate(global).timeline.tool;
@@ -1069,7 +1082,11 @@ function DefaultSettings() {
 				{(() => {
 					if (!project.video) return null;
 					var SourceSettings = VideoSources.find(s => s.type == project.video.type).settings;
-					return <SourceSettings settings={project.video} player={player} global={global} />;
+					return <SourceSettings
+						settings={project.video}
+						player={player}
+						global={global}
+					/>;
 				})()}
 			</div>
 			<div className={'section ' + (ready.timeline.value ? '' : 'disabled')}>
@@ -1269,6 +1286,9 @@ function zoomAroundPoint(newZoom: number, pivot: number) {
 var switchToTool = (tool: string) => () => global.ready.timeline.value && global.timeline.tool.set(tool);
 
 function Tools() {
+	var dummy = useHookstate(global).dummies.tools;
+	dummy.get();
+
 	var frame = useHookstate(global).timeline.frame;
 	var tool = useHookstate(global).timeline.tool;
 	var timelineZoom = useHookstate(global).timeline.zoom;
@@ -1441,6 +1461,9 @@ function TitleBar() {
 }
 
 export default function Index() {
+	var dummy = useHookstate(global).dummies.all;
+	dummy.get();
+
 	useEffect(() => {
 		var preventDefault = (e: Event) => e.preventDefault();
 		document.addEventListener('gesturestart', preventDefault);