MCPcopy Index your code
hub / github.com/aws/mynah-ui

github.com/aws/mynah-ui @v4.40.3

Chat with this repo
repository ↗ · DeepWiki ↗ · release v4.40.3 ↗ · + Follow
620 symbols 1,447 edges 248 files 2 documented · 0% 1 cross-repo links
What it actually does AI analysis from the code graph — generated when you open this
loading…
README

Mynah UI

A Data & Event Driven Chat Interface Library for Browsers and Webviews

PR Beta Publish Deploy

Mynah UI is a data and event driven chat interface designed for browsers and webviews on IDEs or any platform supporting the latest web technologies. It is utilized by Amazon Q for VSCode, JetBrains, Visual studio and Eclipse.

Mynah UI operates independently of any framework or UI library, enabling seamless integration into any web-based project. This design choice ensures high configurability for theming, supporting various use cases. It functions as a standalone solution, requiring only a designated rendering location within the DOMTree.

Table of contents

Quick links

Setup, configuration and use

To set up your local development environment quickly, run the following command:

npm run dev

This command will: 1. Clean: Remove existing dist and node_modules directories to ensure you're working with a fresh environment. 2. Install: Reinstall all necessary dependencies for both the main project and the example project. 3. Build: Compile the project using Webpack in production mode. 4. Start Example: Install dependencies and build the example project, then start the development server with watch mode enabled. The project will be served on localhost:9000 using live-server. 5. Watch: Start the main project in watch mode. After running this command, any changes you make will automatically rebuild and refresh your development environment, allowing you to work seamlessly.

Guides and documentation

Please refer to the following guides:

Preview

Preview

Supported Browsers

Mynah UI - due to its extensive CSS structure - supports only evergreen browsers, including WebKit-based WebUI renderers.

Security

See CONTRIBUTING for more information.

License

Apache 2.0 License.

Extension points exported contracts — how you extend this code

Window (Interface)
(no doc)
example/src/globals.d.ts
Window (Interface)
(no doc)
ui-tests/src/globals.d.ts
QuickActionCommand (Interface)
(no doc)
src/static.ts
MynahUIProps (Interface)
(no doc)
src/main.ts
SyntaxHighlighterProps (Interface)
(no doc)
src/components/syntax-highlighter.ts
ConfigFullModel (Interface)
(no doc)
src/helper/config.ts
ConfigItem (Interface)
(no doc)
example/src/theme-builder/theme-builder.ts
CustomQuickActionCommand (Interface)
(no doc)
src/static.ts

Core symbols most depended-on inside this repo

getInstance
called by 636
src/helper/config.ts
waitForAnimationEnd
called by 142
ui-tests/__test__/helpers.ts
getSelector
called by 138
ui-tests/__test__/helpers.ts
generateUID
called by 110
src/helper/guid.ts
update
called by 105
src/helper/dom.ts
Log
called by 73
example/src/logger.ts
addClass
called by 44
src/helper/dom.ts
cancelEvent
called by 43
src/helper/events.ts

Shape

Class 186
Method 153
Function 144
Interface 125
Enum 12

Languages

TypeScript100%

Modules by API surface

src/static.ts47 symbols
src/helper/dom.ts20 symbols
src/components/chat-item/prompt-input/prompt-top-bar/prompt-top-bar.ts20 symbols
src/helper/merge-html-plugin.ts10 symbols
src/components/form-items/form-item-pill-box.ts10 symbols
src/components/form-items/form-item-list.ts10 symbols
src/components/chat-item/prompt-input/prompt-top-bar/top-bar-button.ts10 symbols
example/src/theme-builder/theme-builder.ts10 symbols
src/helper/quick-pick-data-handler.ts9 symbols
src/components/tabs.ts9 symbols
src/components/form-items/select.ts9 symbols
src/components/form-items/radio-group.ts9 symbols

Used by 1 indexed graphs manifest dependencies, hub-wide

For agents

$ claude mcp add mynah-ui \
  -- python -m otcore.mcp_server <graph>

⬇ download graph artifact