https://github.com/hideoo/toggler-vscode

Visual Studio Code extension - Toggle words and symbols
https://github.com/hideoo/toggler-vscode

cursor extension selection symbols toggle toggler vscode words

Last synced: 3 months ago
JSON representation

Visual Studio Code extension - Toggle words and symbols

• Host: GitHub
• URL: https://github.com/hideoo/toggler-vscode
• Owner: HiDeoo
• License: mit
• Created: 2017-12-07T07:34:33.000Z (about 7 years ago)
• Default Branch: main
• Last Pushed: 2024-04-22T17:19:05.000Z (9 months ago)
• Last Synced: 2024-10-04T13:33:31.516Z (4 months ago)
• Topics: cursor, extension, selection, symbols, toggle, toggler, vscode, words
• Language: TypeScript
• Homepage: https://marketplace.visualstudio.com/items?itemName=hideoo.toggler
• Size: 378 KB
• Stars: 21
• Watchers: 4
• Forks: 5
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE.md

Awesome Lists containing this project

README

        


  

  
Toggler





  
Toggle words and symbols in VS Code using a user defined configuration.

  


    

      

    

    

      

    

  

  


    

      

    

  



## Features

A word and symbol toggling extension for Visual Studio Code with the following features:

- **Easily user customizable.**

- Maintain word case.

- Multiple toggles support.

- Multiple cursors support.

- Multiple selections support.

- No dependency.

## Usage

Set your cursor on a word or select a word and press the associated keybinding (Ctrl+r by default on macOS, Alt+r on Windows and Linux).

You can also use the VS Code Command Palette and choose the `Toggle` command, or use the `Toggle` action in a context menu. A `Toggle Reverse` command is also available to toggle to the previous word instead of the next one.

## Configuration

You can customize the default configuration directly in your VS Code settings or using the `Customize toggles` command:

```json

"toggler.toggles": [

  [

    "custom_1",

    "custom_2"

  ],

  [

    "custom_3",

    "custom_4"

  ]

]

```

Toggler is bundled with these default toggles:

```json

[

  ["absolute", "relative"],

  ["high", "low"],

  ["horizontal", "vertical"],

  ["inner", "outer"],

  ["left", "right"],

  ["top", "bottom"],

  ["ltr", "rtl"],

  ["black", "white"],

  ["gray", "maroon", "red", "purple", "fuchsia", "green", "yellow", "blue", "aqua"],

  ["const", "let", "var"],

  ["import", "export"],

  ["join", "split"],

  ["JSON.parse", "JSON.stringify"],

  ["parse", "stringify"],

  ["pop", "push"],

  ["unshift", "shift"],

  ["test.only", "test"],

  ["describe.only", "describe"],

  ["interface", "type"],

  ["onAnimationStart", "onAnimationEnd"],

  ["onChange", "onInput", "onSubmit"],

  ["onClick", "onDoubleClick"],

  ["onCompositionStart", "onCompositionEnd"],

  ["onCopy", "onCut", "onPaste"],

  ["onDragEnter", "onDragLeave"],

  ["onDragStart", "onDragEnd"],

  ["onFocus", "onBlur"],

  ["onKeyDown", "onKeyUp"],

  ["onMouseDown", "onMouseUp"],

  ["onMouseEnter", "onMouseLeave"],

  ["onTouchStart", "onTouchEnd"],

  ["addEventListener", "removeEventListener"],

  ["animationstart", "animationend"],

  ["change", "input", "submit"],

  ["dblclick", "click"],

  ["compositionstart", "compositionend"],

  ["copy", "cut", "paste"],

  ["dragenter", "dragleave"],

  ["dragstart", "dragend"],

  ["focus", "blur"],

  ["keydown", "keyup"],

  ["mousedown", "mouseup"],

  ["mouseenter", "mouseleave"],

  ["touchstart", "touchend"],

  ["componentDidMount", "componentDidUpdate", "componentWillUnmount"],

  ["useState", "useEffect", "useContext", "useMemo", "useRef", "useReducer", "useCallback"],

  ["getState", "setState"],

  ["container", "component"],

  ["atan", "tan"],

  ["ceil", "floor"],

  ["cos", "sin"],

  ["Math.atan", "Math.tan"],

  ["Math.ceil", "Math.floor"],

  ["Math.cos", "Math.sin"],

  ["Math.min", "Math.max"],

  ["min", "max"],

  ["deactivate", "activate"],

  ["address", "port"],

  ["add", "remove"],

  ["unavailable", "available"],

  ["background", "foreground"],

  ["before", "after"],

  ["client", "server"],

  ["disconnected", "connected"],

  ["disconnect", "connect"],

  ["development", "production"],

  ["dev", "prod"],

  ["drag", "drop"],

  ["file", "folder"],

  ["first", "last"],

  ["from", "to"],

  ["get", "set"],

  ["input", "output"],

  ["uninstall", "install"],

  ["all", "each", "only"],

  ["key", "value"],

  ["unload", "load"],

  ["minor", "major"],

  ["online", "offline"],

  ["open", "close"],

  ["parent", "child"],

  ["positive", "negative"],

  ["prefix", "suffix"],

  ["previous", "next"],

  ["public", "private", "protected"],

  ["request", "response"],

  ["req", "res"],

  ["row", "column"],

  ["short", "long"],

  ["show", "hide"],

  ["source", "destination"],

  ["start", "stop"],

  ["invalid", "valid"],

  ["visible", "hidden"],

  ["width", "height"],

  ["x", "y"],

  ["0", "1"],

  ["enabled", "disabled"],

  ["enable", "disable"],

  ["if", "else"],

  ["on", "off"],

  ["true", "false"],

  ["yes", "no"],

  ["div", "span"],

  ["head", "body"],

  ["header", "footer"],

  ["ol", "ul"],

  ["tr", "td"],

  ["in", "out"],

  ["up", "down"],

  ["[]", "{}"],

  ["(", ")"],

  ["[", "]"],

  ["{", "}"],

  ["'", "\"", "`"],

  ["*=", "/="],

  ["*", "/"],

  ["&&", "||"],

  ["&", "|"],

  ["++", "--"],

  ["+=", "-="],

  ["+", "-"],

  ["<<", ">>"],

  ["<=", ">="],

  ["<", ">"],

  ["===", "!=="],

  ["==", "!="]

]

```

If these default toggles don't fit your preferences, you can disable them in your settings to only use custom toggles.

## License

Licensed under the MIT License, Copyright © HiDeoo.

See [LICENSE](https://github.com/HiDeoo/toggler-vscode/blob/master/LICENSE) for more information.