qureal-editor 1.0.2 → 1.0.4

package/README.md

@@ -0,0 +1,36 @@
+# neon-button
+
+> Neon button for React app
+
+[![NPM](https://img.shields.io/npm/v/neon-button.svg)](https://www.npmjs.com/package/neon-button) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)
+
+## Install
+
+```bash
+npm install --save neon-button
+```
+
+![Neon Button Screenshow](https://raw.githubusercontent.com/shivampip/neon-button/master/ss.png)
+
+## Usage
+
+```jsx
+import React, { Component } from 'react'
+
+import NeonButton from 'neon-button'
+
+class Example extends Component {
+  render () {
+    return (
+      <NeonButton
+          text='Neon Button'
+          color= "#34ebb7"
+      />
+    )
+  }
+}
+```
+
+## License
+
+MIT © [shivampip](https://github.com/shivampip)

package/dist/index.es.js

@@ -0,0 +1,160 @@
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+
+function styleInject(css, ref) {
+  if ( ref === void 0 ) ref = {};
+  var insertAt = ref.insertAt;
+
+  if (!css || typeof document === 'undefined') { return; }
+
+  var head = document.head || document.getElementsByTagName('head')[0];
+  var style = document.createElement('style');
+  style.type = 'text/css';
+
+  if (insertAt === 'top') {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+
+var css = "body{\n  background-color: rgb(97, 97, 97);\n}\n.styles_outerN__IxLsd{\n  padding: 10px 15px;\n  border: none;\n  outline: none;\n  background-color: black;\n  margin: 20px;\n  border-radius: 5px;\n  transition: 0.5s;\n}\n\n.styles_innerN__2mhRO{\n  font-size: 1.3rem;\n  color: #e3e3e3;\n  transition: 0.5s;\n}\n\n.styles_outerN__IxLsd:hover {\n  box-shadow: 0px 0px 22px 10px #34ebb7;\n  cursor: pointer;\n}\n\n.styles_innerN__2mhRO:hover{\n  color: #34ebb7;\n  text-shadow: 0 0 15px #34ebb7;\n}\n";
+var styles = { "outerN": "styles_outerN__IxLsd", "innerN": "styles_innerN__2mhRO" };
+styleInject(css);
+
+var classCallCheck = function (instance, Constructor) {
+  if (!(instance instanceof Constructor)) {
+    throw new TypeError("Cannot call a class as a function");
+  }
+};
+
+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 inherits = function (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 possibleConstructorReturn = function (self, call) {
+  if (!self) {
+    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+  }
+
+  return call && (typeof call === "object" || typeof call === "function") ? call : self;
+};
+
+var NeonButton = function (_Component) {
+  inherits(NeonButton, _Component);
+
+  function NeonButton() {
+    var _ref;
+
+    var _temp, _this, _ret;
+
+    classCallCheck(this, NeonButton);
+
+    for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    return _ret = (_temp = (_this = possibleConstructorReturn(this, (_ref = NeonButton.__proto__ || Object.getPrototypeOf(NeonButton)).call.apply(_ref, [this].concat(args))), _this), _this.state = { hover: false }, _this.getInitialState = function () {
+      return { hover: false };
+    }, _this.toggleHover = function () {
+      _this.setState({ hover: !_this.state.hover });
+    }, _temp), possibleConstructorReturn(_this, _ret);
+  }
+
+  createClass(NeonButton, [{
+    key: 'render',
+    value: function render() {
+      var _props = this.props,
+          text = _props.text,
+          color = _props.color;
+
+
+      var linkStyle;
+      if (this.state.hover) {
+        linkStyle = { color: color };
+      } else {
+        linkStyle = { color: '#e3e3e3' };
+      }
+
+      var boxStyle;
+      if (this.state.hover) {
+        boxStyle = { boxShadow: '0px 0px 22px 10px ' + color };
+      } else {
+        boxStyle = { color: '#e3e3e3' };
+      }
+
+      return React.createElement(
+        'button',
+        {
+          className: styles.outerN,
+          style: boxStyle,
+          onMouseEnter: this.toggleHover,
+          onMouseLeave: this.toggleHover
+        },
+        React.createElement(
+          'div',
+          {
+            className: styles.innerN,
+            style: linkStyle
+          },
+          text
+        )
+      );
+    }
+  }]);
+  return NeonButton;
+}(Component);
+
+NeonButton.propTypes = {
+  text: PropTypes.string,
+  color: PropTypes.string
+};
+
+
+NeonButton.defaultProps = {
+  text: "Enter Button Text",
+  color: "#34ebb7"
+};
+
+export default NeonButton;
+//# sourceMappingURL=index.es.js.map

package/dist/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":["../node_modules/style-inject/dist/style-inject.es.js","../src/index.js"],"sourcesContent":["function styleInject(css, ref) {\n  if ( ref === void 0 ) ref = {};\n  var insertAt = ref.insertAt;\n\n  if (!css || typeof document === 'undefined') { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.type = 'text/css';\n\n  if (insertAt === 'top') {\n    if (head.firstChild) {\n      head.insertBefore(style, head.firstChild);\n    } else {\n      head.appendChild(style);\n    }\n  } else {\n    head.appendChild(style);\n  }\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n}\n\nexport default styleInject;\n","import React, { Component } from 'react'\nimport PropTypes from 'prop-types'\n\nimport styles from './styles.css'\n\nclass NeonButton extends Component {\n  state={hover: false}\n  static propTypes = {\n    text: PropTypes.string,\n    color: PropTypes.string\n  }\n\n  getInitialState= ()=>{\n    return {hover: false}\n  }\n  toggleHover =()=>{\n    this.setState({hover: !this.state.hover})\n  }\n\n  render() {\n    const {\n      text, color\n    } = this.props\n\n    var linkStyle;\n    if (this.state.hover) {\n      linkStyle = {color: color}\n    } else {\n      linkStyle = {color: '#e3e3e3'}\n    }\n\n    var boxStyle;\n    if (this.state.hover) {\n      boxStyle = {boxShadow: `0px 0px 22px 10px ${color}`}\n    } else {\n       boxStyle = {color: '#e3e3e3' } \n    }\n\n\n    return (\n      <button\n        className={styles.outerN}\n        style={boxStyle}\n        onMouseEnter={this.toggleHover}\n        onMouseLeave={this.toggleHover}\n      >\n        <div\n          className={styles.innerN}\n          style={linkStyle}\n        >{text}</div>\n      </button>\n    )\n  }\n}\n\n\nNeonButton.defaultProps= {\n  text: \"Enter Button Text\",\n  color: \"#34ebb7\"\n}\n\nexport default NeonButton;\n"],"names":["NeonButton","state","hover","getInitialState","toggleHover","setState","props","text","color","linkStyle","boxStyle","boxShadow","styles","outerN","innerN","Component","propTypes","PropTypes","string","defaultProps"],"mappings":";;;AAAA,SAAS,WAAW,CAAC,GAAG,EAAE,GAAG,EAAE;EAC7B,KAAK,GAAG,KAAK,KAAK,CAAC,GAAG,GAAG,GAAG,EAAE,CAAC;EAC/B,IAAI,QAAQ,GAAG,GAAG,CAAC,QAAQ,CAAC;;EAE5B,IAAI,CAAC,GAAG,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE,EAAE,OAAO,EAAE;;EAExD,IAAI,IAAI,GAAG,QAAQ,CAAC,IAAI,IAAI,QAAQ,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;EACrE,IAAI,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;EAC5C,KAAK,CAAC,IAAI,GAAG,UAAU,CAAC;;EAExB,IAAI,QAAQ,KAAK,KAAK,EAAE;IACtB,IAAI,IAAI,CAAC,UAAU,EAAE;MACnB,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;KAC3C,MAAM;MACL,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;KACzB;GACF,MAAM;IACL,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;GACzB;;EAED,IAAI,KAAK,CAAC,UAAU,EAAE;IACpB,KAAK,CAAC,UAAU,CAAC,OAAO,GAAG,GAAG,CAAC;GAChC,MAAM;IACL,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC;GACjD;CACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ICpBKA;;;;;;;;;;;;;;6LACJC,QAAM,EAACC,OAAO,KAAR,UAMNC,kBAAiB,YAAI;aACZ,EAACD,OAAO,KAAR,EAAP;aAEFE,cAAa,YAAI;YACVC,QAAL,CAAc,EAACH,OAAO,CAAC,MAAKD,KAAL,CAAWC,KAApB,EAAd;;;;;;6BAGO;mBAGH,KAAKI,KAHF;UAELC,IAFK,UAELA,IAFK;UAECC,KAFD,UAECA,KAFD;;;UAKHC,SAAJ;UACI,KAAKR,KAAL,CAAWC,KAAf,EAAsB;oBACR,EAACM,OAAOA,KAAR,EAAZ;OADF,MAEO;oBACO,EAACA,OAAO,SAAR,EAAZ;;;UAGEE,QAAJ;UACI,KAAKT,KAAL,CAAWC,KAAf,EAAsB;mBACT,EAACS,kCAAgCH,KAAjC,EAAX;OADF,MAEO;mBACO,EAACA,OAAO,SAAR,EAAX;;;aAKD;;;qBACaI,OAAOC,MADpB;iBAESH,QAFT;wBAGgB,KAAKN,WAHrB;wBAIgB,KAAKA;;;;;uBAGNQ,OAAOE,MADpB;mBAESL;;;;OATb;;;;EAlCqBM;;AAAnBf,WAEGgB,YAAY;QACXC,UAAUC,MADC;SAEVD,UAAUC;;;;AA+CrBlB,WAAWmB,YAAX,GAAyB;QACjB,mBADiB;SAEhB;CAFT;;;;"}

package/dist/index.js

@@ -0,0 +1,165 @@
+'use strict';
+
+function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
+
+var React = require('react');
+var React__default = _interopDefault(React);
+var PropTypes = _interopDefault(require('prop-types'));
+
+function styleInject(css, ref) {
+  if ( ref === void 0 ) ref = {};
+  var insertAt = ref.insertAt;
+
+  if (!css || typeof document === 'undefined') { return; }
+
+  var head = document.head || document.getElementsByTagName('head')[0];
+  var style = document.createElement('style');
+  style.type = 'text/css';
+
+  if (insertAt === 'top') {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+
+var css = "body{\n  background-color: rgb(97, 97, 97);\n}\n.styles_outerN__IxLsd{\n  padding: 10px 15px;\n  border: none;\n  outline: none;\n  background-color: black;\n  margin: 20px;\n  border-radius: 5px;\n  transition: 0.5s;\n}\n\n.styles_innerN__2mhRO{\n  font-size: 1.3rem;\n  color: #e3e3e3;\n  transition: 0.5s;\n}\n\n.styles_outerN__IxLsd:hover {\n  box-shadow: 0px 0px 22px 10px #34ebb7;\n  cursor: pointer;\n}\n\n.styles_innerN__2mhRO:hover{\n  color: #34ebb7;\n  text-shadow: 0 0 15px #34ebb7;\n}\n";
+var styles = { "outerN": "styles_outerN__IxLsd", "innerN": "styles_innerN__2mhRO" };
+styleInject(css);
+
+var classCallCheck = function (instance, Constructor) {
+  if (!(instance instanceof Constructor)) {
+    throw new TypeError("Cannot call a class as a function");
+  }
+};
+
+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 inherits = function (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 possibleConstructorReturn = function (self, call) {
+  if (!self) {
+    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+  }
+
+  return call && (typeof call === "object" || typeof call === "function") ? call : self;
+};
+
+var NeonButton = function (_Component) {
+  inherits(NeonButton, _Component);
+
+  function NeonButton() {
+    var _ref;
+
+    var _temp, _this, _ret;
+
+    classCallCheck(this, NeonButton);
+
+    for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    return _ret = (_temp = (_this = possibleConstructorReturn(this, (_ref = NeonButton.__proto__ || Object.getPrototypeOf(NeonButton)).call.apply(_ref, [this].concat(args))), _this), _this.state = { hover: false }, _this.getInitialState = function () {
+      return { hover: false };
+    }, _this.toggleHover = function () {
+      _this.setState({ hover: !_this.state.hover });
+    }, _temp), possibleConstructorReturn(_this, _ret);
+  }
+
+  createClass(NeonButton, [{
+    key: 'render',
+    value: function render() {
+      var _props = this.props,
+          text = _props.text,
+          color = _props.color;
+
+
+      var linkStyle;
+      if (this.state.hover) {
+        linkStyle = { color: color };
+      } else {
+        linkStyle = { color: '#e3e3e3' };
+      }
+
+      var boxStyle;
+      if (this.state.hover) {
+        boxStyle = { boxShadow: '0px 0px 22px 10px ' + color };
+      } else {
+        boxStyle = { color: '#e3e3e3' };
+      }
+
+      return React__default.createElement(
+        'button',
+        {
+          className: styles.outerN,
+          style: boxStyle,
+          onMouseEnter: this.toggleHover,
+          onMouseLeave: this.toggleHover
+        },
+        React__default.createElement(
+          'div',
+          {
+            className: styles.innerN,
+            style: linkStyle
+          },
+          text
+        )
+      );
+    }
+  }]);
+  return NeonButton;
+}(React.Component);
+
+NeonButton.propTypes = {
+  text: PropTypes.string,
+  color: PropTypes.string
+};
+
+
+NeonButton.defaultProps = {
+  text: "Enter Button Text",
+  color: "#34ebb7"
+};
+
+module.exports = NeonButton;
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../node_modules/style-inject/dist/style-inject.es.js","../src/index.js"],"sourcesContent":["function styleInject(css, ref) {\n  if ( ref === void 0 ) ref = {};\n  var insertAt = ref.insertAt;\n\n  if (!css || typeof document === 'undefined') { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.type = 'text/css';\n\n  if (insertAt === 'top') {\n    if (head.firstChild) {\n      head.insertBefore(style, head.firstChild);\n    } else {\n      head.appendChild(style);\n    }\n  } else {\n    head.appendChild(style);\n  }\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n}\n\nexport default styleInject;\n","import React, { Component } from 'react'\nimport PropTypes from 'prop-types'\n\nimport styles from './styles.css'\n\nclass NeonButton extends Component {\n  state={hover: false}\n  static propTypes = {\n    text: PropTypes.string,\n    color: PropTypes.string\n  }\n\n  getInitialState= ()=>{\n    return {hover: false}\n  }\n  toggleHover =()=>{\n    this.setState({hover: !this.state.hover})\n  }\n\n  render() {\n    const {\n      text, color\n    } = this.props\n\n    var linkStyle;\n    if (this.state.hover) {\n      linkStyle = {color: color}\n    } else {\n      linkStyle = {color: '#e3e3e3'}\n    }\n\n    var boxStyle;\n    if (this.state.hover) {\n      boxStyle = {boxShadow: `0px 0px 22px 10px ${color}`}\n    } else {\n       boxStyle = {color: '#e3e3e3' } \n    }\n\n\n    return (\n      <button\n        className={styles.outerN}\n        style={boxStyle}\n        onMouseEnter={this.toggleHover}\n        onMouseLeave={this.toggleHover}\n      >\n        <div\n          className={styles.innerN}\n          style={linkStyle}\n        >{text}</div>\n      </button>\n    )\n  }\n}\n\n\nNeonButton.defaultProps= {\n  text: \"Enter Button Text\",\n  color: \"#34ebb7\"\n}\n\nexport default NeonButton;\n"],"names":["NeonButton","state","hover","getInitialState","toggleHover","setState","props","text","color","linkStyle","boxStyle","boxShadow","React","styles","outerN","innerN","Component","propTypes","PropTypes","string","defaultProps"],"mappings":";;;;;;;;AAAA,SAAS,WAAW,CAAC,GAAG,EAAE,GAAG,EAAE;EAC7B,KAAK,GAAG,KAAK,KAAK,CAAC,GAAG,GAAG,GAAG,EAAE,CAAC;EAC/B,IAAI,QAAQ,GAAG,GAAG,CAAC,QAAQ,CAAC;;EAE5B,IAAI,CAAC,GAAG,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE,EAAE,OAAO,EAAE;;EAExD,IAAI,IAAI,GAAG,QAAQ,CAAC,IAAI,IAAI,QAAQ,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;EACrE,IAAI,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;EAC5C,KAAK,CAAC,IAAI,GAAG,UAAU,CAAC;;EAExB,IAAI,QAAQ,KAAK,KAAK,EAAE;IACtB,IAAI,IAAI,CAAC,UAAU,EAAE;MACnB,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;KAC3C,MAAM;MACL,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;KACzB;GACF,MAAM;IACL,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;GACzB;;EAED,IAAI,KAAK,CAAC,UAAU,EAAE;IACpB,KAAK,CAAC,UAAU,CAAC,OAAO,GAAG,GAAG,CAAC;GAChC,MAAM;IACL,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC;GACjD;CACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ICpBKA;;;;;;;;;;;;;;6LACJC,QAAM,EAACC,OAAO,KAAR,UAMNC,kBAAiB,YAAI;aACZ,EAACD,OAAO,KAAR,EAAP;aAEFE,cAAa,YAAI;YACVC,QAAL,CAAc,EAACH,OAAO,CAAC,MAAKD,KAAL,CAAWC,KAApB,EAAd;;;;;;6BAGO;mBAGH,KAAKI,KAHF;UAELC,IAFK,UAELA,IAFK;UAECC,KAFD,UAECA,KAFD;;;UAKHC,SAAJ;UACI,KAAKR,KAAL,CAAWC,KAAf,EAAsB;oBACR,EAACM,OAAOA,KAAR,EAAZ;OADF,MAEO;oBACO,EAACA,OAAO,SAAR,EAAZ;;;UAGEE,QAAJ;UACI,KAAKT,KAAL,CAAWC,KAAf,EAAsB;mBACT,EAACS,kCAAgCH,KAAjC,EAAX;OADF,MAEO;mBACO,EAACA,OAAO,SAAR,EAAX;;;aAKDI;;;qBACaC,OAAOC,MADpB;iBAESJ,QAFT;wBAGgB,KAAKN,WAHrB;wBAIgB,KAAKA;;;;;uBAGNS,OAAOE,MADpB;mBAESN;;;;OATb;;;;EAlCqBO;;AAAnBhB,WAEGiB,YAAY;QACXC,UAAUC,MADC;SAEVD,UAAUC;;;;AA+CrBnB,WAAWoB,YAAX,GAAyB;QACjB,mBADiB;SAEhB;CAFT;;;;"}

package/package.json

@@ -1,18 +1,61 @@
 {
   "name": "qureal-editor",
-  "version": "1.0.2",
-  "type": "module",
-  "source": "src/index.js",
+  "version": "1.0.4",
+  "description": "Official Qureal React components",
+  "author": "shivampip",
+  "license": "MIT",
+  "repository": "shivampip/qureal-editor",
   "main": "dist/index.js",
+  "module": "dist/index.es.js",
+  "jsnext:main": "dist/index.es.js",
+  "engines": {
+    "node": ">=8",
+    "npm": ">=5"
+  },
   "scripts": {
-    "build": "microbundle",
-    "dev": "microbundle watch"
+    "test": "cross-env CI=1 react-scripts test --env=jsdom",
+    "test:watch": "react-scripts test --env=jsdom",
+    "build": "rollup -c",
+    "start": "rollup -c -w",
+    "prepare": "npm run build",
+    "predeploy": "cd example && npm install && npm run build",
+    "deploy": "gh-pages -d example/build"
+  },
+  "peerDependencies": {
+    "prop-types": "^15.5.4",
+    "react": ">=15.0.0",
+    "react-dom": ">=15.0.0"
   },
   "devDependencies": {
-    "microbundle": "^0.15.1"
+    "@svgr/rollup": "^2.4.1",
+    "babel-core": "^6.26.3",
+    "babel-eslint": "^8.2.5",
+    "babel-plugin-external-helpers": "^6.22.0",
+    "babel-preset-env": "^1.7.0",
+    "babel-preset-react": "^6.24.1",
+    "babel-preset-stage-0": "^6.24.1",
+    "cross-env": "^5.1.4",
+    "eslint": "^5.0.1",
+    "eslint-config-standard": "^11.0.0",
+    "eslint-config-standard-react": "^6.0.0",
+    "eslint-plugin-import": "^2.13.0",
+    "eslint-plugin-node": "^7.0.1",
+    "eslint-plugin-promise": "^4.0.0",
+    "eslint-plugin-react": "^7.10.0",
+    "eslint-plugin-standard": "^3.1.0",
+    "gh-pages": "^1.2.0",
+    "react": "^16.4.1",
+    "react-dom": "^16.4.1",
+    "react-scripts": "^1.1.4",
+    "rollup": "^0.64.1",
+    "rollup-plugin-babel": "^3.0.7",
+    "rollup-plugin-commonjs": "^9.1.3",
+    "rollup-plugin-node-resolve": "^3.3.0",
+    "rollup-plugin-peer-deps-external": "^2.2.0",
+    "rollup-plugin-postcss": "^1.6.2",
+    "rollup-plugin-url": "^1.4.0"
   },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/shivampip/qureal-editor.git"
-  }
+  "files": [
+    "dist"
+  ]
 }

package/dist/bundle.js

@@ -1,2 +0,0 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("react")):"function"==typeof define&&define.amd?define(["react"],t):(e||self).qurealEditor=t()}(this,function(){return function(){return h("button",null,"Qureal Button")}});
-//# sourceMappingURL=bundle.js.map

package/dist/bundle.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"bundle.js","sources":["../src/index.js"],"sourcesContent":["import React from \"react\"\n\n\nfunction QButton() {\n    return (\n        <button>Qureal Button</button>\n    )\n}\n\nexport default QButton"],"names":["h"],"mappings":"gQAGA,WACI,OACIA,EAAQ,SAAA,KAAA,gBAEhB"}

package/dist/index.cjs

@@ -1,2 +0,0 @@
-require("react"),exports.QButton=function(){return h("button",null,"Qureal Button")};
-//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","sources":["../src/index.js"],"sourcesContent":["import React from \"react\"\n\n\nfunction QButton() {\n    return (\n        <button>Qureal Button</button>\n    )\n}\n\nexport { QButton }"],"names":["h"],"mappings":"iCAGA,WACI,OACIA,EAAA,SAAA,KAAQ,gBAEhB"}

package/dist/index.esm.js

@@ -1,2 +0,0 @@
-import"react";function t(){return h("button",null,"Qureal Button")}export{t as QButton};
-//# sourceMappingURL=index.esm.js.map

package/dist/index.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.esm.js","sources":["../src/index.js"],"sourcesContent":["import React from \"react\"\n\n\nfunction QButton() {\n    return (\n        <button>Qureal Button</button>\n    )\n}\n\nexport { QButton }"],"names":["QButton","h"],"mappings":"cAGA,SAASA,IACL,OACIC,EAAA,SAAA,KAAQ,gBAEhB"}

package/dist/index.modern.js

@@ -1,2 +0,0 @@
-import"react";function t(){return h("button",null,"Qureal Button")}export{t as QButton};
-//# sourceMappingURL=index.modern.js.map

package/dist/index.modern.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.modern.js","sources":["../src/index.js"],"sourcesContent":["import React from \"react\"\n\n\nfunction QButton() {\n    return (\n        <button>Qureal Button</button>\n    )\n}\n\nexport { QButton }"],"names":["QButton","h"],"mappings":"cAGA,SAASA,IACL,OACIC,EAAA,SAAA,KAAQ,gBAEhB"}

package/dist/index.umd.js

@@ -1,2 +0,0 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react")):"function"==typeof define&&define.amd?define(["exports","react"],t):t((e||self).qurealEditor={})}(this,function(e){e.QButton=function(){return h("button",null,"Qureal Button")}});
-//# sourceMappingURL=index.umd.js.map

package/dist/index.umd.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.umd.js","sources":["../src/index.js"],"sourcesContent":["import React from \"react\"\n\n\nfunction QButton() {\n    return (\n        <button>Qureal Button</button>\n    )\n}\n\nexport { QButton }"],"names":["h"],"mappings":"yQAGA,WACI,OACIA,EAAA,SAAA,KAAQ,gBAEhB"}

package/src/index.js

@@ -1,10 +0,0 @@
-import React from "react"
-
-
-function QButton() {
-    return (
-        <button>Qureal Button</button>
-    )
-}
-
-export { QButton }