From a1ac0fc829ff97c6fe8503fa70087406c9af0ddb Mon Sep 17 00:00:00 2001
From: tikkhun <s565338107@163.com>
Date: Thu, 1 Aug 2024 15:30:26 +0800
Subject: [PATCH] chore: requestable.

---
 .../examples/window-postmessage/child.html    | 16 ++++++---
 .../examples/window-postmessage/index.html    | 34 ++++++++++++++++---
 2 files changed, 40 insertions(+), 10 deletions(-)
diff --git a/packages/requestable/examples/window-postmessage/child.html b/packages/requestable/examples/window-postmessage/child.html
index 3dc33e7..9d1aff5 100644
--- a/packages/requestable/examples/window-postmessage/child.html
+++ b/packages/requestable/examples/window-postmessage/child.html
@@ -10,10 +10,11 @@
 <body>
   <div>child</div>
   <script type="module">
-    import { Requestable } from '../../dist/index.mjs'
+    import { Requestable, Responsive } from '../../dist/index.mjs'
     const emitter = {
       on(topic, cb) {
         window.addEventListener('message', (event) => {
+          console.log(`child receive event.data`, event.data)
           if (event.data.topic !== topic) {
             return
           }
@@ -21,15 +22,20 @@
         })
       },
       emit(topic, message) {
+        console.log(`child emit topic,message`, topic, message)
         window.parent.postMessage({ topic, message }, '*')
       }
     }
-    const requestable = new Requestable({
-      emitter
+    const responsive = new Responsive({ emitter })
+    responsive.addRoute('home', (data) => {
+      return 'home from child'
     })
-    requestable.init()
+    responsive.init()
     async function bootstrap() {
-      console.log(`123`, 123)
+      const requestable = new Requestable({
+        emitter
+      })
+      requestable.init()
       const result = await requestable.request({
         url: 'home',
         payload: {
diff --git a/packages/requestable/examples/window-postmessage/index.html b/packages/requestable/examples/window-postmessage/index.html
index 5417d18..5595356 100644
--- a/packages/requestable/examples/window-postmessage/index.html
+++ b/packages/requestable/examples/window-postmessage/index.html
@@ -10,12 +10,14 @@
 <body>
   <iframe id="child" src="./child.html" width="50%" height="50%"></iframe>
   <script type="module">
-    import { Responsive } from '../../dist/index.mjs'
+    import { Responsive, Requestable } from '../../dist/index.mjs'
     const emitter = {
       source: null,
       on(topic, cb) {
+        console.log(`topic`, topic)
         window.addEventListener('message', (event) => {
-          this.source = event.source
+          // console.log(`parent message`, event.data.topic, topic)
+          // this.source = event.source
           if (event.data.topic !== topic) {
             return
           }
@@ -23,17 +25,39 @@
         })
       },
       emit(topic, message) {
-        this.source.postMessage({ topic, message }, '*')
+        // this.source.postMessage({ topic, message }, '*')
+        child.contentWindow.postMessage({ topic, message }, '*')
       }
     }
     const responsive = new Responsive({
       emitter
     })
     responsive.addRoute('home', (data) => {
-      console.log(`data`, data)
-      return 123123
+      return data
     })
     responsive.init()
+    async function bootstrap() {
+      const requestable = new Requestable({
+        emitter
+      })
+      requestable.init()
+      const result = await requestable.request({
+        url: 'home',
+        payload: {
+          a: 123
+        }
+      })
+      console.log(`result`, result)
+      const resultFail = await requestable.request({
+        url: 'hhh',
+        payload: null
+      })
+      console.log(`resultFail`, resultFail)
+    }
+    setTimeout(() => {
+
+      bootstrap()
+    }, 1000)
   </script>
 </body>
 
