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

karensboutique-shared

v1.0.8

Published

Shared utilities for Karen's Boutique main and admin sites

Readme

@karensboutique/shared

Shared utilities and services for Karen's Boutique main and admin applications.

Installation

npm install @karensboutique/shared

Usage

Firebase Configuration

import { initializeFirebase, createFirebaseConfig } from '@karensboutique/shared';

// Initialize with custom config
const config = createFirebaseConfig();
const { app, auth, db, storage } = initializeFirebase({ config });

// Or use default instance
import { auth, db, storage } from '@karensboutique/shared';

Email Service

import { emailService } from '@karensboutique/shared';

// Send welcome email
await emailService.sendWelcomeEmail({
  name: 'John Doe',
  email: '[email protected]'
});

// Send order confirmation
await emailService.sendOrderConfirmation({
  customerName: 'John Doe',
  customerEmail: '[email protected]',
  orderId: 'ORD-123',
  orderDate: new Date().toISOString(),
  items: [...],
  total: 1500,
  shippingAddress: {...},
  paymentMethod: 'card'
});

Cart Recovery

import { getRecoveryEmailTemplate } from '@karensboutique/shared';

const emailHtml = getRecoveryEmailTemplate({
  userEmail: '[email protected]',
  cartId: 'cart-123',
  items: [...],
  totalValue: 2500,
  abandonedAt: Date.now(),
  recoveryLink: 'https://site.com/cart?recovery=cart-123'
});

Firebase Admin

import { adminDb, isAdminAvailable } from '@karensboutique/shared';

if (isAdminAvailable()) {
  const doc = await adminDb.collection('users').doc('user-id').get();
}

TypeScript Types

import type { 
  User, 
  Product, 
  Order, 
  CartItem,
  EmailTemplate 
} from '@karensboutique/shared';

const user: User = {
  uid: 'user-123',
  email: '[email protected]',
  displayName: 'John Doe',
  // ... other properties
};

Environment Variables

The shared package expects these environment variables:

Firebase Configuration

NEXT_PUBLIC_FIREBASE_API_KEY=
NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN=
NEXT_PUBLIC_FIREBASE_PROJECT_ID=
NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET=
NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID=
NEXT_PUBLIC_FIREBASE_APP_ID=
NEXT_PUBLIC_FIREBASE_MEASUREMENT_ID=

Firebase Admin (Server-side only)

FIREBASE_SERVICE_ACCOUNT_KEY=

Email Service

RESEND_API_KEY=
FROM_EMAIL=

Site Configuration

NEXT_PUBLIC_SITE_URL=

Features

  • Firebase Integration: Pre-configured Firebase client and admin SDK
  • Email Service: Complete email service with beautiful HTML templates
  • Cart Recovery: Abandoned cart email templates and utilities
  • TypeScript Support: Full TypeScript definitions for all data types
  • Environment Validation: Automatic validation of required environment variables
  • Error Handling: Comprehensive error handling and logging

License

MIT