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

kattappa

Package Overview
Dependencies
Maintainers
1
Versions
42
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

kattappa - npm Package Compare versions

Comparing version

0.4.12
to
0.4.13

198

npm/blocks/embed.js

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

'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; }; })();
var _get = function get(_x, _x2, _x3) { var _again = true; _function: while (_again) { var object = _x, property = _x2, receiver = _x3; desc = parent = getter = undefined; _again = false; if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { _x = parent; _x2 = property; _x3 = receiver; _again = true; continue _function; } } else if ('value' in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } } };
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 _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; }
var _react = require('react');
var _react2 = _interopRequireDefault(_react);
var _url = require('url');
var _url2 = _interopRequireDefault(_url);
var _utils = require('../utils');
var _utilsKeys = require('../utils/keys');
var _utilsKeys2 = _interopRequireDefault(_utilsKeys);
var Types = require('./embeds');
function getDomain(link) {
var a = _url2['default'].parse(link);
return a.hostname;
}
var Embed = {
Name: 'embed',
Icon: '',
Empty: function Empty() {
return {
url: '',
subtext: ''
};
},
maximumBlocks: 0,
Description: 'Embed',
isEmpty: function isEmpty(content) {
return content === '';
},
EmbedTypes: Types
};
var BlockEmbed = (function (_React$Component) {
_inherits(BlockEmbed, _React$Component);
function BlockEmbed(props) {
_classCallCheck(this, BlockEmbed);
_get(Object.getPrototypeOf(BlockEmbed.prototype), 'constructor', this).call(this, props);
this.state = {
loaded: false,
domain: '',
url: ''
};
this.checkUrls = this.checkUrls.bind(this);
this.handleUrl = this.handleUrl.bind(this);
this.checkContent = this.checkContent.bind(this);
this.renderBlock = this.renderBlock.bind(this);
this.changeSubtext = this.changeSubtext.bind(this);
}
_createClass(BlockEmbed, [{
key: 'checkUrls',
value: function checkUrls(url, isProp) {
if (url.indexOf('http') < 0) {
url = 'https://' + url;
}
if (_utils.UrlRegex.test(url)) {
var domain = getDomain(url);
var Types = this.props.EmbedTypes;
for (var key in Types) {
if (domain.indexOf(key) > -1) {
this.setState({
loaded: true,
domain: key,
url: url
});
return;
}
}
alert('This URL is not supported.');
this.refs.input.value = '';
} else {
if (!isProp) {
alert("Enter a valid url");
this.refs.input.value = '';
}
}
_utils.UrlRegex.lastIndex = 0;
}
}, {
key: 'handleUrl',
value: function handleUrl(event) {
if (event.keyCode === _utilsKeys2['default'].ENTER) {
this.checkUrls(event.target.value, false);
}
}
}, {
key: 'componentDidMount',
value: function componentDidMount() {
if (this.props.content.url === '') {
this.refs.input.focus();
}
this.checkUrls(this.props.content.url, true);
}
}, {
key: 'checkContent',
value: function checkContent(ok, msg) {
if (ok && this.props.onContentChanged) {
var newData = this.props.content;
newData.url = this.state.url;
this.props.onContentChanged(this.props.position, newData);
} else {
alert(msg);
}
}
}, {
key: 'changeSubtext',
value: function changeSubtext(e) {
if (this.props.onContentChanged) {
var newContent = {
url: this.props.content.url,
subtext: e.target.value
};
//console.log(newContent);
this.props.onContentChanged(this.props.position, newContent);
}
}
}, {
key: 'renderBlock',
value: function renderBlock() {
var Types = this.props.EmbedTypes;
var EmbedType = Types[this.state.domain];
return _react2['default'].createElement(EmbedType, {
url: this.state.url,
checkContent: this.checkContent,
content: this.props.content });
}
}, {
key: 'render',
value: function render() {
var content = this.props.content;
if (this.state.loaded) {
return _react2['default'].createElement(
'div',
{ className: 'katap-block' },
this.renderBlock(),
_react2['default'].createElement('input', {
type: 'text',
placeholder: 'Embed subtext',
onChange: this.changeSubtext,
value: content.subtext })
);
} else {
return _react2['default'].createElement(
'div',
{ className: 'katap-block katap-embed' },
_react2['default'].createElement(
'p',
null,
'Supported embeds: ',
Object.keys(this.props.EmbedTypes).join(', ')
),
_react2['default'].createElement('input', {
ref: 'input',
type: 'text',
placeholder: 'Enter URL and press enter',
onKeyUp: this.handleUrl })
);
}
}
}]);
return BlockEmbed;
})(_react2['default'].Component);
BlockEmbed.defaultProps = {
EmbedTypes: Types
};
Embed.React = BlockEmbed;
exports['default'] = Embed;
module.exports = exports['default'];
"use strict";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 _inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)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:!1,writable:!0,configurable:!0}}),superClass&&(Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass)}function getDomain(link){var a=_url2["default"].parse(link);return a.hostname}Object.defineProperty(exports,"__esModule",{value:!0});var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){return protoProps&&defineProperties(Constructor.prototype,protoProps),staticProps&&defineProperties(Constructor,staticProps),Constructor}}(),_get=function(_x,_x2,_x3){for(var _again=!0;_again;){var object=_x,property=_x2,receiver=_x3;desc=parent=getter=void 0,_again=!1,null===object&&(object=Function.prototype);var desc=Object.getOwnPropertyDescriptor(object,property);if(void 0!==desc){if("value"in desc)return desc.value;var getter=desc.get;return void 0===getter?void 0:getter.call(receiver)}var parent=Object.getPrototypeOf(object);if(null===parent)return void 0;_x=parent,_x2=property,_x3=receiver,_again=!0}},_react=require("react"),_react2=_interopRequireDefault(_react),_url=require("url"),_url2=_interopRequireDefault(_url),_utils=require("../utils"),_utilsKeys=require("../utils/keys"),_utilsKeys2=_interopRequireDefault(_utilsKeys),Types=require("./embeds"),Embed={Name:"embed",Icon:"",Empty:function(){return{url:"",subtext:""}},maximumBlocks:0,Description:"Embed",isEmpty:function(content){return""===content},EmbedTypes:Types},BlockEmbed=function(_React$Component){function BlockEmbed(props){_classCallCheck(this,BlockEmbed),_get(Object.getPrototypeOf(BlockEmbed.prototype),"constructor",this).call(this,props),this.state={loaded:!1,domain:"",url:"",className:""},this.getClassName=this.getClassName.bind(this),this.checkUrls=this.checkUrls.bind(this),this.handleUrl=this.handleUrl.bind(this),this.checkContent=this.checkContent.bind(this),this.renderBlock=this.renderBlock.bind(this),this.changeSubtext=this.changeSubtext.bind(this),this.onDrop=this.onDrop.bind(this),this.onDragEnter=this.onDragEnter.bind(this),this.onDragOver=this.onDragOver.bind(this),this.onDragLeave=this.onDragLeave.bind(this)}return _inherits(BlockEmbed,_React$Component),_createClass(BlockEmbed,[{key:"getClassName",value:function(){return"katap-block katap-embed "+(this.props.className||this.state.className)}},{key:"checkUrls",value:function(url,isProp){if(url.indexOf("http")<0&&(url="https://"+url),_utils.UrlRegex.test(url)){var domain=getDomain(url),Types=this.props.EmbedTypes;for(var key in Types)if(domain.indexOf(key)>-1)return void this.setState({loaded:!0,domain:key,url:url});alert("This URL is not supported."),this.refs.input.value=""}else isProp||(alert("Enter a valid url"),this.refs.input.value="");_utils.UrlRegex.lastIndex=0}},{key:"handleUrl",value:function(event){event.keyCode===_utilsKeys2["default"].ENTER&&this.checkUrls(event.target.value,!1)}},{key:"componentDidMount",value:function(){""===this.props.content.url&&this.refs.input.focus(),this.checkUrls(this.props.content.url,!0)}},{key:"checkContent",value:function(ok,msg){if(ok&&this.props.onContentChanged){var newData=this.props.content;newData.url=this.state.url,this.props.onContentChanged(this.props.position,newData)}else alert(msg)}},{key:"changeSubtext",value:function(e){if(this.props.onContentChanged){var newContent={url:this.props.content.url,subtext:e.target.value};this.props.onContentChanged(this.props.position,newContent)}}},{key:"onDragEnter",value:function(e){e.preventDefault(),e.stopPropagation(),this.setState({className:"katap-embed-dragover"})}},{key:"onDragOver",value:function(e){return e.preventDefault(),e.stopPropagation(),e.dataTransfer.dropEffect="move",!1}},{key:"onDrop",value:function(e){e.preventDefault&&e.preventDefault(),e.stopPropagation&&e.stopPropagation(),this.setState({className:""});var dropURL=e.dataTransfer.getData("URL");""===dropURL&&(dropURL=e.dataTransfer.getData("text")),""!==dropURL&&this.checkUrls(dropURL,!1)}},{key:"onDragLeave",value:function(e){this.setState({className:"katap-block katap-embed"})}},{key:"renderBlock",value:function(){var Types=this.props.EmbedTypes,EmbedType=Types[this.state.domain];return _react2["default"].createElement(EmbedType,{url:this.state.url,checkContent:this.checkContent,content:this.props.content})}},{key:"render",value:function(){var content=this.props.content;return this.state.loaded?_react2["default"].createElement("div",{className:"katap-block"},this.renderBlock(),_react2["default"].createElement("input",{type:"text",placeholder:"Embed subtext",onChange:this.changeSubtext,value:content.subtext})):_react2["default"].createElement("div",{className:this.getClassName(),onDragEnter:this.onDragEnter,onDragOver:this.onDragOver,onDragLeave:this.onDragLeave,onDrop:this.onDrop},_react2["default"].createElement("p",null,"Drop links here or paste below"),_react2["default"].createElement("input",{ref:"input",type:"text",placeholder:"Enter URL and press enter",onKeyUp:this.handleUrl}),_react2["default"].createElement("p",null,"Supported embeds: ",Object.keys(this.props.EmbedTypes).join(", ")))}}]),BlockEmbed}(_react2["default"].Component);BlockEmbed.defaultProps={EmbedTypes:Types},Embed.React=BlockEmbed,exports["default"]=Embed,module.exports=exports["default"];

95

npm/blocks/embeds/base.js

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

'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; }; })();
var _get = function get(_x, _x2, _x3) { var _again = true; _function: while (_again) { var object = _x, property = _x2, receiver = _x3; desc = parent = getter = undefined; _again = false; if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { _x = parent; _x2 = property; _x3 = receiver; _again = true; continue _function; } } else if ('value' in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } } };
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 _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; }
var _react = require('react');
var _react2 = _interopRequireDefault(_react);
var BaseEmbed = (function (_React$Component) {
_inherits(BaseEmbed, _React$Component);
function BaseEmbed(props) {
_classCallCheck(this, BaseEmbed);
_get(Object.getPrototypeOf(BaseEmbed.prototype), 'constructor', this).call(this, props);
this.state = {
message: 'Wait',
id: '',
valid: false,
preview: false
};
this.validate = this.validate.bind(this);
this.extraHandler = this.extraHandler.bind(this);
this.showPreview = this.showPreview.bind(this);
}
_createClass(BaseEmbed, [{
key: 'componentDidMount',
value: function componentDidMount() {
this.validate();
this.extraHandler();
}
}, {
key: 'extraHandler',
value: function extraHandler() {}
}, {
key: 'showPreview',
value: function showPreview() {
this.setState({
preview: !this.state.preview
});
}
}, {
key: 'validate',
value: function validate() {
var match;
match = this.props.regex.exec(this.props.url);
this.props.regex.lastIndex = 0;
//console.log(this.props.regex);
if (!match) {
this.props.checkContent(false);
this.setState({
message: 'error.'
});
return;
}
this.setState({
message: 'OK.',
id: match[1],
valid: true
});
this.props.checkContent(true);
}
}, {
key: 'render',
value: function render() {
return _react2['default'].createElement('div', { 'class': 'katap-embed' });
}
}]);
return BaseEmbed;
})(_react2['default'].Component);
BaseEmbed.defaultProps = {
url: '',
regex: /^$/
};
exports['default'] = BaseEmbed;
//https?:\/\/www\.facebook\.com\/(?:[^\/]{0,})\/videos\/vb\.(?:[0-9]{0,})\/([0-9]{0,}).*
module.exports = exports['default'];
"use strict";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 _inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)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:!1,writable:!0,configurable:!0}}),superClass&&(Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass)}Object.defineProperty(exports,"__esModule",{value:!0});var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){return protoProps&&defineProperties(Constructor.prototype,protoProps),staticProps&&defineProperties(Constructor,staticProps),Constructor}}(),_get=function(_x,_x2,_x3){for(var _again=!0;_again;){var object=_x,property=_x2,receiver=_x3;desc=parent=getter=void 0,_again=!1,null===object&&(object=Function.prototype);var desc=Object.getOwnPropertyDescriptor(object,property);if(void 0!==desc){if("value"in desc)return desc.value;var getter=desc.get;return void 0===getter?void 0:getter.call(receiver)}var parent=Object.getPrototypeOf(object);if(null===parent)return void 0;_x=parent,_x2=property,_x3=receiver,_again=!0}},_react=require("react"),_react2=_interopRequireDefault(_react),BaseEmbed=function(_React$Component){function BaseEmbed(props){_classCallCheck(this,BaseEmbed),_get(Object.getPrototypeOf(BaseEmbed.prototype),"constructor",this).call(this,props),this.state={message:"Wait",id:"",valid:!1,preview:!1},this.validate=this.validate.bind(this),this.extraHandler=this.extraHandler.bind(this),this.showPreview=this.showPreview.bind(this)}return _inherits(BaseEmbed,_React$Component),_createClass(BaseEmbed,[{key:"componentDidMount",value:function(){this.validate(),this.extraHandler()}},{key:"extraHandler",value:function(){}},{key:"showPreview",value:function(){this.setState({preview:!this.state.preview})}},{key:"validate",value:function(){var match;return match=this.props.regex.exec(this.props.url),this.props.regex.lastIndex=0,match?(this.setState({message:"OK.",id:match[1],valid:!0}),void this.props.checkContent(!0)):(this.props.checkContent(!1),void this.setState({message:"error."}))}},{key:"render",value:function(){return _react2["default"].createElement("div",{"class":"katap-embed"})}}]),BaseEmbed}(_react2["default"].Component);BaseEmbed.defaultProps={url:"",regex:/^$/},exports["default"]=BaseEmbed,module.exports=exports["default"];

143

npm/blocks/embeds/facebook.js

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

