{"id":20380750,"url":"https://github.com/stagfoo/joro","last_synced_at":"2026-04-10T02:05:58.513Z","repository":{"id":42718545,"uuid":"277718077","full_name":"stagfoo/joro","owner":"stagfoo","description":"🕷️🕸️   Load dom nodes and strings like dependencies with no duplicates","archived":false,"fork":false,"pushed_at":"2023-07-19T10:13:38.000Z","size":764,"stargazers_count":2,"open_issues_count":1,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-02-18T12:06:16.056Z","etag":null,"topics":["css","css-framework","frontend","functional-programming","javascript","jss","template-literals"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/stagfoo.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null},"funding":{"github":null,"patreon":null,"open_collective":null,"ko_fi":"stagfoo","tidelift":null,"community_bridge":null,"liberapay":"stagfoo","issuehunt":null,"otechie":null,"lfx_crowdfunding":null,"custom":null}},"created_at":"2020-07-07T04:39:55.000Z","updated_at":"2024-07-28T23:55:45.000Z","dependencies_parsed_at":"2025-01-15T06:50:24.682Z","dependency_job_id":"a3b083b9-2128-42fa-b4d7-acb0a1a787d9","html_url":"https://github.com/stagfoo/joro","commit_stats":{"total_commits":44,"total_committers":4,"mean_commits":11.0,"dds":"0.34090909090909094","last_synced_commit":"b644f4e1699f21261d4f7b75095f06134599106d"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stagfoo%2Fjoro","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stagfoo%2Fjoro/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stagfoo%2Fjoro/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stagfoo%2Fjoro/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/stagfoo","download_url":"https://codeload.github.com/stagfoo/joro/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":241929980,"owners_count":20044068,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["css","css-framework","frontend","functional-programming","javascript","jss","template-literals"],"created_at":"2024-11-15T02:08:58.138Z","updated_at":"2025-12-31T01:02:44.685Z","avatar_url":"https://github.com/stagfoo.png","language":"TypeScript","readme":"\u003cp align=\"center\"\u003e\u003cimg width=\"300px\" src=\"docs/github-logo.png\" /\u003e\n\u003c/p\u003e\n\u003cp align=\"center\"\u003eLoad dom nodes and strings like dependencies with no duplicates\u003c/p\u003e\n\u003chr\u003e\n\u003cp align=\"center\"\u003e\n\u003ca href=\"https://opensource.org/licenses/MIT\"\u003e\n  \u003cimg src=\"https://img.shields.io/badge/License-MIT-yellow.svg\" /\u003e\n\u003c/a\u003e\n\u003c/p\u003e\n\n---\n\n# Installation\n\n```\nnpm install joro --save\n```\n\n# Why make this?\n- JSS is over complicated for small projects\n- Its easy to add styles for functional components\n- its tiny, simple functional and i love using it.\n\n\n## Examples\n\n```js\n\nvar html = require('nanohtml')\nvar joro = require('joro');\n\nvar styles = new joro();\n\nfunction HeaderComponent(){\n    styles.add(\"HeaderComponent\", `\n        h1 { color: hotpink }\n    `)\n    var el = html`\n        \u003ch1\u003eHello planet\u003c/h1\u003e\n    `\n    document.body.appendChild(el)\n}\n```\ncongratulation its a functional component 🎉\n\nYou can add HTML nodes on route change of styles, mount points or anything! 🌈\n\n ```js\nvar page = require('pagejs')\nvar styles = new joro();\n\npage('/user', () =\u003e {\n    styles.add(\"HeaderComponent\", `\n        .user-profile { color: hotpink }\n    `)\n    loadTheUI();\n})\n ```\n \n #Support\n \n [![ko-fi](https://ko-fi.com/img/githubbutton_sm.svg)](https://ko-fi.com/H2H616GHW)\n","funding_links":["https://ko-fi.com/stagfoo","https://liberapay.com/stagfoo","https://ko-fi.com/H2H616GHW"],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fstagfoo%2Fjoro","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fstagfoo%2Fjoro","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fstagfoo%2Fjoro/lists"}