From a07eb254d676758b88243e74b7e156e47e947888 Mon Sep 17 00:00:00 2001
From: Tom Kent <tom@dynamsoft.com>
Date: Tue, 12 Dec 2023 13:51:54 -0800
Subject: [PATCH] update small issues 003

---
 _config.yml                                   |  14 +-
 _includes/dcpNav.html                         |   4 +-
 ...idelist-programming-javascript-v1.1.0.html |  32 +-
 .../sidelist-programming-javascript.html      | 853 +++++++++---------
 .../api-reference/code-parser-module.md       |  11 +-
 programming/javascript/api-reference/index.md |  88 +-
 6 files changed, 470 insertions(+), 532 deletions(-)

diff --git a/_config.yml b/_config.yml
index 8cc04bb..baf1610 100644
--- a/_config.yml
+++ b/_config.yml
@@ -4,14 +4,16 @@ docFullPath: https://www.dynamsoft.com/code-parser/docs/web
 firstLevelUrl: /code-parser/docs/web/
 docHomePage: /code-parser/docs/core/introduction/
 
-javascript: /code-parser/docs/web/programming/javascript/
-javascript-api: /code-parser/docs/web/programming/javascript/api-reference/
-javascript-api-enum: /code-parser/docs/web/programming/javascript/api-reference/enum/
-javascript-api-interface: /code-parser/docs/web/programming/javascript/api-reference/interface/
-javascript-release-notes: /code-parser/docs/web/programming/javascript/release-notes/
+js: /code-parser/docs/web/programming/javascript/
+dcp_js_api: /code-parser/docs/web/programming/javascript/api-reference/
+dcp_enum: /code-parser/docs/web/programming/javascript/api-reference/enum/
+js_release_notes: /code-parser/docs/web/programming/javascript/release-notes/
 
 dcv_enumerations: /capture-vision/docs/core/enums/
 
+dcv_js_api: /capture-vision/docs/web/programming/javascript/api-reference/
+dcv_introduction: /capture-vision/docs/core/introduction/
+
 assets: /code-parser/docs/web/assets/
 edit_icon: /code-parser/docs/web/assets/img-icon/edit-icon.png
 smile_icon: /code-parser/docs/web/assets/img-icon/icon-smile.png
@@ -20,7 +22,7 @@ dbr_icon: /code-parser/docs/web/assets/img-icon/icon-dbr.svg
 dwt_icon: /code-parser/docs/web/assets/img-icon/icon-dwt.svg
 dnt_icon: /code-parser/docs/web/assets/img-icon/icon-dnt.svg
 
-release-notes: /code-parser/docs/core/release-notes/
+release_notes: /code-parser/docs/core/release-notes/
 code_types: /code-parser/docs/core/code-types/
 
 useVersionTree: true
diff --git a/_includes/dcpNav.html b/_includes/dcpNav.html
index fc820c9..9d0082c 100644
--- a/_includes/dcpNav.html
+++ b/_includes/dcpNav.html
@@ -22,7 +22,7 @@
                         <li class="title"><a class="orangeLink" href="{{site.docHomePage}}">Dynamsoft Code Parser</a></li>
                         <li class="item overview">
                             <!---->
-                            <a class="textUpperCase" href="{{site.release-notes}}">Release Notes</a>
+                            <a class="textUpperCase" href="{{site.release_notes}}">Release Notes</a>
                         </li>
                         <li class="item overview">
                             <!---->
@@ -45,7 +45,7 @@
                 <div class="row">
                     <div class="col-xs-12">
                         <ul class="menuList">
-                            <li class="item"><a href="{{site.release-notes}}">Release Notes</a></li>
+                            <li class="item"><a href="{{site.release_notes}}">Release Notes</a></li>
                             <li class="item"><a href="{{site.firstLevelUrl}}">Documentation</a></li>
                         </ul>
                     </div>
diff --git a/_includes/sidelist-programming-javascript-v1.1.0.html b/_includes/sidelist-programming-javascript-v1.1.0.html
index faac9e2..8c97e44 100644
--- a/_includes/sidelist-programming-javascript-v1.1.0.html
+++ b/_includes/sidelist-programming-javascript-v1.1.0.html
@@ -1,11 +1,11 @@
 <li>
-  <a href="{{ site.javascript }}" class="otherLinkColour">Introduction</a>
+  <a href="{{ site.js }}" class="otherLinkColour">Introduction</a>
 </li>
 <li class="category">DEVELOPMENT</li>
 <li>
   <a
     style="cursor: pointer; color: #3c3c3c"
-    href="{{ site.javascript }}user-guide/index.html"
+    href="{{ site.js }}user-guide/index.html"
     class="otherLinkColour"
     >User Guide</a
   >
@@ -13,54 +13,54 @@
 <li>
   <a
     style="cursor: pointer; color: #3c3c3c"
-    href="{{ site.javascript-api }}"
+    href="{{ site.dcp_js_api }}"
     class="otherLinkColour"
     >API Reference</a
   >
   <ul>
     <li>
-      <a href="{{ site.javascript-api }}CodeParser.html" class="otherLinkColour"
+      <a href="{{ site.dcp_js_api }}CodeParser.html" class="otherLinkColour"
         >CodeParser for code parsing</a
       >
     </li>
     <li>
       <a
-        href="{{ site.javascript-api }}LicenseControl.html"
+        href="{{ site.dcp_js_api }}LicenseControl.html"
         class="otherLinkColour"
         >License Control</a
       >
     </li>
     <li>
       <a
-        href="{{ site.javascript-api }}InitializeEngine.html"
+        href="{{ site.dcp_js_api }}InitializeEngine.html"
         class="otherLinkColour"
         >Initialization Control</a
       >
     </li>
     <li>
       <a
-        href="{{ site.javascript-api-interface }}index.html"
+        href="{{ site.dcp_js_api-interface }}index.html"
         class="otherLinkColour"
         >Interfaces</a
       >
       <ul>
         <li>
           <a
