intact-react - npm Package Compare versions

Comparing version 3.0.0-beta.22 to 3.0.0-beta.23

dist/helpers.d.ts

 declare type Fiber = any;
 export declare function precacheFiberNode(node: Element, placeholder: Element): Fiber;
 export declare function updateFiberProps(node: Element, placeholder: Element): void;
+export declare let listeningMarker: string;
 export {};

dist/index.cjs.dev.js

@@ -30,2 +30,5 @@ 'use strict';
 }
+function isString(o) {
+    return typeof o === 'string';
+}
 function isObject(o) {
@@ -122,2 +125,43 @@ return o !== null && typeof o === 'object';
 
+var internalInstanceKey;
+function precacheFiberNode(node, placeholder) {
+    if (!internalInstanceKey) {
+        var keys = Object.keys(placeholder);
+        internalInstanceKey = keys[0];
+    }
+    var fiber = placeholder[internalInstanceKey];
+    node[internalInstanceKey] = fiber;
+    return fiber;
+}
+var listeningMarker;
+var bind = Function.prototype.bind;
+Function.prototype.bind = function () {
+    var args = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        args[_i] = arguments[_i];
+    }
+    var obj = args[0], domEventName = args[1], eventSystemFlags = args[2], targetContainer = args[3], rest = args.slice(4);
+    if (obj === null && isString(domEventName) && isNumber(eventSystemFlags) && targetContainer instanceof Element) {
+        var isReactListening = false;
+        if (!listeningMarker) {
+            var keys = Object.keys(targetContainer);
+            var key = keys.find(function (key) { return key.startsWith('_reactListening'); });
+            if (key) {
+                listeningMarker = key;
+                isReactListening = true;
+            }
+            else {
+                isReactListening = false;
+            }
+        }
+        else {
+            isReactListening = targetContainer[listeningMarker];
+        }
+        if (isReactListening) {
+            return bind.call.apply(bind, tslib.__spreadArray([this, null, domEventName, eventSystemFlags | 2, targetContainer], rest, false));
+        }
+    }
+    return bind.call.apply(bind, tslib.__spreadArray([this], args, false));
+};
+
 var Context = react.createContext(null);
@@ -293,2 +337,3 @@ var containerComment = ' react-mount-point-unstable ';
         };
+        parentElement[listeningMarker] = true;
         parentElement._hasRewrite = true;
@@ -454,3 +499,3 @@ }
             // e.g. on$change-value
-            return "ev-$" + propName.substring(3).replace(/\-/g, ':');
+            return "ev-$".concat(propName.substring(3).replace(/\-/g, ':'));
         }
@@ -465,7 +510,7 @@ else if ((tmp = third.charCodeAt(0)) && tmp >= 65 && tmp <= 90) {
                 // e.g. onChangeValue -> ev-$change:value
-                return "ev-$change:" + lowerFirst(eventName.substring(6));
+                return "ev-$change:".concat(lowerFirst(eventName.substring(6)));
             }
             else {
                 // e.g. onClick
-                return "ev-" + lowerFirst(eventName.replace(/-/g, ':'));
+                return "ev-".concat(lowerFirst(eventName.replace(/-/g, ':')));
             }
@@ -503,14 +548,2 @@ }
 
-var internalInstanceKey;
-function precacheFiberNode(node, placeholder) {
-    if (!internalInstanceKey) {
-        var keys = Object.keys(placeholder);
-        internalInstanceKey = keys[0];
-        keys[1];
-    }
-    var fiber = placeholder[internalInstanceKey];
-    node[internalInstanceKey] = fiber;
-    return fiber;
-}
-
 var PROMISES = '_$IntactReactPromises';
@@ -720,6 +753,4 @@ var EMPTY_ARRAY = [];
         enumerable: true,
-        get: function () {
-            return intact[k];
-        }
+        get: function () { return intact[k]; }
     });
 });

dist/index.cjs.prod.js

@@ -30,2 +30,5 @@ 'use strict';
 }
