Coder Social home page Coder Social logo

docs-browser's People

Contributors

dchassin avatar derins avatar jongoncalves avatar

Stargazers

 avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar

Forkers

austinoboyle

docs-browser's Issues

CSS is boring

The CSS style is not interesting. We need to come up with a design that is distinctively SLAC GISMo, including things like a nice banner, our vision, and a link to our homepage.

Add 404 handler

If a user triggers a 404 from the github api, e.g. typing in an input that doesn't resolve to something valid from github's perspective, we need to let the user know.

There are multiple options, we can show a toast message that says the requested doc could not be found. We can simply highlight the input box red with a tooltip. Or we can change the whole main-content to show there was a 404 error.

Need a deployment mechanism

The installation process needs a Python script to deploy on cloud platforms like AWS, e.g., simple script that works as follows:

bash$ git clone https://github.com/slacgismo/docs-browser
bash$ cd docs-browser
bash$ nano src/config.js
bash$ ./deploy.sh src www.mysite.org

Authenticated access is needed

Users are not able to login to the host when using the browser. As a result, they are limited to about 50 queries (or about 15 page refreshes) per hour.

We need to add user authentication.

Need to handle entire docs tree

Some project docs folders are more complex and have a tree, not just a flat list. Support for unfolding folders in the tree is needed. See dchassin/gridlabd/develop for a good example.

Add search capability

GitHub supports searching using https://api.github.org/search/code. However it has some important limitations, chief among which is that it will only search the master branch of the original project and not search the forks. We also will need to restrict the search to the docs folder .md files, and separate exact file name matches from content matches. When content matches are found, some context should be given, and if possible when the user clicks on it, the page should be display at the location of the first match with the browser's search bar configured to find the matching contents further down the page. When the browser navigates back to the search page, the page should be redisplayed as it was so that the user does not lose their place in the search list and can tell where to continue. A "Next" button would be really nice alongside the "Go" button.

Support query string params

When the document browser is loaded, we should attempt to parse the query string params, if any. If they are given, then we populate the input fields with those values and perform the initial page load request with them.

We should support something like 👇
?owner=slacgismo&project=gridlabd&branch=develop&folder=/Module&doc=/README.md

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.