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

@jaxyendy/wizard-ui

v0.1.1-alpha.4

Published

Uma interface web genérica para a configuração inicial (contratação) de qualquer coisa.

Downloads

12

Readme

Wizard UI

Uma interface web genérica para a configuração inicial (contratação) de qualquer coisa.

Tecnologias

Development server

# install
yarn
# launch dev server on localhost:3000
yarn dev

Contribuições

Este repositório pode estar espelhado em outros lugares, para contribuir com melhorias ou relatar problemas, utilize a página deste projeto no Github: https://github.com/jaxyendy/wizard-ui

Se você está lendo este README fora do Github, não deixe de ler também o arquivo DISTRO.md.

Licença

A definir. (gostamos muito da AGPL3, mas MIT pode ser mais flexível)

Fluxos

Telas da UI

stateDiagram-v2
    state valid_token <<choice>>
    [*] --> valid_token
        valid_token --> acess_denied: token inválido
        valid_token --> welcome: token válido
    state have_contract <<choice>>
    welcome --> have_contract: contrato
        have_contract --> contract_details: contract_id
        have_contract --> contract_form: não tenho
    contract_form --> contract_details: envio OK
    contract_details --> end_contract_form: cancelar contrato
    end_contract_form --> inactive_contract_detail: envio OK
    welcome --> inactive_contracts: contratos encerrados
    inactive_contracts --> inactive_contract_detail: inactive_contract_id
    inactive_contract_detail --> [*]
    state contract_form {
        [*] --> step_1
        step_1 --> ...
        ... --> step_n
        step_n --> [*]
    }

Biblioteca de Componentes

Este projeto, além de ser um site NextJS, é também uma biblioteca dos componentes usados por este site.

A lista dos componentes exportados pode ser vista no arquivo /lib/index.ts.

Este pacote npm é exportado sem transpilação, portanto para utilizar estes componentes em um outro projeto NextJS recomendamos o uso do plugin next-transpile-modules ou alguma outra técnica similar.

Para ajudar com o teste e desenvolvimento de componentes em conjunto com outros projetos NextJS localmente, antes da publicação no registry npm, uma ferramenta como o yalc pode também ser útil.