https://www.modernliving.jp/_assets/fre/scopes/hdm/_next/static/ch…/cache-management-04f865e62594dd40.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[35721],{16232:(e,t,n)=>{"use strict";n.r(t),n.d(t,{__N_SSP:()=>A,default:()=>Y});var r=n(38536),a=n(71055),o=n(29278),i=n(47382),l=n(80166),s=n(94442),c=n(69107),u=n(37496),d=n(9954),p=n(71055);let f=new i.default("Local Cache Management"),g=(0,r.A)("h1",{target:"epwqw2g12"})({name:"1wc700a",styles:"padding:1.5rem;margin:0;border-width:1px;border-top-left-radius:0.25rem;border-top-right-radius:0.25rem;background-color:green;height:7rem"}),m=(0,r.A)("nav",{target:"epwqw2g11"})({name:"1uibubl",styles:"padding:0 1.5rem;margin-right:0;margin-left:0;border-width:1px;border-top-left-radius:0.25rem;border-top-right-radius:0.25rem"}),y=(0,r.A)("ul",{target:"epwqw2g10"})({name:"v74ep",styles:"display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none;border-bottom:1px solid #dee2e6"}),b=(0,r.A)("li",{target:"epwqw2g9"})(""),h=(0,r.A)("button",{target:"epwqw2g8"})("background-color:",e=>e.isActive?"#fff":"",";background:0 0;border-color:",e=>e.isActive?"#dee2e6 #dee2e6 #fff":"transparent",";border-top-left-radius:0.25rem;border-top-right-radius:0.25rem;border-width:1px;border-style:solid;color:",e=>e.isActive?"#495057":"#0d6efd",";display:block;margin-bottom:-1px;padding:0.5rem 1rem;text-decoration:none;text-decoration:none;transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out;cursor:pointer;-webkit-appearance:button;text-transform:none;margin:0;"),v=(0,r.A)("section",{target:"epwqw2g7"})("display:",e=>e.isActive?"block":"none",";margin:1rem 2rem;overflow-y:scroll;height:30rem;"),x=(0,r.A)("div",{target:"epwqw2g6"})({name:"14d3yen",styles:"border-bottom:1px solid;padding:0.5rem 0;position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%"}),w=(0,r.A)("button",{target:"epwqw2g5"})({name:"1u9hg5w",styles:"border:1px solid transparent;border-top-right-radius:0;border-bottom-right-radius:0;position:relative;z-index:2;cursor:pointer;color:#6c757d;border-color:#6c757d;display:inline-block;font-weight:400;line-height:1.5;text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:0.375rem 0.75rem;font-size:1rem;border-radius:0.25rem;transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;&:hover:{color:#fff;background-color:#6c757d;border-color:#6c757d;}margin-right:0.5rem"}),k=(0,r.A)("div",{target:"epwqw2g4"})({name:"6wt6el",styles:"position:fixed;bottom:1rem;width:96%;display:grid;grid-template-columns:1fr 1fr;column-gap:1rem"}),E=(0,r.A)("input",{target:"epwqw2g3"})({name:"1lukvyt",styles:"margin-left:-1px;border-top-left-radius:0;border-bottom-left-radius:0;position:relative;flex:1 1 auto;width:1%;min-width:0;display:block;padding:0.375rem 0.75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0.25rem;transition:border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out"}),C=(0,r.A)("div",{target:"epwqw2g2"})({name:"1s4emvt",styles:"display:grid;margin-top:1rem;padding-top:1rem"}),L=(0,r.A)("div",{target:"epwqw2g1"})({name:"11nlkhy",styles:"border-bottom:1px solid rgba(0, 0, 0, 0.125);:hover{z-index:1;color:#495057;text-decoration:none;background-color:#f8f9fa;}"}),S=(0,r.A)("span",{target:"epwqw2g0"})({name:"1dvcxr3",styles:"padding:1rem"}),R=(0,c.Op)({id:"fetch",initial:"idle",context:{seedFileList:[],seedFileName:"",collectURL:"",allKeys:[]},states:{loading:{on:{RESOLVE:{target:"idle",actions:(0,c.kp)({allKeys:(e,t)=>t.allKeys||e.allKeys,collectURL:(e,t)=>t.collectURL||"",message:(e,t)=>t.message||"",seedFileList:(e,t)=>t.seedFileList||e.seedFileList,seedFileName:(e,t)=>t.seedFileName||"",ttls:(e,t)=>t.ttls||[]})}}},idle:{on:{FETCH:"loading",UPDATE:{actions:(0,c.kp)({allKeys:(e,t)=>t.allKeys||e.allKeys,collectURL:(e,t)=>t.collectURL||"",message:(e,t)=>t.message||"",seedFileList:(e,t)=>

