genereate PDF fixes

dist/assets/a-doc-editor.js

@@ -89,6 +89,7 @@ var ADocEditor = function (customConfig) {
             <span class="option">Edit</span>
             <span class="option">Insert</span>
             <span class="option">Help</span>
+            <span class="option" a-doc-editor-action="generate-pdf">PDF</span>
         </div>
         <div class="option-bar">
             <span class="option">Search</span>
@@ -145,6 +146,9 @@ var ADocEditor = function (customConfig) {
             rightSidebar.classList.toggle('hide')
         })
 
+        let generatePDFBtn = document.querySelector('[a-doc-editor-action]')
+        generatePDFBtn.addEventListener( 'click', generatePDF)
+
         reRenderPages(dataSet)
     }
 
@@ -606,6 +610,14 @@ var ADocEditor = function (customConfig) {
         }
     }
 
+    function generatePDF(e){
+        if (isModule){
+            console.log('to generate PDF on Server side')
+        }else{
+            console.log('to generate PDF on browser')
+        }
+    }
+
 
 
     inititalize(customConfig)
@@ -620,10 +632,12 @@ var ADocEditor = function (customConfig) {
             reRenderPages(dataSet)
             caretData.activeData = null
             caretData.activeData = dataSet[0]
+            caretData.index = 0
         },
         getContent: function () {
             return JSON.parse(JSON.stringify(dataSet))
-        }
+        },
+        generatePDF,
     }
     return returnObj
 }

dist/index.html

@@ -21,6 +21,7 @@
     <p>Click on the canvas and start typing
         <button onclick="extractData()">Extract</button>
         <button onclick="setData()">Set Data</button>
+        <button onclick="generatePDF()">Generate PDF</button>
     </p>
     <div id="user-container-for-editor"></div>
 

generate-pdf.js

+let ADocEditor = require("./a-doc-editor-node.js")
+
+module.exports = async function(req, res){
+    try{
+        console.log('reaching server', )
+        let editor = new ADocEditor()
+        console.log('editor', editor)
+        res.status(200).json( { success: true, message: "Successfull" } )
+    }catch(err){
+        console.log(err)
+        res.status(200).json({ message: "Failed" })
+    }
+}
\ No newline at end of file

index.js

 const express = require("express")
 const port = 3910;
-const path = require("path")
+const path = require("path");
 
 const app = express()
+app.use( express.json() )
 
+app.post( '/generate-pdf', require("./generate-pdf") )
 app.use( express.static( path.join( __dirname, 'dist' ) ) )
 
+
 app.listen( port, ()=>{
     console.log(`Doc Editor on http://localhost:${port}`)
 } )

package.json

@@ -10,6 +10,8 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "express": "^4.18.2"
+    "canvas": "^2.11.2",
+    "express": "^4.18.2",
+    "jspdf": "^2.5.1"
   }
 }