yep

5 files changed, 406 insertions, 0 deletions

diff --git a/.next/dist/lib/initApollo.js b/.next/dist/lib/initApollo.js
new file mode 100644
index 0000000..99eaf8f
--- /dev/null
+++ b/.next/dist/lib/initApollo.js
@@ -0,0 +1,49 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = initApollo;
+
+var _reactApollo = require('react-apollo');
+
+var _isomorphicFetch = require('isomorphic-fetch');
+
+var _isomorphicFetch2 = _interopRequireDefault(_isomorphicFetch);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var apolloClient = null;
+
+// Polyfill fetch() on the server (used by apollo-client)
+if (!process.browser) {
+  global.fetch = _isomorphicFetch2.default;
+}
+
+function create(initialState) {
+  return new _reactApollo.ApolloClient({
+    initialState: initialState,
+    ssrMode: !process.browser, // Disables forceFetch on the server (so queries are only run once)
+    networkInterface: (0, _reactApollo.createNetworkInterface)({
+      uri: 'https://api.graph.cool/simple/v1/cj5xz8szs28930145gct82bdj', // Server URL (must be absolute)
+      opts: { // Additional fetch() options like `credentials` or `headers`
+        credentials: 'same-origin'
+      }
+    })
+  });
+}
+
+function initApollo(initialState) {
+  // Make sure to create a new client for every server-side request so that data
+  // isn't shared between connections (which would be bad)
+  if (!process.browser) {
+    return create(initialState);
+  }
+
+  // Reuse client on the client-side
+  if (!apolloClient) {
+    apolloClient = create(initialState);
+  }
+
+  return apolloClient;
+}
\ No newline at end of file
diff --git a/.next/dist/lib/withData.js b/.next/dist/lib/withData.js
new file mode 100644
index 0000000..3514787
--- /dev/null
+++ b/.next/dist/lib/withData.js
@@ -0,0 +1,195 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _getPrototypeOf = require('babel-runtime/core-js/object/get-prototype-of');
+
+var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
+
+var _regenerator = require('babel-runtime/regenerator');
+
+var _regenerator2 = _interopRequireDefault(_regenerator);
+
+var _extends2 = require('babel-runtime/helpers/extends');
+
+var _extends3 = _interopRequireDefault(_extends2);
+
+var _asyncToGenerator2 = require('babel-runtime/helpers/asyncToGenerator');
+
+var _asyncToGenerator3 = _interopRequireDefault(_asyncToGenerator2);
+
+var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
+
+var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
+
+var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
+
+var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
+
+var _createClass2 = require('babel-runtime/helpers/createClass');
+
+var _createClass3 = _interopRequireDefault(_createClass2);
+
+var _inherits2 = require('babel-runtime/helpers/inherits');
+
+var _inherits3 = _interopRequireDefault(_inherits2);
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+var _reactApollo = require('react-apollo');
+
+var _head = require('next/dist/lib/head.js');
+
+var _head2 = _interopRequireDefault(_head);
+
+var _initApollo = require('./initApollo');
+
+var _initApollo2 = _interopRequireDefault(_initApollo);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _jsxFileName = '/Users/wesbos/Sites/advanced-react/examples/next/lib/withData.js';
+
+
+// Gets the display name of a JSX component for dev tools
+function getComponentDisplayName(Component) {
+  return Component.displayName || Component.name || 'Unknown';
+}
+
+exports.default = function (ComposedComponent) {
+  var _class, _temp;
+
+  return _temp = _class = function (_React$Component) {
+    (0, _inherits3.default)(WithData, _React$Component);
+
+    (0, _createClass3.default)(WithData, null, [{
+      key: 'getInitialProps',
+      value: function () {
+        var _ref = (0, _asyncToGenerator3.default)(_regenerator2.default.mark(function _callee(ctx) {
+          var serverState, composedInitialProps, apollo, url, state;
+          return _regenerator2.default.wrap(function _callee$(_context) {
+            while (1) {
+              switch (_context.prev = _context.next) {
+                case 0:
+                  serverState = {};
+
+                  // Evaluate the composed component's getInitialProps()
+
+                  composedInitialProps = {};
+
+                  if (!ComposedComponent.getInitialProps) {
+                    _context.next = 6;
+                    break;
+                  }
+
+                  _context.next = 5;
+                  return ComposedComponent.getInitialProps(ctx);
+
+                case 5:
+                  composedInitialProps = _context.sent;
+
+                case 6:
+                  if (process.browser) {
+                    _context.next = 19;
+                    break;
+                  }
+
+                  apollo = (0, _initApollo2.default)();
+                  // Provide the `url` prop data in case a GraphQL query uses it
+
+                  url = { query: ctx.query, pathname: ctx.pathname };
+                  _context.prev = 9;
+                  _context.next = 12;
+                  return (0, _reactApollo.getDataFromTree)(_react2.default.createElement(_reactApollo.ApolloProvider, { client: apollo, __source: {
+                      fileName: _jsxFileName,
+                      lineNumber: 37
+                    }
+                  }, _react2.default.createElement(ComposedComponent, (0, _extends3.default)({ url: url }, composedInitialProps, {
+                    __source: {
+                      fileName: _jsxFileName,
+                      lineNumber: 38
+                    }
+                  }))));
+
+                case 12:
+                  _context.next = 16;
+                  break;
+
+                case 14:
+                  _context.prev = 14;
+                  _context.t0 = _context['catch'](9);
+
+                case 16:
+                  // getDataFromTree does not call componentWillUnmount
+                  // head side effect therefore need to be cleared manually
+                  _head2.default.rewind();
+
+                  // Extract query data from the Apollo store
+                  state = apollo.getInitialState();
+
+                  serverState = {
+                    apollo: {
+                      // Only include the Apollo data state
+                      data: state.data
+                    }
+                  };
+
+                case 19:
+                  return _context.abrupt('return', (0, _extends3.default)({
+                    serverState: serverState
+                  }, composedInitialProps));
+
+                case 20:
+                case 'end':
+                  return _context.stop();
+              }
+            }
+          }, _callee, this, [[9, 14]]);
+        }));
+
+        function getInitialProps(_x) {
+          return _ref.apply(this, arguments);
+        }
+
+        return getInitialProps;
+      }()
+    }]);
+
+    function WithData(props) {
+      (0, _classCallCheck3.default)(this, WithData);
+
+      var _this = (0, _possibleConstructorReturn3.default)(this, (WithData.__proto__ || (0, _getPrototypeOf2.default)(WithData)).call(this, props));
+
+      _this.apollo = (0, _initApollo2.default)(_this.props.serverState);
+      return _this;
+    }
+
+    (0, _createClass3.default)(WithData, [{
+      key: 'render',
+      value: function render() {
+        return _react2.default.createElement(_reactApollo.ApolloProvider, { client: this.apollo, __source: {
+            fileName: _jsxFileName,
+            lineNumber: 74
+          }
+        }, _react2.default.createElement(ComposedComponent, (0, _extends3.default)({}, this.props, {
+          __source: {
+            fileName: _jsxFileName,
+            lineNumber: 75
+          }
+        })));
+      }
+    }]);
+
+    return WithData;
+  }(_react2.default.Component), _class.displayName = 'WithData(' + getComponentDisplayName(ComposedComponent) + ')', _class.propTypes = {
+    serverState: _propTypes2.default.object.isRequired
+  }, _temp;
+};
\ No newline at end of file
diff --git a/.next/dist/pages/_document.js b/.next/dist/pages/_document.js
new file mode 100644
index 0000000..a3b7729
--- /dev/null
+++ b/.next/dist/pages/_document.js
@@ -0,0 +1,3 @@
+'use strict';
+
+module.exports = require('next/dist/server/document.js');
\ No newline at end of file
diff --git a/.next/dist/pages/_error.js b/.next/dist/pages/_error.js
new file mode 100644
index 0000000..63d8234
--- /dev/null
+++ b/.next/dist/pages/_error.js
@@ -0,0 +1,3 @@
+'use strict';
+
+module.exports = require('next/dist/lib/error.js');
\ No newline at end of file
diff --git a/.next/dist/pages/buy.js b/.next/dist/pages/buy.js
new file mode 100644
index 0000000..23327a5
--- /dev/null
+++ b/.next/dist/pages/buy.js
@@ -0,0 +1,156 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _regenerator = require('babel-runtime/regenerator');
+
+var _regenerator2 = _interopRequireDefault(_regenerator);
+
+var _asyncToGenerator2 = require('babel-runtime/helpers/asyncToGenerator');
+
+var _asyncToGenerator3 = _interopRequireDefault(_asyncToGenerator2);
+
+var _getPrototypeOf = require('babel-runtime/core-js/object/get-prototype-of');
+
+var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
+
+var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
+
+var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
+
+var _createClass2 = require('babel-runtime/helpers/createClass');
+
+var _createClass3 = _interopRequireDefault(_createClass2);
+
+var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
+
+var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
+
+var _inherits2 = require('babel-runtime/helpers/inherits');
+
+var _inherits3 = _interopRequireDefault(_inherits2);
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _withData = require('../lib/withData');
+
+var _withData2 = _interopRequireDefault(_withData);
+
+var _reactStripeCheckout = require('react-stripe-checkout');
+
+var _reactStripeCheckout2 = _interopRequireDefault(_reactStripeCheckout);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _jsxFileName = '/Users/wesbos/Sites/advanced-react/examples/next/pages/buy.js?entry';
+
+
+var TakeMoney = function (_React$Component) {
+  (0, _inherits3.default)(TakeMoney, _React$Component);
+
+  function TakeMoney() {
+    var _ref,
+        _this2 = this;
+
+    var _temp, _this, _ret;
+
+    (0, _classCallCheck3.default)(this, TakeMoney);
+
+    for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    return _ret = (_temp = (_this = (0, _possibleConstructorReturn3.default)(this, (_ref = TakeMoney.__proto__ || (0, _getPrototypeOf2.default)(TakeMoney)).call.apply(_ref, [this].concat(args))), _this), _this.onToken = function () {
+      var _ref2 = (0, _asyncToGenerator3.default)(_regenerator2.default.mark(function _callee(token) {
+        return _regenerator2.default.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                console.log(token);
+              // now that we have the token, create an "order"
+
+              // const res = await fetch('/save-stripe-token', {
+              //   method: 'POST',
+              //   body: JSON.stringify(token),
+              // })
+              // const data = await res.json();
+              // console.log(data);
+
+              case 1:
+              case 'end':
+                return _context.stop();
+            }
+          }
+        }, _callee, _this2);
+      }));
+
+      return function (_x) {
+        return _ref2.apply(this, arguments);
+      };
+    }(), _temp), (0, _possibleConstructorReturn3.default)(_this, _ret);
+  }
+
+  (0, _createClass3.default)(TakeMoney, [{
+    key: 'render',
+
+    // ...
+
+    value: function render() {
+      return (
+        // ...
+        _react2.default.createElement(_reactStripeCheckout2.default, {
+          token: this.onToken,
+          stripeKey: 'pk_lclTtThFp8CnO3QtEZSd8HA9mFUps',
+          amount: 1000000 // cents
+          , currency: 'USD',
+          __source: {
+            fileName: _jsxFileName,
+            lineNumber: 23
+          }
+        })
+      );
+    }
+  }]);
+
+  return TakeMoney;
+}(_react2.default.Component);
+
+var Buy = function (_Component) {
+  (0, _inherits3.default)(Buy, _Component);
+
+  function Buy() {
+    (0, _classCallCheck3.default)(this, Buy);
+
+    return (0, _possibleConstructorReturn3.default)(this, (Buy.__proto__ || (0, _getPrototypeOf2.default)(Buy)).apply(this, arguments));
+  }
+
+  (0, _createClass3.default)(Buy, [{
+    key: 'render',
+    value: function render() {
+      return _react2.default.createElement('div', {
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 36
+        }
+      }, _react2.default.createElement('p', {
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 37
+        }
+      }, 'Buy'), _react2.default.createElement(TakeMoney, {
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 38
+        }
+      }));
+    }
+  }]);
+
+  return Buy;
+}(_react.Component);
+
+exports.default = (0, _withData2.default)(Buy);
\ No newline at end of file