{"_id":"@bonezegei/bonezegeijs","_rev":"2-d5234789de08a011824b72c1ecb91534","name":"@bonezegei/bonezegeijs","dist-tags":{"latest":"1.0.2"},"versions":{"1.0.1":{"name":"@bonezegei/bonezegeijs","version":"1.0.1","keywords":["bonezegei","framework","reactive","ui","jofel batutay","bonezegeiJS"],"author":{"url":"Bonezegei","name":"Jofel Batutay"},"license":"MIT","_id":"@bonezegei/bonezegeijs@1.0.1","maintainers":[{"name":"jofelbatutay","email":"jofelbatutay@gmail.com"}],"homepage":"https://github.com/bonezegei/BonezegeiJS#readme","bugs":{"url":"https://github.com/bonezegei/BonezegeiJS/issues"},"dist":{"shasum":"81aa1b4856537173b99abac124c8a2feb0c2b88d","tarball":"https://registry.npmjs.org/@bonezegei/bonezegeijs/-/bonezegeijs-1.0.1.tgz","fileCount":14,"integrity":"sha512-CSCgnKUQTAR7AWQB2HteJa/cYW3XH8oHOf4JHZZLUyqePoTAtATrBWIzR9ttqJQBg/Gp8GGxxIzdqtENn3KvmQ==","signatures":[{"sig":"MEUCIQC+rlOenRDDImJBDSiZQW/nIaTvWOPa2Bf7xu5X2oQUTwIgXTNAHRPva6810zbfcKkxYDGPYx6rNNNL0V3C0XC9W40=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":54644},"main":"src/Bonezegei.js","type":"module","gitHead":"12a40a779412a38bf5b2631f07a8d09cb0e64b17","_npmUser":{"name":"jofelbatutay","email":"jofelbatutay@gmail.com"},"repository":{"url":"git+https://github.com/bonezegei/BonezegeiJS.git","type":"git"},"_npmVersion":"10.9.4","description":"A lightweight reactive UI framework","directories":{},"_nodeVersion":"22.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/bonezegeijs_1.0.1_1782327435369_0.015613939914326247","host":"s3://npm-registry-packages-npm-production"}},"1.0.2":{"name":"@bonezegei/bonezegeijs","version":"1.0.2","description":"A lightweight reactive UI framework, with storage and websocket support, for building modern web applications.","main":"src/Bonezegei.js","type":"module","repository":{"type":"git","url":"git+https://github.com/bonezegei/BonezegeiJS.git"},"keywords":["bonezegei","framework","reactive","ui","jofel batutay","bonezegeiJS"],"author":{"name":"Jofel Batutay","url":"Bonezegei"},"license":"MIT","bugs":{"url":"https://github.com/bonezegei/BonezegeiJS/issues"},"homepage":"https://github.com/bonezegei/BonezegeiJS#readme","publishConfig":{"access":"public"},"_id":"@bonezegei/bonezegeijs@1.0.2","gitHead":"2a7ebd6370c986cb08d4874074cfc3468b215469","_nodeVersion":"22.21.0","_npmVersion":"10.9.4","dist":{"integrity":"sha512-v4m9TOBFoYRk/PKz5lX2EHbrijT+kLG18fS+uC1wWz5HngGm24EkwBVJOAGiL6rg4eeMXi/AR7JtHdhK6JoHwQ==","shasum":"516c61a618f974d6cbbffc6388df4be0376ab1b0","tarball":"https://registry.npmjs.org/@bonezegei/bonezegeijs/-/bonezegeijs-1.0.2.tgz","fileCount":16,"unpackedSize":64017,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIH8N2rNeVOpqVYvloEUsxaLtK3Bw3xtMr+V3GOIasQdrAiEA3zYLGno5V5plWufVcPIGV2qKtfbP12A8UtDKWLfKxp0="}]},"_npmUser":{"name":"jofelbatutay","email":"jofelbatutay@gmail.com"},"directories":{},"maintainers":[{"name":"jofelbatutay","email":"jofelbatutay@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/bonezegeijs_1.0.2_1782364769953_0.6724440592235112"},"_hasShrinkwrap":false}},"time":{"created":"2026-06-24T18:57:15.176Z","modified":"2026-06-25T05:19:30.204Z","1.0.1":"2026-06-24T18:57:15.560Z","1.0.2":"2026-06-25T05:19:30.102Z"},"bugs":{"url":"https://github.com/bonezegei/BonezegeiJS/issues"},"author":{"name":"Jofel Batutay","url":"Bonezegei"},"license":"MIT","homepage":"https://github.com/bonezegei/BonezegeiJS#readme","keywords":["bonezegei","framework","reactive","ui","jofel batutay","bonezegeiJS"],"repository":{"type":"git","url":"git+https://github.com/bonezegei/BonezegeiJS.git"},"description":"A lightweight reactive UI framework, with storage and websocket support, for building modern web applications.","maintainers":[{"name":"jofelbatutay","email":"jofelbatutay@gmail.com"}],"readme":"# BonezegeiJS\r\n\r\nBonezegeiJS is a lightweight JavaScript DOM framework designed to demonstrate reactive rendering and declarative UI composition in a browser-native environment.\r\n\r\nIt is intended for developers who want a compact, easy-to-understand runtime for managing state, DOM updates, and template-driven behavior without a large dependency footprint.\r\n\r\nIt provides:\r\n\r\n- fine-grained reactive state through `Bonezegei.reactive()`\r\n- declarative template interpolation and directive processing\r\n- element directives such as `b-for`, `b-if`, `b-model`, `b-on`, `b-show`, `b-class`, and `b-style`\r\n- automated DOM updates when the underlying state changes\r\n- a small client-side routing utility via `createRouter()`\r\n\r\n## Utilities (wrappers)\r\n    BonezegeiConnect  (websocket & http)\r\n    BonezegeiStorage  (storage)\r\n## Usage\r\n\r\n```html\r\n<!DOCTYPE html>\r\n<html>\r\n    <head>\r\n        <meta charset='utf-8'>\r\n        <meta http-equiv='X-UA-Compatible' content='IE=edge'>\r\n        <title>Bonezegei Variable Example </title>\r\n    </head>\r\n\r\n    <body>\r\n        <!-- Set ID of the Element -->  \r\n        <div id=\"app\">\r\n        <!-- declare variable {{ variable_name }}-->    \r\n            <h1>{{ variable }} </h1>\r\n        </div>\r\n    </body>\r\n  \r\n    <script type=\"module\">\r\n    import Bonezegei from 'https://cdn.jsdelivr.net/npm/@bonezegei/bonezegeijs@1.0.2/src/Bonezegei.js';\r\n    const bz = new Bonezegei();\r\n    const render = bz.createRenderer();\r\n\r\n    // render( param1, param2 )\r\n    // param1 = ID name of the HTML element [ String ]\r\n    // param2 = Context [ Object ]\r\n    render(\r\n        '#app',                        // ID of the element \r\n        {                              // \r\n            variable: \"Hello World\",   // Set the variable name \"variable\"\r\n        }\r\n    );\r\n    </script>\r\n</html>\r\n```\r\n\r\n## API\r\n\r\n- `Bonezegei.createApp(options)` - initialize the app with `el`, `data`, and `methods`.\r\n- `Bonezegei.reactive(obj, onChange)` - create a reactive proxy object.\r\n- `Bonezegei.createRouter(routes, outletSelector)` - create a basic client-side router.\r\n\r\nBonezegeiJS is ideal for small projects or learning how a DOM-driven reactive library works.\r\n","readmeFilename":"README.md"}