https://b7s.dev/_next/static/chunks/app/posts/%5Bslug%5D/page-0222c51ba677457d.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[858],{4633:(e,o,t)=>{Promise.resolve().then(t.bind(t,2548)),Promise.resolve().then(t.bind(t,9827)),Promise.resolve().then(t.bind(t,9214)),Promise.resolve().then(t.bind(t,3835))},9827:(e,o,t)=>{"use strict";Object.defineProperty(o,"__esModule",{value:!0}),Object.defineProperty(o,"BailoutToCSR",{enumerable:!0,get:function(){return i}});let n=t(3719);function i(e){let{reason:o,children:t}=e;if("undefined"==typeof window)throw new n.BailoutToCSRError(o);return t}},9214:(e,o,t)=>{"use strict";Object.defineProperty(o,"__esModule",{value:!0}),Object.defineProperty(o,"PreloadChunks",{enumerable:!0,get:function(){return a}});let n=t(5155),i=t(7650),r=t(5861),l=t(8284);function a(e){let{moduleIds:o}=e;if("undefined"!=typeof window)return null;let t=r.workAsyncStorage.getStore();if(void 0===t)return null;let a=[];if(t.reactLoadableManifest&&o){let e=t.reactLoadableManifest;for(let t of o){if(!e[t])continue;let o=e[t].files;a.push(...o)}}return 0===a.length?null:(0,n.jsx)(n.Fragment,{children:a.map(e=>{let o=t.assetPrefix+"/_next/"+(0,l.encodeURIPath)(e);return e.endsWith(".css")?(0,n.jsx)("link",{precedence:"dynamic",href:o,rel:"stylesheet",as:"style"},e):((0,i.preload)(o,{as:"script",fetchPriority:"low"}),null)})})}},2716:function(e){var o;"undefined"!=typeof self&&self,o=()=>(()=>{"use strict";var e,o,t={105:function(e,o,t){var n,i=this&&this.__extends||(n=function(e,o){return(n=Object.setPrototypeOf||({__proto__:[]})instanceof Array&&function(e,o){e.__proto__=o}||function(e,o){for(var t in o)Object.prototype.hasOwnProperty.call(o,t)&&(e[t]=o[t])})(e,o)},function(e,o){if("function"!=typeof o&&null!==o)throw TypeError("Class extends value "+String(o)+" is not a constructor or null");function t(){this.constructor=e}n(e,o),e.prototype=null===o?Object.create(o):(t.prototype=o.prototype,new t)});Object.defineProperty(o,"__esModule",{value:!0}),o.Spacha=void 0;var r=t(750),l=t(287),a=function(e){function o(o,t){var n=e.call(this,t)||this;return n.draw=function(){n.spc.innerHTML="";var e=document.createElement("div");n.upperDiv=document.createElement("div"),n.upperDiv.id="spc-upper-div",n.setUpperStyle(n.upperDiv,!!n.options.message),n.setUpperInner(n.upperDiv),n.options.message&&(n.baseDiv=document.createElement("div"),n.baseDiv.id="spc-base-div",n.baseDiv.innerHTML=n.options.message,n.setMessageStyle(n.baseDiv)),e.appendChild(n.upperDiv),e.appendChild(n.baseDiv),n.options.shaddow&&(e.style.boxShadow="0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)",e.style.borderRadius="".concat(20*n.scale,"px")),n.spc.appendChild(e)},n.setUpperStyle=function(e,o){var t,i,r=e.style,a=20*n.scale,c=30*n.scale,s=20*n.scale;r.backgroundColor=null!==(i=null===(t=n.options.themeOption)||void 0===t?void 0:t.color)&&void 0!==i?i:l.themes.blue.color,r.width="100%",r.height="".concat(150*n.scale,"px"),r.display="inline-flex",r.boxSizing="border-box",r.borderRadius=o?"".concat(a,"px ").concat(a,"px 0px 0px"):"".concat(a,"px"),r.paddingLeft="".concat(c,"px"),r.paddingRight="".concat(c,"px"),r.paddingTop="".concat(s,"px"),r.paddingBottom="".concat(s,"px")},n.setMessageStyle=function(e){var o,t,i,r,a=e.style,c=20*n.scale;a.width="100%",a.boxSizing="border-box",a.backgroundColor=null!==(t=null===(o=n.options.themeOption)||void 0===o?void 0:o.baseColor)&&void 0!==t?t:l.themes.blue.baseColor,a.font="".concat(30*n.scale,"px 'sans-serif'"),a.padding="".concat(10*n.scale,"px"),a.borderRadius="0px 0px ".concat(c,"px ").concat(c,"px"),a.textOverflow="ellipsis",a.color=null!==(r=null===(i=n.options.themeOption)||void 0===i?void 0:i.txtColor)&&void 0!==r?r:l.themes.blue.txtColor},n.setUpperInner=function(e){var o=document.createElement("div"),t=document.createElement("div");o.id="spc-icon-div",t.id="spc-profile-div",o.style.width="".concat(110*n.scale,"px"),o.style.height="".concat(110*n.scale,"px"),t.style.paddingLeft="".concat(10*n.scale,"px"),n.setIconInner(o),n.setProfileInner(t),e.appendChild(o),e.appendChild(t)},n.setIconInner=function(e){var o,t,i,r,l,a=document.createElement("img");a.width=110*n.scale,a.height=110*n.scale,(null===(t=null===(o=n.options.user)||void 0===o?void 0:o.img)||void 0===t?void 0:t.src)?a.src=String(null===(r=null===(i=n.options.user)||void 0===i?void 0:i.img)||void 0===r?void 0:r.src):a.style.backgroundColor="black",(null===(l=n.options.imgOption)||void 0===l?void 0:l.square)||(a.style.borderRadius="".concat(110*n.scale/2,"px")),e.appendChild(a)},n.setProfileInner=function(e){var o,t,i,r,a,c,s=document.createElement("p"),p=document.createElement("p"),u=null!==(t=null===(o=n.options.themeOption)||void 0===o?void 0:o.txtColor)&&void 0!==t?t:l.themes.blue.txtColor;s.style.color=u,p.style.color=u,s.style.opacity="0.7",s.style.marginTop="10px",s.style.marginBottom="0px",p.style.marginTop="0px",s.style.font="".concat(20*n.scale,"px 'sans-serif'"),p.style.font="".concat(50*n.scale,"px 'sans-serif'"),s.innerHTML=null!==(r=null===(i=n.options.user)||void 0===i?void 0:i.name)&&void 0!==r?r:"YouTube User",p.innerHTML=null!==(a=n.options.customPriceString)&&void 0!==a?a:n.generatePriceString(null!==(c=n.options.price)&&void 0!==c?c:0),e.appendChild(s),e.appendChild(p)}

