@crowdin/app-project-module 0.50.0 → 0.50.1

package/out/static/js/polyfills/promise.js

@@ -0,0 +1,375 @@
+/**
+ * setImmediate polyfill v1.0.1, supports IE9+
+ * © 2014–2015 Dmitry Korobkin
+ * Released under the MIT license
+ * github.com/Octane/setImmediate
+ */
+window.setImmediate ||
+  (function () {
+    'use strict';
+
+    var uid = 0;
+    var storage = {};
+    var firstCall = true;
+    var slice = Array.prototype.slice;
+    var message = 'setImmediatePolyfillMessage';
+
+    function fastApply(args) {
+      var func = args[0];
+      switch (args.length) {
+        case 1:
+          return func();
+        case 2:
+          return func(args[1]);
+        case 3:
+          return func(args[1], args[2]);
+      }
+      return func.apply(window, slice.call(args, 1));
+    }
+
+    function callback(event) {
+      var key = event.data;
+      var data;
+      if (typeof key == 'string' && key.indexOf(message) == 0) {
+        data = storage[key];
+        if (data) {
+          delete storage[key];
+          fastApply(data);
+        }
+      }
+    }
+
+    window.setImmediate = function setImmediate() {
+      var id = uid++;
+      var key = message + id;
+      var i = arguments.length;
+      var args = new Array(i);
+      while (i--) {
+        args[i] = arguments[i];
+      }
+      storage[key] = args;
+      if (firstCall) {
+        firstCall = false;
+        window.addEventListener('message', callback);
+      }
+      window.postMessage(key, '*');
+      return id;
+    };
+
+    window.clearImmediate = function clearImmediate(id) {
+      delete storage[message + id];
+    };
+  })();
+
+/**
+ * Promise polyfill v1.0.10
+ * requires setImmediate
+ *
+ * © 2014–2015 Dmitry Korobkin
+ * Released under the MIT license
+ * github.com/Octane/Promise
+ */
+(function (global) {
+  'use strict';
+
+  var STATUS = '[[PromiseStatus]]';
+  var VALUE = '[[PromiseValue]]';
+  var ON_FUlFILLED = '[[OnFulfilled]]';
+  var ON_REJECTED = '[[OnRejected]]';
+  var ORIGINAL_ERROR = '[[OriginalError]]';
+  var PENDING = 'pending';
+  var INTERNAL_PENDING = 'internal pending';
+  var FULFILLED = 'fulfilled';
+  var REJECTED = 'rejected';
+  var NOT_ARRAY = 'not an array.';
+  var REQUIRES_NEW = 'constructor Promise requires "new".';
+  var CHAINING_CYCLE = 'then() cannot return same Promise that it resolves.';
+
+  var setImmediate = global.setImmediate || require('timers').setImmediate;
+  var isArray =
+    Array.isArray ||
+    function (anything) {
+      return Object.prototype.toString.call(anything) == '[object Array]';
+    };
+
+  function InternalError(originalError) {
+    this[ORIGINAL_ERROR] = originalError;
+  }
+
+  function isInternalError(anything) {
+    return anything instanceof InternalError;
+  }
+
+  function isObject(anything) {
+    //Object.create(null) instanceof Object → false
+    return Object(anything) === anything;
+  }
+
+  function isCallable(anything) {
+    return typeof anything == 'function';
+  }
+
+  function isPromise(anything) {
+    return anything instanceof Promise;
+  }
+
+  function identity(value) {
+    return value;
+  }
+
+  function thrower(reason) {
+    throw reason;
+  }
+
+  function enqueue(promise, onFulfilled, onRejected) {
+    if (!promise[ON_FUlFILLED]) {
+      promise[ON_FUlFILLED] = [];
+      promise[ON_REJECTED] = [];
+    }
+    promise[ON_FUlFILLED].push(onFulfilled);
+    promise[ON_REJECTED].push(onRejected);
+  }
+
+  function clearAllQueues(promise) {
+    delete promise[ON_FUlFILLED];
+    delete promise[ON_REJECTED];
+  }
+
+  function callEach(queue) {
+    var i;
+    var length = queue.length;
+    for (i = 0; i < length; i++) {
+      queue[i]();
+    }
+  }
+
+  function call(resolve, reject, value) {
+    var anything = toPromise(value);
+    if (isPromise(anything)) {
+      anything.then(resolve, reject);
+    } else if (isInternalError(anything)) {
+      reject(anything[ORIGINAL_ERROR]);
+    } else {
+      resolve(value);
+    }
+  }
+
+  function toPromise(anything) {
+    var then;
+    if (isPromise(anything)) {
+      return anything;
+    }
+    if (isObject(anything)) {
+      try {
+        then = anything.then;
+      } catch (error) {
+        return new InternalError(error);
+      }
+      if (isCallable(then)) {
+        return new Promise(function (resolve, reject) {
+          setImmediate(function () {
+            try {
+              then.call(anything, resolve, reject);
+            } catch (error) {
+              reject(error);
+            }
+          });
+        });
+      }
+    }
+    return null;
+  }
+
+  function resolvePromise(promise, resolver) {
+    function resolve(value) {
+      if (promise[STATUS] == PENDING) {
+        fulfillPromise(promise, value);
+      }
+    }
+    function reject(reason) {
+      if (promise[STATUS] == PENDING) {
+        rejectPromise(promise, reason);
+      }
+    }
+    try {
+      resolver(resolve, reject);
+    } catch (error) {
+      reject(error);
+    }
+  }
+
+  function fulfillPromise(promise, value) {
+    var queue;
+    var anything = toPromise(value);
+    if (isPromise(anything)) {
+      promise[STATUS] = INTERNAL_PENDING;
+      anything.then(
+        function (value) {
+          fulfillPromise(promise, value);
+        },
+        function (reason) {
+          rejectPromise(promise, reason);
+        },
+      );
+    } else if (isInternalError(anything)) {
+      rejectPromise(promise, anything[ORIGINAL_ERROR]);
+    } else {
+      promise[STATUS] = FULFILLED;
+      promise[VALUE] = value;
+      queue = promise[ON_FUlFILLED];
+      if (queue && queue.length) {
+        clearAllQueues(promise);
+        callEach(queue);
+      }
+    }
+  }
+
+  function rejectPromise(promise, reason) {
+    var queue = promise[ON_REJECTED];
+    promise[STATUS] = REJECTED;
+    promise[VALUE] = reason;
+    if (queue && queue.length) {
+      clearAllQueues(promise);
+      callEach(queue);
+    }
+  }
+
+  function Promise(resolver) {
+    var promise = this;
+    if (!isPromise(promise)) {
+      throw new TypeError(REQUIRES_NEW);
+    }
+    promise[STATUS] = PENDING;
+    promise[VALUE] = undefined;
+    resolvePromise(promise, resolver);
+  }
+
+  Promise.prototype.then = function (onFulfilled, onRejected) {
+    var promise = this;
+    var nextPromise;
+    onFulfilled = isCallable(onFulfilled) ? onFulfilled : identity;
+    onRejected = isCallable(onRejected) ? onRejected : thrower;
+    nextPromise = new Promise(function (resolve, reject) {
+      function tryCall(func) {
+        var value;
+        try {
+          value = func(promise[VALUE]);
+        } catch (error) {
+          reject(error);
+          return;
+        }
+        if (value === nextPromise) {
+          reject(new TypeError(CHAINING_CYCLE));
+        } else {
+          call(resolve, reject, value);
+        }
+      }
+      function asyncOnFulfilled() {
+        setImmediate(tryCall, onFulfilled);
+      }
+      function asyncOnRejected() {
+        setImmediate(tryCall, onRejected);
+      }
+      switch (promise[STATUS]) {
+        case FULFILLED:
+          asyncOnFulfilled();
+          break;
+        case REJECTED:
+          asyncOnRejected();
+          break;
+        default:
+          enqueue(promise, asyncOnFulfilled, asyncOnRejected);
+      }
+    });
+    return nextPromise;
+  };
+
+  Promise.prototype['catch'] = function (onRejected) {
+    return this.then(identity, onRejected);
+  };
+
+  Promise.resolve = function (value) {
+    var anything = toPromise(value);
+    if (isPromise(anything)) {
+      return anything;
+    }
+    return new Promise(function (resolve, reject) {
+      if (isInternalError(anything)) {
+        reject(anything[ORIGINAL_ERROR]);
+      } else {
+        resolve(value);
+      }
+    });
+  };
+
+  Promise.reject = function (reason) {
+    return new Promise(function (resolve, reject) {
+      reject(reason);
+    });
+  };
+
+  Promise.race = function (values) {
+    return new Promise(function (resolve, reject) {
+      var i;
+      var length;
+      if (isArray(values)) {
+        length = values.length;
+        for (i = 0; i < length; i++) {
+          call(resolve, reject, values[i]);
+        }
+      } else {
+        reject(new TypeError(NOT_ARRAY));
+      }
+    });
+  };
+
+  Promise.all = function (values) {
+    return new Promise(function (resolve, reject) {
+      var fulfilledCount = 0;
+      var promiseCount = 0;
+      var anything;
+      var length;
+      var value;
+      var i;
+      if (isArray(values)) {
+        values = values.slice(0);
+        length = values.length;
+        for (i = 0; i < length; i++) {
+          value = values[i];
+          anything = toPromise(value);
+          if (isPromise(anything)) {
+            promiseCount++;
+            anything.then(
+              (function (index) {
+                return function (value) {
+                  values[index] = value;
+                  fulfilledCount++;
+                  if (fulfilledCount == promiseCount) {
+                    resolve(values);
+                  }
+                };
+              })(i),
+              reject,
+            );
+          } else if (isInternalError(anything)) {
+            reject(anything[ORIGINAL_ERROR]);
+          } else {
+            //[1, , 3] → [1, undefined, 3]
+            values[i] = value;
+          }
+        }
+        if (!promiseCount) {
+          resolve(values);
+        }
+      } else {
+        reject(new TypeError(NOT_ARRAY));
+      }
+    });
+  };
+
+  if (typeof module != 'undefined' && module.exports) {
+    module.exports = global.Promise || Promise;
+  } else if (!global.Promise) {
+    global.Promise = Promise;
+  }
+})(this);

