Ideone.com

fork download

copy

<!doctype html>
<html lang="th">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width,initial-scale=1" />
  <title>Minesweeper - ไรส์สวีปเปอร์ (Playable)</title>
  <style>
    :root{--bg:#0f1724;--card:#0b1220;--accent:#f59e0b;--text:#e6eef8}
    *{box-sizing:border-box}
    body{margin:0;font-family:Inter,ui-sans-serif,system-ui,Segoe UI,Roboto,'Noto Sans',Helvetica,Arial;color:var(--text);background:linear-gradient(180deg,#021124 0%, #051026 100%);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}
    .app{width:100%;max-width:920px}
    .header{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:14px}
    .title{font-size:20px;font-weight:700}
    .controls{display:flex;gap:8px;align-items:center}
    select,input[type=number]{background:transparent;border:1px solid rgba(255,255,255,0.08);padding:6px 8px;border-radius:8px;color:var(--text)}
    button{background:var(--card);border:1px solid rgba(255,255,255,0.04);color:var(--text);padding:8px 12px;border-radius:10px;cursor:pointer}
    .status{display:flex;gap:8px;align-items:center}
    .chip{background:rgba(255,255,255,0.03);padding:6px 10px;border-radius:8px;font-weight:600}
    .board-wrap{background:linear-gradient(180deg, rgba(255,255,255,0.02), transparent);padding:16px;border-radius:12px;border:1px solid rgba(255,255,255,0.03)}
    .board{display:grid;gap:4px;margin-top:8px}
    .cell{width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#0d2236,#08151f);border-radius:6px;user-select:none;font-weight:700;cursor:pointer}
    .cell.open{background:linear-gradient(180deg,#cfe8ff,#eaf6ff);color:#0b2233;cursor:default}
    .cell.flag{background:linear-gradient(180deg,#2b3a4b,#283240);}
    .cell.mine{background:linear-gradient(180deg,#ffccd5,#ffdce5);color:#7b021f}
    .row{display:flex}
    .controls-legend{display:flex;gap:8px;align-items:center}
    .small{font-size:13px;opacity:0.9}
    .footer-note{margin-top:10px;font-size:13px;color:rgba(230,238,248,0.8)}
    @media (max-width:520px){.cell{width:28px;height:28px;font-size:13px}.header{flex-direction:column;align-items:stretch}.controls{flex-wrap:wrap}}
  </style>
</head>
<body>
  <div class="app">
    <div class="header">
      <div>
        <div class="title">Minesweeper — ไรส์สวีปเปอร์</div>
        <div class="small">คลิกซ้ายเพื่อเปิด, คลิกขวาเพื่อปักธง (บนมือถือ: แตะค้าง)</div>
      </div>
      <div class="controls">
        <label>
          ระดับ:
          <select id="preset">
            <option value="easy">ง่าย (9×9, 10 ระเบิด)</option>
            <option value="medium" selected>กลาง (16×16, 40 ระเบิด)</option>
            <option value="hard">ยาก (30×16, 99 ระเบิด)</option>
            <option value="custom">กำหนดเอง</option>
          </select>
        </label>
        <label id="customInputs" style="display:none">
          W <input id="w" type="number" value="16" min="5" max="60" style="width:64px" />
          H <input id="h" type="number" value="16" min="5" max="40" style="width:64px" />
          M <input id="m" type="number" value="40" min="1" max="500" style="width:64px" />
        </label>
        <button id="newBtn">เริ่มใหม่</button>
      </div>
    </div>
 
    <div class="status">
      <div class="chip">ระเบิด: <span id="mineCount">40</span></div>
      <div class="chip">เวลา: <span id="timer">0</span>s</div>
      <div class="chip" id="result">สถานะ: กำลังเล่น</div>
    </div>
 
    <div class="board-wrap">
      <div id="board" class="board" aria-hidden="false"></div>
      <div class="footer-note">ทิป: ดับเบิลคลิกที่ช่องเปิดเพื่อเปิดช่องรอบ ๆ ถ้าจำนวนธงรอบตรงกับตัวเลข</div>
    </div>
  </div>
 
<script>
(function(){
  // Minesweeper implementation
  const boardEl = document.getElementById('board');
  const preset = document.getElementById('preset');
  const newBtn = document.getElementById('newBtn');
  const mineCountEl = document.getElementById('mineCount');
  const timerEl = document.getElementById('timer');
  const resultEl = document.getElementById('result');
  const customInputs = document.getElementById('customInputs');
  const wInput = document.getElementById('w');
  const hInput = document.getElementById('h');
  const mInput = document.getElementById('m');
 
  let W=16,H=16,M=40;
  let cells=[], openCount=0, flagged=0, started=false, timer=null, seconds=0, gameOver=false;
 
  function setPreset(p){
    if(p==='easy'){W=9;H=9;M=10}
    else if(p==='medium'){W=16;H=16;M=40}
    else if(p==='hard'){W=30;H=16;M=99}
  }
 
  preset.addEventListener('change',()=>{
    if(preset.value==='custom'){customInputs.style.display='inline-block'} else {customInputs.style.display='none';setPreset(preset.value);}
  });
 
  function clearTimer(){clearInterval(timer);timer=null;seconds=0;timerEl.textContent='0'}
  function startTimer(){if(timer) return;timer=setInterval(()=>{seconds++;timerEl.textContent=seconds},1000)}
 
  function buildBoard(){
    boardEl.innerHTML='';
    boardEl.style.gridTemplateColumns = `repeat(${W}, auto)`;
    boardEl.style.gridTemplateRows = `repeat(${H}, auto)`;
    cells = Array(H).fill(0).map(()=>Array(W).fill(null));
    openCount=0;flagged=0;started=false;gameOver=false;clearTimer();resultEl.textContent='สถานะ: กำลังเล่น';mineCountEl.textContent=M;
 
    for(let r=0;r<H;r++){
      for(let c=0;c<W;c++){
        const el = document.createElement('div');
        el.className='cell';
        el.dataset.r=r;el.dataset.c=c;el.dataset.open='0';el.dataset.flag='0';
        el.addEventListener('click',onLeft);
        el.addEventListener('contextmenu',onRight);
        el.addEventListener('mousedown',onDown);
        el.addEventListener('touchstart',onTouchStart,{passive:true});
        el.addEventListener('touchend',onTouchEnd);
        boardEl.appendChild(el);
        cells[r][c]={el, mine:false, number:0, r, c, open:false, flag:false};
      }
    }
  }
 
  function placeMines(sr,sc){
    // place M mines excluding first click (sr,sc) and neighbours
    const forbidden = new Set();
    for(let r=sr-1;r<=sr+1;r++) for(let c=sc-1;c<=sc+1;c++) if(inBounds(r,c)) forbidden.add(`${r},${c}`);
    let placed=0;
    while(placed<M){
      const r = Math.floor(Math.random()*H);
      const c = Math.floor(Math.random()*W);
      const key=`${r},${c}`;
      if(forbidden.has(key)) continue;
      if(cells[r][c].mine) continue;
      cells[r][c].mine=true;placed++;
    }
    // compute numbers
    for(let r=0;r<H;r++){
      for(let c=0;c<W;c++){
        if(cells[r][c].mine) continue;
        let cnt=0;
        for(let rr=r-1;rr<=r+1;rr++) for(let cc=c-1;cc<=c+1;cc++) if(inBounds(rr,cc) && cells[rr][cc].mine) cnt++;
        cells[r][c].number=cnt;
      }
    }
  }
 
  function inBounds(r,c){return r>=0 && r<H && c>=0 && c<W}
 
  function reveal(r,c){
    const cell = cells[r][c];
    if(!cell || cell.open || cell.flag) return;
    cell.open=true;cell.el.dataset.open='1';cell.el.classList.add('open');
    openCount++;
    if(cell.mine){
      cell.el.classList.add('mine');cell.el.textContent='💣';
      return;
    }
    if(cell.number>0){cell.el.textContent=cell.number; setNumberColor(cell.el, cell.number)}
    else{ // flood fill
      for(let rr=r-1;rr<=r+1;rr++) for(let cc=c-1;cc<=c+1;cc++) if(inBounds(rr,cc)) reveal(rr,cc);
    }
  }
 
  function setNumberColor(el,num){
    const map = {1:'#0b3b6b',2:'#0b6b3b',3:'#6b0b3b',4:'#2b2b6b',5:'#6b2b2b',6:'#2b6b6b',7:'#1a1a1a',8:'#666'};
    el.style.color = map[num] || '#0b2233';
  }
 
  function onLeft(e){
    if(gameOver) return;
    const el = e.currentTarget;
    const r = +el.dataset.r; const c = +el.dataset.c;
    if(!started){placeMines(r,c);started=true;startTimer();}
    const cell = cells[r][c];
    if(cell.flag || cell.open) return;
    if(cell.mine){
      // reveal all mines and lose
      revealAllMines(r,c);
      endGame(false);
      return;
    }
    reveal(r,c);
    checkWin();
  }
 
  function revealAllMines(hitR,hitC){
    for(let r=0;r<H;r++) for(let c=0;c<W;c++){
      const cell=cells[r][c];
      if(cell.mine){cell.el.classList.add('mine');cell.el.textContent='💣';}
    }
    if(inBounds(hitR,hitC)) cells[hitR][hitC].el.classList.add('mine');
  }
 
  function onRight(e){
    e.preventDefault();
    if(gameOver) return;
    const el = e.currentTarget;
    const r = +el.dataset.r; const c = +el.dataset.c;
    const cell=cells[r][c];
    if(cell.open) return;
    toggleFlag(cell);
    checkWin();
  }
 
  function toggleFlag(cell){
    if(cell.flag){cell.flag=false;cell.el.dataset.flag='0';cell.el.classList.remove('flag');cell.el.textContent='';flagged--;}
    else{cell.flag=true;cell.el.dataset.flag='1';cell.el.classList.add('flag');cell.el.textContent='🚩';flagged++;}
    mineCountEl.textContent = Math.max(0, M - flagged);
  }
 
  // double-click chord: open neighbours if flags equal number
  boardEl.addEventListener('dblclick',(ev)=>{
    if(gameOver) return;
    const el = ev.target.closest('.cell'); if(!el) return;
    const r=+el.dataset.r,c=+el.dataset.c; const cell=cells[r][c];
    if(!cell.open || cell.number===0) return;
    let flags=0; const neighbours=[];
    for(let rr=r-1;rr<=r+1;rr++) for(let cc=c-1;cc<=c+1;cc++) if(inBounds(rr,cc) && !(rr===r && cc===c)){
      neighbours.push(cells[rr][cc]); if(cells[rr][cc].flag) flags++;
    }
    if(flags===cell.number){
      neighbours.forEach(n=>{ if(!n.flag && !n.open){ if(n.mine){revealAllMines(n.r,n.c); endGame(false); } else reveal(n.r,n.c); }});
      checkWin();
    }
  });
 
  function checkWin(){
    if(gameOver) return;
    if(openCount === W*H - M){ endGame(true); }
  }
 
  function endGame(won){
    gameOver=true;clearTimer();resultEl.textContent = won? 'สถานะ: ชนะ 🎉' : 'สถานะ: แพ้ 💥';
    if(won){ // reveal flags nicely
      for(let r=0;r<H;r++) for(let c=0;c<W;c++){ const cell=cells[r][c]; if(cell.mine) cell.el.textContent='🚩'; }
    }
  }
 
  // Support for mobile long-press to flag
  let touchTimer=null; let touchCell=null;
  function onTouchStart(e){
    if(gameOver) return;
    const touch = e.target.closest('.cell'); if(!touch) return;
    touchCell = touch;
    touchTimer = setTimeout(()=>{ // long press 600ms -> flag
      const r=+touchCell.dataset.r, c=+touchCell.dataset.c; const cell=cells[r][c]; if(!cell.open) toggleFlag(cell); touchTimer=null; touchCell=null; },600);
  }
  function onTouchEnd(e){ if(touchTimer){clearTimeout(touchTimer); touchTimer=null; touchCell=null;} }
 
  // mouse down for potential chord-style interactions (visual)
  function onDown(e){ /* placeholder if we want press effects */ }
 
  // keyboard accessibility: space to open, f to flag
  document.addEventListener('keydown',(e)=>{
    const active = document.activeElement;
    if(active && active.classList && active.classList.contains('cell')){
      const r=+active.dataset.r,c=+active.dataset.c, cell=cells[r][c];
      if(e.key===' '){e.preventDefault(); if(!cell.open) onLeft({currentTarget:active});}
      if(e.key.toLowerCase()==='f'){e.preventDefault(); if(!cell.open) toggleFlag(cell);}    }
  });
 
  // build new game with current settings
  function newGame(){
    if(preset.value==='custom'){
      W = Math.max(5, Math.min(60, +wInput.value||16));
      H = Math.max(5, Math.min(40, +hInput.value||16));
      M = Math.max(1, Math.min(W*H-1, +mInput.value||10));
    } else setPreset(preset.value);
    buildBoard();
  }
 
  newBtn.addEventListener('click', ()=>{ newGame(); });
 
  // initial
  setPreset('medium'); buildBoard();
 
  // allow clicking cells via keyboard focus for accessibility
  boardEl.addEventListener('click', (ev)=>{ const c=ev.target.closest('.cell'); if(c) c.focus(); });
 
})();
</script>
</body>
</html>

PCFkb2N0eXBlIGh0bWw+CjxodG1sIGxhbmc9InRoIj4KPGhlYWQ+CiAgPG1ldGEgY2hhcnNldD0idXRmLTgiIC8+CiAgPG1ldGEgbmFtZT0idmlld3BvcnQiIGNvbnRlbnQ9IndpZHRoPWRldmljZS13aWR0aCxpbml0aWFsLXNjYWxlPTEiIC8+CiAgPHRpdGxlPk1pbmVzd2VlcGVyIC0g4LmE4Lij4Liq4LmM4Liq4Lin4Li14Lib4LmA4Lib4Lit4Lij4LmMIChQbGF5YWJsZSk8L3RpdGxlPgogIDxzdHlsZT4KICAgIDpyb290ey0tYmc6IzBmMTcyNDstLWNhcmQ6IzBiMTIyMDstLWFjY2VudDojZjU5ZTBiOy0tdGV4dDojZTZlZWY4fQogICAgKntib3gtc2l6aW5nOmJvcmRlci1ib3h9CiAgICBib2R5e21hcmdpbjowO2ZvbnQtZmFtaWx5OkludGVyLHVpLXNhbnMtc2VyaWYsc3lzdGVtLXVpLFNlZ29lIFVJLFJvYm90bywnTm90byBTYW5zJyxIZWx2ZXRpY2EsQXJpYWw7Y29sb3I6dmFyKC0tdGV4dCk7YmFja2dyb3VuZDpsaW5lYXItZ3JhZGllbnQoMTgwZGVnLCMwMjExMjQgMCUsICMwNTEwMjYgMTAwJSk7bWluLWhlaWdodDoxMDB2aDtkaXNwbGF5OmZsZXg7YWxpZ24taXRlbXM6Y2VudGVyO2p1c3RpZnktY29udGVudDpjZW50ZXI7cGFkZGluZzoyNHB4fQogICAgLmFwcHt3aWR0aDoxMDAlO21heC13aWR0aDo5MjBweH0KICAgIC5oZWFkZXJ7ZGlzcGxheTpmbGV4O2dhcDoxMnB4O2FsaWduLWl0ZW1zOmNlbnRlcjtqdXN0aWZ5LWNvbnRlbnQ6c3BhY2UtYmV0d2VlbjttYXJnaW4tYm90dG9tOjE0cHh9CiAgICAudGl0bGV7Zm9udC1zaXplOjIwcHg7Zm9udC13ZWlnaHQ6NzAwfQogICAgLmNvbnRyb2xze2Rpc3BsYXk6ZmxleDtnYXA6OHB4O2FsaWduLWl0ZW1zOmNlbnRlcn0KICAgIHNlbGVjdCxpbnB1dFt0eXBlPW51bWJlcl17YmFja2dyb3VuZDp0cmFuc3BhcmVudDtib3JkZXI6MXB4IHNvbGlkIHJnYmEoMjU1LDI1NSwyNTUsMC4wOCk7cGFkZGluZzo2cHggOHB4O2JvcmRlci1yYWRpdXM6OHB4O2NvbG9yOnZhcigtLXRleHQpfQogICAgYnV0dG9ue2JhY2tncm91bmQ6dmFyKC0tY2FyZCk7Ym9yZGVyOjFweCBzb2xpZCByZ2JhKDI1NSwyNTUsMjU1LDAuMDQpO2NvbG9yOnZhcigtLXRleHQpO3BhZGRpbmc6OHB4IDEycHg7Ym9yZGVyLXJhZGl1czoxMHB4O2N1cnNvcjpwb2ludGVyfQogICAgLnN0YXR1c3tkaXNwbGF5OmZsZXg7Z2FwOjhweDthbGlnbi1pdGVtczpjZW50ZXJ9CiAgICAuY2hpcHtiYWNrZ3JvdW5kOnJnYmEoMjU1LDI1NSwyNTUsMC4wMyk7cGFkZGluZzo2cHggMTBweDtib3JkZXItcmFkaXVzOjhweDtmb250LXdlaWdodDo2MDB9CiAgICAuYm9hcmQtd3JhcHtiYWNrZ3JvdW5kOmxpbmVhci1ncmFkaWVudCgxODBkZWcsIHJnYmEoMjU1LDI1NSwyNTUsMC4wMiksIHRyYW5zcGFyZW50KTtwYWRkaW5nOjE2cHg7Ym9yZGVyLXJhZGl1czoxMnB4O2JvcmRlcjoxcHggc29saWQgcmdiYSgyNTUsMjU1LDI1NSwwLjAzKX0KICAgIC5ib2FyZHtkaXNwbGF5OmdyaWQ7Z2FwOjRweDttYXJnaW4tdG9wOjhweH0KICAgIC5jZWxse3dpZHRoOjM0cHg7aGVpZ2h0OjM0cHg7ZGlzcGxheTpmbGV4O2FsaWduLWl0ZW1zOmNlbnRlcjtqdXN0aWZ5LWNvbnRlbnQ6Y2VudGVyO2JhY2tncm91bmQ6bGluZWFyLWdyYWRpZW50KDE4MGRlZywjMGQyMjM2LCMwODE1MWYpO2JvcmRlci1yYWRpdXM6NnB4O3VzZXItc2VsZWN0Om5vbmU7Zm9udC13ZWlnaHQ6NzAwO2N1cnNvcjpwb2ludGVyfQogICAgLmNlbGwub3BlbntiYWNrZ3JvdW5kOmxpbmVhci1ncmFkaWVudCgxODBkZWcsI2NmZThmZiwjZWFmNmZmKTtjb2xvcjojMGIyMjMzO2N1cnNvcjpkZWZhdWx0fQogICAgLmNlbGwuZmxhZ3tiYWNrZ3JvdW5kOmxpbmVhci1ncmFkaWVudCgxODBkZWcsIzJiM2E0YiwjMjgzMjQwKTt9CiAgICAuY2VsbC5taW5le2JhY2tncm91bmQ6bGluZWFyLWdyYWRpZW50KDE4MGRlZywjZmZjY2Q1LCNmZmRjZTUpO2NvbG9yOiM3YjAyMWZ9CiAgICAucm93e2Rpc3BsYXk6ZmxleH0KICAgIC5jb250cm9scy1sZWdlbmR7ZGlzcGxheTpmbGV4O2dhcDo4cHg7YWxpZ24taXRlbXM6Y2VudGVyfQogICAgLnNtYWxse2ZvbnQtc2l6ZToxM3B4O29wYWNpdHk6MC45fQogICAgLmZvb3Rlci1ub3Rle21hcmdpbi10b3A6MTBweDtmb250LXNpemU6MTNweDtjb2xvcjpyZ2JhKDIzMCwyMzgsMjQ4LDAuOCl9CiAgICBAbWVkaWEgKG1heC13aWR0aDo1MjBweCl7LmNlbGx7d2lkdGg6MjhweDtoZWlnaHQ6MjhweDtmb250LXNpemU6MTNweH0uaGVhZGVye2ZsZXgtZGlyZWN0aW9uOmNvbHVtbjthbGlnbi1pdGVtczpzdHJldGNofS5jb250cm9sc3tmbGV4LXdyYXA6d3JhcH19CiAgPC9zdHlsZT4KPC9oZWFkPgo8Ym9keT4KICA8ZGl2IGNsYXNzPSJhcHAiPgogICAgPGRpdiBjbGFzcz0iaGVhZGVyIj4KICAgICAgPGRpdj4KICAgICAgICA8ZGl2IGNsYXNzPSJ0aXRsZSI+TWluZXN3ZWVwZXIg4oCUIOC5hOC4o+C4quC5jOC4quC4p+C4teC4m+C5gOC4m+C4reC4o+C5jDwvZGl2PgogICAgICAgIDxkaXYgY2xhc3M9InNtYWxsIj7guITguKXguLTguIHguIvguYnguLLguKLguYDguJ7guLfguYjguK3guYDguJvguLTguJQsIOC4hOC4peC4tOC4geC4guC4p+C4suC5gOC4nuC4t+C5iOC4reC4m+C4seC4geC4mOC4hyAo4Lia4LiZ4Lih4Li34Lit4LiW4Li34LitOiDguYHguJXguLDguITguYnguLLguIcpPC9kaXY+CiAgICAgIDwvZGl2PgogICAgICA8ZGl2IGNsYXNzPSJjb250cm9scyI+CiAgICAgICAgPGxhYmVsPgogICAgICAgICAg4Lij4Liw4LiU4Lix4LiaOgogICAgICAgICAgPHNlbGVjdCBpZD0icHJlc2V0Ij4KICAgICAgICAgICAgPG9wdGlvbiB2YWx1ZT0iZWFzeSI+4LiH4LmI4Liy4LiiICg5w5c5LCAxMCDguKPguLDguYDguJrguLTguJQpPC9vcHRpb24+CiAgICAgICAgICAgIDxvcHRpb24gdmFsdWU9Im1lZGl1bSIgc2VsZWN0ZWQ+4LiB4Lil4Liy4LiHICgxNsOXMTYsIDQwIOC4o+C4sOC5gOC4muC4tOC4lCk8L29wdGlvbj4KICAgICAgICAgICAgPG9wdGlvbiB2YWx1ZT0iaGFyZCI+4Lii4Liy4LiBICgzMMOXMTYsIDk5IOC4o+C4sOC5gOC4muC4tOC4lCk8L29wdGlvbj4KICAgICAgICAgICAgPG9wdGlvbiB2YWx1ZT0iY3VzdG9tIj7guIHguLPguKvguJnguJTguYDguK3guIc8L29wdGlvbj4KICAgICAgICAgIDwvc2VsZWN0PgogICAgICAgIDwvbGFiZWw+CiAgICAgICAgPGxhYmVsIGlkPSJjdXN0b21JbnB1dHMiIHN0eWxlPSJkaXNwbGF5Om5vbmUiPgogICAgICAgICAgVyA8aW5wdXQgaWQ9InciIHR5cGU9Im51bWJlciIgdmFsdWU9IjE2IiBtaW49IjUiIG1heD0iNjAiIHN0eWxlPSJ3aWR0aDo2NHB4IiAvPgogICAgICAgICAgSCA8aW5wdXQgaWQ9ImgiIHR5cGU9Im51bWJlciIgdmFsdWU9IjE2IiBtaW49IjUiIG1heD0iNDAiIHN0eWxlPSJ3aWR0aDo2NHB4IiAvPgogICAgICAgICAgTSA8aW5wdXQgaWQ9Im0iIHR5cGU9Im51bWJlciIgdmFsdWU9IjQwIiBtaW49IjEiIG1heD0iNTAwIiBzdHlsZT0id2lkdGg6NjRweCIgLz4KICAgICAgICA8L2xhYmVsPgogICAgICAgIDxidXR0b24gaWQ9Im5ld0J0biI+4LmA4Lij4Li04LmI4Lih4LmD4Lir4Lih4LmIPC9idXR0b24+CiAgICAgIDwvZGl2PgogICAgPC9kaXY+CgogICAgPGRpdiBjbGFzcz0ic3RhdHVzIj4KICAgICAgPGRpdiBjbGFzcz0iY2hpcCI+4Lij4Liw4LmA4Lia4Li04LiUOiA8c3BhbiBpZD0ibWluZUNvdW50Ij40MDwvc3Bhbj48L2Rpdj4KICAgICAgPGRpdiBjbGFzcz0iY2hpcCI+4LmA4Lin4Lil4LiyOiA8c3BhbiBpZD0idGltZXIiPjA8L3NwYW4+czwvZGl2PgogICAgICA8ZGl2IGNsYXNzPSJjaGlwIiBpZD0icmVzdWx0Ij7guKrguJbguLLguJnguLA6IOC4geC4s+C4peC4seC4h+C5gOC4peC5iOC4mTwvZGl2PgogICAgPC9kaXY+CgogICAgPGRpdiBjbGFzcz0iYm9hcmQtd3JhcCI+CiAgICAgIDxkaXYgaWQ9ImJvYXJkIiBjbGFzcz0iYm9hcmQiIGFyaWEtaGlkZGVuPSJmYWxzZSI+PC9kaXY+CiAgICAgIDxkaXYgY2xhc3M9ImZvb3Rlci1ub3RlIj7guJfguLTguJs6IOC4lOC4seC4muC5gOC4muC4tOC4peC4hOC4peC4tOC4geC4l+C4teC5iOC4iuC5iOC4reC4h+C5gOC4m+C4tOC4lOC5gOC4nuC4t+C5iOC4reC5gOC4m+C4tOC4lOC4iuC5iOC4reC4h+C4o+C4reC4miDguYYg4LiW4LmJ4Liy4LiI4Liz4LiZ4Lin4LiZ4LiY4LiH4Lij4Lit4Lia4LiV4Lij4LiH4LiB4Lix4Lia4LiV4Lix4Lin4LmA4Lil4LiCPC9kaXY+CiAgICA8L2Rpdj4KICA8L2Rpdj4KCjxzY3JpcHQ+CihmdW5jdGlvbigpewogIC8vIE1pbmVzd2VlcGVyIGltcGxlbWVudGF0aW9uCiAgY29uc3QgYm9hcmRFbCA9IGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKCdib2FyZCcpOwogIGNvbnN0IHByZXNldCA9IGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKCdwcmVzZXQnKTsKICBjb25zdCBuZXdCdG4gPSBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCgnbmV3QnRuJyk7CiAgY29uc3QgbWluZUNvdW50RWwgPSBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCgnbWluZUNvdW50Jyk7CiAgY29uc3QgdGltZXJFbCA9IGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKCd0aW1lcicpOwogIGNvbnN0IHJlc3VsdEVsID0gZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoJ3Jlc3VsdCcpOwogIGNvbnN0IGN1c3RvbUlucHV0cyA9IGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKCdjdXN0b21JbnB1dHMnKTsKICBjb25zdCB3SW5wdXQgPSBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCgndycpOwogIGNvbnN0IGhJbnB1dCA9IGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKCdoJyk7CiAgY29uc3QgbUlucHV0ID0gZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoJ20nKTsKCiAgbGV0IFc9MTYsSD0xNixNPTQwOwogIGxldCBjZWxscz1bXSwgb3BlbkNvdW50PTAsIGZsYWdnZWQ9MCwgc3RhcnRlZD1mYWxzZSwgdGltZXI9bnVsbCwgc2Vjb25kcz0wLCBnYW1lT3Zlcj1mYWxzZTsKCiAgZnVuY3Rpb24gc2V0UHJlc2V0KHApewogICAgaWYocD09PSdlYXN5Jyl7Vz05O0g9OTtNPTEwfQogICAgZWxzZSBpZihwPT09J21lZGl1bScpe1c9MTY7SD0xNjtNPTQwfQogICAgZWxzZSBpZihwPT09J2hhcmQnKXtXPTMwO0g9MTY7TT05OX0KICB9CgogIHByZXNldC5hZGRFdmVudExpc3RlbmVyKCdjaGFuZ2UnLCgpPT57CiAgICBpZihwcmVzZXQudmFsdWU9PT0nY3VzdG9tJyl7Y3VzdG9tSW5wdXRzLnN0eWxlLmRpc3BsYXk9J2lubGluZS1ibG9jayd9IGVsc2Uge2N1c3RvbUlucHV0cy5zdHlsZS5kaXNwbGF5PSdub25lJztzZXRQcmVzZXQocHJlc2V0LnZhbHVlKTt9CiAgfSk7CgogIGZ1bmN0aW9uIGNsZWFyVGltZXIoKXtjbGVhckludGVydmFsKHRpbWVyKTt0aW1lcj1udWxsO3NlY29uZHM9MDt0aW1lckVsLnRleHRDb250ZW50PScwJ30KICBmdW5jdGlvbiBzdGFydFRpbWVyKCl7aWYodGltZXIpIHJldHVybjt0aW1lcj1zZXRJbnRlcnZhbCgoKT0+e3NlY29uZHMrKzt0aW1lckVsLnRleHRDb250ZW50PXNlY29uZHN9LDEwMDApfQoKICBmdW5jdGlvbiBidWlsZEJvYXJkKCl7CiAgICBib2FyZEVsLmlubmVySFRNTD0nJzsKICAgIGJvYXJkRWwuc3R5bGUuZ3JpZFRlbXBsYXRlQ29sdW1ucyA9IGByZXBlYXQoJHtXfSwgYXV0bylgOwogICAgYm9hcmRFbC5zdHlsZS5ncmlkVGVtcGxhdGVSb3dzID0gYHJlcGVhdCgke0h9LCBhdXRvKWA7CiAgICBjZWxscyA9IEFycmF5KEgpLmZpbGwoMCkubWFwKCgpPT5BcnJheShXKS5maWxsKG51bGwpKTsKICAgIG9wZW5Db3VudD0wO2ZsYWdnZWQ9MDtzdGFydGVkPWZhbHNlO2dhbWVPdmVyPWZhbHNlO2NsZWFyVGltZXIoKTtyZXN1bHRFbC50ZXh0Q29udGVudD0n4Liq4LiW4Liy4LiZ4LiwOiDguIHguLPguKXguLHguIfguYDguKXguYjguJknO21pbmVDb3VudEVsLnRleHRDb250ZW50PU07CgogICAgZm9yKGxldCByPTA7cjxIO3IrKyl7CiAgICAgIGZvcihsZXQgYz0wO2M8VztjKyspewogICAgICAgIGNvbnN0IGVsID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgnZGl2Jyk7CiAgICAgICAgZWwuY2xhc3NOYW1lPSdjZWxsJzsKICAgICAgICBlbC5kYXRhc2V0LnI9cjtlbC5kYXRhc2V0LmM9YztlbC5kYXRhc2V0Lm9wZW49JzAnO2VsLmRhdGFzZXQuZmxhZz0nMCc7CiAgICAgICAgZWwuYWRkRXZlbnRMaXN0ZW5lcignY2xpY2snLG9uTGVmdCk7CiAgICAgICAgZWwuYWRkRXZlbnRMaXN0ZW5lcignY29udGV4dG1lbnUnLG9uUmlnaHQpOwogICAgICAgIGVsLmFkZEV2ZW50TGlzdGVuZXIoJ21vdXNlZG93bicsb25Eb3duKTsKICAgICAgICBlbC5hZGRFdmVudExpc3RlbmVyKCd0b3VjaHN0YXJ0JyxvblRvdWNoU3RhcnQse3Bhc3NpdmU6dHJ1ZX0pOwogICAgICAgIGVsLmFkZEV2ZW50TGlzdGVuZXIoJ3RvdWNoZW5kJyxvblRvdWNoRW5kKTsKICAgICAgICBib2FyZEVsLmFwcGVuZENoaWxkKGVsKTsKICAgICAgICBjZWxsc1tyXVtjXT17ZWwsIG1pbmU6ZmFsc2UsIG51bWJlcjowLCByLCBjLCBvcGVuOmZhbHNlLCBmbGFnOmZhbHNlfTsKICAgICAgfQogICAgfQogIH0KCiAgZnVuY3Rpb24gcGxhY2VNaW5lcyhzcixzYyl7CiAgICAvLyBwbGFjZSBNIG1pbmVzIGV4Y2x1ZGluZyBmaXJzdCBjbGljayAoc3Isc2MpIGFuZCBuZWlnaGJvdXJzCiAgICBjb25zdCBmb3JiaWRkZW4gPSBuZXcgU2V0KCk7CiAgICBmb3IobGV0IHI9c3ItMTtyPD1zcisxO3IrKykgZm9yKGxldCBjPXNjLTE7Yzw9c2MrMTtjKyspIGlmKGluQm91bmRzKHIsYykpIGZvcmJpZGRlbi5hZGQoYCR7cn0sJHtjfWApOwogICAgbGV0IHBsYWNlZD0wOwogICAgd2hpbGUocGxhY2VkPE0pewogICAgICBjb25zdCByID0gTWF0aC5mbG9vcihNYXRoLnJhbmRvbSgpKkgpOwogICAgICBjb25zdCBjID0gTWF0aC5mbG9vcihNYXRoLnJhbmRvbSgpKlcpOwogICAgICBjb25zdCBrZXk9YCR7cn0sJHtjfWA7CiAgICAgIGlmKGZvcmJpZGRlbi5oYXMoa2V5KSkgY29udGludWU7CiAgICAgIGlmKGNlbGxzW3JdW2NdLm1pbmUpIGNvbnRpbnVlOwogICAgICBjZWxsc1tyXVtjXS5taW5lPXRydWU7cGxhY2VkKys7CiAgICB9CiAgICAvLyBjb21wdXRlIG51bWJlcnMKICAgIGZvcihsZXQgcj0wO3I8SDtyKyspewogICAgICBmb3IobGV0IGM9MDtjPFc7YysrKXsKICAgICAgICBpZihjZWxsc1tyXVtjXS5taW5lKSBjb250aW51ZTsKICAgICAgICBsZXQgY250PTA7CiAgICAgICAgZm9yKGxldCBycj1yLTE7cnI8PXIrMTtycisrKSBmb3IobGV0IGNjPWMtMTtjYzw9YysxO2NjKyspIGlmKGluQm91bmRzKHJyLGNjKSAmJiBjZWxsc1tycl1bY2NdLm1pbmUpIGNudCsrOwogICAgICAgIGNlbGxzW3JdW2NdLm51bWJlcj1jbnQ7CiAgICAgIH0KICAgIH0KICB9CgogIGZ1bmN0aW9uIGluQm91bmRzKHIsYyl7cmV0dXJuIHI+PTAgJiYgcjxIICYmIGM+PTAgJiYgYzxXfQoKICBmdW5jdGlvbiByZXZlYWwocixjKXsKICAgIGNvbnN0IGNlbGwgPSBjZWxsc1tyXVtjXTsKICAgIGlmKCFjZWxsIHx8IGNlbGwub3BlbiB8fCBjZWxsLmZsYWcpIHJldHVybjsKICAgIGNlbGwub3Blbj10cnVlO2NlbGwuZWwuZGF0YXNldC5vcGVuPScxJztjZWxsLmVsLmNsYXNzTGlzdC5hZGQoJ29wZW4nKTsKICAgIG9wZW5Db3VudCsrOwogICAgaWYoY2VsbC5taW5lKXsKICAgICAgY2VsbC5lbC5jbGFzc0xpc3QuYWRkKCdtaW5lJyk7Y2VsbC5lbC50ZXh0Q29udGVudD0n8J+Soyc7CiAgICAgIHJldHVybjsKICAgIH0KICAgIGlmKGNlbGwubnVtYmVyPjApe2NlbGwuZWwudGV4dENvbnRlbnQ9Y2VsbC5udW1iZXI7IHNldE51bWJlckNvbG9yKGNlbGwuZWwsIGNlbGwubnVtYmVyKX0KICAgIGVsc2V7IC8vIGZsb29kIGZpbGwKICAgICAgZm9yKGxldCBycj1yLTE7cnI8PXIrMTtycisrKSBmb3IobGV0IGNjPWMtMTtjYzw9YysxO2NjKyspIGlmKGluQm91bmRzKHJyLGNjKSkgcmV2ZWFsKHJyLGNjKTsKICAgIH0KICB9CgogIGZ1bmN0aW9uIHNldE51bWJlckNvbG9yKGVsLG51bSl7CiAgICBjb25zdCBtYXAgPSB7MTonIzBiM2I2YicsMjonIzBiNmIzYicsMzonIzZiMGIzYicsNDonIzJiMmI2YicsNTonIzZiMmIyYicsNjonIzJiNmI2YicsNzonIzFhMWExYScsODonIzY2Nid9OwogICAgZWwuc3R5bGUuY29sb3IgPSBtYXBbbnVtXSB8fCAnIzBiMjIzMyc7CiAgfQoKICBmdW5jdGlvbiBvbkxlZnQoZSl7CiAgICBpZihnYW1lT3ZlcikgcmV0dXJuOwogICAgY29uc3QgZWwgPSBlLmN1cnJlbnRUYXJnZXQ7CiAgICBjb25zdCByID0gK2VsLmRhdGFzZXQucjsgY29uc3QgYyA9ICtlbC5kYXRhc2V0LmM7CiAgICBpZighc3RhcnRlZCl7cGxhY2VNaW5lcyhyLGMpO3N0YXJ0ZWQ9dHJ1ZTtzdGFydFRpbWVyKCk7fQogICAgY29uc3QgY2VsbCA9IGNlbGxzW3JdW2NdOwogICAgaWYoY2VsbC5mbGFnIHx8IGNlbGwub3BlbikgcmV0dXJuOwogICAgaWYoY2VsbC5taW5lKXsKICAgICAgLy8gcmV2ZWFsIGFsbCBtaW5lcyBhbmQgbG9zZQogICAgICByZXZlYWxBbGxNaW5lcyhyLGMpOwogICAgICBlbmRHYW1lKGZhbHNlKTsKICAgICAgcmV0dXJuOwogICAgfQogICAgcmV2ZWFsKHIsYyk7CiAgICBjaGVja1dpbigpOwogIH0KCiAgZnVuY3Rpb24gcmV2ZWFsQWxsTWluZXMoaGl0UixoaXRDKXsKICAgIGZvcihsZXQgcj0wO3I8SDtyKyspIGZvcihsZXQgYz0wO2M8VztjKyspewogICAgICBjb25zdCBjZWxsPWNlbGxzW3JdW2NdOwogICAgICBpZihjZWxsLm1pbmUpe2NlbGwuZWwuY2xhc3NMaXN0LmFkZCgnbWluZScpO2NlbGwuZWwudGV4dENvbnRlbnQ9J/CfkqMnO30KICAgIH0KICAgIGlmKGluQm91bmRzKGhpdFIsaGl0QykpIGNlbGxzW2hpdFJdW2hpdENdLmVsLmNsYXNzTGlzdC5hZGQoJ21pbmUnKTsKICB9CgogIGZ1bmN0aW9uIG9uUmlnaHQoZSl7CiAgICBlLnByZXZlbnREZWZhdWx0KCk7CiAgICBpZihnYW1lT3ZlcikgcmV0dXJuOwogICAgY29uc3QgZWwgPSBlLmN1cnJlbnRUYXJnZXQ7CiAgICBjb25zdCByID0gK2VsLmRhdGFzZXQucjsgY29uc3QgYyA9ICtlbC5kYXRhc2V0LmM7CiAgICBjb25zdCBjZWxsPWNlbGxzW3JdW2NdOwogICAgaWYoY2VsbC5vcGVuKSByZXR1cm47CiAgICB0b2dnbGVGbGFnKGNlbGwpOwogICAgY2hlY2tXaW4oKTsKICB9CgogIGZ1bmN0aW9uIHRvZ2dsZUZsYWcoY2VsbCl7CiAgICBpZihjZWxsLmZsYWcpe2NlbGwuZmxhZz1mYWxzZTtjZWxsLmVsLmRhdGFzZXQuZmxhZz0nMCc7Y2VsbC5lbC5jbGFzc0xpc3QucmVtb3ZlKCdmbGFnJyk7Y2VsbC5lbC50ZXh0Q29udGVudD0nJztmbGFnZ2VkLS07fQogICAgZWxzZXtjZWxsLmZsYWc9dHJ1ZTtjZWxsLmVsLmRhdGFzZXQuZmxhZz0nMSc7Y2VsbC5lbC5jbGFzc0xpc3QuYWRkKCdmbGFnJyk7Y2VsbC5lbC50ZXh0Q29udGVudD0n8J+aqSc7ZmxhZ2dlZCsrO30KICAgIG1pbmVDb3VudEVsLnRleHRDb250ZW50ID0gTWF0aC5tYXgoMCwgTSAtIGZsYWdnZWQpOwogIH0KCiAgLy8gZG91YmxlLWNsaWNrIGNob3JkOiBvcGVuIG5laWdoYm91cnMgaWYgZmxhZ3MgZXF1YWwgbnVtYmVyCiAgYm9hcmRFbC5hZGRFdmVudExpc3RlbmVyKCdkYmxjbGljaycsKGV2KT0+ewogICAgaWYoZ2FtZU92ZXIpIHJldHVybjsKICAgIGNvbnN0IGVsID0gZXYudGFyZ2V0LmNsb3Nlc3QoJy5jZWxsJyk7IGlmKCFlbCkgcmV0dXJuOwogICAgY29uc3Qgcj0rZWwuZGF0YXNldC5yLGM9K2VsLmRhdGFzZXQuYzsgY29uc3QgY2VsbD1jZWxsc1tyXVtjXTsKICAgIGlmKCFjZWxsLm9wZW4gfHwgY2VsbC5udW1iZXI9PT0wKSByZXR1cm47CiAgICBsZXQgZmxhZ3M9MDsgY29uc3QgbmVpZ2hib3Vycz1bXTsKICAgIGZvcihsZXQgcnI9ci0xO3JyPD1yKzE7cnIrKykgZm9yKGxldCBjYz1jLTE7Y2M8PWMrMTtjYysrKSBpZihpbkJvdW5kcyhycixjYykgJiYgIShycj09PXIgJiYgY2M9PT1jKSl7CiAgICAgIG5laWdoYm91cnMucHVzaChjZWxsc1tycl1bY2NdKTsgaWYoY2VsbHNbcnJdW2NjXS5mbGFnKSBmbGFncysrOwogICAgfQogICAgaWYoZmxhZ3M9PT1jZWxsLm51bWJlcil7CiAgICAgIG5laWdoYm91cnMuZm9yRWFjaChuPT57IGlmKCFuLmZsYWcgJiYgIW4ub3Blbil7IGlmKG4ubWluZSl7cmV2ZWFsQWxsTWluZXMobi5yLG4uYyk7IGVuZEdhbWUoZmFsc2UpOyB9IGVsc2UgcmV2ZWFsKG4ucixuLmMpOyB9fSk7CiAgICAgIGNoZWNrV2luKCk7CiAgICB9CiAgfSk7CgogIGZ1bmN0aW9uIGNoZWNrV2luKCl7CiAgICBpZihnYW1lT3ZlcikgcmV0dXJuOwogICAgaWYob3BlbkNvdW50ID09PSBXKkggLSBNKXsgZW5kR2FtZSh0cnVlKTsgfQogIH0KCiAgZnVuY3Rpb24gZW5kR2FtZSh3b24pewogICAgZ2FtZU92ZXI9dHJ1ZTtjbGVhclRpbWVyKCk7cmVzdWx0RWwudGV4dENvbnRlbnQgPSB3b24/ICfguKrguJbguLLguJnguLA6IOC4iuC4meC4sCDwn46JJyA6ICfguKrguJbguLLguJnguLA6IOC5geC4nuC5iSDwn5KlJzsKICAgIGlmKHdvbil7IC8vIHJldmVhbCBmbGFncyBuaWNlbHkKICAgICAgZm9yKGxldCByPTA7cjxIO3IrKykgZm9yKGxldCBjPTA7YzxXO2MrKyl7IGNvbnN0IGNlbGw9Y2VsbHNbcl1bY107IGlmKGNlbGwubWluZSkgY2VsbC5lbC50ZXh0Q29udGVudD0n8J+aqSc7IH0KICAgIH0KICB9CgogIC8vIFN1cHBvcnQgZm9yIG1vYmlsZSBsb25nLXByZXNzIHRvIGZsYWcKICBsZXQgdG91Y2hUaW1lcj1udWxsOyBsZXQgdG91Y2hDZWxsPW51bGw7CiAgZnVuY3Rpb24gb25Ub3VjaFN0YXJ0KGUpewogICAgaWYoZ2FtZU92ZXIpIHJldHVybjsKICAgIGNvbnN0IHRvdWNoID0gZS50YXJnZXQuY2xvc2VzdCgnLmNlbGwnKTsgaWYoIXRvdWNoKSByZXR1cm47CiAgICB0b3VjaENlbGwgPSB0b3VjaDsKICAgIHRvdWNoVGltZXIgPSBzZXRUaW1lb3V0KCgpPT57IC8vIGxvbmcgcHJlc3MgNjAwbXMgLT4gZmxhZwogICAgICBjb25zdCByPSt0b3VjaENlbGwuZGF0YXNldC5yLCBjPSt0b3VjaENlbGwuZGF0YXNldC5jOyBjb25zdCBjZWxsPWNlbGxzW3JdW2NdOyBpZighY2VsbC5vcGVuKSB0b2dnbGVGbGFnKGNlbGwpOyB0b3VjaFRpbWVyPW51bGw7IHRvdWNoQ2VsbD1udWxsOyB9LDYwMCk7CiAgfQogIGZ1bmN0aW9uIG9uVG91Y2hFbmQoZSl7IGlmKHRvdWNoVGltZXIpe2NsZWFyVGltZW91dCh0b3VjaFRpbWVyKTsgdG91Y2hUaW1lcj1udWxsOyB0b3VjaENlbGw9bnVsbDt9IH0KCiAgLy8gbW91c2UgZG93biBmb3IgcG90ZW50aWFsIGNob3JkLXN0eWxlIGludGVyYWN0aW9ucyAodmlzdWFsKQogIGZ1bmN0aW9uIG9uRG93bihlKXsgLyogcGxhY2Vob2xkZXIgaWYgd2Ugd2FudCBwcmVzcyBlZmZlY3RzICovIH0KCiAgLy8ga2V5Ym9hcmQgYWNjZXNzaWJpbGl0eTogc3BhY2UgdG8gb3BlbiwgZiB0byBmbGFnCiAgZG9jdW1lbnQuYWRkRXZlbnRMaXN0ZW5lcigna2V5ZG93bicsKGUpPT57CiAgICBjb25zdCBhY3RpdmUgPSBkb2N1bWVudC5hY3RpdmVFbGVtZW50OwogICAgaWYoYWN0aXZlICYmIGFjdGl2ZS5jbGFzc0xpc3QgJiYgYWN0aXZlLmNsYXNzTGlzdC5jb250YWlucygnY2VsbCcpKXsKICAgICAgY29uc3Qgcj0rYWN0aXZlLmRhdGFzZXQucixjPSthY3RpdmUuZGF0YXNldC5jLCBjZWxsPWNlbGxzW3JdW2NdOwogICAgICBpZihlLmtleT09PScgJyl7ZS5wcmV2ZW50RGVmYXVsdCgpOyBpZighY2VsbC5vcGVuKSBvbkxlZnQoe2N1cnJlbnRUYXJnZXQ6YWN0aXZlfSk7fQogICAgICBpZihlLmtleS50b0xvd2VyQ2FzZSgpPT09J2YnKXtlLnByZXZlbnREZWZhdWx0KCk7IGlmKCFjZWxsLm9wZW4pIHRvZ2dsZUZsYWcoY2VsbCk7fSAgICB9CiAgfSk7CgogIC8vIGJ1aWxkIG5ldyBnYW1lIHdpdGggY3VycmVudCBzZXR0aW5ncwogIGZ1bmN0aW9uIG5ld0dhbWUoKXsKICAgIGlmKHByZXNldC52YWx1ZT09PSdjdXN0b20nKXsKICAgICAgVyA9IE1hdGgubWF4KDUsIE1hdGgubWluKDYwLCArd0lucHV0LnZhbHVlfHwxNikpOwogICAgICBIID0gTWF0aC5tYXgoNSwgTWF0aC5taW4oNDAsICtoSW5wdXQudmFsdWV8fDE2KSk7CiAgICAgIE0gPSBNYXRoLm1heCgxLCBNYXRoLm1pbihXKkgtMSwgK21JbnB1dC52YWx1ZXx8MTApKTsKICAgIH0gZWxzZSBzZXRQcmVzZXQocHJlc2V0LnZhbHVlKTsKICAgIGJ1aWxkQm9hcmQoKTsKICB9CgogIG5ld0J0bi5hZGRFdmVudExpc3RlbmVyKCdjbGljaycsICgpPT57IG5ld0dhbWUoKTsgfSk7CgogIC8vIGluaXRpYWwKICBzZXRQcmVzZXQoJ21lZGl1bScpOyBidWlsZEJvYXJkKCk7CgogIC8vIGFsbG93IGNsaWNraW5nIGNlbGxzIHZpYSBrZXlib2FyZCBmb2N1cyBmb3IgYWNjZXNzaWJpbGl0eQogIGJvYXJkRWwuYWRkRXZlbnRMaXN0ZW5lcignY2xpY2snLCAoZXYpPT57IGNvbnN0IGM9ZXYudGFyZ2V0LmNsb3Nlc3QoJy5jZWxsJyk7IGlmKGMpIGMuZm9jdXMoKTsgfSk7Cgp9KSgpOwo8L3NjcmlwdD4KPC9ib2R5Pgo8L2h0bWw+Cg==

Success #stdin #stdout 0.03s 25520KB

stdin

copy

Standard input is empty

stdout

copy

<!doctype html>
<html lang="th">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width,initial-scale=1" />
  <title>Minesweeper - ไรส์สวีปเปอร์ (Playable)</title>
  <style>
    :root{--bg:#0f1724;--card:#0b1220;--accent:#f59e0b;--text:#e6eef8}
    *{box-sizing:border-box}
    body{margin:0;font-family:Inter,ui-sans-serif,system-ui,Segoe UI,Roboto,'Noto Sans',Helvetica,Arial;color:var(--text);background:linear-gradient(180deg,#021124 0%, #051026 100%);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}
    .app{width:100%;max-width:920px}
    .header{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:14px}
    .title{font-size:20px;font-weight:700}
    .controls{display:flex;gap:8px;align-items:center}
    select,input[type=number]{background:transparent;border:1px solid rgba(255,255,255,0.08);padding:6px 8px;border-radius:8px;color:var(--text)}
    button{background:var(--card);border:1px solid rgba(255,255,255,0.04);color:var(--text);padding:8px 12px;border-radius:10px;cursor:pointer}
    .status{display:flex;gap:8px;align-items:center}
    .chip{background:rgba(255,255,255,0.03);padding:6px 10px;border-radius:8px;font-weight:600}
    .board-wrap{background:linear-gradient(180deg, rgba(255,255,255,0.02), transparent);padding:16px;border-radius:12px;border:1px solid rgba(255,255,255,0.03)}
    .board{display:grid;gap:4px;margin-top:8px}
    .cell{width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#0d2236,#08151f);border-radius:6px;user-select:none;font-weight:700;cursor:pointer}
    .cell.open{background:linear-gradient(180deg,#cfe8ff,#eaf6ff);color:#0b2233;cursor:default}
    .cell.flag{background:linear-gradient(180deg,#2b3a4b,#283240);}
    .cell.mine{background:linear-gradient(180deg,#ffccd5,#ffdce5);color:#7b021f}
    .row{display:flex}
    .controls-legend{display:flex;gap:8px;align-items:center}
    .small{font-size:13px;opacity:0.9}
    .footer-note{margin-top:10px;font-size:13px;color:rgba(230,238,248,0.8)}
    @media (max-width:520px){.cell{width:28px;height:28px;font-size:13px}.header{flex-direction:column;align-items:stretch}.controls{flex-wrap:wrap}}
  </style>
</head>
<body>
  <div class="app">
    <div class="header">
      <div>
        <div class="title">Minesweeper — ไรส์สวีปเปอร์</div>
        <div class="small">คลิกซ้ายเพื่อเปิด, คลิกขวาเพื่อปักธง (บนมือถือ: แตะค้าง)</div>
      </div>
      <div class="controls">
        <label>
          ระดับ:
          <select id="preset">
            <option value="easy">ง่าย (9×9, 10 ระเบิด)</option>
            <option value="medium" selected>กลาง (16×16, 40 ระเบิด)</option>
            <option value="hard">ยาก (30×16, 99 ระเบิด)</option>
            <option value="custom">กำหนดเอง</option>
          </select>
        </label>
        <label id="customInputs" style="display:none">
          W <input id="w" type="number" value="16" min="5" max="60" style="width:64px" />
          H <input id="h" type="number" value="16" min="5" max="40" style="width:64px" />
          M <input id="m" type="number" value="40" min="1" max="500" style="width:64px" />
        </label>
        <button id="newBtn">เริ่มใหม่</button>
      </div>
    </div>

    <div class="status">
      <div class="chip">ระเบิด: <span id="mineCount">40</span></div>
      <div class="chip">เวลา: <span id="timer">0</span>s</div>
      <div class="chip" id="result">สถานะ: กำลังเล่น</div>
    </div>

    <div class="board-wrap">
      <div id="board" class="board" aria-hidden="false"></div>
      <div class="footer-note">ทิป: ดับเบิลคลิกที่ช่องเปิดเพื่อเปิดช่องรอบ ๆ ถ้าจำนวนธงรอบตรงกับตัวเลข</div>
    </div>
  </div>

<script>
(function(){
  // Minesweeper implementation
  const boardEl = document.getElementById('board');
  const preset = document.getElementById('preset');
  const newBtn = document.getElementById('newBtn');
  const mineCountEl = document.getElementById('mineCount');
  const timerEl = document.getElementById('timer');
  const resultEl = document.getElementById('result');
  const customInputs = document.getElementById('customInputs');
  const wInput = document.getElementById('w');
  const hInput = document.getElementById('h');
  const mInput = document.getElementById('m');

  let W=16,H=16,M=40;
  let cells=[], openCount=0, flagged=0, started=false, timer=null, seconds=0, gameOver=false;

  function setPreset(p){
    if(p==='easy'){W=9;H=9;M=10}
    else if(p==='medium'){W=16;H=16;M=40}
    else if(p==='hard'){W=30;H=16;M=99}
  }

  preset.addEventListener('change',()=>{
    if(preset.value==='custom'){customInputs.style.display='inline-block'} else {customInputs.style.display='none';setPreset(preset.value);}
  });

  function clearTimer(){clearInterval(timer);timer=null;seconds=0;timerEl.textContent='0'}
  function startTimer(){if(timer) return;timer=setInterval(()=>{seconds++;timerEl.textContent=seconds},1000)}

  function buildBoard(){
    boardEl.innerHTML='';
    boardEl.style.gridTemplateColumns = `repeat(${W}, auto)`;
    boardEl.style.gridTemplateRows = `repeat(${H}, auto)`;
    cells = Array(H).fill(0).map(()=>Array(W).fill(null));
    openCount=0;flagged=0;started=false;gameOver=false;clearTimer();resultEl.textContent='สถานะ: กำลังเล่น';mineCountEl.textContent=M;

    for(let r=0;r<H;r++){
      for(let c=0;c<W;c++){
        const el = document.createElement('div');
        el.className='cell';
        el.dataset.r=r;el.dataset.c=c;el.dataset.open='0';el.dataset.flag='0';
        el.addEventListener('click',onLeft);
        el.addEventListener('contextmenu',onRight);
        el.addEventListener('mousedown',onDown);
        el.addEventListener('touchstart',onTouchStart,{passive:true});
        el.addEventListener('touchend',onTouchEnd);
        boardEl.appendChild(el);
        cells[r][c]={el, mine:false, number:0, r, c, open:false, flag:false};
      }
    }
  }

  function placeMines(sr,sc){
    // place M mines excluding first click (sr,sc) and neighbours
    const forbidden = new Set();
    for(let r=sr-1;r<=sr+1;r++) for(let c=sc-1;c<=sc+1;c++) if(inBounds(r,c)) forbidden.add(`${r},${c}`);
    let placed=0;
    while(placed<M){
      const r = Math.floor(Math.random()*H);
      const c = Math.floor(Math.random()*W);
      const key=`${r},${c}`;
      if(forbidden.has(key)) continue;
      if(cells[r][c].mine) continue;
      cells[r][c].mine=true;placed++;
    }
    // compute numbers
    for(let r=0;r<H;r++){
      for(let c=0;c<W;c++){
        if(cells[r][c].mine) continue;
        let cnt=0;
        for(let rr=r-1;rr<=r+1;rr++) for(let cc=c-1;cc<=c+1;cc++) if(inBounds(rr,cc) && cells[rr][cc].mine) cnt++;
        cells[r][c].number=cnt;
      }
    }
  }

  function inBounds(r,c){return r>=0 && r<H && c>=0 && c<W}

  function reveal(r,c){
    const cell = cells[r][c];
    if(!cell || cell.open || cell.flag) return;
    cell.open=true;cell.el.dataset.open='1';cell.el.classList.add('open');
    openCount++;
    if(cell.mine){
      cell.el.classList.add('mine');cell.el.textContent='💣';
      return;
    }
    if(cell.number>0){cell.el.textContent=cell.number; setNumberColor(cell.el, cell.number)}
    else{ // flood fill
      for(let rr=r-1;rr<=r+1;rr++) for(let cc=c-1;cc<=c+1;cc++) if(inBounds(rr,cc)) reveal(rr,cc);
    }
  }

  function setNumberColor(el,num){
    const map = {1:'#0b3b6b',2:'#0b6b3b',3:'#6b0b3b',4:'#2b2b6b',5:'#6b2b2b',6:'#2b6b6b',7:'#1a1a1a',8:'#666'};
    el.style.color = map[num] || '#0b2233';
  }

  function onLeft(e){
    if(gameOver) return;
    const el = e.currentTarget;
    const r = +el.dataset.r; const c = +el.dataset.c;
    if(!started){placeMines(r,c);started=true;startTimer();}
    const cell = cells[r][c];
    if(cell.flag || cell.open) return;
    if(cell.mine){
      // reveal all mines and lose
      revealAllMines(r,c);
      endGame(false);
      return;
    }
    reveal(r,c);
    checkWin();
  }

  function revealAllMines(hitR,hitC){
    for(let r=0;r<H;r++) for(let c=0;c<W;c++){
      const cell=cells[r][c];
      if(cell.mine){cell.el.classList.add('mine');cell.el.textContent='💣';}
    }
    if(inBounds(hitR,hitC)) cells[hitR][hitC].el.classList.add('mine');
  }

  function onRight(e){
    e.preventDefault();
    if(gameOver) return;
    const el = e.currentTarget;
    const r = +el.dataset.r; const c = +el.dataset.c;
    const cell=cells[r][c];
    if(cell.open) return;
    toggleFlag(cell);
    checkWin();
  }

  function toggleFlag(cell){
    if(cell.flag){cell.flag=false;cell.el.dataset.flag='0';cell.el.classList.remove('flag');cell.el.textContent='';flagged--;}
    else{cell.flag=true;cell.el.dataset.flag='1';cell.el.classList.add('flag');cell.el.textContent='🚩';flagged++;}
    mineCountEl.textContent = Math.max(0, M - flagged);
  }

  // double-click chord: open neighbours if flags equal number
  boardEl.addEventListener('dblclick',(ev)=>{
    if(gameOver) return;
    const el = ev.target.closest('.cell'); if(!el) return;
    const r=+el.dataset.r,c=+el.dataset.c; const cell=cells[r][c];
    if(!cell.open || cell.number===0) return;
    let flags=0; const neighbours=[];
    for(let rr=r-1;rr<=r+1;rr++) for(let cc=c-1;cc<=c+1;cc++) if(inBounds(rr,cc) && !(rr===r && cc===c)){
      neighbours.push(cells[rr][cc]); if(cells[rr][cc].flag) flags++;
    }
    if(flags===cell.number){
      neighbours.forEach(n=>{ if(!n.flag && !n.open){ if(n.mine){revealAllMines(n.r,n.c); endGame(false); } else reveal(n.r,n.c); }});
      checkWin();
    }
  });

  function checkWin(){
    if(gameOver) return;
    if(openCount === W*H - M){ endGame(true); }
  }

  function endGame(won){
    gameOver=true;clearTimer();resultEl.textContent = won? 'สถานะ: ชนะ 🎉' : 'สถานะ: แพ้ 💥';
    if(won){ // reveal flags nicely
      for(let r=0;r<H;r++) for(let c=0;c<W;c++){ const cell=cells[r][c]; if(cell.mine) cell.el.textContent='🚩'; }
    }
  }

  // Support for mobile long-press to flag
  let touchTimer=null; let touchCell=null;
  function onTouchStart(e){
    if(gameOver) return;
    const touch = e.target.closest('.cell'); if(!touch) return;
    touchCell = touch;
    touchTimer = setTimeout(()=>{ // long press 600ms -> flag
      const r=+touchCell.dataset.r, c=+touchCell.dataset.c; const cell=cells[r][c]; if(!cell.open) toggleFlag(cell); touchTimer=null; touchCell=null; },600);
  }
  function onTouchEnd(e){ if(touchTimer){clearTimeout(touchTimer); touchTimer=null; touchCell=null;} }

  // mouse down for potential chord-style interactions (visual)
  function onDown(e){ /* placeholder if we want press effects */ }

  // keyboard accessibility: space to open, f to flag
  document.addEventListener('keydown',(e)=>{
    const active = document.activeElement;
    if(active && active.classList && active.classList.contains('cell')){
      const r=+active.dataset.r,c=+active.dataset.c, cell=cells[r][c];
      if(e.key===' '){e.preventDefault(); if(!cell.open) onLeft({currentTarget:active});}
      if(e.key.toLowerCase()==='f'){e.preventDefault(); if(!cell.open) toggleFlag(cell);}    }
  });

  // build new game with current settings
  function newGame(){
    if(preset.value==='custom'){
      W = Math.max(5, Math.min(60, +wInput.value||16));
      H = Math.max(5, Math.min(40, +hInput.value||16));
      M = Math.max(1, Math.min(W*H-1, +mInput.value||10));
    } else setPreset(preset.value);
    buildBoard();
  }

  newBtn.addEventListener('click', ()=>{ newGame(); });

  // initial
  setPreset('medium'); buildBoard();

  // allow clicking cells via keyboard focus for accessibility
  boardEl.addEventListener('click', (ev)=>{ const c=ev.target.closest('.cell'); if(c) c.focus(); });

})();
</script>
</body>
</html>

https://ideone.com/BUppz1

language:

PHP (php 7.3.5)

created:

visibility:

public

Share or Embed source code

Discover > Sphere Engine API

The brand new service which powers Ideone!

Discover > IDE Widget

Widget for compiling and running the source code in a web browser!

Discover > Sphere Engine API

Discover > IDE Widget

Choose your language