From 02a4cb5259c98ec64b7f62dff3bd0679bd95b297 Mon Sep 17 00:00:00 2001
From: pupiltong <12288479+PupilTong@users.noreply.github.com>
Date: Thu, 17 Apr 2025 14:37:20 +0800
Subject: [PATCH] fix: create a new lynx-view for lynxjs.org

---
 .changeset/angry-buckets-chew.md            |  2 +-
 packages/web-platform/web-explorer/index.ts | 10 ++++++----
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/.changeset/angry-buckets-chew.md b/.changeset/angry-buckets-chew.md
index a98d1844ab..f7917efff5 100644
--- a/.changeset/angry-buckets-chew.md
+++ b/.changeset/angry-buckets-chew.md
@@ -2,4 +2,4 @@
 "@lynx-js/web-explorer": patch
 ---
 
-fix: delay 500ms to send the `webExplorerReady`
+fix: create a new lynx-view for lynxjs.org
diff --git a/packages/web-platform/web-explorer/index.ts b/packages/web-platform/web-explorer/index.ts
index f95fc27ebd..606d96e6f8 100644
--- a/packages/web-platform/web-explorer/index.ts
+++ b/packages/web-platform/web-explorer/index.ts
@@ -7,7 +7,7 @@ import '@lynx-js/web-elements/all';
 import QrScanner from 'qr-scanner';
 
 const video = document.getElementById('qr-scanner') as HTMLVideoElement;
-const lynxView = document.getElementById('lynx-view') as LynxView;
+let lynxView = document.getElementById('lynx-view') as LynxView;
 const backButton = document.getElementById('back-button') as HTMLDivElement;
 const nav = document.getElementById('nav') as HTMLDivElement;
 
@@ -63,12 +63,14 @@ lynxView.globalProps = { theme };
 setLynxViewUrl(homepage);
 window.addEventListener('message', (ev) => {
   if (ev.data && ev.data.method === 'setLynxViewUrl' && ev.data.url) {
+    const parent = lynxView.parentElement!;
+    lynxView.remove();
+    lynxView = document.createElement('lynx-view') as LynxView;
+    lynxView.setAttribute('style', 'flex: 0 1 100vh; height:100vh;');
+    parent.append(lynxView);
     setLynxViewUrl(ev.data.url);
   }
 });
-setTimeout(() => {
-  window.parent?.postMessage('webExplorerReady');
-}, 500);
 
 function setLynxViewUrl(url: string) {
   if (url === homepage) {