@inboxsdk/core 0.2.28-alpha.0 → 0.2.28-alpha.1

package/src/platform-implementation-js/lib/handle-compose-link-chips.js

@@ -0,0 +1,179 @@
+/* @flow */
+
+import once from 'lodash/once';
+import Kefir from 'kefir';
+import { defn } from 'ud';
+import querySelector from './dom/querySelectorOrFail';
+import makeMutationObserverChunkedStream from './dom/make-mutation-observer-chunked-stream';
+import type { ComposeViewDriver } from '../driver-interfaces/compose-view-driver';
+
+const extId = '' + Math.random();
+
+const Z_SPACE_CHAR = '\u200b';
+const X_URL = 'https://ssl.gstatic.com/ui/v1/icons/common/x_8px.png';
+
+const handleComposeLinkChips = defn(
+  module,
+  function (composeView: ComposeViewDriver) {
+    // Abort if we're missing elements we'll need.
+    try {
+      composeView.getBodyElement();
+    } catch (err) {
+      return;
+    }
+
+    const mainElement = composeView.getElement();
+    _waitToClaim(mainElement)
+      .takeUntilBy(composeView.getStopper())
+      .onValue(() => {
+        mainElement.classList.add('inboxsdk__ensure_link_active');
+        composeView.getStopper().onValue(() => {
+          mainElement.classList.remove('inboxsdk__ensure_link_active');
+        });
+
+        composeView
+          .getEventStream()
+          .filter((event) => event.eventName === 'bodyChanged')
+          .toProperty(() => null)
+          .debounce(100, { immediate: true })
+          .takeUntilBy(composeView.getStopper())
+          .onValue(() => {
+            doFixing(composeView);
+          });
+
+        composeView
+          .getEventStream()
+          .filter((event) => event.eventName === 'presending')
+          .onValue(() => {
+            doPresendFixing(composeView);
+          });
+      });
+  }
+);
+export default handleComposeLinkChips;
+
+const doFixing = defn(
+  module,
+  function (composeView: ComposeViewDriver) {
+    const bodyElement = composeView.getBodyElement();
+    const chips = _getChipElements(bodyElement);
+
+    chips.filter(_isNotEnhanced).forEach(_addEnhancements);
+  },
+  'doFixing'
+);
+
+const doPresendFixing = defn(
+  module,
+  function (composeView: ComposeViewDriver) {
+    const bodyElement = composeView.getBodyElement();
+    const chips = _getChipElements(bodyElement);
+    chips.filter(_isOurEnhanced).forEach((chip) => {
+      const xBtn = chip.querySelector(`img[src="${X_URL}"]`);
+      if (xBtn) {
+        xBtn.remove();
+      }
+      const title = chip.querySelector('a > span');
+      if (title) {
+        title.style.textDecoration = 'none';
+      }
+    });
+  },
+  'doPresendFixing'
+);
+
+function _getChipElements(bodyElement: HTMLElement): HTMLElement[] {
+  const chipInnerEls = bodyElement.querySelectorAll('[hspace=inboxsdk__chip]');
+  return [
+    ...Array.from(chipInnerEls).map((x) => (x.parentElement: any)),
+    ...Array.from(bodyElement.querySelectorAll('[hspace=inboxsdk__chip_main]')),
+  ];
+}
+
+function _waitToClaim(el: HTMLElement): Kefir.Observable<boolean> {
+  return Kefir.later(0)
+    .merge(
+      makeMutationObserverChunkedStream(el, {
+        attributes: true,
+        attributeFilter: ['class'],
+      })
+    )
+    .map(() => !el.classList.contains('inboxsdk__ensure_link_active'))
+    .filter(Boolean)
+    .take(1);
+}
+
+function _isNotEnhanced(chipElement: HTMLElement): boolean {
+  var claim = chipElement.getAttribute('data-sdk-linkchip-claimed');
+  if (extId === claim) {
+    return !(chipElement: any)._linkChipEnhancedByThisExtension;
+  }
+  return claim == null;
+}
+
+// Returns whether the chip is enhanced specifically by this extension
+function _isOurEnhanced(chipElement: HTMLElement): boolean {
+  return !!(chipElement: any)._linkChipEnhancedByThisExtension;
+}
+
+function _addEnhancements(chipElement: HTMLElement) {
+  const anchor = chipElement.querySelector('a');
+  if (anchor) {
+    anchor.addEventListener(
+      'mousedown',
+      function (e: MouseEvent) {
+        e.stopImmediatePropagation();
+      },
+      true
+    );
+    anchor.addEventListener(
+      'click',
+      function (e: MouseEvent) {
+        e.stopImmediatePropagation();
+      },
+      true
+    );
+  }
+
+  const xElement = document.createElement('img');
+  xElement.src = X_URL;
+  xElement.setAttribute(
+    'style',
+    'opacity: 0.55; cursor: pointer; float: right; position: relative; top: -1px;'
+  );
+
+  xElement.addEventListener(
+    'mousedown',
+    function (e: MouseEvent) {
+      chipElement.remove();
+    },
+    true
+  );
+
+  xElement.addEventListener(
+    'click',
+    function (e: MouseEvent) {
+      e.stopImmediatePropagation();
+      e.preventDefault();
+    },
+    true
+  );
+
+  chipElement.addEventListener('mouseenter', function () {
+    chipElement.appendChild(xElement);
+    querySelector(chipElement, 'a > span').style.textDecoration = 'underline';
+  });
+
+  chipElement.addEventListener('mouseleave', function () {
+    (xElement: any).remove();
+    querySelector(chipElement, 'a > span').style.textDecoration = 'none';
+  });
+
+  chipElement.addEventListener('mousedown', function (e: MouseEvent) {
+    e.preventDefault();
+  });
+
+  chipElement.contentEditable = 'false';
+  chipElement.setAttribute('data-sdk-linkchip-claimed', extId);
+  (chipElement: any)._linkChipEnhancedByThisExtension = true;
+}

