🚀 Get Started in 10 Seconds

1. Install from VS Code Marketplace
2. Open any JavaScript/TypeScript file
3. Hover over any symbol

No configuration. No API keys. Just works.

📖 What You Get

Keywords & Syntax

Hover over async, await, class, const, let, yield—get instant explanations with syntax and examples.

Built-in Methods

Array.map(), String.split(), Object.keys(), Promise.all()—all 200+ methods documented.

Framework Support

Works automatically with React, Vue, Angular, Node.js, Express and more:

Using something else? If it's on DevDocs, JavaScript Hover can fetch it.

✨ Features

🎯 The Problem This Solves

Every JavaScript developer faces this:

const items = data.filter(???)  // What's the callback signature again?
const result = arr.reduce(???)  // How does the accumulator work?

Your choices:

• ❌ Stop coding, open browser, search MDN, lose focus
• ❌ Try to remember from memory
• ✅ Hover over filter() — documentation appears instantly
• Logical: &&, ||, !, ?? (nullish coalescing)
• Optional Chaining: ?.
• Spread/Rest: ...
• Arrow Function: =>
• Assignment: =, +=, -=, *=, /=, ??=
• Bitwise: &, |, ^, ~, <<, >>

Array Methods

• Iteration: forEach, map, filter, reduce, find, findIndex
• Testing: every, some, includes, indexOf
• Transformation: slice, splice, concat, flat, flatMap
• Sorting: sort, reverse, toSorted, toReversed
• And 20+ more...

String Methods

• split, join, slice, substring, substr
• toLowerCase, toUpperCase, trim, trimStart, trimEnd
• replace, replaceAll, match, matchAll, search
• includes, startsWith, endsWith, indexOf
• padStart, padEnd, repeat, at
• And more...

Object Methods

• Object.keys, Object.values, Object.entries
• Object.assign, Object.freeze, Object.seal
• Object.create, Object.defineProperty
• Object.hasOwn, Object.is, Object.fromEntries
• And more...

Promise & Async

• Promise.all, Promise.race, Promise.allSettled, Promise.any
• Promise.resolve, Promise.reject
• .then, .catch, .finally
• async, await

Console Methods

• console.log, console.error, console.warn, console.info
• console.table, console.group, console.groupEnd
• console.time, console.timeEnd, console.timeLog
• console.assert, console.count, console.trace

Built-in Functions & Objects

• JSON.parse, JSON.stringify
• parseInt, parseFloat, isNaN, isFinite
• setTimeout, setInterval, clearTimeout, clearInterval
• fetch, Request, Response
• Map, Set, WeakMap, WeakSet
• Symbol, Proxy, Reflect
• And more...

DOM APIs

• document.querySelector, document.querySelectorAll
• document.getElementById, document.createElement
• addEventListener, removeEventListener
• classList, setAttribute, getAttribute
• innerHTML, textContent, appendChild
• And more...

Error Types

• Error, TypeError, ReferenceError, SyntaxError
• RangeError, URIError, EvalError
• Custom error handling patterns

⚙️ Configuration

All settings are under jsHover.*:

🎹 Commands

Access via Command Palette (Ctrl+Shift+P / Cmd+Shift+P):

🔧 Development

# Clone repository
git clone https://github.com/KiidxAtlas/js-hover.git
cd js-hover

# Install dependencies
npm install

# Compile
npm run compile

# Watch mode
npm run watch

# Lint
npm run lint

# Package extension
npm run vsce:package

Press F5 to launch the extension in debug mode.

📝 Release Notes

0.1.0

• 🎉 Initial release
• 200+ JavaScript/TypeScript constructs documented
• Live DevDocs integration with caching
• Rich hover formatting with examples
• Status bar cache indicator
• 7 command palette actions
• Full configuration options

🤝 Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

1. Fork the repository
2. Create your feature branch (git checkout -b feature/amazing-feature)
3. Commit your changes (git commit -m 'Add amazing feature')
4. Push to the branch (git push origin feature/amazing-feature)
5. Open a Pull Request

📄 License

MIT © KiidxAtlas