1,n.spc=o,n.upperDiv=document.createElement("div"),n.baseDiv=document.createElement("div"),n.draw(),n}return i(o,e),o}(r.SpachaCore);o.Spacha=a},750:function(e,o,t){var n=this&&this.__assign||function(){return(n=Object.assign||function(e){for(var o,t=1,n=arguments.length;t<n;t++)for(var i in o=arguments[t])Object.prototype.hasOwnProperty.call(o,i)&&(e[i]=o[i]);return e}).apply(this,arguments)};Object.defineProperty(o,"__esModule",{value:!0}),o.SpachaCore=void 0;var i=t(287);o.SpachaCore=function(e){var o=this;this.scale=1,this.init=function(){var e,t,r,l,a,c,s,p,u=n({},o.options),d=Object.keys(i.themes).map(function(e){return n(n({},i.themes[e]),{name:e})}),h=d[Math.floor(Math.random()*d.length)];null!==(e=u.price)&&void 0!==e||(u.price=h.price),null!==(t=u.scale)&&void 0!==t||(u.scale=1),o.scale=u.scale,null!==(r=u.themeOption)&&void 0!==r||(u.themeOption=u.theme?i.themes[null!==(l=u.theme)&&void 0!==l?l:h.name]:o.themeFromPrice(u.price)),null!==(a=u.user)&&void 0!==a||(u.user={name:"YouTube User"}),null!==(c=(p=u.user).name)&&void 0!==c||(p.name="YouTube User"),null!==(s=u.shaddow)&&void 0!==s||(u.shaddow=!0),o.options=u},this.themeFromPrice=function(e){var o;return e<0?i.themes.blue:null!==(o=Object.keys(i.themes).map(function(e){return i.themes[e]}).reverse().find(function(o){return o.price<=e}))&&void 0!==o?o:i.themes.blue},this.generatePriceString=function(e){return"ï¿¥"+Number(e).toLocaleString()},this.options=null!=e?e:{},this.init()}},698:function(e,o,t){var n,i=this&&this.__extends||(n=function(e,o){return(n=Object.setPrototypeOf||({__proto__:[]})instanceof Array&&function(e,o){e.__proto__=o}||function(e,o){for(var t in o)Object.prototype.hasOwnProperty.call(o,t)&&(e[t]=o[t])})(e,o)},function(e,o){if("function"!=typeof o&&null!==o)throw TypeError("Class extends value "+String(o)+" is not a constructor or null");function t(){this.constructor=e}n(e,o),e.prototype=null===o?Object.create(o):(t.prototype=o.prototype,new t)});Object.defineProperty(o,"__esModule",{value:!0}),o.SpachaImage=void 0;var r=t(750),l=t(287),a=function(e){function o(o,t){var n=e.call(this,t)||this;return n.job=function(){var e,o,t,i,r,l,a=n.ctx.canvas;null!==(e=(i=n.options).width)&&void 0!==e||(i.width=a.width),n.options.width!==a.width&&(a.width=n.options.width),n.options.height||null!==(o=(r=n.options).heightAutoFix)&&void 0!==o||(r.heightAutoFix=!0),null!==(t=(l=n.options).height)&&void 0!==t||(l.height=a.clientHeight),n.options.height!==a.height&&(a.height=n.options.height),n.draw()},n.draw=function(){var e,o,t=n.ctx.canvas;if(n.options.message){var i=void 0;if(n.options.heightAutoFix){var r=150*n.scale,l=10*n.scale;i=n.printString(null!==(e=n.options.message)&&void 0!==e?e:"error",0,0,32*n.scale,(null!==(o=n.options.width)&&void 0!==o?o:600)-40*n.scale,!1),n.options.height=r+i+2*l,t.height=n.options.height}n.drawRounedSq(!0),n.drawRoundedSqCm()}else n.options.heightAutoFix&&(t.height=150),n.drawRounedSq(!1)},n.drawRounedSq=function(e){var o,t,i,r,a=n.ctx,c=null!==(o=n.options.width)&&void 0!==o?o:600,s=e?150*n.scale:null!==(t=n.options.height)&&void 0!==t?t:150,p=20*n.scale,u=null!==(r=null===(i=n.options.themeOption)||void 0===i?void 0:i.color)&&void 0!==r?r:l.themes.blue.baseColor;a.beginPath(),a.lineWidth=1,a.strokeStyle=u,a.fillStyle=u,a.moveTo(0,0+p/2),e?(a.lineTo(0,0+s),a.lineTo(0+c,0+s)):(a.arc(0+p,0+s-p,p,Math.PI,.5*Math.PI,!0),a.arc(0+c-p,0+s-p,p,.5*Math.PI,0,!0)),a.arc(0+c-p,0+p,p,0,1.5*Math.PI,!0),a.arc(0+p,0+p,p,1.5*Math.PI,Math.PI,!0),a.closePath(),a.stroke(),a.fill(),n.iconDraw(),n.profileDraw()},n.drawRoundedSqCm=function(){var e,o,t,i,r,a,c,s,p=n.ctx,u=150*n.scale,d=null!==(e=n.options.width)&&void 0!==e?e:600,h=null!==(o=n.options.height)&&void 0!==o?o:150,v=20*n.scale;p.lineWidth=1,p.strokeStyle=null!==(i=null===(t=n.options.themeOption)||void 0===t?void 0:t.color)&&void 0!==i?i:l.themes.blue.color,p.fillStyle=null!==(a=null===(r=n.options.themeOption)||void 0===r?void 0:r.baseColor)&&void 0!==a?a:l.themes.blue.baseColor,p.beginPath(),p.moveTo(0,u),p.arc(0+v,h-v,v,Math.PI,.5*Math.PI,!0),p.arc(0+d-v,h-v,v,.5*Math.PI,0,!0),p.lineTo(0+d,u),p.closePath(),p.stroke(),p.fill(),n.printString(null!==(c=n.options.message)&&void 0!==c?c:"error",0+20*n.scale,u+32*n.scale,32*n.scale,(null!==(s=n.options.width)&&void 0!==s?s:600)-40*n.scale,!0)},n.printString=function(e,o,t,i,r,l){var a,c,s=n.ctx;if(s.font="".concat(30*n.scale,"px 'sans-serif'"),s.fillStyle=null!==(c=null===(a=n.options.themeOption)||void 0===a?void 0:a.txtColor)&&void 0!==c?c:"white",(r=r||0)<=0)return l&&s.fillText(e,o,t),t+i;for(var p=1;p<=e.length;p++){var u=e.substring(0,p),d="\n"===e.charAt(p-1);if(d||s.measureText(u).width>r)return l&&s.fillText(e.substring(0,p-1),o,t),n.printString(e.substring(p-(d?0:1)),o,t+i,i,r,l)}return l&&s.fillText(e,o,t),t+i},n.iconDraw=function(){var e,o,t=n.ctx,i=null===(e=n.options.user)||void 0===e?void 0:e.img,r=110*n.scale;t.save();var l=30*n.scale,a=20*n.scale;(null===(o=n.options.imgOption)||void 0===o?void 0:o.square)||(t.beginPath(),t.arc(l+r/2,a+r/2,r/2,0,2*Math.PI),t.closePath()),t.clip(),i?t.drawImage(i,l,a,r,r):(t.fillStyle="black",t.fill()),t.restore(

1)},n.profileDraw=function(){var e,o,t,i,r,l,a=n.ctx;a.fillStyle=null!==(o=null===(e=n.options.themeOption)||void 0===e?void 0:e.txtColor)&&void 0!==o?o:"white",a.font="".concat(20*n.scale,"px 'sans-serif'"),a.globalAlpha=.7,a.fillText(null!==(i=null===(t=n.options.user)||void 0===t?void 0:t.name)&&void 0!==i?i:"error",150*n.scale,45*n.scale),a.globalAlpha=1,a.font="".concat(50*n.scale,"px 'sans-serif'"),a.fillText(null!==(r=n.options.customPriceString)&&void 0!==r?r:n.generatePriceString(null!==(l=n.options.price)&&void 0!==l?l:0),150*n.scale,95*n.scale)},n.ctx=o,n.job(),n}return i(o,e),o}(r.SpachaCore);o.SpachaImage=a},287:(e,o)=>{Object.defineProperty(o,"__esModule",{value:!0}),o.getRandomInt=o.themes=void 0,o.themes={blue:{color:"#134a9e",baseColor:"#113f85",txtColor:"white",price:0},lightblue:{color:"#00b8d4",baseColor:"#00e5ff",txtColor:"black",price:200},green:{color:"#00bfa5",baseColor:"#1de9b6",txtColor:"black",price:500},yellow:{color:"#ffb300",baseColor:"#ffca28",txtColor:"black",price:1e3},orange:{color:"#e65100",baseColor:"#f57c00",txtColor:"black",price:2e3},pink:{color:"#c2185b",baseColor:"#e91e63",txtColor:"white",price:5e3},red:{color:"#d00000",baseColor:"#e62117",txtColor:"white",price:1e4}},o.getRandomInt=function(e,o){return e=Math.ceil(e),Math.floor(Math.random()*((o=Math.floor(o))-e)+e)}}},n={};function i(e){var o=n[e];if(void 0!==o)return o.exports;var r=n[e]={exports:{}};return t[e].call(r.exports,r,r.exports,i),r.exports}var r={};return Object.defineProperty(r,"__esModule",{value:!0}),r.SpachaImage=r.Spacha=void 0,e=i(105),Object.defineProperty(r,"Spacha",{enumerable:!0,get:function(){return e.Spacha}}),o=i(698),Object.defineProperty(r,"SpachaImage",{enumerable:!0,get:function(){return o.SpachaImage}}),r})(),e.exports=o()},3835:(e,o,t)=>{"use strict";t.d(o,{default:()=>d});var n=t(5155),i=t(2115),r=t(2716),l=function(){return(l=Object.assign||function(e){for(var o,t=1,n=arguments.length;t<n;t++)for(var i in o=arguments[t])Object.prototype.hasOwnProperty.call(o,i)&&(e[i]=o[i]);return e}).apply(this,arguments)},a={blue:{color:"#134a9e",baseColor:"#113f85",txtColor:"white",price:0},lightblue:{color:"#00b8d4",baseColor:"#00e5ff",txtColor:"black",price:200},green:{color:"#00bfa5",baseColor:"#1de9b6",txtColor:"black",price:500},yellow:{color:"#ffb300",baseColor:"#ffca28",txtColor:"black",price:1e3},orange:{color:"#e65100",baseColor:"#f57c00",txtColor:"black",price:2e3},pink:{color:"#c2185b",baseColor:"#e91e63",txtColor:"white",price:5e3},red:{color:"#d00000",baseColor:"#e62117",txtColor:"white",price:1e4}},c=function(e){var o;return e<0?a.blue:null!==(o=Object.keys(a).map(function(e){return a[e]}).reverse().find(function(o){return o.price<=e}))&&void 0!==o?o:a.blue},s=function(e){var o,t,n,i,r,s,p,u=l({},e),d=Object.keys(a).map(function(e){return l(l({},a[e]),{name:e})}),h=d[Math.floor(Math.random()*d.length)];return null!==(o=u.price)&&void 0!==o||(u.price=h.price),console.log(u.scale),null!==(t=u.scale)&&void 0!==t||(u.scale=1),console.log(u.scale),null!==(n=u.themeOption)&&void 0!==n||(u.themeOption=u.theme?a[u.theme]:c(null!==(i=u.price)&&void 0!==i?i:a.orange.price)),null!==(r=u.user)&&void 0!==r||(u.user={name:"YouTube User"}),null!==(s=(p=u.user).name)&&void 0!==s||(p.name="YouTube User"),u},p=function(e){var o,t,n,r,l,c,p,u,d,h,v,f,m,b,g,x,y,C=(0,i.useState)({}),w=C[0],S=C[1],O=(0,i.useState)(!1),P=O[0],_=O[1],k=null!==(o=null==w?void 0:w.scale)&&void 0!==o?o:1,M=!!e.message,j=20*k,E=30*k,I=20*k;return(0,i.useEffect)(function(){S(s(e)),_(!0)},[JSON.stringify(e)]),P?i.createElement("div",{className:"spc"},i.createElement("div",{className:"spc-upper-div",style:{width:"100%",height:"".concat(150*k,"px"),display:"inline-flex",boxSizing:"border-box",borderRadius:M?"".concat(j,"px ").concat(j,"px 0px 0px"):"".concat(j,"px"),paddingLeft:"".concat(E,"px"),paddingRight:"".concat(E,"px"),paddingTop:"".concat(I,"px"),paddingBottom:"".concat(I,"px"),backgroundColor:null!==(n=null===(t=w.themeOption)||void 0===t?void 0:t.color)&&void 0!==n?n:a.blue.color}},i.createElement("div",{className:"spc-icon-div",style:{width:"".concat(110*k,"px"),height:"".concat(110*k,"px")}

1},i.createElement("img",{width:110*k,height:110*k,src:null===(l=null===(r=w.user)||void 0===r?void 0:r.img)||void 0===l?void 0:l.src,style:{backgroundColor:(null===(p=null===(c=w.user)||void 0===c?void 0:c.img)||void 0===p?void 0:p.src)?"transparent":"black",borderRadius:"".concat((null===(u=w.imgOption)||void 0===u?void 0:u.square)?0:110*k/2,"px")}})),i.createElement("div",{className:"spc-profile-div",style:{paddingLeft:"".concat(10*k,"px")}},i.createElement("p",{style:{color:null===(d=w.themeOption)||void 0===d?void 0:d.txtColor,opacity:.7,marginTop:"10px",marginBottom:"0px",font:"".concat(20*k,"px 'sans-serif'")}},null===(h=w.user)||void 0===h?void 0:h.name),i.createElement("p",{style:{color:null===(v=w.themeOption)||void 0===v?void 0:v.txtColor,marginTop:"0px",font:"".concat(50*k,"px 'sans-serif'")}},null!==(f=w.customPriceString)&&void 0!==f?f:"￥"+Number(null!==(m=w.price)&&void 0!==m?m:0).toLocaleString()))),w.message&&i.createElement("div",{className:"spc-message-div",style:{width:"100%",boxSizing:"border-box",backgroundColor:null!==(g=null===(b=w.themeOption)||void 0===b?void 0:b.baseColor)&&void 0!==g?g:a.blue.baseColor,font:"".concat(30*k,"px 'sans-serif'"),padding:"".concat(10*k,"px"),borderRadius:"0px 0px ".concat(j,"px ").concat(j,"px"),wordWrap:"break-word",color:null!==(y=null===(x=w.themeOption)||void 0===x?void 0:x.txtColor)&&void 0!==y?y:a.blue.txtColor}},w.message)):i.createElement("div",null)},u=function(e){var o="spc-canvas".concat(e.key?"-".concat(e.key):"");return(0,i.useEffect)(function(){var t=document.getElementById(o).getContext("2d");new r.SpachaImage(t,e)},[JSON.stringify(e)]),i.createElement("canvas",{id:o,width:600})};function d(){let[e,o]=i.useState(null),[t,r]=i.useState(!1);return(0,i.useEffect)(()=>{let e=new Image;e.onload=()=>{o(e)},e.src="https://github.com/BonyChops.png"},[]),(0,n.jsxs)("div",{className:"w-1/2",children:[(0,n.jsx)(t?u:p,{price:100*new Date().getSeconds(),message:"今日は".concat(new Date),scale:.8,user:e?{name:"BonyChops",img:e}:{name:"BonyChops"}}),(0,n.jsx)("input",{className:"text-large mt-4 mr-2",type:"checkbox",onChange:e=>r(e.target.checked),checked:t}),"Canvas(画像)モード"]})}}},e=>{var o=o=>e(e.s=o);e.O(0,[548,441,517,358],()=>o(4633)),_N_E=e.O()}]);