Skip to content

phillt/project-helpers

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

25 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Project Helpers

Tiny library with some fun uses. Honestly, this is just my first NPM package, so more of a test for me really. But everything should work fine.

Installation

npm install project-helpers

Usage

import {helpers, mapObj, setDeep, ifFunc, arrayChunks} from "project-helpers"

Group an array into chunks of arrays.

This method is good for creating grids and any other things that require an array to be sorted into chunks.

const testArray = [1, 2, 3, 4, 5, 6, 7, 8, 9];

const resulta = arrayChunks(testArray, 3);
const resultb = arrayChunks(testArray, 4);

// resulta is: [[1,2,3], [4, 5, 6], [7, 8, 9]]
// resultb is: [[1,2,3, 4], [5, 6, 7, 8], [9]]

Access deeply nested values from an object

Sometimes we just need to reach a bit deeper than we'd like but are unsure if the pathway is even set.

Use this method to safely access deeply nested values.

const deepObject = {layer_one: {layer_two: {layer_three: { worked: "worked"}}}};

const result = accessDeep("layer_one.layer_two.layer_three.worked", deepObject);

result should be "worked"

Map an object like you would an array

Do you need to iterate through an object's values? Here you go. You're welcome:

const objectMap = {
        one: 1,
        two: 2,
        three: 3
    };
    
const result = mapObj(objectMap, function (val) {
                return val;
            });

result should be [1, 2, 3]

Deeply set a value of an object.

If you need to deeply set a value of an object, we can do so using the setDeep method. This will create the path even though it's not already set.

let myObject = {};

helpers.setDeep(myObject, "set.deeply.nested.values", "myValue");

// myObject.set.deeply.nested.values = "myValue";

// Now it should look like this:
myObject = { set: { deeply: { nested: { values: "myValue" }}}};

Call a function if it's a function

Sometimes in projects we need to call functions if they are indeed functions. For example, in a React project sometimes we have props that are optional. These props can contain functions. If that is indeed the case, we would end up writing something like this:

if (typeof myfunc === "function") {
    myfunc(...)
} 

Well, we think even the one-liner solution of this sucks. So we created better:

const myFunction = function (a, b) {
    return a + b;
}

ifFunc(myFunction, 1, 2) // should return 3;

This will gracefully fail if the function is not set.

Tests

npm test

Contributing

In lieu of a formal style guide, take care to maintain the existing coding style. Add unit tests for any new or changed functionality. Lint and test your code.

About

This has a nice list of goodies for miscellaneous use.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published