Will this library work on vanilla Javascript / Jquery?

[AmeyDeshTQ]

I'm able to generate documents using vanilla javascript and a simple HTML file (not hosted on the server) however I'm facing issues when reading existing document mentioned in the below example

https://github.com/dolanmiu/docx/blob/master/demo/85-template-document.ts

Here's a screenshot of error

Here's a link to code-sandbox - https://codesandbox.io/s/zealous-elion-7dt2hv?file=/src/index.js

When I click on 'Read Existing Document' I get those errors

Question is can we use this library without Node.js and without hosting it on the server and just use javascript/jquery?

[dolanmiu]

It does yes, please refer to:

https://github.com/dolanmiu/docx/blob/master/demo/browser-demo.html

[AmeyDeshTQ]

But we need Node for this isn't and not possible within the browser?

[dolanmiu]

It is possible in the browser.

It's just that in this example, it uses fs to load the word document in and to load images. If you find an alternative browser way to do so, then its possible yes

patchDocument takes one of the following:

Buffer | string | number[] | Uint8Array | ArrayBuffer | Blob | NodeJS.ReadableStream

[AmeyDeshTQ]

thanks, I've taken out the fs to load, instead I'm reading base64 doc to a blob first and then passing it to patch document, here's the screenshot below

[AmeyDeshTQ]

@dolanmiu - I'm still getting the below error

I've used Webpack and here's my package.json file

{
"scripts": {
"build": "webpack",
"watch": "webpack --watch"
},
"dependencies": {
"buffer": "^6.0.3",
"docx": "^8.0.4",
"file-saver": "^2.0.5"
},
"devDependencies": {
"webpack": "^5.83.1",
"webpack-cli": "^5.1.1"
}
}

[dolanmiu]

Because NodeBuffer is not part of the browser (because its not node)

[AmeyDeshTQ]

@dolanmiu - Ok I managed to resolve the node buffer no defined issue by adding node poly fill plugin for webpack - https://github.com/Richienb/node-polyfill-webpack-plugin however I'm now getting the below issue

This error is thrown in the Packers module - here are some screenshots

Code

Browser

PS: The same code runs under Node.js though

[AmeyDeshTQ]

@dolanmiu - It worked by not using the packer and just getting the base64 from the doc buffer

.then((doc) => {

    base64OutputDoc = doc.toString('base64');
    console.log('converted to base64');

});

[dolanmiu]

Nice, glad you got it working