Snippet Gallery

The Snippet Gallery lets you browse and download community snippets directly in Demo Time.

Open the gallery from the Demo Time resources section via Snippet Gallery, or run the Demo Time: Open Snippet Gallery command from the Command Palette.

What users see in the extension

In the VS Code gallery panel, downloaded snippets are marked with a downloaded state so users can quickly see what is already available in their workspace.

Available snippets

The list below is generated from the gallery index and shows which snippets are currently available to users.

Available in gallery2 snippets

Presentation clean-up

v1.0.0

Restores VS Code to its original state after a presentation: disables Caffeine, shows the menubar, switches back to the original theme, exits full screen, and shows the activity bar and title bar.

setupmacospresentation

IDsetup/presentation-clean-up-macosAuthorElio Struyf

Actions (4)

macos.disableCaffeinemacos.showMenubarsetThemeexecuteVSCodeCommand

Presentation mode setup

v1.0.0

Prepares VS Code for presenting: enables Caffeine (no sleep), hides the menubar, switches to a theme, enters full screen, and hides the activity bar and title bar for a clean, distraction-free setup.

setupmacospresentation

IDsetup/presentation-mode-macosAuthorElio Struyf

Actions (4)

macos.enableCaffeinemacos.hideMenubarsetThemeexecuteVSCodeCommand

Using a gallery snippet

After downloading a snippet from the gallery, it is saved in your workspace under .demo/snippets/....

You can reference it in your move with the existing snippet action:

JSON

{
  "action": "snippet",
  "contentPath": ".demo/snippets/setup/presentation-mode-macos.json",
  "args": {
    "THEME": "Demo Time Dark"
  }
}

YAML

action: snippet
contentPath: .demo/snippets/setup/presentation-mode-macos.json
args:
  THEME: Demo Time Dark

Validation and consistency

From the config editor, you’ll be able to select and configure the downloaded snippets with a user-friendly form that validates the input based on the snippet schema. This ensures that the arguments you provide are correct and that the snippet will work as expected in your demo.

Want to contribute a snippet to the gallery?

To contribute a new gallery snippet:

• Clone the Demo Time Repository
• Add a new JSON file in the gallery folder on the root of the project that matches the https://demotime.show/gallery/snippet.schema.json schema
• Create a PR
• Once the PR is merged, the snippet is shared and accessible to others

Example snippet file:

{
  "$schema": "https://demotime.show/gallery/snippet.schema.json",
  "id": "<type>/<id>",
  "name": "name",
  "description": "",
  "author": "",
  "version": "1.0.0",
  "tags": [],
  "fields": [],
  "steps": []
}

Validation and consistency

You can find sample snippet files in the gallery/ folder in the project. Here is one example.

How gallery updates per build

The docs and extension read from docs/public/gallery/index.json.

During build/release flows, this index is regenerated from the gallery/ folder so the published gallery reflects the latest snippets in the repository.