@opentabs-dev/opentabs-plugin-asana 0.0.75 → 0.0.77

package/README.md

@@ -1,159 +1,94 @@
-# opentabs-plugin-asana
+# Asana
 
-OpenTabs plugin for Asana
+OpenTabs plugin for Asana — gives AI agents access to Asana through your authenticated browser session.
 
-## Project Structure
+## Install
 
+```bash
+opentabs plugin install asana
 ```
-asana/
-├── package.json          # Plugin metadata (name, opentabs field, dependencies)
-├── icon.svg              # Optional custom icon (square SVG, max 8KB)
-├── icon-inactive.svg     # Optional manual inactive icon override
-├── src/
-│   ├── index.ts          # Plugin class (extends OpenTabsPlugin)
-│   └── tools/            # One file per tool (using defineTool)
-│       └── example.ts
-└── dist/                 # Build output (generated)
-    ├── adapter.iife.js   # Bundled adapter injected into matching tabs
-    └── tools.json        # Tool schemas for MCP registration
-```
-
-## Configuration
-
-Plugin metadata is defined in `package.json` under the `opentabs` field:
-
-```json
-{
-  "name": "opentabs-plugin-asana",
-  "main": "dist/adapter.iife.js",
-  "opentabs": {
-    "displayName": "Asana",
-    "description": "OpenTabs plugin for Asana",
-    "urlPatterns": ["*://*.app.asana.com/*"]
-  }
-}
-```
-
-- **`main`** — entry point for the bundled adapter IIFE
-- **`opentabs.displayName`** — human-readable name shown in the side panel
-- **`opentabs.description`** — short description of what the plugin does
-- **`opentabs.urlPatterns`** — Chrome match patterns for tabs where the adapter is injected
-
-## Custom Icons
 
-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`):
+Or install globally via npm:
 
-```
-asana/
-├── package.json
-├── icon.svg              ← custom icon (optional)
-├── icon-inactive.svg     ← manual inactive override (optional, requires icon.svg)
-├── src/
-│   └── ...
+```bash
+npm install -g @opentabs-dev/opentabs-plugin-asana
 ```
 
-**How it works:**
+## Setup
 
-- `opentabs-plugin build` reads `icon.svg`, validates it, auto-generates a grayscale inactive variant, and embeds both in `dist/tools.json`
-- To override the auto-generated inactive icon, provide `icon-inactive.svg` (must use only grayscale colors)
-- If no `icon.svg` is provided, the letter avatar is used automatically
+1. Open [app.asana.com](https://asana.com) in Chrome and log in
+2. Open the OpenTabs side panel — the Asana plugin should appear as **ready**
 
-**Icon requirements:**
+## Tools (24)
 
-- Square SVG with a `viewBox` attribute (e.g., `viewBox="0 0 32 32"`)
-- Maximum 8 KB file size
-- No embedded `<image>`, `<script>`, or event handler attributes (`onclick`, etc.)
-- Manual `icon-inactive.svg` must use only achromatic (grayscale) colors
+### Tasks (9)
 
-## Development
+| Tool | Description | Type |
+|---|---|---|
+| `get_task` | Get details of a specific task | Read |
+| `create_task` | Create a new task | Write |
+| `update_task` | Update an existing task | Write |
+| `delete_task` | Delete a task permanently | Write |
+| `search_tasks` | Search tasks in a workspace | Read |
+| `get_tasks_for_project` | List tasks in a project | Read |
+| `get_tasks_for_section` | List tasks in a section | Read |
+| `get_subtasks` | List subtasks of a task | Read |
+| `add_followers` | Add followers to a task | Write |
 
-```bash
-npm install
-npm run build       # tsc && opentabs-plugin build
-npm run dev         # watch mode (tsc --watch + opentabs-plugin build --watch)
-npm run type-check  # tsc --noEmit
-npm run lint        # biome
-```
+### Projects (4)
 
-## Adding Tools
-
-Create a new file in `src/tools/` using `defineTool`:
-
-```ts
-import { z } from 'zod';
-import { defineTool } from '@opentabs-dev/plugin-sdk';
-
-export const myTool = defineTool({
-  name: 'my_tool',
-  displayName: 'My Tool',
-  description: 'What this tool does',
-  icon: 'wrench',
-  input: z.object({ /* ... */ }),
-  output: z.object({ /* ... */ }),
-  handle: async (params) => {
-    // Tool implementation runs in the browser tab context
-    return { /* ... */ };
-  },
-});
-```
+| Tool | Description | Type |
+|---|---|---|
+| `list_projects` | List projects in a workspace | Read |
+| `get_project` | Get details of a specific project | Read |
+| `create_project` | Create a new project in a workspace | Write |
+| `update_project` | Update an existing project | Write |
 
-Then register it in `src/index.ts` by adding it to the `tools` array.
+### Sections (3)
 
-## Authentication
+| Tool | Description | Type |
+|---|---|---|
+| `list_sections` | List sections in a project | Read |
+| `create_section` | Create a new section in a project | Write |
+| `add_task_to_section` | Move a task into a section | Write |
 
-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:
+### Stories (2)
 
-```ts
-import { getLocalStorage, getCookie, getPageGlobal } from '@opentabs-dev/plugin-sdk';
+| Tool | Description | Type |
+|---|---|---|
+| `get_stories_for_task` | List stories on a task | Read |
+| `create_story` | Add a comment to a task | Write |
 
