Forem: Gohit X

Lynxjs Extension Pack

Gohit X — Mon, 18 Aug 2025 05:01:56 +0000

An all-in-one toolkit for web and mobile development with LynxJS: includes keyboard shortcuts, error alerts, text correction, snippets, and more. Tools designed to streamline your workflow.

📦 Marketplace: https://marketplace.visualstudio.com/items?itemName=bastndev.lynxjs-pack

Icon	Code/Name	Description
	Lynx Theme Pro	A professional extension with six available `Themes`: Dark, Light, Night, Ghibli, Coffee, and Kiro—with integrated `ICONS`. Each theme is optimized to offer a more pleasant visual experience.
	Bracket Lynx	Enhances the development experience by displaying a label next to each closing parenthesis, indicating the name of the corresponding block or function, along with the start and end line numbers.
	Lynx Keymap Pro	Standardizes keyboard shortcuts across all code editors, allowing you to use key combinations to access any functionality. It improves workflow and development experience.
	LynxJS Snippets (.tsx)	A collection of optimized code snippets designed to accelerate web and mobile development in LynxJS projects. It automates the writing of common code structures.
	F1-Quick Switch	Allows you to control editor functions and manage extensions directly from the keyboard, streamlining your workflow with configurable shortcuts.
	Prettier	Code formatter that enforces a consistent style by parsing your code and reprinting it with its own rules. Supports JavaScript, TypeScript, CSS, HTML and more.
	Code Spell Checker	A basic `spell` checker that works well with code and documents. Helps catch common spelling errors in comments, strings, and text.
	TODO Highlight	Highlight `TODO`, `FIXME` and other annotations within your code. Helps you keep track of important comments and reminders in your codebase.
	Tailwind CSS	Intelligent Tailwind CSS tooling for VS Code. Provides autocomplete, syntax highlighting, and linting for Tailwind CSS classes.
	Error Lens	Improve code quality by making `errors` and warnings more visible. Highlights the entire line wherever a diagnostic is generated and prints the message inline.
	Gutter Preview	Shows `image` preview in the gutter and on hover. Supports various image formats and makes it easy to visualize images referenced in your code.
	Version Lens	Shows `version` information when opening a package or project. Displays the latest version for each package and allows easy updating of dependencies.

🔗 GitHub: https://github.com/bastndev/Lynxjs-Pack

Bracket Lynx 🔎

Gohit X — Mon, 11 Aug 2025 02:47:38 +0000

📦 Marketplace: https://marketplace.visualstudio.com/items?itemName=bastndev.bracket-lynx

Enhances your coding flow by showing a label next to each closing parenthesis, revealing the block or function name plus its line numbers — for a crystal-clear view of your code structure.

Toggle System

Bracket Lynx includes a powerful toggle system that lets you control bracket decorations with great precision. Access the toggle menu by pressing Ctrl+Shift+P to open the command palette, using your configured keyboard shortcut, or running the Bracket Lynx: Toggle & Refresh 🛠️ command.

🛠️ Toggle Options

Option	Description	Scope	Persistence
🌐 Toggle Global	Enable/disable Bracket Lynx for all files in the workspace	Global	Per session
📄 Toggle File	Enable/disable only for the active file	Per file	Persistent per file
🎨 Change Color	Instantly change bracket color for decorations	Current file	Workspace-wide
♻️ Refresh	Updates decorations for the current file	Current file	Immediate

🎨 Color System

Bracket Lynx features an advanced color customization system for bracket decorations. Easily change colors using the Bracket Lynx: Change Decoration Color 🎨 command or from the toggle menu.

🎨 Feature	📝 Description	⚡ How to Use	💾 Persistence
🌈 Built-in Colors	Choose from several integrated colors to highlight brackets	Select from the color picker menu	🗂️ Workspace-wide
#️⃣ Custom Hex Color	Enter any valid hex color for personalized decoration	Use "✏️ Write Custom" in the picker and enter your hex value	🗂️ Workspace-wide
👀 Live Preview	Instantly preview color changes before applying	Hover or select colors in the picker	⏳ Temporary
🔗 Settings Sync	Save your chosen color in workspace settings for a consistent experience	Automatically saved after selection	🔒 Persistent

