cozy-bar 8.4.2 → 8.4.3

package/transpiled/dom.js

@@ -1,84 +0,0 @@
-var APP_SELECTOR = '[role=application]'; // return an empty object by default to avoid checking existance
-
-var getAppNodeDataSet = function getAppNodeDataSet() {
-  var appNode = document.querySelector(APP_SELECTOR);
-  if (!appNode || !appNode.dataset) return {};
-  return appNode.dataset;
-};
-
-var getDefaultStackURL = function getDefaultStackURL(isPublic) {
-  var data = getAppNodeDataSet();
-
-  if (!data.cozyDomain) {
-    if (!isPublic) {
-      // eslint-disable-next-line no-console
-      console.warn("Cozy-bar can't discover the cozy's URL, and will probably fail to initialize the connection with the stack.");
-    }
-
-    return '';
-  }
-
-  var protocol = window.location.protocol;
-  return "".concat(protocol, "//").concat(data.cozyDomain);
-};
-
-var getDefaultToken = function getDefaultToken(isPublic) {
-  var data = getAppNodeDataSet();
-
-  if (!data.cozyToken) {
-    if (!isPublic) {
-      // eslint-disable-next-line no-console
-      console.warn("Cozy-bar can't discover the app's token, and will probably fail to initialize the connection with the stack.");
-    }
-
-    return '';
-  }
-
-  return data.cozyToken;
-};
-
-var getDefaultIcon = function getDefaultIcon() {
-  var linkNode = document.querySelector('link[rel="icon"][sizes^="32"]');
-
-  if (linkNode !== null) {
-    return linkNode.getAttribute('href');
-  } else {
-    return 'data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7';
-  }
-};
-
-var getAppNamePrefix = function getAppNamePrefix() {
-  var data = getAppNodeDataSet();
-  return data.cozyAppNamePrefix || null;
-};
-
-var getAppSlug = function getAppSlug() {
-  var data = getAppNodeDataSet();
-  return data.cozyAppSlug || null;
-};
-
-var getUserActionRequired = function getUserActionRequired() {
-  var meta = document.querySelector('meta[name=user-action-required]');
-  var data = meta && meta.dataset;
-
-  if (data) {
-    var title = data.title,
-        code = data.code,
-        detail = data.detail,
-        links = data.links;
-
-    if (code) {
-      // we suppose that at least code will always exist
-      return {
-        title: title,
-        code: code,
-        detail: detail,
-        links: links
-      };
-    }
-  }
-
-  return undefined;
-};
-
-export { getDefaultStackURL, getDefaultToken, getDefaultIcon, getAppNamePrefix, getAppSlug, getUserActionRequired, APP_SELECTOR };

package/transpiled/index.js

