@opentabs-dev/opentabs-plugin-ynab 0.0.76 → 0.0.77

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -1,159 +1,80 @@
1
- # opentabs-plugin-ynab
1
+ # YNAB
2
2
 
3
- OpenTabs plugin for YNAB (You Need A Budget)
3
+ OpenTabs plugin for YNAB (You Need A Budget) — gives AI agents access to YNAB through your authenticated browser session.
4
4
 
5
- ## Project Structure
5
+ ## Install
6
6
 
7
+ ```bash
8
+ opentabs plugin install ynab
7
9
  ```
8
- ynab/
9
- ├── package.json # Plugin metadata (name, opentabs field, dependencies)
10
- ├── icon.svg # Optional custom icon (square SVG, max 8KB)
11
- ├── icon-inactive.svg # Optional manual inactive icon override
12
- ├── src/
13
- │ ├── index.ts # Plugin class (extends OpenTabsPlugin)
14
- │ └── tools/ # One file per tool (using defineTool)
15
- │ └── example.ts
16
- └── dist/ # Build output (generated)
17
- ├── adapter.iife.js # Bundled adapter injected into matching tabs
18
- └── tools.json # Tool schemas for MCP registration
19
- ```
20
-
21
- ## Configuration
22
-
23
- Plugin metadata is defined in `package.json` under the `opentabs` field:
24
-
25
- ```json
26
- {
27
- "name": "opentabs-plugin-ynab",
28
- "main": "dist/adapter.iife.js",
29
- "opentabs": {
30
- "displayName": "YNAB",
31
- "description": "OpenTabs plugin for YNAB (You Need A Budget)",
32
- "urlPatterns": ["*://*.app.ynab.com/*"]
33
- }
34
- }
35
- ```
36
-
37
- - **`main`** — entry point for the bundled adapter IIFE
38
- - **`opentabs.displayName`** — human-readable name shown in the side panel
39
- - **`opentabs.description`** — short description of what the plugin does
40
- - **`opentabs.urlPatterns`** — Chrome match patterns for tabs where the adapter is injected
41
10
 
42
- ## Custom Icons
11
+ Or install globally via npm:
43
12
 
44
- By default, the side panel shows a colored letter avatar for your plugin. To use a custom icon, place an `icon.svg` file in the plugin root (next to `package.json`):
45
-
46
- ```
47
- ynab/
48
- ├── package.json
49
- ├── icon.svg ← custom icon (optional)
50
- ├── icon-inactive.svg ← manual inactive override (optional, requires icon.svg)
51
- ├── src/
52
- │ └── ...
13
+ ```bash
14
+ npm install -g @opentabs-dev/opentabs-plugin-ynab
53
15
  ```
54
16
 
55
- **How it works:**
17
+ ## Setup
56
18
 
