#149 added data.preview.remote command shortcut

for loading remote data files (http only for now)

Author: RandomFractals

README.md

@@ -71,14 +71,16 @@ Data Preview 🈸 example using `dark` UI theme with `d3fc` Charts 📊 Data Vie
 
 ## Data Preview 🈸 Launch Tips
 
-1. Run `View -> Command Palette...>Data: Preview Data 🈸` command or `Ctrl+Shift+D` in an open 
+1. Run `View -> Command Palette...>Data: Preview Data` command or `Ctrl+Shift+D` in an open 
 `.json` `.config` `.env` `.properties` `.ini` `.yml` or `.csv/.tsv` text  data file document to launch Data Preview panel.
 2. `File -> Save` (`Ctrl+S`) your text data file for immediate updates in an open Data Preview 🈸 panel.
 3. Right-click on a Binary `.xlsx/.xlsb`, `.arrow` or `.avro` data file in VSCode File Explorer to launch Data Preview panel.
 4. Use exposed `explorer/context`, `editor/title` or `editor/title/context` Preview Data 🈸 or Preview Data on Side context menu options to preview your data files.
 5. Click on the Data View Filename toolbar link to Load saved Data View Grid || Chart 📊 `.config`.
 6. Click on the Data View 🈸 icon to Launch new Data Preview Panel for new view config changes.
 7. Use Open Data File or URL 📤 option from Data View toolbar to launch new Data Preview 🈸.
+8. Run `View -> Command Palette...>Data: Preview Remote Data` command or `Ctrl+Shift+R`
+to launch Data Preview for remote `http(s)` data files.
 
 ![Data Preview Open Data File](https://github.com/RandomFractals/vscode-data-preview/blob/master/images/vscode-data-preview-open-file.png?raw=true 
 "Data Preview Open Data File")

package.json

@@ -246,6 +246,11 @@
           "light": "./images/data-preview-side.svg",
           "dark": "./images/data-preview-side-dark.svg"
         }
+      },
+      {
+        "command": "data.preview.remote",
+        "title": "Preview Remote Data",
+        "category": "Data"
       }
     ],
     "keybindings": [
@@ -256,6 +261,10 @@
       {
         "command": "data.preview.on.side",
         "key": "ctrl+alt+s d"
+      },
+      {
+        "command": "data.preview.remote",
+        "key": "ctrl+shift+r"
       }
     ],
     "menus": {

src/extension.ts

@@ -55,6 +55,22 @@ export function activate(context: ExtensionContext) {
     createDataPreviewCommand('data.preview.on.side', 'data.preview', extensionPath, dataViewTemplate);
   context.subscriptions.push(dataWebviewOnSide);
 
+  // add Preview Remote data command
+  const dataWebviewRemote: Disposable = commands.registerCommand('data.preview.remote', () => {
+    window.showInputBox({
+      ignoreFocusOut: true,
+      placeHolder: 'https://',
+      prompt: 'Enter remote data url'
+    }).then((dataUrl: string) => {
+      if (dataUrl && dataUrl !== undefined && dataUrl.length > 0) {
+        const dataUri: Uri = Uri.parse(dataUrl);
+        // launch new data preview
+        commands.executeCommand('data.preview', dataUri);
+      }  
+    });
+  });
+  context.subscriptions.push(dataWebviewRemote);
+
   // refresh associated preview on data file save
   workspace.onDidSaveTextDocument((document: TextDocument) => {
     if (isDataFile(document)) {