@@ -1,246 +0,0 @@
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-
-/* global __VERSION__ */
-import { isMobileApp } from 'cozy-device-helper';
-import stack from "./lib/stack";
-import { getLocale, onRealtimeCreate, onRealtimeDelete, setLocale, setInfos } from "./lib/reducers";
-import { createBarAPI, createBarProxiedAPI } from "./lib/api";
-import { getAppNamePrefix, getAppSlug, getDefaultIcon, getDefaultStackURL, getDefaultToken, getUserActionRequired, APP_SELECTOR } from "./dom";
-import enLocale from "./locales/en.json";
-import frLocale from "./locales/fr.json";
-import esLocale from "./locales/es.json";
-var locales = {
-  en: enLocale,
-  fr: frLocale,
-  es: esLocale
-};
-
-var createBarElement = function createBarElement() {
-  var targetName = isMobileApp() ? 'mobile' : 'browser';
-  var barNode = document.createElement('div');
-  barNode.setAttribute('id', 'coz-bar');
-  barNode.setAttribute('role', 'banner');
-  barNode.classList.add("coz-target--".concat(targetName));
-  return barNode;
-};
-
-var injectBarInDOM = function injectBarInDOM(data) {
-  if (document.getElementById('coz-bar') !== null) {
-    return;
-  }
-
-  var barNode = createBarElement();
-  var appNode = document.querySelector(APP_SELECTOR);
-
-  if (!appNode) {
-    // eslint-disable-next-line no-console
-    console.warn("Cozy-bar is looking for a \"".concat(APP_SELECTOR, "\" tag that contains your application and can't find it :'(\u2026 The BAR is now disabled"));
-    return null;
-  }
-
-  document.body.insertBefore(barNode, appNode); // method to put cozy-bar z-index on the top when Drawer visible and vice versa
-
-  data.onDrawer = function (visible) {
-    barNode.dataset.drawerVisible = visible;
-  }; // specific layout behaviour if banner displayed
-
-
-  if (data.userActionRequired) {
-    document.body.classList.add('has-banner');
-  }
-
-  return barNode;
-};
-
-var renderBar = function renderBar(barNode, options) {
-  // import React related modules on init only
-  var React = require('react');
-
-  var _require = require('react-dom'),
-      render = _require.render;
-
-  var _require2 = require('react-redux'),
-      connect = _require2.connect,
-      Provider = _require2.Provider;
-
-  var I18n = require("cozy-ui/transpiled/react/I18n").default;
-
-  var Bar = require("./components/Bar").default;
-
-  var CozyProvider = require('cozy-client').CozyProvider;
-
-  var cozyClient = options.cozyClient; // we connect the I18n component to the store to listen
-  // locale change from the api setLocale()
-
-  var EnhancedI18n = connect(function (state) {
-    return {
-      lang: getLocale(state)
-    };
-  })(I18n);
-  var barComponent = /*#__PURE__*/React.createElement(Provider, {
-    store: options.reduxStore
-  }, /*#__PURE__*/React.createElement(EnhancedI18n, {
-    dictRequire: function dictRequire(lang) {
-      return locales[lang];
-    }
-  }, cozyClient ? /*#__PURE__*/React.createElement(CozyProvider, {
-    client: cozyClient
-  }, /*#__PURE__*/React.createElement(Bar, options)) : /*#__PURE__*/React.createElement(Bar, options)));
-  render(barComponent, barNode); // for testing only
-
-  return barComponent;
-};
-
-var makeCozyClientAutomatically = function makeCozyClientAutomatically(_ref) {
-  var cozyURL = _ref.cozyURL,
-      token = _ref.token,
-      isPublic = _ref.isPublic;
-  var ccURI = cozyURL || getDefaultStackURL(isPublic);
-  var ccToken = token || getDefaultToken(isPublic);
-  var ccOptions = {
-    uri: ccURI,
-    token: ccToken
-  };
-
-  var CozyClient = require('cozy-client').default; // eslint-disable-next-line no-console
-
-
-  console.warn('Automatically made cozyClient. Options: ', ccOptions);
-  return new CozyClient(ccOptions);
-};
-
-var exposedAPI = {};
-/**
- * Initializes the cozy bar
- *
- * It can be initialized either with a cozyClient instance
- * or a { cozyURL, ssl, token } tupple.
- *
- * @function
- * @param {Object}  options
- * @param {string}  options.appName    - App name to be displayed in the bar
- * @param {string}  options.appNamePrefix
- * @param {string}  options.lang       - Language for the bar
- * @param {string}  options.iconPath   -
- * @param {Object}  options.cozyClient - a cozy client instance
- * @param {string}  options.cozyURL    - URL or domain of the stack
- * @param {boolean} options.ssl        - Tells if we should use a secure
- *                                   protocol required if cozyURL does
- *                                   not have a protocol
- * @param {string}  arg.token      - Access token for the stack
- * @param {boolean} arg.isPublic
- * @param {Function} arg.onLogout
- */
-
-var init = /*#__PURE__*/function () {
-  var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-    var _ref3,
-        appName,
-        _ref3$appNamePrefix,
-        appNamePrefix,
-        _ref3$appSlug,
-        appSlug,
-        lang,
-        _ref3$iconPath,
-        iconPath,
-        cozyClient,
-        cozyURL,
-        token,
-        _ref3$replaceTitleOnM,
-        replaceTitleOnMobile,
-        _ref3$isPublic,
-        isPublic,
-        onLogOut,
-        getOrCreateStore,
-        reduxStore,
-        apiMethods,
-        options,
-        barNode,
-        _args = arguments;
-
-    return _regeneratorRuntime.wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            _ref3 = _args.length > 0 && _args[0] !== undefined ? _args[0] : {}, appName = _ref3.appName, _ref3$appNamePrefix = _ref3.appNamePrefix, appNamePrefix = _ref3$appNamePrefix === void 0 ? getAppNamePrefix() : _ref3$appNamePrefix, _ref3$appSlug = _ref3.appSlug, appSlug = _ref3$appSlug === void 0 ? getAppSlug() : _ref3$appSlug, lang = _ref3.lang, _ref3$iconPath = _ref3.iconPath, iconPath = _ref3$iconPath === void 0 ? getDefaultIcon() : _ref3$iconPath, cozyClient = _ref3.cozyClient, cozyURL = _ref3.cozyURL, token = _ref3.token, _ref3$replaceTitleOnM = _ref3.replaceTitleOnMobile, replaceTitleOnMobile = _ref3$replaceTitleOnM === void 0 ? false : _ref3$replaceTitleOnM, _ref3$isPublic = _ref3.isPublic, isPublic = _ref3$isPublic === void 0 ? false : _ref3$isPublic, onLogOut = _ref3.onLogOut;
-
-            // Force public mode in `/public` URLs
-            if (!isPublic && /^\/public/.test(window.location.pathname)) {
-              isPublic = true;
-            }
-
-            if (!cozyClient) {
-              cozyClient = makeCozyClientAutomatically({
-                cozyURL: cozyURL,
-                token: token,
-                isPublic: isPublic
-              });
-            } // store
-
-
-            getOrCreateStore = require("./lib/store").default;
-            reduxStore = getOrCreateStore();
-            reduxStore.dispatch(setInfos(appName, appNamePrefix, appSlug));
-            stack.init({
-              cozyClient: cozyClient,
-              onCreate: function onCreate(data) {
-                return reduxStore.dispatch(onRealtimeCreate(data));
-              },
-              onDelete: function onDelete(data) {
-                return reduxStore.dispatch(onRealtimeDelete(data));
-              }
-            });
-
-            if (lang) {
-              reduxStore.dispatch(setLocale(lang));
-            } // Assign all api methods to the bar object
-
-
-            apiMethods = createBarAPI(reduxStore);
-            Object.assign(exposedAPI, apiMethods);
-            options = {
-              appName: appName,
-              appNamePrefix: appNamePrefix,
-              appSlug: appSlug,
-              cozyClient: cozyClient,
-              iconPath: iconPath,
-              replaceTitleOnMobile: replaceTitleOnMobile,
-              isPublic: isPublic,
-              onLogOut: onLogOut,
-              userActionRequired: getUserActionRequired(),
-              reduxStore: reduxStore
-            };
-            barNode = injectBarInDOM(options);
-            renderBar(barNode, options);
-
-          case 13:
-          case "end":
-            return _context.stop();
-        }
-      }
-    }, _callee);
-  }));
-
-  return function init() {
-    return _ref2.apply(this, arguments);
-  };
-}();
-
-var updateAccessToken = function updateAccessToken(accessToken) {
-  stack.updateAccessToken(accessToken);
-};
-
-var proxiedAPI = createBarProxiedAPI(exposedAPI);
-var setBarCenter = proxiedAPI.setBarCenter,
-    setBarLeft = proxiedAPI.setBarLeft,
-    setBarRight = proxiedAPI.setBarRight,
-    setBarSearch = proxiedAPI.setBarSearch,
-    BarCenter = proxiedAPI.BarCenter,
-    BarRight = proxiedAPI.BarRight,
-    BarLeft = proxiedAPI.BarLeft,
-    BarSearch = proxiedAPI.BarSearch,
-    setTheme = proxiedAPI.setTheme,
-    setWebviewContext = proxiedAPI.setWebviewContext;
-var version = "\"0.0.0-development\"";
-export { init, version, setBarCenter, setBarLeft, setBarRight, setBarSearch, BarLeft, BarRight, BarCenter, BarSearch, setTheme, setWebviewContext, setLocale, updateAccessToken };

