UNPKG

ran-boilerplate

Version:

React . Apollo (GraphQL) . Next.js Toolkit

github.com/Sly777/ran

Sly777/ran

6 lines (4 loc) • 8.98 kB
1
2
3
4
5
6
window.__NEXT_REGISTER_PAGE('/', function() { var comp = module.exports=webpackJsonp([4],{364:function(e,n,t){e.exports=t(365)},365:function(e,n,t){"use strict";function a(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(n,"__esModule",{value:!0});var i=t(0),l=a(i),r=t(366),o=a(r),d=t(53),u=a(d),s=t(55),c=a(s);n.default=(0,u.default)(function(e){return l.default.createElement(c.default,e,l.default.createElement(o.default,null))})},366:function(e,n,t){"use strict";function a(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(n,"__esModule",{value:!0});var i=t(0),l=a(i),r=t(5),o=(a(r),t(92)),d=t(367),u=a(d),s=t(370),c=t(371),f=a(c),m=function(e){var n=e.data,t=n.allPosts,a=n.loading,i=n._allPostsMeta,r=e.loadMorePosts;if(t&&t.length){var d=t.length<i.count;return l.default.createElement(s.Main,null,l.default.createElement(s.ItemList,null,t.map(function(e,n){return l.default.createElement(s.Item,{key:e.id},l.default.createElement("div",null,l.default.createElement(s.Index,null,n+1,". "),l.default.createElement(o.Link,{route:"details",params:{postId:e.id,postTitle:encodeURIComponent(e.title)},passHref:!0},l.default.createElement(s.Title,null,e.title)),l.default.createElement(u.default,{id:e.id,votes:e.votes})))})),d?l.default.createElement(s.ShowMore,{onClick:function(){return r()}},a?"Loading...":"Show More"):"")}return l.default.createElement(s.Loading,null,"Loading")};n.default=(0,f.default)(m)},367:function(e,n,t){"use strict";function a(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(n,"__esModule",{value:!0});var i=t(0),l=a(i),r=t(5),o=(a(r),t(368)),d=a(o),u=t(369),s=function(e){var n=e.upvote,t=e.votes,a=e.id;return l.default.createElement(u.UpvoteButton,{onClick:function(){return n(a,t+1)}},t)};s.defaultProps={votes:[]},n.default=(0,d.default)(s)},368:function(e,n,t){"use strict";Object.defineProperty(n,"__esModule",{value:!0});var a=t(30),i={kind:"Document",definitions:[{kind:"OperationDefinition",operation:"mutation",name:{kind:"Name",value:"updatePost"},variableDefinitions:[{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"id"}},type:{kind:"NonNullType",type:{kind:"NamedType",name:{kind:"Name",value:"ID"}}},defaultValue:null},{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"votes"}},type:{kind:"NamedType",name:{kind:"Name",value:"Int"}},defaultValue:null}],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",alias:null,name:{kind:"Name",value:"updatePost"},arguments:[{kind:"Argument",name:{kind:"Name",value:"id"},value:{kind:"Variable",name:{kind:"Name",value:"id"}}},{kind:"Argument",name:{kind:"Name",value:"votes"},value:{kind:"Variable",name:{kind:"Name",value:"votes"}}}],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",alias:null,name:{kind:"Name",value:"id"},arguments:[],directives:[],selectionSet:null},{kind:"Field",alias:null,name:{kind:"Name",value:"__typename"},arguments:[],directives:[],selectionSet:null},{kind:"Field",alias:null,name:{kind:"Name",value:"votes"},arguments:[],directives:[],selectionSet:null}]}}]}}],loc:{start:0,end:122,source:{body:"mutation updatePost($id: ID!, $votes: Int) {\n updatePost(id: $id, votes: $votes) {\n id\n __typename\n votes\n }\n}\n",name:"GraphQL request",locationOffset:{line:1,column:1}}}},l=(0,a.graphql)(i,{props:function(e){var n=e.ownProps,t=e.mutate;return{upvote:function(e,a){return t({variables:{id:e,votes:a},optimisticResponse:{__typename:"Mutation",updatePost:{__typename:"Post",id:n.id,votes:n.votes+1}}})}}}});n.default=function(e){return l(e)}},369:function(e,n,t){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.UpvoteButton=void 0;var a=t(16),i=function(e){return e&&e.__esModule?e:{default:e}}(a),l=t(25),r=function(e){if(e&&e.__esModule)return e;var n={};if(null!=e)for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&(n[t]=e[t]);return n.default=e,n}(l),o=(0,i.default)(['\n display: inline-block;\n background-color: transparent;\n border: 1px solid #e4e4e4;\n color: #000;\n\n &:active {\n background-color: transparent;\n }\n\n &:before {\n content: "▲";\n margin-right: 7px;\n }\n'],['\n display: inline-block;\n background-color: transparent;\n border: 1px solid #e4e4e4;\n color: #000;\n\n &:active {\n background-color: transparent;\n }\n\n &:before {\n content: "▲";\n margin-right: 7px;\n }\n']);n.UpvoteButton=r.Button.extend(o)},370:function(e,n,t){"use strict";function a(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(n,"__esModule",{value:!0}),n.ShowMore=n.ItemList=n.Index=n.Title=n.Loading=n.Item=n.Main=void 0;var i=t(16),l=a(i),r=t(19),o=a(r),d=t(25),u=function(e){if(e&&e.__esModule)return e;var n={};if(null!=e)for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&(n[t]=e[t]);return n.default=e,n}(d),s=(0,l.default)(["\n padding-bottom: 20px;\n"],["\n padding-bottom: 20px;\n"]),c=(0,l.default)(["\n display: block;\n margin-bottom: 10px;\n"],["\n display: block;\n margin-bottom: 10px;\n"]),f=(0,l.default)(["\n align-items: center;\n display: flex;\n"],["\n align-items: center;\n display: flex;\n"]),m=(0,l.default)(["\n font-size: 14px;\n margin-right: 10px;\n text-decoration: none;\n padding-bottom: 0;\n border: 0;\n"],["\n font-size: 14px;\n margin-right: 10px;\n text-decoration: none;\n padding-bottom: 0;\n border: 0;\n"]),p=(0,l.default)(["\n font-size: 14px;\n margin-right: 5px;\n"],["\n font-size: 14px;\n margin-right: 5px;\n"]),v=(0,l.default)(["\n margin: 0;\n padding: 0;\n"],["\n margin: 0;\n padding: 0;\n"]),k=(0,l.default)(['\n &:before {\n align-self: center;\n border-style: solid;\n border-width: 6px 4px 0 4px;\n border-color: #ffffff transparent transparent transparent;\n content: "";\n height: 0;\n margin-right: 5px;\n width: 0;\n }'],['\n &:before {\n align-self: center;\n border-style: solid;\n border-width: 6px 4px 0 4px;\n border-color: #ffffff transparent transparent transparent;\n content: "";\n height: 0;\n margin-right: 5px;\n width: 0;\n }']);n.Main=o.default.section(s),n.Item=o.default.li(c),n.Loading=o.default.div(f),n.Title=u.A.extend(m),n.Index=o.default.span(p),n.ItemList=o.default.ul(v),n.ShowMore=u.Button.extend(k)},371:function(e,n,t){"use strict";function a(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(n,"__esModule",{value:!0});var i=t(51),l=a(i),r=t(36),o=a(r),d=t(30),u={kind:"Document",definitions:[{kind:"OperationDefinition",operation:"query",name:{kind:"Name",value:"allPosts"},variableDefinitions:[{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"first"}},type:{kind:"NonNullType",type:{kind:"NamedType",name:{kind:"Name",value:"Int"}}},defaultValue:null},{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"skip"}},type:{kind:"NonNullType",type:{kind:"NamedType",name:{kind:"Name",value:"Int"}}},defaultValue:null}],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",alias:null,name:{kind:"Name",value:"allPosts"},arguments:[{kind:"Argument",name:{kind:"Name",value:"orderBy"},value:{kind:"EnumValue",value:"createdAt_DESC"}},{kind:"Argument",name:{kind:"Name",value:"first"},value:{kind:"Variable",name:{kind:"Name",value:"first"}}},{kind:"Argument",name:{kind:"Name",value:"skip"},value:{kind:"Variable",name:{kind:"Name",value:"skip"}}}],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",alias:null,name:{kind:"Name",value:"id"},arguments:[],directives:[],selectionSet:null},{kind:"Field",alias:null,name:{kind:"Name",value:"title"},arguments:[],directives:[],selectionSet:null},{kind:"Field",alias:null,name:{kind:"Name",value:"votes"},arguments:[],directives:[],selectionSet:null},{kind:"Field",alias:null,name:{kind:"Name",value:"createdAt"},arguments:[],directives:[],selectionSet:null}]}},{kind:"Field",alias:null,name:{kind:"Name",value:"_allPostsMeta"},arguments:[],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",alias:null,name:{kind:"Name",value:"count"},arguments:[],directives:[],selectionSet:null}]}}]}}],loc:{start:0,end:189,source:{body:"query allPosts($first: Int!, $skip: Int!) {\n allPosts(orderBy: createdAt_DESC, first: $first, skip: $skip) {\n id\n title\n votes\n createdAt\n }\n _allPostsMeta {\n count\n }\n}\n",name:"GraphQL request",locationOffset:{line:1,column:1}}}},s=(0,d.graphql)(u,{options:function(){return{variables:{skip:0,first:10}}},props:function(e){var n=e.data;return{data:n,loadMorePosts:function(){return n.fetchMore({variables:{skip:n.allPosts.length},updateQuery:function(e,n){var t=n.fetchMoreResult;return t?(0,o.default)({},e,{allPosts:[].concat((0,l.default)(e.allPosts),(0,l.default)(t.allPosts))}):e}})}}}});n.default=function(e){return s(e)}}},[364]); return { page: comp.default } })