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

flat-un-flat

v0.0.10

Published

A lightweight library to flatten and unflatten nested objects with separator or dot-notation keys

Downloads

328

Readme

flat-un-flat

A lightweight, TypeScript-first library for flattening and unflattening nested objects with dot-notation or custom separators. Perfect for handling complex data structures in configuration files, APIs, and data transformation pipelines.

npm version typescript

Features

Full TypeScript Support - Complete type definitions and IntelliSense
🚀 Zero Dependencies - Lightweight and dependency-free
📦 Tree-shakeable - Modern ESM exports
🎯 Two Flatten Methods - Regular or array-preserving flattening
🔧 Customizable Separators - Use any separator for unflattening
📚 Well Documented - JSDoc comments for IDE hints

Installation

npm install flat-un-flat
# or
pnpm add flat-un-flat
# or
yarn add flat-un-flat

Quick Start

Flatten Objects

import { flattenObject } from 'flat-un-flat';

const nested = {
  user: {
    name: 'John Doe',
    email: '[email protected]',
    address: {
      street: '123 Main St',
      city: 'New York',
      zip: '10001'
    }
  }
};

const flat = flattenObject(nested);
// Result:
// {
//   'user.name': 'John Doe',
//   'user.email': '[email protected]',
//   'user.address.street': '123 Main St',
//   'user.address.city': 'New York',
//   'user.address.zip': '10001'
// }

Unflatten Objects

import { unflattenObject } from 'flat-un-flat';

const flat = {
  'user.name': 'John Doe',
  'user.email': '[email protected]',
  'user.address.city': 'New York'
};

const nested = unflattenObject(flat);
// Result:
// {
//   user: {
//     name: 'John Doe',
//     email: '[email protected]',
//     address: {
//       city: 'New York'
//     }
//   }
// }

Flatten with Array Preservation

When you have arrays in your nested object and want to keep them as values instead of flattening further:

import { flattenObject } from 'flat-un-flat';

const nested = {
  config: {
    servers: ['server1', 'server2', 'server3'],
    database: {
      hosts: ['db1.example.com', 'db2.example.com'],
      port: 5432
    }
  }
};

const flat = flattenObject(nested, {preserveArrays: true});
// Result:
// {
//   'config.servers': ['server1', 'server2', 'server3'],
//   'config.database.hosts': ['db1.example.com', 'db2.example.com'],
//   'config.database.port': 5432
// }

Custom Separators

import { unflattenObject } from 'flat-un-flat';

const flat = {
  'user__name': 'John Doe',
  'user__email': '[email protected]'
};

// Use double underscore as separator
const nested = unflattenObject(flat, '__');
// Result:
// {
//   user: {
//     name: 'John Doe',
//     email: '[email protected]'
//   }
// }

API Reference

flattenObject(obj, options)

Flattens a nested object into a single-level object with dot-notation keys. Does not preserve arrays.

Parameters:

  • obj: NestedObject - The nested object to flatten
  • options: {preserveArrays: boolean} - preserveArrays: true Flattens a nested object while preserving arrays as values without further flattening.

Returns: FlatObject - A flattened object with dot-notation keys

unflattenObject(flatObj, separator?)

Unflattens a flat object with dot-notation or custom separator keys back into a nested object structure.

Parameters:

  • flatObj: FlatObject - The flat object with dot-notation or separator keys
  • separator?: string - (Optional) Separator for splitting keys (default: '.')

Returns: NestedObject - A nested object structure

Use Cases

  • Environment Variables - Flatten/unflatten config objects from env vars
  • Form Data - Convert nested form structures to flat key-value pairs
  • API Transformations - Convert between different API response formats
  • Database Operations - Transform nested documents to flat records
  • Configuration Management - Handle complex configuration hierarchies
  • State Management - Flatten Redux/Zustand store state for persistence

TypeScript Support

This library is built with TypeScript and provides complete type definitions:

import type { FlatObject, NestedObject } from 'flat-un-flat/types';

const myObject: NestedObject = { /* ... */ };
const flattened: FlatObject = flattenObject(myObject);

Browser & Node Support

  • Node.js 14+
  • All modern browsers (ES2020+)
  • CommonJS and ESM modules

Performance

The library is optimized for performance:

  • Recursive flattening uses iterative approach to avoid stack overflow
  • No unnecessary object copies
  • Minimal memory footprint

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

License

MIT © Ramkumar K

Author

Ramkumar K