From 214c75980d61bf96ec1d6892858887ba29235987 Mon Sep 17 00:00:00 2001
From: David Worms <david@adaltas.com>
Date: Fri, 19 Nov 2021 12:11:25 +0100
Subject: [PATCH] feat(csv-demo-webpack): split usages by packages

---
 demo/browser/iife/csv.html            |   4 +-
 demo/webpack/.gitignore               |   2 +-
 demo/webpack/dist/csv.html            |  12 +++
 demo/webpack/dist/csv_sync.html       |  12 +++
 demo/webpack/dist/generate.html       |  12 +++
 demo/webpack/dist/generate_sync.html  |  12 +++
 demo/webpack/dist/index.html          |  32 ++++++-
 demo/webpack/dist/parse.html          |  12 +++
 demo/webpack/dist/parse_sync.html     |  12 +++
 demo/webpack/dist/stringify.html      |  12 +++
 demo/webpack/dist/stringify_sync.html |  12 +++
 demo/webpack/dist/transform.html      |  12 +++
 demo/webpack/dist/transform_sync.html |  12 +++
 demo/webpack/src/csv.js               |  38 ++++++++
 demo/webpack/src/csv_sync.js          |  29 +++++++
 demo/webpack/src/generate.js          |  15 ++++
 demo/webpack/src/generate_sync.js     |  14 +++
 demo/webpack/src/index.js             | 119 --------------------------
 demo/webpack/src/parse.js             |  12 +++
 demo/webpack/src/parse_sync.js        |  11 +++
 demo/webpack/src/stringify.js         |  12 +++
 demo/webpack/src/stringify_sync.js    |  11 +++
 demo/webpack/src/transform.js         |  18 ++++
 demo/webpack/src/transform_sync.js    |  17 ++++
 demo/webpack/webpack.config.js        |  90 +++++++++++++++++--
 25 files changed, 410 insertions(+), 134 deletions(-)
 create mode 100644 demo/webpack/dist/csv.html
 create mode 100644 demo/webpack/dist/csv_sync.html
 create mode 100644 demo/webpack/dist/generate.html
 create mode 100644 demo/webpack/dist/generate_sync.html
 create mode 100644 demo/webpack/dist/parse.html
 create mode 100644 demo/webpack/dist/parse_sync.html
 create mode 100644 demo/webpack/dist/stringify.html
 create mode 100644 demo/webpack/dist/stringify_sync.html
 create mode 100644 demo/webpack/dist/transform.html
 create mode 100644 demo/webpack/dist/transform_sync.html
 create mode 100644 demo/webpack/src/csv.js
 create mode 100644 demo/webpack/src/csv_sync.js
 create mode 100644 demo/webpack/src/generate.js
 create mode 100644 demo/webpack/src/generate_sync.js
 delete mode 100644 demo/webpack/src/index.js
 create mode 100644 demo/webpack/src/parse.js
 create mode 100644 demo/webpack/src/parse_sync.js
 create mode 100644 demo/webpack/src/stringify.js
 create mode 100644 demo/webpack/src/stringify_sync.js
 create mode 100644 demo/webpack/src/transform.js
 create mode 100644 demo/webpack/src/transform_sync.js
diff --git a/demo/browser/iife/csv.html b/demo/browser/iife/csv.html
index a780d5f57..5dccd3872 100644
--- a/demo/browser/iife/csv.html
+++ b/demo/browser/iife/csv.html
@@ -73,9 +73,7 @@ <h1>CSV demo</h1>
             // Generate 20 records
             .generate(generateOptions)
             // Transform CSV data into records
-            .pipe(csv.parse({
-              delimiter: '|'
-            }))
+            .pipe(csv.parse(parseOptions))
             // Transform each value into uppercase
             .pipe(csv.transform(transform.handler))
             // Convert objects into a stream
