import React from "react"
import ReactDOM from "react-dom"
import "./index.scss"
import App from "./App"
import { ApolloClient, ApolloProvider, InMemoryCache } from "@apollo/client"
import "react-contexify/dist/ReactContexify.css"

const client = new ApolloClient({
	uri: "/api/graphql",
	cache: new InMemoryCache({
		typePolicies:{
			Query: {
				fields: {
					files: {
						merge(existing, incoming){
							return incoming
						}
					},
					directorys:{
						merge(existing, incoming){
							return incoming
						}
					}
				}
			}
		}
	})
})

// Disable drag and drop behaviour on document
function disable(event: DragEvent) {
	event.preventDefault()
	event.stopPropagation()
}
document.addEventListener("dragenter",disable)
document.addEventListener("dragleave",disable)
document.addEventListener("dragover",disable)
document.addEventListener("drop",disable)

ReactDOM.render(
	<React.StrictMode>
		<ApolloProvider client={client}>
			<App />
		</ApolloProvider>
	</React.StrictMode>,
	document.getElementById("root")
)