-            href="{{ site.javascript-api-interface }}BasicPersonalInfo.html"
+            href="{{ site.dcp_js_api-interface }}BasicPersonalInfo.html"
             class="otherLinkColour"
             >BasicPersonalInfo</a
           >
         </li>
         <li>
           <a
-            href="{{ site.javascript-api-interface }}CodeParserException.html"
+            href="{{ site.dcp_js_api-interface }}CodeParserException.html"
             class="otherLinkColour"
             >CodeParserException</a
           >
         </li>
         <li>
           <a
-            href="{{ site.javascript-api-interface }}ParseResult.html"
+            href="{{ site.dcp_js_api-interface }}ParseResult.html"
             class="otherLinkColour"
             >ParseResult</a
           >
@@ -68,27 +68,27 @@
       </ul>
     </li>
     <li>
-      <a href="{{ site.javascript-api-enum }}index.html" class="otherLinkColour"
+      <a href="{{ site.dcp_enum }}index.html" class="otherLinkColour"
         >Enums</a
       >
       <ul>
         <li>
           <a
-            href="{{ site.javascript-api-enum }}EnumCodeFormat.html"
+            href="{{ site.dcp_enum }}EnumCodeFormat.html"
             class="otherLinkColour"
             >EnumCodeFormat</a
           >
         </li>
         <li>
           <a
-            href="{{ site.javascript-api-enum }}EnumErrorCode.html"
+            href="{{ site.dcp_enum }}EnumErrorCode.html"
             class="otherLinkColour"
             >EnumErrorCode</a
           >
         </li>
         <li>
           <a
-            href="{{ site.javascript-api-enum }}EnumResultInfoType.html"
+            href="{{ site.dcp_enum }}EnumResultInfoType.html"
             class="otherLinkColour"
             >EnumResultInfoType</a
           >
@@ -98,13 +98,13 @@
   </ul>
 </li>
 <li>
-  <a href="{{ site.javascript-release-notes }}" class="otherLinkColour"
+  <a href="{{ site.js_release_notes }}" class="otherLinkColour"
     >Release Notes</a
   >
   <ul>
     <li>
       <a
-        href="{{ site.javascript-release-notes }}js-2.html"
+        href="{{ site.js_release_notes }}js-2.html"
         class="otherLinkColour"
         >Version 1.x</a
       >
diff --git a/_includes/sidelist-programming-javascript.html b/_includes/sidelist-programming-javascript.html
index e659d15..574c34d 100644
--- a/_includes/sidelist-programming-javascript.html
+++ b/_includes/sidelist-programming-javascript.html
@@ -1,11 +1,11 @@
 <li>
-  <a href="{{ site.javascript }}" class="otherLinkColour">Introduction</a>
+  <a href="{{ site.js }}" class="otherLinkColour">Introduction</a>
 </li>
 <li class="category">DEVELOPMENT</li>
 <li>
   <a
     style="cursor: pointer; color: #3c3c3c"
-    href="{{ site.javascript }}user-guide/index.html"
+    href="{{ site.js }}user-guide/index.html"
     class="otherLinkColour"
     >User Guide</a
   >
@@ -13,555 +13,552 @@
 <li>
   <a
     style="cursor: pointer; color: #3c3c3c"
-    href="{{ site.javascript-api }}"
+    href="{{ site.dcp_js_api }}"
     class="otherLinkColour"
     >API Reference</a
   >
   <ul>
     <li>
-      <a href="{{ site.javascript-api }}CodeParser.html" class="otherLinkColour"
-        >CodeParser</a
-      >
-    </li>
-    <li lang="javascript">
       <a
-        href="{{ site.dcv_js_api }}license/license-module.html"
+        href="{{ site.ddn_js_api }}document-normalizer-module.html"
         class="otherLinkColour"
-        >License</a
+        >DocumentNormalizer</a
       >
-      <ul lang="javascript">
-        <li lang="javascript">
+      <ul>
+        <li>
           <a
-            href="{{ site.dcv_js_api }}license/license-manager.html"
+            href="{{ site.ddn_js_api }}document-normalizer-module-class.html"
             class="otherLinkColour"
-            >LicenseManger</a
+            >DocumentNormalizerModule</a
           >
         </li>
-        <!--<li lang="javascript"><a href="{{ site.dcv_js_api }}license/license-verification-listener.html" class="otherLinkColour">LicenseVerificationListener</a></li>-->
-      </ul>
-    </li>
-    <li lang="javascript">
-      <a
-        href="{{ site.dcv_js_api }}core/core-module.html"
-        class="otherLinkColour"
-        >Core</a
-      >
-      <ul lang="javascript">
-        <li lang="javascript">
-          <a>Input</a>
-          <ul lang="javascript">
-            <li lang="javascript">
-              <a
-                href="{{ site.dcv_js_api }}core/basic-structures/image-source-adapter.html"
-                class="otherLinkColour"
-                >ImageSourceAdapter</a
-              >
-            </li>
-            <!--
-                        <li lang="javascript"><a href="{{ site.dcv_js_api }}utility/directory-fetcher.html" class="otherLinkColour">DirectoryFetcher</a></li>
-                        <li lang="javascript"><a href="{{ site.dcv_js_api }}utility/proactive-image-source-adapter.html" class="otherLinkColour">ProactiveImageSourceAdapter</a></li>
-                        -->
-          </ul>
-        </li>
-        <li lang="javascript">
-          <a>Basic Structures</a>
-          <ul lang="javascript">
-            <li lang="javascript">
-              <a
-                href="{{ site.dcv_js_api }}core/basic-structures/arc.html"
-                class="otherLinkColour"
-                >Arc</a
-              >
-            </li>
-            <li lang="javascript">
-              <a
-                href="{{ site.dcv_js_api }}core/basic-structures/contour.html"
-                class="otherLinkColour"
-                >Contour</a
-              >
-            </li>
-            <li lang="javascript">
-              <a
-                href="{{ site.dcv_js_api }}core/basic-structures/corner.html"
-                class="otherLinkColour"
-                >Corner</a
-              >
-            </li>
-            <li lang="javascript">
-              <a
-                href="{{ site.dcv_js_api }}core/basic-structures/ds-file.html"
-                class="otherLinkColour"
-                >DSFile</a
-              >
-            </li>
-            <li lang="javascript">
+        <li>
+          <a class="otherLinkColour">Interfaces</a>
+          <ul>
+            <li>
               <a
