2.0.3

dist/amd/can-react-component.js

@@ -0,0 +1,82 @@
+/*[email protected]#can-react-component*/
+define('can-react-component', [
+    'require',
+    'exports',
+    'module',
+    'react',
+    'can-namespace',
+    'can-assign',
+    'can-reflect',
+    'can-symbol',
+    'can-view-callbacks'
+], function (require, exports, module) {
+    var React = require('react');
+    var namespace = require('can-namespace');
+    var assign = require('can-assign');
+    var reflect = require('can-reflect');
+    var canSymbol = require('can-symbol');
+    var viewCallbacks = require('can-view-callbacks');
+    var viewModelSymbol = canSymbol.for('can.viewModel');
+    module.exports = namespace.reactComponent = function canReactComponent(displayName, CanComponent) {
+        if (arguments.length === 1) {
+            CanComponent = arguments[0];
+            displayName = (CanComponent.shortName || 'CanComponent') + 'Wrapper';
+        }
+        const __renderComponent = viewCallbacks._tags[CanComponent.prototype.tag];
+        viewCallbacks._tags[CanComponent.prototype.tag] = function renderComponent(el) {
+            if (el.getAttribute('auto-mount') !== 'false') {
+                __renderComponent.apply(this, arguments);
+            }
+        };
+        function Wrapper() {
+            React.Component.call(this);
+            this.canComponent = null;
+            this.createComponent = this.createComponent.bind(this);
+        }
+        Wrapper.displayName = displayName;
+        Wrapper.prototype = Object.create(React.Component.prototype);
+        assign(Wrapper.prototype, {
+            constructor: Wrapper,
+            createComponent: function (el) {
+                if (this.canComponent) {
+                    this.canComponent = null;
+                }
+                if (el) {
+                    this.vm = el[viewModelSymbol];
+                    if (this.vm) {
+                        reflect.assign(this.vm, this.props);
+                    } else {
+                        this.canComponent = new CanComponent(el, { viewModel: this.props });
+                        this.vm = this.canComponent.viewModel;
+                    }
+                }
+            },
+            componentDidUpdate: function () {
+                this.vm && reflect.assign(this.vm, this.props);
+            },
+            render: function () {
+                return React.createElement(CanComponent.prototype.tag, {
+                    ref: this.createComponent,
+                    'auto-mount': 'false'
+                });
+            }
+        });
+        Object.defineProperty(Wrapper.prototype, 'viewModel', {
+            enumerable: false,
+            configurable: true,
+            get: function () {
+                return this.vm;
+            }
+        });
+        try {
+            Object.defineProperty(Wrapper, 'name', {
+                writable: false,
+                enumerable: false,
+                configurable: true,
+                value: displayName
+            });
+        } catch (e) {
+        }
+        return Wrapper;
+    };
+});

dist/global/can-react-component.js