-// localStorage — most common
-const token = getLocalStorage('token');
+### Users (3)
 
-// Cookies — session tokens, JWTs
-const session = getCookie('session_id');
+| Tool | Description | Type |
+|---|---|---|
+| `get_current_user` | Get the current user profile | Read |
+| `get_user` | Get a user by GID | Read |
+| `list_users_for_workspace` | List users in a workspace | Read |
 
-// Page globals — SPA boot data (e.g., window.__APP_STATE__)
-const appState = getPageGlobal('__APP_STATE__');
-```
+### Workspaces (1)
 
-**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.
+| Tool | Description | Type |
+|---|---|---|
+| `list_workspaces` | List all workspaces | Read |
 
-**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.
+### Tags (1)
 
-## Shared Schemas
+| Tool | Description | Type |
+|---|---|---|
+| `list_tags` | List tags in a workspace | Read |
 
-When 3 or more tools share the same input or output shape, extract common Zod schemas into a shared file to avoid duplication:
+### Teams (1)
 
-```ts
-// src/schemas/channel.ts
-import { z } from 'zod';
+| Tool | Description | Type |
+|---|---|---|
+| `list_teams` | List teams in a workspace | Read |
 
-export const channelSchema = z.object({
-  id: z.string().describe('Channel ID'),
-  name: z.string().describe('Channel name'),
-});
+## How It Works
 
