island.js icon indicating copy to clipboard operation
island.js copied to clipboard

The "Code mentions" feature in codehike does not work in island.js

Open codersjj opened this issue 2 years ago • 1 comments

Describe the bug

I'm writing interactive documentation with Code Hike. When using codehike's "Code mentions" feature, island.js failed to correctly parse and add mention effects, while the same code worked in codehike's examples/vite.

Reproduction

see https://codesandbox.io/p/sandbox/codehike-demo-jlzjwv and see "Open devtool" -> "Preview:5173" -> "Click to view" -> "Menu" -> "Astro" in https://codesandbox.io/p/sandbox/ancient-tdd-zlh9qn?file=%2Fisland-app%2Fdocs%2F.island%2Fconfig.ts%3A39%2C37

Expected behavior

see https://codehike.org/docs/ch-section#code-mentions

System Info

-

Additional context

No response

Validations

  • [X] Read the docs
  • [X] Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.

codersjj avatar Jul 29 '23 14:07 codersjj

Thank you for your feedback, it may be that the mdx compilation plugin in Island.js has special handling for links, which makes the foucs:// link invalid

sanyuan0704 avatar Jul 31 '23 02:07 sanyuan0704