MediaWiki:KuranokaPageTransition.js：修订间差异

  Kuranoka / Kuronata — Page Transition V33 / V25 faithful restore

  V25 ORIGINAL fire edge, translucent fire pockets, smoke and dawn.

  Lightweight WebGL2 is restricted to subtle ember points, NEVER the

  fire curtain nor the reverse transition. Carbon sheets are 2D.

  Reverse score: AnotherMe.mp3; V25 dawn finishes at audio 02:39.

  Only this page-scoped JS/CSS; never modify Citizen or loader.js.

  Real page navigation after the transition; iframe is visual-only.

  ============================================================ */

    'use strict';

    retry=retry||0;

    if (!window.mw || !mw.config || typeof mw.config.get!=='function') {

        if(retry<40)setTimeout(()=>initKkpt(retry+1),100);

        return;

 

     const pathMatch = location.pathname.match(/\/wiki\/(Kuranoka|Kuronata)\/?$/);

     const urlPage = pathMatch ? pathMatch[1]

        : new URLSearchParams(location.search).get('title');

     const basePage = ['Kuranoka','Kuronata'].includes(urlPage)

        ? urlPage : mw.config.get('wgPageName');

    const action = new URLSearchParams(location.search).get('action') || 'view';

     if (!['Kuranoka','Kuronata'].includes(basePage) || action !== 'view') return;

 

     // V24: the two article worlds have deliberate, deterministic palettes.

    // "os" is NOT a light theme: it can resolve to dark on the reader's

     // computer. Session storage may also be unavailable. Therefore, never

     // restore a stale "os" token when landing back on Kuranoka.

     const root=document.documentElement;

     const themeNames=['skin-theme-clientpref-day','skin-theme-clientpref-os',

        'skin-theme-clientpref-night','skin-theme-clientpref-black',

        'skin-citizen-light'];

     let wantsNight=basePage==='Kuronata';

     let changingTheme=false;

     function syncTheme(){

        if(changingTheme)return;

        const wanted=wantsNight?'skin-theme-clientpref-night':

            'skin-theme-clientpref-day';

        const shadow=wantsNight?'kkpt-kuronata-dark':null;

        const unexpected=themeNames.filter(c=>c!==wanted)

            .concat(wantsNight?[]:['kkpt-kuronata-dark']);

        if(root.classList.contains(wanted)&&

            (!shadow||root.classList.contains(shadow))&&

             unexpected.every(c=>!root.classList.contains(c))){

            return;

        changingTheme=true;

        root.classList.remove(...themeNames,'kkpt-kuronata-dark');

         root.classList.add(wanted);

         if(shadow)root.classList.add(shadow);

        changingTheme=false;

     }

     function showTheme(dark){wantsNight=dark;syncTheme();}

     syncTheme();

    // Citizen may reapply OS-preference classes after its own scripts load.

    // Keep each world's class correct without changing the user's setting.

    new MutationObserver(syncTheme).observe(root,{

         attributes:true,attributeFilter:['class']

     });

     // V31's page-style retry solves occasional initial unstyled portals.

    function ensureWorldStyles(){

         if(!document.head || document.getElementById('kkpt-css-retry'))return;

             if(getComputedStyle(root).getPropertyValue('--kkpt-css-v33').trim()==='ready')return;

         const link=document.createElement('link');

         link.id='kkpt-css-retry';

         link.rel='stylesheet';

         const target=new URL('/index.php',location.origin);

         target.searchParams.set('title','MediaWiki:KuranokaPageTransition.css');

         target.searchParams.set('action','raw');

         target.searchParams.set('ctype','text/css');

         target.searchParams.set('kkptv','33');

         link.href=target.href;

        document.head.appendChild(link);

     setTimeout(ensureWorldStyles,1200);

     function navigateRealPage(href){

        window.location.assign(href);

 

     function installKuronataAfterglow() {

                for(let i=0;i<text.length&&budget<340;i++,budget++){

                    const r=range.getBoundingClientRect();

                    line.left=Math.min(line.left,r.left);

                    line.right=Math.max(line.right,r.right);

                    line.height=Math.max(line.height,r.height);

            range.detach?.();

            if(rects.length<2)return;

            node.setAttribute('data-kkpt-multiline','1');

            spoilerOverlays.get(node)?.remove();

            const overlay=document.createElement('div');

                fragment.style.left=row.left+'px';

                fragment.style.top=row.top+'px';

                fragment.style.width=(row.right-row.left+6)+'px';

                fragment.style.letterSpacing=font.letterSpacing;

        const clearSpoilerFault=(node)=>{

            const overlay=spoilerOverlays.get(node);

            setTimeout(()=>overlay.remove(),210);

            document.querySelectorAll('span.heimu').forEach(node=>{

                if(node.dataset.kkptBound)return;

                const label=(node.textContent||'').replace(/\s+/g,' ').trim();

                if(label&&label.length<=240&&!node.children.length)

                node.addEventListener('mouseenter',()=>spoilerFault(node));

                node.addEventListener('mouseleave',()=>clearSpoilerFault(node));

            const article=document.querySelector('#mw-content-text,.mw-parser-output');

            const exactIdentity=/Kuranoka|Kurano\s+Kanata|天野[ \u00a0\u3000]*彼方/gi;

            const walker=document.createTreeWalker(article,NodeFilter.SHOW_TEXT,{

                    const parent=node.parentElement;

            for(const textNode of matches){

                let previous=0,match;

                    el.textContent=match[0];

                        (-((index++*7)%23)*.21).toFixed(2)+'s');

         const createAmbience=()=>{

            if(prefersReduced.matches||document.getElementById('kkpt-afterglow')||!document.body)return;

                    ? (fromLeft?-26+Math.random()*22:79+Math.random()*21)

                part.style.top=(smoke?8+Math.random()*94:15+Math.random()*94)+'%';

                part.style.setProperty('--size',(smoke?220+Math.random()*240:2+Math.random()*4).toFixed(1)+'px');

                part.style.setProperty('--delay',(-Math.random()*(smoke?29:18)).toFixed(2)+'s');

                part.style.setProperty('--duration',(smoke?18+Math.random()*14:8+Math.random()*11).toFixed(2)+'s');

                part.style.setProperty('--wind',((Math.random()-.5)*(smoke?100:230)).toFixed(1)+'px');

 

                root.style.setProperty('--kkpt-rift-y',(14+Math.random()*70).toFixed(1)+'%');

                window.setTimeout(()=>root.classList.remove('kkpt-rift'),390);

            }

     installKuronataAfterglow();

 

     // The nested preview only applies its own theme; no recursive iframe.

     if (window!==window.top || window.__kkptV12) return;

    window.__kkptV12=true;

    window.__kkptVersion='33.0';

 

    const otherPage=basePage==='Kuranoka'?'Kuronata':'Kuranoka';

     const baseUrl=location.href;

    const otherUrl=new URL('/wiki/'+encodeURIComponent(otherPage),location.href);

    const imagePool=new Map();

     const worldBackdrops={

        Kuranoka:'https://blockland.wiki/images/0/05/%E7%A7%AF%E9%9B%A8%E4%BA%911.png',

    };

     function primeWorldBackdrops(){

        if(current&&document.head){

            const link=document.createElement('link');

            link.href=current;

            link.setAttribute('fetchpriority','high');

            link.dataset.kkptBackgroundPreload='1';

            document.head.appendChild(link);

            warmImage(current).catch(()=>{});

        // world so the iframe and the eventual real page can reuse it.

            if(next)warmImage(next).catch(()=>{});

        },300);

     primeWorldBackdrops();

 

     const ENABLE_TRANSITION_AUDIO = true;

     const FIRE_VOLUME = .30;

     const DAWN_VOLUME = .20;

     let soundContext=null,fireBuffer=null,activeSound=null;

 

     // Public-domain PADsynth recording, ~8.4s / 120KB. Change this

     // to a same-origin Wiki-upload URL if external media are blocked.

    const REBIRTH_PAD_URL=

        'https://upload.wikimedia.org/wikipedia/commons/e/ed/Padsynth_example_synth_piano.ogg';

    let padBytesPromise=null,padDecodePromise=null,padBuffer=null;

     function preloadRebirthPad(){

         if(padBytesPromise)return padBytesPromise;

         padBytesPromise=fetch(REBIRTH_PAD_URL,{mode:'cors',cache:'force-cache'})

            .then(resp=>{

                if(!resp.ok)throw new Error('PAD HTTP '+resp.status);

                return resp.arrayBuffer();

            })

            .catch(err=>{

            });

        return padBytesPromise;

     function decodeRebirthPad(ctx){

        if(padBuffer)return Promise.resolve(padBuffer);

        if(!padDecodePromise){

            padDecodePromise=preloadRebirthPad()

                .then(bytes=>bytes?ctx.decodeAudioData(bytes.slice(0)):null)

                .then(result=>(padBuffer=result))

                .catch(err=>{

                    console.debug('[KKPT] Cannot decode PAD:',err);

     // A plain media element can still play the recording when a site's

     // CORS policy disallows reading the file into Web Audio.

     function playRebirthPadFallback(durationMs){

        const sound=new Audio(REBIRTH_PAD_URL);

        sound.volume=0;

        sound.play().then(()=>{

            const begin=performance.now();

            const timer=setInterval(()=>{

                const t=Math.min(1,(performance.now()-begin)/durationMs);

                sound.volume=Math.max(0,Math.min(DAWN_VOLUME,

                    DAWN_VOLUME*Math.min(t/.27,(1-t)/.26)));

                if(t>=1){clearInterval(timer);sound.pause();sound.src='';}

            },80);

        }).catch(err=>console.debug('[KKPT] PAD playback unavailable:',err));

 

     function primeSound(){

        if(!ENABLE_TRANSITION_AUDIO)return;

        try{

            const AudioEngine=window.AudioContext||window.webkitAudioContext;

            if(!AudioEngine)return;

            if(!soundContext)soundContext=new AudioEngine();

            if(soundContext.state==='suspended')soundContext.resume().catch(()=>{});

            decodeRebirthPad(soundContext);

         }catch(err){console.debug('[KKPT] Audio unavailable:',err);}

     function createFireAudio(ctx){

        const length=Math.round(ctx.sampleRate*4.5);

        const buffer=ctx.createBuffer(1,length,ctx.sampleRate);

        const data=buffer.getChannelData(0);

        let low=0,middle=0;

         for(let i=0;i<length;i++){

            const random=Math.random()*2-1;

            low=low*.992+random*.008;

            middle=middle*.92+random*.08;

            data[i]=Math.max(-1,Math.min(1,

                low*3.9+middle*.33+random*.055));

        // Micro-crackles: impulsive bursts with different decay times.

        for(let k=0;k<350;k++){

            const at=Math.floor(Math.random()*(length-1500));

            const decay=36+Math.random()*330;

            const duration=Math.min(1400,Math.ceil(decay*4));

            const power=.20+Math.pow(Math.random(),3)*.68;

            for(let j=0;j<duration;j++){

                const env=Math.exp(-j/decay);

                data[at+j]=Math.max(-1,Math.min(1,data[at+j]+

                    (Math.random()*2-1)*power*env));

         }

        return buffer;

     function transitionSound(dark,durationMs){

        if(!ctx||ctx.state!=='running')return;

        const span=durationMs/1000;

        if(activeSound){

            const old=activeSound.gain;

            old.cancelScheduledValues(start);

            old.setTargetAtTime(.0001,start,.05);

        const master=ctx.createGain();

        master.gain.setValueAtTime(.0001,start);

            start+(dark?.75:1.10));

         master.gain.setValueAtTime(dark?FIRE_VOLUME:DAWN_VOLUME,

            start+span-(dark?.88:1.0));

        activeSound={gain:master};

         if(dark){

            const src=ctx.createBufferSource();

            src.start(start);src.stop(start+span+.12);

         }else{

            // A REAL recorded PADsynth sample; no generated wind-chimes.

            decodeRebirthPad(ctx).then(buffer=>{

                if(!buffer){playRebirthPadFallback(durationMs);return;}

                const at=Math.max(start,ctx.currentTime+.020);

                if(at>start+span-.55)return;

                const player=ctx.createBufferSource();

                player.buffer=buffer;

            }).catch(()=>{});

            try{master.disconnect();}catch(_){}

 

     // Reverse-world score. The RE-UPLOADED recording lasts 224.914 s.

     // original audio node; use a session handoff to resume in Kuranoka.

    const RETURN_SCORE_URL=

        'https://blkl.fun/wp-content/uploads/2026/10/AnotherMe.mp3?kkpt_audio=20261024_043627';

    const RETURN_SCORE_KEY='kkpt:return-score:33';

    const RETURN_SCORE_DURATION=224.914286;

    const RETURN_REVEAL_TIME=159.0;

     const RETURN_REVEAL_START=155.9; // 3.1s, original V25 reverse duration

     let returnScore=null;

    function scoreTimestamp(seconds){

        seconds=Math.floor(Math.max(0,seconds||0));

        return String(Math.floor(seconds/60)).padStart(2,'0')+':'+

            String(seconds%60).padStart(2,'0');