Generate ES6/ES2015 Javascript for Gecko mozilla-central (#2050)

* Generate ES6/ES2015 Javascript for Gecko mozilla-central

* Output with sys.mjs extension

* Add mozilla-central prettier config

* Use module wording

* Do not export as default, gecko tests won't pass

bin/dist-fx.ts

@@ -8,7 +8,7 @@ function getVersionFromPackageJson(): string {
 }
 
 const rollupOutput = "dist/temp.js";
-const destination = "dist/moz-kinto-http-client.js";
+const destination = "dist/moz-kinto-http-client.sys.mjs";
 
 mkdir("-p", "dist");
 

docs/contributing.md

@@ -71,7 +71,7 @@ This should have created the following assets, with the current version in the f
 -  `dist/kinto.js`: Development version, unminified, embedding source maps;
 -  `dist/kinto.min.js`: Production version, minified, no source maps;
 -  `dist/kinto.noshim.js`: Production version, minified, no polyfills;
--  `dist/moz-kinto-offline-client.js`: Firefox internal component bundle (for Mozilla specific use).
+-  `dist/moz-kinto-http-client.sys.mjs`: Firefox internal component bundle (for Mozilla specific use).
 
 Once a new version is packaged and [published to npm](#publishing-to-npm), the [unpkg](https://unpkg.com/ service) makes ready-to-use kinto.js assets available from the following urls:
 

fx-src/.prettierrc.js

@@ -0,0 +1,16 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+// Original:
+// https://searchfox.org/mozilla-central/rev/fb55a4ee44a9a95d099aa806ca494eb988252ded/.prettierrc.js
+
+/* eslint-env node */
+
+module.exports = {
+  arrowParens: "avoid",
+  endOfLine: "lf",
+  printWidth: 80,
+  tabWidth: 2,
+  trailingComma: "es5",
+};

fx-src/jsm_prefix.js

@@ -11,18 +11,8 @@
  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  * See the License for the specific language governing permissions and
  * limitations under the License.
- */
-"use strict";
-
-/*
+ *
  * This file is generated from kinto.js - do not modify directly.
  */
 
-const global = this;
-const globalThis = this;
-
-var EXPORTED_SYMBOLS = ["KintoHttpClient"];
-
-const { setTimeout, clearTimeout } = ChromeUtils.importESModule("resource://gre/modules/Timer.sys.mjs");
-const { XPCOMUtils } = ChromeUtils.importESModule("resource://gre/modules/XPCOMUtils.sys.mjs");
-XPCOMUtils.defineLazyGlobalGetters(global, ["fetch"]);
+import { setTimeout, clearTimeout } from "resource://gre/modules/Timer.sys.mjs";

package.json

@@ -21,9 +21,10 @@
     "cs-check": "prettier -l \"{src,test,bin}/**/*.{js,ts}\"",
     "cs-format": "prettier \"{src,test,bin}/**/*.{js,ts}\" --write",
     "demo": "npm run build-demo && http-server demo",
-    "dist": "npx cross-env NODE_ENV=production rollup -c && npm run dist:fx",
+    "dist": "npx cross-env NODE_ENV=production rollup -c && npm run dist:fx && npm run dist:fx:format",
     "dist:dev": "npx rollup -c && npm run dist:fx",
     "dist:fx": "npx ts-node --skip-project bin/dist-fx.ts",
+    "dist:fx:format": "npx prettier --config fx-src/.prettierrc.js dist/ --write",
     "lint": "eslint \"src/**/*.{js,ts}\" \"test/**/*.{js,ts}\"",
     "publish-demo": "npm run dist-prod && cp dist/kinto.js demo/kinto.js && gh-pages -d demo",
     "publish-to-npm": "npm run dist && npm run build && npm publish",

rollup.config.mjs

@@ -13,8 +13,11 @@ const geckoBuild = {
   output: [
     {
       file: "dist/temp.js",
-      format: "umd",
+      format: "module",
       name: "KintoHttpClient",
+      generatedCode: {
+        objectShorthand: true,
+      },
     },
   ],
   plugins: [
@@ -25,7 +28,6 @@ const geckoBuild = {
     typescript({
       include: ["*.ts+(|x)", "**/*.ts+(|x)", "*.js", "**/*.js"],
     }),
-    commonjs({ ignoreGlobal: true }),
   ],
 };
 

src/http/index.fx.ts

@@ -13,16 +13,14 @@
  * limitations under the License.
  */
 
+/* @ts-ignore */
+import { EventEmitter } from "resource://gre/modules/EventEmitter.sys.mjs";
+
 import KintoClientBase, { KintoClientOptions } from "./base";
 import * as errors from "./errors";
 import { EventEmitter as ee } from "events";
 
-declare const ChromeUtils: any;
-const { EventEmitter } = ChromeUtils.importESModule(
-  "resource://gre/modules/EventEmitter.sys.mjs"
-) as { EventEmitter: any };
-
-export default class KintoHttpClient extends KintoClientBase {
+export class KintoHttpClient extends KintoClientBase {
   constructor(remote: string, options: Partial<KintoClientOptions> = {}) {
     const events = {};
     EventEmitter.decorate(events);