2 lines
7.2 KiB
JavaScript
2 lines
7.2 KiB
JavaScript
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("prop-types"),require("react-simple-code-editor"),require("prism-react-renderer"),require("buble"),require("core-js/fn/object/assign")):"function"==typeof define&&define.amd?define(["exports","react","prop-types","react-simple-code-editor","prism-react-renderer","buble","core-js/fn/object/assign"],t):t(e.ReactLive={},e.React,e.propTypes,e.Editor,e.Prism,e.Buble,e.assign)}(this,function(e,t,n,r,o,a,i){"use strict";function c(e){return p.createElement(E.Consumer,null,function(t){var n=t.code,r=t.language,o=t.theme,a=t.disabled,i=t.onChange;return p.createElement(C,h({theme:o,code:n,language:r,disabled:a,onChange:i},e))})}function l(e){return p.createElement(E.Consumer,null,function(t){var n=t.error;return n?p.createElement("pre",e,n):null})}function s(e){var t=e.Component,n=v(e,["Component"]);return p.createElement(t,n,p.createElement(E.Consumer,null,function(e){var t=e.element;return t&&p.createElement(t,null)}))}function u(e){return function(t){function n(){return m(this,n),b(this,t.apply(this,arguments))}return g(n,t),n.prototype.render=function(){var t=this;return p.createElement(E.Consumer,null,function(n){return p.createElement(e,h({live:n},t.props))})},n}(t.Component)}var p="default"in t?t.default:t;n=n&&n.hasOwnProperty("default")?n.default:n,r=r&&r.hasOwnProperty("default")?r.default:r;var d="default"in o?o.default:o;i=i&&i.hasOwnProperty("default")?i.default:i;var f={plain:{color:"#C5C8C6",backgroundColor:"#1D1F21"},styles:[{types:["prolog","comment","doctype","cdata"],style:{color:"hsl(30, 20%, 50%)"}},{types:["property","tag","boolean","number","constant","symbol"],style:{color:"hsl(350, 40%, 70%)"}},{types:["attr-name","string","char","builtin","insterted"],style:{color:"hsl(75, 70%, 60%)"}},{types:["operator","entity","url","string","variable","language-css"],style:{color:"hsl(40, 90%, 60%)"}},{types:["deleted"],style:{color:"rgb(255, 85, 85)"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["regex","important"],style:{color:"#e90"}},{types:["atrule","attr-value","keyword"],style:{color:"hsl(350, 40%, 70%)"}},{types:["punctuation","symbol"],style:{opacity:"0.7"}}]},y="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},m=function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")},h=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},g=function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)},v=function(e,t){var n={};for(var r in e)t.indexOf(r)>=0||Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n},b=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t},C=function(e){function n(){var r,a,i;m(this,n);for(var c=arguments.length,l=Array(c),s=0;s<c;s++)l[s]=arguments[s];return r=a=b(this,e.call.apply(e,[this].concat(l))),a.state={code:""},a.updateContent=function(e){a.setState({code:e},function(){a.props.onChange&&a.props.onChange(a.state.code)})},a.highlightCode=function(e){return p.createElement(d,{Prism:o.Prism,code:e,theme:a.props.theme||f,language:a.props.language},function(e){var n=e.tokens,r=e.getLineProps,o=e.getTokenProps;return p.createElement(t.Fragment,null,n.map(function(e,t){return p.createElement("div",r({line:e,key:t}),e.map(function(e,t){return p.createElement("span",o({token:e,key:t}))}))}))})},i=r,b(a,i)}return g(n,e),n.getDerivedStateFromProps=function(e,t){return e.code!==t.prevCodeProp?{code:e.code,prevCodeProp:e.code}:null},n.prototype.render=function(){var e=this.props,t=e.style,n=(e.code,e.onChange,e.language,e.theme),o=v(e,["style","code","onChange","language","theme"]),a=this.state.code,i=n&&"object"===y(n.plain)?n.plain:{};return p.createElement(r,h({value:a,padding:10,highlight:this.highlightCode,onValueChange:this.updateContent,style:h({whiteSpace:"pre",fontFamily:"monospace"},i,t)},o))},n}(t.Component),E=t.createContext({}),S={assign:i},P={objectAssign:"_poly.assign",transforms:{dangerousForOf:!0,dangerousTaggedTemplateString:!0}},w=function(e){return a.transform(e,P).code},j=function(e,n){return function(t){function r(){return m(this,r),b(this,t.apply(this,arguments))}return g(r,t),r.prototype.componentDidCatch=function(e){n(e)},r.prototype.render=function(){return"function"==typeof e?p.createElement(e,null):e},r}(t.Component)},O=function(e,t){var n=Object.keys(t),r=n.map(function(e){return t[e]});return(new(Function.prototype.bind.apply(Function,[null].concat(["_poly","React"],n,[e])))).apply(void 0,[S,p].concat(r))},x=function(e,t){var n=e.code,r=void 0===n?"":n,o=e.scope,a=void 0===o?{}:o,i=r.trim().replace(/;$/,""),c=w("return ("+i+")").trim();return j(O(c,a),t)},I=function(e,t,n){var r=e.code,o=void 0===r?"":r,a=e.scope,i=void 0===a?{}:a,c=function(e){void 0===e?n(new SyntaxError("`render` must be called with valid JSX.")):t(j(e,n))};if(!/render\s*\(/.test(o))return n(new SyntaxError("No-Inline evaluations must call `render`."));O(w(o),h({},i,{render:c}))},_=function(e){function t(){var n,r,o;m(this,t);for(var a=arguments.length,i=Array(a),c=0;c<a;c++)i[c]=arguments[c];return n=r=b(this,e.call.apply(e,[this].concat(i))),r.onChange=function(e){var t=r.props,n=t.scope,o=t.transformCode,a=t.noInline;r.transpile({code:e,scope:n,transformCode:o,noInline:a})},r.onError=function(e){r.setState({error:e.toString()})},r.transpile=function(e){var t=e.code,n=e.scope,o=e.transformCode,a=e.noInline,i=void 0!==a&&a,c={code:o?o(t):t,scope:n},l=function(e){return r.setState({element:void 0,error:e.toString()})},s=function(e){return r.setState(h({},u,{element:e}))},u={unsafeWrapperError:void 0,error:void 0};try{i?(r.setState(h({},u,{element:null})),I(c,s,l)):s(x(c,l))}catch(e){r.setState(h({},u,{error:e.toString()}))}},o=n,b(r,o)}return g(t,e),t.prototype.UNSAFE_componentWillMount=function(){var e=this.props,t=e.code,n=e.scope,r=e.transformCode,o=e.noInline;this.transpile({code:t,scope:n,transformCode:r,noInline:o})},t.prototype.componentDidUpdate=function(e){var t=e.code,n=e.scope,r=e.noInline,o=e.transformCode,a=this.props,i=a.code,c=a.scope,l=a.noInline,s=a.transformCode;i===t&&c===n&&l===r&&s===o||this.transpile({code:i,scope:c,transformCode:s,noInline:l})},t.prototype.render=function(){var e=this.props,t=e.children,n=e.code,r=e.language,o=e.theme,a=e.disabled;return p.createElement(E.Provider,{value:h({},this.state,{code:n,language:r,theme:o,disabled:a,onError:this.onError,onChange:this.onChange})},t)},t}(t.Component);_.defaultProps={code:"",noInline:!1,language:"jsx",disabled:!1},s.defaultProps={Component:"div"},e.Editor=C,e.LiveProvider=_,e.LiveEditor=c,e.LiveError=l,e.LivePreview=s,e.LiveContext=E,e.withLive=u,e.generateElement=x,e.renderElementAsync=I,Object.defineProperty(e,"__esModule",{value:!0})});
|