package/src/platform-implementation-js/lib/handler-registry.d.ts

@@ -10,3 +10,4 @@ export default class HandlerRegistry<T> {
     private _informHandlerOfTargets;
     private _informHandlersOfTarget;
 }
+//# sourceMappingURL=handler-registry.d.ts.map

package/src/platform-implementation-js/lib/handler-registry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"handler-registry.d.ts","sourceRoot":"","sources":["../../../../../src/platform-implementation-js/lib/handler-registry.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,OAAO,CAAC,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,KAAK,IAAI,CAAC;AAE7C,MAAM,CAAC,OAAO,OAAO,eAAe,CAAC,CAAC;IACpC,OAAO,CAAC,QAAQ,CAAgB;IAChC,OAAO,CAAC,gBAAgB,CAAyB;IACjD,OAAO,CAAC,SAAS,CAAyB;IAEnC,eAAe,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,GAAG,MAAM,IAAI;IAwBhD,SAAS,CAAC,MAAM,EAAE,CAAC;IAiBnB,YAAY,CAAC,MAAM,EAAE,CAAC;IAItB,YAAY;IAKnB,OAAO,CAAC,uBAAuB;IAO/B,OAAO,CAAC,uBAAuB;CAMhC"}

package/src/platform-implementation-js/lib/idMap.d.ts

@@ -1,2 +1,3 @@
 export default function idMap(name: string): string;
 export declare function _reset(): void;
+//# sourceMappingURL=idMap.d.ts.map

package/src/platform-implementation-js/lib/idMap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"idMap.d.ts","sourceRoot":"","sources":["../../../../../src/platform-implementation-js/lib/idMap.ts"],"names":[],"mappings":"AAQA,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAqClD;AAGD,wBAAgB,MAAM,SAGrB"}

package/src/platform-implementation-js/lib/imageRequest.d.ts

@@ -1 +1,2 @@
 export default function imageRequest(url: string): Promise<HTMLImageElement>;
+//# sourceMappingURL=imageRequest.d.ts.map

package/src/platform-implementation-js/lib/imageRequest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"imageRequest.d.ts","sourceRoot":"","sources":["../../../../../src/platform-implementation-js/lib/imageRequest.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,gBAAgB,CAAC,CAO3E"}

