@opentabs-dev/opentabs-plugin-asana 0.0.76 → 0.0.78

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,94 @@
1
- # opentabs-plugin-asana
1
+ # Asana
2
2
 
3
- OpenTabs plugin for Asana
3
+ OpenTabs plugin for Asana — gives AI agents access to Asana through your authenticated browser session.
4
4
 
5
- ## Project Structure
5
+ ## Install
6
6
 
7
+ ```bash
8
+ opentabs plugin install asana
7
9
  ```
8
- asana/
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-asana",
28
- "main": "dist/adapter.iife.js",
29
- "opentabs": {
30
- "displayName": "Asana",
31
- "description": "OpenTabs plugin for Asana",
32
- "urlPatterns": ["*://*.app.asana.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
-
42
- ## Custom Icons
43
10
 
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`):
11
+ Or install globally via npm:
45
12
 
46
- ```
47
- asana/
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-asana
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.asana.com](https://asana.com) in Chrome and log in
20
+ 2. Open the OpenTabs side panel the Asana plugin should appear as **ready**
60
21
 
61
- **Icon requirements:**
22
+ ## Tools (24)
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
+ ### Tasks (9)
67
25
 
68
- ## Development
26
+ | Tool | Description | Type |
27
+ |---|---|---|
28
+ | `get_task` | Get details of a specific task | Read |
29
+ | `create_task` | Create a new task | Write |
30
+ | `update_task` | Update an existing task | Write |
31
+ | `delete_task` | Delete a task permanently | Write |
32
+ | `search_tasks` | Search tasks in a workspace | Read |
33
+ | `get_tasks_for_project` | List tasks in a project | Read |
34
+ | `get_tasks_for_section` | List tasks in a section | Read |
35
+ | `get_subtasks` | List subtasks of a task | Read |
36
+ | `add_followers` | Add followers to a task | Write |
69
37
 
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
- ```
38
+ ### Projects (4)
77
39
 
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
- ```
40
+ | Tool | Description | Type |
41
+ |---|---|---|
42
+ | `list_projects` | List projects in a workspace | Read |
43
+ | `get_project` | Get details of a specific project | Read |
44
+ | `create_project` | Create a new project in a workspace | Write |
45
+ | `update_project` | Update an existing project | Write |
99
46
 
100
- Then register it in `src/index.ts` by adding it to the `tools` array.
47
+ ### Sections (3)
101
48
 
102
- ## Authentication
49
+ | Tool | Description | Type |
50
+ |---|---|---|
51
+ | `list_sections` | List sections in a project | Read |
52
+ | `create_section` | Create a new section in a project | Write |
53
+ | `add_task_to_section` | Move a task into a section | Write |
103
54
 
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:
55
+ ### Stories (2)
105
56
 
106
- ```ts
107
- import { getLocalStorage, getCookie, getPageGlobal } from '@opentabs-dev/plugin-sdk';
57
+ | Tool | Description | Type |
58
+ |---|---|---|
59
+ | `get_stories_for_task` | List stories on a task | Read |
60
+ | `create_story` | Add a comment to a task | Write |
108
61
 
109
- // localStorage — most common
110
- const token = getLocalStorage('token');
62
+ ### Users (3)
111
63
 
112
- // Cookies session tokens, JWTs
113
- const session = getCookie('session_id');
64
+ | Tool | Description | Type |
65
+ |---|---|---|
66
+ | `get_current_user` | Get the current user profile | Read |
67
+ | `get_user` | Get a user by GID | Read |
68
+ | `list_users_for_workspace` | List users in a workspace | Read |
114
69
 
115
- // Page globals — SPA boot data (e.g., window.__APP_STATE__)
116
- const appState = getPageGlobal('__APP_STATE__');
117
- ```
70
+ ### Workspaces (1)
118
71
 
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.
72
+ | Tool | Description | Type |
73
+ |---|---|---|
74
+ | `list_workspaces` | List all workspaces | Read |
120
75
 
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.
76
+ ### Tags (1)
122
77
 
123
- ## Shared Schemas
78
+ | Tool | Description | Type |
79
+ |---|---|---|
80
+ | `list_tags` | List tags in a workspace | Read |
124
81
 
125
- When 3 or more tools share the same input or output shape, extract common Zod schemas into a shared file to avoid duplication:
82
+ ### Teams (1)
126
83
 
127
- ```ts
128
- // src/schemas/channel.ts
129
- import { z } from 'zod';
84
+ | Tool | Description | Type |
85
+ |---|---|---|
86
+ | `list_teams` | List teams in a workspace | Read |
130
87
 
131
- export const channelSchema = z.object({
132
- id: z.string().describe('Channel ID'),
133
- name: z.string().describe('Channel name'),
134
- });
88
+ ## How It Works
135
89
 
136
- export type Channel = z.infer<typeof channelSchema>;
137
- ```
90
+ This plugin runs inside your Asana 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.
138
91
 
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
- ```
92
+ ## License
158
93
 
159
- This keeps your tool schemas DRY and makes it easy to evolve shared types in one place.
94
+ MIT
@@ -280,6 +280,8 @@
280
280
  * (e.g., 'https://github.com'), not a match pattern.
281
281
  */
282
282
  homepage;
283
+ /** Typed configuration schema — declares settings that users provide via config.json or the side panel. */
284
+ configSchema;
283
285
  };
284
286
 
285
287
  // src/asana-api.ts
@@ -15077,7 +15079,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
15077
15079
  };
15078
15080
  var src_default = new AsanaPlugin();
15079
15081
 
15080
- // dist/_adapter_entry_757ab615-7777-4490-8eec-5cde7eafffc8.ts
15082
+ // dist/_adapter_entry_24fd007d-b86d-4b7e-8eaa-7de4fbdd3dbe.ts
15081
15083
  if (!globalThis.__openTabs) {
15082
15084
  globalThis.__openTabs = {};
15083
15085
  } else {
@@ -15293,5 +15295,5 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
15293
15295
  };
15294
15296
  delete src_default.onDeactivate;
15295
15297
  }
15296
- })();(function(){var o=(globalThis).__openTabs;if(o&&o.adapters&&o.adapters["asana"]){var a=o.adapters["asana"];a.__adapterHash="6a278fc4dca5d4a0be58dcbb98de43ab37e2be84e67a405f5bdef005fc2b270d";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,"asana",{value:a,writable:false,configurable:false,enumerable:true});Object.defineProperty(o,"adapters",{value:o.adapters,writable:false,configurable:false});}})();
15298
+ })();(function(){var o=(globalThis).__openTabs;if(o&&o.adapters&&o.adapters["asana"]){var a=o.adapters["asana"];a.__adapterHash="81414084926b4b06b6ddc78eb061f2b0efb2a0fa7dace00d66b18d89ef32bdcb";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,"asana",{value:a,writable:false,configurable:false,enumerable:true});Object.defineProperty(o,"adapters",{value:o.adapters,writable:false,configurable:false});}})();
15297
15299
  //# sourceMappingURL=adapter.iife.js.map