add costumes &support penguinmod library backdrops

Author: JeremyGamer13

src/containers/backdrop-library.jsx

@@ -32,6 +32,11 @@ class BackdropLibrary extends React.Component {
             bitmapResolution: item.bitmapResolution,
             skinId: null
         };
+        if (item.fromPenguinModLibrary) {
+            vmBackdrop.fromPenguinModLibrary = true;
+            vmBackdrop.libraryId = item.libraryFilePage;
+            vmBackdrop.dataFormat = item.dataFormat;
+        }
         // Do not switch to stage, just add the backdrop
         this.props.vm.addBackdrop(item.md5ext, vmBackdrop);
     }
@@ -40,6 +45,7 @@ class BackdropLibrary extends React.Component {
             <LibraryComponent
                 data={getBackdropLibrary()}
                 id="backdropLibrary"
+                actor="CostumeLibrary"
                 header={"Backdrops"}
                 tags={backdropTags}
                 title={this.props.intl.formatMessage(messages.libraryTitle)}

src/containers/costume-library.jsx

@@ -36,7 +36,7 @@ class CostumeLibrary extends React.PureComponent {
             vmCostume.fromPenguinModLibrary = true;
             vmCostume.libraryId = item.libraryFilePage;
             vmCostume.dataFormat = item.dataFormat;
-        };
+        }
         this.props.vm.addCostumeFromLibrary(item.md5ext, vmCostume);
     }
     render () {

src/containers/costume-tab.jsx

@@ -197,6 +197,11 @@ class CostumeTab extends React.Component {
             bitmapResolution: item.bitmapResolution,
             skinId: null
         };
+        if (item.fromPenguinModLibrary) {
+            vmCostume.fromPenguinModLibrary = true;
+            vmCostume.libraryId = item.libraryFilePage;
+            vmCostume.dataFormat = item.dataFormat;
+        };
         this.handleNewCostume(vmCostume);
     }
     handleCostumeUpload(e) {

src/lib/libraries/backdrops.json

@@ -190,6 +190,20 @@
         "rotationCenterX": 480,
         "rotationCenterY": 360
     },
+    {
+        "name": "Calm Night",
+        "tags": [
+            "outdoors",
+            "lights",
+            "purple"
+        ],
+        "bitmapResolution": 2,
+        "dataFormat": "png",
+        "rotationCenterX": 480,
+        "rotationCenterY": 360,
+        "fromPenguinModLibrary": true,
+        "libraryFilePage": "images/backdrops/calm_night.png"
+    },
     {
         "name": "Canyon",
         "tags": [

src/lib/libraries/costumes.json

@@ -6486,6 +6486,21 @@
         "rotationCenterX": 68,
         "rotationCenterY": 260
     },
+    {
+        "name": "Joe",
+        "tags": [
+            "people",
+            "crude",
+            "drawing",
+            "human"
+        ],
+        "bitmapResolution": 1,
+        "dataFormat": "svg",
+        "rotationCenterX": 0,
+        "rotationCenterY": 0,
+        "fromPenguinModLibrary": true,
+        "libraryFilePage": "images/Joe.svg"
+    },
     {
         "name": "Jordyn-a",
         "tags": [
@@ -9891,6 +9906,21 @@
         "rotationCenterX": 55,
         "rotationCenterY": 89
     },
+    {
+        "name": "Sleeping Dog",
+        "tags": [
+            "dog",
+            "animals",
+            "realistic",
+            "max"
+        ],
+        "bitmapResolution": 2,
+        "dataFormat": "png",
+        "rotationCenterX": 225,
+        "rotationCenterY": 144,
+        "fromPenguinModLibrary": true,
+        "libraryFilePage": "images/max.png"
+    },
     {
         "name": "Smiley-a",
         "tags": [