package/transpiled/index.spec.jsx

@@ -1,34 +0,0 @@
-import CozyClient from 'cozy-client'
-import jestFetchMock from 'jest-fetch-mock'
-
-import * as cozyBar from './index'
-
-describe('init', () => {
-  beforeAll(() => {
-    global.fetch = jestFetchMock
-  })
-
-  beforeEach(() => {
-    jest.spyOn(console, 'error')
-    const div = document.createElement('div')
-    div.setAttribute('role', 'application')
-    document.body.appendChild(div)
-  })
-
-  afterEach(() => {
-    // eslint-disable-next-line no-console
-    console.error.mockRestore()
-  })
-
-  it('should init the bar', () => {
-    const client = new CozyClient({})
-    cozyBar.init({
-      appName: 'App',
-      cozyClient: client,
-      lang: 'fr'
-    })
-    cozyBar.setBarCenter('Page title')
-    // eslint-disable-next-line no-console
-    expect(console.error).not.toHaveBeenCalled()
-  })
-})

package/transpiled/lib/api/helpers.js

@@ -1,12 +0,0 @@
-export var locations = ['left', 'center', 'right', 'search'];
-
-var upperFirstLetter = function upperFirstLetter(val) {
-  return val[0].toUpperCase() + val.slice(1);
-};
-
-export var getJsApiName = function getJsApiName(location) {
-  return "setBar".concat(upperFirstLetter(location));
-};
-export var getReactApiName = function getReactApiName(location) {
-  return "Bar".concat(upperFirstLetter(location));
-};

package/transpiled/lib/api/index.js

