Skip to content

Add developer toolbar and AI generation tools to extension #8

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
vercel merged 1 commit into from
Oct 8, 2026
Merged

Add developer toolbar and AI generation tools to extension #8

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 2 additions & 2 deletions .eslintrc-auto-import.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -96,6 +96,7 @@
"toReactive": true,
"toRef": true,
"toRefs": true,
"toValue": true,
"triggerRef": true,
"tryOnBeforeMount": true,
"tryOnBeforeUnmount": true,
Expand Down Expand Up @@ -285,7 +286,6 @@
"watchThrottled": true,
"watchTriggerable": true,
"watchWithFilter": true,
"whenever": true,
"toValue": true
"whenever": true
}
}
10 changes: 10 additions & 0 deletions extension/popup.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,16 @@ const browserAPI = typeof browser !== 'undefined' ? browser : chrome;

// Tool categories and their tools (subset of main devtools)
const toolsByCategory = [
{
name: 'AI generation',
tools: [
{ name: 'Generate Image', icon: 'IMG', url: 'https://devtools.khulnasoft.com/generate-image' },
{ name: 'Generate Object', icon: '{}', url: 'https://devtools.khulnasoft.com/generate-object' },
{ name: 'Generate Speech', icon: 'S', url: 'https://devtools.khulnasoft.com/generate-speech' },
{ name: 'Generate Text', icon: 'T', url: 'https://devtools.khulnasoft.com/generate-text' },
{ name: 'Generate Video', icon: 'VID', url: 'https://devtools.khulnasoft.com/generate-video' },
],
},
{
name: 'Crypto',
tools: [
Expand Down
7 changes: 7 additions & 0 deletions extension/toolbar.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,6 +12,13 @@ const tools = [
{ id: 'inspect', label: 'Inspect element', description: 'Pick an element on this page', icon: '↗' },
{ id: 'screenshot', label: 'Capture screenshot', description: 'Save the current page view', icon: '▣' },
]},
{ category: 'AI generation', items: [
{ label: 'Generate Image', description: 'Create images with AI', icon: 'IMG', path: 'generate-image' },
{ label: 'Generate Object', description: 'Generate structured data with AI', icon: '{}', path: 'generate-object' },
{ label: 'Generate Speech', description: 'Turn text into natural speech', icon: 'S', path: 'generate-speech' },
{ label: 'Generate Text', description: 'Write and transform text with AI', icon: 'T', path: 'generate-text' },
{ label: 'Generate Video', description: 'Create videos with AI', icon: 'VID', path: 'generate-video' },
]},
{ category: 'Popular tools', items: [
{ label: 'JSON Viewer', description: 'Format and explore JSON', icon: '{}' , path: 'json-viewer' },
{ label: 'Base64 Converter', description: 'Encode and decode Base64', icon: '64', path: 'base64-string-converter' },
Expand Down
Loading