Merge pull request #2 from Dynamsoft/release/v1.0.x/v1.0.2

feat: release v1.0.2

Author: Tom-Dynamsoft

.github/workflows/main.yml

@@ -1,5 +1,3 @@
-# This is a basic workflow to help you get started with Actions
-
 name: CI
 
 # Controls when the workflow will run
@@ -20,7 +18,6 @@ jobs:
 
     # Steps represent a sequence of tasks that will be executed as part of the job
     steps:
-         # Runs a set of commands using the runners shell
       - name: Get Source
         run: |
           cd /home/ubuntu
@@ -30,22 +27,21 @@ jobs:
       - name: Prepare Files
         run: |
           # Create a temporary directory for the files to be uploaded
-          mkdir -p /home/ubuntu/document-scanner-javascript/demo
+          mkdir -p /home/ubuntu/document-scanner-javascript/deploy
           
           # Copy the dist folder
-          cp -r /home/ubuntu/document-scanner-javascript/dist /home/ubuntu/document-scanner-javascript/demo
+          cp -r /home/ubuntu/document-scanner-javascript/dist /home/ubuntu/document-scanner-javascript/deploy
           
-          # Copy the samples folder and rename demo.html to index.html
-          cp -r /home/ubuntu/document-scanner-javascript/samples/* /home/ubuntu/document-scanner-javascript/demo
-          mv /home/ubuntu/document-scanner-javascript/demo/demo.html /home/ubuntu/document-scanner-javascript/demo/index.html
+          # Copy demo and hello world. On demo branch, be sure to update the pathing for the demo
+          cp -r /home/ubuntu/document-scanner-javascript/samples/demo/* /home/ubuntu/document-scanner-javascript/deploy
+          cp -r /home/ubuntu/document-scanner-javascript/samples/hello-world.html /home/ubuntu/document-scanner-javascript/deploy
 
-          
       - name: Sync files
         uses: SamKirkland/[email protected]
         with:
           server: ${{ secrets.FTP_DEMO_SERVER }}
           username: ${{ secrets.FTP_DEMO_USERNAME }}
           password: ${{ secrets.FTP_DEMO_PASSWORD }}
           port: 21 
-          local-dir: /home/ubuntu/document-scanner-javascript/demo/
-          server-dir: /Demo.dynamsoft.com/document-scanner/
+          local-dir: /home/ubuntu/document-scanner-javascript/deploy/
+          server-dir: /Demo.dynamsoft.com/document-scanner/

README.md

@@ -1,3 +1,4 @@
+import formidable from "formidable";
 import express from "express";
 import fs from "fs";
 import http from "http";
@@ -32,23 +33,69 @@ app.use(
 
 // Serve static files
 app.use("/dist", express.static(distPath));
-app.use("/assets", express.static(path.join(__dirname, "../samples/assets")));
-app.use("/css", express.static(path.join(__dirname, "../samples/css")));
-app.use("/font", express.static(path.join(__dirname, "../samples/font")));
+app.use("/assets", express.static(path.join(__dirname, "../samples/demo/assets")));
+app.use("/css", express.static(path.join(__dirname, "../samples/demo/css")));
+app.use("/font", express.static(path.join(__dirname, "../samples/demo/font")));
 
 // Routes
 app.get("/", (req, res) => {
-  res.sendFile(path.join(__dirname, "../samples/demo.html"));
+  res.sendFile(path.join(__dirname, "../samples/hello-world.html"));
 });
 
 app.get("/demo", (req, res) => {
-  res.sendFile(path.join(__dirname, "../samples/demo.html"));
+  res.sendFile(path.join(__dirname, "../samples/demo/index.html"));
 });
 
 app.get("/hello-world", (req, res) => {
   res.sendFile(path.join(__dirname, "../samples/hello-world.html"));
 });
 
+// Allow upload feature
+app.post("/upload", function (req, res) {
+  try {
+    // Create a new Formidable form
+    const form = formidable({
+      multiples: false,
+      keepExtensions: true,
+    });
+
+    form.parse(req, (err, fields, files) => {
+      if (err) {
+        console.error(err);
+        return res.status(500).send("Error processing the file upload.");
+      }
+
+      const uploadedFile = files.uploadFile[0]; // Ensure the file field name matches the form
+      if (!uploadedFile) {
+        return res.status(400).json({ success: false, message: "No file uploaded" });
+      }
+
+      // Get current timestamp
+      let dt = new Date();
+
+      const fileSavePath = path.join(__dirname, "\\");
+      const newFileName = uploadedFile.originalFilename;
+      const newFilePath = path.join(fileSavePath, newFileName);
+
+      // Move the uploaded file to the desired directory
+      fs.rename(uploadedFile.filepath, newFilePath, (err) => {
+        if (err) {
+          console.error(err);
+          return res.status(500).send("Error saving the file.");
+        }
+        console.log(`\x1b[33m ${newFileName} \x1b[0m uploaded successfully!`);
+      });
+      res.status(200).json({
+        success: true,
+        message: `${newFileName} uploaded successfully`,
+        filename: newFileName,
+      });
+    });
+  } catch (error) {
+    res.status(500).send("An error occurred during file upload.");
+  }
+});
+
 let httpPort = 3000;
 let httpsPort = 3001;
 
@@ -107,10 +154,11 @@ httpsServer.on("error", (error) => {
 
 // Start the servers
 httpServer.listen(httpPort, () => {
-  console.log("\n\x1b[1m Dynamsoft Document Scanner Sample\x1b[0m\n");
-  console.log("\x1b[36m Access URLs:\x1b[0m");
+  console.log("\n\x1b[1m Dynamsoft Document Scanner Samples\x1b[0m\n");
+  console.log("\x1b[36m HTTP URLs:\x1b[0m");
   console.log("\x1b[90m-------------------\x1b[0m");
-  console.log("\x1b[32m Local:\x1b[0m    http://localhost:" + httpPort + "/");
+  console.log("\x1b[33m Hello World:\x1b[0m    http://localhost:" + httpPort + "/hello-world");
+  console.log("\x1b[33m Demo:\x1b[0m    http://localhost:" + httpPort + "/demo");
 });
 
 httpsServer.listen(httpsPort, "0.0.0.0", () => {
@@ -124,13 +172,13 @@ httpsServer.listen(httpsPort, "0.0.0.0", () => {
     });
   });
 
+  console.log("\n");
+  console.log("\x1b[36m HTTPS URLs:\x1b[0m");
+  console.log("\x1b[90m-------------------\x1b[0m");
   ipv4Addresses.forEach((localIP) => {
-    console.log("\x1b[32m Network:\x1b[0m  https://" + localIP + ":" + httpsPort + "/");
+    console.log("\x1b[32m Hello World:\x1b[0m  https://" + localIP + ":" + httpsPort + "/hello-world");
+    console.log("\x1b[32m Demo:\x1b[0m  https://" + localIP + ":" + httpsPort + "/demo");
   });
-  console.log("\x1b[36m Available Pages:\x1b[0m");
-  console.log("\x1b[90m-------------------\x1b[0m");
-  console.log("\x1b[33m Demo:\x1b[0m        /demo");
-  console.log("\x1b[33m Hello World:\x1b[0m  /hello-world\n");
-
+  console.log("\n");
   console.log("\x1b[90mPress Ctrl+C to stop the server\x1b[0m\n");
 });

dev-server/index.js

@@ -1,6 +1,6 @@
 {
   "name": "dynamsoft-document-scanner",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "Dynamsoft Document Scanner (DDS) is a ready-to-use SDK for capturing and enhancing document images with automatic border detection, correction, and customizable workflows.",
   "files": [
     "/dist",

package-lock.json

@@ -4,10 +4,68 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Dynamsoft Document Scanner</title>
-    <script src="../dist/dds.bundle.js"></script>
+    <script src="../../dist/dds.bundle.js"></script>
     <link rel="stylesheet" href="./css/index.css" />
+    <style id="rotate-phone-style">
+      .rotation-message {
+        position: fixed;
+        top: 0;
+        left: 0;
+        right: 0;
+        bottom: 0;
+        background: rgba(0, 0, 0, 0.9);
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        z-index: 9999;
+        color: white;
+      }
+
+      .rotation-content {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        gap: 1rem;
+        padding: 2rem;
+        text-align: center;
+      }
+
+      .rotation-content svg {
+        width: 48px;
+        height: 48px;
+        animation: rotate 2s infinite linear;
+      }
+
+      @keyframes rotate {
+        from {
+          transform: rotate(0deg);
+        }
+        to {
+          transform: rotate(360deg);
+        }
+      }
+    </style>
   </head>
   <body>
+    <div id="rotationMessage" class="rotation-message" style="display: none">
+      <div class="rotation-content">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          width="24"
+          height="24"
+          viewBox="0 0 24 24"
+          fill="none"
+          stroke="currentColor"
+          stroke-width="2"
+          stroke-linecap="round"
+          stroke-linejoin="round"
+        >
+          <path d="M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8" />
+          <path d="M21 3v5h-5" />
+        </svg>
+        <span>Please rotate your device to portrait mode</span>
+      </div>
+    </div>
     <div class="col1">
       <!-- Logo -->
       <a class="logo-container" href="https://www.dynamsoft.com" target="_blank">
@@ -202,6 +260,40 @@ <h1 class="title">Dynamsoft Document Scanner</h1>
       // Event listeners
       scanButton.addEventListener("click", handleScan);
       shareButton.addEventListener("click", handleShare);
+
+      // Rotate Phone
+      function isMobile() {
+        return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
+      }
+
+      // Function to handle orientation change
+      function handleOrientation() {
+        const rotationMessage = document.getElementById("rotationMessage");
+        if (isMobile()) {
+          if (window.orientation === 90 || window.orientation === -90) {
+            rotationMessage.style.display = "flex";
+          } else {
+            rotationMessage.style.display = "none";
+          }
+        }
+      }
+
+      // Listen for orientation changes
+      window.addEventListener("orientationchange", handleOrientation);
+      // Also check on load
+      handleOrientation();
+
+      // Alternative method for browsers that don't support window.orientation
+      window.matchMedia("(orientation: landscape)").addListener(function (e) {
+        const rotationMessage = document.getElementById("rotationMessage");
+        if (isMobile()) {
+          if (e.matches) {
+            rotationMessage.style.display = "flex";
+          } else {
+            rotationMessage.style.display = "none";
+          }
+        }
+      });
     </script>
   </body>
 </html>

package.json

@@ -5,16 +5,6 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Dynamsoft Document Scanner - Hello World</title>
     <script src="../dist/dds.bundle.js"></script>
-    <style>
-      html,
-      body {
-        margin: 0;
-        padding: 0;
-        box-sizing: border-box;
-        font-family: Arial, sans-serif;
-        background-color: #f9f9f9;
-      }
-    </style>
   </head>
 
   <body>