From 19df50bcba3003b10cc6eea95861d979093a52ee Mon Sep 17 00:00:00 2001
From: Michael Lip <51033404+theluckystrike@users.noreply.github.com>
Date: Mon, 9 Mar 2026 13:52:19 +0700
Subject: [PATCH] Add Networking examples to docs index page (#2613)

* Add Networking examples to docs index page

Fixes #2611

* Add icons and fix playground link

---------

Co-authored-by: Reynaldi Chernando <reynaldichernando@gmail.com>
---
 src/docs/src/assets/js/example.js |  2 ++
 src/docs/src/index.md             | 27 +++++++++++++++++++++++++++
 2 files changed, 29 insertions(+)

diff --git a/src/docs/src/assets/js/example.js b/src/docs/src/assets/js/example.js
index 987468c65..0b750ba60 100644
--- a/src/docs/src/assets/js/example.js
+++ b/src/docs/src/assets/js/example.js
@@ -11,6 +11,8 @@ const icons = {
     hosting_active: '<svg style="margin-right: 5px;" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-globe-icon lucide-globe"><circle cx="12" cy="12" r="10"/><path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"/><path d="M2 12h20"/></svg>',
     auth_outline: '<svg style="margin-right: 5px;" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-user-lock-icon lucide-user-lock"><circle cx="10" cy="7" r="4"/><path d="M10.3 15H7a4 4 0 0 0-4 4v2"/><path d="M15 15.5V14a2 2 0 0 1 4 0v1.5"/><rect width="8" height="5" x="13" y="16" rx=".899"/></svg>',
     auth_active: '<svg style="margin-right: 5px;" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-user-lock-icon lucide-user-lock"><circle cx="10" cy="7" r="4"/><path d="M10.3 15H7a4 4 0 0 0-4 4v2"/><path d="M15 15.5V14a2 2 0 0 1 4 0v1.5"/><rect width="8" height="5" x="13" y="16" rx=".899"/></svg>',
+    networking_outline: '<svg style="margin-right: 5px;" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-network-icon lucide-network"><rect x="16" y="16" width="6" height="6" rx="1"/><rect x="2" y="16" width="6" height="6" rx="1"/><rect x="9" y="2" width="6" height="6" rx="1"/><path d="M5 16v-3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v3"/><path d="M12 12V8"/></svg>',
+    networking_active: '<svg style="margin-right: 5px;" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-network-icon lucide-network"><rect x="16" y="16" width="6" height="6" rx="1"/><rect x="2" y="16" width="6" height="6" rx="1"/><rect x="9" y="2" width="6" height="6" rx="1"/><path d="M5 16v-3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v3"/><path d="M12 12V8"/></svg>',
 };
 
 $(document).ready(function () {
diff --git a/src/docs/src/index.md b/src/docs/src/index.md
index 0ec98c009..aea86c9af 100755
--- a/src/docs/src/index.md
+++ b/src/docs/src/index.md
@@ -93,6 +93,7 @@ Puter.js is powered by [Puter](https://github.com/HeyPuter/puter), the open-sour
     <div class="example-group" data-section="kv" data-icon="kv_outline" data-icon-active="kv_active"><i class="icon"></i><span>NoSQL Database</span></div>
     <div class="example-group" data-section="hosting" data-icon="hosting_outline" data-icon-active="hosting_active"><i class="icon"></i><span>Hosting</span></div>
     <div class="example-group" data-section="auth" data-icon="auth_outline" data-icon-active="auth_active"><i class="icon"></i><span>Auth</span></div>
+    <div class="example-group" data-section="networking" data-icon="networking_outline" data-icon-active="networking_active"><i class="icon"></i><span>Networking</span></div>
 </div>
 
 <div class="example-content" data-section="fs">
@@ -282,3 +283,29 @@ Puter.js is powered by [Puter](https://github.com/HeyPuter/puter), the open-sour
 ```
 
 </div>
+
+<div class="example-content" data-section="networking">
+
+#### Fetch a resource without CORS restrictions
+
+```html;net-fetch
+<html>
+<body>
+    <script src="https://js.puter.com/v2/"></script>
+    <script>
+    (async () => {
+        // Send a GET request to example.com
+        const request = await puter.net.fetch("https://example.com");
+
+        // Get the response body as text
+        const body = await request.text();
+
+        // Print the body as a code block
+        puter.print(body, { code: true });
+    })()
+    </script>
+</body>
+</html>
+```
+
+</div>