refactor: add svg example

schoero · Oct 1, 2023 · d626f0c · d626f0c
1 parent 2b9846e
commit d626f0c
Show file tree

Hide file tree

Showing 6 changed files with 37 additions and 13 deletions.
diff --git a/examples/browser-pre-built-bundle/package.json b/examples/browser-pre-built-bundle/package.json
@@ -2,7 +2,7 @@
   "name": "browser-pre-built-bundle",
   "author": "Roger Schönbächler",
   "scripts": {
-    "start": "serve index.html"
+    "start": "serve"
   },
   "devDependencies": {
     "serve": "^14.2.1"

diff --git a/examples/browser-pre-built-bundle/index.html → examples/browser-pre-built-bundle/pdf.html b/examples/browser-pre-built-bundle/index.html → examples/browser-pre-built-bundle/pdf.html
diff --git a/examples/browser-pre-built-bundle/src/data.js b/examples/browser-pre-built-bundle/src/data.js
@@ -0,0 +1,11 @@
+export const data = {
+  creditor: {
+    account: "CH58 0079 1123 0008 8901 2",
+    address: "Creditor Address",
+    city: "Creditor City",
+    country: "CH",
+    name: "Creditor FirstName LastName",
+    zip: 1234
+  },
+  currency: "CHF"
+};
diff --git a/examples/browser-pre-built-bundle/src/pdf.js b/examples/browser-pre-built-bundle/src/pdf.js
@@ -1,16 +1,10 @@
-const data = {
-  creditor: {
-    account: "CH58 0079 1123 0008 8901 2",
-    address: "Creditor Address",
-    city: "Creditor City",
-    country: "CH",
-    name: "Creditor FirstName LastName",
-    zip: 1234
-  },
-  currency: "CHF"
-};
+import { data } from "./data.js";
 
-const pdf = new PDFDocument({ size: "A4" });
+
+const width = SwissQRBill.utils.mm2pt(210);
+const height = SwissQRBill.utils.mm2pt(105);
+
+const pdf = new PDFDocument({ size: [width, height] });
 const stream = pdf.pipe(blobStream());
 const qrBill = new SwissQRBill.PDF(data);
 

diff --git a/examples/browser-pre-built-bundle/src/svg.js b/examples/browser-pre-built-bundle/src/svg.js
@@ -0,0 +1,5 @@
+import { data } from "./data.js";
+
+
+const qrBill = new SwissQRBill.SVG(data);
+document.body.appendChild(qrBill);
diff --git a/examples/browser-pre-built-bundle/svg.html b/examples/browser-pre-built-bundle/svg.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <script
+      type="text/javascript"
+      src="https://cdn.jsdelivr.net/npm/swissqrbill@alpha/lib/bundle/swissqrbill.js"
+    ></script>
+    <script type="module" src="./src/svg.js"></script>
+  </head>
+  <body>
+    <iframe id="iframe"></iframe>
+  </body>
+</html>