Release workflow test

.github/workflows/release.yml

@@ -0,0 +1,51 @@
+name: Release curriculum
+
+on:
+  pull_request:
+    branches:
+      - main
+
+jobs:
+  build_dist:
+    name: Build dist files
+    if: ${{ github.head_ref == 'next' || github.head_ref == 'release_workflow_test'}}
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v3
+        with:
+          node-version: '16'
+      - run: npm ci
+  version_tag_release:
+    - name: Version and tag release
+      id: version_tag_release # npm version will tag release automatically git-tag-release
+      steps:
+        - name: Parse changelog
+          id: get_changelog
+          run: npm run changelog
+          outputs:
+            changelog: ${{ steps.get_changelog.outputs }}
+          env:
+            isMajor: ${{ steps.get_changelog.outputs.contains('!:')}}
+            isMinor: ${{ steps.get_changelog.outputs.contains('feat') && !env.isMajor }}
+        - name: Increment version
+          id: bump_version
+          run: npm version ${{ (env.isMajor && 'major') || (env.isMinor && 'minor') || 'patch' }} -m 'chore(release): Bumps version to v%s and updates dist files'
+          outputs:
+            new_tag: ${{ steps.bump_version.outputs }}
+  create_release:
+    - name: Create release
+      id: create_release
+      steps:
+        - name: Make notes
+          id: make_notes
+          uses: mikepenz/release-changelog-builder-action@{latest-release}
+        - name: Make release draft
+          id: release_draft
+          run: echo "Creating release draft"
+          # run: |
+          #     gh release create ${{jobs.version_tag_release.outputs.new_tag}} \
+          #         --repo="$GITHUB_REPOSITORY" \
+          #         --title="${GITHUB_REPOSITORY#*/} ${{jobs.version_tag_release.outputs.new_tag}}" \
+          #         --notes ${{steps.make_notes.outputs.changelog}} \
+          #         --draft

package.json

@@ -32,7 +32,10 @@
     "preview": "vite preview",
     "test": "vitest run ./src/components/**/*.spec.jsx",
     "link-parser": "rm -rf node_modules/@laboratoria/curriculum-parser && ln -s ../../../curriculum-parser node_modules/@laboratoria/",
