codehike

codehike copied to clipboard

How can I make preview feature only for HTML and CSS?

12

I can see preview feature is only workable for React's component-wise. Is there anyway I can make preview feature for HTML and CSS? Or maybe sometimes JS only?

donghhan

Wrong focus annotation breaks render

6

````md ```js mdxOptions = { remarkPlugins: [ // focus(24:44) [remarkCodeHike, { theme: "github-light" }], anotherPlugin, ], } ``` ```` shows nothing [playground](https://playground-git-from-range-codehike.vercel.app/#N4IgtgJgHiBcIAMkCsDOAdAdpKB5ADgC4CWA9pqgAQC8lwWllATgKZgCGTA1gAoA2AVwDmxCrEoBtBo0oB6WZQBmpAMYDUACgBMAFlhaArAEppjCaw7cAwqQgsAEsS4sANHUqEAFmxbj0IES8BACMAWj5iIU9Cf0oAXwBdF1NKdkxSLxYmfmFRZMxGJKw4rCQEEBcQFVRUOBAAOnxWADdiFgB3UJVyQnZRLPdpSxFMcQAOfCgAbkpiiqryRUi4UAjMFgA5ATBgrNrYRXY+VFcQVE9Sdpt8AE8AIQFCQnI4Q+PT9kfSABlRLlejidKpkwCw6mBROFItEQHE4kA)

pomber

How to use Scrollycoding with images

1

Hi, is there any way to present images instead of code blocks using CH.scrollycoding? Just like [this](https://pomb.us/build-your-own-react/)

Usey95

Using Code Hike from React Server Components

6

Hi, I'm using this with MDXRemote on NextJS 13 (app directory). When I run it normally, I get this error: ``` ./node_modules\@code-hike\mdx\dist\components.esm.mjs ReactServerComponentsError: You're importing a component that needs unstable_batchedUpdates....

RyanGaudion

Pass custom grammars

11

Reference: https://shiki.matsu.io/

JaKXz

Allow import of external files with from-annotation

1

I read https://codehike.org/docs/annotations#from-annotation and then tried: ```mdx '''js React.js # from https://raw.githubusercontent.com/facebook/react/main/scripts/flow/runFlow.js ''' ``` but it does nothing. Being able to link to external code files, rather than copying and...

RichardJECooke

Problem with copy button overlapping text

1

Hello: We're seeing a weird behavior when the 1st line of code is long enough, the copy button overlaps with the text. I'm attaching some screenshots: - Current behavior: -...

dsalazarm

CSS Animations

1

Experimenting with CSS animations https://chtest-git-css-animations-codehike.vercel.app/css-animations https://chtest-git-css-animations-codehike.vercel.app/tokens

pomber

Link and mark annotations on the same line

2

Here, the link annotation is applied to the wrong part of the line ````md ```python mark=1[7:13] # link[2:5] #foo print("This is Code Hike") ``` ```` [Playground](https://play.codehike.org/#N4IgtgJgHiBcIB0B2zkAMMAcCeAXAFgPZIAEYAhgE4DWAvAIwDaA7LPQMwC6yAxCQDYBLJNUYAmWAFZOJHgDNChZJkrDcACgQgAKvkEBnEgZIBhQhACmJABKDqFrQEp0GVEhAAaEAGN9+uCAAdCoWAG6CFgDuALTexLjkwhaUJMAkyCRkVADmwrAkAByYUADc6UgAvp4+xHKC2XCgQkgWAHIArmAARsn+sHLk-PoWXvpEkWY4AELtuLjEcANDIyDks4QAMsLUi4PDXgQWYBYBFLjJgoPREFT2lCAVFUA)

pomber

Replace buttons by tab component

2

Just a passing suggestion (maybe not something to implement here in this PR, but just a thought). I would maybe suggest using an accessible UI foundation package for the editor...

mfranzke