https://github.com/pez/london-clojurians-joyride
Slides and materials for the London Clojurians Meetup about Joyride
https://github.com/pez/london-clojurians-joyride
babashka clojure clojurescript vscode vscode-extension
Last synced: 2 months ago
JSON representation
Slides and materials for the London Clojurians Meetup about Joyride
- Host: GitHub
- URL: https://github.com/pez/london-clojurians-joyride
- Owner: PEZ
- License: other
- Created: 2022-11-25T00:05:28.000Z (over 2 years ago)
- Default Branch: master
- Last Pushed: 2022-11-30T13:38:46.000Z (over 2 years ago)
- Last Synced: 2025-01-26T04:25:18.053Z (4 months ago)
- Topics: babashka, clojure, clojurescript, vscode, vscode-extension
- Language: Clojure
- Homepage: https://www.meetup.com/london-clojurians/events/286030325/
- Size: 6.92 MB
- Stars: 4
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
# Joyride @ London Clojurians, Nov 29 2022
The [meetup](https://www.meetup.com/london-clojurians/events/286030325/) was about how to hack [Visual Studio Code](https://code.visualstudio.com/) like it was [Emacs](https://www.gnu.org/software/emacs/), using the VS Code Extension [Joyride](https://marketplace.visualstudio.com/items?itemName=betterthantomorrow.joyride).
[](https://www.youtube.com/watch?v=ObjIR08t3lg)
* Recording: https://www.youtube.com/watch?v=ObjIR08t3lg
* Joyride repo: https://github.com/BetterThanTomorrow/joyride
## Examples included
See the Workspace Scripts, [.joyride/scripts](.joyride/scripts), folder.
You find the example with the pulsating status bar item is in this file:
* [.joyride/scripts/london_examples.cljs](.joyride/scripts/london_examples.cljs)
## The [SCI](https://github.com/babashka/sci) slides
@borkdude still seems to prefer Keynote over VS Code. 😂
* [joyride-sci.pdf](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
1. Define keyboard shortcuts
```jsonc
{ // 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)"
},
```
1. Command palette: **Joyride: Run Workspace Script**
* Select `next_slide.cljs`
1. Activate **next-slide**: ctrl+alt+j n
1. Press ctrl+alt+j left
* This should open the first slide, `lobby.md`.
1. Use right and left to run through the slides.
1. 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](.joyride/scripts/next_slide.cljs), consider placing this in your user scripts folder (`/.config/joyride/scripts/`)
* [slides.edn](slides.edn), sets up a vector of Markdown files, the slide deck
* [.vscode/settings.json](.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](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](http://clojurians.net).
## The [Clojuredocs](https://clojuredocs.org/) example
Instructions in the script itself:
* [.joyride/scripts/clojuredocs.cljs](.joyride/scripts/clojuredocs.cljs)
## How to use the Showtime (timer) script
0. Assuming Joyride is installed.
Copy [.joyride/scripts/showtime.cljs](.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](https://www.youtube.com/watch?v=BqoIp1YuOic) Please consider sharing it around!
Embedding it here as well:
https://user-images.githubusercontent.com/30010/204760540-d012b6ea-34ca-41f6-b45f-0c90f2abff27.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](http://clojurians.net) to get help, provide feedback, and share your solutions. You can also reach us in the [Discussions section](https://github.com/BetterThanTomorrow/joyride/discussions) of the Joyride repository.