clean up

package.json

@@ -12,8 +12,6 @@
     "@sveltejs/vite-plugin-svelte": "^2.4.2",
     "@xyflow/svelte": "^0.0.12",
     "svelte": "^4.0.5",
-    "svelte-dnd-action": "^0.9.25",
-    "svelvet": "^8.1.0",
     "uuid": "^9.0.0",
     "vite": "^4.4.5"
   },

src/App.svelte

@@ -14,7 +14,6 @@
   import Graph from "./Graph.svelte";
   import { FFmpeg } from "@ffmpeg/ffmpeg";
   import { fetchFile, toBlobURL } from "@ffmpeg/util";
-  import { dndzone } from "svelte-dnd-action";
 
   const isChrome = navigator.userAgent.match(/chrome|chromium|crios/i);
   const baseURL = `https://unpkg.com/@ffmpeg/core${!isChrome ? "-mt" : ""}@0.12.2/dist/esm`;
@@ -23,7 +22,6 @@
 
   const ffmpeg = new FFmpeg();
 
-  let command = "";
   let videoValue = "/" + $inputs[0].name;
   let ffmpegLoaded = false;
   let rendering = false;
@@ -31,9 +29,6 @@
   let logbox;
   let commandRef;
 
-  function newInput() {
-    addNode({ name: "punch.mp4" }, "input");
-  }
 
   function render() {
     transcode();
@@ -93,14 +88,6 @@
     ffmpegLoaded = true;
   }
 
-  function handleFilterSort(e) {
-    filters.set(e.detail.items);
-  }
-
-  // inputs.subscribe(updateCommand);
-  // output.subscribe(updateCommand);
-  // filters.subscribe(updateCommand);
-
   onMount(async () => {
     loadFFmpeg();
   });
@@ -274,15 +261,6 @@
     background-color: #fff;
   }
 
-  .filters-holder {
-    min-height: 500px;
-    display: grid;
-    grid-template-columns: repeat(3, 1fr);
-    grid-gap: 10px;
-    padding-left: 10px;
-    flex: 1;
-    align-content: start;
-  }
   h1,
   h3 {
     font-weight: normal;
@@ -321,12 +299,6 @@
     padding: 5px;
     height: 100%;
   }
-  .section-header {
-    display: flex;
-  }
-  .section-header h3 {
-    flex: 1;
-  }
   .the-log {
     border: none;
     resize: none;
@@ -358,9 +330,6 @@
   }
 
   @media only screen and (max-width: 1400px) {
-    .filters-holder {
-      grid-template-columns: repeat(2, 1fr);
-    }
   }
 
   @media only screen and (max-width: 600px) {
@@ -392,12 +361,5 @@
       height: 300px;
       position: static;
     }
-    .filters-holder {
-      grid-template-columns: repeat(1, 1fr);
-      grid-gap: 10px;
-      flex: 1;
-      align-content: start;
-      padding: 0;
-    }
   }
 </style>