Use shiki #77

pomber · 2021-07-29T11:58:37Z

Fix [smooth-code] Replace Prism with Shiki #76
Add code annotations

📦 Published PR as canary version: 0.3.0--canary.77.efd8888.0

✨ Test out this PR locally via:

npm install @code-hike/[email protected]
npm install @code-hike/[email protected]
npm install @code-hike/[email protected]
npm install @code-hike/[email protected]
npm install @code-hike/[email protected]
npm install @code-hike/[email protected]
npm install @code-hike/[email protected]
npm install @code-hike/[email protected]
npm install @code-hike/[email protected]
npm install @code-hike/[email protected]
npm install @code-hike/[email protected]
npm install @code-hike/[email protected]
npm install @code-hike/[email protected]
npm install @code-hike/[email protected]
npm install @code-hike/[email protected]
npm install [email protected]
npm install @code-hike/[email protected]
# or 
yarn add @code-hike/[email protected]
yarn add @code-hike/[email protected]
yarn add @code-hike/[email protected]
yarn add @code-hike/[email protected]
yarn add @code-hike/[email protected]
yarn add @code-hike/[email protected]
yarn add @code-hike/[email protected]
yarn add @code-hike/[email protected]
yarn add @code-hike/[email protected]
yarn add @code-hike/[email protected]
yarn add @code-hike/[email protected]
yarn add @code-hike/[email protected]
yarn add @code-hike/[email protected]
yarn add @code-hike/[email protected]
yarn add @code-hike/[email protected]
yarn add [email protected]
yarn add @code-hike/[email protected]

Version

Published prerelease version: v0.3.0-next.12

Changelog

🚀 Enhancement

@code-hike/classer, @code-hike/highlighter, @code-hike/mdx, @code-hike/mini-browser, @code-hike/mini-editor, @code-hike/mini-frame, @code-hike/mini-terminal, @code-hike/player, @code-hike/playground, @code-hike/script, @code-hike/scroller, @code-hike/scrollycoding, @code-hike/smooth-code, @code-hike/smooth-column, storybook, @code-hike/utils
- Use shiki #77 (@pomber)
@code-hike/mini-editor, @code-hike/mini-frame, @code-hike/scrollycoding, storybook
- Split editor #67 (@pomber)

🐛 Bug Fix

