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

@86d-app/pages

v0.0.30

Published

Custom content pages module for 86d commerce platform

Downloads

381

Readme

[!WARNING] This project is under active development and is not ready for production use. Please proceed with caution. Use at your own risk.

Pages Module

📚 Documentation: 86d.app/docs/modules/pages

CMS-style static pages with a draft/published/archived workflow. Supports hierarchical page structure, SEO metadata, featured images, and optional inclusion in store navigation.

Installation

npm install @86d-app/pages

Usage

import pages from "@86d-app/pages";

const module = pages({
  pagesPerPage: "50",
});

Configuration

| Option | Type | Default | Description | |---|---|---|---| | pagesPerPage | string | "50" | Default number of pages per listing page |

Store Endpoints

| Method | Path | Description | |---|---|---| | GET | /pages | List published pages (paginated) | | GET | /pages/navigation | Get pages marked for navigation | | GET | /pages/:slug | Get a published page by slug |

Store Pages

| Path | Component | Description | |---|---|---| | /pages | PageListing | Page listing view | | /p/:slug | PageDetail | Single page detail view |

Admin Endpoints

| Method | Path | Description | |---|---|---| | GET | /admin/pages | List all pages (any status) | | POST | /admin/pages/create | Create a new page | | GET | /admin/pages/:id | Get a page by ID | | PUT | /admin/pages/:id/update | Update a page | | DELETE | /admin/pages/:id/delete | Delete a page |

Controller API

The PagesController interface is exported for inter-module use.

interface PagesController {
  createPage(params: CreatePageParams): Promise<Page>;
  updatePage(id: string, params: UpdatePageParams): Promise<Page | null>;
  deletePage(id: string): Promise<boolean>;
  getPage(id: string): Promise<Page | null>;
  getPageBySlug(slug: string): Promise<Page | null>;

  publishPage(id: string): Promise<Page | null>;
  unpublishPage(id: string): Promise<Page | null>;
  archivePage(id: string): Promise<Page | null>;

  listPages(params?: {
    status?: PageStatus;
    showInNavigation?: boolean;
    parentId?: string | null;
    take?: number;
    skip?: number;
  }): Promise<Page[]>;

  getNavigationPages(): Promise<Page[]>;
}

Types

type PageStatus = "draft" | "published" | "archived";

interface Page {
  id: string;
  title: string;
  slug: string;
  content: string;
  excerpt?: string;
  status: PageStatus;
  template?: string;
  metaTitle?: string;
  metaDescription?: string;
  featuredImage?: string;
  position: number;
  showInNavigation: boolean;
  parentId?: string;
  publishedAt?: Date;
  createdAt: Date;
  updatedAt: Date;
}

Store Components

Store Components

PageListing

Displays a list of published content pages with titles and excerpts. Links to individual page detail views.

Props:

  • limit (number, optional) — Max pages to display. Default: 50.

PageDetail

Renders a single content page by slug. Shows title, excerpt, featured image, and full content.

Props:

  • slug (string, required) — Page slug to display.

Admin Components

PagesAdmin

Full admin interface for managing content pages. Includes:

  • Paginated table with status, navigation flag, position, and last-updated columns
  • Status filtering (draft/published/archived)
  • Create/edit form with SEO metadata fields (meta title, meta description)
  • Navigation toggle and position ordering
  • Delete confirmation modal

Notes

  • Pages support hierarchical structure via parentId. Deleting a parent sets children's parentId to null (does not cascade).
  • Publishing a page sets publishedAt to the current date; unpublishing reverts status to draft.
  • The /pages/navigation store endpoint returns only published pages with showInNavigation: true.
  • Each page can specify SEO fields (metaTitle, metaDescription) and an optional template name for custom rendering.