feat: add generic script loader (#5555)

Author: drdelambre

src/dataExplorer/components/resources/index.ts

@@ -23,7 +23,7 @@ interface Resources {
 
 export const RESOURCES: Resources = {}
   // eslint-disable-next-line no-extra-semi
-;[].forEach(mod => {
+;[require('./types/script')].forEach(mod => {
   mod.default((def: ResourceRegistration) => {
     if (RESOURCES.hasOwnProperty(def.type)) {
       throw new Error(

src/dataExplorer/components/resources/types/script/editor.tsx

@@ -0,0 +1,3 @@
+import React from 'react'
+
+export default () => <h1>script editor</h1>

src/dataExplorer/components/resources/types/script/index.ts

@@ -0,0 +1,93 @@
+import {ResourceType} from 'src/types/resources'
+import editor from './editor'
+import {CLOUD} from 'src/shared/constants'
+
+const {getScript, patchScript, postScript} = CLOUD
+  ? require('src/client/scriptsRoutes')
+  : {
+      getScript: false,
+      patchScript: false,
+      postScript: false,
+    }
+
+export default function script(register) {
+  register({
+    type: ResourceType.Scripts,
+    editor,
+    init: id => {
+      if (!id || !CLOUD) {
+        return Promise.resolve({
+          type: ResourceType.Scripts,
+          flux: '',
+          data: {
+            name: `Untitled Script: ${new Date().toISOString()}`,
+            description: 'default description',
+          },
+        })
+      }
+
+      return getScript({
+        scriptID: id,
+      }).then(resp => {
+        if (resp.status === 200) {
+          return {
+            type: ResourceType.Scripts,
+            flux: resp.data.script,
+            data: resp.data,
+          }
+        }
+
+        return {
+          type: ResourceType.Scripts,
+          flux: '',
+          data: {
+            name: `Untitled Script: ${new Date().toISOString()}`,
+            description: 'default description',
+          },
+        }
+      })
+    },
+    persist: resource => {
+      const data = JSON.parse(JSON.stringify(resource.data))
+      data.script = resource.flux
+
+      if (!CLOUD) {
+        return resource
+      }
+
+      if (data.id) {
+        return patchScript({
+          scriptID: data.id,
+          data: {
+            name: data.name,
+            description: data.description,
+            script: data.script,
+          },
+        }).then(() => {
+          return resource
+        })
+      }
+
+      return postScript({
+        data: {
+          name: data.name,
+          description: data.description,
+          script: data.script,
+          language: 'flux',
+        },
+      }).then(resp => {
+        if (resp.status === 201) {
+          return {
+            ...resource,
+            data: {
+              ...data,
+              id: resp.data.id,
+            },
+          }
+        }
+
+        return resource
+      })
+    },
+  })
+}