diff --git a/demo/webpack/.gitignore b/demo/webpack/.gitignore
index 5bcb2d092..e6c19b26d 100644
--- a/demo/webpack/.gitignore
+++ b/demo/webpack/.gitignore
@@ -1 +1 @@
-/dist/main.js
+/dist/*.js
diff --git a/demo/webpack/dist/csv.html b/demo/webpack/dist/csv.html
new file mode 100644
index 000000000..30ab1ebc0
--- /dev/null
+++ b/demo/webpack/dist/csv.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <title>Package `csv` webpack demonstration</title>
+    <script src="./csv.js"></script>
+  </head>
+  <body>
+    <button id="run" type="button">run</button>
+    <pre><code id="output">...waiting...</code></pre>
+  </body>
+</html>
diff --git a/demo/webpack/dist/csv_sync.html b/demo/webpack/dist/csv_sync.html
new file mode 100644
index 000000000..5e0db0e2d
--- /dev/null
+++ b/demo/webpack/dist/csv_sync.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <title>Package `csv` webpack demonstration</title>
+    <script src="./csv_sync.js"></script>
+  </head>
+  <body>
+    <button id="run" type="button">run</button>
+    <pre><code id="output">...waiting...</code></pre>
+  </body>
+</html>
diff --git a/demo/webpack/dist/generate.html b/demo/webpack/dist/generate.html
new file mode 100644
index 000000000..77d5c2bea
--- /dev/null
+++ b/demo/webpack/dist/generate.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <title>Package `csv-generate` webpack demonstration</title>
+    <script src="./generate.js"></script>
+  </head>
+  <body>
+    <button id="run" type="button">run</button>
+    <pre><code id="output">...waiting...</code></pre>
+  </body>
+</html>
diff --git a/demo/webpack/dist/generate_sync.html b/demo/webpack/dist/generate_sync.html
new file mode 100644
index 000000000..32430e4b7
--- /dev/null
+++ b/demo/webpack/dist/generate_sync.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <title>Package `csv-generate` webpack demonstration</title>
+    <script src="./generate_sync.js"></script>
+  </head>
+  <body>
+    <button id="run" type="button">run</button>
+    <pre><code id="output">...waiting...</code></pre>
+  </body>
+</html>
diff --git a/demo/webpack/dist/index.html b/demo/webpack/dist/index.html
index 98d00f5aa..f32c7a286 100644
--- a/demo/webpack/dist/index.html
+++ b/demo/webpack/dist/index.html
@@ -2,10 +2,36 @@
 <html>
   <head>
     <meta charset="utf-8" />
-    <title>Getting Started</title>
-    <script src="https://unpkg.com/lodash@4.17.20"></script>
+    <title>CSV webpack demonstration</title>
   </head>
   <body>
-    <script src="./main.js"></script>
+    <ul>
+    <ul>
+      <li>
+        <a href="./csv.html">CSV</a>
+        -
+        <a href="./csv_sync.html">sync</a>
+      </li>
+      <li>
+        <a href="./generate.html">CSV generate</a>
+        -
+        <a href="./generate_sync.html">sync</a>
+      </li>
+      <li>
+        <a href="./parse.html">CSV parse</a>
+        -
+        <a href="./parse_sync.html">sync</a>
+      </li>
+      <li>
+        <a href="./transform.html">Stream transform</a>
+        -
+        <a href="./transform_sync.html">sync</a>
+      </li>
+      <li>
+        <a href="./stringify.html">CSV stringify</a>
+        -
+        <a href="./stringify_sync.html">sync</a>
+      </li>
+    </ul>
   </body>
 </html>
diff --git a/demo/webpack/dist/parse.html b/demo/webpack/dist/parse.html
new file mode 100644
index 000000000..dcd5415af
--- /dev/null
+++ b/demo/webpack/dist/parse.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <title>Package `csv-parse` webpack demonstration</title>
+    <script src="./parse.js"></script>
+  </head>
+  <body>
+    <button id="run" type="button">run</button>
+    <pre><code id="output">...waiting...</code></pre>
+  </body>
+</html>
diff --git a/demo/webpack/dist/parse_sync.html b/demo/webpack/dist/parse_sync.html
new file mode 100644
index 000000000..67e85901b
--- /dev/null
+++ b/demo/webpack/dist/parse_sync.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <title>Package `csv-parse` webpack demonstration</title>
+    <script src="./parse_sync.js"></script>
+  </head>
+  <body>
+    <button id="run" type="button">run</button>
+    <pre><code id="output">...waiting...</code></pre>
+  </body>
+</html>
diff --git a/demo/webpack/dist/stringify.html b/demo/webpack/dist/stringify.html
new file mode 100644
index 000000000..f0c31a14e
--- /dev/null
+++ b/demo/webpack/dist/stringify.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <title>Package `csv-stringify` webpack demonstration</title>
+    <script src="./stringify.js"></script>
+  </head>
+  <body>
+    <button id="run" type="button">run</button>
+    <pre><code id="output">...waiting...</code></pre>
+  </body>
+</html>
diff --git a/demo/webpack/dist/stringify_sync.html b/demo/webpack/dist/stringify_sync.html
new file mode 100644
index 000000000..eccd74e16
--- /dev/null
+++ b/demo/webpack/dist/stringify_sync.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <title>Package `csv-stringify` webpack demonstration</title>
+    <script src="./stringify_sync.js"></script>
+  </head>
+  <body>
+    <button id="run" type="button">run</button>
+    <pre><code id="output">...waiting...</code></pre>
+  </body>
+</html>
diff --git a/demo/webpack/dist/transform.html b/demo/webpack/dist/transform.html
new file mode 100644
index 000000000..650b042a2
--- /dev/null
+++ b/demo/webpack/dist/transform.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <title>Package `stream-transform` webpack demonstration</title>
+    <script src="./transform.js"></script>
+  </head>
+  <body>
+    <button id="run" type="button">run</button>
+    <pre><code id="output">...waiting...</code></pre>
+  </body>
+</html>
diff --git a/demo/webpack/dist/transform_sync.html b/demo/webpack/dist/transform_sync.html
new file mode 100644
index 000000000..e837183a4
--- /dev/null
+++ b/demo/webpack/dist/transform_sync.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <title>Package `stream-transform` webpack demonstration</title>
+    <script src="./transform_sync.js"></script>
+  </head>
+  <body>
+    <button id="run" type="button">run</button>
+    <pre><code id="output">...waiting...</code></pre>
+  </body>
+</html>
diff --git a/demo/webpack/src/csv.js b/demo/webpack/src/csv.js
new file mode 100644
index 000000000..4572f9b6e
--- /dev/null
+++ b/demo/webpack/src/csv.js
@@ -0,0 +1,38 @@
+
+import * as csv from 'csv/browser/esm/index.js';
+
+window.onload = () => {
+  const runEl = document.getElementById('run');
+  const outputEl = document.getElementById('output');
+  runEl.onclick = (e) => {
+    // Run the pipeline
+    csv
+    // Generate 20 records
+    .generate({
+      delimiter: '|',
+      length: 10
+    })
+    // Transform CSV data into records
+    .pipe(csv.parse({
+      delimiter: '|'
+    }))
+    // Transform each value into uppercase
+    .pipe(csv.transform( (record) => {
+      record.push(record.shift());
+      return record;
+    }))
+    // Convert objects into a stream
+    .pipe(csv.stringify({
+      quoted: true
+    }))
+    // Print the CSV stream to stdout
+    .on('readable', function () {
+      let chunck; while(chunck = this.read()){
+        outputEl.innerHTML = outputEl.innerHTML + chunck.toString()
+      }
+    })
+    .on('error', function (err) {
+      outputEl.innerHTML = 'Error: ' + err.message;
+    });
+  };
+};
diff --git a/demo/webpack/src/csv_sync.js b/demo/webpack/src/csv_sync.js
new file mode 100644
index 000000000..94d3be0a0
--- /dev/null
+++ b/demo/webpack/src/csv_sync.js
@@ -0,0 +1,29 @@
+
+import * as csv from 'csv/browser/esm/sync.js';
+
+window.onload = () => {
+  const runEl = document.getElementById('run');
+  const outputEl = document.getElementById('output');
+  runEl.onclick = (e) => {
+    try{
+      // Run the pipeline
+      const input = csv.generate({
+        delimiter: '|',
+        length: 10
+      });
+      const rawRecords = csv.parse(input, {
+        delimiter: '|'
+      });
+      const refinedRecords = csv.transform(rawRecords, (record) => {
+        record.push(record.shift());
+        return record;
+      });
+      const output = csv.stringify(refinedRecords, {
+        quoted: true
+      });
+      outputEl.innerHTML = output;
+    }catch(err){
+      outputEl.innerHTML = 'Error: ' + err.message;
+    }
+  };
+};
diff --git a/demo/webpack/src/generate.js b/demo/webpack/src/generate.js
new file mode 100644
index 000000000..9615cbca8
--- /dev/null
+++ b/demo/webpack/src/generate.js
@@ -0,0 +1,15 @@
+
+import {generate} from 'csv-generate/browser/esm/index.js';
+
+window.onload = () => {
+  const runEl = document.getElementById('run');
+  const outputEl = document.getElementById('output');
+  runEl.onclick = (e) => {
+    generate({
+      objectMode: true,
+      length: 2
+    }, (err, records) => {
+      outputEl.innerHTML = JSON.stringify(records, null, 2);
+    });
+  };
+};
diff --git a/demo/webpack/src/generate_sync.js b/demo/webpack/src/generate_sync.js
new file mode 100644
index 000000000..3561950a3
--- /dev/null
+++ b/demo/webpack/src/generate_sync.js
@@ -0,0 +1,14 @@
+
+import {generate} from 'csv-generate/browser/esm/sync.js';
+
+window.onload = () => {
+  const runEl = document.getElementById('run');
+  const outputEl = document.getElementById('output');
+  runEl.onclick = (e) => {
+    const records = generate({
+      objectMode: true,
+      length: 2
+    });
+    outputEl.innerHTML = JSON.stringify(records, null, 2);
+  };
+};
diff --git a/demo/webpack/src/index.js b/demo/webpack/src/index.js
deleted file mode 100644
index cc05a8d00..000000000
--- a/demo/webpack/src/index.js
+++ /dev/null
@@ -1,119 +0,0 @@
-
-import * as csv from 'csv/browser/esm/index.js';
-import * as csvSync from 'csv/browser/esm/sync.js';
-import {generate} from 'csv-generate/browser/esm/index.js';
-import {generate as generateSync} from 'csv-generate/browser/esm/sync.js';
-import {parse} from 'csv-parse/browser/esm/index.js';
-import {parse as parseSync} from 'csv-parse/browser/esm/sync.js';
-import {transform} from 'stream-transform/browser/esm/index.js';
-import {transform as transformSync} from 'stream-transform/browser/esm/sync.js';
-import {stringify} from 'csv-stringify/browser/esm/index.js';
-import {stringify as stringifySync} from 'csv-stringify/browser/esm/sync.js';
-
-function generateRecords(generate, callback) {
-  generate({length: 2, objectMode: true}, (err, records) => {
-    callback(err, records);
-  });
-}
-
-function generateSyncRecords(generateSync, callback) {
-  const records = generateSync({length: 2, objectMode: true});
-  callback(null, records);
-}
-
-function parseRecors(parse, callback) {
-  parse('a,b,c\n1,2,3', (err, records) => {
-    callback(err, records);
-  });
-}
-
-function parseSyncRecors(parseSync, callback) {
-  const records = parseSync('a,b,c\n1,2,3');
-  callback(null, records);
-}
-
-function transformRecors(transform, callback) {
-  transform([
-    ['a', 'b', 'c'],
-    [1, 2, 3]
-  ], (record) => {
-    record.push(record.shift());
-    return record;
-  }, (err, records) => {
-    callback(err, records);
-  });
-}
-
-function transformSyncRecors(transformSync, callback) {
-  const records = transformSync([
-    ['a', 'b', 'c'],
-    [1, 2, 3]
-  ], (record) => {
-    record.push(record.shift());
-    return record;
-  });
-  callback(null, records);
-}
-
-function stringifyRecors(stringify, callback) {
-  stringify([['a', 'b', 'c'], [1, 2, 3]], (err, data) => {
-    callback(err, data);
-  });
-}
-
-function stringifySyncRecors(handler, callback) {
-  const data = handler([['a', 'b', 'c'], [1, 2, 3]]);
-  callback(null, data);
-}
-
-function h1(title) {
-  const element = document.createElement('h1');
-  element.innerHTML = title;
-  return element;
-}
-
-function h2(title) {
-  const element = document.createElement('h2');
-  element.innerHTML = title;
-  return element;
-}
-
-function wrap(handler, fn) {
-  const element = document.createElement('div');
-  // Lodash, currently included via a script, is required for this line to work
-  element.innerHTML = '...loading...';
-  fn.call( null, handler, (err, records) => {
-    element.innerHTML = `<pre><code>${JSON.stringify(records, null, 2)}</code></pre>`
-  });
-  return element;
-}
-
-document.body.appendChild(h1('Test for webpack and CommonJS with individual packages'));
-document.body.appendChild(h2('Package `csv-generate`'));
-document.body.appendChild(wrap(generate, generateRecords));
-document.body.appendChild(wrap(generateSync, generateSyncRecords));
-document.body.appendChild(h2('Package `csv-parse`'));
-document.body.appendChild(wrap(parse, parseRecors));
-document.body.appendChild(wrap(parseSync, parseSyncRecors));
-document.body.appendChild(h2('Package `stream-transform`'));
-document.body.appendChild(wrap(transform, transformRecors));
-document.body.appendChild(wrap(transformSync, transformSyncRecors));
-document.body.appendChild(h2('Package `csv-stringify`'));
-document.body.appendChild(wrap(stringify, stringifyRecors));
-document.body.appendChild(wrap(stringifySync, stringifySyncRecors));
-
-document.body.appendChild(document.createElement('hr'));
-
-document.body.appendChild(h1('Test for webpack and CommonJS with csv packages'));
-document.body.appendChild(h2('Package `csv-generate`'));
-document.body.appendChild(wrap(csv.generate, generateRecords));
-document.body.appendChild(wrap(csvSync.generate, generateSyncRecords));
-document.body.appendChild(h2('Package `csv-parse`'));
-document.body.appendChild(wrap(csv.parse, parseRecors));
-document.body.appendChild(wrap(csvSync.parse, parseSyncRecors));
-document.body.appendChild(h2('Package `stream-transform`'));
-document.body.appendChild(wrap(csv.transform, transformRecors));
-document.body.appendChild(wrap(csvSync.transform, transformSyncRecors));
-document.body.appendChild(h2('Package `csv-stringify`'));
-document.body.appendChild(wrap(csv.stringify, stringifyRecors));
-document.body.appendChild(wrap(csvSync.stringify, stringifySyncRecors));
diff --git a/demo/webpack/src/parse.js b/demo/webpack/src/parse.js
new file mode 100644
index 000000000..63931bfd8
--- /dev/null
+++ b/demo/webpack/src/parse.js
@@ -0,0 +1,12 @@
+
+import {parse} from 'csv-parse/browser/esm/index.js';
+
+window.onload = () => {
+  const runEl = document.getElementById('run');
+  const outputEl = document.getElementById('output');
+  runEl.onclick = (e) => {
+    parse('a,b,c\n1,2,3', (err, records) => {
+      outputEl.innerHTML = JSON.stringify(records, null, 2);
+    });
+  };
+};
diff --git a/demo/webpack/src/parse_sync.js b/demo/webpack/src/parse_sync.js
new file mode 100644
index 000000000..1e73ed6b9
--- /dev/null
+++ b/demo/webpack/src/parse_sync.js
@@ -0,0 +1,11 @@
+
+import {parse} from 'csv-parse/browser/esm/sync.js';
+
+window.onload = () => {
+  const runEl = document.getElementById('run');
+  const outputEl = document.getElementById('output');
+  runEl.onclick = (e) => {
+    const records = parse('a,b,c\n1,2,3');
+    outputEl.innerHTML = JSON.stringify(records, null, 2);
+  };
+};
diff --git a/demo/webpack/src/stringify.js b/demo/webpack/src/stringify.js
new file mode 100644
index 000000000..b6af8e5e5
--- /dev/null
+++ b/demo/webpack/src/stringify.js
@@ -0,0 +1,12 @@
+
+import {stringify} from 'csv-stringify/browser/esm/index.js';
+
+window.onload = () => {
+  const runEl = document.getElementById('run');
+  const outputEl = document.getElementById('output');
+  runEl.onclick = (e) => {
+    stringify([['a', 'b', 'c'], [1, 2, 3]], (err, data) => {
+      outputEl.innerHTML = data;
+    });
+  };
+};
diff --git a/demo/webpack/src/stringify_sync.js b/demo/webpack/src/stringify_sync.js
new file mode 100644
index 000000000..0c7571ce5
--- /dev/null
+++ b/demo/webpack/src/stringify_sync.js
@@ -0,0 +1,11 @@
+
+import {stringify} from 'csv-stringify/browser/esm/sync.js';
+
+window.onload = () => {
+  const runEl = document.getElementById('run');
+  const outputEl = document.getElementById('output');
+  runEl.onclick = (e) => {
+    const data = stringify([['a', 'b', 'c'], [1, 2, 3]]);
+    outputEl.innerHTML = data;
+  };
+};
diff --git a/demo/webpack/src/transform.js b/demo/webpack/src/transform.js
new file mode 100644
index 000000000..c17095894
--- /dev/null
+++ b/demo/webpack/src/transform.js
@@ -0,0 +1,18 @@
+
+import {transform} from 'stream-transform/browser/esm/index.js';
+
+window.onload = () => {
+  const runEl = document.getElementById('run');
+  const outputEl = document.getElementById('output');
+  runEl.onclick = (e) => {
+    transform([
+      ['a', 'b', 'c'],
+      [1, 2, 3]
+    ], (record) => {
+      record.push(record.shift());
+      return record;
+    }, (err, records) => {
+      outputEl.innerHTML = JSON.stringify(records, null, 2);
+    });
+  };
+};
diff --git a/demo/webpack/src/transform_sync.js b/demo/webpack/src/transform_sync.js
new file mode 100644
index 000000000..3d8d0ed43
--- /dev/null
+++ b/demo/webpack/src/transform_sync.js
@@ -0,0 +1,17 @@
+
+import {transform} from 'stream-transform/browser/esm/sync.js';
+
+window.onload = () => {
+  const runEl = document.getElementById('run');
+  const outputEl = document.getElementById('output');
+  runEl.onclick = (e) => {
+    const records = transform([
+      ['a', 'b', 'c'],
+      [1, 2, 3]
+    ], (record) => {
+      record.push(record.shift());
+      return record;
+    });
+    outputEl.innerHTML = JSON.stringify(records, null, 2);
+  };
+};
diff --git a/demo/webpack/webpack.config.js b/demo/webpack/webpack.config.js
index fb45a8f29..b957274f8 100644
--- a/demo/webpack/webpack.config.js
+++ b/demo/webpack/webpack.config.js
@@ -1,10 +1,84 @@
 const path = require('path');
 
-module.exports = {
-  entry: './src/index.js',
-  mode: 'development',
-  output: {
-    filename: 'main.js',
-    path: path.resolve(__dirname, 'dist'),
-  }
-};
+module.exports = [
+  {
+    entry: './src/csv.js',
+    mode: 'development',
+    output: {
+      filename: 'csv.js',
+      path: path.resolve(__dirname, 'dist'),
+    }
+  },
+  {
+    entry: './src/csv_sync.js',
+    mode: 'development',
+    output: {
+      filename: 'csv_sync.js',
+      path: path.resolve(__dirname, 'dist'),
+    }
+  },
+  {
+    entry: './src/generate.js',
+    mode: 'development',
+    output: {
+      filename: 'generate.js',
+      path: path.resolve(__dirname, 'dist'),
+    }
+  },
+  {
+    entry: './src/generate_sync.js',
+    mode: 'development',
+    output: {
+      filename: 'generate_sync.js',
+      path: path.resolve(__dirname, 'dist'),
+    }
+  },
+  {
+    entry: './src/parse.js',
+    mode: 'development',
+    output: {
+      filename: 'parse.js',
+      path: path.resolve(__dirname, 'dist'),
+    }
+  },
+  {
+    entry: './src/parse_sync.js',
+    mode: 'development',
+    output: {
+      filename: 'parse_sync.js',
+      path: path.resolve(__dirname, 'dist'),
+    }
+  },
+  {
+    entry: './src/transform.js',
+    mode: 'development',
+    output: {
+      filename: 'transform.js',
+      path: path.resolve(__dirname, 'dist'),
+    }
+  },
+  {
+    entry: './src/transform_sync.js',
+    mode: 'development',
+    output: {
+      filename: 'transform_sync.js',
+      path: path.resolve(__dirname, 'dist'),
+    }
+  },
+  {
+    entry: './src/stringify.js',
+    mode: 'development',
+    output: {
+      filename: 'stringify.js',
+      path: path.resolve(__dirname, 'dist'),
+    }
+  },
+  {
+    entry: './src/stringify_sync.js',
+    mode: 'development',
+    output: {
+      filename: 'stringify_sync.js',
+      path: path.resolve(__dirname, 'dist'),
+    }
+  },
+];
