{"_id":"@abhishek_bitpod/p10-platform-bar","_rev":"2-f574b63132ff6e9055e5311066fff802","name":"@abhishek_bitpod/p10-platform-bar","dist-tags":{"latest":"1.0.1"},"versions":{"1.0.0":{"name":"@abhishek_bitpod/p10-platform-bar","version":"1.0.0","description":"p10 platform bar","main":"dist/platformbar/index.js","scripts":{"start":"webpack-dev-server --hot","build":"SET NODE_ENV=production && webpack -p --json>stats.json"},"author":{"name":"Ayush Srivastava"},"license":"ISC","dependencies":{"axios":"^0.15.3","bluebird":"^3.4.6","css-loader":"^0.26.1","extract-text-webpack-plugin":"^2.0.0-beta.5","file-loader":"^0.9.0","font-awesome-webpack":"0.0.4","immutable":"^3.8.1","localforage":"^1.4.3","material-ui":"1.0.0-beta.21","querystring":"^0.2.0","ramda":"^0.23.0","react":"^16.0.0","react-autosuggest":"9.4.3","react-dom":"^16.0.0","react-lazyload":"^2.2.4","react-sortable-hoc":"0.8.0","reflux":"^5.0.4","reflux-promise":"^1.0.4","socket.io-client":"^1.7.2","style-loader":"^0.13.1","url-loader":"^0.5.7"},"devDependencies":{"babel":"^6.5.2","babel-core":"^6.18.2","babel-loader":"^6.2.8","babel-plugin-direct-import":"^0.5.0","babel-plugin-lodash":"^3.2.11","babel-plugin-syntax-async-functions":"^6.13.0","babel-plugin-transform-class-properties":"^6.19.0","babel-plugin-transform-regenerator":"^6.16.1","babel-plugin-transform-runtime":"^6.15.0","babel-preset-es2015":"^6.18.0","babel-preset-react":"^6.16.0","babel-preset-stage-1":"^6.16.0","bootstrap-webpack":"0.0.5","imports-loader":"^0.7.0","less":"^2.7.1","less-loader":"^2.2.3","lodash-webpack-plugin":"^0.11.2","p10-notifications":"^0.5.0","path":"^0.12.7","postcss-loader":"^1.2.1","webpack":"^2.5.1","webpack-dev-server":"^2.4.5"},"_id":"@abhishek_bitpod/p10-platform-bar@1.0.0","_npmVersion":"6.4.1","_nodeVersion":"8.16.0","_npmUser":{"name":"abhishek_bitpod","email":"abhishek@bitpod.io"},"dist":{"integrity":"sha512-THlJadDVyiU9OMixJpil3dqGFcs1NJNX1x4/pAfd9IfiMoctjgT5K2kwyqdVs/183a09rnJzwZ5N36/WialCQw==","shasum":"591e8c03d3a6f979c0f5429afb29a6747b33243c","tarball":"https://registry.npmjs.org/@abhishek_bitpod/p10-platform-bar/-/p10-platform-bar-1.0.0.tgz","fileCount":57,"unpackedSize":16573911,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdlbpKCRA9TVsSAnZWagAASjwP/R3CQx1TYmy66wHojEje\nTM7g24b5WYIdlV+mj/Thz/EbogLY2aEE8kS00GcOvgPEaAw5EohidXeXdPrM\nwTtmqks+wfOcxlcplZlTqEy7XYwOnPzAVYBjaNx1c9litnsptsLkGI/e2Akl\nCS8VeUIDSzg2jfbFjfi3aefetylmziuM9qRMwqElriMOPD83jzSEKRocfa4w\nXWpYBlRDH4C246/dirF89mpnRkYcfCl0f+iJ5bXq8W/SOniM4lwCk1Ykt2tp\nnH7bAvRBIHKvuIGeUZvuZCd1KlR+yoBrGAuAFRqEhvaN0w/wKMr5gKf4SLq1\n60pFnNamsOzX75wfNRnVWx/g8iig3UDmUhYTzvdhCKAoCjeKA/ktbQCUJk+p\nGZNH4xd3ipmIFK7kwncu2yBiDW64E0QSF7uUhjSOnI8uedRraxUvOpIa8W/b\n2gFRGP7JfM8tsmb+2MHZRsWD2MK8b4kL3qelzCvnUDCOGnX11lQw0mD/Vq10\ny61SI38E0AOOoUbqU4xYKbfEMvvMc9socizYN+KIFxM5oF5AySxa8vFpEXPd\ntc6GNPypVW/XpLKprP3EhReHSF2LIi6vdVMSxdR523rBx6NZ2Ep4iEDXP2/O\nIEF5ixyWiSalHuHVng7fsXB5BiufJhcZwCYxZWPWRkxt8SwQ73HxPw/ZYHVz\n0weF\r\n=rIbA\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDPDOv64DU9I575D5gYZDuMvo38gjqv0+Q5f19t70loXAIhAP+Fpamw6aM9jp3nkdXos02O5vXaXDJ3GObF2647MAqo"}]},"maintainers":[{"name":"abhishek_bitpod","email":"abhishek@bitpod.io"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/p10-platform-bar_1.0.0_1570093641161_0.525842796855785"},"_hasShrinkwrap":false},"1.0.1":{"name":"@abhishek_bitpod/p10-platform-bar","version":"1.0.1","description":"p10 platform bar","main":"dist/platformbar/index.js","scripts":{"start":"webpack-dev-server --hot","build":"SET NODE_ENV=production && webpack -p --json>stats.json"},"author":{"name":"Ayush Srivastava"},"license":"ISC","dependencies":{"axios":"^0.15.3","bluebird":"^3.4.6","css-loader":"^0.26.1","extract-text-webpack-plugin":"^2.0.0-beta.5","file-loader":"^0.9.0","font-awesome-webpack":"0.0.4","immutable":"^3.8.1","localforage":"^1.4.3","material-ui":"1.0.0-beta.21","querystring":"^0.2.0","ramda":"^0.23.0","react":"^16.0.0","react-autosuggest":"9.4.3","react-dom":"^16.0.0","react-lazyload":"^2.2.4","react-sortable-hoc":"0.8.0","reflux":"^5.0.4","reflux-promise":"^1.0.4","socket.io-client":"^1.7.2","style-loader":"^0.13.1","url-loader":"^0.5.7"},"devDependencies":{"babel":"^6.5.2","babel-core":"^6.18.2","babel-loader":"^6.2.8","babel-plugin-direct-import":"^0.5.0","babel-plugin-lodash":"^3.2.11","babel-plugin-syntax-async-functions":"^6.13.0","babel-plugin-transform-class-properties":"^6.19.0","babel-plugin-transform-regenerator":"^6.16.1","babel-plugin-transform-runtime":"^6.15.0","babel-preset-es2015":"^6.18.0","babel-preset-react":"^6.16.0","babel-preset-stage-1":"^6.16.0","bootstrap-webpack":"0.0.5","imports-loader":"^0.7.0","less":"^2.7.1","less-loader":"^2.2.3","lodash-webpack-plugin":"^0.11.2","p10-notifications":"^0.5.0","path":"^0.12.7","postcss-loader":"^1.2.1","webpack":"^2.5.1","webpack-dev-server":"^2.4.5"},"_id":"@abhishek_bitpod/p10-platform-bar@1.0.1","_npmVersion":"6.4.1","_nodeVersion":"8.16.0","_npmUser":{"name":"abhishek_bitpod","email":"abhishek@bitpod.io"},"dist":{"integrity":"sha512-vI7E2i43gBd3RG/M8YEl8DLEl8weEtpsGDtIc7+fk6jMdGzhJrmXwPM6SRsSBeNqh0ADAzkABR6oqr+LEiioRg==","shasum":"21f4dd77064b6b30466cc53afa67ff2863218f65","tarball":"https://registry.npmjs.org/@abhishek_bitpod/p10-platform-bar/-/p10-platform-bar-1.0.1.tgz","fileCount":68,"unpackedSize":19253479,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdlcA9CRA9TVsSAnZWagAARZIP/2CHb0RZzByTluMqxAN/\nEkypZ8lauNxvEubbJxfjxwmEWk1api/LjjMo6iC+nhDlk5UHyPqkrM4FWVnN\nZmtcc9bGlO0ZDRiC7sMwgPIUg38WoHBNvvuOHcaFW4ZFAfNkdDn+Wgp4UWzi\nb/+DppTvpuBZ/iKmIogNqj8a4Nzv1GZspASxb886WhWHCfcMWBdzJBQdzDlF\nIW4P0jqmiNIY7WOLZ/QYaNPpdjpPRtEOgkZHTlwYdnHLyPNVb3t/sSrgXFK/\n+qCQp0mOCaFGnvEz68b+etG8b5BSaWq0xy7AIFFJTIUD0bdBrlVAS3Q1XL8Z\nJkJ7pRcHaZbU1dWvZuZBEg3OcJoId1ROzCXNo6nTAN4l3teFmLkOgWhA86pz\npQ8eg3tmF+mB/vSN5i6pTT89bn7je7JvrFObJKWHeT9w44Y6r4Y+xQY6pHfQ\nmFuD1pu18EWiypFZI0q+KqCTQ5CfbtFG36TFCixoHMF7Mq4ceDReCko2ZUyf\nbmx4zT7gD0JWusZ0jLdX6suuIAMy+baZMrYpirbAW0AiOdgtpj8LWGQncFgs\ntM1e3VWIJjU4Pbjc+zF9Tuwj5Ww4hOVjxzo4GbbAAZeB6KOCvJaU+zGImuvY\nslFbweviQYx/fd5CPJ3C2LtO664E6c9QVxulfeuB6ScPwUMayB49hKdCQ9YW\nzTov\r\n=wns5\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCT25qINXbK3ZgAZokX6qp/AeotNBe0vLgxV2S4LsDB1QIhALU2xJnj4FuP69V0E018Ire/n0etgKUM9vJNTyjERxvy"}]},"maintainers":[{"name":"abhishek_bitpod","email":"abhishek@bitpod.io"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/p10-platform-bar_1.0.1_1570095163696_0.4861245741370597"},"_hasShrinkwrap":false}},"time":{"created":"2019-10-03T09:07:20.921Z","1.0.0":"2019-10-03T09:07:21.350Z","modified":"2022-04-04T10:59:22.577Z","1.0.1":"2019-10-03T09:32:43.920Z"},"maintainers":[{"name":"abhishek_bitpod","email":"abhishek@bitpod.io"}],"description":"p10 platform bar","author":{"name":"Ayush Srivastava"},"license":"ISC","readme":"# p10 platformbar\r\n\r\n## How to install\r\n\r\nBefore using platform bar, you need to build platformbar bundle files.\r\n\r\n* To create platform bar bundle files,\r\n    * open command prompt move to platformbar root folder where package.json is present.\r\n\t* fire `npm install` (Note you need to have node.js installed on your system) command.\r\n* After npm install is complete,\r\n    * fire `webpack` command, after this command you will find the build js files and related files in _dist_ folder.\r\n* If you want to render Platformbar as a component in _React Application_ use platformbar.p10platformbar.js and platformbar.css, for other JS Applications use show showplatformbar.p10platformbar.js and showplatformbar.css\r\n\r\n\r\n## USE in react Application\r\n\r\n* To use Application in react Application environment import {PlatformBar,PlatformServices} from 'platformbar.p10platformbar.js'.\r\n* Before using p10platformbar you need to initialize the PlatformService Api(Promise based API, generally called in componentWillMount) which requires following params:\r\n\t```javascript\r\n\tPlatformServices.initialize({\r\n\t\tclient_id: \"\",\r\n\t\tclient_secret: \"\",\r\n\t\tauthorizationUrl: \"\",\r\n\t\tauthorizationToken:\"\",\r\n\t\tauthorizationlogoutUrl:\"\",\r\n\t\tauthorizationuserInfoUrl:\"\",\r\n\t\tcodeFlowEndPoint:{\r\n\t\t\tauthenticateURL:\"\",\r\n\t\t\ttokenURL:\"\",\r\n\t\t\trefreshTokenURL:\"\",\r\n\t\t\tlogoutURL:\"\"\r\n\t\t},\r\n\t\tstateVariable: \"\",\r\n\t\tserviceApiUrl:\"\",\r\n\t\tlogout_redirect_url: \"\",\r\n\t\tlogin_redirect_url: \"\",\r\n\t\tflowType:\"\",\r\n\t\thostLabel:\"\",\r\n\t\tsearch:{\r\n\t\t\tonsearchrequest:function,\r\n\t\t\tsearchresults:{\r\n\t\t\t\tlabelField:\"\",\r\n\t\t\t\tkeyField:\"\"\r\n\t\t\t},\r\n\t\t\tonsearchresultselect:function\r\n\t\t},\r\n\t\ton_auth_state_change: function\r\n\t})\r\n\t```\r\n* Params Description:\r\n\t1. client_id : client id (String) (required)\r\n\t2. client_secret : client secret (String) (required)\r\n\t3. authorizationUrl : auth url (String) (required when using implicit flow)\r\n\t4. authorizationToken : authorization token endpoint (String) (required when using implicit flow)\r\n\t5. authorizationlogoutUrl : oauth server logout endpoint (String) (required when using implicit flow)\r\n\t6. authorizationuserInfoUrl : oauth server profile endpoint (String) (required)\r\n\t7. codeFlowEndPoint : if application is using auth code flow then endpoints are defined by this object. (object) (required when usin auth code flow)\r\n\t\t* authenticateURL : takes the authentication/login endpoint of passport server (String) (required)\r\n\t\t* tokenURL : passport server endpoint to return token (String)(required)\r\n\t\t* refreshTokenURL : passport server endpoint to return refresh-token (String) (required)\r\n\t\t* logoutURL : passport server logout endpoint (String)(required)\r\n\t8. stateVariable : variable name to maintain state when using implicit flow (String) (required when using implicit flow)\r\n\t9. serviceApiUrl : platform services api url link (String) (required)\r\n\t10. logout_redirect_url : redirect url after user logouts (String) (required when using implicit flow)\r\n\t11. login_redirect_url : redirect url after user logins (String) (required)\r\n\t12. flowType: enum to initialize platform bar with the type of flow (values: \"code\" || \"token\") (String) (required) \r\n\t13. hostLabel : Any sample label text application wants to show on platform bar, generally Application name (String) (optional)\r\n\t14. search : If application want to use search bar from p10platform then include this param (object) (optional)\r\n\t\t* onsearchrequest : takes a function which is called whenever user types a text in searchbar, type text is passed as param to the function. (function) (required)\r\n\t\t* searchresults : search result provides the keys of label and key field of the search result. (object) (required)\r\n\t\t* onsearchresultselect : takes a function which is called when use selects a result, passing the key as first param, and selected item as the second.(function) (required)\r\n\t15. on_auth_state_change : takes a function which is called whenever user login or logout of application. If user logins a state object is passed as param, if user logouts null is passed as param. (function) (required)\r\n\t\r\n* After initializing p10 platformbar you can render p10 platform bar by Rendering <PlatformBar /> as a jsx component.\r\n\r\n\r\n## USE in JS Application\r\n\r\n* To use Application in JS environment include 'showplatformbar.p10platformbar.js' file in your application.\r\n* After including file you will get a global object p10platformbar then you need to call platform services api initialize method.\r\n\t```javascript\r\n\tp10platformbar.PlatformServices.initialize({\r\n\t\tclient_id: \"\",\r\n\t\tclient_secret: \"\",\r\n\t\tauthorizationUrl: \"\",\r\n\t\tlogout_redirect_url: \"\",\r\n\t\tlogin_redirect_url: \"\",\r\n\t\thostLabel:\"\",\r\n\t\tsearch:{\r\n\t\t\tonsearchrequest:function,\r\n\t\t\tsearchresults:{\r\n\t\t\t\tlabelField:\"\",\r\n\t\t\t\tkeyField:\"\"\r\n\t\t\t},\r\n\t\t\tonsearchresultselect:function\r\n\t\t},\r\n\t\ton_auth_state_change: function\r\n\t})\r\n\t```\r\n* Params Description:\r\n\t1. client_id : client id (String) (required)\r\n\t2. client_secret : client secret (String) (required)\r\n\t3. authorizationUrl : auth url (String) (required when using implicit flow)\r\n\t4. authorizationToken : authorization token endpoint (String) (required when using implicit flow)\r\n\t5. authorizationlogoutUrl : oauth server logout endpoint (String) (required when using implicit flow)\r\n\t6. authorizationuserInfoUrl : oauth server profile endpoint (String) (required)\r\n\t7. codeFlowEndPoint : if application is using auth code flow then endpoints are defined by this object. (object) (required when usin auth code flow)\r\n\t\t* authenticateURL : takes the authentication/login endpoint of passport server (String) (required)\r\n\t\t* tokenURL : passport server endpoint to return token (String)(required)\r\n\t\t* refreshTokenURL : passport server endpoint to return refresh-token (String) (required)\r\n\t\t* logoutURL : passport server logout endpoint (String)(required)\r\n\t8. stateVariable : variable name to maintain state when using implicit flow (String) (required when using implicit flow)\r\n\t9. serviceApiUrl : platform services api url link (String) (required)\r\n\t10. logout_redirect_url : redirect url after user logouts (String) (required when using implicit flow)\r\n\t11. login_redirect_url : redirect url after user logins (String) (required)\r\n\t12. flowType: enum to initialize platform bar with the type of flow (values: \"code\" || \"token\") (String) (required) \r\n\t13. hostLabel : Any sample label text application wants to show on platform bar, generally Application name (String) (optional)\r\n\t14. search : If application want to use search bar from p10platform then include this param (object) (optional)\r\n\t\t* onsearchrequest : takes a function which is called whenever user types a text in searchbar, type text is passed as param to the function. (function) (required)\r\n\t\t* searchresults : search result provides the keys of label and key field of the search result. (object) (required)\r\n\t\t* onsearchresultselect : takes a function which is called when use selects a result, passing the key as first param, and selected item as the second.(function) (required)\r\n\t15. on_auth_state_change : takes a function which is called whenever user login or logout of application. If user logins a state object is passed as param, if user logouts null is passed as param. (function) (required)\r\n* After initializing p10 platformbar you can render p10 platform bar by calling p10platformbar.mountPlatformbar() function by providing, element in which platform bar is to be rendered and props.\r\n\r\n\te.g.: ```p10platformbar.mountPlatformbar(document.getElementById(\"App\"),{});```\r\n","readmeFilename":"README.md"}