-                href="{{ site.dcv_js_api }}core/basic-structures/ds-image-data.html"
+                href="{{ site.ddn_js_api }}interfaces/simplified-document-normalizer-settings.html"
                 class="otherLinkColour"
-                >DSImageData</a
+                >SimplifiedDocumentNormalizerSettings</a
               >
             </li>
-            <li lang="javascript">
+            <li>
               <a
-                href="{{ site.dcv_js_api }}core/basic-structures/ds-rect.html"
+                href="{{ site.ddn_js_api }}interfaces/detected-quad-element.html"
                 class="otherLinkColour"
-                >DSRect</a
+                >DetectedQuadElement</a
               >
             </li>
-            <li lang="javascript">
+            <li>
               <a
-                href="{{ site.dcv_js_api }}core/basic-structures/edge.html"
+                href="{{ site.ddn_js_api }}interfaces/normalized-image-element.html"
                 class="otherLinkColour"
-                >Edge</a
+                >NormalizedImageElement</a
               >
             </li>
-            <li lang="javascript">
-              <a
-                href="{{ site.dcv_js_api }}core/basic-structures/file-image-tag.html"
-                class="otherLinkColour"
-                >FileImageTag</a
+            <li>
+              <a href="{{ site.ddn_js_api }}interfaces/long-lines-unit.html" class="otherLinkColour"
+                >LongLinesUnit</a
               >
             </li>
-            <!--<li lang="javascript"><a href="{{ site.dcv_js_api }}core/basic-structures/image-data.html" class="otherLinkColour">ImageData</a></li>-->
-            <li lang="javascript">
-              <a
-                href="{{ site.dcv_js_api }}core/basic-structures/image-tag.html"
-                class="otherLinkColour"
-                >ImageTag</a
+            <li>
+              <a href="{{ site.ddn_js_api }}interfaces/corners-unit.html" class="otherLinkColour"
+                >CornersUnit</a
               >
             </li>
-            <li lang="javascript">
+            <li>
               <a
-                href="{{ site.dcv_js_api }}core/basic-structures/line-segment.html"
+                href="{{ site.ddn_js_api }}interfaces/candidate-quad-edges-unit.html"
                 class="otherLinkColour"
-                >LineSegment</a
+                >CandidateQuadEdgesUnit</a
               >
             </li>
-            <li lang="javascript">
+            <li>
               <a
-                href="{{ site.dcv_js_api }}core/basic-structures/pdf-reading-parameter.html"
+                href="{{ site.ddn_js_api }}interfaces/detected-quads-unit.html"
                 class="otherLinkColour"
-                >PDFReadingParameter</a
+                >DetectedQuadsUnit</a
               >
             </li>
-            <li lang="javascript">
+            <li>
               <a
-                href="{{ site.dcv_js_api }}core/basic-structures/point.html"
+                href="{{ site.ddn_js_api }}interfaces/normalized-images-unit.html"
                 class="otherLinkColour"
-                >Point</a
+                >NormalizedImagesUnit</a
               >
             </li>
-            <li lang="javascript">
+            <li>
               <a
-                href="{{ site.dcv_js_api }}core/basic-structures/polygon.html"
+                href="{{ site.ddn_js_api }}interfaces/detected-quad-result-item.html"
                 class="otherLinkColour"
-                >Polygon</a
+                >DetectedQuadResultItem</a
               >
             </li>
-            <li lang="javascript">
+            <li>
               <a
-                href="{{ site.dcv_js_api }}core/basic-structures/quadrilateral.html"
+                href="{{ site.ddn_js_api }}interfaces/detected-quads-result.html"
                 class="otherLinkColour"
-                >Quadrilateral</a
+                >DetectedQuadsResult</a
               >
             </li>
-            <li lang="javascript">
+            <li>
               <a
-                href="{{ site.dcv_js_api }}core/basic-structures/rect.html"
+                href="{{ site.ddn_js_api }}interfaces/normalized-image-result-item.html"
                 class="otherLinkColour"
-                >Rect</a
+                >NormalizedImageResultItem</a
               >
             </li>
-            <li lang="javascript">
+            <li>
               <a
-                href="{{ site.dcv_js_api }}core/basic-structures/video-frame-tag.html"
+                href="{{ site.ddn_js_api }}interfaces/normalized-images-result.html"
                 class="otherLinkColour"
-                >VideoFrameTag</a
+                >NormalizedImagesResult</a
               >
             </li>
           </ul>
         </li>
