New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More →
Socket
Sign inDemoInstall
Socket
Sign inDemoInstall

frint-compat

Package Overview
Dependencies
Maintainers
6
Versions
57
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

frint-compat - npm Package Compare versions

Comparing version 2.8.1 to 2.9.0-alpha.2d26e4d7

lib/index.spec.js

938

dist/frint-compat.js

@@ -64,3 +64,3 @@ this["FrintCompat"] =

/******/ // Load entry module and return exports
/******/ return __webpack_require__(__webpack_require__.s = 4);
/******/ return __webpack_require__(__webpack_require__.s = 0);
/******/ })

@@ -70,20 +70,2 @@ /************************************************************************/

/* 0 */
/***/ (function(module, exports) {
(function() { module.exports = this["_"]; }());
/***/ }),
/* 1 */
/***/ (function(module, exports) {
(function() { module.exports = this["React"]; }());
/***/ }),
/* 2 */
/***/ (function(module, exports) {
(function() { module.exports = this["FrintReact"]; }());
/***/ }),
/* 3 */
/***/ (function(module, exports, __webpack_require__) {

@@ -97,920 +79,6 @@

});
exports.default = createService;
exports.default = {};
module.exports = exports["default"];
var _lodash = __webpack_require__(0);
var _lodash2 = _interopRequireDefault(_lodash);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } /* eslint-disable no-console */
function createService() {
var extend = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
console.warn('[DEPRECATED] `createService` has been deprecated. Use `createClass` or direct ES6 classes instead.');
var Service = function Service() {
var _this = this;
var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
_classCallCheck(this, Service);
if (!options.app) {
throw new Error('App instance not provided.');
}
this.app = options.app;
_lodash2.default.merge(this, extend);
Object.keys(this).filter(function (prop) {
return _this[prop] instanceof Function;
}).forEach(function (prop) {
_this[prop] = _this[prop].bind(_this);
});
if (typeof this.initialize === 'function') {
this.initialize(options);
}
};
return Service;
}
module.exports = exports['default'];
/***/ }),
/* 4 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
var _frint = __webpack_require__(5);
var _frint2 = _interopRequireDefault(_frint);
var _frintStore = __webpack_require__(6);
var _frintStore2 = _interopRequireDefault(_frintStore);
var _frintModel = __webpack_require__(7);
var _frintModel2 = _interopRequireDefault(_frintModel);
var _frintReact = __webpack_require__(2);
var _frintReact2 = _interopRequireDefault(_frintReact);
var _extendApp = __webpack_require__(8);
var _extendApp2 = _interopRequireDefault(_extendApp);
var _extendStore = __webpack_require__(9);
var _extendStore2 = _interopRequireDefault(_extendStore);
var _createComponent = __webpack_require__(10);
var _createComponent2 = _interopRequireDefault(_createComponent);
var _PropTypes = __webpack_require__(12);
var _PropTypes2 = _interopRequireDefault(_PropTypes);
var _h = __webpack_require__(14);
var _h2 = _interopRequireDefault(_h);
var _createFactory = __webpack_require__(15);
var _createFactory2 = _interopRequireDefault(_createFactory);
var _createService = __webpack_require__(3);
var _createService2 = _interopRequireDefault(_createService);
var _mapToProps = __webpack_require__(16);
var _mapToProps2 = _interopRequireDefault(_mapToProps);
var _getMountableComponent = __webpack_require__(18);
var _getMountableComponent2 = _interopRequireDefault(_getMountableComponent);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
// store
_frint2.default.createStore = _frintStore2.default.createStore; /* eslint-disable no-console */
_frint2.default.combineReducers = _frintStore2.default.combineReducers;
_frint2.default.Store = _frintStore2.default.Store;
// model
_frint2.default.createModel = _frintModel2.default.createModel;
_frint2.default.Model = _frintModel2.default.Model;
// react
_frint2.default.createComponent = _createComponent2.default;
_frint2.default.h = _h2.default;
_frint2.default.PropTypes = _PropTypes2.default;
_frint2.default.render = _frintReact2.default.render;
_frint2.default.Region = _frintReact2.default.Region;
_frint2.default.observe = _frintReact2.default.observe;
_frint2.default.streamProps = _frintReact2.default.streamProps;
_frint2.default.getMountableComponent = _frintReact2.default.getMountableComponent;
// backwards compatibility
_frint2.default.createFactory = _createFactory2.default;
_frint2.default.createService = _createService2.default;
_frint2.default.mapToProps = (0, _mapToProps2.default)(_frint2.default);
(0, _extendApp2.default)(_frint2.default, _frintStore2.default, _frintReact2.default);
(0, _extendStore2.default)(_frintStore2.default);
_frint2.default.getMountableComponent = (0, _getMountableComponent2.default)(_frint2.default);
_frintReact2.default.getMountableComponent = _frint2.default.getMountableComponent;
// export
exports.default = _frint2.default;
module.exports = exports['default'];
/***/ }),
/* 5 */
/***/ (function(module, exports) {
(function() { module.exports = this["Frint"]; }());
/***/ }),
/* 6 */
/***/ (function(module, exports) {
(function() { module.exports = this["FrintStore"]; }());
/***/ }),
/* 7 */
/***/ (function(module, exports) {
(function() { module.exports = this["FrintModel"]; }());
/***/ }),
/* 8 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = extendApp;
var _lodash = __webpack_require__(0);
var _lodash2 = _interopRequireDefault(_lodash);
var _react = __webpack_require__(1);
var _react2 = _interopRequireDefault(_react);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
/* global window */
/* eslint-disable no-console, import/no-extraneous-dependencies */
function extendApp(Frint, FrintStore, FrintReact) {
var App = Frint.App;
var createStore = FrintStore.createStore;
var getMountableComponent = FrintReact.getMountableComponent;
var previousGetRootApp = App.prototype.getRootApp;
App.prototype.getRootApp = function getRootApp() {
if (typeof window !== 'undefined' && typeof window.app !== 'undefined') {
return window.app;
}
return previousGetRootApp.bind(this)();
};
var previousRegisterRootProviders = App.prototype._registerRootProviders;
App.prototype._registerRootProviders = function _registerRootProviders() {
previousRegisterRootProviders.bind(this)();
this._backwardsCompatibility();
};
App.prototype._backwardsCompatibility = function _backwardsCompatibility() {
var _this = this;
this.readableAppNames = [];
var enableLogger = typeof this.options.enableLogger !== 'undefined' ? this.options.enableLogger : true;
// backwards compatibility: component
if (typeof this.options.component !== 'undefined') {
console.warn('[DEPRECATED] `component` now needs to be defined as a provider.');
this.options.providers.push({
name: 'component',
useValue: this.options.component,
cascade: false
});
}
// backwards compatibility: store
if (typeof this.options.store !== 'undefined') {
console.warn('[DEPRECATED] `options.store` has been deprecated. Use `providers` for defining your Store instead.');
this.options.providers.push({
name: 'store',
useValue: this.options.store,
cascade: false
});
} else if (typeof this.options.reducer === 'function') {
console.warn('[DEPRECATED] `options.reducer` has been deprecated. Use `providers` for defining your Store instead.');
this.options.providers.push({
name: 'store',
useFactory: function useFactory(deps) {
var Store = createStore({
initialState: _this.options.initialState ? _this.options.initialState : {},
reducer: _this.options.reducer,
thunkArgument: deps,
enableLogger: enableLogger
});
return new Store();
},
cascade: false,
deps: ['app']
});
} else if (typeof this.options.initialState !== 'undefined') {
console.warn('[DEPRECATED] `options.initialState` has been deprecated. Use `providers` for defining your Store instead.');
this.options.providers.push({
name: 'store',
useFactory: function useFactory(deps) {
var Store = createStore({
initialState: _this.options.initialState ? _this.options.initialState : {},
thunkArgument: deps,
enableLogger: enableLogger
});
return new Store();
},
cascade: false,
deps: ['app']
});
}
// backwards compatibility: models
if (typeof this.options.models !== 'undefined') {
console.warn('[DEPRECATED] `options.models` has been deprecated. Use `providers` instead.');
_lodash2.default.each(this.options.models, function (ModelClass, modelName) {
if (typeof ModelClass !== 'function') {
throw new Error('Expected model class \'' + modelName + '\' to be a valid Model class');
}
_this.options.providers.push({
name: modelName,
useValue: new ModelClass(_this.options.modelAttributes[modelName]),
cascade: true
});
});
}
// backwards compatibility: services
if (typeof this.options.services !== 'undefined') {
console.warn('[DEPRECATED] `options.services` has been deprecated. Use `providers` instead.');
_lodash2.default.each(this.options.services, function (ServiceClass, serviceName) {
_this.options.providers.push({
name: serviceName,
useClass: ServiceClass,
deps: ['app'],
cascade: true
});
});
}
// backwards compatibility: factories
if (typeof this.options.factories !== 'undefined') {
console.warn('[DEPRECATED] `options.factories` has been deprecated. Use `providers` instead.');
_lodash2.default.each(this.options.factories, function (FactoryClass, factoryName) {
_this.options.providers.push({
name: factoryName,
useClass: FactoryClass,
deps: ['app'],
cascade: true,
scoped: true
});
});
}
};
App.prototype.getState$ = function getState$() {
var appName = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
console.warn('[DEPRECATED] `getState$` has been deprecated. Access your store via `get` instead.');
var app = appName ? this._getAppByName(appName) : this;
if (!app) {
return null;
}
var store = app.get('store');
if (!store) {
return null;
}
return store.getState$();
};
App.prototype.dispatch = function dispatch(action) {
console.warn('[DEPRECATED] `dispatch` has been deprecated. Access your store via `get` instead.');
return this.get('store').dispatch(action);
};
App.prototype.render = function render() {
for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
console.warn('[DEPRECATED] `render` has been deprecated.');
var Component = getMountableComponent(this);
return function () {
return _react2.default.createElement(Component, args);
};
};
App.prototype._getAppByName = function _getAppByName() {
var appName = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
if (!appName) {
return this;
}
var rootApp = this.getRootApp();
if (!rootApp) {
return null;
}
var foundApp = _lodash2.default.find(rootApp._appsCollection, function (w) {
return w.name === appName;
});
if (!foundApp) {
return null;
}
return foundApp.instances.default;
};
App.prototype.getStore = function getStore() {
var appName = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
console.warn('[DEPRECATED] `getStore` has been deprecated. Use `get` instead.');
if (!appName) {
return this.container.get(this.options.providerNames.store);
}
var w = this._getAppByName(appName);
if (!w) {
return null;
}
return w.getStore();
};
App.prototype.getModel = function getModel(name) {
console.warn('[DEPRECATED] `getModel` has been deprecated. Use `get` instead.');
return this.get(name);
};
App.prototype.getService = function getService(name) {
console.warn('[DEPRECATED] `getService` has been deprecated. Use `get` instead.');
return this.get(name);
};
App.prototype.getFactory = function getFactory(name) {
console.warn('[DEPRECATED] `getFactory` has been deprecated. Use `get` instead.');
return this.get(name);
};
App.prototype.setRegion = function setRegion(region) {
console.warn('[DEPRECATED] `setRegion` has been deprecated. Use `registerApp` instead.');
return this.setRegions([region]);
};
App.prototype.setRegions = function setRegions() {
var regions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
console.warn('[DEPRECATED] `setRegions` has been deprecated. Use `registerApp` instead.');
var rootApp = this.getRootApp();
if (!rootApp || this === rootApp) {
throw new Error('No root app instance available');
}
rootApp._appsCollection.push({
name: this.options.name,
regions: regions,
instances: {
default: this
}
});
rootApp._apps$.next(rootApp._appsCollection);
};
App.prototype.getWidgets = function getWidgets() {
var regionName = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
console.warn('[DEPRECATED] `getWidgets` has been deprecated. Use `getApps$` instead.');
return this.getRootApp()._appsCollection.filter(function (w) {
if (!regionName) {
return true;
}
return w.regions.indexOf(regionName) > -1;
}).map(function (w) {
return w.instances.default;
});
};
App.prototype.readStateFrom = function readStateFrom() {
var appNames = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
console.log('[DEPRECATED] `readStateFrom` has been deprecated.');
this.options.readableApps = appNames;
};
['beforeMount', 'afterMount', 'beforeUnmount'].forEach(function (hookName) {
App.prototype[hookName] = function lifecycleHook() {
var providedHook = this.options[hookName];
var hook = typeof providedHook === 'function' ? providedHook : function noop() {};
this[hookName] = hook.bind(this);
return this[hookName].apply(this, arguments);
};
});
}
module.exports = exports['default'];
/***/ }),
/* 9 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = extendStore;
function extendStore(_ref) {
var Store = _ref.Store;
Store.prototype.subscribe = function subscribe(callback) {
this.options.console.warn('[DEPRECATED] `Store.subscribe` has been deprecated, and kept for consistency purpose only with v0.x');
var subscription = this.getState$().subscribe(function (state) {
callback(state);
});
return function unsubscribe() {
subscription.unsubscribe();
};
};
}
module.exports = exports['default'];
/***/ }),
/* 10 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
exports.default = createComponent;
var _react = __webpack_require__(1);
var _react2 = _interopRequireDefault(_react);
var _reactDom = __webpack_require__(11);
var _reactDom2 = _interopRequireDefault(_reactDom);
var _lodash = __webpack_require__(0);
var _lodash2 = _interopRequireDefault(_lodash);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } /* eslint-disable import/no-extraneous-dependencies */
/**
* Module that specifies the createComponent function for creating Components.
*
* @module src/createComponent.js
*/
/**
* Creates a component to be used in the application.
*
* @function createComponent
* @param {Object} options Specify the options to be used in this component,
* the supported members are the render method, and lifecycle event handlers.
* @return {ReactClass} The created component object.
* @public
*/
function createComponent() {
var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
if (!options.render || typeof options.render !== 'function') {
throw new Error('Component ' + options.name + ' missing required method: render');
}
var GeneratedComponent = function (_React$Component) {
_inherits(GeneratedComponent, _React$Component);
function GeneratedComponent() {
var _ref;
_classCallCheck(this, GeneratedComponent);
for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
var _this = _possibleConstructorReturn(this, (_ref = GeneratedComponent.__proto__ || Object.getPrototypeOf(GeneratedComponent)).call.apply(_ref, [this].concat(args)));
_lodash2.default.each(options, function (v, k) {
_this[k] = v;
if (typeof _this[k] === 'function') {
_this[k].bind(_this);
}
});
return _this;
}
_createClass(GeneratedComponent, [{
key: 'componentWillMount',
value: function componentWillMount() {
if (typeof options.beforeMount === 'function') {
return options.beforeMount.call(this);
}
return null;
}
}, {
key: 'componentDidMount',
value: function componentDidMount() {
if (typeof options.afterMount === 'function') {
return options.afterMount.call(this);
}
return null;
}
}, {
key: 'componentWillUnmount',
value: function componentWillUnmount() {
if (typeof options.beforeUnmount === 'function') {
options.beforeUnmount.call(this);
}
}
/**
* Returns the root HTML element of the component.
*
* @method getDOMElement
* @return {HTMLElement|null} Returns the component's root HTML Node.
* @public
*/
}, {
key: 'getDOMElement',
value: function getDOMElement() {
return _reactDom2.default.findDOMNode(this);
}
}]);
return GeneratedComponent;
}(_react2.default.Component);
GeneratedComponent.displayName = options.displayName ? options.displayName : options.name || 'GeneratedComponent';
return GeneratedComponent;
}
module.exports = exports['default'];
/***/ }),
/* 11 */
/***/ (function(module, exports) {
(function() { module.exports = this["ReactDOM"]; }());
/***/ }),
/* 12 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
var _propTypes = __webpack_require__(13);
var _propTypes2 = _interopRequireDefault(_propTypes);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
exports.default = _propTypes2.default; /* eslint-disable import/no-extraneous-dependencies */
module.exports = exports['default'];
/***/ }),
/* 13 */
/***/ (function(module, exports) {
(function() { module.exports = this["PropTypes"]; }());
/***/ }),
/* 14 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
var _react = __webpack_require__(1);
var _react2 = _interopRequireDefault(_react);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
exports.default = _react2.default.createElement; /* eslint-disable import/no-extraneous-dependencies */
module.exports = exports['default'];
/***/ }),
/* 15 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = createFactory;
var _createService = __webpack_require__(3);
var _createService2 = _interopRequireDefault(_createService);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } /* eslint-disable no-console */
// creation of Service and Factory classes are same as of this point
function createFactory() {
var extend = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
console.warn('[DEPRECATED] `createFactory` has been deprecated. Use `createClass` or direct ES6 classes instead.');
var Service = (0, _createService2.default)(extend);
var Factory = function (_Service) {
_inherits(Factory, _Service);
function Factory() {
_classCallCheck(this, Factory);
return _possibleConstructorReturn(this, (Factory.__proto__ || Object.getPrototypeOf(Factory)).apply(this, arguments));
}
return Factory;
}(Service);
return Factory;
}
module.exports = exports['default'];
/***/ }),
/* 16 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; /* eslint-disable no-console */
exports.default = makeMapToProps;
var _lodash = __webpack_require__(0);
var _lodash2 = _interopRequireDefault(_lodash);
var _rxjs = __webpack_require__(17);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
function makeMapToProps(_ref) {
var observe = _ref.observe,
streamProps = _ref.streamProps;
return function mapToProps() {
var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
console.warn('[DEPRECATED] `mapToProps` has been deprecated. Use `observe` instead.');
var options = _extends({
app: null,
dispatch: {},
factories: {},
models: {},
services: {},
shared: null,
state: null,
observe: null
}, opts);
return function (Component) {
return observe(function (app) {
var props = streamProps();
// app
if (typeof options.app === 'function') {
props.set(options.app(app));
}
// dispatch
props.setDispatch(options.dispatch, app.get('store'));
// factories/models/services
var providers = Object.assign({}, options.factories, options.models, options.services);
_lodash2.default.each(providers, function (providerName, propName) {
props.set(propName, app.get(providerName));
});
// shared
if (typeof options.shared === 'function') {
props.set(options.shared({}));
var sharedStateObservables = [];
var readableApps = app.options.readableApps || [];
readableApps.forEach(function (readableAppName) {
sharedStateObservables.push(app.getAppOnceAvailable$(readableAppName).concatMap(function (readableApp) {
return readableApp.get('store').getState$();
}).map(function (readableState) {
return _defineProperty({}, readableAppName, readableState);
}));
});
var shared$ = _rxjs.Observable.merge.apply(_rxjs.Observable, sharedStateObservables).map(function (sharedState) {
return options.shared(sharedState);
});
props.set(shared$);
}
// state
if (typeof options.state === 'function') {
props.set(app.get('store').getState$(), function (state) {
return options.state(state);
});
}
// observe
if (typeof options.observe === 'function') {
props.set(options.observe(app));
}
return props.get$();
})(Component);
};
};
}
module.exports = exports['default'];
/***/ }),
/* 17 */
/***/ (function(module, exports) {
(function() { module.exports = this["Rx"]; }());
/***/ }),
/* 18 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
exports.default = makeGetMountableComponent;
var _react = __webpack_require__(1);
var _react2 = _interopRequireDefault(_react);
var _frintReact = __webpack_require__(2);
var _frintReact2 = _interopRequireDefault(_frintReact);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } /* eslint-disable import/no-extraneous-dependencies, class-methods-use-this */
function makeGetMountableComponent(Frint) {
var previousGetMountableComponent = Frint.getMountableComponent;
function getMountableComponent(app) {
var ComponentInProvider = previousGetMountableComponent(app);
app.beforeMount();
var WrapperComponent = function (_React$Component) {
_inherits(WrapperComponent, _React$Component);
function WrapperComponent() {
_classCallCheck(this, WrapperComponent);
return _possibleConstructorReturn(this, (WrapperComponent.__proto__ || Object.getPrototypeOf(WrapperComponent)).apply(this, arguments));
}
_createClass(WrapperComponent, [{
key: 'componentDidMount',
value: function componentDidMount() {
app.afterMount();
}
}, {
key: 'componentWillUnmount',
value: function componentWillUnmount() {
app.beforeUnmount();
}
}, {
key: 'render',
value: function render() {
return _react2.default.createElement(ComponentInProvider, this.props);
}
}]);
return WrapperComponent;
}(_react2.default.Component);
return WrapperComponent;
}
_frintReact2.default.getMountableComponent = getMountableComponent;
Frint.getMountableComponent = getMountableComponent;
return getMountableComponent;
}
module.exports = exports['default'];
/***/ })
/******/ ]);

