Rodrigo Pombo

docs: Playthroughs

4

Trying a different format for quickstarts. Preview: https://docs-git-fork-pomber-playthroughs-supabase.vercel.app/docs/playthrough/with-nextjs Still work in progress. I'll try to list all the missing parts later.

How to track token usage

5

The non-streaming chat/completions API from OpenAI has a `usage` object in the response: ```json { "id": "chatcmpl-123", "object": "chat.completion", "created": 1677652288, "choices": [{ "index": 0, "message": { "role": "assistant", "content":...

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)

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

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)

CodeMap component

1

We could have a more general version of [code mentions](https://codehike.org/docs/ch-section#code-mentions). Code mentions are text-to-code links, but we could have code-to-text also. But also code-to-code, code-to-preview and preview-to-code. For code-to-code imagine...

WIP Chat 2

1

📦 Published PR as canary version: 0.9.1--canary.389.b62037f.0 :sparkles: Test out this PR locally via: ```bash npm install @code-hike/[email protected] # or yarn add @code-hike/[email protected] ```

Changing line-height doesn't work

1

### Discussed in https://github.com/code-hike/codehike/discussions/294 Originally posted by **Archakov06** October 24, 2022  The code looks too compressed and I would like to make a small indent between the lines I...

Tried https://github.com/DefinitelyTyped/DefinitelyTyped/pull/65003, but we need to wait for https://github.com/microsoft/TypeScript/pull/51328 (TypeScript 5.1 will make `Promise` a valid return type for components)