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

seite

v0.0.4

Published

fastest way for writing stuff

Downloads

1

Readme

Create batteries-included docs and blogs from markdown and HTML files with zero configuration. Supports frontmatter, code highlighting, navigation, custom layouts and scripts, Web Components, and more.

npx seite

version GitHub Workflow Status

Work in Progress

This is a work in progress, and is not yet ready for use. I'll be adding more features and documentation as I go. In this bit I'll outline what Seite is supposed to become / achieve:

  • It should turn a README of a project into a nice looking doc with zero effort.
    npx seite
    
    # 👆 This should turn the README.md file into a 
    #    nice looking doc, ready to be deployed to gh-pages.
  • It should support long one-pager docs, as well as multi-page websites.
    # Intro
    
    Some intro text.
    
    <include src="./section-one.md" />
    <include src="./section-two.md" />
    
    <!-- It should also automatically generate ToC from these. -->
  • It should handle relative imports, and this should be the main mechanism it handles assets, scripts, layouts and styles.
    <img src="./logo.svg" />
    
    <link rel="stylesheet" href="../some.css" />
    <style>
      @import './some-other.css';
    </style>
    <script type="module">
      import * from '../some.js'
    </script>
    
    <!--
      Everything should be automatically packed alongside
      built files, also supporting assets imported from the scripts
      ands styles.
    -->
  • It should allow environmental styles, scripts, layouts, and frontmatter, so that the markdown files would still be readable on GitHub.
    <!-- README.md -->
    
    # Welcome to my project
    
    ...
    /* _seite.css */
    
    p {
      color: red;
    }
    /* This should be applied only when the site is built. */
    <!-- _seite.html -->
    <header>Some stuff</header>
    <slot></slot>
    <include src="./footer.md" />
    
    <!-- This acts as the layout for the page when it is built. -->
  • It should get all the minimal amount of config it needs from frontmatter (and environmental frontmatter).
    ---
    title: My Project
    description: This is my project.
    code theme light: A11YLight
    code theme dark: A11YDark
    ---
    
    # Welcome to my project
    
    ...
  • It should support Web Components with SSR for custom content.
    <h1>My Thoughts on Stuff</h1>
    <author-and-date></author-and-date>
    
    <!--
      The author and date info should also be automatically fetched
      from git commits, and the component should be able to pick
      these up at the server and the client.
      -->

Roadmap

  • [x] ~~Add environment manager~~
  • [x] ~~Add input management (multiple files, dest folders, etc)~~
  • [x] ~~Add support for html entries~~
  • [ ] Add chain asset management
  • [ ] Add layout management (layout & include directives)
  • [ ] Add environmental scripts
  • [ ] Add environmental layouts
  • [ ] Add environmental frontmatter and config management
  • [ ] Add auto ToC
  • [ ] Add Web Components support w/ SSR