'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; }; })();
var _get = function get(_x, _x2, _x3) { var _again = true; _function: while (_again) { var object = _x, property = _x2, receiver = _x3; desc = parent = getter = undefined; _again = false; if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { _x = parent; _x2 = property; _x3 = receiver; _again = true; continue _function; } } else if ('value' in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } } };
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 _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; }
var _react = require('react');
var _react2 = _interopRequireDefault(_react);
var _base = require('./base');
var _base2 = _interopRequireDefault(_base);
var Facebook = (function (_BaseEmbed) {
_inherits(Facebook, _BaseEmbed);
function Facebook(props) {
_classCallCheck(this, Facebook);
_get(Object.getPrototypeOf(Facebook.prototype), 'constructor', this).call(this, props);
this.state = {
message: 'Wait',
id: '',
valid: false,
html: ''
};
this.validate = this.validate.bind(this);
this.loadExternalScript = this.loadExternalScript.bind(this);
}
_createClass(Facebook, [{
key: 'componentDidMount',
value: function componentDidMount() {
this.validate();
}
}, {
key: 'showPreview',
value: function showPreview() {
this.setState({
preview: !this.state.preview
});
this.loadExternalScript();
}
}, {
key: 'loadExternalScript',
value: function loadExternalScript() {
if (window.FB && window.FB.init) {
window.FB.init({
xfbml: true,
version: 'v2.3'
});
return;
}
var tag = document.createElement('script');
tag.src = this.props.scriptUrl;
tag.async = 1;
window.document.body.appendChild(tag);
}
}, {
key: 'validate',
value: function validate() {
var match;
match = this.props.regex.exec(this.props.url);
this.props.regex.lastIndex = 0;
if (!match) {
this.props.checkContent(false);
this.setState({
message: 'error.'
});
return;
}
var html = '<div class="fb-post" data-href="' + this.props.url + '" data-width="100%"></div>';
if (this.props.url.indexOf('/videos/') > 0) {
html = '<div class="fb-video" data-href="' + this.props.url + '" data-allowfullscreen="true" data-width="100%"></div>';
}
this.setState({
message: 'Loading Facebook embed...',
id: match[1],
valid: true,
html: html
});
this.props.checkContent(true);
}
}, {
key: 'render',
value: function render() {
if (this.state.valid) {
if (!this.state.preview) {
return _react2['default'].createElement(
'div',
{ className: 'katap-embed katap-facebook' },
_react2['default'].createElement(
'p',
null,
'Facebook - ',
_react2['default'].createElement(
'a',
{ href: this.props.url, target: '_blank' },
this.props.url
)
),
_react2['default'].createElement(
'button',
{ className: 'katap-show-preview-btn', onClick: this.showPreview },
'Preview'
)
);
}
return _react2['default'].createElement('div', {
className: 'katap-embed katap-facebook',
dangerouslySetInnerHTML: { __html: this.state.html } });
}
return _react2['default'].createElement(
'div',
{ className: 'katap-embed katap-twitter' },
'This fb URL is not supported.'
);
}
}]);
return Facebook;
})(_base2['default']);
Facebook.defaultProps = {
url: '',
regex: /https?:\/\/www\.facebook\.com\/(.*)\/(videos|posts|photos)\/.*/gi,
scriptUrl: '//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.3'
};
exports['default'] = Facebook;
module.exports = exports['default'];
"use strict";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 _inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)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:!1,writable:!0,configurable:!0}}),superClass&&(Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass)}Object.defineProperty(exports,"__esModule",{value:!0});var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){return protoProps&&defineProperties(Constructor.prototype,protoProps),staticProps&&defineProperties(Constructor,staticProps),Constructor}}(),_get=function(_x,_x2,_x3){for(var _again=!0;_again;){var object=_x,property=_x2,receiver=_x3;desc=parent=getter=void 0,_again=!1,null===object&&(object=Function.prototype);var desc=Object.getOwnPropertyDescriptor(object,property);if(void 0!==desc){if("value"in desc)return desc.value;var getter=desc.get;return void 0===getter?void 0:getter.call(receiver)}var parent=Object.getPrototypeOf(object);if(null===parent)return void 0;_x=parent,_x2=property,_x3=receiver,_again=!0}},_react=require("react"),_react2=_interopRequireDefault(_react),_base=require("./base"),_base2=_interopRequireDefault(_base),Facebook=function(_BaseEmbed){function Facebook(props){_classCallCheck(this,Facebook),_get(Object.getPrototypeOf(Facebook.prototype),"constructor",this).call(this,props),this.state={message:"Wait",id:"",valid:!1,html:""},this.validate=this.validate.bind(this),this.loadExternalScript=this.loadExternalScript.bind(this)}return _inherits(Facebook,_BaseEmbed),_createClass(Facebook,[{key:"componentDidMount",value:function(){this.validate()}},{key:"showPreview",value:function(){this.setState({preview:!this.state.preview}),this.loadExternalScript()}},{key:"loadExternalScript",value:function(){if(window.FB&&window.FB.init)return void window.FB.init({xfbml:!0,version:"v2.3"});var tag=document.createElement("script");tag.src=this.props.scriptUrl,tag.async=1,window.document.body.appendChild(tag)}},{key:"validate",value:function(){var match;if(match=this.props.regex.exec(this.props.url),this.props.regex.lastIndex=0,!match)return this.props.checkContent(!1),void this.setState({message:"error."});var html='<div class="fb-post" data-href="'+this.props.url+'" data-width="100%"></div>';this.props.url.indexOf("/videos/")>0&&(html='<div class="fb-video" data-href="'+this.props.url+'" data-allowfullscreen="true" data-width="100%"></div>'),this.setState({message:"Loading Facebook embed...",id:match[1],valid:!0,html:html}),this.props.checkContent(!0)}},{key:"render",value:function(){return this.state.valid?this.state.preview?_react2["default"].createElement("div",{className:"katap-embed katap-facebook",dangerouslySetInnerHTML:{__html:this.state.html}}):_react2["default"].createElement("div",{className:"katap-embed katap-facebook"},_react2["default"].createElement("p",null,"Facebook - ",_react2["default"].createElement("a",{href:this.props.url,target:"_blank"},this.props.url)),_react2["default"].createElement("button",{className:"katap-show-preview-btn",onClick:this.showPreview},"Preview")):_react2["default"].createElement("div",{className:"katap-embed katap-twitter"},"This fb URL is not supported.")}}]),Facebook}(_base2["default"]);Facebook.defaultProps={url:"",regex:/https?:\/\/www\.facebook\.com\/(.*)\/(videos|posts|photos)\/.*/gi,scriptUrl:"//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.3"},exports["default"]=Facebook,module.exports=exports["default"];

32

npm/blocks/embeds/index.js

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

'use strict';
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var _youtube = require('./youtube');
var _youtube2 = _interopRequireDefault(_youtube);
var _vimeo = require('./vimeo');
var _vimeo2 = _interopRequireDefault(_vimeo);
var _vine = require('./vine');
var _vine2 = _interopRequireDefault(_vine);
var _instagram = require('./instagram');
var _instagram2 = _interopRequireDefault(_instagram);
var _facebook = require('./facebook');
var _facebook2 = _interopRequireDefault(_facebook);
module.exports = {
youtube: _youtube2['default'],
instagram: _instagram2['default'],
vimeo: _vimeo2['default'],
vine: _vine2['default'],
facebook: _facebook2['default']
};
"use strict";function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{"default":obj}}var _youtube=require("./youtube"),_youtube2=_interopRequireDefault(_youtube),_vimeo=require("./vimeo"),_vimeo2=_interopRequireDefault(_vimeo),_vine=require("./vine"),_vine2=_interopRequireDefault(_vine),_instagram=require("./instagram"),_instagram2=_interopRequireDefault(_instagram),_facebook=require("./facebook"),_facebook2=_interopRequireDefault(_facebook);module.exports={youtube:_youtube2["default"],instagram:_instagram2["default"],vimeo:_vimeo2["default"],vine:_vine2["default"],facebook:_facebook2["default"]};

86

npm/blocks/embeds/instagram.js

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

'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; }; })();
var _get = function get(_x, _x2, _x3) { var _again = true; _function: while (_again) { var object = _x, property = _x2, receiver = _x3; desc = parent = getter = undefined; _again = false; if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { _x = parent; _x2 = property; _x3 = receiver; _again = true; continue _function; } } else if ('value' in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } } };
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 _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; }
var _react = require('react');
var _react2 = _interopRequireDefault(_react);
var _base = require('./base');
var _base2 = _interopRequireDefault(_base);
var Instagram = (function (_BaseEmbed) {
_inherits(Instagram, _BaseEmbed);
function Instagram() {
_classCallCheck(this, Instagram);
_get(Object.getPrototypeOf(Instagram.prototype), 'constructor', this).apply(this, arguments);
}
_createClass(Instagram, [{
key: 'render',
value: function render() {
if (this.state.valid) {
if (!this.state.preview) {
return _react2['default'].createElement(
'div',
{ className: 'katap-embed katap-instagram' },
_react2['default'].createElement(
'p',
null,
'Instagram - ',
_react2['default'].createElement(
'a',
{ href: this.props.url, target: '_blank' },
this.props.url
)
),
_react2['default'].createElement(
'button',
{ className: 'katap-show-preview-btn', onClick: this.showPreview },
'Preview'
)
);
}
return _react2['default'].createElement(
'div',
{ className: 'katap-embed katap-instagram' },
_react2['default'].createElement('iframe', {
src: '//instagram.com/p/' + this.state.id + '/embed',
frameBorder: 0,
allowFullScreen: true })
);
}
return _react2['default'].createElement(
'div',
{ className: 'katap-embed' },
'Invalid Instagram URL.'
);
}
}]);
return Instagram;
})(_base2['default']);
Instagram.defaultProps = {
url: '',
regex: /https?:\/\/(?:www\.){0,1}instagram\.com\/p\/([^\/]+)\/?.*/gi
};
exports['default'] = Instagram;
module.exports = exports['default'];
"use strict";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 _inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)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:!1,writable:!0,configurable:!0}}),superClass&&(Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass)}Object.defineProperty(exports,"__esModule",{value:!0});var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){return protoProps&&defineProperties(Constructor.prototype,protoProps),staticProps&&defineProperties(Constructor,staticProps),Constructor}}(),_get=function(_x,_x2,_x3){for(var _again=!0;_again;){var object=_x,property=_x2,receiver=_x3;desc=parent=getter=void 0,_again=!1,null===object&&(object=Function.prototype);var desc=Object.getOwnPropertyDescriptor(object,property);if(void 0!==desc){if("value"in desc)return desc.value;var getter=desc.get;return void 0===getter?void 0:getter.call(receiver)}var parent=Object.getPrototypeOf(object);if(null===parent)return void 0;_x=parent,_x2=property,_x3=receiver,_again=!0}},_react=require("react"),_react2=_interopRequireDefault(_react),_base=require("./base"),_base2=_interopRequireDefault(_base),Instagram=function(_BaseEmbed){function Instagram(){_classCallCheck(this,Instagram),_get(Object.getPrototypeOf(Instagram.prototype),"constructor",this).apply(this,arguments)}return _inherits(Instagram,_BaseEmbed),_createClass(Instagram,[{key:"render",value:function(){return this.state.valid?this.state.preview?_react2["default"].createElement("div",{className:"katap-embed katap-instagram"},_react2["default"].createElement("iframe",{src:"//instagram.com/p/"+this.state.id+"/embed",frameBorder:0,allowFullScreen:!0})):_react2["default"].createElement("div",{className:"katap-embed katap-instagram"},_react2["default"].createElement("p",null,"Instagram - ",_react2["default"].createElement("a",{href:this.props.url,target:"_blank"},this.props.url)),_react2["default"].createElement("button",{className:"katap-show-preview-btn",onClick:this.showPreview},"Preview")):_react2["default"].createElement("div",{className:"katap-embed"},"Invalid Instagram URL.")}}]),Instagram}(_base2["default"]);Instagram.defaultProps={url:"",regex:/https?:\/\/(?:www\.){0,1}instagram\.com\/p\/([^\/]+)\/?.*/gi},exports["default"]=Instagram,module.exports=exports["default"];

88

npm/blocks/embeds/vimeo.js

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

'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; }; })();
var _get = function get(_x, _x2, _x3) { var _again = true; _function: while (_again) { var object = _x, property = _x2, receiver = _x3; desc = parent = getter = undefined; _again = false; if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { _x = parent; _x2 = property; _x3 = receiver; _again = true; continue _function; } } else if ('value' in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } } };
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 _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; }
var _react = require('react');
var _react2 = _interopRequireDefault(_react);
var _base = require('./base');
var _base2 = _interopRequireDefault(_base);
var Vimeo = (function (_BaseEmbed) {
_inherits(Vimeo, _BaseEmbed);
function Vimeo() {
_classCallCheck(this, Vimeo);
_get(Object.getPrototypeOf(Vimeo.prototype), 'constructor', this).apply(this, arguments);
}
_createClass(Vimeo, [{
key: 'render',
value: function render() {
if (this.state.valid) {
if (!this.state.preview) {
return _react2['default'].createElement(
'div',
{ className: 'katap-embed katap-vimeo' },
_react2['default'].createElement(
'p',
null,
'Vimeo - ',
_react2['default'].createElement(
'a',
{ href: this.props.url, target: '_blank' },
this.props.url
)
),
_react2['default'].createElement(
'button',
{ className: 'katap-show-preview-btn', onClick: this.showPreview },
'Preview'
)
);
}
return _react2['default'].createElement(
'div',
{ className: 'katap-embed katap-vimeo' },
_react2['default'].createElement('iframe', {
src: '//player.vimeo.com/video/' + this.state.id,
frameBorder: 0,
width: 580,
height: 320,
allowFullScreen: true })
);
}
return _react2['default'].createElement(
'div',
{ className: 'katap-embed' },
'Invalid Vimeo URL.'
);
}
}]);
return Vimeo;
})(_base2['default']);
Vimeo.defaultProps = {
url: '',
regex: /(?:http[s]?:\/\/)?(?:www.)?vimeo\.co(?:.+(?:\/)([^\/].*)+$)/
};
exports['default'] = Vimeo;
module.exports = exports['default'];
"use strict";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 _inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)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:!1,writable:!0,configurable:!0}}),superClass&&(Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass)}Object.defineProperty(exports,"__esModule",{value:!0});var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){return protoProps&&defineProperties(Constructor.prototype,protoProps),staticProps&&defineProperties(Constructor,staticProps),Constructor}}(),_get=function(_x,_x2,_x3){for(var _again=!0;_again;){var object=_x,property=_x2,receiver=_x3;desc=parent=getter=void 0,_again=!1,null===object&&(object=Function.prototype);var desc=Object.getOwnPropertyDescriptor(object,property);if(void 0!==desc){if("value"in desc)return desc.value;var getter=desc.get;return void 0===getter?void 0:getter.call(receiver)}var parent=Object.getPrototypeOf(object);if(null===parent)return void 0;_x=parent,_x2=property,_x3=receiver,_again=!0}},_react=require("react"),_react2=_interopRequireDefault(_react),_base=require("./base"),_base2=_interopRequireDefault(_base),Vimeo=function(_BaseEmbed){function Vimeo(){_classCallCheck(this,Vimeo),_get(Object.getPrototypeOf(Vimeo.prototype),"constructor",this).apply(this,arguments)}return _inherits(Vimeo,_BaseEmbed),_createClass(Vimeo,[{key:"render",value:function(){return this.state.valid?this.state.preview?_react2["default"].createElement("div",{className:"katap-embed katap-vimeo"},_react2["default"].createElement("iframe",{src:"//player.vimeo.com/video/"+this.state.id,frameBorder:0,width:580,height:320,allowFullScreen:!0})):_react2["default"].createElement("div",{className:"katap-embed katap-vimeo"},_react2["default"].createElement("p",null,"Vimeo - ",_react2["default"].createElement("a",{href:this.props.url,target:"_blank"},this.props.url)),_react2["default"].createElement("button",{className:"katap-show-preview-btn",onClick:this.showPreview},"Preview")):_react2["default"].createElement("div",{className:"katap-embed"},"Invalid Vimeo URL.")}}]),Vimeo}(_base2["default"]);Vimeo.defaultProps={url:"",regex:/(?:http[s]?:\/\/)?(?:www.)?vimeo\.co(?:.+(?:\/)([^\/].*)+$)/},exports["default"]=Vimeo,module.exports=exports["default"];

109

npm/blocks/embeds/vine.js

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

