fluent-web 0.1.0

Author: Zibi Braniecki

.eslintrc.js

@@ -0,0 +1,3 @@
+module.exports = {
+    "extends": "airbnb-base"
+};

CHANGELOG.md

@@ -2,6 +2,10 @@
 
 ## Unreleased
 
+## fluent-web 0.1.0
+
+  - Update to Fluent 0.10.0
+  - Update to FluentDOM 0.4.1
   - Drop support for IE and old evergreen browsers. (#133)
 
     Currently supported are: Firefox 52+, Chrome 55+, Edge 15+, Safari 10.1+,

README.md

@@ -24,6 +24,7 @@ git clone https://github.com/projectfluent/fluent-web
 cd fluent-web
 npm install
 npm start
+open http://127.0.0.1:8080/examples/simple.html
 ```
 
 

package.json

@@ -1,12 +1,13 @@
 {
   "name": "fluent-web",
-  "version": "0.0.1",
+  "version": "0.1.0",
   "description": "Drop-in localization framework for HTML documents",
   "repository": {
     "type": "git",
-    "url": "https://github.com/projectfluent/fluent.js.git"
+    "url": "https://github.com/projectfluent/fluent-web.git"
   },
   "author": "Mozilla <[email protected]>",
+  "homepage": "http://projectfluent.org",
   "license": "Apache-2.0",
   "contributors": [
     {
@@ -39,16 +40,19 @@
     "node": ">=8.9.0"
   },
   "scripts": {
-    "start": "make -f makefile build & npx http-server ./examples"
+    "start": "make -f makefile build & npx http-server ./"
   },
   "dependencies": {
-    "fluent": "~0.8.1",
-    "fluent-langneg": "~0.1.0",
-    "fluent-dom": "~0.4.0",
-    "cached-iterable": "~0.2.1"
+    "cached-iterable": "^0.3.0",
+    "fluent": "^0.10.0",
+    "fluent-dom": "^0.4.1",
+    "fluent-langneg": "~0.1.0"
   },
   "devDependencies": {
-    "rollup": "~0.66.3",
-    "rollup-plugin-node-resolve": "^3.4.0"
+    "eslint": "^5.11.1",
+    "eslint-config-airbnb-base": "^13.1.0",
+    "eslint-plugin-import": "^2.14.0",
+    "rollup": "^1.0.1",
+    "rollup-plugin-node-resolve": "^4.0.0"
   }
 }

src/index.js

@@ -1,42 +1,41 @@
 /* eslint-env browser */
 
-import { negotiateLanguages } from "fluent-langneg";
-import { FluentBundle } from "fluent";
-import { DOMLocalization } from "fluent-dom";
-import { CachedAsyncIterable } from "cached-iterable";
+import { negotiateLanguages } from 'fluent-langneg';
+import { FluentBundle } from 'fluent';
+import { DOMLocalization } from 'fluent-dom';
 
 function documentReady() {
   const rs = document.readyState;
-  if (rs === "interactive" || rs === "completed") {
+  if (rs === 'interactive' || rs === 'completed') {
     return Promise.resolve();
   }
 
   return new Promise(
     resolve => document.addEventListener(
-      "readystatechange", resolve, { once: true }
-    )
+      'readystatechange', resolve, { once: true },
+    ),
   );
 }
 
 function getMeta(elem) {
   return {
     available: elem.querySelector('meta[name="availableLanguages"]')
-      .getAttribute("content")
-      .split(",").map(s => s.trim()),
+      .getAttribute('content')
+      .split(',').map(s => s.trim()),
     default: elem.querySelector('meta[name="defaultLanguage"]')
-      .getAttribute("content"),
+      .getAttribute('content'),
   };
 }
 
 function getResourceLinks(elem) {
   return Array.prototype.map.call(
     elem.querySelectorAll('link[rel="localization"]'),
-    el => el.getAttribute("href")
+    el => el.getAttribute('href'),
   );
 }
 
 async function fetchResource(locale, id) {
-  const url = id.replace("{locale}", locale);
+  const url = id.replace('{locale}', locale);
   const response = await fetch(url);
   return response.text();
 }
@@ -46,7 +45,7 @@ async function createContext(locale, resourceIds) {
 
   // First fetch all resources
   const resources = await Promise.all(
-    resourceIds.map(id => fetchResource(locale, id))
+    resourceIds.map(id => fetchResource(locale, id)),
   );
 
   // Then apply them preserving order
@@ -63,19 +62,19 @@ async function* generateMessages(resourceIds) {
     navigator.languages,
     meta.available,
     {
-      defaultLocale: meta.default
-    }
+      defaultLocale: meta.default,
+    },
   );
   for (const locale of locales) {
-    yield await createContext(locale, resourceIds);
+    yield createContext(locale, resourceIds);
   }
 }
 
 const resourceIds = getResourceLinks(document.head);
 document.l10n = new DOMLocalization(
-  resourceIds, generateMessages
+  resourceIds, generateMessages,
 );
-window.addEventListener("languagechange", document.l10n);
+window.addEventListener('languagechange', document.l10n);
 
 document.l10n.ready = documentReady().then(() => {
   document.l10n.connectRoot(document.documentElement);