Giter VIP home page Giter VIP logo

Comments (5)

olafurpg avatar olafurpg commented on July 4, 2024

We can do this the same way we do for searching for filenames. I would restrict the symbols to global class/object/trait kinds.

from metabrowse.

jonas avatar jonas commented on July 4, 2024

Here's a quick mock-up for creating an "omnibar" to search/complete file and symbol names.

screen shot 2018-09-28 at 12 02 18

input#omnibar {
    background-color: rgba(255,255,255,0.1);
    border: none;
    position: absolute;
    top: 10px;
    left: 59px;
    color: inherit;
    font-size: inherit;
    height: 36px;
    padding-left: 10px;
    width: 79%;
}

If I can get that to work (or find a library that allows to easily create a search box with pluggable completion) we should be able to implement this.

from metabrowse.

olafurpg avatar olafurpg commented on July 4, 2024

@jonas That looks amazing, I might be tempted to implement the completions myself in Scala.js. What would the interface be? I can imagine something like

def completions(query: String): List[String]

I have forever wanted a search bar similar to https://cs.chromium.org

from metabrowse.

olafurpg avatar olafurpg commented on July 4, 2024

@jonas have you tried to see if we can access the same APIs as QuickOutlineAction for the document symbol provider? https://github.com/Microsoft/vscode/blob/d5b94eb3a7f1fe165590bbd0e685516400050a8f/src/vs/editor/standalone/browser/quickOpen/quickOutline.ts#L115-L151

from metabrowse.

jonas avatar jonas commented on July 4, 2024

When looking at switching to the Monaco Webpack plugin (#106) I noticed that it uses the JS sources directly, so it might be possible to access some of that, however, since it is not exposed via the Monaco API I don't know if it is possible.

from metabrowse.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.