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 🙏

© 2026 – Pkg Stats / Ryan Hefner

webside-app

v2.8.1

Published

Smalltalk Web IDE

Vulnerabilities

Powered byPowered by Snyk
  • 0High
  • 0Medium
  • 0Low

Links

Maintainers

guilleamaralguilleamaral

Keywords

Readme

Explore the docs »

View Demo · Report defect · Request feature

Webside is both the specification of an API to interact with an Smalltalk system (backend), and a web IDE (frontend) built on top of such API.

The API definition follows this principle: assume as less as possible from the underlying Smalltalk system. This leads to keep a healthy distance from the particularities of a given dialect and its tooling, in favor of enabling the implementation of a common, yet useful set of tools (IDE) for every Smalltalk implementation.
Of course, some assumptions are made and these impose some degree of adaptation in the implementation of the API for a particular Smallalk.

Provided the API is implemented according to the specification, the IDE is fully operational on the Smalltalk at hand, offering traditional Smalltalk IDE tools such as code browsers, workspaces, inspectors, debugger and more.

Webside on Bee

Webside on Pharo

Webside on Dolphin

Read more here.

Getting Started

Prerequisites (for development)

The following steps will demand both time and space, and are only intended to recreate the development environment in your local machine. In case you only want to use Webside to connect to some Smalltalk backend, you can skip these steps and go directly to Usage.

  • npm
npm install npm@latest -g
  • Your Smalltalk image implementing the API

Installation

  1. Clone the repo
git clone https://github.com/guillermoamaral/Webside.git
  1. Install dependencies
npm install
  1. Launch Webside
npm start

Usage

The last step will open a web browser on a page like the one shown below, asking for the URL of the target Smalltalk system and the username to be used inside your Webside session (this is used as the author of modifications, and to be identified by peers in the same session)

Connection

The URL (port and base URI) will correspond to the one chosen by the web server running inside the Smalltalk system (for instance, the default configuration of Webside for Pharo at the moment of writing this documentation is http://{hostname}:9001/pharo)

Demo

There is an online version available here. As mentioned above, it will prompt the URL where a Smalltalk system is listening. You can setup and launch Webside in Pharo as described in Pharo-Webside.

Also, here are some talks I gave about this project:

License

Distributed under the MIT License. See LICENSE for more information.

Contact

Guille Amaral - [email protected]

Project Link: https://github.com/guillermoamaral/Webside