context 2.0.9 → 3.0.0

package/README.md

@@ -5,32 +5,86 @@ It allows you to keep reference for shared variables, and access them down in yo
 
 ## How Context Works?
 
-The way context works is quite simple. Creating a context initializes a closure with a context storage object. When you run your context call, it takes your values, and places them in the context storage object. When your function finishes running, the context is cleared.
-
-![image](https://user-images.githubusercontent.com/11255103/137119151-6912d3f1-ab48-4c91-a426-76af8abc8c55.png)
+The way context works is quite simple. Creating a context initializes a closure with a context storage object. When you run your context call, it takes your values, and places them in the context's closure. When your function finishes running, the context is cleared.
 
 The reason the context is cleared after its run is so that items can't override one another. Assume you have two running the same async function twice, and it writes to the context, expecting to read the value somewhere down the line. Now you have two competing consumers of this single resource, and one eventually get the wrong value since they both read from and write to the same place.
 
 ## API Reference
 
-Context tries to mimic the behavior of Javascript scopes without actually being in the same scopes, and the API is built around context initialization, setting of values within the context and retrieving values.
+### Top Level Exports
+
+The context package exports these two functions:
+
+- `createContext`: Creates a new context.
+- `createCascade`: Creates a new cascading context.
+
+## createContext()
+
+Create context is the minimal implementation of context. It allows propagation of values down in your function call.
+
+createContext takes a single argument - defaultContextValue. This value is used when not withing a running context.
+
+### Arguments
+
+| Argument            | Type  | Optional? | Description                                                  |
+| ------------------- | ----- | --------- | ------------------------------------------------------------ |
+| defaultContextValue | `any` | Yes       | The default value to use when not withing a running context. |
 
-### createContext()
+### Returned object
 
-Context's default export, it creates a context singleton object that can later be referenced.
+`createContext` returns an object containing the following functions:
+
+- `use`: Returns the current context value, or the default value when not withing a running context.
+- `useX`: Returns the current context, throws an error if not within a running context or the context is undefined. `useX` will throw even if a default value is provided.
+- `run`: Runs the context, passing the given value into the context.
+
+**Note About Typescript Usage**
+For convenience, `use` assumes we're alwyas inside a context. If you want to have runtime safety, you can use `useX` instead to make sure you're excplicitly using a defined context.
+
+### Usage Example
 
 ```js
-// ctx.js
-import { createContext } from 'context';
+const context = createContext(0); // Create a context with a default value of 0.
 
-export default createContext(); // { run: ƒ, bind: ƒ, use: ƒ, useX: ƒ }
+function myFunc() {
+  context.run(100, someOtherFunc); // Run the context with a value of 100.
+}
+
+function someOtherFunc() {
+  const number = context.use(); // Returns the value of the context.
+}
 ```
 
-createContext also accepts an initialization function that's run every time ctx.run is called. It allows intercepting the context initialization and adding custom logic, or default values.
-The init function is passed the context object run was called with, and the parent context if it was called within a previously created context. The init function needs to return the desired context object.
+## createCascade()
+
+`createCascade` is a more advanced version of `createContext` that allows you to create cascading contexts. It assumes the value is always an object, and when nesting context layers, it merges their values together.
+
+`createCascade` does not take a default value, but an initializer function instead. This initializer is called on each `run` call, and it allows you to modify or augment the context value being passed down. The init function is passed the context object run was called with, and the parent context if it was called within a previously created context. The init function needs to return the desired context object.
+
+### Arguments
+
+| Argument    | Type       | Optional? | Description                                                  |
+| ----------- | ---------- | --------- | ------------------------------------------------------------ |
+| initializer | `Function` | Yes       | The initializer function to use when creating a new context. |
+
+The initializer function can either return the the next context object. If null is returned itself, the initializer will take no effect.
+The initializer receives the context object, and the parent context object, if present.
+
+### Returned object
+
+`createCascade` returns an object containing the following functions:
+
+- `use`: Returns the current context value.
+- `useX`: Returns the current context, throws an error if not within a running context.
+- `run`: Runs the context, passing the given value into the context. Merges the given value with the parent context if it exists, while not overriding the parent context.
+- `bind`: Binds a given function to the context. Allows for delayd execution of a function as if it was called within the context.
+
+### Usage Examples
+
+#### Initializer Function
 
 ```js
-createContext((ctx, parentContext) => {
+createCascade((ctx, parentContext) => {
   if (parentContext === null) {
     // we're at the top level
     // so let's add a default cart object
@@ -44,7 +98,7 @@ createContext((ctx, parentContext) => {
 });
 ```
 
-### run()
+#### run()
 
 Runs a callback function within the context. It takes an object referencing the data you want to store within your context, and a callback function to run.
 
@@ -117,6 +171,24 @@ function getProductData(productId) {
 }
 ```
 
+## Typescript Support
+
+both `createContext` and `createCascade` have full typescript support. To gain the full benefits of typescript within your context, it is best to annotate your context with its types:
+
+```ts
+const someContext = createContext<number>(0);
+
+const someCascadeContext = createCascade<{
+  username: string;
+  firstName: string;
+  middleName?: string;
+  lastName: string;
+  age: number;
+}>();
+```
+
+This meakes sure that all the functions (`run`, `use`, `useX` and `bind`) will be aware of these types, and either accept them as inputs, or add them to the return value.
+
 ## Troubleshooting
 
 ### Working with async functions/promises

package/dist/cjs/context.development.js

@@ -4,49 +4,59 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var vestUtils = require('vest-utils');
 
-// eslint-disable-next-line max-lines-per-function
-function createContext(init) {
-    var storage = {};
+var USEX_DEFAULT_ERROR_MESSAGE = 'Not inside of a running context.';
+var EMPTY_CONTEXT = Symbol();
+function createContext(defaultContextValue) {
+    var contextValue = EMPTY_CONTEXT;
     return {
-        bind: bind,
         run: run,
         use: use,
         useX: useX
     };
+    function use() {
+        return (isInsideContext() ? contextValue : defaultContextValue);
+    }
     function useX(errorMessage) {
-        var ctx = use();
-        vestUtils.invariant(ctx, vestUtils.defaultTo(errorMessage, 'Context was used after it was closed'));
-        return ctx;
+        vestUtils.invariant(isInsideContext(), vestUtils.defaultTo(errorMessage, USEX_DEFAULT_ERROR_MESSAGE));
+        return contextValue;
     }
-    function run(ctxRef, fn) {
-        var _a;
-        var parentContext = use();
-        var out = vestUtils.assign({}, parentContext ? parentContext : {}, (_a = vestUtils.optionalFunctionValue(init, ctxRef, parentContext)) !== null && _a !== void 0 ? _a : ctxRef);
-        var ctx = set(Object.freeze(out));
-        var res = fn(ctx);
-        storage.ctx = parentContext;
+    function run(value, cb) {
+        var parentContext = isInsideContext() ? use() : EMPTY_CONTEXT;
+        contextValue = value;
+        var res = cb();
+        contextValue = parentContext;
         return res;
     }
-    function bind(ctxRef, fn) {
-        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-        // @ts-ignore - this one's pretty hard to get right
-        var returnedFn = function () {
+    function isInsideContext() {
+        return contextValue !== EMPTY_CONTEXT;
+    }
+}
+function createCascade(init) {
+    var ctx = createContext();
+    return {
+        bind: bind,
+        run: run,
+        use: ctx.use,
+        useX: ctx.useX
+    };
+    function run(value, fn) {
+        var _a;
+        var parentContext = ctx.use();
+        var out = vestUtils.assign({}, parentContext ? parentContext : {}, (_a = vestUtils.optionalFunctionValue(init, value, parentContext)) !== null && _a !== void 0 ? _a : value);
+        return ctx.run(Object.freeze(out), fn);
+    }
+    function bind(value, fn) {
+        return function () {
             var runTimeArgs = [];
             for (var _i = 0; _i < arguments.length; _i++) {
                 runTimeArgs[_i] = arguments[_i];
             }
-            return run(ctxRef, function () {
+            return run(value, function () {
                 return fn.apply(void 0, runTimeArgs);
             });
         };
-        return returnedFn;
-    }
-    function use() {
-        return storage.ctx;
-    }
-    function set(value) {
-        return (storage.ctx = value);
     }
 }
 
+exports.createCascade = createCascade;
 exports.createContext = createContext;

package/dist/cjs/context.production.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("vest-utils");exports.createContext=function(e){function n(n,o){var i,a=r();return n=t.assign({},a||{},null!==(i=t.optionalFunctionValue(e,n,a))&&void 0!==i?i:n),o=o(i=u.ctx=Object.freeze(n)),u.ctx=a,o}function r(){return u.ctx}var u={};return{bind:function(t,e){return function(){for(var r=[],u=0;u<arguments.length;u++)r[u]=arguments[u];return n(t,(function(){return e.apply(void 0,r)}))}},run:n,use:r,useX:function(e){var n=r();return t.invariant(n,t.defaultTo(e,"Context was used after it was closed")),n}}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("vest-utils"),e=Symbol();function r(r){function t(){return u!==e?u:r}var u=e;return{run:function(n,r){var o=u!==e?t():e;return u=n,n=r(),u=o,n},use:t,useX:function(r){return n.invariant(u!==e,n.defaultTo(r,"Not inside of a running context.")),u}}}exports.createCascade=function(e){function t(r,t){var o,i=u.use();return r=n.assign({},i||{},null!==(o=n.optionalFunctionValue(e,r,i))&&void 0!==o?o:r),u.run(Object.freeze(r),t)}var u=r();return{bind:function(n,e){return function(){for(var r=[],u=0;u<arguments.length;u++)r[u]=arguments[u];return t(n,(function(){return e.apply(void 0,r)}))}},run:t,use:u.use,useX:u.useX}},exports.createContext=r;

package/dist/es/context.development.js

@@ -1,48 +1,57 @@
 import { invariant, defaultTo, assign, optionalFunctionValue } from 'vest-utils';
 
-// eslint-disable-next-line max-lines-per-function
-function createContext(init) {
-    var storage = {};
+var USEX_DEFAULT_ERROR_MESSAGE = 'Not inside of a running context.';
+var EMPTY_CONTEXT = Symbol();
+function createContext(defaultContextValue) {
+    var contextValue = EMPTY_CONTEXT;
     return {
-        bind: bind,
         run: run,
         use: use,
         useX: useX
     };
+    function use() {
+        return (isInsideContext() ? contextValue : defaultContextValue);
+    }
     function useX(errorMessage) {
-        var ctx = use();
-        invariant(ctx, defaultTo(errorMessage, 'Context was used after it was closed'));
-        return ctx;
+        invariant(isInsideContext(), defaultTo(errorMessage, USEX_DEFAULT_ERROR_MESSAGE));
+        return contextValue;
     }
-    function run(ctxRef, fn) {
-        var _a;
-        var parentContext = use();
-        var out = assign({}, parentContext ? parentContext : {}, (_a = optionalFunctionValue(init, ctxRef, parentContext)) !== null && _a !== void 0 ? _a : ctxRef);
-        var ctx = set(Object.freeze(out));
-        var res = fn(ctx);
-        storage.ctx = parentContext;
+    function run(value, cb) {
+        var parentContext = isInsideContext() ? use() : EMPTY_CONTEXT;
+        contextValue = value;
+        var res = cb();
+        contextValue = parentContext;
         return res;
     }
-    function bind(ctxRef, fn) {
-        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-        // @ts-ignore - this one's pretty hard to get right
-        var returnedFn = function () {
+    function isInsideContext() {
+        return contextValue !== EMPTY_CONTEXT;
+    }
+}
+function createCascade(init) {
+    var ctx = createContext();
+    return {
+        bind: bind,
+        run: run,
+        use: ctx.use,
+        useX: ctx.useX
+    };
+    function run(value, fn) {
+        var _a;
+        var parentContext = ctx.use();
+        var out = assign({}, parentContext ? parentContext : {}, (_a = optionalFunctionValue(init, value, parentContext)) !== null && _a !== void 0 ? _a : value);
+        return ctx.run(Object.freeze(out), fn);
+    }
+    function bind(value, fn) {
+        return function () {
             var runTimeArgs = [];
             for (var _i = 0; _i < arguments.length; _i++) {
                 runTimeArgs[_i] = arguments[_i];
             }
-            return run(ctxRef, function () {
+            return run(value, function () {
                 return fn.apply(void 0, runTimeArgs);
             });
         };
-        return returnedFn;
-    }
-    function use() {
-        return storage.ctx;
-    }
-    function set(value) {
-        return (storage.ctx = value);
     }
 }
 
-export { createContext };
+export { createCascade, createContext };

package/dist/es/context.production.js

@@ -1 +1 @@
-import{invariant as t,defaultTo as n,assign as r,optionalFunctionValue as e}from"vest-utils";export function createContext(u){function o(t,n){var o,f=c();return t=r({},f||{},null!==(o=e(u,t,f))&&void 0!==o?o:t),n=n(o=i.ctx=Object.freeze(t)),i.ctx=f,n}function c(){return i.ctx}var i={};return{bind:function(t,n){return function(){for(var r=[],e=0;e<arguments.length;e++)r[e]=arguments[e];return o(t,(function(){return n.apply(void 0,r)}))}},run:o,use:c,useX:function(r){var e=c();return t(e,n(r,"Context was used after it was closed")),e}}}
+import{invariant as n,defaultTo as r,assign as u,optionalFunctionValue as t}from"vest-utils";var e=Symbol();function o(u){function t(){return o!==e?o:u}var o=e;return{run:function(n,r){var u=o!==e?t():e;return o=n,n=r(),o=u,n},use:t,useX:function(u){return n(o!==e,r(u,"Not inside of a running context.")),o}}}function i(n){function r(r,o){var i,f=e.use();return r=u({},f||{},null!==(i=t(n,r,f))&&void 0!==i?i:r),e.run(Object.freeze(r),o)}var e=o();return{bind:function(n,u){return function(){for(var t=[],e=0;e<arguments.length;e++)t[e]=arguments[e];return r(n,(function(){return u.apply(void 0,t)}))}},run:r,use:e.use,useX:e.useX}}export{i as createCascade,o as createContext};

package/dist/umd/context.development.js

@@ -4,51 +4,61 @@
   (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.context = {}, global['vest-utils']));
 }(this, (function (exports, vestUtils) { 'use strict';
 
-  // eslint-disable-next-line max-lines-per-function
-  function createContext(init) {
-      var storage = {};
+  var USEX_DEFAULT_ERROR_MESSAGE = 'Not inside of a running context.';
+  var EMPTY_CONTEXT = Symbol();
+  function createContext(defaultContextValue) {
+      var contextValue = EMPTY_CONTEXT;
       return {
-          bind: bind,
           run: run,
           use: use,
           useX: useX
       };
+      function use() {
+          return (isInsideContext() ? contextValue : defaultContextValue);
+      }
       function useX(errorMessage) {
-          var ctx = use();
-          vestUtils.invariant(ctx, vestUtils.defaultTo(errorMessage, 'Context was used after it was closed'));
-          return ctx;
+          vestUtils.invariant(isInsideContext(), vestUtils.defaultTo(errorMessage, USEX_DEFAULT_ERROR_MESSAGE));
+          return contextValue;
       }
-      function run(ctxRef, fn) {
-          var _a;
-          var parentContext = use();
-          var out = vestUtils.assign({}, parentContext ? parentContext : {}, (_a = vestUtils.optionalFunctionValue(init, ctxRef, parentContext)) !== null && _a !== void 0 ? _a : ctxRef);
-          var ctx = set(Object.freeze(out));
-          var res = fn(ctx);
-          storage.ctx = parentContext;
+      function run(value, cb) {
+          var parentContext = isInsideContext() ? use() : EMPTY_CONTEXT;
+          contextValue = value;
+          var res = cb();
+          contextValue = parentContext;
           return res;
       }
-      function bind(ctxRef, fn) {
-          // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-          // @ts-ignore - this one's pretty hard to get right
-          var returnedFn = function () {
+      function isInsideContext() {
+          return contextValue !== EMPTY_CONTEXT;
+      }
+  }
+  function createCascade(init) {
+      var ctx = createContext();
+      return {
+          bind: bind,
+          run: run,
+          use: ctx.use,
+          useX: ctx.useX
+      };
+      function run(value, fn) {
+          var _a;
+          var parentContext = ctx.use();
+          var out = vestUtils.assign({}, parentContext ? parentContext : {}, (_a = vestUtils.optionalFunctionValue(init, value, parentContext)) !== null && _a !== void 0 ? _a : value);
+          return ctx.run(Object.freeze(out), fn);
+      }
+      function bind(value, fn) {
+          return function () {
               var runTimeArgs = [];
               for (var _i = 0; _i < arguments.length; _i++) {
                   runTimeArgs[_i] = arguments[_i];
               }
-              return run(ctxRef, function () {
+              return run(value, function () {
                   return fn.apply(void 0, runTimeArgs);
               });
           };
-          return returnedFn;
-      }
-      function use() {
-          return storage.ctx;
-      }
-      function set(value) {
-          return (storage.ctx = value);
       }
   }
 
+  exports.createCascade = createCascade;
   exports.createContext = createContext;
 
   Object.defineProperty(exports, '__esModule', { value: true });

package/dist/umd/context.production.js

@@ -1 +1 @@
-"use strict";!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vest-utils")):"function"==typeof define&&define.amd?define(["exports","vest-utils"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).context={},e["vest-utils"])}(this,(function(e,t){e.createContext=function(e){function n(n,i){var r,f=u();return n=t.assign({},f||{},null!==(r=t.optionalFunctionValue(e,n,f))&&void 0!==r?r:n),i=i(r=o.ctx=Object.freeze(n)),o.ctx=f,i}function u(){return o.ctx}var o={};return{bind:function(e,t){return function(){for(var u=[],o=0;o<arguments.length;o++)u[o]=arguments[o];return n(e,(function(){return t.apply(void 0,u)}))}},run:n,use:u,useX:function(e){var n=u();return t.invariant(n,t.defaultTo(e,"Context was used after it was closed")),n}}},Object.defineProperty(e,"__esModule",{value:!0})}));
+"use strict";!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("vest-utils")):"function"==typeof define&&define.amd?define(["exports","vest-utils"],n):n((e="undefined"!=typeof globalThis?globalThis:e||self).context={},e["vest-utils"])}(this,(function(e,n){function t(e){function t(){return r!==u?r:e}var r=u;return{run:function(e,n){var o=r!==u?t():u;return r=e,e=n(),r=o,e},use:t,useX:function(e){return n.invariant(r!==u,n.defaultTo(e,"Not inside of a running context.")),r}}}var u=Symbol();e.createCascade=function(e){function u(t,u){var o,i=r.use();return t=n.assign({},i||{},null!==(o=n.optionalFunctionValue(e,t,i))&&void 0!==o?o:t),r.run(Object.freeze(t),u)}var r=t();return{bind:function(e,n){return function(){for(var t=[],r=0;r<arguments.length;r++)t[r]=arguments[r];return u(e,(function(){return n.apply(void 0,t)}))}},run:u,use:r.use,useX:r.useX}},e.createContext=t,Object.defineProperty(e,"__esModule",{value:!0})}));

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "2.0.9",
+  "version": "3.0.0",
   "license": "MIT",
   "main": "./dist/cjs/context.js",
   "types": "./types/context.d.ts",

package/types/context.d.ts

@@ -1,8 +1,15 @@
 type CB = (...args: any[]) => any;
-declare function createContext<T extends Record<string, unknown>>(init?: (ctxRef: Partial<T>, parentContext: T | void) => T | null): {
-    run: <R>(ctxRef: Partial<T>, fn: (context: T) => R) => R;
-    bind: <Fn extends CB>(ctxRef: Partial<T>, fn: Fn) => Fn;
-    use: () => T | undefined;
+declare function createContext<T extends unknown>(defaultContextValue?: T): CtxApi<T>;
+declare function createCascade<T extends Record<string, unknown>>(init?: (value: Partial<T>, parentContext: T | void) => T | null): CtxCascadeApi<T>;
+type ContextConsumptionApi<T> = {
+    use: () => T;
     useX: (errorMessage?: string) => T;
 };
-export { createContext };
+type CtxApi<T> = ContextConsumptionApi<T> & {
+    run: <R>(value: T, cb: () => R) => R;
+};
+type CtxCascadeApi<T> = ContextConsumptionApi<T> & {
+    run: <R>(value: Partial<T>, fn: () => R) => R;
+    bind: <Fn extends CB>(value: Partial<T>, fn: Fn) => Fn;
+};
+export { createContext, createCascade, CtxApi, CtxCascadeApi };