Cache the default project json and its assets

Author: Ray Schamp

package.json

@@ -38,6 +38,7 @@
     "babel-plugin-transform-object-rest-spread": "^6.22.0",
     "babel-preset-es2015": "^6.22.0",
     "babel-preset-react": "^6.22.0",
+    "buffer-loader": "0.0.1",
     "chromedriver": "2.33.1",
     "classnames": "2.2.5",
     "copy-webpack-plugin": "^4.0.1",
@@ -67,6 +68,7 @@
     "postcss-simple-vars": "^4.0.0",
     "prop-types": "^15.5.10",
     "raf": "^3.4.0",
+    "raw-loader": "0.5.1",
     "react": "16.0.0",
     "react-contextmenu": "2.8.0",
     "react-dom": "16.0.0",
@@ -84,9 +86,9 @@
     "redux-throttle": "0.1.1",
     "rimraf": "^2.6.1",
     "scratch-audio": "latest",
-    "scratch-paint": "latest",
     "scratch-blocks": "latest",
     "scratch-l10n": "^2.0.0",
+    "scratch-paint": "latest",
     "scratch-render": "latest",
     "scratch-storage": "^0.3.0",
     "scratch-vm": "latest",

src/lib/default-project/09dc888b0b7df19f70d81588ae73420e.svg

@@ -0,0 +1,45 @@
+import projectJson from './project.json';
+import popWav from '!buffer-loader!./83a9787d4cb6f3b7632b4ddfebf74367.wav';
+import meowWav from '!buffer-loader!./83c36d806dc92327b9e7049a565c6bff.wav';
+import backdrop from '!buffer-loader!./739b5e2a2435f6e1ec2993791b423146.png';
+import penLayer from '!buffer-loader!./5c81a336fab8be57adc039a8a2b33ca9.png';
+import costume1 from '!raw-loader!./09dc888b0b7df19f70d81588ae73420e.svg';
+import costume2 from '!raw-loader!./3696356a03a8d938318876a593572843.svg';
+
+const encoder = new TextEncoder();
+export default [{
+    id: 0,
+    assetType: 'Project',
+    dataFormat: 'JSON',
+    data: projectJson
+}, {
+    id: '83a9787d4cb6f3b7632b4ddfebf74367',
+    assetType: 'Sound',
+    dataFormat: 'WAV',
+    data: popWav
+}, {
+    id: '83c36d806dc92327b9e7049a565c6bff',
+    assetType: 'Sound',
+    dataFormat: 'WAV',
+    data: meowWav
+}, {
+    id: '739b5e2a2435f6e1ec2993791b423146',
+    assetType: 'ImageBitmap',
+    dataFormat: 'PNG',
+    data: backdrop
+}, {
+    id: '5c81a336fab8be57adc039a8a2b33ca9',
+    assetType: 'ImageBitmap',
+    dataFormat: 'PNG',
+    data: penLayer
+}, {
+    id: '09dc888b0b7df19f70d81588ae73420e',
+    assetType: 'ImageVector',
+    dataFormat: 'SVG',
+    data: encoder.encode(costume1)
+}, {
+    id: '3696356a03a8d938318876a593572843',
+    assetType: 'ImageVector',
+    dataFormat: 'SVG',
+    data: encoder.encode(costume2)
+}];

src/lib/default-project/3696356a03a8d938318876a593572843.svg

@@ -1,5 +1,7 @@
 import ScratchStorage from 'scratch-storage';
 
+import defaultProjectAssets from './default-project';
+
 const PROJECT_SERVER = 'https://cdn.projects.scratch.mit.edu';
 const ASSET_SERVER = 'https://cdn.assets.scratch.mit.edu';
 
@@ -23,6 +25,12 @@ class Storage extends ScratchStorage {
             [this.AssetType.ImageVector, this.AssetType.ImageBitmap, this.AssetType.Sound],
             asset => `${ASSET_SERVER}/internalapi/asset/${asset.assetId}.${asset.dataFormat}/get/`
         );
+        defaultProjectAssets.forEach(asset => this.cache(
+            this.AssetType[asset.assetType],
+            this.DataFormat[asset.dataFormat],
+            asset.data,
+            asset.id
+        ));
     }
 }
 

src/lib/default-project/5c81a336fab8be57adc039a8a2b33ca9.png

@@ -65,6 +65,10 @@ module.exports = {
                 }
             }]
         },
+        {
+            test: /\.(png|wav)$/,
+            loader: 'raw-loader'
+        },
         {
             test: /\.svg$/,
             loader: 'file-loader'