@zohodesk/client_build_tool 0.0.1

package/coverage/sorter.js

@@ -0,0 +1,196 @@
+/* eslint-disable */
+var addSorting = (function() {
+    'use strict';
+    var cols,
+        currentSort = {
+            index: 0,
+            desc: false
+        };
+
+    // returns the summary table element
+    function getTable() {
+        return document.querySelector('.coverage-summary');
+    }
+    // returns the thead element of the summary table
+    function getTableHeader() {
+        return getTable().querySelector('thead tr');
+    }
+    // returns the tbody element of the summary table
+    function getTableBody() {
+        return getTable().querySelector('tbody');
+    }
+    // returns the th element for nth column
+    function getNthColumn(n) {
+        return getTableHeader().querySelectorAll('th')[n];
+    }
+
+    function onFilterInput() {
+        const searchValue = document.getElementById('fileSearch').value;
+        const rows = document.getElementsByTagName('tbody')[0].children;
+        for (let i = 0; i < rows.length; i++) {
+            const row = rows[i];
+            if (
+                row.textContent
+                    .toLowerCase()
+                    .includes(searchValue.toLowerCase())
+            ) {
+                row.style.display = '';
+            } else {
+                row.style.display = 'none';
+            }
+        }
+    }
+
+    // loads the search box
+    function addSearchBox() {
+        var template = document.getElementById('filterTemplate');
+        var templateClone = template.content.cloneNode(true);
+        templateClone.getElementById('fileSearch').oninput = onFilterInput;
+        template.parentElement.appendChild(templateClone);
+    }
+
+    // loads all columns
+    function loadColumns() {
+        var colNodes = getTableHeader().querySelectorAll('th'),
+            colNode,
+            cols = [],
+            col,
+            i;
+
+        for (i = 0; i < colNodes.length; i += 1) {
+            colNode = colNodes[i];
+            col = {
+                key: colNode.getAttribute('data-col'),
+                sortable: !colNode.getAttribute('data-nosort'),
+                type: colNode.getAttribute('data-type') || 'string'
+            };
+            cols.push(col);
+            if (col.sortable) {
+                col.defaultDescSort = col.type === 'number';
+                colNode.innerHTML =
+                    colNode.innerHTML + '<span class="sorter"></span>';
+            }
+        }
+        return cols;
+    }
+    // attaches a data attribute to every tr element with an object
+    // of data values keyed by column name
+    function loadRowData(tableRow) {
+        var tableCols = tableRow.querySelectorAll('td'),
+            colNode,
+            col,
+            data = {},
+            i,
+            val;
+        for (i = 0; i < tableCols.length; i += 1) {
+            colNode = tableCols[i];
+            col = cols[i];
+            val = colNode.getAttribute('data-value');
+            if (col.type === 'number') {
+                val = Number(val);
+            }
+            data[col.key] = val;
+        }
+        return data;
+    }
+    // loads all row data
+    function loadData() {
+        var rows = getTableBody().querySelectorAll('tr'),
+            i;
+
+        for (i = 0; i < rows.length; i += 1) {
+            rows[i].data = loadRowData(rows[i]);
+        }
+    }
+    // sorts the table using the data for the ith column
+    function sortByIndex(index, desc) {
+        var key = cols[index].key,
+            sorter = function(a, b) {
+                a = a.data[key];
+                b = b.data[key];
+                return a < b ? -1 : a > b ? 1 : 0;
+            },
+            finalSorter = sorter,
+            tableBody = document.querySelector('.coverage-summary tbody'),
+            rowNodes = tableBody.querySelectorAll('tr'),
+            rows = [],
+            i;
+
+        if (desc) {
+            finalSorter = function(a, b) {
+                return -1 * sorter(a, b);
+            };
+        }
+
+        for (i = 0; i < rowNodes.length; i += 1) {
+            rows.push(rowNodes[i]);
+            tableBody.removeChild(rowNodes[i]);
+        }
+
+        rows.sort(finalSorter);
+
+        for (i = 0; i < rows.length; i += 1) {
+            tableBody.appendChild(rows[i]);
+        }
+    }
+    // removes sort indicators for current column being sorted
+    function removeSortIndicators() {
+        var col = getNthColumn(currentSort.index),
+            cls = col.className;
+
+        cls = cls.replace(/ sorted$/, '').replace(/ sorted-desc$/, '');
+        col.className = cls;
+    }
+    // adds sort indicators for current column being sorted
+    function addSortIndicators() {
+        getNthColumn(currentSort.index).className += currentSort.desc
+            ? ' sorted-desc'
+            : ' sorted';
+    }
+    // adds event listeners for all sorter widgets
+    function enableUI() {
+        var i,
+            el,
+            ithSorter = function ithSorter(i) {
+                var col = cols[i];
+
+                return function() {
+                    var desc = col.defaultDescSort;
+
+                    if (currentSort.index === i) {
+                        desc = !currentSort.desc;
+                    }
+                    sortByIndex(i, desc);
+                    removeSortIndicators();
+                    currentSort.index = i;
+                    currentSort.desc = desc;
+                    addSortIndicators();
+                };
+            };
+        for (i = 0; i < cols.length; i += 1) {
+            if (cols[i].sortable) {
+                // add the click event handler on the th so users
+                // dont have to click on those tiny arrows
+                el = getNthColumn(i).querySelector('.sorter').parentElement;
+                if (el.addEventListener) {
+                    el.addEventListener('click', ithSorter(i));
+                } else {
+                    el.attachEvent('onclick', ithSorter(i));
+                }
+            }
+        }
+    }
+    // adds sorting functionality to the UI
+    return function() {
+        if (!getTable()) {
+            return;
+        }
+        cols = loadColumns();
+        loadData();
+        addSearchBox();
+        addSortIndicators();
+        enableUI();
+    };
+})();
+
+window.addEventListener('load', addSorting);

