schoero / swissqrbill Goto Github PK

If you include the library directly as stated in the README like this:

<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/swissqrbill/lib/browser/bundle/index.js"></script>

You will also load the whole source mapping since it is included in this file. This blows up the file size immensely and is not really needed in a productive environment. I would suggest that the source mapping is removed from this file and made available in another file. This decreses the file size by more than 4'000 kB (over 80%).

Other than that, this is a great project. Thank you for your work.

It would be nice to render the QR Bill to an SVG which would allow simple display in-browser (instead of using a roundtrip with something like PDF.js).

Do you see an easy way to do it?

I've found a non-maintained lib called svgkit which might could help.

Hello,

Thank you very much for creating SwissQRBill. I love this package. I have a question tough. I can't figure out how to right-align the text in a specific column of a table. I would like to right-align all values in the column "Price". I use TypeScript. This is the first row in my table.

{
  fillColor: '#ECF0F1',
  columns: [
    {
      text: 'Product',
      width: mm2pt(15),
    },
    {
      text: 'Price',
    },
  ],
};

I tried using the attribute align: 'right'. But this has no effect. Defining the absolute position based on the page width didn't work either. How can I right-align text in specific columns in my table?

Kind regards,
Felix

Hi Guys

First of all thank you very much for your effort. I think you are doing a great deed to us swiss devs.

Now to my problem:

When i try to use the newest version: 3.2.0 with rollup and I try to import it like this:

import SwissQrBill from "swissqrbill/lib/browser/bundle/index.js"

The system starts to do "something":

I am quite new to the whole webtech and currently hitting a wall with this issue.

When i try to use the second approach with the ES modules, it will resolve it just fine.
(At least when I import it like this: import { PDF, BlobStream } from "swissqrbill/lib/browser/esm/browser/pdf.js";)

But then I have to solve the missing requirments:

stream (guessing 'require$$0$3')
fs (guessing 'fs')
zlib (guessing 'zlib')
iconv-lite (guessing 'require$$0$2')
util (guessing 'require$$3')
events (guessing 'events')

That brings my to my two questions:

1. What I am doing wrong / miss with the first approach?
2. Why is only the direct reference to the pdf.js working.

Some background infos:

- It's a browser project.
- Rollup is used as a bundler. v2.61.0
- npm v8.1.2

Hi,

first of all, thanks for the great library, really makes my life easier 👏🏻

I'm using the library within a web browser, and I import it as follows:

<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/swissqrbill/lib/browser/bundle/index.js"></script>

const svg = new SwissQRBill.SVG(data, {language: "FR"});
document.getElementById('qr-bill').append(svg.element)

it works perfectly fine, except that I have some é and other accented characters in my strings, and that the generated QR code outputs strangely encoded chars.

I searched a bit in the issue, and found that you recently updated the QR code library: #367 to solve exactly this issue.

it seems that the bundled version I'm using, https://cdn.jsdelivr.net/npm/swissqrbill/lib/browser/bundle/index.js, is outdated, can that be?

If yes, could you update it? or advise another means of using an up-to-date version from within the browser?

Best regards,
Clément

Is it possible to generate Twint payment slip with this module ?

If yes, how to do that ?

If not, I think that this would be something interesting to provide :)

Thank you

Hello Sir, I am Abhishek Modanwal and currently Using your library in my projects
and the main problem is when we scan qr code in normal scanner then it shows properly additional information and when it scans in payment app ,additional information is not showing,
plz update library

this is data from demo image and image provided by google
and here i think due to EPD additional info is not shown
also when i scanned some more qr code where EPD is not shown , is able to shown additional information

I have a question. I need to generate bills and send them per email. I dont want to save the files on my server.

With nodemailer and pdfkit i can achieve this like this:

const doc = new pdfkit();

transport.sendMail({
  from: '...',
  to: '...',
  subject: '...',
  text: '...',
  attachments: [{
    filename: 'attachment.pdf',
    content: doc,
  }],
});

A pdfkit instance is a stream, and can simply be passed to nodemailer.

With a qrbill instance this does not work, even though it extends from pdfkit. (which extends from stream). I did a workaround and achieved this like so:

const dummyStream = new Writable({
    write(chunk, controller) {},
  })
const doc = new PDF(billData, dummyStream, {autoGenerate: false, size: 'A4'})

// create invoice pdf
doc.end()

transport.sendMail({
  from: '...',
  to: '...',
  subject: '...',
  text: '...',
  attachments: [{
    filename: 'attachment.pdf',
    content: await buffer(doc),
  }],
});

I just wonder if there is an easier/better way?

I used this library with react-scripts 3.4.4 and it was perfect. I had to update to react-scripts 5.0.1 because of security issues. This new version uses webpack 5 and messed up lot of my codes and dependencies ()mostly using react-app-rewired). I could fix all of them, except these libraries.

