Restore onDrop JSON file

packages/vscode-extension/src/app/App.tsx

@@ -3,6 +3,7 @@ import { debounce, Diagram } from '@data-story/core';
 import { DataStory } from '@data-story/ui';
 import { VsCodeClient } from './VsCodeClient';
 import { VsCodeToast } from './VsCodeToast';
+import { onDrop } from './onDrop';
 
 const fileUri = window.initialData.fileUri;
 
@@ -67,6 +68,7 @@ export default function App() {
         key={'abc'}
         initDiagram={diagram}
         onChange={handleChange}
+        onDrop={onDrop}
       />
       <VsCodeToast postMessage={window.vscode.postMessage}/>
     </div>

packages/vscode-extension/src/app/onDrop.ts

@@ -0,0 +1,32 @@
+import { NodeDescription, str } from '@data-story/core';
+
+export const onDrop = (event: any, addNodeFromDescription: any) => {
+  event.preventDefault();
+
+  const path = event.dataTransfer.getData('text/plain');
+  const filename = path.split('/').pop();
+  const extention = filename.split('.').pop();
+
+  if (extention !== 'json') {
+    console.warn('Currently, only JSON files are supported.');
+    return;
+  }
+
+  const description: NodeDescription = {
+    name: 'JsonFile',
+    label: filename,
+    inputs: [],
+    outputs: [{
+      name: 'output',
+      schema: {}
+    }],
+    params: [
+      str({
+        name: 'uri',
+        value: path,
+      })
+    ],
+  }
+
+  addNodeFromDescription(description);
+}

packages/vscode-extension/src/messageHandlers/vsCodeNodeProvider.ts

@@ -1,25 +1,33 @@
-import { ServiceProvider, Application, Computer } from '@data-story/core';
+import { ServiceProvider, Application, Computer, str } from '@data-story/core';
+import fs from 'fs';
 
-const CustomPass: Computer = {
-  name: 'CustomPass',
-  label: 'CustomPass',
-  inputs: [{
-    name: 'input',
-    schema: {},
-  }],
+const JsonFile: Computer = {
+  name: 'JsonFile',
+  label: 'JsonFile',
+  inputs: [],
   outputs: [{
     name: 'output',
     schema: {},
   }],
-  params: [],
+  params: [
+    str({
+      name: 'uri',
+    }),
+  ],
+
+  run: async function* ({ output, params }) {
+    const path = params.uri as string;
+    const content = fs.readFileSync(path, 'utf8');
+    const data = JSON.parse(content);
 
-  run: async function* ({ input, output }) {
-    console.log('In the custom passer!')
+    output.push(data);
   }
 }
 
 export const vsCodeNodeProvider: ServiceProvider = {
   async boot(app: Application) {
-    app.addComputers([ CustomPass]);
+    app.addComputers([
+      JsonFile,
+    ]);
   }
 }