-        <li lang="javascript">
-          <a>Intermediate Results</a>
-          <ul lang="javascript">
-            <!-- 
-                        <li lang="javascript"><a href="{{ site.dlr_js_api }}localized-text-lines-unit.html" class="otherLinkColour">CLocalizedTextLinesUnit</a></li>
-                        <li lang="javascript"><a href="{{ site.dlr_js_api }}recognized-text-lines-unit.html" class="otherLinkColour">CRecognizedTextLinesUnit</a></li>
-                        <li lang="javascript"><a href="{{ site.dlr_js_api }}localized-text-line-element.html" class="otherLinkColour">CLocalizedTextLineElement</a></li>
-                        <li lang="javascript"><a href="{{ site.dlr_js_api }}recognized-text-line-element.html" class="otherLinkColour">CRecognizedTextLineElement</a></li>               
-                        <li lang="javascript"><a href="{{ site.ddn_js_api }}candidate-quad-edges-unit.html" class="otherLinkColour">CandidateQuadEdgesUnit</a></li>
-                        <li lang="javascript"><a href="{{ site.ddn_js_api }}corners-unit.html" class="otherLinkColour">CornersUnit</a></li>
-                        <li lang="javascript"><a href="{{ site.ddn_js_api }}detected-quad-element.html" class="otherLinkColour">DetectedQuadElement</a></li>
-                        <li lang="javascript"><a href="{{ site.ddn_js_api }}detected-quads-unit.html" class="otherLinkColour">DetectedQuadsUnit</a></li>
-                        <li lang="javascript"><a href="{{ site.ddn_js_api }}long-lines-unit.html" class="otherLinkColour">LongLinesUnit</a></li>
-                        <li lang="javascript"><a href="{{ site.ddn_js_api }}normalized-image-element.html" class="otherLinkColour">NormalizedImageElement</a></li> 
-                        <li lang="javascript"><a href="{{ site.ddn_js_api }}normalized-images-unit.html" class="otherLinkColour">NormalizedImageUnit</a></li>
-                        -->
-            <li lang="javascript">
-              <a
-                href="{{ site.dcv_js_api }}core/intermediate-results/binary-image-unit.html"
-                class="otherLinkColour"
-                >BinaryImageUnit</a
-              >
-            </li>
-            <li lang="javascript">
-              <a
-                href="{{ site.js_api }}candidate-barcode-zones-unit.html"
-                class="otherLinkColour"
-                >CandidateBarcodeZonesUnit</a
-              >
-            </li>
-            <li lang="javascript">
-              <a
-                href="{{ site.dcv_js_api }}core/intermediate-results/colour-image-unit.html"
-                class="otherLinkColour"
-                >ColourImageUnit</a
-              >
-            </li>
-            <li lang="javascript">
-              <a
-                href="{{ site.js_api }}complemented-barcode-image-unit.html"
-                class="otherLinkColour"
-                >ComplementedBarcodeImageUnit</a
-              >
-            </li>
-            <li lang="javascript">
-              <a
-                href="{{ site.dcv_js_api }}core/intermediate-results/contours-unit.html"
-                class="otherLinkColour"
-                >ContoursUnit</a
-              >
-            </li>
-            <li lang="javascript">
-              <a
-                href="{{ site.js_api }}decoded-barcode-element.html"
-                class="otherLinkColour"
-                >DecodedBarcodeElement</a
-              >
-            </li>
-            <li lang="javascript">
-              <a
-                href="{{ site.js_api }}decoded-barcodes-unit.html"
-                class="otherLinkColour"
-                >DecodedBarcodesUnit</a
-              >
-            </li>
-            <li lang="javascript">
-              <a
-                href="{{ site.js_api }}deformation-resisted-barcode-image-unit.html"
-                class="otherLinkColour"
-                >DeformationResistedBarcodeImageUnit</a
-              >
-            </li>
-            <li lang="javascript">
-              <a
-                href="{{ site.dcv_js_api }}core/intermediate-results/enhanced-grayscale-image-unit.html"
-                class="otherLinkColour"
-                >EnhancedGrayscaleImageUnit</a
-              >
-            </li>
-            <li lang="javascript">
-              <a
-                href="{{ site.js_api }}extended-barcode-result.html"
-                class="otherLinkColour"
-                >ExtendedBarcodeResult</a
-              >
-            </li>
-            <li lang="javascript">
-              <a
-                href="{{ site.dcv_js_api }}core/intermediate-results/grayscale-image-unit.html"
-                class="otherLinkColour"
-                >GrayscaleImageUnit</a
-              >
-            </li>
-            <li lang="javascript">
-              <a
-                href="{{ site.dcv_js_api }}core/intermediate-results/intermediate-result-extra-info.html"
-                class="otherLinkColour"
-                >IntermediateResultExtraInfo</a
-              >
-            </li>
-            <li lang="javascript">
-              <a
-                href="{{ site.dcv_js_api }}core/intermediate-results/intermediate-result-manager.html"
-                class="otherLinkColour"
-                >IntermediateResultManager</a
-              >
-            </li>
-            <li lang="javascript">
-              <a
-                href="{{ site.dcv_js_api }}core/intermediate-results/intermediate-result-receiver.html"
-                class="otherLinkColour"
-                >IntermediateResultReceiver</a
-              >
-            </li>
-            <li lang="javascript">
-              <a
-                href="{{ site.dcv_js_api }}core/intermediate-results/intermediate-result-unit.html"
-                class="otherLinkColour"
-                >IntermediateResultUnit</a
-              >
-            </li>
-            <li lang="javascript">
-              <a
-                href="{{ site.dcv_js_api }}core/intermediate-results/intermediate-result.html"
-                class="otherLinkColour"
-                >IntermediateResult</a
-              >
-            </li>
-            <li lang="javascript">
-              <a
-                href="{{ site.dcv_js_api }}core/intermediate-results/line-segments-unit.html"
-                class="otherLinkColour"
-                >LineSegmentsUnit</a
-              >
-            </li>
-            <li lang="javascript">
-              <a
-                href="{{ site.js_api }}localized-barcode-element.html"
-                class="otherLinkColour"
-                >LocalizedBarcodesElement</a
-              >
-            </li>
-            <li lang="javascript">
-              <a
-                href="{{ site.js_api }}localized-barcodes-unit.html"
-                class="otherLinkColour"
-                >LocalizedBarcodesUnit</a
-              >
-            </li>
-            <li lang="javascript">
-              <a
-                href="{{ site.dcv_js_api }}core/intermediate-results/observation-parameters.html"
-                class="otherLinkColour"
-                >ObservationParameters</a
-              >
-            </li>
-            <li lang="javascript">
-              <a
-                href="{{ site.dcv_js_api }}core/intermediate-results/predetected-region-element.html"
-                class="otherLinkColour"
-                >PredetectedRegionElement</a
-              >
-            </li>
-            <li lang="javascript">
-              <a
-                href="{{ site.dcv_js_api }}core/intermediate-results/predetected-regions-unit.html"
-                class="otherLinkColour"
-                >PredetectedRegionsUnit</a
-              >
-            </li>
-            <li lang="javascript">
-              <a
-                href="{{ site.dcv_js_api }}core/intermediate-results/region-object-element.html"
-                class="otherLinkColour"
-                >RegionObjectElement</a
-              >
-            </li>
-            <li lang="javascript">
-              <a
-                href="{{ site.dcv_js_api }}core/intermediate-results/scaled-down-colour-image-unit.html"
-                class="otherLinkColour"
-                >ScaledDownColourImageUnit</a
-              >
-            </li>
-            <li lang="javascript">
-              <a
-                href="{{ site.js_api }}scaled-up-barcode-image-unit.html"
-                class="otherLinkColour"
-                >ScaledUpBarcodeImageUnit</a
-              >
+      </ul>
+    </li>
+    <!-- License -->
+    <li>
+      <a
+        href="{{ site.dcv_js_api }}license/license-module.html"
+        class="otherLinkColour"
+        >License</a
+      >
+      <ul>
+        <li>
+          <a
+            href="{{ site.dcv_js_api }}license/license-module-class.html"
+            class="otherLinkColour"
+            >LicenseModule</a
+          >
+        </li>
+        <li>
+          <a
+            href="{{ site.dcv_js_api }}license/license-manager.html"
+            class="otherLinkColour"
+            >LicenseManger</a
+          >
+        </li>
+      </ul>
+    </li>
+    <!-- Core -->
+    <li>
+      <a
+        href="{{ site.dcv_js_api }}core/core-module.html"
+        class="otherLinkColour"
+        >Core</a
+      >
+      <ul>
+        <li>
+          <a
+            href="{{ site.dcv_js_api }}core/core-module-class.html"
+            class="otherLinkColour"
+            >CoreModule</a
+          >
+        </li>
+        <li>
+          <a
+            href="{{ site.dcv_js_api }}core/image-source-adapter.html"
+            class="otherLinkColour"
+            >ImageSourceAdapter</a
+          >
+        </li>
+        <li>
+          <a>Interfaces</a>
+          <ul>
+            <li>
+              <a>Basic Shapes</a>
+              <ul>
+                <li>
+                  <a
+                    href="{{ site.dcv_js_api }}core/basic-structures/arc.html"
+                    class="otherLinkColour"
+                    >Arc</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="{{ site.dcv_js_api }}core/basic-structures/contour.html"
+                    class="otherLinkColour"
+                    >Contour</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="{{ site.dcv_js_api }}core/basic-structures/corner.html"
+                    class="otherLinkColour"
+                    >Corner</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="{{ site.dcv_js_api }}core/basic-structures/edge.html"
+                    class="otherLinkColour"
+                    >Edge</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="{{ site.dcv_js_api }}core/basic-structures/line-segment.html"
+                    class="otherLinkColour"
+                    >LineSegment</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="{{ site.dcv_js_api }}core/basic-structures/point.html"
+                    class="otherLinkColour"
+                    >Point</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="{{ site.dcv_js_api }}core/basic-structures/polygon.html"
+                    class="otherLinkColour"
+                    >Polygon</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="{{ site.dcv_js_api }}core/basic-structures/quadrilateral.html"
+                    class="otherLinkColour"
+                    >Quadrilateral</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="{{ site.dcv_js_api }}core/basic-structures/rect.html"
+                    class="otherLinkColour"
+                    >Rect</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="{{ site.dcv_js_api }}core/basic-structures/ds-rect.html"
+                    class="otherLinkColour"
+                    >DSRect</a
+                  >
+                </li>
+              </ul>
+            </li>
+            <li>
+              <a>Basic Structures</a>
+              <ul>
+                <li>
+                  <a
+                    href="{{ site.dcv_js_api }}core/basic-structures/captured-result.html"
+                    class="otherLinkColour"
+                    >CapturedResult</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="{{ site.dcv_js_api }}core/basic-structures/captured-result-item.html"
+                    class="otherLinkColour"
+                    >CapturedResultItem</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="{{ site.dcv_js_api }}core/basic-structures/original-image-result-item.html"
+                    class="otherLinkColour"
+                    >OriginalImageResultItem</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="{{ site.dcv_js_api }}core/basic-structures/ds-image-data.html"
+                    class="otherLinkColour"
+                    >DSImageData</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="{{ site.dcv_js_api }}core/basic-structures/image-tag.html"
+                    class="otherLinkColour"
+                    >ImageTag</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="{{ site.dcv_js_api }}core/basic-structures/file-image-tag.html"
+                    class="otherLinkColour"
+                    >FileImageTag</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="{{ site.dcv_js_api }}core/basic-structures/image-source-error-listener.html"
+                    class="otherLinkColour"
+                    >ImageSourceErrorListener</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="{{ site.dcv_js_api }}core/basic-structures/warning.html"
+                    class="otherLinkColour"
+                    >Warning</a
+                  >
+                </li>
+              </ul>
+            </li>
+            <li>
+              <a>Intermediate Results</a>
+              <ul>
+                <li>
+                  <a
+                    href="{{ site.dcv_js_api }}core/intermediate-results/region-object-element.html"
+                    class="otherLinkColour"
+                    >RegionObjectElement</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="{{ site.dcv_js_api }}core/intermediate-results/predetected-region-element.html"
+                    class="otherLinkColour"
+                    >PredetectedRegionElement</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="{{ site.dcv_js_api }}core/intermediate-results/intermediate-result.html"
+                    class="otherLinkColour"
+                    >IntermediateResult</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="{{ site.dcv_js_api }}core/intermediate-results/intermediate-result-unit.html"
+                    class="otherLinkColour"
+                    >IntermediateResultUnit</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="{{ site.dcv_js_api }}core/intermediate-results/colour-image-unit.html"
+                    class="otherLinkColour"
+                    >ColourImageUnit</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="{{ site.dcv_js_api }}core/intermediate-results/scaled-down-colour-image-unit.html"
+                    class="otherLinkColour"
+                    >ScaledDownColourImageUnit</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="{{ site.dcv_js_api }}core/intermediate-results/grayscale-image-unit.html"
+                    class="otherLinkColour"
+                    >GrayscaleImageUnit</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="{{ site.dcv_js_api }}core/intermediate-results/transformed-grayscale-image-unit.html"
+                    class="otherLinkColour"
+                    >TransformedGrayscaleImageUnit</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="{{ site.dcv_js_api }}core/intermediate-results/enhanced-grayscale-image-unit.html"
+                    class="otherLinkColour"
+                    >EnhancedGrayscaleImageUnit</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="{{ site.dcv_js_api }}core/intermediate-results/predetected-regions-unit.html"
+                    class="otherLinkColour"
+                    >PredetectedRegionsUnit</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="{{ site.dcv_js_api }}core/intermediate-results/binary-image-unit.html"
+                    class="otherLinkColour"
+                    >BinaryImageUnit</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="{{ site.dcv_js_api }}core/intermediate-results/texture-detection-result-unit.html"
+                    class="otherLinkColour"
+                    >TextureDetectionResultUnit</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="{{ site.dcv_js_api }}core/intermediate-results/texture-removed-grayscale-image-unit.html"
+                    class="otherLinkColour"
+                    >TextureRemovedGrayscaleImageUnit</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="{{ site.dcv_js_api }}core/intermediate-results/texture-removed-binary-image-unit.html"
+                    class="otherLinkColour"
+                    >TextureRemovedBinaryImageUnit</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="{{ site.dcv_js_api }}core/intermediate-results/contours-unit.html"
+                    class="otherLinkColour"
+                    >ContoursUnit</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="{{ site.dcv_js_api }}core/intermediate-results/line-segments-unit.html"
+                    class="otherLinkColour"
+                    >LineSegmentsUnit</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="{{ site.dcv_js_api }}core/intermediate-results/text-zones-unit.html"
+                    class="otherLinkColour"
+                    >TextZonesUnit</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="{{ site.dcv_js_api }}core/intermediate-results/text-removed-binary-image-unit.html"
+                    class="otherLinkColour"
+                    >TextRemovedBinaryImageUnit</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="{{ site.dcv_js_api }}core/intermediate-results/observation-parameters.html"
+                    class="otherLinkColour"
+                    >ObservationParameters</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="{{ site.dcv_js_api }}core/intermediate-results/intermediate-result-extra-info.html"
+                    class="otherLinkColour"
+                    >IntermediateResultExtraInfo</a
+                  >
+                </li>
+              </ul>
             </li>
