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

@garage44/expressio

v1.7.2

Published

Automated i18n tooling for software projects

Downloads

465

Readme

Expressio

Instant multi-lingual applications with machine translation

npm version

Overview

Expressio is a lightning-fast i18n tool that automatically translates your application using Deepl. Built with Bun and I18Next.

Key Features

  • 🚀 Instant machine translation
  • 🔄 Automatic sync of all translations when source text changes
  • 🌍 Support for 30+ languages
  • 🔌 Service-agnostic design (currently using Deepl)

Quick Start

# Use Bun, Deno or Node.js to create or open an expressio project in the current directory
bunx --bun @garage44/expressio start
deno run --allow-read --allow-write --allow-net --allow-env --allow-sys npm:@garage44/[email protected] start
pnpm dlx @garage44/expressio start
# - Add your DeepL API key to your project settings (saved in ~/.expressiorc)
# - Open the translation UI in the browser (http://localhost:3000)
# - Setup code sync (see below)
# - Lint translations to verify they are in sync with the translation tags in your source code
pnpm dlx @garage44/[email protected] lint

Usage

Adding Languages

  1. Get a Deepl API key (free tier: 500k characters/month)
  2. Add it to your project settings
  3. Select target languages from the settings page

Working with Translations

  • Focus on writing clear source texts
  • Use contextual phrases (e.g., "Your cart" instead of just "Cart")
  • Use placeholders with {{}} syntax - they're automatically preserved

Development

# Clone the workspace
git clone https://codeberg.org/garage44/workspace.git
cd workspace

# Install dependencies
bun install

# Start development server
cd packages/expressio
BUN_ENV=development bun run app.ts start

License

MIT