Function mrFactory

docs/assets/getting-started-assets/javascripts/mobx-react.js:2–203

(mobx, React, ReactDOM)

;(function() {
    function mrFactory(mobx, React, ReactDOM) {
        if (!mobx) throw new Error("mobx-react requires the MobX package")
        if (!React) throw new Error("mobx-react requires React to be available")

        var isDevtoolsEnabled = false

        // WeakMap<Node, Object>;
        var componentByNodeRegistery = typeof WeakMap !== "undefined" ? new WeakMap() : undefined
        var renderReporter = new mobx.SimpleEventEmitter()

        function findDOMNode(component) {
            if (ReactDOM) return ReactDOM.findDOMNode(component)
            return null
        }

        function reportRendering(component) {
            var node = findDOMNode(component)
            if (node) componentByNodeRegistery.set(node, component)

            renderReporter.emit({
                event: "render",
                renderTime: component.__$mobRenderEnd - component.__$mobRenderStart,
                totalTime: Date.now() - component.__$mobRenderStart,
                component: component,
                node: node
            })
        }

        var reactiveMixin = {
            componentWillMount: function() {
                // Generate friendly name for debugging
                var name = [
                    this.displayName ||
                        this.name ||
                        (this.constructor && this.constructor.name) ||
                        "<component>",
                    "#",
                    this._reactInternalInstance && this._reactInternalInstance._rootNodeID,
                    ".render()"
                ].join("")

                var baseRender = this.render.bind(this)
                var self = this
                var reaction = null
                var isRenderingPending = false

                function initialRender() {
                    reaction = new mobx.Reaction(name, function() {
                        if (!isRenderingPending) {
                            isRenderingPending = true
                            React.Component.prototype.forceUpdate.call(self)
                        }
                    })
                    reactiveRender.$mobx = reaction
                    self.render = reactiveRender
                    return reactiveRender()
                }

                function reactiveRender() {