{"_id":"@demonking/window-tabs-management","_rev":"4-d090a5f540f00761ba730fc9017e24dc","name":"@demonking/window-tabs-management","dist-tags":{"latest":"0.0.2"},"versions":{"0.0.1":{"name":"@demonking/window-tabs-management","version":"0.0.1","_id":"@demonking/window-tabs-management@0.0.1","maintainers":[{"name":"demonking","email":"thanhtai.tttgalaxy@gmail.com"}],"dist":{"shasum":"0cc239e918cb30c07bf9a98d30657d09551221c4","tarball":"https://registry.npmjs.org/@demonking/window-tabs-management/-/window-tabs-management-0.0.1.tgz","fileCount":3,"integrity":"sha512-1I2CuO4ksGDF3zRp2KUJGwYemFovNOsTc224iT+BVH0rDmW5Vpn+dwvYwDyxzXWznisAUkjowHbIJvxchcNT4w==","signatures":[{"sig":"MEYCIQD1vmQkK6DBDp+1gtJmIpNdqGsKS2o0PuLekZ5JyXpf+QIhAI0lQYUqf/PghwkRoLwsiNfuwMroKiUg3aYbRXBfALVU","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1444,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdr+pCCRA9TVsSAnZWagAA5N4P/RZFii1UzP66CwSvbAIh\nWAUmcNEx7vrLs8Ru2Q0PbDWAZ1Vmek6vttqvYNb9MEUhkp0rwtM5VuAPBk3T\nEHtptnVc26UrK28J86KWB3/xYP8LJkC3fzLiFASMx34DgyuQIUKTnUTnuJsA\n630t1yB+nyqQ3WXGZ8ERK6JnqYhSvtI7pG4nfG8LlSE1XjHu/yZJHuyKUO6K\nrBHfqmm95cgES1MO6ecU3uAWAmGlsivxrORWyXlWNy174UlJjB8aDxAmu5lq\nILr5cxPauGE2mBF0O7LNJEcq5C1eK3LIX4YN8cKFvxs2bdtPBag3Qj0Z00J4\nAdLyugP+jJAg85v16oV5XI64xg7L8aTcGmLkBpIwfrgQvPzwIl/dTpbn+IXy\nNfrwVB/m1Na8SEx9ro9Q072wzRubpWoXCm7EewCJDOCmRnBBn3iH+/yqg0FR\nX7wJlHf1FKT0R0BfpAJcP5noqK8CvyzQznXysXYpKtl3TfNiv1pnHG6QuBOg\nE3nr0XI1qotKQ1bKtIt7UVTRSMlDio90kJyPZjKZXvYQigfbitRTOyTXavrA\n4uPXOOiiqmCK2S7ugyq2W4Xt/eGP9JwX5ZfuQidWdqlUlqzblDVhF38ckrCe\nrygn0WmzXukDnFZAEThZjMjvR9iTgiWBsHeuCVf+8YZgykVka3Lmxe6t5nMA\nOSUb\r\n=Fw9j\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"demonking","email":"thanhtai.tttgalaxy@gmail.com"},"_npmVersion":"6.4.1","directories":{},"_nodeVersion":"10.15.3","_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/window-tabs-management_0.0.1_1571809858192_0.21230870374465005","host":"s3://npm-registry-packages"}},"0.0.2":{"name":"@demonking/window-tabs-management","version":"0.0.2","keywords":["JavaScript","tabs","window browser tabs","JavaScript window/tabs plugin","tabs manager","windows manager"],"author":{"url":"https://github.com/gionatan-lombardi","name":"Demon King"},"_id":"@demonking/window-tabs-management@0.0.2","maintainers":[{"name":"demonking","email":"thanhtai.tttgalaxy@gmail.com"}],"homepage":"https://github.com/thanhtai-personal/browser-tabs-management#readme","bugs":{"url":"https://github.com/thanhtai-personal/browser-tabs-management/issues"},"dist":{"shasum":"862cf1ce4179375e05b7b9099cbd4c34efa07fdb","tarball":"https://registry.npmjs.org/@demonking/window-tabs-management/-/window-tabs-management-0.0.2.tgz","fileCount":4,"integrity":"sha512-ebg8kXBNC1U3QdaOPuLzBuTCKs2lz4lP32duVMBgevPOeJX0fgGrYm5897Ecl/TJUIQRU5P2dO7nnDrwYQp4XA==","signatures":[{"sig":"MEUCIETRF39F6G+5XO9Y8QuccADeXwdSoy1aFjmwGP1ECvCaAiEAttWWdCG51byi5BxXuBh09/SuvtEdlLgy4uKPYq5oqro=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":5789,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdr/+ECRA9TVsSAnZWagAAF84P/2km6WK5YzGxUPHbnZty\nZ6WYfBKDCPAnQCsT8k+0ShTLAYR85eEuU9hiZDkSTcrAFLHZJ5rXjAe9TFvs\nr22QVITgXV4SskiG2isd6JsACzTQTfB8A2pHOAKSyTnS0hV2YU5ZMl2bUwta\nb/edziUbTxRMCIUopg2tvPuk+u1yOY8GedFCUrh7ttO0j16kKHkX4q4QItOA\nQUtwqcWMH3oWZJsLtu+h1v011uwyTCbnn3SFm2UZL0g0lz8RJdaqu/UIJGdK\n90JllJ073CgRymvbKevKwN/UY739OnJGZX+KzTEZn+Z1OEB9GQIt+t0npT8v\nD/UqqcXWGrNt9D5b7FNYUMShQ7ky0Lnw8pkWOWsz4+e39QGMQfijw2BlWAdR\nvd2bBqsZA6q+05fVknCXOEfgiGwwA9noH74P93Yt0on1NwR2qEZquMnzZF9u\ny/tEvgnYwiTiKS7sRI0vqPJ/yY+W6HGdlGg6aTz8LgVPVGeRgFzriizAhBv9\nzl0JALzYvofXnsGMiAt57kipCDKkJnRCEHB67qGOxbd35mZ9dkL15QIJS/dg\nTppsM+WQRdEmfmrbKU8RKluT/z3kXJ3yPC13pK36i1w5xgzd4sFIdgmd9ITf\n2xC6QtI7wRWMZ4IgjqqAVoMZYpB2xUkRFW6TKZRsOlMF6aFadjjglVay/aD2\nwZdR\r\n=vekf\r\n-----END PGP SIGNATURE-----\r\n"},"main":"src/index.js","gitHead":"bc952e068035fbcb49ee0667553a58a0ca3f9939","_npmUser":{"name":"demonking","email":"thanhtai.tttgalaxy@gmail.com"},"repository":{"url":"git+https://github.com/thanhtai-personal/browser-tabs-management.git","type":"git"},"_npmVersion":"6.4.1","description":"manage tabs and browser is opened by your application.","directories":{},"_nodeVersion":"10.15.3","dependencies":{"react":"^16.11.0"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/window-tabs-management_0.0.2_1571815299690_0.7317776402950522","host":"s3://npm-registry-packages"}}},"time":{"created":"2019-10-23T05:50:57.960Z","modified":"2025-11-20T09:03:08.093Z","0.0.1":"2019-10-23T05:50:58.341Z","0.0.2":"2019-10-23T07:21:39.816Z"},"bugs":{"url":"https://github.com/thanhtai-personal/browser-tabs-management/issues"},"author":{"url":"https://github.com/gionatan-lombardi","name":"Demon King"},"homepage":"https://github.com/thanhtai-personal/browser-tabs-management#readme","keywords":["JavaScript","tabs","window browser tabs","JavaScript window/tabs plugin","tabs manager","windows manager"],"repository":{"url":"git+https://github.com/thanhtai-personal/browser-tabs-management.git","type":"git"},"description":"manage tabs and browser is opened by your application.","maintainers":[{"email":"thanhtai.tttgalaxy@gmail.com","name":"kata-org"}],"readme":"# tabs-manager-light\r\nA lightweight JS script for tab management. \r\n\r\n**Version 2.0.0**  \r\njQuery requirements removed.\r\n\r\nBased on Remy Sharp's post, [\"How tabs should work\"](https://24ways.org/2015/how-tabs-should-work/)\r\n\r\n## How it works\r\nWith plain JavaScript cast the `window-tabs-management` function with the tab's class selector as the first argument:\r\n```javascript\r\nimport TabManagerWrapper from 'window-tabs-management'\r\nimport React from 'react'\r\n\r\nclass HelloWorld extends React.Component {\r\n  render () {\r\n    return 'hello world'\r\n  }\r\n}\r\n\r\nexport default TabManagerWrapper(HelloWorld)\r\n```\r\nIf you want to customize the tab data:\r\n```javascript\r\nimport TabManagerWrapper from 'window-tabs-management'\r\nimport React from 'react'\r\n\r\nconst defaultTabData = {\r\n  name: 'hello world',\r\n  key: 'hello world'\r\n}\r\n\r\nclass HelloWorld extends React.Component {\r\n  constructor (props) {\r\n    super (props)\r\n  }\r\n\r\n  render () {\r\n    console.log(this.props)\r\n    /**\r\n     * output is an object {\r\n      tabData =  {\r\n        id: <<tab_id>>,\r\n        ...defaultTabData\r\n      },\r\n      tabManager = {\r\n        newTab: <<A function help you to add new tab to tabs list.>>\r\n        getTab: <<A function help you to get tab data from tabs list.>>,\r\n        removeTab: <<A function help you to remove a tab to tabs list.>>,\r\n        getTabList: <<A function help you to get tabs list data.>>,\r\n        setTab: <<A function help you to update data of a tab.>>\r\n      }\r\n      Function Example: \r\n      ---newTab\r\n        let tab = this.props.tabManager.newTab({})\r\n      ---getTab\r\n        let tab = this.props.tabManager.getTab(id)\r\n      ---removeTab\r\n        this.props.tabManager.removeTab(id)\r\n      ---getTabList\r\n        let tabList = this.props.tabManager.getTabList()\r\n      ---setTab\r\n        let tab = this.props.tabManager.setTab(id, data)\r\n    }\r\n    */\r\n    return 'hello world'\r\n  }\r\n}\r\n\r\nexport default TabManagerWrapper(HelloWorld, defaultTabData)\r\n```\r\nThat's all of my first npm package :).\r\n\r\n**Note.**\r\n--- TabManagerWrapper helped you to create tab data when you load your component and then remove tab data when you close your tab.\r\nThen if you use TabManagerWrapper, you have not to do it again.\r\n--- Better if you use TabManagerWrapper to wrap your root component.\r\n**Have fun.**\r\n\r\n## Borwsers support\r\n","readmeFilename":"readme.md"}