+ Ready to return to your DemoTime presentation
+
+
+
+
+
+
+
+
diff --git a/apps/browser-extension/pages/scenes.html b/apps/browser-extension/pages/scenes.html
new file mode 100644
index 00000000..ebb4d2fe
--- /dev/null
+++ b/apps/browser-extension/pages/scenes.html
@@ -0,0 +1,37 @@
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/apps/browser-extension/pages/settings.html b/apps/browser-extension/pages/settings.html
new file mode 100644
index 00000000..43bf7072
--- /dev/null
+++ b/apps/browser-extension/pages/settings.html
@@ -0,0 +1,63 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ All Scenes
+
+
+
+
+
+
+
+
+
diff --git a/apps/browser-extension/scripts/home.js b/apps/browser-extension/scripts/home.js
new file mode 100644
index 00000000..cd2a65d1
--- /dev/null
+++ b/apps/browser-extension/scripts/home.js
@@ -0,0 +1,75 @@
+// Home page functionality
+export default function main() {
+ const previousBtn = document.getElementById('previousBtn');
+ const nextBtn = document.getElementById('nextBtn');
+
+ // Setup navbar navigation
+ setupNavbar();
+
+ // Handle previous button click
+ const handlePrevious = async () => {
+ try {
+ // Get the stored URL from Chrome storage
+ const result = await chrome.storage.local.get(['demotimeUrl']);
+ const url = result.demotimeUrl;
+
+ if (url) {
+ // Remove trailing slash if present
+ const baseUrl = url.endsWith('/') ? url.slice(0, -1) : url;
+ // Open the URL with previous API endpoint
+ chrome.tabs.create({ url: baseUrl + '/api/previous?bringToFront=true' });
+ } else {
+ // If no URL is set, navigate to settings
+ alert('Please set your DemoTime URL in settings first.');
+ window.location.href = chrome.runtime.getURL('pages/settings.html');
+ }
+ } catch (error) {
+ console.error('Error accessing stored URL:', error);
+ alert('Failed to retrieve URL. Please check your settings.');
+ }
+ };
+
+ // Handle next button click
+ const handleNext = async () => {
+ try {
+ // Get the stored URL from Chrome storage
+ const result = await chrome.storage.local.get(['demotimeUrl']);
+ const url = result.demotimeUrl;
+
+ if (url) {
+ // Remove trailing slash if present
+ const baseUrl = url.endsWith('/') ? url.slice(0, -1) : url;
+ // Open the URL with next API endpoint
+ chrome.tabs.create({ url: baseUrl + '/api/next?bringToFront=true' });
+ } else {
+ // If no URL is set, navigate to settings
+ alert('Please set your DemoTime URL in settings first.');
+ window.location.href = chrome.runtime.getURL('pages/settings.html');
+ }
+ } catch (error) {
+ console.error('Error accessing stored URL:', error);
+ alert('Failed to retrieve URL. Please check your settings.');
+ }
+ };
+
+ previousBtn.addEventListener('click', handlePrevious);
+ nextBtn.addEventListener('click', handleNext);
+
+ // Cleanup function
+ return () => {
+ previousBtn.removeEventListener('click', handlePrevious);
+ nextBtn.removeEventListener('click', handleNext);
+ };
+}
+
+// Setup navbar navigation with proper URLs
+function setupNavbar() {
+ const navLinks = document.querySelectorAll('.nav-icon');
+ navLinks.forEach(link => {
+ const href = link.getAttribute('href');
+ link.addEventListener('click', (e) => {
+ e.preventDefault();
+ window.location.href = chrome.runtime.getURL('pages/' + href);
+ });
+ });
+}
diff --git a/apps/browser-extension/scripts/scenes.js b/apps/browser-extension/scripts/scenes.js
new file mode 100644
index 00000000..1fc28ef8
--- /dev/null
+++ b/apps/browser-extension/scripts/scenes.js
@@ -0,0 +1,124 @@
+// Scenes page functionality
+export default function main() {
+ const scenesList = document.getElementById('scenesList');
+
+ // Setup navbar navigation
+ setupNavbar();
+
+ // Load scenes from DemoTime API
+ const loadScenes = async () => {
+ scenesList.innerHTML = '';
+
+ try {
+ // Get the stored URL from Chrome storage
+ const result = await chrome.storage.local.get(['demotimeUrl']);
+ const url = result.demotimeUrl;
+
+ console.log('DemoTime URL:', url);
+
+ if (!url) {
+ scenesList.innerHTML = '';
+ return;
+ }
+
+ // Remove trailing slash if present
+ const baseUrl = url.endsWith('/') ? url.slice(0, -1) : url;
+ const apiUrl = baseUrl + '/api/demos';
+
+ console.log('Fetching from:', apiUrl);
+
+ // Fetch demos from the API
+ const response = await fetch(apiUrl);
+
+ console.log('Response status:', response.status);
+
+ if (!response.ok) {
+ throw new Error(`Failed to fetch scenes: ${response.status} ${response.statusText}`);
+ }
+
+ const scenes = await response.json();
+
+ console.log('Scenes loaded:', scenes);
+ console.log('Scenes type:', typeof scenes, 'Is array:', Array.isArray(scenes));
+
+ // Clear loading message
+ scenesList.innerHTML = '';
+
+ // Handle if scenes is an object with a demos property or similar
+ let scenesList_data = scenes;
+ if (!Array.isArray(scenes)) {
+ // Check if it's an object with demos/scenes/data property
+ scenesList_data = scenes.demos || scenes.scenes || scenes.data || scenes;
+
+ // If still not an array, try to convert object to array
+ if (!Array.isArray(scenesList_data)) {
+ scenesList_data = Object.values(scenes);
+ }
+ }
+
+ if (!scenesList_data || scenesList_data.length === 0) {
+ scenesList.innerHTML = '';
+ return;
+ }
+
+ // Flatten the scenes by iterating through demo groups and their children
+ scenesList_data.forEach(demoGroup => {
+ // Check if this demo group has children (the actual scenes)
+ const children = demoGroup.children || [];
+
+ children.forEach(scene => {
+ // Skip disabled scenes
+ if (scene.disabled === true) {
+ return;
+ }
+
+ const sceneItem = document.createElement('div');
+ sceneItem.className = 'scene-item';
+
+ const label = document.createElement('span');
+ label.className = 'scene-label';
+ label.textContent = scene.originalLabel || scene.label || 'Untitled Scene';
+
+ const playIcon = document.createElement('div');
+ playIcon.className = 'play-icon';
+ playIcon.innerHTML = `
+
+ `;
+
+ sceneItem.appendChild(label);
+ sceneItem.appendChild(playIcon);
+
+ // Add click handler to navigate to the scene using the scene's ID
+ sceneItem.addEventListener('click', () => {
+ const sceneUrl = baseUrl + '/api/runById?id=' + encodeURIComponent(scene.id) + '&bringToFront=true';
+ chrome.tabs.create({ url: sceneUrl });
+ });
+
+ scenesList.appendChild(sceneItem);
+ });
+ });
+ } catch (error) {
+ console.error('Error loading scenes:', error);
+ scenesList.innerHTML = '';
+ }
+ };
+
+ loadScenes();
+
+ // Cleanup function (no event listeners to clean up)
+ return () => {};
+}
+
+// Setup navbar navigation with proper URLs
+function setupNavbar() {
+ const navLinks = document.querySelectorAll('.nav-icon');
+ navLinks.forEach(link => {
+ const href = link.getAttribute('href');
+ link.addEventListener('click', (e) => {
+ e.preventDefault();
+ window.location.href = chrome.runtime.getURL('pages/' + href);
+ });
+ });
+}
diff --git a/apps/browser-extension/scripts/settings.js b/apps/browser-extension/scripts/settings.js
new file mode 100644
index 00000000..4452f79c
--- /dev/null
+++ b/apps/browser-extension/scripts/settings.js
@@ -0,0 +1,122 @@
+// Settings page functionality
+export default function main() {
+ const urlInput = document.getElementById('urlInput');
+ const themeSelect = document.getElementById('themeSelect');
+ const saveBtn = document.getElementById('saveBtn');
+ const errorMsg = document.getElementById('errorMsg');
+
+ // Setup navbar navigation
+ setupNavbar();
+
+ // Apply theme function
+ const applyTheme = (theme) => {
+ const root = document.documentElement;
+ if (theme === 'system') {
+ root.removeAttribute('data-theme');
+ } else {
+ root.setAttribute('data-theme', theme);
+ }
+ };
+
+ // Load saved URL and theme
+ (async () => {
+ try {
+ const result = await chrome.storage.local.get(['demotimeUrl', 'theme']);
+ if (result.demotimeUrl) {
+ urlInput.value = result.demotimeUrl;
+ }
+ if (result.theme) {
+ themeSelect.value = result.theme;
+ } else {
+ themeSelect.value = 'system';
+ }
+ } catch (error) {
+ console.error('Error loading settings:', error);
+ }
+ })();
+
+ // Validate URL
+ function isValidUrl(string) {
+ try {
+ const url = new URL(string);
+ return url.protocol === 'http:' || url.protocol === 'https:';
+ } catch (_) {
+ return false;
+ }
+ }
+
+ // Handle input validation
+ const handleInput = () => {
+ errorMsg.textContent = '';
+ urlInput.classList.remove('error');
+ };
+
+ // Save URL and theme
+ const handleSave = async () => {
+ const url = urlInput.value.trim();
+ const theme = themeSelect.value;
+
+ if (!url) {
+ errorMsg.textContent = 'Please enter a URL';
+ urlInput.classList.add('error');
+ return;
+ }
+
+ if (!isValidUrl(url)) {
+ errorMsg.textContent = 'Please enter a valid URL (http:// or https://)';
+ urlInput.classList.add('error');
+ return;
+ }
+
+ try {
+ console.log('Saving settings:', { url, theme });
+ await chrome.storage.local.set({ demotimeUrl: url, theme });
+ console.log('Settings saved to storage');
+
+ applyTheme(theme);
+ console.log('Theme applied');
+
+ // Show success feedback
+ saveBtn.textContent = 'Saved!';
+ saveBtn.disabled = true;
+
+ setTimeout(() => {
+ window.location.href = chrome.runtime.getURL('pages/home.html');
+ }, 500);
+ } catch (error) {
+ console.error('Error saving settings:', error);
+ console.error('Error details:', error.message, error.stack);
+ errorMsg.textContent = `Failed to save settings: ${error.message}`;
+ }
+ };
+
+ // Allow saving with Enter key
+ const handleKeypress = (e) => {
+ if (e.key === 'Enter') {
+ saveBtn.click();
+ }
+ };
+
+ urlInput.addEventListener('input', handleInput);
+ saveBtn.addEventListener('click', handleSave);
+ urlInput.addEventListener('keypress', handleKeypress);
+
+ // Cleanup function
+ return () => {
+ urlInput.removeEventListener('input', handleInput);
+ saveBtn.removeEventListener('click', handleSave);
+ urlInput.removeEventListener('keypress', handleKeypress);
+ };
+}
+
+// Setup navbar navigation with proper URLs
+function setupNavbar() {
+ const navLinks = document.querySelectorAll('.nav-icon');
+ navLinks.forEach(link => {
+ const href = link.getAttribute('href');
+ link.addEventListener('click', (e) => {
+ e.preventDefault();
+ window.location.href = chrome.runtime.getURL('pages/' + href);
+ });
+ });
+}
diff --git a/apps/browser-extension/scripts/theme.js b/apps/browser-extension/scripts/theme.js
new file mode 100644
index 00000000..03ec1d52
--- /dev/null
+++ b/apps/browser-extension/scripts/theme.js
@@ -0,0 +1,50 @@
+// Theme management
+export async function loadTheme() {
+ try {
+ const result = await chrome.storage.local.get(['theme']);
+ const theme = result.theme || 'system';
+ applyTheme(theme);
+ return theme;
+ } catch (error) {
+ console.error('Error loading theme:', error);
+ applyTheme('system');
+ return 'system';
+ }
+}
+
+export function applyTheme(theme) {
+ const root = document.documentElement;
+
+ if (theme === 'system') {
+ // Remove data-theme attribute to let system preference take effect
+ root.removeAttribute('data-theme');
+ } else {
+ // Set explicit theme
+ root.setAttribute('data-theme', theme);
+ }
+}
+
+export async function saveTheme(theme) {
+ try {
+ await chrome.storage.local.set({ theme });
+ applyTheme(theme);
+ } catch (error) {
+ console.error('Error saving theme:', error);
+ throw error;
+ }
+}
+
+// Main function for Extension.js
+export default function main() {
+ // Initialize theme on page load
+ if (document.readyState === 'loading') {
+ document.addEventListener('DOMContentLoaded', loadTheme);
+ } else {
+ loadTheme();
+ }
+
+ // Cleanup function
+ return () => {
+ // No cleanup needed for theme management
+ };
+}
diff --git a/apps/browser-extension/styles/main.css b/apps/browser-extension/styles/main.css
new file mode 100644
index 00000000..d0e6fbdc
--- /dev/null
+++ b/apps/browser-extension/styles/main.css
@@ -0,0 +1,653 @@
+/* DemoTime Browser Extension - Main Styles */
+/* Based on DemoTime VSCode Extension styles */
+
+:root {
+ /* Light mode colors */
+ --color-demo-time-accent-low: #e1d6b9;
+ --color-demo-time-accent: #624d00;
+ --color-demo-time-accent-high: #ffd43b;
+ --color-demo-time-gray-1: #f3f3f3;
+ --color-demo-time-gray-2: #ececec;
+ --color-demo-time-gray-3: #e1e1e1;
+ --color-demo-time-gray-4: #d4d4d4;
+ --color-demo-time-gray-5: #b0b0b0;
+ --color-demo-time-gray-6: #8c8c8c;
+ --color-demo-time-gray-7: #6f6f6f;
+ --color-demo-time-black: #0c0c0c;
+}
+
+/* Dark mode colors */
+@media (prefers-color-scheme: dark) {
+ :root {
+ --color-demo-time-accent-low: #1a1815;
+ --color-demo-time-accent: #ffd43b;
+ --color-demo-time-accent-high: #ffd43b;
+ --color-demo-time-gray-1: #1e1e1e;
+ --color-demo-time-gray-2: #2d2d30;
+ --color-demo-time-gray-3: #3e3e42;
+ --color-demo-time-gray-4: #565656;
+ --color-demo-time-gray-5: #6e6e6e;
+ --color-demo-time-gray-6: #8e8e8e;
+ --color-demo-time-gray-7: #cccccc;
+ }
+}
+
+/* Explicit theme overrides */
+[data-theme="light"] {
+ --color-demo-time-accent-low: #e1d6b9;
+ --color-demo-time-accent: #624d00;
+ --color-demo-time-accent-high: #ffd43b;
+ --color-demo-time-gray-1: #f3f3f3;
+ --color-demo-time-gray-2: #ececec;
+ --color-demo-time-gray-3: #e1e1e1;
+ --color-demo-time-gray-4: #d4d4d4;
+ --color-demo-time-gray-5: #b0b0b0;
+ --color-demo-time-gray-6: #8c8c8c;
+ --color-demo-time-gray-7: #6f6f6f;
+ --color-demo-time-black: #0c0c0c;
+}
+
+[data-theme="dark"] {
+ --color-demo-time-accent-low: #1a1815;
+ --color-demo-time-accent: #ffd43b;
+ --color-demo-time-accent-high: #ffd43b;
+ --color-demo-time-gray-1: #1e1e1e;
+ --color-demo-time-gray-2: #2d2d30;
+ --color-demo-time-gray-3: #3e3e42;
+ --color-demo-time-gray-4: #565656;
+ --color-demo-time-gray-5: #6e6e6e;
+ --color-demo-time-gray-6: #8e8e8e;
+ --color-demo-time-gray-7: #cccccc;
+}
+
+/* Theme transition for smooth switching */
+* {
+ transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;
+}
+
+/* Base styles */
+*,
+*::after,
+*::before {
+ box-sizing: border-box;
+}
+
+button,
+[role='button'] {
+ cursor: pointer;
+}
+
+/* Root and Body Styles */
+html,
+body {
+ margin: 0;
+ padding: 0;
+ width: 100%;
+ min-height: 100vh;
+ font-size: 14px;
+}
+
+body {
+ background-color: #f9fafc;
+ color: var(--color-demo-time-black);
+ font-family: 'Mona Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+ margin: 0;
+ padding: 0;
+}
+
+[data-theme="dark"] body {
+ background-color: #101828;
+ color: var(--color-demo-time-gray-7);
+}
+
+@media (prefers-color-scheme: dark) {
+ body {
+ background-color: #101828;
+ }
+
+ [data-theme="light"] body {
+ background-color: #f9fafc;
+ }
+}
+
+/* Container and Layout */
+.container {
+ display: flex;
+ flex-direction: column;
+ min-height: 100vh;
+ width: 400px;
+ max-width: 400px;
+}
+
+.header {
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ justify-content: space-between;
+ padding: 16px 20px;
+ gap: 16px;
+ background: #ffffff;
+ border-bottom: 1px solid var(--color-demo-time-gray-3);
+}
+
+[data-theme="dark"] .header {
+ background: #101828;
+}
+
+@media (prefers-color-scheme: dark) {
+ .header {
+ background: #101828;
+ }
+
+ [data-theme="light"] .header {
+ background: #ffffff;
+ }
+}
+
+.logo {
+ width: 48px;
+ height: 48px;
+ object-fit: contain;
+}
+
+/* Navbar styles */
+.navbar {
+ display: flex;
+ align-items: center;
+ gap: 8px;
+}
+
+.nav-icon {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ width: 36px;
+ height: 36px;
+ border-radius: 8px;
+ background: #ffffff;
+ border: 1px solid #d1d5db;
+ transition: all 0.2s ease;
+ text-decoration: none;
+ cursor: pointer;
+}
+
+.nav-icon:hover {
+ background: var(--color-demo-time-gray-3);
+ border-color: var(--color-demo-time-gray-4);
+}
+
+.nav-icon img {
+ width: 16px;
+ height: 16px;
+ opacity: 0.6;
+ transition: opacity 0.2s ease;
+}
+
+.nav-icon:hover img {
+ opacity: 0.8;
+}
+
+.nav-icon.active {
+ background: #f9fafc;
+ border-color: #d1d5db;
+}
+
+.nav-icon.active img {
+ opacity: 0.6;
+}
+
+/* Dark mode nav-icon styles */
+[data-theme="dark"] .nav-icon {
+ background: #1e2939;
+ border: 1px solid #495565;
+ color: #FFFFFF;
+}
+
+[data-theme="dark"] .nav-icon img {
+ opacity: 1;
+ filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);
+}
+
+[data-theme="dark"] .nav-icon:hover {
+ background: #2a3547;
+ border-color: #5a6575;
+}
+
+[data-theme="dark"] .nav-icon.active {
+ background: #1e2939;
+ border-color: #495565;
+}
+
+@media (prefers-color-scheme: dark) {
+ .nav-icon {
+ background: #1e2939;
+ border: 1px solid #495565;
+ color: #FFFFFF;
+ }
+
+ .nav-icon img {
+ opacity: 1;
+ filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);
+ }
+
+ .nav-icon:hover {
+ background: #2a3547;
+ border-color: #5a6575;
+ }
+
+ .nav-icon.active {
+ background: #1e2939;
+ border-color: #495565;
+ }
+
+ [data-theme="light"] .nav-icon {
+ background: #ffffff;
+ border: 1px solid #d1d5db;
+ color: inherit;
+ }
+
+ [data-theme="light"] .nav-icon img {
+ opacity: 0.6;
+ filter: none;
+ }
+
+ [data-theme="light"] .nav-icon:hover {
+ background: var(--color-demo-time-gray-3);
+ border-color: var(--color-demo-time-gray-4);
+ }
+
+ [data-theme="light"] .nav-icon.active {
+ background: #f9fafc;
+ border-color: #d1d5db;
+ }
+}
+
+/* Content area */
+.content {
+ flex: 1;
+ display: flex;
+ flex-direction: column;
+ padding: 24px;
+ gap: 16px;
+}
+
+.text-label {
+ text-align: center;
+ font-size: 16px;
+ color: var(--color-demo-time-gray-6);
+ margin-bottom: 8px;
+ font-family: 'Mona Sans', system-ui, sans-serif;
+}
+
+/* Dark mode text styles */
+[data-theme="dark"] h1,
+[data-theme="dark"] h2,
+[data-theme="dark"] .text-label,
+[data-theme="dark"] .page-title {
+ color: #FFFFFF;
+}
+
+[data-theme="dark"] .label {
+ color: #d1d5db;
+}
+
+@media (prefers-color-scheme: dark) {
+ h1, h2, .text-label, .page-title {
+ color: #FFFFFF;
+ }
+
+ .label {
+ color: #d1d5db;
+ }
+
+ [data-theme="light"] h1,
+ [data-theme="light"] h2,
+ [data-theme="light"] .text-label,
+ [data-theme="light"] .page-title,
+ [data-theme="light"] .label {
+ color: var(--color-demo-time-gray-6);
+ }
+}
+
+/* HOME PAGE STYLES */
+.button-group {
+ display: flex;
+ gap: 12px;
+ width: 100%;
+}
+
+.nav-btn {
+ flex: 1;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ gap: 8px;
+ padding: 12px 24px;
+ border-radius: 8px;
+ font-weight: 600;
+ font-family: 'Hubot Sans', 'Mona Sans', system-ui, sans-serif;
+ cursor: pointer;
+ transition: all 0.2s ease;
+ font-size: 14px;
+}
+
+.nav-btn img,
+.nav-btn svg {
+ width: 20px;
+ height: 20px;
+ color: inherit;
+}
+
+.nav-btn svg {
+ flex-shrink: 0;
+}
+
+/* Primary Button Styles */
+.btn-primary {
+ border: 1px solid #ffd43a;
+ background-color: #ffd43a;
+ color: #1e2939;
+}
+
+.btn-primary:hover {
+ filter: brightness(1.1);
+ box-shadow: 0 4px 12px rgba(255, 212, 59, 0.3);
+}
+
+.btn-primary:active {
+ filter: brightness(0.95);
+ transform: scale(0.98);
+}
+
+/* Secondary Button Styles - Light Mode */
+.btn-secondary {
+ border: 1px solid #d1d5db;
+ background-color: transparent;
+ color: #1e2939;
+}
+
+.btn-secondary:hover {
+ background-color: rgba(209, 213, 219, 0.1);
+ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
+}
+
+.btn-secondary:active {
+ background-color: rgba(209, 213, 219, 0.2);
+ transform: scale(0.98);
+}
+
+/* Secondary Button Styles - Dark Mode */
+[data-theme="dark"] .btn-secondary {
+ border: 1px solid #d1d5db;
+ background-color: #1e2939;
+ color: #d1d5db;
+}
+
+[data-theme="dark"] .btn-secondary:hover {
+ background-color: #2a3547;
+ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
+}
+
+[data-theme="dark"] .btn-secondary:active {
+ background-color: #1a2231;
+}
+
+@media (prefers-color-scheme: dark) {
+ .btn-secondary {
+ border: 1px solid #d1d5db;
+ background-color: #1e2939;
+ color: #d1d5db;
+ }
+
+ .btn-secondary:hover {
+ background-color: #2a3547;
+ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
+ }
+
+ .btn-secondary:active {
+ background-color: #1a2231;
+ }
+
+ [data-theme="light"] .btn-secondary {
+ border: 1px solid #d1d5db;
+ background-color: transparent;
+ color: #1e2939;
+ }
+
+ [data-theme="light"] .btn-secondary:hover {
+ background-color: rgba(209, 213, 219, 0.1);
+ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
+ }
+
+ [data-theme="light"] .btn-secondary:active {
+ background-color: rgba(209, 213, 219, 0.2);
+ }
+}
+
+/* SETTINGS PAGE STYLES */
+.form-group {
+ margin-bottom: 24px;
+}
+
+.form-group label {
+ display: block;
+ margin-bottom: 8px;
+ font-weight: 500;
+ color: var(--color-demo-time-black);
+ font-family: 'Hubot Sans', 'Mona Sans', system-ui, sans-serif;
+}
+
+[data-theme="dark"] .form-group label {
+ color: var(--color-demo-time-gray-7);
+}
+
+.url-input,
+.theme-select {
+ width: 100%;
+ padding: 10px 16px;
+ border-radius: 8px;
+ border: 2px solid var(--color-demo-time-gray-3);
+ background-color: var(--color-demo-time-gray-1);
+ color: var(--color-demo-time-black);
+ font-family: 'Mona Sans', system-ui, sans-serif;
+ font-size: 14px;
+ transition: all 0.2s ease;
+}
+
+[data-theme="dark"] .url-input,
+[data-theme="dark"] .theme-select {
+ background-color: #1e2939;
+ color: #d1d5db;
+ border: 1px solid #d1d5db;
+}
+
+@media (prefers-color-scheme: dark) {
+ .url-input,
+ .theme-select {
+ background-color: #1e2939;
+ color: #d1d5db;
+ border: 1px solid #d1d5db;
+ }
+
+ [data-theme="light"] .url-input,
+ [data-theme="light"] .theme-select {
+ background-color: var(--color-demo-time-gray-1);
+ color: var(--color-demo-time-black);
+ border: 2px solid var(--color-demo-time-gray-3);
+ }
+}
+
+.url-input:focus,
+.theme-select:focus {
+ outline: none;
+ border-color: var(--color-demo-time-accent);
+ box-shadow: 0 0 0 3px rgba(255, 212, 59, 0.1);
+}
+
+.url-input::placeholder {
+ color: var(--color-demo-time-gray-5);
+}
+
+.save-btn {
+ width: 100%;
+ padding: 12px 24px;
+ border-radius: 8px;
+ font-weight: 600;
+ font-family: 'Hubot Sans', 'Mona Sans', system-ui, sans-serif;
+ cursor: pointer;
+ transition: all 0.2s ease;
+ font-size: 14px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ gap: 8px;
+}
+
+.save-btn svg {
+ width: 20px;
+ height: 20px;
+ flex-shrink: 0;
+}
+
+.save-btn:disabled {
+ opacity: 0.5;
+ cursor: not-allowed;
+}
+
+/* SCENES PAGE STYLES */
+.scenes-list {
+ display: flex;
+ flex-direction: column;
+ gap: 8px;
+ max-height: 400px;
+ overflow-y: auto;
+ overflow-x: hidden;
+}
+
+/* Scrollbar styling for scenes list */
+.scenes-list::-webkit-scrollbar {
+ width: 8px;
+}
+
+.scenes-list::-webkit-scrollbar-track {
+ background: transparent;
+}
+
+.scenes-list::-webkit-scrollbar-thumb {
+ background-color: rgba(209, 213, 219, 0.8);
+ border-radius: 4px;
+}
+
+.scenes-list::-webkit-scrollbar-thumb:hover {
+ background-color: rgba(156, 163, 175, 1);
+}
+
+[data-theme="dark"] .scenes-list::-webkit-scrollbar-thumb {
+ background-color: rgba(75, 85, 99, 0.8);
+}
+
+[data-theme="dark"] .scenes-list::-webkit-scrollbar-thumb:hover {
+ background-color: rgba(107, 114, 128, 1);
+}
+
+
+/* Scene item styles - Light mode */
+.scene-item {
+ display: flex;
+ align-items: center;
+ gap: 12px;
+ padding: 16px;
+ border-radius: 8px;
+ background-color: #ffffff;
+ border: 1px solid #e6e7eb;
+ cursor: pointer;
+ transition: all 0.2s ease;
+}
+
+.scene-item:hover {
+ border-color: #d1d5db;
+ transform: translateX(2px);
+}
+
+/* Scene item styles - Dark mode */
+[data-theme="dark"] .scene-item {
+ background-color: #1e2939;
+ border: 1px solid #364153;
+}
+
+[data-theme="dark"] .scene-item:hover {
+ border-color: #4b5563;
+}
+
+@media (prefers-color-scheme: dark) {
+ .scene-item {
+ background-color: #1e2939;
+ border: 1px solid #364153;
+ }
+
+ .scene-item:hover {
+ border-color: #4b5563;
+ }
+
+ [data-theme="light"] .scene-item {
+ background-color: #ffffff;
+ border: 1px solid #e6e7eb;
+ }
+
+ [data-theme="light"] .scene-item:hover {
+ border-color: #d1d5db;
+ }
+}
+
+/* Play icon */
+.play-icon {
+ flex-shrink: 0;
+ width: 24px;
+ height: 24px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+
+.play-icon svg {
+ width: 16px;
+ height: 16px;
+ color: #00a63e;
+}
+
+/* Scene label */
+.scene-label {
+ flex: 1;
+ font-weight: 500;
+ color: #1e2939;
+ font-family: 'Mona Sans', system-ui, sans-serif;
+}
+
+[data-theme="dark"] .scene-label {
+ color: #d1d5db;
+}
+
+@media (prefers-color-scheme: dark) {
+ .scene-label {
+ color: #d1d5db;
+ }
+
+ [data-theme="light"] .scene-label {
+ color: #1e2939;
+ }
+}
+
+/* Message styles */
+.message {
+ text-align: center;
+ color: var(--color-demo-time-gray-6);
+ padding: 16px;
+}
+
+.error {
+ color: #dc2626;
+}
+
+[data-theme="dark"] .error {
+ color: #f87171;
+}
diff --git a/apps/browser-extension/temporary/example.json b/apps/browser-extension/temporary/example.json
new file mode 100644
index 00000000..22e9cd93
--- /dev/null
+++ b/apps/browser-extension/temporary/example.json
@@ -0,0 +1,5815 @@
+{
+ "nextDemo": {
+ "title": "Two Columns",
+ "id": "scene-mkfcbq3p-yz0y"
+ },
+ "demos": [
+ {
+ "collapsibleState": 2,
+ "label": "CloudBuilt",
+ "children": [
+ {
+ "collapsibleState": 0,
+ "label": "1. Intro",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/cloudbuilt.yaml",
+ "stepIndex": 0,
+ "originalLabel": "Intro",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "demo-mhyyexgn-ms2w",
+ "description": " Intro",
+ "tooltip": "Intro",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "1. Intro",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/cloudbuilt.yaml",
+ "idx": 0,
+ "demo": {
+ "id": "demo-mhyyexgn-ms2w",
+ "title": "Intro",
+ "steps": [
+ {
+ "action": "openSlide",
+ "path": ".demo/slides/CloudBuilt/intro.md"
+ }
+ ],
+ "description": "Intro"
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.firstStep demo-time.isSlide"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "2. Light",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/cloudbuilt.yaml",
+ "stepIndex": 1,
+ "originalLabel": "Light",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "demo-mhz02l6y-fdms",
+ "description": " Light slides",
+ "tooltip": "Light slides",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "2. Light",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/cloudbuilt.yaml",
+ "idx": 1,
+ "demo": {
+ "id": "demo-mhz02l6y-fdms",
+ "title": "Light",
+ "steps": [
+ {
+ "action": "openSlide",
+ "path": ".demo/slides/CloudBuilt/light.md"
+ }
+ ],
+ "description": "Light slides"
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.lastStep demo-time.isSlide"
+ }
+ ],
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/cloudbuilt.yaml",
+ "description": " cloudbuilt.yaml",
+ "tooltip": "cloudbuilt.yaml",
+ "iconPath": {
+ "id": "dt-act"
+ },
+ "contextValue": "demo-time.file"
+ },
+ {
+ "collapsibleState": 2,
+ "label": "CollabDays2026",
+ "children": [
+ {
+ "collapsibleState": 0,
+ "label": "1. Default",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/collabdays.yaml",
+ "stepIndex": 0,
+ "originalLabel": "Default",
+ "isActive": false,
+ "hasExecuted": true,
+ "disabled": false,
+ "id": "scene-mkfacc08-kaw1",
+ "description": " The Default Slide",
+ "tooltip": "The Default Slide",
+ "iconPath": {
+ "id": "pass-filled",
+ "color": {
+ "id": "notebookStatusSuccessIcon.foreground"
+ }
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "1. Default",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/collabdays.yaml",
+ "idx": 0,
+ "demo": {
+ "id": "scene-mkfacc08-kaw1",
+ "title": "Default",
+ "description": "The Default Slide",
+ "steps": [
+ {
+ "action": "openSlide",
+ "path": ".demo/slides/CollabDays/default.md"
+ }
+ ],
+ "icons": {
+ "start": "account",
+ "end": ""
+ }
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.firstStep demo-time.isSlide"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "2. Intro",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/collabdays.yaml",
+ "stepIndex": 1,
+ "originalLabel": "Intro",
+ "isActive": false,
+ "hasExecuted": true,
+ "disabled": false,
+ "id": "scene-mkfanc2x-3ryu",
+ "description": " The Intro slide",
+ "tooltip": "The Intro slide",
+ "iconPath": {
+ "id": "pass-filled",
+ "color": {
+ "id": "notebookStatusSuccessIcon.foreground"
+ }
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "2. Intro",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/collabdays.yaml",
+ "idx": 1,
+ "demo": {
+ "id": "scene-mkfanc2x-3ryu",
+ "title": "Intro",
+ "description": "The Intro slide",
+ "steps": [
+ {
+ "action": "openSlide",
+ "path": ".demo/slides/CollabDays/intro.md"
+ }
+ ]
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.step demo-time.isSlide"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "3. Section",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/collabdays.yaml",
+ "stepIndex": 2,
+ "originalLabel": "Section",
+ "isActive": true,
+ "hasExecuted": true,
+ "disabled": false,
+ "id": "scene-mkfc8h6a-5aco",
+ "description": "← The Section slide",
+ "tooltip": "The Section slide",
+ "iconPath": {
+ "id": "pass-filled",
+ "color": {
+ "id": "notebookStatusSuccessIcon.foreground"
+ }
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "3. Section",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/collabdays.yaml",
+ "idx": 2,
+ "demo": {
+ "id": "scene-mkfc8h6a-5aco",
+ "title": "Section",
+ "description": "The Section slide",
+ "steps": [
+ {
+ "action": "openSlide",
+ "path": ".demo/slides/CollabDays/section.md"
+ }
+ ]
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.step demo-time.isSlide"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "4. Two Columns",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/collabdays.yaml",
+ "stepIndex": 3,
+ "originalLabel": "Two Columns",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "scene-mkfcbq3p-yz0y",
+ "description": " The two columns slide",
+ "tooltip": "The two columns slide",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "4. Two Columns",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/collabdays.yaml",
+ "idx": 3,
+ "demo": {
+ "id": "scene-mkfcbq3p-yz0y",
+ "title": "Two Columns",
+ "description": "The two columns slide",
+ "steps": [
+ {
+ "action": "openSlide",
+ "path": ".demo/slides/CollabDays/two-columns.md"
+ }
+ ]
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.step demo-time.isSlide"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "5. Image",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/collabdays.yaml",
+ "stepIndex": 4,
+ "originalLabel": "Image",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "scene-mkfck1ux-mblx",
+ "description": " This is a Image slide",
+ "tooltip": "This is a Image slide",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "5. Image",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/collabdays.yaml",
+ "idx": 4,
+ "demo": {
+ "id": "scene-mkfck1ux-mblx",
+ "title": "Image",
+ "description": "This is a Image slide",
+ "steps": [
+ {
+ "action": "openSlide",
+ "path": ".demo/slides/CollabDays/image.md"
+ }
+ ]
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.step demo-time.isSlide"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "6. Image Left",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/collabdays.yaml",
+ "stepIndex": 5,
+ "originalLabel": "Image Left",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "scene-mkfcv4sz-zpxb",
+ "description": " The image left slide",
+ "tooltip": "The image left slide",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "6. Image Left",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/collabdays.yaml",
+ "idx": 5,
+ "demo": {
+ "id": "scene-mkfcv4sz-zpxb",
+ "title": "Image Left",
+ "description": "The image left slide",
+ "steps": [
+ {
+ "action": "openSlide",
+ "path": ".demo/slides/CollabDays/image-left.md"
+ }
+ ]
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.lastStep demo-time.isSlide"
+ }
+ ],
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/collabdays.yaml",
+ "description": " collabdays.yaml",
+ "tooltip": "collabdays.yaml",
+ "iconPath": {
+ "id": "play-circle",
+ "color": {
+ "id": "notebookStatusSuccessIcon.foreground"
+ }
+ },
+ "contextValue": "demo-time.file"
+ },
+ {
+ "collapsibleState": 2,
+ "label": "CollabDaysPortugal",
+ "children": [
+ {
+ "collapsibleState": 0,
+ "label": "1. Slide1",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/CollabDaysPortugal.json",
+ "stepIndex": 0,
+ "originalLabel": "Slide1",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "description": " ",
+ "tooltip": "1. Slide1",
+ "iconPath": {
+ "id": "vm"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "1. Slide1",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/CollabDaysPortugal.json",
+ "idx": 0,
+ "demo": {
+ "title": "Slide1",
+ "description": "",
+ "icons": {
+ "start": "vm",
+ "end": "pass-filled"
+ },
+ "steps": [
+ {
+ "action": "openSlide",
+ "path": ".demo/slides/CollabDaysPortugal/Slide1.md"
+ }
+ ]
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.firstStep demo-time.isSlide"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "2. Slide2",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/CollabDaysPortugal.json",
+ "stepIndex": 1,
+ "originalLabel": "Slide2",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "description": " ",
+ "tooltip": "2. Slide2",
+ "iconPath": {
+ "id": "vm"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "2. Slide2",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/CollabDaysPortugal.json",
+ "idx": 1,
+ "demo": {
+ "title": "Slide2",
+ "description": "",
+ "icons": {
+ "start": "vm",
+ "end": "pass-filled"
+ },
+ "steps": [
+ {
+ "action": "openSlide",
+ "path": ".demo/slides/CollabDaysPortugal/Slide2.md"
+ }
+ ]
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.step demo-time.isSlide"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "3. Slide3",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/CollabDaysPortugal.json",
+ "stepIndex": 2,
+ "originalLabel": "Slide3",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "description": " ",
+ "tooltip": "3. Slide3",
+ "iconPath": {
+ "id": "vm"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "3. Slide3",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/CollabDaysPortugal.json",
+ "idx": 2,
+ "demo": {
+ "title": "Slide3",
+ "description": "",
+ "icons": {
+ "start": "vm",
+ "end": "pass-filled"
+ },
+ "steps": [
+ {
+ "action": "openSlide",
+ "path": ".demo/slides/CollabDaysPortugal/Slide3.md"
+ }
+ ]
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.step demo-time.isSlide"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "4. Slide4",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/CollabDaysPortugal.json",
+ "stepIndex": 3,
+ "originalLabel": "Slide4",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "description": " ",
+ "tooltip": "4. Slide4",
+ "iconPath": {
+ "id": "vm"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "4. Slide4",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/CollabDaysPortugal.json",
+ "idx": 3,
+ "demo": {
+ "title": "Slide4",
+ "description": "",
+ "icons": {
+ "start": "vm",
+ "end": "pass-filled"
+ },
+ "steps": [
+ {
+ "action": "openSlide",
+ "path": ".demo/slides/CollabDaysPortugal/Slide4.md"
+ }
+ ]
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.step demo-time.isSlide"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "5. Slide5",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/CollabDaysPortugal.json",
+ "stepIndex": 4,
+ "originalLabel": "Slide5",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "description": " ",
+ "tooltip": "5. Slide5",
+ "iconPath": {
+ "id": "vm"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "5. Slide5",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/CollabDaysPortugal.json",
+ "idx": 4,
+ "demo": {
+ "title": "Slide5",
+ "description": "",
+ "icons": {
+ "start": "vm",
+ "end": "pass-filled"
+ },
+ "steps": [
+ {
+ "action": "openSlide",
+ "path": ".demo/slides/CollabDaysPortugal/Slide5.md"
+ }
+ ]
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.step demo-time.isSlide"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "6. Slide6",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/CollabDaysPortugal.json",
+ "stepIndex": 5,
+ "originalLabel": "Slide6",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "description": " ",
+ "tooltip": "6. Slide6",
+ "iconPath": {
+ "id": "vm"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "6. Slide6",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/CollabDaysPortugal.json",
+ "idx": 5,
+ "demo": {
+ "title": "Slide6",
+ "description": "",
+ "icons": {
+ "start": "vm",
+ "end": "pass-filled"
+ },
+ "steps": [
+ {
+ "action": "openSlide",
+ "path": ".demo/slides/CollabDaysPortugal/Slide6.md"
+ }
+ ]
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.lastStep demo-time.isSlide"
+ }
+ ],
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/CollabDaysPortugal.json",
+ "description": " CollabDaysPortugal.json",
+ "tooltip": "CollabDaysPortugal.json",
+ "iconPath": {
+ "id": "dt-act"
+ },
+ "contextValue": "demo-time.file"
+ },
+ {
+ "collapsibleState": 2,
+ "label": "Demo",
+ "children": [
+ {
+ "collapsibleState": 0,
+ "label": "1. Intro",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/demo.yaml",
+ "stepIndex": 0,
+ "originalLabel": "Intro",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "demo-mdlejwoi-u8we",
+ "description": " Intro slide",
+ "tooltip": "Intro slide",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "1. Intro",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/demo.yaml",
+ "idx": 0,
+ "demo": {
+ "id": "demo-mdlejwoi-u8we",
+ "title": "Intro",
+ "steps": [
+ {
+ "action": "openSlide",
+ "path": ".demo/slides/demo/intro.md"
+ }
+ ],
+ "description": "Intro slide"
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.firstStep demo-time.isSlide"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "2. Section",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/demo.yaml",
+ "stepIndex": 1,
+ "originalLabel": "Section",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "demo-mdlf2zpe-3hkb",
+ "description": " First slide",
+ "tooltip": "First slide",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "2. Section",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/demo.yaml",
+ "idx": 1,
+ "demo": {
+ "id": "demo-mdlf2zpe-3hkb",
+ "title": "Section",
+ "steps": [
+ {
+ "action": "openSlide",
+ "path": ".demo/slides/demo/first-slide.md"
+ }
+ ],
+ "description": "First slide"
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.step demo-time.isSlide"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "3. Open Tab",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/demo.yaml",
+ "stepIndex": 2,
+ "originalLabel": "Open Tab",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "demo-mdlf95wk-9bsv",
+ "description": " Open active tab 1 (Power Apps)",
+ "tooltip": "Open active tab 1 (Power Apps)",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "3. Open Tab",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/demo.yaml",
+ "idx": 2,
+ "demo": {
+ "id": "demo-mdlf95wk-9bsv",
+ "title": "Open Tab",
+ "steps": [
+ {
+ "action": "executeTerminalCommand",
+ "command": "osascript .demo/slides/demo/open-browser-tab.scpt 2"
+ }
+ ],
+ "description": "Open active tab 1 (Power Apps)"
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.step"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "4. Section",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/demo.yaml",
+ "stepIndex": 3,
+ "originalLabel": "Section",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "demo-mdlfn13v-ev2r",
+ "description": " Second slide",
+ "tooltip": "Second slide",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "4. Section",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/demo.yaml",
+ "idx": 3,
+ "demo": {
+ "id": "demo-mdlfn13v-ev2r",
+ "title": "Section",
+ "steps": [
+ {
+ "action": "openSlide",
+ "path": ".demo/slides/demo/second-slide.md"
+ }
+ ],
+ "description": "Second slide"
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.lastStep demo-time.isSlide"
+ }
+ ],
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/demo.yaml",
+ "description": " demo.yaml",
+ "tooltip": "demo.yaml",
+ "iconPath": {
+ "id": "dt-act"
+ },
+ "contextValue": "demo-time.file"
+ },
+ {
+ "collapsibleState": 2,
+ "label": "directions",
+ "children": [
+ {
+ "collapsibleState": 0,
+ "label": "1. Intro",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/directions.yaml",
+ "stepIndex": 0,
+ "originalLabel": "Intro",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "demo-mhi4wdw9-dbjb",
+ "description": " ",
+ "tooltip": "1. Intro",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "1. Intro",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/directions.yaml",
+ "idx": 0,
+ "demo": {
+ "id": "demo-mhi4wdw9-dbjb",
+ "title": "Intro",
+ "steps": [
+ {
+ "action": "openSlide",
+ "path": ".demo/slides/directions/intro.md"
+ }
+ ]
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.firstStep demo-time.isSlide"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "2. Light theme",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/directions.yaml",
+ "stepIndex": 1,
+ "originalLabel": "Light theme",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "demo-mhls7787-mrbx",
+ "description": " ",
+ "tooltip": "2. Light theme",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "2. Light theme",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/directions.yaml",
+ "idx": 1,
+ "demo": {
+ "id": "demo-mhls7787-mrbx",
+ "title": "Light theme",
+ "steps": [
+ {
+ "action": "openSlide",
+ "path": ".demo/slides/directions/light.md"
+ }
+ ]
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.lastStep demo-time.isSlide"
+ }
+ ],
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/directions.yaml",
+ "description": " directions.yaml",
+ "tooltip": "directions.yaml",
+ "iconPath": {
+ "id": "dt-act"
+ },
+ "contextValue": "demo-time.file"
+ },
+ {
+ "collapsibleState": 2,
+ "label": "ESPC25",
+ "children": [
+ {
+ "collapsibleState": 0,
+ "label": "1. Playwright",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/ESPC25.yaml",
+ "stepIndex": 0,
+ "originalLabel": "Playwright",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "demo-mionofap-4y2r",
+ "description": " Intro",
+ "tooltip": "Intro",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "1. Playwright",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/ESPC25.yaml",
+ "idx": 0,
+ "demo": {
+ "id": "demo-mionofap-4y2r",
+ "title": "Playwright",
+ "steps": [
+ {
+ "action": "openSlide",
+ "path": ".demo/slides/ESPC25/playwright.md"
+ }
+ ],
+ "description": "Intro"
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.firstStep demo-time.isSlide"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "2. Playwright",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/ESPC25.yaml",
+ "stepIndex": 1,
+ "originalLabel": "Playwright",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "demo-mioo2sqw-1loa",
+ "description": " What",
+ "tooltip": "What",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "2. Playwright",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/ESPC25.yaml",
+ "idx": 1,
+ "demo": {
+ "id": "demo-mioo2sqw-1loa",
+ "title": "Playwright",
+ "steps": [
+ {
+ "action": "openSlide",
+ "path": ".demo/slides/ESPC25/playwright-what.md"
+ }
+ ],
+ "description": "What"
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.step demo-time.isSlide"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "3. Playwright",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/ESPC25.yaml",
+ "stepIndex": 2,
+ "originalLabel": "Playwright",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "demo-mioo5p5x-uqc6",
+ "description": " Get started",
+ "tooltip": "Get started",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "3. Playwright",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/ESPC25.yaml",
+ "idx": 2,
+ "demo": {
+ "id": "demo-mioo5p5x-uqc6",
+ "title": "Playwright",
+ "steps": [
+ {
+ "action": "openSlide",
+ "path": ".demo/slides/ESPC25/playwright-getstarted.md"
+ }
+ ],
+ "description": "Get started"
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.step demo-time.isSlide"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "4. Playwright",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/ESPC25.yaml",
+ "stepIndex": 3,
+ "originalLabel": "Playwright",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "demo-mioo9cfz-rflp",
+ "description": " Demo",
+ "tooltip": "Demo",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "4. Playwright",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/ESPC25.yaml",
+ "idx": 3,
+ "demo": {
+ "id": "demo-mioo9cfz-rflp",
+ "title": "Playwright",
+ "steps": [
+ {
+ "action": "openSlide",
+ "path": ".demo/slides/ESPC25/playwright-demo.md"
+ }
+ ],
+ "description": "Demo"
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.step demo-time.isSlide"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "5. Playwright",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/ESPC25.yaml",
+ "stepIndex": 4,
+ "originalLabel": "Playwright",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "demo-mipvygre-8xv0",
+ "description": " Highlight Test",
+ "tooltip": "Highlight Test",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "5. Playwright",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/ESPC25.yaml",
+ "idx": 4,
+ "demo": {
+ "id": "demo-mipvygre-8xv0",
+ "title": "Playwright",
+ "steps": [
+ {
+ "action": "highlight",
+ "path": "playwright/tests/canvasapp.spec.ts",
+ "position": "28:28",
+ "highlightWholeLine": true,
+ "zoom": 10
+ }
+ ],
+ "description": "Highlight Test"
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.step"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "6. Playwright",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/ESPC25.yaml",
+ "stepIndex": 5,
+ "originalLabel": "Playwright",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "demo-mipw1j5u-mg76",
+ "description": " Highlight GoTo",
+ "tooltip": "Highlight GoTo",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "6. Playwright",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/ESPC25.yaml",
+ "idx": 5,
+ "demo": {
+ "id": "demo-mipw1j5u-mg76",
+ "title": "Playwright",
+ "steps": [
+ {
+ "action": "highlight",
+ "path": "playwright/tests/canvasapp.spec.ts",
+ "position": "30:30",
+ "highlightWholeLine": true,
+ "zoom": 10
+ }
+ ],
+ "description": "Highlight GoTo"
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.step"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "7. Playwright",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/ESPC25.yaml",
+ "stepIndex": 6,
+ "originalLabel": "Playwright",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "demo-mipw3009-he1a",
+ "description": " Highlight Locator",
+ "tooltip": "Highlight Locator",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "7. Playwright",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/ESPC25.yaml",
+ "idx": 6,
+ "demo": {
+ "id": "demo-mipw3009-he1a",
+ "title": "Playwright",
+ "steps": [
+ {
+ "action": "highlight",
+ "path": "playwright/tests/canvasapp.spec.ts",
+ "position": "32:38",
+ "highlightWholeLine": true,
+ "zoom": 10
+ }
+ ],
+ "description": "Highlight Locator"
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.step"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "8. Playwright",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/ESPC25.yaml",
+ "stepIndex": 7,
+ "originalLabel": "Playwright",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "demo-miony6t0-0ntm",
+ "description": " Can do more",
+ "tooltip": "Can do more",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "8. Playwright",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/ESPC25.yaml",
+ "idx": 7,
+ "demo": {
+ "id": "demo-miony6t0-0ntm",
+ "title": "Playwright",
+ "steps": [
+ {
+ "action": "openSlide",
+ "path": ".demo/slides/ESPC25/playwright-more.md"
+ }
+ ],
+ "description": "Can do more"
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.step demo-time.isSlide"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "9. PowerPoint",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/ESPC25.yaml",
+ "stepIndex": 8,
+ "originalLabel": "PowerPoint",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "demo-miooit2u-vb9z",
+ "description": " Back to PowerPoint",
+ "tooltip": "Back to PowerPoint",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "9. PowerPoint",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/ESPC25.yaml",
+ "idx": 8,
+ "demo": {
+ "id": "demo-miooit2u-vb9z",
+ "title": "PowerPoint",
+ "steps": [
+ {
+ "action": "openPowerPoint"
+ }
+ ],
+ "description": "Back to PowerPoint"
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.lastStep"
+ }
+ ],
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/ESPC25.yaml",
+ "description": " ESPC25.yaml",
+ "tooltip": "ESPC25.yaml",
+ "iconPath": {
+ "id": "dt-act"
+ },
+ "contextValue": "demo-time.file"
+ },
+ {
+ "collapsibleState": 2,
+ "label": "From Custom to Generative 1",
+ "children": [
+ {
+ "collapsibleState": 0,
+ "label": "1. Intro",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/from-custom-to-generative.yaml",
+ "stepIndex": 0,
+ "originalLabel": "Intro",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "demo-mg3tpbw0-vqxv199",
+ "description": " ",
+ "tooltip": "1. Intro",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "1. Intro",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/from-custom-to-generative.yaml",
+ "idx": 0,
+ "demo": {
+ "id": "demo-mg3tpbw0-vqxv199",
+ "title": "Intro",
+ "steps": [
+ {
+ "action": "openSlide",
+ "path": ".demo/slides/from-custom-to-generative/intro.md"
+ }
+ ],
+ "disabled": false
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.firstStep demo-time.isSlide"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "2. About me",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/from-custom-to-generative.yaml",
+ "stepIndex": 1,
+ "originalLabel": "About me",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "demo-mg3s79il-rfv4199",
+ "description": " ",
+ "tooltip": "2. About me",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "2. About me",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/from-custom-to-generative.yaml",
+ "idx": 1,
+ "demo": {
+ "id": "demo-mg3s79il-rfv4199",
+ "title": "About me",
+ "steps": [
+ {
+ "action": "openSlide",
+ "path": ".demo/slides/standard/about-me.md"
+ }
+ ]
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.step demo-time.isSlide"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "3. Model-driven versus Canvas apps",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/from-custom-to-generative.yaml",
+ "stepIndex": 2,
+ "originalLabel": "Model-driven versus Canvas apps",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "demo-mg3txbx4-s2xt99",
+ "description": " ",
+ "tooltip": "3. Model-driven versus Canvas apps",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "3. Model-driven versus Canvas apps",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/from-custom-to-generative.yaml",
+ "idx": 2,
+ "demo": {
+ "id": "demo-mg3txbx4-s2xt99",
+ "title": "Model-driven versus Canvas apps",
+ "steps": [
+ {
+ "action": "openSlide",
+ "path": ".demo/slides/from-custom-to-generative/mda-versus-canvas.md"
+ }
+ ]
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.step demo-time.isSlide"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "4. Hybride option",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/from-custom-to-generative.yaml",
+ "stepIndex": 3,
+ "originalLabel": "Hybride option",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "demo-mg3udo40-ek4r1",
+ "description": " ",
+ "tooltip": "4. Hybride option",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "4. Hybride option",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/from-custom-to-generative.yaml",
+ "idx": 3,
+ "demo": {
+ "id": "demo-mg3udo40-ek4r1",
+ "title": "Hybride option",
+ "steps": [
+ {
+ "action": "openSlide",
+ "path": ".demo/slides/from-custom-to-generative/hybride-option.md"
+ }
+ ]
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.step demo-time.isSlide"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "5. Custom pages",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/from-custom-to-generative.yaml",
+ "stepIndex": 4,
+ "originalLabel": "Custom pages",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "demo-mg3uf2vh-r2s41",
+ "description": " Introduction",
+ "tooltip": "Introduction",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "5. Custom pages",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/from-custom-to-generative.yaml",
+ "idx": 4,
+ "demo": {
+ "id": "demo-mg3uf2vh-r2s41",
+ "title": "Custom pages",
+ "steps": [
+ {
+ "action": "openSlide",
+ "path": ".demo/slides/from-custom-to-generative/custom-pages.md"
+ }
+ ],
+ "description": "Introduction"
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.step demo-time.isSlide"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "6. Custom Pages",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/from-custom-to-generative.yaml",
+ "stepIndex": 5,
+ "originalLabel": "Custom Pages",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "demo-mg3uj3n8-2chq1",
+ "description": " How to use",
+ "tooltip": "How to use",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "6. Custom Pages",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/from-custom-to-generative.yaml",
+ "idx": 5,
+ "demo": {
+ "id": "demo-mg3uj3n8-2chq1",
+ "title": "Custom Pages",
+ "steps": [
+ {
+ "action": "openSlide",
+ "path": ".demo/slides/from-custom-to-generative/custom-pages-how.md"
+ }
+ ],
+ "description": "How to use"
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.step demo-time.isSlide"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "7. Custom Pages",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/from-custom-to-generative.yaml",
+ "stepIndex": 6,
+ "originalLabel": "Custom Pages",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "demo-mg3ulhz5-l04a1",
+ "description": " Context",
+ "tooltip": "Context",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "7. Custom Pages",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/from-custom-to-generative.yaml",
+ "idx": 6,
+ "demo": {
+ "id": "demo-mg3ulhz5-l04a1",
+ "title": "Custom Pages",
+ "steps": [
+ {
+ "action": "openSlide",
+ "path": ".demo/slides/from-custom-to-generative/custom-pages-context.md"
+ }
+ ],
+ "description": "Context"
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.step demo-time.isSlide"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "8. JavaScript",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/from-custom-to-generative.yaml",
+ "stepIndex": 7,
+ "originalLabel": "JavaScript",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "demo-mggxtzwg-yx68",
+ "description": " Show file",
+ "tooltip": "Show file",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "8. JavaScript",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/from-custom-to-generative.yaml",
+ "idx": 7,
+ "demo": {
+ "id": "demo-mggxtzwg-yx68",
+ "title": "JavaScript",
+ "steps": [
+ {
+ "action": "open",
+ "path": ".demo/slides/from-custom-to-generative/assets/openCustomPage.js",
+ "position": "12,9:12,27",
+ "highlightWholeLine": false
+ }
+ ],
+ "description": "Show file"
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.step"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "9. JavaScript",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/from-custom-to-generative.yaml",
+ "stepIndex": 8,
+ "originalLabel": "JavaScript",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "demo-mggyeqgg-t1e7",
+ "description": " Open from from",
+ "tooltip": "Open from from",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "9. JavaScript",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/from-custom-to-generative.yaml",
+ "idx": 8,
+ "demo": {
+ "id": "demo-mggyeqgg-t1e7",
+ "title": "JavaScript",
+ "steps": [
+ {
+ "action": "highlight",
+ "path": ".demo/slides/from-custom-to-generative/assets/openCustomPage.js",
+ "position": "12,9:12,27",
+ "highlightWholeLine": false
+ }
+ ],
+ "description": "Open from from"
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.step"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "10. JavaScript",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/from-custom-to-generative.yaml",
+ "stepIndex": 9,
+ "originalLabel": "JavaScript",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "demo-mggxxkf2-9nwl",
+ "description": " Open from grid (view)",
+ "tooltip": "Open from grid (view)",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "10. JavaScript",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/from-custom-to-generative.yaml",
+ "idx": 9,
+ "demo": {
+ "id": "demo-mggxxkf2-9nwl",
+ "title": "JavaScript",
+ "steps": [
+ {
+ "action": "highlight",
+ "position": "44,9:44,27",
+ "highlightWholeLine": false,
+ "path": ".demo/slides/from-custom-to-generative/assets/openCustomPage.js"
+ }
+ ],
+ "description": "Open from grid (view)"
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.step"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "11. JavaScript",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/from-custom-to-generative.yaml",
+ "stepIndex": 10,
+ "originalLabel": "JavaScript",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "demo-mggxzo6w-j94m",
+ "description": " NavigateTo",
+ "tooltip": "NavigateTo",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "11. JavaScript",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/from-custom-to-generative.yaml",
+ "idx": 10,
+ "demo": {
+ "id": "demo-mggxzo6w-j94m",
+ "title": "JavaScript",
+ "steps": [
+ {
+ "action": "highlight",
+ "position": "19,4:19,29",
+ "highlightWholeLine": false,
+ "path": ".demo/slides/from-custom-to-generative/assets/openCustomPage.js"
+ }
+ ],
+ "description": "NavigateTo"
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.step"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "12. JavaScript ",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/from-custom-to-generative.yaml",
+ "stepIndex": 11,
+ "originalLabel": "JavaScript ",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "demo-mggy0t1q-hynd",
+ "description": " Sidepane from form (inline)",
+ "tooltip": "Sidepane from form (inline)",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "12. JavaScript ",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/from-custom-to-generative.yaml",
+ "idx": 11,
+ "demo": {
+ "id": "demo-mggy0t1q-hynd",
+ "title": "JavaScript ",
+ "steps": [
+ {
+ "action": "highlight",
+ "position": "96,9:96,31",
+ "highlightWholeLine": false,
+ "path": ".demo/slides/from-custom-to-generative/assets/openCustomPage.js"
+ }
+ ],
+ "description": "Sidepane from form (inline)"
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.step"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "13. JavaScript",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/from-custom-to-generative.yaml",
+ "stepIndex": 12,
+ "originalLabel": "JavaScript",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "demo-mggy89zd-k636",
+ "description": " Sidepane from grid (inline)",
+ "tooltip": "Sidepane from grid (inline)",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "13. JavaScript",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/from-custom-to-generative.yaml",
+ "idx": 12,
+ "demo": {
+ "id": "demo-mggy89zd-k636",
+ "title": "JavaScript",
+ "steps": [
+ {
+ "action": "highlight",
+ "position": "124,9:124,31",
+ "highlightWholeLine": false,
+ "path": ".demo/slides/from-custom-to-generative/assets/openCustomPage.js"
+ }
+ ],
+ "description": "Sidepane from grid (inline)"
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.step"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "14. JavaScript",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/from-custom-to-generative.yaml",
+ "stepIndex": 13,
+ "originalLabel": "JavaScript",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "demo-mggya8ak-r67z",
+ "description": " Xrm.App.sidePanes.getPane",
+ "tooltip": "Xrm.App.sidePanes.getPane",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "14. JavaScript",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/from-custom-to-generative.yaml",
+ "idx": 13,
+ "demo": {
+ "id": "demo-mggya8ak-r67z",
+ "title": "JavaScript",
+ "steps": [
+ {
+ "action": "highlight",
+ "position": "115,25:115,50",
+ "highlightWholeLine": false,
+ "path": ".demo/slides/from-custom-to-generative/assets/openCustomPage.js"
+ }
+ ],
+ "description": "Xrm.App.sidePanes.getPane"
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.step"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "15. JavaScript",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/from-custom-to-generative.yaml",
+ "stepIndex": 14,
+ "originalLabel": "JavaScript",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "demo-mggyd3ih-6pwx",
+ "description": " Xrm.App.sidePanes.getPane",
+ "tooltip": "Xrm.App.sidePanes.getPane",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "15. JavaScript",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/from-custom-to-generative.yaml",
+ "idx": 14,
+ "demo": {
+ "id": "demo-mggyd3ih-6pwx",
+ "title": "JavaScript",
+ "steps": [
+ {
+ "action": "highlight",
+ "position": "119,9:119,37",
+ "highlightWholeLine": false,
+ "path": ".demo/slides/from-custom-to-generative/assets/openCustomPage.js"
+ }
+ ],
+ "description": "Xrm.App.sidePanes.getPane"
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.step"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "16. Custom pages",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/from-custom-to-generative.yaml",
+ "stepIndex": 15,
+ "originalLabel": "Custom pages",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "demo-mggxqp4z-ggkt",
+ "description": " Context (2)",
+ "tooltip": "Context (2)",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "16. Custom pages",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/from-custom-to-generative.yaml",
+ "idx": 15,
+ "demo": {
+ "id": "demo-mggxqp4z-ggkt",
+ "title": "Custom pages",
+ "steps": [
+ {
+ "action": "openSlide",
+ "path": ".demo/slides/from-custom-to-generative/custom-pages-context-next.md"
+ }
+ ],
+ "description": "Context (2)"
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.step demo-time.isSlide"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "17. Custom pages",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/from-custom-to-generative.yaml",
+ "stepIndex": 16,
+ "originalLabel": "Custom pages",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "demo-mgjh1dpp-iqq7",
+ "description": " Examples",
+ "tooltip": "Examples",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "17. Custom pages",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/from-custom-to-generative.yaml",
+ "idx": 16,
+ "demo": {
+ "id": "demo-mgjh1dpp-iqq7",
+ "title": "Custom pages",
+ "steps": [
+ {
+ "action": "openSlide",
+ "path": ".demo/slides/from-custom-to-generative/Examples.md"
+ }
+ ],
+ "description": "Examples"
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.step demo-time.isSlide"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "18. Quote",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/from-custom-to-generative.yaml",
+ "stepIndex": 17,
+ "originalLabel": "Quote",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "demo-mgieu2mh-76i1",
+ "description": " ",
+ "tooltip": "18. Quote",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "18. Quote",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/from-custom-to-generative.yaml",
+ "idx": 17,
+ "demo": {
+ "id": "demo-mgieu2mh-76i1",
+ "title": "Quote",
+ "steps": [
+ {
+ "action": "openSlide",
+ "path": ".demo/slides/from-custom-to-generative/quote.md"
+ }
+ ]
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.step demo-time.isSlide"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "19. User Interface",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/from-custom-to-generative.yaml",
+ "stepIndex": 18,
+ "originalLabel": "User Interface",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "demo-mg3umzly-dwfp1",
+ "description": " ",
+ "tooltip": "19. User Interface",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "19. User Interface",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/from-custom-to-generative.yaml",
+ "idx": 18,
+ "demo": {
+ "id": "demo-mg3umzly-dwfp1",
+ "title": "User Interface",
+ "steps": [
+ {
+ "action": "openSlide",
+ "path": ".demo/slides/from-custom-to-generative/user-interface.md"
+ }
+ ]
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.step demo-time.isSlide"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "20. Creator Kit",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/from-custom-to-generative.yaml",
+ "stepIndex": 19,
+ "originalLabel": "Creator Kit",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "demo-mg3uq408-ygpz4",
+ "description": " Introduction",
+ "tooltip": "Introduction",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "20. Creator Kit",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/from-custom-to-generative.yaml",
+ "idx": 19,
+ "demo": {
+ "id": "demo-mg3uq408-ygpz4",
+ "title": "Creator Kit",
+ "steps": [
+ {
+ "action": "openSlide",
+ "path": ".demo/slides/from-custom-to-generative/creatorkit.md"
+ }
+ ],
+ "description": "Introduction"
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.step demo-time.isSlide"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "21. Generative Pages",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/from-custom-to-generative.yaml",
+ "stepIndex": 20,
+ "originalLabel": "Generative Pages",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "demo-mg3ur3yb-vikt3",
+ "description": " Introduction",
+ "tooltip": "Introduction",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "21. Generative Pages",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/from-custom-to-generative.yaml",
+ "idx": 20,
+ "demo": {
+ "id": "demo-mg3ur3yb-vikt3",
+ "title": "Generative Pages",
+ "steps": [
+ {
+ "action": "openSlide",
+ "path": ".demo/slides/from-custom-to-generative/gen-pages.md"
+ }
+ ],
+ "description": "Introduction"
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.step demo-time.isSlide"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "22. Thank you",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/from-custom-to-generative.yaml",
+ "stepIndex": 21,
+ "originalLabel": "Thank you",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "demo-mggoupye-sft3",
+ "description": " ",
+ "tooltip": "22. Thank you",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "22. Thank you",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/from-custom-to-generative.yaml",
+ "idx": 21,
+ "demo": {
+ "id": "demo-mggoupye-sft3",
+ "title": "Thank you",
+ "steps": [
+ {
+ "action": "openSlide",
+ "path": ".demo/slides/from-custom-to-generative/thanks.md"
+ }
+ ]
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.lastStep demo-time.isSlide"
+ }
+ ],
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/from-custom-to-generative.yaml",
+ "description": " from-custom-to-generative.yaml",
+ "tooltip": "from-custom-to-generative.yaml",
+ "iconPath": {
+ "id": "dt-act"
+ },
+ "contextValue": "demo-time.file"
+ },
+ {
+ "collapsibleState": 2,
+ "label": "Master reusability",
+ "children": [
+ {
+ "collapsibleState": 0,
+ "label": "1. Intro",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/master-reusability.yaml",
+ "stepIndex": 0,
+ "originalLabel": "Intro",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "demo-megx0n4f-vag3",
+ "description": " ",
+ "tooltip": "1. Intro",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "1. Intro",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/master-reusability.yaml",
+ "idx": 0,
+ "demo": {
+ "id": "demo-megx0n4f-vag3",
+ "title": "Intro",
+ "steps": [
+ {
+ "action": "openSlide",
+ "path": ".demo/slides/master-reusability/intro.md"
+ }
+ ]
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.firstStep demo-time.isSlide"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "2. Components Intro",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/master-reusability.yaml",
+ "stepIndex": 1,
+ "originalLabel": "Components Intro",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "demo-megzrf7s-2nrf",
+ "description": " ",
+ "tooltip": "2. Components Intro",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "2. Components Intro",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/master-reusability.yaml",
+ "idx": 1,
+ "demo": {
+ "id": "demo-megzrf7s-2nrf",
+ "title": "Components Intro",
+ "steps": [
+ {
+ "action": "openSlide",
+ "path": ".demo/slides/master-reusability/components-section.md"
+ }
+ ]
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.step demo-time.isSlide"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "3. Component Slides",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/master-reusability.yaml",
+ "stepIndex": 2,
+ "originalLabel": "Component Slides",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "demo-megzrpbt-8k08",
+ "description": " ",
+ "tooltip": "3. Component Slides",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "3. Component Slides",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/master-reusability.yaml",
+ "idx": 2,
+ "demo": {
+ "id": "demo-megzrpbt-8k08",
+ "title": "Component Slides",
+ "steps": [
+ {
+ "action": "openSlide",
+ "path": ".demo/slides/master-reusability/components-slides.md"
+ }
+ ]
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.lastStep demo-time.isSlide"
+ }
+ ],
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/master-reusability.yaml",
+ "description": " master-reusability.yaml",
+ "tooltip": "master-reusability.yaml",
+ "iconPath": {
+ "id": "dt-act"
+ },
+ "contextValue": "demo-time.file"
+ },
+ {
+ "collapsibleState": 2,
+ "label": "Model driven gaps",
+ "children": [
+ {
+ "collapsibleState": 0,
+ "label": "1. Intro",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/model-driven-gaps.yaml",
+ "stepIndex": 0,
+ "originalLabel": "Intro",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "demo-mda4swko-r5y2",
+ "description": " ",
+ "tooltip": "1. Intro",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "1. Intro",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/model-driven-gaps.yaml",
+ "idx": 0,
+ "demo": {
+ "id": "demo-mda4swko-r5y2",
+ "title": "Intro",
+ "steps": [
+ {
+ "action": "openSlide",
+ "path": ".demo/slides/model-driven-gaps/intro.md"
+ }
+ ]
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.firstStep demo-time.isSlide"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "2. Sponsors",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/model-driven-gaps.yaml",
+ "stepIndex": 1,
+ "originalLabel": "Sponsors",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "demo-mfsgk7dv-ltwq",
+ "description": " ",
+ "tooltip": "2. Sponsors",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "2. Sponsors",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/model-driven-gaps.yaml",
+ "idx": 1,
+ "demo": {
+ "id": "demo-mfsgk7dv-ltwq",
+ "title": "Sponsors",
+ "steps": [
+ {
+ "action": "openSlide",
+ "path": ".demo/slides/model-driven-gaps/sponsors.md"
+ }
+ ]
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.step demo-time.isSlide"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "3. Welcome",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/model-driven-gaps.yaml",
+ "stepIndex": 2,
+ "originalLabel": "Welcome",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "demo-mfu1s53d-98dr",
+ "description": " ",
+ "tooltip": "3. Welcome",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "3. Welcome",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/model-driven-gaps.yaml",
+ "idx": 2,
+ "demo": {
+ "id": "demo-mfu1s53d-98dr",
+ "title": "Welcome",
+ "steps": [
+ {
+ "action": "openSlide",
+ "path": ".demo/slides/model-driven-gaps/welcome.md"
+ }
+ ]
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.step demo-time.isSlide"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "4. Custom Pages - Intro",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/model-driven-gaps.yaml",
+ "stepIndex": 3,
+ "originalLabel": "Custom Pages - Intro",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "demo-mda4zihm-m1hf",
+ "description": " Intro",
+ "tooltip": "Intro",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "4. Custom Pages - Intro",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/model-driven-gaps.yaml",
+ "idx": 3,
+ "demo": {
+ "id": "demo-mda4zihm-m1hf",
+ "title": "Custom Pages - Intro",
+ "steps": [
+ {
+ "action": "openSlide",
+ "path": ".demo/slides/model-driven-gaps/pages-intro.md"
+ }
+ ],
+ "description": "Intro"
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.step demo-time.isSlide"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "5. Custom pages - The Question",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/model-driven-gaps.yaml",
+ "stepIndex": 4,
+ "originalLabel": "Custom pages - The Question",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "demo-mdct25fw-vuen",
+ "description": " The question",
+ "tooltip": "The question",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "5. Custom pages - The Question",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/model-driven-gaps.yaml",
+ "idx": 4,
+ "demo": {
+ "id": "demo-mdct25fw-vuen",
+ "title": "Custom pages - The Question",
+ "steps": [
+ {
+ "action": "openSlide",
+ "path": ".demo/slides/model-driven-gaps/pages-the-challenge.md"
+ }
+ ],
+ "description": "The question"
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.step demo-time.isSlide"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "6. Custom Pages - What",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/model-driven-gaps.yaml",
+ "stepIndex": 5,
+ "originalLabel": "Custom Pages - What",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "demo-mdbg8k7e-g6v0",
+ "description": " What's a custom page",
+ "tooltip": "What's a custom page",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "6. Custom Pages - What",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/model-driven-gaps.yaml",
+ "idx": 5,
+ "demo": {
+ "id": "demo-mdbg8k7e-g6v0",
+ "title": "Custom Pages - What",
+ "steps": [
+ {
+ "action": "openSlide",
+ "path": ".demo/slides/model-driven-gaps/pages-what.md"
+ }
+ ],
+ "description": "What's a custom page"
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.step demo-time.isSlide"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "7. Custom Pages - Options",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/model-driven-gaps.yaml",
+ "stepIndex": 6,
+ "originalLabel": "Custom Pages - Options",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "demo-mfsm0s8f-fcco",
+ "description": " How can we use them?",
+ "tooltip": "How can we use them?",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "7. Custom Pages - Options",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/model-driven-gaps.yaml",
+ "idx": 6,
+ "demo": {
+ "id": "demo-mfsm0s8f-fcco",
+ "title": "Custom Pages - Options",
+ "steps": [
+ {
+ "action": "openSlide",
+ "path": ".demo/slides/model-driven-gaps/pages-options.md"
+ }
+ ],
+ "description": "How can we use them?"
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.step demo-time.isSlide"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "8. Custom Pages - Context (1)",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/model-driven-gaps.yaml",
+ "stepIndex": 7,
+ "originalLabel": "Custom Pages - Context (1)",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "demo-mfsn0cxb-aqur",
+ "description": " Trigger & Context",
+ "tooltip": "Trigger & Context",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "8. Custom Pages - Context (1)",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/model-driven-gaps.yaml",
+ "idx": 7,
+ "demo": {
+ "id": "demo-mfsn0cxb-aqur",
+ "title": "Custom Pages - Context (1)",
+ "steps": [
+ {
+ "action": "openSlide",
+ "path": ".demo/slides/model-driven-gaps/pages-context.md"
+ }
+ ],
+ "description": "Trigger & Context"
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.step demo-time.isSlide"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "9. Javascript - Highlight (1)",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/model-driven-gaps.yaml",
+ "stepIndex": 8,
+ "originalLabel": "Javascript - Highlight (1)",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "demo-mfu3tt3n-q3yz",
+ "description": " Highlight openCustomPageForm",
+ "tooltip": "Highlight openCustomPageForm",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "9. Javascript - Highlight (1)",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/model-driven-gaps.yaml",
+ "idx": 8,
+ "demo": {
+ "id": "demo-mfu3tt3n-q3yz",
+ "title": "Javascript - Highlight (1)",
+ "steps": [
+ {
+ "action": "highlight",
+ "path": ".demo/slides/model-driven-gaps/assets/openCustomPage.js",
+ "highlightWholeLine": false,
+ "zoom": 10,
+ "position": "12,9:12,28"
+ }
+ ],
+ "description": "Highlight openCustomPageForm"
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.step"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "10. Javascript - Highlight (2)",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/model-driven-gaps.yaml",
+ "stepIndex": 9,
+ "originalLabel": "Javascript - Highlight (2)",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "demo-mfu42hi2-gebr",
+ "description": " Highlight openCustomPageGrid",
+ "tooltip": "Highlight openCustomPageGrid",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "10. Javascript - Highlight (2)",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/model-driven-gaps.yaml",
+ "idx": 9,
+ "demo": {
+ "id": "demo-mfu42hi2-gebr",
+ "title": "Javascript - Highlight (2)",
+ "steps": [
+ {
+ "action": "highlight",
+ "path": ".demo/slides/model-driven-gaps/assets/openCustomPage.js",
+ "highlightWholeLine": false,
+ "zoom": 10,
+ "position": "55,9:55,27"
+ }
+ ],
+ "description": "Highlight openCustomPageGrid"
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.step"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "11. Javascript - Highlight (3)",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/model-driven-gaps.yaml",
+ "stepIndex": 10,
+ "originalLabel": "Javascript - Highlight (3)",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "demo-mfu4f7v8-iaj9",
+ "description": " Highlight NavigateTo",
+ "tooltip": "Highlight NavigateTo",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "11. Javascript - Highlight (3)",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/model-driven-gaps.yaml",
+ "idx": 10,
+ "demo": {
+ "id": "demo-mfu4f7v8-iaj9",
+ "title": "Javascript - Highlight (3)",
+ "steps": [
+ {
+ "action": "highlight",
+ "path": ".demo/slides/model-driven-gaps/assets/openCustomPage.js",
+ "position": "19,4:19,29",
+ "highlightWholeLine": false
+ }
+ ],
+ "description": "Highlight NavigateTo"
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.step"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "12. Javascript - Highlight (4)",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/model-driven-gaps.yaml",
+ "stepIndex": 11,
+ "originalLabel": "Javascript - Highlight (4)",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "demo-mfu4hnz6-oz9m",
+ "description": " Highlight entityName",
+ "tooltip": "Highlight entityName",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "12. Javascript - Highlight (4)",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/model-driven-gaps.yaml",
+ "idx": 11,
+ "demo": {
+ "id": "demo-mfu4hnz6-oz9m",
+ "title": "Javascript - Highlight (4)",
+ "steps": [
+ {
+ "action": "highlight",
+ "path": ".demo/slides/model-driven-gaps/assets/openCustomPage.js",
+ "position": "23,12:23,64",
+ "highlightWholeLine": false
+ }
+ ],
+ "description": "Highlight entityName"
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.step"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "13. Javascript - Highlight (5)",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/model-driven-gaps.yaml",
+ "stepIndex": 12,
+ "originalLabel": "Javascript - Highlight (5)",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "demo-mfu4ju72-pede",
+ "description": " Highlight recordId",
+ "tooltip": "Highlight recordId",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "13. Javascript - Highlight (5)",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/model-driven-gaps.yaml",
+ "idx": 12,
+ "demo": {
+ "id": "demo-mfu4ju72-pede",
+ "title": "Javascript - Highlight (5)",
+ "steps": [
+ {
+ "action": "highlight",
+ "path": ".demo/slides/model-driven-gaps/assets/openCustomPage.js",
+ "position": "24,12:24,53",
+ "highlightWholeLine": false
+ }
+ ],
+ "description": "Highlight recordId"
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.step"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "14. Custom Pages - Context (2)",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/model-driven-gaps.yaml",
+ "stepIndex": 13,
+ "originalLabel": "Custom Pages - Context (2)",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "demo-mfxrn6be-lpu7",
+ "description": " Trigger & Context",
+ "tooltip": "Trigger & Context",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "14. Custom Pages - Context (2)",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/model-driven-gaps.yaml",
+ "idx": 13,
+ "demo": {
+ "id": "demo-mfxrn6be-lpu7",
+ "title": "Custom Pages - Context (2)",
+ "steps": [
+ {
+ "action": "openSlide",
+ "path": ".demo/slides/model-driven-gaps/pages-context-2.md"
+ }
+ ],
+ "description": "Trigger & Context"
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.step demo-time.isSlide"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "15. Custom Pages - Examples",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/model-driven-gaps.yaml",
+ "stepIndex": 14,
+ "originalLabel": "Custom Pages - Examples",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "demo-mda68rm2-y0mx",
+ "description": " Examples",
+ "tooltip": "Examples",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "15. Custom Pages - Examples",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/model-driven-gaps.yaml",
+ "idx": 14,
+ "demo": {
+ "id": "demo-mda68rm2-y0mx",
+ "title": "Custom Pages - Examples",
+ "steps": [
+ {
+ "action": "openSlide",
+ "path": ".demo/slides/model-driven-gaps/examples.md"
+ }
+ ],
+ "description": "Examples"
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.step demo-time.isSlide"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "16. User Interface - Intro",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/model-driven-gaps.yaml",
+ "stepIndex": 15,
+ "originalLabel": "User Interface - Intro",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "demo-mda61ghu-241a",
+ "description": " User interface - Intro",
+ "tooltip": "User interface - Intro",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "16. User Interface - Intro",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/model-driven-gaps.yaml",
+ "idx": 15,
+ "demo": {
+ "id": "demo-mda61ghu-241a",
+ "title": "User Interface - Intro",
+ "steps": [
+ {
+ "action": "openSlide",
+ "path": ".demo/slides/model-driven-gaps/user-interface.md"
+ }
+ ],
+ "description": "User interface - Intro"
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.step demo-time.isSlide"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "17. User Interface - Tips",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/model-driven-gaps.yaml",
+ "stepIndex": 16,
+ "originalLabel": "User Interface - Tips",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "demo-mftfdyp8-6g2t",
+ "description": " Tips & tricks",
+ "tooltip": "Tips & tricks",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "17. User Interface - Tips",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/model-driven-gaps.yaml",
+ "idx": 16,
+ "demo": {
+ "id": "demo-mftfdyp8-6g2t",
+ "title": "User Interface - Tips",
+ "steps": [
+ {
+ "action": "openSlide",
+ "path": ".demo/slides/model-driven-gaps/user-interface-tips.md"
+ }
+ ],
+ "description": "Tips & tricks"
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.step demo-time.isSlide"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "18. Components - Intro",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/model-driven-gaps.yaml",
+ "stepIndex": 17,
+ "originalLabel": "Components - Intro",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "demo-mda61z7x-ef9e",
+ "description": " Introduction",
+ "tooltip": "Introduction",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "18. Components - Intro",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/model-driven-gaps.yaml",
+ "idx": 17,
+ "demo": {
+ "id": "demo-mda61z7x-ef9e",
+ "title": "Components - Intro",
+ "steps": [
+ {
+ "action": "openSlide",
+ "path": ".demo/slides/model-driven-gaps/components-intro.md"
+ }
+ ],
+ "description": "Introduction"
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.step demo-time.isSlide"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "19. Creator Kit",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/model-driven-gaps.yaml",
+ "stepIndex": 18,
+ "originalLabel": "Creator Kit",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "demo-mfxv8zlv-ak1z",
+ "description": " By Power CAT",
+ "tooltip": "By Power CAT",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "19. Creator Kit",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/model-driven-gaps.yaml",
+ "idx": 18,
+ "demo": {
+ "id": "demo-mfxv8zlv-ak1z",
+ "title": "Creator Kit",
+ "steps": [
+ {
+ "action": "openSlide",
+ "path": ".demo/slides/model-driven-gaps/creatorkit.md"
+ }
+ ],
+ "description": "By Power CAT"
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.step demo-time.isSlide"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "20. Generative Pages - Intro",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/model-driven-gaps.yaml",
+ "stepIndex": 19,
+ "originalLabel": "Generative Pages - Intro",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "demo-mftf1tp4-jdj2",
+ "description": " Introduction",
+ "tooltip": "Introduction",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "20. Generative Pages - Intro",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/model-driven-gaps.yaml",
+ "idx": 19,
+ "demo": {
+ "id": "demo-mftf1tp4-jdj2",
+ "title": "Generative Pages - Intro",
+ "steps": [
+ {
+ "action": "openSlide",
+ "path": ".demo/slides/model-driven-gaps/generative-intro.md"
+ }
+ ],
+ "description": "Introduction"
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.step demo-time.isSlide"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "21. Thank you",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/model-driven-gaps.yaml",
+ "stepIndex": 20,
+ "originalLabel": "Thank you",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "demo-mfxsf17d-v32l",
+ "description": " ",
+ "tooltip": "21. Thank you",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "21. Thank you",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/model-driven-gaps.yaml",
+ "idx": 20,
+ "demo": {
+ "id": "demo-mfxsf17d-v32l",
+ "title": "Thank you",
+ "steps": [
+ {
+ "action": "openSlide",
+ "path": ".demo/slides/model-driven-gaps/thank-you.md"
+ }
+ ]
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.step demo-time.isSlide"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "22. Feedback",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/model-driven-gaps.yaml",
+ "stepIndex": 21,
+ "originalLabel": "Feedback",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "demo-milvq5fu-wve7",
+ "description": " ",
+ "tooltip": "22. Feedback",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "22. Feedback",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/model-driven-gaps.yaml",
+ "idx": 21,
+ "demo": {
+ "id": "demo-milvq5fu-wve7",
+ "title": "Feedback",
+ "steps": [
+ {
+ "action": "openSlide",
+ "path": ".demo/slides/model-driven-gaps/feedback.md"
+ }
+ ]
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.step demo-time.isSlide"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "23. Sponsors",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/model-driven-gaps.yaml",
+ "stepIndex": 22,
+ "originalLabel": "Sponsors",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "demo-milte15i-r5no",
+ "description": " ",
+ "tooltip": "23. Sponsors",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "23. Sponsors",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/model-driven-gaps.yaml",
+ "idx": 22,
+ "demo": {
+ "id": "demo-milte15i-r5no",
+ "title": "Sponsors",
+ "steps": [
+ {
+ "action": "openSlide",
+ "path": ".demo/slides/model-driven-gaps/sponsors.md"
+ }
+ ]
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.lastStep demo-time.isSlide"
+ }
+ ],
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/model-driven-gaps.yaml",
+ "description": " model-driven-gaps.yaml",
+ "tooltip": "model-driven-gaps.yaml",
+ "iconPath": {
+ "id": "dt-act"
+ },
+ "contextValue": "demo-time.file"
+ },
+ {
+ "collapsibleState": 2,
+ "label": "NewExample",
+ "children": [
+ {
+ "collapsibleState": 0,
+ "label": "No moves defined",
+ "description": " ",
+ "tooltip": "No moves defined"
+ }
+ ],
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/newexample.yaml",
+ "description": " newexample.yaml",
+ "tooltip": "newexample.yaml",
+ "iconPath": {
+ "id": "dt-act"
+ },
+ "contextValue": "demo-time.file"
+ },
+ {
+ "collapsibleState": 2,
+ "label": "Play it (w)right",
+ "children": [
+ {
+ "collapsibleState": 0,
+ "label": "1. Start",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/play-it-(w)right.yaml",
+ "stepIndex": 0,
+ "originalLabel": "Start",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "demo-mh2docgn-lyxb",
+ "description": " ",
+ "tooltip": "1. Start",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "1. Start",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/play-it-(w)right.yaml",
+ "idx": 0,
+ "demo": {
+ "id": "demo-mh2docgn-lyxb",
+ "title": "Start",
+ "steps": [
+ {
+ "action": "openSlide",
+ "path": ".demo/slides/play-it-wright/start.md"
+ }
+ ]
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.firstStep demo-time.isSlide"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "2. About",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/play-it-(w)right.yaml",
+ "stepIndex": 1,
+ "originalLabel": "About",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "demo-mhly48uy-dwlp",
+ "description": " About me",
+ "tooltip": "About me",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "2. About",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/play-it-(w)right.yaml",
+ "idx": 1,
+ "demo": {
+ "id": "demo-mhly48uy-dwlp",
+ "title": "About",
+ "steps": [
+ {
+ "action": "openSlide",
+ "path": ".demo/slides/play-it-wright/me.md"
+ }
+ ],
+ "description": "About me"
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.step demo-time.isSlide"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "3. Testing",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/play-it-(w)right.yaml",
+ "stepIndex": 2,
+ "originalLabel": "Testing",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "demo-mh50hr38-36j4",
+ "description": " Intro",
+ "tooltip": "Intro",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "3. Testing",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/play-it-(w)right.yaml",
+ "idx": 2,
+ "demo": {
+ "id": "demo-mh50hr38-36j4",
+ "title": "Testing",
+ "steps": [
+ {
+ "action": "openSlide",
+ "path": ".demo/slides/play-it-wright/testing-intro.md"
+ }
+ ],
+ "description": "Intro"
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.step demo-time.isSlide"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "4. Testing",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/play-it-(w)right.yaml",
+ "stepIndex": 3,
+ "originalLabel": "Testing",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "demo-mh50i8yu-uvsr",
+ "description": " Slides",
+ "tooltip": "Slides",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "4. Testing",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/play-it-(w)right.yaml",
+ "idx": 3,
+ "demo": {
+ "id": "demo-mh50i8yu-uvsr",
+ "title": "Testing",
+ "steps": [
+ {
+ "action": "openSlide",
+ "path": ".demo/slides/play-it-wright/testing-slides.md"
+ }
+ ],
+ "description": "Slides"
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.step demo-time.isSlide"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "5. Live Monitor",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/play-it-(w)right.yaml",
+ "stepIndex": 4,
+ "originalLabel": "Live Monitor",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "demo-mda922sk-mev3",
+ "description": " Intro",
+ "tooltip": "Intro",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "5. Live Monitor",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/play-it-(w)right.yaml",
+ "idx": 4,
+ "demo": {
+ "id": "demo-mda922sk-mev3",
+ "title": "Live Monitor",
+ "steps": [
+ {
+ "action": "openSlide",
+ "path": ".demo/slides/play-it-wright/monitor-intro.md"
+ }
+ ],
+ "description": "Intro"
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.step demo-time.isSlide"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "6. Live Monitor",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/play-it-(w)right.yaml",
+ "stepIndex": 5,
+ "originalLabel": "Live Monitor",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "demo-mdbh05a3-6vyd",
+ "description": " Slides",
+ "tooltip": "Slides",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "6. Live Monitor",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/play-it-(w)right.yaml",
+ "idx": 5,
+ "demo": {
+ "id": "demo-mdbh05a3-6vyd",
+ "title": "Live Monitor",
+ "steps": [
+ {
+ "action": "openSlide",
+ "path": ".demo/slides/play-it-wright/monitor-slides.md"
+ }
+ ],
+ "description": "Slides"
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.step demo-time.isSlide"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "7. Live Monitor",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/play-it-(w)right.yaml",
+ "stepIndex": 6,
+ "originalLabel": "Live Monitor",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "demo-mgy2kah0-u5ue",
+ "description": " Extend",
+ "tooltip": "Extend",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "7. Live Monitor",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/play-it-(w)right.yaml",
+ "idx": 6,
+ "demo": {
+ "id": "demo-mgy2kah0-u5ue",
+ "title": "Live Monitor",
+ "steps": [
+ {
+ "action": "openSlide",
+ "path": ".demo/slides/play-it-wright/monitor-extend.md"
+ }
+ ],
+ "description": "Extend"
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.step demo-time.isSlide"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "8. Live Monitor",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/play-it-(w)right.yaml",
+ "stepIndex": 7,
+ "originalLabel": "Live Monitor",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "demo-mg46vq53-l9p4",
+ "description": " Demo",
+ "tooltip": "Demo",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "8. Live Monitor",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/play-it-(w)right.yaml",
+ "idx": 7,
+ "demo": {
+ "id": "demo-mg46vq53-l9p4",
+ "title": "Live Monitor",
+ "steps": [
+ {
+ "action": "openSlide",
+ "path": ".demo/slides/play-it-wright/demotime.md"
+ }
+ ],
+ "description": "Demo"
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.step demo-time.isSlide"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "9. Live Monitor ",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/play-it-(w)right.yaml",
+ "stepIndex": 8,
+ "originalLabel": "Live Monitor ",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "demo-mhm9sw78-nrl7",
+ "description": " Open Edge",
+ "tooltip": "Open Edge",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "9. Live Monitor ",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/play-it-(w)right.yaml",
+ "idx": 8,
+ "demo": {
+ "id": "demo-mhm9sw78-nrl7",
+ "title": "Live Monitor ",
+ "steps": [
+ {
+ "action": "executeTerminalCommand",
+ "command": "osascript .demo/slides/play-it-wright/assets/open-tab-first.scpt 1",
+ "autoExecute": true
+ },
+ {
+ "action": "executeVSCodeCommand",
+ "command": "workbench.action.terminal.killAll"
+ }
+ ],
+ "description": "Open Edge"
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.step"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "10. Automated Testing",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/play-it-(w)right.yaml",
+ "stepIndex": 9,
+ "originalLabel": "Automated Testing",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "demo-mg46q1bp-v9x5",
+ "description": " Intro",
+ "tooltip": "Intro",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "10. Automated Testing",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/play-it-(w)right.yaml",
+ "idx": 9,
+ "demo": {
+ "id": "demo-mg46q1bp-v9x5",
+ "title": "Automated Testing",
+ "steps": [
+ {
+ "action": "openSlide",
+ "path": ".demo/slides/play-it-wright/automated-testing.md"
+ }
+ ],
+ "description": "Intro"
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.step demo-time.isSlide"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "11. Automated Testing",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/play-it-(w)right.yaml",
+ "stepIndex": 10,
+ "originalLabel": "Automated Testing",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "demo-mg46qxxw-w5gd",
+ "description": " Slides",
+ "tooltip": "Slides",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "11. Automated Testing",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/play-it-(w)right.yaml",
+ "idx": 10,
+ "demo": {
+ "id": "demo-mg46qxxw-w5gd",
+ "title": "Automated Testing",
+ "steps": [
+ {
+ "action": "openSlide",
+ "path": ".demo/slides/play-it-wright/automated-testing-slides.md"
+ }
+ ],
+ "description": "Slides"
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.step demo-time.isSlide"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "12. Test Studio",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/play-it-(w)right.yaml",
+ "stepIndex": 11,
+ "originalLabel": "Test Studio",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "demo-mda92kvf-tjx9",
+ "description": " Intro",
+ "tooltip": "Intro",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "12. Test Studio",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/play-it-(w)right.yaml",
+ "idx": 11,
+ "demo": {
+ "id": "demo-mda92kvf-tjx9",
+ "title": "Test Studio",
+ "steps": [
+ {
+ "action": "openSlide",
+ "path": ".demo/slides/play-it-wright/test-studio.md"
+ }
+ ],
+ "description": "Intro"
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.step demo-time.isSlide"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "13. Test Studio",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/play-it-(w)right.yaml",
+ "stepIndex": 12,
+ "originalLabel": "Test Studio",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "demo-mg3zbpsv-jv0l",
+ "description": " Slides",
+ "tooltip": "Slides",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "13. Test Studio",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/play-it-(w)right.yaml",
+ "idx": 12,
+ "demo": {
+ "id": "demo-mg3zbpsv-jv0l",
+ "title": "Test Studio",
+ "steps": [
+ {
+ "action": "openSlide",
+ "path": ".demo/slides/play-it-wright/test-studio-slides.md"
+ }
+ ],
+ "description": "Slides"
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.step demo-time.isSlide"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "14. Test Studio",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/play-it-(w)right.yaml",
+ "stepIndex": 13,
+ "originalLabel": "Test Studio",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "demo-mg46wprc-0xui",
+ "description": " Demo",
+ "tooltip": "Demo",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "14. Test Studio",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/play-it-(w)right.yaml",
+ "idx": 13,
+ "demo": {
+ "id": "demo-mg46wprc-0xui",
+ "title": "Test Studio",
+ "steps": [
+ {
+ "action": "openSlide",
+ "path": ".demo/slides/play-it-wright/demotime.md"
+ }
+ ],
+ "description": "Demo"
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.step demo-time.isSlide"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "15. Test Studio",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/play-it-(w)right.yaml",
+ "stepIndex": 14,
+ "originalLabel": "Test Studio",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "demo-mhn4d1rn-yvrb",
+ "description": " Open Edge",
+ "tooltip": "Open Edge",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "15. Test Studio",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/play-it-(w)right.yaml",
+ "idx": 14,
+ "demo": {
+ "id": "demo-mhn4d1rn-yvrb",
+ "title": "Test Studio",
+ "steps": [
+ {
+ "action": "executeTerminalCommand",
+ "command": "osascript .demo/slides/play-it-wright/assets/open-tab-first.scpt 1",
+ "autoExecute": true
+ },
+ {
+ "action": "executeVSCodeCommand",
+ "command": "workbench.action.terminal.killAll"
+ }
+ ],
+ "description": "Open Edge"
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.step"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "16. Test Studio",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/play-it-(w)right.yaml",
+ "stepIndex": 15,
+ "originalLabel": "Test Studio",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "demo-mgy1lzwb-8nme",
+ "description": " Outro",
+ "tooltip": "Outro",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "16. Test Studio",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/play-it-(w)right.yaml",
+ "idx": 15,
+ "demo": {
+ "id": "demo-mgy1lzwb-8nme",
+ "title": "Test Studio",
+ "steps": [
+ {
+ "action": "openSlide",
+ "path": ".demo/slides/play-it-wright/test-studio-outro.md"
+ }
+ ],
+ "description": "Outro"
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.step demo-time.isSlide"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "17. Test Engine",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/play-it-(w)right.yaml",
+ "stepIndex": 16,
+ "originalLabel": "Test Engine",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "demo-mda92x0v-w6xy",
+ "description": " Intro",
+ "tooltip": "Intro",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "17. Test Engine",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/play-it-(w)right.yaml",
+ "idx": 16,
+ "demo": {
+ "id": "demo-mda92x0v-w6xy",
+ "title": "Test Engine",
+ "steps": [
+ {
+ "action": "openSlide",
+ "path": ".demo/slides/play-it-wright/test-engine.md"
+ }
+ ],
+ "description": "Intro"
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.step demo-time.isSlide"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "18. Test Engine",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/play-it-(w)right.yaml",
+ "stepIndex": 17,
+ "originalLabel": "Test Engine",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "demo-mg45i9iu-xpw9",
+ "description": " Slides",
+ "tooltip": "Slides",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "18. Test Engine",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/play-it-(w)right.yaml",
+ "idx": 17,
+ "demo": {
+ "id": "demo-mg45i9iu-xpw9",
+ "title": "Test Engine",
+ "steps": [
+ {
+ "action": "openSlide",
+ "path": ".demo/slides/play-it-wright/test-engine-slides.md"
+ }
+ ],
+ "description": "Slides"
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.step demo-time.isSlide"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "19. Test Engine",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/play-it-(w)right.yaml",
+ "stepIndex": 18,
+ "originalLabel": "Test Engine",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "demo-mhn9xz5a-6zpj",
+ "description": " Open script",
+ "tooltip": "Open script",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "19. Test Engine",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/play-it-(w)right.yaml",
+ "idx": 18,
+ "demo": {
+ "id": "demo-mhn9xz5a-6zpj",
+ "title": "Test Engine",
+ "steps": [
+ {
+ "action": "open",
+ "path": ".demo/slides/play-it-wright/assets/Suite.fx.yaml"
+ },
+ {
+ "action": "highlight",
+ "position": "1:61",
+ "highlightWholeLine": true,
+ "path": ".demo/slides/play-it-wright/assets/Suite.fx.yaml",
+ "zoom": 5
+ }
+ ],
+ "description": "Open script"
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.step"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "20. Test Engine",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/play-it-(w)right.yaml",
+ "stepIndex": 19,
+ "originalLabel": "Test Engine",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "demo-mhn9vi2p-gnff",
+ "description": " Outro",
+ "tooltip": "Outro",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "20. Test Engine",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/play-it-(w)right.yaml",
+ "idx": 19,
+ "demo": {
+ "id": "demo-mhn9vi2p-gnff",
+ "title": "Test Engine",
+ "steps": [
+ {
+ "action": "openSlide",
+ "path": ".demo/slides/play-it-wright/test-engine-outro.md"
+ }
+ ],
+ "description": "Outro"
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.step demo-time.isSlide"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "21. Playwright",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/play-it-(w)right.yaml",
+ "stepIndex": 20,
+ "originalLabel": "Playwright",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "demo-mda93i2y-jsdc",
+ "description": " Intro",
+ "tooltip": "Intro",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "21. Playwright",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/play-it-(w)right.yaml",
+ "idx": 20,
+ "demo": {
+ "id": "demo-mda93i2y-jsdc",
+ "title": "Playwright",
+ "steps": [
+ {
+ "action": "openSlide",
+ "path": ".demo/slides/play-it-wright/playwright.md"
+ }
+ ],
+ "description": "Intro"
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.step demo-time.isSlide"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "22. Playwright",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/play-it-(w)right.yaml",
+ "stepIndex": 21,
+ "originalLabel": "Playwright",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "demo-mg45nq1a-mc6a",
+ "description": " Slides",
+ "tooltip": "Slides",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "22. Playwright",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/play-it-(w)right.yaml",
+ "idx": 21,
+ "demo": {
+ "id": "demo-mg45nq1a-mc6a",
+ "title": "Playwright",
+ "steps": [
+ {
+ "action": "openSlide",
+ "path": ".demo/slides/play-it-wright/playwright-slides.md"
+ }
+ ],
+ "description": "Slides"
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.step demo-time.isSlide"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "23. Playwright",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/play-it-(w)right.yaml",
+ "stepIndex": 22,
+ "notes": ".demo/notes/demo-mg46z4kz-udds_notes.md",
+ "originalLabel": "Playwright",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "demo-mh2crqjq-j1f0",
+ "description": " Demo",
+ "tooltip": "Demo",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "23. Playwright",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/play-it-(w)right.yaml",
+ "idx": 22,
+ "demo": {
+ "id": "demo-mh2crqjq-j1f0",
+ "title": "Playwright",
+ "steps": [
+ {
+ "action": "openSlide",
+ "path": ".demo/slides/play-it-wright/demotime.md"
+ }
+ ],
+ "description": "Demo",
+ "notes": {
+ "path": ".demo/notes/demo-mg46z4kz-udds_notes.md"
+ }
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.step demo-time.hasNotes demo-time.isSlide"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "24. Playwright",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/play-it-(w)right.yaml",
+ "stepIndex": 23,
+ "notes": ".demo/slides/play-it-wright/playwright-slides-explain.md",
+ "originalLabel": "Playwright",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "demo-mh2cvame-hy14",
+ "description": " Explain",
+ "tooltip": "Explain",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "24. Playwright",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/play-it-(w)right.yaml",
+ "idx": 23,
+ "demo": {
+ "id": "demo-mh2cvame-hy14",
+ "title": "Playwright",
+ "steps": [
+ {
+ "action": "openSlide",
+ "path": ".demo/slides/play-it-wright/playwright-slides-explain.md"
+ }
+ ],
+ "description": "Explain",
+ "notes": {
+ "path": ".demo/slides/play-it-wright/playwright-slides-explain.md"
+ }
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.step demo-time.hasNotes demo-time.isSlide"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "25. Playwright",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/play-it-(w)right.yaml",
+ "stepIndex": 24,
+ "notes": ".demo/slides/play-it-wright/playwright-slides-explain.md",
+ "originalLabel": "Playwright",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "demo-mh637ibh-4akh",
+ "description": " Open Script",
+ "tooltip": "Open Script",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "25. Playwright",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/play-it-(w)right.yaml",
+ "idx": 24,
+ "demo": {
+ "id": "demo-mh637ibh-4akh",
+ "title": "Playwright",
+ "steps": [
+ {
+ "action": "open",
+ "path": "playwright/tests/learn.spec.ts"
+ },
+ {
+ "action": "highlight",
+ "path": "playwright/tests/learn.spec.ts",
+ "highlightWholeLine": false,
+ "position": "1:26",
+ "zoom": 5
+ }
+ ],
+ "description": "Open Script",
+ "notes": {
+ "path": ".demo/slides/play-it-wright/playwright-slides-explain.md"
+ }
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.step demo-time.hasNotes"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "26. Playwright ",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/play-it-(w)right.yaml",
+ "stepIndex": 25,
+ "notes": ".demo/slides/play-it-wright/playwright-slides-explain.md",
+ "originalLabel": "Playwright ",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "demo-mhndj9oe-h3kq",
+ "description": " Highlight GoTo",
+ "tooltip": "Highlight GoTo",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "26. Playwright ",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/play-it-(w)right.yaml",
+ "idx": 25,
+ "demo": {
+ "id": "demo-mhndj9oe-h3kq",
+ "title": "Playwright ",
+ "steps": [
+ {
+ "action": "highlight",
+ "path": "playwright/tests/learn.spec.ts",
+ "highlightWholeLine": true,
+ "position": "5",
+ "zoom": 5
+ }
+ ],
+ "description": "Highlight GoTo",
+ "notes": {
+ "path": ".demo/slides/play-it-wright/playwright-slides-explain.md"
+ }
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.step demo-time.hasNotes"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "27. Playwright",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/play-it-(w)right.yaml",
+ "stepIndex": 26,
+ "notes": ".demo/slides/play-it-wright/playwright-slides-explain.md",
+ "originalLabel": "Playwright",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "demo-mhndltjh-ei6s",
+ "description": " Highlight Locators",
+ "tooltip": "Highlight Locators",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "27. Playwright",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/play-it-(w)right.yaml",
+ "idx": 26,
+ "demo": {
+ "id": "demo-mhndltjh-ei6s",
+ "title": "Playwright",
+ "steps": [
+ {
+ "action": "highlight",
+ "path": "playwright/tests/learn.spec.ts",
+ "highlightWholeLine": true,
+ "position": "7",
+ "zoom": 5
+ }
+ ],
+ "description": "Highlight Locators",
+ "notes": {
+ "path": ".demo/slides/play-it-wright/playwright-slides-explain.md"
+ }
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.step demo-time.hasNotes"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "28. Playwright",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/play-it-(w)right.yaml",
+ "stepIndex": 27,
+ "notes": ".demo/slides/play-it-wright/playwright-slides-explain.md",
+ "originalLabel": "Playwright",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "demo-mhndmupu-fx31",
+ "description": " Highlight GetByRole",
+ "tooltip": "Highlight GetByRole",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "28. Playwright",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/play-it-(w)right.yaml",
+ "idx": 27,
+ "demo": {
+ "id": "demo-mhndmupu-fx31",
+ "title": "Playwright",
+ "steps": [
+ {
+ "action": "highlight",
+ "path": "playwright/tests/learn.spec.ts",
+ "highlightWholeLine": true,
+ "position": "9:11",
+ "zoom": 5
+ }
+ ],
+ "description": "Highlight GetByRole",
+ "notes": {
+ "path": ".demo/slides/play-it-wright/playwright-slides-explain.md"
+ }
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.step demo-time.hasNotes"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "29. Playwright",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/play-it-(w)right.yaml",
+ "stepIndex": 28,
+ "originalLabel": "Playwright",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "demo-mgzmauzd-5njm",
+ "description": " Assertions",
+ "tooltip": "Assertions",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "29. Playwright",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/play-it-(w)right.yaml",
+ "idx": 28,
+ "demo": {
+ "id": "demo-mgzmauzd-5njm",
+ "title": "Playwright",
+ "steps": [
+ {
+ "action": "openSlide",
+ "path": ".demo/slides/play-it-wright/playwright-slides-assertion.md"
+ }
+ ],
+ "description": "Assertions"
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.step demo-time.isSlide"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "30. Playwright",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/play-it-(w)right.yaml",
+ "stepIndex": 29,
+ "originalLabel": "Playwright",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "demo-mgzmc4z5-tu7m",
+ "description": " Aria Snapshot",
+ "tooltip": "Aria Snapshot",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "30. Playwright",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/play-it-(w)right.yaml",
+ "idx": 29,
+ "demo": {
+ "id": "demo-mgzmc4z5-tu7m",
+ "title": "Playwright",
+ "steps": [
+ {
+ "action": "openSlide",
+ "path": ".demo/slides/play-it-wright/playwright-slides-ariasnapshot.md"
+ }
+ ],
+ "description": "Aria Snapshot"
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.step demo-time.isSlide"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "31. Playwright",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/play-it-(w)right.yaml",
+ "stepIndex": 30,
+ "originalLabel": "Playwright",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "demo-mgzmbca9-mewt",
+ "description": " Screenshots",
+ "tooltip": "Screenshots",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "31. Playwright",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/play-it-(w)right.yaml",
+ "idx": 30,
+ "demo": {
+ "id": "demo-mgzmbca9-mewt",
+ "title": "Playwright",
+ "steps": [
+ {
+ "action": "openSlide",
+ "path": ".demo/slides/play-it-wright/playwright-slides-screenshot.md"
+ }
+ ],
+ "description": "Screenshots"
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.step demo-time.isSlide"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "32. Playwright",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/play-it-(w)right.yaml",
+ "stepIndex": 31,
+ "originalLabel": "Playwright",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "demo-mhndpghq-8r6u",
+ "description": " Functions",
+ "tooltip": "Functions",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "32. Playwright",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/play-it-(w)right.yaml",
+ "idx": 31,
+ "demo": {
+ "id": "demo-mhndpghq-8r6u",
+ "title": "Playwright",
+ "steps": [
+ {
+ "action": "open",
+ "path": "playwright/tests/canvasapp.spec.ts"
+ }
+ ],
+ "description": "Functions"
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.step"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "33. Playwright",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/play-it-(w)right.yaml",
+ "stepIndex": 32,
+ "originalLabel": "Playwright",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "demo-mgzmh2e9-u0j1",
+ "description": " Viewers & results",
+ "tooltip": "Viewers & results",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "33. Playwright",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/play-it-(w)right.yaml",
+ "idx": 32,
+ "demo": {
+ "id": "demo-mgzmh2e9-u0j1",
+ "title": "Playwright",
+ "steps": [
+ {
+ "action": "openSlide",
+ "path": ".demo/slides/play-it-wright/playwright-slides-views.md"
+ }
+ ],
+ "description": "Viewers & results"
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.step demo-time.isSlide"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "34. Playwright",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/play-it-(w)right.yaml",
+ "stepIndex": 33,
+ "originalLabel": "Playwright",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "demo-mgzmjl9u-59zs",
+ "description": " ALM",
+ "tooltip": "ALM",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "34. Playwright",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/play-it-(w)right.yaml",
+ "idx": 33,
+ "demo": {
+ "id": "demo-mgzmjl9u-59zs",
+ "title": "Playwright",
+ "steps": [
+ {
+ "action": "openSlide",
+ "path": ".demo/slides/play-it-wright/playwright-slides-alm.md"
+ }
+ ],
+ "description": "ALM"
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.step demo-time.isSlide"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "35. Playwright",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/play-it-(w)right.yaml",
+ "stepIndex": 34,
+ "originalLabel": "Playwright",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "demo-mhnb7ycd-0a2g",
+ "description": " Open Workflow file",
+ "tooltip": "Open Workflow file",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "35. Playwright",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/play-it-(w)right.yaml",
+ "idx": 34,
+ "demo": {
+ "id": "demo-mhnb7ycd-0a2g",
+ "title": "Playwright",
+ "steps": [
+ {
+ "action": "open",
+ "path": "playwright/.github/workflows/playwright.yml"
+ },
+ {
+ "action": "highlight",
+ "position": "1:27",
+ "highlightWholeLine": false,
+ "zoom": 5,
+ "path": "playwright/.github/workflows/playwright.yml"
+ }
+ ],
+ "description": "Open Workflow file"
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.step"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "36. Playwright",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/play-it-(w)right.yaml",
+ "stepIndex": 35,
+ "originalLabel": "Playwright",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "demo-mhne0y2i-n0s4",
+ "description": " Outro",
+ "tooltip": "Outro",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "36. Playwright",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/play-it-(w)right.yaml",
+ "idx": 35,
+ "demo": {
+ "id": "demo-mhne0y2i-n0s4",
+ "title": "Playwright",
+ "steps": [
+ {
+ "action": "openSlide",
+ "path": ".demo/slides/play-it-wright/playwright-outro.md"
+ }
+ ],
+ "description": "Outro"
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.step demo-time.isSlide"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "37. Playwright",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/play-it-(w)right.yaml",
+ "stepIndex": 36,
+ "originalLabel": "Playwright",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "demo-mh510l4x-5z8e",
+ "description": " AI",
+ "tooltip": "AI",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "37. Playwright",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/play-it-(w)right.yaml",
+ "idx": 36,
+ "demo": {
+ "id": "demo-mh510l4x-5z8e",
+ "title": "Playwright",
+ "steps": [
+ {
+ "action": "openSlide",
+ "path": ".demo/slides/play-it-wright/playwright-slides-ai.md"
+ }
+ ],
+ "description": "AI"
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.step demo-time.isSlide"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "38. Links",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/play-it-(w)right.yaml",
+ "stepIndex": 37,
+ "notes": ".demo/notes/demo-mg46z4kz-udds_notes.md",
+ "originalLabel": "Links",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "demo-mhna6crm-qeqo",
+ "description": " Links",
+ "tooltip": "Links",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "38. Links",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/play-it-(w)right.yaml",
+ "idx": 37,
+ "demo": {
+ "id": "demo-mhna6crm-qeqo",
+ "title": "Links",
+ "steps": [
+ {
+ "action": "openSlide",
+ "path": ".demo/slides/play-it-wright/links.md"
+ }
+ ],
+ "description": "Links",
+ "notes": {
+ "path": ".demo/notes/demo-mg46z4kz-udds_notes.md"
+ }
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.step demo-time.hasNotes demo-time.isSlide"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "39. End",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/play-it-(w)right.yaml",
+ "stepIndex": 38,
+ "notes": ".demo/notes/demo-mg46z4kz-udds_notes.md",
+ "originalLabel": "End",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "demo-mh2dz4hg-7uuf",
+ "description": " The End",
+ "tooltip": "The End",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "39. End",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/play-it-(w)right.yaml",
+ "idx": 38,
+ "demo": {
+ "id": "demo-mh2dz4hg-7uuf",
+ "title": "End",
+ "steps": [
+ {
+ "action": "openSlide",
+ "path": ".demo/slides/play-it-wright/end.md"
+ }
+ ],
+ "description": "The End",
+ "notes": {
+ "path": ".demo/notes/demo-mg46z4kz-udds_notes.md"
+ }
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.lastStep demo-time.hasNotes demo-time.isSlide"
+ }
+ ],
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/play-it-(w)right.yaml",
+ "description": " play-it-(w)right.yaml",
+ "tooltip": "play-it-(w)right.yaml",
+ "iconPath": {
+ "id": "dt-act"
+ },
+ "contextValue": "demo-time.file"
+ },
+ {
+ "collapsibleState": 2,
+ "label": "PowerConference",
+ "children": [
+ {
+ "collapsibleState": 0,
+ "label": "1. Demo Dark",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/powerconference.yaml",
+ "stepIndex": 0,
+ "originalLabel": "Demo Dark",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "demo-mi2vcg6f-3dq6",
+ "description": " ",
+ "tooltip": "1. Demo Dark",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "1. Demo Dark",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/powerconference.yaml",
+ "idx": 0,
+ "demo": {
+ "id": "demo-mi2vcg6f-3dq6",
+ "title": "Demo Dark",
+ "steps": [
+ {
+ "action": "openSlide",
+ "path": ".demo/slides/PowerConference/dark.md"
+ }
+ ]
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.firstStep demo-time.isSlide"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "2. Demo Light",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/powerconference.yaml",
+ "stepIndex": 1,
+ "originalLabel": "Demo Light",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "demo-mi3dp5wc-bsan",
+ "description": " ",
+ "tooltip": "2. Demo Light",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "2. Demo Light",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/powerconference.yaml",
+ "idx": 1,
+ "demo": {
+ "id": "demo-mi3dp5wc-bsan",
+ "title": "Demo Light",
+ "steps": [
+ {
+ "action": "openSlide",
+ "path": ".demo/slides/PowerConference/light.md"
+ }
+ ]
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.lastStep demo-time.isSlide"
+ }
+ ],
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/powerconference.yaml",
+ "description": " powerconference.yaml",
+ "tooltip": "powerconference.yaml",
+ "iconPath": {
+ "id": "dt-act"
+ },
+ "contextValue": "demo-time.file"
+ },
+ {
+ "collapsibleState": 2,
+ "label": "Template Blue",
+ "children": [
+ {
+ "collapsibleState": 0,
+ "label": "1. Intro",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/template-blue.yaml",
+ "stepIndex": 0,
+ "originalLabel": "Intro",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "demo-mg3zl6wy-xrbw",
+ "description": " This is a intro slide",
+ "tooltip": "This is a intro slide",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "1. Intro",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/template-blue.yaml",
+ "idx": 0,
+ "demo": {
+ "id": "demo-mg3zl6wy-xrbw",
+ "title": "Intro",
+ "steps": [
+ {
+ "action": "openSlide",
+ "path": ".demo/slides/template-blue/intro.md"
+ }
+ ],
+ "description": "This is a intro slide"
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.firstStep demo-time.isSlide"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "2. Section",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/template-blue.yaml",
+ "stepIndex": 1,
+ "originalLabel": "Section",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "demo-mg3zlnlv-gl6y",
+ "description": " ",
+ "tooltip": "2. Section",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "2. Section",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/template-blue.yaml",
+ "idx": 1,
+ "demo": {
+ "id": "demo-mg3zlnlv-gl6y",
+ "title": "Section",
+ "steps": [
+ {
+ "action": "openSlide",
+ "path": ".demo/slides/template-blue/section.md"
+ }
+ ]
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.step demo-time.isSlide"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "3. Default",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/template-blue.yaml",
+ "stepIndex": 2,
+ "originalLabel": "Default",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "demo-mg401qd0-ghpg",
+ "description": " ",
+ "tooltip": "3. Default",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "3. Default",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/template-blue.yaml",
+ "idx": 2,
+ "demo": {
+ "id": "demo-mg401qd0-ghpg",
+ "title": "Default",
+ "steps": [
+ {
+ "action": "openSlide",
+ "path": ".demo/slides/template-blue/default.md"
+ }
+ ]
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.step demo-time.isSlide"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "4. Two columns",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/template-blue.yaml",
+ "stepIndex": 3,
+ "originalLabel": "Two columns",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "demo-mg40w69w-hkjc",
+ "description": " ",
+ "tooltip": "4. Two columns",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "4. Two columns",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/template-blue.yaml",
+ "idx": 3,
+ "demo": {
+ "id": "demo-mg40w69w-hkjc",
+ "title": "Two columns",
+ "steps": [
+ {
+ "action": "openSlide",
+ "path": ".demo/slides/template-blue/two-columns.md"
+ }
+ ]
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.step demo-time.isSlide"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "5. Default Light",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/template-blue.yaml",
+ "stepIndex": 4,
+ "originalLabel": "Default Light",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "demo-mg42lii1-frpp",
+ "description": " ",
+ "tooltip": "5. Default Light",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "5. Default Light",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/template-blue.yaml",
+ "idx": 4,
+ "demo": {
+ "id": "demo-mg42lii1-frpp",
+ "title": "Default Light",
+ "steps": [
+ {
+ "action": "openSlide",
+ "path": ".demo/slides/template-blue/default-light.md"
+ }
+ ]
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.step demo-time.isSlide"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "6. Default Intro",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/template-blue.yaml",
+ "stepIndex": 5,
+ "originalLabel": "Default Intro",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "demo-mg42ovgf-55a6",
+ "description": " ",
+ "tooltip": "6. Default Intro",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "6. Default Intro",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/template-blue.yaml",
+ "idx": 5,
+ "demo": {
+ "id": "demo-mg42ovgf-55a6",
+ "title": "Default Intro",
+ "steps": [
+ {
+ "action": "openSlide",
+ "path": ".demo/slides/template-blue/default-intro.md"
+ }
+ ]
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.step demo-time.isSlide"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "7. Section Light",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/template-blue.yaml",
+ "stepIndex": 6,
+ "originalLabel": "Section Light",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "demo-mg42w678-3gg4",
+ "description": " ",
+ "tooltip": "7. Section Light",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "7. Section Light",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/template-blue.yaml",
+ "idx": 6,
+ "demo": {
+ "id": "demo-mg42w678-3gg4",
+ "title": "Section Light",
+ "steps": [
+ {
+ "action": "openSlide",
+ "path": ".demo/slides/template-blue/section-light.md"
+ }
+ ]
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.lastStep demo-time.isSlide"
+ }
+ ],
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/template-blue.yaml",
+ "description": " template-blue.yaml",
+ "tooltip": "template-blue.yaml",
+ "iconPath": {
+ "id": "dt-act"
+ },
+ "contextValue": "demo-time.file"
+ },
+ {
+ "collapsibleState": 2,
+ "label": "Template Collabdays",
+ "children": [
+ {
+ "collapsibleState": 0,
+ "label": "1. Light Intro",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/template-collabdays.yaml",
+ "stepIndex": 0,
+ "originalLabel": "Light Intro",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "1",
+ "description": " The default template",
+ "tooltip": "The default template",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "1. Light Intro",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/template-collabdays.yaml",
+ "idx": 0,
+ "demo": {
+ "title": "Light Intro",
+ "id": "1",
+ "description": "The default template",
+ "steps": [
+ {
+ "action": "openSlide",
+ "path": ".demo/slides/template-collabdays/light-intro.md"
+ }
+ ]
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.firstStep demo-time.isSlide"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "2. Light Section",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/template-collabdays.yaml",
+ "stepIndex": 1,
+ "originalLabel": "Light Section",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "2",
+ "description": " The default template",
+ "tooltip": "The default template",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "2. Light Section",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/template-collabdays.yaml",
+ "idx": 1,
+ "demo": {
+ "title": "Light Section",
+ "id": "2",
+ "description": "The default template",
+ "steps": [
+ {
+ "action": "openSlide",
+ "path": ".demo/slides/template-collabdays/light-section.md"
+ }
+ ]
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.step demo-time.isSlide"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "3. Light Default",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/template-collabdays.yaml",
+ "stepIndex": 2,
+ "originalLabel": "Light Default",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "description": " The default template",
+ "tooltip": "The default template",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "3. Light Default",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/template-collabdays.yaml",
+ "idx": 2,
+ "demo": {
+ "title": "Light Default",
+ "description": "The default template",
+ "steps": [
+ {
+ "action": "openSlide",
+ "path": ".demo/slides/template-collabdays/light-default.md"
+ }
+ ]
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.step demo-time.isSlide"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "4. Light Two Columns",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/template-collabdays.yaml",
+ "stepIndex": 3,
+ "originalLabel": "Light Two Columns",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "description": " The default template",
+ "tooltip": "The default template",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "4. Light Two Columns",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/template-collabdays.yaml",
+ "idx": 3,
+ "demo": {
+ "title": "Light Two Columns",
+ "description": "The default template",
+ "steps": [
+ {
+ "action": "openSlide",
+ "path": ".demo/slides/template-collabdays/light-two-columns.md"
+ }
+ ]
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.step demo-time.isSlide"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "5. Light Image Right",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/template-collabdays.yaml",
+ "stepIndex": 4,
+ "originalLabel": "Light Image Right",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "description": " The default template",
+ "tooltip": "The default template",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "5. Light Image Right",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/template-collabdays.yaml",
+ "idx": 4,
+ "demo": {
+ "title": "Light Image Right",
+ "description": "The default template",
+ "steps": [
+ {
+ "action": "openSlide",
+ "path": "/.demo/slides/template/light-image-right.md"
+ }
+ ]
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.step demo-time.isSlide"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "6. Light Image Right2",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/template-collabdays.yaml",
+ "stepIndex": 5,
+ "originalLabel": "Light Image Right2",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "description": " The default template",
+ "tooltip": "The default template",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "6. Light Image Right2",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/template-collabdays.yaml",
+ "idx": 5,
+ "demo": {
+ "title": "Light Image Right2",
+ "description": "The default template",
+ "steps": [
+ {
+ "action": "openSlide",
+ "path": "/.demo/slides/template/light-image-right.md"
+ }
+ ]
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.lastStep demo-time.isSlide"
+ }
+ ],
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/template-collabdays.yaml",
+ "description": " template-collabdays.yaml",
+ "tooltip": "template-collabdays.yaml",
+ "iconPath": {
+ "id": "dt-act"
+ },
+ "contextValue": "demo-time.file"
+ },
+ {
+ "collapsibleState": 2,
+ "label": "Template",
+ "children": [
+ {
+ "collapsibleState": 0,
+ "label": "1. Dark Intro",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/template.yaml",
+ "stepIndex": 0,
+ "originalLabel": "Dark Intro",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "description": " The default template",
+ "tooltip": "The default template",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "1. Dark Intro",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/template.yaml",
+ "idx": 0,
+ "demo": {
+ "title": "Dark Intro",
+ "description": "The default template",
+ "steps": [
+ {
+ "action": "openSlide",
+ "path": "/.demo/slides/template/dark-intro.md"
+ }
+ ]
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.firstStep demo-time.isSlide"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "2. Dark Section",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/template.yaml",
+ "stepIndex": 1,
+ "originalLabel": "Dark Section",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "description": " The default template",
+ "tooltip": "The default template",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "2. Dark Section",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/template.yaml",
+ "idx": 1,
+ "demo": {
+ "title": "Dark Section",
+ "description": "The default template",
+ "steps": [
+ {
+ "action": "openSlide",
+ "path": "/.demo/slides/template/dark-section.md"
+ }
+ ]
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.step demo-time.isSlide"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "3. Dark Default",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/template.yaml",
+ "stepIndex": 2,
+ "originalLabel": "Dark Default",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "description": " The default template",
+ "tooltip": "The default template",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "3. Dark Default",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/template.yaml",
+ "idx": 2,
+ "demo": {
+ "title": "Dark Default",
+ "description": "The default template",
+ "steps": [
+ {
+ "action": "openSlide",
+ "path": "/.demo/slides/template/dark-default.md"
+ }
+ ]
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.step demo-time.isSlide"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "4. Dark Two Columns",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/template.yaml",
+ "stepIndex": 3,
+ "originalLabel": "Dark Two Columns",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "description": " The default template",
+ "tooltip": "The default template",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "4. Dark Two Columns",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/template.yaml",
+ "idx": 3,
+ "demo": {
+ "title": "Dark Two Columns",
+ "description": "The default template",
+ "steps": [
+ {
+ "action": "openSlide",
+ "path": "/.demo/slides/template/dark-two-columns.md"
+ }
+ ]
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.step demo-time.isSlide"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "5. Light Intro",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/template.yaml",
+ "stepIndex": 4,
+ "originalLabel": "Light Intro",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "9991",
+ "description": " The default template",
+ "tooltip": "The default template",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "5. Light Intro",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/template.yaml",
+ "idx": 4,
+ "demo": {
+ "title": "Light Intro",
+ "id": "9991",
+ "description": "The default template",
+ "steps": [
+ {
+ "action": "openSlide",
+ "path": "/.demo/slides/template/light-intro.md"
+ }
+ ]
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.step demo-time.isSlide"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "6. Light Section",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/template.yaml",
+ "stepIndex": 5,
+ "originalLabel": "Light Section",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "992",
+ "description": " The default template",
+ "tooltip": "The default template",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "6. Light Section",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/template.yaml",
+ "idx": 5,
+ "demo": {
+ "title": "Light Section",
+ "id": "992",
+ "description": "The default template",
+ "steps": [
+ {
+ "action": "openSlide",
+ "path": "/.demo/slides/template/light-section.md"
+ }
+ ]
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.step demo-time.isSlide"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "7. Light Default",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/template.yaml",
+ "stepIndex": 6,
+ "originalLabel": "Light Default",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "description": " The default template",
+ "tooltip": "The default template",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "7. Light Default",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/template.yaml",
+ "idx": 6,
+ "demo": {
+ "title": "Light Default",
+ "description": "The default template",
+ "steps": [
+ {
+ "action": "openSlide",
+ "path": "/.demo/slides/template/light-default.md"
+ }
+ ]
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.step demo-time.isSlide"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "8. Light Two Columns",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/template.yaml",
+ "stepIndex": 7,
+ "originalLabel": "Light Two Columns",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "description": " The default template",
+ "tooltip": "The default template",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "8. Light Two Columns",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/template.yaml",
+ "idx": 7,
+ "demo": {
+ "title": "Light Two Columns",
+ "description": "The default template",
+ "steps": [
+ {
+ "action": "openSlide",
+ "path": "/.demo/slides/template/light-two-columns.md"
+ }
+ ]
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.step demo-time.isSlide"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "9. Light Image Right",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/template.yaml",
+ "stepIndex": 8,
+ "originalLabel": "Light Image Right",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "description": " The default template",
+ "tooltip": "The default template",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "9. Light Image Right",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/template.yaml",
+ "idx": 8,
+ "demo": {
+ "title": "Light Image Right",
+ "description": "The default template",
+ "steps": [
+ {
+ "action": "openSlide",
+ "path": "/.demo/slides/template/light-image-right.md"
+ }
+ ]
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.step demo-time.isSlide"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "10. Power Apps",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/template.yaml",
+ "stepIndex": 9,
+ "originalLabel": "Power Apps",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "example1",
+ "description": " The default template",
+ "tooltip": "The default template",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "10. Power Apps",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/template.yaml",
+ "idx": 9,
+ "demo": {
+ "title": "Power Apps",
+ "id": "example1",
+ "description": "The default template",
+ "steps": [
+ {
+ "action": "openSlide",
+ "path": "/.demo/slides/Example1.md"
+ }
+ ]
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.step demo-time.isSlide"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "11. Execute AppleScript",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/template.yaml",
+ "stepIndex": 10,
+ "originalLabel": "Execute AppleScript",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "description": " My description",
+ "tooltip": "My description",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "11. Execute AppleScript",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/template.yaml",
+ "idx": 10,
+ "demo": {
+ "title": "Execute AppleScript",
+ "description": "My description",
+ "steps": [
+ {
+ "action": "executeTerminalCommand",
+ "command": "osascript /Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/script.scpt"
+ }
+ ]
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.step"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "12. Power Automate",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/template.yaml",
+ "stepIndex": 11,
+ "originalLabel": "Power Automate",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "id": "example2",
+ "description": " The default template",
+ "tooltip": "The default template",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "12. Power Automate",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/template.yaml",
+ "idx": 11,
+ "demo": {
+ "title": "Power Automate",
+ "id": "example2",
+ "description": "The default template",
+ "steps": [
+ {
+ "action": "openSlide",
+ "path": "/.demo/slides/Example2.md"
+ }
+ ]
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.step demo-time.isSlide"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "13. Execute AppleScript",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/template.yaml",
+ "stepIndex": 12,
+ "originalLabel": "Execute AppleScript",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "description": " My description",
+ "tooltip": "My description",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "13. Execute AppleScript",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/template.yaml",
+ "idx": 12,
+ "demo": {
+ "title": "Execute AppleScript",
+ "description": "My description",
+ "steps": [
+ {
+ "action": "executeTerminalCommand",
+ "command": "osascript /Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/script2.scpt"
+ }
+ ]
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.step"
+ },
+ {
+ "collapsibleState": 0,
+ "label": "14. Light Image Right2",
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/template.yaml",
+ "stepIndex": 13,
+ "originalLabel": "Light Image Right2",
+ "isActive": false,
+ "hasExecuted": false,
+ "disabled": false,
+ "description": " The default template",
+ "tooltip": "The default template",
+ "iconPath": {
+ "id": "dt-scene"
+ },
+ "command": {
+ "command": "demo-time.runStep",
+ "title": "14. Light Image Right2",
+ "arguments": [
+ {
+ "filePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/template.yaml",
+ "idx": 13,
+ "demo": {
+ "title": "Light Image Right2",
+ "description": "The default template",
+ "steps": [
+ {
+ "action": "openSlide",
+ "path": "/.demo/slides/template/light-image-right.md"
+ }
+ ]
+ }
+ }
+ ]
+ },
+ "contextValue": "demo-time.lastStep demo-time.isSlide"
+ }
+ ],
+ "demoFilePath": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/template.yaml",
+ "description": " template.yaml",
+ "tooltip": "template.yaml",
+ "iconPath": {
+ "id": "dt-act"
+ },
+ "contextValue": "demo-time.file"
+ }
+ ],
+ "currentDemoFile": "/Users/arjanrijsdijk/Documents/GitHub/Slide-Deck/.demo/collabdays.yaml",
+ "previousEnabled": {},
+ "slides": {
+ "hasNext": true,
+ "slideIdx": 0
+ },
+ "clock": {
+ "current": "23:36",
+ "isPaused": false
+ },
+ "settings": {
+ "showScreenshot": true,
+ "showNotes": true
+ }
+}
\ No newline at end of file
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+