Code zooming transitions

[jxnblk]

Code zooming transitions

[jxnblk]

Probably related to #5; I think the library you mention might be https://github.com/jamiebuilds/spectacle-code-slide which I’d love to support in this library, but I haven’t spent time looking at how to make spectacle components work yet

[pomber]

Anyone wants to test it? It's here https://github.com/pomber/code-surfer

[pomber]

I have something working https://angry-sinoussi-d4c063.netlify.com/. It isn't ready yet, I'll try to publish it after I use it for a talk next week.

[jxnblk]

CodeSurfer looks great! I think we can add a link to the readme for code-surfer to close this issue out

[trevordmiller]

Nice work @pomber! Can't wait for this to land :)

[pomber]

I'm currently working on something similar to (forked from) spectacle-code-slide and I would like to make it work with mdx-deck.
But I'm not sure how to access deck and slide like Appear does. withDeck and withSlide aren't exported in src/index.js. Any other way to access them from the npm package?

[jxnblk]

If those HOCs aren’t exported, that’s an oversight – ideally they’d be one HOC but that’d require some architectural changes

[pomber]

My bad. I can import them from:

import { withDeck } from "mdx-deck/dist/context";
import { withSlide } from "mdx-deck/dist/Slide";

[kutyel]

Wow, that looks very promising!! I think you almost got it! 🎉 @jxnblk what do you think? 😄

[trevordmiller]

@pomber Awesome. I’ll be testing it in the next couple of days and will leave any feedback on the repo's issues.

@jxnblk, what do you think about wrapping this as a mdx-deck exported component - maybe called FocusCode or something to match FullScreenCode?

[kutyel]

Closing this since now code-surfer exists and the link is on readme.md, thanks! 🎉