Turn onlyPublishWithReleaseLabel on #34 (@pomber)
Remove submodule (@pomber)
Update (@pomber)
Remove code-sections (@pomber)
Update sections (@pomber)
v0.0.0 (@pomber)
Update site submodule (@pomber)
Add site submodule (@pomber)
Remove more submodules (@pomber)
Remove some submodules (@pomber)
Yarn upgrade (@pomber)
Change root scripts (@pomber)
Add update version command (@pomber)
Update screencast (@pomber)
Focus opacity (@pomber)
Fix zoom (@pomber)
Use line height (@pomber)
Make line width dynamic (@pomber)
Remove theme from storybook (@pomber)
Remove extra prev key (@pomber)
Add wsrun (@pomber)
Add code story (@pomber)
Add code map (@pomber)
Add jest (@pomber)
Update storybook (@pomber)
Add scale (@pomber)
Add easing (@pomber)
Add stagger (@pomber)
Add smooth-lines package (@pomber)
Add demo (@pomber)
Add module (@pomber)
@code-hike/classer, @code-hike/mini-browser, @code-hike/mini-editor, @code-hike/mini-frame, @code-hike/mini-terminal, @code-hike/player, @code-hike/scroller, @code-hike/scrollycoding, @code-hike/sim-user, @code-hike/smooth-code, @code-hike/smooth-column, storybook
- Add spring config #75 (@pomber)
@code-hike/mini-editor
- Fix copy paste #63 (@pomber)
- Start code-walk refactor (@pomber)
- Remove console logs (@pomber)
- Add stateful editor (@pomber)
- Focus by column (@pomber)
- Remove code-surfer (@pomber)
- Change editor padding (@pomber)
- Add minColumns prop (@pomber)
- Use vscode theme (@pomber)
- Add min col width (@pomber)
- Use line height (@pomber)
- Change line padding (@pomber)
- Remove line outline (@pomber)
- Fix null code (@pomber)
- Measure longest line for each step (@pomber)
- Add useMemo (@pomber)
- Recalculate code height (@pomber)
- Fix transition index (@pomber)
- Focus extremes (@pomber)
- Add focus to transtion (@pomber)
- Add useDimensions (@pomber)
- Start removing code-surfer (@pomber)
@code-hike/mini-editor, storybook
- Fix line jumps #61 (@pomber)
- Add horizontal center prop #58 (@pomber)
- Add scrollbars #49 (@pomber)
- Improve editor tab styles #38 (@pomber)
- Add button property to mini-editor (@pomber)
- Add stateful editor stories (@pomber)
- Add focus by column story (@pomber)
- Add mini-editor stories (@pomber)
@code-hike/mini-browser, @code-hike/scrollycoding
- Optional browser transition #59 (@pomber)
- Use link instead of hash to avoid double updates (@pomber)
- Extract mini browser (@pomber)
- Browser props (@pomber)
@code-hike/scrollycoding, storybook
- Use new sandpack #47 (@pomber)
- Make steps clickable (@pomber)
- Add hidden param to files (@pomber)
- Extend files from previous step (@pomber)
- Remove preset param from mdx steps (@pomber)
- Update to sandpack to alpha-27 (@pomber)
- Fix scrollytelling story (@pomber)
- Rename stepCode (@pomber)
- Add sandpack (@pomber)
- Add small screen styles (@pomber)
- Add scrollycoding story (@pomber)
storybook
- Better centering logic #45 (@pomber)
- Add storybook actions (@pomber)
- Move storybook (@pomber)
@code-hike/script
- Add release workflow #32 (@pomber)
@code-hike/classer, @code-hike/mini-browser, @code-hike/mini-editor, @code-hike/mini-frame, @code-hike/mini-terminal, @code-hike/player, @code-hike/scroller, @code-hike/scrollycoding, @code-hike/sim-user, @code-hike/smooth-column, storybook
- v0.0.0-4333a8b (@pomber)
- v0.0.0-6a4ea1c (@pomber)
- v0.0.0-e48fa74 (@pomber)
- v0.0.0-1f0ad83 (@pomber)
- v0.0.0-cde697c (@pomber)
@code-hike/scrollycoding
- Remove comments (@pomber)
- Fix links without href (@pomber)
- Add anchor component (@pomber)
- Add sandpack colors for loading screen (@pomber)
- Add links to csb (@pomber)
- Sandpack alpha-31 (@pomber)
- Split layouts (@pomber)
- Update to sandpack alpha-26 (@pomber)
- Fix focus margin (@pomber)
- Focus redesign (@pomber)
- Fix media query (@pomber)
- Add media query (@pomber)
- Add props (@pomber)
- Make sticker flex (@pomber)
- Refactor scrollycoding (@pomber)
- Bump sandpack (@pomber)
- Use sandpack alpha-15 (@pomber)
- Add docs (@pomber)
- Remove console log (@pomber)
- Add presets (@pomber)
- Read filenames and lang from mdx (@pomber)
- Extract hike (@pomber)
- Remove extra styles (@pomber)
- Add class to focus icon (@pomber)
@code-hike/mini-editor, @code-hike/scrollycoding, storybook
- Add scrollycoding mdx (@pomber)
@code-hike/classer
- Add link to thread (@pomber)
- Add readme (@pomber)
@code-hike/classer, @code-hike/mini-browser, @code-hike/mini-editor, @code-hike/mini-frame, @code-hike/scrollycoding, @code-hike/utils
- Add classer (@pomber)
@code-hike/scroller, storybook
- Fix intersection observer in Safari (@pomber)
@code-hike/mini-browser, @code-hike/mini-editor, @code-hike/mini-frame, @code-hike/mini-terminal, @code-hike/player, @code-hike/scroller, @code-hike/scrollycoding, @code-hike/sim-user, @code-hike/smooth-column, storybook, @code-hike/utils
- v0.0.0-aa6efee (@pomber)
- v0.0.0-b57b267 (@pomber)
- v0.0.0-33f17eb (@pomber)
- v0.0.0-211ab01 (@pomber)
- v0.0.0-6dfbe3d (@pomber)
- v0.0.0-133ab88 (@pomber)
- v0.0.0-4adbd70 (@pomber)
- Add scrollycoding package (@pomber)
@code-hike/mini-editor, @code-hike/scrollycoding
- Add file name to focus component (@pomber)
- New smooshpack version (@pomber)
- Auto resize (@pomber)
- Cascade code and preview props (@pomber)
- Add scrollycoding slots (@pomber)
@code-hike/mini-browser, @code-hike/scrollycoding, storybook
- Change focus style (@pomber)
@code-hike/mini-browser, storybook
- Add back mini browser (@pomber)
- Add browser transition (@pomber)
- Fix browser default url (@pomber)
@code-hike/mini-browser
- Add url tests (@pomber)
@code-hike/mini-editor, @code-hike/mini-frame
- Full width lines for easier text selection (@pomber)
@code-hike/mini-browser, @code-hike/mini-editor, @code-hike/mini-frame, @code-hike/mini-terminal, @code-hike/script, @code-hike/scrollycoding, storybook
- Use sass (@pomber)
@code-hike/mini-browser, @code-hike/mini-editor, @code-hike/mini-frame, @code-hike/mini-terminal, @code-hike/player, @code-hike/scroller, @code-hike/scrollycoding, @code-hike/sim-user, @code-hike/smooth-column, @code-hike/utils
- v0.0.0-8cbbd89 (@pomber)
@code-hike/mini-browser, @code-hike/mini-editor, @code-hike/mini-frame, storybook, @code-hike/utils
- Change styles (@pomber)
@code-hike/mini-browser, @code-hike/mini-editor, @code-hike/mini-frame, @code-hike/mini-terminal, @code-hike/player, @code-hike/scroller, @code-hike/sim-user, @code-hike/smooth-column
- v0.0.0-a3f5be4 (@pomber)
- Remove site (@pomber)
- Refactor scripts (@pomber)
- Change canary version (@pomber)
@code-hike/mini-browser, @code-hike/mini-editor, @code-hike/scroller
- Fix component types (@pomber)
@code-hike/mini-frame, storybook
- Make height required for mini-frames (@pomber)
- Run prettier (@pomber)
@code-hike/mini-browser, @code-hike/mini-editor, @code-hike/mini-frame, @code-hike/mini-terminal, @code-hike/player, @code-hike/script, @code-hike/scroller, @code-hike/sim-user, @code-hike/smooth-column
- v0.0.0-6a7ffe8 (@pomber)
- v0.0.0+6aadf0c (@pomber)
- Rename build to script (@pomber)
@code-hike/smooth-column, storybook
- Change smooth-column easing (@pomber)
@code-hike/scroller
- Fix intersection observer on Firefox (@pomber)
@code-hike/smooth-column
- Fix overshot (@pomber)
- Dynamic height in column (@pomber)
- Implement column (@pomber)
- Add column package (@pomber)
@code-hike/mini-editor, @code-hike/smooth-column
- Tween item height (@pomber)
@code-hike/mini-browser, @code-hike/smooth-column
- Remove warnings (@pomber)
@code-hike/player
- Add tokenizer (@pomber)
- Wrap video component (@pomber)