-    "link-react": "rm -rf node_modules/@laboratoria/react && ln -s ../../../react node_modules/@laboratoria/"
+    "link-react": "rm -rf node_modules/@laboratoria/react && ln -s ../../../react node_modules/@laboratoria/",
+    "preversion": "npm test",
+    "version": "rm -rf dist && npm run build:content && git add -A dist",
+    "postversion": "echo 'post versioning should do git push and git push --tags'"
   },
   "dependencies": {
     "@emotion/react": "^11.11.3",
@@ -51,7 +54,7 @@
     "react-dom": "^17.0.2",
     "react-intl": "^6.5.5",
     "react-router-dom": "^6.20.1",
-    "vite": "^5.0.11",
+    "vite": "^5.0.12",
     "web-vitals": "^3.5.1"
   },
   "devDependencies": {

projects/02-dataverse/README.pt.md

@@ -138,7 +138,7 @@ implementadas:
 * A aplicação deve permitir à usuária filtrar os dados. Você usará
   um elemento [`<select>`](https://developer.mozilla.org/pt-BR/docs/Web/HTML/Element/select)
   com [um atributo de dados](https://developer.mozilla.org/pt-BR/docs/Learn/HTML/Howto/Use_data_attributes)
-  `data-testid="selecionar-filtro"`, e um atributo `name` com o nome
+  `data-testid="select-filter"`, e um atributo `name` com o nome
   da propriedade pela qual irá filtrar (por exemplo, se for filtrar por "tipo",
   o `<select>` terá `name="tipo"`). Os `<option>` deste `<select>` deverão
   ter no atributo `value` o valor do filtro (por exemplo, se for filtrar
@@ -148,19 +148,19 @@ implementadas:
   - Terá pelo menos um controle `<select>` para ordenar.
   - Se usar apenas um controle `<select>`, deve ter
     [um atributo de dados](https://developer.mozilla.org/pt-BR/docs/Learn/HTML/Howto/Use_data_attributes)
-    `data-testid="selecionar-ordenar"` e um atributo `name` com o nome da
+    `data-testid="select-sort"` e um atributo `name` com o nome da
     propriedade pela qual irá ordenar (por exemplo, se for ordenar por
     "num" seria `name="num"`). Este `<select>` terá dois [`<option>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/option)
     com `value` `asc` e `desc`, para ordenar de forma ascendente e descendente
     respectivamente (por exemplo, `<option value="asc">A - Z</option>`).
   - Uma alternativa é oferecer à usuária uma ordenação mais complexa.
     Pode implementar a ordenação por várias propriedades. Neste caso, seria com
-    um `<select>` com um atributo de dados `data-testid="selecionar-ordenar"`,
+    um `<select>` com um atributo de dados `data-testid="select-sort"`,
     e que contenha filhos `<option>` com um `value` com o nome da propriedade
     pela qual irá ordenar. (Por exemplo, `<option value="nome">Nome</option>`).
     Além disso, você precisará de outro controle (`<radio>`,`<select>`, etc.)
     para indicar se a ordenação é ascendente ou descendente. Esse controle
-    secundário terá um atributo `name="ordem-ordenacao"`, e terá valores
+    secundário terá um atributo `name="sort-order"`, e terá valores
     `asc` e `desc`.
 
 * As funcionalidades de ordenação devem operar sobre os dados filtrados.
@@ -170,7 +170,7 @@ implementadas:
 
 * A aplicação deve permitir à usuária reiniciar a aplicação, limpando
   filtros e ordenamentos, com um `<button>` com um atributo de dados
-  `data-testid="botao-limpar"`.
+  `data-testid="button-clear"`.
 
 * As operações de filtrar, ordenar, limpar, etc. não devem recarregar
   a página, mas sim adicionar conteúdo de maneira

projects/03-dataverse-chat/README.pt.md

@@ -7,10 +7,11 @@
 * [3. Considerações gerais](#3-considerações-gerais)
 * [4. Funcionalidades](#4-funcionalidades)
 * [5. Considerações técnicas](#5-considerações-técnicas)
-* [6. Critérios de aceitação mínimos do projeto](#6-critérios-de-aceitação-mínimos-do-projeto)
-* [7. Objetivos de aprendizagem](#7-objetivos-de-aprendizagem)
-* [8. Dicas, guias e leituras complementares](#8-dicas-guias-e-leituras-complementares)
-* [9. Considerações para solicitar seu Feedback do Projeto](#9-considerações-para-solicitar-seu-feedback-do-projeto)
+* [6. Marcos](#6-Marcos)
+* [7. Critérios de aceitação mínimos do projeto](#7-critérios-de-aceitação-mínimos-do-projeto)
+* [8. Objetivos de aprendizagem](#8-objetivos-de-aprendizagem)
+* [9. Dicas, guias e leituras complementares](#9-dicas-guias-e-leituras-complementares)
+* [10. Considerações para solicitar seu Feedback do Projeto](#10-considerações-para-solicitar-seu-feedback-do-projeto)
 
 ***
 
@@ -259,7 +260,27 @@ os estilos necessários para a sua aplicação.
 Esta pasta contém os testes das suas funções e componentes. Por exemplo, os
 testes das `dataFunctions` devem estar aqui.
 
-## 6. Critérios de aceitação mínimos do projeto
+## 6. Marcos
+
+Para resolver um problema,
+é importante compreendê-lo em profundidade.
+Uma forma de fazer isso é desmembrá-lo em problemas menores.
+Isso nos ajudará a identificar as causas do problema e
+a desenvolver soluções mais eficazes.
+
+Neste projeto, sugerimos que trabalhe por marcos.
+Isso permitirá que você se concentre em um problema de cada vez e
+acompanhe seu progresso.
+A seguir, apresentamos um cronograma de marcos que
+pode ajudá-lo a organizar seu trabalho.
+
+* [Marco 1](./docs/01-milestone.md)
+* [Marco 2](./docs/02-milestone.md)
+* [Marco 3](./docs/03-milestone.md)
+* [Marco 4](./docs/04-milestone.md)
+* [Marco 5](./docs/05-milestone.md)
+
+## 7. Critérios de aceitação mínimos do projeto
 
 Além das funcionalidades que definimos na seção de [Funcionalidades](#4-funcionalidades),
 o seu projeto deve atender aos seguintes requisitos:
@@ -344,7 +365,7 @@ _functions_ (_funções_), _lines_ (_linhas_) e _branches_ (_ramos_) do arquivo
 `src/dataFunctions.js`, que contém as suas funções e é detalhado na seção de
 [Considerações técnicas](#5-considerações-técnicas).
 
-## 7. Objetivos de aprendizagem
+## 8. Objetivos de aprendizagem
 
 > ℹ️ Esta seção será automaticamente gerada no idioma apropriado, com base nos
 > objetivos de aprendizagem declarados em [`project.yml`](./project.yml),
@@ -353,11 +374,11 @@ _functions_ (_funções_), _lines_ (_linhas_) e _branches_ (_ramos_) do arquivo
 > Aqui você pode conferir uma [lista de todos os objetivos de aprendizagem](../../learning-objectives/data.yml)
 > que contempla nossa grade curricular.
 
-## 8. Dicas, guias e leituras complementares
+## 9. Dicas, guias e leituras complementares
 
 ### Primeiros passos
 
-Junte-se ao canal Slack [#project-dataverse-chat](https://claseslaboratoria.slack.com/archives/C03MV35EP5M)
+Junte-se ao canal Slack [#project-dataverse-chat-pt](https://claseslaboratoria.slack.com/archives/C06GE35H7B7)
 para conversar e pedir ajuda sobre o projeto.
 
 Sugerimos algumas tarefas para iniciar o projeto. Não é
@@ -451,7 +472,7 @@ sua aplicação.
 * [Vercel](https://vercel.com/)
 * [Netlify](https://www.netlify.com/)
 
-## 9. Considerações para solicitar seu Feedback do Projeto
+## 10. Considerações para solicitar seu Feedback do Projeto
 
 Antes de agendar seu Feedback do Projeto com um coach, certifique-se de que
 seu projeto:

projects/03-dataverse-chat/docs/01-milestone.pt.md

@@ -0,0 +1,56 @@
+# **MARCO 1:** SPA
+
+Bem-vinda ao primeiro marco do seu aprendizado em JavaScript
+através de projetos. Neste marco, você começará construindo uma
+[SPA](https://pt.wikipedia.org/wiki/Aplicativo_de_p%C3%A1gina_%C3%BAnica)
+(Single Page Application).
+
+## Tarefas deste marco
+
+- [Protótipo de Dataverse](#prototipo-de-dataverse)
+- [Criação de Visualizações da SPA](#criação-de-visualizações-da-spa)
+
+### Protótipo de Dataverse
+
+Projete as visualizações da página inicial, onde serão apresentados
+os elementos do seu conjunto de dados, bem como as visualizações de
+Chat Individual e Chat em Grupo. A premissa é otimizar e
+reutilizar o design do protótipo do projeto anterior,
+incorporando exclusivamente a visualização de chat individual e/ou
+chat em grupo, evitando a necessidade de reinventá-lo.
+
+É fundamental que a sua proposta visual não apenas reflita a
+essência da sua solução ideal, mas também siga
+estritamente os princípios fundamentais do
+[design visual](https://coda.io/d/Bootcamp-UX-Contenido_dqkqk2rV9Z2/Diseno-de-interfaces_suOT7#_luWsQ).
+
+> [!TIP]
+> Use a identidade visual ou o protótipo do seu projeto anterior.
+
+### Criação de Visualizações da SPA
+
+  1. Seguindo este [guia](https://github.com/Laboratoria/curriculum/blob/main/guides/router-spa/README.pt.md),
+  vá até a pasta `views`.
+  2. Crie dois arquivos: `Home.js` e `About.js`,
+  cada um desses arquivos representará uma visualização.
+  3. Dentro de cada arquivo, adicione pelo menos um elemento ou
+  texto representativo da visualização correspondente.
+
+![Pré-visualização spa](./assets/previewSPA.gif)
+
+## Precisa de Ajuda?
+
+Se em algum momento você tiver dúvidas ou perguntas durante o desenvolvimento
+deste projeto, não hesite em procurar ajuda!
+Lembre-se de que você pode contar com:
+
+- **Documentação do Projeto:** Certifique-se de revisar cuidadosamente a
+documentação fornecida no [README](../README.md); especialmente as
+dicas, sugestões e leituras complementares.
+
+- **Coaches:** Os coaches estão aqui para ajudar você.
+Se você enfrentar obstáculos que a documentação não resolve ou se precisar
+de uma explicação mais detalhada, não hesite em solicitar uma OH ou
+nos enviar uma mensagem pelo Slack.
+
+[👈Todos os marcos](../README.md#6-marcos)