'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; }; })();
var _get = function get(_x, _x2, _x3) { var _again = true; _function: while (_again) { var object = _x, property = _x2, receiver = _x3; desc = parent = getter = undefined; _again = false; if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { _x = parent; _x2 = property; _x3 = receiver; _again = true; continue _function; } } else if ('value' in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } } };
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 _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; }
var _react = require('react');
var _react2 = _interopRequireDefault(_react);
var _base = require('./base');
var _base2 = _interopRequireDefault(_base);
var Vine = (function (_BaseEmbed) {
_inherits(Vine, _BaseEmbed);
function Vine(props) {
_classCallCheck(this, Vine);
_get(Object.getPrototypeOf(Vine.prototype), 'constructor', this).call(this, props);
this.loadExternalScript = this.loadExternalScript.bind(this);
//this.extraHandler = this.extraHandler.bind(this)
}
_createClass(Vine, [{
key: 'loadExternalScript',
value: function loadExternalScript() {
if (typeof window === 'undefined') {
return;
}
var scriptUrl = this.props.scriptUrl;
var tag = document.createElement('script');
tag.src = scriptUrl;
tag.async = 1;
window.document.body.appendChild(tag);
}
}, {
key: 'extraHandler',
value: function extraHandler() {
this.loadExternalScript();
}
}, {
key: 'render',
value: function render() {
if (this.state.valid) {
if (!this.state.preview) {
return _react2['default'].createElement(
'div',
{ className: 'katap-embed katap-vine' },
_react2['default'].createElement(
'p',
null,
'Vine - ',
_react2['default'].createElement(
'a',
{ href: this.props.url, target: '_blank' },
this.props.url
)
),
_react2['default'].createElement(
'button',
{ className: 'katap-show-preview-btn', onClick: this.showPreview },
'Preview'
)
);
}
return _react2['default'].createElement(
'div',
{ className: 'katap-embed katap-vine' },
_react2['default'].createElement('iframe', {
className: 'vine-embed',
src: '//vine.co/v/' + this.state.id + '/embed/postcard',
frameBorder: 0,
width: 600,
height: 600,
allowFullScreen: true })
);
}
return _react2['default'].createElement(
'div',
{ className: 'katap-embed' },
'Invalid Vimeo URL.'
);
}
}]);
return Vine;
})(_base2['default']);
Vine.defaultProps = {
regex: /https?:\/\/vine\.co\/v\/([a-zA-Z0-9].*)\/?/,
scriptUrl: '//platform.vine.co/static/scripts/embed.js'
};
exports['default'] = Vine;
module.exports = exports['default'];
"use strict";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 _inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)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:!1,writable:!0,configurable:!0}}),superClass&&(Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass)}Object.defineProperty(exports,"__esModule",{value:!0});var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){return protoProps&&defineProperties(Constructor.prototype,protoProps),staticProps&&defineProperties(Constructor,staticProps),Constructor}}(),_get=function(_x,_x2,_x3){for(var _again=!0;_again;){var object=_x,property=_x2,receiver=_x3;desc=parent=getter=void 0,_again=!1,null===object&&(object=Function.prototype);var desc=Object.getOwnPropertyDescriptor(object,property);if(void 0!==desc){if("value"in desc)return desc.value;var getter=desc.get;return void 0===getter?void 0:getter.call(receiver)}var parent=Object.getPrototypeOf(object);if(null===parent)return void 0;_x=parent,_x2=property,_x3=receiver,_again=!0}},_react=require("react"),_react2=_interopRequireDefault(_react),_base=require("./base"),_base2=_interopRequireDefault(_base),Vine=function(_BaseEmbed){function Vine(props){_classCallCheck(this,Vine),_get(Object.getPrototypeOf(Vine.prototype),"constructor",this).call(this,props),this.loadExternalScript=this.loadExternalScript.bind(this)}return _inherits(Vine,_BaseEmbed),_createClass(Vine,[{key:"loadExternalScript",value:function(){if("undefined"!=typeof window){var scriptUrl=this.props.scriptUrl,tag=document.createElement("script");tag.src=scriptUrl,tag.async=1,window.document.body.appendChild(tag)}}},{key:"extraHandler",value:function(){this.loadExternalScript()}},{key:"render",value:function(){return this.state.valid?this.state.preview?_react2["default"].createElement("div",{className:"katap-embed katap-vine"},_react2["default"].createElement("iframe",{className:"vine-embed",src:"//vine.co/v/"+this.state.id+"/embed/postcard",frameBorder:0,width:600,height:600,allowFullScreen:!0})):_react2["default"].createElement("div",{className:"katap-embed katap-vine"},_react2["default"].createElement("p",null,"Vine - ",_react2["default"].createElement("a",{href:this.props.url,target:"_blank"},this.props.url)),_react2["default"].createElement("button",{className:"katap-show-preview-btn",onClick:this.showPreview},"Preview")):_react2["default"].createElement("div",{className:"katap-embed"},"Invalid Vimeo URL.")}}]),Vine}(_base2["default"]);Vine.defaultProps={regex:/https?:\/\/vine\.co\/v\/([a-zA-Z0-9].*)\/?/,scriptUrl:"//platform.vine.co/static/scripts/embed.js"},exports["default"]=Vine,module.exports=exports["default"];

88

npm/blocks/embeds/youtube.js

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

'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; }; })();
var _get = function get(_x, _x2, _x3) { var _again = true; _function: while (_again) { var object = _x, property = _x2, receiver = _x3; desc = parent = getter = undefined; _again = false; if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { _x = parent; _x2 = property; _x3 = receiver; _again = true; continue _function; } } else if ('value' in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } } };
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 _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; }
var _react = require('react');
var _react2 = _interopRequireDefault(_react);
var _base = require('./base');
var _base2 = _interopRequireDefault(_base);
var Youtube = (function (_BaseEmbed) {
_inherits(Youtube, _BaseEmbed);
function Youtube() {
_classCallCheck(this, Youtube);
_get(Object.getPrototypeOf(Youtube.prototype), 'constructor', this).apply(this, arguments);
}
_createClass(Youtube, [{
key: 'render',
value: function render() {
if (this.state.valid) {
if (!this.state.preview) {
return _react2['default'].createElement(
'div',
{ className: 'katap-embed katap-youtube' },
_react2['default'].createElement(
'p',
null,
'Youtube Video - ',
_react2['default'].createElement(
'a',
{ href: this.props.url, target: '_blank' },
this.props.url
)
),
_react2['default'].createElement(
'button',
{ className: 'katap-show-preview-btn', onClick: this.showPreview },
'Preview'
)
);
}
return _react2['default'].createElement(
'div',
{ className: 'katap-embed katap-youtube' },
_react2['default'].createElement('iframe', {
src: '//youtube.com/embed/' + this.state.id,
frameBorder: 0,
width: 580,
height: 320,
allowFullScreen: true })
);
}
return _react2['default'].createElement(
'div',
{ className: 'katap-embed' },
'Invalid Youtube URL.'
);
}
}]);
return Youtube;
})(_base2['default']);
Youtube.defaultProps = {
url: '',
regex: /^.*(?:(?:youtu\.be\/)|(?:youtube\.com)\/|v\/|u\/\w\/|embed\/|watch\?v=|\&v=)([^#\&\?]*)/
};
exports['default'] = Youtube;
module.exports = exports['default'];
"use strict";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 _inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)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:!1,writable:!0,configurable:!0}}),superClass&&(Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass)}Object.defineProperty(exports,"__esModule",{value:!0});var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){return protoProps&&defineProperties(Constructor.prototype,protoProps),staticProps&&defineProperties(Constructor,staticProps),Constructor}}(),_get=function(_x,_x2,_x3){for(var _again=!0;_again;){var object=_x,property=_x2,receiver=_x3;desc=parent=getter=void 0,_again=!1,null===object&&(object=Function.prototype);var desc=Object.getOwnPropertyDescriptor(object,property);if(void 0!==desc){if("value"in desc)return desc.value;var getter=desc.get;return void 0===getter?void 0:getter.call(receiver)}var parent=Object.getPrototypeOf(object);if(null===parent)return void 0;_x=parent,_x2=property,_x3=receiver,_again=!0}},_react=require("react"),_react2=_interopRequireDefault(_react),_base=require("./base"),_base2=_interopRequireDefault(_base),Youtube=function(_BaseEmbed){function Youtube(){_classCallCheck(this,Youtube),_get(Object.getPrototypeOf(Youtube.prototype),"constructor",this).apply(this,arguments)}return _inherits(Youtube,_BaseEmbed),_createClass(Youtube,[{key:"render",value:function(){return this.state.valid?this.state.preview?_react2["default"].createElement("div",{className:"katap-embed katap-youtube"},_react2["default"].createElement("iframe",{src:"//youtube.com/embed/"+this.state.id,frameBorder:0,width:580,height:320,allowFullScreen:!0})):_react2["default"].createElement("div",{className:"katap-embed katap-youtube"},_react2["default"].createElement("p",null,"Youtube Video - ",_react2["default"].createElement("a",{href:this.props.url,target:"_blank"},this.props.url)),_react2["default"].createElement("button",{className:"katap-show-preview-btn",onClick:this.showPreview},"Preview")):_react2["default"].createElement("div",{className:"katap-embed"},"Invalid Youtube URL.")}}]),Youtube}(_base2["default"]);Youtube.defaultProps={url:"",regex:/^.*(?:(?:youtu\.be\/)|(?:youtube\.com)\/|v\/|u\/\w\/|embed\/|watch\?v=|\&v=)([^#\&\?]*)/},exports["default"]=Youtube,module.exports=exports["default"];

94

npm/blocks/h2.js

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

'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; }; })();
var _get = function get(_x, _x2, _x3) { var _again = true; _function: while (_again) { var object = _x, property = _x2, receiver = _x3; desc = parent = getter = undefined; _again = false; if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { _x = parent; _x2 = property; _x3 = receiver; _again = true; continue _function; } } else if ('value' in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } } };
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 _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; }
var _react = require('react');
var _react2 = _interopRequireDefault(_react);
var _componentsMedium = require('../components/medium');
var _componentsMedium2 = _interopRequireDefault(_componentsMedium);
var _text = require('./text');
var _text2 = _interopRequireDefault(_text);
var options = {
toolbar: {
buttons: ['bold', 'italic', 'underline', 'anchor', 'strikethrough']
},
autoLink: false,
imageDragging: false,
placeholder: {
text: 'Heading...'
},
paste: {
forcePlainText: true,
cleanPastedHTML: false
}
};
var BlockH2 = (function (_BlockText$React) {
_inherits(BlockH2, _BlockText$React);
function BlockH2() {
_classCallCheck(this, BlockH2);
_get(Object.getPrototypeOf(BlockH2.prototype), 'constructor', this).apply(this, arguments);
}
_createClass(BlockH2, [{
key: 'captureReturn',
value: function captureReturn() {
this.props.addBlock("text", this.props.position);
}
}, {
key: 'render',
value: function render() {
return _react2['default'].createElement(
'h2',
{ className: 'katap-block katap-h2' },
_react2['default'].createElement(_componentsMedium2['default'],
//showToolbar={false}
{ options: options,
content: this.props.content,
captureReturn: this.captureReturn,
enterCapture: true,
onContentChanged: this.onContentChanged })
);
}
}]);
return BlockH2;
})(_text2['default'].React);
var H2 = {
Name: 'h2',
React: BlockH2,
Icon: '',
Empty: function Empty() {
return '';
},
maximumBlocks: 0,
Description: 'Heading',
isEmpty: function isEmpty(content) {
return content.replace(/(<([^>]+)>)/ig, '') === '';
}
};
exports['default'] = H2;
module.exports = exports['default'];
"use strict";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 _inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)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:!1,writable:!0,configurable:!0}}),superClass&&(Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass)}Object.defineProperty(exports,"__esModule",{value:!0});var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){return protoProps&&defineProperties(Constructor.prototype,protoProps),staticProps&&defineProperties(Constructor,staticProps),Constructor}}(),_get=function(_x,_x2,_x3){for(var _again=!0;_again;){var object=_x,property=_x2,receiver=_x3;desc=parent=getter=void 0,_again=!1,null===object&&(object=Function.prototype);var desc=Object.getOwnPropertyDescriptor(object,property);if(void 0!==desc){if("value"in desc)return desc.value;var getter=desc.get;return void 0===getter?void 0:getter.call(receiver)}var parent=Object.getPrototypeOf(object);if(null===parent)return void 0;_x=parent,_x2=property,_x3=receiver,_again=!0}},_react=require("react"),_react2=_interopRequireDefault(_react),_componentsMedium=require("../components/medium"),_componentsMedium2=_interopRequireDefault(_componentsMedium),_text=require("./text"),_text2=_interopRequireDefault(_text),options={toolbar:{buttons:["bold","italic","underline","anchor","strikethrough"]},autoLink:!1,imageDragging:!1,placeholder:{text:"Heading..."},paste:{forcePlainText:!0,cleanPastedHTML:!1}},BlockH2=function(_BlockText$React){function BlockH2(){_classCallCheck(this,BlockH2),_get(Object.getPrototypeOf(BlockH2.prototype),"constructor",this).apply(this,arguments)}return _inherits(BlockH2,_BlockText$React),_createClass(BlockH2,[{key:"captureReturn",value:function(){this.props.addBlock("text",this.props.position)}},{key:"render",value:function(){return _react2["default"].createElement("h2",{className:"katap-block katap-h2"},_react2["default"].createElement(_componentsMedium2["default"],{options:options,content:this.props.content,captureReturn:this.captureReturn,enterCapture:!0,onContentChanged:this.onContentChanged}))}}]),BlockH2}(_text2["default"].React),H2={Name:"h2",React:BlockH2,Icon:"",Empty:function(){return""},maximumBlocks:0,Description:"Heading",isEmpty:function(content){return""===content.replace(/(<([^>]+)>)/gi,"")}};exports["default"]=H2,module.exports=exports["default"];

56

npm/blocks/hr.js

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

'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; }; })();
var _get = function get(_x, _x2, _x3) { var _again = true; _function: while (_again) { var object = _x, property = _x2, receiver = _x3; desc = parent = getter = undefined; _again = false; if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { _x = parent; _x2 = property; _x3 = receiver; _again = true; continue _function; } } else if ('value' in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } } };
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 _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; }
var _react = require('react');
var _react2 = _interopRequireDefault(_react);
var BlockHR = (function (_React$Component) {
_inherits(BlockHR, _React$Component);
function BlockHR() {
_classCallCheck(this, BlockHR);
_get(Object.getPrototypeOf(BlockHR.prototype), 'constructor', this).apply(this, arguments);
}
_createClass(BlockHR, [{
key: 'render',
value: function render() {
return _react2['default'].createElement('hr', { className: 'katap-block katap-hr' });
}
}]);
return BlockHR;
})(_react2['default'].Component);
var HR = {
Name: 'hr',
React: BlockHR,
Icon: '',
Empty: function Empty() {
return '';
},
maximumBlocks: 0,
Description: 'Break',
isEmpty: function isEmpty(content) {
return true;
}
};
exports['default'] = HR;
module.exports = exports['default'];
"use strict";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 _inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)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:!1,writable:!0,configurable:!0}}),superClass&&(Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass)}Object.defineProperty(exports,"__esModule",{value:!0});var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){return protoProps&&defineProperties(Constructor.prototype,protoProps),staticProps&&defineProperties(Constructor,staticProps),Constructor}}(),_get=function(_x,_x2,_x3){for(var _again=!0;_again;){var object=_x,property=_x2,receiver=_x3;desc=parent=getter=void 0,_again=!1,null===object&&(object=Function.prototype);var desc=Object.getOwnPropertyDescriptor(object,property);if(void 0!==desc){if("value"in desc)return desc.value;var getter=desc.get;return void 0===getter?void 0:getter.call(receiver)}var parent=Object.getPrototypeOf(object);if(null===parent)return void 0;_x=parent,_x2=property,_x3=receiver,_again=!0}},_react=require("react"),_react2=_interopRequireDefault(_react),BlockHR=function(_React$Component){function BlockHR(){_classCallCheck(this,BlockHR),_get(Object.getPrototypeOf(BlockHR.prototype),"constructor",this).apply(this,arguments)}return _inherits(BlockHR,_React$Component),_createClass(BlockHR,[{key:"render",value:function(){return _react2["default"].createElement("hr",{className:"katap-block katap-hr"})}}]),BlockHR}(_react2["default"].Component),HR={Name:"hr",React:BlockHR,Icon:"",Empty:function(){return""},maximumBlocks:0,Description:"Break",isEmpty:function(content){return!0}};exports["default"]=HR,module.exports=exports["default"];

196

npm/blocks/image.js

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

