first-commit

+root = true
+
+[*]
+end_of_line = lf
+insert_final_newline = true
+charset = utf-8
+indent_size = 4
+trim_trailing_whitespace = true
+
+[*.{js,html}]
+indent_style = space

+node_modules/*
+dist/*

+module.exports = {
+    root: true,
+    env: {
+        node: true
+    },
+    extends: ['scratch', 'scratch/es6', 'scratch/node']
+};

+# Set the default behavior, in case people don't have core.autocrlf set.
+* text=auto
+
+# Explicitly specify line endings for as many files as possible.
+# People who (for example) rsync between Windows and Linux need this.
+
+# File types which we know are binary
+
+# Prefer LF for most file types
+*.css text eol=lf
+*.htm text eol=lf
+*.html text eol=lf
+*.js text eol=lf
+*.js.map text eol=lf
+*.json text eol=lf
+*.json5 text eol=lf
+*.jsx text eol=lf
+*.md text eol=lf
+*.plist text eol=lf
+*.xml text eol=lf
+*.yml text eol=lf
+*.yaml text eol=lf
+
+# Prefer LF for these files
+.editorconfig text eol=lf
+.eslintignore text eol=lf
+.gitattributes text eol=lf
+.gitignore text eol=lf
+.npmignore text eol=lf
+LICENSE text eol=lf
+Makefile text eol=lf
+TRADEMARK text eol=lf
+
+# Use CRLF for Windows-specific file types

+## Contributing
+The development of Scratch is an ongoing process, and we love to have people in the Scratch and open source communities help us along the way.
+
+### Ways to Help
+
+* **Documenting bugs**
+  * If you've identified a bug in Scratch you should first check to see if it's been filed as an issue, if not you can file one.  Make sure you follow the issue template.
+  * It's important that we can consistently reproduce issues. When writing an issue, be sure to follow our [reproduction step guidelines](https://github.com/LLK/scratch-gui/wiki/Writing-good-repro-steps).
+    * Some issues are marked "Needs Repro". Adding a comment with good reproduction steps to those issues is a great way to help.
+  * If you don't have an issue in mind already, you can look through the [Bugs & Glitches forum.](https://scratch.mit.edu/discuss/3/) Look for users reporting problems, reproduce the problem yourself, and file new issues following our guidelines. 
+
+* **Fixing bugs**
+  * You can request to fix a bug in a comment on the issue if you at mention the repo coordinator, who for this repo is @cwillisf.
+    * If the issue is marked "Help Wanted" you can go ahead and start working on it!
+  * **We will only accept Pull Requests for bugs that have an issue filed that has a priority label** 
+    * If you're interested in fixing a bug with no issue, file the issue first and wait for it to have a priority added to it.
+  
+  * We are not looking for Pull Requests ("PR") for every issue and may deny a PR if it doesn't fit our criteria.
+    * We are far more likely to accept a PR if it is for an issue marked with Help Wanted.
+    * We will not accept PRs for issues marked with "Needs Discussion" or "Needs Design."
+    * Wait until the Repo Coordinator assigns the issue to you before you begin work or submit a PR.
+
+### Learning Git and Github
+
+If you want to work on fixing issues, you should be familiar with Git and Github.
+
+* [Learn Git branching](https://learngitbranching.js.org/) includes an introduction to basic git commands and useful branching features.
+* Here's a general introduction to [contributing to an open source project](https://egghead.io/courses/how-to-contribute-to-an-open-source-project-on-github).
+
+**Important:** we follow the [Github Flow process](https://guides.github.com/introduction/flow/) as our development process.
+
+### How to Fix Bugs
+1. Identify which Github issue you are working on. Leave a comment on the issue to let us (and other contributors) know you're working on it.
+2. Make sure you have a fork of this repo (see [Github's forking a repo](https://help.github.com/en/github/getting-started-with-github/fork-a-repo) for details)
+3. Switch to the `develop` branch, and pull down the latest changes from upstream
+4. Run the code, and reproduce the problem
+5. Create your branch from the `develop` branch
+6. Make code changes to fix the problem
+7. Run `npm test` to make sure that your changes pass our tests
+8. Commit your changes
+9. Push your branch to your fork
+10. Create your pull request
+    1. Make sure to follow the template in the PR description
+    1. Remember to check the “[Allow edits from maintainers](https://help.github.com/en/github/collaborating-with-issues-and-pull-requests/allowing-changes-to-a-pull-request-branch-created-from-a-fork)” box
+
+When submitting pull requests keep in mind:
+* please be patient -- it can take a while to find time to review them
+* try to change the least amount of code necessary to fix the bug
+* the code can't be radically changed without significant coordination with the Scratch Team, so these types of changes should be avoided
+* if you find yourself changing a substantial amount of code or considering radical changes, please ask for clarification -- we may have envisioned a different approach, or underestimated the amount of effort
+
+### Suggestions
+![Block sketch](https://user-images.githubusercontent.com/3431616/77192550-1dcebe00-6ab3-11ea-9606-8ecd8500c958.png)
+
+Please note: **_we are unlikely to accept PRs with new features that haven't been thought through and discussed as a group_**.
+
+Why? Because we have a strong belief in the value of keeping things simple for new users. It's been said that the Scratch Team spends about one hour of design discussion for every pixel in Scratch. To learn more about our design philosophy, see [the Scratch Developers page](https://scratch.mit.edu/developers), or [this paper](http://web.media.mit.edu/~mres/papers/Scratch-CACM-final.pdf).
+
+We welcome suggestions! If you want to suggest a feature, please post in our [suggestions forum](https://scratch.mit.edu/discuss/1/). Your suggestion will be helped if you include a mockup design; this can be simple, even hand-drawn.
+
+### Other resources
+Beyond this repo, there are also some other resources that you might want to take a look at:
+* [Community Guidelines](https://github.com/LLK/scratch-www/wiki/Community-Guidelines) (we find it important to maintain a constructive and welcoming community, just like on Scratch)
+* [Open Source forum](https://scratch.mit.edu/discuss/49/) on Scratch
+* [Suggestions forum](https://scratch.mit.edu/discuss/1/) on Scratch
+* [Bugs & Glitches forum](https://scratch.mit.edu/discuss/3/) on Scratch

+ko_fi: arthurzheng

+### Expected Behavior
+
+_Please describe what should happen_
+
+### Actual Behavior
+
+_Describe what actually happens_
+
+### Steps to Reproduce
+
+_Explain what someone needs to do in order to see what's described in *Actual behavior* above_
+
+### Operating System and Browser
+
+_e.g. Mac OS 10.11.6 Safari 10.0_

+### Resolves
+
+_What Github issue does this resolve (please include link)?_
+
+- Resolves #
+
+### Proposed Changes
+
+_Describe what this Pull Request does_
+
+### Reason for Changes
+
+_Explain why these changes should be made_
+
+### Test Coverage
+
+_Please show how you have added tests to cover your changes_

+name: Build and release
+
+on:
+  push:
+    tags:
+      - 'v*'
+    paths-ignore:
+      - 'README.md'
+      - 'CHANGE.md'
+      - 'doc/*'
+      - '.github/*'
+
+jobs:
+  create-release:
+    runs-on: ubuntu-20.04
+    steps:
+      - uses: actions/checkout@v2
+
+      - name: Get tag
+        id: tag
+        uses: dawidd6/action-get-tag@v1
+
+      - name: Create Release
+        id: create_release
+        uses: actions/create-release@v1
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+        with:
+          tag_name: ${{ steps.tag.outputs.tag }}
+          release_name: OpenBlock Desktop ${{ steps.tag.outputs.tag }}
+          body: |
+            ## Change Log (en)
+
+            - **New feature**
+
+                1. Feature 1.
+                2. Feature 2.
+
+            - **Fix bug**
+
+                1. Bug 1.
+                2. Bug 2.
+
+            ## 更改日志 (zh-cn)
+
+            - **新功能**
+
+                1. 功能1。
+                2. 功能2。
+
+            - **修复错误**
+
+                1. 错误1。
+                2. 错误2。
+          draft: true
+          prerelease: false
+
+  build-windows:
+    needs: create-release
+    runs-on: windows-2019
+    steps:
+      - uses: actions/checkout@v2
+
+      - name: Use Node.js
+        uses: actions/setup-node@v2
+        with:
+          node-version: '14.x'
+
+      - name: Npm Install
+        run: |
+          git config --global url."https://github.com".insteadOf ssh://git@github.com
+          npm ci
+
+      - name: Build and Publish
+        env:
+          GA_ID: ${{ secrets.GA_ID }}
+          GH_TOKEN: ${{ secrets.GH_TOKEN }}
+          NODE_ENV: production
+          NODE_OPTIONS: --max_old_space_size=4096
+        run: npm run publish
+
+  build-mac:
+    needs: create-release
+    runs-on: macos-13
+    steps:
+      - uses: actions/checkout@v2
+
+      - name: Use Node.js
+        uses: actions/setup-node@v2
+        with:
+          node-version: '16.x'
+
+      - name: Install python2.7
+        run: |
+          brew install pyenv
+          pyenv install 2.7.18
+          pyenv global 2.7.18
+
+      - name: Npm Install
+        run: |
+          pip install setuptools
+          npm ci
+
+      - name: Build and Publish
+        env:
+          GA_ID: ${{ secrets.GA_ID }}
+          GH_TOKEN: ${{ secrets.GH_TOKEN }}
+          NODE_ENV: production
+          NODE_OPTIONS: --max_old_space_size=8192
+          CSC_IDENTITY_AUTO_DISCOVERY: false
+          PYTHON_PATH: python
+        run: |
+          export PYTHON_PATH=$(pyenv root)/shims/python
+          npm run publish
+
+  build-linux:
+    needs: create-release
+    runs-on: ubuntu-20.04
+    steps:
+      - uses: actions/checkout@v2
+
+      - name: Use Node.js
+        uses: actions/setup-node@v2
+        with:
+          node-version: '16.x'
+
+      - name: Npm Install
+        run: npm ci
+
+      - name: Build and Publish
+        env:
+          GA_ID: ${{ secrets.GA_ID }}
+          GH_TOKEN: ${{ secrets.GH_TOKEN }}
+          NODE_ENV: production
+          NODE_OPTIONS: --max_old_space_size=8192
+          CSC_IDENTITY_AUTO_DISCOVERY: false
+        run: npm run publish

+name: Build Test App
+
+on:
+  push:
+    branches: [ main ]
+    paths-ignore:
+      - 'README.md'
+      - 'CHANGE.md'
+      - 'doc/*'
+      - '.github/*'
+
+jobs:
+  build-windows:
+    runs-on: windows-2019
+    steps:
+      - uses: actions/checkout@v2
+
+      - name: Use Node.js
+        uses: actions/setup-node@v2
+        with:
+          node-version: '14.x'
+
+      - name: Npm Install
+        run: |
+          git config --global url."https://github.com".insteadOf ssh://git@github.com
+          npm ci
+
+      - name: Build Dist
+        env:
+          GA_ID: ${{ secrets.GA_ID }}
+          NODE_ENV: production
+          NODE_OPTIONS: --max_old_space_size=4096
+        run: npm run dist
+
+      - name: Archive production artifacts
+        uses: actions/upload-artifact@v2
+        with:
+          name: OpenBlock-Desktop-win32
+          path: dist/OpenBlock-Desktop*.exe
+          retention-days: 1
+
+  build-mac:
+    runs-on: macos-13
+    steps:
+      - uses: actions/checkout@v2
+
+      - name: Use Node.js
+        uses: actions/setup-node@v2
+        with:
+          node-version: '16.x'
+
+      - name: Install python2.7
+        run: |
+          brew install pyenv
+          pyenv install 2.7.18
+          pyenv global 2.7.18
+
+      - name: Npm Install
+        run: |
+          pip install setuptools
+          npm ci
+
+      - name: Build Dist
+        env:
+          GA_ID: ${{ secrets.GA_ID }}
+          NODE_ENV: production
+          NODE_OPTIONS: --max_old_space_size=8192
+          CSC_IDENTITY_AUTO_DISCOVERY: false
+        run: |
+          export PYTHON_PATH=$(pyenv root)/shims/python
+          npm run dist
+
+      - name: Archive production artifacts
+        uses: actions/upload-artifact@v2
+        with:
+          name: OpenBlock-Desktop-darwin
+          path: dist/OpenBlock-Desktop*.dmg
+          retention-days: 1
+
+  build-linux:
+    runs-on: ubuntu-20.04
+    steps:
+      - uses: actions/checkout@v2
+
+      - name: Use Node.js
+        uses: actions/setup-node@v2
+        with:
+          node-version: '16.x'
+
+      - name: Npm Install
+        run: npm ci
+
+      - name: Build Dist
+        env:
+          GA_ID: ${{ secrets.GA_ID }}
+          NODE_ENV: production
+          NODE_OPTIONS: --max_old_space_size=8192
+          CSC_IDENTITY_AUTO_DISCOVERY: false
+        run: npm run dist
+
+      - name: Archive production artifacts
+        uses: actions/upload-artifact@v2
+        with:
+          name: OpenBlock-Desktop-linux
+          path: dist/OpenBlock-Desktop*.deb
+          retention-days: 1

+# Mac OS
+.DS_Store
+
+# Windows
+thumbs.db
+
+# NPM
+/node_modules
+npm-*
+
+# Testing
+/.nyc_output
+/coverage
+.eslintcache
+
+# Build
+/build
+/dist
+/.opt-in
+/*.provisionprofile
+
+# don't store the assets downloaded with the `fetch` script
+/static
+
+# Temporary resource
+/external-resources
+/tools
+/firmwares
+/drivers
+
+
+# generated translation files
+/translations
+/locale

+# Mac OS
+.DS_Store
+
+# NPM
+/node_modules
+npm-*
+
+# Testing
+/.nyc_output
+/coverage
+
+# Build
+/.opt-in
+
+# Temporary resource
+/external-resources
+/tools
+/firmwares
+/drivers
+

+{
+    // 使用 IntelliSense 了解相关属性。
+    // 悬停以查看现有属性的描述。
+    // 欲了解更多信息，请访问: https://go.microsoft.com/fwlink/?linkid=830387
+    "version": "0.2.0",
+    "configurations": [
+        {
+            "name": "Desktop",
+            "type": "node",
+            "request": "launch",
+            "cwd": "${workspaceFolder:scratch-desktop}",
+            "runtimeExecutable": "npm",
+            "autoAttachChildProcesses": true,
+            "runtimeArgs": ["start", "--"],
+            "protocol": "inspector",
+            "skipFiles": [
+                // it seems like skipFiles only reliably works with 1 entry :(
+                //"<node_internals>/**",
+                "${workspaceFolder:scratch-desktop}/node_modules/electron/dist/resources/*.asar/**"
+            ],
+            "sourceMaps": true,
+            "timeout": 30000,
+            "outputCapture": "std"
+        }
+    ]
+}

+# Change Log
+
+## 2.5.2
+
+- **New feature**
+
+    1. Supports using environment variables to specify the path of external resources.
+
+- **Fix bug**
+
+    1. Fixed the issue where some window images were lost and could not be displayed.
+    2. Fix the problem that the resources library file cannot be found.
+
+## 2.5.1
+
+- **New feature**
+
+    1. Re-support windows-ia32 architecture.
+
+- **Fix bug**
+
+    1. When installing on Windows, an error message always appears: The app is running and cannot be closed.
+    2. Running on Windows 7 will report an error and cannot start.
+
+## 2.5.0
+
+- **New feature**
+
+    1. Added support for Russian language.
+    2. Add support for unload sratch extennsion.
+    3. When the window width cannot fit the menu bar content, an abbreviated version of the menu is displayed.
+    4. Adjust the framework of external resources and support the injection of resources from non-installation departments.
+    5. Add support for copying and pasting blocks.
+    6. Add support for custom matrix block height and width.
+    7. Added support for aborting the Arduino upload process.
+    8. Upgrade google analytics to GA4.
+
+- **Fix bug**
+
+    1. After unchecking show all devices, non-compliant devices still appear in the connection list.
+    2. After uploading is completed, click the upload information to automatically jump to the bottom of the content.
+    3. Corrected the text description of the Arduino serial port reading block.
+    4. Corrected the code generation structure of the microbit event block to prevent function crash caused by repeated reentry when using a perpetual loop in the event block.
+    5. The Arduino program will be stuck for a short while before uploading
+    6. esp32 arduino setPinMode building block pin menu only shows output pins.
+    7. In the library interface, if a item title is too long, it will not be fully displayed.
+    8. mega2560 real-time mode reading analog pin error.
+
+## 2.4.1
+
+- **New feature**
+
+    1. Designate independent cache paths for different Arduino boards to speed up compilation.
+    2. Add the upload abort function to abort the upload operation during the upload process.
+    3. When the device is being connected, if the serial port is occupied, it will display the connection failure and prompt that the serial port is occupied.
+    4. A 3-second timer is added to automatically close the upload window when the upload is successful or aborted. The user can click any blank space or press ESC before the timer expires to stop the timer to check the log in the upload window.
+    5. Adjust the default size after the interface is opened, so that the extension interface can fully display 5 lines of content.
+
+- **Fix bug**
+
+    1. After installing for the first time or clearing the cache and restarting, the device blocks are all damaged when loading a project with device.
+    2. Get error when trying to save a project into the root path of drive.
+
+## 2.4.0
+
+- **New feature**
+
+    1. Add support for Linux system.
+    2. Add support for Arduino Raspberry Pi Pico.
+
+- **Fix bug**
+
+    1. After load project file, the custom blocks in the project is missing in toolbox.
+
+## v2.3.3
+
+- **New feature**
+
+    1. Hide the unspported variable blocks in upload mode.
+    2. Add support for arduino list variable blocks.
+
+- **Fix bug**
+
+    1. NodeMCU upload program failed, report: "Not a valid FQBN: not an FQBN".
+
+## v2.3.2
+
+- **New feature**
+
+    1. Add support for Arduino K210.
+    2. Adjust the menu bar layout.
+    3. Add support for setting the maximum and minimum values of the angle plate, the excess part will be displayed in gray.
+    4. The color of the numerical slider track changes from gray to change with the color of the parent block.
+
+- **Fix bug**
+
+    1. The color of the angle plate does not change with the color of the blocks.
+    2. Arduino esp8266 compilation and download failed.
+    3. When generating arduino code, double quote code in string is not escaped
+
+## v2.3.1
+
+- **New feature**
+
+    1. The user can use the enter key to send data in the serialport console.
+    2. Increase default upload baudrate for esp32/8266 to increase upload speed.
+    3. Delete the blocks in the sensor directory that are not commonly used by esp32.
+    4. Added support for Ctrl + A/B/C/D shortcut keys in the serial terminal to better interact with the micrpython repl interface.
+    5. Remove the arduino mini board that is not used frequently.
+    6. Modify arduino nano download parameters to use old bootloader and add missing A6 A7 pins.
+    7. Widen upload window.
+    8. Block the esp32/8266 pins which are used by internal flash.
+    9. Add input-pulldown mode of esp32 pin mode.
+
+- **Fix bug**
+
+    1. The license file is not packaged in the installation package.
+    2. Fixed the error that the outer frame and the main body of the microbit terminal block were the same color.
+    3. Fix the error that some int type input can be set to decimal.
+    4. Microbit show piexl at xx with brightness xx block's brightness parameter don't take effect.
+    5. Fix the error that the microbit v2 download program fails.
+
+## v2.3.0
+
+- **New feature**
+
+    1. Application auto-update feature is now supported.
+    2. Supports opening multiple apps at the same time.
+    3. Added Traditional Chinese translation.
+    4. Add software loading interface.
+    5. Added code editing support, you can now edit the code after unlocking the code area.
+    6. Hide sprites and sounds tabs in upload mode.
+    7. Disable the edit button in the menu bar in upload mode.
+    8. In the upload mode of micropython, the building blocks of custom list variables can generate code.
+    9. Optimize and reduce the file size of external resources.
+    10. Merge the installation files for the 32-bit and 64-bit versions of the windows version.
+    11. When saving a project without a hardware device, convert it to a format supported by scratch3, so that scratch3 can open the pure scratch project created by openblock. (The save format is still .ob but scratch can be forced to open)
+
+- **Fix bug**
+
+    1. Fix the problem that the software needs to copy the cache when it is first started, resulting in no display for a long time. After the user clicks the startup icon multiple times, multiple programs operate on the cache at the same time, causing the cache file to be damaged. Then the program fails to start.
+    2. Fix wrong translation of button to turn on and off acceleration mode.
+    3. After selecting arduino uno and then mega2560, the pin menu is not updated.
+    4. The arduino pin interrupt function code is not right.
+    5. The python variable increase block will cut off the first digit after inputting more than two digits.
+    6. The generated code logic is incorrect when using a repeating block on a head block other than a hardware device startup event block.
+    7. The code of arduino contains block should be 'indexOf' but not 'indexof'.
+    8. The arduino's comparison block generates code that does not conform to the rules of the C language when the input is a pair of strings or a single character.
+    9. In micropython, since there is no global declaration for the custom variable in the function defined by the custom function or event, an error will be reported when using the custom variable block under these blocks.
+    10. Adjust the micropython code generation structure to prevent variables and functions from being called before the definition declaration.
+    11. Blocks generate code when they are dragged from the toolbar but not yet placed in the workspace.
+    12. Fix the arduino device sometimes wait for more than ten seconds to start uploading after the compilation is completed.
+
+## v2.2.9
+
+- **New feature**
+
+    1. Optimize the windows nsis installation script. Now the first installation path will be set to the root directory of the c drive, and the subsequent installation path will be automatically detected and modified to the installation directory selected during the first installation.
+    2. Add support for original scratch project files.
+    3. Add the devil bird to the sprite and custom library.
+
+- **Fix bug**
+
+    1. Switching the programming mode while the sprite is speaking will cause the interface to crash.
+    2. When loading a project file containing custom list variables, an error will be reported that the loading cannot be completed.
+    3. The parameter blocks of custom functions will be disabled when switching modes.
+    4. The serial port data of esp32 and microbit is not displayed in the terminal.
+    5. Correct the programming language icon of esp32/8266.
+    6. Correct the center coordinates of the demon bird's rotation.
+
+## v2.2.8
+
+- **New feature**
+
+    1. Add default program mode setting in the device configuration.
+
+- **Fix bug**
+
+    1. After loading a new project file, the connection of the old device is not disconnected.
+    2. After loading a new project file, if the project does not have a device extension, the code area will be empty.
+    3. When connecting to a device without fimata service, there will be no alert prompt to download the firmware.
+    4. Optimize the firmata communication architecture in real-time mode to fix some potential problems.
+    5. Fix the misspelled device configuration name from leanMore to learnMore.
+    6. Fix the inaccurate meaning of Arduino block name from whole number to integer.
+
+## v2.2.7
+
+- **Fix bug**
+
+    1. After loading the project file, save the project file again and load it, there will be an error and the project cannot be loaded.
+    2. After loading the project file, click the new project button, and the interface will crash.
+    3. When opening the extension interface in upload mode, it will freeze for 1~2 seconds before the extension options are loaded.
+
+## v2.2.6
+
+- **Fix bug**
+
+    1. The newline parameter of arduino mega2560 serial send block does not take effect.
+    2. After creating a new sprite, the device selection is cleared.
+    3. An error occurs after load a project file that contains multiple device extensions.
+
+## v2.2.5
+
+- **Fix bug**
+
+    1. Because shield in openblock-resource source code is misspelled as sheild, shield filter in GUI interface is null.
+    2. In VM, one more line of startheartbeat function call is written, and startheartbeat repeats reentry, resulting in real-time communication error.
+    3. Add rtscts flow control configuration to repair the situation that some three-party compatible boards cannot be used when opening rtscts flow control.
+    4. Cannot edit input-box after the alert or confirm window pops up.
+    5. The device selection is not cleared after a new project is created.
+    6. The old device is not disconnected after a new project is created.
+
+## v2.2.4
+
+- **Fix bug**
+
+    1. There is no A0 ~ A5 option for the read digital pin blocks of control boards such as Arduino UNO.
+    2. After using the shortcut key Ctrl + Z to modify blocks, the code on the right side is not updated.
+
+## v2.2.3
+
+- **Fix bug**
+
+    1. When you double-click to open the project file with the selected device, an error will occur in loading.
+    2. After add comment for device extension block and save the project file. If try to load the project after restart the software, there is another comment window appear which cannot able to delete.
+
+## v2.2.2
+
+- **New feature**
+
+    1. Optimize the font and line break display effect of the serial terminal.
+    2. Display the loaded extensions first in the extensions library.
+    3. Modify the default serial port configuration of esp8266 to the official default 76800.
+    4. Modify the esp8266 upload rate to 921600 to speed up the upload speed.
+
+- **Fix bug**
+
+    1. When loading a project with a extension, an error will be reported and cannot be loaded.
+    2. The input box of the variable increase block is parsed incorrectly when other blocks or variables are placed.
+    3. In the even sprite, the movement blocks in the toolbox area will not automatically change to the coordinates of the character's current position.
+    4. Fix the problem that esp32 and esp8266 cannot start after clicking the reset button when connecting to openblock due to the lack of serial port to enable dtr rts flow control.
+    5. After connecting and disconnecting the device once in upload mode, no matter what mode is connected to the device again, it will not be able to establish communication with the connection firmata.
+    6. ESP32 and ESP8266 will get stuck for a long time between compiling and uploading.
+
+## v2.2.1
+
+- **Fix bug**
+
+    1. The data sent by the serial port is incorrect.
+    2. Sometimes the project file cannot be opened by double-click or cannot be loaded due to an error when loading the project.
+    3. Duplicate loading of projects after connecting devices can cause multiple real-time mode listeners to start causing errors.
+
+## v2.2.0
+
+- **New feature**
+    1. Add Kit filter option to device selection.
+    2. Add the option to cancel the device selection.
+    3. When loading a project containing unknown devices and plug-ins, the error details will be reported.
+    4. Update the device picture according to the new picture standard.
+    5. Automatically obtain the control board pin list in external extensions.
+    6. Add slider type blocks.
+    7. Optimized the devil bird svg image.
+    8. Add back edit menu.
+
+- **Fix bug**
+    1. The serial port send button is collapsed in small window mode.
+    2. Modify the default installation path of the desktop version of windows to the root directory of C drive instead of the deep directory of user data.
+    3. If there is an unsupported device id in the external device list, the device model will be empty.
+    4. Because the vm building block adds the device type in front of the optype, the display variable cannot be translated normally.
+    5. Esp8266 digital pin cannot select GPIO16.
+    6. Check the checkbox so that the variable will be displayed in the stage area, and it will still exist after switching the device.
+    7. Arduino ceil function name error.
+    8. The microbit attitude option is not translated.
+    9. Microbit uses multiple while true statements that are not supported.
+    10. When using the scroll wheel to move the toolbox, the completely displayed blocks beyond the boundary are blocked again.
+    11. Color picker function is not available.
+    12. The disconnection error alert flashes after switching the mode.
+    13. When using a third-party device, the alert uses the mother board instead of the picture of the third-party device board.
+    14. Error when load device in no target but has variable.
+
+## v2.1.1
+
+- **New feature**
+    1. Add esp8266 and makey makey support.
+    2. Add a button to show all connectable device. Prevent users from being unable to connect to the device when using a USB-to-serial chip that is not included.
+    3. Add file associations for .ob project file.
+
+- **Fix bug**
+    1. Severe freeze after switching targets several times.
+    2. The remote resource update address configuration error caused the program to crash after clicking the Check Update button.
+    3. The remote resource update address incorrectly uses openblockcc instead of the address in the configuration.
+    4. When the blocks nested inside the blocks in the toolbox are in the workspace, the internal blocks are erroneously disabled when the disabled state is updated.
+    5. An error is reported after opening multiple windows: the address is already in use.
+
+## v2.1.0
+
+- **New feature**
+    1. Change arduino build tool from arduino-builder to arduino-cli.
+    2. Add remote upgrade function for external extension and device.
+    3. Modify the default sprite to Demon Bird.
+    4. Add arduino esp32 board support.
+    5. Add microbit V2 board support.
+    6. Add clear cache button.
+    7. Add install driver button.
+    8. Move the real-time mode connection indicator to the stage head.
+    9. Add localization for desktop alters.
+    10. Add timeout error in upload modal. If it gets stuck for tens of seconds, it will show timeout error, allow users to click the close button but not stuck forever.
+    11. Add arduino uno ultra base board to support customized board witch A6 A7 pins.
+    12. Optimize the external extension and device framwork.
+    13. Optimize the firmware files structure.
+    14. Optimize the serialport framwork. Prevent interface freeze caused by receiving high-speed serialport data.
+    15. Add QDP ROBOT C02 kit(arduino esp32).
+
+- **Fix bug**
+    1. Stuck at the upload modal if unplug the usb cable while in arduino build progress.
+    2. Unplug the usb cable while in arduino upload progress, the gui does not disconnect the device. User could still click the upload button and then will stuck in upload modal.
+    3. Uploading the program or firmware after connecting and disconnecting the device several times will cause the real-time mode communication bug.
+    4. After the upload is successful, if user do not close the upload window, unplug the usb cable, it will display upload failure.
+
+## v2.0.0
+
+- **New feature**
+    1. Add serilport console.
+    2. Separate third party device from bundle pack. now support modify third party device without rebuild the project.
+    3. Optimize the block's disable logic in different programming modes.
+    4. Now in realtime mode, you can select the realtime mode extension.
+    5. If a block is not connected into the effective tree. it's setup and define and others code will not generate.
+    6. Optimize the structure of the code generated by Arduino code generator to make it more consistent with Arduino native code format.
+    7. The project file will save the current programming mode and automatically switch to the saved mode after loading.
+    8. In programming mode, blocks can no longer be click executed and glow.
+    9. After the realtime mode communication is successfully established, there will be no atert. Instead, it will indicate whether the communication is successful by dimming the communication icon on the right side of the connection icon. A alter will pop up and prompt to download the real-time mode firmware only after the communication attempt fails.
+    10. After the firmware is downloaded and the real-time communication is established successfully, the alert of real-time mode failure warning will automatically disappear.
+
+- **Fix bug**
+    1. When loading a project file with multiple large extensions, the toolbar area will repeatedly display the contents of multiple extensions, and some other errors.
+    2. The button to download firmware is not disabled when there is no connected device.
+    3. Shorten the window of upload to fix the problem of incomplete display on some pc.
+    4. Fixed a number of potential problems with realtime mode communication.
+    5. The code window is not re rendered after resizing, resulting in a missing display.
+    6. After switching programming mode, the sprite will disappear in some times.
+    7. Arduino and microbit do not hide all the unsupported building blocks in programming mode.
+    8. Microbit's buttonIsPressed block transcoding function should have written n for b when button is B.
+    9. Microbit custom variable name exception.
+    10. Arduino UNO mega2560 serial port 0 translation code is incorrect.
+    11. Number parsing error of data_changevariableby block.
+    12. Cancel the 1.05x interface zoom setting and directly enlarge the font to fix the problem of blurred font in the toolbar menu.
+
+## v1.2.2beta
+
+- **New feature**
+    1. Add hide code stage button.
+    2. Change the ui of upload button.
+    3. Change the description of some boards.
+    4. Add a 1.05 scale to fix the problem of fuzzy font.
+    5. Change project file extension from .sb3 to .ob.
+
+- **Fix bug**
+    1. Microbit generator error.
+    2. The pin menu of arduino set digital out does not have analog pin items.
+
+## v1.2.1beta
+
+- **Fix bug**
+
+    1. Third party's block which from vm code generator error.
+
+## v1.2.0beta
+
+- **New feature**
+
+    1. Now most alert will automaticly disapear after 5s.
+    2. Completed the blocks of microbit.
+    3. Add a servo extension as demo for microbit.
+    4. After installing the new version of the software, the old cache will be cleared automatically.
+
+- **New  device/kit**
+
+    1. Arduino Mini
+    2. QDP Robot(齐护机器人) kit
+
+- **Fix bug**
+
+    1. Error usb hardware id of cp2102.
+    2. Error translation of microbit.
+    3. Cannot scan to devices after loading a project.
+    4. The loaded device extension still exists after switching the device selection.
+
+## v1.1.0beta
+
+- **New feature**
+
+    1. Blocks could over flow the flyout boundary when mouse enter.
+    2. Extension can be auto loaded when device selected.
+
+- **New device/kit**
+
+    1. microbit
+    2. iron robot kit
+

+MIT License
+
+Copyright (c) 2021 OpenBlock.cc
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
\ No newline at end of file

+Copyright (c) 2019, Scratch Foundation
+All rights reserved.
+
+Redistribution and use in source and binary forms, with or without modification, are permitted provided that the following conditions are met:
+
+1. Redistributions of source code must retain the above copyright notice, this list of conditions and the following disclaimer.
+
+2. Redistributions in binary form must reproduce the above copyright notice, this list of conditions and the following disclaimer in the documentation and/or other materials provided with the distribution.
+
+3. Neither the name of the copyright holder nor the names of its contributors may be used to endorse or promote products derived from this software without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.

+# openblock-desktop
+
+## 安装依赖
+
+1. 需要稳定的代理工具 
+
+2. ```javascript
+   //代理到工具指定端口
+   npm config set proxy=http://localhost:xxxx
+   //使用npm源  使用淘宝源 遇到了 包文件hash不一致的情况
+   npx nrm use npm
+   ```
+
+3. 至少需要python3.12的环境,原因`openblock-link`中的`@abandonware/bluetooth-hci-socket`的依赖库中指定了node-gyp的版本 `10.1.0`
+
+
+
+
+
+![screenshot](./doc/screenshot.png)
+![screenshot2](./doc/screenshot2.png)
+
+## Getting Start
+
+Visit the wiki: [https://openblockcc.github.io](https://openblockcc.github.io)
+

+The Openblock trademarks, including the Openblock name, logo and the Openblock Devil Bird graphics(the "Marks"), are property of the Openblock.cc. Marks may not be used to endorse or promote non-software products products derived from this software without specific prior written permission.
+
+Without retaining the openblock name and logo, Openblock Devil Bird cannot be used for redistribution and use in source code and binary form without prior express written permission.

+/ScratchDesktop.iconset
+/tmp

+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+<key>com.apple.security.cs.allow-dyld-environment-variables</key>
+<true/>
+<key>com.apple.security.cs.allow-jit</key>
+<true/>
+<key>com.apple.security.cs.allow-unsigned-executable-memory</key>
+<true/>
+<key>com.apple.security.device.audio-input</key>
+<true/>
+<key>com.apple.security.device.camera</key>
+<true/>
+<key>com.apple.security.device.microphone</key>
+<true/>
+<key>com.apple.security.files.user-selected.read-only</key>
+<true/>
+<key>com.apple.security.files.user-selected.read-write</key>
+<true/>
+<key>com.apple.security.network.client</key>
+<true/>
+</dict>
+</plist>

+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+<key>com.apple.security.app-sandbox</key>
+<true/>
+<key>com.apple.security.inherit</key>
+<true/>
+</dict>
+</plist>

+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+<key>com.apple.security.app-sandbox</key>
+<true/>
+<key>com.apple.security.cs.allow-dyld-environment-variables</key>
+<true/>
+<key>com.apple.security.cs.allow-jit</key>
+<true/>
+<key>com.apple.security.cs.allow-unsigned-executable-memory</key>
+<true/>
+<key>com.apple.security.device.audio-input</key>
+<true/>
+<key>com.apple.security.device.camera</key>
+<true/>
+<key>com.apple.security.device.microphone</key>
+<true/>
+<key>com.apple.security.files.user-selected.read-only</key>
+<true/>
+<key>com.apple.security.files.user-selected.read-write</key>
+<true/>
+<key>com.apple.security.network.client</key>
+<true/>
+</dict>
+</plist>

+!include x64.nsh
+!include LogicLib.nsh
+!include StrFunc.nsh
+${StrRep}
+
+!macro preInit
+
+    ${If} ${RunningX64}
+        SetRegView 64
+    ${EndIf}
+
+    ${StrRep} $0 "${UNINSTALL_REGISTRY_KEY}" "Software" "SOFTWARE"
+    ${StrRep} $1 "${INSTALL_REGISTRY_KEY}" "Software" "SOFTWARE"
+
+    ReadRegStr $R0 HKCU "$0" "UninstallString"
+    ReadRegStr $R1 HKCU "$1" "InstallLocation"
+
+    StrCmp $R0 "" 0 +4
+
+    ReadRegStr $R0 HKLM "$0" "UninstallString"
+    ReadRegStr $R1 HKLM "$1" "InstallLocation"
+
+    StrCmp $R0 "" 0 done
+    StrCmp $R1 "" 0 done
+
+    WriteRegExpandStr HKLM "${INSTALL_REGISTRY_KEY}" InstallLocation "C:\OpenBlockDesktop"
+    WriteRegExpandStr HKCU "${INSTALL_REGISTRY_KEY}" InstallLocation "C:\OpenBlockDesktop"
+
+done:
+    ${If} ${RunningX64}
+        SetRegView LastUsed
+    ${EndIf}
+
+!macroend
+
+!macro customUnInstall
+
+    ${If} ${RunningX64}
+        SetRegView 64
+    ${EndIf}
+
+    DeleteRegKey HKLM "${INSTALL_REGISTRY_KEY}"
+    DeleteRegKey HKCU "${INSTALL_REGISTRY_KEY}"
+
+    ${If} ${RunningX64}
+        SetRegView LastUsed
+    ${EndIf}
+
+ !macroend

+#!/bin/bash
+SRC=../src/icon/OpenBlockDesktop.svg
+OUT_ICONSET=OpenBlockDesktop.iconset
+OUT_ICNS=OpenBlockDesktop.icns
+OUT_ICO=OpenBlockDesktop.ico
+TMP_ICO=tmp
+
+ICO_BASIC_SIZES="16 24 32 48 256"
+ICO_EXTRA_SIZES="20 30 36 40 60 64 72 80 96 512"
+
+if command -v pngcrush >/dev/null 2>&1; then
+    function optimize () {
+        pngcrush -new -brute -ow "$@"
+    }
+else
+    echo "pngcrush is not available - skipping PNG optimization"
+    function optimize () {
+        echo "Not optimizing:" "$@"
+    }
+fi
+
+# usage: resize newWidth newHeight input output [otherOptions...]
+function resize () {
+    WIDTH=$1
+    HEIGHT=$2
+    SRC=$3
+    DST=$4
+    shift 4
+    convert -background none -resize "${WIDTH}x${HEIGHT}" -extent "${WIDTH}x${HEIGHT}" -gravity center "$@" "${SRC}" "${DST}"
+    optimize "${DST}"
+}
+
+if command -v convert >/dev/null 2>&1; then
+    # Mac
+    if command -v iconutil >/dev/null 2>&1; then
+        mkdir -p "${OUT_ICONSET}"
+        for SIZE in 16 32 128 256 512; do
+            SIZE2=`expr "${SIZE}" '*' 2`
+            resize "${SIZE}" "${SIZE}" "${SRC}" "${OUT_ICONSET}/icon_${SIZE}x${SIZE}.png" -density 72 -units PixelsPerInch
+            resize "${SIZE2}" "${SIZE2}" "${SRC}" "${OUT_ICONSET}/icon_${SIZE}x${SIZE}@2x.png" -density 144 -units PixelsPerInch
+        done
+        iconutil -c icns --output "${OUT_ICNS}" "${OUT_ICONSET}"
+    else
+        echo "iconutil is not available - skipping ICNS and ICONSET"
+    fi
+
+    # Windows ICO
+    mkdir -p "${TMP_ICO}"
+    for SIZE in ${ICO_BASIC_SIZES} ${ICO_EXTRA_SIZES}; do
+        resize "${SIZE}" "${SIZE}" "${SRC}" "${TMP_ICO}/icon_${SIZE}x${SIZE}.png"
+    done
+    # Asking for "Zip" compression actually results in PNG compression
+    convert "${TMP_ICO}"/icon_*.png -colorspace sRGB -compress Zip "${OUT_ICO}"
+
+    # Windows AppX
+    mkdir -p "appx"
+    resize 44 44 "${SRC}" 'appx/Square44x44Logo.png'
+    resize 50 50 "${SRC}" 'appx/StoreLogo.png'
+    resize 150 150 "${SRC}" 'appx/Square150x150Logo.png'
+    resize 310 150 "${SRC}" 'appx/Wide310x150Logo.png'
+else
+    echo "ImageMagick is not available - cannot convert icons"
+fi

+directories:
+  buildResources: buildResources
+  output: dist
+extraFiles: ['LICENSE', 'LICENSE.ScratchFoundation', 'TRADEMARK', "tools", "external-resources", 'firmwares', "drivers"]
+
+appId: openblock.cc.openblock-desktop
+productName: "OpenBlockDesktop"
+publish:
+  - provider: github
+artifactName: "OpenBlock-Desktop_v${version}_${os}_${arch}.${ext}"
+
+fileAssociations:
+  ext: ob
+  name: OpenBlock project file
+  role: Editor
+  icon: buildResources/OpenBlockFile.ico
+
+mac:
+  category: public.app-category.education
+  entitlements: buildResources/entitlements.mac.plist
+  extendInfo:
+    NSCameraUsageDescription: >-
+        This app requires camera access when using the video sensing blocks.
+    NSMicrophoneUsageDescription: >-
+        This app requires microphone access when recording sounds or detecting loudness.
+  gatekeeperAssess: true
+  hardenedRuntime: true
+  icon: buildResources/OpenBlockDesktop.icns
+  provisioningProfile: embedded.provisionprofile
+  target:
+    - dmg
+    # - mas
+dmg:
+  title: "OpenBlock-Desktop_${version}"
+# mas:
+#   category: public.app-category.education
+#   entitlements: buildResources/entitlements.mas.plist
+#   entitlementsInherit: buildResources/entitlements.mas.inherit.plist
+#   hardenedRuntime: false
+#   icon: buildResources/OpenBlockDesktop.icns
+# masDev:
+#   type: development
+#   provisioningProfile: mas-dev.provisionprofile
+
+win:
+  icon: buildResources/OpenBlockDesktop.ico
+  target:
+    # - appx
+    - nsis
+# appx:
+#   identityName: "OpenblockTeam.OpenblockDesktop
+#   publisherDisplayName: "OpenBlock Team"
+#   publisher: "CN=2EC43DF1-469A-4119-9AB9-568A0A1FF65F"
+nsis:
+  oneClick: false # allow user to choose per-user or per-machine
+  allowToChangeInstallationDirectory: true
+  include: buildResources/installer.nsh
+#   license: LICENSE
+
+linux:
+  category: Education
+  icon: buildResources/linux
+  desktop:
+    - Encoding: UTF-8
+    - Name: OpenBlockDesktop
+    - Icon: openblock-desktop
+    - Type: Application
+    - Terminal: false
+  target:
+    - deb
+
+deb:
+  depends: ["libnotify4", "libxtst6", "libnss3"]
+

+{
+    "main": {
+        "webpackConfig": "webpack.main.js"
+    },
+    "renderer": {
+        "template": "src/renderer/index.html",
+        "webpackConfig": "webpack.renderer.js"
+    }
+}

+{
+  "name": "openblock-desktop",
+  "productName": "OpenBlockDesktop",
+  "description": "OpenBlock as a self-contained desktop application",
+  "author": "Openblock.cc Team <contact@openblock.cc> (http://www.openblock.cc/)",
+  "version": "2.5.2",
+  "license": "MIT",
+  "scripts": {
+    "postinstall": "npx electron-builder install-app-deps",
+    "clean": "rimraf ./dist ./static ./external-resources ./tools ./translations ./firmwares ./drivers",
+    "i18n:src": "mkdirp translations/core && format-message extract --out-file translations/core/en.json src/main/**.js",
+    "i18n:push": "tx-push-src openblock-editor desktop translations/core/en.json",
+    "start": "mkdirp ./dist && electron-webpack dev --bail --display-error-details --env.minify=false --no-progress",
+    "compile": "mkdirp ./dist && electron-webpack --bail --display-error-details --env.minify=false --no-progress",
+    "fetch:drivers": "rimraf ./drivers && node scripts/download-driver.js",
+    "fetch:exts": "rimraf ./external-resources && node ./node_modules/openblock-resource/script/download.js  --repo=openblockcc/external-resources-v3",
+    "fetch:firmwares": "rimraf ./firmwares && node ./node_modules/openblock-link/script/download-firmwares.js",
+    "fetch:tools": "rimraf ./tools && node ./node_modules/openblock-link/script/download-tools.js",
+    "fetch:static": "rimraf ./static && mkdirp ./static && git clone https://github.com/openblockcc/openblock-assets.git static && rimraf ./static/.git",
+    "fetch:all": "npm run fetch:drivers && npm run fetch:exts && npm run fetch:firmwares && npm run fetch:tools && npm run fetch:static",
+    "build": "npm run build:dev",
+    "build:dev": "npm run compile && npm run doBuild -- --mode=dev",
+    "build:dir": "npm run compile && npm run doBuild -- --mode=dir",
+    "build:dist": "npm run compile && npm run doBuild -- --mode=dist",
+    "build:publish": "npm run compile && npm run doBuild -- --mode=publish",
+    "doBuild": "node ./scripts/electron-builder-wrapper.js",
+    "dist": "npm run clean && npm run compile && npm run fetch:all && npm run doBuild -- --mode=dist",
+    "publish": "npm run clean && npm run compile && npm run fetch:all  && npm run doBuild -- --mode=publish",
+    "test": "npm run test:lint",
+    "test:lint": "eslint --cache --color --ext .jsx,.js src scripts"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+ssh://git@github.com/openblockcc/openblock-desktop.git"
+  },
+  "dependencies": {
+    "bytes": "^3.1.2",
+    "openblock-link": "^0.2.0-prerelease.20240710015813",
+    "openblock-resource": "^0.2.0-prerelease.20240708150142",
+    "postinstall": "^0.7.4",
+    "source-map-support": "^0.5.19"
+  },
+  "devDependencies": {
+    "@aws-sdk/client-s3": "^3.53.1",
+    "@babel/core": "^7.9.6",
+    "@babel/plugin-proposal-object-rest-spread": "^7.9.6",
+    "@babel/plugin-syntax-dynamic-import": "^7.8.3",
+    "@babel/plugin-transform-async-to-generator": "^7.8.3",
+    "@babel/preset-env": "^7.9.6",
+    "@babel/preset-react": "^7.9.4",
+    "@electron/remote": "^2.0.5",
+    "async": "^3.2.0",
+    "babel-eslint": "^10.1.0",
+    "babel-loader": "^8.1.0",
+    "babel-plugin-react-intl": "^7.5.7",
+    "classnames": "^2.3.1",
+    "copy-webpack-plugin": "^5.1.1",
+    "download-github-release": "^0.3.2",
+    "electron": "^15.3.1",
+    "electron-builder": "^22.14.13",
+    "electron-devtools-installer": "^3.2.0",
+    "electron-fetch": "^1.7.4",
+    "electron-log": "^4.4.6",
+    "electron-notarize": "^1.1.1",
+    "electron-store": "^8.0.1",
+    "electron-updater": "^4.6.5",
+    "electron-webpack": "^2.8.2",
+    "eslint": "^7.0.0",
+    "eslint-config-scratch": "^6.0.0",
+    "eslint-plugin-import": "^2.29.1",
+    "eslint-plugin-react": "^7.20.0",
+    "format-message": "^6.2.3",
+    "format-message-cli": "^6.2.3",
+    "fs-extra": "^11.1.0",
+    "intl": "1.2.5",
+    "lodash.bindall": "^4.4.0",
+    "lodash.defaultsdeep": "^4.6.1",
+    "minilog": "^3.1.0",
+    "minimist": "^1.2.5",
+    "mkdirp": "^1.0.4",
+    "monaco-editor-webpack-plugin": "^1.7.0",
+    "nets": "^3.2.0",
+    "node-abort-controller": "^3.0.1",
+    "openblock-gui": "github:openblockcc/openblock-gui#openblock-desktop-v2.5.2",
+    "openblock-l10n": "^3.15.20240704111820",
+    "openblock-parse-release-message": "0.0.4",
+    "os-locale": "^5.0.0",
+    "react": "^16.14.0",
+    "react-dom": "^16.14.0",
+    "react-intl": "2.9.0",
+    "react-redux": "5.0.7",
+    "redux": "3.7.2",
+    "rimraf": "^3.0.2",
+    "sudo-prompt": "^9.2.1",
+    "uuid": "^8.3.2",
+    "webpack": "^4.43.0"
+  }
+}

+module.exports = {
+    rules: {
+        'no-console': 'off'
+    }
+};

+const {notarize} = require('electron-notarize');
+
+const notarizeMacBuild = async function (context) {
+    // keep this in sync with appId in the electron-builder config
+    const appId = 'edu.mit.scratch.scratch-desktop';
+
+    if (!process.env.AC_USERNAME) {
+        console.error([
+            'This build is not notarized and will not run on newer versions of macOS!',
+            'Notarizing the macOS build requires an Apple ID. To notarize future builds:',
+            '* Set the environment variable AC_USERNAME to your@apple.id and',
+            '* Either set AC_PASSWORD or ensure your keychain has an item for "Application Loader: your@apple.id"'
+        ].join('\n'));
+        return;
+    }
+
+    const appleId = process.env.AC_USERNAME;
+    const appleIdKeychainItem = `Application Loader: ${appleId}`;
+
+    if (process.env.AC_PASSWORD) {
+        console.log(`Notarizing with Apple ID "${appleId}" and a password`);
+    } else {
+        console.log(`Notarizing with Apple ID "${appleId}" and keychain item "${appleIdKeychainItem}"`);
+    }
+
+    const {appOutDir} = context;
+    const productFilename = context.packager.appInfo.productFilename;
+    await notarize({
+        appBundleId: appId,
+        appPath: `${appOutDir}/${productFilename}.app`,
+        appleId,
+        appleIdPassword: process.env.AC_PASSWORD || `@keychain:${appleIdKeychainItem}`
+    });
+};
+
+const afterSign = async function (context) {
+    const {electronPlatformName} = context;
+
+    switch (electronPlatformName) {
+    case 'mas': // macOS build for Mac App Store
+        break;
+    case 'darwin': // macOS build NOT for Mac App Store
+        await notarizeMacBuild(context);
+        break;
+    }
+};
+
+module.exports = afterSign;

+/* eslint-disable */
+const downloadRelease = require('download-github-release');
+const path = require('path');
+const os = require('os');
+const fs = require('fs');
+
+const user = 'openblockcc';
+const repo = 'openblock-driver';
+const outputdir = path.join(__dirname, '../drivers');
+const leaveZipped = false;
+
+function filterRelease (release) {
+    return release.prerelease === false;
+}
+
+function filterAsset(asset) {
+    return (asset.name.indexOf(os.platform()) >= 0);
+}
+
+if (!fs.existsSync(outputdir)) {
+    fs.mkdirSync(outputdir, {recursive: true});
+}
+
+downloadRelease(user, repo, outputdir, filterRelease, filterAsset, leaveZipped)
+    .then(() => {
+        console.log('Tools download complete');
+    })
+    .catch(err => {
+        console.error(err.message);
+    });

