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:

0. In VS Code, Search for Joy in the Extensions pane, and install Joyride.
1. Open this project
2. 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)"
   },

3. Command palette: Joyride: Run Workspace Script
   • Select next_slide.cljs
4. Activate next-slide: ctrl+alt+j n
5. Press ctrl+alt+j left
   • This should open the first slide, lobby.md.
6. Use right and left to run through the slides.
7. 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

0. Assuming Joyride is installed.

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

To add the timer to the statusbar:

1. Joyride: Run User Script
2. 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

1. Joyride: Run User Script
2. 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.