Now when I start react, I get the following errors:
`Compiled with warnings.

Failed to parse source map from '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/browser/instance/SVGInstance.ts' file: Error: ENOENT: no such file or directory, open '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/browser/instance/SVGInstance.ts'

Failed to parse source map from '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/browser/utils/createElement.ts' file: Error: ENOENT: no such file or directory, open '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/browser/utils/createElement.ts'

Failed to parse source map from '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/index.ts' file: Error: ENOENT: no such file or directory, open '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/index.ts'

Failed to parse source map from '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/exports/calc.ts' file: Error: ENOENT: no such file or directory, open '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/exports/calc.ts'

Failed to parse source map from '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/exports/svg.ts' file: Error: ENOENT: no such file or directory, open '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/exports/svg.ts'

Failed to parse source map from '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/instances/SVGCircleInstance.ts' file: Error: ENOENT: no such file or directory, open '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/instances/SVGCircleInstance.ts'

Failed to parse source map from '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/instances/SVGDefsInstance.ts' file: Error: ENOENT: no such file or directory, open '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/instances/SVGDefsInstance.ts'

Failed to parse source map from '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/instances/SVGGroupInstance.ts' file: Error: ENOENT: no such file or directory, open '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/instances/SVGGroupInstance.ts'

Failed to parse source map from '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/instances/SVGLineInstance.ts' file: Error: ENOENT: no such file or directory, open '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/instances/SVGLineInstance.ts'

Failed to parse source map from '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/instances/SVGLinearGradientInstance.ts' file: Error: ENOENT: no such file or directory, open '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/instances/SVGLinearGradientInstance.ts'

Failed to parse source map from '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/instances/SVGPathInstance.ts' file: Error: ENOENT: no such file or directory, open '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/instances/SVGPathInstance.ts'

Failed to parse source map from '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/instances/SVGRectInstance.ts' file: Error: ENOENT: no such file or directory, open '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/instances/SVGRectInstance.ts'

Failed to parse source map from '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/instances/SVGSVGInstance.ts' file: Error: ENOENT: no such file or directory, open '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/instances/SVGSVGInstance.ts'

Failed to parse source map from '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/instances/SVGStopInstance.ts' file: Error: ENOENT: no such file or directory, open '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/instances/SVGStopInstance.ts'

Failed to parse source map from '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/instances/SVGTSpanInstance.ts' file: Error: ENOENT: no such file or directory, open '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/instances/SVGTSpanInstance.ts'

Failed to parse source map from '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/instances/SVGTextInstance.ts' file: Error: ENOENT: no such file or directory, open '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/instances/SVGTextInstance.ts'

Failed to parse source map from '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/mixins/attributes/cxcyPositioning.ts' file: Error: ENOENT: no such file or directory, open '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/mixins/attributes/cxcyPositioning.ts'

Failed to parse source map from '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/mixins/attributes/preserveAspectRatio.ts' file: Error: ENOENT: no such file or directory, open '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/mixins/attributes/preserveAspectRatio.ts'

Failed to parse source map from '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/mixins/attributes/text.ts' file: Error: ENOENT: no such file or directory, open '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/mixins/attributes/text.ts'

Failed to parse source map from '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/mixins/attributes/widthHeight.ts' file: Error: ENOENT: no such file or directory, open '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/mixins/attributes/widthHeight.ts'

Failed to parse source map from '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/mixins/attributes/xyPositioning.ts' file: Error: ENOENT: no such file or directory, open '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/mixins/attributes/xyPositioning.ts'

Failed to parse source map from '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/mixins/index.ts' file: Error: ENOENT: no such file or directory, open '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/mixins/index.ts'

Failed to parse source map from '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/mixins/permitted-content/descriptiveInstances.ts' file: Error: ENOENT: no such file or directory, open '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/mixins/permitted-content/descriptiveInstances.ts'

Failed to parse source map from '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/mixins/permitted-content/gradientInstances.ts' file: Error: ENOENT: no such file or directory, open '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/mixins/permitted-content/gradientInstances.ts'

Failed to parse source map from '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/mixins/permitted-content/gradientStopInstances.ts' file: Error: ENOENT: no such file or directory, open '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/mixins/permitted-content/gradientStopInstances.ts'

Failed to parse source map from '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/mixins/permitted-content/shapeInstances.ts' file: Error: ENOENT: no such file or directory, open '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/mixins/permitted-content/shapeInstances.ts'

Failed to parse source map from '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/mixins/permitted-content/structuralInstances.ts' file: Error: ENOENT: no such file or directory, open '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/mixins/permitted-content/structuralInstances.ts'

Failed to parse source map from '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/mixins/presentation-attributes/color.ts' file: Error: ENOENT: no such file or directory, open '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/mixins/presentation-attributes/color.ts'

Failed to parse source map from '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/mixins/presentation-attributes/display.ts' file: Error: ENOENT: no such file or directory, open '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/mixins/presentation-attributes/display.ts'

Failed to parse source map from '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/mixins/presentation-attributes/fill.ts' file: Error: ENOENT: no such file or directory, open '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/mixins/presentation-attributes/fill.ts'

Failed to parse source map from '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/mixins/presentation-attributes/opacity.ts' file: Error: ENOENT: no such file or directory, open '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/mixins/presentation-attributes/opacity.ts'

Failed to parse source map from '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/mixins/presentation-attributes/stroke.ts' file: Error: ENOENT: no such file or directory, open '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/mixins/presentation-attributes/stroke.ts'

Failed to parse source map from '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/mixins/presentation-attributes/vectorEffect.ts' file: Error: ENOENT: no such file or directory, open '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/mixins/presentation-attributes/vectorEffect.ts'

Failed to parse source map from '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/mixins/presentation-attributes/visibility.ts' file: Error: ENOENT: no such file or directory, open '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/mixins/presentation-attributes/visibility.ts'

Failed to parse source map from '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/mixins/style-attributes/font.ts' file: Error: ENOENT: no such file or directory, open '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/mixins/style-attributes/font.ts'

Failed to parse source map from '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/utils/functions.ts' file: Error: ENOENT: no such file or directory, open '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/utils/functions.ts'

Failed to parse source map from '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/swissqrbill/src/browser/index.ts' file: Error: ENOENT: no such file or directory, open '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/swissqrbill/src/browser/index.ts'

Failed to parse source map from '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/swissqrbill/src/browser/pdf.ts' file: Error: ENOENT: no such file or directory, open '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/swissqrbill/src/browser/pdf.ts'

Failed to parse source map from '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/swissqrbill/src/browser/svg.ts' file: Error: ENOENT: no such file or directory, open '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/swissqrbill/src/browser/svg.ts'

Failed to parse source map from '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/swissqrbill/src/pdf/extended-pdf.ts' file: Error: ENOENT: no such file or directory, open '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/swissqrbill/src/pdf/extended-pdf.ts'

Failed to parse source map from '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/swissqrbill/src/pdf/pdf.ts' file: Error: ENOENT: no such file or directory, open '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/swissqrbill/src/pdf/pdf.ts'

Failed to parse source map from '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/swissqrbill/src/shared/qr-code-generator.ts' file: Error: ENOENT: no such file or directory, open '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/swissqrbill/src/shared/qr-code-generator.ts'

Failed to parse source map from '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/swissqrbill/src/shared/qr-code.ts' file: Error: ENOENT: no such file or directory, open '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/swissqrbill/src/shared/qr-code.ts'

Failed to parse source map from '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/swissqrbill/src/shared/shared.ts' file: Error: ENOENT: no such file or directory, open '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/swissqrbill/src/shared/shared.ts'

Failed to parse source map from '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/swissqrbill/src/shared/translations.ts' file: Error: ENOENT: no such file or directory, open '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/swissqrbill/src/shared/translations.ts'

Failed to parse source map from '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/swissqrbill/src/shared/types.ts' file: Error: ENOENT: no such file or directory, open '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/swissqrbill/src/shared/types.ts'

Failed to parse source map from '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/swissqrbill/src/shared/utils.ts' file: Error: ENOENT: no such file or directory, open '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/swissqrbill/src/shared/utils.ts'

Failed to parse source map from '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/swissqrbill/src/svg/characterWidth.ts' file: Error: ENOENT: no such file or directory, open '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/swissqrbill/src/svg/characterWidth.ts'

Failed to parse source map from '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/swissqrbill/src/svg/svg.ts' file: Error: ENOENT: no such file or directory, open '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/swissqrbill/src/svg/svg.ts'

Search for the keywords to learn more about each warning.
To ignore, add // eslint-disable-next-line to the line before.

WARNING in ./node_modules/svg-engine/lib/browser/esm/browser/instance/SVGInstance.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/browser/instance/SVGInstance.ts' file: Error: ENOENT: no such file or directory, open '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/browser/instance/SVGInstance.ts'

WARNING in ./node_modules/svg-engine/lib/browser/esm/browser/utils/createElement.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/browser/utils/createElement.ts' file: Error: ENOENT: no such file or directory, open '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/browser/utils/createElement.ts'

WARNING in ./node_modules/svg-engine/lib/browser/esm/index.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/index.ts' file: Error: ENOENT: no such file or directory, open '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/index.ts'

WARNING in ./node_modules/svg-engine/lib/browser/esm/shared/exports/calc.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/exports/calc.ts' file: Error: ENOENT: no such file or directory, open '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/exports/calc.ts'

WARNING in ./node_modules/svg-engine/lib/browser/esm/shared/exports/svg.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/exports/svg.ts' file: Error: ENOENT: no such file or directory, open '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/exports/svg.ts'

WARNING in ./node_modules/svg-engine/lib/browser/esm/shared/instances/SVGCircleInstance.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/instances/SVGCircleInstance.ts' file: Error: ENOENT: no such file or directory, open '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/instances/SVGCircleInstance.ts'

WARNING in ./node_modules/svg-engine/lib/browser/esm/shared/instances/SVGDefsInstance.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/instances/SVGDefsInstance.ts' file: Error: ENOENT: no such file or directory, open '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/instances/SVGDefsInstance.ts'

WARNING in ./node_modules/svg-engine/lib/browser/esm/shared/instances/SVGGroupInstance.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/instances/SVGGroupInstance.ts' file: Error: ENOENT: no such file or directory, open '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/instances/SVGGroupInstance.ts'

WARNING in ./node_modules/svg-engine/lib/browser/esm/shared/instances/SVGLineInstance.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/instances/SVGLineInstance.ts' file: Error: ENOENT: no such file or directory, open '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/instances/SVGLineInstance.ts'

WARNING in ./node_modules/svg-engine/lib/browser/esm/shared/instances/SVGLinearGradientInstance.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/instances/SVGLinearGradientInstance.ts' file: Error: ENOENT: no such file or directory, open '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/instances/SVGLinearGradientInstance.ts'

WARNING in ./node_modules/svg-engine/lib/browser/esm/shared/instances/SVGPathInstance.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/instances/SVGPathInstance.ts' file: Error: ENOENT: no such file or directory, open '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/instances/SVGPathInstance.ts'

WARNING in ./node_modules/svg-engine/lib/browser/esm/shared/instances/SVGRectInstance.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/instances/SVGRectInstance.ts' file: Error: ENOENT: no such file or directory, open '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/instances/SVGRectInstance.ts'

WARNING in ./node_modules/svg-engine/lib/browser/esm/shared/instances/SVGSVGInstance.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/instances/SVGSVGInstance.ts' file: Error: ENOENT: no such file or directory, open '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/instances/SVGSVGInstance.ts'

WARNING in ./node_modules/svg-engine/lib/browser/esm/shared/instances/SVGStopInstance.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/instances/SVGStopInstance.ts' file: Error: ENOENT: no such file or directory, open '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/instances/SVGStopInstance.ts'

WARNING in ./node_modules/svg-engine/lib/browser/esm/shared/instances/SVGTSpanInstance.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/instances/SVGTSpanInstance.ts' file: Error: ENOENT: no such file or directory, open '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/instances/SVGTSpanInstance.ts'

WARNING in ./node_modules/svg-engine/lib/browser/esm/shared/instances/SVGTextInstance.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/instances/SVGTextInstance.ts' file: Error: ENOENT: no such file or directory, open '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/instances/SVGTextInstance.ts'

WARNING in ./node_modules/svg-engine/lib/browser/esm/shared/mixins/attributes/cxcyPositioning.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/mixins/attributes/cxcyPositioning.ts' file: Error: ENOENT: no such file or directory, open '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/mixins/attributes/cxcyPositioning.ts'

WARNING in ./node_modules/svg-engine/lib/browser/esm/shared/mixins/attributes/preserveAspectRatio.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/mixins/attributes/preserveAspectRatio.ts' file: Error: ENOENT: no such file or directory, open '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/mixins/attributes/preserveAspectRatio.ts'

WARNING in ./node_modules/svg-engine/lib/browser/esm/shared/mixins/attributes/text.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/mixins/attributes/text.ts' file: Error: ENOENT: no such file or directory, open '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/mixins/attributes/text.ts'

WARNING in ./node_modules/svg-engine/lib/browser/esm/shared/mixins/attributes/widthHeight.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/mixins/attributes/widthHeight.ts' file: Error: ENOENT: no such file or directory, open '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/mixins/attributes/widthHeight.ts'

WARNING in ./node_modules/svg-engine/lib/browser/esm/shared/mixins/attributes/xyPositioning.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/mixins/attributes/xyPositioning.ts' file: Error: ENOENT: no such file or directory, open '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/mixins/attributes/xyPositioning.ts'

WARNING in ./node_modules/svg-engine/lib/browser/esm/shared/mixins/index.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/mixins/index.ts' file: Error: ENOENT: no such file or directory, open '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/mixins/index.ts'

WARNING in ./node_modules/svg-engine/lib/browser/esm/shared/mixins/permitted-content/descriptiveInstances.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/mixins/permitted-content/descriptiveInstances.ts' file: Error: ENOENT: no such file or directory, open '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/mixins/permitted-content/descriptiveInstances.ts'

WARNING in ./node_modules/svg-engine/lib/browser/esm/shared/mixins/permitted-content/gradientInstances.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/mixins/permitted-content/gradientInstances.ts' file: Error: ENOENT: no such file or directory, open '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/mixins/permitted-content/gradientInstances.ts'

WARNING in ./node_modules/svg-engine/lib/browser/esm/shared/mixins/permitted-content/gradientStopInstances.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/mixins/permitted-content/gradientStopInstances.ts' file: Error: ENOENT: no such file or directory, open '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/mixins/permitted-content/gradientStopInstances.ts'

WARNING in ./node_modules/svg-engine/lib/browser/esm/shared/mixins/permitted-content/shapeInstances.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/mixins/permitted-content/shapeInstances.ts' file: Error: ENOENT: no such file or directory, open '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/mixins/permitted-content/shapeInstances.ts'

WARNING in ./node_modules/svg-engine/lib/browser/esm/shared/mixins/permitted-content/structuralInstances.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/mixins/permitted-content/structuralInstances.ts' file: Error: ENOENT: no such file or directory, open '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/mixins/permitted-content/structuralInstances.ts'

WARNING in ./node_modules/svg-engine/lib/browser/esm/shared/mixins/presentation-attributes/color.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/mixins/presentation-attributes/color.ts' file: Error: ENOENT: no such file or directory, open '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/mixins/presentation-attributes/color.ts'

WARNING in ./node_modules/svg-engine/lib/browser/esm/shared/mixins/presentation-attributes/display.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/mixins/presentation-attributes/display.ts' file: Error: ENOENT: no such file or directory, open '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/mixins/presentation-attributes/display.ts'

WARNING in ./node_modules/svg-engine/lib/browser/esm/shared/mixins/presentation-attributes/fill.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/mixins/presentation-attributes/fill.ts' file: Error: ENOENT: no such file or directory, open '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/mixins/presentation-attributes/fill.ts'

WARNING in ./node_modules/svg-engine/lib/browser/esm/shared/mixins/presentation-attributes/opacity.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/mixins/presentation-attributes/opacity.ts' file: Error: ENOENT: no such file or directory, open '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/mixins/presentation-attributes/opacity.ts'

WARNING in ./node_modules/svg-engine/lib/browser/esm/shared/mixins/presentation-attributes/stroke.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/mixins/presentation-attributes/stroke.ts' file: Error: ENOENT: no such file or directory, open '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/mixins/presentation-attributes/stroke.ts'

WARNING in ./node_modules/svg-engine/lib/browser/esm/shared/mixins/presentation-attributes/vectorEffect.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/mixins/presentation-attributes/vectorEffect.ts' file: Error: ENOENT: no such file or directory, open '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/mixins/presentation-attributes/vectorEffect.ts'

WARNING in ./node_modules/svg-engine/lib/browser/esm/shared/mixins/presentation-attributes/visibility.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/mixins/presentation-attributes/visibility.ts' file: Error: ENOENT: no such file or directory, open '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/mixins/presentation-attributes/visibility.ts'

WARNING in ./node_modules/svg-engine/lib/browser/esm/shared/mixins/style-attributes/font.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/mixins/style-attributes/font.ts' file: Error: ENOENT: no such file or directory, open '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/mixins/style-attributes/font.ts'

WARNING in ./node_modules/svg-engine/lib/browser/esm/shared/utils/functions.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/utils/functions.ts' file: Error: ENOENT: no such file or directory, open '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/svg-engine/src/shared/utils/functions.ts'

WARNING in ./node_modules/swissqrbill/lib/browser/esm/browser/index.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/swissqrbill/src/browser/index.ts' file: Error: ENOENT: no such file or directory, open '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/swissqrbill/src/browser/index.ts'

WARNING in ./node_modules/swissqrbill/lib/browser/esm/browser/pdf.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/swissqrbill/src/browser/pdf.ts' file: Error: ENOENT: no such file or directory, open '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/swissqrbill/src/browser/pdf.ts'

WARNING in ./node_modules/swissqrbill/lib/browser/esm/browser/svg.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/swissqrbill/src/browser/svg.ts' file: Error: ENOENT: no such file or directory, open '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/swissqrbill/src/browser/svg.ts'

WARNING in ./node_modules/swissqrbill/lib/browser/esm/pdf/extended-pdf.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/swissqrbill/src/pdf/extended-pdf.ts' file: Error: ENOENT: no such file or directory, open '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/swissqrbill/src/pdf/extended-pdf.ts'

WARNING in ./node_modules/swissqrbill/lib/browser/esm/pdf/pdf.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/swissqrbill/src/pdf/pdf.ts' file: Error: ENOENT: no such file or directory, open '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/swissqrbill/src/pdf/pdf.ts'

WARNING in ./node_modules/swissqrbill/lib/browser/esm/shared/qr-code-generator.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/swissqrbill/src/shared/qr-code-generator.ts' file: Error: ENOENT: no such file or directory, open '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/swissqrbill/src/shared/qr-code-generator.ts'

WARNING in ./node_modules/swissqrbill/lib/browser/esm/shared/qr-code.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/swissqrbill/src/shared/qr-code.ts' file: Error: ENOENT: no such file or directory, open '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/swissqrbill/src/shared/qr-code.ts'

WARNING in ./node_modules/swissqrbill/lib/browser/esm/shared/shared.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/swissqrbill/src/shared/shared.ts' file: Error: ENOENT: no such file or directory, open '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/swissqrbill/src/shared/shared.ts'

WARNING in ./node_modules/swissqrbill/lib/browser/esm/shared/translations.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/swissqrbill/src/shared/translations.ts' file: Error: ENOENT: no such file or directory, open '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/swissqrbill/src/shared/translations.ts'

WARNING in ./node_modules/swissqrbill/lib/browser/esm/shared/types.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/swissqrbill/src/shared/types.ts' file: Error: ENOENT: no such file or directory, open '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/swissqrbill/src/shared/types.ts'

WARNING in ./node_modules/swissqrbill/lib/browser/esm/shared/utils.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/swissqrbill/src/shared/utils.ts' file: Error: ENOENT: no such file or directory, open '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/swissqrbill/src/shared/utils.ts'

WARNING in ./node_modules/swissqrbill/lib/browser/esm/svg/characterWidth.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/swissqrbill/src/svg/characterWidth.ts' file: Error: ENOENT: no such file or directory, open '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/swissqrbill/src/svg/characterWidth.ts'

WARNING in ./node_modules/swissqrbill/lib/browser/esm/svg/svg.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/swissqrbill/src/svg/svg.ts' file: Error: ENOENT: no such file or directory, open '/Users/user/Documents/xyz-webapp/xyz-ch-frontend/node_modules/swissqrbill/src/svg/svg.ts'

webpack compiled with 49 warnings

`

