fix: invalid host header issue on codesandbox

solves Issue #94 (The examples no longer work in CodeSandbox environments.)

We need to add the allowedhosts-flag to devServer-settings for webpack.config:

devServer-config to solve "Invalid Host header Issue" on CodeSandBox:

codesandbox/codesandbox-client#3392 and

https://stackoverflow.com/a/43647767 and
  https://codesandbox.io/docs/learn/repositories/task#configuring-task-ports

https://github.com/webpack/webpack-dev-server/blob/master/CHANGELOG.md#firewall

https://webpack.js.org/configuration/dev-server/#devserverallowedhosts

firewall: false, // failed while testing

disableHostCheck: true, // failed while testing

allowedHosts: This flag finally solved it

.github/contributing.md

@@ -2,7 +2,7 @@
 
 We are more than happy to accept external contributions to the project
 in the form of feedback, bug reports and even better - pull requests :)
-All our CodeSandBox-Samples are [synced-templates](https://codesandbox.io/docs/learn/sandboxes/synced-templates) with our GitHub-repo: they will update automatically, once our repositories main branch got updated.
+All our CodeSandBox-Samples are [synced-templates](https://codesandbox.io/docs/learn/sandboxes/synced-templates) with our GitHub-repo: they will update automatically, once our repositories master branch got updated.
 
 ## How to contribute
 

examples/find-components/.codesandbox/tasks.json

@@ -1,20 +1,16 @@
 {
-	// These tasks will run in order when initializing your CodeSandbox project.
 	"setupTasks": [
 		{
 			"name": "Install Dependencies",
 			"command": "yarn install"
 		}
 	],
-
-	// These tasks can be run from CodeSandbox. Running one will open a log in the app.
 	"tasks": {
 		"start": {
 			"name": "start",
 			"command": "yarn start",
 			"runAtStart": true,
 			"preview": {
-				// Set 8080 as primary port for task start
 				"port": 8080
 			}
 		}

examples/five-star/.codesandbox/tasks.json

@@ -1,20 +1,16 @@
 {
-	// These tasks will run in order when initializing your CodeSandbox project.
 	"setupTasks": [
 		{
 			"name": "Install Dependencies",
 			"command": "yarn install"
 		}
 	],
-
-	// These tasks can be run from CodeSandbox. Running one will open a log in the app.
 	"tasks": {
 		"start": {
 			"name": "start",
 			"command": "yarn start",
 			"runAtStart": true,
 			"preview": {
-				// Set 8080 as primary port for task start
 				"port": 8080
 			}
 		}

examples/get-component-by-dom-node/.codesandbox/tasks.json

@@ -1,20 +1,16 @@
 {
-	// These tasks will run in order when initializing your CodeSandbox project.
 	"setupTasks": [
 		{
 			"name": "Install Dependencies",
 			"command": "yarn install"
 		}
 	],
-
-	// These tasks can be run from CodeSandbox. Running one will open a log in the app.
 	"tasks": {
 		"start": {
 			"name": "start",
 			"command": "yarn start",
 			"runAtStart": true,
 			"preview": {
-				// Set 8080 as primary port for task start
 				"port": 8080
 			}
 		}

examples/gondel-react/.codesandbox/tasks.json

@@ -1,20 +1,16 @@
 {
-	// These tasks will run in order when initializing your CodeSandbox project.
 	"setupTasks": [
 		{
 			"name": "Install Dependencies",
 			"command": "yarn install"
 		}
 	],
-
-	// These tasks can be run from CodeSandbox. Running one will open a log in the app.
 	"tasks": {
 		"start": {
 			"name": "start",
 			"command": "yarn start",
 			"runAtStart": true,
 			"preview": {
-				// Set 8080 as primary port for task start
 				"port": 8080
 			}
 		}

examples/hello-world/.codesandbox/tasks.json

@@ -1,20 +1,16 @@
 {
-	// These tasks will run in order when initializing your CodeSandbox project.
 	"setupTasks": [
 		{
 			"name": "Install Dependencies",
 			"command": "yarn install"
 		}
 	],
-
-	// These tasks can be run from CodeSandbox. Running one will open a log in the app.
 	"tasks": {
 		"start": {
 			"name": "start",
 			"command": "yarn start",
 			"runAtStart": true,
 			"preview": {
-				// Set 8080 as primary port for task start
 				"port": 8080
 			}
 		}

examples/lazy-load/.codesandbox/tasks.json

@@ -1,20 +1,16 @@
 {
-	// These tasks will run in order when initializing your CodeSandbox project.
 	"setupTasks": [
 		{
 			"name": "Install Dependencies",
 			"command": "yarn install"
 		}
 	],
-
-	// These tasks can be run from CodeSandbox. Running one will open a log in the app.
 	"tasks": {
 		"start": {
 			"name": "start",
 			"command": "yarn start",
 			"runAtStart": true,
 			"preview": {
-				// Set 8080 as primary port for task start
 				"port": 8080
 			}
 		}

examples/plugin-data/.codesandbox/tasks.json

@@ -1,20 +1,16 @@
 {
-	// These tasks will run in order when initializing your CodeSandbox project.
 	"setupTasks": [
 		{
 			"name": "Install Dependencies",
 			"command": "yarn install"
 		}
 	],
-
-	// These tasks can be run from CodeSandbox. Running one will open a log in the app.
 	"tasks": {
 		"start": {
 			"name": "start",
 			"command": "yarn start",
 			"runAtStart": true,
 			"preview": {
-				// Set 8080 as primary port for task start
 				"port": 8080
 			}
 		}

examples/plugin-media-query/.codesandbox/tasks.json

@@ -1,20 +1,16 @@
 {
-	// These tasks will run in order when initializing your CodeSandbox project.
 	"setupTasks": [
 		{
 			"name": "Install Dependencies",
 			"command": "yarn install"
 		}
 	],
-
-	// These tasks can be run from CodeSandbox. Running one will open a log in the app.
 	"tasks": {
 		"start": {
 			"name": "start",
 			"command": "yarn start",
 			"runAtStart": true,
 			"preview": {
-				// Set 8080 as primary port for task start
 				"port": 8080
 			}
 		}

examples/plugin-resize/.codesandbox/tasks.json

@@ -1,20 +1,16 @@
 {
-	// These tasks will run in order when initializing your CodeSandbox project.
 	"setupTasks": [
 		{
 			"name": "Install Dependencies",
 			"command": "yarn install"
 		}
 	],
-
-	// These tasks can be run from CodeSandbox. Running one will open a log in the app.
 	"tasks": {
 		"start": {
 			"name": "start",
 			"command": "yarn start",
 			"runAtStart": true,
 			"preview": {
-				// Set 8080 as primary port for task start
 				"port": 8080
 			}
 		}

examples/react-gondel/.codesandbox/tasks.json

@@ -1,20 +1,16 @@
 {
-	// These tasks will run in order when initializing your CodeSandbox project.
 	"setupTasks": [
 		{
 			"name": "Install Dependencies",
 			"command": "yarn install"
 		}
 	],
-
-	// These tasks can be run from CodeSandbox. Running one will open a log in the app.
 	"tasks": {
 		"start": {
 			"name": "start",
 			"command": "yarn start",
 			"runAtStart": true,
 			"preview": {
-				// Set 8080 as primary port for task start
 				"port": 8080
 			}
 		}

examples/trigger-public-event/.codesandbox/tasks.json

@@ -1,20 +1,16 @@
 {
-	// These tasks will run in order when initializing your CodeSandbox project.
 	"setupTasks": [
 		{
 			"name": "Install Dependencies",
 			"command": "yarn install"
 		}
 	],
-
-	// These tasks can be run from CodeSandbox. Running one will open a log in the app.
 	"tasks": {
 		"start": {
 			"name": "start",
 			"command": "yarn start",
 			"runAtStart": true,
 			"preview": {
-				// Set 8080 as primary port for task start
 				"port": 8080
 			}
 		}

examples/typescript/.codesandbox/tasks.json

@@ -1,20 +1,16 @@
 {
-	// These tasks will run in order when initializing your CodeSandbox project.
 	"setupTasks": [
 		{
 			"name": "Install Dependencies",
 			"command": "yarn install"
 		}
 	],
-
-	// These tasks can be run from CodeSandbox. Running one will open a log in the app.
 	"tasks": {
 		"start": {
 			"name": "start",
 			"command": "yarn start",
 			"runAtStart": true,
 			"preview": {
-				// Set 8080 as primary port for task start
 				"port": 8080
 			}
 		}