@iternio/react-native-auto-play 0.4.6 → 0.4.7

package/lib/templates/MapTemplate.js

@@ -2,7 +2,6 @@ import React from 'react';
 import { AppRegistry, Platform } from 'react-native';
 import { NitroModules } from 'react-native-nitro-modules';
 import { MapTemplateProvider } from '../components/MapTemplateContext';
-import OnAppearedChildRenderer from '../components/OnAppearedChildRenderer';
 import { SafeAreaInsetsProvider } from '../components/SafeAreaInsetsContext';
 import { HybridAutoPlay } from '../hybrid/HybridAutoPlay';
 import { NitroActionUtil } from '../utils/NitroAction';
@@ -24,11 +23,7 @@ export class MapTemplate extends Template {
             children: React.createElement(SafeAreaInsetsProvider, {
                 moduleName: this.id,
                 // biome-ignore lint/correctness/noChildrenProp: there is no other way in a ts file
-                children: React.createElement(OnAppearedChildRenderer, {
-                    // biome-ignore lint/correctness/noChildrenProp: there is no other way in a ts file
-                    children: React.createElement(component, props),
-                    moduleName: this.id,
-                }),
+                children: React.createElement(component, props),
             }),
         }));
         const nitroConfig = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@iternio/react-native-auto-play",
-  "version": "0.4.6",
+  "version": "0.4.7",
   "description": "Android Auto and Apple CarPlay for react-native",
   "main": "lib/index",
   "module": "lib/index",

package/src/templates/MapTemplate.ts

@@ -3,7 +3,6 @@ import { AppRegistry, Platform } from 'react-native';
 import { NitroModules } from 'react-native-nitro-modules';
 import type { AutoText } from '..';
 import { MapTemplateProvider } from '../components/MapTemplateContext';
-import OnAppearedChildRenderer from '../components/OnAppearedChildRenderer';
 import { SafeAreaInsetsProvider } from '../components/SafeAreaInsetsContext';
 import { HybridAutoPlay } from '../hybrid/HybridAutoPlay';
 import type { MapTemplate as NitroMapTemplate } from '../specs/MapTemplate.nitro';
@@ -197,11 +196,7 @@ export class MapTemplate extends Template<MapTemplateConfig, MapTemplateConfig['
           children: React.createElement(SafeAreaInsetsProvider, {
             moduleName: this.id,
             // biome-ignore lint/correctness/noChildrenProp: there is no other way in a ts file
-            children: React.createElement(OnAppearedChildRenderer, {
-              // biome-ignore lint/correctness/noChildrenProp: there is no other way in a ts file
-              children: React.createElement(component, props),
-              moduleName: this.id,
-            }),
+            children: React.createElement(component, props),
           }),
         })
     );

package/lib/components/OnAppearedChildRenderer.d.ts

@@ -1,10 +0,0 @@
-type Props = {
-    children: React.ReactNode;
-    moduleName: string;
-};
-/**
- * renders the passed children when the specified scene/screen appeared
- * this makes sure child hooks are executed only when the map template is ready
- */
-export default function OnAppearedChildRenderer({ children, moduleName }: Props): import("react").ReactNode;
-export {};

package/lib/components/OnAppearedChildRenderer.js

@@ -1,26 +0,0 @@
-import { useEffect, useState } from 'react';
-import { HybridAutoPlay } from '../hybrid/HybridAutoPlay';
-/**
- * renders the passed children when the specified scene/screen appeared
- * this makes sure child hooks are executed only when the map template is ready
- */
-export default function OnAppearedChildRenderer({ children, moduleName }) {
-    const [didAppear, setDidAppear] = useState(false);
-    useEffect(() => {
-        let remove = HybridAutoPlay.addListenerRenderState(moduleName, (renderState) => {
-            if (renderState === 'didAppear') {
-                remove?.();
-                remove = null;
-                setDidAppear(true);
-            }
-        });
-        return () => {
-            remove?.();
-            remove = null;
-        };
-    }, [moduleName]);
-    if (didAppear) {
-        return children;
-    }
-    return null;
-}

package/src/components/OnAppearedChildRenderer.tsx

@@ -1,37 +0,0 @@
-import { useEffect, useState } from 'react';
-import { HybridAutoPlay } from '../hybrid/HybridAutoPlay';
-import type { CleanupCallback } from '../types/Event';
-
-type Props = { children: React.ReactNode; moduleName: string };
-
-/**
- * renders the passed children when the specified scene/screen appeared
- * this makes sure child hooks are executed only when the map template is ready
- */
-export default function OnAppearedChildRenderer({ children, moduleName }: Props) {
-  const [didAppear, setDidAppear] = useState(false);
-
-  useEffect(() => {
-    let remove: CleanupCallback | null = HybridAutoPlay.addListenerRenderState(
-      moduleName,
-      (renderState) => {
-        if (renderState === 'didAppear') {
-          remove?.();
-          remove = null;
-          setDidAppear(true);
-        }
-      }
-    );
-
-    return () => {
-      remove?.();
-      remove = null;
-    };
-  }, [moduleName]);
-
-  if (didAppear) {
-    return children;
-  }
-
-  return null;
-}