From 697435c1b1d4d102477ca35386e07ba1ac8ae443 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Andr=C3=A9=20Schr=C3=B6der?= <andre.schroedr@gmail.com>
Date: Mon, 26 Apr 2021 00:00:55 +0200
Subject: [PATCH] [patch] Do not load 3rd party resources

We loaded images and sounds from
https://blockly-demo.appspot.com/static/media/. With the GPDR in mind,
it is better to host everything yourself.
---
 .gitignore        | 2 ++
 .gitmodules       | 3 +++
 README.md         | 3 ++-
 blockly           | 1 +
 src/tasks/Task.js | 4 +++-
 5 files changed, 11 insertions(+), 2 deletions(-)
 create mode 100644 .gitmodules
 create mode 160000 blockly

diff --git a/.gitignore b/.gitignore
index f118c04..3dc929f 100644
--- a/.gitignore
+++ b/.gitignore
@@ -23,3 +23,5 @@ yarn-debug.log*
 yarn-error.log*
 
 .idea.*
+
+public/media/
diff --git a/.gitmodules b/.gitmodules
new file mode 100644
index 0000000..e50c097
--- /dev/null
+++ b/.gitmodules
@@ -0,0 +1,3 @@
+[submodule "blockly"]
+	path = blockly
+	url = https://github.com/google/blockly
diff --git a/README.md b/README.md
index 1b3a04d..a7ac19e 100644
--- a/README.md
+++ b/README.md
@@ -2,7 +2,7 @@
 
 ## Installation
 
-In the project directory, run `npm install`
+In the project directory, copy the media/ folder once like this: `cp -r blockly/media/ public/media`. Then run `npm install`.
 
 ## Build
 
@@ -10,6 +10,7 @@ Assume we want to deploy the site to the path "/girlsday", then you can do:
 
 ```
 PUBLIC_URL="/girlsday" npm run build
+cp -r blockly/media/ public/media
 ```
 
 You can find the files to deploy in the build/ folder.
diff --git a/blockly b/blockly
new file mode 160000
index 0000000..3fe56b0
--- /dev/null
+++ b/blockly
@@ -0,0 +1 @@
+Subproject commit 3fe56b083c62549cb2bdb17270846bf17ced5d7a
diff --git a/src/tasks/Task.js b/src/tasks/Task.js
index 966da7a..e796c3b 100644
--- a/src/tasks/Task.js
+++ b/src/tasks/Task.js
@@ -303,7 +303,9 @@ export default function Task(props) {
                   <Col xs={7}>
                       <Row style={{height: "80vh"}}>
                           <BlocklyComponent ref={workspaceRef}
-                                            readOnly={false} trashcan={true}
+                                            readOnly={false}
+                                            trashcan={true}
+                                            media={process.env.PUBLIC_URL + "/media/"}
                                             move={{
                                                 scrollbars: true,
                                                 drag: true,