react_phoenix.js

"use strict";function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function _defineProperties(e,t){for(var r=0;r<t.length;r++){var a=t[r];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}function _createClass(e,t,r){return t&&_defineProperties(e.prototype,t),r&&_defineProperties(e,r),e}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_reactDom=_interopRequireDefault(require("react-dom")),ReactPhoenix=function(){function e(){_classCallCheck(this,e)}return _createClass(e,null,[{key:"init",value:function(){var e=document.querySelectorAll("[data-react-class]");Array.prototype.forEach.call(e,function(e){var t=document.getElementById(e.dataset.reactTargetId),r=t||e,a=e.dataset.reactProps?e.dataset.reactProps:"{}",n=Array.prototype.reduce.call(e.dataset.reactClass.split("."),function(e,t){return e[t]},window),o=_react.default.createElement(n,JSON.parse(a));_reactDom.default.render(o,r)})}}]),e}();exports.default=ReactPhoenix,document.addEventListener("DOMContentLoaded",function(e){ReactPhoenix.init()});