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

pg-socket

v1.0.17

Published

## Runs a socket.io server with events for changes from configured postgres database

Downloads

22

Readme

PG-SOCKET

Runs a socket.io server with events for changes from configured postgres database

Supported ENV Variables

Database Configuration (Required)

DB_DATABASE - Database Name
DB_HOST - Database Host
DB_PORT - Database Port
DB_USER - Database User
DB_PASSWORD - Database Password

or

DATABASE_URL - Postgres Connection String (ex: postgres://user:password@host:port/database?schema=public)

Optional Configs

WHITELISTED_TABLES - Comma Separated List of Tables to watch, if not set, all tables will be watched
BLACKLISTED_TABLES - Comma Separated List of Tables to ignore. Ignored in case WHITELISTED_TABLES is set
SOCKET_PORT - Port to run socket.io server on, defaults to 4000. Can be overridden by -p flag

Example Usage

CLI

npx pg-socket #-p 4001

package.json

Additionally env-cmd can be used to load the environment variables

yarn add -D pg-socket env-cmd
{
  "scripts": {
    "pg:socket": "env-cmd --silent pg-socket"
  }
}

Docker

docker run -p 4000:4000 -e DB_DATABASE=postgres -e DB_HOST=localhost -e DB_PORT=5432 -e DB_USER=postgres -e DB_PASSWORD=postgres -e WHITELISTED_TABLES=users,posts -e SOCKET_PORT=4000 -d pg-socket

Docker Compose

version: "3"

services:
  app:
    build:
      context: .
    image: my-app-backend-img
    container_name: my-app-backend
    restart: unless-stopped
  redis:
    image: redis
    container_name: my-app-redis
    restart: unless-stopped
  pg-socket:
    image: ashrhmn/pg-socket
    container_name: my-app-pg-socket
    restart: unless-stopped
    # Set ENV Variables in .env file
    env_file:
      - .env
    # Or set ENV Variables here
    environment:
      - DATABASE_URL=postgres://user:password@host:port/database?schema=public
      - WHITELISTED_TABLES=users,items
      - SOCKET_PORT=4000

Client Side Usage

Socket will emit events for each table that is watched. The event name will be the table name. The event payload will be empty.

Global watch event will be emitted on the all event. The payload will be the table name.

// Client Side
import { io } from "socket.io-client";

export const socket = io(
  process.env.NEXT_PUBLIC_SOCKET_URL
);

socket.on("products", ()=>{
    // Do something
});


socket.on("all", (tableName)=>{
  if(tableName === "products"){
    // Do something
  }
});