+function isString(o) {
+    return typeof o === 'string';
+}
 function isObject(o) {
@@ -111,2 +114,43 @@ return o !== null && typeof o === 'object';
 
+var internalInstanceKey;
+function precacheFiberNode(node, placeholder) {
+    if (!internalInstanceKey) {
+        var keys = Object.keys(placeholder);
+        internalInstanceKey = keys[0];
+    }
+    var fiber = placeholder[internalInstanceKey];
+    node[internalInstanceKey] = fiber;
+    return fiber;
+}
+var listeningMarker;
+var bind = Function.prototype.bind;
+Function.prototype.bind = function () {
+    var args = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        args[_i] = arguments[_i];
+    }
+    var obj = args[0], domEventName = args[1], eventSystemFlags = args[2], targetContainer = args[3], rest = args.slice(4);
+    if (obj === null && isString(domEventName) && isNumber(eventSystemFlags) && targetContainer instanceof Element) {
+        var isReactListening = false;
+        if (!listeningMarker) {
+            var keys = Object.keys(targetContainer);
+            var key = keys.find(function (key) { return key.startsWith('_reactListening'); });
+            if (key) {
+                listeningMarker = key;
+                isReactListening = true;
+            }
+            else {
+                isReactListening = false;
+            }
+        }
+        else {
+            isReactListening = targetContainer[listeningMarker];
+        }
+        if (isReactListening) {
+            return bind.call.apply(bind, tslib.__spreadArray([this, null, domEventName, eventSystemFlags | 2, targetContainer], rest, false));
+        }
+    }
+    return bind.call.apply(bind, tslib.__spreadArray([this], args, false));
+};
+
 var Context = react.createContext(null);
@@ -276,2 +320,3 @@ var containerComment = ' react-mount-point-unstable ';
         };
+        parentElement[listeningMarker] = true;
         parentElement._hasRewrite = true;
@@ -437,3 +482,3 @@ }
             // e.g. on$change-value
-            return "ev-$" + propName.substring(3).replace(/\-/g, ':');
+            return "ev-$".concat(propName.substring(3).replace(/\-/g, ':'));
         }
@@ -448,7 +493,7 @@ else if ((tmp = third.charCodeAt(0)) && tmp >= 65 && tmp <= 90) {
                 // e.g. onChangeValue -> ev-$change:value
-                return "ev-$change:" + lowerFirst(eventName.substring(6));
+                return "ev-$change:".concat(lowerFirst(eventName.substring(6)));
             }
             else {
                 // e.g. onClick
-                return "ev-" + lowerFirst(eventName.replace(/-/g, ':'));
+                return "ev-".concat(lowerFirst(eventName.replace(/-/g, ':')));
             }
@@ -486,14 +531,2 @@ }
 
-var internalInstanceKey;
-function precacheFiberNode(node, placeholder) {
-    if (!internalInstanceKey) {
-        var keys = Object.keys(placeholder);
-        internalInstanceKey = keys[0];
-        keys[1];
-    }
-    var fiber = placeholder[internalInstanceKey];
-    node[internalInstanceKey] = fiber;
-    return fiber;
-}
-
 var PROMISES = '_$IntactReactPromises';
@@ -693,6 +726,4 @@ var Component = /*#__PURE__*/ /*#__PURE__*/ /** @class */ (function (_super) {
         enumerable: true,
-        get: function () {
-            return intact[k];
-        }
+        get: function () { return intact[k]; }
     });
 });

dist/index.esm.js

@@ -1,5 +0,5 @@
-import { __assign, __extends } from 'tslib';
+import { __spreadArray, __assign, __extends } from 'tslib';
 import { removeVNodeDom, createVNode, createTextVNode, createComponentVNode, isComponentClass, validateProps, inject, provide, setInstance, findDomFromVNode, callAll, Component as Component$1 } from 'intact';
 export * from 'intact';
-import { createContext, createElement, cloneElement, forwardRef, Fragment, createRef } from 'react';
+import { createContext, cloneElement, createElement, forwardRef, Fragment, createRef } from 'react';
 import { render, unstable_renderSubtreeIntoContainer } from 'react-dom';
@@ -27,2 +27,5 @@
 }
