Merge pull request #904 from dynamsoft-docs/preview

update to internal commit cba66edf

Author: tony-xlh

_articles/extended-usage/dynamsoft-service-configuration.md

@@ -14,15 +14,15 @@ description: Dynamic Web TWAIN SDK Documentation Dynamic Web TWAIN Service Page
 
 The Dynamic Web TWAIN Service is the core piece of Dynamic Web TWAIN when running in Service mode. It handles the communication between hardware (scanner, webcam, etc.) and browser, manages the image buffer, and coordinates data between different modules.
 
-### IP and ports
+## IP and ports
 
 The Dynamic Web TWAIN Service uses `localhost` and `18622` `18625` ports for HTTP connection and `18623` `18626` ports for HTTPS connection.  
 These ports can be configured in the `DSConfiguration.ini` file located in:
   - Windows: `C:\Program Files (x86)\Dynamsoft\Dynamic Web TWAIN Service {versionnumber}`(version 18.5.1 and earlier `C:\Windows\SysWOW64\Dynamsoft\DynamsoftServicex64_{versionnumber}`)
   - macOS: `Go > Applications > Dynamsoft > Dynamic Web TWAIN Service {versionnumber}`(version 18.5.1 and earlier `Go > Applications > Dynamsoft > DynamsoftServicex64_{versionnumber} > {installed version No.}`)
   - Linux: `/opt/dynamsoft/Dynamic Web TWAIN Service {versionnumber}`(version 18.5.1 and earlier `/opt/dynamsoft/DynamsoftService`)
 
-### Access-Control-Allow-Origin
+## Access-Control-Allow-Origin
 
 For security purposes, you may want the Dynamic Web TWAIN Service to only respond to requests from specified origins. Starting from Dynamic Web TWAIN version 18.5, this can be achieved by adding `Access-Control-Allow-Origin` in the `DSConfiguration.ini` file.
 
@@ -86,10 +86,14 @@ Once the installation is done, the users can click the orange sentence 'click he
 
 ![Initialization](/assets/imgs/Initialization-2.png)
 
-### Msg: Dynamic Web TWAIN Service is not installed / Dynamic Web TWAIN is not installed
+## Msg: Dynamic Web TWAIN Service is not installed / Dynamic Web TWAIN is not installed
 
 If Dynamic Web TWAIN Service is not installed, users may receive the error 'The Dynamic Web TWAIN module is not installed' when accessing an application that uses Dynamic Web TWAIN. 
 
+## Msg: Dynamic Web TWAIN Service installed on your device is outdated
+
+If the service is installed but you are using a new version of the JavaScript library, you may encounter this message. You need to install a new version of the service or downgrade the JavaScript library.
+
 ## Related Resources:
 
 * [What does Dynamic Web TWAIN Service do?](/_articles/faq/what-does-dynamsoft-service-do-on-end-user-machine.md){:target="_blank"}

_articles/faq/add-annotation-to-image.md

@@ -12,4 +12,4 @@ description: Can I add annotation to an image (e.g. add watermark or text)?
 
 ## Can I add annotation to an image (e.g. add watermark or text)?
 
