fallenmax / a18n Goto Github PK

See if it's possible/easy to support .vue

function App() {
const [language, setLanguage] = useState('');
useEffect(() => {
const language = Cookies.get('lang') || getUrlParam('lang') || navigator.language || 'zh';
a18n.setLocale(language);
setLanguage(language);
}, []);

return (

setLocale not working like above.

Proposal

From different a18n code/instances in same page, a18n.getA18n(sameNamespace) always yield same a18n instance (i.e. sharing locale/resource/cache)

a18n might store locale resources in global (window) underlying.

Background

In micro-frontend or application/components architecture, we might have multiple parts of system, each of which independently depends on a18n (probably with different versions) , but would like to share same locale resources for consistency.

To simplify the process of passing locale resources to each part, a18n could provide a mechanism to explicitly share global locale resources.

Limitation

Instances will not be shared across tab/worker/iframe, some user-land sharing solutions are still required in these scenarios.

Background:

To support partial wrap/extract (i.e. only operate on a subset of a codebase, like changed files) workflow.

Plan:

• add --no-prune option to extract command

Proposal

Add a18n check command, that checks:

1. If not all texts are translated, list untranslated texts and report failure
2. Provide option to re-parse code and check for un-extracted texts
3. Provide option to re-parse code and check for un-wrapped texts

Background

This command can be integrated into CI pipeline to check if there are texts missing translation.

Proposal

Maybe we should wrap JSX Text as a whole?
(Inspired by ttag)

let desc  = <strong>nice</strong>
let vdom =  <div>Today is a {desc} day <div>

// should be wrapped as:

let desc  = <strong>nice</strong>
let vdom =   <div>{a18n.x`Today is a {desc} day`}<div>  // a18n.x returns array instead of string

// and extracted to key: "Today is a %1 day"

Background

Currently we only wrap StringLiteral and TemplateLiterals inside JSX Element children, this:

1. breaks a complete sentence in JSX children into multiple texts, and is not ideal.
2. does not support scenario like <span>aaa <strong>bbb</strong> ccc</span>

im using node

> npx a18n wrap src -write
npx a18n wrap src -write
	^^^^

Uncaught SyntaxError: Unexpected identifier

or im do it wrong?