⚠️ Pushed to `next`

Update readme.md (@pomber)
Add link (@pomber)
@code-hike/classer, @code-hike/mini-browser, @code-hike/mini-editor, @code-hike/mini-frame, @code-hike/mini-terminal, @code-hike/player, @code-hike/scroller, @code-hike/scrollycoding, @code-hike/sim-user, @code-hike/smooth-column
- v0.3.0-next.0 (@pomber)
storybook
- Make storybook private (@pomber)
@code-hike/script
- Add auto (@pomber)
@code-hike/classer, @code-hike/mini-browser, @code-hike/mini-editor, @code-hike/mini-frame, @code-hike/mini-terminal, @code-hike/player, @code-hike/script, @code-hike/scroller, @code-hike/scrollycoding, @code-hike/sim-user, @code-hike/smooth-column
- Add lerna (@pomber)

🏠 Internal

Bump auto version #35 (@pomber)
storybook
- Add Chromatic #70 (@pomber)
@code-hike/mini-editor, @code-hike/smooth-code
- Extract smooth-code package #69 (@pomber)
@code-hike/mini-editor, @code-hike/scrollycoding, storybook
- Rename editor components #56 (@pomber)
@code-hike/classer, @code-hike/mini-browser, @code-hike/mini-editor, @code-hike/mini-frame, @code-hike/mini-terminal, @code-hike/player, @code-hike/script, @code-hike/scroller, @code-hike/scrollycoding, @code-hike/sim-user, @code-hike/smooth-column
- Better release log #41 (@pomber)

