ab-test-jsx - npm Package Compare versions

Comparing version 1.1.2 to 2.0.0

lib/ABTest.js

@@ -1,1 +0,1 @@
-import{memo as t,createElement as r,Fragment as e}from"react";import"./ABTestsContext.js";import a from"./useABTests.js";var n=t((function(t){var n=t.children,s=t.variant,i=t.name;return(0,a().getVariant)(i)===s?r(e,null,n):null}));n.displayName="ABTest";export default n;
+import{memo as t,createElement as e,Fragment as r}from"react";import"./ABTestsContext-54e659cd.js";import"./ABTestsContext.js";import s from"./useABTests.js";var a=t((function(t){var a=t.children,n=t.variant,o=t.name;return(0,s().getVariant)(o)===n?e(r,null,a):null}));a.displayName="ABTest";export default a;

lib/abtestjsx.umd.js

@@ -1,1 +0,1 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react")):"function"==typeof define&&define.amd?define(["exports","react"],t):t((e=e||self).abtestjsx={},e.React)}(this,(function(e,t){"use strict";var n=t.createContext({}),r=function(){var e=t.useContext(n),r=function(t){return e[t]||"Z"};return{getVariant:r,isB:function(e){return"B"===r(e)},isA:function(e){return"A"===r(e)}}},a=t.memo((function(e){var n=e.children,a=e.variant,i=e.name;return(0,r().getVariant)(i)===a?t.createElement(t.Fragment,null,n):null}));a.displayName="ABTest";var i=t.memo((function(e){var r=e.abTests,a=e.children;return t.createElement(n.Provider,{value:r},a)}));n.displayName="ABTestsContext";var o=function(e){return e.displayName||e.name||"Anonymous"};function s(){return(s=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}e.ABTest=a,e.ABTestsProvider=i,e.useABTests=r,e.withABTest=function(e,n,a){var i=t.memo((function(i){return(0,r().isB)(a)?t.createElement(n,i):t.createElement(e,i)}));return i.displayName="withABTest(A:".concat(o(e),", B:").concat(o(n),")"),i},e.withABTests=function(e){var r=t.memo((function(r){var a=t.useContext(n);return t.createElement(e,s({},r,{abTests:a}))}));return r.displayName="withABTests(".concat(o(e),")"),r},e.withABTestsProvider=function(e,n){var r=t.memo((function(r){var a="function"==typeof n?n(r):n;return t.createElement(i,{abTests:a},t.createElement(e,r))}));return r.displayName="withABTestsProvider(".concat(o(e),")"),r},Object.defineProperty(e,"__esModule",{value:!0})}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react")):"function"==typeof define&&define.amd?define(["exports","react"],t):t((e=e||self).abtestjsx={},e.React)}(this,(function(e,t){"use strict";var n=t.createContext({}),r=t.createContext({defaultVariant:"A"}),a=function(){var e=t.useContext(n),a=t.useContext(r),i=function(t){return e[t]||a.defaultVariant};return{getVariant:i,isB:function(e){return"B"===i(e)},isA:function(e){return"A"===i(e)}}},i=t.memo((function(e){var n=e.children,r=e.variant,i=e.name;return(0,a().getVariant)(i)===r?t.createElement(t.Fragment,null,n):null}));i.displayName="ABTest";var o=t.memo((function(e){var a=e.abTests,i=e.children,o=e.defaultVariant,u=void 0===o?"A":o;return t.createElement(n.Provider,{value:a},t.createElement(r.Provider,{value:{defaultVariant:u}},i))}));n.displayName="ABTestsProvider";var u=function(e){return e.displayName||e.name||"Anonymous"};function s(){return(s=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}e.ABTest=i,e.ABTestsProvider=o,e.useABTests=a,e.withABTest=function(e,n,r){var i=t.memo((function(i){return(0,a().isB)(r)?t.createElement(n,i):t.createElement(e,i)}));return i.displayName="withABTest(A:".concat(u(e),", B:").concat(u(n),")"),i},e.withABTests=function(e){var r=t.memo((function(r){var a=t.useContext(n);return t.createElement(e,s({},r,{abTests:a}))}));return r.displayName="withABTests(".concat(u(e),")"),r},e.withABTestsProvider=function(e,n,r){var a=t.memo((function(a){var i="function"==typeof n?n(a):n;return t.createElement(o,{abTests:i,defaultVariant:r},t.createElement(e,a))}));return a.displayName="withABTestsProvider(".concat(u(e),")"),a},Object.defineProperty(e,"__esModule",{value:!0})}));

lib/ABTestsContext.js

@@ -1,1 +0,1 @@
-import{createContext as r}from"react";var t=r({});export default t;
+import"react";import{A as t}from"./ABTestsContext-54e659cd.js";export default t;

lib/ABTestsContext/ABTestsContext.d.ts

 import * as React from 'react';
 declare const ABTestsContext: React.Context<{}>;
+export declare type Settings = {
+    defaultVariant: string;
+};
+export declare const ABTestsSettings: React.Context<Settings>;
 export default ABTestsContext;

lib/ABTestsProvider.js

@@ -1,1 +0,1 @@
-import{memo as t,createElement as e}from"react";import r from"./ABTestsContext.js";var o=t((function(t){var o=t.abTests,a=t.children;return e(r.Provider,{value:o},a)}));r.displayName="ABTestsContext";export default o;
+import{memo as r,createElement as e}from"react";import{a as t}from"./ABTestsContext-54e659cd.js";import a from"./ABTestsContext.js";var o=r((function(r){var o=r.abTests,i=r.children,s=r.defaultVariant,d=void 0===s?"A":s;return e(a.Provider,{value:o},e(t.Provider,{value:{defaultVariant:d}},i))}));a.displayName="ABTestsProvider";export default o;

lib/ABTestsProvider/ABTestsProvider.d.ts

@@ -5,2 +5,3 @@ import * as React from 'react';
     abTests: T;
+    defaultVariant?: 'A' | 'B' | 'Z';
 }