package/coverage/updateArrayWithDefault.js.html

@@ -0,0 +1,196 @@
+
+<!doctype html>
+<html lang="en">
+
+<head>
+    <title>Code coverage report for updateArrayWithDefault.js</title>
+    <meta charset="utf-8" />
+    <link rel="stylesheet" href="prettify.css" />
+    <link rel="stylesheet" href="base.css" />
+    <link rel="shortcut icon" type="image/x-icon" href="favicon.png" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <style type='text/css'>
+        .coverage-summary .sorter {
+            background-image: url(sort-arrow-sprite.png);
+        }
+    </style>
+</head>
+    
+<body>
+<div class='wrapper'>
+    <div class='pad1'>
+        <h1><a href="index.html">All files</a> updateArrayWithDefault.js</h1>
+        <div class='clearfix'>
+            
+            <div class='fl pad1y space-right2'>
+                <span class="strong">52.94% </span>
+                <span class="quiet">Statements</span>
+                <span class='fraction'>9/17</span>
+            </div>
+        
+            
+            <div class='fl pad1y space-right2'>
+                <span class="strong">14.28% </span>
+                <span class="quiet">Branches</span>
+                <span class='fraction'>1/7</span>
+            </div>
+        
+            
+            <div class='fl pad1y space-right2'>
+                <span class="strong">60% </span>
+                <span class="quiet">Functions</span>
+                <span class='fraction'>3/5</span>
+            </div>
+        
+            
+            <div class='fl pad1y space-right2'>
+                <span class="strong">53.33% </span>
+                <span class="quiet">Lines</span>
+                <span class='fraction'>8/15</span>
+            </div>
+        
+            
+        </div>
+        <p class="quiet">
+            Press <em>n</em> or <em>j</em> to go to the next uncovered block, <em>b</em>, <em>p</em> or <em>k</em> for the previous block.
+        </p>
+        <template id="filterTemplate">
+            <div class="quiet">
+                Filter:
+                <input oninput="onInput()" type="search" id="fileSearch">
+            </div>
+        </template>
+    </div>
+    <div class='status-line medium'></div>
+    <pre><table class="coverage">
+<tr><td class="line-count quiet"><a name='L1'></a><a href='#L1'>1</a>
+<a name='L2'></a><a href='#L2'>2</a>
+<a name='L3'></a><a href='#L3'>3</a>
+<a name='L4'></a><a href='#L4'>4</a>
+<a name='L5'></a><a href='#L5'>5</a>
+<a name='L6'></a><a href='#L6'>6</a>
+<a name='L7'></a><a href='#L7'>7</a>
+<a name='L8'></a><a href='#L8'>8</a>
+<a name='L9'></a><a href='#L9'>9</a>
+<a name='L10'></a><a href='#L10'>10</a>
+<a name='L11'></a><a href='#L11'>11</a>
+<a name='L12'></a><a href='#L12'>12</a>
+<a name='L13'></a><a href='#L13'>13</a>
+<a name='L14'></a><a href='#L14'>14</a>
+<a name='L15'></a><a href='#L15'>15</a>
+<a name='L16'></a><a href='#L16'>16</a>
+<a name='L17'></a><a href='#L17'>17</a>
+<a name='L18'></a><a href='#L18'>18</a>
+<a name='L19'></a><a href='#L19'>19</a>
+<a name='L20'></a><a href='#L20'>20</a>
+<a name='L21'></a><a href='#L21'>21</a>
+<a name='L22'></a><a href='#L22'>22</a>
+<a name='L23'></a><a href='#L23'>23</a>
+<a name='L24'></a><a href='#L24'>24</a>
+<a name='L25'></a><a href='#L25'>25</a>
+<a name='L26'></a><a href='#L26'>26</a>
+<a name='L27'></a><a href='#L27'>27</a>
+<a name='L28'></a><a href='#L28'>28</a>
+<a name='L29'></a><a href='#L29'>29</a>
+<a name='L30'></a><a href='#L30'>30</a>
+<a name='L31'></a><a href='#L31'>31</a>
+<a name='L32'></a><a href='#L32'>32</a>
+<a name='L33'></a><a href='#L33'>33</a>
+<a name='L34'></a><a href='#L34'>34</a>
+<a name='L35'></a><a href='#L35'>35</a>
+<a name='L36'></a><a href='#L36'>36</a>
+<a name='L37'></a><a href='#L37'>37</a>
+<a name='L38'></a><a href='#L38'>38</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">8x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">8x</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">8x</span>
+<span class="cline-any cline-yes">95x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">8x</span>
+<span class="cline-any cline-yes">8x</span>
+<span class="cline-any cline-yes">8x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">export function <span class="fstat-no" title="function not covered" >updateArrayWithDefault(</span>array, defaultoptions = <span class="branch-0 cbranch-no" title="branch not covered" >[])</span> {
+  const index = <span class="cstat-no" title="statement not covered" >array.indexOf('...');</span>
+&nbsp;
+<span class="cstat-no" title="statement not covered" >  if (index === -1) {</span>
+<span class="cstat-no" title="statement not covered" >    return array;</span>
+  }
+  const newArray = <span class="cstat-no" title="statement not covered" >[...array];</span>
+<span class="cstat-no" title="statement not covered" >  newArray.splice(index, 1, ...defaultoptions);</span>
+<span class="cstat-no" title="statement not covered" >  return newArray;</span>
+}
+&nbsp;
+const isEqualVal = <span class="fstat-no" title="function not covered" >(a</span>, b) =&gt; <span class="cstat-no" title="statement not covered" >a === b;</span>
+&nbsp;
+export function getArrayWithDefault(
+  array,
+  defaultoptions = <span class="branch-0 cbranch-no" title="branch not covered" >[],</span>
+  isEqual = <span class="branch-0 cbranch-no" title="branch not covered" >isEqualVal</span>
+) {
+  const index = array.indexOf('...');
+&nbsp;
+  <span class="missing-if-branch" title="if path not taken" >I</span>if (index === -1) {
+<span class="cstat-no" title="statement not covered" >    return array;</span>
+  }
+  // console.log(isEqual, array, defaultoptions);
+  const filteredDefaultOptions = defaultoptions.filter(
+    v =&gt; !array.some(v1 =&gt; isEqual(v, v1))
+    // v =&gt; !array.some(v1 =&gt; {
+    //   let c = isEqual(v, v1)
+    //   console.log(` v=${v} v1=${v1}  ==${c}`);
+    //   return c
+    // })
+  );
+&nbsp;
+  const newArray = [...array];
+  newArray.splice(index, 1, ...filteredDefaultOptions);
+  return newArray;
+}
+&nbsp;</pre></td></tr></table></pre>
+
+                <div class='push'></div><!-- for sticky footer -->
+            </div><!-- /wrapper -->
+            <div class='footer quiet pad2 space-top1 center small'>
+                Code coverage generated by
+                <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
+                at 2023-08-08T10:31:57.089Z
+            </div>
+        <script src="prettify.js"></script>
+        <script>
+            window.onload = function () {
+                prettyPrint();
+            };
+        </script>
+        <script src="sorter.js"></script>
+        <script src="block-navigation.js"></script>
+    </body>
+</html>
+    

