Joyride @ London Clojurians, Nov 29 2022

The meetup was about how to hack Visual Studio Code like it was Emacs, using the VS Code Extension Joyride.

Recording: https://www.youtube.com/watch?v=ObjIR08t3lg
Joyride repo: https://github.com/BetterThanTomorrow/joyride

Examples included

See the Workspace Scripts, .joyride/scripts, folder.

You find the example with the pulsating status bar item is in this file:

.joyride/scripts/london_examples.cljs

The SCI slides

@borkdude still seems to prefer Keynote over VS Code. 😂

joyride-sci.pdf

How to use the `next_slide.cljs` script

To run this slideshow:

In VS Code, Search for Joy in the Extensions pane, and install Joyride.
Open this project

Define keyboard shortcuts

{ // Activate next-slide
    "key": "ctrl+alt+j n",
    "command": "joyride.runCode",
    "args": "(next-slide/toggle-active!)"
},
{ // Forward slide when not inserting text
    "key": "right",
    "command": "joyride.runCode",
    "args": "(next-slide/next! true)",
    "when": "next-slide:active && !inputFocus"
},
{ // Backward slide when not inserting text
    "key": "left",
    "command": "joyride.runCode",
    "args": "(next-slide/next! false)",
    "when": "next-slide:active && !inputFocus"
},
{ // Forward slide unconditionally
    "key": "ctrl+alt+j right",
    "command": "joyride.runCode",
    "args": "(next-slide/next! true)",
},
{ // Backward slide unconditionally
    "key": "ctrl+alt+j left",
    "command": "joyride.runCode",
    "args": "(next-slide/next! false)"
},

Command palette: Joyride: Run Workspace Script
- Select next_slide.cljs
Activate next-slide: ctrl+alt+j n
Press ctrl+alt+j left
- This should open the first slide, lobby.md.
Use right and left to run through the slides.
Use the command: View: Toggle Zen Mode

How to use `next_slide.cljs` for your presentations

The important files here are:

.joyride/scripts/next_slide.cljs, consider placing this in your user scripts folder (<HOME>/.config/joyride/scripts/)
slides.edn, sets up a vector of Markdown files, the slide deck
.vscode/settings.json, sets up zoom level, font sizes, and other ”presentation mode” things. (zenMode.hideStatusBar is set to false in this project, you might want to hide the status bar in Zen mode.)
slides/style.css, the styling used for this presentation

Please let us know if you find use for this. Like in the #joyride channel over at Clojurians Slack.

The Clojuredocs example

Instructions in the script itself:

.joyride/scripts/clojuredocs.cljs

How to use the Showtime (timer) script

Assuming Joyride is installed.

Copy .joyride/scripts/showtime.cljs to your Joyride User Scripts folder

To add the timer to the statusbar:

Joyride: Run User Script
Select showtime.cljs

To start the timer: click it

To stop the timer: click it

To restart the timer: click it

To remove the timer from the statusbar: 0. Ensure the timer is stopped

Joyride: Run User Script
Select showtime.cljs

The Terminal Example

There is a video on Youtube: How to Control the VS Code Terminal with Joyride Please consider sharing it around!

Embedding it here as well:

How.to.Control.the.VS.Code.Terminal.with.Joyride.mp4

License

All content in this repository is free to use as you see fit. At your own risk.

Happy Joyriding! 🚗💨

Please join the #joyride channel on Clojurians Slack to get help, provide feedback, and share your solutions. You can also reach us in the Discussions section of the Joyride repository.

PEZ/london-clojurians-joyride