+/**
+ * @overview This script runs `electron-builder` with special management of code signing configuration on Windows.
+ * Running this script with no command line parameters should build all targets for the current platform.
+ * On Windows, make sure to set CSC_* or WIN_CSC_* environment variables or the NSIS build will fail.
+ * On Mac, the CSC_* variables are optional but will be respected if present.
+ * See also: https://www.electron.build/code-signing
+ */
+
+const {spawnSync} = require('child_process');
+const fs = require('fs');
+
+/**
+ * Strip any code signing configuration (CSC) from a set of environment variables.
+ * @param {object} environment - a collection of environment variables which might include code signing configuration.
+ * @returns {object} - a collection of environment variables which does not include code signing configuration.
+ */
+const stripCSC = function (environment) {
+    const {
+        CSC_LINK: _CSC_LINK,
+        CSC_KEY_PASSWORD: _CSC_KEY_PASSWORD,
+        WIN_CSC_LINK: _WIN_CSC_LINK,
+        WIN_CSC_KEY_PASSWORD: _WIN_CSC_KEY_PASSWORD,
+        ...strippedEnvironment
+    } = environment;
+    return strippedEnvironment;
+};
+
+/**
+ * @returns {string} - an `electron-builder` flag to build for the current platform, based on `process.platform`.
+ */
+const getPlatformFlag = function () {
+    switch (process.platform) {
+    case 'win32': return '--windows';
+    case 'darwin': return '--macos';
+    case 'linux': return '--linux';
+    }
+    throw new Error(`Could not determine platform flag for platform: ${process.platform}`);
+};
+
+/**
+ * Run `electron-builder` once to build one or more target(s).
+ * @param {object} wrapperConfig - overall configuration object for the wrapper script.
+ * @param {object} target - the target to build in this call.
+ * If the `target.name` is `'nsis'` then the environment must contain code-signing config (CSC_* or WIN_CSC_*).
+ * If the `target.name` is `'appx'` then code-signing config will be stripped from the environment if present.
+ */
+const runBuilder = function (wrapperConfig, target) {
+    // the AppX build fails if CSC_* or WIN_CSC_* variables are set
+    const shouldStripCSC = (target.name.indexOf('appx') === 0) || (!wrapperConfig.doSign);
+    const childEnvironment = shouldStripCSC ? stripCSC(process.env) : process.env;
+    if (wrapperConfig.doSign &&
+        (target.name.indexOf('nsis') === 0) &&
+        !(childEnvironment.CSC_LINK || childEnvironment.WIN_CSC_LINK)) {
+        // throw new Error(`Signing NSIS build requires CSC_LINK or WIN_CSC_LINK`);
+    }
+    const platformFlag = getPlatformFlag();
+    let allArgs = [platformFlag, target.name];
+    if (target.platform === 'darwin') {
+        allArgs.push(`--c.mac.type=${wrapperConfig.mode === 'dist' ? 'distribution' : 'development'}`);
+        if (target.name === 'mas-dev') {
+            allArgs.push('--c.mac.provisioningProfile=mas-dev.provisionprofile');
+        }
+        if (wrapperConfig.doSign) {
+            // really this is "notarize only if we also sign"
+            allArgs.push('--c.afterSign=scripts/afterSign.js');
+        } else {
+            allArgs.push('--c.mac.identity=null');
+        }
+    }
+    if (target.platform === 'win32' && wrapperConfig.mode !== 'dev') {
+        allArgs.push('--ia32', '--x64');
+    }
+    if (!wrapperConfig.doPackage) {
+        allArgs.push('--dir', '--c.compression=store');
+    }
+    if (wrapperConfig.doPublish) {
+        allArgs.push('--publish', 'always');
+    } else {
+        // Prevent electron build from automatically publishing in github action
+        allArgs.push('--publish', 'never');
+    }
+    allArgs = allArgs.concat(wrapperConfig.builderArgs);
+    console.log(`running electron-builder with arguments: ${allArgs}`);
+    const result = spawnSync('electron-builder', allArgs, {
+        env: childEnvironment,
+        shell: true,
+        stdio: 'inherit'
+    });
+    if (result.error) {
+        throw result.error;
+    }
+    if (result.signal) {
+        throw new Error(`Child process terminated due to signal ${result.signal}`);
+    }
+    if (result.status) {
+        throw new Error(`Child process returned status code ${result.status}`);
+    }
+};
+
+/**
+ * @param {object} wrapperConfig - overall configuration object for the wrapper script.
+ * @returns {Array.<object>} - the default list of targets on this platform. Each item in the array represents one
+ * call to `runBuilder` for exactly one build target. In theory electron-builder can build two or more targets at the
+ * same time but doing so limits has unwanted side effects on both macOS and Windows (see function body).
+ */
+const calculateTargets = function (wrapperConfig) {
+    const masDevProfile = 'mas-dev.provisionprofile';
+    const availableTargets = {
+        macAppStore: {
+            name: 'mas',
+            platform: 'darwin'
+        },
+        macAppStoreDev: {
+            name: 'mas-dev',
+            platform: 'darwin'
+        },
+        macDirectDownload: {
+            name: 'dmg',
+            platform: 'darwin'
+        },
+        // microsoftStore: {
+        //     name: 'appx:ia32 appx:x64',
+        //     platform: 'win32'
+        // },
+        windowsDirectDownload: {
+            name: 'nsis',
+            platform: 'win32'
+        },
+        linuxDirectDownload: {
+            name: 'deb',
+            platform: 'linux'
+        }
+    };
+    const targets = [];
+    console.log(process.platform);
+    switch (process.platform) {
+    case 'win32':
+        // Run in two passes so we can skip signing the AppX for distribution through the MS Store.
+        // targets.push(availableTargets.microsoftStore);
+        targets.push(availableTargets.windowsDirectDownload);
+        break;
+    case 'darwin':
+        // Running 'dmg' and 'mas' in the same pass causes electron-builder to skip signing the non-MAS app copy.
+        // Running them as separate passes means they can both get signed.
+        // Seems like a bug in electron-builder...
+        // Running the 'mas' build first means that its output is available while we wait for 'dmg' notarization.
+        // Add macAppStoreDev here to test a MAS-like build locally. You'll need a Mac Developer provisioning profile.
+        if (fs.existsSync(masDevProfile)) {
+            targets.push(availableTargets.macAppStoreDev);
+        } else {
+            console.log(`skipping target "${availableTargets.macAppStoreDev.name}": ${masDevProfile} missing`);
+        }
+        if (wrapperConfig.doSign) {
+            targets.push(availableTargets.macAppStore);
+        } else {
+            // electron-builder doesn't seem to support this configuration even if mac.type is "development"
+            console.log(`skipping target "${availableTargets.macAppStore.name}" because code-signing is disabled`);
+        }
+        targets.push(availableTargets.macDirectDownload);
+        break;
+    case 'linux':
+        targets.push(availableTargets.linuxDirectDownload);
+        break;
+    default:
+        throw new Error(`Could not determine targets for platform: ${process.platform}`);
+    }
+    return targets;
+};
+
+const parseArgs = function () {
+    const scriptArgs = process.argv.slice(2); // remove `node` and `this-script.js`
+    console.log(scriptArgs);
+    const builderArgs = [];
+    let mode = 'dev'; // default
+    let arch = null;
+
+    for (const arg of scriptArgs) {
+        const modeSplit = arg.split(/--mode(\s+|=)/);
+        const archSplit = arg.split(/--arch(\s+|=)/);
+        if (modeSplit.length === 3) {
+            mode = modeSplit[2];
+        } else if (archSplit.length === 3) {
+            arch = archSplit[2];
+        } else {
+            builderArgs.push(arg);
+        }
+    }
+
+    let doPackage;
+    let doSign;
+    let doPublish;
+
+    switch (mode) {
+    case 'dev':
+        doPackage = true;
+        doSign = false;
+        doPublish = false;
+        break;
+    case 'dir':
+        doPackage = false;
+        doSign = false;
+        doPublish = false;
+        break;
+    case 'dist':
+        doPackage = true;
+        // doSign = true; // skip code signing before getting a certificate
+        doSign = false;
+        doPublish = false;
+        break;
+    case 'publish':
+        doPackage = true;
+        // doSign = true; // skip code signing before getting a certificate
+        doSign = false;
+        doPublish = true;
+        break;
+    }
+
+    return {
+        builderArgs,
+        doPackage, // false = build to directory
+        doSign,
+        doPublish,
+        mode,
+        arch
+    };
+};
+
+const main = function () {
+    const wrapperConfig = parseArgs();
+    console.log(wrapperConfig);
+    // TODO: allow user to specify targets? We could theoretically build NSIS on Mac, for example.
+    wrapperConfig.targets = calculateTargets(wrapperConfig);
+
+    for (const target of wrapperConfig.targets) {
+        runBuilder(wrapperConfig, target);
+    }
+};
+
+main();

