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

@tadashi/common

v4.4.0

Published

Common functions

Downloads

3,033

Readme

Common

Common functions

Instalação

$ npm i -S @tadashi/common

Uso

Exemplo um:

import {checkArray} from '@tadashi/common'

const isArray = checkArray([1, 2, 3])
// => true

Exemplo dois:

import {checkArray} from '@tadashi/common/src/lib/check-array.js'

const isArray = checkArray([1, 2, 3])
// => true

Exemplo três:

import {checkArray} from 'https://unpkg.com/@tadashi/common@{version}/src/lib/check-array.js'

const isArray = checkArray([1, 2, 3])
// => true

API

DOM

getData(id: string): object

Converte data-* atributos para objeto

getProp(url: string, prop?: string): string

Pega a propriedade da query string

Parse

parseNumber(v: any): Type<number | any>

Converte o valor para número.

parseBoolean(v: any, force?: boolean): Type<boolean | any>

Converte o valor para boolean.

parses(parse: string): Type<function | void>

Selecione um parser

Storage

getStorage(k: string, type?: string): Type<string | void>

Retorna o dado definido no localStorage/sessionStorage

removeStorage(k: string, type?: string): void

Remove dado do localStorage/sessionStorage

setStorage(k: string, value: string, type?: string): void

Define o dado no localStorage/sessionStorage

URL

fullURL(endpoint: string, data?: object, useParams?: boolean): string

Gera uma url com a qs + data-*

getURL(value?: string): string

Retorna a url de um arquivo.

params(url?: string): URLSearchParams

Ler a query string de uma url

qs(url?: string): object

Transforma a query string em objeto

Outros métodos

arr2obj(key: string, collection?: Array<object>): object

Converte a coleção em objeto

checkArray(data: any, empty?: boolean): boolean

Verifica se a variável é um Array

clone(obj: object): object

Clona um objeto evitando referência via structuredClone

copyObject(obj: object): object

Clona um objeto evitando referência via JSON

createElement(element: string, props?: object): HTMLElement

Cria um elemento para ser adicionado no DOM

debounce(callback: function, wait: number): function

Atrasa a função dada até que o tempo de espera declarado em milissegundos tenha passado desde a última vez que esta função de foi chamada.

filterProps(props: object, reserved?: Array<string>): object

Remove as propriedades reservadas do objeto

findRecursive(collection: Array<object>, key: string, value: string|number): object

Encontra um objeto no array

flattenObject(obj: object, delim: string): string

Nivela o objeto em um único nível

form2qs(data: FormData): string

Tranforma o formulário em query-string

getValueFromObject(obj: object, path: string): *

Encontra um valor de um objeto aninhado com base em um determinado caminho

kebabify(value?: string): string

Converte camel/snake case para kebab case.

noop(): void

Evita problemas com eslint unused

obj2style(data: object): string

Converte o objeto em string separado por ;

removeLink(data: string): string

Remove a tag <a> da string

setCssVars(data: object): void

Define css vars no root

template(templateString: string, templateVars: object, options?: object): string

Preenche o template definido

rnd(removeDash?: boolean): string
Alias uuid

Gerador de ID aleatório

uniqueWords(...args: string[]): string

Retorna uma string contendo palavras exclusivas dos argumentos fornecidos


License

MIT © Thiago Lagden