/correct-console-log

a workaround for webkit console.log bug

Primary LanguageTypeScript

Main Functionality

This extension make debugging much easier by automating the operation of writing meaningful log message.

Features

I) Insert meaningful log message automatically

Two steps:

  • Selecting or hovering the variable which is the subject of the debugging (Manual selection will always take over the hover selection)

  • Pressing ctrl + alt + L (Windows) or ctrl + option + L (Mac)

The log message will be inserted in the next line relative to the selected variable like this:

console.log("SelectedVariableEnclosingClassName -> SelectedVariableEnclosingFunctionName -> SelectedVariable", SelectedVariable)

alt text

Multiple cursor support:

alt text

Properties:

  • turboConsoleLog.logFunction (string): Custom log function to use in the inserted log message, when specified logType property will be ignored

  • turboConsoleLog.logType (enum): "log","warn", "error","debug","table"

  • turboConsoleLog.wrapLogMessage (boolean): Whether to wrap the log message or not.

  • turboConsoleLog.logMessagePrefix (string): The prefix of the log message (default one is 🚀 ).

  • turboConsoleLog.addSemicolonInTheEnd (boolean): Whether to put a semicolon in the end of the log message or not.

  • turboConsoleLog.insertEnclosingClass (boolean): Whether to insert or not the enclosing class of the selected variable in the log message.

  • turboConsoleLog.insertEnclosingFunction (boolean): Whether to insert or not the enclosing function of the selected variable in the log message.

  • turboConsoleLog.delemiterInsideMessage (string): The delimiter that will separate the different log message elements (file name, line number, class, function and variable)

  • turboConsoleLog.includeFileNameAndLineNum (boolean): Whether to include the file name and the line number of the log message.

  • turboConsoleLog.quote (enum): Double quotes (""), single quotes ('') or backtick(``).

A wrapped log message :

alt text

II) Comment all log messages, inserted by the extension, from the current document

All it takes to comment all log messages, inserted by the extension, from the current document is to press alt + shift + c (Windows) or option + shift + c (Mac)

alt text

III) Uncomment all log messages, inserted by the extension, from the current document

All it takes to uncomment all log messages, inserted by the extension, from the current document is to press alt + shift + u (Windows) or option + shift + u (Mac)

alt text

IV) Delete all log messages, inserted by the extension, from the current document

All it takes to delete all log messages, inserted by the extension, from the current document is to press alt + shift + d (Windows) or option + shift + d (Mac)

alt text

Release Notes

1.0.0

Initial release of Turbo Console Log

1.1.0

  • New feature: The possibility of wrapping the log message is added

1.2.0

  • New feature: Comment all log messages inserted by the extension
  • New feature: Uncomment all log messages inserted by the extension
  • When requested, only the log messages inserted by the extension will be commented, uncommented or deleted

1.3.0

  • Multiple cursor support

1.4.0

  • The extension will comment, uncomment and delete all log messages in the current file whether they have been inserted by it or not

2.0.0

  • The extension is rewrited with Typescript with a whole new architecture

2.1.0

  • File name and line number are added to the log message
  • The delimiter of elements inside the log message can be customised
  • Comment, uncomment and delete only the log messages inserted by the extension

2.2.0

  • Specify custom log function to use instead of the default console.log
  • Specify log function type (log, warn, error, debug, table)

2.3.0

  • Possibility to insert the log message by hovering the variable
  • Manual selection will always take over the hover selection

Participate

You're more than welcome to participate in the development of the extension by creating pull requests and submitting issues, link of the project in github: https://github.com/Chakroun-Anas/turbo-console-log

Contact

You can contact me on the following mail: chakroun.anas@outlook.com

License

MIT © Chakroun Anas

Buying me a coffe will definitely help me to keep working in this project and other open source projects <3

paypal

Enjoy!