-export type Channel = z.infer<typeof channelSchema>;
-```
+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.
 
-Then import and reuse in your tools:
-
-```ts
-// src/tools/list-channels.ts
-import { channelSchema } from '../schemas/channel.js';
-
-export const listChannels = defineTool({
-  name: 'list_channels',
-  displayName: 'List Channels',
-  description: 'List all available channels',
-  icon: 'list',
-  input: z.object({}),
-  output: z.object({ channels: z.array(channelSchema) }),
-  handle: async () => {
-    // ...
-    return { channels: [] };
-  },
-});
-```
+## License
 
-This keeps your tool schemas DRY and makes it easy to evolve shared types in one place.
+MIT

package/dist/adapter.iife.js

@@ -280,6 +280,8 @@
      * (e.g., 'https://github.com'), not a match pattern.
      */
     homepage;
+    /** Typed configuration schema — declares settings that users provide via config.json or the side panel. */
+    configSchema;
   };
 
   // src/asana-api.ts
@@ -15077,21 +15079,21 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
   };
   var src_default = new AsanaPlugin();
 
-  // dist/_adapter_entry_f6ccd1a6-81f7-4749-a496-c027c8991dd5.ts
+  // dist/_adapter_entry_8d511b27-6933-49e2-8e0f-99201978a6fb.ts
   if (!globalThis.__openTabs) {
     globalThis.__openTabs = {};
   } else {
     const desc = Object.getOwnPropertyDescriptor(globalThis.__openTabs, "adapters");
     if (desc && !desc.writable) {
-      const ot2 = globalThis.__openTabs;
+      const ot3 = globalThis.__openTabs;
       const newAdaptersObj = {};
-      if (ot2.adapters) {
-        for (const key of Object.keys(ot2.adapters)) {
-          const d = Object.getOwnPropertyDescriptor(ot2.adapters, key);
+      if (ot3.adapters) {
+        for (const key of Object.keys(ot3.adapters)) {
+          const d = Object.getOwnPropertyDescriptor(ot3.adapters, key);
           if (d) Object.defineProperty(newAdaptersObj, key, d);
         }
       }
-      globalThis.__openTabs = Object.assign({}, ot2, { adapters: newAdaptersObj });
+      globalThis.__openTabs = Object.assign({}, ot3, { adapters: newAdaptersObj });
     }
   }
   if (!globalThis.__openTabs.adapters) {
@@ -15129,6 +15131,16 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     }
   };
   var restoreTransport = setLogTransport ? setLogTransport(logTransport) : void 0;
+  var ot2 = globalThis.__openTabs;
+  ot2._notifyReadinessChanged = () => {
+    try {
+      const nonce = globalThis.__openTabs?._readinessNonce;
+      if (nonce) {
+        window.postMessage({ type: "opentabs:readiness-changed", plugin: "asana", nonce }, "*");
+      }
+    } catch {
+    }
+  };
   var existing = adapters["asana"];
   if (existing) {
     if (typeof existing.teardown === "function") {
@@ -15140,7 +15152,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     }
   }
   if (!Reflect.deleteProperty(adapters, "asana")) {
-    const ot2 = globalThis.__openTabs;
+    const ot3 = globalThis.__openTabs;
     const newAdapters = {};
     for (const key of Object.keys(adapters)) {
       if (key !== "asana") {
@@ -15148,7 +15160,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
         if (desc) Object.defineProperty(newAdapters, key, desc);
       }
     }
-    globalThis.__openTabs = Object.assign({}, ot2, { adapters: newAdapters });
+    globalThis.__openTabs = Object.assign({}, ot3, { adapters: newAdapters });
   }
   var hasLifecycleHooks = typeof src_default.onToolInvocationStart === "function" || typeof src_default.onToolInvocationEnd === "function";
   for (const tool of src_default.tools) {
@@ -15209,12 +15221,12 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
         }
       }
     };
-    const ot2 = globalThis.__openTabs;
-    if (!ot2._navigationInterceptor) {
+    const ot3 = globalThis.__openTabs;
+    if (!ot3._navigationInterceptor) {
       const origPushState = history.pushState.bind(history);
       const origReplaceState = history.replaceState.bind(history);
       const callbacks = /* @__PURE__ */ new Map();
-      ot2._navigationInterceptor = { callbacks, origPushState, origReplaceState };
+      ot3._navigationInterceptor = { callbacks, origPushState, origReplaceState };
       history.pushState = function(...args) {
         origPushState(...args);
         for (const cb of callbacks.values()) {
@@ -15228,7 +15240,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
         }
       };
     }
-    const interceptor = ot2._navigationInterceptor;
+    const interceptor = ot3._navigationInterceptor;
     interceptor.callbacks.set("asana", checkUrl);
     window.addEventListener("popstate", checkUrl);
     window.addEventListener("hashchange", checkUrl);
@@ -15283,5 +15295,5 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     };
     delete src_default.onDeactivate;
   }
-})();(function(){var o=(globalThis).__openTabs;if(o&&o.adapters&&o.adapters["asana"]){var a=o.adapters["asana"];a.__adapterHash="bdbf4011e6fe70c3ca305248385e29efcc23dafaffa56d7785ee42bc453c92dc";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});}})();
+})();(function(){var o=(globalThis).__openTabs;if(o&&o.adapters&&o.adapters["asana"]){var a=o.adapters["asana"];a.__adapterHash="8406a882ee2345931bbe7c5ea295f5ba41951db6d69359341cb8d2854d9a659c";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});}})();
 //# sourceMappingURL=adapter.iife.js.map