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

or-pipets

v1.0.1

Published

Typed pipeable interface for imperative sequences in FP.

Downloads

681

Readme

||pipets

or-pipets logo

lint ava

Maintainability codecov

bundlephobia: minzip

XO code style code style: prettier versioning: or-release

Typed pipeable interface for imperative sequences in FP.

This package provides two constructs - Pipe and AsyncPipe. AsyncPipe provides the same methods as Pipe but its methods (except for .concat) end with P, e.g. .pipeP instead of .pipe. This is done to distinguish in the code when a Pipe transforms to an AsyncPipe.

  • Pipe.of(func) and AsyncPipe.of(asyncFunc) wrap a function into pipe or async pipe accordingly

  • Pipe.from(...funcs) and AsyncPipe.from(...asyncFuncs) wrap multiple functions

  • Pipe.empty() and AsyncPipe.empty() create empty pipes

  • pipe.pipe(func) extends the sequence with a function

  • .pipeTap(func) extends the sequence with a function. The function will be executed but the pipe will ignore its return value and preserve previous context instead

  • .pipeExtend(func) extends the sequence with a function. The function will be executed and the return value will be merged with the previous context. Should only be used with objects

  • a.concat(b) creates a new pipe that contains sequences of both pipes. If either a or b is an AsyncPipe, an AsyncPipe is returned, no matter what another pipe was.

Installation

yarn add or-pipets

or

npm i -S or-pipets

Examples

Bored

Suggests you ideas in case you get bored.

import { EventEmitter } from 'events'
// You also need node-fetch for this to work
import fetch, { Response } from 'node-fetch'
import { AsyncPipe } from 'or-pipets'

const emitter = new EventEmitter()

const getJson = async (response: Response) => response.json()

const boredPipe = AsyncPipe.of(() => 'https://www.boredapi.com/api/activity')
	.pipeTapP(() => console.log('Searching for activities... 🤔'))
	.pipeP(fetch)
	.pipeP(getJson)
	.pipeP((json: { activity: string }) => json.activity)
	.pipeTapP(() => console.log('Found one 🎉'))
	.pipeP((activity) => `  💡 ${activity}`)
	.pipeP(console.log)

emitter.on('bored', boredPipe.processP)

setTimeout(() => emitter.emit('bored'), 300)

Add 10

Adds 10 to the number you provide as a CLI argument.

import { Pipe } from 'or-pipets'

// Start with removing the first two strings in the argv
Pipe.of((argv: string[]) => argv.slice(2))
	// .pipeTap executes provided function but the return value is
	// ignored - the argument is passed to the next function instead
	// Log the context to console
	.pipeTap((x) => console.log('>>>', x))
	// Get the first item in the array and parse a number, 0 if NaN
	.pipe(([numberString]) => Number.parseInt(numberString, 10) || 0)
	// Log the context to console
	.pipeTap((x) => console.log('>>>', x))
	// Add 10
	.pipe((number) => number + 10)
	// Log the result to console
	.pipe((result) => console.log(`🧮 ${result}`))
	// Pass argv to the context of the Pipe
	.process(process.argv)

Welcome to localhost

Welcomes you to localhost:3000.

import * as express from 'express'
import { Pipe } from 'or-pipets'

const app = express()

interface ICtx {
	request: express.Request
	response: express.Response
}

// Here we start with Pipe.empty() because our first function returns
// void. If we pass it to Pipe.of, it will pass nothing to the first
// pipeExtend and the code will fail. This is because pipeExtend
// manages saving previous context, not the Pipe itself.
const getSlashPipeline = Pipe.empty<ICtx>()
	.pipeExtend(({ response }) => response.setHeader('X-Powered-By', 'Express with Pipe'))
	// Puts the value of the Host header to the context
	.pipeExtend(({ request }) => ({ host: request.header('host') ?? '🤔' }))
	// Creates the response string with the host
	.pipeExtend(({ host }) => ({ responseBody: `Welcome to ${host}!` }))
	// Wraps the response string into h1
	.pipeExtend(({ responseBody }) => ({ responseBody: `<h1>${responseBody}</h1>` }))
	// Sends the response
	.pipe(({ response, responseBody }) => response.send(responseBody))

app.get('/', (request, response) => getSlashPipeline.process({ request, response }))

app.listen(3000, () => {
	console.log(`Example app listening on port 3000`)
})