-            <li lang="javascript">
+          </ul>
+        </li>
+        <li>
+          <a>Enumerations</a>
+          <ul>
+            <li>
               <a
-                href="{{ site.dcv_js_api }}core/intermediate-results/text-removed-binary-image-unit.html"
+                href="{{ site.enums }}core/error-code.html?lang=js"
                 class="otherLinkColour"
-                >TextRemovedBinaryImageUnit</a
+                >ErrorCode</a
               >
             </li>
-            <li lang="javascript">
+            <li>
               <a
-                href="{{ site.dcv_js_api }}core/intermediate-results/text-zones-unit.html"
+                href="{{ site.enums }}core/image-pixel-format.html?lang=js"
                 class="otherLinkColour"
-                >TextZonesUnit</a
+                >ImagePixelFormat</a
               >
             </li>
-            <li lang="javascript">
+            <li>
               <a
-                href="{{ site.dcv_js_api }}core/intermediate-results/texture-detection-result-unit.html"
+                href="{{ site.enums }}core/grayscale-transformation-mode.html?lang=js"
                 class="otherLinkColour"
-                >TextureDetectionResultUnit</a
+                >GrayscaleTransformationMode</a
               >
             </li>
-            <li lang="javascript">
+            <li>
               <a
-                href="{{ site.dcv_js_api }}core/intermediate-results/texture-removed-binary-image-unit.html"
+                href="{{ site.enums }}core/grayscale-enhancement-mode.html?lang=js"
                 class="otherLinkColour"