I would appreciate any help.

Thanks

Hi, so I have to use the pre-bundled version (https://github.com/schoero/SwissQRBill#browser).
But i really don't know how to use this. I'm quite new to this and i use Webflow, were i need to use the pre-bundled version.

Would be awesome, if someone could help me with that.

Best,
Sascha

Hi,

I've just read the documentation and download your module in my project (thanks for the job !)
But when I try to run the code just after adding your module and integrate to my code I've somes errors.

.../node_modules/swissqrbill/lib/node/esm/shared/utils.js:26
    return ibanArray?.join(" ") ?? iban;
                     ^

SyntaxError: Unexpected token '.'

I tried to correct that but I get other errors after and I don't want to break your code.
Are you aware of this kind of problem in your version 3 ?

I've no error in my code before, I'm using Node js version 12.18.4 in ESM

Thanks for your help.

When a pdf is generated without a debtor, the black corner marks are missing in a4 format. In format A6/5 everything is correct.
See SIX Implementation Guidelines site 18/19: https://www.paymentstandards.ch/dam/downloads/ig-qr-bill-de.pdf

Hi there
First of all - thanks for provding this wonderfil package.
I want to embed a JPG/PNG image into the header section of my SWISSQRBILL instead of using vector-graphics.
I try do this by using the ".image" function (known from PDFkit).
Maybe I'm using it not correctly - each time I invoke it I get an error (see error.txt).

How to embed a JPG/PNG image into the SwissQRbill?

Thanks for your reply & kind regards
Eberhard

qrbill.js.txt
error.txt

I try to generate a pdf with a image that can be selected over a HTML file input and I get an error in the browser:

Error:

ERROR TypeError: fs.readFileSync is not a function
    at Function.open (browser.js:11586)
    at PDF.openImage (browser.js:11729)
    at PDF.image (browser.js:11630)
    at AppComponent.addDebtor (app.component.ts:140)
    at app.component.ts:97
    at Array.forEach (<anonymous>)
    at AppComponent.generatePdf (app.component.ts:96)
    at FileReader.reader.onload (app.component.ts:61)
    at ZoneDelegate.invoke (zone-evergreen.js:372)
    at Object.onInvoke (core.js:28577)

Code:

const stream = new SwissQRBill.BlobStream();

const pdf = new SwissQRBill.PDF(data, {
  autoGenerate: false,
  size: 'A4',
});

pdf.image(fileNameFromHtmlFileInput, 20, 20, {
  align: 'right',
  fit: [ 20, 20]
});

pdf.end();

pdf.on("finish", () => {
  const iframe = document.getElementById("iframe") as HTMLIFrameElement;
  if(iframe){
    iframe.src = stream.toBlobURL("application/pdf");
  }
  console.log("PDF has been successfully created.");
});

av1 and av2 are correct filled by RaiseNow.com, but the QRBill is not correct. av1 and av2 are printed, the creator and deptor part are on the third page.
The QRCode is correct, means it can be payed by TWINT App.
AMC-Mitgliederbeitrag-2022-118.pdf
Attached the styleguide of TWINT QR-Billing
TWINT QR-Rechnung - Styleguide .pdf
and a Payload example:
TWINT QR-Rechnung - Payload Beispiel.txt

The fonts used on the PDFKit library are free for commercial use?

The thing is, the style guide specifications manual for the QR-bill says that the sans-serif fonts permitted are:

• Arial
• Frutiger
• Helvetica
• Liberation Sans

And by default the library uses Helvetica but also gives you the option to use Times and Courier.
Sorry if this is unrelated to an actual issue, just want it to make sure where are this fonts coming from and if we would need to replace them.

Hi,

could there be a possibility to add an option to e.g. the SVG command, so that the lower part of the generated swissQR code could be removed?

Indeed, it takes up valuable space and often makes invoices happen on two pages where one would otherwise suffice.

Thanks for the great library 👏🏻
Clément

Problem description

Hey guys, we're using your library and are quite happy with it. However, one of our customers ran into an issue. Originally, they had issues adding and validating their QR-IBAN (similar as reported here (#215). We tried the fix you mentioned there, however, when trying it now the QR-IBAN validation seems to work, but we run into issues when trying to create the QR-bill using this QR-IBAN. Is this already known or can I provide you with more information on this?

First - thank you so much for this package!

I unfortunately encountered one minor problem when using swissqrcode 4 in webpack + Typescript projects. It somehow is not able to resolve this imports:

import { Table } from "swissqrbill/pdf";

It works when I add the "lib" prefix in each element of the export section within the package.json and changing the import to

import { Table } from "swissqrbill/lib/pdf";

Could it be that the build somehow is not supposed to generate the *d.ts files within the "lib" folders?

I can try to make an PR with a test to fix if you encouter the same error.

This issue is meant to summarize the planned changes for v4 and track its progress.

Goals:

• More flexibility:
  • #388
  • #391
  • #397
  • #405
  • #411
  • #388 (comment)
  • #417
  • #420
• Automated testing
• Auto generating documentation
• Automatic versioning, changelog generation and releases
• General cleanup

Todo:

• Don't directly extend PDFKit. Instead create a new QRBill class that attaches to an existing PDFKit instance. #386 (comment).
• Create a separate Table class for the addTable() function, that attaches to an existing PDFKit instance.
• Keep an existing SwissQRBill class, that extends both of the other classes, as well as PDFKit for backwards compatibility.
• Autogenerate changelog
• Improve testing
• Autogenerate documentation.
• General cleanup:
  • Improve TypeScript typings.
  • Rename repository to lowercase swissqrbill
  • Rename master branch to main
• Update how to guide
• Create comprehensive migration guide for all users
  • users of prebuilt bundle.
  • users of html script tag.
  • users of PDF events.
  • users with custom bundling.
  • users of common js module.

Hi,
with PDFKit you can set a option called autoFirstPage to false.
Would be wonderful, if you could add this option, because i'm not able to change the page margin on the first page

Best,
Sascha

Hi,

I think that I've found a little bug:

When data.message is defined, it is correctly coded into the QR-Code data, but not displayed into the payment section !

As said in the QR-Invoice documentation, this informations should be displayed under the "Informations supplémentaires" label in the payment section.

Thanks you for fixing this :)