'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; }; })();
var _get = function get(_x, _x2, _x3) { var _again = true; _function: while (_again) { var object = _x, property = _x2, receiver = _x3; desc = parent = getter = undefined; _again = false; if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { _x = parent; _x2 = property; _x3 = receiver; _again = true; continue _function; } } else if ('value' in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } } };
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 _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; }
var _react = require('react');
var _react2 = _interopRequireDefault(_react);
var _componentsDroppable = require('../components/droppable');
var _componentsDroppable2 = _interopRequireDefault(_componentsDroppable);
var _utilsKeys = require('../utils/keys');
var _utilsKeys2 = _interopRequireDefault(_utilsKeys);
var _utils = require('../utils');
require('isomorphic-fetch');
var UploadUrl = '';
var BlockImage = (function (_React$Component) {
_inherits(BlockImage, _React$Component);
function BlockImage(props) {
_classCallCheck(this, BlockImage);
_get(Object.getPrototypeOf(BlockImage.prototype), 'constructor', this).call(this, props);
this.handleImage = this.handleImage.bind(this);
this.changeSubtext = this.changeSubtext.bind(this);
this.handleKeyPress = this.handleKeyPress.bind(this);
}
_createClass(BlockImage, [{
key: 'componentDidMount',
value: function componentDidMount() {
var content = this.props.content;
if (!content || content.url === "") {
this.refs.img.focus();
}
}
}, {
key: 'handleImage',
value: function handleImage(files) {
var UploadUrl = this.props.UploadUrl;
var self = this;
var file = files[0];
if (file.type.indexOf("image/") !== 0) {
alert("Provide a valid image file.");
return;
}
var newContent = {};
newContent.subtext = this.props.content.subtext;
if (UploadUrl !== "") {
var data = new FormData();
data.append("image", file);
fetch(UploadUrl, {
method: 'POST',
credentials: 'same-origin',
body: data
}).then(function (response) {
if (response.status >= 200 && response.status < 300) {
return response.json();
} else {
var error = new Error(response.statusText);
error.response = response;
throw error;
}
}).then(function (json) {
if (json.type && json.type === "success") {
if (self.props.onContentChanged) {
newContent.url = json.message;
self.props.onContentChanged(self.props.position, newContent);
}
} else {
alert('Could not upload.');
}
})['catch'](function (error) {
console.error(error);
alert('Error while uploading. Retry.');
});
} else if (this.props.onContentChanged) {
newContent.url = file.preview;
this.props.onContentChanged(this.props.position, newContent);
}
}
}, {
key: 'changeSubtext',
value: function changeSubtext(e) {
if (this.props.onContentChanged) {
var newContent = {
url: this.props.content.url,
subtext: e.target.value
};
//console.log(newContent);
this.props.onContentChanged(this.props.position, newContent);
}
}
}, {
key: 'handleKeyPress',
value: function handleKeyPress(e) {
if (e.which === _utilsKeys2['default'].ENTER) {
if (_utils.UrlRegex.test(e.target.value)) {
var newContent = {};
newContent.subtext = this.props.content.subtext;
newContent.url = e.target.value;
if (this.props.onContentChanged) {
this.props.onContentChanged(this.props.position, newContent);
}
} else {
alert('Enter a valid URL.');
}
_utils.UrlRegex.lastIndex = 0;
}
}
}, {
key: 'render',
value: function render() {
var content = this.props.content;
if (!content || content.url === "") {
return _react2['default'].createElement(
'div',
{ className: 'katap-block katap-image' },
_react2['default'].createElement('input', {
ref: 'img',
type: 'text',
placeholder: 'Paste URL of image and press enter',
onKeyDown: this.handleKeyPress }),
_react2['default'].createElement(
_componentsDroppable2['default'],
{
onDrop: this.handleImage },
_react2['default'].createElement(
'p',
null,
this.props.message
)
)
);
} else {
return _react2['default'].createElement(
'div',
{ className: 'katap-block katap-image' },
_react2['default'].createElement('img', { src: content.url }),
_react2['default'].createElement('input', {
type: 'text',
className: 'katap-image-subtext',
placeholder: 'Image subtext',
onChange: this.changeSubtext,
value: content.subtext })
);
}
}
}]);
return BlockImage;
})(_react2['default'].Component);
BlockImage.defaultProps = {
UploadUrl: '',
message: 'Or Drop image here or click to add.'
};
var Image = {
Name: 'image',
React: BlockImage,
Icon: '',
Empty: function Empty() {
return {
url: '',
subtext: ''
};
},
maximumBlocks: 0,
Description: 'Image',
isEmpty: function isEmpty(content) {
return content.url === '';
}
};
exports['default'] = Image;
module.exports = exports['default'];
"use strict";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 _inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)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:!1,writable:!0,configurable:!0}}),superClass&&(Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass)}Object.defineProperty(exports,"__esModule",{value:!0});var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){return protoProps&&defineProperties(Constructor.prototype,protoProps),staticProps&&defineProperties(Constructor,staticProps),Constructor}}(),_get=function(_x,_x2,_x3){for(var _again=!0;_again;){var object=_x,property=_x2,receiver=_x3;desc=parent=getter=void 0,_again=!1,null===object&&(object=Function.prototype);var desc=Object.getOwnPropertyDescriptor(object,property);if(void 0!==desc){if("value"in desc)return desc.value;var getter=desc.get;return void 0===getter?void 0:getter.call(receiver)}var parent=Object.getPrototypeOf(object);if(null===parent)return void 0;_x=parent,_x2=property,_x3=receiver,_again=!0}},_react=require("react"),_react2=_interopRequireDefault(_react),_componentsDroppable=require("../components/droppable"),_componentsDroppable2=_interopRequireDefault(_componentsDroppable),_utilsKeys=require("../utils/keys"),_utilsKeys2=_interopRequireDefault(_utilsKeys),_utils=require("../utils");require("isomorphic-fetch");var UploadUrl="",BlockImage=function(_React$Component){function BlockImage(props){_classCallCheck(this,BlockImage),_get(Object.getPrototypeOf(BlockImage.prototype),"constructor",this).call(this,props),this.handleImage=this.handleImage.bind(this),this.changeSubtext=this.changeSubtext.bind(this),this.handleKeyPress=this.handleKeyPress.bind(this)}return _inherits(BlockImage,_React$Component),_createClass(BlockImage,[{key:"componentDidMount",value:function(){var content=this.props.content;content&&""!==content.url||this.refs.img.focus()}},{key:"handleImage",value:function(files){var UploadUrl=this.props.UploadUrl,self=this,file=files[0];if(0!==file.type.indexOf("image/"))return void alert("Provide a valid image file.");var newContent={};if(newContent.subtext=this.props.content.subtext,""!==UploadUrl){var data=new FormData;data.append("image",file),fetch(UploadUrl,{method:"POST",credentials:"same-origin",body:data}).then(function(response){if(response.status>=200&&response.status<300)return response.json();var error=new Error(response.statusText);throw error.response=response,error}).then(function(json){json.type&&"success"===json.type?self.props.onContentChanged&&(newContent.url=json.message,self.props.onContentChanged(self.props.position,newContent)):alert("Could not upload.")})["catch"](function(error){console.error(error),alert("Error while uploading. Retry.")})}else this.props.onContentChanged&&(newContent.url=file.preview,this.props.onContentChanged(this.props.position,newContent))}},{key:"changeSubtext",value:function(e){if(this.props.onContentChanged){var newContent={url:this.props.content.url,subtext:e.target.value};this.props.onContentChanged(this.props.position,newContent)}}},{key:"handleKeyPress",value:function(e){if(e.which===_utilsKeys2["default"].ENTER){if(_utils.UrlRegex.test(e.target.value)){var newContent={};newContent.subtext=this.props.content.subtext,newContent.url=e.target.value,this.props.onContentChanged&&this.props.onContentChanged(this.props.position,newContent)}else alert("Enter a valid URL.");_utils.UrlRegex.lastIndex=0}}},{key:"render",value:function(){var content=this.props.content;return content&&""!==content.url?_react2["default"].createElement("div",{className:"katap-block katap-image"},_react2["default"].createElement("img",{src:content.url}),_react2["default"].createElement("input",{type:"text",className:"katap-image-subtext",placeholder:"Image subtext",onChange:this.changeSubtext,value:content.subtext})):_react2["default"].createElement("div",{className:"katap-block katap-image"},_react2["default"].createElement("input",{ref:"img",type:"text",placeholder:"Paste URL of image and press enter",onKeyDown:this.handleKeyPress}),_react2["default"].createElement(_componentsDroppable2["default"],{onDrop:this.handleImage},_react2["default"].createElement("p",null,this.props.message)))}}]),BlockImage}(_react2["default"].Component);BlockImage.defaultProps={UploadUrl:"",message:"Or Drop image here or click to add."};var Image={Name:"image",React:BlockImage,Icon:"",Empty:function(){return{url:"",subtext:""}},maximumBlocks:0,Description:"Image",isEmpty:function(content){return""===content.url}};exports["default"]=Image,module.exports=exports["default"];

47

npm/blocks/index.js

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

'use strict';
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var _embed = require('./embed');
var _embed2 = _interopRequireDefault(_embed);
var _h2 = require('./h2');
var _h22 = _interopRequireDefault(_h2);
var _hr = require('./hr');
var _hr2 = _interopRequireDefault(_hr);
var _image = require('./image');
var _image2 = _interopRequireDefault(_image);
var _ol = require('./ol');
var _ol2 = _interopRequireDefault(_ol);
var _quote = require('./quote');
var _quote2 = _interopRequireDefault(_quote);
var _text = require('./text');
var _text2 = _interopRequireDefault(_text);
var _ul = require('./ul');
var _ul2 = _interopRequireDefault(_ul);
module.exports = {
text: _text2['default'],
image: _image2['default'],
embed: _embed2['default'],
quote: _quote2['default'],
h2: _h22['default'],
ol: _ol2['default'],
ul: _ul2['default'],
hr: _hr2['default']
};
"use strict";function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{"default":obj}}var _embed=require("./embed"),_embed2=_interopRequireDefault(_embed),_h2=require("./h2"),_h22=_interopRequireDefault(_h2),_hr=require("./hr"),_hr2=_interopRequireDefault(_hr),_image=require("./image"),_image2=_interopRequireDefault(_image),_ol=require("./ol"),_ol2=_interopRequireDefault(_ol),_quote=require("./quote"),_quote2=_interopRequireDefault(_quote),_text=require("./text"),_text2=_interopRequireDefault(_text),_ul=require("./ul"),_ul2=_interopRequireDefault(_ul);module.exports={text:_text2["default"],image:_image2["default"],embed:_embed2["default"],quote:_quote2["default"],h2:_h22["default"],ol:_ol2["default"],ul:_ul2["default"],hr:_hr2["default"]};

149

npm/blocks/ol.js

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

'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; }; })();
var _get = function get(_x, _x2, _x3) { var _again = true; _function: while (_again) { var object = _x, property = _x2, receiver = _x3; desc = parent = getter = undefined; _again = false; if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { _x = parent; _x2 = property; _x3 = receiver; _again = true; continue _function; } } else if ('value' in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } } };
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 _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; }
var _react = require('react');
var _react2 = _interopRequireDefault(_react);
var _utilsAction = require('../utils/action');
var _utilsAction2 = _interopRequireDefault(_utilsAction);
var _componentsListitem = require('../components/listitem');
var _componentsListitem2 = _interopRequireDefault(_componentsListitem);
var _componentsBlockcontrol = require('../components/blockcontrol');
var _componentsBlockcontrol2 = _interopRequireDefault(_componentsBlockcontrol);
var _utils = require('../utils');
var BlockOL = (function (_React$Component) {
_inherits(BlockOL, _React$Component);
function BlockOL(props) {
_classCallCheck(this, BlockOL);
_get(Object.getPrototypeOf(BlockOL.prototype), 'constructor', this).call(this, props);
this.onContentChanged = this.onContentChanged.bind(this);
this.addItem = this.addItem.bind(this);
this.handleItemRemove = this.handleItemRemove.bind(this);
this.renderListItem = this.renderListItem.bind(this);
}
_createClass(BlockOL, [{
key: 'onContentChanged',
value: function onContentChanged(position, content) {
this.props.content[position].content = content;
if (this.props.onContentChanged) {
this.props.onContentChanged(this.props.position, this.props.content);
}
}
}, {
key: 'addItem',
value: function addItem(position) {
if (position < 0 || position >= this.props.content.length) {
return;
}
var content = this.props.content;
content.push({
content: '',
key: (0, _utils.uuid)()
});
if (this.props.onContentChanged) {
this.props.onContentChanged(this.props.position, content);
}
}
}, {
key: 'handleItemRemove',
value: function handleItemRemove(action, position) {
// if(this.props.content.length < 2) {
// return;
// }
var content = this.props.content;
content.splice(position, 1);
if (this.props.onContentChanged) {
this.props.onContentChanged(this.props.position, content);
}
}
}, {
key: 'renderListItem',
value: function renderListItem() {
var self = this;
var li = [];
this.props.content.map(function (item, index) {
li.push(_react2['default'].createElement(
'li',
{ key: item.key },
_react2['default'].createElement(_componentsBlockcontrol2['default'], {
onlyRemove: true,
blockAction: self.handleItemRemove,
position: index,
className: 'katap-list-block-control',
length: self.props.content.length }),
_react2['default'].createElement(_componentsListitem2['default'], {
position: index,
content: item.content,
addItem: self.addItem,
onContentChanged: self.onContentChanged })
));
});
return li;
}
}, {
key: 'render',
value: function render() {
return _react2['default'].createElement(
'ol',
{ className: 'katap-block katap-list' },
this.renderListItem()
);
}
}]);
return BlockOL;
})(_react2['default'].Component);
var OL = {
Name: 'ol',
React: BlockOL,
Icon: '',
Empty: function Empty() {
return [{
content: '',
key: (0, _utils.uuid)()
}];
},
maximumBlocks: 0,
Description: 'Ordered List',
isEmpty: function isEmpty(content) {
for (var i = 0; i < content.length; i++) {
if (content[i].content.replace(/(<([^>]+)>)/ig, '') !== '') {
return false;
}
}
return true;
}
};
BlockOL.defaultProps = {
content: OL.Empty()
};
exports['default'] = OL;
module.exports = exports['default'];
"use strict";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 _inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)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:!1,writable:!0,configurable:!0}}),superClass&&(Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass)}Object.defineProperty(exports,"__esModule",{value:!0});var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){return protoProps&&defineProperties(Constructor.prototype,protoProps),staticProps&&defineProperties(Constructor,staticProps),Constructor}}(),_get=function(_x,_x2,_x3){for(var _again=!0;_again;){var object=_x,property=_x2,receiver=_x3;desc=parent=getter=void 0,_again=!1,null===object&&(object=Function.prototype);var desc=Object.getOwnPropertyDescriptor(object,property);if(void 0!==desc){if("value"in desc)return desc.value;var getter=desc.get;return void 0===getter?void 0:getter.call(receiver)}var parent=Object.getPrototypeOf(object);if(null===parent)return void 0;_x=parent,_x2=property,_x3=receiver,_again=!0}},_react=require("react"),_react2=_interopRequireDefault(_react),_utilsAction=require("../utils/action"),_utilsAction2=_interopRequireDefault(_utilsAction),_componentsListitem=require("../components/listitem"),_componentsListitem2=_interopRequireDefault(_componentsListitem),_componentsBlockcontrol=require("../components/blockcontrol"),_componentsBlockcontrol2=_interopRequireDefault(_componentsBlockcontrol),_utils=require("../utils"),BlockOL=function(_React$Component){function BlockOL(props){_classCallCheck(this,BlockOL),_get(Object.getPrototypeOf(BlockOL.prototype),"constructor",this).call(this,props),this.onContentChanged=this.onContentChanged.bind(this),this.addItem=this.addItem.bind(this),this.handleItemRemove=this.handleItemRemove.bind(this),this.renderListItem=this.renderListItem.bind(this)}return _inherits(BlockOL,_React$Component),_createClass(BlockOL,[{key:"onContentChanged",value:function(position,content){this.props.content[position].content=content,this.props.onContentChanged&&this.props.onContentChanged(this.props.position,this.props.content)}},{key:"addItem",value:function(position){if(!(0>position||position>=this.props.content.length)){var content=this.props.content;content.push({content:"",key:_utils.uuid()}),this.props.onContentChanged&&this.props.onContentChanged(this.props.position,content)}}},{key:"handleItemRemove",value:function(action,position){var content=this.props.content;content.splice(position,1),this.props.onContentChanged&&this.props.onContentChanged(this.props.position,content)}},{key:"renderListItem",value:function(){var self=this,li=[];return this.props.content.map(function(item,index){li.push(_react2["default"].createElement("li",{key:item.key},_react2["default"].createElement(_componentsBlockcontrol2["default"],{onlyRemove:!0,blockAction:self.handleItemRemove,position:index,className:"katap-list-block-control",length:self.props.content.length}),_react2["default"].createElement(_componentsListitem2["default"],{position:index,content:item.content,addItem:self.addItem,onContentChanged:self.onContentChanged})))}),li}},{key:"render",value:function(){return _react2["default"].createElement("ol",{className:"katap-block katap-list"},this.renderListItem())}}]),BlockOL}(_react2["default"].Component),OL={Name:"ol",React:BlockOL,Icon:"",Empty:function(){return[{content:"",key:_utils.uuid()}]},maximumBlocks:0,Description:"Ordered List",isEmpty:function(content){for(var i=0;i<content.length;i++)if(""!==content[i].content.replace(/(<([^>]+)>)/gi,""))return!1;return!0}};BlockOL.defaultProps={content:OL.Empty()},exports["default"]=OL,module.exports=exports["default"];

116

npm/blocks/quote.js

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

