Val Town Code SearchReturn to Val Town

1# Mercury Bank + Slack Integration
2
3This project integrates Mercury Bank's API with Slack, allowing you to:
4- Check account balances
5- View recent transactions
10## Project Structure
11
12- `/backend/` - Server-side code for handling API requests
13  - `index.ts` - Main HTTP entry point
14  - `mercury.ts` - Mercury API client
15  - `slack.ts` - Slack message formatting and command handling
16  - `notifications.ts` - Transaction notification system
21## Setup Requirements
22
231. Mercury API credentials (stored as environment variables)
242. Slack App with slash commands configured
253. Slack Incoming Webhook URL for transaction notifications
42
432. **Polling Method** (fallback option):
44   - Regularly checks for new transactions via the Mercury API
45   - Compares with previously seen transactions to identify new ones
46   - Posts new transaction details to your Slack channel
48## Security Notes
49
50- All API credentials are stored as environment variables
51- No sensitive data is logged or stored

3Follow these steps to set up your Mercury Bank and Slack integration:
4
5## 1. Mercury API Setup
6
71. Log in to your Mercury account at https://mercury.com
82. Navigate to Developer Settings
93. Create a new API key with the following permissions:
10   - `accounts:read` - To read account information
11   - `transactions:read` - To read transaction data
124. Copy your API key for the next step
13
14### Mercury Webhook Setup (If Available)
26Set up the following environment variables in Val Town:
27
281. `MERCURY_API_KEY` - Your Mercury API key from step 1
292. `SLACK_SIGNING_SECRET` - You'll get this in step 3
303. `SLACK_WEBHOOK_URL` - You'll get this in step 3
32## 3. Slack App Setup
33
341. Go to https://api.slack.com/apps and click "Create New App"
352. Choose "From scratch" and give your app a name (e.g., "Mercury Bank")
363. Select the workspace where you want to install the app
71
72- If you see "An unexpected error occurred", check your Val Town logs for details
73- Ensure your Mercury API key has the correct permissions
74- Verify that your Slack app is properly configured with the correct URL
75- For transaction notifications, check that the `SLACK_WEBHOOK_URL` is correctly set
77## Security Considerations
78
79- Your Mercury API key has access to sensitive financial data. Keep it secure.
80- Consider implementing additional authentication if multiple users will access this integration.
81- For production use, implement proper request signature verification from Slack and Mercury.

