{"id":22116071,"url":"https://github.com/halfenif/test_streamlit_component","last_synced_at":"2026-05-03T19:34:45.913Z","repository":{"id":246152192,"uuid":"820253264","full_name":"halfenif/test_streamlit_component","owner":"halfenif","description":"simple Streamlit custom component","archived":false,"fork":false,"pushed_at":"2024-06-26T05:52:13.000Z","size":237,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-24T05:34:46.270Z","etag":null,"topics":["sample","streamlit","streamlit-component"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/halfenif.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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-06-26T05:37:52.000Z","updated_at":"2024-06-26T05:52:16.000Z","dependencies_parsed_at":"2024-06-26T07:03:12.790Z","dependency_job_id":"252c898f-fd55-4cd6-8177-57bc27116bf6","html_url":"https://github.com/halfenif/test_streamlit_component","commit_stats":null,"previous_names":["halfenif/test_streamlit_component"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/halfenif/test_streamlit_component","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/halfenif%2Ftest_streamlit_component","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/halfenif%2Ftest_streamlit_component/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/halfenif%2Ftest_streamlit_component/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/halfenif%2Ftest_streamlit_component/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/halfenif","download_url":"https://codeload.github.com/halfenif/test_streamlit_component/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/halfenif%2Ftest_streamlit_component/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32582840,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-03T06:36:36.687Z","status":"ssl_error","status_checked_at":"2026-05-03T06:36:09.306Z","response_time":103,"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":["sample","streamlit","streamlit-component"],"created_at":"2024-12-01T12:19:09.472Z","updated_at":"2026-05-03T19:34:45.896Z","avatar_url":"https://github.com/halfenif.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# test_streamlit_component\n\n![](doc/screen.01.png)\n\n## 목적\n- Streamlit에서 custom component를 만든다\n\n## Install\n### clone\n```bash\ngit clone https://github.com/halfenif/test_streamlit_component.git\n```\n\n### Python Venv\n```bash\npython -m venve venv\n. venv/bin/activate\n./install.sh\n```\n\n### NPM\n```bash\ncd my_component/frontend\nnpm install\nnpm build\nnpm run start\n```\n\n### Streamlit\n```bash\nstreamlit run app.py\n\n```\n\n## Config\nconfig url or file : my_component/\\_\\_init__.py\n\u003e Streamlit이 custom component를 호출 할 때 사용할 url 혹은 build된 html file\n\nStreamlit.setComponentReady() : my_component/frontend/src/index.tsx\n\u003e HTML(Script)에서 setComponentReady()가 호출되어야 한다.\n\n## 기타\n- 처음 시작은 streamlit으로 만들어진 google oauth컴포넌트였다\n- 컴포넌트를 조작하다가 보면 Popup Window가 생성하는데 이것이 Streamlit의 컴포넌트가 하는 것인지 내부적(예, httpx-oauth)으로 뭔가가 하는 것인지 알수가 없었다.\n- 결국 Streamlit custom component를 하나 만들어보고나서야 이해하게 된다.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhalfenif%2Ftest_streamlit_component","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhalfenif%2Ftest_streamlit_component","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhalfenif%2Ftest_streamlit_component/lists"}