fix: demo app can't be displayed in doc site. (#695)

example/app/app/+html.tsx

@@ -16,12 +16,6 @@ export default function Root({ children }: { children: React.ReactNode }) {
           content="width=device-width, initial-scale=1, shrink-to-fit=no, maximum-scale=1"
         />
 
-        {/* This CSP used to control which domain could embed this App. For now, we're using this App in doc site. */}
-        <meta
-          httpEquiv="Content-Security-Policy"
-          content="frame-ancestors 'self' https://app.rn-carousel.dev http://localhost:8002"
-        />
-
         {/*
           Disable body scrolling on web. This makes ScrollView components work closer to how they do on native.
           However, body scrolling is often nice to have for mobile web. If you want to enable it, remove this line.

example/app/app/_layout.tsx

@@ -58,10 +58,19 @@ function RootLayoutNav() {
   const { inDoc } = useInDoc();
 
   useEffect(() => {
+    console.log(
+      {
+        IS_WEB,
+        inDoc,
+      },
+      "====",
+    );
     if (IS_WEB && inDoc) {
       window.addEventListener("load", () => {
+        console.log("events called!");
         const carouselComponent = document.getElementById("carousel-component");
-
+        console.log("carouselComponent exists!");
+        console.log(carouselComponent);
         if (carouselComponent) {
           console.log(carouselComponent.offsetHeight);
           window.parent.postMessage(