'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; }; })();
var _get = function get(_x, _x2, _x3) { var _again = true; _function: while (_again) { var object = _x, property = _x2, receiver = _x3; desc = parent = getter = undefined; _again = false; if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { _x = parent; _x2 = property; _x3 = receiver; _again = true; continue _function; } } else if ('value' in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } } };
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 _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; }
var _react = require('react');
var _react2 = _interopRequireDefault(_react);
var _text = require('./text');
var _text2 = _interopRequireDefault(_text);
var options = {
toolbar: {
buttons: ['bold', 'italic', 'underline', 'anchor', 'strikethrough', 'unorderedlist', 'orderedlist']
},
autoLink: false,
imageDragging: false,
placeholder: {
text: 'Enter a quote...'
}
};
var BlockQuote = (function (_BlockText$React) {
_inherits(BlockQuote, _BlockText$React);
function BlockQuote(props) {
_classCallCheck(this, BlockQuote);
_get(Object.getPrototypeOf(BlockQuote.prototype), 'constructor', this).call(this, props);
this.onContentChanged = this.onContentChanged.bind(this);
this.onCreditChange = this.onCreditChange.bind(this);
}
_createClass(BlockQuote, [{
key: 'onContentChanged',
value: function onContentChanged(content) {
var content = {
content: content,
credit: this.props.content.credit
};
if (this.props.onContentChanged) {
this.props.onContentChanged(this.props.position, content);
}
}
}, {
key: 'onCreditChange',
value: function onCreditChange(e) {
var content = {
content: this.props.content.content,
credit: e.target.value
};
if (this.props.onContentChanged) {
this.props.onContentChanged(this.props.position, content);
}
}
}, {
key: 'render',
value: function render() {
var TextComponent = this.props.rteBlock;
return _react2['default'].createElement(
'blockquote',
{ className: 'katap-block katap-text' },
_react2['default'].createElement(TextComponent, {
content: this.props.content.content,
options: options,
onContentChanged: this.onContentChanged }),
_react2['default'].createElement('input', {
className: 'katap-blockquote-credit',
type: 'text',
placeholder: 'Credit',
onChange: this.onCreditChange,
value: this.props.content.credit })
);
}
}]);
return BlockQuote;
})(_text2['default'].React);
var Quote = {
Name: 'quote',
React: BlockQuote,
Icon: '',
Empty: function Empty() {
return {
content: '',
credit: ''
};
},
maximumBlocks: 0,
Description: 'Block Quote',
isEmpty: function isEmpty(content) {
return content['content'].replace(/(<([^>]+)>)/ig, '') === '';
}
};
BlockQuote.defaultProps = {
content: Quote.Empty()
};
exports['default'] = Quote;
module.exports = exports['default'];
"use strict";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 _inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)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:!1,writable:!0,configurable:!0}}),superClass&&(Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass)}Object.defineProperty(exports,"__esModule",{value:!0});var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){return protoProps&&defineProperties(Constructor.prototype,protoProps),staticProps&&defineProperties(Constructor,staticProps),Constructor}}(),_get=function(_x,_x2,_x3){for(var _again=!0;_again;){var object=_x,property=_x2,receiver=_x3;desc=parent=getter=void 0,_again=!1,null===object&&(object=Function.prototype);var desc=Object.getOwnPropertyDescriptor(object,property);if(void 0!==desc){if("value"in desc)return desc.value;var getter=desc.get;return void 0===getter?void 0:getter.call(receiver)}var parent=Object.getPrototypeOf(object);if(null===parent)return void 0;_x=parent,_x2=property,_x3=receiver,_again=!0}},_react=require("react"),_react2=_interopRequireDefault(_react),_text=require("./text"),_text2=_interopRequireDefault(_text),options={toolbar:{buttons:["bold","italic","underline","anchor","strikethrough","unorderedlist","orderedlist"]},autoLink:!1,imageDragging:!1,placeholder:{text:"Enter a quote..."}},BlockQuote=function(_BlockText$React){function BlockQuote(props){_classCallCheck(this,BlockQuote),_get(Object.getPrototypeOf(BlockQuote.prototype),"constructor",this).call(this,props),this.onContentChanged=this.onContentChanged.bind(this),this.onCreditChange=this.onCreditChange.bind(this)}return _inherits(BlockQuote,_BlockText$React),_createClass(BlockQuote,[{key:"onContentChanged",value:function(content){var content={content:content,credit:this.props.content.credit};this.props.onContentChanged&&this.props.onContentChanged(this.props.position,content)}},{key:"onCreditChange",value:function(e){var content={content:this.props.content.content,credit:e.target.value};this.props.onContentChanged&&this.props.onContentChanged(this.props.position,content)}},{key:"render",value:function(){var TextComponent=this.props.rteBlock;return _react2["default"].createElement("blockquote",{className:"katap-block katap-text"},_react2["default"].createElement(TextComponent,{content:this.props.content.content,options:options,onContentChanged:this.onContentChanged}),_react2["default"].createElement("input",{className:"katap-blockquote-credit",type:"text",placeholder:"Credit",onChange:this.onCreditChange,value:this.props.content.credit}))}}]),BlockQuote}(_text2["default"].React),Quote={Name:"quote",React:BlockQuote,Icon:"",Empty:function(){return{content:"",credit:""}},maximumBlocks:0,Description:"Block Quote",isEmpty:function(content){return""===content.content.replace(/(<([^>]+)>)/gi,"")}};BlockQuote.defaultProps={content:Quote.Empty()},exports["default"]=Quote,module.exports=exports["default"];

115

npm/blocks/text.js

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

'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; }; })();
var _get = function get(_x, _x2, _x3) { var _again = true; _function: while (_again) { var object = _x, property = _x2, receiver = _x3; desc = parent = getter = undefined; _again = false; if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { _x = parent; _x2 = property; _x3 = receiver; _again = true; continue _function; } } else if ('value' in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } } };
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 _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; }
var _react = require('react');
var _react2 = _interopRequireDefault(_react);
//console.log(MediumEditorComponent);
var options = {
toolbar: {
buttons: ['bold', 'italic', 'underline', 'anchor', 'strikethrough'
// 'quote',
// 'unorderedlist',
// 'orderedlist'
]
},
autoLink: false,
imageDragging: false,
placeholder: {
text: 'Write your story...'
},
paste: {
forcePlainText: true,
cleanPastedHTML: false,
cleanTags: ['meta', 'span']
}
};
var BlockText = (function (_React$Component) {
_inherits(BlockText, _React$Component);
function BlockText(props) {
_classCallCheck(this, BlockText);
_get(Object.getPrototypeOf(BlockText.prototype), 'constructor', this).call(this, props);
this.captureReturn = this.captureReturn.bind(this);
this.onContentChanged = this.onContentChanged.bind(this);
this.splitBlock = this.splitBlock.bind(this);
}
_createClass(BlockText, [{
key: 'captureReturn',
value: function captureReturn() {
this.props.addBlock("text", this.props.position);
}
}, {
key: 'onContentChanged',
value: function onContentChanged(content) {
if (this.props.onContentChanged) {
this.props.onContentChanged(this.props.position, content);
}
}
}, {
key: 'splitBlock',
value: function splitBlock(e) {
this.props.splitBlock(this.props.position);
}
}, {
key: 'render',
value: function render() {
var TextComponent = this.props.rteBlock;
return _react2['default'].createElement(
'div',
{ className: 'katap-block katap-text' },
_react2['default'].createElement(
'div',
{ className: 'katap-toolbar-wrapper katap-clearfix' },
_react2['default'].createElement(
'button',
{ className: 'katap-splitter', onClick: this.splitBlock },
'</>'
)
),
_react2['default'].createElement(TextComponent, {
content: this.props.content,
options: options,
onContentChanged: this.onContentChanged })
);
}
}]);
return BlockText;
})(_react2['default'].Component);
var Text = {
Name: 'text',
React: BlockText,
Icon: '',
Empty: function Empty() {
return '';
},
maximumBlocks: 0,
Description: 'Text',
isEmpty: function isEmpty(content) {
return content.replace(/(<([^>]+)>)/ig, '') === '';
}
};
exports['default'] = Text;
module.exports = exports['default'];
"use strict";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 _inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)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:!1,writable:!0,configurable:!0}}),superClass&&(Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass)}Object.defineProperty(exports,"__esModule",{value:!0});var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){return protoProps&&defineProperties(Constructor.prototype,protoProps),staticProps&&defineProperties(Constructor,staticProps),Constructor}}(),_get=function(_x,_x2,_x3){for(var _again=!0;_again;){var object=_x,property=_x2,receiver=_x3;desc=parent=getter=void 0,_again=!1,null===object&&(object=Function.prototype);var desc=Object.getOwnPropertyDescriptor(object,property);if(void 0!==desc){if("value"in desc)return desc.value;var getter=desc.get;return void 0===getter?void 0:getter.call(receiver)}var parent=Object.getPrototypeOf(object);if(null===parent)return void 0;_x=parent,_x2=property,_x3=receiver,_again=!0}},_react=require("react"),_react2=_interopRequireDefault(_react),options={toolbar:{buttons:["bold","italic","underline","anchor","strikethrough"]},autoLink:!1,imageDragging:!1,placeholder:{text:"Write your story..."},paste:{forcePlainText:!0,cleanPastedHTML:!1,cleanTags:["meta","span"]}},BlockText=function(_React$Component){function BlockText(props){_classCallCheck(this,BlockText),_get(Object.getPrototypeOf(BlockText.prototype),"constructor",this).call(this,props),this.captureReturn=this.captureReturn.bind(this),this.onContentChanged=this.onContentChanged.bind(this),this.splitBlock=this.splitBlock.bind(this)}return _inherits(BlockText,_React$Component),_createClass(BlockText,[{key:"captureReturn",value:function(){this.props.addBlock("text",this.props.position)}},{key:"onContentChanged",value:function(content){this.props.onContentChanged&&this.props.onContentChanged(this.props.position,content)}},{key:"splitBlock",value:function(e){this.props.splitBlock(this.props.position)}},{key:"render",value:function(){var TextComponent=this.props.rteBlock;return _react2["default"].createElement("div",{className:"katap-block katap-text"},_react2["default"].createElement("div",{className:"katap-toolbar-wrapper katap-clearfix"},_react2["default"].createElement("button",{className:"katap-splitter",onClick:this.splitBlock},"</>")),_react2["default"].createElement(TextComponent,{content:this.props.content,options:options,onContentChanged:this.onContentChanged}))}}]),BlockText}(_react2["default"].Component),Text={Name:"text",React:BlockText,Icon:"",Empty:function(){return""},maximumBlocks:0,Description:"Text",isEmpty:function(content){return""===content.replace(/(<([^>]+)>)/gi,"")}};exports["default"]=Text,module.exports=exports["default"];

78

npm/blocks/ul.js

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

'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; }; })();
var _get = function get(_x, _x2, _x3) { var _again = true; _function: while (_again) { var object = _x, property = _x2, receiver = _x3; desc = parent = getter = undefined; _again = false; if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { _x = parent; _x2 = property; _x3 = receiver; _again = true; continue _function; } } else if ('value' in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } } };
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 _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; }
var _react = require('react');
var _react2 = _interopRequireDefault(_react);
var _ol = require('./ol');
var _ol2 = _interopRequireDefault(_ol);
var _utils = require('../utils');
var BlockUL = (function (_OL$React) {
_inherits(BlockUL, _OL$React);
function BlockUL() {
_classCallCheck(this, BlockUL);
_get(Object.getPrototypeOf(BlockUL.prototype), 'constructor', this).apply(this, arguments);
}
_createClass(BlockUL, [{
key: 'render',
value: function render() {
return _react2['default'].createElement(
'ul',
{ className: 'katap-block katap-list' },
this.renderListItem()
);
}
}]);
return BlockUL;
})(_ol2['default'].React);
var UL = {
Name: 'ul',
React: BlockUL,
Icon: '',
Empty: function Empty() {
return [{
content: '',
key: (0, _utils.uuid)()
}];
},
maximumBlocks: 0,
Description: 'Unordered List',
isEmpty: function isEmpty(content) {
for (var i = 0; i < content.length; i++) {
if (content[i].content.replace(/(<([^>]+)>)/ig, '') !== '') {
return false;
}
}
return true;
}
};
BlockUL.defaultProps = {
content: UL.Empty()
};
exports['default'] = UL;
module.exports = exports['default'];
"use strict";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 _inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)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:!1,writable:!0,configurable:!0}}),superClass&&(Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass)}Object.defineProperty(exports,"__esModule",{value:!0});var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){return protoProps&&defineProperties(Constructor.prototype,protoProps),staticProps&&defineProperties(Constructor,staticProps),Constructor}}(),_get=function(_x,_x2,_x3){for(var _again=!0;_again;){var object=_x,property=_x2,receiver=_x3;desc=parent=getter=void 0,_again=!1,null===object&&(object=Function.prototype);var desc=Object.getOwnPropertyDescriptor(object,property);if(void 0!==desc){if("value"in desc)return desc.value;var getter=desc.get;return void 0===getter?void 0:getter.call(receiver)}var parent=Object.getPrototypeOf(object);if(null===parent)return void 0;_x=parent,_x2=property,_x3=receiver,_again=!0}},_react=require("react"),_react2=_interopRequireDefault(_react),_ol=require("./ol"),_ol2=_interopRequireDefault(_ol),_utils=require("../utils"),BlockUL=function(_OL$React){function BlockUL(){_classCallCheck(this,BlockUL),_get(Object.getPrototypeOf(BlockUL.prototype),"constructor",this).apply(this,arguments)}return _inherits(BlockUL,_OL$React),_createClass(BlockUL,[{key:"render",value:function(){return _react2["default"].createElement("ul",{className:"katap-block katap-list"},this.renderListItem())}}]),BlockUL}(_ol2["default"].React),UL={Name:"ul",React:BlockUL,Icon:"",Empty:function(){return[{content:"",key:_utils.uuid()}]},maximumBlocks:0,Description:"Unordered List",isEmpty:function(content){for(var i=0;i<content.length;i++)if(""!==content[i].content.replace(/(<([^>]+)>)/gi,""))return!1;return!0}};BlockUL.defaultProps={content:UL.Empty()},exports["default"]=UL,module.exports=exports["default"];

135

npm/components/blockcontrol.js

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

'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; }; })();
var _get = function get(_x, _x2, _x3) { var _again = true; _function: while (_again) { var object = _x, property = _x2, receiver = _x3; desc = parent = getter = undefined; _again = false; if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { _x = parent; _x2 = property; _x3 = receiver; _again = true; continue _function; } } else if ('value' in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } } };
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 _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; }
var _react = require('react');
var _react2 = _interopRequireDefault(_react);
var _utilsAction = require('../utils/action');
var _utilsAction2 = _interopRequireDefault(_utilsAction);
var BlockControl = (function (_React$Component) {
_inherits(BlockControl, _React$Component);
function BlockControl(props) {
_classCallCheck(this, BlockControl);
_get(Object.getPrototypeOf(BlockControl.prototype), 'constructor', this).call(this, props);
this.handleClick = this.handleClick.bind(this);
this.getToolbar = this.getToolbar.bind(this);
}
_createClass(BlockControl, [{
key: 'handleClick',
value: function handleClick(e) {
//console.log(e);
var nodes = Array.prototype.slice.call(e.currentTarget.children);
var index = nodes.indexOf(e.target);
if (index < 0) {
return;
}
var action = nodes[index].getAttribute("data-action");
this.props.blockAction(action, this.props.position);
}
}, {
key: 'getToolbar',
value: function getToolbar(index) {
if (this.props.onlyRemove) {
return _react2['default'].createElement(
'div',
{
className: this.props.className,
onClick: this.handleClick },
_react2['default'].createElement(
'button',
{ title: 'Remove', 'data-action': _utilsAction2['default'].REMOVE, key: _utilsAction2['default'].REMOVE },
'×'
)
);
}
var buttons = [];
if (index === 0 && this.props.length < 2) {
buttons.push(_react2['default'].createElement(
'button',
{ title: 'Delete', 'data-action': _utilsAction2['default'].REMOVE, key: _utilsAction2['default'].REMOVE },
'×'
));
} else if (index === 0) {
buttons.push(_react2['default'].createElement(
'button',
{ title: 'Delete', 'data-action': _utilsAction2['default'].REMOVE, key: _utilsAction2['default'].REMOVE },
'×'
));
buttons.push(_react2['default'].createElement(
'button',
{ title: 'Move Down', 'data-action': _utilsAction2['default'].DOWN, key: _utilsAction2['default'].DOWN },
'↓'
));
} else if (index === this.props.length - 1) {
buttons.push(_react2['default'].createElement(
'button',
{ title: 'Delete', 'data-action': _utilsAction2['default'].REMOVE, key: _utilsAction2['default'].REMOVE },
'×'
));
buttons.push(_react2['default'].createElement(
'button',
{ title: 'Move Up', 'data-action': _utilsAction2['default'].UP, key: _utilsAction2['default'].UP },
'↑'
));
} else {
buttons.push(_react2['default'].createElement(
'button',
{ title: 'Delete', 'data-action': _utilsAction2['default'].REMOVE, key: _utilsAction2['default'].REMOVE },
'×'
));
buttons.push(_react2['default'].createElement(
'button',
{ title: 'Move Up', 'data-action': _utilsAction2['default'].UP, key: _utilsAction2['default'].UP },
'↑'
));
buttons.push(_react2['default'].createElement(
'button',
{ title: 'Move Down', 'data-action': _utilsAction2['default'].DOWN, key: _utilsAction2['default'].DOWN },
'↓'
));
}
return _react2['default'].createElement(
'div',
{
className: this.props.className,
onClick: this.handleClick },
buttons
);
}
}, {
key: 'render',
value: function render() {
return this.getToolbar(this.props.position);
}
}]);
return BlockControl;
})(_react2['default'].Component);
BlockControl.defaultProps = {
onlyRemove: false,
className: "katap-control-toolbar"
};
exports['default'] = BlockControl;
module.exports = exports['default'];
"use strict";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 _inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)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:!1,writable:!0,configurable:!0}}),superClass&&(Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass)}Object.defineProperty(exports,"__esModule",{value:!0});var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){return protoProps&&defineProperties(Constructor.prototype,protoProps),staticProps&&defineProperties(Constructor,staticProps),Constructor}}(),_get=function(_x,_x2,_x3){for(var _again=!0;_again;){var object=_x,property=_x2,receiver=_x3;desc=parent=getter=void 0,_again=!1,null===object&&(object=Function.prototype);var desc=Object.getOwnPropertyDescriptor(object,property);if(void 0!==desc){if("value"in desc)return desc.value;var getter=desc.get;return void 0===getter?void 0:getter.call(receiver)}var parent=Object.getPrototypeOf(object);if(null===parent)return void 0;_x=parent,_x2=property,_x3=receiver,_again=!0}},_react=require("react"),_react2=_interopRequireDefault(_react),_utilsAction=require("../utils/action"),_utilsAction2=_interopRequireDefault(_utilsAction),BlockControl=function(_React$Component){function BlockControl(props){_classCallCheck(this,BlockControl),_get(Object.getPrototypeOf(BlockControl.prototype),"constructor",this).call(this,props),this.handleClick=this.handleClick.bind(this),this.getToolbar=this.getToolbar.bind(this)}return _inherits(BlockControl,_React$Component),_createClass(BlockControl,[{key:"handleClick",value:function(e){var nodes=Array.prototype.slice.call(e.currentTarget.children),index=nodes.indexOf(e.target);if(!(0>index)){var action=nodes[index].getAttribute("data-action");this.props.blockAction(action,this.props.position)}}},{key:"getToolbar",value:function(index){if(this.props.onlyRemove)return _react2["default"].createElement("div",{className:this.props.className,onClick:this.handleClick},_react2["default"].createElement("button",{title:"Remove","data-action":_utilsAction2["default"].REMOVE,key:_utilsAction2["default"].REMOVE},"×"));var buttons=[];return 0===index&&this.props.length<2?buttons.push(_react2["default"].createElement("button",{title:"Delete","data-action":_utilsAction2["default"].REMOVE,key:_utilsAction2["default"].REMOVE},"×")):0===index?(buttons.push(_react2["default"].createElement("button",{title:"Delete","data-action":_utilsAction2["default"].REMOVE,key:_utilsAction2["default"].REMOVE},"×")),buttons.push(_react2["default"].createElement("button",{title:"Move Down","data-action":_utilsAction2["default"].DOWN,key:_utilsAction2["default"].DOWN},"↓"))):index===this.props.length-1?(buttons.push(_react2["default"].createElement("button",{title:"Delete","data-action":_utilsAction2["default"].REMOVE,key:_utilsAction2["default"].REMOVE},"×")),buttons.push(_react2["default"].createElement("button",{title:"Move Up","data-action":_utilsAction2["default"].UP,key:_utilsAction2["default"].UP},"↑"))):(buttons.push(_react2["default"].createElement("button",{title:"Delete","data-action":_utilsAction2["default"].REMOVE,key:_utilsAction2["default"].REMOVE},"×")),buttons.push(_react2["default"].createElement("button",{title:"Move Up","data-action":_utilsAction2["default"].UP,key:_utilsAction2["default"].UP},"↑")),buttons.push(_react2["default"].createElement("button",{title:"Move Down","data-action":_utilsAction2["default"].DOWN,key:_utilsAction2["default"].DOWN},"↓"))),_react2["default"].createElement("div",{className:this.props.className,onClick:this.handleClick},buttons)}},{key:"render",value:function(){return this.getToolbar(this.props.position)}}]),BlockControl}(_react2["default"].Component);BlockControl.defaultProps={onlyRemove:!1,className:"katap-control-toolbar"},exports["default"]=BlockControl,module.exports=exports["default"];