Hi there, thank you for this awesome library! Just a quick question: There is currently no option to embed anything other than Vector paths in the final pdf, right?

How would you go about embedding png images or other pdf files into the final pdf?

https://github.com/Rogerrrrrrrs/SwissQRBill/blob/master/src/extended-pdf.ts#L62

Should be "this.y" not "this.x" on both places :)

Hello,

I am a little new to swiss payments. And I am using this library to create a qr-bill in my project.

But I have doubt about qr-reference, as I am using a qr-iban so I need a qr-reference for it.

So please anyone tell me how to get this qr-reference.

Thank you

Hi, I'm using swissqrbill PDFOptions , SVG following are the import I'm using import { SVG } from "swissqrbill";
import { PDFOptions } from "swissqrbill/lib/node/cjs/shared/types"; everything was working fine with angular 10 but with angular 14 getting pollyfills any help will be appreciated stuck in this from long time. Can't share code, Kindly help.

I having trouble using the library, I want to execute some actions after the swissqr bill is created, I tried some workarounds with no success.

In Germany, France and Swiss market we use "," as a decimal seperator. So when we update the language code to either DE, FR or IT then the decimal separator in amount values should be replaced with "," but it still shows decimal seperator as ".".
And since Amount is expecting numeric values so we can't pass "," as a decimal seperator.

