create-hook-context - npm Package Compare versions

Comparing version 0.0.3 to 0.0.4

dist/create-hook-context.cjs.js

@@ -1,2 +0,70 @@
-var r,t=(r=require("react"))&&"object"==typeof r&&"default"in r?r.default:r;function n(){return(n=Object.assign||function(r){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var e in n)Object.prototype.hasOwnProperty.call(n,e)&&(r[e]=n[e])}return r}).apply(this,arguments)}function e(r,e="Hook"){const o=t.createContext(void 0),u=n=>{let{children:e}=n,u=function(r,t){if(null==r)return{};var n,e,o={},u=Object.keys(r);for(e=0;e<u.length;e++)t.indexOf(n=u[e])>=0||(o[n]=r[n]);return o}(n,["children"]);const c=r(u);return t.createElement(o.Provider,{value:c},e)};return[u,()=>t.useContext(o),function(r,e){return t.forwardRef((o,c)=>t.createElement(u,r,t.createElement(e,n({},o,{ref:c}))))},o]}exports.createContext=e,exports.default=e;
+var React = require('react');
+
+function _extends() {
+  _extends = Object.assign || function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+
+    return target;
+  };
+
+  return _extends.apply(this, arguments);
+}
+
+function _objectWithoutPropertiesLoose(source, excluded) {
+  if (source == null) return {};
+  var target = {};
+  var sourceKeys = Object.keys(source);
+  var key, i;
+
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (excluded.indexOf(key) >= 0) continue;
+    target[key] = source[key];
+  }
+
+  return target;
+}
+
+function createContext(useHook, contextName = "Hook") {
+  const Context = React.createContext(undefined);
+
+  const Provider = (_ref) => {
+    let {
+      children
+    } = _ref,
+        options = _objectWithoutPropertiesLoose(_ref, ["children"]);
+
+    const value = useHook(options);
+    return React.createElement(Context.Provider, {
+      value: value
+    }, children);
+  };
+
+  const useContext = () => {
+    const context = React.useContext(Context);
+
+    return context;
+  };
+
+  function withContext(options, Component) {
+    const WithContext = React.forwardRef((props, ref) => React.createElement(Provider, options, React.createElement(Component, _extends({}, props, {
+      ref: ref
+    }))));
+
+    return WithContext;
+  }
+
+  return [Provider, useContext, withContext, Context];
+}
+
+exports.createContext = createContext;
+exports.default = createContext;
 //# sourceMappingURL=create-hook-context.cjs.js.map

dist/create-hook-context.d.ts

@@ -1,2 +0,6 @@
-export default function createContext<A, T>(useHook: (args: A) => T, contextName?: string): any[];
+import * as React from "react";
+declare type ContextProvider<TProviderProps> = React.FC<React.PropsWithChildren<TProviderProps>>;
+declare type UseContext<TContext> = () => TContext;
+declare type WithContext<TProviderProps> = <TRef, TProps>(options: React.PropsWithChildren<TProviderProps>, Component: React.ForwardRefRenderFunction<TRef, TProps>) => React.ForwardRefExoticComponent<React.PropsWithoutRef<TProps>>;
+export default function createContext<TProviderProps, TContext>(useHook: (args: TProviderProps) => TContext, contextName?: string): [ContextProvider<TProviderProps>, UseContext<TContext>, WithContext<TProviderProps>, React.Context<TContext | undefined>];
 export { createContext };

dist/create-hook-context.js

@@ -1,2 +0,70 @@
-import r from"react";function t(){return(t=Object.assign||function(r){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var e in n)Object.prototype.hasOwnProperty.call(n,e)&&(r[e]=n[e])}return r}).apply(this,arguments)}function n(n,e="Hook"){const o=r.createContext(void 0),u=t=>{let{children:e}=t,u=function(r,t){if(null==r)return{};var n,e,o={},u=Object.keys(r);for(e=0;e<u.length;e++)t.indexOf(n=u[e])>=0||(o[n]=r[n]);return o}(t,["children"]);const c=n(u);return r.createElement(o.Provider,{value:c},e)};return[u,()=>r.useContext(o),function(n,e){return r.forwardRef((o,c)=>r.createElement(u,n,r.createElement(e,t({},o,{ref:c}))))},o]}export default n;export{n as createContext};
+import { createContext as createContext$1, createElement, useContext, forwardRef } from 'react';
+
+function _extends() {
+  _extends = Object.assign || function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+
+    return target;
+  };
+
+  return _extends.apply(this, arguments);
+}
+
+function _objectWithoutPropertiesLoose(source, excluded) {
+  if (source == null) return {};
+  var target = {};
+  var sourceKeys = Object.keys(source);
+  var key, i;
+
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (excluded.indexOf(key) >= 0) continue;
+    target[key] = source[key];
+  }
+
+  return target;
+}
+
+function createContext(useHook, contextName = "Hook") {
+  const Context = createContext$1(undefined);
+
+  const Provider = (_ref) => {
+    let {
+      children
+    } = _ref,
+        options = _objectWithoutPropertiesLoose(_ref, ["children"]);
+
+    const value = useHook(options);
+    return createElement(Context.Provider, {
+      value: value
+    }, children);
+  };
+
+  const useContext$1 = () => {
+    const context = useContext(Context);
+
+    return context;
+  };
+
+  function withContext(options, Component) {
+    const WithContext = forwardRef((props, ref) => createElement(Provider, options, createElement(Component, _extends({}, props, {
+      ref: ref
+    }))));
+
+    return WithContext;
+  }
+
+  return [Provider, useContext$1, withContext, Context];
+}
+
+export default createContext;
+export { createContext };
 //# sourceMappingURL=create-hook-context.js.map

