{"id":13902876,"url":"https://github.com/arcanis/terminosaurus","last_synced_at":"2025-04-05T11:07:59.406Z","repository":{"id":229233339,"uuid":"768341268","full_name":"arcanis/terminosaurus","owner":"arcanis","description":"Agnostic terminal GUI library for TypeScript, distributed with a native React renderer","archived":false,"fork":false,"pushed_at":"2025-02-23T20:20:08.000Z","size":1368,"stargazers_count":149,"open_issues_count":2,"forks_count":4,"subscribers_count":4,"default_branch":"main","last_synced_at":"2025-03-29T10:05:58.226Z","etag":null,"topics":["cli","command-line","flexbox","gui","interactive","react","typescript"],"latest_commit_sha":null,"homepage":"http://mael.dev/terminosaurus/","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/arcanis.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"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}},"created_at":"2024-03-06T22:50:39.000Z","updated_at":"2025-03-24T13:44:42.000Z","dependencies_parsed_at":"2025-01-16T00:44:40.987Z","dependency_job_id":"9f35a8d5-94d8-4caa-a7b7-0ecc65484657","html_url":"https://github.com/arcanis/terminosaurus","commit_stats":null,"previous_names":["arcanis/terminosaurus"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/arcanis%2Fterminosaurus","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/arcanis%2Fterminosaurus/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/arcanis%2Fterminosaurus/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/arcanis%2Fterminosaurus/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/arcanis","download_url":"https://codeload.github.com/arcanis/terminosaurus/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247325693,"owners_count":20920714,"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":["cli","command-line","flexbox","gui","interactive","react","typescript"],"created_at":"2024-08-06T22:01:28.738Z","updated_at":"2025-04-05T11:07:59.385Z","avatar_url":"https://github.com/arcanis.png","language":"TypeScript","funding_links":[],"categories":["cli","TypeScript"],"sub_categories":[],"readme":"# \u003cimg src=\"./logo.svg\"/\u003e\n\nTerminosaurus is a DOM-like UI library for TypeScript that makes it easy to build powerful graphical interfaces for your terminal without having to deal with complex positioning or state updates.\n\n## Features\n\n- Framework-agnostic API\n- React renderer\n- Advanced layout positioning\n- Event handlers\n- Text wrapping\n- CSS properties\n- Fast rendering\n\n## Getting Started\n\n\u003ctable\u003e\u003ctr\u003e\n\u003cth\u003eFramework Agnostic\u003c/th\u003e\n\u003cth\u003eReact Syntax\u003c/th\u003e\n\u003c/tr\u003e\u003ctr\u003e\u003ctd\u003e\n\n```ts\nimport {\n    TermElement,\n    TermText,\n    run,\n} from 'terminosaurus';\n\nrun({}, async screen =\u003e {\n    const text = new TermText();\n    text.appendTo(screen.rootNode);\n\n    let counter = 0;\n\n    const increaseCounter = () =\u003e {\n        counter += 1;\n        text.setText(`Counter: ${counter}`);\n    };\n\n    text.onClick.addEventListener(() =\u003e {\n        increaseCounter();\n    });\n\n    increaseCounter();\n});\n```\n\n\u003c/td\u003e\u003ctd\u003e\n\n```tsx\nimport {\n    useState\n} from 'react'\nimport {\n    render,\n} from 'terminosaurus/react';\n\nfunction App() {\n    const [counter, setCounter] = useState(0);\n\n    const increaseCounter = () =\u003e {\n        setCounter(counter + 1);\n    };\n\n    return (\n        \u003cterm:div onClick={increaseCounter}\u003e\n            Counter: {counter}\n        \u003c/term:div\u003e\n    );\n}\n\nrender({}, \u003cApp/\u003e);\n```\n\n\u003c/td\u003e\u003c/tr\u003e\u003c/table\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Farcanis%2Fterminosaurus","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Farcanis%2Fterminosaurus","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Farcanis%2Fterminosaurus/lists"}