@@ -0,0 +1,255 @@
+/*[process-shim]*/
+(function(global, env) {
+	// jshint ignore:line
+	if (typeof process === "undefined") {
+		global.process = {
+			argv: [],
+			cwd: function() {
+				return "";
+			},
+			browser: true,
+			env: {
+				NODE_ENV: env || "development"
+			},
+			version: "",
+			platform:
+				global.navigator &&
+				global.navigator.userAgent &&
+				/Windows/.test(global.navigator.userAgent)
+					? "win"
+					: ""
+		};
+	}
+})(
+	typeof self == "object" && self.Object == Object
+		? self
+		: typeof process === "object" &&
+		  Object.prototype.toString.call(process) === "[object process]"
+			? global
+			: window,
+	"development"
+);
+
+/*[global-shim-start]*/
+(function(exports, global, doEval) {
+	// jshint ignore:line
+	var origDefine = global.define;
+
+	var get = function(name) {
+		var parts = name.split("."),
+			cur = global,
+			i;
+		for (i = 0; i < parts.length; i++) {
+			if (!cur) {
+				break;
+			}
+			cur = cur[parts[i]];
+		}
+		return cur;
+	};
+	var set = function(name, val) {
+		var parts = name.split("."),
+			cur = global,
+			i,
+			part,
+			next;
+		for (i = 0; i < parts.length - 1; i++) {
+			part = parts[i];
+			next = cur[part];
+			if (!next) {
+				next = cur[part] = {};
+			}
+			cur = next;
+		}
+		part = parts[parts.length - 1];
+		cur[part] = val;
+	};
+	var useDefault = function(mod) {
+		if (!mod || !mod.__esModule) return false;
+		var esProps = { __esModule: true, default: true };
+		for (var p in mod) {
+			if (!esProps[p]) return false;
+		}
+		return true;
+	};
+
+	var hasCjsDependencies = function(deps) {
+		return (
+			deps[0] === "require" && deps[1] === "exports" && deps[2] === "module"
+		);
+	};
+
+	var modules =
+		(global.define && global.define.modules) ||
+		(global._define && global._define.modules) ||
+		{};
+	var ourDefine = (global.define = function(moduleName, deps, callback) {
+		var module;
+		if (typeof deps === "function") {
+			callback = deps;
+			deps = [];
+		}
+		var args = [],
+			i;
+		for (i = 0; i < deps.length; i++) {
+			args.push(
+				exports[deps[i]]
+					? get(exports[deps[i]])
+					: modules[deps[i]] || get(deps[i])
+			);
+		}
+		// CJS has no dependencies but 3 callback arguments
+		if (hasCjsDependencies(deps) || (!deps.length && callback.length)) {
+			module = { exports: {} };
+			args[0] = function(name) {
+				return exports[name] ? get(exports[name]) : modules[name];
+			};
+			args[1] = module.exports;
+			args[2] = module;
+		}
+		// Babel uses the exports and module object.
+		else if (!args[0] && deps[0] === "exports") {
+			module = { exports: {} };
+			args[0] = module.exports;
+			if (deps[1] === "module") {
+				args[1] = module;
+			}
+		} else if (!args[0] && deps[0] === "module") {
+			args[0] = { id: moduleName };
+		}
+
+		global.define = origDefine;
+		var result = callback ? callback.apply(null, args) : undefined;
+		global.define = ourDefine;
+
+		// Favor CJS module.exports over the return value
+		result = module && module.exports ? module.exports : result;
+		modules[moduleName] = result;
+
+		// Set global exports
+		var globalExport = exports[moduleName];
+		if (globalExport && !get(globalExport)) {
+			if (useDefault(result)) {
+				result = result["default"];
+			}
+			set(globalExport, result);
+		}
+	});
+	global.define.orig = origDefine;
+	global.define.modules = modules;
+	global.define.amd = true;
+	ourDefine("@loader", [], function() {
+		// shim for @@global-helpers
+		var noop = function() {};
+		return {
+			get: function() {
+				return { prepareGlobal: noop, retrieveGlobal: noop };
+			},
+			global: global,
+			__exec: function(__load) {
+				doEval(__load.source, global);
+			}
+		};
+	});
+})(
+	{},
+	typeof self == "object" && self.Object == Object
+		? self
+		: typeof process === "object" &&
+		  Object.prototype.toString.call(process) === "[object process]"
+			? global
+			: window,
+	function(__$source__, __$global__) {
+		// jshint ignore:line
+		eval("(function() { " + __$source__ + " \n }).call(__$global__);");
+	}
+);
+
+/*[email protected]#can-react-component*/
+define('can-react-component', [
+    'require',
+    'exports',
+    'module',
+    'react',
+    'can-namespace',
+    'can-assign',
+    'can-reflect',
+    'can-symbol',
+    'can-view-callbacks'
+], function (require, exports, module) {
+    var React = require('react');
+    var namespace = require('can-namespace');
+    var assign = require('can-assign');
+    var reflect = require('can-reflect');
+    var canSymbol = require('can-symbol');
+    var viewCallbacks = require('can-view-callbacks');
+    var viewModelSymbol = canSymbol.for('can.viewModel');
+    module.exports = namespace.reactComponent = function canReactComponent(displayName, CanComponent) {
+        if (arguments.length === 1) {
+            CanComponent = arguments[0];
+            displayName = (CanComponent.shortName || 'CanComponent') + 'Wrapper';
+        }
+        const __renderComponent = viewCallbacks._tags[CanComponent.prototype.tag];
+        viewCallbacks._tags[CanComponent.prototype.tag] = function renderComponent(el) {
+            if (el.getAttribute('auto-mount') !== 'false') {
+                __renderComponent.apply(this, arguments);
+            }
+        };
+        function Wrapper() {
+            React.Component.call(this);
+            this.canComponent = null;
+            this.createComponent = this.createComponent.bind(this);
+        }
+        Wrapper.displayName = displayName;
+        Wrapper.prototype = Object.create(React.Component.prototype);
+        assign(Wrapper.prototype, {
+            constructor: Wrapper,
+            createComponent: function (el) {
+                if (this.canComponent) {
+                    this.canComponent = null;
+                }
+                if (el) {
+                    this.vm = el[viewModelSymbol];
+                    if (this.vm) {
+                        reflect.assign(this.vm, this.props);
+                    } else {
+                        this.canComponent = new CanComponent(el, { viewModel: this.props });
+                        this.vm = this.canComponent.viewModel;
+                    }
+                }
+            },
+            componentDidUpdate: function () {
+                this.vm && reflect.assign(this.vm, this.props);
+            },
+            render: function () {
+                return React.createElement(CanComponent.prototype.tag, {
+                    ref: this.createComponent,
+                    'auto-mount': 'false'
+                });
+            }
+        });
+        Object.defineProperty(Wrapper.prototype, 'viewModel', {
+            enumerable: false,
+            configurable: true,
+            get: function () {
+                return this.vm;
+            }
+        });
+        try {
+            Object.defineProperty(Wrapper, 'name', {
+                writable: false,
+                enumerable: false,
+                configurable: true,
+                value: displayName
+            });
+        } catch (e) {
+        }
+        return Wrapper;
+    };
+});
+/*[global-shim-end]*/
+(function(global) { // jshint ignore:line
+	global._define = global.define;
+	global.define = global.define.orig;
+}
+)(typeof self == "object" && self.Object == Object ? self : (typeof process === "object" && Object.prototype.toString.call(process) === "[object process]") ? global : window);