@@ -1,175 +0,0 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
-
-import React, { Component } from 'react';
-import { setContent as _setContent, unsetContent as _unsetContent, setLocale, setTheme, setWebviewContext } from "../reducers";
-import { locations, getJsApiName, getReactApiName } from "./helpers"; // The React API need unique IDs, so we will increment this variable
-
-var idToIncrement = 0;
-/**
- * Wraps argument into a React element if it is a string. Is used
- * for setBar{Left,Right,Center} to be able to pass HTML
- *
- * @param  {ReactElement|string} v
- * @return {ReactElement}
- */
-
-var wrapInElement = function wrapInElement(v) {
-  if (typeof v === 'string') {
-    return /*#__PURE__*/React.createElement("span", {
-      dangerouslySetInnerHTML: {
-        __html: v
-      }
-    });
-  } else {
-    return v;
-  }
-};
-/**
- * Creates a React component that enables to access store
- * properties in a declarative way.
- *
- * @param  {BarStore} store
- */
-
-
-var barContentComponent = function barContentComponent(store, location) {
-  return /*#__PURE__*/function (_Component) {
-    _inherits(BarContent, _Component);
-
-    var _super = _createSuper(BarContent);
-
-    function BarContent() {
-      _classCallCheck(this, BarContent);
-
-      return _super.apply(this, arguments);
-    }
-
-    _createClass(BarContent, [{
-      key: "componentDidMount",
-      value: function componentDidMount() {
-        this.componentId = idToIncrement++;
-        this.setContent(this.props.children);
-      }
-    }, {
-      key: "setContent",
-      value: function setContent(content) {
-        try {
-          content = React.Children.only(content); // eslint-disable-next-line no-empty
-        } catch (e) {}
-
-        store.dispatch(_setContent(location, content, this.componentId));
-      }
-    }, {
-      key: "unsetContent",
-      value: function unsetContent() {
-        store.dispatch(_unsetContent(location, this.componentId));
-      }
-    }, {
-      key: "componentWillUnmount",
-      value: function componentWillUnmount() {
-        this.unsetContent();
-      }
-    }, {
-      key: "componentDidUpdate",
-      value: function componentDidUpdate(prevProps) {
-        if (this.props.children !== prevProps.children) {
-          this.setContent(this.props.children);
-        }
-      }
-    }, {
-      key: "render",
-      value: function render() {
-        return null;
-      }
-    }]);
-
-    return BarContent;
-  }(Component);
-};
-/**
- * Creates a public API
- *
- * - getters/setters for public attributes
- * - React components that act as getters/setters
- *
- * @param  {ReduxStore} store - Store on which the API will act
- * @return {object} - Methods of the public API
- */
-
-
-export var createBarAPI = function createBarAPI(store) {
-  // setBar{Left,Right,Center} and <Bar{Left,Right,Center} />
-  var methods = {};
-  locations.forEach(function (location) {
-    // expose JS API
-    methods[getJsApiName(location)] = function (value) {
-      return store.dispatch(_setContent(location, wrapInElement(value), 'js'));
-    }; // expose React API
-
-
-    methods[getReactApiName(location)] = barContentComponent(store, location);
-  });
-
-  methods.setLocale = function () {
-    store.dispatch(setLocale.apply(void 0, arguments));
-  };
-
-  methods.setTheme = function () {
-    store.dispatch(setTheme.apply(void 0, arguments));
-  };
-
-  methods.setWebviewContext = function () {
-    store.dispatch(setWebviewContext.apply(void 0, arguments));
-  };
-
-  return methods;
-}; // Handle exceptions for API before init
-
-var showAPIError = function showAPIError(name) {
-  // eslint-disable-next-line no-console
-  console.error("You tried to use the CozyBar API (".concat(name, ") but the CozyBar is not initialised yet via cozy.bar.init(...)."));
-};
-
-var makeProxyMethodToAPI = function makeProxyMethodToAPI(exposedAPI, fnName) {
-  return function () {
-    if (exposedAPI[fnName]) {
-      return exposedAPI[fnName].apply(exposedAPI, arguments);
-    } else {
-      showAPIError(fnName);
-    }
-  };
-};
-/** Creates an API that swallows error until bar is correctly initialized */
-
-
-export var createBarProxiedAPI = function createBarProxiedAPI(exposedAPI) {
-  var apiReferences = {};
-  locations.forEach(function (location) {
-    var jsAPIName = getJsApiName(location);
-    var reactAPIName = getReactApiName(location);
-    apiReferences[jsAPIName] = makeProxyMethodToAPI(exposedAPI, jsAPIName);
-
-    apiReferences[reactAPIName] = function (props) {
-      if (exposedAPI[reactAPIName]) {
-        return React.createElement(exposedAPI[reactAPIName], props);
-      } else {
-        showAPIError(reactAPIName);
-      }
-    };
-  });
-
-  for (var _i = 0, _arr = ['setLocale', 'setTheme', 'setWebviewContext']; _i < _arr.length; _i++) {
-    var fnName = _arr[_i];
-    apiReferences[fnName] = makeProxyMethodToAPI(exposedAPI, fnName);
-  }
-
-  return apiReferences;
-};