package/src/platform-implementation-js/lib/incrementName.d.ts

@@ -1 +1,2 @@
 export default function incrementName(name: string): string;
+//# sourceMappingURL=incrementName.d.ts.map

package/src/platform-implementation-js/lib/incrementName.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"incrementName.d.ts","sourceRoot":"","sources":["../../../../../src/platform-implementation-js/lib/incrementName.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAM1D"}

package/src/platform-implementation-js/lib/inject-script-EMBEDDED.d.ts

@@ -1 +1,2 @@
 export declare function injectScriptEmbedded(): void;
+//# sourceMappingURL=inject-script-EMBEDDED.d.ts.map

package/src/platform-implementation-js/lib/inject-script-EMBEDDED.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"inject-script-EMBEDDED.d.ts","sourceRoot":"","sources":["../../../../../src/platform-implementation-js/lib/inject-script-EMBEDDED.ts"],"names":[],"mappings":"AAGA,wBAAgB,oBAAoB,SAmBnC"}

package/src/platform-implementation-js/lib/inject-script.d.ts

@@ -1,2 +1,3 @@
 export declare const injectScript: () => Promise<null>;
 export declare function setInjectScriptImplementation(fn: () => void): void;
+//# sourceMappingURL=inject-script.d.ts.map

package/src/platform-implementation-js/lib/inject-script.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"inject-script.d.ts","sourceRoot":"","sources":["../../../../../src/platform-implementation-js/lib/inject-script.ts"],"names":[],"mappings":"AAqBA,eAAO,MAAM,YAAY,QAAY,QAAQ,IAAI,CAmB/C,CAAC;AAEH,wBAAgB,6BAA6B,CAAC,EAAE,EAAE,MAAM,IAAI,QAE3D"}

package/src/platform-implementation-js/lib/insert-link-chip-into-body.js

@@ -0,0 +1,66 @@
+/* @flow */
+
+import * as ud from 'ud';
+import type { ComposeViewDriver } from '../driver-interfaces/compose-view-driver';
+import autoHtml from 'auto-html';
+
+var insertLinkChipIntoBody = ud.defn(
+  module,
+  function (
+    composeViewDriver: ComposeViewDriver,
+    options: Object
+  ): HTMLElement {
+    composeViewDriver.focus();
+
+    var chipElement = _getChipElement(options);
+
+    // Gmail compose treats text directly bordering the chipElement weirdly in
+    // regards to cursor movement, so surround the chip with newlines which
+    // makes Gmail act up a little less.
+    var frag = (document: any).createDocumentFragment();
+    frag.appendChild(document.createTextNode('\u200b'));
+    frag.appendChild(chipElement);
+    frag.appendChild(document.createTextNode('\u200b'));
+
+    composeViewDriver.insertBodyHTMLAtCursor(frag);
+
+    if (
+      !composeViewDriver.isFullscreen() &&
+      !composeViewDriver.isInlineReplyForm() &&
+      document.activeElement !== composeViewDriver.getBodyElement()
+    ) {
+      composeViewDriver.setMinimized(true);
+      composeViewDriver.setMinimized(false);
+    }
+
+    composeViewDriver.focus();
+
+    return chipElement;
+  }
+);
+export default insertLinkChipIntoBody;
+
+function _getChipElement(options: Object): HTMLElement {
+  var chipElement = document.createElement('div');
+
+  var iconHtml: string = options.iconUrl
+    ? autoHtml`
+<img style="height:16px; width:16px; vertical-align: bottom; border: none;" height="16px" width="16px" src="${options.iconUrl}">&nbsp;
+`
+    : '';
+  var chipHTML: string = autoHtml`
+<div contenteditable="false" class="inboxsdk__compose_linkChip"
+style="width: 396px; height: 18px; max-height: 18px; padding: 5px; color: rgb(34, 34, 34); font-family: arial; font-style: normal; font-weight: bold; font-size: 13px; cursor: default; border: 1px solid rgb(221, 221, 221); line-height: 1; background-color: rgb(245, 245, 245);" hspace="inboxsdk__chip_main">
+  <a href="${
+    options.url
+  }" target="_blank" style=" display:inline-block; max-width: 366px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-height: 1.2em; text-decoration: none; cursor: pointer; padding: 1px 0; border: none; ">
+    ${{ __html: iconHtml }}
+    <span dir="ltr" style="color: rgb(17, 85, 204); text-decoration: none; vertical-align: bottom;">${
+      options.text
+    }</span>
+  </a>
+</div>
+`;
+  chipElement.innerHTML = chipHTML;
+  return (chipElement.children[0]: any);
+}

