@amit_mishra/my-first-npm 1.0.0

package/README.md

@@ -0,0 +1,29 @@
+# my-first-npm
+
+Boilerplate NPM package for React custom hooks and components.
+
+## Install
+
+```bash
+npm install my-first-npm
+```
+
+## Usage
+
+```jsx
+import { NewCompo } from 'my-first-npm';
+
+function App() {
+  return <NewCompo />;
+}
+```
+
+Or use the subpath:
+
+```jsx
+import NewCompo from 'my-first-npm/NewCompo';
+```
+
+## Peer dependencies
+
+Requires `react` and `react-dom` ^18.2.0 in your project.

package/dist/NewCompo.js

@@ -0,0 +1,2 @@
+/*! For license information please see NewCompo.js.LICENSE.txt */
+(()=>{var e={287(e,t){var r=Symbol.for('react.element'),n=Symbol.for('react.portal'),o=Symbol.for('react.fragment'),u=Symbol.for('react.strict_mode'),a=Symbol.for('react.profiler'),l=Symbol.for('react.provider'),s=Symbol.for('react.context'),c=Symbol.for('react.forward_ref'),i=Symbol.for('react.suspense'),f=Symbol.for('react.memo'),p=Symbol.for('react.lazy'),y=Symbol.iterator;var d={isMounted:()=>!1,enqueueForceUpdate:()=>{},enqueueReplaceState:()=>{},enqueueSetState:()=>{}},v=Object.assign,m={};function _(e,t,r){this.props=e,this.context=t,this.refs=m,this.updater=r||d}function b(){}function h(e,t,r){this.props=e,this.context=t,this.refs=m,this.updater=r||d}_.prototype.isReactComponent={},_.prototype.setState=function(e,t){if('object'!=typeof e&&'function'!=typeof e&&null!=e)throw Error('setState(...): takes an object of state variables to update or a function which returns an object of state variables.');this.updater.enqueueSetState(this,e,t,'setState')},_.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,'forceUpdate')},b.prototype=_.prototype;var S=h.prototype=new b;S.constructor=h,v(S,_.prototype),S.isPureReactComponent=!0;var E=Array.isArray,w=Object.prototype.hasOwnProperty,$={current:null},R={key:!0,ref:!0,__self:!0,__source:!0};function g(e,t,n){var o,u={},a=null,l=null;if(null!=t)for(o in void 0!==t.ref&&(l=t.ref),void 0!==t.key&&(a=''+t.key),t)w.call(t,o)&&!R.hasOwnProperty(o)&&(u[o]=t[o]);var s=arguments.length-2;if(1===s)u.children=n;else if(1<s){for(var c=Array(s),i=0;i<s;i++)c[i]=arguments[i+2];u.children=c}if(e&&e.defaultProps)for(o in s=e.defaultProps)void 0===u[o]&&(u[o]=s[o]);return{$$typeof:r,type:e,key:a,ref:l,props:u,_owner:$.current}}function k(e){return'object'==typeof e&&null!==e&&e.$$typeof===r}var j=/\/+/g;function C(e,t){return'object'==typeof e&&null!==e&&null!=e.key?function(e){var t={'=':'=0',':':'=2'};return'$'+e.replace(/[=:]/g,e=>t[e])}(''+e.key):t.toString(36)}function O(e,t,o,u,a){var l=typeof e;'undefined'!==l&&'boolean'!==l||(e=null);var s=!1;if(null===e)s=!0;else switch(l){case'string':case'number':s=!0;break;case'object':switch(e.$$typeof){case r:case n:s=!0}}if(s)return a=a(s=e),e=''===u?'.'+C(s,0):u,E(a)?(o='',null!=e&&(o=e.replace(j,'$&/')+'/'),O(a,t,o,'',e=>e)):null!=a&&(k(a)&&(a=function(e,t){return{$$typeof:r,type:e.type,key:t,ref:e.ref,props:e.props,_owner:e._owner}}(a,o+(!a.key||s&&s.key===a.key?'':(''+a.key).replace(j,'$&/')+'/')+e)),t.push(a)),1;if(s=0,u=''===u?'.':u+':',E(e))for(var c=0;c<e.length;c++){var i=u+C(l=e[c],c);s+=O(l,t,o,i,a)}else if(i=function(e){return null===e||'object'!=typeof e?null:'function'==typeof(e=y&&e[y]||e['@@iterator'])?e:null}(e),'function'==typeof i)for(e=i.call(e),c=0;!(l=e.next()).done;)s+=O(l=l.value,t,o,i=u+C(l,c++),a);else if('object'===l)throw t=String(e),Error('Objects are not valid as a React child (found: '+('[object Object]'===t?'object with keys {'+Object.keys(e).join(', ')+'}':t)+'). If you meant to render a collection of children, use an array instead.');return s}function x(e,t,r){if(null==e)return e;var n=[],o=0;return O(e,n,'','',e=>t.call(r,e,o++)),n}function P(e){if(-1===e._status){var t=e._result;(t=t()).then(t=>{0!==e._status&&-1!==e._status||(e._status=1,e._result=t)},t=>{0!==e._status&&-1!==e._status||(e._status=2,e._result=t)}),-1===e._status&&(e._status=0,e._result=t)}if(1===e._status)return e._result.default;throw e._result}var I={current:null},T={transition:null},V={ReactCurrentDispatcher:I,ReactCurrentBatchConfig:T,ReactCurrentOwner:$};function A(){throw Error('act(...) is not supported in production builds of React.')}t.Children={map:x,forEach:function(e,t,r){x(e,function(){t.apply(this,arguments)},r)},count:e=>{var t=0;return x(e,()=>{t++}),t},toArray:e=>x(e,e=>e)||[],only:e=>{if(!k(e))throw Error('React.Children.only expected to receive a single React element child.');return e}},t.Component=_,t.Fragment=o,t.Profiler=a,t.PureComponent=h,t.StrictMode=u,t.Suspense=i,t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=V,t.act=A,t.cloneElement=function(e,t,n){if(null==e)throw Error('React.cloneElement(...): The argument must be a React element, but you passed '+e+'.');var o=v({},e.props),u=e.key,a=e.ref,l=e._owner;if(null!=t){if(void 0!==t.ref&&(a=t.ref,l=$.current),void 0!==t.key&&(u=''+t.key),e.type&&e.type.defaultProps)var s=e.type.defaultProps;for(c in t)w.call(t,c)&&!R.hasOwnProperty(c)&&(o[c]=void 0===t[c]&&void 0!==s?s[c]:t[c])}var c=arguments.length-2;if(1===c)o.children=n;else if(1<c){s=Array(c);for(var i=0;i<c;i++)s[i]=arguments[i+2];o.children=s}return{$$typeof:r,type:e.type,key:u,ref:a,props:o,_owner:l}},t.createContext=e=>((e={$$typeof:s,_currentValue:e,_currentValue2:e,_threadCount:0,Provider:null,Consumer:null,_defaultValue:null,_globalName:null}).Provider={$$typeof:l,_context:e},e.Consumer=e),t.createElement=g,t.createFactory=e=>{var t=g.bind(null,e);return t.type=e,t},t.createRef=()=>({current:null}),t.forwardRef=e=>({$$typeof:c,render:e}),t.isValidElement=k,t.lazy=e=>({$$typeof:p,_payload:{_status:-1,_result:e},_init:P}),t.memo=(e,t)=>({$$typeof:f,type:e,compare:void 0===t?null:t}),t.startTransition=e=>{var t=T.transition;T.transition={};try{e()}finally{T.transition=t}},t.unstable_act=A,t.useCallback=(e,t)=>I.current.useCallback(e,t),t.useContext=e=>I.current.useContext(e),t.useDebugValue=()=>{},t.useDeferredValue=e=>I.current.useDeferredValue(e),t.useEffect=(e,t)=>I.current.useEffect(e,t),t.useId=()=>I.current.useId(),t.useImperativeHandle=(e,t,r)=>I.current.useImperativeHandle(e,t,r),t.useInsertionEffect=(e,t)=>I.current.useInsertionEffect(e,t),t.useLayoutEffect=(e,t)=>I.current.useLayoutEffect(e,t),t.useMemo=(e,t)=>I.current.useMemo(e,t),t.useReducer=(e,t,r)=>I.current.useReducer(e,t,r),t.useRef=e=>I.current.useRef(e),t.useState=e=>I.current.useState(e),t.useSyncExternalStore=(e,t,r)=>I.current.useSyncExternalStore(e,t,r),t.useTransition=()=>I.current.useTransition(),t.version='18.3.1'},540(e,t,r){e.exports=r(287)}},t={};function r(n){var o=t[n];if(void 0!==o)return o.exports;var u=t[n]={exports:{}};return e[n](u,u.exports,r),u.exports}r.d=(e,t)=>{for(var n in t)r.o(t,n)&&!r.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r.r=e=>{'undefined'!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:'Module'}),Object.defineProperty(e,'__esModule',{value:!0})};var n={};r.r(n),r.d(n,{default:()=>a});var o=r(540);const u=function(){return o.createElement('div',null,'NewCompo')};const a=function(){return o.createElement(u,null)};module.exports=n})();

