Skip to content

Add example code - #35

Merged
nao1215 merged 1 commit into
mainfrom
nchika/add-example-code
Dec 18, 2024
Merged

nao1215 merged 1 commit into
mainfrom
nchika/add-example-code

Conversation

@nao1215

@nao1215 nao1215 commented Dec 18, 2024 •

Copy link
Copy Markdown
Owner

Summary by CodeRabbit

  • New Features
    • Added support for Architecture Diagrams (beta feature) in the documentation.
    • Introduced example tests for creating Architecture Diagrams, Entity-Relationship Diagrams, Flowcharts, Pie Charts, and Sequence Diagrams.
  • Documentation
    • Updated README.md to include new features and examples related to architecture diagrams.
  • Bug Fixes
    • Improved formatting in various diagrams for better readability and consistency.
  • Tests
    • Added multiple example test functions to demonstrate the usage of new diagram features.

@coderabbitai

coderabbitai Bot commented Dec 18, 2024 •

Copy link
Copy Markdown

Walkthrough

This pull request introduces several enhancements to the Mermaid diagram generation package, focusing on documentation updates and consistent formatting across various diagram types. The changes include adding example test files for different diagram types (architecture, entity-relationship, flowchart, pie chart, and sequence diagrams), updating the README to document new features, and standardizing string formatting across the package. The modifications primarily involve improving code readability and providing comprehensive documentation for the Mermaid diagram generation capabilities.

Changes

File Change Summary
README.md Added documentation for architecture diagrams (beta feature)
doc/architecture/generated.md Removed trailing newline
doc/er/generated.md Standardized ERD diagram indentation
doc/flowchart/generated.md Adjusted flowchart indentation to four spaces
mermaid/arch/examples_test.go New example test for architecture diagrams
mermaid/er/entity.go Updated string formatting with consistent indentation
mermaid/er/examples_test.go New example test for entity-relationship diagrams
mermaid/flowchart/examples_test.go New example test for flowcharts
mermaid/flowchart/link.go Standardized link formatting
mermaid/flowchart/node.go Consistent node formatting
mermaid/piechart/examples_test.go New example test for pie charts
mermaid/sequence/examples_test.go New example test for sequence diagrams

Sequence Diagram

sequenceDiagram
    participant Package as Mermaid Package
    participant README as Documentation
    participant Examples as Example Tests
    
    Package->>README: Add new feature documentation
    Package->>Examples: Create comprehensive test examples
    Examples-->>Package: Validate diagram generation
    README-->>Package: Reflect new capabilities
Loading

Poem

🐰 Diagrams dance with Mermaid's grace,
Code and docs now find their place!
From flowcharts bright to ERDs clear,
Our rabbit coders bring diagrams near!
Beta features hop with glee! 🎉

Tip

CodeRabbit's docstrings feature is now available as part of our Early Access Program! Simply use the command @coderabbitai generate docstrings to have CodeRabbit automatically generate docstrings for your pull request. We would love to hear your feedback on Discord.


Thank you for using CodeRabbit. We offer it for free to the OSS community and would appreciate your support in helping us grow. If you find it useful, would you consider giving us a shout-out on your favorite social media?

❤️ Share
🪧 Tips

Chat

There are 3 ways to chat with CodeRabbit:

  • Review comments: Directly reply to a review comment made by CodeRabbit. Example:
    • I pushed a fix in commit <commit_id>, please review it.
    • Generate unit testing code for this file.
    • Open a follow-up GitHub issue for this discussion.
  • Files and specific lines of code (under the "Files changed" tab): Tag @coderabbitai in a new review comment at the desired location with your query. Examples:
    • @coderabbitai generate unit testing code for this file.
    • @coderabbitai modularize this function.
  • PR comments: Tag @coderabbitai in a new PR comment to ask questions about the PR branch. For the best results, please provide a very specific query, as very limited context is provided in this mode. Examples:
    • @coderabbitai gather interesting stats about this repository and render them as a table. Additionally, render a pie chart showing the language distribution in the codebase.
    • @coderabbitai read src/utils.ts and generate unit testing code.
    • @coderabbitai read the files in the src/scheduler package and generate a class diagram using mermaid and a README in the markdown format.
    • @coderabbitai help me debug CodeRabbit configuration file.

Note: Be mindful of the bot's finite context window. It's strongly recommended to break down tasks such as reading entire modules into smaller chunks. For a focused discussion, use review comments to chat about specific files and their changes, instead of using the PR comments.

