[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill-anthropic-zoom-apps-sdk":3,"mdc-8rhdg5-key":37,"related-org-anthropic-zoom-apps-sdk":6779,"related-repo-anthropic-zoom-apps-sdk":6965},{"slug":4,"name":4,"fn":5,"description":6,"org":7,"tags":12,"stars":26,"repoUrl":27,"updatedAt":28,"license":29,"forks":30,"topics":31,"repo":32,"sourceUrl":35,"mdContent":36},"zoom-apps-sdk","build apps with Zoom Apps SDK","Reference skill for Zoom Apps SDK. Use after routing to an in-client app workflow when building web apps that run inside Zoom meetings, webinars, the main client, or Zoom Phone.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},"anthropic","Anthropic","https:\u002F\u002Fpexgzepcugksgbtrxkhf.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Forg-logos\u002Fanthropic.png","anthropics",[13,17,20,23],{"name":14,"slug":15,"type":16},"Meetings","meetings","tag",{"name":18,"slug":19,"type":16},"SDK","sdk",{"name":21,"slug":22,"type":16},"Zoom","zoom",{"name":24,"slug":25,"type":16},"Frontend","frontend",22885,"https:\u002F\u002Fgithub.com\u002Fanthropics\u002Fknowledge-work-plugins","2026-04-10T04:56:28.081031",null,2736,[],{"repoUrl":27,"stars":26,"forks":30,"topics":33,"description":34},[],"Open source repository of plugins primarily intended for knowledge workers to use in Claude Cowork","https:\u002F\u002Fgithub.com\u002Fanthropics\u002Fknowledge-work-plugins\u002Ftree\u002FHEAD\u002Fpartner-built\u002Fzoom-plugin\u002Fskills\u002Fzoom-apps-sdk","---\nname: zoom-apps-sdk\ndescription: Reference skill for Zoom Apps SDK. Use after routing to an in-client app workflow when building web apps that run inside Zoom meetings, webinars, the main client, or Zoom Phone.\nuser-invocable: false\ntriggers:\n  - \"zoom app\"\n  - \"in-meeting app\"\n  - \"app inside zoom\"\n  - \"zoom client app\"\n  - \"layers api\"\n  - \"immersive mode\"\n  - \"camera mode\"\n  - \"collaborate mode\"\n  - \"appssdk\"\n  - \"in-client oauth\"\n  - \"zoom mail\"\n  - \"domain allowlist\"\n  - \"domain whitelist\"\n  - \"url whitelisting\"\n  - \"blank panel\"\n  - \"runningContext\"\n  - \"zoomSdk\"\n---\n\n# Zoom Apps SDK\n\nBackground reference for web apps that run inside the Zoom client. Prefer `choose-zoom-approach` first, then route here for Layers API, Collaborate Mode, in-client OAuth, and runtime constraints.\n\n# Zoom Apps SDK\n\nBuild web apps that run inside the Zoom client - meetings, webinars, main client, and Zoom Phone.\n\n**Official Documentation**: https:\u002F\u002Fdevelopers.zoom.us\u002Fdocs\u002Fzoom-apps\u002F\n**SDK Reference**: https:\u002F\u002Fappssdk.zoom.us\u002F\n**NPM Package**: https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002F@zoom\u002Fappssdk\n\n## Quick Links\n\n**New to Zoom Apps? Follow this path:**\n\n1. **[Architecture](concepts\u002Farchitecture.md)** - Frontend\u002Fbackend pattern, embedded browser, deep linking\n2. **[Quick Start](examples\u002Fquick-start.md)** - Complete working Express + SDK app\n3. **[Running Contexts](concepts\u002Frunning-contexts.md)** - Where your app runs (inMeeting, inMainClient, etc.)\n4. **[Zoom Apps vs Meeting SDK](concepts\u002Fmeeting-sdk-vs-zoom-apps.md)** - Stop mixing app types\n4. **[In-Client OAuth](examples\u002Fin-client-oauth.md)** - Seamless authorization with PKCE\n5. **[API Reference](references\u002Fapis.md)** - 100+ SDK methods\n6. **Integrated Index** - see the section below in this file\n7. **[5-Minute Runbook](RUNBOOK.md)** - Preflight checks before deep debugging\n\n**Reference:**\n- **[API Reference](references\u002Fapis.md)** - All SDK methods by category\n- **[Events Reference](references\u002Fevents.md)** - All SDK event listeners\n- **[Layers API](references\u002Flayers-api.md)** - Immersive and camera mode rendering\n- **[OAuth Reference](references\u002Foauth.md)** - OAuth flows for Zoom Apps\n- **[Zoom Mail](references\u002Fzmail-sdk.md)** - Mail plugin integration\n\n**Having issues?**\n- App won't load in Zoom → Check [Domain Allowlist](#url-whitelisting-required) below\n- SDK errors → [Common Issues](troubleshooting\u002Fcommon-issues.md)\n- Local dev setup → [Debugging Guide](troubleshooting\u002Fdebugging.md)\n- Version upgrade → [Migration Guide](troubleshooting\u002Fmigration.md)\n- Forum-derived FAQs → [Forum Top Questions](troubleshooting\u002Fforum-top-questions.md)\n\n**Building immersive experiences?**\n- [Layers Immersive Mode](examples\u002Flayers-immersive.md) - Custom video layouts\n- [Camera Mode](examples\u002Flayers-camera.md) - Virtual camera overlays\n\n> **Need help with OAuth?** See the **[zoom-oauth](..\u002Foauth\u002FSKILL.md)** skill for authentication flows.\n\n## SDK Overview\n\nThe Zoom Apps SDK (`@zoom\u002Fappssdk`) provides JavaScript APIs for web apps running in Zoom's embedded browser:\n\n- **Context APIs** - Get meeting, user, and participant info\n- **Meeting Actions** - Share app, invite participants, open URLs\n- **Authorization** - In-Client OAuth with PKCE (no browser redirect)\n- **Layers API** - Immersive video layouts and camera mode overlays\n- **Collaborate Mode** - Shared app state across participants\n- **App Communication** - Message passing between app instances (main client \u003C-> meeting)\n- **Media Controls** - Virtual backgrounds, camera listing, recording control\n- **UI Controls** - Expand app, notifications, popout\n- **Events** - React to meeting state, participants, sharing, and more\n\n## Prerequisites\n\n- Zoom app configured as **\"Zoom App\"** type in [Marketplace](https:\u002F\u002Fmarketplace.zoom.us\u002F)\n- OAuth credentials (Client ID + Secret) with Zoom Apps scopes\n- Web application (Node.js + Express recommended)\n- **Your domain whitelisted** in Marketplace domain allowlist\n- ngrok or HTTPS tunnel for local development\n- Node.js 18+ (for the backend server)\n\n## Quick Start\n\n### Option A: NPM (Recommended for frameworks)\n\n```bash\nnpm install @zoom\u002Fappssdk\n```\n\n```javascript\nimport zoomSdk from '@zoom\u002Fappssdk';\n\nasync function init() {\n  try {\n    const configResponse = await zoomSdk.config({\n      capabilities: [\n        'shareApp',\n        'getMeetingContext',\n        'getUserContext',\n        'openUrl'\n      ],\n      version: '0.16'\n    });\n\n    console.log('Running context:', configResponse.runningContext);\n    \u002F\u002F 'inMeeting' | 'inMainClient' | 'inWebinar' | 'inImmersive' | ...\n\n    const context = await zoomSdk.getMeetingContext();\n    console.log('Meeting ID:', context.meetingID);\n  } catch (error) {\n    console.error('Not running inside Zoom:', error.message);\n    showDemoMode();\n  }\n}\n```\n\n### Option B: CDN (Vanilla JS)\n\n```html\n\u003Cscript src=\"https:\u002F\u002Fappssdk.zoom.us\u002Fsdk.js\">\u003C\u002Fscript>\n\n\u003Cscript>\n\u002F\u002F CRITICAL: Do NOT declare \"let zoomSdk\" - the SDK defines window.zoomSdk globally\n\u002F\u002F Using \"let zoomSdk = ...\" causes: SyntaxError: redeclaration of non-configurable global property\nlet sdk = window.zoomSdk;  \u002F\u002F Use a different variable name\n\nasync function init() {\n  try {\n    const configResponse = await sdk.config({\n      capabilities: ['shareApp', 'getMeetingContext', 'getUserContext'],\n      version: '0.16'\n    });\n\n    console.log('Running context:', configResponse.runningContext);\n  } catch (error) {\n    console.error('Not running inside Zoom:', error.message);\n    showDemoMode();\n  }\n}\n\nfunction showDemoMode() {\n  document.body.innerHTML = '\u003Ch1>Preview Mode\u003C\u002Fh1>\u003Cp>Open this app inside Zoom to use.\u003C\u002Fp>';\n}\n\ndocument.addEventListener('DOMContentLoaded', () => {\n  init();\n  setTimeout(() => { if (!sdk) showDemoMode(); }, 3000);\n});\n\u003C\u002Fscript>\n```\n\n## Critical: Global Variable Conflict\n\nThe CDN script defines `window.zoomSdk` globally. **Do NOT redeclare it:**\n\n```javascript\n\u002F\u002F WRONG - causes SyntaxError in Zoom's embedded browser\nlet zoomSdk = null;\nzoomSdk = window.zoomSdk;\n\n\u002F\u002F CORRECT - use different variable name\nlet sdk = window.zoomSdk;\n\n\u002F\u002F ALSO CORRECT - NPM import (no conflict)\nimport zoomSdk from '@zoom\u002Fappssdk';\n```\n\nThis only applies to the CDN approach. The NPM import creates a module-scoped variable, no conflict.\n\n## Browser Preview \u002F Demo Mode\n\nThe SDK only functions inside the Zoom client. When accessed in a regular browser:\n- `window.zoomSdk` exists but `sdk.config()` throws an error\n- Always implement try\u002Fcatch with fallback UI\n- Add timeout (3 seconds) in case SDK hangs\n\n## URL Whitelisting (Required)\n\n**Your app will NOT load in Zoom unless the domain is whitelisted.**\n\n1. Go to [Zoom Marketplace](https:\u002F\u002Fmarketplace.zoom.us\u002F)\n2. Open your app -> **Feature** tab\n3. Under **Zoom App**, find **Add Allow List**\n4. Add your domain (e.g., `yourdomain.com` for production, `xxxxx.ngrok.io` for dev)\n\nWithout this, the Zoom client shows a blank panel with no error message.\n\n## OAuth Scopes (Required)\n\nCapabilities require matching OAuth scopes enabled in Marketplace:\n\n| Capability | Required Scope |\n|------------|----------------|\n| `getMeetingContext` | `zoomapp:inmeeting` |\n| `getUserContext` | `zoomapp:inmeeting` |\n| `shareApp` | `zoomapp:inmeeting` |\n| `openUrl` | `zoomapp:inmeeting` |\n| `sendAppInvitation` | `zoomapp:inmeeting` |\n| `runRenderingContext` | `zoomapp:inmeeting` |\n| `authorize` | `zoomapp:inmeeting` |\n| `getMeetingParticipants` | `zoomapp:inmeeting` |\n\n**To add scopes:** Marketplace -> Your App -> **Scopes** tab -> Add required scopes.\n\nMissing scopes = capability fails silently or throws error. Users must re-authorize if you add new scopes.\n\n## Running Contexts\n\nYour app runs in different surfaces within Zoom. The `configResponse.runningContext` tells you where:\n\n| Context | Surface | Description |\n|---------|---------|-------------|\n| `inMeeting` | Meeting sidebar | Most common. Full meeting APIs available |\n| `inMainClient` | Main client panel | Home tab. No meeting context APIs |\n| `inWebinar` | Webinar sidebar | Host\u002Fpanelist. Meeting + webinar APIs |\n| `inImmersive` | Layers API | Full-screen custom rendering |\n| `inCamera` | Camera mode | Virtual camera overlay |\n| `inCollaborate` | Collaborate mode | Shared state context |\n| `inPhone` | Zoom Phone | Phone call app |\n| `inChat` | Team Chat | Chat sidebar |\n\nSee **[Running Contexts](concepts\u002Frunning-contexts.md)** for context-specific behavior and APIs.\n\n## SDK Initialization Pattern\n\nEvery Zoom App starts with `config()`:\n\n```javascript\nimport zoomSdk from '@zoom\u002Fappssdk';\n\nconst configResponse = await zoomSdk.config({\n  capabilities: [\n    \u002F\u002F List ALL APIs you will use\n    'getMeetingContext',\n    'getUserContext',\n    'shareApp',\n    'openUrl',\n    'authorize',\n    'onAuthorized'\n  ],\n  version: '0.16'\n});\n\n\u002F\u002F configResponse contains:\n\u002F\u002F {\n\u002F\u002F   runningContext: 'inMeeting',\n\u002F\u002F   clientVersion: '5.x.x',\n\u002F\u002F   unsupportedApis: []  \u002F\u002F APIs not supported in this client version\n\u002F\u002F }\n```\n\n**Rules:**\n1. `config()` MUST be called before any other SDK method\n2. Only capabilities listed in `config()` are available\n3. Capabilities must match OAuth scopes in Marketplace\n4. Check `unsupportedApis` for graceful degradation\n\n## In-Client OAuth (Summary)\n\nBest UX for authorization - no browser redirect:\n\n```javascript\n\u002F\u002F 1. Get code challenge from your backend\nconst { codeChallenge, state } = await fetch('\u002Fapi\u002Fauth\u002Fchallenge').then(r => r.json());\n\n\u002F\u002F 2. Trigger in-client authorization\nawait zoomSdk.authorize({ codeChallenge, state });\n\n\u002F\u002F 3. Listen for authorization result\nzoomSdk.addEventListener('onAuthorized', async (event) => {\n  const { code, state } = event;\n  \u002F\u002F 4. Send code to backend for token exchange\n  await fetch('\u002Fapi\u002Fauth\u002Ftoken', {\n    method: 'POST',\n    body: JSON.stringify({ code, state })\n  });\n});\n```\n\nSee **[In-Client OAuth Guide](examples\u002Fin-client-oauth.md)** for complete implementation.\n\n## Layers API (Summary)\n\nBuild immersive video layouts and camera overlays:\n\n```javascript\n\u002F\u002F Start immersive mode - replaces gallery view\nawait zoomSdk.runRenderingContext({ view: 'immersive' });\n\n\u002F\u002F Position participant video feeds\nawait zoomSdk.drawParticipant({\n  participantUUID: 'user-uuid',\n  x: 0, y: 0, width: 640, height: 480, zIndex: 1\n});\n\n\u002F\u002F Add overlay images\nawait zoomSdk.drawImage({\n  imageData: canvas.toDataURL(),\n  x: 0, y: 0, width: 1280, height: 720, zIndex: 0\n});\n\n\u002F\u002F Exit immersive mode\nawait zoomSdk.closeRenderingContext();\n```\n\nSee **[Layers Immersive](examples\u002Flayers-immersive.md)** and **[Camera Mode](examples\u002Flayers-camera.md)**.\n\n## Environment Variables\n\n| Variable | Description | Where to Find |\n|----------|-------------|---------------|\n| `ZOOM_APP_CLIENT_ID` | App client ID | Marketplace -> App -> App Credentials |\n| `ZOOM_APP_CLIENT_SECRET` | App client secret | Marketplace -> App -> App Credentials |\n| `ZOOM_APP_REDIRECT_URI` | OAuth redirect URL | Your server URL + `\u002Fauth` |\n| `SESSION_SECRET` | Cookie signing secret | Generate random string |\n| `ZOOM_HOST` | Zoom host URL | `https:\u002F\u002Fzoom.us` (or `https:\u002F\u002Fzoomgov.com`) |\n\n## Common APIs\n\n| API | Description |\n|-----|-------------|\n| `config()` | Initialize SDK, request capabilities |\n| `getMeetingContext()` | Get meeting ID, topic, status |\n| `getUserContext()` | Get user name, role, participant ID |\n| `getRunningContext()` | Get current running context |\n| `getMeetingParticipants()` | List participants |\n| `shareApp()` | Share app screen with participants |\n| `openUrl({ url })` | Open URL in external browser |\n| `sendAppInvitation()` | Invite users to open your app |\n| `authorize()` | Trigger In-Client OAuth |\n| `connect()` | Connect to other app instances |\n| `postMessage()` | Send message to connected instances |\n| `runRenderingContext()` | Start Layers API (immersive\u002Fcamera) |\n| `expandApp({ action })` | Expand\u002Fcollapse app panel |\n| `showNotification()` | Show notification in Zoom |\n\n## Complete Documentation Library\n\n### Core Concepts\n- **[Architecture](concepts\u002Farchitecture.md)** - Frontend\u002Fbackend pattern, embedded browser, deep linking, X-Zoom-App-Context\n- **[Running Contexts](concepts\u002Frunning-contexts.md)** - All contexts, context-specific APIs, multi-instance communication\n- **[Security](concepts\u002Fsecurity.md)** - OWASP headers, CSP, cookie security, PKCE, token storage\n\n### Complete Examples\n- **[Quick Start](examples\u002Fquick-start.md)** - Hello World Express + SDK app\n- **[In-Client OAuth](examples\u002Fin-client-oauth.md)** - PKCE authorization flow\n- **[Layers Immersive](examples\u002Flayers-immersive.md)** - Custom video layouts\n- **[Camera Mode](examples\u002Flayers-camera.md)** - Virtual camera overlays\n- **[Collaborate Mode](examples\u002Fcollaborate-mode.md)** - Shared state across participants\n- **[Guest Mode](examples\u002Fguest-mode.md)** - Unauthenticated\u002Fauthenticated\u002Fauthorized states\n- **[Breakout Rooms](examples\u002Fbreakout-rooms.md)** - Room detection and cross-room state\n- **[App Communication](examples\u002Fapp-communication.md)** - connect + postMessage between instances\n\n### Troubleshooting\n- **[Common Issues](troubleshooting\u002Fcommon-issues.md)** - Quick diagnostics and error codes\n- **[Debugging](troubleshooting\u002Fdebugging.md)** - Local dev, ngrok, browser preview\n- **[Migration](troubleshooting\u002Fmigration.md)** - SDK version upgrade notes\n\n### References\n- **[API Reference](references\u002Fapis.md)** - All 100+ SDK methods\n- **[Events Reference](references\u002Fevents.md)** - All SDK event listeners\n- **[Layers API Reference](references\u002Flayers-api.md)** - Drawing and rendering methods\n- **[OAuth Reference](references\u002Foauth.md)** - OAuth flows for Zoom Apps\n- **[Zoom Mail](references\u002Fzmail-sdk.md)** - Mail plugin integration\n\n## Sample Repositories\n\n### Official (by Zoom)\n\n| Repository | Type | Last Updated | Status | SDK Version |\n|-----------|------|-------------|--------|-------------|\n| [zoomapps-sample-js](https:\u002F\u002Fgithub.com\u002Fzoom\u002Fzoomapps-sample-js) | Hello World (Vanilla JS) | Dec 2025 | Active | ^0.16.26 |\n| [zoomapps-advancedsample-react](https:\u002F\u002Fgithub.com\u002Fzoom\u002Fzoomapps-advancedsample-react) | Advanced (React + Redis) | Oct 2025 | Active | 0.16.0 |\n| [zoomapps-customlayout-js](https:\u002F\u002Fgithub.com\u002Fzoom\u002Fzoomapps-customlayout-js) | Layers API | Nov 2023 | Stale | ^0.16.8 |\n| [zoomapps-texteditor-vuejs](https:\u002F\u002Fgithub.com\u002Fzoom\u002Fzoomapps-texteditor-vuejs) | Collaborate (Vue + Y.js) | Oct 2023 | Stale | ^0.16.7 |\n| [zoomapps-serverless-vuejs](https:\u002F\u002Fgithub.com\u002Fzoom\u002Fzoomapps-serverless-vuejs) | Serverless (Firebase) | Aug 2024 | Stale | ^0.16.21 |\n| [zoomapps-cameramode-vuejs](https:\u002F\u002Fgithub.com\u002Fzoom\u002Fzoomapps-cameramode-vuejs) | Camera Mode | - | - | - |\n| [zoomapps-workshop-sample](https:\u002F\u002Fgithub.com\u002Fzoom\u002Fzoomapps-workshop-sample) | Workshop | - | - | - |\n\n**Recommended for new projects:** Use `@zoom\u002Fappssdk` version `^0.16.26`.\n\n### Community\n\n| Type | Repository | Description |\n|------|------------|-------------|\n| Library | [harvard-edtech\u002Fzaccl](https:\u002F\u002Fgithub.com\u002Fharvard-edtech\u002Fzaccl) | Zoom App Complete Connection Library |\n\n**Full list**: See [general\u002Freferences\u002Fcommunity-repos.md](..\u002Fgeneral\u002Freferences\u002Fcommunity-repos.md)\n\n### Learning Path\n\n1. **Start**: `zoomapps-sample-js` - Simplest, most up-to-date\n2. **Advanced**: `zoomapps-advancedsample-react` - Comprehensive (In-Client OAuth, Guest Mode, Collaborate)\n3. **Specialized**: Pick based on feature (Layers, Serverless, Camera Mode)\n\n## Critical Gotchas (From Real Development)\n\n### 1. Global Variable Conflict\nThe CDN script defines `window.zoomSdk`. Declaring `let zoomSdk` in your code causes `SyntaxError: redeclaration of non-configurable global property`. Use `let sdk = window.zoomSdk` or the NPM import.\n\n### 2. Domain Allowlist\nYour app URL **must** be in the Marketplace domain allowlist. Without it, Zoom shows a blank panel with no error. Also add `appssdk.zoom.us` and any CDN domains you use.\n\n### 3. Capabilities Must Be Listed\nOnly APIs listed in `config({ capabilities: [...] })` are available. Calling an unlisted API throws an error. This is also true for event listeners.\n\n### 4. SDK Only Works Inside Zoom\n`zoomSdk.config()` throws outside the Zoom client. Always wrap in try\u002Fcatch with browser fallback:\n```javascript\ntry { await zoomSdk.config({...}); } catch { showBrowserPreview(); }\n```\n\n### 5. ngrok URL Changes\nFree ngrok URLs change on restart. You must update 4 places in Marketplace: Home URL, Redirect URL, OAuth Allow List, Domain Allow List. Consider ngrok paid plan for stable subdomain.\n\n### 6. In-Client OAuth vs Web OAuth\nUse `zoomSdk.authorize()` (In-Client) for best UX - no browser redirect. Only fall back to web redirect for initial install from Marketplace.\n\n### 7. Camera Mode CEF Race Condition\nCamera mode uses CEF which takes time to initialize. `drawImage`\u002F`drawWebView` may fail if called too early. Implement retry with exponential backoff.\n\n### 8. Cookie Configuration\nZoom's embedded browser requires cookies with `SameSite=None` and `Secure=true`. Without this, sessions break silently.\n\n### 9. State Validation\nAlways validate the OAuth `state` parameter to prevent CSRF attacks. Generate cryptographically random state, store it, and verify on callback.\n\n## Resources\n\n- **Official docs**: https:\u002F\u002Fdevelopers.zoom.us\u002Fdocs\u002Fzoom-apps\u002F\n- **SDK reference**: https:\u002F\u002Fappssdk.zoom.us\u002F\n- **NPM package**: https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002F@zoom\u002Fappssdk\n- **Developer forum**: https:\u002F\u002Fdevforum.zoom.us\u002F\n- **GitHub SDK source**: https:\u002F\u002Fgithub.com\u002Fzoom\u002Fappssdk\n\n---\n\n**Need help?** Start with Integrated Index section below for complete navigation.\n\n---\n\n## Integrated Index\n\n_This section was migrated from `SKILL.md`._\n\n## Quick Start Path\n\n**If you're new to Zoom Apps, follow this order:**\n\n1. **Run preflight checks first** -> [RUNBOOK.md](RUNBOOK.md)\n\n2. **Read the architecture** -> [concepts\u002Farchitecture.md](concepts\u002Farchitecture.md)\n   - Frontend\u002Fbackend pattern, embedded browser, deep linking\n   - Understand how Zoom loads and communicates with your app\n\n3. **Build your first app** -> [examples\u002Fquick-start.md](examples\u002Fquick-start.md)\n   - Complete Express + SDK Hello World\n   - ngrok setup for local development\n\n4. **Understand running contexts** -> [concepts\u002Frunning-contexts.md](concepts\u002Frunning-contexts.md)\n   - Where your app runs (inMeeting, inMainClient, inWebinar, etc.)\n   - Context-specific APIs and limitations\n\n5. **Implement OAuth** -> [examples\u002Fin-client-oauth.md](examples\u002Fin-client-oauth.md)\n   - In-Client OAuth with PKCE (best UX)\n   - Token exchange and storage\n\n6. **Add features** -> [references\u002Fapis.md](references\u002Fapis.md)\n   - 100+ SDK methods organized by category\n   - Code examples for each\n\n7. **Troubleshoot** -> [troubleshooting\u002Fcommon-issues.md](troubleshooting\u002Fcommon-issues.md)\n   - Quick diagnostics for common problems\n\n---\n\n## Documentation Structure\n\n```\nzoom-apps-sdk\u002F\n├── SKILL.md                           # Main skill overview\n├── SKILL.md                           # This file - navigation guide\n│\n├── concepts\u002F                          # Core architectural patterns\n│   ├── architecture.md               # Frontend\u002Fbackend, embedded browser, OAuth flow\n│   ├── running-contexts.md           # Where your app runs + context-specific APIs\n│   └── security.md                   # OWASP headers, CSP, data access layers\n│\n├── examples\u002F                          # Complete working code\n│   ├── quick-start.md                # Hello World - minimal Express + SDK app\n│   ├── in-client-oauth.md            # In-Client OAuth with PKCE\n│   ├── layers-immersive.md           # Layers API - immersive mode (custom layouts)\n│   ├── layers-camera.md              # Layers API - camera mode (virtual camera)\n│   ├── collaborate-mode.md           # Collaborate mode (shared state)\n│   ├── guest-mode.md                 # Guest mode (unauthenticated -> authorized)\n│   ├── breakout-rooms.md             # Breakout room integration\n│   └── app-communication.md          # connect + postMessage between instances\n│\n├── troubleshooting\u002F                   # Problem solving guides\n│   ├── common-issues.md              # Quick diagnostics, error codes\n│   ├── debugging.md                  # Local dev setup, ngrok, browser preview\n│   └── migration.md                  # SDK version migration notes\n│\n└── references\u002F                        # Reference documentation\n    ├── apis.md                        # Complete API reference (100+ methods)\n    ├── events.md                      # All SDK events\n    ├── layers-api.md                  # Layers API detailed reference\n    ├── oauth.md                       # OAuth flows for Zoom Apps\n    └── zmail-sdk.md                   # Zoom Mail integration\n```\n\n---\n\n## By Use Case\n\n### I want to build a basic Zoom App\n1. [Architecture](concepts\u002Farchitecture.md) - Understand the pattern\n2. [Quick Start](examples\u002Fquick-start.md) - Build Hello World\n3. [In-Client OAuth](examples\u002Fin-client-oauth.md) - Add authorization\n4. [Security](concepts\u002Fsecurity.md) - Required headers\n\n### I want immersive video layouts (Layers API)\n1. [Layers Immersive](examples\u002Flayers-immersive.md) - Custom video positions\n2. [Layers API Reference](references\u002Flayers-api.md) - All drawing methods\n3. [App Communication](examples\u002Fapp-communication.md) - Sync layout across participants\n\n### I want a virtual camera overlay\n1. [Camera Mode](examples\u002Flayers-camera.md) - Camera mode rendering\n2. [Layers API Reference](references\u002Flayers-api.md) - Drawing methods\n\n### I want real-time collaboration\n1. [Collaborate Mode](examples\u002Fcollaborate-mode.md) - Shared state APIs\n2. [App Communication](examples\u002Fapp-communication.md) - Instance messaging\n\n### I want guest\u002Fanonymous access\n1. [Guest Mode](examples\u002Fguest-mode.md) - Three authorization states\n2. [In-Client OAuth](examples\u002Fin-client-oauth.md) - promptAuthorize flow\n\n### I want breakout room support\n1. [Breakout Rooms](examples\u002Fbreakout-rooms.md) - Room detection and state sync\n\n### I want to sync between main client and meeting\n1. [App Communication](examples\u002Fapp-communication.md) - connect + postMessage\n2. [Running Contexts](concepts\u002Frunning-contexts.md) - Multi-instance behavior\n\n### I want serverless deployment\n1. [Quick Start](examples\u002Fquick-start.md) - Understand the base pattern first\n2. Sample: [zoomapps-serverless-vuejs](https:\u002F\u002Fgithub.com\u002Fzoom\u002Fzoomapps-serverless-vuejs) - Firebase pattern\n\n### I want to add Zoom Mail integration\n1. [Zoom Mail Reference](references\u002Fzmail-sdk.md) - REST API + mail plugins\n\n### I'm getting errors\n1. [Common Issues](troubleshooting\u002Fcommon-issues.md) - Quick diagnostic table\n2. [Debugging](troubleshooting\u002Fdebugging.md) - Local dev setup, DevTools\n3. [Migration](troubleshooting\u002Fmigration.md) - Version compatibility\n\n---\n\n## Most Critical Documents\n\n### 1. Architecture (FOUNDATION)\n**[concepts\u002Farchitecture.md](concepts\u002Farchitecture.md)**\n\nUnderstand how Zoom Apps work: Frontend in embedded browser, backend for OAuth\u002FAPI, SDK as the bridge. Without this, nothing else makes sense.\n\n### 2. Quick Start (FIRST APP)\n**[examples\u002Fquick-start.md](examples\u002Fquick-start.md)**\n\nComplete working code. Get something running before diving into advanced features.\n\n### 3. Common Issues (MOST COMMON PROBLEMS)\n**[troubleshooting\u002Fcommon-issues.md](troubleshooting\u002Fcommon-issues.md)**\n\n90% of Zoom Apps issues are: domain allowlist, global variable conflict, or missing capabilities.\n\n---\n\n## Key Learnings\n\n### Critical Discoveries:\n\n1. **Global Variable Conflict is the #1 Gotcha**\n   - CDN script defines `window.zoomSdk` globally\n   - `let zoomSdk = ...` causes SyntaxError in Zoom's browser\n   - Use `let sdk = window.zoomSdk` or NPM import\n\n2. **Domain Allowlist is Non-Negotiable**\n   - App shows blank panel with zero error if domain not whitelisted\n   - Must include your domain AND `appssdk.zoom.us` AND any CDN domains\n   - ngrok URLs change on restart - must update Marketplace each time\n\n3. **config() Gates Everything**\n   - Must be called first, must list all capabilities\n   - Unlisted capabilities throw errors\n   - Check `unsupportedApis` for client version compatibility\n\n4. **In-Client OAuth > Web OAuth for UX**\n   - `authorize()` keeps user in Zoom (no browser redirect)\n   - Web redirect only needed for initial Marketplace install\n   - Always implement PKCE (code_verifier + code_challenge)\n\n5. **Two App Instances Can Run Simultaneously**\n   - Main client instance + meeting instance\n   - Use `connect()` + `postMessage()` to sync between them\n   - Pre-meeting setup in main client, use in meeting\n\n6. **Camera Mode Has CEF Quirks**\n   - CEF initialization takes time\n   - Draw calls may fail if too early\n   - Use retry with exponential backoff\n\n7. **Cookie Settings Matter**\n   - `SameSite=None` + `Secure=true` required\n   - Without this, sessions silently fail in embedded browser\n\n---\n\n## Quick Reference\n\n### \"App shows blank panel\"\n-> [Domain Allowlist](troubleshooting\u002Fcommon-issues.md) - add domain to Marketplace\n\n### \"SyntaxError: redeclaration\"\n-> [Global Variable](troubleshooting\u002Fcommon-issues.md) - use `let sdk = window.zoomSdk`\n\n### \"config() throws error\"\n-> [Browser Preview](troubleshooting\u002Fdebugging.md) - SDK only works inside Zoom\n\n### \"API call fails silently\"\n-> [OAuth Scopes](troubleshooting\u002Fcommon-issues.md) - add required scopes in Marketplace\n\n### \"How do I implement [feature]?\"\n-> [API Reference](references\u002Fapis.md) - find the method, check capabilities needed\n\n### \"How do I test locally?\"\n-> [Debugging Guide](troubleshooting\u002Fdebugging.md) - ngrok + Marketplace config\n\n---\n\n## Document Version\n\nBased on **@zoom\u002Fappssdk v0.16.x** (latest: 0.16.26+)\n\n---\n\n**Happy coding!**\n\nStart with [Architecture](concepts\u002Farchitecture.md) to understand the pattern, then [Quick Start](examples\u002Fquick-start.md) to build your first app.\n",{"data":38,"body":58},{"name":4,"description":6,"user-invocable":39,"triggers":40},false,[41,42,43,44,45,46,47,48,49,50,51,52,53,54,55,56,57],"zoom app","in-meeting app","app inside zoom","zoom client app","layers api","immersive mode","camera mode","collaborate mode","appssdk","in-client oauth","zoom mail","domain allowlist","domain whitelist","url whitelisting","blank panel","runningContext","zoomSdk",{"type":59,"children":60},"root",[61,69,84,89,94,137,144,152,265,273,345,353,413,421,446,471,477,490,582,588,640,645,652,686,1310,1316,2089,2095,2113,2268,2273,2279,2284,2315,2321,2329,2393,2398,2404,2409,2594,2611,2616,2621,2634,2836,2850,2856,2868,3201,3209,3252,3258,3263,3734,3748,3754,3759,4227,4249,4255,4409,4415,4673,4679,4685,4726,4732,4835,4841,4882,4888,4949,4955,4961,5219,5242,5248,5295,5311,5317,5362,5368,5374,5409,5415,5435,5441,5454,5460,5471,5553,5559,5564,5570,5583,5589,5609,5615,5635,5641,5654,5660,5735,5739,5749,5752,5757,5773,5779,5787,5955,5958,5964,5974,5977,5983,5989,6028,6034,6064,6070,6091,6097,6118,6124,6145,6151,6163,6169,6190,6196,6220,6226,6239,6245,6275,6278,6284,6290,6300,6305,6311,6321,6326,6332,6342,6347,6350,6356,6362,6603,6606,6612,6618,6629,6635,6651,6657,6668,6674,6685,6698,6708,6714,6724,6727,6733,6745,6748,6756,6773],{"type":62,"tag":63,"props":64,"children":65},"element","h1",{"id":4},[66],{"type":67,"value":68},"text","Zoom Apps SDK",{"type":62,"tag":70,"props":71,"children":72},"p",{},[73,75,82],{"type":67,"value":74},"Background reference for web apps that run inside the Zoom client. Prefer ",{"type":62,"tag":76,"props":77,"children":79},"code",{"className":78},[],[80],{"type":67,"value":81},"choose-zoom-approach",{"type":67,"value":83}," first, then route here for Layers API, Collaborate Mode, in-client OAuth, and runtime constraints.",{"type":62,"tag":63,"props":85,"children":87},{"id":86},"zoom-apps-sdk-1",[88],{"type":67,"value":68},{"type":62,"tag":70,"props":90,"children":91},{},[92],{"type":67,"value":93},"Build web apps that run inside the Zoom client - meetings, webinars, main client, and Zoom Phone.",{"type":62,"tag":70,"props":95,"children":96},{},[97,103,105,113,118,119,125,130,131],{"type":62,"tag":98,"props":99,"children":100},"strong",{},[101],{"type":67,"value":102},"Official Documentation",{"type":67,"value":104},": ",{"type":62,"tag":106,"props":107,"children":111},"a",{"href":108,"rel":109},"https:\u002F\u002Fdevelopers.zoom.us\u002Fdocs\u002Fzoom-apps\u002F",[110],"nofollow",[112],{"type":67,"value":108},{"type":62,"tag":98,"props":114,"children":115},{},[116],{"type":67,"value":117},"SDK Reference",{"type":67,"value":104},{"type":62,"tag":106,"props":120,"children":123},{"href":121,"rel":122},"https:\u002F\u002Fappssdk.zoom.us\u002F",[110],[124],{"type":67,"value":121},{"type":62,"tag":98,"props":126,"children":127},{},[128],{"type":67,"value":129},"NPM Package",{"type":67,"value":104},{"type":62,"tag":106,"props":132,"children":135},{"href":133,"rel":134},"https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002F@zoom\u002Fappssdk",[110],[136],{"type":67,"value":133},{"type":62,"tag":138,"props":139,"children":141},"h2",{"id":140},"quick-links",[142],{"type":67,"value":143},"Quick Links",{"type":62,"tag":70,"props":145,"children":146},{},[147],{"type":62,"tag":98,"props":148,"children":149},{},[150],{"type":67,"value":151},"New to Zoom Apps? Follow this path:",{"type":62,"tag":153,"props":154,"children":155},"ol",{},[156,171,185,199,213,227,241,251],{"type":62,"tag":157,"props":158,"children":159},"li",{},[160,169],{"type":62,"tag":98,"props":161,"children":162},{},[163],{"type":62,"tag":106,"props":164,"children":166},{"href":165},"concepts\u002Farchitecture.md",[167],{"type":67,"value":168},"Architecture",{"type":67,"value":170}," - Frontend\u002Fbackend pattern, embedded browser, deep linking",{"type":62,"tag":157,"props":172,"children":173},{},[174,183],{"type":62,"tag":98,"props":175,"children":176},{},[177],{"type":62,"tag":106,"props":178,"children":180},{"href":179},"examples\u002Fquick-start.md",[181],{"type":67,"value":182},"Quick Start",{"type":67,"value":184}," - Complete working Express + SDK app",{"type":62,"tag":157,"props":186,"children":187},{},[188,197],{"type":62,"tag":98,"props":189,"children":190},{},[191],{"type":62,"tag":106,"props":192,"children":194},{"href":193},"concepts\u002Frunning-contexts.md",[195],{"type":67,"value":196},"Running Contexts",{"type":67,"value":198}," - Where your app runs (inMeeting, inMainClient, etc.)",{"type":62,"tag":157,"props":200,"children":201},{},[202,211],{"type":62,"tag":98,"props":203,"children":204},{},[205],{"type":62,"tag":106,"props":206,"children":208},{"href":207},"concepts\u002Fmeeting-sdk-vs-zoom-apps.md",[209],{"type":67,"value":210},"Zoom Apps vs Meeting SDK",{"type":67,"value":212}," - Stop mixing app types",{"type":62,"tag":157,"props":214,"children":215},{},[216,225],{"type":62,"tag":98,"props":217,"children":218},{},[219],{"type":62,"tag":106,"props":220,"children":222},{"href":221},"examples\u002Fin-client-oauth.md",[223],{"type":67,"value":224},"In-Client OAuth",{"type":67,"value":226}," - Seamless authorization with PKCE",{"type":62,"tag":157,"props":228,"children":229},{},[230,239],{"type":62,"tag":98,"props":231,"children":232},{},[233],{"type":62,"tag":106,"props":234,"children":236},{"href":235},"references\u002Fapis.md",[237],{"type":67,"value":238},"API Reference",{"type":67,"value":240}," - 100+ SDK methods",{"type":62,"tag":157,"props":242,"children":243},{},[244,249],{"type":62,"tag":98,"props":245,"children":246},{},[247],{"type":67,"value":248},"Integrated Index",{"type":67,"value":250}," - see the section below in this file",{"type":62,"tag":157,"props":252,"children":253},{},[254,263],{"type":62,"tag":98,"props":255,"children":256},{},[257],{"type":62,"tag":106,"props":258,"children":260},{"href":259},"RUNBOOK.md",[261],{"type":67,"value":262},"5-Minute Runbook",{"type":67,"value":264}," - Preflight checks before deep debugging",{"type":62,"tag":70,"props":266,"children":267},{},[268],{"type":62,"tag":98,"props":269,"children":270},{},[271],{"type":67,"value":272},"Reference:",{"type":62,"tag":274,"props":275,"children":276},"ul",{},[277,289,303,317,331],{"type":62,"tag":157,"props":278,"children":279},{},[280,287],{"type":62,"tag":98,"props":281,"children":282},{},[283],{"type":62,"tag":106,"props":284,"children":285},{"href":235},[286],{"type":67,"value":238},{"type":67,"value":288}," - All SDK methods by category",{"type":62,"tag":157,"props":290,"children":291},{},[292,301],{"type":62,"tag":98,"props":293,"children":294},{},[295],{"type":62,"tag":106,"props":296,"children":298},{"href":297},"references\u002Fevents.md",[299],{"type":67,"value":300},"Events Reference",{"type":67,"value":302}," - All SDK event listeners",{"type":62,"tag":157,"props":304,"children":305},{},[306,315],{"type":62,"tag":98,"props":307,"children":308},{},[309],{"type":62,"tag":106,"props":310,"children":312},{"href":311},"references\u002Flayers-api.md",[313],{"type":67,"value":314},"Layers API",{"type":67,"value":316}," - Immersive and camera mode rendering",{"type":62,"tag":157,"props":318,"children":319},{},[320,329],{"type":62,"tag":98,"props":321,"children":322},{},[323],{"type":62,"tag":106,"props":324,"children":326},{"href":325},"references\u002Foauth.md",[327],{"type":67,"value":328},"OAuth Reference",{"type":67,"value":330}," - OAuth flows for Zoom Apps",{"type":62,"tag":157,"props":332,"children":333},{},[334,343],{"type":62,"tag":98,"props":335,"children":336},{},[337],{"type":62,"tag":106,"props":338,"children":340},{"href":339},"references\u002Fzmail-sdk.md",[341],{"type":67,"value":342},"Zoom Mail",{"type":67,"value":344}," - Mail plugin integration",{"type":62,"tag":70,"props":346,"children":347},{},[348],{"type":62,"tag":98,"props":349,"children":350},{},[351],{"type":67,"value":352},"Having issues?",{"type":62,"tag":274,"props":354,"children":355},{},[356,369,380,391,402],{"type":62,"tag":157,"props":357,"children":358},{},[359,361,367],{"type":67,"value":360},"App won't load in Zoom → Check ",{"type":62,"tag":106,"props":362,"children":364},{"href":363},"#url-whitelisting-required",[365],{"type":67,"value":366},"Domain Allowlist",{"type":67,"value":368}," below",{"type":62,"tag":157,"props":370,"children":371},{},[372,374],{"type":67,"value":373},"SDK errors → ",{"type":62,"tag":106,"props":375,"children":377},{"href":376},"troubleshooting\u002Fcommon-issues.md",[378],{"type":67,"value":379},"Common Issues",{"type":62,"tag":157,"props":381,"children":382},{},[383,385],{"type":67,"value":384},"Local dev setup → ",{"type":62,"tag":106,"props":386,"children":388},{"href":387},"troubleshooting\u002Fdebugging.md",[389],{"type":67,"value":390},"Debugging Guide",{"type":62,"tag":157,"props":392,"children":393},{},[394,396],{"type":67,"value":395},"Version upgrade → ",{"type":62,"tag":106,"props":397,"children":399},{"href":398},"troubleshooting\u002Fmigration.md",[400],{"type":67,"value":401},"Migration Guide",{"type":62,"tag":157,"props":403,"children":404},{},[405,407],{"type":67,"value":406},"Forum-derived FAQs → ",{"type":62,"tag":106,"props":408,"children":410},{"href":409},"troubleshooting\u002Fforum-top-questions.md",[411],{"type":67,"value":412},"Forum Top Questions",{"type":62,"tag":70,"props":414,"children":415},{},[416],{"type":62,"tag":98,"props":417,"children":418},{},[419],{"type":67,"value":420},"Building immersive experiences?",{"type":62,"tag":274,"props":422,"children":423},{},[424,435],{"type":62,"tag":157,"props":425,"children":426},{},[427,433],{"type":62,"tag":106,"props":428,"children":430},{"href":429},"examples\u002Flayers-immersive.md",[431],{"type":67,"value":432},"Layers Immersive Mode",{"type":67,"value":434}," - Custom video layouts",{"type":62,"tag":157,"props":436,"children":437},{},[438,444],{"type":62,"tag":106,"props":439,"children":441},{"href":440},"examples\u002Flayers-camera.md",[442],{"type":67,"value":443},"Camera Mode",{"type":67,"value":445}," - Virtual camera overlays",{"type":62,"tag":447,"props":448,"children":449},"blockquote",{},[450],{"type":62,"tag":70,"props":451,"children":452},{},[453,458,460,469],{"type":62,"tag":98,"props":454,"children":455},{},[456],{"type":67,"value":457},"Need help with OAuth?",{"type":67,"value":459}," See the ",{"type":62,"tag":98,"props":461,"children":462},{},[463],{"type":62,"tag":106,"props":464,"children":466},{"href":465},"..\u002Foauth\u002FSKILL.md",[467],{"type":67,"value":468},"zoom-oauth",{"type":67,"value":470}," skill for authentication flows.",{"type":62,"tag":138,"props":472,"children":474},{"id":473},"sdk-overview",[475],{"type":67,"value":476},"SDK Overview",{"type":62,"tag":70,"props":478,"children":479},{},[480,482,488],{"type":67,"value":481},"The Zoom Apps SDK (",{"type":62,"tag":76,"props":483,"children":485},{"className":484},[],[486],{"type":67,"value":487},"@zoom\u002Fappssdk",{"type":67,"value":489},") provides JavaScript APIs for web apps running in Zoom's embedded browser:",{"type":62,"tag":274,"props":491,"children":492},{},[493,503,513,523,532,542,552,562,572],{"type":62,"tag":157,"props":494,"children":495},{},[496,501],{"type":62,"tag":98,"props":497,"children":498},{},[499],{"type":67,"value":500},"Context APIs",{"type":67,"value":502}," - Get meeting, user, and participant info",{"type":62,"tag":157,"props":504,"children":505},{},[506,511],{"type":62,"tag":98,"props":507,"children":508},{},[509],{"type":67,"value":510},"Meeting Actions",{"type":67,"value":512}," - Share app, invite participants, open URLs",{"type":62,"tag":157,"props":514,"children":515},{},[516,521],{"type":62,"tag":98,"props":517,"children":518},{},[519],{"type":67,"value":520},"Authorization",{"type":67,"value":522}," - In-Client OAuth with PKCE (no browser redirect)",{"type":62,"tag":157,"props":524,"children":525},{},[526,530],{"type":62,"tag":98,"props":527,"children":528},{},[529],{"type":67,"value":314},{"type":67,"value":531}," - Immersive video layouts and camera mode overlays",{"type":62,"tag":157,"props":533,"children":534},{},[535,540],{"type":62,"tag":98,"props":536,"children":537},{},[538],{"type":67,"value":539},"Collaborate Mode",{"type":67,"value":541}," - Shared app state across participants",{"type":62,"tag":157,"props":543,"children":544},{},[545,550],{"type":62,"tag":98,"props":546,"children":547},{},[548],{"type":67,"value":549},"App Communication",{"type":67,"value":551}," - Message passing between app instances (main client \u003C-> meeting)",{"type":62,"tag":157,"props":553,"children":554},{},[555,560],{"type":62,"tag":98,"props":556,"children":557},{},[558],{"type":67,"value":559},"Media Controls",{"type":67,"value":561}," - Virtual backgrounds, camera listing, recording control",{"type":62,"tag":157,"props":563,"children":564},{},[565,570],{"type":62,"tag":98,"props":566,"children":567},{},[568],{"type":67,"value":569},"UI Controls",{"type":67,"value":571}," - Expand app, notifications, popout",{"type":62,"tag":157,"props":573,"children":574},{},[575,580],{"type":62,"tag":98,"props":576,"children":577},{},[578],{"type":67,"value":579},"Events",{"type":67,"value":581}," - React to meeting state, participants, sharing, and more",{"type":62,"tag":138,"props":583,"children":585},{"id":584},"prerequisites",[586],{"type":67,"value":587},"Prerequisites",{"type":62,"tag":274,"props":589,"children":590},{},[591,610,615,620,630,635],{"type":62,"tag":157,"props":592,"children":593},{},[594,596,601,603],{"type":67,"value":595},"Zoom app configured as ",{"type":62,"tag":98,"props":597,"children":598},{},[599],{"type":67,"value":600},"\"Zoom App\"",{"type":67,"value":602}," type in ",{"type":62,"tag":106,"props":604,"children":607},{"href":605,"rel":606},"https:\u002F\u002Fmarketplace.zoom.us\u002F",[110],[608],{"type":67,"value":609},"Marketplace",{"type":62,"tag":157,"props":611,"children":612},{},[613],{"type":67,"value":614},"OAuth credentials (Client ID + Secret) with Zoom Apps scopes",{"type":62,"tag":157,"props":616,"children":617},{},[618],{"type":67,"value":619},"Web application (Node.js + Express recommended)",{"type":62,"tag":157,"props":621,"children":622},{},[623,628],{"type":62,"tag":98,"props":624,"children":625},{},[626],{"type":67,"value":627},"Your domain whitelisted",{"type":67,"value":629}," in Marketplace domain allowlist",{"type":62,"tag":157,"props":631,"children":632},{},[633],{"type":67,"value":634},"ngrok or HTTPS tunnel for local development",{"type":62,"tag":157,"props":636,"children":637},{},[638],{"type":67,"value":639},"Node.js 18+ (for the backend server)",{"type":62,"tag":138,"props":641,"children":643},{"id":642},"quick-start",[644],{"type":67,"value":182},{"type":62,"tag":646,"props":647,"children":649},"h3",{"id":648},"option-a-npm-recommended-for-frameworks",[650],{"type":67,"value":651},"Option A: NPM (Recommended for frameworks)",{"type":62,"tag":653,"props":654,"children":659},"pre",{"className":655,"code":656,"language":657,"meta":658,"style":658},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","npm install @zoom\u002Fappssdk\n","bash","",[660],{"type":62,"tag":76,"props":661,"children":662},{"__ignoreMap":658},[663],{"type":62,"tag":664,"props":665,"children":668},"span",{"class":666,"line":667},"line",1,[669,675,681],{"type":62,"tag":664,"props":670,"children":672},{"style":671},"--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B",[673],{"type":67,"value":674},"npm",{"type":62,"tag":664,"props":676,"children":678},{"style":677},"--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D",[679],{"type":67,"value":680}," install",{"type":62,"tag":664,"props":682,"children":683},{"style":677},[684],{"type":67,"value":685}," @zoom\u002Fappssdk\n",{"type":62,"tag":653,"props":687,"children":691},{"className":688,"code":689,"language":690,"meta":658,"style":658},"language-javascript shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import zoomSdk from '@zoom\u002Fappssdk';\n\nasync function init() {\n  try {\n    const configResponse = await zoomSdk.config({\n      capabilities: [\n        'shareApp',\n        'getMeetingContext',\n        'getUserContext',\n        'openUrl'\n      ],\n      version: '0.16'\n    });\n\n    console.log('Running context:', configResponse.runningContext);\n    \u002F\u002F 'inMeeting' | 'inMainClient' | 'inWebinar' | 'inImmersive' | ...\n\n    const context = await zoomSdk.getMeetingContext();\n    console.log('Meeting ID:', context.meetingID);\n  } catch (error) {\n    console.error('Not running inside Zoom:', error.message);\n    showDemoMode();\n  }\n}\n","javascript",[692],{"type":62,"tag":76,"props":693,"children":694},{"__ignoreMap":658},[695,735,745,776,789,839,858,881,902,923,941,954,980,998,1006,1066,1076,1084,1125,1183,1216,1275,1292,1301],{"type":62,"tag":664,"props":696,"children":697},{"class":666,"line":667},[698,704,710,715,721,725,730],{"type":62,"tag":664,"props":699,"children":701},{"style":700},"--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic",[702],{"type":67,"value":703},"import",{"type":62,"tag":664,"props":705,"children":707},{"style":706},"--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8",[708],{"type":67,"value":709}," zoomSdk ",{"type":62,"tag":664,"props":711,"children":712},{"style":700},[713],{"type":67,"value":714},"from",{"type":62,"tag":664,"props":716,"children":718},{"style":717},"--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF",[719],{"type":67,"value":720}," '",{"type":62,"tag":664,"props":722,"children":723},{"style":677},[724],{"type":67,"value":487},{"type":62,"tag":664,"props":726,"children":727},{"style":717},[728],{"type":67,"value":729},"'",{"type":62,"tag":664,"props":731,"children":732},{"style":717},[733],{"type":67,"value":734},";\n",{"type":62,"tag":664,"props":736,"children":738},{"class":666,"line":737},2,[739],{"type":62,"tag":664,"props":740,"children":742},{"emptyLinePlaceholder":741},true,[743],{"type":67,"value":744},"\n",{"type":62,"tag":664,"props":746,"children":748},{"class":666,"line":747},3,[749,755,760,766,771],{"type":62,"tag":664,"props":750,"children":752},{"style":751},"--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA",[753],{"type":67,"value":754},"async",{"type":62,"tag":664,"props":756,"children":757},{"style":751},[758],{"type":67,"value":759}," function",{"type":62,"tag":664,"props":761,"children":763},{"style":762},"--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF",[764],{"type":67,"value":765}," init",{"type":62,"tag":664,"props":767,"children":768},{"style":717},[769],{"type":67,"value":770},"()",{"type":62,"tag":664,"props":772,"children":773},{"style":717},[774],{"type":67,"value":775}," {\n",{"type":62,"tag":664,"props":777,"children":779},{"class":666,"line":778},4,[780,785],{"type":62,"tag":664,"props":781,"children":782},{"style":700},[783],{"type":67,"value":784},"  try",{"type":62,"tag":664,"props":786,"children":787},{"style":717},[788],{"type":67,"value":775},{"type":62,"tag":664,"props":790,"children":792},{"class":666,"line":791},5,[793,798,803,808,813,818,823,828,834],{"type":62,"tag":664,"props":794,"children":795},{"style":751},[796],{"type":67,"value":797},"    const",{"type":62,"tag":664,"props":799,"children":800},{"style":706},[801],{"type":67,"value":802}," configResponse",{"type":62,"tag":664,"props":804,"children":805},{"style":717},[806],{"type":67,"value":807}," =",{"type":62,"tag":664,"props":809,"children":810},{"style":700},[811],{"type":67,"value":812}," await",{"type":62,"tag":664,"props":814,"children":815},{"style":706},[816],{"type":67,"value":817}," zoomSdk",{"type":62,"tag":664,"props":819,"children":820},{"style":717},[821],{"type":67,"value":822},".",{"type":62,"tag":664,"props":824,"children":825},{"style":762},[826],{"type":67,"value":827},"config",{"type":62,"tag":664,"props":829,"children":831},{"style":830},"--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178",[832],{"type":67,"value":833},"(",{"type":62,"tag":664,"props":835,"children":836},{"style":717},[837],{"type":67,"value":838},"{\n",{"type":62,"tag":664,"props":840,"children":842},{"class":666,"line":841},6,[843,848,853],{"type":62,"tag":664,"props":844,"children":845},{"style":830},[846],{"type":67,"value":847},"      capabilities",{"type":62,"tag":664,"props":849,"children":850},{"style":717},[851],{"type":67,"value":852},":",{"type":62,"tag":664,"props":854,"children":855},{"style":830},[856],{"type":67,"value":857}," [\n",{"type":62,"tag":664,"props":859,"children":861},{"class":666,"line":860},7,[862,867,872,876],{"type":62,"tag":664,"props":863,"children":864},{"style":717},[865],{"type":67,"value":866},"        '",{"type":62,"tag":664,"props":868,"children":869},{"style":677},[870],{"type":67,"value":871},"shareApp",{"type":62,"tag":664,"props":873,"children":874},{"style":717},[875],{"type":67,"value":729},{"type":62,"tag":664,"props":877,"children":878},{"style":717},[879],{"type":67,"value":880},",\n",{"type":62,"tag":664,"props":882,"children":884},{"class":666,"line":883},8,[885,889,894,898],{"type":62,"tag":664,"props":886,"children":887},{"style":717},[888],{"type":67,"value":866},{"type":62,"tag":664,"props":890,"children":891},{"style":677},[892],{"type":67,"value":893},"getMeetingContext",{"type":62,"tag":664,"props":895,"children":896},{"style":717},[897],{"type":67,"value":729},{"type":62,"tag":664,"props":899,"children":900},{"style":717},[901],{"type":67,"value":880},{"type":62,"tag":664,"props":903,"children":905},{"class":666,"line":904},9,[906,910,915,919],{"type":62,"tag":664,"props":907,"children":908},{"style":717},[909],{"type":67,"value":866},{"type":62,"tag":664,"props":911,"children":912},{"style":677},[913],{"type":67,"value":914},"getUserContext",{"type":62,"tag":664,"props":916,"children":917},{"style":717},[918],{"type":67,"value":729},{"type":62,"tag":664,"props":920,"children":921},{"style":717},[922],{"type":67,"value":880},{"type":62,"tag":664,"props":924,"children":926},{"class":666,"line":925},10,[927,931,936],{"type":62,"tag":664,"props":928,"children":929},{"style":717},[930],{"type":67,"value":866},{"type":62,"tag":664,"props":932,"children":933},{"style":677},[934],{"type":67,"value":935},"openUrl",{"type":62,"tag":664,"props":937,"children":938},{"style":717},[939],{"type":67,"value":940},"'\n",{"type":62,"tag":664,"props":942,"children":944},{"class":666,"line":943},11,[945,950],{"type":62,"tag":664,"props":946,"children":947},{"style":830},[948],{"type":67,"value":949},"      ]",{"type":62,"tag":664,"props":951,"children":952},{"style":717},[953],{"type":67,"value":880},{"type":62,"tag":664,"props":955,"children":957},{"class":666,"line":956},12,[958,963,967,971,976],{"type":62,"tag":664,"props":959,"children":960},{"style":830},[961],{"type":67,"value":962},"      version",{"type":62,"tag":664,"props":964,"children":965},{"style":717},[966],{"type":67,"value":852},{"type":62,"tag":664,"props":968,"children":969},{"style":717},[970],{"type":67,"value":720},{"type":62,"tag":664,"props":972,"children":973},{"style":677},[974],{"type":67,"value":975},"0.16",{"type":62,"tag":664,"props":977,"children":978},{"style":717},[979],{"type":67,"value":940},{"type":62,"tag":664,"props":981,"children":983},{"class":666,"line":982},13,[984,989,994],{"type":62,"tag":664,"props":985,"children":986},{"style":717},[987],{"type":67,"value":988},"    }",{"type":62,"tag":664,"props":990,"children":991},{"style":830},[992],{"type":67,"value":993},")",{"type":62,"tag":664,"props":995,"children":996},{"style":717},[997],{"type":67,"value":734},{"type":62,"tag":664,"props":999,"children":1001},{"class":666,"line":1000},14,[1002],{"type":62,"tag":664,"props":1003,"children":1004},{"emptyLinePlaceholder":741},[1005],{"type":67,"value":744},{"type":62,"tag":664,"props":1007,"children":1009},{"class":666,"line":1008},15,[1010,1015,1019,1024,1028,1032,1037,1041,1046,1050,1054,1058,1062],{"type":62,"tag":664,"props":1011,"children":1012},{"style":706},[1013],{"type":67,"value":1014},"    console",{"type":62,"tag":664,"props":1016,"children":1017},{"style":717},[1018],{"type":67,"value":822},{"type":62,"tag":664,"props":1020,"children":1021},{"style":762},[1022],{"type":67,"value":1023},"log",{"type":62,"tag":664,"props":1025,"children":1026},{"style":830},[1027],{"type":67,"value":833},{"type":62,"tag":664,"props":1029,"children":1030},{"style":717},[1031],{"type":67,"value":729},{"type":62,"tag":664,"props":1033,"children":1034},{"style":677},[1035],{"type":67,"value":1036},"Running context:",{"type":62,"tag":664,"props":1038,"children":1039},{"style":717},[1040],{"type":67,"value":729},{"type":62,"tag":664,"props":1042,"children":1043},{"style":717},[1044],{"type":67,"value":1045},",",{"type":62,"tag":664,"props":1047,"children":1048},{"style":706},[1049],{"type":67,"value":802},{"type":62,"tag":664,"props":1051,"children":1052},{"style":717},[1053],{"type":67,"value":822},{"type":62,"tag":664,"props":1055,"children":1056},{"style":706},[1057],{"type":67,"value":56},{"type":62,"tag":664,"props":1059,"children":1060},{"style":830},[1061],{"type":67,"value":993},{"type":62,"tag":664,"props":1063,"children":1064},{"style":717},[1065],{"type":67,"value":734},{"type":62,"tag":664,"props":1067,"children":1069},{"class":666,"line":1068},16,[1070],{"type":62,"tag":664,"props":1071,"children":1073},{"style":1072},"--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic",[1074],{"type":67,"value":1075},"    \u002F\u002F 'inMeeting' | 'inMainClient' | 'inWebinar' | 'inImmersive' | ...\n",{"type":62,"tag":664,"props":1077,"children":1079},{"class":666,"line":1078},17,[1080],{"type":62,"tag":664,"props":1081,"children":1082},{"emptyLinePlaceholder":741},[1083],{"type":67,"value":744},{"type":62,"tag":664,"props":1085,"children":1087},{"class":666,"line":1086},18,[1088,1092,1097,1101,1105,1109,1113,1117,1121],{"type":62,"tag":664,"props":1089,"children":1090},{"style":751},[1091],{"type":67,"value":797},{"type":62,"tag":664,"props":1093,"children":1094},{"style":706},[1095],{"type":67,"value":1096}," context",{"type":62,"tag":664,"props":1098,"children":1099},{"style":717},[1100],{"type":67,"value":807},{"type":62,"tag":664,"props":1102,"children":1103},{"style":700},[1104],{"type":67,"value":812},{"type":62,"tag":664,"props":1106,"children":1107},{"style":706},[1108],{"type":67,"value":817},{"type":62,"tag":664,"props":1110,"children":1111},{"style":717},[1112],{"type":67,"value":822},{"type":62,"tag":664,"props":1114,"children":1115},{"style":762},[1116],{"type":67,"value":893},{"type":62,"tag":664,"props":1118,"children":1119},{"style":830},[1120],{"type":67,"value":770},{"type":62,"tag":664,"props":1122,"children":1123},{"style":717},[1124],{"type":67,"value":734},{"type":62,"tag":664,"props":1126,"children":1128},{"class":666,"line":1127},19,[1129,1133,1137,1141,1145,1149,1154,1158,1162,1166,1170,1175,1179],{"type":62,"tag":664,"props":1130,"children":1131},{"style":706},[1132],{"type":67,"value":1014},{"type":62,"tag":664,"props":1134,"children":1135},{"style":717},[1136],{"type":67,"value":822},{"type":62,"tag":664,"props":1138,"children":1139},{"style":762},[1140],{"type":67,"value":1023},{"type":62,"tag":664,"props":1142,"children":1143},{"style":830},[1144],{"type":67,"value":833},{"type":62,"tag":664,"props":1146,"children":1147},{"style":717},[1148],{"type":67,"value":729},{"type":62,"tag":664,"props":1150,"children":1151},{"style":677},[1152],{"type":67,"value":1153},"Meeting ID:",{"type":62,"tag":664,"props":1155,"children":1156},{"style":717},[1157],{"type":67,"value":729},{"type":62,"tag":664,"props":1159,"children":1160},{"style":717},[1161],{"type":67,"value":1045},{"type":62,"tag":664,"props":1163,"children":1164},{"style":706},[1165],{"type":67,"value":1096},{"type":62,"tag":664,"props":1167,"children":1168},{"style":717},[1169],{"type":67,"value":822},{"type":62,"tag":664,"props":1171,"children":1172},{"style":706},[1173],{"type":67,"value":1174},"meetingID",{"type":62,"tag":664,"props":1176,"children":1177},{"style":830},[1178],{"type":67,"value":993},{"type":62,"tag":664,"props":1180,"children":1181},{"style":717},[1182],{"type":67,"value":734},{"type":62,"tag":664,"props":1184,"children":1186},{"class":666,"line":1185},20,[1187,1192,1197,1202,1207,1212],{"type":62,"tag":664,"props":1188,"children":1189},{"style":717},[1190],{"type":67,"value":1191},"  }",{"type":62,"tag":664,"props":1193,"children":1194},{"style":700},[1195],{"type":67,"value":1196}," catch",{"type":62,"tag":664,"props":1198,"children":1199},{"style":830},[1200],{"type":67,"value":1201}," (",{"type":62,"tag":664,"props":1203,"children":1204},{"style":706},[1205],{"type":67,"value":1206},"error",{"type":62,"tag":664,"props":1208,"children":1209},{"style":830},[1210],{"type":67,"value":1211},") ",{"type":62,"tag":664,"props":1213,"children":1214},{"style":717},[1215],{"type":67,"value":838},{"type":62,"tag":664,"props":1217,"children":1219},{"class":666,"line":1218},21,[1220,1224,1228,1232,1236,1240,1245,1249,1253,1258,1262,1267,1271],{"type":62,"tag":664,"props":1221,"children":1222},{"style":706},[1223],{"type":67,"value":1014},{"type":62,"tag":664,"props":1225,"children":1226},{"style":717},[1227],{"type":67,"value":822},{"type":62,"tag":664,"props":1229,"children":1230},{"style":762},[1231],{"type":67,"value":1206},{"type":62,"tag":664,"props":1233,"children":1234},{"style":830},[1235],{"type":67,"value":833},{"type":62,"tag":664,"props":1237,"children":1238},{"style":717},[1239],{"type":67,"value":729},{"type":62,"tag":664,"props":1241,"children":1242},{"style":677},[1243],{"type":67,"value":1244},"Not running inside Zoom:",{"type":62,"tag":664,"props":1246,"children":1247},{"style":717},[1248],{"type":67,"value":729},{"type":62,"tag":664,"props":1250,"children":1251},{"style":717},[1252],{"type":67,"value":1045},{"type":62,"tag":664,"props":1254,"children":1255},{"style":706},[1256],{"type":67,"value":1257}," error",{"type":62,"tag":664,"props":1259,"children":1260},{"style":717},[1261],{"type":67,"value":822},{"type":62,"tag":664,"props":1263,"children":1264},{"style":706},[1265],{"type":67,"value":1266},"message",{"type":62,"tag":664,"props":1268,"children":1269},{"style":830},[1270],{"type":67,"value":993},{"type":62,"tag":664,"props":1272,"children":1273},{"style":717},[1274],{"type":67,"value":734},{"type":62,"tag":664,"props":1276,"children":1278},{"class":666,"line":1277},22,[1279,1284,1288],{"type":62,"tag":664,"props":1280,"children":1281},{"style":762},[1282],{"type":67,"value":1283},"    showDemoMode",{"type":62,"tag":664,"props":1285,"children":1286},{"style":830},[1287],{"type":67,"value":770},{"type":62,"tag":664,"props":1289,"children":1290},{"style":717},[1291],{"type":67,"value":734},{"type":62,"tag":664,"props":1293,"children":1295},{"class":666,"line":1294},23,[1296],{"type":62,"tag":664,"props":1297,"children":1298},{"style":717},[1299],{"type":67,"value":1300},"  }\n",{"type":62,"tag":664,"props":1302,"children":1304},{"class":666,"line":1303},24,[1305],{"type":62,"tag":664,"props":1306,"children":1307},{"style":717},[1308],{"type":67,"value":1309},"}\n",{"type":62,"tag":646,"props":1311,"children":1313},{"id":1312},"option-b-cdn-vanilla-js",[1314],{"type":67,"value":1315},"Option B: CDN (Vanilla JS)",{"type":62,"tag":653,"props":1317,"children":1321},{"className":1318,"code":1319,"language":1320,"meta":658,"style":658},"language-html shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript src=\"https:\u002F\u002Fappssdk.zoom.us\u002Fsdk.js\">\u003C\u002Fscript>\n\n\u003Cscript>\n\u002F\u002F CRITICAL: Do NOT declare \"let zoomSdk\" - the SDK defines window.zoomSdk globally\n\u002F\u002F Using \"let zoomSdk = ...\" causes: SyntaxError: redeclaration of non-configurable global property\nlet sdk = window.zoomSdk;  \u002F\u002F Use a different variable name\n\nasync function init() {\n  try {\n    const configResponse = await sdk.config({\n      capabilities: ['shareApp', 'getMeetingContext', 'getUserContext'],\n      version: '0.16'\n    });\n\n    console.log('Running context:', configResponse.runningContext);\n  } catch (error) {\n    console.error('Not running inside Zoom:', error.message);\n    showDemoMode();\n  }\n}\n\nfunction showDemoMode() {\n  document.body.innerHTML = '\u003Ch1>Preview Mode\u003C\u002Fh1>\u003Cp>Open this app inside Zoom to use.\u003C\u002Fp>';\n}\n\ndocument.addEventListener('DOMContentLoaded', () => {\n  init();\n  setTimeout(() => { if (!sdk) showDemoMode(); }, 3000);\n});\n\u003C\u002Fscript>\n","html",[1322],{"type":62,"tag":76,"props":1323,"children":1324},{"__ignoreMap":658},[1325,1376,1383,1398,1406,1414,1454,1461,1484,1495,1535,1604,1627,1642,1649,1704,1731,1786,1801,1808,1815,1822,1843,1890,1897,1905,1958,1975,2055,2072],{"type":62,"tag":664,"props":1326,"children":1327},{"class":666,"line":667},[1328,1333,1338,1343,1348,1353,1358,1362,1367,1371],{"type":62,"tag":664,"props":1329,"children":1330},{"style":717},[1331],{"type":67,"value":1332},"\u003C",{"type":62,"tag":664,"props":1334,"children":1335},{"style":830},[1336],{"type":67,"value":1337},"script",{"type":62,"tag":664,"props":1339,"children":1340},{"style":751},[1341],{"type":67,"value":1342}," src",{"type":62,"tag":664,"props":1344,"children":1345},{"style":717},[1346],{"type":67,"value":1347},"=",{"type":62,"tag":664,"props":1349,"children":1350},{"style":717},[1351],{"type":67,"value":1352},"\"",{"type":62,"tag":664,"props":1354,"children":1355},{"style":677},[1356],{"type":67,"value":1357},"https:\u002F\u002Fappssdk.zoom.us\u002Fsdk.js",{"type":62,"tag":664,"props":1359,"children":1360},{"style":717},[1361],{"type":67,"value":1352},{"type":62,"tag":664,"props":1363,"children":1364},{"style":717},[1365],{"type":67,"value":1366},">\u003C\u002F",{"type":62,"tag":664,"props":1368,"children":1369},{"style":830},[1370],{"type":67,"value":1337},{"type":62,"tag":664,"props":1372,"children":1373},{"style":717},[1374],{"type":67,"value":1375},">\n",{"type":62,"tag":664,"props":1377,"children":1378},{"class":666,"line":737},[1379],{"type":62,"tag":664,"props":1380,"children":1381},{"emptyLinePlaceholder":741},[1382],{"type":67,"value":744},{"type":62,"tag":664,"props":1384,"children":1385},{"class":666,"line":747},[1386,1390,1394],{"type":62,"tag":664,"props":1387,"children":1388},{"style":717},[1389],{"type":67,"value":1332},{"type":62,"tag":664,"props":1391,"children":1392},{"style":830},[1393],{"type":67,"value":1337},{"type":62,"tag":664,"props":1395,"children":1396},{"style":717},[1397],{"type":67,"value":1375},{"type":62,"tag":664,"props":1399,"children":1400},{"class":666,"line":778},[1401],{"type":62,"tag":664,"props":1402,"children":1403},{"style":1072},[1404],{"type":67,"value":1405},"\u002F\u002F CRITICAL: Do NOT declare \"let zoomSdk\" - the SDK defines window.zoomSdk globally\n",{"type":62,"tag":664,"props":1407,"children":1408},{"class":666,"line":791},[1409],{"type":62,"tag":664,"props":1410,"children":1411},{"style":1072},[1412],{"type":67,"value":1413},"\u002F\u002F Using \"let zoomSdk = ...\" causes: SyntaxError: redeclaration of non-configurable global property\n",{"type":62,"tag":664,"props":1415,"children":1416},{"class":666,"line":841},[1417,1422,1427,1431,1436,1440,1444,1449],{"type":62,"tag":664,"props":1418,"children":1419},{"style":751},[1420],{"type":67,"value":1421},"let",{"type":62,"tag":664,"props":1423,"children":1424},{"style":706},[1425],{"type":67,"value":1426}," sdk ",{"type":62,"tag":664,"props":1428,"children":1429},{"style":717},[1430],{"type":67,"value":1347},{"type":62,"tag":664,"props":1432,"children":1433},{"style":706},[1434],{"type":67,"value":1435}," window",{"type":62,"tag":664,"props":1437,"children":1438},{"style":717},[1439],{"type":67,"value":822},{"type":62,"tag":664,"props":1441,"children":1442},{"style":706},[1443],{"type":67,"value":57},{"type":62,"tag":664,"props":1445,"children":1446},{"style":717},[1447],{"type":67,"value":1448},";",{"type":62,"tag":664,"props":1450,"children":1451},{"style":1072},[1452],{"type":67,"value":1453},"  \u002F\u002F Use a different variable name\n",{"type":62,"tag":664,"props":1455,"children":1456},{"class":666,"line":860},[1457],{"type":62,"tag":664,"props":1458,"children":1459},{"emptyLinePlaceholder":741},[1460],{"type":67,"value":744},{"type":62,"tag":664,"props":1462,"children":1463},{"class":666,"line":883},[1464,1468,1472,1476,1480],{"type":62,"tag":664,"props":1465,"children":1466},{"style":751},[1467],{"type":67,"value":754},{"type":62,"tag":664,"props":1469,"children":1470},{"style":751},[1471],{"type":67,"value":759},{"type":62,"tag":664,"props":1473,"children":1474},{"style":762},[1475],{"type":67,"value":765},{"type":62,"tag":664,"props":1477,"children":1478},{"style":717},[1479],{"type":67,"value":770},{"type":62,"tag":664,"props":1481,"children":1482},{"style":717},[1483],{"type":67,"value":775},{"type":62,"tag":664,"props":1485,"children":1486},{"class":666,"line":904},[1487,1491],{"type":62,"tag":664,"props":1488,"children":1489},{"style":700},[1490],{"type":67,"value":784},{"type":62,"tag":664,"props":1492,"children":1493},{"style":717},[1494],{"type":67,"value":775},{"type":62,"tag":664,"props":1496,"children":1497},{"class":666,"line":925},[1498,1502,1506,1510,1514,1519,1523,1527,1531],{"type":62,"tag":664,"props":1499,"children":1500},{"style":751},[1501],{"type":67,"value":797},{"type":62,"tag":664,"props":1503,"children":1504},{"style":706},[1505],{"type":67,"value":802},{"type":62,"tag":664,"props":1507,"children":1508},{"style":717},[1509],{"type":67,"value":807},{"type":62,"tag":664,"props":1511,"children":1512},{"style":700},[1513],{"type":67,"value":812},{"type":62,"tag":664,"props":1515,"children":1516},{"style":706},[1517],{"type":67,"value":1518}," sdk",{"type":62,"tag":664,"props":1520,"children":1521},{"style":717},[1522],{"type":67,"value":822},{"type":62,"tag":664,"props":1524,"children":1525},{"style":762},[1526],{"type":67,"value":827},{"type":62,"tag":664,"props":1528,"children":1529},{"style":830},[1530],{"type":67,"value":833},{"type":62,"tag":664,"props":1532,"children":1533},{"style":717},[1534],{"type":67,"value":838},{"type":62,"tag":664,"props":1536,"children":1537},{"class":666,"line":943},[1538,1542,1546,1551,1555,1559,1563,1567,1571,1575,1579,1583,1587,1591,1595,1600],{"type":62,"tag":664,"props":1539,"children":1540},{"style":830},[1541],{"type":67,"value":847},{"type":62,"tag":664,"props":1543,"children":1544},{"style":717},[1545],{"type":67,"value":852},{"type":62,"tag":664,"props":1547,"children":1548},{"style":830},[1549],{"type":67,"value":1550}," [",{"type":62,"tag":664,"props":1552,"children":1553},{"style":717},[1554],{"type":67,"value":729},{"type":62,"tag":664,"props":1556,"children":1557},{"style":677},[1558],{"type":67,"value":871},{"type":62,"tag":664,"props":1560,"children":1561},{"style":717},[1562],{"type":67,"value":729},{"type":62,"tag":664,"props":1564,"children":1565},{"style":717},[1566],{"type":67,"value":1045},{"type":62,"tag":664,"props":1568,"children":1569},{"style":717},[1570],{"type":67,"value":720},{"type":62,"tag":664,"props":1572,"children":1573},{"style":677},[1574],{"type":67,"value":893},{"type":62,"tag":664,"props":1576,"children":1577},{"style":717},[1578],{"type":67,"value":729},{"type":62,"tag":664,"props":1580,"children":1581},{"style":717},[1582],{"type":67,"value":1045},{"type":62,"tag":664,"props":1584,"children":1585},{"style":717},[1586],{"type":67,"value":720},{"type":62,"tag":664,"props":1588,"children":1589},{"style":677},[1590],{"type":67,"value":914},{"type":62,"tag":664,"props":1592,"children":1593},{"style":717},[1594],{"type":67,"value":729},{"type":62,"tag":664,"props":1596,"children":1597},{"style":830},[1598],{"type":67,"value":1599},"]",{"type":62,"tag":664,"props":1601,"children":1602},{"style":717},[1603],{"type":67,"value":880},{"type":62,"tag":664,"props":1605,"children":1606},{"class":666,"line":956},[1607,1611,1615,1619,1623],{"type":62,"tag":664,"props":1608,"children":1609},{"style":830},[1610],{"type":67,"value":962},{"type":62,"tag":664,"props":1612,"children":1613},{"style":717},[1614],{"type":67,"value":852},{"type":62,"tag":664,"props":1616,"children":1617},{"style":717},[1618],{"type":67,"value":720},{"type":62,"tag":664,"props":1620,"children":1621},{"style":677},[1622],{"type":67,"value":975},{"type":62,"tag":664,"props":1624,"children":1625},{"style":717},[1626],{"type":67,"value":940},{"type":62,"tag":664,"props":1628,"children":1629},{"class":666,"line":982},[1630,1634,1638],{"type":62,"tag":664,"props":1631,"children":1632},{"style":717},[1633],{"type":67,"value":988},{"type":62,"tag":664,"props":1635,"children":1636},{"style":830},[1637],{"type":67,"value":993},{"type":62,"tag":664,"props":1639,"children":1640},{"style":717},[1641],{"type":67,"value":734},{"type":62,"tag":664,"props":1643,"children":1644},{"class":666,"line":1000},[1645],{"type":62,"tag":664,"props":1646,"children":1647},{"emptyLinePlaceholder":741},[1648],{"type":67,"value":744},{"type":62,"tag":664,"props":1650,"children":1651},{"class":666,"line":1008},[1652,1656,1660,1664,1668,1672,1676,1680,1684,1688,1692,1696,1700],{"type":62,"tag":664,"props":1653,"children":1654},{"style":706},[1655],{"type":67,"value":1014},{"type":62,"tag":664,"props":1657,"children":1658},{"style":717},[1659],{"type":67,"value":822},{"type":62,"tag":664,"props":1661,"children":1662},{"style":762},[1663],{"type":67,"value":1023},{"type":62,"tag":664,"props":1665,"children":1666},{"style":830},[1667],{"type":67,"value":833},{"type":62,"tag":664,"props":1669,"children":1670},{"style":717},[1671],{"type":67,"value":729},{"type":62,"tag":664,"props":1673,"children":1674},{"style":677},[1675],{"type":67,"value":1036},{"type":62,"tag":664,"props":1677,"children":1678},{"style":717},[1679],{"type":67,"value":729},{"type":62,"tag":664,"props":1681,"children":1682},{"style":717},[1683],{"type":67,"value":1045},{"type":62,"tag":664,"props":1685,"children":1686},{"style":706},[1687],{"type":67,"value":802},{"type":62,"tag":664,"props":1689,"children":1690},{"style":717},[1691],{"type":67,"value":822},{"type":62,"tag":664,"props":1693,"children":1694},{"style":706},[1695],{"type":67,"value":56},{"type":62,"tag":664,"props":1697,"children":1698},{"style":830},[1699],{"type":67,"value":993},{"type":62,"tag":664,"props":1701,"children":1702},{"style":717},[1703],{"type":67,"value":734},{"type":62,"tag":664,"props":1705,"children":1706},{"class":666,"line":1068},[1707,1711,1715,1719,1723,1727],{"type":62,"tag":664,"props":1708,"children":1709},{"style":717},[1710],{"type":67,"value":1191},{"type":62,"tag":664,"props":1712,"children":1713},{"style":700},[1714],{"type":67,"value":1196},{"type":62,"tag":664,"props":1716,"children":1717},{"style":830},[1718],{"type":67,"value":1201},{"type":62,"tag":664,"props":1720,"children":1721},{"style":706},[1722],{"type":67,"value":1206},{"type":62,"tag":664,"props":1724,"children":1725},{"style":830},[1726],{"type":67,"value":1211},{"type":62,"tag":664,"props":1728,"children":1729},{"style":717},[1730],{"type":67,"value":838},{"type":62,"tag":664,"props":1732,"children":1733},{"class":666,"line":1078},[1734,1738,1742,1746,1750,1754,1758,1762,1766,1770,1774,1778,1782],{"type":62,"tag":664,"props":1735,"children":1736},{"style":706},[1737],{"type":67,"value":1014},{"type":62,"tag":664,"props":1739,"children":1740},{"style":717},[1741],{"type":67,"value":822},{"type":62,"tag":664,"props":1743,"children":1744},{"style":762},[1745],{"type":67,"value":1206},{"type":62,"tag":664,"props":1747,"children":1748},{"style":830},[1749],{"type":67,"value":833},{"type":62,"tag":664,"props":1751,"children":1752},{"style":717},[1753],{"type":67,"value":729},{"type":62,"tag":664,"props":1755,"children":1756},{"style":677},[1757],{"type":67,"value":1244},{"type":62,"tag":664,"props":1759,"children":1760},{"style":717},[1761],{"type":67,"value":729},{"type":62,"tag":664,"props":1763,"children":1764},{"style":717},[1765],{"type":67,"value":1045},{"type":62,"tag":664,"props":1767,"children":1768},{"style":706},[1769],{"type":67,"value":1257},{"type":62,"tag":664,"props":1771,"children":1772},{"style":717},[1773],{"type":67,"value":822},{"type":62,"tag":664,"props":1775,"children":1776},{"style":706},[1777],{"type":67,"value":1266},{"type":62,"tag":664,"props":1779,"children":1780},{"style":830},[1781],{"type":67,"value":993},{"type":62,"tag":664,"props":1783,"children":1784},{"style":717},[1785],{"type":67,"value":734},{"type":62,"tag":664,"props":1787,"children":1788},{"class":666,"line":1086},[1789,1793,1797],{"type":62,"tag":664,"props":1790,"children":1791},{"style":762},[1792],{"type":67,"value":1283},{"type":62,"tag":664,"props":1794,"children":1795},{"style":830},[1796],{"type":67,"value":770},{"type":62,"tag":664,"props":1798,"children":1799},{"style":717},[1800],{"type":67,"value":734},{"type":62,"tag":664,"props":1802,"children":1803},{"class":666,"line":1127},[1804],{"type":62,"tag":664,"props":1805,"children":1806},{"style":717},[1807],{"type":67,"value":1300},{"type":62,"tag":664,"props":1809,"children":1810},{"class":666,"line":1185},[1811],{"type":62,"tag":664,"props":1812,"children":1813},{"style":717},[1814],{"type":67,"value":1309},{"type":62,"tag":664,"props":1816,"children":1817},{"class":666,"line":1218},[1818],{"type":62,"tag":664,"props":1819,"children":1820},{"emptyLinePlaceholder":741},[1821],{"type":67,"value":744},{"type":62,"tag":664,"props":1823,"children":1824},{"class":666,"line":1277},[1825,1830,1835,1839],{"type":62,"tag":664,"props":1826,"children":1827},{"style":751},[1828],{"type":67,"value":1829},"function",{"type":62,"tag":664,"props":1831,"children":1832},{"style":762},[1833],{"type":67,"value":1834}," showDemoMode",{"type":62,"tag":664,"props":1836,"children":1837},{"style":717},[1838],{"type":67,"value":770},{"type":62,"tag":664,"props":1840,"children":1841},{"style":717},[1842],{"type":67,"value":775},{"type":62,"tag":664,"props":1844,"children":1845},{"class":666,"line":1294},[1846,1851,1855,1860,1864,1869,1873,1877,1882,1886],{"type":62,"tag":664,"props":1847,"children":1848},{"style":706},[1849],{"type":67,"value":1850},"  document",{"type":62,"tag":664,"props":1852,"children":1853},{"style":717},[1854],{"type":67,"value":822},{"type":62,"tag":664,"props":1856,"children":1857},{"style":706},[1858],{"type":67,"value":1859},"body",{"type":62,"tag":664,"props":1861,"children":1862},{"style":717},[1863],{"type":67,"value":822},{"type":62,"tag":664,"props":1865,"children":1866},{"style":706},[1867],{"type":67,"value":1868},"innerHTML",{"type":62,"tag":664,"props":1870,"children":1871},{"style":717},[1872],{"type":67,"value":807},{"type":62,"tag":664,"props":1874,"children":1875},{"style":717},[1876],{"type":67,"value":720},{"type":62,"tag":664,"props":1878,"children":1879},{"style":677},[1880],{"type":67,"value":1881},"\u003Ch1>Preview Mode\u003C\u002Fh1>\u003Cp>Open this app inside Zoom to use.\u003C\u002Fp>",{"type":62,"tag":664,"props":1883,"children":1884},{"style":717},[1885],{"type":67,"value":729},{"type":62,"tag":664,"props":1887,"children":1888},{"style":717},[1889],{"type":67,"value":734},{"type":62,"tag":664,"props":1891,"children":1892},{"class":666,"line":1303},[1893],{"type":62,"tag":664,"props":1894,"children":1895},{"style":717},[1896],{"type":67,"value":1309},{"type":62,"tag":664,"props":1898,"children":1900},{"class":666,"line":1899},25,[1901],{"type":62,"tag":664,"props":1902,"children":1903},{"emptyLinePlaceholder":741},[1904],{"type":67,"value":744},{"type":62,"tag":664,"props":1906,"children":1908},{"class":666,"line":1907},26,[1909,1914,1918,1923,1927,1931,1936,1940,1944,1949,1954],{"type":62,"tag":664,"props":1910,"children":1911},{"style":706},[1912],{"type":67,"value":1913},"document",{"type":62,"tag":664,"props":1915,"children":1916},{"style":717},[1917],{"type":67,"value":822},{"type":62,"tag":664,"props":1919,"children":1920},{"style":762},[1921],{"type":67,"value":1922},"addEventListener",{"type":62,"tag":664,"props":1924,"children":1925},{"style":706},[1926],{"type":67,"value":833},{"type":62,"tag":664,"props":1928,"children":1929},{"style":717},[1930],{"type":67,"value":729},{"type":62,"tag":664,"props":1932,"children":1933},{"style":677},[1934],{"type":67,"value":1935},"DOMContentLoaded",{"type":62,"tag":664,"props":1937,"children":1938},{"style":717},[1939],{"type":67,"value":729},{"type":62,"tag":664,"props":1941,"children":1942},{"style":717},[1943],{"type":67,"value":1045},{"type":62,"tag":664,"props":1945,"children":1946},{"style":717},[1947],{"type":67,"value":1948}," ()",{"type":62,"tag":664,"props":1950,"children":1951},{"style":751},[1952],{"type":67,"value":1953}," =>",{"type":62,"tag":664,"props":1955,"children":1956},{"style":717},[1957],{"type":67,"value":775},{"type":62,"tag":664,"props":1959,"children":1961},{"class":666,"line":1960},27,[1962,1967,1971],{"type":62,"tag":664,"props":1963,"children":1964},{"style":762},[1965],{"type":67,"value":1966},"  init",{"type":62,"tag":664,"props":1968,"children":1969},{"style":830},[1970],{"type":67,"value":770},{"type":62,"tag":664,"props":1972,"children":1973},{"style":717},[1974],{"type":67,"value":734},{"type":62,"tag":664,"props":1976,"children":1978},{"class":666,"line":1977},28,[1979,1984,1988,1992,1996,2001,2006,2010,2015,2019,2023,2028,2032,2036,2041,2047,2051],{"type":62,"tag":664,"props":1980,"children":1981},{"style":762},[1982],{"type":67,"value":1983},"  setTimeout",{"type":62,"tag":664,"props":1985,"children":1986},{"style":830},[1987],{"type":67,"value":833},{"type":62,"tag":664,"props":1989,"children":1990},{"style":717},[1991],{"type":67,"value":770},{"type":62,"tag":664,"props":1993,"children":1994},{"style":751},[1995],{"type":67,"value":1953},{"type":62,"tag":664,"props":1997,"children":1998},{"style":717},[1999],{"type":67,"value":2000}," {",{"type":62,"tag":664,"props":2002,"children":2003},{"style":700},[2004],{"type":67,"value":2005}," if",{"type":62,"tag":664,"props":2007,"children":2008},{"style":830},[2009],{"type":67,"value":1201},{"type":62,"tag":664,"props":2011,"children":2012},{"style":717},[2013],{"type":67,"value":2014},"!",{"type":62,"tag":664,"props":2016,"children":2017},{"style":706},[2018],{"type":67,"value":19},{"type":62,"tag":664,"props":2020,"children":2021},{"style":830},[2022],{"type":67,"value":1211},{"type":62,"tag":664,"props":2024,"children":2025},{"style":762},[2026],{"type":67,"value":2027},"showDemoMode",{"type":62,"tag":664,"props":2029,"children":2030},{"style":830},[2031],{"type":67,"value":770},{"type":62,"tag":664,"props":2033,"children":2034},{"style":717},[2035],{"type":67,"value":1448},{"type":62,"tag":664,"props":2037,"children":2038},{"style":717},[2039],{"type":67,"value":2040}," },",{"type":62,"tag":664,"props":2042,"children":2044},{"style":2043},"--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C",[2045],{"type":67,"value":2046}," 3000",{"type":62,"tag":664,"props":2048,"children":2049},{"style":830},[2050],{"type":67,"value":993},{"type":62,"tag":664,"props":2052,"children":2053},{"style":717},[2054],{"type":67,"value":734},{"type":62,"tag":664,"props":2056,"children":2058},{"class":666,"line":2057},29,[2059,2064,2068],{"type":62,"tag":664,"props":2060,"children":2061},{"style":717},[2062],{"type":67,"value":2063},"}",{"type":62,"tag":664,"props":2065,"children":2066},{"style":706},[2067],{"type":67,"value":993},{"type":62,"tag":664,"props":2069,"children":2070},{"style":717},[2071],{"type":67,"value":734},{"type":62,"tag":664,"props":2073,"children":2075},{"class":666,"line":2074},30,[2076,2081,2085],{"type":62,"tag":664,"props":2077,"children":2078},{"style":717},[2079],{"type":67,"value":2080},"\u003C\u002F",{"type":62,"tag":664,"props":2082,"children":2083},{"style":830},[2084],{"type":67,"value":1337},{"type":62,"tag":664,"props":2086,"children":2087},{"style":717},[2088],{"type":67,"value":1375},{"type":62,"tag":138,"props":2090,"children":2092},{"id":2091},"critical-global-variable-conflict",[2093],{"type":67,"value":2094},"Critical: Global Variable Conflict",{"type":62,"tag":70,"props":2096,"children":2097},{},[2098,2100,2106,2108],{"type":67,"value":2099},"The CDN script defines ",{"type":62,"tag":76,"props":2101,"children":2103},{"className":2102},[],[2104],{"type":67,"value":2105},"window.zoomSdk",{"type":67,"value":2107}," globally. ",{"type":62,"tag":98,"props":2109,"children":2110},{},[2111],{"type":67,"value":2112},"Do NOT redeclare it:",{"type":62,"tag":653,"props":2114,"children":2116},{"className":688,"code":2115,"language":690,"meta":658,"style":658},"\u002F\u002F WRONG - causes SyntaxError in Zoom's embedded browser\nlet zoomSdk = null;\nzoomSdk = window.zoomSdk;\n\n\u002F\u002F CORRECT - use different variable name\nlet sdk = window.zoomSdk;\n\n\u002F\u002F ALSO CORRECT - NPM import (no conflict)\nimport zoomSdk from '@zoom\u002Fappssdk';\n",[2117],{"type":62,"tag":76,"props":2118,"children":2119},{"__ignoreMap":658},[2120,2128,2148,2176,2183,2191,2222,2229,2237],{"type":62,"tag":664,"props":2121,"children":2122},{"class":666,"line":667},[2123],{"type":62,"tag":664,"props":2124,"children":2125},{"style":1072},[2126],{"type":67,"value":2127},"\u002F\u002F WRONG - causes SyntaxError in Zoom's embedded browser\n",{"type":62,"tag":664,"props":2129,"children":2130},{"class":666,"line":737},[2131,2135,2139,2143],{"type":62,"tag":664,"props":2132,"children":2133},{"style":751},[2134],{"type":67,"value":1421},{"type":62,"tag":664,"props":2136,"children":2137},{"style":706},[2138],{"type":67,"value":709},{"type":62,"tag":664,"props":2140,"children":2141},{"style":717},[2142],{"type":67,"value":1347},{"type":62,"tag":664,"props":2144,"children":2145},{"style":717},[2146],{"type":67,"value":2147}," null;\n",{"type":62,"tag":664,"props":2149,"children":2150},{"class":666,"line":747},[2151,2156,2160,2164,2168,2172],{"type":62,"tag":664,"props":2152,"children":2153},{"style":706},[2154],{"type":67,"value":2155},"zoomSdk ",{"type":62,"tag":664,"props":2157,"children":2158},{"style":717},[2159],{"type":67,"value":1347},{"type":62,"tag":664,"props":2161,"children":2162},{"style":706},[2163],{"type":67,"value":1435},{"type":62,"tag":664,"props":2165,"children":2166},{"style":717},[2167],{"type":67,"value":822},{"type":62,"tag":664,"props":2169,"children":2170},{"style":706},[2171],{"type":67,"value":57},{"type":62,"tag":664,"props":2173,"children":2174},{"style":717},[2175],{"type":67,"value":734},{"type":62,"tag":664,"props":2177,"children":2178},{"class":666,"line":778},[2179],{"type":62,"tag":664,"props":2180,"children":2181},{"emptyLinePlaceholder":741},[2182],{"type":67,"value":744},{"type":62,"tag":664,"props":2184,"children":2185},{"class":666,"line":791},[2186],{"type":62,"tag":664,"props":2187,"children":2188},{"style":1072},[2189],{"type":67,"value":2190},"\u002F\u002F CORRECT - use different variable name\n",{"type":62,"tag":664,"props":2192,"children":2193},{"class":666,"line":841},[2194,2198,2202,2206,2210,2214,2218],{"type":62,"tag":664,"props":2195,"children":2196},{"style":751},[2197],{"type":67,"value":1421},{"type":62,"tag":664,"props":2199,"children":2200},{"style":706},[2201],{"type":67,"value":1426},{"type":62,"tag":664,"props":2203,"children":2204},{"style":717},[2205],{"type":67,"value":1347},{"type":62,"tag":664,"props":2207,"children":2208},{"style":706},[2209],{"type":67,"value":1435},{"type":62,"tag":664,"props":2211,"children":2212},{"style":717},[2213],{"type":67,"value":822},{"type":62,"tag":664,"props":2215,"children":2216},{"style":706},[2217],{"type":67,"value":57},{"type":62,"tag":664,"props":2219,"children":2220},{"style":717},[2221],{"type":67,"value":734},{"type":62,"tag":664,"props":2223,"children":2224},{"class":666,"line":860},[2225],{"type":62,"tag":664,"props":2226,"children":2227},{"emptyLinePlaceholder":741},[2228],{"type":67,"value":744},{"type":62,"tag":664,"props":2230,"children":2231},{"class":666,"line":883},[2232],{"type":62,"tag":664,"props":2233,"children":2234},{"style":1072},[2235],{"type":67,"value":2236},"\u002F\u002F ALSO CORRECT - NPM import (no conflict)\n",{"type":62,"tag":664,"props":2238,"children":2239},{"class":666,"line":904},[2240,2244,2248,2252,2256,2260,2264],{"type":62,"tag":664,"props":2241,"children":2242},{"style":700},[2243],{"type":67,"value":703},{"type":62,"tag":664,"props":2245,"children":2246},{"style":706},[2247],{"type":67,"value":709},{"type":62,"tag":664,"props":2249,"children":2250},{"style":700},[2251],{"type":67,"value":714},{"type":62,"tag":664,"props":2253,"children":2254},{"style":717},[2255],{"type":67,"value":720},{"type":62,"tag":664,"props":2257,"children":2258},{"style":677},[2259],{"type":67,"value":487},{"type":62,"tag":664,"props":2261,"children":2262},{"style":717},[2263],{"type":67,"value":729},{"type":62,"tag":664,"props":2265,"children":2266},{"style":717},[2267],{"type":67,"value":734},{"type":62,"tag":70,"props":2269,"children":2270},{},[2271],{"type":67,"value":2272},"This only applies to the CDN approach. The NPM import creates a module-scoped variable, no conflict.",{"type":62,"tag":138,"props":2274,"children":2276},{"id":2275},"browser-preview-demo-mode",[2277],{"type":67,"value":2278},"Browser Preview \u002F Demo Mode",{"type":62,"tag":70,"props":2280,"children":2281},{},[2282],{"type":67,"value":2283},"The SDK only functions inside the Zoom client. When accessed in a regular browser:",{"type":62,"tag":274,"props":2285,"children":2286},{},[2287,2305,2310],{"type":62,"tag":157,"props":2288,"children":2289},{},[2290,2295,2297,2303],{"type":62,"tag":76,"props":2291,"children":2293},{"className":2292},[],[2294],{"type":67,"value":2105},{"type":67,"value":2296}," exists but ",{"type":62,"tag":76,"props":2298,"children":2300},{"className":2299},[],[2301],{"type":67,"value":2302},"sdk.config()",{"type":67,"value":2304}," throws an error",{"type":62,"tag":157,"props":2306,"children":2307},{},[2308],{"type":67,"value":2309},"Always implement try\u002Fcatch with fallback UI",{"type":62,"tag":157,"props":2311,"children":2312},{},[2313],{"type":67,"value":2314},"Add timeout (3 seconds) in case SDK hangs",{"type":62,"tag":138,"props":2316,"children":2318},{"id":2317},"url-whitelisting-required",[2319],{"type":67,"value":2320},"URL Whitelisting (Required)",{"type":62,"tag":70,"props":2322,"children":2323},{},[2324],{"type":62,"tag":98,"props":2325,"children":2326},{},[2327],{"type":67,"value":2328},"Your app will NOT load in Zoom unless the domain is whitelisted.",{"type":62,"tag":153,"props":2330,"children":2331},{},[2332,2343,2355,2372],{"type":62,"tag":157,"props":2333,"children":2334},{},[2335,2337],{"type":67,"value":2336},"Go to ",{"type":62,"tag":106,"props":2338,"children":2340},{"href":605,"rel":2339},[110],[2341],{"type":67,"value":2342},"Zoom Marketplace",{"type":62,"tag":157,"props":2344,"children":2345},{},[2346,2348,2353],{"type":67,"value":2347},"Open your app -> ",{"type":62,"tag":98,"props":2349,"children":2350},{},[2351],{"type":67,"value":2352},"Feature",{"type":67,"value":2354}," tab",{"type":62,"tag":157,"props":2356,"children":2357},{},[2358,2360,2365,2367],{"type":67,"value":2359},"Under ",{"type":62,"tag":98,"props":2361,"children":2362},{},[2363],{"type":67,"value":2364},"Zoom App",{"type":67,"value":2366},", find ",{"type":62,"tag":98,"props":2368,"children":2369},{},[2370],{"type":67,"value":2371},"Add Allow List",{"type":62,"tag":157,"props":2373,"children":2374},{},[2375,2377,2383,2385,2391],{"type":67,"value":2376},"Add your domain (e.g., ",{"type":62,"tag":76,"props":2378,"children":2380},{"className":2379},[],[2381],{"type":67,"value":2382},"yourdomain.com",{"type":67,"value":2384}," for production, ",{"type":62,"tag":76,"props":2386,"children":2388},{"className":2387},[],[2389],{"type":67,"value":2390},"xxxxx.ngrok.io",{"type":67,"value":2392}," for dev)",{"type":62,"tag":70,"props":2394,"children":2395},{},[2396],{"type":67,"value":2397},"Without this, the Zoom client shows a blank panel with no error message.",{"type":62,"tag":138,"props":2399,"children":2401},{"id":2400},"oauth-scopes-required",[2402],{"type":67,"value":2403},"OAuth Scopes (Required)",{"type":62,"tag":70,"props":2405,"children":2406},{},[2407],{"type":67,"value":2408},"Capabilities require matching OAuth scopes enabled in Marketplace:",{"type":62,"tag":2410,"props":2411,"children":2412},"table",{},[2413,2432],{"type":62,"tag":2414,"props":2415,"children":2416},"thead",{},[2417],{"type":62,"tag":2418,"props":2419,"children":2420},"tr",{},[2421,2427],{"type":62,"tag":2422,"props":2423,"children":2424},"th",{},[2425],{"type":67,"value":2426},"Capability",{"type":62,"tag":2422,"props":2428,"children":2429},{},[2430],{"type":67,"value":2431},"Required Scope",{"type":62,"tag":2433,"props":2434,"children":2435},"tbody",{},[2436,2457,2476,2495,2514,2534,2554,2574],{"type":62,"tag":2418,"props":2437,"children":2438},{},[2439,2448],{"type":62,"tag":2440,"props":2441,"children":2442},"td",{},[2443],{"type":62,"tag":76,"props":2444,"children":2446},{"className":2445},[],[2447],{"type":67,"value":893},{"type":62,"tag":2440,"props":2449,"children":2450},{},[2451],{"type":62,"tag":76,"props":2452,"children":2454},{"className":2453},[],[2455],{"type":67,"value":2456},"zoomapp:inmeeting",{"type":62,"tag":2418,"props":2458,"children":2459},{},[2460,2468],{"type":62,"tag":2440,"props":2461,"children":2462},{},[2463],{"type":62,"tag":76,"props":2464,"children":2466},{"className":2465},[],[2467],{"type":67,"value":914},{"type":62,"tag":2440,"props":2469,"children":2470},{},[2471],{"type":62,"tag":76,"props":2472,"children":2474},{"className":2473},[],[2475],{"type":67,"value":2456},{"type":62,"tag":2418,"props":2477,"children":2478},{},[2479,2487],{"type":62,"tag":2440,"props":2480,"children":2481},{},[2482],{"type":62,"tag":76,"props":2483,"children":2485},{"className":2484},[],[2486],{"type":67,"value":871},{"type":62,"tag":2440,"props":2488,"children":2489},{},[2490],{"type":62,"tag":76,"props":2491,"children":2493},{"className":2492},[],[2494],{"type":67,"value":2456},{"type":62,"tag":2418,"props":2496,"children":2497},{},[2498,2506],{"type":62,"tag":2440,"props":2499,"children":2500},{},[2501],{"type":62,"tag":76,"props":2502,"children":2504},{"className":2503},[],[2505],{"type":67,"value":935},{"type":62,"tag":2440,"props":2507,"children":2508},{},[2509],{"type":62,"tag":76,"props":2510,"children":2512},{"className":2511},[],[2513],{"type":67,"value":2456},{"type":62,"tag":2418,"props":2515,"children":2516},{},[2517,2526],{"type":62,"tag":2440,"props":2518,"children":2519},{},[2520],{"type":62,"tag":76,"props":2521,"children":2523},{"className":2522},[],[2524],{"type":67,"value":2525},"sendAppInvitation",{"type":62,"tag":2440,"props":2527,"children":2528},{},[2529],{"type":62,"tag":76,"props":2530,"children":2532},{"className":2531},[],[2533],{"type":67,"value":2456},{"type":62,"tag":2418,"props":2535,"children":2536},{},[2537,2546],{"type":62,"tag":2440,"props":2538,"children":2539},{},[2540],{"type":62,"tag":76,"props":2541,"children":2543},{"className":2542},[],[2544],{"type":67,"value":2545},"runRenderingContext",{"type":62,"tag":2440,"props":2547,"children":2548},{},[2549],{"type":62,"tag":76,"props":2550,"children":2552},{"className":2551},[],[2553],{"type":67,"value":2456},{"type":62,"tag":2418,"props":2555,"children":2556},{},[2557,2566],{"type":62,"tag":2440,"props":2558,"children":2559},{},[2560],{"type":62,"tag":76,"props":2561,"children":2563},{"className":2562},[],[2564],{"type":67,"value":2565},"authorize",{"type":62,"tag":2440,"props":2567,"children":2568},{},[2569],{"type":62,"tag":76,"props":2570,"children":2572},{"className":2571},[],[2573],{"type":67,"value":2456},{"type":62,"tag":2418,"props":2575,"children":2576},{},[2577,2586],{"type":62,"tag":2440,"props":2578,"children":2579},{},[2580],{"type":62,"tag":76,"props":2581,"children":2583},{"className":2582},[],[2584],{"type":67,"value":2585},"getMeetingParticipants",{"type":62,"tag":2440,"props":2587,"children":2588},{},[2589],{"type":62,"tag":76,"props":2590,"children":2592},{"className":2591},[],[2593],{"type":67,"value":2456},{"type":62,"tag":70,"props":2595,"children":2596},{},[2597,2602,2604,2609],{"type":62,"tag":98,"props":2598,"children":2599},{},[2600],{"type":67,"value":2601},"To add scopes:",{"type":67,"value":2603}," Marketplace -> Your App -> ",{"type":62,"tag":98,"props":2605,"children":2606},{},[2607],{"type":67,"value":2608},"Scopes",{"type":67,"value":2610}," tab -> Add required scopes.",{"type":62,"tag":70,"props":2612,"children":2613},{},[2614],{"type":67,"value":2615},"Missing scopes = capability fails silently or throws error. Users must re-authorize if you add new scopes.",{"type":62,"tag":138,"props":2617,"children":2619},{"id":2618},"running-contexts",[2620],{"type":67,"value":196},{"type":62,"tag":70,"props":2622,"children":2623},{},[2624,2626,2632],{"type":67,"value":2625},"Your app runs in different surfaces within Zoom. The ",{"type":62,"tag":76,"props":2627,"children":2629},{"className":2628},[],[2630],{"type":67,"value":2631},"configResponse.runningContext",{"type":67,"value":2633}," tells you where:",{"type":62,"tag":2410,"props":2635,"children":2636},{},[2637,2658],{"type":62,"tag":2414,"props":2638,"children":2639},{},[2640],{"type":62,"tag":2418,"props":2641,"children":2642},{},[2643,2648,2653],{"type":62,"tag":2422,"props":2644,"children":2645},{},[2646],{"type":67,"value":2647},"Context",{"type":62,"tag":2422,"props":2649,"children":2650},{},[2651],{"type":67,"value":2652},"Surface",{"type":62,"tag":2422,"props":2654,"children":2655},{},[2656],{"type":67,"value":2657},"Description",{"type":62,"tag":2433,"props":2659,"children":2660},{},[2661,2683,2705,2727,2748,2770,2792,2814],{"type":62,"tag":2418,"props":2662,"children":2663},{},[2664,2673,2678],{"type":62,"tag":2440,"props":2665,"children":2666},{},[2667],{"type":62,"tag":76,"props":2668,"children":2670},{"className":2669},[],[2671],{"type":67,"value":2672},"inMeeting",{"type":62,"tag":2440,"props":2674,"children":2675},{},[2676],{"type":67,"value":2677},"Meeting sidebar",{"type":62,"tag":2440,"props":2679,"children":2680},{},[2681],{"type":67,"value":2682},"Most common. Full meeting APIs available",{"type":62,"tag":2418,"props":2684,"children":2685},{},[2686,2695,2700],{"type":62,"tag":2440,"props":2687,"children":2688},{},[2689],{"type":62,"tag":76,"props":2690,"children":2692},{"className":2691},[],[2693],{"type":67,"value":2694},"inMainClient",{"type":62,"tag":2440,"props":2696,"children":2697},{},[2698],{"type":67,"value":2699},"Main client panel",{"type":62,"tag":2440,"props":2701,"children":2702},{},[2703],{"type":67,"value":2704},"Home tab. No meeting context APIs",{"type":62,"tag":2418,"props":2706,"children":2707},{},[2708,2717,2722],{"type":62,"tag":2440,"props":2709,"children":2710},{},[2711],{"type":62,"tag":76,"props":2712,"children":2714},{"className":2713},[],[2715],{"type":67,"value":2716},"inWebinar",{"type":62,"tag":2440,"props":2718,"children":2719},{},[2720],{"type":67,"value":2721},"Webinar sidebar",{"type":62,"tag":2440,"props":2723,"children":2724},{},[2725],{"type":67,"value":2726},"Host\u002Fpanelist. Meeting + webinar APIs",{"type":62,"tag":2418,"props":2728,"children":2729},{},[2730,2739,2743],{"type":62,"tag":2440,"props":2731,"children":2732},{},[2733],{"type":62,"tag":76,"props":2734,"children":2736},{"className":2735},[],[2737],{"type":67,"value":2738},"inImmersive",{"type":62,"tag":2440,"props":2740,"children":2741},{},[2742],{"type":67,"value":314},{"type":62,"tag":2440,"props":2744,"children":2745},{},[2746],{"type":67,"value":2747},"Full-screen custom rendering",{"type":62,"tag":2418,"props":2749,"children":2750},{},[2751,2760,2765],{"type":62,"tag":2440,"props":2752,"children":2753},{},[2754],{"type":62,"tag":76,"props":2755,"children":2757},{"className":2756},[],[2758],{"type":67,"value":2759},"inCamera",{"type":62,"tag":2440,"props":2761,"children":2762},{},[2763],{"type":67,"value":2764},"Camera mode",{"type":62,"tag":2440,"props":2766,"children":2767},{},[2768],{"type":67,"value":2769},"Virtual camera overlay",{"type":62,"tag":2418,"props":2771,"children":2772},{},[2773,2782,2787],{"type":62,"tag":2440,"props":2774,"children":2775},{},[2776],{"type":62,"tag":76,"props":2777,"children":2779},{"className":2778},[],[2780],{"type":67,"value":2781},"inCollaborate",{"type":62,"tag":2440,"props":2783,"children":2784},{},[2785],{"type":67,"value":2786},"Collaborate mode",{"type":62,"tag":2440,"props":2788,"children":2789},{},[2790],{"type":67,"value":2791},"Shared state context",{"type":62,"tag":2418,"props":2793,"children":2794},{},[2795,2804,2809],{"type":62,"tag":2440,"props":2796,"children":2797},{},[2798],{"type":62,"tag":76,"props":2799,"children":2801},{"className":2800},[],[2802],{"type":67,"value":2803},"inPhone",{"type":62,"tag":2440,"props":2805,"children":2806},{},[2807],{"type":67,"value":2808},"Zoom Phone",{"type":62,"tag":2440,"props":2810,"children":2811},{},[2812],{"type":67,"value":2813},"Phone call app",{"type":62,"tag":2418,"props":2815,"children":2816},{},[2817,2826,2831],{"type":62,"tag":2440,"props":2818,"children":2819},{},[2820],{"type":62,"tag":76,"props":2821,"children":2823},{"className":2822},[],[2824],{"type":67,"value":2825},"inChat",{"type":62,"tag":2440,"props":2827,"children":2828},{},[2829],{"type":67,"value":2830},"Team Chat",{"type":62,"tag":2440,"props":2832,"children":2833},{},[2834],{"type":67,"value":2835},"Chat sidebar",{"type":62,"tag":70,"props":2837,"children":2838},{},[2839,2841,2848],{"type":67,"value":2840},"See ",{"type":62,"tag":98,"props":2842,"children":2843},{},[2844],{"type":62,"tag":106,"props":2845,"children":2846},{"href":193},[2847],{"type":67,"value":196},{"type":67,"value":2849}," for context-specific behavior and APIs.",{"type":62,"tag":138,"props":2851,"children":2853},{"id":2852},"sdk-initialization-pattern",[2854],{"type":67,"value":2855},"SDK Initialization Pattern",{"type":62,"tag":70,"props":2857,"children":2858},{},[2859,2861,2867],{"type":67,"value":2860},"Every Zoom App starts with ",{"type":62,"tag":76,"props":2862,"children":2864},{"className":2863},[],[2865],{"type":67,"value":2866},"config()",{"type":67,"value":852},{"type":62,"tag":653,"props":2869,"children":2871},{"className":688,"code":2870,"language":690,"meta":658,"style":658},"import zoomSdk from '@zoom\u002Fappssdk';\n\nconst configResponse = await zoomSdk.config({\n  capabilities: [\n    \u002F\u002F List ALL APIs you will use\n    'getMeetingContext',\n    'getUserContext',\n    'shareApp',\n    'openUrl',\n    'authorize',\n    'onAuthorized'\n  ],\n  version: '0.16'\n});\n\n\u002F\u002F configResponse contains:\n\u002F\u002F {\n\u002F\u002F   runningContext: 'inMeeting',\n\u002F\u002F   clientVersion: '5.x.x',\n\u002F\u002F   unsupportedApis: []  \u002F\u002F APIs not supported in this client version\n\u002F\u002F }\n",[2872],{"type":62,"tag":76,"props":2873,"children":2874},{"__ignoreMap":658},[2875,2906,2913,2954,2970,2978,2998,3017,3036,3055,3074,3090,3102,3126,3141,3148,3156,3164,3172,3180,3193],{"type":62,"tag":664,"props":2876,"children":2877},{"class":666,"line":667},[2878,2882,2886,2890,2894,2898,2902],{"type":62,"tag":664,"props":2879,"children":2880},{"style":700},[2881],{"type":67,"value":703},{"type":62,"tag":664,"props":2883,"children":2884},{"style":706},[2885],{"type":67,"value":709},{"type":62,"tag":664,"props":2887,"children":2888},{"style":700},[2889],{"type":67,"value":714},{"type":62,"tag":664,"props":2891,"children":2892},{"style":717},[2893],{"type":67,"value":720},{"type":62,"tag":664,"props":2895,"children":2896},{"style":677},[2897],{"type":67,"value":487},{"type":62,"tag":664,"props":2899,"children":2900},{"style":717},[2901],{"type":67,"value":729},{"type":62,"tag":664,"props":2903,"children":2904},{"style":717},[2905],{"type":67,"value":734},{"type":62,"tag":664,"props":2907,"children":2908},{"class":666,"line":737},[2909],{"type":62,"tag":664,"props":2910,"children":2911},{"emptyLinePlaceholder":741},[2912],{"type":67,"value":744},{"type":62,"tag":664,"props":2914,"children":2915},{"class":666,"line":747},[2916,2921,2926,2930,2934,2938,2942,2946,2950],{"type":62,"tag":664,"props":2917,"children":2918},{"style":751},[2919],{"type":67,"value":2920},"const",{"type":62,"tag":664,"props":2922,"children":2923},{"style":706},[2924],{"type":67,"value":2925}," configResponse ",{"type":62,"tag":664,"props":2927,"children":2928},{"style":717},[2929],{"type":67,"value":1347},{"type":62,"tag":664,"props":2931,"children":2932},{"style":700},[2933],{"type":67,"value":812},{"type":62,"tag":664,"props":2935,"children":2936},{"style":706},[2937],{"type":67,"value":817},{"type":62,"tag":664,"props":2939,"children":2940},{"style":717},[2941],{"type":67,"value":822},{"type":62,"tag":664,"props":2943,"children":2944},{"style":762},[2945],{"type":67,"value":827},{"type":62,"tag":664,"props":2947,"children":2948},{"style":706},[2949],{"type":67,"value":833},{"type":62,"tag":664,"props":2951,"children":2952},{"style":717},[2953],{"type":67,"value":838},{"type":62,"tag":664,"props":2955,"children":2956},{"class":666,"line":778},[2957,2962,2966],{"type":62,"tag":664,"props":2958,"children":2959},{"style":830},[2960],{"type":67,"value":2961},"  capabilities",{"type":62,"tag":664,"props":2963,"children":2964},{"style":717},[2965],{"type":67,"value":852},{"type":62,"tag":664,"props":2967,"children":2968},{"style":706},[2969],{"type":67,"value":857},{"type":62,"tag":664,"props":2971,"children":2972},{"class":666,"line":791},[2973],{"type":62,"tag":664,"props":2974,"children":2975},{"style":1072},[2976],{"type":67,"value":2977},"    \u002F\u002F List ALL APIs you will use\n",{"type":62,"tag":664,"props":2979,"children":2980},{"class":666,"line":841},[2981,2986,2990,2994],{"type":62,"tag":664,"props":2982,"children":2983},{"style":717},[2984],{"type":67,"value":2985},"    '",{"type":62,"tag":664,"props":2987,"children":2988},{"style":677},[2989],{"type":67,"value":893},{"type":62,"tag":664,"props":2991,"children":2992},{"style":717},[2993],{"type":67,"value":729},{"type":62,"tag":664,"props":2995,"children":2996},{"style":717},[2997],{"type":67,"value":880},{"type":62,"tag":664,"props":2999,"children":3000},{"class":666,"line":860},[3001,3005,3009,3013],{"type":62,"tag":664,"props":3002,"children":3003},{"style":717},[3004],{"type":67,"value":2985},{"type":62,"tag":664,"props":3006,"children":3007},{"style":677},[3008],{"type":67,"value":914},{"type":62,"tag":664,"props":3010,"children":3011},{"style":717},[3012],{"type":67,"value":729},{"type":62,"tag":664,"props":3014,"children":3015},{"style":717},[3016],{"type":67,"value":880},{"type":62,"tag":664,"props":3018,"children":3019},{"class":666,"line":883},[3020,3024,3028,3032],{"type":62,"tag":664,"props":3021,"children":3022},{"style":717},[3023],{"type":67,"value":2985},{"type":62,"tag":664,"props":3025,"children":3026},{"style":677},[3027],{"type":67,"value":871},{"type":62,"tag":664,"props":3029,"children":3030},{"style":717},[3031],{"type":67,"value":729},{"type":62,"tag":664,"props":3033,"children":3034},{"style":717},[3035],{"type":67,"value":880},{"type":62,"tag":664,"props":3037,"children":3038},{"class":666,"line":904},[3039,3043,3047,3051],{"type":62,"tag":664,"props":3040,"children":3041},{"style":717},[3042],{"type":67,"value":2985},{"type":62,"tag":664,"props":3044,"children":3045},{"style":677},[3046],{"type":67,"value":935},{"type":62,"tag":664,"props":3048,"children":3049},{"style":717},[3050],{"type":67,"value":729},{"type":62,"tag":664,"props":3052,"children":3053},{"style":717},[3054],{"type":67,"value":880},{"type":62,"tag":664,"props":3056,"children":3057},{"class":666,"line":925},[3058,3062,3066,3070],{"type":62,"tag":664,"props":3059,"children":3060},{"style":717},[3061],{"type":67,"value":2985},{"type":62,"tag":664,"props":3063,"children":3064},{"style":677},[3065],{"type":67,"value":2565},{"type":62,"tag":664,"props":3067,"children":3068},{"style":717},[3069],{"type":67,"value":729},{"type":62,"tag":664,"props":3071,"children":3072},{"style":717},[3073],{"type":67,"value":880},{"type":62,"tag":664,"props":3075,"children":3076},{"class":666,"line":943},[3077,3081,3086],{"type":62,"tag":664,"props":3078,"children":3079},{"style":717},[3080],{"type":67,"value":2985},{"type":62,"tag":664,"props":3082,"children":3083},{"style":677},[3084],{"type":67,"value":3085},"onAuthorized",{"type":62,"tag":664,"props":3087,"children":3088},{"style":717},[3089],{"type":67,"value":940},{"type":62,"tag":664,"props":3091,"children":3092},{"class":666,"line":956},[3093,3098],{"type":62,"tag":664,"props":3094,"children":3095},{"style":706},[3096],{"type":67,"value":3097},"  ]",{"type":62,"tag":664,"props":3099,"children":3100},{"style":717},[3101],{"type":67,"value":880},{"type":62,"tag":664,"props":3103,"children":3104},{"class":666,"line":982},[3105,3110,3114,3118,3122],{"type":62,"tag":664,"props":3106,"children":3107},{"style":830},[3108],{"type":67,"value":3109},"  version",{"type":62,"tag":664,"props":3111,"children":3112},{"style":717},[3113],{"type":67,"value":852},{"type":62,"tag":664,"props":3115,"children":3116},{"style":717},[3117],{"type":67,"value":720},{"type":62,"tag":664,"props":3119,"children":3120},{"style":677},[3121],{"type":67,"value":975},{"type":62,"tag":664,"props":3123,"children":3124},{"style":717},[3125],{"type":67,"value":940},{"type":62,"tag":664,"props":3127,"children":3128},{"class":666,"line":1000},[3129,3133,3137],{"type":62,"tag":664,"props":3130,"children":3131},{"style":717},[3132],{"type":67,"value":2063},{"type":62,"tag":664,"props":3134,"children":3135},{"style":706},[3136],{"type":67,"value":993},{"type":62,"tag":664,"props":3138,"children":3139},{"style":717},[3140],{"type":67,"value":734},{"type":62,"tag":664,"props":3142,"children":3143},{"class":666,"line":1008},[3144],{"type":62,"tag":664,"props":3145,"children":3146},{"emptyLinePlaceholder":741},[3147],{"type":67,"value":744},{"type":62,"tag":664,"props":3149,"children":3150},{"class":666,"line":1068},[3151],{"type":62,"tag":664,"props":3152,"children":3153},{"style":1072},[3154],{"type":67,"value":3155},"\u002F\u002F configResponse contains:\n",{"type":62,"tag":664,"props":3157,"children":3158},{"class":666,"line":1078},[3159],{"type":62,"tag":664,"props":3160,"children":3161},{"style":1072},[3162],{"type":67,"value":3163},"\u002F\u002F {\n",{"type":62,"tag":664,"props":3165,"children":3166},{"class":666,"line":1086},[3167],{"type":62,"tag":664,"props":3168,"children":3169},{"style":1072},[3170],{"type":67,"value":3171},"\u002F\u002F   runningContext: 'inMeeting',\n",{"type":62,"tag":664,"props":3173,"children":3174},{"class":666,"line":1127},[3175],{"type":62,"tag":664,"props":3176,"children":3177},{"style":1072},[3178],{"type":67,"value":3179},"\u002F\u002F   clientVersion: '5.x.x',\n",{"type":62,"tag":664,"props":3181,"children":3182},{"class":666,"line":1185},[3183,3188],{"type":62,"tag":664,"props":3184,"children":3185},{"style":1072},[3186],{"type":67,"value":3187},"\u002F\u002F   unsupportedApis: []",{"type":62,"tag":664,"props":3189,"children":3190},{"style":1072},[3191],{"type":67,"value":3192},"  \u002F\u002F APIs not supported in this client version\n",{"type":62,"tag":664,"props":3194,"children":3195},{"class":666,"line":1218},[3196],{"type":62,"tag":664,"props":3197,"children":3198},{"style":1072},[3199],{"type":67,"value":3200},"\u002F\u002F }\n",{"type":62,"tag":70,"props":3202,"children":3203},{},[3204],{"type":62,"tag":98,"props":3205,"children":3206},{},[3207],{"type":67,"value":3208},"Rules:",{"type":62,"tag":153,"props":3210,"children":3211},{},[3212,3222,3234,3239],{"type":62,"tag":157,"props":3213,"children":3214},{},[3215,3220],{"type":62,"tag":76,"props":3216,"children":3218},{"className":3217},[],[3219],{"type":67,"value":2866},{"type":67,"value":3221}," MUST be called before any other SDK method",{"type":62,"tag":157,"props":3223,"children":3224},{},[3225,3227,3232],{"type":67,"value":3226},"Only capabilities listed in ",{"type":62,"tag":76,"props":3228,"children":3230},{"className":3229},[],[3231],{"type":67,"value":2866},{"type":67,"value":3233}," are available",{"type":62,"tag":157,"props":3235,"children":3236},{},[3237],{"type":67,"value":3238},"Capabilities must match OAuth scopes in Marketplace",{"type":62,"tag":157,"props":3240,"children":3241},{},[3242,3244,3250],{"type":67,"value":3243},"Check ",{"type":62,"tag":76,"props":3245,"children":3247},{"className":3246},[],[3248],{"type":67,"value":3249},"unsupportedApis",{"type":67,"value":3251}," for graceful degradation",{"type":62,"tag":138,"props":3253,"children":3255},{"id":3254},"in-client-oauth-summary",[3256],{"type":67,"value":3257},"In-Client OAuth (Summary)",{"type":62,"tag":70,"props":3259,"children":3260},{},[3261],{"type":67,"value":3262},"Best UX for authorization - no browser redirect:",{"type":62,"tag":653,"props":3264,"children":3266},{"className":688,"code":3265,"language":690,"meta":658,"style":658},"\u002F\u002F 1. Get code challenge from your backend\nconst { codeChallenge, state } = await fetch('\u002Fapi\u002Fauth\u002Fchallenge').then(r => r.json());\n\n\u002F\u002F 2. Trigger in-client authorization\nawait zoomSdk.authorize({ codeChallenge, state });\n\n\u002F\u002F 3. Listen for authorization result\nzoomSdk.addEventListener('onAuthorized', async (event) => {\n  const { code, state } = event;\n  \u002F\u002F 4. Send code to backend for token exchange\n  await fetch('\u002Fapi\u002Fauth\u002Ftoken', {\n    method: 'POST',\n    body: JSON.stringify({ code, state })\n  });\n});\n",[3267],{"type":62,"tag":76,"props":3268,"children":3269},{"__ignoreMap":658},[3270,3278,3387,3394,3402,3455,3462,3470,3531,3575,3583,3620,3649,3704,3719],{"type":62,"tag":664,"props":3271,"children":3272},{"class":666,"line":667},[3273],{"type":62,"tag":664,"props":3274,"children":3275},{"style":1072},[3276],{"type":67,"value":3277},"\u002F\u002F 1. Get code challenge from your backend\n",{"type":62,"tag":664,"props":3279,"children":3280},{"class":666,"line":737},[3281,3285,3289,3294,3298,3303,3307,3311,3315,3320,3324,3328,3333,3337,3341,3345,3350,3354,3360,3364,3369,3373,3378,3383],{"type":62,"tag":664,"props":3282,"children":3283},{"style":751},[3284],{"type":67,"value":2920},{"type":62,"tag":664,"props":3286,"children":3287},{"style":717},[3288],{"type":67,"value":2000},{"type":62,"tag":664,"props":3290,"children":3291},{"style":706},[3292],{"type":67,"value":3293}," codeChallenge",{"type":62,"tag":664,"props":3295,"children":3296},{"style":717},[3297],{"type":67,"value":1045},{"type":62,"tag":664,"props":3299,"children":3300},{"style":706},[3301],{"type":67,"value":3302}," state ",{"type":62,"tag":664,"props":3304,"children":3305},{"style":717},[3306],{"type":67,"value":2063},{"type":62,"tag":664,"props":3308,"children":3309},{"style":717},[3310],{"type":67,"value":807},{"type":62,"tag":664,"props":3312,"children":3313},{"style":700},[3314],{"type":67,"value":812},{"type":62,"tag":664,"props":3316,"children":3317},{"style":762},[3318],{"type":67,"value":3319}," fetch",{"type":62,"tag":664,"props":3321,"children":3322},{"style":706},[3323],{"type":67,"value":833},{"type":62,"tag":664,"props":3325,"children":3326},{"style":717},[3327],{"type":67,"value":729},{"type":62,"tag":664,"props":3329,"children":3330},{"style":677},[3331],{"type":67,"value":3332},"\u002Fapi\u002Fauth\u002Fchallenge",{"type":62,"tag":664,"props":3334,"children":3335},{"style":717},[3336],{"type":67,"value":729},{"type":62,"tag":664,"props":3338,"children":3339},{"style":706},[3340],{"type":67,"value":993},{"type":62,"tag":664,"props":3342,"children":3343},{"style":717},[3344],{"type":67,"value":822},{"type":62,"tag":664,"props":3346,"children":3347},{"style":762},[3348],{"type":67,"value":3349},"then",{"type":62,"tag":664,"props":3351,"children":3352},{"style":706},[3353],{"type":67,"value":833},{"type":62,"tag":664,"props":3355,"children":3357},{"style":3356},"--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic",[3358],{"type":67,"value":3359},"r",{"type":62,"tag":664,"props":3361,"children":3362},{"style":751},[3363],{"type":67,"value":1953},{"type":62,"tag":664,"props":3365,"children":3366},{"style":706},[3367],{"type":67,"value":3368}," r",{"type":62,"tag":664,"props":3370,"children":3371},{"style":717},[3372],{"type":67,"value":822},{"type":62,"tag":664,"props":3374,"children":3375},{"style":762},[3376],{"type":67,"value":3377},"json",{"type":62,"tag":664,"props":3379,"children":3380},{"style":706},[3381],{"type":67,"value":3382},"())",{"type":62,"tag":664,"props":3384,"children":3385},{"style":717},[3386],{"type":67,"value":734},{"type":62,"tag":664,"props":3388,"children":3389},{"class":666,"line":747},[3390],{"type":62,"tag":664,"props":3391,"children":3392},{"emptyLinePlaceholder":741},[3393],{"type":67,"value":744},{"type":62,"tag":664,"props":3395,"children":3396},{"class":666,"line":778},[3397],{"type":62,"tag":664,"props":3398,"children":3399},{"style":1072},[3400],{"type":67,"value":3401},"\u002F\u002F 2. Trigger in-client authorization\n",{"type":62,"tag":664,"props":3403,"children":3404},{"class":666,"line":791},[3405,3410,3414,3418,3422,3426,3431,3435,3439,3443,3447,3451],{"type":62,"tag":664,"props":3406,"children":3407},{"style":700},[3408],{"type":67,"value":3409},"await",{"type":62,"tag":664,"props":3411,"children":3412},{"style":706},[3413],{"type":67,"value":817},{"type":62,"tag":664,"props":3415,"children":3416},{"style":717},[3417],{"type":67,"value":822},{"type":62,"tag":664,"props":3419,"children":3420},{"style":762},[3421],{"type":67,"value":2565},{"type":62,"tag":664,"props":3423,"children":3424},{"style":706},[3425],{"type":67,"value":833},{"type":62,"tag":664,"props":3427,"children":3428},{"style":717},[3429],{"type":67,"value":3430},"{",{"type":62,"tag":664,"props":3432,"children":3433},{"style":706},[3434],{"type":67,"value":3293},{"type":62,"tag":664,"props":3436,"children":3437},{"style":717},[3438],{"type":67,"value":1045},{"type":62,"tag":664,"props":3440,"children":3441},{"style":706},[3442],{"type":67,"value":3302},{"type":62,"tag":664,"props":3444,"children":3445},{"style":717},[3446],{"type":67,"value":2063},{"type":62,"tag":664,"props":3448,"children":3449},{"style":706},[3450],{"type":67,"value":993},{"type":62,"tag":664,"props":3452,"children":3453},{"style":717},[3454],{"type":67,"value":734},{"type":62,"tag":664,"props":3456,"children":3457},{"class":666,"line":841},[3458],{"type":62,"tag":664,"props":3459,"children":3460},{"emptyLinePlaceholder":741},[3461],{"type":67,"value":744},{"type":62,"tag":664,"props":3463,"children":3464},{"class":666,"line":860},[3465],{"type":62,"tag":664,"props":3466,"children":3467},{"style":1072},[3468],{"type":67,"value":3469},"\u002F\u002F 3. Listen for authorization result\n",{"type":62,"tag":664,"props":3471,"children":3472},{"class":666,"line":883},[3473,3477,3481,3485,3489,3493,3497,3501,3505,3510,3514,3519,3523,3527],{"type":62,"tag":664,"props":3474,"children":3475},{"style":706},[3476],{"type":67,"value":57},{"type":62,"tag":664,"props":3478,"children":3479},{"style":717},[3480],{"type":67,"value":822},{"type":62,"tag":664,"props":3482,"children":3483},{"style":762},[3484],{"type":67,"value":1922},{"type":62,"tag":664,"props":3486,"children":3487},{"style":706},[3488],{"type":67,"value":833},{"type":62,"tag":664,"props":3490,"children":3491},{"style":717},[3492],{"type":67,"value":729},{"type":62,"tag":664,"props":3494,"children":3495},{"style":677},[3496],{"type":67,"value":3085},{"type":62,"tag":664,"props":3498,"children":3499},{"style":717},[3500],{"type":67,"value":729},{"type":62,"tag":664,"props":3502,"children":3503},{"style":717},[3504],{"type":67,"value":1045},{"type":62,"tag":664,"props":3506,"children":3507},{"style":751},[3508],{"type":67,"value":3509}," async",{"type":62,"tag":664,"props":3511,"children":3512},{"style":717},[3513],{"type":67,"value":1201},{"type":62,"tag":664,"props":3515,"children":3516},{"style":3356},[3517],{"type":67,"value":3518},"event",{"type":62,"tag":664,"props":3520,"children":3521},{"style":717},[3522],{"type":67,"value":993},{"type":62,"tag":664,"props":3524,"children":3525},{"style":751},[3526],{"type":67,"value":1953},{"type":62,"tag":664,"props":3528,"children":3529},{"style":717},[3530],{"type":67,"value":775},{"type":62,"tag":664,"props":3532,"children":3533},{"class":666,"line":904},[3534,3539,3543,3548,3552,3557,3562,3566,3571],{"type":62,"tag":664,"props":3535,"children":3536},{"style":751},[3537],{"type":67,"value":3538},"  const",{"type":62,"tag":664,"props":3540,"children":3541},{"style":717},[3542],{"type":67,"value":2000},{"type":62,"tag":664,"props":3544,"children":3545},{"style":706},[3546],{"type":67,"value":3547}," code",{"type":62,"tag":664,"props":3549,"children":3550},{"style":717},[3551],{"type":67,"value":1045},{"type":62,"tag":664,"props":3553,"children":3554},{"style":706},[3555],{"type":67,"value":3556}," state",{"type":62,"tag":664,"props":3558,"children":3559},{"style":717},[3560],{"type":67,"value":3561}," }",{"type":62,"tag":664,"props":3563,"children":3564},{"style":717},[3565],{"type":67,"value":807},{"type":62,"tag":664,"props":3567,"children":3568},{"style":706},[3569],{"type":67,"value":3570}," event",{"type":62,"tag":664,"props":3572,"children":3573},{"style":717},[3574],{"type":67,"value":734},{"type":62,"tag":664,"props":3576,"children":3577},{"class":666,"line":925},[3578],{"type":62,"tag":664,"props":3579,"children":3580},{"style":1072},[3581],{"type":67,"value":3582},"  \u002F\u002F 4. Send code to backend for token exchange\n",{"type":62,"tag":664,"props":3584,"children":3585},{"class":666,"line":943},[3586,3591,3595,3599,3603,3608,3612,3616],{"type":62,"tag":664,"props":3587,"children":3588},{"style":700},[3589],{"type":67,"value":3590},"  await",{"type":62,"tag":664,"props":3592,"children":3593},{"style":762},[3594],{"type":67,"value":3319},{"type":62,"tag":664,"props":3596,"children":3597},{"style":830},[3598],{"type":67,"value":833},{"type":62,"tag":664,"props":3600,"children":3601},{"style":717},[3602],{"type":67,"value":729},{"type":62,"tag":664,"props":3604,"children":3605},{"style":677},[3606],{"type":67,"value":3607},"\u002Fapi\u002Fauth\u002Ftoken",{"type":62,"tag":664,"props":3609,"children":3610},{"style":717},[3611],{"type":67,"value":729},{"type":62,"tag":664,"props":3613,"children":3614},{"style":717},[3615],{"type":67,"value":1045},{"type":62,"tag":664,"props":3617,"children":3618},{"style":717},[3619],{"type":67,"value":775},{"type":62,"tag":664,"props":3621,"children":3622},{"class":666,"line":956},[3623,3628,3632,3636,3641,3645],{"type":62,"tag":664,"props":3624,"children":3625},{"style":830},[3626],{"type":67,"value":3627},"    method",{"type":62,"tag":664,"props":3629,"children":3630},{"style":717},[3631],{"type":67,"value":852},{"type":62,"tag":664,"props":3633,"children":3634},{"style":717},[3635],{"type":67,"value":720},{"type":62,"tag":664,"props":3637,"children":3638},{"style":677},[3639],{"type":67,"value":3640},"POST",{"type":62,"tag":664,"props":3642,"children":3643},{"style":717},[3644],{"type":67,"value":729},{"type":62,"tag":664,"props":3646,"children":3647},{"style":717},[3648],{"type":67,"value":880},{"type":62,"tag":664,"props":3650,"children":3651},{"class":666,"line":982},[3652,3657,3661,3666,3670,3675,3679,3683,3687,3691,3695,3699],{"type":62,"tag":664,"props":3653,"children":3654},{"style":830},[3655],{"type":67,"value":3656},"    body",{"type":62,"tag":664,"props":3658,"children":3659},{"style":717},[3660],{"type":67,"value":852},{"type":62,"tag":664,"props":3662,"children":3663},{"style":706},[3664],{"type":67,"value":3665}," JSON",{"type":62,"tag":664,"props":3667,"children":3668},{"style":717},[3669],{"type":67,"value":822},{"type":62,"tag":664,"props":3671,"children":3672},{"style":762},[3673],{"type":67,"value":3674},"stringify",{"type":62,"tag":664,"props":3676,"children":3677},{"style":830},[3678],{"type":67,"value":833},{"type":62,"tag":664,"props":3680,"children":3681},{"style":717},[3682],{"type":67,"value":3430},{"type":62,"tag":664,"props":3684,"children":3685},{"style":706},[3686],{"type":67,"value":3547},{"type":62,"tag":664,"props":3688,"children":3689},{"style":717},[3690],{"type":67,"value":1045},{"type":62,"tag":664,"props":3692,"children":3693},{"style":706},[3694],{"type":67,"value":3556},{"type":62,"tag":664,"props":3696,"children":3697},{"style":717},[3698],{"type":67,"value":3561},{"type":62,"tag":664,"props":3700,"children":3701},{"style":830},[3702],{"type":67,"value":3703},")\n",{"type":62,"tag":664,"props":3705,"children":3706},{"class":666,"line":1000},[3707,3711,3715],{"type":62,"tag":664,"props":3708,"children":3709},{"style":717},[3710],{"type":67,"value":1191},{"type":62,"tag":664,"props":3712,"children":3713},{"style":830},[3714],{"type":67,"value":993},{"type":62,"tag":664,"props":3716,"children":3717},{"style":717},[3718],{"type":67,"value":734},{"type":62,"tag":664,"props":3720,"children":3721},{"class":666,"line":1008},[3722,3726,3730],{"type":62,"tag":664,"props":3723,"children":3724},{"style":717},[3725],{"type":67,"value":2063},{"type":62,"tag":664,"props":3727,"children":3728},{"style":706},[3729],{"type":67,"value":993},{"type":62,"tag":664,"props":3731,"children":3732},{"style":717},[3733],{"type":67,"value":734},{"type":62,"tag":70,"props":3735,"children":3736},{},[3737,3738,3746],{"type":67,"value":2840},{"type":62,"tag":98,"props":3739,"children":3740},{},[3741],{"type":62,"tag":106,"props":3742,"children":3743},{"href":221},[3744],{"type":67,"value":3745},"In-Client OAuth Guide",{"type":67,"value":3747}," for complete implementation.",{"type":62,"tag":138,"props":3749,"children":3751},{"id":3750},"layers-api-summary",[3752],{"type":67,"value":3753},"Layers API (Summary)",{"type":62,"tag":70,"props":3755,"children":3756},{},[3757],{"type":67,"value":3758},"Build immersive video layouts and camera overlays:",{"type":62,"tag":653,"props":3760,"children":3762},{"className":688,"code":3761,"language":690,"meta":658,"style":658},"\u002F\u002F Start immersive mode - replaces gallery view\nawait zoomSdk.runRenderingContext({ view: 'immersive' });\n\n\u002F\u002F Position participant video feeds\nawait zoomSdk.drawParticipant({\n  participantUUID: 'user-uuid',\n  x: 0, y: 0, width: 640, height: 480, zIndex: 1\n});\n\n\u002F\u002F Add overlay images\nawait zoomSdk.drawImage({\n  imageData: canvas.toDataURL(),\n  x: 0, y: 0, width: 1280, height: 720, zIndex: 0\n});\n\n\u002F\u002F Exit immersive mode\nawait zoomSdk.closeRenderingContext();\n",[3763],{"type":62,"tag":76,"props":3764,"children":3765},{"__ignoreMap":658},[3766,3774,3835,3842,3850,3878,3907,3995,4010,4017,4025,4053,4087,4169,4184,4191,4199],{"type":62,"tag":664,"props":3767,"children":3768},{"class":666,"line":667},[3769],{"type":62,"tag":664,"props":3770,"children":3771},{"style":1072},[3772],{"type":67,"value":3773},"\u002F\u002F Start immersive mode - replaces gallery view\n",{"type":62,"tag":664,"props":3775,"children":3776},{"class":666,"line":737},[3777,3781,3785,3789,3793,3797,3801,3806,3810,3814,3819,3823,3827,3831],{"type":62,"tag":664,"props":3778,"children":3779},{"style":700},[3780],{"type":67,"value":3409},{"type":62,"tag":664,"props":3782,"children":3783},{"style":706},[3784],{"type":67,"value":817},{"type":62,"tag":664,"props":3786,"children":3787},{"style":717},[3788],{"type":67,"value":822},{"type":62,"tag":664,"props":3790,"children":3791},{"style":762},[3792],{"type":67,"value":2545},{"type":62,"tag":664,"props":3794,"children":3795},{"style":706},[3796],{"type":67,"value":833},{"type":62,"tag":664,"props":3798,"children":3799},{"style":717},[3800],{"type":67,"value":3430},{"type":62,"tag":664,"props":3802,"children":3803},{"style":830},[3804],{"type":67,"value":3805}," view",{"type":62,"tag":664,"props":3807,"children":3808},{"style":717},[3809],{"type":67,"value":852},{"type":62,"tag":664,"props":3811,"children":3812},{"style":717},[3813],{"type":67,"value":720},{"type":62,"tag":664,"props":3815,"children":3816},{"style":677},[3817],{"type":67,"value":3818},"immersive",{"type":62,"tag":664,"props":3820,"children":3821},{"style":717},[3822],{"type":67,"value":729},{"type":62,"tag":664,"props":3824,"children":3825},{"style":717},[3826],{"type":67,"value":3561},{"type":62,"tag":664,"props":3828,"children":3829},{"style":706},[3830],{"type":67,"value":993},{"type":62,"tag":664,"props":3832,"children":3833},{"style":717},[3834],{"type":67,"value":734},{"type":62,"tag":664,"props":3836,"children":3837},{"class":666,"line":747},[3838],{"type":62,"tag":664,"props":3839,"children":3840},{"emptyLinePlaceholder":741},[3841],{"type":67,"value":744},{"type":62,"tag":664,"props":3843,"children":3844},{"class":666,"line":778},[3845],{"type":62,"tag":664,"props":3846,"children":3847},{"style":1072},[3848],{"type":67,"value":3849},"\u002F\u002F Position participant video feeds\n",{"type":62,"tag":664,"props":3851,"children":3852},{"class":666,"line":791},[3853,3857,3861,3865,3870,3874],{"type":62,"tag":664,"props":3854,"children":3855},{"style":700},[3856],{"type":67,"value":3409},{"type":62,"tag":664,"props":3858,"children":3859},{"style":706},[3860],{"type":67,"value":817},{"type":62,"tag":664,"props":3862,"children":3863},{"style":717},[3864],{"type":67,"value":822},{"type":62,"tag":664,"props":3866,"children":3867},{"style":762},[3868],{"type":67,"value":3869},"drawParticipant",{"type":62,"tag":664,"props":3871,"children":3872},{"style":706},[3873],{"type":67,"value":833},{"type":62,"tag":664,"props":3875,"children":3876},{"style":717},[3877],{"type":67,"value":838},{"type":62,"tag":664,"props":3879,"children":3880},{"class":666,"line":841},[3881,3886,3890,3894,3899,3903],{"type":62,"tag":664,"props":3882,"children":3883},{"style":830},[3884],{"type":67,"value":3885},"  participantUUID",{"type":62,"tag":664,"props":3887,"children":3888},{"style":717},[3889],{"type":67,"value":852},{"type":62,"tag":664,"props":3891,"children":3892},{"style":717},[3893],{"type":67,"value":720},{"type":62,"tag":664,"props":3895,"children":3896},{"style":677},[3897],{"type":67,"value":3898},"user-uuid",{"type":62,"tag":664,"props":3900,"children":3901},{"style":717},[3902],{"type":67,"value":729},{"type":62,"tag":664,"props":3904,"children":3905},{"style":717},[3906],{"type":67,"value":880},{"type":62,"tag":664,"props":3908,"children":3909},{"class":666,"line":860},[3910,3915,3919,3924,3928,3933,3937,3941,3945,3950,3954,3959,3963,3968,3972,3977,3981,3986,3990],{"type":62,"tag":664,"props":3911,"children":3912},{"style":830},[3913],{"type":67,"value":3914},"  x",{"type":62,"tag":664,"props":3916,"children":3917},{"style":717},[3918],{"type":67,"value":852},{"type":62,"tag":664,"props":3920,"children":3921},{"style":2043},[3922],{"type":67,"value":3923}," 0",{"type":62,"tag":664,"props":3925,"children":3926},{"style":717},[3927],{"type":67,"value":1045},{"type":62,"tag":664,"props":3929,"children":3930},{"style":830},[3931],{"type":67,"value":3932}," y",{"type":62,"tag":664,"props":3934,"children":3935},{"style":717},[3936],{"type":67,"value":852},{"type":62,"tag":664,"props":3938,"children":3939},{"style":2043},[3940],{"type":67,"value":3923},{"type":62,"tag":664,"props":3942,"children":3943},{"style":717},[3944],{"type":67,"value":1045},{"type":62,"tag":664,"props":3946,"children":3947},{"style":830},[3948],{"type":67,"value":3949}," width",{"type":62,"tag":664,"props":3951,"children":3952},{"style":717},[3953],{"type":67,"value":852},{"type":62,"tag":664,"props":3955,"children":3956},{"style":2043},[3957],{"type":67,"value":3958}," 640",{"type":62,"tag":664,"props":3960,"children":3961},{"style":717},[3962],{"type":67,"value":1045},{"type":62,"tag":664,"props":3964,"children":3965},{"style":830},[3966],{"type":67,"value":3967}," height",{"type":62,"tag":664,"props":3969,"children":3970},{"style":717},[3971],{"type":67,"value":852},{"type":62,"tag":664,"props":3973,"children":3974},{"style":2043},[3975],{"type":67,"value":3976}," 480",{"type":62,"tag":664,"props":3978,"children":3979},{"style":717},[3980],{"type":67,"value":1045},{"type":62,"tag":664,"props":3982,"children":3983},{"style":830},[3984],{"type":67,"value":3985}," zIndex",{"type":62,"tag":664,"props":3987,"children":3988},{"style":717},[3989],{"type":67,"value":852},{"type":62,"tag":664,"props":3991,"children":3992},{"style":2043},[3993],{"type":67,"value":3994}," 1\n",{"type":62,"tag":664,"props":3996,"children":3997},{"class":666,"line":883},[3998,4002,4006],{"type":62,"tag":664,"props":3999,"children":4000},{"style":717},[4001],{"type":67,"value":2063},{"type":62,"tag":664,"props":4003,"children":4004},{"style":706},[4005],{"type":67,"value":993},{"type":62,"tag":664,"props":4007,"children":4008},{"style":717},[4009],{"type":67,"value":734},{"type":62,"tag":664,"props":4011,"children":4012},{"class":666,"line":904},[4013],{"type":62,"tag":664,"props":4014,"children":4015},{"emptyLinePlaceholder":741},[4016],{"type":67,"value":744},{"type":62,"tag":664,"props":4018,"children":4019},{"class":666,"line":925},[4020],{"type":62,"tag":664,"props":4021,"children":4022},{"style":1072},[4023],{"type":67,"value":4024},"\u002F\u002F Add overlay images\n",{"type":62,"tag":664,"props":4026,"children":4027},{"class":666,"line":943},[4028,4032,4036,4040,4045,4049],{"type":62,"tag":664,"props":4029,"children":4030},{"style":700},[4031],{"type":67,"value":3409},{"type":62,"tag":664,"props":4033,"children":4034},{"style":706},[4035],{"type":67,"value":817},{"type":62,"tag":664,"props":4037,"children":4038},{"style":717},[4039],{"type":67,"value":822},{"type":62,"tag":664,"props":4041,"children":4042},{"style":762},[4043],{"type":67,"value":4044},"drawImage",{"type":62,"tag":664,"props":4046,"children":4047},{"style":706},[4048],{"type":67,"value":833},{"type":62,"tag":664,"props":4050,"children":4051},{"style":717},[4052],{"type":67,"value":838},{"type":62,"tag":664,"props":4054,"children":4055},{"class":666,"line":956},[4056,4061,4065,4070,4074,4079,4083],{"type":62,"tag":664,"props":4057,"children":4058},{"style":830},[4059],{"type":67,"value":4060},"  imageData",{"type":62,"tag":664,"props":4062,"children":4063},{"style":717},[4064],{"type":67,"value":852},{"type":62,"tag":664,"props":4066,"children":4067},{"style":706},[4068],{"type":67,"value":4069}," canvas",{"type":62,"tag":664,"props":4071,"children":4072},{"style":717},[4073],{"type":67,"value":822},{"type":62,"tag":664,"props":4075,"children":4076},{"style":762},[4077],{"type":67,"value":4078},"toDataURL",{"type":62,"tag":664,"props":4080,"children":4081},{"style":706},[4082],{"type":67,"value":770},{"type":62,"tag":664,"props":4084,"children":4085},{"style":717},[4086],{"type":67,"value":880},{"type":62,"tag":664,"props":4088,"children":4089},{"class":666,"line":982},[4090,4094,4098,4102,4106,4110,4114,4118,4122,4126,4130,4135,4139,4143,4147,4152,4156,4160,4164],{"type":62,"tag":664,"props":4091,"children":4092},{"style":830},[4093],{"type":67,"value":3914},{"type":62,"tag":664,"props":4095,"children":4096},{"style":717},[4097],{"type":67,"value":852},{"type":62,"tag":664,"props":4099,"children":4100},{"style":2043},[4101],{"type":67,"value":3923},{"type":62,"tag":664,"props":4103,"children":4104},{"style":717},[4105],{"type":67,"value":1045},{"type":62,"tag":664,"props":4107,"children":4108},{"style":830},[4109],{"type":67,"value":3932},{"type":62,"tag":664,"props":4111,"children":4112},{"style":717},[4113],{"type":67,"value":852},{"type":62,"tag":664,"props":4115,"children":4116},{"style":2043},[4117],{"type":67,"value":3923},{"type":62,"tag":664,"props":4119,"children":4120},{"style":717},[4121],{"type":67,"value":1045},{"type":62,"tag":664,"props":4123,"children":4124},{"style":830},[4125],{"type":67,"value":3949},{"type":62,"tag":664,"props":4127,"children":4128},{"style":717},[4129],{"type":67,"value":852},{"type":62,"tag":664,"props":4131,"children":4132},{"style":2043},[4133],{"type":67,"value":4134}," 1280",{"type":62,"tag":664,"props":4136,"children":4137},{"style":717},[4138],{"type":67,"value":1045},{"type":62,"tag":664,"props":4140,"children":4141},{"style":830},[4142],{"type":67,"value":3967},{"type":62,"tag":664,"props":4144,"children":4145},{"style":717},[4146],{"type":67,"value":852},{"type":62,"tag":664,"props":4148,"children":4149},{"style":2043},[4150],{"type":67,"value":4151}," 720",{"type":62,"tag":664,"props":4153,"children":4154},{"style":717},[4155],{"type":67,"value":1045},{"type":62,"tag":664,"props":4157,"children":4158},{"style":830},[4159],{"type":67,"value":3985},{"type":62,"tag":664,"props":4161,"children":4162},{"style":717},[4163],{"type":67,"value":852},{"type":62,"tag":664,"props":4165,"children":4166},{"style":2043},[4167],{"type":67,"value":4168}," 0\n",{"type":62,"tag":664,"props":4170,"children":4171},{"class":666,"line":1000},[4172,4176,4180],{"type":62,"tag":664,"props":4173,"children":4174},{"style":717},[4175],{"type":67,"value":2063},{"type":62,"tag":664,"props":4177,"children":4178},{"style":706},[4179],{"type":67,"value":993},{"type":62,"tag":664,"props":4181,"children":4182},{"style":717},[4183],{"type":67,"value":734},{"type":62,"tag":664,"props":4185,"children":4186},{"class":666,"line":1008},[4187],{"type":62,"tag":664,"props":4188,"children":4189},{"emptyLinePlaceholder":741},[4190],{"type":67,"value":744},{"type":62,"tag":664,"props":4192,"children":4193},{"class":666,"line":1068},[4194],{"type":62,"tag":664,"props":4195,"children":4196},{"style":1072},[4197],{"type":67,"value":4198},"\u002F\u002F Exit immersive mode\n",{"type":62,"tag":664,"props":4200,"children":4201},{"class":666,"line":1078},[4202,4206,4210,4214,4219,4223],{"type":62,"tag":664,"props":4203,"children":4204},{"style":700},[4205],{"type":67,"value":3409},{"type":62,"tag":664,"props":4207,"children":4208},{"style":706},[4209],{"type":67,"value":817},{"type":62,"tag":664,"props":4211,"children":4212},{"style":717},[4213],{"type":67,"value":822},{"type":62,"tag":664,"props":4215,"children":4216},{"style":762},[4217],{"type":67,"value":4218},"closeRenderingContext",{"type":62,"tag":664,"props":4220,"children":4221},{"style":706},[4222],{"type":67,"value":770},{"type":62,"tag":664,"props":4224,"children":4225},{"style":717},[4226],{"type":67,"value":734},{"type":62,"tag":70,"props":4228,"children":4229},{},[4230,4231,4239,4241,4248],{"type":67,"value":2840},{"type":62,"tag":98,"props":4232,"children":4233},{},[4234],{"type":62,"tag":106,"props":4235,"children":4236},{"href":429},[4237],{"type":67,"value":4238},"Layers Immersive",{"type":67,"value":4240}," and ",{"type":62,"tag":98,"props":4242,"children":4243},{},[4244],{"type":62,"tag":106,"props":4245,"children":4246},{"href":440},[4247],{"type":67,"value":443},{"type":67,"value":822},{"type":62,"tag":138,"props":4250,"children":4252},{"id":4251},"environment-variables",[4253],{"type":67,"value":4254},"Environment Variables",{"type":62,"tag":2410,"props":4256,"children":4257},{},[4258,4278],{"type":62,"tag":2414,"props":4259,"children":4260},{},[4261],{"type":62,"tag":2418,"props":4262,"children":4263},{},[4264,4269,4273],{"type":62,"tag":2422,"props":4265,"children":4266},{},[4267],{"type":67,"value":4268},"Variable",{"type":62,"tag":2422,"props":4270,"children":4271},{},[4272],{"type":67,"value":2657},{"type":62,"tag":2422,"props":4274,"children":4275},{},[4276],{"type":67,"value":4277},"Where to Find",{"type":62,"tag":2433,"props":4279,"children":4280},{},[4281,4303,4324,4352,4374],{"type":62,"tag":2418,"props":4282,"children":4283},{},[4284,4293,4298],{"type":62,"tag":2440,"props":4285,"children":4286},{},[4287],{"type":62,"tag":76,"props":4288,"children":4290},{"className":4289},[],[4291],{"type":67,"value":4292},"ZOOM_APP_CLIENT_ID",{"type":62,"tag":2440,"props":4294,"children":4295},{},[4296],{"type":67,"value":4297},"App client ID",{"type":62,"tag":2440,"props":4299,"children":4300},{},[4301],{"type":67,"value":4302},"Marketplace -> App -> App Credentials",{"type":62,"tag":2418,"props":4304,"children":4305},{},[4306,4315,4320],{"type":62,"tag":2440,"props":4307,"children":4308},{},[4309],{"type":62,"tag":76,"props":4310,"children":4312},{"className":4311},[],[4313],{"type":67,"value":4314},"ZOOM_APP_CLIENT_SECRET",{"type":62,"tag":2440,"props":4316,"children":4317},{},[4318],{"type":67,"value":4319},"App client secret",{"type":62,"tag":2440,"props":4321,"children":4322},{},[4323],{"type":67,"value":4302},{"type":62,"tag":2418,"props":4325,"children":4326},{},[4327,4336,4341],{"type":62,"tag":2440,"props":4328,"children":4329},{},[4330],{"type":62,"tag":76,"props":4331,"children":4333},{"className":4332},[],[4334],{"type":67,"value":4335},"ZOOM_APP_REDIRECT_URI",{"type":62,"tag":2440,"props":4337,"children":4338},{},[4339],{"type":67,"value":4340},"OAuth redirect URL",{"type":62,"tag":2440,"props":4342,"children":4343},{},[4344,4346],{"type":67,"value":4345},"Your server URL + ",{"type":62,"tag":76,"props":4347,"children":4349},{"className":4348},[],[4350],{"type":67,"value":4351},"\u002Fauth",{"type":62,"tag":2418,"props":4353,"children":4354},{},[4355,4364,4369],{"type":62,"tag":2440,"props":4356,"children":4357},{},[4358],{"type":62,"tag":76,"props":4359,"children":4361},{"className":4360},[],[4362],{"type":67,"value":4363},"SESSION_SECRET",{"type":62,"tag":2440,"props":4365,"children":4366},{},[4367],{"type":67,"value":4368},"Cookie signing secret",{"type":62,"tag":2440,"props":4370,"children":4371},{},[4372],{"type":67,"value":4373},"Generate random string",{"type":62,"tag":2418,"props":4375,"children":4376},{},[4377,4386,4391],{"type":62,"tag":2440,"props":4378,"children":4379},{},[4380],{"type":62,"tag":76,"props":4381,"children":4383},{"className":4382},[],[4384],{"type":67,"value":4385},"ZOOM_HOST",{"type":62,"tag":2440,"props":4387,"children":4388},{},[4389],{"type":67,"value":4390},"Zoom host URL",{"type":62,"tag":2440,"props":4392,"children":4393},{},[4394,4400,4402,4408],{"type":62,"tag":76,"props":4395,"children":4397},{"className":4396},[],[4398],{"type":67,"value":4399},"https:\u002F\u002Fzoom.us",{"type":67,"value":4401}," (or ",{"type":62,"tag":76,"props":4403,"children":4405},{"className":4404},[],[4406],{"type":67,"value":4407},"https:\u002F\u002Fzoomgov.com",{"type":67,"value":993},{"type":62,"tag":138,"props":4410,"children":4412},{"id":4411},"common-apis",[4413],{"type":67,"value":4414},"Common APIs",{"type":62,"tag":2410,"props":4416,"children":4417},{},[4418,4433],{"type":62,"tag":2414,"props":4419,"children":4420},{},[4421],{"type":62,"tag":2418,"props":4422,"children":4423},{},[4424,4429],{"type":62,"tag":2422,"props":4425,"children":4426},{},[4427],{"type":67,"value":4428},"API",{"type":62,"tag":2422,"props":4430,"children":4431},{},[4432],{"type":67,"value":2657},{"type":62,"tag":2433,"props":4434,"children":4435},{},[4436,4452,4469,4486,4503,4520,4537,4554,4571,4588,4605,4622,4639,4656],{"type":62,"tag":2418,"props":4437,"children":4438},{},[4439,4447],{"type":62,"tag":2440,"props":4440,"children":4441},{},[4442],{"type":62,"tag":76,"props":4443,"children":4445},{"className":4444},[],[4446],{"type":67,"value":2866},{"type":62,"tag":2440,"props":4448,"children":4449},{},[4450],{"type":67,"value":4451},"Initialize SDK, request capabilities",{"type":62,"tag":2418,"props":4453,"children":4454},{},[4455,4464],{"type":62,"tag":2440,"props":4456,"children":4457},{},[4458],{"type":62,"tag":76,"props":4459,"children":4461},{"className":4460},[],[4462],{"type":67,"value":4463},"getMeetingContext()",{"type":62,"tag":2440,"props":4465,"children":4466},{},[4467],{"type":67,"value":4468},"Get meeting ID, topic, status",{"type":62,"tag":2418,"props":4470,"children":4471},{},[4472,4481],{"type":62,"tag":2440,"props":4473,"children":4474},{},[4475],{"type":62,"tag":76,"props":4476,"children":4478},{"className":4477},[],[4479],{"type":67,"value":4480},"getUserContext()",{"type":62,"tag":2440,"props":4482,"children":4483},{},[4484],{"type":67,"value":4485},"Get user name, role, participant ID",{"type":62,"tag":2418,"props":4487,"children":4488},{},[4489,4498],{"type":62,"tag":2440,"props":4490,"children":4491},{},[4492],{"type":62,"tag":76,"props":4493,"children":4495},{"className":4494},[],[4496],{"type":67,"value":4497},"getRunningContext()",{"type":62,"tag":2440,"props":4499,"children":4500},{},[4501],{"type":67,"value":4502},"Get current running context",{"type":62,"tag":2418,"props":4504,"children":4505},{},[4506,4515],{"type":62,"tag":2440,"props":4507,"children":4508},{},[4509],{"type":62,"tag":76,"props":4510,"children":4512},{"className":4511},[],[4513],{"type":67,"value":4514},"getMeetingParticipants()",{"type":62,"tag":2440,"props":4516,"children":4517},{},[4518],{"type":67,"value":4519},"List participants",{"type":62,"tag":2418,"props":4521,"children":4522},{},[4523,4532],{"type":62,"tag":2440,"props":4524,"children":4525},{},[4526],{"type":62,"tag":76,"props":4527,"children":4529},{"className":4528},[],[4530],{"type":67,"value":4531},"shareApp()",{"type":62,"tag":2440,"props":4533,"children":4534},{},[4535],{"type":67,"value":4536},"Share app screen with participants",{"type":62,"tag":2418,"props":4538,"children":4539},{},[4540,4549],{"type":62,"tag":2440,"props":4541,"children":4542},{},[4543],{"type":62,"tag":76,"props":4544,"children":4546},{"className":4545},[],[4547],{"type":67,"value":4548},"openUrl({ url })",{"type":62,"tag":2440,"props":4550,"children":4551},{},[4552],{"type":67,"value":4553},"Open URL in external browser",{"type":62,"tag":2418,"props":4555,"children":4556},{},[4557,4566],{"type":62,"tag":2440,"props":4558,"children":4559},{},[4560],{"type":62,"tag":76,"props":4561,"children":4563},{"className":4562},[],[4564],{"type":67,"value":4565},"sendAppInvitation()",{"type":62,"tag":2440,"props":4567,"children":4568},{},[4569],{"type":67,"value":4570},"Invite users to open your app",{"type":62,"tag":2418,"props":4572,"children":4573},{},[4574,4583],{"type":62,"tag":2440,"props":4575,"children":4576},{},[4577],{"type":62,"tag":76,"props":4578,"children":4580},{"className":4579},[],[4581],{"type":67,"value":4582},"authorize()",{"type":62,"tag":2440,"props":4584,"children":4585},{},[4586],{"type":67,"value":4587},"Trigger In-Client OAuth",{"type":62,"tag":2418,"props":4589,"children":4590},{},[4591,4600],{"type":62,"tag":2440,"props":4592,"children":4593},{},[4594],{"type":62,"tag":76,"props":4595,"children":4597},{"className":4596},[],[4598],{"type":67,"value":4599},"connect()",{"type":62,"tag":2440,"props":4601,"children":4602},{},[4603],{"type":67,"value":4604},"Connect to other app instances",{"type":62,"tag":2418,"props":4606,"children":4607},{},[4608,4617],{"type":62,"tag":2440,"props":4609,"children":4610},{},[4611],{"type":62,"tag":76,"props":4612,"children":4614},{"className":4613},[],[4615],{"type":67,"value":4616},"postMessage()",{"type":62,"tag":2440,"props":4618,"children":4619},{},[4620],{"type":67,"value":4621},"Send message to connected instances",{"type":62,"tag":2418,"props":4623,"children":4624},{},[4625,4634],{"type":62,"tag":2440,"props":4626,"children":4627},{},[4628],{"type":62,"tag":76,"props":4629,"children":4631},{"className":4630},[],[4632],{"type":67,"value":4633},"runRenderingContext()",{"type":62,"tag":2440,"props":4635,"children":4636},{},[4637],{"type":67,"value":4638},"Start Layers API (immersive\u002Fcamera)",{"type":62,"tag":2418,"props":4640,"children":4641},{},[4642,4651],{"type":62,"tag":2440,"props":4643,"children":4644},{},[4645],{"type":62,"tag":76,"props":4646,"children":4648},{"className":4647},[],[4649],{"type":67,"value":4650},"expandApp({ action })",{"type":62,"tag":2440,"props":4652,"children":4653},{},[4654],{"type":67,"value":4655},"Expand\u002Fcollapse app panel",{"type":62,"tag":2418,"props":4657,"children":4658},{},[4659,4668],{"type":62,"tag":2440,"props":4660,"children":4661},{},[4662],{"type":62,"tag":76,"props":4663,"children":4665},{"className":4664},[],[4666],{"type":67,"value":4667},"showNotification()",{"type":62,"tag":2440,"props":4669,"children":4670},{},[4671],{"type":67,"value":4672},"Show notification in Zoom",{"type":62,"tag":138,"props":4674,"children":4676},{"id":4675},"complete-documentation-library",[4677],{"type":67,"value":4678},"Complete Documentation Library",{"type":62,"tag":646,"props":4680,"children":4682},{"id":4681},"core-concepts",[4683],{"type":67,"value":4684},"Core Concepts",{"type":62,"tag":274,"props":4686,"children":4687},{},[4688,4700,4712],{"type":62,"tag":157,"props":4689,"children":4690},{},[4691,4698],{"type":62,"tag":98,"props":4692,"children":4693},{},[4694],{"type":62,"tag":106,"props":4695,"children":4696},{"href":165},[4697],{"type":67,"value":168},{"type":67,"value":4699}," - Frontend\u002Fbackend pattern, embedded browser, deep linking, X-Zoom-App-Context",{"type":62,"tag":157,"props":4701,"children":4702},{},[4703,4710],{"type":62,"tag":98,"props":4704,"children":4705},{},[4706],{"type":62,"tag":106,"props":4707,"children":4708},{"href":193},[4709],{"type":67,"value":196},{"type":67,"value":4711}," - All contexts, context-specific APIs, multi-instance communication",{"type":62,"tag":157,"props":4713,"children":4714},{},[4715,4724],{"type":62,"tag":98,"props":4716,"children":4717},{},[4718],{"type":62,"tag":106,"props":4719,"children":4721},{"href":4720},"concepts\u002Fsecurity.md",[4722],{"type":67,"value":4723},"Security",{"type":67,"value":4725}," - OWASP headers, CSP, cookie security, PKCE, token storage",{"type":62,"tag":646,"props":4727,"children":4729},{"id":4728},"complete-examples",[4730],{"type":67,"value":4731},"Complete Examples",{"type":62,"tag":274,"props":4733,"children":4734},{},[4735,4747,4759,4770,4781,4794,4808,4822],{"type":62,"tag":157,"props":4736,"children":4737},{},[4738,4745],{"type":62,"tag":98,"props":4739,"children":4740},{},[4741],{"type":62,"tag":106,"props":4742,"children":4743},{"href":179},[4744],{"type":67,"value":182},{"type":67,"value":4746}," - Hello World Express + SDK app",{"type":62,"tag":157,"props":4748,"children":4749},{},[4750,4757],{"type":62,"tag":98,"props":4751,"children":4752},{},[4753],{"type":62,"tag":106,"props":4754,"children":4755},{"href":221},[4756],{"type":67,"value":224},{"type":67,"value":4758}," - PKCE authorization flow",{"type":62,"tag":157,"props":4760,"children":4761},{},[4762,4769],{"type":62,"tag":98,"props":4763,"children":4764},{},[4765],{"type":62,"tag":106,"props":4766,"children":4767},{"href":429},[4768],{"type":67,"value":4238},{"type":67,"value":434},{"type":62,"tag":157,"props":4771,"children":4772},{},[4773,4780],{"type":62,"tag":98,"props":4774,"children":4775},{},[4776],{"type":62,"tag":106,"props":4777,"children":4778},{"href":440},[4779],{"type":67,"value":443},{"type":67,"value":445},{"type":62,"tag":157,"props":4782,"children":4783},{},[4784,4792],{"type":62,"tag":98,"props":4785,"children":4786},{},[4787],{"type":62,"tag":106,"props":4788,"children":4790},{"href":4789},"examples\u002Fcollaborate-mode.md",[4791],{"type":67,"value":539},{"type":67,"value":4793}," - Shared state across participants",{"type":62,"tag":157,"props":4795,"children":4796},{},[4797,4806],{"type":62,"tag":98,"props":4798,"children":4799},{},[4800],{"type":62,"tag":106,"props":4801,"children":4803},{"href":4802},"examples\u002Fguest-mode.md",[4804],{"type":67,"value":4805},"Guest Mode",{"type":67,"value":4807}," - Unauthenticated\u002Fauthenticated\u002Fauthorized states",{"type":62,"tag":157,"props":4809,"children":4810},{},[4811,4820],{"type":62,"tag":98,"props":4812,"children":4813},{},[4814],{"type":62,"tag":106,"props":4815,"children":4817},{"href":4816},"examples\u002Fbreakout-rooms.md",[4818],{"type":67,"value":4819},"Breakout Rooms",{"type":67,"value":4821}," - Room detection and cross-room state",{"type":62,"tag":157,"props":4823,"children":4824},{},[4825,4833],{"type":62,"tag":98,"props":4826,"children":4827},{},[4828],{"type":62,"tag":106,"props":4829,"children":4831},{"href":4830},"examples\u002Fapp-communication.md",[4832],{"type":67,"value":549},{"type":67,"value":4834}," - connect + postMessage between instances",{"type":62,"tag":646,"props":4836,"children":4838},{"id":4837},"troubleshooting",[4839],{"type":67,"value":4840},"Troubleshooting",{"type":62,"tag":274,"props":4842,"children":4843},{},[4844,4856,4869],{"type":62,"tag":157,"props":4845,"children":4846},{},[4847,4854],{"type":62,"tag":98,"props":4848,"children":4849},{},[4850],{"type":62,"tag":106,"props":4851,"children":4852},{"href":376},[4853],{"type":67,"value":379},{"type":67,"value":4855}," - Quick diagnostics and error codes",{"type":62,"tag":157,"props":4857,"children":4858},{},[4859,4867],{"type":62,"tag":98,"props":4860,"children":4861},{},[4862],{"type":62,"tag":106,"props":4863,"children":4864},{"href":387},[4865],{"type":67,"value":4866},"Debugging",{"type":67,"value":4868}," - Local dev, ngrok, browser preview",{"type":62,"tag":157,"props":4870,"children":4871},{},[4872,4880],{"type":62,"tag":98,"props":4873,"children":4874},{},[4875],{"type":62,"tag":106,"props":4876,"children":4877},{"href":398},[4878],{"type":67,"value":4879},"Migration",{"type":67,"value":4881}," - SDK version upgrade notes",{"type":62,"tag":646,"props":4883,"children":4885},{"id":4884},"references",[4886],{"type":67,"value":4887},"References",{"type":62,"tag":274,"props":4889,"children":4890},{},[4891,4903,4914,4927,4938],{"type":62,"tag":157,"props":4892,"children":4893},{},[4894,4901],{"type":62,"tag":98,"props":4895,"children":4896},{},[4897],{"type":62,"tag":106,"props":4898,"children":4899},{"href":235},[4900],{"type":67,"value":238},{"type":67,"value":4902}," - All 100+ SDK methods",{"type":62,"tag":157,"props":4904,"children":4905},{},[4906,4913],{"type":62,"tag":98,"props":4907,"children":4908},{},[4909],{"type":62,"tag":106,"props":4910,"children":4911},{"href":297},[4912],{"type":67,"value":300},{"type":67,"value":302},{"type":62,"tag":157,"props":4915,"children":4916},{},[4917,4925],{"type":62,"tag":98,"props":4918,"children":4919},{},[4920],{"type":62,"tag":106,"props":4921,"children":4922},{"href":311},[4923],{"type":67,"value":4924},"Layers API Reference",{"type":67,"value":4926}," - Drawing and rendering methods",{"type":62,"tag":157,"props":4928,"children":4929},{},[4930,4937],{"type":62,"tag":98,"props":4931,"children":4932},{},[4933],{"type":62,"tag":106,"props":4934,"children":4935},{"href":325},[4936],{"type":67,"value":328},{"type":67,"value":330},{"type":62,"tag":157,"props":4939,"children":4940},{},[4941,4948],{"type":62,"tag":98,"props":4942,"children":4943},{},[4944],{"type":62,"tag":106,"props":4945,"children":4946},{"href":339},[4947],{"type":67,"value":342},{"type":67,"value":344},{"type":62,"tag":138,"props":4950,"children":4952},{"id":4951},"sample-repositories",[4953],{"type":67,"value":4954},"Sample Repositories",{"type":62,"tag":646,"props":4956,"children":4958},{"id":4957},"official-by-zoom",[4959],{"type":67,"value":4960},"Official (by Zoom)",{"type":62,"tag":2410,"props":4962,"children":4963},{},[4964,4995],{"type":62,"tag":2414,"props":4965,"children":4966},{},[4967],{"type":62,"tag":2418,"props":4968,"children":4969},{},[4970,4975,4980,4985,4990],{"type":62,"tag":2422,"props":4971,"children":4972},{},[4973],{"type":67,"value":4974},"Repository",{"type":62,"tag":2422,"props":4976,"children":4977},{},[4978],{"type":67,"value":4979},"Type",{"type":62,"tag":2422,"props":4981,"children":4982},{},[4983],{"type":67,"value":4984},"Last Updated",{"type":62,"tag":2422,"props":4986,"children":4987},{},[4988],{"type":67,"value":4989},"Status",{"type":62,"tag":2422,"props":4991,"children":4992},{},[4993],{"type":67,"value":4994},"SDK Version",{"type":62,"tag":2433,"props":4996,"children":4997},{},[4998,5031,5063,5095,5127,5159,5189],{"type":62,"tag":2418,"props":4999,"children":5000},{},[5001,5011,5016,5021,5026],{"type":62,"tag":2440,"props":5002,"children":5003},{},[5004],{"type":62,"tag":106,"props":5005,"children":5008},{"href":5006,"rel":5007},"https:\u002F\u002Fgithub.com\u002Fzoom\u002Fzoomapps-sample-js",[110],[5009],{"type":67,"value":5010},"zoomapps-sample-js",{"type":62,"tag":2440,"props":5012,"children":5013},{},[5014],{"type":67,"value":5015},"Hello World (Vanilla JS)",{"type":62,"tag":2440,"props":5017,"children":5018},{},[5019],{"type":67,"value":5020},"Dec 2025",{"type":62,"tag":2440,"props":5022,"children":5023},{},[5024],{"type":67,"value":5025},"Active",{"type":62,"tag":2440,"props":5027,"children":5028},{},[5029],{"type":67,"value":5030},"^0.16.26",{"type":62,"tag":2418,"props":5032,"children":5033},{},[5034,5044,5049,5054,5058],{"type":62,"tag":2440,"props":5035,"children":5036},{},[5037],{"type":62,"tag":106,"props":5038,"children":5041},{"href":5039,"rel":5040},"https:\u002F\u002Fgithub.com\u002Fzoom\u002Fzoomapps-advancedsample-react",[110],[5042],{"type":67,"value":5043},"zoomapps-advancedsample-react",{"type":62,"tag":2440,"props":5045,"children":5046},{},[5047],{"type":67,"value":5048},"Advanced (React + Redis)",{"type":62,"tag":2440,"props":5050,"children":5051},{},[5052],{"type":67,"value":5053},"Oct 2025",{"type":62,"tag":2440,"props":5055,"children":5056},{},[5057],{"type":67,"value":5025},{"type":62,"tag":2440,"props":5059,"children":5060},{},[5061],{"type":67,"value":5062},"0.16.0",{"type":62,"tag":2418,"props":5064,"children":5065},{},[5066,5076,5080,5085,5090],{"type":62,"tag":2440,"props":5067,"children":5068},{},[5069],{"type":62,"tag":106,"props":5070,"children":5073},{"href":5071,"rel":5072},"https:\u002F\u002Fgithub.com\u002Fzoom\u002Fzoomapps-customlayout-js",[110],[5074],{"type":67,"value":5075},"zoomapps-customlayout-js",{"type":62,"tag":2440,"props":5077,"children":5078},{},[5079],{"type":67,"value":314},{"type":62,"tag":2440,"props":5081,"children":5082},{},[5083],{"type":67,"value":5084},"Nov 2023",{"type":62,"tag":2440,"props":5086,"children":5087},{},[5088],{"type":67,"value":5089},"Stale",{"type":62,"tag":2440,"props":5091,"children":5092},{},[5093],{"type":67,"value":5094},"^0.16.8",{"type":62,"tag":2418,"props":5096,"children":5097},{},[5098,5108,5113,5118,5122],{"type":62,"tag":2440,"props":5099,"children":5100},{},[5101],{"type":62,"tag":106,"props":5102,"children":5105},{"href":5103,"rel":5104},"https:\u002F\u002Fgithub.com\u002Fzoom\u002Fzoomapps-texteditor-vuejs",[110],[5106],{"type":67,"value":5107},"zoomapps-texteditor-vuejs",{"type":62,"tag":2440,"props":5109,"children":5110},{},[5111],{"type":67,"value":5112},"Collaborate (Vue + Y.js)",{"type":62,"tag":2440,"props":5114,"children":5115},{},[5116],{"type":67,"value":5117},"Oct 2023",{"type":62,"tag":2440,"props":5119,"children":5120},{},[5121],{"type":67,"value":5089},{"type":62,"tag":2440,"props":5123,"children":5124},{},[5125],{"type":67,"value":5126},"^0.16.7",{"type":62,"tag":2418,"props":5128,"children":5129},{},[5130,5140,5145,5150,5154],{"type":62,"tag":2440,"props":5131,"children":5132},{},[5133],{"type":62,"tag":106,"props":5134,"children":5137},{"href":5135,"rel":5136},"https:\u002F\u002Fgithub.com\u002Fzoom\u002Fzoomapps-serverless-vuejs",[110],[5138],{"type":67,"value":5139},"zoomapps-serverless-vuejs",{"type":62,"tag":2440,"props":5141,"children":5142},{},[5143],{"type":67,"value":5144},"Serverless (Firebase)",{"type":62,"tag":2440,"props":5146,"children":5147},{},[5148],{"type":67,"value":5149},"Aug 2024",{"type":62,"tag":2440,"props":5151,"children":5152},{},[5153],{"type":67,"value":5089},{"type":62,"tag":2440,"props":5155,"children":5156},{},[5157],{"type":67,"value":5158},"^0.16.21",{"type":62,"tag":2418,"props":5160,"children":5161},{},[5162,5172,5176,5181,5185],{"type":62,"tag":2440,"props":5163,"children":5164},{},[5165],{"type":62,"tag":106,"props":5166,"children":5169},{"href":5167,"rel":5168},"https:\u002F\u002Fgithub.com\u002Fzoom\u002Fzoomapps-cameramode-vuejs",[110],[5170],{"type":67,"value":5171},"zoomapps-cameramode-vuejs",{"type":62,"tag":2440,"props":5173,"children":5174},{},[5175],{"type":67,"value":443},{"type":62,"tag":2440,"props":5177,"children":5178},{},[5179],{"type":67,"value":5180},"-",{"type":62,"tag":2440,"props":5182,"children":5183},{},[5184],{"type":67,"value":5180},{"type":62,"tag":2440,"props":5186,"children":5187},{},[5188],{"type":67,"value":5180},{"type":62,"tag":2418,"props":5190,"children":5191},{},[5192,5202,5207,5211,5215],{"type":62,"tag":2440,"props":5193,"children":5194},{},[5195],{"type":62,"tag":106,"props":5196,"children":5199},{"href":5197,"rel":5198},"https:\u002F\u002Fgithub.com\u002Fzoom\u002Fzoomapps-workshop-sample",[110],[5200],{"type":67,"value":5201},"zoomapps-workshop-sample",{"type":62,"tag":2440,"props":5203,"children":5204},{},[5205],{"type":67,"value":5206},"Workshop",{"type":62,"tag":2440,"props":5208,"children":5209},{},[5210],{"type":67,"value":5180},{"type":62,"tag":2440,"props":5212,"children":5213},{},[5214],{"type":67,"value":5180},{"type":62,"tag":2440,"props":5216,"children":5217},{},[5218],{"type":67,"value":5180},{"type":62,"tag":70,"props":5220,"children":5221},{},[5222,5227,5229,5234,5236,5241],{"type":62,"tag":98,"props":5223,"children":5224},{},[5225],{"type":67,"value":5226},"Recommended for new projects:",{"type":67,"value":5228}," Use ",{"type":62,"tag":76,"props":5230,"children":5232},{"className":5231},[],[5233],{"type":67,"value":487},{"type":67,"value":5235}," version ",{"type":62,"tag":76,"props":5237,"children":5239},{"className":5238},[],[5240],{"type":67,"value":5030},{"type":67,"value":822},{"type":62,"tag":646,"props":5243,"children":5245},{"id":5244},"community",[5246],{"type":67,"value":5247},"Community",{"type":62,"tag":2410,"props":5249,"children":5250},{},[5251,5269],{"type":62,"tag":2414,"props":5252,"children":5253},{},[5254],{"type":62,"tag":2418,"props":5255,"children":5256},{},[5257,5261,5265],{"type":62,"tag":2422,"props":5258,"children":5259},{},[5260],{"type":67,"value":4979},{"type":62,"tag":2422,"props":5262,"children":5263},{},[5264],{"type":67,"value":4974},{"type":62,"tag":2422,"props":5266,"children":5267},{},[5268],{"type":67,"value":2657},{"type":62,"tag":2433,"props":5270,"children":5271},{},[5272],{"type":62,"tag":2418,"props":5273,"children":5274},{},[5275,5280,5290],{"type":62,"tag":2440,"props":5276,"children":5277},{},[5278],{"type":67,"value":5279},"Library",{"type":62,"tag":2440,"props":5281,"children":5282},{},[5283],{"type":62,"tag":106,"props":5284,"children":5287},{"href":5285,"rel":5286},"https:\u002F\u002Fgithub.com\u002Fharvard-edtech\u002Fzaccl",[110],[5288],{"type":67,"value":5289},"harvard-edtech\u002Fzaccl",{"type":62,"tag":2440,"props":5291,"children":5292},{},[5293],{"type":67,"value":5294},"Zoom App Complete Connection Library",{"type":62,"tag":70,"props":5296,"children":5297},{},[5298,5303,5305],{"type":62,"tag":98,"props":5299,"children":5300},{},[5301],{"type":67,"value":5302},"Full list",{"type":67,"value":5304},": See ",{"type":62,"tag":106,"props":5306,"children":5308},{"href":5307},"..\u002Fgeneral\u002Freferences\u002Fcommunity-repos.md",[5309],{"type":67,"value":5310},"general\u002Freferences\u002Fcommunity-repos.md",{"type":62,"tag":646,"props":5312,"children":5314},{"id":5313},"learning-path",[5315],{"type":67,"value":5316},"Learning Path",{"type":62,"tag":153,"props":5318,"children":5319},{},[5320,5336,5352],{"type":62,"tag":157,"props":5321,"children":5322},{},[5323,5328,5329,5334],{"type":62,"tag":98,"props":5324,"children":5325},{},[5326],{"type":67,"value":5327},"Start",{"type":67,"value":104},{"type":62,"tag":76,"props":5330,"children":5332},{"className":5331},[],[5333],{"type":67,"value":5010},{"type":67,"value":5335}," - Simplest, most up-to-date",{"type":62,"tag":157,"props":5337,"children":5338},{},[5339,5344,5345,5350],{"type":62,"tag":98,"props":5340,"children":5341},{},[5342],{"type":67,"value":5343},"Advanced",{"type":67,"value":104},{"type":62,"tag":76,"props":5346,"children":5348},{"className":5347},[],[5349],{"type":67,"value":5043},{"type":67,"value":5351}," - Comprehensive (In-Client OAuth, Guest Mode, Collaborate)",{"type":62,"tag":157,"props":5353,"children":5354},{},[5355,5360],{"type":62,"tag":98,"props":5356,"children":5357},{},[5358],{"type":67,"value":5359},"Specialized",{"type":67,"value":5361},": Pick based on feature (Layers, Serverless, Camera Mode)",{"type":62,"tag":138,"props":5363,"children":5365},{"id":5364},"critical-gotchas-from-real-development",[5366],{"type":67,"value":5367},"Critical Gotchas (From Real Development)",{"type":62,"tag":646,"props":5369,"children":5371},{"id":5370},"_1-global-variable-conflict",[5372],{"type":67,"value":5373},"1. Global Variable Conflict",{"type":62,"tag":70,"props":5375,"children":5376},{},[5377,5378,5383,5385,5391,5393,5399,5401,5407],{"type":67,"value":2099},{"type":62,"tag":76,"props":5379,"children":5381},{"className":5380},[],[5382],{"type":67,"value":2105},{"type":67,"value":5384},". Declaring ",{"type":62,"tag":76,"props":5386,"children":5388},{"className":5387},[],[5389],{"type":67,"value":5390},"let zoomSdk",{"type":67,"value":5392}," in your code causes ",{"type":62,"tag":76,"props":5394,"children":5396},{"className":5395},[],[5397],{"type":67,"value":5398},"SyntaxError: redeclaration of non-configurable global property",{"type":67,"value":5400},". Use ",{"type":62,"tag":76,"props":5402,"children":5404},{"className":5403},[],[5405],{"type":67,"value":5406},"let sdk = window.zoomSdk",{"type":67,"value":5408}," or the NPM import.",{"type":62,"tag":646,"props":5410,"children":5412},{"id":5411},"_2-domain-allowlist",[5413],{"type":67,"value":5414},"2. Domain Allowlist",{"type":62,"tag":70,"props":5416,"children":5417},{},[5418,5420,5425,5427,5433],{"type":67,"value":5419},"Your app URL ",{"type":62,"tag":98,"props":5421,"children":5422},{},[5423],{"type":67,"value":5424},"must",{"type":67,"value":5426}," be in the Marketplace domain allowlist. Without it, Zoom shows a blank panel with no error. Also add ",{"type":62,"tag":76,"props":5428,"children":5430},{"className":5429},[],[5431],{"type":67,"value":5432},"appssdk.zoom.us",{"type":67,"value":5434}," and any CDN domains you use.",{"type":62,"tag":646,"props":5436,"children":5438},{"id":5437},"_3-capabilities-must-be-listed",[5439],{"type":67,"value":5440},"3. Capabilities Must Be Listed",{"type":62,"tag":70,"props":5442,"children":5443},{},[5444,5446,5452],{"type":67,"value":5445},"Only APIs listed in ",{"type":62,"tag":76,"props":5447,"children":5449},{"className":5448},[],[5450],{"type":67,"value":5451},"config({ capabilities: [...] })",{"type":67,"value":5453}," are available. Calling an unlisted API throws an error. This is also true for event listeners.",{"type":62,"tag":646,"props":5455,"children":5457},{"id":5456},"_4-sdk-only-works-inside-zoom",[5458],{"type":67,"value":5459},"4. SDK Only Works Inside Zoom",{"type":62,"tag":70,"props":5461,"children":5462},{},[5463,5469],{"type":62,"tag":76,"props":5464,"children":5466},{"className":5465},[],[5467],{"type":67,"value":5468},"zoomSdk.config()",{"type":67,"value":5470}," throws outside the Zoom client. Always wrap in try\u002Fcatch with browser fallback:",{"type":62,"tag":653,"props":5472,"children":5474},{"className":688,"code":5473,"language":690,"meta":658,"style":658},"try { await zoomSdk.config({...}); } catch { showBrowserPreview(); }\n",[5475],{"type":62,"tag":76,"props":5476,"children":5477},{"__ignoreMap":658},[5478],{"type":62,"tag":664,"props":5479,"children":5480},{"class":666,"line":667},[5481,5486,5490,5494,5498,5502,5506,5510,5515,5519,5523,5527,5531,5535,5540,5544,5548],{"type":62,"tag":664,"props":5482,"children":5483},{"style":700},[5484],{"type":67,"value":5485},"try",{"type":62,"tag":664,"props":5487,"children":5488},{"style":717},[5489],{"type":67,"value":2000},{"type":62,"tag":664,"props":5491,"children":5492},{"style":700},[5493],{"type":67,"value":812},{"type":62,"tag":664,"props":5495,"children":5496},{"style":706},[5497],{"type":67,"value":817},{"type":62,"tag":664,"props":5499,"children":5500},{"style":717},[5501],{"type":67,"value":822},{"type":62,"tag":664,"props":5503,"children":5504},{"style":762},[5505],{"type":67,"value":827},{"type":62,"tag":664,"props":5507,"children":5508},{"style":830},[5509],{"type":67,"value":833},{"type":62,"tag":664,"props":5511,"children":5512},{"style":717},[5513],{"type":67,"value":5514},"{...}",{"type":62,"tag":664,"props":5516,"children":5517},{"style":830},[5518],{"type":67,"value":993},{"type":62,"tag":664,"props":5520,"children":5521},{"style":717},[5522],{"type":67,"value":1448},{"type":62,"tag":664,"props":5524,"children":5525},{"style":717},[5526],{"type":67,"value":3561},{"type":62,"tag":664,"props":5528,"children":5529},{"style":700},[5530],{"type":67,"value":1196},{"type":62,"tag":664,"props":5532,"children":5533},{"style":717},[5534],{"type":67,"value":2000},{"type":62,"tag":664,"props":5536,"children":5537},{"style":762},[5538],{"type":67,"value":5539}," showBrowserPreview",{"type":62,"tag":664,"props":5541,"children":5542},{"style":830},[5543],{"type":67,"value":770},{"type":62,"tag":664,"props":5545,"children":5546},{"style":717},[5547],{"type":67,"value":1448},{"type":62,"tag":664,"props":5549,"children":5550},{"style":717},[5551],{"type":67,"value":5552}," }\n",{"type":62,"tag":646,"props":5554,"children":5556},{"id":5555},"_5-ngrok-url-changes",[5557],{"type":67,"value":5558},"5. ngrok URL Changes",{"type":62,"tag":70,"props":5560,"children":5561},{},[5562],{"type":67,"value":5563},"Free ngrok URLs change on restart. You must update 4 places in Marketplace: Home URL, Redirect URL, OAuth Allow List, Domain Allow List. Consider ngrok paid plan for stable subdomain.",{"type":62,"tag":646,"props":5565,"children":5567},{"id":5566},"_6-in-client-oauth-vs-web-oauth",[5568],{"type":67,"value":5569},"6. In-Client OAuth vs Web OAuth",{"type":62,"tag":70,"props":5571,"children":5572},{},[5573,5575,5581],{"type":67,"value":5574},"Use ",{"type":62,"tag":76,"props":5576,"children":5578},{"className":5577},[],[5579],{"type":67,"value":5580},"zoomSdk.authorize()",{"type":67,"value":5582}," (In-Client) for best UX - no browser redirect. Only fall back to web redirect for initial install from Marketplace.",{"type":62,"tag":646,"props":5584,"children":5586},{"id":5585},"_7-camera-mode-cef-race-condition",[5587],{"type":67,"value":5588},"7. Camera Mode CEF Race Condition",{"type":62,"tag":70,"props":5590,"children":5591},{},[5592,5594,5599,5601,5607],{"type":67,"value":5593},"Camera mode uses CEF which takes time to initialize. ",{"type":62,"tag":76,"props":5595,"children":5597},{"className":5596},[],[5598],{"type":67,"value":4044},{"type":67,"value":5600},"\u002F",{"type":62,"tag":76,"props":5602,"children":5604},{"className":5603},[],[5605],{"type":67,"value":5606},"drawWebView",{"type":67,"value":5608}," may fail if called too early. Implement retry with exponential backoff.",{"type":62,"tag":646,"props":5610,"children":5612},{"id":5611},"_8-cookie-configuration",[5613],{"type":67,"value":5614},"8. Cookie Configuration",{"type":62,"tag":70,"props":5616,"children":5617},{},[5618,5620,5626,5627,5633],{"type":67,"value":5619},"Zoom's embedded browser requires cookies with ",{"type":62,"tag":76,"props":5621,"children":5623},{"className":5622},[],[5624],{"type":67,"value":5625},"SameSite=None",{"type":67,"value":4240},{"type":62,"tag":76,"props":5628,"children":5630},{"className":5629},[],[5631],{"type":67,"value":5632},"Secure=true",{"type":67,"value":5634},". Without this, sessions break silently.",{"type":62,"tag":646,"props":5636,"children":5638},{"id":5637},"_9-state-validation",[5639],{"type":67,"value":5640},"9. State Validation",{"type":62,"tag":70,"props":5642,"children":5643},{},[5644,5646,5652],{"type":67,"value":5645},"Always validate the OAuth ",{"type":62,"tag":76,"props":5647,"children":5649},{"className":5648},[],[5650],{"type":67,"value":5651},"state",{"type":67,"value":5653}," parameter to prevent CSRF attacks. Generate cryptographically random state, store it, and verify on callback.",{"type":62,"tag":138,"props":5655,"children":5657},{"id":5656},"resources",[5658],{"type":67,"value":5659},"Resources",{"type":62,"tag":274,"props":5661,"children":5662},{},[5663,5677,5691,5705,5720],{"type":62,"tag":157,"props":5664,"children":5665},{},[5666,5671,5672],{"type":62,"tag":98,"props":5667,"children":5668},{},[5669],{"type":67,"value":5670},"Official docs",{"type":67,"value":104},{"type":62,"tag":106,"props":5673,"children":5675},{"href":108,"rel":5674},[110],[5676],{"type":67,"value":108},{"type":62,"tag":157,"props":5678,"children":5679},{},[5680,5685,5686],{"type":62,"tag":98,"props":5681,"children":5682},{},[5683],{"type":67,"value":5684},"SDK reference",{"type":67,"value":104},{"type":62,"tag":106,"props":5687,"children":5689},{"href":121,"rel":5688},[110],[5690],{"type":67,"value":121},{"type":62,"tag":157,"props":5692,"children":5693},{},[5694,5699,5700],{"type":62,"tag":98,"props":5695,"children":5696},{},[5697],{"type":67,"value":5698},"NPM package",{"type":67,"value":104},{"type":62,"tag":106,"props":5701,"children":5703},{"href":133,"rel":5702},[110],[5704],{"type":67,"value":133},{"type":62,"tag":157,"props":5706,"children":5707},{},[5708,5713,5714],{"type":62,"tag":98,"props":5709,"children":5710},{},[5711],{"type":67,"value":5712},"Developer forum",{"type":67,"value":104},{"type":62,"tag":106,"props":5715,"children":5718},{"href":5716,"rel":5717},"https:\u002F\u002Fdevforum.zoom.us\u002F",[110],[5719],{"type":67,"value":5716},{"type":62,"tag":157,"props":5721,"children":5722},{},[5723,5728,5729],{"type":62,"tag":98,"props":5724,"children":5725},{},[5726],{"type":67,"value":5727},"GitHub SDK source",{"type":67,"value":104},{"type":62,"tag":106,"props":5730,"children":5733},{"href":5731,"rel":5732},"https:\u002F\u002Fgithub.com\u002Fzoom\u002Fappssdk",[110],[5734],{"type":67,"value":5731},{"type":62,"tag":5736,"props":5737,"children":5738},"hr",{},[],{"type":62,"tag":70,"props":5740,"children":5741},{},[5742,5747],{"type":62,"tag":98,"props":5743,"children":5744},{},[5745],{"type":67,"value":5746},"Need help?",{"type":67,"value":5748}," Start with Integrated Index section below for complete navigation.",{"type":62,"tag":5736,"props":5750,"children":5751},{},[],{"type":62,"tag":138,"props":5753,"children":5755},{"id":5754},"integrated-index",[5756],{"type":67,"value":248},{"type":62,"tag":70,"props":5758,"children":5759},{},[5760],{"type":62,"tag":5761,"props":5762,"children":5763},"em",{},[5764,5766,5772],{"type":67,"value":5765},"This section was migrated from ",{"type":62,"tag":76,"props":5767,"children":5769},{"className":5768},[],[5770],{"type":67,"value":5771},"SKILL.md",{"type":67,"value":822},{"type":62,"tag":138,"props":5774,"children":5776},{"id":5775},"quick-start-path",[5777],{"type":67,"value":5778},"Quick Start Path",{"type":62,"tag":70,"props":5780,"children":5781},{},[5782],{"type":62,"tag":98,"props":5783,"children":5784},{},[5785],{"type":67,"value":5786},"If you're new to Zoom Apps, follow this order:",{"type":62,"tag":153,"props":5788,"children":5789},{},[5790,5804,5830,5856,5882,5908,5934],{"type":62,"tag":157,"props":5791,"children":5792},{},[5793,5798,5800],{"type":62,"tag":98,"props":5794,"children":5795},{},[5796],{"type":67,"value":5797},"Run preflight checks first",{"type":67,"value":5799}," -> ",{"type":62,"tag":106,"props":5801,"children":5802},{"href":259},[5803],{"type":67,"value":259},{"type":62,"tag":157,"props":5805,"children":5806},{},[5807,5812,5813,5817],{"type":62,"tag":98,"props":5808,"children":5809},{},[5810],{"type":67,"value":5811},"Read the architecture",{"type":67,"value":5799},{"type":62,"tag":106,"props":5814,"children":5815},{"href":165},[5816],{"type":67,"value":165},{"type":62,"tag":274,"props":5818,"children":5819},{},[5820,5825],{"type":62,"tag":157,"props":5821,"children":5822},{},[5823],{"type":67,"value":5824},"Frontend\u002Fbackend pattern, embedded browser, deep linking",{"type":62,"tag":157,"props":5826,"children":5827},{},[5828],{"type":67,"value":5829},"Understand how Zoom loads and communicates with your app",{"type":62,"tag":157,"props":5831,"children":5832},{},[5833,5838,5839,5843],{"type":62,"tag":98,"props":5834,"children":5835},{},[5836],{"type":67,"value":5837},"Build your first app",{"type":67,"value":5799},{"type":62,"tag":106,"props":5840,"children":5841},{"href":179},[5842],{"type":67,"value":179},{"type":62,"tag":274,"props":5844,"children":5845},{},[5846,5851],{"type":62,"tag":157,"props":5847,"children":5848},{},[5849],{"type":67,"value":5850},"Complete Express + SDK Hello World",{"type":62,"tag":157,"props":5852,"children":5853},{},[5854],{"type":67,"value":5855},"ngrok setup for local development",{"type":62,"tag":157,"props":5857,"children":5858},{},[5859,5864,5865,5869],{"type":62,"tag":98,"props":5860,"children":5861},{},[5862],{"type":67,"value":5863},"Understand running contexts",{"type":67,"value":5799},{"type":62,"tag":106,"props":5866,"children":5867},{"href":193},[5868],{"type":67,"value":193},{"type":62,"tag":274,"props":5870,"children":5871},{},[5872,5877],{"type":62,"tag":157,"props":5873,"children":5874},{},[5875],{"type":67,"value":5876},"Where your app runs (inMeeting, inMainClient, inWebinar, etc.)",{"type":62,"tag":157,"props":5878,"children":5879},{},[5880],{"type":67,"value":5881},"Context-specific APIs and limitations",{"type":62,"tag":157,"props":5883,"children":5884},{},[5885,5890,5891,5895],{"type":62,"tag":98,"props":5886,"children":5887},{},[5888],{"type":67,"value":5889},"Implement OAuth",{"type":67,"value":5799},{"type":62,"tag":106,"props":5892,"children":5893},{"href":221},[5894],{"type":67,"value":221},{"type":62,"tag":274,"props":5896,"children":5897},{},[5898,5903],{"type":62,"tag":157,"props":5899,"children":5900},{},[5901],{"type":67,"value":5902},"In-Client OAuth with PKCE (best UX)",{"type":62,"tag":157,"props":5904,"children":5905},{},[5906],{"type":67,"value":5907},"Token exchange and storage",{"type":62,"tag":157,"props":5909,"children":5910},{},[5911,5916,5917,5921],{"type":62,"tag":98,"props":5912,"children":5913},{},[5914],{"type":67,"value":5915},"Add features",{"type":67,"value":5799},{"type":62,"tag":106,"props":5918,"children":5919},{"href":235},[5920],{"type":67,"value":235},{"type":62,"tag":274,"props":5922,"children":5923},{},[5924,5929],{"type":62,"tag":157,"props":5925,"children":5926},{},[5927],{"type":67,"value":5928},"100+ SDK methods organized by category",{"type":62,"tag":157,"props":5930,"children":5931},{},[5932],{"type":67,"value":5933},"Code examples for each",{"type":62,"tag":157,"props":5935,"children":5936},{},[5937,5942,5943,5947],{"type":62,"tag":98,"props":5938,"children":5939},{},[5940],{"type":67,"value":5941},"Troubleshoot",{"type":67,"value":5799},{"type":62,"tag":106,"props":5944,"children":5945},{"href":376},[5946],{"type":67,"value":376},{"type":62,"tag":274,"props":5948,"children":5949},{},[5950],{"type":62,"tag":157,"props":5951,"children":5952},{},[5953],{"type":67,"value":5954},"Quick diagnostics for common problems",{"type":62,"tag":5736,"props":5956,"children":5957},{},[],{"type":62,"tag":138,"props":5959,"children":5961},{"id":5960},"documentation-structure",[5962],{"type":67,"value":5963},"Documentation Structure",{"type":62,"tag":653,"props":5965,"children":5969},{"className":5966,"code":5968,"language":67},[5967],"language-text","zoom-apps-sdk\u002F\n├── SKILL.md                           # Main skill overview\n├── SKILL.md                           # This file - navigation guide\n│\n├── concepts\u002F                          # Core architectural patterns\n│   ├── architecture.md               # Frontend\u002Fbackend, embedded browser, OAuth flow\n│   ├── running-contexts.md           # Where your app runs + context-specific APIs\n│   └── security.md                   # OWASP headers, CSP, data access layers\n│\n├── examples\u002F                          # Complete working code\n│   ├── quick-start.md                # Hello World - minimal Express + SDK app\n│   ├── in-client-oauth.md            # In-Client OAuth with PKCE\n│   ├── layers-immersive.md           # Layers API - immersive mode (custom layouts)\n│   ├── layers-camera.md              # Layers API - camera mode (virtual camera)\n│   ├── collaborate-mode.md           # Collaborate mode (shared state)\n│   ├── guest-mode.md                 # Guest mode (unauthenticated -> authorized)\n│   ├── breakout-rooms.md             # Breakout room integration\n│   └── app-communication.md          # connect + postMessage between instances\n│\n├── troubleshooting\u002F                   # Problem solving guides\n│   ├── common-issues.md              # Quick diagnostics, error codes\n│   ├── debugging.md                  # Local dev setup, ngrok, browser preview\n│   └── migration.md                  # SDK version migration notes\n│\n└── references\u002F                        # Reference documentation\n    ├── apis.md                        # Complete API reference (100+ methods)\n    ├── events.md                      # All SDK events\n    ├── layers-api.md                  # Layers API detailed reference\n    ├── oauth.md                       # OAuth flows for Zoom Apps\n    └── zmail-sdk.md                   # Zoom Mail integration\n",[5970],{"type":62,"tag":76,"props":5971,"children":5972},{"__ignoreMap":658},[5973],{"type":67,"value":5968},{"type":62,"tag":5736,"props":5975,"children":5976},{},[],{"type":62,"tag":138,"props":5978,"children":5980},{"id":5979},"by-use-case",[5981],{"type":67,"value":5982},"By Use Case",{"type":62,"tag":646,"props":5984,"children":5986},{"id":5985},"i-want-to-build-a-basic-zoom-app",[5987],{"type":67,"value":5988},"I want to build a basic Zoom App",{"type":62,"tag":153,"props":5990,"children":5991},{},[5992,6001,6010,6019],{"type":62,"tag":157,"props":5993,"children":5994},{},[5995,5999],{"type":62,"tag":106,"props":5996,"children":5997},{"href":165},[5998],{"type":67,"value":168},{"type":67,"value":6000}," - Understand the pattern",{"type":62,"tag":157,"props":6002,"children":6003},{},[6004,6008],{"type":62,"tag":106,"props":6005,"children":6006},{"href":179},[6007],{"type":67,"value":182},{"type":67,"value":6009}," - Build Hello World",{"type":62,"tag":157,"props":6011,"children":6012},{},[6013,6017],{"type":62,"tag":106,"props":6014,"children":6015},{"href":221},[6016],{"type":67,"value":224},{"type":67,"value":6018}," - Add authorization",{"type":62,"tag":157,"props":6020,"children":6021},{},[6022,6026],{"type":62,"tag":106,"props":6023,"children":6024},{"href":4720},[6025],{"type":67,"value":4723},{"type":67,"value":6027}," - Required headers",{"type":62,"tag":646,"props":6029,"children":6031},{"id":6030},"i-want-immersive-video-layouts-layers-api",[6032],{"type":67,"value":6033},"I want immersive video layouts (Layers API)",{"type":62,"tag":153,"props":6035,"children":6036},{},[6037,6046,6055],{"type":62,"tag":157,"props":6038,"children":6039},{},[6040,6044],{"type":62,"tag":106,"props":6041,"children":6042},{"href":429},[6043],{"type":67,"value":4238},{"type":67,"value":6045}," - Custom video positions",{"type":62,"tag":157,"props":6047,"children":6048},{},[6049,6053],{"type":62,"tag":106,"props":6050,"children":6051},{"href":311},[6052],{"type":67,"value":4924},{"type":67,"value":6054}," - All drawing methods",{"type":62,"tag":157,"props":6056,"children":6057},{},[6058,6062],{"type":62,"tag":106,"props":6059,"children":6060},{"href":4830},[6061],{"type":67,"value":549},{"type":67,"value":6063}," - Sync layout across participants",{"type":62,"tag":646,"props":6065,"children":6067},{"id":6066},"i-want-a-virtual-camera-overlay",[6068],{"type":67,"value":6069},"I want a virtual camera overlay",{"type":62,"tag":153,"props":6071,"children":6072},{},[6073,6082],{"type":62,"tag":157,"props":6074,"children":6075},{},[6076,6080],{"type":62,"tag":106,"props":6077,"children":6078},{"href":440},[6079],{"type":67,"value":443},{"type":67,"value":6081}," - Camera mode rendering",{"type":62,"tag":157,"props":6083,"children":6084},{},[6085,6089],{"type":62,"tag":106,"props":6086,"children":6087},{"href":311},[6088],{"type":67,"value":4924},{"type":67,"value":6090}," - Drawing methods",{"type":62,"tag":646,"props":6092,"children":6094},{"id":6093},"i-want-real-time-collaboration",[6095],{"type":67,"value":6096},"I want real-time collaboration",{"type":62,"tag":153,"props":6098,"children":6099},{},[6100,6109],{"type":62,"tag":157,"props":6101,"children":6102},{},[6103,6107],{"type":62,"tag":106,"props":6104,"children":6105},{"href":4789},[6106],{"type":67,"value":539},{"type":67,"value":6108}," - Shared state APIs",{"type":62,"tag":157,"props":6110,"children":6111},{},[6112,6116],{"type":62,"tag":106,"props":6113,"children":6114},{"href":4830},[6115],{"type":67,"value":549},{"type":67,"value":6117}," - Instance messaging",{"type":62,"tag":646,"props":6119,"children":6121},{"id":6120},"i-want-guestanonymous-access",[6122],{"type":67,"value":6123},"I want guest\u002Fanonymous access",{"type":62,"tag":153,"props":6125,"children":6126},{},[6127,6136],{"type":62,"tag":157,"props":6128,"children":6129},{},[6130,6134],{"type":62,"tag":106,"props":6131,"children":6132},{"href":4802},[6133],{"type":67,"value":4805},{"type":67,"value":6135}," - Three authorization states",{"type":62,"tag":157,"props":6137,"children":6138},{},[6139,6143],{"type":62,"tag":106,"props":6140,"children":6141},{"href":221},[6142],{"type":67,"value":224},{"type":67,"value":6144}," - promptAuthorize flow",{"type":62,"tag":646,"props":6146,"children":6148},{"id":6147},"i-want-breakout-room-support",[6149],{"type":67,"value":6150},"I want breakout room support",{"type":62,"tag":153,"props":6152,"children":6153},{},[6154],{"type":62,"tag":157,"props":6155,"children":6156},{},[6157,6161],{"type":62,"tag":106,"props":6158,"children":6159},{"href":4816},[6160],{"type":67,"value":4819},{"type":67,"value":6162}," - Room detection and state sync",{"type":62,"tag":646,"props":6164,"children":6166},{"id":6165},"i-want-to-sync-between-main-client-and-meeting",[6167],{"type":67,"value":6168},"I want to sync between main client and meeting",{"type":62,"tag":153,"props":6170,"children":6171},{},[6172,6181],{"type":62,"tag":157,"props":6173,"children":6174},{},[6175,6179],{"type":62,"tag":106,"props":6176,"children":6177},{"href":4830},[6178],{"type":67,"value":549},{"type":67,"value":6180}," - connect + postMessage",{"type":62,"tag":157,"props":6182,"children":6183},{},[6184,6188],{"type":62,"tag":106,"props":6185,"children":6186},{"href":193},[6187],{"type":67,"value":196},{"type":67,"value":6189}," - Multi-instance behavior",{"type":62,"tag":646,"props":6191,"children":6193},{"id":6192},"i-want-serverless-deployment",[6194],{"type":67,"value":6195},"I want serverless deployment",{"type":62,"tag":153,"props":6197,"children":6198},{},[6199,6208],{"type":62,"tag":157,"props":6200,"children":6201},{},[6202,6206],{"type":62,"tag":106,"props":6203,"children":6204},{"href":179},[6205],{"type":67,"value":182},{"type":67,"value":6207}," - Understand the base pattern first",{"type":62,"tag":157,"props":6209,"children":6210},{},[6211,6213,6218],{"type":67,"value":6212},"Sample: ",{"type":62,"tag":106,"props":6214,"children":6216},{"href":5135,"rel":6215},[110],[6217],{"type":67,"value":5139},{"type":67,"value":6219}," - Firebase pattern",{"type":62,"tag":646,"props":6221,"children":6223},{"id":6222},"i-want-to-add-zoom-mail-integration",[6224],{"type":67,"value":6225},"I want to add Zoom Mail integration",{"type":62,"tag":153,"props":6227,"children":6228},{},[6229],{"type":62,"tag":157,"props":6230,"children":6231},{},[6232,6237],{"type":62,"tag":106,"props":6233,"children":6234},{"href":339},[6235],{"type":67,"value":6236},"Zoom Mail Reference",{"type":67,"value":6238}," - REST API + mail plugins",{"type":62,"tag":646,"props":6240,"children":6242},{"id":6241},"im-getting-errors",[6243],{"type":67,"value":6244},"I'm getting errors",{"type":62,"tag":153,"props":6246,"children":6247},{},[6248,6257,6266],{"type":62,"tag":157,"props":6249,"children":6250},{},[6251,6255],{"type":62,"tag":106,"props":6252,"children":6253},{"href":376},[6254],{"type":67,"value":379},{"type":67,"value":6256}," - Quick diagnostic table",{"type":62,"tag":157,"props":6258,"children":6259},{},[6260,6264],{"type":62,"tag":106,"props":6261,"children":6262},{"href":387},[6263],{"type":67,"value":4866},{"type":67,"value":6265}," - Local dev setup, DevTools",{"type":62,"tag":157,"props":6267,"children":6268},{},[6269,6273],{"type":62,"tag":106,"props":6270,"children":6271},{"href":398},[6272],{"type":67,"value":4879},{"type":67,"value":6274}," - Version compatibility",{"type":62,"tag":5736,"props":6276,"children":6277},{},[],{"type":62,"tag":138,"props":6279,"children":6281},{"id":6280},"most-critical-documents",[6282],{"type":67,"value":6283},"Most Critical Documents",{"type":62,"tag":646,"props":6285,"children":6287},{"id":6286},"_1-architecture-foundation",[6288],{"type":67,"value":6289},"1. Architecture (FOUNDATION)",{"type":62,"tag":70,"props":6291,"children":6292},{},[6293],{"type":62,"tag":98,"props":6294,"children":6295},{},[6296],{"type":62,"tag":106,"props":6297,"children":6298},{"href":165},[6299],{"type":67,"value":165},{"type":62,"tag":70,"props":6301,"children":6302},{},[6303],{"type":67,"value":6304},"Understand how Zoom Apps work: Frontend in embedded browser, backend for OAuth\u002FAPI, SDK as the bridge. Without this, nothing else makes sense.",{"type":62,"tag":646,"props":6306,"children":6308},{"id":6307},"_2-quick-start-first-app",[6309],{"type":67,"value":6310},"2. Quick Start (FIRST APP)",{"type":62,"tag":70,"props":6312,"children":6313},{},[6314],{"type":62,"tag":98,"props":6315,"children":6316},{},[6317],{"type":62,"tag":106,"props":6318,"children":6319},{"href":179},[6320],{"type":67,"value":179},{"type":62,"tag":70,"props":6322,"children":6323},{},[6324],{"type":67,"value":6325},"Complete working code. Get something running before diving into advanced features.",{"type":62,"tag":646,"props":6327,"children":6329},{"id":6328},"_3-common-issues-most-common-problems",[6330],{"type":67,"value":6331},"3. Common Issues (MOST COMMON PROBLEMS)",{"type":62,"tag":70,"props":6333,"children":6334},{},[6335],{"type":62,"tag":98,"props":6336,"children":6337},{},[6338],{"type":62,"tag":106,"props":6339,"children":6340},{"href":376},[6341],{"type":67,"value":376},{"type":62,"tag":70,"props":6343,"children":6344},{},[6345],{"type":67,"value":6346},"90% of Zoom Apps issues are: domain allowlist, global variable conflict, or missing capabilities.",{"type":62,"tag":5736,"props":6348,"children":6349},{},[],{"type":62,"tag":138,"props":6351,"children":6353},{"id":6352},"key-learnings",[6354],{"type":67,"value":6355},"Key Learnings",{"type":62,"tag":646,"props":6357,"children":6359},{"id":6358},"critical-discoveries",[6360],{"type":67,"value":6361},"Critical Discoveries:",{"type":62,"tag":153,"props":6363,"children":6364},{},[6365,6410,6443,6475,6506,6545,6571],{"type":62,"tag":157,"props":6366,"children":6367},{},[6368,6373],{"type":62,"tag":98,"props":6369,"children":6370},{},[6371],{"type":67,"value":6372},"Global Variable Conflict is the #1 Gotcha",{"type":62,"tag":274,"props":6374,"children":6375},{},[6376,6388,6399],{"type":62,"tag":157,"props":6377,"children":6378},{},[6379,6381,6386],{"type":67,"value":6380},"CDN script defines ",{"type":62,"tag":76,"props":6382,"children":6384},{"className":6383},[],[6385],{"type":67,"value":2105},{"type":67,"value":6387}," globally",{"type":62,"tag":157,"props":6389,"children":6390},{},[6391,6397],{"type":62,"tag":76,"props":6392,"children":6394},{"className":6393},[],[6395],{"type":67,"value":6396},"let zoomSdk = ...",{"type":67,"value":6398}," causes SyntaxError in Zoom's browser",{"type":62,"tag":157,"props":6400,"children":6401},{},[6402,6403,6408],{"type":67,"value":5574},{"type":62,"tag":76,"props":6404,"children":6406},{"className":6405},[],[6407],{"type":67,"value":5406},{"type":67,"value":6409}," or NPM import",{"type":62,"tag":157,"props":6411,"children":6412},{},[6413,6418],{"type":62,"tag":98,"props":6414,"children":6415},{},[6416],{"type":67,"value":6417},"Domain Allowlist is Non-Negotiable",{"type":62,"tag":274,"props":6419,"children":6420},{},[6421,6426,6438],{"type":62,"tag":157,"props":6422,"children":6423},{},[6424],{"type":67,"value":6425},"App shows blank panel with zero error if domain not whitelisted",{"type":62,"tag":157,"props":6427,"children":6428},{},[6429,6431,6436],{"type":67,"value":6430},"Must include your domain AND ",{"type":62,"tag":76,"props":6432,"children":6434},{"className":6433},[],[6435],{"type":67,"value":5432},{"type":67,"value":6437}," AND any CDN domains",{"type":62,"tag":157,"props":6439,"children":6440},{},[6441],{"type":67,"value":6442},"ngrok URLs change on restart - must update Marketplace each time",{"type":62,"tag":157,"props":6444,"children":6445},{},[6446,6451],{"type":62,"tag":98,"props":6447,"children":6448},{},[6449],{"type":67,"value":6450},"config() Gates Everything",{"type":62,"tag":274,"props":6452,"children":6453},{},[6454,6459,6464],{"type":62,"tag":157,"props":6455,"children":6456},{},[6457],{"type":67,"value":6458},"Must be called first, must list all capabilities",{"type":62,"tag":157,"props":6460,"children":6461},{},[6462],{"type":67,"value":6463},"Unlisted capabilities throw errors",{"type":62,"tag":157,"props":6465,"children":6466},{},[6467,6468,6473],{"type":67,"value":3243},{"type":62,"tag":76,"props":6469,"children":6471},{"className":6470},[],[6472],{"type":67,"value":3249},{"type":67,"value":6474}," for client version compatibility",{"type":62,"tag":157,"props":6476,"children":6477},{},[6478,6483],{"type":62,"tag":98,"props":6479,"children":6480},{},[6481],{"type":67,"value":6482},"In-Client OAuth > Web OAuth for UX",{"type":62,"tag":274,"props":6484,"children":6485},{},[6486,6496,6501],{"type":62,"tag":157,"props":6487,"children":6488},{},[6489,6494],{"type":62,"tag":76,"props":6490,"children":6492},{"className":6491},[],[6493],{"type":67,"value":4582},{"type":67,"value":6495}," keeps user in Zoom (no browser redirect)",{"type":62,"tag":157,"props":6497,"children":6498},{},[6499],{"type":67,"value":6500},"Web redirect only needed for initial Marketplace install",{"type":62,"tag":157,"props":6502,"children":6503},{},[6504],{"type":67,"value":6505},"Always implement PKCE (code_verifier + code_challenge)",{"type":62,"tag":157,"props":6507,"children":6508},{},[6509,6514],{"type":62,"tag":98,"props":6510,"children":6511},{},[6512],{"type":67,"value":6513},"Two App Instances Can Run Simultaneously",{"type":62,"tag":274,"props":6515,"children":6516},{},[6517,6522,6540],{"type":62,"tag":157,"props":6518,"children":6519},{},[6520],{"type":67,"value":6521},"Main client instance + meeting instance",{"type":62,"tag":157,"props":6523,"children":6524},{},[6525,6526,6531,6533,6538],{"type":67,"value":5574},{"type":62,"tag":76,"props":6527,"children":6529},{"className":6528},[],[6530],{"type":67,"value":4599},{"type":67,"value":6532}," + ",{"type":62,"tag":76,"props":6534,"children":6536},{"className":6535},[],[6537],{"type":67,"value":4616},{"type":67,"value":6539}," to sync between them",{"type":62,"tag":157,"props":6541,"children":6542},{},[6543],{"type":67,"value":6544},"Pre-meeting setup in main client, use in meeting",{"type":62,"tag":157,"props":6546,"children":6547},{},[6548,6553],{"type":62,"tag":98,"props":6549,"children":6550},{},[6551],{"type":67,"value":6552},"Camera Mode Has CEF Quirks",{"type":62,"tag":274,"props":6554,"children":6555},{},[6556,6561,6566],{"type":62,"tag":157,"props":6557,"children":6558},{},[6559],{"type":67,"value":6560},"CEF initialization takes time",{"type":62,"tag":157,"props":6562,"children":6563},{},[6564],{"type":67,"value":6565},"Draw calls may fail if too early",{"type":62,"tag":157,"props":6567,"children":6568},{},[6569],{"type":67,"value":6570},"Use retry with exponential backoff",{"type":62,"tag":157,"props":6572,"children":6573},{},[6574,6579],{"type":62,"tag":98,"props":6575,"children":6576},{},[6577],{"type":67,"value":6578},"Cookie Settings Matter",{"type":62,"tag":274,"props":6580,"children":6581},{},[6582,6598],{"type":62,"tag":157,"props":6583,"children":6584},{},[6585,6590,6591,6596],{"type":62,"tag":76,"props":6586,"children":6588},{"className":6587},[],[6589],{"type":67,"value":5625},{"type":67,"value":6532},{"type":62,"tag":76,"props":6592,"children":6594},{"className":6593},[],[6595],{"type":67,"value":5632},{"type":67,"value":6597}," required",{"type":62,"tag":157,"props":6599,"children":6600},{},[6601],{"type":67,"value":6602},"Without this, sessions silently fail in embedded browser",{"type":62,"tag":5736,"props":6604,"children":6605},{},[],{"type":62,"tag":138,"props":6607,"children":6609},{"id":6608},"quick-reference",[6610],{"type":67,"value":6611},"Quick Reference",{"type":62,"tag":646,"props":6613,"children":6615},{"id":6614},"app-shows-blank-panel",[6616],{"type":67,"value":6617},"\"App shows blank panel\"",{"type":62,"tag":70,"props":6619,"children":6620},{},[6621,6623,6627],{"type":67,"value":6622},"-> ",{"type":62,"tag":106,"props":6624,"children":6625},{"href":376},[6626],{"type":67,"value":366},{"type":67,"value":6628}," - add domain to Marketplace",{"type":62,"tag":646,"props":6630,"children":6632},{"id":6631},"syntaxerror-redeclaration",[6633],{"type":67,"value":6634},"\"SyntaxError: redeclaration\"",{"type":62,"tag":70,"props":6636,"children":6637},{},[6638,6639,6644,6646],{"type":67,"value":6622},{"type":62,"tag":106,"props":6640,"children":6641},{"href":376},[6642],{"type":67,"value":6643},"Global Variable",{"type":67,"value":6645}," - use ",{"type":62,"tag":76,"props":6647,"children":6649},{"className":6648},[],[6650],{"type":67,"value":5406},{"type":62,"tag":646,"props":6652,"children":6654},{"id":6653},"config-throws-error",[6655],{"type":67,"value":6656},"\"config() throws error\"",{"type":62,"tag":70,"props":6658,"children":6659},{},[6660,6661,6666],{"type":67,"value":6622},{"type":62,"tag":106,"props":6662,"children":6663},{"href":387},[6664],{"type":67,"value":6665},"Browser Preview",{"type":67,"value":6667}," - SDK only works inside Zoom",{"type":62,"tag":646,"props":6669,"children":6671},{"id":6670},"api-call-fails-silently",[6672],{"type":67,"value":6673},"\"API call fails silently\"",{"type":62,"tag":70,"props":6675,"children":6676},{},[6677,6678,6683],{"type":67,"value":6622},{"type":62,"tag":106,"props":6679,"children":6680},{"href":376},[6681],{"type":67,"value":6682},"OAuth Scopes",{"type":67,"value":6684}," - add required scopes in Marketplace",{"type":62,"tag":646,"props":6686,"children":6688},{"id":6687},"how-do-i-implement-feature",[6689,6691,6696],{"type":67,"value":6690},"\"How do I implement ",{"type":62,"tag":664,"props":6692,"children":6693},{},[6694],{"type":67,"value":6695},"feature",{"type":67,"value":6697},"?\"",{"type":62,"tag":70,"props":6699,"children":6700},{},[6701,6702,6706],{"type":67,"value":6622},{"type":62,"tag":106,"props":6703,"children":6704},{"href":235},[6705],{"type":67,"value":238},{"type":67,"value":6707}," - find the method, check capabilities needed",{"type":62,"tag":646,"props":6709,"children":6711},{"id":6710},"how-do-i-test-locally",[6712],{"type":67,"value":6713},"\"How do I test locally?\"",{"type":62,"tag":70,"props":6715,"children":6716},{},[6717,6718,6722],{"type":67,"value":6622},{"type":62,"tag":106,"props":6719,"children":6720},{"href":387},[6721],{"type":67,"value":390},{"type":67,"value":6723}," - ngrok + Marketplace config",{"type":62,"tag":5736,"props":6725,"children":6726},{},[],{"type":62,"tag":138,"props":6728,"children":6730},{"id":6729},"document-version",[6731],{"type":67,"value":6732},"Document Version",{"type":62,"tag":70,"props":6734,"children":6735},{},[6736,6738,6743],{"type":67,"value":6737},"Based on ",{"type":62,"tag":98,"props":6739,"children":6740},{},[6741],{"type":67,"value":6742},"@zoom\u002Fappssdk v0.16.x",{"type":67,"value":6744}," (latest: 0.16.26+)",{"type":62,"tag":5736,"props":6746,"children":6747},{},[],{"type":62,"tag":70,"props":6749,"children":6750},{},[6751],{"type":62,"tag":98,"props":6752,"children":6753},{},[6754],{"type":67,"value":6755},"Happy coding!",{"type":62,"tag":70,"props":6757,"children":6758},{},[6759,6761,6765,6767,6771],{"type":67,"value":6760},"Start with ",{"type":62,"tag":106,"props":6762,"children":6763},{"href":165},[6764],{"type":67,"value":168},{"type":67,"value":6766}," to understand the pattern, then ",{"type":62,"tag":106,"props":6768,"children":6769},{"href":179},[6770],{"type":67,"value":182},{"type":67,"value":6772}," to build your first app.",{"type":62,"tag":6774,"props":6775,"children":6776},"style",{},[6777],{"type":67,"value":6778},"html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"items":6780,"total":6964},[6781,6801,6815,6827,6846,6859,6880,6898,6912,6927,6935,6948],{"slug":6782,"name":6782,"fn":6783,"description":6784,"org":6785,"tags":6786,"stars":6798,"repoUrl":6799,"updatedAt":6800},"algorithmic-art","create algorithmic art with p5.js","Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art using code, generative art, algorithmic art, flow fields, or particle systems. Create original algorithmic art rather than copying existing artists' work to avoid copyright violations.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[6787,6790,6793,6796],{"name":6788,"slug":6789,"type":16},"Creative","creative",{"name":6791,"slug":6792,"type":16},"Design","design",{"name":6794,"slug":6795,"type":16},"Generative Art","generative-art",{"name":6797,"slug":690,"type":16},"JavaScript",161831,"https:\u002F\u002Fgithub.com\u002Fanthropics\u002Fskills","2026-04-06T17:56:15.455818",{"slug":6802,"name":6802,"fn":6803,"description":6804,"org":6805,"tags":6806,"stars":6798,"repoUrl":6799,"updatedAt":6814},"brand-guidelines","apply Anthropic brand colors and typography","Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[6807,6810,6811],{"name":6808,"slug":6809,"type":16},"Branding","branding",{"name":6791,"slug":6792,"type":16},{"name":6812,"slug":6813,"type":16},"Typography","typography","2026-04-06T17:56:05.042852",{"slug":6816,"name":6816,"fn":6817,"description":6818,"org":6819,"tags":6820,"stars":6798,"repoUrl":6799,"updatedAt":6826},"canvas-design","create posters and visual art as PNG or PDF","Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work to avoid copyright violations.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[6821,6822,6823],{"name":6788,"slug":6789,"type":16},{"name":6791,"slug":6792,"type":16},{"name":6824,"slug":6825,"type":16},"PDF","pdf","2026-04-06T17:56:03.794732",{"slug":6828,"name":6828,"fn":6829,"description":6830,"org":6831,"tags":6832,"stars":6798,"repoUrl":6799,"updatedAt":6845},"claude-api","build apps with the Claude API","Reference for the Claude API \u002F Anthropic SDK — model ids, pricing, params, streaming, tool use, MCP, agents, caching, token counting, model migration.\nTRIGGER — read BEFORE opening the target file; don't skip because it \"looks like a one-liner\" — whenever: the prompt names Claude\u002FAnthropic in any form (Claude, Anthropic, Fable, Opus, Sonnet, Haiku, `anthropic`, `@anthropic-ai`, `claude-*`, `us.anthropic.*`, `[1m]`); the user asks about an LLM (pricing\u002Fmodel choice\u002Flimits\u002Fcaching) — never answer from memory; OR the task is LLM-shaped with provider unstated (agent\u002FMCP\u002Ftool-definition\u002Fmulti-agent\u002FRAG\u002FLLM-judge\u002Fcomputer-use; generate\u002Fsummarize\u002Fextract\u002Fclassify\u002Frewrite\u002Fconverse over NL; debugging refusals\u002Fcutoffs\u002Fstreaming\u002Ftool-calls\u002Ftokens).\nSKIP only when another provider is being worked on (overrides all triggers): OpenAI\u002FGPT\u002FGemini\u002FLlama\u002FMistral\u002FCohere\u002FOllama named in the query; OR `grep -rE 'openai|langchain_openai|google.generativeai|genai|mistralai|cohere|ollama'` over the project hits (run this grep FIRST if no provider named — don't Read the file).",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[6833,6836,6837,6840,6842],{"name":6834,"slug":6835,"type":16},"Agents","agents",{"name":9,"slug":8,"type":16},{"name":6838,"slug":6839,"type":16},"Anthropic SDK","anthropic-sdk",{"name":6841,"slug":6828,"type":16},"Claude API",{"name":6843,"slug":6844,"type":16},"LLM","llm","2026-07-28T05:36:08.213335",{"slug":6847,"name":6847,"fn":6848,"description":6849,"org":6850,"tags":6851,"stars":6798,"repoUrl":6799,"updatedAt":6858},"doc-coauthoring","co-author documentation and technical specs","Guide users through a structured workflow for co-authoring documentation. Use when user wants to write documentation, proposals, technical specs, decision docs, or similar structured content. This workflow helps users efficiently transfer context, refine content through iteration, and verify the doc works for readers. Trigger when user mentions writing docs, creating proposals, drafting specs, or similar documentation tasks.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[6852,6855],{"name":6853,"slug":6854,"type":16},"Documentation","documentation",{"name":6856,"slug":6857,"type":16},"Technical Writing","technical-writing","2026-04-06T17:56:14.18897",{"slug":6860,"name":6860,"fn":6861,"description":6862,"org":6863,"tags":6864,"stars":6798,"repoUrl":6799,"updatedAt":6879},"docx","create and edit Word documents","Use this skill whenever the user wants to create, read, edit, or manipulate Word documents (.docx files) or Word templates (.dotx files). Triggers include: any mention of 'Word doc', 'word document', '.docx', '.dotx', or requests to produce professional documents with formatting like tables of contents, headings, page numbers, or letterheads. Also use when extracting or reorganizing content from .docx or .dotx files, inserting or replacing images in documents, performing find-and-replace in Word files, working with tracked changes or comments, or converting content into a polished Word document. If the user asks for a 'report', 'memo', 'letter', 'template', or similar deliverable as a Word or .docx file, use this skill. Do NOT use for PDFs, spreadsheets, Google Docs, or general coding tasks unrelated to document generation.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[6865,6868,6870,6873,6876],{"name":6866,"slug":6867,"type":16},"Documents","documents",{"name":6869,"slug":6860,"type":16},"DOCX",{"name":6871,"slug":6872,"type":16},"Office","office",{"name":6874,"slug":6875,"type":16},"Templates","templates",{"name":6877,"slug":6878,"type":16},"Word","word","2026-07-18T05:16:23.136271",{"slug":6881,"name":6881,"fn":6882,"description":6883,"org":6884,"tags":6885,"stars":6798,"repoUrl":6799,"updatedAt":6897},"frontend-design","design production-grade frontend interfaces","Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[6886,6887,6888,6891,6894],{"name":6791,"slug":6792,"type":16},{"name":24,"slug":25,"type":16},{"name":6889,"slug":6890,"type":16},"React","react",{"name":6892,"slug":6893,"type":16},"Tailwind CSS","tailwind-css",{"name":6895,"slug":6896,"type":16},"UI Components","ui-components","2026-04-06T17:56:16.723469",{"slug":6899,"name":6899,"fn":6900,"description":6901,"org":6902,"tags":6903,"stars":6798,"repoUrl":6799,"updatedAt":6911},"internal-comms","write internal company communications","A set of resources to help me write all kinds of internal communications, using the formats that my company likes to use. Claude should use this skill whenever asked to write some sort of internal communications (status reports, leadership updates, 3P updates, company newsletters, FAQs, incident reports, project updates, etc.).",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[6904,6907,6908],{"name":6905,"slug":6906,"type":16},"Communications","communications",{"name":6874,"slug":6875,"type":16},{"name":6909,"slug":6910,"type":16},"Writing","writing","2026-04-06T17:56:20.695522",{"slug":6913,"name":6913,"fn":6914,"description":6915,"org":6916,"tags":6917,"stars":6798,"repoUrl":6799,"updatedAt":6926},"mcp-builder","build MCP servers","Guide for creating high-quality MCP (Model Context Protocol) servers that enable LLMs to interact with external services through well-designed tools. Use when building MCP servers to integrate external APIs or services, whether in Python (FastMCP) or Node\u002FTypeScript (MCP SDK).",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[6918,6919,6922,6923],{"name":6834,"slug":6835,"type":16},{"name":6920,"slug":6921,"type":16},"API Development","api-development",{"name":6843,"slug":6844,"type":16},{"name":6924,"slug":6925,"type":16},"MCP","mcp","2026-04-06T17:56:10.357665",{"slug":6825,"name":6825,"fn":6928,"description":6929,"org":6930,"tags":6931,"stars":6798,"repoUrl":6799,"updatedAt":6934},"read edit and manipulate PDF files","Use this skill whenever the user wants to do anything with PDF files. This includes reading or extracting text\u002Ftables from PDFs, combining or merging multiple PDFs into one, splitting PDFs apart, rotating pages, adding watermarks, creating new PDFs, filling PDF forms, encrypting\u002Fdecrypting PDFs, extracting images, and OCR on scanned PDFs to make them searchable. If the user mentions a .pdf file or asks to produce one, use this skill.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[6932,6933],{"name":6866,"slug":6867,"type":16},{"name":6824,"slug":6825,"type":16},"2026-04-06T17:56:02.483316",{"slug":6936,"name":6936,"fn":6937,"description":6938,"org":6939,"tags":6940,"stars":6798,"repoUrl":6799,"updatedAt":6947},"pptx","create and edit PowerPoint presentations","Use this skill any time a .pptx or .potx file is involved in any way — as input, output, or both. This includes: creating slide decks, pitch decks, or presentations; reading, parsing, or extracting text from any .pptx or .potx file (even if the extracted content will be used elsewhere, like in an email or summary); editing, modifying, or updating existing presentations; combining or splitting slide files; working with templates (.potx), layouts, speaker notes, or comments. Trigger whenever the user mentions \"deck,\" \"slides,\" \"presentation,\" or references a .pptx or .potx filename, regardless of what they plan to do with the content afterward. If a .pptx or .potx file needs to be opened, created, or touched, use this skill.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[6941,6944],{"name":6942,"slug":6943,"type":16},"PowerPoint","powerpoint",{"name":6945,"slug":6946,"type":16},"Presentations","presentations","2026-07-18T05:16:24.1471",{"slug":6949,"name":6949,"fn":6950,"description":6951,"org":6952,"tags":6953,"stars":6798,"repoUrl":6799,"updatedAt":6963},"skill-creator","create and optimize agent skills","Create new skills, modify and improve existing skills, and measure skill performance. Use when users want to create a skill from scratch, edit, or optimize an existing skill, run evals to test a skill, benchmark skill performance with variance analysis, or optimize a skill's description for better triggering accuracy.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[6954,6955,6956,6959,6962],{"name":6834,"slug":6835,"type":16},{"name":6853,"slug":6854,"type":16},{"name":6957,"slug":6958,"type":16},"Evals","evals",{"name":6960,"slug":6961,"type":16},"Performance","performance",{"name":6856,"slug":6857,"type":16},"2026-04-19T06:45:40.804",490,{"items":6966,"total":7072},[6967,6981,6997,7013,7028,7047,7059],{"slug":6968,"name":6968,"fn":6969,"description":6970,"org":6971,"tags":6972,"stars":26,"repoUrl":27,"updatedAt":6980},"accessibility-review","run WCAG accessibility audits","Run a WCAG 2.1 AA accessibility audit on a design or page. Trigger with \"audit accessibility\", \"check a11y\", \"is this accessible?\", or when reviewing a design for color contrast, keyboard navigation, touch target size, or screen reader behavior before handoff.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[6973,6976,6977],{"name":6974,"slug":6975,"type":16},"Accessibility","accessibility",{"name":6791,"slug":6792,"type":16},{"name":6978,"slug":6979,"type":16},"WCAG","wcag","2026-04-06T17:58:05.682394",{"slug":6982,"name":6982,"fn":6983,"description":6984,"org":6985,"tags":6986,"stars":26,"repoUrl":27,"updatedAt":6996},"account-research","research accounts for sales intel","Research a company or person and get actionable sales intel. Works standalone with web search, supercharged when you connect enrichment tools or your CRM. Trigger with \"research [company]\", \"look up [person]\", \"intel on [prospect]\", \"who is [name] at [company]\", or \"tell me about [company]\".",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[6987,6990,6993],{"name":6988,"slug":6989,"type":16},"CRM","crm",{"name":6991,"slug":6992,"type":16},"Research","research",{"name":6994,"slug":6995,"type":16},"Sales","sales","2026-04-06T17:56:41.410418",{"slug":6998,"name":6998,"fn":6999,"description":7000,"org":7001,"tags":7002,"stars":26,"repoUrl":27,"updatedAt":7012},"analyze","answer data questions and run analyses","Answer data questions -- from quick lookups to full analyses. Use when looking up a single metric, investigating what's driving a trend or drop, comparing segments over time, or preparing a formal data report for stakeholders.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[7003,7006,7009],{"name":7004,"slug":7005,"type":16},"Analytics","analytics",{"name":7007,"slug":7008,"type":16},"Data Analysis","data-analysis",{"name":7010,"slug":7011,"type":16},"SQL","sql","2026-04-06T17:57:21.593647",{"slug":7014,"name":7014,"fn":7015,"description":7016,"org":7017,"tags":7018,"stars":26,"repoUrl":27,"updatedAt":7027},"architecture","create and evaluate architecture decision records","Create or evaluate an architecture decision record (ADR). Use when choosing between technologies (e.g., Kafka vs SQS), documenting a design decision with trade-offs and consequences, reviewing a system design proposal, or designing a new component from requirements and constraints.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[7019,7022,7023,7024],{"name":7020,"slug":7021,"type":16},"ADR","adr",{"name":168,"slug":7014,"type":16},{"name":6853,"slug":6854,"type":16},{"name":7025,"slug":7026,"type":16},"Engineering","engineering","2026-04-06T17:57:49.26444",{"slug":7029,"name":7029,"fn":7030,"description":7031,"org":7032,"tags":7033,"stars":26,"repoUrl":27,"updatedAt":7046},"audit-support","support SOX 404 control testing","Support SOX 404 compliance with control testing methodology, sample selection, and documentation standards. Use when generating testing workpapers, selecting audit samples, classifying control deficiencies, or preparing for internal or external audits.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[7034,7037,7040,7043],{"name":7035,"slug":7036,"type":16},"Audit","audit",{"name":7038,"slug":7039,"type":16},"Finance","finance",{"name":7041,"slug":7042,"type":16},"Regulatory Compliance","regulatory-compliance",{"name":7044,"slug":7045,"type":16},"SOX","sox","2026-04-06T17:57:36.714815",{"slug":7048,"name":7048,"fn":7049,"description":7050,"org":7051,"tags":7052,"stars":26,"repoUrl":27,"updatedAt":7058},"brand-review","review content against brand voice","Review content against your brand voice, style guide, and messaging pillars, flagging deviations by severity with specific before\u002Fafter fixes. Use when checking a draft before it ships, when auditing copy for voice consistency and terminology, or when screening for unsubstantiated claims, missing disclaimers, and other legal flags.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[7053,7054,7057],{"name":6808,"slug":6809,"type":16},{"name":7055,"slug":7056,"type":16},"Marketing","marketing",{"name":6909,"slug":6910,"type":16},"2026-04-06T17:58:19.548331",{"slug":7060,"name":7060,"fn":7061,"description":7062,"org":7063,"tags":7064,"stars":26,"repoUrl":27,"updatedAt":7071},"brand-voice-enforcement","enforce brand voice in content","This skill applies brand guidelines to content creation. It should be used when the user asks to \"write an email\", \"draft a proposal\", \"create a pitch deck\", \"write a LinkedIn post\", \"draft a presentation\", \"write a Slack message\", \"draft sales content\", or any content creation request where brand voice should be applied. Also triggers on \"on-brand\", \"brand voice\", \"enforce voice\", \"apply brand guidelines\", \"brand-aligned content\", \"write in our voice\", \"use our brand tone\", \"make this sound like us\", \"rewrite this in our tone\", or \"this doesn't sound on-brand\". Not for generating guidelines from scratch (use guideline-generation) or discovering brand materials (use discover-brand).\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[7065,7066,7067,7070],{"name":6808,"slug":6809,"type":16},{"name":6905,"slug":6906,"type":16},{"name":7068,"slug":7069,"type":16},"Content Creation","content-creation",{"name":6909,"slug":6910,"type":16},"2026-04-06T18:00:23.528956",200]