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

@ribertec/directus-extension-cep-search

v1.1.1

Published

CEP group interface with autofill for Brazilian address fields using ViaCEP

Readme

CEP Search Autocomplete for Directus

A Directus interface bundle for Brazilian address forms with automatic CEP (postal code) lookup via ViaCEP. Add a group field to your collection, place address child fields inside it, and the form autofills when the user types a CEP.

Extension demo

Note: According to Directus CRM limitations, it's impossible to provide translations for the extension. For this reason, although this documentation is in English for marketplace standards, all the interface and validations are in Portuguese (BR).

Features

  • Fetches address data automatically from ViaCEP when a valid CEP is typed
  • Supports all Brazilian address fields: CEP, Logradouro, Bairro, Cidade, and UF
  • Optional overwrite control — choose whether to replace already-filled fields
  • UF field supports abbreviation (MG) or full name (Minas Gerais) display
  • Works as a sandboxed extension (no extra permissions required)
  • Three interfaces bundled together: group, input, and display

Installation

Via Directus Marketplace (Recommended)

  1. Navigate to your Directus project
  2. Go to SettingsExtensions
  3. Search for "CEP Search"
  4. Click Install

Via npm

npm install @ribertec/directus-extension-cep-search

Then restart your Directus instance.

Setup

This bundle provides three interfaces that work together:

1. CEP Search Group (cep-search)

The parent group field. Add it to your collection first.

| Option | Description | | ------------------------------- | ------------------------------------------------------------------ | | Sobrescrever Campos Preenchidos | When enabled, autofill overwrites fields that already have a value |

2. Address Field (cep-input)

Add these as child fields inside the CEP Search group. Set one field per address component.

| Option | Description | | -------------------- | ------------------------------------------------------------------------------------------------------------ | | Tipo do Campo | The address component this field represents: CEP, Logradouro / Rua, Bairro, Cidade, or UF / Estado | | Placeholder | Optional placeholder text | | Autopreenchimento | (CEP only) Triggers autofill when a valid CEP is entered | | Exibição dos Estados | (UF only) Display as abbreviation (MG) or full name (Minas Gerais) |

3. CEP Display (cep-display)

A read-only display interface that renders a stored CEP value formatted as xxxxx-xxx.

Requirements

  • Directus 11.0.0+

License

MIT License — see LICENSE file for details