2

dist/frint-compat.min.js

@@ -1,1 +0,1 @@

this.FrintCompat=function(e){function t(o){if(n[o])return n[o].exports;var r=n[o]={i:o,l:!1,exports:{}};return e[o].call(r.exports,r,r.exports,t),r.l=!0,r.exports}var n={};return t.m=e,t.c=n,t.d=function(e,n,o){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:o})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="",t(t.s=4)}([function(e,t){!function(){e.exports=this._}()},function(e,t){!function(){e.exports=this.React}()},function(e,t){!function(){e.exports=this.FrintReact}()},function(e,t,n){"use strict";function o(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function r(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return console.warn("[DEPRECATED] `createService` has been deprecated. Use `createClass` or direct ES6 classes instead."),function t(){var n=this,r=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if(o(this,t),!r.app)throw new Error("App instance not provided.");this.app=r.app,a.default.merge(this,e),Object.keys(this).filter(function(e){return n[e]instanceof Function}).forEach(function(e){n[e]=n[e].bind(n)}),"function"==typeof this.initialize&&this.initialize(r)}}Object.defineProperty(t,"__esModule",{value:!0}),t.default=r;var i=n(0),a=function(e){return e&&e.__esModule?e:{default:e}}(i);e.exports=t.default},function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var r=n(5),i=o(r),a=n(6),s=o(a),u=n(7),c=o(u),p=n(2),f=o(p),l=n(8),d=o(l),h=n(9),b=o(h),v=n(10),y=o(v),g=n(12),m=o(g),E=n(14),_=o(E),w=n(15),P=o(w),M=n(3),C=o(M),D=n(16),O=o(D),A=n(18),R=o(A);i.default.createStore=s.default.createStore,i.default.combineReducers=s.default.combineReducers,i.default.Store=s.default.Store,i.default.createModel=c.default.createModel,i.default.Model=c.default.Model,i.default.createComponent=y.default,i.default.h=_.default,i.default.PropTypes=m.default,i.default.render=f.default.render,i.default.Region=f.default.Region,i.default.observe=f.default.observe,i.default.streamProps=f.default.streamProps,i.default.getMountableComponent=f.default.getMountableComponent,i.default.createFactory=P.default,i.default.createService=C.default,i.default.mapToProps=(0,O.default)(i.default),(0,d.default)(i.default,s.default,f.default),(0,b.default)(s.default),i.default.getMountableComponent=(0,R.default)(i.default),f.default.getMountableComponent=i.default.getMountableComponent,t.default=i.default,e.exports=t.default},function(e,t){!function(){e.exports=this.Frint}()},function(e,t){!function(){e.exports=this.FrintStore}()},function(e,t){!function(){e.exports=this.FrintModel}()},function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{default:e}}function r(e,t,n){var o=e.App,r=t.createStore,i=n.getMountableComponent,s=o.prototype.getRootApp;o.prototype.getRootApp=function(){return"undefined"!=typeof window&&void 0!==window.app?window.app:s.bind(this)()};var c=o.prototype._registerRootProviders;o.prototype._registerRootProviders=function(){c.bind(this)(),this._backwardsCompatibility()},o.prototype._backwardsCompatibility=function(){var e=this;this.readableAppNames=[];var t=void 0===this.options.enableLogger||this.options.enableLogger;void 0!==this.options.component&&(console.warn("[DEPRECATED] `component` now needs to be defined as a provider."),this.options.providers.push({name:"component",useValue:this.options.component,cascade:!1})),void 0!==this.options.store?(console.warn("[DEPRECATED] `options.store` has been deprecated. Use `providers` for defining your Store instead."),this.options.providers.push({name:"store",useValue:this.options.store,cascade:!1})):"function"==typeof this.options.reducer?(console.warn("[DEPRECATED] `options.reducer` has been deprecated. Use `providers` for defining your Store instead."),this.options.providers.push({name:"store",useFactory:function(n){return new(r({initialState:e.options.initialState?e.options.initialState:{},reducer:e.options.reducer,thunkArgument:n,enableLogger:t}))},cascade:!1,deps:["app"]})):void 0!==this.options.initialState&&(console.warn("[DEPRECATED] `options.initialState` has been deprecated. Use `providers` for defining your Store instead."),this.options.providers.push({name:"store",useFactory:function(n){return new(r({initialState:e.options.initialState?e.options.initialState:{},thunkArgument:n,enableLogger:t}))},cascade:!1,deps:["app"]})),void 0!==this.options.models&&(console.warn("[DEPRECATED] `options.models` has been deprecated. Use `providers` instead."),a.default.each(this.options.models,function(t,n){if("function"!=typeof t)throw new Error("Expected model class '"+n+"' to be a valid Model class");e.options.providers.push({name:n,useValue:new t(e.options.modelAttributes[n]),cascade:!0})})),void 0!==this.options.services&&(console.warn("[DEPRECATED] `options.services` has been deprecated. Use `providers` instead."),a.default.each(this.options.services,function(t,n){e.options.providers.push({name:n,useClass:t,deps:["app"],cascade:!0})})),void 0!==this.options.factories&&(console.warn("[DEPRECATED] `options.factories` has been deprecated. Use `providers` instead."),a.default.each(this.options.factories,function(t,n){e.options.providers.push({name:n,useClass:t,deps:["app"],cascade:!0,scoped:!0})}))},o.prototype.getState$=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null;console.warn("[DEPRECATED] `getState$` has been deprecated. Access your store via `get` instead.");var t=e?this._getAppByName(e):this;if(!t)return null;var n=t.get("store");return n?n.getState$():null},o.prototype.dispatch=function(e){return console.warn("[DEPRECATED] `dispatch` has been deprecated. Access your store via `get` instead."),this.get("store").dispatch(e)},o.prototype.render=function(){for(var e=arguments.length,t=Array(e),n=0;n<e;n++)t[n]=arguments[n];console.warn("[DEPRECATED] `render` has been deprecated.");var o=i(this);return function(){return u.default.createElement(o,t)}},o.prototype._getAppByName=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null;if(!e)return this;var t=this.getRootApp();if(!t)return null;var n=a.default.find(t._appsCollection,function(t){return t.name===e});return n?n.instances.default:null},o.prototype.getStore=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null;if(console.warn("[DEPRECATED] `getStore` has been deprecated. Use `get` instead."),!e)return this.container.get(this.options.providerNames.store);var t=this._getAppByName(e);return t?t.getStore():null},o.prototype.getModel=function(e){return console.warn("[DEPRECATED] `getModel` has been deprecated. Use `get` instead."),this.get(e)},o.prototype.getService=function(e){return console.warn("[DEPRECATED] `getService` has been deprecated. Use `get` instead."),this.get(e)},o.prototype.getFactory=function(e){return console.warn("[DEPRECATED] `getFactory` has been deprecated. Use `get` instead."),this.get(e)},o.prototype.setRegion=function(e){return console.warn("[DEPRECATED] `setRegion` has been deprecated. Use `registerApp` instead."),this.setRegions([e])},o.prototype.setRegions=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];console.warn("[DEPRECATED] `setRegions` has been deprecated. Use `registerApp` instead.");var t=this.getRootApp();if(!t||this===t)throw new Error("No root app instance available");t._appsCollection.push({name:this.options.name,regions:e,instances:{default:this}}),t._apps$.next(t._appsCollection)},o.prototype.getWidgets=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null;return console.warn("[DEPRECATED] `getWidgets` has been deprecated. Use `getApps$` instead."),this.getRootApp()._appsCollection.filter(function(t){return!e||t.regions.indexOf(e)>-1}).map(function(e){return e.instances.default})},o.prototype.readStateFrom=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];console.log("[DEPRECATED] `readStateFrom` has been deprecated."),this.options.readableApps=e},["beforeMount","afterMount","beforeUnmount"].forEach(function(e){o.prototype[e]=function(){var t=this.options[e],n="function"==typeof t?t:function(){};return this[e]=n.bind(this),this[e].apply(this,arguments)}})}Object.defineProperty(t,"__esModule",{value:!0}),t.default=r;var i=n(0),a=o(i),s=n(1),u=o(s);e.exports=t.default},function(e,t,n){"use strict";function o(e){e.Store.prototype.subscribe=function(e){this.options.console.warn("[DEPRECATED] `Store.subscribe` has been deprecated, and kept for consistency purpose only with v0.x");var t=this.getState$().subscribe(function(t){e(t)});return function(){t.unsubscribe()}}}Object.defineProperty(t,"__esModule",{value:!0}),t.default=o,e.exports=t.default},function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{default:e}}function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function a(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}function s(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if(!e.render||"function"!=typeof e.render)throw new Error("Component "+e.name+" missing required method: render");var t=function(t){function n(){var t;r(this,n);for(var o=arguments.length,a=Array(o),s=0;s<o;s++)a[s]=arguments[s];var u=i(this,(t=n.__proto__||Object.getPrototypeOf(n)).call.apply(t,[this].concat(a)));return h.default.each(e,function(e,t){u[t]=e,"function"==typeof u[t]&&u[t].bind(u)}),u}return a(n,t),u(n,[{key:"componentWillMount",value:function(){return"function"==typeof e.beforeMount?e.beforeMount.call(this):null}},{key:"componentDidMount",value:function(){return"function"==typeof e.afterMount?e.afterMount.call(this):null}},{key:"componentWillUnmount",value:function(){"function"==typeof e.beforeUnmount&&e.beforeUnmount.call(this)}},{key:"getDOMElement",value:function(){return l.default.findDOMNode(this)}}]),n}(p.default.Component);return t.displayName=e.displayName?e.displayName:e.name||"GeneratedComponent",t}Object.defineProperty(t,"__esModule",{value:!0});var u=function(){function e(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(t,n,o){return n&&e(t.prototype,n),o&&e(t,o),t}}();t.default=s;var c=n(1),p=o(c),f=n(11),l=o(f),d=n(0),h=o(d);e.exports=t.default},function(e,t){!function(){e.exports=this.ReactDOM}()},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=n(13),r=function(e){return e&&e.__esModule?e:{default:e}}(o);t.default=r.default,e.exports=t.default},function(e,t){!function(){e.exports=this.PropTypes}()},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=n(1),r=function(e){return e&&e.__esModule?e:{default:e}}(o);t.default=r.default.createElement,e.exports=t.default},function(e,t,n){"use strict";function o(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function r(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function i(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}function a(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};console.warn("[DEPRECATED] `createFactory` has been deprecated. Use `createClass` or direct ES6 classes instead.");var t=(0,u.default)(e);return function(e){function t(){return o(this,t),r(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return i(t,e),t}(t)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=a;var s=n(3),u=function(e){return e&&e.__esModule?e:{default:e}}(s);e.exports=t.default},function(e,t,n){"use strict";function o(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function r(e){var t=e.observe,n=e.streamProps;return function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};console.warn("[DEPRECATED] `mapToProps` has been deprecated. Use `observe` instead.");var r=i({app:null,dispatch:{},factories:{},models:{},services:{},shared:null,state:null,observe:null},e);return function(e){return t(function(e){var t=n();"function"==typeof r.app&&t.set(r.app(e)),t.setDispatch(r.dispatch,e.get("store"));var i=Object.assign({},r.factories,r.models,r.services);if(s.default.each(i,function(n,o){t.set(o,e.get(n))}),"function"==typeof r.shared){t.set(r.shared({}));var a=[];(e.options.readableApps||[]).forEach(function(t){a.push(e.getAppOnceAvailable$(t).concatMap(function(e){return e.get("store").getState$()}).map(function(e){return o({},t,e)}))});var c=u.Observable.merge.apply(u.Observable,a).map(function(e){return r.shared(e)});t.set(c)}return"function"==typeof r.state&&t.set(e.get("store").getState$(),function(e){return r.state(e)}),"function"==typeof r.observe&&t.set(r.observe(e)),t.get$()})(e)}}}Object.defineProperty(t,"__esModule",{value:!0});var i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e};t.default=r;var a=n(0),s=function(e){return e&&e.__esModule?e:{default:e}}(a),u=n(17);e.exports=t.default},function(e,t){!function(){e.exports=this.Rx}()},function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{default:e}}function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function a(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}function s(e){function t(e){var t=n(e);return e.beforeMount(),function(n){function o(){return r(this,o),i(this,(o.__proto__||Object.getPrototypeOf(o)).apply(this,arguments))}return a(o,n),u(o,[{key:"componentDidMount",value:function(){e.afterMount()}},{key:"componentWillUnmount",value:function(){e.beforeUnmount()}},{key:"render",value:function(){return p.default.createElement(t,this.props)}}]),o}(p.default.Component)}var n=e.getMountableComponent;return l.default.getMountableComponent=t,e.getMountableComponent=t,t}Object.defineProperty(t,"__esModule",{value:!0});var u=function(){function e(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(t,n,o){return n&&e(t.prototype,n),o&&e(t,o),t}}();t.default=s;var c=n(1),p=o(c),f=n(2),l=o(f);e.exports=t.default}]);
this.FrintCompat=function(e){function t(n){if(r[n])return r[n].exports;var o=r[n]={i:n,l:!1,exports:{}};return e[n].call(o.exports,o,o.exports,t),o.l=!0,o.exports}var r={};return t.m=e,t.c=r,t.d=function(e,r,n){t.o(e,r)||Object.defineProperty(e,r,{configurable:!1,enumerable:!0,get:n})},t.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(r,"a",r),r},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="",t(t.s=0)}([function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={},e.exports=t.default}]);