package/src/platform-implementation-js/lib/is-valid-app-id.d.ts

@@ -1 +1,2 @@
 export default function isValidAppId(appId: string): boolean;
+//# sourceMappingURL=is-valid-app-id.d.ts.map

package/src/platform-implementation-js/lib/is-valid-app-id.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"is-valid-app-id.d.ts","sourceRoot":"","sources":["../../../../../src/platform-implementation-js/lib/is-valid-app-id.ts"],"names":[],"mappings":"AAoBA,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAY3D"}

package/src/platform-implementation-js/lib/is-valid-email.d.ts

@@ -1 +1,2 @@
 export default function isValidEmail(candidate: string | null | void): boolean;
+//# sourceMappingURL=is-valid-email.d.ts.map

package/src/platform-implementation-js/lib/is-valid-email.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"is-valid-email.d.ts","sourceRoot":"","sources":["../../../../../src/platform-implementation-js/lib/is-valid-email.ts"],"names":[],"mappings":"AASA,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,OAAO,CAM7E"}

package/src/platform-implementation-js/lib/isNotNil.d.ts

@@ -1 +1,2 @@
 export default function isNotNil<TValue>(value: TValue | null | undefined): value is TValue;
+//# sourceMappingURL=isNotNil.d.ts.map

package/src/platform-implementation-js/lib/isNotNil.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"isNotNil.d.ts","sourceRoot":"","sources":["../../../../../src/platform-implementation-js/lib/isNotNil.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,MAAM,EACrC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAC/B,KAAK,IAAI,MAAM,CAEjB"}

package/src/platform-implementation-js/lib/isStreakAppId.d.ts

@@ -1 +1,2 @@
 export default function isStreakAppId(appId: string): boolean;
+//# sourceMappingURL=isStreakAppId.d.ts.map

package/src/platform-implementation-js/lib/isStreakAppId.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"isStreakAppId.d.ts","sourceRoot":"","sources":["../../../../../src/platform-implementation-js/lib/isStreakAppId.ts"],"names":[],"mappings":"AAQA,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAI5D"}

package/src/platform-implementation-js/lib/logger.d.ts

@@ -26,3 +26,4 @@ export default class Logger {
     }): void;
 }
 export declare function hashEmail(str: string): string;
+//# sourceMappingURL=logger.d.ts.map