+const fs = require('fs');
+const https = require('https');
+const path = require('path');
+const util = require('util');
+
+const async = require('async');
+
+const libraries = require('./lib/libraries');
+
+const ASSET_HOST = 'cdn.assets.scratch.mit.edu';
+const NUM_SIMULTANEOUS_DOWNLOADS = 5;
+const OUT_PATH = path.resolve('static', 'assets');
+
+
+const describe = function (object) {
+    return util.inspect(object, false, Infinity, true);
+};
+
+const collectSimple = function (library, dest, debugLabel = 'Item') {
+    library.forEach(item => {
+        let md5Count = 0;
+        if (item.md5) {
+            ++md5Count;
+            dest.add(item.md5);
+        }
+        if (item.baseLayerMD5) { // 2.0 library syntax for costumes
+            ++md5Count;
+            dest.add(item.baseLayerMD5);
+        }
+        if (item.md5ext) { // 3.0 library syntax for costumes
+            ++md5Count;
+            dest.add(item.md5ext);
+        }
+        if (md5Count < 1) {
+            console.warn(`${debugLabel} has no MD5 property:\n${describe(item)}`);
+        } else if (md5Count > 1) {
+            // is this actually bad?
+            console.warn(`${debugLabel} has multiple MD5 properties:\n${describe(item)}`);
+        }
+    });
+    return dest;
+};
+
+const collectAssets = function (dest) {
+    collectSimple(libraries.backdrops, dest, 'Backdrop');
+    collectSimple(libraries.costumes, dest, 'Costume');
+    collectSimple(libraries.sounds, dest, 'Sound');
+    libraries.sprites.forEach(sprite => {
+        if (sprite.costumes) {
+            collectSimple(sprite.costumes, dest, `Costume for sprite ${sprite.name}`);
+        }
+        if (sprite.sounds) {
+            collectSimple(sprite.sounds, dest, `Sound for sprite ${sprite.name}`);
+        }
+    });
+    return dest;
+};
+
+const connectionPool = [];
+
+const fetchAsset = function (md5, callback) {
+    const myAgent = connectionPool.pop() || new https.Agent({keepAlive: true});
+    const getOptions = {
+        host: ASSET_HOST,
+        path: `/internalapi/asset/${md5}/get/`,
+        agent: myAgent
+    };
+    const urlHuman = `//${getOptions.host}${getOptions.path}`;
+    https.get(getOptions, response => {
+        if (response.statusCode !== 200) {
+            callback(new Error(`Request failed: status code ${response.statusCode} for ${urlHuman}`));
+            return;
+        }
+
+        const stream = fs.createWriteStream(path.resolve(OUT_PATH, md5), {encoding: 'binary'});
+        stream.on('error', callback);
+        response.on('data', chunk => {
+            stream.write(chunk);
+        });
+        response.on('end', () => {
+            connectionPool.push(myAgent);
+            stream.end();
+            console.log(`Fetched ${urlHuman}`);
+            callback();
+        });
+    });
+};
+
+const fetchAllAssets = function () {
+    const allAssets = collectAssets(new Set());
+    console.log(`Total library assets: ${allAssets.size}`);
+
+    async.forEachLimit(allAssets, NUM_SIMULTANEOUS_DOWNLOADS, fetchAsset, err => {
+        if (err) {
+            console.error(`Fetch failed:\n${describe(err)}`);
+        } else {
+            console.log('Fetch succeeded.');
+        }
+
+        console.log(`Shutting down ${connectionPool.length} agents.`);
+        while (connectionPool.length > 0) {
+            connectionPool.pop().destroy();
+        }
+    });
+};
+
+fetchAllAssets();

+const backdrops = require('openblock-gui/src/lib/libraries/backdrops.json');
+const costumes = require('openblock-gui/src/lib/libraries/costumes.json');
+const sounds = require('openblock-gui/src/lib/libraries/sounds.json');
+const sprites = require('openblock-gui/src/lib/libraries/sprites.json');
+
+const libraries = {
+    backdrops,
+    costumes,
+    sounds,
+    sprites
+};
+
+module.exports = libraries;

+module.exports = {
+    root: true,
+    env: {
+        node: true
+    },
+    extends: ['scratch', 'scratch/es6'],
+    globals: {
+        __static: false // electron-webpack provides this constant to access bundled static assets
+    }
+};

+const fs = require('fs');
+const path = require('path');
+
+const staticAssets = path.resolve(__static, 'assets');
+
+/**
+ * Allow the storage module to load files bundled in the Electron application.
+ */
+class ElectronStorageHelper {
+    constructor (storageInstance) {
+        this.parent = storageInstance;
+    }
+
+    /**
+     * Fetch an asset but don't process dependencies.
+     * @param {AssetType} assetType - The type of asset to fetch.
+     * @param {string} assetId - The ID of the asset to fetch: a project ID, MD5, etc.
+     * @param {DataFormat} dataFormat - The file format / file extension of the asset to fetch: PNG, JPG, etc.
+     * @return {Promise.<Asset>} A promise for the contents of the asset.
+     */
+    load (assetType, assetId, dataFormat) {
+        assetId = path.basename(assetId);
+        dataFormat = path.basename(dataFormat);
+
+        return new Promise((resolve, reject) => {
+            fs.readFile(
+                path.resolve(staticAssets, `${assetId}.${dataFormat}`),
+                (err, data) => {
+                    if (err) {
+                        reject(err);
+                    } else {
+                        resolve(new this.parent.Asset(assetType, assetId, dataFormat, data));
+                    }
+                }
+            );
+        });
+    }
+}
+
+module.exports = ElectronStorageHelper;

+import minilog from 'minilog';
+minilog.enable();
+
+const namespace = (() => {
+    switch (process.type) {
+    case 'browser': return 'main';
+    case 'renderer': return 'web';
+    default: return process.type; // probably 'worker' for a web worker
+    }
+})();
+
+export default minilog(`app-${namespace}`);

+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 283.78 306.36"><defs><style>.a{fill:#ffbc47;}.b{fill:#cf8b17;}.c{fill:#ffab19;}.d{fill:#fff;}</style></defs><title>OpenBlock-Desktop</title><path class="a" d="M0,236.43c0-2,0-4,0-6Q0,128,0,25.51a37.76,37.76,0,0,1,.66-7.63A22,22,0,0,1,22.63.06H176.68c28.08,0,56.15.06,84.23-.06a22.33,22.33,0,0,1,22.83,22.42q-.08,98-.05,196.05c0,6.4-.06,12.79-.09,19.19-2.36,11-11,17.94-22.26,18-12.39,0-24.79.13-37.18-.06a11,11,0,0,0-9.75,4.9c-5.36,7.17-11,14.11-16.54,21.17a27.39,27.39,0,0,1-3.63,3.81,10.93,10.93,0,0,1-7.43,2.84q-44.73,0-89.46,0c-4.64,0-8-2.29-10.77-5.8-5.61-7.18-11.29-14.31-16.83-21.55a12.39,12.39,0,0,0-11-5.39c-12.15.28-24.3.22-36.45.05C13,255.46,6.19,251,1.75,242.93A24.38,24.38,0,0,1,0,237.38"/><path class="b" d="M0,249.14"/><path class="b" d="M0,237.92a17.51,17.51,0,0,0,3,6c4.41,7,10.68,10.89,19,11,12.63.13,25.27.21,37.9,0,4.49-.09,7.42,1.85,9.94,5.07,6,7.66,11.87,15.39,17.94,23a12.14,12.14,0,0,0,10,4.75c29.1-.08,58.21-.15,87.31.05,5.37,0,8.94-2.26,12-6.12,5.14-6.5,10.23-13,15.36-19.54a43.75,43.75,0,0,1,3.57-4.49,8.71,8.71,0,0,1,6.43-2.65c13,.06,25.91,0,38.86,0a22.25,22.25,0,0,0,21.38-15.1,5.42,5.42,0,0,1,.93-2.17c0,4.55.32,9.12.08,13.66a21.72,21.72,0,0,1-20.46,20.46c-11.26.56-22.54.27-33.81.14-4.13,0-7.4,1.07-10.12,4.3-7.42,8.8-15,17.47-22.5,26.2a10.49,10.49,0,0,1-8.55,3.92q-46.3-.13-92.6,0a10.73,10.73,0,0,1-8.74-4.06c-7.23-8.44-14.6-16.76-21.68-25.33-3.1-3.75-6.68-5.16-11.48-5-10.15.26-20.31.14-30.46.08-6.66,0-12.58-2.08-17.23-7.07-3.14-3.36-6-8.23-6-12.94"/><path class="c" d="M259.35,12.27a22.72,22.72,0,0,1,5.9.73c4.89,1.31,7.29,4.92,7.81,10a11.82,11.82,0,0,1,0,1.2q0,103.78,0,207.56a11.93,11.93,0,0,1-5.07,9.81,8.77,8.77,0,0,1-5.63,1.58c-14.32,0-28.63,0-43,0a12.51,12.51,0,0,0-10.79,5.44c-3.76,5-7.79,9.86-11.68,14.8-1.87,2.37-3.63,4.83-5.53,7.19-1.75,2.17-3.49,4.34-6.49,5a14.73,14.73,0,0,1-3.08.28H107c-1.43,0-2.86.19-4.27.27a11.15,11.15,0,0,1-6.57-1.72c-2.34-1.46-3.64-3.8-5.18-5.87-4.23-5.68-8.84-11.06-13.09-16.72a30.58,30.58,0,0,0-5.76-6.31,10.55,10.55,0,0,0-6.62-2.31c-14.32,0-28.64-.09-43,.06A11.47,11.47,0,0,1,11,231.65q.13-52.19,0-104.38h0c0-34.63.12-69.27-.11-103.9A11.29,11.29,0,0,1,21.66,12.31"/><path class="d" d="M71.1,101.89c-3,0-5.92,0-8.88,0-3.25,0-5.47-1.88-7.28-4.31a4.78,4.78,0,0,1-.7-3c0-5,0-10.08,0-15.12a5.94,5.94,0,0,1,3.12-5.24A14,14,0,0,1,64.8,72.2c5.28,0,10.56,0,15.84,0,1.16,0,1.72-.18,2.15-1.52A28,28,0,0,1,86,63.93a21,21,0,0,1,6.18-5.8,15.34,15.34,0,0,1,8.92-2.59q43.44.05,86.88,0a17.88,17.88,0,0,1,9.71,3.11c3.84,2.39,6,6,7.83,9.87a1.27,1.27,0,0,1,.19.43c0,1.12.07,2.39,1.06,3s2.19.22,3.29.23c3.52,0,7,.13,10.56,0a16.84,16.84,0,0,1,6.53.92c3.24,1.18,5.64,3.1,5.56,7.33-.08,4.64-.14,9.28,0,13.92.1,3-1.45,4.76-3.68,6.21a8.81,8.81,0,0,1-5.18,1.38c-5.2-.12-10.4-.05-15.6,0-1.84,0-1.87,0-1.88,1.87,0,3.6,0,7.2,0,10.8,0,2.14,0,2.16,2.31,2.16q7,0,13.92,0a13.53,13.53,0,0,1,7.39,2.17,6,6,0,0,1,2.66,5.09c.07,5.28,0,10.56,0,15.84a4.51,4.51,0,0,1-1.35,3.2,9.64,9.64,0,0,1-7.76,3.42c-5-.18-10.08-.06-15.12,0-2,0-2.06,0-2.06,1.91q0,5.88,0,11.76c0,1.7,0,1.75,1.75,1.75,5.44,0,10.88.06,16.32,0,3.39,0,5.66,1.81,7.59,4.23a4.64,4.64,0,0,1,.66,3c0,4.8-.09,9.6,0,14.4.09,4.15-2.5,6.09-5.65,7.29a16.35,16.35,0,0,1-6.31.83c-4.16-.11-8.32,0-12.48,0-1.67,0-2.11.35-2.46,1.9a19.63,19.63,0,0,1-18.76,15c-29-.1-57.92-.06-86.88,0A14.11,14.11,0,0,1,93,206a22.82,22.82,0,0,1-4.12-2.77A23.43,23.43,0,0,1,82.73,193c-.39-1.21-.85-1.45-1.92-1.45-5.52,0-11,0-16.56,0a12.12,12.12,0,0,1-8-3,5.62,5.62,0,0,1-2-4.19c0-5.28,0-10.56,0-15.84a4.37,4.37,0,0,1,1.23-3,9.67,9.67,0,0,1,7.89-3.67c5.75.19,11.52.06,17.28,0,1.87,0,1.9,0,1.91-1.82,0-4,0-8,0-12,0-1.27-.45-1.64-1.67-1.63-6.16,0-12.32,0-18.48,0-3.48,0-5.72-2-7.62-4.57a4.35,4.35,0,0,1-.58-2.75c0-4.8,0-9.6,0-14.4.06-4.42,2.82-6.32,6.2-7.35,2.72-.83,5.51-.59,8.28-.6,3.92,0,7.84,0,11.76,0,2,0,2,0,2.06-1.92,0-3.76,0-7.52,0-11.28,0-1.25-.42-1.68-1.66-1.65C77.66,101.93,74.38,101.89,71.1,101.89Z"/><path class="c" d="M109.23,93.44c-6.7.4-12.82-5.25-13.19-12.18a12.93,12.93,0,0,1,25.79-1.74A12.89,12.89,0,0,1,109.23,93.44Z"/></svg>
\ No newline at end of file

