{"_id":"@bengr.digital/page-editor-web","_rev":"4-869710a06ab34cff56247839c511dd22","name":"@bengr.digital/page-editor-web","dist-tags":{"latest":"0.0.6"},"versions":{"0.0.1":{"name":"@bengr.digital/page-editor-web","version":"0.0.1","type":"module","description":"Package for comunication with PageEditor from Bengr Admin","main":"dist/index.js","types":"dist/index.d.ts","scripts":{"compile":"npx tsc","publish":"npm publish --access=public"},"repository":{"type":"git","url":"git+https://github.com/bengr-digital/npm.page-editor-web.git"},"author":{"name":"František Špunda"},"keywords":["npm","package","JavaScript","TypeScript","page-editor"],"license":"ISC","bugs":{"url":"https://github.com/bengr-digital/npm.page-editor-web/issues"},"homepage":"https://github.com/bengr-digital/npm.page-editor-web#readme","_id":"@bengr.digital/page-editor-web@0.0.1","_nodeVersion":"18.16.0","_npmVersion":"9.6.6","dist":{"integrity":"sha512-wcOrp1LMehqL6ZHSSwvmJ7vHmEQLQuRMlN6/tm13p0O36lRnkh8XuLadZFE9Xsv79H+J9G3/go3g7/tI0H1bCg==","shasum":"c0ed27fd23c8676143ca2e7dcb3756b8243423a1","tarball":"https://registry.npmjs.org/@bengr.digital/page-editor-web/-/page-editor-web-0.0.1.tgz","fileCount":8,"unpackedSize":5838,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIB94ZBrMR8Axh7OtIqV+9iuKZI07VsXc5su5h2lrFlFcAiEAmjn+DDeSsGPR89plmLfCiiK3z1x7ZwgjiIVYKS0b5z0="}]},"_npmUser":{"name":"frantisek.spunda","email":"spundafr@gmail.com"},"directories":{},"maintainers":[{"name":"matejkrenek","email":"mate23.krenek@gmail.com"},{"name":"frantisek.spunda","email":"spundafr@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/page-editor-web_0.0.1_1688073724937_0.9672077725681023"},"_hasShrinkwrap":false},"0.0.3":{"name":"@bengr.digital/page-editor-web","version":"0.0.3","type":"module","description":"Package for comunication with PageEditor from Bengr Admin","main":"dist/index.js","types":"dist/index.d.ts","styles":"styles/main.css","scripts":{"build":"npx tsc","publish":"npm publish --access=public"},"repository":{"type":"git","url":"git+https://github.com/bengr-digital/npm.page-editor-web.git"},"author":{"name":"František Špunda"},"keywords":["npm","package","JavaScript","TypeScript","page-editor"],"license":"ISC","devDependencies":{"sass":"^1.63.6"},"gitHead":"2e1336a189284cbd1f09011ee7aeca8b7fdd2e88","bugs":{"url":"https://github.com/bengr-digital/npm.page-editor-web/issues"},"homepage":"https://github.com/bengr-digital/npm.page-editor-web#readme","_id":"@bengr.digital/page-editor-web@0.0.3","_nodeVersion":"18.16.0","_npmVersion":"9.6.6","dist":{"integrity":"sha512-7Agns0n2U//KwPC83zHgZ4A/VNnndlxr4u82f4fZoZbpqkuqI8FqvRlQ5pUkE5iTk4FB4ef5jL93Ptv0EEducA==","shasum":"02be7035226359a4d60d1fb49348ed0d3f538901","tarball":"https://registry.npmjs.org/@bengr.digital/page-editor-web/-/page-editor-web-0.0.3.tgz","fileCount":11,"unpackedSize":7083,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD7jxwhTx3gaMeDTGmYU8/RHPcGUGRTGPTEct0zAIz42AIhAKA4hYeJbdiMZFeDzgNSzTGzmQQurgGLI8c/btPPWIQI"}]},"_npmUser":{"name":"frantisek.spunda","email":"spundafr@gmail.com"},"directories":{},"maintainers":[{"name":"matejkrenek","email":"mate23.krenek@gmail.com"},{"name":"frantisek.spunda","email":"spundafr@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/page-editor-web_0.0.3_1688118240864_0.4615776232103701"},"_hasShrinkwrap":false},"0.0.4":{"name":"@bengr.digital/page-editor-web","version":"0.0.4","type":"module","description":"Package for comunication with PageEditor from Bengr Admin","main":"dist/index.js","types":"dist/index.d.ts","styles":"styles/main.css","scripts":{"build":"npx tsc","publish":"npm publish --access=public"},"repository":{"type":"git","url":"git+https://github.com/bengr-digital/npm.page-editor-web.git"},"author":{"name":"František Špunda"},"keywords":["npm","package","JavaScript","TypeScript","page-editor"],"license":"ISC","devDependencies":{"sass":"^1.63.6"},"gitHead":"8eabb815b12fe9785f0b9b4d04d8eb4198a181c9","bugs":{"url":"https://github.com/bengr-digital/npm.page-editor-web/issues"},"homepage":"https://github.com/bengr-digital/npm.page-editor-web#readme","_id":"@bengr.digital/page-editor-web@0.0.4","_nodeVersion":"18.16.0","_npmVersion":"9.6.6","dist":{"integrity":"sha512-F4LcyUbkVNcxfmq5jkslF2xZUx+XD9lptbhnXqghwn8lBKhdqB/v2bibjZTaq+chYc2QmYjyX0LyCai4bQEIIA==","shasum":"5aa410a2c66d3f53972a4b37b9c0e2f3a9c964f3","tarball":"https://registry.npmjs.org/@bengr.digital/page-editor-web/-/page-editor-web-0.0.4.tgz","fileCount":11,"unpackedSize":8126,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIC3RObpfFlB4m6VnIBjdOFooON2HiN5KRJqDwhQVDjlJAiArtRjAsNXbwv3GYWtIBi/l7FHSsJIJpHLR7/40ZWsA7g=="}]},"_npmUser":{"name":"frantisek.spunda","email":"spundafr@gmail.com"},"directories":{},"maintainers":[{"name":"matejkrenek","email":"mate23.krenek@gmail.com"},{"name":"frantisek.spunda","email":"spundafr@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/page-editor-web_0.0.4_1688119404370_0.4024154006134604"},"_hasShrinkwrap":false},"0.0.5":{"name":"@bengr.digital/page-editor-web","version":"0.0.5","type":"module","description":"Package for comunication with PageEditor from Bengr Admin","main":"dist/index.js","types":"dist/index.d.ts","styles":"styles/main.css","scripts":{"build":"npx tsc","publish":"npm publish --access=public"},"repository":{"type":"git","url":"git+https://github.com/bengr-digital/npm.page-editor-web.git"},"author":{"name":"František Špunda"},"keywords":["npm","package","JavaScript","TypeScript","page-editor"],"license":"ISC","devDependencies":{"sass":"^1.63.6"},"gitHead":"427969709ac99e46bf31334ff21ae641042b77f7","bugs":{"url":"https://github.com/bengr-digital/npm.page-editor-web/issues"},"homepage":"https://github.com/bengr-digital/npm.page-editor-web#readme","_id":"@bengr.digital/page-editor-web@0.0.5","_nodeVersion":"18.16.0","_npmVersion":"9.6.6","dist":{"integrity":"sha512-VspK34/v6E9tL1pzkY7bTPWLmyIlEIP1rVvRax6vuob2SyKOEVgoQxcvkEMKbsPytZ9RdzlZu4v6PDFERdrhFA==","shasum":"9ac1fc79ecf4447e91ab29a471a62762ef80db85","tarball":"https://registry.npmjs.org/@bengr.digital/page-editor-web/-/page-editor-web-0.0.5.tgz","fileCount":11,"unpackedSize":8436,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBhgt2g1vUoCRu9FkonKcG98NkQKSDn4CiuOO06jICljAiAvj/PBcpbgwgq6RqJ14W95d7nZKeiUmeslombOZUcWkQ=="}]},"_npmUser":{"name":"frantisek.spunda","email":"spundafr@gmail.com"},"directories":{},"maintainers":[{"name":"matejkrenek","email":"mate23.krenek@gmail.com"},{"name":"frantisek.spunda","email":"spundafr@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/page-editor-web_0.0.5_1688119834671_0.6124386622048599"},"_hasShrinkwrap":false},"0.0.6":{"name":"@bengr.digital/page-editor-web","version":"0.0.6","type":"module","description":"Package for comunication with PageEditor from Bengr Admin","main":"dist/index.js","types":"dist/index.d.ts","styles":"styles/main.css","scripts":{"build":"npx tsc","publish":"npm publish --access=public"},"repository":{"type":"git","url":"git+https://github.com/bengr-digital/npm.page-editor-web.git"},"author":{"name":"František Špunda"},"keywords":["npm","package","JavaScript","TypeScript","page-editor"],"license":"ISC","devDependencies":{"sass":"^1.63.6"},"gitHead":"427969709ac99e46bf31334ff21ae641042b77f7","bugs":{"url":"https://github.com/bengr-digital/npm.page-editor-web/issues"},"homepage":"https://github.com/bengr-digital/npm.page-editor-web#readme","_id":"@bengr.digital/page-editor-web@0.0.6","_nodeVersion":"18.16.0","_npmVersion":"9.7.2","dist":{"integrity":"sha512-W2BA6OnkLKyjRUXd9H2LqSOfUFq7c9+6sxV1Ko3TmcqEtAijE+SSbAD6RhEEKtwxITChNrqY/p/DF4tVbvR4dg==","shasum":"eaeb3de36c8852fc42523bb391e20e34a82ba809","tarball":"https://registry.npmjs.org/@bengr.digital/page-editor-web/-/page-editor-web-0.0.6.tgz","fileCount":11,"unpackedSize":8469,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD71OTsB8qKhIN/Mf7RPFdyUHsQXEcZtR3CYy+2amOChwIhAItm1V/Sgn5rnL4YZHswVvkUPAMQOPH6JhAVCMpMfN6O"}]},"_npmUser":{"name":"frantisek.spunda","email":"spundafr@gmail.com"},"directories":{},"maintainers":[{"name":"matejkrenek","email":"mate23.krenek@gmail.com"},{"name":"frantisek.spunda","email":"spundafr@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/page-editor-web_0.0.6_1688839376464_0.8971348173711522"},"_hasShrinkwrap":false}},"time":{"created":"2023-06-29T21:22:04.812Z","0.0.1":"2023-06-29T21:22:05.126Z","modified":"2023-07-08T18:02:56.860Z","0.0.3":"2023-06-30T09:44:01.097Z","0.0.4":"2023-06-30T10:03:24.537Z","0.0.5":"2023-06-30T10:10:34.828Z","0.0.6":"2023-07-08T18:02:56.664Z"},"maintainers":[{"name":"matejkrenek","email":"mate23.krenek@gmail.com"},{"name":"frantisek.spunda","email":"spundafr@gmail.com"}],"description":"Package for comunication with PageEditor from Bengr Admin","homepage":"https://github.com/bengr-digital/npm.page-editor-web#readme","keywords":["npm","package","JavaScript","TypeScript","page-editor"],"repository":{"type":"git","url":"git+https://github.com/bengr-digital/npm.page-editor-web.git"},"author":{"name":"František Špunda"},"bugs":{"url":"https://github.com/bengr-digital/npm.page-editor-web/issues"},"license":"ISC","readme":"# 📦 npm package - page-editor-web\r\n\r\nInstall with command:\r\n\r\n```\r\nnpm install @bengr.digital/page-editor-web\r\n```\r\n\r\n<br>\r\n\r\n### 🐔 How to use\r\n\r\n<i>Package must be used among Bengr Admin, where we must setup PageEditor</i>\r\n\r\n#### 1. Set up communication with Bengr Admin\r\n\r\n- Import `initPageEditor` function in main file of page\r\n\r\n```js\r\nimport { initPageEditor } from '@bengr.digital/page-editor-web'\r\n```\r\n\r\n- When we want to use it, we must specify url of our Bengr Admin application\r\n\r\n```js\r\ninitPageEditor('https://admin.my-web.com')\r\n```\r\n\r\n- If we are using this in React application we must put function into `useEffect` like this:\r\n\r\n```js\r\nuseEffect(() => {\r\n  initPageEditor('https://admin.my-web.com')\r\n}, []) // useEffect must be called just on start\r\n```\r\n<br>\r\n\r\n#### 2. Set up styles\r\n- Now we must import styles for visualization, where we will edit texts<br> Will will do it like this\r\n\r\n```js\r\nimport '@bengr.digital/page-editor-web/styles/main.scss'\r\n```\r\n\r\n<strong>IDK IF THIS WORK ></strong>\r\nor like this\r\n\r\n```scss\r\n@import '@bengr.digital/page-editor/styles/main.scss';\r\n```\r\n\r\nor with link in html\r\n\r\n```html\r\n<link rel=\"stylesheet\" href=\"@bengr.digital/\" />\r\n```\r\n\r\n<br>\r\n\r\n#### 3. Add texts\r\n- Now its time to add texts that you wanna edit\r\n- If you have some random text that is passed from API you must add id witch will specify the text by his code in database\r\n  ```jsx\r\n  const text = await useFetchText('claim:text')\r\n  return <p id=\"claim:text\">{text}</p>\r\n  ```\r\n\r\n<br>\r\n<br>\r\n\r\n### 📢 Publish package\r\n\r\n- `npm run build` for compile (or `npx tsc`)\r\n- `npm version [major|minor|patch|...]` (update version of package in `package.json`)\r\n- `npm run publish` for publish (or `npm publish --access=public`)\r\n","readmeFilename":"README.md"}