From e84ecbf93b11c50f0ad673f8e171769f4deab787 Mon Sep 17 00:00:00 2001 From: Jackson Kearl Date: Tue, 24 Aug 2021 09:36:15 -0700 Subject: [PATCH] Add svg example --- getting-started-sample/media/image.svg | 88 ++++++++++++++++++++++++++ getting-started-sample/package.json | 86 +++++++++++++++++++------ 2 files changed, 155 insertions(+), 19 deletions(-) create mode 100644 getting-started-sample/media/image.svg diff --git a/getting-started-sample/media/image.svg b/getting-started-sample/media/image.svg new file mode 100644 index 00000000..5d719827 --- /dev/null +++ b/getting-started-sample/media/image.svg @@ -0,0 +1,88 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/getting-started-sample/package.json b/getting-started-sample/package.json index f2a2aab4..4e30dae7 100644 --- a/getting-started-sample/package.json +++ b/getting-started-sample/package.json @@ -36,93 +36,141 @@ "id": "runcommand", "title": "Run Command", "description": "This step will run a command and check off once it has been run.\n[Run Command](command:getting-started-sample.runCommand)", - "media": { "image": "media/image.png", "altText": "Empty image" }, - "completionEvents": ["onCommand:getting-started-sample.runCommand"] + "media": { + "image": "media/image.png", + "altText": "Empty image" + }, + "completionEvents": [ + "onCommand:getting-started-sample.runCommand" + ] }, { "id": "changesetting", "title": "Change Setting", "description": "This step will change a setting and check off when the setting has changed\n[Change Setting](command:getting-started-sample.changeSetting)", - "media": { "image": "media/image.png", "altText": "Empty image" }, - "completionEvents": ["onSettingChanged:getting-started-sample.sampleSetting"] + "media": { + "image": "media/image.png", + "altText": "Empty image" + }, + "completionEvents": [ + "onSettingChanged:getting-started-sample.sampleSetting" + ] }, { "id": "setcontext", "title": "Set Context", "description": "This step will set a context key, and check off when that context has been set\n[Set Context](command:getting-started-sample.setContext)", - "media": { "image": "media/image.png", "altText": "Empty image" }, - "completionEvents": ["onContext:gettingStartedContextKey"] + "media": { + "image": "media/image.png", + "altText": "Empty image" + }, + "completionEvents": [ + "onContext:gettingStartedContextKey" + ] }, { "id": "install python extension", "title": "Install Python Extension", "description": "Click here to install the Python Extension. This step will complete once it has been installed.\n[Here](command:workbench.extensions.installExtension?%22ms-python.python%22)", - "media": { "image": "media/image.png", "altText": "Empty image" }, - "completionEvents": ["extensionInstalled:ms-python.python"] + "media": { + "image": "media/image.png", + "altText": "Empty image" + }, + "completionEvents": [ + "extensionInstalled:ms-python.python" + ] }, { "id": "open terminal view", "title": "Open Terminal", "description": "Click [here](command:workbench.action.terminal.toggleTerminal) to open terminal. This step will complete once the terminal has been opened.", - "media": { "image": "media/image.png", "altText": "Empty image" }, - "completionEvents": ["onView:terminal"] + "media": { + "image": "media/image.png", + "altText": "Empty image" + }, + "completionEvents": [ + "onView:terminal" + ] + }, + { + "id": "usesvg", + "title": "Use SVG's", + "description": "Try out using SVG's in your content, they can react to the theme (try: ``var(--vscode-foreground)``) and even host command links (try: ``xlink:href=\"command:``)", + "media": { + "svg": "media/image.svg", + "altText": "Empty svg image" + } }, { "id": "mac", "title": "UI Platform: Mac", "description": "This step will only show on a Mac.", "when": "isMac", - "media": { "markdown": "media/mac.md"} + "media": { + "markdown": "media/mac.md" + } }, { "id": "windows", "title": "UI Platform: Windows", "description": "This step will only show on Windows", "when": "isWindows", - "media": { "markdown": "media/windows.md" } + "media": { + "markdown": "media/windows.md" + } }, { "id": "linux", "title": "UI Platform: Linux", "description": "This step will only show on Linux", "when": "isLinux", - "media": { "markdown": "media/linux.md" } + "media": { + "markdown": "media/linux.md" + } }, { "id": "macRemote", "title": "Workspace Platform: Mac", "description": "This step will only show on Mac remotes.", "when": "workspacePlatform == 'mac'", - "media": { "markdown": "media/mac.md"} + "media": { + "markdown": "media/mac.md" + } }, { "id": "windowsRemote", "title": "Workspace Platform: Windows", "description": "This step will only show on Windows remotes", "when": "workspacePlatform == 'windows'", - "media": { "markdown": "media/windows.md" } + "media": { + "markdown": "media/windows.md" + } }, { "id": "linuxRemote", "title": "Workspace Platform: Linux", "description": "This step will only show on Linux remotes", "when": "workspacePlatform == 'linux'", - "media": { "markdown": "media/linux.md" } + "media": { + "markdown": "media/linux.md" + } }, { "id": "webRemote", "title": "Workspace Platform: Web", "description": "This step will only show on webworker remotes", "when": "workspacePlatform == 'webworker'", - "media": { "markdown": "media/linux.md" } + "media": { + "markdown": "media/linux.md" + } } ] } ], - "configuration":{ + "configuration": { "title": "Getting Started Sample", "properties": { - "getting-started-sample.sampleSetting":{ + "getting-started-sample.sampleSetting": { "description": "Sample setting", "type": "boolean" }