feat(gnoweb): add hyperlinks to import p/*and r/* in source code viewer

[mous1985]

This PR adds hyperlinks to package and realm imported in the source code viewer on gnoweb.

• Context and Goal:
  When users view source code on gnoweb, they often need to explore dependencies and related code. the goal was to make this easier by making imports linkable for example, when you see import "gno.land/p/demo/avl", you should be able to click it to see that package's source code.

thanks to @gfanton for the help

[Gno2D2]

🛠 PR Checks Summary

All Automated Checks passed. ✅

Manual Checks (for Reviewers):

• IGNORE the bot requirements for this PR (force green CI check)
• The pull request description provides enough details (checked by @thehowl)

Read More

🤖 This bot helps streamline PR reviews by verifying automated checks and providing guidance for contributors and reviewers.

✅ Automated Checks (for Contributors):

🟢 Maintainers must be able to edit this pull request (more info)
🟢 Changes related to gnoweb must be reviewed by its codeowners
🟢 Pending initial approval by a review team member, or review from tech-staff

☑️ Contributor Actions:

1. Fix any issues flagged by automated checks.
2. Follow the Contributor Checklist to ensure your PR is ready for review.
   • Add new tests, or document why they are unnecessary.
   • Provide clear examples/screenshots, if necessary.
   • Update documentation, if required.
   • Ensure no breaking changes, or include BREAKING CHANGE notes.
   • Link related issues/PRs, where applicable.

☑️ Reviewer Actions:

1. Complete manual checks for the PR, including the guidelines and additional checks if applicable.

📚 Resources:

• Report a bug with the bot.
• View the bot’s configuration file.

Debug

Automated Checks

Maintainers must be able to edit this pull request (more info)

If

🟢 Condition met
└── 🟢 And
    ├── 🟢 The base branch matches this pattern: ^master$
    └── 🟢 The pull request was created from a fork (head branch repo: mous1985/gno)

Then

🟢 Requirement satisfied
└── 🟢 Maintainer can modify this pull request

Changes related to gnoweb must be reviewed by its codeowners

If

🟢 Condition met
└── 🟢 And
    ├── 🟢 The base branch matches this pattern: ^master$
    └── 🟢 A changed file matches this pattern: ^gno.land/pkg/gnoweb/ (filename: gno.land/pkg/gnoweb/webclient_html.go)

Then

🟢 Requirement satisfied
└── 🟢 Or
    ├── 🟢 This user reviewed pull request: alexiscolin
    └── 🔴 This user reviewed pull request: gfanton

Pending initial approval by a review team member, or review from tech-staff

If

🟢 Condition met
└── 🟢 And
    ├── 🟢 The base branch matches this pattern: ^master$
    └── 🟢 Not (🔴 Pull request author is a member of the team: tech-staff)

Then

🟢 Requirement satisfied
└── 🟢 If
    ├── 🟢 Condition
    │   └── 🟢 Or
    │       ├── 🟢 At least 1 user(s) of the organization reviewed the pull request (with state "APPROVED")
    │       ├── 🟢 At least 1 user(s) of the team tech-staff reviewed pull request
    │       └── 🔴 This pull request is a draft
    └── 🟢 Then
        └── 🟢 Not (🔴 This label is applied to pull request: review/triage-pending)

Manual Checks

**IGNORE** the bot requirements for this PR (force green CI check)

If

🟢 Condition met
└── 🟢 On every pull request

Can be checked by

• Any user with comment edit permission

The pull request description provides enough details

If

🟢 Condition met
└── 🟢 And
    ├── 🟢 Not (🔴 Pull request author is a member of the team: core-contributors)
    └── 🟢 Not (🔴 Pull request author is user: dependabot[bot])

Can be checked by

• team core-contributors

[gfanton]

@mous1985 before any reviews, can you add tests, especially testing:

• single one line import import "abc.yx/a/b/c"
• multi import:

import (
                 "abc.yx/a/b/c"
                 "abc.yx/a/b/c"
                 "abc.yx/a/b/c"
)

• named import:

import (
                 hello "abc.yx/a/b/c"
)

• empty named import:

import (
                 _ "abc.yx/a/b/c"
)

thanks

[codecov]

Codecov Report

Attention: Patch coverage is 82.60870% with 4 lines in your changes missing coverage. Please review.

Files with missing lines	Patch %	Lines
gno.land/pkg/gnoweb/webclient_html.go	82.60%	2 Missing and 2 partials ⚠️

📢 Thoughts on this report? Let us know!

[alexiscolin]

Could you please try to use Tailwind and its config theme instead of using a new classes, new colors etc?

[mous1985]

fffb7f4
It's good if i use <a href="/%s$source" class="text-blue-600 hover:underline">&#34;%s&#34;</a> the same color as the original import ?

[notJoon]

Looks good 👍 I've left a few points related to refactoring things

[notJoon]

LGTM

remove: review/triage-pending flag

[alexiscolin]

Nice feature 👍
Nit: Could using a regex help by robustly matching import tokens, so we are not relying on fixed strings and specific newline formatting? But maybe it's a picky safeguard against potential changes in output format.

[mous1985]

Nice feature 👍 Nit: Could using a regex help by robustly matching import tokens, so we are not relying on fixed strings and specific newline formatting? But maybe it's a picky safeguard against potential changes in output format.

3d25c38

[thehowl]

This is a hack

We have an extensible markdown engine, we should implement this as an extension there, unless you can show it's impossible