From e159a005d6ee23428e12148c973ac3647de4d0af Mon Sep 17 00:00:00 2001 From: Christopher Baker Date: Thu, 3 Jan 2019 17:50:04 -0800 Subject: [PATCH] 2.0.1 --- dist/amd/can-react-component.js | 71 +++++++++ dist/global/can-react-component.js | 244 +++++++++++++++++++++++++++++ package-lock.json | 2 +- 3 files changed, 316 insertions(+), 1 deletion(-) create mode 100644 dist/amd/can-react-component.js create mode 100644 dist/global/can-react-component.js diff --git a/dist/amd/can-react-component.js b/dist/amd/can-react-component.js new file mode 100644 index 0000000..59e127f --- /dev/null +++ b/dist/amd/can-react-component.js @@ -0,0 +1,71 @@ +/*can-react-component@2.0.0#can-react-component*/ +define('can-react-component', [ + 'require', + 'exports', + 'module', + 'react', + 'can-namespace', + 'can-assign', + 'can-reflect', + 'can-symbol' +], 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 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'; + } + 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 }); + } + }); + 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; + }; +}); \ No newline at end of file diff --git a/dist/global/can-react-component.js b/dist/global/can-react-component.js new file mode 100644 index 0000000..e3c58f4 --- /dev/null +++ b/dist/global/can-react-component.js @@ -0,0 +1,244 @@ +/*[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__);"); + } +); + +/*can-react-component@2.0.0#can-react-component*/ +define('can-react-component', [ + 'require', + 'exports', + 'module', + 'react', + 'can-namespace', + 'can-assign', + 'can-reflect', + 'can-symbol' +], 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 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'; + } + 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 }); + } + }); + 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); \ No newline at end of file diff --git a/package-lock.json b/package-lock.json index abd574f..77b08bc 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,6 +1,6 @@ { "name": "can-react-component", - "version": "1.0.1", + "version": "2.0.1", "lockfileVersion": 1, "requires": true, "dependencies": {