package/dist/NewCompo.js.LICENSE.txt

@@ -0,0 +1,9 @@
+/**
+ * @license React
+ * react.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */

package/dist/main.js

@@ -0,0 +1,2 @@
+/*! For license information please see main.js.LICENSE.txt */
+(()=>{var e={205(e,t,r){r.d(t,{default:()=>u});var o=r(540);const n=function(){return o.createElement('div',null,'NewCompo')};const u=function(){return o.createElement(n,null)}},287(e,t){var r=Symbol.for('react.element'),o=Symbol.for('react.portal'),n=Symbol.for('react.fragment'),u=Symbol.for('react.strict_mode'),a=Symbol.for('react.profiler'),l=Symbol.for('react.provider'),s=Symbol.for('react.context'),c=Symbol.for('react.forward_ref'),i=Symbol.for('react.suspense'),f=Symbol.for('react.memo'),p=Symbol.for('react.lazy'),y=Symbol.iterator;var d={isMounted:()=>!1,enqueueForceUpdate:()=>{},enqueueReplaceState:()=>{},enqueueSetState:()=>{}},v=Object.assign,m={};function _(e,t,r){this.props=e,this.context=t,this.refs=m,this.updater=r||d}function b(){}function h(e,t,r){this.props=e,this.context=t,this.refs=m,this.updater=r||d}_.prototype.isReactComponent={},_.prototype.setState=function(e,t){if('object'!=typeof e&&'function'!=typeof e&&null!=e)throw Error('setState(...): takes an object of state variables to update or a function which returns an object of state variables.');this.updater.enqueueSetState(this,e,t,'setState')},_.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,'forceUpdate')},b.prototype=_.prototype;var S=h.prototype=new b;S.constructor=h,v(S,_.prototype),S.isPureReactComponent=!0;var E=Array.isArray,w=Object.prototype.hasOwnProperty,$={current:null},R={key:!0,ref:!0,__self:!0,__source:!0};function g(e,t,o){var n,u={},a=null,l=null;if(null!=t)for(n in void 0!==t.ref&&(l=t.ref),void 0!==t.key&&(a=''+t.key),t)w.call(t,n)&&!R.hasOwnProperty(n)&&(u[n]=t[n]);var s=arguments.length-2;if(1===s)u.children=o;else if(1<s){for(var c=Array(s),i=0;i<s;i++)c[i]=arguments[i+2];u.children=c}if(e&&e.defaultProps)for(n in s=e.defaultProps)void 0===u[n]&&(u[n]=s[n]);return{$$typeof:r,type:e,key:a,ref:l,props:u,_owner:$.current}}function k(e){return'object'==typeof e&&null!==e&&e.$$typeof===r}var C=/\/+/g;function j(e,t){return'object'==typeof e&&null!==e&&null!=e.key?function(e){var t={'=':'=0',':':'=2'};return'$'+e.replace(/[=:]/g,e=>t[e])}(''+e.key):t.toString(36)}function O(e,t,n,u,a){var l=typeof e;'undefined'!==l&&'boolean'!==l||(e=null);var s=!1;if(null===e)s=!0;else switch(l){case'string':case'number':s=!0;break;case'object':switch(e.$$typeof){case r:case o:s=!0}}if(s)return a=a(s=e),e=''===u?'.'+j(s,0):u,E(a)?(n='',null!=e&&(n=e.replace(C,'$&/')+'/'),O(a,t,n,'',e=>e)):null!=a&&(k(a)&&(a=function(e,t){return{$$typeof:r,type:e.type,key:t,ref:e.ref,props:e.props,_owner:e._owner}}(a,n+(!a.key||s&&s.key===a.key?'':(''+a.key).replace(C,'$&/')+'/')+e)),t.push(a)),1;if(s=0,u=''===u?'.':u+':',E(e))for(var c=0;c<e.length;c++){var i=u+j(l=e[c],c);s+=O(l,t,n,i,a)}else if(i=function(e){return null===e||'object'!=typeof e?null:'function'==typeof(e=y&&e[y]||e['@@iterator'])?e:null}(e),'function'==typeof i)for(e=i.call(e),c=0;!(l=e.next()).done;)s+=O(l=l.value,t,n,i=u+j(l,c++),a);else if('object'===l)throw t=String(e),Error('Objects are not valid as a React child (found: '+('[object Object]'===t?'object with keys {'+Object.keys(e).join(', ')+'}':t)+'). If you meant to render a collection of children, use an array instead.');return s}function x(e,t,r){if(null==e)return e;var o=[],n=0;return O(e,o,'','',e=>t.call(r,e,n++)),o}function P(e){if(-1===e._status){var t=e._result;(t=t()).then(t=>{0!==e._status&&-1!==e._status||(e._status=1,e._result=t)},t=>{0!==e._status&&-1!==e._status||(e._status=2,e._result=t)}),-1===e._status&&(e._status=0,e._result=t)}if(1===e._status)return e._result.default;throw e._result}var I={current:null},T={transition:null},V={ReactCurrentDispatcher:I,ReactCurrentBatchConfig:T,ReactCurrentOwner:$};function A(){throw Error('act(...) is not supported in production builds of React.')}t.Children={map:x,forEach:function(e,t,r){x(e,function(){t.apply(this,arguments)},r)},count:e=>{var t=0;return x(e,()=>{t++}),t},toArray:e=>x(e,e=>e)||[],only:e=>{if(!k(e))throw Error('React.Children.only expected to receive a single React element child.');return e}},t.Component=_,t.Fragment=n,t.Profiler=a,t.PureComponent=h,t.StrictMode=u,t.Suspense=i,t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=V,t.act=A,t.cloneElement=function(e,t,o){if(null==e)throw Error('React.cloneElement(...): The argument must be a React element, but you passed '+e+'.');var n=v({},e.props),u=e.key,a=e.ref,l=e._owner;if(null!=t){if(void 0!==t.ref&&(a=t.ref,l=$.current),void 0!==t.key&&(u=''+t.key),e.type&&e.type.defaultProps)var s=e.type.defaultProps;for(c in t)w.call(t,c)&&!R.hasOwnProperty(c)&&(n[c]=void 0===t[c]&&void 0!==s?s[c]:t[c])}var c=arguments.length-2;if(1===c)n.children=o;else if(1<c){s=Array(c);for(var i=0;i<c;i++)s[i]=arguments[i+2];n.children=s}return{$$typeof:r,type:e.type,key:u,ref:a,props:n,_owner:l}},t.createContext=e=>((e={$$typeof:s,_currentValue:e,_currentValue2:e,_threadCount:0,Provider:null,Consumer:null,_defaultValue:null,_globalName:null}).Provider={$$typeof:l,_context:e},e.Consumer=e),t.createElement=g,t.createFactory=e=>{var t=g.bind(null,e);return t.type=e,t},t.createRef=()=>({current:null}),t.forwardRef=e=>({$$typeof:c,render:e}),t.isValidElement=k,t.lazy=e=>({$$typeof:p,_payload:{_status:-1,_result:e},_init:P}),t.memo=(e,t)=>({$$typeof:f,type:e,compare:void 0===t?null:t}),t.startTransition=e=>{var t=T.transition;T.transition={};try{e()}finally{T.transition=t}},t.unstable_act=A,t.useCallback=(e,t)=>I.current.useCallback(e,t),t.useContext=e=>I.current.useContext(e),t.useDebugValue=()=>{},t.useDeferredValue=e=>I.current.useDeferredValue(e),t.useEffect=(e,t)=>I.current.useEffect(e,t),t.useId=()=>I.current.useId(),t.useImperativeHandle=(e,t,r)=>I.current.useImperativeHandle(e,t,r),t.useInsertionEffect=(e,t)=>I.current.useInsertionEffect(e,t),t.useLayoutEffect=(e,t)=>I.current.useLayoutEffect(e,t),t.useMemo=(e,t)=>I.current.useMemo(e,t),t.useReducer=(e,t,r)=>I.current.useReducer(e,t,r),t.useRef=e=>I.current.useRef(e),t.useState=e=>I.current.useState(e),t.useSyncExternalStore=(e,t,r)=>I.current.useSyncExternalStore(e,t,r),t.useTransition=()=>I.current.useTransition(),t.version='18.3.1'},540(e,t,r){e.exports=r(287)}},t={};function r(o){var n=t[o];if(void 0!==n)return n.exports;var u=t[o]={exports:{}};return e[o](u,u.exports,r),u.exports}r.d=(e,t)=>{for(var o in t)r.o(t,o)&&!r.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r.r=e=>{'undefined'!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:'Module'}),Object.defineProperty(e,'__esModule',{value:!0})};var o={};r.r(o),r.d(o,{NewCompo:()=>n.default});var n=r(205);module.exports=o})();

