chakroun-anas / turbo-console-log Goto Github PK

ESLint complains, rightly, for the use of tabs instead of spaces:

It's take me more than an hour to figure out why I cannot use this plugin by pressing:
ctrl + alt + i
I know it's my mistake but please update guideline shortcut keys to "Ctrl + Alt + L" 😄

When there are multiple cursors, a console log could be inserted for each variable.

Only the combination CTRL+Alt+L works on Mac. The other's (to comment, delete, uncomment, don't work)

Cmd + alt + l on a MAC don't work for me.
I tried Cmd + shift + l it work, but override of multiple select of VS code

The four settings should have a common prefix added to avoid naming conflicts and allowing easier searching.
Instead of:

{
  "wrapLogMessage": false,
  "logMessagePrefix": "TCL",
  "addSemicolonInTheEnd": false,
  "quote": false
}

Add prefix:

{
  "turboConsoleLog.wrapLogMessage": false,
  "turboConsoleLog.logMessagePrefix": "TCL",
  "turboConsoleLog.addSemicolonInTheEnd": false,
  "turboConsoleLog.quote": false
}

Or optionally displayed as:

{
  "turboConsoleLog": {
    "wrapLogMessage": false,
    "logMessagePrefix": "TCL",
    "addSemicolonInTheEnd": false,
    "quote": false
  }
}

This makes finding and editing the appropriate settings much easier by simply searching for the name of the extension. Pull request incoming.

By default cmd+d maps to editor.action.addSelectionToNextFindMatch, which is something I, and probably many others, use pretty frequently.

I had to put:

{ "key": "cmd+d", "command": "-extension.deleteAllLogMessages" }

in my keybindings.json in order to remove this.

I don't think this shortcut should be provided by default.

On Windows 10 machine, with latest version of VSCODE and with latest version of extension is not working. I had to pick the earlier version to make it work. Tried straight forward scenario to create console.log from a variable

This extension should support arrow functions too.

Currently the following code:

Gets transformed to:

While it should instead become something like this:

When I press the default shortcut it writes ī then I changed the shortcut to Ctrl + Alt + O. It worked for a while now it's not working at all.

As title suggest, I'm seeing the GIF you're using is outputting single quote but what we got is double quote. Is there any option to tweak that?

not work on mac

I personnally use vscode and your extension seems to be the best for what it does.

On atom there is this extension https://github.com/vishysank/console-log-atom

It features smarter logging, like for example if you try to log a condition it will log the condition and also log a message when the condition passes. It also JSON.stringify() when logging objects. There are other features just look at the readme

Do you think this would be doable with your extension?

I like this plugins but something that would be really helpful would be the ability to customise colors

could it be something like this

console.log("%cTCL: onPage -> id " + "%c" + id, 'color:blue', 'color:red');

Sorry to open this issue but it seems it's not working in Visual Studio Code 1.30.1 in Ubuntu 16.04.

F.Y.I

• working on an angular project;
• using vim in VSCode;
• disabling vim and reloading won't help;
• restarting the VSCode won't help;

Hi,
Is it possible to add support for back-end languages such as C#?

Don't select any var (my cursor in line: 287)

Then: ctl + alt + l, it create log msg on line: 288
I thinks that should be line 287

When trying to use Turbo Console Log to output console lines for a selected variable, if that variable is on the final line of the fileTurbo Console Log doesn't output the console line at all. It should insert a new line at the end of the file and place the console line there.

cool extension! The only part I don't love is the TCL: prefix. I'd prefer to change mine to - or something less distracting. Could you make the prefix accept a user setting?

const person = {
  async sayName(name) {
    console.log('TCL: asyncsayName -> name', name);
  }
}

How to generate the log without async？

Setting "logMessagePrefix": "" doesn't remove the prefix. I don't want any prefix and there doesn't seem to be a way to disable them; i.e. no colon.

Currently this:

Gets transformed to this:

It would be nice if this extension had support for this. Ideally it should work in any non-crazy situation, or I can't use it reliably. I'm not sure how this could be solved, maybe this extension should work as a babel transform or something, but that's a big change.

    const details = {

     title: res.data.title,

     type: res.data.location_type
  
     }; 

When i select details and try to console log using Ctrl + ALT + L

   const details = {

   console.log('TCL: App -> componentDidMount -> details', details)

   title: res.data.title, 

   type: res.data.location_type      
   };

I love this extension but I've found out that I often make commits with console.logs still plaguing my code, annoying all your colleagues. I understand that there's a keybind to do this automatically but it only does per file, and have also the disadvantage that it's not automatic on push/commit (and other non-git repo workflows)

There's a VSCODE that solves the console.log issue by using what they call log-points (https://code.visualstudio.com/blogs/2018/07/12/introducing-logpoints-and-auto-attach) the only problem is that they're annoying to create as it breaks your keyboard workflow when coding.

I would love if this can be added as an option when creating the TCL console.logs instead of the regular console.log line.

turbo-console-log is awesome!
when I log, the content is always wrapped by double quote. How could I change it to single quote? in setting.json? I can't find some configuration.

I can take up this issue.

If nothing selected and not over a word simply add new line

