Skip to content

Express Activitylog UI

💎 Premium Package

This is a paid package available to licensed users.

Beautiful admin panel for @actinode/express-activitylog. View, filter and manage all activity logs from a clean minimal interface.

Features

  • 📋 Clean logs table with all details
  • 🔍 Filter by user, action, model, date range
  • 📄 Pagination with configurable page size
  • 🔎 Click to expand log details
  • 🎭 Masked fields shown as ***masked***
  • 🌙 Dark mode support
  • 🔌 Works standalone or inside express-admin shell

Preview

The activity log panel shows:

  • Table with #, user, action, model, description, date
  • Relative timestamps (2 min ago, 1 hr ago)
  • Expandable rows for full log details
  • Clean filter bar at the top
  • Pagination controls at the bottom

Requirements

  • @actinode/express-activitylog must be installed

Installation

bash
npm install @actinode/express-activitylog-ui

Standalone Usage

typescript
import { activityLogPanel } from '@actinode/express-activitylog-ui'
import { prismaAdapter } from '@actinode/express-activitylog'

app.use('/_admin/logs', activityLogPanel({
  license: process.env.ACTINODE_LICENSE_KEY,
  adapter: prismaAdapter(prisma),
}))

With Express Admin Shell

typescript
import { createAdmin } from '@actinode/express-admin'
import { activityLogPanel } from '@actinode/express-activitylog-ui'

app.use('/_admin', createAdmin({
  license: process.env.ACTINODE_LICENSE_KEY,
  panels: [
    activityLogPanel({ adapter: prismaAdapter(prisma) })
  ]
}))

API Reference

activityLogPanel(config)

OptionTypeRequiredDescription
licensestringYesYour license key
adapterActivityAdapterYesPrisma or Mongoose adapter
pageSizenumberNoLogs per page (default: 20)

Get Access

to get early access.

Released under the MIT License.