@@ -7,0 +8,0 @@ declare type Props<T> = React.PropsWithChildren<OwnProps<T>>;

lib/cjs/ABTest.js

@@ -1,1 +0,1 @@
-"use strict";var React=require("react");require("./ABTestsContext.js");var useABTests=require("./useABTests.js"),ABTest=React.memo((function(e){var t=e.children,s=e.variant,r=e.name;return(0,useABTests().getVariant)(r)===s?React.createElement(React.Fragment,null,t):null}));ABTest.displayName="ABTest",module.exports=ABTest;
+"use strict";var React=require("react");require("./ABTestsContext-ca7fe6b2.js"),require("./ABTestsContext.js");var useABTests=require("./useABTests.js"),ABTest=React.memo((function(e){var t=e.children,s=e.variant,r=e.name;return(0,useABTests().getVariant)(r)===s?React.createElement(React.Fragment,null,t):null}));ABTest.displayName="ABTest",module.exports=ABTest;

lib/cjs/ABTestsContext.js

@@ -1,1 +0,1 @@
-"use strict";var React=require("react"),ABTestsContext=React.createContext({});module.exports=ABTestsContext;
+"use strict";require("react");var ABTestsContext=require("./ABTestsContext-ca7fe6b2.js");module.exports=ABTestsContext.ABTestsContext;

lib/cjs/ABTestsProvider.js

@@ -1,1 +0,1 @@
-"use strict";var React=require("react"),ABTestsContext=require("./ABTestsContext.js"),ABTestsProvider=React.memo((function(e){var t=e.abTests,s=e.children;return React.createElement(ABTestsContext.Provider,{value:t},s)}));ABTestsContext.displayName="ABTestsContext",module.exports=ABTestsProvider;
+"use strict";var React=require("react"),ABTestsContext=require("./ABTestsContext-ca7fe6b2.js"),ABTestsContext$1=require("./ABTestsContext.js"),ABTestsProvider=React.memo((function(e){var t=e.abTests,s=e.children,r=e.defaultVariant,a=void 0===r?"A":r;return React.createElement(ABTestsContext$1.Provider,{value:t},React.createElement(ABTestsContext.ABTestsSettings.Provider,{value:{defaultVariant:a}},s))}));ABTestsContext$1.displayName="ABTestsProvider",module.exports=ABTestsProvider;

lib/cjs/index.js

