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

makpad

v0.2.12

Published

A notepad.

Downloads

102

Readme

Basic

You can click on Markdown links.
You can click on Markdown checkboxes.
You can use ⌘ + [ / ⌘ + ] to outdent / indent text.
You can use ⌥ + Click to position the cursor, even on links.
You can use ⌘ + Click to add multiple cursors.
You can use ⌥ + Drag to select a rectangle area.
You can use ⌘ + Drag to select multiple areas.
You can use the middle button on mouse to open links in new tab.

File (#file)

Files start with a hashtag (#) in the URL / link.

Action (?action)

Actions start with a question mark (?) in the URL / link, and use = to pass parameters.
Actions will be removed from URL automatically.
Actions can be attached to files.
Actions may change / override contents.

Mode (#file?mode)

A mode is a pre-defined way to view files, so modes must be attached to files.
Modes will stay in URL, but won't be stored anywhere.
So if you click a link or open another file, current mode will be gone.
If you want to use a mode as default option, use settings below.

Settings (set:option)

Settings change preferences globally and persistently.
Settings do not work in URL.
Settings can be override (locally) by modes.

Examples


Feature list

  • minimal UI
  • Markdown highlighting
  • code highlighting
  • LaTeX support
  • clickable links
  • split view (side by side)
  • read view (HTML only)
  • alt + click to localize cursor
  • cmd + click to use multiple cursors
  • middle button to open link in new tab
  • auto-saving notes
  • auto-saving settings
  • separated file store
  • file list
  • modes / actions / settings in URL
  • settings in console
  • character, word, line counter
  • light / dark mode
  • line number
  • small / normal / big UI sizes
  • cmd / ctrl + s to save .md file
  • gist view
  • todo list
  • browser scaling friendly
  • print command
  • improved print styles

Raw thoughts

  • plugins / themes
    • install via GET access
    • encoded with base64
    • how to authorize
    • security
    • abstraction
    • for themes, DSL (JSON) is enough
      • i.e. mak.shud.in?install_theme=eyJuYW1lIjoibG9yZW0gaXBzdW0iLCJiZ0NvbG9yIjoicmVkIn0=
      • doable
      • fonts
      • too long for GET?
  • ~~hijack uncaught console error~~
    • for typos in settings
      • i.e. Uncaught ReferenceError: dar is not defined at :1:1
      • show a suggestion like you may wanna try "dark"?
    • ~~proxy~~
    • ~~getter~~
    • impossible
  • latex
    • katex
    • preview is necessary
  • code highlighting
  • checkbox
    • to-do list
  • spellcheck
  • monospace (fixed width) toggle
    • fonts
      • pt mono
      • menlo
      • fira code
      • andale mono
      • courier
  • b&w mode, focus mode, etc..
    • what is FOCUS WRITING?
    • false requirements?
  • dnd
    • drag files
      • markdown, raw text
      • image (insert)
    • drag to insert text
      • link detection
  • share
    • do we really need a backend?
    • webrtc
    • URL schema, levels
    • firebase
  • simple collaborate
    • try webrtc
    • conflicts
  • put data in URL
    • https://jbt.github.io/markdown-editor
    • why?
  • gist reader
    • override original pad?
    • editable?
  • reader + pagination
    • A4 paper view (like PDF)
  • add to home screen (iOS)
  • remove settings when version changed
    • maintain a version number in settings

By Shu ([email protected]), SH 2017
http://mak.shud.in