imlement drag and drop uploader

.react-router/types/+future.ts

@@ -4,6 +4,6 @@ import "react-router";
 
 declare module "react-router" {
   interface Future {
-    v8_middleware: false;
+    v8_middleware: false
   }
-}
+}

.react-router/types/+routes.ts

@@ -1,33 +1,43 @@
 // Generated by React Router
 
-import "react-router";
+import "react-router"
 
 declare module "react-router" {
   interface Register {
-    pages: Pages;
-    routeFiles: RouteFiles;
-    routeModules: RouteModules;
+    pages: Pages
+    routeFiles: RouteFiles
+    routeModules: RouteModules
   }
 }
 
 type Pages = {
   "/": {
     params: {};
   };
+  "/visualizer/:id": {
+    params: {
+      "id": string;
+    };
+  };
 };
 
 type RouteFiles = {
   "root.tsx": {
     id: "root";
-    page: "/";
+    page: "/" | "/visualizer/:id";
   };
   "routes/home.tsx": {
     id: "routes/home";
     page: "/";
   };
+  "./routes/visualizer.$id.tsx": {
+    id: "routes/visualizer.$id";
+    page: "/visualizer/:id";
+  };
 };
 
 type RouteModules = {
-  root: typeof import("./app/root.tsx");
+  "root": typeof import("./app/root.tsx");
   "routes/home": typeof import("./app/routes/home.tsx");
-};
+  "routes/visualizer.$id": typeof import("./app/./routes/visualizer.$id.tsx");
+};

.react-router/types/+server-build.d.ts

@@ -15,4 +15,4 @@ declare module "virtual:react-router/server-build" {
   export const ssr: ServerBuild["ssr"];
   export const allowedActionOrigins: ServerBuild["allowedActionOrigins"];
   export const unstable_getCriticalCss: ServerBuild["unstable_getCriticalCss"];
-}
+}

.react-router/types/app/+types/root.ts

@@ -2,24 +2,19 @@
 
 import type { GetInfo, GetAnnotations } from "react-router/internal";
 
-type Module = typeof import("../root.js");
+type Module = typeof import("../root.js")
 
 type Info = GetInfo<{
-  file: "root.tsx";
-  module: Module;
-}>;
-
-type Matches = [
-  {
-    id: "root";
-    module: typeof import("../root.js");
-  },
-];
-
-type Annotations = GetAnnotations<
-  Info & { module: Module; matches: Matches },
-  false
->;
+  file: "root.tsx",
+  module: Module
+}>
+
+type Matches = [{
+  id: "root";
+  module: typeof import("../root.js");
+}];
+
+type Annotations = GetAnnotations<Info & { module: Module, matches: Matches }, false>;
 
 export namespace Route {
   // links
@@ -39,8 +34,7 @@ export namespace Route {
   export type MiddlewareFunction = Annotations["MiddlewareFunction"];
 
   // clientMiddleware
-  export type ClientMiddlewareFunction =
-    Annotations["ClientMiddlewareFunction"];
+  export type ClientMiddlewareFunction = Annotations["ClientMiddlewareFunction"];
 
   // loader
   export type LoaderArgs = Annotations["LoaderArgs"];
@@ -62,4 +56,4 @@ export namespace Route {
 
   // ErrorBoundary
   export type ErrorBoundaryProps = Annotations["ErrorBoundaryProps"];
-}
+}

.react-router/types/app/routes/+types/home.ts

@@ -2,28 +2,22 @@
 
 import type { GetInfo, GetAnnotations } from "react-router/internal";
 
-type Module = typeof import("../home.js");
+type Module = typeof import("../home.js")
 
 type Info = GetInfo<{
-  file: "routes/home.tsx";
-  module: Module;
-}>;
-
-type Matches = [
-  {
-    id: "root";
-    module: typeof import("../../root.js");
-  },
-  {
-    id: "routes/home";
-    module: typeof import("../home.js");
-  },
-];
-
-type Annotations = GetAnnotations<
-  Info & { module: Module; matches: Matches },
-  false
->;
+  file: "routes/home.tsx",
+  module: Module
+}>
+
+type Matches = [{
+  id: "root";
+  module: typeof import("../../root.js");
+}, {
+  id: "routes/home";
+  module: typeof import("../home.js");
+}];
+
+type Annotations = GetAnnotations<Info & { module: Module, matches: Matches }, false>;
 
 export namespace Route {
   // links
@@ -43,8 +37,7 @@ export namespace Route {
   export type MiddlewareFunction = Annotations["MiddlewareFunction"];
 
   // clientMiddleware
-  export type ClientMiddlewareFunction =
-    Annotations["ClientMiddlewareFunction"];
+  export type ClientMiddlewareFunction = Annotations["ClientMiddlewareFunction"];
 
   // loader
   export type LoaderArgs = Annotations["LoaderArgs"];
@@ -66,4 +59,4 @@ export namespace Route {
 
   // ErrorBoundary
   export type ErrorBoundaryProps = Annotations["ErrorBoundaryProps"];
-}
+}

.react-router/types/app/routes/+types/visualizer.$id.ts

@@ -0,0 +1,62 @@
+// Generated by React Router
+
+import type { GetInfo, GetAnnotations } from "react-router/internal";
+
+type Module = typeof import("../visualizer.$id.js")
+
+type Info = GetInfo<{
+  file: "./routes/visualizer.$id.tsx",
+  module: Module
+}>
+
+type Matches = [{
+  id: "root";
+  module: typeof import("../../root.js");
+}, {
+  id: "routes/visualizer.$id";
+  module: typeof import("../visualizer.$id.js");
+}];
+
+type Annotations = GetAnnotations<Info & { module: Module, matches: Matches }, false>;
+
+export namespace Route {
+  // links
+  export type LinkDescriptors = Annotations["LinkDescriptors"];
+  export type LinksFunction = Annotations["LinksFunction"];
+
+  // meta
+  export type MetaArgs = Annotations["MetaArgs"];
+  export type MetaDescriptors = Annotations["MetaDescriptors"];
+  export type MetaFunction = Annotations["MetaFunction"];
+
+  // headers
+  export type HeadersArgs = Annotations["HeadersArgs"];
+  export type HeadersFunction = Annotations["HeadersFunction"];
+
+  // middleware
+  export type MiddlewareFunction = Annotations["MiddlewareFunction"];
+
+  // clientMiddleware
+  export type ClientMiddlewareFunction = Annotations["ClientMiddlewareFunction"];
+
+  // loader
+  export type LoaderArgs = Annotations["LoaderArgs"];
+
+  // clientLoader
+  export type ClientLoaderArgs = Annotations["ClientLoaderArgs"];
+
+  // action
+  export type ActionArgs = Annotations["ActionArgs"];
+
+  // clientAction
+  export type ClientActionArgs = Annotations["ClientActionArgs"];
+
+  // HydrateFallback
+  export type HydrateFallbackProps = Annotations["HydrateFallbackProps"];
+
+  // Component
+  export type ComponentProps = Annotations["ComponentProps"];
+
+  // ErrorBoundary
+  export type ErrorBoundaryProps = Annotations["ErrorBoundaryProps"];
+}