V4 updates for beta testing (#147)

* change simulator svg

* change radio image

* Remove google fonts cdn

* change color of 'advanced' button

* font fix

* font fix 2

* display fix

* change fullsceen simulator bg

* Continuous servo

* handle continuous state

* adding shims

* update rendering for continuous servos

* fixing sim

* fix sig

* typo

* fix sim

* bump pxt

* bump pxt

* rerun travis

* Input blocks revision

- add Button and Pin event types
- merge onPinPressed & onPinReleased in new onPinEvent function
- create new onButtonEvent function

* update input blocks in docs and tests

* remove device_pin_release block

* Hide DAL.x behind Enum

* bring back deprecated blocks, but hide them

* shims and locales files

* fix input.input. typing

* remove buildpr

* bump V3

* update simulator aspect ratio

* add Loudness Block

* revoke loudness block

* Adds soundLevel

To be replaced by pxt-common-packages when DAL is updated.

* Remove P0 & P3 from AnalogPin

* Fix Sound and replace AnalogPin.P0

* remove approved extensions

* V4 Updates from remote Repo

* locales

* add storage functions

* fix storage functions

* fix int/float values

* decrease decimal precision

* reorder blocks

* Update BLE Settings and Storage Blocks

* Fetch MicroBit changes up to v4.0.18

* Update timing for LED Matrix usage

* use 32kb ram (mini v2)

* resize gatt table

* Revert "use 32kb ram (mini v2)"

This reverts commit 4b15592f0f.

* fix missleading indentation

* add support for 32kb and 16kb ram

* only MIT extensions in preferredRepos

* remove extensions without MIT License file

* add updated extensions

* add extensions with MIT license

Co-authored-by: Juri <gitkraken@juriwolf.de>
Co-authored-by: Juri <info@juriwolf.de>

docs/skillmap/mini.md

@@ -0,0 +1,37 @@
+# Build a mini Explorer
+* name: Build a mini Explorer
+* description: Learn to make a Galga-style game by following this short series of tutorials.
+* bannerUrl: /skillmap/img/spacet4.gif
+* backgroundurl: /skillmap/img/space.png
+* primarycolor: #2EA9B0
+* secondarycolor: #d6f7fa
+* tertiarycolor: #5d416b
+* highlightcolor: #FFFFFF
+* completednodecolor: #504c52
+* tags: beginner, mini, first steps
+
+
+## mini
+* name: Design a mini Explorer
+* description: Let's explore the depths of mini! We'll add a vessel for mini travel, create some enemies, and make sure we have plenty of fuel for the journey.
+* completionUrl: /skillmap/img/spacet4.gif
+
+### mini-activity1
+* allowcodecarryover: false
+
+
+* name: Prepare Your Ship
+* type: tutorial
+* description: Get your miniship ready for an adventure!
+* tags: easy, sprites, scroller
+
+* url: /calliope/firststeps/firstSteps
+* imageUrl: /skillmap/img/spacet4.gif
+
+
+### mini-cert-1
+* name: Congrats!
+* kind: completion
+* type: certificate
+* imageUrl: /skillmap/img/spacet4.gif
+* url: /skillmap/img/spacet4.gif

docs/skillmap/space.md

@@ -0,0 +1,81 @@
+# Build a Space Explorer
+* name: Build a Space Explorer
+* description: Learn to make a Galga-style game by following this short series of tutorials.
+* infoUrl: skillmap/educator-info/int-map-info
+* bannerUrl: /static/skillmap/space/spacet4.gif
+* backgroundurl: /static/skillmap/backgrounds/space-comp.png
+* primarycolor: #2EA9B0
+* secondarycolor: #d6f7fa
+* tertiarycolor: #5d416b
+* highlightcolor: #FFFFFF
+* completednodecolor: #504c52
+* tags: intermediate, space, projectiles
+* alternatesources: github:https://github.com/microsoft/pxt-skillmap-sample/skillmap.md
+
+
+## space
+* name: Design a Space Explorer
+* description: Let's explore the depths of space! We'll add a vessel for space travel, create some enemies, and make sure we have plenty of fuel for the journey.
+* completionUrl: /static/skillmap/certificates/design-a-space-explorer.pdf
+
+### space-activity1
+* allowcodecarryover: false
+
+
+* name: Prepare Your Ship
+* type: tutorial
+* description: Get your spaceship ready for an adventure!
+* tags: easy, sprites, scroller
+* next: space-activity2, pusher1
+
+* url: /skillmap/space/space1
+* imageUrl: /static/skillmap/space/spacet1.gif
+
+### space-activity2
+
+* name: Ready, aim, fire!
+* type: tutorial
+* description: Equip your ship with projectiles and special effects.
+* tags: easy, projectiles, kinds
+* next: pusher2, space-activity3
+
+* url: /skillmap/space/space2
+* imageUrl: /static/skillmap/space/spacet2.gif
+
+### space-activity3
+
+* name: Here comes trouble!
+* description: Watch out for danger! Add enemies and countdown lives in your game.
+* type: tutorial
+* tags: intermediate, enemies, kinds
+* next: space-activity4
+
+* url: /skillmap/space/space3
+* imageUrl: /static/skillmap/space/spacet3.gif
+
+### space-activity4
+
+* name: Fuel Up!
+* type: tutorial
+* description: Use an extension to add a fuel gauge to your ship. Make sure to refuel often!
+* tags: intermediate, extensions
+* next: space-cert-1
+
+* url: /skillmap/space/space4
+* imageUrl: /static/skillmap/space/spacet4.gif
+
+### space-cert-1
+* name: Congrats!
+* kind: completion
+* type: certificate
+* imageUrl: /static/skillmap/certificates/space-cert.png
+* url: /static/skillmap/certificates/design-a-space-explorer.pdf
+
+
+### pusher1
+* name: Blank node
+* kind: layout
+
+### pusher2
+* name: Blank node
+* kind: layout

docs/skillmap/space/activity1.md

@@ -0,0 +1,172 @@
+# Space Explorer
+
+
+## Introduction @showdialog
+
+** Let's explore the depths of space! **
+
+In this tutorial, you'll design a spaceship for your journey.
+
+![Flying through space](/static/skillmap/space/space1.gif "Blasting through a starfield" )
+
+## Set the scene
+**Give 'em something to look at** 🔭
+
+---
+
+
+► Drag the ``||scene:start screen [confetti] effect ⊕||`` from the  ``||scene:Scene||`` category and
+into the ``||loops:on start||`` block that's already in the workspace.
+
+► Next, select ``||scene:star field||`` (instead of ``||scene:confetti||``) from the dropdown
+and watch as you blast into space! 🚀 
+
+
+---
+
+
+```blocks
+// @highlight
+effects.starField.startScreenEffect()
+```
+
+
+
+## Draw your ship
+**🧑🏿‍🚀 Time to choose our ship! 👩🏾‍🚀**
+
+---
+
+► From the ``||sprites:Sprites||`` category, drag the ``||variables:set [mySprite] to sprite [ ] of kind [Player]||`` 
+block  and place it at the end of the ``||loops:on start||`` container.
+
+► Click on the grey box in the middle of your
+ ``||variables:set [mySprite] to sprite [ ] of kind [Player]||`` block
+to design a ship of your own! Are you a rusty pile of scraps or a sleek, futuristic rocket?
+
+---
+
+**Tip:** Don't feel like drawing your ship? Once you're in the sprite editor,
+flip to the gallery and choose from premade images.
+
+```blocks
+effects.starField.startScreenEffect()
+// @highlight
+let mySprite = sprites.create(img`
+    . . . . . . . 9 9 . . . . . . .
+    . . . . . . 9 . . 9 . . . . . .
+    . . . . . . 9 . . 9 . . . . . .
+    . . . . . 9 . 9 9 . 9 . . . . .
+    . . . . . 9 . 9 9 . 9 . . . . .
+    . . . . 9 . 9 9 9 9 . 9 . . . .
+    . . . . 9 . 9 9 9 9 . 9 . . . .
+    . . . 9 . 9 9 9 9 9 9 . 9 . . .
+    . . . 9 . 9 . . . . 9 . 9 . . .
+    . . 9 . 9 9 . 9 9 . 9 9 . 9 . .
+    . . 9 . 9 9 . . . . 9 9 . 9 . .
+    . 9 . 9 9 9 . 9 9 9 9 9 9 . 9 .
+    . 9 . 9 9 9 . 9 9 9 9 9 9 . 9 .
+    9 . 9 9 9 9 9 9 9 9 9 9 9 9 . 9
+    9 . . . . . . . . . . . . . . 9
+    9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9
+`, SpriteKind.Player)
+```
+
+## Control your ship
+
+🌟 Let's get your ship moving 🌟
+
+---
+
+► Find the ``||controller:move [mySprite] with buttons ⊕||`` block 
+and drag it into the bottom of the ``||loops:on start||`` container. 
+
+** Now try moving your ship around on the game screen! **  
+Your ship will move with the joystick, arrow keys, or **W A S D** keys.  
+
+
+
+```blocks
+effects.starField.startScreenEffect()
+let mySprite = sprites.create(img`
+    . . . . . . . 9 9 . . . . . . .
+    . . . . . . 9 . . 9 . . . . . .
+    . . . . . . 9 . . 9 . . . . . .
+    . . . . . 9 . 9 9 . 9 . . . . .
+    . . . . . 9 . 9 9 . 9 . . . . .
+    . . . . 9 . 9 9 9 9 . 9 . . . .
+    . . . . 9 . 9 9 9 9 . 9 . . . .
+    . . . 9 . 9 9 9 9 9 9 . 9 . . .
+    . . . 9 . 9 . . . . 9 . 9 . . .
+    . . 9 . 9 9 . 9 9 . 9 9 . 9 . .
+    . . 9 . 9 9 . . . . 9 9 . 9 . .
+    . 9 . 9 9 9 . 9 9 9 9 9 9 . 9 .
+    . 9 . 9 9 9 . 9 9 9 9 9 9 . 9 .
+    9 . 9 9 9 9 9 9 9 9 9 9 9 9 . 9
+    9 . . . . . . . . . . . . . . 9
+    9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9
+`, SpriteKind.Player)
+// @highlight
+controller.moveSprite(mySprite)
+```
+
+## Stay in screen
+
+**Uh-oh, if you move off screen, your ship disappears!**
+
+---
+
+► To keep your ship from exploring beyond the edges, find
+ the ``||sprites:set [mySprite] stay in screen <on>||`` block and
+snap it in at the end of the program.
+ 
+
+
+```blocks
+effects.starField.startScreenEffect()
+let mySprite = sprites.create(img`
+    . . . . . . . 9 9 . . . . . . .
+    . . . . . . 9 . . 9 . . . . . .
+    . . . . . . 9 . . 9 . . . . . .
+    . . . . . 9 . 9 9 . 9 . . . . .
+    . . . . . 9 . 9 9 . 9 . . . . .
+    . . . . 9 . 9 9 9 9 . 9 . . . .
+    . . . . 9 . 9 9 9 9 . 9 . . . .
+    . . . 9 . 9 9 9 9 9 9 . 9 . . .
+    . . . 9 . 9 . . . . 9 . 9 . . .
+    . . 9 . 9 9 . 9 9 . 9 9 . 9 . .
+    . . 9 . 9 9 . . . . 9 9 . 9 . .
+    . 9 . 9 9 9 . 9 9 9 9 9 9 . 9 .
+    . 9 . 9 9 9 . 9 9 9 9 9 9 . 9 .
+    9 . 9 9 9 9 9 9 9 9 9 9 9 9 . 9
+    9 . . . . . . . . . . . . . . 9
+    9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9
+`, SpriteKind.Player)
+controller.moveSprite(mySprite)
+// @highlight
+mySprite.setStayInScreen(true)
+
+```
+
+
+## Finale @showdialog
+
+**Great Job!**
+
+---
+
+**Try your project on the game screen
+before you click finish on the tutorial.**  
+
+Is everything how you want it? You can always go back and edit steps if you discover you'd like them to work differently.
+
+
+
+## Byeeee
+
+** 🚀 That's it! 🚀**
+
+You're all set to travel the universe!
+
+Click **Finish** to return to the main page where you can share your game
+with family and friends!