Lucas N. Munhoz lnmunhoz

A simple workflow to import your data from localhost to your remote Hasura instance. I think this is not the best way but this is how it worked from me after many tries.

From the localhost

hasura init --directory my-project --endpoint http://localhost:8080
cd my-project

hasura migrate create "init" --from-server

	import { useEffect, useRef, useState } from 'react';
	import * as React from 'react';

	export type UseElementOnScreenProps = [React.MutableRefObject<any>, boolean];

	export const useElementOnScreen = (options?: IntersectionObserverInit): UseElementOnScreenProps => {
	const containerRef = useRef(null);
	const [isVisible, setIsVisible] = useState(false);

	const callbackFunction = (entries) => {

	/**
	* This transformer adds an empty object assignment to every Query component in the codebase.
	* It will only touch the file if it find a Query that has object destructuring assignment.
	* https://astexplorer.net/#/gist/a52e94d33bf5329027fddc77b95d9fe5/7b18cb8ae69e0ab4413375276863632cf6307d52
	*/
	export default function transformer(file, api) {
	const j = api.jscodeshift

	return j(file.source)
	.find(j.JSXElement, path => path.openingElement.name.name === 'Query')

	.graphiql-container {
	height: 100vh;
	width: 100vw;
	}

	.graphiql-container .topBar,
	.graphiql-container .docExplorerShow,
	.graphiql-container .execute-button {
	background: linear-gradient(#e2e2e2, #f7f7f7);
	}