Be sure to have followed the dev setup before starting to dev on TBAG
Here you’ll have all the information you need to be able develop the with the extensionFirstly you’ll need to download Chrome
Any other Chrome based browser will work, Firefox is not supported for dev (only for dev, normal user can use it normally) at this time
Now in your terminal run this command
bun run watch
After running it, you should see Chrome open automatically, that’s a good sign, now go to the Settings and Extension like the screenshot under
Now enable the Developer mode
And press the Load unpacked, navigate to the extension path and select it, when that’s done the extension should open you the doc and Teams’ website
Now, connect yourself to your Teams account, once that’s done open the extension and enable the Developer Mode, you can choose to enable or disable the Auto-reload on build, which will automatically reload Teams’ page when the watch script detects a change.
A quick refresh of the page and TBAG should be working.
Don’t forget to install React DevTools to work on plugins, it’ll be useful when you make React path for your plugins
Go check Plugins and Themes to understand how they work to make your own one
Plugins
Create your own plugins to extend Teams’ functionality
{"docsConfig":{"theme":"mint","$schema":"https://mintlify.com/docs.json","name":"Teams but (actually) good","colors":{"primary":"#22d3ee","light":"#22d3ee","dark":"#0891b2"},"logo":"https://mintcdn.com/leonimust/FlOr3EYcEJpGerbk/images/tbag-logo-horizental-croped.png?fit=max\u0026auto=format\u0026n=FlOr3EYcEJpGerbk\u0026q=85\u0026s=5596224bc95ffd39a6e81184e9d19346","favicon":"https://mintcdn.com/leonimust/Ye3SabVWv_-JMtgW/images/tbag-logo-notext.ico?fit=max\u0026auto=format\u0026n=Ye3SabVWv_-JMtgW\u0026q=85\u0026s=44504e0692d0a95f245cad9dd1b8b6ed","appearance":{"default":"system"},"navbar":{"links":[],"primary":{"type":"button","label":"Issues","href":"https://github.com/LeonimusTTV/teams-but-actually-good/issues/new?template=bug_report.yml"}},"seo":{"indexing":"all"},"integrations":{"plausible":{"domain":"docs.teamsbutactuallygood.dev","server":"plausible.leonimust.com"}},"contextual":{"options":["copy","view","chatgpt","claude","perplexity","mcp","cursor","vscode"],"display":"header"},"styling":{"latex":false},"navigation":{"pages":[]}},"deployment":{"deploymentMetadataValue":{"subdomain":"leonimust","hasAudioNarration":false,"actualSubdomain":"leonimust","customDomains":["docs.teamsbutactuallygood.dev"],"gitSource":{"type":"github","owner":"leonimusttv","repo":"teams-but-actually-good-docs","deployBranch":"main","contentDirectory":"","isPrivate":false,"mountPath":"","label":""},"chroma":{"liveDeploymentHistoryId":"6a7c2135360bda86bcaa72cb","collectionId":"b93c982c-d62f-4b3b-8d16-c3183efcca22","schemaVersion":"v3","latestBuiltDeploymentHistoryId":"6a7c2135360bda86bcaa72cb"},"feedback":{"thumbs":true,"edits":true,"issues":true,"agentFeedback":true},"entitlements":{},"buildId":"6a7c2135360bda86bcaa72cb:success","clientVersion":"0.0.4021","searchFilterCounts":[{"language":"default","tag":"Guides","count":11},{"language":"default","tag":"Developers","count":4},{"language":"default","tag":"Installation","count":3}]},"assistantConfig":{"enableAskAiButton":false,"enableStarterQuestions":false,"enableContextualStarterQuestions":false,"enableAskAiSearchBar":true},"basePath":"","hasChatPermissions":false,"hasWebMcpPermissions":false,"toggles":[{"name":"kill-isr","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"agent-mintlify-slack","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"agent-integrations-settings","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automations-pr-grouping","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"custom-prefix","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"analytics-v7","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"user-flows-analytics","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"no-publish-flow","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-onboarding","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"llms-txt-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"snapshot-serving-live","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"stripTemperatureMiddleware","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"per-site-search-delta","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"support-platform-pylon-zendesk","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"snapshot-serving","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"instant-rollback","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"granular-notifications-server","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"granular-notifications","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-private-page-search","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automations-fable","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"fixed-ai-action-pricing","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automation-resolve-merge-conflict","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"scoped-publishing","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"mintql","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"page-level-analytics","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-version-history-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"billing-page-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workspace-projects","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"assistant-v5","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"byok-sep-25","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"fork-pr-previews","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"revalidation-jwt","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"vite-origin","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"billing-updated-9-15","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-sso-scim","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"hobby-abuse-scan","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"dashboard-inbox","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-signup","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-enabled","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false}],"googleFontsInlined":false},"customCss":[],"page":{"pagePath":"dev-extension","slug":"/dev-extension","pageMetadata":{"title":"Extension","icon":"browser","description":null,"href":"/dev-extension"},"pageType":"default","mdx":{"mdxSource":{"compiledSource":"\"use strict\";const{Fragment:_Fragment,jsx:_jsx,jsxs:_jsxs}=arguments[0];const{useMDXComponents:_provideComponents}=arguments[0];function _createMdxContent(props){const _components={a:`a`,code:`code`,p:`p`,pre:`pre`,span:`span`,..._provideComponents(),...props.components},{Card,CodeBlock,Frame,Info,OptimizedImage,Tip}=_components;if(!Card)_missingMdxReference(`Card`,true);if(!CodeBlock)_missingMdxReference(`CodeBlock`,true);if(!Frame)_missingMdxReference(`Frame`,true);if(!Info)_missingMdxReference(`Info`,true);if(!OptimizedImage)_missingMdxReference(`OptimizedImage`,true);if(!Tip)_missingMdxReference(`Tip`,true);return _jsxs(_Fragment,{children:[_jsx(Tip,{children:_jsxs(_components.p,{children:[`Be sure to have followed the `,_jsx(_components.a,{href:`/dev-setup`,children:`dev setup`}),` before starting to dev on TBAG`]})}),`\n`,_jsx(_components.p,{children:`Here you’ll have all the information you need to be able develop the with the extension`}),`\n`,_jsxs(_components.p,{children:[`Firstly you’ll need to download `,_jsx(_components.a,{href:`https://www.google.com/intl/fr/chrome/`,children:`Chrome`})]}),`\n`,_jsx(Info,{children:_jsx(_components.p,{children:`Any other Chrome based browser will work, Firefox is not supported for dev (only for dev, normal user can use it normally) at this time`})}),`\n`,_jsx(_components.p,{children:`Now in your terminal run this command`}),`\n`,_jsx(CodeBlock,{filename:``,numberOfLines:`1`,language:`shellscript`,children:_jsx(_components.pre,{className:`shiki shiki-themes github-light-default dark-plus`,style:{backgroundColor:`#ffffff`,\"--shiki-dark-bg\":`#0B0C0E`,color:`#1f2328`,\"--shiki-dark\":`#D4D4D4`},language:`shellscript`,children:_jsxs(_components.code,{language:`shellscript`,numberOfLines:`1`,children:[_jsxs(_components.span,{className:`line`,children:[_jsx(_components.span,{style:{color:`#953800`,\"--shiki-dark\":`#DCDCAA`},children:`bun`}),_jsx(_components.span,{style:{color:`#0A3069`,\"--shiki-dark\":`#CE9178`},children:` run`}),_jsx(_components.span,{style:{color:`#0A3069`,\"--shiki-dark\":`#CE9178`},children:` watch`})]}),`\n`]})})}),`\n`,_jsxs(_components.p,{children:[`After running it, you should see Chrome open automatically, that’s a good sign, now go to the `,_jsx(_components.code,{children:`Settings`}),` and `,_jsx(_components.code,{children:`Extension`}),` like the screenshot under`]}),`\n`,_jsx(Frame,{children:_jsx(OptimizedImage,{src:`https://mintcdn.com/leonimust/XJ9IYzgOkKyje8gc/images/chrome-manage-extension.jpg?fit=max\u0026auto=format\u0026n=XJ9IYzgOkKyje8gc\u0026q=85\u0026s=ca88d54dee663907e68e0d0edd9024e7`,alt:`Chrome Extension`,lightAlt:`Chrome Extension`,darkAlt:`Chrome Extension`,\"data-og-width\":`1092`,width:`1092`,\"data-og-height\":`1428`,height:`1428`,\"data-path\":`images/chrome-manage-extension.jpg`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/leonimust/XJ9IYzgOkKyje8gc/images/chrome-manage-extension.jpg?w=280\u0026fit=max\u0026auto=format\u0026n=XJ9IYzgOkKyje8gc\u0026q=85\u0026s=718482531653a11af84ebffc3cd1f441 280w, https://mintcdn.com/leonimust/XJ9IYzgOkKyje8gc/images/chrome-manage-extension.jpg?w=560\u0026fit=max\u0026auto=format\u0026n=XJ9IYzgOkKyje8gc\u0026q=85\u0026s=e92a8eb061e5657c18e5dac6df83f5ca 560w, https://mintcdn.com/leonimust/XJ9IYzgOkKyje8gc/images/chrome-manage-extension.jpg?w=840\u0026fit=max\u0026auto=format\u0026n=XJ9IYzgOkKyje8gc\u0026q=85\u0026s=f3540bb61229f40cf59e4c1ceae29a2a 840w, https://mintcdn.com/leonimust/XJ9IYzgOkKyje8gc/images/chrome-manage-extension.jpg?w=1100\u0026fit=max\u0026auto=format\u0026n=XJ9IYzgOkKyje8gc\u0026q=85\u0026s=356896b475f30fadfe2d73bb02d8ac6b 1100w, https://mintcdn.com/leonimust/XJ9IYzgOkKyje8gc/images/chrome-manage-extension.jpg?w=1650\u0026fit=max\u0026auto=format\u0026n=XJ9IYzgOkKyje8gc\u0026q=85\u0026s=15528a8c8c6b7480e248f5e70a1a2965 1650w, https://mintcdn.com/leonimust/XJ9IYzgOkKyje8gc/images/chrome-manage-extension.jpg?w=2500\u0026fit=max\u0026auto=format\u0026n=XJ9IYzgOkKyje8gc\u0026q=85\u0026s=1c68cafa588d78de35f893cd7da91ebe 2500w`})}),`\n`,_jsxs(_components.p,{children:[`Now enable the `,_jsx(_components.code,{children:`Developer mode`})]}),`\n`,_jsx(Frame,{children:_jsx(OptimizedImage,{src:`https://mintcdn.com/leonimust/XJ9IYzgOkKyje8gc/images/chrome-enable-devmode.jpg?fit=max\u0026auto=format\u0026n=XJ9IYzgOkKyje8gc\u0026q=85\u0026s=5f6488214d25ba41aa26e183dc80f3c0`,alt:`Chrome Devmod Extension`,\"data-og-width\":`3024`,width:`3024`,\"data-og-height\":`1964`,height:`1964`,\"data-path\":`images/chrome-enable-devmode.jpg`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/leonimust/XJ9IYzgOkKyje8gc/images/chrome-enable-devmode.jpg?w=280\u0026fit=max\u0026auto=format\u0026n=XJ9IYzgOkKyje8gc\u0026q=85\u0026s=6accbd64e3fb69718b1fe64822427b07 280w, https://mintcdn.com/leonimust/XJ9IYzgOkKyje8gc/images/chrome-enable-devmode.jpg?w=560\u0026fit=max\u0026auto=format\u0026n=XJ9IYzgOkKyje8gc\u0026q=85\u0026s=40306ed66787aa03eac90024aea3da9f 560w, https://mintcdn.com/leonimust/XJ9IYzgOkKyje8gc/images/chrome-enable-devmode.jpg?w=840\u0026fit=max\u0026auto=format\u0026n=XJ9IYzgOkKyje8gc\u0026q=85\u0026s=05a47d8c4105cc1c85546b8fa573224d 840w, https://mintcdn.com/leonimust/XJ9IYzgOkKyje8gc/images/chrome-enable-devmode.jpg?w=1100\u0026fit=max\u0026auto=format\u0026n=XJ9IYzgOkKyje8gc\u0026q=85\u0026s=ac31637a04e8ac5d7dd524743eaccdca 1100w, https://mintcdn.com/leonimust/XJ9IYzgOkKyje8gc/images/chrome-enable-devmode.jpg?w=1650\u0026fit=max\u0026auto=format\u0026n=XJ9IYzgOkKyje8gc\u0026q=85\u0026s=21adb079e9d41842e35f55c66a28d920 1650w, https://mintcdn.com/leonimust/XJ9IYzgOkKyje8gc/images/chrome-enable-devmode.jpg?w=2500\u0026fit=max\u0026auto=format\u0026n=XJ9IYzgOkKyje8gc\u0026q=85\u0026s=ac0e676443198fd9e00d3f2159067609 2500w`})}),`\n`,_jsxs(_components.p,{children:[`And press the `,_jsx(_components.code,{children:`Load unpacked`}),`, navigate to the extension path and select it, when that’s done the extension should open you the doc and Teams’ website`]}),`\n`,_jsx(Frame,{children:_jsx(OptimizedImage,{src:`https://mintcdn.com/leonimust/XJ9IYzgOkKyje8gc/images/chrome-load-unpacked-extension.jpg?fit=max\u0026auto=format\u0026n=XJ9IYzgOkKyje8gc\u0026q=85\u0026s=48808f894454aa95f314be1a12352870`,alt:`Chrome Extension List`,\"data-og-width\":`2102`,width:`2102`,\"data-og-height\":`964`,height:`964`,\"data-path\":`images/chrome-load-unpacked-extension.jpg`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/leonimust/XJ9IYzgOkKyje8gc/images/chrome-load-unpacked-extension.jpg?w=280\u0026fit=max\u0026auto=format\u0026n=XJ9IYzgOkKyje8gc\u0026q=85\u0026s=369b11012d7d820692c6ad479753d4a9 280w, https://mintcdn.com/leonimust/XJ9IYzgOkKyje8gc/images/chrome-load-unpacked-extension.jpg?w=560\u0026fit=max\u0026auto=format\u0026n=XJ9IYzgOkKyje8gc\u0026q=85\u0026s=36329e932e2f64538592ce312ca3d8d1 560w, https://mintcdn.com/leonimust/XJ9IYzgOkKyje8gc/images/chrome-load-unpacked-extension.jpg?w=840\u0026fit=max\u0026auto=format\u0026n=XJ9IYzgOkKyje8gc\u0026q=85\u0026s=727e1d3364866b3d603afa07d84e3f24 840w, https://mintcdn.com/leonimust/XJ9IYzgOkKyje8gc/images/chrome-load-unpacked-extension.jpg?w=1100\u0026fit=max\u0026auto=format\u0026n=XJ9IYzgOkKyje8gc\u0026q=85\u0026s=bc9f8610de2730de09d5389120f4bdd9 1100w, https://mintcdn.com/leonimust/XJ9IYzgOkKyje8gc/images/chrome-load-unpacked-extension.jpg?w=1650\u0026fit=max\u0026auto=format\u0026n=XJ9IYzgOkKyje8gc\u0026q=85\u0026s=6d4dedd5df64252618477aa251cc69aa 1650w, https://mintcdn.com/leonimust/XJ9IYzgOkKyje8gc/images/chrome-load-unpacked-extension.jpg?w=2500\u0026fit=max\u0026auto=format\u0026n=XJ9IYzgOkKyje8gc\u0026q=85\u0026s=2c6455c9a9f514d6ad94e788dc23e1f6 2500w`})}),`\n`,_jsxs(_components.p,{children:[`Now, connect yourself to your Teams account, once that’s done open the extension and enable the `,_jsx(_components.code,{children:`Developer Mode`}),`, you can choose to enable or disable the `,_jsx(_components.code,{children:`Auto-reload on build`}),`, which will automatically reload Teams’ page when the `,_jsx(_components.code,{children:`watch script`}),` detects a change.`]}),`\n`,_jsx(Frame,{children:_jsx(OptimizedImage,{src:`https://mintcdn.com/leonimust/XJ9IYzgOkKyje8gc/images/chrome-extension-devmode.jpg?fit=max\u0026auto=format\u0026n=XJ9IYzgOkKyje8gc\u0026q=85\u0026s=f4eab40782b9fe326695a90dbc1a6c95`,alt:`Extension Open`,\"data-og-width\":`536`,width:`536`,\"data-og-height\":`1286`,height:`1286`,\"data-path\":`images/chrome-extension-devmode.jpg`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/leonimust/XJ9IYzgOkKyje8gc/images/chrome-extension-devmode.jpg?w=280\u0026fit=max\u0026auto=format\u0026n=XJ9IYzgOkKyje8gc\u0026q=85\u0026s=f4125c69036320e352324cae515c1a1f 280w, https://mintcdn.com/leonimust/XJ9IYzgOkKyje8gc/images/chrome-extension-devmode.jpg?w=560\u0026fit=max\u0026auto=format\u0026n=XJ9IYzgOkKyje8gc\u0026q=85\u0026s=94e2b39d3a6a4a69b477ed7560db558f 560w, https://mintcdn.com/leonimust/XJ9IYzgOkKyje8gc/images/chrome-extension-devmode.jpg?w=840\u0026fit=max\u0026auto=format\u0026n=XJ9IYzgOkKyje8gc\u0026q=85\u0026s=676b90381f7977368df0c5a843aaf856 840w, https://mintcdn.com/leonimust/XJ9IYzgOkKyje8gc/images/chrome-extension-devmode.jpg?w=1100\u0026fit=max\u0026auto=format\u0026n=XJ9IYzgOkKyje8gc\u0026q=85\u0026s=21595b92369ec7099febf3088027fcd6 1100w, https://mintcdn.com/leonimust/XJ9IYzgOkKyje8gc/images/chrome-extension-devmode.jpg?w=1650\u0026fit=max\u0026auto=format\u0026n=XJ9IYzgOkKyje8gc\u0026q=85\u0026s=59fa68fd1e52fc16f932ba0feaa30c6a 1650w, https://mintcdn.com/leonimust/XJ9IYzgOkKyje8gc/images/chrome-extension-devmode.jpg?w=2500\u0026fit=max\u0026auto=format\u0026n=XJ9IYzgOkKyje8gc\u0026q=85\u0026s=260de9c25414268014c7545dde3cea2c 2500w`})}),`\n`,_jsx(_components.p,{children:`A quick refresh of the page and TBAG should be working.`}),`\n`,_jsx(Tip,{children:_jsxs(_components.p,{children:[`Don’t forget to install `,_jsx(_components.a,{href:`https://chromewebstore.google.com/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi`,children:`React DevTools`}),` to work on plugins, it’ll be useful when you make React path for your plugins`]})}),`\n`,_jsx(_components.p,{children:`Go check Plugins and Themes to understand how they work to make your own one`}),`\n`,_jsx(Card,{title:`Plugins`,icon:`plug`,horizontal:true,href:`/plugins`,children:_jsx(_components.p,{children:`Create your own plugins to extend Teams’ functionality`})}),`\n`,_jsx(Card,{title:`Themes`,icon:`window-maximize`,horizontal:true,href:`/themes`,children:_jsx(_components.p,{children:`Create custom CSS themes for Teams`})})]})}function MDXContent(props={}){const{wrapper:MDXLayout}={..._provideComponents(),...props.components};return MDXLayout?_jsx(MDXLayout,{...props,children:_jsx(_createMdxContent,{...props})}):_createMdxContent(props)}return{default:MDXContent};function _missingMdxReference(id,component){throw new Error(`Expected `+(component?`component`:`object`)+\" `\"+id+\"` to be defined: you likely forgot to import, pass, or provide it.\")}","frontmatter":{},"scope":{"config":{},"pageMetadata":{"title":"Extension","icon":"browser","description":null,"href":"/dev-extension"}}},"mdxSourceWithNoJs":null},"mdxExtracts":{"tableOfContents":[],"codeExamples":{}},"jsLinks":[],"subdomain":"leonimust","siteName":"Teams but (actually) good","title":"Extension - Teams but (actually) good","navMaps":{"firstHrefInVersion":{},"firstHrefInLanguage":{}},"lastModified":"2026-06-17T09:58:14.554Z","originalFileLocation":"dev-extension.mdx"},"headHtml":"\u003cscript data-mint-head>(function(){var d=document.documentElement,p=null;if(!p){try{p=localStorage.getItem(\"isDarkMode\")}catch(e){}if(p==='true')p='dark';else if(p==='false')p='light';if(p!=='light'\u0026\u0026p!=='dark'\u0026\u0026p!=='system')p=\"system\"}var r=p==='system'?(matchMedia(\"(prefers-color-scheme: dark)\").matches?'dark':'light'):p;d.classList.remove(r==='dark'?'light':'dark');d.classList.add(r);d.setAttribute(\"data-theme-preference\",p)})();\u003c/script>\u003cmeta data-mint-head name=\"application-name\" content=\"Teams but (actually) good\">\u003cmeta data-mint-head name=\"generator\" content=\"Mintlify\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"192x192\" href=\"/mintlify-assets/_mintlify/favicons/leonimust/_-RfIIVnZ4cVxluZ/_generated/favicon/android-chrome-192x192.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"apple-touch-icon\" type=\"image/png\" sizes=\"180x180\" href=\"/mintlify-assets/_mintlify/favicons/leonimust/_-RfIIVnZ4cVxluZ/_generated/favicon/apple-touch-icon.png\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/mintlify-assets/_mintlify/favicons/leonimust/_-RfIIVnZ4cVxluZ/_generated/favicon/favicon-16x16.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/mintlify-assets/_mintlify/favicons/leonimust/_-RfIIVnZ4cVxluZ/_generated/favicon/favicon-32x32.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"shortcut icon\" type=\"image/x-icon\" href=\"/mintlify-assets/_mintlify/favicons/leonimust/_-RfIIVnZ4cVxluZ/_generated/favicon/favicon.ico\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"192x192\" href=\"/mintlify-assets/_mintlify/favicons/leonimust/_-RfIIVnZ4cVxluZ/_generated/favicon-dark/android-chrome-192x192.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/mintlify-assets/_mintlify/favicons/leonimust/_-RfIIVnZ4cVxluZ/_generated/favicon-dark/favicon-16x16.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/mintlify-assets/_mintlify/favicons/leonimust/_-RfIIVnZ4cVxluZ/_generated/favicon-dark/favicon-32x32.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"shortcut icon\" type=\"image/x-icon\" href=\"/mintlify-assets/_mintlify/favicons/leonimust/_-RfIIVnZ4cVxluZ/_generated/favicon-dark/favicon.ico\" media=\"(prefers-color-scheme: dark)\">\u003cmeta data-mint-head property=\"og:title\" content=\"Extension - Teams but (actually) good\">\u003cmeta data-mint-head property=\"og:site_name\" content=\"Teams but (actually) good\">\u003cmeta data-mint-head property=\"og:url\" content=\"https://docs.teamsbutactuallygood.dev/dev-extension\">\u003cmeta data-mint-head property=\"og:type\" content=\"website\">\u003cmeta data-mint-head property=\"og:image\" content=\"https://leonimust.mintlify.app/_mintlify/api/og/v2?division=Developers\u0026amp;title=Extension\u0026amp;theme=91441eed20428dad6c5a4383\u0026amp;signature=97cc7936bbb9c406b87d76d669684cd7f5f876179d72ac8159e06d2f033e5a0a\">\u003cmeta data-mint-head property=\"og:image:width\" content=\"1200\">\u003cmeta data-mint-head property=\"og:image:height\" content=\"630\">\u003cmeta data-mint-head name=\"twitter:card\" content=\"summary_large_image\">\u003cmeta data-mint-head name=\"twitter:title\" content=\"Extension - Teams but (actually) good\">\u003cmeta data-mint-head name=\"twitter:image\" content=\"https://leonimust.mintlify.app/_mintlify/api/og/v2?division=Developers\u0026amp;title=Extension\u0026amp;theme=91441eed20428dad6c5a4383\u0026amp;signature=97cc7936bbb9c406b87d76d669684cd7f5f876179d72ac8159e06d2f033e5a0a\">\u003cmeta data-mint-head name=\"twitter:image:width\" content=\"1200\">\u003cmeta data-mint-head name=\"twitter:image:height\" content=\"630\">\u003cmeta data-mint-head name=\"msapplication-config\" content=\"/mintlify-assets/_mintlify/favicons/leonimust/_-RfIIVnZ4cVxluZ/_generated/favicon/browserconfig.xml\">\u003cmeta data-mint-head name=\"apple-mobile-web-app-title\" content=\"Teams but (actually) good\">\u003cmeta data-mint-head name=\"msapplication-TileColor\" content=\"#22d3ee\">\u003clink data-mint-head rel=\"canonical\" href=\"https://docs.teamsbutactuallygood.dev/dev-extension\">\u003clink data-mint-head rel=\"alternate\" type=\"application/xml\" href=\"/sitemap.xml\">\u003clink data-mint-head rel=\"alternate\" type=\"text/markdown\" href=\"/dev-extension.md\">\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https://docs.teamsbutactuallygood.dev/#organization\",\"name\":\"Teams but (actually) good\",\"url\":\"https://docs.teamsbutactuallygood.dev\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https://mintcdn.com/leonimust/FlOr3EYcEJpGerbk/images/tbag-logo-horizental-croped.png?fit=max\u0026auto=format\u0026n=FlOr3EYcEJpGerbk\u0026q=85\u0026s=5596224bc95ffd39a6e81184e9d19346\"}},{\"@type\":\"WebSite\",\"@id\":\"https://docs.teamsbutactuallygood.dev#website\",\"name\":\"Teams but (actually) good\",\"url\":\"https://docs.teamsbutactuallygood.dev\",\"publisher\":{\"@id\":\"https://docs.teamsbutactuallygood.dev/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https://docs.teamsbutactuallygood.dev/dev-extension#webpage\",\"url\":\"https://docs.teamsbutactuallygood.dev/dev-extension\",\"name\":\"Extension\",\"dateModified\":\"2026-06-17T09:58:14.554Z\",\"isPartOf\":{\"@id\":\"https://docs.teamsbutactuallygood.dev#website\"},\"breadcrumb\":{\"@id\":\"https://docs.teamsbutactuallygood.dev/dev-extension#breadcrumb\"}},{\"@type\":\"BreadcrumbList\",\"@id\":\"https://docs.teamsbutactuallygood.dev/dev-extension#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Developers\",\"item\":\"https://docs.teamsbutactuallygood.dev/dev-information\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Extension\",\"item\":\"https://docs.teamsbutactuallygood.dev/dev-extension\"}]},{\"@type\":[\"Article\",\"TechArticle\"],\"@id\":\"https://docs.teamsbutactuallygood.dev/dev-extension#article\",\"headline\":\"Extension\",\"name\":\"Extension\",\"url\":\"https://docs.teamsbutactuallygood.dev/dev-extension\",\"mainEntityOfPage\":{\"@id\":\"https://docs.teamsbutactuallygood.dev/dev-extension#webpage\"},\"dateModified\":\"2026-06-17T09:58:14.554Z\",\"publisher\":{\"@id\":\"https://docs.teamsbutactuallygood.dev/#organization\"},\"isPartOf\":{\"@id\":\"https://docs.teamsbutactuallygood.dev#website\"}}]}\u003c/script>\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@type\":\"WebSite\",\"name\":\"Teams but (actually) good\",\"creator\":{\"@type\":\"Organization\",\"name\":\"Mintlify\",\"url\":\"https://mintlify.com\"}}\u003c/script>","siteName":"Teams but (actually) good","nav":{"global":null,"tabs":[{"tab":"Guides","pages":[{"title":"Introduction","icon":"hourglass-start","href":""},{"title":"Usage","icon":"note","href":"/usage"},{"title":"Sync","icon":"sync","href":"/sync"},{"title":"FAQ","icon":"clipboard-list-check","href":"/faq"},{"group":"Installation","icon":"download","pages":[{"title":"Desktop","icon":"desktop","href":"/desktop"},{"title":"Extension","icon":"browser","href":"/extension"},{"title":"Dev Setup","icon":"computer","href":"/dev-setup"}]},{"group":"Developers","icon":"computer-classic","pages":[{"title":"Information","icon":"info","description":null,"href":"/dev-information"},{"title":"Extension","icon":"browser","href":"/dev-extension"},{"title":"Plugins","icon":"plug","description":null,"href":"/plugins"},{"title":"Themes","icon":"window-maximize","href":"/themes"}]}]}]},"title":"Extension - Teams but (actually) good","buildId":"dpl_EnxDqhjaNc9a8MVa833TGULPd9uJ","deploymentId":"dpl_EnxDqhjaNc9a8MVa833TGULPd9uJ","dynamics":["07c022d89b","a74be98ba7"],"chunks":["Frame-CIbhtp2j.js","DynamicMarkdown-CtpgKJwj.js","zoom-image-lightbox-CVZVK4hN.js","lightbox-handle-r17bVUz3.js"]}