1// Mercury API Types
2export interface MercuryAccount {
3  id: string;

286        <title>The S.M.A.R.T Hive</title>
287        <meta name="viewport" content="width=device-width, initial-scale=1">
288        <link rel="preconnect" href="https://fonts.googleapis.com">
289        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
290        <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600&display=swap" rel="stylesheet">
291        <script src="https://esm.town/v/std/catch"></script>
292      </head>

1import { GoogleGenAI, Type } from "npm:@google/genai";
2
3// Access your API key as an environment variable
4const ai = new GoogleGenAI({ apiKey: "AIzaSyD6ktnTvNMwLtOB0LTjLpK-aD28cqZRJ3A" });
5
6const _prompt = `Parse the image and exrtact the salah times for Fajr, Zuhr, ASr, Maghrib and isja namaz,

58
59- User authentication and registration
60- Server-side storage with a backend API
61- Image upload functionality
62- Notifications system

39                id: 1,
40                name: "John Doe",
41                avatar: "https://randomuser.me/api/portraits/men/32.jpg",
42                bio: "Full-stack developer with a passion for creating beautiful, functional websites."
43            },
51                        id: 2,
52                        name: "Jane Smith",
53                        avatar: "https://randomuser.me/api/portraits/women/44.jpg"
54                    },
55                    text: "Great article! I especially liked the point about accessibility. It's often overlooked but so important.",
62                        id: 3,
63                        name: "Mike Johnson",
64                        avatar: "https://randomuser.me/api/portraits/men/46.jpg"
65                    },
66                    text: "I would add that learning about web security is also crucial these days. Maybe that could be tip #11?",
111                id: 4,
112                name: "Sarah Williams",
113                avatar: "https://randomuser.me/api/portraits/women/64.jpg",
114                bio: "Travel writer and photographer with a love for exploring off-the-beaten-path destinations."
115            },
123                        id: 5,
124                        name: "David Chen",
125                        avatar: "https://randomuser.me/api/portraits/men/22.jpg"
126                    },
127                    text: "I visited Sidemen Valley based on your recommendation and it was absolutely breathtaking! Thank you for sharing these hidden gems.",
164                    <h2>Troubleshooting Common Issues</h2>
165                    <h3>Flat Bread with No Oven Spring</h3>
166                    <p>Possible causes: Overproofed dough, weak starter, insufficient tension during shaping.</p>
167                    <h3>Dense, Gummy Crumb</h3>
168                    <p>Possible causes: Underproofed dough, insufficient gluten development, underbaked bread.</p>
184                id: 6,
185                name: "Emily Johnson",
186                avatar: "https://randomuser.me/api/portraits/women/33.jpg",
187                bio: "Home baker, cookbook author, and instructor specializing in artisanal bread."
188            },
196                        id: 7,
197                        name: "Thomas Brown",
198                        avatar: "https://randomuser.me/api/portraits/men/5.jpg"
199                    },
200                    text: "I've been struggling with getting good oven spring, but your troubleshooting section helped me identify the issue. My starter wasn't active enough!",
207                        id: 8,
208                        name: "Lisa Garcia",
209                        avatar: "https://randomuser.me/api/portraits/women/8.jpg"
210                    },
211                    text: "Do you have any recommendations for whole wheat sourdough? I'd like to try a healthier version.",
218                        id: 6,
219                        name: "Emily Johnson",
220                        avatar: "https://randomuser.me/api/portraits/women/33.jpg"
221                    },
222                    text: "@Lisa Garcia - Absolutely! Start by replacing 20% of the bread flour with whole wheat, and increase the water by about 5%. Whole wheat absorbs more water than white flour. You can gradually increase the whole wheat percentage as you get comfortable with the process.",
234            id: 1,
235            name: "John Doe",
236            avatar: "https://randomuser.me/api/portraits/men/32.jpg",
237            bio: "Full-stack developer with a passion for creating beautiful, functional websites.",
238            email: "john.doe@example.com",
250            id: 4,
251            name: "Sarah Williams",
252            avatar: "https://randomuser.me/api/portraits/women/64.jpg",
253            bio: "Travel writer and photographer with a love for exploring off-the-beaten-path destinations.",
254            email: "sarah.williams@example.com",
266            id: 6,
267            name: "Emily Johnson",
268            avatar: "https://randomuser.me/api/portraits/women/33.jpg",
269            bio: "Home baker, cookbook author, and instructor specializing in artisanal bread.",
270            email: "emily.johnson@example.com",
287        id: 9,
288        name: "Alex Morgan",
289        avatar: "https://randomuser.me/api/portraits/men/1.jpg",
290        bio: "Tech enthusiast and blogger. I love sharing my thoughts on the latest gadgets and innovations.",
291        email: "alex.morgan@example.com",

26  return encodeURIComponent(btoa(String.fromCharCode(...result)));
27}
28const API_URL: string = "https://api.val.town";
29export async function proxiedFetch(input: string | URL, requestInit?: RequestInit) {
30  let query = new URLSearchParams({
31    url: input.toString(),
32  });
33  return fetch(`${API_URL}/v1/fetch?${query}`, {
34    ...requestInit,
35    // // @ts-ignore

5import "npm:@atcute/bluesky";
6
7let handler = simpleFetchHandler({ service: "https://public.api.bsky.app" });
8let rpc = new Client({ handler });
9
53
54// let getPostsEndpoint = new URL(
55//   `https://public.api.bsky.app/xrpc/app.bsky.feed.getPosts`,
56// );
57

22
231. Click `Remix` on this val and open it
242. Get your free Steel API key at https://app.steel.dev/settings/api-keys
253. Add it to your projects "Environment variables" as `STEEL_API_KEY`
264. Click `Run`
27
72
73- [Steel Documentation](https://docs.steel.dev)
74- [API Reference](https://docs.steel.dev/api-reference)
75- [Discord Community](https://discord.gg/gPpvhNvc5R)