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

express-minixed

v1.0.5

Published

Minimal and nice-looking directory indexer

Downloads

7

Readme

express-minixed

Minimal and nice-looking directory indexer but now ported to Express Middleware
Original idea was taken from lorenzos@Minixed

What changed?

  • Ported to Express Middleware
  • EJS template engine
  • Auto dark mode (colors inverted)
  • Converted PNG icons to SVG

Installation

This is Express Middleware so make sure to install express first
You can install this package through npm

npm install express-minixed

Documentation / Example

Once installed and imported into your code
You must initialize Minixed with your public (static) path

const Minixed = require('express-minixed');
const express = require('express');
const path = require('node:path');

// Getting public path
const publicPath = path.join(__dirname, 'public');

const app = express();

// Setting public path to express
app.use(express.static(publicPath));

// Initialize Minixed
const minixed = new Minixed(publicPath);

Once Minixed has successfully initialized, you can use it.

...

// Actual path should be look like staticPath
// But it can be different

const staticPath = 'public/path';
const actualPath = 'public/path';
app.use(staticPath, minixed.list(actualPath, {
  // minixed options
  fileParse: 'name',
  showDirectories: false,
  showIcons: false
}))

Options

title

Title text of Minixed that can display current path
Warning: If breadcrumbs option set to true title will still have path
Default: Index of {{path}}

subtitle

Subtitle text that can display number of files in directory and its total size
Default: {{files}} object(s) in this directory, {{size}} total

emptySubtitle

Subtitle text when there is no files in directory
Can display files and size like subtitle option
Default: No objects in this directory

ignore

Array of file names to ignore
Sensitive to fileParse option
Default: [] (Empty Array)

fileParse

Displays what the file name will look like
base will display file name and its extension
name will display only file name
For more info see path docs
Default: base
Options: base, name

showParent

Shows parent directory (.. /) if you are in sub directory
Default: true

breadcrumbs

Divides the path in title text into subdirectories that you can navigate through
Default: false

showDirectories

Shows directories in file list
Default: true

showHiddenFiles

Shows hidden files in file list
Default: false

showFooter

Shows credit footer
Don't turn it off if you want to support the project
Default: true

showIcons

Shows icons before the file name
Default: true

sizeDecimals

Displays how many decimals the file size value should show
Default: 2

alignment

How the interface should be aligned
Default: center Options: left, center, right

dateFormat

Format of file date
For more info about format see moment docs
Default: DD/MM/YY HH:mm:ss

robots

HTML meta to disable search robots
Default: noindex, nofollow