📝 Documentation

@code-hike/mini-browser, storybook
- Add storybook docs #71 (@pomber)

Authors: 1

Rodrigo Pombo (@pomber)

github-actions · 2022-03-03T18:18:08Z

🚀 PR was released in v0.3.0 🚀

pomber added 7 commits July 21, 2021 16:12

Use shiki

39bf548

Separate dimensions

89164f6

Refactor smooth code

cffdf3e

Another refactor

d9f7292

Fix highlight when lang and theme are ready

a07b2b0

Add annotations

cc0c118

Patch shiki node dependencies

e4e8c54

pomber added the minor label Jul 30, 2021

Refactor CodeMap

a6a3f60

pomber added the release PR created automatically for new releases label Jul 30, 2021

pomber added 20 commits August 7, 2021 12:53

Create step parser

ade5d72

Add token groups

e1fb282

Inline annotations

ba16a8e

Avoid unnecesary recalculations

11adde0

Add multiline annotations

87864a9

Add annotations to editor

04c2884

Fix line padding

cf532d2

Add data prop

6c844fa

Add annotation prop to MiniEditor

c58a10a

Use themes in mini-editor

2395a40

Try treeshaking

dc9c2e0

Remove old packages

471857d

Add highlighter package

8440af1

Add code-tween and code-spring

72df248

Add editor-spring and editor-tween

6c28526

Add mdx package

49903e0

Add mdx component

045c5cf

Editor default height

67739f9

Add editor spring story

71107aa

Test overflows

4adcb9a

pomber added 7 commits November 22, 2021 12:02

Change react dep

8889b5f

Split client and server code

c8f7b29

Add useMemo to useDimensions

eda31ba

Add node-fetch

8922d44

Remove default colors from editor

5617b6a

New readme

15bb99d

Merge branch 'next' into shiki

efd8888

pomber merged commit 6eb7165 into next Dec 2, 2021

pomber deleted the shiki branch December 2, 2021 13:20

github-actions bot added the prerelease label Dec 2, 2021

This was referenced Dec 4, 2021

Make tabs clickable #86

Merged

Fix multi-annotation focus string #94

Merged

github-actions bot mentioned this pull request Dec 18, 2021

Stop assuming comment annotations #97

Merged

This was referenced Dec 25, 2021

Smarter editor height #98

Merged

Slideshow component #99

Merged

This was referenced Jan 7, 2022

Allow empty lang #103

Merged

Fix annotation regex #105

Merged

github-actions bot mentioned this pull request Jan 16, 2022

Line numbers #111

Merged

This was referenced Feb 5, 2022

Better default styles #116

Merged

Fix firefox copypasting #124

Merged

Handle invalid language #126

Merged

This was referenced Feb 15, 2022

Add color-scheme CSS #129

Merged

Changes style property to fix 'Unsupported style property color-scheme' #134

Merged

This was referenced Feb 22, 2022

Better errors #135

Merged

Add autoImport setting #137

Merged

Better sections #139

Merged

github-actions bot mentioned this pull request Mar 3, 2022

Fix quirks mode height #143

Merged

github-actions bot added released and removed prerelease labels Mar 3, 2022

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Use shiki #77

Use shiki #77

pomber commented Jul 29, 2021 •

edited by github-actions bot

Loading

github-actions bot commented Mar 3, 2022

Use shiki #77

Use shiki #77

Conversation

pomber commented Jul 29, 2021 • edited by github-actions bot Loading

Version

🚀 Enhancement

🐛 Bug Fix

⚠️ Pushed to next

🏠 Internal

📝 Documentation

Authors: 1

github-actions bot commented Mar 3, 2022

pomber commented Jul 29, 2021 •

edited by github-actions bot

Loading

⚠️ Pushed to `next`