UNPKG

ran-boilerplate

Version:

React . Apollo (GraphQL) . Next.js Toolkit

github.com/Sly777/ran

Sly777/ran

6 lines (4 loc) • 4.78 kB
1
2
3
4
5
6
window.__NEXT_REGISTER_PAGE('/create', function() { var comp = module.exports=webpackJsonp([8],{280:function(e,t,n){e.exports=n(281)},281:function(e,t,n){"use strict";function a(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var l=n(11),i=a(l),u=n(0),r=a(u),o=n(282),d=a(o),s=n(53),m=a(s),c=n(55),f=a(c);t.default=(0,m.default)(function(e){return r.default.createElement(f.default,(0,i.default)({title:"Create Post"},e),r.default.createElement(d.default,null))})},282:function(e,t,n){"use strict";function a(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var l=n(8),i=a(l),u=n(2),r=a(u),o=n(9),d=a(o),s=n(10),m=a(s),c=n(0),f=a(c),p=n(5),v=(a(p),n(283)),k=n(92),b=n(307),g=a(b),S=function(e){function t(){var e,n,a,l;(0,r.default)(this,t);for(var u=arguments.length,o=Array(u),s=0;s<u;s++)o[s]=arguments[s];return n=a=(0,d.default)(this,(e=t.__proto__||(0,i.default)(t)).call.apply(e,[this].concat(o))),a.handleSubmit=function(e){e.preventDefault();var t=e.target.elements.title.value,n=e.target.elements.url.value;if(""===t||""===n)return window.alert("Both fields are required."),!1;n.match(/^[a-zA-Z]+:\/\//)||(n="http://"+n),a.props.mutations.createPost(t,n),e.target.elements.title.value="",e.target.elements.url.value="",k.Router.pushRoute("/")},a.render=function(){return f.default.createElement(v.Form,{onSubmit:a.handleSubmit},f.default.createElement("h1",null,"Add new post"),f.default.createElement("input",{placeholder:"title",name:"title"}),f.default.createElement("input",{placeholder:"url",name:"url"}),f.default.createElement(v.SubmitButton,{type:"submit"},"Submit"))},l=n,(0,d.default)(a,l)}return(0,m.default)(t,e),t}(f.default.Component);t.default=(0,g.default)(S)},283:function(e,t,n){"use strict";function a(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.SubmitButton=t.Form=void 0;var l=n(16),i=a(l),u=n(19),r=a(u),o=n(25),d=(0,i.default)(["\n border-bottom: 1px solid #ececec;\n padding-bottom: 20px;\n margin-bottom: 20px;\n\n > h1 {\n font-size: 20px;\n }\n > input {\n display: block;\n margin-bottom: 10px;\n }\n"],["\n border-bottom: 1px solid #ececec;\n padding-bottom: 20px;\n margin-bottom: 20px;\n\n > h1 {\n font-size: 20px;\n }\n > input {\n display: block;\n margin-bottom: 10px;\n }\n"]);t.Form=r.default.form(d);t.SubmitButton=o.Button},307:function(e,t,n){"use strict";function a(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.withMutation=void 0;var l=n(51),i=a(l),u=n(36),r=a(u),o=n(30),d={kind:"Document",definitions:[{kind:"OperationDefinition",operation:"mutation",name:{kind:"Name",value:"createPost"},variableDefinitions:[{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"title"}},type:{kind:"NonNullType",type:{kind:"NamedType",name:{kind:"Name",value:"String"}}},defaultValue:null},{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"url"}},type:{kind:"NonNullType",type:{kind:"NamedType",name:{kind:"Name",value:"String"}}},defaultValue:null}],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",alias:null,name:{kind:"Name",value:"createPost"},arguments:[{kind:"Argument",name:{kind:"Name",value:"title"},value:{kind:"Variable",name:{kind:"Name",value:"title"}}},{kind:"Argument",name:{kind:"Name",value:"url"},value:{kind:"Variable",name:{kind:"Name",value:"url"}}}],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:"url"},arguments:[],directives:[],selectionSet:null},{kind:"Field",alias:null,name:{kind:"Name",value:"createdAt"},arguments:[],directives:[],selectionSet:null}]}}]}}],loc:{start:0,end:150,source:{body:"mutation createPost($title: String!, $url: String!) {\n createPost(title: $title, url: $url) {\n id\n title\n votes\n url\n createdAt\n }\n}\n",name:"GraphQL request",locationOffset:{line:1,column:1}}}},s=t.withMutation=(0,o.graphql)(d,{props:function(e){var t=e.mutate;return{mutations:{createPost:function(e,n){return t({variables:{title:e,url:n},updateQueries:{allPosts:function(e,t){var n=t.mutationResult,a=n.data.createPost;return(0,r.default)({},e,{allPosts:[a].concat((0,i.default)(e.allPosts))})}}})}}}}});t.default=function(e){return s(e)}}},[280]); return { page: comp.default } })