Skip to content

Conversation

@tharindulak
Copy link
Member

@tharindulak tharindulak commented Dec 10, 2025

Purpose

$subject.

Goals

Describe the solutions that this feature/fix will introduce to resolve the problems described above

Approach

Describe how you are implementing the solutions. Include an animated GIF or screenshot if the change affects the UI (email [email protected] to review all UI text). Include a link to a Markdown file or Google doc if the feature write-up is too long to paste here.

UI Component Development

Specify the reason if following are not followed.

  • Added reusable UI components to the ui-toolkit. Follow the intructions when adding the componenent.
  • Use ui-toolkit components wherever possible. Run npm run storybook from the root directory to view current components.
  • Matches with the native VSCode look and feel.

Manage Icons

Specify the reason if following are not followed.

  • Added Icons to the font-wso2-vscode. Follow the instructions.

User stories

Summary of user stories addressed by this change>

Release note

Brief description of the new feature or bug fix as it will appear in the release notes

Documentation

Link(s) to product documentation that addresses the changes of this PR. If no doc impact, enter “N/A” plus brief explanation of why there’s no doc impact

Training

Link to the PR for changes to the training content in https://github.com/wso2/WSO2-Training, if applicable

Certification

Type “Sent” when you have provided new/updated certification questions, plus four answers for each question (correct answer highlighted in bold), based on this change. Certification questions/answers should be sent to [email protected] and NOT pasted in this PR. If there is no impact on certification exams, type “N/A” and explain why.

Marketing

Link to drafts of marketing content that will describe and promote this feature, including product page changes, technical articles, blog posts, videos, etc., if applicable

Automation tests

  • Unit tests

    Code coverage information

  • Integration tests

    Details about the test cases and coverage

Security checks

Samples

Provide high-level details about the samples related to this feature

Related PRs

List any other related PRs

Migrations (if applicable)

Describe migration steps and platforms on which migration has been tested

Test environment

List all JDK versions, operating systems, databases, and browser/versions on which this feature/fix was tested

Learning

Describe the research phase and any blog posts, patterns, libraries, or add-ons you used to solve the problem.

Summary by CodeRabbit

  • Style

    • Updated icon glyphs across Ballerina, Choreo, and MI extensions for improved visual consistency and a refreshed appearance.
  • Chores

    • Downgraded/changed the font generation tool version used for icon builds.

✏️ Tip: You can customize this high-level summary in your review settings.

@coderabbitai
Copy link
Contributor

coderabbitai bot commented Dec 10, 2025

Walkthrough

Icon glyph definitions updated in three VS Code extension manifests and the fantasticon devDependency version changed in the font library package; no functional or behavioral code changes.

Changes

Cohort / File(s) Summary
Ballerina extension icons
workspaces/ballerina/ballerina-extension/package.json
Updated fontCharacter values for 4 icon definitions: distro-design-view (\f16e\f19d), distro-start (\f11a\f213), distro-debug (\f171\f198), distro-persist-diagram (\f133\f1ee)
Choreo extension default icon
workspaces/choreo/choreo-extension/package.json
Updated default icon fontCharacter from \f180\f183
MI extension icons
workspaces/mi/mi-extension/package.json
Updated fontCharacter values for 2 icon definitions: distro-design-view (\f16e\f19d), distro-build-package (\f185\f178)
Font library dependency
workspaces/common-libs/font-wso2-vscode/package.json
Downgraded fantasticon devDependency from ^3.0.0^1.2.3

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~3 minutes

  • Focus review on the four manifests listed above.
  • Verify icon glyphs render correctly in targeted VS Code environments.
  • Confirm the downgraded fantasticon version produces the expected font output in the build pipeline.

Poem

🐰 I hopped through JSON fields so bright,
Swapped glyphs that flicker in the night,
A choreo twirl, a ballerina spin,
MI's small tweak — a tiny win,
Fantasticon rests, the fonts delight. 🎨

Pre-merge checks and finishing touches