@@ -1,1 +0,1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("react"),require("./ABTestsContext.js");var useABTests=require("./useABTests.js"),ABTest=require("./ABTest.js"),ABTestsProvider=require("./ABTestsProvider.js");require("./react-utils.js");var withABTest=require("./withABTest.js"),withABTests=require("./withABTests.js"),withABTestsProvider=require("./withABTestsProvider.js");exports.useABTests=useABTests,exports.ABTest=ABTest,exports.ABTestsProvider=ABTestsProvider,exports.withABTest=withABTest,exports.withABTests=withABTests,exports.withABTestsProvider=withABTestsProvider;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("react"),require("./ABTestsContext-ca7fe6b2.js"),require("./ABTestsContext.js");var useABTests=require("./useABTests.js"),ABTest=require("./ABTest.js"),ABTestsProvider=require("./ABTestsProvider.js");require("./react-utils.js");var withABTest=require("./withABTest.js"),withABTests=require("./withABTests.js"),withABTestsProvider=require("./withABTestsProvider.js");exports.useABTests=useABTests,exports.ABTest=ABTest,exports.ABTestsProvider=ABTestsProvider,exports.withABTest=withABTest,exports.withABTests=withABTests,exports.withABTestsProvider=withABTestsProvider;

lib/cjs/useABTests.js

@@ -1,1 +0,1 @@
-"use strict";var React=require("react"),ABTestsContext=require("./ABTestsContext.js"),useABTests=function(){var t=React.useContext(ABTestsContext),e=function(e){return t[e]||"Z"};return{getVariant:e,isB:function(t){return"B"===e(t)},isA:function(t){return"A"===e(t)}}};module.exports=useABTests;
+"use strict";var React=require("react"),ABTestsContext=require("./ABTestsContext-ca7fe6b2.js"),ABTestsContext$1=require("./ABTestsContext.js"),useABTests=function(){var t=React.useContext(ABTestsContext$1),e=React.useContext(ABTestsContext.ABTestsSettings),s=function(s){return t[s]||e.defaultVariant};return{getVariant:s,isB:function(t){return"B"===s(t)},isA:function(t){return"A"===s(t)}}};module.exports=useABTests;

lib/cjs/withABTest.js

@@ -1,1 +0,1 @@
-"use strict";var React=require("react");require("./ABTestsContext.js");var useABTests=require("./useABTests.js"),reactUtils=require("./react-utils.js"),withABTest=function(e,t,s){var r=React.memo((function(r){return(0,useABTests().isB)(s)?React.createElement(t,r):React.createElement(e,r)}));return r.displayName="withABTest(A:".concat(reactUtils.nameOf(e),", B:").concat(reactUtils.nameOf(t),")"),r};module.exports=withABTest;
+"use strict";var React=require("react");require("./ABTestsContext-ca7fe6b2.js"),require("./ABTestsContext.js");var useABTests=require("./useABTests.js"),reactUtils=require("./react-utils.js"),withABTest=function(e,t,s){var r=React.memo((function(r){return(0,useABTests().isB)(s)?React.createElement(t,r):React.createElement(e,r)}));return r.displayName="withABTest(A:".concat(reactUtils.nameOf(e),", B:").concat(reactUtils.nameOf(t),")"),r};module.exports=withABTest;

lib/cjs/withABTests.js

@@ -1,1 +0,1 @@
-"use strict";var React=require("react"),ABTestsContext=require("./ABTestsContext.js"),reactUtils=require("./react-utils.js");function _extends(){return(_extends=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var s in r)Object.prototype.hasOwnProperty.call(r,s)&&(t[s]=r[s])}return t}).apply(this,arguments)}var withABTests=function(t){var e=React.memo((function(e){var r=React.useContext(ABTestsContext);return React.createElement(t,_extends({},e,{abTests:r}))}));return e.displayName="withABTests(".concat(reactUtils.nameOf(t),")"),e};module.exports=withABTests;
+"use strict";var React=require("react");require("./ABTestsContext-ca7fe6b2.js");var ABTestsContext$1=require("./ABTestsContext.js"),reactUtils=require("./react-utils.js");function _extends(){return(_extends=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var s in r)Object.prototype.hasOwnProperty.call(r,s)&&(e[s]=r[s])}return e}).apply(this,arguments)}var withABTests=function(e){var t=React.memo((function(t){var r=React.useContext(ABTestsContext$1);return React.createElement(e,_extends({},t,{abTests:r}))}));return t.displayName="withABTests(".concat(reactUtils.nameOf(e),")"),t};module.exports=withABTests;

lib/cjs/withABTestsProvider.js

