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

@voraciousdev/octo

v0.19.0

Published

### Dark and Light Themes

Downloads

4

Readme

latest tag license open issues chat in discussions follow on twitter

screenshot

Features

Dark and Light Themes

Dark theme by default. Light theme if you want it. 😎

Inline Markdown Rendering and Automatic Syntax Highlighting

All Markdown formatting is rendered in place. This eliminates the need for a preview pane while keeping your document in plain text. Feel free to copy and paste your Markdown into or out of this editor! Code blocks are automatically highlighted based on the tagged language.

Client-Side Encryption

Uses a hybrid cryptosystem approach to reap the benefits of both public-key and symmetric encryption.

Keyboard Friendly and Searchable

Keyboard shortcuts are available for many actions. Search documents with plain text or regex.

Context Switching

Focusing on #work or #play? Apply a global filter to only see the documents that are relevant in a given moment.

Offline First and Mobile First (Responsive)

No account, server, or internet connectivity necessary (after first load). The entire app is cached in the browser using Service Workers. Documents are stored in IndexedDB. All features of the app are built for mobile and desktop. The design changes responsively based on available screen real estate.

Modern Technologies

Built with Vue, Vuex, and VueRouter. Progressive Web Apps are accessible on all platforms and installable on many.

Tag-based Organization and Networked Thought

Add as many hashtags to your documents as you like. Build a network of information and explore your knowledgebase just as you would explore your own memories.

Demo

Watch a quick intro on YouTube (1m 39s)

To try out the sandboxed app (no accounts or syncing), check out try.octo.app.

Install

As simple as it gets.

# install dependencies
yarn install

Local Development

We can run it in development mode.

# binds to localhost:8888
yarn serve_dev

We can also run it in production mode.

Note: Offline functionality is only available in production mode due to lack of support in the Vue PWA plugin.

# binds to localhost:8889
yarn serve_prod

Compile to Static Assets

Create the production build.

# compiles at ./dist
yarn build_prod

The static assets will be available in the dist directory.

Attributions

Logo by Zagg Studios

Support

Your support is appreciated. Here are some ways you can help. ♥️

Provide Feedback

Your feedback is immensely important for building octo into an app that we all love. Consider starting a discussion if you have a question or just want to chat about ideas!

Open a Pull Request

If you feel comfortable tackling an existing issue, please consider opening a Pull Request! I am happy to introduce you to the codebase and work with you to get it merged!

Donate

Donations help support the development of octo (this open source project) and the hosting of octo.app.

Accounts on octo.app include syncing and persistence through Firebase. Accounts are currently free, and your financial support directly impacts how long we can keep it that way.

Check out our awesome Backers in BACKERS.md.