-This feature has been deprecated since v16.1. Dynamsoft will release an Annotation addon for the Dynamic Web TWAIN SDK and adding text overlay to an image will be supported by the Annotation addon once available. If you are interested, you can send an email to <a href="mailto:support@dynamsoft.com">support@dynamsoft.com</a> to receive an update on release news.
+In 2023, Dynamsoft introduced Dynamsoft Document Viewer, a feature-rich web-based document viewer that supports document annotation. When used in conjunction with Dynamic Web TWAIN, it enables users to annotate scanned documents seamlessly. For more information, please refer to: [Dynamic Web TWAIN with Annotations](https://www.dynamsoft.com/web-twain/docs/faq/dwt-with-annotation.html).

_articles/faq/service-backward-compatibility.md

@@ -29,6 +29,14 @@ From 16.x, the latest service within the major version supports all previous ver
 4. Copy the .dll files from your temporary location into the _new_ Dynamic Web TWAIN Service folder (from v19.0+, the target path is `C:\Program Files (x86)\Dynamsoft\Dynamic Web TWAIN Service {version number}`).
 
 ### List of required .dll files
+
+<div class="multi-panel-switching-prefix"></div>
+
+- [v19.0+](#19plus)
+- [Versions below 19.0](#19min)
+
+<div class="multi-panel-start"></div>
+
 **Version 18.x**
 ```javascript
 dwt_18.5.1.0828.dll
@@ -41,6 +49,55 @@ UploadModule_1.8.5.0828.dll
 dbrx64_9.6.1.0312.dll
 ```
 
+**Version 17.x**
+```javascript
+dwt_17.3.5.1212.dll
+DynamicImagex64.dll
+DynamicPdfCorex64_11.4.0.0531.dll
+DynamicPdfRx64_11.4.0.0531.dll
+DWASManager_17351212.dll
+DynamicSocket.dll
+libcrypto-1_1-x64.dll
+libssl-1_1-x64.dll
+UploadModule_1.7.2.1026.dll
+dbrx64_8.8.0.0531.dll
+x64
+```
+
+**Version 16.x**
+```javascript
+dwt_16.2.6.1212.dll
+DynamicImagex64.dll
+DynamicPdfCorex64_11.1.0.0112.dll
+DynamicPdfRx64_11.1.0.0112.dll
+DWASManager_16261212.dll
+DynamicSocket.dll
+libeay32.dll
+ssleay32.dll
+UploadModule_1.6.0.0428.dll
+dbrx64_7.6.0.0112.dll
+x64
+```
+
+**Version 15.x**
+```javascript
+dwt_15.3.4.1212.dll
+DynamicImagex64.dll
+DynamicPdfCorex64_10.3.3.0924.dll
+DynamicPdfRx64_10.3.3.0924.dll
+DWASManager_15341212.dll
+DynamicSocket.dll
+libeay32.dll
+ssleay32.dll
+UploadModule_1.4.0.0107.dll
+dbrx64_7.3.0.0107.dll
+x64
+```
+
+<div class="multi-panel-end"></div>
+
+<div class="multi-panel-start"></div>
+
 **Version 17.x**
 ```javascript
 dwt_17.3.0.0531.dll
@@ -90,3 +147,7 @@ dwt_15.0.0.0625.dll
 DynamicPdfCorex64_10.3.1.0124.dll
 DynamicPdfRx64_10.3.1.0124.dll
 ```
+
+<div class="multi-panel-end"></div>
+
+<div class="multi-panel-switching-end"></div>

_articles/indepth/development/angular.md

@@ -28,7 +28,7 @@ ng new dwt-angular
 ### **cd** to the root directory of the application and install the dependencies
 
 ``` cmd
-npm install dwt
+npm install dwt@19.1.0
 ```
 
 ## Configure the project

_articles/indepth/development/react.md

@@ -40,7 +40,7 @@ npm install
 ```
 
 ``` cmd
-npm install dwt ncp
+npm install dwt@19.1.0 ncp
 ```
 
 > `ncp` is used to copy static resources files.

_articles/indepth/development/vue.md

@@ -33,7 +33,7 @@ vue create dwt-vue
 ### Navigate to the root directory of the application and install the `dwt` and `ncp` package
 
 ``` cmd
-yarn add dwt
+yarn add dwt@19.1.0
 ```
 
 ``` cmd
@@ -232,7 +232,7 @@ npm install
 ```
 
 ``` cmd
-npm install dwt
+npm install dwt@19.1.0
 ```
 
 ``` cmd

index.md renamed to _articles/index.md

@@ -4,7 +4,6 @@ title: Dynamic Web TWAIN SDK Documentation
 keywords: Dynamic Web TWAIN, TWAIN, documentation
 breadcrumbText: HomePage
 description: Dynamic Web TWAIN SDK Documentation Homepage
-permalink: /index.html
 ---
 
 # Dynamic Web TWAIN Documentation  

_articles/info/api/Addon_Camera.md

@@ -5,6 +5,7 @@ title: Dynamic Web TWAIN SDK API Reference - Camera Addon APIs
 keywords: Dynamic Web TWAIN, Documentation, API Reference, Camera Addon APIs
 breadcrumbText: Camera Addon
 description: Dynamic Web TWAIN SDK Documentation API Reference Camera Addon APIs Page
+ignore: true
 ---
 
 # `{WebTwainObject}.Addon.Camera`

_articles/info/api/Addon_OCR.md

@@ -5,6 +5,7 @@ title: Dynamic Web TWAIN SDK API Reference - OCRB Addon APIs
 keywords: Dynamic Web TWAIN, Documentation, API Reference, OCRB Addon APIs
 breadcrumbText: OCRB Addon
 description: Dynamic Web TWAIN SDK Documentation API Reference OCRB Addon APIs Page
+ignore: true
 ---
 
 # `{WebTwainObject}.Addon.OCR`

_articles/info/api/Addon_OCRPro.md

@@ -5,6 +5,7 @@ title: Dynamic Web TWAIN SDK API Reference - OCRPro Addon APIs
 keywords: Dynamic Web TWAIN, Documentation, API Reference, OCRPro Addon APIs
 breadcrumbText: OCRPro Addon
 description: Dynamic Web TWAIN SDK Documentation API Reference OCRPro Addon APIs Page
+ignore: true
 ---
 
 # `{WebTwainObject}.Addon.OCRPro`