package/src/platform-implementation-js/lib/logger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"logger.d.ts","sourceRoot":"","sources":["../../../../../src/platform-implementation-js/lib/logger.ts"],"names":[],"mappings":"AAwDA,MAAM,WAAW,SAAS;IACxB,KAAK,CAAC,GAAG,EAAE,KAAK,GAAG,OAAO,EAAE,OAAO,CAAC,EAAE,GAAG,GAAG,IAAI,CAAC;IACjD,KAAK,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,GAAG,GAAG,IAAI,CAAC;CAC1C;AAED,MAAM,CAAC,OAAO,OAAO,MAAM;IACzB,OAAO,CAAC,MAAM,CAAS;IACvB,OAAO,CAAC,SAAS,CAAU;gBAGzB,KAAK,EAAE,MAAM,EACb,IAAI,EAAE,GAAG,EACT,aAAa,EAAE,MAAM,EACrB,WAAW,EAAE,MAAM;IA8Cd,mBAAmB,CAAC,KAAK,EAAE,MAAM;IAIjC,qBAAqB,IAAI,OAAO;IAOhC,iBAAiB,CAAC,OAAO,EAAE,OAAO;WAI3B,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,MAAM,CAAC,EAAE,OAAO,CAAC,EAAE,GAAG,GAAG,CAAC;IAS5C,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,MAAM,CAAC,EAAE,OAAO,CAAC,EAAE,GAAG,GAAG,CAAC;WAS9B,KAAK,CAAC,GAAG,EAAE,KAAK,GAAG,OAAO,EAAE,OAAO,CAAC,EAAE,GAAG;IAIhD,KAAK,CAAC,GAAG,EAAE,KAAK,GAAG,OAAO,EAAE,OAAO,CAAC,EAAE,GAAG;IAIzC,QAAQ,CAAC,GAAG,EAAE,KAAK,GAAG,OAAO,EAAE,OAAO,CAAC,EAAE,GAAG;IAI5C,SAAS,CAAC,GAAG,EAAE,KAAK,GAAG,OAAO,EAAE,OAAO,CAAC,EAAE,GAAG;IAS7C,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,GAAG;IAMpC,cAAc,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,GAAG;IAU1C,eAAe,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,GAAG,EAAE,SAAS,CAAC,EAAE,OAAO;IAUhE,SAAS,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,GAAG;IAQrC,kBAAkB,CAAC,IAAI,EAAE,MAAM,EAAE,UAAU,CAAC,EAAE,MAAM;IAapD,YAAY,IAAI,SAAS;IAOzB,wBAAwB,CAC7B,EAAE,EAAE,QAAQ,EACZ,UAAU,EAAE,MAAM,EAClB,OAAO,EAAE;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE;CAqB5B;AA4LD,wBAAgB,SAAS,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAI7C"}

package/src/platform-implementation-js/lib/make-revocable-function.js

@@ -0,0 +1,40 @@
+/* @flow */
+
+// Takes an input function, and returns {fn, revoke}.
+// Before revoke is called, calling fn is equivalent to calling the input
+// function.
+// After revoke is called, calling fn is a no-op, and fn no longer holds a
+// reference to inputFn.
+// The revoke function does not hold a reference to inputFn or revokedFn ever.
+
+// The optional second parameter revokedFn is a function to make fn call after
+// it has been revoked.
+
+import once from 'lodash/once';
+import noop from 'lodash/noop';
+
+export default function makeRevocableFunction<F: Function>(
+  inputFn: F,
+  revokedFn: Function = noop
+): { fn: F, revoke: () => void } {
+  let key = {};
+
+  return {
+    fn: (function () {
+      if (!key) {
+        throw new Error('Should not happen');
+      }
+      const _revokedFn = revokedFn;
+      const wm = new WeakMap();
+      wm.set(key, inputFn);
+      inputFn = revokedFn = (null: any);
+
+      return (function () {
+        return ((key ? wm.get(key) : _revokedFn): any).apply(this, arguments);
+      }: any);
+    })(),
+    revoke: once(function () {
+      key = null;
+    }),
+  };
+}

package/src/platform-implementation-js/lib/make-revocable-function.test.js

@@ -0,0 +1,63 @@
+/* @flow */
+
+import makeRevocableFunction from './make-revocable-function';
+
+it('works', () => {
+  const adder = {
+    value: 0,
+    add: (x, y = 0) => {
+      adder.value += x + y;
+      return adder.value;
+    },
+  };
+
+  const { fn, revoke } = makeRevocableFunction(adder.add);
+  adder.add = fn;
+
+  expect(adder.add(5)).toBe(5);
+  expect(adder.add(2, 1)).toBe(8);
+  expect(adder.add(3)).toBe(11);
+  expect(adder.value).toBe(11);
+
+  revoke();
+
+  expect(adder.add(3)).toBe(undefined);
+  expect(adder.value).toBe(11);
+
+  revoke(); // should be no-op
+
+  expect(adder.add(3)).toBe(undefined);
+  expect(adder.value).toBe(11);
+});
+
+it('revokedFn parameter works', () => {
+  const adder = {
+    value: 0,
+    add: (x, y = 0) => {
+      adder.value += x + y;
+      return adder.value;
+    },
+    subtract: (x, y = 0) => {
+      adder.value -= x + y;
+      return adder.value;
+    },
+  };
+
+  const { fn, revoke } = makeRevocableFunction(adder.add, adder.subtract);
+  adder.add = fn;
+
+  expect(adder.add(5)).toBe(5);
+  expect(adder.add(2, 1)).toBe(8);
+  expect(adder.add(3)).toBe(11);
+  expect(adder.value).toBe(11);
+
+  revoke();
+
+  expect(adder.add(3)).toBe(8);
+  expect(adder.value).toBe(8);
+
+  revoke(); // should be no-op
+
+  expect(adder.add(3)).toBe(5);
+  expect(adder.value).toBe(5);
+});