Tip: You can reset to the default color (#515151 ⚫) or update your choice anytime.

Explore, experiment, and make your editor look the way you want! 🌟

🔗 GitHub: https://github.com/bastndev/Bracket-Lynx

⚡️Lynxjs Snippets (.tsx)

Gohit X — Tue, 05 Aug 2025 04:22:00 +0000

Optimized snippets to speed up your web and mobile development in #lynxjs projects. Automates common code structures and saves you time.

📦Marketplace: https://marketplace.visualstudio.com/items?itemName=bastndev.lynx-js-snippets

🧩 Snippet	🆎 Prefix	⚡ Quick Shortcut
Import Hook	`l-hook.import`	`lho`
Import CSS	`l-css.import`	`lcss`
Import SCSS	`l-scss.import`	`lscs`
Import Component	`l-component.import`	`lcomp`/`lcp`
Import Image	`l-image.import`	`lii`
-	-	-
View	`l-view`	`lv`
Text	`l-text`	`lt`
Image	`l-image`	`limg`
-	-	-
List	`l-list`	`ll`
Scroll View	`l-scroll-view`	`lll`
-	-	-
Export Arrow Func	`l-export => function`	`lex`
Export Normal Func	`l-exxport {} function`	`lexx`
-	-	-
Array Loop	`l-array`	`arr`
List Item	`l-list-item`	`ltem`
Open Schema	`l-open-schema`	`los`
Select Component	`l-select-component`	`les`

🧪 Test Snippets

🧩 Snippet	🆎 Prefix	⚡ Quick Shortcut
Main Component	`l-main`	`lmain`
Array + List Item	`l-array.list-item`	`lal`
Export Component Alt	`x-export =>`	`xx`

🚀 How to Use

Open a .tsx or .jsx file.
Type any Quick Shortcut (e.g., lv for View).
Press Tab or Enter to expand the snippet.

🧩 Extension Commands [ + ]

This extension includes several commands to help you manage your snippets efficiently. You can access these commands by pressing Ctrl+Shift+P (or Cmd+Shift+P on macOS).

🛠️ Manage Snippets: Edit • Delete • Refresh • (Reset Snippet) & Create new snippet.
✍️ Create New Snippet: Starts the process to create a new custom snippet.
♻️ Reset Snippets: Restore a snippet to its original state.

🔗 (Github:)[https://github.com/bastndev/Lynxjs-Snippets.tsx]

lynnx Theme Pro

Gohit X — Wed, 23 Jul 2025 03:01:07 +0000

One extension. Five styles. Infinite Vibes + ICONS.

🌑 Dark Mode

☀️ Light Mode

🌃 Night Mode

🍃 Ghibli Mode

☕ Coffee Mode

Compatible with VSCode, Cursor, Windsurf, Kiro and more.

📂 GitHub: https://github.com/bastndev/Lynx-Theme
🔗 Marketplace: https://marketplace.visualstudio.com/items?itemName=bastndev.lynx-theme

🦊 Lynx Keymap: Boost Your Productivity in VSCode... with Custom Shortcuts — ( AI )

Gohit X — Tue, 15 Jul 2025 22:48:51 +0000

If you use VS Code, Cursor-AI, Windsurd, Trae-AI, or Firebase Studio, you already know how crucial keyboard shortcuts are to productivity.

Lynx Keymap — created by @bastndev — supercharges your workflow with curated keybindings for VSCode, seamlessly integrating AI tools like Cursor-AI and Trae-AI.

⌨️ Get instant access to essential commands for files, Git, debugging, AI sessions, and more.

🧪 Experimental Keymaps

Command	🍎 macOS	🟦 Windows	🐧 Linux
Ask, agent, edit (AI)	`⌥ + Z`	`Alt + Z`	`Alt + Z`
Bottom color change	`⌘ + ⌥ + P`	`Ctrl + Alt + P`	`Ctrl + Alt + P`
Pick AI model	`⌥ + X`	`Alt + X`	`Alt + X`
Toggle AI maximize/minimize	`⇧ + Esc`	`Shift + Esc`	`Shift + Esc`

⚙️ Standard Keybindings

Command	🍎 macOS	🟦 Windows	🐧 Linux
Open explorer	`⌘ + 1`	`Ctrl + 1`	`Ctrl + 1`
Source control (SCM)	`⌘ + 2`	`Ctrl + 2`	`Ctrl + 2`
Extensions	`⌘ + 3`	`Ctrl + 3`	`Ctrl + 3`
Sidebar toggle	`⌘ + Tab`	`Ctrl + Tab`	`Ctrl + Tab`
New file	`⌥ + C`	`Alt + C`	`Alt + C`
New folder	`⌥ + V`	`Alt + V`	`Alt + V`
Select all changed files	`⌥ + 1`	`Alt + 1`	`Alt + 1`
AI generate commit message	`⌥ + 2`	`Alt + 2`	`Alt + 2`
Unstage all files	`⌥ + 3`	`Alt + 3`	`Alt + 3`
Git pull	`⌥ + 4`	`Alt + 4`	`Alt + 4`
Git commit	`⌥ + Enter`	`Alt + Enter`	`Alt + Enter`
Git push	`⌘ + ⌥ + Enter`	`Ctrl + Alt + Enter`	`Ctrl + Alt + Enter`
Format document	`⌥ + F`	`Alt + F`	`Alt + F`
Format selection	`⌘ + ⌥ + F`	`Ctrl + Alt + F`	`Ctrl + Alt + F`
Organize imports	`⇧ + ⌥ + F`	`Shift + Alt + F`	`Shift + Alt + F`
Debug console toggle	`⌥ + Q`	`Alt + Q`	`Alt + Q`
Terminal toggle	`⌥ + W`	`Alt + W`	`Alt + W`
Open GitLens	`⌥ + E`	`Alt + E`	`Alt + E`
Start debugging	`⌥ + P`	`Alt + P`	`Alt + P`
Restart debugging	`⌥ + O`	`Alt + O`	`Alt + O`
Stop debugging	`⌥ + I`	`Alt + I`	`Alt + I`
Git changes panel	`⌥ + L`	`Alt + L`	`Alt + L`
Markdown preview	`⌥ + M`	`Alt + M`	`Alt + M`
Settings UI	`⌘ + J`	`Ctrl + J`	`Ctrl + J`
Settings JSON	`⌥ + J`	`Alt + J`	`Alt + J`
Comment line	`⌘ + /`	`Ctrl + /`	`Ctrl + /`
Comment block	`⌥ + /`	`Alt + /`	`Alt + /`
Copy line up/down	`⌥ + ⇧ + ↑/↓`	`Alt + Shift + ↑/↓`	`Alt + Shift + ↑/↓`
Insert cursor above/below	`⌘ + ↑/↓`	`Ctrl + ↑/↓`	`Ctrl + ↑/↓`
Toggle AI	`⌥ + Esc`	`Alt + Esc`	`Alt + Esc`
Delete word left	`⌘ + Backspace`	`Ctrl + Backspace`	`Ctrl + Backspace`
Close folder	`⌘ + Delete`	`Ctrl + Delete`	`Ctrl + Delete`

✨ AI Shortcuts (Lynx AI Integration)

Command	🍎 macOS	🟦 Windows	🐧 Linux
AI Chat (popup/modal)	`⌘ + \``	`Ctrl + \``	`Ctrl + \``
Toggle chat with Tab	`⇧ + Tab`	`Shift + Tab`	`Shift + Tab`
New AI session	`⌥ + A`	`Alt + A`	`Alt + A`
Show AI chat history	`⌥ + S`	`Alt + S`	`Alt + S`
Attach context	`⌥ + D`	`Alt + D`	`Alt + D`
Accept AI suggestion	`⌘ + Enter`	`Ctrl + Enter`	`Ctrl + Enter`
Reject AI suggestion	`⌥ + Enter`	`Alt + Enter`	`Alt + Enter`

🚀 Installation

Open Quick Open:
- macOS: ⌘ + P
- Windows/Linux: Ctrl + P
Paste the command and hit Enter:

ext install bastndev.lynx-keymap

Contributors

Here is the project link if you want to collaborate: [>_].


Gohit Bastian

About Me

🐦 X - For questions and discussions.
🔴 Youtube - Code, Software and development insights.
💼 Linkedin - Professional networking and career updates.

Markdwon 24

Gohit X — Sun, 21 Jan 2024 03:48:39 +0000

➥ GitHub

Markdown 24

# Markdown 24

Markdown 24

## Markdown 24

Markdown 24

### Markdown 24

Markdown 24

#### Markdown 24

Caption ⤵

**Caption**

slanted text ⤵

***slanted text***

example@gmail.com

**example@gmail.com**

~~Strikethrough text~~ ⤵

~~Strikethrough text~~

marked text ⤵

`marked text`

block quote ⤵

> block quote

Text with dot ⤵

>- Text with dot

Bullet list
- Nested bullet
  - Sub-nested bullet etc ⤵

 * Bullet list
      * Nested bullet
          * Sub-nested bullet etc

Page Link ⤵

[Named Link](http://www.bastndev.com/)

Page Link and http://www.example.com/ or http://example2.com/ ⤵

[Page Link](http://www.bastndev.com/ "Named link title") and http://www.example.com/ or <http://example2.com/>

A numbered list
1. A nested numbered list
2. Which is numbered

1. A numbered list
    1. A nested numbered list
    2. Which is numbered

[ ] An uncompleted task
[X] A completed task
[X] ~~An uncompleted task~~

- [ ] An uncompleted task
- [X] A completed task
- [X] ~~An uncompleted task~~

[ ] [■■■■□□□□□□] 40%
- [ ] A subtask
  - [X] ~~A subtask~~

- [ ] An uncompleted task
    - [ ] A subtask
        - [X] ~~A subtask~~

Title 1

Content 1 Content 1 Content 1 Content 1 Content 1

<details>
  <summary>Title 1</summary>
    <p>Content 1 Content 1 Content 1 Content 1 Content 1</p>
</details>

Tips + 👷

[!TIP]
Dev.to👷 https://dev.to/bastndev

[!IMPORTANT]
Dev.to👷 https://dev.to/bastndev

[!WARNING]
Dev.to👷 https://dev.to/bastndev

[!CAUTION]
Dev.to👷 https://dev.to/bastndev

> [!TIP]
> Dev.to👷 https://dev.to/bastndev

> [!IMPORTANT]
> Dev.to👷 https://dev.to/bastndev

> [!WARNING]
> Dev.to👷 https://dev.to/bastndev

> [!CAUTION]
> Dev.to👷 https://dev.to/bastndev

![picture alt](https://via.placeholder.com/250x250 "Title is optional")

First Header	Second Header
Content Cell	Content Cell
Content Cell	Content Cell

| First Header | Second Header |
|--------------|---------------|
| Content Cell | Content Cell  |
| Content Cell | Content Cell  |

Left aligned Header	Right aligned Header	Center aligned Header
Content Cell	Content Cell	Content Cell
Content Cell	Content Cell	Content Cell
Content Cell	Content Cell	Content Cell

| Left aligned Header | Right aligned Header | Center aligned Header |
|:--------------------|---------------------:|:---------------------:|
| Content Cell        |         Content Cell |     Content Cell      |
| Content Cell        |         Content Cell |     Content Cell      |
| Content Cell        |         Content Cell |     Content Cell      |

Gohit Bastian

👽 @bastndev

<table align="center">
<tr>
  <td align="center"><a href="https://github.com/bastndev"><img src="https://avatars.githubusercontent.com/u/113950039?v=4" width="100px;" alt=""/><br /><sub><b>  Gohit Bastian </b></sub></a><br/><a href="#maintenance-tbenning" title="Maintenance"></a></td>

  <td align="center"><a href="https://github.com/bastndev"><img src="https://avatars.githubusercontent.com/u/64986030?v=4" width="100px;" alt=""/><br/><sub><b>👽 @bastndev </b></sub></a><br /><a href="#maintenance-tbenning" title="Maintenance"></a></td>
</tr>
</table>


|   ![Dashboard](https://raw.githubusercontent.com/bastndev/Markdown-24/main/IMG/gif/loading.gif)   |   ![Global Issues](https://raw.githubusercontent.com/bastndev/Markdown-24/main/IMG/gif/loading.gif)   |   ![User Profile](https://raw.githubusercontent.com/bastndev/Markdown-24/main/IMG/gif/loading.gif)   |
|:-------------------------------------:|:-----------------------------------------:|:----------------------------------------:|
| ![Dashboard](https://raw.githubusercontent.com/bastndev/Markdown-24/main/IMG/gif/GitHub-logo.gif) | ![Global Issues](https://raw.githubusercontent.com/bastndev/Markdown-24/main/IMG/gif/GitHub-logo.gif) | ![User Profile](https://raw.githubusercontent.com/bastndev/Markdown-24/main/IMG/gif/GitHub-logo.gif) |

<table style="width:100%">  
<td>
<a href="https://www.youtube.com/watch?v=QX1myYCP76E&ab_channel=BastianDev">
<img src="https://pbs.twimg.com/media/Fw_-rLoWIAkB4KF?format=jpg&name=large"></a>
</td>

<td>
<a href="https://www.youtube.com/watch?v=VdsJeyRhSWw">
<img src="https://i.ytimg.com/vi/VdsJeyRhSWw/maxresdefault.jpg"></a>
</td>

<td>
<a href="https://www.youtube.com/watch?v=a6JQkAxYf3A&t=119s&ab_channel=BastianDev">
<img src="https://i.ytimg.com/vi/a6JQkAxYf3A/maxresdefault.jpg"></a>
</td>
</table>

My Latest Blog Posts 👇

Markdown 24 > **20 jan 2024** Hey,everyone I'm @bastndev this is es a markdown, here is the English translation of your text: “Introduction to my project. I am working on a web application that aims to simplify the lives of developers. 😊

<p align="left">
<a href="#" ><img src="https://raw.githubusercontent.com/bastndev/Markdown-24/main/IMG/gohit-portada.jpg" width="250px" align="left" alt="Gohit Gastian"/></a>
<a href="https://dev.to/bastndev" title=""><strong>Markdown 24</strong></a>

> **20 jan 2024**
Hey,everyone I'm @bastndev this is es a markdown, here is the English translation of your text: “Introduction to my project. I am working on a web application that aims to simplify the lives of developers. 😊 
</p>

<p align="left">
<a href="#" ><img src="https://i.ytimg.com/vi/VdsJeyRhSWw/maxresdefault.jpg" width="250px" align="right" alt="Gohit Gastian"/></a>
<a href="https://dev.to/bastndev" title=""><strong>Markdown 24</strong></a>

> **20 jan 2024**
Hey,everyone I'm @bastndev this is es a markdown, here is the English translation of your text: “Introduction to my project. I am working on a web application that aims to simplify the lives of developers.
</p>

Artificial Intelligence \
Alan Turing, born on June 23, 1912, in London, England, and died on June 7, 1954, in Wilmslow, Cheshire, was a British mathematician and logician. He made significant contributions to mathematics, cryptanalysis, logic, philosophy, and mathematical biology. Click to see

GitHub 2024 Readme \
AGitHub is a cloud-based service that helps developers store and manage their code, as well as track and control changes to their code1. It is built around “Repositories” used to organize code for single projects2. . Click to see

---
[<img align="left" height="94px" width="94px" alt="Santander & Mongo DB" src="https://raw.githubusercontent.com/bastndev/Markdown-24/main/IMG/alan.png"/>](https://www.youtube.com/watch?v=a6JQkAxYf3A&t=47s) 
**Artificial Intelligence** \
Alan Turing, born on June 23, 1912, in London, England, and died on June 7, 1954, in Wilmslow, Cheshire, was a British mathematician and logician. He made significant contributions to mathematics, cryptanalysis, logic, philosophy, and mathematical biology. [Click to see](https://dev.to/bastndev) 


---
[<img align="right" height="94px" width="94px" alt="Santander & Mongo DB" src="https://raw.githubusercontent.com/bastndev/Markdown-24/main/IMG/git.jpg"/>](https://www.youtube.com/watch?v=a6JQkAxYf3A&t=47s) 
**GitHub 2024 Readme** \
AGitHub is a cloud-based service that helps developers store and manage their code, as well as track and control changes to their code1. It is built around “Repositories” used to organize code for single projects2. . [Click to see](https://dev.to/bastndev) 

---

📂 What's inside?

A quick look at the folder structure of this project.

.
├── content
│   ├───blog
│   ├───case-studies
│   └───json
├── cypress
├── plugins
└── src
    ├───components
    │   ├───About
    │   ├───Blog
    │   ├───common
    │   ├───Concepts
    │   ├───Contact
    │   ├───CreativeCoding
    │   ├───Home
    │   ├───Layout
    │   │   └───Navbar
    │   ├───Lightbox
    │   ├───Projects
    │   └───Skills
    ├───hooks
    ├───pages
    ├───static
    │   └───images
    ├───styles
    └───tem

Fluter

> Flutter Dart.

      .
      ├───assets
      │   ├───fonts
      │   ├───html
      │   ├───i18n
      │   └───images
      ├───lib
      │   ├───config
      │   │   └───routes
      │   ├───components
      │   │   ├───About
      │   │   ├───Blog
      │   │   ├───common
      │   │   ├───Concepts
      │   │   ├───Contact
      │   │   ├───CreativeCoding
      │   │   ├───Home
      │   │   ├───Layout
      │   │   │   └───Navbar
      │   │   ├───Lightbox
      │   │   ├───Projects
      │   │   └───Skills
      │   ├───hooks
      │   └───pages
      ├───test
      └───pubspec.yaml

                          @bastndev 2024 |thank you for coming here
                 ✦                      ✧  ✦   ▁✦               ✧     
                 ☽ ✧      ✧✧                   ██    ▃
                          ✦      ▁             ██        █ 
                   ▇     ✧▆  █   █ ▂▂ ▃        ██▇       █▄     ▄
                ▁ ▂██▃ ▅▅▁▄█▇▅█▁▂▅██████▂ ▁█ ▃▆▆███▁▆   ▅▇██ ▁▂▃ █ ▅✦
                 ██████▁█████████████████████▇████████▅▆█████████████▇