package/docs/CSSCustomPluginsDocumentation.md

@@ -0,0 +1,71 @@
+## CSS Custom Plugins Documentation
+
+The following documentation provides an overview of the CSS custom plugins available in the Client Build Tool (CBT) configuration. These plugins allow you to extend the functionality of PostCSS, a powerful tool for transforming CSS using JavaScript plugins. Each plugin can be customized based on your specific requirements. Here are the available CSS custom plugins:
+
+### rtlSplit
+
+- **enableRTLSplit** (boolean): Specifies whether to enable Right-to-Left (RTL) splitting. When enabled, this plugin generates separate CSS files for RTL layouts. The default value is `false`.
+
+- **templateLabel** (string): Specifies the template label used for RTL splitting. The default value is `'{{--dir}}'`.
+
+- **disableMinifySelector** (boolean): Specifies whether to disable minification of CSS selectors during RTL splitting. The default value is `false`.
+
+- **dirVarName** (string): Specifies the variable name used to store the direction (LTR or RTL). The default value is `'document.dir'`.
+
+### selectorWeight
+
+- **enable** (boolean): Specifies whether to enable the selector weight plugin. When enabled, this plugin calculates the weight of CSS selectors based on specificity. The default value is `false`.
+
+- **patterns** (array): Specifies an array of file patterns to apply the selector weight plugin. The default value is an empty array.
+
+- **configFile** (null): Specifies the configuration file for the selector weight plugin. The default value is `null`.
+
+- **defaultSelector** (string): Specifies the default selector used by the selector weight plugin. The default value is an empty string.
+
+- **customFileDetails** (string): Specifies custom file details for the selector weight plugin. The default value is an empty string.
+
+- **excludeStrings** (array): Specifies an array of strings to exclude from the selector weight calculations. The default value is an empty array.
+
+### valueReplacer
+
+- **enable** (boolean): Specifies whether to enable the value replacer plugin. When enabled, this plugin replaces values in CSS properties based on specified patterns. The default value is `false`.
+
+- **patterns** (array): Specifies an array of patterns to match CSS property values for replacement. The default value is an empty array.
+
+- **config** (array): Specifies an array of configuration options for the value replacer plugin. The default value is an empty array.
+
+### selectorReplace
+
+- **enable** (boolean): Specifies whether to enable the selector replace plugin. When enabled, this plugin replaces CSS selectors based on specified patterns. The default value is `false`.
+
+- **patterns** (array): Specifies an array of patterns to match CSS selectors for replacement. The default value is an empty array.
+
+- **before** (array): Specifies an array of strings or regular expressions to match selector patterns that should be replaced before the main replacement. The default value is an empty array.
+
+- **after** (array): Specifies an array of strings or regular expressions to match selector patterns that should be replaced after the main replacement. The default value is an empty array.
+
+### hoverActive
+
+- **enable** (boolean): Specifies whether to enable the hover and active plugin. When enabled, this plugin generates CSS for hover and active states based on specified patterns. The default value is `false`.
+
+- **patterns** (array): Specifies an array of patterns to match CSS selectors for generating hover and active states. The default value is an empty array.
+
+- **hover** (string): Specifies the CSS pseudo-class for the hover state. The default value is `'(hover: hover)'`.
+
+- **active** (string): Specifies the CSS pseudo-class for the active state. The default value is `'(hover: none)'`.
+
+### cssVariableReplacement
+
+- **enable** (boolean): Specifies whether to enable the CSS variable replacement plugin. When enabled, this plugin replaces CSS variables based on specified patterns. The default value is `false`.
+
+- **patterns** (array): Specifies an array of patterns to match CSS variable names for replacement. The default value is an empty array.
+
+- **configFile** (null): Specifies the configuration file for the CSS variable replacement plugin. The default value is `null`.
+
+### rtl
+
+- **enable** (boolean): Specifies whether to enable the RTL plugin. When enabled, this plugin generates RTL-specific CSS based on specified patterns. The default value is `false`.
+
+- **patterns** (array): Specifies an array of patterns to match CSS selectors for RTL transformation. The default value is an empty array.
+
+These custom plugins provide additional functionality and customization options for transforming CSS during the build process. You can enable or disable each plugin as needed and configure them according to your project's requirements.

