Почетна Преглед Помоћ
Пријавите се
tati
/
eba-vademecum
1
0
Креирај огранак 0
Датотеке Дискусије 0 Захтеви за спајање 0 Вики
Преглед изворни кода

Use puppetee instead of shitty wk

Tatiana Inama пре 7 година
родитељ
976700772d
комит
e561a04ab0
9 измењених фајлова са 359 додато и 53 уклоњено
Подељен поглед Покажи статистику Diff
  1. 26 4
      css/main.css
  2. 17 0
      example.js
  3. 48 5
      index.html
  4. 32 1
      js/vademecum.js
  5. 26 2
      lib/vademecum.js
  6. 207 40
      package-lock.json
  7. 3 1
      package.json
  8. BIN
      pdf/vademecum.pdf
  9. BIN
      sample.pdf

+ 26 - 4
css/main.css
Прегледај датотеку 

@@ -3,6 +3,14 @@ body {
 
     background-color: white;
 
     color: #182F40;
 
 }
 
+html {
 
+    font-size: 22px;
 
+    -webkit-print-color-adjust: exact;
 
+}
 
+.image {
 
+    max-width: 500px;
 
+    margin: auto;
 
+}
 
 
 .cover {
 
     text-align: center;
 
@@ -33,6 +41,18 @@ body {
 
     padding: 0 1rem;
 
 }
 
 
+.toc-container {
 
+    padding: 0 6rem;
 
+    margin-bottom: 1rem;
 
+    font-size: 1.5rem;
 
+}
 
+
 
+.toc-container a {
 
+    color: #182848;
 
+    /* font-family: 'Raleway', sans-serif;
 
+    font-weight: 300; */
 
+}
 
+
 
 h2,
 
 h2.category-name {
 
     background: rgb(24,40,72);
 
@@ -45,7 +65,7 @@ h2.category-name {
 
     font-weight: 300;
 
     letter-spacing: 0.05rem;
 
     page-break-before: always;
 
-    margin-bottom: 2rem;
 
+    margin-bottom: 1rem;
 
 }
 
 
 h3.product-name {
 
@@ -60,7 +80,7 @@ h3.product-name {
 
 .us-container,
 
 .product-container {
 
     page-break-inside: avoid;
 
-    margin-bottom: 2rem;
 
+    margin-bottom: 1rem;
 
 }
 
 
 .product-container {
 
@@ -87,15 +107,17 @@ h3.product-name {
 
 }
 
 
 .product-body .section-name {
 
-    font-family: 'Raleway', sans-serif;
 
     font-weight: 600;
 
     color: #596992;
 
-    font-size: 1.1rem;
 
+    font-size: 1.2rem;
 
 }
 
 
 .tag {
 
     margin: 0 0.2rem;
 
+    display: inline-block;
 
+    height: 1.3em;
 
 }
 
+
 
 .tag.is-ph {
 
     background-color: white;
 
 }

+ 17 - 0
example.js
Прегледај датотеку 

@@ -0,0 +1,17 @@
 
+const puppeteer = require('puppeteer');
 
+
 
+(async () => {
 
+  const browser = await puppeteer.launch();
 
+  const page = await browser.newPage();
 
+  await page.goto('http://localhost:5500/', {waitUntil: 'networkidle2'});
 
+  await page.emulateMedia('screen');
 
+  await page.pdf({
 
+      path: 'sample.pdf',
 
+      height: '1450',
 
+      displayHeaderFooter: true,
 
+      footerTemplate: '<div style="width:100%;font-size:11px!important;color:grey!important;text-align:right!important;padding-right:10px!important;" class="pdfheader"><span class="pageNumber"></span></div>',
 
+      margin: {bottom: 35}
 
+    });
 
+
 
+  await browser.close();
 
+})();

+ 48 - 5
index.html
Прегледај датотеку 

@@ -1,8 +1,8 @@
 
 <!DOCTYPE html>
 
 <html>
 
   <head>
 
-    <meta charset="UTF-8" />
 
-    <meta name="viewport" content="width=device-width, initial-scale=1">
 
+    <meta charset="UTF-8" />  
+    <meta name="viewport" content="width=device-width, initial-scale=1, minimun-scale=1">
 
     <title>Vademecum</title>
 
     <link rel="stylesheet" href="css/bulma.min.css">
 
     <link rel="stylesheet" href="css/main.css">
 
@@ -18,9 +18,11 @@
 
         <div class="hero-body">
 
         </div>
 
       </div>
 
-      <image src="images/logo.png" class="cover-logo"/>
 
-      <h1>Vademecum Profesional</h1>
 
-      <image src="images/varios.png" class="cover-products"/>
 
+      <div class="container">
 
+        <image src="images/logo.png" class="image"/>
 
+        <h1>Vademecum Profesional</h1>
 
+        <image src="images/varios.png" class="image"/>
 
+      </div>
 
     </div>
 
 
     <section class="container us-container">
 
@@ -60,6 +62,47 @@
 
         </div>
 
       </div>
 
     </section>
 
+
 
+    <section class="table-of-content container">
 
+      <h2>Indice</h2>
 
+      <div class="toc-container">
 
+        <div class="columns is-mobile">
 
+          <div class="column is-11">
 
+            <a href="#higiene"><h4>Higiene</h4></a>
 
+            <p class="">
 
+              <span>Emulsion de Higiene</span>
 
+              <span>Exfoliating Scrub</span>
 
+            </p>
 
+          </div>
 
+          <div class="column is-1">
 
+            4
 
+          </div>
 
+        </div>
 
+        <ul>
 
+          <li>
 
+            <a href="#higiene"><span class="item-number">4</span> Higiene</li></a>
 
+          <li>
 
+            <a href="#máscaras"><span class="item-number">5</span> Máscaras</a></li>
 
+          <li>
 
+            <a href="#ácido-hialurónico"><span class="item-number">6</span> Ácido Hialurónico</a></li>
 
+          <li>
 
+            <a href="#peeling"><span class="item-number">8</span> Peeling</a></li>
 
+          <li>
 
+            <a href="#corporales"><span class="item-number">9</span> Corporales</a></li>
 
+          <li>
 
+            <a href="#hombres"><span class="item-number">11</span> Hombres</a></li>
 
+          <li>
 
+            <a href="#protección-intensiva"><span class="item-number">13</span> Protección Intensiva</a></li>
 
+          <li>
 
+            <a href="#monodosis"><span class="item-number">18</span> Monodosis</a></li>
 
+          <li>
 
+            <a href="#activos-concentrados"><span class="item-number">23</span> Activos Concentrados</a></li>
 
+          <li>
 
+            <a href="#protección-solar"><span class="item-number">27</span> Protección Solar</a></li>
 
+        </ul>
 
+      </div>
 
+    </section>
 
+
 
     <div id="vademecum" class="container"></div>
 
 
     <!-- Load React. -->

+ 32 - 1
js/vademecum.js
Прегледај датотеку 

@@ -1157,6 +1157,8 @@ const categories = [
 
   "Protección Solar",
 
 ]
 
 
+const mkCategoryTag = categoryName => categoryName.toLowerCase().replace(' ', '-');
 
+
 
 const Tag = (label, key, className) => (
 
   <span className={`tag ${className||''}`} key={key}>{label}</span>
 
 );
 
@@ -1201,7 +1203,7 @@ const Product = (product, key) => (
 
 
 const Category = (categoryName, products) => (
 
   <div className="category-container">
 
-    <div className="category" id={categoryName.toLowerCase().replace(' ', '-')}>
 
+    <div className="category" id={mkCategoryTag(categoryName)}>
 
       <h2 className="category-name">{categoryName}</h2>
 
     </div>
 
     {
 
@@ -1210,6 +1212,32 @@ const Category = (categoryName, products) => (
 
   </div>
 
 );
 
 
+const ToC = () => (
 
+  <div className="table-of-content container">
 
+    <h2>Indice</h2>
 
+    <div className="toc-container">
 
+      {
 
+        categories.map((categoryName, i) => (
 
+          <div className="columns is-mobile">
 
+            <div className="column is-11">
 
+              <a href={`#${mkCategoryTag(categoryName)}`}>{categoryName}</a>
 
+              {
 
+                products[categoryName].map(product => (
 
+                  <div>
 
+                    { product.name }
 
+                  </div>
 
+                ))
 
+              }
 
+            </div>
 
+            <div className="column is-1">
 
+              { i }
 
+            </div>
 
+          </div>
 
+        ))
 
+      }
 
+    </div>
 
+  </div>
 
+)
 
 const Vademecum = () => {
 
   return categories.map((categoryName, i) => (
 
     <div key={i}>
 
@@ -1224,6 +1252,9 @@ const domContainer = document.querySelector('#vademecum');
 
 
 ReactDOM.render((
 
   <div>
 
+    {
 
+      ToC()
 
+    }
 
     {
 
       Vademecum()
 
     }

+ 26 - 2
lib/vademecum.js
Прегледај датотеку 

@@ -722,6 +722,10 @@ var products = {
 
 var dom = React.createElement;
 
 var categories = ["Higiene", "Máscaras", "Ácido Hialurónico", "Peeling", "Corporales", "Hombres", "Protección Intensiva", "Monodosis", "Activos Concentrados", "Protección Solar"];
 
 
+var mkCategoryTag = function mkCategoryTag(categoryName) {
 
+  return categoryName.toLowerCase().replace(' ', '-');
 
+};
 
+
 
 var Tag = function Tag(label, key, className) {
 
   return dom("span", {
 
     className: "tag ".concat(className || ''),
 
@@ -758,7 +762,7 @@ var Category = function Category(categoryName, products) {
 
     className: "category-container"
 
   }, dom("div", {
 
     className: "category",
 
-    id: categoryName.toLowerCase().replace(' ', '-')
 
+    id: mkCategoryTag(categoryName)
 
   }, dom("h2", {
 
     className: "category-name"
 
   }, categoryName)), products.map(function (p, i) {
 
@@ -766,6 +770,26 @@ var Category = function Category(categoryName, products) {
 
   }));
 
 };
 
 
+var ToC = function ToC() {
 
+  return dom("div", {
 
+    className: "table-of-content container"
 
+  }, dom("h2", null, "Indice"), dom("div", {
 
+    className: "toc-container"
 
+  }, categories.map(function (categoryName, i) {
 
+    return dom("div", {
 
+      className: "columns is-mobile"
 
+    }, dom("div", {
 
+      className: "column is-11"
 
+    }, dom("a", {
 
+      href: "#".concat(mkCategoryTag(categoryName))
 
+    }, categoryName), products[categoryName].map(function (product) {
 
+      return dom("div", null, product.name);
 
+    })), dom("div", {
 
+      className: "column is-1"
 
+    }, i));
 
+  })));
 
+};
 
+
 
 var Vademecum = function Vademecum() {
 
   return categories.map(function (categoryName, i) {
 
     return dom("div", {
 
@@ -775,4 +799,4 @@ var Vademecum = function Vademecum() {
 
 };
 
 
 var domContainer = document.querySelector('#vademecum');
 
-ReactDOM.render(dom("div", null, Vademecum()), domContainer);
 
+ReactDOM.render(dom("div", null, ToC(), Vademecum()), domContainer);

+ 207 - 40
package-lock.json
Прегледај датотеку 

@@ -1417,6 +1417,14 @@
 
         "to-fast-properties": "^2.0.0"
 
       }
 
     },
 
+    "agent-base": {
 
+      "version": "4.2.1",
 
+      "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-4.2.1.tgz",
 
+      "integrity": "sha512-JVwXMr9nHYTUXsBFKUqhJwvlcYU/blreOEUkhNR2eXZIvwd+c+o5V4MgDPKWnMS/56awN3TRzIP+KoPn+roQtg==",
 
+      "requires": {
 
+        "es6-promisify": "^5.0.0"
 
+      }
 
+    },
 
     "ansi-styles": {
 
       "version": "3.2.1",
 
       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
 
@@ -1486,6 +1494,11 @@
 
       "dev": true,
 
       "optional": true
 
     },
 
+    "async-limiter": {
 
+      "version": "1.0.0",
 
+      "resolved": "https://registry.npmjs.org/async-limiter/-/async-limiter-1.0.0.tgz",
 
+      "integrity": "sha512-jp/uFnooOiO+L211eZOoSyzpOITMXx1rBITauYykG3BRYPu8h0UcxsPNB04RR5vo4Tyz3+ay17tR6JVf9qzYWg=="
 
+    },
 
     "atob": {
 
       "version": "2.1.2",
 
       "resolved": "https://registry.npmjs.org/atob/-/atob-2.1.2.tgz",
 
@@ -1495,8 +1508,7 @@
 
     "balanced-match": {
 
       "version": "1.0.0",
 
       "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.0.tgz",
 
-      "integrity": "sha1-ibTRmasr7kneFk6gK4nORi1xt2c=",
 
-      "dev": true
 
+      "integrity": "sha1-ibTRmasr7kneFk6gK4nORi1xt2c="
 
     },
 
     "base": {
 
       "version": "0.11.2",
 
@@ -1564,7 +1576,6 @@
 
       "version": "1.1.11",
 
       "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
 
       "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
 
-      "dev": true,
 
       "requires": {
 
         "balanced-match": "^1.0.0",
 
         "concat-map": "0.0.1"
 
@@ -1610,6 +1621,11 @@
 
         "node-releases": "^1.1.17"
 
       }
 
     },
 
+    "buffer-from": {
 
+      "version": "1.1.1",
 
+      "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.1.tgz",
 
+      "integrity": "sha512-MQcXEUbCKtEo7bhqEs6560Hyd4XaovZlO/k9V3hjVUF/zwW7KBVdSK4gIt/bzwS9MbR5qob+F5jusZsb0YQK2A=="
 
+    },
 
     "cache-base": {
 
       "version": "1.0.1",
 
       "resolved": "https://registry.npmjs.org/cache-base/-/cache-base-1.0.1.tgz",
 
@@ -1728,8 +1744,18 @@
 
     "concat-map": {
 
       "version": "0.0.1",
 
       "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
 
-      "integrity": "sha1-2Klr13/Wjfd5OnMDajug1UBdR3s=",
 
-      "dev": true
 
+      "integrity": "sha1-2Klr13/Wjfd5OnMDajug1UBdR3s="
 
+    },
 
+    "concat-stream": {
 
+      "version": "1.6.2",
 
+      "resolved": "https://registry.npmjs.org/concat-stream/-/concat-stream-1.6.2.tgz",
 
+      "integrity": "sha512-27HBghJxjiZtIk3Ycvn/4kbJk/1uZuJFfuPEns6LaEvpvG1f0hTea8lilrouyo9mVc2GWdcEZ8OLoGmSADlrCw==",
 
+      "requires": {
 
+        "buffer-from": "^1.0.0",
 
+        "inherits": "^2.0.3",
 
+        "readable-stream": "^2.2.2",
 
+        "typedarray": "^0.0.6"
 
+      }
 
     },
 
     "convert-source-map": {
 
       "version": "1.6.0",
 
@@ -1781,15 +1807,12 @@
 
     "core-util-is": {
 
       "version": "1.0.2",
 
       "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.2.tgz",
 
-      "integrity": "sha1-tf1UIgqivFq1eqtxQMlAdUUDwac=",
 
-      "dev": true,
 
-      "optional": true
 
+      "integrity": "sha1-tf1UIgqivFq1eqtxQMlAdUUDwac="
 
     },
 
     "debug": {
 
       "version": "2.6.9",
 
       "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
 
       "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
 
-      "dev": true,
 
       "requires": {
 
         "ms": "2.0.0"
 
       }
 
@@ -1847,6 +1870,19 @@
 
       "integrity": "sha512-NSO4jLeyGLWrT4mzzfYX8vt1MYCoMI5LxSYAjt0H9+LF/14JyiKJSyyjA6AJTxflZlEM5v3QU33F0ohbPMCAPg==",
 
       "dev": true
 
     },
 
+    "es6-promise": {
 
+      "version": "4.2.6",
 
+      "resolved": "https://registry.npmjs.org/es6-promise/-/es6-promise-4.2.6.tgz",
 
+      "integrity": "sha512-aRVgGdnmW2OiySVPUC9e6m+plolMAJKjZnQlCwNSuK5yQ0JN61DZSO1X1Ufd1foqWRAlig0rhduTCHe7sVtK5Q=="
 
+    },
 
+    "es6-promisify": {
 
+      "version": "5.0.0",
 
+      "resolved": "https://registry.npmjs.org/es6-promisify/-/es6-promisify-5.0.0.tgz",
 
+      "integrity": "sha1-UQnWLz5W6pZ8S2NQWu8IKRyKUgM=",
 
+      "requires": {
 
+        "es6-promise": "^4.0.3"
 
+      }
 
+    },
 
     "escape-string-regexp": {
 
       "version": "1.0.5",
 
       "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
 
@@ -1979,6 +2015,25 @@
 
         }
 
       }
 
     },
 
+    "extract-zip": {
 
+      "version": "1.6.7",
 
+      "resolved": "https://registry.npmjs.org/extract-zip/-/extract-zip-1.6.7.tgz",
 
+      "integrity": "sha1-qEC0uK9kAyZMjbV/Txp0Mz74H+k=",
 
+      "requires": {
 
+        "concat-stream": "1.6.2",
 
+        "debug": "2.6.9",
 
+        "mkdirp": "0.5.1",
 
+        "yauzl": "2.4.1"
 
+      }
 
+    },
 
+    "fd-slicer": {
 
+      "version": "1.0.1",
 
+      "resolved": "https://registry.npmjs.org/fd-slicer/-/fd-slicer-1.0.1.tgz",
 
+      "integrity": "sha1-i1vL2ewyfFBBv5qwI/1nUPEXfmU=",
 
+      "requires": {
 
+        "pend": "~1.2.0"
 
+      }
 
+    },
 
     "fill-range": {
 
       "version": "4.0.0",
 
       "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-4.0.0.tgz",
 
@@ -2026,8 +2081,7 @@
 
     "fs.realpath": {
 
       "version": "1.0.0",
 
       "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
 
-      "integrity": "sha1-FQStJSMVjKpA20onh8sBQRmU6k8=",
 
-      "dev": true
 
+      "integrity": "sha1-FQStJSMVjKpA20onh8sBQRmU6k8="
 
     },
 
     "fsevents": {
 
       "version": "1.2.9",
 
@@ -2568,7 +2622,6 @@
 
       "version": "7.1.3",
 
       "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.3.tgz",
 
       "integrity": "sha512-vcfuiIxogLV4DlGBHIUOwI0IbrJ8HWPc4MU7HzviGeNho/UJDfi6B5p3sHeWIQ0KGIU0Jpxi5ZHxemQfLkkAwQ==",
 
-      "dev": true,
 
       "requires": {
 
         "fs.realpath": "^1.0.0",
 
         "inflight": "^1.0.4",
 
@@ -2651,11 +2704,34 @@
 
         }
 
       }
 
     },
 
+    "https-proxy-agent": {
 
+      "version": "2.2.1",
 
+      "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-2.2.1.tgz",
 
+      "integrity": "sha512-HPCTS1LW51bcyMYbxUIOO4HEOlQ1/1qRaFWcyxvwaqUS9TY88aoEuHUY33kuAh1YhVVaDQhLZsnPd+XNARWZlQ==",
 
+      "requires": {
 
+        "agent-base": "^4.1.0",
 
+        "debug": "^3.1.0"
 
+      },
 
+      "dependencies": {
 
+        "debug": {
 
+          "version": "3.2.6",
 
+          "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.6.tgz",
 
+          "integrity": "sha512-mel+jf7nrtEl5Pn1Qx46zARXKDpBbvzezse7p7LqINmdoIk8PYP5SySaxEmYv6TZ0JyEKA1hsCId6DIhgITtWQ==",
 
+          "requires": {
 
+            "ms": "^2.1.1"
 
+          }
 
+        },
 
+        "ms": {
 
+          "version": "2.1.1",
 
+          "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.1.tgz",
 
+          "integrity": "sha512-tgp+dl5cGk28utYktBsrFqA7HKgrhgPsg6Z/EfhWI4gl1Hwq8B/GmY/0oXZ6nF8hDVesS/FpnYaD/kOWhYQvyg=="
 
+        }
 
+      }
 
+    },
 
     "inflight": {
 
       "version": "1.0.6",
 
       "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
 
       "integrity": "sha1-Sb1jMdfQLQwJvJEKEHW6gWW1bfk=",
 
-      "dev": true,
 
       "requires": {
 
         "once": "^1.3.0",
 
         "wrappy": "1"
 
@@ -2664,8 +2740,7 @@
 
     "inherits": {
 
       "version": "2.0.3",
 
       "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.3.tgz",
 
-      "integrity": "sha1-Yzwsg+PaQqUC9SRmAiSA9CCCYd4=",
 
-      "dev": true
 
+      "integrity": "sha1-Yzwsg+PaQqUC9SRmAiSA9CCCYd4="
 
     },
 
     "invariant": {
 
       "version": "2.2.4",
 
@@ -2817,8 +2892,7 @@
 
     "isarray": {
 
       "version": "1.0.0",
 
       "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz",
 
-      "integrity": "sha1-u5NdSFgsuhaMBoNJV6VKPgcSTxE=",
 
-      "dev": true
 
+      "integrity": "sha1-u5NdSFgsuhaMBoNJV6VKPgcSTxE="
 
     },
 
     "isobject": {
 
       "version": "3.0.1",
 
@@ -2917,11 +2991,15 @@
 
         "to-regex": "^3.0.2"
 
       }
 
     },
 
+    "mime": {
 
+      "version": "2.4.2",
 
+      "resolved": "https://registry.npmjs.org/mime/-/mime-2.4.2.tgz",
 
+      "integrity": "sha512-zJBfZDkwRu+j3Pdd2aHsR5GfH2jIWhmL1ZzBoc+X+3JEti2hbArWcyJ+1laC1D2/U/W1a/+Cegj0/OnEU2ybjg=="
 
+    },
 
     "minimatch": {
 
       "version": "3.0.4",
 
       "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.0.4.tgz",
 
       "integrity": "sha512-yJHVQEhyqPLUTgt9B83PXu6W3rx4MvvHvSUvToogpwoGDOUQ+yDrR0HRot+yOCdCO7u4hX3pWft6kWBBcqh0UA==",
 
-      "dev": true,
 
       "requires": {
 
         "brace-expansion": "^1.1.7"
 
       }
 
@@ -2929,8 +3007,7 @@
 
     "minimist": {
 
       "version": "0.0.8",
 
       "resolved": "https://registry.npmjs.org/minimist/-/minimist-0.0.8.tgz",
 
-      "integrity": "sha1-hX/Kv8M5fSYluCKCYuhqp6ARsF0=",
 
-      "dev": true
 
+      "integrity": "sha1-hX/Kv8M5fSYluCKCYuhqp6ARsF0="
 
     },
 
     "mixin-deep": {
 
       "version": "1.3.1",
 
@@ -2957,7 +3034,6 @@
 
       "version": "0.5.1",
 
       "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.1.tgz",
 
       "integrity": "sha1-MAV0OOrGz3+MR2fzhkjWaX11yQM=",
 
-      "dev": true,
 
       "requires": {
 
         "minimist": "0.0.8"
 
       }
 
@@ -2965,8 +3041,7 @@
 
     "ms": {
 
       "version": "2.0.0",
 
       "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
 
-      "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=",
 
-      "dev": true
 
+      "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g="
 
     },
 
     "nan": {
 
       "version": "2.13.2",
 
@@ -3063,7 +3138,6 @@
 
       "version": "1.4.0",
 
       "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
 
       "integrity": "sha1-WDsap3WWHUsROsF9nFC6753Xa9E=",
 
-      "dev": true,
 
       "requires": {
 
         "wrappy": "1"
 
       }
 
@@ -3095,8 +3169,7 @@
 
     "path-is-absolute": {
 
       "version": "1.0.1",
 
       "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
 
-      "integrity": "sha1-F0uSaHNVNP+8es5r9TpanhtcX18=",
 
-      "dev": true
 
+      "integrity": "sha1-F0uSaHNVNP+8es5r9TpanhtcX18="
 
     },
 
     "path-parse": {
 
       "version": "1.0.6",
 
@@ -3104,6 +3177,11 @@
 
       "integrity": "sha512-GSmOT2EbHrINBf9SR7CDELwlJ8AENk3Qn7OikK4nFYAu3Ote2+JYNVvkpAEQm3/TLNEJFD/xZJjzyxg3KBWOzw==",
 
       "dev": true
 
     },
 
+    "pend": {
 
+      "version": "1.2.0",
 
+      "resolved": "https://registry.npmjs.org/pend/-/pend-1.2.0.tgz",
 
+      "integrity": "sha1-elfrVQpng/kRUzH89GY9XI4AelA="
 
+    },
 
     "posix-character-classes": {
 
       "version": "0.1.1",
 
       "resolved": "https://registry.npmjs.org/posix-character-classes/-/posix-character-classes-0.1.1.tgz",
 
@@ -3119,16 +3197,82 @@
 
     "process-nextick-args": {
 
       "version": "2.0.0",
 
       "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.0.tgz",
 
-      "integrity": "sha512-MtEC1TqN0EU5nephaJ4rAtThHtC86dNN9qCuEhtshvpVBkAW5ZO7BASN9REnF9eoXGcRub+pFuKEpOHE+HbEMw==",
 
-      "dev": true,
 
-      "optional": true
 
+      "integrity": "sha512-MtEC1TqN0EU5nephaJ4rAtThHtC86dNN9qCuEhtshvpVBkAW5ZO7BASN9REnF9eoXGcRub+pFuKEpOHE+HbEMw=="
 
+    },
 
+    "progress": {
 
+      "version": "2.0.3",
 
+      "resolved": "https://registry.npmjs.org/progress/-/progress-2.0.3.tgz",
 
+      "integrity": "sha512-7PiHtLll5LdnKIMw100I+8xJXR5gW2QwWYkT6iJva0bXitZKa/XMrSbdmg3r2Xnaidz9Qumd0VPaMrZlF9V9sA=="
 
+    },
 
+    "proxy-from-env": {
 
+      "version": "1.0.0",
 
+      "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.0.0.tgz",
 
+      "integrity": "sha1-M8UDmPcOp+uW0h97gXYwpVeRx+4="
 
+    },
 
+    "puppeteer": {
 
+      "version": "1.15.0",
 
+      "resolved": "https://registry.npmjs.org/puppeteer/-/puppeteer-1.15.0.tgz",
 
+      "integrity": "sha512-D2y5kwA9SsYkNUmcBzu9WZ4V1SGHiQTmgvDZSx6sRYFsgV25IebL4V6FaHjF6MbwLK9C6f3G3pmck9qmwM8H3w==",
 
+      "requires": {
 
+        "debug": "^4.1.0",
 
+        "extract-zip": "^1.6.6",
 
+        "https-proxy-agent": "^2.2.1",
 
+        "mime": "^2.0.3",
 
+        "progress": "^2.0.1",
 
+        "proxy-from-env": "^1.0.0",
 
+        "rimraf": "^2.6.1",
 
+        "ws": "^6.1.0"
 
+      },
 
+      "dependencies": {
 
+        "debug": {
 
+          "version": "4.1.1",
 
+          "resolved": "https://registry.npmjs.org/debug/-/debug-4.1.1.tgz",
 
+          "integrity": "sha512-pYAIzeRo8J6KPEaJ0VWOh5Pzkbw/RetuzehGM7QRRX5he4fPHx2rdKMB256ehJCkX+XRQm16eZLqLNS8RSZXZw==",
 
+          "requires": {
 
+            "ms": "^2.1.1"
 
+          }
 
+        },
 
+        "ms": {
 
+          "version": "2.1.1",
 
+          "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.1.tgz",
 
+          "integrity": "sha512-tgp+dl5cGk28utYktBsrFqA7HKgrhgPsg6Z/EfhWI4gl1Hwq8B/GmY/0oXZ6nF8hDVesS/FpnYaD/kOWhYQvyg=="
 
+        }
 
+      }
 
+    },
 
+    "puppeteer-core": {
 
+      "version": "1.15.0",
 
+      "resolved": "https://registry.npmjs.org/puppeteer-core/-/puppeteer-core-1.15.0.tgz",
 
+      "integrity": "sha512-AH82x8Tx0/JkubeF6U12y8SuVB5vFgsw8lt/Ox5MhXaAktREFiotCTq324U2nPtJUnh2A8yJciDnzAmhbHidqQ==",
 
+      "requires": {
 
+        "debug": "^4.1.0",
 
+        "extract-zip": "^1.6.6",
 
+        "https-proxy-agent": "^2.2.1",
 
+        "mime": "^2.0.3",
 
+        "progress": "^2.0.1",
 
+        "proxy-from-env": "^1.0.0",
 
+        "rimraf": "^2.6.1",
 
+        "ws": "^6.1.0"
 
+      },
 
+      "dependencies": {
 
+        "debug": {
 
+          "version": "4.1.1",
 
+          "resolved": "https://registry.npmjs.org/debug/-/debug-4.1.1.tgz",
 
+          "integrity": "sha512-pYAIzeRo8J6KPEaJ0VWOh5Pzkbw/RetuzehGM7QRRX5he4fPHx2rdKMB256ehJCkX+XRQm16eZLqLNS8RSZXZw==",
 
+          "requires": {
 
+            "ms": "^2.1.1"
 
+          }
 
+        },
 
+        "ms": {
 
+          "version": "2.1.1",
 
+          "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.1.tgz",
 
+          "integrity": "sha512-tgp+dl5cGk28utYktBsrFqA7HKgrhgPsg6Z/EfhWI4gl1Hwq8B/GmY/0oXZ6nF8hDVesS/FpnYaD/kOWhYQvyg=="
 
+        }
 
+      }
 
     },
 
     "readable-stream": {
 
       "version": "2.3.6",
 
       "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.6.tgz",
 
       "integrity": "sha512-tQtKA9WIAhBF3+VLAseyMqZeBjW0AHJoxOtYqSUZNJxauErmLbVm2FW1y+J/YA9dUrAC39ITejlZWhVIwawkKw==",
 
-      "dev": true,
 
-      "optional": true,
 
       "requires": {
 
         "core-util-is": "~1.0.0",
 
         "inherits": "~2.0.3",
 
@@ -3273,11 +3417,18 @@
 
       "integrity": "sha512-TTlYpa+OL+vMMNG24xSlQGEJ3B/RzEfUlLct7b5G/ytav+wPrplCpVMFuwzXbkecJrb6IYo1iFb0S9v37754mg==",
 
       "dev": true
 
     },
 
+    "rimraf": {
 
+      "version": "2.6.3",
 
+      "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.6.3.tgz",
 
+      "integrity": "sha512-mwqeW5XsA2qAejG46gYdENaxXjx9onRNCfn7L0duuP4hCuTIi/QO7PDK07KJfp1d+izWPrzEJDcSqBa0OZQriA==",
 
+      "requires": {
 
+        "glob": "^7.1.3"
 
+      }
 
+    },
 
     "safe-buffer": {
 
       "version": "5.1.2",
 
       "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
 
-      "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
 
-      "dev": true
 
+      "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g=="
 
     },
 
     "safe-regex": {
 
       "version": "1.1.0",
 
@@ -3489,8 +3640,6 @@
 
       "version": "1.1.1",
 
       "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
 
       "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
 
-      "dev": true,
 
-      "optional": true,
 
       "requires": {
 
         "safe-buffer": "~5.1.0"
 
       }
 
@@ -3557,6 +3706,11 @@
 
       "integrity": "sha1-yy4SAwZ+DI3h9hQJS5/kVwTqYAM=",
 
       "dev": true
 
     },
 
+    "typedarray": {
 
+      "version": "0.0.6",
 
+      "resolved": "https://registry.npmjs.org/typedarray/-/typedarray-0.0.6.tgz",
 
+      "integrity": "sha1-hnrHTjhkGHsdPUfZlqeOxciDB3c="
 
+    },
 
     "unicode-canonical-property-names-ecmascript": {
 
       "version": "1.0.4",
 
       "resolved": "https://registry.npmjs.org/unicode-canonical-property-names-ecmascript/-/unicode-canonical-property-names-ecmascript-1.0.4.tgz",
 
@@ -3682,15 +3836,28 @@
 
     "util-deprecate": {
 
       "version": "1.0.2",
 
       "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
 
-      "integrity": "sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8=",
 
-      "dev": true,
 
-      "optional": true
 
+      "integrity": "sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8="
 
     },
 
     "wrappy": {
 
       "version": "1.0.2",
 
       "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
 
-      "integrity": "sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8=",
 
-      "dev": true
 
+      "integrity": "sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8="
 
+    },
 
+    "ws": {
 
+      "version": "6.2.1",
 
+      "resolved": "https://registry.npmjs.org/ws/-/ws-6.2.1.tgz",
 
+      "integrity": "sha512-GIyAXC2cB7LjvpgMt9EKS2ldqr0MTrORaleiOno6TweZ6r3TKtoFQWay/2PceJ3RuBasOHzXNn5Lrw1X0bEjqA==",
 
+      "requires": {
 
+        "async-limiter": "~1.0.0"
 
+      }
 
+    },
 
+    "yauzl": {
 
+      "version": "2.4.1",
 
+      "resolved": "https://registry.npmjs.org/yauzl/-/yauzl-2.4.1.tgz",
 
+      "integrity": "sha1-lSj0QtqxsihOWLQ3m7GU4i4MQAU=",
 
+      "requires": {
 
+        "fd-slicer": "~1.0.1"
 
+      }
 
     }
 
   }
 
 }

+ 3 - 1
package.json
Прегледај датотеку 

@@ -8,7 +8,9 @@
 
   },
 
   "dependencies": {
 
     "@babel/polyfill": "^7.4.4",
 
-    "@babel/preset-react": "^7.0.0"
 
+    "@babel/preset-react": "^7.0.0",
 
+    "puppeteer": "^1.15.0",
 
+    "puppeteer-core": "^1.15.0"
 
   },
 
   "devDependencies": {
 
     "@babel/cli": "^7.4.4",

BIN
pdf/vademecum.pdf
Прегледај датотеку


BIN
sample.pdf
Прегледај датотеку