npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

@nteract/web

v1.4.1

Published

An nteract-based web application with kernels provided by Binder

Downloads

25

Readme

@nteract/web is a NextJS-based web application that provides a nteract based interactive playground for users to connect to kernels hosted on MyBinder and run code samples against it.

This web application is a great way to test changes on the nteract core SDK without requiring a Jupyter setup on the dev machine. It is also useful for students learning about data science. Researchers can use it to share their work quickly with minimum efforts.

WARNING: This application is in pre-alpha.

Index

Development

If you want to contribute to this project, read the information given below.

Pre-Requisites

You should be familiar with following to get started.

  • HTML/CSS
  • Javascript
  • Familiarity with CLI

pre-requisites the system needs to develop this project.

  • NPM or Yarn
  • Node

Development Environment

To setup the development.

  1. Clone the nteract monorepo.

  2. Install the dependencies yarn install and run the build command yarn build in the root of the repository.

  3. Go to the application/web and install yarn install the dependencies.

  4. Run yarn dev to start the server.

    $ git clone https://github.com/nteract/nteract $ cd nteract $ yarn install

    $ cd ./applications/web $ yarn install $ yarn dev

This will start the development server on port 3000.

URL Format

localhost:3000/p?=VCS=${1}&org=${2}&repo=${3}&ref=${4}&file=${5}

Github Authentication

The program/page to handle Github auth is at @nteract/web/pages/auth/. It is powered by the play-oauth-server. It currently supports only Github but support for more VCS can be added in future.

File Structure

File/Folder Name | Description -----------------|------------ components/ | This folder holds all the components used by the application. pages/ | This folder holds all the endpoints or pages. To create a new endpoint, create a folder with the endpoint name. /p and /auth are currently the endpoints used. redux/ | The redux store util/ | This holds all the internal utility files used in the application.

Community

Contribution

Your contributions are always welcome and appreciated. Following are the things you can do to contribute to this project.

  1. Report a bug If you think you have encountered a bug, and I should know about it, feel free to report it here and I will take care of it.

  2. Request a feature You can also request for a feature here, and if it will viable, it will be picked for development.

  3. Create a pull request It can't get better then this, your pull request will be appreciated by the community. You can get started by picking up any open issues from here and make a pull request.

    If you are new to open-source, make sure to check read more about it here and learn more about creating a pull request here.

License

BSD-3-Clause