package/docs/MockApi.md

@@ -0,0 +1,61 @@
+# Mock Api
+
+## Explanation:-
+
+    This api is for run mock api.
+    The reason for this feature is we usually run dev server as just to server react page not for api request.
+    So when we need Mock Api or api request related this not on server (some java server).
+    But do it in node js, this api.
+
+## Ways to use Mock api
+
+    There is two ways to run mock api.
+
+1. Run mock api with dev server
+2. Run mock api separate from dev server but api can be called through dev server.
+
+### Run mock api with dev server
+
+    In this way of running you do not need to run extra you do not have to run separate command.
+    But every change you do in mock api you need to stop and restart.
+
+To run this you have to enable mock server and just un dev server as usual `cbt start`
+
+### Run mock api separate from dev server
+
+    This api is for run mock api in separate nodemon.
+
+So to run this you have to enable mock api and run `cbt mock:server`.
+
+## Configuration
+
+To config this mock api
+you can need to add `mockServer` key in **cbt.config.js** or **package.json** file (`client-build-config` or `react-cli`) ==> `mockServer`
+
+|      option       |  type   |     default      |
+| :---------------: | :-----: | :--------------: |
+|      enable       | Boolean |      false       |
+| separateSeverPort | Number  |       null       |
+|  disableNodemon   | Boolean |      false       |
+|   mockEntryFile   | String  | mockapi/index.js |
+|    mockPrefix     | String  |      /api/       |
+
+### **enable**:
+
+Specifies whether the application's mocking functionality is enabled or disabled. When set to `true`, the application will use the mock server. When set to `false`, the mock server will be disabled. By default, the value is set to `false`.
+
+### **separateSeverPort**:
+
+Specifies the port to be used by the mock server. If the `enable` option is set to `true`, the application will use this port to run the mock server. This configuration parameter should be set to a valid port number. In this case, the port number is set to `8080`.
+
+### **disableNodemon**:
+
+Specifies whether nodemon, a utility that automatically restarts the application upon file changes, should be disabled. When set to `true`, nodemon will be disabled. When set to `false`, nodemon will remain enabled. By default, the value is set to `false`.
+
+### **mockEntryFile**:
+
+Specifies the entry file for the mock server. This file is the starting point for the mock server's execution. The value should be a string representing the file path. In this case, the entry file is set to `mockapi/index.js`.
+
+### **mockPrefix**:
+
+Specifies the URL prefix for the mock server's API endpoints. The value should be a string representing the desired prefix. In this case, the prefix is set to `/api/`.