93

lib/index.js

@@ -1,2 +0,2 @@

'use strict';
"use strict";

@@ -6,90 +6,3 @@ Object.defineProperty(exports, "__esModule", {

});
var _frint = require('frint');
var _frint2 = _interopRequireDefault(_frint);
var _frintStore = require('frint-store');
var _frintStore2 = _interopRequireDefault(_frintStore);
var _frintModel = require('frint-model');
var _frintModel2 = _interopRequireDefault(_frintModel);
var _frintReact = require('frint-react');
var _frintReact2 = _interopRequireDefault(_frintReact);
var _extendApp = require('./extendApp');
var _extendApp2 = _interopRequireDefault(_extendApp);
var _extendStore = require('./extendStore');
var _extendStore2 = _interopRequireDefault(_extendStore);
var _createComponent = require('./createComponent');
var _createComponent2 = _interopRequireDefault(_createComponent);
var _PropTypes = require('./PropTypes');
var _PropTypes2 = _interopRequireDefault(_PropTypes);
var _h = require('./h');
var _h2 = _interopRequireDefault(_h);
var _createFactory = require('./createFactory');
var _createFactory2 = _interopRequireDefault(_createFactory);
var _createService = require('./createService');
var _createService2 = _interopRequireDefault(_createService);
var _mapToProps = require('./mapToProps');
var _mapToProps2 = _interopRequireDefault(_mapToProps);
var _getMountableComponent = require('./getMountableComponent');
var _getMountableComponent2 = _interopRequireDefault(_getMountableComponent);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
// store
_frint2.default.createStore = _frintStore2.default.createStore; /* eslint-disable no-console */
_frint2.default.combineReducers = _frintStore2.default.combineReducers;
_frint2.default.Store = _frintStore2.default.Store;
// model
_frint2.default.createModel = _frintModel2.default.createModel;
_frint2.default.Model = _frintModel2.default.Model;
// react
_frint2.default.createComponent = _createComponent2.default;
_frint2.default.h = _h2.default;
_frint2.default.PropTypes = _PropTypes2.default;
_frint2.default.render = _frintReact2.default.render;
_frint2.default.Region = _frintReact2.default.Region;
_frint2.default.observe = _frintReact2.default.observe;
_frint2.default.streamProps = _frintReact2.default.streamProps;
_frint2.default.getMountableComponent = _frintReact2.default.getMountableComponent;
// backwards compatibility
_frint2.default.createFactory = _createFactory2.default;
_frint2.default.createService = _createService2.default;
_frint2.default.mapToProps = (0, _mapToProps2.default)(_frint2.default);
(0, _extendApp2.default)(_frint2.default, _frintStore2.default, _frintReact2.default);
(0, _extendStore2.default)(_frintStore2.default);
_frint2.default.getMountableComponent = (0, _getMountableComponent2.default)(_frint2.default);
_frintReact2.default.getMountableComponent = _frint2.default.getMountableComponent;
// export
exports.default = _frint2.default;
module.exports = exports['default'];
exports.default = {};
module.exports = exports["default"];