package/dist/main.js.LICENSE.txt

@@ -0,0 +1,9 @@
+/**
+ * @license React
+ * react.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */

package/package.json

@@ -0,0 +1,51 @@
+{
+  "name": "@amit_mishra/my-first-npm",
+  "version": "1.0.0",
+  "publishConfig": {
+    "access": "public"
+  },
+  "description": "This is a boilerplate to create NPM package for one or more ReactJS custom hooks and components.",
+  "author": {
+    "name": "Amit Mishra"
+  },
+  "main": "dist/main.js",
+  "module": "dist/main.js",
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "scripts": {
+    "build:dev": "webpack --mode=development",
+    "build": "webpack --mode=production",
+    "prepare": "npm run build",
+    "prepublishOnly": "npm run build"
+  },
+  "keywords": [
+    "react",
+    "react-custom-hooks",
+    "hooks",
+    "custom",
+    "hooks",
+    "npm"
+  ],
+  "license": "MIT",
+  "peerDependencies": {
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
+  },
+  "devDependencies": {
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "webpack": "^5.66.0",
+    "webpack-cli": "^4.9.1",
+    "terser-webpack-plugin": "^5.2.3",
+    "@babel/core": "^7.16.0",
+    "@babel/preset-env": "^7.16.0",
+    "@babel/preset-react": "^7.16.0",
+    "babel-loader": "^8.2.3"
+  },
+  "exports": {
+    ".": "./dist/main.js",
+    "./NewCompo": "./dist/NewCompo.js"
+  }
+}