settings
https://gyazo.com/17f8c0b33ec90945c8e481131b54372a
拡張記法
code: style.css
/* 拡張装飾記法 見出しっぽい太字テキスト */
.level .deco-\# { border-left: .6em solid #ffcfc6; padding-left: .7rem } UI
code:style.css
.project-home > .title {
/* Make title line-height more narrow */
line-height: 1.2em;
font-size: 0.7em;
}
/* Project description */
.project-home > .title:after {
content: "\A\A 詳しくはAbout Meを見てね";
white-space: pre;
}
code:style.css
/* 本文の最後にテキスト挿入 */
.app:not(.presentation) .page::after {
display: block; margin-top: 5rem; padding: 1rem 0; text-align: center;
border: solid #0003; border-width: 1px 0; font: 500 normal 1.8rem/1 sans-serif }
settingsページを非表示にする
code:style.css
display: none !important;
}
display: none !important;
}
display: none !important;
}
display: none !important;
}
display: none !important;
}
display: none !important;
}
ハッシュ記法のリンクをラベル風にする
code:style.css
/* #で始まるタグをラベル風にする */
display: inline-block;
padding: 0 6px;
margin-left: 4px;
font-size: 0.9em;
border-radius: 3px;
transition: .3s;
-webkit-transform: scale(1);
transform: scale(1);
}
-webkit-transform: scale(1.1);
transform: scale(1.1);
} */
display: inline-block;
margin: 4px;
font-size: 14px;
height: 32px;
width: auto;
padding-left: 8px;
padding-right: 8px;
padding-top: 2px;
padding-bottom: 2px;
border-radius: 2px;
border-style: none;
background-color: rgba(12, 12, 13, 0.1);
}
background-color: rgba(12, 12, 13, 0.2);
}
background-color: rgba(12, 12, 13, 0.3);
}
box-shadow: 0 0 0 1px #0a84ff inset, 0 0 0 1px #0a84ff, 0 0 0 4px rgba(10, 132, 255, 0.3) } */
display: inline-block;
margin: 4px;
font-size: 14px;
height: 32px;
width: auto;
padding-left: 8px;
padding-right: 8px;
padding-top: 2px;
padding-bottom: 2px;
border-radius: 2px;
border-style: none;
background-color: rgba(12, 12, 13, 0.1);
}
background-color: rgba(12, 12, 13, 0.2);
}
background-color: rgba(12, 12, 13, 0.3);
}
0 0 0 4px rgba(10, 132, 255, 0.3);
}
画像のサイズを指定できるように
code:style.css
.level-1 img { width: 16.7%; height:auto; max-height:10000000000px !important; }
.level-2 img { width: 33.3%; height:auto; max-height:10000000000px !important; }
.level-3 img { width: 50%; height:auto; max-height:10000000000px !important; }
.level-4 img { width: 66.7%; height:auto; max-height:10000000000px !important; }
.level-5 img { width: 83.3%; height:auto; max-height:10000000000px !important; }
.level-6 img { width: 100%; height:auto; max-height:10000000000px !important; }
faviconを変えないように
code:script.js
$('head > linkrel=icon').attr('href','/api/pages/masui/増井俊之/icon'); code: style.css
/* テロメアの存在感を薄くする */
.line .telomere .telomere-border:not(:hover) { opacity: .4 }
.line .telomere .telomere-border.unread:not(:hover) { opacity: .3 }
//code: style.css
/* 本文の最後にテキスト挿入 */
.app:not(.presentation) .page::after {
content: url('data:image/svg+xml;%20charset=utf8,%20%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2260%22%20width%3D%22200%22%3E%0A%0A%20%20%3CforeignObject%20y%3D%220%22%20x%3D%220%22%20height%3D%22100%25%22%20width%3D%22100%25%22%3E%0A%09%3Cdiv%20style%3D%22color%3A%20blue%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxhtml%22%3E%0A%09%09I%20am%20%3Cpre%3EHTML%3C%2Fpre%3E%0A%09%3C%2Fdiv%3E%0A%20%20%3C%2FforeignObject%3E%0A%3C%2Fsvg%3E');
display: block; margin-top: 5rem; padding: 1rem 0; text-align: center;
border: solid rgba(0,0,0,.2); border-width: 1px 0 0 0; font: 500 normal 1.8rem/1 sans-serif }
.app:not(.presentation) .page.not-persistent::after {
content: '本文は書かれていない' }
@media screen {
/* 本文のフォント設定: 文字サイズ */
.app:not(.presentation) .editor { font-size: 130% }
/* 本文のフォント設定: 文字詰め */
.line .text:not(.code-block) { font-feature-settings: "pkna" }
/* 本文のフォント設定: 行間 */
.app:not(.presentation) .line .text:not(.code-block) { line-height: 2.1 }
.line .indent-mark .dot { top: calc(100% - .2em) }
/* ページタイトルのフォント設定と罫線 */
.app:not(.presentation) .line.line-title .text {
font-size: calc(1.2vw + 2rem); font-weight: 600; line-height: 1.2 !important;
border-bottom: 1px solid rgba(0,0,0,.2); padding-bottom: 1rem } }
/* カード型ページリンクの枠 */
.grid li.page-list-item a { border: 1px solid rgba(0,0,0,.14) }
.grid li.page-list-item a .header { border-top: unset }
数式をいいかんじに
code:script.js
var n,l,u2,i,t,o,r2={},f=[],e=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|inech|zoo|^ord|itera/i;function c(u,r){for(var s in r)us=rs;return u}function s2(u){var r=u.parentNode;r&&r.removeChild(u)}function a(u,r,s){var d,g,p,b=arguments,k={};for(p in r)p=="key"?d=rp:p=="ref"?g=rp:kp=rp;if(arguments.length>3)for(s=s,p=3;p<arguments.length;p++)s.push(bp);if(s!=null&&(k.children=s),typeof u=="function"&&u.defaultProps!=null)for(p in u.defaultProps)kp===void 0&&(kp=u.defaultPropsp);return v(u,k,d,g,null)}function v(u,r,s,d,g){var p={type:u,props:r,key:s,ref:d,__k:null,__:null,__b:0,__e:null,__d:void 0,__c:null,__h:null,constructor:void 0,__v:g??++n.__v};return n.vnode!=null&&n.vnode(p),p}function y(u){return u.children}function p2(u,r){this.props=u,this.context=r}function d1(u,r){if(r==null)return u.__?d1(u.__,u.__.__k.indexOf(u)+1):null;for(var s;r<u.__k.length;r++)if((s=u.__kr)!=null&&s.__e!=null)return s.__e;return typeof u.type=="function"?d1(u):null}function _(u){var r,s;if((u=u.__)!=null&&u.__c!=null){for(u.__e=u.__c.base=null,r=0;r<u.__k.length;r++)if((s=u.__kr)!=null&&s.__e!=null){u.__e=u.__c.base=s.__e;break}return _(u)}}function k1(u){(!u.__d&&(u.__d=!0)&&u2.push(u)&&!b1.__r++||t!==n.debounceRendering)&&((t=n.debounceRendering)||i)(b1)}function b1(){for(var u;b1.__r=u2.length;)u=u2.sort(function(r,s){return r.__v.__b-s.__v.__b}),u2=[],u.some(function(r){var s,d,g,p,b,k;r.__d&&(b=(p=(s=r).__v).__e,(k=s.__P)&&(d=[],(g=c({},p)).__v=p.__v+1,I(k,p,g,s.__n,k.ownerSVGElement!==void 0,p.__h!=null?b:null,d,b??d1(p),p.__h),T(d,p),p.__e!=b&&_(p)))})}function m(u,r,s,d,g,p,b,k,w,B){var h,j,R,E,F,D,U,W=d&&d.__k||f,X=W.length;for(s.__k=[],h=0;h<r.length;h++)if((E=s.__kh=(E=rh)==null||typeof E=="boolean"?null:typeof E=="string"||typeof E=="number"||typeof E=="bigint"?v(null,E,null,null,E):Array.isArray(E)?v(y,{children:E},null,null,null):E.__b>0?v(E.type,E.props,E.key,null,E.__v):E)!=null){if(E.__=s,E.__b=s.__b+1,(R=Wh)===null||R&&E.key==R.key&&E.type===R.type)Wh=void 0;else for(j=0;j<X;j++){if((R=Wj)&&E.key==R.key&&E.type===R.type){Wj=void 0;break}R=null}I(u,E,R=R||r2,g,p,b,k,w,B),F=E.__e,(j=E.ref)&&R.ref!=j&&(U||(U=[]),R.ref&&U.push(R.ref,null,E),U.push(j,E.__c||F,E)),F!=null?(D==null&&(D=F),typeof E.type=="function"&&E.__k!=null&&E.__k===R.__k?E.__d=w=g1(E,w,u):w=x(u,E,R,W,F,w),B||s.type!=="option"?typeof s.type=="function"&&(s.__d=w):u.value=""):w&&R.__e==w&&w.parentNode!=u&&(w=d1(R))}for(s.__e=D,h=X;h--;)Wh!=null&&(typeof s.type=="function"&&Wh.__e!=null&&Wh.__e==s.__d&&(s.__d=d1(d,h+1)),L(Wh,Wh));if(U)for(h=0;h<U.length;h++)z(Uh,U++h,U++h)}function g1(u,r,s){var d,g;for(d=0;d<u.__k.length;d++)(g=u.__kd)&&(g.__=u,r=typeof g.type=="function"?g1(g,r,s):x(s,g,g,u.__k,g.__e,r));return r}function w1(u,r){return r=r||[],u==null||typeof u=="boolean"||(Array.isArray(u)?u.some(function(s){w1(s,r)}):r.push(u)),r}function x(u,r,s,d,g,p){var b,k,w;if(r.__d!==void 0)b=r.__d,r.__d=void 0;else if(s==null||g!=p||g.parentNode==null)e:if(p==null||p.parentNode!==u)u.appendChild(g),b=null;else{for(k=p,w=0;(k=k.nextSibling)&&w<d.length;w+=2)if(k==g)break e;u.insertBefore(g,p),b=p}return b!==void 0?b:g.nextSibling}function A(u,r,s,d,g){var p;for(p in s)p==="children"||p==="key"||p in r||C(u,p,null,sp,d);for(p in r)g&&typeof rp!="function"||p==="children"||p==="key"||p==="value"||p==="checked"||sp===rp||C(u,p,rp,sp,d)}function P(u,r,s){r0==="-"?u.setProperty(r,s):ur=s==null?"":typeof s!="number"||e.test(r)?s:s+"px"}function C(u,r,s,d,g){var p;e:if(r==="style")if(typeof s=="string")u.style.cssText=s;else{if(typeof d=="string"&&(u.style.cssText=d=""),d)for(r in d)s&&r in s||P(u.style,r,"");if(s)for(r in s)d&&sr===dr||P(u.style,r,sr)}else if(r0==="o"&&r1==="n")p=r!==(r=r.replace(/Capture$/,"")),r=r.toLowerCase()in u?r.toLowerCase().slice(2):r.slice(2),u.l||(u.l={}),u.lr+p=s,s?d||u.addEventListener(r,p?H:$,p):u.removeEventListener(r,p?H:$,p);else if(r!=="dangerouslySetInnerHTML"){if(g)r=r.replace(/xlinkH:h/,"h").replace(/sName$/,"s");else if(r!=="href"&&r!=="list"&&r!=="form"&&r!=="tabIndex"&&r!=="download"&&r in u)try{ur=s??"";break e}catch(b){}typeof s=="function"||(s!=null&&(s!==!1||r0==="a"&&r1==="r")?u.setAttribute(r,s):u.removeAttribute(r))}}function $(u){this.lu.type+!1(n.event?n.event(u):u)}function H(u){this.lu.type+!0(n.event?n.event(u):u)}function I(u,r,s,d,g,p,b,k,w){var B,h,j,R,E,F,D,U,W,X,K,q=r.type;if(r.constructor!==void 0)return null;s.__h!=null&&(w=s.__h,k=r.__e=s.__e,r.__h=null,p=k),(B=n.__b)&&B(r);try{e:if(typeof q=="function"){if(U=r.props,W=(B=q.contextType)&&dB.__c,X=B?W?W.props.value:B.__:d,s.__c?D=(h=r.__c=s.__c).__=h.__E:("prototype"in q&&q.prototype.render?r.__c=h=new q(U,X):(r.__c=h=new p2(U,X),h.constructor=q,h.render=M),W&&W.sub(h),h.props=U,h.state||(h.state={}),h.context=X,h.__n=d,j=h.__d=!0,h.__h=[]),h.__s==null&&(h.__s=h.state),q.getDerivedStateFromProps!=null&&(h.__s==h.state&&(h.__s=c({},h.__s)),c(h.__s,q.getDerivedStateFromProps(U,h.__s))),R=h.props,E=h.state,j)q.getDerivedStateFromProps==null&&h.componentWillMount!=null&&h.componentWillMount(),h.componentDidMount!=null&&h.__h.push(h.componentDidMount);else{if(q.getDerivedStateFromProps==null&&U!==R&&h.componentWillReceiveProps!=null&&h.componentWillReceiveProps(U,X),!h.__e&&h.shouldComponentUpdate!=null&&h.shouldComponentUpdate(U,h.__s,X)===!1||r.__v===s.__v){h.props=U,h.state=h.__s,r.__v!==s.__v&&(h.__d=!1),h.__v=r,r.__e=s.__e,r.__k=s.__k,r.__k.forEach(function(G){G&&(G.__=r)}),h.__h.length&&b.push(h);break e}h.componentWillUpdate!=null&&h.componentWillUpdate(U,h.__s,X),h.componentDidUpdate!=null&&h.__h.push(function(){h.componentDidUpdate(R,E,F)})}h.context=X,h.props=U,h.state=h.__s,(B=n.__r)&&B(r),h.__d=!1,h.__v=r,h.__P=u,B=h.render(h.props,h.state,h.context),h.state=h.__s,h.getChildContext!=null&&(d=c(c({},d),h.getChildContext())),j||h.getSnapshotBeforeUpdate==null||(F=h.getSnapshotBeforeUpdate(R,E)),K=B!=null&&B.type===y&&B.key==null?B.props.children:B,m(u,Array.isArray(K)?K:K,r,s,d,g,p,b,k,w),h.base=r.__e,r.__h=null,h.__h.length&&b.push(h),D&&(h.__E=h.__=null),h.__e=!1}else p==null&&r.__v===s.__v?(r.__k=s.__k,r.__e=s.__e):r.__e=j1(s.__e,r,s,d,g,p,b,w);(B=n.diffed)&&B(r)}catch(G){r.__v=null,(w||p!=null)&&(r.__e=k,r.__h=!!w,pp.indexOf(k)=null),n.__e(G,r,s)}}function T(u,r){n.__c&&n.__c(r,u),u.some(function(s){try{u=s.__h,s.__h=[],u.some(function(d){d.call(s)})}catch(d){n.__e(d,s.__v)}})}function j1(u,r,s,d,g,p,b,k){var w,B,h,j,R=s.props,E=r.props,F=r.type,D=0;if(F==="svg"&&(g=!0),p!=null){for(;D<p.length;D++)if((w=pD)&&(w===u||(F?w.localName==F:w.nodeType==3))){u=w,pD=null;break}}if(u==null){if(F===null)return document.createTextNode(E);u=g?document.createElementNS("http://www.w3.org/2000/svg",F):document.createElement(F,E.is&&E),p=null,k=!1}if(F===null)R===E||k&&u.data===E||(u.data=E);else{if(p=p&&f.slice.call(u.childNodes),B=(R=s.props||r2).dangerouslySetInnerHTML,h=E.dangerouslySetInnerHTML,!k){if(p!=null)for(R={},j=0;j<u.attributes.length;j++)R[u.attributes[j].name]=u.attributes[j].value;(h||B)&&(h&&(B&&h.__html==B.__html||h.__html===u.innerHTML)||(u.innerHTML=h&&h.__html||""))}if(A(u,E,R,g,k),h)r.__k=[];else if(D=r.props.children,m(u,Array.isArray(D)?D:D,r,s,d,g&&F!=="foreignObject",p,b,u.firstChild,k),p!=null)for(D=p.length;D--;)pD!=null&&s2(pD);k||("value"in E&&(D=E.value)!==void 0&&(D!==u.value||F==="progress"&&!D)&&C(u,"value",D,R.value,!1),"checked"in E&&(D=E.checked)!==void 0&&D!==u.checked&&C(u,"checked",D,R.checked,!1))}return u}function z(u,r,s){try{typeof u=="function"?u(r):u.current=r}catch(d){n.__e(d,s)}}function L(u,r,s){var d,g,p;if(n.unmount&&n.unmount(u),(d=u.ref)&&(d.current&&d.current!==u.__e||z(d,null,r)),s||typeof u.type=="function"||(s=(g=u.__e)!=null),u.__e=u.__d=void 0,(d=u.__c)!=null){if(d.componentWillUnmount)try{d.componentWillUnmount()}catch(b){n.__e(b,r)}d.base=d.__P=null}if(d=u.__k)for(p=0;p<d.length;p++)dp&&L(dp,r,s);g!=null&&s2(g)}function M(u,r,s){return this.constructor(u,s)}function N(u,r,s){var d,g,p;n.__&&n.__(u,r),g=(d=typeof s=="function")?null:s&&s.__k||r.__k,p=[],I(r,u=(!d&&s||r).__k=a(y,null,u),g||r2,r2,r.ownerSVGElement!==void 0,!d&&s?s:g?null:r.firstChild?f.slice.call(r.childNodes):null,p,!d&&s?s:g?g.__e:r.firstChild,d),T(p,u)}function O(u,r){N(u,r,O)}function S(u,r,s){var d,g,p,b=arguments,k=c({},u.props);for(p in r)p=="key"?d=rp:p=="ref"?g=rp:kp=rp;if(arguments.length>3)for(s=s,p=3;p<arguments.length;p++)s.push(bp);return s!=null&&(k.children=s),v(u.type,k,d||u.key,g||u.ref,null)}n={__e:function(u,r){for(var s,d,g;r=r.__;)if((s=r.__c)&&!s.__)try{if((d=s.constructor)&&d.getDerivedStateFromError!=null&&(s.setState(d.getDerivedStateFromError(u)),g=s.__d),s.componentDidCatch!=null&&(s.componentDidCatch(u),g=s.__d),g)return s.__E=s}catch(p){u=p}throw u},__v:0},l=function(u){return u!=null&&u.constructor===void 0},p2.prototype.setState=function(u,r){var s;s=this.__s!=null&&this.__s!==this.state?this.__s:this.__s=c({},this.state),typeof u=="function"&&(u=u(c({},s),this.props)),u&&c(s,u),u!=null&&this.__v&&(r&&this.__h.push(r),k1(this))},p2.prototype.forceUpdate=function(u){this.__v&&(this.__e=!0,u&&this.__h.push(u),k1(this))},p2.prototype.render=y,u2=[],i=typeof Promise=="function"?Promise.prototype.then.bind(Promise.resolve()):setTimeout,b1.__r=0,o=0;var n1=function(u,r,s,d){var g;r0=0;for(var p=1;p<r.length;p++){var b=rp++,k=rp?(r0|=b?1:2,s[rp++]):r++p;b===3?d0=k:b===4?d1=Object.assign(d1||{},k):b===5?(d1=d1||{})[r++p]=k:b===6?d1[r++p]+=k+"":b?(g=u.apply(k,n1(u,k,s,"",null)),d.push(g),k0?r0|=2:(rp-2=0,rp=g)):d.push(k)}return d},t1=new Map;function __default(u){var r=t1.get(this);return r||(r=new Map,t1.set(this,r)),(r=n1(this,r.get(u)||(r.set(u,r=function(s){for(var d,g,p=1,b="",k="",w=0,B=function(R){p===1&&(R||(b=b.replace(/^\s*\n\s*|\s*\n\s*$/g,"")))?w.push(0,R,b):p===3&&(R||b)?(w.push(3,R,b),p=2):p===2&&b==="..."&&R?w.push(4,R,0):p===2&&b&&!R?w.push(5,0,!0,b):p>=5&&((b||!R&&p===5)&&(w.push(p,0,b,g),p=6),R&&(w.push(p,R,0,g),p=6)),b=""},h=0;h<s.length;h++){h&&(p===1&&B(),B(h));for(var j=0;j<sh.length;j++)d=shj,p===1?d==="<"?(B(),w=w,p=3):b+=d:p===4?b==="--"&&d===">"?(p=1,b=""):b=d+b0:k?d===k?k="":b+=d:d==='"'||d==="'"?k=d:d===">"?(B(),p=1):p&&(d==="="?(p=5,g=b,b=""):d==="/"&&(p<5||shj+1===">")?(B(),p===3&&(w=w0),p=w,(w=w0).push(2,0,p),p=0):d===" "||d===" "||d===` ||d==="\r"?(B(),p=2):b+=d),p===3&&b==="!--"&&(p=4,w=w[0])}return B(),w}(u)),r),arguments,[])).length>1?r:r[0]}const html=__default.bind(a),src="https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.13.3/katex.min.js",install=()=>new Promise((u,r)=>{if(document.querySelector(scriptsrc="${src}")){u();return}const s=document.createElement("script");s.addEventListener("load",()=>u()),s.addEventListener("error",d=>r(d)),s.src=src,document.head.appendChild(s)});var t2,u1,r1,o1=0,i1=[],c1=n.__b,f1=n.__r,e1=n.diffed,a2=n.__c,v1=n.unmount;function m1(u,r){n.__h&&n.__h(u1,u,o1||r),o1=0;var s=u1.__H||(u1.__H={__:[],__h:[]});return u>=s.__.length&&s.__.push({}),s.__[u]}function l2(u){return o1=1,p3(w2,u)}function p3(u,r,s){var d=m1(t2++,2);return d.t=u,d.__c||(d.__=[s?s(r):w2(void 0,r),function(g){var p=d.t(d.__[0],g);d.__[0]!==p&&(d.__=[p,d.__[1]],d.__c.setState({}))}],d.__c=u1),d.__}function y1(u,r){var s=m1(t2++,3);!n.__s&&k2(s.__H,r)&&(s.__=u,s.__H=r,u1.__H.__h.push(s))}function s1(u){return o1=5,d2(function(){return{current:u}},[])}function d2(u,r){var s=m1(t2++,7);return k2(s.__H,r)&&(s.__=u(),s.__H=r,s.__h=u),s.__}function A1(u,r){return o1=8,d2(function(){return u},r)}function x1(){i1.forEach(function(u){if(u.__P)try{u.__H.__h.forEach(g2),u.__H.__h.forEach(j2),u.__H.__h=[]}catch(r){u.__H.__h=[],n.__e(r,u.__v)}}),i1=[]}n.__b=function(u){u1=null,c1&&c1(u)},n.__r=function(u){f1&&f1(u),t2=0;var r=(u1=u.__c).__H;r&&(r.__h.forEach(g2),r.__h.forEach(j2),r.__h=[])},n.diffed=function(u){e1&&e1(u);var r=u.__c;r&&r.__H&&r.__H.__h.length&&(i1.push(r)!==1&&r1===n.requestAnimationFrame||((r1=n.requestAnimationFrame)||function(s){var d,g=function(){clearTimeout(p),b2&&cancelAnimationFrame(d),setTimeout(s)},p=setTimeout(g,100);b2&&(d=requestAnimationFrame(g))})(x1)),u1=void 0},n.__c=function(u,r){r.some(function(s){try{s.__h.forEach(g2),s.__h=s.__h.filter(function(d){return!d.__||j2(d)})}catch(d){r.some(function(g){g.__h&&(g.__h=[])}),r=[],n.__e(d,s.__v)}}),a2&&a2(u,r)},n.unmount=function(u){v1&&v1(u);var r=u.__c;if(r&&r.__H)try{r.__H.__.forEach(g2)}catch(s){n.__e(s,r.__v)}};var b2=typeof requestAnimationFrame=="function";function g2(u){var r=u1;typeof u.__c=="function"&&u.__c(),u1=r}function j2(u){var r=u1;u.__c=u.__(),u1=r}function k2(u,r){return!u||u.length!==r.length||r.some(function(s,d){return s!==u[d]})}function w2(u,r){return typeof r=="function"?r(u):r}const useKaTeX=u=>{const r=s1(null),[s,d]=l2(u),[g,p]=l2(void 0);return y1(()=>{(async()=>{await install();try{katex.render(s,r.current),p(void 0)}catch(b){b instanceof katex.ParseError&&p(b.message)}})()},[s,r,p]),{ref:r,formula:s,error:g,setFormula:d}};function useResolvedElement(u,r){var s,d=null,g=s1(null),p=s1(null),b=A1(function(h){p.current=h,B()},[]),k=s1(null),w=s1(),B=function(){var j=null;p.current?j=p.current:g.current?j=g.current:r instanceof HTMLElement&&(j=r),k.current!==j&&(w.current&&(w.current(),w.current=null),k.current=j,j&&(w.current=u(j)))};return r&&!(r instanceof HTMLElement)&&(d=r),y1(function(){d&&(g.current=d.current),B()},[d,(s=d)==null?void 0:s.current,r]),b}function useResizeObserver(u){u===void 0&&(u={});var r=u.onResize,s=s1(void 0);s.current=r;var d=s1(),g=l2({width:void 0,height:void 0}),p=g[0],b=g[1],k=s1(!1);y1(function(){return function(){k.current=!0}},[]);var w=s1({width:void 0,height:void 0}),B=useResolvedElement(function(h){return d.current||(d.current=new ResizeObserver(function(j){if(!!Array.isArray(j)&&!!j.length){var R=j[0],E=Math.round(R.contentRect.width),F=Math.round(R.contentRect.height);if(w.current.width!==E||w.current.height!==F){var D={width:E,height:F};s.current?s.current(D):(w.current.width=E,w.current.height=F,k.current||b(D))}}})),d.current.observe(h),function(){d.current&&d.current.unobserve(h)}},u.ref);return d2(function(){return{ref:B,width:p.width,height:p.height}},[B,p?p.width:null,p?p.height:null])}class ScrapboxDOM{get editor(){return document.getElementById("editor")}get lines(){return document.getElementsByClassName("lines")?.[0]}get computeLine(){return document.getElementById("compute-line")}get grid(){return document.getElementsByClassName("related-page-list clearfix")?.[0]?.getElementsByClassName("grid")?.[0]}get cursorLine(){return document.getElementsByClassName("cursor-line")?.[0]}get textInput(){return document.getElementById("text-input")}get cursor(){return document.getElementsByClassName("cursor")?.[0]}get selections(){return document.getElementsByClassName("selections")?.[0]}get popupMenu(){return document.getElementsByClassName("popup-menu")?.[0]}get pageMenus(){return document.getElementsByClassName("page-menu")?.[0]}get pageInfoMenu(){return document.getElementById("page-info-menu")}get pageEditMenu(){return document.getElementById("page-edit-menu")}get pageEditButtons(){return this.pageEditMenu.nextElementSibling.getElementsByTagName("a")}get randomJumpButton(){return document.getElementsByClassName("random-jump-button")?.[0]}get pageCustomButtons(){return document.getElementsByClassName("page-menu-extension")}}const scrapboxDOM=new ScrapboxDOM;function PopupContainer({open:u,cursorPosition:r,children:s}){const{ref:d,width:g=0}=useResizeObserver(),{width:p=0}=useResizeObserver({ref:scrapboxDOM.editor}),b=d2(()=>w1(s).length===0,[s]),k=calcPopupMenuStyle(r),w=calcTriangleStyle(r,b),B=calcButtonContainerStyle(p,g,r,b);return html\n <div class="popup-menu" style="${k}" hidden="${!u}">\n <div ref="${d}" class="button-container" style="${B}">\n ${s}\n </div>\n <div class="triangle" style="${w}" />\n </div>}const calcPopupMenuStyle=u=>({top:u.styleTop}),calcTriangleStyle=(u,r)=>({left:u.styleLeft,...r?{borderTopColor:"#555"}:{}});function calcButtonContainerStyle(u,r,s,d){const g=s.styleLeft/u*100,p=20/r*100,b=100-p;return{left:s.styleLeft,transform:translateX(-${Math.max(p,Math.min(g,b))}%),...d?{color:"#eee",fontSize:"11px",display:"inline-block",padding:"0 5px",cursor:"not-allowed",backgroundColor:"#555"}:{}}}const CSS1=()=>html<style>\n .popup-menu {\n position:absolute;\n left:0;\n width:100%;\n z-index:300;\n transform:translateY(calc(-100% - 14px));\n -webkit-user-select:none;\n user-select:none;\n font-family:"Open Sans",Helvetica,Arial,"Hiragino Sans",sans-serif;\n pointer-events:none\n }\n .popup-menu .button-container {\n position:relative;\n display:inline-block;\n max-width:70vw;\n min-width:80px;\n text-align:center;\n background-color:#111;\n padding:0 1px;\n border-radius:4px;\n pointer-events:auto\n }\n htmldata-os*='android' .popup-menu .button-container,\n .popup-menu .button-containerdata-os*='android' {\n max-width:90vw\n }\n htmldata-os*='ios' .popup-menu .button-container,\n .popup-menu .button-containerdata-os*='ios' {\n max-width:90vw\n }\n .popup-menu .triangle {\n position:absolute;\n transform:translateX(-50%);\n width:0;\n height:0;\n border-top:6px solid #111;\n border-left:8px solid transparent;\n border-right:8px solid transparent\n }\n htmldata-os*='android' .popup-menu.vertical .button-container,\n .popup-menudata-os*='android'.vertical .button-container {\n max-width:80vw;\n text-align:left\n }\n .button {\n font-size:11px;\n color:#eee;\n cursor:pointer;\n display:inline-block;\n padding:0 5px\n }\n .button:not(:first-of-type) {\n border:0;\n border-left:1px solid #eee\n }\n .button.selected {\n background-color:#222;\n text-decoration:underline\n }\n htmldata-os*='android' .button {\n font-size:13px;\n padding:6px;\n min-width:12vw\n }\n htmldata-os*='ios' .button{\n font-size:13px;\n padding:6px;\n min-width:12vw\n }\n .button div.icon {\n height:2em;\n max-width:10em;\n display:inline-block;\n overflow:hidden;\n margin-left:1px;\n vertical-align:top\n }\n .button div.icon img {\n max-height:100%;\n vertical-align:unset\n }\n htmldata-os*='android' .popup-menu.vertical .button-container .button,\n .popup-menudata-os*='android'.vertical .button-container .button {\n font-size:11px;\n display:block;\n line-height:1.2em;\n padding:12px 10px;\n min-width:40px;\n border-left:0\n }\n htmldata-os*='android' .popup-menu.vertical .button-container .button:not(:last-of-type),\n .popup-menudata-os*='android'.vertical .button-container .button:not(:last-of-type) {\n border:0;\n border-bottom:1px solid #eee\n }\n htmldata-os*='ios' .popup-menu.vertical .button-container,\n .popup-menudata-os*='ios'.vertical .button-container {\n max-width:80vw;\n text-align:left\n }\n htmldata-os*='ios' .popup-menu.vertical .button-container .button,\n .popup-menudata-os*='ios'.vertical .button-container .button {\n font-size:11px;\n display:block;\n line-height:1.2em;\n padding:12px 10px;\n min-width:40px;\n border-left:0\n }\n htmldata-os*='ios' .popup-menu.vertical .button-container .button:not(:last-of-type),\n .popup-menudata-os*='ios'.vertical .button-container .button:not(:last-of-type) {\n border:0;\n border-bottom:1px solid #eee\n }\n</style>;function r3(){return(r3=Object.assign||function(u){for(var r=1;r<arguments.length;r++){var s=arguments[r];for(var d in s)Object.prototype.hasOwnProperty.call(s,d)&&(u[d]=s[d])}return u}).apply(this,arguments)}function i2(u){this.getChildContext=function(){return u.context};var r=u.children,s=function(d,g){if(d==null)return{};var p,b,k={},w=Object.keys(d);for(b=0;b<w.length;b++)g.indexOf(p=w[b])>=0||(k[p]=d[p]);return k}(u,["context","children"]);return S(r,s)}function a3(){var u=new CustomEvent("_preact",{detail:{},bubbles:!0,cancelable:!0});this.dispatchEvent(u),this._vdom=a(i2,r3({},this._props,{context:u.detail.context}),function r(s,d){if(s.nodeType===3)return s.data;if(s.nodeType!==1)return null;var g=[],p={},b=0,k=s.attributes,w=s.childNodes;for(b=k.length;b--;)k[b].name!=="slot"&&(p[k[b].name]=k[b].value,p[s3(k[b].name)]=k[b].value);for(b=w.length;b--;){var B=r(w[b],null),h=w[b].slot;h?p[h]=a(u3,{name:h},B):g[b]=B}var j=d?a(u3,null,g):g;return a(d||s.nodeName.toLowerCase(),p,j)}(this,this._vdomComponent)),(this.hasAttribute("hydrate")?O:N)(this._vdom,this._root)}function s3(u){return u.replace(/-(\w)/g,function(r,s){return s?s.toUpperCase():""})}function c2(u,r,s){if(this._vdom){var d={};d[u]=s=s??void 0,d[s3(u)]=s,this._vdom=S(this._vdom,d),N(this._vdom,this._root)}}function l3(){N(this._vdom=null,this._root)}function u3(u,r){var s=this;return a("slot",r3({},u,{ref:function(d){d?(s.ref=d,s._listener||(s._listener=function(g){g.stopPropagation(),g.detail.context=r},d.addEventListener("_preact",s._listener))):s.ref.removeEventListener("_preact",s._listener)}}))}function __default1(u,r,s,d){function g(){var p=Reflect.construct(HTMLElement,[],g);return p._vdomComponent=u,p._root=d&&d.shadow?p.attachShadow({mode:"open"}):p,p}return(g.prototype=Object.create(HTMLElement.prototype)).constructor=g,g.prototype.connectedCallback=a3,g.prototype.attributeChangedCallback=c2,g.prototype.disconnectedCallback=l3,s=s||u.observedAttributes||Object.keys(u.propTypes||{}),g.observedAttributes=s,s.forEach(function(p){Object.defineProperty(g.prototype,p,{get:function(){return this._vdom.props[p]},set:function(b){this._vdom?this.attributeChangedCallback(p,null,b):(this._props||(this._props={}),this._props[p]=b,this.connectedCallback());var k=typeof b;b!=null&&k!=="string"&&k!=="boolean"&&k!=="number"||this.setAttribute(p,b)}})}),customElements.define(r||u.tagName||u.displayName||u.name,g)}const useMutationObserver=(u,r,s)=>y1(()=>{const d=new MutationObserver(g=>{d.disconnect(),r(g);for(const p of u)p.current&&d.observe(p.current,s)});for(const g of u)g.current&&d.observe(g.current,s);return()=>d.disconnect()},[]);function throttle(u,r=0){if(typeof u!="function")throw new Error("argument is not function.");let s,d=!1;const g=r>0?()=>new Promise(b=>setTimeout(()=>b(),r)):()=>{},p=async()=>{if(await g(),!s){d=!1;return}s.resolve({result:await u(...s.parameters),executed:!0}),s=void 0,await p()};return(...b)=>new Promise(async k=>{if(d){s?.resolve?.({executed:!1}),s={parameters:b,resolve:k};return}d=!0,k({result:await u(...b),executed:!0}),await p()})}const App=()=>{const{ref:u,error:r,setFormula:s}=useKaTeX(""),[d,g]=l2(!1),[p,b]=l2({styleTop:0,styleLeft:0}),k=throttle(w=>{const B=w.target,{top:h,left:j,width:R,height:E}=B.getBoundingClientRect(),D=document.elementsFromPoint(j+R/2,h+E/2).find(X=>X.classList.contains("formula"));if(!D){g(!1);return}g(!0),s(D.textContent.slice(3,-1));const{top:U}=document.getElementById("editor").getBoundingClientRect(),{top:W}=D.getBoundingClientRect();b({styleTop:W-U,styleLeft:+B.style.left.slice(0,-2)})},100);return useMutationObserver([{current:document.getElementById("text-input")}],([w])=>k(w),{attributes:!0}),html\n <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.12.0/katex.min.css" />\n <${CSS1} />\n <style>\n .error {color:#fd7373; }\n .katex-display {\n display: inline-block !important;\n margin: 0 !important;\n text-align: inherit !important;\n color: #eee;\n }\n </style>\n <${PopupContainer} cursorPosition="${p}" open="${d}">\n ${r&&html<span class="error">${r}</span>}\n <span class="katex-display" ref="${u}" />\n <//>\n `};__default1(App,"userscript-katex-previewer",[],{shadow:!0}),document.getElementById("editor").insertAdjacentHTML("beforeend","<userscript-katex-previewer></userscript-katex-previewer>");