Adds DNA bypass feature for layer configuration options

Author: nftchef

src/config.js

@@ -30,7 +30,11 @@ const layerConfigurations = [
   {
     growEditionSizeTo: 5,
     layersOrder: [
-      { name: "Background" },
+      { name: "Background", 
+        options: {
+          bypassDNA: true
+        } 
+      },
       { name: "Eyeball" },
       { name: "Eye color" },
       { name: "Iris" },

src/main.js

@@ -66,7 +66,8 @@ const getRarityWeight = (_str) => {
 };
 
 const cleanDna = (_str) => {
-  var dna = Number(_str.split(":").shift());
+  const withoutOptions = removeQueryStrings(_str)
+  var dna = Number(withoutOptions.split(":").shift());
   return dna;
 };
 
@@ -107,6 +108,10 @@ const layersSetup = (layersOrder) => {
       layerObj.options?.["opacity"] != undefined
         ? layerObj.options?.["opacity"]
         : 1,
+    bypassDNA:
+      layerObj.options?.["bypassDNA"] !== undefined
+        ? layerObj.options?.["bypassDNA"]
+        : false
   }));
   return layers;
 };
@@ -231,8 +236,49 @@ const constructLayerToDna = (_dna = "", _layers = []) => {
   return mappedDnaToLayers;
 };
 
+/**
+ * In some cases a DNA string may contain optional query parameters for options
+ * such as bypassing the DNA isUnique check, this function filters out those
+ * items without modifying the stored DNA.
+ *
+ * @param {String} _dna New DNA string
+ * @returns new DNA string with any items that should be filtered, removed.
+ */
+const filterDNAOptions = (_dna) => {
+  const dnaItems = _dna.split(DNA_DELIMITER)
+  const filteredDNA = dnaItems.filter(element => {
+    const query = /(\?.*$)/;
+    const querystring = query.exec(element);
+    if (!querystring) {
+      return true
+    }
+    const options = querystring[1].split("&").reduce((r, setting) => {
+      const keyPairs = setting.split("=");
+      return { ...r, [keyPairs[0]]: keyPairs[1] };
+    }, []);
+
+    return options.bypassDNA
+  })
+
+  return filteredDNA.join(DNA_DELIMITER)
+}
+
+/**
+ * Cleaning function for DNA strings. When DNA strings include an option, it
+ * is added to the filename with a ?setting=value query string. It needs to be
+ * removed to properly access the file name before Drawing.
+ *
+ * @param {String} _dna The entire newDNA string
+ * @returns Cleaned DNA string without querystring parameters.
+ */
+const removeQueryStrings = (_dna) => {
+  const query = /(\?.*$)/;
+  return _dna.replace(query, '')
+}
+
 const isDnaUnique = (_DnaList = new Set(), _dna = "") => {
-  return !_DnaList.has(_dna);
+  const _filteredDNA = filterDNAOptions(_dna);
+  return !_DnaList.has(_filteredDNA);
 };
 
 const createDna = (_layers) => {
@@ -249,7 +295,7 @@ const createDna = (_layers) => {
       random -= layer.elements[i].weight;
       if (random < 0) {
         return randNum.push(
-          `${layer.elements[i].id}:${layer.elements[i].filename}`
+          `${layer.elements[i].id}:${layer.elements[i].filename}${layer.bypassDNA? '?bypassDNA=true' : ''}`
         );
       }
     }
@@ -364,7 +410,7 @@ const startCreating = async () => {
             )}`
           );
         });
-        dnaList.add(newDna);
+        dnaList.add(filterDNAOptions(newDna));
         editionCount++;
         abstractedIndexes.shift();
       } else {