Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat/vitepress #52

Draft
wants to merge 5 commits into
base: main
Choose a base branch
from
Draft

feat/vitepress #52

wants to merge 5 commits into from

Conversation

Angra974
Copy link
Collaborator

feat: Documentation with Vitepress

Solves #47 #45 #35

Description

the purpose of this pull request:
It's not easy to navigate on the documentation files and find easily the information we need.
With vitepress, we can navigate in the documentation like in a real website as we are in an SPA.
Vitepress use a folder based routing system so it's easy to create navigation and organisation in our file.

What problem does it solve :
Navigate easily in the documentation and help to organize our documentation.
Can add plugins to our documentation website with plugins provide by vite or vitepress.
It's easy to create our "get stated page" as we already know how to install the application and we can navigate in the different page ( of the documentation ) to get the information needed to set it up.
No need to open multiple markdown file and lost ourself inside.

what functionality does it add?
We can use plugin to add functionnalities to vitepress.
One of them is the ability to use mermaid diagram in vitepress, it will solde #45 and we can have these diagram directly in our documentation without the code or with the code alongside the diagrams ( need to duplicate nevertheless :( )

No need for specific user stories or issues ( the issue use for this PR will be closed at the same time the merge will be done).

Testing

  • Describe the testing procedures you followed to verify your changes.
    No testing procedure and no unit test.
    Just installing the vitepress module, make it run and create the documentation with it and reorganized the folder.

Screenshots/Demo (optional)

video shot

Breaking Changes (optional)

No breaking change, all change are made in the docs folder and we need to add scripts in package.json with new modules ( vitepress + vitepress plugin for using mermaid + mermaid )

Checklist

  • I have added unit tests for my changes. (If applicable)
  • I have manually tested the changes and verified they work as expected.
  • I have followed the coding style guide.
  • I have updated the documentation to reflect the changes, including any breaking changes.
  • I have created regression tests for the feature I am adding.

Reviewer Checklist

  • Automated test coverage is satisfactory. (If applicable)
  • PR is fully functional.
  • PR regressions tested.
  • Documentation regarding the PR has been properly updated.

Copy link

render bot commented Mar 24, 2024

@Angra974 Angra974 changed the title Feat/vitepress feat/vitepress Mar 24, 2024
@@ -1,5 +1,9 @@
node_modules

# viteoress cache file
Copy link
Owner

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
# viteoress cache file
# vitepress cache file

@@ -72,11 +76,14 @@
"tsx": "^4.7.1",
"typescript": "^5.1.6",
"vite": "^5.1.0",
"vite-tsconfig-paths": "^4.2.1"
"vite-tsconfig-paths": "^4.2.1",
"vitepress": "1.0.0-rc.45",
Copy link
Owner

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

We can put 1.0.1 now.

@@ -1,5 +1,9 @@
node_modules

# viteoress cache file
/docs/.vitepress/cache
/docs/.vitepress/cache/deps
Copy link
Owner

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
/docs/.vitepress/cache/deps


We have very precise rules over how our Git commit messages must be formatted. This format leads to easier to read commit history.

For more information see [commit-message](commit-message.html)
Copy link
Owner

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Do we need the .html extension? I think it's not needed, especially with Markdown.

export default withMermaid(
defineConfig({
optimizeDeps: {
include: ["dayjs", "mermaid"],
Copy link
Owner

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Why dayjs?

- Remember to update `environment.d.ts
Copy link
Owner

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
- Remember to update `environment.d.ts
- Remember to update `environment.d.ts`

Copy link
Owner

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Can we use vite.config.ts ? Maybe even vite.vitepress.config.ts

@@ -0,0 +1,49 @@
// .vitepress/config.js
Copy link
Owner

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
// .vitepress/config.js

@Angra974 Angra974 marked this pull request as draft March 30, 2024 19:45
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants