technology software

documentation technical

government public service

Polish

The domain name 'markdown-viewer-app.pages.dev' uses the developer-focused generic top-level domain (.dev) and includes subdomain 'markdown-viewer-app'. Count 5 characters in 'pages' containing 2 vowels alongside three consonants. Breaking it apart gives 1 word: pages. Median word length is five characters. No strong language cues emerged from the frequency lists.

html/56/d9/56d9c9a4-5321-4cca-8958-d768664b1eaa.html.gz

require-trusted-types-for 'script'; report-uri https://csp.withgoogle.com/csp/apps-themes

837a6fa5b0c736b52bbde2b2b6190f305da3fc9ed41681db5321507057b5c846

6002af63485b043fa60ddaba1b34363b98d2a8b2c63b607004f3a2405a8a053a

155e7b2101f1c6321f4c6f0a05acd117d6d708ecc992589c1aa9f73af09450b5

viewport

HSTS header missing - vulnerable to protocol downgrade attacks

CSP header missing - vulnerable to XSS attacks

Abuse Team

CloudFlare, Inc.

pages.dev

Abuse

Admin

Cloudflare-NOC

Cloudflare, Inc.

CLOUDFLARENET


marked.setOptions({ breaks: true, gfm: true });

const fileInput = document.getElementById('fileInput');
const dropZone = document.getElementById('dropZone');
const tabs = document.getElementById('tabs');
const tocList = document.getElementById('tocList');
const main = document.getElementById('main');
const editBtn = document.getElementById('editBtn');
const saveBtn = document.getElementById('saveBtn');
const cancelBtn = document.getElementById('cancelBtn');
const toolbar = document.getElementById('toolbar');
const mdEditor = document.getElementById('mdEditor');
const sidebarToggle = document.getElementById('sidebar-toggle');
const sidebarBackdrop = document.getElementById('sidebar-backdrop');
const sidebar = document.getElementById('sidebar');

let files = new Map(); // id -> { name, text, toc }
let activeId = null;
let scrollHandlers = new Map(); // id -> scroll handler
let isEditing = false;
let isDirty = false;

const SESSION_KEY = 'md-reader-session';

function saveSession() {
  const data = [];
  files.forEach((f, id) => {
    data.push({ id, name: f.name, text: f.text });
  });
  sessionStorage.setItem(SESSION_KEY, JSON.stringify({
    files: data,
    activeId
  }));
}

function loadSession() {
  try {
    const raw = sessionStorage.getItem(SESSION_KEY);
    if (!raw) return;
    const session = JSON.parse(raw);
    if (!session.files || session.files.length === 0) return;

    session.files.forEach(({ id, name, text }) => {
      const contentEl = document.createElement('div');
      contentEl.id = 'content-' + id;
      contentEl.className = 'md-content';
      main.appendChild(contentEl);

      const tocEl = document.createElement('ul');
      tocEl.id = 'toc-' + id;
      tocEl.className = 'toc-list';

      files.set(id, { name, text, contentEl, tocEl });

      renderFile(id);

      const tab = document.createElement('div');
      tab.className = 'tab';
      tab.id = 'tab-' + id;
      tab.innerHTML = `
        <span class="tab-name">${name}</span>
        <button class="tab-close" title="Zamknij">&times;</button>
      `;
      tab.querySelector('.tab-close').onclick = e => { e.stopPropagation(); removeFile(id); };
      tab.onclick = () => switchTo(id);
      tabs.appendChild(tab);
    });

    const firstId = files.keys().next().value;
    const targetId = session.activeId && files.has(session.activeId) ? session.activeId : firstId;
    switchTo(targetId);
    document.getElementById('empty-state').style.display = 'none';
  } catch (e) {
    sessionStorage.removeItem(SESSION_KEY);
  }
}

function getFileId(name) {
  return 'file-' + name.replace(/[^a-zA-Z0-9]/g, '_') + '-' + Date.now();
}

function buildTOC(contentEl, tocEl) {
  tocEl.innerHTML = '';
  const headings = Array.from(contentEl.querySelectorAll('h1, h2, h3'));
  if (headings.length === 0) return;

  headings.forEach((el, i) => {
    const id = el.closest('.md-content').id + '-h' + i;
    el.id = id;
    const li = document.createElement('li');
    if (el.tagName === 'H3') li.className = 'toc-h3';
    const a = document.createElement('a');
    a.href = '#' + id;
    a.textContent = el.textContent;
    a.onclick = e => {
      e.preventDefault();
      setActiveToc(a);
      el.scrollIntoView({ behavior: 'smooth', block: 'start' });
    };
    li.appendChild(a);
    tocEl.appendChild(li);
  });
}

