{"_id":"@bokobelin/world.js","_rev":"1-5880653202c8a3d565face95e0b01736","name":"@bokobelin/world.js","dist-tags":{"latest":"1.0.1"},"versions":{"1.0.0":{"name":"@bokobelin/world.js","version":"1.0.0","keywords":["framework"],"author":{"name":"bokobelin"},"license":"ISC","_id":"@bokobelin/world.js@1.0.0","maintainers":[{"name":"bokobelin","email":"alistair.richelle@gmail.com"}],"dist":{"shasum":"56a10a174d41474579005d83298707f0078e37b8","tarball":"https://registry.npmjs.org/@bokobelin/world.js/-/world.js-1.0.0.tgz","fileCount":15,"integrity":"sha512-OMHyhRNO18adXqbprkVrXLrWcOkbM5oy/QVNFi/uHACi4I7hc2HlSe+Bsl1VFf2wOcVYJp5ae0CC/tqO60vpYQ==","signatures":[{"sig":"MEUCID5uWJVxFoy/9JY1O9oj7lt3arZeup26awBtmK7KwQcAAiEAtIdjCQqQZRDK5QWnCuumIA/JmVFZcXoRcJl7411BA74=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":54130},"main":"index.js","gitHead":"bbfb8b4fd0d58656feb7c85f3a4a14dc20ae60ca","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"_npmUser":{"name":"bokobelin","email":"alistair.richelle@gmail.com"},"_npmVersion":"10.8.2","description":"A framework trying to stand out","directories":{},"_nodeVersion":"20.17.0","_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/world.js_1.0.0_1732461584807_0.4302854365257134","host":"s3://npm-registry-packages"}},"1.0.1":{"name":"@bokobelin/world.js","version":"1.0.1","description":"A framework trying to stand out","main":"index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"keywords":["framework"],"author":{"name":"bokobelin"},"license":"ISC","_id":"@bokobelin/world.js@1.0.1","gitHead":"bbfb8b4fd0d58656feb7c85f3a4a14dc20ae60ca","_nodeVersion":"20.17.0","_npmVersion":"10.8.2","dist":{"integrity":"sha512-NbKuJgUpyXNhb9s1tck1V/xWMOGAKugEm7ufYRI0AjikvxA8DMfbnT8kbbOUWuaVAq2s71LTQyIrSCf/YI0zBQ==","shasum":"57c65bb28d41400f81a29815ab430c0cfc17eafc","tarball":"https://registry.npmjs.org/@bokobelin/world.js/-/world.js-1.0.1.tgz","fileCount":18,"unpackedSize":60940,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC9po7lTfFgwQSp9pRu6GI9KuT2IZXKZgxzAw9d9ESCNgIgcZT9SmZij9c7VBO5UowfwyE81ue03GpwgyaVZ8HkB58="}]},"_npmUser":{"name":"bokobelin","email":"alistair.richelle@gmail.com"},"directories":{},"maintainers":[{"name":"bokobelin","email":"alistair.richelle@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/world.js_1.0.1_1732461887236_0.6839153841721681"},"_hasShrinkwrap":false}},"time":{"created":"2024-11-24T15:19:44.648Z","modified":"2024-11-24T15:24:47.622Z","1.0.0":"2024-11-24T15:19:44.974Z","1.0.1":"2024-11-24T15:24:47.457Z"},"author":{"name":"bokobelin"},"license":"ISC","keywords":["framework"],"description":"A framework trying to stand out","maintainers":[{"name":"bokobelin","email":"alistair.richelle@gmail.com"}],"readme":"# World.js\r\nA new javascript framework. No deps. Pure js, no typescript required.\r\n\r\n## IMPORTANT!\r\nSuspense does not work... Except if used with the 'progressive' attribute.\r\n\r\n## What does code in World.js look like?\r\n```\r\n<!-- index.html -->\r\n<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>World.js demo</title>\r\n    <style>\r\n        html, body {\r\n            height: 100%;\r\n            margin: 0;\r\n        }\r\n\r\n        body {\r\n            display: flex;\r\n            flex-direction: column;\r\n        }\r\n\r\n        .content {\r\n            display: flex;\r\n            flex-direction: column;\r\n            min-height: 100vh;\r\n        }\r\n\r\n        .app {\r\n            flex: 1;\r\n        }\r\n\r\n        footer {\r\n            background-color: #f1f1f1;\r\n            text-align: center;\r\n            padding: 1rem;\r\n        }\r\n\r\n        nav {\r\n            background-color: #f1f1f1;\r\n            text-align: center;\r\n            padding: 1rem;\r\n        }\r\n\r\n        a {\r\n            font-size: large;\r\n            font-family: Verdana, Geneva, Tahoma, sans-serif;\r\n        }\r\n    </style>\r\n    <script src=\"../world-router.js\"></script>\r\n    <script src=\"../world-suspense.js\" defer></script>\r\n</head>\r\n<body>\r\n    <div class=\"content\">\r\n        <nav>\r\n            <a href=\"/\" class=\"nav-link\">Home</a>\r\n            <a href=\"/about\" class=\"nav-link\">About</a>\r\n            <a href=\"/contact\" class=\"nav-link\">Contact</a>\r\n            <a href=\"/download\" class=\"nav-link\">Get it now!</a>\r\n        </nav>\r\n        <!--\r\n        <world-suspense waitingtext=\"Please wait...\" delay=\"0\" progressive>\r\n            //<img src=\"res/large-image.png\" alt=\"Large Image\">\r\n            <h1>\r\n                Finished loading!\r\n            </h1>\r\n        </world-suspense>\r\n        -->\r\n        <div id=\"app\"></div>\r\n        <footer>&copy;2024 CodeurGeek</footer>\r\n    </div>\r\n    <script>\r\n        // Usage\r\n        const app = new WorldRouter();\r\n\r\n        /*\r\n\r\n        app.addRoute('/', () => {\r\n            app.defer('HTML', () => {\r\n                console.log('Home page HTML loaded');\r\n                // Do something after HTML is loaded\r\n            });\r\n            app.defer('JS', () => {\r\n                console.log('All scripts loaded');\r\n                // Do something after all scripts are loaded\r\n            });\r\n            return '<h1>Welcome to World.js!</h1>';\r\n        });\r\n\r\n        */\r\n\r\n        app.addRoutePage('/', 'pages/home.html')\r\n\r\n        app.addRoute('/about', () => {\r\n            app.defer('HTML', () => {\r\n                console.log('About page HTML loaded');\r\n                // Do something after HTML is loaded\r\n            });\r\n            return '<h1>About Page</h1>';\r\n        });\r\n\r\n        app.addRoute('/contact', () => '<h1>Contact Page</h1>');\r\n\r\n        app.addRoutePage('/download', 'pages/downloads.html');\r\n\r\n        app.addRoutePage('/learn-defering', 'pages/learning/defering-tutorial.html');\r\n\r\n        app.navigate('/');\r\n    </script>\r\n</body>\r\n</html>\r\n```\r\n\r\n## How do i learn World.js?\r\nBy cloning this repo, and opening tests/index.html.\r\n","readmeFilename":"README.md"}