1t.seedFileList||e.seedFileList,seedFileName:(e,t)=>t.seedFileName||""})}}}}});function F(e){return`${window.location.origin}${e}`}var A=!0;let Y=function(){let{0:e,1:t}=(0,a.useState)("management"),[n,r]=(0,u.z)(R),i="loading"===n.value,c=(0,a.useCallback)(async()=>{r("FETCH"),await (0,s.hd)(F("/_internal/clear-cache")),r({type:"RESOLVE",allKeys:[]})},[]),A=async()=>{if(!l.Cu)return;r("FETCH");let e=await (0,s.hd)(F("/_internal/cache/seed-list"));r({type:"RESOLVE",seedFileList:await e.json()})},Y=(0,a.useCallback)(async()=>{l.Cu&&(r("FETCH"),await (0,s.hd)(F("/_internal/cache/export"),{params:n.context.seedFileName?{filename:n.context.seedFileName}:{}}),await A())},[n.context.seedFileName]),_=(0,a.useCallback)(async e=>{if(!l.Cu)return;r("FETCH");let t=e.target.dataset.file;await (0,s.hd)(F("/_internal/cache/seed"),{params:t?{filename:t}:{}}),r({type:"RESOLVE"})},[]),U=(0,a.useCallback)(async()=>{r("FETCH");let e=new URL(n.context.collectURL.startsWith("http")?n.context.collectURL:F(`${n.context.collectURL.startsWith("/")?n.context.collectURL:`/${n.context.collectURL}`}`));e.searchParams.set(o.VC,1);try{let t=await (0,s.hd)(F(`${e.pathname}?${e.searchParams.toString()}`),{timeout:3e4}),a=t?.headers?.get(o.MX),i=a.split("[<key>]").map(e=>"{"===e[0]?JSON.parse(e).key:e);a&&a.length&&r({type:"RESOLVE",allKeys:i,collectURL:n.context.collectURL,message:`List of Redis Keys used for page ${n.context.collectURL}`})}catch(e){f.log(`Error Collecting Page ${e}`),r({type:"RESOLVE",allKeys:[],message:`There is an error collecting Redis Keys used for page ${n.context.collectURL}: ${e}`}),setTimeout(function(){r({type:"RESOLVE",message:""})},5e3)}},[n.context.collectURL]),N=(0,a.useCallback)(async e=>{let t;r("FETCH");let{key:n}=e.target.dataset;if(n){let e=await (0,s.hd)(F("/_internal/cache/ttl"),{params:{key:n}});t=await e.json()}r({type:"RESOLVE",ttls:{[n]:t}})});return(0,a.useEffect)(()=>{l.Cu&&A()},[]),(0,d.Y)(p.Fragment,null,(0,d.Y)("header",null,(0,d.Y)(g,null,"Cache Management"),(0,d.Y)(m,null,(0,d.Y)(y,{role:"tablist"},(0,d.Y)(b,{role:"presentation"},(0,d.Y)(h,{id:"management-nav",type:"button",role:"tab","aria-controls":"management","aria-selected":"true",isActive:"management"===e,onClick:()=>t("management")},"Collect Cache")),l.Cu?(0,d.Y)(b,{role:"presentation"},(0,d.Y)(h,{id:"persistence-nav",type:"button",role:"tab","aria-controls":"persistence","aria-selected":"false",isActive:"persistence"===e,onClick:()=>t("persistence")},"Export/Seeding")):null))),(0,d.Y)("main",null,(0,d.Y)(v,{isActive:"management"===e,id:"management",role:"tabpanel","aria-labelledby":"management-nav"},(0,d.Y)(x,null,(0,d.Y)(w,{type:"button",disabled:i,onClick:U},"Collect Associated Cache Keys"),(0,d.Y)(E,{type:"text",placeholder:"Input a page URL to collect Redis cache keys use for it","aria-label":"Input the page URL to collect its associated cache keys",value:n.context.collectURL,onChange:e=>r({type:"UPDATE",collectURL:e.target.value})})),""!==n.context.message?(0,d.Y)("p",null,n.context.message):null,(0,d.Y)(C,null,n.context.allKeys?n.context.allKeys.map(e=>(0,d.Y)(L,{key:e},n.context.ttls[e]?n.context.ttls[e]:(0,d.Y)(w,{type:"button",disabled:i,onClick:N,"data-key":e},"Check Its TTL"),e)):null),(0,d.Y)(k,null,l.Cu?(0,d.Y)(w,{onClick:c},"Flush All Redis Keys (Use in Caution)"):null)),l.Cu?(0,d.Y)(v,{isActive:"persistence"===e,id:"persistence",role:"tabpanel","aria-labelledby":"persistence-nav"},(0,d.Y)(x,null,(0,d.Y)(w,{type:"button",id:"export-btn",disabled:i,onClick:Y},"Export"),(0,d.Y)(E,{type:"text",placeholder:"File Name","aria-label":"Export Seed File Name",value:n.context.seedFileName,onChange:e=>r({type:"UPDATE",seedFileName:e.target.value})})),(0,d.Y)(C,null,n.context.seedFileList?n.context.seedFileList?.map(e=>(0,d.Y)(L,{key:e},(0,d.Y)(w,{type:"button",id:"dump-btn",disabled:i,onClick:_,"data-file":e},"Seed"),(0,d.Y)(S,null,e))):null)):null))}},37496:(e,t,n)=>{"use strict";n.d(t,{z:()=>u,h:()=>p});var r=n(69107),a=n(71055),o=n(50276),i=n(54261),l=function(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,a,o=n.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(r=o.next()).done;)i.push(r.value)}catch(e){a={error:e}}finally{try{r&&!r.done&&(n=o.return)&&n.call(o)}finally{if(a)throw a.error}}return i};function s(e){return e}var c=function(e){var t;return e.subscribe(function(e){t=e}).unsubscribe(),t};function u(e,t){var n,i,s=(0,a.useRef)(),c=l((n=function(){var n=[],a=(0,r.U4)((0,r.Op)(e.config,t||e._options)),o=a.send;return a.send=function(e){a.status===r.vy.NotStarted?n.push(e):(o(e),s.current=a.state)},[a,n]},(i=a.useRef()).current||(i.current={v:n()}),i.current.v),2),u=c[0],d=c[1];(0,o.A)(function(){t&&(u._machine._options=t)});var f=p(u);return(0,a.useEffect)(function(){return u.start(s.current),d.forEach(u.send),s.current=u.state,function(){u.stop()}},[]),f}var d=function(e,t){return!1===t.changed};function p(e){var t=(0,a.useCallback)(function(){return c(e)},[e]),n=(0,a.useCallback)(function(t){return e.subscribe(t).unsubscribe},[e]);

1return[(0,i.useSyncExternalStoreWithSelector)(n,t,t,s,d),e.send,e]}},50276:(e,t,n)=>{"use strict";n.d(t,{A:()=>r});var r=n(71055).useLayoutEffect},54261:(e,t,n)=>{"use strict";e.exports=n(86341)},55025:(e,t,n)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/_internal/cache-management",function(){return n(16232)}])},69107:(e,t,n)=>{"use strict";function r(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,a,o=n.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(r=o.next()).done;)i.push(r.value)}catch(e){a={error:e}}finally{try{r&&!r.done&&(n=o.return)&&n.call(o)}finally{if(a)throw a.error}}return i}n.d(t,{Op:()=>g,U4:()=>y,kp:()=>s,vy:()=>o}),(a=o||(o={}))[a.NotStarted=0]="NotStarted",a[a.Running=1]="Running",a[a.Stopped=2]="Stopped";var a,o,i={type:"xstate.init"};function l(e){return void 0===e?[]:[].concat(e)}function s(e){return{type:"xstate.assign",assignment:e}}function c(e,t){return"string"==typeof(e="string"==typeof e&&t&&t[e]?t[e]:e)?{type:e}:"function"==typeof e?{type:e.name,exec:e}:e}function u(e){return function(t){return e===t}}function d(e){return"string"==typeof e?{type:e}:e}function p(e,t){return{value:e,context:t,actions:[],changed:!1,matches:u(e)}}function f(e,t,n){var r=t,a=!1;return[e.filter(function(e){if("xstate.assign"===e.type){a=!0;var t=Object.assign({},r);return"function"==typeof e.assignment?t=e.assignment(r,n):Object.keys(e.assignment).forEach(function(a){t[a]="function"==typeof e.assignment[a]?e.assignment[a](r,n):e.assignment[a]}),r=t,!1}return!0}),r,a]}function g(e,t){void 0===t&&(t={});var n=r(f(l(e.states[e.initial].entry).map(function(e){return c(e,t.actions)}),e.context,i),2),a=n[0],o=n[1],s={config:e,_options:t,initialState:{value:e.initial,actions:a,context:o,matches:u(e.initial)},transition:function(t,n){var a,o,i="string"==typeof t?{value:t,context:e.context}:t,g=i.value,m=i.context,y=d(n),b=e.states[g];if(b.on){var h=l(b.on[y.type]);"*"in b.on&&h.push.apply(h,function(e,t,n){if(n||2==arguments.length)for(var r,a=0,o=t.length;a<o;a++)!r&&a in t||(r||(r=Array.prototype.slice.call(t,0,a)),r[a]=t[a]);return e.concat(r||Array.prototype.slice.call(t))}([],r(l(b.on["*"])),!1));try{for(var v=function(e){var t="function"==typeof Symbol&&Symbol.iterator,n=t&&e[t],r=0;if(n)return n.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&r>=e.length&&(e=void 0),{value:e&&e[r++],done:!e}}};throw TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}(h),x=v.next();!x.done;x=v.next()){var w=x.value;if(void 0===w)return p(g,m);var k="string"==typeof w?{target:w}:w,E=k.target,C=k.actions,L=void 0===C?[]:C,S=k.cond,R=void 0===S?function(){return!0}:S,F=void 0===E,A=null!=E?E:g,Y=e.states[A];if(R(m,y)){var _=r(f((F?l(L):[].concat(b.exit,L,Y.entry).filter(function(e){return e})).map(function(e){return c(e,s._options.actions)}),m,y),3),U=_[0],N=_[1],O=_[2],T=null!=E?E:g;return{value:T,context:N,actions:U,changed:E!==g||U.length>0||O,matches:u(T)}}}}catch(e){a={error:e}}finally{try{x&&!x.done&&(o=v.return)&&o.call(v)}finally{if(a)throw a.error}}}return p(g,m)}};return s}var m=function(e,t){return e.actions.forEach(function(n){var r=n.exec;return r&&r(e.context,t)})};function y(e){var t=e.initialState,n=o.NotStarted,r=new Set,a={_machine:e,send:function(a){n===o.Running&&(m(t=e.transition(t,a),d(a)),r.forEach(function(e){return e(t)}))},subscribe:function(e){return r.add(e),e(t),{unsubscribe:function(){return r.delete(e)}}},start:function(r){if(r){var l="object"==typeof r?r:{context:e.config.context,value:r};t={value:l.value,actions:[],context:l.context,matches:u(l.value)}}else t=e.initialState;return n=o.Running,m(t,i),a},stop:function(){return n=o.Stopped,r.clear(),a},get state(){return t},get status(){return n}};return a}},86341:(e,t,n)=>{"use strict";var r=n(71055),a=n(42055),o="function"==typeof Object.is?Object.is:function(e,t){return e===t&&(0!==e||1/e==1/t)||e!=e&&t!=t},i=a.useSyncExternalStore,l=r.useRef,s=r.useEffect,c=r.useMemo,u=r.useDebugValue;t.useSyncExternalStoreWithSelector=function(e,t,n,r,a){var d=l(null);if(null===d.current){var p={hasValue:!1,value:null};d.current=p}else p=d.current;var f=i(e,(d=c(function(){function e(e){if(!s){if(s=!0,i=e,e=r(e),void 0!==a&&p.hasValue){var t=p.value;if(a(t,e))return l=t}return l=e}if(t=l,o(i,e))return t;var n=r(e);return void 0!==a&&a(t,n)?(i=e,t):(i=e,l=n)}var i,l,s=!1,c=void 0===n?null:n;return[function(){return e(t())},null===c?void 0:function(){return e(c())}]}

1,[t,n,r,a]))[0],d[1]);return s(function(){p.hasValue=!0,p.value=f},[f]),u(f),f}}},e=>{e.O(0,[46593,90636,38792],()=>e(e.s=55025)),_N_E=e.O()}]);