react2angularjs - npm Package Compare versions

Comparing version 1.0.0-beta.1 to 1.0.0-beta.2

dist/create-react-elements.js

+(function (global, factory) {
+  if (typeof define === "function" && define.amd) {
+    define(["exports", "react"], factory);
+  } else if (typeof exports !== "undefined") {
+    factory(exports, require("react"));
+  } else {
+    var mod = {
+      exports: {}
+    };
+    factory(mod.exports, global.React);
+    global.createReactElements = mod.exports;
+  }
+})(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_exports, _react) {
+  "use strict";
+
+  Object.defineProperty(_exports, "__esModule", {
+    value: true
+  });
+  _exports["default"] = createReactElements;
+  _react = _interopRequireDefault(_react);
+
+  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+  function createReactElements(elements) {
+    var reactElements = Array.from(elements).reduce(createElement, []); //If there is only one Child, react expect children object instead of Array
+
+    if (reactElements.length === 1) {
+      return reactElements[0];
+    }
+
+    return reactElements;
+  }
+
+  function createElement(elements, element, index) {
+    if (element instanceof HTMLElement) {
+      var reactElement = createHTMLElement(element, index);
+      elements.push(reactElement);
+    } else if (element.nodeName === '#text') {
+      var _reactElement = createTextElement(element); //replace new line characters with empty space
+
+
+      var textContent = _reactElement.replace(/↵/, ''); //Add only if element contains text content
+
+
+      if (textContent) {
+        elements.push(_reactElement);
+      }
+    }
+
+    return elements;
+  }
+
+  function createHTMLElement(element, index) {
+    var tagName = element.tagName,
+        childNodes = element.childNodes;
+    var tagname = tagName.toLowerCase();
+    var attributes = getAttributesMap(element);
+    attributes.key = index;
+    attributes.className = attributes["class"];
+    delete attributes["class"];
+
+    if (childNodes.length > 0) {
+      attributes.children = createReactElements(childNodes);
+    }
+
+    return _react["default"].createElement(tagname, attributes);
+  }
+
+  function createTextElement(element) {
+    return element.data.trim();
+  }
+
+  function getAttributesMap(element) {
+    var attributes = element.attributes;
+    var attrArray = Array.from(attributes || []);
+    return attrArray.reduce(function (map, attr) {
+      map[attr.name] = attr.value;
+      return map;
+    }, {});
+  }
+});

dist/react-directive.js

+(function (global, factory) {
+  if (typeof define === "function" && define.amd) {
+    define(["exports", "react", "react-dom", "./create-react-elements"], factory);
+  } else if (typeof exports !== "undefined") {
+    factory(exports, require("react"), require("react-dom"), require("./create-react-elements"));
+  } else {
+    var mod = {
+      exports: {}
+    };
+    factory(mod.exports, global.React, global.ReactDOM, global.createReactElements);
+    global.reactDirective = mod.exports;
+  }
+})(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_exports, _react, _reactDom, _createReactElements) {
+  "use strict";
+
+  Object.defineProperty(_exports, "__esModule", {
+    value: true
+  });
+  _exports["default"] = void 0;
+  _react = _interopRequireDefault(_react);
+  _createReactElements = _interopRequireDefault(_createReactElements);
+
+  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+  function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+  function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+  function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+  var ReactDirective = /*#__PURE__*/function () {
+    function ReactDirective(ReactComponent, propNames, $compile) {
+      _classCallCheck(this, ReactDirective);
+
+      this.restrict = 'EA';
+      this.transclude = true;
+      this.ReactComponent = ReactComponent;
+      this.propNames = propNames;
+      this.$compile = $compile;
+      this.scope = this.getScopeBindings();
+    }
+
+    _createClass(ReactDirective, [{
+      key: "getScopeBindings",
+      value: function getScopeBindings() {
+        return this.propNames.reduce(function (scope, propName) {
+          scope[propName] = "<".concat(propName);
+          return scope;
+        }, {});
+      }
+    }, {
+      key: "getProps",
+      value: function getProps() {
+        var _this = this;
+
+        return this.propNames.reduce(function (props, propName) {
+          props[propName] = _this.elementScope[propName];
+          return props;
+        }, {});
+      }
+    }, {
+      key: "link",
+      value: function link(scope, element, attrs, ctrl, transclude) {
+        this.$container = element[0];
+        this.$children = transclude();
+        this.elementScope = scope;
+        this.render();
+        this.$compile(element.contents())(scope.$parent); //re render on scope changes
+
+        this.elementScope.$watch(this.render.bind(this));
+      }
+    }, {
+      key: "render",
+      value: function render() {
+        var props = this.getProps();
+        var children = (0, _createReactElements["default"])(this.$children);
+        (0, _reactDom.render)( /*#__PURE__*/_react["default"].createElement(this.ReactComponent, props, children), this.$container);
+      }
+    }]);
+
+    return ReactDirective;
+  }();
+
+  _exports["default"] = ReactDirective;
+});

.babelrc

@@ -13,3 +13,4 @@ {
           "react-dom": "ReactDOM"
-        }
+        },
+        "exactGlobals": true
       }
@@ -16,0 +17,0 @@ ]

