[security] update all package.json for security patches (#753)

* update all package.json for security patches

* fixed tests

Author: pyu10055

addition-rnn-webworker/.babelrc

@@ -152,6 +152,6 @@ <h1>TensorFlow.js: Addition RNN in web worker</h1>
   </div>
 
 </body>
-<script src="./index.js">
+<script type="module" src="index.js"></script>
 
 </script>

addition-rnn-webworker/index.html

@@ -23,16 +23,17 @@
  */
 
 import * as tfvis from '@tensorflow/tfjs-vis';
-const worker = new Worker('./worker.js');
+const worker =
+    new Worker(new URL('./worker.js', import.meta.url), {type: 'module'});
 
 async function runAdditionRNNDemo() {
   document.getElementById('trainModel').addEventListener('click', async () => {
     const digits = +(document.getElementById('digits')).value;
     const trainingSize = +(document.getElementById('trainingSize')).value;
     const rnnTypeSelect = document.getElementById('rnnType');
     const rnnType =
-      rnnTypeSelect.options[rnnTypeSelect.selectedIndex].getAttribute(
-        'value');
+        rnnTypeSelect.options[rnnTypeSelect.selectedIndex].getAttribute(
+            'value');
     const layers = +(document.getElementById('rnnLayers')).value;
     const hiddenSize = +(document.getElementById('rnnLayerSize')).value;
     const batchSize = +(document.getElementById('batchSize')).value;
@@ -48,45 +49,55 @@ async function runAdditionRNNDemo() {
     const trainingSizeLimit = Math.pow(Math.pow(10, digits), 2);
     if (trainingSize > trainingSizeLimit) {
       status.textContent =
-        `With digits = ${digits}, you cannot have more than ` +
-        `${trainingSizeLimit} examples`;
+          `With digits = ${digits}, you cannot have more than ` +
+          `${trainingSizeLimit} examples`;
       return;
     }
-    worker.postMessage({ digits, trainingSize, rnnType, layers, hiddenSize, trainIterations, batchSize, numTestExamples });
+    worker.postMessage({
+      digits,
+      trainingSize,
+      rnnType,
+      layers,
+      hiddenSize,
+      trainIterations,
+      batchSize,
+      numTestExamples
+    });
     worker.addEventListener('message', (e) => {
       if (e.data.isPredict) {
-        const { i, iterations, modelFitTime, lossValues, accuracyValues } = e.data;
+        const {i, iterations, modelFitTime, lossValues, accuracyValues} =
+            e.data;
         document.getElementById('trainStatus').textContent =
-          `Iteration ${i + 1} of ${iterations}: ` +
-          `Time per iteration: ${modelFitTime.toFixed(3)} (seconds)`;
+            `Iteration ${i + 1} of ${iterations}: ` +
+            `Time per iteration: ${modelFitTime.toFixed(3)} (seconds)`;
         const lossContainer = document.getElementById('lossChart');
         tfvis.render.linechart(
-          lossContainer, { values: lossValues, series: ['train', 'validation'] },
-          {
-            width: 420,
-            height: 300,
-            xLabel: 'epoch',
-            yLabel: 'loss',
-          });
+            lossContainer,
+            {values: lossValues, series: ['train', 'validation']}, {
+              width: 420,
+              height: 300,
+              xLabel: 'epoch',
+              yLabel: 'loss',
+            });
 
         const accuracyContainer = document.getElementById('accuracyChart');
         tfvis.render.linechart(
-          accuracyContainer,
-          { values: accuracyValues, series: ['train', 'validation'] }, {
-            width: 420,
-            height: 300,
-            xLabel: 'epoch',
-            yLabel: 'accuracy',
-          });
+            accuracyContainer,
+            {values: accuracyValues, series: ['train', 'validation']}, {
+              width: 420,
+              height: 300,
+              xLabel: 'epoch',
+              yLabel: 'accuracy',
+            });
       } else {
-        const { isCorrect, examples } = e.data;
+        const {isCorrect, examples} = e.data;
         const examplesDiv = document.getElementById('testExamples');
         const examplesContent = examples.map(
-          (example, i) =>
-            `<div class="${
-            isCorrect[i] ? 'answer-correct' : 'answer-wrong'}">` +
-            `${example}` +
-            `</div>`);
+            (example, i) =>
+                `<div class="${
+                    isCorrect[i] ? 'answer-correct' : 'answer-wrong'}">` +
+                `${example}` +
+                `</div>`);
 
         examplesDiv.innerHTML = examplesContent.join('\n');
       }

addition-rnn-webworker/index.js

@@ -14,24 +14,15 @@
   },
   "scripts": {
     "watch": "cross-env NODE_ENV=development parcel index.html --no-hmr --open",
-    "build": "cross-env NODE_ENV=production parcel build index.html --no-minify --public-url ./",
+    "build": "cross-env NODE_ENV=production parcel build index.html  --public-url ./",
     "link-local": "yalc link"
   },
   "devDependencies": {
-    "babel-core": "^6.26.3",
-    "babel-plugin-transform-runtime": "~6.23.0",
-    "babel-polyfill": "~6.26.0",
-    "babel-preset-env": "~1.6.1",
+    "buffer": "^6.0.3",
     "clang-format": "~1.2.2",
     "cross-env": "^5.1.6",
-    "parcel-bundler": "~1.12.5",
+    "parcel": "~2.3.2",
+    "process": "^0.11.10",
     "yalc": "~1.0.0-pre.50"
-  },
-  "resolutions": {
-    "is-svg": "4.3.1",
-    "node-fetch": "2.6.1",
-    "vega": "5.17.3",
-    "glob-parent": "5.1.2",
-    "postcss": "8.2.10"
   }
 }