CodeRabbit Commands (Invoked using PR comments)

  • @coderabbitai pause to pause the reviews on a PR.
  • @coderabbitai resume to resume the paused reviews.
  • @coderabbitai review to trigger an incremental review. This is useful when automatic reviews are disabled for the repository.
  • @coderabbitai full review to do a full review from scratch and review all the files again.
  • @coderabbitai summary to regenerate the summary of the PR.
  • @coderabbitai generate docstrings to generate docstrings for this PR. (Beta)
  • @coderabbitai resolve resolve all the CodeRabbit review comments.
  • @coderabbitai configuration to show the current CodeRabbit configuration for the repository.
  • @coderabbitai help to get help.

Other keywords and placeholders

  • Add @coderabbitai ignore anywhere in the PR description to prevent this PR from being reviewed.
  • Add @coderabbitai summary to generate the high-level summary at a specific location in the PR description.
  • Add @coderabbitai anywhere in the PR title to generate the title automatically.

CodeRabbit Configuration File (.coderabbit.yaml)

  • You can programmatically configure CodeRabbit by adding a .coderabbit.yaml file to the root of your repository.
  • Please see the configuration documentation for more information.
  • If your editor has YAML language server enabled, you can add the path at the top of this file to enable auto-completion and validation: # yaml-language-server: $schema=https://coderabbit.ai/integrations/schema.v2.json

Documentation and Community

  • Visit our Documentation for detailed information on how to use CodeRabbit.
  • Join our Discord Community to get help, request features, and share feedback.
  • Follow us on X/Twitter for updates and announcements.

@github-actions

Copy link
Copy Markdown

Code Metrics Report

main (09f9d46) #35 (b21c6e4) +/-
Coverage 92.6% 92.6% 0.0%
Test Execution Time 9s 4s -5s
Details
  |                     | main (09f9d46) | #35 (b21c6e4) | +/-  |
  |---------------------|----------------|---------------|------|
  | Coverage            |          92.6% |         92.6% | 0.0% |
  |   Files             |             30 |            30 |    0 |
  |   Lines             |            545 |           545 |    0 |
  |   Covered           |            505 |           505 |    0 |
+ | Test Execution Time |             9s |            4s |  -5s |

Code coverage of files in pull request scope (100.0% → 100.0%)

Files Coverage +/-
mermaid/er/entity.go 100.0% 0.0%
mermaid/flowchart/link.go 100.0% 0.0%
mermaid/flowchart/node.go 100.0% 0.0%

Reported by octocov

Comment thread mermaid/flowchart/examples_test.go
Comment thread mermaid/er/examples_test.go
Comment thread mermaid/arch/examples_test.go
Comment thread mermaid/flowchart/examples_test.go
Comment thread mermaid/er/examples_test.go
Comment thread mermaid/arch/examples_test.go

@coderabbitai coderabbitai Bot left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

Actionable comments posted: 6

🧹 Nitpick comments (8)
mermaid/piechart/examples_test.go (2)

1-2: Document build constraint rationale in package documentation

While the function comment explains why Windows is excluded, it would be helpful to document this at the package level for better visibility.

Add a package comment explaining the build constraint:

//go:build linux || darwin

+// Package piechart_test contains example tests that are skipped on Windows
+// due to newline formatting differences in the expected output.
package piechart_test

17-25: Consider adding validation for negative values

The pie chart creation looks good, but consider adding validation for negative values which wouldn't make sense in a pie chart context.

mermaid/flowchart/examples_test.go (2)

39-39: Fix comment formatting

As indicated by the static analysis tool, add a space after //.

-//```mermaid
+// ```mermaid
🧰 Tools
🪛 golangci-lint (1.62.2)

39-39: commentFormatting: put a space between // and comment text

(gocritic)


17-30: Consider grouping related nodes visually

The flowchart structure is clear, but consider adding visual grouping for related nodes to enhance diagram readability.

Example addition:

        DatabaseNode("D", "Database").
+       SubgraphStart("data_flow", "Data Flow").
        LinkWithArrowHead("A", "B").
        LinkWithArrowHeadAndText("B", "D", "send original data").
        LinkWithArrowHead("B", "C").
        DottedLinkWithText("C", "D", "send filtered data").
+       SubgraphEnd().
mermaid/sequence/examples_test.go (1)

17-35: Consider adding timing indicators

The sequence diagram effectively shows the flow but could benefit from timing indicators for certain operations.

Example enhancement:

        LoopStart("until Subaru wake up").