19

package.json
{
"name": "frint-compat",
"version": "2.8.1",
"version": "2.9.0-alpha.2d26e4d7",
"description": "Backwards compatibility package for Frint",

@@ -10,4 +10,4 @@ "main": "lib/index.js",

"transpile": "cross-env ../../node_modules/.bin/babel src --out-dir lib",
"test": "cross-env ../../node_modules/.bin/mocha --colors --compilers js:babel-register --require frint-test-utils/register --recursive ./src/**/*.spec.js",
"cover:run": "cross-env ../../node_modules/.bin/nyc --reporter=json --require babel-register ../../node_modules/.bin/mocha --colors --compilers js:babel-register --require frint-test-utils/register --recursive ./src/**/*.spec.js",
"test": "cross-env ../../node_modules/.bin/mocha --colors --compilers js:babel-register --recursive ./src/**/*.spec.js",
"cover:run": "cross-env ../../node_modules/.bin/nyc --reporter=json --require babel-register ../../node_modules/.bin/mocha --colors --compilers js:babel-register --recursive ./src/**/*.spec.js",
"cover:report": "cross-env ../../node_modules/.bin/nyc report",

@@ -31,16 +31,5 @@ "cover": "npm run cover:run && npm run cover:report",

],
"dependencies": {
"frint": "^2.8.1",
"frint-model": "^2.8.1",
"frint-react": "^2.8.1",
"frint-store": "^2.8.1",
"lodash": "^4.13.1",
"rxjs": "^5.2.0"
},
"devDependencies": {
"cross-env": "^5.0.5",
"frint-test-utils": "^2.8.1",
"prop-types": "^15.5.10",
"react": "^15.5.4",
"react-dom": "^15.5.4"
"frint-config": "^2.9.0-alpha.2d26e4d7"
},