console.log("')

obviously respecting TCL VS code setting for parenthesis type and set the cursor within the quotes.

let word = "Hello"; // cursor lies between 'o' and 'r' of word (nothing selected).

console.log("TCL: word", word);

See existing fork: https://marketplace.visualstudio.com/items?itemName=letrieu.turbo-console-log-fork

I would like to see an option to change the output from console.log(...) to console.debug(...). Cheers!

I'm probably going to keep this extension installed, but it's currently not exactly how I'd like it to be, for instance see my issues: #3 #4 #5 #6.

I can submit a few PRs for those issues I've opened, do you want me to do this?

Ctr + option(Alt) + L is correct. not I , but L.

If I execute Delete All Log Messages on this file:

function main () {
  console.log('...');
  const foo = 1;
  console.log('main -> foo', foo);
}

It gets transformed to:

function main () {
  const foo = 1;
}

While it should instead become:

function main () {
  console.log('...');
  const foo = 1;
}

Basically only the console.log calls inserted by this extension should be removed.

One way of doing this would be to prefix all the strings with '[TS]', or something, and then check if that string is present. This would be pretty ugly though. A smarter way, that I think should work, would be to prefix the strings with one (or more) zero-width spaces and then check for those.

my editor is set to use 2 spaces for the tab. turbo console log inserts a real tab.

Hi

I noticed that sometimes, if the console.log statement is very long then Prettier autoformats the statement in multiple lines
It looks like TurboConsoleLog is not able to track those console.log anymore, meaning that Comment All | Uncomment All | Delete All comments does not affect those console.log formatted by Prettier.

A workaround would be to able to define a custom prefix for each console.log, something like

// prettier-ignore
console.log('...')

What do you think ?
Thanks for this very handy extension ! 👍

Hi thanks for developing the extension looks like it would be handy!

I'm unable to get the shortcut working on my windows 10 machine however. I've tried using it on a typescript + JavaScript file with neither of them working

Version : 1.2.0

Please Close following two issues by making this change @Chakroun-Anas
Issues: #20 #27
I) Insert meaningful log message automatically

Two steps:

Selecting the variable which is the subject of the debugging

** #Pressing ctrl + alt + L**

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

I selected text, using ctrl + alt + l but it does not work. Can you help me with this?

Thank you everyone.

So that, once log line is generated, we can easily edit to include anything else as ${}...

It's not an issue, but please — add your own linter rules, because it hard to contribute to your project (all your code rules by internal linters of contributors).
Hope's you fix it fast.

Also, great extension and good job.

I'm doing alot of angular dev work, using typescript.
When selecting the variable in vscode, would it be possible to include the prefix :
this.

ex:
// console.clear();
this.module = this.modForm.value.module;
console.log('​GearTeethCalculatorComponent -> calcMODPitchDiameter -> module', module);

Installed extension and reloaded VS Code, but shortcode of a new console log is not working. Option is present in the command palette of VS Code, but nothing happens when the option is selected.

Current setup:

• VS Code 1.30.2
• Node.js 8.9.3
• Windows_NT ia32 10.0.17763

Hi,

I'm using your extension and I love it.

Would it be possible to have an option to enable/disable semicolon at the end of the console log?
When using with prettier, it always return a warning.

Thanks

Hi,

Since last update (1.2.11) it does not work with vue file:

I am getting the following error:
http://eslint.org/docs/rules/no-irregular-whitespace Irregular whitespace not allowed

for a console.log as follow:
console.log("​save -> this.close()", this.close())

Deleting the save (the first word in that instance, remove the error). The workaround seems a bit random. But the issue is always there in .vue file.

I think that this is different issue than #17

Any idea?

Thanks

You should rename the provided commands:

Display Log Message => Turbo Console: Display Log
Delete All Log Messages => Turbo Console: Delete All Logs

Other than this being a common practice, I couldn't find those commands in the command palette because I was searching for "Turbo" or "Console"

Hi. I've been using this extension since last week.
Thanks for your fantastic extension. 'ㅅ')/

I discovered this issue on vscode today.
// windows 7. vscode version is 1.30.2.

For example,
I tried to select 'error' text and run 'Display Log Message' feature using keyboard shortcut.

try {
  ...
} catch(error) { // I selected this 'error' parameter and run 'Display Log Message'.
  console.log('TCL: }catch -> error', error) // I think that this closing brace is issue.
}

Do you think you could improve it so that if you are working with other languages.. and frameworks it can be setup for similar shortcuts.. visual studio support would be nice

ie Unity using c#//
int x = 555
Debug.Log("x:"+x):

So as you can see the when generating a console.log for the bar parameter in the following function the functionName -> syntax isn't added automatically. After digging into this I noticed it was because the regular expression used for testing the line for a named function didn't allow for the return type specified by functions in typescript. It would be very useful to use the extension as intended so I went ahead and wrote up a fix for this in pull request #57.

This extension provides 2 commands, extension.displayLogMessage and extension.deleteAllLogMessages.

You shouldn't prefix those commands with extension, the prefix should be turboConsoleLog or something like that.

Basically extension.displayLogMessage should be renamed to turboConsoleLog.displayLogMessage.

It would be nice if this extension had support for a custom console.log snippet, for instance this extension might currently produce the following:

console.log('myFunction -> myVar', myVar);

Some people might like it written in a different style, like:

console.log ( 'myFunction → myVar', myVar )

Support for this might be added in the form of a template setting, where custom tokens gets substituted in, for instance the default template might be:

console.log('[wrapper] -> [variable]', [variable]);

So that one could add this setting to his configuration:

"turboConsoleLog.template": "console.log ( '[wrapper] → [variable]', [variable] )"

This would also enable some advanced features, for instance I could have this template:

debug ( '[wrapper]', '[variable]', [variable] ); 

And the following function defined somewhere else in my code:

function debug ( wrapper, valueName, value ) {
  console.log ( `${wrapper} → ${valueName}`, value );
  if ( isError ( value ) ) debugger;
}

What do you think?

I love your plugin but ended up disabling it because I found the addition of prefix + className - functionName makes it really difficult to read.

Most of the time I just log the variable name and that's enough.

Could you add perhaps a setting to disable these to just have this:

console.log("SelectedVariable", SelectedVariable)

Thanks for considering

What are the key bindings for macos?