+       Note("right of David", "Waiting 5 minutes").
        SyncRequest("David", "Subaru", "Wake up!").
mermaid/er/examples_test.go (2)

17-95: Consider extracting entity definitions to helper functions

The entity definitions are quite verbose and repetitive. Consider extracting common patterns into helper functions to improve readability and maintainability.

+ func newTeacherEntity() *er.Entity {
+     return er.NewEntity(
+         "teachers",
+         []*er.Attribute{
+             {Type: "int", Name: "id", IsPrimaryKey: true, IsUniqueKey: true, Comment: "Teacher ID"},
+             {Type: "string", Name: "name", Comment: "Teacher Name"},
+         },
+     )
+ }

97-114: Add comments explaining relationship symbols

The relationship symbols (||, }o, etc.) are documented inline, but consider adding a comment block explaining all possible combinations for better documentation.

+ // Relationship symbols:
+ // || : ExactlyOneRelationship
+ // }o : ZeroToMoreRelationship
+ // |} : OneToMoreRelationship
+ // -- : Identifying relationship
+ // .. : Non-identifying relationship
mermaid/flowchart/flowchart_test.go (1)

217-220: Simplify string concatenation.

The current string concatenation using fmt.Sprintf with //nolint:gosimple can be simplified.

Consider using a raw string literal or string builder:

-    want += fmt.Sprintf("C[\"`**Node C**`\"]\n") //nolint:gosimple
-    want += fmt.Sprintf("    D[\"`Node\n")       //nolint:gosimple
-    want += "D`\"]"
+    want += `C[\"**Node C**\"]
+    D[\"Node
+D\"]`
📜 Review details

Configuration used: CodeRabbit UI
Review profile: CHILL
Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between 09f9d46 and eba19b2.

📒 Files selected for processing (14)
  • README.md (2 hunks)
  • doc/architecture/generated.md (1 hunks)
  • doc/er/generated.md (1 hunks)
  • doc/flowchart/generated.md (1 hunks)
  • mermaid/arch/examples_test.go (1 hunks)
  • mermaid/er/entity.go (3 hunks)
  • mermaid/er/entity_relationship_test.go (1 hunks)
  • mermaid/er/examples_test.go (1 hunks)
  • mermaid/flowchart/examples_test.go (1 hunks)
  • mermaid/flowchart/flowchart_test.go (7 hunks)
  • mermaid/flowchart/link.go (1 hunks)
  • mermaid/flowchart/node.go (2 hunks)
  • mermaid/piechart/examples_test.go (1 hunks)
  • mermaid/sequence/examples_test.go (1 hunks)
✅ Files skipped from review due to trivial changes (6)
  • doc/architecture/generated.md
  • doc/flowchart/generated.md
  • doc/er/generated.md
  • mermaid/flowchart/link.go
  • mermaid/flowchart/node.go
  • mermaid/er/entity.go
🧰 Additional context used
🪛 golangci-lint (1.62.2)
mermaid/flowchart/examples_test.go

39-39: commentFormatting: put a space between // and comment text

(gocritic)


[low] 32-32: G104: Errors unhandled.

(gosec)

mermaid/arch/examples_test.go

101-101: commentFormatting: put a space between // and comment text

(gocritic)


[low] 94-94: G104: Errors unhandled.

(gosec)

mermaid/er/examples_test.go

123-123: commentFormatting: put a space between // and comment text

(gocritic)


[low] 116-116: G104: Errors unhandled.

(gosec)

🔇 Additional comments (6)
mermaid/sequence/examples_test.go (1)

16-16: ⚠️ Potential issue

Function name doesn't match comment

The function comment refers to "ExampleSequence" but the function is named "ExampleDiagram".

Either update the comment or rename the function for consistency:

-// ExampleSequence skip this test on Windows.
+// ExampleDiagram skip this test on Windows.

Likely invalid or redundant comment.

mermaid/arch/examples_test.go (1)

1-2: LGTM: Build tag correctly handles platform-specific test

The build tag appropriately restricts the test to Linux and Darwin platforms due to newline differences on Windows.

mermaid/er/entity_relationship_test.go (1)

136-154: LGTM: Output format is consistent and well-structured

The updated output format with consistent indentation improves readability while maintaining the correct entity relationships.

mermaid/flowchart/flowchart_test.go (2)

43-50: LGTM! Well-structured test case with proper indentation.

The expected output string correctly follows Mermaid syntax and uses consistent 4-space indentation.