139

npm/components/droppable.js

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

'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; }; })();
var _get = function get(_x, _x2, _x3) { var _again = true; _function: while (_again) { var object = _x, property = _x2, receiver = _x3; desc = parent = getter = undefined; _again = false; if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { _x = parent; _x2 = property; _x3 = receiver; _again = true; continue _function; } } else if ('value' in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } } };
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 _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; }
var _react = require('react');
var _react2 = _interopRequireDefault(_react);
var _reactDom = require('react-dom');
var _reactDom2 = _interopRequireDefault(_reactDom);
var Droppable = (function (_React$Component) {
_inherits(Droppable, _React$Component);
function Droppable(props) {
_classCallCheck(this, Droppable);
_get(Object.getPrototypeOf(Droppable.prototype), 'constructor', this).call(this, props);
this.state = {
className: ''
};
this.getClassName = this.getClassName.bind(this);
this.onDragOver = this.onDragOver.bind(this);
this.onDragLeave = this.onDragLeave.bind(this);
this.onClick = this.onClick.bind(this);
this.onDrop = this.onDrop.bind(this);
}
_createClass(Droppable, [{
key: 'getClassName',
value: function getClassName() {
return 'katap-droppable ' + (this.props.className || this.state.className);
}
}, {
key: 'componentDidMount',
value: function componentDidMount() {
this.refs.droppable.focus();
}
}, {
key: 'onDragOver',
value: function onDragOver(e) {
e.preventDefault();
e.stopPropagation();
e.dataTransfer.dropEffect = 'copy';
var effectAllowed = e.dataTransfer.effectAllowed;
if (effectAllowed === 'all' || effectAllowed === 'uninitialized') {
this.setState({
className: 'katap-drop-active'
});
}
if (this.props.onDragOver) {
this.props.onDragOver(e);
}
}
}, {
key: 'onDragLeave',
value: function onDragLeave(e) {
this.setState({
className: ''
});
if (this.props.onDragLeave) {
this.props.onDragLeave(e);
}
}
}, {
key: 'onClick',
value: function onClick() {
var fileInput = this.refs.input;
fileInput.value = null;
fileInput.click();
}
}, {
key: 'onDrop',
value: function onDrop(e) {
e.preventDefault();
var files;
if (e.dataTransfer) {
files = e.dataTransfer.files;
} else if (e.target) {
files = e.target.files;
}
var maxFiles = this.props.multiple ? files.length : 1;
for (var i = 0; i < maxFiles; i++) {
files[i].preview = URL.createObjectURL(files[i]);
}
if (this.props.onDrop) {
files = Array.prototype.slice.call(files, 0, maxFiles);
this.props.onDrop(files);
}
}
}, {
key: 'render',
value: function render() {
return _react2['default'].createElement(
'div',
{
ref: 'droppable',
style: { height: 100 },
className: this.getClassName(),
onDragOver: this.onDragOver,
onDragLeave: this.onDragLeave,
onClick: this.onClick,
onDrop: this.onDrop },
_react2['default'].createElement('input', {
ref: 'input',
type: 'file',
style: { display: 'none' },
multiple: this.props.multiple,
onChange: this.onDrop }),
this.props.children
);
}
}]);
return Droppable;
})(_react2['default'].Component);
Droppable.defaultProps = {
supportClick: true,
multiple: false
};
exports['default'] = Droppable;
module.exports = exports['default'];
"use strict";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 _inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)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:!1,writable:!0,configurable:!0}}),superClass&&(Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass)}Object.defineProperty(exports,"__esModule",{value:!0});var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){return protoProps&&defineProperties(Constructor.prototype,protoProps),staticProps&&defineProperties(Constructor,staticProps),Constructor}}(),_get=function(_x,_x2,_x3){for(var _again=!0;_again;){var object=_x,property=_x2,receiver=_x3;desc=parent=getter=void 0,_again=!1,null===object&&(object=Function.prototype);var desc=Object.getOwnPropertyDescriptor(object,property);if(void 0!==desc){if("value"in desc)return desc.value;var getter=desc.get;return void 0===getter?void 0:getter.call(receiver)}var parent=Object.getPrototypeOf(object);if(null===parent)return void 0;_x=parent,_x2=property,_x3=receiver,_again=!0}},_react=require("react"),_react2=_interopRequireDefault(_react),_reactDom=require("react-dom"),_reactDom2=_interopRequireDefault(_reactDom),Droppable=function(_React$Component){function Droppable(props){_classCallCheck(this,Droppable),_get(Object.getPrototypeOf(Droppable.prototype),"constructor",this).call(this,props),this.state={className:""},this.getClassName=this.getClassName.bind(this),this.onDragEnter=this.onDragEnter.bind(this),this.onDragOver=this.onDragOver.bind(this),this.onDragLeave=this.onDragLeave.bind(this),this.onClick=this.onClick.bind(this),this.onDrop=this.onDrop.bind(this)}return _inherits(Droppable,_React$Component),_createClass(Droppable,[{key:"getClassName",value:function(){return"katap-droppable "+(this.props.className||this.state.className)}},{key:"onDragEnter",value:function(e){e.preventDefault(),e.stopPropagation(),this.setState({className:"katap-drop-active"})}},{key:"componentDidMount",value:function(){this.refs.droppable.focus()}},{key:"onDragOver",value:function(e){e.preventDefault(),e.stopPropagation(),e.dataTransfer.dropEffect="copy",this.props.onDragOver&&this.props.onDragOver(e)}},{key:"onDragLeave",value:function(e){this.setState({className:""}),this.props.onDragLeave&&this.props.onDragLeave(e)}},{key:"onClick",value:function(){var fileInput=this.refs.input;fileInput.value=null,fileInput.click()}},{key:"onDrop",value:function(e){e.preventDefault();var files;e.dataTransfer?files=e.dataTransfer.files:e.target&&(files=e.target.files);for(var maxFiles=this.props.multiple?files.length:1,i=0;maxFiles>i;i++)files[i].preview=URL.createObjectURL(files[i]);this.props.onDrop&&(files=Array.prototype.slice.call(files,0,maxFiles),this.props.onDrop(files))}},{key:"render",value:function(){return _react2["default"].createElement("div",{ref:"droppable",style:{height:100},className:this.getClassName(),onDragEnter:this.onDragEnter,onDragOver:this.onDragOver,onDragLeave:this.onDragLeave,onClick:this.onClick,onDrop:this.onDrop},_react2["default"].createElement("input",{ref:"input",type:"file",style:{display:"none"},multiple:this.props.multiple,onChange:this.onDrop}),this.props.children)}}]),Droppable}(_react2["default"].Component);Droppable.defaultProps={supportClick:!0,multiple:!1},exports["default"]=Droppable,module.exports=exports["default"];

82

npm/components/listitem.js

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

'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; }; })();
var _get = function get(_x, _x2, _x3) { var _again = true; _function: while (_again) { var object = _x, property = _x2, receiver = _x3; desc = parent = getter = undefined; _again = false; if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { _x = parent; _x2 = property; _x3 = receiver; _again = true; continue _function; } } else if ('value' in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } } };
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 _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; }
var _react = require('react');
var _react2 = _interopRequireDefault(_react);
var _medium = require('./medium');
var _medium2 = _interopRequireDefault(_medium);
var options = {
toolbar: {
buttons: ['bold', 'italic', 'underline', 'anchor', 'strikethrough']
},
autoLink: false,
imageDragging: false,
placeholder: {
text: 'List item...'
},
paste: {
forcePlainText: true,
cleanPastedHTML: false
}
};
var LI = (function (_React$Component) {
_inherits(LI, _React$Component);
function LI(props) {
_classCallCheck(this, LI);
_get(Object.getPrototypeOf(LI.prototype), 'constructor', this).call(this, props);
this.captureReturn = this.captureReturn.bind(this);
this.onContentChanged = this.onContentChanged.bind(this);
}
_createClass(LI, [{
key: 'captureReturn',
value: function captureReturn() {
if (this.props.addItem) {
this.props.addItem(this.props.position);
}
}
}, {
key: 'onContentChanged',
value: function onContentChanged(content) {
if (this.props.onContentChanged) {
this.props.onContentChanged(this.props.position, content);
}
}
}, {
key: 'render',
value: function render() {
return _react2['default'].createElement(_medium2['default'], {
content: this.props.content,
captureReturn: this.captureReturn,
enterCapture: true,
options: options,
onContentChanged: this.onContentChanged });
}
}]);
return LI;
})(_react2['default'].Component);
exports['default'] = LI;
module.exports = exports['default'];
"use strict";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 _inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)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:!1,writable:!0,configurable:!0}}),superClass&&(Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass)}Object.defineProperty(exports,"__esModule",{value:!0});var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){return protoProps&&defineProperties(Constructor.prototype,protoProps),staticProps&&defineProperties(Constructor,staticProps),Constructor}}(),_get=function(_x,_x2,_x3){for(var _again=!0;_again;){var object=_x,property=_x2,receiver=_x3;desc=parent=getter=void 0,_again=!1,null===object&&(object=Function.prototype);var desc=Object.getOwnPropertyDescriptor(object,property);if(void 0!==desc){if("value"in desc)return desc.value;var getter=desc.get;return void 0===getter?void 0:getter.call(receiver)}var parent=Object.getPrototypeOf(object);if(null===parent)return void 0;_x=parent,_x2=property,_x3=receiver,_again=!0}},_react=require("react"),_react2=_interopRequireDefault(_react),_medium=require("./medium"),_medium2=_interopRequireDefault(_medium),options={toolbar:{buttons:["bold","italic","underline","anchor","strikethrough"]},autoLink:!1,imageDragging:!1,placeholder:{text:"List item..."},paste:{forcePlainText:!0,cleanPastedHTML:!1}},LI=function(_React$Component){function LI(props){_classCallCheck(this,LI),_get(Object.getPrototypeOf(LI.prototype),"constructor",this).call(this,props),this.captureReturn=this.captureReturn.bind(this),this.onContentChanged=this.onContentChanged.bind(this)}return _inherits(LI,_React$Component),_createClass(LI,[{key:"captureReturn",value:function(){this.props.addItem&&this.props.addItem(this.props.position)}},{key:"onContentChanged",value:function(content){this.props.onContentChanged&&this.props.onContentChanged(this.props.position,content)}},{key:"render",value:function(){return _react2["default"].createElement(_medium2["default"],{content:this.props.content,captureReturn:this.captureReturn,enterCapture:!0,options:options,onContentChanged:this.onContentChanged})}}]),LI}(_react2["default"].Component);exports["default"]=LI,module.exports=exports["default"];

131

npm/components/medium.js

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

