typescript-react-intl

import { readFileSync, writeFileSync } from 'fs'; import { glob } from 'glob'; // Install 'glob' as a dev dependency: npm i glob -D import parse, { type MessageDescriptor, type Options } from 'typescript-react-intl'; /** * Extracts React Intl messages from TypeScript files and compiles them into a locale JSON. * @param pattern Glob pattern to find TypeScript files (e.g., 'src/**/*.@(tsx|ts)'). */ async function extractAndSaveMessages(pattern: string = 'src/**/*.@(tsx|ts)') { let allMessages: MessageDescriptor[] = []; try { const files = await glob(pattern); console.log(`Found ${files.length} files matching pattern: ${pattern}`); for (const f of files) { const contents = readFileSync(f, 'utf8'); // Example with custom components support, configure as needed. const parseOptions: Options = { tagNames: ["CustomFormattedText", "LocalizedDiv"], // Add your custom component names here }; const extracted = parse(contents, parseOptions); allMessages = allMessages.concat(extracted); } const locale: Record<string, string | undefined> = {}; allMessages.forEach((r) => { if (r.id) { locale[r.id] = r.defaultMessage; // Use defaultMessage as the locale value } }); const locales = { en: locale }; // Compile for 'en' locale const outputPath = `src/translations/all.ts`; writeFileSync( outputPath, `export default ${JSON.stringify(locales, null, 2)} \n`, 'utf8' ); console.log(`Successfully extracted ${allMessages.length} messages and saved to ${outputPath}`); } catch (err: any) { console.error(`Error during message extraction: ${err.message}`); process.exit(1); } } // Execute the extraction process extractAndSaveMessages().catch(console.error);