function addH2Accent(contentEl) {
  contentEl.querySelectorAll('h2').forEach(h2 => {
    if (h2.querySelector('.h2-accent')) return;
    const span = document.createElement('span');
    span.className = 'h2-accent';
    h2.insertBefore(span, h2.firstChild);
  });
}

function setActiveToc(a) {
  tocList.querySelectorAll('a').forEach(x => x.classList.remove('active'));
  if (a) a.classList.add('active');
}

function renderFile(id) {
  const data = files.get(id);
  if (!data) return;

  // parse markdown into content element
  data.contentEl.innerHTML = marked.parse(data.text);

  // add accent bars to h2
  addH2Accent(data.contentEl);

  // highlight code
  data.contentEl.querySelectorAll('pre code').forEach(block => {
    hljs.highlightElement(block);
    const lang = block.className.match(/language-(\w+)/)?.[1] || '';
    const pre = block.parentElement;
    pre.setAttribute('data-lang', lang);

    const wrapper = document.createElement('div');
    wrapper.className = 'code-wrapper';
    pre.parentNode.insertBefore(wrapper, pre);
    wrapper.appendChild(pre);

    const btn = document.createElement('button');
    btn.className = 'copy-btn';
    btn.textContent = 'copy';
    btn.onclick = () => {
      navigator.clipboard.writeText(block.innerText);
      btn.textContent = 'ok!';
      btn.classList.add('copied');
      setTimeout(() => { btn.textContent = 'copy'; btn.classList.remove('copied'); }, 1500);
    };
    pre.appendChild(btn);
  });

  // build TOC
  buildTOC(data.contentEl, data.tocEl);

  // scroll spy on #main
  const headings = Array.from(data.contentEl.querySelectorAll('h1, h2, h3'));
  if (headings.length > 0) {
    const handler = () => {
      const mainEl = document.getElementById('main');
      const scrollY = mainEl.scrollTop + 130;
      let current = headings[0];
      for (const h of headings) {
        if (h.offsetTop <= scrollY) current = h;
        else break;
      }
      const activeA = tocList.querySelector(`a[href="#${current.id}"]`);
      setActiveToc(activeA);
    };
    main.addEventListener('scroll', handler, { passive: true });
    scrollHandlers.set(id, handler);
  }
}

function addFile(name, text) {
  const id = getFileId(name);

  // content div
  const contentEl = document.createElement('div');
  contentEl.id = 'content-' + id;
  contentEl.className = 'md-content';
  main.appendChild(contentEl);

  // toc container
  const tocEl = document.createElement('ul');
  tocEl.id = 'toc-' + id;
  tocEl.className = 'toc-list';

  files.set(id, { name, text, contentEl, tocEl });

  // build
  renderFile(id);

  // add tab
  const tab = document.createElement('div');
  tab.className = 'tab';
  tab.id = 'tab-' + id;
  tab.innerHTML = `
    <span class="tab-name">${name}</span>
    <button class="tab-close" title="Zamknij">&times;</button>
  `;
  tab.querySelector('.tab-close').onclick = e => { e.stopPropagation(); removeFile(id); };
  tab.onclick = () => switchTo(id);
  tabs.appendChild(tab);

  switchTo(id);

  // hide empty state
  document.getElementById('empty-state').style.display = 'none';

  saveSession();
}

function switchTo(id) {
  // scroll main to top on file switch
  main.scrollTop = 0;

  // hide all
  files.forEach((data, fid) => {
    data.contentEl.classList.remove('active');
  });

  // show active
  const data = files.get(id);
  if (!data) return;
  data.contentEl.classList.add('active');
  activeId = id;

  // update tabs
  tabs.querySelectorAll('.tab').forEach(el => el.classList.remove('active'));
  const tab = document.getElementById('tab-' + id);
  if (tab) tab.classList.add('active');

  // show TOC for this file
  tocList.innerHTML = '';
  const tocItems = data.tocEl.querySelectorAll('li');
  tocItems.forEach(li => tocList.appendChild(li.cloneNode(true)));

  // exit edit mode if active (can't view while editing a different file)
  if (isEditing) {
    exitEditMode(true);
  }

  saveSession();
}

function removeFile(id) {
  const data = files.get(id);
  if (!data) return;

  // remove scroll handler
  if (scrollHandlers.has(id)) {
    window.removeEventListener('scroll', scrollHandlers.get(id));
    scrollHandlers.delete(id);
  }

  // remove DOM elements
  data.contentEl.remove();

  // remove from map
  files.delete(id);

  // remove tab
  const tab = document.getElementById('tab-' + id);
  if (tab) tab.remove();

  // switch to another or show empty
  if (files.size === 0) {
    activeId = null;
    tocList.innerHTML = '';
    document.getElementById('empty-state').style.display = 'flex';
  } else if (activeId === id) {
    const firstId = files.keys().next().value;
    switchTo(firstId);
  }

  saveSession();
}

