Installation

​

Install Saykit

npm install saykit

​

Available Packages

​

Core Packages

• saykit - Core runtime library with the Say class and message formatting
• @saykit/config - Configuration schema and CLI tools for extracting, compiling, and building translations

​

Framework Integrations

• @saykit/react - React integration with <Say> component and hooks for client and server components
• @saykit/carbon - Carbon integration for Discord bots with command localization support

​

Build Tools

• @saykit/babel-plugin - Babel plugin to transform say template literals into message calls
• unplugin-saykit - Universal plugin for Vite, Webpack, Rollup, esbuild, and more

​

Translation Formats

• @saykit/format-po - Default PO (Portable Object) file format parser and serializer

​

Framework-Specific Setup

npm install saykit @saykit/react
npm install -D @saykit/config @saykit/babel-plugin

{
  "presets": ["next/babel"],
  "plugins": ["@saykit/babel-plugin"]
}

npm install saykit
npm install -D @saykit/config unplugin-saykit

import { defineConfig } from 'vite';
import saykit from 'unplugin-saykit/vite';

export default defineConfig({
  plugins: [saykit()],
});

npm install saykit
npm install -D @saykit/config @saykit/babel-plugin

{
  "plugins": ["@saykit/babel-plugin"]
}

​

Next Steps

1. Create a saykit.config.ts file to configure your locales and message extraction
2. Set up your Say instance and start adding translatable messages
3. Use the CLI to extract, compile, and build your translations