Comparing version
@@ -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"]; |
@@ -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"]; |
@@ -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"]; |
@@ -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"]}; |
@@ -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"]; |
@@ -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"]; |
@@ -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"]; |
@@ -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"]; |
@@ -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"]; |
@@ -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"]; |
@@ -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"]; |
@@ -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"]}; |
@@ -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"]; |
@@ -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"]; |
@@ -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"]; |
@@ -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"]; |
@@ -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"]; |
@@ -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"]; |
@@ -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"]; |
@@ -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)}}); |
@@ -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"; |
@@ -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"]; |
@@ -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"]; |
@@ -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"]}; |
@@ -1,7 +0,1 @@ | ||
"use strict"; | ||
module.exports = { | ||
UP: "up", | ||
DOWN: "down", | ||
REMOVE: "remove" | ||
}; | ||
"use strict";module.exports={UP:"up",DOWN:"down",REMOVE:"remove"}; |
@@ -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}; |
@@ -1,7 +0,1 @@ | ||
"use strict"; | ||
module.exports = { | ||
ENTER: 13, | ||
ESC: 27, | ||
BACKSPACE: 8 | ||
}; | ||
"use strict";module.exports={ENTER:13,ESC:27,BACKSPACE:8}; |
{ | ||
"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", |
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
Minified code
QualityThis package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.
Found 3 instances in 1 package
86798
-26.5%82
-96.78%25
1150%2
100%