doc: update browser example

sebastianwessel · Jul 12, 2024 · 445c042 · 445c042
1 parent d561595
commit 445c042
Show file tree

Hide file tree

Showing 2 changed files with 46 additions and 8 deletions.
diff --git a/docs/example.html b/docs/example.html
@@ -30,10 +30,10 @@
 
 const getExample = async ()=> {
   try {
-    const response = await fetch('https://example.com')
+    const response = await fetch('https://github.com')
 
     if(!response.ok) {
-      console.error('Request failed ' + response.statusCode )
+      console.error('Request failed: ' + response.status + ' ' + response.statusText)
       return 
     }
     console.log(await response.text())
@@ -79,15 +79,34 @@
             logMessage.textContent = message;
             outputElement.appendChild(logMessage);
         }
-
 
 // =========== QuickJS =====================
         import { quickJS } from "https://esm.sh/@sebastianwessel/quickjs@1.3.0"
         import "https://esm.sh/typescript"
 
         const {createRuntime} = await quickJS('https://esm.sh/@jitl/quickjs-wasmfile-release-sync')
 
-        const fetchAdapter = (...param)=>fetch(...param)
+        const fetchAdapter = async (url,param)=> {
+            const res = await fetch(url,{...param,mode:"no-cors"})
+            console.log(await res.text())
+            return {
+              status: res.status,
+              ok: res.ok,
+              statusText: res.statusText,
+              json: () => res.json(),
+              text: () => res.text(),
+              formData: () => res.formData(),
+              headers: res.headers,
+              type: res.type,
+              url: res.url,
+              blob: () => res.blob(),
+              bodyUsed: res.bodyUsed,
+              redirected: res.redirected,
+              body: res.body,
+              arrayBuffer: () => res.arrayBuffer(),
+              clone: () => res.clone(),
+            }
+        } 
 
         document.getElementById('runButton').addEventListener('click', async function() {
             var code = editor.getValue();

diff --git a/example/browser/playground.html b/example/browser/playground.html
@@ -30,10 +30,10 @@
 
 const getExample = async ()=> {
   try {
-    const response = await fetch('https://example.com')
+    const response = await fetch('https://github.com')
 
     if(!response.ok) {
-      console.error('Request failed ' + response.statusCode )
+      console.error('Request failed: ' + response.status + ' ' + response.statusText)
       return 
     }
     console.log(await response.text())
@@ -79,15 +79,34 @@
             logMessage.textContent = message;
             outputElement.appendChild(logMessage);
         }
-
 
 // =========== QuickJS =====================
         import { quickJS } from "https://esm.sh/@sebastianwessel/quickjs@1.3.0"
         import "https://esm.sh/typescript"
 
         const {createRuntime} = await quickJS('https://esm.sh/@jitl/quickjs-wasmfile-release-sync')
 
-        const fetchAdapter = (...param)=>fetch(...param)
+        const fetchAdapter = async (url,param)=> {
+            const res = await fetch(url,{...param,mode:"no-cors"})
+            console.log(await res.text())
+            return {
+              status: res.status,
+              ok: res.ok,
+              statusText: res.statusText,
+              json: () => res.json(),
+              text: () => res.text(),
+              formData: () => res.formData(),
+              headers: res.headers,
+              type: res.type,
+              url: res.url,
+              blob: () => res.blob(),
+              bodyUsed: res.bodyUsed,
+              redirected: res.redirected,
+              body: res.body,
+              arrayBuffer: () => res.arrayBuffer(),
+              clone: () => res.clone(),
+            }
+        } 
 
         document.getElementById('runButton').addEventListener('click', async function() {
             var code = editor.getValue();