implementing-new-features
Implementation guide for new Streamlit features. Use when adding new elements, widgets, or features that span backend, frontend, and protobufs.
Informações da origem
- Repositório
- whitphx/streamlit
- Última atividade na origem
- 3 de fevereiro de 2026 às 18:06
- Idioma detectado do SKILL.md
- inglês
- Estrelas
- 8
- Forks
- 2
Opções de instalação
Por padrão, está selecionado o prompt que primeiro revisa a origem. Você pode mudar para um comando direto ou baixar uma cópia local.
Revise os arquivos de origem
Leia o SKILL.md e os arquivos complementares exibidos pelo SkillsMP antes de decidir se vai instalar.
Exibindo SKILL.md
SKILL.md
Instruções da origem · Visualização somente leitura- name
- implementing-new-features
- description
- Implementation guide for new Streamlit features. Use when adding new elements, widgets, or features that span backend, frontend, and protobufs.
# New Feature Implementation Guide
Most features need implementation in three areas:
- Backend: `lib/streamlit/`
- Frontend: `frontend/`
- Protobufs: `proto/`
New features should include:
- Python unit tests in `lib/tests`
- Vitest unit tests
- E2E Playwright tests in `e2e_playwright/`
## Order of Implementation
1. **Protobuf changes** in `proto/` then run `make protobuf`
- New elements: add to `proto/streamlit/proto/Element.proto`
2. **Backend** in `lib/streamlit/`
- New elements: add to `lib/streamlit/__init__.py`
3. **Python unit tests** in `lib/tests`
- Run: `uv run pytest lib/tests/streamlit/the_test_name.py`
- New elements: add to `lib/tests/streamlit/element_mocks.py`
4. **Frontend** in `frontend/`
- New elements: add to `frontend/lib/src/components/core/Block/ElementNodeRenderer.tsx`
5. **Vitest tests** in `*.test.tsx`
- Run: `cd frontend && yarn vitest lib/src/components/elements/NewElement/NewElement.test.tsx`
6. **E2E Playwright tests** in `e2e_playwright/`
- Run: `make run-e2e-test e2e_playwright/name_of_the_test.py`
7. **Autofix** formatting and linting: `make autofix`
8. **Verify** the implementation: `make check`
Ver no GitHub