docs: add doc for solana integration

Author: coderomm

apps/collabydraw/components/canvas/CanvasBoard.tsx

@@ -267,6 +267,21 @@ export default function CanvasBoard() {
         setCanvasEngineState(prev => ({ ...prev, sidebarOpen: !prev.sidebarOpen }));
     }, []);
 
+    const handleScaleUpdate = useCallback((newScale: number | ((prev: number) => number)) => {
+        setCanvasEngineState(prev => {
+            const finalScale = typeof newScale === 'function' ? newScale(prev.scale) : newScale;
+
+            if (prev.engine) {
+                prev.engine.setScale(finalScale); // 🔥 this handles panX, panY, canvas.clear
+            }
+
+            return {
+                ...prev,
+                scale: finalScale
+            };
+        });
+    }, []);
+
     if (isLoading) {
         return <ScreenLoading />
     }
@@ -375,12 +390,7 @@ export default function CanvasBoard() {
             {matches && (
                 <ZoomControl
                     scale={canvasEngineState.scale}
-                    setScale={(newScale: SetStateAction<number>) =>
-                        setCanvasEngineState(prev => ({
-                            ...prev,
-                            scale: typeof newScale === 'function' ? newScale(prev.scale) : newScale
-                        }))
-                    }
+                    setScale={handleScaleUpdate}
                 />
             )}
 

docks/Solana.md

@@ -0,0 +1,76 @@
+### 🖌️ CollabyDraw: Collaborative Canvas Meets Solana
+
+---
+
+#### 🚀 Project Summary  
+**CollabyDraw** is a real-time collaborative drawing app where users co-create visual art in shared rooms. We're integrating Solana to let users **mint their collaborative artwork as NFTs**, making it possible to **own, preserve, and showcase creative moments on-chain**.
+
+This bridges the gap between creative collaboration and decentralized ownership using the power of Solana NFTs.
+
+---
+
+#### 🧠 Problem Statement  
+Digital creativity is often trapped inside centralized tools. Collaborative art sessions are temporary, with no on-chain permanence, attribution, or ownership. There’s a clear need for **authentic, co-owned, and immutable records of digital creativity**.
+
+---
+
+#### 🌐 Solution Overview  
+By integrating Solana, CollabyDraw enables:
+
+- 🔐 **Phantom Wallet Login** for creator authentication  
+- 🖼️ **One-click NFT Minting** of exported drawings  
+- 📜 **On-chain Metadata** including title, description & contributor addresses  
+- 🗃️ **Decentralized Storage** via Arweave/IPFS  
+- 🎨 A smooth UX blending creativity and blockchain ownership
+
+---
+
+#### 🧩 Feature Checklist
+
+| Feature                     | Status      |
+|----------------------------|-------------|
+| Real-time drawing          | ✅ Complete |
+| Room-based collaboration   | ✅ Complete |
+| Wallet integration (Phantom) | 🛠️ In Progress |
+| NFT minting via Metaplex   | 🛠️ Planned |
+| Arweave upload (via Bundlr) | 🛠️ Planned |
+| Contributor attribution    | 🛠️ Optional Bonus |
+
+---
+
+#### ⚒️ Tech Stack
+
+- **Framework**: Next.js 15 (App Router + Server Actions)  
+- **Real-time Sync**: Custom WebSocket engine  
+- **Solana SDKs**: `@solana/web3.js`, `@solana/wallet-adapter`, `@metaplex-foundation/js`  
+- **Storage**: Arweave via Bundlr (optional IPFS fallback)
+
+---
+
+#### 💡 Why This Matters for Solana
+
+- 🔥 Introduces **real-time co-creation** to the NFT space  
+- 👥 Promotes **multi-user attribution** and collaborative minting  
+- 🧠 Merges intuitive UX with blockchain utility  
+- 🛠️ Potential to evolve into a **collaborative minting platform or art DAO**
+
+---
+
+#### 📦 Grant Request  
+Looking for support to:
+
+- Finalize **wallet auth** and **minting flow**  
+- Set up **Arweave storage**  
+- Design a clean **UX for co-creation + minting**  
+- Cover infrastructure, asset hosting, and dev time
+
+---
+
+#### 🔗 Links  
+- GitHub: [Coming Soon]  
+- Demo: [Coming Soon]  
+- Twitter: [@omcodes_](https://twitter.com/omcodes_)
+
+---
+
+### ✨ Built by Om Sharma