npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

kaios-gaia-l10n

v0.0.1

Published

The l10n.js lib used in Gaia, extracted from [mozilla-b2g/gaia](https://github.com/mozilla-b2g/gaia/blob/master/shared/js/l10n.js).

Downloads

79

Readme

l10n.js

The l10n.js lib used in Gaia, extracted from mozilla-b2g/gaia.

Please refer to

Gaia l10n derived a lot from original webL10n. There's also l20n, but it's rarely used (recommended from FxOS 2.5). Now l20n is also deprecated, the succeeded localization system Project Fluent is never used in B2G OS.

KaiOS

KaiOS still uses l10n.js as its localization lib.

Quick Start

Here’s a quick way to get a multilingual HTML page:

  • index.html - need these metas and link to properties file
<head>
  <meta name="defaultLanguage" content="en-US" />
  <meta name="availableLanguages" content="en-US, zh-CN" />
  <link rel="localization" href="./locales/sample.{locale}.properties" />
  <script defer src="./l10n.js"></script>
</head>
<body>
  <button data-l10n-id="test" title="click me!"></button>
</body>
  • sample.{locale}.properties - key value pair
test = test button

It will get values for each 'data-l10n-id' and fill the translation to element's textContent. Use code below in browser console to switch language and check if it's successfully translated.

navigator.mozL10n.language.code = 'en-US'; // 'zh-CN'

The sample/ demo works on Firefox, not Chrome.

Check App localization code best practices at MDN for l10n best practices.