+function isString(o) {
+    return typeof o === 'string';
+}
 function isObject(o) {
@@ -119,2 +122,43 @@ return o !== null && typeof o === 'object';
 
+var internalInstanceKey;
+function precacheFiberNode(node, placeholder) {
+    if (!internalInstanceKey) {
+        var keys = Object.keys(placeholder);
+        internalInstanceKey = keys[0];
+    }
+    var fiber = placeholder[internalInstanceKey];
+    node[internalInstanceKey] = fiber;
+    return fiber;
+}
+var listeningMarker;
+var bind = Function.prototype.bind;
+Function.prototype.bind = function () {
+    var args = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        args[_i] = arguments[_i];
+    }
+    var obj = args[0], domEventName = args[1], eventSystemFlags = args[2], targetContainer = args[3], rest = args.slice(4);
+    if (obj === null && isString(domEventName) && isNumber(eventSystemFlags) && targetContainer instanceof Element) {
+        var isReactListening = false;
+        if (!listeningMarker) {
+            var keys = Object.keys(targetContainer);
+            var key = keys.find(function (key) { return key.startsWith('_reactListening'); });
+            if (key) {
+                listeningMarker = key;
+                isReactListening = true;
+            }
+            else {
+                isReactListening = false;
+            }
+        }
+        else {
+            isReactListening = targetContainer[listeningMarker];
+        }
+        if (isReactListening) {
+            return bind.call.apply(bind, __spreadArray([this, null, domEventName, eventSystemFlags | 2, targetContainer], rest, false));
+        }
+    }
+    return bind.call.apply(bind, __spreadArray([this], args, false));
+};
+
 var Context = createContext(null);
@@ -290,2 +334,3 @@ var containerComment = ' react-mount-point-unstable ';
         };
+        parentElement[listeningMarker] = true;
         parentElement._hasRewrite = true;
@@ -451,3 +496,3 @@ }
             // e.g. on$change-value
-            return "ev-$" + propName.substring(3).replace(/\-/g, ':');
+            return "ev-$".concat(propName.substring(3).replace(/\-/g, ':'));
         }
@@ -462,7 +507,7 @@ else if ((tmp = third.charCodeAt(0)) && tmp >= 65 && tmp <= 90) {
                 // e.g. onChangeValue -> ev-$change:value
-                return "ev-$change:" + lowerFirst(eventName.substring(6));
+                return "ev-$change:".concat(lowerFirst(eventName.substring(6)));
             }
             else {
                 // e.g. onClick
-                return "ev-" + lowerFirst(eventName.replace(/-/g, ':'));
+                return "ev-".concat(lowerFirst(eventName.replace(/-/g, ':')));
             }
@@ -500,14 +545,2 @@ }
 
-var internalInstanceKey;
-function precacheFiberNode(node, placeholder) {
-    if (!internalInstanceKey) {
-        var keys = Object.keys(placeholder);
-        internalInstanceKey = keys[0];
-        keys[1];
-    }
-    var fiber = placeholder[internalInstanceKey];
-    node[internalInstanceKey] = fiber;
-    return fiber;
-}
-
 var PROMISES = '_$IntactReactPromises';
@@ -514,0 +547,0 @@ var EMPTY_ARRAY = [];

dist/packages/intact-react/src/helpers.d.ts

 declare type Fiber = any;
 export declare function precacheFiberNode(node: Element, placeholder: Element): Fiber;
 export declare function updateFiberProps(node: Element, placeholder: Element): void;
+export declare let listeningMarker: string;
 export {};

dist/packages/intact/src/core/watch.d.ts

@@ -8,2 +8,2 @@ import { Component } from './component';
 };
-export declare function watch<P, K extends keyof Props<P>>(key: K, callback: ChangeCallback<Props<P>, K>, options?: WatchOptions, instance?: Component<P> | null): void;
+export declare function watch<P, K extends keyof Props<P, Component>>(key: K, callback: ChangeCallback<Props<P, Component>, K>, options?: WatchOptions, instance?: Component<P> | null): void;

package.json

 {
   "name": "intact-react",
-  "version": "3.0.0-beta.22",
+  "version": "3.0.0-beta.23",
   "description": "A compatibility layer for running intact component in React@17",
@@ -32,5 +32,5 @@ "main": "index.js",
   "dependencies": {
-    "intact": "^3.0.0-beta.22",
+    "intact": "^3.0.0-beta.23",
     "tslib": "^2.3.1"
   }
 }

No alert changes

Improved metrics

Total package byte prevSize

972635

increased by0.85%

Lines of code

23132

increased by0.68%

Worsened metrics

Number of package files

106

decreased by-1.85%

Dependency changes

• Updatedintact@^3.0.0-beta.23