package/out/views/error.handlebars

@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html lang="en">
+{{> head}}
+
+<body>
+<div class="i_w">
+  <div class="error-page">
+    <div>
+      <div class="error-page-message">
+        <crowdin-h3>{{ message }}</crowdin-h3>
+      </div>
+      <div class="error-page-action">
+        <crowdin-button outlined onclick="integrationLogout()">Log out</crowdin-button>
+        <span> or <crowdin-a href="https://crowdin.com/contacts" target="_blank">contact us</crowdin-a> for help</span>
+      </div>
+    </div>
+  </div>
+</div>
+</body>
+
+</html>
+<script>
+  function integrationLogout() {
+    checkOrigin()
+      .then(queryParams => fetch(`api/logout${queryParams}`, { method: 'POST' }))
+      .then(checkResponse)
+      .then(reloadLocation)
+      .then(localStorage.removeItem('revised_{{name}}'))
+      .catch(e => catchRejection(e, 'Looks like you are not logged in'));
+  }
+</script>

package/out/views/form.handlebars

@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html lang="en">
+{{> head}}
+<body>
+    <div
+        class="i_w"
+        style='max-width:680px; position: relative;'
+    >
+        <crowdin-card
+            id="card"
+            is-shadowed
+        >
+            <div id="form"></div>
+            <div id="form-loading">
+                <crowdin-progress-indicator />
+            </div>
+        </crowdin-card>
+    </div>
+    <crowdin-toasts></crowdin-toasts>
+    <script>
+    /*<!--*/
+        var formGetDataUrl = '{{formGetDataUrl}}';
+        var formPostDataUrl = '{{formPostDataUrl}}';
+        var formSchema = {{{formSchema}}};
+        var formUiSchema = {{{formUiSchema}}};
+    /*-->*/
+    </script>
+    <script src="/assets/js/form.js"></script>
+</body>
+</html>

