@azghr/singlet 0.1.1 → 0.1.2

package/README.md

@@ -342,6 +342,189 @@ wrap(searchUsers, {
 });
 ```
 
+## Real-world examples
+
+### React hook for data fetching
+
+```ts
+import { wrap } from "@azghr/singlet";
+import { useState, useEffect } from "react";
+
+const fetchUser = wrap(
+  async (id: string) => {
+    const response = await fetch(`/api/users/${id}`);
+    if (!response.ok) throw new Error("User not found");
+    return response.json();
+  },
+  { keyFn: ([id]) => `user:${id}` }
+);
+
+function useUser(id: string) {
+  const [user, setUser] = useState(null);
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState(null);
+
+  useEffect(() => {
+    let cancelled = false;
+
+    async function loadUser() {
+      setLoading(true);
+      setError(null);
+      try {
+        const data = await fetchUser(id);
+        if (!cancelled) setUser(data);
+      } catch (err) {
+        if (!cancelled) setError(err);
+      } finally {
+        if (!cancelled) setLoading(false);
+      }
+    }
+
+    loadUser();
+    return () => { cancelled = true; };
+  }, [id]);
+
+  return { user, loading, error };
+}
+
+// Multiple components using the same user ID share ONE fetch:
+function UserProfile({ userId }) {
+  const { user, loading, error } = useUser(userId);
+  if (loading) return <div>Loading...</div>;
+  if (error) return <div>Error: {error.message}</div>;
+  return <div>{user.name}</div>;
+}
+```
+
+### Express middleware for API deduplication
+
+```ts
+import { wrap } from "@azghr/singlet";
+import express from "express";
+
+const app = express();
+
+// Deduplicate database queries
+const fetchUserFromDB = wrap(
+  async (id: string) => {
+    return await db.query('SELECT * FROM users WHERE id = $1', [id]);
+  },
+  { keyFn: ([id]) => `user:db:${id}` }
+);
+
+// Middleware for caching expensive API calls
+const externalAPICache = wrap(
+  async (endpoint: string) => {
+    const response = await fetch(`https://external.api.com${endpoint}`);
+    return response.json();
+  },
+  { keyFn: ([endpoint]) => `external:${endpoint}` }
+);
+
+app.get('/users/:id', async (req, res) => {
+  try {
+    // If multiple requests hit this endpoint concurrently for the same user,
+    // they share ONE database query
+    const user = await fetchUserFromDB(req.params.id);
+    res.json(user);
+  } catch (error) {
+    res.status(500).json({ error: 'User not found' });
+  }
+});
+
+app.get('/proxy/*', async (req, res) => {
+  try {
+    const endpoint = req.path.replace('/proxy', '');
+    const data = await externalAPICache(endpoint);
+    res.json(data);
+  } catch (error) {
+    res.status(502).json({ error: 'Bad gateway' });
+  }
+});
+```
+
+### Database query coalescing
+
+```ts
+import { singlet } from "@azghr/singlet";
+
+const flight = singlet();
+
+async function getUserWithPosts(userId: string) {
+  // These run concurrently but share queries if called multiple times
+  const [user, posts] = await Promise.all([
+    flight.run(`user:${userId}`, () => db.users.find(userId)),
+    flight.run(`posts:user:${userId}`, () => db.posts.findByUser(userId))
+  ]);
+
+  return { user, posts };
+}
+
+// Multiple concurrent calls for the same user:
+const [result1, result2, result3] = await Promise.all([
+  getUserWithPosts('42'),
+  getUserWithPosts('42'),
+  getUserWithPosts('42')
+]);
+// Results in only 2 database queries instead of 6
+```
+
+### Webhook deduplication
+
+```ts
+import { shared, wrapWithKey } from "@azghr/singlet";
+
+// Handle duplicate webhook events gracefully
+const processWebhook = wrapWithKey(
+  async (event: WebhookEvent) => {
+    // Process expensive webhook logic
+    await updateDatabase(event);
+    await sendNotifications(event);
+    await triggerWorkflows(event);
+  },
+  `webhook:${event.type}:${event.id}`
+);
+
+app.post('/webhooks', async (req, res) => {
+  const event = req.body;
+
+  // If duplicate webhooks arrive simultaneously, only process once
+  processWebhook(event).catch(err => {
+    console.error('Webhook processing failed:', err);
+  });
+
+  res.status(202).json({ received: true });
+});
+```
+
+### Configuration loading with fallback
+
+```ts
+import { shared } from "@azghr/singlet";
+
+async function loadConfigWithFallback() {
+  try {
+    return await shared.run('app:config', async () => {
+      const config = await fetch('/api/config').then(r => r.json());
+      return config;
+    });
+  } catch (error) {
+    // If config loading fails, provide defaults
+    return {
+      theme: 'light',
+      language: 'en',
+      features: { premium: false }
+    };
+  }
+}
+
+// Multiple components load config concurrently → ONE fetch
+const [appConfig, adminConfig] = await Promise.all([
+  loadConfigWithFallback(),
+  loadConfigWithFallback()
+]);
+```
+
 ## TypeScript
 
 Written in strict TypeScript; ships bundled `.d.ts`. All functions infer types from your code:

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@azghr/singlet",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "description": "Deduplicate concurrent async calls: same key, one in-flight promise. Not a cache.",
   "keywords": [
     "singleflight",