Better default styles #116

pomber · 2022-01-24T14:48:02Z

📦 Published PR as canary version: 0.3.0--canary.116.056ec02.0

✨ Test out this PR locally via:

npm install @code-hike/classer@0.3.0--canary.116.056ec02.0
npm install @code-hike/highlighter@0.3.0--canary.116.056ec02.0
npm install @code-hike/mdx@0.3.0--canary.116.056ec02.0
npm install @code-hike/mini-browser@0.3.0--canary.116.056ec02.0
npm install @code-hike/mini-editor@0.3.0--canary.116.056ec02.0
npm install @code-hike/mini-frame@0.3.0--canary.116.056ec02.0
npm install @code-hike/mini-terminal@0.3.0--canary.116.056ec02.0
npm install @code-hike/player@0.3.0--canary.116.056ec02.0
npm install @code-hike/playground@0.3.0--canary.116.056ec02.0
npm install @code-hike/script@0.3.0--canary.116.056ec02.0
npm install @code-hike/scroller@0.3.0--canary.116.056ec02.0
npm install @code-hike/scrollycoding@0.3.0--canary.116.056ec02.0
npm install @code-hike/sim-user@0.3.0--canary.116.056ec02.0
npm install @code-hike/smooth-code@0.3.0--canary.116.056ec02.0
npm install @code-hike/smooth-column@0.3.0--canary.116.056ec02.0
npm install storybook@0.3.0--canary.116.056ec02.0
npm install @code-hike/utils@0.3.0--canary.116.056ec02.0
# or 
yarn add @code-hike/classer@0.3.0--canary.116.056ec02.0
yarn add @code-hike/highlighter@0.3.0--canary.116.056ec02.0
yarn add @code-hike/mdx@0.3.0--canary.116.056ec02.0
yarn add @code-hike/mini-browser@0.3.0--canary.116.056ec02.0
yarn add @code-hike/mini-editor@0.3.0--canary.116.056ec02.0
yarn add @code-hike/mini-frame@0.3.0--canary.116.056ec02.0
yarn add @code-hike/mini-terminal@0.3.0--canary.116.056ec02.0
yarn add @code-hike/player@0.3.0--canary.116.056ec02.0
yarn add @code-hike/playground@0.3.0--canary.116.056ec02.0
yarn add @code-hike/script@0.3.0--canary.116.056ec02.0
yarn add @code-hike/scroller@0.3.0--canary.116.056ec02.0
yarn add @code-hike/scrollycoding@0.3.0--canary.116.056ec02.0
yarn add @code-hike/sim-user@0.3.0--canary.116.056ec02.0
yarn add @code-hike/smooth-code@0.3.0--canary.116.056ec02.0
yarn add @code-hike/smooth-column@0.3.0--canary.116.056ec02.0
yarn add storybook@0.3.0--canary.116.056ec02.0
yarn add @code-hike/utils@0.3.0--canary.116.056ec02.0

Version

Published prerelease version: v0.3.0-next.21

Changelog

🚀 Enhancement

@code-hike/mdx, @code-hike/mini-editor, @code-hike/playground, @code-hike/smooth-code, storybook, @code-hike/utils
- Line numbers #111 (@pomber)
@code-hike/highlighter, @code-hike/mdx, @code-hike/playground
- Allow empty lang #103 (@pomber)
@code-hike/mdx, @code-hike/mini-browser, @code-hike/playground, @code-hike/smooth-code, storybook
- Slideshow component #99 (@pomber)
@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/mdx, @code-hike/mini-browser, @code-hike/mini-editor, @code-hike/mini-frame, @code-hike/mini-terminal, @code-hike/playground, @code-hike/smooth-code, @code-hike/utils
- Better default styles #116 (@pomber)
@code-hike/mdx, @code-hike/playground
- Fix annotation regex #105 (@pomber)
- Stop assuming comment annotations #97 (@pomber)
@code-hike/mdx
- Fix comment annotations #101 (@pomber)
@code-hike/mini-editor, @code-hike/playground, storybook
- Smarter editor height #98 (@pomber)
@code-hike/highlighter, @code-hike/playground, @code-hike/smooth-code, storybook, @code-hike/utils
- Fix multi-annotation focus string #94 (@pomber)
@code-hike/mdx, @code-hike/mini-editor, @code-hike/playground
- Make tabs clickable #86 (@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 (@pomber)
Update readme.md (@pomber)
Add set up instructions (@pomber)
Add link (@pomber)
@code-hike/player, @code-hike/scrollycoding, @code-hike/sim-user, @code-hike/smooth-column
- Make old packages private (@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)

pomber · 2022-01-24T14:54:49Z

Fix #115

github-actions · 2022-03-03T18:17:41Z

🚀 PR was released in v0.3.0 🚀

Force zero padding on pre

7b3a2f1

pomber added enhancement release PR created automatically for new releases labels Jan 24, 2022

pomber added 8 commits January 25, 2022 17:46

Wrap codeblocks and codegroups

c7cd6ea

Expose preview component

21b32dd

Pass theme to mini-browser

acc0e8a

Patch mini-terminal

0186a87

Fix not-prose

9c7c33a

Forward preview props

f0bb3a7

Set mini browser colors

11d0cf6

Apply style to ch-preview

6c0568c

pomber changed the title ~~Force zero padding on pre~~ Better default styles Jan 27, 2022

pomber added 5 commits January 27, 2022 02:41

Add inline code component

224fea3

Add mark annotation

d35381d

Fix mark comment annotation

ba9be7d

Add default margin

9a0c186

Remove console log

056ec02

pomber merged commit 099ea14 into next Feb 5, 2022

pomber deleted the pre-padding-0 branch February 5, 2022 10:20

github-actions bot added the prerelease label Feb 5, 2022

This was referenced Feb 6, 2022

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

Better default styles #116

Better default styles #116

pomber commented Jan 24, 2022 •

edited by github-actions bot

Loading

pomber commented Jan 24, 2022

github-actions bot commented Mar 3, 2022

Better default styles #116

Better default styles #116

Conversation

pomber commented Jan 24, 2022 • edited by github-actions bot Loading

Version

🚀 Enhancement

🐛 Bug Fix

⚠️ Pushed to next

🏠 Internal

📝 Documentation

Authors: 1

pomber commented Jan 24, 2022

github-actions bot commented Mar 3, 2022

pomber commented Jan 24, 2022 •

edited by github-actions bot

Loading

⚠️ Pushed to `next`