@amit_mishra/my-first-npm 1.0.0 → 1.0.1

package/README.md

@@ -5,13 +5,13 @@ Boilerplate NPM package for React custom hooks and components.
 ## Install
 
 ```bash
-npm install my-first-npm
+npm install @amit_mishra/my-first-npm
 ```
 
 ## Usage
 
 ```jsx
-import { NewCompo } from 'my-first-npm';
+import { NewCompo } from "@amit_mishra/my-first-npm";
 
 function App() {
   return <NewCompo />;
@@ -21,7 +21,7 @@ function App() {
 Or use the subpath:
 
 ```jsx
-import NewCompo from 'my-first-npm/NewCompo';
+import NewCompo from "@amit_mishra/my-first-npm/NewCompo";
 ```
 
 ## Peer dependencies

package/dist/NewCompo.d.ts

@@ -0,0 +1,4 @@
+import { ComponentType } from 'react';
+
+declare const NewCompo: ComponentType;
+export default NewCompo;

package/dist/NewCompo.js

@@ -1,2 +1 @@
-/*! 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})();
+(()=>{var e={n:t=>{var r=t&&t.__esModule?()=>t.default:()=>t;return e.d(r,{a:r}),r},d:(t,r)=>{for(var o in r)e.o(r,o)&&!e.o(t,o)&&Object.defineProperty(t,o,{enumerable:!0,get:r[o]})},o:(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r:e=>{'undefined'!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:'Module'}),Object.defineProperty(e,'__esModule',{value:!0})}},t={};e.r(t),e.d(t,{default:()=>l});const r=require('react');var o=e.n(r);const n=function(){return o().createElement('div',null,'NewCompo')};const l=function(){return o().createElement(n,null)};module.exports=t})();

package/dist/main.d.ts

@@ -0,0 +1,3 @@
+import { ComponentType } from 'react';
+
+export const NewCompo: ComponentType;

package/dist/main.js

@@ -1,2 +1 @@
-/*! 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})();
+(()=>{var e={658(e,r,t){t.d(r,{default:()=>u});const o=require('react');var n=t.n(o);const a=function(){return n().createElement('div',null,'NewCompo')};const u=function(){return n().createElement(a,null)}}},r={};function t(o){var n=r[o];if(void 0!==n)return n.exports;var a=r[o]={exports:{}};return e[o](a,a.exports,t),a.exports}t.n=e=>{var r=e&&e.__esModule?()=>e.default:()=>e;return t.d(r,{a:r}),r},t.d=(e,r)=>{for(var o in r)t.o(r,o)&&!t.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:r[o]})},t.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),t.r=e=>{'undefined'!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:'Module'}),Object.defineProperty(e,'__esModule',{value:!0})};var o={};t.r(o),t.d(o,{NewCompo:()=>n.default});var n=t(658);module.exports=o})();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@amit_mishra/my-first-npm",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "publishConfig": {
     "access": "public"
   },
@@ -10,13 +10,15 @@
   },
   "main": "dist/main.js",
   "module": "dist/main.js",
+  "types": "dist/main.d.ts",
   "files": [
     "dist",
     "README.md"
   ],
   "scripts": {
     "build:dev": "webpack --mode=development",
-    "build": "webpack --mode=production",
+    "build": "webpack --mode=production && node scripts/generate-types.cjs",
+    "build:types": "node scripts/generate-types.cjs",
     "prepare": "npm run build",
     "prepublishOnly": "npm run build"
   },
@@ -45,7 +47,15 @@
     "babel-loader": "^8.2.3"
   },
   "exports": {
-    ".": "./dist/main.js",
-    "./NewCompo": "./dist/NewCompo.js"
+    ".": {
+      "types": "./dist/main.d.ts",
+      "import": "./dist/main.js",
+      "require": "./dist/main.js"
+    },
+    "./NewCompo": {
+      "types": "./dist/NewCompo.d.ts",
+      "import": "./dist/NewCompo.js",
+      "require": "./dist/NewCompo.js"
+    }
   }
 }