dist/index.js

 (function (global, factory) {
   if (typeof define === "function" && define.amd) {
-    define(["exports", "react"], factory);
-  } else if (typeof exports !== "undefined") {
-    factory(exports, require("react"));
-  } else {
-    var mod = {
-      exports: {}
-    };
-    factory(mod.exports, global.React);
-    global.createReactElements = mod.exports;
-  }
-})(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_exports, _react) {
-  "use strict";
-
-  Object.defineProperty(_exports, "__esModule", {
-    value: true
-  });
-  _exports["default"] = createReactElements;
-  _react = _interopRequireDefault(_react);
-
-  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-  function createReactElements(elements) {
-    var reactElements = Array.from(elements).reduce(createElement, []); //If there is only one Child, react expect children object instead of Array
-
-    if (reactElements.length === 1) {
-      return reactElements[0];
-    }
-
-    return reactElements;
-  }
-
-  function createElement(elements, element, index) {
-    if (element instanceof HTMLElement) {
-      var reactElement = createHTMLElement(element, index);
-      elements.push(reactElement);
-    } else if (element.nodeName === '#text') {
-      var _reactElement = createTextElement(element); //replace new line characters with empty space
-
-
-      var textContent = _reactElement.replace(/↵/, ''); //Add only if element contains text content
-
-
-      if (textContent) {
-        elements.push(_reactElement);
-      }
-    }
-
-    return elements;
-  }
-
-  function createHTMLElement(element, index) {
-    var tagName = element.tagName,
-        childNodes = element.childNodes;
-    var tagname = tagName.toLowerCase();
-    var attributes = getAttributesMap(element);
-    attributes.key = index;
-    attributes.className = attributes["class"];
-    delete attributes["class"];
-
-    if (childNodes.length > 0) {
-      attributes.children = createReactElements(childNodes);
-    }
-
-    return _react["default"].createElement(tagname, attributes);
-  }
-
-  function createTextElement(element) {
-    return element.data.trim();
-  }
-
-  function getAttributesMap(element) {
-    var attributes = element.attributes;
-    var attrArray = Array.from(attributes || []);
-    return attrArray.reduce(function (map, attr) {
-      map[attr.name] = attr.value;
-      return map;
-    }, {});
-  }
-});
-(function (global, factory) {
-  if (typeof define === "function" && define.amd) {
     define(["exports", "./react-directive"], factory);
@@ -111,87 +30,2 @@ } else if (typeof exports !== "undefined") {
   }
-});
-(function (global, factory) {
-  if (typeof define === "function" && define.amd) {
-    define(["exports", "react", "react-dom", "./create-react-elements"], factory);
-  } else if (typeof exports !== "undefined") {
-    factory(exports, require("react"), require("react-dom"), require("./create-react-elements"));
-  } else {
-    var mod = {
-      exports: {}
-    };
-    factory(mod.exports, global.React, global.ReactDOM, global.createReactElements);
-    global.reactDirective = mod.exports;
-  }
-})(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_exports, _react, _reactDom, _createReactElements) {
-  "use strict";
-
-  Object.defineProperty(_exports, "__esModule", {
-    value: true
-  });
-  _exports["default"] = void 0;
-  _react = _interopRequireDefault(_react);
-  _createReactElements = _interopRequireDefault(_createReactElements);
-
-  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-  function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-  function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-  function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-
-  var ReactDirective = /*#__PURE__*/function () {
-    function ReactDirective(ReactComponent, propNames, $compile) {
-      _classCallCheck(this, ReactDirective);
-
-      this.restrict = 'EA';
-      this.transclude = true;
-      this.ReactComponent = ReactComponent;
-      this.propNames = propNames;
-      this.$compile = $compile;
-      this.scope = this.getScopeBindings();
-    }
-
-    _createClass(ReactDirective, [{
-      key: "getScopeBindings",
-      value: function getScopeBindings() {
-        return this.propNames.reduce(function (scope, propName) {
-          scope[propName] = "<".concat(propName);
-          return scope;
-        }, {});
-      }
-    }, {
-      key: "getProps",
-      value: function getProps() {
-        var _this = this;
-
-        return this.propNames.reduce(function (props, propName) {
-          props[propName] = _this.elementScope[propName];
-          return props;
-        }, {});
-      }
-    }, {
-      key: "link",
-      value: function link(scope, element, attrs, ctrl, transclude) {
-        this.$container = element[0];
-        this.$children = transclude();
-        this.elementScope = scope;
-        this.render();
-        this.$compile(element.contents())(scope.$parent); //re render on scope changes
-
-        this.elementScope.$watch(this.render.bind(this));
-      }
-    }, {
-      key: "render",
-      value: function render() {
-        var props = this.getProps();
-        var children = (0, _createReactElements["default"])(this.$children);
-        (0, _reactDom.render)( /*#__PURE__*/_react["default"].createElement(this.ReactComponent, props, children), this.$container);
-      }
-    }]);
-
-    return ReactDirective;
-  }();
-
-  _exports["default"] = ReactDirective;
-});
+});

package.json

 {
   "name": "react2angularjs",
-  "version": "1.0.0-beta.1",
+  "version": "1.0.0-beta.2",
   "description": "A fully functional way to integrate React components in Angular 1 apps!",
@@ -8,3 +8,3 @@ "main": "dist/index.js",
     "test": "echo test",
-    "build": "npx babel src --out-file dist/index.js",
+    "build": "npx babel src --out-dir dist",
     "eslint": "npx eslint src/index.js",
@@ -11,0 +11,0 @@ "prepublish": "npm run build"

New alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Fixed alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

12636

0.13%

Number of package files

9

28.57%

Worsened metrics

Lines of code

259

-1.15%

No dependency changes