74-74: LGTM! Clear and focused test case.

The test case properly validates the top-to-bottom orientation with correct Mermaid syntax.

README.md (1)

12-12: LGTM! Clear and comprehensive documentation update.

The changes effectively:

  • Update the feature list to include architecture diagrams
  • Clearly indicate the beta status of the feature

Also applies to: 39-39

Comment thread mermaid/piechart/examples_test.go
Comment thread mermaid/flowchart/examples_test.go
Comment thread mermaid/sequence/examples_test.go
Comment thread mermaid/arch/examples_test.go
Comment thread mermaid/arch/examples_test.go
Comment thread mermaid/er/examples_test.go
@nao1215
nao1215 merged commit 35441a6 into main Dec 18, 2024
This was referenced Dec 31, 2024
nao1215 added a commit that referenced this pull request Aug 12, 2026
mermaid/c4 builds the C4Context diagram: the people and the software
systems around the one being described. Scope stays there on purpose,
because mermaid marks its C4 support experimental and says the syntax may
change; C4Container, C4Component, C4Dynamic, C4Deployment and the
UpdateElementStyle family can each arrive later as a new method without
changing anything that exists.

A boundary is a pair of calls rather than a callback taking a nested
builder: Boundary, EnterpriseBoundary and SystemBoundary open one and
BoundaryEnd closes it, the way mermaid/treemap walks its own nesting with
Section and Parent. A boundary left open is reported from Build, because
mermaid refuses a diagram whose brace never closes and the whole drawing
is lost.

The escaping was measured against the renderer rather than reasoned
about, and neither escape that looks obvious works. A backslash makes
mermaid refuse the diagram; doubling the quote silently splits the
argument, so Rel(a, b, "x""y") draws "y" as the technology rather than as
part of the label. What C4 implements is its own entity form, so a quote
becomes "#quot;" and a "#" becomes "#35;" ahead of it, or a label holding
"#quot;" would come back as a character the caller never wrote. The title
is the one place the text is unquoted: mermaid takes the rest of the
line, quotes included, so quoting it would draw the quotation marks, and
the escaped pair there is "#" and ";" instead.

The render check learned to decode those escapes. It compares a declared
title against the drawing, and mermaid decodes "#35;" before drawing it,
so without this an escaped title reads as missing. Two fixtures pin both
halves: one that must pass and one whose title really is lost.

Closes #128
nao1215 added a commit that referenced this pull request Aug 12, 2026
* feat(mermaid): add C4 context diagram support

mermaid/c4 builds the C4Context diagram: the people and the software
systems around the one being described. Scope stays there on purpose,
because mermaid marks its C4 support experimental and says the syntax may
change; C4Container, C4Component, C4Dynamic, C4Deployment and the
UpdateElementStyle family can each arrive later as a new method without
changing anything that exists.

A boundary is a pair of calls rather than a callback taking a nested
builder: Boundary, EnterpriseBoundary and SystemBoundary open one and
BoundaryEnd closes it, the way mermaid/treemap walks its own nesting with
Section and Parent. A boundary left open is reported from Build, because
mermaid refuses a diagram whose brace never closes and the whole drawing
is lost.

The escaping was measured against the renderer rather than reasoned
about, and neither escape that looks obvious works. A backslash makes
mermaid refuse the diagram; doubling the quote silently splits the
argument, so Rel(a, b, "x""y") draws "y" as the technology rather than as
part of the label. What C4 implements is its own entity form, so a quote
becomes "#quot;" and a "#" becomes "#35;" ahead of it, or a label holding
"#quot;" would come back as a character the caller never wrote. The title
is the one place the text is unquoted: mermaid takes the rest of the
line, quotes included, so quoting it would draw the quotation marks, and
the escaped pair there is "#" and ";" instead.

The render check learned to decode those escapes. It compares a declared
title against the drawing, and mermaid decodes "#35;" before drawing it,
so without this an escaped title reads as missing. Two fixtures pin both
halves: one that must pass and one whose title really is lost.

Closes #128

* fix: decode a numeric mermaid entity as a code point

mermaid rewrites "#123;" to the HTML reference "&#123;" and lets the
browser resolve it, so a character code truncates anything past U+FFFF:
"#128512;" came out as U+F600 rather than as the emoji, and the render
check would have called a title that is drawn missing. Decode through the
DOM the way mermaid does, and put an astral escape in the fixture so the
difference is what fails if it comes back.

Also spell "color" the way the rest of the repository does.
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.

1 participant