diff --git a/.gitignore b/.gitignore index 0b8599124..c8f96d5f4 100644 --- a/.gitignore +++ b/.gitignore @@ -26,4 +26,7 @@ dist-ssr # Custom .env.dev phanpy-dist.zip -phanpy-dist.tar.gz \ No newline at end of file +phanpy-dist.tar.gz + +# Compiled locale files +src/locales/*.js \ No newline at end of file diff --git a/README.md b/README.md index 0dc9ea979..ba6fb2a1d 100644 --- a/README.md +++ b/README.md @@ -100,11 +100,13 @@ Everything is designed and engineered following my taste and vision. This is a p Prerequisites: Node.js 18+ - `npm install` - Install dependencies -- `npm run dev` - Start development server +- `npm run dev` - Start development server and `messages:extract:watch` in parallel - `npm run build` - Build for production - `npm run preview` - Preview the production build - `npm run fetch-instances` - Fetch instances list from [joinmastodon.org/servers](https://joinmastodon.org/servers), save it to `src/data/instances.json` - `npm run sourcemap` - Run `source-map-explorer` on the production build +- `npm run messages:extract` - Extract messages from source files and update the locale message catalogs +- `npm run messages:extract:watch` - Same as `messages:extract` but in watch mode ## Tech stack @@ -115,10 +117,65 @@ Prerequisites: Node.js 18+ - [masto.js](https://github.com/neet/masto.js/) - Mastodon API client - [Iconify](https://iconify.design/) - Icon library - [MingCute icons](https://www.mingcute.com/) +- [Lingui](https://lingui.dev/) - Internationalization - Vanilla CSS - _Yes, I'm old school._ Some of these may change in the future. The front-end world is ever-changing. +## Internationalization + +All translations are available as [gettext](https://en.wikipedia.org/wiki/Gettext) `.po` files in the `src/locales` folder. The default language is English (`en`). [CLDR Plural Rules](https://cldr.unicode.org/index/cldr-spec/plural-rules) are used for pluralization. RTL (right-to-left) languages are also supported with proper text direction, icon rendering and layout. + +On page load, default language is detected via these methods, in order (first match is used): + +1. URL parameter `lang` e.g. `/?lang=zh-Hant` +2. `localStorage` key `lang` +3. Browser's `navigator.language` + +Users can change the language in the settings, which sets the `localStorage` key `lang`. + +### Guide for translators + +*Inspired by [Translate WordPress Handbook](https://make.wordpress.org/polyglots/handbook/): + +- [Don’t translate literally, translate organically](https://make.wordpress.org/polyglots/handbook/translating/expectations/#dont-translate-literally-translate-organically). +- [Try to keep the same level of formality (or informality)](https://make.wordpress.org/polyglots/handbook/translating/expectations/#try-to-keep-the-same-level-of-formality-or-informality) +- [Don’t use slang or audience-specific terms](https://make.wordpress.org/polyglots/handbook/translating/expectations/#try-to-keep-the-same-level-of-formality-or-informality) +- Be attentive to placeholders for variables. Many strings have placesholders e.g. `{account}` (variable), `<0>{name}` (tag with variable) and `#` (number placeholder). +- [Ellipsis](https://en.wikipedia.org/wiki/Ellipsis) (…) is intentional. Don't remove it. + - Nielsen Norman Group: ["Include Ellipses in Command Text to Indicate When More Information Is Required"](https://www.nngroup.com/articles/ui-copy/) + - Apple Human Interface Guidelines: ["Append an ellipsis to a menu item’s label when the action requires more information before it can complete. The ellipsis character (…) signals that people need to input information or make additional choices, typically within another view."](https://developer.apple.com/design/human-interface-guidelines/menus) + - Windows App Development: ["Ellipses mean incompleteness."](https://learn.microsoft.com/en-us/windows/win32/uxguide/text-ui) +- Date timestamps, date ranges, numbers, language names and text segmentation are handled by the [ECMAScript Internationalization API](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl). + - [`Intl.DateTimeFormat`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/DateTimeFormat) - e.g. "8 Aug", "08/08/2024" + - [`Intl.RelativeTimeFormat`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/RelativeTimeFormat) - e.g. "2 days ago", "in 2 days" + - [`Intl.NumberFormat`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat) - e.g. "1,000", "10K" + - [`Intl.DisplayNames`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/DisplayNames) - e.g. "English" (`en`) in Traditional Chinese (`zh-Hant`) is "英文" + - [`Intl.Locale`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/Locale) (with polyfill for older browsers) + - [`Intl.Segmenter`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/Segmenter) (with polyfill for older browsers) + +### Technical notes + +- IDs for strings are auto-generated instead of explicitly defined. Some of the [benefits](https://lingui.dev/tutorials/explicit-vs-generated-ids#benefits-of-generated-ids) are avoiding the "naming things" problem and avoiding duplicates. + - Explicit IDs might be introduced in the future when requirements and priorities change. The library (Lingui) allows both. + - Please report issues if certain strings are translated differently based on context, culture or region. +- There are no strings for push notifications. The language is set on the instance server. +- Native HTML date pickers, e.g. `` will always follow the system's locale and not the user's set locale. +- "ALT" in ALT badge is not translated. It serves as a a recognizable standard across languages. +- Custom emoji names are not localized, therefore searches don't work for non-English languages. +- GIPHY API supports [a list of languages for searches](https://developers.giphy.com/docs/optional-settings/#language-support). +- Unicode Right-to-left mark (RLM) (`U+200F`, `‏`) may need to be used for mixed RTL/LTR text, especially for [`` element](https://www.w3.org/International/questions/qa-html-dir.en.html#title_element) (`document.title`). +- On development, there's an additional `pseudo-LOCALE` locale, used for [pseudolocalization](https://en.wikipedia.org/wiki/Pseudolocalization). It's for testing and won't show up on production. +- When building for production, English (`en`) catalog messages are not bundled separatedly. Other locales are bundled as separate files and loaded on demand. This ensures that `en` is always available as fallback. + +### Volunteer translations + +[![Crowdin](https://badges.crowdin.net/phanpy/localized.svg)](https://crowdin.com/project/phanpy) + +Translations are managed on [Crowdin](https://crowdin.com/project/phanpy). You can help by volunteering translations. + +Read the [intro documentation](https://support.crowdin.com/for-volunteer-translators/) to get started. + ## Self-hosting This is a **pure static web app**. You can host it anywhere you want. @@ -174,6 +231,9 @@ Available variables: - `PHANPY_PRIVACY_POLICY_URL` (optional, default to official instance's privacy policy): - URL of the privacy policy page - May specify the instance's own privacy policy +- `PHANPY_DEFAULT_LANG` (optional): + - Default language is English (`en`) if not specified. + - Fallback language after multiple detection methods (`lang` query parameter, `lang` key in `localStorage` and `navigator.language`) - `PHANPY_LINGVA_INSTANCES` (optional, space-separated list, default: `lingva.phanpy.social [...hard-coded list of fallback instances]`): - Specify a space-separated list of instances. First will be used as default before falling back to the subsequent instances. If there's only 1 instance, means no fallback. - May specify a self-hosted Lingva instance, powered by either [lingva-translate](https://github.com/thedaviddelta/lingva-translate) or [lingva-api](https://github.com/cheeaun/lingva-api) diff --git a/lingui.config.js b/lingui.config.js new file mode 100644 index 000000000..585b59cb8 --- /dev/null +++ b/lingui.config.js @@ -0,0 +1,17 @@ +const config = { + locales: ['en', 'pseudo-LOCALE'], + pseudoLocale: 'pseudo-LOCALE', + fallbackLocales: { + default: 'en', + }, + catalogs: [ + { + path: '<rootDir>/src/locales/{locale}', + include: ['src'], + }, + ], + compileNamespace: 'es', + orderBy: 'origin', +}; + +export default config; diff --git a/package-lock.json b/package-lock.json index e17b9ec87..c41edb20e 100644 --- a/package-lock.json +++ b/package-lock.json @@ -14,15 +14,18 @@ "@github/text-expander-element": "~2.7.1", "@iconify-icons/mingcute": "~1.2.9", "@justinribeiro/lite-youtube": "~1.5.0", + "@lingui/detect-locale": "~4.11.3", + "@lingui/macro": "~4.11.3", + "@lingui/react": "~4.11.3", "@szhsin/react-menu": "~4.2.1", "compare-versions": "~6.1.1", "dayjs": "~1.11.12", - "dayjs-twitter": "~0.5.0", "fast-blurhash": "~1.1.4", "fast-equals": "~5.0.1", "fuse.js": "~7.0.0", "html-prettify": "~1.0.7", "idb-keyval": "~6.2.1", + "intl-locale-textinfo-polyfill": "~2.1.1", "just-debounce-it": "~3.2.0", "lz-string": "~1.5.0", "masto": "~6.8.0", @@ -47,7 +50,11 @@ }, "devDependencies": { "@ianvs/prettier-plugin-sort-imports": "~4.3.1", + "@lingui/cli": "~4.11.3", + "@lingui/vite-plugin": "~4.11.3", "@preact/preset-vite": "~2.9.0", + "babel-plugin-macros": "~3.1.0", + "npm-run-all2": "~6.2.2", "postcss": "~8.4.40", "postcss-dark-theme-class": "~1.3.0", "postcss-preset-env": "~10.0.0", @@ -98,7 +105,6 @@ "version": "7.24.7", "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.24.7.tgz", "integrity": "sha512-BcYH1CVJBO9tvyIZ2jVeXgSIMvGZ2FDRvDdOIVQyuklNKSsx+eppDEBq/g47Ayw+RqNFE+URvOShmf+f/qwAlA==", - "dev": true, "dependencies": { "@babel/highlight": "^7.24.7", "picocolors": "^1.0.0" @@ -386,9 +392,9 @@ } }, "node_modules/@babel/helper-plugin-utils": { - "version": "7.24.5", - "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.24.5.tgz", - "integrity": "sha512-xjNLDopRzW2o6ba0gKbkZq5YWEBaK3PCyTOY1K2P/O07LGMhMqlMXPxwN4S5/RhWuCobT8z0jrlKGlYmeR1OhQ==", + "version": "7.24.8", + "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.24.8.tgz", + "integrity": "sha512-FFWx5142D8h2Mgr/iPVGH5G7w6jDn4jUSpZTyDnQO0Yn7Ks2Kuz6Pci8H6MPCoUJegd/UZQ3tAvfLCxQSnWWwg==", "dev": true, "engines": { "node": ">=6.9.0" @@ -468,7 +474,6 @@ "version": "7.24.7", "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.24.7.tgz", "integrity": "sha512-7MbVt6xrwFQbunH2DNQsAP5sTGxfqQtErvBIvIMi6EQnbgUOuVYanvREcmFrOPhoXBrTtjhhP+lW+o5UfK+tDg==", - "dev": true, "engines": { "node": ">=6.9.0" } @@ -477,7 +482,6 @@ "version": "7.24.7", "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.24.7.tgz", "integrity": "sha512-rR+PBcQ1SMQDDyF6X0wxtG8QyLCgUB0eRAGguqRLfkCA87l7yAP7ehq8SNj96OOGTO8OBV70KhuFYcIkHXOg0w==", - "dev": true, "engines": { "node": ">=6.9.0" } @@ -544,7 +548,6 @@ "version": "7.24.7", "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.24.7.tgz", "integrity": "sha512-EStJpq4OuY8xYfhGVXngigBJRWxftKX9ksiGDnmlY3o7B/V7KIAc9X4oiK87uPJSc/vs5L869bem5fhZa8caZw==", - "dev": true, "dependencies": { "@babel/helper-validator-identifier": "^7.24.7", "chalk": "^2.4.2", @@ -1817,13 +1820,11 @@ "dev": true }, "node_modules/@babel/runtime": { - "version": "7.20.6", - "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.20.6.tgz", - "integrity": "sha512-Q+8MqP7TiHMWzSfwiJwXCjyf4GYA4Dgw3emg/7xmwsdLJOZUp+nMqcOwOzzYheuM1rhDu8FSj2l0aoMygEuXuA==", - "dev": true, - "license": "MIT", + "version": "7.25.0", + "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.25.0.tgz", + "integrity": "sha512-7dRy4DwXwtzBrPbZflqxnvfxLF8kdZXPkhymtDeFoFqE6ldzjQFgYTtYIFARcLEYDrqfBfYcZt1WqFxRoyC9Rw==", "dependencies": { - "regenerator-runtime": "^0.13.11" + "regenerator-runtime": "^0.14.0" }, "engines": { "node": ">=6.9.0" @@ -1847,7 +1848,6 @@ "version": "7.24.7", "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.24.7.tgz", "integrity": "sha512-XEFXSlxiG5td2EJRe8vOmRbaXVgfcBlszKujvVmWIK/UpywWljQCfzAv3RQCGujWQ1RD4YYWEAqDXfuJiy8f5Q==", - "dev": true, "dependencies": { "@babel/helper-string-parser": "^7.24.7", "@babel/helper-validator-identifier": "^7.24.7", @@ -3351,6 +3351,97 @@ "integrity": "sha512-+wluvCrRhXrhyOmRDJ3q8mux9JkKy5SJ/v8ol2tu4FVjyYvtEzkc/3pK15ET6RKg4b4w4BmTk1+gsCUhf21Ykg==", "license": "MIT" }, + "node_modules/@jest/schemas": { + "version": "29.6.3", + "resolved": "https://registry.npmjs.org/@jest/schemas/-/schemas-29.6.3.tgz", + "integrity": "sha512-mo5j5X+jIZmJQveBKeS/clAueipV7KgiX1vMgCxam1RNYiqE1w62n0/tJJnHtjW8ZHcQco5gY85jA3mi0L+nSA==", + "dependencies": { + "@sinclair/typebox": "^0.27.8" + }, + "engines": { + "node": "^14.15.0 || ^16.10.0 || >=18.0.0" + } + }, + "node_modules/@jest/types": { + "version": "29.6.3", + "resolved": "https://registry.npmjs.org/@jest/types/-/types-29.6.3.tgz", + "integrity": "sha512-u3UPsIilWKOM3F9CXtrG8LEJmNxwoCQC/XVj4IKYXvvpx7QIi/Kg1LI5uDmDpKlac62NUtX7eLjRh+jVZcLOzw==", + "dependencies": { + "@jest/schemas": "^29.6.3", + "@types/istanbul-lib-coverage": "^2.0.0", + "@types/istanbul-reports": "^3.0.0", + "@types/node": "*", + "@types/yargs": "^17.0.8", + "chalk": "^4.0.0" + }, + "engines": { + "node": "^14.15.0 || ^16.10.0 || >=18.0.0" + } + }, + "node_modules/@jest/types/node_modules/ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dependencies": { + "color-convert": "^2.0.1" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/chalk/ansi-styles?sponsor=1" + } + }, + "node_modules/@jest/types/node_modules/chalk": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", + "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", + "dependencies": { + "ansi-styles": "^4.1.0", + "supports-color": "^7.1.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/chalk/chalk?sponsor=1" + } + }, + "node_modules/@jest/types/node_modules/color-convert": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", + "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", + "dependencies": { + "color-name": "~1.1.4" + }, + "engines": { + "node": ">=7.0.0" + } + }, + "node_modules/@jest/types/node_modules/color-name": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", + "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==" + }, + "node_modules/@jest/types/node_modules/has-flag": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "engines": { + "node": ">=8" + } + }, + "node_modules/@jest/types/node_modules/supports-color": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", + "dependencies": { + "has-flag": "^4.0.0" + }, + "engines": { + "node": ">=8" + } + }, "node_modules/@jridgewell/gen-mapping": { "version": "0.1.1", "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.1.1.tgz", @@ -3437,149 +3528,867 @@ "integrity": "sha512-TU92RKtz9BI9PRYrVwDIUsnFadLZtqRKWl1ZOdbxb7roJDb8Dd/xURllAsLEmCg6oJNyhXlVa5RsnUc0EKd8Cw==", "license": "MIT" }, - "node_modules/@lukeed/csprng": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/@lukeed/csprng/-/csprng-1.0.1.tgz", - "integrity": "sha512-uSvJdwQU5nK+Vdf6zxcWAY2A8r7uqe+gePwLWzJ+fsQehq18pc0I2hJKwypZ2aLM90+Er9u1xn4iLJPZ+xlL4g==", - "license": "MIT", + "node_modules/@lingui/babel-plugin-extract-messages": { + "version": "4.11.3", + "resolved": "https://registry.npmjs.org/@lingui/babel-plugin-extract-messages/-/babel-plugin-extract-messages-4.11.3.tgz", + "integrity": "sha512-wLiquhtxE7qUmoKl4UStFI1XgrCkk9zwxc8z62LPpbutkyxO21B5k8fBUGlgWoKJaXbpvS8VIU8j2663q99JnQ==", + "dev": true, "engines": { - "node": ">=8" + "node": ">=16.0.0" } }, - "node_modules/@preact/preset-vite": { - "version": "2.9.0", - "resolved": "https://registry.npmjs.org/@preact/preset-vite/-/preset-vite-2.9.0.tgz", - "integrity": "sha512-B9yVT7AkR6owrt84K3pLNyaKSvlioKdw65VqE/zMiR6HMovPekpsrwBNs5DJhBFEd5cvLMtCjHNHZ9P7Oblveg==", - "dev": true, - "dependencies": { - "@babel/code-frame": "^7.22.13", - "@babel/plugin-transform-react-jsx": "^7.22.15", - "@babel/plugin-transform-react-jsx-development": "^7.22.5", - "@prefresh/vite": "^2.4.1", - "@rollup/pluginutils": "^4.1.1", - "babel-plugin-transform-hook-names": "^1.0.2", - "debug": "^4.3.4", - "kolorist": "^1.8.0", - "magic-string": "0.30.5", - "node-html-parser": "^6.1.10", - "resolve": "^1.22.8", - "source-map": "^0.7.4", - "stack-trace": "^1.0.0-pre2" + "node_modules/@lingui/cli": { + "version": "4.11.3", + "resolved": "https://registry.npmjs.org/@lingui/cli/-/cli-4.11.3.tgz", + "integrity": "sha512-ykJLmQciK81I0Cd/iLg8dSpESV9Hnsbw5+G98IEAf4exvoUGRJ2UzkeNc/HeGx3D5Fg+TI8YNWwCbZ7NAOsDCQ==", + "dev": true, + "dependencies": { + "@babel/core": "^7.21.0", + "@babel/generator": "^7.21.1", + "@babel/parser": "^7.21.2", + "@babel/runtime": "^7.21.0", + "@babel/types": "^7.21.2", + "@lingui/babel-plugin-extract-messages": "4.11.3", + "@lingui/conf": "4.11.3", + "@lingui/core": "4.11.3", + "@lingui/format-po": "4.11.3", + "@lingui/message-utils": "4.11.3", + "babel-plugin-macros": "^3.0.1", + "chalk": "^4.1.0", + "chokidar": "3.5.1", + "cli-table": "^0.3.11", + "commander": "^10.0.0", + "convert-source-map": "^2.0.0", + "date-fns": "^3.6.0", + "esbuild": "^0.17.10", + "glob": "^7.1.4", + "inquirer": "^7.3.3", + "micromatch": "4.0.2", + "normalize-path": "^3.0.0", + "ora": "^5.1.0", + "pathe": "^1.1.0", + "pkg-up": "^3.1.0", + "pofile": "^1.1.4", + "pseudolocale": "^2.0.0", + "ramda": "^0.27.1", + "source-map": "^0.8.0-beta.0" }, - "peerDependencies": { - "@babel/core": "7.x", - "vite": "2.x || 3.x || 4.x || 5.x" + "bin": { + "lingui": "dist/lingui.js" + }, + "engines": { + "node": ">=16.0.0" } }, - "node_modules/@preact/preset-vite/node_modules/@jridgewell/sourcemap-codec": { - "version": "1.4.15", - "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz", - "integrity": "sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==", - "dev": true - }, - "node_modules/@preact/preset-vite/node_modules/magic-string": { - "version": "0.30.5", - "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.5.tgz", - "integrity": "sha512-7xlpfBaQaP/T6Vh8MO/EqXSW5En6INHEvEXQiuff7Gku0PWjU3uf6w/j9o7O+SpB5fOAkrI5HeoNgwjEO0pFsA==", + "node_modules/@lingui/cli/node_modules/@esbuild/android-arm": { + "version": "0.17.19", + "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.17.19.tgz", + "integrity": "sha512-rIKddzqhmav7MSmoFCmDIb6e2W57geRsM94gV2l38fzhXMwq7hZoClug9USI2pFRGL06f4IOPHHpFNOkWieR8A==", + "cpu": [ + "arm" + ], "dev": true, - "dependencies": { - "@jridgewell/sourcemap-codec": "^1.4.15" - }, + "optional": true, + "os": [ + "android" + ], "engines": { "node": ">=12" } }, - "node_modules/@preact/preset-vite/node_modules/source-map": { - "version": "0.7.4", - "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.4.tgz", - "integrity": "sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA==", + "node_modules/@lingui/cli/node_modules/@esbuild/android-arm64": { + "version": "0.17.19", + "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.17.19.tgz", + "integrity": "sha512-KBMWvEZooR7+kzY0BtbTQn0OAYY7CsiydT63pVEaPtVYF0hXbUaOyZog37DKxK7NF3XacBJOpYT4adIJh+avxA==", + "cpu": [ + "arm64" + ], "dev": true, + "optional": true, + "os": [ + "android" + ], "engines": { - "node": ">= 8" + "node": ">=12" } }, - "node_modules/@prefresh/babel-plugin": { - "version": "0.5.0", - "resolved": "https://registry.npmjs.org/@prefresh/babel-plugin/-/babel-plugin-0.5.0.tgz", - "integrity": "sha512-joAwpkUDwo7ZqJnufXRGzUb+udk20RBgfA8oLPBh5aJH2LeStmV1luBfeJTztPdyCscC2j2SmZ/tVxFRMIxAEw==", - "dev": true, - "license": "MIT" - }, - "node_modules/@prefresh/core": { - "version": "1.5.2", - "resolved": "https://registry.npmjs.org/@prefresh/core/-/core-1.5.2.tgz", - "integrity": "sha512-A/08vkaM1FogrCII5PZKCrygxSsc11obExBScm3JF1CryK2uDS3ZXeni7FeKCx1nYdUkj4UcJxzPzc1WliMzZA==", + "node_modules/@lingui/cli/node_modules/@esbuild/android-x64": { + "version": "0.17.19", + "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.17.19.tgz", + "integrity": "sha512-uUTTc4xGNDT7YSArp/zbtmbhO0uEEK9/ETW29Wk1thYUJBz3IVnvgEiEwEa9IeLyvnpKrWK64Utw2bgUmDveww==", + "cpu": [ + "x64" + ], "dev": true, - "license": "MIT", - "peerDependencies": { - "preact": "^10.0.0" + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">=12" } }, - "node_modules/@prefresh/utils": { - "version": "1.2.0", - "resolved": "https://registry.npmjs.org/@prefresh/utils/-/utils-1.2.0.tgz", - "integrity": "sha512-KtC/fZw+oqtwOLUFM9UtiitB0JsVX0zLKNyRTA332sqREqSALIIQQxdUCS1P3xR/jT1e2e8/5rwH6gdcMLEmsQ==", + "node_modules/@lingui/cli/node_modules/@esbuild/darwin-arm64": { + "version": "0.17.19", + "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.17.19.tgz", + "integrity": "sha512-80wEoCfF/hFKM6WE1FyBHc9SfUblloAWx6FJkFWTWiCoht9Mc0ARGEM47e67W9rI09YoUxJL68WHfDRYEAvOhg==", + "cpu": [ + "arm64" + ], "dev": true, - "license": "MIT" + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">=12" + } }, - "node_modules/@prefresh/vite": { - "version": "2.4.1", - "resolved": "https://registry.npmjs.org/@prefresh/vite/-/vite-2.4.1.tgz", - "integrity": "sha512-vthWmEqu8TZFeyrBNc9YE5SiC3DVSzPgsOCp/WQ7FqdHpOIJi7Z8XvCK06rBPOtG4914S52MjG9Ls22eVAiuqQ==", + "node_modules/@lingui/cli/node_modules/@esbuild/darwin-x64": { + "version": "0.17.19", + "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.17.19.tgz", + "integrity": "sha512-IJM4JJsLhRYr9xdtLytPLSH9k/oxR3boaUIYiHkAawtwNOXKE8KoU8tMvryogdcT8AU+Bflmh81Xn6Q0vTZbQw==", + "cpu": [ + "x64" + ], "dev": true, - "license": "MIT", - "dependencies": { - "@babel/core": "^7.22.1", - "@prefresh/babel-plugin": "0.5.0", - "@prefresh/core": "^1.5.1", - "@prefresh/utils": "^1.2.0", - "@rollup/pluginutils": "^4.2.1" - }, - "peerDependencies": { - "preact": "^10.4.0", - "vite": ">=2.0.0" + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">=12" } }, - "node_modules/@remix-run/router": { - "version": "1.2.1", - "resolved": "https://registry.npmjs.org/@remix-run/router/-/router-1.2.1.tgz", - "integrity": "sha512-XiY0IsyHR+DXYS5vBxpoBe/8veTeoRpMHP+vDosLZxL5bnpetzI0igkxkLZS235ldLzyfkxF+2divEwWHP3vMQ==", - "license": "MIT", + "node_modules/@lingui/cli/node_modules/@esbuild/freebsd-arm64": { + "version": "0.17.19", + "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.17.19.tgz", + "integrity": "sha512-pBwbc7DufluUeGdjSU5Si+P3SoMF5DQ/F/UmTSb8HXO80ZEAJmrykPyzo1IfNbAoaqw48YRpv8shwd1NoI0jcQ==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "freebsd" + ], "engines": { - "node": ">=14" + "node": ">=12" } }, - "node_modules/@rollup/plugin-node-resolve": { - "version": "15.2.3", - "resolved": "https://registry.npmjs.org/@rollup/plugin-node-resolve/-/plugin-node-resolve-15.2.3.tgz", - "integrity": "sha512-j/lym8nf5E21LwBT4Df1VD6hRO2L2iwUeUmP7litikRsVp1H6NWx20NEp0Y7su+7XGc476GnXXc4kFeZNGmaSQ==", + "node_modules/@lingui/cli/node_modules/@esbuild/freebsd-x64": { + "version": "0.17.19", + "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.17.19.tgz", + "integrity": "sha512-4lu+n8Wk0XlajEhbEffdy2xy53dpR06SlzvhGByyg36qJw6Kpfk7cp45DR/62aPH9mtJRmIyrXAS5UWBrJT6TQ==", + "cpu": [ + "x64" + ], "dev": true, - "dependencies": { - "@rollup/pluginutils": "^5.0.1", - "@types/resolve": "1.20.2", - "deepmerge": "^4.2.2", - "is-builtin-module": "^3.2.1", - "is-module": "^1.0.0", - "resolve": "^1.22.1" - }, + "optional": true, + "os": [ + "freebsd" + ], "engines": { - "node": ">=14.0.0" - }, - "peerDependencies": { - "rollup": "^2.78.0||^3.0.0||^4.0.0" - }, - "peerDependenciesMeta": { - "rollup": { - "optional": true - } + "node": ">=12" } }, - "node_modules/@rollup/plugin-node-resolve/node_modules/@rollup/pluginutils": { - "version": "5.1.0", - "resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-5.1.0.tgz", - "integrity": "sha512-XTIWOPPcpvyKI6L1NHo0lFlCyznUEyPmPY1mc3KpPVDYulHSTvyeLNVW00QTLIAFNhR3kYnJTQHeGqU4M3n09g==", - "dev": true, - "dependencies": { + "node_modules/@lingui/cli/node_modules/@esbuild/linux-arm": { + "version": "0.17.19", + "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.17.19.tgz", + "integrity": "sha512-cdmT3KxjlOQ/gZ2cjfrQOtmhG4HJs6hhvm3mWSRDPtZ/lP5oe8FWceS10JaSJC13GBd4eH/haHnqf7hhGNLerA==", + "cpu": [ + "arm" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@lingui/cli/node_modules/@esbuild/linux-arm64": { + "version": "0.17.19", + "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.17.19.tgz", + "integrity": "sha512-ct1Tg3WGwd3P+oZYqic+YZF4snNl2bsnMKRkb3ozHmnM0dGWuxcPTTntAF6bOP0Sp4x0PjSF+4uHQ1xvxfRKqg==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@lingui/cli/node_modules/@esbuild/linux-ia32": { + "version": "0.17.19", + "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.17.19.tgz", + "integrity": "sha512-w4IRhSy1VbsNxHRQpeGCHEmibqdTUx61Vc38APcsRbuVgK0OPEnQ0YD39Brymn96mOx48Y2laBQGqgZ0j9w6SQ==", + "cpu": [ + "ia32" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@lingui/cli/node_modules/@esbuild/linux-loong64": { + "version": "0.17.19", + "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.17.19.tgz", + "integrity": "sha512-2iAngUbBPMq439a+z//gE+9WBldoMp1s5GWsUSgqHLzLJ9WoZLZhpwWuym0u0u/4XmZ3gpHmzV84PonE+9IIdQ==", + "cpu": [ + "loong64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@lingui/cli/node_modules/@esbuild/linux-mips64el": { + "version": "0.17.19", + "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.17.19.tgz", + "integrity": "sha512-LKJltc4LVdMKHsrFe4MGNPp0hqDFA1Wpt3jE1gEyM3nKUvOiO//9PheZZHfYRfYl6AwdTH4aTcXSqBerX0ml4A==", + "cpu": [ + "mips64el" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@lingui/cli/node_modules/@esbuild/linux-ppc64": { + "version": "0.17.19", + "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.17.19.tgz", + "integrity": "sha512-/c/DGybs95WXNS8y3Ti/ytqETiW7EU44MEKuCAcpPto3YjQbyK3IQVKfF6nbghD7EcLUGl0NbiL5Rt5DMhn5tg==", + "cpu": [ + "ppc64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@lingui/cli/node_modules/@esbuild/linux-riscv64": { + "version": "0.17.19", + "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.17.19.tgz", + "integrity": "sha512-FC3nUAWhvFoutlhAkgHf8f5HwFWUL6bYdvLc/TTuxKlvLi3+pPzdZiFKSWz/PF30TB1K19SuCxDTI5KcqASJqA==", + "cpu": [ + "riscv64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@lingui/cli/node_modules/@esbuild/linux-s390x": { + "version": "0.17.19", + "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.17.19.tgz", + "integrity": "sha512-IbFsFbxMWLuKEbH+7sTkKzL6NJmG2vRyy6K7JJo55w+8xDk7RElYn6xvXtDW8HCfoKBFK69f3pgBJSUSQPr+4Q==", + "cpu": [ + "s390x" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@lingui/cli/node_modules/@esbuild/linux-x64": { + "version": "0.17.19", + "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.17.19.tgz", + "integrity": "sha512-68ngA9lg2H6zkZcyp22tsVt38mlhWde8l3eJLWkyLrp4HwMUr3c1s/M2t7+kHIhvMjglIBrFpncX1SzMckomGw==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@lingui/cli/node_modules/@esbuild/netbsd-x64": { + "version": "0.17.19", + "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.17.19.tgz", + "integrity": "sha512-CwFq42rXCR8TYIjIfpXCbRX0rp1jo6cPIUPSaWwzbVI4aOfX96OXY8M6KNmtPcg7QjYeDmN+DD0Wp3LaBOLf4Q==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "netbsd" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@lingui/cli/node_modules/@esbuild/openbsd-x64": { + "version": "0.17.19", + "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.17.19.tgz", + "integrity": "sha512-cnq5brJYrSZ2CF6c35eCmviIN3k3RczmHz8eYaVlNasVqsNY+JKohZU5MKmaOI+KkllCdzOKKdPs762VCPC20g==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "openbsd" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@lingui/cli/node_modules/@esbuild/sunos-x64": { + "version": "0.17.19", + "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.17.19.tgz", + "integrity": "sha512-vCRT7yP3zX+bKWFeP/zdS6SqdWB8OIpaRq/mbXQxTGHnIxspRtigpkUcDMlSCOejlHowLqII7K2JKevwyRP2rg==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "sunos" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@lingui/cli/node_modules/@esbuild/win32-arm64": { + "version": "0.17.19", + "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.17.19.tgz", + "integrity": "sha512-yYx+8jwowUstVdorcMdNlzklLYhPxjniHWFKgRqH7IFlUEa0Umu3KuYplf1HUZZ422e3NU9F4LGb+4O0Kdcaag==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@lingui/cli/node_modules/@esbuild/win32-ia32": { + "version": "0.17.19", + "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.17.19.tgz", + "integrity": "sha512-eggDKanJszUtCdlVs0RB+h35wNlb5v4TWEkq4vZcmVt5u/HiDZrTXe2bWFQUez3RgNHwx/x4sk5++4NSSicKkw==", + "cpu": [ + "ia32" + ], + "dev": true, + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@lingui/cli/node_modules/@esbuild/win32-x64": { + "version": "0.17.19", + "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.17.19.tgz", + "integrity": "sha512-lAhycmKnVOuRYNtRtatQR1LPQf2oYCkRGkSFnseDAKPl8lu5SOsK/e1sXe5a0Pc5kHIHe6P2I/ilntNv2xf3cA==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@lingui/cli/node_modules/ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, + "dependencies": { + "color-convert": "^2.0.1" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/chalk/ansi-styles?sponsor=1" + } + }, + "node_modules/@lingui/cli/node_modules/chalk": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", + "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", + "dev": true, + "dependencies": { + "ansi-styles": "^4.1.0", + "supports-color": "^7.1.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/chalk/chalk?sponsor=1" + } + }, + "node_modules/@lingui/cli/node_modules/color-convert": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", + "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", + "dev": true, + "dependencies": { + "color-name": "~1.1.4" + }, + "engines": { + "node": ">=7.0.0" + } + }, + "node_modules/@lingui/cli/node_modules/color-name": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", + "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", + "dev": true + }, + "node_modules/@lingui/cli/node_modules/commander": { + "version": "10.0.1", + "resolved": "https://registry.npmjs.org/commander/-/commander-10.0.1.tgz", + "integrity": "sha512-y4Mg2tXshplEbSGzx7amzPwKKOCGuoSRP/CjEdwwk0FOGlUbq6lKuoyDZTNZkmxHdJtp54hdfY/JUrdL7Xfdug==", + "dev": true, + "engines": { + "node": ">=14" + } + }, + "node_modules/@lingui/cli/node_modules/esbuild": { + "version": "0.17.19", + "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.17.19.tgz", + "integrity": "sha512-XQ0jAPFkK/u3LcVRcvVHQcTIqD6E2H1fvZMA5dQPSOWb3suUbWbfbRf94pjc0bNzRYLfIrDRQXr7X+LHIm5oHw==", + "dev": true, + "hasInstallScript": true, + "bin": { + "esbuild": "bin/esbuild" + }, + "engines": { + "node": ">=12" + }, + "optionalDependencies": { + "@esbuild/android-arm": "0.17.19", + "@esbuild/android-arm64": "0.17.19", + "@esbuild/android-x64": "0.17.19", + "@esbuild/darwin-arm64": "0.17.19", + "@esbuild/darwin-x64": "0.17.19", + "@esbuild/freebsd-arm64": "0.17.19", + "@esbuild/freebsd-x64": "0.17.19", + "@esbuild/linux-arm": "0.17.19", + "@esbuild/linux-arm64": "0.17.19", + "@esbuild/linux-ia32": "0.17.19", + "@esbuild/linux-loong64": "0.17.19", + "@esbuild/linux-mips64el": "0.17.19", + "@esbuild/linux-ppc64": "0.17.19", + "@esbuild/linux-riscv64": "0.17.19", + "@esbuild/linux-s390x": "0.17.19", + "@esbuild/linux-x64": "0.17.19", + "@esbuild/netbsd-x64": "0.17.19", + "@esbuild/openbsd-x64": "0.17.19", + "@esbuild/sunos-x64": "0.17.19", + "@esbuild/win32-arm64": "0.17.19", + "@esbuild/win32-ia32": "0.17.19", + "@esbuild/win32-x64": "0.17.19" + } + }, + "node_modules/@lingui/cli/node_modules/has-flag": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/@lingui/cli/node_modules/source-map": { + "version": "0.8.0-beta.0", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.8.0-beta.0.tgz", + "integrity": "sha512-2ymg6oRBpebeZi9UUNsgQ89bhx01TcTkmNTGnNO88imTmbSgy4nfujrgVEFKWpMTEGA11EDkTt7mqObTPdigIA==", + "dev": true, + "dependencies": { + "whatwg-url": "^7.0.0" + }, + "engines": { + "node": ">= 8" + } + }, + "node_modules/@lingui/cli/node_modules/supports-color": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", + "dev": true, + "dependencies": { + "has-flag": "^4.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/@lingui/conf": { + "version": "4.11.3", + "resolved": "https://registry.npmjs.org/@lingui/conf/-/conf-4.11.3.tgz", + "integrity": "sha512-KwUJDrbzlZEXmlmqttpB/Sd9hiIo0sqccsZaYTHzW/uULZT9T11aw/f6RcPLCVJeSKazg/7dJhR1cKlxKzvjKA==", + "dependencies": { + "@babel/runtime": "^7.20.13", + "chalk": "^4.1.0", + "cosmiconfig": "^8.0.0", + "jest-validate": "^29.4.3", + "jiti": "^1.17.1", + "lodash.get": "^4.4.2" + }, + "engines": { + "node": ">=16.0.0" + } + }, + "node_modules/@lingui/conf/node_modules/ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dependencies": { + "color-convert": "^2.0.1" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/chalk/ansi-styles?sponsor=1" + } + }, + "node_modules/@lingui/conf/node_modules/chalk": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", + "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", + "dependencies": { + "ansi-styles": "^4.1.0", + "supports-color": "^7.1.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/chalk/chalk?sponsor=1" + } + }, + "node_modules/@lingui/conf/node_modules/color-convert": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", + "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", + "dependencies": { + "color-name": "~1.1.4" + }, + "engines": { + "node": ">=7.0.0" + } + }, + "node_modules/@lingui/conf/node_modules/color-name": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", + "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==" + }, + "node_modules/@lingui/conf/node_modules/has-flag": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "engines": { + "node": ">=8" + } + }, + "node_modules/@lingui/conf/node_modules/supports-color": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", + "dependencies": { + "has-flag": "^4.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/@lingui/core": { + "version": "4.11.3", + "resolved": "https://registry.npmjs.org/@lingui/core/-/core-4.11.3.tgz", + "integrity": "sha512-IjJxn0Kvzv+ICnGlMqn8wRIQLikCJVrolb1oyi6GqtbiuPiwKYeU0D6Hbe146lMaTN8juc3tOCBS+Fr02XqFIQ==", + "dependencies": { + "@babel/runtime": "^7.20.13", + "@lingui/message-utils": "4.11.3", + "unraw": "^3.0.0" + }, + "engines": { + "node": ">=16.0.0" + } + }, + "node_modules/@lingui/detect-locale": { + "version": "4.11.3", + "resolved": "https://registry.npmjs.org/@lingui/detect-locale/-/detect-locale-4.11.3.tgz", + "integrity": "sha512-5QJsNOzRcuT97gkgMk/yUqt52adXdd+yzs/29yleWpFEANO/Z9Zt/ozwdpThf8zeFsi8TM5GRZFQ1ScpKxuPOQ==", + "engines": { + "node": ">=16.0.0" + } + }, + "node_modules/@lingui/format-po": { + "version": "4.11.3", + "resolved": "https://registry.npmjs.org/@lingui/format-po/-/format-po-4.11.3.tgz", + "integrity": "sha512-RgEkoo0aEAk7X1xGrApcpqkz6GLdzkRLGw2jo3mmCVR0P7P9sWbJL/cd01GmR+HzAOo8Zx5oIayaKh9iyJS8tA==", + "dev": true, + "dependencies": { + "@lingui/conf": "4.11.3", + "@lingui/message-utils": "4.11.3", + "date-fns": "^3.6.0", + "pofile": "^1.1.4" + }, + "engines": { + "node": ">=16.0.0" + } + }, + "node_modules/@lingui/macro": { + "version": "4.11.3", + "resolved": "https://registry.npmjs.org/@lingui/macro/-/macro-4.11.3.tgz", + "integrity": "sha512-D0me8ZRtH0ylSavhKZu0FYf5mJ1y6kDMMPjYVDyiT5ooOI/5jjv9LIAqrdYGCBygnwsxOG1dzDw6+3s5GTs+Bg==", + "dependencies": { + "@babel/runtime": "^7.20.13", + "@babel/types": "^7.20.7", + "@lingui/conf": "4.11.3", + "@lingui/core": "4.11.3", + "@lingui/message-utils": "4.11.3" + }, + "engines": { + "node": ">=16.0.0" + }, + "peerDependencies": { + "@lingui/react": "^4.0.0", + "babel-plugin-macros": "2 || 3" + } + }, + "node_modules/@lingui/message-utils": { + "version": "4.11.3", + "resolved": "https://registry.npmjs.org/@lingui/message-utils/-/message-utils-4.11.3.tgz", + "integrity": "sha512-ZSw3OoKbknOw3nSrqt194g2F8r0guKow9csb46zlL7zX/yOWCaj767wvSvMoglZtVvurfQs4NPv2cohYlWORNw==", + "dependencies": { + "@messageformat/parser": "^5.0.0", + "js-sha256": "^0.10.1" + }, + "engines": { + "node": ">=16.0.0" + } + }, + "node_modules/@lingui/react": { + "version": "4.11.3", + "resolved": "https://registry.npmjs.org/@lingui/react/-/react-4.11.3.tgz", + "integrity": "sha512-FuorwDsz5zDpUNpyj7J8ZKqJrrVxOz1EtQ3aJGJsmnTtVO01N3nR3ckMzpYvZ71XXdDEvhUC9ihmiKbFvpaZ/w==", + "dependencies": { + "@babel/runtime": "^7.20.13", + "@lingui/core": "4.11.3" + }, + "engines": { + "node": ">=16.0.0" + }, + "peerDependencies": { + "react": "^16.8.0 || ^17.0.0 || ^18.0.0" + } + }, + "node_modules/@lingui/vite-plugin": { + "version": "4.11.3", + "resolved": "https://registry.npmjs.org/@lingui/vite-plugin/-/vite-plugin-4.11.3.tgz", + "integrity": "sha512-CNPtcXN/pdM8jXKLZFwazCczK7DagwcLvYL8WRt6m0wxpaMcR2s15/Sp/S6gL0PN8OXHykSzcg9nBMgXfgMaHw==", + "dev": true, + "dependencies": { + "@lingui/cli": "4.11.3", + "@lingui/conf": "4.11.3" + }, + "engines": { + "node": ">=16.0.0" + }, + "peerDependencies": { + "vite": "^3 || ^4 || ^5.0.9" + } + }, + "node_modules/@lukeed/csprng": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/@lukeed/csprng/-/csprng-1.0.1.tgz", + "integrity": "sha512-uSvJdwQU5nK+Vdf6zxcWAY2A8r7uqe+gePwLWzJ+fsQehq18pc0I2hJKwypZ2aLM90+Er9u1xn4iLJPZ+xlL4g==", + "license": "MIT", + "engines": { + "node": ">=8" + } + }, + "node_modules/@messageformat/parser": { + "version": "5.1.0", + "resolved": "https://registry.npmjs.org/@messageformat/parser/-/parser-5.1.0.tgz", + "integrity": "sha512-jKlkls3Gewgw6qMjKZ9SFfHUpdzEVdovKFtW1qRhJ3WI4FW5R/NnGDqr8SDGz+krWDO3ki94boMmQvGke1HwUQ==", + "dependencies": { + "moo": "^0.5.1" + } + }, + "node_modules/@preact/preset-vite": { + "version": "2.9.0", + "resolved": "https://registry.npmjs.org/@preact/preset-vite/-/preset-vite-2.9.0.tgz", + "integrity": "sha512-B9yVT7AkR6owrt84K3pLNyaKSvlioKdw65VqE/zMiR6HMovPekpsrwBNs5DJhBFEd5cvLMtCjHNHZ9P7Oblveg==", + "dev": true, + "dependencies": { + "@babel/code-frame": "^7.22.13", + "@babel/plugin-transform-react-jsx": "^7.22.15", + "@babel/plugin-transform-react-jsx-development": "^7.22.5", + "@prefresh/vite": "^2.4.1", + "@rollup/pluginutils": "^4.1.1", + "babel-plugin-transform-hook-names": "^1.0.2", + "debug": "^4.3.4", + "kolorist": "^1.8.0", + "magic-string": "0.30.5", + "node-html-parser": "^6.1.10", + "resolve": "^1.22.8", + "source-map": "^0.7.4", + "stack-trace": "^1.0.0-pre2" + }, + "peerDependencies": { + "@babel/core": "7.x", + "vite": "2.x || 3.x || 4.x || 5.x" + } + }, + "node_modules/@preact/preset-vite/node_modules/@jridgewell/sourcemap-codec": { + "version": "1.4.15", + "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz", + "integrity": "sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==", + "dev": true + }, + "node_modules/@preact/preset-vite/node_modules/magic-string": { + "version": "0.30.5", + "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.5.tgz", + "integrity": "sha512-7xlpfBaQaP/T6Vh8MO/EqXSW5En6INHEvEXQiuff7Gku0PWjU3uf6w/j9o7O+SpB5fOAkrI5HeoNgwjEO0pFsA==", + "dev": true, + "dependencies": { + "@jridgewell/sourcemap-codec": "^1.4.15" + }, + "engines": { + "node": ">=12" + } + }, + "node_modules/@preact/preset-vite/node_modules/source-map": { + "version": "0.7.4", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.4.tgz", + "integrity": "sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA==", + "dev": true, + "engines": { + "node": ">= 8" + } + }, + "node_modules/@prefresh/babel-plugin": { + "version": "0.5.0", + "resolved": "https://registry.npmjs.org/@prefresh/babel-plugin/-/babel-plugin-0.5.0.tgz", + "integrity": "sha512-joAwpkUDwo7ZqJnufXRGzUb+udk20RBgfA8oLPBh5aJH2LeStmV1luBfeJTztPdyCscC2j2SmZ/tVxFRMIxAEw==", + "dev": true, + "license": "MIT" + }, + "node_modules/@prefresh/core": { + "version": "1.5.2", + "resolved": "https://registry.npmjs.org/@prefresh/core/-/core-1.5.2.tgz", + "integrity": "sha512-A/08vkaM1FogrCII5PZKCrygxSsc11obExBScm3JF1CryK2uDS3ZXeni7FeKCx1nYdUkj4UcJxzPzc1WliMzZA==", + "dev": true, + "license": "MIT", + "peerDependencies": { + "preact": "^10.0.0" + } + }, + "node_modules/@prefresh/utils": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/@prefresh/utils/-/utils-1.2.0.tgz", + "integrity": "sha512-KtC/fZw+oqtwOLUFM9UtiitB0JsVX0zLKNyRTA332sqREqSALIIQQxdUCS1P3xR/jT1e2e8/5rwH6gdcMLEmsQ==", + "dev": true, + "license": "MIT" + }, + "node_modules/@prefresh/vite": { + "version": "2.4.1", + "resolved": "https://registry.npmjs.org/@prefresh/vite/-/vite-2.4.1.tgz", + "integrity": "sha512-vthWmEqu8TZFeyrBNc9YE5SiC3DVSzPgsOCp/WQ7FqdHpOIJi7Z8XvCK06rBPOtG4914S52MjG9Ls22eVAiuqQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/core": "^7.22.1", + "@prefresh/babel-plugin": "0.5.0", + "@prefresh/core": "^1.5.1", + "@prefresh/utils": "^1.2.0", + "@rollup/pluginutils": "^4.2.1" + }, + "peerDependencies": { + "preact": "^10.4.0", + "vite": ">=2.0.0" + } + }, + "node_modules/@remix-run/router": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/@remix-run/router/-/router-1.2.1.tgz", + "integrity": "sha512-XiY0IsyHR+DXYS5vBxpoBe/8veTeoRpMHP+vDosLZxL5bnpetzI0igkxkLZS235ldLzyfkxF+2divEwWHP3vMQ==", + "license": "MIT", + "engines": { + "node": ">=14" + } + }, + "node_modules/@rollup/plugin-node-resolve": { + "version": "15.2.3", + "resolved": "https://registry.npmjs.org/@rollup/plugin-node-resolve/-/plugin-node-resolve-15.2.3.tgz", + "integrity": "sha512-j/lym8nf5E21LwBT4Df1VD6hRO2L2iwUeUmP7litikRsVp1H6NWx20NEp0Y7su+7XGc476GnXXc4kFeZNGmaSQ==", + "dev": true, + "dependencies": { + "@rollup/pluginutils": "^5.0.1", + "@types/resolve": "1.20.2", + "deepmerge": "^4.2.2", + "is-builtin-module": "^3.2.1", + "is-module": "^1.0.0", + "resolve": "^1.22.1" + }, + "engines": { + "node": ">=14.0.0" + }, + "peerDependencies": { + "rollup": "^2.78.0||^3.0.0||^4.0.0" + }, + "peerDependenciesMeta": { + "rollup": { + "optional": true + } + } + }, + "node_modules/@rollup/plugin-node-resolve/node_modules/@rollup/pluginutils": { + "version": "5.1.0", + "resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-5.1.0.tgz", + "integrity": "sha512-XTIWOPPcpvyKI6L1NHo0lFlCyznUEyPmPY1mc3KpPVDYulHSTvyeLNVW00QTLIAFNhR3kYnJTQHeGqU4M3n09g==", + "dev": true, + "dependencies": { "@types/estree": "^1.0.0", "estree-walker": "^2.0.2", "picomatch": "^2.3.1" @@ -3788,6 +4597,11 @@ "win32" ] }, + "node_modules/@sinclair/typebox": { + "version": "0.27.8", + "resolved": "https://registry.npmjs.org/@sinclair/typebox/-/typebox-0.27.8.tgz", + "integrity": "sha512-+Fj43pSMwJs4KRrH/938Uf+uAELIgVBmQzg/q1YG10djyfA3TnrU8N8XzqCh/okZdszqBQTZf96idMfE5lnwTA==" + }, "node_modules/@surma/rollup-plugin-off-main-thread": { "version": "2.2.3", "resolved": "https://registry.npmjs.org/@surma/rollup-plugin-off-main-thread/-/rollup-plugin-off-main-thread-2.2.3.tgz", @@ -3813,20 +4627,92 @@ "react-dom": ">=16.14.0" } }, + "node_modules/@types/babel__core": { + "version": "7.20.5", + "resolved": "https://registry.npmjs.org/@types/babel__core/-/babel__core-7.20.5.tgz", + "integrity": "sha512-qoQprZvz5wQFJwMDqeseRXWv3rqMvhgpbXFfVyWhbx9X47POIA6i/+dXefEmZKoAgOaTdaIgNSMqMIU61yRyzA==", + "dev": true, + "optional": true, + "peer": true, + "dependencies": { + "@babel/parser": "^7.20.7", + "@babel/types": "^7.20.7", + "@types/babel__generator": "*", + "@types/babel__template": "*", + "@types/babel__traverse": "*" + } + }, + "node_modules/@types/babel__generator": { + "version": "7.6.8", + "resolved": "https://registry.npmjs.org/@types/babel__generator/-/babel__generator-7.6.8.tgz", + "integrity": "sha512-ASsj+tpEDsEiFr1arWrlN6V3mdfjRMZt6LtK/Vp/kreFLnr5QH5+DhvD5nINYZXzwJvXeGq+05iUXcAzVrqWtw==", + "dev": true, + "optional": true, + "peer": true, + "dependencies": { + "@babel/types": "^7.0.0" + } + }, + "node_modules/@types/babel__template": { + "version": "7.4.4", + "resolved": "https://registry.npmjs.org/@types/babel__template/-/babel__template-7.4.4.tgz", + "integrity": "sha512-h/NUaSyG5EyxBIp8YRxo4RMe2/qQgvyowRwVMzhYhBCONbW8PUsg4lkFMrhgZhUe5z3L3MiLDuvyJ/CaPa2A8A==", + "dev": true, + "optional": true, + "peer": true, + "dependencies": { + "@babel/parser": "^7.1.0", + "@babel/types": "^7.0.0" + } + }, + "node_modules/@types/babel__traverse": { + "version": "7.20.6", + "resolved": "https://registry.npmjs.org/@types/babel__traverse/-/babel__traverse-7.20.6.tgz", + "integrity": "sha512-r1bzfrm0tomOI8g1SzvCaQHo6Lcv6zu0EA+W2kHrt8dyrHQxGzBBL4kdkzIS+jBMV+EYcMAEAqXqYaLJq5rOZg==", + "dev": true, + "optional": true, + "peer": true, + "dependencies": { + "@babel/types": "^7.20.7" + } + }, "node_modules/@types/estree": { "version": "1.0.5", "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.5.tgz", "integrity": "sha512-/kYRxGDLWzHOB7q+wtSUQlFrtcdUccpfy+X+9iMBpHK8QLLhx2wIPYuS5DYtR9Wa/YlZAbIovy7qVdB1Aq6Lyw==", "dev": true }, + "node_modules/@types/istanbul-lib-coverage": { + "version": "2.0.6", + "resolved": "https://registry.npmjs.org/@types/istanbul-lib-coverage/-/istanbul-lib-coverage-2.0.6.tgz", + "integrity": "sha512-2QF/t/auWm0lsy8XtKVPG19v3sSOQlJe/YHZgfjb/KBBHOGSV+J2q/S671rcq9uTBrLAXmZpqJiaQbMT+zNU1w==" + }, + "node_modules/@types/istanbul-lib-report": { + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/@types/istanbul-lib-report/-/istanbul-lib-report-3.0.3.tgz", + "integrity": "sha512-NQn7AHQnk/RSLOxrBbGyJM/aVQ+pjj5HCgasFxc0K/KhoATfQ/47AyUl15I2yBUpihjmas+a+VJBOqecrFH+uA==", + "dependencies": { + "@types/istanbul-lib-coverage": "*" + } + }, + "node_modules/@types/istanbul-reports": { + "version": "3.0.4", + "resolved": "https://registry.npmjs.org/@types/istanbul-reports/-/istanbul-reports-3.0.4.tgz", + "integrity": "sha512-pk2B1NWalF9toCRu6gjBzR69syFjP4Od8WRAX+0mmf9lAjCRicLOWc+ZrxZHx/0XRjotgkF9t6iaMJ+aXcOdZQ==", + "dependencies": { + "@types/istanbul-lib-report": "*" + } + }, "node_modules/@types/node": { "version": "18.11.17", "resolved": "https://registry.npmjs.org/@types/node/-/node-18.11.17.tgz", "integrity": "sha512-HJSUJmni4BeDHhfzn6nF0sVmd1SMezP7/4F0Lq+aXzmp2xm9O7WXrUtHW/CHlYVtZUbByEvWidHqRtcJXGF2Ng==", - "dev": true, - "license": "MIT", - "optional": true, - "peer": true + "license": "MIT" + }, + "node_modules/@types/parse-json": { + "version": "4.0.2", + "resolved": "https://registry.npmjs.org/@types/parse-json/-/parse-json-4.0.2.tgz", + "integrity": "sha512-dISoDXWWQwUquiKsyZ4Ng+HX2KsPL7LyHKHQwgGFEA3IaKac4Obd+h2a/a6waisAoepJlBcx9paWqjA8/HVjCw==" }, "node_modules/@types/resolve": { "version": "1.20.2", @@ -3846,6 +4732,19 @@ "integrity": "sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw==", "dev": true }, + "node_modules/@types/yargs": { + "version": "17.0.33", + "resolved": "https://registry.npmjs.org/@types/yargs/-/yargs-17.0.33.tgz", + "integrity": "sha512-WpxBCKWPLr4xSsHgz511rFJAM+wS28w2zEO1QDNY5zM/S8ok70NNfztH0xwhqKyaK0OHCbN98LDAZuy1ctxDkA==", + "dependencies": { + "@types/yargs-parser": "*" + } + }, + "node_modules/@types/yargs-parser": { + "version": "21.0.3", + "resolved": "https://registry.npmjs.org/@types/yargs-parser/-/yargs-parser-21.0.3.tgz", + "integrity": "sha512-I4q9QU9MQv4oEOz4tAHJtNz1cwuLxn2F3xcc2iV5WdqLPpUnj30aUuxt1mAxYTG+oe8CZMV/+6rU4S4gRDzqtQ==" + }, "node_modules/@vue/compiler-core": { "version": "3.2.45", "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.2.45.tgz", @@ -3934,9 +4833,9 @@ "peer": true }, "node_modules/acorn": { - "version": "8.11.3", - "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.11.3.tgz", - "integrity": "sha512-Y9rRfJG5jcKOE0CLisYbojUjIrIEE7AGMzA/Sm4BslANhbS+cDMpgBdcPT91oJ7OuJ9hYJBx59RjbhxVnrF8Xg==", + "version": "8.12.1", + "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.12.1.tgz", + "integrity": "sha512-tcpGyI9zbizT9JbV6oYE477V6mTlXvvi0T0G3SNIYE2apm/G5huBa1+K89VGeovbg+jycCrfhl3ADxErOuO6Jg==", "dev": true, "bin": { "acorn": "bin/acorn" @@ -3961,6 +4860,33 @@ "url": "https://github.com/sponsors/epoberezkin" } }, + "node_modules/ansi-escapes": { + "version": "4.3.2", + "resolved": "https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-4.3.2.tgz", + "integrity": "sha512-gKXj5ALrKWQLsYG9jlTRmR/xKluxHV+Z9QEwNIgCfM1/uwPMCuzVVnh5mwTd+OuBZcwSIMbqssNWRm1lE51QaQ==", + "dev": true, + "dependencies": { + "type-fest": "^0.21.3" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/ansi-escapes/node_modules/type-fest": { + "version": "0.21.3", + "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.21.3.tgz", + "integrity": "sha512-t0rzBq87m3fVcduHDUFhKmyyX+9eo6WQjZvf51Ea/M0Q7+T374Jp1aUiyUl0GKxp8M/OETVHSDvmkyPgvX+X2w==", + "dev": true, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, "node_modules/ansi-regex": { "version": "6.0.1", "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.0.1.tgz", @@ -3977,7 +4903,6 @@ "version": "3.2.1", "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz", "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==", - "dev": true, "dependencies": { "color-convert": "^1.9.0" }, @@ -3985,11 +4910,23 @@ "node": ">=4" } }, + "node_modules/anymatch": { + "version": "3.1.3", + "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz", + "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==", + "dev": true, + "dependencies": { + "normalize-path": "^3.0.0", + "picomatch": "^2.0.4" + }, + "engines": { + "node": ">= 8" + } + }, "node_modules/argparse": { "version": "2.0.1", "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz", "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==", - "dev": true, "license": "Python-2.0" }, "node_modules/array-buffer-byte-length": { @@ -4098,6 +5035,35 @@ "url": "https://github.com/sponsors/ljharb" } }, + "node_modules/babel-plugin-macros": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/babel-plugin-macros/-/babel-plugin-macros-3.1.0.tgz", + "integrity": "sha512-Cg7TFGpIr01vOQNODXOOaGz2NpCU5gl8x1qJFbb6hbZxR7XrcE2vtbAsTAbJ7/xwJtUuJEw8K8Zr/AE0LHlesg==", + "dependencies": { + "@babel/runtime": "^7.12.5", + "cosmiconfig": "^7.0.0", + "resolve": "^1.19.0" + }, + "engines": { + "node": ">=10", + "npm": ">=6" + } + }, + "node_modules/babel-plugin-macros/node_modules/cosmiconfig": { + "version": "7.1.0", + "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-7.1.0.tgz", + "integrity": "sha512-AdmX6xUzdNASswsFtmwSt7Vj8po9IuqXm0UXz7QKPuEUmPB4XyjGfaAr2PSuELMwkRMVH1EpIkX5bTZGRB3eCA==", + "dependencies": { + "@types/parse-json": "^4.0.0", + "import-fresh": "^3.2.1", + "parse-json": "^5.0.0", + "path-type": "^4.0.0", + "yaml": "^1.10.0" + }, + "engines": { + "node": ">=10" + } + }, "node_modules/babel-plugin-polyfill-corejs2": { "version": "0.4.11", "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.4.11.tgz", @@ -4154,6 +5120,49 @@ "dev": true, "license": "MIT" }, + "node_modules/base64-js": { + "version": "1.5.1", + "resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.5.1.tgz", + "integrity": "sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==", + "dev": true, + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/feross" + }, + { + "type": "patreon", + "url": "https://www.patreon.com/feross" + }, + { + "type": "consulting", + "url": "https://feross.org/support" + } + ] + }, + "node_modules/binary-extensions": { + "version": "2.3.0", + "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.3.0.tgz", + "integrity": "sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==", + "dev": true, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/bl": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/bl/-/bl-4.1.0.tgz", + "integrity": "sha512-1W07cM9gS6DcLperZfFSj+bWLtaPGSOHWhPiGzXmvVJbRLdG82sH/Kn8EtW1VqWVA54AKf2h5k5BbnIbwF3h6w==", + "dev": true, + "dependencies": { + "buffer": "^5.5.0", + "inherits": "^2.0.4", + "readable-stream": "^3.4.0" + } + }, "node_modules/boolbase": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/boolbase/-/boolbase-1.0.0.tgz", @@ -4171,6 +5180,18 @@ "concat-map": "0.0.1" } }, + "node_modules/braces": { + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz", + "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==", + "dev": true, + "dependencies": { + "fill-range": "^7.1.1" + }, + "engines": { + "node": ">=8" + } + }, "node_modules/browserslist": { "version": "4.23.1", "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.23.1.tgz", @@ -4203,6 +5224,30 @@ "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7" } }, + "node_modules/buffer": { + "version": "5.7.1", + "resolved": "https://registry.npmjs.org/buffer/-/buffer-5.7.1.tgz", + "integrity": "sha512-EHcyIPBQ4BSGlvjB16k5KgAJ27CIsHY/2JBmCRReo48y9rQ3MaUzWX3KVlBa4U7MyX02HdVj0K7C3WaB3ju7FQ==", + "dev": true, + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/feross" + }, + { + "type": "patreon", + "url": "https://www.patreon.com/feross" + }, + { + "type": "consulting", + "url": "https://feross.org/support" + } + ], + "dependencies": { + "base64-js": "^1.3.1", + "ieee754": "^1.1.13" + } + }, "node_modules/buffer-from": { "version": "1.1.2", "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz", @@ -4241,6 +5286,14 @@ "url": "https://github.com/sponsors/ljharb" } }, + "node_modules/callsites": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz", + "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==", + "engines": { + "node": ">=6" + } + }, "node_modules/camel-case": { "version": "4.1.2", "resolved": "https://registry.npmjs.org/camel-case/-/camel-case-4.1.2.tgz", @@ -4251,6 +5304,17 @@ "tslib": "^2.0.3" } }, + "node_modules/camelcase": { + "version": "6.3.0", + "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-6.3.0.tgz", + "integrity": "sha512-Gmy6FhYlCY7uOElZUSbxo2UCDH8owEk996gkbrpsgGtrJLM3J7jGxl9Ic7Qwwj4ivOE5AWZWRMecDdF7hqGjFA==", + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, "node_modules/caniuse-lite": { "version": "1.0.30001640", "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001640.tgz", @@ -4286,7 +5350,6 @@ "version": "2.4.2", "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz", "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==", - "dev": true, "dependencies": { "ansi-styles": "^3.2.1", "escape-string-regexp": "^1.0.5", @@ -4316,11 +5379,91 @@ "tslib": "^2.0.3" } }, + "node_modules/chardet": { + "version": "0.7.0", + "resolved": "https://registry.npmjs.org/chardet/-/chardet-0.7.0.tgz", + "integrity": "sha512-mT8iDcrh03qDGRRmoA2hmBJnxpllMR+0/0qlzjqZES6NdiWDcZkCNAk4rPFZ9Q85r27unkiNNg8ZOiwZXBHwcA==", + "dev": true + }, + "node_modules/chokidar": { + "version": "3.5.1", + "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.5.1.tgz", + "integrity": "sha512-9+s+Od+W0VJJzawDma/gvBNQqkTiqYTWLuZoyAsivsI4AaWTCzHG06/TMjsf1cYe9Cb97UCEhjz7HvnPk2p/tw==", + "dev": true, + "dependencies": { + "anymatch": "~3.1.1", + "braces": "~3.0.2", + "glob-parent": "~5.1.0", + "is-binary-path": "~2.1.0", + "is-glob": "~4.0.1", + "normalize-path": "~3.0.0", + "readdirp": "~3.5.0" + }, + "engines": { + "node": ">= 8.10.0" + }, + "optionalDependencies": { + "fsevents": "~2.3.1" + } + }, + "node_modules/cli-cursor": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/cli-cursor/-/cli-cursor-3.1.0.tgz", + "integrity": "sha512-I/zHAwsKf9FqGoXM4WWRACob9+SNukZTd94DWF57E4toouRulbCxcUh6RKUEOQlYTHJnzkPMySvPNaaSLNfLZw==", + "dev": true, + "dependencies": { + "restore-cursor": "^3.1.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/cli-spinners": { + "version": "2.9.2", + "resolved": "https://registry.npmjs.org/cli-spinners/-/cli-spinners-2.9.2.tgz", + "integrity": "sha512-ywqV+5MmyL4E7ybXgKys4DugZbX0FC6LnwrhjuykIjnK9k8OQacQ7axGKnjDXWNhns0xot3bZI5h55H8yo9cJg==", + "dev": true, + "engines": { + "node": ">=6" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/cli-table": { + "version": "0.3.11", + "resolved": "https://registry.npmjs.org/cli-table/-/cli-table-0.3.11.tgz", + "integrity": "sha512-IqLQi4lO0nIB4tcdTpN4LCB9FI3uqrJZK7RC515EnhZ6qBaglkIgICb1wjeAqpdoOabm1+SuQtkXIPdYC93jhQ==", + "dev": true, + "dependencies": { + "colors": "1.0.3" + }, + "engines": { + "node": ">= 0.2.0" + } + }, + "node_modules/cli-width": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/cli-width/-/cli-width-3.0.0.tgz", + "integrity": "sha512-FxqpkPPwu1HjuN93Omfm4h8uIanXofW0RxVEW3k5RKx+mJJYSthzNhp32Kzxxy3YAEZ/Dc/EWN1vZRY0+kOhbw==", + "dev": true, + "engines": { + "node": ">= 10" + } + }, + "node_modules/clone": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/clone/-/clone-1.0.4.tgz", + "integrity": "sha512-JQHZ2QMW6l3aH/j6xCqQThY/9OH4D/9ls34cgkUBiEeocRTU04tHfKPBsUK1PqZCUQM7GiA0IIXJSuXHI64Kbg==", + "dev": true, + "engines": { + "node": ">=0.8" + } + }, "node_modules/color-convert": { "version": "1.9.3", "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz", "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==", - "dev": true, "dependencies": { "color-name": "1.1.3" } @@ -4328,8 +5471,16 @@ "node_modules/color-name": { "version": "1.1.3", "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz", - "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==", - "dev": true + "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==" + }, + "node_modules/colors": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/colors/-/colors-1.0.3.tgz", + "integrity": "sha512-pFGrxThWcWQ2MsAz6RtgeWe4NK2kUE1WfsrvvlctdII745EW9I0yflqhe7++M5LEc7bV2c/9/5zc8sFcpL0Drw==", + "dev": true, + "engines": { + "node": ">=0.1.90" + } }, "node_modules/commander": { "version": "2.20.3", @@ -4398,6 +5549,45 @@ "url": "https://opencollective.com/core-js" } }, + "node_modules/cosmiconfig": { + "version": "8.3.6", + "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-8.3.6.tgz", + "integrity": "sha512-kcZ6+W5QzcJ3P1Mt+83OUv/oHFqZHIx8DuxG6eZ5RGMERoLqp4BuGjhHLYGK+Kf5XVkQvqBSmAy/nGWN3qDgEA==", + "dependencies": { + "import-fresh": "^3.3.0", + "js-yaml": "^4.1.0", + "parse-json": "^5.2.0", + "path-type": "^4.0.0" + }, + "engines": { + "node": ">=14" + }, + "funding": { + "url": "https://github.com/sponsors/d-fischer" + }, + "peerDependencies": { + "typescript": ">=4.9.5" + }, + "peerDependenciesMeta": { + "typescript": { + "optional": true + } + } + }, + "node_modules/cross-spawn": { + "version": "7.0.3", + "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz", + "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==", + "dev": true, + "dependencies": { + "path-key": "^3.1.0", + "shebang-command": "^2.0.0", + "which": "^2.0.1" + }, + "engines": { + "node": ">= 8" + } + }, "node_modules/crypto-random-string": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/crypto-random-string/-/crypto-random-string-2.0.0.tgz", @@ -4588,20 +5778,21 @@ "url": "https://github.com/sponsors/ljharb" } }, + "node_modules/date-fns": { + "version": "3.6.0", + "resolved": "https://registry.npmjs.org/date-fns/-/date-fns-3.6.0.tgz", + "integrity": "sha512-fRHTG8g/Gif+kSh50gaGEdToemgfj74aRX3swtiouboip5JDLAyDE9F11nHMIcvOaXeOC6D7SpNhi7uFyB7Uww==", + "dev": true, + "funding": { + "type": "github", + "url": "https://github.com/sponsors/kossnocorp" + } + }, "node_modules/dayjs": { "version": "1.11.12", "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.12.tgz", "integrity": "sha512-Rt2g+nTbLlDWZTwwrIXjy9MeiZmSDI375FvZs72ngxx8PDC6YXOeR3q5LAuPzjZQxhiWdRKac7RKV+YyQYfYIg==" }, - "node_modules/dayjs-twitter": { - "version": "0.5.0", - "resolved": "https://registry.npmjs.org/dayjs-twitter/-/dayjs-twitter-0.5.0.tgz", - "integrity": "sha512-SZ7qEUISstBLUXdlGAbLrwr6zfRM9kaCfbq4uVTerM/HXzuHiiGzzUqAJVhxt+3tf69E+ocmQdP6YYpOINv05w==", - "license": "MIT", - "dependencies": { - "duration-js": "^4.0.0" - } - }, "node_modules/debug": { "version": "4.3.4", "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz", @@ -4629,6 +5820,18 @@ "node": ">=0.10.0" } }, + "node_modules/defaults": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/defaults/-/defaults-1.0.4.tgz", + "integrity": "sha512-eFuaLoy/Rxalv2kr+lqMlUnrDWV+3j4pljOIJgLIhI058IQfWJ7vXhyEIHu+HtC738klGALYxOKDO0bQP3tg8A==", + "dev": true, + "dependencies": { + "clone": "^1.0.2" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, "node_modules/define-data-property": { "version": "1.1.4", "resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.4.tgz", @@ -4744,12 +5947,6 @@ "tslib": "^2.0.3" } }, - "node_modules/duration-js": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/duration-js/-/duration-js-4.0.0.tgz", - "integrity": "sha512-qoXjOsH97r+NrOa6sK5V2cwBOouVG/LI9jwgwKvjVkyqGpZ72yilWjjzFJYPqqbvNZDwpRMaLEUFE+PTefvOEA==", - "license": "MIT" - }, "node_modules/ejs": { "version": "3.1.9", "resolved": "https://registry.npmjs.org/ejs/-/ejs-3.1.9.tgz", @@ -4772,6 +5969,12 @@ "integrity": "sha512-EKH5X5oqC6hLmiS7/vYtZHZFTNdhsYG5NVPRN6Yn0kQHNBlT59+xSM8HBy66P5fxWpKgZbPqb+diC64ng295Jw==", "dev": true }, + "node_modules/emoji-regex": { + "version": "8.0.0", + "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz", + "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==", + "dev": true + }, "node_modules/entities": { "version": "4.5.0", "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz", @@ -4784,6 +5987,14 @@ "url": "https://github.com/fb55/entities?sponsor=1" } }, + "node_modules/error-ex": { + "version": "1.3.2", + "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.2.tgz", + "integrity": "sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==", + "dependencies": { + "is-arrayish": "^0.2.1" + } + }, "node_modules/es-abstract": { "version": "1.23.3", "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.23.3.tgz", @@ -4959,7 +6170,6 @@ "version": "1.0.5", "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz", "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==", - "dev": true, "engines": { "node": ">=0.8.0" } @@ -4986,6 +6196,20 @@ "integrity": "sha512-RtnLYrMbXp4JkZIoZu+3VTqV21bNVBlJBZ4NmtwvMNqSE3qouhxv2gvLE4JJDaQc54ioPkrX74V6x+hp/hqjkQ==", "license": "MIT" }, + "node_modules/external-editor": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/external-editor/-/external-editor-3.1.0.tgz", + "integrity": "sha512-hMQ4CX1p1izmuLYyZqLMO/qGNw10wSv9QDCPfzXfyFrOaCSSoRfqE1Kf1s5an66J5JZC62NewG+mK49jOCtQew==", + "dev": true, + "dependencies": { + "chardet": "^0.7.0", + "iconv-lite": "^0.4.24", + "tmp": "^0.0.33" + }, + "engines": { + "node": ">=4" + } + }, "node_modules/fast-blurhash": { "version": "1.1.4", "resolved": "https://registry.npmjs.org/fast-blurhash/-/fast-blurhash-1.1.4.tgz", @@ -5011,6 +6235,21 @@ "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==", "dev": true }, + "node_modules/figures": { + "version": "3.2.0", + "resolved": "https://registry.npmjs.org/figures/-/figures-3.2.0.tgz", + "integrity": "sha512-yaduQFRKLXYOGgEn6AZau90j3ggSOyiqXU0F9JZfeXYhNa+Jk4X+s45A2zg5jns87GAFa34BBm2kXw4XpNcbdg==", + "dev": true, + "dependencies": { + "escape-string-regexp": "^1.0.5" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, "node_modules/filelist": { "version": "1.0.4", "resolved": "https://registry.npmjs.org/filelist/-/filelist-1.0.4.tgz", @@ -5044,6 +6283,30 @@ "node": ">=10" } }, + "node_modules/fill-range": { + "version": "7.1.1", + "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz", + "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==", + "dev": true, + "dependencies": { + "to-regex-range": "^5.0.1" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/find-up": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/find-up/-/find-up-3.0.0.tgz", + "integrity": "sha512-1yD6RmLI1XBfxugvORwlck6f75tYL+iR0jqwsOrOxMZyGYqUuDhJ0l4AXdO1iX/FTs9cBAMEk1gWSEx1kSbylg==", + "dev": true, + "dependencies": { + "locate-path": "^3.0.0" + }, + "engines": { + "node": ">=6" + } + }, "node_modules/for-each": { "version": "0.3.3", "resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.3.tgz", @@ -5105,7 +6368,6 @@ "version": "1.1.2", "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz", "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==", - "dev": true, "funding": { "url": "https://github.com/sponsors/ljharb" } @@ -5217,6 +6479,18 @@ "url": "https://github.com/sponsors/isaacs" } }, + "node_modules/glob-parent": { + "version": "5.1.2", + "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz", + "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==", + "dev": true, + "dependencies": { + "is-glob": "^4.0.1" + }, + "engines": { + "node": ">= 6" + } + }, "node_modules/globals": { "version": "11.12.0", "resolved": "https://registry.npmjs.org/globals/-/globals-11.12.0.tgz", @@ -5265,7 +6539,6 @@ "version": "1.0.3", "resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz", "integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==", - "dev": true, "license": "MIT", "dependencies": { "function-bind": "^1.1.1" @@ -5287,7 +6560,6 @@ "version": "3.0.0", "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz", "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==", - "dev": true, "engines": { "node": ">=4" } @@ -5379,6 +6651,18 @@ "resolved": "https://registry.npmjs.org/html-prettify/-/html-prettify-1.0.7.tgz", "integrity": "sha512-99pRsP2PV2DyWnrVibNyad7gNmzCP7AANO8jw7Z9yanWyXH9dPdqdMXGefySplroqCNdk95u7j5TLxfyJ1Cbbg==" }, + "node_modules/iconv-lite": { + "version": "0.4.24", + "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz", + "integrity": "sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==", + "dev": true, + "dependencies": { + "safer-buffer": ">= 2.1.2 < 3" + }, + "engines": { + "node": ">=0.10.0" + } + }, "node_modules/idb": { "version": "7.1.1", "resolved": "https://registry.npmjs.org/idb/-/idb-7.1.1.tgz", @@ -5391,21 +6675,171 @@ "integrity": "sha512-8Sb3veuYCyrZL+VBt9LJfZjLUPWVvqn8tG28VqYNFCo43KHcKuq+b4EiXGeuaLAQWL2YmyDgMp2aSpH9JHsEQg==", "license": "Apache-2.0" }, - "node_modules/inflight": { - "version": "1.0.6", - "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz", - "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==", + "node_modules/ieee754": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/ieee754/-/ieee754-1.2.1.tgz", + "integrity": "sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==", + "dev": true, + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/feross" + }, + { + "type": "patreon", + "url": "https://www.patreon.com/feross" + }, + { + "type": "consulting", + "url": "https://feross.org/support" + } + ] + }, + "node_modules/import-fresh": { + "version": "3.3.0", + "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz", + "integrity": "sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==", + "dependencies": { + "parent-module": "^1.0.0", + "resolve-from": "^4.0.0" + }, + "engines": { + "node": ">=6" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/inflight": { + "version": "1.0.6", + "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz", + "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==", + "dev": true, + "dependencies": { + "once": "^1.3.0", + "wrappy": "1" + } + }, + "node_modules/inherits": { + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz", + "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==", + "dev": true + }, + "node_modules/inquirer": { + "version": "7.3.3", + "resolved": "https://registry.npmjs.org/inquirer/-/inquirer-7.3.3.tgz", + "integrity": "sha512-JG3eIAj5V9CwcGvuOmoo6LB9kbAYT8HXffUl6memuszlwDC/qvFAJw49XJ5NROSFNPxp3iQg1GqkFhaY/CR0IA==", + "dev": true, + "dependencies": { + "ansi-escapes": "^4.2.1", + "chalk": "^4.1.0", + "cli-cursor": "^3.1.0", + "cli-width": "^3.0.0", + "external-editor": "^3.0.3", + "figures": "^3.0.0", + "lodash": "^4.17.19", + "mute-stream": "0.0.8", + "run-async": "^2.4.0", + "rxjs": "^6.6.0", + "string-width": "^4.1.0", + "strip-ansi": "^6.0.0", + "through": "^2.3.6" + }, + "engines": { + "node": ">=8.0.0" + } + }, + "node_modules/inquirer/node_modules/ansi-regex": { + "version": "5.0.1", + "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz", + "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/inquirer/node_modules/ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, + "dependencies": { + "color-convert": "^2.0.1" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/chalk/ansi-styles?sponsor=1" + } + }, + "node_modules/inquirer/node_modules/chalk": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", + "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", + "dev": true, + "dependencies": { + "ansi-styles": "^4.1.0", + "supports-color": "^7.1.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/chalk/chalk?sponsor=1" + } + }, + "node_modules/inquirer/node_modules/color-convert": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", + "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", + "dev": true, + "dependencies": { + "color-name": "~1.1.4" + }, + "engines": { + "node": ">=7.0.0" + } + }, + "node_modules/inquirer/node_modules/color-name": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", + "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", + "dev": true + }, + "node_modules/inquirer/node_modules/has-flag": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/inquirer/node_modules/strip-ansi": { + "version": "6.0.1", + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz", + "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==", "dev": true, "dependencies": { - "once": "^1.3.0", - "wrappy": "1" + "ansi-regex": "^5.0.1" + }, + "engines": { + "node": ">=8" } }, - "node_modules/inherits": { - "version": "2.0.4", - "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz", - "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==", - "dev": true + "node_modules/inquirer/node_modules/supports-color": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", + "dev": true, + "dependencies": { + "has-flag": "^4.0.0" + }, + "engines": { + "node": ">=8" + } }, "node_modules/internal-slot": { "version": "1.0.7", @@ -5421,6 +6855,11 @@ "node": ">= 0.4" } }, + "node_modules/intl-locale-textinfo-polyfill": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/intl-locale-textinfo-polyfill/-/intl-locale-textinfo-polyfill-2.1.1.tgz", + "integrity": "sha512-k2J6ejhL75v94reBfX2gYF6yQ5uqtt+jBRQy5f7QSBl3GEI7gMrQ7mAq1GF8txxUsSQZMx7Sa5VekImh+SZtLA==" + }, "node_modules/is-array-buffer": { "version": "3.0.4", "resolved": "https://registry.npmjs.org/is-array-buffer/-/is-array-buffer-3.0.4.tgz", @@ -5437,6 +6876,11 @@ "url": "https://github.com/sponsors/ljharb" } }, + "node_modules/is-arrayish": { + "version": "0.2.1", + "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz", + "integrity": "sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==" + }, "node_modules/is-bigint": { "version": "1.0.4", "resolved": "https://registry.npmjs.org/is-bigint/-/is-bigint-1.0.4.tgz", @@ -5449,6 +6893,18 @@ "url": "https://github.com/sponsors/ljharb" } }, + "node_modules/is-binary-path": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz", + "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==", + "dev": true, + "dependencies": { + "binary-extensions": "^2.0.0" + }, + "engines": { + "node": ">=8" + } + }, "node_modules/is-boolean-object": { "version": "1.1.2", "resolved": "https://registry.npmjs.org/is-boolean-object/-/is-boolean-object-1.1.2.tgz", @@ -5496,7 +6952,6 @@ "version": "2.13.0", "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.13.0.tgz", "integrity": "sha512-Z7dk6Qo8pOCp3l4tsX2C5ZVas4V+UxwQodwZhLopL91TX8UyyHEXafPcyoeeWuLrwzHcr3igO78wNLwHJHsMCQ==", - "dev": true, "license": "MIT", "dependencies": { "has": "^1.0.3" @@ -5535,6 +6990,45 @@ "url": "https://github.com/sponsors/ljharb" } }, + "node_modules/is-extglob": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz", + "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==", + "dev": true, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/is-fullwidth-code-point": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz", + "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/is-glob": { + "version": "4.0.3", + "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz", + "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==", + "dev": true, + "dependencies": { + "is-extglob": "^2.1.1" + }, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/is-interactive": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/is-interactive/-/is-interactive-1.0.0.tgz", + "integrity": "sha512-2HvIEKRoqS62guEC+qBjpvRubdX910WCMuJTZ+I9yvqKU2/12eSL549HMwtabb4oupdj2sMP50k+XJfB/8JE6w==", + "dev": true, + "engines": { + "node": ">=8" + } + }, "node_modules/is-module": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/is-module/-/is-module-1.0.0.tgz", @@ -5565,6 +7059,15 @@ "url": "https://github.com/sponsors/sindresorhus" } }, + "node_modules/is-number": { + "version": "7.0.0", + "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz", + "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==", + "dev": true, + "engines": { + "node": ">=0.12.0" + } + }, "node_modules/is-number-object": { "version": "1.0.7", "resolved": "https://registry.npmjs.org/is-number-object/-/is-number-object-1.0.7.tgz", @@ -5686,6 +7189,18 @@ "url": "https://github.com/sponsors/ljharb" } }, + "node_modules/is-unicode-supported": { + "version": "0.1.0", + "resolved": "https://registry.npmjs.org/is-unicode-supported/-/is-unicode-supported-0.1.0.tgz", + "integrity": "sha512-knxG2q4UC3u8stRGyAVJCOdxFmv5DZiRcdlIaAQXAbSfJya+OhopNotLQrstBhququ4ZpuKbDc/8S6mgXgPFPw==", + "dev": true, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, "node_modules/is-weakref": { "version": "1.0.2", "resolved": "https://registry.npmjs.org/is-weakref/-/is-weakref-1.0.2.tgz", @@ -5704,6 +7219,12 @@ "integrity": "sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==", "dev": true }, + "node_modules/isexe": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz", + "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==", + "dev": true + }, "node_modules/isomorphic-ws": { "version": "5.0.0", "resolved": "https://registry.npmjs.org/isomorphic-ws/-/isomorphic-ws-5.0.0.tgz", @@ -5808,6 +7329,107 @@ "node": ">=8" } }, + "node_modules/jest-get-type": { + "version": "29.6.3", + "resolved": "https://registry.npmjs.org/jest-get-type/-/jest-get-type-29.6.3.tgz", + "integrity": "sha512-zrteXnqYxfQh7l5FHyL38jL39di8H8rHoecLH3JNxH3BwOrBsNeabdap5e0I23lD4HHI8W5VFBZqG4Eaq5LNcw==", + "engines": { + "node": "^14.15.0 || ^16.10.0 || >=18.0.0" + } + }, + "node_modules/jest-validate": { + "version": "29.7.0", + "resolved": "https://registry.npmjs.org/jest-validate/-/jest-validate-29.7.0.tgz", + "integrity": "sha512-ZB7wHqaRGVw/9hST/OuFUReG7M8vKeq0/J2egIGLdvjHCmYqGARhzXmtgi+gVeZ5uXFF219aOc3Ls2yLg27tkw==", + "dependencies": { + "@jest/types": "^29.6.3", + "camelcase": "^6.2.0", + "chalk": "^4.0.0", + "jest-get-type": "^29.6.3", + "leven": "^3.1.0", + "pretty-format": "^29.7.0" + }, + "engines": { + "node": "^14.15.0 || ^16.10.0 || >=18.0.0" + } + }, + "node_modules/jest-validate/node_modules/ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dependencies": { + "color-convert": "^2.0.1" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/chalk/ansi-styles?sponsor=1" + } + }, + "node_modules/jest-validate/node_modules/chalk": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", + "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", + "dependencies": { + "ansi-styles": "^4.1.0", + "supports-color": "^7.1.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/chalk/chalk?sponsor=1" + } + }, + "node_modules/jest-validate/node_modules/color-convert": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", + "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", + "dependencies": { + "color-name": "~1.1.4" + }, + "engines": { + "node": ">=7.0.0" + } + }, + "node_modules/jest-validate/node_modules/color-name": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", + "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==" + }, + "node_modules/jest-validate/node_modules/has-flag": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "engines": { + "node": ">=8" + } + }, + "node_modules/jest-validate/node_modules/supports-color": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", + "dependencies": { + "has-flag": "^4.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/jiti": { + "version": "1.21.6", + "resolved": "https://registry.npmjs.org/jiti/-/jiti-1.21.6.tgz", + "integrity": "sha512-2yTgeWTWzMWkHu6Jp9NKgePDaYHbntiwvYuuJLbbN9vl7DC9DvXKOB2BC3ZZ92D3cvV/aflH0osDfwpHepQ53w==", + "bin": { + "jiti": "bin/jiti.js" + } + }, + "node_modules/js-sha256": { + "version": "0.10.1", + "resolved": "https://registry.npmjs.org/js-sha256/-/js-sha256-0.10.1.tgz", + "integrity": "sha512-5obBtsz9301ULlsgggLg542s/jqtddfOpV5KJc4hajc9JV8GeY2gZHSVpYBn4nWqAUTJ9v+xwtbJ1mIBgIH5Vw==" + }, "node_modules/js-tokens": { "version": "4.0.0", "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz", @@ -5818,7 +7440,6 @@ "version": "4.1.0", "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz", "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==", - "dev": true, "license": "MIT", "dependencies": { "argparse": "^2.0.1" @@ -5840,6 +7461,11 @@ "node": ">=4" } }, + "node_modules/json-parse-even-better-errors": { + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz", + "integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==" + }, "node_modules/json-schema": { "version": "0.4.0", "resolved": "https://registry.npmjs.org/json-schema/-/json-schema-0.4.0.tgz", @@ -5877,55 +7503,163 @@ "graceful-fs": "^4.1.6" } }, - "node_modules/jsonpointer": { - "version": "5.0.1", - "resolved": "https://registry.npmjs.org/jsonpointer/-/jsonpointer-5.0.1.tgz", - "integrity": "sha512-p/nXbhSEcu3pZRdkW1OfJhpsVtW1gd4Wa1fnQc9YLiTfAjn0312eMKimbdIQzuZl9aa9xUGaRlP9T/CJE/ditQ==", + "node_modules/jsonpointer": { + "version": "5.0.1", + "resolved": "https://registry.npmjs.org/jsonpointer/-/jsonpointer-5.0.1.tgz", + "integrity": "sha512-p/nXbhSEcu3pZRdkW1OfJhpsVtW1gd4Wa1fnQc9YLiTfAjn0312eMKimbdIQzuZl9aa9xUGaRlP9T/CJE/ditQ==", + "dev": true, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/just-debounce-it": { + "version": "3.2.0", + "resolved": "https://registry.npmjs.org/just-debounce-it/-/just-debounce-it-3.2.0.tgz", + "integrity": "sha512-WXzwLL0745uNuedrCsCs3rpmfD6DBaf7uuVwaq98/8dafURfgQaBsSpjiPp5+CW6Vjltwy9cOGI6qE71b3T8iQ==", + "license": "MIT" + }, + "node_modules/kolorist": { + "version": "1.8.0", + "resolved": "https://registry.npmjs.org/kolorist/-/kolorist-1.8.0.tgz", + "integrity": "sha512-Y+60/zizpJ3HRH8DCss+q95yr6145JXZo46OTpFvDZWLfRCE4qChOyk1b26nMaNpfHHgxagk9dXT5OP0Tfe+dQ==", + "dev": true, + "license": "MIT" + }, + "node_modules/leven": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/leven/-/leven-3.1.0.tgz", + "integrity": "sha512-qsda+H8jTaUaN/x5vzW2rzc+8Rw4TAQ/4KjB46IwK5VH+IlVeeeje/EoZRpiXvIqjFgK84QffqPztGI3VBLG1A==", + "engines": { + "node": ">=6" + } + }, + "node_modules/lines-and-columns": { + "version": "1.2.4", + "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz", + "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==" + }, + "node_modules/locate-path": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-3.0.0.tgz", + "integrity": "sha512-7AO748wWnIhNqAuaty2ZWHkQHRSNfPVIsPIfwEOWO22AmaoVrWavlOcMR5nzTLNYvp36X220/maaRsrec1G65A==", + "dev": true, + "dependencies": { + "p-locate": "^3.0.0", + "path-exists": "^3.0.0" + }, + "engines": { + "node": ">=6" + } + }, + "node_modules/lodash": { + "version": "4.17.21", + "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz", + "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==", + "dev": true, + "license": "MIT" + }, + "node_modules/lodash.debounce": { + "version": "4.0.8", + "resolved": "https://registry.npmjs.org/lodash.debounce/-/lodash.debounce-4.0.8.tgz", + "integrity": "sha512-FT1yDzDYEoYWhnSGnpE/4Kj1fLZkDFyqRb7fNt6FdYOSxlUWAtp42Eh6Wb0rGIv/m9Bgo7x4GhQbm5Ys4SG5ow==", + "dev": true + }, + "node_modules/lodash.get": { + "version": "4.4.2", + "resolved": "https://registry.npmjs.org/lodash.get/-/lodash.get-4.4.2.tgz", + "integrity": "sha512-z+Uw/vLuy6gQe8cfaFWD7p0wVv8fJl3mbzXh33RS+0oW2wvUqiRXiQ69gLWSLpgB5/6sU+r6BlQR0MBILadqTQ==" + }, + "node_modules/lodash.sortby": { + "version": "4.7.0", + "resolved": "https://registry.npmjs.org/lodash.sortby/-/lodash.sortby-4.7.0.tgz", + "integrity": "sha512-HDWXG8isMntAyRF5vZ7xKuEvOhT4AhlRt/3czTSjvGUxjYCBVRQY48ViDHyfYz9VIoBkW4TMGQNapx+l3RUwdA==", + "dev": true + }, + "node_modules/log-symbols": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/log-symbols/-/log-symbols-4.1.0.tgz", + "integrity": "sha512-8XPvpAA8uyhfteu8pIvQxpJZ7SYYdpUivZpGy6sFsBuKRY/7rQGavedeB8aK+Zkyq6upMFVL/9AW6vOYzfRyLg==", + "dev": true, + "dependencies": { + "chalk": "^4.1.0", + "is-unicode-supported": "^0.1.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/log-symbols/node_modules/ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, + "dependencies": { + "color-convert": "^2.0.1" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/chalk/ansi-styles?sponsor=1" + } + }, + "node_modules/log-symbols/node_modules/chalk": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", + "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", + "dev": true, + "dependencies": { + "ansi-styles": "^4.1.0", + "supports-color": "^7.1.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/chalk/chalk?sponsor=1" + } + }, + "node_modules/log-symbols/node_modules/color-convert": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", + "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", "dev": true, + "dependencies": { + "color-name": "~1.1.4" + }, "engines": { - "node": ">=0.10.0" + "node": ">=7.0.0" } }, - "node_modules/just-debounce-it": { - "version": "3.2.0", - "resolved": "https://registry.npmjs.org/just-debounce-it/-/just-debounce-it-3.2.0.tgz", - "integrity": "sha512-WXzwLL0745uNuedrCsCs3rpmfD6DBaf7uuVwaq98/8dafURfgQaBsSpjiPp5+CW6Vjltwy9cOGI6qE71b3T8iQ==", - "license": "MIT" - }, - "node_modules/kolorist": { - "version": "1.8.0", - "resolved": "https://registry.npmjs.org/kolorist/-/kolorist-1.8.0.tgz", - "integrity": "sha512-Y+60/zizpJ3HRH8DCss+q95yr6145JXZo46OTpFvDZWLfRCE4qChOyk1b26nMaNpfHHgxagk9dXT5OP0Tfe+dQ==", - "dev": true, - "license": "MIT" + "node_modules/log-symbols/node_modules/color-name": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", + "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", + "dev": true }, - "node_modules/leven": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/leven/-/leven-3.1.0.tgz", - "integrity": "sha512-qsda+H8jTaUaN/x5vzW2rzc+8Rw4TAQ/4KjB46IwK5VH+IlVeeeje/EoZRpiXvIqjFgK84QffqPztGI3VBLG1A==", + "node_modules/log-symbols/node_modules/has-flag": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", "dev": true, "engines": { - "node": ">=6" + "node": ">=8" } }, - "node_modules/lodash": { - "version": "4.17.21", - "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz", - "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==", + "node_modules/log-symbols/node_modules/supports-color": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", "dev": true, - "license": "MIT" - }, - "node_modules/lodash.debounce": { - "version": "4.0.8", - "resolved": "https://registry.npmjs.org/lodash.debounce/-/lodash.debounce-4.0.8.tgz", - "integrity": "sha512-FT1yDzDYEoYWhnSGnpE/4Kj1fLZkDFyqRb7fNt6FdYOSxlUWAtp42Eh6Wb0rGIv/m9Bgo7x4GhQbm5Ys4SG5ow==", - "dev": true - }, - "node_modules/lodash.sortby": { - "version": "4.7.0", - "resolved": "https://registry.npmjs.org/lodash.sortby/-/lodash.sortby-4.7.0.tgz", - "integrity": "sha512-HDWXG8isMntAyRF5vZ7xKuEvOhT4AhlRt/3czTSjvGUxjYCBVRQY48ViDHyfYz9VIoBkW4TMGQNapx+l3RUwdA==", - "dev": true + "dependencies": { + "has-flag": "^4.0.0" + }, + "engines": { + "node": ">=8" + } }, "node_modules/loose-envify": { "version": "1.4.0", @@ -5988,12 +7722,34 @@ "ws": "^8.17.0" } }, + "node_modules/memorystream": { + "version": "0.3.1", + "resolved": "https://registry.npmjs.org/memorystream/-/memorystream-0.3.1.tgz", + "integrity": "sha512-S3UwM3yj5mtUSEfP41UZmt/0SCoVYUcU1rkXv+BQ5Ig8ndL4sPoJNBUJERafdPb5jjHJGuMgytgKvKIf58XNBw==", + "dev": true, + "engines": { + "node": ">= 0.10.0" + } + }, "node_modules/micro-memoize": { "version": "4.1.2", "resolved": "https://registry.npmjs.org/micro-memoize/-/micro-memoize-4.1.2.tgz", "integrity": "sha512-+HzcV2H+rbSJzApgkj0NdTakkC+bnyeiUxgT6/m7mjcz1CmM22KYFKp+EVj1sWe4UYcnriJr5uqHQD/gMHLD+g==", "license": "MIT" }, + "node_modules/micromatch": { + "version": "4.0.2", + "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.2.tgz", + "integrity": "sha512-y7FpHSbMUMoyPbYUSzO6PaZ6FyRnQOpHuKwbo1G+Knck95XVU4QAiKdGEnj5wwoS7PlOgthX/09u5iFJ+aYf5Q==", + "dev": true, + "dependencies": { + "braces": "^3.0.1", + "picomatch": "^2.0.5" + }, + "engines": { + "node": ">=8" + } + }, "node_modules/mime-db": { "version": "1.52.0", "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz", @@ -6017,6 +7773,15 @@ "node": ">= 0.6" } }, + "node_modules/mimic-fn": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-2.1.0.tgz", + "integrity": "sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==", + "dev": true, + "engines": { + "node": ">=6" + } + }, "node_modules/minimatch": { "version": "3.1.2", "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz", @@ -6045,6 +7810,11 @@ "resolved": "https://registry.npmjs.org/fast-equals/-/fast-equals-3.0.3.tgz", "integrity": "sha512-NCe8qxnZFARSHGztGMZOO/PC1qa5MIFB5Hp66WdzbCRAz8U8US3bx1UTgLS49efBQPcUtO9gf5oVEY8o7y/7Kg==" }, + "node_modules/moo": { + "version": "0.5.2", + "resolved": "https://registry.npmjs.org/moo/-/moo-0.5.2.tgz", + "integrity": "sha512-iSAJLHYKnX41mKcJKjqvnAN9sf0LMDTXDEvFv+ffuRR9a1MIuXLjMNL6EsnDHSkKLTWNqQQ5uo61P4EbU4NU+Q==" + }, "node_modules/ms": { "version": "2.1.2", "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz", @@ -6052,6 +7822,12 @@ "dev": true, "license": "MIT" }, + "node_modules/mute-stream": { + "version": "0.0.8", + "resolved": "https://registry.npmjs.org/mute-stream/-/mute-stream-0.0.8.tgz", + "integrity": "sha512-nnbWWOkoWyUsTjKrhgD0dcz22mdkSnpYqbEjIm2nhwhuxlSkpywJmBo8h0ZqJdkp73mb90SssHkN4rsRaBAfAA==", + "dev": true + }, "node_modules/nanoid": { "version": "3.3.7", "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.7.tgz", @@ -6096,6 +7872,15 @@ "integrity": "sha512-y10wOWt8yZpqXmOgRo77WaHEmhYQYGNA6y421PKsKYWEK8aW+cqAphborZDhqfyKrbZEN92CN1X2KbafY2s7Yw==", "dev": true }, + "node_modules/normalize-path": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz", + "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==", + "dev": true, + "engines": { + "node": ">=0.10.0" + } + }, "node_modules/normalize-range": { "version": "0.1.2", "resolved": "https://registry.npmjs.org/normalize-range/-/normalize-range-0.1.2.tgz", @@ -6105,6 +7890,76 @@ "node": ">=0.10.0" } }, + "node_modules/npm-normalize-package-bin": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/npm-normalize-package-bin/-/npm-normalize-package-bin-3.0.1.tgz", + "integrity": "sha512-dMxCf+zZ+3zeQZXKxmyuCKlIDPGuv8EF940xbkC4kQVDTtqoh6rJFO+JTKSA6/Rwi0getWmtuy4Itup0AMcaDQ==", + "dev": true, + "engines": { + "node": "^14.17.0 || ^16.13.0 || >=18.0.0" + } + }, + "node_modules/npm-run-all2": { + "version": "6.2.2", + "resolved": "https://registry.npmjs.org/npm-run-all2/-/npm-run-all2-6.2.2.tgz", + "integrity": "sha512-Q+alQAGIW7ZhKcxLt8GcSi3h3ryheD6xnmXahkMRVM5LYmajcUrSITm8h+OPC9RYWMV2GR0Q1ntTUCfxaNoOJw==", + "dev": true, + "dependencies": { + "ansi-styles": "^6.2.1", + "cross-spawn": "^7.0.3", + "memorystream": "^0.3.1", + "minimatch": "^9.0.0", + "pidtree": "^0.6.0", + "read-package-json-fast": "^3.0.2", + "shell-quote": "^1.7.3" + }, + "bin": { + "npm-run-all": "bin/npm-run-all/index.js", + "npm-run-all2": "bin/npm-run-all/index.js", + "run-p": "bin/run-p/index.js", + "run-s": "bin/run-s/index.js" + }, + "engines": { + "node": "^14.18.0 || ^16.13.0 || >=18.0.0", + "npm": ">= 8" + } + }, + "node_modules/npm-run-all2/node_modules/ansi-styles": { + "version": "6.2.1", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.1.tgz", + "integrity": "sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==", + "dev": true, + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://github.com/chalk/ansi-styles?sponsor=1" + } + }, + "node_modules/npm-run-all2/node_modules/brace-expansion": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz", + "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==", + "dev": true, + "dependencies": { + "balanced-match": "^1.0.0" + } + }, + "node_modules/npm-run-all2/node_modules/minimatch": { + "version": "9.0.5", + "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz", + "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==", + "dev": true, + "dependencies": { + "brace-expansion": "^2.0.1" + }, + "engines": { + "node": ">=16 || 14 >=14.17" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, "node_modules/nth-check": { "version": "2.1.1", "resolved": "https://registry.npmjs.org/nth-check/-/nth-check-2.1.1.tgz", @@ -6150,25 +8005,190 @@ "integrity": "sha512-byy+U7gp+FVwmyzKPYhW2h5l3crpmGsxl7X2s8y43IgxvG4g3QZ6CffDtsNQy1WsmZpQbO+ybo0AlW7TY6DcBQ==", "dev": true, "dependencies": { - "call-bind": "^1.0.5", - "define-properties": "^1.2.1", - "has-symbols": "^1.0.3", - "object-keys": "^1.1.1" + "call-bind": "^1.0.5", + "define-properties": "^1.2.1", + "has-symbols": "^1.0.3", + "object-keys": "^1.1.1" + }, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/once": { + "version": "1.4.0", + "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz", + "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==", + "dev": true, + "dependencies": { + "wrappy": "1" + } + }, + "node_modules/onetime": { + "version": "5.1.2", + "resolved": "https://registry.npmjs.org/onetime/-/onetime-5.1.2.tgz", + "integrity": "sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==", + "dev": true, + "dependencies": { + "mimic-fn": "^2.1.0" + }, + "engines": { + "node": ">=6" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/ora": { + "version": "5.4.1", + "resolved": "https://registry.npmjs.org/ora/-/ora-5.4.1.tgz", + "integrity": "sha512-5b6Y85tPxZZ7QytO+BQzysW31HJku27cRIlkbAXaNx+BdcVi+LlRFmVXzeF6a7JCwJpyw5c4b+YSVImQIrBpuQ==", + "dev": true, + "dependencies": { + "bl": "^4.1.0", + "chalk": "^4.1.0", + "cli-cursor": "^3.1.0", + "cli-spinners": "^2.5.0", + "is-interactive": "^1.0.0", + "is-unicode-supported": "^0.1.0", + "log-symbols": "^4.1.0", + "strip-ansi": "^6.0.0", + "wcwidth": "^1.0.1" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/ora/node_modules/ansi-regex": { + "version": "5.0.1", + "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz", + "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/ora/node_modules/ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, + "dependencies": { + "color-convert": "^2.0.1" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/chalk/ansi-styles?sponsor=1" + } + }, + "node_modules/ora/node_modules/chalk": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", + "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", + "dev": true, + "dependencies": { + "ansi-styles": "^4.1.0", + "supports-color": "^7.1.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/chalk/chalk?sponsor=1" + } + }, + "node_modules/ora/node_modules/color-convert": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", + "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", + "dev": true, + "dependencies": { + "color-name": "~1.1.4" + }, + "engines": { + "node": ">=7.0.0" + } + }, + "node_modules/ora/node_modules/color-name": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", + "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", + "dev": true + }, + "node_modules/ora/node_modules/has-flag": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/ora/node_modules/strip-ansi": { + "version": "6.0.1", + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz", + "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==", + "dev": true, + "dependencies": { + "ansi-regex": "^5.0.1" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/ora/node_modules/supports-color": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", + "dev": true, + "dependencies": { + "has-flag": "^4.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/os-tmpdir": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/os-tmpdir/-/os-tmpdir-1.0.2.tgz", + "integrity": "sha512-D2FR03Vir7FIu45XBY20mTb+/ZSWB00sjU9jdQXt83gDrI4Ztz5Fs7/yy74g2N5SVQY4xY1qDr4rNddwYRVX0g==", + "dev": true, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/p-limit": { + "version": "2.3.0", + "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz", + "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==", + "dev": true, + "dependencies": { + "p-try": "^2.0.0" }, "engines": { - "node": ">= 0.4" + "node": ">=6" }, "funding": { - "url": "https://github.com/sponsors/ljharb" + "url": "https://github.com/sponsors/sindresorhus" } }, - "node_modules/once": { - "version": "1.4.0", - "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz", - "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==", + "node_modules/p-locate": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-3.0.0.tgz", + "integrity": "sha512-x+12w/To+4GFfgJhBEpiDcLozRJGegY+Ei7/z0tSLkMmxGZNybVMSfWj9aJn8Z5Fc7dBUNJOOVgPv2H7IwulSQ==", "dev": true, "dependencies": { - "wrappy": "1" + "p-limit": "^2.0.0" + }, + "engines": { + "node": ">=6" } }, "node_modules/p-retry": { @@ -6198,6 +8218,15 @@ "url": "https://github.com/sponsors/sindresorhus" } }, + "node_modules/p-try": { + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz", + "integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==", + "dev": true, + "engines": { + "node": ">=6" + } + }, "node_modules/param-case": { "version": "3.0.4", "resolved": "https://registry.npmjs.org/param-case/-/param-case-3.0.4.tgz", @@ -6208,6 +8237,34 @@ "tslib": "^2.0.3" } }, + "node_modules/parent-module": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz", + "integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==", + "dependencies": { + "callsites": "^3.0.0" + }, + "engines": { + "node": ">=6" + } + }, + "node_modules/parse-json": { + "version": "5.2.0", + "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-5.2.0.tgz", + "integrity": "sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==", + "dependencies": { + "@babel/code-frame": "^7.0.0", + "error-ex": "^1.3.1", + "json-parse-even-better-errors": "^2.3.0", + "lines-and-columns": "^1.1.6" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, "node_modules/pascal-case": { "version": "3.1.2", "resolved": "https://registry.npmjs.org/pascal-case/-/pascal-case-3.1.2.tgz", @@ -6228,6 +8285,15 @@ "tslib": "^2.0.3" } }, + "node_modules/path-exists": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-3.0.0.tgz", + "integrity": "sha512-bpC7GYwiDYQ4wYLe+FA8lhRjhQCMcQGuSgGGqDkg/QerRWw9CmGRT0iSOVRSZJ29NMLZgIzqaljJ63oaL4NIJQ==", + "dev": true, + "engines": { + "node": ">=4" + } + }, "node_modules/path-is-absolute": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz", @@ -6237,18 +8303,39 @@ "node": ">=0.10.0" } }, + "node_modules/path-key": { + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz", + "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==", + "dev": true, + "engines": { + "node": ">=8" + } + }, "node_modules/path-parse": { "version": "1.0.7", "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz", "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==", - "dev": true, "license": "MIT" }, + "node_modules/path-type": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz", + "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==", + "engines": { + "node": ">=8" + } + }, + "node_modules/pathe": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/pathe/-/pathe-1.1.2.tgz", + "integrity": "sha512-whLdWMYL2TwI08hn8/ZqAbrVemu0LNaNNJZX73O6qaIdCTfXutsLhMkjdENX0qhsQ9uIimo4/aQOmXkoon2nDQ==", + "dev": true + }, "node_modules/picocolors": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.1.tgz", - "integrity": "sha512-anP1Z8qwhkbmu7MFP5iTt+wQKXgwzf7zTyGlcdzabySa9vd0Xt392U0rVmz9poOaBj0uHJKyyo9/upk0HrEQew==", - "dev": true + "integrity": "sha512-anP1Z8qwhkbmu7MFP5iTt+wQKXgwzf7zTyGlcdzabySa9vd0Xt392U0rVmz9poOaBj0uHJKyyo9/upk0HrEQew==" }, "node_modules/picomatch": { "version": "2.3.1", @@ -6263,6 +8350,36 @@ "url": "https://github.com/sponsors/jonschlinkert" } }, + "node_modules/pidtree": { + "version": "0.6.0", + "resolved": "https://registry.npmjs.org/pidtree/-/pidtree-0.6.0.tgz", + "integrity": "sha512-eG2dWTVw5bzqGRztnHExczNxt5VGsE6OwTeCG3fdUf9KBsZzO3R5OIIIzWR+iZA0NtZ+RDVdaoE2dK1cn6jH4g==", + "dev": true, + "bin": { + "pidtree": "bin/pidtree.js" + }, + "engines": { + "node": ">=0.10" + } + }, + "node_modules/pkg-up": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/pkg-up/-/pkg-up-3.1.0.tgz", + "integrity": "sha512-nDywThFk1i4BQK4twPQ6TA4RT8bDY96yeuCVBWL3ePARCiEKDRSrNGbFIgUJpLp+XeIR65v8ra7WuJOFUBtkMA==", + "dev": true, + "dependencies": { + "find-up": "^3.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/pofile": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/pofile/-/pofile-1.1.4.tgz", + "integrity": "sha512-r6Q21sKsY1AjTVVjOuU02VYKVNQGJNQHjTIvs4dEbeuuYfxgYk/DGD2mqqq4RDaVkwdSq0VEtmQUOPe/wH8X3g==", + "dev": true + }, "node_modules/possible-typed-array-names": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/possible-typed-array-names/-/possible-typed-array-names-1.0.0.tgz", @@ -7060,6 +9177,35 @@ "url": "https://github.com/sponsors/sindresorhus" } }, + "node_modules/pretty-format": { + "version": "29.7.0", + "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.7.0.tgz", + "integrity": "sha512-Pdlw/oPxN+aXdmM9R00JVC9WVFoCLTKJvDVLgmJ+qAffBMxsV85l/Lu7sNx4zSzPyoL2euImuEwHhOXdEgNFZQ==", + "dependencies": { + "@jest/schemas": "^29.6.3", + "ansi-styles": "^5.0.0", + "react-is": "^18.0.0" + }, + "engines": { + "node": "^14.15.0 || ^16.10.0 || >=18.0.0" + } + }, + "node_modules/pretty-format/node_modules/ansi-styles": { + "version": "5.2.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz", + "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==", + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/chalk/ansi-styles?sponsor=1" + } + }, + "node_modules/pretty-format/node_modules/react-is": { + "version": "18.3.1", + "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.3.1.tgz", + "integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==" + }, "node_modules/prop-types": { "version": "15.8.1", "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz", @@ -7076,6 +9222,30 @@ "resolved": "https://registry.npmjs.org/proxy-compare/-/proxy-compare-2.6.0.tgz", "integrity": "sha512-8xuCeM3l8yqdmbPoYeLbrAXCBWu19XEYc5/F28f5qOaoAIMyfmBUkl5axiK+x9olUvRlcekvnm98AP9RDngOIw==" }, + "node_modules/pseudolocale": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/pseudolocale/-/pseudolocale-2.1.0.tgz", + "integrity": "sha512-af5fsrRvVwD+MBasBJvuDChT0KDqT0nEwD9NTgbtHJ16FKomWac9ua0z6YVNB4G9x9IOaiGWym62aby6n4tFMA==", + "dev": true, + "dependencies": { + "commander": "^10.0.0" + }, + "bin": { + "pseudolocale": "dist/cli.mjs" + }, + "engines": { + "node": ">=16.0.0" + } + }, + "node_modules/pseudolocale/node_modules/commander": { + "version": "10.0.1", + "resolved": "https://registry.npmjs.org/commander/-/commander-10.0.1.tgz", + "integrity": "sha512-y4Mg2tXshplEbSGzx7amzPwKKOCGuoSRP/CjEdwwk0FOGlUbq6lKuoyDZTNZkmxHdJtp54hdfY/JUrdL7Xfdug==", + "dev": true, + "engines": { + "node": ">=14" + } + }, "node_modules/punycode": { "version": "2.3.1", "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz", @@ -7084,6 +9254,12 @@ "node": ">=6" } }, + "node_modules/ramda": { + "version": "0.27.2", + "resolved": "https://registry.npmjs.org/ramda/-/ramda-0.27.2.tgz", + "integrity": "sha512-SbiLPU40JuJniHexQSAgad32hfwd+DRUdwF2PlVuI5RZD0/vahUco7R8vD86J/tcEKKF9vZrUVwgtmGCqlCKyA==", + "dev": true + }, "node_modules/randombytes": { "version": "2.1.0", "resolved": "https://registry.npmjs.org/randombytes/-/randombytes-2.1.0.tgz", @@ -7215,6 +9391,54 @@ "react-dom": ">=16.8.0" } }, + "node_modules/read-package-json-fast": { + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/read-package-json-fast/-/read-package-json-fast-3.0.2.tgz", + "integrity": "sha512-0J+Msgym3vrLOUB3hzQCuZHII0xkNGCtz/HJH9xZshwv9DbDwkw1KaE3gx/e2J5rpEY5rtOy6cyhKOPrkP7FZw==", + "dev": true, + "dependencies": { + "json-parse-even-better-errors": "^3.0.0", + "npm-normalize-package-bin": "^3.0.0" + }, + "engines": { + "node": "^14.17.0 || ^16.13.0 || >=18.0.0" + } + }, + "node_modules/read-package-json-fast/node_modules/json-parse-even-better-errors": { + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-3.0.2.tgz", + "integrity": "sha512-fi0NG4bPjCHunUJffmLd0gxssIgkNmArMvis4iNah6Owg1MCJjWhEcDLmsK6iGkJq3tHwbDkTlce70/tmXN4cQ==", + "dev": true, + "engines": { + "node": "^14.17.0 || ^16.13.0 || >=18.0.0" + } + }, + "node_modules/readable-stream": { + "version": "3.6.2", + "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.2.tgz", + "integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==", + "dev": true, + "dependencies": { + "inherits": "^2.0.3", + "string_decoder": "^1.1.1", + "util-deprecate": "^1.0.1" + }, + "engines": { + "node": ">= 6" + } + }, + "node_modules/readdirp": { + "version": "3.5.0", + "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.5.0.tgz", + "integrity": "sha512-cMhu7c/8rdhkHXWsY+osBhfSy0JikwpHK/5+imo+LpeasTF8ouErHrlYkwT0++njiyuDvc7OFY5T3ukvZ8qmFQ==", + "dev": true, + "dependencies": { + "picomatch": "^2.2.1" + }, + "engines": { + "node": ">=8.10.0" + } + }, "node_modules/regenerate": { "version": "1.4.2", "resolved": "https://registry.npmjs.org/regenerate/-/regenerate-1.4.2.tgz", @@ -7234,11 +9458,9 @@ } }, "node_modules/regenerator-runtime": { - "version": "0.13.11", - "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.11.tgz", - "integrity": "sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg==", - "dev": true, - "license": "MIT" + "version": "0.14.1", + "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.14.1.tgz", + "integrity": "sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw==" }, "node_modules/regenerator-transform": { "version": "0.15.2", @@ -7318,7 +9540,6 @@ "version": "1.22.8", "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.8.tgz", "integrity": "sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==", - "dev": true, "license": "MIT", "dependencies": { "is-core-module": "^2.13.0", @@ -7332,6 +9553,27 @@ "url": "https://github.com/sponsors/ljharb" } }, + "node_modules/resolve-from": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz", + "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==", + "engines": { + "node": ">=4" + } + }, + "node_modules/restore-cursor": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/restore-cursor/-/restore-cursor-3.1.0.tgz", + "integrity": "sha512-l+sSefzHpj5qimhFSE5a8nufZYAM3sBSVMAPtYkmC+4EH2anSGaEMXSD0izRQbu9nfyQ9y5JrVmp7E8oZrUjvA==", + "dev": true, + "dependencies": { + "onetime": "^5.1.0", + "signal-exit": "^3.0.2" + }, + "engines": { + "node": ">=8" + } + }, "node_modules/retry": { "version": "0.13.1", "resolved": "https://registry.npmjs.org/retry/-/retry-0.13.1.tgz", @@ -7369,6 +9611,33 @@ "fsevents": "~2.3.2" } }, + "node_modules/run-async": { + "version": "2.4.1", + "resolved": "https://registry.npmjs.org/run-async/-/run-async-2.4.1.tgz", + "integrity": "sha512-tvVnVv01b8c1RrA6Ep7JkStj85Guv/YrMcwqYQnwjsAS2cTmmPGBBjAjpCW7RrSodNSoE2/qg9O4bceNvUuDgQ==", + "dev": true, + "engines": { + "node": ">=0.12.0" + } + }, + "node_modules/rxjs": { + "version": "6.6.7", + "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-6.6.7.tgz", + "integrity": "sha512-hTdwr+7yYNIT5n4AMYp85KA6yw2Va0FLa3Rguvbpa4W3I5xynaBZo41cM3XM+4Q6fRMj3sBYIR1VAmZMXYJvRQ==", + "dev": true, + "dependencies": { + "tslib": "^1.9.0" + }, + "engines": { + "npm": ">=2.0.0" + } + }, + "node_modules/rxjs/node_modules/tslib": { + "version": "1.14.1", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz", + "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==", + "dev": true + }, "node_modules/safe-array-concat": { "version": "1.1.2", "resolved": "https://registry.npmjs.org/safe-array-concat/-/safe-array-concat-1.1.2.tgz", @@ -7424,6 +9693,12 @@ "url": "https://github.com/sponsors/ljharb" } }, + "node_modules/safer-buffer": { + "version": "2.1.2", + "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz", + "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==", + "dev": true + }, "node_modules/scheduler": { "version": "0.23.0", "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.0.tgz", @@ -7495,6 +9770,36 @@ "node": ">= 0.4" } }, + "node_modules/shebang-command": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz", + "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==", + "dev": true, + "dependencies": { + "shebang-regex": "^3.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/shebang-regex": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz", + "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/shell-quote": { + "version": "1.8.1", + "resolved": "https://registry.npmjs.org/shell-quote/-/shell-quote-1.8.1.tgz", + "integrity": "sha512-6j1W9l1iAs/4xYBI1SYOVZyFcCis9b4KCLQ8fgAGG07QvzaRLVVRQvAy85yNmmZSjYjg4MWh4gNvlPujU/5LpA==", + "dev": true, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, "node_modules/side-channel": { "version": "1.0.6", "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.0.6.tgz", @@ -7513,6 +9818,12 @@ "url": "https://github.com/sponsors/ljharb" } }, + "node_modules/signal-exit": { + "version": "3.0.7", + "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz", + "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==", + "dev": true + }, "node_modules/smob": { "version": "1.5.0", "resolved": "https://registry.npmjs.org/smob/-/smob-1.5.0.tgz", @@ -7575,6 +9886,15 @@ "node": ">=16" } }, + "node_modules/string_decoder": { + "version": "1.3.0", + "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz", + "integrity": "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==", + "dev": true, + "dependencies": { + "safe-buffer": "~5.2.0" + } + }, "node_modules/string-length": { "version": "6.0.0", "resolved": "https://registry.npmjs.org/string-length/-/string-length-6.0.0.tgz", @@ -7589,6 +9909,41 @@ "url": "https://github.com/sponsors/sindresorhus" } }, + "node_modules/string-width": { + "version": "4.2.3", + "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz", + "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==", + "dev": true, + "dependencies": { + "emoji-regex": "^8.0.0", + "is-fullwidth-code-point": "^3.0.0", + "strip-ansi": "^6.0.1" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/string-width/node_modules/ansi-regex": { + "version": "5.0.1", + "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz", + "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/string-width/node_modules/strip-ansi": { + "version": "6.0.1", + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz", + "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==", + "dev": true, + "dependencies": { + "ansi-regex": "^5.0.1" + }, + "engines": { + "node": ">=8" + } + }, "node_modules/string.prototype.matchall": { "version": "4.0.11", "resolved": "https://registry.npmjs.org/string.prototype.matchall/-/string.prototype.matchall-4.0.11.tgz", @@ -7706,7 +10061,6 @@ "version": "5.5.0", "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz", "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==", - "dev": true, "dependencies": { "has-flag": "^3.0.0" }, @@ -7718,7 +10072,6 @@ "version": "1.0.0", "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz", "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==", - "dev": true, "license": "MIT", "engines": { "node": ">= 0.4" @@ -7777,6 +10130,12 @@ "node": ">=10" } }, + "node_modules/through": { + "version": "2.3.8", + "resolved": "https://registry.npmjs.org/through/-/through-2.3.8.tgz", + "integrity": "sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==", + "dev": true + }, "node_modules/tinyglobby": { "version": "0.2.0", "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.0.tgz", @@ -7831,16 +10190,39 @@ "yarn": ">= 1.20.0" } }, + "node_modules/tmp": { + "version": "0.0.33", + "resolved": "https://registry.npmjs.org/tmp/-/tmp-0.0.33.tgz", + "integrity": "sha512-jRCJlojKnZ3addtTOjdIqoRuPEKBvNXcGYqzO6zWZX8KfKEpnGY5jfggJQ3EjKuu8D4bJRr0y+cYJFmYbImXGw==", + "dev": true, + "dependencies": { + "os-tmpdir": "~1.0.2" + }, + "engines": { + "node": ">=0.6.0" + } + }, "node_modules/to-fast-properties": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-2.0.0.tgz", "integrity": "sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==", - "dev": true, "license": "MIT", "engines": { "node": ">=4" } }, + "node_modules/to-regex-range": { + "version": "5.0.1", + "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz", + "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==", + "dev": true, + "dependencies": { + "is-number": "^7.0.0" + }, + "engines": { + "node": ">=8.0" + } + }, "node_modules/toastify-js": { "version": "1.12.0", "resolved": "https://registry.npmjs.org/toastify-js/-/toastify-js-1.12.0.tgz", @@ -8070,6 +10452,11 @@ "node": ">= 10.0.0" } }, + "node_modules/unraw": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/unraw/-/unraw-3.0.0.tgz", + "integrity": "sha512-08/DA66UF65OlpUDIQtbJyrqTR0jTAlJ+jsnkQ4jxR7+K5g5YG1APZKQSMCE1vqqmD+2pv6+IdEjmopFatacvg==" + }, "node_modules/upath": { "version": "1.2.0", "resolved": "https://registry.npmjs.org/upath/-/upath-1.2.0.tgz", @@ -8326,6 +10713,15 @@ "integrity": "sha512-qgjh5pz75MdE9Kzs8J0kBwaCfifHV0ezRbB9rpGsIOxam+ilcGV7WOk91vFJXquzRmiKrFh3Hxlh0JJWAmXTbQ==", "dev": true }, + "node_modules/wcwidth": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/wcwidth/-/wcwidth-1.0.1.tgz", + "integrity": "sha512-XHPEwS0q6TaxcvG85+8EYkbiCux2XtWG2mkc47Ng2A77BQu9+DqIOJldST4HgPkuea7dvKSj5VgX3P1d4rW8Tg==", + "dev": true, + "dependencies": { + "defaults": "^1.0.3" + } + }, "node_modules/webidl-conversions": { "version": "4.0.2", "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-4.0.2.tgz", @@ -8343,6 +10739,21 @@ "webidl-conversions": "^4.0.2" } }, + "node_modules/which": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz", + "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==", + "dev": true, + "dependencies": { + "isexe": "^2.0.0" + }, + "bin": { + "node-which": "bin/node-which" + }, + "engines": { + "node": ">= 8" + } + }, "node_modules/which-boxed-primitive": { "version": "1.0.2", "resolved": "https://registry.npmjs.org/which-boxed-primitive/-/which-boxed-primitive-1.0.2.tgz", @@ -8704,6 +11115,14 @@ "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz", "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==", "dev": true + }, + "node_modules/yaml": { + "version": "1.10.2", + "resolved": "https://registry.npmjs.org/yaml/-/yaml-1.10.2.tgz", + "integrity": "sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==", + "engines": { + "node": ">= 6" + } } } } diff --git a/package.json b/package.json index 9029b3b1b..12223b91b 100644 --- a/package.json +++ b/package.json @@ -3,12 +3,17 @@ "version": "0.1.0", "type": "module", "scripts": { - "dev": "vite", + "dev:vite": "vite", + "dev": "run-p dev:vite messages:extract:watch", "build": "vite build", "preview": "vite preview", "fetch-instances": "env $(cat .env.local | grep -v \"#\" | xargs) node scripts/fetch-instances-list.js", "sourcemap": "npx source-map-explorer dist/assets/*.js", - "bundle-visualizer": "npx vite-bundle-visualizer" + "bundle-visualizer": "npx vite-bundle-visualizer", + "messages:extract": "lingui extract", + "messages:extract:watch": "lingui extract --watch", + "messages:extract:clean": "lingui extract --clean", + "messages:compile": "lingui compile" }, "dependencies": { "@formatjs/intl-localematcher": "~0.5.4", @@ -17,15 +22,18 @@ "@github/text-expander-element": "~2.7.1", "@iconify-icons/mingcute": "~1.2.9", "@justinribeiro/lite-youtube": "~1.5.0", + "@lingui/detect-locale": "~4.11.3", + "@lingui/macro": "~4.11.3", + "@lingui/react": "~4.11.3", "@szhsin/react-menu": "~4.2.1", "compare-versions": "~6.1.1", "dayjs": "~1.11.12", - "dayjs-twitter": "~0.5.0", "fast-blurhash": "~1.1.4", "fast-equals": "~5.0.1", "fuse.js": "~7.0.0", "html-prettify": "~1.0.7", "idb-keyval": "~6.2.1", + "intl-locale-textinfo-polyfill": "~2.1.1", "just-debounce-it": "~3.2.0", "lz-string": "~1.5.0", "masto": "~6.8.0", @@ -50,7 +58,11 @@ }, "devDependencies": { "@ianvs/prettier-plugin-sort-imports": "~4.3.1", + "@lingui/cli": "~4.11.3", + "@lingui/vite-plugin": "~4.11.3", "@preact/preset-vite": "~2.9.0", + "babel-plugin-macros": "~3.1.0", + "npm-run-all2": "~6.2.2", "postcss": "~8.4.40", "postcss-dark-theme-class": "~1.3.0", "postcss-preset-env": "~10.0.0", diff --git a/src/app.jsx b/src/app.jsx index fd3ef5ed7..d3f1a45ed 100644 --- a/src/app.jsx +++ b/src/app.jsx @@ -1,5 +1,6 @@ import './app.css'; +import { useLingui } from '@lingui/react'; import debounce from 'just-debounce-it'; import { useEffect, @@ -299,6 +300,7 @@ subscribe(states, (changes) => { function App() { const [isLoggedIn, setIsLoggedIn] = useState(false); const [uiState, setUIState] = useState('loading'); + useLingui(); useEffect(() => { const instanceURL = store.local.get('instanceURL'); diff --git a/src/components/account-block.jsx b/src/components/account-block.jsx index 47b4e711d..1a83a998c 100644 --- a/src/components/account-block.jsx +++ b/src/components/account-block.jsx @@ -1,5 +1,7 @@ import './account-block.css'; +import { Plural, t, Trans } from '@lingui/macro'; + // import { useNavigate } from 'react-router-dom'; import enhanceContent from '../utils/enhance-content'; import niceDateTime from '../utils/nice-date-time'; @@ -128,20 +130,23 @@ function AccountBlock({ {locked && ( <> {' '} - <Icon icon="lock" size="s" alt="Locked" /> + <Icon icon="lock" size="s" alt={t`Locked`} /> </> )} </span> {showActivity && ( <div class="account-block-stats"> - Posts: {shortenNumber(statusesCount)} + <Trans>Posts: {shortenNumber(statusesCount)}</Trans> {!!lastStatusAt && ( <> {' '} - · Last posted:{' '} - {niceDateTime(lastStatusAt, { - hideTime: true, - })} + ·{' '} + <Trans> + Last posted:{' '} + {niceDateTime(lastStatusAt, { + hideTime: true, + })} + </Trans> </> )} </div> @@ -151,14 +156,14 @@ function AccountBlock({ {bot && ( <> <span class="tag collapsed"> - <Icon icon="bot" /> Automated + <Icon icon="bot" /> <Trans>Automated</Trans> </span> </> )} {!!group && ( <> <span class="tag collapsed"> - <Icon icon="group" /> Group + <Icon icon="group" /> <Trans>Group</Trans> </span> </> )} @@ -167,26 +172,37 @@ function AccountBlock({ <div class="shazam-container-inner"> {excludedRelationship.following && excludedRelationship.followedBy ? ( - <span class="tag minimal">Mutual</span> + <span class="tag minimal"> + <Trans>Mutual</Trans> + </span> ) : excludedRelationship.requested ? ( - <span class="tag minimal">Requested</span> + <span class="tag minimal"> + <Trans>Requested</Trans> + </span> ) : excludedRelationship.following ? ( - <span class="tag minimal">Following</span> + <span class="tag minimal"> + <Trans>Following</Trans> + </span> ) : excludedRelationship.followedBy ? ( - <span class="tag minimal">Follows you</span> + <span class="tag minimal"> + <Trans>Follows you</Trans> + </span> ) : null} </div> </div> )} {!!followersCount && ( <span class="ib"> - {shortenNumber(followersCount)}{' '} - {followersCount === 1 ? 'follower' : 'followers'} + <Plural + value={followersCount} + one="# follower" + other="# followers" + /> </span> )} {!!verifiedField && ( <span class="verified-field"> - <Icon icon="check-circle" size="s" />{' '} + <Icon icon="check-circle" size="s" alt={t`Verified`} />{' '} <span dangerouslySetInnerHTML={{ __html: enhanceContent(verifiedField.value, { emojis }), @@ -201,12 +217,14 @@ function AccountBlock({ !verifiedField && !!createdAt && ( <span class="created-at"> - Joined{' '} - <time datetime={createdAt}> - {niceDateTime(createdAt, { - hideTime: true, - })} - </time> + <Trans> + Joined{' '} + <time datetime={createdAt}> + {niceDateTime(createdAt, { + hideTime: true, + })} + </time> + </Trans> </span> )} </div> diff --git a/src/components/account-info.jsx b/src/components/account-info.jsx index bf4c2c234..7be2ff10f 100644 --- a/src/components/account-info.jsx +++ b/src/components/account-info.jsx @@ -1,5 +1,7 @@ import './account-info.css'; +import { msg, plural, t, Trans } from '@lingui/macro'; +import { useLingui } from '@lingui/react'; import { MenuDivider, MenuItem } from '@szhsin/react-menu'; import { useCallback, @@ -15,6 +17,7 @@ import { api } from '../utils/api'; import enhanceContent from '../utils/enhance-content'; import getHTMLText from '../utils/getHTMLText'; import handleContentLinks from '../utils/handle-content-links'; +import i18nDuration from '../utils/i18n-duration'; import { getLists } from '../utils/lists'; import niceDateTime from '../utils/nice-date-time'; import pmem from '../utils/pmem'; @@ -51,15 +54,16 @@ const MUTE_DURATIONS = [ 0, // forever ]; const MUTE_DURATIONS_LABELS = { - 0: 'Forever', - 300: '5 minutes', - 1_800: '30 minutes', - 3_600: '1 hour', - 21_600: '6 hours', - 86_400: '1 day', - 259_200: '3 days', - 604_800: '1 week', + 0: msg`Forever`, + 300: i18nDuration(5, 'minute'), + 1_800: i18nDuration(30, 'minute'), + 3_600: i18nDuration(1, 'hour'), + 21_600: i18nDuration(6, 'hour'), + 86_400: i18nDuration(1, 'day'), + 259_200: i18nDuration(3, 'day'), + 604_800: i18nDuration(1, 'week'), }; +console.log({ MUTE_DURATIONS_LABELS }); const LIMIT = 80; @@ -130,6 +134,7 @@ function AccountInfo({ instance, authenticated, }) { + const { i18n } = useLingui(); const { masto } = api({ instance, }); @@ -369,14 +374,16 @@ function AccountInfo({ > {uiState === 'error' && ( <div class="ui-state"> - <p>Unable to load account.</p> + <p> + <Trans>Unable to load account.</Trans> + </p> <p> <a href={isString ? account : url} target="_blank" rel="noopener noreferrer" > - Go to account page <Icon icon="external" /> + <Trans>Go to account page</Trans> <Icon icon="external" /> </a> </p> </div> @@ -404,21 +411,21 @@ function AccountInfo({ </div> <div class="stats"> <div> - <span>██</span> Followers + <span>██</span> <Trans>Followers</Trans> </div> <div> - <span>██</span> Following + <span>██</span> <Trans>Following</Trans> </div> <div> - <span>██</span> Posts + <span>██</span> <Trans>Posts</Trans> </div> </div> </div> <div class="actions"> <span /> <span class="buttons"> - <button type="button" title="More" class="plain" disabled> - <Icon icon="more" size="l" alt="More" /> + <button type="button" class="plain" disabled> + <Icon icon="more" size="l" alt={t`More`} /> </button> </span> </div> @@ -430,8 +437,10 @@ function AccountInfo({ {!!moved && ( <div class="account-moved"> <p> - <b>{displayName}</b> has indicated that their new account is - now: + <Trans> + <b>{displayName}</b> has indicated that their new account is + now: + </Trans> </p> <AccountBlock account={moved} @@ -573,28 +582,36 @@ function AccountInfo({ : `@${acct}@${instance}`; try { navigator.clipboard.writeText(handleWithInstance); - showToast('Handle copied'); + showToast(t`Handle copied`); } catch (e) { console.error(e); - showToast('Unable to copy handle'); + showToast(t`Unable to copy handle`); } }} > <Icon icon="link" /> - <span>Copy handle</span> + <span> + <Trans>Copy handle</Trans> + </span> </MenuItem> <MenuItem href={url} target="_blank"> <Icon icon="external" /> - <span>Go to original profile page</span> + <span> + <Trans>Go to original profile page</Trans> + </span> </MenuItem> <MenuDivider /> <MenuLink href={info.avatar} target="_blank"> <Icon icon="user" /> - <span>View profile image</span> + <span> + <Trans>View profile image</Trans> + </span> </MenuLink> <MenuLink href={info.header} target="_blank"> <Icon icon="media" /> - <span>View profile header</span> + <span> + <Trans>View profile header</Trans> + </span> </MenuLink> </Menu2> ) : ( @@ -608,15 +625,19 @@ function AccountInfo({ </header> <div class="faux-header-bg" aria-hidden="true" /> <main> - {!!memorial && <span class="tag">In Memoriam</span>} + {!!memorial && ( + <span class="tag"> + <Trans>In Memoriam</Trans> + </span> + )} {!!bot && ( <span class="tag"> - <Icon icon="bot" /> Automated + <Icon icon="bot" /> <Trans>Automated</Trans> </span> )} {!!group && ( <span class="tag"> - <Icon icon="group" /> Group + <Icon icon="group" /> <Trans>Group</Trans> </span> )} {roles?.map((role) => ( @@ -654,7 +675,11 @@ function AccountInfo({ <b> <EmojiText text={name} emojis={emojis} />{' '} {!!verifiedAt && ( - <Icon icon="check-circle" size="s" /> + <Icon + icon="check-circle" + size="s" + alt={t`Verified`} + /> )} </b> <p @@ -675,14 +700,14 @@ function AccountInfo({ setTimeout(() => { states.showGenericAccounts = { id: 'followers', - heading: 'Followers', + heading: t`Followers`, fetchAccounts: fetchFollowers, instance, excludeRelationshipAttrs: isSelf ? ['followedBy'] : [], blankCopy: hideCollections - ? 'This user has chosen to not make this information available.' + ? t`This user has chosen to not make this information available.` : undefined, }; }, 0); @@ -705,7 +730,7 @@ function AccountInfo({ <span title={followersCount}> {shortenNumber(followersCount)} </span>{' '} - Followers + <Trans>Followers</Trans> </LinkOrDiv> <LinkOrDiv class="insignificant" @@ -715,12 +740,12 @@ function AccountInfo({ // states.showAccount = false; setTimeout(() => { states.showGenericAccounts = { - heading: 'Following', + heading: t`Following`, fetchAccounts: fetchFollowing, instance, excludeRelationshipAttrs: isSelf ? ['following'] : [], blankCopy: hideCollections - ? 'This user has chosen to not make this information available.' + ? t`This user has chosen to not make this information available.` : undefined, }; }, 0); @@ -729,7 +754,7 @@ function AccountInfo({ <span title={followingCount}> {shortenNumber(followingCount)} </span>{' '} - Following + <Trans>Following</Trans> <br /> </LinkOrDiv> <LinkOrDiv @@ -746,16 +771,18 @@ function AccountInfo({ <span title={statusesCount}> {shortenNumber(statusesCount)} </span>{' '} - Posts + <Trans>Posts</Trans> </LinkOrDiv> {!!createdAt && ( <div class="insignificant"> - Joined{' '} - <time datetime={createdAt}> - {niceDateTime(createdAt, { - hideTime: true, - })} - </time> + <Trans> + Joined{' '} + <time datetime={createdAt}> + {niceDateTime(createdAt, { + hideTime: true, + })} + </time> + </Trans> </div> )} </div> @@ -773,25 +800,39 @@ function AccountInfo({ {hasPostingStats ? ( <div class="posting-stats" - title={`${Math.round( - (postingStats.originals / postingStats.total) * 100, - )}% original posts, ${Math.round( - (postingStats.replies / postingStats.total) * 100, - )}% replies, ${Math.round( - (postingStats.boosts / postingStats.total) * 100, - )}% boosts`} + title={t`${( + postingStats.originals / postingStats.total + ).toLocaleString(i18n.locale || undefined, { + style: 'percent', + })} original posts, ${( + postingStats.replies / postingStats.total + ).toLocaleString(i18n.locale || undefined, { + style: 'percent', + })} replies, ${( + postingStats.boosts / postingStats.total + ).toLocaleString(i18n.locale || undefined, { + style: 'percent', + })} boosts`} > <div> {postingStats.daysSinceLastPost < 365 - ? `Last ${postingStats.total} post${ - postingStats.total > 1 ? 's' : '' - } in the past - ${postingStats.daysSinceLastPost} day${ - postingStats.daysSinceLastPost > 1 ? 's' : '' - }` - : ` - Last ${postingStats.total} posts in the past year(s) - `} + ? plural(postingStats.total, { + one: plural(postingStats.daysSinceLastPost, { + one: `Last 1 post in the past 1 day`, + other: `Last 1 post in the past ${postingStats.daysSinceLastPost} days`, + }), + other: plural( + postingStats.daysSinceLastPost, + { + one: `Last ${postingStats.total} posts in the past 1 day`, + other: `Last ${postingStats.total} posts in the past ${postingStats.daysSinceLastPost} days`, + }, + ), + }) + : plural(postingStats.total, { + one: 'Last 1 post in the past year(s)', + other: `Last ${postingStats.total} posts in the past year(s)`, + })} </div> <div class="posting-stats-bar" @@ -812,20 +853,22 @@ function AccountInfo({ <div class="posting-stats-legends"> <span class="ib"> <span class="posting-stats-legend-item posting-stats-legend-item-originals" />{' '} - Original + <Trans>Original</Trans> </span>{' '} <span class="ib"> <span class="posting-stats-legend-item posting-stats-legend-item-replies" />{' '} - Replies + <Trans>Replies</Trans> </span>{' '} <span class="ib"> <span class="posting-stats-legend-item posting-stats-legend-item-boosts" />{' '} - Boosts + <Trans>Boosts</Trans> </span> </div> </div> ) : ( - <div class="posting-stats">Post stats unavailable.</div> + <div class="posting-stats"> + <Trans>Post stats unavailable.</Trans> + </div> )} </div> </div> @@ -855,7 +898,7 @@ function AccountInfo({ '--replies-percentage': '66%', }} /> - View post stats{' '} + <Trans>View post stats</Trans>{' '} {/* <Loader abrupt hidden={postingStatsUIState !== 'loading'} @@ -894,6 +937,7 @@ function RelatedActions({ onProfileUpdate = () => {}, }) { if (!info) return null; + const { _ } = useLingui(); const { masto: currentMasto, instance: currentInstance, @@ -1012,28 +1056,40 @@ function RelatedActions({ <div class="actions"> <span> {followedBy ? ( - <span class="tag">Follows you</span> + <span class="tag"> + <Trans>Follows you</Trans> + </span> ) : !!lastStatusAt ? ( <small class="insignificant"> - Last post:{' '} - <span class="ib"> - {niceDateTime(lastStatusAt, { - hideTime: true, - })} - </span> + <Trans> + Last post:{' '} + <span class="ib"> + {niceDateTime(lastStatusAt, { + hideTime: true, + })} + </span> + </Trans> </small> ) : ( <span /> )} - {muting && <span class="tag danger">Muted</span>} - {blocking && <span class="tag danger">Blocked</span>} + {muting && ( + <span class="tag danger"> + <Trans>Muted</Trans> + </span> + )} + {blocking && ( + <span class="tag danger"> + <Trans>Blocked</Trans> + </span> + )} </span>{' '} <span class="buttons"> {!!privateNote && ( <button type="button" class="private-note-tag" - title="Private note" + title={t`Private note`} onClick={() => { setShowPrivateNoteModal(true); }} @@ -1056,13 +1112,8 @@ function RelatedActions({ position="anchor" overflow="auto" menuButton={ - <button - type="button" - title="More" - class="plain" - disabled={loading} - > - <Icon icon="more" size="l" alt="More" /> + <button type="button" class="plain" disabled={loading}> + <Icon icon="more" size="l" alt={t`More`} /> </button> } onMenuChange={(e) => { @@ -1094,7 +1145,9 @@ function RelatedActions({ }} > <Icon icon="at" /> - <span>Mention @{username}</span> + <span> + <Trans>Mention @{username}</Trans> + </span> </MenuItem> <MenuItem onClick={() => { @@ -1102,7 +1155,9 @@ function RelatedActions({ }} > <Icon icon="translate" /> - <span>Translate bio</span> + <span> + <Trans>Translate bio</Trans> + </span> </MenuItem> {supports('@mastodon/profile-private-note') && ( <MenuItem @@ -1112,7 +1167,7 @@ function RelatedActions({ > <Icon icon="pencil" /> <span> - {privateNote ? 'Edit private note' : 'Add private note'} + {privateNote ? t`Edit private note` : t`Add private note`} </span> </MenuItem> )} @@ -1132,8 +1187,8 @@ function RelatedActions({ setRelationshipUIState('default'); showToast( rel.notifying - ? `Notifications enabled for @${username}'s posts.` - : ` Notifications disabled for @${username}'s posts.`, + ? t`Notifications enabled for @${username}'s posts.` + : t` Notifications disabled for @${username}'s posts.`, ); } catch (e) { alert(e); @@ -1145,8 +1200,8 @@ function RelatedActions({ <Icon icon="notification" /> <span> {notifying - ? 'Disable notifications' - : 'Enable notifications'} + ? t`Disable notifications` + : t`Enable notifications`} </span> </MenuItem> <MenuItem @@ -1163,8 +1218,8 @@ function RelatedActions({ setRelationshipUIState('default'); showToast( rel.showingReblogs - ? `Boosts from @${username} enabled.` - : `Boosts from @${username} disabled.`, + ? t`Boosts from @${username} enabled.` + : t`Boosts from @${username} disabled.`, ); } catch (e) { alert(e); @@ -1175,7 +1230,7 @@ function RelatedActions({ > <Icon icon="rocket" /> <span> - {showingReblogs ? 'Disable boosts' : 'Enable boosts'} + {showingReblogs ? t`Disable boosts` : t`Enable boosts`} </span> </MenuItem> </> @@ -1191,7 +1246,7 @@ function RelatedActions({ {lists.length ? ( <> <small class="menu-grow"> - Add/Remove from Lists + <Trans>Add/Remove from Lists</Trans> <br /> <span class="more-insignificant"> {lists.map((list) => list.title).join(', ')} @@ -1200,7 +1255,9 @@ function RelatedActions({ <small class="more-insignificant">{lists.length}</small> </> ) : ( - <span>Add/Remove from Lists</span> + <span> + <Trans>Add/Remove from Lists</Trans> + </span> )} </MenuItem> )} @@ -1212,16 +1269,16 @@ function RelatedActions({ const handle = `@${currentInfo?.acct || acctWithInstance}`; try { navigator.clipboard.writeText(handle); - showToast('Handle copied'); + showToast(t`Handle copied`); } catch (e) { console.error(e); - showToast('Unable to copy handle'); + showToast(t`Unable to copy handle`); } }} > <Icon icon="copy" /> <small> - Copy handle + <Trans>Copy handle</Trans> <br /> <span class="more-insignificant bidi-isolate"> @{currentInfo?.acct || acctWithInstance} @@ -1238,15 +1295,17 @@ function RelatedActions({ // Copy url to clipboard try { navigator.clipboard.writeText(url); - showToast('Link copied'); + showToast(t`Link copied`); } catch (e) { console.error(e); - showToast('Unable to copy link'); + showToast(t`Unable to copy link`); } }} > <Icon icon="link" /> - <span>Copy</span> + <span> + <Trans>Copy</Trans> + </span> </MenuItem> {navigator?.share && navigator?.canShare?.({ @@ -1260,12 +1319,14 @@ function RelatedActions({ }); } catch (e) { console.error(e); - alert("Sharing doesn't seem to work."); + alert(t`Sharing doesn't seem to work.`); } }} > <Icon icon="share" /> - <span>Share…</span> + <span> + <Trans>Share…</Trans> + </span> </MenuItem> )} </div> @@ -1284,7 +1345,7 @@ function RelatedActions({ console.log('unmuting', newRelationship); setRelationship(newRelationship); setRelationshipUIState('default'); - showToast(`Unmuted @${username}`); + showToast(t`Unmuted @${username}`); states.reloadGenericAccounts.id = 'mute'; states.reloadGenericAccounts.counter++; } catch (e) { @@ -1295,7 +1356,9 @@ function RelatedActions({ }} > <Icon icon="unmute" /> - <span>Unmute @{username}</span> + <span> + <Trans>Unmute @{username}</Trans> + </span> </MenuItem> ) : ( <SubMenu2 @@ -1307,7 +1370,9 @@ function RelatedActions({ label={ <> <Icon icon="mute" /> - <span class="menu-grow">Mute @{username}…</span> + <span class="menu-grow"> + <Trans>Mute @{username}…</Trans> + </span> <span style={{ textOverflow: 'clip', @@ -1336,19 +1401,26 @@ function RelatedActions({ setRelationship(newRelationship); setRelationshipUIState('default'); showToast( - `Muted @${username} for ${MUTE_DURATIONS_LABELS[duration]}`, + t`Muted @${username} for ${ + typeof MUTE_DURATIONS_LABELS[duration] === + 'function' + ? MUTE_DURATIONS_LABELS[duration]() + : _(MUTE_DURATIONS_LABELS[duration]) + }`, ); states.reloadGenericAccounts.id = 'mute'; states.reloadGenericAccounts.counter++; } catch (e) { console.error(e); setRelationshipUIState('error'); - showToast(`Unable to mute @${username}`); + showToast(t`Unable to mute @${username}`); } })(); }} > - {MUTE_DURATIONS_LABELS[duration]} + {typeof MUTE_DURATIONS_LABELS[duration] === 'function' + ? MUTE_DURATIONS_LABELS[duration]() + : _(MUTE_DURATIONS_LABELS[duration])} </MenuItem> ))} </div> @@ -1361,7 +1433,9 @@ function RelatedActions({ confirmLabel={ <> <Icon icon="user-x" /> - <span>Remove @{username} from followers?</span> + <span> + <Trans>Remove @{username} from followers?</Trans> + </span> </> } onClick={() => { @@ -1377,7 +1451,7 @@ function RelatedActions({ ); setRelationship(newRelationship); setRelationshipUIState('default'); - showToast(`@${username} removed from followers`); + showToast(t`@${username} removed from followers`); states.reloadGenericAccounts.id = 'followers'; states.reloadGenericAccounts.counter++; } catch (e) { @@ -1388,7 +1462,9 @@ function RelatedActions({ }} > <Icon icon="user-x" /> - <span>Remove follower…</span> + <span> + <Trans>Remove follower…</Trans> + </span> </MenuConfirm> )} <MenuConfirm @@ -1397,7 +1473,9 @@ function RelatedActions({ confirmLabel={ <> <Icon icon="block" /> - <span>Block @{username}?</span> + <span> + <Trans>Block @{username}?</Trans> + </span> </> } menuItemClassName="danger" @@ -1415,7 +1493,7 @@ function RelatedActions({ console.log('unblocking', newRelationship); setRelationship(newRelationship); setRelationshipUIState('default'); - showToast(`Unblocked @${username}`); + showToast(t`Unblocked @${username}`); } else { const newRelationship = await currentMasto.v1.accounts .$select(currentInfo?.id || id) @@ -1423,7 +1501,7 @@ function RelatedActions({ console.log('blocking', newRelationship); setRelationship(newRelationship); setRelationshipUIState('default'); - showToast(`Blocked @${username}`); + showToast(t`Blocked @${username}`); } states.reloadGenericAccounts.id = 'block'; states.reloadGenericAccounts.counter++; @@ -1431,9 +1509,9 @@ function RelatedActions({ console.error(e); setRelationshipUIState('error'); if (blocking) { - showToast(`Unable to unblock @${username}`); + showToast(t`Unable to unblock @${username}`); } else { - showToast(`Unable to block @${username}`); + showToast(t`Unable to block @${username}`); } } })(); @@ -1442,12 +1520,16 @@ function RelatedActions({ {blocking ? ( <> <Icon icon="unblock" /> - <span>Unblock @{username}</span> + <span> + <Trans>Unblock @{username}</Trans> + </span> </> ) : ( <> <Icon icon="block" /> - <span>Block @{username}…</span> + <span> + <Trans>Block @{username}…</Trans> + </span> </> )} </MenuConfirm> @@ -1460,7 +1542,9 @@ function RelatedActions({ }} > <Icon icon="flag" /> - <span>Report @{username}…</span> + <span> + <Trans>Report @{username}…</Trans> + </span> </MenuItem> </> )} @@ -1476,7 +1560,9 @@ function RelatedActions({ }} > <Icon icon="pencil" /> - <span>Edit profile</span> + <span> + <Trans>Edit profile</Trans> + </span> </MenuItem> </> )} @@ -1511,8 +1597,8 @@ function RelatedActions({ confirmLabel={ <span> {requested - ? 'Withdraw follow request?' - : `Unfollow @${info.acct || info.username}?`} + ? t`Withdraw follow request?` + : t`Unfollow @${info.acct || info.username}?`} </span> } menuItemClassName="danger" @@ -1559,20 +1645,31 @@ function RelatedActions({ > {following ? ( <> - <span>Following</span> - <span>Unfollow…</span> + <span> + <Trans>Following</Trans> + </span> + <span> + <Trans>Unfollow…</Trans> + </span> </> ) : requested ? ( <> - <span>Requested</span> - <span>Withdraw…</span> + <span> + <Trans>Requested</Trans> + </span> + <span> + <Trans>Withdraw…</Trans> + </span> </> ) : locked ? ( <> - <Icon icon="lock" /> <span>Follow</span> + <Icon icon="lock" />{' '} + <span> + <Trans>Follow</Trans> + </span> </> ) : ( - 'Follow' + t`Follow` )} </button> </MenuConfirm> @@ -1683,11 +1780,13 @@ function TranslatedBioSheet({ note, fields, onClose }) { <div class="sheet"> {!!onClose && ( <button type="button" class="sheet-close" onClick={onClose}> - <Icon icon="x" /> + <Icon icon="x" alt={t`Close`} /> </button> )} <header> - <h2>Translated Bio</h2> + <h2> + <Trans>Translated Bio</Trans> + </h2> </header> <main> <p @@ -1735,11 +1834,13 @@ function AddRemoveListsSheet({ accountID, onClose }) { <div class="sheet" id="list-add-remove-container"> {!!onClose && ( <button type="button" class="sheet-close" onClick={onClose}> - <Icon icon="x" /> + <Icon icon="x" alt={t`Close`} /> </button> )} <header> - <h2>Add/Remove from Lists</h2> + <h2> + <Trans>Add/Remove from Lists</Trans> + </h2> </header> <main> {lists.length > 0 ? ( @@ -1778,14 +1879,14 @@ function AddRemoveListsSheet({ accountID, onClose }) { setUIState('error'); alert( inList - ? 'Unable to remove from list.' - : 'Unable to add to list.', + ? t`Unable to remove from list.` + : t`Unable to add to list.`, ); } })(); }} > - <Icon icon="check-circle" /> + <Icon icon="check-circle" alt="☑️" /> <span>{list.title}</span> </button> </li> @@ -1797,9 +1898,13 @@ function AddRemoveListsSheet({ accountID, onClose }) { <Loader abrupt /> </p> ) : uiState === 'error' ? ( - <p class="ui-state">Unable to load lists.</p> + <p class="ui-state"> + <Trans>Unable to load lists.</Trans> + </p> ) : ( - <p class="ui-state">No lists.</p> + <p class="ui-state"> + <Trans>No lists.</Trans> + </p> )} <button type="button" @@ -1807,7 +1912,10 @@ function AddRemoveListsSheet({ accountID, onClose }) { onClick={() => setShowListAddEditModal(true)} disabled={uiState !== 'default'} > - <Icon icon="plus" size="l" /> <span>New list</span> + <Icon icon="plus" size="l" />{' '} + <span> + <Trans>New list</Trans> + </span> </button> </main> {showListAddEditModal && ( @@ -1859,11 +1967,15 @@ function PrivateNoteSheet({ <div class="sheet" id="private-note-container"> {!!onClose && ( <button type="button" class="sheet-close" onClick={onClose}> - <Icon icon="x" /> + <Icon icon="x" alt={t`Close`} /> </button> )} <header> - <b>Private note about @{account?.username || account?.acct}</b> + <b> + <Trans> + Private note about @{account?.username || account?.acct} + </Trans> + </b> </header> <main> <form @@ -1887,7 +1999,7 @@ function PrivateNoteSheet({ } catch (e) { console.error(e); setUIState('error'); - alert(e?.message || 'Unable to update private note.'); + alert(e?.message || t`Unable to update private note.`); } })(); } @@ -1910,12 +2022,12 @@ function PrivateNoteSheet({ onClose?.(); }} > - Cancel + <Trans>Cancel</Trans> </button> <span> <Loader abrupt hidden={uiState !== 'loading'} /> <button disabled={uiState === 'loading'} type="submit"> - Save & close + <Trans>Save & close</Trans> </button> </span> </footer> @@ -1952,11 +2064,13 @@ function EditProfileSheet({ onClose = () => {} }) { <div class="sheet" id="edit-profile-container"> {!!onClose && ( <button type="button" class="sheet-close" onClick={onClose}> - <Icon icon="x" /> + <Icon icon="x" alt={t`Close`} /> </button> )} <header> - <b>Edit profile</b> + <b> + <Trans>Edit profile</Trans> + </b> </header> <main> {uiState === 'loading' ? ( @@ -2006,7 +2120,7 @@ function EditProfileSheet({ onClose = () => {} }) { }); } catch (e) { console.error(e); - alert(e?.message || 'Unable to update profile.'); + alert(e?.message || t`Unable to update profile.`); } })(); }} @@ -2026,7 +2140,7 @@ function EditProfileSheet({ onClose = () => {} }) { </p> <p> <label> - Bio + <Trans>Bio</Trans> <textarea defaultValue={note} name="note" @@ -2038,12 +2152,18 @@ function EditProfileSheet({ onClose = () => {} }) { </label> </p> {/* Table for fields; name and values are in fields, min 4 rows */} - <p>Extra fields</p> + <p> + <Trans>Extra fields</Trans> + </p> <table ref={fieldsAttributesRef}> <thead> <tr> - <th>Label</th> - <th>Content</th> + <th> + <Trans>Label</Trans> + </th> + <th> + <Trans>Content</Trans> + </th> </tr> </thead> <tbody> @@ -2072,10 +2192,10 @@ function EditProfileSheet({ onClose = () => {} }) { onClose?.(); }} > - Cancel + <Trans>Cancel</Trans> </button> <button type="submit" disabled={uiState === 'loading'}> - Save + <Trans>Save</Trans> </button> </footer> </form> @@ -2128,10 +2248,11 @@ function AccountHandleInfo({ acct, instance }) { </span> <div class="handle-legend"> <span class="ib"> - <span class="handle-legend-icon username" /> username + <span class="handle-legend-icon username" /> <Trans>username</Trans> </span>{' '} <span class="ib"> - <span class="handle-legend-icon server" /> server domain name + <span class="handle-legend-icon server" />{' '} + <Trans>server domain name</Trans> </span> </div> </div> diff --git a/src/components/account-sheet.jsx b/src/components/account-sheet.jsx index e0d693c42..593c0bfc1 100644 --- a/src/components/account-sheet.jsx +++ b/src/components/account-sheet.jsx @@ -1,3 +1,4 @@ +import { t } from '@lingui/macro'; import { useEffect } from 'preact/hooks'; import { api } from '../utils/api'; @@ -33,7 +34,7 @@ function AccountSheet({ account, instance: propInstance, onClose }) { > {!!onClose && ( <button type="button" class="sheet-close outer" onClick={onClose}> - <Icon icon="x" /> + <Icon icon="x" alt={t`Close`} /> </button> )} <AccountInfo diff --git a/src/components/background-service.jsx b/src/components/background-service.jsx index 46b9c4cc6..5b9a7ef1b 100644 --- a/src/components/background-service.jsx +++ b/src/components/background-service.jsx @@ -1,3 +1,4 @@ +import { t, Trans } from '@lingui/macro'; import { memo } from 'preact/compat'; import { useEffect, useRef, useState } from 'preact/hooks'; import { useHotkeys } from 'react-hotkeys-hook'; @@ -134,7 +135,7 @@ export default memo(function BackgroundService({ isLoggedIn }) { const currentCloakMode = states.settings.cloakMode; states.settings.cloakMode = !currentCloakMode; showToast({ - text: `Cloak mode ${currentCloakMode ? 'disabled' : 'enabled'}`, + text: currentCloakMode ? t`Cloak mode disabled` : t`Cloak mode enabled`, }); }); diff --git a/src/components/columns.jsx b/src/components/columns.jsx index f21e1165c..1f1a7a837 100644 --- a/src/components/columns.jsx +++ b/src/components/columns.jsx @@ -1,3 +1,4 @@ +import { t, Trans } from '@lingui/macro'; import { useHotkeys } from 'react-hotkeys-hook'; import { useSnapshot } from 'valtio'; @@ -15,7 +16,7 @@ import states from '../utils/states'; import useTitle from '../utils/useTitle'; function Columns() { - useTitle('Home', '/'); + useTitle(t`Home`, '/'); const snapStates = useSnapshot(states); const { shortcuts } = snapStates; diff --git a/src/components/compose-button.jsx b/src/components/compose-button.jsx index 66d84ab63..20a7e8d10 100644 --- a/src/components/compose-button.jsx +++ b/src/components/compose-button.jsx @@ -1,3 +1,4 @@ +import { t, Trans } from '@lingui/macro'; import { useHotkeys } from 'react-hotkeys-hook'; import { useSnapshot } from 'valtio'; @@ -45,7 +46,7 @@ export default function ComposeButton() { snapStates.composerState.publishing ? 'loading' : '' } ${snapStates.composerState.publishingError ? 'error' : ''}`} > - <Icon icon="quill" size="xl" alt="Compose" /> + <Icon icon="quill" size="xl" alt={t`Compose`} /> </button> ); } diff --git a/src/components/compose.jsx b/src/components/compose.jsx index e2bee5830..9bfe9f22c 100644 --- a/src/components/compose.jsx +++ b/src/components/compose.jsx @@ -1,6 +1,8 @@ import './compose.css'; import '@github/text-expander-element'; +import { msg, plural, t, Trans } from '@lingui/macro'; +import { useLingui } from '@lingui/react'; import { MenuItem } from '@szhsin/react-menu'; import { deepEqual } from 'fast-equals'; import Fuse from 'fuse.js'; @@ -27,11 +29,14 @@ import urlRegex from '../data/url-regex'; import { api } from '../utils/api'; import db from '../utils/db'; import emojifyText from '../utils/emojify-text'; +import i18nDuration from '../utils/i18n-duration'; import isRTL from '../utils/is-rtl'; import localeMatch from '../utils/locale-match'; import localeCode2Text from '../utils/localeCode2Text'; +import mem from '../utils/mem'; import openCompose from '../utils/open-compose'; import pmem from '../utils/pmem'; +import prettyBytes from '../utils/pretty-bytes'; import { fetchRelationships } from '../utils/relationships'; import shortenNumber from '../utils/shorten-number'; import showToast from '../utils/show-toast'; @@ -74,16 +79,15 @@ const supportedLanguagesMap = supportedLanguages.reduce((acc, l) => { */ const expiryOptions = { - '5 minutes': 5 * 60, - '30 minutes': 30 * 60, - '1 hour': 60 * 60, - '6 hours': 6 * 60 * 60, - '12 hours': 12 * 60 * 60, - '1 day': 24 * 60 * 60, - '3 days': 3 * 24 * 60 * 60, - '7 days': 7 * 24 * 60 * 60, + 300: i18nDuration(5, 'minute'), + 1_800: i18nDuration(30, 'minute'), + 3_600: i18nDuration(1, 'hour'), + 21_600: i18nDuration(6, 'hour'), + 86_400: i18nDuration(1, 'day'), + 259_200: i18nDuration(3, 'day'), + 604_800: i18nDuration(1, 'week'), }; -const expirySeconds = Object.values(expiryOptions); +const expirySeconds = Object.keys(expiryOptions); const oneDay = 24 * 60 * 60; const expiresInFromExpiresAt = (expiresAt) => { @@ -191,7 +195,8 @@ function highlightText(text, { maxCharacters = Infinity }) { ); // Emoji shortcodes } -const rtf = new Intl.RelativeTimeFormat(); +// const rtf = new Intl.RelativeTimeFormat(); +const RTF = mem((locale) => new Intl.RelativeTimeFormat(locale || undefined)); const CUSTOM_EMOJIS_COUNT = 100; @@ -203,6 +208,9 @@ function Compose({ standalone, hasOpener, }) { + const { i18n } = useLingui(); + const rtf = RTF(i18n.locale); + console.warn('RENDER COMPOSER'); const { masto, instance } = api(); const [uiState, setUIState] = useState('default'); @@ -381,7 +389,7 @@ function Compose({ const formRef = useRef(); - const beforeUnloadCopy = 'You have unsaved changes. Discard this post?'; + const beforeUnloadCopy = t`You have unsaved changes. Discard this post?`; const canClose = () => { const { value, dataset } = textareaRef.current; @@ -602,7 +610,12 @@ function Compose({ } } if (files.length > 0 && mediaAttachments.length >= maxMediaAttachments) { - alert(`You can only attach up to ${maxMediaAttachments} files.`); + alert( + plural(maxMediaAttachments, { + one: 'You can only attach up to 1 file.', + other: 'You can only attach up to # files.', + }), + ); return; } console.log({ files }); @@ -613,7 +626,12 @@ function Compose({ const max = maxMediaAttachments - mediaAttachments.length; const allowedFiles = files.slice(0, max); if (allowedFiles.length <= 0) { - alert(`You can only attach up to ${maxMediaAttachments} files.`); + alert( + plural(maxMediaAttachments, { + one: 'You can only attach up to 1 file.', + other: 'You can only attach up to # files.', + }), + ); return; } const mediaFiles = allowedFiles.map((file) => ({ @@ -757,14 +775,14 @@ function Compose({ onClose(); }} > - <Icon icon="popout" alt="Pop out" /> + <Icon icon="popout" alt={t`Pop out`} /> </button> <button type="button" class="plain4 min-button" onClick={onMinimize} > - <Icon icon="minimize" alt="Minimize" /> + <Icon icon="minimize" alt={t`Minimize`} /> </button>{' '} <button type="button" @@ -776,7 +794,7 @@ function Compose({ } }} > - <Icon icon="x" /> + <Icon icon="x" alt={t`Close`} /> </button> </span> ) : ( @@ -800,20 +818,19 @@ function Compose({ // } if (!window.opener) { - alert('Looks like you closed the parent window.'); + alert(t`Looks like you closed the parent window.`); return; } if (window.opener.__STATES__.showCompose) { if (window.opener.__STATES__.composerState?.publishing) { alert( - 'Looks like you already have a compose field open in the parent window and currently publishing. Please wait for it to be done and try again later.', + t`Looks like you already have a compose field open in the parent window and currently publishing. Please wait for it to be done and try again later.`, ); return; } - let confirmText = - 'Looks like you already have a compose field open in the parent window. Popping in this window will discard the changes you made in the parent window. Continue?'; + let confirmText = t`Looks like you already have a compose field open in the parent window. Popping in this window will discard the changes you made in the parent window. Continue?`; const yes = confirm(confirmText); if (!yes) return; } @@ -855,7 +872,7 @@ function Compose({ }); }} > - <Icon icon="popin" alt="Pop in" /> + <Icon icon="popin" alt={t`Pop in`} /> </button> ) )} @@ -864,18 +881,22 @@ function Compose({ <div class="status-preview"> <Status status={replyToStatus} size="s" previewMode /> <div class="status-preview-legend reply-to"> - Replying to @ - {replyToStatus.account.acct || replyToStatus.account.username} - ’s post - {replyToStatusMonthsAgo >= 3 && ( - <> - {' '} - ( + {replyToStatusMonthsAgo > 0 ? ( + <Trans> + Replying to @ + {replyToStatus.account.acct || replyToStatus.account.username} + ’s post ( <strong> {rtf.format(-replyToStatusMonthsAgo, 'month')} </strong> ) - </> + </Trans> + ) : ( + <Trans> + Replying to @ + {replyToStatus.account.acct || replyToStatus.account.username} + ’s post + </Trans> )} </div> </div> @@ -883,7 +904,9 @@ function Compose({ {!!editStatus && ( <div class="status-preview"> <Status status={editStatus} size="s" previewMode /> - <div class="status-preview-legend">Editing source post</div> + <div class="status-preview-legend"> + <Trans>Editing source post</Trans> + </div> </div> )} <form @@ -929,11 +952,11 @@ function Compose({ */ if (poll) { if (poll.options.length < 2) { - alert('Poll must have at least 2 options'); + alert(t`Poll must have at least 2 options`); return; } if (poll.options.some((option) => option === '')) { - alert('Some poll choices are empty'); + alert(t`Some poll choices are empty`); return; } } @@ -946,7 +969,7 @@ function Compose({ ); if (hasNoDescriptions) { const yes = confirm( - 'Some media have no descriptions. Continue?', + t`Some media have no descriptions. Continue?`, ); if (!yes) return; } @@ -998,7 +1021,7 @@ function Compose({ results.forEach((result) => { if (result.status === 'rejected') { console.error(result); - alert(result.reason || `Attachment #${i} failed`); + alert(result.reason || t`Attachment #${i} failed`); } }); return; @@ -1092,7 +1115,7 @@ function Compose({ ref={spoilerTextRef} type="text" name="spoilerText" - placeholder="Content warning" + placeholder={t`Content warning`} disabled={uiState === 'loading'} class="spoiler-text-field" lang={language} @@ -1108,7 +1131,7 @@ function Compose({ /> <label class={`toolbar-button ${sensitive ? 'highlight' : ''}`} - title="Content warning or sensitive media" + title={t`Content warning or sensitive media`} > <input name="sensitive" @@ -1144,11 +1167,17 @@ function Compose({ dir="auto" > <option value="public"> - Public <Icon icon="earth" /> + <Trans>Public</Trans> + </option> + <option value="unlisted"> + <Trans>Unlisted</Trans> + </option> + <option value="private"> + <Trans>Followers only</Trans> + </option> + <option value="direct"> + <Trans>Private mention</Trans> </option> - <option value="unlisted">Unlisted</option> - <option value="private">Followers only</option> - <option value="direct">Private mention</option> </select> </label>{' '} </div> @@ -1156,10 +1185,10 @@ function Compose({ ref={textareaRef} placeholder={ replyToStatus - ? 'Post your reply' + ? t`Post your reply` : editStatus - ? 'Edit your post' - : 'What are you doing?' + ? t`Edit your post` + : t`What are you doing?` } required={mediaAttachments?.length === 0} disabled={uiState === 'loading'} @@ -1233,7 +1262,9 @@ function Compose({ setSensitive(sensitive); }} />{' '} - <span>Mark media as sensitive</span>{' '} + <span> + <Trans>Mark media as sensitive</Trans> + </span>{' '} <Icon icon={`eye-${sensitive ? 'close' : 'open'}`} /> </label> </div> @@ -1294,7 +1325,10 @@ function Compose({ maxMediaAttachments ) { alert( - `You can only attach up to ${maxMediaAttachments} files.`, + plural(maxMediaAttachments, { + one: 'You can only attach up to 1 file.', + other: 'You can only attach up to # files.', + }), ); } else { setMediaAttachments((attachments) => { @@ -1327,7 +1361,7 @@ function Compose({ }); }} > - <Icon icon="poll" alt="Add poll" /> + <Icon icon="poll" alt={t`Add poll`} /> </button> </> ))} @@ -1349,7 +1383,7 @@ function Compose({ setShowEmoji2Picker(true); }} > - <Icon icon="emoji2" /> + <Icon icon="emoji2" alt={t`Add custom emoji`} /> </button> {!!states.settings.composerGIFPicker && ( <button @@ -1400,17 +1434,31 @@ function Compose({ disabled={uiState === 'loading'} dir="auto" > - {topSupportedLanguages.map(([code, common, native]) => ( - <option value={code} key={code}> - {common} ({native}) - </option> - ))} + {topSupportedLanguages.map(([code, common, native]) => { + const commonText = localeCode2Text({ + code, + fallback: common, + }); + const same = commonText === native; + return ( + <option value={code} key={code}> + {same ? commonText : `${commonText} (${native})`} + </option> + ); + })} <hr /> - {restSupportedLanguages.map(([code, common, native]) => ( - <option value={code} key={code}> - {common} ({native}) - </option> - ))} + {restSupportedLanguages.map(([code, common, native]) => { + const commonText = localeCode2Text({ + code, + fallback: common, + }); + const same = commonText === native; + return ( + <option value={code} key={code}> + {same ? commonText : `${commonText} (${native})`} + </option> + ); + })} </select> </label>{' '} <button @@ -1418,7 +1466,7 @@ function Compose({ class="large" disabled={uiState === 'loading'} > - {replyToStatus ? 'Reply' : editStatus ? 'Update' : 'Post'} + {replyToStatus ? t`Reply` : editStatus ? t`Update` : t`Post`} </button> </div> </form> @@ -1531,7 +1579,10 @@ function Compose({ console.log('GIF URL', url); if (mediaAttachments.length >= maxMediaAttachments) { alert( - `You can only attach up to ${maxMediaAttachments} files.`, + plural(maxMediaAttachments, { + one: 'You can only attach up to 1 file.', + other: 'You can only attach up to # files.', + }), ); return; } @@ -1540,7 +1591,7 @@ function Compose({ let theToast; try { theToast = showToast({ - text: 'Downloading GIF…', + text: t`Downloading GIF…`, duration: -1, }); const blob = await fetch(url, { @@ -1568,7 +1619,7 @@ function Compose({ } catch (err) { console.error(err); theToast?.hideToast?.(); - showToast('Failed to download GIF'); + showToast(t`Failed to download GIF`); } })(); }} @@ -1679,7 +1730,7 @@ const Textarea = forwardRef((props, ref) => { ${encodeHTML(shortcode)} </li>`; }); - html += `<li role="option" data-value="" data-more="${text}">More…</li>`; + html += `<li role="option" data-value="" data-more="${text}">${t`More…`}</li>`; // console.log({ emojis, html }); menu.innerHTML = html; provide( @@ -1756,7 +1807,7 @@ const Textarea = forwardRef((props, ref) => { } }); if (type === 'accounts') { - html += `<li role="option" data-value="" data-more="${text}">More…</li>`; + html += `<li role="option" data-value="" data-more="${text}">${t`More…`}</li>`; } menu.innerHTML = html; console.log('MENU', results, menu); @@ -2029,16 +2080,6 @@ function CharCountMeter({ maxCharacters = 500, hidden }) { ); } -function prettyBytes(bytes) { - const units = ['bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB']; - let unitIndex = 0; - while (bytes >= 1024) { - bytes /= 1024; - unitIndex++; - } - return `${bytes.toFixed(0).toLocaleString()} ${units[unitIndex]}`; -} - function scaleDimension(matrix, matrixLimit, width, height) { // matrix = number of pixels // matrixLimit = max number of pixels @@ -2056,6 +2097,7 @@ function MediaAttachment({ onDescriptionChange = () => {}, onRemove = () => {}, }) { + const { i18n } = useLingui(); const [uiState, setUIState] = useState('default'); const supportsEdit = supports('@mastodon/edit-media-attributes'); const { type, id, file } = attachment; @@ -2167,7 +2209,9 @@ function MediaAttachment({ <> {!!id && !supportsEdit ? ( <div class="media-desc"> - <span class="tag">Uploaded</span> + <span class="tag"> + <Trans>Uploaded</Trans> + </span> <p title={description}> {attachment.description || <i>No description</i>} </p> @@ -2179,9 +2223,9 @@ function MediaAttachment({ lang={lang} placeholder={ { - image: 'Image description', - video: 'Video description', - audio: 'Audio description', + image: t`Image description`, + video: t`Video description`, + audio: t`Audio description`, }[suffixType] } autoCapitalize="sentences" @@ -2217,7 +2261,7 @@ function MediaAttachment({ switch (type) { case 'imageSizeLimit': { const { imageSize, imageSizeLimit } = details; - return `File size too large. Uploading might encounter issues. Try reduce the file size from ${prettyBytes( + return t`File size too large. Uploading might encounter issues. Try reduce the file size from ${prettyBytes( imageSize, )} to ${prettyBytes(imageSizeLimit)} or lower.`; } @@ -2229,11 +2273,15 @@ function MediaAttachment({ width, height, ); - return `Dimension too large. Uploading might encounter issues. Try reduce dimension from ${width.toLocaleString()}×${height.toLocaleString()}px to ${newWidth.toLocaleString()}×${newHeight.toLocaleString()}px.`; + return t`Dimension too large. Uploading might encounter issues. Try reduce dimension from ${i18n.number( + width, + )}×${i18n.number(height)}px to ${i18n.number(newWidth)}×${i18n.number( + newHeight, + )}px.`; } case 'videoSizeLimit': { const { videoSize, videoSizeLimit } = details; - return `File size too large. Uploading might encounter issues. Try reduce the file size from ${prettyBytes( + return t`File size too large. Uploading might encounter issues. Try reduce the file size from ${prettyBytes( videoSize, )} to ${prettyBytes(videoSizeLimit)} or lower.`; } @@ -2245,11 +2293,15 @@ function MediaAttachment({ width, height, ); - return `Dimension too large. Uploading might encounter issues. Try reduce dimension from ${width.toLocaleString()}×${height.toLocaleString()}px to ${newWidth.toLocaleString()}×${newHeight.toLocaleString()}px.`; + return t`Dimension too large. Uploading might encounter issues. Try reduce dimension from ${i18n.number( + width, + )}×${i18n.number(height)}px to ${i18n.number(newWidth)}×${i18n.number( + newHeight, + )}px.`; } case 'videoFrameRateLimit': { // Not possible to detect this on client-side for now - return 'Frame rate too high. Uploading might encounter issues.'; + return t`Frame rate too high. Uploading might encounter issues.`; } } }; @@ -2309,7 +2361,7 @@ function MediaAttachment({ disabled={disabled} onClick={onRemove} > - <Icon icon="x" /> + <Icon icon="x" alt={t`Remove`} /> </button> {!!maxError && ( <button @@ -2326,7 +2378,7 @@ function MediaAttachment({ }); }} > - <Icon icon="alert" /> + <Icon icon="alert" alt={t`Error`} /> </button> )} </div> @@ -2345,15 +2397,15 @@ function MediaAttachment({ setShowModal(false); }} > - <Icon icon="x" /> + <Icon icon="x" alt={t`Close`} /> </button> <header> <h2> { { - image: 'Edit image description', - video: 'Edit video description', - audio: 'Edit audio description', + image: t`Edit image description`, + video: t`Edit video description`, + audio: t`Edit audio description`, }[suffixType] } </h2> @@ -2388,8 +2440,8 @@ function MediaAttachment({ position="anchor" overflow="auto" menuButton={ - <button type="button" title="More" class="plain"> - <Icon icon="more" size="l" alt="More" /> + <button type="button" class="plain"> + <Icon icon="more" size="l" alt={t`More`} /> </button> } > @@ -2398,7 +2450,7 @@ function MediaAttachment({ onClick={() => { setUIState('loading'); toastRef.current = showToast({ - text: 'Generating description. Please wait...', + text: t`Generating description. Please wait...`, duration: -1, }); // POST with multipart @@ -2417,9 +2469,9 @@ function MediaAttachment({ } catch (e) { console.error(e); showToast( - `Failed to generate description${ - e?.message ? `: ${e.message}` : '' - }`, + e.message + ? t`Failed to generate description: ${e.message}` + : t`Failed to generate description`, ); } finally { setUIState('default'); @@ -2431,12 +2483,14 @@ function MediaAttachment({ <Icon icon="sparkles2" /> {lang && lang !== 'en' ? ( <small> - Generate description… + <Trans>Generate description…</Trans> <br /> (English) </small> ) : ( - <span>Generate description…</span> + <span> + <Trans>Generate description…</Trans> + </span> )} </MenuItem> {!!lang && lang !== 'en' && ( @@ -2445,7 +2499,7 @@ function MediaAttachment({ onClick={() => { setUIState('loading'); toastRef.current = showToast({ - text: 'Generating description. Please wait...', + text: t`Generating description. Please wait...`, duration: -1, }); // POST with multipart @@ -2468,7 +2522,7 @@ function MediaAttachment({ } catch (e) { console.error(e); showToast( - `Failed to generate description${ + t`Failed to generate description${ e?.message ? `: ${e.message}` : '' }`, ); @@ -2481,11 +2535,14 @@ function MediaAttachment({ > <Icon icon="sparkles2" /> <small> - Generate description… - <br />({localeCode2Text(lang)}){' '} - <span class="more-insignificant"> - — experimental - </span> + <Trans>Generate description…</Trans> + <br /> + <Trans> + ({localeCode2Text(lang)}){' '} + <span class="more-insignificant"> + — experimental + </span> + </Trans> </small> </MenuItem> )} @@ -2499,7 +2556,7 @@ function MediaAttachment({ }} disabled={uiState === 'loading'} > - Done + <Trans>Done</Trans> </button> </footer> </div> @@ -2521,6 +2578,7 @@ function Poll({ minExpiration, maxCharactersPerOption, }) { + const { _ } = useLingui(); const { options, expiresIn, multiple } = poll; return ( @@ -2534,7 +2592,7 @@ function Poll({ value={option} disabled={disabled} maxlength={maxCharactersPerOption} - placeholder={`Choice ${i + 1}`} + placeholder={t`Choice ${i + 1}`} lang={lang} spellCheck="true" dir="auto" @@ -2553,7 +2611,7 @@ function Poll({ onInput(poll); }} > - <Icon icon="x" size="s" /> + <Icon icon="x" size="s" alt={t`Remove`} /> </button> </div> ))} @@ -2581,10 +2639,10 @@ function Poll({ onInput(poll); }} />{' '} - Multiple choices + <Trans>Multiple choices</Trans> </label> <label class="expires-in"> - Duration{' '} + <Trans>Duration</Trans>{' '} <select value={expiresIn} disabled={disabled} @@ -2595,12 +2653,12 @@ function Poll({ }} > {Object.entries(expiryOptions) - .filter(([label, value]) => { + .filter(([value]) => { return value >= minExpiration && value <= maxExpiration; }) - .map(([label, value]) => ( + .map(([value, label]) => ( <option value={value} key={value}> - {label} + {label()} </option> ))} </select> @@ -2615,7 +2673,7 @@ function Poll({ onInput(null); }} > - Remove poll + <Trans>Remove poll</Trans> </button> </div> </div> @@ -2812,7 +2870,7 @@ function MentionModal({ <div id="mention-sheet" class="sheet"> {!!onClose && ( <button type="button" class="sheet-close" onClick={onClose}> - <Icon icon="x" /> + <Icon icon="x" alt={t`Close`} /> </button> )} <header> @@ -2829,7 +2887,7 @@ function MentionModal({ required type="search" class="block" - placeholder="Search accounts" + placeholder={t`Search accounts`} onInput={(e) => { const { value } = e.target; debouncedLoadAccounts(value); @@ -2870,7 +2928,7 @@ function MentionModal({ selectAccount(account); }} > - <Icon icon="plus" size="xl" /> + <Icon icon="plus" size="xl" alt={t`Add`} /> </button> </li> ); @@ -2882,7 +2940,9 @@ function MentionModal({ </div> ) : uiState === 'error' ? ( <div class="ui-state"> - <p>Error loading accounts</p> + <p> + <Trans>Error loading accounts</Trans> + </p> </div> ) : null} </main> @@ -3018,12 +3078,14 @@ function CustomEmojisModal({ <div id="custom-emojis-sheet" class="sheet"> {!!onClose && ( <button type="button" class="sheet-close" onClick={onClose}> - <Icon icon="x" /> + <Icon icon="x" alt={t`Close`} /> </button> )} <header> <div> - <b>Custom emojis</b>{' '} + <b> + <Trans>Custom emojis</Trans> + </b>{' '} {uiState === 'loading' ? ( <Loader /> ) : ( @@ -3042,7 +3104,7 @@ function CustomEmojisModal({ <input ref={inputRef} type="search" - placeholder="Search emoji" + placeholder={t`Search emoji`} onInput={onFind} autocomplete="off" autocorrect="off" @@ -3072,7 +3134,9 @@ function CustomEmojisModal({ <div class="custom-emojis-list"> {uiState === 'error' && ( <div class="ui-state"> - <p>Error loading custom emojis</p> + <p> + <Trans>Error loading custom emojis</Trans> + </p> </div> )} {uiState === 'default' && @@ -3082,8 +3146,8 @@ function CustomEmojisModal({ <> <div class="section-header"> {{ - '--recent--': 'Recently used', - '--others--': 'Others', + '--recent--': t`Recently used`, + '--others--': t`Others`, }[category] || category} </div> <CustomEmojisList @@ -3101,6 +3165,7 @@ function CustomEmojisModal({ } const CustomEmojisList = memo(({ emojis, onSelect }) => { + const { i18n } = useLingui(); const [max, setMax] = useState(CUSTOM_EMOJIS_COUNT); const showMore = emojis.length > max; return ( @@ -3120,7 +3185,7 @@ const CustomEmojisList = memo(({ emojis, onSelect }) => { class="plain small" onClick={() => setMax(max + CUSTOM_EMOJIS_COUNT)} > - {(emojis.length - max).toLocaleString()} more… + <Trans>{i18n.number(emojis.length - max)} more…</Trans> </button> )} </section> @@ -3187,6 +3252,7 @@ const CustomEmojiButton = memo(({ emoji, onClick, showCode }) => { const GIFS_PER_PAGE = 20; function GIFPickerModal({ onClose = () => {}, onSelect = () => {} }) { + const { i18n } = useLingui(); const [uiState, setUIState] = useState('default'); const [results, setResults] = useState([]); const formRef = useRef(null); @@ -3212,6 +3278,7 @@ function GIFPickerModal({ onClose = () => {}, onSelect = () => {} }) { limit: GIFS_PER_PAGE, bundle: 'messaging_non_clips', offset, + lang: i18n.locale || 'en', }; const response = await fetch( 'https://api.giphy.com/v1/gifs/search?' + new URLSearchParams(query), @@ -3241,7 +3308,7 @@ function GIFPickerModal({ onClose = () => {}, onSelect = () => {} }) { <div id="gif-picker-sheet" class="sheet"> {!!onClose && ( <button type="button" class="sheet-close" onClick={onClose}> - <Icon icon="x" /> + <Icon icon="x" alt={t`Close`} /> </button> )} <header> @@ -3256,7 +3323,7 @@ function GIFPickerModal({ onClose = () => {}, onSelect = () => {} }) { ref={qRef} type="search" name="q" - placeholder="Search GIFs" + placeholder={t`Search GIFs`} required autocomplete="off" autocorrect="off" @@ -3271,13 +3338,16 @@ function GIFPickerModal({ onClose = () => {}, onSelect = () => {} }) { src={poweredByGiphyURL} width="86" height="30" + alt={t`Powered by GIPHY`} /> </form> </header> <main ref={scrollableRef} class={uiState === 'loading' ? 'loading' : ''}> {uiState === 'default' && ( <div class="ui-state"> - <p class="insignificant">Type to search GIFs</p> + <p class="insignificant"> + <Trans>Type to search GIFs</Trans> + </p> </div> )} {uiState === 'loading' && !results?.data?.length && ( @@ -3373,7 +3443,9 @@ function GIFPickerModal({ onClose = () => {}, onSelect = () => {} }) { }} > <Icon icon="chevron-left" /> - <span>Previous</span> + <span> + <Trans>Previous</Trans> + </span> </button> )} <span /> @@ -3389,7 +3461,10 @@ function GIFPickerModal({ onClose = () => {}, onSelect = () => {} }) { }); }} > - <span>Next</span> <Icon icon="chevron-right" /> + <span> + <Trans>Next</Trans> + </span>{' '} + <Icon icon="chevron-right" /> </button> )} </p> @@ -3403,7 +3478,9 @@ function GIFPickerModal({ onClose = () => {}, onSelect = () => {} }) { )} {uiState === 'error' && ( <div class="ui-state"> - <p>Error loading GIFs</p> + <p> + <Trans>Error loading GIFs</Trans> + </p> </div> )} </main> diff --git a/src/components/drafts.jsx b/src/components/drafts.jsx index bf2d8c2a2..cd253cfac 100644 --- a/src/components/drafts.jsx +++ b/src/components/drafts.jsx @@ -1,5 +1,6 @@ import './drafts.css'; +import { t, Trans } from '@lingui/macro'; import { useEffect, useMemo, useReducer, useState } from 'react'; import { api } from '../utils/api'; @@ -54,17 +55,20 @@ function Drafts({ onClose }) { <div class="sheet"> {!!onClose && ( <button type="button" class="sheet-close" onClick={onClose}> - <Icon icon="x" /> + <Icon icon="x" alt={t`Close`} /> </button> )} <header> <h2> - Unsent drafts <Loader abrupt hidden={uiState !== 'loading'} /> + <Trans>Unsent drafts</Trans>{' '} + <Loader abrupt hidden={uiState !== 'loading'} /> </h2> {hasDrafts && ( <div class="insignificant"> - Looks like you have unsent drafts. Let's continue where you left - off. + <Trans> + Looks like you have unsent drafts. Let's continue where you left + off. + </Trans> </div> )} </header> @@ -91,7 +95,11 @@ function Drafts({ onClose }) { </time> </b> <MenuConfirm - confirmLabel={<span>Delete this draft?</span>} + confirmLabel={ + <span> + <Trans>Delete this draft?</Trans> + </span> + } menuItemClassName="danger" align="end" disabled={uiState === 'loading'} @@ -104,7 +112,7 @@ function Drafts({ onClose }) { reload(); // } } catch (e) { - alert('Error deleting draft! Please try again.'); + alert(t`Error deleting draft! Please try again.`); } })(); }} @@ -114,7 +122,7 @@ function Drafts({ onClose }) { class="small light" disabled={uiState === 'loading'} > - Delete… + <Trans>Delete…</Trans> </button> </MenuConfirm> </div> @@ -133,7 +141,7 @@ function Drafts({ onClose }) { .fetch(); } catch (e) { console.error(e); - alert('Error fetching reply-to status!'); + alert(t`Error fetching reply-to status!`); setUIState('default'); return; } @@ -156,7 +164,11 @@ function Drafts({ onClose }) { {drafts.length > 1 && ( <p> <MenuConfirm - confirmLabel={<span>Delete all drafts?</span>} + confirmLabel={ + <span> + <Trans>Delete all drafts?</Trans> + </span> + } menuItemClassName="danger" disabled={uiState === 'loading'} onClick={() => { @@ -172,7 +184,7 @@ function Drafts({ onClose }) { reload(); } catch (e) { console.error(e); - alert('Error deleting drafts! Please try again.'); + alert(t`Error deleting drafts! Please try again.`); setUIState('error'); } // } @@ -184,14 +196,16 @@ function Drafts({ onClose }) { class="light danger" disabled={uiState === 'loading'} > - Delete all… + <Trans>Delete all…</Trans> </button> </MenuConfirm> </p> )} </> ) : ( - <p>No drafts found.</p> + <p> + <Trans>No drafts found.</Trans> + </p> )} </main> </div> @@ -226,10 +240,10 @@ function MiniDraft({ draft }) { : {} } > - {hasPoll && <Icon icon="poll" />} + {hasPoll && <Icon icon="poll" alt={t`Poll`} />} {hasMedia && ( <span> - <Icon icon="attachment" />{' '} + <Icon icon="attachment" alt={t`Media`} />{' '} <small>{mediaAttachments?.length}</small> </span> )} diff --git a/src/components/embed-modal.jsx b/src/components/embed-modal.jsx index f38e1556b..66215ae18 100644 --- a/src/components/embed-modal.jsx +++ b/src/components/embed-modal.jsx @@ -1,5 +1,7 @@ import './embed-modal.css'; +import { t, Trans } from '@lingui/macro'; + import Icon from './icon'; function EmbedModal({ html, url, width, height, onClose = () => {} }) { @@ -7,7 +9,7 @@ function EmbedModal({ html, url, width, height, onClose = () => {} }) { <div class="embed-modal-container"> <div class="top-controls"> <button type="button" class="light" onClick={() => onClose()}> - <Icon icon="x" /> + <Icon icon="x" alt={t`Close`} /> </button> {url && ( <a @@ -16,7 +18,10 @@ function EmbedModal({ html, url, width, height, onClose = () => {} }) { rel="noopener noreferrer" class="button plain" > - <span>Open link</span> <Icon icon="external" /> + <span> + <Trans>Open in new window</Trans> + </span>{' '} + <Icon icon="external" /> </a> )} </div> diff --git a/src/components/follow-request-buttons.jsx b/src/components/follow-request-buttons.jsx index 12068001e..d62e3c6d2 100644 --- a/src/components/follow-request-buttons.jsx +++ b/src/components/follow-request-buttons.jsx @@ -1,3 +1,4 @@ +import { t, Trans } from '@lingui/macro'; import { useState } from 'preact/hooks'; import { api } from '../utils/api'; @@ -38,7 +39,7 @@ function FollowRequestButtons({ accountID, onChange }) { })(); }} > - Accept + <Trans>Accept</Trans> </button>{' '} <button type="button" @@ -64,14 +65,18 @@ function FollowRequestButtons({ accountID, onChange }) { })(); }} > - Reject + <Trans>Reject</Trans> </button> <span class="follow-request-states"> {hasRelationship && requestState ? ( requestState === 'accept' ? ( - <Icon icon="check-circle" alt="Accepted" class="follow-accepted" /> + <Icon + icon="check-circle" + alt={t`Accepted`} + class="follow-accepted" + /> ) : ( - <Icon icon="x-circle" alt="Rejected" class="follow-rejected" /> + <Icon icon="x-circle" alt={t`Rejected`} class="follow-rejected" /> ) ) : ( <Loader hidden={uiState !== 'loading'} /> diff --git a/src/components/generic-accounts.jsx b/src/components/generic-accounts.jsx index f400c4a56..498dc12f8 100644 --- a/src/components/generic-accounts.jsx +++ b/src/components/generic-accounts.jsx @@ -1,5 +1,6 @@ import './generic-accounts.css'; +import { t, Trans } from '@lingui/macro'; import { useEffect, useRef, useState } from 'preact/hooks'; import { InView } from 'react-intersection-observer'; import { useSnapshot } from 'valtio'; @@ -20,7 +21,7 @@ export default function GenericAccounts({ excludeRelationshipAttrs = [], postID, onClose = () => {}, - blankCopy = 'Nothing to show', + blankCopy = t`Nothing to show`, }) { const { masto, instance: currentInstance } = api(); const isCurrentInstance = instance ? instance === currentInstance : true; @@ -138,10 +139,10 @@ export default function GenericAccounts({ return ( <div id="generic-accounts-container" class="sheet" tabindex="-1"> <button type="button" class="sheet-close" onClick={onClose}> - <Icon icon="x" /> + <Icon icon="x" alt={t`Close`} /> </button> <header> - <h2>{heading || 'Accounts'}</h2> + <h2>{heading || t`Accounts`}</h2> </header> <main> {post && ( @@ -201,11 +202,13 @@ export default function GenericAccounts({ class="plain block" onClick={() => loadAccounts()} > - Show more… + <Trans>Show more…</Trans> </button> </InView> ) : ( - <p class="ui-state insignificant">The end.</p> + <p class="ui-state insignificant"> + <Trans>The end.</Trans> + </p> ) ) : ( uiState === 'loading' && ( @@ -220,7 +223,9 @@ export default function GenericAccounts({ <Loader abrupt /> </p> ) : uiState === 'error' ? ( - <p class="ui-state">Error loading accounts</p> + <p class="ui-state"> + <Trans>Error loading accounts</Trans> + </p> ) : ( <p class="ui-state insignificant">{blankCopy}</p> )} diff --git a/src/components/keyboard-shortcuts-help.jsx b/src/components/keyboard-shortcuts-help.jsx index a3925f208..d80996091 100644 --- a/src/components/keyboard-shortcuts-help.jsx +++ b/src/components/keyboard-shortcuts-help.jsx @@ -1,5 +1,6 @@ import './keyboard-shortcuts-help.css'; +import { t, Trans } from '@lingui/macro'; import { memo } from 'preact/compat'; import { useHotkeys } from 'react-hotkeys-hook'; import { useSnapshot } from 'valtio'; @@ -35,153 +36,157 @@ export default memo(function KeyboardShortcutsHelp() { <Modal onClose={onClose}> <div id="keyboard-shortcuts-help-container" class="sheet" tabindex="-1"> <button type="button" class="sheet-close" onClick={onClose}> - <Icon icon="x" /> + <Icon icon="x" alt={t`Close`} /> </button> <header> - <h2>Keyboard shortcuts</h2> + <h2> + <Trans>Keyboard shortcuts</Trans> + </h2> </header> <main> <table> - {[ - { - action: 'Keyboard shortcuts help', - keys: <kbd>?</kbd>, - }, - { - action: 'Next post', - keys: <kbd>j</kbd>, - }, - { - action: 'Previous post', - keys: <kbd>k</kbd>, - }, - { - action: 'Skip carousel to next post', - keys: ( - <> - <kbd>Shift</kbd> + <kbd>j</kbd> - </> - ), - }, - { - action: 'Skip carousel to previous post', - keys: ( - <> - <kbd>Shift</kbd> + <kbd>k</kbd> - </> - ), - }, - { - action: 'Load new posts', - keys: <kbd>.</kbd>, - }, - { - action: 'Open post details', - keys: ( - <> - <kbd>Enter</kbd> or <kbd>o</kbd> - </> - ), - }, - { - action: ( - <> - Expand content warning or - <br /> - toggle expanded/collapsed thread - </> - ), - keys: <kbd>x</kbd>, - }, - { - action: 'Close post or dialogs', - keys: ( - <> - <kbd>Esc</kbd> or <kbd>Backspace</kbd> - </> - ), - }, - { - action: 'Focus column in multi-column mode', - keys: ( - <> - <kbd>1</kbd> to <kbd>9</kbd> - </> - ), - }, - { - action: 'Compose new post', - keys: <kbd>c</kbd>, - }, - { - action: 'Compose new post (new window)', - className: 'insignificant', - keys: ( - <> - <kbd>Shift</kbd> + <kbd>c</kbd> - </> - ), - }, - { - action: 'Send post', - keys: ( - <> - <kbd>Ctrl</kbd> + <kbd>Enter</kbd> or <kbd>⌘</kbd> +{' '} - <kbd>Enter</kbd> - </> - ), - }, - { - action: 'Search', - keys: <kbd>/</kbd>, - }, - { - action: 'Reply', - keys: <kbd>r</kbd>, - }, - { - action: 'Reply (new window)', - className: 'insignificant', - keys: ( - <> - <kbd>Shift</kbd> + <kbd>r</kbd> - </> - ), - }, - { - action: 'Like (favourite)', - keys: ( - <> - <kbd>l</kbd> or <kbd>f</kbd> - </> - ), - }, - { - action: 'Boost', - keys: ( - <> - <kbd>Shift</kbd> + <kbd>b</kbd> - </> - ), - }, - { - action: 'Bookmark', - keys: <kbd>d</kbd>, - }, - { - action: 'Toggle Cloak mode', - keys: ( - <> - <kbd>Shift</kbd> + <kbd>Alt</kbd> + <kbd>k</kbd> - </> - ), - }, - ].map(({ action, className, keys }) => ( - <tr key={action}> - <th class={className}>{action}</th> - <td>{keys}</td> - </tr> - ))} + <tbody> + {[ + { + action: t`Keyboard shortcuts help`, + keys: <kbd>?</kbd>, + }, + { + action: t`Next post`, + keys: <kbd>j</kbd>, + }, + { + action: t`Previous post`, + keys: <kbd>k</kbd>, + }, + { + action: t`Skip carousel to next post`, + keys: ( + <> + <kbd>Shift</kbd> + <kbd>j</kbd> + </> + ), + }, + { + action: t`Skip carousel to previous post`, + keys: ( + <> + <kbd>Shift</kbd> + <kbd>k</kbd> + </> + ), + }, + { + action: t`Load new posts`, + keys: <kbd>.</kbd>, + }, + { + action: t`Open post details`, + keys: ( + <> + <kbd>Enter</kbd> or <kbd>o</kbd> + </> + ), + }, + { + action: ( + <Trans> + Expand content warning or + <br /> + toggle expanded/collapsed thread + </Trans> + ), + keys: <kbd>x</kbd>, + }, + { + action: t`Close post or dialogs`, + keys: ( + <> + <kbd>Esc</kbd> or <kbd>Backspace</kbd> + </> + ), + }, + { + action: t`Focus column in multi-column mode`, + keys: ( + <> + <kbd>1</kbd> to <kbd>9</kbd> + </> + ), + }, + { + action: t`Compose new post`, + keys: <kbd>c</kbd>, + }, + { + action: t`Compose new post (new window)`, + className: 'insignificant', + keys: ( + <> + <kbd>Shift</kbd> + <kbd>c</kbd> + </> + ), + }, + { + action: t`Send post`, + keys: ( + <> + <kbd>Ctrl</kbd> + <kbd>Enter</kbd> or <kbd>⌘</kbd> +{' '} + <kbd>Enter</kbd> + </> + ), + }, + { + action: t`Search`, + keys: <kbd>/</kbd>, + }, + { + action: t`Reply`, + keys: <kbd>r</kbd>, + }, + { + action: t`Reply (new window)`, + className: 'insignificant', + keys: ( + <> + <kbd>Shift</kbd> + <kbd>r</kbd> + </> + ), + }, + { + action: t`Like (favourite)`, + keys: ( + <> + <kbd>l</kbd> or <kbd>f</kbd> + </> + ), + }, + { + action: t`Boost`, + keys: ( + <> + <kbd>Shift</kbd> + <kbd>b</kbd> + </> + ), + }, + { + action: t`Bookmark`, + keys: <kbd>d</kbd>, + }, + { + action: t`Toggle Cloak mode`, + keys: ( + <> + <kbd>Shift</kbd> + <kbd>Alt</kbd> + <kbd>k</kbd> + </> + ), + }, + ].map(({ action, className, keys }) => ( + <tr key={action}> + <th class={className}>{action}</th> + <td>{keys}</td> + </tr> + ))} + </tbody> </table> </main> </div> diff --git a/src/components/lang-selector.jsx b/src/components/lang-selector.jsx new file mode 100644 index 000000000..de24e8d57 --- /dev/null +++ b/src/components/lang-selector.jsx @@ -0,0 +1,42 @@ +import { useLingui } from '@lingui/react'; + +import { activateLang, DEFAULT_LANG, LOCALES } from '../utils/lang'; +import localeCode2Text from '../utils/localeCode2Text'; + +export default function LangSelector() { + const { i18n } = useLingui(); + + return ( + <label class="lang-selector"> + 🌐{' '} + <select + value={i18n.locale || DEFAULT_LANG} + onChange={(e) => { + localStorage.setItem('lang', e.target.value); + activateLang(e.target.value); + }} + > + {LOCALES.map((lang) => { + if (lang === 'pseudo-LOCALE') { + return ( + <> + <hr /> + <option value={lang} key={lang}> + Pseudolocalization (test) + </option> + </> + ); + } + const common = localeCode2Text(lang); + const native = localeCode2Text({ code: lang, locale: lang }); + const same = common === native; + return ( + <option value={lang} key={lang}> + {same ? common : `${common} (${native})`} + </option> + ); + })} + </select> + </label> + ); +} diff --git a/src/components/list-add-edit.jsx b/src/components/list-add-edit.jsx index 7360a7f29..d9a21a4b2 100644 --- a/src/components/list-add-edit.jsx +++ b/src/components/list-add-edit.jsx @@ -1,3 +1,4 @@ +import { t, Trans } from '@lingui/macro'; import { useEffect, useRef, useState } from 'preact/hooks'; import { api } from '../utils/api'; @@ -29,11 +30,11 @@ function ListAddEdit({ list, onClose }) { <div class="sheet"> {!!onClose && ( <button type="button" class="sheet-close" onClick={onClose}> - <Icon icon="x" /> + <Icon icon="x" alt={t`Close`} /> </button> )}{' '} <header> - <h2>{editMode ? 'Edit list' : 'New list'}</h2> + <h2>{editMode ? t`Edit list` : t`New list`}</h2> </header> <main> <form @@ -88,7 +89,9 @@ function ListAddEdit({ list, onClose }) { console.error(e); setUIState('error'); alert( - editMode ? 'Unable to edit list.' : 'Unable to create list.', + editMode + ? t`Unable to edit list.` + : t`Unable to create list.`, ); } })(); @@ -96,7 +99,7 @@ function ListAddEdit({ list, onClose }) { > <div class="list-form-row"> <label for="list-title"> - Name{' '} + <Trans>Name</Trans>{' '} <input ref={nameFieldRef} type="text" @@ -115,9 +118,15 @@ function ListAddEdit({ list, onClose }) { required disabled={uiState === 'loading'} > - <option value="list">Show replies to list members</option> - <option value="followed">Show replies to people I follow</option> - <option value="none">Don't show replies</option> + <option value="list"> + <Trans>Show replies to list members</Trans> + </option> + <option value="followed"> + <Trans>Show replies to people I follow</Trans> + </option> + <option value="none"> + <Trans>Don't show replies</Trans> + </option> </select> </div> {supportsExclusive && ( @@ -129,20 +138,20 @@ function ListAddEdit({ list, onClose }) { name="exclusive" disabled={uiState === 'loading'} />{' '} - Hide posts on this list from Home/Following + <Trans>Hide posts on this list from Home/Following</Trans> </label> </div> )} <div class="list-form-footer"> <button type="submit" disabled={uiState === 'loading'}> - {editMode ? 'Save' : 'Create'} + {editMode ? t`Save` : t`Create`} </button> {editMode && ( <MenuConfirm disabled={uiState === 'loading'} align="end" menuItemClassName="danger" - confirmLabel="Delete this list?" + confirmLabel={t`Delete this list?`} onClick={() => { // const yes = confirm('Delete this list?'); // if (!yes) return; @@ -161,7 +170,7 @@ function ListAddEdit({ list, onClose }) { } catch (e) { console.error(e); setUIState('error'); - alert('Unable to delete list.'); + alert(t`Unable to delete list.`); } })(); }} @@ -171,7 +180,7 @@ function ListAddEdit({ list, onClose }) { class="light danger" disabled={uiState === 'loading'} > - Delete… + <Trans>Delete…</Trans> </button> </MenuConfirm> )} diff --git a/src/components/media-alt-modal.jsx b/src/components/media-alt-modal.jsx index 4b3133436..9f4cfeba9 100644 --- a/src/components/media-alt-modal.jsx +++ b/src/components/media-alt-modal.jsx @@ -1,3 +1,4 @@ +import { t, Trans } from '@lingui/macro'; import { Menu, MenuItem } from '@szhsin/react-menu'; import { useState } from 'preact/hooks'; import { useSnapshot } from 'valtio'; @@ -29,17 +30,19 @@ export default function MediaAltModal({ alt, lang, onClose }) { <div class="sheet" tabindex="-1"> {!!onClose && ( <button type="button" class="sheet-close outer" onClick={onClose}> - <Icon icon="x" /> + <Icon icon="x" alt={t`Close`} /> </button> )} <header class="header-grid"> - <h2>Media description</h2> + <h2> + <Trans>Media description</Trans> + </h2> <div class="header-side"> <Menu2 align="end" menuButton={ <button type="button" class="plain4"> - <Icon icon="more" alt="More" size="xl" /> + <Icon icon="more" alt={t`More`} size="xl" /> </button> } > @@ -50,7 +53,9 @@ export default function MediaAltModal({ alt, lang, onClose }) { }} > <Icon icon="translate" /> - <span>Translate</span> + <span> + <Trans>Translate</Trans> + </span> </MenuItem> {supportsTTS && ( <MenuItem @@ -59,7 +64,9 @@ export default function MediaAltModal({ alt, lang, onClose }) { }} > <Icon icon="speak" /> - <span>Speak</span> + <span> + <Trans>Speak</Trans> + </span> </MenuItem> )} </Menu2> diff --git a/src/components/media-modal.jsx b/src/components/media-modal.jsx index 8a9084a02..e360d68a4 100644 --- a/src/components/media-modal.jsx +++ b/src/components/media-modal.jsx @@ -1,3 +1,4 @@ +import { t, Trans } from '@lingui/macro'; import { MenuDivider, MenuItem } from '@szhsin/react-menu'; import { getBlurHashAverageColor } from 'fast-blurhash'; import { @@ -243,7 +244,7 @@ function MediaModal({ class="carousel-button" onClick={() => onClose()} > - <Icon icon="x" /> + <Icon icon="x" alt={t`Close`} /> </button> </span> {mediaAttachments?.length > 1 ? ( @@ -257,15 +258,13 @@ function MediaModal({ onClick={(e) => { e.preventDefault(); e.stopPropagation(); - carouselRef.current.scrollTo({ - left: - carouselRef.current.clientWidth * i * (isRTL() ? -1 : 1), - behavior: 'smooth', - }); + const left = + carouselRef.current.clientWidth * i * (isRTL() ? -1 : 1); + carouselRef.current.scrollTo({ left, behavior: 'smooth' }); carouselRef.current.focus(); }} > - <Icon icon="round" size="s" /> + <Icon icon="round" size="s" alt="⸱" /> </button> ))} </span> @@ -281,7 +280,7 @@ function MediaModal({ menuClassName="glass-menu" menuButton={ <button type="button" class="carousel-button"> - <Icon icon="more" alt="More" /> + <Icon icon="more" alt={t`More`} /> </button> } > @@ -292,10 +291,12 @@ function MediaModal({ } class="carousel-button" target="_blank" - title="Open original media in new window" + title={t`Open original media in new window`} > <Icon icon="popout" /> - <span>Open original media</span> + <span> + <Trans>Open original media</Trans> + </span> </MenuLink> {import.meta.env.DEV && // Only dev for now !!states.settings.mediaAltGenerator && @@ -310,7 +311,7 @@ function MediaModal({ onClick={() => { setUIState('loading'); toastRef.current = showToast({ - text: 'Attempting to describe image. Please wait...', + text: t`Attempting to describe image. Please wait...`, duration: -1, }); (async function () { @@ -325,7 +326,7 @@ function MediaModal({ }; } catch (e) { console.error(e); - showToast('Failed to describe image'); + showToast(t`Failed to describe image`); } finally { setUIState('default'); toastRef.current?.hideToast?.(); @@ -334,7 +335,9 @@ function MediaModal({ }} > <Icon icon="sparkles2" /> - <span>Describe image…</span> + <span> + <Trans>Describe image…</Trans> + </span> </MenuItem> </> )} @@ -355,7 +358,10 @@ function MediaModal({ // } // }} > - <span class="button-label">View post </span>» + <span class="button-label"> + <Trans>View post</Trans>{' '} + </span> + » </Link> </span> </div> @@ -378,7 +384,7 @@ function MediaModal({ }); }} > - <Icon icon="arrow-left" /> + <Icon icon="arrow-left" alt={t`Previous`} /> </button> <button type="button" @@ -397,7 +403,7 @@ function MediaModal({ }); }} > - <Icon icon="arrow-right" /> + <Icon icon="arrow-right" alt={t`Next`} /> </button> </div> )} diff --git a/src/components/media-post.jsx b/src/components/media-post.jsx index 1de082b9c..58c3495bc 100644 --- a/src/components/media-post.jsx +++ b/src/components/media-post.jsx @@ -1,5 +1,6 @@ import './media-post.css'; +import { t, Trans } from '@lingui/macro'; import { memo } from 'preact/compat'; import { useContext, useMemo } from 'preact/hooks'; import { useSnapshot } from 'valtio'; @@ -123,11 +124,13 @@ function MediaPost({ onMouseEnter={debugHover} key={mediaKey} data-spoiler-text={ - spoilerText || (sensitive ? 'Sensitive media' : undefined) + spoilerText || (sensitive ? t`Sensitive media` : undefined) } data-filtered-text={ filterInfo - ? `Filtered${filterTitleStr ? `: ${filterTitleStr}` : ''}` + ? filterTitleStr + ? t`Filtered: ${filterTitleStr}` + : t`Filtered` : undefined } class={` diff --git a/src/components/media.jsx b/src/components/media.jsx index 2ca4acc1f..15e8de014 100644 --- a/src/components/media.jsx +++ b/src/components/media.jsx @@ -1,3 +1,4 @@ +import { t, Trans } from '@lingui/macro'; import { getBlurHashAverageColor } from 'fast-blurhash'; import { Fragment } from 'preact'; import { memo } from 'preact/compat'; @@ -46,7 +47,7 @@ const AltBadge = (props) => { lang, }; }} - title="Media description" + title={t`Media description`} > {dataAltLabel} {!!index && <sup>{index}</sup>} @@ -615,7 +616,7 @@ function Media({ /> )} <div class="media-play"> - <Icon icon="play" size="xl" /> + <Icon icon="play" size="xl" alt="▶" /> </div> </> )} @@ -659,7 +660,7 @@ function Media({ {!showOriginal && ( <> <div class="media-play"> - <Icon icon="play" size="xl" /> + <Icon icon="play" size="xl" alt="▶" /> </div> {!showInlineDesc && ( <AltBadge alt={description} lang={lang} index={altIndex} /> diff --git a/src/components/modals.jsx b/src/components/modals.jsx index ed4047a41..e961f5855 100644 --- a/src/components/modals.jsx +++ b/src/components/modals.jsx @@ -1,3 +1,4 @@ +import { t, Trans } from '@lingui/macro'; import { useEffect } from 'preact/hooks'; import { useLocation, useNavigate } from 'react-router-dom'; import { subscribe, useSnapshot } from 'valtio'; @@ -68,9 +69,9 @@ export default function Modals() { states.reloadStatusPage++; showToast({ text: { - post: 'Post published. Check it out.', - reply: 'Reply posted. Check it out.', - edit: 'Post updated. Check it out.', + post: t`Post published. Check it out.`, + reply: t`Reply posted. Check it out.`, + edit: t`Post updated. Check it out.`, }[type || 'post'], delay: 1000, duration: 10_000, // 10 seconds diff --git a/src/components/name-text.jsx b/src/components/name-text.jsx index 8906ee799..b159348d4 100644 --- a/src/components/name-text.jsx +++ b/src/components/name-text.jsx @@ -1,16 +1,21 @@ import './name-text.css'; +import { useLingui } from '@lingui/react'; import { memo } from 'preact/compat'; import { api } from '../utils/api'; +import mem from '../utils/mem'; import states from '../utils/states'; import Avatar from './avatar'; import EmojiText from './emoji-text'; -const nameCollator = new Intl.Collator('en', { - sensitivity: 'base', -}); +const nameCollator = mem( + (locale) => + new Intl.Collator(locale || undefined, { + sensitivity: 'base', + }), +); function NameText({ account, @@ -21,6 +26,7 @@ function NameText({ external, onClick, }) { + const { i18n } = useLingui(); const { acct, avatar, @@ -51,7 +57,10 @@ function NameText({ (trimmedUsername === trimmedDisplayName || trimmedUsername === shortenedDisplayName || trimmedUsername === shortenedAlphaNumericDisplayName || - nameCollator.compare(trimmedUsername, shortenedDisplayName) === 0)) || + nameCollator(i18n.locale).compare( + trimmedUsername, + shortenedDisplayName, + ) === 0)) || shortenedAlphaNumericDisplayName === acct.toLowerCase(); return ( diff --git a/src/components/nav-menu.jsx b/src/components/nav-menu.jsx index 74f25670d..704983330 100644 --- a/src/components/nav-menu.jsx +++ b/src/components/nav-menu.jsx @@ -1,5 +1,6 @@ import './nav-menu.css'; +import { t, Trans } from '@lingui/macro'; import { ControlledMenu, MenuDivider, MenuItem } from '@szhsin/react-menu'; import { memo } from 'preact/compat'; import { useEffect, useMemo, useRef, useState } from 'preact/hooks'; @@ -122,7 +123,7 @@ function NavMenu(props) { squircle={currentAccount?.info?.bot} /> )} - <Icon icon="menu" size={moreThanOneAccount ? 's' : 'l'} /> + <Icon icon="menu" size={moreThanOneAccount ? 's' : 'l'} alt={t`Menu`} /> </button> <ControlledMenu menuClassName="nav-menu" @@ -158,7 +159,7 @@ function NavMenu(props) { <div class="top-menu"> <MenuItem onClick={() => { - const yes = confirm('Reload page now to update?'); + const yes = confirm(t`Reload page now to update?`); if (yes) { (async () => { try { @@ -169,35 +170,51 @@ function NavMenu(props) { }} > <Icon icon="sparkles" class="sparkle-icon" size="l" />{' '} - <span>New update available…</span> + <span> + <Trans>New update available…</Trans> + </span> </MenuItem> <MenuDivider /> </div> )} <section> <MenuLink to="/"> - <Icon icon="home" size="l" /> <span>Home</span> + <Icon icon="home" size="l" />{' '} + <span> + <Trans>Home</Trans> + </span> </MenuLink> {authenticated ? ( <> {showFollowing && ( <MenuLink to="/following"> - <Icon icon="following" size="l" /> <span>Following</span> + <Icon icon="following" size="l" />{' '} + <span> + <Trans>Following</Trans> + </span> </MenuLink> )} <MenuLink to="/catchup"> <Icon icon="history2" size="l" /> - <span>Catch-up</span> + <span> + <Trans>Catch-up</Trans> + </span> </MenuLink> {supports('@mastodon/mentions') && ( <MenuLink to="/mentions"> - <Icon icon="at" size="l" /> <span>Mentions</span> + <Icon icon="at" size="l" />{' '} + <span> + <Trans>Mentions</Trans> + </span> </MenuLink> )} <MenuLink to="/notifications"> - <Icon icon="notification" size="l" /> <span>Notifications</span> + <Icon icon="notification" size="l" />{' '} + <span> + <Trans>Notifications</Trans> + </span> {snapStates.notificationsShowNew && ( - <sup title="New" style={{ opacity: 0.5 }}> + <sup title={t`New`} style={{ opacity: 0.5 }}> {' '} • </sup> @@ -206,7 +223,10 @@ function NavMenu(props) { <MenuDivider /> {currentAccount?.info?.id && ( <MenuLink to={`/${instance}/a/${currentAccount.info.id}`}> - <Icon icon="user" size="l" /> <span>Profile</span> + <Icon icon="user" size="l" />{' '} + <span> + <Trans>Profile</Trans> + </span> </MenuLink> )} {lists?.length > 0 ? ( @@ -217,13 +237,17 @@ function NavMenu(props) { label={ <> <Icon icon="list" size="l" /> - <span class="menu-grow">Lists</span> + <span class="menu-grow"> + <Trans>Lists</Trans> + </span> <Icon icon="chevron-right" /> </> } > <MenuLink to="/l"> - <span>All Lists</span> + <span> + <Trans>All Lists</Trans> + </span> </MenuLink> {lists?.length > 0 && ( <> @@ -240,12 +264,17 @@ function NavMenu(props) { supportsLists && ( <MenuLink to="/l"> <Icon icon="list" size="l" /> - <span>Lists</span> + <span> + <Trans>Lists</Trans> + </span> </MenuLink> ) )} <MenuLink to="/b"> - <Icon icon="bookmark" size="l" /> <span>Bookmarks</span> + <Icon icon="bookmark" size="l" />{' '} + <span> + <Trans>Bookmarks</Trans> + </span> </MenuLink> <SubMenu2 menuClassName="nav-submenu" @@ -254,49 +283,56 @@ function NavMenu(props) { label={ <> <Icon icon="more" size="l" /> - <span class="menu-grow">More…</span> + <span class="menu-grow"> + <Trans>More…</Trans> + </span> <Icon icon="chevron-right" /> </> } > <MenuLink to="/f"> - <Icon icon="heart" size="l" /> <span>Likes</span> + <Icon icon="heart" size="l" />{' '} + <span> + <Trans>Likes</Trans> + </span> </MenuLink> <MenuLink to="/fh"> <Icon icon="hashtag" size="l" />{' '} - <span>Followed Hashtags</span> + <span> + <Trans>Followed Hashtags</Trans> + </span> </MenuLink> <MenuDivider /> {supports('@mastodon/filters') && ( <MenuLink to="/ft"> <Icon icon="filters" size="l" /> - Filters + <Trans>Filters</Trans> </MenuLink> )} <MenuItem onClick={() => { states.showGenericAccounts = { id: 'mute', - heading: 'Muted users', + heading: t`Muted users`, fetchAccounts: fetchMutes, excludeRelationshipAttrs: ['muting'], }; }} > - <Icon icon="mute" size="l" /> Muted users… + <Icon icon="mute" size="l" /> <Trans>Muted users…</Trans> </MenuItem> <MenuItem onClick={() => { states.showGenericAccounts = { id: 'block', - heading: 'Blocked users', + heading: t`Blocked users`, fetchAccounts: fetchBlocks, excludeRelationshipAttrs: ['blocking'], }; }} > <Icon icon="block" size="l" /> - Blocked users… + <Trans>Blocked users…</Trans> </MenuItem>{' '} </SubMenu2> <MenuDivider /> @@ -305,14 +341,20 @@ function NavMenu(props) { states.showAccounts = true; }} > - <Icon icon="group" size="l" /> <span>Accounts…</span> + <Icon icon="group" size="l" />{' '} + <span> + <Trans>Accounts…</Trans> + </span> </MenuItem> </> ) : ( <> <MenuDivider /> <MenuLink to="/login"> - <Icon icon="user" size="l" /> <span>Log in</span> + <Icon icon="user" size="l" />{' '} + <span> + <Trans>Log in</Trans> + </span> </MenuLink> </> )} @@ -320,16 +362,28 @@ function NavMenu(props) { <section> <MenuDivider /> <MenuLink to={`/search`}> - <Icon icon="search" size="l" /> <span>Search</span> + <Icon icon="search" size="l" />{' '} + <span> + <Trans>Search</Trans> + </span> </MenuLink> <MenuLink to={`/${instance}/trending`}> - <Icon icon="chart" size="l" /> <span>Trending</span> + <Icon icon="chart" size="l" />{' '} + <span> + <Trans>Trending</Trans> + </span> </MenuLink> <MenuLink to={`/${instance}/p/l`}> - <Icon icon="building" size="l" /> <span>Local</span> + <Icon icon="building" size="l" />{' '} + <span> + <Trans>Local</Trans> + </span> </MenuLink> <MenuLink to={`/${instance}/p`}> - <Icon icon="earth" size="l" /> <span>Federated</span> + <Icon icon="earth" size="l" />{' '} + <span> + <Trans>Federated</Trans> + </span> </MenuLink> {authenticated ? ( <> @@ -340,7 +394,9 @@ function NavMenu(props) { }} > <Icon icon="keyboard" size="l" />{' '} - <span>Keyboard shortcuts</span> + <span> + <Trans>Keyboard shortcuts</Trans> + </span> </MenuItem> <MenuItem onClick={() => { @@ -348,14 +404,19 @@ function NavMenu(props) { }} > <Icon icon="shortcut" size="l" />{' '} - <span>Shortcuts / Columns…</span> + <span> + <Trans>Shortcuts / Columns…</Trans> + </span> </MenuItem> <MenuItem onClick={() => { states.showSettings = true; }} > - <Icon icon="gear" size="l" /> <span>Settings…</span> + <Icon icon="gear" size="l" />{' '} + <span> + <Trans>Settings…</Trans> + </span> </MenuItem> </> ) : ( @@ -366,7 +427,10 @@ function NavMenu(props) { states.showSettings = true; }} > - <Icon icon="gear" size="l" /> <span>Settings…</span> + <Icon icon="gear" size="l" />{' '} + <span> + <Trans>Settings…</Trans> + </span> </MenuItem> </> )} diff --git a/src/components/notification-service.jsx b/src/components/notification-service.jsx index e52ea3cb6..a46574d5f 100644 --- a/src/components/notification-service.jsx +++ b/src/components/notification-service.jsx @@ -1,3 +1,4 @@ +import { t, Trans } from '@lingui/macro'; import { memo } from 'preact/compat'; import { useLayoutEffect, useState } from 'preact/hooks'; import { useSnapshot } from 'valtio'; @@ -152,14 +153,18 @@ export default memo(function NotificationService() { > <div class="sheet" tabIndex="-1"> <button type="button" class="sheet-close" onClick={onClose}> - <Icon icon="x" /> + <Icon icon="x" alt={t`Close`} /> </button> <header> - <b>Notification</b> + <b> + <Trans>Notification</Trans> + </b> </header> <main> {!sameInstance && ( - <p>This notification is from your other account.</p> + <p> + <Trans>This notification is from your other account.</Trans> + </p> )} <div class="notification-peek" @@ -186,7 +191,10 @@ export default memo(function NotificationService() { }} > <Link to="/notifications" class="button light" onClick={onClose}> - <span>View all notifications</span> <Icon icon="arrow-right" /> + <span> + <Trans>View all notifications</Trans> + </span>{' '} + <Icon icon="arrow-right" /> </Link> </div> </main> diff --git a/src/components/notification.jsx b/src/components/notification.jsx index 9823c0209..b7fbf8d38 100644 --- a/src/components/notification.jsx +++ b/src/components/notification.jsx @@ -1,9 +1,10 @@ +import { msg, Plural, Select, t, Trans } from '@lingui/macro'; +import { useLingui } from '@lingui/react'; import { Fragment } from 'preact'; import { memo } from 'preact/compat'; import shortenNumber from '../utils/shorten-number'; import states, { statusKey } from '../utils/states'; -import store from '../utils/store'; import { getCurrentAccountID } from '../utils/store-utils'; import useTruncated from '../utils/useTruncated'; @@ -13,7 +14,6 @@ import FollowRequestButtons from './follow-request-buttons'; import Icon from './icon'; import Link from './link'; import NameText from './name-text'; -import RelativeTime from './relative-time'; import Status from './status'; const NOTIFICATION_ICONS = { @@ -50,7 +50,7 @@ severed_relationships = Severed relationships moderation_warning = Moderation warning */ -function emojiText(emoji, emoji_url) { +function emojiText({ account, emoji, emoji_url }) { let url; let staticUrl; if (typeof emoji_url === 'string') { @@ -59,42 +59,204 @@ function emojiText(emoji, emoji_url) { url = emoji_url?.url; staticUrl = emoji_url?.staticUrl; } - return url ? ( - <> - reacted to your post with{' '} - <CustomEmoji url={url} staticUrl={staticUrl} alt={emoji} /> - </> + const emojiObject = url ? ( + <CustomEmoji url={url} staticUrl={staticUrl} alt={emoji} /> ) : ( - `reacted to your post with ${emoji}.` + emoji + ); + return ( + <Trans> + {account} reacted to your post with {emojiObject} + </Trans> ); } + const contentText = { - mention: 'mentioned you in their post.', - status: 'published a post.', - reblog: 'boosted your post.', - 'reblog+account': (count) => `boosted ${count} of your posts.`, - reblog_reply: 'boosted your reply.', - follow: 'followed you.', - follow_request: 'requested to follow you.', - favourite: 'liked your post.', - 'favourite+account': (count) => `liked ${count} of your posts.`, - favourite_reply: 'liked your reply.', - poll: 'A poll you have voted in or created has ended.', - 'poll-self': 'A poll you have created has ended.', - 'poll-voted': 'A poll you have voted in has ended.', - update: 'A post you interacted with has been edited.', - 'favourite+reblog': 'boosted & liked your post.', - 'favourite+reblog+account': (count) => - `boosted & liked ${count} of your posts.`, - 'favourite+reblog_reply': 'boosted & liked your reply.', - 'admin.sign_up': 'signed up.', - 'admin.report': (targetAccount) => <>reported {targetAccount}</>, - severed_relationships: (name) => ( - <> + status: ({ account }) => <Trans>{account} published a post.</Trans>, + reblog: ({ + count, + account, + postsCount, + postType, + components: { Subject }, + }) => ( + <Plural + value={count} + one={ + <Plural + value={postsCount} + one={ + <Select + value={postType} + _reply={<Trans>{account} boosted your reply.</Trans>} + other={<Trans>{account} boosted your post.</Trans>} + /> + } + other={ + <Trans> + {account} boosted {postsCount} of your posts. + </Trans> + } + /> + } + other={ + <Select + value={postType} + _reply={ + <Trans> + <Subject clickable={count > 1}> + <span title={count}>{shortenNumber(count)}</span> people + </Subject>{' '} + boosted your reply. + </Trans> + } + other={ + <Trans> + <Subject clickable={count > 1}> + <span title={count}>{shortenNumber(count)}</span> people + </Subject>{' '} + boosted your post. + </Trans> + } + /> + } + /> + ), + follow: ({ account, count, components: { Subject } }) => ( + <Plural + value={count} + one={<Trans>{account} followed you.</Trans>} + other={ + <Trans> + <Subject clickable={count > 1}> + <span title={count}>{shortenNumber(count)}</span> people + </Subject>{' '} + followed you. + </Trans> + } + /> + ), + follow_request: ({ account }) => ( + <Trans>{account} requested to follow you.</Trans> + ), + favourite: ({ + account, + count, + postsCount, + postType, + components: { Subject }, + }) => ( + <Plural + value={count} + one={ + <Plural + value={postsCount} + one={ + <Select + value={postType} + _reply={<Trans>{account} liked your reply.</Trans>} + other={<Trans>{account} liked your post.</Trans>} + /> + } + other={ + <Trans> + {account} liked {postsCount} of your posts. + </Trans> + } + /> + } + other={ + <Select + value={postType} + _reply={ + <Trans> + <Subject clickable={count > 1}> + <span title={count}>{shortenNumber(count)}</span> people + </Subject>{' '} + liked your reply. + </Trans> + } + other={ + <Trans> + <Subject clickable={count > 1}> + <span title={count}>{shortenNumber(count)}</span> people + </Subject>{' '} + liked your post. + </Trans> + } + /> + } + /> + ), + poll: () => t`A poll you have voted in or created has ended.`, + 'poll-self': () => t`A poll you have created has ended.`, + 'poll-voted': () => t`A poll you have voted in has ended.`, + update: () => t`A post you interacted with has been edited.`, + 'favourite+reblog': ({ + count, + account, + postsCount, + postType, + components: { Subject }, + }) => ( + <Plural + value={count} + one={ + <Plural + value={postsCount} + one={ + <Select + value={postType} + _reply={<Trans>{account} boosted & liked your reply.</Trans>} + other={<Trans>{account} boosted & liked your post.</Trans>} + /> + } + other={ + <Trans> + {account} boosted & liked {postsCount} of your posts. + </Trans> + } + /> + } + other={ + <Select + value={postType} + _reply={ + <Trans> + <Subject clickable={count > 1}> + <span title={count}>{shortenNumber(count)}</span> people + </Subject>{' '} + boosted & liked your reply. + </Trans> + } + other={ + <Trans> + <Subject clickable={count > 1}> + <span title={count}>{shortenNumber(count)}</span> people + </Subject>{' '} + boosted & liked your post. + </Trans> + } + /> + } + /> + ), + 'admin.sign_up': ({ account }) => <Trans>{account} signed up.</Trans>, + 'admin.report': ({ account, targetAccount }) => ( + <Trans> + {account} reported {targetAccount} + </Trans> + ), + severed_relationships: ({ name }) => ( + <Trans> Lost connections with <i>{name}</i>. - </> + </Trans> + ), + moderation_warning: () => ( + <b> + <Trans>Moderation warning</Trans> + </b> ), - moderation_warning: <b>Moderation warning</b>, emoji_reaction: emojiText, 'pleroma:emoji_reaction': emojiText, }; @@ -102,34 +264,33 @@ const contentText = { // account_suspension, domain_block, user_domain_block const SEVERED_RELATIONSHIPS_TEXT = { account_suspension: ({ from, targetName }) => ( - <> + <Trans> An admin from <i>{from}</i> has suspended <i>{targetName}</i>, which means you can no longer receive updates from them or interact with them. - </> + </Trans> ), domain_block: ({ from, targetName, followersCount, followingCount }) => ( - <> + <Trans> An admin from <i>{from}</i> has blocked <i>{targetName}</i>. Affected followers: {followersCount}, followings: {followingCount}. - </> + </Trans> ), user_domain_block: ({ targetName, followersCount, followingCount }) => ( - <> + <Trans> You have blocked <i>{targetName}</i>. Removed followers: {followersCount}, followings: {followingCount}. - </> + </Trans> ), }; const MODERATION_WARNING_TEXT = { - none: 'Your account has received a moderation warning.', - disable: 'Your account has been disabled.', - mark_statuses_as_sensitive: - 'Some of your posts have been marked as sensitive.', - delete_statuses: 'Some of your posts have been deleted.', - sensitive: 'Your posts will be marked as sensitive from now on.', - silence: 'Your account has been limited.', - suspend: 'Your account has been suspended.', + none: msg`Your account has received a moderation warning.`, + disable: msg`Your account has been disabled.`, + mark_statuses_as_sensitive: msg`Some of your posts have been marked as sensitive.`, + delete_statuses: msg`Some of your posts have been deleted.`, + sensitive: msg`Your posts will be marked as sensitive from now on.`, + silence: msg`Your account has been limited.`, + suspend: msg`Your account has been suspended.`, }; const AVATARS_LIMIT = 30; @@ -140,6 +301,7 @@ function Notification({ isStatic, disableContextMenu, }) { + const { _ } = useLingui(); const { id, status, @@ -157,6 +319,11 @@ function Notification({ } = notification; let { type } = notification; + if (type === 'mention' && !status) { + // Could be deleted + return null; + } + // status = Attached when type of the notification is favourite, reblog, status, mention, poll, or update const actualStatus = status?.reblog || status; const actualStatusID = actualStatus?.id; @@ -189,37 +356,37 @@ function Notification({ let text; if (type === 'poll') { text = contentText[isSelf ? 'poll-self' : isVoted ? 'poll-voted' : 'poll']; - } else if ( - type === 'reblog' || - type === 'favourite' || - type === 'favourite+reblog' - ) { - if (_statuses?.length > 1) { - text = contentText[`${type}+account`]; - } else if (isReplyToOthers) { - text = contentText[`${type}_reply`]; - } else { - text = contentText[type]; - } } else if (contentText[type]) { text = contentText[type]; } else { // Anticipate unhandled notification types, possibly from Mastodon forks or non-Mastodon instances // This surfaces the error to the user, hoping that users will report it - text = `[Unknown notification type: ${type}]`; + text = t`[Unknown notification type: ${type}]`; } + const Subject = ({ clickable, ...props }) => + clickable ? ( + <b tabIndex="0" onClick={handleOpenGenericAccounts} {...props} /> + ) : ( + <b {...props} /> + ); + if (typeof text === 'function') { - const count = _statuses?.length || _accounts?.length; + const count = + _accounts?.length || sampleAccounts?.length || (account ? 1 : 0); + const postsCount = _statuses?.length || 0; if (type === 'admin.report') { const targetAccount = report?.targetAccount; if (targetAccount) { - text = text(<NameText account={targetAccount} showAvatar />); + text = text({ + account: <NameText account={account} showAvatar />, + targetAccount: <NameText account={targetAccount} showAvatar />, + }); } } else if (type === 'severed_relationships') { const targetName = event?.targetName; if (targetName) { - text = text(targetName); + text = text({ name: targetName }); } } else if ( (type === 'emoji_reaction' || type === 'pleroma:emoji_reaction') && @@ -232,27 +399,28 @@ function Notification({ emoji?.shortcode === notification.emoji.replace(/^:/, '').replace(/:$/, ''), ); // Emoji object instead of string - text = text(notification.emoji, emojiURL); - } else if (count) { - text = text(count); + text = text({ emoji: notification.emoji, emojiURL }); + } else { + text = text({ + account: account && <NameText account={account} showAvatar />, + count, + postsCount, + postType: isReplyToOthers ? 'reply' : 'post', + components: { Subject }, + }); } } - if (type === 'mention' && !status) { - // Could be deleted - return null; - } - const formattedCreatedAt = notification.createdAt && new Date(notification.createdAt).toLocaleString(); const genericAccountsHeading = { - 'favourite+reblog': 'Boosted/Liked by…', - favourite: 'Liked by…', - reblog: 'Boosted by…', - follow: 'Followed by…', - }[type] || 'Accounts'; + 'favourite+reblog': t`Boosted/Liked by…`, + favourite: t`Liked by…`, + reblog: t`Boosted by…`, + follow: t`Followed by…`, + }[type] || t`Accounts`; const handleOpenGenericAccounts = () => { states.showGenericAccounts = { heading: genericAccountsHeading, @@ -291,48 +459,7 @@ function Notification({ <div class="notification-content"> {type !== 'mention' && ( <> - <p> - {!/poll|update|severed_relationships/i.test(type) && ( - <> - {_accounts?.length > 1 ? ( - <> - <b tabIndex="0" onClick={handleOpenGenericAccounts}> - <span title={_accounts.length}> - {shortenNumber(_accounts.length)} - </span>{' '} - people - </b>{' '} - </> - ) : notificationsCount > 1 ? ( - <> - <b> - <span title={notificationsCount}> - {shortenNumber(notificationsCount)} - </span>{' '} - people - </b>{' '} - </> - ) : ( - account && ( - <> - <NameText account={account} showAvatar />{' '} - </> - ) - )} - </> - )} - {text} - {type === 'mention' && ( - <span class="insignificant"> - {' '} - •{' '} - <RelativeTime - datetime={notification.createdAt} - format="micro" - /> - </span> - )} - </p> + <p>{text}</p> {type === 'follow_request' && ( <FollowRequestButtons accountID={account.id} /> )} @@ -348,23 +475,26 @@ function Notification({ target="_blank" rel="noopener noreferrer" > - Learn more <Icon icon="external" size="s" /> + <Trans> + Learn more <Icon icon="external" size="s" /> + </Trans> </a> . </div> )} {type === 'moderation_warning' && !!moderation_warning && ( <div> - {MODERATION_WARNING_TEXT[moderation_warning.action]} + {_(MODERATION_WARNING_TEXT[moderation_warning.action]())} <br /> <a href={`/disputes/strikes/${moderation_warning.id}`} target="_blank" rel="noopener noreferrer" > - Learn more <Icon icon="external" size="s" /> + <Trans> + Learn more <Icon icon="external" size="s" /> + </Trans> </a> - . </div> )} </> @@ -541,7 +671,7 @@ function Notification({ function TruncatedLink(props) { const ref = useTruncated(); - return <Link {...props} data-read-more="Read more →" ref={ref} />; + return <Link {...props} data-read-more={t`Read more →`} ref={ref} />; } export default memo(Notification, (oldProps, newProps) => { diff --git a/src/components/poll.jsx b/src/components/poll.jsx index b8a893d23..713b92cef 100644 --- a/src/components/poll.jsx +++ b/src/components/poll.jsx @@ -1,3 +1,4 @@ +import { Plural, t, Trans } from '@lingui/macro'; import { useState } from 'preact/hooks'; import shortenNumber from '../utils/shorten-number'; @@ -75,11 +76,15 @@ export default function Poll({ <div class="poll-options"> {options.map((option, i) => { const { title, votesCount: optionVotesCount } = option; - const percentage = pollVotesCount - ? ((optionVotesCount / pollVotesCount) * 100).toFixed( - roundPrecision, - ) - : 0; // check if current poll choice is the leading one + const ratio = pollVotesCount + ? optionVotesCount / pollVotesCount + : 0; + const percentage = ratio + ? ratio.toLocaleString(i18n.locale || undefined, { + style: 'percent', + maximumFractionDigits: roundPrecision, + }) + : '0%'; const isLeading = optionVotesCount > 0 && @@ -92,7 +97,7 @@ export default function Poll({ isLeading ? 'poll-option-leading' : '' }`} style={{ - '--percentage': `${percentage}%`, + '--percentage': `${ratio * 100}%`, }} > <div class="poll-option-title"> @@ -102,7 +107,7 @@ export default function Poll({ {voted && ownVotes.includes(i) && ( <> {' '} - <Icon icon="check-circle" /> + <Icon icon="check-circle" alt={t`Voted`} /> </> )} </div> @@ -112,7 +117,7 @@ export default function Poll({ optionVotesCount === 1 ? '' : 's' }`} > - {percentage}% + {percentage} </div> </div> ); @@ -127,7 +132,7 @@ export default function Poll({ setShowResults(false); }} > - <Icon icon="arrow-left" size="s" /> Hide results + <Icon icon="arrow-left" size="s" /> <Trans>Hide results</Trans> </button> )} </> @@ -176,7 +181,7 @@ export default function Poll({ type="submit" disabled={uiState === 'loading'} > - Vote + <Trans>Vote</Trans> </button> )} </form> @@ -196,9 +201,9 @@ export default function Poll({ setUIState('default'); })(); }} - title="Refresh" + title={t`Refresh`} > - <Icon icon="refresh" alt="Refresh" /> + <Icon icon="refresh" alt={t`Refresh`} /> </button> )} {!voted && !expired && !readOnly && optionsHaveVoteCounts && ( @@ -210,30 +215,66 @@ export default function Poll({ e.preventDefault(); setShowResults(!showResults); }} - title={showResults ? 'Hide results' : 'Show results'} + title={showResults ? t`Hide results` : t`Show results`} > <Icon icon={showResults ? 'eye-open' : 'eye-close'} - alt={showResults ? 'Hide results' : 'Show results'} + alt={showResults ? t`Hide results` : t`Show results`} />{' '} </button> )} {!expired && !readOnly && ' '} - <span title={votesCount}>{shortenNumber(votesCount)}</span> vote - {votesCount === 1 ? '' : 's'} + <Plural + value={votesCount} + one={ + <Trans> + <span title={votesCount}>{shortenNumber(votesCount)}</span> vote + </Trans> + } + other={ + <Trans> + <span title={votesCount}>{shortenNumber(votesCount)}</span> votes + </Trans> + } + /> {!!votersCount && votersCount !== votesCount && ( <> {' '} - • <span title={votersCount}> - {shortenNumber(votersCount)} - </span>{' '} - voter - {votersCount === 1 ? '' : 's'} + •{' '} + <Plural + value={votersCount} + one={ + <Trans> + <span title={votersCount}>{shortenNumber(votersCount)}</span>{' '} + voter + </Trans> + } + other={ + <Trans> + <span title={votersCount}>{shortenNumber(votersCount)}</span>{' '} + voters + </Trans> + } + /> </> )}{' '} - • {expired ? 'Ended' : 'Ending'}{' '} - {!!expiresAtDate && <RelativeTime datetime={expiresAtDate} />} - </p>{' '} + •{' '} + {expired ? ( + !!expiresAtDate ? ( + <Trans> + Ended <RelativeTime datetime={expiresAtDate} /> + </Trans> + ) : ( + t`Ended` + ) + ) : !!expiresAtDate ? ( + <Trans> + Ending <RelativeTime datetime={expiresAtDate} /> + </Trans> + ) : ( + t`Ending` + )} + </p> </div> ); } diff --git a/src/components/relative-time.jsx b/src/components/relative-time.jsx index 6801c5d40..6f539fb2d 100644 --- a/src/components/relative-time.jsx +++ b/src/components/relative-time.jsx @@ -1,20 +1,64 @@ -// Twitter-style relative time component -// Seconds = 1s -// Minutes = 1m -// Hours = 1h -// Days = 1d -// After 7 days, use DD/MM/YYYY or MM/DD/YYYY +import { i18n } from '@lingui/core'; +import { t, Trans } from '@lingui/macro'; import dayjs from 'dayjs'; -import dayjsTwitter from 'dayjs-twitter'; -import localizedFormat from 'dayjs/plugin/localizedFormat'; -import relativeTime from 'dayjs/plugin/relativeTime'; import { useEffect, useMemo, useReducer } from 'preact/hooks'; -dayjs.extend(dayjsTwitter); -dayjs.extend(localizedFormat); -dayjs.extend(relativeTime); +import localeMatch from '../utils/locale-match'; +import mem from '../utils/mem'; -const dtf = new Intl.DateTimeFormat(); +const resolvedLocale = new Intl.DateTimeFormat().resolvedOptions().locale; +const DTF = mem((locale, opts = {}) => { + const lang = localeMatch([locale], [resolvedLocale]); + try { + return new Intl.DateTimeFormat(lang, opts); + } catch (e) {} + try { + return new Intl.DateTimeFormat(locale, opts); + } catch (e) {} + return new Intl.DateTimeFormat(undefined, opts); +}); +const RTF = mem((locale) => new Intl.RelativeTimeFormat(locale || undefined)); + +const minute = 60; +const hour = 60 * minute; +const day = 24 * hour; + +const rtfFromNow = (date) => { + // date = Date object + const rtf = RTF(i18n.locale); + const seconds = (date.getTime() - Date.now()) / 1000; + const absSeconds = Math.abs(seconds); + if (absSeconds < minute) { + return rtf.format(seconds, 'second'); + } else if (absSeconds < hour) { + return rtf.format(Math.floor(seconds / minute), 'minute'); + } else if (absSeconds < day) { + return rtf.format(Math.floor(seconds / hour), 'hour'); + } else { + return rtf.format(Math.floor(seconds / day), 'day'); + } +}; + +const twitterFromNow = (date) => { + // date = Date object + const seconds = (Date.now() - date.getTime()) / 1000; + if (seconds < minute) { + return t({ + comment: 'Relative time in seconds, as short as possible', + message: `${seconds < 1 ? 1 : Math.floor(seconds)}s`, + }); + } else if (seconds < hour) { + return t({ + comment: 'Relative time in minutes, as short as possible', + message: `${Math.floor(seconds / minute)}m`, + }); + } else { + return t({ + comment: 'Relative time in hours, as short as possible', + message: `${Math.floor(seconds / hour)}h`, + }); + } +}; export default function RelativeTime({ datetime, format }) { if (!datetime) return null; @@ -27,14 +71,26 @@ export default function RelativeTime({ datetime, format }) { // If date <= 1 day ago or day is within this year const now = dayjs(); const dayDiff = now.diff(date, 'day'); - if (dayDiff <= 1 || now.year() === date.year()) { - str = date.twitter(); + if (dayDiff <= 1) { + str = twitterFromNow(date.toDate()); } else { - str = dtf.format(date.toDate()); + const currentYear = now.year(); + const dateYear = date.year(); + if (dateYear === currentYear) { + str = DTF(i18n.locale, { + year: undefined, + month: 'short', + day: 'numeric', + }).format(date.toDate()); + } else { + str = DTF(i18n.locale, { + dateStyle: 'short', + }).format(date.toDate()); + } } } - if (!str) str = date.fromNow(); - return [str, date.toISOString(), date.format('LLLL')]; + if (!str) str = rtfFromNow(date.toDate()); + return [str, date.toISOString(), date.toDate().toLocaleString()]; }, [date, format, renderCount]); useEffect(() => { diff --git a/src/components/report-modal.jsx b/src/components/report-modal.jsx index 90b1b2d26..6485ead6c 100644 --- a/src/components/report-modal.jsx +++ b/src/components/report-modal.jsx @@ -1,5 +1,7 @@ import './report-modal.css'; +import { msg, t, Trans } from '@lingui/macro'; +import { useLingui } from '@lingui/react'; import { Fragment } from 'preact'; import { useMemo, useRef, useState } from 'preact/hooks'; @@ -24,26 +26,27 @@ const CATEGORIES_INFO = { // description: 'Not something you want to see', // }, spam: { - label: 'Spam', - description: 'Malicious links, fake engagement, or repetitive replies', + label: msg`Spam`, + description: msg`Malicious links, fake engagement, or repetitive replies`, }, legal: { - label: 'Illegal', - description: "Violates the law of your or the server's country", + label: msg`Illegal`, + description: msg`Violates the law of your or the server's country`, }, violation: { - label: 'Server rule violation', - description: 'Breaks specific server rules', - stampLabel: 'Violation', + label: msg`Server rule violation`, + description: msg`Breaks specific server rules`, + stampLabel: msg`Violation`, }, other: { - label: 'Other', - description: "Issue doesn't fit other categories", + label: msg`Other`, + description: msg`Issue doesn't fit other categories`, excludeStamp: true, }, }; function ReportModal({ account, post, onClose }) { + const { _ } = useLingui(); const { masto } = api(); const [uiState, setUIState] = useState('default'); const [username, domain] = account.acct.split('@'); @@ -62,14 +65,14 @@ function ReportModal({ account, post, onClose }) { return ( <div class="report-modal-container"> <div class="top-controls"> - <h1>{post ? 'Report Post' : `Report @${username}`}</h1> + <h1>{post ? t`Report Post` : t`Report @${username}`}</h1> <button type="button" class="plain4 small" disabled={uiState === 'loading'} onClick={() => onClose()} > - <Icon icon="x" size="xl" /> + <Icon icon="x" size="xl" alt={t`Close`} /> </button> </div> <main> @@ -93,9 +96,13 @@ function ReportModal({ account, post, onClose }) { key={selectedCategory} aria-hidden="true" > - {CATEGORIES_INFO[selectedCategory].stampLabel || - CATEGORIES_INFO[selectedCategory].label} - <small>Pending review</small> + {_( + CATEGORIES_INFO[selectedCategory].stampLabel || + _(CATEGORIES_INFO[selectedCategory].label), + )} + <small> + <Trans>Pending review</Trans> + </small> </span> )} <form @@ -136,7 +143,7 @@ function ReportModal({ account, post, onClose }) { forward, }); setUIState('success'); - showToast(post ? 'Post reported' : 'Profile reported'); + showToast(post ? t`Post reported` : t`Profile reported`); onClose(); } catch (error) { console.error(error); @@ -144,8 +151,8 @@ function ReportModal({ account, post, onClose }) { showToast( error?.message || (post - ? 'Unable to report post' - : 'Unable to report profile'), + ? t`Unable to report post` + : t`Unable to report profile`), ); } })(); @@ -153,8 +160,8 @@ function ReportModal({ account, post, onClose }) { > <p> {post - ? `What's the issue with this post?` - : `What's the issue with this profile?`} + ? t`What's the issue with this post?` + : t`What's the issue with this profile?`} </p> <section class="report-categories"> {CATEGORIES.map((category) => @@ -173,9 +180,9 @@ function ReportModal({ account, post, onClose }) { }} /> <span> - {CATEGORIES_INFO[category].label}   + {_(CATEGORIES_INFO[category].label)}   <small class="ib insignificant"> - {CATEGORIES_INFO[category].description} + {_(CATEGORIES_INFO[category].description)} </small> </span> </label> @@ -222,7 +229,9 @@ function ReportModal({ account, post, onClose }) { </section> <section class="report-comment"> <p> - <label for="report-comment">Additional info</label> + <label for="report-comment"> + <Trans>Additional info</Trans> + </label> </p> <textarea maxlength="1000" @@ -243,7 +252,9 @@ function ReportModal({ account, post, onClose }) { disabled={uiState === 'loading'} />{' '} <span> - Forward to <i>{domain}</i> + <Trans> + Forward to <i>{domain}</i> + </Trans> </span> </label> </p> @@ -251,7 +262,7 @@ function ReportModal({ account, post, onClose }) { )} <footer> <button type="submit" disabled={uiState === 'loading'}> - Send Report + <Trans>Send Report</Trans> </button>{' '} <button type="submit" @@ -260,15 +271,17 @@ function ReportModal({ account, post, onClose }) { onClick={async () => { try { await masto.v1.accounts.$select(account.id).mute(); // Infinite duration - showToast(`Muted ${username}`); + showToast(t`Muted ${username}`); } catch (e) { console.error(e); - showToast(`Unable to mute ${username}`); + showToast(t`Unable to mute ${username}`); } // onSubmit will still run }} > - Send Report <small class="ib">+ Mute profile</small> + <Trans> + Send Report <small class="ib">+ Mute profile</small> + </Trans> </button>{' '} <button type="submit" @@ -277,15 +290,17 @@ function ReportModal({ account, post, onClose }) { onClick={async () => { try { await masto.v1.accounts.$select(account.id).block(); - showToast(`Blocked ${username}`); + showToast(t`Blocked ${username}`); } catch (e) { console.error(e); - showToast(`Unable to block ${username}`); + showToast(t`Unable to block ${username}`); } // onSubmit will still run }} > - Send Report <small class="ib">+ Block profile</small> + <Trans> + Send Report <small class="ib">+ Block profile</small> + </Trans> </button> <Loader hidden={uiState !== 'loading'} /> </footer> diff --git a/src/components/search-form.jsx b/src/components/search-form.jsx index 94f9ae086..6f231c619 100644 --- a/src/components/search-form.jsx +++ b/src/components/search-form.jsx @@ -1,3 +1,4 @@ +import { t, Trans } from '@lingui/macro'; import { forwardRef } from 'preact/compat'; import { useImperativeHandle, useRef, useState } from 'preact/hooks'; import { useSearchParams } from 'react-router-dom'; @@ -68,7 +69,7 @@ const SearchForm = forwardRef((props, ref) => { name="q" type="search" // autofocus - placeholder="Search" + placeholder={t`Search`} dir="auto" autocomplete="off" autocorrect="off" @@ -198,12 +199,12 @@ const SearchForm = forwardRef((props, ref) => { [ { label: ( - <> + <Trans> {query}{' '} <small class="insignificant"> ‒ accounts, hashtags & posts </small> - </> + </Trans> ), to: `/search?q=${encodeURIComponent(query)}`, top: !type && !/\s/.test(query), @@ -211,9 +212,9 @@ const SearchForm = forwardRef((props, ref) => { }, { label: ( - <> + <Trans> Posts with <q>{query}</q> - </> + </Trans> ), to: `/search?q=${encodeURIComponent(query)}&type=statuses`, hidden: /^https?:/.test(query), @@ -223,9 +224,9 @@ const SearchForm = forwardRef((props, ref) => { }, { label: ( - <> + <Trans> Posts tagged with <mark>#{query.replace(/^#/, '')}</mark> - </> + </Trans> ), to: `/${instance}/t/${query.replace(/^#/, '')}`, hidden: @@ -237,9 +238,9 @@ const SearchForm = forwardRef((props, ref) => { }, { label: ( - <> + <Trans> Look up <mark>{query}</mark> - </> + </Trans> ), to: `/${query}`, hidden: !/^https?:/.test(query), @@ -248,9 +249,9 @@ const SearchForm = forwardRef((props, ref) => { }, { label: ( - <> + <Trans> Accounts with <q>{query}</q> - </> + </Trans> ), to: `/search?q=${encodeURIComponent(query)}&type=accounts`, icon: 'group', diff --git a/src/components/shortcuts-settings.css b/src/components/shortcuts-settings.css index 1ef5bac98..11c309123 100644 --- a/src/components/shortcuts-settings.css +++ b/src/components/shortcuts-settings.css @@ -64,6 +64,10 @@ } #shortcuts-settings-container .shortcuts-view-mode label img { max-height: 64px; + + &:dir(rtl) { + transform: scaleX(-1); + } } @media (prefers-color-scheme: dark) { #shortcuts-settings-container .shortcuts-view-mode label img { @@ -82,9 +86,7 @@ } #shortcuts-settings-container .shortcuts-view-mode label input ~ * { opacity: 0.5; - transform-origin: bottom; - transform: scale(0.975); - transition: all 0.2s ease-out; + transition: opacity 0.2s ease-out; } #shortcuts-settings-container .shortcuts-view-mode label.checked { box-shadow: inset 0 0 0 3px var(--link-color), @@ -95,7 +97,6 @@ label input:is(:hover, :active, :checked) ~ * { - transform: scale(1); opacity: 1; } diff --git a/src/components/shortcuts-settings.jsx b/src/components/shortcuts-settings.jsx index 2f294b356..1527cd443 100644 --- a/src/components/shortcuts-settings.jsx +++ b/src/components/shortcuts-settings.jsx @@ -1,6 +1,8 @@ import './shortcuts-settings.css'; import { useAutoAnimate } from '@formkit/auto-animate/preact'; +import { msg, Plural, t, Trans } from '@lingui/macro'; +import { useLingui } from '@lingui/react'; import { compressToEncodedURIComponent, decompressFromEncodedURIComponent, @@ -43,55 +45,55 @@ const TYPES = [ // 'account-statuses', // Need @acct search first ]; const TYPE_TEXT = { - following: 'Home / Following', - notifications: 'Notifications', - list: 'Lists', - public: 'Public (Local / Federated)', - search: 'Search', - 'account-statuses': 'Account', - bookmarks: 'Bookmarks', - favourites: 'Likes', - hashtag: 'Hashtag', - trending: 'Trending', - mentions: 'Mentions', + following: msg`Home / Following`, + notifications: msg`Notifications`, + list: msg`Lists`, + public: msg`Public (Local / Federated)`, + search: msg`Search`, + 'account-statuses': msg`Account`, + bookmarks: msg`Bookmarks`, + favourites: msg`Likes`, + hashtag: msg`Hashtag`, + trending: msg`Trending`, + mentions: msg`Mentions`, }; const TYPE_PARAMS = { list: [ { - text: 'List ID', + text: msg`List ID`, name: 'id', notRequired: true, }, ], public: [ { - text: 'Local only', + text: msg`Local only`, name: 'local', type: 'checkbox', }, { - text: 'Instance', + text: msg`Instance`, name: 'instance', type: 'text', - placeholder: 'Optional, e.g. mastodon.social', + placeholder: msg`Optional, e.g. mastodon.social`, notRequired: true, }, ], trending: [ { - text: 'Instance', + text: msg`Instance`, name: 'instance', type: 'text', - placeholder: 'Optional, e.g. mastodon.social', + placeholder: msg`Optional, e.g. mastodon.social`, notRequired: true, }, ], search: [ { - text: 'Search term', + text: msg`Search term`, name: 'query', type: 'text', - placeholder: 'Optional, unless for multi-column mode', + placeholder: msg`Optional, unless for multi-column mode`, notRequired: true, }, ], @@ -108,19 +110,19 @@ const TYPE_PARAMS = { text: '#', name: 'hashtag', type: 'text', - placeholder: 'e.g. PixelArt (Max 5, space-separated)', + placeholder: msg`e.g. PixelArt (Max 5, space-separated)`, pattern: '[^#]+', }, { - text: 'Media only', + text: msg`Media only`, name: 'media', type: 'checkbox', }, { - text: 'Instance', + text: msg`Instance`, name: 'instance', type: 'text', - placeholder: 'Optional, e.g. mastodon.social', + placeholder: msg`Optional, e.g. mastodon.social`, notRequired: true, }, ], @@ -132,46 +134,46 @@ const fetchAccountTitle = pmem(async ({ id }) => { export const SHORTCUTS_META = { following: { id: 'home', - title: (_, index) => (index === 0 ? 'Home' : 'Following'), + title: (_, index) => (index === 0 ? t`Home` : t`Following`), path: '/', icon: 'home', }, mentions: { id: 'mentions', - title: 'Mentions', + title: msg`Mentions`, path: '/mentions', icon: 'at', }, notifications: { id: 'notifications', - title: 'Notifications', + title: msg`Notifications`, path: '/notifications', icon: 'notification', }, list: { id: ({ id }) => (id ? 'list' : 'lists'), - title: ({ id }) => (id ? getListTitle(id) : 'Lists'), + title: ({ id }) => (id ? getListTitle(id) : t`Lists`), path: ({ id }) => (id ? `/l/${id}` : '/l'), icon: 'list', excludeViewMode: ({ id }) => (!id ? ['multi-column'] : []), }, public: { id: 'public', - title: ({ local }) => (local ? 'Local' : 'Federated'), + title: ({ local }) => (local ? t`Local` : t`Federated`), subtitle: ({ instance }) => instance || api().instance, path: ({ local, instance }) => `/${instance}/p${local ? '/l' : ''}`, icon: ({ local }) => (local ? 'building' : 'earth'), }, trending: { id: 'trending', - title: 'Trending', + title: msg`Trending`, subtitle: ({ instance }) => instance || api().instance, path: ({ instance }) => `/${instance}/trending`, icon: 'chart', }, search: { id: 'search', - title: ({ query }) => (query ? `“${query}”` : 'Search'), + title: ({ query }) => (query ? `“${query}”` : t`Search`), path: ({ query }) => query ? `/search?q=${encodeURIComponent(query)}&type=statuses` @@ -187,13 +189,13 @@ export const SHORTCUTS_META = { }, bookmarks: { id: 'bookmarks', - title: 'Bookmarks', + title: msg`Bookmarks`, path: '/b', icon: 'bookmark', }, favourites: { id: 'favourites', - title: 'Likes', + title: msg`Likes`, path: '/f', icon: 'heart', }, @@ -210,6 +212,7 @@ export const SHORTCUTS_META = { }; function ShortcutsSettings({ onClose }) { + const { _ } = useLingui(); const snapStates = useSnapshot(states); const { shortcuts } = snapStates; const [showForm, setShowForm] = useState(false); @@ -221,12 +224,12 @@ function ShortcutsSettings({ onClose }) { <div id="shortcuts-settings-container" class="sheet" tabindex="-1"> {!!onClose && ( <button type="button" class="sheet-close" onClick={onClose}> - <Icon icon="x" /> + <Icon icon="x" alt={t`Close`} /> </button> )} <header> <h2> - <Icon icon="shortcut" /> Shortcuts{' '} + <Icon icon="shortcut" /> <Trans>Shortcuts</Trans>{' '} <sup style={{ fontSize: 12, @@ -234,27 +237,29 @@ function ShortcutsSettings({ onClose }) { textTransform: 'uppercase', }} > - beta + <Trans>beta</Trans> </sup> </h2> </header> <main> - <p>Specify a list of shortcuts that'll appear as:</p> + <p> + <Trans>Specify a list of shortcuts that'll appear as:</Trans> + </p> <div class="shortcuts-view-mode"> {[ { value: 'float-button', - label: 'Floating button', + label: t`Floating button`, imgURL: floatingButtonUrl, }, { value: 'tab-menu-bar', - label: 'Tab/Menu bar', + label: t`Tab/Menu bar`, imgURL: tabMenuBarUrl, }, { value: 'multi-column', - label: 'Multi-column', + label: t`Multi-column`, imgURL: multiColumnUrl, }, ].map(({ value, label, imgURL }) => { @@ -291,9 +296,13 @@ function ShortcutsSettings({ onClose }) { SHORTCUTS_META[type]; if (typeof title === 'function') { title = title(shortcut, i); + } else { + title = _(title); } if (typeof subtitle === 'function') { subtitle = subtitle(shortcut, i); + } else { + subtitle = _(subtitle); } if (typeof icon === 'function') { icon = icon(shortcut, i); @@ -317,7 +326,7 @@ function ShortcutsSettings({ onClose }) { )} {excludedViewMode && ( <span class="tag"> - Not available in current view mode + <Trans>Not available in current view mode</Trans> </span> )} </span> @@ -336,7 +345,7 @@ function ShortcutsSettings({ onClose }) { } }} > - <Icon icon="arrow-up" alt="Move up" /> + <Icon icon="arrow-up" alt={t`Move up`} /> </button> <button type="button" @@ -352,7 +361,7 @@ function ShortcutsSettings({ onClose }) { } }} > - <Icon icon="arrow-down" alt="Move down" /> + <Icon icon="arrow-down" alt={t`Move down`} /> </button> <button type="button" @@ -364,7 +373,7 @@ function ShortcutsSettings({ onClose }) { }); }} > - <Icon icon="pencil" alt="Edit" /> + <Icon icon="pencil" alt={t`Edit`} /> </button> {/* <button type="button" @@ -385,7 +394,9 @@ function ShortcutsSettings({ onClose }) { <div class="ui-state insignificant"> <Icon icon="info" />{' '} <small> - Add more than one shortcut/column to make this work. + <Trans> + Add more than one shortcut/column to make this work. + </Trans> </small> </div> )} @@ -394,38 +405,40 @@ function ShortcutsSettings({ onClose }) { <div class="ui-state insignificant"> <p> {snapStates.settings.shortcutsViewMode === 'multi-column' - ? 'No columns yet. Tap on the Add column button.' - : 'No shortcuts yet. Tap on the Add shortcut button.'} + ? t`No columns yet. Tap on the Add column button.` + : t`No shortcuts yet. Tap on the Add shortcut button.`} </p> <p> - Not sure what to add? - <br /> - Try adding{' '} - <a - href="#" - onClick={(e) => { - e.preventDefault(); - states.shortcuts = [ - { - type: 'following', - }, - { - type: 'notifications', - }, - ]; - }} - > - Home / Following and Notifications - </a>{' '} - first. + <Trans> + Not sure what to add? + <br /> + Try adding{' '} + <a + href="#" + onClick={(e) => { + e.preventDefault(); + states.shortcuts = [ + { + type: 'following', + }, + { + type: 'notifications', + }, + ]; + }} + > + Home / Following and Notifications + </a>{' '} + first. + </Trans> </p> </div> )} <p class="insignificant"> {shortcuts.length >= SHORTCUTS_LIMIT && (snapStates.settings.shortcutsViewMode === 'multi-column' - ? `Max ${SHORTCUTS_LIMIT} columns` - : `Max ${SHORTCUTS_LIMIT} shortcuts`)} + ? t`Max ${SHORTCUTS_LIMIT} columns` + : t`Max ${SHORTCUTS_LIMIT} shortcuts`)} </p> <p style={{ @@ -439,7 +452,7 @@ function ShortcutsSettings({ onClose }) { class="light" onClick={() => setShowImportExport(true)} > - Import/export + <Trans>Import/export</Trans> </button> <button type="button" @@ -449,8 +462,8 @@ function ShortcutsSettings({ onClose }) { <Icon icon="plus" />{' '} <span> {snapStates.settings.shortcutsViewMode === 'multi-column' - ? 'Add column…' - : 'Add shortcut…'} + ? t`Add column…` + : t`Add shortcut…`} </span> </button> </p> @@ -497,9 +510,9 @@ function ShortcutsSettings({ onClose }) { } const FORM_NOTES = { - list: `Specific list is optional. For multi-column mode, list is required, else the column will not be shown.`, - search: `For multi-column mode, search term is required, else the column will not be shown.`, - hashtag: 'Multiple hashtags are supported. Space-separated.', + list: msg`Specific list is optional. For multi-column mode, list is required, else the column will not be shown.`, + search: msg`For multi-column mode, search term is required, else the column will not be shown.`, + hashtag: msg`Multiple hashtags are supported. Space-separated.`, }; function ShortcutForm({ @@ -509,10 +522,10 @@ function ShortcutForm({ shortcutIndex, onClose, }) { + const { _ } = useLingui(); console.log('shortcut', shortcut); const editMode = !!shortcut; const [currentType, setCurrentType] = useState(shortcut?.type || null); - const { masto } = api(); const [uiState, setUIState] = useState('default'); const [lists, setLists] = useState([]); @@ -564,11 +577,11 @@ function ShortcutForm({ <div id="shortcut-settings-form" class="sheet"> {!!onClose && ( <button type="button" class="sheet-close" onClick={onClose}> - <Icon icon="x" /> + <Icon icon="x" alt={t`Close`} /> </button> )} <header> - <h2>{editMode ? 'Edit' : 'Add'} shortcut</h2> + <h2>{editMode ? t`Edit shortcut` : t`Add shortcut`}</h2> </header> <main tabindex="-1"> <form @@ -603,7 +616,9 @@ function ShortcutForm({ > <p> <label> - <span>Timeline</span> + <span> + <Trans>Timeline</Trans> + </span> <select required disabled={disabled} @@ -616,7 +631,7 @@ function ShortcutForm({ > <option></option> {TYPES.map((type) => ( - <option value={type}>{TYPE_TEXT[type]}</option> + <option value={type}>{_(TYPE_TEXT[type])}</option> ))} </select> </label> @@ -627,7 +642,9 @@ function ShortcutForm({ return ( <p> <label> - <span>List</span> + <span> + <Trans>List</Trans> + </span> <select name="id" required={!notRequired} @@ -648,12 +665,12 @@ function ShortcutForm({ return ( <p> <label> - <span>{text}</span>{' '} + <span>{_(text)}</span>{' '} <input type={type} switch={type === 'checkbox' || undefined} name={name} - placeholder={placeholder} + placeholder={_(placeholder)} required={type === 'text' && !notRequired} disabled={disabled} list={ @@ -683,7 +700,7 @@ function ShortcutForm({ {!!FORM_NOTES[currentType] && ( <p class="form-note insignificant"> <Icon icon="info" /> - {FORM_NOTES[currentType]} + {_(FORM_NOTES[currentType])} </p> )} <footer> @@ -692,7 +709,7 @@ function ShortcutForm({ class="block" disabled={disabled || uiState === 'loading'} > - {editMode ? 'Save' : 'Add'} + {editMode ? t`Save` : t`Add`} </button> {editMode && ( <button @@ -703,7 +720,7 @@ function ShortcutForm({ onClose?.(); }} > - Remove + <Trans>Remove</Trans> </button> )} </footer> @@ -714,6 +731,7 @@ function ShortcutForm({ } function ImportExport({ shortcuts, onClose }) { + const { _ } = useLingui(); const { masto } = api(); const shortcutsStr = useMemo(() => { if (!shortcuts) return ''; @@ -759,26 +777,30 @@ function ImportExport({ shortcuts, onClose }) { <div id="import-export-container" class="sheet"> {!!onClose && ( <button type="button" class="sheet-close" onClick={onClose}> - <Icon icon="x" /> + <Icon icon="x" alt={t`Close`} /> </button> )} <header> <h2> - Import/Export <small class="ib insignificant">Shortcuts</small> + <Trans> + Import/Export <small class="ib insignificant">Shortcuts</small> + </Trans> </h2> </header> <main tabindex="-1"> <section> <h3> <Icon icon="arrow-down-circle" size="l" class="insignificant" />{' '} - <span>Import</span> + <span> + <Trans>Import</Trans> + </span> </h3> <p class="field-button"> <input ref={shortcutsImportFieldRef} type="text" name="import" - placeholder="Paste shortcuts here" + placeholder={t`Paste shortcuts here`} class="block" onInput={(e) => { setImportShortcutStr(e.target.value); @@ -794,7 +816,7 @@ function ImportExport({ shortcuts, onClose }) { setImportUIState('cloud-downloading'); const currentAccount = getCurrentAccountID(); showToast( - 'Downloading saved shortcuts from instance server…', + t`Downloading saved shortcuts from instance server…`, ); try { const relationships = @@ -823,10 +845,10 @@ function ImportExport({ shortcuts, onClose }) { } catch (e) { console.error(e); setImportUIState('error'); - showToast('Unable to download shortcuts'); + showToast(t`Unable to download shortcuts`); } }} - title="Download shortcuts from instance server" + title={t`Download shortcuts from instance server`} > <Icon icon="cloud" /> <Icon icon="arrow-down" /> @@ -861,7 +883,7 @@ function ImportExport({ shortcuts, onClose }) { * </span> <span> - {TYPE_TEXT[shortcut.type]} + {_(TYPE_TEXT[shortcut.type])} {shortcut.type === 'list' && ' ⚠️'}{' '} {TYPE_PARAMS[shortcut.type]?.map?.( ({ text, name, type }) => @@ -883,28 +905,37 @@ function ImportExport({ shortcuts, onClose }) { ))} </ol> <p> - <small>* Exists in current shortcuts</small> + <small> + <Trans>* Exists in current shortcuts</Trans> + </small> <br /> <small> - ⚠️ List may not work if it's from a different account. + ⚠️{' '} + <Trans> + List may not work if it's from a different account. + </Trans> </small> </p> </> )} {importUIState === 'error' && ( <p class="error"> - <small>⚠️ Invalid settings format</small> + <small> + ⚠️ <Trans>Invalid settings format</Trans> + </small> </p> )} <p> {hasCurrentSettings && ( <> <MenuConfirm - confirmLabel="Append to current shortcuts?" + confirmLabel={t`Append to current shortcuts?`} menuFooter={ <div class="footer"> - Only shortcuts that don’t exist in current shortcuts will - be appended. + <Trans> + Only shortcuts that don’t exist in current shortcuts + will be appended. + </Trans> </div> } onClick={() => { @@ -923,7 +954,7 @@ function ImportExport({ shortcuts, onClose }) { ), ); if (!nonUniqueShortcuts.length) { - showToast('No new shortcuts to import'); + showToast(t`No new shortcuts to import`); return; } let newShortcuts = [ @@ -938,8 +969,8 @@ function ImportExport({ shortcuts, onClose }) { states.shortcuts = newShortcuts; showToast( exceededLimit - ? `Shortcuts imported. Exceeded max ${SHORTCUTS_LIMIT}, so the rest are not imported.` - : 'Shortcuts imported', + ? t`Shortcuts imported. Exceeded max ${SHORTCUTS_LIMIT}, so the rest are not imported.` + : t`Shortcuts imported`, ); onClose?.(); }} @@ -949,7 +980,7 @@ function ImportExport({ shortcuts, onClose }) { class="plain2" disabled={!parsedImportShortcutStr} > - Import & append… + <Trans>Import & append…</Trans> </button> </MenuConfirm>{' '} </> @@ -957,13 +988,13 @@ function ImportExport({ shortcuts, onClose }) { <MenuConfirm confirmLabel={ hasCurrentSettings - ? 'Override current shortcuts?' - : 'Import shortcuts?' + ? t`Override current shortcuts?` + : t`Import shortcuts?` } menuItemClassName={hasCurrentSettings ? 'danger' : undefined} onClick={() => { states.shortcuts = parsedImportShortcutStr; - showToast('Shortcuts imported'); + showToast(t`Shortcuts imported`); onClose?.(); }} > @@ -972,7 +1003,7 @@ function ImportExport({ shortcuts, onClose }) { class="plain2" disabled={!parsedImportShortcutStr} > - {hasCurrentSettings ? 'or override…' : 'Import…'} + {hasCurrentSettings ? t`or override…` : t`Import…`} </button> </MenuConfirm> </p> @@ -980,7 +1011,9 @@ function ImportExport({ shortcuts, onClose }) { <section> <h3> <Icon icon="arrow-up-circle" size="l" class="insignificant" />{' '} - <span>Export</span> + <span> + <Trans>Export</Trans> + </span> </h3> <p> <input @@ -994,10 +1027,10 @@ function ImportExport({ shortcuts, onClose }) { // Copy url to clipboard try { navigator.clipboard.writeText(e.target.value); - showToast('Shortcuts copied'); + showToast(t`Shortcuts copied`); } catch (e) { console.error(e); - showToast('Unable to copy shortcuts'); + showToast(t`Unable to copy shortcuts`); } }} dir="auto" @@ -1011,14 +1044,17 @@ function ImportExport({ shortcuts, onClose }) { onClick={() => { try { navigator.clipboard.writeText(shortcutsStr); - showToast('Shortcut settings copied'); + showToast(t`Shortcut settings copied`); } catch (e) { console.error(e); - showToast('Unable to copy shortcut settings'); + showToast(t`Unable to copy shortcut settings`); } }} > - <Icon icon="clipboard" /> <span>Copy</span> + <Icon icon="clipboard" />{' '} + <span> + <Trans>Copy</Trans> + </span> </button>{' '} {navigator?.share && navigator?.canShare?.({ @@ -1035,11 +1071,14 @@ function ImportExport({ shortcuts, onClose }) { }); } catch (e) { console.error(e); - alert("Sharing doesn't seem to work."); + alert(t`Sharing doesn't seem to work.`); } }} > - <Icon icon="share" /> <span>Share</span> + <Icon icon="share" />{' '} + <span> + <Trans>Share</Trans> + </span> </button> )}{' '} {states.settings.shortcutSettingsCloudImportExport && ( @@ -1077,22 +1116,22 @@ function ImportExport({ shortcuts, onClose }) { } else { newNote = `${note}\n\n\n<phanpy-shortcuts-settings>${settingsJSON}</phanpy-shortcuts-settings>`; } - showToast('Saving shortcuts to instance server…'); + showToast(t`Saving shortcuts to instance server…`); await masto.v1.accounts .$select(currentAccount) .note.create({ comment: newNote, }); setImportUIState('default'); - showToast('Shortcuts saved'); + showToast(t`Shortcuts saved`); } } catch (e) { console.error(e); setImportUIState('error'); - showToast('Unable to save shortcuts'); + showToast(t`Unable to save shortcuts`); } }} - title="Sync to instance server" + title={t`Sync to instance server`} > <Icon icon="cloud" /> <Icon icon="arrow-up" /> @@ -1100,14 +1139,20 @@ function ImportExport({ shortcuts, onClose }) { )}{' '} {shortcutsStr.length > 0 && ( <small class="insignificant ib"> - {shortcutsStr.length} characters + <Plural + value={shortcutsStr.length} + one="# character" + other="# characters" + /> </small> )} </p> {!!shortcutsStr && ( <details> <summary class="insignificant"> - <small>Raw Shortcuts JSON</small> + <small> + <Trans>Raw Shortcuts JSON</Trans> + </small> </summary> <textarea style={{ width: '100%' }} rows={10} readOnly> {JSON.stringify(shortcuts.filter(Boolean), null, 2)} @@ -1118,8 +1163,11 @@ function ImportExport({ shortcuts, onClose }) { {states.settings.shortcutSettingsCloudImportExport && ( <footer> <p> - <Icon icon="cloud" /> Import/export settings from/to instance - server (Very experimental) + <Icon icon="cloud" />{' '} + <Trans> + Import/export settings from/to instance server (Very + experimental) + </Trans> </p> </footer> )} diff --git a/src/components/shortcuts.jsx b/src/components/shortcuts.jsx index 79700f034..b06ba9a8a 100644 --- a/src/components/shortcuts.jsx +++ b/src/components/shortcuts.jsx @@ -1,5 +1,7 @@ import './shortcuts.css'; +import { t, Trans } from '@lingui/macro'; +import { useLingui } from '@lingui/react'; import { MenuDivider } from '@szhsin/react-menu'; import { memo } from 'preact/compat'; import { useRef, useState } from 'preact/hooks'; @@ -20,6 +22,7 @@ import Menu2 from './menu2'; import SubMenu2 from './submenu2'; function Shortcuts() { + const { _ } = useLingui(); const { instance } = api(); const snapStates = useSnapshot(states); const { shortcuts, settings } = snapStates; @@ -57,9 +60,13 @@ function Shortcuts() { } if (typeof title === 'function') { title = title(data, i); + } else { + title = _(title); } if (typeof subtitle === 'function') { subtitle = subtitle(data, i); + } else { + subtitle = _(subtitle); } if (typeof icon === 'function') { icon = icon(data, i); @@ -176,7 +183,7 @@ function Shortcuts() { } catch (e) {} }} > - <Icon icon="shortcut" size="xl" alt="Shortcuts" /> + <Icon icon="shortcut" size="xl" alt={t`Shortcuts`} /> </button> } > @@ -198,7 +205,9 @@ function Shortcuts() { } > <MenuLink to="/l"> - <span>All Lists</span> + <span> + <Trans>All Lists</Trans> + </span> </MenuLink> <MenuDivider /> {lists?.map((list) => ( diff --git a/src/components/status.jsx b/src/components/status.jsx index 03c52a3b9..368427df4 100644 --- a/src/components/status.jsx +++ b/src/components/status.jsx @@ -1,6 +1,8 @@ import './status.css'; import '@justinribeiro/lite-youtube'; +import { msg, plural, Plural, t, Trans } from '@lingui/macro'; +import { useLingui } from '@lingui/react'; import { ControlledMenu, Menu, @@ -88,10 +90,10 @@ function fetchAccount(id, masto) { const memFetchAccount = pmem(throttle(fetchAccount)); const visibilityText = { - public: 'Public', - unlisted: 'Unlisted', - private: 'Followers only', - direct: 'Private mention', + public: msg`Public`, + unlisted: msg`Unlisted`, + private: msg`Followers only`, + direct: msg`Private mention`, }; const isIOS = @@ -184,6 +186,8 @@ const detectLang = mem((text) => { return null; }); +const readMoreText = msg`Read more →`; + function Status({ statusID, status, @@ -207,6 +211,8 @@ function Status({ showReplyParent, mediaFirst, }) { + const { _ } = useLingui(); + if (skeleton) { return ( <div @@ -430,7 +436,7 @@ function Status({ onMouseEnter={debugHover} > <div class="status-pre-meta"> - <Icon icon="group" size="l" alt="Group" />{' '} + <Icon icon="group" size="l" alt={t`Group`} />{' '} <NameText account={status.account} instance={instance} showAvatar /> </div> <Status @@ -454,8 +460,10 @@ function Status({ > <div class="status-pre-meta"> <Icon icon="rocket" size="l" />{' '} - <NameText account={status.account} instance={instance} showAvatar />{' '} - <span>boosted</span> + <Trans> + <NameText account={status.account} instance={instance} showAvatar />{' '} + <span>boosted</span> + </Trans> </div> <Status status={statusID ? null : reblog} @@ -548,11 +556,10 @@ function Status({ const spoilerContentRef = useTruncated(); const contentRef = useTruncated(); const mediaContainerRef = useTruncated(); - const readMoreText = 'Read more →'; const statusRef = useRef(null); - const unauthInteractionErrorMessage = `Sorry, your current logged-in instance can't interact with this post from another instance.`; + const unauthInteractionErrorMessage = t`Sorry, your current logged-in instance can't interact with this post from another instance.`; const textWeight = useCallback( () => @@ -606,44 +613,44 @@ function Status({ ); }, [createdAtDate]); - const boostStatus = async () => { - if (!sameInstance || !authenticated) { - alert(unauthInteractionErrorMessage); - return false; - } - try { - if (!reblogged) { - let confirmText = 'Boost this post?'; - if (mediaNoDesc) { - confirmText += '\n\n⚠️ Some media have no descriptions.'; - } - const yes = confirm(confirmText); - if (!yes) { - return false; - } - } - // Optimistic - states.statuses[sKey] = { - ...status, - reblogged: !reblogged, - reblogsCount: reblogsCount + (reblogged ? -1 : 1), - }; - if (reblogged) { - const newStatus = await masto.v1.statuses.$select(id).unreblog(); - saveStatus(newStatus, instance); - return true; - } else { - const newStatus = await masto.v1.statuses.$select(id).reblog(); - saveStatus(newStatus, instance); - return true; - } - } catch (e) { - console.error(e); - // Revert optimistism - states.statuses[sKey] = status; - return false; - } - }; + // const boostStatus = async () => { + // if (!sameInstance || !authenticated) { + // alert(unauthInteractionErrorMessage); + // return false; + // } + // try { + // if (!reblogged) { + // let confirmText = 'Boost this post?'; + // if (mediaNoDesc) { + // confirmText += '\n\n⚠️ Some media have no descriptions.'; + // } + // const yes = confirm(confirmText); + // if (!yes) { + // return false; + // } + // } + // // Optimistic + // states.statuses[sKey] = { + // ...status, + // reblogged: !reblogged, + // reblogsCount: reblogsCount + (reblogged ? -1 : 1), + // }; + // if (reblogged) { + // const newStatus = await masto.v1.statuses.$select(id).unreblog(); + // saveStatus(newStatus, instance); + // return true; + // } else { + // const newStatus = await masto.v1.statuses.$select(id).reblog(); + // saveStatus(newStatus, instance); + // return true; + // } + // } catch (e) { + // console.error(e); + // // Revert optimistism + // states.statuses[sKey] = status; + // return false; + // } + // }; const confirmBoostStatus = async () => { if (!sameInstance || !authenticated) { alert(unauthInteractionErrorMessage); @@ -705,8 +712,8 @@ function Status({ if (!isSizeLarge && done) { showToast( favourited - ? `Unliked @${username || acct}'s post` - : `Liked @${username || acct}'s post`, + ? t`Unliked @${username || acct}'s post` + : t`Liked @${username || acct}'s post`, ); } } catch (e) {} @@ -745,8 +752,8 @@ function Status({ if (!isSizeLarge && done) { showToast( bookmarked - ? `Unbookmarked @${username || acct}'s post` - : `Bookmarked @${username || acct}'s post`, + ? t`Unbookmarked @${username || acct}'s post` + : t`Bookmarked @${username || acct}'s post`, ); } } catch (e) {} @@ -820,7 +827,11 @@ function Status({ <MenuItem onClick={replyStatus}> <Icon icon="comment" /> <span> - {repliesCount > 0 ? shortenNumber(repliesCount) : 'Reply'} + <Plural + value={repliesCount} + _0="Reply" + other={shortenNumber(repliesCount)} + /> </span> </MenuItem> <MenuConfirm @@ -828,7 +839,7 @@ function Status({ confirmLabel={ <> <Icon icon="rocket" /> - <span>{reblogged ? 'Unboost' : 'Boost'}</span> + <span>{reblogged ? t`Unboost` : t`Boost`}</span> </> } className={`menu-reblog ${reblogged ? 'checked' : ''}`} @@ -843,23 +854,29 @@ function Status({ }} > <Icon icon="quote" /> - <span>Quote</span> + <span> + <Trans>Quote</Trans> + </span> </MenuItem> } menuFooter={ mediaNoDesc && !reblogged ? ( <div class="footer"> <Icon icon="alert" /> - Some media have no descriptions. + <Trans>Some media have no descriptions.</Trans> </div> ) : ( statusMonthsAgo >= 3 && ( <div class="footer"> <Icon icon="info" /> <span> - Old post ( - <strong>{rtf.format(-statusMonthsAgo, 'month')}</strong> - ) + <Trans> + Old post ( + <strong> + {rtf.format(-statusMonthsAgo, 'month')} + </strong> + ) + </Trans> </span> </div> ) @@ -872,8 +889,8 @@ function Status({ if (!isSizeLarge && done) { showToast( reblogged - ? `Unboosted @${username || acct}'s post` - : `Boosted @${username || acct}'s post`, + ? t`Unboosted @${username || acct}'s post` + : t`Boosted @${username || acct}'s post`, ); } } catch (e) {} @@ -881,11 +898,11 @@ function Status({ > <Icon icon="rocket" /> <span> - {reblogsCount > 0 - ? shortenNumber(reblogsCount) - : reblogged - ? 'Unboost' - : 'Boost…'} + <Plural + value={reblogsCount} + _0={reblogged ? t`Unboost` : t`Boost…`} + other={shortenNumber(reblogsCount)} + /> </span> </MenuConfirm> <MenuItem @@ -894,11 +911,11 @@ function Status({ > <Icon icon="heart" /> <span> - {favouritesCount > 0 - ? shortenNumber(favouritesCount) - : favourited - ? 'Unlike' - : 'Like'} + <Plural + value={favouritesCount} + _0={favourited ? t`Unlike` : t`Like`} + other={shortenNumber(favouritesCount)} + /> </span> </MenuItem> {supports('@mastodon/post-bookmark') && ( @@ -907,7 +924,7 @@ function Status({ className={`menu-bookmark ${bookmarked ? 'checked' : ''}`} > <Icon icon="bookmark" /> - <span>{bookmarked ? 'Unbookmark' : 'Bookmark'}</span> + <span>{bookmarked ? t`Unbookmark` : t`Bookmark`}</span> </MenuItem> )} </div> @@ -921,7 +938,7 @@ function Status({ <MenuItem onClick={() => { states.showGenericAccounts = { - heading: 'Boosted/Liked by…', + heading: t`Boosted/Liked by…`, fetchAccounts: fetchBoostedLikedByAccounts, instance, showReactions: true, @@ -931,7 +948,7 @@ function Status({ > <Icon icon="react" /> <span> - Boosted/Liked by<span class="more-insignificant">…</span> + <Trans>Boosted/Liked by…</Trans> </span> </MenuItem> </> @@ -950,7 +967,9 @@ function Status({ }} > <Icon icon="translate" /> - <span>Translate</span> + <span> + <Trans>Translate</Trans> + </span> </MenuItem> {supportsTTS && ( <MenuItem @@ -962,7 +981,9 @@ function Status({ }} > <Icon icon="speak" /> - <span>Speak</span> + <span> + <Trans>Speak</Trans> + </span> </MenuItem> )} </div> @@ -973,7 +994,9 @@ function Status({ to={`${instance ? `/${instance}` : ''}/s/${id}?translate=1`} > <Icon icon="translate" /> - <span>Translate</span> + <span> + <Trans>Translate</Trans> + </span> </MenuLink> {supportsTTS && ( <MenuItem @@ -985,7 +1008,9 @@ function Status({ }} > <Icon icon="speak" /> - <span>Speak</span> + <span> + <Trans>Speak</Trans> + </span> </MenuItem> )} </div> @@ -1007,10 +1032,10 @@ function Status({ > <Icon icon="arrows-right" /> <small> - View post by @{username || acct} + <Trans>View post by @{username || acct}</Trans> <br /> <span class="more-insignificant"> - {visibilityText[visibility]} • {createdDateText} + {_(visibilityText[visibility])} • {createdDateText} </span> </small> </MenuLink> @@ -1025,9 +1050,11 @@ function Status({ > <Icon icon="history" /> <small> - Show Edit History + <Trans>Show Edit History</Trans> <br /> - <span class="more-insignificant">Edited: {editedDateText}</span> + <span class="more-insignificant"> + <Trans>Edited: {editedDateText}</Trans> + </span> </small> </MenuItem> </> @@ -1042,15 +1069,17 @@ function Status({ // Copy url to clipboard try { navigator.clipboard.writeText(url); - showToast('Link copied'); + showToast(t`Link copied`); } catch (e) { console.error(e); - showToast('Unable to copy link'); + showToast(t`Unable to copy link`); } }} > <Icon icon="link" /> - <span>Copy</span> + <span> + <Trans>Copy</Trans> + </span> </MenuItem> {isPublic && navigator?.share && @@ -1065,12 +1094,14 @@ function Status({ }); } catch (e) { console.error(e); - alert("Sharing doesn't seem to work."); + alert(t`Sharing doesn't seem to work.`); } }} > <Icon icon="share" /> - <span>Share…</span> + <span> + <Trans>Share…</Trans> + </span> </MenuItem> )} </div> @@ -1081,7 +1112,9 @@ function Status({ }} > <Icon icon="code" /> - <span>Embed post</span> + <span> + <Trans>Embed post</Trans> + </span> </MenuItem> )} {(isSelf || mentionSelf) && <MenuDivider />} @@ -1093,13 +1126,15 @@ function Status({ .$select(id) [muted ? 'unmute' : 'mute'](); saveStatus(newStatus, instance); - showToast(muted ? 'Conversation unmuted' : 'Conversation muted'); + showToast( + muted ? t`Conversation unmuted` : t`Conversation muted`, + ); } catch (e) { console.error(e); showToast( muted - ? 'Unable to unmute conversation' - : 'Unable to mute conversation', + ? t`Unable to unmute conversation` + : t`Unable to mute conversation`, ); } }} @@ -1107,12 +1142,16 @@ function Status({ {muted ? ( <> <Icon icon="unmute" /> - <span>Unmute conversation</span> + <span> + <Trans>Unmute conversation</Trans> + </span> </> ) : ( <> <Icon icon="mute" /> - <span>Mute conversation</span> + <span> + <Trans>Mute conversation</Trans> + </span> </> )} </MenuItem> @@ -1127,24 +1166,30 @@ function Status({ saveStatus(newStatus, instance); showToast( pinned - ? 'Post unpinned from profile' - : 'Post pinned to profile', + ? t`Post unpinned from profile` + : t`Post pinned to profile`, ); } catch (e) { console.error(e); - showToast(pinned ? 'Unable to unpin post' : 'Unable to pin post'); + showToast( + pinned ? t`Unable to unpin post` : t`Unable to pin post`, + ); } }} > {pinned ? ( <> <Icon icon="unpin" /> - <span>Unpin from profile</span> + <span> + <Trans>Unpin from profile</Trans> + </span> </> ) : ( <> <Icon icon="pin" /> - <span>Pin to profile</span> + <span> + <Trans>Pin to profile</Trans> + </span> </> )} </MenuItem> @@ -1160,7 +1205,9 @@ function Status({ }} > <Icon icon="pencil" /> - <span>Edit</span> + <span> + <Trans>Edit</Trans> + </span> </MenuItem> )} {isSizeLarge && ( @@ -1169,7 +1216,9 @@ function Status({ confirmLabel={ <> <Icon icon="trash" /> - <span>Delete this post?</span> + <span> + <Trans>Delete this post?</Trans> + </span> </> } menuItemClassName="danger" @@ -1181,17 +1230,19 @@ function Status({ await masto.v1.statuses.$select(id).remove(); const cachedStatus = getStatus(id, instance); cachedStatus._deleted = true; - showToast('Deleted'); + showToast(t`Post deleted`); } catch (e) { console.error(e); - showToast('Unable to delete'); + showToast(t`Unable to delete post`); } })(); // } }} > <Icon icon="trash" /> - <span>Delete…</span> + <span> + <Trans>Delete…</Trans> + </span> </MenuConfirm> )} </div> @@ -1209,7 +1260,9 @@ function Status({ }} > <Icon icon="flag" /> - <span>Report post…</span> + <span> + <Trans>Report post…</Trans> + </span> </MenuItem> </> )} @@ -1278,8 +1331,8 @@ function Status({ if (!isSizeLarge && done) { showToast( reblogged - ? `Unboosted @${username || acct}'s post` - : `Boosted @${username || acct}'s post`, + ? t`Unboosted @${username || acct}'s post` + : t`Boosted @${username || acct}'s post`, ); } } catch (e) {} @@ -1553,8 +1606,8 @@ function Status({ > <StatusButton size="s" - title="Reply" - alt="Reply" + title={t`Reply`} + alt={t`Reply`} class="reply-button" icon="comment" iconSize="m" @@ -1563,8 +1616,8 @@ function Status({ <StatusButton size="s" checked={favourited} - title={['Like', 'Unlike']} - alt={['Like', 'Liked']} + title={[t`Like`, t`Unlike`]} + alt={[t`Like`, t`Liked`]} class="favourite-button" icon="heart" iconSize="m" @@ -1573,7 +1626,7 @@ function Status({ /> <button type="button" - title="More" + title={t`More`} class="plain more-button" onClick={(e) => { e.preventDefault(); @@ -1590,16 +1643,29 @@ function Status({ setIsContextMenuOpen('actions-bar'); }} > - <Icon icon="more2" size="m" alt="More" /> + <Icon icon="more2" size="m" alt={t`More`} /> </button> </div> )} {size !== 'l' && ( <div class="status-badge"> - {reblogged && <Icon class="reblog" icon="rocket" size="s" />} - {favourited && <Icon class="favourite" icon="heart" size="s" />} - {bookmarked && <Icon class="bookmark" icon="bookmark" size="s" />} - {_pinned && <Icon class="pin" icon="pin" size="s" />} + {reblogged && ( + <Icon class="reblog" icon="rocket" size="s" alt={t`Boosted`} /> + )} + {favourited && ( + <Icon class="favourite" icon="heart" size="s" alt={t`Liked`} /> + )} + {bookmarked && ( + <Icon + class="bookmark" + icon="bookmark" + size="s" + alt={t`Bookmarked`} + /> + )} + {_pinned && ( + <Icon class="pin" icon="pin" size="s" alt={t`Pinned`} /> + )} </div> )} {size !== 's' && ( @@ -1642,7 +1708,9 @@ function Status({ {/* </span> */}{' '} {size !== 'l' && (_deleted ? ( - <span class="status-deleted-tag">Deleted</span> + <span class="status-deleted-tag"> + <Trans>Deleted</Trans> + </span> ) : url && !previewMode && !readOnly && !quoted ? ( <Link to={instance ? `/${instance}/s/${id}` : `/s/${id}`} @@ -1679,23 +1747,27 @@ function Status({ <Icon icon="comment2" size="s" - alt={`${repliesCount} ${ - repliesCount === 1 ? 'reply' : 'replies' - }`} + // alt={`${repliesCount} ${ + // repliesCount === 1 ? 'reply' : 'replies' + // }`} + alt={plural(repliesCount, { + one: '# reply', + other: '# replies', + })} /> ) : ( visibility !== 'public' && visibility !== 'direct' && ( <Icon icon={visibilityIconsMap[visibility]} - alt={visibilityText[visibility]} + alt={_(visibilityText[visibility])} size="s" /> ) )}{' '} <RelativeTime datetime={createdAtDate} format="micro" /> {!previewMode && !readOnly && ( - <Icon icon="more2" class="more" /> + <Icon icon="more2" class="more" alt={t`More`} /> )} </Link> ) : ( @@ -1746,7 +1818,7 @@ function Status({ <> <Icon icon={visibilityIconsMap[visibility]} - alt={visibilityText[visibility]} + alt={_(visibilityText[visibility])} size="s" />{' '} </> @@ -1757,7 +1829,9 @@ function Status({ </div> {visibility === 'direct' && ( <> - <div class="status-direct-badge">Private mention</div>{' '} + <div class="status-direct-badge"> + <Trans>Private mention</Trans> + </div>{' '} </> )} {!withinContext && ( @@ -1765,10 +1839,12 @@ function Status({ {isThread ? ( <div class="status-thread-badge"> <Icon icon="thread" size="s" /> - Thread - {snapStates.statusThreadNumber[sKey] - ? ` ${snapStates.statusThreadNumber[sKey]}/X` - : ''} + <Trans> + Thread + {snapStates.statusThreadNumber[sKey] + ? ` ${snapStates.statusThreadNumber[sKey]}/X` + : ''} + </Trans> </div> ) : ( !!inReplyToId && @@ -1812,7 +1888,7 @@ function Status({ lang={language} dir="auto" ref={spoilerContentRef} - data-read-more={readMoreText} + data-read-more={_(readMoreText)} > <EmojiText text={spoilerText} emojis={emojis} />{' '} </span> @@ -1839,7 +1915,7 @@ function Status({ }} > <Icon icon={showSpoiler ? 'eye-open' : 'eye-close'} />{' '} - {showSpoiler ? 'Show less' : 'Show content'} + {showSpoiler ? t`Show less` : t`Show content`} </button> </> )} @@ -1868,7 +1944,7 @@ function Status({ lang={language} dir="auto" ref={spoilerContentRef} - data-read-more={readMoreText} + data-read-more={_(readMoreText)} > <p> <EmojiText text={spoilerText} emojis={emojis} /> @@ -1876,7 +1952,7 @@ function Status({ </div> {readingExpandSpoilers || previewMode ? ( <div class="spoiler-divider"> - <Icon icon="eye-open" /> Content warning + <Icon icon="eye-open" /> <Trans>Content warning</Trans> </div> ) : ( <button @@ -1901,7 +1977,7 @@ function Status({ }} > <Icon icon={showSpoiler ? 'eye-open' : 'eye-close'} />{' '} - {showSpoiler ? 'Show less' : 'Show content'} + {showSpoiler ? t`Show less` : t`Show content`} </button> )} </> @@ -1910,7 +1986,7 @@ function Status({ <div class="content" ref={contentRef} - data-read-more={readMoreText} + data-read-more={_(readMoreText)} > <PostContent post={status} @@ -1986,7 +2062,7 @@ function Status({ <Icon icon={showSpoilerMedia ? 'eye-open' : 'eye-close'} />{' '} - {showSpoilerMedia ? 'Show less' : 'Show media'} + {showSpoilerMedia ? t`Show less` : t`Show media`} </button> )} {!!mediaAttachments.length && @@ -2077,21 +2153,23 @@ function Status({ </div> {!isSizeLarge && showCommentCount && ( <div class="content-comment-hint insignificant"> - <Icon icon="comment2" alt="Replies" /> {repliesCount} + <Icon icon="comment2" alt={t`Replies`} /> {repliesCount} </div> )} {isSizeLarge && ( <> <div class="extra-meta"> {_deleted ? ( - <span class="status-deleted-tag">Deleted</span> + <span class="status-deleted-tag"> + <Trans>Deleted</Trans> + </span> ) : ( <> {/* <Icon icon={visibilityIconsMap[visibility]} alt={visibilityText[visibility]} /> */} - <span>{visibilityText[visibility]}</span> •{' '} + <span>{_(visibilityText[visibility])}</span> •{' '} <a href={url} target="_blank" rel="noopener noreferrer"> <time class="created" @@ -2104,7 +2182,7 @@ function Status({ {editedAt && ( <> {' '} - • <Icon icon="pencil" alt="Edited" />{' '} + • <Icon icon="pencil" alt={t`Edited`} />{' '} <time tabIndex="0" class="edited" @@ -2180,8 +2258,8 @@ function Status({ <div class={`actions ${_deleted ? 'disabled' : ''}`}> <div class="action has-count"> <StatusButton - title="Reply" - alt="Comments" + title={t`Reply`} + alt={t`Comments`} class="reply-button" icon="comment" count={repliesCount} @@ -2206,7 +2284,7 @@ function Status({ confirmLabel={ <> <Icon icon="rocket" /> - <span>{reblogged ? 'Unboost' : 'Boost'}</span> + <span>{reblogged ? t`Unboost` : t`Boost`}</span> </> } menuExtras={ @@ -2220,7 +2298,9 @@ function Status({ }} > <Icon icon="quote" /> - <span>Quote</span> + <span> + <Trans>Quote</Trans> + </span> </MenuItem> } menuFooter={ @@ -2228,7 +2308,7 @@ function Status({ !reblogged && ( <div class="footer"> <Icon icon="alert" /> - Some media have no descriptions. + <Trans>Some media have no descriptions.</Trans> </div> ) } @@ -2236,8 +2316,8 @@ function Status({ <div class="action has-count"> <StatusButton checked={reblogged} - title={['Boost', 'Unboost']} - alt={['Boost', 'Boosted']} + title={[t`Boost`, t`Unboost`]} + alt={[t`Boost`, t`Boosted`]} class="reblog-button" icon="rocket" count={reblogsCount} @@ -2249,8 +2329,8 @@ function Status({ <div class="action has-count"> <StatusButton checked={favourited} - title={['Like', 'Unlike']} - alt={['Like', 'Liked']} + title={[t`Like`, t`Unlike`]} + alt={[t`Like`, t`Liked`]} class="favourite-button" icon="heart" count={favouritesCount} @@ -2261,8 +2341,8 @@ function Status({ <div class="action"> <StatusButton checked={bookmarked} - title={['Bookmark', 'Unbookmark']} - alt={['Bookmark', 'Bookmarked']} + title={[t`Bookmark`, t`Unbookmark`]} + alt={[t`Bookmark`, t`Bookmarked`]} class="bookmark-button" icon="bookmark" onClick={bookmarkStatus} @@ -2282,10 +2362,10 @@ function Status({ <div class="action"> <button type="button" - title="More" + title={t`More`} class="plain more-button" > - <Icon icon="more" size="l" alt="More" /> + <Icon icon="more" size="l" alt={t`More`} /> </button> </div> } @@ -2745,15 +2825,21 @@ function EditedAtModal({ <div id="edit-history" class="sheet"> {!!onClose && ( <button type="button" class="sheet-close" onClick={onClose}> - <Icon icon="x" /> + <Icon icon="x" alt={t`Close`} /> </button> )} <header> - <h2>Edit History</h2> - {uiState === 'error' && <p>Failed to load history</p>} + <h2> + <Trans>Edit History</Trans> + </h2> + {uiState === 'error' && ( + <p> + <Trans>Failed to load history</Trans> + </p> + )} {uiState === 'loading' && ( <p> - <Loader abrupt /> Loading… + <Loader abrupt /> <Trans>Loading…</Trans> </p> )} </header> @@ -2978,14 +3064,18 @@ function EmbedModal({ post, instance, onClose }) { <div id="embed-post" class="sheet"> {!!onClose && ( <button type="button" class="sheet-close" onClick={onClose}> - <Icon icon="x" /> + <Icon icon="x" alt={t`Close`} /> </button> )} <header> - <h2>Embed post</h2> + <h2> + <Trans>Embed post</Trans> + </h2> </header> <main tabIndex="-1"> - <h3>HTML Code</h3> + <h3> + <Trans>HTML Code</Trans> + </h3> <textarea class="embed-code" readonly @@ -3001,18 +3091,23 @@ function EmbedModal({ post, instance, onClose }) { onClick={() => { try { navigator.clipboard.writeText(htmlCode); - showToast('HTML code copied'); + showToast(t`HTML code copied`); } catch (e) { console.error(e); - showToast('Unable to copy HTML code'); + showToast(t`Unable to copy HTML code`); } }} > - <Icon icon="clipboard" /> <span>Copy</span> + <Icon icon="clipboard" />{' '} + <span> + <Trans>Copy</Trans> + </span> </button> {!!mediaAttachments?.length && ( <section> - <p>Media attachments:</p> + <p> + <Trans>Media attachments:</Trans> + </p> <ol class="links-list"> {mediaAttachments.map((media) => { return ( @@ -3032,7 +3127,9 @@ function EmbedModal({ post, instance, onClose }) { )} {!!accountEmojis?.length && ( <section> - <p>Account Emojis:</p> + <p> + <Trans>Account Emojis:</Trans> + </p> <ul> {accountEmojis.map((emoji) => { return ( @@ -3054,7 +3151,7 @@ function EmbedModal({ post, instance, onClose }) { </picture>{' '} <code>:{emoji.shortcode}:</code> ( <a href={emoji.url} target="_blank" download> - url + URL </a> ) {emoji.staticUrl ? ( @@ -3062,7 +3159,7 @@ function EmbedModal({ post, instance, onClose }) { {' '} ( <a href={emoji.staticUrl} target="_blank" download> - static + <Trans>static URL</Trans> </a> ) </> @@ -3075,7 +3172,9 @@ function EmbedModal({ post, instance, onClose }) { )} {!!emojis?.length && ( <section> - <p>Emojis:</p> + <p> + <Trans>Emojis:</Trans> + </p> <ul> {emojis.map((emoji) => { return ( @@ -3097,7 +3196,7 @@ function EmbedModal({ post, instance, onClose }) { </picture>{' '} <code>:{emoji.shortcode}:</code> ( <a href={emoji.url} target="_blank" download> - url + URL </a> ) {emoji.staticUrl ? ( @@ -3105,7 +3204,7 @@ function EmbedModal({ post, instance, onClose }) { {' '} ( <a href={emoji.staticUrl} target="_blank" download> - static + <Trans>static URL</Trans> </a> ) </> @@ -3118,31 +3217,45 @@ function EmbedModal({ post, instance, onClose }) { )} <section> <small> - <p>Notes:</p> + <p> + <Trans>Notes:</Trans> + </p> <ul> <li> - This is static, unstyled and scriptless. You may need to apply - your own styles and edit as needed. + <Trans> + This is static, unstyled and scriptless. You may need to apply + your own styles and edit as needed. + </Trans> </li> <li> - Polls are not interactive, becomes a list with vote counts. + <Trans> + Polls are not interactive, becomes a list with vote counts. + </Trans> </li> <li> - Media attachments can be images, videos, audios or any file - types. + <Trans> + Media attachments can be images, videos, audios or any file + types. + </Trans> + </li> + <li> + <Trans>Post could be edited or deleted later.</Trans> </li> - <li>Post could be edited or deleted later.</li> </ul> </small> </section> - <h3>Preview</h3> + <h3> + <Trans>Preview</Trans> + </h3> <output class="embed-preview" dangerouslySetInnerHTML={{ __html: htmlCode }} dir="auto" /> <p> - <small>Note: This preview is lightly styled.</small> + <small> + <Trans>Note: This preview is lightly styled.</Trans> + </small> </p> </main> </div> @@ -3278,7 +3391,9 @@ function StatusCompact({ sKey }) { > {filterInfo ? ( <b class="status-filtered-badge badge-meta" title={filterTitleStr}> - <span>Filtered</span> + <span> + <Trans>Filtered</Trans> + </span> <span>{filterTitleStr}</span> </b> ) : ( @@ -3297,6 +3412,7 @@ function FilteredStatus({ showFollowedTags, quoted, }) { + const { _ } = useLingui(); const snapStates = useSnapshot(states); const { id: statusID, @@ -3371,30 +3487,52 @@ function FilteredStatus({ setShowPeek(true); }} > - <span>Filtered</span> + <span> + <Trans>Filtered</Trans> + </span> <span>{filterTitleStr}</span> </b>{' '} <Avatar url={avatarStatic || avatar} squircle={bot} /> <span class="status-filtered-info"> <span class="status-filtered-info-1"> - <NameText account={status.account} instance={instance} />{' '} - <Icon - icon={visibilityIconsMap[visibility]} - alt={visibilityText[visibility]} - size="s" - />{' '} {isReblog ? ( - 'boosted' + <Trans> + <NameText account={status.account} instance={instance} />{' '} + <Icon + icon={visibilityIconsMap[visibility]} + alt={_(visibilityText[visibility])} + size="s" + />{' '} + boosted + </Trans> ) : isFollowedTags ? ( - <span> - {snapStates.statusFollowedTags[sKey].slice(0, 3).map((tag) => ( - <span key={tag} class="status-followed-tag-item"> - #{tag} - </span> - ))} - </span> + <> + <NameText account={status.account} instance={instance} />{' '} + <Icon + icon={visibilityIconsMap[visibility]} + alt={_(visibilityText[visibility])} + size="s" + />{' '} + <span> + {snapStates.statusFollowedTags[sKey] + .slice(0, 3) + .map((tag) => ( + <span key={tag} class="status-followed-tag-item"> + #{tag} + </span> + ))} + </span> + </> ) : ( - <RelativeTime datetime={createdAtDate} format="micro" /> + <> + <NameText account={status.account} instance={instance} />{' '} + <Icon + icon={visibilityIconsMap[visibility]} + alt={_(visibilityText[visibility])} + size="s" + />{' '} + <RelativeTime datetime={createdAtDate} format="micro" /> + </> )} </span> <span class="status-filtered-info-2"> @@ -3424,10 +3562,13 @@ function FilteredStatus({ class="sheet-close" onClick={() => setShowPeek(false)} > - <Icon icon="x" /> + <Icon icon="x" alt={t`Close`} /> </button> <header> - <b class="status-filtered-badge">Filtered</b> {filterTitleStr} + <b class="status-filtered-badge"> + <Trans>Filtered</Trans> + </b>{' '} + {filterTitleStr} </header> <main tabIndex="-1"> <Link @@ -3437,7 +3578,7 @@ function FilteredStatus({ onClick={() => { setShowPeek(false); }} - data-read-more="Read more →" + data-read-more={_(readMoreText)} > <Status status={status} instance={instance} size="s" readOnly /> </Link> @@ -3451,6 +3592,7 @@ function FilteredStatus({ const QuoteStatuses = memo(({ id, instance, level = 0 }) => { if (!id || !instance) return; + const { _ } = useLingui(); const snapStates = useSnapshot(states); const sKey = statusKey(id, instance); const quotes = snapStates.statusQuotes[sKey]; @@ -3468,7 +3610,7 @@ const QuoteStatuses = memo(({ id, instance, level = 0 }) => { key={q.instance + q.id} to={`${q.instance ? `/${q.instance}` : ''}/s/${q.id}`} class="status-card-link" - data-read-more="Read more →" + data-read-more={_(readMoreText)} > <Status statusID={q.id} diff --git a/src/components/timeline.jsx b/src/components/timeline.jsx index 7a330a54c..7f070ce67 100644 --- a/src/components/timeline.jsx +++ b/src/components/timeline.jsx @@ -1,3 +1,4 @@ +import { t, Trans } from '@lingui/macro'; import { memo } from 'preact/compat'; import { useCallback, @@ -427,7 +428,7 @@ function Timeline({ headerStart ) : ( <Link to="/" class="button plain home-button"> - <Icon icon="home" size="l" /> + <Icon icon="home" size="l" alt={t`Home`} /> </Link> )} </div> @@ -443,7 +444,7 @@ function Timeline({ type="button" onClick={handleLoadNewPosts} > - <Icon icon="arrow-up" /> New posts + <Icon icon="arrow-up" /> <Trans>New posts</Trans> </button> )} </header> @@ -509,11 +510,13 @@ function Timeline({ onClick={() => loadItems()} style={{ marginBlockEnd: '6em' }} > - Show more… + <Trans>Show more…</Trans> </button> </InView> ) : ( - <p class="ui-state insignificant">The end.</p> + <p class="ui-state insignificant"> + <Trans>The end.</Trans> + </p> ))} </> ) : uiState === 'loading' ? ( @@ -542,7 +545,7 @@ function Timeline({ <br /> <br /> <button type="button" onClick={() => loadItems(!items.length)}> - Try again + <Trans>Try again</Trans> </button> </p> )} @@ -874,7 +877,7 @@ function StatusCarousel({ title, class: className, children }) { }); }} > - <Icon icon="chevron-left" /> + <Icon icon="chevron-left" alt={t`Previous`} /> </button>{' '} <button ref={endButtonRef} @@ -891,7 +894,7 @@ function StatusCarousel({ title, class: className, children }) { }); }} > - <Icon icon="chevron-right" /> + <Icon icon="chevron-right" alt={t`Next`} /> </button> </span> </header> @@ -931,14 +934,14 @@ function TimelineStatusCompact({ status, instance, filterContext }) { > {!!snapStates.statusThreadNumber[sKey] ? ( <div class="status-thread-badge"> - <Icon icon="thread" size="s" /> + <Icon icon="thread" size="s" alt={t`Thread`} /> {snapStates.statusThreadNumber[sKey] ? ` ${snapStates.statusThreadNumber[sKey]}/X` : ''} </div> ) : ( <div class="status-thread-badge"> - <Icon icon="thread" size="s" /> + <Icon icon="thread" size="s" alt={t`Thread`} /> </div> )} <div @@ -952,7 +955,15 @@ function TimelineStatusCompact({ status, instance, filterContext }) { class="status-filtered-badge badge-meta horizontal" title={filterInfo?.titlesStr || ''} > - <span>Filtered</span>: <span>{filterInfo?.titlesStr || ''}</span> + {filterInfo?.titlesStr ? ( + <Trans> + <span>Filtered</span>: <span>{filterInfo.titlesStr}</span> + </Trans> + ) : ( + <span> + <Trans>Filtered</Trans> + </span> + )} </b> ) : ( <> @@ -961,7 +972,7 @@ function TimelineStatusCompact({ status, instance, filterContext }) { <> {' '} <span class="spoiler-badge"> - <Icon icon="eye-close" size="s" /> + <Icon icon="eye-close" size="s" alt={t`Content warning`} /> </span> </> )} diff --git a/src/components/translation-block.jsx b/src/components/translation-block.jsx index a4353ae23..cd0b122fd 100644 --- a/src/components/translation-block.jsx +++ b/src/components/translation-block.jsx @@ -1,5 +1,6 @@ import './translation-block.css'; +import { t, Trans } from '@lingui/macro'; import pRetry from 'p-retry'; import pThrottle from 'p-throttle'; import { useEffect, useRef, useState } from 'preact/hooks'; @@ -148,7 +149,7 @@ function TranslationBlock({ <div class="status-translation-block-mini"> <Icon icon="translate" - alt={`Auto-translated from ${sourceLangText}`} + alt={t`Auto-translated from ${sourceLangText}`} /> <output lang={targetLang} @@ -186,12 +187,12 @@ function TranslationBlock({ <Icon icon="translate" />{' '} <span> {uiState === 'loading' - ? 'Translating…' + ? t`Translating…` : sourceLanguage && sourceLangText && !detectedLang ? autoDetected - ? `Translate from ${sourceLangText} (auto-detected)` - : `Translate from ${sourceLangText}` - : `Translate`} + ? t`Translate from ${sourceLangText} (auto-detected)` + : t`Translate from ${sourceLangText}` + : t`Translate`} </span> </button> </summary> @@ -207,7 +208,15 @@ function TranslationBlock({ > {sourceLanguages.map((l) => ( <option value={l.code}> - {l.code === 'auto' ? `Auto (${detectedLang ?? '…'})` : l.name} + {l.code === 'auto' + ? t`Auto (${detectedLang ?? '…'})` + : `${localeCode2Text({ + code: l.code, + fallback: l.name, + })} (${localeCode2Text({ + code: l.code, + locale: l.code, + })})`} </option> ))} </select>{' '} @@ -215,7 +224,9 @@ function TranslationBlock({ <Loader abrupt hidden={uiState !== 'loading'} /> </div> {uiState === 'error' ? ( - <p class="ui-state">Failed to translate</p> + <p class="ui-state"> + <Trans>Failed to translate</Trans> + </p> ) : ( !!translatedContent && ( <> diff --git a/src/compose.jsx b/src/compose.jsx index 5b2fcba02..47545066f 100644 --- a/src/compose.jsx +++ b/src/compose.jsx @@ -2,13 +2,19 @@ import './index.css'; import './app.css'; import './polyfills'; +import { i18n } from '@lingui/core'; +import { t, Trans } from '@lingui/macro'; +import { I18nProvider } from '@lingui/react'; import { render } from 'preact'; import { useEffect, useState } from 'preact/hooks'; import ComposeSuspense from './components/compose-suspense'; +import { initActivateLang } from './utils/lang'; import { initStates } from './utils/states'; import useTitle from './utils/useTitle'; +initActivateLang(); + if (window.opener) { console = window.opener.console; } @@ -20,12 +26,12 @@ function App() { useTitle( editStatus - ? 'Editing source status' + ? t`Editing source status` : replyToStatus - ? `Replying to @${ + ? t`Replying to @${ replyToStatus.account?.acct || replyToStatus.account?.username }` - : 'Compose', + : t`Compose`, ); useEffect(() => { @@ -45,14 +51,16 @@ function App() { if (uiState === 'closed') { return ( <div class="box"> - <p>You may close this page now.</p> + <p> + <Trans>You may close this page now.</Trans> + </p> <p> <button onClick={() => { window.close(); }} > - Close window + <Trans>Close window</Trans> </button> </p> </div> @@ -82,4 +90,9 @@ function App() { ); } -render(<App />, document.getElementById('app-standalone')); +render( + <I18nProvider i18n={i18n}> + <App /> + </I18nProvider>, + document.getElementById('app-standalone'), +); diff --git a/src/locales/en.po b/src/locales/en.po new file mode 100644 index 000000000..9b015438a --- /dev/null +++ b/src/locales/en.po @@ -0,0 +1,3633 @@ +msgid "" +msgstr "" +"POT-Creation-Date: 2024-08-04 21:58+0800\n" +"MIME-Version: 1.0\n" +"Content-Type: text/plain; charset=utf-8\n" +"Content-Transfer-Encoding: 8bit\n" +"X-Generator: @lingui/cli\n" +"Language: en\n" +"Project-Id-Version: \n" +"Report-Msgid-Bugs-To: \n" +"PO-Revision-Date: \n" +"Last-Translator: \n" +"Language-Team: \n" +"Plural-Forms: \n" + +#: src/components/account-block.jsx:133 +msgid "Locked" +msgstr "" + +#: src/components/account-block.jsx:139 +msgid "Posts: {0}" +msgstr "" + +#: src/components/account-block.jsx:144 +msgid "Last posted: {0}" +msgstr "" + +#: src/components/account-block.jsx:159 +#: src/components/account-info.jsx:635 +msgid "Automated" +msgstr "" + +#: src/components/account-block.jsx:166 +#: src/components/account-info.jsx:640 +#: src/components/status.jsx:439 +#: src/pages/catchup.jsx:1438 +msgid "Group" +msgstr "" + +#: src/components/account-block.jsx:176 +msgid "Mutual" +msgstr "" + +#: src/components/account-block.jsx:180 +#: src/components/account-info.jsx:1658 +msgid "Requested" +msgstr "" + +#: src/components/account-block.jsx:184 +#: src/components/account-info.jsx:417 +#: src/components/account-info.jsx:743 +#: src/components/account-info.jsx:757 +#: src/components/account-info.jsx:1649 +#: src/components/nav-menu.jsx:193 +#: src/components/shortcuts-settings.jsx:137 +#: src/pages/following.jsx:20 +#: src/pages/following.jsx:131 +msgid "Following" +msgstr "" + +#: src/components/account-block.jsx:188 +#: src/components/account-info.jsx:1060 +msgid "Follows you" +msgstr "" + +#: src/components/account-block.jsx:196 +msgid "{followersCount, plural, one {# follower} other {# followers}}" +msgstr "" + +#: src/components/account-block.jsx:205 +#: src/components/account-info.jsx:681 +msgid "Verified" +msgstr "" + +#: src/components/account-block.jsx:220 +#: src/components/account-info.jsx:778 +msgid "Joined <0>{0}</0>" +msgstr "" + +#: src/components/account-info.jsx:57 +msgid "Forever" +msgstr "" + +#: src/components/account-info.jsx:378 +msgid "Unable to load account." +msgstr "" + +#: src/components/account-info.jsx:386 +msgid "Go to account page" +msgstr "" + +#: src/components/account-info.jsx:414 +#: src/components/account-info.jsx:703 +#: src/components/account-info.jsx:733 +msgid "Followers" +msgstr "" + +#: src/components/account-info.jsx:420 +#: src/components/account-info.jsx:774 +#: src/pages/account-statuses.jsx:484 +#: src/pages/search.jsx:237 +#: src/pages/search.jsx:384 +msgid "Posts" +msgstr "" + +#: src/components/account-info.jsx:428 +#: src/components/account-info.jsx:1116 +#: src/components/compose.jsx:2444 +#: src/components/media-alt-modal.jsx:45 +#: src/components/media-modal.jsx:283 +#: src/components/status.jsx:1629 +#: src/components/status.jsx:1646 +#: src/components/status.jsx:1770 +#: src/components/status.jsx:2365 +#: src/components/status.jsx:2368 +#: src/pages/account-statuses.jsx:528 +#: src/pages/accounts.jsx:106 +#: src/pages/hashtag.jsx:199 +#: src/pages/list.jsx:157 +#: src/pages/public.jsx:114 +#: src/pages/status.jsx:1169 +#: src/pages/trending.jsx:437 +msgid "More" +msgstr "" + +#: src/components/account-info.jsx:440 +msgid "<0>{displayName}</0> has indicated that their new account is now:" +msgstr "" + +#: src/components/account-info.jsx:585 +#: src/components/account-info.jsx:1272 +msgid "Handle copied" +msgstr "" + +#: src/components/account-info.jsx:588 +#: src/components/account-info.jsx:1275 +msgid "Unable to copy handle" +msgstr "" + +#: src/components/account-info.jsx:594 +#: src/components/account-info.jsx:1281 +msgid "Copy handle" +msgstr "" + +#: src/components/account-info.jsx:600 +msgid "Go to original profile page" +msgstr "" + +#: src/components/account-info.jsx:607 +msgid "View profile image" +msgstr "" + +#: src/components/account-info.jsx:613 +msgid "View profile header" +msgstr "" + +#: src/components/account-info.jsx:630 +msgid "In Memoriam" +msgstr "" + +#: src/components/account-info.jsx:710 +#: src/components/account-info.jsx:748 +msgid "This user has chosen to not make this information available." +msgstr "" + +#: src/components/account-info.jsx:803 +msgid "{0} original posts, {1} replies, {2} boosts" +msgstr "" + +#: src/components/account-info.jsx:819 +msgid "{0, plural, one {{1, plural, one {Last 1 post in the past 1 day} other {Last 1 post in the past {2} days}}} other {{3, plural, one {Last {4} posts in the past 1 day} other {Last {5} posts in the past {6} days}}}}" +msgstr "" + +#: src/components/account-info.jsx:832 +msgid "{0, plural, one {Last 1 post in the past year(s)} other {Last {1} posts in the past year(s)}}" +msgstr "" + +#: src/components/account-info.jsx:856 +#: src/pages/catchup.jsx:70 +msgid "Original" +msgstr "" + +#: src/components/account-info.jsx:860 +#: src/components/status.jsx:2156 +#: src/pages/catchup.jsx:71 +#: src/pages/catchup.jsx:1412 +#: src/pages/catchup.jsx:2023 +#: src/pages/status.jsx:892 +#: src/pages/status.jsx:1494 +msgid "Replies" +msgstr "" + +#: src/components/account-info.jsx:864 +#: src/pages/catchup.jsx:72 +#: src/pages/catchup.jsx:1414 +#: src/pages/catchup.jsx:2035 +#: src/pages/settings.jsx:1008 +msgid "Boosts" +msgstr "" + +#: src/components/account-info.jsx:870 +msgid "Post stats unavailable." +msgstr "" + +#: src/components/account-info.jsx:901 +msgid "View post stats" +msgstr "" + +#: src/components/account-info.jsx:1064 +msgid "Last post: <0>{0}</0>" +msgstr "" + +#: src/components/account-info.jsx:1078 +msgid "Muted" +msgstr "" + +#: src/components/account-info.jsx:1083 +msgid "Blocked" +msgstr "" + +#: src/components/account-info.jsx:1092 +msgid "Private note" +msgstr "" + +#: src/components/account-info.jsx:1149 +msgid "Mention @{username}" +msgstr "" + +#: src/components/account-info.jsx:1159 +msgid "Translate bio" +msgstr "" + +#: src/components/account-info.jsx:1170 +msgid "Edit private note" +msgstr "" + +#: src/components/account-info.jsx:1170 +msgid "Add private note" +msgstr "" + +#: src/components/account-info.jsx:1190 +msgid "Notifications enabled for @{username}'s posts." +msgstr "" + +#: src/components/account-info.jsx:1191 +msgid "Notifications disabled for @{username}'s posts." +msgstr "" + +#: src/components/account-info.jsx:1203 +msgid "Disable notifications" +msgstr "" + +#: src/components/account-info.jsx:1204 +msgid "Enable notifications" +msgstr "" + +#: src/components/account-info.jsx:1221 +msgid "Boosts from @{username} enabled." +msgstr "" + +#: src/components/account-info.jsx:1222 +msgid "Boosts from @{username} disabled." +msgstr "" + +#: src/components/account-info.jsx:1233 +msgid "Disable boosts" +msgstr "" + +#: src/components/account-info.jsx:1233 +msgid "Enable boosts" +msgstr "" + +#: src/components/account-info.jsx:1249 +#: src/components/account-info.jsx:1259 +#: src/components/account-info.jsx:1842 +msgid "Add/Remove from Lists" +msgstr "" + +#: src/components/account-info.jsx:1298 +#: src/components/status.jsx:1072 +msgid "Link copied" +msgstr "" + +#: src/components/account-info.jsx:1301 +#: src/components/status.jsx:1075 +msgid "Unable to copy link" +msgstr "" + +#: src/components/account-info.jsx:1307 +#: src/components/shortcuts-settings.jsx:1056 +#: src/components/status.jsx:1081 +#: src/components/status.jsx:3103 +msgid "Copy" +msgstr "" + +#: src/components/account-info.jsx:1322 +#: src/components/shortcuts-settings.jsx:1074 +#: src/components/status.jsx:1097 +msgid "Sharing doesn't seem to work." +msgstr "" + +#: src/components/account-info.jsx:1328 +#: src/components/status.jsx:1103 +msgid "Share…" +msgstr "" + +#: src/components/account-info.jsx:1348 +msgid "Unmuted @{username}" +msgstr "" + +#: src/components/account-info.jsx:1360 +msgid "Unmute @{username}" +msgstr "" + +#: src/components/account-info.jsx:1374 +msgid "Mute @{username}…" +msgstr "" + +#: src/components/account-info.jsx:1404 +msgid "Muted @{username} for {0}" +msgstr "" + +#: src/components/account-info.jsx:1416 +msgid "Unable to mute @{username}" +msgstr "" + +#: src/components/account-info.jsx:1437 +msgid "Remove @{username} from followers?" +msgstr "" + +#: src/components/account-info.jsx:1454 +msgid "@{username} removed from followers" +msgstr "" + +#: src/components/account-info.jsx:1466 +msgid "Remove follower…" +msgstr "" + +#: src/components/account-info.jsx:1477 +msgid "Block @{username}?" +msgstr "" + +#: src/components/account-info.jsx:1496 +msgid "Unblocked @{username}" +msgstr "" + +#: src/components/account-info.jsx:1504 +msgid "Blocked @{username}" +msgstr "" + +#: src/components/account-info.jsx:1512 +msgid "Unable to unblock @{username}" +msgstr "" + +#: src/components/account-info.jsx:1514 +msgid "Unable to block @{username}" +msgstr "" + +#: src/components/account-info.jsx:1524 +msgid "Unblock @{username}" +msgstr "" + +#: src/components/account-info.jsx:1531 +msgid "Block @{username}…" +msgstr "" + +#: src/components/account-info.jsx:1546 +msgid "Report @{username}…" +msgstr "" + +#: src/components/account-info.jsx:1564 +#: src/components/account-info.jsx:2072 +msgid "Edit profile" +msgstr "" + +#: src/components/account-info.jsx:1600 +msgid "Withdraw follow request?" +msgstr "" + +#: src/components/account-info.jsx:1601 +msgid "Unfollow @{0}?" +msgstr "" + +#: src/components/account-info.jsx:1652 +msgid "Unfollow…" +msgstr "" + +#: src/components/account-info.jsx:1661 +msgid "Withdraw…" +msgstr "" + +#: src/components/account-info.jsx:1668 +#: src/components/account-info.jsx:1672 +#: src/pages/hashtag.jsx:261 +msgid "Follow" +msgstr "" + +#: src/components/account-info.jsx:1783 +#: src/components/account-info.jsx:1837 +#: src/components/account-info.jsx:1970 +#: src/components/account-info.jsx:2067 +#: src/components/account-sheet.jsx:37 +#: src/components/compose.jsx:797 +#: src/components/compose.jsx:2400 +#: src/components/compose.jsx:2873 +#: src/components/compose.jsx:3081 +#: src/components/compose.jsx:3311 +#: src/components/drafts.jsx:58 +#: src/components/embed-modal.jsx:12 +#: src/components/generic-accounts.jsx:142 +#: src/components/keyboard-shortcuts-help.jsx:39 +#: src/components/list-add-edit.jsx:33 +#: src/components/media-alt-modal.jsx:33 +#: src/components/media-modal.jsx:247 +#: src/components/notification-service.jsx:156 +#: src/components/report-modal.jsx:75 +#: src/components/shortcuts-settings.jsx:227 +#: src/components/shortcuts-settings.jsx:580 +#: src/components/shortcuts-settings.jsx:780 +#: src/components/status.jsx:2828 +#: src/components/status.jsx:3067 +#: src/components/status.jsx:3565 +#: src/pages/accounts.jsx:33 +#: src/pages/catchup.jsx:1548 +#: src/pages/filters.jsx:224 +#: src/pages/list.jsx:274 +#: src/pages/notifications.jsx:823 +#: src/pages/notifications.jsx:1055 +#: src/pages/settings.jsx:69 +#: src/pages/status.jsx:1256 +msgid "Close" +msgstr "" + +#: src/components/account-info.jsx:1788 +msgid "Translated Bio" +msgstr "" + +#: src/components/account-info.jsx:1882 +msgid "Unable to remove from list." +msgstr "" + +#: src/components/account-info.jsx:1883 +msgid "Unable to add to list." +msgstr "" + +#: src/components/account-info.jsx:1902 +#: src/pages/lists.jsx:104 +msgid "Unable to load lists." +msgstr "" + +#: src/components/account-info.jsx:1906 +msgid "No lists." +msgstr "" + +#: src/components/account-info.jsx:1917 +#: src/components/list-add-edit.jsx:37 +#: src/pages/lists.jsx:58 +msgid "New list" +msgstr "" + +#: src/components/account-info.jsx:1975 +msgid "Private note about @{0}" +msgstr "" + +#: src/components/account-info.jsx:2002 +msgid "Unable to update private note." +msgstr "" + +#: src/components/account-info.jsx:2025 +#: src/components/account-info.jsx:2195 +msgid "Cancel" +msgstr "" + +#: src/components/account-info.jsx:2030 +msgid "Save & close" +msgstr "" + +#: src/components/account-info.jsx:2123 +msgid "Unable to update profile." +msgstr "" + +#: src/components/account-info.jsx:2143 +msgid "Bio" +msgstr "" + +#: src/components/account-info.jsx:2156 +msgid "Extra fields" +msgstr "" + +#: src/components/account-info.jsx:2162 +msgid "Label" +msgstr "" + +#: src/components/account-info.jsx:2165 +msgid "Content" +msgstr "" + +#: src/components/account-info.jsx:2198 +#: src/components/list-add-edit.jsx:147 +#: src/components/shortcuts-settings.jsx:712 +#: src/pages/filters.jsx:554 +#: src/pages/notifications.jsx:910 +msgid "Save" +msgstr "" + +#: src/components/account-info.jsx:2251 +msgid "username" +msgstr "" + +#: src/components/account-info.jsx:2255 +msgid "server domain name" +msgstr "" + +#: src/components/background-service.jsx:138 +msgid "Cloak mode disabled" +msgstr "" + +#: src/components/background-service.jsx:138 +msgid "Cloak mode enabled" +msgstr "" + +#: src/components/columns.jsx:19 +#: src/components/nav-menu.jsx:184 +#: src/components/shortcuts-settings.jsx:137 +#: src/components/timeline.jsx:431 +#: src/pages/catchup.jsx:860 +#: src/pages/filters.jsx:89 +#: src/pages/followed-hashtags.jsx:40 +#: src/pages/home.jsx:50 +#: src/pages/notifications.jsx:488 +msgid "Home" +msgstr "" + +#: src/components/compose-button.jsx:49 +#: src/compose.jsx:34 +msgid "Compose" +msgstr "" + +#: src/components/compose.jsx:392 +msgid "You have unsaved changes. Discard this post?" +msgstr "" + +#: src/components/compose.jsx:614 +#: src/components/compose.jsx:630 +#: src/components/compose.jsx:1328 +#: src/components/compose.jsx:1582 +msgid "{maxMediaAttachments, plural, one {You can only attach up to 1 file.} other {You can only attach up to # files.}}" +msgstr "" + +#: src/components/compose.jsx:778 +msgid "Pop out" +msgstr "" + +#: src/components/compose.jsx:785 +msgid "Minimize" +msgstr "" + +#: src/components/compose.jsx:821 +msgid "Looks like you closed the parent window." +msgstr "" + +#: src/components/compose.jsx:828 +msgid "Looks like you already have a compose field open in the parent window and currently publishing. Please wait for it to be done and try again later." +msgstr "" + +#: src/components/compose.jsx:833 +msgid "Looks like you already have a compose field open in the parent window. Popping in this window will discard the changes you made in the parent window. Continue?" +msgstr "" + +#: src/components/compose.jsx:875 +msgid "Pop in" +msgstr "" + +#: src/components/compose.jsx:885 +msgid "Replying to @{0}’s post (<0>{1}</0>)" +msgstr "" + +#: src/components/compose.jsx:895 +msgid "Replying to @{0}’s post" +msgstr "" + +#: src/components/compose.jsx:908 +msgid "Editing source post" +msgstr "" + +#: src/components/compose.jsx:955 +msgid "Poll must have at least 2 options" +msgstr "" + +#: src/components/compose.jsx:959 +msgid "Some poll choices are empty" +msgstr "" + +#: src/components/compose.jsx:972 +msgid "Some media have no descriptions. Continue?" +msgstr "" + +#: src/components/compose.jsx:1024 +msgid "Attachment #{i} failed" +msgstr "" + +#: src/components/compose.jsx:1118 +#: src/components/status.jsx:1955 +#: src/components/timeline.jsx:975 +msgid "Content warning" +msgstr "" + +#: src/components/compose.jsx:1134 +msgid "Content warning or sensitive media" +msgstr "" + +#: src/components/compose.jsx:1170 +#: src/components/status.jsx:93 +#: src/pages/settings.jsx:285 +msgid "Public" +msgstr "" + +#: src/components/compose.jsx:1173 +#: src/components/status.jsx:94 +#: src/pages/settings.jsx:288 +msgid "Unlisted" +msgstr "" + +#: src/components/compose.jsx:1176 +#: src/components/status.jsx:95 +#: src/pages/settings.jsx:291 +msgid "Followers only" +msgstr "" + +#: src/components/compose.jsx:1179 +#: src/components/status.jsx:96 +#: src/components/status.jsx:1833 +msgid "Private mention" +msgstr "" + +#: src/components/compose.jsx:1188 +msgid "Post your reply" +msgstr "" + +#: src/components/compose.jsx:1190 +msgid "Edit your post" +msgstr "" + +#: src/components/compose.jsx:1191 +msgid "What are you doing?" +msgstr "" + +#: src/components/compose.jsx:1266 +msgid "Mark media as sensitive" +msgstr "" + +#: src/components/compose.jsx:1364 +msgid "Add poll" +msgstr "" + +#: src/components/compose.jsx:1386 +msgid "Add custom emoji" +msgstr "" + +#: src/components/compose.jsx:1469 +#: src/components/keyboard-shortcuts-help.jsx:143 +#: src/components/status.jsx:1609 +#: src/components/status.jsx:1610 +#: src/components/status.jsx:2261 +msgid "Reply" +msgstr "" + +#: src/components/compose.jsx:1469 +msgid "Update" +msgstr "" + +#: src/components/compose.jsx:1469 +#: src/pages/status.jsx:565 +msgid "Post" +msgstr "" + +#: src/components/compose.jsx:1594 +msgid "Downloading GIF…" +msgstr "" + +#: src/components/compose.jsx:1622 +msgid "Failed to download GIF" +msgstr "" + +#: src/components/compose.jsx:1733 +#: src/components/compose.jsx:1810 +#: src/components/nav-menu.jsx:287 +msgid "More…" +msgstr "" + +#: src/components/compose.jsx:2213 +msgid "Uploaded" +msgstr "" + +#: src/components/compose.jsx:2226 +msgid "Image description" +msgstr "" + +#: src/components/compose.jsx:2227 +msgid "Video description" +msgstr "" + +#: src/components/compose.jsx:2228 +msgid "Audio description" +msgstr "" + +#: src/components/compose.jsx:2264 +#: src/components/compose.jsx:2284 +msgid "File size too large. Uploading might encounter issues. Try reduce the file size from {0} to {1} or lower." +msgstr "" + +#: src/components/compose.jsx:2276 +#: src/components/compose.jsx:2296 +msgid "Dimension too large. Uploading might encounter issues. Try reduce dimension from {0}×{1}px to {2}×{3}px." +msgstr "" + +#: src/components/compose.jsx:2304 +msgid "Frame rate too high. Uploading might encounter issues." +msgstr "" + +#: src/components/compose.jsx:2364 +#: src/components/compose.jsx:2614 +#: src/components/shortcuts-settings.jsx:723 +#: src/pages/catchup.jsx:1058 +#: src/pages/filters.jsx:412 +msgid "Remove" +msgstr "" + +#: src/components/compose.jsx:2381 +msgid "Error" +msgstr "" + +#: src/components/compose.jsx:2406 +msgid "Edit image description" +msgstr "" + +#: src/components/compose.jsx:2407 +msgid "Edit video description" +msgstr "" + +#: src/components/compose.jsx:2408 +msgid "Edit audio description" +msgstr "" + +#: src/components/compose.jsx:2453 +#: src/components/compose.jsx:2502 +msgid "Generating description. Please wait..." +msgstr "" + +#: src/components/compose.jsx:2473 +msgid "Failed to generate description: {0}" +msgstr "" + +#: src/components/compose.jsx:2474 +msgid "Failed to generate description" +msgstr "" + +#: src/components/compose.jsx:2486 +#: src/components/compose.jsx:2492 +#: src/components/compose.jsx:2538 +msgid "Generate description…" +msgstr "" + +#: src/components/compose.jsx:2525 +msgid "Failed to generate description{0}" +msgstr "" + +#: src/components/compose.jsx:2540 +msgid "({0}) <0>— experimental</0>" +msgstr "" + +#: src/components/compose.jsx:2559 +msgid "Done" +msgstr "" + +#: src/components/compose.jsx:2595 +msgid "Choice {0}" +msgstr "" + +#: src/components/compose.jsx:2642 +msgid "Multiple choices" +msgstr "" + +#: src/components/compose.jsx:2645 +msgid "Duration" +msgstr "" + +#: src/components/compose.jsx:2676 +msgid "Remove poll" +msgstr "" + +#: src/components/compose.jsx:2890 +msgid "Search accounts" +msgstr "" + +#: src/components/compose.jsx:2931 +#: src/components/shortcuts-settings.jsx:712 +#: src/pages/list.jsx:356 +msgid "Add" +msgstr "" + +#: src/components/compose.jsx:2944 +#: src/components/generic-accounts.jsx:227 +msgid "Error loading accounts" +msgstr "" + +#: src/components/compose.jsx:3087 +msgid "Custom emojis" +msgstr "" + +#: src/components/compose.jsx:3107 +msgid "Search emoji" +msgstr "" + +#: src/components/compose.jsx:3138 +msgid "Error loading custom emojis" +msgstr "" + +#: src/components/compose.jsx:3149 +msgid "Recently used" +msgstr "" + +#: src/components/compose.jsx:3150 +msgid "Others" +msgstr "" + +#: src/components/compose.jsx:3188 +msgid "{0} more…" +msgstr "" + +#: src/components/compose.jsx:3326 +msgid "Search GIFs" +msgstr "" + +#: src/components/compose.jsx:3341 +msgid "Powered by GIPHY" +msgstr "" + +#: src/components/compose.jsx:3349 +msgid "Type to search GIFs" +msgstr "" + +#: src/components/compose.jsx:3447 +#: src/components/media-modal.jsx:387 +#: src/components/timeline.jsx:880 +msgid "Previous" +msgstr "" + +#: src/components/compose.jsx:3465 +#: src/components/media-modal.jsx:406 +#: src/components/timeline.jsx:897 +msgid "Next" +msgstr "" + +#: src/components/compose.jsx:3482 +msgid "Error loading GIFs" +msgstr "" + +#: src/components/drafts.jsx:63 +#: src/pages/settings.jsx:664 +msgid "Unsent drafts" +msgstr "" + +#: src/components/drafts.jsx:68 +msgid "Looks like you have unsent drafts. Let's continue where you left off." +msgstr "" + +#: src/components/drafts.jsx:100 +msgid "Delete this draft?" +msgstr "" + +#: src/components/drafts.jsx:115 +msgid "Error deleting draft! Please try again." +msgstr "" + +#: src/components/drafts.jsx:125 +#: src/components/list-add-edit.jsx:183 +#: src/components/status.jsx:1244 +#: src/pages/filters.jsx:587 +msgid "Delete…" +msgstr "" + +#: src/components/drafts.jsx:144 +msgid "Error fetching reply-to status!" +msgstr "" + +#: src/components/drafts.jsx:169 +msgid "Delete all drafts?" +msgstr "" + +#: src/components/drafts.jsx:187 +msgid "Error deleting drafts! Please try again." +msgstr "" + +#: src/components/drafts.jsx:199 +msgid "Delete all…" +msgstr "" + +#: src/components/drafts.jsx:207 +msgid "No drafts found." +msgstr "" + +#: src/components/drafts.jsx:243 +#: src/pages/catchup.jsx:1895 +msgid "Poll" +msgstr "" + +#: src/components/drafts.jsx:246 +#: src/pages/account-statuses.jsx:365 +msgid "Media" +msgstr "" + +#: src/components/embed-modal.jsx:22 +msgid "Open in new window" +msgstr "" + +#: src/components/follow-request-buttons.jsx:42 +msgid "Accept" +msgstr "" + +#: src/components/follow-request-buttons.jsx:68 +msgid "Reject" +msgstr "" + +#: src/components/follow-request-buttons.jsx:75 +#: src/pages/notifications.jsx:1171 +msgid "Accepted" +msgstr "" + +#: src/components/follow-request-buttons.jsx:79 +msgid "Rejected" +msgstr "" + +#: src/components/generic-accounts.jsx:24 +msgid "Nothing to show" +msgstr "" + +#: src/components/generic-accounts.jsx:145 +#: src/components/notification.jsx:423 +#: src/pages/accounts.jsx:38 +#: src/pages/search.jsx:227 +#: src/pages/search.jsx:260 +msgid "Accounts" +msgstr "" + +#: src/components/generic-accounts.jsx:205 +#: src/components/timeline.jsx:513 +#: src/pages/list.jsx:293 +#: src/pages/notifications.jsx:803 +#: src/pages/search.jsx:454 +#: src/pages/status.jsx:1289 +msgid "Show more…" +msgstr "" + +#: src/components/generic-accounts.jsx:210 +#: src/components/timeline.jsx:518 +#: src/pages/search.jsx:459 +msgid "The end." +msgstr "" + +#: src/components/keyboard-shortcuts-help.jsx:43 +#: src/components/nav-menu.jsx:398 +#: src/pages/catchup.jsx:1586 +msgid "Keyboard shortcuts" +msgstr "" + +#: src/components/keyboard-shortcuts-help.jsx:51 +msgid "Keyboard shortcuts help" +msgstr "" + +#: src/components/keyboard-shortcuts-help.jsx:55 +#: src/pages/catchup.jsx:1611 +msgid "Next post" +msgstr "" + +#: src/components/keyboard-shortcuts-help.jsx:59 +#: src/pages/catchup.jsx:1619 +msgid "Previous post" +msgstr "" + +#: src/components/keyboard-shortcuts-help.jsx:63 +msgid "Skip carousel to next post" +msgstr "" + +#: src/components/keyboard-shortcuts-help.jsx:71 +msgid "Skip carousel to previous post" +msgstr "" + +#: src/components/keyboard-shortcuts-help.jsx:79 +msgid "Load new posts" +msgstr "" + +#: src/components/keyboard-shortcuts-help.jsx:83 +#: src/pages/catchup.jsx:1643 +msgid "Open post details" +msgstr "" + +#: src/components/keyboard-shortcuts-help.jsx:92 +msgid "Expand content warning or<0/>toggle expanded/collapsed thread" +msgstr "" + +#: src/components/keyboard-shortcuts-help.jsx:101 +msgid "Close post or dialogs" +msgstr "" + +#: src/components/keyboard-shortcuts-help.jsx:109 +msgid "Focus column in multi-column mode" +msgstr "" + +#: src/components/keyboard-shortcuts-help.jsx:117 +msgid "Compose new post" +msgstr "" + +#: src/components/keyboard-shortcuts-help.jsx:121 +msgid "Compose new post (new window)" +msgstr "" + +#: src/components/keyboard-shortcuts-help.jsx:130 +msgid "Send post" +msgstr "" + +#: src/components/keyboard-shortcuts-help.jsx:139 +#: src/components/nav-menu.jsx:367 +#: src/components/search-form.jsx:72 +#: src/components/shortcuts-settings.jsx:52 +#: src/components/shortcuts-settings.jsx:176 +#: src/pages/search.jsx:39 +#: src/pages/search.jsx:209 +msgid "Search" +msgstr "" + +#: src/components/keyboard-shortcuts-help.jsx:147 +msgid "Reply (new window)" +msgstr "" + +#: src/components/keyboard-shortcuts-help.jsx:156 +msgid "Like (favourite)" +msgstr "" + +#: src/components/keyboard-shortcuts-help.jsx:164 +#: src/components/status.jsx:842 +#: src/components/status.jsx:2287 +#: src/components/status.jsx:2319 +#: src/components/status.jsx:2320 +msgid "Boost" +msgstr "" + +#: src/components/keyboard-shortcuts-help.jsx:172 +#: src/components/status.jsx:927 +#: src/components/status.jsx:2344 +#: src/components/status.jsx:2345 +msgid "Bookmark" +msgstr "" + +#: src/components/keyboard-shortcuts-help.jsx:176 +msgid "Toggle Cloak mode" +msgstr "" + +#: src/components/list-add-edit.jsx:37 +msgid "Edit list" +msgstr "" + +#: src/components/list-add-edit.jsx:93 +msgid "Unable to edit list." +msgstr "" + +#: src/components/list-add-edit.jsx:94 +msgid "Unable to create list." +msgstr "" + +#: src/components/list-add-edit.jsx:102 +msgid "Name" +msgstr "" + +#: src/components/list-add-edit.jsx:122 +msgid "Show replies to list members" +msgstr "" + +#: src/components/list-add-edit.jsx:125 +msgid "Show replies to people I follow" +msgstr "" + +#: src/components/list-add-edit.jsx:128 +msgid "Don't show replies" +msgstr "" + +#: src/components/list-add-edit.jsx:141 +msgid "Hide posts on this list from Home/Following" +msgstr "" + +#: src/components/list-add-edit.jsx:147 +#: src/pages/filters.jsx:554 +msgid "Create" +msgstr "" + +#: src/components/list-add-edit.jsx:154 +msgid "Delete this list?" +msgstr "" + +#: src/components/list-add-edit.jsx:173 +msgid "Unable to delete list." +msgstr "" + +#: src/components/media-alt-modal.jsx:38 +#: src/components/media.jsx:50 +msgid "Media description" +msgstr "" + +#: src/components/media-alt-modal.jsx:57 +#: src/components/status.jsx:971 +#: src/components/status.jsx:998 +#: src/components/translation-block.jsx:195 +msgid "Translate" +msgstr "" + +#: src/components/media-alt-modal.jsx:68 +#: src/components/status.jsx:985 +#: src/components/status.jsx:1012 +msgid "Speak" +msgstr "" + +#: src/components/media-modal.jsx:294 +msgid "Open original media in new window" +msgstr "" + +#: src/components/media-modal.jsx:298 +msgid "Open original media" +msgstr "" + +#: src/components/media-modal.jsx:314 +msgid "Attempting to describe image. Please wait..." +msgstr "" + +#: src/components/media-modal.jsx:329 +msgid "Failed to describe image" +msgstr "" + +#: src/components/media-modal.jsx:339 +msgid "Describe image…" +msgstr "" + +#: src/components/media-modal.jsx:362 +msgid "View post" +msgstr "" + +#: src/components/media-post.jsx:127 +msgid "Sensitive media" +msgstr "" + +#: src/components/media-post.jsx:132 +msgid "Filtered: {filterTitleStr}" +msgstr "" + +#: src/components/media-post.jsx:133 +#: src/components/status.jsx:3395 +#: src/components/status.jsx:3491 +#: src/components/status.jsx:3569 +#: src/components/timeline.jsx:964 +#: src/pages/catchup.jsx:75 +#: src/pages/catchup.jsx:1843 +msgid "Filtered" +msgstr "" + +#: src/components/modals.jsx:72 +msgid "Post published. Check it out." +msgstr "" + +#: src/components/modals.jsx:73 +msgid "Reply posted. Check it out." +msgstr "" + +#: src/components/modals.jsx:74 +msgid "Post updated. Check it out." +msgstr "" + +#: src/components/nav-menu.jsx:126 +msgid "Menu" +msgstr "" + +#: src/components/nav-menu.jsx:162 +msgid "Reload page now to update?" +msgstr "" + +#: src/components/nav-menu.jsx:174 +msgid "New update available…" +msgstr "" + +#: src/components/nav-menu.jsx:200 +#: src/pages/catchup.jsx:855 +msgid "Catch-up" +msgstr "" + +#: src/components/nav-menu.jsx:207 +#: src/components/shortcuts-settings.jsx:58 +#: src/components/shortcuts-settings.jsx:143 +#: src/pages/home.jsx:221 +#: src/pages/mentions.jsx:20 +#: src/pages/mentions.jsx:167 +#: src/pages/settings.jsx:1000 +#: src/pages/trending.jsx:347 +msgid "Mentions" +msgstr "" + +#: src/components/nav-menu.jsx:214 +#: src/components/shortcuts-settings.jsx:49 +#: src/components/shortcuts-settings.jsx:149 +#: src/pages/filters.jsx:24 +#: src/pages/home.jsx:81 +#: src/pages/home.jsx:181 +#: src/pages/notifications.jsx:89 +#: src/pages/notifications.jsx:492 +msgid "Notifications" +msgstr "" + +#: src/components/nav-menu.jsx:217 +msgid "New" +msgstr "" + +#: src/components/nav-menu.jsx:228 +msgid "Profile" +msgstr "" + +#: src/components/nav-menu.jsx:241 +#: src/components/nav-menu.jsx:268 +#: src/components/shortcuts-settings.jsx:50 +#: src/components/shortcuts-settings.jsx:155 +#: src/pages/list.jsx:126 +#: src/pages/lists.jsx:16 +#: src/pages/lists.jsx:50 +msgid "Lists" +msgstr "" + +#: src/components/nav-menu.jsx:249 +#: src/components/shortcuts.jsx:209 +#: src/pages/list.jsx:133 +msgid "All Lists" +msgstr "" + +#: src/components/nav-menu.jsx:276 +#: src/components/shortcuts-settings.jsx:54 +#: src/components/shortcuts-settings.jsx:192 +#: src/pages/bookmarks.jsx:11 +#: src/pages/bookmarks.jsx:23 +msgid "Bookmarks" +msgstr "" + +#: src/components/nav-menu.jsx:296 +#: src/components/shortcuts-settings.jsx:55 +#: src/components/shortcuts-settings.jsx:198 +#: src/pages/catchup.jsx:1413 +#: src/pages/catchup.jsx:2029 +#: src/pages/favourites.jsx:11 +#: src/pages/favourites.jsx:23 +#: src/pages/settings.jsx:1004 +msgid "Likes" +msgstr "" + +#: src/components/nav-menu.jsx:302 +#: src/pages/followed-hashtags.jsx:14 +#: src/pages/followed-hashtags.jsx:44 +msgid "Followed Hashtags" +msgstr "" + +#: src/components/nav-menu.jsx:309 +#: src/pages/account-statuses.jsx:331 +#: src/pages/filters.jsx:54 +#: src/pages/filters.jsx:93 +#: src/pages/hashtag.jsx:339 +msgid "Filters" +msgstr "" + +#: src/components/nav-menu.jsx:316 +msgid "Muted users" +msgstr "" + +#: src/components/nav-menu.jsx:322 +msgid "Muted users…" +msgstr "" + +#: src/components/nav-menu.jsx:328 +msgid "Blocked users" +msgstr "" + +#: src/components/nav-menu.jsx:335 +msgid "Blocked users…" +msgstr "" + +#: src/components/nav-menu.jsx:346 +msgid "Accounts…" +msgstr "" + +#: src/components/nav-menu.jsx:356 +#: src/pages/login.jsx:142 +#: src/pages/status.jsx:792 +#: src/pages/welcome.jsx:64 +msgid "Log in" +msgstr "" + +#: src/components/nav-menu.jsx:373 +#: src/components/shortcuts-settings.jsx:57 +#: src/components/shortcuts-settings.jsx:169 +#: src/pages/trending.jsx:407 +msgid "Trending" +msgstr "" + +#: src/components/nav-menu.jsx:379 +#: src/components/shortcuts-settings.jsx:162 +msgid "Local" +msgstr "" + +#: src/components/nav-menu.jsx:385 +#: src/components/shortcuts-settings.jsx:162 +msgid "Federated" +msgstr "" + +#: src/components/nav-menu.jsx:408 +msgid "Shortcuts / Columns…" +msgstr "" + +#: src/components/nav-menu.jsx:418 +#: src/components/nav-menu.jsx:432 +msgid "Settings…" +msgstr "" + +#: src/components/notification-service.jsx:160 +msgid "Notification" +msgstr "" + +#: src/components/notification-service.jsx:166 +msgid "This notification is from your other account." +msgstr "" + +#: src/components/notification-service.jsx:195 +msgid "View all notifications" +msgstr "" + +#: src/components/notification.jsx:68 +msgid "{account} reacted to your post with {emojiObject}" +msgstr "" + +#: src/components/notification.jsx:75 +msgid "{account} published a post." +msgstr "" + +#: src/components/notification.jsx:83 +msgid "{count, plural, one {{postsCount, plural, one {{postType, select, reply {{account} boosted your reply.} other {{account} boosted your post.}}} other {{account} boosted {postsCount} of your posts.}}} other {{postType, select, reply {<0><1>{0}</1> people</0> boosted your reply.} other {<2><3>{1}</3> people</2> boosted your post.}}}}" +msgstr "" + +#: src/components/notification.jsx:126 +msgid "{count, plural, one {{account} followed you.} other {<0><1>{0}</1> people</0> followed you.}}" +msgstr "" + +#: src/components/notification.jsx:140 +msgid "{account} requested to follow you." +msgstr "" + +#: src/components/notification.jsx:149 +msgid "{count, plural, one {{postsCount, plural, one {{postType, select, reply {{account} liked your reply.} other {{account} liked your post.}}} other {{account} liked {postsCount} of your posts.}}} other {{postType, select, reply {<0><1>{0}</1> people</0> liked your reply.} other {<2><3>{1}</3> people</2> liked your post.}}}}" +msgstr "" + +#: src/components/notification.jsx:191 +msgid "A poll you have voted in or created has ended." +msgstr "" + +#: src/components/notification.jsx:192 +msgid "A poll you have created has ended." +msgstr "" + +#: src/components/notification.jsx:193 +msgid "A poll you have voted in has ended." +msgstr "" + +#: src/components/notification.jsx:194 +msgid "A post you interacted with has been edited." +msgstr "" + +#: src/components/notification.jsx:202 +msgid "{count, plural, one {{postsCount, plural, one {{postType, select, reply {{account} boosted & liked your reply.} other {{account} boosted & liked your post.}}} other {{account} boosted & liked {postsCount} of your posts.}}} other {{postType, select, reply {<0><1>{0}</1> people</0> boosted & liked your reply.} other {<2><3>{1}</3> people</2> boosted & liked your post.}}}}" +msgstr "" + +#: src/components/notification.jsx:244 +msgid "{account} signed up." +msgstr "" + +#: src/components/notification.jsx:246 +msgid "{account} reported {targetAccount}" +msgstr "" + +#: src/components/notification.jsx:251 +msgid "Lost connections with <0>{name}</0>." +msgstr "" + +#: src/components/notification.jsx:257 +msgid "Moderation warning" +msgstr "" + +#: src/components/notification.jsx:267 +msgid "An admin from <0>{from}</0> has suspended <1>{targetName}</1>, which means you can no longer receive updates from them or interact with them." +msgstr "" + +#: src/components/notification.jsx:273 +msgid "An admin from <0>{from}</0> has blocked <1>{targetName}</1>. Affected followers: {followersCount}, followings: {followingCount}." +msgstr "" + +#: src/components/notification.jsx:279 +msgid "You have blocked <0>{targetName}</0>. Removed followers: {followersCount}, followings: {followingCount}." +msgstr "" + +#: src/components/notification.jsx:287 +msgid "Your account has received a moderation warning." +msgstr "" + +#: src/components/notification.jsx:288 +msgid "Your account has been disabled." +msgstr "" + +#: src/components/notification.jsx:289 +msgid "Some of your posts have been marked as sensitive." +msgstr "" + +#: src/components/notification.jsx:290 +msgid "Some of your posts have been deleted." +msgstr "" + +#: src/components/notification.jsx:291 +msgid "Your posts will be marked as sensitive from now on." +msgstr "" + +#: src/components/notification.jsx:292 +msgid "Your account has been limited." +msgstr "" + +#: src/components/notification.jsx:293 +msgid "Your account has been suspended." +msgstr "" + +#: src/components/notification.jsx:364 +msgid "[Unknown notification type: {type}]" +msgstr "" + +#: src/components/notification.jsx:419 +#: src/components/status.jsx:941 +#: src/components/status.jsx:951 +msgid "Boosted/Liked by…" +msgstr "" + +#: src/components/notification.jsx:420 +msgid "Liked by…" +msgstr "" + +#: src/components/notification.jsx:421 +msgid "Boosted by…" +msgstr "" + +#: src/components/notification.jsx:422 +msgid "Followed by…" +msgstr "" + +#: src/components/notification.jsx:478 +#: src/components/notification.jsx:494 +msgid "Learn more <0/>" +msgstr "" + +#: src/components/notification.jsx:674 +#: src/components/status.jsx:189 +msgid "Read more →" +msgstr "" + +#: src/components/poll.jsx:110 +msgid "Voted" +msgstr "" + +#: src/components/poll.jsx:135 +#: src/components/poll.jsx:218 +#: src/components/poll.jsx:222 +msgid "Hide results" +msgstr "" + +#: src/components/poll.jsx:184 +msgid "Vote" +msgstr "" + +#: src/components/poll.jsx:204 +#: src/components/poll.jsx:206 +#: src/pages/status.jsx:1158 +#: src/pages/status.jsx:1181 +msgid "Refresh" +msgstr "" + +#: src/components/poll.jsx:218 +#: src/components/poll.jsx:222 +msgid "Show results" +msgstr "" + +#: src/components/poll.jsx:227 +msgid "{votesCount, plural, one {<0>{0}</0> vote} other {<1>{1}</1> votes}}" +msgstr "" + +#: src/components/poll.jsx:244 +msgid "{votersCount, plural, one {<0>{0}</0> voter} other {<1>{1}</1> voters}}" +msgstr "" + +#: src/components/poll.jsx:264 +msgid "Ended <0/>" +msgstr "" + +#: src/components/poll.jsx:268 +msgid "Ended" +msgstr "" + +#: src/components/poll.jsx:271 +msgid "Ending <0/>" +msgstr "" + +#: src/components/poll.jsx:275 +msgid "Ending" +msgstr "" + +#. Relative time in seconds, as short as possible +#: src/components/relative-time.jsx:46 +msgid "{0}s" +msgstr "" + +#. Relative time in minutes, as short as possible +#: src/components/relative-time.jsx:51 +msgid "{0}m" +msgstr "" + +#. Relative time in hours, as short as possible +#: src/components/relative-time.jsx:56 +msgid "{0}h" +msgstr "" + +#: src/components/report-modal.jsx:29 +msgid "Spam" +msgstr "" + +#: src/components/report-modal.jsx:30 +msgid "Malicious links, fake engagement, or repetitive replies" +msgstr "" + +#: src/components/report-modal.jsx:33 +msgid "Illegal" +msgstr "" + +#: src/components/report-modal.jsx:34 +msgid "Violates the law of your or the server's country" +msgstr "" + +#: src/components/report-modal.jsx:37 +msgid "Server rule violation" +msgstr "" + +#: src/components/report-modal.jsx:38 +msgid "Breaks specific server rules" +msgstr "" + +#: src/components/report-modal.jsx:39 +msgid "Violation" +msgstr "" + +#: src/components/report-modal.jsx:42 +msgid "Other" +msgstr "" + +#: src/components/report-modal.jsx:43 +msgid "Issue doesn't fit other categories" +msgstr "" + +#: src/components/report-modal.jsx:68 +msgid "Report Post" +msgstr "" + +#: src/components/report-modal.jsx:68 +msgid "Report @{username}" +msgstr "" + +#: src/components/report-modal.jsx:104 +msgid "Pending review" +msgstr "" + +#: src/components/report-modal.jsx:146 +msgid "Post reported" +msgstr "" + +#: src/components/report-modal.jsx:146 +msgid "Profile reported" +msgstr "" + +#: src/components/report-modal.jsx:154 +msgid "Unable to report post" +msgstr "" + +#: src/components/report-modal.jsx:155 +msgid "Unable to report profile" +msgstr "" + +#: src/components/report-modal.jsx:163 +msgid "What's the issue with this post?" +msgstr "" + +#: src/components/report-modal.jsx:164 +msgid "What's the issue with this profile?" +msgstr "" + +#: src/components/report-modal.jsx:233 +msgid "Additional info" +msgstr "" + +#: src/components/report-modal.jsx:255 +msgid "Forward to <0>{domain}</0>" +msgstr "" + +#: src/components/report-modal.jsx:265 +msgid "Send Report" +msgstr "" + +#: src/components/report-modal.jsx:274 +msgid "Muted {username}" +msgstr "" + +#: src/components/report-modal.jsx:277 +msgid "Unable to mute {username}" +msgstr "" + +#: src/components/report-modal.jsx:282 +msgid "Send Report <0>+ Mute profile</0>" +msgstr "" + +#: src/components/report-modal.jsx:293 +msgid "Blocked {username}" +msgstr "" + +#: src/components/report-modal.jsx:296 +msgid "Unable to block {username}" +msgstr "" + +#: src/components/report-modal.jsx:301 +msgid "Send Report <0>+ Block profile</0>" +msgstr "" + +#: src/components/search-form.jsx:202 +msgid "{query} <0>‒ accounts, hashtags & posts</0>" +msgstr "" + +#: src/components/search-form.jsx:215 +msgid "Posts with <0>{query}</0>" +msgstr "" + +#: src/components/search-form.jsx:227 +msgid "Posts tagged with <0>#{0}</0>" +msgstr "" + +#: src/components/search-form.jsx:241 +msgid "Look up <0>{query}</0>" +msgstr "" + +#: src/components/search-form.jsx:252 +msgid "Accounts with <0>{query}</0>" +msgstr "" + +#: src/components/shortcuts-settings.jsx:48 +msgid "Home / Following" +msgstr "" + +#: src/components/shortcuts-settings.jsx:51 +msgid "Public (Local / Federated)" +msgstr "" + +#: src/components/shortcuts-settings.jsx:53 +msgid "Account" +msgstr "" + +#: src/components/shortcuts-settings.jsx:56 +msgid "Hashtag" +msgstr "" + +#: src/components/shortcuts-settings.jsx:63 +msgid "List ID" +msgstr "" + +#: src/components/shortcuts-settings.jsx:70 +msgid "Local only" +msgstr "" + +#: src/components/shortcuts-settings.jsx:75 +#: src/components/shortcuts-settings.jsx:84 +#: src/components/shortcuts-settings.jsx:122 +#: src/pages/login.jsx:146 +msgid "Instance" +msgstr "" + +#: src/components/shortcuts-settings.jsx:78 +#: src/components/shortcuts-settings.jsx:87 +#: src/components/shortcuts-settings.jsx:125 +msgid "Optional, e.g. mastodon.social" +msgstr "" + +#: src/components/shortcuts-settings.jsx:93 +msgid "Search term" +msgstr "" + +#: src/components/shortcuts-settings.jsx:96 +msgid "Optional, unless for multi-column mode" +msgstr "" + +#: src/components/shortcuts-settings.jsx:113 +msgid "e.g. PixelArt (Max 5, space-separated)" +msgstr "" + +#: src/components/shortcuts-settings.jsx:117 +#: src/pages/hashtag.jsx:355 +msgid "Media only" +msgstr "" + +#: src/components/shortcuts-settings.jsx:232 +#: src/components/shortcuts.jsx:186 +msgid "Shortcuts" +msgstr "" + +#: src/components/shortcuts-settings.jsx:240 +msgid "beta" +msgstr "" + +#: src/components/shortcuts-settings.jsx:246 +msgid "Specify a list of shortcuts that'll appear as:" +msgstr "" + +#: src/components/shortcuts-settings.jsx:252 +msgid "Floating button" +msgstr "" + +#: src/components/shortcuts-settings.jsx:257 +msgid "Tab/Menu bar" +msgstr "" + +#: src/components/shortcuts-settings.jsx:262 +msgid "Multi-column" +msgstr "" + +#: src/components/shortcuts-settings.jsx:329 +msgid "Not available in current view mode" +msgstr "" + +#: src/components/shortcuts-settings.jsx:348 +msgid "Move up" +msgstr "" + +#: src/components/shortcuts-settings.jsx:364 +msgid "Move down" +msgstr "" + +#: src/components/shortcuts-settings.jsx:376 +#: src/components/status.jsx:1209 +#: src/pages/list.jsx:170 +msgid "Edit" +msgstr "" + +#: src/components/shortcuts-settings.jsx:397 +msgid "Add more than one shortcut/column to make this work." +msgstr "" + +#: src/components/shortcuts-settings.jsx:408 +msgid "No columns yet. Tap on the Add column button." +msgstr "" + +#: src/components/shortcuts-settings.jsx:409 +msgid "No shortcuts yet. Tap on the Add shortcut button." +msgstr "" + +#: src/components/shortcuts-settings.jsx:412 +msgid "Not sure what to add?<0/>Try adding <1>Home / Following and Notifications</1> first." +msgstr "" + +#: src/components/shortcuts-settings.jsx:440 +msgid "Max {SHORTCUTS_LIMIT} columns" +msgstr "" + +#: src/components/shortcuts-settings.jsx:441 +msgid "Max {SHORTCUTS_LIMIT} shortcuts" +msgstr "" + +#: src/components/shortcuts-settings.jsx:455 +msgid "Import/export" +msgstr "" + +#: src/components/shortcuts-settings.jsx:465 +msgid "Add column…" +msgstr "" + +#: src/components/shortcuts-settings.jsx:466 +msgid "Add shortcut…" +msgstr "" + +#: src/components/shortcuts-settings.jsx:513 +msgid "Specific list is optional. For multi-column mode, list is required, else the column will not be shown." +msgstr "" + +#: src/components/shortcuts-settings.jsx:514 +msgid "For multi-column mode, search term is required, else the column will not be shown." +msgstr "" + +#: src/components/shortcuts-settings.jsx:515 +msgid "Multiple hashtags are supported. Space-separated." +msgstr "" + +#: src/components/shortcuts-settings.jsx:584 +msgid "Edit shortcut" +msgstr "" + +#: src/components/shortcuts-settings.jsx:584 +msgid "Add shortcut" +msgstr "" + +#: src/components/shortcuts-settings.jsx:620 +msgid "Timeline" +msgstr "" + +#: src/components/shortcuts-settings.jsx:646 +msgid "List" +msgstr "" + +#: src/components/shortcuts-settings.jsx:785 +msgid "Import/Export <0>Shortcuts</0>" +msgstr "" + +#: src/components/shortcuts-settings.jsx:795 +msgid "Import" +msgstr "" + +#: src/components/shortcuts-settings.jsx:803 +msgid "Paste shortcuts here" +msgstr "" + +#: src/components/shortcuts-settings.jsx:819 +msgid "Downloading saved shortcuts from instance server…" +msgstr "" + +#: src/components/shortcuts-settings.jsx:848 +msgid "Unable to download shortcuts" +msgstr "" + +#: src/components/shortcuts-settings.jsx:851 +msgid "Download shortcuts from instance server" +msgstr "" + +#: src/components/shortcuts-settings.jsx:909 +msgid "* Exists in current shortcuts" +msgstr "" + +#: src/components/shortcuts-settings.jsx:914 +msgid "List may not work if it's from a different account." +msgstr "" + +#: src/components/shortcuts-settings.jsx:924 +msgid "Invalid settings format" +msgstr "" + +#: src/components/shortcuts-settings.jsx:932 +msgid "Append to current shortcuts?" +msgstr "" + +#: src/components/shortcuts-settings.jsx:935 +msgid "Only shortcuts that don’t exist in current shortcuts will be appended." +msgstr "" + +#: src/components/shortcuts-settings.jsx:957 +msgid "No new shortcuts to import" +msgstr "" + +#: src/components/shortcuts-settings.jsx:972 +msgid "Shortcuts imported. Exceeded max {SHORTCUTS_LIMIT}, so the rest are not imported." +msgstr "" + +#: src/components/shortcuts-settings.jsx:973 +#: src/components/shortcuts-settings.jsx:997 +msgid "Shortcuts imported" +msgstr "" + +#: src/components/shortcuts-settings.jsx:983 +msgid "Import & append…" +msgstr "" + +#: src/components/shortcuts-settings.jsx:991 +msgid "Override current shortcuts?" +msgstr "" + +#: src/components/shortcuts-settings.jsx:992 +msgid "Import shortcuts?" +msgstr "" + +#: src/components/shortcuts-settings.jsx:1006 +msgid "or override…" +msgstr "" + +#: src/components/shortcuts-settings.jsx:1006 +msgid "Import…" +msgstr "" + +#: src/components/shortcuts-settings.jsx:1015 +msgid "Export" +msgstr "" + +#: src/components/shortcuts-settings.jsx:1030 +msgid "Shortcuts copied" +msgstr "" + +#: src/components/shortcuts-settings.jsx:1033 +msgid "Unable to copy shortcuts" +msgstr "" + +#: src/components/shortcuts-settings.jsx:1047 +msgid "Shortcut settings copied" +msgstr "" + +#: src/components/shortcuts-settings.jsx:1050 +msgid "Unable to copy shortcut settings" +msgstr "" + +#: src/components/shortcuts-settings.jsx:1080 +msgid "Share" +msgstr "" + +#: src/components/shortcuts-settings.jsx:1119 +msgid "Saving shortcuts to instance server…" +msgstr "" + +#: src/components/shortcuts-settings.jsx:1126 +msgid "Shortcuts saved" +msgstr "" + +#: src/components/shortcuts-settings.jsx:1131 +msgid "Unable to save shortcuts" +msgstr "" + +#: src/components/shortcuts-settings.jsx:1134 +msgid "Sync to instance server" +msgstr "" + +#: src/components/shortcuts-settings.jsx:1142 +msgid "{0, plural, one {# character} other {# characters}}" +msgstr "" + +#: src/components/shortcuts-settings.jsx:1154 +msgid "Raw Shortcuts JSON" +msgstr "" + +#: src/components/shortcuts-settings.jsx:1167 +msgid "Import/export settings from/to instance server (Very experimental)" +msgstr "" + +#: src/components/status.jsx:463 +msgid "<0/> <1>boosted</1>" +msgstr "" + +#: src/components/status.jsx:562 +msgid "Sorry, your current logged-in instance can't interact with this post from another instance." +msgstr "" + +#: src/components/status.jsx:715 +msgid "Unliked @{0}'s post" +msgstr "" + +#: src/components/status.jsx:716 +msgid "Liked @{0}'s post" +msgstr "" + +#: src/components/status.jsx:755 +msgid "Unbookmarked @{0}'s post" +msgstr "" + +#: src/components/status.jsx:756 +msgid "Bookmarked @{0}'s post" +msgstr "" + +#: src/components/status.jsx:830 +msgid "{repliesCount, plural, =0 {Reply} other {{0}}}" +msgstr "" + +#: src/components/status.jsx:842 +#: src/components/status.jsx:903 +#: src/components/status.jsx:2287 +#: src/components/status.jsx:2319 +msgid "Unboost" +msgstr "" + +#: src/components/status.jsx:858 +#: src/components/status.jsx:2302 +msgid "Quote" +msgstr "" + +#: src/components/status.jsx:866 +#: src/components/status.jsx:2311 +msgid "Some media have no descriptions." +msgstr "" + +#: src/components/status.jsx:873 +msgid "Old post (<0>{0}</0>)" +msgstr "" + +#: src/components/status.jsx:892 +#: src/components/status.jsx:1334 +msgid "Unboosted @{0}'s post" +msgstr "" + +#: src/components/status.jsx:893 +#: src/components/status.jsx:1335 +msgid "Boosted @{0}'s post" +msgstr "" + +#: src/components/status.jsx:901 +msgid "{reblogsCount, plural, =0 {{0}} other {{1}}}" +msgstr "" + +#: src/components/status.jsx:903 +msgid "Boost…" +msgstr "" + +#: src/components/status.jsx:914 +msgid "{favouritesCount, plural, =0 {{0}} other {{1}}}" +msgstr "" + +#: src/components/status.jsx:916 +#: src/components/status.jsx:1619 +#: src/components/status.jsx:2332 +msgid "Unlike" +msgstr "" + +#: src/components/status.jsx:916 +#: src/components/status.jsx:1619 +#: src/components/status.jsx:1620 +#: src/components/status.jsx:2332 +#: src/components/status.jsx:2333 +msgid "Like" +msgstr "" + +#: src/components/status.jsx:927 +#: src/components/status.jsx:2344 +msgid "Unbookmark" +msgstr "" + +#: src/components/status.jsx:1035 +msgid "View post by @{0}" +msgstr "" + +#: src/components/status.jsx:1053 +msgid "Show Edit History" +msgstr "" + +#: src/components/status.jsx:1056 +msgid "Edited: {editedDateText}" +msgstr "" + +#: src/components/status.jsx:1116 +#: src/components/status.jsx:3072 +msgid "Embed post" +msgstr "" + +#: src/components/status.jsx:1130 +msgid "Conversation unmuted" +msgstr "" + +#: src/components/status.jsx:1130 +msgid "Conversation muted" +msgstr "" + +#: src/components/status.jsx:1136 +msgid "Unable to unmute conversation" +msgstr "" + +#: src/components/status.jsx:1137 +msgid "Unable to mute conversation" +msgstr "" + +#: src/components/status.jsx:1146 +msgid "Unmute conversation" +msgstr "" + +#: src/components/status.jsx:1153 +msgid "Mute conversation" +msgstr "" + +#: src/components/status.jsx:1169 +msgid "Post unpinned from profile" +msgstr "" + +#: src/components/status.jsx:1170 +msgid "Post pinned to profile" +msgstr "" + +#: src/components/status.jsx:1175 +msgid "Unable to unpin post" +msgstr "" + +#: src/components/status.jsx:1175 +msgid "Unable to pin post" +msgstr "" + +#: src/components/status.jsx:1184 +msgid "Unpin from profile" +msgstr "" + +#: src/components/status.jsx:1191 +msgid "Pin to profile" +msgstr "" + +#: src/components/status.jsx:1220 +msgid "Delete this post?" +msgstr "" + +#: src/components/status.jsx:1233 +msgid "Post deleted" +msgstr "" + +#: src/components/status.jsx:1236 +msgid "Unable to delete post" +msgstr "" + +#: src/components/status.jsx:1264 +msgid "Report post…" +msgstr "" + +#: src/components/status.jsx:1620 +#: src/components/status.jsx:1656 +#: src/components/status.jsx:2333 +msgid "Liked" +msgstr "" + +#: src/components/status.jsx:1653 +#: src/components/status.jsx:2320 +msgid "Boosted" +msgstr "" + +#: src/components/status.jsx:1663 +#: src/components/status.jsx:2345 +msgid "Bookmarked" +msgstr "" + +#: src/components/status.jsx:1667 +msgid "Pinned" +msgstr "" + +#: src/components/status.jsx:1712 +#: src/components/status.jsx:2164 +msgid "Deleted" +msgstr "" + +#: src/components/status.jsx:1753 +msgid "{repliesCount, plural, one {# reply} other {# replies}}" +msgstr "" + +#: src/components/status.jsx:1842 +msgid "Thread{0}" +msgstr "" + +#: src/components/status.jsx:1918 +#: src/components/status.jsx:1980 +#: src/components/status.jsx:2065 +msgid "Show less" +msgstr "" + +#: src/components/status.jsx:1918 +#: src/components/status.jsx:1980 +msgid "Show content" +msgstr "" + +#: src/components/status.jsx:2065 +msgid "Show media" +msgstr "" + +#: src/components/status.jsx:2185 +msgid "Edited" +msgstr "" + +#: src/components/status.jsx:2262 +msgid "Comments" +msgstr "" + +#: src/components/status.jsx:2833 +msgid "Edit History" +msgstr "" + +#: src/components/status.jsx:2837 +msgid "Failed to load history" +msgstr "" + +#: src/components/status.jsx:2842 +msgid "Loading…" +msgstr "" + +#: src/components/status.jsx:3077 +msgid "HTML Code" +msgstr "" + +#: src/components/status.jsx:3094 +msgid "HTML code copied" +msgstr "" + +#: src/components/status.jsx:3097 +msgid "Unable to copy HTML code" +msgstr "" + +#: src/components/status.jsx:3109 +msgid "Media attachments:" +msgstr "" + +#: src/components/status.jsx:3131 +msgid "Account Emojis:" +msgstr "" + +#: src/components/status.jsx:3162 +#: src/components/status.jsx:3207 +msgid "static URL" +msgstr "" + +#: src/components/status.jsx:3176 +msgid "Emojis:" +msgstr "" + +#: src/components/status.jsx:3221 +msgid "Notes:" +msgstr "" + +#: src/components/status.jsx:3225 +msgid "This is static, unstyled and scriptless. You may need to apply your own styles and edit as needed." +msgstr "" + +#: src/components/status.jsx:3231 +msgid "Polls are not interactive, becomes a list with vote counts." +msgstr "" + +#: src/components/status.jsx:3236 +msgid "Media attachments can be images, videos, audios or any file types." +msgstr "" + +#: src/components/status.jsx:3242 +msgid "Post could be edited or deleted later." +msgstr "" + +#: src/components/status.jsx:3248 +msgid "Preview" +msgstr "" + +#: src/components/status.jsx:3257 +msgid "Note: This preview is lightly styled." +msgstr "" + +#: src/components/status.jsx:3499 +msgid "<0/> <1/> boosted" +msgstr "" + +#: src/components/timeline.jsx:447 +#: src/pages/settings.jsx:1028 +msgid "New posts" +msgstr "" + +#: src/components/timeline.jsx:548 +#: src/pages/home.jsx:210 +#: src/pages/notifications.jsx:779 +#: src/pages/status.jsx:945 +#: src/pages/status.jsx:1318 +msgid "Try again" +msgstr "" + +#: src/components/timeline.jsx:937 +#: src/components/timeline.jsx:944 +#: src/pages/catchup.jsx:1860 +msgid "Thread" +msgstr "" + +#: src/components/timeline.jsx:959 +msgid "<0>Filtered</0>: <1>{0}</1>" +msgstr "" + +#: src/components/translation-block.jsx:152 +msgid "Auto-translated from {sourceLangText}" +msgstr "" + +#: src/components/translation-block.jsx:190 +msgid "Translating…" +msgstr "" + +#: src/components/translation-block.jsx:193 +msgid "Translate from {sourceLangText} (auto-detected)" +msgstr "" + +#: src/components/translation-block.jsx:194 +msgid "Translate from {sourceLangText}" +msgstr "" + +#: src/components/translation-block.jsx:212 +msgid "Auto ({0})" +msgstr "" + +#: src/components/translation-block.jsx:228 +msgid "Failed to translate" +msgstr "" + +#: src/compose.jsx:29 +msgid "Editing source status" +msgstr "" + +#: src/compose.jsx:31 +msgid "Replying to @{0}" +msgstr "" + +#: src/compose.jsx:55 +msgid "You may close this page now." +msgstr "" + +#: src/compose.jsx:63 +msgid "Close window" +msgstr "" + +#: src/pages/account-statuses.jsx:233 +msgid "Account posts" +msgstr "" + +#: src/pages/account-statuses.jsx:240 +msgid "{accountDisplay} (+ Replies)" +msgstr "" + +#: src/pages/account-statuses.jsx:242 +msgid "{accountDisplay} (- Boosts)" +msgstr "" + +#: src/pages/account-statuses.jsx:244 +msgid "{accountDisplay} (#{tagged})" +msgstr "" + +#: src/pages/account-statuses.jsx:246 +msgid "{accountDisplay} (Media)" +msgstr "" + +#: src/pages/account-statuses.jsx:252 +msgid "{accountDisplay} ({monthYear})" +msgstr "" + +#: src/pages/account-statuses.jsx:321 +msgid "Clear filters" +msgstr "" + +#: src/pages/account-statuses.jsx:324 +msgid "Clear" +msgstr "" + +#: src/pages/account-statuses.jsx:338 +msgid "Showing post with replies" +msgstr "" + +#: src/pages/account-statuses.jsx:343 +msgid "+ Replies" +msgstr "" + +#: src/pages/account-statuses.jsx:349 +msgid "Showing posts without boosts" +msgstr "" + +#: src/pages/account-statuses.jsx:354 +msgid "- Boosts" +msgstr "" + +#: src/pages/account-statuses.jsx:360 +msgid "Showing posts with media" +msgstr "" + +#: src/pages/account-statuses.jsx:377 +msgid "Showing posts tagged with #{0}" +msgstr "" + +#: src/pages/account-statuses.jsx:416 +msgid "Showing posts in {0}" +msgstr "" + +#: src/pages/account-statuses.jsx:505 +msgid "Nothing to see here yet." +msgstr "" + +#: src/pages/account-statuses.jsx:506 +#: src/pages/public.jsx:97 +#: src/pages/trending.jsx:415 +msgid "Unable to load posts" +msgstr "" + +#: src/pages/account-statuses.jsx:547 +#: src/pages/account-statuses.jsx:577 +msgid "Unable to fetch account info" +msgstr "" + +#: src/pages/account-statuses.jsx:554 +msgid "Switch to account's instance {0}" +msgstr "" + +#: src/pages/account-statuses.jsx:584 +msgid "Switch to my instance (<0>{currentInstance}</0>)" +msgstr "" + +#: src/pages/account-statuses.jsx:646 +msgid "Month" +msgstr "" + +#: src/pages/accounts.jsx:52 +msgid "Current" +msgstr "" + +#: src/pages/accounts.jsx:98 +msgid "Default" +msgstr "" + +#: src/pages/accounts.jsx:117 +msgid "View profile…" +msgstr "" + +#: src/pages/accounts.jsx:134 +msgid "Set as default" +msgstr "" + +#: src/pages/accounts.jsx:144 +msgid "Log out @{0}?" +msgstr "" + +#: src/pages/accounts.jsx:161 +msgid "Log out…" +msgstr "" + +#: src/pages/accounts.jsx:174 +msgid "Add an existing account" +msgstr "" + +#: src/pages/accounts.jsx:181 +msgid "Note: <0>Default</0> account will always be used for first load. Switched accounts will persist during the session." +msgstr "" + +#: src/pages/bookmarks.jsx:26 +msgid "Unable to load bookmarks." +msgstr "" + +#: src/pages/catchup.jsx:54 +msgid "last 1 hour" +msgstr "" + +#: src/pages/catchup.jsx:55 +msgid "last 2 hours" +msgstr "" + +#: src/pages/catchup.jsx:56 +msgid "last 3 hours" +msgstr "" + +#: src/pages/catchup.jsx:57 +msgid "last 4 hours" +msgstr "" + +#: src/pages/catchup.jsx:58 +msgid "last 5 hours" +msgstr "" + +#: src/pages/catchup.jsx:59 +msgid "last 6 hours" +msgstr "" + +#: src/pages/catchup.jsx:60 +msgid "last 7 hours" +msgstr "" + +#: src/pages/catchup.jsx:61 +msgid "last 8 hours" +msgstr "" + +#: src/pages/catchup.jsx:62 +msgid "last 9 hours" +msgstr "" + +#: src/pages/catchup.jsx:63 +msgid "last 10 hours" +msgstr "" + +#: src/pages/catchup.jsx:64 +msgid "last 11 hours" +msgstr "" + +#: src/pages/catchup.jsx:65 +msgid "last 12 hours" +msgstr "" + +#: src/pages/catchup.jsx:66 +msgid "beyond 12 hours" +msgstr "" + +#: src/pages/catchup.jsx:73 +msgid "Followed tags" +msgstr "" + +#: src/pages/catchup.jsx:74 +msgid "Groups" +msgstr "" + +#: src/pages/catchup.jsx:596 +msgid "Showing {selectedFilterCategory, select, all {all posts} original {original posts} replies {replies} boosts {boosts} followedTags {followed tags} groups {groups} filtered {filtered posts}}, {sortBy, select, createdAt {{sortOrder, select, asc {oldest} desc {latest}}} reblogsCount {{sortOrder, select, asc {fewest boosts} desc {most boosts}}} favouritesCount {{sortOrder, select, asc {fewest likes} desc {most likes}}} repliesCount {{sortOrder, select, asc {fewest replies} desc {most replies}}} density {{sortOrder, select, asc {least dense} desc {most dense}}}} first{groupBy, select, account {, grouped by authors} other {}}" +msgstr "" + +#: src/pages/catchup.jsx:866 +#: src/pages/catchup.jsx:890 +msgid "Catch-up <0>beta</0>" +msgstr "" + +#: src/pages/catchup.jsx:880 +#: src/pages/catchup.jsx:1552 +msgid "Help" +msgstr "" + +#: src/pages/catchup.jsx:896 +msgid "What is this?" +msgstr "" + +#: src/pages/catchup.jsx:899 +msgid "Catch-up is a separate timeline for your followings, offering a high-level view at a glance, with a simple, email-inspired interface to effortlessly sort and filter through posts." +msgstr "" + +#: src/pages/catchup.jsx:910 +msgid "Preview of Catch-up UI" +msgstr "" + +#: src/pages/catchup.jsx:919 +msgid "Let's catch up" +msgstr "" + +#: src/pages/catchup.jsx:924 +msgid "Let's catch up on the posts from your followings." +msgstr "" + +#: src/pages/catchup.jsx:928 +msgid "Show me all posts from…" +msgstr "" + +#: src/pages/catchup.jsx:951 +msgid "until the max" +msgstr "" + +#: src/pages/catchup.jsx:981 +msgid "Catch up" +msgstr "" + +#: src/pages/catchup.jsx:987 +msgid "Overlaps with your last catch-up" +msgstr "" + +#: src/pages/catchup.jsx:999 +msgid "Until the last catch-up ({0})" +msgstr "" + +#: src/pages/catchup.jsx:1008 +msgid "Note: your instance might only show a maximum of 800 posts in the Home timeline regardless of the time range. Could be less or more." +msgstr "" + +#: src/pages/catchup.jsx:1018 +msgid "Previously…" +msgstr "" + +#: src/pages/catchup.jsx:1036 +msgid "{0, plural, one {# post} other {# posts}}" +msgstr "" + +#: src/pages/catchup.jsx:1046 +msgid "Remove this catch-up?" +msgstr "" + +#: src/pages/catchup.jsx:1067 +msgid "Note: Only max 3 will be stored. The rest will be automatically removed." +msgstr "" + +#: src/pages/catchup.jsx:1082 +msgid "Fetching posts…" +msgstr "" + +#: src/pages/catchup.jsx:1085 +msgid "This might take a while." +msgstr "" + +#: src/pages/catchup.jsx:1120 +msgid "Reset filters" +msgstr "" + +#: src/pages/catchup.jsx:1128 +#: src/pages/catchup.jsx:1558 +msgid "Top links" +msgstr "" + +#: src/pages/catchup.jsx:1244 +msgid "Shared by {0}" +msgstr "" + +#: src/pages/catchup.jsx:1283 +#: src/pages/mentions.jsx:147 +#: src/pages/search.jsx:222 +msgid "All" +msgstr "" + +#: src/pages/catchup.jsx:1368 +msgid "{0, plural, one {# author} other {# authors}}" +msgstr "" + +#: src/pages/catchup.jsx:1380 +msgid "Sort" +msgstr "" + +#: src/pages/catchup.jsx:1411 +msgid "Date" +msgstr "" + +#: src/pages/catchup.jsx:1415 +msgid "Density" +msgstr "" + +#: src/pages/catchup.jsx:1453 +msgid "Authors" +msgstr "" + +#: src/pages/catchup.jsx:1454 +msgid "None" +msgstr "" + +#: src/pages/catchup.jsx:1470 +msgid "Show all authors" +msgstr "" + +#: src/pages/catchup.jsx:1521 +msgid "You don't have to read everything." +msgstr "" + +#: src/pages/catchup.jsx:1522 +msgid "That's all." +msgstr "" + +#: src/pages/catchup.jsx:1530 +msgid "Back to top" +msgstr "" + +#: src/pages/catchup.jsx:1561 +msgid "Links shared by followings, sorted by shared counts, boosts and likes." +msgstr "" + +#: src/pages/catchup.jsx:1567 +msgid "Sort: Density" +msgstr "" + +#: src/pages/catchup.jsx:1570 +msgid "Posts are sorted by information density or depth. Shorter posts are \"lighter\" while longer posts are \"heavier\". Posts with photos are \"heavier\" than posts without photos." +msgstr "" + +#: src/pages/catchup.jsx:1577 +msgid "Group: Authors" +msgstr "" + +#: src/pages/catchup.jsx:1580 +msgid "Posts are grouped by authors, sorted by posts count per author." +msgstr "" + +#: src/pages/catchup.jsx:1627 +msgid "Next author" +msgstr "" + +#: src/pages/catchup.jsx:1635 +msgid "Previous author" +msgstr "" + +#: src/pages/catchup.jsx:1651 +msgid "Scroll to top" +msgstr "" + +#: src/pages/catchup.jsx:1842 +msgid "Filtered: {0}" +msgstr "" + +#: src/pages/favourites.jsx:26 +msgid "Unable to load likes." +msgstr "" + +#: src/pages/filters.jsx:23 +msgid "Home and lists" +msgstr "" + +#: src/pages/filters.jsx:25 +msgid "Public timelines" +msgstr "" + +#: src/pages/filters.jsx:26 +msgid "Conversations" +msgstr "" + +#: src/pages/filters.jsx:27 +msgid "Profiles" +msgstr "" + +#: src/pages/filters.jsx:42 +msgid "Never" +msgstr "" + +#: src/pages/filters.jsx:103 +#: src/pages/filters.jsx:228 +msgid "New filter" +msgstr "" + +#: src/pages/filters.jsx:151 +msgid "{0, plural, one {# filter} other {# filters}}" +msgstr "" + +#: src/pages/filters.jsx:166 +msgid "Unable to load filters." +msgstr "" + +#: src/pages/filters.jsx:170 +msgid "No filters yet." +msgstr "" + +#: src/pages/filters.jsx:177 +msgid "Add filter" +msgstr "" + +#: src/pages/filters.jsx:228 +msgid "Edit filter" +msgstr "" + +#: src/pages/filters.jsx:345 +msgid "Unable to edit filter" +msgstr "" + +#: src/pages/filters.jsx:346 +msgid "Unable to create filter" +msgstr "" + +#: src/pages/filters.jsx:355 +msgid "Title" +msgstr "" + +#: src/pages/filters.jsx:396 +msgid "Whole word" +msgstr "" + +#: src/pages/filters.jsx:422 +msgid "No keywords. Add one." +msgstr "" + +#: src/pages/filters.jsx:449 +msgid "Add keyword" +msgstr "" + +#: src/pages/filters.jsx:453 +msgid "{0, plural, one {# keyword} other {# keywords}}" +msgstr "" + +#: src/pages/filters.jsx:466 +msgid "Filter from…" +msgstr "" + +#: src/pages/filters.jsx:492 +msgid "* Not implemented yet" +msgstr "" + +#: src/pages/filters.jsx:498 +msgid "Status: <0><1/></0>" +msgstr "" + +#: src/pages/filters.jsx:507 +msgid "Change expiry" +msgstr "" + +#: src/pages/filters.jsx:507 +msgid "Expiry" +msgstr "" + +#: src/pages/filters.jsx:526 +msgid "Filtered post will be…" +msgstr "" + +#: src/pages/filters.jsx:536 +msgid "minimized" +msgstr "" + +#: src/pages/filters.jsx:546 +msgid "hidden" +msgstr "" + +#: src/pages/filters.jsx:563 +msgid "Delete this filter?" +msgstr "" + +#: src/pages/filters.jsx:576 +msgid "Unable to delete filter." +msgstr "" + +#: src/pages/filters.jsx:608 +msgid "Expired" +msgstr "" + +#: src/pages/filters.jsx:610 +msgid "Expiring <0/>" +msgstr "" + +#: src/pages/filters.jsx:614 +msgid "Never expires" +msgstr "" + +#: src/pages/followed-hashtags.jsx:70 +msgid "{0, plural, one {# hashtag} other {# hashtags}}" +msgstr "" + +#: src/pages/followed-hashtags.jsx:85 +msgid "Unable to load followed hashtags." +msgstr "" + +#: src/pages/followed-hashtags.jsx:89 +msgid "No hashtags followed yet." +msgstr "" + +#: src/pages/following.jsx:133 +msgid "Nothing to see here." +msgstr "" + +#: src/pages/following.jsx:134 +#: src/pages/list.jsx:108 +msgid "Unable to load posts." +msgstr "" + +#: src/pages/hashtag.jsx:55 +msgid "{hashtagTitle} (Media only) on {instance}" +msgstr "" + +#: src/pages/hashtag.jsx:56 +msgid "{hashtagTitle} on {instance}" +msgstr "" + +#: src/pages/hashtag.jsx:58 +msgid "{hashtagTitle} (Media only)" +msgstr "" + +#: src/pages/hashtag.jsx:59 +msgid "{hashtagTitle}" +msgstr "" + +#: src/pages/hashtag.jsx:181 +msgid "No one has posted anything with this tag yet." +msgstr "" + +#: src/pages/hashtag.jsx:182 +msgid "Unable to load posts with this tag" +msgstr "" + +#: src/pages/hashtag.jsx:223 +msgid "Unfollowed #{hashtag}" +msgstr "" + +#: src/pages/hashtag.jsx:238 +msgid "Followed #{hashtag}" +msgstr "" + +#: src/pages/hashtag.jsx:254 +msgid "Following…" +msgstr "" + +#: src/pages/hashtag.jsx:282 +msgid "Unfeatured on profile" +msgstr "" + +#: src/pages/hashtag.jsx:296 +msgid "Unable to unfeature on profile" +msgstr "" + +#: src/pages/hashtag.jsx:305 +#: src/pages/hashtag.jsx:321 +msgid "Featured on profile" +msgstr "" + +#: src/pages/hashtag.jsx:328 +msgid "Feature on profile" +msgstr "" + +#: src/pages/hashtag.jsx:393 +msgid "{TOTAL_TAGS_LIMIT, plural, other {Max # tags}}" +msgstr "" + +#: src/pages/hashtag.jsx:396 +msgid "Add hashtag" +msgstr "" + +#: src/pages/hashtag.jsx:428 +msgid "Remove hashtag" +msgstr "" + +#: src/pages/hashtag.jsx:442 +msgid "{SHORTCUTS_LIMIT, plural, one {Max # shortcut reached. Unable to add shortcut.} other {Max # shortcuts reached. Unable to add shortcut.}}" +msgstr "" + +#: src/pages/hashtag.jsx:471 +msgid "This shortcut already exists" +msgstr "" + +#: src/pages/hashtag.jsx:474 +msgid "Hashtag shortcut added" +msgstr "" + +#: src/pages/hashtag.jsx:480 +msgid "Add to Shortcuts" +msgstr "" + +#: src/pages/hashtag.jsx:486 +#: src/pages/public.jsx:139 +#: src/pages/trending.jsx:444 +msgid "Enter a new instance e.g. \"mastodon.social\"" +msgstr "" + +#: src/pages/hashtag.jsx:489 +#: src/pages/public.jsx:142 +#: src/pages/trending.jsx:447 +msgid "Invalid instance" +msgstr "" + +#: src/pages/hashtag.jsx:503 +#: src/pages/public.jsx:156 +#: src/pages/trending.jsx:459 +msgid "Go to another instance…" +msgstr "" + +#: src/pages/hashtag.jsx:516 +#: src/pages/public.jsx:169 +#: src/pages/trending.jsx:470 +msgid "Go to my instance (<0>{currentInstance}</0>)" +msgstr "" + +#: src/pages/home.jsx:206 +msgid "Unable to fetch notifications." +msgstr "" + +#: src/pages/home.jsx:226 +msgid "<0>New</0> <1>Follow Requests</1>" +msgstr "" + +#: src/pages/home.jsx:232 +msgid "See all" +msgstr "" + +#: src/pages/http-route.jsx:68 +msgid "Resolving…" +msgstr "" + +#: src/pages/http-route.jsx:79 +msgid "Unable to resolve URL" +msgstr "" + +#: src/pages/http-route.jsx:91 +#: src/pages/login.jsx:223 +msgid "Go home" +msgstr "" + +#: src/pages/list.jsx:107 +msgid "Nothing yet." +msgstr "" + +#: src/pages/list.jsx:176 +#: src/pages/list.jsx:279 +msgid "Manage members" +msgstr "" + +#: src/pages/list.jsx:313 +msgid "Remove @{0} from list?" +msgstr "" + +#: src/pages/list.jsx:356 +msgid "Remove…" +msgstr "" + +#: src/pages/lists.jsx:93 +msgid "{0, plural, one {# list} other {# lists}}" +msgstr "" + +#: src/pages/lists.jsx:108 +msgid "No lists yet." +msgstr "" + +#: src/pages/login.jsx:185 +msgid "e.g. “mastodon.social”" +msgstr "" + +#: src/pages/login.jsx:196 +msgid "Failed to log in. Please try again or another instance." +msgstr "" + +#: src/pages/login.jsx:208 +msgid "Continue with {selectedInstanceText}" +msgstr "" + +#: src/pages/login.jsx:209 +msgid "Continue" +msgstr "" + +#: src/pages/login.jsx:217 +msgid "Don't have an account? Create one!" +msgstr "" + +#: src/pages/mentions.jsx:20 +msgid "Private mentions" +msgstr "" + +#: src/pages/mentions.jsx:159 +msgid "Private" +msgstr "" + +#: src/pages/mentions.jsx:169 +msgid "No one mentioned you :(" +msgstr "" + +#: src/pages/mentions.jsx:170 +msgid "Unable to load mentions." +msgstr "" + +#: src/pages/notifications.jsx:506 +#: src/pages/notifications.jsx:827 +msgid "Notifications settings" +msgstr "" + +#: src/pages/notifications.jsx:524 +msgid "New notifications" +msgstr "" + +#: src/pages/notifications.jsx:535 +msgid "{0, plural, one {Announcement} other {Announcements}}" +msgstr "" + +#: src/pages/notifications.jsx:582 +#: src/pages/settings.jsx:1016 +msgid "Follow requests" +msgstr "" + +#: src/pages/notifications.jsx:587 +msgid "{0, plural, one {# follow request} other {# follow requests}}" +msgstr "" + +#: src/pages/notifications.jsx:642 +msgid "{0, plural, one {Filtered notifications from # person} other {Filtered notifications from # people}}" +msgstr "" + +#: src/pages/notifications.jsx:708 +msgid "Only mentions" +msgstr "" + +#: src/pages/notifications.jsx:712 +msgid "Today" +msgstr "" + +#: src/pages/notifications.jsx:716 +msgid "You're all caught up." +msgstr "" + +#: src/pages/notifications.jsx:739 +msgid "Yesterday" +msgstr "" + +#: src/pages/notifications.jsx:775 +msgid "Unable to load notifications" +msgstr "" + +#: src/pages/notifications.jsx:854 +msgid "Notifications settings updated" +msgstr "" + +#: src/pages/notifications.jsx:862 +msgid "Filter out notifications from people:" +msgstr "" + +#: src/pages/notifications.jsx:872 +msgid "You don't follow" +msgstr "" + +#: src/pages/notifications.jsx:883 +msgid "Who don't follow you" +msgstr "" + +#: src/pages/notifications.jsx:894 +msgid "With a new account" +msgstr "" + +#: src/pages/notifications.jsx:905 +msgid "Who unsolicitedly private mention you" +msgstr "" + +#: src/pages/notifications.jsx:973 +msgid "Updated <0>{0}</0>" +msgstr "" + +#: src/pages/notifications.jsx:1041 +msgid "View notifications from @{0}" +msgstr "" + +#: src/pages/notifications.jsx:1059 +msgid "Notifications from @{0}" +msgstr "" + +#: src/pages/notifications.jsx:1123 +msgid "Notifications from @{0} will not be filtered from now on." +msgstr "" + +#: src/pages/notifications.jsx:1128 +msgid "Unable to accept notification request" +msgstr "" + +#: src/pages/notifications.jsx:1133 +msgid "Allow" +msgstr "" + +#: src/pages/notifications.jsx:1153 +msgid "Notifications from @{0} will not show up in Filtered notifications from now on." +msgstr "" + +#: src/pages/notifications.jsx:1158 +msgid "Unable to dismiss notification request" +msgstr "" + +#: src/pages/notifications.jsx:1163 +msgid "Dismiss" +msgstr "" + +#: src/pages/notifications.jsx:1178 +msgid "Dismissed" +msgstr "" + +#: src/pages/public.jsx:27 +msgid "Local timeline ({instance})" +msgstr "" + +#: src/pages/public.jsx:28 +msgid "Federated timeline ({instance})" +msgstr "" + +#: src/pages/public.jsx:90 +msgid "Local timeline" +msgstr "" + +#: src/pages/public.jsx:90 +msgid "Federated timeline" +msgstr "" + +#: src/pages/public.jsx:96 +msgid "No one has posted anything yet." +msgstr "" + +#: src/pages/public.jsx:123 +msgid "Switch to Federated" +msgstr "" + +#: src/pages/public.jsx:130 +msgid "Switch to Local" +msgstr "" + +#: src/pages/search.jsx:43 +msgid "Search: {q} (Posts)" +msgstr "" + +#: src/pages/search.jsx:46 +msgid "Search: {q} (Accounts)" +msgstr "" + +#: src/pages/search.jsx:49 +msgid "Search: {q} (Hashtags)" +msgstr "" + +#: src/pages/search.jsx:52 +msgid "Search: {q}" +msgstr "" + +#: src/pages/search.jsx:232 +#: src/pages/search.jsx:314 +msgid "Hashtags" +msgstr "" + +#: src/pages/search.jsx:264 +#: src/pages/search.jsx:318 +#: src/pages/search.jsx:388 +msgid "See more" +msgstr "" + +#: src/pages/search.jsx:290 +msgid "See more accounts" +msgstr "" + +#: src/pages/search.jsx:304 +msgid "No accounts found." +msgstr "" + +#: src/pages/search.jsx:360 +msgid "See more hashtags" +msgstr "" + +#: src/pages/search.jsx:374 +msgid "No hashtags found." +msgstr "" + +#: src/pages/search.jsx:418 +msgid "See more posts" +msgstr "" + +#: src/pages/search.jsx:432 +msgid "No posts found." +msgstr "" + +#: src/pages/search.jsx:476 +msgid "Enter your search term or paste a URL above to get started." +msgstr "" + +#: src/pages/settings.jsx:74 +msgid "Settings" +msgstr "" + +#: src/pages/settings.jsx:83 +msgid "Appearance" +msgstr "" + +#: src/pages/settings.jsx:159 +msgid "Light" +msgstr "" + +#: src/pages/settings.jsx:170 +msgid "Dark" +msgstr "" + +#: src/pages/settings.jsx:183 +msgid "Auto" +msgstr "" + +#: src/pages/settings.jsx:193 +msgid "Text size" +msgstr "" + +#. Preview of one character, in smallest size +#. Preview of one character, in largest size +#: src/pages/settings.jsx:198 +#: src/pages/settings.jsx:223 +msgid "A" +msgstr "" + +#: src/pages/settings.jsx:236 +msgid "Display language" +msgstr "" + +#: src/pages/settings.jsx:245 +msgid "Posting" +msgstr "" + +#: src/pages/settings.jsx:252 +msgid "Default visibility" +msgstr "" + +#: src/pages/settings.jsx:253 +#: src/pages/settings.jsx:299 +msgid "Synced" +msgstr "" + +#: src/pages/settings.jsx:278 +msgid "Failed to update posting privacy" +msgstr "" + +#: src/pages/settings.jsx:301 +msgid "Synced to your instance server's settings. <0>Go to your instance ({instance}) for more settings.</0>" +msgstr "" + +#: src/pages/settings.jsx:316 +msgid "Experiments" +msgstr "" + +#: src/pages/settings.jsx:329 +msgid "Auto refresh timeline posts" +msgstr "" + +#: src/pages/settings.jsx:341 +msgid "Boosts carousel" +msgstr "" + +#: src/pages/settings.jsx:357 +msgid "Post translation" +msgstr "" + +#: src/pages/settings.jsx:368 +msgid "Translate to" +msgstr "" + +#: src/pages/settings.jsx:378 +msgid "System language ({systemTargetLanguageText})" +msgstr "" + +#: src/pages/settings.jsx:404 +msgid "{0, plural, =0 {Hide \"Translate\" button for:} other {Hide \"Translate\" button for (#):}}" +msgstr "" + +#: src/pages/settings.jsx:451 +msgid "Note: This feature uses external translation services, powered by <0>Lingva API</0> & <1>Lingva Translate</1>." +msgstr "" + +#: src/pages/settings.jsx:485 +msgid "Auto inline translation" +msgstr "" + +#: src/pages/settings.jsx:489 +msgid "Automatically show translation for posts in timeline. Only works for <0>short</0> posts without content warning, media and poll." +msgstr "" + +#: src/pages/settings.jsx:509 +msgid "GIF Picker for composer" +msgstr "" + +#: src/pages/settings.jsx:513 +msgid "Note: This feature uses external GIF search service, powered by <0>GIPHY</0>. G-rated (suitable for viewing by all ages), tracking parameters are stripped, referrer information is omitted from requests, but search queries and IP address information will still reach their servers." +msgstr "" + +#: src/pages/settings.jsx:542 +msgid "Image description generator" +msgstr "" + +#: src/pages/settings.jsx:547 +msgid "Only for new images while composing new posts." +msgstr "" + +#: src/pages/settings.jsx:554 +msgid "Note: This feature uses external AI service, powered by <0>img-alt-api</0>. May not work well. Only for images and in English." +msgstr "" + +#: src/pages/settings.jsx:580 +msgid "Server-side grouped notifications" +msgstr "" + +#: src/pages/settings.jsx:584 +msgid "Alpha-stage feature. Potentially improved grouping window but basic grouping logic." +msgstr "" + +#: src/pages/settings.jsx:605 +msgid "\"Cloud\" import/export for shortcuts settings" +msgstr "" + +#: src/pages/settings.jsx:610 +msgid "⚠️⚠️⚠️ Very experimental.<0/>Stored in your own profile’s notes. Profile (private) notes are mainly used for other profiles, and hidden for own profile." +msgstr "" + +#: src/pages/settings.jsx:621 +msgid "Note: This feature uses currently-logged-in instance server API." +msgstr "" + +#: src/pages/settings.jsx:638 +msgid "Cloak mode <0>(<1>Text</1> → <2>████</2>)</0>" +msgstr "" + +#: src/pages/settings.jsx:647 +msgid "Replace text as blocks, useful when taking screenshots, for privacy reasons." +msgstr "" + +#: src/pages/settings.jsx:672 +msgid "About" +msgstr "" + +#: src/pages/settings.jsx:711 +msgid "<0>Built</0> by <1>@cheeaun</1>" +msgstr "" + +#: src/pages/settings.jsx:740 +msgid "Sponsor" +msgstr "" + +#: src/pages/settings.jsx:748 +msgid "Donate" +msgstr "" + +#: src/pages/settings.jsx:756 +msgid "Privacy Policy" +msgstr "" + +#: src/pages/settings.jsx:763 +msgid "<0>Site:</0> {0}" +msgstr "" + +#: src/pages/settings.jsx:770 +msgid "<0>Version:</0> <1/> {0}" +msgstr "" + +#: src/pages/settings.jsx:785 +msgid "Version string copied" +msgstr "" + +#: src/pages/settings.jsx:788 +msgid "Unable to copy version string" +msgstr "" + +#: src/pages/settings.jsx:913 +#: src/pages/settings.jsx:918 +msgid "Failed to update subscription. Please try again." +msgstr "" + +#: src/pages/settings.jsx:924 +msgid "Failed to remove subscription. Please try again." +msgstr "" + +#: src/pages/settings.jsx:931 +msgid "Push Notifications (beta)" +msgstr "" + +#: src/pages/settings.jsx:953 +msgid "Push notifications are blocked. Please enable them in your browser settings." +msgstr "" + +#: src/pages/settings.jsx:962 +msgid "Allow from <0>{0}</0>" +msgstr "" + +#: src/pages/settings.jsx:971 +msgid "anyone" +msgstr "" + +#: src/pages/settings.jsx:975 +msgid "people I follow" +msgstr "" + +#: src/pages/settings.jsx:979 +msgid "followers" +msgstr "" + +#: src/pages/settings.jsx:1012 +msgid "Follows" +msgstr "" + +#: src/pages/settings.jsx:1020 +msgid "Polls" +msgstr "" + +#: src/pages/settings.jsx:1024 +msgid "Post edits" +msgstr "" + +#: src/pages/settings.jsx:1045 +msgid "Push permission was not granted since your last login. You'll need to <0><1>log in</1> again to grant push permission</0>." +msgstr "" + +#: src/pages/settings.jsx:1061 +msgid "NOTE: Push notifications only work for <0>one account</0>." +msgstr "" + +#: src/pages/status.jsx:786 +msgid "You're not logged in. Interactions (reply, boost, etc) are not possible." +msgstr "" + +#: src/pages/status.jsx:799 +msgid "This post is from another instance (<0>{instance}</0>). Interactions (reply, boost, etc) are not possible." +msgstr "" + +#: src/pages/status.jsx:827 +msgid "Error: {e}" +msgstr "" + +#: src/pages/status.jsx:834 +msgid "Switch to my instance to enable interactions" +msgstr "" + +#: src/pages/status.jsx:936 +msgid "Unable to load replies." +msgstr "" + +#: src/pages/status.jsx:1048 +msgid "Back" +msgstr "" + +#: src/pages/status.jsx:1079 +msgid "Go to main post" +msgstr "" + +#: src/pages/status.jsx:1102 +msgid "{0} posts above ‒ Go to top" +msgstr "" + +#: src/pages/status.jsx:1145 +#: src/pages/status.jsx:1208 +msgid "Switch to Side Peek view" +msgstr "" + +#: src/pages/status.jsx:1209 +msgid "Switch to Full view" +msgstr "" + +#: src/pages/status.jsx:1227 +msgid "Show all sensitive content" +msgstr "" + +#: src/pages/status.jsx:1232 +msgid "Experimental" +msgstr "" + +#: src/pages/status.jsx:1241 +msgid "Unable to switch" +msgstr "" + +#: src/pages/status.jsx:1248 +msgid "Switch to post's instance ({0})" +msgstr "" + +#: src/pages/status.jsx:1251 +msgid "Switch to post's instance" +msgstr "" + +#: src/pages/status.jsx:1309 +msgid "Unable to load post" +msgstr "" + +#: src/pages/status.jsx:1426 +msgid "{0, plural, one {# reply} other {<0>{1}</0> replies}}" +msgstr "" + +#: src/pages/status.jsx:1444 +msgid "{totalComments, plural, one {# comment} other {<0>{0}</0> comments}}" +msgstr "" + +#: src/pages/status.jsx:1466 +msgid "View post with its replies" +msgstr "" + +#: src/pages/trending.jsx:70 +msgid "Trending ({instance})" +msgstr "" + +#: src/pages/trending.jsx:227 +msgid "Trending News" +msgstr "" + +#: src/pages/trending.jsx:374 +msgid "Back to showing trending posts" +msgstr "" + +#: src/pages/trending.jsx:379 +msgid "Showing posts mentioning <0>{0}</0>" +msgstr "" + +#: src/pages/trending.jsx:391 +msgid "Trending posts" +msgstr "" + +#: src/pages/trending.jsx:414 +msgid "No trending posts." +msgstr "" + +#: src/pages/welcome.jsx:53 +msgid "A minimalistic opinionated Mastodon web client." +msgstr "" + +#: src/pages/welcome.jsx:64 +msgid "Log in with Mastodon" +msgstr "" + +#: src/pages/welcome.jsx:70 +msgid "Sign up" +msgstr "" + +#: src/pages/welcome.jsx:77 +msgid "Connect your existing Mastodon/Fediverse account.<0/>Your credentials are not stored on this server." +msgstr "" + +#: src/pages/welcome.jsx:94 +msgid "<0>Built</0> by <1>@cheeaun</1>. <2>Privacy Policy</2>." +msgstr "" + +#: src/pages/welcome.jsx:123 +msgid "Screenshot of Boosts Carousel" +msgstr "" + +#: src/pages/welcome.jsx:127 +msgid "Boosts Carousel" +msgstr "" + +#: src/pages/welcome.jsx:130 +msgid "Visually separate original posts and re-shared posts (boosted posts)." +msgstr "" + +#: src/pages/welcome.jsx:139 +msgid "Screenshot of nested comments thread" +msgstr "" + +#: src/pages/welcome.jsx:143 +msgid "Nested comments thread" +msgstr "" + +#: src/pages/welcome.jsx:146 +msgid "Effortlessly follow conversations. Semi-collapsible replies." +msgstr "" + +#: src/pages/welcome.jsx:154 +msgid "Screenshot of grouped notifications" +msgstr "" + +#: src/pages/welcome.jsx:158 +msgid "Grouped notifications" +msgstr "" + +#: src/pages/welcome.jsx:161 +msgid "Similar notifications are grouped and collapsed to reduce clutter." +msgstr "" + +#: src/pages/welcome.jsx:170 +msgid "Screenshot of multi-column UI" +msgstr "" + +#: src/pages/welcome.jsx:174 +msgid "Single or multi-column" +msgstr "" + +#: src/pages/welcome.jsx:177 +msgid "By default, single column for zen-mode seekers. Configurable multi-column for power users." +msgstr "" + +#: src/pages/welcome.jsx:186 +msgid "Screenshot of multi-hashtag timeline with a form to add more hashtags" +msgstr "" + +#: src/pages/welcome.jsx:190 +msgid "Multi-hashtag timeline" +msgstr "" + +#: src/pages/welcome.jsx:193 +msgid "Up to 5 hashtags combined into a single timeline." +msgstr "" + +#: src/utils/open-compose.js:24 +msgid "Looks like your browser is blocking popups." +msgstr "" + +#: src/utils/show-compose.js:16 +msgid "A draft post is currently minimized. Post or discard it before creating a new one." +msgstr "" + +#: src/utils/show-compose.js:21 +msgid "A post is currently open. Post or discard it before creating a new one." +msgstr "" diff --git a/src/locales/pseudo-LOCALE.po b/src/locales/pseudo-LOCALE.po new file mode 100644 index 000000000..f01f67712 --- /dev/null +++ b/src/locales/pseudo-LOCALE.po @@ -0,0 +1,3633 @@ +msgid "" +msgstr "" +"POT-Creation-Date: 2024-08-05 13:04+0800\n" +"MIME-Version: 1.0\n" +"Content-Type: text/plain; charset=utf-8\n" +"Content-Transfer-Encoding: 8bit\n" +"X-Generator: @lingui/cli\n" +"Language: pseudo-LOCALE\n" +"Project-Id-Version: \n" +"Report-Msgid-Bugs-To: \n" +"PO-Revision-Date: \n" +"Last-Translator: \n" +"Language-Team: \n" +"Plural-Forms: \n" + +#: src/components/account-block.jsx:133 +msgid "Locked" +msgstr "" + +#: src/components/account-block.jsx:139 +msgid "Posts: {0}" +msgstr "" + +#: src/components/account-block.jsx:144 +msgid "Last posted: {0}" +msgstr "" + +#: src/components/account-block.jsx:159 +#: src/components/account-info.jsx:635 +msgid "Automated" +msgstr "" + +#: src/components/account-block.jsx:166 +#: src/components/account-info.jsx:640 +#: src/components/status.jsx:439 +#: src/pages/catchup.jsx:1438 +msgid "Group" +msgstr "" + +#: src/components/account-block.jsx:176 +msgid "Mutual" +msgstr "" + +#: src/components/account-block.jsx:180 +#: src/components/account-info.jsx:1658 +msgid "Requested" +msgstr "" + +#: src/components/account-block.jsx:184 +#: src/components/account-info.jsx:417 +#: src/components/account-info.jsx:743 +#: src/components/account-info.jsx:757 +#: src/components/account-info.jsx:1649 +#: src/components/nav-menu.jsx:193 +#: src/components/shortcuts-settings.jsx:137 +#: src/pages/following.jsx:20 +#: src/pages/following.jsx:131 +msgid "Following" +msgstr "" + +#: src/components/account-block.jsx:188 +#: src/components/account-info.jsx:1060 +msgid "Follows you" +msgstr "" + +#: src/components/account-block.jsx:196 +msgid "{followersCount, plural, one {# follower} other {# followers}}" +msgstr "" + +#: src/components/account-block.jsx:205 +#: src/components/account-info.jsx:681 +msgid "Verified" +msgstr "" + +#: src/components/account-block.jsx:220 +#: src/components/account-info.jsx:778 +msgid "Joined <0>{0}</0>" +msgstr "" + +#: src/components/account-info.jsx:57 +msgid "Forever" +msgstr "" + +#: src/components/account-info.jsx:378 +msgid "Unable to load account." +msgstr "" + +#: src/components/account-info.jsx:386 +msgid "Go to account page" +msgstr "" + +#: src/components/account-info.jsx:414 +#: src/components/account-info.jsx:703 +#: src/components/account-info.jsx:733 +msgid "Followers" +msgstr "" + +#: src/components/account-info.jsx:420 +#: src/components/account-info.jsx:774 +#: src/pages/account-statuses.jsx:484 +#: src/pages/search.jsx:237 +#: src/pages/search.jsx:384 +msgid "Posts" +msgstr "" + +#: src/components/account-info.jsx:428 +#: src/components/account-info.jsx:1116 +#: src/components/compose.jsx:2444 +#: src/components/media-alt-modal.jsx:45 +#: src/components/media-modal.jsx:283 +#: src/components/status.jsx:1629 +#: src/components/status.jsx:1646 +#: src/components/status.jsx:1770 +#: src/components/status.jsx:2365 +#: src/components/status.jsx:2368 +#: src/pages/account-statuses.jsx:528 +#: src/pages/accounts.jsx:106 +#: src/pages/hashtag.jsx:199 +#: src/pages/list.jsx:157 +#: src/pages/public.jsx:114 +#: src/pages/status.jsx:1169 +#: src/pages/trending.jsx:437 +msgid "More" +msgstr "" + +#: src/components/account-info.jsx:440 +msgid "<0>{displayName}</0> has indicated that their new account is now:" +msgstr "" + +#: src/components/account-info.jsx:585 +#: src/components/account-info.jsx:1272 +msgid "Handle copied" +msgstr "" + +#: src/components/account-info.jsx:588 +#: src/components/account-info.jsx:1275 +msgid "Unable to copy handle" +msgstr "" + +#: src/components/account-info.jsx:594 +#: src/components/account-info.jsx:1281 +msgid "Copy handle" +msgstr "" + +#: src/components/account-info.jsx:600 +msgid "Go to original profile page" +msgstr "" + +#: src/components/account-info.jsx:607 +msgid "View profile image" +msgstr "" + +#: src/components/account-info.jsx:613 +msgid "View profile header" +msgstr "" + +#: src/components/account-info.jsx:630 +msgid "In Memoriam" +msgstr "" + +#: src/components/account-info.jsx:710 +#: src/components/account-info.jsx:748 +msgid "This user has chosen to not make this information available." +msgstr "" + +#: src/components/account-info.jsx:803 +msgid "{0} original posts, {1} replies, {2} boosts" +msgstr "" + +#: src/components/account-info.jsx:819 +msgid "{0, plural, one {{1, plural, one {Last 1 post in the past 1 day} other {Last 1 post in the past {2} days}}} other {{3, plural, one {Last {4} posts in the past 1 day} other {Last {5} posts in the past {6} days}}}}" +msgstr "" + +#: src/components/account-info.jsx:832 +msgid "{0, plural, one {Last 1 post in the past year(s)} other {Last {1} posts in the past year(s)}}" +msgstr "" + +#: src/components/account-info.jsx:856 +#: src/pages/catchup.jsx:70 +msgid "Original" +msgstr "" + +#: src/components/account-info.jsx:860 +#: src/components/status.jsx:2156 +#: src/pages/catchup.jsx:71 +#: src/pages/catchup.jsx:1412 +#: src/pages/catchup.jsx:2023 +#: src/pages/status.jsx:892 +#: src/pages/status.jsx:1494 +msgid "Replies" +msgstr "" + +#: src/components/account-info.jsx:864 +#: src/pages/catchup.jsx:72 +#: src/pages/catchup.jsx:1414 +#: src/pages/catchup.jsx:2035 +#: src/pages/settings.jsx:1008 +msgid "Boosts" +msgstr "" + +#: src/components/account-info.jsx:870 +msgid "Post stats unavailable." +msgstr "" + +#: src/components/account-info.jsx:901 +msgid "View post stats" +msgstr "" + +#: src/components/account-info.jsx:1064 +msgid "Last post: <0>{0}</0>" +msgstr "" + +#: src/components/account-info.jsx:1078 +msgid "Muted" +msgstr "" + +#: src/components/account-info.jsx:1083 +msgid "Blocked" +msgstr "" + +#: src/components/account-info.jsx:1092 +msgid "Private note" +msgstr "" + +#: src/components/account-info.jsx:1149 +msgid "Mention @{username}" +msgstr "" + +#: src/components/account-info.jsx:1159 +msgid "Translate bio" +msgstr "" + +#: src/components/account-info.jsx:1170 +msgid "Edit private note" +msgstr "" + +#: src/components/account-info.jsx:1170 +msgid "Add private note" +msgstr "" + +#: src/components/account-info.jsx:1190 +msgid "Notifications enabled for @{username}'s posts." +msgstr "" + +#: src/components/account-info.jsx:1191 +msgid "Notifications disabled for @{username}'s posts." +msgstr "" + +#: src/components/account-info.jsx:1203 +msgid "Disable notifications" +msgstr "" + +#: src/components/account-info.jsx:1204 +msgid "Enable notifications" +msgstr "" + +#: src/components/account-info.jsx:1221 +msgid "Boosts from @{username} enabled." +msgstr "" + +#: src/components/account-info.jsx:1222 +msgid "Boosts from @{username} disabled." +msgstr "" + +#: src/components/account-info.jsx:1233 +msgid "Disable boosts" +msgstr "" + +#: src/components/account-info.jsx:1233 +msgid "Enable boosts" +msgstr "" + +#: src/components/account-info.jsx:1249 +#: src/components/account-info.jsx:1259 +#: src/components/account-info.jsx:1842 +msgid "Add/Remove from Lists" +msgstr "" + +#: src/components/account-info.jsx:1298 +#: src/components/status.jsx:1072 +msgid "Link copied" +msgstr "" + +#: src/components/account-info.jsx:1301 +#: src/components/status.jsx:1075 +msgid "Unable to copy link" +msgstr "" + +#: src/components/account-info.jsx:1307 +#: src/components/shortcuts-settings.jsx:1056 +#: src/components/status.jsx:1081 +#: src/components/status.jsx:3103 +msgid "Copy" +msgstr "" + +#: src/components/account-info.jsx:1322 +#: src/components/shortcuts-settings.jsx:1074 +#: src/components/status.jsx:1097 +msgid "Sharing doesn't seem to work." +msgstr "" + +#: src/components/account-info.jsx:1328 +#: src/components/status.jsx:1103 +msgid "Share…" +msgstr "" + +#: src/components/account-info.jsx:1348 +msgid "Unmuted @{username}" +msgstr "" + +#: src/components/account-info.jsx:1360 +msgid "Unmute @{username}" +msgstr "" + +#: src/components/account-info.jsx:1374 +msgid "Mute @{username}…" +msgstr "" + +#: src/components/account-info.jsx:1404 +msgid "Muted @{username} for {0}" +msgstr "" + +#: src/components/account-info.jsx:1416 +msgid "Unable to mute @{username}" +msgstr "" + +#: src/components/account-info.jsx:1437 +msgid "Remove @{username} from followers?" +msgstr "" + +#: src/components/account-info.jsx:1454 +msgid "@{username} removed from followers" +msgstr "" + +#: src/components/account-info.jsx:1466 +msgid "Remove follower…" +msgstr "" + +#: src/components/account-info.jsx:1477 +msgid "Block @{username}?" +msgstr "" + +#: src/components/account-info.jsx:1496 +msgid "Unblocked @{username}" +msgstr "" + +#: src/components/account-info.jsx:1504 +msgid "Blocked @{username}" +msgstr "" + +#: src/components/account-info.jsx:1512 +msgid "Unable to unblock @{username}" +msgstr "" + +#: src/components/account-info.jsx:1514 +msgid "Unable to block @{username}" +msgstr "" + +#: src/components/account-info.jsx:1524 +msgid "Unblock @{username}" +msgstr "" + +#: src/components/account-info.jsx:1531 +msgid "Block @{username}…" +msgstr "" + +#: src/components/account-info.jsx:1546 +msgid "Report @{username}…" +msgstr "" + +#: src/components/account-info.jsx:1564 +#: src/components/account-info.jsx:2072 +msgid "Edit profile" +msgstr "" + +#: src/components/account-info.jsx:1600 +msgid "Withdraw follow request?" +msgstr "" + +#: src/components/account-info.jsx:1601 +msgid "Unfollow @{0}?" +msgstr "" + +#: src/components/account-info.jsx:1652 +msgid "Unfollow…" +msgstr "" + +#: src/components/account-info.jsx:1661 +msgid "Withdraw…" +msgstr "" + +#: src/components/account-info.jsx:1668 +#: src/components/account-info.jsx:1672 +#: src/pages/hashtag.jsx:261 +msgid "Follow" +msgstr "" + +#: src/components/account-info.jsx:1783 +#: src/components/account-info.jsx:1837 +#: src/components/account-info.jsx:1970 +#: src/components/account-info.jsx:2067 +#: src/components/account-sheet.jsx:37 +#: src/components/compose.jsx:797 +#: src/components/compose.jsx:2400 +#: src/components/compose.jsx:2873 +#: src/components/compose.jsx:3081 +#: src/components/compose.jsx:3311 +#: src/components/drafts.jsx:58 +#: src/components/embed-modal.jsx:12 +#: src/components/generic-accounts.jsx:142 +#: src/components/keyboard-shortcuts-help.jsx:39 +#: src/components/list-add-edit.jsx:33 +#: src/components/media-alt-modal.jsx:33 +#: src/components/media-modal.jsx:247 +#: src/components/notification-service.jsx:156 +#: src/components/report-modal.jsx:75 +#: src/components/shortcuts-settings.jsx:227 +#: src/components/shortcuts-settings.jsx:580 +#: src/components/shortcuts-settings.jsx:780 +#: src/components/status.jsx:2828 +#: src/components/status.jsx:3067 +#: src/components/status.jsx:3565 +#: src/pages/accounts.jsx:33 +#: src/pages/catchup.jsx:1548 +#: src/pages/filters.jsx:224 +#: src/pages/list.jsx:274 +#: src/pages/notifications.jsx:823 +#: src/pages/notifications.jsx:1055 +#: src/pages/settings.jsx:69 +#: src/pages/status.jsx:1256 +msgid "Close" +msgstr "" + +#: src/components/account-info.jsx:1788 +msgid "Translated Bio" +msgstr "" + +#: src/components/account-info.jsx:1882 +msgid "Unable to remove from list." +msgstr "" + +#: src/components/account-info.jsx:1883 +msgid "Unable to add to list." +msgstr "" + +#: src/components/account-info.jsx:1902 +#: src/pages/lists.jsx:104 +msgid "Unable to load lists." +msgstr "" + +#: src/components/account-info.jsx:1906 +msgid "No lists." +msgstr "" + +#: src/components/account-info.jsx:1917 +#: src/components/list-add-edit.jsx:37 +#: src/pages/lists.jsx:58 +msgid "New list" +msgstr "" + +#: src/components/account-info.jsx:1975 +msgid "Private note about @{0}" +msgstr "" + +#: src/components/account-info.jsx:2002 +msgid "Unable to update private note." +msgstr "" + +#: src/components/account-info.jsx:2025 +#: src/components/account-info.jsx:2195 +msgid "Cancel" +msgstr "" + +#: src/components/account-info.jsx:2030 +msgid "Save & close" +msgstr "" + +#: src/components/account-info.jsx:2123 +msgid "Unable to update profile." +msgstr "" + +#: src/components/account-info.jsx:2143 +msgid "Bio" +msgstr "" + +#: src/components/account-info.jsx:2156 +msgid "Extra fields" +msgstr "" + +#: src/components/account-info.jsx:2162 +msgid "Label" +msgstr "" + +#: src/components/account-info.jsx:2165 +msgid "Content" +msgstr "" + +#: src/components/account-info.jsx:2198 +#: src/components/list-add-edit.jsx:147 +#: src/components/shortcuts-settings.jsx:712 +#: src/pages/filters.jsx:554 +#: src/pages/notifications.jsx:910 +msgid "Save" +msgstr "" + +#: src/components/account-info.jsx:2251 +msgid "username" +msgstr "" + +#: src/components/account-info.jsx:2255 +msgid "server domain name" +msgstr "" + +#: src/components/background-service.jsx:138 +msgid "Cloak mode disabled" +msgstr "" + +#: src/components/background-service.jsx:138 +msgid "Cloak mode enabled" +msgstr "" + +#: src/components/columns.jsx:19 +#: src/components/nav-menu.jsx:184 +#: src/components/shortcuts-settings.jsx:137 +#: src/components/timeline.jsx:431 +#: src/pages/catchup.jsx:860 +#: src/pages/filters.jsx:89 +#: src/pages/followed-hashtags.jsx:40 +#: src/pages/home.jsx:50 +#: src/pages/notifications.jsx:488 +msgid "Home" +msgstr "" + +#: src/components/compose-button.jsx:49 +#: src/compose.jsx:34 +msgid "Compose" +msgstr "" + +#: src/components/compose.jsx:392 +msgid "You have unsaved changes. Discard this post?" +msgstr "" + +#: src/components/compose.jsx:614 +#: src/components/compose.jsx:630 +#: src/components/compose.jsx:1328 +#: src/components/compose.jsx:1582 +msgid "{maxMediaAttachments, plural, one {You can only attach up to 1 file.} other {You can only attach up to # files.}}" +msgstr "" + +#: src/components/compose.jsx:778 +msgid "Pop out" +msgstr "" + +#: src/components/compose.jsx:785 +msgid "Minimize" +msgstr "" + +#: src/components/compose.jsx:821 +msgid "Looks like you closed the parent window." +msgstr "" + +#: src/components/compose.jsx:828 +msgid "Looks like you already have a compose field open in the parent window and currently publishing. Please wait for it to be done and try again later." +msgstr "" + +#: src/components/compose.jsx:833 +msgid "Looks like you already have a compose field open in the parent window. Popping in this window will discard the changes you made in the parent window. Continue?" +msgstr "" + +#: src/components/compose.jsx:875 +msgid "Pop in" +msgstr "" + +#: src/components/compose.jsx:885 +msgid "Replying to @{0}’s post (<0>{1}</0>)" +msgstr "" + +#: src/components/compose.jsx:895 +msgid "Replying to @{0}’s post" +msgstr "" + +#: src/components/compose.jsx:908 +msgid "Editing source post" +msgstr "" + +#: src/components/compose.jsx:955 +msgid "Poll must have at least 2 options" +msgstr "" + +#: src/components/compose.jsx:959 +msgid "Some poll choices are empty" +msgstr "" + +#: src/components/compose.jsx:972 +msgid "Some media have no descriptions. Continue?" +msgstr "" + +#: src/components/compose.jsx:1024 +msgid "Attachment #{i} failed" +msgstr "" + +#: src/components/compose.jsx:1118 +#: src/components/status.jsx:1955 +#: src/components/timeline.jsx:975 +msgid "Content warning" +msgstr "" + +#: src/components/compose.jsx:1134 +msgid "Content warning or sensitive media" +msgstr "" + +#: src/components/compose.jsx:1170 +#: src/components/status.jsx:93 +#: src/pages/settings.jsx:285 +msgid "Public" +msgstr "" + +#: src/components/compose.jsx:1173 +#: src/components/status.jsx:94 +#: src/pages/settings.jsx:288 +msgid "Unlisted" +msgstr "" + +#: src/components/compose.jsx:1176 +#: src/components/status.jsx:95 +#: src/pages/settings.jsx:291 +msgid "Followers only" +msgstr "" + +#: src/components/compose.jsx:1179 +#: src/components/status.jsx:96 +#: src/components/status.jsx:1833 +msgid "Private mention" +msgstr "" + +#: src/components/compose.jsx:1188 +msgid "Post your reply" +msgstr "" + +#: src/components/compose.jsx:1190 +msgid "Edit your post" +msgstr "" + +#: src/components/compose.jsx:1191 +msgid "What are you doing?" +msgstr "" + +#: src/components/compose.jsx:1266 +msgid "Mark media as sensitive" +msgstr "" + +#: src/components/compose.jsx:1364 +msgid "Add poll" +msgstr "" + +#: src/components/compose.jsx:1386 +msgid "Add custom emoji" +msgstr "" + +#: src/components/compose.jsx:1469 +#: src/components/keyboard-shortcuts-help.jsx:143 +#: src/components/status.jsx:1609 +#: src/components/status.jsx:1610 +#: src/components/status.jsx:2261 +msgid "Reply" +msgstr "" + +#: src/components/compose.jsx:1469 +msgid "Update" +msgstr "" + +#: src/components/compose.jsx:1469 +#: src/pages/status.jsx:565 +msgid "Post" +msgstr "" + +#: src/components/compose.jsx:1594 +msgid "Downloading GIF…" +msgstr "" + +#: src/components/compose.jsx:1622 +msgid "Failed to download GIF" +msgstr "" + +#: src/components/compose.jsx:1733 +#: src/components/compose.jsx:1810 +#: src/components/nav-menu.jsx:287 +msgid "More…" +msgstr "" + +#: src/components/compose.jsx:2213 +msgid "Uploaded" +msgstr "" + +#: src/components/compose.jsx:2226 +msgid "Image description" +msgstr "" + +#: src/components/compose.jsx:2227 +msgid "Video description" +msgstr "" + +#: src/components/compose.jsx:2228 +msgid "Audio description" +msgstr "" + +#: src/components/compose.jsx:2264 +#: src/components/compose.jsx:2284 +msgid "File size too large. Uploading might encounter issues. Try reduce the file size from {0} to {1} or lower." +msgstr "" + +#: src/components/compose.jsx:2276 +#: src/components/compose.jsx:2296 +msgid "Dimension too large. Uploading might encounter issues. Try reduce dimension from {0}×{1}px to {2}×{3}px." +msgstr "" + +#: src/components/compose.jsx:2304 +msgid "Frame rate too high. Uploading might encounter issues." +msgstr "" + +#: src/components/compose.jsx:2364 +#: src/components/compose.jsx:2614 +#: src/components/shortcuts-settings.jsx:723 +#: src/pages/catchup.jsx:1058 +#: src/pages/filters.jsx:412 +msgid "Remove" +msgstr "" + +#: src/components/compose.jsx:2381 +msgid "Error" +msgstr "" + +#: src/components/compose.jsx:2406 +msgid "Edit image description" +msgstr "" + +#: src/components/compose.jsx:2407 +msgid "Edit video description" +msgstr "" + +#: src/components/compose.jsx:2408 +msgid "Edit audio description" +msgstr "" + +#: src/components/compose.jsx:2453 +#: src/components/compose.jsx:2502 +msgid "Generating description. Please wait..." +msgstr "" + +#: src/components/compose.jsx:2473 +msgid "Failed to generate description: {0}" +msgstr "" + +#: src/components/compose.jsx:2474 +msgid "Failed to generate description" +msgstr "" + +#: src/components/compose.jsx:2486 +#: src/components/compose.jsx:2492 +#: src/components/compose.jsx:2538 +msgid "Generate description…" +msgstr "" + +#: src/components/compose.jsx:2525 +msgid "Failed to generate description{0}" +msgstr "" + +#: src/components/compose.jsx:2540 +msgid "({0}) <0>— experimental</0>" +msgstr "" + +#: src/components/compose.jsx:2559 +msgid "Done" +msgstr "" + +#: src/components/compose.jsx:2595 +msgid "Choice {0}" +msgstr "" + +#: src/components/compose.jsx:2642 +msgid "Multiple choices" +msgstr "" + +#: src/components/compose.jsx:2645 +msgid "Duration" +msgstr "" + +#: src/components/compose.jsx:2676 +msgid "Remove poll" +msgstr "" + +#: src/components/compose.jsx:2890 +msgid "Search accounts" +msgstr "" + +#: src/components/compose.jsx:2931 +#: src/components/shortcuts-settings.jsx:712 +#: src/pages/list.jsx:356 +msgid "Add" +msgstr "" + +#: src/components/compose.jsx:2944 +#: src/components/generic-accounts.jsx:227 +msgid "Error loading accounts" +msgstr "" + +#: src/components/compose.jsx:3087 +msgid "Custom emojis" +msgstr "" + +#: src/components/compose.jsx:3107 +msgid "Search emoji" +msgstr "" + +#: src/components/compose.jsx:3138 +msgid "Error loading custom emojis" +msgstr "" + +#: src/components/compose.jsx:3149 +msgid "Recently used" +msgstr "" + +#: src/components/compose.jsx:3150 +msgid "Others" +msgstr "" + +#: src/components/compose.jsx:3188 +msgid "{0} more…" +msgstr "" + +#: src/components/compose.jsx:3326 +msgid "Search GIFs" +msgstr "" + +#: src/components/compose.jsx:3341 +msgid "Powered by GIPHY" +msgstr "" + +#: src/components/compose.jsx:3349 +msgid "Type to search GIFs" +msgstr "" + +#: src/components/compose.jsx:3447 +#: src/components/media-modal.jsx:387 +#: src/components/timeline.jsx:880 +msgid "Previous" +msgstr "" + +#: src/components/compose.jsx:3465 +#: src/components/media-modal.jsx:406 +#: src/components/timeline.jsx:897 +msgid "Next" +msgstr "" + +#: src/components/compose.jsx:3482 +msgid "Error loading GIFs" +msgstr "" + +#: src/components/drafts.jsx:63 +#: src/pages/settings.jsx:664 +msgid "Unsent drafts" +msgstr "" + +#: src/components/drafts.jsx:68 +msgid "Looks like you have unsent drafts. Let's continue where you left off." +msgstr "" + +#: src/components/drafts.jsx:100 +msgid "Delete this draft?" +msgstr "" + +#: src/components/drafts.jsx:115 +msgid "Error deleting draft! Please try again." +msgstr "" + +#: src/components/drafts.jsx:125 +#: src/components/list-add-edit.jsx:183 +#: src/components/status.jsx:1244 +#: src/pages/filters.jsx:587 +msgid "Delete…" +msgstr "" + +#: src/components/drafts.jsx:144 +msgid "Error fetching reply-to status!" +msgstr "" + +#: src/components/drafts.jsx:169 +msgid "Delete all drafts?" +msgstr "" + +#: src/components/drafts.jsx:187 +msgid "Error deleting drafts! Please try again." +msgstr "" + +#: src/components/drafts.jsx:199 +msgid "Delete all…" +msgstr "" + +#: src/components/drafts.jsx:207 +msgid "No drafts found." +msgstr "" + +#: src/components/drafts.jsx:243 +#: src/pages/catchup.jsx:1895 +msgid "Poll" +msgstr "" + +#: src/components/drafts.jsx:246 +#: src/pages/account-statuses.jsx:365 +msgid "Media" +msgstr "" + +#: src/components/embed-modal.jsx:22 +msgid "Open in new window" +msgstr "" + +#: src/components/follow-request-buttons.jsx:42 +msgid "Accept" +msgstr "" + +#: src/components/follow-request-buttons.jsx:68 +msgid "Reject" +msgstr "" + +#: src/components/follow-request-buttons.jsx:75 +#: src/pages/notifications.jsx:1171 +msgid "Accepted" +msgstr "" + +#: src/components/follow-request-buttons.jsx:79 +msgid "Rejected" +msgstr "" + +#: src/components/generic-accounts.jsx:24 +msgid "Nothing to show" +msgstr "" + +#: src/components/generic-accounts.jsx:145 +#: src/components/notification.jsx:423 +#: src/pages/accounts.jsx:38 +#: src/pages/search.jsx:227 +#: src/pages/search.jsx:260 +msgid "Accounts" +msgstr "" + +#: src/components/generic-accounts.jsx:205 +#: src/components/timeline.jsx:513 +#: src/pages/list.jsx:293 +#: src/pages/notifications.jsx:803 +#: src/pages/search.jsx:454 +#: src/pages/status.jsx:1289 +msgid "Show more…" +msgstr "" + +#: src/components/generic-accounts.jsx:210 +#: src/components/timeline.jsx:518 +#: src/pages/search.jsx:459 +msgid "The end." +msgstr "" + +#: src/components/keyboard-shortcuts-help.jsx:43 +#: src/components/nav-menu.jsx:398 +#: src/pages/catchup.jsx:1586 +msgid "Keyboard shortcuts" +msgstr "" + +#: src/components/keyboard-shortcuts-help.jsx:51 +msgid "Keyboard shortcuts help" +msgstr "" + +#: src/components/keyboard-shortcuts-help.jsx:55 +#: src/pages/catchup.jsx:1611 +msgid "Next post" +msgstr "" + +#: src/components/keyboard-shortcuts-help.jsx:59 +#: src/pages/catchup.jsx:1619 +msgid "Previous post" +msgstr "" + +#: src/components/keyboard-shortcuts-help.jsx:63 +msgid "Skip carousel to next post" +msgstr "" + +#: src/components/keyboard-shortcuts-help.jsx:71 +msgid "Skip carousel to previous post" +msgstr "" + +#: src/components/keyboard-shortcuts-help.jsx:79 +msgid "Load new posts" +msgstr "" + +#: src/components/keyboard-shortcuts-help.jsx:83 +#: src/pages/catchup.jsx:1643 +msgid "Open post details" +msgstr "" + +#: src/components/keyboard-shortcuts-help.jsx:92 +msgid "Expand content warning or<0/>toggle expanded/collapsed thread" +msgstr "" + +#: src/components/keyboard-shortcuts-help.jsx:101 +msgid "Close post or dialogs" +msgstr "" + +#: src/components/keyboard-shortcuts-help.jsx:109 +msgid "Focus column in multi-column mode" +msgstr "" + +#: src/components/keyboard-shortcuts-help.jsx:117 +msgid "Compose new post" +msgstr "" + +#: src/components/keyboard-shortcuts-help.jsx:121 +msgid "Compose new post (new window)" +msgstr "" + +#: src/components/keyboard-shortcuts-help.jsx:130 +msgid "Send post" +msgstr "" + +#: src/components/keyboard-shortcuts-help.jsx:139 +#: src/components/nav-menu.jsx:367 +#: src/components/search-form.jsx:72 +#: src/components/shortcuts-settings.jsx:52 +#: src/components/shortcuts-settings.jsx:176 +#: src/pages/search.jsx:39 +#: src/pages/search.jsx:209 +msgid "Search" +msgstr "" + +#: src/components/keyboard-shortcuts-help.jsx:147 +msgid "Reply (new window)" +msgstr "" + +#: src/components/keyboard-shortcuts-help.jsx:156 +msgid "Like (favourite)" +msgstr "" + +#: src/components/keyboard-shortcuts-help.jsx:164 +#: src/components/status.jsx:842 +#: src/components/status.jsx:2287 +#: src/components/status.jsx:2319 +#: src/components/status.jsx:2320 +msgid "Boost" +msgstr "" + +#: src/components/keyboard-shortcuts-help.jsx:172 +#: src/components/status.jsx:927 +#: src/components/status.jsx:2344 +#: src/components/status.jsx:2345 +msgid "Bookmark" +msgstr "" + +#: src/components/keyboard-shortcuts-help.jsx:176 +msgid "Toggle Cloak mode" +msgstr "" + +#: src/components/list-add-edit.jsx:37 +msgid "Edit list" +msgstr "" + +#: src/components/list-add-edit.jsx:93 +msgid "Unable to edit list." +msgstr "" + +#: src/components/list-add-edit.jsx:94 +msgid "Unable to create list." +msgstr "" + +#: src/components/list-add-edit.jsx:102 +msgid "Name" +msgstr "" + +#: src/components/list-add-edit.jsx:122 +msgid "Show replies to list members" +msgstr "" + +#: src/components/list-add-edit.jsx:125 +msgid "Show replies to people I follow" +msgstr "" + +#: src/components/list-add-edit.jsx:128 +msgid "Don't show replies" +msgstr "" + +#: src/components/list-add-edit.jsx:141 +msgid "Hide posts on this list from Home/Following" +msgstr "" + +#: src/components/list-add-edit.jsx:147 +#: src/pages/filters.jsx:554 +msgid "Create" +msgstr "" + +#: src/components/list-add-edit.jsx:154 +msgid "Delete this list?" +msgstr "" + +#: src/components/list-add-edit.jsx:173 +msgid "Unable to delete list." +msgstr "" + +#: src/components/media-alt-modal.jsx:38 +#: src/components/media.jsx:50 +msgid "Media description" +msgstr "" + +#: src/components/media-alt-modal.jsx:57 +#: src/components/status.jsx:971 +#: src/components/status.jsx:998 +#: src/components/translation-block.jsx:195 +msgid "Translate" +msgstr "" + +#: src/components/media-alt-modal.jsx:68 +#: src/components/status.jsx:985 +#: src/components/status.jsx:1012 +msgid "Speak" +msgstr "" + +#: src/components/media-modal.jsx:294 +msgid "Open original media in new window" +msgstr "" + +#: src/components/media-modal.jsx:298 +msgid "Open original media" +msgstr "" + +#: src/components/media-modal.jsx:314 +msgid "Attempting to describe image. Please wait..." +msgstr "" + +#: src/components/media-modal.jsx:329 +msgid "Failed to describe image" +msgstr "" + +#: src/components/media-modal.jsx:339 +msgid "Describe image…" +msgstr "" + +#: src/components/media-modal.jsx:362 +msgid "View post" +msgstr "" + +#: src/components/media-post.jsx:127 +msgid "Sensitive media" +msgstr "" + +#: src/components/media-post.jsx:132 +msgid "Filtered: {filterTitleStr}" +msgstr "" + +#: src/components/media-post.jsx:133 +#: src/components/status.jsx:3395 +#: src/components/status.jsx:3491 +#: src/components/status.jsx:3569 +#: src/components/timeline.jsx:964 +#: src/pages/catchup.jsx:75 +#: src/pages/catchup.jsx:1843 +msgid "Filtered" +msgstr "" + +#: src/components/modals.jsx:72 +msgid "Post published. Check it out." +msgstr "" + +#: src/components/modals.jsx:73 +msgid "Reply posted. Check it out." +msgstr "" + +#: src/components/modals.jsx:74 +msgid "Post updated. Check it out." +msgstr "" + +#: src/components/nav-menu.jsx:126 +msgid "Menu" +msgstr "" + +#: src/components/nav-menu.jsx:162 +msgid "Reload page now to update?" +msgstr "" + +#: src/components/nav-menu.jsx:174 +msgid "New update available…" +msgstr "" + +#: src/components/nav-menu.jsx:200 +#: src/pages/catchup.jsx:855 +msgid "Catch-up" +msgstr "" + +#: src/components/nav-menu.jsx:207 +#: src/components/shortcuts-settings.jsx:58 +#: src/components/shortcuts-settings.jsx:143 +#: src/pages/home.jsx:221 +#: src/pages/mentions.jsx:20 +#: src/pages/mentions.jsx:167 +#: src/pages/settings.jsx:1000 +#: src/pages/trending.jsx:347 +msgid "Mentions" +msgstr "" + +#: src/components/nav-menu.jsx:214 +#: src/components/shortcuts-settings.jsx:49 +#: src/components/shortcuts-settings.jsx:149 +#: src/pages/filters.jsx:24 +#: src/pages/home.jsx:81 +#: src/pages/home.jsx:181 +#: src/pages/notifications.jsx:89 +#: src/pages/notifications.jsx:492 +msgid "Notifications" +msgstr "" + +#: src/components/nav-menu.jsx:217 +msgid "New" +msgstr "" + +#: src/components/nav-menu.jsx:228 +msgid "Profile" +msgstr "" + +#: src/components/nav-menu.jsx:241 +#: src/components/nav-menu.jsx:268 +#: src/components/shortcuts-settings.jsx:50 +#: src/components/shortcuts-settings.jsx:155 +#: src/pages/list.jsx:126 +#: src/pages/lists.jsx:16 +#: src/pages/lists.jsx:50 +msgid "Lists" +msgstr "" + +#: src/components/nav-menu.jsx:249 +#: src/components/shortcuts.jsx:209 +#: src/pages/list.jsx:133 +msgid "All Lists" +msgstr "" + +#: src/components/nav-menu.jsx:276 +#: src/components/shortcuts-settings.jsx:54 +#: src/components/shortcuts-settings.jsx:192 +#: src/pages/bookmarks.jsx:11 +#: src/pages/bookmarks.jsx:23 +msgid "Bookmarks" +msgstr "" + +#: src/components/nav-menu.jsx:296 +#: src/components/shortcuts-settings.jsx:55 +#: src/components/shortcuts-settings.jsx:198 +#: src/pages/catchup.jsx:1413 +#: src/pages/catchup.jsx:2029 +#: src/pages/favourites.jsx:11 +#: src/pages/favourites.jsx:23 +#: src/pages/settings.jsx:1004 +msgid "Likes" +msgstr "" + +#: src/components/nav-menu.jsx:302 +#: src/pages/followed-hashtags.jsx:14 +#: src/pages/followed-hashtags.jsx:44 +msgid "Followed Hashtags" +msgstr "" + +#: src/components/nav-menu.jsx:309 +#: src/pages/account-statuses.jsx:331 +#: src/pages/filters.jsx:54 +#: src/pages/filters.jsx:93 +#: src/pages/hashtag.jsx:339 +msgid "Filters" +msgstr "" + +#: src/components/nav-menu.jsx:316 +msgid "Muted users" +msgstr "" + +#: src/components/nav-menu.jsx:322 +msgid "Muted users…" +msgstr "" + +#: src/components/nav-menu.jsx:328 +msgid "Blocked users" +msgstr "" + +#: src/components/nav-menu.jsx:335 +msgid "Blocked users…" +msgstr "" + +#: src/components/nav-menu.jsx:346 +msgid "Accounts…" +msgstr "" + +#: src/components/nav-menu.jsx:356 +#: src/pages/login.jsx:142 +#: src/pages/status.jsx:792 +#: src/pages/welcome.jsx:64 +msgid "Log in" +msgstr "" + +#: src/components/nav-menu.jsx:373 +#: src/components/shortcuts-settings.jsx:57 +#: src/components/shortcuts-settings.jsx:169 +#: src/pages/trending.jsx:407 +msgid "Trending" +msgstr "" + +#: src/components/nav-menu.jsx:379 +#: src/components/shortcuts-settings.jsx:162 +msgid "Local" +msgstr "" + +#: src/components/nav-menu.jsx:385 +#: src/components/shortcuts-settings.jsx:162 +msgid "Federated" +msgstr "" + +#: src/components/nav-menu.jsx:408 +msgid "Shortcuts / Columns…" +msgstr "" + +#: src/components/nav-menu.jsx:418 +#: src/components/nav-menu.jsx:432 +msgid "Settings…" +msgstr "" + +#: src/components/notification-service.jsx:160 +msgid "Notification" +msgstr "" + +#: src/components/notification-service.jsx:166 +msgid "This notification is from your other account." +msgstr "" + +#: src/components/notification-service.jsx:195 +msgid "View all notifications" +msgstr "" + +#: src/components/notification.jsx:68 +msgid "{account} reacted to your post with {emojiObject}" +msgstr "" + +#: src/components/notification.jsx:75 +msgid "{account} published a post." +msgstr "" + +#: src/components/notification.jsx:83 +msgid "{count, plural, one {{postsCount, plural, one {{postType, select, reply {{account} boosted your reply.} other {{account} boosted your post.}}} other {{account} boosted {postsCount} of your posts.}}} other {{postType, select, reply {<0><1>{0}</1> people</0> boosted your reply.} other {<2><3>{1}</3> people</2> boosted your post.}}}}" +msgstr "" + +#: src/components/notification.jsx:126 +msgid "{count, plural, one {{account} followed you.} other {<0><1>{0}</1> people</0> followed you.}}" +msgstr "" + +#: src/components/notification.jsx:140 +msgid "{account} requested to follow you." +msgstr "" + +#: src/components/notification.jsx:149 +msgid "{count, plural, one {{postsCount, plural, one {{postType, select, reply {{account} liked your reply.} other {{account} liked your post.}}} other {{account} liked {postsCount} of your posts.}}} other {{postType, select, reply {<0><1>{0}</1> people</0> liked your reply.} other {<2><3>{1}</3> people</2> liked your post.}}}}" +msgstr "" + +#: src/components/notification.jsx:191 +msgid "A poll you have voted in or created has ended." +msgstr "" + +#: src/components/notification.jsx:192 +msgid "A poll you have created has ended." +msgstr "" + +#: src/components/notification.jsx:193 +msgid "A poll you have voted in has ended." +msgstr "" + +#: src/components/notification.jsx:194 +msgid "A post you interacted with has been edited." +msgstr "" + +#: src/components/notification.jsx:202 +msgid "{count, plural, one {{postsCount, plural, one {{postType, select, reply {{account} boosted & liked your reply.} other {{account} boosted & liked your post.}}} other {{account} boosted & liked {postsCount} of your posts.}}} other {{postType, select, reply {<0><1>{0}</1> people</0> boosted & liked your reply.} other {<2><3>{1}</3> people</2> boosted & liked your post.}}}}" +msgstr "" + +#: src/components/notification.jsx:244 +msgid "{account} signed up." +msgstr "" + +#: src/components/notification.jsx:246 +msgid "{account} reported {targetAccount}" +msgstr "" + +#: src/components/notification.jsx:251 +msgid "Lost connections with <0>{name}</0>." +msgstr "" + +#: src/components/notification.jsx:257 +msgid "Moderation warning" +msgstr "" + +#: src/components/notification.jsx:267 +msgid "An admin from <0>{from}</0> has suspended <1>{targetName}</1>, which means you can no longer receive updates from them or interact with them." +msgstr "" + +#: src/components/notification.jsx:273 +msgid "An admin from <0>{from}</0> has blocked <1>{targetName}</1>. Affected followers: {followersCount}, followings: {followingCount}." +msgstr "" + +#: src/components/notification.jsx:279 +msgid "You have blocked <0>{targetName}</0>. Removed followers: {followersCount}, followings: {followingCount}." +msgstr "" + +#: src/components/notification.jsx:287 +msgid "Your account has received a moderation warning." +msgstr "" + +#: src/components/notification.jsx:288 +msgid "Your account has been disabled." +msgstr "" + +#: src/components/notification.jsx:289 +msgid "Some of your posts have been marked as sensitive." +msgstr "" + +#: src/components/notification.jsx:290 +msgid "Some of your posts have been deleted." +msgstr "" + +#: src/components/notification.jsx:291 +msgid "Your posts will be marked as sensitive from now on." +msgstr "" + +#: src/components/notification.jsx:292 +msgid "Your account has been limited." +msgstr "" + +#: src/components/notification.jsx:293 +msgid "Your account has been suspended." +msgstr "" + +#: src/components/notification.jsx:364 +msgid "[Unknown notification type: {type}]" +msgstr "" + +#: src/components/notification.jsx:419 +#: src/components/status.jsx:941 +#: src/components/status.jsx:951 +msgid "Boosted/Liked by…" +msgstr "" + +#: src/components/notification.jsx:420 +msgid "Liked by…" +msgstr "" + +#: src/components/notification.jsx:421 +msgid "Boosted by…" +msgstr "" + +#: src/components/notification.jsx:422 +msgid "Followed by…" +msgstr "" + +#: src/components/notification.jsx:478 +#: src/components/notification.jsx:494 +msgid "Learn more <0/>" +msgstr "" + +#: src/components/notification.jsx:674 +#: src/components/status.jsx:189 +msgid "Read more →" +msgstr "" + +#: src/components/poll.jsx:110 +msgid "Voted" +msgstr "" + +#: src/components/poll.jsx:135 +#: src/components/poll.jsx:218 +#: src/components/poll.jsx:222 +msgid "Hide results" +msgstr "" + +#: src/components/poll.jsx:184 +msgid "Vote" +msgstr "" + +#: src/components/poll.jsx:204 +#: src/components/poll.jsx:206 +#: src/pages/status.jsx:1158 +#: src/pages/status.jsx:1181 +msgid "Refresh" +msgstr "" + +#: src/components/poll.jsx:218 +#: src/components/poll.jsx:222 +msgid "Show results" +msgstr "" + +#: src/components/poll.jsx:227 +msgid "{votesCount, plural, one {<0>{0}</0> vote} other {<1>{1}</1> votes}}" +msgstr "" + +#: src/components/poll.jsx:244 +msgid "{votersCount, plural, one {<0>{0}</0> voter} other {<1>{1}</1> voters}}" +msgstr "" + +#: src/components/poll.jsx:264 +msgid "Ended <0/>" +msgstr "" + +#: src/components/poll.jsx:268 +msgid "Ended" +msgstr "" + +#: src/components/poll.jsx:271 +msgid "Ending <0/>" +msgstr "" + +#: src/components/poll.jsx:275 +msgid "Ending" +msgstr "" + +#. Relative time in seconds, as short as possible +#: src/components/relative-time.jsx:46 +msgid "{0}s" +msgstr "" + +#. Relative time in minutes, as short as possible +#: src/components/relative-time.jsx:51 +msgid "{0}m" +msgstr "" + +#. Relative time in hours, as short as possible +#: src/components/relative-time.jsx:56 +msgid "{0}h" +msgstr "" + +#: src/components/report-modal.jsx:29 +msgid "Spam" +msgstr "" + +#: src/components/report-modal.jsx:30 +msgid "Malicious links, fake engagement, or repetitive replies" +msgstr "" + +#: src/components/report-modal.jsx:33 +msgid "Illegal" +msgstr "" + +#: src/components/report-modal.jsx:34 +msgid "Violates the law of your or the server's country" +msgstr "" + +#: src/components/report-modal.jsx:37 +msgid "Server rule violation" +msgstr "" + +#: src/components/report-modal.jsx:38 +msgid "Breaks specific server rules" +msgstr "" + +#: src/components/report-modal.jsx:39 +msgid "Violation" +msgstr "" + +#: src/components/report-modal.jsx:42 +msgid "Other" +msgstr "" + +#: src/components/report-modal.jsx:43 +msgid "Issue doesn't fit other categories" +msgstr "" + +#: src/components/report-modal.jsx:68 +msgid "Report Post" +msgstr "" + +#: src/components/report-modal.jsx:68 +msgid "Report @{username}" +msgstr "" + +#: src/components/report-modal.jsx:104 +msgid "Pending review" +msgstr "" + +#: src/components/report-modal.jsx:146 +msgid "Post reported" +msgstr "" + +#: src/components/report-modal.jsx:146 +msgid "Profile reported" +msgstr "" + +#: src/components/report-modal.jsx:154 +msgid "Unable to report post" +msgstr "" + +#: src/components/report-modal.jsx:155 +msgid "Unable to report profile" +msgstr "" + +#: src/components/report-modal.jsx:163 +msgid "What's the issue with this post?" +msgstr "" + +#: src/components/report-modal.jsx:164 +msgid "What's the issue with this profile?" +msgstr "" + +#: src/components/report-modal.jsx:233 +msgid "Additional info" +msgstr "" + +#: src/components/report-modal.jsx:255 +msgid "Forward to <0>{domain}</0>" +msgstr "" + +#: src/components/report-modal.jsx:265 +msgid "Send Report" +msgstr "" + +#: src/components/report-modal.jsx:274 +msgid "Muted {username}" +msgstr "" + +#: src/components/report-modal.jsx:277 +msgid "Unable to mute {username}" +msgstr "" + +#: src/components/report-modal.jsx:282 +msgid "Send Report <0>+ Mute profile</0>" +msgstr "" + +#: src/components/report-modal.jsx:293 +msgid "Blocked {username}" +msgstr "" + +#: src/components/report-modal.jsx:296 +msgid "Unable to block {username}" +msgstr "" + +#: src/components/report-modal.jsx:301 +msgid "Send Report <0>+ Block profile</0>" +msgstr "" + +#: src/components/search-form.jsx:202 +msgid "{query} <0>‒ accounts, hashtags & posts</0>" +msgstr "" + +#: src/components/search-form.jsx:215 +msgid "Posts with <0>{query}</0>" +msgstr "" + +#: src/components/search-form.jsx:227 +msgid "Posts tagged with <0>#{0}</0>" +msgstr "" + +#: src/components/search-form.jsx:241 +msgid "Look up <0>{query}</0>" +msgstr "" + +#: src/components/search-form.jsx:252 +msgid "Accounts with <0>{query}</0>" +msgstr "" + +#: src/components/shortcuts-settings.jsx:48 +msgid "Home / Following" +msgstr "" + +#: src/components/shortcuts-settings.jsx:51 +msgid "Public (Local / Federated)" +msgstr "" + +#: src/components/shortcuts-settings.jsx:53 +msgid "Account" +msgstr "" + +#: src/components/shortcuts-settings.jsx:56 +msgid "Hashtag" +msgstr "" + +#: src/components/shortcuts-settings.jsx:63 +msgid "List ID" +msgstr "" + +#: src/components/shortcuts-settings.jsx:70 +msgid "Local only" +msgstr "" + +#: src/components/shortcuts-settings.jsx:75 +#: src/components/shortcuts-settings.jsx:84 +#: src/components/shortcuts-settings.jsx:122 +#: src/pages/login.jsx:146 +msgid "Instance" +msgstr "" + +#: src/components/shortcuts-settings.jsx:78 +#: src/components/shortcuts-settings.jsx:87 +#: src/components/shortcuts-settings.jsx:125 +msgid "Optional, e.g. mastodon.social" +msgstr "" + +#: src/components/shortcuts-settings.jsx:93 +msgid "Search term" +msgstr "" + +#: src/components/shortcuts-settings.jsx:96 +msgid "Optional, unless for multi-column mode" +msgstr "" + +#: src/components/shortcuts-settings.jsx:113 +msgid "e.g. PixelArt (Max 5, space-separated)" +msgstr "" + +#: src/components/shortcuts-settings.jsx:117 +#: src/pages/hashtag.jsx:355 +msgid "Media only" +msgstr "" + +#: src/components/shortcuts-settings.jsx:232 +#: src/components/shortcuts.jsx:186 +msgid "Shortcuts" +msgstr "" + +#: src/components/shortcuts-settings.jsx:240 +msgid "beta" +msgstr "" + +#: src/components/shortcuts-settings.jsx:246 +msgid "Specify a list of shortcuts that'll appear as:" +msgstr "" + +#: src/components/shortcuts-settings.jsx:252 +msgid "Floating button" +msgstr "" + +#: src/components/shortcuts-settings.jsx:257 +msgid "Tab/Menu bar" +msgstr "" + +#: src/components/shortcuts-settings.jsx:262 +msgid "Multi-column" +msgstr "" + +#: src/components/shortcuts-settings.jsx:329 +msgid "Not available in current view mode" +msgstr "" + +#: src/components/shortcuts-settings.jsx:348 +msgid "Move up" +msgstr "" + +#: src/components/shortcuts-settings.jsx:364 +msgid "Move down" +msgstr "" + +#: src/components/shortcuts-settings.jsx:376 +#: src/components/status.jsx:1209 +#: src/pages/list.jsx:170 +msgid "Edit" +msgstr "" + +#: src/components/shortcuts-settings.jsx:397 +msgid "Add more than one shortcut/column to make this work." +msgstr "" + +#: src/components/shortcuts-settings.jsx:408 +msgid "No columns yet. Tap on the Add column button." +msgstr "" + +#: src/components/shortcuts-settings.jsx:409 +msgid "No shortcuts yet. Tap on the Add shortcut button." +msgstr "" + +#: src/components/shortcuts-settings.jsx:412 +msgid "Not sure what to add?<0/>Try adding <1>Home / Following and Notifications</1> first." +msgstr "" + +#: src/components/shortcuts-settings.jsx:440 +msgid "Max {SHORTCUTS_LIMIT} columns" +msgstr "" + +#: src/components/shortcuts-settings.jsx:441 +msgid "Max {SHORTCUTS_LIMIT} shortcuts" +msgstr "" + +#: src/components/shortcuts-settings.jsx:455 +msgid "Import/export" +msgstr "" + +#: src/components/shortcuts-settings.jsx:465 +msgid "Add column…" +msgstr "" + +#: src/components/shortcuts-settings.jsx:466 +msgid "Add shortcut…" +msgstr "" + +#: src/components/shortcuts-settings.jsx:513 +msgid "Specific list is optional. For multi-column mode, list is required, else the column will not be shown." +msgstr "" + +#: src/components/shortcuts-settings.jsx:514 +msgid "For multi-column mode, search term is required, else the column will not be shown." +msgstr "" + +#: src/components/shortcuts-settings.jsx:515 +msgid "Multiple hashtags are supported. Space-separated." +msgstr "" + +#: src/components/shortcuts-settings.jsx:584 +msgid "Edit shortcut" +msgstr "" + +#: src/components/shortcuts-settings.jsx:584 +msgid "Add shortcut" +msgstr "" + +#: src/components/shortcuts-settings.jsx:620 +msgid "Timeline" +msgstr "" + +#: src/components/shortcuts-settings.jsx:646 +msgid "List" +msgstr "" + +#: src/components/shortcuts-settings.jsx:785 +msgid "Import/Export <0>Shortcuts</0>" +msgstr "" + +#: src/components/shortcuts-settings.jsx:795 +msgid "Import" +msgstr "" + +#: src/components/shortcuts-settings.jsx:803 +msgid "Paste shortcuts here" +msgstr "" + +#: src/components/shortcuts-settings.jsx:819 +msgid "Downloading saved shortcuts from instance server…" +msgstr "" + +#: src/components/shortcuts-settings.jsx:848 +msgid "Unable to download shortcuts" +msgstr "" + +#: src/components/shortcuts-settings.jsx:851 +msgid "Download shortcuts from instance server" +msgstr "" + +#: src/components/shortcuts-settings.jsx:909 +msgid "* Exists in current shortcuts" +msgstr "" + +#: src/components/shortcuts-settings.jsx:914 +msgid "List may not work if it's from a different account." +msgstr "" + +#: src/components/shortcuts-settings.jsx:924 +msgid "Invalid settings format" +msgstr "" + +#: src/components/shortcuts-settings.jsx:932 +msgid "Append to current shortcuts?" +msgstr "" + +#: src/components/shortcuts-settings.jsx:935 +msgid "Only shortcuts that don’t exist in current shortcuts will be appended." +msgstr "" + +#: src/components/shortcuts-settings.jsx:957 +msgid "No new shortcuts to import" +msgstr "" + +#: src/components/shortcuts-settings.jsx:972 +msgid "Shortcuts imported. Exceeded max {SHORTCUTS_LIMIT}, so the rest are not imported." +msgstr "" + +#: src/components/shortcuts-settings.jsx:973 +#: src/components/shortcuts-settings.jsx:997 +msgid "Shortcuts imported" +msgstr "" + +#: src/components/shortcuts-settings.jsx:983 +msgid "Import & append…" +msgstr "" + +#: src/components/shortcuts-settings.jsx:991 +msgid "Override current shortcuts?" +msgstr "" + +#: src/components/shortcuts-settings.jsx:992 +msgid "Import shortcuts?" +msgstr "" + +#: src/components/shortcuts-settings.jsx:1006 +msgid "or override…" +msgstr "" + +#: src/components/shortcuts-settings.jsx:1006 +msgid "Import…" +msgstr "" + +#: src/components/shortcuts-settings.jsx:1015 +msgid "Export" +msgstr "" + +#: src/components/shortcuts-settings.jsx:1030 +msgid "Shortcuts copied" +msgstr "" + +#: src/components/shortcuts-settings.jsx:1033 +msgid "Unable to copy shortcuts" +msgstr "" + +#: src/components/shortcuts-settings.jsx:1047 +msgid "Shortcut settings copied" +msgstr "" + +#: src/components/shortcuts-settings.jsx:1050 +msgid "Unable to copy shortcut settings" +msgstr "" + +#: src/components/shortcuts-settings.jsx:1080 +msgid "Share" +msgstr "" + +#: src/components/shortcuts-settings.jsx:1119 +msgid "Saving shortcuts to instance server…" +msgstr "" + +#: src/components/shortcuts-settings.jsx:1126 +msgid "Shortcuts saved" +msgstr "" + +#: src/components/shortcuts-settings.jsx:1131 +msgid "Unable to save shortcuts" +msgstr "" + +#: src/components/shortcuts-settings.jsx:1134 +msgid "Sync to instance server" +msgstr "" + +#: src/components/shortcuts-settings.jsx:1142 +msgid "{0, plural, one {# character} other {# characters}}" +msgstr "" + +#: src/components/shortcuts-settings.jsx:1154 +msgid "Raw Shortcuts JSON" +msgstr "" + +#: src/components/shortcuts-settings.jsx:1167 +msgid "Import/export settings from/to instance server (Very experimental)" +msgstr "" + +#: src/components/status.jsx:463 +msgid "<0/> <1>boosted</1>" +msgstr "" + +#: src/components/status.jsx:562 +msgid "Sorry, your current logged-in instance can't interact with this post from another instance." +msgstr "" + +#: src/components/status.jsx:715 +msgid "Unliked @{0}'s post" +msgstr "" + +#: src/components/status.jsx:716 +msgid "Liked @{0}'s post" +msgstr "" + +#: src/components/status.jsx:755 +msgid "Unbookmarked @{0}'s post" +msgstr "" + +#: src/components/status.jsx:756 +msgid "Bookmarked @{0}'s post" +msgstr "" + +#: src/components/status.jsx:830 +msgid "{repliesCount, plural, =0 {Reply} other {{0}}}" +msgstr "" + +#: src/components/status.jsx:842 +#: src/components/status.jsx:903 +#: src/components/status.jsx:2287 +#: src/components/status.jsx:2319 +msgid "Unboost" +msgstr "" + +#: src/components/status.jsx:858 +#: src/components/status.jsx:2302 +msgid "Quote" +msgstr "" + +#: src/components/status.jsx:866 +#: src/components/status.jsx:2311 +msgid "Some media have no descriptions." +msgstr "" + +#: src/components/status.jsx:873 +msgid "Old post (<0>{0}</0>)" +msgstr "" + +#: src/components/status.jsx:892 +#: src/components/status.jsx:1334 +msgid "Unboosted @{0}'s post" +msgstr "" + +#: src/components/status.jsx:893 +#: src/components/status.jsx:1335 +msgid "Boosted @{0}'s post" +msgstr "" + +#: src/components/status.jsx:901 +msgid "{reblogsCount, plural, =0 {{0}} other {{1}}}" +msgstr "" + +#: src/components/status.jsx:903 +msgid "Boost…" +msgstr "" + +#: src/components/status.jsx:914 +msgid "{favouritesCount, plural, =0 {{0}} other {{1}}}" +msgstr "" + +#: src/components/status.jsx:916 +#: src/components/status.jsx:1619 +#: src/components/status.jsx:2332 +msgid "Unlike" +msgstr "" + +#: src/components/status.jsx:916 +#: src/components/status.jsx:1619 +#: src/components/status.jsx:1620 +#: src/components/status.jsx:2332 +#: src/components/status.jsx:2333 +msgid "Like" +msgstr "" + +#: src/components/status.jsx:927 +#: src/components/status.jsx:2344 +msgid "Unbookmark" +msgstr "" + +#: src/components/status.jsx:1035 +msgid "View post by @{0}" +msgstr "" + +#: src/components/status.jsx:1053 +msgid "Show Edit History" +msgstr "" + +#: src/components/status.jsx:1056 +msgid "Edited: {editedDateText}" +msgstr "" + +#: src/components/status.jsx:1116 +#: src/components/status.jsx:3072 +msgid "Embed post" +msgstr "" + +#: src/components/status.jsx:1130 +msgid "Conversation unmuted" +msgstr "" + +#: src/components/status.jsx:1130 +msgid "Conversation muted" +msgstr "" + +#: src/components/status.jsx:1136 +msgid "Unable to unmute conversation" +msgstr "" + +#: src/components/status.jsx:1137 +msgid "Unable to mute conversation" +msgstr "" + +#: src/components/status.jsx:1146 +msgid "Unmute conversation" +msgstr "" + +#: src/components/status.jsx:1153 +msgid "Mute conversation" +msgstr "" + +#: src/components/status.jsx:1169 +msgid "Post unpinned from profile" +msgstr "" + +#: src/components/status.jsx:1170 +msgid "Post pinned to profile" +msgstr "" + +#: src/components/status.jsx:1175 +msgid "Unable to unpin post" +msgstr "" + +#: src/components/status.jsx:1175 +msgid "Unable to pin post" +msgstr "" + +#: src/components/status.jsx:1184 +msgid "Unpin from profile" +msgstr "" + +#: src/components/status.jsx:1191 +msgid "Pin to profile" +msgstr "" + +#: src/components/status.jsx:1220 +msgid "Delete this post?" +msgstr "" + +#: src/components/status.jsx:1233 +msgid "Post deleted" +msgstr "" + +#: src/components/status.jsx:1236 +msgid "Unable to delete post" +msgstr "" + +#: src/components/status.jsx:1264 +msgid "Report post…" +msgstr "" + +#: src/components/status.jsx:1620 +#: src/components/status.jsx:1656 +#: src/components/status.jsx:2333 +msgid "Liked" +msgstr "" + +#: src/components/status.jsx:1653 +#: src/components/status.jsx:2320 +msgid "Boosted" +msgstr "" + +#: src/components/status.jsx:1663 +#: src/components/status.jsx:2345 +msgid "Bookmarked" +msgstr "" + +#: src/components/status.jsx:1667 +msgid "Pinned" +msgstr "" + +#: src/components/status.jsx:1712 +#: src/components/status.jsx:2164 +msgid "Deleted" +msgstr "" + +#: src/components/status.jsx:1753 +msgid "{repliesCount, plural, one {# reply} other {# replies}}" +msgstr "" + +#: src/components/status.jsx:1842 +msgid "Thread{0}" +msgstr "" + +#: src/components/status.jsx:1918 +#: src/components/status.jsx:1980 +#: src/components/status.jsx:2065 +msgid "Show less" +msgstr "" + +#: src/components/status.jsx:1918 +#: src/components/status.jsx:1980 +msgid "Show content" +msgstr "" + +#: src/components/status.jsx:2065 +msgid "Show media" +msgstr "" + +#: src/components/status.jsx:2185 +msgid "Edited" +msgstr "" + +#: src/components/status.jsx:2262 +msgid "Comments" +msgstr "" + +#: src/components/status.jsx:2833 +msgid "Edit History" +msgstr "" + +#: src/components/status.jsx:2837 +msgid "Failed to load history" +msgstr "" + +#: src/components/status.jsx:2842 +msgid "Loading…" +msgstr "" + +#: src/components/status.jsx:3077 +msgid "HTML Code" +msgstr "" + +#: src/components/status.jsx:3094 +msgid "HTML code copied" +msgstr "" + +#: src/components/status.jsx:3097 +msgid "Unable to copy HTML code" +msgstr "" + +#: src/components/status.jsx:3109 +msgid "Media attachments:" +msgstr "" + +#: src/components/status.jsx:3131 +msgid "Account Emojis:" +msgstr "" + +#: src/components/status.jsx:3162 +#: src/components/status.jsx:3207 +msgid "static URL" +msgstr "" + +#: src/components/status.jsx:3176 +msgid "Emojis:" +msgstr "" + +#: src/components/status.jsx:3221 +msgid "Notes:" +msgstr "" + +#: src/components/status.jsx:3225 +msgid "This is static, unstyled and scriptless. You may need to apply your own styles and edit as needed." +msgstr "" + +#: src/components/status.jsx:3231 +msgid "Polls are not interactive, becomes a list with vote counts." +msgstr "" + +#: src/components/status.jsx:3236 +msgid "Media attachments can be images, videos, audios or any file types." +msgstr "" + +#: src/components/status.jsx:3242 +msgid "Post could be edited or deleted later." +msgstr "" + +#: src/components/status.jsx:3248 +msgid "Preview" +msgstr "" + +#: src/components/status.jsx:3257 +msgid "Note: This preview is lightly styled." +msgstr "" + +#: src/components/status.jsx:3499 +msgid "<0/> <1/> boosted" +msgstr "" + +#: src/components/timeline.jsx:447 +#: src/pages/settings.jsx:1028 +msgid "New posts" +msgstr "" + +#: src/components/timeline.jsx:548 +#: src/pages/home.jsx:210 +#: src/pages/notifications.jsx:779 +#: src/pages/status.jsx:945 +#: src/pages/status.jsx:1318 +msgid "Try again" +msgstr "" + +#: src/components/timeline.jsx:937 +#: src/components/timeline.jsx:944 +#: src/pages/catchup.jsx:1860 +msgid "Thread" +msgstr "" + +#: src/components/timeline.jsx:959 +msgid "<0>Filtered</0>: <1>{0}</1>" +msgstr "" + +#: src/components/translation-block.jsx:152 +msgid "Auto-translated from {sourceLangText}" +msgstr "" + +#: src/components/translation-block.jsx:190 +msgid "Translating…" +msgstr "" + +#: src/components/translation-block.jsx:193 +msgid "Translate from {sourceLangText} (auto-detected)" +msgstr "" + +#: src/components/translation-block.jsx:194 +msgid "Translate from {sourceLangText}" +msgstr "" + +#: src/components/translation-block.jsx:212 +msgid "Auto ({0})" +msgstr "" + +#: src/components/translation-block.jsx:228 +msgid "Failed to translate" +msgstr "" + +#: src/compose.jsx:29 +msgid "Editing source status" +msgstr "" + +#: src/compose.jsx:31 +msgid "Replying to @{0}" +msgstr "" + +#: src/compose.jsx:55 +msgid "You may close this page now." +msgstr "" + +#: src/compose.jsx:63 +msgid "Close window" +msgstr "" + +#: src/pages/account-statuses.jsx:233 +msgid "Account posts" +msgstr "" + +#: src/pages/account-statuses.jsx:240 +msgid "{accountDisplay} (+ Replies)" +msgstr "" + +#: src/pages/account-statuses.jsx:242 +msgid "{accountDisplay} (- Boosts)" +msgstr "" + +#: src/pages/account-statuses.jsx:244 +msgid "{accountDisplay} (#{tagged})" +msgstr "" + +#: src/pages/account-statuses.jsx:246 +msgid "{accountDisplay} (Media)" +msgstr "" + +#: src/pages/account-statuses.jsx:252 +msgid "{accountDisplay} ({monthYear})" +msgstr "" + +#: src/pages/account-statuses.jsx:321 +msgid "Clear filters" +msgstr "" + +#: src/pages/account-statuses.jsx:324 +msgid "Clear" +msgstr "" + +#: src/pages/account-statuses.jsx:338 +msgid "Showing post with replies" +msgstr "" + +#: src/pages/account-statuses.jsx:343 +msgid "+ Replies" +msgstr "" + +#: src/pages/account-statuses.jsx:349 +msgid "Showing posts without boosts" +msgstr "" + +#: src/pages/account-statuses.jsx:354 +msgid "- Boosts" +msgstr "" + +#: src/pages/account-statuses.jsx:360 +msgid "Showing posts with media" +msgstr "" + +#: src/pages/account-statuses.jsx:377 +msgid "Showing posts tagged with #{0}" +msgstr "" + +#: src/pages/account-statuses.jsx:416 +msgid "Showing posts in {0}" +msgstr "" + +#: src/pages/account-statuses.jsx:505 +msgid "Nothing to see here yet." +msgstr "" + +#: src/pages/account-statuses.jsx:506 +#: src/pages/public.jsx:97 +#: src/pages/trending.jsx:415 +msgid "Unable to load posts" +msgstr "" + +#: src/pages/account-statuses.jsx:547 +#: src/pages/account-statuses.jsx:577 +msgid "Unable to fetch account info" +msgstr "" + +#: src/pages/account-statuses.jsx:554 +msgid "Switch to account's instance {0}" +msgstr "" + +#: src/pages/account-statuses.jsx:584 +msgid "Switch to my instance (<0>{currentInstance}</0>)" +msgstr "" + +#: src/pages/account-statuses.jsx:646 +msgid "Month" +msgstr "" + +#: src/pages/accounts.jsx:52 +msgid "Current" +msgstr "" + +#: src/pages/accounts.jsx:98 +msgid "Default" +msgstr "" + +#: src/pages/accounts.jsx:117 +msgid "View profile…" +msgstr "" + +#: src/pages/accounts.jsx:134 +msgid "Set as default" +msgstr "" + +#: src/pages/accounts.jsx:144 +msgid "Log out @{0}?" +msgstr "" + +#: src/pages/accounts.jsx:161 +msgid "Log out…" +msgstr "" + +#: src/pages/accounts.jsx:174 +msgid "Add an existing account" +msgstr "" + +#: src/pages/accounts.jsx:181 +msgid "Note: <0>Default</0> account will always be used for first load. Switched accounts will persist during the session." +msgstr "" + +#: src/pages/bookmarks.jsx:26 +msgid "Unable to load bookmarks." +msgstr "" + +#: src/pages/catchup.jsx:54 +msgid "last 1 hour" +msgstr "" + +#: src/pages/catchup.jsx:55 +msgid "last 2 hours" +msgstr "" + +#: src/pages/catchup.jsx:56 +msgid "last 3 hours" +msgstr "" + +#: src/pages/catchup.jsx:57 +msgid "last 4 hours" +msgstr "" + +#: src/pages/catchup.jsx:58 +msgid "last 5 hours" +msgstr "" + +#: src/pages/catchup.jsx:59 +msgid "last 6 hours" +msgstr "" + +#: src/pages/catchup.jsx:60 +msgid "last 7 hours" +msgstr "" + +#: src/pages/catchup.jsx:61 +msgid "last 8 hours" +msgstr "" + +#: src/pages/catchup.jsx:62 +msgid "last 9 hours" +msgstr "" + +#: src/pages/catchup.jsx:63 +msgid "last 10 hours" +msgstr "" + +#: src/pages/catchup.jsx:64 +msgid "last 11 hours" +msgstr "" + +#: src/pages/catchup.jsx:65 +msgid "last 12 hours" +msgstr "" + +#: src/pages/catchup.jsx:66 +msgid "beyond 12 hours" +msgstr "" + +#: src/pages/catchup.jsx:73 +msgid "Followed tags" +msgstr "" + +#: src/pages/catchup.jsx:74 +msgid "Groups" +msgstr "" + +#: src/pages/catchup.jsx:596 +msgid "Showing {selectedFilterCategory, select, all {all posts} original {original posts} replies {replies} boosts {boosts} followedTags {followed tags} groups {groups} filtered {filtered posts}}, {sortBy, select, createdAt {{sortOrder, select, asc {oldest} desc {latest}}} reblogsCount {{sortOrder, select, asc {fewest boosts} desc {most boosts}}} favouritesCount {{sortOrder, select, asc {fewest likes} desc {most likes}}} repliesCount {{sortOrder, select, asc {fewest replies} desc {most replies}}} density {{sortOrder, select, asc {least dense} desc {most dense}}}} first{groupBy, select, account {, grouped by authors} other {}}" +msgstr "" + +#: src/pages/catchup.jsx:866 +#: src/pages/catchup.jsx:890 +msgid "Catch-up <0>beta</0>" +msgstr "" + +#: src/pages/catchup.jsx:880 +#: src/pages/catchup.jsx:1552 +msgid "Help" +msgstr "" + +#: src/pages/catchup.jsx:896 +msgid "What is this?" +msgstr "" + +#: src/pages/catchup.jsx:899 +msgid "Catch-up is a separate timeline for your followings, offering a high-level view at a glance, with a simple, email-inspired interface to effortlessly sort and filter through posts." +msgstr "" + +#: src/pages/catchup.jsx:910 +msgid "Preview of Catch-up UI" +msgstr "" + +#: src/pages/catchup.jsx:919 +msgid "Let's catch up" +msgstr "" + +#: src/pages/catchup.jsx:924 +msgid "Let's catch up on the posts from your followings." +msgstr "" + +#: src/pages/catchup.jsx:928 +msgid "Show me all posts from…" +msgstr "" + +#: src/pages/catchup.jsx:951 +msgid "until the max" +msgstr "" + +#: src/pages/catchup.jsx:981 +msgid "Catch up" +msgstr "" + +#: src/pages/catchup.jsx:987 +msgid "Overlaps with your last catch-up" +msgstr "" + +#: src/pages/catchup.jsx:999 +msgid "Until the last catch-up ({0})" +msgstr "" + +#: src/pages/catchup.jsx:1008 +msgid "Note: your instance might only show a maximum of 800 posts in the Home timeline regardless of the time range. Could be less or more." +msgstr "" + +#: src/pages/catchup.jsx:1018 +msgid "Previously…" +msgstr "" + +#: src/pages/catchup.jsx:1036 +msgid "{0, plural, one {# post} other {# posts}}" +msgstr "" + +#: src/pages/catchup.jsx:1046 +msgid "Remove this catch-up?" +msgstr "" + +#: src/pages/catchup.jsx:1067 +msgid "Note: Only max 3 will be stored. The rest will be automatically removed." +msgstr "" + +#: src/pages/catchup.jsx:1082 +msgid "Fetching posts…" +msgstr "" + +#: src/pages/catchup.jsx:1085 +msgid "This might take a while." +msgstr "" + +#: src/pages/catchup.jsx:1120 +msgid "Reset filters" +msgstr "" + +#: src/pages/catchup.jsx:1128 +#: src/pages/catchup.jsx:1558 +msgid "Top links" +msgstr "" + +#: src/pages/catchup.jsx:1244 +msgid "Shared by {0}" +msgstr "" + +#: src/pages/catchup.jsx:1283 +#: src/pages/mentions.jsx:147 +#: src/pages/search.jsx:222 +msgid "All" +msgstr "" + +#: src/pages/catchup.jsx:1368 +msgid "{0, plural, one {# author} other {# authors}}" +msgstr "" + +#: src/pages/catchup.jsx:1380 +msgid "Sort" +msgstr "" + +#: src/pages/catchup.jsx:1411 +msgid "Date" +msgstr "" + +#: src/pages/catchup.jsx:1415 +msgid "Density" +msgstr "" + +#: src/pages/catchup.jsx:1453 +msgid "Authors" +msgstr "" + +#: src/pages/catchup.jsx:1454 +msgid "None" +msgstr "" + +#: src/pages/catchup.jsx:1470 +msgid "Show all authors" +msgstr "" + +#: src/pages/catchup.jsx:1521 +msgid "You don't have to read everything." +msgstr "" + +#: src/pages/catchup.jsx:1522 +msgid "That's all." +msgstr "" + +#: src/pages/catchup.jsx:1530 +msgid "Back to top" +msgstr "" + +#: src/pages/catchup.jsx:1561 +msgid "Links shared by followings, sorted by shared counts, boosts and likes." +msgstr "" + +#: src/pages/catchup.jsx:1567 +msgid "Sort: Density" +msgstr "" + +#: src/pages/catchup.jsx:1570 +msgid "Posts are sorted by information density or depth. Shorter posts are \"lighter\" while longer posts are \"heavier\". Posts with photos are \"heavier\" than posts without photos." +msgstr "" + +#: src/pages/catchup.jsx:1577 +msgid "Group: Authors" +msgstr "" + +#: src/pages/catchup.jsx:1580 +msgid "Posts are grouped by authors, sorted by posts count per author." +msgstr "" + +#: src/pages/catchup.jsx:1627 +msgid "Next author" +msgstr "" + +#: src/pages/catchup.jsx:1635 +msgid "Previous author" +msgstr "" + +#: src/pages/catchup.jsx:1651 +msgid "Scroll to top" +msgstr "" + +#: src/pages/catchup.jsx:1842 +msgid "Filtered: {0}" +msgstr "" + +#: src/pages/favourites.jsx:26 +msgid "Unable to load likes." +msgstr "" + +#: src/pages/filters.jsx:23 +msgid "Home and lists" +msgstr "" + +#: src/pages/filters.jsx:25 +msgid "Public timelines" +msgstr "" + +#: src/pages/filters.jsx:26 +msgid "Conversations" +msgstr "" + +#: src/pages/filters.jsx:27 +msgid "Profiles" +msgstr "" + +#: src/pages/filters.jsx:42 +msgid "Never" +msgstr "" + +#: src/pages/filters.jsx:103 +#: src/pages/filters.jsx:228 +msgid "New filter" +msgstr "" + +#: src/pages/filters.jsx:151 +msgid "{0, plural, one {# filter} other {# filters}}" +msgstr "" + +#: src/pages/filters.jsx:166 +msgid "Unable to load filters." +msgstr "" + +#: src/pages/filters.jsx:170 +msgid "No filters yet." +msgstr "" + +#: src/pages/filters.jsx:177 +msgid "Add filter" +msgstr "" + +#: src/pages/filters.jsx:228 +msgid "Edit filter" +msgstr "" + +#: src/pages/filters.jsx:345 +msgid "Unable to edit filter" +msgstr "" + +#: src/pages/filters.jsx:346 +msgid "Unable to create filter" +msgstr "" + +#: src/pages/filters.jsx:355 +msgid "Title" +msgstr "" + +#: src/pages/filters.jsx:396 +msgid "Whole word" +msgstr "" + +#: src/pages/filters.jsx:422 +msgid "No keywords. Add one." +msgstr "" + +#: src/pages/filters.jsx:449 +msgid "Add keyword" +msgstr "" + +#: src/pages/filters.jsx:453 +msgid "{0, plural, one {# keyword} other {# keywords}}" +msgstr "" + +#: src/pages/filters.jsx:466 +msgid "Filter from…" +msgstr "" + +#: src/pages/filters.jsx:492 +msgid "* Not implemented yet" +msgstr "" + +#: src/pages/filters.jsx:498 +msgid "Status: <0><1/></0>" +msgstr "" + +#: src/pages/filters.jsx:507 +msgid "Change expiry" +msgstr "" + +#: src/pages/filters.jsx:507 +msgid "Expiry" +msgstr "" + +#: src/pages/filters.jsx:526 +msgid "Filtered post will be…" +msgstr "" + +#: src/pages/filters.jsx:536 +msgid "minimized" +msgstr "" + +#: src/pages/filters.jsx:546 +msgid "hidden" +msgstr "" + +#: src/pages/filters.jsx:563 +msgid "Delete this filter?" +msgstr "" + +#: src/pages/filters.jsx:576 +msgid "Unable to delete filter." +msgstr "" + +#: src/pages/filters.jsx:608 +msgid "Expired" +msgstr "" + +#: src/pages/filters.jsx:610 +msgid "Expiring <0/>" +msgstr "" + +#: src/pages/filters.jsx:614 +msgid "Never expires" +msgstr "" + +#: src/pages/followed-hashtags.jsx:70 +msgid "{0, plural, one {# hashtag} other {# hashtags}}" +msgstr "" + +#: src/pages/followed-hashtags.jsx:85 +msgid "Unable to load followed hashtags." +msgstr "" + +#: src/pages/followed-hashtags.jsx:89 +msgid "No hashtags followed yet." +msgstr "" + +#: src/pages/following.jsx:133 +msgid "Nothing to see here." +msgstr "" + +#: src/pages/following.jsx:134 +#: src/pages/list.jsx:108 +msgid "Unable to load posts." +msgstr "" + +#: src/pages/hashtag.jsx:55 +msgid "{hashtagTitle} (Media only) on {instance}" +msgstr "" + +#: src/pages/hashtag.jsx:56 +msgid "{hashtagTitle} on {instance}" +msgstr "" + +#: src/pages/hashtag.jsx:58 +msgid "{hashtagTitle} (Media only)" +msgstr "" + +#: src/pages/hashtag.jsx:59 +msgid "{hashtagTitle}" +msgstr "" + +#: src/pages/hashtag.jsx:181 +msgid "No one has posted anything with this tag yet." +msgstr "" + +#: src/pages/hashtag.jsx:182 +msgid "Unable to load posts with this tag" +msgstr "" + +#: src/pages/hashtag.jsx:223 +msgid "Unfollowed #{hashtag}" +msgstr "" + +#: src/pages/hashtag.jsx:238 +msgid "Followed #{hashtag}" +msgstr "" + +#: src/pages/hashtag.jsx:254 +msgid "Following…" +msgstr "" + +#: src/pages/hashtag.jsx:282 +msgid "Unfeatured on profile" +msgstr "" + +#: src/pages/hashtag.jsx:296 +msgid "Unable to unfeature on profile" +msgstr "" + +#: src/pages/hashtag.jsx:305 +#: src/pages/hashtag.jsx:321 +msgid "Featured on profile" +msgstr "" + +#: src/pages/hashtag.jsx:328 +msgid "Feature on profile" +msgstr "" + +#: src/pages/hashtag.jsx:393 +msgid "{TOTAL_TAGS_LIMIT, plural, other {Max # tags}}" +msgstr "" + +#: src/pages/hashtag.jsx:396 +msgid "Add hashtag" +msgstr "" + +#: src/pages/hashtag.jsx:428 +msgid "Remove hashtag" +msgstr "" + +#: src/pages/hashtag.jsx:442 +msgid "{SHORTCUTS_LIMIT, plural, one {Max # shortcut reached. Unable to add shortcut.} other {Max # shortcuts reached. Unable to add shortcut.}}" +msgstr "" + +#: src/pages/hashtag.jsx:471 +msgid "This shortcut already exists" +msgstr "" + +#: src/pages/hashtag.jsx:474 +msgid "Hashtag shortcut added" +msgstr "" + +#: src/pages/hashtag.jsx:480 +msgid "Add to Shortcuts" +msgstr "" + +#: src/pages/hashtag.jsx:486 +#: src/pages/public.jsx:139 +#: src/pages/trending.jsx:444 +msgid "Enter a new instance e.g. \"mastodon.social\"" +msgstr "" + +#: src/pages/hashtag.jsx:489 +#: src/pages/public.jsx:142 +#: src/pages/trending.jsx:447 +msgid "Invalid instance" +msgstr "" + +#: src/pages/hashtag.jsx:503 +#: src/pages/public.jsx:156 +#: src/pages/trending.jsx:459 +msgid "Go to another instance…" +msgstr "" + +#: src/pages/hashtag.jsx:516 +#: src/pages/public.jsx:169 +#: src/pages/trending.jsx:470 +msgid "Go to my instance (<0>{currentInstance}</0>)" +msgstr "" + +#: src/pages/home.jsx:206 +msgid "Unable to fetch notifications." +msgstr "" + +#: src/pages/home.jsx:226 +msgid "<0>New</0> <1>Follow Requests</1>" +msgstr "" + +#: src/pages/home.jsx:232 +msgid "See all" +msgstr "" + +#: src/pages/http-route.jsx:68 +msgid "Resolving…" +msgstr "" + +#: src/pages/http-route.jsx:79 +msgid "Unable to resolve URL" +msgstr "" + +#: src/pages/http-route.jsx:91 +#: src/pages/login.jsx:223 +msgid "Go home" +msgstr "" + +#: src/pages/list.jsx:107 +msgid "Nothing yet." +msgstr "" + +#: src/pages/list.jsx:176 +#: src/pages/list.jsx:279 +msgid "Manage members" +msgstr "" + +#: src/pages/list.jsx:313 +msgid "Remove @{0} from list?" +msgstr "" + +#: src/pages/list.jsx:356 +msgid "Remove…" +msgstr "" + +#: src/pages/lists.jsx:93 +msgid "{0, plural, one {# list} other {# lists}}" +msgstr "" + +#: src/pages/lists.jsx:108 +msgid "No lists yet." +msgstr "" + +#: src/pages/login.jsx:185 +msgid "e.g. “mastodon.social”" +msgstr "" + +#: src/pages/login.jsx:196 +msgid "Failed to log in. Please try again or another instance." +msgstr "" + +#: src/pages/login.jsx:208 +msgid "Continue with {selectedInstanceText}" +msgstr "" + +#: src/pages/login.jsx:209 +msgid "Continue" +msgstr "" + +#: src/pages/login.jsx:217 +msgid "Don't have an account? Create one!" +msgstr "" + +#: src/pages/mentions.jsx:20 +msgid "Private mentions" +msgstr "" + +#: src/pages/mentions.jsx:159 +msgid "Private" +msgstr "" + +#: src/pages/mentions.jsx:169 +msgid "No one mentioned you :(" +msgstr "" + +#: src/pages/mentions.jsx:170 +msgid "Unable to load mentions." +msgstr "" + +#: src/pages/notifications.jsx:506 +#: src/pages/notifications.jsx:827 +msgid "Notifications settings" +msgstr "" + +#: src/pages/notifications.jsx:524 +msgid "New notifications" +msgstr "" + +#: src/pages/notifications.jsx:535 +msgid "{0, plural, one {Announcement} other {Announcements}}" +msgstr "" + +#: src/pages/notifications.jsx:582 +#: src/pages/settings.jsx:1016 +msgid "Follow requests" +msgstr "" + +#: src/pages/notifications.jsx:587 +msgid "{0, plural, one {# follow request} other {# follow requests}}" +msgstr "" + +#: src/pages/notifications.jsx:642 +msgid "{0, plural, one {Filtered notifications from # person} other {Filtered notifications from # people}}" +msgstr "" + +#: src/pages/notifications.jsx:708 +msgid "Only mentions" +msgstr "" + +#: src/pages/notifications.jsx:712 +msgid "Today" +msgstr "" + +#: src/pages/notifications.jsx:716 +msgid "You're all caught up." +msgstr "" + +#: src/pages/notifications.jsx:739 +msgid "Yesterday" +msgstr "" + +#: src/pages/notifications.jsx:775 +msgid "Unable to load notifications" +msgstr "" + +#: src/pages/notifications.jsx:854 +msgid "Notifications settings updated" +msgstr "" + +#: src/pages/notifications.jsx:862 +msgid "Filter out notifications from people:" +msgstr "" + +#: src/pages/notifications.jsx:872 +msgid "You don't follow" +msgstr "" + +#: src/pages/notifications.jsx:883 +msgid "Who don't follow you" +msgstr "" + +#: src/pages/notifications.jsx:894 +msgid "With a new account" +msgstr "" + +#: src/pages/notifications.jsx:905 +msgid "Who unsolicitedly private mention you" +msgstr "" + +#: src/pages/notifications.jsx:973 +msgid "Updated <0>{0}</0>" +msgstr "" + +#: src/pages/notifications.jsx:1041 +msgid "View notifications from @{0}" +msgstr "" + +#: src/pages/notifications.jsx:1059 +msgid "Notifications from @{0}" +msgstr "" + +#: src/pages/notifications.jsx:1123 +msgid "Notifications from @{0} will not be filtered from now on." +msgstr "" + +#: src/pages/notifications.jsx:1128 +msgid "Unable to accept notification request" +msgstr "" + +#: src/pages/notifications.jsx:1133 +msgid "Allow" +msgstr "" + +#: src/pages/notifications.jsx:1153 +msgid "Notifications from @{0} will not show up in Filtered notifications from now on." +msgstr "" + +#: src/pages/notifications.jsx:1158 +msgid "Unable to dismiss notification request" +msgstr "" + +#: src/pages/notifications.jsx:1163 +msgid "Dismiss" +msgstr "" + +#: src/pages/notifications.jsx:1178 +msgid "Dismissed" +msgstr "" + +#: src/pages/public.jsx:27 +msgid "Local timeline ({instance})" +msgstr "" + +#: src/pages/public.jsx:28 +msgid "Federated timeline ({instance})" +msgstr "" + +#: src/pages/public.jsx:90 +msgid "Local timeline" +msgstr "" + +#: src/pages/public.jsx:90 +msgid "Federated timeline" +msgstr "" + +#: src/pages/public.jsx:96 +msgid "No one has posted anything yet." +msgstr "" + +#: src/pages/public.jsx:123 +msgid "Switch to Federated" +msgstr "" + +#: src/pages/public.jsx:130 +msgid "Switch to Local" +msgstr "" + +#: src/pages/search.jsx:43 +msgid "Search: {q} (Posts)" +msgstr "" + +#: src/pages/search.jsx:46 +msgid "Search: {q} (Accounts)" +msgstr "" + +#: src/pages/search.jsx:49 +msgid "Search: {q} (Hashtags)" +msgstr "" + +#: src/pages/search.jsx:52 +msgid "Search: {q}" +msgstr "" + +#: src/pages/search.jsx:232 +#: src/pages/search.jsx:314 +msgid "Hashtags" +msgstr "" + +#: src/pages/search.jsx:264 +#: src/pages/search.jsx:318 +#: src/pages/search.jsx:388 +msgid "See more" +msgstr "" + +#: src/pages/search.jsx:290 +msgid "See more accounts" +msgstr "" + +#: src/pages/search.jsx:304 +msgid "No accounts found." +msgstr "" + +#: src/pages/search.jsx:360 +msgid "See more hashtags" +msgstr "" + +#: src/pages/search.jsx:374 +msgid "No hashtags found." +msgstr "" + +#: src/pages/search.jsx:418 +msgid "See more posts" +msgstr "" + +#: src/pages/search.jsx:432 +msgid "No posts found." +msgstr "" + +#: src/pages/search.jsx:476 +msgid "Enter your search term or paste a URL above to get started." +msgstr "" + +#: src/pages/settings.jsx:74 +msgid "Settings" +msgstr "" + +#: src/pages/settings.jsx:83 +msgid "Appearance" +msgstr "" + +#: src/pages/settings.jsx:159 +msgid "Light" +msgstr "" + +#: src/pages/settings.jsx:170 +msgid "Dark" +msgstr "" + +#: src/pages/settings.jsx:183 +msgid "Auto" +msgstr "" + +#: src/pages/settings.jsx:193 +msgid "Text size" +msgstr "" + +#. Preview of one character, in smallest size +#. Preview of one character, in largest size +#: src/pages/settings.jsx:198 +#: src/pages/settings.jsx:223 +msgid "A" +msgstr "" + +#: src/pages/settings.jsx:236 +msgid "Display language" +msgstr "" + +#: src/pages/settings.jsx:245 +msgid "Posting" +msgstr "" + +#: src/pages/settings.jsx:252 +msgid "Default visibility" +msgstr "" + +#: src/pages/settings.jsx:253 +#: src/pages/settings.jsx:299 +msgid "Synced" +msgstr "" + +#: src/pages/settings.jsx:278 +msgid "Failed to update posting privacy" +msgstr "" + +#: src/pages/settings.jsx:301 +msgid "Synced to your instance server's settings. <0>Go to your instance ({instance}) for more settings.</0>" +msgstr "" + +#: src/pages/settings.jsx:316 +msgid "Experiments" +msgstr "" + +#: src/pages/settings.jsx:329 +msgid "Auto refresh timeline posts" +msgstr "" + +#: src/pages/settings.jsx:341 +msgid "Boosts carousel" +msgstr "" + +#: src/pages/settings.jsx:357 +msgid "Post translation" +msgstr "" + +#: src/pages/settings.jsx:368 +msgid "Translate to" +msgstr "" + +#: src/pages/settings.jsx:378 +msgid "System language ({systemTargetLanguageText})" +msgstr "" + +#: src/pages/settings.jsx:404 +msgid "{0, plural, =0 {Hide \"Translate\" button for:} other {Hide \"Translate\" button for (#):}}" +msgstr "" + +#: src/pages/settings.jsx:451 +msgid "Note: This feature uses external translation services, powered by <0>Lingva API</0> & <1>Lingva Translate</1>." +msgstr "" + +#: src/pages/settings.jsx:485 +msgid "Auto inline translation" +msgstr "" + +#: src/pages/settings.jsx:489 +msgid "Automatically show translation for posts in timeline. Only works for <0>short</0> posts without content warning, media and poll." +msgstr "" + +#: src/pages/settings.jsx:509 +msgid "GIF Picker for composer" +msgstr "" + +#: src/pages/settings.jsx:513 +msgid "Note: This feature uses external GIF search service, powered by <0>GIPHY</0>. G-rated (suitable for viewing by all ages), tracking parameters are stripped, referrer information is omitted from requests, but search queries and IP address information will still reach their servers." +msgstr "" + +#: src/pages/settings.jsx:542 +msgid "Image description generator" +msgstr "" + +#: src/pages/settings.jsx:547 +msgid "Only for new images while composing new posts." +msgstr "" + +#: src/pages/settings.jsx:554 +msgid "Note: This feature uses external AI service, powered by <0>img-alt-api</0>. May not work well. Only for images and in English." +msgstr "" + +#: src/pages/settings.jsx:580 +msgid "Server-side grouped notifications" +msgstr "" + +#: src/pages/settings.jsx:584 +msgid "Alpha-stage feature. Potentially improved grouping window but basic grouping logic." +msgstr "" + +#: src/pages/settings.jsx:605 +msgid "\"Cloud\" import/export for shortcuts settings" +msgstr "" + +#: src/pages/settings.jsx:610 +msgid "⚠️⚠️⚠️ Very experimental.<0/>Stored in your own profile’s notes. Profile (private) notes are mainly used for other profiles, and hidden for own profile." +msgstr "" + +#: src/pages/settings.jsx:621 +msgid "Note: This feature uses currently-logged-in instance server API." +msgstr "" + +#: src/pages/settings.jsx:638 +msgid "Cloak mode <0>(<1>Text</1> → <2>████</2>)</0>" +msgstr "" + +#: src/pages/settings.jsx:647 +msgid "Replace text as blocks, useful when taking screenshots, for privacy reasons." +msgstr "" + +#: src/pages/settings.jsx:672 +msgid "About" +msgstr "" + +#: src/pages/settings.jsx:711 +msgid "<0>Built</0> by <1>@cheeaun</1>" +msgstr "" + +#: src/pages/settings.jsx:740 +msgid "Sponsor" +msgstr "" + +#: src/pages/settings.jsx:748 +msgid "Donate" +msgstr "" + +#: src/pages/settings.jsx:756 +msgid "Privacy Policy" +msgstr "" + +#: src/pages/settings.jsx:763 +msgid "<0>Site:</0> {0}" +msgstr "" + +#: src/pages/settings.jsx:770 +msgid "<0>Version:</0> <1/> {0}" +msgstr "" + +#: src/pages/settings.jsx:785 +msgid "Version string copied" +msgstr "" + +#: src/pages/settings.jsx:788 +msgid "Unable to copy version string" +msgstr "" + +#: src/pages/settings.jsx:913 +#: src/pages/settings.jsx:918 +msgid "Failed to update subscription. Please try again." +msgstr "" + +#: src/pages/settings.jsx:924 +msgid "Failed to remove subscription. Please try again." +msgstr "" + +#: src/pages/settings.jsx:931 +msgid "Push Notifications (beta)" +msgstr "" + +#: src/pages/settings.jsx:953 +msgid "Push notifications are blocked. Please enable them in your browser settings." +msgstr "" + +#: src/pages/settings.jsx:962 +msgid "Allow from <0>{0}</0>" +msgstr "" + +#: src/pages/settings.jsx:971 +msgid "anyone" +msgstr "" + +#: src/pages/settings.jsx:975 +msgid "people I follow" +msgstr "" + +#: src/pages/settings.jsx:979 +msgid "followers" +msgstr "" + +#: src/pages/settings.jsx:1012 +msgid "Follows" +msgstr "" + +#: src/pages/settings.jsx:1020 +msgid "Polls" +msgstr "" + +#: src/pages/settings.jsx:1024 +msgid "Post edits" +msgstr "" + +#: src/pages/settings.jsx:1045 +msgid "Push permission was not granted since your last login. You'll need to <0><1>log in</1> again to grant push permission</0>." +msgstr "" + +#: src/pages/settings.jsx:1061 +msgid "NOTE: Push notifications only work for <0>one account</0>." +msgstr "" + +#: src/pages/status.jsx:786 +msgid "You're not logged in. Interactions (reply, boost, etc) are not possible." +msgstr "" + +#: src/pages/status.jsx:799 +msgid "This post is from another instance (<0>{instance}</0>). Interactions (reply, boost, etc) are not possible." +msgstr "" + +#: src/pages/status.jsx:827 +msgid "Error: {e}" +msgstr "" + +#: src/pages/status.jsx:834 +msgid "Switch to my instance to enable interactions" +msgstr "" + +#: src/pages/status.jsx:936 +msgid "Unable to load replies." +msgstr "" + +#: src/pages/status.jsx:1048 +msgid "Back" +msgstr "" + +#: src/pages/status.jsx:1079 +msgid "Go to main post" +msgstr "" + +#: src/pages/status.jsx:1102 +msgid "{0} posts above ‒ Go to top" +msgstr "" + +#: src/pages/status.jsx:1145 +#: src/pages/status.jsx:1208 +msgid "Switch to Side Peek view" +msgstr "" + +#: src/pages/status.jsx:1209 +msgid "Switch to Full view" +msgstr "" + +#: src/pages/status.jsx:1227 +msgid "Show all sensitive content" +msgstr "" + +#: src/pages/status.jsx:1232 +msgid "Experimental" +msgstr "" + +#: src/pages/status.jsx:1241 +msgid "Unable to switch" +msgstr "" + +#: src/pages/status.jsx:1248 +msgid "Switch to post's instance ({0})" +msgstr "" + +#: src/pages/status.jsx:1251 +msgid "Switch to post's instance" +msgstr "" + +#: src/pages/status.jsx:1309 +msgid "Unable to load post" +msgstr "" + +#: src/pages/status.jsx:1426 +msgid "{0, plural, one {# reply} other {<0>{1}</0> replies}}" +msgstr "" + +#: src/pages/status.jsx:1444 +msgid "{totalComments, plural, one {# comment} other {<0>{0}</0> comments}}" +msgstr "" + +#: src/pages/status.jsx:1466 +msgid "View post with its replies" +msgstr "" + +#: src/pages/trending.jsx:70 +msgid "Trending ({instance})" +msgstr "" + +#: src/pages/trending.jsx:227 +msgid "Trending News" +msgstr "" + +#: src/pages/trending.jsx:374 +msgid "Back to showing trending posts" +msgstr "" + +#: src/pages/trending.jsx:379 +msgid "Showing posts mentioning <0>{0}</0>" +msgstr "" + +#: src/pages/trending.jsx:391 +msgid "Trending posts" +msgstr "" + +#: src/pages/trending.jsx:414 +msgid "No trending posts." +msgstr "" + +#: src/pages/welcome.jsx:53 +msgid "A minimalistic opinionated Mastodon web client." +msgstr "" + +#: src/pages/welcome.jsx:64 +msgid "Log in with Mastodon" +msgstr "" + +#: src/pages/welcome.jsx:70 +msgid "Sign up" +msgstr "" + +#: src/pages/welcome.jsx:77 +msgid "Connect your existing Mastodon/Fediverse account.<0/>Your credentials are not stored on this server." +msgstr "" + +#: src/pages/welcome.jsx:94 +msgid "<0>Built</0> by <1>@cheeaun</1>. <2>Privacy Policy</2>." +msgstr "" + +#: src/pages/welcome.jsx:123 +msgid "Screenshot of Boosts Carousel" +msgstr "" + +#: src/pages/welcome.jsx:127 +msgid "Boosts Carousel" +msgstr "" + +#: src/pages/welcome.jsx:130 +msgid "Visually separate original posts and re-shared posts (boosted posts)." +msgstr "" + +#: src/pages/welcome.jsx:139 +msgid "Screenshot of nested comments thread" +msgstr "" + +#: src/pages/welcome.jsx:143 +msgid "Nested comments thread" +msgstr "" + +#: src/pages/welcome.jsx:146 +msgid "Effortlessly follow conversations. Semi-collapsible replies." +msgstr "" + +#: src/pages/welcome.jsx:154 +msgid "Screenshot of grouped notifications" +msgstr "" + +#: src/pages/welcome.jsx:158 +msgid "Grouped notifications" +msgstr "" + +#: src/pages/welcome.jsx:161 +msgid "Similar notifications are grouped and collapsed to reduce clutter." +msgstr "" + +#: src/pages/welcome.jsx:170 +msgid "Screenshot of multi-column UI" +msgstr "" + +#: src/pages/welcome.jsx:174 +msgid "Single or multi-column" +msgstr "" + +#: src/pages/welcome.jsx:177 +msgid "By default, single column for zen-mode seekers. Configurable multi-column for power users." +msgstr "" + +#: src/pages/welcome.jsx:186 +msgid "Screenshot of multi-hashtag timeline with a form to add more hashtags" +msgstr "" + +#: src/pages/welcome.jsx:190 +msgid "Multi-hashtag timeline" +msgstr "" + +#: src/pages/welcome.jsx:193 +msgid "Up to 5 hashtags combined into a single timeline." +msgstr "" + +#: src/utils/open-compose.js:24 +msgid "Looks like your browser is blocking popups." +msgstr "" + +#: src/utils/show-compose.js:16 +msgid "A draft post is currently minimized. Post or discard it before creating a new one." +msgstr "" + +#: src/utils/show-compose.js:21 +msgid "A post is currently open. Post or discard it before creating a new one." +msgstr "" diff --git a/src/main.jsx b/src/main.jsx index 43db9d387..a70848189 100644 --- a/src/main.jsx +++ b/src/main.jsx @@ -2,6 +2,8 @@ import './index.css'; import './cloak-mode.css'; import './polyfills'; +import { i18n } from '@lingui/core'; +import { I18nProvider } from '@lingui/react'; // Polyfill needed for Firefox < 122 // https://bugzilla.mozilla.org/show_bug.cgi?id=1423593 // import '@formatjs/intl-segmenter/polyfill'; @@ -9,15 +11,20 @@ import { render } from 'preact'; import { HashRouter } from 'react-router-dom'; import { App } from './app'; +import { initActivateLang } from './utils/lang'; + +initActivateLang(); if (import.meta.env.DEV) { import('preact/debug'); } render( - <HashRouter> - <App /> - </HashRouter>, + <I18nProvider i18n={i18n}> + <HashRouter> + <App /> + </HashRouter> + </I18nProvider>, document.getElementById('app'), ); diff --git a/src/pages/404.jsx b/src/pages/404.jsx index 42bef41af..a24ff3601 100644 --- a/src/pages/404.jsx +++ b/src/pages/404.jsx @@ -1,3 +1,5 @@ +// NOTE: UNUSED + import Link from '../components/link'; export default function NotFound() { diff --git a/src/pages/account-statuses.jsx b/src/pages/account-statuses.jsx index b72cd795e..ea9c44f90 100644 --- a/src/pages/account-statuses.jsx +++ b/src/pages/account-statuses.jsx @@ -1,3 +1,5 @@ +import { t, Trans } from '@lingui/macro'; +import { useLingui } from '@lingui/react'; import { MenuItem } from '@szhsin/react-menu'; import { useCallback, @@ -227,33 +229,32 @@ function AccountStatuses() { } const [featuredTags, setFeaturedTags] = useState([]); - useTitle( - account?.acct - ? `${ - account?.displayName - ? `${account.displayName} (${/@/.test(account.acct) ? '' : '@'}${ - account.acct - })` - : `${/@/.test(account.acct) ? '' : '@'}${account.acct}` - }${ - !excludeReplies - ? ' (+ Replies)' - : excludeBoosts - ? ' (- Boosts)' - : tagged - ? ` (#${tagged})` - : media - ? ' (Media)' - : month - ? ` (${new Date(month).toLocaleString('default', { - month: 'long', - year: 'numeric', - })})` - : '' - }` - : 'Account posts', - '/:instance?/a/:id', - ); + const { i18n } = useLingui(); + let title = t`Account posts`; + if (account?.acct) { + const acctDisplay = /@/.test(account.acct) ? '' : '@' + account.acct; + const accountDisplay = account?.displayName + ? `${account.displayName} (${acctDisplay})` + : `${acctDisplay}`; + if (!excludeReplies) { + title = t`${accountDisplay} (+ Replies)`; + } else if (excludeBoosts) { + title = t`${accountDisplay} (- Boosts)`; + } else if (tagged) { + title = t`${accountDisplay} (#${tagged})`; + } else if (media) { + title = t`${accountDisplay} (Media)`; + } else if (month) { + const monthYear = new Date(month).toLocaleString(i18n.locale, { + month: 'long', + year: 'numeric', + }); + title = t`${accountDisplay} (${monthYear})`; + } else { + title = accountDisplay; + } + } + useTitle(title, '/:instance?/a/:id'); const fetchAccountPromiseRef = useRef(); const fetchAccount = useCallback(() => { @@ -317,46 +318,51 @@ function AccountStatuses() { <Link to={`/${instance}/a/${id}`} class="insignificant filter-clear" - title="Clear filters" + title={t`Clear filters`} key="clear-filters" > - <Icon icon="x" size="l" /> + <Icon icon="x" size="l" alt={t`Clear`} /> </Link> ) : ( - <Icon icon="filter" class="insignificant" size="l" /> + <Icon + icon="filter" + class="insignificant" + size="l" + alt={t`Filters`} + /> )} <Link to={`/${instance}/a/${id}${excludeReplies ? '?replies=1' : ''}`} onClick={() => { if (excludeReplies) { - showToast('Showing post with replies'); + showToast(t`Showing post with replies`); } }} class={excludeReplies ? '' : 'is-active'} > - + Replies + <Trans>+ Replies</Trans> </Link> <Link to={`/${instance}/a/${id}${excludeBoosts ? '' : '?boosts=0'}`} onClick={() => { if (!excludeBoosts) { - showToast('Showing posts without boosts'); + showToast(t`Showing posts without boosts`); } }} class={!excludeBoosts ? '' : 'is-active'} > - - Boosts + <Trans>- Boosts</Trans> </Link> <Link to={`/${instance}/a/${id}${media ? '' : '?media=1'}`} onClick={() => { if (!media) { - showToast('Showing posts with media'); + showToast(t`Showing posts with media`); } }} class={media ? 'is-active' : ''} > - Media + <Trans>Media</Trans> </Link> {featuredTags.map((tag) => ( <Link @@ -368,7 +374,7 @@ function AccountStatuses() { }`} onClick={() => { if (tagged !== tag.name) { - showToast(`Showing posts tagged with #${tag.name}`); + showToast(t`Showing posts tagged with #${tag.name}`); } }} class={tagged === tag.name ? 'is-active' : ''} @@ -407,7 +413,7 @@ function AccountStatuses() { const monthIndex = parseInt(month, 10) - 1; const date = new Date(year, monthIndex); showToast( - `Showing posts in ${date.toLocaleString('default', { + t`Showing posts in ${date.toLocaleString(i18n.locale, { month: 'long', year: 'numeric', })}`, @@ -475,7 +481,7 @@ function AccountStatuses() { return ( <Timeline key={id} - title={`${account?.acct ? '@' + account.acct : 'Posts'}`} + title={`${account?.acct ? '@' + account.acct : t`Posts`}`} titleComponent={ <h1 class="header-double-lines header-account" @@ -496,8 +502,8 @@ function AccountStatuses() { } id="account-statuses" instance={instance} - emptyText="Nothing to see here yet." - errorText="Unable to load posts" + emptyText={t`Nothing to see here yet.`} + errorText={t`Unable to load posts`} fetchItems={fetchAccountStatuses} useItemID view={media || mediaFirst ? 'media' : undefined} @@ -519,7 +525,7 @@ function AccountStatuses() { position="anchor" menuButton={ <button type="button" class="plain"> - <Icon icon="more" size="l" /> + <Icon icon="more" size="l" alt={t`More`} /> </button> } > @@ -538,20 +544,22 @@ function AccountStatuses() { location.hash = `/${accountInstance}/a/${id}`; } catch (e) { console.error(e); - alert('Unable to fetch account info'); + alert(t`Unable to fetch account info`); } })(); }} > <Icon icon="transfer" />{' '} <small class="menu-double-lines"> - Switch to account's instance{' '} - {accountInstance ? ( - <> - {' '} - (<b>{punycode.toUnicode(accountInstance)}</b>) - </> - ) : null} + <Trans> + Switch to account's instance{' '} + {accountInstance ? ( + <> + {' '} + (<b>{punycode.toUnicode(accountInstance)}</b>) + </> + ) : null} + </Trans> </small> </MenuItem> {!sameCurrentInstance && ( @@ -566,14 +574,16 @@ function AccountStatuses() { location.hash = `/${currentInstance}/a/${id}`; } catch (e) { console.error(e); - alert('Unable to fetch account info'); + alert(t`Unable to fetch account info`); } })(); }} > <Icon icon="transfer" />{' '} <small class="menu-double-lines"> - Switch to my instance (<b>{currentInstance}</b>) + <Trans> + Switch to my instance (<b>{currentInstance}</b>) + </Trans> </small> </MenuItem> )} @@ -584,6 +594,7 @@ function AccountStatuses() { } function MonthPicker(props) { + const { i18n } = useLingui(); const { class: className, disabled, @@ -631,7 +642,9 @@ function MonthPicker(props) { }); }} > - <option value="">Month</option> + <option value=""> + <Trans>Month</Trans> + </option> <option disabled>-----</option> {Array.from({ length: 12 }, (_, i) => ( <option @@ -641,7 +654,7 @@ function MonthPicker(props) { } key={i} > - {new Date(0, i).toLocaleString('default', { + {new Date(0, i).toLocaleString(i18n.locale, { month: 'long', })} </option> diff --git a/src/pages/accounts.jsx b/src/pages/accounts.jsx index 775ba1a10..ebd6f9eaa 100644 --- a/src/pages/accounts.jsx +++ b/src/pages/accounts.jsx @@ -1,6 +1,7 @@ import './accounts.css'; import { useAutoAnimate } from '@formkit/auto-animate/preact'; +import { t, Trans } from '@lingui/macro'; import { Menu, MenuDivider, MenuItem } from '@szhsin/react-menu'; import { useReducer } from 'preact/hooks'; @@ -29,11 +30,13 @@ function Accounts({ onClose }) { <div id="accounts-container" class="sheet" tabIndex="-1"> {!!onClose && ( <button type="button" class="sheet-close" onClick={onClose}> - <Icon icon="x" /> + <Icon icon="x" alt={t`Close`} /> </button> )} <header class="header-grid"> - <h2>Accounts</h2> + <h2> + <Trans>Accounts</Trans> + </h2> </header> <main> <section> @@ -46,7 +49,7 @@ function Accounts({ onClose }) { <div> {moreThanOneAccount && ( <span class={`current ${isCurrent ? 'is-current' : ''}`}> - <Icon icon="check-circle" alt="Current" /> + <Icon icon="check-circle" alt={t`Current`} /> </span> )} <Avatar @@ -91,18 +94,16 @@ function Accounts({ onClose }) { <div class="actions"> {isDefault && moreThanOneAccount && ( <> - <span class="tag">Default</span>{' '} + <span class="tag"> + <Trans>Default</Trans> + </span>{' '} </> )} <Menu2 align="end" menuButton={ - <button - type="button" - title="More" - class="plain more-button" - > - <Icon icon="more" size="l" alt="More" /> + <button type="button" class="plain more-button"> + <Icon icon="more" size="l" alt={t`More`} /> </button> } > @@ -112,7 +113,9 @@ function Accounts({ onClose }) { }} > <Icon icon="user" /> - <span>View profile…</span> + <span> + <Trans>View profile…</Trans> + </span> </MenuItem> <MenuDivider /> {moreThanOneAccount && ( @@ -127,7 +130,9 @@ function Accounts({ onClose }) { }} > <Icon icon="check-circle" /> - <span>Set as default</span> + <span> + <Trans>Set as default</Trans> + </span> </MenuItem> )} <MenuConfirm @@ -135,7 +140,9 @@ function Accounts({ onClose }) { confirmLabel={ <> <Icon icon="exit" /> - <span>Log out @{account.info.acct}?</span> + <span> + <Trans>Log out @{account.info.acct}?</Trans> + </span> </> } disabled={!isCurrent} @@ -150,7 +157,9 @@ function Accounts({ onClose }) { }} > <Icon icon="exit" /> - <span>Log out…</span> + <span> + <Trans>Log out…</Trans> + </span> </MenuConfirm> </Menu2> </div> @@ -160,14 +169,19 @@ function Accounts({ onClose }) { </ul> <p> <Link to="/login" class="button plain2" onClick={onClose}> - <Icon icon="plus" /> <span>Add an existing account</span> + <Icon icon="plus" />{' '} + <span> + <Trans>Add an existing account</Trans> + </span> </Link> </p> {moreThanOneAccount && ( <p> <small> - Note: <i>Default</i> account will always be used for first load. - Switched accounts will persist during the session. + <Trans> + Note: <i>Default</i> account will always be used for first + load. Switched accounts will persist during the session. + </Trans> </small> </p> )} diff --git a/src/pages/bookmarks.jsx b/src/pages/bookmarks.jsx index f811aa7a0..5fb3c74f5 100644 --- a/src/pages/bookmarks.jsx +++ b/src/pages/bookmarks.jsx @@ -1,3 +1,4 @@ +import { t, Trans } from '@lingui/macro'; import { useRef } from 'preact/hooks'; import Timeline from '../components/timeline'; @@ -7,7 +8,7 @@ import useTitle from '../utils/useTitle'; const LIMIT = 20; function Bookmarks() { - useTitle('Bookmarks', '/b'); + useTitle(t`Bookmarks`, '/bookmarks'); const { masto, instance } = api(); const bookmarksIterator = useRef(); async function fetchBookmarks(firstLoad) { @@ -19,10 +20,10 @@ function Bookmarks() { return ( <Timeline - title="Bookmarks" + title={t`Bookmarks`} id="bookmarks" - emptyText="No bookmarks yet. Go bookmark something!" - errorText="Unable to load bookmarks" + emptyText={`No bookmarks yet. Go bookmark something!`} + errorText={t`Unable to load bookmarks.`} instance={instance} fetchItems={fetchBookmarks} /> diff --git a/src/pages/catchup.jsx b/src/pages/catchup.jsx index 287209c4f..760df4a99 100644 --- a/src/pages/catchup.jsx +++ b/src/pages/catchup.jsx @@ -2,6 +2,8 @@ import '../components/links-bar.css'; import './catchup.css'; import autoAnimate from '@formkit/auto-animate'; +import { msg, Plural, select, t, Trans } from '@lingui/macro'; +import { useLingui } from '@lingui/react'; import { getBlurHashAverageColor } from 'fast-blurhash'; import { Fragment } from 'preact'; import { memo } from 'preact/compat'; @@ -34,6 +36,7 @@ import db from '../utils/db'; import emojifyText from '../utils/emojify-text'; import { isFiltered } from '../utils/filters'; import htmlContentLength from '../utils/html-content-length'; +import mem from '../utils/mem'; import niceDateTime from '../utils/nice-date-time'; import shortenNumber from '../utils/shorten-number'; import showToast from '../utils/show-toast'; @@ -48,29 +51,29 @@ import useTitle from '../utils/useTitle'; const FILTER_CONTEXT = 'home'; const RANGES = [ - { label: 'last 1 hour', value: 1 }, - { label: 'last 2 hours', value: 2 }, - { label: 'last 3 hours', value: 3 }, - { label: 'last 4 hours', value: 4 }, - { label: 'last 5 hours', value: 5 }, - { label: 'last 6 hours', value: 6 }, - { label: 'last 7 hours', value: 7 }, - { label: 'last 8 hours', value: 8 }, - { label: 'last 9 hours', value: 9 }, - { label: 'last 10 hours', value: 10 }, - { label: 'last 11 hours', value: 11 }, - { label: 'last 12 hours', value: 12 }, - { label: 'beyond 12 hours', value: 13 }, + { label: msg`last 1 hour`, value: 1 }, + { label: msg`last 2 hours`, value: 2 }, + { label: msg`last 3 hours`, value: 3 }, + { label: msg`last 4 hours`, value: 4 }, + { label: msg`last 5 hours`, value: 5 }, + { label: msg`last 6 hours`, value: 6 }, + { label: msg`last 7 hours`, value: 7 }, + { label: msg`last 8 hours`, value: 8 }, + { label: msg`last 9 hours`, value: 9 }, + { label: msg`last 10 hours`, value: 10 }, + { label: msg`last 11 hours`, value: 11 }, + { label: msg`last 12 hours`, value: 12 }, + { label: msg`beyond 12 hours`, value: 13 }, ]; -const FILTER_LABELS = [ - 'Original', - 'Replies', - 'Boosts', - 'Followed tags', - 'Groups', - 'Filtered', -]; +const FILTER_KEYS = { + original: msg`Original`, + replies: msg`Replies`, + boosts: msg`Boosts`, + followedTags: msg`Followed tags`, + groups: msg`Groups`, + filtered: msg`Filtered`, +}; const FILTER_SORTS = [ 'createdAt', 'repliesCount', @@ -79,33 +82,23 @@ const FILTER_SORTS = [ 'density', ]; const FILTER_GROUPS = [null, 'account']; -const FILTER_VALUES = { - Filtered: 'filtered', - Groups: 'group', - Boosts: 'boost', - Replies: 'reply', - 'Followed tags': 'followedTags', - Original: 'original', -}; -const FILTER_CATEGORY_TEXT = { - Filtered: 'filtered posts', - Groups: 'group posts', - Boosts: 'boosts', - Replies: 'replies', - 'Followed tags': 'followed-tag posts', - Original: 'original posts', -}; -const SORT_BY_TEXT = { - // asc, desc - createdAt: ['oldest', 'latest'], - repliesCount: ['fewest replies', 'most replies'], - favouritesCount: ['fewest likes', 'most likes'], - reblogsCount: ['fewest boosts', 'most boosts'], - density: ['least dense', 'most dense'], -}; + +const DTF = mem( + (locale) => + new Intl.DateTimeFormat(locale || undefined, { + year: 'numeric', + month: 'short', + day: 'numeric', + hour: 'numeric', + minute: 'numeric', + }), +); function Catchup() { - useTitle('Catch-up', '/catchup'); + const { i18n, _ } = useLingui(); + const dtf = DTF(i18n.locale); + + useTitle(`Catch-up`, '/catchup'); const { masto, instance } = api(); const [searchParams, setSearchParams] = useSearchParams(); const id = searchParams.get('id'); @@ -307,23 +300,23 @@ function Catchup() { }, [uiState === 'start']); const [filterCounts, links] = useMemo(() => { - let filtereds = 0, + let filtered = 0, groups = 0, boosts = 0, replies = 0, followedTags = 0, - originals = 0; + original = 0; const links = {}; for (const post of posts) { if (post._filtered) { - filtereds++; + filtered++; post.__FILTER = 'filtered'; } else if (post.group) { groups++; - post.__FILTER = 'group'; + post.__FILTER = 'groups'; } else if (post.reblog) { boosts++; - post.__FILTER = 'boost'; + post.__FILTER = 'boosts'; } else if (post._followedTags?.length) { followedTags++; post.__FILTER = 'followedTags'; @@ -332,9 +325,9 @@ function Catchup() { post.inReplyToAccountId !== post.account?.id ) { replies++; - post.__FILTER = 'reply'; + post.__FILTER = 'replies'; } else { - originals++; + original++; post.__FILTER = 'original'; } @@ -401,18 +394,18 @@ function Catchup() { return [ { - Filtered: filtereds, - Groups: groups, - Boosts: boosts, - Replies: replies, - 'Followed tags': followedTags, - Original: originals, + filtered, + groups, + boosts, + replies, + followedTags, + original, }, topLinks, ]; }, [posts]); - const [selectedFilterCategory, setSelectedFilterCategory] = useState('All'); + const [selectedFilterCategory, setSelectedFilterCategory] = useState('all'); const [selectedAuthor, setSelectedAuthor] = useState(null); const [range, setRange] = useState(1); @@ -427,8 +420,8 @@ function Catchup() { let filteredPosts = posts.filter((post) => { const postFilterMatches = - selectedFilterCategory === 'All' || - post.__FILTER === FILTER_VALUES[selectedFilterCategory]; + selectedFilterCategory === 'all' || + post.__FILTER === selectedFilterCategory; if (postFilterMatches) { authorsHash[post.account.id] = post.account; @@ -599,15 +592,37 @@ function Catchup() { }; let toast = showToast({ duration: 5_000, // 5 seconds - text: `Showing ${ - FILTER_CATEGORY_TEXT[selectedFilterCategory] || 'all posts' - }${authorUsername ? ` by @${authorUsername}` : ''}, ${ - SORT_BY_TEXT[sortBy][sortOrderIndex] - } first${ - !!groupBy - ? `, grouped by ${groupBy === 'account' ? groupByText[groupBy] : ''}` - : '' - }`, + // Note: I'm sorry, translators + text: t`Showing ${select(selectedFilterCategory, { + all: 'all posts', + original: 'original posts', + replies: 'replies', + boosts: 'boosts', + followedTags: 'followed tags', + groups: 'groups', + filtered: 'filtered posts', + })}, ${select(sortBy, { + createdAt: select(sortOrder, { + asc: 'oldest', + desc: 'latest', + }), + reblogsCount: select(sortOrder, { + asc: 'fewest boosts', + desc: 'most boosts', + }), + favouritesCount: select(sortOrder, { + asc: 'fewest likes', + desc: 'most likes', + }), + repliesCount: select(sortOrder, { + asc: 'fewest replies', + desc: 'most replies', + }), + density: select(sortOrder, { asc: 'least dense', desc: 'most dense' }), + })} first${select(groupBy, { + account: ', grouped by authors', + other: '', + })}`, }); return () => { toast?.hideToast?.(); @@ -837,20 +852,20 @@ function Catchup() { <NavMenu /> {uiState === 'results' && ( <Link to="/catchup" class="button plain"> - <Icon icon="history2" size="l" /> + <Icon icon="history2" size="l" alt={t`Catch-up`} /> </Link> )} {uiState === 'start' && ( <Link to="/" class="button plain"> - <Icon icon="home" size="l" /> + <Icon icon="home" size="l" alt={t`Home`} /> </Link> )} </div> <h1> {uiState !== 'start' && ( - <> + <Trans> Catch-up <sup>beta</sup> - </> + </Trans> )} </h1> <div class="header-side"> @@ -862,7 +877,7 @@ function Catchup() { setShowHelp(true); }} > - Help + <Trans>Help</Trans> </button> )} </div> @@ -872,20 +887,27 @@ function Catchup() { {uiState === 'start' && ( <div class="catchup-start"> <h1> - Catch-up <sup>beta</sup> + <Trans> + Catch-up <sup>beta</sup> + </Trans> </h1> <details> - <summary>What is this?</summary> + <summary> + <Trans>What is this?</Trans> + </summary> <p> - Catch-up is a separate timeline for your followings, offering - a high-level view at a glance, with a simple, email-inspired - interface to effortlessly sort and filter through posts. + <Trans> + Catch-up is a separate timeline for your followings, + offering a high-level view at a glance, with a simple, + email-inspired interface to effortlessly sort and filter + through posts. + </Trans> </p> <img src={catchupUrl} width="1200" height="900" - alt="Preview of Catch-up UI" + alt={t`Preview of Catch-up UI`} /> <p> <button @@ -894,13 +916,17 @@ function Catchup() { e.target.closest('details').open = false; }} > - Let's catch up + <Trans>Let's catch up</Trans> </button> </p> </details> - <p>Let's catch up on the posts from your followings.</p> <p> - <b>Show me all posts from…</b> + <Trans>Let's catch up on the posts from your followings.</Trans> + </p> + <p> + <b> + <Trans>Show me all posts from…</Trans> + </b> </p> <div class="catchup-form"> <input @@ -918,11 +944,11 @@ function Catchup() { width: '8em', }} > - {RANGES[range - 1].label} + {_(RANGES[range - 1].label)} <br /> <small class="insignificant"> {range == RANGES[RANGES.length - 1].value - ? 'until the max' + ? t`until the max` : niceDateTime( new Date(Date.now() - range * 60 * 60 * 1000), )} @@ -930,7 +956,7 @@ function Catchup() { </span> <datalist id="catchup-ranges"> {RANGES.map(({ label, value }) => ( - <option value={value} label={label} /> + <option value={value} label={_(label)} /> ))} </datalist>{' '} <button @@ -952,12 +978,13 @@ function Catchup() { } }} > - Catch up + <Trans>Catch up</Trans> </button> </div> {lastCatchupRange && range > lastCatchupRange ? ( <p class="catchup-info"> - <Icon icon="info" /> Overlaps with your last catch-up + <Icon icon="info" />{' '} + <Trans>Overlaps with your last catch-up</Trans> </p> ) : range === RANGES[RANGES.length - 1].value && lastCatchupEndAt ? ( @@ -969,21 +996,27 @@ function Catchup() { checked ref={catchupLastRef} />{' '} - Until the last catch-up ( - {dtf.format(new Date(lastCatchupEndAt))}) + <Trans> + Until the last catch-up ( + {dtf.format(new Date(lastCatchupEndAt))}) + </Trans> </label> </p> ) : null} <p class="insignificant"> <small> - Note: your instance might only show a maximum of 800 posts in - the Home timeline regardless of the time range. Could be less - or more. + <Trans> + Note: your instance might only show a maximum of 800 posts + in the Home timeline regardless of the time range. Could be + less or more. + </Trans> </small> </p> {!!prevCatchups?.length && ( <div class="catchup-prev"> - <p>Previously…</p> + <p> + <Trans>Previously…</Trans> + </p> <ul> {prevCatchups.map((pc) => ( <li key={pc.id}> @@ -1000,23 +1033,29 @@ function Catchup() { </Link>{' '} <span> <small class="ib insignificant"> - {pc.count} posts + <Plural + value={pc.count} + one="# post" + other="# posts" + /> </small>{' '} <button type="button" class="light danger small" onClick={async () => { - const yes = confirm('Remove this catch-up?'); + const yes = confirm(t`Remove this catch-up?`); if (yes) { - let t = showToast(`Removing Catch-up ${pc.id}`); + let t = showToast( + t`Removing Catch-up ${pc.id}`, + ); await db.catchup.del(pc.id); t?.hideToast?.(); - showToast(`Catch-up ${pc.id} removed`); + showToast(t`Catch-up ${pc.id} removed`); reloadCatchups(); } }} > - <Icon icon="x" /> + <Icon icon="x" alt={t`Remove`} /> </button> </span> </li> @@ -1025,8 +1064,10 @@ function Catchup() { {prevCatchups.length >= 3 && ( <p> <small> - Note: Only max 3 will be stored. The rest will be - automatically removed. + <Trans> + Note: Only max 3 will be stored. The rest will be + automatically removed. + </Trans> </small> </p> )} @@ -1037,8 +1078,12 @@ function Catchup() { {uiState === 'loading' && ( <div class="ui-state catchup-start"> <Loader abrupt /> - <p class="insignificant">Fetching posts…</p> - <p class="insignificant">This might take a while.</p> + <p class="insignificant"> + <Trans>Fetching posts…</Trans> + </p> + <p class="insignificant"> + <Trans>This might take a while.</Trans> + </p> </div> )} {uiState === 'results' && ( @@ -1057,7 +1102,7 @@ function Catchup() { <aside> <button hidden={ - selectedFilterCategory === 'All' && + selectedFilterCategory === 'all' && !selectedAuthor && sortBy === 'createdAt' && sortOrder === 'asc' @@ -1065,14 +1110,14 @@ function Catchup() { type="button" class="plain4 small" onClick={() => { - setSelectedFilterCategory('All'); + setSelectedFilterCategory('all'); setSelectedAuthor(null); setSortBy('createdAt'); setGroupBy(null); setSortOrder('asc'); }} > - Reset filters + <Trans>Reset filters</Trans> </button> {links?.length > 0 && ( <button @@ -1080,7 +1125,7 @@ function Catchup() { class="plain small" onClick={() => setShowTopLinks(!showTopLinks)} > - Top links{' '} + <Trans>Top links</Trans>{' '} <Icon icon="chevron-down" style={{ @@ -1196,17 +1241,19 @@ function Catchup() { whiteSpace: 'nowrap', }} > - Shared by{' '} - {sharers.map((s) => { - const { avatarStatic, displayName } = s; - return ( - <Avatar - url={avatarStatic} - size="s" - alt={displayName} - /> - ); - })} + <Trans> + Shared by{' '} + {sharers.map((s) => { + const { avatarStatic, displayName } = s; + return ( + <Avatar + url={avatarStatic} + size="s" + alt={displayName} + /> + ); + })} + </Trans> </p> </div> </article> @@ -1230,22 +1277,21 @@ function Catchup() { name="filter-cat" checked={selectedFilterCategory.toLowerCase() === 'all'} onChange={() => { - setSelectedFilterCategory('All'); + setSelectedFilterCategory('all'); }} /> - All <span class="count">{posts.length}</span> + <Trans>All</Trans> <span class="count">{posts.length}</span> </label> - {FILTER_LABELS.map( - (label) => - !!filterCounts[label] && ( + {Object.entries(FILTER_KEYS).map( + ([key, label]) => + !!filterCounts[key] && ( <label class="filter-cat" - key={label} + key={_(label)} title={ - ( - (filterCounts[label] / posts.length) * - 100 - ).toFixed(2) + '%' + ((filterCounts[key] / posts.length) * 100).toFixed( + 2, + ) + '%' } > <input @@ -1253,11 +1299,11 @@ function Catchup() { name="filter-cat" checked={ selectedFilterCategory.toLowerCase() === - label.toLowerCase() + key.toLowerCase() } onChange={() => { - setSelectedFilterCategory(label); - if (label === 'Boosts') { + setSelectedFilterCategory(key); + if (key === 'boosts') { setSortBy('reblogsCount'); setSortOrder('desc'); setGroupBy(null); @@ -1265,8 +1311,8 @@ function Catchup() { // setSelectedAuthor(null); }} /> - {label}{' '} - <span class="count">{filterCounts[label]}</span> + {_(label)}{' '} + <span class="count">{filterCounts[key]}</span> </label> ), )} @@ -1319,14 +1365,20 @@ function Catchup() { opacity: 0.33, }} > - {authorCountsList.length} authors + <Plural + value={authorCountsList.length} + one="# author" + other="# authors" + /> </small> )} </div> )} {posts.length >= 2 && ( <div class="catchup-filters"> - <span class="filter-label">Sort</span>{' '} + <span class="filter-label"> + <Trans>Sort</Trans> + </span>{' '} <fieldset class="radio-field-group"> {FILTER_SORTS.map((key) => ( <label @@ -1356,11 +1408,11 @@ function Catchup() { /> { { - createdAt: 'Date', - repliesCount: 'Replies', - favouritesCount: 'Likes', - reblogsCount: 'Boosts', - density: 'Density', + createdAt: t`Date`, + repliesCount: t`Replies`, + favouritesCount: t`Likes`, + reblogsCount: t`Boosts`, + density: t`Density`, }[key] } {sortBy === key && (sortOrder === 'asc' ? ' ↑' : ' ↓')} @@ -1382,7 +1434,9 @@ function Catchup() { </label> ))} </fieldset> */} - <span class="filter-label">Group</span>{' '} + <span class="filter-label"> + <Trans>Group</Trans> + </span>{' '} <fieldset class="radio-field-group"> {FILTER_GROUPS.map((key) => ( <label class="filter-group" key={key || 'none'}> @@ -1396,8 +1450,8 @@ function Catchup() { disabled={key === 'account' && selectedAuthor} /> {{ - account: 'Authors', - }[key] || 'None'} + account: t`Authors`, + }[key] || t`None`} </label> ))} </fieldset> @@ -1413,7 +1467,7 @@ function Catchup() { whiteSpace: 'nowrap', }} > - Show all authors + <Trans>Show all authors</Trans> </button> ) : null // <button @@ -1428,7 +1482,7 @@ function Catchup() { )} <ul class={`catchup-list catchup-filter-${ - FILTER_VALUES[selectedFilterCategory] || '' + selectedFilterCategory || '' } ${sortBy ? `catchup-sort-${sortBy}` : ''} ${ selectedAuthor && authors[selectedAuthor] ? `catchup-selected-author` @@ -1463,9 +1517,9 @@ function Catchup() { <footer> {filteredPosts.length > 5 && ( <p> - {selectedFilterCategory === 'Boosts' - ? "You don't have to read everything." - : "That's all."}{' '} + {selectedFilterCategory === 'boosts' + ? t`You don't have to read everything.` + : t`That's all.`}{' '} <button type="button" class="textual" @@ -1473,7 +1527,7 @@ function Catchup() { scrollableRef.current.scrollTop = 0; }} > - Back to top + <Trans>Back to top</Trans> </button> . </p> @@ -1491,47 +1545,117 @@ function Catchup() { class="sheet-close" onClick={() => setShowHelp(false)} > - <Icon icon="x" /> + <Icon icon="x" alt={t`Close`} /> </button> <header> - <h2>Help</h2> + <h2> + <Trans>Help</Trans> + </h2> </header> <main> <dl> - <dt>Top links</dt> + <dt> + <Trans>Top links</Trans> + </dt> <dd> - Links shared by followings, sorted by shared counts, boosts - and likes. + <Trans> + Links shared by followings, sorted by shared counts, boosts + and likes. + </Trans> </dd> - <dt>Sort: Density</dt> + <dt> + <Trans>Sort: Density</Trans> + </dt> <dd> - Posts are sorted by information density or depth. Shorter - posts are "lighter" while longer posts are "heavier". Posts - with photos are "heavier" than posts without photos. + <Trans> + Posts are sorted by information density or depth. Shorter + posts are "lighter" while longer posts are "heavier". Posts + with photos are "heavier" than posts without photos. + </Trans> </dd> - <dt>Group: Authors</dt> + <dt> + <Trans>Group: Authors</Trans> + </dt> <dd> - Posts are grouped by authors, sorted by posts count per - author. + <Trans> + Posts are grouped by authors, sorted by posts count per + author. + </Trans> </dd> - <dt>Keyboard shortcuts</dt> - <dd> - <kbd>j</kbd>: Next post + <dt> + <Trans>Keyboard shortcuts</Trans> + </dt> + {/* <dd> + <kbd>j</kbd>: <Trans>Next post</Trans> </dd> <dd> - <kbd>k</kbd>: Previous post + <kbd>k</kbd>: <Trans>Previous post</Trans> </dd> <dd> - <kbd>l</kbd>: Next author + <kbd>l</kbd>: <Trans>Next author</Trans> </dd> <dd> - <kbd>h</kbd>: Previous author + <kbd>h</kbd>: <Trans>Previous author</Trans> </dd> <dd> - <kbd>Enter</kbd>: Open post details + <kbd>Enter</kbd>: <Trans>Open post details</Trans> </dd> <dd> - <kbd>.</kbd>: Scroll to top + <kbd>.</kbd>: <Trans>Scroll to top</Trans> + </dd> */} + <dd> + <table> + <tbody> + <tr> + <td> + <Trans>Next post</Trans> + </td> + <td> + <kbd>j</kbd> + </td> + </tr> + <tr> + <td> + <Trans>Previous post</Trans> + </td> + <td> + <kbd>k</kbd> + </td> + </tr> + <tr> + <td> + <Trans>Next author</Trans> + </td> + <td> + <kbd>l</kbd> + </td> + </tr> + <tr> + <td> + <Trans>Previous author</Trans> + </td> + <td> + <kbd>h</kbd> + </td> + </tr> + <tr> + <td> + <Trans>Open post details</Trans> + </td> + <td> + <kbd>Enter</kbd> + </td> + </tr> + <tr> + <td> + <Trans>Scroll to top</Trans> + </td> + <td> + <kbd>.</kbd> + </td> + </tr> + </tbody> + </table> </dd> </dl> </main> @@ -1713,7 +1837,10 @@ function PostPeek({ post, filterInfo }) { )} {!!filterInfo ? ( <span class="post-peek-filtered"> - Filtered{filterInfo?.titlesStr ? `: ${filterInfo.titlesStr}` : ''} + {/* Filtered{filterInfo?.titlesStr ? `: ${filterInfo.titlesStr}` : ''} */} + {filterInfo?.titlesStr + ? t`Filtered: ${filterInfo.titlesStr}` + : t`Filtered`} </span> ) : ( <> @@ -1729,7 +1856,9 @@ function PostPeek({ post, filterInfo }) { <div class="post-peek-html"> {isThread && ( <> - <span class="post-peek-tag post-peek-thread">Thread</span>{' '} + <span class="post-peek-tag post-peek-thread"> + <Trans>Thread</Trans> + </span>{' '} </> )} {!!content && ( @@ -1763,7 +1892,7 @@ function PostPeek({ post, filterInfo }) { {!!poll && ( <span class="post-peek-tag post-peek-poll"> <Icon icon="poll" size="s" /> - Poll + <Trans>Poll</Trans> </span> )} {!!mediaAttachments?.length @@ -1891,32 +2020,26 @@ function PostStats({ post }) { <span class="post-stats"> {repliesCount > 0 && ( <span class="post-stat-replies"> - <Icon icon="comment2" size="s" /> {shortenNumber(repliesCount)} + <Icon icon="comment2" size="s" alt={t`Replies`} />{' '} + {shortenNumber(repliesCount)} </span> )} {favouritesCount > 0 && ( <span class="post-stat-likes"> - <Icon icon="heart" size="s" /> {shortenNumber(favouritesCount)} + <Icon icon="heart" size="s" alt={t`Likes`} />{' '} + {shortenNumber(favouritesCount)} </span> )} {reblogsCount > 0 && ( <span class="post-stat-boosts"> - <Icon icon="rocket" size="s" /> {shortenNumber(reblogsCount)} + <Icon icon="rocket" size="s" alt={t`Boosts`} />{' '} + {shortenNumber(reblogsCount)} </span> )} </span> ); } -const { locale } = new Intl.DateTimeFormat().resolvedOptions(); -const dtf = new Intl.DateTimeFormat(locale, { - year: 'numeric', - month: 'short', - day: 'numeric', - hour: 'numeric', - minute: 'numeric', -}); - function binByTime(data, key, numBins) { // Extract dates from data objects const dates = data.map((item) => new Date(item[key])); diff --git a/src/pages/favourites.jsx b/src/pages/favourites.jsx index 5a3310ba5..a68f16130 100644 --- a/src/pages/favourites.jsx +++ b/src/pages/favourites.jsx @@ -1,3 +1,4 @@ +import { t, Trans } from '@lingui/macro'; import { useRef } from 'preact/hooks'; import Timeline from '../components/timeline'; @@ -7,7 +8,7 @@ import useTitle from '../utils/useTitle'; const LIMIT = 20; function Favourites() { - useTitle('Likes', '/f'); + useTitle(t`Likes`, '/favourites'); const { masto, instance } = api(); const favouritesIterator = useRef(); async function fetchFavourites(firstLoad) { @@ -19,10 +20,10 @@ function Favourites() { return ( <Timeline - title="Likes" + title={t`Likes`} id="favourites" - emptyText="No likes yet. Go like something!" - errorText="Unable to load likes" + emptyText={`No likes yet. Go like something!`} + errorText={t`Unable to load likes.`} instance={instance} fetchItems={fetchFavourites} /> diff --git a/src/pages/filters.jsx b/src/pages/filters.jsx index 4abc9e4b6..5cebc9569 100644 --- a/src/pages/filters.jsx +++ b/src/pages/filters.jsx @@ -1,5 +1,8 @@ import './filters.css'; +import { i18n } from '@lingui/core'; +import { msg, Plural, t, Trans } from '@lingui/macro'; +import { useLingui } from '@lingui/react'; import { useEffect, useReducer, useRef, useState } from 'preact/hooks'; import Icon from '../components/icon'; @@ -10,17 +13,18 @@ import Modal from '../components/modal'; import NavMenu from '../components/nav-menu'; import RelativeTime from '../components/relative-time'; import { api } from '../utils/api'; +import i18nDuration from '../utils/i18n-duration'; import useInterval from '../utils/useInterval'; import useTitle from '../utils/useTitle'; const FILTER_CONTEXT = ['home', 'public', 'notifications', 'thread', 'account']; const FILTER_CONTEXT_UNIMPLEMENTED = ['notifications', 'thread', 'account']; const FILTER_CONTEXT_LABELS = { - home: 'Home and lists', - notifications: 'Notifications', - public: 'Public timelines', - thread: 'Conversations', - account: 'Profiles', + home: msg`Home and lists`, + notifications: msg`Notifications`, + public: msg`Public timelines`, + thread: msg`Conversations`, + account: msg`Profiles`, }; const EXPIRY_DURATIONS = [ @@ -33,20 +37,21 @@ const EXPIRY_DURATIONS = [ 60 * 60 * 24 * 7, // 7 days 60 * 60 * 24 * 30, // 30 days ]; + const EXPIRY_DURATIONS_LABELS = { - 0: 'Never', - 1800: '30 minutes', - 3600: '1 hour', - 21600: '6 hours', - 43200: '12 hours', - 86_400: '24 hours', - 604_800: '7 days', - 2_592_000: '30 days', + 0: msg`Never`, + 1800: i18nDuration(30, 'minute'), + 3600: i18nDuration(1, 'hour'), + 21600: i18nDuration(6, 'hour'), + 43200: i18nDuration(12, 'hour'), + 86_400: i18nDuration(24, 'hour'), + 604_800: i18nDuration(7, 'day'), + 2_592_000: i18nDuration(30, 'day'), }; function Filters() { const { masto } = api(); - useTitle(`Filters`, `/ft`); + useTitle(t`Filters`, `/ft`); const [uiState, setUIState] = useState('default'); const [showFiltersAddEditModal, setShowFiltersAddEditModal] = useState(false); @@ -81,10 +86,12 @@ function Filters() { <div class="header-side"> <NavMenu /> <Link to="/" class="button plain"> - <Icon icon="home" size="l" /> + <Icon icon="home" size="l" alt={t`Home`} /> </Link> </div> - <h1>Filters</h1> + <h1> + <Trans>Filters</Trans> + </h1> <div class="header-side"> <button type="button" @@ -93,7 +100,7 @@ function Filters() { setShowFiltersAddEditModal(true); }} > - <Icon icon="plus" size="l" alt="New filter" /> + <Icon icon="plus" size="l" alt={t`New filter`} /> </button> </div> </div> @@ -141,8 +148,11 @@ function Filters() { {filters.length > 1 && ( <footer class="ui-state"> <small class="insignificant"> - {filters.length} filter - {filters.length === 1 ? '' : 's'} + <Plural + value={filters.length} + one="# filter" + other="# filters" + /> </small> </footer> )} @@ -152,15 +162,19 @@ function Filters() { <Loader /> </p> ) : uiState === 'error' ? ( - <p class="ui-state">Unable to load filters.</p> + <p class="ui-state"> + <Trans>Unable to load filters.</Trans> + </p> ) : ( - <p class="ui-state">No filters yet.</p> + <p class="ui-state"> + <Trans>No filters yet.</Trans> + </p> )} </main> </div> {!!showFiltersAddEditModal && ( <Modal - title="Add filter" + title={t`Add filter`} onClose={() => { setShowFiltersAddEditModal(false); }} @@ -183,6 +197,7 @@ function Filters() { let _id = 1; const incID = () => _id++; function FiltersAddEdit({ filter, onClose }) { + const { _ } = useLingui(); const { masto } = api(); const [uiState, setUIState] = useState('default'); const editMode = !!filter; @@ -206,11 +221,11 @@ function FiltersAddEdit({ filter, onClose }) { <div class="sheet" id="filters-add-edit-modal"> {!!onClose && ( <button type="button" class="sheet-close" onClick={onClose}> - <Icon icon="x" /> + <Icon icon="x" alt={t`Close`} /> </button> )} <header> - <h2>{editMode ? 'Edit filter' : 'New filter'}</h2> + <h2>{editMode ? t`Edit filter` : t`New filter`}</h2> </header> <main> <form @@ -327,8 +342,8 @@ function FiltersAddEdit({ filter, onClose }) { setUIState('error'); alert( editMode - ? 'Unable to edit filter' - : 'Unable to create filter', + ? t`Unable to edit filter` + : t`Unable to create filter`, ); } })(); @@ -336,7 +351,9 @@ function FiltersAddEdit({ filter, onClose }) { > <div class="filter-form-row"> <label> - <b>Title</b> + <b> + <Trans>Title</Trans> + </b> <input type="text" name="title" @@ -376,7 +393,7 @@ function FiltersAddEdit({ filter, onClose }) { defaultChecked={wholeWord} disabled={uiState === 'loading'} />{' '} - Whole word + <Trans>Whole word</Trans> </label> <button type="button" @@ -392,7 +409,7 @@ function FiltersAddEdit({ filter, onClose }) { } }} > - <Icon icon="x" /> + <Icon icon="x" alt={t`Remove`} /> </button> </div> </li> @@ -401,7 +418,9 @@ function FiltersAddEdit({ filter, onClose }) { </ul> ) : ( <div class="filter-keywords"> - <div class="insignificant">No keywords. Add one.</div> + <div class="insignificant"> + <Trans>No keywords. Add one.</Trans> + </div> </div> )} <footer class="filter-keywords-footer"> @@ -427,12 +446,15 @@ function FiltersAddEdit({ filter, onClose }) { }, 10); }} > - Add keyword + <Trans>Add keyword</Trans> </button>{' '} {filteredEditKeywords?.length > 1 && ( <small class="insignificant"> - {filteredEditKeywords.length} keyword - {filteredEditKeywords.length === 1 ? '' : 's'} + <Plural + value={filteredEditKeywords.length} + one="# keyword" + other="# keywords" + /> </small> )} </footer> @@ -440,7 +462,9 @@ function FiltersAddEdit({ filter, onClose }) { <div class="filter-form-cols"> <div class="filter-form-col"> <div> - <b>Filter from…</b> + <b> + <Trans>Filter from…</Trans> + </b> </div> {FILTER_CONTEXT.map((ctx) => ( <div> @@ -458,27 +482,29 @@ function FiltersAddEdit({ filter, onClose }) { defaultChecked={!!context ? context.includes(ctx) : true} disabled={uiState === 'loading'} />{' '} - {FILTER_CONTEXT_LABELS[ctx]} + {_(FILTER_CONTEXT_LABELS[ctx])} {FILTER_CONTEXT_UNIMPLEMENTED.includes(ctx) ? '*' : ''} </label>{' '} </div> ))} <p> - <small class="insignificant">* Not implemented yet</small> + <small class="insignificant"> + <Trans>* Not implemented yet</Trans> + </small> </p> </div> <div class="filter-form-col"> {editMode && ( - <> + <Trans> Status:{' '} <b> <ExpiryStatus expiresAt={expiresAt} showNeverExpires /> </b> - </> + </Trans> )} <div> <label for="filters-expires_in"> - {editMode ? 'Change expiry' : 'Expiry'} + {editMode ? t`Change expiry` : t`Expiry`} </label> <select id="filters-expires_in" @@ -488,12 +514,16 @@ function FiltersAddEdit({ filter, onClose }) { > {editMode && <option></option>} {EXPIRY_DURATIONS.map((v) => ( - <option value={v}>{EXPIRY_DURATIONS_LABELS[v]}</option> + <option value={v}> + {typeof EXPIRY_DURATIONS_LABELS[v] === 'function' + ? EXPIRY_DURATIONS_LABELS[v]() + : _(EXPIRY_DURATIONS_LABELS[v])} + </option> ))} </select> </div> <p> - Filtered post will be… + <Trans>Filtered post will be…</Trans> <br /> <label class="ib"> <input @@ -503,7 +533,7 @@ function FiltersAddEdit({ filter, onClose }) { defaultChecked={filterAction === 'warn' || !editMode} disabled={uiState === 'loading'} />{' '} - minimized + <Trans>minimized</Trans> </label>{' '} <label class="ib"> <input @@ -513,7 +543,7 @@ function FiltersAddEdit({ filter, onClose }) { defaultChecked={filterAction === 'hide'} disabled={uiState === 'loading'} />{' '} - hidden + <Trans>hidden</Trans> </label> </p> </div> @@ -521,7 +551,7 @@ function FiltersAddEdit({ filter, onClose }) { <footer class="filter-form-footer"> <span> <button type="submit" disabled={uiState === 'loading'}> - {editMode ? 'Save' : 'Create'} + {editMode ? t`Save` : t`Create`} </button>{' '} <Loader abrupt hidden={uiState !== 'loading'} /> </span> @@ -530,7 +560,7 @@ function FiltersAddEdit({ filter, onClose }) { disabled={uiState === 'loading'} align="end" menuItemClassName="danger" - confirmLabel="Delete this filter?" + confirmLabel={t`Delete this filter?`} onClick={() => { setUIState('loading'); (async () => { @@ -543,7 +573,7 @@ function FiltersAddEdit({ filter, onClose }) { } catch (e) { console.error(e); setUIState('error'); - alert('Unable to delete filter.'); + alert(t`Unable to delete filter.`); } })(); }} @@ -554,7 +584,7 @@ function FiltersAddEdit({ filter, onClose }) { onClick={() => {}} disabled={uiState === 'loading'} > - Delete… + <Trans>Delete…</Trans> </button> </MenuConfirm> )} @@ -575,13 +605,13 @@ function ExpiryStatus({ expiresAt, showNeverExpires }) { useInterval(rerender, expired || 30_000); return expired ? ( - 'Expired' + t`Expired` ) : hasExpiry ? ( - <> + <Trans> Expiring <RelativeTime datetime={expiresAtDate} /> - </> + </Trans> ) : ( - showNeverExpires && 'Never expires' + showNeverExpires && t`Never expires` ); } diff --git a/src/pages/followed-hashtags.jsx b/src/pages/followed-hashtags.jsx index 2465f181f..dcfb612ec 100644 --- a/src/pages/followed-hashtags.jsx +++ b/src/pages/followed-hashtags.jsx @@ -1,3 +1,4 @@ +import { Plural, t, Trans } from '@lingui/macro'; import { useEffect, useState } from 'preact/hooks'; import Icon from '../components/icon'; @@ -10,7 +11,7 @@ import useTitle from '../utils/useTitle'; function FollowedHashtags() { const { masto, instance } = api(); - useTitle(`Followed Hashtags`, `/fh`); + useTitle(t`Followed Hashtags`, `/fh`); const [uiState, setUIState] = useState('default'); const [followedHashtags, setFollowedHashtags] = useState([]); @@ -36,10 +37,12 @@ function FollowedHashtags() { <div class="header-side"> <NavMenu /> <Link to="/" class="button plain"> - <Icon icon="home" size="l" /> + <Icon icon="home" size="l" alt={t`Home`} /> </Link> </div> - <h1>Followed Hashtags</h1> + <h1> + <Trans>Followed Hashtags</Trans> + </h1> <div class="header-side" /> </div> </header> @@ -56,7 +59,7 @@ function FollowedHashtags() { : `/t/${tag.name}` } > - <Icon icon="hashtag" /> <span>{tag.name}</span> + <Icon icon="hashtag" alt="#" /> <span>{tag.name}</span> </Link> </li> ))} @@ -64,8 +67,11 @@ function FollowedHashtags() { {followedHashtags.length > 1 && ( <footer class="ui-state"> <small class="insignificant"> - {followedHashtags.length} hashtag - {followedHashtags.length === 1 ? '' : 's'} + <Plural + value={followedHashtags.length} + one="# hashtag" + other="# hashtags" + /> </small> </footer> )} @@ -75,9 +81,13 @@ function FollowedHashtags() { <Loader abrupt /> </p> ) : uiState === 'error' ? ( - <p class="ui-state">Unable to load followed hashtags.</p> + <p class="ui-state"> + <Trans>Unable to load followed hashtags.</Trans> + </p> ) : ( - <p class="ui-state">No hashtags followed yet.</p> + <p class="ui-state"> + <Trans>No hashtags followed yet.</Trans> + </p> )} </main> </div> diff --git a/src/pages/following.jsx b/src/pages/following.jsx index 2f9783282..e9194b298 100644 --- a/src/pages/following.jsx +++ b/src/pages/following.jsx @@ -1,3 +1,4 @@ +import { t, Trans } from '@lingui/macro'; import { useEffect, useRef } from 'preact/hooks'; import { useSnapshot } from 'valtio'; @@ -16,7 +17,7 @@ import useTitle from '../utils/useTitle'; const LIMIT = 20; function Following({ title, path, id, ...props }) { - useTitle(title || 'Following', path || '/following'); + useTitle(title || t`Following`, path || '/following'); const { masto, streaming, instance } = api(); const snapStates = useSnapshot(states); const homeIterator = useRef(); @@ -127,10 +128,10 @@ function Following({ title, path, id, ...props }) { return ( <Timeline - title={title || 'Following'} + title={title || t`Following`} id={id || 'following'} - emptyText="Nothing to see here." - errorText="Unable to load posts." + emptyText={t`Nothing to see here.`} + errorText={t`Unable to load posts.`} instance={instance} fetchItems={fetchHome} checkForUpdates={checkForUpdates} diff --git a/src/pages/hashtag.jsx b/src/pages/hashtag.jsx index 5301db820..ad424b4aa 100644 --- a/src/pages/hashtag.jsx +++ b/src/pages/hashtag.jsx @@ -1,3 +1,5 @@ +import { plural, t, Trans } from '@lingui/macro'; +import { useLingui } from '@lingui/react'; import { FocusableItem, MenuDivider, @@ -48,10 +50,13 @@ function Hashtags({ media: mediaView, columnMode, ...props }) { authenticated: currentAuthenticated, } = api(); const hashtagTitle = hashtags.map((t) => `#${t}`).join(' '); - const hashtagPostTitle = media ? ` (Media only)` : ''; const title = instance - ? `${hashtagTitle}${hashtagPostTitle} on ${instance}` - : `${hashtagTitle}${hashtagPostTitle}`; + ? media + ? t`${hashtagTitle} (Media only) on ${instance}` + : t`${hashtagTitle} on ${instance}` + : media + ? t`${hashtagTitle} (Media only)` + : t`${hashtagTitle}`; useTitle(title, `/:instance?/t/:hashtag`); const latestItem = useRef(); @@ -173,8 +178,8 @@ function Hashtags({ media: mediaView, columnMode, ...props }) { } id="hashtag" instance={instance} - emptyText="No one has posted anything with this tag yet." - errorText="Unable to load posts with this tag" + emptyText={t`No one has posted anything with this tag yet.`} + errorText={t`Unable to load posts with this tag`} fetchItems={fetchHashtags} checkForUpdates={checkForUpdates} useItemID @@ -191,7 +196,7 @@ function Hashtags({ media: mediaView, columnMode, ...props }) { position="anchor" menuButton={ <button type="button" class="plain"> - <Icon icon="more" size="l" /> + <Icon icon="more" size="l" alt={t`More`} /> </button> } > @@ -215,7 +220,7 @@ function Hashtags({ media: mediaView, columnMode, ...props }) { .unfollow() .then(() => { setInfo({ ...info, following: false }); - showToast(`Unfollowed #${hashtag}`); + showToast(t`Unfollowed #${hashtag}`); }) .catch((e) => { alert(e); @@ -230,7 +235,7 @@ function Hashtags({ media: mediaView, columnMode, ...props }) { .follow() .then(() => { setInfo({ ...info, following: true }); - showToast(`Followed #${hashtag}`); + showToast(t`Followed #${hashtag}`); }) .catch((e) => { alert(e); @@ -244,11 +249,17 @@ function Hashtags({ media: mediaView, columnMode, ...props }) { > {info.following ? ( <> - <Icon icon="check-circle" /> <span>Following…</span> + <Icon icon="check-circle" />{' '} + <span> + <Trans>Following…</Trans> + </span> </> ) : ( <> - <Icon icon="plus" /> <span>Follow</span> + <Icon icon="plus" />{' '} + <span> + <Trans>Follow</Trans> + </span> </> )} </MenuConfirm> @@ -268,7 +279,7 @@ function Hashtags({ media: mediaView, columnMode, ...props }) { .remove() .then(() => { setIsFeaturedTag(false); - showToast('Unfeatured on profile'); + showToast(t`Unfeatured on profile`); setFeaturedTags( featuredTags.filter( (tag) => tag.id !== featuredTagID, @@ -282,7 +293,7 @@ function Hashtags({ media: mediaView, columnMode, ...props }) { setFeaturedUIState('default'); }); } else { - showToast('Unable to unfeature on profile'); + showToast(t`Unable to unfeature on profile`); } } else { masto.v1.featuredTags @@ -291,7 +302,7 @@ function Hashtags({ media: mediaView, columnMode, ...props }) { }) .then((value) => { setIsFeaturedTag(true); - showToast('Featured on profile'); + showToast(t`Featured on profile`); setFeaturedTags(featuredTags.concat(value)); }) .catch((e) => { @@ -306,12 +317,16 @@ function Hashtags({ media: mediaView, columnMode, ...props }) { {isFeaturedTag ? ( <> <Icon icon="check-circle" /> - <span>Featured on profile</span> + <span> + <Trans>Featured on profile</Trans> + </span> </> ) : ( <> <Icon icon="check-circle" /> - <span>Feature on profile</span> + <span> + <Trans>Feature on profile</Trans> + </span> </> )} </MenuItem> @@ -320,7 +335,9 @@ function Hashtags({ media: mediaView, columnMode, ...props }) { )} {!mediaFirst && ( <> - <MenuHeader className="plain">Filters</MenuHeader> + <MenuHeader className="plain"> + <Trans>Filters</Trans> + </MenuHeader> <MenuItem type="checkbox" checked={!!media} @@ -333,8 +350,10 @@ function Hashtags({ media: mediaView, columnMode, ...props }) { setSearchParams(searchParams); }} > - <Icon icon="check-circle" />{' '} - <span class="menu-grow">Media only</span> + <Icon icon="check-circle" alt="☑️" />{' '} + <span class="menu-grow"> + <Trans>Media only</Trans> + </span> </MenuItem> <MenuDivider /> </> @@ -370,7 +389,11 @@ function Hashtags({ media: mediaView, columnMode, ...props }) { ref={ref} type="text" placeholder={ - reachLimit ? `Max ${TOTAL_TAGS_LIMIT} tags` : 'Add hashtag' + reachLimit + ? plural(TOTAL_TAGS_LIMIT, { + other: 'Max # tags', + }) + : t`Add hashtag` } required autocorrect="off" @@ -385,9 +408,9 @@ function Hashtags({ media: mediaView, columnMode, ...props }) { )} </FocusableItem> <MenuGroup takeOverflow> - {hashtags.map((t, i) => ( + {hashtags.map((tag, i) => ( <MenuItem - key={t} + key={tag} disabled={hashtags.length === 1} onClick={(e) => { hashtags.splice(i, 1); @@ -402,10 +425,10 @@ function Hashtags({ media: mediaView, columnMode, ...props }) { : `/t/${hashtags.join('+')}${linkParams}`; }} > - <Icon icon="x" alt="Remove hashtag" class="danger-icon" /> + <Icon icon="x" alt={t`Remove hashtag`} class="danger-icon" /> <span class="bidi-isolate"> <span class="more-insignificant">#</span> - {t} + {tag} </span> </MenuItem> ))} @@ -416,7 +439,10 @@ function Hashtags({ media: mediaView, columnMode, ...props }) { onClick={() => { if (states.shortcuts.length >= SHORTCUTS_LIMIT) { alert( - `Max ${SHORTCUTS_LIMIT} shortcuts reached. Unable to add shortcut.`, + plural(SHORTCUTS_LIMIT, { + one: 'Max # shortcut reached. Unable to add shortcut.', + other: 'Max # shortcuts reached. Unable to add shortcut.', + }), ); return; } @@ -442,22 +468,25 @@ function Hashtags({ media: mediaView, columnMode, ...props }) { (s.media ? !!s.media === !!shortcut.media : true), ); if (exists) { - alert('This shortcut already exists'); + alert(t`This shortcut already exists`); } else { states.shortcuts.push(shortcut); - showToast(`Hashtag shortcut added`); + showToast(t`Hashtag shortcut added`); } }} > - <Icon icon="shortcut" /> <span>Add to Shortcuts</span> + <Icon icon="shortcut" />{' '} + <span> + <Trans>Add to Shortcuts</Trans> + </span> </MenuItem> <MenuItem onClick={() => { let newInstance = prompt( - 'Enter a new instance e.g. "mastodon.social"', + t`Enter a new instance e.g. "mastodon.social"`, ); if (!/\./.test(newInstance)) { - if (newInstance) alert('Invalid instance'); + if (newInstance) alert(t`Invalid instance`); return; } if (newInstance) { @@ -469,7 +498,10 @@ function Hashtags({ media: mediaView, columnMode, ...props }) { } }} > - <Icon icon="bus" /> <span>Go to another instance…</span> + <Icon icon="bus" />{' '} + <span> + <Trans>Go to another instance…</Trans> + </span> </MenuItem> {currentInstance !== instance && ( <MenuItem @@ -481,7 +513,9 @@ function Hashtags({ media: mediaView, columnMode, ...props }) { > <Icon icon="bus" />{' '} <small class="menu-double-lines"> - Go to my instance (<b>{currentInstance}</b>) + <Trans> + Go to my instance (<b>{currentInstance}</b>) + </Trans> </small> </MenuItem> )} diff --git a/src/pages/home.jsx b/src/pages/home.jsx index d823f95e8..829fe8091 100644 --- a/src/pages/home.jsx +++ b/src/pages/home.jsx @@ -1,5 +1,6 @@ import './notifications-menu.css'; +import { t, Trans } from '@lingui/macro'; import { ControlledMenu } from '@szhsin/react-menu'; import { memo } from 'preact/compat'; import { useEffect, useRef, useState } from 'preact/hooks'; @@ -46,7 +47,7 @@ function Home() { <Columns /> ) : ( <Following - title="Home" + title={t`Home`} path="/" id="home" headerStart={false} @@ -77,7 +78,7 @@ function NotificationsLink() { } }} > - <Icon icon="notification" size="l" alt="Notifications" /> + <Icon icon="notification" size="l" alt={t`Notifications`} /> </Link> <NotificationsMenu state={menuState} @@ -176,7 +177,9 @@ function NotificationsMenu({ anchorRef, state, onClose }) { boundingBoxPadding="8 8 8 8" > <header> - <h2>Notifications</h2> + <h2> + <Trans>Notifications</Trans> + </h2> </header> <main> {snapStates.notifications.length ? ( @@ -199,10 +202,12 @@ function NotificationsMenu({ anchorRef, state, onClose }) { ) : ( uiState === 'error' && ( <div class="ui-state"> - <p>Unable to fetch notifications.</p> + <p> + <Trans>Unable to fetch notifications.</Trans> + </p> <p> <button type="button" onClick={loadNotifications}> - Try again + <Trans>Try again</Trans> </button> </p> </div> @@ -211,16 +216,21 @@ function NotificationsMenu({ anchorRef, state, onClose }) { </main> <footer> <Link to="/mentions" class="button plain"> - <Icon icon="at" /> <span>Mentions</span> + <Icon icon="at" />{' '} + <span> + <Trans>Mentions</Trans> + </span> </Link> <Link to="/notifications" class="button plain2"> {hasFollowRequests ? ( - <> + <Trans> <span class="tag collapsed">New</span>{' '} <span>Follow Requests</span> - </> + </Trans> ) : ( - <b>See all</b> + <b> + <Trans>See all</Trans> + </b> )}{' '} <Icon icon="arrow-right" /> </Link> diff --git a/src/pages/http-route.jsx b/src/pages/http-route.jsx index e76172309..277b81b34 100644 --- a/src/pages/http-route.jsx +++ b/src/pages/http-route.jsx @@ -1,3 +1,4 @@ +import { t, Trans } from '@lingui/macro'; import { useLayoutEffect, useState } from 'preact/hooks'; import { useLocation } from 'react-router-dom'; @@ -63,7 +64,9 @@ export default function HttpRoute() { {uiState === 'loading' ? ( <> <Loader abrupt /> - <h2>Resolving…</h2> + <h2> + <Trans>Resolving…</Trans> + </h2> <p> <a href={url} target="_blank" rel="noopener noreferrer"> {url} @@ -72,7 +75,9 @@ export default function HttpRoute() { </> ) : ( <> - <h2>Unable to resolve URL</h2> + <h2> + <Trans>Unable to resolve URL</Trans> + </h2> <p> <a href={url} target="_blank" rel="noopener noreferrer"> {url} @@ -82,7 +87,9 @@ export default function HttpRoute() { )} <hr /> <p> - <Link to="/">Go home</Link> + <Link to="/"> + <Trans>Go home</Trans> + </Link> </p> </div> ); diff --git a/src/pages/list.jsx b/src/pages/list.jsx index de38dba3a..29486cb35 100644 --- a/src/pages/list.jsx +++ b/src/pages/list.jsx @@ -1,5 +1,6 @@ import './lists.css'; +import { t, Trans } from '@lingui/macro'; import { Menu, MenuDivider, MenuItem } from '@szhsin/react-menu'; import { useEffect, useRef, useState } from 'preact/hooks'; import { InView } from 'react-intersection-observer'; @@ -103,8 +104,8 @@ function List(props) { key={id} title={list.title} id="list" - emptyText="Nothing yet." - errorText="Unable to load posts." + emptyText={t`Nothing yet.`} + errorText={t`Unable to load posts.`} instance={instance} fetchItems={fetchList} checkForUpdates={checkForUpdates} @@ -122,13 +123,15 @@ function List(props) { overflow="auto" menuButton={ <button type="button" class="plain"> - <Icon icon="list" size="l" alt="Lists" /> + <Icon icon="list" size="l" alt={t`Lists`} /> <Icon icon="chevron-down" size="s" /> </button> } > <MenuLink to="/l"> - <span>All Lists</span> + <span> + <Trans>All Lists</Trans> + </span> </MenuLink> {lists?.length > 0 && ( <> @@ -151,7 +154,7 @@ function List(props) { position="anchor" menuButton={ <button type="button" class="plain"> - <Icon icon="more" size="l" /> + <Icon icon="more" size="l" alt={t`More`} /> </button> } > @@ -163,11 +166,15 @@ function List(props) { } > <Icon icon="pencil" size="l" /> - <span>Edit</span> + <span> + <Trans>Edit</Trans> + </span> </MenuItem> <MenuItem onClick={() => setShowManageMembersModal(true)}> <Icon icon="group" size="l" /> - <span>Manage members</span> + <span> + <Trans>Manage members</Trans> + </span> </MenuItem> </Menu2> } @@ -264,11 +271,13 @@ function ListManageMembers({ listID, onClose }) { <div class="sheet" id="list-manage-members-container"> {!!onClose && ( <button type="button" class="sheet-close" onClick={onClose}> - <Icon icon="x" /> + <Icon icon="x" alt={t`Close`} /> </button> )} <header> - <h2>Manage members</h2> + <h2> + <Trans>Manage members</Trans> + </h2> </header> <main> <ul> @@ -281,7 +290,7 @@ function ListManageMembers({ listID, onClose }) { {showMore && uiState === 'default' && ( <InView as="li" onChange={(inView) => inView && fetchMembers()}> <button type="button" class="light block" onClick={fetchMembers}> - Show more… + <Trans>Show more…</Trans> </button> </InView> )} @@ -299,7 +308,11 @@ function RemoveAddButton({ account, listID }) { return ( <MenuConfirm confirm={!removed} - confirmLabel={<span>Remove @{account.username} from list?</span>} + confirmLabel={ + <span> + <Trans>Remove @{account.username} from list?</Trans> + </span> + } align="end" menuItemClassName="danger" onClick={() => { @@ -340,7 +353,7 @@ function RemoveAddButton({ account, listID }) { class={`light ${removed ? '' : 'danger'}`} disabled={uiState === 'loading'} > - {removed ? 'Add' : 'Remove…'} + {removed ? t`Add` : t`Remove…`} </button> </MenuConfirm> ); diff --git a/src/pages/lists.jsx b/src/pages/lists.jsx index 6db143d89..575e4872a 100644 --- a/src/pages/lists.jsx +++ b/src/pages/lists.jsx @@ -1,6 +1,7 @@ import './lists.css'; -import { useEffect, useReducer, useRef, useState } from 'preact/hooks'; +import { Plural, t, Trans } from '@lingui/macro'; +import { useEffect, useReducer, useState } from 'preact/hooks'; import Icon from '../components/icon'; import Link from '../components/link'; @@ -12,7 +13,7 @@ import { fetchLists } from '../utils/lists'; import useTitle from '../utils/useTitle'; function Lists() { - useTitle(`Lists`, `/l`); + useTitle(t`Lists`, `/l`); const [uiState, setUIState] = useState('default'); const [reloadCount, reload] = useReducer((c) => c + 1, 0); @@ -45,14 +46,16 @@ function Lists() { <Icon icon="home" size="l" /> </Link> </div> - <h1>Lists</h1> + <h1> + <Trans>Lists</Trans> + </h1> <div class="header-side"> <button type="button" class="plain" onClick={() => setShowListAddEditModal(true)} > - <Icon icon="plus" size="l" alt="New list" /> + <Icon icon="plus" size="l" alt={t`New list`} /> </button> </div> </div> @@ -87,8 +90,7 @@ function Lists() { {lists.length > 1 && ( <footer class="ui-state"> <small class="insignificant"> - {lists.length} list - {lists.length === 1 ? '' : 's'} + <Plural value={lists.length} one="# list" other="# lists" /> </small> </footer> )} @@ -98,9 +100,13 @@ function Lists() { <Loader /> </p> ) : uiState === 'error' ? ( - <p class="ui-state">Unable to load lists.</p> + <p class="ui-state"> + <Trans>Unable to load lists.</Trans> + </p> ) : ( - <p class="ui-state">No lists yet.</p> + <p class="ui-state"> + <Trans>No lists yet.</Trans> + </p> )} </main> </div> diff --git a/src/pages/login.jsx b/src/pages/login.jsx index 66bcbafc2..468aeb282 100644 --- a/src/pages/login.jsx +++ b/src/pages/login.jsx @@ -1,11 +1,13 @@ import './login.css'; +import { t, Trans } from '@lingui/macro'; import Fuse from 'fuse.js'; import { useEffect, useRef, useState } from 'preact/hooks'; import { useSearchParams } from 'react-router-dom'; import logo from '../assets/logo.svg'; +import LangSelector from '../components/lang-selector'; import Link from '../components/link'; import Loader from '../components/loader'; import instancesListURL from '../data/instances.json?url'; @@ -137,10 +139,12 @@ function Login() { <h1> <img src={logo} alt="" width="80" height="80" /> <br /> - Log in + <Trans>Log in</Trans> </h1> <label> - <p>Instance</p> + <p> + <Trans>Instance</Trans> + </p> <input value={instanceText} required @@ -154,7 +158,7 @@ function Login() { autocapitalize="off" autocomplete="off" spellCheck={false} - placeholder="instance domain" + placeholder={`instance domain`} onInput={(e) => { setInstanceText(e.target.value); }} @@ -177,7 +181,9 @@ function Login() { ))} </ul> ) : ( - <div id="instances-eg">e.g. “mastodon.social”</div> + <div id="instances-eg"> + <Trans>e.g. “mastodon.social”</Trans> + </div> )} {/* <datalist id="instances-list"> {instancesList.map((instance) => ( @@ -187,7 +193,9 @@ function Login() { </label> {uiState === 'error' && ( <p class="error"> - Failed to log in. Please try again or another instance. + <Trans> + Failed to log in. Please try again or another instance. + </Trans> </p> )} <div> @@ -197,8 +205,8 @@ function Login() { } > {selectedInstanceText - ? `Continue with ${selectedInstanceText}` - : 'Continue'} + ? t`Continue with ${selectedInstanceText}` + : t`Continue`} </button>{' '} </div> <Loader hidden={uiState !== 'loading'} /> @@ -206,13 +214,16 @@ function Login() { {!DEFAULT_INSTANCE && ( <p> <a href="https://joinmastodon.org/servers" target="_blank"> - Don't have an account? Create one! + <Trans>Don't have an account? Create one!</Trans> </a> </p> )} <p> - <Link to="/">Go home</Link> + <Link to="/"> + <Trans>Go home</Trans> + </Link> </p> + <LangSelector /> </form> </main> ); diff --git a/src/pages/mentions.jsx b/src/pages/mentions.jsx index be816686c..32a85fc7f 100644 --- a/src/pages/mentions.jsx +++ b/src/pages/mentions.jsx @@ -1,3 +1,4 @@ +import { t, Trans } from '@lingui/macro'; import { useMemo, useRef, useState } from 'preact/hooks'; import { useSearchParams } from 'react-router-dom'; @@ -16,7 +17,7 @@ function Mentions({ columnMode, ...props }) { const [searchParams] = columnMode ? [emptySearchParams] : useSearchParams(); const [stateType, setStateType] = useState(null); const type = props?.type || searchParams.get('type') || stateType; - useTitle(`Mentions${type === 'private' ? ' (Private)' : ''}`, '/mentions'); + useTitle(type === 'private' ? t`Private mentions` : t`Mentions`, '/mentions'); const mentionsIterator = useRef(); const latestItem = useRef(); @@ -143,7 +144,7 @@ function Mentions({ columnMode, ...props }) { } }} > - All + <Trans>All</Trans> </Link> <Link to="/mentions?type=private" @@ -155,7 +156,7 @@ function Mentions({ columnMode, ...props }) { } }} > - Private + <Trans>Private</Trans> </Link> </div> ); @@ -163,10 +164,10 @@ function Mentions({ columnMode, ...props }) { return ( <Timeline - title="Mentions" + title={t`Mentions`} id="mentions" - emptyText="No one mentioned you :(" - errorText="Unable to load mentions." + emptyText={t`No one mentioned you :(`} + errorText={t`Unable to load mentions.`} instance={instance} fetchItems={fetchItems} checkForUpdates={checkForUpdates} diff --git a/src/pages/notifications.jsx b/src/pages/notifications.jsx index a987528e4..c2a15c27e 100644 --- a/src/pages/notifications.jsx +++ b/src/pages/notifications.jsx @@ -1,5 +1,6 @@ import './notifications.css'; +import { Plural, t, Trans } from '@lingui/macro'; import { Fragment } from 'preact'; import { memo } from 'preact/compat'; import { useCallback, useEffect, useRef, useState } from 'preact/hooks'; @@ -85,7 +86,7 @@ export function getGroupedNotifications(notifications) { } function Notifications({ columnMode }) { - useTitle('Notifications', '/notifications'); + useTitle(t`Notifications`, '/notifications'); const { masto, instance } = api(); const snapStates = useSnapshot(states); const [uiState, setUIState] = useState('default'); @@ -484,10 +485,12 @@ function Notifications({ columnMode }) { <div class="header-side"> <NavMenu /> <Link to="/" class="button plain"> - <Icon icon="home" size="l" alt="Home" /> + <Icon icon="home" size="l" alt={t`Home`} /> </Link> </div> - <h1>Notifications</h1> + <h1> + <Trans>Notifications</Trans> + </h1> <div class="header-side"> {supportsFilteredNotifications && ( <button @@ -497,7 +500,11 @@ function Notifications({ columnMode }) { setShowNotificationsSettings(true); }} > - <Icon icon="settings" size="l" alt="Notifications settings" /> + <Icon + icon="settings" + size="l" + alt={t`Notifications settings`} + /> </button> )} </div> @@ -514,7 +521,7 @@ function Notifications({ columnMode }) { }); }} > - <Icon icon="arrow-up" /> New notifications + <Icon icon="arrow-up" /> <Trans>New notifications</Trans> </button> )} </header> @@ -525,7 +532,11 @@ function Notifications({ columnMode }) { <summary> <span> <Icon icon="announce" class="announcement-icon" size="l" />{' '} - <b>Announcement{announcements.length > 1 ? 's' : ''}</b>{' '} + <Plural + value={announcements.length} + one="Announcement" + other="Announcements" + />{' '} <small class="insignificant">{instance}</small> </span> {announcements.length > 1 && ( @@ -567,10 +578,18 @@ function Notifications({ columnMode }) { )} {followRequests.length > 0 && ( <div class="follow-requests"> - <h2 class="timeline-header">Follow requests</h2> + <h2 class="timeline-header"> + <Trans>Follow requests</Trans> + </h2> {followRequests.length > 5 ? ( <details> - <summary>{followRequests.length} follow requests</summary> + <summary> + <Plural + value={followRequests.length} + one="# follow request" + other="# follow requests" + /> + </summary> <ul> {followRequests.map((account) => ( <li key={account.id}> @@ -620,8 +639,11 @@ function Notifications({ columnMode }) { }} > <summary> - Filtered notifications from{' '} - {notificationsPolicy.summary.pendingRequestsCount} people + <Plural + value={notificationsPolicy.summary.pendingRequestsCount} + one="Filtered notifications from # person" + other="Filtered notifications from # people" + /> </summary> {!notificationsRequests ? ( <p class="ui-state"> @@ -683,13 +705,15 @@ function Notifications({ columnMode }) { setOnlyMentions(e.target.checked); }} />{' '} - Only mentions + <Trans>Only mentions</Trans> </label> </div> - <h2 class="timeline-header">Today</h2> + <h2 class="timeline-header"> + <Trans>Today</Trans> + </h2> {showTodayEmpty && ( <p class="ui-state insignificant"> - {uiState === 'default' ? "You're all caught up." : <>…</>} + {uiState === 'default' ? t`You're all caught up.` : <>…</>} </p> )} {snapStates.notifications.length ? ( @@ -712,7 +736,7 @@ function Notifications({ columnMode }) { const heading = notificationDay.toDateString() === yesterdayDate.toDateString() - ? 'Yesterday' + ? t`Yesterday` : niceDateTime(currentDay, { hideTime: true, }); @@ -748,11 +772,11 @@ function Notifications({ columnMode }) { )} {uiState === 'error' && ( <p class="ui-state"> - Unable to load notifications + <Trans>Unable to load notifications</Trans> <br /> <br /> <button type="button" onClick={() => loadNotifications(true)}> - Try again + <Trans>Try again</Trans> </button> </p> )} @@ -776,7 +800,7 @@ function Notifications({ columnMode }) { {uiState === 'loading' ? ( <Loader abrupt /> ) : ( - <>Show more…</> + <Trans>Show more…</Trans> )} </button> </InView> @@ -796,10 +820,12 @@ function Notifications({ columnMode }) { class="sheet-close" onClick={() => setShowNotificationsSettings(false)} > - <Icon icon="x" /> + <Icon icon="x" alt={t`Close`} /> </button> <header> - <h2>Notifications settings</h2> + <h2> + <Trans>Notifications settings</Trans> + </h2> </header> <main> <form @@ -825,14 +851,16 @@ function Notifications({ columnMode }) { (async () => { try { await masto.v1.notifications.policy.update(allFilters); - showToast('Notifications settings updated'); + showToast(t`Notifications settings updated`); } catch (e) { console.error(e); } })(); }} > - <p>Filter out notifications from people:</p> + <p> + <Trans>Filter out notifications from people:</Trans> + </p> <p> <label> <input @@ -841,7 +869,7 @@ function Notifications({ columnMode }) { defaultChecked={notificationsPolicy.filterNotFollowing} name="filterNotFollowing" />{' '} - You don't follow + <Trans>You don't follow</Trans> </label> </p> <p> @@ -852,7 +880,7 @@ function Notifications({ columnMode }) { defaultChecked={notificationsPolicy.filterNotFollowers} name="filterNotFollowers" />{' '} - Who don't follow you + <Trans>Who don't follow you</Trans> </label> </p> <p> @@ -863,7 +891,7 @@ function Notifications({ columnMode }) { defaultChecked={notificationsPolicy.filterNewAccounts} name="filterNewAccounts" />{' '} - With a new account + <Trans>With a new account</Trans> </label> </p> <p> @@ -874,11 +902,13 @@ function Notifications({ columnMode }) { defaultChecked={notificationsPolicy.filterPrivateMentions} name="filterPrivateMentions" />{' '} - Who unsolicitedly private mention you + <Trans>Who unsolicitedly private mention you</Trans> </label> </p> <p> - <button type="submit">Save</button> + <button type="submit"> + <Trans>Save</Trans> + </button> </p> </form> </main> @@ -940,10 +970,12 @@ function AnnouncementBlock({ announcement }) { {' '} •{' '} <span class="ib"> - Updated{' '} - <time datetime={updatedAtDate.toISOString()}> - {niceDateTime(updatedAtDate)} - </time> + <Trans> + Updated{' '} + <time datetime={updatedAtDate.toISOString()}> + {niceDateTime(updatedAtDate)} + </time> + </Trans> </span> </> )} @@ -1005,7 +1037,9 @@ function NotificationRequestModalButton({ request }) { }} > <Icon icon="notification" class="more-insignificant" />{' '} - <small>View notifications from @{account.username}</small>{' '} + <small> + <Trans>View notifications from @{account.username}</Trans> + </small>{' '} <Icon icon="chevron-down" /> </button> {showModal && ( @@ -1018,10 +1052,12 @@ function NotificationRequestModalButton({ request }) { > <div class="sheet" tabIndex="-1"> <button type="button" class="sheet-close" onClick={onClose}> - <Icon icon="x" /> + <Icon icon="x" alt={t`Close`} /> </button> <header> - <b>Notifications from @{account.username}</b> + <b> + <Trans>Notifications from @{account.username}</Trans> + </b> </header> <main> {uiState === 'loading' ? ( @@ -1084,17 +1120,17 @@ function NotificationRequestButtons({ request, onChange }) { state: 'accept', }); showToast( - `Notifications from @${request.account.username} will not be filtered from now on.`, + t`Notifications from @${request.account.username} will not be filtered from now on.`, ); } catch (error) { setUIState('error'); console.error(error); - showToast(`Unable to accept notification request`); + showToast(t`Unable to accept notification request`); } })(); }} > - Allow + <Trans>Allow</Trans> </button>{' '} <button type="button" @@ -1114,17 +1150,17 @@ function NotificationRequestButtons({ request, onChange }) { state: 'dismiss', }); showToast( - `Notifications from @${request.account.username} will not show up in Filtered notifications from now on.`, + t`Notifications from @${request.account.username} will not show up in Filtered notifications from now on.`, ); } catch (error) { setUIState('error'); console.error(error); - showToast(`Unable to dismiss notification request`); + showToast(t`Unable to dismiss notification request`); } })(); }} > - Dismiss + <Trans>Dismiss</Trans> </button> <span class="notification-request-states"> {uiState === 'loading' ? ( @@ -1132,14 +1168,14 @@ function NotificationRequestButtons({ request, onChange }) { ) : requestState === 'accept' ? ( <Icon icon="check-circle" - alt="Accepted" + alt={t`Accepted`} class="notification-accepted" /> ) : ( requestState === 'dismiss' && ( <Icon icon="x-circle" - alt="Dismissed" + alt={t`Dismissed`} class="notification-dismissed" /> ) diff --git a/src/pages/public.jsx b/src/pages/public.jsx index db8ab3090..4663c544f 100644 --- a/src/pages/public.jsx +++ b/src/pages/public.jsx @@ -1,3 +1,4 @@ +import { t, Trans } from '@lingui/macro'; import { Menu, MenuDivider, MenuItem } from '@szhsin/react-menu'; import { useRef } from 'preact/hooks'; import { useNavigate, useParams } from 'react-router-dom'; @@ -22,7 +23,9 @@ function Public({ local, columnMode, ...props }) { instance: props?.instance || params.instance, }); const { masto: currentMasto, instance: currentInstance } = api(); - const title = `${isLocal ? 'Local' : 'Federated'} timeline (${instance})`; + const title = isLocal + ? t`Local timeline (${instance})` + : t`Federated timeline (${instance})`; useTitle(title, isLocal ? `/:instance?/p/l` : `/:instance?/p`); // const navigate = useNavigate(); const latestItem = useRef(); @@ -84,14 +87,14 @@ function Public({ local, columnMode, ...props }) { title={title} titleComponent={ <h1 class="header-double-lines"> - <b>{isLocal ? 'Local timeline' : 'Federated timeline'}</b> + <b>{isLocal ? t`Local timeline` : t`Federated timeline`}</b> <div>{instance}</div> </h1> } id="public" instance={instance} - emptyText="No one has posted anything yet." - errorText="Unable to load posts" + emptyText={t`No one has posted anything yet.`} + errorText={t`Unable to load posts`} fetchItems={fetchPublic} checkForUpdates={checkForUpdates} useItemID @@ -108,18 +111,24 @@ function Public({ local, columnMode, ...props }) { position="anchor" menuButton={ <button type="button" class="plain"> - <Icon icon="more" size="l" /> + <Icon icon="more" size="l" alt={t`More`} /> </button> } > <MenuItem href={isLocal ? `/#/${instance}/p` : `/#/${instance}/p/l`}> {isLocal ? ( <> - <Icon icon="transfer" /> <span>Switch to Federated</span> + <Icon icon="transfer" />{' '} + <span> + <Trans>Switch to Federated</Trans> + </span> </> ) : ( <> - <Icon icon="transfer" /> <span>Switch to Local</span> + <Icon icon="transfer" />{' '} + <span> + <Trans>Switch to Local</Trans> + </span> </> )} </MenuItem> @@ -127,10 +136,10 @@ function Public({ local, columnMode, ...props }) { <MenuItem onClick={() => { let newInstance = prompt( - 'Enter a new instance e.g. "mastodon.social"', + t`Enter a new instance e.g. "mastodon.social"`, ); if (!/\./.test(newInstance)) { - if (newInstance) alert('Invalid instance'); + if (newInstance) alert(t`Invalid instance`); return; } if (newInstance) { @@ -142,7 +151,10 @@ function Public({ local, columnMode, ...props }) { } }} > - <Icon icon="bus" /> <span>Go to another instance…</span> + <Icon icon="bus" />{' '} + <span> + <Trans>Go to another instance…</Trans> + </span> </MenuItem> {currentInstance !== instance && ( <MenuItem @@ -154,7 +166,9 @@ function Public({ local, columnMode, ...props }) { > <Icon icon="bus" />{' '} <small class="menu-double-lines"> - Go to my instance (<b>{currentInstance}</b>) + <Trans> + Go to my instance (<b>{currentInstance}</b>) + </Trans> </small> </MenuItem> )} diff --git a/src/pages/search.jsx b/src/pages/search.jsx index 37b30e4e8..764c97d87 100644 --- a/src/pages/search.jsx +++ b/src/pages/search.jsx @@ -1,6 +1,7 @@ import './search.css'; import { useAutoAnimate } from '@formkit/auto-animate/preact'; +import { t, Trans } from '@lingui/macro'; import { useEffect, useLayoutEffect, useRef, useState } from 'preact/hooks'; import { useHotkeys } from 'react-hotkeys-hook'; import { InView } from 'react-intersection-observer'; @@ -35,22 +36,23 @@ function Search({ columnMode, ...props }) { const type = columnMode ? 'statuses' : props?.type || searchParams.get('type'); - useTitle( - q - ? `Search: ${q}${ - type - ? ` (${ - { - statuses: 'Posts', - accounts: 'Accounts', - hashtags: 'Hashtags', - }[type] - })` - : '' - }` - : 'Search', - `/search`, - ); + let title = t`Search`; + if (q) { + switch (type) { + case 'statuses': + title = t`Search: ${q} (Posts)`; + break; + case 'accounts': + title = t`Search: ${q} (Accounts)`; + break; + case 'hashtags': + title = t`Search: ${q} (Hashtags)`; + break; + default: + title = t`Search: ${q}`; + } + } + useTitle(title, `/search`); const [showMore, setShowMore] = useState(false); const offsetRef = useRef(0); @@ -204,7 +206,7 @@ function Search({ columnMode, ...props }) { }} disabled={uiState === 'loading'} > - <Icon icon="search" size="l" /> + <Icon icon="search" size="l" alt={t`Search`} /> </button> </div> </div> @@ -217,22 +219,22 @@ function Search({ columnMode, ...props }) { > {!!type && ( <Link to={`/search${q ? `?q=${encodeURIComponent(q)}` : ''}`}> - ‹ All + <Icon icon="chevron-left" /> <Trans>All</Trans> </Link> )} {[ { - label: 'Accounts', + label: t`Accounts`, type: 'accounts', to: `/search?q=${encodeURIComponent(q)}&type=accounts`, }, { - label: 'Hashtags', + label: t`Hashtags`, type: 'hashtags', to: `/search?q=${encodeURIComponent(q)}&type=hashtags`, }, { - label: 'Posts', + label: t`Posts`, type: 'statuses', to: `/search?q=${encodeURIComponent(q)}&type=statuses`, }, @@ -255,11 +257,11 @@ function Search({ columnMode, ...props }) { <> {type !== 'accounts' && ( <h2 class="timeline-header"> - Accounts{' '} + <Trans>Accounts</Trans>{' '} <Link to={`/search?q=${encodeURIComponent(q)}&type=accounts`} > - <Icon icon="arrow-right" size="l" /> + <Icon icon="arrow-right" size="l" alt={t`See more`} /> </Link> </h2> )} @@ -285,7 +287,8 @@ function Search({ columnMode, ...props }) { q, )}&type=accounts`} > - See more accounts <Icon icon="arrow-right" /> + <Trans>See more accounts</Trans>{' '} + <Icon icon="arrow-right" /> </Link> </div> )} @@ -297,7 +300,9 @@ function Search({ columnMode, ...props }) { <Loader abrupt /> </p> ) : ( - <p class="ui-state">No accounts found.</p> + <p class="ui-state"> + <Trans>No accounts found.</Trans> + </p> )) )} </> @@ -306,11 +311,11 @@ function Search({ columnMode, ...props }) { <> {type !== 'hashtags' && ( <h2 class="timeline-header"> - Hashtags{' '} + <Trans>Hashtags</Trans>{' '} <Link to={`/search?q=${encodeURIComponent(q)}&type=hashtags`} > - <Icon icon="arrow-right" size="l" /> + <Icon icon="arrow-right" size="l" alt={t`See more`} /> </Link> </h2> )} @@ -332,7 +337,7 @@ function Search({ columnMode, ...props }) { : `/t/${name}` } > - <Icon icon="hashtag" /> + <Icon icon="hashtag" alt="#" /> <span>{name}</span> {!!total && ( <span class="count"> @@ -352,7 +357,8 @@ function Search({ columnMode, ...props }) { q, )}&type=hashtags`} > - See more hashtags <Icon icon="arrow-right" /> + <Trans>See more hashtags</Trans>{' '} + <Icon icon="arrow-right" /> </Link> </div> )} @@ -364,7 +370,9 @@ function Search({ columnMode, ...props }) { <Loader abrupt /> </p> ) : ( - <p class="ui-state">No hashtags found.</p> + <p class="ui-state"> + <Trans>No hashtags found.</Trans> + </p> )) )} </> @@ -373,11 +381,11 @@ function Search({ columnMode, ...props }) { <> {type !== 'statuses' && ( <h2 class="timeline-header"> - Posts{' '} + <Trans>Posts</Trans>{' '} <Link to={`/search?q=${encodeURIComponent(q)}&type=statuses`} > - <Icon icon="arrow-right" size="l" /> + <Icon icon="arrow-right" size="l" alt={t`See more`} /> </Link> </h2> )} @@ -407,7 +415,8 @@ function Search({ columnMode, ...props }) { q, )}&type=statuses`} > - See more posts <Icon icon="arrow-right" /> + <Trans>See more posts</Trans>{' '} + <Icon icon="arrow-right" /> </Link> </div> )} @@ -419,7 +428,9 @@ function Search({ columnMode, ...props }) { <Loader abrupt /> </p> ) : ( - <p class="ui-state">No posts found.</p> + <p class="ui-state"> + <Trans>No posts found.</Trans> + </p> )) )} </> @@ -440,11 +451,13 @@ function Search({ columnMode, ...props }) { onClick={() => loadResults()} style={{ marginBlockEnd: '6em' }} > - Show more… + <Trans>Show more…</Trans> </button> </InView> ) : ( - <p class="ui-state insignificant">The end.</p> + <p class="ui-state insignificant"> + <Trans>The end.</Trans> + </p> ) ) : ( uiState === 'loading' && ( @@ -460,7 +473,9 @@ function Search({ columnMode, ...props }) { </p> ) : ( <p class="ui-state"> - Enter your search term or paste a URL above to get started. + <Trans> + Enter your search term or paste a URL above to get started. + </Trans> </p> )} </main> diff --git a/src/pages/settings.css b/src/pages/settings.css index b7c932853..9c221d63d 100644 --- a/src/pages/settings.css +++ b/src/pages/settings.css @@ -143,14 +143,14 @@ background-color: var(--bg-faded-color); border-radius: 8px; margin: 8px 0; - max-height: 6.5em; + max-height: 10em; overflow: auto; display: flex; flex-wrap: wrap; font-size: 90%; } #settings-container .checkbox-fieldset label { - flex: 1 0 10em; + flex: 1 0 12em; padding: 4px; display: flex; gap: 4px; diff --git a/src/pages/settings.jsx b/src/pages/settings.jsx index 06f486956..dacb49dba 100644 --- a/src/pages/settings.jsx +++ b/src/pages/settings.jsx @@ -1,11 +1,13 @@ import './settings.css'; +import { Plural, t, Trans } from '@lingui/macro'; import { useEffect, useRef, useState } from 'preact/hooks'; import { useSnapshot } from 'valtio'; import logo from '../assets/logo.svg'; import Icon from '../components/icon'; +import LangSelector from '../components/lang-selector'; import Link from '../components/link'; import RelativeTime from '../components/relative-time'; import targetLanguages from '../data/lingva-target-languages'; @@ -64,18 +66,22 @@ function Settings({ onClose }) { <div id="settings-container" class="sheet" tabIndex="-1"> {!!onClose && ( <button type="button" class="sheet-close" onClick={onClose}> - <Icon icon="x" /> + <Icon icon="x" alt={t`Close`} /> </button> )} <header> - <h2>Settings</h2> + <h2> + <Trans>Settings</Trans> + </h2> </header> <main> <section> <ul> <li> <div> - <label>Appearance</label> + <label> + <Trans>Appearance</Trans> + </label> </div> <div> <form @@ -149,7 +155,9 @@ function Settings({ onClose }) { value="light" defaultChecked={currentTheme === 'light'} /> - <span>Light</span> + <span> + <Trans>Light</Trans> + </span> </label> <label> <input @@ -158,7 +166,9 @@ function Settings({ onClose }) { value="dark" defaultChecked={currentTheme === 'dark'} /> - <span>Dark</span> + <span> + <Trans>Dark</Trans> + </span> </label> <label> <input @@ -169,7 +179,9 @@ function Settings({ onClose }) { currentTheme !== 'light' && currentTheme !== 'dark' } /> - <span>Auto</span> + <span> + <Trans>Auto</Trans> + </span> </label> </div> </form> @@ -177,10 +189,16 @@ function Settings({ onClose }) { </li> <li> <div> - <label>Text size</label> + <label> + <Trans>Text size</Trans> + </label> </div> <div class="range-group"> - <span style={{ fontSize: TEXT_SIZES[0] }}>A</span>{' '} + <span style={{ fontSize: TEXT_SIZES[0] }}> + <Trans comment="Preview of one character, in smallest size"> + A + </Trans> + </span>{' '} <input type="range" min={TEXT_SIZES[0]} @@ -202,7 +220,9 @@ function Settings({ onClose }) { }} />{' '} <span style={{ fontSize: TEXT_SIZES[TEXT_SIZES.length - 1] }}> - A + <Trans comment="Preview of one character, in largest size"> + A + </Trans> </span> <datalist id="sizes"> {TEXT_SIZES.map((size) => ( @@ -211,18 +231,26 @@ function Settings({ onClose }) { </datalist> </div> </li> + <li> + <label> + <Trans>Display language</Trans> + </label> + <LangSelector /> + </li> </ul> </section> {authenticated && ( <> - <h3>Posting</h3> + <h3> + <Trans>Posting</Trans> + </h3> <section> <ul> <li> <div> <label for="posting-privacy-field"> - Default visibility{' '} - <Icon icon="cloud" alt="Synced" class="synced-icon" /> + <Trans>Default visibility</Trans>{' '} + <Icon icon="cloud" alt={t`Synced`} class="synced-icon" /> </label> </div> <div> @@ -247,36 +275,46 @@ function Settings({ onClose }) { 'posting:default:visibility': value, }); } catch (e) { - alert('Failed to update posting privacy'); + alert(t`Failed to update posting privacy`); console.error(e); } })(); }} > - <option value="public">Public</option> - <option value="unlisted">Unlisted</option> - <option value="private">Followers only</option> + <option value="public"> + <Trans>Public</Trans> + </option> + <option value="unlisted"> + <Trans>Unlisted</Trans> + </option> + <option value="private"> + <Trans>Followers only</Trans> + </option> </select> </div> </li> </ul> </section> <p class="section-postnote"> - <Icon icon="cloud" alt="Synced" class="synced-icon" />{' '} + <Icon icon="cloud" alt={t`Synced`} class="synced-icon" />{' '} <small> - Synced to your instance server's settings.{' '} - <a - href={`https://${instance}/`} - target="_blank" - rel="noopener noreferrer" - > - Go to your instance ({instance}) for more settings. - </a> + <Trans> + Synced to your instance server's settings.{' '} + <a + href={`https://${instance}/`} + target="_blank" + rel="noopener noreferrer" + > + Go to your instance ({instance}) for more settings. + </a> + </Trans> </small> </p> </> )} - <h3>Experiments</h3> + <h3> + <Trans>Experiments</Trans> + </h3> <section> <ul> <li> @@ -288,7 +326,7 @@ function Settings({ onClose }) { states.settings.autoRefresh = e.target.checked; }} />{' '} - Auto refresh timeline posts + <Trans>Auto refresh timeline posts</Trans> </label> </li> <li> @@ -300,7 +338,7 @@ function Settings({ onClose }) { states.settings.boostsCarousel = e.target.checked; }} />{' '} - Boosts carousel + <Trans>Boosts carousel</Trans> </label> </li> <li> @@ -316,7 +354,7 @@ function Settings({ onClose }) { } }} />{' '} - Post translation + <Trans>Post translation</Trans> </label> <div class={`sub-section ${ @@ -327,7 +365,7 @@ function Settings({ onClose }) { > <div> <label> - Translate to{' '} + <Trans>Translate to </Trans> <select value={targetLanguage || ''} disabled={!snapStates.settings.contentTranslation} @@ -337,78 +375,99 @@ function Settings({ onClose }) { }} > <option value=""> - System language ({systemTargetLanguageText}) + <Trans> + System language ({systemTargetLanguageText}) + </Trans> </option> <option disabled>──────────</option> - {targetLanguages.map((lang) => ( - <option value={lang.code}>{lang.name}</option> - ))} + {targetLanguages.map((lang) => { + const common = localeCode2Text({ + code: lang.code, + fallback: lang.name, + }); + const native = localeCode2Text({ + code: lang.code, + locale: lang.code, + }); + const same = !native || common === native; + return ( + <option value={lang.code}> + {same ? common : `${common} (${native})`} + </option> + ); + })} </select> </label> </div> <hr /> - <p class="checkbox-fieldset"> - Hide "Translate" button for - {snapStates.settings.contentTranslationHideLanguages.length > - 0 && ( - <> - {' '} - ( - { - snapStates.settings.contentTranslationHideLanguages - .length - } - ) - </> - )} - : + <div class="checkbox-fieldset"> + <Plural + value={ + snapStates.settings.contentTranslationHideLanguages.length + } + _0={`Hide "Translate" button for:`} + other={`Hide "Translate" button for (#):`} + /> <div class="checkbox-fields"> - {targetLanguages.map((lang) => ( - <label> - <input - type="checkbox" - checked={snapStates.settings.contentTranslationHideLanguages.includes( - lang.code, - )} - onChange={(e) => { - const { checked } = e.target; - if (checked) { - states.settings.contentTranslationHideLanguages.push( - lang.code, - ); - } else { - states.settings.contentTranslationHideLanguages = - snapStates.settings.contentTranslationHideLanguages.filter( - (code) => code !== lang.code, + {targetLanguages.map((lang) => { + const common = localeCode2Text({ + code: lang.code, + fallback: lang.name, + }); + const native = localeCode2Text({ + code: lang.code, + locale: lang.code, + }); + const same = !native || common === native; + return ( + <label> + <input + type="checkbox" + checked={snapStates.settings.contentTranslationHideLanguages.includes( + lang.code, + )} + onChange={(e) => { + const { checked } = e.target; + if (checked) { + states.settings.contentTranslationHideLanguages.push( + lang.code, ); - } - }} - />{' '} - {lang.name} - </label> - ))} + } else { + states.settings.contentTranslationHideLanguages = + snapStates.settings.contentTranslationHideLanguages.filter( + (code) => code !== lang.code, + ); + } + }} + />{' '} + {same ? common : `${common} (${native})`} + </label> + ); + })} </div> - </p> + </div> <p class="insignificant"> <small> - Note: This feature uses external translation services, - powered by{' '} - <a - href="https://github.com/cheeaun/lingva-api" - target="_blank" - rel="noopener noreferrer" - > - Lingva API - </a>{' '} - &{' '} - <a - href="https://github.com/thedaviddelta/lingva-translate" - target="_blank" - rel="noopener noreferrer" - > - Lingva Translate - </a> - . + <Trans> + Note: This feature uses external translation services, + powered by{' '} + <a + href="https://github.com/cheeaun/lingva-api" + target="_blank" + rel="noopener noreferrer" + > + Lingva API + </a>{' '} + &{' '} + <a + href="https://github.com/thedaviddelta/lingva-translate" + target="_blank" + rel="noopener noreferrer" + > + Lingva Translate + </a> + . + </Trans> </small> </p> <hr /> @@ -423,13 +482,15 @@ function Settings({ onClose }) { e.target.checked; }} />{' '} - Auto inline translation + <Trans>Auto inline translation</Trans> </label> <p class="insignificant"> <small> - Automatically show translation for posts in timeline. Only - works for <b>short</b> posts without content warning, - media and poll. + <Trans> + Automatically show translation for posts in timeline. + Only works for <b>short</b> posts without content + warning, media and poll. + </Trans> </small> </p> </div> @@ -445,23 +506,25 @@ function Settings({ onClose }) { states.settings.composerGIFPicker = e.target.checked; }} />{' '} - GIF Picker for composer + <Trans>GIF Picker for composer</Trans> </label> <div class="sub-section insignificant"> <small> - Note: This feature uses external GIF search service, powered - by{' '} - <a - href="https://developers.giphy.com/" - target="_blank" - rel="noopener noreferrer" - > - GIPHY - </a> - . G-rated (suitable for viewing by all ages), tracking - parameters are stripped, referrer information is omitted - from requests, but search queries and IP address information - will still reach their servers. + <Trans> + Note: This feature uses external GIF search service, + powered by{' '} + <a + href="https://developers.giphy.com/" + target="_blank" + rel="noopener noreferrer" + > + GIPHY + </a> + . G-rated (suitable for viewing by all ages), tracking + parameters are stripped, referrer information is omitted + from requests, but search queries and IP address + information will still reach their servers. + </Trans> </small> </div> </li> @@ -476,23 +539,29 @@ function Settings({ onClose }) { states.settings.mediaAltGenerator = e.target.checked; }} />{' '} - Image description generator{' '} + <Trans>Image description generator</Trans>{' '} <Icon icon="sparkles2" class="more-insignificant" /> </label> <div class="sub-section insignificant"> - <small>Only for new images while composing new posts.</small> + <small> + <Trans> + Only for new images while composing new posts. + </Trans> + </small> </div> <div class="sub-section insignificant"> <small> - Note: This feature uses external AI service, powered by{' '} - <a - href="https://github.com/cheeaun/img-alt-api" - target="_blank" - rel="noopener noreferrer" - > - img-alt-api - </a> - . May not work well. Only for images and in English. + <Trans> + Note: This feature uses external AI service, powered by{' '} + <a + href="https://github.com/cheeaun/img-alt-api" + target="_blank" + rel="noopener noreferrer" + > + img-alt-api + </a> + . May not work well. Only for images and in English. + </Trans> </small> </div> </li> @@ -508,12 +577,14 @@ function Settings({ onClose }) { e.target.checked; }} />{' '} - Server-side grouped notifications + <Trans>Server-side grouped notifications</Trans> </label> <div class="sub-section insignificant"> <small> - Alpha-stage feature. Potentially improved grouping window - but basic grouping logic. + <Trans> + Alpha-stage feature. Potentially improved grouping window + but basic grouping logic. + </Trans> </small> </div> </li> @@ -531,22 +602,26 @@ function Settings({ onClose }) { e.target.checked; }} />{' '} - "Cloud" import/export for shortcuts settings{' '} + <Trans>"Cloud" import/export for shortcuts settings</Trans>{' '} <Icon icon="cloud" class="more-insignificant" /> </label> <div class="sub-section insignificant"> <small> - ⚠️⚠️⚠️ Very experimental. - <br /> - Stored in your own profile’s notes. Profile (private) notes - are mainly used for other profiles, and hidden for own - profile. + <Trans> + ⚠️⚠️⚠️ Very experimental. + <br /> + Stored in your own profile’s notes. Profile (private) + notes are mainly used for other profiles, and hidden for + own profile. + </Trans> </small> </div> <div class="sub-section insignificant"> <small> - Note: This feature uses currently-logged-in instance server - API. + <Trans> + Note: This feature uses currently-logged-in instance + server API. + </Trans> </small> </div> </li> @@ -560,15 +635,19 @@ function Settings({ onClose }) { states.settings.cloakMode = e.target.checked; }} />{' '} - Cloak mode{' '} - <span class="insignificant"> - (<samp>Text</samp> → <samp>████</samp>) - </span> + <Trans> + Cloak mode{' '} + <span class="insignificant"> + (<samp>Text</samp> → <samp>████</samp>) + </span> + </Trans> </label> <div class="sub-section insignificant"> <small> - Replace text as blocks, useful when taking screenshots, for - privacy reasons. + <Trans> + Replace text as blocks, useful when taking screenshots, for + privacy reasons. + </Trans> </small> </div> </li> @@ -582,14 +661,16 @@ function Settings({ onClose }) { states.showSettings = false; }} > - Unsent drafts + <Trans>Unsent drafts</Trans> </button> </li> )} </ul> </section> {authenticated && <PushNotificationsSection onClose={onClose} />} - <h3>About</h3> + <h3> + <Trans>About</Trans> + </h3> <section> <div style={{ @@ -627,25 +708,27 @@ function Settings({ onClose }) { @phanpy </a> <br /> - <a - href="https://github.com/cheeaun/phanpy" - target="_blank" - rel="noopener noreferrer" - > - Built - </a>{' '} - by{' '} - <a - href="https://mastodon.social/@cheeaun" - // target="_blank" - rel="noopener noreferrer" - onClick={(e) => { - e.preventDefault(); - states.showAccount = 'cheeaun@mastodon.social'; - }} - > - @cheeaun - </a> + <Trans> + <a + href="https://github.com/cheeaun/phanpy" + target="_blank" + rel="noopener noreferrer" + > + Built + </a>{' '} + by{' '} + <a + href="https://mastodon.social/@cheeaun" + // target="_blank" + rel="noopener noreferrer" + onClick={(e) => { + e.preventDefault(); + states.showAccount = 'cheeaun@mastodon.social'; + }} + > + @cheeaun + </a> + </Trans> </div> </div> <p> @@ -654,7 +737,7 @@ function Settings({ onClose }) { target="_blank" rel="noopener noreferrer" > - Sponsor + <Trans>Sponsor</Trans> </a>{' '} ·{' '} <a @@ -662,7 +745,7 @@ function Settings({ onClose }) { target="_blank" rel="noopener noreferrer" > - Donate + <Trans>Donate</Trans> </a>{' '} ·{' '} <a @@ -670,52 +753,56 @@ function Settings({ onClose }) { target="_blank" rel="noopener noreferrer" > - Privacy Policy + <Trans>Privacy Policy</Trans> </a> </p> {__BUILD_TIME__ && ( <p> {WEBSITE && ( <> - <span class="insignificant">Site:</span>{' '} - {WEBSITE.replace(/https?:\/\//g, '').replace(/\/$/, '')} + <Trans> + <span class="insignificant">Site:</span>{' '} + {WEBSITE.replace(/https?:\/\//g, '').replace(/\/$/, '')} + </Trans> <br /> </> )} - <span class="insignificant">Version:</span>{' '} - <input - type="text" - class="version-string" - readOnly - size="18" // Manually calculated here - value={`${__BUILD_TIME__.slice(0, 10).replace(/-/g, '.')}${ - __COMMIT_HASH__ ? `.${__COMMIT_HASH__}` : '' - }`} - onClick={(e) => { - e.target.select(); - // Copy to clipboard - try { - navigator.clipboard.writeText(e.target.value); - showToast('Version string copied'); - } catch (e) { - console.warn(e); - showToast('Unable to copy version string'); - } - }} - />{' '} - {!__FAKE_COMMIT_HASH__ && ( - <span class="ib insignificant"> - ( - <a - href={`https://github.com/cheeaun/phanpy/commit/${__COMMIT_HASH__}`} - target="_blank" - rel="noopener noreferrer" - > - <RelativeTime datetime={new Date(__BUILD_TIME__)} /> - </a> - ) - </span> - )} + <Trans> + <span class="insignificant">Version:</span>{' '} + <input + type="text" + class="version-string" + readOnly + size="18" // Manually calculated here + value={`${__BUILD_TIME__.slice(0, 10).replace(/-/g, '.')}${ + __COMMIT_HASH__ ? `.${__COMMIT_HASH__}` : '' + }`} + onClick={(e) => { + e.target.select(); + // Copy to clipboard + try { + navigator.clipboard.writeText(e.target.value); + showToast(t`Version string copied`); + } catch (e) { + console.warn(e); + showToast(t`Unable to copy version string`); + } + }} + />{' '} + {!__FAKE_COMMIT_HASH__ && ( + <span class="ib insignificant"> + ( + <a + href={`https://github.com/cheeaun/phanpy/commit/${__COMMIT_HASH__}`} + target="_blank" + rel="noopener noreferrer" + > + <RelativeTime datetime={new Date(__BUILD_TIME__)} /> + </a> + ) + </span> + )} + </Trans> </p> )} </section> @@ -823,24 +910,26 @@ function PushNotificationsSection({ onClose }) { }) .catch((err) => { console.warn(err); - alert('Failed to update subscription. Please try again.'); + alert(t`Failed to update subscription. Please try again.`); }); } else { updateSubscription(params).catch((err) => { console.warn(err); - alert('Failed to update subscription. Please try again.'); + alert(t`Failed to update subscription. Please try again.`); }); } } else { removeSubscription().catch((err) => { console.warn(err); - alert('Failed to remove subscription. Please try again.'); + alert(t`Failed to remove subscription. Please try again.`); }); } }, 100); }} > - <h3>Push Notifications (beta)</h3> + <h3> + <Trans>Push Notifications (beta)</Trans> + </h3> <section> <ul> <li> @@ -861,7 +950,7 @@ function PushNotificationsSection({ onClose }) { setAllowNotifications(false); if (permission === 'denied') { alert( - 'Push notifications are blocked. Please enable them in your browser settings.', + t`Push notifications are blocked. Please enable them in your browser settings.`, ); } } @@ -870,28 +959,30 @@ function PushNotificationsSection({ onClose }) { } }} />{' '} - Allow from{' '} - <select - name="policy" - disabled={isLoading || needRelogin || !allowNotifications} - > - {[ - { - value: 'all', - label: 'anyone', - }, - { - value: 'followed', - label: 'people I follow', - }, - { - value: 'follower', - label: 'followers', - }, - ].map((type) => ( - <option value={type.value}>{type.label}</option> - ))} - </select> + <Trans> + Allow from{' '} + <select + name="policy" + disabled={isLoading || needRelogin || !allowNotifications} + > + {[ + { + value: 'all', + label: t`anyone`, + }, + { + value: 'followed', + label: t`people I follow`, + }, + { + value: 'follower', + label: t`followers`, + }, + ].map((type) => ( + <option value={type.value}>{type.label}</option> + ))} + </select> + </Trans> </label> <div class="shazam-container no-animation" @@ -906,35 +997,35 @@ function PushNotificationsSection({ onClose }) { {[ { value: 'mention', - label: 'Mentions', + label: t`Mentions`, }, { value: 'favourite', - label: 'Likes', + label: t`Likes`, }, { value: 'reblog', - label: 'Boosts', + label: t`Boosts`, }, { value: 'follow', - label: 'Follows', + label: t`Follows`, }, { value: 'followRequest', - label: 'Follow requests', + label: t`Follow requests`, }, { value: 'poll', - label: 'Polls', + label: t`Polls`, }, { value: 'update', - label: 'Post edits', + label: t`Post edits`, }, { value: 'status', - label: 'New posts', + label: t`New posts`, }, ].map((alert) => ( <li> @@ -951,12 +1042,14 @@ function PushNotificationsSection({ onClose }) { {needRelogin && ( <div class="sub-section"> <p> - Push permission was not granted since your last login. You'll - need to{' '} - <Link to={`/login?instance=${instance}`} onClick={onClose}> - <b>log in</b> again to grant push permission - </Link> - . + <Trans> + Push permission was not granted since your last login. + You'll need to{' '} + <Link to={`/login?instance=${instance}`} onClick={onClose}> + <b>log in</b> again to grant push permission + </Link> + . + </Trans> </p> </div> )} @@ -965,7 +1058,9 @@ function PushNotificationsSection({ onClose }) { </section> <p class="section-postnote"> <small> - NOTE: Push notifications only work for <b>one account</b>. + <Trans> + NOTE: Push notifications only work for <b>one account</b>. + </Trans> </small> </p> </form> diff --git a/src/pages/status.jsx b/src/pages/status.jsx index c4873905e..ec5a93030 100644 --- a/src/pages/status.jsx +++ b/src/pages/status.jsx @@ -1,5 +1,6 @@ import './status.css'; +import { Plural, t, Trans } from '@lingui/macro'; import { Menu, MenuDivider, MenuHeader, MenuItem } from '@szhsin/react-menu'; import debounce from 'just-debounce-it'; import pRetry from 'p-retry'; @@ -561,7 +562,7 @@ function StatusThread({ id, closeLink = '/', instance: propInstance }) { useTitle( heroDisplayName && heroContentText ? `${heroDisplayName}: "${heroContentText}"` - : 'Status', + : t`Post`, '/:instance?/s/:id', ); @@ -782,19 +783,23 @@ function StatusThread({ id, closeLink = '/', instance: propInstance }) { {uiState !== 'loading' && !authenticated ? ( <div class="post-status-banner"> <p> - You're not logged in. Interactions (reply, boost, etc) are - not possible. + <Trans> + You're not logged in. Interactions (reply, boost, etc) are + not possible. + </Trans> </p> <Link to="/login" class="button"> - Log in + <Trans>Log in</Trans> </Link> </div> ) : ( !sameInstance && ( <div class="post-status-banner"> <p> - This post is from another instance (<b>{instance}</b>). - Interactions (reply, boost, etc) are not possible. + <Trans> + This post is from another instance (<b>{instance}</b>). + Interactions (reply, boost, etc) are not possible. + </Trans> </p> <button type="button" @@ -819,14 +824,16 @@ function StatusThread({ id, closeLink = '/', instance: propInstance }) { } } catch (e) { setUIState('default'); - alert('Error: ' + e); + alert(t`Error: ${e}`); console.error(e); } })(); }} > - <Icon icon="transfer" /> Switch to my instance to enable - interactions + <Icon icon="transfer" />{' '} + <Trans> + Switch to my instance to enable interactions + </Trans> </button> </div> ) @@ -882,7 +889,7 @@ function StatusThread({ id, closeLink = '/', instance: propInstance }) { )} {ancestor && repliesCount > 1 && ( <div class="replies-link"> - <Icon icon="comment2" />{' '} + <Icon icon="comment2" alt={t`Replies`} />{' '} <span title={repliesCount}> {shortenNumber(repliesCount)} </span> @@ -926,7 +933,7 @@ function StatusThread({ id, closeLink = '/', instance: propInstance }) { !!heroStatus?.repliesCount && !hasDescendants && ( <div class="status-error"> - Unable to load replies. + <Trans>Unable to load replies.</Trans> <br /> <button type="button" @@ -935,7 +942,7 @@ function StatusThread({ id, closeLink = '/', instance: propInstance }) { states.reloadStatusPage++; }} > - Try again + <Trans>Try again</Trans> </button> </div> )} @@ -1038,7 +1045,7 @@ function StatusThread({ id, closeLink = '/', instance: propInstance }) { history.back(); }} > - <Icon icon="chevron-left" size="xl" /> + <Icon icon="chevron-left" size="xl" alt={t`Back`} /> </button> )} {!heroInView && heroStatus && uiState !== 'loading' ? ( @@ -1069,7 +1076,7 @@ function StatusThread({ id, closeLink = '/', instance: propInstance }) { block: 'start', }); }} - title="Go to main post" + title={t`Go to main post`} > <Icon icon={heroPointer === 'down' ? 'arrow-down' : 'arrow-up'} @@ -1092,7 +1099,7 @@ function StatusThread({ id, closeLink = '/', instance: propInstance }) { }); }} hidden={!ancestors.length || reachTopPost} - title={`${ancestors.length} posts above ‒ Go to top`} + title={t`${ancestors.length} posts above ‒ Go to top`} > <Icon icon="arrow-up" /> {ancestors @@ -1135,7 +1142,7 @@ function StatusThread({ id, closeLink = '/', instance: propInstance }) { searchParams.delete('view'); setSearchParams(searchParams); }} - title="Switch to Side Peek view" + title={t`Switch to Side Peek view`} > <Icon icon="layout4" size="l" /> </button> @@ -1148,7 +1155,7 @@ function StatusThread({ id, closeLink = '/', instance: propInstance }) { setShowRefresh(false); }} > - <Icon icon="refresh" size="l" /> + <Icon icon="refresh" size="l" alt={t`Refresh`} /> </button> )} <Menu2 @@ -1159,7 +1166,7 @@ function StatusThread({ id, closeLink = '/', instance: propInstance }) { }} menuButton={ <button type="button" class="button plain4"> - <Icon icon="more" alt="Actions" size="xl" /> + <Icon icon="more" alt={t`More`} size="xl" /> </button> } > @@ -1170,7 +1177,9 @@ function StatusThread({ id, closeLink = '/', instance: propInstance }) { }} > <Icon icon="refresh" /> - <span>Refresh</span> + <span> + <Trans>Refresh</Trans> + </span> </MenuItem> <MenuItem className="menu-switch-view" @@ -1195,7 +1204,9 @@ function StatusThread({ id, closeLink = '/', instance: propInstance }) { } /> <span> - Switch to {viewMode === 'full' ? 'Side Peek' : 'Full'} view + {viewMode === 'full' + ? t`Switch to Side Peek view` + : t`Switch to Full view`} </span> </MenuItem> <MenuItem @@ -1211,10 +1222,15 @@ function StatusThread({ id, closeLink = '/', instance: propInstance }) { }); }} > - <Icon icon="eye-open" /> <span>Show all sensitive content</span> + <Icon icon="eye-open" />{' '} + <span> + <Trans>Show all sensitive content</Trans> + </span> </MenuItem> <MenuDivider /> - <MenuHeader className="plain">Experimental</MenuHeader> + <MenuHeader className="plain"> + <Trans>Experimental</Trans> + </MenuHeader> <MenuItem disabled={!postInstance || postSameInstance} onClick={() => { @@ -1222,26 +1238,22 @@ function StatusThread({ id, closeLink = '/', instance: propInstance }) { if (statusURL) { location.hash = statusURL; } else { - alert('Unable to switch'); + alert(t`Unable to switch`); } }} > <Icon icon="transfer" /> <small class="menu-double-lines"> - Switch to post's instance - {postInstance ? ( - <> - {' '} - (<b>{punycode.toUnicode(postInstance)}</b>) - </> - ) : ( - '' - )} + {postInstance + ? t`Switch to post's instance (${punycode.toUnicode( + postInstance, + )})` + : t`Switch to post's instance`} </small> </MenuItem> </Menu2> <Link class="button plain deck-close" to={closeLink}> - <Icon icon="x" size="xl" /> + <Icon icon="x" size="xl" alt={t`Close`} /> </Link> </div> </div> @@ -1274,7 +1286,7 @@ function StatusThread({ id, closeLink = '/', instance: propInstance }) { ))} </div>{' '} <div class="ib"> - Show more…{' '} + <Trans>Show more…</Trans>{' '} <span class="tag"> {showMore > LIMIT ? `${LIMIT}+` : showMore} </span> @@ -1294,7 +1306,7 @@ function StatusThread({ id, closeLink = '/', instance: propInstance }) { )} {uiState === 'error' && ( <p class="ui-state"> - Unable to load post + <Trans>Unable to load post</Trans> <br /> <br /> <button @@ -1303,7 +1315,7 @@ function StatusThread({ id, closeLink = '/', instance: propInstance }) { states.reloadStatusPage++; }} > - Try again + <Trans>Try again</Trans> </button> </p> )} @@ -1411,20 +1423,36 @@ function SubComments({ </span> <span class="replies-counts"> <b> - <span title={replies.length}>{shortenNumber(replies.length)}</span>{' '} - repl - {replies.length === 1 ? 'y' : 'ies'} + <Plural + value={replies.length} + one="# reply" + other={ + <Trans> + <span title={replies.length}> + {shortenNumber(replies.length)} + </span>{' '} + replies + </Trans> + } + /> </b> {!sameCount && totalComments > 1 && ( <> {' '} ·{' '} <span> - <span title={totalComments}> - {shortenNumber(totalComments)} - </span>{' '} - comment - {totalComments === 1 ? '' : 's'} + <Plural + value={totalComments} + one="# comment" + other={ + <Trans> + <span title={totalComments}> + {shortenNumber(totalComments)} + </span>{' '} + comments + </Trans> + } + /> </span> </> )} @@ -1435,7 +1463,7 @@ function SubComments({ class="replies-parent-link" to={parentLink.to} onClick={parentLink.onClick} - title="View post with its replies" + title={t`View post with its replies`} > » </Link> @@ -1463,7 +1491,7 @@ function SubComments({ /> {!r.replies?.length && r.repliesCount > 0 && ( <div class="replies-link"> - <Icon icon="comment2" />{' '} + <Icon icon="comment2" alt={t`Replies`} />{' '} <span title={r.repliesCount}> {shortenNumber(r.repliesCount)} </span> diff --git a/src/pages/trending.jsx b/src/pages/trending.jsx index 230c79957..2e2b8bcd6 100644 --- a/src/pages/trending.jsx +++ b/src/pages/trending.jsx @@ -1,6 +1,7 @@ import '../components/links-bar.css'; import './trending.css'; +import { t, Trans } from '@lingui/macro'; import { MenuItem } from '@szhsin/react-menu'; import { getBlurHashAverageColor } from 'fast-blurhash'; import { useEffect, useMemo, useRef, useState } from 'preact/hooks'; @@ -66,7 +67,7 @@ function Trending({ columnMode, ...props }) { instance: props?.instance || params.instance, }); const { masto: currentMasto, instance: currentInstance } = api(); - const title = `Trending (${instance})`; + const title = t`Trending (${instance})`; useTitle(title, `/:instance?/trending`); // const navigate = useNavigate(); const latestItem = useRef(); @@ -222,7 +223,9 @@ function Trending({ columnMode, ...props }) { {!!links.length && ( <div class="links-bar"> <header> - <h3>Trending News</h3> + <h3> + <Trans>Trending News</Trans> + </h3> </header> {links.map((link) => { const { @@ -339,7 +342,10 @@ function Trending({ columnMode, ...props }) { }} disabled={url === currentLink} > - <Icon icon="comment2" /> <span>Mentions</span>{' '} + <Icon icon="comment2" />{' '} + <span> + <Trans>Mentions</Trans> + </span>{' '} <Icon icon="chevron-down" /> </button> )} @@ -365,21 +371,25 @@ function Trending({ columnMode, ...props }) { setCurrentLink(null); }} > - <Icon icon="x" /> + <Icon icon="x" alt={t`Back to showing trending posts`} /> </button> )} </div> <p> - Showing posts mentioning{' '} - <span class="link-text"> - {currentLink - .replace(/^https?:\/\/(www\.)?/i, '') - .replace(/\/$/, '')} - </span> + <Trans> + Showing posts mentioning{' '} + <span class="link-text"> + {currentLink + .replace(/^https?:\/\/(www\.)?/i, '') + .replace(/\/$/, '')} + </span> + </Trans> </p> </> ) : ( - <p class="insignificant">Trending posts</p> + <p class="insignificant"> + <Trans>Trending posts</Trans> + </p> )} </div> )} @@ -393,14 +403,16 @@ function Trending({ columnMode, ...props }) { title={title} titleComponent={ <h1 class="header-double-lines"> - <b>Trending</b> + <b> + <Trans>Trending</Trans> + </b> <div>{instance}</div> </h1> } id="trending" instance={instance} - emptyText="No trending posts." - errorText="Unable to load posts" + emptyText={t`No trending posts.`} + errorText={t`Unable to load posts`} fetchItems={hasCurrentLink ? fetchLinkMentions : fetchTrends} checkForUpdates={hasCurrentLink ? undefined : checkForUpdates} checkForUpdatesInterval={5 * 60 * 1000} // 5 minutes @@ -422,17 +434,17 @@ function Trending({ columnMode, ...props }) { position="anchor" menuButton={ <button type="button" class="plain"> - <Icon icon="more" size="l" /> + <Icon icon="more" size="l" alt={t`More`} /> </button> } > <MenuItem onClick={() => { let newInstance = prompt( - 'Enter a new instance e.g. "mastodon.social"', + t`Enter a new instance e.g. "mastodon.social"`, ); if (!/\./.test(newInstance)) { - if (newInstance) alert('Invalid instance'); + if (newInstance) alert(t`Invalid instance`); return; } if (newInstance) { @@ -442,7 +454,10 @@ function Trending({ columnMode, ...props }) { } }} > - <Icon icon="bus" /> <span>Go to another instance…</span> + <Icon icon="bus" />{' '} + <span> + <Trans>Go to another instance…</Trans> + </span> </MenuItem> {currentInstance !== instance && ( <MenuItem @@ -452,7 +467,9 @@ function Trending({ columnMode, ...props }) { > <Icon icon="bus" />{' '} <small class="menu-double-lines"> - Go to my instance (<b>{currentInstance}</b>) + <Trans> + Go to my instance (<b>{currentInstance}</b>) + </Trans> </small> </MenuItem> )} diff --git a/src/pages/welcome.jsx b/src/pages/welcome.jsx index 2f62b1342..2a3cfc65e 100644 --- a/src/pages/welcome.jsx +++ b/src/pages/welcome.jsx @@ -1,5 +1,7 @@ import './welcome.css'; +import { t, Trans } from '@lingui/macro'; + import boostsCarouselUrl from '../assets/features/boosts-carousel.jpg'; import groupedNotificationsUrl from '../assets/features/grouped-notifications.jpg'; import multiColumnUrl from '../assets/features/multi-column.jpg'; @@ -8,6 +10,7 @@ import nestedCommentsThreadUrl from '../assets/features/nested-comments-thread.j import logoText from '../assets/logo-text.svg'; import logo from '../assets/logo.svg'; +import LangSelector from '../components/lang-selector'; import Link from '../components/link'; import states from '../utils/states'; import useTitle from '../utils/useTitle'; @@ -46,7 +49,9 @@ function Welcome() { /> <img src={logoText} alt="Phanpy" width="200" /> </h1> - <p class="desc">A minimalistic opinionated Mastodon web client.</p> + <p class="desc"> + <Trans>A minimalistic opinionated Mastodon web client.</Trans> + </p> <p> <Link to={ @@ -56,22 +61,24 @@ function Welcome() { } class="button" > - {DEFAULT_INSTANCE ? 'Log in' : 'Log in with Mastodon'} + {DEFAULT_INSTANCE ? t`Log in` : t`Log in with Mastodon`} </Link> </p> {DEFAULT_INSTANCE && DEFAULT_INSTANCE_REGISTRATION_URL && ( <p> <a href={DEFAULT_INSTANCE_REGISTRATION_URL} class="button plain5"> - Sign up + <Trans>Sign up</Trans> </a> </p> )} {!DEFAULT_INSTANCE && ( <p class="insignificant"> <small> - Connect your existing Mastodon/Fediverse account. - <br /> - Your credentials are not stored on this server. + <Trans> + Connect your existing Mastodon/Fediverse account. + <br /> + Your credentials are not stored on this server. + </Trans> </small> </p> )} @@ -84,81 +91,107 @@ function Welcome() { </p> )} <p> - <a href="https://github.com/cheeaun/phanpy" target="_blank"> - Built - </a>{' '} - by{' '} - <a - href="https://mastodon.social/@cheeaun" - target="_blank" - onClick={(e) => { - e.preventDefault(); - states.showAccount = 'cheeaun@mastodon.social'; - }} - > - @cheeaun - </a> - .{' '} - <a href={PRIVACY_POLICY_URL} target="_blank"> - Privacy Policy - </a> - . + <Trans> + <a href="https://github.com/cheeaun/phanpy" target="_blank"> + Built + </a>{' '} + by{' '} + <a + href="https://mastodon.social/@cheeaun" + target="_blank" + onClick={(e) => { + e.preventDefault(); + states.showAccount = 'cheeaun@mastodon.social'; + }} + > + @cheeaun + </a> + .{' '} + <a href={PRIVACY_POLICY_URL} target="_blank"> + Privacy Policy + </a> + . + </Trans> </p> + <LangSelector /> </div> <div id="why-container"> <div class="sections"> <section> <img src={boostsCarouselUrl} - alt="Screenshot of Boosts Carousel" + alt={t`Screenshot of Boosts Carousel`} loading="lazy" /> - <h4>Boosts Carousel</h4> + <h4> + <Trans>Boosts Carousel</Trans> + </h4> <p> - Visually separate original posts and re-shared posts (boosted - posts). + <Trans> + Visually separate original posts and re-shared posts (boosted + posts). + </Trans> </p> </section> <section> <img src={nestedCommentsThreadUrl} - alt="Screenshot of nested comments thread" + alt={t`Screenshot of nested comments thread`} loading="lazy" /> - <h4>Nested comments thread</h4> - <p>Effortlessly follow conversations. Semi-collapsible replies.</p> + <h4> + <Trans>Nested comments thread</Trans> + </h4> + <p> + <Trans> + Effortlessly follow conversations. Semi-collapsible replies. + </Trans> + </p> </section> <section> <img src={groupedNotificationsUrl} - alt="Screenshot of grouped notifications" + alt={t`Screenshot of grouped notifications`} loading="lazy" /> - <h4>Grouped notifications</h4> + <h4> + <Trans>Grouped notifications</Trans> + </h4> <p> - Similar notifications are grouped and collapsed to reduce clutter. + <Trans> + Similar notifications are grouped and collapsed to reduce + clutter. + </Trans> </p> </section> <section> <img src={multiColumnUrl} - alt="Screenshot of multi-column UI" + alt={t`Screenshot of multi-column UI`} loading="lazy" /> - <h4>Single or multi-column</h4> + <h4> + <Trans>Single or multi-column</Trans> + </h4> <p> - By default, single column for zen-mode seekers. Configurable - multi-column for power users. + <Trans> + By default, single column for zen-mode seekers. Configurable + multi-column for power users. + </Trans> </p> </section> <section> <img src={multiHashtagTimelineUrl} - alt="Screenshot of multi-hashtag timeline with a form to add more hashtags" + alt={t`Screenshot of multi-hashtag timeline with a form to add more hashtags`} loading="lazy" /> - <h4>Multi-hashtag timeline</h4> - <p>Up to 5 hashtags combined into a single timeline.</p> + <h4> + <Trans>Multi-hashtag timeline</Trans> + </h4> + <p> + <Trans>Up to 5 hashtags combined into a single timeline.</Trans> + </p> </section> </div> </div> diff --git a/src/utils/i18n-duration.js b/src/utils/i18n-duration.js new file mode 100644 index 000000000..76d944208 --- /dev/null +++ b/src/utils/i18n-duration.js @@ -0,0 +1,10 @@ +import { i18n } from '@lingui/core'; + +export default function i18nDuration(duration, unit) { + return () => + i18n.number(duration, { + style: 'unit', + unit, + unitDisplay: 'long', + }); +} diff --git a/src/utils/lang.js b/src/utils/lang.js new file mode 100644 index 000000000..ffb7ddd6d --- /dev/null +++ b/src/utils/lang.js @@ -0,0 +1,56 @@ +import { i18n } from '@lingui/core'; +import { + detect, + fromNavigator, + fromStorage, + fromUrl, +} from '@lingui/detect-locale'; +import Locale from 'intl-locale-textinfo-polyfill'; + +import { messages } from '../locales/en.po'; +import localeMatch from '../utils/locale-match'; + +const { PHANPY_DEFAULT_LANG } = import.meta.env; + +export const DEFAULT_LANG = 'en'; +export const LOCALES = [DEFAULT_LANG]; +if (import.meta.env.DEV) { + LOCALES.push('pseudo-LOCALE'); +} + +export async function activateLang(lang) { + if (!lang || lang === DEFAULT_LANG) { + i18n.loadAndActivate({ locale: DEFAULT_LANG, messages }); + console.log('💬 ACTIVATE LANG', lang); + } else { + const { messages } = await import(`../locales/${lang}.po`); + i18n.loadAndActivate({ locale: lang, messages }); + console.log('💬 ACTIVATE LANG', lang); + } +} + +i18n.on('change', () => { + const lang = i18n.locale; + if (lang) { + // LTR or RTL + const { direction } = new Locale(lang).textInfo; + document.documentElement.dir = direction; + } +}); + +export function initActivateLang() { + const lang = detect( + fromUrl('lang'), + fromStorage('lang'), + fromNavigator(), + PHANPY_DEFAULT_LANG, + DEFAULT_LANG, + ); + const matchedLang = localeMatch(lang, LOCALES); + activateLang(matchedLang); + + // const yes = confirm(t`Reload to apply language setting?`); + // if (yes) { + // window.location.reload(); + // } +} diff --git a/src/utils/localeCode2Text.jsx b/src/utils/localeCode2Text.jsx index aea47ef11..84ffc4246 100644 --- a/src/utils/localeCode2Text.jsx +++ b/src/utils/localeCode2Text.jsx @@ -1,15 +1,41 @@ +import { i18n } from '@lingui/core'; + import mem from './mem'; -const IntlDN = new Intl.DisplayNames(undefined, { - type: 'language', -}); +// Some codes are not supported by Intl.DisplayNames +// These are mapped to other codes as fallback +const codeMappings = { + 'zh-YUE': 'YUE', + zh_HANT: 'zh-Hant', +}; + +const IntlDN = mem( + (locale) => + new Intl.DisplayNames(locale || undefined, { + type: 'language', + }), +); function _localeCode2Text(code) { + let locale; + let fallback; + if (typeof code === 'object') { + ({ code, locale, fallback } = code); + } try { - return IntlDN.of(code); + const text = IntlDN(locale || i18n.locale).of(code); + if (text !== code) return text; + return fallback || ''; } catch (e) { - console.error(e); - return null; + if (codeMappings[code]) { + try { + const text = IntlDN(locale || i18n.locale).of(codeMappings[code]); + if (text !== codeMappings[code]) return text; + return fallback || ''; + } catch (e) {} + } + console.warn(code, e); + return fallback || ''; } } diff --git a/src/utils/nice-date-time.js b/src/utils/nice-date-time.js index adeedff5d..585c1c65f 100644 --- a/src/utils/nice-date-time.js +++ b/src/utils/nice-date-time.js @@ -1,11 +1,14 @@ +import { i18n } from '@lingui/core'; + import mem from './mem'; -const { locale } = new Intl.DateTimeFormat().resolvedOptions(); +const defaultLocale = new Intl.DateTimeFormat().resolvedOptions().locale; const _DateTimeFormat = (opts) => { - const { dateYear, hideTime, formatOpts } = opts || {}; + const { locale, dateYear, hideTime, formatOpts } = opts || {}; + const loc = locale && !/pseudo/i.test(locale) ? locale : defaultLocale; const currentYear = new Date().getFullYear(); - return Intl.DateTimeFormat(locale, { + return Intl.DateTimeFormat(loc, { // Show year if not current year year: dateYear === currentYear ? undefined : 'numeric', month: 'short', @@ -24,6 +27,7 @@ function niceDateTime(date, dtfOpts) { } const DTF = DateTimeFormat({ dateYear: date.getFullYear(), + locale: i18n.locale, ...dtfOpts, }); const dateText = DTF.format(date); diff --git a/src/utils/open-compose.js b/src/utils/open-compose.js index 9dd8e86e1..a5478b0b6 100644 --- a/src/utils/open-compose.js +++ b/src/utils/open-compose.js @@ -1,3 +1,5 @@ +import { t, Trans } from '@lingui/macro'; + export default function openCompose(opts) { const url = URL.parse('/compose/', window.location); const { width: screenWidth, height: screenHeight } = window.screen; @@ -19,7 +21,7 @@ export default function openCompose(opts) { newWin.__COMPOSE__ = opts; } else { - alert('Looks like your browser is blocking popups.'); + alert(t`Looks like your browser is blocking popups.`); } return newWin; diff --git a/src/utils/pretty-bytes.js b/src/utils/pretty-bytes.js new file mode 100644 index 000000000..f49a6ce4f --- /dev/null +++ b/src/utils/pretty-bytes.js @@ -0,0 +1,24 @@ +import { i18n } from '@lingui/core'; + +// https://tc39.es/ecma402/#table-sanctioned-single-unit-identifiers +const BYTES_UNITS = [ + 'byte', + 'kilobyte', + 'megabyte', + 'gigabyte', + 'terabyte', + 'petabyte', +]; +export default function prettyBytes(bytes) { + const unitIndex = Math.min( + Math.floor(Math.log2(bytes) / 10), + BYTES_UNITS.length - 1, + ); + const value = bytes / 1024 ** unitIndex; + return i18n.number(value, { + style: 'unit', + unit: BYTES_UNITS[unitIndex], + unitDisplay: 'narrow', + maximumFractionDigits: 0, + }); +} diff --git a/src/utils/shorten-number.jsx b/src/utils/shorten-number.jsx index 80aef77bb..1316ad74d 100644 --- a/src/utils/shorten-number.jsx +++ b/src/utils/shorten-number.jsx @@ -1,6 +1,8 @@ -const { locale } = Intl.NumberFormat().resolvedOptions(); -const shortenNumber = Intl.NumberFormat(locale, { - notation: 'compact', - roundingMode: 'floor', -}).format; -export default shortenNumber; +import { i18n } from '@lingui/core'; + +export default function shortenNumber(num) { + return i18n.number(num, { + notation: 'compact', + roundingMode: 'floor', + }); +} diff --git a/src/utils/show-compose.js b/src/utils/show-compose.js index c29669f99..9e2b7bdea 100644 --- a/src/utils/show-compose.js +++ b/src/utils/show-compose.js @@ -1,3 +1,5 @@ +import { t, Trans } from '@lingui/macro'; + import openOSK from './open-osk'; import showToast from './show-toast'; import states from './states'; @@ -11,12 +13,12 @@ export default function showCompose(opts) { if (states.composerState.minimized) { showToast({ duration: TOAST_DURATION, - text: `A draft post is currently minimized. Post or discard it before creating a new one.`, + text: t`A draft post is currently minimized. Post or discard it before creating a new one.`, }); } else { showToast({ duration: TOAST_DURATION, - text: `A post is currently open. Post or discard it before creating a new one.`, + text: t`A post is currently open. Post or discard it before creating a new one.`, }); } return; diff --git a/vite.config.js b/vite.config.js index d9164dd2e..512a0c95e 100644 --- a/vite.config.js +++ b/vite.config.js @@ -2,6 +2,7 @@ import { execSync } from 'child_process'; import fs from 'fs'; import { resolve } from 'path'; +import { lingui } from '@lingui/vite-plugin'; import preact from '@preact/preset-vite'; import { uid } from 'uid/single'; import { defineConfig, loadEnv, splitVendorChunkPlugin } from 'vite'; @@ -55,8 +56,11 @@ export default defineConfig({ preact({ // Force use Babel instead of ESBuild due to this change: https://github.com/preactjs/preset-vite/pull/114 // Else, a bug will happen with importing variables from import.meta.env - babel: {}, + babel: { + plugins: ['macros'], + }, }), + lingui(), splitVendorChunkPlugin(), removeConsole({ includes: ['log', 'debug', 'info', 'warn', 'error'],