@@ -1,1 +0,1 @@
-"use strict";var React=require("react");require("./ABTestsContext.js");var ABTestsProvider=require("./ABTestsProvider.js"),reactUtils=require("./react-utils.js"),withABTestsProvider=function(e,t){var r=React.memo((function(r){var s="function"==typeof t?t(r):t;return React.createElement(ABTestsProvider,{abTests:s},React.createElement(e,r))}));return r.displayName="withABTestsProvider(".concat(reactUtils.nameOf(e),")"),r};module.exports=withABTestsProvider;
+"use strict";var React=require("react");require("./ABTestsContext-ca7fe6b2.js"),require("./ABTestsContext.js");var ABTestsProvider=require("./ABTestsProvider.js"),reactUtils=require("./react-utils.js"),withABTestsProvider=function(e,t,r){var s=React.memo((function(s){var a="function"==typeof t?t(s):t;return React.createElement(ABTestsProvider,{abTests:a,defaultVariant:r},React.createElement(e,s))}));return s.displayName="withABTestsProvider(".concat(reactUtils.nameOf(e),")"),s};module.exports=withABTestsProvider;

lib/index.js

@@ -1,1 +0,1 @@
-import"react";import"./ABTestsContext.js";export{default as useABTests}from"./useABTests.js";export{default as ABTest}from"./ABTest.js";export{default as ABTestsProvider}from"./ABTestsProvider.js";import"./react-utils.js";export{default as withABTest}from"./withABTest.js";export{default as withABTests}from"./withABTests.js";export{default as withABTestsProvider}from"./withABTestsProvider.js";
+import"react";import"./ABTestsContext-54e659cd.js";import"./ABTestsContext.js";export{default as useABTests}from"./useABTests.js";export{default as ABTest}from"./ABTest.js";export{default as ABTestsProvider}from"./ABTestsProvider.js";import"./react-utils.js";export{default as withABTest}from"./withABTest.js";export{default as withABTests}from"./withABTests.js";export{default as withABTestsProvider}from"./withABTestsProvider.js";

lib/useABTests.js

@@ -1,1 +0,1 @@
-import{useContext as t}from"react";import r from"./ABTestsContext.js";export default function(){var n=t(r),e=function(t){return n[t]||"Z"};return{getVariant:e,isB:function(t){return"B"===e(t)},isA:function(t){return"A"===e(t)}}}
+import{useContext as t}from"react";import{a as r}from"./ABTestsContext-54e659cd.js";import n from"./ABTestsContext.js";export default function(){var e=t(n),o=t(r),i=function(t){return e[t]||o.defaultVariant};return{getVariant:i,isB:function(t){return"B"===i(t)},isA:function(t){return"A"===i(t)}}}

lib/withABTest.js

@@ -1,1 +0,1 @@
-import{memo as t,createElement as r}from"react";import"./ABTestsContext.js";import o from"./useABTests.js";import{nameOf as e}from"./react-utils.js";export default function(s,i,n){var a=t((function(t){return(0,o().isB)(n)?r(i,t):r(s,t)}));return a.displayName="withABTest(A:".concat(e(s),", B:").concat(e(i),")"),a}
+import{memo as t,createElement as r}from"react";import"./ABTestsContext-54e659cd.js";import"./ABTestsContext.js";import e from"./useABTests.js";import{nameOf as o}from"./react-utils.js";export default function(s,i,n){var c=t((function(t){return(0,e().isB)(n)?r(i,t):r(s,t)}));return c.displayName="withABTest(A:".concat(o(s),", B:").concat(o(i),")"),c}

lib/withABTests.js

@@ -1,1 +0,1 @@
-import{memo as t,useContext as r,createElement as e}from"react";import n from"./ABTestsContext.js";import{nameOf as o}from"./react-utils.js";function a(){return(a=Object.assign||function(t){for(var r=1;r<arguments.length;r++){var e=arguments[r];for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n])}return t}).apply(this,arguments)}export default function(s){var i=t((function(t){var o=r(n);return e(s,a({},t,{abTests:o}))}));return i.displayName="withABTests(".concat(o(s),")"),i}
+import{memo as t,useContext as r,createElement as e}from"react";import"./ABTestsContext-54e659cd.js";import o from"./ABTestsContext.js";import{nameOf as n}from"./react-utils.js";function s(){return(s=Object.assign||function(t){for(var r=1;r<arguments.length;r++){var e=arguments[r];for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o])}return t}).apply(this,arguments)}export default function(a){var i=t((function(t){var n=r(o);return e(a,s({},t,{abTests:n}))}));return i.displayName="withABTests(".concat(n(a),")"),i}

