24eme-signaturepdf/public/js/common.js

const modalLoading = new bootstrap.Modal('#modalLoading')

function is_mobile() {
    return !(window.getComputedStyle(document.getElementById('is_mobile')).display === "none");
};

function hasTouch() {
    return 'ontouchstart' in document.documentElement
     || navigator.maxTouchPoints > 0
     || navigator.msMaxTouchPoints > 0;
}

function disabledHoverStyle() {
    try { // prevent exception on browsers not supporting DOM styleSheets properly
      for (var si in document.styleSheets) {
        var styleSheet = document.styleSheets[si];
        if (!styleSheet.rules) continue;

        for (var ri = styleSheet.rules.length - 1; ri >= 0; ri--) {
          if (!styleSheet.rules[ri].selectorText) continue;

          if (styleSheet.rules[ri].selectorText.match(':hover')) {
            styleSheet.deleteRule(ri);
          }
        }
      }
    } catch (ex) {}
}

async function canUseCache() {
    try {
        cache = await caches.open('pdf');
        return true;
    } catch (e) {
        return false;
    }
};

async function loadFileFromCache(cacheUrl, pageUrl) {
    if(!await canUseCache()) {
        document.location = pageUrl;
        return false;
    }
    const cache = await caches.open('pdf');
    let responsePdf = await cache.match(cacheUrl);

    if(!responsePdf) {
        return;
    }

    let filename = cacheUrl.replace('/pdf/', '');

    let pdfBlob = await responsePdf.blob();

    let dataTransfer = new DataTransfer();
    dataTransfer.items.add(new File([pdfBlob], filename, {
        type: 'application/pdf'
    }));
    document.getElementById('input_pdf_upload').files = dataTransfer.files;
    document.getElementById('input_pdf_upload').dispatchEvent(new Event("change"));
}

async function storeFileInCache(file, filename, cacheStore = 'pdf') {
    let cache = await caches.open(cacheStore);
    let response = new Response(file, { "status" : 200, "statusText" : "OK" });
    await cache.put('/pdf/'+filename, response);
}

