wix-incubator/codio

A media format to record and playback the process of programming

codio's Issues

[VSCode] Improve Codio status UI

When you start recording a codio, a toast shows up in the bottom corner with a count up. This feels more like an alert than it does a status. This could be something more subtle so it doesn't get in the way of the screen but still shows the status. Moving this down to the bottom bar of the editor where the blue bar is (not sure what the technical term for this piece of the UI is) might make more sense.

It could normally look something like the live server UI, maybe normally when it is not recording it could be like:
⭕️ Record Codio
And when it is recording it could be something like (potentially showing the recording time):
🔴 Recording...

Users could also click this entry on the status bar to start/stop/pause recording.

Prompt for input device when recording

If there are multiple possible input devices for recording, ask which one to use.

Add option to run files on the current project

• Option to run on current workspace
• Option to save workspace files without codio prefix
• Figure out UI scheme if there is no codio prefix on file names

Is this project still working?

I installed the VSCode extension and added it to the project but "Record Codio" did not show any activity. Is this known to be broken or an issue on my end?

[VSCode] Allow initiation of a Codio recording via a command

Users should be able to:

1. Open the command palette/use a keybinding to start recording a Codio
2. Open the command palette/use a keybinding to stop recording a Codio

Update Control Panel Icons

Create a Codio Editor

Extension issue

• Issue Type: Bug
• Extension Name: codio
• Extension Version: 0.1.13
• OS Version: Windows_NT x64 10.0.19044
• VS Code version: 1.71.2

⚠️ We have written the needed data into your clipboard. Please paste! ⚠️

Add Tutorial Creator

Check if FFMPEG is installed before playing/recording

Detect Codios in Dependencies

[VSCode] Add Play button in panel to start

In order to play a Codio, users simply just click it right now. It's not entirely clear that this will start playing a Codio and can be jarring to see the editor start making changes to itself. The Codio panel should show a play button next to the Codio which is being hovered over, as is done in the npm scripts panel.

When you click an NPM script title (not on the play button) it goes to the package.json file where that script is defined, allowing users to edit the script. I don't think there's an equivalent for Codio at the moment, until there's a decent way to edit Codios.

Rewrite the Codio format section

Remove "Tutorial" Naming

Codio was initially created for tutorials, but since it is now a standalone project designed for multiple purposes this naming is outdated.

Embed Codios Inside Code

How can we make codios contextual? show them where they are needed?

Refactor and Adding Tests

Now with some experience with the code base, I've come to notice some redundancy. I would like to refactor some of the functionality as well as add automated functional tests. I've tried to use the extension's suggested setup (Mocha and a downloaded VS Code instance) but found it limiting (can not have multiple instances of VS Code running) have even more detrimental, failed to run the provided tests.

For the automated functional tests I would like to introduce Jest.

My observations on what can be improved:

• Consolidate functionality like: playFrom, resume, forward, and rewind could be handled by a method called offset taking in a negative/positive value to adjust play time.
• Some of the commands aren't needed: rewindAndForward, pauseorResume.
• Better command names: codio.playCodio to codio.player.play

Thoughts are welcomed.

Intellij/VSCode format compatibility

Convert to Video

Record a Codio from Live Share Session

Node Modules/Dependencies Native Documentation Integration

Windows Support

• ffmpeg clean up
• Refactor of FSManager

AST / Token Based Recordings

Expose cursor color through settings

Install FFMPEG automatically

[VSCode] Add ability to list and play codios from projects

Codio should be able to recognise codios saved in a project and list them. They should be unzipped inside a temporary folder as they are in Intellij

Tour Step Support

Quiz Step

Mark Step as Done

Remove FFmpeg dependency

Use VSCode FileSystem Provider

https://code.visualstudio.com/api/references/vscode-api#FileSystemProvider

Enable playing and recording unzipped Codios from temp folder

Current strategy:

Separate playing and recording to destination/source and "workspace" folder. Workspace is where codios will be unzipped while playing, and where codios will be recorded until the recording is done

• mac
• Windows

Built In Tutorial Support

Finish First Version of Codio Spec and Add Version to Codio Files

• version
• spec

When recording starts before a file is open, Codio hangs on save

The current workaround: Make sure you're in an open file.

The solution: Probably block me from starting a recording when I don't have a file open.

[VSCode] Audio not being saved

On macOS when I record a Codio, my audio doesn't get saved into an mp3 file within the Codio. There are no errors in the UI or in the console when I run it in debug mode, just no audio is saved. Playing Codios with audio already in them is not an issue so I don't believe it's a problem with ffmpeg.

Expose API to record, play and save recording for other extensions

• Record: Codio.record(uri: Uri
• Play: Codio.play(uri: Uri)
• Finish Recording: Codio.FinishRecording()

Improved Codio Viewer

1. Delete Codios
2. Add support for order
3. Add support for Category