package/out/views/install.handlebars

@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+{{> head}}
+
+<body>
+    <div class="i_w center">
+        <div>
+            <h1>Looks like {{ name }} is not installed yet!</h1>
+            <p>Contact your organization administrator to install it. More info on <a
+                    href='https://support.crowdin.com'>Link
+                    to how to install</a></p>
+        </div>
+    </div>
+</body>
+
+</html>

package/out/views/login.handlebars

@@ -0,0 +1,250 @@
+<!DOCTYPE html>
+<html lang="en">
+{{> head}}
+
+<body>
+    <div class="i_w center">
+        <div>
+            <crowdin-card is-shadowed is-padding-lg class="login">
+                <img alt='{{ name }} logo' src='logo.png' />
+                <crowdin-h4 id="integration-name">{{ name }}</crowdin-h4>
+                <div class="inputs">
+                    {{#each loginFields}}
+                        {{#if key}}
+                            {{#ifeq type "checkbox"}}
+                                <crowdin-checkbox
+                                    id="{{key}}"
+                                    label="{{label}}"
+                                    value="false"
+                                    use-switch
+                                    {{#if helpText}}
+                                        help-text="{{helpText}}"
+                                    {{/if}}
+                                    {{#if helpTextHtml}}
+                                        help-text-html="{{helpTextHtml}}"
+                                    {{/if}}
+                                    {{#ifeq defaultValue true}}
+                                        checked="{{defaultValue}}"
+                                    {{/ifeq}}
+                                >
+                                </crowdin-checkbox>
+                            {{else}}
+                                {{#ifeq type "select"}}
+                                    <crowdin-select
+                                        {{#if isMulti}}
+                                            is-multi
+                                            close-on-select="false"
+                                        {{/if}}
+                                        {{#if isSearchable}}
+                                            is-searchable
+                                        {{/if}}
+                                        id="{{key}}"
+                                        label="{{label}}"
+                                        {{#if helpText}}
+                                            help-text="{{helpText}}"
+                                        {{/if}}
+                                        {{#if helpTextHtml}}
+                                            help-text-html="{{helpTextHtml}}"
+                                        {{/if}}
+                                    >
+                                        {{#each options}}
+                                            <option {{#ifeq ../defaultValue value}} selected {{/ifeq}} value="{{value}}">{{label}}</option>
+                                        {{/each}}
+                                    </crowdin-select>
+                                {{else}}
+                                    {{#ifeq type "textarea"}}
+                                        <crowdin-textarea
+                                            id="{{key}}"
+                                            label="{{label}}"
+                                            {{#if helpText}}
+                                                help-text="{{helpText}}"
+                                            {{/if}}
+                                            {{#if helpTextHtml}}
+                                                help-text-html="{{helpTextHtml}}"
+                                            {{/if}}
+                                                value="{{#if defaultValue}}{{defaultValue}}{{/if}}">
+                                        </crowdin-textarea>
+                                    {{else}}
+                                        {{#ifeq type "file"}}
+                                            <div class="file-field">
+                                                {{#if helpText}}<div class="help-text">{{helpText}}</div>{{/if}}
+                                                {{#if helpTextHtml}}<div class="help-text">{{helpTextHtml}}</div>{{/if}}
+                                                <div class="upload">
+                                                    <crowdin-button outlined onclick="uploadFiles('{{key}}');">{{label}}</crowdin-button>
+                                                    <textarea hidden id="{{key}}"></textarea>
+                                                    <input
+                                                        id="store_{{key}}"
+                                                        data-id="{{key}}"
+                                                        {{#if accept}}
+                                                            accept="{{accept}}"
+                                                        {{/if}}
+                                                        onchange="readFileData(event)"
+                                                        hidden
+                                                        type="{{type}}"
+                                                    >
+                                                    <div class="uploaded-file"><i>No file</i></div>
+                                                </div>
+                                            </div>
+                                        {{else}}
+                                            <crowdin-input
+                                                    id="{{key}}"
+                                                    label="{{label}}"
+                                                {{#if helpText}}
+                                                    help-text="{{helpText}}"
+                                                {{/if}}
+                                                {{#if helpTextHtml}}
+                                                    help-text-html="{{helpTextHtml}}"
+                                                {{/if}}
+                                                {{#if type}}
+                                                    type="{{type}}"
+                                                {{/if}}
+                                                    value="{{#if defaultValue}}{{defaultValue}}{{/if}}">
+                                            </crowdin-input>
+                                        {{/ifeq}}
+                                    {{/ifeq}}
+                                {{/ifeq}}
+                            {{/ifeq}}
+                        {{else}}
+                             {{#if labelHtml}}
+                                 <crowdin-p>{{{labelHtml}}}</crowdin-p>
+                             {{else}}
+                                 <crowdin-p>{{label}}</crowdin-p>
+                             {{/if}}
+                        {{/if}}
+                        <div style="padding: 8px"></div>
+                    {{/each}}
+                    </div>
+                <crowdin-button
+                    id="login-button"
+                    outlined icon-after="arrow_forward"
+                    {{#if oauthLogin}}
+                    onclick="oauthLogin()"
+                    {{else}}
+                    onclick="integrationLogin()"
+                    {{/if}}
+                >
+                    Log In With {{ name }}
+                </crowdin-button>
+            </crowdin-card>
+        </div>
+    </div>
+    <crowdin-toasts></crowdin-toasts>
+</body>
+<script type="text/javascript">
+    const loginButton = document.querySelector('#login-button');
+
+    function oauthLogin() {
+        {{#if oauthUrl}}
+        const url = '{{{ oauthUrl }}}';
+        {{else}}
+        const url = undefined;
+        {{/if}}
+        if (url) {
+            openOAuthPopup(url);
+            return;
+        }
+        loginButton.setAttribute('disabled', true);
+        loginButton.setAttribute('is-loading', true);
+        checkOrigin()
+            .then(queryParams =>
+                fetch(`api/oauth-url${queryParams}`, {
+                    method: 'POST',
+                    headers: { 'Content-Type': 'application/json' },
+                    body: JSON.stringify({ loginForm: getLoginForm() })
+                })
+            )
+            .then(checkResponse)
+            .then(res => openOAuthPopup(res.url))
+            .catch(e => {
+                loginButton.setAttribute('disabled', false);
+                loginButton.setAttribute('is-loading', false);
+                catchRejection(e, 'Can\'t get oauth token');
+            });
+    }
+
+    function openOAuthPopup(url) {
+        const oauthWindow = window.open(url, '{{ name }}', 'location=0,status=0,width=800,height=400');
+        postPromises['oauth_popup'] = {
+            resolve: (data) => {
+                if (data.error) {
+                    showToast(data.error);
+                    return;
+                }
+                integrationLogin({
+                    refreshToken: data.refreshToken,
+                    accessToken: data.accessToken,
+                    expireIn: data.expireIn,
+                    timestamp: data.timestamp
+                });
+            }
+        }
+    }
+
+    function integrationLogin(oauthCredentials) {
+        const credentials = oauthCredentials || getLoginForm();
+        loginButton.setAttribute('disabled', true);
+        loginButton.setAttribute('is-loading', true);
+        checkOrigin()
+            .then(queryParams =>
+                fetch(`api/login${queryParams}`, {
+                    method: 'POST',
+                    headers: { 'Content-Type': 'application/json' },
+                    body: JSON.stringify({ credentials })
+                })
+            )
+            .then(checkResponse)
+            .then(localStorage.removeItem('revised_{{name}}'))
+            .then(reloadLocation)
+            .catch(e => {
+                loginButton.setAttribute('disabled', false);
+                loginButton.setAttribute('is-loading', false);
+                catchRejection(e, 'Credentials are not stored');
+            });
+    }
+
+    function getLoginForm() {
+        return {
+            {{#each loginFields}}
+                {{#if key}}
+                    {{#ifeq type "checkbox"}}
+                        '{{key}}': !!document.querySelector('#{{key}}').checked,
+                    {{else}}
+                        '{{key}}': document.querySelector('#{{key}}').getAttribute('value') || document.querySelector('#{{key}}').value,
+                    {{/ifeq}}
+                {{/if}}
+            {{/each}}
+        };
+    }
+
+    function uploadFiles(id) {
+        const input = document.querySelector(`#store_${id}`);
+        input.value = '';
+        input.click();
+    }
+
+    function readFileData(event) {
+        const reader = new FileReader();
+        const identifier = event.target.getAttribute('data-id');
+        const fileName = document.querySelector('.uploaded-file');
+        const input = document.querySelector(`#${identifier}`);
+        const file = event.target.files[0];
+        fileName.innerText = file.name;
+
+        reader.onloadstart = function() {
+            loginButton.setAttribute('disabled', true);
+            loginButton.setAttribute('is-loading', true);
+        };
+        reader.onloadend = function() {
+            loginButton.setAttribute('disabled', false);
+            loginButton.setAttribute('is-loading', false);
+        };
+
+        reader.onload = () => {
+            input.value = reader.result;
+        };
+        reader.readAsText(file);
+    }
+
+</script>
+
+</html>