How to use the wonka.subscribe function in wonka

To help you get started, we’ve selected a few wonka examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github CrystallizeAPI / crystallize-frontend-boilerplate / lib / graph / execute-queries.js View on Github external
return new Promise((resolve, reject) => {
    try {
      pipe(
        client.executeQuery(createRequest(query, variables)),
        subscribe(({ data, error }) => {
          if (error) {
            reject(error);
          } else {
            resolve(data);
          }
        })
      );
      // eslint-disable-next-line no-empty
    } catch (err) {}
  });
}
github FormidableLabs / urql / src / components / Query.tsx View on Github external
executeQuery = (opts?: Partial) => {
    this.unsubscribe();

    this.setState({ fetching: true });

    const [teardown] = pipe(
      this.props.client.executeQuery(this.request, {
        requestPolicy: this.props.requestPolicy,
        ...opts,
      }),
      subscribe(({ data, error }) => {
        this.setState({
          fetching: false,
          data,
          error,
        });
      })
    );

    this.unsubscribe = teardown;
  };
github smapiot / piral / src / packages / piral-urql / src / queries.ts View on Github external
return new Promise((resolve, reject) => {
    pipe(
      source,
      subscribe(({ data, error }) => {
        if (error) {
          reject(error);
        } else {
          resolve(data);
        }
      }),
    );
  });
}
github smapiot / piral / packages / piral-ext / src / gql / create.ts View on Github external
return new Promise((resolve, reject) => {
    pipe(
      source,
      subscribe(({ data, error }) => {
        if (error) {
          reject(error);
        } else {
          resolve(data);
        }
      }),
    );
  });
}
github FormidableLabs / urql / src / components / client.ts View on Github external
const [
      subscriptionProp$,
      nextSubscriptionProp,
    ] = makeSubject();
    this.nextQueryProp = nextQueryProp;
    this.nextSubscriptionProp = nextSubscriptionProp;

    const queryResults$ = makeQueryResults$(props.client, queryProp$);
    const subscriptionResults$ = makeSubscriptionResults$(
      props.client,
      subscriptionProp$
    );

    const [queryTeardown] = pipe(
      queryResults$,
      subscribe(this.onQueryUpdate)
    );
    const [subscriptionTeardown] = pipe(
      queryResults$,
      subscribe(this.onSubscriptionUpdate)
    );

    this.unsubscribe = () => {
      queryTeardown();
      subscriptionTeardown();
    };
  }
github FormidableLabs / urql / src / components / Subscription.tsx View on Github external
executeSubscription = () => {
    this.setState({ fetching: true });

    const [teardown] = pipe(
      this.props.client.executeSubscription(this.request),
      subscribe(({ data, error }) => {
        const { handler } = this.props;

        this.setState({
          fetching: false,
          data: handler !== undefined ? handler(this.state.data, data) : data,
          error,
        });
      })
    );

    this.unsubscribe = teardown;
  };
github FormidableLabs / urql / src / components / client.ts View on Github external
this.nextQueryProp = nextQueryProp;
    this.nextSubscriptionProp = nextSubscriptionProp;

    const queryResults$ = makeQueryResults$(props.client, queryProp$);
    const subscriptionResults$ = makeSubscriptionResults$(
      props.client,
      subscriptionProp$
    );

    const [queryTeardown] = pipe(
      queryResults$,
      subscribe(this.onQueryUpdate)
    );
    const [subscriptionTeardown] = pipe(
      queryResults$,
      subscribe(this.onSubscriptionUpdate)
    );

    this.unsubscribe = () => {
      queryTeardown();
      subscriptionTeardown();
    };
  }
github FormidableLabs / spectacle / src / hooks / use-transition-pipe.js View on Github external
const runTransition = React.useMemo(() => {
    const [transitionSource, runTransition] = makeSubject();
    pipe(
      transitionSource,
      subscribe(transition => transition.start())
    );
    return runTransition;
  }, []);
  return (
github smapiot / piral / src / packages / piral-urql / src / queries.ts View on Github external
export function gqlSubscription(
  client: Client,
  q: string,
  subscriber: GqlSubscriber,
  options: GqlSubscriptionOptions = {},
) {
  const { variables, headers = {} } = options;
  const request = createRequest(q, variables);
  const response = client.executeSubscription(request, { fetchOptions: { headers } });
  const [teardown] = pipe(
    response,
    subscribe(({ data, error }) => {
      subscriber(data, error);
    }),
  );
  return teardown;
}
github CrystallizeAPI / crystallize-frontend-boilerplate / lib / graph / use-query.js View on Github external
useEffect(() => {
    setResult(prev => ({ ...prev, fetching: true }));

    const request = createRequest(query, variables);

    const [teardown] = pipe(
      urqlClient.executeQuery(request),
      subscribe(({ data, error }) => {
        setResult({ fetching: false, data, error });
      })
    );

    return teardown;
  }, []);