Merge pull request #10 from leomurca/feature/support_pec_format

Feature/support pec format

README.md

@@ -5,7 +5,6 @@ Available at https://embroideryviewer.xyz.
 
 ![Demo](/demo.gif)
 
-Current supported formats: **.pes**.
-
+Current supported formats: **.pes, .dst and .pec**.
 
 Inspired by https://github.com/redteam316/html5-embroidery.git.

src/file-renderer/index.js

@@ -2,6 +2,7 @@ import { jDataView } from "./jdataview";
 import { pesRead } from "../format-readers/pes";
 import { dstRead } from "../format-readers/dst";
 import { Pattern } from "./pattern";
+import { pecRead } from "../format-readers/pec";
 
 String.prototype.endsWith = function (suffix) {
   return this.indexOf(suffix, this.length - suffix.length) !== -1;
@@ -15,6 +16,8 @@ function displayFileText(filename, evt, canvas) {
     pesRead(view, pattern);
   } else if (filename.endsWith("dst")) {
     dstRead(view, pattern);
+  } else if (filename.endsWith("pec")) {
+    pecRead(view, pattern);
   }
   pattern.moveToPositive();
   pattern.drawShape(canvas);

src/format-readers/pec.js

@@ -0,0 +1,13 @@
+import { pecColors, pecReadStitches } from "./pes";
+
+export function pecRead(file, pattern) {
+  let colorChanges, i;
+  file.seek(0x38);
+  colorChanges = file.getUint8();
+  for (i = 0; i <= colorChanges; i++) {
+    pattern.addColor(pecColors[file.getUint8() % 65]);
+  }
+  file.seek(0x21c);
+  pecReadStitches(file, pattern);
+  return true;
+}

src/lib/FileViewer.svelte

@@ -9,7 +9,7 @@
   let rejectedFiles;
   let areAcceptedFilesRendered = false;
   const fileRequirements = {
-    supportedFormats: [".pes", ".dst"],
+    supportedFormats: [".pes", ".dst", ".pec"],
     maxSize: 700000,
   };