57
- - `opentabs-plugin build` reads `icon.svg`, validates it, auto-generates a grayscale inactive variant, and embeds both in `dist/tools.json`
58
- - To override the auto-generated inactive icon, provide `icon-inactive.svg` (must use only grayscale colors)
59
- - If no `icon.svg` is provided, the letter avatar is used automatically
19
+ 1. Open [app.ynab.com](https://app.ynab.com) in Chrome and log in
20
+ 2. Open the OpenTabs side panel the YNAB plugin should appear as **ready**
60
21
 
61
- **Icon requirements:**
22
+ ## Tools (15)
62
23
 
63
- - Square SVG with a `viewBox` attribute (e.g., `viewBox="0 0 32 32"`)
64
- - Maximum 8 KB file size
65
- - No embedded `<image>`, `<script>`, or event handler attributes (`onclick`, etc.)
66
- - Manual `icon-inactive.svg` must use only achromatic (grayscale) colors
24
+ ### Account (1)
67
25
 
68
- ## Development
26
+ | Tool | Description | Type |
27
+ |---|---|---|
28
+ | `get_current_user` | Get your YNAB user profile | Read |
69
29
 
70
- ```bash
71
- npm install
72
- npm run build # tsc && opentabs-plugin build
73
- npm run dev # watch mode (tsc --watch + opentabs-plugin build --watch)
74
- npm run type-check # tsc --noEmit
75
- npm run lint # biome
76
- ```
30
+ ### Plans (1)
77
31
 
78
- ## Adding Tools
79
-
80
- Create a new file in `src/tools/` using `defineTool`:
81
-
82
- ```ts
83
- import { z } from 'zod';
84
- import { defineTool } from '@opentabs-dev/plugin-sdk';
85
-
86
- export const myTool = defineTool({
87
- name: 'my_tool',
88
- displayName: 'My Tool',
89
- description: 'What this tool does',
90
- icon: 'wrench',
91
- input: z.object({ /* ... */ }),
92
- output: z.object({ /* ... */ }),
93
- handle: async (params) => {
94
- // Tool implementation runs in the browser tab context
95
- return { /* ... */ };
96
- },
97
- });
98
- ```
32
+ | Tool | Description | Type |
33
+ |---|---|---|
34
+ | `get_plan` | Get the active plan details | Read |
99
35
 
100
- Then register it in `src/index.ts` by adding it to the `tools` array.
36
+ ### Accounts (2)
101
37
 
102
- ## Authentication
38
+ | Tool | Description | Type |
39
+ |---|---|---|
40
+ | `list_accounts` | List all budget accounts | Read |
41
+ | `get_account` | Get account details by ID | Read |
103
42
 
104
- Plugin tools run in the browser tab context, so they can read auth tokens directly from the page. The SDK provides utilities for the most common patterns:
43
+ ### Categories (2)
105
44
 
106
- ```ts
107
- import { getLocalStorage, getCookie, getPageGlobal } from '@opentabs-dev/plugin-sdk';
45
+ | Tool | Description | Type |
46
+ |---|---|---|
47
+ | `list_categories` | List budget categories with balances | Read |
48
+ | `update_category_budget` | Set budgeted amount for a category | Write |
108
49
 
109
- // localStorage — most common
110
- const token = getLocalStorage('token');
50
+ ### Payees (1)
111
51
 
112
- // Cookies session tokens, JWTs
113
- const session = getCookie('session_id');
52
+ | Tool | Description | Type |
53
+ |---|---|---|
54
+ | `list_payees` | List all payees | Read |
114
55
 
115
- // Page globals — SPA boot data (e.g., window.__APP_STATE__)
116
- const appState = getPageGlobal('__APP_STATE__');
117
- ```
56
+ ### Transactions (6)
118
57
 
119
- **Iframe fallback:** Some apps (e.g., Discord) delete `window.localStorage` after boot. `getLocalStorage` automatically tries a hidden same-origin iframe fallback before returning `null`, so you don't need to handle this case manually.
58
+ | Tool | Description | Type |
59
+ |---|---|---|
60
+ | `list_transactions` | List budget transactions | Read |
61
+ | `get_transaction` | Get transaction details by ID | Read |
62
+ | `create_transaction` | Create a new transaction | Write |
63
+ | `update_transaction` | Update a transaction | Write |
64
+ | `delete_transaction` | Delete a transaction | Write |
65
+ | `list_scheduled_transactions` | List scheduled/recurring transactions | Read |
120
66
 
121
- **SPA hydration:** Auth tokens may not be available immediately on page load. Implement polling in `isReady()` to wait until the app has hydrated before your tools run. See the comments in `src/index.ts` for an example polling pattern.
67
+ ### Months (2)
122
68
 
123
- ## Shared Schemas
69
+ | Tool | Description | Type |
70
+ |---|---|---|
71
+ | `list_months` | List budget months with summaries | Read |
72
+ | `get_month` | Get budget details for a month | Read |
124
73
 
125
- When 3 or more tools share the same input or output shape, extract common Zod schemas into a shared file to avoid duplication:
74
+ ## How It Works
126
75
 
127
- ```ts
128
- // src/schemas/channel.ts
129
- import { z } from 'zod';
76
+ This plugin runs inside your YNAB tab through the [OpenTabs](https://opentabs.dev) Chrome extension. It uses your existing browser session — no API tokens or OAuth apps required. All operations happen as you, with your permissions.
130
77
 
131
- export const channelSchema = z.object({
132
- id: z.string().describe('Channel ID'),
133
- name: z.string().describe('Channel name'),
134
- });
135
-
136
- export type Channel = z.infer<typeof channelSchema>;
137
- ```
138
-
139
- Then import and reuse in your tools:
140
-
141
- ```ts
142
- // src/tools/list-channels.ts
143
- import { channelSchema } from '../schemas/channel.js';
144
-
145
- export const listChannels = defineTool({
146
- name: 'list_channels',
147
- displayName: 'List Channels',
148
- description: 'List all available channels',
149
- icon: 'list',
150
- input: z.object({}),
151
- output: z.object({ channels: z.array(channelSchema) }),
152
- handle: async () => {
153
- // ...
154
- return { channels: [] };
155
- },
156
- });
157
- ```
78
+ ## License
158
79
 
159
- This keeps your tool schemas DRY and makes it easy to evolve shared types in one place.
80
+ MIT
@@ -325,6 +325,8 @@
325
325
  * (e.g., 'https://github.com'), not a match pattern.
326
326
  */
327
327
  homepage;
328
+ /** Typed configuration schema — declares settings that users provide via config.json or the side panel. */
329
+ configSchema;
328
330
  };
