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

snakify-ts

v2.3.0

Published

Recursive snake casing of object property names with proper typing

Downloads

21,734

Readme

snakify-ts

CI

A typescript typed snake_case function that recursively snake cases a camel cased object structure. It snake cases a simple string too, if you need that.

snakify-ts is camelize-ts’ twin 👯.

Why do this again?

This has obviously been done before, and the "new" thing with this pacakge is not snake casing itself but the fact that it is a generic that, given the form of the input data structure, will provide you with typing for the returned object structure so that it fits with other types.

As an example we've been using it to prepare data for requests to an API that expects snake cased parameter names while at the same time avoiding the snake case stuff from leaking into our React frontend.

Example

import snakify from 'snakify-ts'

// Expects snake case
function postIt({
  first_name,
  last_name
}: {
  id: number,
  first_name: string,
  last_name: string,
  roles: string[]
}) { return `${first_name} ${last_name}` }

// snake case stuff before posting to API
const snakifiedUser = snakify({
  id: 1,
  firstName: 'Grim',
  lastName: 'Reaper',
  roles: ['user', 'admin']
})

console.log(JSON.stringify(snakifiedUser, null, 2))
console.log(postIt(snakifiedUser)

output:

{
  "id": 1,
  "first_name": "Grim",
  "last_name": "Reaper",
  "roles": [
    "user",
    "admin"
  ]
}

Grim Reaper

Shallow option

By default snakify will traverse to the bottom of the object/array structure you pass. If you want to perform a shallow snakify, touching only the top level of the value you can pass true for the shallow option (second argument).

Type inference

You don't need to pass a type to snakify since it uses argument inference to find the type to convert. But if you need to, you can pass a type like this:

snakify<
  // type of value to snakify
  { first_name: string },

  // whether or not to perform shallow snakification
  true
>(
  // value to snakify, type must match the specified type
  value,

  // shallow, must match what's set as the second type argument above (after the type)
  true
)

Type conversion

If you need to convert just a type, you can use the Snakify generic type to do this:

import { Snakify } from 'snakify-ts'

type MyCamelPerson = { firstName: string }
type MySnakePerson = Snakify<MyCamelPerson>

Running tests

npm run test // one time/CI
npm run test:watch // on each file change

Licence

MIT