{"id":21420121,"url":"https://github.com/melhosseiny/sourdough","last_synced_at":"2026-02-16T13:03:53.787Z","repository":{"id":77616520,"uuid":"313473641","full_name":"melhosseiny/sourdough","owner":"melhosseiny","description":"Compose user interfaces without frameworks","archived":false,"fork":false,"pushed_at":"2024-11-05T13:49:31.000Z","size":6663,"stargazers_count":2,"open_issues_count":1,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-10-08T04:54:26.580Z","etag":null,"topics":["deno","esm","web-components"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","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/melhosseiny.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":"melhosseiny"}},"created_at":"2020-11-17T01:29:55.000Z","updated_at":"2024-11-07T14:03:23.000Z","dependencies_parsed_at":"2024-06-15T17:49:32.103Z","dependency_job_id":"0eb598e3-6f5f-4fb9-a682-bb67e1d49653","html_url":"https://github.com/melhosseiny/sourdough","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/melhosseiny/sourdough","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/melhosseiny%2Fsourdough","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/melhosseiny%2Fsourdough/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/melhosseiny%2Fsourdough/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/melhosseiny%2Fsourdough/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/melhosseiny","download_url":"https://codeload.github.com/melhosseiny/sourdough/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/melhosseiny%2Fsourdough/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29508740,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-16T09:05:14.864Z","status":"ssl_error","status_checked_at":"2026-02-16T08:55:59.364Z","response_time":115,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":["deno","esm","web-components"],"created_at":"2024-11-22T20:11:56.142Z","updated_at":"2026-02-16T13:03:53.764Z","avatar_url":"https://github.com/melhosseiny.png","language":"JavaScript","funding_links":["https://github.com/sponsors/melhosseiny"],"categories":[],"sub_categories":[],"readme":"# Flare\n\n![](https://github.com/melhosseiny/sourdough/blob/3d0a00c0de64b37cd2de4f72311e3ea4a348bb80/repo.png)\n\n[![deno doc](https://doc.deno.land/badge.svg)](https://doc.deno.land/https://raw.githubusercontent.com/melhosseiny/sourdough/main/sourdough.js)\n\n## Guide\n\n1. [Functional web components](https://warm-dawn.deno.dev/composing-user-interfaces-without-frameworks-part-1)\n\n## How to write a component\n\n`components/hello_world.js`\n\n    import { html, state, web_component, define_component } from \"sourdough\";\n\n    const template = (data) =\u003e html`\n      \u003cp\u003eHello, World!\u003c/p\u003e\n    `\n\n    const style = `\n      p { color: magenta; }\n    `;\n\n    export function hello_world(spec) {\n      let { _root } = spec;\n      const _web_component = web_component(spec);\n      const _state = state(spec);\n\n      const effects = () =\u003e {\n        // add event listeners\n      }\n\n      // component methods\n\n      return Object.freeze({\n        ..._web_component\n        effects\n      })\n    }\n\n    define_component({\n      name: \"hello-world\",\n      component: hello_world,\n      template,\n      style,\n      props: []\n    );\n\n`index.html`\n\n    \u003c!DOCTYPE html\u003e\n    \u003chtml lang=\"en\"\u003e\n      \u003chead\u003e\n        \u003ctitle\u003eMy app\u003c/title\u003e\n        \u003cscript type=\"importmap\"\u003e\n          {\n            \"imports\": {\n              \"sourdough\": \"https://busy-dog-44.deno.dev/melhosseiny/sourdough/main/sourdough.js\"\n            }\n          }\n        \u003c/script\u003e\n      \u003c/head\u003e\n      \u003cbody\u003e\n        \u003chello-world\u003e\u003c/hello-world\u003e\n        \u003cscript type=\"module\"\u003e\n          import { hello_world } from \"./components/hello_world.js\";\n        \u003c/script\u003e\n      \u003c/body\u003e\n    \u003c/html\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmelhosseiny%2Fsourdough","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmelhosseiny%2Fsourdough","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmelhosseiny%2Fsourdough/lists"}