async function loadFileFromUrl(url, pageUrl, local = null) {
    showLoading('Download')
    history.replaceState({}, '', pageUrl);
    let response = await fetch(url);
    if(response.status != 200) {
        return;
    }
    let pdfBlob = await response.blob();
    let file_id = url.replace(/^.*\//, '');

    if(response.headers.has('content-disposition') && response.headers.get('Content-Disposition').match(/attachment; filename="/)) {
        file_id = response.headers.get('Content-Disposition').replace(/^[^"]*"/, "").replace(/"[^"]*$/, "").replace(/_signe-[0-9]+\x.pdf/, '.pdf');
    }
    filetype = 'application/pdf';
    if(pdfBlob.type == 'application/pdf' || pdfBlob.type == 'application/octet-stream') {
        filetype = 'application/pdf';
    }else if (pdfBlob.type == 'image/jpg' || pdfBlob.type == 'image/jpeg') {
        filetype = 'image/jpg';
    }else if (pdfBlob.type == 'image/png') {
        filetype = 'image/png';
    }else{
        return;
    }
    let dataTransfer = new DataTransfer();
    if (local) {
        file_id = local;
    }
    dataTransfer.items.add(new File([pdfBlob], file_id, {
        type: filetype
    }));
    document.getElementById('input_pdf_upload').files = dataTransfer.files;
    endLoading()
}

function startProcessingMode(btn) {
    btn.disabled = true;
    btn.querySelector('.bi').classList.add('position-relative');
    btn.querySelector('.bi').insertAdjacentHTML('afterbegin', '<span class="spinner-grow spinner-grow-sm position-absolute top-50 start-50 translate-middle"></span>');
    if(btn.parentNode.querySelector('.dropdown-toggle')) {
        btn.parentNode.querySelector('.dropdown-toggle').disabled = true;
    }
}

function endProcessingMode(btn) {
    btn.querySelector('.spinner-grow').remove();
    btn.querySelector('.bi').classList.remove('position-relative');
    btn.disabled = false;
    if(btn.parentNode.querySelector('.dropdown-toggle')) {
        btn.parentNode.querySelector('.dropdown-toggle').disabled = false;
    }
}

function showLoading(message) {
    document.getElementById('modalLoading').querySelector('p').innerText = message
    modalLoading.show();
}

function endLoading(message) {
    modalLoading.hide();
}

function download(blob, filename) {
    let a = document.createElement("a"),
        u = URL.createObjectURL(blob);
    a.download = filename,
    a.href = u,
    a.click(),
    setTimeout(() => URL.revokeObjectURL(u))
}

function storeSymmetricKeyCookie(hash, symmetricKey) {
    if (symmetricKey.length != 15) {
        console.error("Erreur taille cle symétrique.");
        return;
    }
    document.cookie = hash + "=" + symmetricKey + "; SameSite=Lax; Path=/;";
}

function getSymmetricKey(hash) {
    return getCookieValue(hash);
}

function getCookieValue (name) {
    return document.cookie.match('(^|;)\\s*' + name + '\\s*=\\s*([^;]+)')?.pop() || '';
}

function generateSymmetricKey() {
    const length = 15;
    const keySpace = '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ';
    let key = '';

    for (let i = 0; i < length; ++i) {
        const randomIndex = Math.floor(Math.random() * keySpace.length);
        key += keySpace.charAt(randomIndex);
    }

    return key;
}

function generatePdfHash() {
    const length = 20;
    const keySpace = '0123456789abcdefghijklmnopqrstuvwxyz';
    let key = '';

    for (let i = 0; i < length; ++i) {
        const randomIndex = Math.floor(Math.random() * keySpace.length);
        key += keySpace.charAt(randomIndex);
    }

    return key;
}

function dataURLtoBlob(dataurl) {
    let arr = dataurl.split(','), mime = arr[0].match(/:(.*?);/)[1],
        bstr = atob(arr[1]), n = bstr.length, u8arr = new Uint8Array(n);
    while(n--){
        u8arr[n] = bstr.charCodeAt(n);
    }
    return new Blob([u8arr], {type:mime});
}

function svgToDataUrl(svg) {

    return "data:image/svg+xml;base64," + btoa(svg);
}

function trimSvgWhitespace(svgContent) {
    if(!svgContent) {

        return null;
    }
    let svgContainer = document.createElement("div")
    svgContainer.classList.add('invisible');
    svgContainer.classList.add('position-absolute');
    svgContainer.classList.add('top-0');
    svgContainer.classList.add('start-0');
    svgContainer.style = "z-index: -1;";
    svgContainer.innerHTML = svgContent;
    document.body.appendChild(svgContainer);
    let svg = svgContainer.querySelector('svg');
    let box = svg.getBBox();
    svg.setAttribute("viewBox", [box.x, box.y, box.width, box.height].join(" "));
    svgContent = svgContainer.innerHTML;
    document.body.removeChild(svgContainer)

    return svgContent = svgContainer.innerHTML;
}

function getLetter(i) {
    return String.fromCharCode(96 + i+1).toUpperCase();
}

async function convertInputFileImagesToPDF(inputFile) {
    let dataTransfer = new DataTransfer();
    for (let i = 0; i < inputFile.files.length; i++) {
        console.log(inputFile.files[i].type);
        if(["image/png", "image/jpeg"].includes(inputFile.files[i].type)) {
            dataTransfer.items.add(await imageToPdf(inputFile.files[i]));
        } else {
            dataTransfer.items.add(inputFile.files[i]);
        }
    }
    inputFile.files = dataTransfer.files
}

async function imageToPdf(file) {
  const pdfDoc = await window['PDFLib'].PDFDocument.create();
  const imageBytes = await file.arrayBuffer();
  let image = null;
  if(file.type == "image/png") {
      image = await pdfDoc.embedPng(imageBytes);
  } else if(file.type == "image/jpeg") {
      image = await pdfDoc.embedJpg(imageBytes);
  }

  if(!image) {
      return;
  }

  const { width, height } = image.scale(1);

  const page = pdfDoc.addPage([width, height]);
  page.drawImage(image, {
    x: 0,
    y: 0,
    width,
    height,
  });

  const pdfBytes = await pdfDoc.save();

  return new File([pdfBytes], file.name+'.pdf', {
      type: 'application/pdf'
  });
}

function convertOctet2MegoOctet(nbOctet) {
    return (Math.round(nbOctet/1000/1000*100)/100).toFixed(2);
}

function debounce(callback, delay){
    let timer;
    return function(){
        const args = arguments;
        const context = this;
        clearTimeout(timer);
        timer = setTimeout(function(){
            callback.apply(context, args);
        }, delay)
    }
}