{"_id":"@cpro-js/craco-plugin-ui5","_rev":"6-fff0a734e7b634e2e5ac67a4ca3405ea","name":"@cpro-js/craco-plugin-ui5","dist-tags":{"latest":"0.3.0"},"versions":{"0.1.0-alpha.0":{"name":"@cpro-js/craco-plugin-ui5","version":"0.1.0-alpha.0","publishConfig":{"access":"public","files":["*.md","*.d.ts","template","dist"]},"license":"MIT","main":"dist/craco-ui5-plugin.js","scripts":{"build":"tsup-node --format cjs","prepublish":"tsup-node --format cjs","test":"jest"},"peerDependencies":{"@craco/craco":"^6.1.2","react-scripts":"^4.0.1"},"dependencies":{"deepmerge":"4.2.2","html-webpack-plugin":"4.5.0","lodash":"4.17.21","react-dev-utils":"11.0.4","webpack-virtual-modules":"0.4.3"},"devDependencies":{"@craco/craco":"^6.2.0","@types/jest":"^27.0.1","@types/lodash":"4.14.172","@types/webpack":"4.41.30","jest":"^27.1.0","react-scripts":"^4.0.3","ts-jest":"^27.0.5","tsup":"4.12.5","typescript":"4.1.3"},"typings":"dist/craco-ui5-plugin.d.ts","gitHead":"fb4942d14cdc65696fce25fb207650e2ffbe021d","description":"This is a [craco](https://github.com/gsoft-inc/craco) plugin that builds a react app for UI5 via [create-react-app](https://facebook.github.io/create-react-app/) version 4.","_id":"@cpro-js/craco-plugin-ui5@0.1.0-alpha.0","_nodeVersion":"14.17.5","_npmVersion":"lerna/4.0.0/node@v14.17.5+x64 (win32)","dist":{"integrity":"sha512-4zrPyx54TmbwiuAyvUoRcP+vlgPwMx7DmCIVm/k1UZ7oWP60ZWpEkggN8XEJmcz5trJOgH9ANwQ7ao4MTpW3Kg==","shasum":"5ba9947d14709aae9c08f0fb7eeeeed3428b6ff0","tarball":"https://registry.npmjs.org/@cpro-js/craco-plugin-ui5/-/craco-plugin-ui5-0.1.0-alpha.0.tgz","fileCount":22,"unpackedSize":94929,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhL2Q+CRA9TVsSAnZWagAAQcQP/RGltzAReJuSLm1IUuLI\nYcfUO8VZZ4o7eMHTEqfmtgc0drgkxoi9NgpwbsVbVSUE18CuZwKdKS7EIIS5\nxHoiw6QrabnHKylhHNPKKqg0ODI+1lqM2GSqEH3JlATagn9b8dClOFbuybMp\nMqj5dNqTmgB5otJ5I8WHNvKJ+faxys36BhV+rO12JpVEYdLrNoSzUZ1IEi1a\n0JDkE8wLoEJiPorYOGPFgM+2UhbqsV+Paj9c8egI2y/JQwQfQzts10xZBimc\nk6giz/E1RaRocZIOKftSBCNRRpFSASkePLYVVOmDMj7ZBghvP9Ai33sE74gZ\nje5VrNYyB66650+eQYFC/qxhD6udN6XcfaSq1qic8Rbvt7fAMRaKfujLEb7X\nYhE7Vvc9pc8UZTbTDND7ipr6d9Pthkqs7acF01VhxN4tCKR410thYk7MsJmT\n/L4Xw3ejma8C6ZBbsnwcL0YqsLHY85Zxx6dD3yS5qbTb5VGR3/bnEWtCTnFq\noeV8Vt9xUqBeD+IPMxuN5c+0RRRKFsOQMGTStUfH1OauTF/egAXbZRzS1+WM\nlid59S80X8OycA0oLH/isUieUjvF+DK0vBQZrmlch8K08AtLDwoZdPvCFHwn\nfaehGk3YAKICOmlLN6EO6ZOLdgsadIB9CGKcMIIHHsI4MYNEOTRyh21ufu6D\n98kC\r\n=QR5M\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFsybXFotPEdN47JZ3qINz4NI2uN47P7UD09arx4lNj1AiEA/MN+tDeno7IhNw/1YQgtZITf2dHWh9XXPNX0ReD/qNY="}]},"_npmUser":{"name":"zinserjan","email":"zinserjan@gmail.com"},"directories":{},"maintainers":[{"name":"zinserjan","email":"zinserjan@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/craco-plugin-ui5_0.1.0-alpha.0_1630495806733_0.026407489356598646"},"_hasShrinkwrap":false},"0.1.0":{"name":"@cpro-js/craco-plugin-ui5","version":"0.1.0","publishConfig":{"access":"public"},"license":"MIT","main":"dist/craco-ui5-plugin.js","scripts":{"build":"tsup-node --format cjs","prepublish":"tsup-node --format cjs","test":"jest"},"peerDependencies":{"@craco/craco":"^6.1.2","react-scripts":"^4.0.1"},"dependencies":{"deepmerge":"4.2.2","html-webpack-plugin":"4.5.0","lodash":"4.17.21","react-dev-utils":"11.0.4","webpack-virtual-modules":"0.4.3"},"devDependencies":{"@craco/craco":"^6.2.0","@types/jest":"^27.0.1","@types/lodash":"4.14.172","@types/webpack":"4.41.30","jest":"^27.1.0","react-scripts":"^4.0.3","ts-jest":"^27.0.5","tsup":"4.12.5","typescript":"4.1.3"},"typings":"dist/craco-ui5-plugin.d.ts","gitHead":"0626c351a8ad76baa9a465f9938cf153fd51fd94","description":"This is a [craco](https://github.com/gsoft-inc/craco) plugin that builds a react app for UI5 via [create-react-app](https://facebook.github.io/create-react-app/) version 4.","_id":"@cpro-js/craco-plugin-ui5@0.1.0","_nodeVersion":"14.17.5","_npmVersion":"lerna/4.0.0/node@v14.17.5+x64 (win32)","dist":{"integrity":"sha512-ZWsBogAucF9WEbEpKLkcA0T7KesvWrFD6uIbX/T42sGfQGHhgfDFvDM4c/MdTuf8ZJZcM6YTVOdPMX7Afl3hTA==","shasum":"243d7d4a0a608ea01bffc70db4a32ea3354bfa73","tarball":"https://registry.npmjs.org/@cpro-js/craco-plugin-ui5/-/craco-plugin-ui5-0.1.0.tgz","fileCount":11,"unpackedSize":65597,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhL26oCRA9TVsSAnZWagAAm0oP/2pv+59DbwJOfpud22Px\nv1sIstFMr07Vj7CKQyBHeCOHAS0dbJPkGEYbncJToCdXSwFUJbWxDV5Uttyl\nnXlmCW3ny7CGDbJGi2kz2Qls7/6+lVm67xVOKzNQpWuqJxYFRJd6HOSAMzOR\nns8mtiXglerHbRUQhAsNXDPtyibYQA7CtznioVGo5sAEWE/QGcCBrUFKz4po\n8hVQCqkFsT7NqX35i9Mzi2Cx0z+KFg3Si1cuITOch7of5ts02/9CX7xveOiD\n4vP7OctiT/kTjgawxzn42/1h6iwWKOqzyoFJZ1hBwW4nIlpmq6zWJDhG3gDl\nKyj6l+VSHDpv6gAKbBwh93q9Nb2RgRGu7pKlk2e85wsvn3ukPEV5Gx9Y8tdS\n4zg3us9BnemAnixOidhJxNayAHTf9bbB5adfNC5fC2x7FyKILvEt3zcdbuzH\nO2JsU7TElVGXVBZ8EU77+yONElqdU51gBvo5givjyjk53T8Q+HlxWDV3fEzS\nhe8ThXK5B/THU1NAzTn+iMvg3TYX35cveUrMXLE4PX0VN+GDcJFGcea+UUdm\n2LU3YweFvB62VNLqPnRPoTD6b5GzafaQXQuENU/AcXFJ4t56uTNfyYxNy0y4\nDw8bhmaBRw3t98rAj19cV6l5aeOd5iqETG1OB6GZHE2jFOs378g5K+Eb3U16\nC3dS\r\n=lTVf\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDiYhJrneBs3fpPRjv4ocW4LR2JWHS76+/BaKRhgVFO8gIgIjJi2VS9N06YzRa3cNUKYDC9qdMXEyADjfTX4orMYSc="}]},"_npmUser":{"name":"zinserjan","email":"zinserjan@gmail.com"},"directories":{},"maintainers":[{"name":"zinserjan","email":"zinserjan@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/craco-plugin-ui5_0.1.0_1630498472312_0.3030308218526161"},"_hasShrinkwrap":false},"0.2.0":{"name":"@cpro-js/craco-plugin-ui5","version":"0.2.0","publishConfig":{"access":"public"},"license":"MIT","main":"dist/craco-ui5-plugin.js","scripts":{"build":"tsup-node --format cjs","prepublish":"tsup-node --format cjs","test":"jest"},"peerDependencies":{"@craco/craco":"^6.1.2","react-scripts":"^4.0.1"},"dependencies":{"deepmerge":"4.2.2","html-webpack-plugin":"4.5.0","lodash":"4.17.21","react-dev-utils":"11.0.4","webpack-virtual-modules":"0.4.3"},"devDependencies":{"@craco/craco":"^6.2.0","@types/jest":"^27.0.1","@types/lodash":"4.14.172","@types/webpack":"4.41.30","jest":"^27.1.0","react-scripts":"^4.0.3","ts-jest":"^27.0.5","tsup":"4.12.5","typescript":"4.1.3"},"typings":"dist/craco-ui5-plugin.d.ts","gitHead":"d0875182403620829cfbd168e32a6e7e08584d16","description":"This is a [craco](https://github.com/gsoft-inc/craco) plugin that builds a react app for UI5 via [create-react-app](https://facebook.github.io/create-react-app/) version 4.","_id":"@cpro-js/craco-plugin-ui5@0.2.0","_nodeVersion":"14.17.5","_npmVersion":"lerna/4.0.0/node@v14.17.5+x64 (win32)","dist":{"integrity":"sha512-RsOM/nuEx4EIfx69xESPkxBusm19MurMombisIssTJ1ru5Rt+z8jK9am+U/nGCRGiSp1c7Jsy1/rLN7qtRbfxg==","shasum":"bd459856a5b714c4a48572c9edfcc2bd8b79d165","tarball":"https://registry.npmjs.org/@cpro-js/craco-plugin-ui5/-/craco-plugin-ui5-0.2.0.tgz","fileCount":11,"unpackedSize":67462,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhzeBzCRA9TVsSAnZWagAAR7AQAILIxK/f7zJ3G0J6Bh8u\n/GQj9G2on4RSqTyFKx3gcT7OCIJtXavrYrYQ9ZjraFmivMMAK4OMiM7pPoVR\nZVLThRJF8QS9TesqGaRRU5vsbDuGv3rkbQyA0aDq1jQf5cx1BVTstxg7HJVj\n/EfOrIHmgsUPrPwxwHA4DOm/pEQtgX8waeF4aNfvSJNzrrmQyRcsc7tYV02u\nVrpUM1fdkmmyx0oIKVdhZ0kXp0xDga35B8cN5//sW7Nwdq6A7x/AiTpWOl18\nRs7CsrXPgWiHaF/OO0C8lto71Kst8ISYHgDrmFqX5GAmQeUjQphlGUoSuzZo\nKyKqtjQeE7qSow7AkICiE8/kJCTBJcwl6Db7QAZ/Xu7Y7XGaIxFOA6cXY3Y7\nAhg/2FfgDi8cl9TjpOGfOf3gZTA7My0ojc6xEZd2foTH56qZRGcBi1sFAXyy\nR1S0lojQuVudd8IG60f8IJjoUbd/ygddLCJSneSnwxVC/Cj2c6G3x4zo14c0\nk7FltEF3Js36+sn0dwZ0y3U4b6G4tseRJ+WbMHbpiSB6ZUPbFKMSBhw0grJY\nyR3FY/RbBvapQ6Xm+3dkoxISA8MALTXNd6c/cszrXT0U7KF66dUKr59HCkuH\n7X5vXI7MhLPYuOjcjQ/3NWurh0R+xZXDMiZCM2eHdRhxNGE83QPKKSaYu7ut\n8k2N\r\n=H2Od\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEP/hVXK/yKYR65UMeXoT3BRJQTpL3KdvarluTeyip13AiEAkM5ApGfSXC0WoH9LhuTplYm2JQWutcutJkV72zh/CCM="}]},"_npmUser":{"name":"zinserjan","email":"zinserjan@gmail.com"},"directories":{},"maintainers":[{"name":"texttechne","email":"gedankengut@gmx.de"},{"name":"zinserjan","email":"zinserjan@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/craco-plugin-ui5_0.2.0_1633418294032_0.9600266844576086"},"_hasShrinkwrap":false},"0.3.0":{"name":"@cpro-js/craco-plugin-ui5","version":"0.3.0","publishConfig":{"access":"public"},"license":"MIT","main":"dist/craco-ui5-plugin.js","scripts":{"build":"tsup-node --format cjs","prepublish":"tsup-node --format cjs","test":"jest"},"peerDependencies":{"@craco/craco":"^6.1.2","react-scripts":"^4.0.1"},"dependencies":{"deepmerge":"4.2.2","html-webpack-plugin":"4.5.0","lodash":"4.17.21","react-dev-utils":"11.0.4","webpack-virtual-modules":"0.4.3"},"devDependencies":{"@craco/craco":"^6.2.0","@types/jest":"^26.0.24","@types/lodash":"4.14.172","@types/webpack":"4.41.30","jest":"^26.6.0","react-scripts":"^4.0.3","ts-jest":"^26.5.6","tsup":"4.12.5","typescript":"4.1.3"},"typings":"dist/craco-ui5-plugin.d.ts","gitHead":"59f3b84a0d6ec597187d814934b3f7ccda8bf88e","description":"This is a [craco](https://github.com/gsoft-inc/craco) plugin that builds a react app for UI5 via [create-react-app](https://facebook.github.io/create-react-app/) version 4.","_id":"@cpro-js/craco-plugin-ui5@0.3.0","_nodeVersion":"14.15.1","_npmVersion":"lerna/4.0.0/node@v14.15.1+x64 (win32)","dist":{"integrity":"sha512-ntYU1CZujTrMWY8v7PyK1zUtebFlX7xpNXaD6zsAKGwolKGev4b9zjJZ2JwNLW6kS7vfqBx1ofqmZA0dqRbzWg==","shasum":"a5016788745585f9822092fad67bf6ba269267f7","tarball":"https://registry.npmjs.org/@cpro-js/craco-plugin-ui5/-/craco-plugin-ui5-0.3.0.tgz","fileCount":11,"unpackedSize":68011,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIE5CfnS3lTLJqFMBIMiXW4K5F48usA2oKFtj6OqyCEItAiBycO8D1fC22MXiFgEO9XwkX7nhScbowiuok8k6AkLS5w=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJimMipACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr8pQ/8C0IAyJVWxfxIo3ydeq61Bo+sdMtZuQQG+lBYgFzrRHySgTbh\r\nBbqz7H0XJoJTkWw2oxTu1FmiTZ30oiiJRrDKpt/ZsOTkWW/5diGpfmcyFaQ/\r\nFgc3xBZXMX8ITvYBudq+iWzAev7hhEfAwvoKH87IZujVC46yN/MNgyu5y8ZP\r\n73Oa+lBj/Nx2v0HM1ppb3PX7MU+8pOqnRxRs7Q3XOJpWKlLIU0kjNOmMFMFr\r\nOnws6uK9Gwex5fmB0qbrwDR44s7UjF/lhxN/pEAj4CViKPkC6S4Y2XFvfqTK\r\nlPq+ACU0DMJ/gURMNWjYY55xdqtWi/xRNnUKuZnkqdclslHPOHrZe7llTDif\r\nih1wMEv85Fm/hiKewwG1XBhP7akk8efxHB4qvA8Osr1fk99L3FQ47OdNrS1R\r\n3fRULuWiQUXkEyd2ZXEutBLRSulQ6iIFBXRzQ9GEy6xqJV+/dpZnvLa97dgO\r\nVRmAOiMlLsD+GfEKWahHt2mWUWrZPtI6iTce1pFK51nHw1wZU5IEI6WtiqXO\r\n/wvHC/K5h2AJR9SEXl+VBTspEi2v0vhkITKfLa0p0Xgjn1b/65/pTX2dZ7FW\r\nP7xgr2Oe1S/gTz7tQZXanavU+nNZrv0mcNs5XQFJXLgfBCRzoKLgI9j/42U4\r\n6UietzcbV40OUpI99odrdscYgx8eV8OIGxY=\r\n=ajaq\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"texttechne","email":"gedankengut@gmx.de"},"directories":{},"maintainers":[{"name":"texttechne","email":"gedankengut@gmx.de"},{"name":"zinserjan","email":"zinserjan@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/craco-plugin-ui5_0.3.0_1654180009635_0.9584843937119114"},"_hasShrinkwrap":false}},"time":{"created":"2021-09-01T11:30:06.698Z","0.1.0-alpha.0":"2021-09-01T11:30:06.838Z","modified":"2022-06-02T14:26:50.104Z","0.1.0":"2021-09-01T12:14:32.506Z","0.2.0":"2021-10-05T07:18:14.166Z","0.3.0":"2022-06-02T14:26:49.873Z"},"maintainers":[{"name":"texttechne","email":"gedankengut@gmx.de"},{"name":"zinserjan","email":"zinserjan@gmail.com"}],"description":"This is a [craco](https://github.com/gsoft-inc/craco) plugin that builds a react app for UI5 via [create-react-app](https://facebook.github.io/create-react-app/) version 4.","license":"MIT","readme":"# Craco UI5 Plugin\n\nThis is a [craco](https://github.com/gsoft-inc/craco) plugin that builds a react app for UI5\nvia [create-react-app](https://facebook.github.io/create-react-app/) version 4.\n\n## Installation\n\n1. Follow\n   the [`craco` Installation Instructions](https://github.com/gsoft-inc/craco/blob/master/packages/craco/README.md#installation)\n   to install the `craco` package with modified scripts in your `package.json`.\n2. Create a `craco.config.js` file.\n3. Install `@cpro-js/craco-plugin-ui5`:\n\n```bash\nyarn add --dev @cpro-js/craco-plugin-ui5\n```\n\n4. Initialize the craco plugin in your `craco.config.js`\n\n**craco.config.js**\n\n```js\nmodule.exports = {\n  plugins: [\n    {\n      plugin: require(\"@cpro-js/craco-plugin-ui5\"),\n      options: {\n        appId: \"Z_YOUR_APP_ID\",\n        appTitle: \"Your App Title\",\n        ui5Version: \"1.84.14\",\n        sandbox: {\n          theme: \"sap_fiori_3\",\n          tiles: [\n            {\n              // combination of semanticObject and action must be unique per item!\n              semanticObject: \"ReactApp\",\n              action: \"display\",\n              title: \"React App 1\",\n              subtitle: \"React App Example\",\n              info: \"React App Example\",\n              icon: \"sap-icon://decision\",\n              // parameters that will be always set (default) and provided as startup parameters\n              defaultParameters: {\n                myValue: \"test\",\n              },\n              // parameters by cross navigation\n              additionalParameters: true,\n            },\n            {\n              semanticObject: \"ReactApp\",\n              action: \"manage\",\n              title: \"React App 2\",\n              subtitle: \"React App Example\",\n              info: \"React App Example\",\n              icon: \"sap-icon://complete\",\n            },\n          ],\n        },\n        manifest: {\n          \"sap.ui\": {\n            fullWidth: true,\n          },\n          \"sap.ui5\": {\n            dependencies: {\n              minUI5Version: \"1.76.0\",\n            },\n            contentDensities: {\n              compact: true,\n              cozy: true,\n            },\n          },\n        },\n      },\n    },]\n};\n```\n\n5. Create a secondary entry point for UI5 initialization:\n\n**src/index.ui5.tsx**\n\n```tsx\nimport { registerCustomApp } from \"@cpro-js/craco-plugin-ui5/runtime\";\nimport React from \"react\";\nimport ReactDOM from \"react-dom\";\n\nregisterCustomApp(options => {\n  const { rootNode, } = options;\n\n  ReactDOM.render(\n    <div>Hello UI5!</div>,\n    rootNode\n  );\n\n  return () => {\n    ReactDOM.unmountComponentAtNode(rootNode);\n  };\n});\n```\n\n6. Launch app & open browser\n   - Default react entry: http://localhost:3000/\n   - UI5 in Standalone: http://localhost:3000/standalone.html\n   - UI5 in Fiori Launchpad Sandbox: http://localhost:3000/launchpad.html\n","readmeFilename":"README.md"}