-                >TextureRemovedBinaryImageUnit</a
+                >GrayscaleEnhancementMode</a
               >
             </li>
-            <li lang="javascript">
+            <li>
               <a
-                href="{{ site.dcv_js_api }}core/intermediate-results/texture-removed-grayscale-image-unit.html"
+                href="{{ site.enums }}core/captured-result-item-type.html?lang=js"
                 class="otherLinkColour"
-                >TextureRemovedGrayscaleImageUnit</a
+                >CapturedResultItemType</a
               >
             </li>
-            <li lang="javascript">
+            <li>
               <a
-                href="{{ site.dcv_js_api }}core/intermediate-results/transformed-grayscale-image-unit.html"
+                href="{{ site.enums }}core/buffer-overflow-protection-mode.html?lang=js"
                 class="otherLinkColour"
-                >TransformedGrayscaleImageUnit</a
+                >BufferOverflowProtectionMode</a
               >
             </li>
-          </ul>
-        </li>
-        <li lang="javascript">
-          <a>Final Results</a>
-          <ul lang="javascript">
-            <li lang="javascript">
+            <li>
               <a
-                href="{{ site.js_api }}barcode-result-item.html"
+                href="{{ site.enums }}core/image-tag-type.html?lang=js"
                 class="otherLinkColour"
-                >BarcodeResultItem</a
+                >ImageTagType</a
               >
             </li>
-            <li lang="javascript">
+            <li>
               <a
-                href="{{ site.dcv_js_api }}core/basic-structures/captured-result.html"
+                href="{{ site.enums }}core/corner-type.html?lang=js"
                 class="otherLinkColour"
-                >CapturedResult</a
+                >CornerType</a
               >
             </li>
-            <li lang="javascript">
+            <li>
               <a
-                href="{{ site.dcv_js_api }}core/basic-structures/captured-result-filter.html"
+                href="{{ site.enums }}core/section-type.html?lang=js"
                 class="otherLinkColour"