Hi, first of all, thank you very much for your awesome work.

I was wondering if it would possible to externalize the QR rendering and validation part from all the other functions, such as addTable...
and also not directly extend this new class from PDFKit.

This would allow more customization and ease of use for more advanced users as every time I want to add a QR Bill to a PDF, I have to modify the class to make it work with all my other functions. Furthermore, at least now, it's quite cumbersome to change the data, to render multiple bills...

So what I would propose is to divide PDF_ into two classes:

1. One class for more advanced users, which does not extend any other class, containing only the methods needed to render the bill, such as addQRBill, _render... and furthermore as it doesn't extend PDFKitDocument, for every function we would pass along as parameter the PDFKitDocument
2. A second class, simply extending the first and ExtendedPDF which mimics the original PDF_

Let me know, what you think and I can start working on it!

According to SIX Implementation Guidelines site 18, the country code (e.g. "DE","LI") should be printed if it is a foreign payment (incl. Liechtenstein)
This is the case with both the debtor and the creditor.
Attached an example from another library:

.
Link to Guidelines: https://www.paymentstandards.ch/dam/downloads/ig-qr-bill-de.pdf

Hello. Can you please help, how how I set width for pdf? I see there are only to formats 'A4' and 'A7'.
But if I need have width like 150mm?

Thanks.

