{"tag":{"id":"56744721958ef13879b94cad","name":"JavaScript","logo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1607082785538/EryuLRriM.png","slug":"javascript","tagline":"JavaScript (JS) is a lightweight, interpreted, or just-in-time compiled programming language with first-class functions","__typename":"Tag"},"publication":{"__typename":"Publication","id":"63373764e594fa4ba3b8edbf","url":"https://rajeev.dev","canonicalURL":"https://rajeev.dev","urlPattern":"SIMPLE","title":"👋 Bits of code","displayTitle":null,"hasBadges":true,"descriptionSEO":"Alleged Coffee Freak. Developer at large.\n","about":{"html":"

Alleged Coffee Freak. Developer at large.

\n","__typename":"Content"},"features":{"newsletter":{"isEnabled":true,"__typename":"NewsletterFeature"},"viewCount":{"isEnabled":false,"__typename":"ViewCountFeature"},"readTime":{"isEnabled":true,"__typename":"ReadTimeFeature"},"audioBlog":{"isEnabled":true,"voiceType":"FEMALE","__typename":"AudioBlogFeature"},"textSelectionSharer":{"isEnabled":true,"__typename":"TextSelectionSharerFeature"},"customCSS":{"isEnabled":false,"published":null,"draft":null,"__typename":"CustomCSSFeature"},"__typename":"PublicationFeatures"},"metaTags":null,"ogMetaData":{"image":null,"__typename":"OpenGraphMetaData"},"author":{"__typename":"User","id":"63373705e594fa4ba3b8edb8","name":"Rajeev R. Sharma","username":"rajeeves","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1672994419920/NyHsJivX-.jpeg"},"preferences":{"__typename":"Preferences","logo":null,"darkMode":{"__typename":"DarkModePreferences","logo":null,"enabled":null},"navbarItems":[{"__typename":"PublicationNavbarItem","id":"641ace1ca581f3121e293e36","label":"Game w/ Python","url":"https://rajeev.dev/series/python-turtle-puzzle-game","priority":1,"type":"series","series":{"__typename":"Series","id":"63752b6144a41864b3aa71d3"},"page":null}],"enabledPages":{"__typename":"PagesPreferences","badges":true,"newsletter":true,"members":null},"layout":"magazine","disableFooterBranding":false},"favicon":null,"headerColor":"#617bff","integrations":{"fbPixelID":null,"fathomSiteID":null,"fathomCustomDomainEnabled":null,"fathomCustomDomain":null,"hotjarSiteID":null,"matomoSiteID":null,"matomoURL":null,"gaTrackingID":null,"plausibleAnalyticsEnabled":null,"wmPaymentPointer":null,"umamiWebsiteUUID":"0a34a3f5-530d-4d41-824c-36d37055bd56","__typename":"PublicationIntegrations"},"imprint":"

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n

Let's connect
Find me on Twitter @ra_jeeves
Or, send me an email
Powered by Coffee ☕ & Love ❤️

","postsCount":15,"isTeam":false,"links":{"twitter":"https://twitter.com/ra_jeeves","instagram":"","github":"https://github.com/ra-jeev","website":"","hashnode":"https://hashnode.com/@rajeeves","youtube":"","dailydev":"https://app.daily.dev/ra_jeeves","linkedin":"","mastodon":"","__typename":"PublicationLinks"},"domainInfo":{"__typename":"DomainInfo","hashnodeSubdomain":"rajeeves","domain":{"__typename":"DomainStatus","host":"rajeev.dev","ready":true},"wwwPrefixedDomain":{"__typename":"DomainStatus","host":"www.rajeev.dev","ready":true}},"redirectionRules":[],"sponsorship":{"content":null,"stripe":null,"__typename":"PublicationSponsorship"},"pro":{"hasProAccess":true,"__typename":"PublicationProInfo"},"posts":{"edges":[{"node":{"id":"6490b84d0762f5a6116db667","title":"Creating an OpenAI powered Writing Assistant for VS Code","slug":"creating-an-openai-powered-writing-assistant-vs-code-extension","publishedAt":"2023-06-19T20:19:25.949Z","cuid":"clj3avb7h000j09l4fc3j2uk8","url":"https://rajeev.dev/creating-an-openai-powered-writing-assistant-vs-code-extension","subtitle":"A detailed walkthrough for building your first VS Code extension and connecting it to OpenAI APIs","brief":"Rabbit holes are many, and as a developer, you keep falling into one or the other during your journey. This is not necessarily a bad thing—granted that it may frustrate you—that is how you learn something extra (the 0.01 of 1.01365). This is one such...","readTimeInMinutes":10,"views":237,"author":{"id":"63373705e594fa4ba3b8edb8","username":"rajeeves","name":"Rajeev R. Sharma","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1672994419920/NyHsJivX-.jpeg","followersCount":34,"__typename":"User"},"coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1687205937099/b2749874-26ba-49da-9a07-ef174c979231.png","isPortrait":false,"__typename":"PostCoverImage"},"__typename":"Post"},"cursor":"NjQ5MGI4NGQwNzYyZjVhNjExNmRiNjY3XzIwMjMtMDYtMTlUMjA6MTk6MjUuOTQ5Wg==","__typename":"PostEdge"},{"node":{"id":"642f09932eaa462c26d3026e","title":"Mastering Keyboard Navigation with Roving tabindex in Grids","slug":"mastering-keyboard-navigation-with-roving-tabindex-in-grids","publishedAt":"2023-04-06T18:04:03.633Z","cuid":"clg5fg6nl000809mhhm9n4dcd","url":"https://rajeev.dev/mastering-keyboard-navigation-with-roving-tabindex-in-grids","subtitle":"Learn what is the roving tabindex technique and how you can use it to navigate a grid of buttons with your keyboard","brief":"Did you ever try to navigate a webpage using just your keyboard? Do you know how it works under the hood? Do you know what is \"tabindex\", and what is its role in keyboard navigation? In this article, we will cover all these burning questions and also...","readTimeInMinutes":9,"views":452,"author":{"id":"63373705e594fa4ba3b8edb8","username":"rajeeves","name":"Rajeev R. Sharma","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1672994419920/NyHsJivX-.jpeg","followersCount":34,"__typename":"User"},"coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/stock/unsplash/ZS3OfU40CQU/upload/394038a94a9e8ba3eeb96ef292f9aced.jpeg","isPortrait":false,"__typename":"PostCoverImage"},"__typename":"Post"},"cursor":"NjQyZjA5OTMyZWFhNDYyYzI2ZDMwMjZlXzIwMjMtMDQtMDZUMTg6MDQ6MDMuNjMzWg==","__typename":"PostEdge"},{"node":{"id":"63b59064f4124453e080ed6d","title":"Handling programmatic \"Copy to Clipboard\" on DuckDuckGo Android browser","slug":"programmatic-copy-to-clipboard-duckduckgo-android","publishedAt":"2023-01-04T14:42:44.420Z","cuid":"clchrqwxw000h08jubj8rbaz4","url":"https://rajeev.dev/programmatic-copy-to-clipboard-duckduckgo-android","subtitle":"How to use the execCommand workaround to bypass the NotAllowedError on DuckDuckGo Android browser when using the async Clipboard API","brief":"The background\nThis is going to be a short article. Recently I launched an in-browser daily puzzle game (GoldRoad). Later on, I added the ability to share your stats for the day on social media using the Web Share API. This is how it looks on my Andr...","readTimeInMinutes":4,"views":279,"author":{"id":"63373705e594fa4ba3b8edb8","username":"rajeeves","name":"Rajeev R. Sharma","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1672994419920/NyHsJivX-.jpeg","followersCount":34,"__typename":"User"},"coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/stock/unsplash/96955551ec39f5fa3904edb052a0e688.jpeg","isPortrait":false,"__typename":"PostCoverImage"},"__typename":"Post"},"cursor":"NjNiNTkwNjRmNDEyNDQ1M2UwODBlZDZkXzIwMjMtMDEtMDRUMTQ6NDI6NDQuNDIwWg==","__typename":"PostEdge"}],"pageInfo":{"endCursor":"NjNiNTkwNjRmNDEyNDQ1M2UwODBlZDZkXzIwMjMtMDEtMDRUMTQ6NDI6NDQuNDIwWg==","hasNextPage":false,"__typename":"PageInfo"},"__typename":"PublicationPostConnection"}}}

JavaScript

Creating an OpenAI powered Writing Assistant for VS Code

Mastering Keyboard Navigation with Roving tabindex in Grids

Handling programmatic "Copy to Clipboard" on DuckDuckGo Android browser