-                >CapturedResultFilter</a
+                >SectionType</a
               >
             </li>
-            <!--<li lang="javascript"><a href="{{ site.dcv_js_api }}core/basic-structures/captured-result-array.html" class="otherLinkColour">CapturedResultArray</a></li>-->
-            <li lang="javascript">
+            <li>
               <a
-                href="{{ site.dcv_js_api }}core/basic-structures/captured-result-item.html"
+                href="{{ site.enums }}core/intermediate-result-unit-type.html?lang=js"
                 class="otherLinkColour"
-                >CapturedResultItem</a
+                >IntermediateResultUnitType</a
               >
             </li>
-            <li lang="javascript">
+            <li>
               <a
-                href="{{ site.dcv_js_api }}core/basic-structures/captured-result-receiver.html"
+                href="{{ site.enums }}core/region-object-element-type.html?lang=js"
                 class="otherLinkColour"
-                >CapturedResultReceiver</a
+                >RegionObjectElementType</a
               >
             </li>
-            <li lang="javascript">
+            <li>
               <a
-                href="{{ site.js_api }}decoded-barcodes-result.html"
+                href="{{ site.enums }}core/colour-channel-usage-type.html?lang=js"
                 class="otherLinkColour"
-                >DecodedBarcodesResult</a
+                >ColourChannelUsageType</a
               >
             </li>
-            <li lang="javascript">
+            <li>
               <a
-                href="{{ site.dcv_js_api }}core/basic-structures/original-image-result-item.html"
+                href="{{ site.enums }}core/transform-matrix-type.html?lang=js"
                 class="otherLinkColour"
-                >OriginalImageResultItem</a
+                >TransformMatrixType</a
               >
             </li>
-            <!--<li lang="javascript">
-              <a
-                href="{{ site.js_api }}decoded-barcodes-result-array.html"
-                class="otherLinkColour"
-                >DecodedBarcodesResultArray</a
-              >
-            </li>-->
-            <!--
-                        <li lang="javascript"><a href="{{ site.dlr_js_api }}text-line-result-item.html" class="otherLinkColour">CTextLineResultItem</a></li>
-                        <li lang="javascript"><a href="{{ site.dlr_js_api }}character-result.html" class="otherLinkColour">CCharacterResult</a></li>
-                        <li lang="javascript"><a href="{{ site.dlr_js_api }}recognized-text-lines-result.html" class="otherLinkColour">CRecognizedTextLinesResult</a></li>
-                        <li lang="javascript"><a href="{{ site.dlr_js_api }}recognized-text-lines-result-array.html" class="otherLinkColour">CRecognizedTextLinesResultArray</a></li>
-                        <li lang="javascript"><a href="{{ site.ddn_js_api }}detected-quads-result-array.html" class="otherLinkColour">CDetectedQuadsResultArray</a></li>
-                        <li lang="javascript"><a href="{{ site.ddn_js_api }}normalized-images-result-array.html" class="otherLinkColour">CNormalizedImagesResultArray</a></li>
-                        <li lang="javascript"><a href="{{ site.dcp_js_api }}parsed-result-item.html" class="otherLinkColour">CParsedResultItem</a></li>
-                        <li lang="javascript"><a href="{{ site.dcp_js_api }}parsed-result.html" class="otherLinkColour">CParsedResult</a></li>
-                        <li lang="javascript"><a href="{{ site.ddn_js_api }}detected-quad-result-item.html" class="otherLinkColour">DetectedQuadResultItem</a></li>
-                        <li lang="javascript"><a href="{{ site.ddn_js_api }}detected-quads-result.html" class="otherLinkColour">DetectedQuadsResult</a></li>
-                        <li lang="javascript"><a href="{{ site.ddn_js_api }}normalized-image-result-item.html" class="otherLinkColour">NormalizedImageResultItem</a></li>
-                        <li lang="javascript"><a href="{{ site.ddn_js_api }}normalized-images-result.html" class="otherLinkColour">NormalizedImagesResult</a></li>
-                        -->
           </ul>
         </li>
       </ul>
     </li>
-    <li>
-      <a
-        href="{{ site.javascript-api-interface }}index.html"
-        class="otherLinkColour"
-        >Interfaces</a
-      >
-      <ul>
-        <li>
-          <a
-            href="{{ site.javascript-api-interface }}BasicPersonalInfo.html"
-            class="otherLinkColour"
-            >BasicPersonalInfo</a
-          >
-        </li>
-        <li>
-          <a
-            href="{{ site.javascript-api-interface }}CodeParserException.html"
-            class="otherLinkColour"
-            >CodeParserException</a
-          >
-        </li>
-        <li>
-          <a
-            href="{{ site.javascript-api-interface }}ParseResult.html"
-            class="otherLinkColour"
-            >ParseResult</a
-          >
-        </li>
-      </ul>
-    </li>
-    <li>
-      <a href="{{ site.javascript-api-enum }}index.html" class="otherLinkColour"
-        >Enums</a
-      >
-      <ul>
-        <li>
-          <a
-            href="{{ site.javascript-api-enum }}EnumCodeFormat.html"
-            class="otherLinkColour"
-            >EnumCodeFormat</a
-          >
-        </li>
-        <li>
-          <a
-            href="{{ site.javascript-api-enum }}EnumErrorCode.html"
-            class="otherLinkColour"
-            >EnumErrorCode</a
-          >
-        </li>
-        <li>
-          <a
-            href="{{ site.javascript-api-enum }}EnumResultInfoType.html"
-            class="otherLinkColour"
-            >EnumResultInfoType</a
-          >
-        </li>
-      </ul>
-    </li>
   </ul>
 </li>
 <li>
-  <a href="{{ site.javascript-release-notes }}" class="otherLinkColour"
+  <a href="{{ site.js_release_notes }}" class="otherLinkColour"
     >Release Notes</a
   >
   <ul>
     <li>
       <a