lib/withABTestsProvider.js

@@ -1,1 +0,1 @@
-import{memo as t,createElement as r}from"react";import"./ABTestsContext.js";import o from"./ABTestsProvider.js";import{nameOf as e}from"./react-utils.js";export default function(s,i){var n=t((function(t){var e="function"==typeof i?i(t):i;return r(o,{abTests:e},r(s,t))}));return n.displayName="withABTestsProvider(".concat(e(s),")"),n}
+import{memo as t,createElement as r}from"react";import"./ABTestsContext-54e659cd.js";import"./ABTestsContext.js";import e from"./ABTestsProvider.js";import{nameOf as o}from"./react-utils.js";export default function(s,i,a){var n=t((function(t){var o="function"==typeof i?i(t):i;return r(e,{abTests:o,defaultVariant:a},r(s,t))}));return n.displayName="withABTestsProvider(".concat(o(s),")"),n}

lib/withABTestsProvider/withABTestsProvider.d.ts

 import * as React from 'react';
 import { ABTests } from '../ABTestsContext';
-export declare type withABTestsProviderHoC<T extends ABTests> = <TProps extends {}>(Component: React.ComponentType<TProps>, abTests: T | ABTestsSetter<TProps, T>) => React.FunctionComponent<TProps>;
+export declare type withABTestsProviderHoC<T extends ABTests> = <TProps extends {}>(Component: React.ComponentType<TProps>, abTests: T | ABTestsSetter<TProps, T>, defaultVariant?: 'A' | 'B' | 'Z') => React.FunctionComponent<TProps>;
 declare type ABTestsSetter<TProps extends {}, T> = (componentProps: TProps) => T;
-declare const withABTestsProvider: <T extends ABTests, TProps extends {}>(Component: React.ComponentType<TProps>, abTests: T | ABTestsSetter<TProps, T>) => React.FunctionComponent<TProps>;
+declare const withABTestsProvider: <T extends ABTests, TProps extends {}>(Component: React.ComponentType<TProps>, abTests: T | ABTestsSetter<TProps, T>, defaultVariant?: "A" | "B" | "Z" | undefined) => React.FunctionComponent<TProps>;
 export default withABTestsProvider;

package.json

 {
   "name": "ab-test-jsx",
   "description": "React (JS) AB testing consumption",
-  "version": "1.1.2",
+  "version": "2.0.0",
   "license": "MIT",
@@ -32,3 +32,3 @@ "author": "Maciej Malkowski <[e-mail]>",
   "devDependencies": {
-    "@types/react": "16.8.25",
+    "@types/react": "16.9.9",
     "react": "16.10.2",
@@ -35,0 +35,0 @@ "semantic-release": "=15.9.17",

README.md

@@ -5,3 +5,3 @@ [![npm](https://img.shields.io/npm/v/ab-test-jsx.svg)](https://www.npmjs.com/package/ab-test-jsx)
 [![codecov](https://codecov.io/gh/matmalkowski/react-handyman/branch/master/graph/badge.svg)](https://codecov.io/gh/matmalkowski/react-handyman)
-[![Greenkeeper badge](https://badges.greenkeeper.io/matmalkowski/react-handyman.svg)](https://greenkeeper.io/)
+[![dependabot badge](https://badgen.net/dependabot/matmalkowski/react-handyman/?icon=dependabot.svg)](https://dependabot.com/)
 [![semantic-release](https://img.shields.io/badge/%20%20%F0%9F%93%A6%F0%9F%9A%80-semantic--release-e10079.svg)](https://github.com/semantic-release/semantic-release)
@@ -38,2 +38,8 @@ [![Commitizen friendly](https://img.shields.io/badge/commitizen-friendly-brightgreen.svg)](http://commitizen.github.io/cz-cli/)
 
+Additional settings can be passed:
+
+```
+defaultVariant: 'A' // what variant should be returned if experiment cannot be found in the context. Defaults to A
+```
+
 ## `withABTestsProvider` Higher Order Component
@@ -40,0 +46,0 @@

New alerts

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 3 instances in 1 package

Fixed alerts

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 2 instances in 1 package

Improved metrics

Total package byte prevSize

24424

increased by8.42%

Number of package files

40

increased by5.26%

Lines of code

150

increased by7.14%

Number of lines in readme file

202

increased by3.06%

Worsened metrics

Number of low quality alerts

8

increased by33.33%

No dependency changes