-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcomponent---node-modules-pitayan-gatsby-theme-pitayan-src-templates-post-index-tsx-content-file-path-content-posts-2022-03-31-gatsby-plugin-pitayan-plugin-options-index-mdx-803b094dcb03219105d7.js
2 lines (2 loc) · 9.09 KB
/
component---node-modules-pitayan-gatsby-theme-pitayan-src-templates-post-index-tsx-content-file-path-content-posts-2022-03-31-gatsby-plugin-pitayan-plugin-options-index-mdx-803b094dcb03219105d7.js
1
2
"use strict";(self.webpackChunkwww=self.webpackChunkwww||[]).push([[174],{3808:function(e,a,t){t.r(a),t.d(a,{default:function(){return T}});var s=t(1151),n=t(7294);function l(e){const a=Object.assign({h1:"h1",a:"a",span:"span",p:"p"},(0,s.ah)(),e.components);return n.createElement(n.Fragment,null,n.createElement(a.h1,{id:"use-our-plugin-this-way",style:{position:"relative"}},n.createElement(a.a,{href:"#use-our-plugin-this-way","aria-label":"use our plugin this way permalink",className:"heading-anchor before"},n.createElement(a.span,{dangerouslySetInnerHTML:{__html:"<span>#</span>"}})),"Use our plugin this way."),"\n",n.createElement(a.span,{dangerouslySetInnerHTML:{__html:'<div class="gatsby-highlight" data-language="js"><pre class="language-js"><code class="language-js"><span class="token comment">// Just an example</span>\n<span class="token punctuation">{</span>\n <span class="token literal-property property">resolve</span><span class="token operator">:</span> <span class="token template-string"><span class="token template-punctuation string">`</span><span class="token string">@pitayan/gatsby-theme-pitayan</span><span class="token template-punctuation string">`</span></span><span class="token punctuation">,</span>\n <span class="token literal-property property">options</span><span class="token operator">:</span> <span class="token punctuation">{</span>\n <span class="token literal-property property">siteAssets</span><span class="token operator">:</span> <span class="token string">"src/assets"</span><span class="token punctuation">,</span>\n <span class="token literal-property property">postsPerPage</span><span class="token operator">:</span> <span class="token number">6</span><span class="token punctuation">,</span>\n <span class="token literal-property property">mailChimpEndpoint</span><span class="token operator">:</span>\n <span class="token string">"https://pitayanblog.us14.list-manage.com/subscribe/post?u=234bf6777b76872feb7d92a68&amp;id=27fad95f3b"</span><span class="token punctuation">,</span>\n <span class="token literal-property property">mailChimpTimeout</span><span class="token operator">:</span> <span class="token number">3500</span>\n <span class="token punctuation">}</span>\n<span class="token punctuation">}</span></code></pre></div>'}}),"\n",n.createElement(a.h1,{id:"the-plugin-options",style:{position:"relative"}},n.createElement(a.a,{href:"#the-plugin-options","aria-label":"the plugin options permalink",className:"heading-anchor before"},n.createElement(a.span,{dangerouslySetInnerHTML:{__html:"<span>#</span>"}})),"The plugin options"),"\n",n.createElement(a.p,null,"| option | description | default |\n|--------------------------|-------------------------------------------------------------------------------------------------|---------------------------------------|\n| siteAssets | The path of the static assets | ",n.createElement(a.span,{dangerouslySetInnerHTML:{__html:'<code class="language-js"><span class="token string">"./src/assets"</span></code>'}})," |\n| postsPerPage | How many posts to be displayed in each list page | ",n.createElement(a.span,{dangerouslySetInnerHTML:{__html:'<code class="language-js"><span class="token number">10</span></code>'}})," |\n| mailChimpEndpoint | The embeded form endpoint for your MailChimp account | ",n.createElement(a.span,{dangerouslySetInnerHTML:{__html:'<code class="language-js"><span class="token keyword">undefined</span></code>'}})," |\n| mailChimpTimeout | The timeout (ms) for the MailChimp subscription API request | ",n.createElement(a.span,{dangerouslySetInnerHTML:{__html:'<code class="language-js"><span class="token number">3500</span></code>'}})," |\n| applyGatsbyRemarkPlugins | The plugins for gatsby-remark-plugins that will be applied before @pitayan/gatsby-theme-pitayan | ",n.createElement(a.span,{dangerouslySetInnerHTML:{__html:'<code class="language-js"><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">=></span> defaultGatsbyRemarkPlugins</code>'}})," |"))}var r=function(e){void 0===e&&(e={});const{wrapper:a}=Object.assign({},(0,s.ah)(),e.components);return a?n.createElement(a,e,n.createElement(l,e)):l(e)},o=t(4160),c=t(9352),p=t(8032),i=t(7896),m=t(5916),u=t(197),d=t(5911),g=t(8762),y=t(9586),b=t(9951),k=t(9286),h=t(2271),f=t(5437),E=t(5555),x=t(5648),w=t(7660),N=t(8188);const v=e=>{let{image:a}=e;return a?n.createElement(p.G,{className:"gatsby-resp-image-image",image:a,alt:""}):null},j=e=>{let{data:{mdx:{body:a,tableOfContents:t,frontmatter:{author:l,title:r,date:j,categories:T,hero:_,description:I,keywords:Z},fields:{slug:C},timeToRead:L,relatedPosts:M}},pageContext:{tableOfContentsLevels:H,previous:P,next:S},children:R}=e;const U=(0,n.useRef)(null),G=(0,p.c)(null==_?void 0:_.medium),{siteUrl:O}=(0,x.$W)(),{href:A}=(0,i.useLocation)(),z=l.map((e=>{let{id:a,yamlId:t,name:s,bio:n,sns:l}=e;return{id:a,yamlId:t,name:s,bio:n,socialUrls:l.filter((e=>"mailto"!=e[0]&&"url"!=e[0])).map((e=>w.$s[e[0]].url+"/"+e[1]))}}));return n.createElement(m.Z,{postDescription:I,pageImage:G.images.fallback.src,pageUrl:""+O+C,postTitle:r,pageTitle:r,keywords:Z,date:j,timeToRead:L,authors:z},n.createElement(h.Z,{ref:U}),n.createElement("div",{className:"hidden md:block"},n.createElement(f.Z,{className:"fixed right-[6%] bottom-[6%] flex flex-col justify-center z-50"},n.createElement(b.Z,null))),n.createElement("div",{className:"max-w-lg md:max-w-2xl mx-auto mb-24"},n.createElement("h1",{className:"text-center"},r),n.createElement(u.Z,{className:"block mb-4 text-center",date:j,timeToRead:L}),n.createElement("div",{className:"block sm:flex flex-wrap items-center justify-center sm:justify-between"},n.createElement(k.Z,{data:l}),n.createElement(g.Z,{url:A,title:r,hashtags:T.join(","),description:I,className:"space-x-6 text-xl py-4 justify-center",twitter:!0,facebook:!0,linkedin:!0,pocket:!0,copy:!0}))),n.createElement("div",{className:"text-center mb-24"},n.createElement(v,{image:G})),n.createElement("div",{className:"lg:grid lg:grid-cols-9 lg:gaps-5"},n.createElement(g.Z,{url:A,title:r,hashtags:T.join(","),description:I,className:"hidden lg:flex text-xl mt-12 flex-col lg:col-start-1 lg:col-end-3 top-[2rem] sticky self-start max-h-full overflow-y-auto space-y-6",twitter:!0,facebook:!0,linkedin:!0,pocket:!0,copy:!0}),n.createElement("article",{className:"markdown lg:col-start-3 lg:col-end-8",ref:U},n.createElement(s.Zo,{components:{}},R)),n.createElement(E.Z,{className:"hidden lg:block lg:col-span-2 mt-12 top-[2rem] sticky self-start text-xs font-semibold ml-12 mr-auto mb-6 overflow-y-auto max-h-full",items:t.items,ref:U,levels:H})),n.createElement("div",{className:"my-8 max-w-lg md:max-w-2xl mx-auto"},n.createElement("div",{className:"block sm:flex flex-wrap items-center justify-center sm:justify-between"},n.createElement(y.Z,{className:"my-8 justify-center",categories:T}),n.createElement(g.Z,{url:A,title:r,hashtags:T.join(","),description:I,className:"space-x-6 text-xl my-8 justify-center",twitter:!0,facebook:!0,linkedin:!0,pocket:!0,copy:!0})),n.createElement("div",{className:"flex justify-around flex-wrap text-base mt-12 mb-24"},n.createElement("div",{className:"p-4 my-4 bg-gray-50 border border-solid border-gray-100 dark:bg-gray-800 dark:border-gray-800 rounded mr-auto w-full md:w-[49%]"},n.createElement(o.rU,{to:P.slug,className:"site-link my-2 block"},n.createElement("div",{className:"flex items-start space-x-2"},n.createElement(c.YG0,{className:"block h-6 w-6"}),n.createElement("span",null,P.title)))),n.createElement("div",{className:"p-4 my-4 bg-gray-50 border border-solid border-gray-100 dark:bg-gray-800 dark:border-gray-800 rounded ml-auto w-full md:w-[49%]"},n.createElement(o.rU,{to:S.slug,className:"site-link my-2 block text-right"},n.createElement("div",{className:"flex items-start space-x-2 justify-end"},n.createElement("span",null,S.title),n.createElement(c.nzV,{className:"block h-6 w-6"}))))),n.createElement("h5",{className:"text-center mb-12"},"Written by"),l.map((e=>{let{bio:a,name:t,initial:s,avatar:l,sns:r,yamlId:o}=e;return n.createElement(d.Z,{className:"p-8 mb-4 bg-gray-50 border border-solid border-gray-100 dark:bg-gray-800 dark:border-gray-800 rounded",key:o,bio:a,name:t,initial:s,avatar:l,sns:r,yamlId:o})}))),n.createElement("div",{className:"my-24 max-w-lg sm:max-w-full mx-auto"},n.createElement("h5",{className:"mb-12 text-center"},"Related Posts"),n.createElement(N.Z,{posts:M,className:"grid sm:grid-cols-3 row-auto auto-cols-auto gap-8"})))};function T(e){return n.createElement(j,e,n.createElement(r,e))}}}]);
//# sourceMappingURL=component---node-modules-pitayan-gatsby-theme-pitayan-src-templates-post-index-tsx-content-file-path-content-posts-2022-03-31-gatsby-plugin-pitayan-plugin-options-index-mdx-803b094dcb03219105d7.js.map