Fix view transitions

Author: ox-harris

src/webflo-runtime/webflo-client/WebfloClient.js

@@ -566,11 +566,11 @@ export class WebfloClient extends AppRuntime {
         Observer.set(this.transition, 'rel', viewTransitionRel);
         // Trigger transition
         if (document.startViewTransition && this.withViewTransitions && !detail.hasUAVisualTransition) {
-            const synthesizeWhile = window.webqit?.realdom?.synthesizeWhile || ((callback) => callback());
+            const synthesizeWhile = /*window.webqit?.realdom?.synthesizeWhile ||*/ ((callback) => callback());
             return new Promise(async (resolve) => {
                 await synthesizeWhile(async () => {
                     Observer.set(this.transition, 'phase', 'old');
-                    const viewTransition = document.startViewTransition({ update: updateCallback, styles: ['navigation', viewTransitionRel] });
+                    const viewTransition = document.startViewTransition({ update: updateCallback, types: ['navigation', viewTransitionRel] });
                     try { await viewTransition.updateCallbackDone; } catch (e) { console.log(e); }
                     Observer.set(this.transition, 'phase', 'new');
                     try { await viewTransition.ready; } catch (e) { console.log(e); }

src/webflo-runtime/webflo-client/WebfloRootClientA.js

@@ -34,7 +34,7 @@ export class WebfloRootClientA extends WebfloClient {
 	#hmr;
 
 	get withViewTransitions() {
-		return document.querySelector('meta[name="webflo:viewtransitions"]')?.value;
+		return ['true', '1', 'yes'].includes(document.querySelector('meta[name="webflo:viewtransitions"]')?.content?.toLowerCase());
 	}
 
 	constructor(bootstrap, host) {

src/webflo-runtime/webflo-client/WebfloSubClient.js

@@ -20,7 +20,7 @@ export class WebfloSubClient extends WebfloClient {
 
 	get viewport() { return this.#superRuntime.viewport; }
 
-	get withViewTransitions() { return this.host.hasAttribute('viewtransitions'); }
+	get withViewTransitions() { return ['true', '1', 'yes'].includes(this.host.getAttribute('viewtransitions')?.toLowerCase()); }
 
 	constructor(superRuntime, host) {
 		if (!(superRuntime instanceof WebfloClient)) {