dist/create-hook-context.umd.js

@@ -1,2 +0,76 @@
-var e,n;e=this,n=function(e,n){function r(){return(r=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e}).apply(this,arguments)}function t(e,t){var u=n.createContext(void 0),f=function(r){var t=r.children,f=function(e,n){if(null==e)return{};var r,t,u={},f=Object.keys(e);for(t=0;t<f.length;t++)n.indexOf(r=f[t])>=0||(u[r]=e[r]);return u}(r,["children"]),o=e(f);return n.createElement(u.Provider,{value:o},t)};return[f,function(){return n.useContext(u)},function(e,t){return n.forwardRef((function(u,o){return n.createElement(f,e,n.createElement(t,r({},u,{ref:o})))}))},u]}n=n&&Object.prototype.hasOwnProperty.call(n,"default")?n.default:n,e.createContext=t,e.default=t},"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("react")):"function"==typeof define&&define.amd?define(["exports","react"],n):n((e=e||self).createHookContext={},e.React);
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react')) :
+  typeof define === 'function' && define.amd ? define(['exports', 'react'], factory) :
+  (global = global || self, factory(global.createHookContext = {}, global.React));
+}(this, (function (exports, React) {
+  function _extends() {
+    _extends = Object.assign || function (target) {
+      for (var i = 1; i < arguments.length; i++) {
+        var source = arguments[i];
+
+        for (var key in source) {
+          if (Object.prototype.hasOwnProperty.call(source, key)) {
+            target[key] = source[key];
+          }
+        }
+      }
+
+      return target;
+    };
+
+    return _extends.apply(this, arguments);
+  }
+
+  function _objectWithoutPropertiesLoose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+
+    for (i = 0; i < sourceKeys.length; i++) {
+      key = sourceKeys[i];
+      if (excluded.indexOf(key) >= 0) continue;
+      target[key] = source[key];
+    }
+
+    return target;
+  }
+
+  function createContext(useHook, contextName) {
+
+    var Context = React.createContext(undefined);
+
+    var Provider = function Provider(_ref) {
+      var children = _ref.children,
+          options = _objectWithoutPropertiesLoose(_ref, ["children"]);
+
+      var value = useHook(options);
+      return React.createElement(Context.Provider, {
+        value: value
+      }, children);
+    };
+
+    var useContext = function useContext() {
+      var context = React.useContext(Context);
+
+      return context;
+    };
+
+    function withContext(options, Component) {
+      var WithContext = React.forwardRef(function (props, ref) {
+        return React.createElement(Provider, options, React.createElement(Component, _extends({}, props, {
+          ref: ref
+        })));
+      });
+
+      return WithContext;
+    }
+
+    return [Provider, useContext, withContext, Context];
+  }
+
+  exports.createContext = createContext;
+  exports.default = createContext;
+
+})));
 //# sourceMappingURL=create-hook-context.umd.js.map

package.json

 {
   "name": "create-hook-context",
-  "version": "0.0.3",
-  "description": "",
-  "repository": "Nikhil Saraf/create-hook-context",
+  "version": "0.0.4",
+  "description": "Create context using a hook for providers",
+  "repository": "nksaraf/create-hook-context",
   "license": "MIT",
@@ -18,3 +18,3 @@ "author": "Nikhil Saraf <[e-mail]>",
   "scripts": {
-    "build": "klap build",
+    "build": "klap build --no-minify",
     "postbuild": "tsc -p tsconfig.json",
@@ -26,14 +26,13 @@ "prepublishOnly": "yarn build",
   "devDependencies": {
+    "@types/react": "^16.9.34",
     "klap": "4.2.3",
     "typescript": "3.8.3"
   },
-  "klap": {
-    "example": "public/index.tsx"
-  },
   "dependencies": {
-    "@types/node": "^13.13.0"
+    "@types/node": "^13.13.0",
+    "react": "^16.13.1"
   },
   "peerDependencies": {
-    "react": "^16.13.1"
+    "react": "^16.8"
   }
 }

New alerts

No repository

Supply chain risk

Package does not have a linked source code repository. Without this field, a package will have no reference to the location of the source code use to generate the package.

Found 1 instance 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 1 instance in 1 package

No repository

Supply chain risk

Package does not have a linked source code repository. Without this field, a package will have no reference to the location of the source code use to generate the package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

18150

increased by62.84%

Lines of code

173

increased by1053.33%

Number of low quality alerts

2

decreased by-50%

Worsened metrics

Dependency count

3

increased by50%

Dev dependency count

3

increased by50%

Dependency changes

• + Addedreact@^16.13.1