'use strict';
var React = require('react');
var ReactDOM = require('react-dom');
var MediumEditor = require('medium-editor');
var Keys = require('../utils/keys');
var options = {
toolbar: {
buttons: ['bold', 'italic', 'underline', 'anchor', 'strikethrough'
//'quote',
//'unorderedlist',
//'orderedlist'
]
},
autoLink: false,
imageDragging: false,
placeholder: {
text: 'Write your story...'
},
paste: {
forcePlainText: true,
cleanPastedHTML: false
}
};
module.exports = React.createClass({
displayName: 'MediumEditor',
placeCaretAtEnd: function placeCaretAtEnd() {
var el = this.dom;
el.focus();
if (typeof window.getSelection != "undefined" && typeof document.createRange != "undefined") {
var range = document.createRange();
range.selectNodeContents(el);
range.collapse(false);
var sel = window.getSelection();
sel.removeAllRanges();
sel.addRange(range);
} else if (typeof document.body.createTextRange != "undefined") {
var textRange = document.body.createTextRange();
textRange.moveToElementText(el);
textRange.collapse(false);
textRange.select();
}
},
getInitialState: function getInitialState() {
return {
content: this.props.content
};
},
getDefaultProps: function getDefaultProps() {
return {
tag: 'div',
className: 'katap-medium-editor markdown-body',
options: options,
enterCapture: false
};
},
captureReturn: function captureReturn(e) {
if (e.which === Keys.ENTER) {
e.preventDefault();
if (this.props.captureReturn) {
this.props.captureReturn();
this.dom.innerHTML = this.dom.innerHTML.replace('<p><br></p>', '');
this.props.onContentChanged(this.dom.innerHTML.replace('<p><br></p>', ''));
}
}
},
componentDidMount: function componentDidMount() {
var _this = this;
var dom = ReactDOM.findDOMNode(this);
this.dom = dom;
var options = this.props.options;
options.cleanTags = ['meta', 'span'];
this.medium = new MediumEditor(dom, options);
if (this.props.enterCapture) {
this.medium.subscribe('editableKeyup', this.captureReturn);
this.medium.subscribe('editableInput', function (e) {
_this._updated = true;
_this.change(dom.innerHTML.replace('<p><br></p>', ''));
});
} else {
this.medium.subscribe('editableInput', function (e) {
_this._updated = true;
_this.change(dom.innerHTML);
});
}
// this.medium.subscribe('blur', function(e) {
// });
if (this.state.content === "") {
this.placeCaretAtEnd();
}
},
componentWillUnmount: function componentWillUnmount() {
this.medium.destroy();
},
componentWillReceiveProps: function componentWillReceiveProps(nextProps) {
if (nextProps.content !== this.state.content && !this._updated) {
this.setState({ content: nextProps.content });
}
if (this._updated) this._updated = false;
},
shouldComponentUpdate: function shouldComponentUpdate(nextProps) {
return nextProps.content !== this.dom.innerHTML;
},
render: function render() {
return React.createElement(this.props.tag, {
className: this.props.className,
contentEditable: true,
ref: 'mediumeditor',
dangerouslySetInnerHTML: { __html: this.state.content }
});
},
change: function change(text) {
if (this.props.onContentChanged) this.props.onContentChanged(text);
}
});
"use strict";var React=require("react"),ReactDOM=require("react-dom"),MediumEditor=require("medium-editor"),Keys=require("../utils/keys"),options={toolbar:{buttons:["bold","italic","underline","anchor","strikethrough"]},autoLink:!1,imageDragging:!1,placeholder:{text:"Write your story..."},paste:{forcePlainText:!0,cleanPastedHTML:!1}};module.exports=React.createClass({displayName:"MediumEditor",placeCaretAtEnd:function(){var el=this.dom;if(el.focus(),"undefined"!=typeof window.getSelection&&"undefined"!=typeof document.createRange){var range=document.createRange();range.selectNodeContents(el),range.collapse(!1);var sel=window.getSelection();sel.removeAllRanges(),sel.addRange(range)}else if("undefined"!=typeof document.body.createTextRange){var textRange=document.body.createTextRange();textRange.moveToElementText(el),textRange.collapse(!1),textRange.select()}},getInitialState:function(){return{content:this.props.content}},getDefaultProps:function(){return{tag:"div",className:"katap-medium-editor markdown-body",options:options,enterCapture:!1}},captureReturn:function(e){e.which===Keys.ENTER&&(e.preventDefault(),this.props.captureReturn&&(this.props.captureReturn(),this.dom.innerHTML=this.dom.innerHTML.replace("<p><br></p>",""),this.props.onContentChanged(this.dom.innerHTML.replace("<p><br></p>",""))))},componentDidMount:function(){var _this=this,dom=ReactDOM.findDOMNode(this);this.dom=dom;var options=this.props.options;options.cleanTags=["meta","span"],this.medium=new MediumEditor(dom,options),this.props.enterCapture?(this.medium.subscribe("editableKeyup",this.captureReturn),this.medium.subscribe("editableInput",function(e){_this._updated=!0,_this.change(dom.innerHTML.replace("<p><br></p>",""))})):this.medium.subscribe("editableInput",function(e){_this._updated=!0,_this.change(dom.innerHTML)}),""===this.state.content&&this.placeCaretAtEnd()},componentWillUnmount:function(){this.medium.destroy()},componentWillReceiveProps:function(nextProps){nextProps.content===this.state.content||this._updated||this.setState({content:nextProps.content}),this._updated&&(this._updated=!1)},shouldComponentUpdate:function(nextProps){return nextProps.content!==this.dom.innerHTML},render:function(){return React.createElement(this.props.tag,{className:this.props.className,contentEditable:!0,ref:"mediumeditor",dangerouslySetInnerHTML:{__html:this.state.content}})},change:function(text){this.props.onContentChanged&&this.props.onContentChanged(text)}});

225

npm/components/quill.js

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

"use strict";
// import React from 'react';
// import ReactDOM from 'react-dom';
// import Quill from 'quill';
// // let T = React.PropTypes;
// let ExtraEnter = "<div><br></div>";
// var buttons = [
// { type:'bold', label:'Bold'},
// { type:'italic', label:'Italic'},
// { type:'underline', label:'Underline'},
// { type:'link', label:'Link'},
// { type:'strike', label:'Strike'},
// { type:'bullet', label:'UL'},
// { type:'list', label:'OL'},
// ];
// let defaultItems = [
// {
// label:'Text',
// type:'group',
// items: buttons
// }
// ];
// var items = [];
// defaultItems[0].items.forEach(function(item, index) {
// items.push(item.type);
// });
// class QuillComponent extends React.Component {
// constructor(props) {
// super(props);
// this.state = {
// showToolbar: true,
// };
// this.enterPressed = this.enterPressed.bind(this);
// this.createEditor = this.createEditor.bind(this);
// this.hookEditor = this.hookEditor.bind(this);
// this.focus = this.focus.bind(this);
// this.onEditorChange = this.onEditorChange.bind(this);
// this.captureReturn = this.captureReturn.bind(this);
// this.getEditorContents = this.getEditorContents.bind(this);
// this.setEditorContents = this.setEditorContents.bind(this);
// this.isControlled = this.isControlled.bind(this);
// this.getEditorConfig = this.getEditorConfig.bind(this);
// this.getEditorElement = this.getEditorElement.bind(this);
// this.renderItems = this.renderItems.bind(this);
// this.renderGroups = this.renderGroups.bind(this);
// }
// enterPressed() {
// if(this.props.enterPressed) {
// this.props.enterPressed();
// }
// }
// createEditor($el, config) {
// var editor = new Quill($el, config);
// this.hookEditor(editor);
// return editor;
// }
// hookEditor(editor) {
// editor.on('text-change', function(delta, source) {
// if (this.onEditorChange) {
// this.onEditorChange(editor.getHTML(), delta, source);
// }
// }.bind(this));
// editor.on('selection-change', function(range, source) {
// if (this.onEditorChangeSelection) {
// this.onEditorChangeSelection(range, source);
// }
// }.bind(this));
// if(this.props.enterCapture) {
// editor.addModule('enterHandler', {
// keydown: this.captureReturn
// });
// }
// this.setEditorContents(editor, this.props.content);
// }
// focus() {
// this.state.editor.focus();
// }
// onEditorChange(value, delta, source) {
// if(this.props.enterCapture) {
// var editor = this.state.editor;
// if(value.indexOf(ExtraEnter) > 0) {
// value = value.replace(ExtraEnter, "");
// editor.setHTML(value);
// editor.setSelection(editor.getLength(), editor.getLength());
// }
// }
// if(this.props.onContentChanged) {
// this.props.onContentChanged(value);
// }
// }
// captureReturn() {
// if(this.props.captureReturn) {
// this.props.captureReturn();
// }
// }
// getEditorContents() {
// return this.state.content;
// }
// setEditorContents(editor, value) {
// var sel = editor.getSelection();
// editor.setHTML(value);
// if (sel) this.setEditorSelection(editor, sel);
// }
// isControlled() {
// return 'value' in this.props;
// }
// getEditorConfig() {
// var formats = this.props.formats;
// var config = {
// theme: this.props.theme,
// modules: this.props.modules,
// pollInterval: this.props.pollInterval,
// formats: formats
// };
// if (!config.modules.toolbar) {
// config.modules = JSON.parse(JSON.stringify(config.modules));
// config.modules.toolbar = {
// container: this.refs.toolbar
// };
// }
// return config;
// }
// getEditorElement() {
// return this.refs.editor
// }
// componentDidMount() {
// var editor = this.createEditor(
// this.getEditorElement(),
// this.getEditorConfig()
// );
// if(this.props.showToolbar) {
// this.setState({
// showToolbar: this.props.showToolbar,
// editor:editor
// });
// } else {
// this.setState({
// editor:editor
// });
// }
// if(this.props.content === "") {
// editor.focus();
// }
// editor.setHTML(this.props.content);
// }
// renderItems(item, index) {
// var formats = this.props.formats;
// if(formats.indexOf(item.type) < 0) {
// return null;
// }
// return (
// <span
// className={"ql-format-button ql-"+item.type}
// title={item.label}
// key={index} />
// );
// }
// renderGroups() {
// var self = this;
// var items = this.props.items;
// //console.log(items);
// var groups = items.map(function(item, index) {
// return (
// <span className={"ql-format-"+item.type} key={index}>
// {item.items.map(self.renderItems)}
// </span>
// );
// });
// return groups;
// }
// render() {
// var visibility = (this.state.showToolbar) ? 'visible': 'hidden';
// var self = this;
// return (
// <div className="quill-rte">
// <div
// ref="toolbar"
// className="ql-toolbar ql-snow"
// style={{visibility: visibility}}>
// {self.renderGroups()}
// </div>
// <div className="ql-container ql-snow" ref="editor" />
// </div>
// );
// }
// }
// QuillComponent.defaultProps = {
// className: 'ql-editor',
// items: defaultItems,
// theme: 'base',
// modules: {
// 'link-tooltip': true
// },
// content: '',
// items: defaultItems,
// formats: items,
// enterCapture: false
// };
// export default QuillComponent;
"use strict";

113

npm/components/toolbar.js

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

'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; }; })();
var _get = function get(_x, _x2, _x3) { var _again = true; _function: while (_again) { var object = _x, property = _x2, receiver = _x3; desc = parent = getter = undefined; _again = false; if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { _x = parent; _x2 = property; _x3 = receiver; _again = true; continue _function; } } else if ('value' in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } } };
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 _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; }
var _react = require('react');
var _react2 = _interopRequireDefault(_react);
var _utilsAction = require('../utils/action');
var _utilsAction2 = _interopRequireDefault(_utilsAction);
var _blocks = require('../blocks/');
var _blocks2 = _interopRequireDefault(_blocks);
var Toolbar = (function (_React$Component) {
_inherits(Toolbar, _React$Component);
function Toolbar(props) {
_classCallCheck(this, Toolbar);
_get(Object.getPrototypeOf(Toolbar.prototype), 'constructor', this).call(this, props);
this.state = {
visible: false
};
this.toggleState = this.toggleState.bind(this);
this.addBlock = this.addBlock.bind(this);
}
_createClass(Toolbar, [{
key: 'toggleState',
value: function toggleState(e) {
var nodes = Array.prototype.slice.call(e.currentTarget.children);
var index = nodes.indexOf(e.target);
if (index < 0) {
return;
}
this.setState({
visible: !this.state.visible
});
if (!this.state.visible || index === 0) {} else {
this.props.addBlock(nodes[index].getAttribute('title'), this.props.position);
}
}
}, {
key: 'addBlock',
value: function addBlock(type, position) {
this.props.addBlock();
}
}, {
key: 'render',
value: function render() {
var self = this;
var Blocks = this.props.availableBlocks;
if (!this.state.visible) {
return _react2['default'].createElement(
'div',
{
className: 'katap-toolbar',
onClick: this.toggleState },
_react2['default'].createElement(
'button',
{ title: 'Add block' },
'+'
)
);
}
return _react2['default'].createElement(
'div',
{
className: 'katap-toolbar',
onClick: this.toggleState },
_react2['default'].createElement(
'button',
{ title: 'Close' },
'×'
),
Object.keys(Blocks).map(function (typ, pos) {
return _react2['default'].createElement(
'button',
{
title: typ,
key: pos },
Blocks[typ].Description
);
})
);
}
}]);
return Toolbar;
})(_react2['default'].Component);
Toolbar.defaultProps = {
availableBlocks: _blocks2['default']
};
exports['default'] = Toolbar;
module.exports = exports['default'];
"use strict";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 _inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)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:!1,writable:!0,configurable:!0}}),superClass&&(Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass)}Object.defineProperty(exports,"__esModule",{value:!0});var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){return protoProps&&defineProperties(Constructor.prototype,protoProps),staticProps&&defineProperties(Constructor,staticProps),Constructor}}(),_get=function(_x,_x2,_x3){for(var _again=!0;_again;){var object=_x,property=_x2,receiver=_x3;desc=parent=getter=void 0,_again=!1,null===object&&(object=Function.prototype);var desc=Object.getOwnPropertyDescriptor(object,property);if(void 0!==desc){if("value"in desc)return desc.value;var getter=desc.get;return void 0===getter?void 0:getter.call(receiver)}var parent=Object.getPrototypeOf(object);if(null===parent)return void 0;_x=parent,_x2=property,_x3=receiver,_again=!0}},_react=require("react"),_react2=_interopRequireDefault(_react),_utilsAction=require("../utils/action"),_utilsAction2=_interopRequireDefault(_utilsAction),_blocks=require("../blocks/"),_blocks2=_interopRequireDefault(_blocks),Toolbar=function(_React$Component){function Toolbar(props){_classCallCheck(this,Toolbar),_get(Object.getPrototypeOf(Toolbar.prototype),"constructor",this).call(this,props),this.state={visible:!1},this.toggleState=this.toggleState.bind(this),this.addBlock=this.addBlock.bind(this)}return _inherits(Toolbar,_React$Component),_createClass(Toolbar,[{key:"toggleState",value:function(e){var nodes=Array.prototype.slice.call(e.currentTarget.children),index=nodes.indexOf(e.target);0>index||(this.setState({visible:!this.state.visible}),this.state.visible&&0!==index&&this.props.addBlock(nodes[index].getAttribute("title"),this.props.position))}},{key:"addBlock",value:function(type,position){this.props.addBlock()}},{key:"render",value:function(){var Blocks=this.props.availableBlocks;return this.state.visible?_react2["default"].createElement("div",{className:"katap-toolbar",onClick:this.toggleState},_react2["default"].createElement("button",{title:"Close"},"×"),Object.keys(Blocks).map(function(typ,pos){return _react2["default"].createElement("button",{title:typ,key:pos},Blocks[typ].Description)})):_react2["default"].createElement("div",{className:"katap-toolbar",onClick:this.toggleState},_react2["default"].createElement("button",{title:"Add block"},"+"))}}]),Toolbar}(_react2["default"].Component);Toolbar.defaultProps={availableBlocks:_blocks2["default"]},exports["default"]=Toolbar,module.exports=exports["default"];

282

npm/editor.js

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