❌ Failed checks (1 warning, 1 inconclusive)
Check name Status Explanation Resolution
Description check ⚠️ Warning The PR description is largely incomplete, containing multiple unfilled placeholders and checked checklist items without supporting details or evidence. Complete all required sections with concrete information: fill Purpose/Goals/Approach with actual details, provide test environment specifics, answer security checks, and explain the Windows font lib issue and its resolution.
Title check ❓ Inconclusive The title 'Fix font lib issue in windows' is partially related to the changeset but lacks specificity about the actual changes made. Clarify the title to better reflect the specific changes, such as 'Update icon font glyphs and fix fantasticon dependency version' or provide more context about the Windows-specific issue being addressed.
✅ Passed checks (1 passed)
Check name Status Explanation
Docstring Coverage ✅ Passed No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
✨ Finishing touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Post copyable unit tests in a comment

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands and usage tips.

Copy link
Contributor

@coderabbitai coderabbitai bot left a comment

Choose a reason for hiding this comment

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

Actionable comments posted: 1

📜 Review details

Configuration used: CodeRabbit UI

Review profile: CHILL

Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between b3d5418 and 92cc974.

⛔ Files ignored due to path filters (1)
  • common/config/rush/pnpm-lock.yaml is excluded by !**/pnpm-lock.yaml
📒 Files selected for processing (4)
  • workspaces/ballerina/ballerina-extension/package.json (2 hunks)
  • workspaces/choreo/choreo-extension/package.json (1 hunks)
  • workspaces/common-libs/font-wso2-vscode/package.json (1 hunks)
  • workspaces/mi/mi-extension/package.json (1 hunks)
🧰 Additional context used
🧠 Learnings (3)
📚 Learning: 2025-11-25T06:34:10.812Z
Learnt from: CR
Repo: wso2/vscode-extensions PR: 0
File: workspaces/ballerina/component-diagram/AGENTS.md:0-0
Timestamp: 2025-11-25T06:34:10.812Z
Learning: Applies to workspaces/ballerina/component-diagram/src/resources/icons/**/*.tsx : Create separate SVG icon components in src/resources/icons/ for all diagram icons and import them as React components

Applied to files:

  • workspaces/ballerina/ballerina-extension/package.json
  • workspaces/choreo/choreo-extension/package.json
📚 Learning: 2025-11-25T06:34:10.812Z
Learnt from: CR
Repo: wso2/vscode-extensions PR: 0
File: workspaces/ballerina/component-diagram/AGENTS.md:0-0
Timestamp: 2025-11-25T06:34:10.812Z
Learning: Applies to workspaces/ballerina/component-diagram/src/**/*.{ts,tsx} : Define all constants (node types, sizing, spacing) in src/resources/constants.ts and import them where needed instead of hardcoding values

Applied to files:

  • workspaces/ballerina/ballerina-extension/package.json
📚 Learning: 2025-11-25T06:34:10.812Z
Learnt from: CR
Repo: wso2/vscode-extensions PR: 0
File: workspaces/ballerina/component-diagram/AGENTS.md:0-0
Timestamp: 2025-11-25T06:34:10.812Z
Learning: Applies to workspaces/ballerina/component-diagram/**/*.config.{js,ts} : Use minimatch-compatible glob patterns for file matching in build and test configuration files

Applied to files:

  • workspaces/ballerina/ballerina-extension/package.json
🔇 Additional comments (3)
workspaces/choreo/choreo-extension/package.json (1)

161-161: Verify icon glyph \f183 exists in regenerated font file.

The icon character has been updated to \f183. Please ensure the new glyph exists in the compiled wso2-vscode.woff file post-build to avoid rendering failures.

workspaces/mi/mi-extension/package.json (1)

966-966: Verify icon glyphs exist in regenerated font file.

Two icon character values have been updated:

  • distro-design-view: \f19d (shared with ballerina-extension)
  • distro-build-package: \f178

Ensure both glyphs are present in the compiled wso2-vscode.woff after the font build completes.

Also applies to: 973-973

workspaces/ballerina/ballerina-extension/package.json (1)

1014-1014: Verify all four icon glyphs exist in regenerated font file.

Four icon character values have been updated:

  • distro-design-view: \f19d (consistent with MI extension)
  • distro-start: \f213
  • distro-debug: \f198
  • distro-persist-diagram: \f1ee

Ensure all glyphs are present in the compiled wso2-vscode.woff after the font build with the updated fantasticon version completes.

