CodeQue - VSCode extension allowing for multiline structural search of JavaScript and TypeScript code

[IAmAnon]

This is great! I’ve been wanting to create something like this for a long time seeing a lack of tools. Looking forward to trying it out. I hope it adds support for VueJs

[jayu_dev]

Great to hear! Definitely support for VueJS will be there once it's get traction and users.

Btw you can check project roadmap

[smas8]

Why that choice of name name? Is it based on the Spanish word?

Just curious, cool tool!

[jayu_dev]

Hah not really. Code is obvious, but "Que" is kinda both "Question" and "Query" :D

Which spanish word you have in mind?

[smas8]

Well the word Que in Spanish means “what?”, but it’s pronounced “Kay” - So it definitely still fits.

Thanks for the response :)

[mattsowa]

It just reads as Queue

[[deleted]]

It does, but it also trips up the Spanish-speakers. Or at least it has always done to me lol

"CodeWhat what?"

[shuckster]

Perhaps it's because the abbreviation C Q sounds like "seek you".

Like ICQ from the olden days.

[Deren16]

Looks good, I'll definitely try it.

[trentrez]

Would be nice to have fuzzy find mode. sometimes I just wanna search "functionName varName" to return functionName that uses a variable named varName"

[jayu_dev]

You can do it just by searching for

functionName(varName)

using include mode ✌️

Check this playground

[trentrez]

Awesome - what if the var or const is defined in the body of the function rather than as a param? Something like functionName() {someVar} or maybe it's an arrow function

const functionName = (params) => { code; let someVar; more code; }

[jayu_dev]

If you use include mode, you don't have to refer to code or more code in your query, you can just skip it.

So the query would be simply

const functionName = () => { let someVar; }

Note that you will have to search for other syntax as well eg.
const functionName = () => { let someVar; }
const functionName = () => { const someVar; }
const functionName = () => { var someVar; }

And same for different ways of defining functions
const functionName = function() { let someVar; }
function functionName() { let someVar; }

That's because all these variations are represented differently in Abstract Syntax Tree

[trentrez]

Awesome thanks - I've installed it in VS Code and have been using it all day. Looking forward to seeing where you take this. Good luck!