function handleFiles(fileList) {
  Array.from(fileList).forEach(file => {
    // avoid duplicates by name (basic check)
    let exists = false;
    files.forEach(d => { if (d.name === file.name) exists = true; });
    if (exists) return;

    const reader = new FileReader();
    reader.onload = e => addFile(file.name, e.target.result);
    reader.readAsText(file, 'UTF-8');
  });
}

// file input
fileInput.addEventListener('change', e => handleFiles(e.target.files));

// drag & drop
dropZone.addEventListener('dragover', e => { e.preventDefault(); dropZone.classList.add('drag-over'); });
dropZone.addEventListener('dragleave', () => dropZone.classList.remove('drag-over'));
dropZone.addEventListener('drop', e => {
  e.preventDefault();
  dropZone.classList.remove('drag-over');
  handleFiles(e.dataTransfer.files);
});

// also allow dropping on main
main.addEventListener('dragover', e => { e.preventDefault(); });
main.addEventListener('drop', e => {
  e.preventDefault();
  handleFiles(e.dataTransfer.files);
});

// restore session on load
loadSession();

// --- TOGGLE EDIT / SAVE ---
function enterEditMode() {
  if (!activeId) return;
  const data = files.get(activeId);
  if (!data) return;

  window.scrollTo(0, 0);

  mdEditor.value = data.text;
  mdEditor.classList.add('active');
  data.contentEl.classList.remove('active');
  document.getElementById('empty-state').style.display = 'none';

  editBtn.style.display = 'none';
  saveBtn.style.display = 'flex';
  cancelBtn.style.display = 'flex';
  isEditing = true;

  mdEditor.focus();
  mdEditor.scrollTop = 0;
}

function exitEditMode(revert = false) {
  if (!activeId) return;
  const data = files.get(activeId);
  if (!data) return;

  mdEditor.classList.remove('active');
  mdEditor.value = '';
  data.contentEl.classList.add('active');

  editBtn.style.display = 'flex';
  saveBtn.style.display = 'none';
  cancelBtn.style.display = 'none';
  isEditing = false;
  isDirty = false;
  updateSaveBtn();
}

function saveCurrentFile() {
  if (!activeId) return;
  const data = files.get(activeId);
  if (!data) return;

  const newText = mdEditor.value;
  data.text = newText;

  // re-render
  data.contentEl.innerHTML = marked.parse(newText);
  addH2Accent(data.contentEl);

  // re-highlight
  data.contentEl.querySelectorAll('pre code').forEach(block => {
    hljs.highlightElement(block);
    const lang = block.className.match(/language-(\w+)/)?.[1] || '';
    const pre = block.parentElement;
    if (pre.getAttribute('data-lang') !== lang) {
      pre.setAttribute('data-lang', lang);
    }
    if (!pre.parentElement.classList.contains('code-wrapper')) {
      const wrapper = document.createElement('div');
      wrapper.className = 'code-wrapper';
      pre.parentNode.insertBefore(wrapper, pre);
      wrapper.appendChild(pre);
      const btn = document.createElement('button');
      btn.className = 'copy-btn';
      btn.textContent = 'copy';
      btn.onclick = () => {
        navigator.clipboard.writeText(block.innerText);
        btn.textContent = 'ok!';
        btn.classList.add('copied');
        setTimeout(() => { btn.textContent = 'copy'; btn.classList.remove('copied'); }, 1500);
      };
      pre.appendChild(btn);
    }
  });

  // re-build TOC
  buildTOC(data.contentEl, data.tocEl);
  const tocItems = data.tocEl.querySelectorAll('li');
  tocList.innerHTML = '';
  tocItems.forEach(li => tocList.appendChild(li.cloneNode(true)));

  // re-bind scroll spy on #main
  if (scrollHandlers.has(activeId)) {
    main.removeEventListener('scroll', scrollHandlers.get(activeId));
    scrollHandlers.delete(activeId);
  }
  const headings = Array.from(data.contentEl.querySelectorAll('h1, h2, h3'));
  if (headings.length > 0) {
    const handler = () => {
      const mainEl = document.getElementById('main');
      const scrollY = mainEl.scrollTop + 130;
      let current = headings[0];
      for (const h of headings) {
        if (h.offsetTop <= scrollY) current = h;
        else break;
      }
      const activeA = tocList.querySelector(`a[href="#${current.id}"]`);
      setActiveToc(activeA);
    };
    main.addEventListener('scroll', handler, { passive: true });
    scrollHandlers.set(activeId, handler);
  }

  // download
  const blob = new Blob([newText], { type: 'text/markdown;charset=utf-8' });
  const url = URL.createObjectURL(blob);
  const a = document.createElement('a');
  a.href = url;
  a.download = data.name;
  document.body.appendChild(a);
  a.click();
  document.body.removeChild(a);
  URL.revokeObjectURL(url);

  isDirty = false;
  updateSaveBtn();
  showToast('Plik zapisany', 'success');
  exitEditMode();
}

