Demo Time empowers you to script flawless coding\ndemonstrations and present slides seamlessly within Visual Studio Code.\nEliminate typos and missteps, ensuring engaging and stress-free\npresentations.
\n\n## Features\n\n- **Scripted Demos**: Automate your coding demonstrations to maintain a perfect\n flow.​\n- **Code Highlighting**: Emphasize specific code segments to draw audience\n attention.​\n- **Integrated Slides**: Present slides directly within VS Code for a cohesive\n experience.​\n- **Customizable Actions**: Execute various VS Code commands and tasks as part\n of your demo.\n- **PowerPoint Integration**: Seamlessly move from slides to code using the\n [PowerPoint integration](https://demotime.show/integrations/powerpoint/).\n\n## Getting Started\n\n1. **Installation**: Install the extension.​\n2. **Initialization**: After installation, initialize the extension in your\n project by opening the Explorer panel in VS Code. Locate the **Demo Time**\n view and click on the \"**Initialize**\" button. This action creates a `.demo`\n folder in your workspace containing either a `demo.json` or `demo.yaml` file,\n depending on your chosen format.​\n3. **Creating Demos**: Populate the act file with your actions, defining each\n step and action as required.​ More information about the available actions\n can be found in the [supported actions](https://demotime.show/actions/)\n documentation section.\n\n## Documentation\n\nFor detailed instructions, advanced configurations, and best practices, please\nrefer to the comprehensive documentation available at\n[https://demotime.show](https://demotime.show). This resource offers in-depth\nguides and examples to help you maximize the extension's capabilities.\n\n## Example act file\n\nHere is an example demo:\n\n```json\n{\n \"$schema\": \"https://demotime.show/demo-time.schema.json\",\n \"title\": \"Sample demo\",\n \"description\": \"This is a sample demo configuration to show the capabilities of the extension.\",\n \"demos\": [\n {\n \"title\": \"Step 1\",\n \"description\": \"This is step 1\",\n \"steps\": [\n {\n \"action\": \"create\",\n \"path\": \"sample.json\",\n \"content\": \"{\\n \\\"firstName\\\": \\\"Elio\\\",\\n \\\"lastName\\\": \\\"Struyf\\\"\\n}\"\n },\n {\n \"action\": \"open\",\n \"path\": \"sample.json\"\n },\n {\n \"action\": \"highlight\",\n \"path\": \"sample.json\",\n \"position\": \"2:3\"\n }\n ]\n },\n {\n \"title\": \"Step 2\",\n \"description\": \"This is step 2\",\n \"steps\": [\n {\n \"action\": \"snippet\",\n \"contentPath\": \"./snippets/insert_and_highlight.json\",\n \"args\": {\n \"MAIN_FILE\": \"sample.json\",\n \"CONTENT_PATH\": \"content.txt\",\n \"CONTENT_POSITION\": \"3\",\n \"HIGHLIGHT_POSITION\": \"4\"\n }\n }\n ]\n }\n ]\n}\n```\n\nYou can also explore a comprehensive example in the following GitHub\nRepositories:\n\n- [Introduction presentation about Demo Time](https://github.com/estruyf/demo-time-presentation)\n- [presentation-github-actions](https://github.com/estruyf/presentation-github-actions)\n- [presentation-m365-playwright-github-actions](https://github.com/estruyf/presentation-m365-playwright-github-actions)\n\n## Testing\n\nRun linting and unit tests with:\n\n```bash\nnpm run lint\nnpm test\n```\n\nTests use [Jest](https://jestjs.io/) with built-in coverage. New tests are\nlocated in the `tests/` directory.\n\n## Support\n\nIf you enjoy my work and find them useful, consider sponsor me and the ecosystem\nto help Open Source sustainable. Thank you!\n\n## License\n\nThis project is licensed under the Apache License 2.0 - see the\n[LICENSE](./LICENSE) file for details.\n\n
![\"Demo](\"./assets/logo/demotime.png\"){kind=logo}
\n![\"Demo](\"./assets/demotime.gif\")
\n![\"Sponsor](\"https://img.shields.io/badge/Sponsor-Elio%20Struyf%20%E2%9D%A4-%23fe8e86?logo=GitHub&style=flat-square\"){kind=icon}
![\"Struyf](\"./assets/struyf-consulting.webp\")
\n \n![\"Sponsor](\"https://img.shields.io/github/sponsors/estruyf?color=%23CE2E7C&logo=github&style=flat-square\")
\n