package/src/platform-implementation-js/lib/parseParamsFromRouteID.js

@@ -0,0 +1,20 @@
+/* @flow */
+
+import zip from 'lodash/zip';
+
+export default function parseParamsFromRouteID(
+  routeID: string,
+  hash: string
+): { [ix: string]: string } {
+  const params: { [ix: string]: string } = (Object.create(null): any);
+  zip(routeID.split('/'), hash.split('/')).forEach(
+    ([routePart, hashPart], i) => {
+      if (routePart[0] === ':') {
+        params[routePart.slice(1)] = decodeURIComponent(
+          hashPart.replace(/\+/g, ' ')
+        );
+      }
+    }
+  );
+  return Object.freeze(params);
+}

package/src/platform-implementation-js/lib/parseParamsFromRouteID.test.js

@@ -0,0 +1,28 @@
+/* @flow */
+
+import parseParamsFromRouteID from './parseParamsFromRouteID';
+
+test('empty', () => {
+  expect(parseParamsFromRouteID('test', 'test')).toEqual({});
+});
+
+test('works', () => {
+  expect(
+    parseParamsFromRouteID('test/:id/blah/:foo', 'test/123/blah/456')
+  ).toEqual({
+    id: '123',
+    foo: '456',
+  });
+});
+
+test('decodes URI component', () => {
+  expect(
+    parseParamsFromRouteID(
+      'test/:id/blah/:foo',
+      "test/123/blah/test+%3C%3E%2B%22'%26%20_"
+    )
+  ).toEqual({
+    id: '123',
+    foo: 'test <>+"\'& _',
+  });
+});

package/src/platform-implementation-js/lib/persistent-queue.d.ts

@@ -11,3 +11,4 @@ export default class PersistentQueue<T> {
     peekAll(): T[];
     clear(): void;
 }
+//# sourceMappingURL=persistent-queue.d.ts.map

package/src/platform-implementation-js/lib/persistent-queue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"persistent-queue.d.ts","sourceRoot":"","sources":["../../../../../src/platform-implementation-js/lib/persistent-queue.ts"],"names":[],"mappings":"AAKA,MAAM,CAAC,OAAO,OAAO,eAAe,CAAC,CAAC;IACpC,OAAO,CAAC,cAAc,CAAW;IACjC,OAAO,CAAC,IAAI,CAAS;gBAEF,EAAE,EAAE,MAAM;IAI7B,OAAO,CAAC,cAAc;IAQtB,OAAO,CAAC,cAAc;IAItB,OAAO,CAAC,gBAAgB;IAIjB,GAAG,CAAC,GAAG,EAAE,CAAC;IAiBV,MAAM,IAAI,CAAC,GAAG,SAAS;IAoBvB,SAAS,IAAI,CAAC,EAAE;IAmBhB,OAAO,IAAI,CAAC,EAAE;IAgBd,KAAK;CAUb"}

package/src/platform-implementation-js/lib/populateRouteID.js

@@ -0,0 +1,23 @@
+/* @flow */
+
+import type { RouteParams } from '../namespaces/router';
+
+export default function populateRouteID(
+  routeID: string,
+  params: ?RouteParams
+): string {
+  const paramsObject = params || {};
+  const usedParams = new Set();
+  const result = routeID.replace(/:([^/]+)/g, (whole: string, term: string) => {
+    if (term in paramsObject) {
+      usedParams.add(term);
+      return encodeURIComponent(String(paramsObject[term]));
+    } else {
+      throw new Error(`Missing param: ${term}`);
+    }
+  });
+  if (Object.keys(paramsObject).length !== usedParams.size) {
+    throw new Error('Extra parameters given');
+  }
+  return result;
+}