'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; }; })();
var _get = function get(_x, _x2, _x3) { var _again = true; _function: while (_again) { var object = _x, property = _x2, receiver = _x3; desc = parent = getter = undefined; _again = false; if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { _x = parent; _x2 = property; _x3 = receiver; _again = true; continue _function; } } else if ('value' in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } } };
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 _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; }
var _react = require('react');
var _react2 = _interopRequireDefault(_react);
var _utilsAction = require('./utils/action');
var _utilsAction2 = _interopRequireDefault(_utilsAction);
var _componentsBlockcontrol = require('./components/blockcontrol');
var _componentsBlockcontrol2 = _interopRequireDefault(_componentsBlockcontrol);
var _componentsToolbar = require('./components/toolbar');
var _componentsToolbar2 = _interopRequireDefault(_componentsToolbar);
var _utils = require('./utils');
var Blocks = require('./blocks');
var EmbedTypes = require('./blocks/embeds');
var RteBlock = require('./components/medium');
var splitterString = '<p>==</p>';
var initialState = {
blocks: []
};
var Editor = (function (_React$Component) {
_inherits(Editor, _React$Component);
function Editor(props) {
_classCallCheck(this, Editor);
_get(Object.getPrototypeOf(Editor.prototype), 'constructor', this).call(this, props);
this.state = {
blocks: []
};
this.handleBlockAction = this.handleBlockAction.bind(this);
this.getBlocks = this.getBlocks.bind(this);
this.addBlock = this.addBlock.bind(this);
this.contentChange = this.contentChange.bind(this);
this.getToolbar = this.getToolbar.bind(this);
this.renderBlocks = this.renderBlocks.bind(this);
this.refreshBlocks = this.refreshBlocks.bind(this);
this.splitBlock = this.splitBlock.bind(this);
}
_createClass(Editor, [{
key: 'componentDidMount',
value: function componentDidMount() {
this.refreshBlocks();
}
}, {
key: 'componentWillReceiveProps',
value: function componentWillReceiveProps(newProps) {
// if(newProps.availableBlocks) {
// }
console.log(newProps);
this.refreshBlocks();
}
}, {
key: 'refreshBlocks',
value: function refreshBlocks() {
this.setState({
blocks: this.props.getBlocks()
});
}
}, {
key: 'splitBlock',
value: function splitBlock(position) {
var splitter = this.props.splitter;
var blocks = this.state.blocks;
var currentBlock = blocks[position];
if (currentBlock.type !== Blocks.text.Name || currentBlock.data.indexOf(splitter) < 0) {
return;
}
var stringsTmp = currentBlock.data.split(splitter);
var strings = [];
stringsTmp.forEach(function (str) {
if (str !== "") {
strings.push(str);
}
});
blocks.splice(position, 1);
var pos = position;
var newBlock = {};
strings.forEach(function (str) {
newBlock = {
type: Blocks.text.Name,
data: str,
key: (0, _utils.uuid)()
};
blocks.splice(pos++, 0, newBlock);
});
this.setState({
blocks: blocks
});
//console.log(strings);
}
}, {
key: 'handleBlockAction',
value: function handleBlockAction(action, position) {
var newBlocks = this.state.blocks;
var Blocks = this.props.availableBlocks;
if (action === _utilsAction2['default'].REMOVE) {
if (Blocks[newBlocks[position].type].isEmpty(newBlocks[position].data) || confirm('Are you sure?')) {
newBlocks.splice(position, 1);
} else {
return;
}
} else if (action === _utilsAction2['default'].UP) {
newBlocks.splice(position - 1, 2, newBlocks[position], newBlocks[position - 1]);
} else if (action === _utilsAction2['default'].DOWN) {
newBlocks.splice(position, 2, newBlocks[position + 1], newBlocks[position]);
}
this.setState({
blocks: newBlocks
});
}
}, {
key: 'getBlocks',
value: function getBlocks() {
if (!this.state.blocks) {
this.setState({
blocks: this.props.getBlocks()
});
return this.props.getBlocks();
}
return this.state.blocks;
}
}, {
key: 'addBlock',
value: function addBlock(type, position) {
var _this = this;
if (position < -1 || position > this.state.blocks.length) {
return;
}
var newBlocks = this.state.blocks;
var Blocks = this.props.availableBlocks;
if (!Blocks[type]) {
return;
}
if (Blocks[type].maximumBlocks !== 0) {
var _ret = (function () {
var blocksOfType = 0;
_this.state.blocks.forEach(function (block, index) {
if (block.type === type) {
blocksOfType++;
}
});
if (blocksOfType >= Blocks[type].maximumBlocks) {
return {
v: undefined
};
}
})();
if (typeof _ret === 'object') return _ret.v;
}
var newBlock = {
type: type,
data: Blocks[type].Empty(),
key: (0, _utils.uuid)()
};
newBlocks.splice(position + 1, 0, newBlock);
this.setState({
blocks: newBlocks
});
}
}, {
key: 'contentChange',
value: function contentChange(position, content) {
var newBlocks = this.state.blocks;
newBlocks[position].data = content;
this.setState({
blocks: newBlocks
});
}
}, {
key: 'getToolbar',
value: function getToolbar(index) {
return _react2['default'].createElement(_componentsBlockcontrol2['default'], {
blockAction: this.handleBlockAction,
position: index,
className: 'katap-control-toolbar katap-clearfix',
length: this.state.blocks.length });
}
}, {
key: 'renderBlocks',
value: function renderBlocks() {
var self = this;
var blocks = this.props.blocks || this.state.blocks;
var Blocks = this.props.availableBlocks;
if (blocks.length < 1) {
return _react2['default'].createElement(_componentsToolbar2['default'], {
position: 0,
addBlock: this.addBlock,
availableBlocks: Blocks });
}
var rndr = blocks.map(function (block, index) {
var Block = Blocks[block.type].React;
if (!Blocks[block.type]) {
return null;
}
return _react2['default'].createElement(
'div',
{ key: block.key, className: 'katap-container' },
self.getToolbar(index),
_react2['default'].createElement(Block, {
ref: "block" + index, position: index,
content: block.data,
addBlock: self.addBlock,
onContentChanged: self.contentChange,
UploadUrl: self.props.UploadUrl,
EmbedTypes: self.props.EmbedTypes,
splitBlock: self.splitBlock,
rteBlock: self.props.rteBlock
}),
_react2['default'].createElement(_componentsToolbar2['default'], { position: index, addBlock: self.addBlock, availableBlocks: Blocks })
);
});
return rndr;
}
}, {
key: 'render',
value: function render() {
if (this.state.blocks.length > 0) {
return _react2['default'].createElement(
'div',
{ className: 'katap-listing' },
_react2['default'].createElement(_componentsToolbar2['default'], {
position: -1,
addBlock: this.addBlock,
availableBlocks: this.props.availableBlocks }),
this.renderBlocks()
);
}
return _react2['default'].createElement(
'div',
{ className: 'katap-listing' },
this.renderBlocks()
);
}
}]);
return Editor;
})(_react2['default'].Component);
Editor.defaultProps = {
availableBlocks: Blocks,
EmbedTypes: EmbedTypes,
getBlocks: function getBlocks() {
return [];
},
UploadUrl: '',
rteBlock: RteBlock,
splitter: splitterString
};
exports['default'] = Editor;
module.exports = exports['default'];
"use strict";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 _inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)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:!1,writable:!0,configurable:!0}}),superClass&&(Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass)}Object.defineProperty(exports,"__esModule",{value:!0});var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){return protoProps&&defineProperties(Constructor.prototype,protoProps),staticProps&&defineProperties(Constructor,staticProps),Constructor}}(),_get=function(_x,_x2,_x3){for(var _again=!0;_again;){var object=_x,property=_x2,receiver=_x3;desc=parent=getter=void 0,_again=!1,null===object&&(object=Function.prototype);var desc=Object.getOwnPropertyDescriptor(object,property);if(void 0!==desc){if("value"in desc)return desc.value;var getter=desc.get;return void 0===getter?void 0:getter.call(receiver)}var parent=Object.getPrototypeOf(object);if(null===parent)return void 0;_x=parent,_x2=property,_x3=receiver,_again=!0}},_react=require("react"),_react2=_interopRequireDefault(_react),_utilsAction=require("./utils/action"),_utilsAction2=_interopRequireDefault(_utilsAction),_componentsBlockcontrol=require("./components/blockcontrol"),_componentsBlockcontrol2=_interopRequireDefault(_componentsBlockcontrol),_componentsToolbar=require("./components/toolbar"),_componentsToolbar2=_interopRequireDefault(_componentsToolbar),_utils=require("./utils"),Blocks=require("./blocks"),EmbedTypes=require("./blocks/embeds"),RteBlock=require("./components/medium"),splitterString="<p>==</p>",initialState={blocks:[]},Editor=function(_React$Component){function Editor(props){_classCallCheck(this,Editor),_get(Object.getPrototypeOf(Editor.prototype),"constructor",this).call(this,props),this.state={blocks:[]},this.handleBlockAction=this.handleBlockAction.bind(this),this.getBlocks=this.getBlocks.bind(this),this.addBlock=this.addBlock.bind(this),this.contentChange=this.contentChange.bind(this),this.getToolbar=this.getToolbar.bind(this),this.renderBlocks=this.renderBlocks.bind(this),this.refreshBlocks=this.refreshBlocks.bind(this),this.splitBlock=this.splitBlock.bind(this)}return _inherits(Editor,_React$Component),_createClass(Editor,[{key:"componentDidMount",value:function(){this.refreshBlocks()}},{key:"componentWillReceiveProps",value:function(newProps){console.log(newProps),this.refreshBlocks()}},{key:"refreshBlocks",value:function(){this.setState({blocks:this.props.getBlocks()})}},{key:"splitBlock",value:function(position){var splitter=this.props.splitter,blocks=this.state.blocks,currentBlock=blocks[position];if(!(currentBlock.type!==Blocks.text.Name||currentBlock.data.indexOf(splitter)<0)){var stringsTmp=currentBlock.data.split(splitter),strings=[];stringsTmp.forEach(function(str){""!==str&&strings.push(str)}),blocks.splice(position,1);var pos=position,newBlock={};strings.forEach(function(str){newBlock={type:Blocks.text.Name,data:str,key:_utils.uuid()},blocks.splice(pos++,0,newBlock)}),this.setState({blocks:blocks})}}},{key:"handleBlockAction",value:function(action,position){var newBlocks=this.state.blocks,Blocks=this.props.availableBlocks;if(action===_utilsAction2["default"].REMOVE){if(!Blocks[newBlocks[position].type].isEmpty(newBlocks[position].data)&&!confirm("Are you sure?"))return;newBlocks.splice(position,1)}else action===_utilsAction2["default"].UP?newBlocks.splice(position-1,2,newBlocks[position],newBlocks[position-1]):action===_utilsAction2["default"].DOWN&&newBlocks.splice(position,2,newBlocks[position+1],newBlocks[position]);this.setState({blocks:newBlocks})}},{key:"getBlocks",value:function(){return this.state.blocks?this.state.blocks:(this.setState({blocks:this.props.getBlocks()}),this.props.getBlocks())}},{key:"addBlock",value:function(type,position){var _this=this;if(!(-1>position||position>this.state.blocks.length)){var newBlocks=this.state.blocks,Blocks=this.props.availableBlocks;if(Blocks[type]){if(0!==Blocks[type].maximumBlocks){var _ret=function(){var blocksOfType=0;return _this.state.blocks.forEach(function(block,index){block.type===type&&blocksOfType++}),blocksOfType>=Blocks[type].maximumBlocks?{v:void 0}:void 0}();if("object"==typeof _ret)return _ret.v}var newBlock={type:type,data:Blocks[type].Empty(),key:_utils.uuid()};newBlocks.splice(position+1,0,newBlock),this.setState({blocks:newBlocks})}}}},{key:"contentChange",value:function(position,content){var newBlocks=this.state.blocks;newBlocks[position].data=content,this.setState({blocks:newBlocks})}},{key:"getToolbar",value:function(index){return _react2["default"].createElement(_componentsBlockcontrol2["default"],{blockAction:this.handleBlockAction,position:index,className:"katap-control-toolbar katap-clearfix",length:this.state.blocks.length})}},{key:"renderBlocks",value:function(){var self=this,blocks=this.props.blocks||this.state.blocks,Blocks=this.props.availableBlocks;if(blocks.length<1)return _react2["default"].createElement(_componentsToolbar2["default"],{position:0,addBlock:this.addBlock,availableBlocks:Blocks});var rndr=blocks.map(function(block,index){var Block=Blocks[block.type].React;return Blocks[block.type]?_react2["default"].createElement("div",{key:block.key,className:"katap-container"},self.getToolbar(index),_react2["default"].createElement(Block,{ref:"block"+index,position:index,content:block.data,addBlock:self.addBlock,onContentChanged:self.contentChange,UploadUrl:self.props.UploadUrl,EmbedTypes:self.props.EmbedTypes,splitBlock:self.splitBlock,rteBlock:self.props.rteBlock}),_react2["default"].createElement(_componentsToolbar2["default"],{position:index,addBlock:self.addBlock,availableBlocks:Blocks})):null});return rndr}},{key:"render",value:function(){return this.state.blocks.length>0?_react2["default"].createElement("div",{className:"katap-listing"},_react2["default"].createElement(_componentsToolbar2["default"],{position:-1,addBlock:this.addBlock,availableBlocks:this.props.availableBlocks}),this.renderBlocks()):_react2["default"].createElement("div",{className:"katap-listing"},this.renderBlocks())}}]),Editor}(_react2["default"].Component);Editor.defaultProps={availableBlocks:Blocks,EmbedTypes:EmbedTypes,getBlocks:function(){return[]},UploadUrl:"",rteBlock:RteBlock,splitter:splitterString},exports["default"]=Editor,module.exports=exports["default"];

70

npm/index.js

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

//import Quill from 'quill';
'use strict';
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var _utilsAction = require('./utils/action');
var _utilsAction2 = _interopRequireDefault(_utilsAction);
var _utilsKeys = require('./utils/keys');
var _utilsKeys2 = _interopRequireDefault(_utilsKeys);
var _utils = require('./utils');
var _editor = require('./editor');
var _editor2 = _interopRequireDefault(_editor);
var _blocks = require('./blocks');
var _blocks2 = _interopRequireDefault(_blocks);
var _blocksEmbedsBase = require('./blocks/embeds/base');
var _blocksEmbedsBase2 = _interopRequireDefault(_blocksEmbedsBase);
//import QuillComponent from './components/quill';
var _componentsMedium = require('./components/medium');
var _componentsMedium2 = _interopRequireDefault(_componentsMedium);
// var QuillEnterHandler = function(quill, options) {
// this.quill = quill;
// this.options = options;
// var enterKey = Quill.require('dom').KEYS.ENTER;
// if(options && options.keyup && typeof options.keyup === 'function') {
// quill.editor.root.addEventListener('keyup', function(event) {
// if(event.keyCode === enterKey) {
// event.preventDefault();
// event.stopPropagation();
// options.keyup.call(null, event);
// }
// });
// }
// if(options && options.keydown && typeof options.keydown === 'function') {
// quill.editor.root.addEventListener('keydown', function(event) {
// if(event.keyCode === enterKey) {
// event.preventDefault();
// event.stopPropagation();
// options.keydown.call(null, event);
// }
// });
// }
// };
// Quill.registerModule('enterHandler', QuillEnterHandler);
module.exports = {
Editor: _editor2['default'],
Blocks: _blocks2['default'],
uuid: _utils.uuid,
BaseEmbed: _blocksEmbedsBase2['default'],
//QuillComponent: QuillComponent,
MediumComponent: _componentsMedium2['default']
};
"use strict";function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{"default":obj}}var _utils=require("./utils"),_editor=require("./editor"),_editor2=_interopRequireDefault(_editor),_blocks=require("./blocks"),_blocks2=_interopRequireDefault(_blocks),_blocksEmbedsBase=require("./blocks/embeds/base"),_blocksEmbedsBase2=_interopRequireDefault(_blocksEmbedsBase),_componentsMedium=require("./components/medium"),_componentsMedium2=_interopRequireDefault(_componentsMedium),_componentsDroppable=require("./components/droppable"),_componentsDroppable2=_interopRequireDefault(_componentsDroppable);module.exports={Editor:_editor2["default"],Blocks:_blocks2["default"],uuid:_utils.uuid,BaseEmbed:_blocksEmbedsBase2["default"],MediumComponent:_componentsMedium2["default"],DroppableComponent:_componentsDroppable2["default"]};

8

npm/utils/action.js

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

"use strict";
module.exports = {
UP: "up",
DOWN: "down",
REMOVE: "remove"
};
"use strict";module.exports={UP:"up",DOWN:"down",REMOVE:"remove"};

14

npm/utils/index.js

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

'use strict';
module.exports = {
uuid: function uuid() {
function s4() {
return Math.floor((1 + Math.random()) * 0x10000).toString(16).substring(1);
}
return s4() + '-' + s4();
// return s4() + s4() + '-' + s4() + '-' + s4() + '-' +
// s4() + '-' + s4() + s4() + s4();
},
UrlRegex: /^(?:(?:https?|ftp):\/\/)(?:\S+(?::\S*)?@)?(?:(?!10(?:\.\d{1,3}){3})(?!127(?:\.\d{1,3}){3})(?!169\.254(?:\.\d{1,3}){2})(?!192\.168(?:\.\d{1,3}){2})(?!172\.(?:1[6-9]|2\d|3[0-1])(?:\.\d{1,3}){2})(?:[1-9]\d?|1\d\d|2[01]\d|22[0-3])(?:\.(?:1?\d{1,2}|2[0-4]\d|25[0-5])){2}(?:\.(?:[1-9]\d?|1\d\d|2[0-4]\d|25[0-4]))|(?:(?:[a-z\u00a1-\uffff0-9]+-?)*[a-z\u00a1-\uffff0-9]+)(?:\.(?:[a-z\u00a1-\uffff0-9]+-?)*[a-z\u00a1-\uffff0-9]+)*(?:\.(?:[a-z\u00a1-\uffff]{2,})))(?::\d{2,5})?(?:\/[^\s]*)?$/i
};
"use strict";module.exports={uuid:function(){function s4(){return Math.floor(65536*(1+Math.random())).toString(16).substring(1)}return s4()+"-"+s4()},UrlRegex:/^(?:(?:https?|ftp):\/\/)(?:\S+(?::\S*)?@)?(?:(?!10(?:\.\d{1,3}){3})(?!127(?:\.\d{1,3}){3})(?!169\.254(?:\.\d{1,3}){2})(?!192\.168(?:\.\d{1,3}){2})(?!172\.(?:1[6-9]|2\d|3[0-1])(?:\.\d{1,3}){2})(?:[1-9]\d?|1\d\d|2[01]\d|22[0-3])(?:\.(?:1?\d{1,2}|2[0-4]\d|25[0-5])){2}(?:\.(?:[1-9]\d?|1\d\d|2[0-4]\d|25[0-4]))|(?:(?:[a-z\u00a1-\uffff0-9]+-?)*[a-z\u00a1-\uffff0-9]+)(?:\.(?:[a-z\u00a1-\uffff0-9]+-?)*[a-z\u00a1-\uffff0-9]+)*(?:\.(?:[a-z\u00a1-\uffff]{2,})))(?::\d{2,5})?(?:\/[^\s]*)?$/i};

8

npm/utils/keys.js

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

"use strict";
module.exports = {
ENTER: 13,
ESC: 27,
BACKSPACE: 8
};
"use strict";module.exports={ENTER:13,ESC:27,BACKSPACE:8};

2

package.json
{
"name": "kattappa",
"version": "0.4.12",
"version": "0.4.13",
"description": "A block based rich text editor with support of Images, embeds( Youtube, Instagram, Vine, Vimeo etc)",

@@ -5,0 +5,0 @@ "main": "./npm/index.js",