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

@palamedes/react

v2.2.0

Published

React runtime components and macro entry points for Palamedes

Readme

@palamedes/react

npm version CI Sponsored by Sebastian Software License: MIT OR Apache-2.0

Provider-free React components, macro entry points, and headless frontend primitives for Palamedes.

Use this package when your React app wants translated JSX that stays close to the component, without making translation state another provider tree to manage.

Installation

pnpm add @palamedes/core @palamedes/react

@palamedes/core is a direct runtime dependency of generated catalog modules, which import defineCompiledCatalog() from its compiled entrypoint.

Minimal Example

import { Trans } from "@palamedes/react/macro";

export function Footer() {
  return (
    <footer>
      <Trans>
        Powered by <strong>Palamedes</strong>
      </Trans>
    </footer>
  );
}

All translated code reads the plain, hook-free @palamedes/runtime getter. Locale changes load a new document; the package does not install React subscriptions for in-document instance replacement.

Rich JSX children are transformed to numeric component slots in the message, for example <0>Palamedes</0>, while the React component is passed separately. The transform imports Trans from @palamedes/react/compiled. In v2, the package root and the /compiled alias share the same parser-free compiled runtime; the alias is an explicit macro target, not a parser-enabled mode. Hand-written components that depend on raw ICU parsing must migrate to compiled messages.

Runtime and macro entry points

The package root exports the parser-free runtime Trans, React's Fragment, and the headless locale-switch helpers. Macro-transformed JSX renders through that runtime and reads the active i18n instance.

Plural, Select, and SelectOrdinal are compile-time components. Import them from @palamedes/react/macro; the transform lowers them to the parser-free runtime before the application runs. The package root does not export choice components or a runtime parser for hand-written choice trees:

import { Plural } from "@palamedes/react/macro";

export function AttendeeCount({ count }: { count: number }) {
  return <Plural value={count} one="# attendee" other="# attendees" />;
}

Choice macros accept plural categories (zero … other), exact matches written as _0/_1/… (normalized to ICU =N), and offset. Invalid option props and option text with unbalanced braces are rejected during compilation.

The package also re-exports React's Fragment: the macro transform emits fragment-wrapped output and resolves Fragment from this package so transformed modules need no extra react import.

Headless Frontend Helpers

This package also exposes small, style-agnostic React helpers that the example matrix uses directly:

  • buildLocaleSwitchItems({ locales, currentLocale, labels, testIdPrefix? })
  • LocaleSwitchItem<TLocale>

These helpers are intentionally headless. They do not own routing, form submission, styling, or cookie policy. They only cover the stable frontend primitives that repeat across apps:

  • building render-ready locale switch models for buttons, links, or forms
import { buildLocaleSwitchItems } from "@palamedes/react";

function LocaleToolbar({ locale }: { locale: "en" | "de" }) {
  const items = buildLocaleSwitchItems({
    locales: ["en", "de"] as const,
    currentLocale: locale,
    labels: { en: "English", de: "Deutsch" },
  });

  return (
    <nav>
      {items.map((item) => (
        <a key={item.locale} data-testid={item.testId} href={`/${item.locale}`}>
          {item.label}
        </a>
      ))}
    </nav>
  );
}

palamedes is part of the Ferramenta family — A family of Rust tools.

Siblings: ferroni — Oniguruma-compatible regex engine · ferriki — Shiki-compatible syntax highlighting · ferromark — Markdown to HTML with a secure default and every GFM extension included. · ferrolex — Spell checking for text and code · ferrocat — Translation catalog engine · ferrovia — SVGO-compatible SVG optimizer · ferralk — Glob matching and parallel filesystem walking · ferrugo — PDF previews for untrusted files.

License

Sebastian Software

MIT OR Apache-2.0 © 2026 Sebastian Software