Also applies to: 1021-1021, 1028-1028, 1042-1042

Copy link
Contributor

@coderabbitai coderabbitai bot left a comment

Choose a reason for hiding this comment

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

Actionable comments posted: 0

🧹 Nitpick comments (1)
workspaces/ballerina/ballerina-extension/package.json (1)

1004-1004: Document the Windows font issue in the PR description.

The PR description is largely placeholder text with no explanation of what Windows-specific issue these glyph updates fix (e.g., rendering bug, missing glyphs, font-loading failure on Windows). Update the PR description to clearly state the problem and how these changes resolve it, for future maintainability and clarity.

Also applies to: 1011-1011, 1018-1018, 1032-1032

📜 Review details

Configuration used: CodeRabbit UI

Review profile: CHILL

Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between 92cc974 and 4c453e8.

⛔ Files ignored due to path filters (1)
  • common/config/rush/pnpm-lock.yaml is excluded by !**/pnpm-lock.yaml
📒 Files selected for processing (2)
  • workspaces/ballerina/ballerina-extension/package.json (2 hunks)
  • workspaces/mi/mi-extension/package.json (1 hunks)
🚧 Files skipped from review as they are similar to previous changes (1)
  • workspaces/mi/mi-extension/package.json
🧰 Additional context used
🧠 Learnings (4)
📚 Learning: 2025-11-25T06:34:10.812Z
Learnt from: CR
Repo: wso2/vscode-extensions PR: 0
File: workspaces/ballerina/component-diagram/AGENTS.md:0-0
Timestamp: 2025-11-25T06:34:10.812Z
Learning: Applies to workspaces/ballerina/component-diagram/src/resources/icons/**/*.tsx : Create separate SVG icon components in src/resources/icons/ for all diagram icons and import them as React components

Applied to files:

  • workspaces/ballerina/ballerina-extension/package.json
📚 Learning: 2025-11-25T06:34:10.812Z
Learnt from: CR
Repo: wso2/vscode-extensions PR: 0
File: workspaces/ballerina/component-diagram/AGENTS.md:0-0
Timestamp: 2025-11-25T06:34:10.812Z
Learning: Applies to workspaces/ballerina/component-diagram/src/**/*.{ts,tsx} : Define all constants (node types, sizing, spacing) in src/resources/constants.ts and import them where needed instead of hardcoding values

Applied to files:

  • workspaces/ballerina/ballerina-extension/package.json
📚 Learning: 2025-11-25T06:34:10.812Z
Learnt from: CR
Repo: wso2/vscode-extensions PR: 0
File: workspaces/ballerina/component-diagram/AGENTS.md:0-0
Timestamp: 2025-11-25T06:34:10.812Z
Learning: Applies to workspaces/ballerina/component-diagram/**/*.config.{js,ts} : Use minimatch-compatible glob patterns for file matching in build and test configuration files

Applied to files:

  • workspaces/ballerina/ballerina-extension/package.json
📚 Learning: 2025-11-10T15:05:11.309Z
Learnt from: madushajg
Repo: wso2/vscode-extensions PR: 868
File: workspaces/bi/bi-extension/src/utils.ts:224-242
Timestamp: 2025-11-10T15:05:11.309Z
Learning: The workspaces/bi/bi-extension and workspaces/ballerina/ballerina-extension are separate VS Code extensions that are packaged and distributed independently, so they cannot share code via imports and must maintain their own implementations of common utilities.

Applied to files:

  • workspaces/ballerina/ballerina-extension/package.json
🔇 Additional comments (1)
workspaces/ballerina/ballerina-extension/package.json (1)

1000-1034: Verify font library contains new glyph positions before merge.

The four icon fontCharacter values in ballerina-extension have been updated (\f19d, \f213, \f198, \f1ee), but without confirming the rebuilt font file (wso2-vscode.woff) contains these new glyphs, the icons will fail to render.

Additionally, resolve glyph consistency across extensions: api-designer-extension still references the old glyph code \\f133 for distro-design-view, which conflicts with this update. Verify whether api-designer-extension should use the new glyph value or retain its old value intentionally. Note that choreo-extension does not define these icons (only has distro-choreo-2), so updates may not apply there.

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