+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 2031.7 868" style="enable-background:new 0 0 2031.7 868;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#96999B;}
+	.st1{fill:#FCE4CE;}
+	.st2{fill:#B5B7B9;}
+	.st3{fill:#FDEBDB;}
+	.st4{fill:#D1D3D3;}
+	.st5{fill:#B3B5B7;}
+	.st6{fill:#F89C49;}
+	.st7{fill:#979A9C;}
+	.st8{fill:#FDFDFD;}
+	.st9{fill:#FEFEFE;}
+</style>
+<g>
+	<path class="st0" d="M1669.7,868c-2.4-2.2-5.5-1.4-8.3-2.1c-31.4-7.8-52.6-27-64.4-56.9c-3.7-9.4-5.9-19-6.5-29.1
+		c-0.9-3.3,0.4-6.9-0.8-10.2c0-0.5,0-1,0-1.5c1.1-3.3-0.2-6.8,0.7-10.2c1.4-19.9,8-37.8,20.2-53.6c13.3-17.3,30.7-28.1,52.2-32.3
+		c1.9-0.4,3.9-0.8,5.8-1.2c1.6-0.9,3.5,0.2,5.1-0.8c2-0.1,3.9-0.2,5.9-0.2c3.6-0.5,7.3-0.5,10.9,0c23.8,1.6,45,9.6,61.9,26.8
+		c14.6,14.8,22.9,33,26.2,53.5c0.4,2.3,0.8,4.6,1.2,6.9c0.8,2-0.3,4.2,0.7,6.2c0,3.8,0,7.7,0,11.5c-1,2,0.1,4.2-0.7,6.2
+		c-2.6,19-8.3,36.6-20.2,52c-12.4,16.1-28.5,26.4-47.8,31.9c-4,1.1-8.1,2.1-12.2,3.2C1689.7,868,1679.7,868,1669.7,868z"/>
+	<path class="st0" d="M260.7,867.1c-34.5-4.7-59.6-22.9-72.7-55.1c-15-37.1-12.3-73.5,11.6-106.6c14.8-20.5,35.6-31.4,60.6-34.6
+		c22.5-2.9,43.8,0.2,63.5,11.9c22.6,13.4,36.2,33.5,42.3,58.7c6.9,29,4,56.9-11.3,82.8c-14.6,24.6-36.7,38.3-64.8,42.8
+		c-1.1,0.2-2.4-0.2-3.1,1c-7,0-14,0-21,0C264.2,866.8,262.2,868.1,260.7,867.1z"/>
+	<path class="st0" d="M495.7,868c-2.9-2.2-6.6-1.9-9.9-2.7c-29.9-7.5-48.3-28.1-52.2-58.6c-0.7-5.1-1-10.3-1-15.4
+		c0-35.8,0-71.7,0-107.5c0-6.4,2.7-10.2,7.9-11.9c5.6-1.7,10.5-0.3,13.9,4c2,2.7,2.3,5.8,2.3,9c0,36-0.1,72,0.1,108
+		c0,11.1,2.6,21.8,8.5,31.4c8.2,13.4,20.5,19.8,35.7,21.8c9.2,1.2,18.3,0.8,27.2-1.5c19.9-5.1,33.6-22.2,35.6-43.4
+		c0.7-7,0.8-14,0.8-20.9c0-32.3,0-64.7,0-97c0-5.9,2.8-9.7,8-11.3c5.7-1.7,10.4-0.3,13.8,4.1c1.7,2.2,2.3,4.7,2.2,7.5
+		c0,37,0.2,74-0.2,111c-0.1,14.3-3.3,28.1-10.6,40.6c-11.4,19.6-29.5,28.6-51.1,31.8c-1.1,0.2-2.4-0.2-3.1,1c-0.7,0-1.3,0-2,0
+		c-1.7-0.8-3.3-0.8-5,0c-4.3,0-8.7,0-13,0c-2-0.8-4-0.8-6,0C497.1,868,496.4,868,495.7,868z"/>
+	<path class="st1" d="M2031.7,463c-0.3,0-0.6,0.1-0.9,0c-2-2.4-2-4.7,0-7.1c0.3,0,0.6,0,0.9,0C2031.7,458.3,2031.7,460.7,2031.7,463
+		z"/>
+	<path class="st2" d="M497.7,868c2-1.7,4-1.4,6,0C501.7,868,499.7,868,497.7,868z"/>
+	<path class="st3" d="M983.7,0.8c0-0.3,0-0.6,0-0.8c1.7,0,3.3,0,5,0c0,0.3,0,0.6,0,0.8C987.1,2.5,985.4,2.5,983.7,0.8z"/>
+	<path class="st4" d="M260.7,867.1c1.8,0,3.6-0.7,5.1,0.9c-1.7,0-3.3,0-5,0C260.7,867.7,260.7,867.4,260.7,867.1z"/>
+	<path class="st5" d="M516.7,868c1.7-1.4,3.3-1.5,5,0C520.1,868,518.4,868,516.7,868z"/>
+	<path class="st6" d="M2030.9,456c0,2.4,0,4.7,0,7.1c-2.4,9.8-8.1,16.5-18.2,19.1c-1.6,0.8-3.5-0.2-5.2,0.8
+		c-2.3,0.1-4.6,0.2-6.8,0.3c-2,0.8-4.2-0.3-6.2,0.7c-1.9,0.1-3.9,0.2-5.8,0.3c-2,0.8-4.2-0.3-6.2,0.8c-1.6,0.1-3.2,0.2-4.8,0.2
+		c-1.7,0.8-3.6-0.2-5.2,0.7c-11,1.3-22.1,2.4-33.1,4c-12.8,1.8-25.6,4.1-38,8c-5.7,1.8-11.2,4.1-16.8,5.9
+		c-10.4,3.4-17.2,0.5-23.3-7.6c-5.2-6.9-3.8-22.1,1.4-27.7c9-9.8,20.8-13.5,33-16.3c10.3-2.4,20.7-4.3,31.1-6.4
+		c1.5-0.7,1.5-2,1.5-3.4c0-20.8,0-41.5,0-62.3c0-0.5-0.2-1-0.4-1.4c-0.1-29.9-0.2-59.9-0.3-89.8c-0.7-4.7-0.2-9.4-0.3-14.2
+		c0-2.9-0.9-4-3.8-2.9c-11.1,1.7-22.3,3.3-33.4,5.1c-23.2,3.9-46.3,7.9-69.5,11.8c-8.2,1.4-16.4,2.8-24.7,4
+		c-2.5,0.4-3.6,1.4-3.5,3.9c0.1,3,0.1,6,0.2,9c-0.6,1.1-0.4,2.3-0.4,3.4c0,32.3,0,64.6,0,96.9c0,1.3-0.4,2.7,0.5,3.9l0,0
+		c7.2,1.2,14.4,0.2,21.6,0.5c3.1,0.1,6.2-0.4,9.3,0.3c3.8,0.2,7.7,0,11.3,0.7c9.8,1.9,15.7,8.3,18.8,17.5c0.6,3.3,0.6,6.6,0,9.9
+		c-3.3,9.9-9.6,16.4-20.2,18.2c-3.6,0.5-7.3,0.5-10.9,0c-10.6-0.1-21.2-0.2-31.8-0.2c-8.2-1-16.5-0.2-24.7-0.5
+		c-2.5-0.1-5,0.3-7.4-0.3c-11-0.2-22-0.5-33-0.5c-11.8,0.1-22.3-7.6-23.8-18.6c-1.6-11.2,3.8-23.6,15.5-26.5
+		c0.8-0.2,1.5-0.5,2.3-0.8c6.8-0.8,13.7-0.1,20.6-0.4c1.8-0.1,3.6,0.5,5.3-0.5c0.7-6.6,0.4-13.1,0.2-19.7c0.8-1.6,0.4-3.3,0.4-4.9
+		c0-91.4,0-182.8,0-274.1c0-5.7,0-5.7-5.5-5.7c-11.6-0.2-23.3,0.4-34.9-0.3c-11.8-0.7-21.8-11.5-19.9-26.1
+		c1.4-10.8,9.3-19.9,23-19.9c39.9-0.1,79.9-0.1,119.8,0c11.4,0,21.7,8.8,23.1,18.7c2,14.4-6.8,25.3-19.1,27.3
+		c-11.4,0.8-22.9,0.1-34.4,0.4c-1.8,0-3.7-0.5-5.4,0.5c-0.1,16.3-0.3,32.6-0.3,48.9c-0.1,29.5,0,58.9-0.2,88.4
+		c0,4.2,1.3,4.4,4.7,3.8c20.4-3.5,40.8-6.8,61.2-10.3c21.6-3.6,43.1-7.2,64.7-10.9c1.3-0.2,2.5-0.7,3.8-1.1
+		c0.9-10.4,0.8-20.7,0.1-31.1c-0.1-26.6-0.2-53.2-0.2-79.8c-0.7-13.9-0.1-27.8-0.3-41.7c0-1.8,0.4-3.6-0.5-5.4l0,0
+		c-4.8-0.8-9.6-0.7-14.3,0c-7.6,0-15.3-0.1-22.9,0.1c-10.6,0.3-18.1-4.8-22.1-14.1c-3.7-8.7-2.1-17.5,4.2-24.8
+		c4.1-4.7,9.9-6.9,16.2-7.3c6.6-0.6,13.2-0.1,19.8-0.3c1.8-0.1,3.6,0.4,5.4-0.4c9.6-0.1,19.2-0.2,28.8-0.2
+		c7.9-0.7,15.9-0.1,23.8-0.3c1.8-0.1,3.6,0.4,5.4-0.4c9.9-0.1,19.9-0.2,29.8-0.3c3.3-0.5,6.6-0.5,9.9,0c20,3.8,23.7,22.1,18.2,33.2
+		c-4.2,8.3-11.1,12.7-20.4,12.9c-10,0.3-20,0.4-30,0.3c-3.9-0.1-5,1.2-5,5.1c0.3,45.3,0.1,90.6,0.7,135.9
+		c0.7,57.6,0.4,115.3,0.9,172.9c0.2,18.8,0.4,37.6,0.4,56.5c0,4,1.3,4.7,4.9,4.3c8.8-0.9,17.6-1.7,26.4-2.1
+		C2019.2,436.1,2027.7,442.7,2030.9,456z"/>
+	<path class="st6" d="M570.8,449.8c-9.3-10.2-11.1-21.3-4.8-30.8c3.6-5.4,8.5-8.9,14.9-10c8.9-1.5,17.7-3,26.7-3.9
+		c4.7-0.5,6.2-2.1,6.2-7.1c-0.5-40.7-0.7-81.3-0.8-122c0-4.7-1.5-5.6-5.7-5.2c-5.8,0.6-11.6,0.2-17-2.9
+		c-8.9-5.1-13.7-15.7-11.2-25.6c2.5-9.9,11.1-16.9,21.3-17.4c3.9-0.2,9,1.6,11.5-1.1c2.5-2.7,0.7-7.6,0.7-11.6c0-29.7-0.2-59.3,0-89
+		c0-5.2-1.9-5.7-6.1-5.1c-9.2,1.3-18.5,2.4-27.7,3.7c-14.7,2-26.1-5.5-28.2-18.7c-2.2-13.6,6.5-24.9,21-26.9
+		c38.5-5.3,77.1-8.8,116-8c29.7,0.7,59.2,3.1,87.6,12.7c4.6,1.5,9,3.5,13.5,5.2c7,4,14.2,7.6,20.3,13.1c14.9,13.3,22,29.8,20,49.9
+		c-2.2,21.8-13.1,39.6-25.7,56.6c-5.9,7.9-13.1,14.5-21,20.3c-1.8,1.3-4.4,2.3-1.8,5.7c10.2,13.4,14.8,29.4,19.2,45.3
+		c4.9,17.7,7.3,35.9,10.2,54c0.8,1.7-0.2,3.6,0.8,5.2c0.1,1.6,0.2,3.2,0.3,4.8c0.7,1.7-0.2,3.6,0.7,5.2c0.1,2.3,0.2,4.5,0.3,6.8
+		c0.8,2.3-0.3,4.9,0.7,7.2c0.1,3.3,0.2,6.5,0.3,9.8c0.9,4-0.4,8.2,0.7,12.2c0.1,2.6,0.2,5.2,0.3,7.8c0.7,1.7-0.2,3.6,0.7,5.2
+		c1.1,18,3.2,35.8,8.3,53.1c2.6,8.9,8.1,15.5,18.6,15.7c2.8,0.7,5.6,0.7,8.4,0c10-3.2,14.3-11.5,17.8-20.4
+		c2.4-5.9,3.6-12.2,7.3-17.6c6-8.6,17.8-11.5,28.3-7c9,3.8,15.5,15.2,13,24.5c-4.9,18.2-11.7,35.7-26,48.9
+		c-12.8,11.8-27.8,19-45.7,18.3c-19.3-0.7-37-5.6-50.3-20.8c-9.5-10.8-15.6-23.3-18.6-37.4c-2.7-12.9-4.8-25.9-6.2-39
+		c-0.4-3.9-0.3-7.9-1.1-11.8c-0.9-2,0.3-4.2-0.8-6.2c-0.1-2-0.2-3.9-0.2-5.9c-0.9-2.7,0.3-5.6-0.7-8.2c-0.1-4.3-0.2-8.5-0.3-12.8
+		c-0.9-3,0.4-6.2-0.8-9.2c-0.1-1.9-0.2-3.9-0.2-5.8c-0.8-2,0.2-4.2-0.7-6.2c-0.1-1.6-0.2-3.2-0.3-4.8c-0.8-1.7,0.2-3.6-0.8-5.2
+		c-2.7-22.6-6.2-45-13.3-66.7c-1.6-0.8-2.2-2.4-3-3.9c-6.1-10.8-17.7-16.2-29.6-13c-17.3,4.8-34.8,8.8-52.5,11.8
+		c-3.9,0.7-5.2,2.8-5.2,6.5c0.1,25.9,0,51.9,0,77.8c0,3.5,2,7.2-0.6,10.6c0,10.8,0.1,21.6-0.1,32.4c-0.1,3.9,1.8,3.9,4.6,3.5
+		c8.7-1.3,17.4-2.4,26-3.9c14.4-2.6,25.2,5.5,28.3,17.7c0.1,0.5,0.3,1,0.4,1.4c0.6,2,0.5,3.9,0,5.9c-3.5,13.5-11.4,19.3-25.1,21.2
+		c-16.6,2.3-33.1,4.5-49.6,7.4c-9.8,1.7-19.9,2.5-29.7,4.3c-8.4,1.5-17,2-25.4,3.8C582.5,456,576.1,454.6,570.8,449.8z"/>
+	<path class="st6" d="M983.7,0.8c1.7,0,3.4,0,5.1,0c12,1.8,18.1,10.2,22.3,20.4c13.7,33.1,27.2,66.3,40.9,99.4
+		c14.8,35.7,29.8,71.3,44.5,107.1c9.2,22.4,18.3,45,27.2,67.5c1.5,3.9,2.8,5.3,7.2,3.1c10.1-5,20.5-9.4,30.9-13.9
+		c16.3-7.2,31.2,0.2,35.2,15.7c0.4,3,0.5,5.9,0,8.9c-3.1,13.1-13.8,17.1-24.8,21c-18.8,6.8-37.2,14.5-54.9,23.8
+		c-12.6,6.6-24.9,13.7-34.6,24.7c-6.4,7.2-16.2,8.5-25.6,4.5c-6.9-2.9-13-11.3-13.1-20.3c-0.1-11.4,6.5-18.7,14.4-25.2
+		c7-5.8,15-10.4,23.1-14.6c2.4-1.2,2.7-2.3,1.6-5c-5.6-13.4-10.8-26.9-16.2-40.4c-0.9-2.3-2.5-4.4-2.8-6.7c-0.8-5.1-3.9-5.4-7.9-4.8
+		c-32.1,5.3-64.1,10.7-96.2,16c-2.8,0.5-4,1.5-4.4,4.7c-1.1,9.3-3.4,18.5-3.8,28c-1.5,3.5,1.7,2.4,3.1,3.1
+		c10.8,2,17.3,8.4,19.2,19.2c0.4,2.3,0.5,4.6,0,6.9c-3.9,14.1-11,19.4-26.9,20c-3-1.1-6.2,0.2-9.2-0.7c-2.9-0.1-5.9-0.2-8.8-0.3
+		c-3-1.1-6.2,0.1-9.2-0.7c-3.3-0.1-6.5-0.2-9.8-0.3c-3-1.1-6.2,0.2-9.2-0.7c-2.9-0.1-5.9-0.2-8.8-0.2c-3-1.1-6.2,0.2-9.2-0.7
+		c-2.9-0.1-5.9-0.2-8.8-0.3c-1.6-1-3.5,0-5.2-0.7c-9.8-1.3-16.7-8.4-18.3-18.3c-0.4-3-0.5-5.9,0-8.9c1.9-10.3,8.2-16.1,18.3-18.2
+		c4-0.5,7.9-0.5,11.9,0c2.6,0.1,5.2,0.2,7.8,0.3c2.3,1,4.9-0.1,7.3,0.7c1.5,0.1,3,0.1,4.5,0.4c3.1,0.4,4.3-0.8,4.9-4
+		c4.7-24.4,9.8-48.7,14.6-73c4.8-24.1,9.5-48.1,14.3-72.2c3-14.9,5.9-29.9,8.8-44.8c1.7-20.6,7.6-40.4,11-60.7
+		c0.3-1.5,0.6-2.9,0.8-4.4c0.3-2.2-0.5-3.1-2.7-2.9c-3,0.2-6,0.6-8.9,1.1c-16.1,2.3-32.3,4.3-48.4,6.8c-3.4,0.5-6.6,0.3-9.8-0.8
+		c-13.2-1.5-18.9-11.5-20-21.2c1-15.6,8.4-23,24.2-25.1C920.6,9.7,952.2,5.2,983.7,0.8z"/>
+	<path class="st6" d="M1338,422.1c8.8,0,17.6,0.4,26.4-0.1c12.6-0.8,23.9,5.1,27.5,19.1c0.5,2.6,0.5,5.3,0,7.9
+		c-3.8,13.2-12.5,19.6-26.2,19.2c-9.3,0.7-18.5,0.1-27.8,0.3c-1.8,0-3.6-0.4-5.4,0.4c-10.9,0.1-21.9,0.2-32.8,0.3
+		c-9.3,0.7-18.5,0.1-27.8,0.3c-1.8,0-3.6-0.4-5.4,0.4c-10.9,0.1-21.9,0.2-32.8,0.3c-2,0.5-3.9,0.5-5.9,0
+		c-11.7-1.1-19.7-8.4-21.2-19.2c-0.5-2.6-0.5-5.3,0-7.9c2-11.6,9.9-18.2,21.8-19c3.5-0.2,7-0.2,10.5-0.3c10.8-0.7,21.6-0.1,32.3-0.3
+		c1.8,0,3.7,0.5,5.4-0.5c0.2-1.5,0.5-2.9,0.5-4.4c-0.1-75.4-0.2-150.8-0.3-226.2c0-0.8-0.1-1.7-0.2-2.5c-0.7-17-0.1-34.1-0.3-51.1
+		c-0.1-4.9,0.6-9.9-0.5-14.8c-4,0-8,0.1-12.1,0.1c-5.4,0.9-10.8-0.4-16.2,0.7c-5.6,0.1-11.2,0.2-16.8,0.3
+		c-5.1,0.9-10.2-0.4-15.3,0.7c-5,0-10,0.3-14.9,0c-3.7-0.2-4.2,1.6-3.7,4.5c1.5,9.1,3,18.2,4.5,27.3c2.4,14.6,5.3,29.2,6.8,43.9
+		c1,9.2-5.4,19.4-18.4,22.7c-3,0.4-5.9,0.5-8.9-0.1c-10.7-1.9-17.3-10.1-18.9-21.4c-1.7-11.7-3.8-23.4-5.7-35.1
+		c-1.8-11.4-3.6-22.8-5.2-34.2c-1.3-9.3-3.3-18.6-4.2-28c-1.5-15,9.8-25.6,24.1-25.4c4.3,0.1,8.6-0.2,13-0.3
+		c7.1-1,14.2,0.4,21.2-0.7c7.3-0.1,14.5-0.2,21.8-0.3c7.1-1,14.2,0.4,21.2-0.7c7.3-0.1,14.5-0.2,21.8-0.3c7.4-1,14.8,0.5,22.2-0.8
+		c6.9-0.1,13.9-0.2,20.8-0.3c6.4-1,12.8,0.4,19.2-0.7c5.3-0.1,10.6-0.2,15.8-0.3c4.4-0.9,8.8,0.4,13.2-0.7c3.9-0.1,7.9-0.2,11.8-0.3
+		c3.7-0.9,7.5,0.4,11.2-0.7c2.9-0.1,5.9-0.2,8.8-0.2c3-0.9,6.2,0.3,9.2-0.7c2.6-0.1,5.2-0.2,7.8-0.2c2.3-0.9,4.9,0.3,7.2-0.7
+		c15.2,0.4,27.9,9.9,25.7,30.7c-1.1,3.3,0.1,6.8-0.7,10.2c-0.5,8.4-0.5,16.7,0,25.1c0.9,2.7-0.4,5.5,0.8,8.1
+		c0.4,8.7-1,16.7-7.7,23.1c-3.5,3.4-7.8,4.7-12.3,5.9c-2.3,0.5-4.6,0.5-6.9,0c-11.4-0.4-18.5-12.7-18.9-21.3c0-1-0.2-2-0.3-3
+		c-0.9-4.4,0.4-8.8-0.7-13.2c0.6-2.8-0.1-5.3-1.2-7.8c-0.5-1.6-0.5-3.3,0-4.9c0-1.4,0-2.7,0.1-4.1c-3-0.9-6.1-0.7-9.1-0.1
+		c-3.6,0.1-7.2,0.2-10.8,0.3c-4.4,0.9-8.8-0.4-13.2,0.7c-5.6,0.1-11.2,0.2-16.8,0.3c-5.7,1-11.5-0.5-17.2,0.7
+		c-3.5-0.8-5,0.2-4.9,4.2c0.3,13.6,0.2,27.3,0.3,40.9c0.6,2,0.3,4,0.3,6c0,80.7,0,161.4,0,242.1c0,2-0.5,4,0.5,5.9l0,0
+		C1328.5,422.9,1333.3,422.7,1338,422.1z"/>
+	<path class="st6" d="M1578.5,484.9c-4.3,0.1-8.6,0.2-12.8,0.2c-10,0.5-19.9,0.5-29.9,0c-22.2-0.6-42.3-7.3-60.1-20.4
+		c-10.6-7.8-18.8-17.8-25.7-29c-8.5-13.5-13-28.4-16-43.9c-0.8-3.9-0.3-8-0.4-11.9c-0.7-5.9-0.1-11.9-0.3-17.8
+		c-0.1-1.8,0.4-3.6-0.4-5.4c0-12.2,0-24.4,0-36.5c1-8.9,0.2-17.9,0.4-26.8c0.1-2.5-0.3-5,0.3-7.4c0.1-4.2,0.2-8.5,0.3-12.7
+		c0.9-1.7,0-3.6,0.7-5.3c1.3-17.4,4.7-34.4,10.2-51.1c4.9-14.7,12.2-28,23-39.1c10.4-10.7,23.3-17.4,38.2-19.8
+		c2.9-0.5,5.9-0.9,8.9-1.3c4.6-0.5,9.3-0.5,13.9,0c27.1,3.2,52.1,12.3,74.4,28.1c0.8,0.6,1.7,0.9,2.6,1.4c1.3-3,0.5-6.1,0.5-9.2
+		c0.3-11-0.4-22.1,0.4-33.1c1.4-11.3,8.8-18.9,20.2-20.2c2-0.5,3.9-0.5,5.9,0c15.7,5.5,20,11.5,20,28.2c0,30.6,0,61.3,0,91.9
+		c0,14.3-7.9,24.2-22.9,25.6c-7.6,0.7-15.2-2.9-19.7-10.2c-7.1-11.7-16.2-21.8-26.3-30.7c-11.7-10.4-25.5-17.6-40.7-21.7
+		c-9.4-2.5-18.7-5.4-28.5-3.5c-8.6,1.7-14.9,6.6-19.3,14.2c-7.9,13.7-11.4,28.8-13.6,44.3c-0.6,4.3-1.5,8.5-1.1,12.8
+		c-1,2,0.1,4.2-0.7,6.2c-0.1,13.3-0.2,26.5-0.3,39.8c-0.7,11.8-0.7,23.7,0,35.5c0.1,15.5-1.1,31,4.9,46.1
+		c7.7,19.6,27.8,35.3,47.1,35.7c1.6,1.1,3.5,0,5.1,0.8c11.4,0.6,22.7,0.3,34.1,0c2.3-0.8,4.9,0.3,7.2-0.7c11-2.5,20.9-7,28.3-15.8
+		c4.2-5,8.6-9.9,11.5-16c3.4-7.1,5-14.7,6.1-22.5c0.2-1.3,0.6-2.5,0.9-3.7c1.2-2.9-0.2-6.1,0.8-9.1c0.3-6.7,0.8-13.4,0-20.1
+		c-0.5-2.3-0.5-4.6,0-6.9c1.4-10.1,7.5-16.2,19.2-19.2c2.3-0.6,4.6-0.5,6.9,0c14.1,3.9,18.5,9.8,20.2,27.2c0.5,5.3,0.5,10.6,0,15.9
+		c-0.1,13.8-2.6,27.3-5.9,40.7c-4.2,16.9-13.1,30.9-24.3,43.9c-13.9,16.2-32.2,25.1-52.1,31.1c-1.9,0.6-3.9,0.4-5.9,0.7
+		C1582,484.9,1580.2,484,1578.5,484.9z"/>
+	<path class="st0" d="M1865.9,857.9c-2,3.9-4.8,7-9.2,8.2c-2,0.4-3.9,0.5-5.9-0.1c-5.5-1.3-8.9-5.4-8.9-11.3c0-38.1,0-76.3,0-114.4
+		c0-18,0.1-36,0-54c0-6.2,2.3-11.1,7.9-13.7c6.5-3,14-2,18.3,3.2c7.9,9.8,15.2,20,22.7,30.2c28,38,56,76,84,113.9
+		c3.2-0.8,1.5-3.3,1.5-4.9c0.1-27.1,0-54.2,0.1-81.3c0.1-17.9-0.4-35.9,0.3-53.8c1.1-6.9,8.2-9.3,13-8.9c6,0.5,10.6,5.2,11.1,11.4
+		c0.1,1,0,2,0,3c0,54.9,0,109.9,0,164.8c0,8.6-2.7,12.5-11,15.7c-2.3,0.5-4.6,0.6-6.9,0c-4.3-0.2-6.9-3-9.2-6.1
+		c-27.5-37.7-54.9-75.4-82.4-113.1c-7.9-10.9-15.8-21.9-23.7-32.8c-2.7,1.1-1.2,3.5-1.2,5.1c-0.1,44.4-0.1,88.8-0.1,133.3
+		C1866.2,854.3,1866.5,856.2,1865.9,857.9z"/>
+	<path class="st0" d="M823.8,826c-0.1,8-0.1,16-0.2,24c0,8.3-3.1,13.2-9.4,15.4c-6.9,2.4-13,0.3-17.8-6.4
+		c-28.9-39.5-57.7-79.1-86.5-118.6c-6.6-9-13.1-18-19.9-27.3c-1.6,1.8-1,3.7-1,5.3c0,44.8,0,89.6,0,134.4c0,8.4-4.2,13.1-11.5,13.2
+		c-6.9,0.1-11.8-4.1-12.5-11c-0.2-1.6-0.1-3.3-0.1-5c0-53.3,0.1-106.6-0.1-159.9c0-7,1.7-12.8,7.2-17.1c8.5-3.9,16.9-0.9,22.1,6.3
+		c15.8,22.1,32.1,43.8,48.3,65.7c0.3,0.4,0.7,0.7,1.1,1c13.5,14.7,24.3,31.6,36.3,47.5c6,7.9,12,15.8,18.1,23.9
+		c0.3-7.7,1.2-15.2,1.3-22.7c0.2-36.4,0.1-72.9,0.1-109.3c0-1.8-0.3-3.7,0.3-5.5c2-6.5,6.6-9.7,12.9-8.8c7.1,1,11.2,5.5,11.2,12.8
+		c0.1,21.7,0,43.3,0,65C823.7,774.7,823.8,800.3,823.8,826z"/>
+	<path class="st0" d="M1069.7,768.2c0,0.8,0,1.7,0,2.5c-1.1,3,0.2,6.2-0.8,9.2c-2.6,18.1-8.2,34.9-19.9,49.5
+		c-14.9,18.6-34.3,29.3-57.5,33.5c-2.9,0.5-5.9,0.8-8.9,1.3c-3,0.9-6.1-0.4-9.1,0.7c-17-0.1-33.9-0.5-50.9,0c-8,0.3-16.9-7-17.1-15
+		c-0.5-1.3-0.3-2.6-0.3-4c0-51.3,0-102.6,0-154c0-1.3-0.2-2.7,0.3-4c0.5-9.7,9.7-15.4,18.1-15.2c17,0.4,34-0.2,50.9,0.2
+		c25.4,0.6,48.2,8.5,66.7,26.4c14.7,14.2,23.3,31.9,26.5,52.2c0.3,2.1,0.8,4.2,1.1,6.3C1069.8,761.4,1068.6,764.9,1069.7,768.2z"/>
+	<path class="st0" d="M1149.6,822.9c-4.6,11.4-9.3,22.8-13.7,34.2c-1.7,4.5-4.5,7.6-9.1,9c-2,0.5-3.9,0.5-5.9,0
+		c-10.6-2.3-12.1-10.7-8.7-19.4c10-25.8,20.6-51.3,30.9-77c10.4-25.8,20.5-51.7,30.9-77.5c2.1-5.1,3.8-10.3,7.8-14.7
+		c10.1-11.2,29.3-6.7,35,7.5c20.4,51.3,41.2,102.5,61.9,153.7c1,2.5,2,4.9,3.1,7.3c4.1,9.4,1.5,15.9-8,20c-2,0.5-3.9,0.5-5.9,0
+		c-7.8-0.6-8.7-7.3-10.9-12.5c-4.3-10.1-8.2-20.4-12.2-30.6c-1-0.8-2.2-0.5-3.4-0.5c-29.4,0-58.9,0-88.3,0
+		C1151.8,822.5,1150.6,822.3,1149.6,822.9z"/>
+	<path class="st0" d="M1388.9,695c-0.1,2-0.3,4-0.3,6c0,50.2,0,100.5,0,150.7c0,6.8-2.3,11.9-9,14.4c-2,0.6-3.9,0.5-5.9,0.1
+		c-5-0.6-7.9-3.6-9.2-8.3c-0.7-1.8-0.3-3.6-0.3-5.4c0-50.7,0-101.4,0-152.1c0-1.8,0.5-3.7-0.5-5.4l0,0c-1.7-1-3.6-0.5-5.3-0.5
+		c-16.2-0.2-32.4,0.4-48.6-0.3c-5.9-1.4-8.4-5.5-7.9-12.8c0.4-4.8,3.9-8.2,9.4-8.3c9.2-0.2,18.3-0.1,27.5-0.1c33.3,0,66.6,0,99.9,0
+		c5.9,0,10.3,2.1,12.2,8.1c0.4,2,0.5,3.9-0.1,5.9c-1.5,3.3-3.9,5.7-7.2,7.2c-15,0.8-29.9,0.1-44.9,0.4
+		C1395.5,694.6,1392.2,693.9,1388.9,695z"/>
+	<path class="st7" d="M1510.8,866.1c-5-1.2-8.8-5.6-8.8-10.4c0-57.3,0.1-114.7-0.1-172c-0.1-11.6,11.1-15,18.7-10.8
+		c5.4,3,5.9,8.1,5.9,13.3c0.1,14.2,0,28.3,0,42.5c0,40.8,0,81.7,0,122.5c0,8.2-2.5,11.9-9.8,14.9
+		C1514.7,866.6,1512.7,866.7,1510.8,866.1z"/>
+	<path class="st8" d="M799.5,680.1c0,47,0,93.9,0,141.5c-2.6-1.3-3.5-3.6-4.8-5.3c-16.7-22.6-33.4-45.3-50-68
+		c-0.5-0.7-0.8-1.4-1.2-2.2c1.9,0.5,2.9,2.1,4.2,3.4c15.4,15.4,30.8,30.8,46.2,46.2c1.3,1.3,2.2,2.9,3.3,4.3c0.5-0.2,1-0.5,1.5-0.7
+		c0-1.7,0-3.4,0-5.1c0-36.1,0-72.2,0-108.3C798.8,683.9,798.1,681.8,799.5,680.1z"/>
+	<path class="st8" d="M1705.8,104.2c12.2,0,24.3,0.1,36.5-0.1c3.4-0.1,4.5,0.9,4.5,4.4c-0.2,53.8-0.2,107.6-0.2,161.4
+		c0,37.8-0.1,75.6-0.2,113.5c0,2,0.4,4-0.6,5.9c0-48.5-0.1-97-0.1-145.5c0-44.3-0.1-88.7,0.1-133c0-4.5-1-6.1-5.8-5.9
+		c-9.8,0.4-19.7,0.1-29.5,0.1C1709,105,1707.2,105.5,1705.8,104.2z"/>
+	<path class="st8" d="M1323.8,422c-1.1-1.1-0.7-2.5-0.7-3.8c-0.1-82.7-0.2-165.4-0.3-248.2c0-0.7,0.1-1.3,0.1-2
+		c1.5,1.8,0.8,3.8,0.8,5.8C1323.8,256.5,1323.8,339.3,1323.8,422z"/>
+	<path class="st8" d="M1363.7,695c1.4,1.8,0.7,3.8,0.7,5.8c0.1,52.4,0.1,104.8,0.1,157.2c-1.5-1.7-0.8-3.8-0.8-5.7
+		C1363.7,799.8,1363.7,747.4,1363.7,695z"/>
+	<path class="st8" d="M905.6,688.1c0,54,0,107.9,0,161.9c-1.4-1.6-0.8-3.5-0.8-5.3c0-50.5,0-100.9,0-151.4
+		C904.8,691.6,904.2,689.6,905.6,688.1z"/>
+	<path class="st8" d="M1865.9,857.9c0-46.5,0-93,0.1-139.5c0-1.6-1.1-3.6,0.8-5c0.1,0,0.3,0.1,0.4,0.2c0.1,0.1,0.2,0.3,0.3,0.4
+		c-1.4,1.8-0.8,3.8-0.8,5.8c0,44.1,0,88.2-0.1,132.3C1866.7,854.1,1867.4,856.2,1865.9,857.9z"/>
+	<path class="st8" d="M1976.6,680.1c0,45.9,0,91.8-0.1,137.7c0,0.5,1.9,4-1.8,2.3c1.8-1.6,1-3.7,1-5.6c0-42.9,0-85.7,0.1-128.6
+		C1975.8,683.9,1975.1,681.8,1976.6,680.1z"/>
+	<path class="st8" d="M1792.8,409.9c-1.4-1.2-0.8-2.8-0.8-4.2c0-31.9,0-63.8,0.1-95.6c0-1.5-0.3-3,0.6-4.4
+		C1792.7,340.5,1792.7,375.2,1792.8,409.9z"/>
+	<path class="st8" d="M1149.6,822.9c1.2-1.3,2.8-0.9,4.2-0.9c28.9,0,57.9,0,86.8,0c1.4,0,3-0.7,4.1,0.9
+		C1213,823,1181.3,823,1149.6,822.9z"/>
+	<path class="st8" d="M1927.8,378.8c1.3,4.7,0.5,9.6,0.6,14.4c0.2,16.1,0.2,32.3,0.1,48.4c0,1.5,1.3,3.9-1.7,4.3
+		c1.3-1.9,1-4.2,1-6.3C1927.8,419.3,1927.8,399,1927.8,378.8z"/>
+	<path class="st8" d="M1275.8,124.1c1.2,0.6,0.9,1.7,0.9,2.6c0,21.1,0,42.2-0.1,63.3c-1.4-1.6-0.8-3.5-0.8-5.2
+		C1275.7,164.5,1275.7,144.3,1275.8,124.1z"/>
+	<path class="st8" d="M1388.9,695c1.5-1.6,3.4-0.8,5.1-0.8c16.5-0.1,33.1-0.1,49.6-0.1c-1.5,1.5-3.5,0.8-5.2,0.8
+		C1422,695,1405.5,695,1388.9,695z"/>
+	<path class="st8" d="M1309.8,694.2c16.6,0,33.2,0,49.7,0c1.4,0,3-0.6,4.2,0.8c-16.2,0-32.5,0-48.7,0
+		C1313.3,695,1311.4,695.6,1309.8,694.2z"/>
+	<path class="st8" d="M1925.8,65.9c0.9,0.7,0.8,1.8,0.8,2.7c0,14.8,0,29.5,0,44.3c-1.2-1.2-0.8-2.8-0.8-4.2
+		C1925.8,94.4,1925.8,80.2,1925.8,65.9z"/>
+	<path class="st8" d="M1606.6,144c0,13.9,0,27.9,0.1,41.8c0,0.2-0.1,0.4-0.2,0.4c-0.2,0.1-0.5,0.1-0.8,0.1c0-12.4,0-24.7,0.1-37.1
+		C1605.8,147.5,1605.2,145.6,1606.6,144z"/>
+	<path class="st8" d="M1793,105c0.9-1.5,2.4-0.8,3.6-0.8c12,0,24.1,0,36.1,0c-1.6,1.4-3.5,0.8-5.3,0.8C1816,105,1804.5,105,1793,105
+		z"/>
+	<path class="st8" d="M1276.5,423c-6.7,1.6-13.5,0.6-20.3,0.8c-5.8,0.2-11.6,0-17.4,0c2.3-1.6,4.8-0.7,7.3-0.8
+		C1256.2,422.9,1266.4,423,1276.5,423z"/>
+	<path class="st8" d="M1479.7,356.3c-1.2-11.8-1.1-23.7,0-35.5C1479.7,332.6,1479.7,344.4,1479.7,356.3z"/>
+	<path class="st8" d="M1433.6,286c-0.1,11.4,0.6,22.8-0.8,34.2c0-10.1-0.1-20.3-0.1-30.4C1432.8,288.5,1432.5,287.1,1433.6,286z"/>
+	<path class="st8" d="M1266.5,469.9c11-1.3,22.1-0.7,33.2-0.7c-3.8,1.8-7.8,0.7-11.7,0.8C1280.8,470.1,1273.7,470,1266.5,469.9z"/>
+	<path class="st8" d="M1332.5,468.9c11-1.3,22.1-0.7,33.2-0.7c-3.8,1.7-7.8,0.7-11.7,0.8C1346.8,469.1,1339.7,469,1332.5,468.9z"/>
+	<path class="st8" d="M1758.8,456.2c10.7,0,21.5-0.6,32.2,0.7c-9.5,0-18.9,0.1-28.4,0.1C1761.3,457,1759.9,457.3,1758.8,456.2z"/>
+	<path class="st8" d="M1926.8,192.8c0.8,10.4,1.4,20.7-0.1,31.1C1926.8,213.5,1926.8,203.1,1926.8,192.8z"/>
+	<path class="st8" d="M1823.7,410.8c-10.3-0.2-20.6,0.9-30.9-0.9c8.7,0,17.5,0,26.2,0C1820.6,410,1822.3,409.5,1823.7,410.8z"/>
+	<path class="st8" d="M1535.8,485.2c10,0,19.9,0,29.9,0c-4.8,1.8-9.8,0.7-14.7,0.7C1545.9,485.9,1540.8,486.9,1535.8,485.2z"/>
+	<path class="st8" d="M1970,18.1c-9.7,1.3-19.5,0.7-29.2,0.7c5.2-1.9,10.5-0.5,15.8-0.8C1961,17.8,1965.5,18.1,1970,18.1z"/>
+	<path class="st8" d="M1745.6,409c-4.1,1.7-8.4,0.5-12.5,0.7c-4.4,0.2-8.9,0.1-13.3,0.2c5.1-2,10.3-0.5,15.5-0.8
+		C1738.7,408.8,1742.2,409,1745.6,409z"/>
+	<path class="st8" d="M1912,19.1c-8.4,1.3-16.8,0.7-25.2,0.7C1895.2,18.1,1903.6,19.4,1912,19.1z"/>
+	<path class="st8" d="M1432.8,356.8c1.4,7.7,0.7,15.4,0.8,23.2C1431.8,372.3,1433.1,364.5,1432.8,356.8z"/>
+	<path class="st8" d="M1292,77.1c-7.4,1.3-14.8,0.7-22.2,0.8C1277.1,76,1284.6,77.4,1292,77.1z"/>
+	<path class="st8" d="M1248,78.1c-7,1.3-14.1,0.7-21.2,0.7C1233.8,77,1241,78.4,1248,78.1z"/>
+	<path class="st8" d="M1205,79.1c-7,1.3-14.1,0.7-21.2,0.7C1190.8,78,1198,79.4,1205,79.1z"/>
+	<path class="st8" d="M1923.5,271.9c2.6-1.4,4.3-1.5,4.2,2.3c-0.2,4.9-0.1,9.8-0.1,14.7c-1.8-4.3-0.5-8.8-0.8-13.3
+		C1926.7,273.3,1926.2,271.8,1923.5,271.9z"/>
+	<path class="st8" d="M1332,76.1c-6.3,1.4-12.8,0.7-19.2,0.7C1319.1,75.1,1325.6,76.4,1332,76.1z"/>
+	<path class="st8" d="M1327.5,122.9c5.7-1.3,11.4-0.7,17.2-0.7C1339,123.9,1333.3,122.6,1327.5,122.9z"/>
+	<path class="st8" d="M1247.5,124.9c5.3-1.3,10.8-0.7,16.2-0.7C1258.4,125.9,1252.9,124.7,1247.5,124.9z"/>
+	<path class="st8" d="M1671.9,367.9c0-5.3,0-10.6,0-15.9C1673.2,357.4,1673.2,362.6,1671.9,367.9z"/>
+	<path class="st8" d="M1215.4,125.9c5-1.3,10.2-0.7,15.3-0.7C1225.7,126.9,1220.5,125.6,1215.4,125.9z"/>
+	<path class="st8" d="M1338,422.1c-4.7,0.8-9.5,1.3-14.2-0.1C1328.5,422,1333.3,422,1338,422.1z"/>
+	<path class="st8" d="M1911.5,65.9c4.8-0.8,9.6-1.4,14.3,0C1921,65.9,1916.3,65.9,1911.5,65.9z"/>
+	<path class="st8" d="M1528.7,156.8c-4.6,0-9.3,0-13.9,0C1519.4,155.5,1524.1,155.5,1528.7,156.8z"/>
+	<path class="st8" d="M1395.8,137.8c1.2,4.3,0.6,8.8,0.7,13.2C1394.8,146.6,1396.1,142.2,1395.8,137.8z"/>
+	<path class="st8" d="M1361.5,121.9c4.3-1.3,8.8-0.7,13.2-0.7C1370.4,122.9,1365.9,121.6,1361.5,121.9z"/>
+	<path class="st8" d="M1361,75.1c-4.3,1.3-8.8,0.7-13.2,0.7C1352.1,74.1,1356.6,75.4,1361,75.1z"/>
+	<path class="st8" d="M813.7,382.3c-1.3-4-0.7-8.1-0.7-12.2C814.6,374,813.4,378.2,813.7,382.3z"/>
+	<path class="st8" d="M880.7,313.8c-4,0-7.9,0-11.9,0C872.8,312.5,876.7,312.5,880.7,313.8z"/>
+	<path class="st8" d="M1690.7,669.8c-3.6,0-7.3,0-10.9,0C1683.4,668.5,1687.1,668.5,1690.7,669.8z"/>
+	<path class="st8" d="M1384,74.1c-3.7,1.3-7.4,0.8-11.2,0.7C1376.4,73.1,1380.2,74.4,1384,74.1z"/>
+	<path class="st8" d="M1822.8,457.2c3.6,0,7.3,0,10.9,0C1830.1,458.5,1826.4,458.5,1822.8,457.2z"/>
+	<path class="st8" d="M1589.8,769.7c1.3,3.3,0.7,6.8,0.8,10.2C1588.9,776.7,1590,773.1,1589.8,769.7z"/>
+	<path class="st8" d="M1441.9,112.9c0-3.4-0.6-6.9,0.7-10.2C1442.5,106.2,1443.6,109.7,1441.9,112.9z"/>
+	<path class="st8" d="M2009.7,17.8c-3.3,0-6.6,0-9.9,0C2003.1,16.5,2006.4,16.5,2009.7,17.8z"/>
+	<path class="st8" d="M1853.9,439c0-3.3,0-6.6,0-9.9C1855.3,432.3,1855.3,435.7,1853.9,439z"/>
+	<path class="st8" d="M1069.7,768.2c-1.3-3.3-0.7-6.8-0.8-10.2C1070.6,761.3,1069.4,764.8,1069.7,768.2z"/>
+	<path class="st8" d="M1590.6,758.1c-0.1,3.4,0.6,6.9-0.7,10.2C1590,764.8,1588.9,761.3,1590.6,758.1z"/>
+	<path class="st8" d="M900.8,361.2c3.1,0,6.2-0.5,9.2,0.7C906.9,361.7,903.8,362.8,900.8,361.2z"/>
+	<path class="st8" d="M919.8,362.2c3.1,0,6.2-0.5,9.2,0.7C925.9,362.7,922.7,363.8,919.8,362.2z"/>
+	<path class="st8" d="M937.8,363.2c3.1,0,6.2-0.5,9.2,0.7C943.9,363.7,940.8,364.8,937.8,363.2z"/>
+	<path class="st8" d="M1385.5,120.9c3.1-0.8,6.1-1.7,9.1,0.1C1391.6,121,1388.5,120.9,1385.5,120.9z"/>
+	<path class="st8" d="M1402,73.1c-3,1.3-6.1,0.8-9.2,0.7C1395.8,72.2,1398.9,73.3,1402,73.1z"/>
+	<path class="st8" d="M1625.6,371c0,3,0.7,6.2-0.8,9.1C1625.1,377.1,1623.9,373.9,1625.6,371z"/>
+	<path class="st8" d="M882.8,360.2c3.1,0,6.2-0.5,9.2,0.7C888.9,360.7,885.8,361.8,882.8,360.2z"/>
+	<path class="st8" d="M765.8,359.8c1.2,3,0.8,6.1,0.8,9.2C764.9,366,766.1,362.8,765.8,359.8z"/>
+	<path class="st8" d="M1196.9,308.9c0-3,0-5.9,0-8.9C1198.2,303,1198.2,306,1196.9,308.9z"/>
+	<path class="st8" d="M1180.8,224.2c3,0,5.9,0,8.9,0.1C1186.7,225.4,1183.8,225.5,1180.8,224.2z"/>
+	<path class="st8" d="M850.5,332.1c0,3,0,5.9,0,8.9C849.3,338,849.3,335,850.5,332.1z"/>
+	<path class="st8" d="M1068.9,779.9c0.1-3.1-0.5-6.2,0.8-9.2C1069.4,773.8,1070.6,777,1068.9,779.9z"/>
+	<path class="st8" d="M973.6,864.9c3-1.3,6.1-0.7,9.1-0.7C979.8,865.8,976.6,864.7,973.6,864.9z"/>
+	<path class="st8" d="M1391.9,448.9c0-2.6,0-5.3,0-7.9C1393.3,443.7,1393.2,446.3,1391.9,448.9z"/>
+	<path class="st8" d="M1206.6,443.1c0,2.6,0,5.3,0,7.9C1205.3,448.3,1205.3,445.7,1206.6,443.1z"/>
+	<path class="st8" d="M766.8,381.7c1.2,2.7,0.7,5.5,0.7,8.2C765.9,387.3,767.1,384.5,766.8,381.7z"/>
+	<path class="st8" d="M850,464.1c-2.8,1.4-5.6,1.2-8.4,0C844.4,464.1,847.2,464.1,850,464.1z"/>
+	<path class="st8" d="M1442.7,146.2c-1.3-2.6-0.8-5.4-0.8-8.1C1443.6,140.6,1442.4,143.5,1442.7,146.2z"/>
+	<path class="st8" d="M1651.7,324.8c-2.3,0-4.6,0-6.9,0C1647.1,323.5,1649.4,323.6,1651.7,324.8z"/>
+	<path class="st8" d="M895.7,314.8c-2.4,0-4.9,0.4-7.2-0.7C890.9,314.3,893.4,313.2,895.7,314.8z"/>
+	<path class="st8" d="M1417,72.1c-2.3,1.2-4.8,0.8-7.2,0.7C1412.1,71.2,1414.6,72.3,1417,72.1z"/>
+	<path class="st8" d="M1415.8,175.2c2.3,0,4.6,0,6.9,0C1420.4,176.4,1418.1,176.4,1415.8,175.2z"/>
+	<path class="st8" d="M812.7,360.3c-1.2-2.3-0.7-4.8-0.7-7.2C813.5,355.3,812.5,357.9,812.7,360.3z"/>
+	<path class="st8" d="M973.9,343.9c0-2.3,0-4.6,0-6.9C975.2,339.4,975.2,341.7,973.9,343.9z"/>
+	<path class="st8" d="M1625.6,344c0,2.3,0,4.6,0,6.9C1624.3,348.6,1624.3,346.3,1625.6,344z"/>
+	<path class="st8" d="M1578,438.1c-2.3,1.3-4.8,0.8-7.2,0.7C1573.1,437.2,1575.6,438.3,1578,438.1z"/>
+	<path class="st8" d="M1982.8,866.1c2.3,0,4.6,0,6.9,0C1987.4,867.5,1985.1,867.5,1982.8,866.1z"/>
+	<path class="st8" d="M1479.9,281c-0.1-2.1-0.4-4.2,0.7-6.2C1480.5,276.8,1481.4,279,1479.9,281z"/>
+	<path class="st8" d="M1632.7,123.8c-2,0-3.9,0-5.9,0C1628.8,122.6,1630.7,122.5,1632.7,123.8z"/>
+	<path class="st8" d="M954.7,317.8c-2,0-5,0.9-3.1-3.1C951.5,316.9,953.7,316.8,954.7,317.8z"/>
+	<path class="st8" d="M1994.5,483.9c2-1.1,4.1-0.8,6.2-0.7C1998.8,484.7,1996.6,483.8,1994.5,483.9z"/>
+	<path class="st8" d="M764.8,347.7c1.2,2,0.8,4.1,0.7,6.2C764,352,765,349.8,764.8,347.7z"/>
+	<path class="st8" d="M718.9,417.9c0-2,0-3.9,0-5.9C720.2,414,720.2,416,718.9,417.9z"/>
+	<path class="st8" d="M1227.8,470.2c2,0,3.9,0,5.9,0C1231.7,471.4,1229.8,471.4,1227.8,470.2z"/>
+	<path class="st8" d="M1780.7,763.3c-1.2-2-0.7-4.1-0.7-6.2C1781.4,759,1780.5,761.2,1780.7,763.3z"/>
+	<path class="st8" d="M1450.9,687c0-2,0-3.9,0.1-5.9C1452.2,683,1452.2,685,1450.9,687z"/>
+	<path class="st8" d="M1982.5,484.9c2-1.1,4.1-0.8,6.2-0.8C1986.8,485.7,1984.6,484.8,1982.5,484.9z"/>
+	<path class="st8" d="M1779.9,780.9c0-2.1-0.5-4.2,0.7-6.2C1780.5,776.8,1781.5,779,1779.9,780.9z"/>
+	<path class="st8" d="M767.8,395.8c1.1,1.9,0.8,4.1,0.8,6.2C767,400.1,768,397.9,767.8,395.8z"/>
+	<path class="st8" d="M1510.8,866.1c2,0,3.9,0.1,5.9,0.1C1514.7,867.4,1512.7,867.5,1510.8,866.1z"/>
+	<path class="st8" d="M1120.8,866.2c2,0,3.9,0,5.9,0C1124.7,867.5,1122.8,867.5,1120.8,866.2z"/>
+	<path class="st8" d="M1267.8,866.1c2,0,3.9,0,5.9,0C1271.7,867.5,1269.8,867.5,1267.8,866.1z"/>
+	<path class="st8" d="M1373.8,866.2c2,0,3.9-0.1,5.9-0.1C1377.8,867.5,1375.8,867.4,1373.8,866.2z"/>
+	<path class="st8" d="M1850.8,866.1c2,0,3.9,0,5.9,0.1C1854.7,867.4,1852.7,867.5,1850.8,866.1z"/>
+	<path class="st8" d="M868.8,359.2c1.8,0,3.5-0.2,5.2,0.7C872.2,359.8,870.4,360.6,868.8,359.2z"/>
+	<path class="st8" d="M1394.6,125.1c0,1.6,0,3.3,0,4.9C1393.3,128.3,1393.4,126.7,1394.6,125.1z"/>
+	<path class="st8" d="M763.8,337.7c1.1,1.6,0.9,3.4,0.8,5.2C763.1,341.4,763.9,339.5,763.8,337.7z"/>
+	<path class="st8" d="M811.7,346.3c-1-1.6-0.8-3.5-0.7-5.2C812.3,342.6,811.6,344.5,811.7,346.3z"/>
+	<path class="st8" d="M1972.5,485.9c1.6-1,3.4-0.8,5.2-0.7C1976.1,486.6,1974.3,485.8,1972.5,485.9z"/>
+	<path class="st8" d="M1673.9,670.1c-1.6,1.1-3.4,0.9-5.1,0.8C1670.3,669.4,1672.2,670.2,1673.9,670.1z"/>
+	<path class="st8" d="M814.7,395.3c-1.1-1.6-0.8-3.4-0.7-5.2C815.3,391.6,814.6,393.5,814.7,395.3z"/>
+	<path class="st8" d="M2007.5,482.9c1.6-1,3.4-0.8,5.2-0.8C2011.2,483.6,2009.3,482.8,2007.5,482.9z"/>
+	<path class="st8" d="M810.7,336.3c-1.1-1.6-0.8-3.4-0.8-5.2C811.4,332.6,810.6,334.5,810.7,336.3z"/>
+	<path class="st8" d="M1434.6,268.1c0.1,1.8,0.3,3.6-0.7,5.3C1433.9,271.5,1433.1,269.6,1434.6,268.1z"/>
+	<path class="st8" d="M1536.7,438.8c-1.7,0.1-3.5,0.3-5.1-0.8C1533.3,438.2,1535.2,437.4,1536.7,438.8z"/>
+	<path class="st8" d="M1578.5,484.9c1.6-1,3.4-0.8,5.1-0.7C1582.1,485.6,1580.3,484.8,1578.5,484.9z"/>
+	<path class="st6" d="M173.5,93.3c0-12.8-0.1-25.6,0-38.4c0.1-11.6,8-20.7,19.3-22.6c10-1.7,20.8,4.6,24.8,14.6
+		c1.2,2.9,1.6,5.9,1.5,8.8c-1.3,34.8-2.8,69.6-4.1,104.3c-0.5,12.7-1,25.3-1.4,38c-0.4,13.2-9.5,22.9-21.9,23.2
+		c-13.4,0.3-22.9-8.6-24-22.2c-1-12.6-2.8-25.1-7-37.2c-5.1-14.4-12.7-27.1-23.9-37.5c-6.7-6.2-12.5-13.5-20.8-17.9
+		c-4.2-2.2-8.4-4.1-13.1-4.4c-14.3-0.9-21.8,4.5-26.1,18.6c-3.7,12.2-5.1,24.7-6.8,37.3c-1.9,13.4-3,26.8-2.3,40.3
+		c0.3,5.4,1.2,10.6,2.5,15.7c4.9,18.4,18.3,25.5,36,28.1c30.7,4.5,61,10.8,88.6,26c24.3,13.4,42,32.2,47.9,60.1
+		c7,33.1-2,62.2-24.6,86.8c-25.9,28.2-58.4,41.5-96.6,38.8c-25.5-1.8-48.9-10.9-70.8-23.9c-1.3-0.8-2.5-1.5-4.6-2.7
+		c0,6.9-0.1,13.1,0,19.3c0.2,7.7,0.6,15.3,0.8,23c0.3,13.9-8.6,24.2-21.3,24.7c-13.6,0.5-24-8.8-24.6-22.7
+		c-1.3-28.8-1.4-57.6,0.5-86.4c0.8-12.5,0.9-25,1.3-37.5c0.3-9.3,1-18.7,0.6-28c-0.5-12,8.8-24.4,23.9-23.9
+		c13.8,0.4,22.4,12.2,22.2,26.7c-0.2,21.6,3.6,42.4,20.4,58c14.5,13.5,30.3,24.8,51,27.4c36.7,4.6,71.6-20.5,77.4-50.4
+		c3.5-18.2-4.5-35.6-22.1-46.5c-16.3-10.1-34.5-14.8-52.9-18.7c-11.6-2.4-23.3-3.9-34.8-6.5c-35.5-7.9-56-30.7-63.6-65.8
+		c-4.8-22.2-3.2-44.4-0.5-66.6c2-16.4,4.2-32.7,9.7-48.3c8.6-24.8,23.9-42.6,50.9-47.6c23.1-4.3,43.9,1.4,62.8,15
+		c8.8,6.3,16.8,13.5,24.2,21.4C172.4,93.6,173,93.5,173.5,93.3z"/>
+	<path class="st6" d="M285.6,342.2c0-17-0.7-34,0.1-51c1.3-28.1,5.9-55.7,19.3-80.9c11.8-22.1,29.5-36.7,54.7-40.9
+		c18.7-3.1,36.8,0.4,54.5,6.4c14.4,4.9,28.1,11.2,40.4,20.4c1,0.7,2,2.3,3.4,1.4c1.2-0.8,0.5-2.5,0.6-3.7c0-11.5,0-23,0-34.5
+		c0.1-13.8,9.8-24,22.8-24c12.6,0,23,10.1,23.1,23.4c0.2,32.8,0.2,65.7,0,98.5c-0.1,11.2-6.8,19.8-17,22.6
+		c-10.2,2.8-19.4-0.9-25.8-10.3c-11.3-16.5-24.6-31.2-42.1-41.2c-13.1-7.5-27.3-12.4-42.4-13.9c-12.5-1.3-22.5,3.1-29.3,14.1
+		c-8.3,13.3-12,28.2-13.9,43.4c-4.6,37.6-3.2,75.5-2.5,113.3c0.2,8.7,0.9,17.3,3.8,25.5c8.9,24.9,29.1,39.5,56.3,40.3
+		c12.7,0.4,25.3,0.4,38-0.9c9.9-1,18.5-5.8,25.7-12.4c11.4-10.4,18-23.5,20.7-38.9c2.6-14.4,1.8-28.9,1.7-43.3
+		c-0.1-9.8,4.2-17.1,13-21.2c8.8-4.1,17.2-2.8,24.8,3.3c4.3,3.5,7,8.1,7.5,13.7c2.3,25.8,1.7,51.4-7.2,75.9
+		c-13.6,37.2-39.5,62-79.1,68c-26.5,4-53.9,4.9-80.1-4.2c-38-13.2-59.5-41.2-68.4-79.4c-4.4-19.1-2.6-38.8-3.1-58.2
+		c-0.1-3.7,0-7.3,0-11C285,342.2,285.3,342.2,285.6,342.2z"/>
+	<path class="st0" d="M7.7,771.5c0-26.3,0-52.6,0-79c0-12.8,6.6-19.5,19.3-19.5c32.2,0,64.3,0,96.5,0c8.1,0,12.5,5,11.4,12.8
+		c-0.7,5.2-4.8,8.3-11.2,8.3c-24.3,0-48.6,0-73,0c-5.2,0-10.3,0.1-15.5,0c-2.6-0.1-3.5,0.9-3.5,3.5c0.1,18.3,0.1,36.6,0,55
+		c0,4.2,2.5,3.5,4.9,3.5c28.3,0,56.6,0,85,0c7,0,11.1,3.6,11.4,9.9c0.3,7-3.6,11.2-10.9,11.2c-26.5,0.1-53,0-79.5,0
+		c-10.8,0-10.8,0-10.8,11c0,21,0,42,0,63c0,10.2-4.1,15.1-12.4,15c-7.9-0.1-11.6-5-11.6-15.2C7.7,824.5,7.7,798,7.7,771.5z"/>
+	<path class="st9" d="M1755.7,768.8c-0.4,19.4-4.9,37.6-17.2,53.1c-11.9,14.8-27.3,22.8-46.3,24.4c-22.4,1.9-41.8-4.3-57.4-20.9
+		c-10.8-11.6-16.5-25.7-18.7-41.2c-3-20.2-0.7-39.8,9-58.2c13.5-25.6,41.3-37.3,68.3-34.5c34.8,3.7,57.9,31.3,61.5,65.8
+		C1755.3,761.2,1755.8,764.9,1755.7,768.8z"/>
+	<path class="st9" d="M344.7,769c-0.4,19.3-4.8,37.2-17,52.6c-11.8,14.9-27.2,23-46.1,24.7c-22.6,2-42.2-4.2-57.8-21
+		c-10.8-11.6-16.4-25.8-18.7-41.2c-2.9-20.6-0.6-40.5,9.6-59c14-25.4,41.1-36.1,66.9-33.6c37,3.6,58.9,32.6,62.3,66
+		C344.3,761.3,344.8,765.1,344.7,769z"/>
+	<path class="st9" d="M658.5,162.5c0-15.6,0.1-31.3-0.1-46.9c0-3.9,0.7-5.5,5.1-5.5c29.7-0.2,59.2,0.5,88.3,7
+		c8.9,2,17.7,4.8,25.2,10.4c5.5,4.1,8.2,9.4,5.8,16.1c-7.9,22.2-19.6,41.1-43.8,48.9c-24.7,7.9-49.2,16.3-74.7,21.3
+		c-4.6,0.9-5.8,0-5.7-4.8c0.3-15.5,0.1-31,0.1-46.4C658.6,162.5,658.6,162.5,658.5,162.5z"/>
+	<path class="st9" d="M994.1,108.4c10.2,25.2,19.9,49,29.6,72.9c6.3,15.4,12.4,30.8,18.8,46.2c1.5,3.6,1.7,5.4-3,6.1
+		c-23,3.6-45.9,7.4-68.9,11.4c-4.6,0.8-4.5-1.1-3.8-4.5c8.5-41.2,16.9-82.4,25.3-123.5C992.7,114.6,993.2,112.2,994.1,108.4z"/>
+	<path class="st9" d="M929.7,769c0-23.3,0.1-46.6-0.1-69.9c0-3.9,0.9-5.2,5-5c15.1,0.6,30.3-0.4,45.4,0.7
+		c31.9,2.5,56.8,24.7,62.7,56.2c3.9,21,2,41.2-9.4,59.7c-12.3,20-30.9,30.5-54,32.1c-15.2,1.1-30.6,0.2-45.9,0.4
+		c-4,0.1-3.7-2.1-3.7-4.7C929.8,815.3,929.7,792.2,929.7,769z"/>
+	<path class="st9" d="M1197.5,698.8c4.5,11.3,8.8,22,13,32.8c8.5,21.5,16.8,43.1,25.4,64.5c1.6,4,1.1,4.9-3.3,4.9
+		c-23.8-0.2-47.6-0.1-71.4-0.1c-2,0-5.1,1.1-3.4-3.3c12.8-32.1,25.5-64.3,38.3-96.4C1196.4,700.5,1196.8,700,1197.5,698.8z"/>
+</g>
+</svg>

+module.exports = {
+    root: true,
+    env: {
+        node: true
+    },
+    extends: ['scratch', 'scratch/es6', 'scratch/node']
+};

+const saveFilters = {
+    JPEG: {
+        name: 'JPEG Image',
+        extensions: ['jpg', 'jpeg']
+    },
+    MP3: {
+        name: 'MP3 Sound',
+        extensions: ['mp3']
+    },
+    PNG: {
+        name: 'PNG Image',
+        extensions: ['png']
+    },
+    SB: {
+        name: 'Scratch 1 Project',
+        extensions: ['sb']
+    },
+    SB2: {
+        name: 'Scratch 2 Project',
+        extensions: ['sb2']
+    },
+    SB3: {
+        name: 'Scratch 3 Project',
+        extensions: ['sb3']
+    },
+    OB: {
+        name: 'OpenBlock Project',
+        extensions: ['ob']
+    },
+    Sprite2: {
+        name: 'Scratch 2 Sprite',
+        extensions: ['sprite2']
+    },
+    Sprite3: {
+        name: 'Scratch 3 Sprite',
+        extensions: ['sprite3']
+    },
+    SVG: {
+        name: 'SVG Image',
+        extensions: ['svg']
+    },
+    WAV: {
+        name: 'WAV Sound',
+        extensions: ['wav']
+    }
+};
+
+const loadFilters = {
+    ...saveFilters,
+    AllBitmaps: {
+        name: 'All Bitmaps',
+        extensions: [
+            ...saveFilters.JPEG.extensions,
+            ...saveFilters.PNG.extensions
+        ]
+    },
+    AllImages: {
+        name: 'All Images',
+        extensions: [
+            ...saveFilters.JPEG.extensions,
+            ...saveFilters.PNG.extensions,
+            ...saveFilters.SVG.extensions
+        ]
+    },
+    AllProjects: {
+        name: 'All OpenBlock Projects',
+        extensions: [
+            ...saveFilters.SB3.extensions,
+            ...saveFilters.SB2.extensions,
+            ...saveFilters.SB.extensions,
+            ...saveFilters.OB.extensions
+        ]
+    },
+    AllSounds: {
+        name: 'All Sounds',
+        extensions: [
+            ...saveFilters.MP3.extensions,
+            ...saveFilters.WAV.extensions
+        ]
+    },
+    AllSprites: {
+        name: 'All Sprites',
+        extensions: [
+            ...saveFilters.Sprite3.extensions,
+            ...saveFilters.Sprite2.extensions
+        ]
+    }
+};
+
+const filtersByExtension = Object.values(saveFilters).reduce((result, filter) => {
+    for (const extension of filter.extensions) {
+        result[extension] = filter;
+    }
+    return result;
+}, {});
+
+const getFilterForExtension = extNameNoDot =>
+    filtersByExtension[extNameNoDot] || {
+        name: `${extNameNoDot.toUpperCase()} Files`,
+        extensions: [extNameNoDot]
+    };
+
+export {
+    saveFilters,
+    loadFilters,
+    getFilterForExtension
+};

+// Include the standard keyboard shortcuts in the edit menu
+// so they can be used within the app. Only needed on Mac.
+export default app => ([
+    {
+        label: 'App', // Always overridden by app name
+        submenu: [{
+            label: 'Quit',
+            accelerator: 'CmdOrCtrl+Q',
+            click: () => app.quit()
+        }]
+    },
+    {
+        label: 'Edit',
+        submenu: [
+            {
+                label: 'Undo',
+                accelerator: 'CmdOrCtrl+Z',
+                role: 'undo'
+            },
+            {
+                label: 'Redo',
+                accelerator: 'Shift+CmdOrCtrl+Z',
+                role: 'redo'
+            },
+            {
+                type: 'separator'
+            },
+            {
+                label: 'Cut',
+                accelerator: 'CmdOrCtrl+X',
+                role: 'cut'
+            },
+            {
+                label: 'Copy',
+                accelerator: 'CmdOrCtrl+C',
+                role: 'copy'
+            },
+            {
+                label: 'Paste',
+                accelerator: 'CmdOrCtrl+V',
+                role: 'paste'
+            },
+            {
+                label: 'Select All',
+                accelerator: 'CmdOrCtrl+A',
+                role: 'selectall'
+            }
+        ]
+    }
+]);

+import {app} from 'electron';
+import path from 'path';
+import os from 'os';
+import {execFile, spawn} from 'child_process';
+import fs from 'fs-extra';
+
+import sudo from 'sudo-prompt';
+import {productName} from '../../package.json';
+
+import OpenBlockLink from 'openblock-link';
+import OpenblockResourceServer from 'openblock-resource';
+
+class OpenblockDesktopLink {
+    constructor () {
+        this._resourceServer = null;
+
+        this.appPath = app.getAppPath();
+        if (this.appPath.search(/app/g) !== -1) {
+            // Normal app
+            this.appPath = path.join(this.appPath, '../../');
+        } else if (this.appPath.search(/main/g) !== -1) { // eslint-disable-line no-negated-condition
+            // Start by start script in debug mode.
+            this.appPath = path.join(this.appPath, '../../');
+        } else {
+            // App in dir mode
+            this.appPath = path.join(this.appPath, '../');
+        }
+
+        const userDataPath = app.getPath(
+            'userData'
+        );
+        this.dataPath = path.join(userDataPath, 'Data');
+
+        this._link = new OpenBlockLink(this.dataPath, path.join(this.appPath, 'tools'));
+        this._resourceServer = new OpenblockResourceServer(this.dataPath,
+            path.join(this.appPath, 'external-resources'),
+            app.getLocaleCountryCode());
+    }
+
+    get resourceServer () {
+        return this._resourceServer;
+    }
+
+    installDriver (callback = null) {
+        const driverPath = path.join(this.appPath, 'drivers');
+        if ((os.platform() === 'win32') && (os.arch() === 'x64')) {
+            execFile('install_x64.bat', [], {cwd: driverPath});
+        } else if ((os.platform() === 'win32') && (os.arch() === 'ia32')) {
+            execFile('install_x86.bat', [], {cwd: driverPath});
+        } else if ((os.platform() === 'darwin')) {
+            spawn('sh', ['install.sh'], {shell: true, cwd: driverPath});
+        } else if ((os.platform() === 'linux')) {
+            sudo.exec(`sh ${path.join(driverPath, 'linux_setup.sh')} yang`, {name: productName},
+                error => {
+                    if (error) throw error;
+                    if (callback) {
+                        callback();
+                    }
+                }
+            );
+        }
+    }
+
+    clearCache (reboot = true) {
+        if (fs.existsSync(this.dataPath)) {
+            fs.rmSync(this.dataPath, {recursive: true, force: true});
+        }
+        if (reboot){
+            app.relaunch();
+            app.exit();
+        }
+    }
+
+    start () {
+        this._link.listen();
+
+        // start resource server
+        this._resourceServer.listen();
+    }
+}
+
+export default OpenblockDesktopLink;

+import {app, ipcMain} from 'electron';
+import defaultsDeep from 'lodash.defaultsdeep';
+import {version} from '../../package.json';
+
+import TelemetryClient from './telemetry/TelemetryClient';
+
+const EVENT_TEMPLATE = {
+    version,
+    projectName: '',
+    language: '',
+    metadata: {
+        scriptCount: -1,
+        spriteCount: -1,
+        variablesCount: -1,
+        blocksCount: -1,
+        costumesCount: -1,
+        listsCount: -1,
+        soundsCount: -1
+    }
+};
+
+const APP_ID = 'openblock-desktop';
+const APP_VERSION = app.getVersion();
+const APP_INFO = Object.freeze({
+    projectName: `${APP_ID} ${APP_VERSION}`
+});
+
+class ScratchDesktopTelemetry {
+    constructor () {
+        this._telemetryClient = new TelemetryClient();
+    }
+
+    get didOptIn () {
+        return this._telemetryClient.didOptIn;
+    }
+    set didOptIn (value) {
+        this._telemetryClient.didOptIn = value;
+    }
+
+    appWasOpened () {
+        this._telemetryClient.addEvent('app::open', {...EVENT_TEMPLATE, ...APP_INFO});
+    }
+
+    appWillClose () {
+        this._telemetryClient.addEvent('app::close', {...EVENT_TEMPLATE, ...APP_INFO});
+    }
+
+    projectDidLoad (metadata = {}) {
+        this._telemetryClient.addEvent('project::load', this._buildMetadata(metadata));
+    }
+
+    projectDidSave (metadata = {}) {
+        // Since the save dialog appears on the main process the GUI does not wait for the actual save to complete.
+        // That means the GUI sends this event before we know the file name used for the save, which is where the new
+        // project title comes from. Instead, just hold on to this metadata pending a `projectSaveCompleted` event
+        // from the save code on the main process. If the user cancels the save this data will be cleared.
+        this._pendingProjectSave = metadata;
+    }
+
+    projectSaveCompleted (newProjectTitle) {
+        const metadata = this._pendingProjectSave;
+        this._pendingProjectSave = null;
+
+        metadata.projectName = newProjectTitle;
+        this._telemetryClient.addEvent('project::save', this._buildMetadata(metadata));
+    }
+
+    projectSaveCanceled () {
+        this._pendingProjectSave = null;
+    }
+
+    projectWasCreated (metadata = {}) {
+        this._telemetryClient.addEvent('project::create', this._buildMetadata(metadata));
+    }
+
+    projectWasUploaded (metadata = {}) {
+        this._telemetryClient.addEvent('project::upload', this._buildMetadata(metadata));
+    }
+
+    _buildMetadata (metadata) {
+        const {projectName, language, ...codeMetadata} = metadata;
+        return defaultsDeep({
+            projectName,
+            language,
+            metadata: codeMetadata
+        }, EVENT_TEMPLATE);
+    }
+}
+
+// make a singleton so it's easy to share across both Electron processes
+const scratchDesktopTelemetrySingleton = new ScratchDesktopTelemetry();
+
+// `handle` works with `invoke`
+ipcMain.handle('getTelemetryDidOptIn', () =>
+    scratchDesktopTelemetrySingleton.didOptIn
+);
+// `on` works with `sendSync` (and `send`)
+ipcMain.on('getTelemetryDidOptIn', event => {
+    event.returnValue = scratchDesktopTelemetrySingleton.didOptIn;
+});
+ipcMain.on('setTelemetryDidOptIn', (event, arg) => {
+    scratchDesktopTelemetrySingleton.didOptIn = arg;
+});
+ipcMain.on('projectDidLoad', (event, arg) => {
+    scratchDesktopTelemetrySingleton.projectDidLoad(arg);
+});
+ipcMain.on('projectDidSave', (event, arg) => {
+    scratchDesktopTelemetrySingleton.projectDidSave(arg);
+});
+ipcMain.on('projectWasCreated', (event, arg) => {
+    scratchDesktopTelemetrySingleton.projectWasCreated(arg);
+});
+ipcMain.on('projectWasUploaded', (event, arg) => {
+    scratchDesktopTelemetrySingleton.projectWasUploaded(arg);
+});
+
+export default scratchDesktopTelemetrySingleton;

+import {app} from 'electron';
+import {autoUpdater, CancellationToken} from 'electron-updater';
+import log from 'electron-log';
+import bytes from 'bytes';
+import path from 'path';
+import fetch from 'electron-fetch';
+
+import formatMessage from 'format-message';
+import parseReleaseMessage from 'openblock-parse-release-message';
+import {UPDATE_TARGET, UPDATE_MODAL_STATE} from 'openblock-gui/src/lib/update-state.js';
+import {AbortController} from 'node-abort-controller';
+class OpenblockDesktopUpdater {
+    constructor (webContents, resourceServer) {
+        this._webContents = webContents;
+        this._resourceServer = resourceServer;
+
+        autoUpdater.autoDownload = false;
+
+        const appPath = app.getAppPath();
+        if (appPath.search(/main/g) !== -1) {
+            autoUpdater.logger = log;
+            autoUpdater.logger.transports.file.level = 'info';
+            autoUpdater.updateConfigPath = path.join(appPath, '../win-unpacked/resources/app-update.yml');
+        }
+
+        this.updaterState = null;
+        this.updateTarget = null;
+        this.abortController = null;
+        this.cancellationToken = null;
+    }
+
+    removeAllAutoUpdaterListeners () {
+        autoUpdater.removeAllListeners('error');
+        autoUpdater.removeAllListeners('update-available');
+        autoUpdater.removeAllListeners('update-not-available');
+    }
+
+    reportUpdateState (state) {
+        this._webContents.send('setUpdate', state);
+    }
+
+    applicationAvailable (info) {
+        this.updateTarget = UPDATE_TARGET.application;
+
+        if (this.isCN) {
+            const url = `https://openblock.sgp1.digitaloceanspaces.com/desktop/latestRelease.json`;
+
+            fetch(url)
+                .then(res => res.json())
+                .then(data => {
+                    this.reportUpdateState({
+                        phase: UPDATE_MODAL_STATE.applicationUpdateAvailable,
+                        info: {
+                            version: info.version,
+                            message: parseReleaseMessage(data.body)
+                        }
+                    });
+                })
+                .catch(err => {
+                    this.reportUpdateState({
+                        phase: UPDATE_MODAL_STATE.error,
+                        info: {
+                            message: err.message
+                        }
+                    });
+                });
+        } else {
+            this.reportUpdateState({
+                phase: UPDATE_MODAL_STATE.applicationUpdateAvailable,
+                info: {
+                    version: info.version,
+                    message: parseReleaseMessage(info.releaseNotes, {html: true})
+                }
+            });
+        }
+    }
+
+    resourceAvailable (info) {
+        this.updateTarget = UPDATE_TARGET.resource;
+        this.reportUpdateState({
+            phase: UPDATE_MODAL_STATE.resourceUpdateAvailable,
+            info: {
+                version: info.latestVersion,
+                message: info.message
+            }
+        });
+    }
+
+    checkUpdateAtStartup () {
+        autoUpdater.on('error', err => {
+            this.removeAllAutoUpdaterListeners();
+            console.warn(`Error while checking for application update: ${err}`);
+        });
+        autoUpdater.once('update-available', applicationUpdateInfo => {
+            this.removeAllAutoUpdaterListeners();
+            this.applicationAvailable(applicationUpdateInfo);
+        });
+        autoUpdater.once('update-not-available', () => {
+            this.removeAllAutoUpdaterListeners();
+            this._resourceServer.checkUpdate()
+                .then(resourceUpdateInfo => {
+                    if (resourceUpdateInfo.updateble) {
+                        this.resourceAvailable(resourceUpdateInfo);
+                    }
+                })
+                .catch(err => {
+                    console.warn(`Error while checking for resource update: ${err}`);
+                });
+        });
+
+        autoUpdater.checkForUpdates();
+    }
+
+    reqeustCheckUpdate () {
+        autoUpdater.on('error', err => {
+            this.removeAllAutoUpdaterListeners();
+            if (err.message === 'net::ERR_INTERNET_DISCONNECTED') {
+                this.reportUpdateState({
+                    phase: UPDATE_MODAL_STATE.error,
+                    info: {
+                        message: formatMessage({
+                            id: 'index.internetDisconnectedError',
+                            default: 'Internet disconnected, please verify your internet connection and try again.',
+                            description: 'Error message of internet disconnected'
+                        })
+                    }
+                });
+            } else {
+                this.reportUpdateState({
+                    phase: UPDATE_MODAL_STATE.error,
+                    info: {
+                        message: err.message
+                    }
+                });
+            }
+        });
+        autoUpdater.once('update-available', applicationUpdateInfo => {
+            this.updaterState = UPDATE_MODAL_STATE.applicationUpdateAvailable;
+            this.removeAllAutoUpdaterListeners();
+            this.applicationAvailable(applicationUpdateInfo);
+        });
+        autoUpdater.once('update-not-available', () => {
+            this.removeAllAutoUpdaterListeners();
+
+            this.abortController = new AbortController();
+            this._resourceServer.checkUpdate({signal: this.abortController.signal})
+                .then(resourceUpdateInfo => {
+                    if (resourceUpdateInfo.updateble) {
+                        this.updaterState = UPDATE_MODAL_STATE.resourceUpdateAvailable;
+                        this.resourceAvailable(resourceUpdateInfo);
+                    } else {
+                        this.reportUpdateState({phase: 'latest'});
+                    }
+                })
+                .catch(err => {
+                    this.reportUpdateState({phase: 'error', message: err});
+                });
+            this.updaterState = UPDATE_MODAL_STATE.checkingResource;
+        });
+
+        autoUpdater.checkForUpdates();
+        this.updaterState = UPDATE_MODAL_STATE.checkingApplication;
+    }
+
+    reqeustUpdate () {
+        if (this.updateTarget === UPDATE_TARGET.application) {
+            this.cancellationToken = new CancellationToken();
+            autoUpdater.downloadUpdate(this.cancellationToken);
+            this.updaterState = UPDATE_MODAL_STATE.applicationDownloading;
+
+            const PROGRESS_BASE_VALUE = 0;
+            const PROGRESS_DOWNLOADING_PROGRESS_VALUE = 0.1;
+            const PROGRESS_STEP_INTERVAL = 0.5; // 0.5s
+            const PROGRESS_STEP_TIMEOUT = 20; // 20s
+            const PROGRESS_STEP_VALUE = (PROGRESS_DOWNLOADING_PROGRESS_VALUE - PROGRESS_BASE_VALUE) /
+                (PROGRESS_STEP_TIMEOUT / PROGRESS_STEP_INTERVAL);
+
+            let downloadInProgress = false;
+
+            const stepProgressBar = progress => {
+                this.startDownloadTimeout = setTimeout(() => {
+                    if (!downloadInProgress && progress <= PROGRESS_DOWNLOADING_PROGRESS_VALUE) {
+                        this.reportUpdateState({
+                            phase: UPDATE_MODAL_STATE.applicationDownloading,
+                            info: {
+                                progress: progress
+                            }
+                        });
+                        stepProgressBar(progress + PROGRESS_STEP_VALUE);
+                    } else {
+                        this.startDownloadTimeout = null;
+                    }
+                }, PROGRESS_STEP_INTERVAL * 1000);
+            };
+
+            // After start downloading, it takes a while for download-progress event to trigger,
+            // report a progress that grows slowly over time let user know the downloading is started and running.
+            this.reportUpdateState({
+                phase: UPDATE_MODAL_STATE.applicationDownloading,
+                info: {
+                    progress: PROGRESS_BASE_VALUE
+                }
+            });
+            stepProgressBar(PROGRESS_BASE_VALUE);
+
+            return new Promise((resolve, reject) => {
+
+                autoUpdater.on('error', err => reject(err));
+
+                autoUpdater.on('download-progress', progressObj => {
+                    downloadInProgress = true;
+                    this.reportUpdateState({
+                        phase: UPDATE_MODAL_STATE.applicationDownloading,
+                        info: {
+                            progress: ((progressObj.percent * (1 - PROGRESS_DOWNLOADING_PROGRESS_VALUE)) +
+                                (PROGRESS_DOWNLOADING_PROGRESS_VALUE * 100)) / 100,
+                            state: {
+                                speed: `${bytes(progressObj.bytesPerSecond)}/s`,
+                                total: bytes(progressObj.total),
+                                done: bytes(progressObj.transferred)
+                            }
+                        }
+                    });
+                });
+
+                autoUpdater.on('update-downloaded', () => {
+                    this.reportUpdateState({phase: UPDATE_MODAL_STATE.applicationDownloadFinish});
+                    setTimeout(() => {
+                        console.log(`INFO: App will quit and install after 3 seconds`);
+                        autoUpdater.quitAndInstall();
+                    }, 1000 * 3);
+                });
+            });
+
+        }
+        const reportResourceUpdateState = res => {
+            if (this.updaterState !== UPDATE_MODAL_STATE.abort) {
+                this.reportUpdateState({
+                    phase: UPDATE_MODAL_STATE.resourceUpdating,
+                    info: {
+                        phase: res.phase,
+                        progress: res.progress,
+                        state: res.state
+                    }
+                });
+            }
+        };
+
+        this.abortController = new AbortController();
+
+        this.updaterState = UPDATE_MODAL_STATE.resourceUpdating;
+        return this._resourceServer.update({
+            signal: this.abortController.signal,
+            callback: reportResourceUpdateState
+        })
+            .then(() => {
+                this.reportUpdateState({phase: UPDATE_MODAL_STATE.resourceUpdatFinish});
+                return Promise.resolve();
+            })
+            .catch(err => {
+                if (!err.stack.startsWith('AbortError')) {
+                    this.reportUpdateState({
+                        phase: UPDATE_MODAL_STATE.error,
+                        info: {
+                            message: err.message
+                        }
+                    });
+                }
+                return Promise.reject(err);
+            });
+
+    }
+
+    abortUpdate () {
+        if (this.updaterState === UPDATE_MODAL_STATE.checkingResource ||
+            this.updaterState === UPDATE_MODAL_STATE.resourceUpdating) {
+            this.updaterState = UPDATE_MODAL_STATE.abort;
+            this.abortController.abort();
+        } else if (this.updaterState === UPDATE_MODAL_STATE.checkingApplication) {
+            this.removeAllAutoUpdaterListeners();
+        } else if (this.updaterState === UPDATE_MODAL_STATE.applicationDownloading) {
+            this.removeAllAutoUpdaterListeners();
+            this.cancellationToken.cancel();
+            if (this.startDownloadTimeout) {
+                clearTimeout(this.startDownloadTimeout);
+            }
+        }
+
+        if (this.updaterState !== UPDATE_MODAL_STATE.abort) {
+            this.updaterState = null;
+        }
+    }
+}
+
+export default OpenblockDesktopUpdater;

+import minimist from 'minimist';
+
+// inspired by yargs' process-argv
+export const isElectronApp = () => !!process.versions.electron;
+export const isElectronBundledApp = () => isElectronApp() && !process.defaultApp;
+
+export const parseAndTrimArgs = argv => {
+    // bundled Electron app: ignore 1 from "my-app arg1 arg2"
+    // unbundled Electron app: ignore 2 from "electron main/index.js arg1 arg2"
+    // node.js app: ignore 2 from "node src/index.js arg1 arg2"
+    const ignoreCount = isElectronBundledApp() ? 1 : 2;
+
+    const parsed = minimist(argv);
+
+    // ignore arguments AFTER parsing to handle cases like "electron --inspect=42 my.js arg1 arg2"
+    parsed._ = parsed._.slice(ignoreCount);
+
+    return parsed;
+};
+
+const argv = parseAndTrimArgs(process.argv);
+
+export default argv;

+import {BrowserWindow, Menu, app, dialog, ipcMain, shell, systemPreferences} from 'electron';
+import * as remote from '@electron/remote/main';
+import fs from 'fs-extra';
+import path from 'path';
+import {URL} from 'url';
+import {promisify} from 'util';
+
+import argv from './argv';
+import {getFilterForExtension} from './FileFilters';
+import telemetry from './OpenblockDesktopTelemetry';
+import Updater from './OpenblockDesktopUpdater';
+import DesktopLink from './OpenblockDesktopLink.js';
+import MacOSMenu from './MacOSMenu';
+import log from '../common/log.js';
+import {productName, version} from '../../package.json';
+
+import {v4 as uuidv4} from 'uuid';
+import ElectronStore from 'electron-store';
+import formatMessage from 'format-message';
+import locales from 'openblock-l10n/locales/desktop-msgs';
+
+const storage = new ElectronStore();
+const desktopLink = new DesktopLink();
+
+formatMessage.setup({translations: locales});
+
+// suppress deprecation warning; this will be the default in Electron 9
+app.allowRendererProcessReuse = true;
+
+// allow connect to localhost
+app.commandLine.appendSwitch('allow-insecure-localhost', 'true');
+
+// enable gpu and ignore gpu blacklist
+app.commandLine.hasSwitch('enable-gpu');
+app.commandLine.hasSwitch('ignore-gpu-blacklist');
+
+telemetry.appWasOpened();
+
+const defaultSize = {width: 1620, height: 900};
+
+const isDevelopment = process.env.NODE_ENV !== 'production';
+
+const devToolKey = ((process.platform === 'darwin') ?
+    { // macOS: command+option+i
+        alt: true, // option
+        control: false,
+        meta: true, // command
+        shift: false,
+        code: 'KeyI'
+    } : { // Windows: control+shift+i
+        alt: false,
+        control: true,
+        meta: false, // Windows key
+        shift: true,
+        code: 'KeyI'
+    }
+);
+
+// global window references prevent them from being garbage-collected
+const _windows = {};
+
+// enable connecting to Scratch Link even if we DNS / Internet access is not available
+// this must happen BEFORE the app ready event!
+app.commandLine.appendSwitch('host-resolver-rules', 'MAP device-manager.scratch.mit.edu 127.0.0.1');
+
+const displayPermissionDeniedWarning = (browserWindow, permissionType) => {
+    let title;
+    let message;
+    switch (permissionType) {
+    case 'camera':
+        title = formatMessage({
+            id: 'index.cameraPermissionDeniedTitle',
+            default: 'Camera Permission Denied',
+            description: 'prompt for camera permission denied'
+        });
+        message = formatMessage({
+            id: 'index.cameraPermissionDeniedMessage',
+            default: 'Permission to use the camera has been denied. ' +
+                'OpenBlock will not be able to take a photo or use video sensing blocks.',
+            description: 'message for camera permission denied'
+        });
+        break;
+    case 'microphone':
+        title = formatMessage({
+            id: 'index.microphonePermissionDeniedTitle',
+            default: 'Microphone Permission Denied',
+            description: 'prompt for microphone permission denied'
+        });
+        message = formatMessage({
+            id: 'index.microphonePermissionDeniedMessage',
+            default: 'Permission to use the microphone has been denied. ' +
+                    'OpenBlock will not be able to record sounds or detect loudness.',
+            description: 'message for microphone permission denied'
+        });
+        break;
+    default: // shouldn't ever happen...
+        title = formatMessage({
+            id: 'index.permissionDeniedTitle',
+            default: 'Permission Denied',
+            description: 'prompt for permission denied'
+        });
+        message = formatMessage({
+            id: 'index.permissionDeniedMessage',
+            default: 'A permission has been denied.',
+            description: 'message for permission denied'
+        });
+    }
+
+    let instructions;
+    switch (process.platform) {
+    case 'darwin':
+        instructions = formatMessage({
+            id: 'index.darwinPermissionDeniedInstructions',
+            default: 'To change OpenBlock permissions, please check "Security & Privacy" in System Preferences.',
+            description: 'prompt for fix darwin permission denied instructions'
+        });
+        break;
+    default:
+        instructions = formatMessage({
+            id: 'index.permissionDeniedInstructions',
+            default: 'To change OpenBlock permissions, please check your system settings and restart OpenBlock.',
+            description: 'prompt for fix permission denied instructions'
+        });
+        break;
+    }
+    message = `${message}\n\n${instructions}`;
+
+    dialog.showMessageBox(browserWindow, {type: 'warning', title, message});
+};
+
+/**
+ * Build an absolute URL from a relative one, optionally adding search query parameters.
+ * The base of the URL will depend on whether or not the application is running in development mode.
+ * @param {string} url - the relative URL, like 'index.html'
+ * @param {*} search - the optional "search" parameters (the part of the URL after '?'), like "route=about"
+ * @returns {string} - an absolute URL as a string
+ */
+const makeFullUrl = (url, search = null) => {
+    const baseUrl = (isDevelopment ?
+        `http://localhost:${process.env.ELECTRON_WEBPACK_WDS_PORT}/` :
+        `file://${__dirname}/`
+    );
+    const fullUrl = new URL(url, baseUrl);
+    if (search) {
+        fullUrl.search = search; // automatically percent-encodes anything that needs it
+    }
+    return fullUrl.toString();
+};
+
+/**
+ * Prompt in a platform-specific way for permission to access the microphone or camera, if Electron supports doing so.
+ * Any application-level checks, such as whether or not a particular frame or document should be allowed to ask,
+ * should be done before calling this function.
+ * This function may return a Promise!
+ *
+ * @param {string} mediaType - one of Electron's media types, like 'microphone' or 'camera'
+ * @returns {boolean|Promise.<boolean>} - true if permission granted, false otherwise.
+ */
+const askForMediaAccess = mediaType => {
+    if (systemPreferences.askForMediaAccess) {
+        // Electron currently only implements this on macOS
+        // This returns a Promise
+        return systemPreferences.askForMediaAccess(mediaType);
+    }
+    // For other platforms we can't reasonably do anything other than assume we have access.
+    return true;
+};
+
+const handlePermissionRequest = async (webContents, permission, callback, details) => {
+    if (webContents !== _windows.main.webContents) {
+        // deny: request came from somewhere other than the main window's web contents
+        return callback(false);
+    }
+    if (!details.isMainFrame) {
+        // deny: request came from a subframe of the main window, not the main frame
+        return callback(false);
+    }
+    if (permission !== 'media') {
+        // deny: request is for some other kind of access like notifications or pointerLock
+        return callback(false);
+    }
+    const requiredBase = makeFullUrl('');
+    if (details.requestingUrl.indexOf(requiredBase) !== 0) {
+        // deny: request came from a URL outside of our "sandbox"
+        return callback(false);
+    }
+    let askForMicrophone = false;
+    let askForCamera = false;
+    for (const mediaType of details.mediaTypes) {
+        switch (mediaType) {
+        case 'audio':
+            askForMicrophone = true;
+            break;
+        case 'video':
+            askForCamera = true;
+            break;
+        default:
+            // deny: unhandled media type
+            return callback(false);
+        }
+    }
+    const parentWindow = _windows.main; // if we ever allow media in non-main windows we'll also need to change this
+    if (askForMicrophone) {
+        const microphoneResult = await askForMediaAccess('microphone');
+        if (!microphoneResult) {
+            displayPermissionDeniedWarning(parentWindow, 'microphone');
+            return callback(false);
+        }
+    }
+    if (askForCamera) {
+        const cameraResult = await askForMediaAccess('camera');
+        if (!cameraResult) {
+            displayPermissionDeniedWarning(parentWindow, 'camera');
+            return callback(false);
+        }
+    }
+    return callback(true);
+};
+
+const createWindow = ({search = null, url = 'index.html', ...browserWindowOptions}) => {
+    const window = new BrowserWindow({
+        useContentSize: true,
+        show: false,
+        webPreferences: {
+            contextIsolation: false,
+            nodeIntegration: true
+        },
+        ...browserWindowOptions
+    });
+    const webContents = window.webContents;
+
+    webContents.session.setPermissionRequestHandler(handlePermissionRequest);
+
+    webContents.on('before-input-event', (event, input) => {
+        if (input.code === devToolKey.code &&
+            input.alt === devToolKey.alt &&
+            input.control === devToolKey.control &&
+            input.meta === devToolKey.meta &&
+            input.shift === devToolKey.shift &&
+            input.type === 'keyDown' &&
+            !input.isAutoRepeat &&
+            !input.isComposing) {
+            event.preventDefault();
+            webContents.openDevTools({mode: 'detach', activate: true});
+        }
+    });
+
+    webContents.on('new-window', (event, newWindowUrl) => {
+        shell.openExternal(newWindowUrl);
+        event.preventDefault();
+    });
+
+    const fullUrl = makeFullUrl(url, search);
+    window.loadURL(fullUrl);
+    window.once('ready-to-show', () => {
+        webContents.send('ready-to-show');
+    });
+
+    return window;
+};
+
+const createAboutWindow = () => {
+    const window = createWindow({
+        width: 400,
+        height: 400,
+        parent: _windows.main,
+        search: 'route=about',
+        title: `About ${productName}`
+    });
+    return window;
+};
+
+const createLicenseWindow = () => {
+    const window = createWindow({
+        width: _windows.main.width * 0.8,
+        height: _windows.main.height * 0.8,
+        parent: _windows.main,
+        search: 'route=license',
+        title: `${productName} License`
+    });
+    return window;
+};
+
+const createPrivacyWindow = () => {
+    const window = createWindow({
+        width: _windows.main.width * 0.8,
+        height: _windows.main.height * 0.8,
+        parent: _windows.main,
+        search: 'route=privacy',
+        title: `${productName} Privacy Policy`
+    });
+    return window;
+};
+
+const createLoadingWindow = () => {
+    const window = createWindow({
+        width: 800,
+        height: 150,
+        frame: false,
+        resizable: false,
+        transparent: true,
+        hasShadow: false,
+        search: 'route=loading',
+        title: `Loding ${productName} ${version}`
+    });
+
+    window.once('ready-to-show', () => {
+        window.show();
+    });
+
+    return window;
+};
+
+const getIsProjectSave = downloadItem => {
+    switch (downloadItem.getMimeType()) {
+    case 'application/x.openblock.ob':
+        return true;
+    }
+    return false;
+};
+
+const createMainWindow = () => {
+    const window = createWindow({
+        width: defaultSize.width,
+        height: defaultSize.height,
+        title: `${productName} ${version}` // something like "Scratch 3.14"
+    });
+    const webContents = window.webContents;
+
+    const update = new Updater(webContents, desktopLink.resourceServer);
+    remote.initialize();
+    remote.enable(webContents);
+
+    webContents.session.on('will-download', (willDownloadEvent, downloadItem) => {
+        const isProjectSave = getIsProjectSave(downloadItem);
+        const itemPath = downloadItem.getFilename();
+        const baseName = path.basename(itemPath);
+        const extName = path.extname(baseName);
+        const options = {
+            defaultPath: baseName
+        };
+        if (extName) {
+            const extNameNoDot = extName.replace(/^\./, '');
+            options.filters = [getFilterForExtension(extNameNoDot)];
+        }
+        const userChosenPath = dialog.showSaveDialogSync(window, options);
+        // this will be falsy if the user canceled the save
+        if (userChosenPath) {
+            const userBaseName = path.basename(userChosenPath);
+            const tempPath = path.join(app.getPath('temp'), userBaseName);
+
+            // WARNING: `setSavePath` on this item is only valid during the `will-download` event. Calling the async
+            // version of `showSaveDialog` means the event will finish before we get here, so `setSavePath` will be
+            // ignored. For that reason we need to call `showSaveDialogSync` above.
+            downloadItem.setSavePath(tempPath);
+
+            downloadItem.on('done', async (doneEvent, doneState) => {
+                try {
+                    if (doneState !== 'completed') {
+                        // The download was canceled or interrupted. Cancel the telemetry event and delete the file.
+                        throw new Error(`save ${doneState}`); // "save cancelled" or "save interrupted"
+                    }
+                    await fs.move(tempPath, userChosenPath, {overwrite: true});
+                    if (isProjectSave) {
+                        const newProjectTitle = path.basename(userChosenPath, extName);
+                        webContents.send('setTitleFromSave', {title: newProjectTitle});
+
+                        // "setTitleFromSave" will set the project title but GUI has already reported the telemetry
+                        // event using the old title. This call lets the telemetry client know that the save was
+                        // actually completed and the event should be committed to the event queue with this new title.
+                        telemetry.projectSaveCompleted(newProjectTitle);
+                    }
+                } catch (e) {
+                    if (isProjectSave) {
+                        telemetry.projectSaveCanceled();
+                    }
+                    // don't clean up until after the message box to allow troubleshooting / recovery
+                    await dialog.showMessageBox(window, {
+                        type: 'error',
+                        title: formatMessage({
+                            id: 'index.saveFailedTitle',
+                            default: 'Failed to save project',
+                            description: 'Title for save failed'
+                        }),
+                        message: `${formatMessage({
+                            id: 'index.saveFailed',
+                            default: 'Save failed:',
+                            description: 'prompt for save failed'
+                        })}\n${userChosenPath}`,
+                        detail: e.message
+                    });
+                    fs.exists(tempPath).then(exists => {
+                        if (exists) {
+                            fs.unlink(tempPath);
+                        }
+                    });
+                }
+            });
+        } else {
+            downloadItem.cancel();
+            if (isProjectSave) {
+                telemetry.projectSaveCanceled();
+            }
+        }
+    });
+
+    webContents.on('will-prevent-unload', ev => {
+        const choice = dialog.showMessageBoxSync(window, {
+            title: productName,
+            type: 'question',
+            message: formatMessage({
+                id: 'index.questionLeave',
+                default: 'Leave Openblock?',
+                description: 'prompt for leave Openblock'
+            }),
+            detail: formatMessage({
+                id: 'index.questionLeaveDetail',
+                default: 'Any unsaved changes will be lost.',
+                description: 'detail prompt for leave Openblock'
+            }),
+            buttons: [
+                formatMessage({
+                    id: 'index.stay',
+                    default: 'Stay',
+                    description: 'Label for stay'
+                }), formatMessage({
+                    id: 'index.leave',
+                    default: 'Leave',
+                    description: 'Label for leave'
+                })
+            ],
+            cancelId: 0, // closing the dialog means "stay"
+            defaultId: 0 // pressing enter or space without explicitly selecting something means "stay"
+        });
+        const shouldQuit = (choice === 1);
+        if (shouldQuit) {
+            ev.preventDefault();
+        }
+    });
+
+    ipcMain.on('loading-completed', () => {
+        if (!storage.has('userId')) {
+            storage.set('userId', uuidv4());
+        }
+        const userId = storage.get('userId');
+        webContents.send('setUserId', userId);
+
+        webContents.send('setPlatform', process.platform);
+
+        update.checkUpdateAtStartup();
+    });
+
+    ipcMain.on('reqeustCheckUpdate', () => {
+        update.reqeustCheckUpdate();
+    });
+
+    ipcMain.on('reqeustUpdate', () => {
+        update.reqeustUpdate()
+            .then(() => {
+                setTimeout(() => {
+                    console.log(`INFO: App will restart after 3 seconds`);
+                    app.relaunch();
+                    app.exit();
+                }, 1000 * 3);
+            })
+            .catch(err => {
+                console.error(`ERR!: update failed: ${err}`);
+            });
+    });
+
+    ipcMain.on('abortUpdate', () => {
+        update.abortUpdate();
+    });
+
+    return window;
+};
+
+if (process.platform === 'darwin') {
+    const osxMenu = Menu.buildFromTemplate(MacOSMenu(app));
+    Menu.setApplicationMenu(osxMenu);
+} else {
+    // disable menu for other platforms
+    Menu.setApplicationMenu(null);
+}
+
+// quit application when all windows are closed
+app.on('window-all-closed', () => {
+    app.quit();
+});
+
+app.on('will-quit', () => {
+    telemetry.appWillClose();
+});
+
+app.on('activate', () => {
+    if (_windows.main === null) {
+        createMainWindow();
+    }
+});
+
+// work around https://github.com/MarshallOfSound/electron-devtools-installer/issues/122
+// which seems to be a result of https://github.com/electron/electron/issues/19468
+if (process.platform === 'win32') {
+    const appUserDataPath = app.getPath('userData');
+    const devToolsExtensionsPath = path.join(appUserDataPath, 'DevTools Extensions');
+    try {
+        fs.unlinkSync(devToolsExtensionsPath);
+    } catch (_) {
+        // don't complain if the file doesn't exist
+    }
+}
+
+// create main BrowserWindow when electron is ready
+app.on('ready', () => {
+    if (isDevelopment) {
+        import('electron-devtools-installer').then(importedModule => {
+            const {default: installExtension, ...devToolsExtensions} = importedModule;
+            const extensionsToInstall = [
+                devToolsExtensions.REACT_DEVELOPER_TOOLS,
+                devToolsExtensions.REACT_PERF,
+                devToolsExtensions.REDUX_DEVTOOLS
+            ];
+            for (const extension of extensionsToInstall) {
+                // WARNING: depending on a lot of things including the version of Electron `installExtension` might
+                // return a promise that never resolves, especially if the extension is already installed.
+                installExtension(extension).then(
+                    extensionName => log(`Installed dev extension: ${extensionName}`),
+                    errorMessage => log.error(`Error installing dev extension: ${errorMessage}`)
+                );
+            }
+        });
+    }
+
+    ipcMain.on('clearCache', () => {
+        desktopLink.clearCache();
+    });
+
+    ipcMain.on('installDriver', () => {
+        desktopLink.installDriver(() => {
+            dialog.showMessageBox(_windows.main, {
+                type: 'info',
+                message: `${formatMessage({
+                    id: 'index.systemRestartRequired',
+                    default: 'Installation is complete, please restart the system.',
+                    description: 'prompt for restart system'
+                })}`
+            });
+        });
+    });
+
+    // create a loading windows let user know the app is starting
+    _windows.loading = createLoadingWindow();
+    _windows.loading.once('show', () => {
+        // TODO: This code should be deleted afterwards
+        // Due to the changes in cache logic updates, before adding the online
+        // library version, clear the cache directly to prevent the old cache
+        // content from interfering with the operation of the new version.
+        desktopLink.clearCache(false);
+
+        desktopLink.start();
+
+        _windows.main = createMainWindow();
+        _windows.main.on('closed', () => {
+            delete _windows.main;
+        });
+
+        // In order to fix the bug caused by using alert on windows
+        // https://github.com/electron/electron/issues/20400
+        if (process.platform === 'win32') {
+            let needsFocusFix = false;
+            let triggeringProgrammaticBlur = false;
+            _windows.main.on('blur', () => {
+                if (!triggeringProgrammaticBlur) {
+                    needsFocusFix = true;
+                }
+            });
+            _windows.main.on('focus', () => {
+                if (needsFocusFix) {
+                    needsFocusFix = false;
+                    triggeringProgrammaticBlur = true;
+                    setTimeout(() => {
+                        if (_windows.main) {
+                            _windows.main.blur();
+                            _windows.main.focus();
+                            setTimeout(() => {
+                                triggeringProgrammaticBlur = false;
+                            }, 100);
+                        }
+                    }, 100);
+                }
+            });
+        }
+
+        _windows.about = createAboutWindow();
+        _windows.about.on('close', event => {
+            event.preventDefault();
+            _windows.about.hide();
+        });
+        _windows.license = createLicenseWindow();
+        _windows.license.on('close', event => {
+            event.preventDefault();
+            _windows.license.hide();
+        });
+        _windows.privacy = createPrivacyWindow();
+        _windows.privacy.on('close', event => {
+            event.preventDefault();
+            _windows.privacy.hide();
+        });
+
+        // after finsh load progress show main window and close loading window
+        _windows.main.show();
+        _windows.loading.close();
+        delete _windows.loading;
+    });
+});
+
+ipcMain.on('open-about-window', () => {
+    _windows.about.show();
+});
+
+ipcMain.on('open-license-window', () => {
+    _windows.license.show();
+});
+
+ipcMain.on('open-privacy-policy-window', () => {
+    _windows.privacy.show();
+});
+
+ipcMain.on('set-locale', (event, arg) => {
+    formatMessage.setup({locale: arg});
+});
+
+
+// start loading initial project data before the GUI needs it so the load seems faster
+const initialProjectDataPromise = (async () => {
+    if (argv._.length === 0) {
+        // no command line argument means no initial project data
+        return;
+    }
+    if (argv._.length > 1) {
+        log.warn(`Expected 1 command line argument but received ${argv._.length}.`);
+    }
+    const projectPath = argv._[argv._.length - 1];
+    try {
+        const projectData = await promisify(fs.readFile)(projectPath, null);
+        return projectData;
+    } catch (e) {
+        dialog.showMessageBox(_windows.main, {
+            type: 'error',
+            title: 'Failed to load project',
+            message: `${formatMessage({
+                id: 'index.failedLoadProject',
+                default: 'Could not load project from file:',
+                description: 'prompt for failed to load project'
+            })}\n${projectPath}`,
+            detail: e.message
+        });
+    }
+    // load failed: initial project data undefined
+})(); // IIFE
+
+ipcMain.handle('get-initial-project-data', () => initialProjectDataPromise);

+import ElectronStore from 'electron-store';
+import nets from 'nets';
+import * as os from 'os';
+import {
+    v1 as uuidv1, // semi-persistent client ID
+    v4 as uuidv4 // random ID
+} from 'uuid';
+
+/**
+ * Basic telemetry event data. These fields are filled automatically by the `addEvent` call.
+ * @typedef {object} BasicTelemetryEvent
+ * @property {string} clientID - a UUID for this client
+ * @property {string} id - a UUID for this event/packet
+ * @property {string} name - the name of this event (taken from `addEvent`'s `eventName` parameter)
+ * @property {int} timestamp - a Unix epoch timestamp for this event
+ * @property {int} userTimezone - the difference in minutes between UTC and local time
+ */
+
+/**
+  * Default telemetry service URLs
+  */
+const TelemetryServerURL = Object.freeze({
+    staging: '',
+    production: 'https://telemetry.openblock.cc/'
+});
+const DefaultServerURL = (
+    process.env.NODE_ENV === 'production' ? TelemetryServerURL.production : TelemetryServerURL.staging
+);
+
+/**
+ * Default name for persistent configuration & queue storage
+ */
+const DefaultStoreName = 'telemetry';
+
+/**
+ * Default interval, in seconds, between delivery attempts
+ */
+const DefaultDeliveryInterval = 60;
+
+/**
+ * Default interval, in seconds, between connectivity checks
+ */
+const DefaultNetworkCheckInterval = 300;
+
+/**
+ * Default limit on the number of queued events
+ */
+const DefaultQueueLimit = 100;
+
+/**
+ * Default limit on the number of delivery attempts for each event
+ */
+const DeliveryAttemptLimit = 3;
+
+const platform = [
+    `${os.platform()} ${os.release()}`, // "win32 10.0.18362", "darwin 18.7.0", etc.
+    `Electron ${process.versions.electron}`, // "Electron 4.2.6"
+    `Store=${process.mas || process.windowsStore || false}` // "Store=true" or "Store=false"
+].join(', ');
+
+
+/**
+ * Client interface for the Scratch telemetry service.
+ *
+ * This class supports delivering generic telemetry events and is designed to be used by any application or service
+ * in the Scratch family.
+ */
+class TelemetryClient {
+    /**
+     * Construct and initialize a TelemetryClient instance, optionally overriding configuration defaults. Delivery
+     * intervals will begin immediately; if the user has not opted in events will be dropped each interval.
+     *
+     * @param {object} [options] - optional configuration settings for this client
+     * @property {string} [storeName] - optional name for persistent config/queue storage (default: 'telemetry')
+     * @property {string} [clientId] - optional UUID for this client (default: automatically determine a UUID)
+     * @property {string} [serverURL] - optional telemetry service endpoint URL (default: automatically choose a server)
+     * @property {boolean} [didOptIn] - optional flag for whether the user opted into telemetry service (default: false)
+     * @property {int} [deliveryInterval] - optional number of seconds between delivery attempts (default: 60)
+     * @property {int} [networkCheckInterval] - optional number of seconds between connectivity checks (default: 300)
+     * @property {int} [queueLimit] - optional limit on the number of queued events (default: 100)
+     * @property {int} [deliveryAttemptLimit] - optional limit on delivery attempts for each event (default: 3)
+     */
+    constructor ({
+        storeName = DefaultStoreName,
+        clientID, // undefined = load or create
+        serverURL, // undefined = automatic
+        didOptIn, // undefined = show prompt
+        deliveryInterval = DefaultDeliveryInterval,
+        networkCheckInterval = DefaultNetworkCheckInterval,
+        queueLimit = DefaultQueueLimit,
+        deliveryAttemptLimit = DeliveryAttemptLimit
+    } = {}) {
+        /**
+         * Persistent storage for the client ID, opt in flag, and packet queue.
+         */
+        this._store = new ElectronStore({
+            name: storeName
+        });
+
+        if (clientID) {
+            this.clientID = clientID;
+        } else if (!this._store.has('clientID')) {
+            this.clientID = uuidv1();
+        }
+
+        if (typeof didOptIn !== 'undefined') {
+            this.didOptIn = didOptIn;
+        }
+
+        /**
+         * Queue for outgoing event packets
+         */
+        this._packetQueue = this._store.get('packetQueue', []);
+
+        /**
+         * Server URL
+         */
+        this._serverURL = serverURL || DefaultServerURL;
+
+        /**
+         * Can we currently reach the telemetry service?
+         */
+        this._networkIsOnline = false;
+
+        /**
+         * Try to deliver telemetry packets at this interval
+         */
+        this._deliveryInterval = (deliveryInterval > 0) ? deliveryInterval : DefaultDeliveryInterval;
+
+        /**
+         * Check for connectivity at this interval
+         */
+        this._networkCheckInterval = (networkCheckInterval > 0) ? networkCheckInterval : DefaultNetworkCheckInterval;
+
+        /**
+         * Queue at most this many events
+         */
+        this._queueLimit = (queueLimit > 0) ? queueLimit : DefaultQueueLimit;
+
+        /**
+         * Attempt to deliver an event at most this many times
+         */
+        this._deliveryAttemptLimit = (deliveryAttemptLimit > 0) ? deliveryAttemptLimit : DeliveryAttemptLimit;
+
+        /**
+         * Bind event handlers
+         */
+        this._attemptDelivery = this._attemptDelivery.bind(this);
+        this._updateNetworkStatus = this._updateNetworkStatus.bind(this);
+
+        /**
+         * Begin monitoring network status
+         */
+        this._networkTimer = setInterval(this._updateNetworkStatus, this._networkCheckInterval * 1000);
+        setTimeout(this._updateNetworkStatus, 0);
+
+        /**
+         * Begin the delivery interval
+         */
+        this._deliveryTimer = setInterval(this._attemptDelivery, this._deliveryInterval * 1000);
+    }
+
+    /**
+     * Stop this client. Do not use this object after disposal.
+     */
+    dispose () {
+        if (this._networkTimer !== null) {
+            clearInterval(this._networkTimer);
+            this._networkTimer = null;
+        }
+        if (this._deliveryTimer !== null) {
+            clearInterval(this._deliveryTimer);
+            this._deliveryTimer = null;
+        }
+    }
+
+    /**
+     * Has the user explicitly opted into this service?
+     * @type {boolean}
+     */
+    get didOptIn () {
+        // don't supply a default here: we want to track "opt out" separately from "undecided"
+        return this._store.get('optIn');
+    }
+    set didOptIn (value) {
+        this._store.set('optIn', !!value);
+    }
+
+    /**
+     * Semi-persistent unique ID for this client
+     * @type {string}
+     */
+    get clientID () {
+        return this._store.get('clientID');
+    }
+    set clientID (value) {
+        this._store.set('clientID', value);
+    }
+
+    /**
+     * Save the packet queue to the config store.
+     * Call this any time the queue is modified.
+     */
+    saveQueue () {
+        this._store.set('packetQueue', this._packetQueue);
+    }
+
+    /**
+     * Add an event to the telemetry system. If the user has opted into the telemetry service, this event will be
+     * delivered to the telemetry service when possible. Otherwise the event will be ignored.
+     *
+     * @see {@link BasicTelemetryEvent} for the list of fields which are filled automatically by this method.
+     *
+     * @param {string} eventName - the name of this telemetry event, such as 'app::open'.
+     * @param {object} additionalFields - optional event fields to add or override before sending the event.
+     */
+    addEvent (eventName, additionalFields = null) {
+        const packetId = uuidv4();
+        const now = new Date();
+
+        const packet = Object.assign({
+            clientID: this.clientID,
+            id: packetId,
+            name: eventName,
+            platform,
+            timestamp: now.getTime(),
+            userTimezone: now.getTimezoneOffset()
+        }, additionalFields);
+        const packetInfo = {
+            attempts: 0,
+            packet
+        };
+        this._packetQueue.push(packetInfo);
+        this._packetQueue.splice(0, this._packetQueue.length - this._queueLimit); // enforce queue length limit
+        this.saveQueue();
+    }
+
+    /**
+     * Attempt to deliver events to the telemetry service. If telemetry is disabled, this will do nothing.
+     */
+    _attemptDelivery () {
+        if (this._busy) {
+            return;
+        }
+
+        /**
+         * Attempt to deliver one event then asynchronously recurse, reenqueueing the event if delivery fails and the
+         * event has not yet reached its retry limit. Sets `this._busy` before doing anything else and clears it once
+         * the queue is empty or `this.didOptIn` is cleared.
+         */
+        const stepDelivery = () => {
+            this._busy = true;
+            if (!this.didOptIn || !this._networkIsOnline || this._packetQueue.length < 1) {
+                this._busy = false;
+                return;
+            }
+            // don't saveQueue() here:
+            // - if the app exits or crashes before the network request finishes, we'll lose the packet
+            // - if the request finishes, we'll save at that time (see below)
+            const packetInfo = this._packetQueue.shift();
+            ++packetInfo.attempts;
+            const packet = packetInfo.packet;
+            nets({
+                body: JSON.stringify(packet),
+                headers: {'Content-Type': 'application/json'},
+                method: 'POST',
+                url: this._serverURL
+            }, (err, res) => {
+                // TODO: check if the failure is because there's no Internet connection and if so refund the attempt
+                const packetFailed = err || (res.statusCode !== 200);
+                if (packetFailed) {
+                    if (packetInfo.attempts < this._deliveryAttemptLimit) {
+                        this._packetQueue.push(packetInfo);
+                    } else {
+                        // eslint-disable-next-line no-console
+                        console.warn('Dropping packet which exceeded retry limit', packet);
+                    }
+                }
+                this.saveQueue();
+                stepDelivery();
+            });
+        };
+
+        stepDelivery();
+    }
+
+    /**
+     * Check if the telemetry service is available
+     */
+    _updateNetworkStatus () {
+        nets({
+            method: 'GET',
+            url: this._serverURL
+        }, (err, res) => {
+            this._networkIsOnline = !err && (res.statusCode === 200);
+        });
+    }
+}
+
+export default TelemetryClient;

+module.exports = {
+    root: true,
+    env: {
+        browser: true,
+        node: true
+    },
+    extends: ['scratch', 'scratch/es6', 'scratch/react'],
+    settings: {
+        react: {
+            version: '16.2' // Prevent 16.3 lifecycle method errors
+        }
+    }
+};

+import {ipcRenderer} from 'electron';
+import bindAll from 'lodash.bindall';
+import React from 'react';
+
+/**
+ * Higher-order component to add desktop logic to AppStateHOC.
+ * @param {Component} WrappedComponent - an AppStateHOC-like component to wrap.
+ * @returns {Component} - a component similar to AppStateHOC with desktop-specific logic added.
+ */
+const ScratchDesktopAppStateHOC = function (WrappedComponent) {
+    class ScratchDesktopAppStateComponent extends React.Component {
+        constructor (props) {
+            super(props);
+            bindAll(this, [
+                'handleTelemetryModalOptIn',
+                'handleTelemetryModalOptOut'
+            ]);
+            this.state = {
+                // use `sendSync` because this should be set before first render
+                telemetryDidOptIn: ipcRenderer.sendSync('getTelemetryDidOptIn')
+            };
+        }
+        handleTelemetryModalOptIn () {
+            ipcRenderer.send('setTelemetryDidOptIn', true);
+            ipcRenderer.invoke('getTelemetryDidOptIn').then(telemetryDidOptIn => {
+                this.setState({telemetryDidOptIn});
+            });
+        }
+        handleTelemetryModalOptOut () {
+            ipcRenderer.send('setTelemetryDidOptIn', false);
+            ipcRenderer.invoke('getTelemetryDidOptIn').then(telemetryDidOptIn => {
+                this.setState({telemetryDidOptIn});
+            });
+        }
+        render () {
+            const shouldShowTelemetryModal = (typeof ipcRenderer.sendSync('getTelemetryDidOptIn') !== 'boolean');
+
+            return (<WrappedComponent
+                isTelemetryEnabled={this.state.telemetryDidOptIn}
+                onTelemetryModalOptIn={this.handleTelemetryModalOptIn}
+                onTelemetryModalOptOut={this.handleTelemetryModalOptOut}
+                showTelemetryModal={shouldShowTelemetryModal}
+
+                // allow passed-in props to override any of the above
+                {...this.props}
+            />);
+        }
+    }
+
+    return ScratchDesktopAppStateComponent;
+};
+
+export default ScratchDesktopAppStateHOC;

+import {ipcRenderer} from 'electron';
+import {dialog} from '@electron/remote';
+import * as remote from '@electron/remote/renderer';
+import bindAll from 'lodash.bindall';
+import omit from 'lodash.omit';
+import PropTypes from 'prop-types';
+import React from 'react';
+import {connect} from 'react-redux';
+import GUIComponent from 'openblock-gui/src/components/gui/gui.jsx';
+import {FormattedMessage} from 'react-intl';
+
+import {
+    LoadingStates,
+    onFetchedProjectData,
+    onLoadedProject,
+    defaultProjectId,
+    requestNewProject,
+    requestProjectUpload,
+    setProjectId
+} from 'openblock-gui/src/reducers/project-state';
+import {
+    openLoadingProject,
+    closeLoadingProject,
+    openTelemetryModal,
+    openUpdateModal
+} from 'openblock-gui/src/reducers/modals';
+import {setUpdate} from 'openblock-gui/src/reducers/update';
+
+import analytics, {initialAnalytics} from 'openblock-gui/src/lib/analytics';
+import MessageBoxType from 'openblock-gui/src/lib/message-box.js';
+
+import ElectronStorageHelper from '../common/ElectronStorageHelper';
+
+import showPrivacyPolicy from './showPrivacyPolicy';
+
+/**
+ * Higher-order component to add desktop logic to the GUI.
+ * @param {Component} WrappedComponent - a GUI-like component to wrap.
+ * @returns {Component} - a component similar to GUI with desktop-specific logic added.
+ */
+const ScratchDesktopGUIHOC = function (WrappedComponent) {
+    class ScratchDesktopGUIComponent extends React.Component {
+        constructor (props) {
+            super(props);
+            bindAll(this, [
+                'handleProjectTelemetryEvent',
+                'handleSetTitleFromSave',
+                'handleShowMessageBox',
+                'handleStorageInit',
+                'handleUpdateProjectTitle'
+            ]);
+            this.props.onLoadingStarted();
+            ipcRenderer.invoke('get-initial-project-data').then(initialProjectData => {
+                const hasInitialProject = initialProjectData && (initialProjectData.length > 0);
+                this.props.onHasInitialProject(hasInitialProject, this.props.loadingState);
+                if (!hasInitialProject) {
+                    this.props.onLoadingCompleted();
+                    ipcRenderer.send('loading-completed');
+                    return;
+                }
+                this.props.vm.loadProject(initialProjectData).then(
+                    () => {
+                        this.props.onLoadingCompleted();
+                        ipcRenderer.send('loading-completed');
+                        this.props.onLoadedProject(this.props.loadingState, true);
+                    },
+                    e => {
+                        this.props.onLoadingCompleted();
+                        ipcRenderer.send('loading-completed');
+                        this.props.onLoadedProject(this.props.loadingState, false);
+                        dialog.showMessageBox(remote.getCurrentWindow(), {
+                            type: 'error',
+                            title: 'Failed to load project',
+                            message: 'Invalid or corrupt project file.',
+                            detail: e.message
+                        });
+
+                        // this effectively sets the default project ID
+                        // TODO: maybe setting the default project ID should be implicit in `requestNewProject`
+                        this.props.onHasInitialProject(false, this.props.loadingState);
+
+                        // restart as if we didn't have an initial project to load
+                        this.props.onRequestNewProject();
+                    }
+                );
+            });
+            ipcRenderer.send('set-locale', this.props.locale);
+        }
+        componentDidMount () {
+            ipcRenderer.on('setTitleFromSave', this.handleSetTitleFromSave);
+            ipcRenderer.on('setUpdate', (event, args) => {
+                this.props.onSetUpdate(args);
+            });
+            ipcRenderer.on('setUserId', (event, args) => {
+                initialAnalytics(args);
+                // Register "base" page view
+                analytics.send({hitType: 'pageview', page: '/community/electron'});
+            });
+            ipcRenderer.on('setPlatform', (event, args) => {
+                this.platform = args;
+            });
+        }
+        componentWillUnmount () {
+            ipcRenderer.removeListener('setTitleFromSave', this.handleSetTitleFromSave);
+        }
+        handleClickAbout () {
+            ipcRenderer.send('open-about-window');
+        }
+        handleClickLicense () {
+            ipcRenderer.send('open-license-window');
+        }
+        handleClickCheckUpdate () {
+            ipcRenderer.send('reqeustCheckUpdate');
+        }
+        handleClickUpdate () {
+            ipcRenderer.send('reqeustUpdate');
+        }
+        handleAbortUpdate () {
+            ipcRenderer.send('abortUpdate');
+        }
+        handleClickClearCache () {
+            ipcRenderer.send('clearCache');
+        }
+        handleClickInstallDriver () {
+            ipcRenderer.send('installDriver');
+        }
+        handleProjectTelemetryEvent (event, metadata) {
+            ipcRenderer.send(event, metadata);
+        }
+        handleSetTitleFromSave (event, args) {
+            this.handleUpdateProjectTitle(args.title);
+        }
+        handleStorageInit (storageInstance) {
+            storageInstance.addHelper(new ElectronStorageHelper(storageInstance));
+        }
+        handleUpdateProjectTitle (newTitle) {
+            this.setState({projectTitle: newTitle});
+        }
+        handleShowMessageBox (type, message) {
+            /**
+             * To avoid the electron bug: the input-box lose focus after call alert or confirm on windows platform.
+             * https://github.com/electron/electron/issues/19977
+            */
+            if (this.platform === 'win32') {
+                let options;
+                if (type === MessageBoxType.confirm) {
+                    options = {
+                        type: 'warning',
+                        buttons: ['Ok', 'Cancel'],
+                        message: message
+                    };
+                } else if (type === MessageBoxType.alert) {
+                    options = {
+                        type: 'error',
+                        message: message
+                    };
+                }
+                const result = dialog.showMessageBoxSync(remote.getCurrentWindow(), options);
+                if (result === 0) {
+                    return true;
+                }
+                return false;
+            }
+            if (type === 'confirm') {
+                return confirm(message); // eslint-disable-line no-alert
+            }
+            return alert(message); // eslint-disable-line no-alert
+        }
+        render () {
+            const childProps = omit(this.props, Object.keys(ScratchDesktopGUIComponent.propTypes));
+
+            return (<WrappedComponent
+                canEditTitle
+                canModifyCloudData={false}
+                canSave={false}
+                isScratchDesktop
+                onClickAbout={[
+                    {
+                        title: (<FormattedMessage
+                            defaultMessage="About"
+                            description="Menu bar item for about"
+                            id="gui.desktopMenuBar.about"
+                        />),
+                        onClick: () => this.handleClickAbout()
+                    },
+                    {
+                        title: (<FormattedMessage
+                            defaultMessage="License"
+                            description="Menu bar item for license"
+                            id="gui.desktopMenuBar.license"
+                        />),
+                        onClick: () => this.handleClickLicense()
+                    },
+                    {
+                        title: (<FormattedMessage
+                            defaultMessage="Privacy policy"
+                            description="Menu bar item for privacy policy"
+                            id="gui.menuBar.privacyPolicy"
+                        />),
+                        onClick: () => showPrivacyPolicy()
+                    },
+                    {
+                        title: (<FormattedMessage
+                            defaultMessage="Data settings"
+                            description="Menu bar item for data settings"
+                            id="gui.menuBar.dataSettings"
+                        />),
+                        onClick: () => this.props.onTelemetrySettingsClicked()
+                    }
+                ]}
+                onClickLogo={this.handleClickLogo}
+                onClickCheckUpdate={this.handleClickCheckUpdate}
+                onClickUpdate={this.handleClickUpdate}
+                onAbortUpdate={this.handleAbortUpdate}
+                onClickInstallDriver={this.handleClickInstallDriver}
+                onClickClearCache={this.handleClickClearCache}
+                onProjectTelemetryEvent={this.handleProjectTelemetryEvent}
+                onShowMessageBox={this.handleShowMessageBox}
+                onShowPrivacyPolicy={showPrivacyPolicy}
+                onStorageInit={this.handleStorageInit}
+                onUpdateProjectTitle={this.handleUpdateProjectTitle}
+
+                // allow passed-in props to override any of the above
+                {...childProps}
+            />);
+        }
+    }
+
+    ScratchDesktopGUIComponent.propTypes = {
+        loadingState: PropTypes.oneOf(LoadingStates),
+        locale: PropTypes.string.isRequired,
+        onFetchedInitialProjectData: PropTypes.func,
+        onHasInitialProject: PropTypes.func,
+        onLoadedProject: PropTypes.func,
+        onLoadingCompleted: PropTypes.func,
+        onLoadingStarted: PropTypes.func,
+        onRequestNewProject: PropTypes.func,
+        onTelemetrySettingsClicked: PropTypes.func,
+        onSetUpdate: PropTypes.func,
+        // using PropTypes.instanceOf(VM) here will cause prop type warnings due to VM mismatch
+        vm: GUIComponent.WrappedComponent.propTypes.vm
+    };
+    const mapStateToProps = state => {
+        const loadingState = state.scratchGui.projectState.loadingState;
+        return {
+            loadingState: loadingState,
+            locale: state.locales.locale,
+            vm: state.scratchGui.vm
+        };
+    };
+    const mapDispatchToProps = dispatch => ({
+        onLoadingStarted: () => dispatch(openLoadingProject()),
+        onLoadingCompleted: () => dispatch(closeLoadingProject()),
+        onHasInitialProject: (hasInitialProject, loadingState) => {
+            if (hasInitialProject) {
+                // emulate sb-file-uploader
+                return dispatch(requestProjectUpload(loadingState));
+            }
+
+            // `createProject()` might seem more appropriate but it's not a valid state transition here
+            // setting the default project ID is a valid transition from NOT_LOADED and acts like "create new"
+            return dispatch(setProjectId(defaultProjectId));
+        },
+        onFetchedInitialProjectData: (projectData, loadingState) =>
+            dispatch(onFetchedProjectData(projectData, loadingState)),
+        onLoadedProject: (loadingState, loadSuccess) => {
+            const canSaveToServer = false;
+            return dispatch(onLoadedProject(loadingState, canSaveToServer, loadSuccess));
+        },
+        onRequestNewProject: () => dispatch(requestNewProject(false)),
+        onSetUpdate: arg => {
+            dispatch(setUpdate(arg));
+            dispatch(openUpdateModal());
+        },
+        onTelemetrySettingsClicked: () => dispatch(openTelemetryModal())
+    });
+
+    return connect(mapStateToProps, mapDispatchToProps)(ScratchDesktopGUIComponent);
+};
+
+export default ScratchDesktopGUIHOC;

+html, body {
+    background-color: #4D97FF;
+    color: white;
+    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+    font-weight: bolder;
+}
+
+a:active, a:hover, a:link, a:visited {
+    color: currentColor;
+}
+
+a:active, a:hover {
+    filter: brightness(0.9);
+}
+
+.aboutBox {
+    margin: 0;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    text-align:center;
+}
+
+.aboutLogo {
+    max-width: 10rem;
+    max-height: 10rem;
+    margin: 1.5rem 1.5rem 0 1.5rem;
+}
+
+.aboutText {
+    margin: 1.5rem;
+}
+
+.aboutDetails {
+    font-size: x-small;
+    text-align:left;
+    margin:auto;
+
+}
+
+.aboutFooter {
+    font-size: small;
+}

+import React from 'react';
+import {productName, version} from '../../package.json';
+
+import logo from '../icon/OpenBlockDesktop.svg';
+import styles from './about.css';
+
+const AboutElement = () => (
+    <div className={styles.aboutBox}>
+        <div><img
+            alt={`${productName} icon`}
+            src={logo}
+            className={styles.aboutLogo}
+        /></div>
+        <div className={styles.aboutText}>
+            <h2>{productName}</h2>
+            Version {version}
+            <table className={styles.aboutDetails}><tbody>
+                {
+                    ['Electron', 'Chrome', 'Node'].map(component => {
+                        const componentVersion = process.versions[component.toLowerCase()];
+                        return <tr key={component}><td>{component}</td><td>{componentVersion}</td></tr>;
+                    })
+                }
+            </tbody></table>
+        </div>
+    </div>
+);
+
+export default <AboutElement />;

+/* Adapted from scratch-gui/src/playground/index.css */
+html,
+body,
+.app {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+
+    /* Setting min height/width makes the UI scroll below those sizes */
+    min-width: 1024px;
+    min-height: 640px; /* Min height to fit sprite/backdrop button */
+}

+import React from 'react';
+import {compose} from 'redux';
+import GUI from 'openblock-gui/src/index';
+
+import AppStateHOC from 'openblock-gui/src/lib/app-state-hoc.jsx';
+
+import ScratchDesktopAppStateHOC from './ScratchDesktopAppStateHOC.jsx';
+import ScratchDesktopGUIHOC from './ScratchDesktopGUIHOC.jsx';
+import styles from './app.css';
+
+const appTarget = document.getElementById('app');
+appTarget.className = styles.app || 'app';
+
+GUI.setAppElement(appTarget);
+
+
+// note that redux's 'compose' function is just being used as a general utility to make
+// the hierarchy of HOC constructor calls clearer here; it has nothing to do with redux's
+// ability to compose reducers.
+const WrappedGui = compose(
+    ScratchDesktopAppStateHOC,
+    AppStateHOC,
+    ScratchDesktopGUIHOC
+)(GUI);
+
+export default <WrappedGui />;

+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8">
+    <style>
+        body {
+            background-color: #4D97FF;
+        }
+        .splash {
+            color: white;
+            font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+            font-size: xx-large;
+            font-weight: bolder;
+            margin: 0;
+            position: absolute;
+            top: 50%;
+            left: 50%;
+            transform: translate(-50%, -50%);
+        }
+    </style>
+</head>
+<body>
+    <div id="app"><p class="splash">OpenBlock is loading...</p></div>
+</body>
+</html>

+// This file does async imports of the heavy JSX, especially app.jsx, to avoid blocking the first render.
+// The main index.html just contains a loading/splash screen which will display while this import loads.
+
+import {ipcRenderer} from 'electron';
+
+import ReactDOM from 'react-dom';
+
+ipcRenderer.on('ready-to-show', () => {
+    // Start without any element in focus, otherwise the first link starts with focus and shows an orange box.
+    // We shouldn't disable that box or the focus behavior in case someone wants or needs to navigate that way.
+    // This seems like a hack... maybe there's some better way to do avoid any element starting with focus?
+    document.activeElement.blur();
+});
+
+const route = new URLSearchParams(window.location.search).get('route') || 'app';
+let routeModulePromise;
+switch (route) {
+case 'loading':
+    routeModulePromise = import('./loading.jsx');
+    break;
+case 'app':
+    routeModulePromise = import('./app.jsx');
+    break;
+case 'about':
+    routeModulePromise = import('./about.jsx');
+    break;
+case 'license':
+    routeModulePromise = import('./license.jsx');
+    break;
+case 'privacy':
+    routeModulePromise = import('./privacy.jsx');
+    break;
+}
+
+routeModulePromise.then(routeModule => {
+    const appTarget = document.getElementById('app');
+    const routeElement = routeModule.default;
+    ReactDOM.render(routeElement, appTarget);
+});

+html, body {
+    background-color: #4D97FF;
+    color: white;
+    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+    font-weight: normal;
+    line-height: 150%;
+}
+
+a:active, a:hover, a:link, a:visited {
+    color: currentColor;
+}
+
+a:active, a:hover {
+    filter: brightness(0.9);
+}
+
+.licenseBox {
+    margin: 3rem;
+    position: absolute;
+}
+
+.aboutFooter {
+    font-size: small;
+}
+
+.tabList {
+    height: 32px;
+    width: 250px; /* Match width of the toolbox */
+    display: flex;
+    align-items: flex-end;
+    flex-shrink: 0;
+
+    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+    font-weight: 500;
+    font-size: 0.80rem;
+
+    /* Overrides for react-tabs styling */
+    margin: 0 !important;
+    border-bottom: 0 !important;
+}
+
+.tab {
+    flex-grow: 1;
+    height: 80%;
+    margin-bottom: 0;
+
+    border-radius: 0.5rem 0.5rem 0 0;
+    border: 1px solid hsla(0, 0%, 0%, 0.15);
+
+    padding: 0.125rem 1.25rem 0;
+    font-size: 0.75rem;
+
+    background-color: rgb(219, 219, 219);
+    color: #575e75;
+
+    display: flex;
+    justify-content: center;
+    align-items: center;
+
+    user-select: none;
+    white-space: nowrap;
+}
+
+.tab {
+    margin-left: -0.5rem;
+}
+
+.tab:nth-of-type(1) {
+    margin-left: 0;
+}
+
+/* Use z-indices to force left-on-top for tabs */
+.tab:nth-of-type(1) {
+    z-index: 3;
+}
+.tab:nth-of-type(2) {
+    z-index: 2;
+}
+.tab:nth-of-type(3) {
+    z-index: 1;
+}
+
+.tab:hover {
+    background-color: rgb(235, 235, 235);
+}
+
+.tab.isSelected {
+    height: 90%;
+    background-color: white;
+    color: #4D97FF;
+    border-bottom: none;
+    z-index: 4;
+}
+
+.tab.active {
+    background-color: hsla(215, 100%, 65%, 0.15);
+}
+
+.tabs {
+    position: relative;
+    flex-grow: 1;
+    display: flex;
+    flex-direction: column;
+    border: 1px solid #D9D9D9;
+    border-top: none;
+}
+
+.tabPanel {
+    position: relative;
+    flex-grow: 1;
+    display: none;
+    background-color: white;
+    color: #575e75;
+    padding: 2rem 3rem;
+}
+
+.tabPanel h4{
+    margin: 0.2rem 0;
+}
+
+.tabPanel.isSelected {
+    display: flex;
+    flex-direction: column;
+}
+
+.logo {
+    height: 80px;
+    margin: 3rem auto 3rem;
+}
+
+.logo:hover {
+    cursor: pointer;
+}

+/* eslint-disable max-len */
+import React from 'react';
+import styles from './license.css';
+import bindAll from 'lodash.bindall';
+import classNames from 'classnames';
+
+import OpenBlockLogo from '../icon/logo-OpenBlockcc.svg';
+import ScratchFoundationLogo from '../icon/logo-ScratchFoundation.svg';
+
+// Insert new copyright information at the head of the array to add a new copyright notice
+const copyrightInformations = [
+    {
+        id: 'OpenBlock.cc',
+        logo: OpenBlockLogo,
+        link: 'https://www.openblock.cc/',
+        license: 'MIT'
+    },
+    {
+        id: 'Scratch Foundation',
+        link: 'https://www.scratchfoundation.org/',
+        logo: ScratchFoundationLogo,
+        license: 'BSD-3-Clause'
+    }
+];
+
+const licenseContent = {
+    'MIT': (
+        <div className={styles.licenseContent}>
+            <p>
+                Permission is hereby granted, free of charge, to any person obtaining a copy
+                of this software and associated documentation files (the &quot;Software&quot;), to deal
+                in the Software without restriction, including without limitation the rights
+                to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+                copies of the Software, and to permit persons to whom the Software is
+                furnished to do so, subject to the following conditions:
+            </p>
+            <p>
+                The above copyright notice and this permission notice shall be included in all
+                copies or substantial portions of the Software.
+            </p>
+            <p>
+                THE SOFTWARE IS PROVIDED &quot;AS IS&quot;, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+                IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+                FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+                AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+                LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+                OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+                SOFTWARE.
+            </p>
+        </div>
+    ),
+    'BSD-3-Clause': (
+        <div className={styles.licenseContent}>
+            <p>
+                Redistribution and use in source and binary forms, with or without modification,
+                are permitted provided that the following conditions are met:
+            </p>
+            <p>
+                1. Redistributions of source code must retain the above copyright notice, this
+                list of conditions and the following disclaimer.
+            </p>
+            <p>
+                2. Redistributions in binary form must reproduce the above copyright notice, this
+                list of conditions and the following disclaimer in the documentation and/or other
+                materials provided with the distribution.
+            </p>
+            <p>
+                3. Neither the name of the copyright holder nor the names of its contributors may be
+                used to endorse or promote products derived from this software without specific
+                prior written permission.
+            </p>
+            <p>
+                THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS &quot;AS IS&quot; AND ANY
+                EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES
+                OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT
+                SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT,
+                INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED
+                TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS;
+                OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER
+                IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING
+                IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF
+                SUCH DAMAGE.
+            </p>
+        </div>
+    )
+};
+
+class LicenseElement extends React.Component {
+    constructor (props) {
+        super(props);
+        bindAll(this, [
+            'handleClickTab'
+        ]);
+        this.state = {
+            selectedTab: copyrightInformations[0].id
+        };
+    }
+
+    handleClickLogo (e) {
+        copyrightInformations.forEach(item => {
+            if (item.id === e.currentTarget.alt) {
+                window.open(item.link);
+            }
+        });
+    }
+
+    handleClickTab (e) {
+        this.setState({selectedTab: e.currentTarget.id});
+    }
+
+    buildLicenseTabList () {
+        return copyrightInformations.map(item => (
+            <button
+                key={item.id}
+                id={item.id}
+                className={classNames(styles.tab, {
+                    [styles.isSelected]: this.state.selectedTab === item.id
+                })}
+                onClick={this.handleClickTab}
+            >
+                {item.id}
+            </button>
+        ));
+    }
+
+    buildLicenseContent () {
+        return copyrightInformations.map(item => (
+            <div
+                key={item.id}
+                className={classNames(styles.tabPanel, {
+                    [styles.isSelected]: this.state.selectedTab === item.id
+                })}
+            >
+                <img
+                    alt={item.id}
+                    className={styles.logo}
+                    draggable={false}
+                    src={item.logo}
+                    onClick={this.handleClickLogo}
+                />
+                <h4>{item.license} License</h4>
+                <h4>Copyright &copy; {item.id}</h4>
+                {licenseContent[item.license]}
+            </div>
+        ));
+    }
+
+    render () {
+        const tabList = this.buildLicenseTabList();
+        const content = this.buildLicenseContent();
+
+        return (
+            <div className={styles.licenseBox}>
+                <div className={styles.tabList}>
+                    {tabList}
+                </div>
+                <div className={styles.tabs}>
+                    {content}
+                </div>
+            </div>
+        );
+    }
+}
+
+export default <LicenseElement />;

+html, body {
+    background-color: transparent;
+}
+
+.loadingBox {
+    margin: 0;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    width: 100%;
+    height: 100%;
+}
+
+.loadingLogo {
+    max-width: 50rem;
+}

+import React from 'react';
+import {productName} from '../../package.json';
+
+import logo from '../icon/OpenBlockLoading.svg';
+import styles from './loading.css';
+
+const LoadingElement = () => (
+    <div className={styles.loadingBox}>
+        <div>
+            <img
+                alt={`${productName} loading icon`}
+                src={logo}
+                className={styles.loadingLogo}
+            />
+        </div>
+    </div>
+);
+
+export default <LoadingElement />;

+html, body {
+    background-color: #4D97FF;
+    color: white;
+    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+    font-weight: normal;
+    line-height: 150%;
+}
+
+.privacyBox {
+    background-color: white;
+    color: #575e75;
+    margin: 3rem;
+    padding: 2rem 3rem;
+}

+/* eslint-disable max-len */
+import React from 'react';
+
+import styles from './privacy.css';
+
+const PrivacyElement = () => (
+    <div className={styles.privacyBox}>
+        <h1>Privacy Policy</h1>
+        <i>The OpenBlock Privacy Policy was last updated: October 5, 2020</i>
+        <p>
+            The OpenBlock Team (&ldquo;OpenBlock&rdquo;, &ldquo;we&rdquo; or &ldquo;us&rdquo;) understands how
+            important privacy is to our community. We wrote this Privacy Policy to explain what Personal Information
+            (&ldquo;Information&rdquo;) we collect through our offline editor (the &ldquo;<a
+                href="https://wiki.openblock.cc/zh/download-software/"
+                target="_blank"
+                rel="noopener noreferrer"
+            >OpenBlock App</a>&rdquo;), how we use, process, and share it, and what we&apos;re doing to keep it safe. It
+            also tells you about your rights and choices with respect to your Personal Information, and how you can <a
+                href="https://www.openblock.cc/contact-us/"
+                target="_blank"
+                rel="noopener noreferrer"
+            >contact us</a> if you have any questions or concerns.
+        </p>
+        <h2>What Information Does OpenBlock Collect About Me?</h2>
+        <p>
+            For the purpose of this Privacy Policy, &ldquo;Information&rdquo; means any information relating to an
+            identified or identifiable individual. The OpenBlock App automatically collects and stores locally the
+            following Information through its telemetry system: the title of your project in text form, language
+            setting, time zone and events related to your use of the OpenBlock App (namely when the OpenBlock App was
+            opened and closed, if a project file has been loaded or saved, or if a new project is created). If you
+            choose to turn on the telemetry sharing feature, the OpenBlock App will transmit this information to OpenBlock.
+            Projects created in the OpenBlock App are not transmitted to or accessible by OpenBlock.
+        </p>
+        <h2>How Does OpenBlock Use My Information?</h2>
+        <p>We use this Information for the following purposes:</p>
+        <ul>
+            <li>
+                <b>Analytics and Improving the OpenBlock App</b> - We use the Information to analyze use of the OpenBlock
+                App and to enhance your learning experience on the OpenBlock App.
+            </li>
+            <li>
+                <b>Legal</b> - We may use your Information to enforce our <a
+                    href="https://www.openblock.cc/terms-of-use"
+                    target="_blank"
+                    rel="noopener noreferrer"
+                >Terms of Use</a>, to defend our legal rights, and to comply with our legal obligations and internal
+                policies. We may do this by analyzing your use of the OpenBlock App.
+            </li>
+        </ul>
+        <h2>What Are The Legal Grounds For Processing Your Information?</h2>
+        <p>
+            If you are located in the European Economic Area, the United Kingdom or Switzerland, we only process your
+            Information based on a valid legal ground. A &ldquo;legal ground&rdquo; is a reason that justifies our use
+            of your Information. In this case, we or a third party have a legitimate interest in using your Information
+            (if you choose to allow the OpenBlock App to send the OpenBlock team your Information) to create, analyze and
+            share your aggregated or de-identified Information for research purposes, to analyze and enhance your
+            learning experience on the OpenBlock App and otherwise ensure and improve the safety, security, and
+            performance of the OpenBlock App. We only rely on our or a third party’s legitimate interests to process your
+            Information when these interests are not overridden by your rights and interests.
+        </p>
+        <h2>How Does OpenBlock Share My Information?</h2>
+        <p>
+            We disclose information that we collect through the OpenBlock App to third parties in the following
+            circumstances:
+        </p>
+        <ul>
+            <li>
+                <b>Service Providers</b> - To third parties who provide services such as website hosting, data
+                analysis, Information technology and related infrastructure provisions, customer service, email
+                delivery, and other services.
+            </li>
+            <li>
+                <b>Merger</b> - To a potential or actual acquirer, successor, or assignee as part of any
+                reorganization, merger, sale, joint venture, assignment, transfer, or other disposition of all or any
+                portion of our organization or assets. You will have the opportunity to opt out of any such transfer if
+                the new entity&apos;s planned processing of your Information differs materially from that set forth in
+                this Privacy Policy.
+            </li>
+            <li>
+                <b>Legal</b> - If required to do so by law or in the good faith belief that such action is appropriate:
+                (a) under applicable law, including laws outside your country of residence; (b) to comply with legal
+                process; (c) to respond to requests from public and government authorities, such as school, school
+                districts, and law enforcement, including public and government authorities outside your country of
+                residence; (d) to enforce our terms and conditions; (e) to protect our operations or those of any of
+                our affiliates; (f) to protect our rights, privacy, safety, or property, and/or that of our affiliates,
+                you, or others; and (g) to allow us to pursue available remedies or limit the damages that we may
+                sustain.
+            </li>
+        </ul>
+        <h2>Children and Student Privacy</h2>
+        <p>
+            The OpenBlock Team is a nonprofit organization. As such, the Children&apos;s Online Privacy
+            Protection Act (COPPA) does not apply to OpenBlock. Nevertheless, OpenBlock takes children&apos;s privacy
+            seriously. OpenBlock collects only minimal information from its users, and only uses and discloses
+            information to provide the services and for limited other purposes, such as research, as described in this
+            Privacy Policy.
+        </p>
+        <p>
+            OpenBlock does not collect information from a student&apos;s education record, as defined by the Family
+            Educational Rights and Privacy Act (FERPA). OpenBlock does not disclose information of students to any third
+            parties except as described in this Privacy Policy.
+        </p>
+        <h2>Your Data Protection Rights (EEA)</h2>
+        <p>
+            If you are located in the European Economic Area, the United Kingdom or Switzerland, you have certain
+            rights in relation to your Information:
+        </p>
+        <ul>
+            <li>
+                <b>Access, Correction and Data Portability</b> - You may ask for an overview of the Information we
+                process about you and to receive a copy of your Information. You also have the right to request to
+                correct incomplete, inaccurate or outdated Information. To the extent required by applicable law, you
+                may request us to provide your Information to another company.
+            </li>
+            <li>
+                <b>Objection</b> – You may object to (this means &ldquo;ask us to stop&rdquo;) any use of your
+                Information that is not (i) processed to comply with a legal obligation, (ii) necessary to do what is
+                provided in a contract between OpenBlock and you, or (iii) if we have a compelling reason to do so (such
+                as, to ensure safety and security in our online community). If you do object, we will work with you to
+                find a reasonable solution.
+            </li>
+            <li>
+                <b>Deletion</b> - You may also request the deletion of your Information, as permitted under applicable
+                law. This applies, for instance, where your Information is outdated or the processing is not necessary
+                or is unlawful; where you withdraw your consent to our processing based on such consent; or where you
+                have objected to our processing. In some situations, we may need to retain your Information due to
+                legal obligations or for litigation purposes. If you want to have all of your Information removed from
+                our servers, please contact <a
+                    href="mailto:help@openblock.cc"
+                    target="_blank"
+                    rel="noopener noreferrer"
+                >help@openblock.cc</a> for assistance.
+            </li>
+            <li>
+                <b>Restriction Of Processing</b> - You may request that we restrict processing of your Information
+                while we are processing a request relating to (i) the accuracy of your Information, (ii) the lawfulness
+                of the processing of your Information, or (iii) our legitimate interests to process this Information.
+                You may also request that we restrict processing of your Information if you wish to use the Information
+                for litigation purposes.
+            </li>
+            <li>
+                <b>Withdrawal Of Consent</b> – Where we rely on consent for the processing of your Information, you
+                have the right to withdraw it at any time and free of charge. When you do so, this will not affect the
+                lawfulness of the processing before your consent withdrawal.
+            </li>
+        </ul>
+        <p>
+            In addition to the above-mentioned rights, you also have the right to lodge a complaint with a competent
+            supervisory authority subject to applicable law. However, there are exceptions and limitations to each of
+            these rights. We may, for example, refuse to act on a request if the request is manifestly unfounded or
+            excessive, or if the request is likely to adversely affect the rights and freedoms of others, prejudice the
+            execution or enforcement of the law, interfere with pending or future litigation, or infringe applicable
+            law. To submit a request to exercise your rights, please contact <a
+                href="mailto:help@openblock.cc"
+                target="_blank"
+                rel="noopener noreferrer"
+            >help@openblock.cc</a> for assistance.
+        </p>
+        <h2>Data Retention</h2>
+        <p>
+            We take measures to delete your Information or keep it in a form that does not allow you to be identified
+            when this Information is no longer necessary for the purposes for which we process it, unless we are
+            required by law to keep this Information for a longer period. When determining the retention period, we
+            take into account various criteria, such as the type of services requested by or provided to you, the
+            nature and length of our relationship with you, possible re-enrollment with our services, the impact on the
+            services we provide to you if we delete some Information from or about you, mandatory retention periods
+            provided by law and the statute of limitations.
+        </p>
+        <h2>How Does OpenBlock Protect My Information?</h2>
+        <p>
+            OpenBlock has in place administrative, physical, and technical procedures that are intended to protect the
+            Information we collect on the OpenBlock App against accidental or unlawful destruction, accidental loss,
+            unauthorized alteration, unauthorized disclosure or access, misuse, and any other unlawful form of
+            processing of the Information. However, as effective as these measures are, no security system is
+            impenetrable. We cannot completely guarantee the security of our databases, nor can we guarantee that the
+            Information you supply will not be intercepted while being transmitted to us over the Internet.
+        </p>
+        <h2>International Data Transfer</h2>
+        <p>
+            We may transfer your Information to countries other than the country where you are located, including to
+            the China. (where our OpenBlock servers are located) or any other country in which we or our service
+            providers maintain facilities. If you are located in the European Economic Area, the United Kingdom or
+            Switzerland, or other regions with laws governing data collection and use that may differ from U.S. law,
+            please note that we may transfer your Information to a country and jurisdiction that does not have the same
+            data protection laws as your jurisdiction. We apply appropriate safeguards to the Information processed and
+            transferred on our behalf. Please contact us for more information on the safeguards used.
+        </p>
+        <h2>Notifications Of Changes To The Privacy Policy</h2>
+        <p>
+            We review our Privacy Policy on a periodic basis, and we may modify our policies as appropriate. We will
+            notify you of any material changes. We encourage you to review our Privacy Policy on a regular basis. The
+            &ldquo;Last Updated&rdquo; date at the top of this page indicates when this Privacy Policy was last
+            revised. Your continued use of the OpenBlock App following these changes means that you accept the revised
+            Privacy Policy.
+        </p>
+        <h2>Contact Us</h2>
+        <p>
+            The OpenBlock Team is the entity responsible for the processing of your Information. If you have any
+            questions about this Privacy Policy, or if you would like to exercise your rights to your Information, you
+            may contact us at <a
+                href="mailto:help@openblock.cc"
+                target="_blank"
+                rel="noopener noreferrer"
+            >help@openblock.cc</a> or via mail at:
+        </p>
+        <div className="vcard">
+            <div className="org">OpenBlock Team</div>
+            <div className="fn">ATTN: Privacy Policy</div>
+            <div className="adr">
+                <div className="street-address">Datang Street</div>
+                <span className="locality">Shenzhen</span>, <span className="region">Guangdong</span> <span
+                    className="postal-code"
+                >518110</span>
+            </div>
+        </div>
+    </div>
+);
+
+export default <PrivacyElement />;

+import {ipcRenderer} from 'electron';
+
+const showPrivacyPolicy = event => {
+    if (event) {
+        // Probably a click on a link; don't actually follow the link in the `href` attribute.
+        event.preventDefault();
+    }
+    // tell the main process to open the privacy policy window
+    ipcRenderer.send('open-privacy-policy-window');
+    return false;
+};
+
+export default showPrivacyPolicy;

+const path = require('path');
+
+const makeConfig = require('./webpack.makeConfig.js');
+
+module.exports = defaultConfig =>
+    makeConfig(
+        defaultConfig,
+        {
+            name: 'main',
+            useReact: false,
+            disableDefaultRulesForExtensions: ['js'],
+            babelPaths: [
+                path.resolve(__dirname, 'src', 'main')
+            ]
+        }
+    );

+const childProcess = require('child_process');
+const fs = require('fs');
+const path = require('path');
+const util = require('util');
+
+const electronPath = require('electron');
+const webpack = require('webpack');
+const merge = require('webpack-merge');
+
+const MonacoWebpackPlugin = require('monaco-editor-webpack-plugin');
+const MONACO_DIR = path.resolve(__dirname, './node_modules/monaco-editor');
+
+// PostCss
+const autoprefixer = require('autoprefixer');
+const postcssVars = require('postcss-simple-vars');
+const postcssImport = require('postcss-import');
+
+const isProduction = (process.env.NODE_ENV === 'production');
+
+const electronVersion = childProcess.execSync(`${electronPath} --version`, {encoding: 'utf8'}).trim();
+console.log(`Targeting Electron ${electronVersion}`); // eslint-disable-line no-console
+
+const makeConfig = function (defaultConfig, options) {
+    const babelOptions = {
+        // Explicitly disable babelrc so we don't catch various config in much lower dependencies.
+        babelrc: false,
+        plugins: [
+            '@babel/plugin-syntax-dynamic-import',
+            '@babel/plugin-transform-async-to-generator',
+            '@babel/plugin-proposal-object-rest-spread'
+        ],
+        presets: [
+            ['@babel/preset-env', {targets: {electron: electronVersion}}]
+        ]
+    };
+
+    const sourceFileTest = options.useReact ? /\.jsx?$/ : /\.js$/;
+    if (options.useReact) {
+        babelOptions.presets = babelOptions.presets.concat('@babel/preset-react');
+        babelOptions.plugins.push(['react-intl', {
+            messagesDir: './translations/messages/'
+        }]);
+    }
+
+    // TODO: consider adjusting these rules instead of discarding them in at least some cases
+    if (options.disableDefaultRulesForExtensions) {
+        defaultConfig.module.rules = defaultConfig.module.rules.filter(rule => {
+            if (!(rule.test instanceof RegExp)) {
+                // currently we don't support overriding other kinds of rules
+                return true;
+            }
+            // disable default rules for any file extension listed here
+            // we will handle these files in some other way (see below)
+            // OR we want to avoid any processing at all (such as with fonts)
+            const shouldDisable = options.disableDefaultRulesForExtensions.some(
+                ext => rule.test.test(`test.${ext}`)
+            );
+            const statusWord = shouldDisable ? 'Discarding' : 'Keeping';
+            console.log(`${options.name}: ${statusWord} electron-webpack default rule for ${rule.test}`);
+            return !shouldDisable;
+        });
+    }
+
+    const config = merge.smart(defaultConfig, {
+        devtool: 'cheap-module-eval-source-map',
+        mode: isProduction ? 'production' : 'development',
+        module: {
+            rules: [
+                {
+                    test: sourceFileTest,
+                    include: options.babelPaths,
+                    loader: 'babel-loader',
+                    options: babelOptions
+                },
+                { // coped from scratch-gui
+                    test: /\.css$/,
+                    exclude: MONACO_DIR,
+                    use: [{
+                        loader: 'style-loader'
+                    }, {
+                        loader: 'css-loader',
+                        options: {
+                            modules: true,
+                            importLoaders: 1,
+                            localIdentName: '[name]_[local]_[hash:base64:5]',
+                            camelCase: true
+                        }
+                    }, {
+                        loader: 'postcss-loader',
+                        options: {
+                            ident: 'postcss',
+                            plugins: function () {
+                                return [
+                                    postcssImport,
+                                    postcssVars,
+                                    autoprefixer
+                                ];
+                            }
+                        }
+                    }]
+                },
+                {
+                    test: /\.(svg|png|wav|gif|jpg|ttf)$/,
+                    loader: 'file-loader',
+                    options: {
+                        outputPath: 'static/assets/'
+                    }
+                },
+                {
+                    test: /\.css$/,
+                    include: MONACO_DIR,
+                    use: ['style-loader', 'css-loader']
+                },
+                {
+                    test: /node_modules[/\\](iconv-lite)[/\\].+/,
+                    resolve: {
+                        aliasFields: ['main']
+                    }
+                }
+            ]
+        },
+        plugins: [
+            new webpack.DefinePlugin({
+                'process.env.GA_ID': `"${process.env.GA_ID || 'UA-000000-01'}"`
+            }),
+            new webpack.SourceMapDevToolPlugin({
+                filename: '[file].map'
+            }),
+            new MonacoWebpackPlugin({
+                languages: ['c', 'cpp', 'python', 'lua', 'javascript'],
+                features: ['!gotoSymbol']
+            })
+        ].concat(options.plugins || []),
+        resolve: {
+            cacheWithContext: false,
+            symlinks: false,
+            alias: {
+                // act like scratch-gui has this line in its package.json:
+                //   "browser": "./src/index.js"
+                'openblock-gui$': path.resolve(__dirname, 'node_modules', 'openblock-gui', 'src', 'index.js')
+            }
+        }
+    });
+
+    // If we're not on CI, enable Webpack progress output
+    // Note that electron-webpack enables this by default, so use '--no-progress' to avoid double-adding this plugin
+    if (!process.env.CI) {
+        config.plugins.push(new webpack.ProgressPlugin());
+    }
+
+    fs.writeFileSync(
+        `dist/webpack.${options.name}.js`,
+        `module.exports = ${util.inspect(config, {depth: null})};\n`
+    );
+
+    return config;
+};
+
+module.exports = makeConfig;

+const path = require('path');
+
+const CopyWebpackPlugin = require('copy-webpack-plugin');
+
+const makeConfig = require('./webpack.makeConfig.js');
+
+const getModulePath = moduleName => path.dirname(require.resolve(`${moduleName}/package.json`));
+
+module.exports = defaultConfig =>
+    makeConfig(
+        defaultConfig,
+        {
+            name: 'renderer',
+            useReact: true,
+            disableDefaultRulesForExtensions: ['js', 'jsx', 'css', 'svg', 'png', 'wav', 'gif', 'jpg', 'ttf'],
+            babelPaths: [
+                path.resolve(__dirname, 'src', 'renderer'),
+                /node_modules[\\/]+scratch-[^\\/]+[\\/]+src/,
+                /node_modules[\\/]+openblock-[^\\/]+[\\/]+src/,
+                /node_modules[\\/]+pify/,
+                /node_modules[\\/]+@vernier[\\/]+godirect/
+            ],
+            plugins: [
+                new CopyWebpackPlugin([{
+                    from: path.join(getModulePath('openblock-blocks'), 'media'),
+                    to: 'static/blocks-media'
+                }]),
+                new CopyWebpackPlugin([{
+                    from: 'extension-worker.{js,js.map}',
+                    context: path.join(getModulePath('openblock-vm'), 'dist', 'web')
+                }]),
+                new CopyWebpackPlugin([{
+                    from: path.join(getModulePath('openblock-gui'), 'src', 'lib', 'libraries', '*.json'),
+                    to: 'static/libraries',
+                    flatten: true
+                }])
+            ]
+        }
+    );