package/docs/NameTemplateUtility.md

@@ -0,0 +1,93 @@
+## Name Template Utility Documentation
+
+The provided code snippet represents a utility module for generating name templates used in the build process of the Client Build Tool (CBT). The module contains functions for creating name templates and determining whether a file is an internationalization file. Let's document the different parts of the code:
+
+### Import Statements
+
+```javascript
+import { isDevelopmentMode, isProductionMode } from './modeUtils';
+```
+
+This import statement brings in the `isDevelopmentMode` and `isProductionMode` functions from the `modeUtils` module.
+
+### Templates Object
+
+The `templates` object represents a collection of different name templates used for various types of files during the build process. Each key-value pair in the object represents a file type and its corresponding name templates.
+
+### createNameTemplate Function
+
+The `createNameTemplate` function is used to generate a name template for a specific file type based on whether a hash should be included in the file name. It takes in the `name` and `useHash` parameters and returns the appropriate name template based on the `useHash` value.
+
+### nameTemplates Function
+
+The `nameTemplates` function is a utility function that determines the name template for a specified file type based on the provided options. It takes in the `type` and `options` parameters and returns the corresponding name template.
+
+### isI18nFile Function
+
+The `isI18nFile` function is a utility function that checks whether a given URL represents an internationalization file. It takes in the `url` parameter and returns `true` if the URL ends with `.i18n.js`, indicating it is an internationalization file.
+
+### Export Statements
+
+The module exports the `nameTemplates` function, allowing it to be used in other parts of the build process. The `isI18nFile` function is not exported and is intended for internal use within the module.
+
+By using these utility functions, you can generate name templates for different types of files during the build process. These name templates play a crucial role in determining the output file names and paths, enabling effective asset management and caching strategies.
+
+Please note that the provided code snippet represents a partial implementation, and there may be additional code or dependencies required for the utility module to function correctly within the overall CBT system.
+
+## File Templates Configuration Documentation
+
+The `templates` object in the provided code represents a collection of file templates used in the build process of the Client Build Tool (CBT). The object contains various file types as keys, and each key holds an array of file templates for development and production modes. Here is the documentation for the file templates:
+
+```javascript
+const templates = {
+  html: ['index.html', 'index.[contenthash].html'],
+  js: ['js/[name].js', 'js/[name].[contenthash].js'],
+  chunkjs: ['js-chunks/[name].js', 'js-chunks/[name].[contenthash].js'],
+  i18njs: [
+    'i18n-chunks/[locale]/[name].i18n.js',
+    'i18n-chunks/[locale]/[name].[chunkhash].i18n.js'
+  ],
+  i18nchunkjs: [
+    'i18n-chunks/[locale]/[name].i18n.js',
+    // 'i18n-chunks/[locale]/[name].[chunkhash].i18n.js'
+    'i18n-chunks/[locale]/[name].[contenthash].i18n.js'
+  ],
+  i18nmanifest: ['i18n-manifest.json', 'i18n-manifest.json'],
+  workerjs: ['js/[name].js', 'js/[name].[contenthash].js'],
+  css: ['css/[name].css', 'css/[name].[contenthash].css'],
+  cssdir: ['css/[name].[dir].css', 'css/[name].[contenthash].[dir].css'],
+  image: ['images/[name][ext]', 'images/[name].[contenthash][ext]'],
+  font: ['fonts/[name][ext]', 'fonts/[name].[contenthash][ext]'],
+  svg: ['fonts/[name][ext]', 'fonts/[name].[contenthash][ext]'],
+  audio: ['fonts/[name][ext]', 'fonts/[name].[contenthash][ext]'],
+  video: ['videos/[name][ext]', 'videos/[name].[contenthash][ext]']
+};
+```
+
+The `templates` object contains file templates for various types of assets used in the build process. Each key-value pair represents a file type and its corresponding file templates.
+
+Here are some key points regarding the file templates:
+
+- **html**: Contains file templates for HTML files. The development mode template is `'index.html'`, and the production mode template includes a `[contenthash]` placeholder, resulting in `'index.[contenthash].html'`.
+
+- **js**: Contains file templates for JavaScript files. The development mode template is `'js/[name].js'`, where `[name]` is replaced by the actual name of the JavaScript file. The production mode template includes a `[contenthash]` placeholder, resulting in `'js/[name].[contenthash].js'`.
+
+- **chunkjs**: Contains file templates for chunk JavaScript files. The templates follow a similar pattern to the `js` templates.
+
+- **i18njs**: Contains file templates for internationalization JavaScript files. The templates include a `[locale]` placeholder, representing the locale, and a `[chunkhash]` placeholder in the production mode template.
+
+- **i18nchunkjs**: Contains alternative file templates for internationalization JavaScript files. The production mode template uses a `[contenthash]` placeholder instead of `[chunkhash]`.
+
+- **i18nmanifest**: Contains file templates for the internationalization manifest file. The same template is used for both development and production modes.
+
+- **workerjs**: Contains file templates for worker JavaScript files. The templates follow a similar pattern to the `js` templates.
+
+- **css**: Contains file templates for CSS files. The templates follow a similar pattern to the `js` templates.
+
+- **cssdir**: Contains file templates for CSS files with directory placeholders. The templates include a `[dir]` placeholder in the file name. Changing this line may affect other files and plugins in the build process.
+
+- **image**, **font**, **svg**, **audio**, **video**: Contains file templates for different types of static assets. The templates follow specific patterns based on the file extensions and include placeholders like `[name]`, `[contenthash]`, and `[ext]` to generate dynamic file names.
+
+These file templates are used by the build process to determine the output file names and paths for different assets. They allow for effective asset management and caching strategies during development and production modes.
+
+Please note that the provided code snippet represents a partial implementation, and there may be additional code or dependencies required to fully utilize the file templates within the overall CBT system.