@r3l/app
Version:
52 lines (37 loc) • 3.52 kB
JavaScript
"use strict";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
var _typeof = require("@babel/runtime/helpers/typeof");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = Test;
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
var _react = _interopRequireWildcard(require("react"));
var _styled = require("../styled");
var _reactHooks = require("@apollo/react-hooks");
var _graphqlTag = _interopRequireDefault(require("graphql-tag"));
var _templateObject, _templateObject2;
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
var SUBSCRIBE = (0, _graphqlTag.default)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n subscription {\n userUpdated {\n _id\n balance\n handle\n name\n email\n }\n }\n"])));
var GET_ME = (0, _graphqlTag.default)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n query {\n me(filter: { handle: \"slava\" }) {\n _id\n handle\n balance\n name\n email\n }\n }\n"])));
function Test() {
var _data$me, _data$me2, _data$me3;
var _useQuery = (0, _reactHooks.useQuery)(GET_ME),
data = _useQuery.data,
loading = _useQuery.loading,
error = _useQuery.error,
subscribeToMore = _useQuery.subscribeToMore;
(0, _react.useEffect)(function () {
var unsubscribe = subscribeToMore({
document: SUBSCRIBE
});
return function () {
return unsubscribe();
};
}, [subscribeToMore]);
if (loading) return /*#__PURE__*/_react.default.createElement(_styled.BodyText, null, "Loading...");
if (error) return /*#__PURE__*/_react.default.createElement(_styled.BodyText, null, "ERROR: ", error.message);
return /*#__PURE__*/_react.default.createElement(_styled.View, null, /*#__PURE__*/_react.default.createElement(_styled.BodyText, null, "handle: ", data === null || data === void 0 ? void 0 : (_data$me = data.me) === null || _data$me === void 0 ? void 0 : _data$me.handle, ", email: ", data === null || data === void 0 ? void 0 : (_data$me2 = data.me) === null || _data$me2 === void 0 ? void 0 : _data$me2.email, ", balance=", data === null || data === void 0 ? void 0 : (_data$me3 = data.me) === null || _data$me3 === void 0 ? void 0 : _data$me3.balance));
}
//# sourceMappingURL=apollo.demo.js.map