package/src/platform-implementation-js/lib/populateRouteID.test.js

@@ -0,0 +1,31 @@
+/* @flow */
+
+import populateRouteID from './populateRouteID';
+
+test('works with no params', () => {
+  expect(populateRouteID('a/b', null)).toBe('a/b');
+});
+
+test('works with params', () => {
+  expect(populateRouteID('a/:id/b/:foo', { id: 'aaa', foo: '456' })).toBe(
+    'a/aaa/b/456'
+  );
+});
+
+test('works with params that are not preceded by a slash', () => {
+  expect(populateRouteID('a/foo:id/b', { id: 'aaa' })).toBe('a/fooaaa/b');
+});
+
+test('url encodes', () => {
+  expect(populateRouteID('a/:id', { id: '%/$\'"' })).toBe("a/%25%2F%24'%22");
+});
+
+test('throws if missing params', () => {
+  expect(() => populateRouteID('a/:id', {})).toThrowError();
+});
+
+test('throws if extra params', () => {
+  expect(() =>
+    populateRouteID('a/:id', { id: '456', foo: '789' })
+  ).toThrowError();
+});

package/src/platform-implementation-js/lib/react/ElementContainer.js

@@ -0,0 +1,35 @@
+/* @flow */
+
+import React from 'react';
+
+type Props = {
+  className?: ?string,
+  el: HTMLElement,
+};
+export default class ElementContainer extends React.Component<Props> {
+  props: Props;
+  _content: HTMLElement;
+  _contentRefCb = (el: ?HTMLElement) => {
+    if (el) this._content = el;
+  };
+  componentDidMount() {
+    this._content.appendChild(this.props.el);
+  }
+  componentDidUpdate(prevProps: Props) {
+    if (prevProps.el !== this.props.el) {
+      while (this._content.lastElementChild) {
+        this._content.lastElementChild.remove();
+      }
+      this._content.appendChild(this.props.el);
+    }
+  }
+  shouldComponentUpdate(nextProps: Props) {
+    return (
+      this.props.className !== nextProps.className ||
+      this.props.el !== nextProps.el
+    );
+  }
+  render() {
+    return <div className={this.props.className} ref={this._contentRefCb} />;
+  }
+}

package/src/platform-implementation-js/lib/rewriteCssWithIdMap.js

@@ -0,0 +1,10 @@
+/* @flow */
+
+import idMap from './idMap';
+
+export default function rewriteCssWithIdMap(cssSource: string): string {
+  return cssSource.replace(
+    /\.IDMAP_([-a-zA-Z0-9_]+)/g,
+    (match, classname) => `.${idMap(classname)}`
+  );
+}

package/src/platform-implementation-js/lib/rewriteCssWithIdMap.test.js

@@ -0,0 +1,50 @@
+/* @flow */
+
+import rewriteCssWithIdMap from './rewriteCssWithIdMap';
+
+import idMap from './idMap';
+
+test('rewrites single classname', () => {
+  expect(
+    rewriteCssWithIdMap(`
+    .IDMAP_foo {
+      color: red;
+    }
+  `)
+  ).toBe(`
+    .${idMap('foo')} {
+      color: red;
+    }
+  `);
+});
+
+test('only rewrites IDMAP_ classnames', () => {
+  expect(
+    rewriteCssWithIdMap(`
+    .blaaah {
+      color: blue;
+    }
+    .foo .x.IDMAP_foo.y .blah .IDMAP_xyz-_def3, .x {
+      color: red;
+    }
+    .xyz .IDMAP_foo::after {}
+  `)
+  ).toBe(`
+    .blaaah {
+      color: blue;
+    }
+    .foo .x.${idMap('foo')}.y .blah .${idMap('xyz-_def3')}, .x {
+      color: red;
+    }
+    .xyz .${idMap('foo')}::after {}
+  `);
+});
+
+test('name is not present in rewritten CSS', () => {
+  const output = rewriteCssWithIdMap(`
+    .IDMAP_foo3 {
+      color: red;
+    }
+  `);
+  expect(output.includes('foo3')).toBe(false);
+});