329
331
 
330
332
  // src/ynab-api.ts
@@ -15092,7 +15094,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
15092
15094
  };
15093
15095
  var src_default = new YnabPlugin();
15094
15096
 
15095
- // dist/_adapter_entry_3f87a17d-2a09-4ee7-baaa-738823c57488.ts
15097
+ // dist/_adapter_entry_971ef58c-806d-497f-bc65-07b3013a2267.ts
15096
15098
  if (!globalThis.__openTabs) {
15097
15099
  globalThis.__openTabs = {};
15098
15100
  } else {
@@ -15308,5 +15310,5 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
15308
15310
  };
15309
15311
  delete src_default.onDeactivate;
15310
15312
  }
15311
- })();(function(){var o=(globalThis).__openTabs;if(o&&o.adapters&&o.adapters["ynab"]){var a=o.adapters["ynab"];a.__adapterHash="101cfca804e69874ea527a3c48691c32eb268ae40ff91e5d50f4b9fe277b4d62";if(a.tools&&Array.isArray(a.tools)){for(var i=0;i<a.tools.length;i++){Object.freeze(a.tools[i]);}Object.freeze(a.tools);}Object.freeze(a);Object.defineProperty(o.adapters,"ynab",{value:a,writable:false,configurable:false,enumerable:true});Object.defineProperty(o,"adapters",{value:o.adapters,writable:false,configurable:false});}})();
15313
+ })();(function(){var o=(globalThis).__openTabs;if(o&&o.adapters&&o.adapters["ynab"]){var a=o.adapters["ynab"];a.__adapterHash="a9fd44be9fa96e7406c65699f3e22afa18f8378b7e406ad85eed3c11bd226ce3";if(a.tools&&Array.isArray(a.tools)){for(var i=0;i<a.tools.length;i++){Object.freeze(a.tools[i]);}Object.freeze(a.tools);}Object.freeze(a);Object.defineProperty(o.adapters,"ynab",{value:a,writable:false,configurable:false,enumerable:true});Object.defineProperty(o,"adapters",{value:o.adapters,writable:false,configurable:false});}})();
15312
15314
  //# sourceMappingURL=adapter.iife.js.map