function updateSaveBtn() {
  if (isDirty) {
    saveBtn.classList.add('dirty');
    saveBtn.querySelector('span').textContent = 'Zapisz*';
  } else {
    saveBtn.classList.remove('dirty');
    saveBtn.querySelector('span').textContent = 'Zapisz';
  }
}

editBtn.addEventListener('click', () => {
  if (isEditing) {
    exitEditMode();
  } else {
    enterEditMode();
  }
});

saveBtn.addEventListener('click', saveCurrentFile);
cancelBtn.addEventListener('click', () => exitEditMode(true));

mdEditor.addEventListener('input', () => {
  if (!activeId) return;
  const data = files.get(activeId);
  if (data && mdEditor.value !== data.text) {
    isDirty = true;
    updateSaveBtn();
  }
});

// Keyboard shortcuts overlay
const shortcutsOverlay = document.getElementById('shortcuts-overlay');

document.addEventListener('keydown', e => {
  // Escape to close overlay, exit edit, or cancel
  if (e.key === 'Escape') {
    if (shortcutsOverlay.classList.contains('visible')) {
      shortcutsOverlay.classList.remove('visible');
      return;
    }
    if (isEditing) {
      exitEditMode(true);
    }
    return;
  }

  // Ctrl+S to save
  if ((e.ctrlKey || e.metaKey) && e.key === 's' && isEditing) {
    e.preventDefault();
    saveCurrentFile();
    return;
  }

  // Ctrl+E to enter edit
  if ((e.ctrlKey || e.metaKey) && e.key === 'e' && !isEditing && activeId) {
    e.preventDefault();
    enterEditMode();
    return;
  }

  // Ctrl+W to close current tab
  if ((e.ctrlKey || e.metaKey) && e.key === 'w' && activeId) {
    e.preventDefault();
    removeFile(activeId);
    return;
  }

  // ? to show shortcuts
  if (e.key === '?' && !e.ctrlKey && !e.metaKey && !isEditing) {
    shortcutsOverlay.classList.add('visible');
  }
});

// Mobile sidebar toggle
if (sidebarToggle && sidebar && sidebarBackdrop) {
  sidebarToggle.addEventListener('click', () => {
    sidebar.classList.toggle('open');
    sidebarBackdrop.classList.toggle('visible');
  });

  sidebarBackdrop.addEventListener('click', () => {
    sidebar.classList.remove('open');
    sidebarBackdrop.classList.remove('visible');
  });
}

// Toast notification
const toast = document.getElementById('toast');
let toastTimeout;

function showToast(message, type = 'info') {
  if (toastTimeout) clearTimeout(toastTimeout);
  toast.textContent = message;
  toast.className = type;
  toast.classList.add('visible');
  toastTimeout = setTimeout(() => {
    toast.classList.remove('visible');
  }, 2500);
}

// Close shortcuts overlay on click outside
if (shortcutsOverlay) {
  shortcutsOverlay.addEventListener('click', e => {
    if (e.target === shortcutsOverlay) {
      shortcutsOverlay.classList.remove('visible');
    }
  });
}


Requests	IP Address	Location	AS Autonomous System
3	188.114.96.3	United States	AS13335Cloudflare, Inc.
2	142.251.110.95	United States	AS15169Google LLC
2	104.17.25.14	United States	AS13335Cloudflare, Inc.
2	142.251.14.94	United States	AS15169Google LLC
9	4	-	-

Security Scan Report: markdown-viewer-app.pages.dev

Summary

AI Security Verdict

Low Risk

Risk Factors

Safety Factors

Details

Screenshot

Page Load Overview

Language Analysis

Primary Language

Detection Details

Website Classification

Primary Category

All Detected Categories

Detected Features

Domain & IP Information

Detected Technologies5

Content Similarity HashesFor malware variant detection

TLSH (Trend Micro Locality Sensitive Hash)

ssdeep (Context Triggered Piecewise Hashing)

sdhash (Similarity Digest Hashing)

Image Hashes

Perceptual Hashes

Other Hashes

Scan History