-        href="{{ site.javascript-release-notes }}js-2.html"
+        href="{{ site.js_release_notes }}js-2.html"
         class="otherLinkColour"
         >Version 1.x</a
       >
diff --git a/programming/javascript/api-reference/code-parser-module.md b/programming/javascript/api-reference/code-parser-module.md
index 487fdea..eb3d118 100644
--- a/programming/javascript/api-reference/code-parser-module.md
+++ b/programming/javascript/api-reference/code-parser-module.md
@@ -23,7 +23,16 @@ This class defines common functionality in the `CodeParser` module. At present,
 
 ## CodeParser Class
 
-
+The `CodeParser` class enable users to parse given bytes or a string.
+
+| Method                                                       | Description                                                            |
+| ------------------------------------------------------------ | ---------------------------------------------------------------------- |
+| `static` [createInstance()](./code-parser.md#createinstance) | Initializes a new instance of the `CodeParser` class.                  |
+| [dispose()](./code-parser.md#dispose)                        | Releases all resources used by the `CodeParser` object.                |
+| [disposed](./code-parser.md#disposed)                        | Returns whether the `CodeParser` object has been disposed of.          |
+| [`initSettings`](./code-parser.md#initsettings)              | Initializes runtime settings with the settings in a given JSON string. |
+| [`resetSettings`](./code-parser.md#resetsettings)            | Resets runtime settings to default.                                    |
+| [`parse`](./code-parser.md#parse)                            | Parses code data for readable results.                                 |
 
 ## Interfaces
 
diff --git a/programming/javascript/api-reference/index.md b/programming/javascript/api-reference/index.md
index 31fad1a..1df20b3 100644
--- a/programming/javascript/api-reference/index.md
+++ b/programming/javascript/api-reference/index.md
@@ -1,89 +1,19 @@
 ---
 layout: default-layout
-title: Entry Page - Dynamsoft Code Parser JavaScript API
-description: This is the main page of Dynamsoft Code Parser JavaScript SDK API Reference.
+title: Dynamsoft Code Parser JavaScript Edition v2.x API Reference - Main Page
+description: This is the main page of Dynamsoft Code Parser for JavaScript SDK API Reference.
 keywords: CodeParser, api reference, javascript, js
 needAutoGenerateSidebar: true
 needGenerateH3Content: true
-noTitleIndex: true
 breadcrumbText: API Reference
----
-
-# JavaScript API Reference
-
-The Dynamsoft Code Parser JavaScript library comes with one primary class: `CodeParser`.
-
-## CodeParser
-
-A CodeParser takes code data in forms of byte array or plain string as input and returns parsed results. The following code snippet shows its basic usage:
-
-```js
-Dynamsoft.License.LicenseManager.initLicense("DLS2eyJvcmdhbml6YXRpb25JRCI6IjIwMDAwMSJ9"); //Change to your own license key
-let parser = await Dynamsoft.DCP.CodeParser.createInstance();
-// Assume "code" is the string that needs to be parsed.
-let result = await parser.parse(code);
-if(result){
-    let codeType = result.getCodeType();
-    console.log("The type of the code is: " + codeType);
-    if (codeType == "MRTD_TD3_PASSPORT")
-    {
-        let passportNumber = result.getFieldValue("passportNumber");
-        if (passportNumber)
-        {
-            console.log("The passport number is : " + passportNumber);
-        }
-        // Check out https://www.dynamsoft.com/code-parser/docs/core/code-types/mrtd.html#mrtd_td3_passport-fields for more supported fields
-    }
-}
-```
-
-The APIs for this class include:
-
-### Initialize Engine
-
-| API Name                                       | Description                  |
-| ---------------------------------------------- | ---------------------------- |
-| [loadWasm()](./initializeEngine.html#loadwasm) | Loads and compiles the WASM. |
-
-### Create and Destroy
-
-| API Name                                             | Description                                                  |
-| ---------------------------------------------------- | ------------------------------------------------------------ |
-| [createInstance()](./codeParser.html#createinstance) | Creates a `CodeParser` instance.                             |
-| [dispose()](./codeParser.html#dispose)               | Releases all resources used by the `CodeParser` instance.    |
-| [disposed](./codeParser.html#dispose)                | Returns whether the `CodeParser` instance has been released. |
-
-### Change Settings
-
-| API Name                                            | Description                                               |
-| --------------------------------------------------- | --------------------------------------------------------- |
-| [initSettings()](./codeParser.html#initsettings)    | Sets up the `CodeParser` instance for a parsing task.     |
-| [resetSettings()](./codeParser.html#resetsetttings) | Resets the `CodeParser` instance to the default settings. |
-
-### Parse Code Data
-
-| API Name                               | Description                            |
-| -------------------------------------- | -------------------------------------- |
-| [parse()](./codeParser.html#parsedata) | Parses code data for readable results. |
-
-## CodeParserModule
-
-This class defines common functionality in the CodeParser module.
-
-| API Name                                                | Description                                   |
-| ------------------------------------------------------- | --------------------------------------------- |
-| static [getVersion()](./codeParserModule.md#getversion) | Returns the version of the CodeParser module. |
-
-## Interfaces and Enums
-
-In order to make the code more predictable and readable, the library defines a series of supporting interfaces and enumerations:
+noTitleIndex: true
 
-### Interfaces
+---
 
-* [CodeParserException](./interface/CodeParserException.html)
-* [ParseResult](./interface/ParseResult.html)
+# Dynamsoft Code Parser JavaScript Edition API Reference
 
-### Enums
+In versions 2.x and higher, Dynamsoft Code Parser JavaScript Edition includes the following modules:
 
-* [EnumMappingStatus](./enum/EnumMappingStatus.md)
-* [EnumValidationStatus](./enum/EnumValidationStatus.md)
+* [CodeParser](./code-parser-module.md)
+* [License]({{ site.dcv_js_api }}license/license-module.md)
+* [Core]({{ site.dcv_js_api }}core/core-module.md)