Hi :)

First of all, very nice job! The library is amazing.
I am trying to build it with gatsby, which uses server-side rendering and I've found the following error:

failed Building static HTML for pages - 17.921s

 ERROR #95312 

"window" is not available during server side rendering.

See our docs page for more info on this error: https://gatsby.dev/debug-html


   8 |          for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
   9 |  }
> 10 | })(window, function() {
     |  ^
  11 | return /******/ (function(modules) { // webpackBootstrap
  12 | /******/         // The module cache
  13 | /******/         var installedModules = {};


  WebpackError: ReferenceError: window is not defined
  
  - browser.js:10 
    node_modules/swissqrbill/lib/browser.js:10:2

This "window" variable is nested within the *js bundle. Any thoughts on this?

Very cool library thanks @Rogerrrrrrrs for creating this. I've got a question though:

1. Is it possible to generate into a buffer instead of a file?
2. Is it possible to generate based on an existing pdf that gets loaded instead of creating a new one?
3. Will the addQRBill automatically discover if there's enough space left on current pdf and attach to new page if not?

I'm looking for a way to generate the QR Code only as SVG - the method used in the SVG Class is the generateQRCode
Unfortunately this function is not exported (also no deep import possible as the package.json does not list this file).

Therefore: could you export this function?

"Uncaught Error: AV1 must begin with eBill"
this error is not correct as also twint is allowed as alternative scheme.
Code-generation by raisenow.com

When we call the addQRBill() method, SwissQRBill will automatically add the QR slip to the bottom of the current page if there is enough space left, otherwise it will generate a new page in the size of A6/5.

It will be useful to add a parameter to addQRBill() to define the new generate page format with A4 for example.

Hi,

thanks for your awesome project. I tried it out and can not get it work with Umlaute, e.g. in location or address.

How to reproduce ...

• Set PDF(data) like:

creditor: {
    city: "Zürich",
},
debtor: {
    address: "Bürstrasse 1",

const pdf = new PDF(data, "qrbill.pdf", () => {
  console.log("PDF has been successfully created.");
});

• Then Scan the QR code with your ebanking
  output: Zürich

Dear @schoero,
have you considered to create a library for Angular?

Thanks a lot!

[email protected]: core-js@<3 is no longer maintained and not recommended for usage due to the number of issues. Please, upgrade your dependencies to the actual version of core-js@3.

hey :)

Great you fixed #94 - could you maybe push a new versionto npm as we're using your lib and could get rid of our patches? :)

thanks!

It would be nice to have an option to exclude scissors when creating an svg.

Hey guys I just wanted to inform that there will be a relevant change as far as I can tell:

Kapitel 4.3.1: «Verwendung von Adressinformationen»
Präzisierungen: Die Adresse der beteiligten Parteien –, beispielsweise diejenige des Zahlungsempfängers 
kann nur strukturiert (einzeln) oder als kombinierte Adressfelder (je Feld zwei Daten) geliefert werden. Die 
Angaben zum Zahlungsempfänger müssen mit den Angaben des Gutschriftskontos 
übereinstimmen

It will only accept "S" as address type.

It is still possible to not send the house number as it assumes it will be in the street.

Hello. Can you please help me? Is it possible to create bill pdf without install npm (project is too old).
Just need in html call js and then save pdf file.

I thought can do this with it:

<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/swissqrbill/lib/browser/bundle/index.js"></script>

but not sure how do this without 'import' commands

Hello, thanks for creating this app, it's a real time saver.

I am currently making a small site with PHP, so I plan to use this library entirely on browser.

import/export don't work without node, so how can we initialize the class? aside from loading the cdn file?

Is there vanilla js solution that doesn't rely on node?

thank you

Hi,

Since v3, I think that the IBAN position (on the payment part) is really to far of it's title.. Why have you done this change ?

--

--

If possible, I think that this will be really better to add a more bigger margin (1-2 mm) between "Compte / Payable à" and the IBAN.

Thanks.

Greetings !
Could you add the possibility to generate an SVG with the QRCode only ?
I would need to have that to display it in a web page without all the other informations 😊

Hello.
Is it possible to create pdf invoices with different currencies (e.g. USD, GBP etc.)?
At the moment I have got an error, but sometimes is necessary to display an invoice for customers in different currencies without QR code.
Thank you!

Hi,

For the "Additional information" title displayed in the QR Bill, I think that you use some outdated (?) translations.

For example, for french you use "Informations additionnelles" as according to the doc it should be "Informations supplémentaires".

Translations are here in page 58 ("Anhang D").

The following elements are visible on every HTML page:

<rect x="0" y="0" width="100%" height="100%" fill="#fff"></rect>
<line x1="62mm" y1="0mm" x2="62mm" y2="105mm" stroke-width="1" stroke="black" stroke-dasharray="3"></line>

I am guessing this is because they are immediately below the root element. Whereas all the other qrbill element are in children svg.

Without them, the behavior for multi-page html seems perfect: the qrcode and text is visible and consuming space only on last page

Thanks for this beautiful library !

My IBAN ends with the letter "K", but this is not accepted by this library. I verified the IBAN on various sites (e.g. https://rechnerli.ch/iban-pruefen-validieren) and it is valid.

Could you please add support for IBAN with letters at the end?