@@ -47,0 +36,0 @@ "bugs": {

275

README.md

@@ -7,4 +7,2 @@ # frint-compat

Everything that you see here has been deprecated and should not be intentionally used.
<!-- MarkdownTOC autolink=true bracket=round -->

@@ -16,11 +14,2 @@

- [API](#api)
- [createComponent](#createcomponent)
- [h](#h)
- [PropTypes](#proptypes)
- [createService](#createservice)
- [createFactory](#createfactory)
- [createApp](#createapp)
- [app](#app)
- [mapToProps](#maptoprops)
- [Store](#store)

@@ -44,13 +33,2 @@ <!-- /MarkdownTOC -->

```html
<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.4/lodash.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/rxjs/5.4.0/Rx.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.5.4/react.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.5.4/react-dom.min.js"></script>
<script src="https://unpkg.com/prop-types@15.5.10/prop-types.js"></script>
<script src="https://unpkg.com/frint@latest/dist/frint.min.js"></script>
<script src="https://unpkg.com/frint-model@latest/dist/frint-model.min.js"></script>
<script src="https://unpkg.com/frint-react@latest/dist/frint-react.min.js"></script>
<script src="https://unpkg.com/frint-store@latest/dist/frint-store.min.js"></script>
<script src="https://unpkg.com/frint-compat@latest/dist/frint-compat.min.js"></script>

@@ -74,253 +52,2 @@ <script>

## createComponent
> createComponent(options)
Creates a new Component, using React internally.
### Arguments
1. `options` (`Object`):
* `render` (`Function` [required]): Function returning JSX.
* `beforeMount` (`Function`): Called before mounting the Component.
* `afterMount` (`Function`): Called after mounting the Component.
* `beforeUnmount` (`Function`): Called right before unmounting the Component.
### Returns
`Component`: React Component.
## h
> h(type, props, children)
The hyperscript wrapping React's [`React.createElement`](https://facebook.github.io/react/docs/react-api.html#createelement). This function is expected to be in the scope wherever JSX is used.
## PropTypes
> PropTypes
For [typechecking](https://facebook.github.io/react/docs/typechecking-with-proptypes.html) Component's props.
## createService
> createService(options)
### Arguments
1. `options` (`Object`): Methods for your class.
* `options.initialize` (`Function`): Treated as class constructor.
### Returns
`Function`: ES6-compatible class.
## createFactory
> createFactory(options)
### Arguments
1. `options` (`Object`): Methods for your class.
* `options.initialize` (`Function`): Treated as class constructor.
### Returns
`Function`: ES6-compatible class.
## createApp
> createApp(options)
### Arguments
1. `options` (`Object`):
* `options.component` (`Function`): The root Component of your App.
* `options.services` (`Object`): Key/value pairs of Service classes.
* `options.factories` (`Object`): Key/value pairs of Factory classes.
* `options.models` (`Object`): Key/value pairs of Model classes.
* `options.modelAttributes` (`Object`): Key/value pairs of Model attributes.
* `options.store` (`Object`): The Store instance.
* `options.reducer` (`Function`): Root reducer for your Store.
* `options.initialState` (`Object`): Initial state for your Store.
* `beforeMount` (`Function`): Called before mounting the App.
* `afterMount` (`Function`): Called after mounting the App.
* `beforeUnmount` (`Function`): Called right before unmounting the App.
### Returns
`App`: App class.
## app
> new App()
App instance methods:
### app.getRootApp
> app.getRootApp()
Extends the native `getRootApp()`, and looks for `window.app` first, and then returns it if exists.
#### Returns
`App`: The root app's instance.
### app.getState$
> app.getState$()
#### Returns
`Observable`: State of your App's store.
### app.dispatch
> app.dispatch(action)
#### Arguments
1. `action` (`Object`|`Function`): Action payload to dispatch to your App's store.
#### Returns
`void`
### app.render
> app.render()
#### Returns
`Function`: The root component.
### app.getStore
> app.getStore()
#### Returns
`Store`: The app's store instance.
### app.getService
> app.getService(name)
#### Arguments
1. `name` (`String`): The name of the Service.
#### Returns
`Object`: The service instance.
### app.getFactory
> app.getFactory(name)
#### Arguments
1. `name` (`String`): The name of the Factory.
#### Returns
`Object`: The factory instance.
### app.getModel
> app.getModel(name)
#### Arguments
1. `name` (`String`): The name of the Model.
#### Returns
`Object`: The model instance.
### app.setRegion
> app.setRegion(name)
#### Arguments
1. `name` (`String`): The name of the region.
#### Returns
`void`.
### app.setRegions
> app.setRegions(names)
#### Arguments
1. `names` (`Array`): Array of region names.
#### Returns
`void`.
### app.getWidgets
> app.getWidgets(regionName = null)
#### Arguments
1. `regionName` (`String` [optional]): Optionally filter apps by their region.
#### Returns
`Array`: of app instances.
### app.readStateFrom
> app.readStateFrom(names)
#### Arguments
1. `names` (`Array`): Array of other App names that you wish to read state from.
#### Returns
`void`.
## mapToProps
> mapToProps(options)(Component)
Maps data coming from various sources into Component's props.
### Arguments
1. `options` (`Object`):
* `options.state` (`Function`): Accepts `state` (`Object`) as argument, and returns object to map as props.
* `options.dispatch` (`Object`): Dispatchable action creators, keyed by prop names
* `app` (`Function`): Accepts `app` (`App`) as argument, and returns object to map as props.
* `shared` (`Function`): Accepts `shared` (`Object`) state as argument, and returns object to map as props.
* `services` (`Object`): Object keyed by prop names, and service names as values.
* `factories` (`Object`): Object keyed by prop names, and factory names as values.
* `models` (`Object`): Object keyed by prop names, and model names as values.
* `observe` (`Function`): Accepts `app` (`App`) as an argument, and returns an `Observable` emitting object to be mapped as props.
### Returns
`Function`: That can be alled with the target Component.
## Store
> new Store()
### store.subscribe
> store.subscribe(fn)
#### Arguments
1. `fn` (`Function`): Listener function, that accepts the latest state as argument.
#### Returns
`Function`: Call the returned function to unsubscribe from the listener.
n/a

5

webpack.config.js
var webpack = require('webpack');
var externals = require('frint-config').externals;

@@ -26,3 +27,3 @@ var minify = process.env.DIST_MIN;

},
externals: {
externals: Object.assign({}, {
'frint': 'Frint',

@@ -37,3 +38,3 @@ 'frint-model': 'FrintModel',

'rxjs': 'Rx',
},
}, externals),
target: 'web',

@@ -40,0 +41,0 @@ plugins: plugins,

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc