fix(lynx): use built-in js-ready handoff

Author: ScriptedAlchemy

apps/lynx-module-federation-demo/lynx.config.mjs

@@ -38,7 +38,7 @@ export default defineConfig({
   plugins: [
     pluginReactLynx({
       defaultDisplayLinear: false,
-      firstScreenSyncTiming: 'manual',
+      firstScreenSyncTiming: 'jsReady',
     }),
     createNativeHostFederationPlugin(nativeManifestUrl),
     pluginNativeRemoteAssets,

apps/lynx-module-federation-demo/lynx.web.config.mjs

@@ -14,7 +14,7 @@ export default defineConfig({
   plugins: [
     pluginReactLynx({
       defaultDisplayLinear: false,
-      firstScreenSyncTiming: 'manual',
+      firstScreenSyncTiming: 'jsReady',
     }),
     createWebHostFederationPlugin(manifestUrl),
   ],

apps/lynx-module-federation-demo/src/app/App.tsx

@@ -1,9 +1,4 @@
-import {
-  markFirstScreenSyncReady,
-  useCallback,
-  useEffect,
-  useState,
-} from '@lynx-js/react';
+import { useCallback, useEffect, useState } from '@lynx-js/react';
 
 import type { SharedStateView } from '../remote-ui/contracts';
 import { type LoadState, useFederatedCatalog } from './useFederatedCatalog';
@@ -199,7 +194,6 @@ export function App() {
   useEffect(() => {
     'background-only';
     setBackgroundReady(true);
-    markFirstScreenSyncReady();
   }, []);
 
   const selectScreen = useCallback((nextScreen: Screen) => {

apps/lynx-module-federation-demo/test/ios-project.mjs

@@ -108,12 +108,14 @@ assert.match(
 );
 assert.match(
   appSource,
-  /useEffect\(\(\) => \{\s*'background-only';\s*setBackgroundReady\(true\);\s*markFirstScreenSyncReady\(\);\s*\}, \[\]\);/,
+  /useEffect\(\(\) => \{\s*'background-only';\s*setBackgroundReady\(true\);\s*\}, \[\]\);/,
+);
+assert.doesNotMatch(
+  appSource,
+  /markFirstScreenSyncReady|setTimeout|queueMicrotask/,
 );
-assert.doesNotMatch(appSource, /\}, \[backgroundReady\]\);/);
-assert.doesNotMatch(appSource, /setTimeout|queueMicrotask/);
 for (const hostConfig of [nativeHostConfig, webHostConfig]) {
-  assert.match(hostConfig, /firstScreenSyncTiming: 'manual'/);
+  assert.match(hostConfig, /firstScreenSyncTiming: 'jsReady'/);
 }
 assert.match(appSource, /interactive=\{backgroundReady\}/);
 assert.match(