@oneii3/react-4iv - npm Package Compare versions

Comparing version 0.0.2 to 0.0.3

package.json

 {
     "name": "@oneii3/react-4iv",
-    "version": "0.0.2",
+    "version": "0.0.3",
     "description": "",
@@ -16,5 +16,7 @@ "main": "public/index.js",
     "dependencies": {
-        "@oneii3/4iv": "^0.0.3",
-        "react": "^18.2.0"
+        "@oneii3/4iv": "^0.0.3"
     },
+    "peerDependencies": {
+        "react": "^16.8.6"
+    },
     "devDependencies": {
@@ -21,0 +23,0 @@ "prettier": "^2.7.1",

public/useByproduct.js

 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useByproduct = void 0;
-const api_1 = require("@oneii3/4iv/public/api");
-const react_1 = require("react");
-function useByproduct(produce, derive, deps = []) {
-    let [_, setValue] = react_1.default.useState();
-    let value = react_1.default.useRef((0, api_1.byproduct)(produce, derive, deps));
-    react_1.default.useEffect(() => {
+var api_1 = require("@oneii3/4iv/public/api");
+var react_1 = require("react");
+function useByproduct(produce, derive, deps) {
+    if (deps === void 0) { deps = []; }
+    var _a = react_1.default.useState(), _ = _a[0], setValue = _a[1];
+    var value = react_1.default.useRef((0, api_1.byproduct)(produce, derive, deps));
+    react_1.default.useEffect(function () {
         value.current(setValue);
-        return () => {
+        return function () {
             var _a;
@@ -13,0 +14,0 @@ (_a = value.current) === null || _a === void 0 ? void 0 : _a.stop(setValue);

public/useEffect.js

 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useEffect = void 0;
-const api_1 = require("@oneii3/4iv/public/api");
-const react_1 = require("react");
-const useEffect = (e, deps) => {
-    react_1.default.useEffect(() => {
+var api_1 = require("@oneii3/4iv/public/api");
+var react_1 = require("react");
+var useEffect = function (e, deps) {
+    react_1.default.useEffect(function () {
         (0, api_1.effect)(e, deps);
-        return () => {
-            deps.forEach((dep) => dep.stop(e));
+        return function () {
+            deps.forEach(function (dep) { return dep.stop(e); });
         };
@@ -12,0 +12,0 @@ }, []);

public/useEvent.js

 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useEvent = void 0;
-const api_1 = require("@oneii3/4iv/public/api");
-const react_1 = require("react");
+var api_1 = require("@oneii3/4iv/public/api");
+var react_1 = require("react");
 function useEvent(callback) {
-    let [_, setArgs] = react_1.default.useState();
-    let [__, setResult] = react_1.default.useState();
-    let [___, setPayload] = react_1.default.useState();
-    let eventRef = react_1.default.useRef((0, api_1.event)(callback));
-    react_1.default.useEffect(() => {
-        let [event, payload] = eventRef.current;
-        let [args, result] = payload;
+    var _a = react_1.default.useState(), _ = _a[0], setArgs = _a[1];
+    var _b = react_1.default.useState(), __ = _b[0], setResult = _b[1];
+    var _c = react_1.default.useState(), ___ = _c[0], setPayload = _c[1];
+    var eventRef = react_1.default.useRef((0, api_1.event)(callback));
+    react_1.default.useEffect(function () {
+        var _a = eventRef.current, event = _a[0], payload = _a[1];
+        var args = payload[0], result = payload[1];
         payload.then(setPayload);
@@ -19,3 +19,3 @@ //might not want to update args and result separately
         result.then(setResult);
-        return () => {
+        return function () {
             payload.stop(setPayload);
@@ -22,0 +22,0 @@ args.stop(setArgs);

public/useProduct.js

 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useProduct = void 0;
-const api_1 = require("@oneii3/4iv/public/api");
-const react_1 = require("react");
-function useProduct(produce, deps = []) {
-    let [_, setValue] = react_1.default.useState();
-    let value = react_1.default.useRef((0, api_1.product)(produce, deps));
-    react_1.default.useEffect(() => {
+var api_1 = require("@oneii3/4iv/public/api");
+var react_1 = require("react");
+function useProduct(produce, deps) {
+    if (deps === void 0) { deps = []; }
+    var _a = react_1.default.useState(), _ = _a[0], setValue = _a[1];
+    var value = react_1.default.useRef((0, api_1.product)(produce, deps));
+    react_1.default.useEffect(function () {
         value.current(setValue);
-        return () => {
+        return function () {
             var _a;
@@ -13,0 +14,0 @@ (_a = value.current) === null || _a === void 0 ? void 0 : _a.stop(setValue);

public/useShared.js

 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useShared = void 0;
-const react_1 = require("react");
+var react_1 = require("react");
 function useShared(init) {
-    let [_, setValue] = react_1.default.useState(init.value);
-    let value = react_1.default.useRef(init);
-    react_1.default.useEffect(() => {
-        value.current(() => setValue(value.current.valueOf()));
-        return () => {
+    var _a = react_1.default.useState(init.value), _ = _a[0], setValue = _a[1];
+    var value = react_1.default.useRef(init);
+    react_1.default.useEffect(function () {
+        value.current(function () { return setValue(value.current.valueOf()); });
+        return function () {
             var _a;
@@ -12,0 +12,0 @@ (_a = value.current) === null || _a === void 0 ? void 0 : _a.stop(setValue);

public/useState.js

 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useState = void 0;
-const api_1 = require("@oneii3/4iv/public/api");
-const react_1 = require("react");
+var api_1 = require("@oneii3/4iv/public/api");
+var react_1 = require("react");
 function useState(init) {
-    let [_, setValue] = react_1.default.useState(init);
-    let value = react_1.default.useRef((0, api_1.state)(init));
-    react_1.default.useEffect(() => {
-        value.current(setValue);
-        return () => {
+    var _a = react_1.default.useState(init), _ = _a[0], setValue = _a[1];
+    var value = react_1.default.useRef((0, api_1.state)(init));
+    react_1.default.useEffect(function () {
+        var _a;
+        (_a = value.current) === null || _a === void 0 ? void 0 : _a.call(value, setValue);
+        return function () {
             var _a;
@@ -13,0 +14,0 @@ (_a = value.current) === null || _a === void 0 ? void 0 : _a.stop(setValue);

public/useUpdate.js

 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useUpdate = void 0;
-const api_1 = require("@oneii3/4iv/public/api");
-const react_1 = require("react");
-const useUpdate = (e, deps) => {
-    react_1.default.useEffect(() => {
+var api_1 = require("@oneii3/4iv/public/api");
+var react_1 = require("react");
+var useUpdate = function (e, deps) {
+    react_1.default.useEffect(function () {
         api_1.effect.defer(e, deps);
-        return () => {
-            deps.forEach((dep) => dep.stop(e));
+        return function () {
+            deps.forEach(function (dep) { return dep.stop(e); });
         };
@@ -12,0 +12,0 @@ }, []);

No alert changes

Improved metrics

Total package byte prevSize

7729

increased by6.26%

Lines of code

173

increased by1.76%

Dependency changes

• + Addedobject-assign@4.1.1(transitive)

• + Addedprop-types@15.8.1(transitive)

• + Addedreact@16.14.0(transitive)

• + Addedreact-is@16.13.1(transitive)

• - Removedreact@^18.2.0

• - Removedreact@18.3.1(transitive)