refactor(core): move file system endpoints to its own plugin (#6716)

examples/api/src/App.svelte

@@ -8,7 +8,6 @@
   import Cli from './views/Cli.svelte'
   import Communication from './views/Communication.svelte'
   import Dialog from './views/Dialog.svelte'
-  import FileSystem from './views/FileSystem.svelte'
   import Http from './views/Http.svelte'
   import Notifications from './views/Notifications.svelte'
   import Window from './views/Window.svelte'
@@ -61,11 +60,6 @@
       component: Dialog,
       icon: 'i-codicon-multiple-windows'
     },
-    {
-      label: 'File system',
-      component: FileSystem,
-      icon: 'i-codicon-files'
-    },
     {
       label: 'HTTP',
       component: Http,

examples/api/src/views/Dialog.svelte

@@ -1,9 +1,7 @@
 <script>
   import { open, save } from '@tauri-apps/api/dialog'
-  import { readBinaryFile } from '@tauri-apps/api/fs'
 
   export let onMessage
-  export let insecureRenderHtml
   let defaultPath = null
   let filter = null
   let multiple = false
@@ -36,36 +34,7 @@
       multiple,
       directory
     })
-      .then(function (res) {
-        if (Array.isArray(res)) {
-          onMessage(res)
-        } else {
-          var pathToRead = res
-          var isFile = pathToRead.match(/\S+\.\S+$/g)
-          readBinaryFile(pathToRead)
-            .then(function (response) {
-              if (isFile) {
-                if (
-                  pathToRead.includes('.png') ||
-                  pathToRead.includes('.jpg')
-                ) {
-                  arrayBufferToBase64(
-                    new Uint8Array(response),
-                    function (base64) {
-                      var src = 'data:image/png;base64,' + base64
-                      insecureRenderHtml('<img src="' + src + '"></img>')
-                    }
-                  )
-                } else {
-                  onMessage(res)
-                }
-              } else {
-                onMessage(res)
-              }
-            })
-            .catch(onMessage(res))
-        }
-      })
+      .then(onMessage)
       .catch(onMessage)
   }
 

examples/api/src/views/FileSystem.svelte

@@ -1,106 +0,0 @@
-<script>
-  import {
-    readBinaryFile,
-    writeTextFile,
-    readDir,
-    Dir
-  } from '@tauri-apps/api/fs'
-  import { convertFileSrc } from '@tauri-apps/api/tauri'
-
-  export let onMessage
-  export let insecureRenderHtml
-
-  let pathToRead = ''
-  let img
-
-  function getDir() {
-    const dirSelect = document.getElementById('dir')
-    return dirSelect.value ? parseInt(dir.value) : null
-  }
-
-  function arrayBufferToBase64(buffer, callback) {
-    const blob = new Blob([buffer], {
-      type: 'application/octet-binary'
-    })
-    const reader = new FileReader()
-    reader.onload = function (evt) {
-      const dataurl = evt.target.result
-      callback(dataurl.substr(dataurl.indexOf(',') + 1))
-    }
-    reader.readAsDataURL(blob)
-  }
-
-  const DirOptions = Object.keys(Dir)
-    .filter((key) => isNaN(parseInt(key)))
-    .map((dir) => [dir, Dir[dir]])
-
-  function read() {
-    const isFile = pathToRead.match(/\S+\.\S+$/g)
-    const opts = {
-      dir: getDir()
-    }
-    const promise = isFile
-      ? readBinaryFile(pathToRead, opts)
-      : readDir(pathToRead, opts)
-    promise
-      .then(function (response) {
-        if (isFile) {
-          if (pathToRead.includes('.png') || pathToRead.includes('.jpg')) {
-            arrayBufferToBase64(new Uint8Array(response), function (base64) {
-              const src = 'data:image/png;base64,' + base64
-              insecureRenderHtml('<img src="' + src + '"></img>')
-            })
-          } else {
-            const value = String.fromCharCode.apply(null, response)
-            insecureRenderHtml(
-              '<textarea id="file-response"></textarea><button id="file-save">Save</button>'
-            )
-            setTimeout(() => {
-              const fileInput = document.getElementById('file-response')
-              fileInput.value = value
-              document
-                .getElementById('file-save')
-                .addEventListener('click', function () {
-                  writeTextFile(pathToRead, fileInput.value, {
-                    dir: getDir()
-                  }).catch(onMessage)
-                })
-            })
-          }
-        } else {
-          onMessage(response)
-        }
-      })
-      .catch(onMessage)
-  }
-
-  function setSrc() {
-    img.src = convertFileSrc(pathToRead)
-  }
-</script>
-
-<form class="flex flex-col" on:submit|preventDefault={read}>
-  <div class="flex gap-1">
-    <select class="input" id="dir">
-      <option value="">None</option>
-      {#each DirOptions as dir}
-        <option value={dir[1]}>{dir[0]}</option>
-      {/each}
-    </select>
-    <input
-      class="input grow"
-      id="path-to-read"
-      placeholder="Type the path to read..."
-      bind:value={pathToRead}
-    />
-  </div>
-  <br />
-  <div>
-    <button class="btn" id="read">Read</button>
-    <button class="btn" type="button" on:click={setSrc}>Use as img src</button>
-  </div>
-</form>
-
-<br />
-
-<img alt="" bind:this={img} />