Uncaught TypeError: window.DxfParser is not a constructor about dxf-parser

[Serthys]

Have you tried running the sample?
Here's the sample permalink.

[thedanieljk]

I'm able to get the sample working but can't get things to work in my liferay tomcat server.

[Serthys]

On the sample the parser is instanced like this:

var parser = new DxfParser();

Have you tried that?

[thedanieljk]

I've tried that, that gives me Uncaught ReferenceError: DxfParser is not defined at window.onload

For reference, the end goal is to securely display a dxf from a url using three-dxf. The sample that worked was from three-dxf.

[Serthys]

I managed to get a working example, I've never user javascript modules like this so it took me a while.

The index on the same is the same as the same here except for the import of the dxf-parser.js.
I load the dxf-parser.js on index.js, import de module there and set the window.DxfParser value so the index.hml can use it.
The dxf-parser.js on the sample is made by running npm run build with a change on the webpack.config.js. I changed the property libraryExport: 'default' to libraryExport: 'this'.

[thedanieljk]

Thank you very much for your help. I believe the issue came from my lack of understanding of webpack. Changing to libraryTarget:'this' appears to solve my problem.

Relevant code in case someone comes wants to read a dxf from a URL:

<script src="/html/portlet/document_library/js/dxf-parser.js"></script>
	<script type="text/javascript">
							var request = new XMLHttpRequest();
							var fileText;
							request.open('GET', document.getElementById('file_to_show').getAttribute('data-file-location'), true);
							request.responseType = 'blob';
							request.onload = function() {
							    var reader = new FileReader();
							    reader.readAsDataURL(request.response);
							    reader.onload =  function(e){
							        fileText = e.target.result;
							        fileText = atob(fileText.substr(fileText.indexOf(',')+1));
							        var parser = new window.DxfParser();
									var dxf = null;
									try {
										dxf = parser.parseSync(fileText);
									} catch(err) {
										return console.error(err.stack);
									}
									console.log('Success!');
									console.log("DXF JSON:" + JSON.stringify(dxf,null,4));```

[Serthys]

You are welcome, remember to close the issue if it's already solved.

[bzuillsmith]

Thanks for helping with this @Serthys

I was last working toward modularizing this library to work better with react, angular or other module-oriented libraries. Sorry I have not been very responsive. Been a bit overwhelmed between work and moving. :)