[
{
"path": ".babelrc",
"content": "{\n \"presets\": [\"@babel/preset-env\"]\n}"
},
{
"path": ".eslintrc.json",
"content": "{\n \"env\": {\n \"es6\": true,\n \"browser\": true\n },\n \"rules\": {\n \"no-mixed-spaces-and-tabs\": \"error\",\n \"indent\": [\"error\", 4, {\n \"SwitchCase\": 1,\n \"ArrayExpression\": \"first\",\n \"CallExpression\": {\"arguments\": \"first\"},\n \"flatTernaryExpressions\": true\n }],\n \"curly\": [\"error\", \"all\"],\n \"semi\": [\"error\", \"always\"],\n \"brace-style\": [\"error\", \"1tbs\", {\"allowSingleLine\": true}],\n \"quotes\": [\"error\", \"double\", {\"avoidEscape\": true}]\n },\n \"parserOptions\": {\n \"sourceType\": \"module\",\n \"ecmaVersion\": 2019\n }\n}\n"
},
{
"path": ".github/copilot-instructions.md",
"content": "# BlockPy Development Instructions\n\nBlockPy is a web-based Python environment combining visual blocks (Blockly) and text editing, with Skulpt for client-side Python execution. It's designed for data science education with guided feedback and state exploration tools.\n\n**Always reference these instructions first and fallback to search or bash commands only when you encounter unexpected information that does not match the info here.**\n\n## Critical Setup Requirements\n\n**NEVER CANCEL builds or long-running commands** - All build operations require completion for proper validation.\n\n### Essential Dependencies and Timing\n\n- **Node.js Compatibility**: Requires `NODE_OPTIONS=\"--openssl-legacy-provider\"` for Node.js 17+ due to webpack 4.x compatibility\n- **npm install**: Use `npm install --legacy-peer-deps` (takes ~32 seconds, NEVER CANCEL - set timeout to 60+ seconds)\n- **Build process**: `NODE_OPTIONS=\"--openssl-legacy-provider\" npm run build` (takes ~11 seconds, NEVER CANCEL - set timeout to 60+ seconds) \n- **Linting**: `npx eslint src/blockpy.js` (takes ~1.3 seconds)\n\n### Working With This Repository\n\n**CRITICAL**: This repository is part of a larger ecosystem and cannot run fully standalone. The complete setup requires multiple sibling repositories:\n\n```\nblockpy-edu/\n skulpt/ # Python-to-JS compiler\n blockly/ # Visual blocks library \n BlockMirror/ # Block-text conversion\n blockpy/ # This repository\npedal-edu/\n pedal/ # Feedback system\n curriculum-ctvt/\n curriculum-sneks/\n```\n\n## Build and Development Commands\n\n### Initial Setup\n```bash\n# Install dependencies (NEVER CANCEL - takes ~32 seconds)\nnpm install --legacy-peer-deps\n```\n\n### Building the Project\n```bash\n# Development build with watch mode (runs continuously)\nNODE_OPTIONS=\"--openssl-legacy-provider\" npm run dev\n\n# Production build (NEVER CANCEL - takes ~11 seconds) \nNODE_OPTIONS=\"--openssl-legacy-provider\" npm run build\n```\n\n### Code Quality\n```bash\n# Lint JavaScript code (~1.3 seconds)\nnpx eslint src/blockpy.js\n\n# Lint all JS files in src/\nnpx eslint src/\n```\n\n### Testing the Build Output\n```bash\n# Start local web server for testing\npython -m http.server 8000\n\n# Access test page at: http://localhost:8000/tests/index.html\n# NOTE: Full functionality requires complete ecosystem setup\n```\n\n## Validation Scenarios\n\n**Always run these validation steps after making changes:**\n\n1. **Build Validation**: Ensure webpack builds complete successfully and generates `dist/blockpy.js`, `dist/blockpy.css`, and `dist/blockpy.min.js`\n2. **Lint Validation**: Run ESLint to catch code style issues before committing\n3. **File Structure**: Verify dist files are created with expected sizes (~1.4MB blockpy.js, ~1MB blockpy.min.js, ~38KB blockpy.css)\n\n## Important Limitations and Known Issues\n\n### What Works in This Repository Alone:\n- Build process (webpack compilation)\n- Code linting (ESLint)\n- Static file generation\n- Basic web server hosting\n\n### What Requires Full Ecosystem:\n- **Complete application functionality** - needs skulpt, blockly, BlockMirror, pedal dependencies\n- **Python code execution** - requires skulpt compiler from sibling directory\n- **Visual block editing** - requires blockly from sibling directory \n- **Block-text conversion** - requires BlockMirror from sibling directory\n- **Feedback system** - requires pedal modules from sibling directories\n\n### Broken/Outdated Components:\n- `build.py` - fails due to missing `src/interface.html` and `src/instructor/` directory\n- `merge.py` - outdated file list, expects different src structure\n- `npm test` - not configured, returns error\n- Python preprocessing scripts are not needed with current webpack setup\n\n## File Structure and Key Locations\n\n### Critical Source Files:\n- `src/blockpy.js` - Main entry point\n- `src/editor/` - Editor components (Python, blocks, etc.)\n- `src/engine/` - Execution engine and configurations\n- `webpack.config.js` - Build configuration\n- `tests/index.html` - Main test entry point (requires ecosystem)\n\n### Generated Files (in dist/):\n- `blockpy.js` - Development build (~1.4MB)\n- `blockpy.min.js` - Production build (~1MB)\n- `blockpy.css` - Stylesheets (~38KB)\n\n### Configuration:\n- `.eslintrc.json` - ESLint configuration\n- `package.json` - npm dependencies and scripts\n- `.babelrc` - Babel transpilation settings\n\n## Common Development Tasks\n\n### Making Code Changes:\n1. Edit files in `src/` directory\n2. Run `NODE_OPTIONS=\"--openssl-legacy-provider\" npm run build`\n3. Run `npx eslint src/` to check code quality\n4. Test with `python -m http.server 8000` and verify dist files\n\n### Before Committing:\n1. **Always build**: `NODE_OPTIONS=\"--openssl-legacy-provider\" npm run build`\n2. **Always lint**: `npx eslint src/`\n3. **Verify dist files**: Check that `dist/` contains updated builds\n4. **Never commit** `node_modules/` or temporary files\n\n### Debugging Build Issues:\n- Ensure `NODE_OPTIONS=\"--openssl-legacy-provider\"` is set for Node.js 17+\n- Use `--legacy-peer-deps` flag for npm install if dependency conflicts occur\n- Check webpack output for specific error messages\n- Verify all source files exist before building\n\n## Architecture Notes\n\nBlockPy uses a component-based architecture with KnockoutJS for UI binding. The main execution flow:\n1. User code → BlockPy Engine → Configuration classes → Skulpt execution \n2. Results → Feedback system → UI updates\n3. Editor synchronization between blocks and text via BlockMirror\n\nKey components:\n- **Editors**: Python, blocks, markdown, JSON, etc. (`src/editor/`)\n- **Engine**: Code execution and configurations (`src/engine/`)\n- **Feedback**: Result processing and presentation (`src/feedback.js`)\n- **Interface**: UI components and layouts (`src/interface.js`)\n\n**Remember: This codebase is part of a larger educational platform. For full functionality, the complete ecosystem setup is required as described in the main README.md.**"
},
{
"path": ".gitignore",
"content": "# BlockPy stuff\n\nblockly/\nskulpt/\n\nThumbs.db\nignore/\nkennel_dist/\nblockly_backup/\ndata_analysis/\nclosure-compiler/\nresearch/\ntest_corgis/\nadvertising/*.mp4\n~*.pptx\n\n# Node Stuff\npids\n*.pid\n*.seed\n*.pid.lock\nnode_modules/\njspm_packages/\n.npm\n\n# Byte-compiled / optimized / DLL files\n__pycache__/\n*.py[cod]\n\n# C extensions\n*.so\n\n# Distribution / packaging\n.Python\nenv/\nvenv/\nbin/\nbuild/\ndevelop-eggs/\ndist/\n!server/static/skulpt/dist\neggs/\nlib64/\nparts/\nsdist/\nvar/\n*.egg-info/\n.installed.cfg\n*.egg\n\n# Installer logs\npip-log.txt\npip-delete-this-directory.txt\n\n# Unit test / coverage reports\nhtmlcov/\n.tox/\n.coverage\n.cache\nnosetests.xml\ncoverage.xml\n\n# Translations\n*.mo\n\n# Mr Developer\n.mr.developer.cfg\n.project\n.pydevproject\n\n# Rope\n.ropeproject\n\n# Django stuff:\n*.log\n*.pot\n\n# Sphinx documentation\ndocs/_build/\n\n"
},
{
"path": ".idea/.gitignore",
"content": "# Default ignored files\n/workspace.xml"
},
{
"path": ".idea/blockpy.iml",
"content": "\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n"
},
{
"path": ".idea/dictionaries/acbart.xml",
"content": "\n \n \n blockly\n blockmirror\n blockpy\n datasets\n filewrite\n hiddeness\n ipynb\n linestyle\n skulpt\n suppressions\n timeit\n undeletable\n unrenamable\n xlabel\n ylabel\n \n \n"
},
{
"path": ".idea/inspectionProfiles/Project_Default.xml",
"content": "\n \n \n \n \n \n \n \n"
},
{
"path": ".idea/jsLibraryMappings.xml",
"content": "\n\n \n \n \n"
},
{
"path": ".idea/libraries/D3.xml",
"content": "\n \n \n \n \n \n \n \n"
},
{
"path": ".idea/libraries/Skulpt.xml",
"content": "\n \n \n \n \n \n \n \n \n \n \n \n \n"
},
{
"path": ".idea/markdown-navigator-enh.xml",
"content": "\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n"
},
{
"path": ".idea/markdown-navigator.xml",
"content": "\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n"
},
{
"path": ".idea/markdown.xml",
"content": "\n\n \n \n \n \n \n \n"
},
{
"path": ".idea/misc.xml",
"content": "\n\n \n \n \n \n"
},
{
"path": ".idea/modules.xml",
"content": "\n\n \n \n \n \n \n"
},
{
"path": ".idea/vcs.xml",
"content": "\n\n \n \n \n"
},
{
"path": "LICENSE",
"content": "Apache License\n Version 2.0, January 2004\n http://www.apache.org/licenses/\n\n TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION\n\n 1. Definitions.\n\n \"License\" shall mean the terms and conditions for use, reproduction,\n and distribution as defined by Sections 1 through 9 of this document.\n\n \"Licensor\" shall mean the copyright owner or entity authorized by\n the copyright owner that is granting the License.\n\n \"Legal Entity\" shall mean the union of the acting entity and all\n other entities that control, are controlled by, or are under common\n control with that entity. For the purposes of this definition,\n \"control\" means (i) the power, direct or indirect, to cause the\n direction or management of such entity, whether by contract or\n otherwise, or (ii) ownership of fifty percent (50%) or more of the\n outstanding shares, or (iii) beneficial ownership of such entity.\n\n \"You\" (or \"Your\") shall mean an individual or Legal Entity\n exercising permissions granted by this License.\n\n \"Source\" form shall mean the preferred form for making modifications,\n including but not limited to software source code, documentation\n source, and configuration files.\n\n \"Object\" form shall mean any form resulting from mechanical\n transformation or translation of a Source form, including but\n not limited to compiled object code, generated documentation,\n and conversions to other media types.\n\n \"Work\" shall mean the work of authorship, whether in Source or\n Object form, made available under the License, as indicated by a\n copyright notice that is included in or attached to the work\n (an example is provided in the Appendix below).\n\n \"Derivative Works\" shall mean any work, whether in Source or Object\n form, that is based on (or derived from) the Work and for which the\n editorial revisions, annotations, elaborations, or other modifications\n represent, as a whole, an original work of authorship. For the purposes\n of this License, Derivative Works shall not include works that remain\n separable from, or merely link (or bind by name) to the interfaces of,\n the Work and Derivative Works thereof.\n\n \"Contribution\" shall mean any work of authorship, including\n the original version of the Work and any modifications or additions\n to that Work or Derivative Works thereof, that is intentionally\n submitted to Licensor for inclusion in the Work by the copyright owner\n or by an individual or Legal Entity authorized to submit on behalf of\n the copyright owner. For the purposes of this definition, \"submitted\"\n means any form of electronic, verbal, or written communication sent\n to the Licensor or its representatives, including but not limited to\n communication on electronic mailing lists, source code control systems,\n and issue tracking systems that are managed by, or on behalf of, the\n Licensor for the purpose of discussing and improving the Work, but\n excluding communication that is conspicuously marked or otherwise\n designated in writing by the copyright owner as \"Not a Contribution.\"\n\n \"Contributor\" shall mean Licensor and any individual or Legal Entity\n on behalf of whom a Contribution has been received by Licensor and\n subsequently incorporated within the Work.\n\n 2. Grant of Copyright License. Subject to the terms and conditions of\n this License, each Contributor hereby grants to You a perpetual,\n worldwide, non-exclusive, no-charge, royalty-free, irrevocable\n copyright license to reproduce, prepare Derivative Works of,\n publicly display, publicly perform, sublicense, and distribute the\n Work and such Derivative Works in Source or Object form.\n\n 3. Grant of Patent License. Subject to the terms and conditions of\n this License, each Contributor hereby grants to You a perpetual,\n worldwide, non-exclusive, no-charge, royalty-free, irrevocable\n (except as stated in this section) patent license to make, have made,\n use, offer to sell, sell, import, and otherwise transfer the Work,\n where such license applies only to those patent claims licensable\n by such Contributor that are necessarily infringed by their\n Contribution(s) alone or by combination of their Contribution(s)\n with the Work to which such Contribution(s) was submitted. If You\n institute patent litigation against any entity (including a\n cross-claim or counterclaim in a lawsuit) alleging that the Work\n or a Contribution incorporated within the Work constitutes direct\n or contributory patent infringement, then any patent licenses\n granted to You under this License for that Work shall terminate\n as of the date such litigation is filed.\n\n 4. Redistribution. You may reproduce and distribute copies of the\n Work or Derivative Works thereof in any medium, with or without\n modifications, and in Source or Object form, provided that You\n meet the following conditions:\n\n (a) You must give any other recipients of the Work or\n Derivative Works a copy of this License; and\n\n (b) You must cause any modified files to carry prominent notices\n stating that You changed the files; and\n\n (c) You must retain, in the Source form of any Derivative Works\n that You distribute, all copyright, patent, trademark, and\n attribution notices from the Source form of the Work,\n excluding those notices that do not pertain to any part of\n the Derivative Works; and\n\n (d) If the Work includes a \"NOTICE\" text file as part of its\n distribution, then any Derivative Works that You distribute must\n include a readable copy of the attribution notices contained\n within such NOTICE file, excluding those notices that do not\n pertain to any part of the Derivative Works, in at least one\n of the following places: within a NOTICE text file distributed\n as part of the Derivative Works; within the Source form or\n documentation, if provided along with the Derivative Works; or,\n within a display generated by the Derivative Works, if and\n wherever such third-party notices normally appear. The contents\n of the NOTICE file are for informational purposes only and\n do not modify the License. You may add Your own attribution\n notices within Derivative Works that You distribute, alongside\n or as an addendum to the NOTICE text from the Work, provided\n that such additional attribution notices cannot be construed\n as modifying the License.\n\n You may add Your own copyright statement to Your modifications and\n may provide additional or different license terms and conditions\n for use, reproduction, or distribution of Your modifications, or\n for any such Derivative Works as a whole, provided Your use,\n reproduction, and distribution of the Work otherwise complies with\n the conditions stated in this License.\n\n 5. Submission of Contributions. Unless You explicitly state otherwise,\n any Contribution intentionally submitted for inclusion in the Work\n by You to the Licensor shall be under the terms and conditions of\n this License, without any additional terms or conditions.\n Notwithstanding the above, nothing herein shall supersede or modify\n the terms of any separate license agreement you may have executed\n with Licensor regarding such Contributions.\n\n 6. Trademarks. This License does not grant permission to use the trade\n names, trademarks, service marks, or product names of the Licensor,\n except as required for reasonable and customary use in describing the\n origin of the Work and reproducing the content of the NOTICE file.\n\n 7. Disclaimer of Warranty. Unless required by applicable law or\n agreed to in writing, Licensor provides the Work (and each\n Contributor provides its Contributions) on an \"AS IS\" BASIS,\n WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or\n implied, including, without limitation, any warranties or conditions\n of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A\n PARTICULAR PURPOSE. You are solely responsible for determining the\n appropriateness of using or redistributing the Work and assume any\n risks associated with Your exercise of permissions under this License.\n\n 8. Limitation of Liability. In no event and under no legal theory,\n whether in tort (including negligence), contract, or otherwise,\n unless required by applicable law (such as deliberate and grossly\n negligent acts) or agreed to in writing, shall any Contributor be\n liable to You for damages, including any direct, indirect, special,\n incidental, or consequential damages of any character arising as a\n result of this License or out of the use or inability to use the\n Work (including but not limited to damages for loss of goodwill,\n work stoppage, computer failure or malfunction, or any and all\n other commercial damages or losses), even if such Contributor\n has been advised of the possibility of such damages.\n\n 9. Accepting Warranty or Additional Liability. While redistributing\n the Work or Derivative Works thereof, You may choose to offer,\n and charge a fee for, acceptance of support, warranty, indemnity,\n or other liability obligations and/or rights consistent with this\n License. However, in accepting such obligations, You may act only\n on Your own behalf and on Your sole responsibility, not on behalf\n of any other Contributor, and only if You agree to indemnify,\n defend, and hold each Contributor harmless for any liability\n incurred by, or claims asserted against, such Contributor by reason\n of your accepting any such warranty or additional liability.\n\n END OF TERMS AND CONDITIONS\n\n APPENDIX: How to apply the Apache License to your work.\n\n To apply the Apache License to your work, attach the following\n boilerplate notice, with the fields enclosed by brackets \"{}\"\n replaced with your own identifying information. (Don't include\n the brackets!) The text should be enclosed in the appropriate\n comment syntax for the file format. We also recommend that a\n file or class name and description of purpose be included on the\n same \"printed page\" as the copyright notice for easier\n identification within third-party archives.\n\n Copyright {yyyy} {name of copyright owner}\n\n Licensed under the Apache License, Version 2.0 (the \"License\");\n you may not use this file except in compliance with the License.\n You may obtain a copy of the License at\n\n http://www.apache.org/licenses/LICENSE-2.0\n\n Unless required by applicable law or agreed to in writing, software\n distributed under the License is distributed on an \"AS IS\" BASIS,\n WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n See the License for the specific language governing permissions and\n limitations under the License."
},
{
"path": "README.md",
"content": "corgis-blockly\n==============\n\n![CORGIS BlockPy](images/blockly-corgi-logo.png?raw=true \"CORGIS BlockPy\")\n\nBlockPy is a web-based Python environment that lets you work with blocks, text, or both. Designed for Data Science and equipped with powerful tools like the State Explorer and Guided Feedback, the goal of BlockPy is to let you solve authentic, real-world problems.\n\nThe goal of BlockPy is to give you a gentle introduction to Python but eventually mature you into a more serious programming environment (such as Spyder or PyCharm). Long-term, we may support some game/animation design stuff that Scratch/Snap does, but that's not the real goal.\n\nThe BlockPy project is aimed at solving some hard technical problems: having a block-based environment for a dynamic language can be tricky - are a given pair of square brackets representing list indexing or dictionary indexing? Our goal is to use advanced program analysis techniques to provide excellent support to learners.\n\nOverview\n--------\n\nThe core architecture of BlockPy is a synthesis of:\n\n* Blockly: a visual library for manipulating a block canvas that can generate equivalent textual code in a variety of languages\n* Skulpt: an in-browser Python-to-JavaScript compiler/intepreter, that aims to emulate the full language with precision if not speed.\n\nBy combining these two technologies, we end up with a powerful system for writing Python code quickly. Everything is meant to run locally in the client, so there's no complexity of sandboxing students' code on the server.\n\nInstallation\n------------\n\nFirst, you're going to need all of our special dependencies. The final structure looks like this:\n\n```\nblockpy-edu/\n skulpt/\n blockly/\n BlockMirror/\n blockpy/\npedal-edu/\n pedal/\n curriculum-ctvt\n curriculum-sneks\n```\n\n1. So you can start by making the two top-level directories:\n\n```shell\n$> mkdir blockpy-edu\n$> mkdir pedal-edu\n```\n\n2. Skulpt is probably the hardest dependency, since you will probably want to modify it.\n\nNote from 4/4/2026: You need to use the `esbuild-source` branch nowadays.\n\n```shell\n$> cd blockpy-edu\n$> git clone https://github.com/blockpy-edu/skulpt skulpt\n$> cd skulpt\n$> npm install\n$> npm run devbuild\n```\n\n3. For many of the remainders, you actually only need the final compiled files (per [this file](https://github.com/blockpy-edu/blockpy/blob/master/tests/index.html#L51-L68)).\nBut if you want to install each from source, here are the github links:\n\n```shell\n$> cd blockpy-edu\n$> git clone https://github.com/blockpy-edu/BlockMirror BlockMirror\n$> git clone https://github.com/google/blockly blockly\n$> cd ../pedal-edu\n$> git clone https://github.com/pedal-edu/pedal pedal\n$> git clone https://github.com/pedal-edu/curriculum-ctvt curriculum-ctvt\n$> git clone https://github.com/pedal-edu/curriculum-sneks curriculum-sneks\n```\n\n4. To actually install the BlockPy client, you can do the following:\n\n```\n$> cd ../blockpy-edu\n$> git clone https://github.com/blockpy-edu/blockpy blockpy\n$> cd blockpy\n$> npm install\n$> npm run dev\n```\n\nThat should rebuild the files into `dist`. You can then open `tests/index.html` and explore.\n"
},
{
"path": "build.py",
"content": "import os\nimport re\n\nwith open('src/interface.html', 'r') as inp:\n with open('src/interface.js', 'w') as output:\n contents = inp.read()\n cleaned_contents = contents.replace('\"', '\\\\\"').replace('\\n', '')\n js_contents = '''\n /**\n * An automatically generated file, based on interface.html.\n * An interesting problem in web development is managing HTML\n * code in JS files. Rather than embedding string literals and\n * concatenating them, or some other hackish soluion,\n * we simply convert an HTML file to a JS string. Therefore,\n * relevant edits should be in interface.html instead.\n *\n * The BlockPyInterface global can be seen as a constant\n * representation of the default interface.\n */\n BlockPyInterface = \"{interface_code}\";\n '''.format(interface_code=cleaned_contents)\n output.write(js_contents)\n \nINSTRUCTOR_ROOT = 'src/instructor/'\nwith open('src/sk_mod_instructor_extended.js', 'w') as output:\n output.write(\"\"\"\n/**\n * An automatically generated file, based on the files in `instructors/`.\n * We need to have the python code in these files made available in the \n * JS files, so we load them in via a preprocessing step.\n */\n\nvar $INSTRUCTOR_MODULES_EXTENDED = {};\n\n\"\"\")\n for instructor_file_name in os.listdir(INSTRUCTOR_ROOT):\n with open(INSTRUCTOR_ROOT+instructor_file_name, 'r') as input:\n print(instructor_file_name)\n contents = input.read()\n contents = contents.replace('\\\\','\\\\\\\\').replace('\"', '\\\\\"').replace('\\n', '\\\\n')\n output.write('$INSTRUCTOR_MODULES_EXTENDED[\"{module}\"] = \"{code}\"\\n'.format(\n module = instructor_file_name,\n code = contents\n ))\n"
},
{
"path": "docs/BlockPy.html",
"content": "\n\n\n \n JSDoc: Class: BlockPy\n\n \n \n \n \n \n\n\n\n\n
\n\n
Class: BlockPy
\n\n \n\n\n\n\n\n\n\n \n
BlockPy
\n \n \n\n\n\n
\n \n \n\n \n\n
new BlockPy(settings, assignment, submission, programs)
\n Initializes the User Inteface for the instance, by loading in the\nHTML file (which has been manually encoded into a JS string using\nthe build.py script). We do this because its a giant hassle to keep\nHTML correct when it's stored in JS strings. We should look into\nmore sophisticated templating features, probably.\n
\n - whether the code was updated (i.e. there was a diff between new and old).\n
\n\n\n\n
\n
\n Type\n
\n
\n \nBoolean\n\n\n
\n
\n\n \n\n\n\n \n \n\n \n\n
turnOnHacks()
\n\n \n\n\n\n
\n Function for running any code that fixes bugs and stuff upstream.\nNot pleasant that this exists, but better to have it isolated than\njust lying about randomly...\n
\n Module that connects to the CORGIS datasets and manages interactions\nwith them. This includes loading in datasets at launch and on-the-fly.\nNote that this has no presence on screen, so it does not have a tag.\n
\n Loads the definitions for a dataset into the environment, including\nthe dataset (as a JS file), the skulpt bindings, and the blockly\nbindings. This requires access to a CORGIS server, and occurs\nasynchronously. The requests are fired and their deferred objects\nare returned - callers can use this information to perform an action\non completion of the import.\n
\n - Returns the async requests as deferred objects.\n
\n\n\n\n
\n
\n Type\n
\n
\n \nArray.<Deferred>\n\n\n
\n
\n\n \n\n\n\n \n \n\n \n\n
openDialog(name)
\n\n \n\n\n\n
\n Opens a dialog box to present the user with the datasets available\nthrough the CORGIS server. This requires a call, so this method\ncompletes asynchronously. The dialog is composed of a table with\nbuttons to load the datasets (More than one dataset can be loaded\nfrom within the dialog at a time).\n
\n\n\n\n\n\n\n\n\n\n
Parameters:
\n \n\n
\n \n
\n \n
Name
\n \n\n
Type
\n\n \n\n \n\n
Description
\n
\n \n\n \n \n\n
\n \n
name
\n \n\n
\n \n \nString\n\n\n \n
\n\n \n\n \n\n
The name of the dataset to open. This is basically the user friendly version of the name, though it will be mangled into a slug.
\n A utility object for quickly and conveniently generating dialog boxes.\nUnfortunately, this doesn't dynamically create new boxes; it reuses the same one\nover and over again. It turns out dynamically generating new dialog boxes\nis a pain! So we can't stack them.\n
\n An object that manages the various editors, where users can edit their program. Also manages the\nmovement between editors.\nThere are currently four editors:\n - Blocks: A Blockly instance\n - Text: A CodeMirror instance\n - Instructor: Features for changing the assignment and environment settings\n - Upload: (Incomplete) A menu for uploading and running code from a desktop file.\n
\n Maps short category names in the toolbox to the full XML used to\nrepresent that category as usual. This is kind of a clunky mechanism\nfor managing the different categories, and doesn't allow us to specify\nindividual blocks.\n
\n DEPRECATED, thankfully\nBuilds up an array indicating the relevant block ID for a given step.\nOperates on the current this.blockly instance\nIt works by injecting __HIGHLIGHT__(id); at the start of every line of code\n and then extracting that with regular expressions. This makes it vulnerable\n if someone decides to use __HIGHLIGHT__ in their code. I'm betting on that\n never being a problem, though. Still, this was a miserable way of accomplishing\n the desired behavior.\n
\n Generates a PNG version of the current workspace. This PNG is stored in a Base-64 encoded\nstring as part of a data URL (e.g., \"data:image/png;base64,...\").\nTODO: There seems to be some problems capturing blocks that don't start with\nstatement level blocks (e.g., expression blocks).\n
\n\n\n\n\n\n\n\n\n\n
Parameters:
\n \n\n
\n \n
\n \n
Name
\n \n\n
Type
\n\n \n\n \n\n
Description
\n
\n \n\n \n \n\n
\n \n
callback
\n \n\n
\n \n \nfunction\n\n\n \n
\n\n \n\n \n\n
A function to be called with the results. This function should take two parameters, the URL (as a string) of the generated base64-encoded PNG and the IMG tag.
\n Highlights a line of code in the CodeMirror instance. This applies the \"active\" style\nwhich is meant to bring attention to a line, but not suggest it is wrong.\n
\n\n\n\n\n\n\n\n\n\n
Parameters:
\n \n\n
\n \n
\n \n
Name
\n \n\n
Type
\n\n \n\n \n\n
Description
\n
\n \n\n \n \n\n
\n \n
line
\n \n\n
\n \n \nNumber\n\n\n \n
\n\n \n\n \n\n
The line of code to highlight. I think this is zero indexed?
\n Initializes the Blockly instance (handles all the blocks). This includes\nattaching a number of ChangeListeners that can keep the internal code\nrepresentation updated and enforce type checking.\n
\n Initializes the Instructor tab, which has a number of buttons and menus for\nmanipulating assignments and the environment. One important job is to register the\nSummerNote instance used for editing the Introduction of the assignment.\n
\n Initializes the CodeMirror instance. This handles text editing (with syntax highlighting)\nand also attaches a listener for change events to update the internal code represntation.\n
\n Used to restore a block's highlight when travelling from the code tab. This\nuses a mapping between the blocks and text that is generated from the parser.\nThe parser has stored the relevant line numbers for each block in the XML of the\nblock. Very sophisticated, and sadly fairly fragile.\nTODO: I believe there's some kind of off-by-one error here...\n
\n\n\n\n\n\n\n\n\n\n
Parameters:
\n \n\n
\n \n
\n \n
Name
\n \n\n
Type
\n\n \n\n \n\n
Description
\n
\n \n\n \n \n\n
\n \n
line
\n \n\n
\n \n \nNumber\n\n\n \n
\n\n \n\n \n\n
The line of code to highlight. I think this is zero indexed?
\n Sets the current editor mode to Blocks, hiding the other menus.\nAlso forces the block side to update.\nThere is a chance this could fail, if the text side is irredeemably\nawful. So then the editor bounces back to the text side.\n
\n Attempts to update the model for the current code file from the \nblock workspace. Might be prevented if an update event was already\npercolating.\n
\n Updates the block editor from the current code file in the\nmodel. Might be prevented if an update event was already\npercolating. This can also report an error if one occurs.\n
\n Creates an updated representation of the Toolboxes XML as currently specified in the\nmodel, using whatever modules have been added or removed. This method can either set it\nor just retrieve it for future use.\n
\n\n\n\n\n\n\n\n\n\n
Parameters:
\n \n\n
\n \n
\n \n
Name
\n \n\n
Type
\n\n \n\n \n\n
Description
\n
\n \n\n \n \n\n
\n \n
only_set
\n \n\n
\n \n \nBoolean\n\n\n \n
\n\n \n\n \n\n
Whether to return the XML string or to actually set the XML. False means that it will not update the toolbox!
\n Runs the AbstractInterpreter to get some static information about the code,\nincluding potential semantic errors. It then parses that information to give\nfeedback.\n
\n Runs the AbstractInterpreter to get some static information about the code,\nin particular the variables' types. This is needed for type checking.\n
\n \n Will throw an error if the file isn't found.\n \n
\n\n\n \n\n\n
Returns:
\n\n \n
\n The JavaScript source code of the file (weird, right?)\n
\n\n\n\n
\n
\n Type\n
\n
\n \nString\n\n\n
\n
\n\n \n\n\n\n \n \n\n \n\n
reset()
\n\n \n\n\n\n
\n Resets the state of the execution engine, including reinitailizing\nthe execution buffer (trace, step, etc.), reseting the printer, and\nhiding the trace button.\n
\n An object that manages the feedback area, where users are told the state of their\nprogram's execution and given guidance. Also manages the creation of the Trace Table.\n
\n Mark this problem as completed for the student. This will appear in the Feedback area,\nand will also unhighlight lines in the editor and log to the server.\n
\n Show an error message related to a problem with the editor. This will appear in\nthe Feedback area, the Printer, and also log to the server. The relevant line of\ncode or block will also be highlighted.\n
\n\n\n\n\n\n\n\n\n\n
Parameters:
\n \n\n
\n \n
\n \n
Name
\n \n\n
Type
\n\n \n\n \n\n
Description
\n
\n \n\n \n \n\n
\n \n
original
\n \n\n
\n \n \nString\n\n\n \n
\n\n \n\n \n\n
HTML content that represents the original error message generated by the system.
\n
\n\n \n\n
\n \n
message
\n \n\n
\n \n \nString\n\n\n \n
\n\n \n\n \n\n
HTML content that is a hopefully friendlier message for the user explaining the error.
\n Show \"Empty Program\" error, indicating the student hasn't written any code. This will appear in\nthe Feedback area, the Printer, and also log to the server. The relevant line of\ncode or block will also be highlighted.\n
\n\n\n\n\n\n\n\n\n\n
Parameters:
\n \n\n
\n \n
\n \n
Name
\n \n\n
Type
\n\n \n\n \n\n
Description
\n
\n \n\n \n \n\n
\n \n
original
\n \n\n
\n \n \nString\n\n\n \n
\n\n \n\n \n\n
HTML content that represents the original error message generated by the system.
\n
\n\n \n\n
\n \n
message
\n \n\n
\n \n \nString\n\n\n \n
\n\n \n\n \n\n
HTML content that is a hopefully friendlier message for the user explaining the error.
\n Mark this problem as finished for the student. This will appear in the Feedback area,\nand will also unhighlight lines in the editor and log to the server.\n
\n Show an incorrect code message related to a problem as specified by the Checker. This will appear in\nthe Feedback area, the Printer, and also log to the server. The relevant line of\ncode or block will also be highlighted.\n
\n\n\n\n\n\n\n\n\n\n
Parameters:
\n \n\n
\n \n
\n \n
Name
\n \n\n
Type
\n\n \n\n \n\n
Description
\n
\n \n\n \n \n\n
\n \n
original
\n \n\n
\n \n \nString\n\n\n \n
\n\n \n\n \n\n
HTML content that represents the original error message generated by the system.
\n
\n\n \n\n
\n \n
message
\n \n\n
\n \n \nString\n\n\n \n
\n\n \n\n \n\n
HTML content that is a hopefully friendlier message for the user explaining the error.
\n Show an error message related to a serious internal BlockPy program. Under normal conditions,\nthis should never appear to a student. This will appear in\nthe Feedback area, the Printer, and also log to the server. The relevant line of\ncode or block will also be highlighted.\n
\n\n\n\n\n\n\n\n\n\n
Parameters:
\n \n\n
\n \n
\n \n
Name
\n \n\n
Type
\n\n \n\n \n\n
Description
\n
\n \n\n \n \n\n
\n \n
original
\n \n\n
\n \n \nString\n\n\n \n
\n\n \n\n \n\n
HTML content that represents the original error message generated by the system.
\n
\n\n \n\n
\n \n
message
\n \n\n
\n \n \nString\n\n\n \n
\n\n \n\n \n\n
HTML content that is a hopefully friendlier message for the user explaining the error.
\n This notifies the student that their code ran without errors, but that there was no\nSuccess raised by the Checker. This will appear in the Feedback area,\nand will also unhighlight lines in the editor and log to the server.\n
\n Converts any kind of error (usually a Skulpt one) into a prettier version that's ready\nfor users to see. If it's already a string, it is passed along unchanged. But Skulpt\nerrors have to be processed more closely.\n
\n Print an error to the printers -- the on screen one and the browser one. This\nwill attempt to provide extra explanation and context for an error.\nNotice that this is largely for Run-time errors that will be thrown when the code\nis executed, as opposed to ones raised elsewhere in the environment.\n
\n Show an error message related to semantic error with the program (e.g., unused variable). \nThis will appear in the Feedback area, the Printer, and also log to the server. The\nrelevant line of code or block will also be highlighted.\n
\n\n\n\n\n\n\n\n\n\n
Parameters:
\n \n\n
\n \n
\n \n
Name
\n \n\n
Type
\n\n \n\n \n\n
Description
\n
\n \n\n \n \n\n
\n \n
original
\n \n\n
\n \n \nString\n\n\n \n
\n\n \n\n \n\n
HTML content that represents the original error message generated by the system.
\n
\n\n \n\n
\n \n
message
\n \n\n
\n \n \nString\n\n\n \n
\n\n \n\n \n\n
HTML content that is a hopefully friendlier message for the user explaining the error.
\n Show an error message related to syntax issue. This will appear in\nthe Feedback area, the Printer, and also log to the server. The relevant line of\ncode or block will also be highlighted.\n
\n\n\n\n\n\n\n\n\n\n
Parameters:
\n \n\n
\n \n
\n \n
Name
\n \n\n
Type
\n\n \n\n \n\n
Description
\n
\n \n\n \n \n\n
\n \n
original
\n \n\n
\n \n \nString\n\n\n \n
\n\n \n\n \n\n
HTML content that represents the original error message generated by the system.
\n
\n\n \n\n
\n \n
message
\n \n\n
\n \n \nString\n\n\n \n
\n\n \n\n \n\n
HTML content that is a hopefully friendlier message for the user explaining the error.
\n Opens the history dialog box. This requires a trip to the server and\noccurs asynchronously. The users' code is shown in preformatted text\ntags (no code highlighting currently) along with the timestamp.\n
\n An object for managing the blob of text at the top of a problem describing it.\nThis isn't a very busy component.\n\nTODO: Isn't most of this redundant now?\n
\n Prints a successful HTML blob to the printer. This is typically charts,\nbut it can actually be any kind of HTML. This will probably be useful for\ndoing Turtle and Processing stuff down the road.\n
\n\n\n\n\n\n\n\n\n\n
Parameters:
\n \n\n
\n \n
\n \n
Name
\n \n\n
Type
\n\n \n\n \n\n
Description
\n
\n \n\n \n \n\n
\n \n
html
\n \n\n
\n \n \nHTML\n\n\n \n
\n\n \n\n \n\n
A blob of HTML to render in the tag
\n
\n\n \n\n
\n \n
value
\n \n\n
\n \n \nAnything\n\n\n \n
\n\n \n\n \n\n
a value to push on the outputList for comparison. For instance, on charts this is typically the data of the chart.
\n Object for communicating with the external servers. This includes functionality for\nsaving and loading files, logging events, saving completions, and retrieving history.\n
\n Some subscriptions have to happen after other things have been loaded.\nRight now this is just after CORGIS libraries have been loaded, but maybe\nwe'll add more later and this will need to be refactored.\n
\n An object that manages the main toolbar, including the different mode buttons.\nThis doesn't actually have many responsibilities after the initial load.\n
\n Helper object for interfacing with the LocalStorage. The LocalStorage\nbrowser API allows for offline storage. That API is very unsophisticated,\nand is essentially a lame key-value store. This object sits on top\nand provides a number of useful utilities, including rudimentarycache\ncache expiration.\n
A namespace to use in grouping access to localstorage. This keeps access clean and organized, while also making it possible to have multiple LocalStorage connections.
\n A test for whether the server has the newer version. This function\nassumes that the server trip takes about 5 seconds. This method\nis largely deprecated.\n
/*\nvar filename = '__main__.py';\nvar python_source = 'a, b = 0\\nfor x in y:\\n t = 0';\nparse = Sk.parse(filename, python_source);\nast = Sk.astFromParse(parse.cst, filename, parse.flags);\n*/\n\nvar iter_fields = function(node) {\n /** Yield a tuple of ``(fieldname, value)`` for each field in ``node._fields``\n that is present on *node*. **/\n var fieldList = [];\n for (var i = 0; i < node._fields.length; i += 2) {\n var field = node._fields[i];\n if (field in node) {\n fieldList.push([field, node[field]]);\n }\n }\n return fieldList;\n}\n\nvar iter_child_nodes = function(node) {\n var fieldList = iter_fields(node);\n var resultList = [];\n for (var i = 0; i < fieldList.length; i += 1) {\n var field = fieldList[i][0], value = fieldList[i][1];\n if (value === null) {\n continue;\n }\n if (\"_astname\" in value) {\n resultList.push(value);\n } else if (value.constructor === Array) {\n for (var j = 0; j < value.length; j += 1) {\n var subvalue = value[j];\n if (\"_astname\" in subvalue) {\n resultList.push(subvalue);\n }\n }\n }\n }\n return resultList;\n}\n\nfunction NodeVisitor() {};\n\nNodeVisitor.prototype.visit = function(node) {\n /** Visit a node. **/\n var method_name = 'visit_' + node._astname;\n if (method_name in this) {\n return this[method_name](node);\n } else {\n return this.generic_visit(node);\n }\n}\n\nNodeVisitor.prototype.walk = function(node) {\n var resultList = [node];\n var childList = iter_child_nodes(node);\n for (var i = 0; i < childList.length; i += 1) {\n var child = childList[i];\n resultList.concat(this.walk(child));\n }\n return resultList;\n}\n\nNodeVisitor.prototype.visitList = function(nodes) {\n for (var j = 0; j < nodes.length; j += 1) {\n var node = nodes[j];\n if (\"_astname\" in node) {\n this.visit(node);\n }\n }\n}\n\nNodeVisitor.prototype.generic_visit = function(node) {\n /** Called if no explicit visitor function exists for a node. **/\n var fieldList = iter_fields(node);\n for (var i = 0; i < fieldList.length; i += 1) {\n var field = fieldList[i][0], value = fieldList[i][1];\n if (value === null) {\n continue;\n }\n if (Array === value.constructor) {\n for (var j = 0; j < value.length; j += 1) {\n var subvalue = value[j];\n if (subvalue instanceof Object && \"_astname\" in subvalue) {\n this.visit(subvalue);\n }\n }\n } else if (value instanceof Object && \"_astname\" in value) {\n this.visit(value);\n }\n }\n}\n\nNodeVisitor.prototype.recursive_walk = function(node) {\n var todo = [node];\n var result = [];\n while (todo.length > 0) {\n node = todo.shift();\n todo = todo.concat(iter_child_nodes(node))\n result.push(node);\n }\n return result;\n}\n\n/*\nfunction CodeAnalyzer() {\n NodeVisitor.apply(this, Array.prototype.slice.call(arguments));\n this.id = 0;\n};\n\nCodeAnalyzer.prototype = new NodeVisitor();\nCodeAnalyzer.prototype.visit = function(node) {\n node._id = this.id;\n this.id += 1;\n NodeVisitor.prototype.visit.call(this, node);\n //console.log(node);\n}\n*/\n\n/*\nCodeAnalyzer.prototype.visit_Num = function(node) {\n node._id = this.id;\n this.id += 1;\n console.log(node.n.v);\n // NodeVisitor.prototype.visit_Num.call(this, node);\n};*/\n\n//console.log((new NodeVisitor()).visit(ast));\n\n
_IMPORTED_DATASETS = {};\n\n/**\n * Module that connects to the CORGIS datasets and manages interactions\n * with them. This includes loading in datasets at launch and on-the-fly.\n * Note that this has no presence on screen, so it does not have a tag.\n *\n * @constructor\n * @this {BlockPyCorgis}\n * @param {Object} main - The main BlockPy instance\n */\nfunction BlockPyCorgis(main) {\n this.main = main;\n \n this.loadedDatasets = [];\n \n // Load in each the datasets\n var corgis = this;\n var imports = [];\n this.main.model.assignment.modules().forEach(function(name) {\n var post_prefix = name.substring(7).replace(/\\s/g, '_').toLowerCase();\n if (!(name in BlockPyEditor.CATEGORY_MAP)) {\n imports.push.apply(imports, corgis.importDataset(post_prefix, name));\n }\n });\n \n // When datasets are loaded, update the toolbox.\n $.when.apply($, imports).done(function() {\n if (main.model.settings.editor() == \"Blocks\") {\n main.components.editor.updateBlocksFromModel();\n }\n main.components.editor.updateToolbox(true);\n }).fail(function(e) {\n console.error(e);\n }).always(function() {\n main.components.server.finalizeSubscriptions();\n });\n}\n\n/**\n * Loads the definitions for a dataset into the environment, including\n * the dataset (as a JS file), the skulpt bindings, and the blockly\n * bindings. This requires access to a CORGIS server, and occurs\n * asynchronously. The requests are fired and their deferred objects\n * are returned - callers can use this information to perform an action\n * on completion of the import.\n *\n * @param {String} slug - The URL safe version of the dataset name\n * @param {String} name - The user-friendly version of the dataset name.\n * @returns {Array.<Deferred>} - Returns the async requests as deferred objects.\n */\nBlockPyCorgis.prototype.importDataset = function(slug, name) {\n var url_retrievals = [];\n if (this.main.model.server_is_connected('import_datasets')) {\n var root = this.main.model.constants.urls.import_datasets+'blockpy/'+slug+'/'+slug;\n this.main.model.status.dataset_loading.push(name);\n // Actually get data\n var get_dataset = $.getScript(root+'_dataset.js');\n var get_skulpt = $.get(root+'_skulpt.js', function(data) {\n Sk.builtinFiles['files']['src/lib/'+slug+'/__init__.js'] = data;\n });\n var get_blockly = $.getScript(root+'_blockly.js');\n // On completion, update menus.\n var corgis = this;\n $.when(get_dataset, get_skulpt, get_blockly).done(function() {\n corgis.loadedDatasets.push(slug);\n corgis.main.model.assignment.modules.push(name);\n corgis.main.components.editor.addAvailableModule(name);\n corgis.main.model.status.dataset_loading.pop();\n });\n url_retrievals.push(get_dataset, get_skulpt, get_blockly);\n }\n return url_retrievals;\n}\n\n/**\n * Opens a dialog box to present the user with the datasets available\n * through the CORGIS server. This requires a call, so this method\n * completes asynchronously. The dialog is composed of a table with\n * buttons to load the datasets (More than one dataset can be loaded\n * from within the dialog at a time).\n * \n * @param {String} name - The name of the dataset to open. This is basically the user friendly version of the name, though it will be mangled into a slug.\n */\nBlockPyCorgis.prototype.openDialog = function(name) {\n var corgis = this;\n if (this.main.model.server_is_connected('import_datasets')) {\n var root = this.main.model.constants.urls.import_datasets;\n $.getJSON(root+'index.json', function(data) {\n // Make up the Body\n var datasets = data.blockpy.datasets;\n var start = $(\"<p>Documentation is available at url</p>\");\n var body = $('<table></table>', {'class': 'table-bordered table-condensed table-striped'});\n Object.keys(datasets).map(function(name) {\n var title_name = name;\n name = name.replace(/\\s/g, '_').toLowerCase();\n var btn = $('<button type=\"button\" class=\"btn btn-primary\" data-toggle=\"button\" aria-pressed=\"false\" autocomplete=\"off\">Load</button>');\n if (corgis.loadedDatasets.indexOf(name) > -1) {\n set_button_loaded(btn);\n } else {\n btn.click(function() {\n corgis.importDataset(name.toLowerCase(), 'Data - '+title_name);\n set_button_loaded(btn);\n });\n }\n $(\"<tr></tr>\")\n .append($(\"<td class='col-md-4'>\"+title_name+\"</td>\"))\n .append($(\"<td>\"+datasets[title_name]['short']+\"</td>\"))\n .append($(\"<td class='col-md-2'></td>\").append(btn))\n .appendTo(body);\n });\n // Show the actual dialog\n var editor = corgis.main.components.editor;\n corgis.main.components.dialog.show(\"Import Datasets\", body, function() {\n if (editor.main.model.settings.editor() == \"Blocks\") {\n editor.updateBlocksFromModel();\n }\n });\n });\n }\n};\n\n/**\n * This is a very simplistic helper function that will transform\n * a given button into a \"Loaded\" state (disabled, pressed state, etc.).\n *\n * @param {HTMLElement} btn - An HTML element to change the text of.\n */\nvar set_button_loaded = function(btn) {\n btn.addClass(\"active\")\n .addClass('btn-success')\n .removeClass('btn-primary')\n .prop(\"disabled\", true)\n .text(\"Loaded\")\n .attr(\"aria-pressed\", \"true\");\n}
/**\n * A utility object for quickly and conveniently generating dialog boxes.\n * Unfortunately, this doesn't dynamically create new boxes; it reuses the same one\n * over and over again. It turns out dynamically generating new dialog boxes\n * is a pain! So we can't stack them.\n *\n * @constructor\n * @this {BlockPyDialog}\n * @param {Object} main - The main BlockPy instance\n * @param {HTMLElement} tag - The HTML object this is attached to.\n */\nfunction BlockPyDialog(main, tag) {\n this.main = main;\n this.tag = tag;\n \n this.titleTag = tag.find('.modal-title');\n this.bodyTag = tag.find('.modal-body');\n}\n\n/**\n * A simple externally available function for popping up a dialog\n * message. This menu will be draggable by its title.\n * \n * @param {String} title - The title of the message dialog. Can have HTML.\n * @param {String} body - The body of the message dialog. Can have HTML.\n * @param {function} onclose - A function to be run when the user closes the dialog.\n */\nBlockPyDialog.prototype.show = function(title, body, onclose) {\n this.titleTag.html(title);\n this.bodyTag.html(body);\n this.tag.modal('show');\n this.tag.draggable({\n 'handle': '.modal-title'\n });\n \n this.tag.on('hidden.bs.modal', function (e) {\n if (onclose !== undefined) {\n onclose();\n }\n });\n}
/**\n * An object that manages the various editors, where users can edit their program. Also manages the\n * movement between editors.\n * There are currently four editors:\n * - Blocks: A Blockly instance\n * - Text: A CodeMirror instance\n * - Instructor: Features for changing the assignment and environment settings\n * - Upload: (Incomplete) A menu for uploading and running code from a desktop file.\n *\n * @constructor\n * @this {BlockPyEditor}\n * @param {Object} main - The main BlockPy instance\n * @param {HTMLElement} tag - The HTML object this is attached to.\n */\nfunction BlockPyEditor(main, tag) {\n this.main = main;\n this.tag = tag;\n \n // This tool is what actually converts text to blocks!\n this.converter = new PythonToBlocks();\n \n // HTML DOM accessors\n this.blockTag = tag.find('.blockpy-blocks');\n this.blocklyDiv = this.blockTag.find('.blockly-div');\n this.textTag = tag.find('.blockpy-text');\n this.uploadTag = tag.find('.blockpy-upload');\n this.instructorTag = tag.find('.blockpy-instructor');\n this.textSidebarTag = this.textTag.find(\".blockpy-text-sidebar\");\n \n // Blockly and CodeMirror instances\n this.blockly = null;\n this.codeMirror = null;\n // The updateStack keeps track of whether an update is percolating, to prevent duplicate update events.\n this.silenceBlock = false;\n this.silenceBlockTimer = null;\n this.silenceText = false;\n this.silenceModel = 0;\n this.blocksFailed = false;\n this.blocksFailedTimeout = null;\n \n // Hack to prevent chrome errors. Forces audio to load on demand. \n // See: https://github.com/google/blockly/issues/299\n Blockly.WorkspaceSvg.prototype.preloadAudio_ = function() {};\n \n // Keep track of the toolbox width\n this.blocklyToolboxWidth = 0;\n \n // Initialize subcomponents\n this.initText();\n this.initBlockly();\n this.initInstructor();\n \n var editor = this;\n \n // Handle mode switching\n this.main.model.settings.editor.subscribe(function() {editor.setMode()});\n \n // Handle level switching\n this.main.model.settings.level.subscribe(function() {editor.setLevel()});\n \n // Handle filename switching\n this.main.model.settings.filename.subscribe(function (name) {\n if (name == 'give_feedback') {\n editor.setMode('Text');\n }\n });\n \n // Have to force a manual block update\n //this.updateText();\n this.updateBlocksFromModel();\n this.updateTextFromModel();\n}\n\n/**\n * Initializes the Blockly instance (handles all the blocks). This includes\n * attaching a number of ChangeListeners that can keep the internal code\n * representation updated and enforce type checking.\n */\nBlockPyEditor.prototype.initBlockly = function() {\n this.blockly = Blockly.inject(this.blocklyDiv[0],\n { path: this.main.model.constants.blocklyPath, \n scrollbars: this.main.model.constants.blocklyScrollbars, \n readOnly: this.main.model.settings.read_only(),\n zoom: {enabled: false},\n toolbox: this.updateToolbox(false)});\n // Register model changer\n var editor = this;\n this.blockly.addChangeListener(function(evt) { \n //editor.main.components.feedback.clearEditorErrors();\n editor.blockly.highlightBlock(null);\n editor.updateBlocks();\n //editor.updateBlocks();\n });\n this.main.model.program.subscribe(function() {editor.updateBlocksFromModel()});\n this.main.model.settings.filename.subscribe(function() {\n /*if (editor.main.model.settings.editor() == \"Blocks\") {\n editor.updateBlocksFromModel()\n }*/\n });\n this.main.model.assignment.modules.subscribe(function() {editor.updateToolbox(true)});\n // Force the proper window size\n this.blockly.resize();\n // Keep the toolbox width set\n this.blocklyToolboxWidth = this.blockly.toolbox_.width;\n \n Blockly.captureDialog_ = this.copyImage.bind(this);\n \n // Enable static type checking! \n this.blockly.addChangeListener(function() {\n if (!editor.main.model.settings.disable_variable_types()) {\n var variables = editor.main.components.engine.analyzeVariables()\n editor.blockly.getAllBlocks().filter(function(r) {return r.type == 'variables_get'}).forEach(function(block) { \n var name = block.inputList[0].fieldRow[0].value_;\n if (name in variables) {\n var type = variables[name];\n\n if (type.type == \"Num\") {\n block.setOutput(true, \"Number\");\n } else if (type.type == \"List\") {\n block.setOutput(true, \"Array\");\n } else if (type.type == \"Str\") {\n block.setOutput(true, \"String\");\n } else {\n block.setOutput(true, null);\n }\n }\n })\n }\n });\n\n\n};\n\n/**\n * Initializes the CodeMirror instance. This handles text editing (with syntax highlighting)\n * and also attaches a listener for change events to update the internal code represntation.\n */\nBlockPyEditor.prototype.initText = function() {\n var codeMirrorDiv = this.textTag.find('.codemirror-div')[0];\n this.codeMirror = CodeMirror.fromTextArea(codeMirrorDiv, {\n mode: { name: \"python\", \n version: 3, \n singleLineStringErrors: false\n },\n readOnly: this.main.model.settings.read_only(),\n lineNumbers: true,\n firstLineNumber: 1,\n indentUnit: 4,\n tabSize: 4,\n indentWithTabs: false,\n matchBrackets: true,\n extraKeys: {\"Tab\": \"indentMore\", \n \"Shift-Tab\": \"indentLess\"},\n });\n // Register model changer\n var editor = this;\n this.codeMirror.on(\"change\", function() {\n //editor.main.components.feedback.clearEditorErrors();\n editor.updateText()\n });\n this.main.model.program.subscribe(function() {editor.updateTextFromModel()});\n // Ensure that it fills the editor area\n this.codeMirror.setSize(null, \"100%\");\n \n // Was toying with buttons for injecting code. These are deprecated now.\n this.tag.find('.blockpy-text-insert-if').click(function() {\n var line_number = blockpy.components.editor.codeMirror.getCursor().line;\n var line = blockpy.components.editor.codeMirror.getLine(line_number);\n var whitespace = line.match(/^(\\s*)/)[1];\n editor.codeMirror.replaceSelection(\"if ___:\\n \"+whitespace+\"pass\");\n });\n this.tag.find('.blockpy-text-insert-if-else').click(function() {\n var line_number = blockpy.components.editor.codeMirror.getCursor().line;\n var line = blockpy.components.editor.codeMirror.getLine(line_number);\n var whitespace = line.match(/^(\\s*)/)[1];\n editor.codeMirror.replaceSelection(\"if ___:\\n \"+whitespace+\"pass\\n\"+whitespace+\"else:\\n \"+whitespace+\"pass\");\n });\n};\n\n/**\n * Initializes the Instructor tab, which has a number of buttons and menus for\n * manipulating assignments and the environment. One important job is to register the\n * SummerNote instance used for editing the Introduction of the assignment.\n */\nBlockPyEditor.prototype.initInstructor = function() {\n var introductionEditor = this.instructorTag.find('.blockpy-presentation-body-editor');\n var model = this.main.model;\n introductionEditor.summernote({\n codemirror: { // codemirror options\n theme: 'monokai'\n },\n onChange: model.assignment.introduction,\n toolbar: [\n ['style', ['bold', 'italic', 'underline', 'clear']],\n ['font', ['fontname', 'fontsize']],\n ['insert', ['link', 'table', 'ul', 'ol', 'image']],\n ['misc', ['codeview', 'help']]\n ]\n });\n introductionEditor.code(model.assignment.introduction());\n \n this.availableModules = this.instructorTag.find('.blockpy-available-modules');\n this.availableModules.multiSelect({ selectableOptgroup: true });\n \n \n}\n\n/**\n * Makes the module available in the availableModules multi-select menu by adding\n * it to the list.\n * \n * @param {String} name - The name of the module (human-friendly version, as opposed to the slug) to be added.\n */\nBlockPyEditor.prototype.addAvailableModule = function(name) {\n this.availableModules.multiSelect('addOption', { \n 'value': name, 'text': name\n });\n this.availableModules.multiSelect('select', name);\n};\n\n/**\n * Hides the Text tab, which involves shrinking it and hiding its CodeMirror too.\n */\nBlockPyEditor.prototype.hideSplitMenu = function() {\n this.hideTextMenu();\n this.hideBlockMenu();\n}\n\n/**\n * Shows the Text tab, which requires restoring its height, showing AND refreshing\n * the CodeMirror instance.\n */\nBlockPyEditor.prototype.showSplitMenu = function() {\n this.showBlockMenu();\n this.showTextMenu();\n \n this.textTag.css('width', '40%');\n this.blockTag.css('width', '60%');\n this.textSidebarTag.css('width', '0px');\n this.textTag.addClass('col-md-6');\n this.blockTag.addClass('col-md-6');\n Blockly.svgResize(this.blockly);\n}\n\n/**\n * Hides the Text tab, which involves shrinking it and hiding its CodeMirror too.\n */\nBlockPyEditor.prototype.hideTextMenu = function() {\n this.textTag.css('height', '0%');\n $(this.codeMirror.getWrapperElement()).hide();\n this.textSidebarTag.hide();\n this.textTag.hide();\n}\n\n/**\n * Shows the Text tab, which requires restoring its height, showing AND refreshing\n * the CodeMirror instance.\n */\nBlockPyEditor.prototype.showTextMenu = function() {\n this.textTag.show();\n // Adjust height\n this.textTag.css('height', '450px');\n this.textTag.css('width', '100%');\n // Show CodeMirror\n $(this.codeMirror.getWrapperElement()).show();\n // CodeMirror doesn't know its changed size\n this.codeMirror.refresh();\n \n // Resize sidebar\n var codemirrorGutterWidth = $('.CodeMirror-gutters').width();\n var sideBarWidth = this.blocklyToolboxWidth-codemirrorGutterWidth-2;\n this.textSidebarTag.css('width', sideBarWidth+'px');\n this.textSidebarTag.show();\n this.textTag.removeClass('col-md-6');\n}\n\n/**\n * Hides the Block tab, which involves shrinking it and hiding the Blockly instance.\n */\nBlockPyEditor.prototype.hideBlockMenu = function() {\n this.blocklyToolboxWidth = this.blockly.toolbox_.width;\n this.blockTag.css('height', '0%');\n this.blocklyDiv.css(\"width\", \"0\");\n this.blockly.setVisible(false);\n}\n\n/**\n * Shows the Block tab, which involves restoring its height and showing the Blockly instance.\n */\nBlockPyEditor.prototype.showBlockMenu = function() {\n this.blockTag.css('height', '100%');\n this.blockTag.css('width', '100%');\n this.blocklyDiv.css(\"width\", \"100%\");\n this.blockly.resize();\n this.blockly.setVisible(true);\n this.blockTag.removeClass('col-md-6');\n Blockly.svgResize(this.blockly);\n}\n\n/**\n * Hides the Upload tab, which shrinking it.\n */\nBlockPyEditor.prototype.hideUploadMenu = function() {\n this.uploadTag.hide();\n this.uploadTag.css('height', '0%');\n}\n\n/**\n * Shows the Upload tab, which involves restoring its height.\n */\nBlockPyEditor.prototype.showUploadMenu = function() {\n this.uploadTag.css('height', '100%');\n this.uploadTag.show();\n}\n\n/**\n * Hides the Instructor tab, which shrinking it.\n */\nBlockPyEditor.prototype.hideInstructorMenu = function() {\n this.instructorTag.hide();\n this.instructorTag.css('height', '0%');\n}\n\n/**\n * Shows the Instructor tab, which involves restoring its height.\n */\nBlockPyEditor.prototype.showInstructorMenu = function() {\n this.instructorTag.css('height', '100%');\n this.instructorTag.show();\n}\n\n/**\n * Sets the current editor mode to Text, hiding the other menus.\n * Also forces the text side to update.\n */\nBlockPyEditor.prototype.setModeToText = function() {\n this.hideBlockMenu();\n this.hideUploadMenu();\n this.hideInstructorMenu();\n this.showTextMenu();\n // Update the text model from the blocks\n}\n\n/**\n * Sets the current editor mode to Blocks, hiding the other menus.\n * Also forces the block side to update.\n * There is a chance this could fail, if the text side is irredeemably\n * awful. So then the editor bounces back to the text side.\n */\nBlockPyEditor.prototype.setModeToBlocks = function() {\n this.hideTextMenu();\n this.hideUploadMenu();\n this.hideInstructorMenu();\n this.showBlockMenu();\n if (this.blocksFailed !== false) {\n this.showConversionError();\n var main = this.main;\n main.model.settings.editor(\"Text\");\n setTimeout(function() {\n main.components.toolbar.tags.mode_set_text.click();\n }, 0);\n }\n // Update the blocks model from the text\n /*\n success = this.updateBlocksFromModel();\n if (!success) {\n var main = this.main;\n main.components.editor.updateTextFromModel();\n main.model.settings.editor(\"Text\");\n setTimeout(function() {\n main.components.toolbar.tags.mode_set_text.click();\n }, 0);\n }*/\n}\n\n/**\n * Sets the current editor mode to Upload mode, hiding the other menus.\n */\nBlockPyEditor.prototype.setModeToUpload = function() {\n this.hideTextMenu();\n this.hideInstructorMenu();\n this.hideBlockMenu();\n this.showUploadMenu();\n //TODO: finish upload mode\n}\n\n/**\n * Sets the current editor mode to Split mode, hiding the other menus.\n */\nBlockPyEditor.prototype.setModeToSplit = function() {\n this.hideTextMenu();\n this.hideInstructorMenu();\n this.hideBlockMenu();\n this.hideUploadMenu();\n this.showSplitMenu();\n if (this.blocksFailed !== false) {\n this.showConversionError();\n }\n}\n\n/**\n * Sets the current editor mode to the Instructor mode, hiding the other menus.\n */\nBlockPyEditor.prototype.setModeToInstructor = function() {\n this.hideTextMenu();\n this.hideBlockMenu();\n this.hideUploadMenu();\n this.showInstructorMenu();\n //TODO: finish upload mode\n //this.main.reportError(\"editor\", \"Instructor mode has not been implemented\");\n}\n\nBlockPyEditor.prototype.changeMode = function() {\n if (main.model.settings.editor() == \"Blocks\") {\n main.model.settings.editor(\"Text\");\n } else {\n main.model.settings.editor(\"Blocks\");\n }\n}\n\n/**\n * Dispatch method to set the mode to the given argument.\n * If the mode is invalid, an editor error is reported. If the \n *\n * @param {String} mode - The new mode to set to (\"Blocks\", \"Text\", \"Upload\", or \"Instructor\")\n */\nBlockPyEditor.prototype.setMode = function(mode) {\n // Either update the model, or go with the model's\n if (mode === undefined) {\n mode = this.main.model.settings.editor();\n } else {\n this.main.model.settings.editor(mode);\n }\n // Dispatch according to new mode\n if (mode == 'Blocks') {\n this.setModeToBlocks();\n } else if (mode == 'Text') {\n this.setModeToText();\n } else if (mode == 'Upload') {\n this.setModeToUpload();\n } else if (mode == 'Split') {\n this.setModeToSplit();\n } else if (mode == 'Instructor') {\n this.setModeToInstructor();\n } else {\n this.components.feedback.internalError(\"\"+mode, \"Invalid Mode\", \"The editor attempted to change to an invalid mode.\")\n }\n}\n\n/**\n * Actually changes the value of the CodeMirror instance\n *\n * @param {String} code - The new code for the CodeMirror\n */\nBlockPyEditor.prototype.setText = function(code) {\n if (code == undefined || code.trim() == \"\") {\n this.codeMirror.setValue(\"\\n\");\n } else {\n this.codeMirror.setValue(code);\n }\n // Ensure that we maintain proper highlighting\n this.refreshHighlight();\n}\n\nBlockPyEditor.prototype.showConversionError = function() {\n var error = this.blocksFailed;\n this.main.components.feedback.editorError(error, \"While attempting to convert the Python code into blocks, I found a syntax error. In other words, your Python code has a spelling or grammatical mistake. You should check to make sure that you have written all of your code correctly. To me, it looks like the problem is on line \"+ error.args.v[2]+', where it says:<br><code>'+error.args.v[3][2]+'</code>', error.args.v[2]);\n}\n\nBlockPyEditor.prototype.setBlocks = function(python_code) {\n var xml_code = \"\";\n if (python_code !== '' && python_code !== undefined && python_code.trim().charAt(0) !== '<') {\n var result = this.converter.convertSource(python_code);\n xml_code = result.xml;\n window.clearTimeout(this.blocksFailedTimeout);\n if (result.error !== null) {\n this.blocksFailed = result.error;\n var editor = this;\n this.blocksFailedTimeout = window.setTimeout(function() {\n if (editor.main.model.settings.editor() != 'Text') {\n editor.showConversionError();\n }\n }, 500)\n } else {\n this.blocksFailed = false;\n this.main.components.feedback.clearEditorErrors();\n }\n }\n var error_code = this.converter.convertSourceToCodeBlock(python_code);\n var errorXml = Blockly.Xml.textToDom(error_code);\n if (python_code == '' || python_code == undefined || python_code.trim() == '') {\n this.blockly.clear();\n } else if (xml_code !== '' && xml_code !== undefined) {\n var blocklyXml = Blockly.Xml.textToDom(xml_code);\n try {\n this.setBlocksFromXml(blocklyXml);\n } catch (e) {\n console.error(e);\n this.setBlocksFromXml(errorXml);\n }\n } else {\n this.setBlocksFromXml(errorXml);\n }\n Blockly.Events.disable();\n // Parsons shuffling\n if (this.main.model.assignment.parsons()) {\n this.blockly.shuffle();\n } else {\n this.blockly.align();\n }\n Blockly.Events.enable();\n if (this.previousLine !== null) {\n this.refreshBlockHighlight(this.previousLine);\n }\n}\n\nBlockPyEditor.prototype.clearDeadBlocks = function() {\n var all_blocks = this.blockly.getAllBlocks();\n all_blocks.forEach(function(elem) {\n if (!Blockly.Python[elem.type]) {\n elem.dispose(true);\n }\n });\n}\n\n/**\n * Attempts to update the model for the current code file from the \n * block workspace. Might be prevented if an update event was already\n * percolating.\n */\nBlockPyEditor.prototype.updateBlocks = function() {\n if (! this.silenceBlock) {\n try {\n var newCode = Blockly.Python.workspaceToCode(this.blockly);\n } catch (e) {\n this.clearDeadBlocks();\n this.main.components.feedback.editorError(\"Unknown Block\", \"It looks like you attempted to paste or load some blocks that were not known. Typically, this is because you failed to load in the dataset before trying to paste in a data block. If there are any black blocks on the canvas, delete them before continuing.\", \"Unknown Block\");\n }\n // Update Model\n this.silenceModel = 2;\n var changed = this.main.setCode(newCode);\n if (!changed) {\n this.silenceModel = 0;\n } else {\n // Update Text\n this.silenceText = true;\n this.setText(newCode);\n }\n }\n}\n\n/**\n * Attempts to update the model for the current code file from the \n * text editor. Might be prevented if an update event was already\n * percolating. Also unhighlights any lines.\n */\nvar timerGuard = null;\nBlockPyEditor.prototype.updateText = function() {\n if (! this.silenceText) {\n var newCode = this.codeMirror.getValue();\n // Update Model\n this.silenceModel = 2;\n this.main.setCode(newCode);\n // Update Blocks\n this.silenceBlock = true;\n this.setBlocks(newCode);\n this.unhighlightLines();\n this.resetBlockSilence();\n }\n this.silenceText = false;\n}\n\n/**\n * Resets the silenceBlock after a short delay\n */\nBlockPyEditor.prototype.resetBlockSilence = function() {\n var editor = this;\n if (editor.silenceBlockTimer != null) {\n clearTimeout(editor.silenceBlockTimer);\n }\n this.silenceBlockTimer = window.setTimeout(function() {\n editor.silenceBlock = false;\n editor.silenceBlockTimer = null;\n }, 40);\n};\n\n/**\n * Updates the text editor from the current code file in the\n * model. Might be prevented if an update event was already\n * percolating.\n */\nBlockPyEditor.prototype.updateTextFromModel = function() {\n if (this.silenceModel == 0) {\n var code = this.main.model.program();\n this.silenceText = true;\n this.setText(code);\n } else {\n this.silenceModel -= 1;\n }\n}\n\n/**\n * Updates the block editor from the current code file in the\n * model. Might be prevented if an update event was already\n * percolating. This can also report an error if one occurs.\n *\n * @returns {Boolean} Returns true upon success.\n */\nBlockPyEditor.prototype.updateBlocksFromModel = function() {\n if (this.silenceModel == 0) {\n var code = this.main.model.program().trim();\n this.silenceBlock = true;\n this.setBlocks(code);\n this.resetBlockSilence();\n } else {\n this.silenceModel -= 1;\n }\n}\n\n/**\n * Helper function for retrieving the current Blockly workspace as\n * an XML DOM object.\n *\n * @returns {XMLDom} The blocks in the current workspace.\n */\nBlockPyEditor.prototype.getBlocksFromXml = function() {\n return Blockly.Xml.workspaceToDom(this.blockly);\n}\n \n/**\n * Helper function for setting the current Blockly workspace to\n * whatever XML DOM is given. This clears out any existing blocks.\n */\nBlockPyEditor.prototype.setBlocksFromXml = function(xml) {\n //this.blockly.clear();\n Blockly.Xml.domToWorkspaceDestructive(xml, this.blockly);\n //console.log(this.blockly.getAllBlocks());\n}\n\n/** \n * @property {Number} previousLine - Keeps track of the previously highlighted line.\n */\nBlockPyEditor.prototype.previousLine = null;\n\n/**\n * Assuming that a line has been highlighted previously, this will set the\n * line to be highlighted again. Used when we need to restore a highlight.\n */\nBlockPyEditor.prototype.refreshHighlight = function() {\n if (this.previousLine !== null) {\n this.codeMirror.addLineClass(this.previousLine, 'text', 'editor-error-line');\n }\n // TODO: Shouldn't this refresh the highlight in the block side too?\n}\n\n/**\n * Highlights a line of code in the CodeMirror instance. This applies the \"active\" style\n * which is meant to bring attention to a line, but not suggest it is wrong.\n *\n * @param {Number} line - The line of code to highlight. I think this is zero indexed?\n */\nBlockPyEditor.prototype.highlightLine = function(line) {\n if (this.previousLine !== null) {\n this.codeMirror.removeLineClass(this.previousLine, 'text', 'editor-active-line');\n this.codeMirror.removeLineClass(this.previousLine, 'text', 'editor-error-line');\n }\n this.codeMirror.addLineClass(line, 'text', 'editor-active-line');\n this.previousLine = line;\n}\n\n/**\n * Highlights a line of code in the CodeMirror instance. This applies the \"error\" style\n * which is meant to suggest that a line is wrong.\n *\n * @param {Number} line - The line of code to highlight. I think this is zero indexed?\n */\nBlockPyEditor.prototype.highlightError = function(line) {\n if (this.previousLine !== null) {\n this.codeMirror.removeLineClass(this.previousLine, 'text', 'editor-active-line');\n this.codeMirror.removeLineClass(this.previousLine, 'text', 'editor-error-line');\n }\n this.codeMirror.addLineClass(line, 'text', 'editor-error-line');\n this.refreshBlockHighlight(line);\n this.previousLine = line;\n}\n\n/**\n * Highlights a block in Blockly. Unfortunately, this is the same as selecting it.\n *\n * @param {Number} block - The ID of the block object to highlight.\n */\nBlockPyEditor.prototype.highlightBlock = function(block) {\n //this.blockly.highlightBlock(block);\n}\n\n/**\n * Used to restore a block's highlight when travelling from the code tab. This\n * uses a mapping between the blocks and text that is generated from the parser.\n * The parser has stored the relevant line numbers for each block in the XML of the\n * block. Very sophisticated, and sadly fairly fragile.\n * TODO: I believe there's some kind of off-by-one error here...\n *\n * @param {Number} line - The line of code to highlight. I think this is zero indexed?\n */\nBlockPyEditor.prototype.refreshBlockHighlight = function(line) {\n if (this.blocksFailed) {\n this.blocksFailed = false;\n return;\n }\n if (this.main.model.settings.editor() != \"Blocks\" &&\n this.main.model.settings.editor() != \"Split\") {\n return;\n }\n var all_blocks = this.blockly.getAllBlocks();\n //console.log(all_blocks.map(function(e) { return e.lineNumber }));\n var blockMap = {};\n all_blocks.forEach(function(elem) {\n var lineNumber = parseInt(elem.lineNumber, 10);\n if (lineNumber in blockMap) {\n blockMap[lineNumber].push(elem);\n } else {\n blockMap[lineNumber] = [elem];\n }\n });\n if (1+line in blockMap) {\n var hblocks = blockMap[1+line];\n var blockly = this.blockly;\n hblocks.forEach(function(elem) {\n //elem.addSelect();\n blockly.highlightBlock(elem.id, true);\n });\n /*if (hblocks.length > 0) {\n this.blockly.highlightBlock(hblocks[0].id, true);\n }*/\n }\n}\n\n/**\n * Removes the outline around a block. Currently unused.\n */\nBlockPyEditor.prototype.unhighlightBlock = function() {\n // TODO:\n}\n\n/**\n * Removes any highlight in the text code editor.\n *\n */\nBlockPyEditor.prototype.unhighlightLines = function() {\n if (this.previousLine !== null) {\n this.codeMirror.removeLineClass(this.previousLine, 'text', 'editor-active-line');\n this.codeMirror.removeLineClass(this.previousLine, 'text', 'editor-error-line');\n }\n this.previousLine = null;\n}\n\n/**\n * DEPRECATED, thankfully\n * Builds up an array indicating the relevant block ID for a given step.\n * Operates on the current this.blockly instance\n * It works by injecting __HIGHLIGHT__(id); at the start of every line of code\n * and then extracting that with regular expressions. This makes it vulnerable\n * if someone decides to use __HIGHLIGHT__ in their code. I'm betting on that\n * never being a problem, though. Still, this was a miserable way of accomplishing\n * the desired behavior.\n */\nBlockPyEditor.prototype.getHighlightMap = function() {\n // Protect the current STATEMENT_PREFIX\n var backup = Blockly.Python.STATEMENT_PREFIX;\n Blockly.Python.STATEMENT_PREFIX = '__HIGHLIGHT__(%1);';\n Blockly.Python.addReservedWords('__HIGHLIGHT__');\n // Get the source code, injected with __HIGHLIGHT__(id)\n var highlightedCode = Blockly.Python.workspaceToCode(this.blockly);\n Blockly.Python.STATEMENT_PREFIX = backup;\n // Build up the array by processing the highlighted code line-by-line\n var highlightMap = [];\n var lines = highlightedCode.split(\"\\n\");\n for (var i = 0; i < lines.length; i++) {\n // Get the block ID from the line\n var id = lines[i].match(/\\W*__HIGHLIGHT__\\(\\'(.+?)\\'\\)/);\n if (id !== null) {\n // Convert it into a base-10 number, because JavaScript.\n highlightMap[i] = parseInt(id[1], 10);\n }\n }\n return highlightMap;\n}\n\n/**\n * Updates the current file being edited in the editors.\n * This appears to be deprecated.\n *\n * @param {String} name - The name of the file being edited (e.g, \"__main__\", \"starting_code\")\n */\nBlockPyEditor.prototype.changeProgram = function(name) {\n this.silentChange_ = true;\n if (name == 'give_feedback') {\n this.setMode('Text');\n }\n this.model.settings.filename = name;\n this.editor.setPython(this.model.programs[name]);\n this.toolbar.elements.programs.find(\"[data-name=\"+name+\"]\").click();\n}\n\n/**\n * Eventually will be used to update \"levels\" of sophistication of the code interface.\n * Currently unimplemented and unused.\n */\nBlockPyEditor.prototype.setLevel = function() {\n var level = this.main.model.settings.level();\n}\n\n/**\n * Maps short category names in the toolbox to the full XML used to\n * represent that category as usual. This is kind of a clunky mechanism\n * for managing the different categories, and doesn't allow us to specify\n * individual blocks.\n */\nBlockPyEditor.CATEGORY_MAP = {\n 'Properties': '<category name=\"Properties\" custom=\"VARIABLE\" colour=\"240\">'+\n '</category>',\n 'Decisions': '<category name=\"Decisions\" colour=\"330\">'+\n '<block type=\"controls_if\"></block>'+\n '<block type=\"controls_if\"><mutation else=\"1\"></mutation></block>'+\n '<block type=\"logic_compare\"></block>'+\n '<block type=\"logic_operation\"></block>'+\n '<block type=\"logic_negate\"></block>'+\n '</category>',\n 'Iteration': '<category name=\"Iteration\" colour=\"300\">'+\n '<block type=\"controls_forEach\"></block>'+\n '</category>',\n 'Functions': '<category name=\"Functions\" custom=\"PROCEDURE\" colour=\"210\">'+\n '</category>',\n 'Calculation': '<category name=\"Calculation\" colour=\"270\">'+\n //'<block type=\"raw_table\"></block>'+\n '<block type=\"math_arithmetic\"></block>'+\n //'<block type=\"type_check\"></block>'+\n //'<block type=\"raw_empty\"></block>'+\n //'<block type=\"math_single\"></block>'+\n //'<block type=\"math_number_property\"></block>'+\n '<block type=\"math_round\"></block>'+\n //'<block type=\"text_join\"></block>'+\n '</category>',\n 'Python': '<category name=\"Python\" colour=\"180\">'+\n '<block type=\"raw_block\"></block>'+\n '<block type=\"raw_expression\"></block>'+\n //'<block type=\"function_call\"></block>'+\n '</category>',\n 'Output': '<category name=\"Output\" colour=\"160\">'+\n '<block type=\"text_print\"></block>'+\n //'<block type=\"text_print_multiple\"></block>'+\n '<block type=\"plot_line\"></block>'+\n '<block type=\"plot_scatter\"></block>'+\n '<block type=\"plot_hist\"></block>'+\n '<block type=\"plot_show\"></block>'+\n '<block type=\"plot_title\"></block>'+\n '<block type=\"plot_xlabel\"></block>'+\n '<block type=\"plot_ylabel\"></block>'+\n '</category>',\n 'Turtles': '<category name=\"Turtles\" colour=\"180\">'+\n '<block type=\"turtle_create\"></block>'+\n '<block type=\"turtle_forward\"></block>'+\n '<block type=\"turtle_backward\"></block>'+\n '<block type=\"turtle_left\"></block>'+\n '<block type=\"turtle_right\"></block>'+\n '<block type=\"turtle_color\"></block>'+\n '</category>',\n 'Values': '<category name=\"Values\" colour=\"100\">'+\n '<block type=\"text\"></block>'+\n '<block type=\"math_number\"></block>'+\n '<block type=\"logic_boolean\"></block>'+\n '</category>',\n 'Lists': '<category name=\"Lists\" colour=\"30\">'+\n '<block type=\"lists_create_with\">'+\n '<value name=\"ADD0\">'+\n '<block type=\"math_number\"><field name=\"NUM\">0</field></block>'+\n '</value>'+\n '<value name=\"ADD1\">'+\n '<block type=\"math_number\"><field name=\"NUM\">0</field></block>'+\n '</value>'+\n '<value name=\"ADD2\">'+\n '<block type=\"math_number\"><field name=\"NUM\">0</field></block>'+\n '</value>'+\n '</block>'+\n '<block type=\"lists_create_with\"></block>'+\n '<block type=\"lists_create_empty\"></block>'+\n '<block type=\"lists_append\"></block>'+\n /*'<block type=\"lists_length\"></block>'+*/\n /*'<block type=\"lists_index\">'+\n '<value name=\"ITEM\">'+\n '<shadow type=\"math_number\">'+\n '<field name=\"NUM\">0</field>'+\n '</shadow>'+\n '</value>'+\n '</block>'+*/\n '</category>',\n 'Dictionaries': '<category name=\"Dictionaries\" colour=\"0\">'+\n '<block type=\"dicts_create_with\"></block>'+\n '<block type=\"dict_get_literal\"></block>'+\n //'<block type=\"dict_keys\"></block>'+\n '</category>',\n /*\n 'Data - Weather': '<category name=\"Data - Weather\" colour=\"70\">'+\n '<block type=\"weather_temperature\"></block>'+\n '<block type=\"weather_report\"></block>'+\n '<block type=\"weather_forecasts\"></block>'+\n '<block type=\"weather_report_forecasts\"></block>'+\n '<block type=\"weather_all_forecasts\"></block>'+\n '<block type=\"weather_highs_lows\"></block>'+\n '</category>',\n 'Data - Stocks': '<category name=\"Data - Stock\" colour=\"65\">'+\n '<block type=\"stocks_current\"></block>'+\n '<block type=\"stocks_past\"></block>'+\n '</category>',\n 'Data - Earthquakes': '<category name=\"Data - Earthquakes\" colour=\"60\">'+\n '<block type=\"earthquake_get\"></block>'+\n '<block type=\"earthquake_both\"></block>'+\n '<block type=\"earthquake_all\"></block>'+\n '</category>',\n 'Data - Crime': '<category name=\"Data - Crime\" colour=\"55\">'+\n '<block type=\"crime_state\"></block>'+\n '<block type=\"crime_year\"></block>'+\n '<block type=\"crime_all\"></block>'+\n '</category>',\n 'Data - Books': '<category name=\"Data - Books\" colour=\"50\">'+\n '<block type=\"books_get\"></block>'+\n '</category>',*/\n 'Data - Parking': '<category name=\"Data - Parking\" colour=\"45\">'+\n '<block type=\"datetime_day\"></block>'+\n '<block type=\"datetime_time\"></block>'+\n '<block type=\"logic_compare\">'+\n '<field name=\"OP\">EQ</field>'+\n '<value name=\"A\">'+\n '<block type=\"datetime_time\">'+\n '<mutation isNow=\"1\"></mutation>'+\n '<field name=\"HOUR\">1</field>'+\n '<field name=\"MINUTE\">00</field>'+\n '<field name=\"MERIDIAN\">PM</field>'+\n '</block>'+\n '</value>'+\n '</block>'+\n '<block type=\"logic_compare\">'+\n '<field name=\"OP\">EQ</field>'+\n '<value name=\"A\">'+\n '<block type=\"datetime_day\">'+\n '<field name=\"DAY\">Monday</field>'+\n '</block>'+\n '</value>'+\n '</block>'+\n //'<block type=\"datetime_check_day\"></block>'+\n //'<block type=\"datetime_check_time\"></block>'+\n '</category>',\n 'Separator': '<sep></sep>'\n};\n\n/**\n * Creates an updated representation of the Toolboxes XML as currently specified in the\n * model, using whatever modules have been added or removed. This method can either set it\n * or just retrieve it for future use.\n *\n * @param {Boolean} only_set - Whether to return the XML string or to actually set the XML. False means that it will not update the toolbox!\n * @returns {String?} Possibly returns the XML of the toolbox as a string.\n */\nBlockPyEditor.prototype.updateToolbox = function(only_set) {\n var xml = '<xml id=\"toolbox\" style=\"display: none\">';\n var modules = this.main.model.assignment.modules();\n var started_misc = false,\n started_values = false,\n started_data = false;\n for (var i = 0, length = modules.length; i < length; i = i+1) {\n var module = modules[i];\n if (!started_misc && ['Calculation', 'Output', 'Python'].indexOf(module) != -1) {\n started_misc = true;\n xml += BlockPyEditor.CATEGORY_MAP['Separator'];\n }\n if (!started_values && ['Values', 'Lists', 'Dictionaries'].indexOf(module) != -1) {\n started_values = true;\n xml += BlockPyEditor.CATEGORY_MAP['Separator'];\n }\n if (!started_data && module.slice(0, 6) == 'Data -') {\n started_data = true;\n xml += BlockPyEditor.CATEGORY_MAP['Separator'];\n }\n if (typeof module == 'string') {\n xml += BlockPyEditor.CATEGORY_MAP[module];\n } else {\n var category = '<category name=\"'+module.name+'\" colour=\"'+module.color+'\">';\n for (var j= 0; category_length = module.blocks.length; j = j+1) {\n var block = module.blocks[j];\n category += '<block type=\"'+block+'\"></block>';\n }\n category += '</category>';\n }\n //'<sep></sep>'+\n }\n xml += '</xml>';\n if (only_set) {\n this.blockly.updateToolbox(xml);\n this.blockly.resize();\n } else {\n return xml;\n }\n};\n\nBlockPyEditor.prototype.DOCTYPE = '<?xml version=\"1.0\" standalone=\"no\"?>' + '<' + '!DOCTYPE svg PUBLIC \"-//W3C//DTD SVG 1.1//EN\" \"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd\">';\nBlockPyEditor.prototype.cssData = null;\nBlockPyEditor.prototype.loadCss = function() {\n if (this.cssData == null) {\n var txt = '.blocklyDraggable {}\\n';\n txt += Blockly.Css.CONTENT.join('\\n');\n if (Blockly.FieldDate) {\n txt += Blockly.FieldDate.CSS.join('\\n');\n }\n // Strip off any trailing slash (either Unix or Windows).\n this.cssData = txt.replace(/<<<PATH>>>/g, Blockly.Css.mediaPath_);\n }\n}\n\n/**\n * Generates a PNG version of the current workspace. This PNG is stored in a Base-64 encoded\n * string as part of a data URL (e.g., \"data:image/png;base64,...\").\n * TODO: There seems to be some problems capturing blocks that don't start with\n * statement level blocks (e.g., expression blocks).\n * \n * @param {Function} callback - A function to be called with the results. This function should take two parameters, the URL (as a string) of the generated base64-encoded PNG and the IMG tag.\n */\nBlockPyEditor.prototype.getPngFromBlocks = function(callback) {\n this.loadCss();\n try {\n // Retreive the entire canvas, strip some unnecessary tags\n var blocks = this.blockly.svgBlockCanvas_.cloneNode(true);\n blocks.removeAttribute(\"width\");\n blocks.removeAttribute(\"height\");\n // Ensure that we have some content\n if (blocks.childNodes[0] !== undefined) {\n // Remove tags that offset\n blocks.removeAttribute(\"transform\");\n blocks.childNodes[0].removeAttribute(\"transform\");\n blocks.childNodes[0].childNodes[0].removeAttribute(\"transform\");\n // Add in styles\n var linkElm = document.createElementNS(\"http://www.w3.org/1999/xhtml\", \"style\");\n linkElm.textContent = this.cssData + '\\n\\n';\n blocks.insertBefore(linkElm, blocks.firstChild);\n // Get the bounding box\n var bbox = document.getElementsByClassName(\"blocklyBlockCanvas\")[0].getBBox();\n // Create the XML representation of the SVG\n var xml = new XMLSerializer().serializeToString(blocks);\n xml = '<svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"'+bbox.width+'\" height=\"'+bbox.height+'\" viewBox=\"0 0 '+bbox.width+' '+bbox.height+'\"><rect width=\"100%\" height=\"100%\" fill=\"white\"></rect>'+xml+'</svg>';\n // create a file blob of our SVG.\n // Unfortunately, this crashes modern chrome for unknown reasons.\n //var blob = new Blob([ this.DOCTYPE + xml], { type: 'image/svg+xml' });\n //var url = window.URL.createObjectURL(blob);\n // Old method: this failed on IE\n var url = \"data:image/svg+xml;base64,\" + btoa(unescape(encodeURIComponent(xml)));\n // Create an IMG tag to hold the new element\n var img = document.createElement(\"img\");\n img.style.display = 'block';\n img.onload = function() {\n var canvas = document.createElement('canvas');\n canvas.width = bbox.width;\n canvas.height = bbox.height;\n var ctx = canvas.getContext('2d');\n ctx.drawImage(img, 0, 0);\n var canvasUrl;\n try {\n canvasUrl = canvas.toDataURL(\"image/png\");\n } catch (e) {\n canvasUrl = url;\n }\n img.onload = null;\n callback(canvasUrl, img);\n }\n img.onerror = function() {\n callback(\"\", img);\n }\n img.setAttribute('src', url);\n } else {\n callback(\"\", document.createElement(\"img\"))\n }\n } catch (e) {\n callback(\"\", document.createElement(\"img\"));\n console.error(\"PNG image creation not supported!\", e);\n }\n}\n\n/**\n * Shows a dialog window with the current block workspace encoded as a\n * downloadable PNG image.\n */\nBlockPyEditor.prototype.copyImage = function() {\n var dialog = this.main.components.dialog;\n this.getPngFromBlocks(function(canvasUrl, img) {\n img.onload = function() {\n var span = document.createElement('span');\n span.textContent = \"Right-click and copy the image below.\"\n var newWindow = document.createElement('button');\n var newWindowInner = document.createElement('span');\n newWindow.className += \"btn btn-default btn-xs\";\n newWindowInner.className += \"glyphicon glyphicon-new-window\";\n newWindow.onclick = function() {\n var output = img.src;\n window.open(img.src);\n }\n newWindow.appendChild(newWindowInner);\n var div = document.createElement('div');\n div.appendChild(span);\n div.appendChild(newWindow);\n div.appendChild(img);\n dialog.show(\"Blocks as Image\", div);\n };\n img.src = canvasUrl;\n });\n}
/**\n * An object for executing Python code and passing the results along to interested components.\n *\n * @constructor\n * @this {BlockPyEditor}\n * @param {Object} main - The main BlockPy instance\n * @param {HTMLElement} tag - The HTML object this is attached to.\n */\nfunction BlockPyEngine(main) {\n this.main = main;\n \n this.loadEngine();\n \n this.instructor_module = instructor_module('instructor');\n \n //this.main.model.program.subscribe(this.analyze.bind(this))\n}\n\n/**\n * Definable function to be run when execution has fully ended,\n * whether it succeeds or fails.\n *\n */\nBlockPyEngine.prototype.onExecutionEnd = null;\n\n/**\n * Helper function that will attempt to call the defined onExecutionEnd,\n * but will do nothing if there is no function defined.\n */\nBlockPyEngine.prototype.executionEnd_ = function() {\n if (this.onExecutionEnd !== null) {\n this.onExecutionEnd();\n }\n};\n\n/**\n * Initializes the Python Execution engine and the Printer (console).\n */\nBlockPyEngine.prototype.loadEngine = function() {\n var engine = this;\n var printer = this.main.components.printer;\n // Skulpt settings\n // No connected services\n Sk.connectedServices = {}\n // Limit execution to 5 seconds\n Sk.execLimit = this.main.model.settings.disable_timeout() ? null : 5000;\n \n this.main.model.settings.disable_timeout.subscribe(function(newValue) {\n Sk.execLimit = newValue ? null : 5000;\n });\n \n // Ensure version 3, so we get proper print handling\n Sk.python3 = true;\n // Major Skulpt configurations\n Sk.configure({\n // Function to handle the text outputted by Skulpt\n output: printer.print.bind(printer),\n // Function to handle loading in new files\n read: this.readFile.bind(this)\n });\n // Identify the location to put new charts\n Sk.console = printer.getConfiguration();\n // Stepper! Executed after every statement.\n Sk.afterSingleExecution = this.step.bind(this);\n // Definitely use a prompt\n Sk.inputfunTakesPrompt = true;\n \n // Keeps track of the tracing while the program is executing; destroyed afterwards.\n this.executionBuffer = {};\n}\n\n/**\n * Used to access Skulpt built-ins. This is pretty generic, taken\n * almost directly from the Skulpt docs.\n *\n * @param {String} filename - The python filename (e.g., \"os\" or \"pprint\") that will be loaded.\n * @returns {String} The JavaScript source code of the file (weird, right?)\n * @throws Will throw an error if the file isn't found.\n */\nBlockPyEngine.prototype.readFile = function(filename) {\n if (Sk.builtinFiles === undefined ||\n Sk.builtinFiles[\"files\"][filename] === undefined) {\n throw \"File not found: '\" + filename + \"'\";\n }\n return Sk.builtinFiles[\"files\"][filename];\n}\n\n/**\n * Resets the state of the execution engine, including reinitailizing\n * the execution buffer (trace, step, etc.), reseting the printer, and\n * hiding the trace button.\n *\n */\nBlockPyEngine.prototype.reset = function() {\n this.executionBuffer = {\n 'trace': [],\n 'step': 0,\n 'last_step': 0,\n 'line_number': 0,\n };\n this.main.model.execution.trace.removeAll();\n this.main.model.execution.step(0);\n this.main.model.execution.last_step(0);\n this.main.model.execution.line_number(0)\n this.main.components.printer.resetPrinter();\n this.main.model.execution.show_trace(false);\n}\n\n/**\n * \"Steps\" the execution of the code, meant to be used as a callback to the Skulpt\n * environment.\n * \n * @param {Object} variables - Hash that maps the names of variables (Strings) to their Skulpt representation.\n * @param {Number} lineNumber - The corresponding line number in the source code that is being executed.\n * @param {Number} columnNumber - The corresponding column number in the source code that is being executed. Think of it as the \"X\" position to the lineNumber's \"Y\" position.\n * @param {String} filename - The name of the python file being executed (e.g., \"__main__.py\").\n * @param {String} astType - Unused? TODO: What is this?\n * @param {String} ast - String-encoded JSON representation of the AST node associated with this element.\n */\nBlockPyEngine.prototype.step = function(variables, lineNumber, \n columnNumber, filename, astType, ast) {\n if (filename == '<stdin>.py') {\n var currentStep = this.executionBuffer.step;\n var globals = this.parseGlobals(variables);\n this.executionBuffer.trace.push(\n {'step': currentStep,\n 'filename': filename,\n //'block': highlightMap[lineNumber-1],\n 'line': lineNumber,\n 'column': columnNumber,\n 'properties': globals.properties,\n 'modules': globals.modules});\n this.executionBuffer.step = currentStep+1;\n this.executionBuffer.last_step = currentStep+1;\n this.executionBuffer.line_number = lineNumber;\n }\n}\n\n/**\n * Called at the end of the Skulpt execution to terminate the executionBuffer\n * and hand it off to the execution trace in the model.\n */\nBlockPyEngine.prototype.lastStep = function() {\n var execution = this.main.model.execution;\n execution.trace(this.executionBuffer.trace);\n this.main.model.execution.step(this.executionBuffer.step)\n this.main.model.execution.last_step(this.executionBuffer.last_step)\n this.main.model.execution.line_number(this.executionBuffer.line_number)\n //this.executionBuffer = undefined;\n}\n\n/**\n * Runs the AbstractInterpreter to get some static information about the code,\n * in particular the variables' types. This is needed for type checking.\n *\n * @returns {Object<String, AIType>} Maps variable names (as Strings) to types as constructed by the AbstractIntepreter.\n */\nBlockPyEngine.prototype.analyzeVariables = function() {\n // Get the code\n var code = this.main.model.programs['__main__']();\n if (code.trim() == \"\") {\n return {};\n }\n \n var analyzer = new AbstractInterpreter(code);\n report = analyzer.report;\n return analyzer.variableTypes;\n}\n\n/**\n * Runs the AbstractInterpreter to get some static information about the code,\n * including potential semantic errors. It then parses that information to give\n * feedback.\n *\n * @returns {Boolean} Whether the code was successfully analyzed.\n */\nBlockPyEngine.prototype.analyze = function() {\n this.main.model.execution.status(\"analyzing\");\n \n var feedback = this.main.components.feedback;\n \n // Get the code\n var code = this.main.model.programs['__main__']();\n if (code.trim() == \"\") {\n this.main.components.feedback.emptyProgram(\"You haven't written any code yet!\");\n //this.main.model.feedback.status(\"semantic\");\n return false;\n }\n \n var analyzer = new AbstractInterpreter(code);\n this.main.model.execution.ast = analyzer.ast;\n \n report = analyzer.report;\n // Syntax error\n if (report.error !== false) {\n console.log(report.error.args.v)\n var codeLine = '.';\n if (report.error.args.v.length > 3) {\n codeLine = ', where it says:<br><code>'+report.error.args.v[3][2]+'</code>';\n }\n this.main.reportError('editor', report.error, \"While attempting to process your Python code, I found a syntax error. In other words, your Python code has a mistake in it (e.g., mispelled a keyword, bad indentation, unnecessary symbol). You should check to make sure that you have written all of your code correctly. To me, it looks like the problem is on line \"+ report.error.args.v[2]+codeLine, report.error.args.v[2]);\n return false;\n }\n \n if (report[\"Unconnected blocks\"].length >= 1) {\n var variable = report['Unconnected blocks'][0];\n feedback.semanticError(\"Unconnected blocks\", \"It looks like you have unconnected blocks on line \"+variable.position.line+\". Before you run your program, you must make sure that all of your blocks are connected and that there are no unfilled holes.\", variable.position.line)\n return false;\n } else if (report['Iteration variable is iteration list'].length >= 1) {\n var variable = report['Iteration variable is iteration list'][0];\n feedback.semanticError(\"Iteration Problem\", \"The property <code>\"+variable.name+\"</code> was iterated on line \"+variable.position.line+\", but you used the same variable as the iteration variable. You should choose a different variable name for the iteration variable. Usually, the iteration variable is the singular form of the iteration list (e.g., <code>for dog in dogs:</code>).\", variable.position.line)\n return false;\n } else if (report[\"Undefined variables\"].length >= 1) {\n var variable = report[\"Undefined variables\"][0];\n feedback.semanticError(\"Initialization Problem\", \"The property <code>\"+variable.name+\"</code> was read on line \"+variable.position.line+\", but it was not given a value on a previous line. You cannot use a property until it has been initialized.\", variable.position.line)\n return false;\n } else if (report[\"Possibly undefined variables\"].length >= 1) {\n var variable = report[\"Possibly undefined variables\"][0];\n feedback.semanticError(\"Initialization Problem\", \"The property <code>\"+variable.name+\"</code> was read on line \"+variable.position.line+\", but it was possibly not given a value on a previous line. You cannot use a property until it has been initialized. Check to make sure that this variable was declared in all of the branches of your decision.\", variable.position.line);\n return false;\n } else if (report[\"Unread variables\"].length >= 1) {\n var variable = report[\"Unread variables\"][0];\n feedback.semanticError(\"Unused Property\", \"The property <code>\"+variable.name+\"</code> was set, but was never used after that.\", null)\n return false;\n } else if (report[\"Overwritten variables\"].length >= 1) {\n var variable = report[\"Overwritten variables\"][0];\n feedback.semanticError(\"Overwritten Property\", \"The property <code>\"+variable.name+\"</code> was set, but before it could be read it was changed on line \"+variable.position.line+\". It is unnecessary to change an existing variable's value without reading it first.\", variable.position.line)\n return false;\n } else if (report[\"Empty iterations\"].length >= 1) {\n var variable = report[\"Empty iterations\"][0];\n feedback.semanticError(\"Iterating over empty list\", \"The property <code>\"+variable.name+\"</code> was set as an empty list, and then you attempted to iterate over it on \"+variable.position.line+\". You should only iterate over non-empty lists.\", variable.position.line)\n return false;\n } else if (report[\"Non-list iterations\"].length >= 1) {\n var variable = report[\"Non-list iterations\"][0];\n feedback.semanticError(\"Iterating over non-list\", \"The property <code>\"+variable.name+\"</code> is not a list, but you attempted to iterate over it on \"+variable.position.line+\". You should only iterate over non-empty lists.\", variable.position.line)\n return false;\n } else if (report[\"Incompatible types\"].length >= 1) {\n var variable = report[\"Incompatible types\"][0];\n feedback.semanticError(\"Incompatible types\", \"You attempted to \"+variable.operation+\" a \"+variable.left.type+\" and a \"+variable.right.type+\" on line \"+variable.position.line+\". But you can't do that with that operator. Make sure both sides of the operator are the right type.\", variable.position.line)\n return false;\n }\n \n return true;\n}\n\nvar GLOBAL_VALUE;\n\n/**\n * Runs the given python code, resetting the console and Trace Table.\n */\nBlockPyEngine.prototype.run = function() {\n // Reset everything\n this.reset();\n \n if (!this.main.model.settings.disable_semantic_errors() &&\n !this.main.model.assignment.disable_algorithm_errors()) {\n var success = this.analyze();\n if (success === false) {\n this.executionEnd_();\n return;\n }\n }\n \n Sk.builtins.value = new Sk.builtin.func(function() {\n return Sk.ffi.remapToPy(GLOBAL_VALUE === undefined ? 5 : GLOBAL_VALUE);\n });\n Sk.builtins.set_value = new Sk.builtin.func(function(v) {\n GLOBAL_VALUE = v.v;\n });\n \n this.main.model.execution.status(\"running\");\n \n var feedback = this.main.components.feedback;\n \n // Get the code\n var code = this.main.model.programs['__main__']();\n if (code.trim() == \"\") {\n feedback.emptyProgram();\n this.main.model.execution.status(\"error\");\n this.executionEnd_();\n return;\n }\n // Actually run the python code\n var executionPromise = Sk.misceval.asyncToPromise(function() {\n return Sk.importMainWithBody(\"<stdin>\", false, code, true);\n });\n \n var engine = this;\n var server = this.server;\n var execution = this.main.model.execution;\n executionPromise.then(\n function (module) {\n // Run the afterSingleExecution one extra time for final state\n Sk.afterSingleExecution(module.$d, -1, 0, \"<stdin>.py\");\n engine.lastStep();\n // Handle checks\n feedback.noErrors()\n engine.check(code, execution.trace(), execution.output(), execution.ast, module.$d);\n // Reenable \"Run\"\n engine.main.model.execution.status(\"waiting\");\n engine.executionEnd_();\n },\n function(error) {\n feedback.printError(error);\n engine.main.model.execution.status(\"error\");\n engine.executionEnd_();\n //server.logEvent('blockly_error', error);\n }\n );\n}\n\n/**\n * Indents the given string by 4 spaces. This correctly handles multi-line strings.\n *\n * @param {String} str - The string to be manipulated.\n * @returns {String} The string with four spaces added at the start of every new line.\n */\nfunction indent(str) {\n return str.replace(/^(?=.)/gm, ' ');\n}\n\n/**\n * Skulpt Module for holding the Instructor API.\n *\n * This module is a little hackish. We need to sit down and reevaluate the best way to\n * organize it and whether this particular structure is ideal. I suspect it should be\n * it's own proper JS file.\n *\n * @param {String} name - The name of the module (should always be 'instructor')\n *\n */\nvar instructor_module = function(name) {\n // Main module object that gets returned at the end.\n var mod = {};\n \n /**\n * Skulpt Exception that represents a Feedback object, to be rendered to the user\n * when the feedback system finds a problem.\n * \n * @param {Array} args - A list of optional arguments to pass to the Exception.\n * Usually this will include a message for the user.\n */\n Sk.builtin.Feedback = function (args) {\n var o;\n if (!(this instanceof Sk.builtin.Feedback)) {\n o = Object.create(Sk.builtin.Feedback.prototype);\n o.constructor.apply(o, arguments);\n return o;\n }\n Sk.builtin.Exception.apply(this, arguments);\n };\n Sk.abstr.setUpInheritance(\"Feedback\", Sk.builtin.Feedback, Sk.builtin.Exception);\n \n /**\n * Skulpt Exception that represents a Success object, to be thrown when the user\n * completes their program successfully.\n *\n ** @param {Array} args - A list of optional arguments to pass to the Exception.\n * Usually this will be empty.\n */\n Sk.builtin.Success = function (args) {\n var o;\n if (!(this instanceof Sk.builtin.Success)) {\n o = Object.create(Sk.builtin.Success.prototype);\n o.constructor.apply(o, arguments);\n return o;\n }\n Sk.builtin.Exception.apply(this, arguments);\n };\n Sk.abstr.setUpInheritance(\"Success\", Sk.builtin.Success, Sk.builtin.Exception);\n \n /**\n * Skulpt Exception that represents a Finished object, to be thrown when the user\n * completes their program successfully, but isn't in a problem with a \"solution\".\n * This is useful for open-ended canvases where we still want to capture the students'\n * code in Canvas.\n *\n ** @param {Array} args - A list of optional arguments to pass to the Exception.\n * Usually this will be empty.\n */\n Sk.builtin.Finished = function (args) {\n var o;\n if (!(this instanceof Sk.builtin.Finished)) {\n o = Object.create(Sk.builtin.Finished.prototype);\n o.constructor.apply(o, arguments);\n return o;\n }\n Sk.builtin.Exception.apply(this, arguments);\n };\n Sk.abstr.setUpInheritance(\"Finished\", Sk.builtin.Finished, Sk.builtin.Exception);\n \n /**\n * A Skulpt function that throws a Feedback exception, allowing us to give feedback\n * to the user through the Feedback panel. This function call is done for aesthetic\n * reasons, so that we are calling a function instead of raising an error. Still,\n * exceptions allow us to break out of the control flow immediately, like a \n * return, so they are a good mechanism to use under the hood.\n * \n * @param {String} message - The message to display to the user.\n */\n mod.set_feedback = new Sk.builtin.func(function(message) {\n Sk.builtin.pyCheckArgs(\"set_feedback\", arguments, 1, 1);\n Sk.builtin.pyCheckType(\"message\", \"string\", Sk.builtin.checkString(message));\n throw new Sk.builtin.Feedback(message.v);\n });\n \n /**\n * A Skulpt function that throws a Success exception. This will terminate the\n * feedback analysis, but reports that the students' code was successful.\n * This function call is done for aesthetic reasons, so that we are calling a\n * function instead of raising an error. Still, exceptions allow us to break\n * out of the control flow immediately, like a return would, so they are a\n * good mechanism to use under the hood.\n */\n mod.set_success = new Sk.builtin.func(function() {\n Sk.builtin.pyCheckArgs(\"set_success\", arguments, 0, 0);\n throw new Sk.builtin.Success();\n });\n \n /**\n * A Skulpt function that throws a Finished exception. This will terminate the\n * feedback analysis, but reports that the students' code was successful.\n * This function call is done for aesthetic reasons, so that we are calling a\n * function instead of raising an error. Still, exceptions allow us to break\n * out of the control flow immediately, like a return would, so they are a\n * good mechanism to use under the hood.\n */\n mod.set_finished = new Sk.builtin.func(function() {\n Sk.builtin.pyCheckArgs(\"set_finished\", arguments, 0, 0);\n throw new Sk.builtin.Finished();\n });\n \n // Memoization of previous parses - some mild redundancy to save time\n // TODO: There's no evidence this is good, and could be a memory hog on big\n // programs. Someone should investigate this. The assumption is that multiple\n // helper functions might be using parses. But shouldn't we trim old parses?\n // Perhaps a timed cache would work better.\n var parses = {};\n \n /**\n * Given source code as a string, return a flat list of all of the AST elements\n * in the parsed source code.\n *\n * TODO: There's redundancy here, since the source code was previously parsed\n * to run the file and to execute it. We should probably be able to do this just\n * once and shave off time.\n *\n * @param {String} source - Python source code.\n * @returns {Array.<Object>}\n */\n function getParseList(source) {\n if (!(source in parses)) {\n var parse = Sk.parse(\"__main__\", source);\n parses[source] = Sk.astFromParse(parse.cst, \"__main__\", parse.flags);\n }\n var ast = parses[source];\n return (new NodeVisitor()).recursive_walk(ast);\n }\n \n /**\n * Given source code as a string, return a list of all of the AST elements\n * that are Num (aka numeric literals) but that are not inside List elements.\n *\n * @param {String} source - Python source code.\n * @returns {Array.number} The list of JavaScript numeric literals that were found.\n */\n function getNonListNums(source) {\n if (!(source in parses)) {\n var parse = Sk.parse(\"__main__\", source);\n parses[source] = Sk.astFromParse(parse.cst, \"__main__\", parse.flags);\n }\n var ast = parses[source];\n var visitor = new NodeVisitor();\n var insideList = false;\n var nums = [];\n visitor.visit_List = function(node) {\n insideList = true;\n this.generic_visit(node);\n insideList = false;\n }\n visitor.visit_Num = function(node) {\n if (!insideList) {\n nums.push(node.n);\n }\n this.generic_visit(node);\n }\n visitor.visit(ast);\n return nums;\n }\n \n /**\n * Given source code as a string, return a list of all of the AST elements\n * that are being printed (using the print function) but are not variables.\n *\n * @param {String} source - Python source code.\n * @returns {Array.<Object>} The list of AST elements that were found.\n */\n function getPrintedNonProperties(source) {\n if (!(source in parses)) {\n var parse = Sk.parse(\"__main__\", source);\n parses[source] = Sk.astFromParse(parse.cst, \"__main__\", parse.flags);\n }\n var ast = parses[source];\n var visitor = new NodeVisitor();\n var nonVariables = [];\n visitor.visit_Call = function(node) {\n var func = node.func;\n var args = node.args;\n if (func._astname == 'Name' && func.id.v == 'print') {\n for (var i =0; i < args.length; i+= 1) {\n if (args[i]._astname != \"Name\") {\n nonVariables.push(args[i]);\n }\n }\n }\n this.generic_visit(node);\n }\n visitor.visit(ast);\n return nonVariables;\n }\n \n /**\n * Skulpt function to iterate through the final state of\n * all the variables in the program, and check to see if they have\n * a given value.\n */\n mod.get_value_by_name = new Sk.builtin.func(function(name) {\n Sk.builtin.pyCheckArgs(\"get_value_by_name\", arguments, 1, 1);\n Sk.builtin.pyCheckType(\"name\", \"string\", Sk.builtin.checkString(name));\n name = name.v;\n var final_values = Sk.builtins._final_values;\n if (name in final_values) {\n return final_values[name];\n } else {\n return Sk.builtin.none.none$;\n }\n });\n mod.get_value_by_type = new Sk.builtin.func(function(type) {\n Sk.builtin.pyCheckArgs(\"get_value_by_type\", arguments, 1, 1);\n \n var final_values = Sk.builtins._final_values;\n var result = [];\n for (var property in final_values) {\n if (final_values[property].tp$name == type.tp$name) {\n result.push(final_values[property]);\n }\n }\n return Sk.builtin.list(result);\n });\n \n mod.parse_json = new Sk.builtin.func(function(blob) {\n Sk.builtin.pyCheckArgs(\"parse_json\", arguments, 1, 1);\n Sk.builtin.pyCheckType(\"blob\", \"string\", Sk.builtin.checkString(blob));\n blob = blob.v;\n return Sk.ffi.remapToPy(JSON.parse(blob));\n });\n mod.get_property = new Sk.builtin.func(function(name) {\n Sk.builtin.pyCheckArgs(\"get_property\", arguments, 1, 1);\n Sk.builtin.pyCheckType(\"name\", \"string\", Sk.builtin.checkString(name));\n name = name.v;\n var trace = Sk.builtins._trace;\n if (trace.length <= 0) {\n return Sk.builtin.none.none$;\n }\n var properties = trace[trace.length-1][\"properties\"];\n for (var i = 0, len = properties.length; i < len; i += 1) {\n if (properties[i]['name'] == name) {\n return Sk.ffi.remapToPy(properties[i])\n }\n }\n return Sk.builtin.none.none$;\n });\n \n mod.calls_function = new Sk.builtin.func(function(source, name) {\n Sk.builtin.pyCheckArgs(\"calls_function\", arguments, 2, 2);\n Sk.builtin.pyCheckType(\"source\", \"string\", Sk.builtin.checkString(source));\n Sk.builtin.pyCheckType(\"name\", \"string\", Sk.builtin.checkString(name));\n \n source = source.v;\n name = name.v;\n \n var ast_list = getParseList(source);\n \n var count = 0;\n for (var i = 0, len = ast_list.length; i < len; i = i+1) {\n if (ast_list[i]._astname == 'Call') {\n if (ast_list[i].func._astname == 'Attribute') {\n count += Sk.ffi.remapToJs(ast_list[i].func.attr) == name | 0;\n } else if (ast_list[i].func._astname == 'Name') {\n count += Sk.ffi.remapToJs(ast_list[i].func.id) == name | 0;\n } \n }\n }\n \n return Sk.ffi.remapToPy(count > 0);\n });\n \n mod.count_components = new Sk.builtin.func(function(source, component) {\n Sk.builtin.pyCheckArgs(\"count_components\", arguments, 2, 2);\n Sk.builtin.pyCheckType(\"source\", \"string\", Sk.builtin.checkString(source));\n Sk.builtin.pyCheckType(\"component\", \"string\", Sk.builtin.checkString(component));\n \n source = source.v;\n component = component.v;\n \n var ast_list = getParseList(source);\n \n var count = 0;\n for (var i = 0, len = ast_list.length; i < len; i = i+1) {\n if (ast_list[i]._astname == component) {\n count = count+1;\n }\n }\n \n return Sk.ffi.remapToPy(count);\n });\n \n mod.no_nonlist_nums = new Sk.builtin.func(function(source) {\n Sk.builtin.pyCheckArgs(\"no_nonlist_nums\", arguments, 1, 1);\n Sk.builtin.pyCheckType(\"source\", \"string\", Sk.builtin.checkString(source));\n \n source = source.v;\n \n var num_list = getNonListNums(source);\n \n var count = 0;\n for (var i = 0, len = num_list.length; i < len; i = i+1) {\n if (num_list[i].v != 0 && num_list[i].v != 1) {\n return Sk.ffi.remapToPy(true);\n }\n }\n return Sk.ffi.remapToPy(false);\n });\n mod.only_printing_properties = new Sk.builtin.func(function(source) {\n Sk.builtin.pyCheckArgs(\"only_printing_properties\", arguments, 1, 1);\n Sk.builtin.pyCheckType(\"source\", \"string\", Sk.builtin.checkString(source));\n \n source = source.v;\n \n var non_var_list = getPrintedNonProperties(source);\n return Sk.ffi.remapToPy(non_var_list.length == 0);\n });\n \n return mod;\n}\n\nBlockPyEngine.prototype.setupEnvironment = function(student_code, traceTable, output, ast, final_values) {\n var model = this.main.model;\n this._backup_execution = Sk.afterSingleExecution;\n Sk.afterSingleExecution = undefined;\n Sk.builtins.get_output = new Sk.builtin.func(function() { \n Sk.builtin.pyCheckArgs(\"get_output\", arguments, 0, 0);\n return Sk.ffi.remapToPy(model.execution.output());\n });\n Sk.builtins.reset_output = new Sk.builtin.func(function() { \n Sk.builtin.pyCheckArgs(\"reset_output\", arguments, 0, 0);\n model.execution.output.removeAll();\n });\n Sk.builtins.log = new Sk.builtin.func(function(data) { \n Sk.builtin.pyCheckArgs(\"log\", arguments, 1, 1);\n console.log(data)\n });\n //Sk.builtins.trace = Sk.ffi.remapToPy(traceTable);\n Sk.builtins._trace = traceTable;\n Sk.builtins._final_values = final_values;\n Sk.builtins.code = Sk.ffi.remapToPy(student_code);\n Sk.builtins.set_success = this.instructor_module.set_success;\n Sk.builtins.set_feedback = this.instructor_module.set_feedback;\n Sk.builtins.set_finished = this.instructor_module.set_finished;\n Sk.builtins.count_components = this.instructor_module.count_components;\n Sk.builtins.no_nonlist_nums = this.instructor_module.no_nonlist_nums;\n Sk.builtins.only_printing_properties = this.instructor_module.only_printing_properties;\n Sk.builtins.calls_function = this.instructor_module.calls_function;\n Sk.builtins.get_property = this.instructor_module.get_property;\n Sk.builtins.get_value_by_name = this.instructor_module.get_value_by_name;\n Sk.builtins.get_value_by_type = this.instructor_module.get_value_by_type;\n Sk.builtins.parse_json = this.instructor_module.parse_json;\n Sk.skip_drawing = true;\n model.settings.mute_printer(true);\n}\n\nBlockPyEngine.prototype.disposeEnvironment = function() {\n Sk.afterSingleExecution = this._backup_execution;\n Sk.builtins.get_output = undefined;\n Sk.builtins.reset_output = undefined;\n Sk.builtins.log = undefined;\n Sk.builtins._trace = undefined;\n Sk.builtins.trace = undefined;\n Sk.builtins.code = undefined;\n Sk.builtins.set_success = undefined;\n Sk.builtins.set_feedback = undefined;\n Sk.builtins.set_finished = undefined;\n Sk.builtins.count_components = undefined;\n Sk.builtins.calls_function = undefined;\n Sk.builtins.get_property = undefined;\n Sk.builtins.get_value_by_name = undefined;\n Sk.builtins.get_value_by_type = undefined;\n Sk.builtins.no_nonlist_nums = undefined;\n Sk.builtins.only_printing_properties = undefined;\n Sk.builtins.parse_json = undefined;\n Sk.skip_drawing = false;\n GLOBAL_VALUE = undefined;\n this.main.model.settings.mute_printer(false);\n}\n\nBlockPyEngine.prototype.check = function(student_code, traceTable, output, ast, final_values) {\n var engine = this;\n var server = this.main.components.server;\n var model = this.main.model;\n var on_run = model.programs['give_feedback']();\n if (on_run !== undefined && on_run.trim() !== \"\") {\n on_run = 'def run_code():\\n'+indent(student_code)+'\\n'+on_run;\n this.setupEnvironment(student_code, traceTable, output, ast, final_values);\n \n var executionPromise = Sk.misceval.asyncToPromise(function() {\n return Sk.importMainWithBody(\"<stdin>\", false, on_run, true);\n });\n executionPromise.then(\n function (module) {\n engine.main.components.feedback.noErrors();\n engine.disposeEnvironment();\n }, function (error) {\n engine.disposeEnvironment();\n console.log(error.tp$name, error.tp$name == \"Success\");\n if (error.tp$name == \"Success\") {\n server.markSuccess(1.0);\n engine.main.components.feedback.complete();\n } else if (error.tp$name == \"Feedback\") {\n server.markSuccess(0.0);\n engine.main.components.feedback.instructorFeedback(\"Incorrect Answer\", error.args.v[0].v);\n } else if (error.tp$name == \"Finished\") {\n server.markSuccess(1.0);\n engine.main.components.feedback.finished();\n } else {\n console.error(error);\n engine.main.components.feedback.internalError(error, \"Feedback Error\", \"Error in instructor's feedback. Please show the above message to an instructor!\");\n server.logEvent('blockly_instructor_error', ''+error);\n }\n });\n }\n}\n\nBlockPyEngine.prototype.parseGlobals = function(variables) {\n var result = Array();\n var modules = Array();\n for (var property in variables) {\n var value = variables[property];\n if (property !== \"__name__\" && property !== \"__doc__\") {\n property = property.replace('_$rw$', '')\n .replace('_$rn$', '');\n var parsed = this.parseValue(property, value);\n if (parsed !== null) {\n result.push(parsed);\n } else if (value.constructor == Sk.builtin.module) {\n modules.push(value.$d.__name__.v);\n }\n }\n }\n return {\"properties\": result, \"modules\": modules};\n}\n\nBlockPyEngine.prototype.parseValue = function(property, value) {\n if (value == undefined) {\n return {'name': property,\n 'type': 'Unknown',\n \"value\": 'Undefined'\n };\n }\n switch (value.constructor) {\n case Sk.builtin.func:\n return {'name': property,\n 'type': \"Function\",\n \"value\": \n (value.func_code.co_varnames !== undefined ?\n \" Arguments: \"+value.func_code.co_varnames.join(\", \") :\n ' No arguments')\n };\n case Sk.builtin.module: return null;\n case Sk.builtin.str:\n return {'name': property,\n 'type': \"String\",\n \"value\": value.$r().v\n };\n case Sk.builtin.none:\n return {'name': property,\n 'type': \"None\",\n \"value\": \"None\"\n };\n case Sk.builtin.bool:\n return {'name': property,\n 'type': \"Boolean\",\n \"value\": value.$r().v\n };\n case Sk.builtin.nmber:\n return {'name': property,\n 'type': \"int\" == value.skType ? \"Integer\": \"Float\",\n \"value\": value.$r().v\n };\n case Sk.builtin.int_:\n return {'name': property,\n 'type': \"Integer\",\n \"value\": value.$r().v\n };\n case Sk.builtin.float_:\n return {'name': property,\n 'type': \"Float\",\n \"value\": value.$r().v\n };\n case Sk.builtin.tuple:\n return {'name': property,\n 'type': \"Tuple\",\n \"value\": value.$r().v\n };\n case Sk.builtin.list:\n if (value.v.length <= 20) {\n return {'name': property,\n 'type': \"List\",\n \"value\": value.$r().v,\n 'exact_value': value\n };\n } else {\n return {'name': property,\n 'type': \"List\",\n \"value\": \"[... \"+value.v.length+\" elements ...]\",\n \"exact_value\": value\n };\n }\n case Sk.builtin.dict:\n return {'name': property,\n 'type': \"Dictionary\",\n \"value\": value.$r().v\n };\n case Number:\n return {'name': property,\n 'type': value % 1 === 0 ? \"Integer\" : \"Float\",\n \"value\": value\n };\n case String:\n return {'name': property,\n 'type': \"String\",\n \"value\": value\n };\n case Boolean:\n return {'name': property,\n 'type': \"Boolean\",\n \"value\": (value ? \"True\": \"False\")\n };\n default:\n return {'name': property,\n 'type': value.tp$name == undefined ? value : value.tp$name,\n \"value\": value.$r == undefined ? value : value.$r().v\n };\n }\n}\n
/**\n * An object for handling the conversion of Python to an English transliteration.\n * Currently dummied out, but we will bring this feature back.\n *\n * @constructor\n * @this {BlockPyEnglish}\n * @param {Object} main - The main BlockPy instance\n */\nfunction BlockPyEnglish(main) {\n this.main = main; \n}\n\n/**\n * A method for opening a dialog with the english transliteration.\n */\nBlockPyEnglish.prototype.openDialog = function() {\n try {\n body = Blockly.Pseudo.workspaceToCode();\n } catch (e) {\n console.error(e);\n body = \"I couldn't understand the code. Sorry!\"\n }\n this.main.components.dialog.show(\"English\", body, function() {});\n}
/**\n * An object that manages the feedback area, where users are told the state of their\n * program's execution and given guidance. Also manages the creation of the Trace Table.\n *\n * @constructor\n * @this {BlockPyFeedback}\n * @param {Object} main - The main BlockPy instance\n * @param {HTMLElement} tag - The HTML object this is attached to.\n */\nfunction BlockPyFeedback(main, tag) {\n this.main = main;\n this.tag = tag;\n \n this.body = this.tag.find('.blockpy-feedback-body');\n this.title = this.tag.find('.blockpy-feedback-title');\n this.original = this.tag.find('.blockpy-feedback-original');\n this.status = this.tag.find('.blockpy-feedback-status');\n this.trace = this.tag.find('.blockpy-feedback-trace');\n \n // Reload the tracetable on click\n this.trace.click(this.buildTraceTable.bind(this));\n \n this.original.hide();\n};\n\n/**\n * Reload the trace table, showing it if it was hidden and\n * resetting its position to the last step.\n */\nBlockPyFeedback.prototype.buildTraceTable = function() {\n var execution = this.main.model.execution;\n execution.show_trace(true);\n execution.trace_step(execution.last_step());\n this.main.components.server.logEvent('editor', 'trace')\n}\n\n/**\n * Raises a generic warning. This might not be used anymore.\n *\n * @param {String} html - Some HTML content to render to the user.\n */\nBlockPyFeedback.prototype.error = function(html) {\n this.tag.html(html);\n this.tag.removeClass(\"alert-success\");\n this.tag.addClass(\"alert-warning\");\n this.main.components.printer.print(\"Execution stopped - there was an error!\");\n}\n\n/**\n * Clears any output currently in the feedback area. Also resets the printer and\n * any highlighted lines in the editor.\n */\nBlockPyFeedback.prototype.clear = function() {\n this.title.html(\"Ready\");\n this.original.hide();\n this.body.html(\"Run your program to get feedback.\");\n this.main.model.status.error(\"none\");\n this.main.components.editor.unhighlightLines();\n this.main.components.printer.resetPrinter()\n};\n\n/**\n * Clears any errors from the editor area.\n */\nBlockPyFeedback.prototype.clearEditorErrors = function() {\n if (this.main.model.status.error() == \"editor\") {\n this.clear();\n }\n}\n\n/**\n * Show an error message related to a problem with the editor. This will appear in\n * the Feedback area, the Printer, and also log to the server. The relevant line of\n * code or block will also be highlighted.\n *\n * @param {String} original - HTML content that represents the original error message generated by the system.\n * @param {String} message - HTML content that is a hopefully friendlier message for the user explaining the error.\n * @param {number} line - What line the error occurred on.\n */\nBlockPyFeedback.prototype.editorError = function(original, message, line) {\n original = this.prettyPrintError(original);\n this.title.html(\"Editor Error\");\n this.original.show().html(original);\n this.body.html(message);\n this.main.model.status.error(\"editor\");\n this.main.components.editor.highlightError(line-1);\n //this.main.components.printer.print(\"Editor error - could not make blocks!\");\n this.main.components.server.logEvent('feedback', \"Editor Error\", original+\"\\n|\\n\"+message);\n}\n\n/**\n * Mark this problem as completed for the student. This will appear in the Feedback area,\n * and will also unhighlight lines in the editor and log to the server.\n */\nBlockPyFeedback.prototype.complete = function() {\n this.title.html(\"Complete!\");\n this.original.hide();\n this.body.html(\"Great work!\");\n this.main.model.status.error(\"complete\");\n this.main.components.editor.unhighlightLines();\n this.main.components.server.logEvent('feedback', \"Success\");\n}\n\n/**\n * Mark this problem as finished for the student. This will appear in the Feedback area,\n * and will also unhighlight lines in the editor and log to the server.\n */\nBlockPyFeedback.prototype.finished = function() {\n this.title.html(\"Ran\");\n this.original.hide();\n this.body.html(\"Your program ran successfully, without any errors. However, this problem does not have a correct solution. When you are satisfied with your program, you may stop working.\");\n this.main.model.status.error(\"no errors\");\n this.main.components.editor.unhighlightLines();\n this.main.components.server.logEvent('feedback', \"Finished\");\n}\n\n/**\n * This notifies the student that their code ran without errors, but that there was no\n * Success raised by the Checker. This will appear in the Feedback area,\n * and will also unhighlight lines in the editor and log to the server.\n */\nBlockPyFeedback.prototype.noErrors = function() {\n this.title.html(\"Ran\");\n this.original.hide();\n this.body.html(\"No errors reported. View your output on the left.\");\n this.main.model.status.error(\"no errors\");\n this.main.components.editor.unhighlightLines();\n this.main.components.server.logEvent('feedback', \"No Errors\", '');\n}\n\n/**\n * Show an error message related to syntax issue. This will appear in\n * the Feedback area, the Printer, and also log to the server. The relevant line of\n * code or block will also be highlighted.\n *\n * @param {String} original - HTML content that represents the original error message generated by the system.\n * @param {String} message - HTML content that is a hopefully friendlier message for the user explaining the error.\n * @param {number} line - What line the error occurred on.\n */\nBlockPyFeedback.prototype.syntaxError = function(original, message, line) {\n original = this.prettyPrintError(original);\n this.title.html(\"Syntax Error\");\n this.original.show().html(original);\n this.body.html(message);\n this.main.model.status.error(\"syntax\");\n this.main.components.editor.highlightError(line-1);\n this.main.components.printer.print(\"Execution stopped - there was an error!\");\n this.main.components.server.logEvent('feedback', \"Syntax Error\", original+\"\\n|\\n\"+message);\n}\n\n/**\n * Show an error message related to semantic error with the program (e.g., unused variable). \n * This will appear in the Feedback area, the Printer, and also log to the server. The\n * relevant line of code or block will also be highlighted.\n *\n * @param {String} original - HTML content that represents the original error message generated by the system.\n * @param {String} message - HTML content that is a hopefully friendlier message for the user explaining the error.\n * @param {number} line - What line the error occurred on.\n */\nBlockPyFeedback.prototype.semanticError = function(name, message, line) {\n this.title.html(name);\n this.original.hide();\n this.body.html(message);\n this.main.model.status.error(\"semantic\");\n if (line !== null) {\n this.main.components.editor.highlightError(line-1);\n }\n this.main.components.printer.print(\"Execution stopped - there was an error!\");\n this.main.components.server.logEvent('feedback', \"Semantic Error\", name+\"\\n|\\n\"+message);\n}\n\n/**\n * Show an error message related to a serious internal BlockPy program. Under normal conditions,\n * this should never appear to a student. This will appear in\n * the Feedback area, the Printer, and also log to the server. The relevant line of\n * code or block will also be highlighted.\n *\n * @param {String} original - HTML content that represents the original error message generated by the system.\n * @param {String} message - HTML content that is a hopefully friendlier message for the user explaining the error.\n * @param {number} line - What line the error occurred on.\n */\nBlockPyFeedback.prototype.internalError = function(original, name, message) {\n original = this.prettyPrintError(original);\n this.title.html(name);\n this.original.show().html(original);\n this.body.html(message);\n this.main.model.status.error(\"internal\");\n this.main.components.printer.print(\"Internal error! Please show this to an instructor!\");\n this.main.components.server.logEvent('feedback', \"Internal Error\", name+\"\\n|\\n\"+original+\"\\n|\\n\"+message);\n}\n\n/**\n * Show an incorrect code message related to a problem as specified by the Checker. This will appear in\n * the Feedback area, the Printer, and also log to the server. The relevant line of\n * code or block will also be highlighted.\n *\n * @param {String} original - HTML content that represents the original error message generated by the system.\n * @param {String} message - HTML content that is a hopefully friendlier message for the user explaining the error.\n * @param {number} line - What line the error occurred on.\n */\nBlockPyFeedback.prototype.instructorFeedback = function(name, message, line) {\n this.title.html(name);\n this.original.hide();\n this.body.html(message);\n this.main.model.status.error(\"feedback\");\n if (line !== undefined) {\n this.main.components.editor.highlightError(line-1);\n }\n this.main.components.server.logEvent('feedback', \"Instructor Feedback\", name+\"\\n|\\n\"+\"\\n|\\n\"+message);\n}\n\n/**\n * Show \"Empty Program\" error, indicating the student hasn't written any code. This will appear in\n * the Feedback area, the Printer, and also log to the server. The relevant line of\n * code or block will also be highlighted.\n *\n * @param {String} original - HTML content that represents the original error message generated by the system.\n * @param {String} message - HTML content that is a hopefully friendlier message for the user explaining the error.\n * @param {number} line - What line the error occurred on.\n */\nBlockPyFeedback.prototype.emptyProgram = function() {\n this.title.html(\"Blank Program\");\n this.original.hide().html(\"\");\n this.body.html(\"You have not written any code yet.\");\n this.main.model.status.error(\"runtime\");\n this.main.components.server.logEvent('feedback', \"Empty Program\");\n}\n\n/**\n * Converts any kind of error (usually a Skulpt one) into a prettier version that's ready\n * for users to see. If it's already a string, it is passed along unchanged. But Skulpt\n * errors have to be processed more closely.\n */\nBlockPyFeedback.prototype.prettyPrintError = function(error) {\n if (typeof error === \"string\") {\n return error;\n } else {\n // A weird skulpt thing?\n if (error.tp$str !== undefined) {\n return error.tp$str().v;\n } else {\n return \"\"+error.name + \": \" + error.message;\n }\n }\n}\n\n/**\n * Print an error to the printers -- the on screen one and the browser one. This\n * will attempt to provide extra explanation and context for an error.\n * Notice that this is largely for Run-time errors that will be thrown when the code\n * is executed, as opposed to ones raised elsewhere in the environment.\n * \n * @param {String} error - The error message to be analyzed and printed.\n */\nBlockPyFeedback.prototype.printError = function(error) {\n //console.log(error);\n original = this.prettyPrintError(error);\n this.title.html(error.tp$name);\n this.original.show().html(original);\n if (error.tp$name == \"ParseError\") {\n this.body.html(\"While attempting to convert the Python code into blocks, I found a syntax error. In other words, your Python code has a spelling or grammatical mistake. You should check to make sure that you have written all of your code correctly. To me, it looks like the problem is on line \"+ error.args.v[2]+', where it says:<br><code>'+error.args.v[3][2]+'</code>', error.args.v[2]);\n } else if (error.constructor == Sk.builtin.NameError\n && error.args.v.length > 0\n && error.args.v[0].v == \"name '___' is not defined\") {\n this.body.html(\"You have incomplete blocks. Make sure that you do not have any dangling blocks or blocks that are connected incorrectly.<br><br>If you look at the text view of your Python code, you'll see <code>___</code> in the code. The converter will create these <code>___</code> to show that you have a block that's missing a piece.\");\n } else if (error.tp$name in EXTENDED_ERROR_EXPLANATION) {\n this.body.html(EXTENDED_ERROR_EXPLANATION[error.tp$name]);\n } else {\n this.body.html(error.enhanced);\n }\n console.error(error);\n if (error.stack) {\n console.error(error.stack);\n }\n this.main.model.status.error(\"runtime\");\n this.main.components.editor.highlightError(error.traceback[0].lineno-1);\n this.main.components.server.logEvent('feedback', \"Runtime\", original);\n}\n
\n An automatically generated file, based on interface.html.\nAn interesting problem in web development is managing HTML\ncode in JS files. Rather than embedding string literals and\nconcatenating them, or some other hackish soluion,\nwe simply convert an HTML file to a JS string. Therefore,\nrelevant edits should be in interface.html instead.\n\nThe BlockPyInterface global can be seen as a constant\nrepresentation of the default interface.\n
\n Attempts to update the model for the current code file from the \ntext editor. Might be prevented if an update event was already\npercolating. Also unhighlights any lines.\n
\n A helper function for extending an array based\non an \"addArray\" and \"removeArray\". Any element\nfound in removeArray is removed from the first array\nand all the elements of addArray are added.\nCreates a new array, so is non-destructive.\n
The amount of indentations to place at the\n beginning of each line of the string.
\n
\n\n \n\n
\n \n
opt_spacesPerIndent
\n \n\n
\n \n \nnumber\n\n\n \n
\n\n \n
\n \n <optional> \n \n\n \n\n \n
\n \n\n \n\n
Optional. If specified, this should be\n the number of spaces to be used for each tab that would ordinarily be\n used to indent the text. These amount of spaces will also be used to\n replace any tab characters that already exist within the string.
\n The new string with each line beginning with the desired\n amount of indentation.\n
\n\n\n\n
\n
\n Type\n
\n
\n \nstring\n\n\n
\n
\n\n \n\n\n\n \n \n\n \n\n
instructor_module(name)
\n\n \n\n\n\n
\n Skulpt Module for holding the Instructor API.\n\nThis module is a little hackish. We need to sit down and reevaluate the best way to\norganize it and whether this particular structure is ideal. I suspect it should be\nit's own proper JS file.\n
\n\n\n\n\n\n\n\n\n\n
Parameters:
\n \n\n
\n \n
\n \n
Name
\n \n\n
Type
\n\n \n\n \n\n
Description
\n
\n \n\n \n \n\n
\n \n
name
\n \n\n
\n \n \nString\n\n\n \n
\n\n \n\n \n\n
The name of the module (should always be 'instructor')
/**\n * An object for displaying the user's coding logs (their history).\n * A lightweight component, its only job is to open a dialog.\n *\n * @constructor\n * @this {BlockPyHistory}\n * @param {Object} main - The main BlockPy instance\n */\nfunction BlockPyHistory(main) {\n this.main = main;\n}\n\nvar monthNames = [\n \"Jan\", \"Feb\", \"Mar\",\n \"Apr\", \"May\", \"June\", \"July\",\n \"Aug\", \"Sept\", \"Oct\",\n \"Nov\", \"Dec\"\n];\nvar weekDays = [\n \"Sun\", \"Mon\", \"Tue\",\n \"Wed\", \"Thu\", \"Fri\",\n \"Sat\"\n];\n\n/**\n * Helper function to parse a date/time string and rewrite it as something\n * more human readable.\n * @param {String} timeString - the string representation of time (\"YYYYMMDD HHMMSS\")\n * @returns {String} - A human-readable time string.\n */\nfunction prettyPrintDateTime(timeString) {\n var year = timeString.slice(0, 4),\n month = parseInt(timeString.slice(4, 6), 10)-1,\n day = timeString.slice(6, 8),\n hour = timeString.slice(9, 11),\n minutes = timeString.slice(11, 13),\n seconds = timeString.slice(13, 15);\n var date = new Date(year, month, day, hour, minutes, seconds);\n var dayStr = weekDays[date.getDay()];\n var monthStr = monthNames[date.getMonth()];\n var yearFull = date.getFullYear();\n var complete = dayStr+\", \"+monthStr+\" \"+date.getDate()+\", \"+yearFull+\" at \"+date.toLocaleTimeString();\n return complete;\n}\n\n\n/**\n * Opens the history dialog box. This requires a trip to the server and\n * occurs asynchronously. The users' code is shown in preformatted text\n * tags (no code highlighting currently) along with the timestamp.\n */\nBlockPyHistory.prototype.openDialog = function() {\n var dialog = this.main.components.dialog;\n var body = \"<pre>a = 0</pre>\";\n this.main.components.server.getHistory(function (data) {\n body = data.reverse().reduce(function (complete, elem) { \n var complete_str = prettyPrintDateTime(elem.time);\n var new_line = \"<b>\"+complete_str+\"</b><br><pre>\"+elem.code+\"</pre>\";\n return complete+\"\\n\"+new_line;\n }, \"\");\n dialog.show(\"Work History\", body, function() {});\n });\n};
/**\n * A helper function for extending an array based\n * on an \"addArray\" and \"removeArray\". Any element\n * found in removeArray is removed from the first array\n * and all the elements of addArray are added.\n * Creates a new array, so is non-destructive.\n *\n * @param {Array} array - the array to manipulate\n * @param {Array} addArray - the elements to add to the array\n * @param {Array} removeArray - the elements to remove from the array\n * @return {Array} The modified array\n */\nfunction expandArray(array, addArray, removeArray) {\n var copyArray = array.filter(function(item) {\n return removeArray.indexOf(item) === -1;\n });\n return copyArray.concat(addArray);\n}\n\n/**\n * Deeply clones a node\n * @param {Node} node A node to clone\n * @return {Node} A clone of the given node and all its children\n */\nfunction cloneNode(node) {\n // If the node is a text node, then re-create it rather than clone it\n var clone = node.nodeType == 3 ? document.createTextNode(node.nodeValue) : node.cloneNode(false);\n \n // Recurse \n var child = node.firstChild;\n while(child) {\n clone.appendChild(cloneNode(child));\n child = child.nextSibling;\n }\n \n return clone;\n}\n\n/**\n * Creates an instance of BlockPy\n *\n * @constructor\n * @this {BlockPy}\n * @param {Object} settings - User level settings (e.g., what view mode, whether to mute semantic errors, etc.)\n * @param {Object} assignment - Assignment level settings (data about the loaded assignment, user, submission, etc.)\n * @param {Object} submission - Unused parameter.\n * @param {Object} programs - Includes the source code of any programs to be loaded\n */\nfunction BlockPy(settings, assignment, submission, programs) {\n this.model = {\n // User level settings\n \"settings\": {\n // Default mode when you open the screen is text\n // 'text', 'blocks'\n 'editor': ko.observable(assignment.initial_view),\n // Default mode when you open the screen is instructor\n // boolean\n 'instructor': ko.observable(settings.instructor),\n 'instructor_initial': ko.observable(settings.instructor),\n // String\n 'log_id': ko.observable(null),\n // boolean\n 'enable_blocks': ko.observable(settings.blocks_enabled),\n // boolean\n 'read_only': ko.observable(settings.read_only),\n // string\n 'filename': ko.observable(\"__main__\"),\n // string\n 'level': ko.observable(\"level\"),\n // boolean\n 'disable_semantic_errors': ko.observable(settings.disable_semantic_errors ||\n assignment.disable_algorithm_errors || false),\n // boolean\n 'disable_variable_types': ko.observable(settings.disable_variable_types || true),\n // boolean\n 'disable_timeout': ko.observable(settings.disable_timeout || false),\n // boolean\n 'auto_upload': ko.observable(true),\n // boolean\n 'developer': ko.observable(settings.developer || false),\n // boolean\n 'mute_printer': ko.observable(false)\n },\n 'execution': {\n // 'waiting', 'running'\n 'status': ko.observable('waiting'),\n // integer\n 'step': ko.observable(0),\n // integer\n 'last_step': ko.observable(0),\n // list of string/list of int\n 'output': ko.observableArray([]),\n // integer\n 'line_number': ko.observable(0), \n // array of simple objects\n 'trace': ko.observableArray([]),\n // integer\n 'trace_step': ko.observable(0),\n // object\n 'ast': {},\n // boolean\n 'show_trace': ko.observable(false),\n },\n 'status': {\n // boolean\n 'loaded': ko.observable(false),\n 'text': ko.observable(\"Loading\"),\n // 'none', 'runtime', 'syntax', 'semantic', 'feedback', 'complete', 'editor'\n 'error': ko.observable('none'),\n // \"Loading\", \"Saving\", \"Ready\", \"Disconnected\", \"Error\"\n 'server': ko.observable(\"Loading\"),\n // Some message from a server error can go here\n 'server_error': ko.observable(''),\n // Dataset loading\n 'dataset_loading': ko.observableArray()\n },\n 'constants': {\n // string\n 'blocklyPath': settings.blocklyPath,\n // boolean\n 'blocklyScrollbars': true,\n // string\n 'attachmentPoint': settings.attachmentPoint,\n // JQuery object\n 'container': null,\n // Maps codes ('log_event', 'save_code') to URLs\n 'urls': settings.urls\n },\n // Assignment level settings\n \"assignment\": {\n 'modules': ko.observableArray(expandArray(BlockPy.DEFAULT_MODULES, assignment.modules.added || [], assignment.modules.removed || [])),\n 'assignment_id': assignment.assignment_id,\n 'student_id': assignment.student_id,\n 'course_id': assignment.course_id,\n 'version': ko.observable(assignment.version),\n //'lis_result_sourcedid': assignment.lis_result_sourcedid,\n 'name': ko.observable(assignment.name),\n 'introduction': ko.observable(assignment.introduction),\n \"initial_view\": ko.observable(assignment.initial_view || 'Blocks'),\n 'parsons': ko.observable(assignment.parsons),\n 'upload': ko.observable(assignment.initial_view == 'Upload'),\n 'importable': ko.observable(assignment.importable || false),\n 'disable_algorithm_errors': ko.observable(assignment.disable_algorithm_errors || false)\n },\n \"programs\": {\n \"__main__\": ko.observable(programs.__main__),\n \"starting_code\": ko.observable(assignment.starting_code),\n \"give_feedback\": ko.observable(assignment.give_feedback),\n \"answer\": ko.observable(assignment.answer)\n }\n };\n \n // The code for the current active program file (e.g., \"__main__\")\n this.model.program = ko.computed(function() {\n return this.programs[this.settings.filename()]();\n }, this.model) //.extend({ rateLimit: { method: \"notifyWhenChangesStop\", timeout: 400 } });\n \n // Whether this URL has been specified\n this.model.server_is_connected = function(url) {\n return this.constants.urls !== undefined && this.constants.urls[url] !== undefined;\n };\n \n // Helper function to map error statuses to UI elements\n this.model.status_feedback_class = ko.computed(function() {\n switch (this.status.error()) {\n default: case 'none': return ['label-none', ''];\n case 'runtime': return ['label-runtime-error', 'Runtime Error'];\n case 'syntax': return ['label-syntax-error', 'Syntax Error'];\n case 'editor': return ['label-syntax-error', 'Editor Error'];\n case 'internal': return ['label-internal-error', 'Internal Error'];\n case 'semantic': return ['label-semantic-error', 'Algorithm Error'];\n case 'feedback': return ['label-feedback-error', 'Incorrect Answer'];\n case 'complete': return ['label-problem-complete', 'Complete'];\n case 'no errors': return ['label-no-errors', 'No errors'];\n }\n }, this.model);\n \n // Helper function to map Server error statuses to UI elements\n this.model.status_server_class = ko.computed(function() {\n switch (this.status.server()) {\n default: case 'Loading': return ['label-default', 'Loading'];\n case 'Offline': return ['label-default', 'Offline'];\n case 'Out of date': return ['label-danger', 'Out of Date'];\n case 'Loaded': return ['label-success', 'Loaded'];\n case 'Logging': return ['label-primary', 'Logging'];\n case 'Saving': return ['label-primary', 'Saving'];\n case 'Saved': return ['label-success', 'Saved'];\n case 'Disconnected': return ['label-danger', 'Disconnected'];\n case 'Error': return ['label-danger', 'Error'];\n }\n }, this.model);\n \n // Program trace functions\n var execution = this.model.execution;\n this.model.moveTraceFirst = function(index) { \n execution.trace_step(0); };\n this.model.moveTraceBackward = function(index) { \n var previous = Math.max(execution.trace_step()-1, 0);\n execution.trace_step(previous); };\n this.model.moveTraceForward = function(index) { \n var next = Math.min(execution.trace_step()+1, execution.last_step());\n execution.trace_step(next); };\n this.model.moveTraceLast = function(index) { \n execution.trace_step(execution.last_step()); };\n this.model.current_trace = ko.pureComputed(function() {\n return execution.trace()[Math.min(execution.trace().length-1, execution.trace_step())];\n });\n \n /**\n * Opens a new window to represent the exact value of a Skulpt object.\n * Particularly useful for things like lists that can be really, really\n * long.\n * \n * @param {String} type - The type of the value\n * @param {Object} exact_value - A Skulpt value to be rendered.\n */\n this.model.viewExactValue = function(type, exact_value) {\n return function() {\n if (type == \"List\") {\n var output = exact_value.$r().v;\n var result = (window.btoa?'base64,'+btoa(JSON.stringify(output)):JSON.stringify(output));\n window.open('data:application/json;' + result);\n }\n }\n }\n \n // For performance reasons, batch notifications for execution handling.\n // I'm not even sure these have any value any more.\n execution.trace.extend({ rateLimit: { timeout: 20, method: \"notifyWhenChangesStop\" } });\n execution.step.extend({ rateLimit: { timeout: 20, method: \"notifyWhenChangesStop\" } });\n execution.last_step.extend({ rateLimit: { timeout: 20, method: \"notifyWhenChangesStop\" } });\n execution.line_number.extend({ rateLimit: { timeout: 20, method: \"notifyWhenChangesStop\" } });\n \n this.initMain();\n}\n\n/**\n * The default modules to make available to the user.\n *\n * @type Array.<String>\n */\nBlockPy.DEFAULT_MODULES = ['Properties', 'Decisions', \n 'Iteration',\n 'Calculation', 'Output', \n 'Values', \n 'Lists', 'Dictionaries']\n\n/**\n * Initializes the BlockPy object by initializing its interface,\n * model, and components.\n *\n */\nBlockPy.prototype.initMain = function() {\n this.turnOnHacks();\n this.initInterface();\n this.initModel();\n this.initComponents();\n if (this.model.settings.developer()) {\n this.initDevelopment();\n }\n}\n\n/**\n * Initializes the User Inteface for the instance, by loading in the\n * HTML file (which has been manually encoded into a JS string using\n * the build.py script). We do this because its a giant hassle to keep\n * HTML correct when it's stored in JS strings. We should look into\n * more sophisticated templating features, probably.\n *\n */\nBlockPy.prototype.initInterface = function() {\n var constants = this.model.constants;\n // Refer to interface.js, interface.html, and build.py\n constants.container = $(constants.attachmentPoint).html($(BlockPyInterface))\n}\n\n/**\n * Applys the KnockoutJS bindings to the model, instantiating the values into the\n * HTML.\n */\nBlockPy.prototype.initModel = function() {\n ko.applyBindings(this.model);\n}\n\n/**\n * Initializes each of the relevant components of BlockPy. For more information,\n * consult each of the component's relevant JS file in turn.\n */\nBlockPy.prototype.initComponents = function() {\n var container = this.model.constants.container;\n this.components = {};\n var main = this,\n components = this.components;\n // Each of these components will take the BlockPy instance, and possibly a\n // reference to the relevant HTML location where it will be embedded.\n components.dialog = new BlockPyDialog(main, container.find('.blockpy-popup'));\n components.toolbar = new BlockPyToolbar(main, container.find('.blockpy-toolbar'));\n components.feedback = new BlockPyFeedback(main, container.find('.blockpy-feedback'));\n components.editor = new BlockPyEditor(main, container.find('.blockpy-editor'));\n components.presentation = new BlockPyPresentation(main, container.find('.blockpy-presentation'));\n components.printer = new BlockPyPrinter(main, container.find('.blockpy-printer'));\n components.engine = new BlockPyEngine(main);\n components.server = new BlockPyServer(main);\n components.corgis = new BlockPyCorgis(main);\n components.history = new BlockPyHistory(main);\n components.english = new BlockPyEnglish(main);\n components.editor.setMode();\n main.model.status.server('Loaded')\n \n var statusBox = container.find(\".blockpy-status-box\");\n main.model.status.server.subscribe(function(newValue) {\n if (newValue == \"Error\" || \n newValue == \"Offline\" ||\n newValue == \"Disconnected\") {\n if (!statusBox.is(':animated')) {\n statusBox.effect(\"shake\");\n }\n } else if (newValue == \"Out of date\") {\n if (!statusBox.is(':animated')) {\n statusBox.effect(\"shake\").effect(\"shake\");\n }\n }\n });\n statusBox.tooltip();\n}\n\n/**\n * Initiailizes certain development data, useful for testing out new modules in\n * Skulpt.\n */\nBlockPy.prototype.initDevelopment = function () {\n /*$.get('src/skulpt_ast.js', function(data) {\n Sk.builtinFiles['files']['src/lib/ast/__init__.js'] = data;\n });*/\n}\n\n/**\n * Redundant method for reporting an error. If this is used anywhere, it should be\n * converted to direct calls to components.feedback.\n */\nBlockPy.prototype.reportError = function(component, original, message, line) {\n if (component == 'editor') {\n this.components.feedback.editorError(original, message, line);\n } else if (component == 'syntax') {\n this.components.feedback.syntaxError(original, message, line);\n }\n console.error(component, message)\n}\n\n/**\n * Helper function for setting the current code, optionally in the given filename.\n *\n * @param {String} code - The new Python source code to set.\n * @param {String?} name - An optional filename (e.g,. '__main__') to update. Defaults to the currently selected filename.\n * @returns {Boolean} - whether the code was updated (i.e. there was a diff between new and old).\n */\nBlockPy.prototype.setCode = function(code, name) {\n if (name === undefined) {\n name = this.model.settings.filename();\n }\n var original = this.model.programs[name]();\n this.model.programs[name](code);\n return original != this.model.programs[name]();\n}\n\n/**\n * Function for running any code that fixes bugs and stuff upstream.\n * Not pleasant that this exists, but better to have it isolated than\n * just lying about randomly...\n *\n */\nBlockPy.prototype.turnOnHacks = function() {\n /*\n * jQuery UI shake - Padding disappears\n * Courtesy: http://stackoverflow.com/questions/22301972/jquery-ui-shake-padding-disappears\n */\n if ($.ui) {\n (function () {\n var oldEffect = $.fn.effect;\n $.fn.effect = function (effectName) {\n if (effectName === \"shake\" || effectName.effect == \"shake\") {\n var old = $.effects.createWrapper;\n $.effects.createWrapper = function (element) {\n var result;\n var oldCSS = $.fn.css;\n\n $.fn.css = function (size) {\n var _element = this;\n var hasOwn = Object.prototype.hasOwnProperty;\n return _element === element && hasOwn.call(size, \"width\") && hasOwn.call(size, \"height\") && _element || oldCSS.apply(this, arguments);\n };\n\n result = old.apply(this, arguments);\n\n $.fn.css = oldCSS;\n return result;\n };\n }\n return oldEffect.apply(this, arguments);\n };\n })();\n }\n}
/**\n * An object for managing the blob of text at the top of a problem describing it.\n * This isn't a very busy component.\n *\n * TODO: Isn't most of this redundant now?\n *\n * @constructor\n * @this {BlockPyEditor}\n * @param {Object} main - The main BlockPy instance\n * @param {HTMLElement} tag - The HTML object this is attached to.\n */\nfunction BlockPyPresentation(main, tag) {\n this.main = main;\n this.tag = tag;\n \n var presentationEditor = this;\n //this.main.model.settings.instructor.subscribe(function() {presentationEditor.setVisible()});\n}\n\n/**\n * Removes the editor when it's not in use.\n * DEPRECATED\n */\nBlockPyPresentation.prototype.closeEditor = function() {\n this.tag.destroy();\n};\n\n/**\n * Updates the contents of the presentation blob, possibly updating the\n * editor's size too.\n *\n * @param {String} content - The new text of the presentation blob.\n */\nBlockPyPresentation.prototype.setBody = function(content) {\n this.main.model.assignment.introduction(content);\n this.main.components.editor.blockly.resize();\n};\n\n/**\n * Makes the editor available or not.\n * DEPRECATED.\n */\nBlockPyPresentation.prototype.setVisible = function() {\n if (this.main.model.settings.instructor()) {\n this.startEditor();\n } else {\n this.closeEditor();\n }\n}\n\n/**\n * Creates the Summer Note editor for the presentation blob.\n * DEPRECATED.\n */\nBlockPyPresentation.prototype.startEditor = function() {\n var presentationEditor = this;\n this.tag.summernote({\n codemirror: { // codemirror options\n theme: 'monokai'\n },\n onChange: function(content) {presentationEditor.setBody(content)},\n toolbar: [\n ['style', ['bold', 'italic', 'underline', 'clear']],\n ['font', ['fontname', 'fontsize']],\n ['insert', ['link', 'table', 'ul', 'ol']],\n ['misc', ['codeview', 'help']]\n ]\n });\n this.tag.code(this.main.model.assignment.introduction());\n //this.name.tag();\n};
/**\n * An object for managing the console where printing and plotting is outputed.\n *\n * @constructor\n * @this {BlockPyEditor}\n * @param {Object} main - The main BlockPy instance\n * @param {HTMLElement} tag - The HTML object this is attached to.\n */\nfunction BlockPyPrinter(main, tag) {\n this.main = main;\n this.tag = tag;\n \n /** Keep printer settings available for interested parties */\n this.printerSettings = {};\n \n this.resetPrinter();\n};\n\n/**\n * Reset the status of the printer, including removing any text in it and\n * fixing its size.\n */\nBlockPyPrinter.prototype.resetPrinter = function() {\n this.tag.empty();\n this.main.model.execution.output.removeAll();\n this.printerSettings['width'] = Math.min(500, this.tag.width()-40);\n this.printerSettings['height'] = Math.min(500, this.tag.height()+40);\n Sk.TurtleGraphics = {'target': this.tag[0], \n 'width': this.printerSettings['width'], \n 'height': this.printerSettings['height']};\n}\n\n/**\n * Update and return the current configuration of the printer. This \n * involves calculating its size, among other operations.\n *\n * @returns {Object} Returns an object with information about the printer.\n */\nBlockPyPrinter.prototype.getConfiguration = function() {\n var printer = this;\n this.printerSettings['printHtml']= function(html, value) { printer.printHtml(html, value);};\n this.printerSettings['width']= Math.min(500, this.tag.width()-40);\n this.printerSettings['pngMode']= true;\n this.printerSettings['skipDrawing']= false;\n this.printerSettings['height']= Math.min(500, this.tag.height()+40);\n this.printerSettings['container']= this.tag[0];\n return this.printerSettings;\n}\n\n/**\n * Updates each printed element in the printer and makes it hidden\n * or visible, depending on what step we're on.\n *\n * @param {Number} step - The current step of the executed program that we're on; each element in the printer must be marked with a \"data-step\" property to resolve this.\n * @param {Number} page - Deprecated, not sure what this even does.\n */\nBlockPyPrinter.prototype.stepPrinter = function(step, page) {\n $(this.printer).find('.blockpy-printer-output').each(function() {\n if ($(this).attr(\"data-step\") <= step) {\n $(this).show();\n } else {\n $(this).hide();\n }\n });\n}\n\n/**\n * Print a successful line to the on-screen printer.\n * @param {String} lineText - A line of text to be printed out.\n */\nBlockPyPrinter.prototype.print = function(lineText) {\n // Should probably be accessing the model instead of a component...\n var stepNumber = this.main.components.engine.executionBuffer.step;\n var lineNumber = this.main.components.engine.executionBuffer.line_number;\n // Perform any necessary cleaning\n if (lineText !== \"\\n\") {\n var encodedText = encodeHTML(lineText);\n this.main.model.execution.output.push(encodedText.trim());\n if (!(this.main.model.settings.mute_printer())) {\n var lineContainer = $(\"<div class='blockpy-printer-output' >\");\n var lineData = $(\"<samp></samp>\", {\n 'data-toggle': 'tooltip',\n 'data-placement': 'left',\n 'data-step': stepNumber,\n \"html\": encodedText,\n 'title': \"Step \"+stepNumber + \", Line \"+lineNumber,\n })\n lineContainer.append(lineData);\n // Append to the current text\n this.tag.append(lineContainer);\n lineData.tooltip();\n }\n }\n}\n\n/**\n * Prints a successful HTML blob to the printer. This is typically charts,\n * but it can actually be any kind of HTML. This will probably be useful for\n * doing Turtle and Processing stuff down the road.\n * \n * @param {HTML} html - A blob of HTML to render in the tag\n * @param {Anything} value - a value to push on the outputList for comparison. For instance, on charts this is typically the data of the chart.\n */\nBlockPyPrinter.prototype.printHtml = function(chart, value) {\n var step = this.main.model.execution.step();\n var line = this.main.model.execution.line_number();\n this.main.model.execution.output.push(value);\n if (!(this.main.model.settings.mute_printer())) {\n var outerDiv = $(Sk.console.png_mode ? chart : chart[0]);//.parent();\n outerDiv.parent().show();\n outerDiv.attr({\n \"data-toggle\": 'tooltip',\n \"data-placement\": 'left',\n //\"data-container\": '#'+chart.attr(\"id\"),\n \"class\": \"blockpy-printer-output\",\n \"data-step\": step,\n \"title\": \"Step \"+step+\", Line \"+line\n });\n outerDiv.tooltip();\n }\n}
/**\n * A dictionary of improved explanations for Python errors. These are shown to users\n * alongside the regular errors to hopefully increase clarity.\n */\nEXTENDED_ERROR_EXPLANATION = {\n\t'ParseError': \"A parse error means that Python does not understand the syntax on the line the error message points out. Common examples are forgetting commas beteween arguments or forgetting a : (colon) on a for statement. <br><b>Suggestion: </b>To fix a parse error you just need to look carefully at the line with the error and possibly the line before it. Make sure it conforms to all of Python's rules.\",\n\t'TypeError': \"Type errors most often occur when an expression tries to combine two objects with types that should not be combined. Like using \\\"+\\\" to add a number to a list instead of \\\".append\\\", or dividing a string by a number. <br><b>Suggestion: </b>To fix a type error you will most likely need to trace through your code and make sure the variables have the types you expect them to have.\",\n\t'SyntaxError': \"This message indicates that Python can't figure out the syntax of a particular statement. Some examples are assigning to a literal, or a function call. <br><b>Suggestion: </b>Check your assignment statements and make sure that the left hand side of the assignment is a variable, not a literal (e.g., 7 or \\\"hello\\\") or a function.\",\n\t'NameError': \"A name error almost always means that you have used a variable before it has a value. Often this may be a simple typo, so check the spelling carefully. <br><b>Suggestion: </b>Check the right hand side of assignment statements and your function calls, this is the most likely place for a NameError to be found. It really helps to step through your code, one line at a time, mentally keeping track of your variables.\",\n\t'ValueError': \"A ValueError most often occurs when you pass a parameter to a built-in function, and the function is expecting one type and you pass something different. For instance, if you try to convert a non-numeric string to an int, you will get a ValueError:<br><pre> int(\\\"Corgi\\\") # ValueError: invalid literal for int() with base 10</pre> <br><b>Suggestion: </b>The error message gives you a pretty good hint about the name of the function as well as the value that is incorrect. Look at the error message closely and then trace back to the variable containing the problematic value. }\",\n\t'AttributeError': \"This happens when you try to do <code>SOMETHING.WHATEVER</code> and either SOMETHING wasn't declared or WHATEVER isn't an attribute of SOMETHING. This error message is telling you that the object on the left hand side of the dot, does not have the attribute or method on the right hand side. <br><b>Suggestion: </b>You were probably trying to either get access to some data (weather.get) or append (a_list.append). If it's the first one, you should make sure the module is imported and that you are called its function correctly. If it's the second one, you should make sure you spelled \\\"append\\\" right and that you are using a variable with a list for a value.\",\n\t'TokenError': \"Most of the time this error indicates that you have forgotten a right parenthesis or have forgotten to close a pair of quotes. <br><b>Suggestion: </b>Check each line of your program and make sure that your parenthesis are balanced.\",\n\t'IndexError': \"This message means that you are trying to index past the end of a string or a list. For example, if your list has 3 things in it and you try to access the item at position 5. <br><b>Suggestion: </b>Remember that the first item in a list or string is at index position 0, quite often this message comes about because you are off by one. Remember in a list of length 3 the last legal index is 2.<br><pre>favorite_colors = [\\\"red\\\", \\\"blue\\\", \\\"green\\\"]\\nfavorite_colors[2] # prints green favorite_color[3] # raises an IndexError</pre>\",\n\t'ImportError': \"This error message indicates that you are trying to import a module that does not exist, or is not in the same directory as your python script. <br><b>Suggestion: </b>One problem may simply be that you have a typo - remember, you must not capitalize the module name. Another common problem is that you have placed the module in a different directory. Finally, if you're using a dataset module, then it might not be imported. Use the \\\"Import Datasets\\\" button below!\",\n\t'ReferenceError': \"This is a really hard error to get, so I'm not entirely sure what you did. <br><b>Suggestion: </b>Bring this code to the instructor. \",\n\t'ZeroDivisionError': \"This tells you that you are trying to divide by 0. Typically this is because the value of the variable in the denominator of a division expression has the value 0. <br><b>Suggestion: </b>Are you sure you are dividing by the right variable? Are you sure that that variable has the value you expect - is it possible that you counted the number of elements in an empty list, for instance?\",\n\t'IndentationError': \"This error occurs when you have not indented your code properly. This is most likely to happen as part of an if, for, while or def statement. <br><b>Suggestion: </b>Check your if, def, for, and while statements to be sure the lines are properly indented beneath them (seriously, this happens ALL the time). Another source of this error comes from copying and pasting code where you have accidentally left some bits of code lying around that don't belong there anymore. Finally, a very sinister but unlikely possibility is that you have some tab characters in your code, which look identical to four spaces. Never, ever use tabs, and carefully check code from the internet to make sure it doesn't have tabs.\",\n\t'EOFError': \"If you are using input() or raw_input() commands, then this error happens when they don't get the right ending. <br><b>Suggestion: </b>It's hard to protect against users. However, if you're using input(), you might be able to use raw_input() instead to avoid this problem. \",\n\t'IOError': \"This is a very easy error to get. The most common reason is that you were trying to open a file and it wasn't in the right place. <br><b>Suggestion: </b>Make sure that the file is in the right place - print out the file path, and then check that it's definitely on your computer at that location. If you need help doing file processing, you should probably check with an instructor.\",\n\t'KeyError': \"A dictionary has a bunch of keys that you can use to get data. This error is caused by you trying to refer to a key that does not exist. <br><b>Suggestion: </b>The most common reason you get this exception is that you have a typo in your dictionary access. Check your spelling. Also double check that the key definitely exists.\",\n\t'MemoryError': \"Somehow, you have run out of memory. <br><b>Suggestion: </b>Make sure you are filtering your dataset! Alternatively, bring your code to an instructor.\",\n\t'OSError': \"It's hard to say what an OSError is without deep checking. Many things can cause it. <br><b>Suggestion: </b>Bring your code to an instructor. \",\n 'TimeLimitError': \"A TimeLimit error means that BlockPy wasn't able to process your program fast enough. Typically, this means that you're iterating through too many elements.\"\n}
/**\n * An object for converting Python source code to the\n * Blockly XML representation.\n * \n * @constructor\n * @this {PythonToBlocks}\n */\nfunction PythonToBlocks() {\n}\n\nfunction xmlToString(xml) {\n return new XMLSerializer().serializeToString(xml);\n}\n\nPythonToBlocks.prototype.convertSourceToCodeBlock = function(python_source) {\n var xml = document.createElement(\"xml\");\n xml.appendChild(raw_block(python_source));\n return xmlToString(xml);\n}\n\n/**\n * The main function for converting a string representation of Python\n * code to the Blockly XML representation.\n *\n * @param {string} python_source - The string representation of Python\n * code (e.g., \"a = 0\").\n * @returns {Object} An object which will either have the converted\n * source code or an error message and the code as a code-block.\n */\nPythonToBlocks.prototype.convertSource = function(python_source) {\n var xml = document.createElement(\"xml\");\n if (python_source.trim() === \"\") {\n return {\"xml\": xmlToString(xml), \"error\": null};\n }\n this.source = python_source.split(\"\\n\");\n var filename = 'user_code.py';\n // Attempt parsing - might fail!\n var parse, ast, symbol_table, error;\n try {\n parse = Sk.parse(filename, python_source);\n ast = Sk.astFromParse(parse.cst, filename, parse.flags);\n //symbol_table = Sk.symboltable(ast, filename, python_source, filename, parse.flags);\n } catch (e) {\n error = e;\n xml.appendChild(raw_block(python_source))\n return {\"xml\": xmlToString(xml), \"error\": error};\n }\n this.comments = {};\n for (var commentLocation in parse.comments) {\n var lineColumn = commentLocation.split(\",\");\n var yLocation = parseInt(lineColumn[0], 10);\n this.comments[yLocation] = parse.comments[commentLocation];\n }\n this.highestLineSeen = 0;\n this.levelIndex = 0;\n this.nextExpectedLine = 0;\n this.measureNode(ast);\n var converted = this.convert(ast);\n if (converted !== null) {\n for (var block = 0; block < converted.length; block+= 1) {\n xml.appendChild(converted[block]);\n }\n }\n return {\"xml\": xmlToString(xml), \"error\": null, \"lineMap\": this.lineMap, 'comment': this.comments};\n}\n\nPythonToBlocks.prototype.identifier = function(node) {\n return Sk.ffi.remapToJs(node);\n}\n\nPythonToBlocks.prototype.recursiveMeasure = function(node, nextBlockLine) {\n if (node === undefined) {\n return;\n }\n var myNext = nextBlockLine;\n if (\"orelse\" in node && node.orelse.length > 0) {\n if (node.orelse.length == 1 && node.orelse[0]._astname == \"If\") {\n myNext = node.orelse[0].lineno-1;\n } else {\n myNext = node.orelse[0].lineno-1-1;\n }\n }\n this.heights.push(nextBlockLine);\n if (\"body\" in node) {\n for (var i = 0; i < node.body.length; i++) {\n var next;\n if (i+1 == node.body.length) {\n next = myNext;\n } else {\n next = node.body[i+1].lineno-1;\n }\n this.recursiveMeasure(node.body[i], next);\n }\n }\n if (\"orelse\" in node) {\n for (var i = 0; i < node.orelse.length; i++) {\n var next;\n if (i == node.orelse.length) {\n next = nextBlockLine;\n } else {\n next = 1+(node.orelse[i].lineno-1);\n }\n this.recursiveMeasure(node.orelse[i], next);\n }\n }\n}\n\nPythonToBlocks.prototype.measureNode = function(node) {\n this.heights = [];\n this.recursiveMeasure(node, this.source.length-1);\n this.heights.shift();\n}\n\nPythonToBlocks.prototype.getSourceCode = function(frm, to) {\n var lines = this.source.slice(frm-1, to);\n // Strip out any starting indentation.\n if (lines.length > 0) {\n var indentation = lines[0].search(/\\S/);\n for (var i = 0; i < lines.length; i++) {\n lines[i] = lines[i].substring(indentation);\n }\n }\n return lines.join(\"\\n\");\n}\n\nPythonToBlocks.prototype.convertBody = function(node, is_top_level) {\n this.levelIndex += 1;\n // Empty body, return nothing\n if (node.length == 0) {\n return null;\n }\n \n // Final result list\n var children = [], // The complete set of peers\n root = null, // The top of the current peer\n current = null,\n levelIndex = this.levelIndex; // The bottom of the current peer\n \n function addPeer(peer) {\n if (root == null) {\n children.push(peer);\n } else {\n children.push(root);\n }\n root = peer;\n current = peer;\n }\n \n function finalizePeers() {\n if (root != null) {\n children.push(root);\n }\n }\n \n function nestChild(child) {\n if (root == null) {\n root = child;\n current = child;\n } else if (current == null) {\n root = current;\n } else {\n var nextElement = document.createElement(\"next\");\n nextElement.appendChild(child);\n current.appendChild(nextElement);\n current = child;\n }\n }\n \n var lineNumberInBody = 0,\n lineNumberInProgram,\n previousLineInProgram=null,\n distance,\n skipped_line,\n commentCount,\n previousHeight = null,\n visitedFirstLine = false;\n \n // Iterate through each node\n for (var i = 0; i < node.length; i++) {\n lineNumberInBody += 1;\n \n lineNumberInProgram = node[i].lineno;\n distance = 0, wasFirstLine = true;\n if (previousLineInProgram != null) {\n distance = lineNumberInProgram - previousLineInProgram-1;\n wasFirstLine = false;\n }\n lineNumberInBody += distance;\n \n // Handle earlier comments\n commentCount = 0;\n for (var commentLineInProgram in this.comments) {\n if (commentLineInProgram < lineNumberInProgram) {\n commentChild = this.Comment(this.comments[commentLineInProgram], commentLineInProgram);\n if (previousLineInProgram == null) {\n nestChild(commentChild);\n } else {\n skipped_previous_line = Math.abs(previousLineInProgram-commentLineInProgram) > 1;\n if (is_top_level && skipped_previous_line) {\n addPeer(commentChild);\n } else {\n nestChild(commentChild);\n }\n }\n previousLineInProgram = commentLineInProgram;\n this.highestLineSeen = Math.max(this.highestLineSeen, parseInt(commentLineInProgram, 10));\n distance = lineNumberInProgram - previousLineInProgram;\n delete this.comments[commentLineInProgram];\n commentCount += 1;\n }\n }\n \n distance = lineNumberInProgram - this.highestLineSeen;\n this.highestLineSeen = Math.max(lineNumberInProgram, this.highestLineSeen);\n \n // Now convert the actual node\n var height = this.heights.shift();\n var originalSourceCode = this.getSourceCode(lineNumberInProgram, height);\n var newChild = this.convertStatement(node[i], originalSourceCode, is_top_level);\n \n // Skip null blocks (e.g., imports)\n if (newChild == null) {\n continue;\n }\n \n skipped_line = distance > 1;\n previousLineInProgram = lineNumberInProgram;\n previousHeight = height;\n \n // Handle top-level expression blocks\n if (is_top_level && newChild.constructor == Array) {\n addPeer(newChild[0]);\n // Handle skipped line\n } else if (is_top_level && skipped_line && visitedFirstLine) {\n addPeer(newChild);\n // Otherwise, always embed it in there.\n } else {\n nestChild(newChild);\n }\n \n visitedFirstLine = true;\n }\n \n \n // Handle comments that are on the very last line\n var lastLineNumber = lineNumberInProgram+1\n if (lastLineNumber in this.comments) {\n commentChild = this.Comment(this.comments[lastLineNumber], lastLineNumber);\n nestChild(commentChild);\n delete this.comments[lastLineNumber];\n }\n \n // Handle any extra comments that stuck around\n if (is_top_level) {\n for (var commentLineInProgram in this.comments) {\n commentChild = this.Comment(this.comments[commentLineInProgram], commentLineInProgram);\n distance = commentLineInProgram - previousLineInProgram;\n if (previousLineInProgram == null) {\n addPeer(commentChild);\n } else if (distance > 1) {\n addPeer(commentChild);\n } else {\n nestChild(commentChild);\n }\n previousLineInProgram = commentLineInProgram;\n delete this.comments[lastLineNumber];\n }\n }\n \n \n finalizePeers();\n \n this.levelIndex -= 1;\n \n return children;\n}\n\n\n\n\n\nfunction block(type, lineNumber, fields, values, settings, mutations, statements) {\n var newBlock = document.createElement(\"block\");\n // Settings\n newBlock.setAttribute(\"type\", type);\n newBlock.setAttribute(\"line_number\", lineNumber);\n for (var setting in settings) {\n var settingValue = settings[setting];\n newBlock.setAttribute(setting, settingValue);\n }\n // Mutations\n if (mutations !== undefined && Object.keys(mutations).length > 0) {\n var newMutation = document.createElement(\"mutation\");\n for (var mutation in mutations) {\n var mutationValue = mutations[mutation];\n if (mutation.charAt(0) == '@') {\n newMutation.setAttribute(mutation.substr(1), mutationValue);\n } else if (mutationValue.constructor === Array) {\n for (var i = 0; i < mutationValue.length; i++) {\n var mutationNode = document.createElement(mutation);\n mutationNode.setAttribute(\"name\", mutationValue[i]);\n newMutation.appendChild(mutationNode);\n }\n } else {\n var mutationNode = document.createElement(\"arg\");\n mutationNode.setAttribute(\"name\", mutation);\n mutationNode.appendChild(mutationValue);\n newMutation.appendChild(mutationNode);\n }\n }\n newBlock.appendChild(newMutation);\n }\n // Fields\n for (var field in fields) {\n var fieldValue = fields[field];\n var newField = document.createElement(\"field\");\n newField.setAttribute(\"name\", field);\n newField.appendChild(document.createTextNode(fieldValue));\n newBlock.appendChild(newField);\n }\n // Values\n for (var value in values) {\n var valueValue = values[value];\n var newValue = document.createElement(\"value\");\n if (valueValue !== null) {\n newValue.setAttribute(\"name\", value);\n newValue.appendChild(valueValue);\n newBlock.appendChild(newValue);\n }\n }\n // Statements\n if (statements !== undefined && Object.keys(statements).length > 0) {\n for (var statement in statements) {\n var statementValue = statements[statement];\n if (statementValue == null) {\n continue;\n } else {\n for (var i = 0; i < statementValue.length; i += 1) {\n // In most cases, you really shouldn't ever have more than\n // one statement in this list. I'm not sure Blockly likes\n // that.\n var newStatement = document.createElement(\"statement\");\n newStatement.setAttribute(\"name\", statement);\n newStatement.appendChild(statementValue[i]);\n newBlock.appendChild(newStatement);\n }\n }\n }\n }\n return newBlock;\n}\n\nraw_block = function(txt) {\n // TODO: lineno as second parameter!\n return block(\"raw_block\", 0, { \"TEXT\": txt });\n}\n\nraw_expression = function(txt, lineno) {\n return block(\"raw_expression\", lineno, {\"TEXT\": txt});\n}\n\nPythonToBlocks.prototype.convert = function(node, is_top_level) {\n return this[node._astname](node, is_top_level);\n}\n\nfunction arrayMax(array) {\n return array.reduce(function(a, b) {\n return Math.max(a, b);\n });\n}\n\nfunction arrayMin(array) {\n return array.reduce(function(a, b) {\n return Math.min(a, b);\n });\n}\n\nPythonToBlocks.prototype.convertStatement = function(node, full_source, is_top_level) {\n try {\n return this.convert(node, is_top_level);\n } catch (e) {\n heights = this.getChunkHeights(node);\n extractedSource = this.getSourceCode(arrayMin(heights), arrayMax(heights));\n console.error(e);\n return raw_block(extractedSource);\n }\n}\n\nPythonToBlocks.prototype.getChunkHeights = function(node) {\n var lineNumbers = [];\n if (node.hasOwnProperty(\"lineno\")) {\n lineNumbers.push(node.lineno);\n }\n if (node.hasOwnProperty(\"body\")) {\n for (var i = 0; i < node.body.length; i += 1) {\n var subnode = node.body[i];\n lineNumbers = lineNumbers.concat(this.getChunkHeights(subnode));\n }\n }\n if (node.hasOwnProperty(\"orelse\")) {\n for (var i = 0; i < node.orelse.length; i += 1) {\n var subnode = node.orelse[i];\n lineNumbers = lineNumbers.concat(this.getChunkHeights(subnode));\n }\n }\n return lineNumbers;\n}\n\n/* ----- Nodes ---- */\n/*\n * NO LINE OR COLUMN NUMBERS\n * Module\n * body: asdl_seq\n */\nPythonToBlocks.prototype.Module = function(node)\n{\n return this.convertBody(node.body, true);\n}\n\nPythonToBlocks.prototype.Comment = function(txt, lineno) {\n return block(\"comment_single\", lineno, {\n \"BODY\": txt.slice(1)\n }, {}, {}, {}, {})\n}\n\n/*\n * NO LINE OR COLUMN NUMBERS\n * Interactive\n * body: asdl_seq\n */\nPythonToBlocks.prototype.Interactive = function(body)\n{\n return this.convertBody(node.body);\n}\n\n/*\n * NO LINE OR COLUMN NUMBERS\n * TODO\n * body: expr_ty\n */\nPythonToBlocks.prototype.Expression = function(body)\n{\n this.body = body;\n}\n\n/*\n * NO LINE OR COLUMN NUMBERS\n *\n * body: asdl_seq\n */\nPythonToBlocks.prototype.Suite = function(body)\n{\n this.asdl_seq(node.body);\n}\n\n/*\n *\n * name: identifier\n * args: arguments__ty\n * body: asdl_seq\n * decorator_list: asdl_seq\n */\nPythonToBlocks.prototype.FunctionDef = function(node)\n{\n var name = node.name;\n var args = node.args;\n var body = node.body;\n var decorator_list = node.decorator_list;\n if (decorator_list.length > 0) {\n throw new Error(\"Decorators are not implemented.\");\n }\n return block(\"procedures_defnoreturn\", node.lineno, {\n \"NAME\": this.identifier(name)\n }, {\n }, {\n \"inline\": \"false\"\n }, {\n \"arg\": this.arguments_(args)\n }, {\n \"STACK\": this.convertBody(body)\n });\n}\n\n/*\n * name: identifier\n * args: arguments__ty\n * bases: asdl_seq\n * body: asdl_seq\n * decorator_list: asdl_seq\n */\nPythonToBlocks.prototype.ClassDef = function(node)\n{\n var name = node.name;\n var bases = node.bases;\n var body = node.body;\n var decorator_list = node.decorator_list;\n if (decorator_list.length > 0) {\n throw new Error(\"Decorators are not implemented.\");\n }\n return block(\"class_creation\", node.lineno, {\n \"CLASS\": this.identifier(name)\n }, {\n }, {\n \"inline\": \"false\"\n }, {\n //\"arg\": this.arguments_(args)\n }, {\n \"BODY\": this.convertBody(body)\n });\n}\n\n/*\n * value: expr_ty\n *\n */\nPythonToBlocks.prototype.Return = function(node)\n{\n var value = node.value;\n // No field, one title, one setting\n return block(\"procedures_return\", node.lineno, {}, {\n \"VALUE\": this.convert(value)\n }, {\n \"inline\": \"false\"\n });\n}\n\n/*\n * targets: asdl_seq\n *\n */\nPythonToBlocks.prototype.Delete = function(/* {asdl_seq *} */ targets)\n{\n this.targets = targets;\n // TODO\n throw new Error(\"Delete is not implemented\");\n}\n\n/*\n * targets: asdl_seq\n * value: expr_ty\n */\nPythonToBlocks.prototype.Assign = function(node)\n{\n var targets = node.targets;\n var value = node.value;\n if (targets.length == 0) {\n throw new Error(\"Nothing to assign to!\");\n } else if (targets.length == 1) {\n return block(\"variables_set\", node.lineno, {\n \"VAR\": this.Name_str(targets[0]) //targets\n }, {\n \"VALUE\": this.convert(value)\n });\n } else {\n //TODO\n throw new Error(\"Multiple Assigment Targets Not implemented\");\n }\n}\n\n/*\n * target: expr_ty\n * op: operator_ty\n * value: expr_ty\n */\nPythonToBlocks.prototype.AugAssign = function(node)\n{\n var target = node.target;\n var op = node.op;\n var value = node.value;\n if (op.name != \"Add\") {\n //TODO\n throw new Error(\"Only addition is currently supported for augmented assignment!\");\n } else {\n return block(\"math_change\", node.lineno, {\n \"VAR\": this.Name_str(target)\n }, {\n \"DELTA\": this.convert(value)\n });\n }\n}\n\n/*\n * dest: expr_ty\n * values: asdl_seq\n * nl: bool\n *\n */\nPythonToBlocks.prototype.Print = function(node)\n{\n var dest = node.dest;\n var values = node.values;\n var nl = node.nl;\n \n if (values.length == 1) {\n return block(\"text_print\", node.lineno, {}, {\n \"TEXT\": this.convert(values[0])\n });\n } else {\n return block(\"text_print_multiple\", node.lineno, {}, \n this.convertElements(\"PRINT\", values), \n {\n \"inline\": \"true\"\n }, {\n \"@items\": values.length\n });\n }\n}\n\n/*\n * target: expr_ty\n * iter: expr_ty\n * body: asdl_seq\n * orelse: asdl_seq\n *\n */\nPythonToBlocks.prototype.For = function(node) {\n var target = node.target;\n var iter = node.iter;\n var body = node.body;\n var orelse = node.orelse;\n \n if (orelse.length > 0) {\n // TODO\n throw new Error(\"Or-else block of For is not implemented.\");\n }\n \n return block(\"controls_forEach\", node.lineno, {\n }, {\n \"LIST\": this.convert(iter),\n \"VAR\": this.convert(target)\n }, {\n \"inline\": \"true\"\n }, {}, {\n \"DO\": this.convertBody(body)\n });\n}\n\n/*\n * test: expr_ty\n * body: asdl_seq\n * orelse: asdl_seq\n */\nPythonToBlocks.prototype.While = function(node) {\n var test = node.test;\n var body = node.body;\n var orelse = node.orelse;\n if (orelse.length > 0) {\n // TODO\n throw new Error(\"Or-else block of While is not implemented.\");\n }\n return block(\"controls_while\", node.lineno, {}, {\n \"BOOL\": this.convert(test)\n }, {}, {}, {\n \"DO\": this.convertBody(body)\n });\n}\n\n/*\n * test: expr_ty\n * body: asdl_seq\n * orelse: asdl_seq\n *\n */\nPythonToBlocks.prototype.If = function(node)\n{\n var test = node.test;\n var body = node.body;\n var orelse = node.orelse;\n \n var IF_values = {\"IF0\": this.convert(test)};\n var DO_values = {\"DO0\": this.convertBody(body)};\n \n var elseifCount = 0;\n var elseCount = 0;\n var potentialElseBody = null;\n \n // Handle weird orelse stuff\n if (orelse !== undefined) {\n if (orelse.length == 1 && orelse[0]._astname == \"If\") {\n // This is an 'ELIF'\n while (orelse.length == 1 && orelse[0]._astname == \"If\") {\n this.heights.shift();\n elseifCount += 1;\n body = orelse[0].body;\n test = orelse[0].test;\n orelse = orelse[0].orelse;\n DO_values[\"DO\"+elseifCount] = this.convertBody(body, false);\n if (test !== undefined) {\n IF_values[\"IF\"+elseifCount] = this.convert(test);\n }\n }\n }\n if (orelse !== undefined && orelse.length > 0) {\n // Or just the body of an Else statement\n elseCount += 1;\n DO_values[\"ELSE\"] = this.convertBody(orelse);\n }\n }\n \n return block(\"controls_if\", node.lineno, {\n }, IF_values, {\n \"inline\": \"false\"\n }, {\n \"@elseif\": elseifCount,\n \"@else\": elseCount\n }, DO_values);\n}\n\n/*\n * context_expr: expr_ty\n * optional_vars: expr_ty\n * body: asdl_seq\n */\nPythonToBlocks.prototype.With = function(node)\n{\n var context_expr = node.context_expr;\n var optional_vars = node.optional_vars;\n var body = node.body;\n throw new Error(\"With_ not implemented\");\n}\n\n/*\n * type: expr_ty\n * inst: expr_ty\n * tback: expr_ty\n */\nPythonToBlocks.prototype.Raise = function(node)\n{\n var type = node.type;\n var inst = node.inst;\n var tback = node.tback;\n throw new Error(\"Raise not implemented\");\n}\n\n/*\n * body: asdl_seq\n * handlers: asdl_seq\n * orelse: asdl_seq\n *\n */\nPythonToBlocks.prototype.TryExcept = function(node)\n{\n var body = node.body;\n var handlers = node.handlers;\n var orelse = node.orelse;\n throw new Error(\"TryExcept not implemented\");\n}\n\n/*\n * body: asdl_seq\n * finalbody: asdl_seq\n *\n */\nPythonToBlocks.prototype.TryFinally = function(node)\n{\n var body = node.body;\n var finalbody = node.finalbody;\n throw new Error(\"TryExcept not implemented\");\n}\n\n/*\n * test: expr_ty\n * msg: expr_ty\n */\nPythonToBlocks.prototype.Assert = function(node)\n{\n var test = node.test;\n var msg = node.msg;\n throw new Error(\"Assert not implemented\");\n}\n\n/*\n * names: asdl_seq\n *\n */\nPythonToBlocks.prototype.Import = function(node)\n{\n var names = node.names;\n // The import statement isn't used in blockly because it happens implicitly\n return null;\n}\n\n/*\n * module: identifier\n * names: asdl_seq\n * level: int\n *\n */\nPythonToBlocks.prototype.ImportFrom = function(node)\n{\n var module = node.module;\n var names = node.names;\n var level = node.level;\n // The import statement isn't used in blockly because it happens implicitly\n return null;\n}\n\n/*\n * body: expr_ty\n * globals: expr_ty\n * locals: expr_ty\n *\n */\nPythonToBlocks.prototype.Exec = function(node) {\n var body = node.body;\n var globals = node.globals;\n var locals = node.locals;\n throw new Error(\"Exec not implemented\");\n}\n\n/*\n * names: asdl_seq\n *\n */\nPythonToBlocks.prototype.Global = function(node)\n{\n var names = node.names;\n throw new Error(\"Globals not implemented\");\n}\n\n/*\n * value: expr_ty\n *\n */\nPythonToBlocks.prototype.Expr = function(node, is_top_level) {\n var value = node.value;\n \n var converted = this.convert(value);\n if (converted.constructor == Array) {\n return converted[0];\n } else if (is_top_level === true) {\n return [this.convert(value)];\n } else {\n return block(\"raw_empty\", node.lineno, {}, {\n \"VALUE\": this.convert(value)\n });\n }\n}\n\n/*\n *\n *\n */\nPythonToBlocks.prototype.Pass = function() {\n return null; //block(\"controls_pass\");\n}\n\n/*\n *\n *\n */\nPythonToBlocks.prototype.Break = function(node) {\n return block(\"controls_flow_statements\", node.lineno, {\n \"FLOW\": \"BREAK\"\n });\n}\n\n/*\n *\n *\n */\nPythonToBlocks.prototype.Continue = function(node) {\n return block(\"controls_flow_statements\", node.lineno, {\n \"FLOW\": \"CONTINUE\"\n });\n}\n\n/*\n * TODO: what does this do?\n *\n */\nPythonToBlocks.prototype.Debugger = function() {\n return null;\n}\n\nPythonToBlocks.prototype.booleanOperator = function(op) {\n switch (op.name) {\n case \"And\": return \"AND\";\n case \"Or\": return \"OR\";\n default: throw new Error(\"Operator not supported:\"+op.name);\n }\n}\n\n/*\n * op: boolop_ty\n * values: asdl_seq\n */\nPythonToBlocks.prototype.BoolOp = function(node) {\n var op = node.op;\n var values = node.values;\n // TODO: is there ever a case where it's < 1 values?\n var result_block = this.convert(values[0]);\n for (var i = 1; i < values.length; i+= 1) {\n result_block = block(\"logic_operation\", node.lineno, {\n \"OP\": this.booleanOperator(op)\n }, {\n \"A\": result_block,\n \"B\": this.convert(values[i])\n }, {\n \"inline\": \"true\"\n });\n }\n return result_block;\n}\n\nPythonToBlocks.prototype.binaryOperator = function(op) {\n switch (op.name) {\n case \"Add\": return \"ADD\";\n case \"Sub\": return \"MINUS\";\n case \"Div\": case \"FloorDiv\": return \"DIVIDE\";\n case \"Mult\": return \"MULTIPLY\";\n case \"Pow\": return \"POWER\";\n case \"Mod\": return \"MODULO\";\n default: throw new Error(\"Operator not supported:\"+op.name);\n }\n}\n\n/*\n * left: expr_ty\n * op: operator_ty\n * right: expr_ty\n */\nPythonToBlocks.prototype.BinOp = function(node)\n{\n var left = node.left;\n var op = node.op;\n var right = node.right;\n return block(\"math_arithmetic\", node.lineno, {\n \"OP\": this.binaryOperator(op) // TODO\n }, {\n \"A\": this.convert(left),\n \"B\": this.convert(right)\n }, {\n \"inline\": true\n });\n}\n\n/*\n * op: unaryop_ty\n * operand: expr_ty\n */\nPythonToBlocks.prototype.UnaryOp = function(node)\n{\n var op = node.op;\n var operand = node.operand;\n if (op.name == \"Not\") {\n return block(\"logic_negate\", node.lineno, {}, {\n \"BOOL\": this.convert(operand) \n }, {\n \"inline\": \"false\"\n });\n } else {\n throw new Error(\"Other unary operators are not implemented yet.\");\n }\n}\n\n/*\n * args: arguments__ty\n * body: expr_ty\n */\nPythonToBlocks.prototype.Lambda = function(node) {\n var args = node.args;\n var body = node.body;\n throw new Error(\"Lambda functions are not implemented yet.\");\n}\n\n/*\n * test: expr_ty\n * body: expr_ty\n * orelse: expr_ty\n */\nPythonToBlocks.prototype.IfExp = function(node)\n{\n var test = node.test;\n var body = node.body;\n var orelse = node.orelse;\n throw new Error(\"Inline IF expressions are not implemented yet.\");\n}\n\n/*\n * keys: asdl_seq\n * values: asdl_seq\n */\nPythonToBlocks.prototype.Dict = function(node) {\n var keys = node.keys;\n var values = node.values;\n \n var keyList = [];\n var valueList = [];\n for (var i = 0; i < keys.length; i+= 1) {\n if (keys[i]._astname != \"Str\") {\n throw new Error(\"Dictionary Keys should be Strings.\");\n }\n keyList[\"KEY\"+i] = this.Str_value(keys[i]);\n valueList[\"VALUE\"+i] = this.convert(values[i]);\n }\n \n return block(\"dicts_create_with\", node.lineno, keyList, valueList, {\n \"inline\": \"false\"\n }, {\n \"@items\": keys.length\n });\n}\n\n/*\n * elts: asdl_seq\n *\n */\nPythonToBlocks.prototype.Set = function(node)\n{\n var elts = node.elts;\n throw new Error(\"Sets are not implemented\");\n}\n\n/*\n * elt: expr_ty\n * generators: asdl_seq\n */\nPythonToBlocks.prototype.ListComp = function(node)\n{\n var elt = node.elt;\n var generators = node.generators;\n \n // TODO\n}\n\n/*\n * elt: expr_ty\n * generators: asdl_seq\n */\nPythonToBlocks.prototype.SetComp = function(node)\n{\n var elt = node.elt;\n var generators = node.generators;\n throw new Error(\"Set Comprehensions are not implemented\"); \n}\n\n/*\n * key: expr_ty\n * value: expr_ty\n * generators: asdl_seq\n */\nPythonToBlocks.prototype.DictComp = function(node)\n{\n var key = node.key;\n var value = node.value;\n var generators = node.generators;\n throw new Error(\"Dictionary Comprehensions are not implemented\"); \n}\n\n/*\n * elt: expr_ty\n * generators: asdl_seq\n */\nPythonToBlocks.prototype.GeneratorExp = function(node) {\n var elt = node.elt;\n var generators = node.generators;\n throw new Error(\"Generator Expresions are not implemented\"); \n}\n\n/*\n * value: expr_ty\n *\n */\nPythonToBlocks.prototype.Yield = function(node)\n{\n var value = value;\n throw new Error(\"Yield expression is not implemented\");\n}\n\n\nPythonToBlocks.prototype.compareOperator = function(op) {\n switch (op.name) {\n case \"Eq\": return \"EQ\";\n case \"NotEq\": return \"NEQ\";\n case \"Lt\": return \"LT\";\n case \"Gt\": return \"GT\";\n case \"LtE\": return \"LTE\";\n case \"GtE\": return \"GTE\";\n case \"In_\": return \"IN\";\n case \"NotIn\": return \"NOTIN\";\n // Is, IsNot, In, NotIn\n default: throw new Error(\"Operator not supported:\"+op.name);\n }\n}\n\n/*\n * left: expr_ty\n * ops: asdl_int_seq\n * asdl_seq: comparators\n */\nPythonToBlocks.prototype.Compare = function(node)\n{\n var left = node.left;\n var ops = node.ops;\n var comparators = node.comparators;\n \n if (ops.length != 1) {\n throw new Error(\"Only one comparison operator is supported\");\n } else if (ops[0].name == \"In_\" || ops[0].name == \"NotIn\") {\n return block(\"logic_isIn\", node.lineno, {\n \"OP\": this.compareOperator(ops[0])\n }, {\n \"ITEM\": this.convert(left),\n \"LIST\": this.convert(comparators[0])\n }, {\n \"inline\": \"true\"\n });\n } else {\n return block(\"logic_compare\", node.lineno, {\n \"OP\": this.compareOperator(ops[0])\n }, {\n \"A\": this.convert(left),\n \"B\": this.convert(comparators[0])\n }, {\n \"inline\": \"true\"\n });\n }\n \n}\n\nconvertStockSymbols = function(symbol) {\n switch (symbol) {\n case 'FB': case \"Facebook\":\n return \"Facebook\";\n case \"AAPL\": case \"Apple\":\n return \"Apple\";\n case \"MSFT\": case \"Microsoft\":\n return \"Microsoft\";\n case \"GOOG\": case \"Google\":\n return \"Google\";\n default:\n throw new Error(\"Unknown Stock Symbol.\");\n }\n}\n\ntoTitleCase = function(str) {\n return str.replace(/\\w\\S*/g, function(txt){\n return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase();\n });\n}\n \nPythonToBlocks.KNOWN_MODULES = {\n \"weather\": {\n \"get_temperature\": [\"weather_temperature\", \"CITY\"],\n \"get_report\": [\"weather_report\", \"CITY\"],\n \"get_forecasts\": [\"weather_forecasts\", \"CITY\"],\n \"get_highs_lows\": [\"weather_highs_lows\", \"CITY\"],\n \"get_all_forecasted_temperatures\": [\"weather_all_forecasts\"],\n \"get_forecasted_reports\": [\"weather_report_forecasts\", \"CITY\"]\n }, \n \"earthquakes\": {\n \"get\": [\"earthquake_get\", \"PROPERTY\"],\n \"get_both\": [\"earthquake_both\"],\n \"get_all\": [\"earthquake_all\"]\n },\n \"stocks\": {\n \"get_current\": [\"stocks_current\", [\"TICKER\", convertStockSymbols]],\n \"get_past\": [\"stocks_past\", [\"TICKER\", convertStockSymbols]]\n },\n \"crime\": {\n // STATE = toTitleCase\n \"get_property_crimes\": [\"crime_state\", [\"STATE\", toTitleCase],\n [\"TYPE\", \"property\"]],\n \"get_violent_crimes\": [\"crime_state\", [\"STATE\", toTitleCase],\n [\"TYPE\", \"violent\"]],\n \"get_by_year\": [\"crime_year\", \"YEAR\"],\n \"get_all\": [\"crime_all\"]\n },\n \"books\": {\n \"get_all\": [\"books_get\"]\n },\n \"plt\": {\n \"title\": [\"*plot_title\", \"TEXT\"],\n \"xlabel\": [\"*plot_xlabel\", \"TEXT\"],\n \"ylabel\": [\"*plot_ylabel\", \"TEXT\"],\n \"hist\": [\"*plot_hist\", {\"type\": \"variable\", \"mode\": \"value\", \"name\": \"values\"}],\n \"scatter\": [\"*plot_scatter\", {\"type\": \"variable\", \"mode\": \"value\", \"name\": \"x_values\"},\n {\"type\": \"variable\", \"mode\": \"value\", \"name\": \"y_values\"}],\n \"show\": [\"*plot_show\"]\n }\n};\nPythonToBlocks.prototype.KNOWN_FUNCTIONS = [\"append\", \"strip\", \"rstrip\", \"lstrip\"];\nPythonToBlocks.KNOWN_ATTR_FUNCTIONS = {};\nPythonToBlocks.prototype.CallAttribute = function(func, args, keywords, starargs, kwargs, node) {\n var name = this.identifier(func.attr);\n if (func.value._astname == \"Name\") {\n var module = this.identifier(func.value.id);\n if (module == \"plt\" && name == \"plot\") {\n if (args.length == 1) {\n return [block(\"plot_line\", func.lineno, {}, {\n \"y_values\": this.convert(args[0])\n }, {\"inline\": \"false\"})];\n } else if (args.length == 2) {\n return [block(\"plot_lineXY\", func.lineno, {}, {\n \"x_values\": this.convert(args[0]),\n \"y_values\": this.convert(args[1])\n }, {\"inline\": \"false\"})];\n } else {\n throw new Error(\"Incorrect number of arguments to plt.plot\");\n }\n } else if (module in PythonToBlocks.KNOWN_MODULES && name in PythonToBlocks.KNOWN_MODULES[module]) {\n var definition = PythonToBlocks.KNOWN_MODULES[module][name];\n var blockName = definition[0];\n var isExpression = true;\n if (blockName.charAt(0) == \"*\") {\n blockName = blockName.slice(1);\n isExpression = false;\n }\n var fields = {};\n var mutations = {};\n var values = {};\n for (var i = 0; i < args.length; i++) {\n var argument = definition[1+i];\n var destination = fields;\n if (typeof argument == \"string\") {\n fields[argument] = this.Str_value(args[i]);\n } else if (typeof argument == \"object\") {\n if (argument.mode == \"value\") {\n destination = values;\n }\n if (argument.add_mutation !== undefined) {\n mutations[argument.add_mutation.name] = argument.add_mutation.value;\n }\n if (argument.type == 'mutation') {\n if (argument.index == undefined) {\n mutations[argument.name] = this.Str_value(args[i]);\n } else {\n mutations[argument.name] = this.Str_value(args[argument.index+1]);\n }\n } else if (argument.type == \"integer\") {\n destination[argument.name] = this.Num_value(args[i]);\n } else if (argument.type == 'variable') {\n destination[argument.name] = this.convert(args[i]);\n } else if (argument.type == \"integer_mapper\") {\n // Okay we jumped the shark here\n var argumentName = argument.name;\n var argumentMapper = argument.method;\n destination[argumentName] = argumentMapper(this.Num_value(args[i]));\n } else if (argument.type == 'mapper') {\n var argumentName = argument.name;\n var argumentMapper = argument.method;\n destination[argumentName] = argumentMapper(this.Str_value(args[i]));\n }\n } else {\n var argumentName = argument[0];\n var argumentMapper = argument[1];\n fields[argumentName] = argumentMapper(this.Str_value(args[i]));\n }\n }\n for (var i = 1+args.length; i < definition.length; i++) {\n var first = definition[i][0];\n var second = definition[i][1];\n fields[first] = second;\n }\n if (isExpression) {\n var k = block(blockName, func.lineno, fields, values, [], mutations);\n return k;\n } else {\n return [block(blockName, func.lineno, fields, values, [], mutations)];\n }\n }\n } \n if (this.KNOWN_FUNCTIONS.indexOf(name) > -1) {\n switch (name) {\n case \"append\":\n if (args.length !== 1) {\n throw new Error(\"Incorrect number of arguments to .append\");\n }\n // Return as statement\n return [block(\"lists_append\", func.lineno, {}, {\n \"ITEM\": this.convert(args[0]),\n \"LIST\": this.convert(func.value)\n }, {\n \"inline\": \"true\"\n })];\n case \"strip\":\n return block(\"text_trim\", func.lineno, { \"MODE\": \"BOTH\" }, \n { \"TEXT\": this.convert(func.value) });\n case \"lstrip\":\n return block(\"text_trim\", func.lineno, { \"MODE\": \"LEFT\" }, \n { \"TEXT\": this.convert(func.value) });\n case \"rstrip\":\n return block(\"text_trim\", func.lineno, { \"MODE\": \"RIGHT\" }, \n { \"TEXT\": this.convert(func.value) });\n default: throw new Error(\"Unknown function call!\");\n }\n } else if (name in PythonToBlocks.KNOWN_ATTR_FUNCTIONS) {\n return PythonToBlocks.KNOWN_ATTR_FUNCTIONS[name].bind(this)(func, args, keywords, starargs, kwargs, node)\n } else {\n console.log(func, args, keywords, starargs, kwargs);\n heights = this.getChunkHeights(node);\n extractedSource = this.getSourceCode(arrayMin(heights), arrayMax(heights));\n var col_endoffset = node.col_endoffset;\n if (args.length > 0) {\n for (var i = 0; i < args.length; i+= 1) {\n col_endoffset = args[i].col_endoffset;\n }\n } else {\n col_endoffset += 2;\n expressionCall += \"()\";\n }\n var expressionCall = extractedSource.slice(node.col_offset, 1+col_endoffset);\n //console.log(node, extractedSource, node.col_offset, node.col_endoffset);\n var lineno = node.lineno;\n //console.error(e);\n //return raw_expression(expressionCall, lineno);\n \n var argumentsNormal = {};\n var argumentsMutation = {\"@name\": name};\n for (var i = 0; i < args.length; i+= 1) {\n argumentsNormal[\"ARG\"+i] = this.convert(args[i]);\n argumentsMutation[i] = this.convert(args[i]);\n }\n var methodCall = block(\"procedures_callreturn\", node.lineno, {\n }, argumentsNormal, {\n \"inline\": \"false\"\n }, argumentsMutation);\n \n return block(\"attribute_access\", node.lineno, {}, {\n \"MODULE\": this.convert(func.value),\n \"NAME\": methodCall\n }, { \"inline\": \"true\"}, {});\n }\n}\n\n/*\n * func: expr_ty\n * args: asdl_seq\n * keywords: asdl_seq\n * starargs: expr_ty\n * kwargs: expr_ty\n *\n */\nPythonToBlocks.prototype.Call = function(node) {\n var func = node.func;\n var args = node.args;\n var keywords = node.keywords;\n var starargs = node.starargs;\n var kwargs = node.kwargs;\n \n switch (func._astname) {\n case \"Name\":\n switch (this.identifier(func.id)) {\n case \"print\":\n if (args.length == 1) {\n return [block(\"text_print\", node.lineno, {}, {\n \"TEXT\": this.convert(args[0])})];\n } else {\n return [block(\"text_print_multiple\", node.lineno, {}, \n this.convertElements(\"PRINT\", args), \n {\"inline\": \"true\"\n }, { \"@items\": args.length})];\n }\n case \"abs\":\n return block(\"math_single\", node.lineno, {\"OP\": \"ABS\"}, {\"NUM\": this.convert(args[0])})\n case \"round\":\n return block(\"math_round\", node.lineno, {\"OP\": \"ROUND\"}, {\"NUM\": this.convert(args[0])})\n case \"sum\":\n return block(\"math_on_list\", node.lineno, {\"OP\": \"SUM\"}, {\"LIST\": this.convert(args[0])})\n case \"min\":\n return block(\"math_on_list\", node.lineno, {\"OP\": \"MIN\"}, {\"LIST\": this.convert(args[0])})\n case \"max\":\n return block(\"math_on_list\", node.lineno, {\"OP\": \"MAX\"}, {\"LIST\": this.convert(args[0])})\n case \"len\":\n return block(\"lists_length\", node.lineno, {}, {\"VALUE\": this.convert(args[0])})\n case \"xrange\":\n return block(\"procedures_callreturn\", node.lineno, {}, \n {\"ARG0\": this.convert(args[0])},\n {\"inline\": \"true\"}, \n {\"@name\": \"xrange\",\n \"\": this.convert(args[0])})\n default:\n if (starargs !== null && starargs.length > 0) {\n throw new Error(\"*args (variable arguments) are not implemented yet.\");\n } else if (kwargs !== null && kwargs.length > 0) {\n throw new Error(\"**args (keyword arguments) are not implemented yet.\");\n }\n var argumentsNormal = {};\n var argumentsMutation = {\"@name\": this.identifier(func.id)};\n for (var i = 0; i < args.length; i+= 1) {\n argumentsNormal[\"ARG\"+i] = this.convert(args[i]);\n argumentsMutation[i] = this.convert(args[i]);\n }\n return block(\"procedures_callreturn\", node.lineno, {}, argumentsNormal, {\n \"inline\": \"false\"\n }, argumentsMutation);\n }\n // Direct function call\n case \"Attribute\":\n // Module function call\n return this.CallAttribute(func, args, keywords, starargs, kwargs, node);\n }\n}\n\n/*\n * value: expr_ty\n *\n */\nPythonToBlocks.prototype.Repr = function(node)\n{\n var value = node.value;\n throw new Error(\"Repr is not yet implemented\");\n}\n\n/*\n * n: object\n *\n */\nPythonToBlocks.prototype.Num = function(node)\n{\n var n = node.n;\n return block(\"math_number\", node.lineno, {\"NUM\": Sk.ffi.remapToJs(n)});\n}\n\nPythonToBlocks.prototype.Num_value = function(node)\n{\n var n = node.n;\n return Sk.ffi.remapToJs(n);\n}\n\n/*\n * s: string\n *\n */\nPythonToBlocks.prototype.Str = function(node)\n{\n var s = node.s;\n var strValue = Sk.ffi.remapToJs(s);\n if (strValue.split(\"\\n\").length > 1) {\n return block(\"string_multiline\", node.lineno, {\"TEXT\": strValue});\n } else {\n return block(\"text\", node.lineno, {\"TEXT\": strValue});\n }\n}\n\nPythonToBlocks.prototype.Str_value = function(node) {\n var s = node.s;\n return Sk.ffi.remapToJs(s);\n}\n\n/*\n * value: expr_ty\n * attr: identifier\n * ctx: expr_context_ty\n *\n */\nPythonToBlocks.prototype.Attribute = function(node)\n{\n var value = node.value;\n var attr = node.attr;\n var ctx = node.ctx;\n \n console.log(node);\n \n return block(\"attribute_access\", node.lineno, {\n \"MODULE\": this.convert(value),\n \"NAME\": this.convert(attr)\n });\n \n //throw new Error(\"Attribute access not implemented\");\n}\n\n/*\n * value: expr_ty\n * slice: slice_ty\n * ctx: expr_context_ty\n *\n */\nPythonToBlocks.prototype.Subscript = function(node)\n{\n var value = node.value;\n var slice = node.slice;\n var ctx = node.ctx;\n \n if (slice.value._astname == \"Str\") {\n return block(\"dict_get_literal\", node.lineno, {\n \"ITEM\": this.Str_value(slice.value)\n }, {\n \"DICT\": this.convert(value)\n });\n } else if (slice.value._astname == \"Num\") {\n return block(\"lists_index\", node.lineno, {}, {\n \"ITEM\": this.convert(slice.value),\n \"LIST\": this.convert(value),\n });\n }\n \n throw new Error(\"This kind of subscript is not supported.\");\n}\n\n/*\n * id: identifier\n * ctx: expr_context_ty\n */\nPythonToBlocks.prototype.Name = function(node)\n{\n var id = node.id;\n var ctx = node.ctx;\n switch (this.Name_str(node)) {\n case \"True\":\n return block(\"logic_boolean\", node.lineno, {\"BOOL\": \"TRUE\"});\n case \"False\":\n return block(\"logic_boolean\", node.lineno, {\"BOOL\": \"FALSE\"});\n case \"None\":\n return block(\"logic_null\", node.lineno);\n case \"___\":\n return null;\n default:\n return block('variables_get', node.lineno, {\n \"VAR\": this.identifier(id)\n });\n }\n}\n\n/*\n * id: identifier\n * ctx: expr_context_ty\n */\nPythonToBlocks.prototype.Name_str = function(node)\n{\n var id = node.id;\n var ctx = node.ctx;\n return this.identifier(id);\n}\n\nPythonToBlocks.prototype.convertElements = function(key, values) {\n var output = {};\n for (var i = 0; i < values.length; i++) {\n output[key+i] = this.convert(values[i]);\n }\n return output;\n}\n\n/*\n * elts: asdl_seq\n * ctx: expr_context_ty\n *\n */\nPythonToBlocks.prototype.List = function(node) {\n var elts = node.elts;\n var ctx = node.ctx;\n \n return block(\"lists_create_with\", node.lineno, {}, \n this.convertElements(\"ADD\", elts)\n , {\n \"inline\": elts.length > 3 ? \"false\" : \"true\", \n }, {\n \"@items\": elts.length\n });\n}\n\n/*\n * elts: asdl_seq\n * ctx: expr_context_ty\n */\nPythonToBlocks.prototype.Tuple = function(node)\n{\n var elts = node.elts;\n var ctx = node.ctx;\n \n throw new Error(\"Tuples not implemented\");\n}\n\n/*\n *\n *\n */\nPythonToBlocks.prototype.Ellipsis = function() {\n throw new Error(\"Ellipsis not implemented\");\n}\n\n/*\n * lower: expr_ty\n * upper: expr_ty\n * step: expr_ty\n *\n */\nPythonToBlocks.prototype.Slice = function(node)\n{\n var lower = node.lower;\n var upper = node.upper;\n var step = node.step;\n \n throw new Error(\"Slices not implemented\");\n}\n\n/*\n * dims: asdl_seq\n *\n */\nPythonToBlocks.prototype.ExtSlice = function(node)\n{\n var dims = node.dims;\n \n throw new Error(\"ExtSlice is not implemented.\");\n}\n\n/*\n * value: expr_ty\n *\n */\nPythonToBlocks.prototype.Index = function(value)\n{\n var value = node.value;\n \n throw new Error(\"Index is not implemented\");\n}\n\n/*\n * target: expr_ty\n * iter: expr_ty\n * ifs: asdl_seq\n *\n */\nPythonToBlocks.prototype.comprehension = function(node)\n{\n var target = node.target;\n var iter = node.iter;\n var ifs = node.ifs;\n \n throw new Error(\"Comprehensions not implemented.\");\n}\n\n/*\n * type: expr_ty\n * name: expr_ty\n * body: asdl_seq\n *\n */\nPythonToBlocks.prototype.ExceptHandler = function(node)\n{\n var type = node.type;\n var name = node.name;\n var body = node.boy;\n \n throw new Error(\"Except handlers are not implemented\");\n}\n\nPythonToBlocks.prototype.argument_ = function(node) {\n var id = node.id;\n return this.identifier(id);\n}\n\n/*\n * args: asdl_seq\n * vararg: identifier\n * kwarg: identifier\n * defaults: asdl_seq\n *\n */\nPythonToBlocks.prototype.arguments_ = function(node)\n{\n var args = node.args;\n var vararg = node.vararg;\n var kwarg = node.kwarg;\n var defaults = node.defaults;\n \n var allArgs = [];\n for (var i = 0; i < args.length; i++) {\n var arg = args[i];\n allArgs.push(this.argument_(arg));\n }\n return allArgs;\n}\n\n/*\n * arg: identifier\n * value: expr_ty\n *\n */\nPythonToBlocks.prototype.keyword = function(node)\n{\n var arg = node.arg;\n var value = node.value;\n \n throw new Error(\"Keywords are not implemented\");\n}\n\n/*\n * name: identifier\n * asname: identifier\n *\n */\nPythonToBlocks.prototype.alias = function(node)\n{\n var name = node.name;\n var asname = node.asname;\n \n throw new Error(\"Aliases are not implemented\");\n}\n\n\n/* ----- expr_context ----- */\n/*\nLoad\nStore\nDel\nAugLoad\nAugStore\nParam\n*/\n\n\n/* ----- operator ----- */\n/*\nAdd\nSub\nMult\nDiv\nMod\nPow\nLShift\nRShift\nBitOr\nBitXor\nBitAnd\nFloorDiv\n*/\n\n/* ----- unaryop ----- */\n/*\nInvert\nNot\nUAdd\nUSub\n*/
\n \n \n\n\n\n\n
\n\n\n\n \n\n\n\n\n\n\n\n"
},
{
"path": "docs/scripts/linenumber.js",
"content": "/*global document */\n(function() {\n var source = document.getElementsByClassName('prettyprint source linenums');\n var i = 0;\n var lineNumber = 0;\n var lineId;\n var lines;\n var totalLines;\n var anchorHash;\n\n if (source && source[0]) {\n anchorHash = document.location.hash.substring(1);\n lines = source[0].getElementsByTagName('li');\n totalLines = lines.length;\n\n for (; i < totalLines; i++) {\n lineNumber++;\n lineId = 'line' + lineNumber;\n lines[i].id = lineId;\n if (lineId === anchorHash) {\n lines[i].className += ' selected';\n }\n }\n }\n})();\n"
},
{
"path": "docs/scripts/prettify/Apache-License-2.0.txt",
"content": "\n Apache License\n Version 2.0, January 2004\n http://www.apache.org/licenses/\n\n TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION\n\n 1. Definitions.\n\n \"License\" shall mean the terms and conditions for use, reproduction,\n and distribution as defined by Sections 1 through 9 of this document.\n\n \"Licensor\" shall mean the copyright owner or entity authorized by\n the copyright owner that is granting the License.\n\n \"Legal Entity\" shall mean the union of the acting entity and all\n other entities that control, are controlled by, or are under common\n control with that entity. For the purposes of this definition,\n \"control\" means (i) the power, direct or indirect, to cause the\n direction or management of such entity, whether by contract or\n otherwise, or (ii) ownership of fifty percent (50%) or more of the\n outstanding shares, or (iii) beneficial ownership of such entity.\n\n \"You\" (or \"Your\") shall mean an individual or Legal Entity\n exercising permissions granted by this License.\n\n \"Source\" form shall mean the preferred form for making modifications,\n including but not limited to software source code, documentation\n source, and configuration files.\n\n \"Object\" form shall mean any form resulting from mechanical\n transformation or translation of a Source form, including but\n not limited to compiled object code, generated documentation,\n and conversions to other media types.\n\n \"Work\" shall mean the work of authorship, whether in Source or\n Object form, made available under the License, as indicated by a\n copyright notice that is included in or attached to the work\n (an example is provided in the Appendix below).\n\n \"Derivative Works\" shall mean any work, whether in Source or Object\n form, that is based on (or derived from) the Work and for which the\n editorial revisions, annotations, elaborations, or other modifications\n represent, as a whole, an original work of authorship. For the purposes\n of this License, Derivative Works shall not include works that remain\n separable from, or merely link (or bind by name) to the interfaces of,\n the Work and Derivative Works thereof.\n\n \"Contribution\" shall mean any work of authorship, including\n the original version of the Work and any modifications or additions\n to that Work or Derivative Works thereof, that is intentionally\n submitted to Licensor for inclusion in the Work by the copyright owner\n or by an individual or Legal Entity authorized to submit on behalf of\n the copyright owner. For the purposes of this definition, \"submitted\"\n means any form of electronic, verbal, or written communication sent\n to the Licensor or its representatives, including but not limited to\n communication on electronic mailing lists, source code control systems,\n and issue tracking systems that are managed by, or on behalf of, the\n Licensor for the purpose of discussing and improving the Work, but\n excluding communication that is conspicuously marked or otherwise\n designated in writing by the copyright owner as \"Not a Contribution.\"\n\n \"Contributor\" shall mean Licensor and any individual or Legal Entity\n on behalf of whom a Contribution has been received by Licensor and\n subsequently incorporated within the Work.\n\n 2. Grant of Copyright License. Subject to the terms and conditions of\n this License, each Contributor hereby grants to You a perpetual,\n worldwide, non-exclusive, no-charge, royalty-free, irrevocable\n copyright license to reproduce, prepare Derivative Works of,\n publicly display, publicly perform, sublicense, and distribute the\n Work and such Derivative Works in Source or Object form.\n\n 3. Grant of Patent License. Subject to the terms and conditions of\n this License, each Contributor hereby grants to You a perpetual,\n worldwide, non-exclusive, no-charge, royalty-free, irrevocable\n (except as stated in this section) patent license to make, have made,\n use, offer to sell, sell, import, and otherwise transfer the Work,\n where such license applies only to those patent claims licensable\n by such Contributor that are necessarily infringed by their\n Contribution(s) alone or by combination of their Contribution(s)\n with the Work to which such Contribution(s) was submitted. If You\n institute patent litigation against any entity (including a\n cross-claim or counterclaim in a lawsuit) alleging that the Work\n or a Contribution incorporated within the Work constitutes direct\n or contributory patent infringement, then any patent licenses\n granted to You under this License for that Work shall terminate\n as of the date such litigation is filed.\n\n 4. Redistribution. You may reproduce and distribute copies of the\n Work or Derivative Works thereof in any medium, with or without\n modifications, and in Source or Object form, provided that You\n meet the following conditions:\n\n (a) You must give any other recipients of the Work or\n Derivative Works a copy of this License; and\n\n (b) You must cause any modified files to carry prominent notices\n stating that You changed the files; and\n\n (c) You must retain, in the Source form of any Derivative Works\n that You distribute, all copyright, patent, trademark, and\n attribution notices from the Source form of the Work,\n excluding those notices that do not pertain to any part of\n the Derivative Works; and\n\n (d) If the Work includes a \"NOTICE\" text file as part of its\n distribution, then any Derivative Works that You distribute must\n include a readable copy of the attribution notices contained\n within such NOTICE file, excluding those notices that do not\n pertain to any part of the Derivative Works, in at least one\n of the following places: within a NOTICE text file distributed\n as part of the Derivative Works; within the Source form or\n documentation, if provided along with the Derivative Works; or,\n within a display generated by the Derivative Works, if and\n wherever such third-party notices normally appear. The contents\n of the NOTICE file are for informational purposes only and\n do not modify the License. You may add Your own attribution\n notices within Derivative Works that You distribute, alongside\n or as an addendum to the NOTICE text from the Work, provided\n that such additional attribution notices cannot be construed\n as modifying the License.\n\n You may add Your own copyright statement to Your modifications and\n may provide additional or different license terms and conditions\n for use, reproduction, or distribution of Your modifications, or\n for any such Derivative Works as a whole, provided Your use,\n reproduction, and distribution of the Work otherwise complies with\n the conditions stated in this License.\n\n 5. Submission of Contributions. Unless You explicitly state otherwise,\n any Contribution intentionally submitted for inclusion in the Work\n by You to the Licensor shall be under the terms and conditions of\n this License, without any additional terms or conditions.\n Notwithstanding the above, nothing herein shall supersede or modify\n the terms of any separate license agreement you may have executed\n with Licensor regarding such Contributions.\n\n 6. Trademarks. This License does not grant permission to use the trade\n names, trademarks, service marks, or product names of the Licensor,\n except as required for reasonable and customary use in describing the\n origin of the Work and reproducing the content of the NOTICE file.\n\n 7. Disclaimer of Warranty. Unless required by applicable law or\n agreed to in writing, Licensor provides the Work (and each\n Contributor provides its Contributions) on an \"AS IS\" BASIS,\n WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or\n implied, including, without limitation, any warranties or conditions\n of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A\n PARTICULAR PURPOSE. You are solely responsible for determining the\n appropriateness of using or redistributing the Work and assume any\n risks associated with Your exercise of permissions under this License.\n\n 8. Limitation of Liability. In no event and under no legal theory,\n whether in tort (including negligence), contract, or otherwise,\n unless required by applicable law (such as deliberate and grossly\n negligent acts) or agreed to in writing, shall any Contributor be\n liable to You for damages, including any direct, indirect, special,\n incidental, or consequential damages of any character arising as a\n result of this License or out of the use or inability to use the\n Work (including but not limited to damages for loss of goodwill,\n work stoppage, computer failure or malfunction, or any and all\n other commercial damages or losses), even if such Contributor\n has been advised of the possibility of such damages.\n\n 9. Accepting Warranty or Additional Liability. While redistributing\n the Work or Derivative Works thereof, You may choose to offer,\n and charge a fee for, acceptance of support, warranty, indemnity,\n or other liability obligations and/or rights consistent with this\n License. However, in accepting such obligations, You may act only\n on Your own behalf and on Your sole responsibility, not on behalf\n of any other Contributor, and only if You agree to indemnify,\n defend, and hold each Contributor harmless for any liability\n incurred by, or claims asserted against, such Contributor by reason\n of your accepting any such warranty or additional liability.\n\n END OF TERMS AND CONDITIONS\n\n APPENDIX: How to apply the Apache License to your work.\n\n To apply the Apache License to your work, attach the following\n boilerplate notice, with the fields enclosed by brackets \"[]\"\n replaced with your own identifying information. (Don't include\n the brackets!) The text should be enclosed in the appropriate\n comment syntax for the file format. We also recommend that a\n file or class name and description of purpose be included on the\n same \"printed page\" as the copyright notice for easier\n identification within third-party archives.\n\n Copyright [yyyy] [name of copyright owner]\n\n Licensed under the Apache License, Version 2.0 (the \"License\");\n you may not use this file except in compliance with the License.\n You may obtain a copy of the License at\n\n http://www.apache.org/licenses/LICENSE-2.0\n\n Unless required by applicable law or agreed to in writing, software\n distributed under the License is distributed on an \"AS IS\" BASIS,\n WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n See the License for the specific language governing permissions and\n limitations under the License.\n"
},
{
"path": "docs/scripts/prettify/lang-css.js",
"content": "PR.registerLangHandler(PR.createSimpleLexer([[\"pln\",/^[\\t\\n\\f\\r ]+/,null,\" \\t\\r\\n\f\"]],[[\"str\",/^\"(?:[^\\n\\f\\r\"\\\\]|\\\\(?:\\r\\n?|\\n|\\f)|\\\\[\\S\\s])*\"/,null],[\"str\",/^'(?:[^\\n\\f\\r'\\\\]|\\\\(?:\\r\\n?|\\n|\\f)|\\\\[\\S\\s])*'/,null],[\"lang-css-str\",/^url\\(([^\"')]*)\\)/i],[\"kwd\",/^(?:url|rgb|!important|@import|@page|@media|@charset|inherit)(?=[^\\w-]|$)/i,null],[\"lang-css-kw\",/^(-?(?:[_a-z]|\\\\[\\da-f]+ ?)(?:[\\w-]|\\\\\\\\[\\da-f]+ ?)*)\\s*:/i],[\"com\",/^\\/\\*[^*]*\\*+(?:[^*/][^*]*\\*+)*\\//],[\"com\",\n/^(?:<\\!--|--\\>)/],[\"lit\",/^(?:\\d+|\\d*\\.\\d+)(?:%|[a-z]+)?/i],[\"lit\",/^#[\\da-f]{3,6}/i],[\"pln\",/^-?(?:[_a-z]|\\\\[\\da-f]+ ?)(?:[\\w-]|\\\\\\\\[\\da-f]+ ?)*/i],[\"pun\",/^[^\\s\\w\"']+/]]),[\"css\"]);PR.registerLangHandler(PR.createSimpleLexer([],[[\"kwd\",/^-?(?:[_a-z]|\\\\[\\da-f]+ ?)(?:[\\w-]|\\\\\\\\[\\da-f]+ ?)*/i]]),[\"css-kw\"]);PR.registerLangHandler(PR.createSimpleLexer([],[[\"str\",/^[^\"')]+/]]),[\"css-str\"]);\n"
},
{
"path": "docs/scripts/prettify/prettify.js",
"content": "var q=null;window.PR_SHOULD_USE_CONTINUATION=!0;\n(function(){function L(a){function m(a){var f=a.charCodeAt(0);if(f!==92)return f;var b=a.charAt(1);return(f=r[b])?f:\"0\"<=b&&b<=\"7\"?parseInt(a.substring(1),8):b===\"u\"||b===\"x\"?parseInt(a.substring(2),16):a.charCodeAt(1)}function e(a){if(a<32)return(a<16?\"\\\\x0\":\"\\\\x\")+a.toString(16);a=String.fromCharCode(a);if(a===\"\\\\\"||a===\"-\"||a===\"[\"||a===\"]\")a=\"\\\\\"+a;return a}function h(a){for(var f=a.substring(1,a.length-1).match(/\\\\u[\\dA-Fa-f]{4}|\\\\x[\\dA-Fa-f]{2}|\\\\[0-3][0-7]{0,2}|\\\\[0-7]{1,2}|\\\\[\\S\\s]|[^\\\\]/g),a=\n[],b=[],o=f[0]===\"^\",c=o?1:0,i=f.length;c122||(d<65||j>90||b.push([Math.max(65,j)|32,Math.min(d,90)|32]),d<97||j>122||b.push([Math.max(97,j)&-33,Math.min(d,122)&-33]))}}b.sort(function(a,f){return a[0]-f[0]||f[1]-a[1]});f=[];j=[NaN,NaN];for(c=0;ci[0]&&(i[1]+1>i[0]&&b.push(\"-\"),b.push(e(i[1])));b.push(\"]\");return b.join(\"\")}function y(a){for(var f=a.source.match(/\\[(?:[^\\\\\\]]|\\\\[\\S\\s])*]|\\\\u[\\dA-Fa-f]{4}|\\\\x[\\dA-Fa-f]{2}|\\\\\\d+|\\\\[^\\dux]|\\(\\?[!:=]|[()^]|[^()[\\\\^]+/g),b=f.length,d=[],c=0,i=0;c=2&&a===\"[\"?f[c]=h(j):a!==\"\\\\\"&&(f[c]=j.replace(/[A-Za-z]/g,function(a){a=a.charCodeAt(0);return\"[\"+String.fromCharCode(a&-33,a|32)+\"]\"}));return f.join(\"\")}for(var t=0,s=!1,l=!1,p=0,d=a.length;p=5&&\"lang-\"===b.substring(0,5))&&!(o&&typeof o[1]===\"string\"))c=!1,b=\"src\";c||(r[f]=b)}i=d;d+=f.length;if(c){c=o[1];var j=f.indexOf(c),k=j+c.length;o[2]&&(k=f.length-o[2].length,j=k-c.length);b=b.substring(5);B(l+i,f.substring(0,j),e,p);B(l+i+j,c,C(b,c),p);B(l+i+k,f.substring(k),e,p)}else p.push(l+i,b)}a.e=p}var h={},y;(function(){for(var e=a.concat(m),\nl=[],p={},d=0,g=e.length;d=0;)h[n.charAt(k)]=r;r=r[1];n=\"\"+r;p.hasOwnProperty(n)||(l.push(r),p[n]=q)}l.push(/[\\S\\s]/);y=L(l)})();var t=m.length;return e}function u(a){var m=[],e=[];a.tripleQuotedStrings?m.push([\"str\",/^(?:'''(?:[^'\\\\]|\\\\[\\S\\s]|''?(?=[^']))*(?:'''|$)|\"\"\"(?:[^\"\\\\]|\\\\[\\S\\s]|\"\"?(?=[^\"]))*(?:\"\"\"|$)|'(?:[^'\\\\]|\\\\[\\S\\s])*(?:'|$)|\"(?:[^\"\\\\]|\\\\[\\S\\s])*(?:\"|$))/,q,\"'\\\"\"]):a.multiLineStrings?m.push([\"str\",/^(?:'(?:[^'\\\\]|\\\\[\\S\\s])*(?:'|$)|\"(?:[^\"\\\\]|\\\\[\\S\\s])*(?:\"|$)|`(?:[^\\\\`]|\\\\[\\S\\s])*(?:`|$))/,\nq,\"'\\\"`\"]):m.push([\"str\",/^(?:'(?:[^\\n\\r'\\\\]|\\\\.)*(?:'|$)|\"(?:[^\\n\\r\"\\\\]|\\\\.)*(?:\"|$))/,q,\"\\\"'\"]);a.verbatimStrings&&e.push([\"str\",/^@\"(?:[^\"]|\"\")*(?:\"|$)/,q]);var h=a.hashComments;h&&(a.cStyleComments?(h>1?m.push([\"com\",/^#(?:##(?:[^#]|#(?!##))*(?:###|$)|.*)/,q,\"#\"]):m.push([\"com\",/^#(?:(?:define|elif|else|endif|error|ifdef|include|ifndef|line|pragma|undef|warning)\\b|[^\\n\\r]*)/,q,\"#\"]),e.push([\"str\",/^<(?:(?:(?:\\.\\.\\/)*|\\/?)(?:[\\w-]+(?:\\/[\\w-]+)+)?[\\w-]+\\.h|[a-z]\\w*)>/,q])):m.push([\"com\",/^#[^\\n\\r]*/,\nq,\"#\"]));a.cStyleComments&&(e.push([\"com\",/^\\/\\/[^\\n\\r]*/,q]),e.push([\"com\",/^\\/\\*[\\S\\s]*?(?:\\*\\/|$)/,q]));a.regexLiterals&&e.push([\"lang-regex\",/^(?:^^\\.?|[!+-]|!=|!==|#|%|%=|&|&&|&&=|&=|\\(|\\*|\\*=|\\+=|,|-=|->|\\/|\\/=|:|::|;|<|<<|<<=|<=|=|==|===|>|>=|>>|>>=|>>>|>>>=|[?@[^]|\\^=|\\^\\^|\\^\\^=|{|\\||\\|=|\\|\\||\\|\\|=|~|break|case|continue|delete|do|else|finally|instanceof|return|throw|try|typeof)\\s*(\\/(?=[^*/])(?:[^/[\\\\]|\\\\[\\S\\s]|\\[(?:[^\\\\\\]]|\\\\[\\S\\s])*(?:]|$))+\\/)/]);(h=a.types)&&e.push([\"typ\",h]);a=(\"\"+a.keywords).replace(/^ | $/g,\n\"\");a.length&&e.push([\"kwd\",RegExp(\"^(?:\"+a.replace(/[\\s,]+/g,\"|\")+\")\\\\b\"),q]);m.push([\"pln\",/^\\s+/,q,\" \\r\\n\\t\\xa0\"]);e.push([\"lit\",/^@[$_a-z][\\w$@]*/i,q],[\"typ\",/^(?:[@_]?[A-Z]+[a-z][\\w$@]*|\\w+_t\\b)/,q],[\"pln\",/^[$_a-z][\\w$@]*/i,q],[\"lit\",/^(?:0x[\\da-f]+|(?:\\d(?:_\\d+)*\\d*(?:\\.\\d*)?|\\.\\d\\+)(?:e[+-]?\\d+)?)[a-z]*/i,q,\"0123456789\"],[\"pln\",/^\\\\[\\S\\s]?/,q],[\"pun\",/^.[^\\s\\w\"-$'./@\\\\`]*/,q]);return x(m,e)}function D(a,m){function e(a){switch(a.nodeType){case 1:if(k.test(a.className))break;if(\"BR\"===a.nodeName)h(a),\na.parentNode&&a.parentNode.removeChild(a);else for(a=a.firstChild;a;a=a.nextSibling)e(a);break;case 3:case 4:if(p){var b=a.nodeValue,d=b.match(t);if(d){var c=b.substring(0,d.index);a.nodeValue=c;(b=b.substring(d.index+d[0].length))&&a.parentNode.insertBefore(s.createTextNode(b),a.nextSibling);h(a);c||a.parentNode.removeChild(a)}}}}function h(a){function b(a,d){var e=d?a.cloneNode(!1):a,f=a.parentNode;if(f){var f=b(f,1),g=a.nextSibling;f.appendChild(e);for(var h=g;h;h=g)g=h.nextSibling,f.appendChild(h)}return e}\nfor(;!a.nextSibling;)if(a=a.parentNode,!a)return;for(var a=b(a.nextSibling,0),e;(e=a.parentNode)&&e.nodeType===1;)a=e;d.push(a)}var k=/(?:^|\\s)nocode(?:\\s|$)/,t=/\\r\\n?|\\n/,s=a.ownerDocument,l;a.currentStyle?l=a.currentStyle.whiteSpace:window.getComputedStyle&&(l=s.defaultView.getComputedStyle(a,q).getPropertyValue(\"white-space\"));var p=l&&\"pre\"===l.substring(0,3);for(l=s.createElement(\"LI\");a.firstChild;)l.appendChild(a.firstChild);for(var d=[l],g=0;g=0;){var h=m[e];A.hasOwnProperty(h)?window.console&&console.warn(\"cannot override language handler %s\",h):A[h]=a}}function C(a,m){if(!a||!A.hasOwnProperty(a))a=/^\\s*=o&&(h+=2);e>=c&&(a+=2)}}catch(w){\"console\"in window&&console.log(w&&w.stack?w.stack:w)}}var v=[\"break,continue,do,else,for,if,return,while\"],w=[[v,\"auto,case,char,const,default,double,enum,extern,float,goto,int,long,register,short,signed,sizeof,static,struct,switch,typedef,union,unsigned,void,volatile\"],\n\"catch,class,delete,false,import,new,operator,private,protected,public,this,throw,true,try,typeof\"],F=[w,\"alignof,align_union,asm,axiom,bool,concept,concept_map,const_cast,constexpr,decltype,dynamic_cast,explicit,export,friend,inline,late_check,mutable,namespace,nullptr,reinterpret_cast,static_assert,static_cast,template,typeid,typename,using,virtual,where\"],G=[w,\"abstract,boolean,byte,extends,final,finally,implements,import,instanceof,null,native,package,strictfp,super,synchronized,throws,transient\"],\nH=[G,\"as,base,by,checked,decimal,delegate,descending,dynamic,event,fixed,foreach,from,group,implicit,in,interface,internal,into,is,lock,object,out,override,orderby,params,partial,readonly,ref,sbyte,sealed,stackalloc,string,select,uint,ulong,unchecked,unsafe,ushort,var\"],w=[w,\"debugger,eval,export,function,get,null,set,undefined,var,with,Infinity,NaN\"],I=[v,\"and,as,assert,class,def,del,elif,except,exec,finally,from,global,import,in,is,lambda,nonlocal,not,or,pass,print,raise,try,with,yield,False,True,None\"],\nJ=[v,\"alias,and,begin,case,class,def,defined,elsif,end,ensure,false,in,module,next,nil,not,or,redo,rescue,retry,self,super,then,true,undef,unless,until,when,yield,BEGIN,END\"],v=[v,\"case,done,elif,esac,eval,fi,function,in,local,set,then,until\"],K=/^(DIR|FILE|vector|(de|priority_)?queue|list|stack|(const_)?iterator|(multi)?(set|map)|bitset|u?(int|float)\\d*)/,N=/\\S/,O=u({keywords:[F,H,w,\"caller,delete,die,do,dump,elsif,eval,exit,foreach,for,goto,if,import,last,local,my,next,no,our,print,package,redo,require,sub,undef,unless,until,use,wantarray,while,BEGIN,END\"+\nI,J,v],hashComments:!0,cStyleComments:!0,multiLineStrings:!0,regexLiterals:!0}),A={};k(O,[\"default-code\"]);k(x([],[[\"pln\",/^[^]*(?:>|$)/],[\"com\",/^<\\!--[\\S\\s]*?(?:--\\>|$)/],[\"lang-\",/^<\\?([\\S\\s]+?)(?:\\?>|$)/],[\"lang-\",/^<%([\\S\\s]+?)(?:%>|$)/],[\"pun\",/^(?:<[%?]|[%?]>)/],[\"lang-\",/^]*>([\\S\\s]+?)<\\/xmp\\b[^>]*>/i],[\"lang-js\",/^]*>([\\S\\s]*?)(<\\/script\\b[^>]*>)/i],[\"lang-css\",/^]*>([\\S\\s]*?)(<\\/style\\b[^>]*>)/i],[\"lang-in.tag\",/^(<\\/?[a-z][^<>]*>)/i]]),\n[\"default-markup\",\"htm\",\"html\",\"mxml\",\"xhtml\",\"xml\",\"xsl\"]);k(x([[\"pln\",/^\\s+/,q,\" \\t\\r\\n\"],[\"atv\",/^(?:\"[^\"]*\"?|'[^']*'?)/,q,\"\\\"'\"]],[[\"tag\",/^^<\\/?[a-z](?:[\\w-.:]*\\w)?|\\/?>$/i],[\"atn\",/^(?!style[\\s=]|on)[a-z](?:[\\w:-]*\\w)?/i],[\"lang-uq.val\",/^=\\s*([^\\s\"'>]*(?:[^\\s\"'/>]|\\/(?=\\s)))/],[\"pun\",/^[/<->]+/],[\"lang-js\",/^on\\w+\\s*=\\s*\"([^\"]+)\"/i],[\"lang-js\",/^on\\w+\\s*=\\s*'([^']+)'/i],[\"lang-js\",/^on\\w+\\s*=\\s*([^\\s\"'>]+)/i],[\"lang-css\",/^style\\s*=\\s*\"([^\"]+)\"/i],[\"lang-css\",/^style\\s*=\\s*'([^']+)'/i],[\"lang-css\",\n/^style\\s*=\\s*([^\\s\"'>]+)/i]]),[\"in.tag\"]);k(x([],[[\"atv\",/^[\\S\\s]+/]]),[\"uq.val\"]);k(u({keywords:F,hashComments:!0,cStyleComments:!0,types:K}),[\"c\",\"cc\",\"cpp\",\"cxx\",\"cyc\",\"m\"]);k(u({keywords:\"null,true,false\"}),[\"json\"]);k(u({keywords:H,hashComments:!0,cStyleComments:!0,verbatimStrings:!0,types:K}),[\"cs\"]);k(u({keywords:G,cStyleComments:!0}),[\"java\"]);k(u({keywords:v,hashComments:!0,multiLineStrings:!0}),[\"bsh\",\"csh\",\"sh\"]);k(u({keywords:I,hashComments:!0,multiLineStrings:!0,tripleQuotedStrings:!0}),\n[\"cv\",\"py\"]);k(u({keywords:\"caller,delete,die,do,dump,elsif,eval,exit,foreach,for,goto,if,import,last,local,my,next,no,our,print,package,redo,require,sub,undef,unless,until,use,wantarray,while,BEGIN,END\",hashComments:!0,multiLineStrings:!0,regexLiterals:!0}),[\"perl\",\"pl\",\"pm\"]);k(u({keywords:J,hashComments:!0,multiLineStrings:!0,regexLiterals:!0}),[\"rb\"]);k(u({keywords:w,cStyleComments:!0,regexLiterals:!0}),[\"js\"]);k(u({keywords:\"all,and,by,catch,class,else,extends,false,finally,for,if,in,is,isnt,loop,new,no,not,null,of,off,on,or,return,super,then,true,try,unless,until,when,while,yes\",\nhashComments:3,cStyleComments:!0,multilineStrings:!0,tripleQuotedStrings:!0,regexLiterals:!0}),[\"coffee\"]);k(x([],[[\"str\",/^[\\S\\s]+/]]),[\"regex\"]);window.prettyPrintOne=function(a,m,e){var h=document.createElement(\"PRE\");h.innerHTML=a;e&&D(h,e);E({g:m,i:e,h:h});return h.innerHTML};window.prettyPrint=function(a){function m(){for(var e=window.PR_SHOULD_USE_CONTINUATION?l.now()+250:Infinity;p=0){var k=k.match(g),f,b;if(b=\n!k){b=n;for(var o=void 0,c=b.firstChild;c;c=c.nextSibling)var i=c.nodeType,o=i===1?o?b:c:i===3?N.test(c.nodeValue)?b:o:o;b=(f=o===b?void 0:o)&&\"CODE\"===f.tagName}b&&(k=f.className.match(g));k&&(k=k[1]);b=!1;for(o=n.parentNode;o;o=o.parentNode)if((o.tagName===\"pre\"||o.tagName===\"code\"||o.tagName===\"xmp\")&&o.className&&o.className.indexOf(\"prettyprint\")>=0){b=!0;break}b||((b=(b=n.className.match(/\\blinenums\\b(?::(\\d+))?/))?b[1]&&b[1].length?+b[1]:!0:!1)&&D(n,b),d={g:k,h:n,i:b},E(d))}}p\n\n\n \n JSDoc: Source: server.js\n\n \n \n \n \n \n\n\n\n\n
\n\n
Source: server.js
\n\n \n\n\n\n \n \n \n
/**\n * Object for communicating with the external servers. This includes functionality for\n * saving and loading files, logging events, saving completions, and retrieving history.\n *\n * @constructor\n * @this {BlockPyServer}\n * @param {Object} main - The main BlockPy instance\n */\nfunction BlockPyServer(main) {\n this.main = main;\n \n // Add the LocalStorage connection\n // Presently deprecated, but we should investigate this\n this.storage = new LocalStorageWrapper(\"BLOCKPY\");\n \n this.saveTimer = {};\n this.presentationTimer = null;\n \n // For managing \"walks\" that let us rerun stored code\n this.inProgressWalks = [];\n \n this.createSubscriptions();\n}\n\nBlockPyServer.prototype.createSubscriptions = function() {\n var server = this, model = this.main.model;\n model.program.subscribe(function() { server.saveCode(); });\n model.assignment.name.subscribe(function(e) { server.saveAssignment();});\n model.assignment.introduction.subscribe(function(e) { server.saveAssignment(); });\n model.assignment.parsons.subscribe(function(e) { server.saveAssignment(); });\n model.assignment.importable.subscribe(function(e) { server.saveAssignment(); });\n model.assignment.disable_algorithm_errors.subscribe(function(e) { server.saveAssignment(); });\n model.assignment.initial_view.subscribe(function(e) { server.saveAssignment(); });\n model.settings.editor.subscribe(function(newValue) { server.logEvent('editor', newValue); });\n model.execution.show_trace.subscribe(function(newValue) { server.logEvent('trace', newValue); });\n model.execution.trace_step.subscribe(function(newValue) { server.logEvent('trace_step', newValue); });\n};\n\n/**\n *\n * Some subscriptions have to happen after other things have been loaded.\n * Right now this is just after CORGIS libraries have been loaded, but maybe\n * we'll add more later and this will need to be refactored.\n * \n */\nBlockPyServer.prototype.finalizeSubscriptions = function() {\n var server = this, model = this.main.model;\n model.assignment.modules.subscribe(function(e) { server.saveAssignment(); });\n};\n\nBlockPyServer.prototype.TIMER_DELAY = 1000;\n\nBlockPyServer.prototype.createServerData = function() {\n var assignment = this.main.model.assignment;\n var d = new Date();\n var seconds = Math.round(d.getTime() / 1000);\n data = {\n 'assignment_id': assignment.assignment_id,\n 'course_id': assignment.course_id,\n 'student_id': assignment.student_id,\n 'version': assignment.version(),\n 'timestamp': seconds\n };\n if (this.main.model.settings.log_id() != null) {\n data['log_id'] = this.main.model.settings.log_id();\n }\n return data;\n}\n\nBlockPyServer.prototype.setStatus = function(status, server_error) {\n this.main.model.status.server(status);\n if (server_error !== undefined) {\n this.main.model.status.server_error(server_error);\n } else {\n this.main.model.status.server_error('');\n }\n}\nBlockPyServer.prototype.defaultResponseWithoutVersioning = function(response) {\n if (response.success) {\n this.setStatus('Saved');\n } else {\n console.error(response);\n this.setStatus('Error', response.message);\n }\n}\nBlockPyServer.prototype.defaultResponse = function(response) {\n /*console.log(response);\n if (!response.is_version_correct) {\n this.setStatus('Out of date');\n } else */if (response.success) {\n this.setStatus('Saved');\n } else {\n console.error(response);\n this.setStatus('Error', response.message);\n }\n}\nBlockPyServer.prototype.defaultFailure = function(error, textStatus) {\n this.setStatus('Disconnected', \"Could not access server!\\n\"+textStatus);\n}\n\nBlockPyServer.prototype.logEvent = function(event_name, action, body) {\n var data = this.createServerData();\n data['event'] = event_name;\n data['action'] = action;\n if (body === undefined) {\n data['body'] = '';\n } else {\n data['body'] = body;\n }\n \n this.setStatus('Logging');\n if (this.main.model.server_is_connected('log_event')) {\n $.post(this.main.model.constants.urls.log_event, data, \n this.defaultResponse.bind(this))\n .fail(this.defaultFailure.bind(this));\n } else {\n this.setStatus('Offline', \"Server is not connected!\");\n }\n}\n\nBlockPyServer.prototype.markSuccess = function(success) {\n var data = this.createServerData();\n var server = this,\n model = this.main.model;\n data['code'] = model.programs.__main__;\n data['status'] = success;\n this.main.components.editor.getPngFromBlocks(function(pngData, img) {\n data['image'] = pngData;\n img.remove();\n server.setStatus('Saving');\n if (model.server_is_connected('save_success')) {\n $.post(model.constants.urls.save_success, data, \n server.defaultResponse.bind(server))\n .fail(server.defaultFailure.bind(server));\n } else {\n server.setStatus('Offline', \"Server is not connected!\");\n }\n });\n};\n\nBlockPyServer.prototype.saveAssignment = function() {\n var data = this.createServerData();\n var model = this.main.model;\n data['introduction'] = model.assignment.introduction();\n data['parsons'] = model.assignment.parsons();\n data['initial'] = model.assignment.initial_view();\n data['importable'] = model.assignment.importable();\n data['disable_algorithm_errors'] = model.assignment.disable_algorithm_errors();\n data['name'] = model.assignment.name();\n //data['disabled'] = disabled;\n data['modules'] = model.assignment.modules().join(','); // TODO: hackish, broken if ',' is in name\n \n var server = this;\n this.setStatus('Saving');\n if (this.main.model.server_is_connected('save_assignment') && \n this.main.model.settings.auto_upload()) {\n clearTimeout(this.presentationTimer);\n this.presentationTimer = setTimeout(function() {\n $.post(server.main.model.constants.urls.save_assignment, data, \n server.defaultResponseWithoutVersioning.bind(server))\n .fail(server.defaultFailure.bind(server));\n }, this.TIMER_DELAY);\n } else {\n this.setStatus('Offline', \"Server is not connected!\");\n }\n}\n\nBlockPyServer.prototype.saveCode = function() {\n var filename = this.main.model.settings.filename();\n var data = this.createServerData();\n data['filename'] = filename;\n data['code'] = this.main.model.programs[filename]();\n \n var server = this;\n this.setStatus('Saving');\n if (this.main.model.server_is_connected('save_code') && \n this.main.model.settings.auto_upload()) {\n if (this.saveTimer[filename]) {\n clearTimeout(this.saveTimer[filename]);\n }\n this.saveTimer[filename] = setTimeout(function() {\n $.post(server.main.model.constants.urls.save_code, data, \n filename == '__main__'\n ? server.defaultResponse.bind(server)\n : server.defaultResponseWithoutVersioning.bind(server))\n .fail(server.defaultFailure.bind(server));\n }, this.TIMER_DELAY);\n } else {\n this.setStatus('Offline', \"Server is not connected!\");\n }\n}\n\nBlockPyServer.prototype.getHistory = function(callback) {\n var data = this.createServerData();\n var model = this.main.model;\n \n var server = this;\n this.setStatus('Loading History');\n if (model.server_is_connected('get_history')) {\n $.post(model.constants.urls.get_history, data, \n function(response) {\n if (response.success) {\n server.setStatus('Saved');\n callback(response.data);\n } else {\n console.error(response);\n server.setStatus('Error', response.message);\n }\n })\n .fail(server.defaultFailure.bind(server));\n } else {\n this.setStatus('Offline', \"Server is not connected!\");\n callback([]);\n /*callback([\n {code: \"=\", time: \"20160801-105102\"},\n {code: \"= 0\", time: \"20160801-105112\"},\n {code: \"a = 0\", time: \"20160801-105502\"},\n {code: \"a = 0\\nprint\", time: \"20160801-110003\"},\n {code: \"a = 0\\nprint(a)\", time: \"20160801-111102\"}\n ])*/\n }\n}\n\nBlockPyServer.prototype.walkOldCode = function() {\n var server = this,\n main = this.main;\n if (this.inProgressWalks.length > 0) {\n var response = this.inProgressWalks.pop();\n console.log('Processing walk', response.log_id);\n main.setCode(response.code, '__main__');\n main.setCode(response.feedback, 'give_feedback');\n main.model.assignment.assignment_id = response.assignment_id;\n main.model.assignment.user_id = response.user_id;\n main.model.settings.log_id(response.log_id);\n main.components.engine.onExecutionEnd = function(newState) {\n console.log(response.log_id, newState);\n main.components.engine.onExecutionEnd = null;\n setTimeout(function() {\n server.walkOldCode()\n }, 0);\n };\n console.log(\"Running\");\n main.components.engine.run();\n } else {\n var data = this.createServerData();\n this.setStatus('Retrieving');\n if (main.model.server_is_connected('walk_old_code')) {\n $.post(server.main.model.constants.urls.walk_old_code, data, \n function (response) {\n if (response.success) {\n if (response.more_to_do) {\n server.inProgressWalks = response.walks;\n server.walkOldCode();\n }\n } else {\n this.setStatus('Failure', response.message);\n }\n })\n .fail(\n function(response) {\n console.error(response);\n setTimeout(function() {\n server.walkOldCode()\n }, 3000);\n }\n );\n //server.defaultFailure.bind(server));\n } else {\n this.setStatus('Offline', \"Server is not connected!\");\n }\n }\n}\n\n/*\nBlockPyServer.prototype.load = function() {\n var data = {\n 'question_id': this.model.question.question_id,\n 'student_id': this.model.question.student_id,\n 'context_id': this.model.question.context_id\n };\n var alertBox = this.alertBox;\n var server = this, blockpy = this.blockpy;\n if (this.model.urls.server !== false && this.model.urls.load_code !== false) {\n $.post(this.model.urls.load_code, data, function(response) {\n if (response.success) {\n if (server.storage.has(data.question_id)) {\n if (server.storage.is_new(data.question_id, response.timestamp)) {\n var xml = server.storage.get(data.question_id);\n server.model.load(xml);\n server.save();\n } else {\n server.storage.remove(data.question_id);\n if (response.code !== null) {\n server.model.load(response.code);\n }\n }\n } else {\n if (response.code !== null) {\n server.model.load(response.code);\n }\n }\n if (response.completed) {\n blockpy.feedback.success('');\n }\n alertBox(\"Loaded\").delay(200).fadeOut(\"slow\");\n } else {\n console.error(\"Server Load Error\", response.message);\n alertBox(\"Loading failed\");\n }\n }).fail(function() {\n alertBox(\"Loading failed\");\n }).always(function() {\n server.model.loaded = true;\n });\n } else {\n server.model.loaded = true;\n alertBox(\"Loaded\").delay(200).fadeOut(\"slow\");\n if (this.model.urls.load_success === true) {\n this.blockpy.feedback.success('');\n }\n }\n};\n*/
/**\n * Helper object for interfacing with the LocalStorage. The LocalStorage\n * browser API allows for offline storage. That API is very unsophisticated,\n * and is essentially a lame key-value store. This object sits on top\n * and provides a number of useful utilities, including rudimentarycache\n * cache expiration.\n *\n * @constructor\n * @this {LocalStorageWrapper}\n * @param {String} namespace - A namespace to use in grouping access to localstorage. This keeps access clean and organized, while also making it possible to have multiple LocalStorage connections.\n */\nfunction LocalStorageWrapper(namespace) {\n this.namespace = namespace;\n}\n/**\n * A method for adding a key/value pair to LocalStorage.\n * Note that both parameters must be strings (JSON.stringify is your friend).\n *\n * @param {String} key - The name of the key.\n * @param {String} value - The value.\n */\nLocalStorageWrapper.prototype.set = function(key, value) {\n localStorage.setItem(namespace+\"_\"+key+\"_value\", value);\n localStorage.setItem(namespace+\"_\"+key+\"_timestamp\", $.now());\n};\n\n/**\n * A method for removing a key from LocalStorage.\n *\n * @param {String} key - The name of the key to remove.\n */\nLocalStorageWrapper.prototype.remove = function(key) {\n localStorage.removeItem(namespace+\"_\"+key+\"_value\");\n localStorage.removeItem(namespace+\"_\"+key+\"_timestamp\");\n};\n\n/**\n * A method for retrieving the value associated with the given key.\n *\n * @param {String} key - The name of the key to retrieve the value for.\n */\nLocalStorageWrapper.prototype.get = function(key) {\n return localStorage.getItem(namespace+\"_\"+key+\"_value\");\n};\n\n/**\n * A test for whether the given key is in LocalStorage.\n *\n * @param {String} key - The key to test existence for.\n */\nLocalStorageWrapper.prototype.has = function(key) {\n return localStorage.getItem(namespace+\"_\"+key+\"_value\") !== null;\n};\n\n/**\n * A test for whether the server has the newer version. This function\n * assumes that the server trip takes about 5 seconds. This method\n * is largely deprecated.\n *\n * @param {String} key - The key to check.\n * @param {Integer} server_time - The server's time as an epoch (in milliseconds)\n */\nLocalStorageWrapper.prototype.is_new = function(key, server_time) {\n var stored_time = localStorage.getItem(namespace+\"_\"+key+\"_timestamp\");\n return (server_time >= stored_time+5000);\n};
/**\n * An object that manages the main toolbar, including the different mode buttons.\n * This doesn't actually have many responsibilities after the initial load.\n *\n * @constructor\n * @this {BlockPyToolbar}\n * @param {Object} main - The main BlockPy instance\n * @param {HTMLElement} tag - The HTML object this is attached to.\n */\nfunction BlockPyToolbar(main, tag) {\n this.main = main;\n this.tag = tag;\n \n // Holds the HTMLElement tags for each of the toolbar items\n this.tags = {};\n this.tags.mode_set_text = this.tag.find('.blockpy-mode-set-text');\n this.tags.filename_picker = this.tag.find('.blockpy-toolbar-filename-picker');\n \n // Set up each of the relevant Button Groups\n var groupHtml = '<div class=\"btn-group\" role=\"group\"></div>';\n var runGroup = $(groupHtml).appendTo(tag);\n var modeGroup = $(groupHtml).appendTo(tag);\n var doGroup = $(groupHtml).appendTo(tag);\n var blocksGroup = $(groupHtml).appendTo(tag);\n var codeGroup = $(groupHtml).appendTo(tag);\n var programsGroup = $(groupHtml).appendTo(tag);\n \n // this used to hold many items, but now we store them directly in the\n // html of interface.js\n this.elements = {\n 'programs': $(\"<div></div>\")\n .addClass('btn-group blockpy-programs')\n .attr(\"data-toggle\", \"buttons\")\n .appendTo(programsGroup)\n }; \n this.elements.programs.hide();\n this.elements.editor_mode = this.tag.find('.blockpy-change-mode');\n \n // Actually set up the toolbar!\n this.activateToolbar();\n}\n\n/**\n * Add a new button for the given filename in the Programs button group.\n * These programs will be things like \"__main__\".\n *\n * @param {String} name - The name of the new program.\n */\nBlockPyToolbar.prototype.addProgram = function(name) {\n this.elements.programs.append(\"<label class='btn btn-default'>\"+\n \"<input type='radio' id='\"+name+\"' \"+\n \"data-name='\"+name+\"' autocomplete='off'>\"+\n name+\n \"</label>\");\n}\n\n/**\n * Show the programs button group.\n */\nBlockPyToolbar.prototype.showPrograms = function() {\n this.elements.programs.show();\n}\n\n/**\n * Hide the programs button group.\n */\nBlockPyToolbar.prototype.hidePrograms = function() {\n this.elements.programs.hide();\n}\n \n/**\n * Register click events for more complex toolbar actions.\n */\nBlockPyToolbar.prototype.activateToolbar = function() {\n var main = this.main;\n this.tag.find('.blockpy-run').click(function() {\n main.components.engine.run();\n main.components.server.logEvent('editor', 'run')\n });\n this.tags.mode_set_text.click(function() {\n main.model.settings.editor(\"Text\");\n main.components.server.logEvent('editor', 'text')\n });\n this.tag.find('.blockpy-toolbar-reset').click(function() {\n main.model.programs['__main__'](main.model.programs['starting_code']());\n //main.components.editor.updateBlocks();\n main.components.server.logEvent('editor', 'reset');\n if (main.model.assignment.parsons()) {\n main.components.editor.blockly.shuffle();\n }\n });\n this.tag.find('.blockpy-mode-set-blocks').click(function() {\n main.model.settings.editor(\"Blocks\");\n main.components.server.logEvent('editor', 'blocks')\n });\n this.tag.find('.blockpy-mode-set-instructor').click(function() {\n main.model.settings.editor(\"Instructor\");\n main.components.server.logEvent('editor', 'instructor')\n });\n this.tag.find('.blockpy-mode-set-split').click(function() {\n main.model.settings.editor(\"Split\");\n main.components.server.logEvent('editor', 'split')\n });\n this.tag.find('.blockpy-toolbar-import').click(function() {\n main.components.corgis.openDialog();\n main.components.server.logEvent('editor', 'import')\n });\n this.tag.find('.blockpy-toolbar-history').click(function() {\n main.components.history.openDialog();\n main.components.server.logEvent('editor', 'history')\n });\n this.tag.find('.blockpy-toolbar-english').click(function() {\n main.components.english.openDialog();\n main.components.server.logEvent('editor', 'english')\n });\n}
/**\n * Return a random integer between [`min`, `max`].\n * \n * @param {number} min - The lowest possible integer.\n * @param {number} max - The highest possible integer (inclusive).\n * @returns {number} A random integer.\n */\nfunction randomInteger(min,max) {\n return Math.floor(Math.random()*(max-min+1)+min);\n}\n\n/**\n * Indents the given string\n * @param {string} str The string to be indented.\n * @param {number} numOfIndents The amount of indentations to place at the\n * beginning of each line of the string.\n * @param {number=} opt_spacesPerIndent Optional. If specified, this should be\n * the number of spaces to be used for each tab that would ordinarily be\n * used to indent the text. These amount of spaces will also be used to\n * replace any tab characters that already exist within the string.\n * @return {string} The new string with each line beginning with the desired\n * amount of indentation.\n */\nfunction indent(str, numOfIndents, opt_spacesPerIndent) {\n str = str.replace(/^(?=.)/gm, new Array(numOfIndents + 1).join('\\t'));\n numOfIndents = new Array(opt_spacesPerIndent + 1 || 0).join(' '); // re-use\n return opt_spacesPerIndent\n ? str.replace(/^\\t+/g, function(tabs) {\n return tabs.replace(/./g, numOfIndents);\n })\n : str;\n}\n\n/**\n * Encodes some text so that it can be safely written into an HTML box.\n * This includes replacing special HTML characters (&, <, >, etc.).\n *\n * @param {string} str - The text to be converted.\n * @return {string} The HTML-safe text.\n */\nfunction encodeHTML(str) {\n return str.replace(/&/g, '&')\n .replace(/</g, '<')\n .replace(/>/g, '>')\n .replace(/\"/g, '"')\n .replace(/'/g, ''');\n}\n\n/**\n * Shuffle the blocks in the workspace\n */\nBlockly.WorkspaceSvg.prototype.shuffle = function() {\n var metrics = this.getMetrics();\n var width = metrics.viewWidth / 2,\n height = metrics.viewHeight;\n var blocks = this.getTopBlocks(false);\n var y = 5, x = 0,\n maximal_increase = height/blocks.length;\n for (var i = 0; i < blocks.length; i++){\n // Get a block\n var block = blocks[i];\n var properties = block.getRelativeToSurfaceXY();\n if (i == 0) {\n x = 5;\n } else {\n x = -properties.x+randomInteger(10, width);\n }\n block.moveBy(x, \n -properties.y+y);\n y = y + randomInteger(5, maximal_increase);\n }\n}\n
\n \n \n\n\n\n\n
\n\n\n\n \n\n\n\n\n\n\n\n"
},
{
"path": "documentation.md",
"content": "This is an attempt to summarize key parts of BlockPy's execution model. Expect most of it to be out of date by the time I'm done writing, but it's at least true here and now, May 2nd 2023!\n\n# Big Ideas\n\nBlockPy is composed of components. Most interesting stuff is in one of the components, accessible via the `blockpy` instance (usually `this.main` internally) in its `.components` field.\n\nThe UI is KnockoutJS, so you have a bunch of HTML templates littered around the codebase, with various `data-bind` attributes connecting to the actual UI logic (which unfortunately just gets stuffed in `blockpy.js`.\n\n# Execution Pipeline\n\nThe interface is done via KnockoutJS. That was a mistake but here we are. The UI is broken off into separate components, one of which is the list of possible `Editor` instances. The most critical one is the Python Editor (`editor/python.js`). You bind the `click` event handler to `ui.execute.run`:\n\nhttps://github.com/blockpy-edu/blockpy/blob/2549e022dffb5164d9e5566e43a07c899448fb80/src/editor/python.js#L35-L41\n\nThat function is stuffed into the big main `blockpy.js` file, because apparently Past Me chose to forget everything he knew about modular design:\n\nhttps://github.com/blockpy-edu/blockpy/blob/2549e022dffb5164d9e5566e43a07c899448fb80/src/blockpy.js#L1019-L1027\n\nThat is really just dispatching to `delayedRun` (there are performance reasons for this, believe it or not), which in turn is responsible for calling `run` (there are not performance reasons for that, it's just leftover structure from an older hack):\n\nhttps://github.com/blockpy-edu/blockpy/blob/2549e022dffb5164d9e5566e43a07c899448fb80/src/engine.js#L98-L124\n\nOkay the actual `run` function finally gets a little interesting. This is in `engine.js` and requires you to understand the `Configuration` hierarchy that we use.\n\n\n\nWe need to be able to run the user's code in various ways. The different `Configuration` classes allow us to reuse functionality between those \"various ways\". In addition to the methods shown, they also have a bunch of methods like `print()`, `input()`, `openFile()`, etc. that work differently depending on how the code is meant to be executed (e.g., the `Student` variant's `print` puts text on the BlockPy console, the `Instructor` variant's `print` puts it in the developer console).\n\nAnyway, the critical thing is that if you are calling the `run` function in the `BlockPyEngine` component, then it going to set the current `configuration` for the engine, and then delegate out to the general `execute` function:\n\nhttps://github.com/blockpy-edu/blockpy/blob/2549e022dffb5164d9e5566e43a07c899448fb80/src/engine.js#L172-L179\n\nThat is where the actual `Skulpt` magic happens, calling `Sk.importMainWithBody` with the appropriate data and returning a promise for when it is finished. After all is done, we call the relevant `Configuration.success` and `Configuration.failure` callbacks and eventually the `Configuration.finally` handlers. Assuming we we have not disabled feedback, *then* we repeat this process for the `onRun`.\n\nhttps://github.com/blockpy-edu/blockpy/blob/2549e022dffb5164d9e5566e43a07c899448fb80/src/engine.js#L126-L134\n\nBasically the same process as before, just a little simpler. We are now running the instructor control script: the contents of the assignment's `on_run.py` file wrapped with our template that does all the boilerplate stuff for executing Pedal:\n\nhttps://github.com/blockpy-edu/blockpy/blob/2549e022dffb5164d9e5566e43a07c899448fb80/src/engine/on_run.js#L17-L98\n\nOnce that's all done, we post-process the results in various ways, including calling `this.main.components.feedback.presentFeedback(results)`, updating the submission's data locally and on the backend, and so on:\n\nhttps://github.com/blockpy-edu/blockpy/blob/2549e022dffb5164d9e5566e43a07c899448fb80/src/engine/on_run.js#L141-L176\n\nActually intepretting the feedback is a fairly tedious process, but the `Feedback` component is fairly self-contained. If you poke around the `src/feedback.js` file, you'll find its HTML template and the various logic for controlling it.\n\nhttps://github.com/blockpy-edu/blockpy/blob/2549e022dffb5164d9e5566e43a07c899448fb80/src/feedback.js#L240-L255\n\nThere's so much I know more now about interfacing more directly with the Skulpt data, but the code mostly works.\n\nGod, I wish I could just sit down and rewrite all of this from scratch, using TypeScript, a better UI library, and some sane decisions in terms of modular separation of concerns. I'm this guy:\n\n\n"
},
{
"path": "image_server.py",
"content": "#!/usr/bin/env python3\nfrom http.server import HTTPServer, SimpleHTTPRequestHandler, test\nimport sys\n\nclass CORSRequestHandler (SimpleHTTPRequestHandler):\n def end_headers (self):\n self.send_header('Access-Control-Allow-Origin', '*')\n SimpleHTTPRequestHandler.end_headers(self)\n\nif __name__ == '__main__':\n test(CORSRequestHandler, HTTPServer, port=int(sys.argv[1]) if len(sys.argv) > 1 else 8000)"
},
{
"path": "instructor_api_documentation.py",
"content": "'''\nThis file documents the Python Instructor API. \nThe format is Google Style Python Docstrings, based on\n`http://sphinxcontrib-napoleon.readthedocs.io/en/latest/example_google.html`\n\n\n'''\n\n\n## Core functions\n\ndef compliment(message):\n '''\n Adds message to the list of complimentary feedback.\n \n Args:\n message (str): The text string to display to the user in the Feedback \n panel as complimentary feedback. This will appear as \n a tooltip.\n \n '''\n\ndef set_success():\n '''\n Marks the problem as completely correct. This immediately ends execution \n by throwing a GracefulExit exception.\n '''\n\ndef explain(message, priority=\"medium\", line=None):\n '''\n Gives student the message as corrective feedback (and higlights line \n number). If this function is called multiple times, the student is given the\n first feedback of the highest priority found. By default, this overrides\n the analyzer and runtime errors that are given - if you want to avoid overriding\n those, then use `gently`.\n \n Args:\n message (str): The HTML string to display to the user in the Feedback\n panel as corrective feedback. \n\t\tpriority (str): Either \"low\", \"medium\", or \"high\", indicating the\n ordering of the feedback if multiple occur. Also \"student\"\n is an option to put it after the analyzer and runtime\n errors, and \"verifier\" will put it before syntax errors.\n\t\tline (int): The specific line number to highlight for the user.\n '''\n\ndef gently(message):\n '''\n Gives students the message as corrective feedback, at a priority level\n below the analyzer and runtime errors - that way, it can be used to\n more \"gently\" guide the student.\n '''\n\ndef suppress(type, subtype):\n '''\n Suppresses feedback of the given \"type\". When also given a subtype, it\n instead suppresses the subtype (which is typically a specific error message\n or type of exception). Multiple subtypes can be specified with multiple\n calls, each call suppressing additional feedback.\n \n Args:\n type (str): Either 'verifier', 'parser', 'analyzer', or 'student',\n corresponding to the phase of execution feedback that will\n be suppressed.\n subtype (str): A specific type of exception (if 'student') or\n specific type of issue (if 'analyzer'). Available issues:\n - 'Unconnected blocks'\n - 'Iteration variable is iteration list'\n - \"Undefined variables\"\n - \"Possibly undefined variables\"\n - \"Unread variables\"\n - \"Overwritten variables\"\n - \"Empty iterations\"\n - \"Non-list iterations\"\n - \"Incompatible types\"\n '''\n \ndef run_student():\n '''\n Reruns the students' submitted code (\"__main__\") as a function call.\n This allows the instructor to run the student code under new conditions.\n After a call to run_student(), the instructor will most likely want\n to use get_output() or some other function to access the new state.\n If the students' code failed to parse, then the body is instead replaced\n with \"pass\" to prevent compilation errors.\n If the students' code raises an exception, that exception is caught and\n returned by the function. This is necessary to avoid the Instructor feedback\n hijacking the runtime exceptions that students would see.\n \n Returns:\n Exception or None: If the students' code fails for some reason, the\n raised exception is returned. Otherwise, the None\n value is returned.\n '''\n\ndef get_output():\n '''\n Returns a List containing the students' output from the last run. Note that\n multiple invocations of run_student(), without calls to reset_output(), will\n possibly result in duplicate output.\n Different types of student output are represented differently:\n - Print: Represented as strings WITHOUT the trailing newline.\n - Plot: Represented as Lists of \"Plot Dictionaries\". Each call to \n plot(), hist(), and scatter() adds another \"Plot Dictionary\" to\n the list, and the list is only \"snipped off\" when show() is\n called. Each \"Plot Dictionary\" contains two fields:\n \"type\": One of \"hist\", \"line\", or \"scatter\".\n \"data\": A 1- or 2- dimensional list of numeric data.\n \n Returns:\n list: The output that the students code generated on its last execution.\n '''\n \ndef queue_input(input):\n '''\n Add a new string to be set as input when the \"input\" function is called.\n You can repeatedly queue_input to satisfy loops, too.\n If there are no queued inputs, a blank string will be returned.\n \n Args:\n input (str): The string to queue for input.\n '''\n \ndef reset_output():\n '''\n Removes any output generated on a previous run of the student code. This is\n typically used between executions of the `run_student` function.\n '''\n \ndef log(message):\n '''\n Print the given message to the JS console in the browser. This is useful\n for debugging purposes.\n \n Args:\n message: The logging message. Any kind of data is allowable, and will\n be printed as JavaScript (using remapToJs).)\n '''\n \ndef log_ast():\n '''\n Prints the AST to the JS console in the browser. This is useful for\n debugging purposes.\n '''\n \ndef log_variables():\n '''\n Prints a mapping between the names of the programs' variables and their\n estimated type (according to the abstract interpreter) to the JS console\n in the browser. This is useful for debugging purposes.\n '''\n \ndef log_behavior():\n '''\n Prints a list of each variables' read/write behavior to the JS console\n in the browser. This is useful for debugging purposes.\n '''\n \ndef log_trace():\n '''\n Prints a list of each step of the programs' execution to the JS console\n in the browser. This is useful for debugging purposes.\n '''\n \ndef log_issues():\n '''\n Prints a list of all found Abstract Interperter issues to the JS console\n in the browser. This is useful for debugging purposes.\n '''\n\nclass StudentData():\n '''\n A class that wraps a dictionary of data created after the execution of\n the students' code. \n A common use case for this is to require students to declare a particular\n function, and then to access that function via the singleton instance of\n this class.\n \n Attributes:\n data (dict): A dictionary containing all the students' data. In other\n words, if they declare a variable named \"alpha\", you can\n access that variable's final value via\n \n student['alpha']\n\n Because this is a dictionary, you can also test membership,\n access element dynamically, and anything else you may want.\n '''\n \n def get_values_by_type(type):\n '''\n Returns a list of values from the students' data where each value\n will have the given type.\n \n Args:\n type (type): A python type (e.g., int or str) that will be used\n in the comparison. Does not respect inheritance!\n Returns:\n list: A list of the values with that type.\n '''\n \n def get_names_by_type(type):\n '''\n Returns a list of the variable names from the students' data where each\n variable's final value will have the given type.\n \n Args:\n type (type): A python type (e.g., int or str) that will be used\n in the comparison. Does not respect inheritance!\n Returns:\n list of str: A list of the variables with that type.\n '''\n\nstudent = StudentData()\n'''\nA top-level variable that holds all of the students' created data. \nActs as a convenient singleton for the code.\n'''\n\ndef analyze_program():\n '''\n Triggers the analyzer to run so that type information can be available\n on the AST nodes.\n '''\n\n \ndef parse_program():\n '''\n Returns the root node of the AST of the student code as an AstNode.\n See the AstNode class for more information.\n \n Returns:\n AstNode: The root node of the AST\n '''\n \ndef get_program():\n '''\n Returns the students' code as a string.\n \n Returns:\n String: The string representation of the student code.\n '''\n \n\ndef def_use_error(node):\n '''\n Determines if the given AstNode (with the astname \"Name\"), and if so,\n if the name associated with that node has not been initialized according\n to the Analyzer.\n \n Args:\n node (AstNode): The Name node to analyze.\n \n Returns:\n bool: Returns whether the associated name has been initialized.\n '''\n \nclass AstNode():\n '''\n A representation of the students' Abstract Syntax Tree. Can be traversed\n and analyzed in order to make assertions about the students' code.\n The fields of the AstNode, in addition to the two listed below, are the\n fields listed in the Green Tree Snakes documentation.\n \n https://greentreesnakes.readthedocs.io/en/latest/nodes.html\n \n Attributes:\n ast_name (str): The type of AST Node of this node (e.g. \"Name\", \"For\", \n \"Assign\", etc.). For a complete list, see the Green Tree\n Snakes API, which closely mimics our own. \n Some notable exceptions are:\n - Assign: Currently, Assign.targets returns a single\n AstNode instead of a list.\n - Op Nodes: For nodes with an \"ops\" field, this\n only returns the FIRST operator, so no\n comparison operator chaining.\n data_type \n if this node is a Name node, returns the first data type that this variable has taken on\n next_tree\n For the AST node to which this node belongs, returns the next node in that AST that is NOT\n in this node's subtree.\n '''\n def __init__(self, id):\n '''\n This should NOT be used by an instructor, this is strictly used\n internally to match up with the already parsed Skulpt AST.\n \n Args:\n id (int): The index for the AST node when doing an in-order\n traversal of the tree.\n '''\n \n def __eq__(self, other):\n '''\n If other is an AstNode, checks whether they are the same AstNode. If\n both nodes originate from the same AST, then a return true will indicate\n it is the same node, and false will indicate it's a different node. If\n it's not an AstNode, this will crash the program\n \n Args:\n other (AstNode): The other AstNode to compare to.\n \n Returns:\n bool: A boolean indicating if they are equal.\n '''\n \n def has(self, astNode):\n '''\n Returns whether the given astNode is a Name astNode (or a number) AND\n if the name of the variable associated with astNode node is in the\n subtree of this node.\n \n Args:\n astNode (AstNode or int): The potential child node to find.\n \n Returns:\n bool: Whether the node is a descendent.\n '''\n \n def find_all(self, type):\n '''\n Returns all AstNodes in this node's subtrees that are an AstNode of the\n given type.\n \n Args:\n type (str): The ast name to search for (\"For\", \"Assign\", \"BinOp\", \n etc.). A complete list of options can be found in the\n Green Tree Snakes documentation.\n\n Returns:\n list of AstNode: The AstNodes descended from this one.\n '''\n def numeric_logic_check(self, mag, expr):\n '''\n Returns whether the numerical logical expression represented by the AST self likely\n equivalent to the numerical logical expression represented by expr. Likely is determined by\n testing boundary conditions\n Args:\n mag (number): a tolerance value with which to check against. This is used for checking\n boundary conditions\n expr (string): A string written in JAVASCRIPT syntax that is equivalent to the logic\n that you want self to be equivalent to. Eval is run on this string\n Returns:\n None: This means that either there was more than one variable in expr or self,\n that self wasn't a Compare or BoolOp node, or that\n True: This means that self matched all detectable edge cases testing between expr and self within\n the specified tolerance mag.\n False: This means that self and expr didn't return the same thing for one of the automatically\n generated test inputs.\n '''\n## instructor_utility.py\n\ndef ensure_literal(*literals):\n '''\n Raises an Explanation if the literal values (strings, ints, floats) are not\n in the source code.\n \n Args:\n *literals (int, float or str): Any literal value.\n Returns: False if the literals were all in the code, otherwise\n returns the first missing literal value.\n '''\ndef prevent_literal(*literals):\n '''\n Raises an Explanation if the literal values (strings, ints, floats) are\n in the source code.\n \n Args:\n *literals (int, float or str): Any literal value.\n Returns: False if the literals were not in the code, otherwise\n returns the first present literal value.\n '''\n \ndef ensure_operation(op_name, root=None):\n '''\n Gently rebukes if the given operator is not found in the source code.\n \n Args:\n op_name (str): The name of the operator, as it is written in Python\n (e.g., \"==\" and not \"Eq\"). Works for BoolOps, BinOps,\n UnaryOps, and Compares.\n Returns: False if the operator was not in the code, otherwise returns the\n first AST node apperance of the operator.\n '''\ndef prevent_operation(op_name, root=None):\n '''\n Gently rebukes if the given operator is found in the source code.\n \n Args:\n op_name (str): The name of the operator, as it is written in Python\n (e.g., \"==\" and not \"Eq\"). Works for BoolOps, BinOps,\n UnaryOps, and Compares.\n Returns: False if the operator was not in the code, otherwise returns the\n first AST node apperance of the operator.\n '''\n\ndef function_is_called(name):\n '''\n Returns whether the given function or method has been called from within\n the students' code.\n \n Args:\n name (str): The name of the function or method (e.g., \"sum\").\n \n Returns:\n bool: Whether the function or method is called.\n '''\n \ndef only_printing_variables():\n '''\n Returns whether the students' code is only printing variables, as opposed\n to the anything else (e.g., literal values).\n \n Returns:\n bool: Whether any print function calls print non-variables.\n '''\ndef find_prior_initializations(node):\n '''\n Given a name ast node at a specific location in code, returns a list of\n all previous assignments that have written to that name\n\n Returns:\n None if node is not a Name node, otherwise returns a (possibly empty)\n list\n '''\n \ndef prevent_builtin_usage(names):\n '''\n Checks that a given list of function names are not being called, and\n explains a warning if they are. Also prevents against simply redeclaring\n the function_names.\n \n Args:\n names (list of str): A list of the function names to check for.\n \n Returns:\n None: No usages occurred\n str: The name of the first function that was used.\n '''\n\ndef prevent_advanced_iteration():\n '''\n Checks that the program does not use While loops or any of the built-in\n functions for processing lists (e.g., sum or len).\n '''\n \n##instructor_filter\ndef missing_if_in_for():\n '''\n '''\ndef append_not_in_if():\n '''\n '''\n##iteration_context\ndef list_length_3_or_more():\n '''\n '''\ndef missing_list_initialization_8_2():\n '''\n '''\ndef wrong_list_initialization_placement_8_3():\n '''\n '''\ndef wrong_accumulator_initialization_placement_8_3():\n '''\n '''\ndef wrong_iteration_body_8_3():\n '''\n '''\ndef wrong_print_8_3():\n '''\n '''\ndef missing_target_slot_empty_8_4():\n '''\n '''\ndef missing_addition_slot_empty_8_4():\n '''\n '''\ndef wrong_names_not_agree_8_4():\n '''\n '''\ndef wrong_should_be_counting():\n '''\n '''\ndef wrong_should_be_summing():\n '''\n '''\ndef wrong_cannot_sum_list():\n '''\n '''\ndef missing_no_print():\n '''\n '''\ndef missing_counting_list():\n '''\n '''\ndef missing_summing_list():\n '''\n '''\ndef missing_zero_initialization():\n '''\n '''\ndef missing_average():\n '''\n '''\ndef warning_average_in_iteration():\n '''\n '''\ndef wrong_average_demoninator():\n '''\n '''\ndef wrong_average_numerator():\n '''\n '''\ndef wrong_compare_list():\n '''\n '''\ndef wrong_for_inside_if():\n '''\n '''\ndef wrong_list_initialization_9_1():\n '''\n '''\ndef wrong_accumulator_initialization_9_1():\n '''\n '''\ndef wrong_accumulation_9_1():\n '''\n '''\ndef wrong_list_initialization_placement_9_1():\n '''\n '''\ndef wrong_accumulator_initialization_placement_9_1():\n '''\n '''\ndef wrong_iteration_body_9_1():\n '''\n '''\ndef wrong_print_9_1():\n '''\n '''\ndef wrong_list_initialization_9_2():\n '''\n '''\ndef wrong_accumulator_initialization_9_2():\n '''\n '''\ndef wrong_accumulation_9_2():\n '''\n '''\ndef wrong_list_initialization_placement_9_2():\n '''\n '''\ndef wrong_accumulator_initialization_placement_9_2():\n '''\n '''\ndef wrong_iteration_body_9_2():\n '''\n '''\ndef wrong_decision_body_9_2():\n '''\n '''\ndef wrong_print_9_2():\n '''\n '''\ndef wrong_comparison_9_6():\n '''\n '''\ndef wrong_conversion_10_2():\n '''\n '''\ndef wrong_filter_condition_10_3():\n '''\n '''\ndef wrong_and_filter_condition_10_4():\n '''\n '''\ndef wrong_nested_filter_condition_10_4():\n '''\n '''\ndef wrong_conversion_problem_10_5():\n '''\n '''\ndef wrong_filter_problem_atl1_10_5():\n '''\n '''\ndef wrong_filter_problem_atl2_10_5():\n '''\n '''\ndef wrong_append_problem_atl1_10_5():\n '''\n '''\ndef wrong_append_problem_atl2_10_5():\n '''\n '''\ndef wrong_debug_10_6():\n '''\n '''\ndef wrong_debug_10_7():\n '''\n '''\n##instructor_histogram\ndef histogram_missing():\n '''\n '''\ndef plot_show_missing():\n '''\n '''\ndef histogram_argument_not_list():\n '''\n '''\ndef histogram_wrong_list():\n '''\n '''\n##instructor_append\ndef find_append_in(node):\n '''\n '''\ndef missing_append_in_iteration():\n '''\n '''\ndef wrong_not_append_to_list():\n '''\n '''\ndef missing_append_list_initialization():\n '''\n '''\ndef wrong_append_list_initiatization():\n '''\n '''\ndef append_list_wrong_slot():\n '''\n '''\n##instructor_iteration\ndef all_for_loops():\n '''\n '''\ndef wrong_target_is_list():\n '''\n '''\ndef wrong_list_repeated_in_for():\n '''\n '''\ndef missing_iterator_initialization():\n '''\n '''\ndef wrong_iterator_not_list():\n '''\n '''\ndef missing_target_slot_empty():\n '''\n '''\ndef list_not_initialized_on_run():\n '''\n '''\ndef list_initialization_misplaced():\n '''\n '''\ndef missing_for_slot_empty():\n '''\n '''"
},
{
"path": "libs/codemirror/codemirror.css",
"content": "/* BASICS */\n\n.CodeMirror {\n /* Set height, width, borders, and global font properties here */\n font-family: monospace;\n height: 300px;\n color: black;\n direction: ltr;\n}\n\n/* PADDING */\n\n.CodeMirror-lines {\n padding: 4px 0; /* Vertical padding around content */\n}\n.CodeMirror pre {\n padding: 0 4px; /* Horizontal padding of content */\n}\n\n.CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {\n background-color: white; /* The little square between H and V scrollbars */\n}\n\n/* GUTTER */\n\n.CodeMirror-gutters {\n border-right: 1px solid #ddd;\n background-color: #f7f7f7;\n white-space: nowrap;\n}\n.CodeMirror-linenumbers {}\n.CodeMirror-linenumber {\n padding: 0 3px 0 5px;\n min-width: 20px;\n text-align: right;\n color: #999;\n white-space: nowrap;\n}\n\n.CodeMirror-guttermarker { color: black; }\n.CodeMirror-guttermarker-subtle { color: #999; }\n\n/* CURSOR */\n\n.CodeMirror-cursor {\n border-left: 1px solid black;\n border-right: none;\n width: 0;\n}\n/* Shown when moving in bi-directional text */\n.CodeMirror div.CodeMirror-secondarycursor {\n border-left: 1px solid silver;\n}\n.cm-fat-cursor .CodeMirror-cursor {\n width: auto;\n border: 0 !important;\n background: #7e7;\n}\n.cm-fat-cursor div.CodeMirror-cursors {\n z-index: 1;\n}\n.cm-fat-cursor-mark {\n background-color: rgba(20, 255, 20, 0.5);\n -webkit-animation: blink 1.06s steps(1) infinite;\n -moz-animation: blink 1.06s steps(1) infinite;\n animation: blink 1.06s steps(1) infinite;\n}\n.cm-animate-fat-cursor {\n width: auto;\n border: 0;\n -webkit-animation: blink 1.06s steps(1) infinite;\n -moz-animation: blink 1.06s steps(1) infinite;\n animation: blink 1.06s steps(1) infinite;\n background-color: #7e7;\n}\n@-moz-keyframes blink {\n 0% {}\n 50% { background-color: transparent; }\n 100% {}\n}\n@-webkit-keyframes blink {\n 0% {}\n 50% { background-color: transparent; }\n 100% {}\n}\n@keyframes blink {\n 0% {}\n 50% { background-color: transparent; }\n 100% {}\n}\n\n/* Can style cursor different in overwrite (non-insert) mode */\n.CodeMirror-overwrite .CodeMirror-cursor {}\n\n.cm-tab { display: inline-block; text-decoration: inherit; }\n\n.CodeMirror-rulers {\n position: absolute;\n left: 0; right: 0; top: -50px; bottom: -20px;\n overflow: hidden;\n}\n.CodeMirror-ruler {\n border-left: 1px solid #ccc;\n top: 0; bottom: 0;\n position: absolute;\n}\n\n/* DEFAULT THEME */\n\n.cm-s-default .cm-header {color: blue;}\n.cm-s-default .cm-quote {color: #090;}\n.cm-negative {color: #d44;}\n.cm-positive {color: #292;}\n.cm-header, .cm-strong {font-weight: bold;}\n.cm-em {font-style: italic;}\n.cm-link {text-decoration: underline;}\n.cm-strikethrough {text-decoration: line-through;}\n\n.cm-s-default .cm-keyword {color: #708;}\n.cm-s-default .cm-atom {color: #219;}\n.cm-s-default .cm-number {color: #164;}\n.cm-s-default .cm-def {color: #00f;}\n.cm-s-default .cm-variable,\n.cm-s-default .cm-punctuation,\n.cm-s-default .cm-property,\n.cm-s-default .cm-operator {}\n.cm-s-default .cm-variable-2 {color: #05a;}\n.cm-s-default .cm-variable-3, .cm-s-default .cm-type {color: #085;}\n.cm-s-default .cm-comment {color: #a50;}\n.cm-s-default .cm-string {color: #a11;}\n.cm-s-default .cm-string-2 {color: #f50;}\n.cm-s-default .cm-meta {color: #555;}\n.cm-s-default .cm-qualifier {color: #555;}\n.cm-s-default .cm-builtin {color: #30a;}\n.cm-s-default .cm-bracket {color: #997;}\n.cm-s-default .cm-tag {color: #170;}\n.cm-s-default .cm-attribute {color: #00c;}\n.cm-s-default .cm-hr {color: #999;}\n.cm-s-default .cm-link {color: #00c;}\n\n.cm-s-default .cm-error {color: #f00;}\n.cm-invalidchar {color: #f00;}\n\n.CodeMirror-composing { border-bottom: 2px solid; }\n\n/* Default styles for common addons */\n\ndiv.CodeMirror span.CodeMirror-matchingbracket {color: #0b0;}\ndiv.CodeMirror span.CodeMirror-nonmatchingbracket {color: #a22;}\n.CodeMirror-matchingtag { background: rgba(255, 150, 0, .3); }\n.CodeMirror-activeline-background {background: #e8f2ff;}\n\n/* STOP */\n\n/* The rest of this file contains styles related to the mechanics of\n the editor. You probably shouldn't touch them. */\n\n.CodeMirror {\n position: relative;\n overflow: hidden;\n background: white;\n}\n\n.CodeMirror-scroll {\n overflow: scroll !important; /* Things will break if this is overridden */\n /* 30px is the magic margin used to hide the element's real scrollbars */\n /* See overflow: hidden in .CodeMirror */\n margin-bottom: -30px; margin-right: -30px;\n padding-bottom: 30px;\n height: 100%;\n outline: none; /* Prevent dragging from highlighting the element */\n position: relative;\n}\n.CodeMirror-sizer {\n position: relative;\n border-right: 30px solid transparent;\n}\n\n/* The fake, visible scrollbars. Used to force redraw during scrolling\n before actual scrolling happens, thus preventing shaking and\n flickering artifacts. */\n.CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {\n position: absolute;\n z-index: 6;\n display: none;\n}\n.CodeMirror-vscrollbar {\n right: 0; top: 0;\n overflow-x: hidden;\n overflow-y: scroll;\n}\n.CodeMirror-hscrollbar {\n bottom: 0; left: 0;\n overflow-y: hidden;\n overflow-x: scroll;\n}\n.CodeMirror-scrollbar-filler {\n right: 0; bottom: 0;\n}\n.CodeMirror-gutter-filler {\n left: 0; bottom: 0;\n}\n\n.CodeMirror-gutters {\n position: absolute; left: 0; top: 0;\n min-height: 100%;\n z-index: 3;\n}\n.CodeMirror-gutter {\n white-space: normal;\n height: 100%;\n display: inline-block;\n vertical-align: top;\n margin-bottom: -30px;\n}\n.CodeMirror-gutter-wrapper {\n position: absolute;\n z-index: 4;\n background: none !important;\n border: none !important;\n}\n.CodeMirror-gutter-background {\n position: absolute;\n top: 0; bottom: 0;\n z-index: 4;\n}\n.CodeMirror-gutter-elt {\n position: absolute;\n cursor: default;\n z-index: 4;\n}\n.CodeMirror-gutter-wrapper ::selection { background-color: transparent }\n.CodeMirror-gutter-wrapper ::-moz-selection { background-color: transparent }\n\n.CodeMirror-lines {\n cursor: text;\n min-height: 1px; /* prevents collapsing before first draw */\n}\n.CodeMirror pre {\n /* Reset some styles that the rest of the page might have set */\n -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;\n border-width: 0;\n background: transparent;\n font-family: inherit;\n font-size: inherit;\n margin: 0;\n white-space: pre;\n word-wrap: normal;\n line-height: inherit;\n color: inherit;\n z-index: 2;\n position: relative;\n overflow: visible;\n -webkit-tap-highlight-color: transparent;\n -webkit-font-variant-ligatures: contextual;\n font-variant-ligatures: contextual;\n}\n.CodeMirror-wrap pre {\n word-wrap: break-word;\n white-space: pre-wrap;\n word-break: normal;\n}\n\n.CodeMirror-linebackground {\n position: absolute;\n left: 0; right: 0; top: 0; bottom: 0;\n z-index: 0;\n}\n\n.CodeMirror-linewidget {\n position: relative;\n z-index: 2;\n padding: 0.1px; /* Force widget margins to stay inside of the container */\n}\n\n.CodeMirror-widget {}\n\n.CodeMirror-rtl pre { direction: rtl; }\n\n.CodeMirror-code {\n outline: none;\n}\n\n/* Force content-box sizing for the elements where we expect it */\n.CodeMirror-scroll,\n.CodeMirror-sizer,\n.CodeMirror-gutter,\n.CodeMirror-gutters,\n.CodeMirror-linenumber {\n -moz-box-sizing: content-box;\n box-sizing: content-box;\n}\n\n.CodeMirror-measure {\n position: absolute;\n width: 100%;\n height: 0;\n overflow: hidden;\n visibility: hidden;\n}\n\n.CodeMirror-cursor {\n position: absolute;\n pointer-events: none;\n}\n.CodeMirror-measure pre { position: static; }\n\ndiv.CodeMirror-cursors {\n visibility: hidden;\n position: relative;\n z-index: 3;\n}\ndiv.CodeMirror-dragcursors {\n visibility: visible;\n}\n\n.CodeMirror-focused div.CodeMirror-cursors {\n visibility: visible;\n}\n\n.CodeMirror-selected { background: #d9d9d9; }\n.CodeMirror-focused .CodeMirror-selected { background: #d7d4f0; }\n.CodeMirror-crosshair { cursor: crosshair; }\n.CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection { background: #d7d4f0; }\n.CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection { background: #d7d4f0; }\n\n.cm-searching {\n background-color: #ffa;\n background-color: rgba(255, 255, 0, .4);\n}\n\n/* Used to force a border model for a node */\n.cm-force-border { padding-right: .1px; }\n\n@media print {\n /* Hide the cursor when printing */\n .CodeMirror div.CodeMirror-cursors {\n visibility: hidden;\n }\n}\n\n/* See issue #2901 */\n.cm-tab-wrap-hack:after { content: ''; }\n\n/* Help users use markselection to safely style text background */\nspan.CodeMirror-selectedtext { background: none; }\n"
},
{
"path": "libs/codemirror/codemirror.js",
"content": "// CodeMirror, copyright (c) by Marijn Haverbeke and others\n// Distributed under an MIT license: https://codemirror.net/LICENSE\n\n// This is CodeMirror (https://codemirror.net), a code editor\n// implemented in JavaScript on top of the browser's DOM.\n//\n// You can find some technical background for some of the code below\n// at http://marijnhaverbeke.nl/blog/#cm-internals .\n\n(function (global, factory) {\n typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :\n typeof define === 'function' && define.amd ? define(factory) :\n (global.CodeMirror = factory());\n}(this, (function () { 'use strict';\n\n // Kludges for bugs and behavior differences that can't be feature\n // detected are enabled based on userAgent etc sniffing.\n var userAgent = navigator.userAgent;\n var platform = navigator.platform;\n\n var gecko = /gecko\\/\\d/i.test(userAgent);\n var ie_upto10 = /MSIE \\d/.test(userAgent);\n var ie_11up = /Trident\\/(?:[7-9]|\\d{2,})\\..*rv:(\\d+)/.exec(userAgent);\n var edge = /Edge\\/(\\d+)/.exec(userAgent);\n var ie = ie_upto10 || ie_11up || edge;\n var ie_version = ie && (ie_upto10 ? document.documentMode || 6 : +(edge || ie_11up)[1]);\n var webkit = !edge && /WebKit\\//.test(userAgent);\n var qtwebkit = webkit && /Qt\\/\\d+\\.\\d+/.test(userAgent);\n var chrome = !edge && /Chrome\\//.test(userAgent);\n var presto = /Opera\\//.test(userAgent);\n var safari = /Apple Computer/.test(navigator.vendor);\n var mac_geMountainLion = /Mac OS X 1\\d\\D([8-9]|\\d\\d)\\D/.test(userAgent);\n var phantom = /PhantomJS/.test(userAgent);\n\n var ios = !edge && /AppleWebKit/.test(userAgent) && /Mobile\\/\\w+/.test(userAgent);\n var android = /Android/.test(userAgent);\n // This is woefully incomplete. Suggestions for alternative methods welcome.\n var mobile = ios || android || /webOS|BlackBerry|Opera Mini|Opera Mobi|IEMobile/i.test(userAgent);\n var mac = ios || /Mac/.test(platform);\n var chromeOS = /\\bCrOS\\b/.test(userAgent);\n var windows = /win/i.test(platform);\n\n var presto_version = presto && userAgent.match(/Version\\/(\\d*\\.\\d*)/);\n if (presto_version) { presto_version = Number(presto_version[1]); }\n if (presto_version && presto_version >= 15) { presto = false; webkit = true; }\n // Some browsers use the wrong event properties to signal cmd/ctrl on OS X\n var flipCtrlCmd = mac && (qtwebkit || presto && (presto_version == null || presto_version < 12.11));\n var captureRightClick = gecko || (ie && ie_version >= 9);\n\n function classTest(cls) { return new RegExp(\"(^|\\\\s)\" + cls + \"(?:$|\\\\s)\\\\s*\") }\n\n var rmClass = function(node, cls) {\n var current = node.className;\n var match = classTest(cls).exec(current);\n if (match) {\n var after = current.slice(match.index + match[0].length);\n node.className = current.slice(0, match.index) + (after ? match[1] + after : \"\");\n }\n };\n\n function removeChildren(e) {\n for (var count = e.childNodes.length; count > 0; --count)\n { e.removeChild(e.firstChild); }\n return e\n }\n\n function removeChildrenAndAdd(parent, e) {\n return removeChildren(parent).appendChild(e)\n }\n\n function elt(tag, content, className, style) {\n var e = document.createElement(tag);\n if (className) { e.className = className; }\n if (style) { e.style.cssText = style; }\n if (typeof content == \"string\") { e.appendChild(document.createTextNode(content)); }\n else if (content) { for (var i = 0; i < content.length; ++i) { e.appendChild(content[i]); } }\n return e\n }\n // wrapper for elt, which removes the elt from the accessibility tree\n function eltP(tag, content, className, style) {\n var e = elt(tag, content, className, style);\n e.setAttribute(\"role\", \"presentation\");\n return e\n }\n\n var range;\n if (document.createRange) { range = function(node, start, end, endNode) {\n var r = document.createRange();\n r.setEnd(endNode || node, end);\n r.setStart(node, start);\n return r\n }; }\n else { range = function(node, start, end) {\n var r = document.body.createTextRange();\n try { r.moveToElementText(node.parentNode); }\n catch(e) { return r }\n r.collapse(true);\n r.moveEnd(\"character\", end);\n r.moveStart(\"character\", start);\n return r\n }; }\n\n function contains(parent, child) {\n if (child.nodeType == 3) // Android browser always returns false when child is a textnode\n { child = child.parentNode; }\n if (parent.contains)\n { return parent.contains(child) }\n do {\n if (child.nodeType == 11) { child = child.host; }\n if (child == parent) { return true }\n } while (child = child.parentNode)\n }\n\n function activeElt() {\n // IE and Edge may throw an \"Unspecified Error\" when accessing document.activeElement.\n // IE < 10 will throw when accessed while the page is loading or in an iframe.\n // IE > 9 and Edge will throw when accessed in an iframe if document.body is unavailable.\n var activeElement;\n try {\n activeElement = document.activeElement;\n } catch(e) {\n activeElement = document.body || null;\n }\n while (activeElement && activeElement.shadowRoot && activeElement.shadowRoot.activeElement)\n { activeElement = activeElement.shadowRoot.activeElement; }\n return activeElement\n }\n\n function addClass(node, cls) {\n var current = node.className;\n if (!classTest(cls).test(current)) { node.className += (current ? \" \" : \"\") + cls; }\n }\n function joinClasses(a, b) {\n var as = a.split(\" \");\n for (var i = 0; i < as.length; i++)\n { if (as[i] && !classTest(as[i]).test(b)) { b += \" \" + as[i]; } }\n return b\n }\n\n var selectInput = function(node) { node.select(); };\n if (ios) // Mobile Safari apparently has a bug where select() is broken.\n { selectInput = function(node) { node.selectionStart = 0; node.selectionEnd = node.value.length; }; }\n else if (ie) // Suppress mysterious IE10 errors\n { selectInput = function(node) { try { node.select(); } catch(_e) {} }; }\n\n function bind(f) {\n var args = Array.prototype.slice.call(arguments, 1);\n return function(){return f.apply(null, args)}\n }\n\n function copyObj(obj, target, overwrite) {\n if (!target) { target = {}; }\n for (var prop in obj)\n { if (obj.hasOwnProperty(prop) && (overwrite !== false || !target.hasOwnProperty(prop)))\n { target[prop] = obj[prop]; } }\n return target\n }\n\n // Counts the column offset in a string, taking tabs into account.\n // Used mostly to find indentation.\n function countColumn(string, end, tabSize, startIndex, startValue) {\n if (end == null) {\n end = string.search(/[^\\s\\u00a0]/);\n if (end == -1) { end = string.length; }\n }\n for (var i = startIndex || 0, n = startValue || 0;;) {\n var nextTab = string.indexOf(\"\\t\", i);\n if (nextTab < 0 || nextTab >= end)\n { return n + (end - i) }\n n += nextTab - i;\n n += tabSize - (n % tabSize);\n i = nextTab + 1;\n }\n }\n\n var Delayed = function() {this.id = null;};\n Delayed.prototype.set = function (ms, f) {\n clearTimeout(this.id);\n this.id = setTimeout(f, ms);\n };\n\n function indexOf(array, elt) {\n for (var i = 0; i < array.length; ++i)\n { if (array[i] == elt) { return i } }\n return -1\n }\n\n // Number of pixels added to scroller and sizer to hide scrollbar\n var scrollerGap = 30;\n\n // Returned or thrown by various protocols to signal 'I'm not\n // handling this'.\n var Pass = {toString: function(){return \"CodeMirror.Pass\"}};\n\n // Reused option objects for setSelection & friends\n var sel_dontScroll = {scroll: false}, sel_mouse = {origin: \"*mouse\"}, sel_move = {origin: \"+move\"};\n\n // The inverse of countColumn -- find the offset that corresponds to\n // a particular column.\n function findColumn(string, goal, tabSize) {\n for (var pos = 0, col = 0;;) {\n var nextTab = string.indexOf(\"\\t\", pos);\n if (nextTab == -1) { nextTab = string.length; }\n var skipped = nextTab - pos;\n if (nextTab == string.length || col + skipped >= goal)\n { return pos + Math.min(skipped, goal - col) }\n col += nextTab - pos;\n col += tabSize - (col % tabSize);\n pos = nextTab + 1;\n if (col >= goal) { return pos }\n }\n }\n\n var spaceStrs = [\"\"];\n function spaceStr(n) {\n while (spaceStrs.length <= n)\n { spaceStrs.push(lst(spaceStrs) + \" \"); }\n return spaceStrs[n]\n }\n\n function lst(arr) { return arr[arr.length-1] }\n\n function map(array, f) {\n var out = [];\n for (var i = 0; i < array.length; i++) { out[i] = f(array[i], i); }\n return out\n }\n\n function insertSorted(array, value, score) {\n var pos = 0, priority = score(value);\n while (pos < array.length && score(array[pos]) <= priority) { pos++; }\n array.splice(pos, 0, value);\n }\n\n function nothing() {}\n\n function createObj(base, props) {\n var inst;\n if (Object.create) {\n inst = Object.create(base);\n } else {\n nothing.prototype = base;\n inst = new nothing();\n }\n if (props) { copyObj(props, inst); }\n return inst\n }\n\n var nonASCIISingleCaseWordChar = /[\\u00df\\u0587\\u0590-\\u05f4\\u0600-\\u06ff\\u3040-\\u309f\\u30a0-\\u30ff\\u3400-\\u4db5\\u4e00-\\u9fcc\\uac00-\\ud7af]/;\n function isWordCharBasic(ch) {\n return /\\w/.test(ch) || ch > \"\\x80\" &&\n (ch.toUpperCase() != ch.toLowerCase() || nonASCIISingleCaseWordChar.test(ch))\n }\n function isWordChar(ch, helper) {\n if (!helper) { return isWordCharBasic(ch) }\n if (helper.source.indexOf(\"\\\\w\") > -1 && isWordCharBasic(ch)) { return true }\n return helper.test(ch)\n }\n\n function isEmpty(obj) {\n for (var n in obj) { if (obj.hasOwnProperty(n) && obj[n]) { return false } }\n return true\n }\n\n // Extending unicode characters. A series of a non-extending char +\n // any number of extending chars is treated as a single unit as far\n // as editing and measuring is concerned. This is not fully correct,\n // since some scripts/fonts/browsers also treat other configurations\n // of code points as a group.\n var extendingChars = /[\\u0300-\\u036f\\u0483-\\u0489\\u0591-\\u05bd\\u05bf\\u05c1\\u05c2\\u05c4\\u05c5\\u05c7\\u0610-\\u061a\\u064b-\\u065e\\u0670\\u06d6-\\u06dc\\u06de-\\u06e4\\u06e7\\u06e8\\u06ea-\\u06ed\\u0711\\u0730-\\u074a\\u07a6-\\u07b0\\u07eb-\\u07f3\\u0816-\\u0819\\u081b-\\u0823\\u0825-\\u0827\\u0829-\\u082d\\u0900-\\u0902\\u093c\\u0941-\\u0948\\u094d\\u0951-\\u0955\\u0962\\u0963\\u0981\\u09bc\\u09be\\u09c1-\\u09c4\\u09cd\\u09d7\\u09e2\\u09e3\\u0a01\\u0a02\\u0a3c\\u0a41\\u0a42\\u0a47\\u0a48\\u0a4b-\\u0a4d\\u0a51\\u0a70\\u0a71\\u0a75\\u0a81\\u0a82\\u0abc\\u0ac1-\\u0ac5\\u0ac7\\u0ac8\\u0acd\\u0ae2\\u0ae3\\u0b01\\u0b3c\\u0b3e\\u0b3f\\u0b41-\\u0b44\\u0b4d\\u0b56\\u0b57\\u0b62\\u0b63\\u0b82\\u0bbe\\u0bc0\\u0bcd\\u0bd7\\u0c3e-\\u0c40\\u0c46-\\u0c48\\u0c4a-\\u0c4d\\u0c55\\u0c56\\u0c62\\u0c63\\u0cbc\\u0cbf\\u0cc2\\u0cc6\\u0ccc\\u0ccd\\u0cd5\\u0cd6\\u0ce2\\u0ce3\\u0d3e\\u0d41-\\u0d44\\u0d4d\\u0d57\\u0d62\\u0d63\\u0dca\\u0dcf\\u0dd2-\\u0dd4\\u0dd6\\u0ddf\\u0e31\\u0e34-\\u0e3a\\u0e47-\\u0e4e\\u0eb1\\u0eb4-\\u0eb9\\u0ebb\\u0ebc\\u0ec8-\\u0ecd\\u0f18\\u0f19\\u0f35\\u0f37\\u0f39\\u0f71-\\u0f7e\\u0f80-\\u0f84\\u0f86\\u0f87\\u0f90-\\u0f97\\u0f99-\\u0fbc\\u0fc6\\u102d-\\u1030\\u1032-\\u1037\\u1039\\u103a\\u103d\\u103e\\u1058\\u1059\\u105e-\\u1060\\u1071-\\u1074\\u1082\\u1085\\u1086\\u108d\\u109d\\u135f\\u1712-\\u1714\\u1732-\\u1734\\u1752\\u1753\\u1772\\u1773\\u17b7-\\u17bd\\u17c6\\u17c9-\\u17d3\\u17dd\\u180b-\\u180d\\u18a9\\u1920-\\u1922\\u1927\\u1928\\u1932\\u1939-\\u193b\\u1a17\\u1a18\\u1a56\\u1a58-\\u1a5e\\u1a60\\u1a62\\u1a65-\\u1a6c\\u1a73-\\u1a7c\\u1a7f\\u1b00-\\u1b03\\u1b34\\u1b36-\\u1b3a\\u1b3c\\u1b42\\u1b6b-\\u1b73\\u1b80\\u1b81\\u1ba2-\\u1ba5\\u1ba8\\u1ba9\\u1c2c-\\u1c33\\u1c36\\u1c37\\u1cd0-\\u1cd2\\u1cd4-\\u1ce0\\u1ce2-\\u1ce8\\u1ced\\u1dc0-\\u1de6\\u1dfd-\\u1dff\\u200c\\u200d\\u20d0-\\u20f0\\u2cef-\\u2cf1\\u2de0-\\u2dff\\u302a-\\u302f\\u3099\\u309a\\ua66f-\\ua672\\ua67c\\ua67d\\ua6f0\\ua6f1\\ua802\\ua806\\ua80b\\ua825\\ua826\\ua8c4\\ua8e0-\\ua8f1\\ua926-\\ua92d\\ua947-\\ua951\\ua980-\\ua982\\ua9b3\\ua9b6-\\ua9b9\\ua9bc\\uaa29-\\uaa2e\\uaa31\\uaa32\\uaa35\\uaa36\\uaa43\\uaa4c\\uaab0\\uaab2-\\uaab4\\uaab7\\uaab8\\uaabe\\uaabf\\uaac1\\uabe5\\uabe8\\uabed\\udc00-\\udfff\\ufb1e\\ufe00-\\ufe0f\\ufe20-\\ufe26\\uff9e\\uff9f]/;\n function isExtendingChar(ch) { return ch.charCodeAt(0) >= 768 && extendingChars.test(ch) }\n\n // Returns a number from the range [`0`; `str.length`] unless `pos` is outside that range.\n function skipExtendingChars(str, pos, dir) {\n while ((dir < 0 ? pos > 0 : pos < str.length) && isExtendingChar(str.charAt(pos))) { pos += dir; }\n return pos\n }\n\n // Returns the value from the range [`from`; `to`] that satisfies\n // `pred` and is closest to `from`. Assumes that at least `to`\n // satisfies `pred`. Supports `from` being greater than `to`.\n function findFirst(pred, from, to) {\n // At any point we are certain `to` satisfies `pred`, don't know\n // whether `from` does.\n var dir = from > to ? -1 : 1;\n for (;;) {\n if (from == to) { return from }\n var midF = (from + to) / 2, mid = dir < 0 ? Math.ceil(midF) : Math.floor(midF);\n if (mid == from) { return pred(mid) ? from : to }\n if (pred(mid)) { to = mid; }\n else { from = mid + dir; }\n }\n }\n\n // BIDI HELPERS\n\n function iterateBidiSections(order, from, to, f) {\n if (!order) { return f(from, to, \"ltr\", 0) }\n var found = false;\n for (var i = 0; i < order.length; ++i) {\n var part = order[i];\n if (part.from < to && part.to > from || from == to && part.to == from) {\n f(Math.max(part.from, from), Math.min(part.to, to), part.level == 1 ? \"rtl\" : \"ltr\", i);\n found = true;\n }\n }\n if (!found) { f(from, to, \"ltr\"); }\n }\n\n var bidiOther = null;\n function getBidiPartAt(order, ch, sticky) {\n var found;\n bidiOther = null;\n for (var i = 0; i < order.length; ++i) {\n var cur = order[i];\n if (cur.from < ch && cur.to > ch) { return i }\n if (cur.to == ch) {\n if (cur.from != cur.to && sticky == \"before\") { found = i; }\n else { bidiOther = i; }\n }\n if (cur.from == ch) {\n if (cur.from != cur.to && sticky != \"before\") { found = i; }\n else { bidiOther = i; }\n }\n }\n return found != null ? found : bidiOther\n }\n\n // Bidirectional ordering algorithm\n // See http://unicode.org/reports/tr9/tr9-13.html for the algorithm\n // that this (partially) implements.\n\n // One-char codes used for character types:\n // L (L): Left-to-Right\n // R (R): Right-to-Left\n // r (AL): Right-to-Left Arabic\n // 1 (EN): European Number\n // + (ES): European Number Separator\n // % (ET): European Number Terminator\n // n (AN): Arabic Number\n // , (CS): Common Number Separator\n // m (NSM): Non-Spacing Mark\n // b (BN): Boundary Neutral\n // s (B): Paragraph Separator\n // t (S): Segment Separator\n // w (WS): Whitespace\n // N (ON): Other Neutrals\n\n // Returns null if characters are ordered as they appear\n // (left-to-right), or an array of sections ({from, to, level}\n // objects) in the order in which they occur visually.\n var bidiOrdering = (function() {\n // Character types for codepoints 0 to 0xff\n var lowTypes = \"bbbbbbbbbtstwsbbbbbbbbbbbbbbssstwNN%%%NNNNNN,N,N1111111111NNNNNNNLLLLLLLLLLLLLLLLLLLLLLLLLLNNNNNNLLLLLLLLLLLLLLLLLLLLLLLLLLNNNNbbbbbbsbbbbbbbbbbbbbbbbbbbbbbbbbb,N%%%%NNNNLNNNNN%%11NLNNN1LNNNNNLLLLLLLLLLLLLLLLLLLLLLLNLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLN\";\n // Character types for codepoints 0x600 to 0x6f9\n var arabicTypes = \"nnnnnnNNr%%r,rNNmmmmmmmmmmmrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrmmmmmmmmmmmmmmmmmmmmmnnnnnnnnnn%nnrrrmrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrmmmmmmmnNmmmmmmrrmmNmmmmrr1111111111\";\n function charType(code) {\n if (code <= 0xf7) { return lowTypes.charAt(code) }\n else if (0x590 <= code && code <= 0x5f4) { return \"R\" }\n else if (0x600 <= code && code <= 0x6f9) { return arabicTypes.charAt(code - 0x600) }\n else if (0x6ee <= code && code <= 0x8ac) { return \"r\" }\n else if (0x2000 <= code && code <= 0x200b) { return \"w\" }\n else if (code == 0x200c) { return \"b\" }\n else { return \"L\" }\n }\n\n var bidiRE = /[\\u0590-\\u05f4\\u0600-\\u06ff\\u0700-\\u08ac]/;\n var isNeutral = /[stwN]/, isStrong = /[LRr]/, countsAsLeft = /[Lb1n]/, countsAsNum = /[1n]/;\n\n function BidiSpan(level, from, to) {\n this.level = level;\n this.from = from; this.to = to;\n }\n\n return function(str, direction) {\n var outerType = direction == \"ltr\" ? \"L\" : \"R\";\n\n if (str.length == 0 || direction == \"ltr\" && !bidiRE.test(str)) { return false }\n var len = str.length, types = [];\n for (var i = 0; i < len; ++i)\n { types.push(charType(str.charCodeAt(i))); }\n\n // W1. Examine each non-spacing mark (NSM) in the level run, and\n // change the type of the NSM to the type of the previous\n // character. If the NSM is at the start of the level run, it will\n // get the type of sor.\n for (var i$1 = 0, prev = outerType; i$1 < len; ++i$1) {\n var type = types[i$1];\n if (type == \"m\") { types[i$1] = prev; }\n else { prev = type; }\n }\n\n // W2. Search backwards from each instance of a European number\n // until the first strong type (R, L, AL, or sor) is found. If an\n // AL is found, change the type of the European number to Arabic\n // number.\n // W3. Change all ALs to R.\n for (var i$2 = 0, cur = outerType; i$2 < len; ++i$2) {\n var type$1 = types[i$2];\n if (type$1 == \"1\" && cur == \"r\") { types[i$2] = \"n\"; }\n else if (isStrong.test(type$1)) { cur = type$1; if (type$1 == \"r\") { types[i$2] = \"R\"; } }\n }\n\n // W4. A single European separator between two European numbers\n // changes to a European number. A single common separator between\n // two numbers of the same type changes to that type.\n for (var i$3 = 1, prev$1 = types[0]; i$3 < len - 1; ++i$3) {\n var type$2 = types[i$3];\n if (type$2 == \"+\" && prev$1 == \"1\" && types[i$3+1] == \"1\") { types[i$3] = \"1\"; }\n else if (type$2 == \",\" && prev$1 == types[i$3+1] &&\n (prev$1 == \"1\" || prev$1 == \"n\")) { types[i$3] = prev$1; }\n prev$1 = type$2;\n }\n\n // W5. A sequence of European terminators adjacent to European\n // numbers changes to all European numbers.\n // W6. Otherwise, separators and terminators change to Other\n // Neutral.\n for (var i$4 = 0; i$4 < len; ++i$4) {\n var type$3 = types[i$4];\n if (type$3 == \",\") { types[i$4] = \"N\"; }\n else if (type$3 == \"%\") {\n var end = (void 0);\n for (end = i$4 + 1; end < len && types[end] == \"%\"; ++end) {}\n var replace = (i$4 && types[i$4-1] == \"!\") || (end < len && types[end] == \"1\") ? \"1\" : \"N\";\n for (var j = i$4; j < end; ++j) { types[j] = replace; }\n i$4 = end - 1;\n }\n }\n\n // W7. Search backwards from each instance of a European number\n // until the first strong type (R, L, or sor) is found. If an L is\n // found, then change the type of the European number to L.\n for (var i$5 = 0, cur$1 = outerType; i$5 < len; ++i$5) {\n var type$4 = types[i$5];\n if (cur$1 == \"L\" && type$4 == \"1\") { types[i$5] = \"L\"; }\n else if (isStrong.test(type$4)) { cur$1 = type$4; }\n }\n\n // N1. A sequence of neutrals takes the direction of the\n // surrounding strong text if the text on both sides has the same\n // direction. European and Arabic numbers act as if they were R in\n // terms of their influence on neutrals. Start-of-level-run (sor)\n // and end-of-level-run (eor) are used at level run boundaries.\n // N2. Any remaining neutrals take the embedding direction.\n for (var i$6 = 0; i$6 < len; ++i$6) {\n if (isNeutral.test(types[i$6])) {\n var end$1 = (void 0);\n for (end$1 = i$6 + 1; end$1 < len && isNeutral.test(types[end$1]); ++end$1) {}\n var before = (i$6 ? types[i$6-1] : outerType) == \"L\";\n var after = (end$1 < len ? types[end$1] : outerType) == \"L\";\n var replace$1 = before == after ? (before ? \"L\" : \"R\") : outerType;\n for (var j$1 = i$6; j$1 < end$1; ++j$1) { types[j$1] = replace$1; }\n i$6 = end$1 - 1;\n }\n }\n\n // Here we depart from the documented algorithm, in order to avoid\n // building up an actual levels array. Since there are only three\n // levels (0, 1, 2) in an implementation that doesn't take\n // explicit embedding into account, we can build up the order on\n // the fly, without following the level-based algorithm.\n var order = [], m;\n for (var i$7 = 0; i$7 < len;) {\n if (countsAsLeft.test(types[i$7])) {\n var start = i$7;\n for (++i$7; i$7 < len && countsAsLeft.test(types[i$7]); ++i$7) {}\n order.push(new BidiSpan(0, start, i$7));\n } else {\n var pos = i$7, at = order.length;\n for (++i$7; i$7 < len && types[i$7] != \"L\"; ++i$7) {}\n for (var j$2 = pos; j$2 < i$7;) {\n if (countsAsNum.test(types[j$2])) {\n if (pos < j$2) { order.splice(at, 0, new BidiSpan(1, pos, j$2)); }\n var nstart = j$2;\n for (++j$2; j$2 < i$7 && countsAsNum.test(types[j$2]); ++j$2) {}\n order.splice(at, 0, new BidiSpan(2, nstart, j$2));\n pos = j$2;\n } else { ++j$2; }\n }\n if (pos < i$7) { order.splice(at, 0, new BidiSpan(1, pos, i$7)); }\n }\n }\n if (direction == \"ltr\") {\n if (order[0].level == 1 && (m = str.match(/^\\s+/))) {\n order[0].from = m[0].length;\n order.unshift(new BidiSpan(0, 0, m[0].length));\n }\n if (lst(order).level == 1 && (m = str.match(/\\s+$/))) {\n lst(order).to -= m[0].length;\n order.push(new BidiSpan(0, len - m[0].length, len));\n }\n }\n\n return direction == \"rtl\" ? order.reverse() : order\n }\n })();\n\n // Get the bidi ordering for the given line (and cache it). Returns\n // false for lines that are fully left-to-right, and an array of\n // BidiSpan objects otherwise.\n function getOrder(line, direction) {\n var order = line.order;\n if (order == null) { order = line.order = bidiOrdering(line.text, direction); }\n return order\n }\n\n // EVENT HANDLING\n\n // Lightweight event framework. on/off also work on DOM nodes,\n // registering native DOM handlers.\n\n var noHandlers = [];\n\n var on = function(emitter, type, f) {\n if (emitter.addEventListener) {\n emitter.addEventListener(type, f, false);\n } else if (emitter.attachEvent) {\n emitter.attachEvent(\"on\" + type, f);\n } else {\n var map$$1 = emitter._handlers || (emitter._handlers = {});\n map$$1[type] = (map$$1[type] || noHandlers).concat(f);\n }\n };\n\n function getHandlers(emitter, type) {\n return emitter._handlers && emitter._handlers[type] || noHandlers\n }\n\n function off(emitter, type, f) {\n if (emitter.removeEventListener) {\n emitter.removeEventListener(type, f, false);\n } else if (emitter.detachEvent) {\n emitter.detachEvent(\"on\" + type, f);\n } else {\n var map$$1 = emitter._handlers, arr = map$$1 && map$$1[type];\n if (arr) {\n var index = indexOf(arr, f);\n if (index > -1)\n { map$$1[type] = arr.slice(0, index).concat(arr.slice(index + 1)); }\n }\n }\n }\n\n function signal(emitter, type /*, values...*/) {\n var handlers = getHandlers(emitter, type);\n if (!handlers.length) { return }\n var args = Array.prototype.slice.call(arguments, 2);\n for (var i = 0; i < handlers.length; ++i) { handlers[i].apply(null, args); }\n }\n\n // The DOM events that CodeMirror handles can be overridden by\n // registering a (non-DOM) handler on the editor for the event name,\n // and preventDefault-ing the event in that handler.\n function signalDOMEvent(cm, e, override) {\n if (typeof e == \"string\")\n { e = {type: e, preventDefault: function() { this.defaultPrevented = true; }}; }\n signal(cm, override || e.type, cm, e);\n return e_defaultPrevented(e) || e.codemirrorIgnore\n }\n\n function signalCursorActivity(cm) {\n var arr = cm._handlers && cm._handlers.cursorActivity;\n if (!arr) { return }\n var set = cm.curOp.cursorActivityHandlers || (cm.curOp.cursorActivityHandlers = []);\n for (var i = 0; i < arr.length; ++i) { if (indexOf(set, arr[i]) == -1)\n { set.push(arr[i]); } }\n }\n\n function hasHandler(emitter, type) {\n return getHandlers(emitter, type).length > 0\n }\n\n // Add on and off methods to a constructor's prototype, to make\n // registering events on such objects more convenient.\n function eventMixin(ctor) {\n ctor.prototype.on = function(type, f) {on(this, type, f);};\n ctor.prototype.off = function(type, f) {off(this, type, f);};\n }\n\n // Due to the fact that we still support jurassic IE versions, some\n // compatibility wrappers are needed.\n\n function e_preventDefault(e) {\n if (e.preventDefault) { e.preventDefault(); }\n else { e.returnValue = false; }\n }\n function e_stopPropagation(e) {\n if (e.stopPropagation) { e.stopPropagation(); }\n else { e.cancelBubble = true; }\n }\n function e_defaultPrevented(e) {\n return e.defaultPrevented != null ? e.defaultPrevented : e.returnValue == false\n }\n function e_stop(e) {e_preventDefault(e); e_stopPropagation(e);}\n\n function e_target(e) {return e.target || e.srcElement}\n function e_button(e) {\n var b = e.which;\n if (b == null) {\n if (e.button & 1) { b = 1; }\n else if (e.button & 2) { b = 3; }\n else if (e.button & 4) { b = 2; }\n }\n if (mac && e.ctrlKey && b == 1) { b = 3; }\n return b\n }\n\n // Detect drag-and-drop\n var dragAndDrop = function() {\n // There is *some* kind of drag-and-drop support in IE6-8, but I\n // couldn't get it to work yet.\n if (ie && ie_version < 9) { return false }\n var div = elt('div');\n return \"draggable\" in div || \"dragDrop\" in div\n }();\n\n var zwspSupported;\n function zeroWidthElement(measure) {\n if (zwspSupported == null) {\n var test = elt(\"span\", \"\\u200b\");\n removeChildrenAndAdd(measure, elt(\"span\", [test, document.createTextNode(\"x\")]));\n if (measure.firstChild.offsetHeight != 0)\n { zwspSupported = test.offsetWidth <= 1 && test.offsetHeight > 2 && !(ie && ie_version < 8); }\n }\n var node = zwspSupported ? elt(\"span\", \"\\u200b\") :\n elt(\"span\", \"\\u00a0\", null, \"display: inline-block; width: 1px; margin-right: -1px\");\n node.setAttribute(\"cm-text\", \"\");\n return node\n }\n\n // Feature-detect IE's crummy client rect reporting for bidi text\n var badBidiRects;\n function hasBadBidiRects(measure) {\n if (badBidiRects != null) { return badBidiRects }\n var txt = removeChildrenAndAdd(measure, document.createTextNode(\"A\\u062eA\"));\n var r0 = range(txt, 0, 1).getBoundingClientRect();\n var r1 = range(txt, 1, 2).getBoundingClientRect();\n removeChildren(measure);\n if (!r0 || r0.left == r0.right) { return false } // Safari returns null in some cases (#2780)\n return badBidiRects = (r1.right - r0.right < 3)\n }\n\n // See if \"\".split is the broken IE version, if so, provide an\n // alternative way to split lines.\n var splitLinesAuto = \"\\n\\nb\".split(/\\n/).length != 3 ? function (string) {\n var pos = 0, result = [], l = string.length;\n while (pos <= l) {\n var nl = string.indexOf(\"\\n\", pos);\n if (nl == -1) { nl = string.length; }\n var line = string.slice(pos, string.charAt(nl - 1) == \"\\r\" ? nl - 1 : nl);\n var rt = line.indexOf(\"\\r\");\n if (rt != -1) {\n result.push(line.slice(0, rt));\n pos += rt + 1;\n } else {\n result.push(line);\n pos = nl + 1;\n }\n }\n return result\n } : function (string) { return string.split(/\\r\\n?|\\n/); };\n\n var hasSelection = window.getSelection ? function (te) {\n try { return te.selectionStart != te.selectionEnd }\n catch(e) { return false }\n } : function (te) {\n var range$$1;\n try {range$$1 = te.ownerDocument.selection.createRange();}\n catch(e) {}\n if (!range$$1 || range$$1.parentElement() != te) { return false }\n return range$$1.compareEndPoints(\"StartToEnd\", range$$1) != 0\n };\n\n var hasCopyEvent = (function () {\n var e = elt(\"div\");\n if (\"oncopy\" in e) { return true }\n e.setAttribute(\"oncopy\", \"return;\");\n return typeof e.oncopy == \"function\"\n })();\n\n var badZoomedRects = null;\n function hasBadZoomedRects(measure) {\n if (badZoomedRects != null) { return badZoomedRects }\n var node = removeChildrenAndAdd(measure, elt(\"span\", \"x\"));\n var normal = node.getBoundingClientRect();\n var fromRange = range(node, 0, 1).getBoundingClientRect();\n return badZoomedRects = Math.abs(normal.left - fromRange.left) > 1\n }\n\n // Known modes, by name and by MIME\n var modes = {}, mimeModes = {};\n\n // Extra arguments are stored as the mode's dependencies, which is\n // used by (legacy) mechanisms like loadmode.js to automatically\n // load a mode. (Preferred mechanism is the require/define calls.)\n function defineMode(name, mode) {\n if (arguments.length > 2)\n { mode.dependencies = Array.prototype.slice.call(arguments, 2); }\n modes[name] = mode;\n }\n\n function defineMIME(mime, spec) {\n mimeModes[mime] = spec;\n }\n\n // Given a MIME type, a {name, ...options} config object, or a name\n // string, return a mode config object.\n function resolveMode(spec) {\n if (typeof spec == \"string\" && mimeModes.hasOwnProperty(spec)) {\n spec = mimeModes[spec];\n } else if (spec && typeof spec.name == \"string\" && mimeModes.hasOwnProperty(spec.name)) {\n var found = mimeModes[spec.name];\n if (typeof found == \"string\") { found = {name: found}; }\n spec = createObj(found, spec);\n spec.name = found.name;\n } else if (typeof spec == \"string\" && /^[\\w\\-]+\\/[\\w\\-]+\\+xml$/.test(spec)) {\n return resolveMode(\"application/xml\")\n } else if (typeof spec == \"string\" && /^[\\w\\-]+\\/[\\w\\-]+\\+json$/.test(spec)) {\n return resolveMode(\"application/json\")\n }\n if (typeof spec == \"string\") { return {name: spec} }\n else { return spec || {name: \"null\"} }\n }\n\n // Given a mode spec (anything that resolveMode accepts), find and\n // initialize an actual mode object.\n function getMode(options, spec) {\n spec = resolveMode(spec);\n var mfactory = modes[spec.name];\n if (!mfactory) { return getMode(options, \"text/plain\") }\n var modeObj = mfactory(options, spec);\n if (modeExtensions.hasOwnProperty(spec.name)) {\n var exts = modeExtensions[spec.name];\n for (var prop in exts) {\n if (!exts.hasOwnProperty(prop)) { continue }\n if (modeObj.hasOwnProperty(prop)) { modeObj[\"_\" + prop] = modeObj[prop]; }\n modeObj[prop] = exts[prop];\n }\n }\n modeObj.name = spec.name;\n if (spec.helperType) { modeObj.helperType = spec.helperType; }\n if (spec.modeProps) { for (var prop$1 in spec.modeProps)\n { modeObj[prop$1] = spec.modeProps[prop$1]; } }\n\n return modeObj\n }\n\n // This can be used to attach properties to mode objects from\n // outside the actual mode definition.\n var modeExtensions = {};\n function extendMode(mode, properties) {\n var exts = modeExtensions.hasOwnProperty(mode) ? modeExtensions[mode] : (modeExtensions[mode] = {});\n copyObj(properties, exts);\n }\n\n function copyState(mode, state) {\n if (state === true) { return state }\n if (mode.copyState) { return mode.copyState(state) }\n var nstate = {};\n for (var n in state) {\n var val = state[n];\n if (val instanceof Array) { val = val.concat([]); }\n nstate[n] = val;\n }\n return nstate\n }\n\n // Given a mode and a state (for that mode), find the inner mode and\n // state at the position that the state refers to.\n function innerMode(mode, state) {\n var info;\n while (mode.innerMode) {\n info = mode.innerMode(state);\n if (!info || info.mode == mode) { break }\n state = info.state;\n mode = info.mode;\n }\n return info || {mode: mode, state: state}\n }\n\n function startState(mode, a1, a2) {\n return mode.startState ? mode.startState(a1, a2) : true\n }\n\n // STRING STREAM\n\n // Fed to the mode parsers, provides helper functions to make\n // parsers more succinct.\n\n var StringStream = function(string, tabSize, lineOracle) {\n this.pos = this.start = 0;\n this.string = string;\n this.tabSize = tabSize || 8;\n this.lastColumnPos = this.lastColumnValue = 0;\n this.lineStart = 0;\n this.lineOracle = lineOracle;\n };\n\n StringStream.prototype.eol = function () {return this.pos >= this.string.length};\n StringStream.prototype.sol = function () {return this.pos == this.lineStart};\n StringStream.prototype.peek = function () {return this.string.charAt(this.pos) || undefined};\n StringStream.prototype.next = function () {\n if (this.pos < this.string.length)\n { return this.string.charAt(this.pos++) }\n };\n StringStream.prototype.eat = function (match) {\n var ch = this.string.charAt(this.pos);\n var ok;\n if (typeof match == \"string\") { ok = ch == match; }\n else { ok = ch && (match.test ? match.test(ch) : match(ch)); }\n if (ok) {++this.pos; return ch}\n };\n StringStream.prototype.eatWhile = function (match) {\n var start = this.pos;\n while (this.eat(match)){}\n return this.pos > start\n };\n StringStream.prototype.eatSpace = function () {\n var this$1 = this;\n\n var start = this.pos;\n while (/[\\s\\u00a0]/.test(this.string.charAt(this.pos))) { ++this$1.pos; }\n return this.pos > start\n };\n StringStream.prototype.skipToEnd = function () {this.pos = this.string.length;};\n StringStream.prototype.skipTo = function (ch) {\n var found = this.string.indexOf(ch, this.pos);\n if (found > -1) {this.pos = found; return true}\n };\n StringStream.prototype.backUp = function (n) {this.pos -= n;};\n StringStream.prototype.column = function () {\n if (this.lastColumnPos < this.start) {\n this.lastColumnValue = countColumn(this.string, this.start, this.tabSize, this.lastColumnPos, this.lastColumnValue);\n this.lastColumnPos = this.start;\n }\n return this.lastColumnValue - (this.lineStart ? countColumn(this.string, this.lineStart, this.tabSize) : 0)\n };\n StringStream.prototype.indentation = function () {\n return countColumn(this.string, null, this.tabSize) -\n (this.lineStart ? countColumn(this.string, this.lineStart, this.tabSize) : 0)\n };\n StringStream.prototype.match = function (pattern, consume, caseInsensitive) {\n if (typeof pattern == \"string\") {\n var cased = function (str) { return caseInsensitive ? str.toLowerCase() : str; };\n var substr = this.string.substr(this.pos, pattern.length);\n if (cased(substr) == cased(pattern)) {\n if (consume !== false) { this.pos += pattern.length; }\n return true\n }\n } else {\n var match = this.string.slice(this.pos).match(pattern);\n if (match && match.index > 0) { return null }\n if (match && consume !== false) { this.pos += match[0].length; }\n return match\n }\n };\n StringStream.prototype.current = function (){return this.string.slice(this.start, this.pos)};\n StringStream.prototype.hideFirstChars = function (n, inner) {\n this.lineStart += n;\n try { return inner() }\n finally { this.lineStart -= n; }\n };\n StringStream.prototype.lookAhead = function (n) {\n var oracle = this.lineOracle;\n return oracle && oracle.lookAhead(n)\n };\n StringStream.prototype.baseToken = function () {\n var oracle = this.lineOracle;\n return oracle && oracle.baseToken(this.pos)\n };\n\n // Find the line object corresponding to the given line number.\n function getLine(doc, n) {\n n -= doc.first;\n if (n < 0 || n >= doc.size) { throw new Error(\"There is no line \" + (n + doc.first) + \" in the document.\") }\n var chunk = doc;\n while (!chunk.lines) {\n for (var i = 0;; ++i) {\n var child = chunk.children[i], sz = child.chunkSize();\n if (n < sz) { chunk = child; break }\n n -= sz;\n }\n }\n return chunk.lines[n]\n }\n\n // Get the part of a document between two positions, as an array of\n // strings.\n function getBetween(doc, start, end) {\n var out = [], n = start.line;\n doc.iter(start.line, end.line + 1, function (line) {\n var text = line.text;\n if (n == end.line) { text = text.slice(0, end.ch); }\n if (n == start.line) { text = text.slice(start.ch); }\n out.push(text);\n ++n;\n });\n return out\n }\n // Get the lines between from and to, as array of strings.\n function getLines(doc, from, to) {\n var out = [];\n doc.iter(from, to, function (line) { out.push(line.text); }); // iter aborts when callback returns truthy value\n return out\n }\n\n // Update the height of a line, propagating the height change\n // upwards to parent nodes.\n function updateLineHeight(line, height) {\n var diff = height - line.height;\n if (diff) { for (var n = line; n; n = n.parent) { n.height += diff; } }\n }\n\n // Given a line object, find its line number by walking up through\n // its parent links.\n function lineNo(line) {\n if (line.parent == null) { return null }\n var cur = line.parent, no = indexOf(cur.lines, line);\n for (var chunk = cur.parent; chunk; cur = chunk, chunk = chunk.parent) {\n for (var i = 0;; ++i) {\n if (chunk.children[i] == cur) { break }\n no += chunk.children[i].chunkSize();\n }\n }\n return no + cur.first\n }\n\n // Find the line at the given vertical position, using the height\n // information in the document tree.\n function lineAtHeight(chunk, h) {\n var n = chunk.first;\n outer: do {\n for (var i$1 = 0; i$1 < chunk.children.length; ++i$1) {\n var child = chunk.children[i$1], ch = child.height;\n if (h < ch) { chunk = child; continue outer }\n h -= ch;\n n += child.chunkSize();\n }\n return n\n } while (!chunk.lines)\n var i = 0;\n for (; i < chunk.lines.length; ++i) {\n var line = chunk.lines[i], lh = line.height;\n if (h < lh) { break }\n h -= lh;\n }\n return n + i\n }\n\n function isLine(doc, l) {return l >= doc.first && l < doc.first + doc.size}\n\n function lineNumberFor(options, i) {\n return String(options.lineNumberFormatter(i + options.firstLineNumber))\n }\n\n // A Pos instance represents a position within the text.\n function Pos(line, ch, sticky) {\n if ( sticky === void 0 ) sticky = null;\n\n if (!(this instanceof Pos)) { return new Pos(line, ch, sticky) }\n this.line = line;\n this.ch = ch;\n this.sticky = sticky;\n }\n\n // Compare two positions, return 0 if they are the same, a negative\n // number when a is less, and a positive number otherwise.\n function cmp(a, b) { return a.line - b.line || a.ch - b.ch }\n\n function equalCursorPos(a, b) { return a.sticky == b.sticky && cmp(a, b) == 0 }\n\n function copyPos(x) {return Pos(x.line, x.ch)}\n function maxPos(a, b) { return cmp(a, b) < 0 ? b : a }\n function minPos(a, b) { return cmp(a, b) < 0 ? a : b }\n\n // Most of the external API clips given positions to make sure they\n // actually exist within the document.\n function clipLine(doc, n) {return Math.max(doc.first, Math.min(n, doc.first + doc.size - 1))}\n function clipPos(doc, pos) {\n if (pos.line < doc.first) { return Pos(doc.first, 0) }\n var last = doc.first + doc.size - 1;\n if (pos.line > last) { return Pos(last, getLine(doc, last).text.length) }\n return clipToLen(pos, getLine(doc, pos.line).text.length)\n }\n function clipToLen(pos, linelen) {\n var ch = pos.ch;\n if (ch == null || ch > linelen) { return Pos(pos.line, linelen) }\n else if (ch < 0) { return Pos(pos.line, 0) }\n else { return pos }\n }\n function clipPosArray(doc, array) {\n var out = [];\n for (var i = 0; i < array.length; i++) { out[i] = clipPos(doc, array[i]); }\n return out\n }\n\n var SavedContext = function(state, lookAhead) {\n this.state = state;\n this.lookAhead = lookAhead;\n };\n\n var Context = function(doc, state, line, lookAhead) {\n this.state = state;\n this.doc = doc;\n this.line = line;\n this.maxLookAhead = lookAhead || 0;\n this.baseTokens = null;\n this.baseTokenPos = 1;\n };\n\n Context.prototype.lookAhead = function (n) {\n var line = this.doc.getLine(this.line + n);\n if (line != null && n > this.maxLookAhead) { this.maxLookAhead = n; }\n return line\n };\n\n Context.prototype.baseToken = function (n) {\n var this$1 = this;\n\n if (!this.baseTokens) { return null }\n while (this.baseTokens[this.baseTokenPos] <= n)\n { this$1.baseTokenPos += 2; }\n var type = this.baseTokens[this.baseTokenPos + 1];\n return {type: type && type.replace(/( |^)overlay .*/, \"\"),\n size: this.baseTokens[this.baseTokenPos] - n}\n };\n\n Context.prototype.nextLine = function () {\n this.line++;\n if (this.maxLookAhead > 0) { this.maxLookAhead--; }\n };\n\n Context.fromSaved = function (doc, saved, line) {\n if (saved instanceof SavedContext)\n { return new Context(doc, copyState(doc.mode, saved.state), line, saved.lookAhead) }\n else\n { return new Context(doc, copyState(doc.mode, saved), line) }\n };\n\n Context.prototype.save = function (copy) {\n var state = copy !== false ? copyState(this.doc.mode, this.state) : this.state;\n return this.maxLookAhead > 0 ? new SavedContext(state, this.maxLookAhead) : state\n };\n\n\n // Compute a style array (an array starting with a mode generation\n // -- for invalidation -- followed by pairs of end positions and\n // style strings), which is used to highlight the tokens on the\n // line.\n function highlightLine(cm, line, context, forceToEnd) {\n // A styles array always starts with a number identifying the\n // mode/overlays that it is based on (for easy invalidation).\n var st = [cm.state.modeGen], lineClasses = {};\n // Compute the base array of styles\n runMode(cm, line.text, cm.doc.mode, context, function (end, style) { return st.push(end, style); },\n lineClasses, forceToEnd);\n var state = context.state;\n\n // Run overlays, adjust style array.\n var loop = function ( o ) {\n context.baseTokens = st;\n var overlay = cm.state.overlays[o], i = 1, at = 0;\n context.state = true;\n runMode(cm, line.text, overlay.mode, context, function (end, style) {\n var start = i;\n // Ensure there's a token end at the current position, and that i points at it\n while (at < end) {\n var i_end = st[i];\n if (i_end > end)\n { st.splice(i, 1, end, st[i+1], i_end); }\n i += 2;\n at = Math.min(end, i_end);\n }\n if (!style) { return }\n if (overlay.opaque) {\n st.splice(start, i - start, end, \"overlay \" + style);\n i = start + 2;\n } else {\n for (; start < i; start += 2) {\n var cur = st[start+1];\n st[start+1] = (cur ? cur + \" \" : \"\") + \"overlay \" + style;\n }\n }\n }, lineClasses);\n context.state = state;\n context.baseTokens = null;\n context.baseTokenPos = 1;\n };\n\n for (var o = 0; o < cm.state.overlays.length; ++o) loop( o );\n\n return {styles: st, classes: lineClasses.bgClass || lineClasses.textClass ? lineClasses : null}\n }\n\n function getLineStyles(cm, line, updateFrontier) {\n if (!line.styles || line.styles[0] != cm.state.modeGen) {\n var context = getContextBefore(cm, lineNo(line));\n var resetState = line.text.length > cm.options.maxHighlightLength && copyState(cm.doc.mode, context.state);\n var result = highlightLine(cm, line, context);\n if (resetState) { context.state = resetState; }\n line.stateAfter = context.save(!resetState);\n line.styles = result.styles;\n if (result.classes) { line.styleClasses = result.classes; }\n else if (line.styleClasses) { line.styleClasses = null; }\n if (updateFrontier === cm.doc.highlightFrontier)\n { cm.doc.modeFrontier = Math.max(cm.doc.modeFrontier, ++cm.doc.highlightFrontier); }\n }\n return line.styles\n }\n\n function getContextBefore(cm, n, precise) {\n var doc = cm.doc, display = cm.display;\n if (!doc.mode.startState) { return new Context(doc, true, n) }\n var start = findStartLine(cm, n, precise);\n var saved = start > doc.first && getLine(doc, start - 1).stateAfter;\n var context = saved ? Context.fromSaved(doc, saved, start) : new Context(doc, startState(doc.mode), start);\n\n doc.iter(start, n, function (line) {\n processLine(cm, line.text, context);\n var pos = context.line;\n line.stateAfter = pos == n - 1 || pos % 5 == 0 || pos >= display.viewFrom && pos < display.viewTo ? context.save() : null;\n context.nextLine();\n });\n if (precise) { doc.modeFrontier = context.line; }\n return context\n }\n\n // Lightweight form of highlight -- proceed over this line and\n // update state, but don't save a style array. Used for lines that\n // aren't currently visible.\n function processLine(cm, text, context, startAt) {\n var mode = cm.doc.mode;\n var stream = new StringStream(text, cm.options.tabSize, context);\n stream.start = stream.pos = startAt || 0;\n if (text == \"\") { callBlankLine(mode, context.state); }\n while (!stream.eol()) {\n readToken(mode, stream, context.state);\n stream.start = stream.pos;\n }\n }\n\n function callBlankLine(mode, state) {\n if (mode.blankLine) { return mode.blankLine(state) }\n if (!mode.innerMode) { return }\n var inner = innerMode(mode, state);\n if (inner.mode.blankLine) { return inner.mode.blankLine(inner.state) }\n }\n\n function readToken(mode, stream, state, inner) {\n for (var i = 0; i < 10; i++) {\n if (inner) { inner[0] = innerMode(mode, state).mode; }\n var style = mode.token(stream, state);\n if (stream.pos > stream.start) { return style }\n }\n throw new Error(\"Mode \" + mode.name + \" failed to advance stream.\")\n }\n\n var Token = function(stream, type, state) {\n this.start = stream.start; this.end = stream.pos;\n this.string = stream.current();\n this.type = type || null;\n this.state = state;\n };\n\n // Utility for getTokenAt and getLineTokens\n function takeToken(cm, pos, precise, asArray) {\n var doc = cm.doc, mode = doc.mode, style;\n pos = clipPos(doc, pos);\n var line = getLine(doc, pos.line), context = getContextBefore(cm, pos.line, precise);\n var stream = new StringStream(line.text, cm.options.tabSize, context), tokens;\n if (asArray) { tokens = []; }\n while ((asArray || stream.pos < pos.ch) && !stream.eol()) {\n stream.start = stream.pos;\n style = readToken(mode, stream, context.state);\n if (asArray) { tokens.push(new Token(stream, style, copyState(doc.mode, context.state))); }\n }\n return asArray ? tokens : new Token(stream, style, context.state)\n }\n\n function extractLineClasses(type, output) {\n if (type) { for (;;) {\n var lineClass = type.match(/(?:^|\\s+)line-(background-)?(\\S+)/);\n if (!lineClass) { break }\n type = type.slice(0, lineClass.index) + type.slice(lineClass.index + lineClass[0].length);\n var prop = lineClass[1] ? \"bgClass\" : \"textClass\";\n if (output[prop] == null)\n { output[prop] = lineClass[2]; }\n else if (!(new RegExp(\"(?:^|\\s)\" + lineClass[2] + \"(?:$|\\s)\")).test(output[prop]))\n { output[prop] += \" \" + lineClass[2]; }\n } }\n return type\n }\n\n // Run the given mode's parser over a line, calling f for each token.\n function runMode(cm, text, mode, context, f, lineClasses, forceToEnd) {\n var flattenSpans = mode.flattenSpans;\n if (flattenSpans == null) { flattenSpans = cm.options.flattenSpans; }\n var curStart = 0, curStyle = null;\n var stream = new StringStream(text, cm.options.tabSize, context), style;\n var inner = cm.options.addModeClass && [null];\n if (text == \"\") { extractLineClasses(callBlankLine(mode, context.state), lineClasses); }\n while (!stream.eol()) {\n if (stream.pos > cm.options.maxHighlightLength) {\n flattenSpans = false;\n if (forceToEnd) { processLine(cm, text, context, stream.pos); }\n stream.pos = text.length;\n style = null;\n } else {\n style = extractLineClasses(readToken(mode, stream, context.state, inner), lineClasses);\n }\n if (inner) {\n var mName = inner[0].name;\n if (mName) { style = \"m-\" + (style ? mName + \" \" + style : mName); }\n }\n if (!flattenSpans || curStyle != style) {\n while (curStart < stream.start) {\n curStart = Math.min(stream.start, curStart + 5000);\n f(curStart, curStyle);\n }\n curStyle = style;\n }\n stream.start = stream.pos;\n }\n while (curStart < stream.pos) {\n // Webkit seems to refuse to render text nodes longer than 57444\n // characters, and returns inaccurate measurements in nodes\n // starting around 5000 chars.\n var pos = Math.min(stream.pos, curStart + 5000);\n f(pos, curStyle);\n curStart = pos;\n }\n }\n\n // Finds the line to start with when starting a parse. Tries to\n // find a line with a stateAfter, so that it can start with a\n // valid state. If that fails, it returns the line with the\n // smallest indentation, which tends to need the least context to\n // parse correctly.\n function findStartLine(cm, n, precise) {\n var minindent, minline, doc = cm.doc;\n var lim = precise ? -1 : n - (cm.doc.mode.innerMode ? 1000 : 100);\n for (var search = n; search > lim; --search) {\n if (search <= doc.first) { return doc.first }\n var line = getLine(doc, search - 1), after = line.stateAfter;\n if (after && (!precise || search + (after instanceof SavedContext ? after.lookAhead : 0) <= doc.modeFrontier))\n { return search }\n var indented = countColumn(line.text, null, cm.options.tabSize);\n if (minline == null || minindent > indented) {\n minline = search - 1;\n minindent = indented;\n }\n }\n return minline\n }\n\n function retreatFrontier(doc, n) {\n doc.modeFrontier = Math.min(doc.modeFrontier, n);\n if (doc.highlightFrontier < n - 10) { return }\n var start = doc.first;\n for (var line = n - 1; line > start; line--) {\n var saved = getLine(doc, line).stateAfter;\n // change is on 3\n // state on line 1 looked ahead 2 -- so saw 3\n // test 1 + 2 < 3 should cover this\n if (saved && (!(saved instanceof SavedContext) || line + saved.lookAhead < n)) {\n start = line + 1;\n break\n }\n }\n doc.highlightFrontier = Math.min(doc.highlightFrontier, start);\n }\n\n // Optimize some code when these features are not used.\n var sawReadOnlySpans = false, sawCollapsedSpans = false;\n\n function seeReadOnlySpans() {\n sawReadOnlySpans = true;\n }\n\n function seeCollapsedSpans() {\n sawCollapsedSpans = true;\n }\n\n // TEXTMARKER SPANS\n\n function MarkedSpan(marker, from, to) {\n this.marker = marker;\n this.from = from; this.to = to;\n }\n\n // Search an array of spans for a span matching the given marker.\n function getMarkedSpanFor(spans, marker) {\n if (spans) { for (var i = 0; i < spans.length; ++i) {\n var span = spans[i];\n if (span.marker == marker) { return span }\n } }\n }\n // Remove a span from an array, returning undefined if no spans are\n // left (we don't store arrays for lines without spans).\n function removeMarkedSpan(spans, span) {\n var r;\n for (var i = 0; i < spans.length; ++i)\n { if (spans[i] != span) { (r || (r = [])).push(spans[i]); } }\n return r\n }\n // Add a span to a line.\n function addMarkedSpan(line, span) {\n line.markedSpans = line.markedSpans ? line.markedSpans.concat([span]) : [span];\n span.marker.attachLine(line);\n }\n\n // Used for the algorithm that adjusts markers for a change in the\n // document. These functions cut an array of spans at a given\n // character position, returning an array of remaining chunks (or\n // undefined if nothing remains).\n function markedSpansBefore(old, startCh, isInsert) {\n var nw;\n if (old) { for (var i = 0; i < old.length; ++i) {\n var span = old[i], marker = span.marker;\n var startsBefore = span.from == null || (marker.inclusiveLeft ? span.from <= startCh : span.from < startCh);\n if (startsBefore || span.from == startCh && marker.type == \"bookmark\" && (!isInsert || !span.marker.insertLeft)) {\n var endsAfter = span.to == null || (marker.inclusiveRight ? span.to >= startCh : span.to > startCh)\n ;(nw || (nw = [])).push(new MarkedSpan(marker, span.from, endsAfter ? null : span.to));\n }\n } }\n return nw\n }\n function markedSpansAfter(old, endCh, isInsert) {\n var nw;\n if (old) { for (var i = 0; i < old.length; ++i) {\n var span = old[i], marker = span.marker;\n var endsAfter = span.to == null || (marker.inclusiveRight ? span.to >= endCh : span.to > endCh);\n if (endsAfter || span.from == endCh && marker.type == \"bookmark\" && (!isInsert || span.marker.insertLeft)) {\n var startsBefore = span.from == null || (marker.inclusiveLeft ? span.from <= endCh : span.from < endCh)\n ;(nw || (nw = [])).push(new MarkedSpan(marker, startsBefore ? null : span.from - endCh,\n span.to == null ? null : span.to - endCh));\n }\n } }\n return nw\n }\n\n // Given a change object, compute the new set of marker spans that\n // cover the line in which the change took place. Removes spans\n // entirely within the change, reconnects spans belonging to the\n // same marker that appear on both sides of the change, and cuts off\n // spans partially within the change. Returns an array of span\n // arrays with one element for each line in (after) the change.\n function stretchSpansOverChange(doc, change) {\n if (change.full) { return null }\n var oldFirst = isLine(doc, change.from.line) && getLine(doc, change.from.line).markedSpans;\n var oldLast = isLine(doc, change.to.line) && getLine(doc, change.to.line).markedSpans;\n if (!oldFirst && !oldLast) { return null }\n\n var startCh = change.from.ch, endCh = change.to.ch, isInsert = cmp(change.from, change.to) == 0;\n // Get the spans that 'stick out' on both sides\n var first = markedSpansBefore(oldFirst, startCh, isInsert);\n var last = markedSpansAfter(oldLast, endCh, isInsert);\n\n // Next, merge those two ends\n var sameLine = change.text.length == 1, offset = lst(change.text).length + (sameLine ? startCh : 0);\n if (first) {\n // Fix up .to properties of first\n for (var i = 0; i < first.length; ++i) {\n var span = first[i];\n if (span.to == null) {\n var found = getMarkedSpanFor(last, span.marker);\n if (!found) { span.to = startCh; }\n else if (sameLine) { span.to = found.to == null ? null : found.to + offset; }\n }\n }\n }\n if (last) {\n // Fix up .from in last (or move them into first in case of sameLine)\n for (var i$1 = 0; i$1 < last.length; ++i$1) {\n var span$1 = last[i$1];\n if (span$1.to != null) { span$1.to += offset; }\n if (span$1.from == null) {\n var found$1 = getMarkedSpanFor(first, span$1.marker);\n if (!found$1) {\n span$1.from = offset;\n if (sameLine) { (first || (first = [])).push(span$1); }\n }\n } else {\n span$1.from += offset;\n if (sameLine) { (first || (first = [])).push(span$1); }\n }\n }\n }\n // Make sure we didn't create any zero-length spans\n if (first) { first = clearEmptySpans(first); }\n if (last && last != first) { last = clearEmptySpans(last); }\n\n var newMarkers = [first];\n if (!sameLine) {\n // Fill gap with whole-line-spans\n var gap = change.text.length - 2, gapMarkers;\n if (gap > 0 && first)\n { for (var i$2 = 0; i$2 < first.length; ++i$2)\n { if (first[i$2].to == null)\n { (gapMarkers || (gapMarkers = [])).push(new MarkedSpan(first[i$2].marker, null, null)); } } }\n for (var i$3 = 0; i$3 < gap; ++i$3)\n { newMarkers.push(gapMarkers); }\n newMarkers.push(last);\n }\n return newMarkers\n }\n\n // Remove spans that are empty and don't have a clearWhenEmpty\n // option of false.\n function clearEmptySpans(spans) {\n for (var i = 0; i < spans.length; ++i) {\n var span = spans[i];\n if (span.from != null && span.from == span.to && span.marker.clearWhenEmpty !== false)\n { spans.splice(i--, 1); }\n }\n if (!spans.length) { return null }\n return spans\n }\n\n // Used to 'clip' out readOnly ranges when making a change.\n function removeReadOnlyRanges(doc, from, to) {\n var markers = null;\n doc.iter(from.line, to.line + 1, function (line) {\n if (line.markedSpans) { for (var i = 0; i < line.markedSpans.length; ++i) {\n var mark = line.markedSpans[i].marker;\n if (mark.readOnly && (!markers || indexOf(markers, mark) == -1))\n { (markers || (markers = [])).push(mark); }\n } }\n });\n if (!markers) { return null }\n var parts = [{from: from, to: to}];\n for (var i = 0; i < markers.length; ++i) {\n var mk = markers[i], m = mk.find(0);\n for (var j = 0; j < parts.length; ++j) {\n var p = parts[j];\n if (cmp(p.to, m.from) < 0 || cmp(p.from, m.to) > 0) { continue }\n var newParts = [j, 1], dfrom = cmp(p.from, m.from), dto = cmp(p.to, m.to);\n if (dfrom < 0 || !mk.inclusiveLeft && !dfrom)\n { newParts.push({from: p.from, to: m.from}); }\n if (dto > 0 || !mk.inclusiveRight && !dto)\n { newParts.push({from: m.to, to: p.to}); }\n parts.splice.apply(parts, newParts);\n j += newParts.length - 3;\n }\n }\n return parts\n }\n\n // Connect or disconnect spans from a line.\n function detachMarkedSpans(line) {\n var spans = line.markedSpans;\n if (!spans) { return }\n for (var i = 0; i < spans.length; ++i)\n { spans[i].marker.detachLine(line); }\n line.markedSpans = null;\n }\n function attachMarkedSpans(line, spans) {\n if (!spans) { return }\n for (var i = 0; i < spans.length; ++i)\n { spans[i].marker.attachLine(line); }\n line.markedSpans = spans;\n }\n\n // Helpers used when computing which overlapping collapsed span\n // counts as the larger one.\n function extraLeft(marker) { return marker.inclusiveLeft ? -1 : 0 }\n function extraRight(marker) { return marker.inclusiveRight ? 1 : 0 }\n\n // Returns a number indicating which of two overlapping collapsed\n // spans is larger (and thus includes the other). Falls back to\n // comparing ids when the spans cover exactly the same range.\n function compareCollapsedMarkers(a, b) {\n var lenDiff = a.lines.length - b.lines.length;\n if (lenDiff != 0) { return lenDiff }\n var aPos = a.find(), bPos = b.find();\n var fromCmp = cmp(aPos.from, bPos.from) || extraLeft(a) - extraLeft(b);\n if (fromCmp) { return -fromCmp }\n var toCmp = cmp(aPos.to, bPos.to) || extraRight(a) - extraRight(b);\n if (toCmp) { return toCmp }\n return b.id - a.id\n }\n\n // Find out whether a line ends or starts in a collapsed span. If\n // so, return the marker for that span.\n function collapsedSpanAtSide(line, start) {\n var sps = sawCollapsedSpans && line.markedSpans, found;\n if (sps) { for (var sp = (void 0), i = 0; i < sps.length; ++i) {\n sp = sps[i];\n if (sp.marker.collapsed && (start ? sp.from : sp.to) == null &&\n (!found || compareCollapsedMarkers(found, sp.marker) < 0))\n { found = sp.marker; }\n } }\n return found\n }\n function collapsedSpanAtStart(line) { return collapsedSpanAtSide(line, true) }\n function collapsedSpanAtEnd(line) { return collapsedSpanAtSide(line, false) }\n\n function collapsedSpanAround(line, ch) {\n var sps = sawCollapsedSpans && line.markedSpans, found;\n if (sps) { for (var i = 0; i < sps.length; ++i) {\n var sp = sps[i];\n if (sp.marker.collapsed && (sp.from == null || sp.from < ch) && (sp.to == null || sp.to > ch) &&\n (!found || compareCollapsedMarkers(found, sp.marker) < 0)) { found = sp.marker; }\n } }\n return found\n }\n\n // Test whether there exists a collapsed span that partially\n // overlaps (covers the start or end, but not both) of a new span.\n // Such overlap is not allowed.\n function conflictingCollapsedRange(doc, lineNo$$1, from, to, marker) {\n var line = getLine(doc, lineNo$$1);\n var sps = sawCollapsedSpans && line.markedSpans;\n if (sps) { for (var i = 0; i < sps.length; ++i) {\n var sp = sps[i];\n if (!sp.marker.collapsed) { continue }\n var found = sp.marker.find(0);\n var fromCmp = cmp(found.from, from) || extraLeft(sp.marker) - extraLeft(marker);\n var toCmp = cmp(found.to, to) || extraRight(sp.marker) - extraRight(marker);\n if (fromCmp >= 0 && toCmp <= 0 || fromCmp <= 0 && toCmp >= 0) { continue }\n if (fromCmp <= 0 && (sp.marker.inclusiveRight && marker.inclusiveLeft ? cmp(found.to, from) >= 0 : cmp(found.to, from) > 0) ||\n fromCmp >= 0 && (sp.marker.inclusiveRight && marker.inclusiveLeft ? cmp(found.from, to) <= 0 : cmp(found.from, to) < 0))\n { return true }\n } }\n }\n\n // A visual line is a line as drawn on the screen. Folding, for\n // example, can cause multiple logical lines to appear on the same\n // visual line. This finds the start of the visual line that the\n // given line is part of (usually that is the line itself).\n function visualLine(line) {\n var merged;\n while (merged = collapsedSpanAtStart(line))\n { line = merged.find(-1, true).line; }\n return line\n }\n\n function visualLineEnd(line) {\n var merged;\n while (merged = collapsedSpanAtEnd(line))\n { line = merged.find(1, true).line; }\n return line\n }\n\n // Returns an array of logical lines that continue the visual line\n // started by the argument, or undefined if there are no such lines.\n function visualLineContinued(line) {\n var merged, lines;\n while (merged = collapsedSpanAtEnd(line)) {\n line = merged.find(1, true).line\n ;(lines || (lines = [])).push(line);\n }\n return lines\n }\n\n // Get the line number of the start of the visual line that the\n // given line number is part of.\n function visualLineNo(doc, lineN) {\n var line = getLine(doc, lineN), vis = visualLine(line);\n if (line == vis) { return lineN }\n return lineNo(vis)\n }\n\n // Get the line number of the start of the next visual line after\n // the given line.\n function visualLineEndNo(doc, lineN) {\n if (lineN > doc.lastLine()) { return lineN }\n var line = getLine(doc, lineN), merged;\n if (!lineIsHidden(doc, line)) { return lineN }\n while (merged = collapsedSpanAtEnd(line))\n { line = merged.find(1, true).line; }\n return lineNo(line) + 1\n }\n\n // Compute whether a line is hidden. Lines count as hidden when they\n // are part of a visual line that starts with another line, or when\n // they are entirely covered by collapsed, non-widget span.\n function lineIsHidden(doc, line) {\n var sps = sawCollapsedSpans && line.markedSpans;\n if (sps) { for (var sp = (void 0), i = 0; i < sps.length; ++i) {\n sp = sps[i];\n if (!sp.marker.collapsed) { continue }\n if (sp.from == null) { return true }\n if (sp.marker.widgetNode) { continue }\n if (sp.from == 0 && sp.marker.inclusiveLeft && lineIsHiddenInner(doc, line, sp))\n { return true }\n } }\n }\n function lineIsHiddenInner(doc, line, span) {\n if (span.to == null) {\n var end = span.marker.find(1, true);\n return lineIsHiddenInner(doc, end.line, getMarkedSpanFor(end.line.markedSpans, span.marker))\n }\n if (span.marker.inclusiveRight && span.to == line.text.length)\n { return true }\n for (var sp = (void 0), i = 0; i < line.markedSpans.length; ++i) {\n sp = line.markedSpans[i];\n if (sp.marker.collapsed && !sp.marker.widgetNode && sp.from == span.to &&\n (sp.to == null || sp.to != span.from) &&\n (sp.marker.inclusiveLeft || span.marker.inclusiveRight) &&\n lineIsHiddenInner(doc, line, sp)) { return true }\n }\n }\n\n // Find the height above the given line.\n function heightAtLine(lineObj) {\n lineObj = visualLine(lineObj);\n\n var h = 0, chunk = lineObj.parent;\n for (var i = 0; i < chunk.lines.length; ++i) {\n var line = chunk.lines[i];\n if (line == lineObj) { break }\n else { h += line.height; }\n }\n for (var p = chunk.parent; p; chunk = p, p = chunk.parent) {\n for (var i$1 = 0; i$1 < p.children.length; ++i$1) {\n var cur = p.children[i$1];\n if (cur == chunk) { break }\n else { h += cur.height; }\n }\n }\n return h\n }\n\n // Compute the character length of a line, taking into account\n // collapsed ranges (see markText) that might hide parts, and join\n // other lines onto it.\n function lineLength(line) {\n if (line.height == 0) { return 0 }\n var len = line.text.length, merged, cur = line;\n while (merged = collapsedSpanAtStart(cur)) {\n var found = merged.find(0, true);\n cur = found.from.line;\n len += found.from.ch - found.to.ch;\n }\n cur = line;\n while (merged = collapsedSpanAtEnd(cur)) {\n var found$1 = merged.find(0, true);\n len -= cur.text.length - found$1.from.ch;\n cur = found$1.to.line;\n len += cur.text.length - found$1.to.ch;\n }\n return len\n }\n\n // Find the longest line in the document.\n function findMaxLine(cm) {\n var d = cm.display, doc = cm.doc;\n d.maxLine = getLine(doc, doc.first);\n d.maxLineLength = lineLength(d.maxLine);\n d.maxLineChanged = true;\n doc.iter(function (line) {\n var len = lineLength(line);\n if (len > d.maxLineLength) {\n d.maxLineLength = len;\n d.maxLine = line;\n }\n });\n }\n\n // LINE DATA STRUCTURE\n\n // Line objects. These hold state related to a line, including\n // highlighting info (the styles array).\n var Line = function(text, markedSpans, estimateHeight) {\n this.text = text;\n attachMarkedSpans(this, markedSpans);\n this.height = estimateHeight ? estimateHeight(this) : 1;\n };\n\n Line.prototype.lineNo = function () { return lineNo(this) };\n eventMixin(Line);\n\n // Change the content (text, markers) of a line. Automatically\n // invalidates cached information and tries to re-estimate the\n // line's height.\n function updateLine(line, text, markedSpans, estimateHeight) {\n line.text = text;\n if (line.stateAfter) { line.stateAfter = null; }\n if (line.styles) { line.styles = null; }\n if (line.order != null) { line.order = null; }\n detachMarkedSpans(line);\n attachMarkedSpans(line, markedSpans);\n var estHeight = estimateHeight ? estimateHeight(line) : 1;\n if (estHeight != line.height) { updateLineHeight(line, estHeight); }\n }\n\n // Detach a line from the document tree and its markers.\n function cleanUpLine(line) {\n line.parent = null;\n detachMarkedSpans(line);\n }\n\n // Convert a style as returned by a mode (either null, or a string\n // containing one or more styles) to a CSS style. This is cached,\n // and also looks for line-wide styles.\n var styleToClassCache = {}, styleToClassCacheWithMode = {};\n function interpretTokenStyle(style, options) {\n if (!style || /^\\s*$/.test(style)) { return null }\n var cache = options.addModeClass ? styleToClassCacheWithMode : styleToClassCache;\n return cache[style] ||\n (cache[style] = style.replace(/\\S+/g, \"cm-$&\"))\n }\n\n // Render the DOM representation of the text of a line. Also builds\n // up a 'line map', which points at the DOM nodes that represent\n // specific stretches of text, and is used by the measuring code.\n // The returned object contains the DOM node, this map, and\n // information about line-wide styles that were set by the mode.\n function buildLineContent(cm, lineView) {\n // The padding-right forces the element to have a 'border', which\n // is needed on Webkit to be able to get line-level bounding\n // rectangles for it (in measureChar).\n var content = eltP(\"span\", null, null, webkit ? \"padding-right: .1px\" : null);\n var builder = {pre: eltP(\"pre\", [content], \"CodeMirror-line\"), content: content,\n col: 0, pos: 0, cm: cm,\n trailingSpace: false,\n splitSpaces: cm.getOption(\"lineWrapping\")};\n lineView.measure = {};\n\n // Iterate over the logical lines that make up this visual line.\n for (var i = 0; i <= (lineView.rest ? lineView.rest.length : 0); i++) {\n var line = i ? lineView.rest[i - 1] : lineView.line, order = (void 0);\n builder.pos = 0;\n builder.addToken = buildToken;\n // Optionally wire in some hacks into the token-rendering\n // algorithm, to deal with browser quirks.\n if (hasBadBidiRects(cm.display.measure) && (order = getOrder(line, cm.doc.direction)))\n { builder.addToken = buildTokenBadBidi(builder.addToken, order); }\n builder.map = [];\n var allowFrontierUpdate = lineView != cm.display.externalMeasured && lineNo(line);\n insertLineContent(line, builder, getLineStyles(cm, line, allowFrontierUpdate));\n if (line.styleClasses) {\n if (line.styleClasses.bgClass)\n { builder.bgClass = joinClasses(line.styleClasses.bgClass, builder.bgClass || \"\"); }\n if (line.styleClasses.textClass)\n { builder.textClass = joinClasses(line.styleClasses.textClass, builder.textClass || \"\"); }\n }\n\n // Ensure at least a single node is present, for measuring.\n if (builder.map.length == 0)\n { builder.map.push(0, 0, builder.content.appendChild(zeroWidthElement(cm.display.measure))); }\n\n // Store the map and a cache object for the current logical line\n if (i == 0) {\n lineView.measure.map = builder.map;\n lineView.measure.cache = {};\n } else {\n (lineView.measure.maps || (lineView.measure.maps = [])).push(builder.map)\n ;(lineView.measure.caches || (lineView.measure.caches = [])).push({});\n }\n }\n\n // See issue #2901\n if (webkit) {\n var last = builder.content.lastChild;\n if (/\\bcm-tab\\b/.test(last.className) || (last.querySelector && last.querySelector(\".cm-tab\")))\n { builder.content.className = \"cm-tab-wrap-hack\"; }\n }\n\n signal(cm, \"renderLine\", cm, lineView.line, builder.pre);\n if (builder.pre.className)\n { builder.textClass = joinClasses(builder.pre.className, builder.textClass || \"\"); }\n\n return builder\n }\n\n function defaultSpecialCharPlaceholder(ch) {\n var token = elt(\"span\", \"\\u2022\", \"cm-invalidchar\");\n token.title = \"\\\\u\" + ch.charCodeAt(0).toString(16);\n token.setAttribute(\"aria-label\", token.title);\n return token\n }\n\n // Build up the DOM representation for a single token, and add it to\n // the line map. Takes care to render special characters separately.\n function buildToken(builder, text, style, startStyle, endStyle, css, attributes) {\n if (!text) { return }\n var displayText = builder.splitSpaces ? splitSpaces(text, builder.trailingSpace) : text;\n var special = builder.cm.state.specialChars, mustWrap = false;\n var content;\n if (!special.test(text)) {\n builder.col += text.length;\n content = document.createTextNode(displayText);\n builder.map.push(builder.pos, builder.pos + text.length, content);\n if (ie && ie_version < 9) { mustWrap = true; }\n builder.pos += text.length;\n } else {\n content = document.createDocumentFragment();\n var pos = 0;\n while (true) {\n special.lastIndex = pos;\n var m = special.exec(text);\n var skipped = m ? m.index - pos : text.length - pos;\n if (skipped) {\n var txt = document.createTextNode(displayText.slice(pos, pos + skipped));\n if (ie && ie_version < 9) { content.appendChild(elt(\"span\", [txt])); }\n else { content.appendChild(txt); }\n builder.map.push(builder.pos, builder.pos + skipped, txt);\n builder.col += skipped;\n builder.pos += skipped;\n }\n if (!m) { break }\n pos += skipped + 1;\n var txt$1 = (void 0);\n if (m[0] == \"\\t\") {\n var tabSize = builder.cm.options.tabSize, tabWidth = tabSize - builder.col % tabSize;\n txt$1 = content.appendChild(elt(\"span\", spaceStr(tabWidth), \"cm-tab\"));\n txt$1.setAttribute(\"role\", \"presentation\");\n txt$1.setAttribute(\"cm-text\", \"\\t\");\n builder.col += tabWidth;\n } else if (m[0] == \"\\r\" || m[0] == \"\\n\") {\n txt$1 = content.appendChild(elt(\"span\", m[0] == \"\\r\" ? \"\\u240d\" : \"\\u2424\", \"cm-invalidchar\"));\n txt$1.setAttribute(\"cm-text\", m[0]);\n builder.col += 1;\n } else {\n txt$1 = builder.cm.options.specialCharPlaceholder(m[0]);\n txt$1.setAttribute(\"cm-text\", m[0]);\n if (ie && ie_version < 9) { content.appendChild(elt(\"span\", [txt$1])); }\n else { content.appendChild(txt$1); }\n builder.col += 1;\n }\n builder.map.push(builder.pos, builder.pos + 1, txt$1);\n builder.pos++;\n }\n }\n builder.trailingSpace = displayText.charCodeAt(text.length - 1) == 32;\n if (style || startStyle || endStyle || mustWrap || css) {\n var fullStyle = style || \"\";\n if (startStyle) { fullStyle += startStyle; }\n if (endStyle) { fullStyle += endStyle; }\n var token = elt(\"span\", [content], fullStyle, css);\n if (attributes) {\n for (var attr in attributes) { if (attributes.hasOwnProperty(attr) && attr != \"style\" && attr != \"class\")\n { token.setAttribute(attr, attributes[attr]); } }\n }\n return builder.content.appendChild(token)\n }\n builder.content.appendChild(content);\n }\n\n // Change some spaces to NBSP to prevent the browser from collapsing\n // trailing spaces at the end of a line when rendering text (issue #1362).\n function splitSpaces(text, trailingBefore) {\n if (text.length > 1 && !/ /.test(text)) { return text }\n var spaceBefore = trailingBefore, result = \"\";\n for (var i = 0; i < text.length; i++) {\n var ch = text.charAt(i);\n if (ch == \" \" && spaceBefore && (i == text.length - 1 || text.charCodeAt(i + 1) == 32))\n { ch = \"\\u00a0\"; }\n result += ch;\n spaceBefore = ch == \" \";\n }\n return result\n }\n\n // Work around nonsense dimensions being reported for stretches of\n // right-to-left text.\n function buildTokenBadBidi(inner, order) {\n return function (builder, text, style, startStyle, endStyle, css, attributes) {\n style = style ? style + \" cm-force-border\" : \"cm-force-border\";\n var start = builder.pos, end = start + text.length;\n for (;;) {\n // Find the part that overlaps with the start of this text\n var part = (void 0);\n for (var i = 0; i < order.length; i++) {\n part = order[i];\n if (part.to > start && part.from <= start) { break }\n }\n if (part.to >= end) { return inner(builder, text, style, startStyle, endStyle, css, attributes) }\n inner(builder, text.slice(0, part.to - start), style, startStyle, null, css, attributes);\n startStyle = null;\n text = text.slice(part.to - start);\n start = part.to;\n }\n }\n }\n\n function buildCollapsedSpan(builder, size, marker, ignoreWidget) {\n var widget = !ignoreWidget && marker.widgetNode;\n if (widget) { builder.map.push(builder.pos, builder.pos + size, widget); }\n if (!ignoreWidget && builder.cm.display.input.needsContentAttribute) {\n if (!widget)\n { widget = builder.content.appendChild(document.createElement(\"span\")); }\n widget.setAttribute(\"cm-marker\", marker.id);\n }\n if (widget) {\n builder.cm.display.input.setUneditable(widget);\n builder.content.appendChild(widget);\n }\n builder.pos += size;\n builder.trailingSpace = false;\n }\n\n // Outputs a number of spans to make up a line, taking highlighting\n // and marked text into account.\n function insertLineContent(line, builder, styles) {\n var spans = line.markedSpans, allText = line.text, at = 0;\n if (!spans) {\n for (var i$1 = 1; i$1 < styles.length; i$1+=2)\n { builder.addToken(builder, allText.slice(at, at = styles[i$1]), interpretTokenStyle(styles[i$1+1], builder.cm.options)); }\n return\n }\n\n var len = allText.length, pos = 0, i = 1, text = \"\", style, css;\n var nextChange = 0, spanStyle, spanEndStyle, spanStartStyle, collapsed, attributes;\n for (;;) {\n if (nextChange == pos) { // Update current marker set\n spanStyle = spanEndStyle = spanStartStyle = css = \"\";\n attributes = null;\n collapsed = null; nextChange = Infinity;\n var foundBookmarks = [], endStyles = (void 0);\n for (var j = 0; j < spans.length; ++j) {\n var sp = spans[j], m = sp.marker;\n if (m.type == \"bookmark\" && sp.from == pos && m.widgetNode) {\n foundBookmarks.push(m);\n } else if (sp.from <= pos && (sp.to == null || sp.to > pos || m.collapsed && sp.to == pos && sp.from == pos)) {\n if (sp.to != null && sp.to != pos && nextChange > sp.to) {\n nextChange = sp.to;\n spanEndStyle = \"\";\n }\n if (m.className) { spanStyle += \" \" + m.className; }\n if (m.css) { css = (css ? css + \";\" : \"\") + m.css; }\n if (m.startStyle && sp.from == pos) { spanStartStyle += \" \" + m.startStyle; }\n if (m.endStyle && sp.to == nextChange) { (endStyles || (endStyles = [])).push(m.endStyle, sp.to); }\n // support for the old title property\n // https://github.com/codemirror/CodeMirror/pull/5673\n if (m.title) { (attributes || (attributes = {})).title = m.title; }\n if (m.attributes) {\n for (var attr in m.attributes)\n { (attributes || (attributes = {}))[attr] = m.attributes[attr]; }\n }\n if (m.collapsed && (!collapsed || compareCollapsedMarkers(collapsed.marker, m) < 0))\n { collapsed = sp; }\n } else if (sp.from > pos && nextChange > sp.from) {\n nextChange = sp.from;\n }\n }\n if (endStyles) { for (var j$1 = 0; j$1 < endStyles.length; j$1 += 2)\n { if (endStyles[j$1 + 1] == nextChange) { spanEndStyle += \" \" + endStyles[j$1]; } } }\n\n if (!collapsed || collapsed.from == pos) { for (var j$2 = 0; j$2 < foundBookmarks.length; ++j$2)\n { buildCollapsedSpan(builder, 0, foundBookmarks[j$2]); } }\n if (collapsed && (collapsed.from || 0) == pos) {\n buildCollapsedSpan(builder, (collapsed.to == null ? len + 1 : collapsed.to) - pos,\n collapsed.marker, collapsed.from == null);\n if (collapsed.to == null) { return }\n if (collapsed.to == pos) { collapsed = false; }\n }\n }\n if (pos >= len) { break }\n\n var upto = Math.min(len, nextChange);\n while (true) {\n if (text) {\n var end = pos + text.length;\n if (!collapsed) {\n var tokenText = end > upto ? text.slice(0, upto - pos) : text;\n builder.addToken(builder, tokenText, style ? style + spanStyle : spanStyle,\n spanStartStyle, pos + tokenText.length == nextChange ? spanEndStyle : \"\", css, attributes);\n }\n if (end >= upto) {text = text.slice(upto - pos); pos = upto; break}\n pos = end;\n spanStartStyle = \"\";\n }\n text = allText.slice(at, at = styles[i++]);\n style = interpretTokenStyle(styles[i++], builder.cm.options);\n }\n }\n }\n\n\n // These objects are used to represent the visible (currently drawn)\n // part of the document. A LineView may correspond to multiple\n // logical lines, if those are connected by collapsed ranges.\n function LineView(doc, line, lineN) {\n // The starting line\n this.line = line;\n // Continuing lines, if any\n this.rest = visualLineContinued(line);\n // Number of logical lines in this visual line\n this.size = this.rest ? lineNo(lst(this.rest)) - lineN + 1 : 1;\n this.node = this.text = null;\n this.hidden = lineIsHidden(doc, line);\n }\n\n // Create a range of LineView objects for the given lines.\n function buildViewArray(cm, from, to) {\n var array = [], nextPos;\n for (var pos = from; pos < to; pos = nextPos) {\n var view = new LineView(cm.doc, getLine(cm.doc, pos), pos);\n nextPos = pos + view.size;\n array.push(view);\n }\n return array\n }\n\n var operationGroup = null;\n\n function pushOperation(op) {\n if (operationGroup) {\n operationGroup.ops.push(op);\n } else {\n op.ownsGroup = operationGroup = {\n ops: [op],\n delayedCallbacks: []\n };\n }\n }\n\n function fireCallbacksForOps(group) {\n // Calls delayed callbacks and cursorActivity handlers until no\n // new ones appear\n var callbacks = group.delayedCallbacks, i = 0;\n do {\n for (; i < callbacks.length; i++)\n { callbacks[i].call(null); }\n for (var j = 0; j < group.ops.length; j++) {\n var op = group.ops[j];\n if (op.cursorActivityHandlers)\n { while (op.cursorActivityCalled < op.cursorActivityHandlers.length)\n { op.cursorActivityHandlers[op.cursorActivityCalled++].call(null, op.cm); } }\n }\n } while (i < callbacks.length)\n }\n\n function finishOperation(op, endCb) {\n var group = op.ownsGroup;\n if (!group) { return }\n\n try { fireCallbacksForOps(group); }\n finally {\n operationGroup = null;\n endCb(group);\n }\n }\n\n var orphanDelayedCallbacks = null;\n\n // Often, we want to signal events at a point where we are in the\n // middle of some work, but don't want the handler to start calling\n // other methods on the editor, which might be in an inconsistent\n // state or simply not expect any other events to happen.\n // signalLater looks whether there are any handlers, and schedules\n // them to be executed when the last operation ends, or, if no\n // operation is active, when a timeout fires.\n function signalLater(emitter, type /*, values...*/) {\n var arr = getHandlers(emitter, type);\n if (!arr.length) { return }\n var args = Array.prototype.slice.call(arguments, 2), list;\n if (operationGroup) {\n list = operationGroup.delayedCallbacks;\n } else if (orphanDelayedCallbacks) {\n list = orphanDelayedCallbacks;\n } else {\n list = orphanDelayedCallbacks = [];\n setTimeout(fireOrphanDelayed, 0);\n }\n var loop = function ( i ) {\n list.push(function () { return arr[i].apply(null, args); });\n };\n\n for (var i = 0; i < arr.length; ++i)\n loop( i );\n }\n\n function fireOrphanDelayed() {\n var delayed = orphanDelayedCallbacks;\n orphanDelayedCallbacks = null;\n for (var i = 0; i < delayed.length; ++i) { delayed[i](); }\n }\n\n // When an aspect of a line changes, a string is added to\n // lineView.changes. This updates the relevant part of the line's\n // DOM structure.\n function updateLineForChanges(cm, lineView, lineN, dims) {\n for (var j = 0; j < lineView.changes.length; j++) {\n var type = lineView.changes[j];\n if (type == \"text\") { updateLineText(cm, lineView); }\n else if (type == \"gutter\") { updateLineGutter(cm, lineView, lineN, dims); }\n else if (type == \"class\") { updateLineClasses(cm, lineView); }\n else if (type == \"widget\") { updateLineWidgets(cm, lineView, dims); }\n }\n lineView.changes = null;\n }\n\n // Lines with gutter elements, widgets or a background class need to\n // be wrapped, and have the extra elements added to the wrapper div\n function ensureLineWrapped(lineView) {\n if (lineView.node == lineView.text) {\n lineView.node = elt(\"div\", null, null, \"position: relative\");\n if (lineView.text.parentNode)\n { lineView.text.parentNode.replaceChild(lineView.node, lineView.text); }\n lineView.node.appendChild(lineView.text);\n if (ie && ie_version < 8) { lineView.node.style.zIndex = 2; }\n }\n return lineView.node\n }\n\n function updateLineBackground(cm, lineView) {\n var cls = lineView.bgClass ? lineView.bgClass + \" \" + (lineView.line.bgClass || \"\") : lineView.line.bgClass;\n if (cls) { cls += \" CodeMirror-linebackground\"; }\n if (lineView.background) {\n if (cls) { lineView.background.className = cls; }\n else { lineView.background.parentNode.removeChild(lineView.background); lineView.background = null; }\n } else if (cls) {\n var wrap = ensureLineWrapped(lineView);\n lineView.background = wrap.insertBefore(elt(\"div\", null, cls), wrap.firstChild);\n cm.display.input.setUneditable(lineView.background);\n }\n }\n\n // Wrapper around buildLineContent which will reuse the structure\n // in display.externalMeasured when possible.\n function getLineContent(cm, lineView) {\n var ext = cm.display.externalMeasured;\n if (ext && ext.line == lineView.line) {\n cm.display.externalMeasured = null;\n lineView.measure = ext.measure;\n return ext.built\n }\n return buildLineContent(cm, lineView)\n }\n\n // Redraw the line's text. Interacts with the background and text\n // classes because the mode may output tokens that influence these\n // classes.\n function updateLineText(cm, lineView) {\n var cls = lineView.text.className;\n var built = getLineContent(cm, lineView);\n if (lineView.text == lineView.node) { lineView.node = built.pre; }\n lineView.text.parentNode.replaceChild(built.pre, lineView.text);\n lineView.text = built.pre;\n if (built.bgClass != lineView.bgClass || built.textClass != lineView.textClass) {\n lineView.bgClass = built.bgClass;\n lineView.textClass = built.textClass;\n updateLineClasses(cm, lineView);\n } else if (cls) {\n lineView.text.className = cls;\n }\n }\n\n function updateLineClasses(cm, lineView) {\n updateLineBackground(cm, lineView);\n if (lineView.line.wrapClass)\n { ensureLineWrapped(lineView).className = lineView.line.wrapClass; }\n else if (lineView.node != lineView.text)\n { lineView.node.className = \"\"; }\n var textClass = lineView.textClass ? lineView.textClass + \" \" + (lineView.line.textClass || \"\") : lineView.line.textClass;\n lineView.text.className = textClass || \"\";\n }\n\n function updateLineGutter(cm, lineView, lineN, dims) {\n if (lineView.gutter) {\n lineView.node.removeChild(lineView.gutter);\n lineView.gutter = null;\n }\n if (lineView.gutterBackground) {\n lineView.node.removeChild(lineView.gutterBackground);\n lineView.gutterBackground = null;\n }\n if (lineView.line.gutterClass) {\n var wrap = ensureLineWrapped(lineView);\n lineView.gutterBackground = elt(\"div\", null, \"CodeMirror-gutter-background \" + lineView.line.gutterClass,\n (\"left: \" + (cm.options.fixedGutter ? dims.fixedPos : -dims.gutterTotalWidth) + \"px; width: \" + (dims.gutterTotalWidth) + \"px\"));\n cm.display.input.setUneditable(lineView.gutterBackground);\n wrap.insertBefore(lineView.gutterBackground, lineView.text);\n }\n var markers = lineView.line.gutterMarkers;\n if (cm.options.lineNumbers || markers) {\n var wrap$1 = ensureLineWrapped(lineView);\n var gutterWrap = lineView.gutter = elt(\"div\", null, \"CodeMirror-gutter-wrapper\", (\"left: \" + (cm.options.fixedGutter ? dims.fixedPos : -dims.gutterTotalWidth) + \"px\"));\n cm.display.input.setUneditable(gutterWrap);\n wrap$1.insertBefore(gutterWrap, lineView.text);\n if (lineView.line.gutterClass)\n { gutterWrap.className += \" \" + lineView.line.gutterClass; }\n if (cm.options.lineNumbers && (!markers || !markers[\"CodeMirror-linenumbers\"]))\n { lineView.lineNumber = gutterWrap.appendChild(\n elt(\"div\", lineNumberFor(cm.options, lineN),\n \"CodeMirror-linenumber CodeMirror-gutter-elt\",\n (\"left: \" + (dims.gutterLeft[\"CodeMirror-linenumbers\"]) + \"px; width: \" + (cm.display.lineNumInnerWidth) + \"px\"))); }\n if (markers) { for (var k = 0; k < cm.display.gutterSpecs.length; ++k) {\n var id = cm.display.gutterSpecs[k].className, found = markers.hasOwnProperty(id) && markers[id];\n if (found)\n { gutterWrap.appendChild(elt(\"div\", [found], \"CodeMirror-gutter-elt\",\n (\"left: \" + (dims.gutterLeft[id]) + \"px; width: \" + (dims.gutterWidth[id]) + \"px\"))); }\n } }\n }\n }\n\n function updateLineWidgets(cm, lineView, dims) {\n if (lineView.alignable) { lineView.alignable = null; }\n for (var node = lineView.node.firstChild, next = (void 0); node; node = next) {\n next = node.nextSibling;\n if (node.className == \"CodeMirror-linewidget\")\n { lineView.node.removeChild(node); }\n }\n insertLineWidgets(cm, lineView, dims);\n }\n\n // Build a line's DOM representation from scratch\n function buildLineElement(cm, lineView, lineN, dims) {\n var built = getLineContent(cm, lineView);\n lineView.text = lineView.node = built.pre;\n if (built.bgClass) { lineView.bgClass = built.bgClass; }\n if (built.textClass) { lineView.textClass = built.textClass; }\n\n updateLineClasses(cm, lineView);\n updateLineGutter(cm, lineView, lineN, dims);\n insertLineWidgets(cm, lineView, dims);\n return lineView.node\n }\n\n // A lineView may contain multiple logical lines (when merged by\n // collapsed spans). The widgets for all of them need to be drawn.\n function insertLineWidgets(cm, lineView, dims) {\n insertLineWidgetsFor(cm, lineView.line, lineView, dims, true);\n if (lineView.rest) { for (var i = 0; i < lineView.rest.length; i++)\n { insertLineWidgetsFor(cm, lineView.rest[i], lineView, dims, false); } }\n }\n\n function insertLineWidgetsFor(cm, line, lineView, dims, allowAbove) {\n if (!line.widgets) { return }\n var wrap = ensureLineWrapped(lineView);\n for (var i = 0, ws = line.widgets; i < ws.length; ++i) {\n var widget = ws[i], node = elt(\"div\", [widget.node], \"CodeMirror-linewidget\");\n if (!widget.handleMouseEvents) { node.setAttribute(\"cm-ignore-events\", \"true\"); }\n positionLineWidget(widget, node, lineView, dims);\n cm.display.input.setUneditable(node);\n if (allowAbove && widget.above)\n { wrap.insertBefore(node, lineView.gutter || lineView.text); }\n else\n { wrap.appendChild(node); }\n signalLater(widget, \"redraw\");\n }\n }\n\n function positionLineWidget(widget, node, lineView, dims) {\n if (widget.noHScroll) {\n (lineView.alignable || (lineView.alignable = [])).push(node);\n var width = dims.wrapperWidth;\n node.style.left = dims.fixedPos + \"px\";\n if (!widget.coverGutter) {\n width -= dims.gutterTotalWidth;\n node.style.paddingLeft = dims.gutterTotalWidth + \"px\";\n }\n node.style.width = width + \"px\";\n }\n if (widget.coverGutter) {\n node.style.zIndex = 5;\n node.style.position = \"relative\";\n if (!widget.noHScroll) { node.style.marginLeft = -dims.gutterTotalWidth + \"px\"; }\n }\n }\n\n function widgetHeight(widget) {\n if (widget.height != null) { return widget.height }\n var cm = widget.doc.cm;\n if (!cm) { return 0 }\n if (!contains(document.body, widget.node)) {\n var parentStyle = \"position: relative;\";\n if (widget.coverGutter)\n { parentStyle += \"margin-left: -\" + cm.display.gutters.offsetWidth + \"px;\"; }\n if (widget.noHScroll)\n { parentStyle += \"width: \" + cm.display.wrapper.clientWidth + \"px;\"; }\n removeChildrenAndAdd(cm.display.measure, elt(\"div\", [widget.node], null, parentStyle));\n }\n return widget.height = widget.node.parentNode.offsetHeight\n }\n\n // Return true when the given mouse event happened in a widget\n function eventInWidget(display, e) {\n for (var n = e_target(e); n != display.wrapper; n = n.parentNode) {\n if (!n || (n.nodeType == 1 && n.getAttribute(\"cm-ignore-events\") == \"true\") ||\n (n.parentNode == display.sizer && n != display.mover))\n { return true }\n }\n }\n\n // POSITION MEASUREMENT\n\n function paddingTop(display) {return display.lineSpace.offsetTop}\n function paddingVert(display) {return display.mover.offsetHeight - display.lineSpace.offsetHeight}\n function paddingH(display) {\n if (display.cachedPaddingH) { return display.cachedPaddingH }\n var e = removeChildrenAndAdd(display.measure, elt(\"pre\", \"x\"));\n var style = window.getComputedStyle ? window.getComputedStyle(e) : e.currentStyle;\n var data = {left: parseInt(style.paddingLeft), right: parseInt(style.paddingRight)};\n if (!isNaN(data.left) && !isNaN(data.right)) { display.cachedPaddingH = data; }\n return data\n }\n\n function scrollGap(cm) { return scrollerGap - cm.display.nativeBarWidth }\n function displayWidth(cm) {\n return cm.display.scroller.clientWidth - scrollGap(cm) - cm.display.barWidth\n }\n function displayHeight(cm) {\n return cm.display.scroller.clientHeight - scrollGap(cm) - cm.display.barHeight\n }\n\n // Ensure the lineView.wrapping.heights array is populated. This is\n // an array of bottom offsets for the lines that make up a drawn\n // line. When lineWrapping is on, there might be more than one\n // height.\n function ensureLineHeights(cm, lineView, rect) {\n var wrapping = cm.options.lineWrapping;\n var curWidth = wrapping && displayWidth(cm);\n if (!lineView.measure.heights || wrapping && lineView.measure.width != curWidth) {\n var heights = lineView.measure.heights = [];\n if (wrapping) {\n lineView.measure.width = curWidth;\n var rects = lineView.text.firstChild.getClientRects();\n for (var i = 0; i < rects.length - 1; i++) {\n var cur = rects[i], next = rects[i + 1];\n if (Math.abs(cur.bottom - next.bottom) > 2)\n { heights.push((cur.bottom + next.top) / 2 - rect.top); }\n }\n }\n heights.push(rect.bottom - rect.top);\n }\n }\n\n // Find a line map (mapping character offsets to text nodes) and a\n // measurement cache for the given line number. (A line editor might\n // contain multiple lines when collapsed ranges are present.)\n function mapFromLineView(lineView, line, lineN) {\n if (lineView.line == line)\n { return {map: lineView.measure.map, cache: lineView.measure.cache} }\n for (var i = 0; i < lineView.rest.length; i++)\n { if (lineView.rest[i] == line)\n { return {map: lineView.measure.maps[i], cache: lineView.measure.caches[i]} } }\n for (var i$1 = 0; i$1 < lineView.rest.length; i$1++)\n { if (lineNo(lineView.rest[i$1]) > lineN)\n { return {map: lineView.measure.maps[i$1], cache: lineView.measure.caches[i$1], before: true} } }\n }\n\n // Render a line into the hidden node display.externalMeasured. Used\n // when measurement is needed for a line that's not in the viewport.\n function updateExternalMeasurement(cm, line) {\n line = visualLine(line);\n var lineN = lineNo(line);\n var view = cm.display.externalMeasured = new LineView(cm.doc, line, lineN);\n view.lineN = lineN;\n var built = view.built = buildLineContent(cm, view);\n view.text = built.pre;\n removeChildrenAndAdd(cm.display.lineMeasure, built.pre);\n return view\n }\n\n // Get a {top, bottom, left, right} box (in line-local coordinates)\n // for a given character.\n function measureChar(cm, line, ch, bias) {\n return measureCharPrepared(cm, prepareMeasureForLine(cm, line), ch, bias)\n }\n\n // Find a line editor that corresponds to the given line number.\n function findViewForLine(cm, lineN) {\n if (lineN >= cm.display.viewFrom && lineN < cm.display.viewTo)\n { return cm.display.view[findViewIndex(cm, lineN)] }\n var ext = cm.display.externalMeasured;\n if (ext && lineN >= ext.lineN && lineN < ext.lineN + ext.size)\n { return ext }\n }\n\n // Measurement can be split in two steps, the set-up work that\n // applies to the whole line, and the measurement of the actual\n // character. Functions like coordsChar, that need to do a lot of\n // measurements in a row, can thus ensure that the set-up work is\n // only done once.\n function prepareMeasureForLine(cm, line) {\n var lineN = lineNo(line);\n var view = findViewForLine(cm, lineN);\n if (view && !view.text) {\n view = null;\n } else if (view && view.changes) {\n updateLineForChanges(cm, view, lineN, getDimensions(cm));\n cm.curOp.forceUpdate = true;\n }\n if (!view)\n { view = updateExternalMeasurement(cm, line); }\n\n var info = mapFromLineView(view, line, lineN);\n return {\n line: line, view: view, rect: null,\n map: info.map, cache: info.cache, before: info.before,\n hasHeights: false\n }\n }\n\n // Given a prepared measurement object, measures the position of an\n // actual character (or fetches it from the cache).\n function measureCharPrepared(cm, prepared, ch, bias, varHeight) {\n if (prepared.before) { ch = -1; }\n var key = ch + (bias || \"\"), found;\n if (prepared.cache.hasOwnProperty(key)) {\n found = prepared.cache[key];\n } else {\n if (!prepared.rect)\n { prepared.rect = prepared.view.text.getBoundingClientRect(); }\n if (!prepared.hasHeights) {\n ensureLineHeights(cm, prepared.view, prepared.rect);\n prepared.hasHeights = true;\n }\n found = measureCharInner(cm, prepared, ch, bias);\n if (!found.bogus) { prepared.cache[key] = found; }\n }\n return {left: found.left, right: found.right,\n top: varHeight ? found.rtop : found.top,\n bottom: varHeight ? found.rbottom : found.bottom}\n }\n\n var nullRect = {left: 0, right: 0, top: 0, bottom: 0};\n\n function nodeAndOffsetInLineMap(map$$1, ch, bias) {\n var node, start, end, collapse, mStart, mEnd;\n // First, search the line map for the text node corresponding to,\n // or closest to, the target character.\n for (var i = 0; i < map$$1.length; i += 3) {\n mStart = map$$1[i];\n mEnd = map$$1[i + 1];\n if (ch < mStart) {\n start = 0; end = 1;\n collapse = \"left\";\n } else if (ch < mEnd) {\n start = ch - mStart;\n end = start + 1;\n } else if (i == map$$1.length - 3 || ch == mEnd && map$$1[i + 3] > ch) {\n end = mEnd - mStart;\n start = end - 1;\n if (ch >= mEnd) { collapse = \"right\"; }\n }\n if (start != null) {\n node = map$$1[i + 2];\n if (mStart == mEnd && bias == (node.insertLeft ? \"left\" : \"right\"))\n { collapse = bias; }\n if (bias == \"left\" && start == 0)\n { while (i && map$$1[i - 2] == map$$1[i - 3] && map$$1[i - 1].insertLeft) {\n node = map$$1[(i -= 3) + 2];\n collapse = \"left\";\n } }\n if (bias == \"right\" && start == mEnd - mStart)\n { while (i < map$$1.length - 3 && map$$1[i + 3] == map$$1[i + 4] && !map$$1[i + 5].insertLeft) {\n node = map$$1[(i += 3) + 2];\n collapse = \"right\";\n } }\n break\n }\n }\n return {node: node, start: start, end: end, collapse: collapse, coverStart: mStart, coverEnd: mEnd}\n }\n\n function getUsefulRect(rects, bias) {\n var rect = nullRect;\n if (bias == \"left\") { for (var i = 0; i < rects.length; i++) {\n if ((rect = rects[i]).left != rect.right) { break }\n } } else { for (var i$1 = rects.length - 1; i$1 >= 0; i$1--) {\n if ((rect = rects[i$1]).left != rect.right) { break }\n } }\n return rect\n }\n\n function measureCharInner(cm, prepared, ch, bias) {\n var place = nodeAndOffsetInLineMap(prepared.map, ch, bias);\n var node = place.node, start = place.start, end = place.end, collapse = place.collapse;\n\n var rect;\n if (node.nodeType == 3) { // If it is a text node, use a range to retrieve the coordinates.\n for (var i$1 = 0; i$1 < 4; i$1++) { // Retry a maximum of 4 times when nonsense rectangles are returned\n while (start && isExtendingChar(prepared.line.text.charAt(place.coverStart + start))) { --start; }\n while (place.coverStart + end < place.coverEnd && isExtendingChar(prepared.line.text.charAt(place.coverStart + end))) { ++end; }\n if (ie && ie_version < 9 && start == 0 && end == place.coverEnd - place.coverStart)\n { rect = node.parentNode.getBoundingClientRect(); }\n else\n { rect = getUsefulRect(range(node, start, end).getClientRects(), bias); }\n if (rect.left || rect.right || start == 0) { break }\n end = start;\n start = start - 1;\n collapse = \"right\";\n }\n if (ie && ie_version < 11) { rect = maybeUpdateRectForZooming(cm.display.measure, rect); }\n } else { // If it is a widget, simply get the box for the whole widget.\n if (start > 0) { collapse = bias = \"right\"; }\n var rects;\n if (cm.options.lineWrapping && (rects = node.getClientRects()).length > 1)\n { rect = rects[bias == \"right\" ? rects.length - 1 : 0]; }\n else\n { rect = node.getBoundingClientRect(); }\n }\n if (ie && ie_version < 9 && !start && (!rect || !rect.left && !rect.right)) {\n var rSpan = node.parentNode.getClientRects()[0];\n if (rSpan)\n { rect = {left: rSpan.left, right: rSpan.left + charWidth(cm.display), top: rSpan.top, bottom: rSpan.bottom}; }\n else\n { rect = nullRect; }\n }\n\n var rtop = rect.top - prepared.rect.top, rbot = rect.bottom - prepared.rect.top;\n var mid = (rtop + rbot) / 2;\n var heights = prepared.view.measure.heights;\n var i = 0;\n for (; i < heights.length - 1; i++)\n { if (mid < heights[i]) { break } }\n var top = i ? heights[i - 1] : 0, bot = heights[i];\n var result = {left: (collapse == \"right\" ? rect.right : rect.left) - prepared.rect.left,\n right: (collapse == \"left\" ? rect.left : rect.right) - prepared.rect.left,\n top: top, bottom: bot};\n if (!rect.left && !rect.right) { result.bogus = true; }\n if (!cm.options.singleCursorHeightPerLine) { result.rtop = rtop; result.rbottom = rbot; }\n\n return result\n }\n\n // Work around problem with bounding client rects on ranges being\n // returned incorrectly when zoomed on IE10 and below.\n function maybeUpdateRectForZooming(measure, rect) {\n if (!window.screen || screen.logicalXDPI == null ||\n screen.logicalXDPI == screen.deviceXDPI || !hasBadZoomedRects(measure))\n { return rect }\n var scaleX = screen.logicalXDPI / screen.deviceXDPI;\n var scaleY = screen.logicalYDPI / screen.deviceYDPI;\n return {left: rect.left * scaleX, right: rect.right * scaleX,\n top: rect.top * scaleY, bottom: rect.bottom * scaleY}\n }\n\n function clearLineMeasurementCacheFor(lineView) {\n if (lineView.measure) {\n lineView.measure.cache = {};\n lineView.measure.heights = null;\n if (lineView.rest) { for (var i = 0; i < lineView.rest.length; i++)\n { lineView.measure.caches[i] = {}; } }\n }\n }\n\n function clearLineMeasurementCache(cm) {\n cm.display.externalMeasure = null;\n removeChildren(cm.display.lineMeasure);\n for (var i = 0; i < cm.display.view.length; i++)\n { clearLineMeasurementCacheFor(cm.display.view[i]); }\n }\n\n function clearCaches(cm) {\n clearLineMeasurementCache(cm);\n cm.display.cachedCharWidth = cm.display.cachedTextHeight = cm.display.cachedPaddingH = null;\n if (!cm.options.lineWrapping) { cm.display.maxLineChanged = true; }\n cm.display.lineNumChars = null;\n }\n\n function pageScrollX() {\n // Work around https://bugs.chromium.org/p/chromium/issues/detail?id=489206\n // which causes page_Offset and bounding client rects to use\n // different reference viewports and invalidate our calculations.\n if (chrome && android) { return -(document.body.getBoundingClientRect().left - parseInt(getComputedStyle(document.body).marginLeft)) }\n return window.pageXOffset || (document.documentElement || document.body).scrollLeft\n }\n function pageScrollY() {\n if (chrome && android) { return -(document.body.getBoundingClientRect().top - parseInt(getComputedStyle(document.body).marginTop)) }\n return window.pageYOffset || (document.documentElement || document.body).scrollTop\n }\n\n function widgetTopHeight(lineObj) {\n var height = 0;\n if (lineObj.widgets) { for (var i = 0; i < lineObj.widgets.length; ++i) { if (lineObj.widgets[i].above)\n { height += widgetHeight(lineObj.widgets[i]); } } }\n return height\n }\n\n // Converts a {top, bottom, left, right} box from line-local\n // coordinates into another coordinate system. Context may be one of\n // \"line\", \"div\" (display.lineDiv), \"local\"./null (editor), \"window\",\n // or \"page\".\n function intoCoordSystem(cm, lineObj, rect, context, includeWidgets) {\n if (!includeWidgets) {\n var height = widgetTopHeight(lineObj);\n rect.top += height; rect.bottom += height;\n }\n if (context == \"line\") { return rect }\n if (!context) { context = \"local\"; }\n var yOff = heightAtLine(lineObj);\n if (context == \"local\") { yOff += paddingTop(cm.display); }\n else { yOff -= cm.display.viewOffset; }\n if (context == \"page\" || context == \"window\") {\n var lOff = cm.display.lineSpace.getBoundingClientRect();\n yOff += lOff.top + (context == \"window\" ? 0 : pageScrollY());\n var xOff = lOff.left + (context == \"window\" ? 0 : pageScrollX());\n rect.left += xOff; rect.right += xOff;\n }\n rect.top += yOff; rect.bottom += yOff;\n return rect\n }\n\n // Coverts a box from \"div\" coords to another coordinate system.\n // Context may be \"window\", \"page\", \"div\", or \"local\"./null.\n function fromCoordSystem(cm, coords, context) {\n if (context == \"div\") { return coords }\n var left = coords.left, top = coords.top;\n // First move into \"page\" coordinate system\n if (context == \"page\") {\n left -= pageScrollX();\n top -= pageScrollY();\n } else if (context == \"local\" || !context) {\n var localBox = cm.display.sizer.getBoundingClientRect();\n left += localBox.left;\n top += localBox.top;\n }\n\n var lineSpaceBox = cm.display.lineSpace.getBoundingClientRect();\n return {left: left - lineSpaceBox.left, top: top - lineSpaceBox.top}\n }\n\n function charCoords(cm, pos, context, lineObj, bias) {\n if (!lineObj) { lineObj = getLine(cm.doc, pos.line); }\n return intoCoordSystem(cm, lineObj, measureChar(cm, lineObj, pos.ch, bias), context)\n }\n\n // Returns a box for a given cursor position, which may have an\n // 'other' property containing the position of the secondary cursor\n // on a bidi boundary.\n // A cursor Pos(line, char, \"before\") is on the same visual line as `char - 1`\n // and after `char - 1` in writing order of `char - 1`\n // A cursor Pos(line, char, \"after\") is on the same visual line as `char`\n // and before `char` in writing order of `char`\n // Examples (upper-case letters are RTL, lower-case are LTR):\n // Pos(0, 1, ...)\n // before after\n // ab a|b a|b\n // aB a|B aB|\n // Ab |Ab A|b\n // AB B|A B|A\n // Every position after the last character on a line is considered to stick\n // to the last character on the line.\n function cursorCoords(cm, pos, context, lineObj, preparedMeasure, varHeight) {\n lineObj = lineObj || getLine(cm.doc, pos.line);\n if (!preparedMeasure) { preparedMeasure = prepareMeasureForLine(cm, lineObj); }\n function get(ch, right) {\n var m = measureCharPrepared(cm, preparedMeasure, ch, right ? \"right\" : \"left\", varHeight);\n if (right) { m.left = m.right; } else { m.right = m.left; }\n return intoCoordSystem(cm, lineObj, m, context)\n }\n var order = getOrder(lineObj, cm.doc.direction), ch = pos.ch, sticky = pos.sticky;\n if (ch >= lineObj.text.length) {\n ch = lineObj.text.length;\n sticky = \"before\";\n } else if (ch <= 0) {\n ch = 0;\n sticky = \"after\";\n }\n if (!order) { return get(sticky == \"before\" ? ch - 1 : ch, sticky == \"before\") }\n\n function getBidi(ch, partPos, invert) {\n var part = order[partPos], right = part.level == 1;\n return get(invert ? ch - 1 : ch, right != invert)\n }\n var partPos = getBidiPartAt(order, ch, sticky);\n var other = bidiOther;\n var val = getBidi(ch, partPos, sticky == \"before\");\n if (other != null) { val.other = getBidi(ch, other, sticky != \"before\"); }\n return val\n }\n\n // Used to cheaply estimate the coordinates for a position. Used for\n // intermediate scroll updates.\n function estimateCoords(cm, pos) {\n var left = 0;\n pos = clipPos(cm.doc, pos);\n if (!cm.options.lineWrapping) { left = charWidth(cm.display) * pos.ch; }\n var lineObj = getLine(cm.doc, pos.line);\n var top = heightAtLine(lineObj) + paddingTop(cm.display);\n return {left: left, right: left, top: top, bottom: top + lineObj.height}\n }\n\n // Positions returned by coordsChar contain some extra information.\n // xRel is the relative x position of the input coordinates compared\n // to the found position (so xRel > 0 means the coordinates are to\n // the right of the character position, for example). When outside\n // is true, that means the coordinates lie outside the line's\n // vertical range.\n function PosWithInfo(line, ch, sticky, outside, xRel) {\n var pos = Pos(line, ch, sticky);\n pos.xRel = xRel;\n if (outside) { pos.outside = true; }\n return pos\n }\n\n // Compute the character position closest to the given coordinates.\n // Input must be lineSpace-local (\"div\" coordinate system).\n function coordsChar(cm, x, y) {\n var doc = cm.doc;\n y += cm.display.viewOffset;\n if (y < 0) { return PosWithInfo(doc.first, 0, null, true, -1) }\n var lineN = lineAtHeight(doc, y), last = doc.first + doc.size - 1;\n if (lineN > last)\n { return PosWithInfo(doc.first + doc.size - 1, getLine(doc, last).text.length, null, true, 1) }\n if (x < 0) { x = 0; }\n\n var lineObj = getLine(doc, lineN);\n for (;;) {\n var found = coordsCharInner(cm, lineObj, lineN, x, y);\n var collapsed = collapsedSpanAround(lineObj, found.ch + (found.xRel > 0 ? 1 : 0));\n if (!collapsed) { return found }\n var rangeEnd = collapsed.find(1);\n if (rangeEnd.line == lineN) { return rangeEnd }\n lineObj = getLine(doc, lineN = rangeEnd.line);\n }\n }\n\n function wrappedLineExtent(cm, lineObj, preparedMeasure, y) {\n y -= widgetTopHeight(lineObj);\n var end = lineObj.text.length;\n var begin = findFirst(function (ch) { return measureCharPrepared(cm, preparedMeasure, ch - 1).bottom <= y; }, end, 0);\n end = findFirst(function (ch) { return measureCharPrepared(cm, preparedMeasure, ch).top > y; }, begin, end);\n return {begin: begin, end: end}\n }\n\n function wrappedLineExtentChar(cm, lineObj, preparedMeasure, target) {\n if (!preparedMeasure) { preparedMeasure = prepareMeasureForLine(cm, lineObj); }\n var targetTop = intoCoordSystem(cm, lineObj, measureCharPrepared(cm, preparedMeasure, target), \"line\").top;\n return wrappedLineExtent(cm, lineObj, preparedMeasure, targetTop)\n }\n\n // Returns true if the given side of a box is after the given\n // coordinates, in top-to-bottom, left-to-right order.\n function boxIsAfter(box, x, y, left) {\n return box.bottom <= y ? false : box.top > y ? true : (left ? box.left : box.right) > x\n }\n\n function coordsCharInner(cm, lineObj, lineNo$$1, x, y) {\n // Move y into line-local coordinate space\n y -= heightAtLine(lineObj);\n var preparedMeasure = prepareMeasureForLine(cm, lineObj);\n // When directly calling `measureCharPrepared`, we have to adjust\n // for the widgets at this line.\n var widgetHeight$$1 = widgetTopHeight(lineObj);\n var begin = 0, end = lineObj.text.length, ltr = true;\n\n var order = getOrder(lineObj, cm.doc.direction);\n // If the line isn't plain left-to-right text, first figure out\n // which bidi section the coordinates fall into.\n if (order) {\n var part = (cm.options.lineWrapping ? coordsBidiPartWrapped : coordsBidiPart)\n (cm, lineObj, lineNo$$1, preparedMeasure, order, x, y);\n ltr = part.level != 1;\n // The awkward -1 offsets are needed because findFirst (called\n // on these below) will treat its first bound as inclusive,\n // second as exclusive, but we want to actually address the\n // characters in the part's range\n begin = ltr ? part.from : part.to - 1;\n end = ltr ? part.to : part.from - 1;\n }\n\n // A binary search to find the first character whose bounding box\n // starts after the coordinates. If we run across any whose box wrap\n // the coordinates, store that.\n var chAround = null, boxAround = null;\n var ch = findFirst(function (ch) {\n var box = measureCharPrepared(cm, preparedMeasure, ch);\n box.top += widgetHeight$$1; box.bottom += widgetHeight$$1;\n if (!boxIsAfter(box, x, y, false)) { return false }\n if (box.top <= y && box.left <= x) {\n chAround = ch;\n boxAround = box;\n }\n return true\n }, begin, end);\n\n var baseX, sticky, outside = false;\n // If a box around the coordinates was found, use that\n if (boxAround) {\n // Distinguish coordinates nearer to the left or right side of the box\n var atLeft = x - boxAround.left < boxAround.right - x, atStart = atLeft == ltr;\n ch = chAround + (atStart ? 0 : 1);\n sticky = atStart ? \"after\" : \"before\";\n baseX = atLeft ? boxAround.left : boxAround.right;\n } else {\n // (Adjust for extended bound, if necessary.)\n if (!ltr && (ch == end || ch == begin)) { ch++; }\n // To determine which side to associate with, get the box to the\n // left of the character and compare it's vertical position to the\n // coordinates\n sticky = ch == 0 ? \"after\" : ch == lineObj.text.length ? \"before\" :\n (measureCharPrepared(cm, preparedMeasure, ch - (ltr ? 1 : 0)).bottom + widgetHeight$$1 <= y) == ltr ?\n \"after\" : \"before\";\n // Now get accurate coordinates for this place, in order to get a\n // base X position\n var coords = cursorCoords(cm, Pos(lineNo$$1, ch, sticky), \"line\", lineObj, preparedMeasure);\n baseX = coords.left;\n outside = y < coords.top || y >= coords.bottom;\n }\n\n ch = skipExtendingChars(lineObj.text, ch, 1);\n return PosWithInfo(lineNo$$1, ch, sticky, outside, x - baseX)\n }\n\n function coordsBidiPart(cm, lineObj, lineNo$$1, preparedMeasure, order, x, y) {\n // Bidi parts are sorted left-to-right, and in a non-line-wrapping\n // situation, we can take this ordering to correspond to the visual\n // ordering. This finds the first part whose end is after the given\n // coordinates.\n var index = findFirst(function (i) {\n var part = order[i], ltr = part.level != 1;\n return boxIsAfter(cursorCoords(cm, Pos(lineNo$$1, ltr ? part.to : part.from, ltr ? \"before\" : \"after\"),\n \"line\", lineObj, preparedMeasure), x, y, true)\n }, 0, order.length - 1);\n var part = order[index];\n // If this isn't the first part, the part's start is also after\n // the coordinates, and the coordinates aren't on the same line as\n // that start, move one part back.\n if (index > 0) {\n var ltr = part.level != 1;\n var start = cursorCoords(cm, Pos(lineNo$$1, ltr ? part.from : part.to, ltr ? \"after\" : \"before\"),\n \"line\", lineObj, preparedMeasure);\n if (boxIsAfter(start, x, y, true) && start.top > y)\n { part = order[index - 1]; }\n }\n return part\n }\n\n function coordsBidiPartWrapped(cm, lineObj, _lineNo, preparedMeasure, order, x, y) {\n // In a wrapped line, rtl text on wrapping boundaries can do things\n // that don't correspond to the ordering in our `order` array at\n // all, so a binary search doesn't work, and we want to return a\n // part that only spans one line so that the binary search in\n // coordsCharInner is safe. As such, we first find the extent of the\n // wrapped line, and then do a flat search in which we discard any\n // spans that aren't on the line.\n var ref = wrappedLineExtent(cm, lineObj, preparedMeasure, y);\n var begin = ref.begin;\n var end = ref.end;\n if (/\\s/.test(lineObj.text.charAt(end - 1))) { end--; }\n var part = null, closestDist = null;\n for (var i = 0; i < order.length; i++) {\n var p = order[i];\n if (p.from >= end || p.to <= begin) { continue }\n var ltr = p.level != 1;\n var endX = measureCharPrepared(cm, preparedMeasure, ltr ? Math.min(end, p.to) - 1 : Math.max(begin, p.from)).right;\n // Weigh against spans ending before this, so that they are only\n // picked if nothing ends after\n var dist = endX < x ? x - endX + 1e9 : endX - x;\n if (!part || closestDist > dist) {\n part = p;\n closestDist = dist;\n }\n }\n if (!part) { part = order[order.length - 1]; }\n // Clip the part to the wrapped line.\n if (part.from < begin) { part = {from: begin, to: part.to, level: part.level}; }\n if (part.to > end) { part = {from: part.from, to: end, level: part.level}; }\n return part\n }\n\n var measureText;\n // Compute the default text height.\n function textHeight(display) {\n if (display.cachedTextHeight != null) { return display.cachedTextHeight }\n if (measureText == null) {\n measureText = elt(\"pre\");\n // Measure a bunch of lines, for browsers that compute\n // fractional heights.\n for (var i = 0; i < 49; ++i) {\n measureText.appendChild(document.createTextNode(\"x\"));\n measureText.appendChild(elt(\"br\"));\n }\n measureText.appendChild(document.createTextNode(\"x\"));\n }\n removeChildrenAndAdd(display.measure, measureText);\n var height = measureText.offsetHeight / 50;\n if (height > 3) { display.cachedTextHeight = height; }\n removeChildren(display.measure);\n return height || 1\n }\n\n // Compute the default character width.\n function charWidth(display) {\n if (display.cachedCharWidth != null) { return display.cachedCharWidth }\n var anchor = elt(\"span\", \"xxxxxxxxxx\");\n var pre = elt(\"pre\", [anchor]);\n removeChildrenAndAdd(display.measure, pre);\n var rect = anchor.getBoundingClientRect(), width = (rect.right - rect.left) / 10;\n if (width > 2) { display.cachedCharWidth = width; }\n return width || 10\n }\n\n // Do a bulk-read of the DOM positions and sizes needed to draw the\n // editor, so that we don't interleave reading and writing to the DOM.\n function getDimensions(cm) {\n var d = cm.display, left = {}, width = {};\n var gutterLeft = d.gutters.clientLeft;\n for (var n = d.gutters.firstChild, i = 0; n; n = n.nextSibling, ++i) {\n var id = cm.display.gutterSpecs[i].className;\n left[id] = n.offsetLeft + n.clientLeft + gutterLeft;\n width[id] = n.clientWidth;\n }\n return {fixedPos: compensateForHScroll(d),\n gutterTotalWidth: d.gutters.offsetWidth,\n gutterLeft: left,\n gutterWidth: width,\n wrapperWidth: d.wrapper.clientWidth}\n }\n\n // Computes display.scroller.scrollLeft + display.gutters.offsetWidth,\n // but using getBoundingClientRect to get a sub-pixel-accurate\n // result.\n function compensateForHScroll(display) {\n return display.scroller.getBoundingClientRect().left - display.sizer.getBoundingClientRect().left\n }\n\n // Returns a function that estimates the height of a line, to use as\n // first approximation until the line becomes visible (and is thus\n // properly measurable).\n function estimateHeight(cm) {\n var th = textHeight(cm.display), wrapping = cm.options.lineWrapping;\n var perLine = wrapping && Math.max(5, cm.display.scroller.clientWidth / charWidth(cm.display) - 3);\n return function (line) {\n if (lineIsHidden(cm.doc, line)) { return 0 }\n\n var widgetsHeight = 0;\n if (line.widgets) { for (var i = 0; i < line.widgets.length; i++) {\n if (line.widgets[i].height) { widgetsHeight += line.widgets[i].height; }\n } }\n\n if (wrapping)\n { return widgetsHeight + (Math.ceil(line.text.length / perLine) || 1) * th }\n else\n { return widgetsHeight + th }\n }\n }\n\n function estimateLineHeights(cm) {\n var doc = cm.doc, est = estimateHeight(cm);\n doc.iter(function (line) {\n var estHeight = est(line);\n if (estHeight != line.height) { updateLineHeight(line, estHeight); }\n });\n }\n\n // Given a mouse event, find the corresponding position. If liberal\n // is false, it checks whether a gutter or scrollbar was clicked,\n // and returns null if it was. forRect is used by rectangular\n // selections, and tries to estimate a character position even for\n // coordinates beyond the right of the text.\n function posFromMouse(cm, e, liberal, forRect) {\n var display = cm.display;\n if (!liberal && e_target(e).getAttribute(\"cm-not-content\") == \"true\") { return null }\n\n var x, y, space = display.lineSpace.getBoundingClientRect();\n // Fails unpredictably on IE[67] when mouse is dragged around quickly.\n try { x = e.clientX - space.left; y = e.clientY - space.top; }\n catch (e) { return null }\n var coords = coordsChar(cm, x, y), line;\n if (forRect && coords.xRel == 1 && (line = getLine(cm.doc, coords.line).text).length == coords.ch) {\n var colDiff = countColumn(line, line.length, cm.options.tabSize) - line.length;\n coords = Pos(coords.line, Math.max(0, Math.round((x - paddingH(cm.display).left) / charWidth(cm.display)) - colDiff));\n }\n return coords\n }\n\n // Find the editor element corresponding to a given line. Return null\n // when the line isn't visible.\n function findViewIndex(cm, n) {\n if (n >= cm.display.viewTo) { return null }\n n -= cm.display.viewFrom;\n if (n < 0) { return null }\n var view = cm.display.view;\n for (var i = 0; i < view.length; i++) {\n n -= view[i].size;\n if (n < 0) { return i }\n }\n }\n\n // Updates the display.editor data structure for a given change to the\n // document. From and to are in pre-change coordinates. Lendiff is\n // the amount of lines added or subtracted by the change. This is\n // used for changes that span multiple lines, or change the way\n // lines are divided into visual lines. regLineChange (below)\n // registers single-line changes.\n function regChange(cm, from, to, lendiff) {\n if (from == null) { from = cm.doc.first; }\n if (to == null) { to = cm.doc.first + cm.doc.size; }\n if (!lendiff) { lendiff = 0; }\n\n var display = cm.display;\n if (lendiff && to < display.viewTo &&\n (display.updateLineNumbers == null || display.updateLineNumbers > from))\n { display.updateLineNumbers = from; }\n\n cm.curOp.viewChanged = true;\n\n if (from >= display.viewTo) { // Change after\n if (sawCollapsedSpans && visualLineNo(cm.doc, from) < display.viewTo)\n { resetView(cm); }\n } else if (to <= display.viewFrom) { // Change before\n if (sawCollapsedSpans && visualLineEndNo(cm.doc, to + lendiff) > display.viewFrom) {\n resetView(cm);\n } else {\n display.viewFrom += lendiff;\n display.viewTo += lendiff;\n }\n } else if (from <= display.viewFrom && to >= display.viewTo) { // Full overlap\n resetView(cm);\n } else if (from <= display.viewFrom) { // Top overlap\n var cut = viewCuttingPoint(cm, to, to + lendiff, 1);\n if (cut) {\n display.view = display.view.slice(cut.index);\n display.viewFrom = cut.lineN;\n display.viewTo += lendiff;\n } else {\n resetView(cm);\n }\n } else if (to >= display.viewTo) { // Bottom overlap\n var cut$1 = viewCuttingPoint(cm, from, from, -1);\n if (cut$1) {\n display.view = display.view.slice(0, cut$1.index);\n display.viewTo = cut$1.lineN;\n } else {\n resetView(cm);\n }\n } else { // Gap in the middle\n var cutTop = viewCuttingPoint(cm, from, from, -1);\n var cutBot = viewCuttingPoint(cm, to, to + lendiff, 1);\n if (cutTop && cutBot) {\n display.view = display.view.slice(0, cutTop.index)\n .concat(buildViewArray(cm, cutTop.lineN, cutBot.lineN))\n .concat(display.view.slice(cutBot.index));\n display.viewTo += lendiff;\n } else {\n resetView(cm);\n }\n }\n\n var ext = display.externalMeasured;\n if (ext) {\n if (to < ext.lineN)\n { ext.lineN += lendiff; }\n else if (from < ext.lineN + ext.size)\n { display.externalMeasured = null; }\n }\n }\n\n // Register a change to a single line. Type must be one of \"text\",\n // \"gutter\", \"class\", \"widget\"\n function regLineChange(cm, line, type) {\n cm.curOp.viewChanged = true;\n var display = cm.display, ext = cm.display.externalMeasured;\n if (ext && line >= ext.lineN && line < ext.lineN + ext.size)\n { display.externalMeasured = null; }\n\n if (line < display.viewFrom || line >= display.viewTo) { return }\n var lineView = display.view[findViewIndex(cm, line)];\n if (lineView.node == null) { return }\n var arr = lineView.changes || (lineView.changes = []);\n if (indexOf(arr, type) == -1) { arr.push(type); }\n }\n\n // Clear the editor.\n function resetView(cm) {\n cm.display.viewFrom = cm.display.viewTo = cm.doc.first;\n cm.display.view = [];\n cm.display.viewOffset = 0;\n }\n\n function viewCuttingPoint(cm, oldN, newN, dir) {\n var index = findViewIndex(cm, oldN), diff, view = cm.display.view;\n if (!sawCollapsedSpans || newN == cm.doc.first + cm.doc.size)\n { return {index: index, lineN: newN} }\n var n = cm.display.viewFrom;\n for (var i = 0; i < index; i++)\n { n += view[i].size; }\n if (n != oldN) {\n if (dir > 0) {\n if (index == view.length - 1) { return null }\n diff = (n + view[index].size) - oldN;\n index++;\n } else {\n diff = n - oldN;\n }\n oldN += diff; newN += diff;\n }\n while (visualLineNo(cm.doc, newN) != newN) {\n if (index == (dir < 0 ? 0 : view.length - 1)) { return null }\n newN += dir * view[index - (dir < 0 ? 1 : 0)].size;\n index += dir;\n }\n return {index: index, lineN: newN}\n }\n\n // Force the editor to cover a given range, adding empty editor element\n // or clipping off existing ones as needed.\n function adjustView(cm, from, to) {\n var display = cm.display, view = display.view;\n if (view.length == 0 || from >= display.viewTo || to <= display.viewFrom) {\n display.view = buildViewArray(cm, from, to);\n display.viewFrom = from;\n } else {\n if (display.viewFrom > from)\n { display.view = buildViewArray(cm, from, display.viewFrom).concat(display.view); }\n else if (display.viewFrom < from)\n { display.view = display.view.slice(findViewIndex(cm, from)); }\n display.viewFrom = from;\n if (display.viewTo < to)\n { display.view = display.view.concat(buildViewArray(cm, display.viewTo, to)); }\n else if (display.viewTo > to)\n { display.view = display.view.slice(0, findViewIndex(cm, to)); }\n }\n display.viewTo = to;\n }\n\n // Count the number of lines in the editor whose DOM representation is\n // out of date (or nonexistent).\n function countDirtyView(cm) {\n var view = cm.display.view, dirty = 0;\n for (var i = 0; i < view.length; i++) {\n var lineView = view[i];\n if (!lineView.hidden && (!lineView.node || lineView.changes)) { ++dirty; }\n }\n return dirty\n }\n\n function updateSelection(cm) {\n cm.display.input.showSelection(cm.display.input.prepareSelection());\n }\n\n function prepareSelection(cm, primary) {\n if ( primary === void 0 ) primary = true;\n\n var doc = cm.doc, result = {};\n var curFragment = result.cursors = document.createDocumentFragment();\n var selFragment = result.selection = document.createDocumentFragment();\n\n for (var i = 0; i < doc.sel.ranges.length; i++) {\n if (!primary && i == doc.sel.primIndex) { continue }\n var range$$1 = doc.sel.ranges[i];\n if (range$$1.from().line >= cm.display.viewTo || range$$1.to().line < cm.display.viewFrom) { continue }\n var collapsed = range$$1.empty();\n if (collapsed || cm.options.showCursorWhenSelecting)\n { drawSelectionCursor(cm, range$$1.head, curFragment); }\n if (!collapsed)\n { drawSelectionRange(cm, range$$1, selFragment); }\n }\n return result\n }\n\n // Draws a cursor for the given range\n function drawSelectionCursor(cm, head, output) {\n var pos = cursorCoords(cm, head, \"div\", null, null, !cm.options.singleCursorHeightPerLine);\n\n var cursor = output.appendChild(elt(\"div\", \"\\u00a0\", \"CodeMirror-cursor\"));\n cursor.style.left = pos.left + \"px\";\n cursor.style.top = pos.top + \"px\";\n cursor.style.height = Math.max(0, pos.bottom - pos.top) * cm.options.cursorHeight + \"px\";\n\n if (pos.other) {\n // Secondary cursor, shown when on a 'jump' in bi-directional text\n var otherCursor = output.appendChild(elt(\"div\", \"\\u00a0\", \"CodeMirror-cursor CodeMirror-secondarycursor\"));\n otherCursor.style.display = \"\";\n otherCursor.style.left = pos.other.left + \"px\";\n otherCursor.style.top = pos.other.top + \"px\";\n otherCursor.style.height = (pos.other.bottom - pos.other.top) * .85 + \"px\";\n }\n }\n\n function cmpCoords(a, b) { return a.top - b.top || a.left - b.left }\n\n // Draws the given range as a highlighted selection\n function drawSelectionRange(cm, range$$1, output) {\n var display = cm.display, doc = cm.doc;\n var fragment = document.createDocumentFragment();\n var padding = paddingH(cm.display), leftSide = padding.left;\n var rightSide = Math.max(display.sizerWidth, displayWidth(cm) - display.sizer.offsetLeft) - padding.right;\n var docLTR = doc.direction == \"ltr\";\n\n function add(left, top, width, bottom) {\n if (top < 0) { top = 0; }\n top = Math.round(top);\n bottom = Math.round(bottom);\n fragment.appendChild(elt(\"div\", null, \"CodeMirror-selected\", (\"position: absolute; left: \" + left + \"px;\\n top: \" + top + \"px; width: \" + (width == null ? rightSide - left : width) + \"px;\\n height: \" + (bottom - top) + \"px\")));\n }\n\n function drawForLine(line, fromArg, toArg) {\n var lineObj = getLine(doc, line);\n var lineLen = lineObj.text.length;\n var start, end;\n function coords(ch, bias) {\n return charCoords(cm, Pos(line, ch), \"div\", lineObj, bias)\n }\n\n function wrapX(pos, dir, side) {\n var extent = wrappedLineExtentChar(cm, lineObj, null, pos);\n var prop = (dir == \"ltr\") == (side == \"after\") ? \"left\" : \"right\";\n var ch = side == \"after\" ? extent.begin : extent.end - (/\\s/.test(lineObj.text.charAt(extent.end - 1)) ? 2 : 1);\n return coords(ch, prop)[prop]\n }\n\n var order = getOrder(lineObj, doc.direction);\n iterateBidiSections(order, fromArg || 0, toArg == null ? lineLen : toArg, function (from, to, dir, i) {\n var ltr = dir == \"ltr\";\n var fromPos = coords(from, ltr ? \"left\" : \"right\");\n var toPos = coords(to - 1, ltr ? \"right\" : \"left\");\n\n var openStart = fromArg == null && from == 0, openEnd = toArg == null && to == lineLen;\n var first = i == 0, last = !order || i == order.length - 1;\n if (toPos.top - fromPos.top <= 3) { // Single line\n var openLeft = (docLTR ? openStart : openEnd) && first;\n var openRight = (docLTR ? openEnd : openStart) && last;\n var left = openLeft ? leftSide : (ltr ? fromPos : toPos).left;\n var right = openRight ? rightSide : (ltr ? toPos : fromPos).right;\n add(left, fromPos.top, right - left, fromPos.bottom);\n } else { // Multiple lines\n var topLeft, topRight, botLeft, botRight;\n if (ltr) {\n topLeft = docLTR && openStart && first ? leftSide : fromPos.left;\n topRight = docLTR ? rightSide : wrapX(from, dir, \"before\");\n botLeft = docLTR ? leftSide : wrapX(to, dir, \"after\");\n botRight = docLTR && openEnd && last ? rightSide : toPos.right;\n } else {\n topLeft = !docLTR ? leftSide : wrapX(from, dir, \"before\");\n topRight = !docLTR && openStart && first ? rightSide : fromPos.right;\n botLeft = !docLTR && openEnd && last ? leftSide : toPos.left;\n botRight = !docLTR ? rightSide : wrapX(to, dir, \"after\");\n }\n add(topLeft, fromPos.top, topRight - topLeft, fromPos.bottom);\n if (fromPos.bottom < toPos.top) { add(leftSide, fromPos.bottom, null, toPos.top); }\n add(botLeft, toPos.top, botRight - botLeft, toPos.bottom);\n }\n\n if (!start || cmpCoords(fromPos, start) < 0) { start = fromPos; }\n if (cmpCoords(toPos, start) < 0) { start = toPos; }\n if (!end || cmpCoords(fromPos, end) < 0) { end = fromPos; }\n if (cmpCoords(toPos, end) < 0) { end = toPos; }\n });\n return {start: start, end: end}\n }\n\n var sFrom = range$$1.from(), sTo = range$$1.to();\n if (sFrom.line == sTo.line) {\n drawForLine(sFrom.line, sFrom.ch, sTo.ch);\n } else {\n var fromLine = getLine(doc, sFrom.line), toLine = getLine(doc, sTo.line);\n var singleVLine = visualLine(fromLine) == visualLine(toLine);\n var leftEnd = drawForLine(sFrom.line, sFrom.ch, singleVLine ? fromLine.text.length + 1 : null).end;\n var rightStart = drawForLine(sTo.line, singleVLine ? 0 : null, sTo.ch).start;\n if (singleVLine) {\n if (leftEnd.top < rightStart.top - 2) {\n add(leftEnd.right, leftEnd.top, null, leftEnd.bottom);\n add(leftSide, rightStart.top, rightStart.left, rightStart.bottom);\n } else {\n add(leftEnd.right, leftEnd.top, rightStart.left - leftEnd.right, leftEnd.bottom);\n }\n }\n if (leftEnd.bottom < rightStart.top)\n { add(leftSide, leftEnd.bottom, null, rightStart.top); }\n }\n\n output.appendChild(fragment);\n }\n\n // Cursor-blinking\n function restartBlink(cm) {\n if (!cm.state.focused) { return }\n var display = cm.display;\n clearInterval(display.blinker);\n var on = true;\n display.cursorDiv.style.visibility = \"\";\n if (cm.options.cursorBlinkRate > 0)\n { display.blinker = setInterval(function () { return display.cursorDiv.style.visibility = (on = !on) ? \"\" : \"hidden\"; },\n cm.options.cursorBlinkRate); }\n else if (cm.options.cursorBlinkRate < 0)\n { display.cursorDiv.style.visibility = \"hidden\"; }\n }\n\n function ensureFocus(cm) {\n if (!cm.state.focused) { cm.display.input.focus(); onFocus(cm); }\n }\n\n function delayBlurEvent(cm) {\n cm.state.delayingBlurEvent = true;\n setTimeout(function () { if (cm.state.delayingBlurEvent) {\n cm.state.delayingBlurEvent = false;\n onBlur(cm);\n } }, 100);\n }\n\n function onFocus(cm, e) {\n if (cm.state.delayingBlurEvent) { cm.state.delayingBlurEvent = false; }\n\n if (cm.options.readOnly == \"nocursor\") { return }\n if (!cm.state.focused) {\n signal(cm, \"focus\", cm, e);\n cm.state.focused = true;\n addClass(cm.display.wrapper, \"CodeMirror-focused\");\n // This test prevents this from firing when a context\n // menu is closed (since the input reset would kill the\n // select-all detection hack)\n if (!cm.curOp && cm.display.selForContextMenu != cm.doc.sel) {\n cm.display.input.reset();\n if (webkit) { setTimeout(function () { return cm.display.input.reset(true); }, 20); } // Issue #1730\n }\n cm.display.input.receivedFocus();\n }\n restartBlink(cm);\n }\n function onBlur(cm, e) {\n if (cm.state.delayingBlurEvent) { return }\n\n if (cm.state.focused) {\n signal(cm, \"blur\", cm, e);\n cm.state.focused = false;\n rmClass(cm.display.wrapper, \"CodeMirror-focused\");\n }\n clearInterval(cm.display.blinker);\n setTimeout(function () { if (!cm.state.focused) { cm.display.shift = false; } }, 150);\n }\n\n // Read the actual heights of the rendered lines, and update their\n // stored heights to match.\n function updateHeightsInViewport(cm) {\n var display = cm.display;\n var prevBottom = display.lineDiv.offsetTop;\n for (var i = 0; i < display.view.length; i++) {\n var cur = display.view[i], wrapping = cm.options.lineWrapping;\n var height = (void 0), width = 0;\n if (cur.hidden) { continue }\n if (ie && ie_version < 8) {\n var bot = cur.node.offsetTop + cur.node.offsetHeight;\n height = bot - prevBottom;\n prevBottom = bot;\n } else {\n var box = cur.node.getBoundingClientRect();\n height = box.bottom - box.top;\n // Check that lines don't extend past the right of the current\n // editor width\n if (!wrapping && cur.text.firstChild)\n { width = cur.text.firstChild.getBoundingClientRect().right - box.left - 1; }\n }\n var diff = cur.line.height - height;\n if (diff > .005 || diff < -.005) {\n updateLineHeight(cur.line, height);\n updateWidgetHeight(cur.line);\n if (cur.rest) { for (var j = 0; j < cur.rest.length; j++)\n { updateWidgetHeight(cur.rest[j]); } }\n }\n if (width > cm.display.sizerWidth) {\n var chWidth = Math.ceil(width / charWidth(cm.display));\n if (chWidth > cm.display.maxLineLength) {\n cm.display.maxLineLength = chWidth;\n cm.display.maxLine = cur.line;\n cm.display.maxLineChanged = true;\n }\n }\n }\n }\n\n // Read and store the height of line widgets associated with the\n // given line.\n function updateWidgetHeight(line) {\n if (line.widgets) { for (var i = 0; i < line.widgets.length; ++i) {\n var w = line.widgets[i], parent = w.node.parentNode;\n if (parent) { w.height = parent.offsetHeight; }\n } }\n }\n\n // Compute the lines that are visible in a given viewport (defaults\n // the the current scroll position). viewport may contain top,\n // height, and ensure (see op.scrollToPos) properties.\n function visibleLines(display, doc, viewport) {\n var top = viewport && viewport.top != null ? Math.max(0, viewport.top) : display.scroller.scrollTop;\n top = Math.floor(top - paddingTop(display));\n var bottom = viewport && viewport.bottom != null ? viewport.bottom : top + display.wrapper.clientHeight;\n\n var from = lineAtHeight(doc, top), to = lineAtHeight(doc, bottom);\n // Ensure is a {from: {line, ch}, to: {line, ch}} object, and\n // forces those lines into the viewport (if possible).\n if (viewport && viewport.ensure) {\n var ensureFrom = viewport.ensure.from.line, ensureTo = viewport.ensure.to.line;\n if (ensureFrom < from) {\n from = ensureFrom;\n to = lineAtHeight(doc, heightAtLine(getLine(doc, ensureFrom)) + display.wrapper.clientHeight);\n } else if (Math.min(ensureTo, doc.lastLine()) >= to) {\n from = lineAtHeight(doc, heightAtLine(getLine(doc, ensureTo)) - display.wrapper.clientHeight);\n to = ensureTo;\n }\n }\n return {from: from, to: Math.max(to, from + 1)}\n }\n\n // SCROLLING THINGS INTO VIEW\n\n // If an editor sits on the top or bottom of the window, partially\n // scrolled out of editor, this ensures that the cursor is visible.\n function maybeScrollWindow(cm, rect) {\n if (signalDOMEvent(cm, \"scrollCursorIntoView\")) { return }\n\n var display = cm.display, box = display.sizer.getBoundingClientRect(), doScroll = null;\n if (rect.top + box.top < 0) { doScroll = true; }\n else if (rect.bottom + box.top > (window.innerHeight || document.documentElement.clientHeight)) { doScroll = false; }\n if (doScroll != null && !phantom) {\n var scrollNode = elt(\"div\", \"\\u200b\", null, (\"position: absolute;\\n top: \" + (rect.top - display.viewOffset - paddingTop(cm.display)) + \"px;\\n height: \" + (rect.bottom - rect.top + scrollGap(cm) + display.barHeight) + \"px;\\n left: \" + (rect.left) + \"px; width: \" + (Math.max(2, rect.right - rect.left)) + \"px;\"));\n cm.display.lineSpace.appendChild(scrollNode);\n scrollNode.scrollIntoView(doScroll);\n cm.display.lineSpace.removeChild(scrollNode);\n }\n }\n\n // Scroll a given position into editor (immediately), verifying that\n // it actually became visible (as line heights are accurately\n // measured, the position of something may 'drift' during drawing).\n function scrollPosIntoView(cm, pos, end, margin) {\n if (margin == null) { margin = 0; }\n var rect;\n if (!cm.options.lineWrapping && pos == end) {\n // Set pos and end to the cursor positions around the character pos sticks to\n // If pos.sticky == \"before\", that is around pos.ch - 1, otherwise around pos.ch\n // If pos == Pos(_, 0, \"before\"), pos and end are unchanged\n pos = pos.ch ? Pos(pos.line, pos.sticky == \"before\" ? pos.ch - 1 : pos.ch, \"after\") : pos;\n end = pos.sticky == \"before\" ? Pos(pos.line, pos.ch + 1, \"before\") : pos;\n }\n for (var limit = 0; limit < 5; limit++) {\n var changed = false;\n var coords = cursorCoords(cm, pos);\n var endCoords = !end || end == pos ? coords : cursorCoords(cm, end);\n rect = {left: Math.min(coords.left, endCoords.left),\n top: Math.min(coords.top, endCoords.top) - margin,\n right: Math.max(coords.left, endCoords.left),\n bottom: Math.max(coords.bottom, endCoords.bottom) + margin};\n var scrollPos = calculateScrollPos(cm, rect);\n var startTop = cm.doc.scrollTop, startLeft = cm.doc.scrollLeft;\n if (scrollPos.scrollTop != null) {\n updateScrollTop(cm, scrollPos.scrollTop);\n if (Math.abs(cm.doc.scrollTop - startTop) > 1) { changed = true; }\n }\n if (scrollPos.scrollLeft != null) {\n setScrollLeft(cm, scrollPos.scrollLeft);\n if (Math.abs(cm.doc.scrollLeft - startLeft) > 1) { changed = true; }\n }\n if (!changed) { break }\n }\n return rect\n }\n\n // Scroll a given set of coordinates into editor (immediately).\n function scrollIntoView(cm, rect) {\n var scrollPos = calculateScrollPos(cm, rect);\n if (scrollPos.scrollTop != null) { updateScrollTop(cm, scrollPos.scrollTop); }\n if (scrollPos.scrollLeft != null) { setScrollLeft(cm, scrollPos.scrollLeft); }\n }\n\n // Calculate a new scroll position needed to scroll the given\n // rectangle into editor. Returns an object with scrollTop and\n // scrollLeft properties. When these are undefined, the\n // vertical/horizontal position does not need to be adjusted.\n function calculateScrollPos(cm, rect) {\n var display = cm.display, snapMargin = textHeight(cm.display);\n if (rect.top < 0) { rect.top = 0; }\n var screentop = cm.curOp && cm.curOp.scrollTop != null ? cm.curOp.scrollTop : display.scroller.scrollTop;\n var screen = displayHeight(cm), result = {};\n if (rect.bottom - rect.top > screen) { rect.bottom = rect.top + screen; }\n var docBottom = cm.doc.height + paddingVert(display);\n var atTop = rect.top < snapMargin, atBottom = rect.bottom > docBottom - snapMargin;\n if (rect.top < screentop) {\n result.scrollTop = atTop ? 0 : rect.top;\n } else if (rect.bottom > screentop + screen) {\n var newTop = Math.min(rect.top, (atBottom ? docBottom : rect.bottom) - screen);\n if (newTop != screentop) { result.scrollTop = newTop; }\n }\n\n var screenleft = cm.curOp && cm.curOp.scrollLeft != null ? cm.curOp.scrollLeft : display.scroller.scrollLeft;\n var screenw = displayWidth(cm) - (cm.options.fixedGutter ? display.gutters.offsetWidth : 0);\n var tooWide = rect.right - rect.left > screenw;\n if (tooWide) { rect.right = rect.left + screenw; }\n if (rect.left < 10)\n { result.scrollLeft = 0; }\n else if (rect.left < screenleft)\n { result.scrollLeft = Math.max(0, rect.left - (tooWide ? 0 : 10)); }\n else if (rect.right > screenw + screenleft - 3)\n { result.scrollLeft = rect.right + (tooWide ? 0 : 10) - screenw; }\n return result\n }\n\n // Store a relative adjustment to the scroll position in the current\n // operation (to be applied when the operation finishes).\n function addToScrollTop(cm, top) {\n if (top == null) { return }\n resolveScrollToPos(cm);\n cm.curOp.scrollTop = (cm.curOp.scrollTop == null ? cm.doc.scrollTop : cm.curOp.scrollTop) + top;\n }\n\n // Make sure that at the end of the operation the current cursor is\n // shown.\n function ensureCursorVisible(cm) {\n resolveScrollToPos(cm);\n var cur = cm.getCursor();\n cm.curOp.scrollToPos = {from: cur, to: cur, margin: cm.options.cursorScrollMargin};\n }\n\n function scrollToCoords(cm, x, y) {\n if (x != null || y != null) { resolveScrollToPos(cm); }\n if (x != null) { cm.curOp.scrollLeft = x; }\n if (y != null) { cm.curOp.scrollTop = y; }\n }\n\n function scrollToRange(cm, range$$1) {\n resolveScrollToPos(cm);\n cm.curOp.scrollToPos = range$$1;\n }\n\n // When an operation has its scrollToPos property set, and another\n // scroll action is applied before the end of the operation, this\n // 'simulates' scrolling that position into editor in a cheap way, so\n // that the effect of intermediate scroll commands is not ignored.\n function resolveScrollToPos(cm) {\n var range$$1 = cm.curOp.scrollToPos;\n if (range$$1) {\n cm.curOp.scrollToPos = null;\n var from = estimateCoords(cm, range$$1.from), to = estimateCoords(cm, range$$1.to);\n scrollToCoordsRange(cm, from, to, range$$1.margin);\n }\n }\n\n function scrollToCoordsRange(cm, from, to, margin) {\n var sPos = calculateScrollPos(cm, {\n left: Math.min(from.left, to.left),\n top: Math.min(from.top, to.top) - margin,\n right: Math.max(from.right, to.right),\n bottom: Math.max(from.bottom, to.bottom) + margin\n });\n scrollToCoords(cm, sPos.scrollLeft, sPos.scrollTop);\n }\n\n // Sync the scrollable area and scrollbars, ensure the viewport\n // covers the visible area.\n function updateScrollTop(cm, val) {\n if (Math.abs(cm.doc.scrollTop - val) < 2) { return }\n if (!gecko) { updateDisplaySimple(cm, {top: val}); }\n setScrollTop(cm, val, true);\n if (gecko) { updateDisplaySimple(cm); }\n startWorker(cm, 100);\n }\n\n function setScrollTop(cm, val, forceScroll) {\n val = Math.min(cm.display.scroller.scrollHeight - cm.display.scroller.clientHeight, val);\n if (cm.display.scroller.scrollTop == val && !forceScroll) { return }\n cm.doc.scrollTop = val;\n cm.display.scrollbars.setScrollTop(val);\n if (cm.display.scroller.scrollTop != val) { cm.display.scroller.scrollTop = val; }\n }\n\n // Sync scroller and scrollbar, ensure the gutter elements are\n // aligned.\n function setScrollLeft(cm, val, isScroller, forceScroll) {\n val = Math.min(val, cm.display.scroller.scrollWidth - cm.display.scroller.clientWidth);\n if ((isScroller ? val == cm.doc.scrollLeft : Math.abs(cm.doc.scrollLeft - val) < 2) && !forceScroll) { return }\n cm.doc.scrollLeft = val;\n alignHorizontally(cm);\n if (cm.display.scroller.scrollLeft != val) { cm.display.scroller.scrollLeft = val; }\n cm.display.scrollbars.setScrollLeft(val);\n }\n\n // SCROLLBARS\n\n // Prepare DOM reads needed to update the scrollbars. Done in one\n // shot to minimize update/measure roundtrips.\n function measureForScrollbars(cm) {\n var d = cm.display, gutterW = d.gutters.offsetWidth;\n var docH = Math.round(cm.doc.height + paddingVert(cm.display));\n return {\n clientHeight: d.scroller.clientHeight,\n viewHeight: d.wrapper.clientHeight,\n scrollWidth: d.scroller.scrollWidth, clientWidth: d.scroller.clientWidth,\n viewWidth: d.wrapper.clientWidth,\n barLeft: cm.options.fixedGutter ? gutterW : 0,\n docHeight: docH,\n scrollHeight: docH + scrollGap(cm) + d.barHeight,\n nativeBarWidth: d.nativeBarWidth,\n gutterWidth: gutterW\n }\n }\n\n var NativeScrollbars = function(place, scroll, cm) {\n this.cm = cm;\n var vert = this.vert = elt(\"div\", [elt(\"div\", null, null, \"min-width: 1px\")], \"CodeMirror-vscrollbar\");\n var horiz = this.horiz = elt(\"div\", [elt(\"div\", null, null, \"height: 100%; min-height: 1px\")], \"CodeMirror-hscrollbar\");\n vert.tabIndex = horiz.tabIndex = -1;\n place(vert); place(horiz);\n\n on(vert, \"scroll\", function () {\n if (vert.clientHeight) { scroll(vert.scrollTop, \"vertical\"); }\n });\n on(horiz, \"scroll\", function () {\n if (horiz.clientWidth) { scroll(horiz.scrollLeft, \"horizontal\"); }\n });\n\n this.checkedZeroWidth = false;\n // Need to set a minimum width to see the scrollbar on IE7 (but must not set it on IE8).\n if (ie && ie_version < 8) { this.horiz.style.minHeight = this.vert.style.minWidth = \"18px\"; }\n };\n\n NativeScrollbars.prototype.update = function (measure) {\n var needsH = measure.scrollWidth > measure.clientWidth + 1;\n var needsV = measure.scrollHeight > measure.clientHeight + 1;\n var sWidth = measure.nativeBarWidth;\n\n if (needsV) {\n this.vert.style.display = \"block\";\n this.vert.style.bottom = needsH ? sWidth + \"px\" : \"0\";\n var totalHeight = measure.viewHeight - (needsH ? sWidth : 0);\n // A bug in IE8 can cause this value to be negative, so guard it.\n this.vert.firstChild.style.height =\n Math.max(0, measure.scrollHeight - measure.clientHeight + totalHeight) + \"px\";\n } else {\n this.vert.style.display = \"\";\n this.vert.firstChild.style.height = \"0\";\n }\n\n if (needsH) {\n this.horiz.style.display = \"block\";\n this.horiz.style.right = needsV ? sWidth + \"px\" : \"0\";\n this.horiz.style.left = measure.barLeft + \"px\";\n var totalWidth = measure.viewWidth - measure.barLeft - (needsV ? sWidth : 0);\n this.horiz.firstChild.style.width =\n Math.max(0, measure.scrollWidth - measure.clientWidth + totalWidth) + \"px\";\n } else {\n this.horiz.style.display = \"\";\n this.horiz.firstChild.style.width = \"0\";\n }\n\n if (!this.checkedZeroWidth && measure.clientHeight > 0) {\n if (sWidth == 0) { this.zeroWidthHack(); }\n this.checkedZeroWidth = true;\n }\n\n return {right: needsV ? sWidth : 0, bottom: needsH ? sWidth : 0}\n };\n\n NativeScrollbars.prototype.setScrollLeft = function (pos) {\n if (this.horiz.scrollLeft != pos) { this.horiz.scrollLeft = pos; }\n if (this.disableHoriz) { this.enableZeroWidthBar(this.horiz, this.disableHoriz, \"horiz\"); }\n };\n\n NativeScrollbars.prototype.setScrollTop = function (pos) {\n if (this.vert.scrollTop != pos) { this.vert.scrollTop = pos; }\n if (this.disableVert) { this.enableZeroWidthBar(this.vert, this.disableVert, \"vert\"); }\n };\n\n NativeScrollbars.prototype.zeroWidthHack = function () {\n var w = mac && !mac_geMountainLion ? \"12px\" : \"18px\";\n this.horiz.style.height = this.vert.style.width = w;\n this.horiz.style.pointerEvents = this.vert.style.pointerEvents = \"none\";\n this.disableHoriz = new Delayed;\n this.disableVert = new Delayed;\n };\n\n NativeScrollbars.prototype.enableZeroWidthBar = function (bar, delay, type) {\n bar.style.pointerEvents = \"auto\";\n function maybeDisable() {\n // To find out whether the scrollbar is still visible, we\n // check whether the element under the pixel in the bottom\n // right corner of the scrollbar box is the scrollbar box\n // itself (when the bar is still visible) or its filler child\n // (when the bar is hidden). If it is still visible, we keep\n // it enabled, if it's hidden, we disable pointer events.\n var box = bar.getBoundingClientRect();\n var elt$$1 = type == \"vert\" ? document.elementFromPoint(box.right - 1, (box.top + box.bottom) / 2)\n : document.elementFromPoint((box.right + box.left) / 2, box.bottom - 1);\n if (elt$$1 != bar) { bar.style.pointerEvents = \"none\"; }\n else { delay.set(1000, maybeDisable); }\n }\n delay.set(1000, maybeDisable);\n };\n\n NativeScrollbars.prototype.clear = function () {\n var parent = this.horiz.parentNode;\n parent.removeChild(this.horiz);\n parent.removeChild(this.vert);\n };\n\n var NullScrollbars = function () {};\n\n NullScrollbars.prototype.update = function () { return {bottom: 0, right: 0} };\n NullScrollbars.prototype.setScrollLeft = function () {};\n NullScrollbars.prototype.setScrollTop = function () {};\n NullScrollbars.prototype.clear = function () {};\n\n function updateScrollbars(cm, measure) {\n if (!measure) { measure = measureForScrollbars(cm); }\n var startWidth = cm.display.barWidth, startHeight = cm.display.barHeight;\n updateScrollbarsInner(cm, measure);\n for (var i = 0; i < 4 && startWidth != cm.display.barWidth || startHeight != cm.display.barHeight; i++) {\n if (startWidth != cm.display.barWidth && cm.options.lineWrapping)\n { updateHeightsInViewport(cm); }\n updateScrollbarsInner(cm, measureForScrollbars(cm));\n startWidth = cm.display.barWidth; startHeight = cm.display.barHeight;\n }\n }\n\n // Re-synchronize the fake scrollbars with the actual size of the\n // content.\n function updateScrollbarsInner(cm, measure) {\n var d = cm.display;\n var sizes = d.scrollbars.update(measure);\n\n d.sizer.style.paddingRight = (d.barWidth = sizes.right) + \"px\";\n d.sizer.style.paddingBottom = (d.barHeight = sizes.bottom) + \"px\";\n d.heightForcer.style.borderBottom = sizes.bottom + \"px solid transparent\";\n\n if (sizes.right && sizes.bottom) {\n d.scrollbarFiller.style.display = \"block\";\n d.scrollbarFiller.style.height = sizes.bottom + \"px\";\n d.scrollbarFiller.style.width = sizes.right + \"px\";\n } else { d.scrollbarFiller.style.display = \"\"; }\n if (sizes.bottom && cm.options.coverGutterNextToScrollbar && cm.options.fixedGutter) {\n d.gutterFiller.style.display = \"block\";\n d.gutterFiller.style.height = sizes.bottom + \"px\";\n d.gutterFiller.style.width = measure.gutterWidth + \"px\";\n } else { d.gutterFiller.style.display = \"\"; }\n }\n\n var scrollbarModel = {\"native\": NativeScrollbars, \"null\": NullScrollbars};\n\n function initScrollbars(cm) {\n if (cm.display.scrollbars) {\n cm.display.scrollbars.clear();\n if (cm.display.scrollbars.addClass)\n { rmClass(cm.display.wrapper, cm.display.scrollbars.addClass); }\n }\n\n cm.display.scrollbars = new scrollbarModel[cm.options.scrollbarStyle](function (node) {\n cm.display.wrapper.insertBefore(node, cm.display.scrollbarFiller);\n // Prevent clicks in the scrollbars from killing focus\n on(node, \"mousedown\", function () {\n if (cm.state.focused) { setTimeout(function () { return cm.display.input.focus(); }, 0); }\n });\n node.setAttribute(\"cm-not-content\", \"true\");\n }, function (pos, axis) {\n if (axis == \"horizontal\") { setScrollLeft(cm, pos); }\n else { updateScrollTop(cm, pos); }\n }, cm);\n if (cm.display.scrollbars.addClass)\n { addClass(cm.display.wrapper, cm.display.scrollbars.addClass); }\n }\n\n // Operations are used to wrap a series of changes to the editor\n // state in such a way that each change won't have to update the\n // cursor and display (which would be awkward, slow, and\n // error-prone). Instead, display updates are batched and then all\n // combined and executed at once.\n\n var nextOpId = 0;\n // Start a new operation.\n function startOperation(cm) {\n cm.curOp = {\n cm: cm,\n viewChanged: false, // Flag that indicates that lines might need to be redrawn\n startHeight: cm.doc.height, // Used to detect need to update scrollbar\n forceUpdate: false, // Used to force a redraw\n updateInput: 0, // Whether to reset the input textarea\n typing: false, // Whether this reset should be careful to leave existing text (for compositing)\n changeObjs: null, // Accumulated changes, for firing change events\n cursorActivityHandlers: null, // Set of handlers to fire cursorActivity on\n cursorActivityCalled: 0, // Tracks which cursorActivity handlers have been called already\n selectionChanged: false, // Whether the selection needs to be redrawn\n updateMaxLine: false, // Set when the widest line needs to be determined anew\n scrollLeft: null, scrollTop: null, // Intermediate scroll position, not pushed to DOM yet\n scrollToPos: null, // Used to scroll to a specific position\n focus: false,\n id: ++nextOpId // Unique ID\n };\n pushOperation(cm.curOp);\n }\n\n // Finish an operation, updating the display and signalling delayed events\n function endOperation(cm) {\n var op = cm.curOp;\n if (op) { finishOperation(op, function (group) {\n for (var i = 0; i < group.ops.length; i++)\n { group.ops[i].cm.curOp = null; }\n endOperations(group);\n }); }\n }\n\n // The DOM updates done when an operation finishes are batched so\n // that the minimum number of relayouts are required.\n function endOperations(group) {\n var ops = group.ops;\n for (var i = 0; i < ops.length; i++) // Read DOM\n { endOperation_R1(ops[i]); }\n for (var i$1 = 0; i$1 < ops.length; i$1++) // Write DOM (maybe)\n { endOperation_W1(ops[i$1]); }\n for (var i$2 = 0; i$2 < ops.length; i$2++) // Read DOM\n { endOperation_R2(ops[i$2]); }\n for (var i$3 = 0; i$3 < ops.length; i$3++) // Write DOM (maybe)\n { endOperation_W2(ops[i$3]); }\n for (var i$4 = 0; i$4 < ops.length; i$4++) // Read DOM\n { endOperation_finish(ops[i$4]); }\n }\n\n function endOperation_R1(op) {\n var cm = op.cm, display = cm.display;\n maybeClipScrollbars(cm);\n if (op.updateMaxLine) { findMaxLine(cm); }\n\n op.mustUpdate = op.viewChanged || op.forceUpdate || op.scrollTop != null ||\n op.scrollToPos && (op.scrollToPos.from.line < display.viewFrom ||\n op.scrollToPos.to.line >= display.viewTo) ||\n display.maxLineChanged && cm.options.lineWrapping;\n op.update = op.mustUpdate &&\n new DisplayUpdate(cm, op.mustUpdate && {top: op.scrollTop, ensure: op.scrollToPos}, op.forceUpdate);\n }\n\n function endOperation_W1(op) {\n op.updatedDisplay = op.mustUpdate && updateDisplayIfNeeded(op.cm, op.update);\n }\n\n function endOperation_R2(op) {\n var cm = op.cm, display = cm.display;\n if (op.updatedDisplay) { updateHeightsInViewport(cm); }\n\n op.barMeasure = measureForScrollbars(cm);\n\n // If the max line changed since it was last measured, measure it,\n // and ensure the document's width matches it.\n // updateDisplay_W2 will use these properties to do the actual resizing\n if (display.maxLineChanged && !cm.options.lineWrapping) {\n op.adjustWidthTo = measureChar(cm, display.maxLine, display.maxLine.text.length).left + 3;\n cm.display.sizerWidth = op.adjustWidthTo;\n op.barMeasure.scrollWidth =\n Math.max(display.scroller.clientWidth, display.sizer.offsetLeft + op.adjustWidthTo + scrollGap(cm) + cm.display.barWidth);\n op.maxScrollLeft = Math.max(0, display.sizer.offsetLeft + op.adjustWidthTo - displayWidth(cm));\n }\n\n if (op.updatedDisplay || op.selectionChanged)\n { op.preparedSelection = display.input.prepareSelection(); }\n }\n\n function endOperation_W2(op) {\n var cm = op.cm;\n\n if (op.adjustWidthTo != null) {\n cm.display.sizer.style.minWidth = op.adjustWidthTo + \"px\";\n if (op.maxScrollLeft < cm.doc.scrollLeft)\n { setScrollLeft(cm, Math.min(cm.display.scroller.scrollLeft, op.maxScrollLeft), true); }\n cm.display.maxLineChanged = false;\n }\n\n var takeFocus = op.focus && op.focus == activeElt();\n if (op.preparedSelection)\n { cm.display.input.showSelection(op.preparedSelection, takeFocus); }\n if (op.updatedDisplay || op.startHeight != cm.doc.height)\n { updateScrollbars(cm, op.barMeasure); }\n if (op.updatedDisplay)\n { setDocumentHeight(cm, op.barMeasure); }\n\n if (op.selectionChanged) { restartBlink(cm); }\n\n if (cm.state.focused && op.updateInput)\n { cm.display.input.reset(op.typing); }\n if (takeFocus) { ensureFocus(op.cm); }\n }\n\n function endOperation_finish(op) {\n var cm = op.cm, display = cm.display, doc = cm.doc;\n\n if (op.updatedDisplay) { postUpdateDisplay(cm, op.update); }\n\n // Abort mouse wheel delta measurement, when scrolling explicitly\n if (display.wheelStartX != null && (op.scrollTop != null || op.scrollLeft != null || op.scrollToPos))\n { display.wheelStartX = display.wheelStartY = null; }\n\n // Propagate the scroll position to the actual DOM scroller\n if (op.scrollTop != null) { setScrollTop(cm, op.scrollTop, op.forceScroll); }\n\n if (op.scrollLeft != null) { setScrollLeft(cm, op.scrollLeft, true, true); }\n // If we need to scroll a specific position into editor, do so.\n if (op.scrollToPos) {\n var rect = scrollPosIntoView(cm, clipPos(doc, op.scrollToPos.from),\n clipPos(doc, op.scrollToPos.to), op.scrollToPos.margin);\n maybeScrollWindow(cm, rect);\n }\n\n // Fire events for markers that are hidden/unidden by editing or\n // undoing\n var hidden = op.maybeHiddenMarkers, unhidden = op.maybeUnhiddenMarkers;\n if (hidden) { for (var i = 0; i < hidden.length; ++i)\n { if (!hidden[i].lines.length) { signal(hidden[i], \"hide\"); } } }\n if (unhidden) { for (var i$1 = 0; i$1 < unhidden.length; ++i$1)\n { if (unhidden[i$1].lines.length) { signal(unhidden[i$1], \"unhide\"); } } }\n\n if (display.wrapper.offsetHeight)\n { doc.scrollTop = cm.display.scroller.scrollTop; }\n\n // Fire change events, and delayed event handlers\n if (op.changeObjs)\n { signal(cm, \"changes\", cm, op.changeObjs); }\n if (op.update)\n { op.update.finish(); }\n }\n\n // Run the given function in an operation\n function runInOp(cm, f) {\n if (cm.curOp) { return f() }\n startOperation(cm);\n try { return f() }\n finally { endOperation(cm); }\n }\n // Wraps a function in an operation. Returns the wrapped function.\n function operation(cm, f) {\n return function() {\n if (cm.curOp) { return f.apply(cm, arguments) }\n startOperation(cm);\n try { return f.apply(cm, arguments) }\n finally { endOperation(cm); }\n }\n }\n // Used to add methods to editor and doc instances, wrapping them in\n // operations.\n function methodOp(f) {\n return function() {\n if (this.curOp) { return f.apply(this, arguments) }\n startOperation(this);\n try { return f.apply(this, arguments) }\n finally { endOperation(this); }\n }\n }\n function docMethodOp(f) {\n return function() {\n var cm = this.cm;\n if (!cm || cm.curOp) { return f.apply(this, arguments) }\n startOperation(cm);\n try { return f.apply(this, arguments) }\n finally { endOperation(cm); }\n }\n }\n\n // HIGHLIGHT WORKER\n\n function startWorker(cm, time) {\n if (cm.doc.highlightFrontier < cm.display.viewTo)\n { cm.state.highlight.set(time, bind(highlightWorker, cm)); }\n }\n\n function highlightWorker(cm) {\n var doc = cm.doc;\n if (doc.highlightFrontier >= cm.display.viewTo) { return }\n var end = +new Date + cm.options.workTime;\n var context = getContextBefore(cm, doc.highlightFrontier);\n var changedLines = [];\n\n doc.iter(context.line, Math.min(doc.first + doc.size, cm.display.viewTo + 500), function (line) {\n if (context.line >= cm.display.viewFrom) { // Visible\n var oldStyles = line.styles;\n var resetState = line.text.length > cm.options.maxHighlightLength ? copyState(doc.mode, context.state) : null;\n var highlighted = highlightLine(cm, line, context, true);\n if (resetState) { context.state = resetState; }\n line.styles = highlighted.styles;\n var oldCls = line.styleClasses, newCls = highlighted.classes;\n if (newCls) { line.styleClasses = newCls; }\n else if (oldCls) { line.styleClasses = null; }\n var ischange = !oldStyles || oldStyles.length != line.styles.length ||\n oldCls != newCls && (!oldCls || !newCls || oldCls.bgClass != newCls.bgClass || oldCls.textClass != newCls.textClass);\n for (var i = 0; !ischange && i < oldStyles.length; ++i) { ischange = oldStyles[i] != line.styles[i]; }\n if (ischange) { changedLines.push(context.line); }\n line.stateAfter = context.save();\n context.nextLine();\n } else {\n if (line.text.length <= cm.options.maxHighlightLength)\n { processLine(cm, line.text, context); }\n line.stateAfter = context.line % 5 == 0 ? context.save() : null;\n context.nextLine();\n }\n if (+new Date > end) {\n startWorker(cm, cm.options.workDelay);\n return true\n }\n });\n doc.highlightFrontier = context.line;\n doc.modeFrontier = Math.max(doc.modeFrontier, context.line);\n if (changedLines.length) { runInOp(cm, function () {\n for (var i = 0; i < changedLines.length; i++)\n { regLineChange(cm, changedLines[i], \"text\"); }\n }); }\n }\n\n // DISPLAY DRAWING\n\n var DisplayUpdate = function(cm, viewport, force) {\n var display = cm.display;\n\n this.viewport = viewport;\n // Store some values that we'll need later (but don't want to force a relayout for)\n this.visible = visibleLines(display, cm.doc, viewport);\n this.editorIsHidden = !display.wrapper.offsetWidth;\n this.wrapperHeight = display.wrapper.clientHeight;\n this.wrapperWidth = display.wrapper.clientWidth;\n this.oldDisplayWidth = displayWidth(cm);\n this.force = force;\n this.dims = getDimensions(cm);\n this.events = [];\n };\n\n DisplayUpdate.prototype.signal = function (emitter, type) {\n if (hasHandler(emitter, type))\n { this.events.push(arguments); }\n };\n DisplayUpdate.prototype.finish = function () {\n var this$1 = this;\n\n for (var i = 0; i < this.events.length; i++)\n { signal.apply(null, this$1.events[i]); }\n };\n\n function maybeClipScrollbars(cm) {\n var display = cm.display;\n if (!display.scrollbarsClipped && display.scroller.offsetWidth) {\n display.nativeBarWidth = display.scroller.offsetWidth - display.scroller.clientWidth;\n display.heightForcer.style.height = scrollGap(cm) + \"px\";\n display.sizer.style.marginBottom = -display.nativeBarWidth + \"px\";\n display.sizer.style.borderRightWidth = scrollGap(cm) + \"px\";\n display.scrollbarsClipped = true;\n }\n }\n\n function selectionSnapshot(cm) {\n if (cm.hasFocus()) { return null }\n var active = activeElt();\n if (!active || !contains(cm.display.lineDiv, active)) { return null }\n var result = {activeElt: active};\n if (window.getSelection) {\n var sel = window.getSelection();\n if (sel.anchorNode && sel.extend && contains(cm.display.lineDiv, sel.anchorNode)) {\n result.anchorNode = sel.anchorNode;\n result.anchorOffset = sel.anchorOffset;\n result.focusNode = sel.focusNode;\n result.focusOffset = sel.focusOffset;\n }\n }\n return result\n }\n\n function restoreSelection(snapshot) {\n if (!snapshot || !snapshot.activeElt || snapshot.activeElt == activeElt()) { return }\n snapshot.activeElt.focus();\n if (snapshot.anchorNode && contains(document.body, snapshot.anchorNode) && contains(document.body, snapshot.focusNode)) {\n var sel = window.getSelection(), range$$1 = document.createRange();\n range$$1.setEnd(snapshot.anchorNode, snapshot.anchorOffset);\n range$$1.collapse(false);\n sel.removeAllRanges();\n sel.addRange(range$$1);\n sel.extend(snapshot.focusNode, snapshot.focusOffset);\n }\n }\n\n // Does the actual updating of the line display. Bails out\n // (returning false) when there is nothing to be done and forced is\n // false.\n function updateDisplayIfNeeded(cm, update) {\n var display = cm.display, doc = cm.doc;\n\n if (update.editorIsHidden) {\n resetView(cm);\n return false\n }\n\n // Bail out if the visible area is already rendered and nothing changed.\n if (!update.force &&\n update.visible.from >= display.viewFrom && update.visible.to <= display.viewTo &&\n (display.updateLineNumbers == null || display.updateLineNumbers >= display.viewTo) &&\n display.renderedView == display.view && countDirtyView(cm) == 0)\n { return false }\n\n if (maybeUpdateLineNumberWidth(cm)) {\n resetView(cm);\n update.dims = getDimensions(cm);\n }\n\n // Compute a suitable new viewport (from & to)\n var end = doc.first + doc.size;\n var from = Math.max(update.visible.from - cm.options.viewportMargin, doc.first);\n var to = Math.min(end, update.visible.to + cm.options.viewportMargin);\n if (display.viewFrom < from && from - display.viewFrom < 20) { from = Math.max(doc.first, display.viewFrom); }\n if (display.viewTo > to && display.viewTo - to < 20) { to = Math.min(end, display.viewTo); }\n if (sawCollapsedSpans) {\n from = visualLineNo(cm.doc, from);\n to = visualLineEndNo(cm.doc, to);\n }\n\n var different = from != display.viewFrom || to != display.viewTo ||\n display.lastWrapHeight != update.wrapperHeight || display.lastWrapWidth != update.wrapperWidth;\n adjustView(cm, from, to);\n\n display.viewOffset = heightAtLine(getLine(cm.doc, display.viewFrom));\n // Position the mover div to align with the current scroll position\n cm.display.mover.style.top = display.viewOffset + \"px\";\n\n var toUpdate = countDirtyView(cm);\n if (!different && toUpdate == 0 && !update.force && display.renderedView == display.view &&\n (display.updateLineNumbers == null || display.updateLineNumbers >= display.viewTo))\n { return false }\n\n // For big changes, we hide the enclosing element during the\n // update, since that speeds up the operations on most browsers.\n var selSnapshot = selectionSnapshot(cm);\n if (toUpdate > 4) { display.lineDiv.style.display = \"none\"; }\n patchDisplay(cm, display.updateLineNumbers, update.dims);\n if (toUpdate > 4) { display.lineDiv.style.display = \"\"; }\n display.renderedView = display.view;\n // There might have been a widget with a focused element that got\n // hidden or updated, if so re-focus it.\n restoreSelection(selSnapshot);\n\n // Prevent selection and cursors from interfering with the scroll\n // width and height.\n removeChildren(display.cursorDiv);\n removeChildren(display.selectionDiv);\n display.gutters.style.height = display.sizer.style.minHeight = 0;\n\n if (different) {\n display.lastWrapHeight = update.wrapperHeight;\n display.lastWrapWidth = update.wrapperWidth;\n startWorker(cm, 400);\n }\n\n display.updateLineNumbers = null;\n\n return true\n }\n\n function postUpdateDisplay(cm, update) {\n var viewport = update.viewport;\n\n for (var first = true;; first = false) {\n if (!first || !cm.options.lineWrapping || update.oldDisplayWidth == displayWidth(cm)) {\n // Clip forced viewport to actual scrollable area.\n if (viewport && viewport.top != null)\n { viewport = {top: Math.min(cm.doc.height + paddingVert(cm.display) - displayHeight(cm), viewport.top)}; }\n // Updated line heights might result in the drawn area not\n // actually covering the viewport. Keep looping until it does.\n update.visible = visibleLines(cm.display, cm.doc, viewport);\n if (update.visible.from >= cm.display.viewFrom && update.visible.to <= cm.display.viewTo)\n { break }\n }\n if (!updateDisplayIfNeeded(cm, update)) { break }\n updateHeightsInViewport(cm);\n var barMeasure = measureForScrollbars(cm);\n updateSelection(cm);\n updateScrollbars(cm, barMeasure);\n setDocumentHeight(cm, barMeasure);\n update.force = false;\n }\n\n update.signal(cm, \"update\", cm);\n if (cm.display.viewFrom != cm.display.reportedViewFrom || cm.display.viewTo != cm.display.reportedViewTo) {\n update.signal(cm, \"viewportChange\", cm, cm.display.viewFrom, cm.display.viewTo);\n cm.display.reportedViewFrom = cm.display.viewFrom; cm.display.reportedViewTo = cm.display.viewTo;\n }\n }\n\n function updateDisplaySimple(cm, viewport) {\n var update = new DisplayUpdate(cm, viewport);\n if (updateDisplayIfNeeded(cm, update)) {\n updateHeightsInViewport(cm);\n postUpdateDisplay(cm, update);\n var barMeasure = measureForScrollbars(cm);\n updateSelection(cm);\n updateScrollbars(cm, barMeasure);\n setDocumentHeight(cm, barMeasure);\n update.finish();\n }\n }\n\n // Sync the actual display DOM structure with display.editor, removing\n // nodes for lines that are no longer in editor, and creating the ones\n // that are not there yet, and updating the ones that are out of\n // date.\n function patchDisplay(cm, updateNumbersFrom, dims) {\n var display = cm.display, lineNumbers = cm.options.lineNumbers;\n var container = display.lineDiv, cur = container.firstChild;\n\n function rm(node) {\n var next = node.nextSibling;\n // Works around a throw-scroll bug in OS X Webkit\n if (webkit && mac && cm.display.currentWheelTarget == node)\n { node.style.display = \"none\"; }\n else\n { node.parentNode.removeChild(node); }\n return next\n }\n\n var view = display.view, lineN = display.viewFrom;\n // Loop over the elements in the editor, syncing cur (the DOM nodes\n // in display.lineDiv) with the editor as we go.\n for (var i = 0; i < view.length; i++) {\n var lineView = view[i];\n if (lineView.hidden) ; else if (!lineView.node || lineView.node.parentNode != container) { // Not drawn yet\n var node = buildLineElement(cm, lineView, lineN, dims);\n container.insertBefore(node, cur);\n } else { // Already drawn\n while (cur != lineView.node) { cur = rm(cur); }\n var updateNumber = lineNumbers && updateNumbersFrom != null &&\n updateNumbersFrom <= lineN && lineView.lineNumber;\n if (lineView.changes) {\n if (indexOf(lineView.changes, \"gutter\") > -1) { updateNumber = false; }\n updateLineForChanges(cm, lineView, lineN, dims);\n }\n if (updateNumber) {\n removeChildren(lineView.lineNumber);\n lineView.lineNumber.appendChild(document.createTextNode(lineNumberFor(cm.options, lineN)));\n }\n cur = lineView.node.nextSibling;\n }\n lineN += lineView.size;\n }\n while (cur) { cur = rm(cur); }\n }\n\n function updateGutterSpace(display) {\n var width = display.gutters.offsetWidth;\n display.sizer.style.marginLeft = width + \"px\";\n }\n\n function setDocumentHeight(cm, measure) {\n cm.display.sizer.style.minHeight = measure.docHeight + \"px\";\n cm.display.heightForcer.style.top = measure.docHeight + \"px\";\n cm.display.gutters.style.height = (measure.docHeight + cm.display.barHeight + scrollGap(cm)) + \"px\";\n }\n\n // Re-align line numbers and gutter marks to compensate for\n // horizontal scrolling.\n function alignHorizontally(cm) {\n var display = cm.display, view = display.view;\n if (!display.alignWidgets && (!display.gutters.firstChild || !cm.options.fixedGutter)) { return }\n var comp = compensateForHScroll(display) - display.scroller.scrollLeft + cm.doc.scrollLeft;\n var gutterW = display.gutters.offsetWidth, left = comp + \"px\";\n for (var i = 0; i < view.length; i++) { if (!view[i].hidden) {\n if (cm.options.fixedGutter) {\n if (view[i].gutter)\n { view[i].gutter.style.left = left; }\n if (view[i].gutterBackground)\n { view[i].gutterBackground.style.left = left; }\n }\n var align = view[i].alignable;\n if (align) { for (var j = 0; j < align.length; j++)\n { align[j].style.left = left; } }\n } }\n if (cm.options.fixedGutter)\n { display.gutters.style.left = (comp + gutterW) + \"px\"; }\n }\n\n // Used to ensure that the line number gutter is still the right\n // size for the current document size. Returns true when an update\n // is needed.\n function maybeUpdateLineNumberWidth(cm) {\n if (!cm.options.lineNumbers) { return false }\n var doc = cm.doc, last = lineNumberFor(cm.options, doc.first + doc.size - 1), display = cm.display;\n if (last.length != display.lineNumChars) {\n var test = display.measure.appendChild(elt(\"div\", [elt(\"div\", last)],\n \"CodeMirror-linenumber CodeMirror-gutter-elt\"));\n var innerW = test.firstChild.offsetWidth, padding = test.offsetWidth - innerW;\n display.lineGutter.style.width = \"\";\n display.lineNumInnerWidth = Math.max(innerW, display.lineGutter.offsetWidth - padding) + 1;\n display.lineNumWidth = display.lineNumInnerWidth + padding;\n display.lineNumChars = display.lineNumInnerWidth ? last.length : -1;\n display.lineGutter.style.width = display.lineNumWidth + \"px\";\n updateGutterSpace(cm.display);\n return true\n }\n return false\n }\n\n function getGutters(gutters, lineNumbers) {\n var result = [], sawLineNumbers = false;\n for (var i = 0; i < gutters.length; i++) {\n var name = gutters[i], style = null;\n if (typeof name != \"string\") { style = name.style; name = name.className; }\n if (name == \"CodeMirror-linenumbers\") {\n if (!lineNumbers) { continue }\n else { sawLineNumbers = true; }\n }\n result.push({className: name, style: style});\n }\n if (lineNumbers && !sawLineNumbers) { result.push({className: \"CodeMirror-linenumbers\", style: null}); }\n return result\n }\n\n // Rebuild the gutter elements, ensure the margin to the left of the\n // code matches their width.\n function renderGutters(display) {\n var gutters = display.gutters, specs = display.gutterSpecs;\n removeChildren(gutters);\n display.lineGutter = null;\n for (var i = 0; i < specs.length; ++i) {\n var ref = specs[i];\n var className = ref.className;\n var style = ref.style;\n var gElt = gutters.appendChild(elt(\"div\", null, \"CodeMirror-gutter \" + className));\n if (style) { gElt.style.cssText = style; }\n if (className == \"CodeMirror-linenumbers\") {\n display.lineGutter = gElt;\n gElt.style.width = (display.lineNumWidth || 1) + \"px\";\n }\n }\n gutters.style.display = specs.length ? \"\" : \"none\";\n updateGutterSpace(display);\n }\n\n function updateGutters(cm) {\n renderGutters(cm.display);\n regChange(cm);\n alignHorizontally(cm);\n }\n\n // The display handles the DOM integration, both for input reading\n // and content drawing. It holds references to DOM nodes and\n // display-related state.\n\n function Display(place, doc, input, options) {\n var d = this;\n this.input = input;\n\n // Covers bottom-right square when both scrollbars are present.\n d.scrollbarFiller = elt(\"div\", null, \"CodeMirror-scrollbar-filler\");\n d.scrollbarFiller.setAttribute(\"cm-not-content\", \"true\");\n // Covers bottom of gutter when coverGutterNextToScrollbar is on\n // and h scrollbar is present.\n d.gutterFiller = elt(\"div\", null, \"CodeMirror-gutter-filler\");\n d.gutterFiller.setAttribute(\"cm-not-content\", \"true\");\n // Will contain the actual code, positioned to cover the viewport.\n d.lineDiv = eltP(\"div\", null, \"CodeMirror-code\");\n // Elements are added to these to represent selection and cursors.\n d.selectionDiv = elt(\"div\", null, null, \"position: relative; z-index: 1\");\n d.cursorDiv = elt(\"div\", null, \"CodeMirror-cursors\");\n // A visibility: hidden element used to find the size of things.\n d.measure = elt(\"div\", null, \"CodeMirror-measure\");\n // When lines outside of the viewport are measured, they are drawn in this.\n d.lineMeasure = elt(\"div\", null, \"CodeMirror-measure\");\n // Wraps everything that needs to exist inside the vertically-padded coordinate system\n d.lineSpace = eltP(\"div\", [d.measure, d.lineMeasure, d.selectionDiv, d.cursorDiv, d.lineDiv],\n null, \"position: relative; outline: none\");\n var lines = eltP(\"div\", [d.lineSpace], \"CodeMirror-lines\");\n // Moved around its parent to cover visible editor.\n d.mover = elt(\"div\", [lines], null, \"position: relative\");\n // Set to the height of the document, allowing scrolling.\n d.sizer = elt(\"div\", [d.mover], \"CodeMirror-sizer\");\n d.sizerWidth = null;\n // Behavior of elts with overflow: auto and padding is\n // inconsistent across browsers. This is used to ensure the\n // scrollable area is big enough.\n d.heightForcer = elt(\"div\", null, null, \"position: absolute; height: \" + scrollerGap + \"px; width: 1px;\");\n // Will contain the gutters, if any.\n d.gutters = elt(\"div\", null, \"CodeMirror-gutters\");\n d.lineGutter = null;\n // Actual scrollable element.\n d.scroller = elt(\"div\", [d.sizer, d.heightForcer, d.gutters], \"CodeMirror-scroll\");\n d.scroller.setAttribute(\"tabIndex\", \"-1\");\n // The element in which the editor lives.\n d.wrapper = elt(\"div\", [d.scrollbarFiller, d.gutterFiller, d.scroller], \"CodeMirror\");\n\n // Work around IE7 z-index bug (not perfect, hence IE7 not really being supported)\n if (ie && ie_version < 8) { d.gutters.style.zIndex = -1; d.scroller.style.paddingRight = 0; }\n if (!webkit && !(gecko && mobile)) { d.scroller.draggable = true; }\n\n if (place) {\n if (place.appendChild) { place.appendChild(d.wrapper); }\n else { place(d.wrapper); }\n }\n\n // Current rendered range (may be bigger than the editor window).\n d.viewFrom = d.viewTo = doc.first;\n d.reportedViewFrom = d.reportedViewTo = doc.first;\n // Information about the rendered lines.\n d.view = [];\n d.renderedView = null;\n // Holds info about a single rendered line when it was rendered\n // for measurement, while not in editor.\n d.externalMeasured = null;\n // Empty space (in pixels) above the editor\n d.viewOffset = 0;\n d.lastWrapHeight = d.lastWrapWidth = 0;\n d.updateLineNumbers = null;\n\n d.nativeBarWidth = d.barHeight = d.barWidth = 0;\n d.scrollbarsClipped = false;\n\n // Used to only resize the line number gutter when necessary (when\n // the amount of lines crosses a boundary that makes its width change)\n d.lineNumWidth = d.lineNumInnerWidth = d.lineNumChars = null;\n // Set to true when a non-horizontal-scrolling line widget is\n // added. As an optimization, line widget aligning is skipped when\n // this is false.\n d.alignWidgets = false;\n\n d.cachedCharWidth = d.cachedTextHeight = d.cachedPaddingH = null;\n\n // Tracks the maximum line length so that the horizontal scrollbar\n // can be kept static when scrolling.\n d.maxLine = null;\n d.maxLineLength = 0;\n d.maxLineChanged = false;\n\n // Used for measuring wheel scrolling granularity\n d.wheelDX = d.wheelDY = d.wheelStartX = d.wheelStartY = null;\n\n // True when shift is held down.\n d.shift = false;\n\n // Used to track whether anything happened since the context menu\n // was opened.\n d.selForContextMenu = null;\n\n d.activeTouch = null;\n\n d.gutterSpecs = getGutters(options.gutters, options.lineNumbers);\n renderGutters(d);\n\n input.init(d);\n }\n\n // Since the delta values reported on mouse wheel events are\n // unstandardized between browsers and even browser versions, and\n // generally horribly unpredictable, this code starts by measuring\n // the scroll effect that the first few mouse wheel events have,\n // and, from that, detects the way it can convert deltas to pixel\n // offsets afterwards.\n //\n // The reason we want to know the amount a wheel event will scroll\n // is that it gives us a chance to update the display before the\n // actual scrolling happens, reducing flickering.\n\n var wheelSamples = 0, wheelPixelsPerUnit = null;\n // Fill in a browser-detected starting value on browsers where we\n // know one. These don't have to be accurate -- the result of them\n // being wrong would just be a slight flicker on the first wheel\n // scroll (if it is large enough).\n if (ie) { wheelPixelsPerUnit = -.53; }\n else if (gecko) { wheelPixelsPerUnit = 15; }\n else if (chrome) { wheelPixelsPerUnit = -.7; }\n else if (safari) { wheelPixelsPerUnit = -1/3; }\n\n function wheelEventDelta(e) {\n var dx = e.wheelDeltaX, dy = e.wheelDeltaY;\n if (dx == null && e.detail && e.axis == e.HORIZONTAL_AXIS) { dx = e.detail; }\n if (dy == null && e.detail && e.axis == e.VERTICAL_AXIS) { dy = e.detail; }\n else if (dy == null) { dy = e.wheelDelta; }\n return {x: dx, y: dy}\n }\n function wheelEventPixels(e) {\n var delta = wheelEventDelta(e);\n delta.x *= wheelPixelsPerUnit;\n delta.y *= wheelPixelsPerUnit;\n return delta\n }\n\n function onScrollWheel(cm, e) {\n var delta = wheelEventDelta(e), dx = delta.x, dy = delta.y;\n\n var display = cm.display, scroll = display.scroller;\n // Quit if there's nothing to scroll here\n var canScrollX = scroll.scrollWidth > scroll.clientWidth;\n var canScrollY = scroll.scrollHeight > scroll.clientHeight;\n if (!(dx && canScrollX || dy && canScrollY)) { return }\n\n // Webkit browsers on OS X abort momentum scrolls when the target\n // of the scroll event is removed from the scrollable element.\n // This hack (see related code in patchDisplay) makes sure the\n // element is kept around.\n if (dy && mac && webkit) {\n outer: for (var cur = e.target, view = display.view; cur != scroll; cur = cur.parentNode) {\n for (var i = 0; i < view.length; i++) {\n if (view[i].node == cur) {\n cm.display.currentWheelTarget = cur;\n break outer\n }\n }\n }\n }\n\n // On some browsers, horizontal scrolling will cause redraws to\n // happen before the gutter has been realigned, causing it to\n // wriggle around in a most unseemly way. When we have an\n // estimated pixels/delta value, we just handle horizontal\n // scrolling entirely here. It'll be slightly off from native, but\n // better than glitching out.\n if (dx && !gecko && !presto && wheelPixelsPerUnit != null) {\n if (dy && canScrollY)\n { updateScrollTop(cm, Math.max(0, scroll.scrollTop + dy * wheelPixelsPerUnit)); }\n setScrollLeft(cm, Math.max(0, scroll.scrollLeft + dx * wheelPixelsPerUnit));\n // Only prevent default scrolling if vertical scrolling is\n // actually possible. Otherwise, it causes vertical scroll\n // jitter on OSX trackpads when deltaX is small and deltaY\n // is large (issue #3579)\n if (!dy || (dy && canScrollY))\n { e_preventDefault(e); }\n display.wheelStartX = null; // Abort measurement, if in progress\n return\n }\n\n // 'Project' the visible viewport to cover the area that is being\n // scrolled into editor (if we know enough to estimate it).\n if (dy && wheelPixelsPerUnit != null) {\n var pixels = dy * wheelPixelsPerUnit;\n var top = cm.doc.scrollTop, bot = top + display.wrapper.clientHeight;\n if (pixels < 0) { top = Math.max(0, top + pixels - 50); }\n else { bot = Math.min(cm.doc.height, bot + pixels + 50); }\n updateDisplaySimple(cm, {top: top, bottom: bot});\n }\n\n if (wheelSamples < 20) {\n if (display.wheelStartX == null) {\n display.wheelStartX = scroll.scrollLeft; display.wheelStartY = scroll.scrollTop;\n display.wheelDX = dx; display.wheelDY = dy;\n setTimeout(function () {\n if (display.wheelStartX == null) { return }\n var movedX = scroll.scrollLeft - display.wheelStartX;\n var movedY = scroll.scrollTop - display.wheelStartY;\n var sample = (movedY && display.wheelDY && movedY / display.wheelDY) ||\n (movedX && display.wheelDX && movedX / display.wheelDX);\n display.wheelStartX = display.wheelStartY = null;\n if (!sample) { return }\n wheelPixelsPerUnit = (wheelPixelsPerUnit * wheelSamples + sample) / (wheelSamples + 1);\n ++wheelSamples;\n }, 200);\n } else {\n display.wheelDX += dx; display.wheelDY += dy;\n }\n }\n }\n\n // Selection objects are immutable. A new one is created every time\n // the selection changes. A selection is one or more non-overlapping\n // (and non-touching) ranges, sorted, and an integer that indicates\n // which one is the primary selection (the one that's scrolled into\n // editor, that getCursor returns, etc).\n var Selection = function(ranges, primIndex) {\n this.ranges = ranges;\n this.primIndex = primIndex;\n };\n\n Selection.prototype.primary = function () { return this.ranges[this.primIndex] };\n\n Selection.prototype.equals = function (other) {\n var this$1 = this;\n\n if (other == this) { return true }\n if (other.primIndex != this.primIndex || other.ranges.length != this.ranges.length) { return false }\n for (var i = 0; i < this.ranges.length; i++) {\n var here = this$1.ranges[i], there = other.ranges[i];\n if (!equalCursorPos(here.anchor, there.anchor) || !equalCursorPos(here.head, there.head)) { return false }\n }\n return true\n };\n\n Selection.prototype.deepCopy = function () {\n var this$1 = this;\n\n var out = [];\n for (var i = 0; i < this.ranges.length; i++)\n { out[i] = new Range(copyPos(this$1.ranges[i].anchor), copyPos(this$1.ranges[i].head)); }\n return new Selection(out, this.primIndex)\n };\n\n Selection.prototype.somethingSelected = function () {\n var this$1 = this;\n\n for (var i = 0; i < this.ranges.length; i++)\n { if (!this$1.ranges[i].empty()) { return true } }\n return false\n };\n\n Selection.prototype.contains = function (pos, end) {\n var this$1 = this;\n\n if (!end) { end = pos; }\n for (var i = 0; i < this.ranges.length; i++) {\n var range = this$1.ranges[i];\n if (cmp(end, range.from()) >= 0 && cmp(pos, range.to()) <= 0)\n { return i }\n }\n return -1\n };\n\n var Range = function(anchor, head) {\n this.anchor = anchor; this.head = head;\n };\n\n Range.prototype.from = function () { return minPos(this.anchor, this.head) };\n Range.prototype.to = function () { return maxPos(this.anchor, this.head) };\n Range.prototype.empty = function () { return this.head.line == this.anchor.line && this.head.ch == this.anchor.ch };\n\n // Take an unsorted, potentially overlapping set of ranges, and\n // build a selection out of it. 'Consumes' ranges array (modifying\n // it).\n function normalizeSelection(cm, ranges, primIndex) {\n var mayTouch = cm && cm.options.selectionsMayTouch;\n var prim = ranges[primIndex];\n ranges.sort(function (a, b) { return cmp(a.from(), b.from()); });\n primIndex = indexOf(ranges, prim);\n for (var i = 1; i < ranges.length; i++) {\n var cur = ranges[i], prev = ranges[i - 1];\n var diff = cmp(prev.to(), cur.from());\n if (mayTouch && !cur.empty() ? diff > 0 : diff >= 0) {\n var from = minPos(prev.from(), cur.from()), to = maxPos(prev.to(), cur.to());\n var inv = prev.empty() ? cur.from() == cur.head : prev.from() == prev.head;\n if (i <= primIndex) { --primIndex; }\n ranges.splice(--i, 2, new Range(inv ? to : from, inv ? from : to));\n }\n }\n return new Selection(ranges, primIndex)\n }\n\n function simpleSelection(anchor, head) {\n return new Selection([new Range(anchor, head || anchor)], 0)\n }\n\n // Compute the position of the end of a change (its 'to' property\n // refers to the pre-change end).\n function changeEnd(change) {\n if (!change.text) { return change.to }\n return Pos(change.from.line + change.text.length - 1,\n lst(change.text).length + (change.text.length == 1 ? change.from.ch : 0))\n }\n\n // Adjust a position to refer to the post-change position of the\n // same text, or the end of the change if the change covers it.\n function adjustForChange(pos, change) {\n if (cmp(pos, change.from) < 0) { return pos }\n if (cmp(pos, change.to) <= 0) { return changeEnd(change) }\n\n var line = pos.line + change.text.length - (change.to.line - change.from.line) - 1, ch = pos.ch;\n if (pos.line == change.to.line) { ch += changeEnd(change).ch - change.to.ch; }\n return Pos(line, ch)\n }\n\n function computeSelAfterChange(doc, change) {\n var out = [];\n for (var i = 0; i < doc.sel.ranges.length; i++) {\n var range = doc.sel.ranges[i];\n out.push(new Range(adjustForChange(range.anchor, change),\n adjustForChange(range.head, change)));\n }\n return normalizeSelection(doc.cm, out, doc.sel.primIndex)\n }\n\n function offsetPos(pos, old, nw) {\n if (pos.line == old.line)\n { return Pos(nw.line, pos.ch - old.ch + nw.ch) }\n else\n { return Pos(nw.line + (pos.line - old.line), pos.ch) }\n }\n\n // Used by replaceSelections to allow moving the selection to the\n // start or around the replaced test. Hint may be \"start\" or \"around\".\n function computeReplacedSel(doc, changes, hint) {\n var out = [];\n var oldPrev = Pos(doc.first, 0), newPrev = oldPrev;\n for (var i = 0; i < changes.length; i++) {\n var change = changes[i];\n var from = offsetPos(change.from, oldPrev, newPrev);\n var to = offsetPos(changeEnd(change), oldPrev, newPrev);\n oldPrev = change.to;\n newPrev = to;\n if (hint == \"around\") {\n var range = doc.sel.ranges[i], inv = cmp(range.head, range.anchor) < 0;\n out[i] = new Range(inv ? to : from, inv ? from : to);\n } else {\n out[i] = new Range(from, from);\n }\n }\n return new Selection(out, doc.sel.primIndex)\n }\n\n // Used to get the editor into a consistent state again when options change.\n\n function loadMode(cm) {\n cm.doc.mode = getMode(cm.options, cm.doc.modeOption);\n resetModeState(cm);\n }\n\n function resetModeState(cm) {\n cm.doc.iter(function (line) {\n if (line.stateAfter) { line.stateAfter = null; }\n if (line.styles) { line.styles = null; }\n });\n cm.doc.modeFrontier = cm.doc.highlightFrontier = cm.doc.first;\n startWorker(cm, 100);\n cm.state.modeGen++;\n if (cm.curOp) { regChange(cm); }\n }\n\n // DOCUMENT DATA STRUCTURE\n\n // By default, updates that start and end at the beginning of a line\n // are treated specially, in order to make the association of line\n // widgets and marker elements with the text behave more intuitive.\n function isWholeLineUpdate(doc, change) {\n return change.from.ch == 0 && change.to.ch == 0 && lst(change.text) == \"\" &&\n (!doc.cm || doc.cm.options.wholeLineUpdateBefore)\n }\n\n // Perform a change on the document data structure.\n function updateDoc(doc, change, markedSpans, estimateHeight$$1) {\n function spansFor(n) {return markedSpans ? markedSpans[n] : null}\n function update(line, text, spans) {\n updateLine(line, text, spans, estimateHeight$$1);\n signalLater(line, \"change\", line, change);\n }\n function linesFor(start, end) {\n var result = [];\n for (var i = start; i < end; ++i)\n { result.push(new Line(text[i], spansFor(i), estimateHeight$$1)); }\n return result\n }\n\n var from = change.from, to = change.to, text = change.text;\n var firstLine = getLine(doc, from.line), lastLine = getLine(doc, to.line);\n var lastText = lst(text), lastSpans = spansFor(text.length - 1), nlines = to.line - from.line;\n\n // Adjust the line structure\n if (change.full) {\n doc.insert(0, linesFor(0, text.length));\n doc.remove(text.length, doc.size - text.length);\n } else if (isWholeLineUpdate(doc, change)) {\n // This is a whole-line replace. Treated specially to make\n // sure line objects move the way they are supposed to.\n var added = linesFor(0, text.length - 1);\n update(lastLine, lastLine.text, lastSpans);\n if (nlines) { doc.remove(from.line, nlines); }\n if (added.length) { doc.insert(from.line, added); }\n } else if (firstLine == lastLine) {\n if (text.length == 1) {\n update(firstLine, firstLine.text.slice(0, from.ch) + lastText + firstLine.text.slice(to.ch), lastSpans);\n } else {\n var added$1 = linesFor(1, text.length - 1);\n added$1.push(new Line(lastText + firstLine.text.slice(to.ch), lastSpans, estimateHeight$$1));\n update(firstLine, firstLine.text.slice(0, from.ch) + text[0], spansFor(0));\n doc.insert(from.line + 1, added$1);\n }\n } else if (text.length == 1) {\n update(firstLine, firstLine.text.slice(0, from.ch) + text[0] + lastLine.text.slice(to.ch), spansFor(0));\n doc.remove(from.line + 1, nlines);\n } else {\n update(firstLine, firstLine.text.slice(0, from.ch) + text[0], spansFor(0));\n update(lastLine, lastText + lastLine.text.slice(to.ch), lastSpans);\n var added$2 = linesFor(1, text.length - 1);\n if (nlines > 1) { doc.remove(from.line + 1, nlines - 1); }\n doc.insert(from.line + 1, added$2);\n }\n\n signalLater(doc, \"change\", doc, change);\n }\n\n // Call f for all linked documents.\n function linkedDocs(doc, f, sharedHistOnly) {\n function propagate(doc, skip, sharedHist) {\n if (doc.linked) { for (var i = 0; i < doc.linked.length; ++i) {\n var rel = doc.linked[i];\n if (rel.doc == skip) { continue }\n var shared = sharedHist && rel.sharedHist;\n if (sharedHistOnly && !shared) { continue }\n f(rel.doc, shared);\n propagate(rel.doc, doc, shared);\n } }\n }\n propagate(doc, null, true);\n }\n\n // Attach a document to an editor.\n function attachDoc(cm, doc) {\n if (doc.cm) { throw new Error(\"This document is already in use.\") }\n cm.doc = doc;\n doc.cm = cm;\n estimateLineHeights(cm);\n loadMode(cm);\n setDirectionClass(cm);\n if (!cm.options.lineWrapping) { findMaxLine(cm); }\n cm.options.mode = doc.modeOption;\n regChange(cm);\n }\n\n function setDirectionClass(cm) {\n (cm.doc.direction == \"rtl\" ? addClass : rmClass)(cm.display.lineDiv, \"CodeMirror-rtl\");\n }\n\n function directionChanged(cm) {\n runInOp(cm, function () {\n setDirectionClass(cm);\n regChange(cm);\n });\n }\n\n function History(startGen) {\n // Arrays of change events and selections. Doing something adds an\n // event to done and clears undo. Undoing moves events from done\n // to undone, redoing moves them in the other direction.\n this.done = []; this.undone = [];\n this.undoDepth = Infinity;\n // Used to track when changes can be merged into a single undo\n // event\n this.lastModTime = this.lastSelTime = 0;\n this.lastOp = this.lastSelOp = null;\n this.lastOrigin = this.lastSelOrigin = null;\n // Used by the isClean() method\n this.generation = this.maxGeneration = startGen || 1;\n }\n\n // Create a history change event from an updateDoc-style change\n // object.\n function historyChangeFromChange(doc, change) {\n var histChange = {from: copyPos(change.from), to: changeEnd(change), text: getBetween(doc, change.from, change.to)};\n attachLocalSpans(doc, histChange, change.from.line, change.to.line + 1);\n linkedDocs(doc, function (doc) { return attachLocalSpans(doc, histChange, change.from.line, change.to.line + 1); }, true);\n return histChange\n }\n\n // Pop all selection events off the end of a history array. Stop at\n // a change event.\n function clearSelectionEvents(array) {\n while (array.length) {\n var last = lst(array);\n if (last.ranges) { array.pop(); }\n else { break }\n }\n }\n\n // Find the top change event in the history. Pop off selection\n // events that are in the way.\n function lastChangeEvent(hist, force) {\n if (force) {\n clearSelectionEvents(hist.done);\n return lst(hist.done)\n } else if (hist.done.length && !lst(hist.done).ranges) {\n return lst(hist.done)\n } else if (hist.done.length > 1 && !hist.done[hist.done.length - 2].ranges) {\n hist.done.pop();\n return lst(hist.done)\n }\n }\n\n // Register a change in the history. Merges changes that are within\n // a single operation, or are close together with an origin that\n // allows merging (starting with \"+\") into a single event.\n function addChangeToHistory(doc, change, selAfter, opId) {\n var hist = doc.history;\n hist.undone.length = 0;\n var time = +new Date, cur;\n var last;\n\n if ((hist.lastOp == opId ||\n hist.lastOrigin == change.origin && change.origin &&\n ((change.origin.charAt(0) == \"+\" && hist.lastModTime > time - (doc.cm ? doc.cm.options.historyEventDelay : 500)) ||\n change.origin.charAt(0) == \"*\")) &&\n (cur = lastChangeEvent(hist, hist.lastOp == opId))) {\n // Merge this change into the last event\n last = lst(cur.changes);\n if (cmp(change.from, change.to) == 0 && cmp(change.from, last.to) == 0) {\n // Optimized case for simple insertion -- don't want to add\n // new changesets for every character typed\n last.to = changeEnd(change);\n } else {\n // Add new sub-event\n cur.changes.push(historyChangeFromChange(doc, change));\n }\n } else {\n // Can not be merged, start a new event.\n var before = lst(hist.done);\n if (!before || !before.ranges)\n { pushSelectionToHistory(doc.sel, hist.done); }\n cur = {changes: [historyChangeFromChange(doc, change)],\n generation: hist.generation};\n hist.done.push(cur);\n while (hist.done.length > hist.undoDepth) {\n hist.done.shift();\n if (!hist.done[0].ranges) { hist.done.shift(); }\n }\n }\n hist.done.push(selAfter);\n hist.generation = ++hist.maxGeneration;\n hist.lastModTime = hist.lastSelTime = time;\n hist.lastOp = hist.lastSelOp = opId;\n hist.lastOrigin = hist.lastSelOrigin = change.origin;\n\n if (!last) { signal(doc, \"historyAdded\"); }\n }\n\n function selectionEventCanBeMerged(doc, origin, prev, sel) {\n var ch = origin.charAt(0);\n return ch == \"*\" ||\n ch == \"+\" &&\n prev.ranges.length == sel.ranges.length &&\n prev.somethingSelected() == sel.somethingSelected() &&\n new Date - doc.history.lastSelTime <= (doc.cm ? doc.cm.options.historyEventDelay : 500)\n }\n\n // Called whenever the selection changes, sets the new selection as\n // the pending selection in the history, and pushes the old pending\n // selection into the 'done' array when it was significantly\n // different (in number of selected ranges, emptiness, or time).\n function addSelectionToHistory(doc, sel, opId, options) {\n var hist = doc.history, origin = options && options.origin;\n\n // A new event is started when the previous origin does not match\n // the current, or the origins don't allow matching. Origins\n // starting with * are always merged, those starting with + are\n // merged when similar and close together in time.\n if (opId == hist.lastSelOp ||\n (origin && hist.lastSelOrigin == origin &&\n (hist.lastModTime == hist.lastSelTime && hist.lastOrigin == origin ||\n selectionEventCanBeMerged(doc, origin, lst(hist.done), sel))))\n { hist.done[hist.done.length - 1] = sel; }\n else\n { pushSelectionToHistory(sel, hist.done); }\n\n hist.lastSelTime = +new Date;\n hist.lastSelOrigin = origin;\n hist.lastSelOp = opId;\n if (options && options.clearRedo !== false)\n { clearSelectionEvents(hist.undone); }\n }\n\n function pushSelectionToHistory(sel, dest) {\n var top = lst(dest);\n if (!(top && top.ranges && top.equals(sel)))\n { dest.push(sel); }\n }\n\n // Used to store marked span information in the history.\n function attachLocalSpans(doc, change, from, to) {\n var existing = change[\"spans_\" + doc.id], n = 0;\n doc.iter(Math.max(doc.first, from), Math.min(doc.first + doc.size, to), function (line) {\n if (line.markedSpans)\n { (existing || (existing = change[\"spans_\" + doc.id] = {}))[n] = line.markedSpans; }\n ++n;\n });\n }\n\n // When un/re-doing restores text containing marked spans, those\n // that have been explicitly cleared should not be restored.\n function removeClearedSpans(spans) {\n if (!spans) { return null }\n var out;\n for (var i = 0; i < spans.length; ++i) {\n if (spans[i].marker.explicitlyCleared) { if (!out) { out = spans.slice(0, i); } }\n else if (out) { out.push(spans[i]); }\n }\n return !out ? spans : out.length ? out : null\n }\n\n // Retrieve and filter the old marked spans stored in a change event.\n function getOldSpans(doc, change) {\n var found = change[\"spans_\" + doc.id];\n if (!found) { return null }\n var nw = [];\n for (var i = 0; i < change.text.length; ++i)\n { nw.push(removeClearedSpans(found[i])); }\n return nw\n }\n\n // Used for un/re-doing changes from the history. Combines the\n // result of computing the existing spans with the set of spans that\n // existed in the history (so that deleting around a span and then\n // undoing brings back the span).\n function mergeOldSpans(doc, change) {\n var old = getOldSpans(doc, change);\n var stretched = stretchSpansOverChange(doc, change);\n if (!old) { return stretched }\n if (!stretched) { return old }\n\n for (var i = 0; i < old.length; ++i) {\n var oldCur = old[i], stretchCur = stretched[i];\n if (oldCur && stretchCur) {\n spans: for (var j = 0; j < stretchCur.length; ++j) {\n var span = stretchCur[j];\n for (var k = 0; k < oldCur.length; ++k)\n { if (oldCur[k].marker == span.marker) { continue spans } }\n oldCur.push(span);\n }\n } else if (stretchCur) {\n old[i] = stretchCur;\n }\n }\n return old\n }\n\n // Used both to provide a JSON-safe object in .getHistory, and, when\n // detaching a document, to split the history in two\n function copyHistoryArray(events, newGroup, instantiateSel) {\n var copy = [];\n for (var i = 0; i < events.length; ++i) {\n var event = events[i];\n if (event.ranges) {\n copy.push(instantiateSel ? Selection.prototype.deepCopy.call(event) : event);\n continue\n }\n var changes = event.changes, newChanges = [];\n copy.push({changes: newChanges});\n for (var j = 0; j < changes.length; ++j) {\n var change = changes[j], m = (void 0);\n newChanges.push({from: change.from, to: change.to, text: change.text});\n if (newGroup) { for (var prop in change) { if (m = prop.match(/^spans_(\\d+)$/)) {\n if (indexOf(newGroup, Number(m[1])) > -1) {\n lst(newChanges)[prop] = change[prop];\n delete change[prop];\n }\n } } }\n }\n }\n return copy\n }\n\n // The 'scroll' parameter given to many of these indicated whether\n // the new cursor position should be scrolled into editor after\n // modifying the selection.\n\n // If shift is held or the extend flag is set, extends a range to\n // include a given position (and optionally a second position).\n // Otherwise, simply returns the range between the given positions.\n // Used for cursor motion and such.\n function extendRange(range, head, other, extend) {\n if (extend) {\n var anchor = range.anchor;\n if (other) {\n var posBefore = cmp(head, anchor) < 0;\n if (posBefore != (cmp(other, anchor) < 0)) {\n anchor = head;\n head = other;\n } else if (posBefore != (cmp(head, other) < 0)) {\n head = other;\n }\n }\n return new Range(anchor, head)\n } else {\n return new Range(other || head, head)\n }\n }\n\n // Extend the primary selection range, discard the rest.\n function extendSelection(doc, head, other, options, extend) {\n if (extend == null) { extend = doc.cm && (doc.cm.display.shift || doc.extend); }\n setSelection(doc, new Selection([extendRange(doc.sel.primary(), head, other, extend)], 0), options);\n }\n\n // Extend all selections (pos is an array of selections with length\n // equal the number of selections)\n function extendSelections(doc, heads, options) {\n var out = [];\n var extend = doc.cm && (doc.cm.display.shift || doc.extend);\n for (var i = 0; i < doc.sel.ranges.length; i++)\n { out[i] = extendRange(doc.sel.ranges[i], heads[i], null, extend); }\n var newSel = normalizeSelection(doc.cm, out, doc.sel.primIndex);\n setSelection(doc, newSel, options);\n }\n\n // Updates a single range in the selection.\n function replaceOneSelection(doc, i, range, options) {\n var ranges = doc.sel.ranges.slice(0);\n ranges[i] = range;\n setSelection(doc, normalizeSelection(doc.cm, ranges, doc.sel.primIndex), options);\n }\n\n // Reset the selection to a single range.\n function setSimpleSelection(doc, anchor, head, options) {\n setSelection(doc, simpleSelection(anchor, head), options);\n }\n\n // Give beforeSelectionChange handlers a change to influence a\n // selection update.\n function filterSelectionChange(doc, sel, options) {\n var obj = {\n ranges: sel.ranges,\n update: function(ranges) {\n var this$1 = this;\n\n this.ranges = [];\n for (var i = 0; i < ranges.length; i++)\n { this$1.ranges[i] = new Range(clipPos(doc, ranges[i].anchor),\n clipPos(doc, ranges[i].head)); }\n },\n origin: options && options.origin\n };\n signal(doc, \"beforeSelectionChange\", doc, obj);\n if (doc.cm) { signal(doc.cm, \"beforeSelectionChange\", doc.cm, obj); }\n if (obj.ranges != sel.ranges) { return normalizeSelection(doc.cm, obj.ranges, obj.ranges.length - 1) }\n else { return sel }\n }\n\n function setSelectionReplaceHistory(doc, sel, options) {\n var done = doc.history.done, last = lst(done);\n if (last && last.ranges) {\n done[done.length - 1] = sel;\n setSelectionNoUndo(doc, sel, options);\n } else {\n setSelection(doc, sel, options);\n }\n }\n\n // Set a new selection.\n function setSelection(doc, sel, options) {\n setSelectionNoUndo(doc, sel, options);\n addSelectionToHistory(doc, doc.sel, doc.cm ? doc.cm.curOp.id : NaN, options);\n }\n\n function setSelectionNoUndo(doc, sel, options) {\n if (hasHandler(doc, \"beforeSelectionChange\") || doc.cm && hasHandler(doc.cm, \"beforeSelectionChange\"))\n { sel = filterSelectionChange(doc, sel, options); }\n\n var bias = options && options.bias ||\n (cmp(sel.primary().head, doc.sel.primary().head) < 0 ? -1 : 1);\n setSelectionInner(doc, skipAtomicInSelection(doc, sel, bias, true));\n\n if (!(options && options.scroll === false) && doc.cm)\n { ensureCursorVisible(doc.cm); }\n }\n\n function setSelectionInner(doc, sel) {\n if (sel.equals(doc.sel)) { return }\n\n doc.sel = sel;\n\n if (doc.cm) {\n doc.cm.curOp.updateInput = 1;\n doc.cm.curOp.selectionChanged = true;\n signalCursorActivity(doc.cm);\n }\n signalLater(doc, \"cursorActivity\", doc);\n }\n\n // Verify that the selection does not partially select any atomic\n // marked ranges.\n function reCheckSelection(doc) {\n setSelectionInner(doc, skipAtomicInSelection(doc, doc.sel, null, false));\n }\n\n // Return a selection that does not partially select any atomic\n // ranges.\n function skipAtomicInSelection(doc, sel, bias, mayClear) {\n var out;\n for (var i = 0; i < sel.ranges.length; i++) {\n var range = sel.ranges[i];\n var old = sel.ranges.length == doc.sel.ranges.length && doc.sel.ranges[i];\n var newAnchor = skipAtomic(doc, range.anchor, old && old.anchor, bias, mayClear);\n var newHead = skipAtomic(doc, range.head, old && old.head, bias, mayClear);\n if (out || newAnchor != range.anchor || newHead != range.head) {\n if (!out) { out = sel.ranges.slice(0, i); }\n out[i] = new Range(newAnchor, newHead);\n }\n }\n return out ? normalizeSelection(doc.cm, out, sel.primIndex) : sel\n }\n\n function skipAtomicInner(doc, pos, oldPos, dir, mayClear) {\n var line = getLine(doc, pos.line);\n if (line.markedSpans) { for (var i = 0; i < line.markedSpans.length; ++i) {\n var sp = line.markedSpans[i], m = sp.marker;\n\n // Determine if we should prevent the cursor being placed to the left/right of an atomic marker\n // Historically this was determined using the inclusiveLeft/Right option, but the new way to control it\n // is with selectLeft/Right\n var preventCursorLeft = (\"selectLeft\" in m) ? !m.selectLeft : m.inclusiveLeft;\n var preventCursorRight = (\"selectRight\" in m) ? !m.selectRight : m.inclusiveRight;\n\n if ((sp.from == null || (preventCursorLeft ? sp.from <= pos.ch : sp.from < pos.ch)) &&\n (sp.to == null || (preventCursorRight ? sp.to >= pos.ch : sp.to > pos.ch))) {\n if (mayClear) {\n signal(m, \"beforeCursorEnter\");\n if (m.explicitlyCleared) {\n if (!line.markedSpans) { break }\n else {--i; continue}\n }\n }\n if (!m.atomic) { continue }\n\n if (oldPos) {\n var near = m.find(dir < 0 ? 1 : -1), diff = (void 0);\n if (dir < 0 ? preventCursorRight : preventCursorLeft)\n { near = movePos(doc, near, -dir, near && near.line == pos.line ? line : null); }\n if (near && near.line == pos.line && (diff = cmp(near, oldPos)) && (dir < 0 ? diff < 0 : diff > 0))\n { return skipAtomicInner(doc, near, pos, dir, mayClear) }\n }\n\n var far = m.find(dir < 0 ? -1 : 1);\n if (dir < 0 ? preventCursorLeft : preventCursorRight)\n { far = movePos(doc, far, dir, far.line == pos.line ? line : null); }\n return far ? skipAtomicInner(doc, far, pos, dir, mayClear) : null\n }\n } }\n return pos\n }\n\n // Ensure a given position is not inside an atomic range.\n function skipAtomic(doc, pos, oldPos, bias, mayClear) {\n var dir = bias || 1;\n var found = skipAtomicInner(doc, pos, oldPos, dir, mayClear) ||\n (!mayClear && skipAtomicInner(doc, pos, oldPos, dir, true)) ||\n skipAtomicInner(doc, pos, oldPos, -dir, mayClear) ||\n (!mayClear && skipAtomicInner(doc, pos, oldPos, -dir, true));\n if (!found) {\n doc.cantEdit = true;\n return Pos(doc.first, 0)\n }\n return found\n }\n\n function movePos(doc, pos, dir, line) {\n if (dir < 0 && pos.ch == 0) {\n if (pos.line > doc.first) { return clipPos(doc, Pos(pos.line - 1)) }\n else { return null }\n } else if (dir > 0 && pos.ch == (line || getLine(doc, pos.line)).text.length) {\n if (pos.line < doc.first + doc.size - 1) { return Pos(pos.line + 1, 0) }\n else { return null }\n } else {\n return new Pos(pos.line, pos.ch + dir)\n }\n }\n\n function selectAll(cm) {\n cm.setSelection(Pos(cm.firstLine(), 0), Pos(cm.lastLine()), sel_dontScroll);\n }\n\n // UPDATING\n\n // Allow \"beforeChange\" event handlers to influence a change\n function filterChange(doc, change, update) {\n var obj = {\n canceled: false,\n from: change.from,\n to: change.to,\n text: change.text,\n origin: change.origin,\n cancel: function () { return obj.canceled = true; }\n };\n if (update) { obj.update = function (from, to, text, origin) {\n if (from) { obj.from = clipPos(doc, from); }\n if (to) { obj.to = clipPos(doc, to); }\n if (text) { obj.text = text; }\n if (origin !== undefined) { obj.origin = origin; }\n }; }\n signal(doc, \"beforeChange\", doc, obj);\n if (doc.cm) { signal(doc.cm, \"beforeChange\", doc.cm, obj); }\n\n if (obj.canceled) {\n if (doc.cm) { doc.cm.curOp.updateInput = 2; }\n return null\n }\n return {from: obj.from, to: obj.to, text: obj.text, origin: obj.origin}\n }\n\n // Apply a change to a document, and add it to the document's\n // history, and propagating it to all linked documents.\n function makeChange(doc, change, ignoreReadOnly) {\n if (doc.cm) {\n if (!doc.cm.curOp) { return operation(doc.cm, makeChange)(doc, change, ignoreReadOnly) }\n if (doc.cm.state.suppressEdits) { return }\n }\n\n if (hasHandler(doc, \"beforeChange\") || doc.cm && hasHandler(doc.cm, \"beforeChange\")) {\n change = filterChange(doc, change, true);\n if (!change) { return }\n }\n\n // Possibly split or suppress the update based on the presence\n // of read-only spans in its range.\n var split = sawReadOnlySpans && !ignoreReadOnly && removeReadOnlyRanges(doc, change.from, change.to);\n if (split) {\n for (var i = split.length - 1; i >= 0; --i)\n { makeChangeInner(doc, {from: split[i].from, to: split[i].to, text: i ? [\"\"] : change.text, origin: change.origin}); }\n } else {\n makeChangeInner(doc, change);\n }\n }\n\n function makeChangeInner(doc, change) {\n if (change.text.length == 1 && change.text[0] == \"\" && cmp(change.from, change.to) == 0) { return }\n var selAfter = computeSelAfterChange(doc, change);\n addChangeToHistory(doc, change, selAfter, doc.cm ? doc.cm.curOp.id : NaN);\n\n makeChangeSingleDoc(doc, change, selAfter, stretchSpansOverChange(doc, change));\n var rebased = [];\n\n linkedDocs(doc, function (doc, sharedHist) {\n if (!sharedHist && indexOf(rebased, doc.history) == -1) {\n rebaseHist(doc.history, change);\n rebased.push(doc.history);\n }\n makeChangeSingleDoc(doc, change, null, stretchSpansOverChange(doc, change));\n });\n }\n\n // Revert a change stored in a document's history.\n function makeChangeFromHistory(doc, type, allowSelectionOnly) {\n var suppress = doc.cm && doc.cm.state.suppressEdits;\n if (suppress && !allowSelectionOnly) { return }\n\n var hist = doc.history, event, selAfter = doc.sel;\n var source = type == \"undo\" ? hist.done : hist.undone, dest = type == \"undo\" ? hist.undone : hist.done;\n\n // Verify that there is a useable event (so that ctrl-z won't\n // needlessly clear selection events)\n var i = 0;\n for (; i < source.length; i++) {\n event = source[i];\n if (allowSelectionOnly ? event.ranges && !event.equals(doc.sel) : !event.ranges)\n { break }\n }\n if (i == source.length) { return }\n hist.lastOrigin = hist.lastSelOrigin = null;\n\n for (;;) {\n event = source.pop();\n if (event.ranges) {\n pushSelectionToHistory(event, dest);\n if (allowSelectionOnly && !event.equals(doc.sel)) {\n setSelection(doc, event, {clearRedo: false});\n return\n }\n selAfter = event;\n } else if (suppress) {\n source.push(event);\n return\n } else { break }\n }\n\n // Build up a reverse change object to add to the opposite history\n // stack (redo when undoing, and vice versa).\n var antiChanges = [];\n pushSelectionToHistory(selAfter, dest);\n dest.push({changes: antiChanges, generation: hist.generation});\n hist.generation = event.generation || ++hist.maxGeneration;\n\n var filter = hasHandler(doc, \"beforeChange\") || doc.cm && hasHandler(doc.cm, \"beforeChange\");\n\n var loop = function ( i ) {\n var change = event.changes[i];\n change.origin = type;\n if (filter && !filterChange(doc, change, false)) {\n source.length = 0;\n return {}\n }\n\n antiChanges.push(historyChangeFromChange(doc, change));\n\n var after = i ? computeSelAfterChange(doc, change) : lst(source);\n makeChangeSingleDoc(doc, change, after, mergeOldSpans(doc, change));\n if (!i && doc.cm) { doc.cm.scrollIntoView({from: change.from, to: changeEnd(change)}); }\n var rebased = [];\n\n // Propagate to the linked documents\n linkedDocs(doc, function (doc, sharedHist) {\n if (!sharedHist && indexOf(rebased, doc.history) == -1) {\n rebaseHist(doc.history, change);\n rebased.push(doc.history);\n }\n makeChangeSingleDoc(doc, change, null, mergeOldSpans(doc, change));\n });\n };\n\n for (var i$1 = event.changes.length - 1; i$1 >= 0; --i$1) {\n var returned = loop( i$1 );\n\n if ( returned ) return returned.v;\n }\n }\n\n // Sub-views need their line numbers shifted when text is added\n // above or below them in the parent document.\n function shiftDoc(doc, distance) {\n if (distance == 0) { return }\n doc.first += distance;\n doc.sel = new Selection(map(doc.sel.ranges, function (range) { return new Range(\n Pos(range.anchor.line + distance, range.anchor.ch),\n Pos(range.head.line + distance, range.head.ch)\n ); }), doc.sel.primIndex);\n if (doc.cm) {\n regChange(doc.cm, doc.first, doc.first - distance, distance);\n for (var d = doc.cm.display, l = d.viewFrom; l < d.viewTo; l++)\n { regLineChange(doc.cm, l, \"gutter\"); }\n }\n }\n\n // More lower-level change function, handling only a single document\n // (not linked ones).\n function makeChangeSingleDoc(doc, change, selAfter, spans) {\n if (doc.cm && !doc.cm.curOp)\n { return operation(doc.cm, makeChangeSingleDoc)(doc, change, selAfter, spans) }\n\n if (change.to.line < doc.first) {\n shiftDoc(doc, change.text.length - 1 - (change.to.line - change.from.line));\n return\n }\n if (change.from.line > doc.lastLine()) { return }\n\n // Clip the change to the size of this doc\n if (change.from.line < doc.first) {\n var shift = change.text.length - 1 - (doc.first - change.from.line);\n shiftDoc(doc, shift);\n change = {from: Pos(doc.first, 0), to: Pos(change.to.line + shift, change.to.ch),\n text: [lst(change.text)], origin: change.origin};\n }\n var last = doc.lastLine();\n if (change.to.line > last) {\n change = {from: change.from, to: Pos(last, getLine(doc, last).text.length),\n text: [change.text[0]], origin: change.origin};\n }\n\n change.removed = getBetween(doc, change.from, change.to);\n\n if (!selAfter) { selAfter = computeSelAfterChange(doc, change); }\n if (doc.cm) { makeChangeSingleDocInEditor(doc.cm, change, spans); }\n else { updateDoc(doc, change, spans); }\n setSelectionNoUndo(doc, selAfter, sel_dontScroll);\n }\n\n // Handle the interaction of a change to a document with the editor\n // that this document is part of.\n function makeChangeSingleDocInEditor(cm, change, spans) {\n var doc = cm.doc, display = cm.display, from = change.from, to = change.to;\n\n var recomputeMaxLength = false, checkWidthStart = from.line;\n if (!cm.options.lineWrapping) {\n checkWidthStart = lineNo(visualLine(getLine(doc, from.line)));\n doc.iter(checkWidthStart, to.line + 1, function (line) {\n if (line == display.maxLine) {\n recomputeMaxLength = true;\n return true\n }\n });\n }\n\n if (doc.sel.contains(change.from, change.to) > -1)\n { signalCursorActivity(cm); }\n\n updateDoc(doc, change, spans, estimateHeight(cm));\n\n if (!cm.options.lineWrapping) {\n doc.iter(checkWidthStart, from.line + change.text.length, function (line) {\n var len = lineLength(line);\n if (len > display.maxLineLength) {\n display.maxLine = line;\n display.maxLineLength = len;\n display.maxLineChanged = true;\n recomputeMaxLength = false;\n }\n });\n if (recomputeMaxLength) { cm.curOp.updateMaxLine = true; }\n }\n\n retreatFrontier(doc, from.line);\n startWorker(cm, 400);\n\n var lendiff = change.text.length - (to.line - from.line) - 1;\n // Remember that these lines changed, for updating the display\n if (change.full)\n { regChange(cm); }\n else if (from.line == to.line && change.text.length == 1 && !isWholeLineUpdate(cm.doc, change))\n { regLineChange(cm, from.line, \"text\"); }\n else\n { regChange(cm, from.line, to.line + 1, lendiff); }\n\n var changesHandler = hasHandler(cm, \"changes\"), changeHandler = hasHandler(cm, \"change\");\n if (changeHandler || changesHandler) {\n var obj = {\n from: from, to: to,\n text: change.text,\n removed: change.removed,\n origin: change.origin\n };\n if (changeHandler) { signalLater(cm, \"change\", cm, obj); }\n if (changesHandler) { (cm.curOp.changeObjs || (cm.curOp.changeObjs = [])).push(obj); }\n }\n cm.display.selForContextMenu = null;\n }\n\n function replaceRange(doc, code, from, to, origin) {\n var assign;\n\n if (!to) { to = from; }\n if (cmp(to, from) < 0) { (assign = [to, from], from = assign[0], to = assign[1]); }\n if (typeof code == \"string\") { code = doc.splitLines(code); }\n makeChange(doc, {from: from, to: to, text: code, origin: origin});\n }\n\n // Rebasing/resetting history to deal with externally-sourced changes\n\n function rebaseHistSelSingle(pos, from, to, diff) {\n if (to < pos.line) {\n pos.line += diff;\n } else if (from < pos.line) {\n pos.line = from;\n pos.ch = 0;\n }\n }\n\n // Tries to rebase an array of history events given a change in the\n // document. If the change touches the same lines as the event, the\n // event, and everything 'behind' it, is discarded. If the change is\n // before the event, the event's positions are updated. Uses a\n // copy-on-write scheme for the positions, to avoid having to\n // reallocate them all on every rebase, but also avoid problems with\n // shared position objects being unsafely updated.\n function rebaseHistArray(array, from, to, diff) {\n for (var i = 0; i < array.length; ++i) {\n var sub = array[i], ok = true;\n if (sub.ranges) {\n if (!sub.copied) { sub = array[i] = sub.deepCopy(); sub.copied = true; }\n for (var j = 0; j < sub.ranges.length; j++) {\n rebaseHistSelSingle(sub.ranges[j].anchor, from, to, diff);\n rebaseHistSelSingle(sub.ranges[j].head, from, to, diff);\n }\n continue\n }\n for (var j$1 = 0; j$1 < sub.changes.length; ++j$1) {\n var cur = sub.changes[j$1];\n if (to < cur.from.line) {\n cur.from = Pos(cur.from.line + diff, cur.from.ch);\n cur.to = Pos(cur.to.line + diff, cur.to.ch);\n } else if (from <= cur.to.line) {\n ok = false;\n break\n }\n }\n if (!ok) {\n array.splice(0, i + 1);\n i = 0;\n }\n }\n }\n\n function rebaseHist(hist, change) {\n var from = change.from.line, to = change.to.line, diff = change.text.length - (to - from) - 1;\n rebaseHistArray(hist.done, from, to, diff);\n rebaseHistArray(hist.undone, from, to, diff);\n }\n\n // Utility for applying a change to a line by handle or number,\n // returning the number and optionally registering the line as\n // changed.\n function changeLine(doc, handle, changeType, op) {\n var no = handle, line = handle;\n if (typeof handle == \"number\") { line = getLine(doc, clipLine(doc, handle)); }\n else { no = lineNo(handle); }\n if (no == null) { return null }\n if (op(line, no) && doc.cm) { regLineChange(doc.cm, no, changeType); }\n return line\n }\n\n // The document is represented as a BTree consisting of leaves, with\n // chunk of lines in them, and branches, with up to ten leaves or\n // other branch nodes below them. The top node is always a branch\n // node, and is the document object itself (meaning it has\n // additional methods and properties).\n //\n // All nodes have parent links. The tree is used both to go from\n // line numbers to line objects, and to go from objects to numbers.\n // It also indexes by height, and is used to convert between height\n // and line object, and to find the total height of the document.\n //\n // See also http://marijnhaverbeke.nl/blog/codemirror-line-tree.html\n\n function LeafChunk(lines) {\n var this$1 = this;\n\n this.lines = lines;\n this.parent = null;\n var height = 0;\n for (var i = 0; i < lines.length; ++i) {\n lines[i].parent = this$1;\n height += lines[i].height;\n }\n this.height = height;\n }\n\n LeafChunk.prototype = {\n chunkSize: function() { return this.lines.length },\n\n // Remove the n lines at offset 'at'.\n removeInner: function(at, n) {\n var this$1 = this;\n\n for (var i = at, e = at + n; i < e; ++i) {\n var line = this$1.lines[i];\n this$1.height -= line.height;\n cleanUpLine(line);\n signalLater(line, \"delete\");\n }\n this.lines.splice(at, n);\n },\n\n // Helper used to collapse a small branch into a single leaf.\n collapse: function(lines) {\n lines.push.apply(lines, this.lines);\n },\n\n // Insert the given array of lines at offset 'at', count them as\n // having the given height.\n insertInner: function(at, lines, height) {\n var this$1 = this;\n\n this.height += height;\n this.lines = this.lines.slice(0, at).concat(lines).concat(this.lines.slice(at));\n for (var i = 0; i < lines.length; ++i) { lines[i].parent = this$1; }\n },\n\n // Used to iterate over a part of the tree.\n iterN: function(at, n, op) {\n var this$1 = this;\n\n for (var e = at + n; at < e; ++at)\n { if (op(this$1.lines[at])) { return true } }\n }\n };\n\n function BranchChunk(children) {\n var this$1 = this;\n\n this.children = children;\n var size = 0, height = 0;\n for (var i = 0; i < children.length; ++i) {\n var ch = children[i];\n size += ch.chunkSize(); height += ch.height;\n ch.parent = this$1;\n }\n this.size = size;\n this.height = height;\n this.parent = null;\n }\n\n BranchChunk.prototype = {\n chunkSize: function() { return this.size },\n\n removeInner: function(at, n) {\n var this$1 = this;\n\n this.size -= n;\n for (var i = 0; i < this.children.length; ++i) {\n var child = this$1.children[i], sz = child.chunkSize();\n if (at < sz) {\n var rm = Math.min(n, sz - at), oldHeight = child.height;\n child.removeInner(at, rm);\n this$1.height -= oldHeight - child.height;\n if (sz == rm) { this$1.children.splice(i--, 1); child.parent = null; }\n if ((n -= rm) == 0) { break }\n at = 0;\n } else { at -= sz; }\n }\n // If the result is smaller than 25 lines, ensure that it is a\n // single leaf node.\n if (this.size - n < 25 &&\n (this.children.length > 1 || !(this.children[0] instanceof LeafChunk))) {\n var lines = [];\n this.collapse(lines);\n this.children = [new LeafChunk(lines)];\n this.children[0].parent = this;\n }\n },\n\n collapse: function(lines) {\n var this$1 = this;\n\n for (var i = 0; i < this.children.length; ++i) { this$1.children[i].collapse(lines); }\n },\n\n insertInner: function(at, lines, height) {\n var this$1 = this;\n\n this.size += lines.length;\n this.height += height;\n for (var i = 0; i < this.children.length; ++i) {\n var child = this$1.children[i], sz = child.chunkSize();\n if (at <= sz) {\n child.insertInner(at, lines, height);\n if (child.lines && child.lines.length > 50) {\n // To avoid memory thrashing when child.lines is huge (e.g. first editor of a large file), it's never spliced.\n // Instead, small slices are taken. They're taken in order because sequential memory accesses are fastest.\n var remaining = child.lines.length % 25 + 25;\n for (var pos = remaining; pos < child.lines.length;) {\n var leaf = new LeafChunk(child.lines.slice(pos, pos += 25));\n child.height -= leaf.height;\n this$1.children.splice(++i, 0, leaf);\n leaf.parent = this$1;\n }\n child.lines = child.lines.slice(0, remaining);\n this$1.maybeSpill();\n }\n break\n }\n at -= sz;\n }\n },\n\n // When a node has grown, check whether it should be split.\n maybeSpill: function() {\n if (this.children.length <= 10) { return }\n var me = this;\n do {\n var spilled = me.children.splice(me.children.length - 5, 5);\n var sibling = new BranchChunk(spilled);\n if (!me.parent) { // Become the parent node\n var copy = new BranchChunk(me.children);\n copy.parent = me;\n me.children = [copy, sibling];\n me = copy;\n } else {\n me.size -= sibling.size;\n me.height -= sibling.height;\n var myIndex = indexOf(me.parent.children, me);\n me.parent.children.splice(myIndex + 1, 0, sibling);\n }\n sibling.parent = me.parent;\n } while (me.children.length > 10)\n me.parent.maybeSpill();\n },\n\n iterN: function(at, n, op) {\n var this$1 = this;\n\n for (var i = 0; i < this.children.length; ++i) {\n var child = this$1.children[i], sz = child.chunkSize();\n if (at < sz) {\n var used = Math.min(n, sz - at);\n if (child.iterN(at, used, op)) { return true }\n if ((n -= used) == 0) { break }\n at = 0;\n } else { at -= sz; }\n }\n }\n };\n\n // Line widgets are block elements displayed above or below a line.\n\n var LineWidget = function(doc, node, options) {\n var this$1 = this;\n\n if (options) { for (var opt in options) { if (options.hasOwnProperty(opt))\n { this$1[opt] = options[opt]; } } }\n this.doc = doc;\n this.node = node;\n };\n\n LineWidget.prototype.clear = function () {\n var this$1 = this;\n\n var cm = this.doc.cm, ws = this.line.widgets, line = this.line, no = lineNo(line);\n if (no == null || !ws) { return }\n for (var i = 0; i < ws.length; ++i) { if (ws[i] == this$1) { ws.splice(i--, 1); } }\n if (!ws.length) { line.widgets = null; }\n var height = widgetHeight(this);\n updateLineHeight(line, Math.max(0, line.height - height));\n if (cm) {\n runInOp(cm, function () {\n adjustScrollWhenAboveVisible(cm, line, -height);\n regLineChange(cm, no, \"widget\");\n });\n signalLater(cm, \"lineWidgetCleared\", cm, this, no);\n }\n };\n\n LineWidget.prototype.changed = function () {\n var this$1 = this;\n\n var oldH = this.height, cm = this.doc.cm, line = this.line;\n this.height = null;\n var diff = widgetHeight(this) - oldH;\n if (!diff) { return }\n if (!lineIsHidden(this.doc, line)) { updateLineHeight(line, line.height + diff); }\n if (cm) {\n runInOp(cm, function () {\n cm.curOp.forceUpdate = true;\n adjustScrollWhenAboveVisible(cm, line, diff);\n signalLater(cm, \"lineWidgetChanged\", cm, this$1, lineNo(line));\n });\n }\n };\n eventMixin(LineWidget);\n\n function adjustScrollWhenAboveVisible(cm, line, diff) {\n if (heightAtLine(line) < ((cm.curOp && cm.curOp.scrollTop) || cm.doc.scrollTop))\n { addToScrollTop(cm, diff); }\n }\n\n function addLineWidget(doc, handle, node, options) {\n var widget = new LineWidget(doc, node, options);\n var cm = doc.cm;\n if (cm && widget.noHScroll) { cm.display.alignWidgets = true; }\n changeLine(doc, handle, \"widget\", function (line) {\n var widgets = line.widgets || (line.widgets = []);\n if (widget.insertAt == null) { widgets.push(widget); }\n else { widgets.splice(Math.min(widgets.length - 1, Math.max(0, widget.insertAt)), 0, widget); }\n widget.line = line;\n if (cm && !lineIsHidden(doc, line)) {\n var aboveVisible = heightAtLine(line) < doc.scrollTop;\n updateLineHeight(line, line.height + widgetHeight(widget));\n if (aboveVisible) { addToScrollTop(cm, widget.height); }\n cm.curOp.forceUpdate = true;\n }\n return true\n });\n if (cm) { signalLater(cm, \"lineWidgetAdded\", cm, widget, typeof handle == \"number\" ? handle : lineNo(handle)); }\n return widget\n }\n\n // TEXTMARKERS\n\n // Created with markText and setBookmark methods. A TextMarker is a\n // handle that can be used to clear or find a marked position in the\n // document. Line objects hold arrays (markedSpans) containing\n // {from, to, marker} object pointing to such marker objects, and\n // indicating that such a marker is present on that line. Multiple\n // lines may point to the same marker when it spans across lines.\n // The spans will have null for their from/to properties when the\n // marker continues beyond the start/end of the line. Markers have\n // links back to the lines they currently touch.\n\n // Collapsed markers have unique ids, in order to be able to order\n // them, which is needed for uniquely determining an outer marker\n // when they overlap (they may nest, but not partially overlap).\n var nextMarkerId = 0;\n\n var TextMarker = function(doc, type) {\n this.lines = [];\n this.type = type;\n this.doc = doc;\n this.id = ++nextMarkerId;\n };\n\n // Clear the marker.\n TextMarker.prototype.clear = function () {\n var this$1 = this;\n\n if (this.explicitlyCleared) { return }\n var cm = this.doc.cm, withOp = cm && !cm.curOp;\n if (withOp) { startOperation(cm); }\n if (hasHandler(this, \"clear\")) {\n var found = this.find();\n if (found) { signalLater(this, \"clear\", found.from, found.to); }\n }\n var min = null, max = null;\n for (var i = 0; i < this.lines.length; ++i) {\n var line = this$1.lines[i];\n var span = getMarkedSpanFor(line.markedSpans, this$1);\n if (cm && !this$1.collapsed) { regLineChange(cm, lineNo(line), \"text\"); }\n else if (cm) {\n if (span.to != null) { max = lineNo(line); }\n if (span.from != null) { min = lineNo(line); }\n }\n line.markedSpans = removeMarkedSpan(line.markedSpans, span);\n if (span.from == null && this$1.collapsed && !lineIsHidden(this$1.doc, line) && cm)\n { updateLineHeight(line, textHeight(cm.display)); }\n }\n if (cm && this.collapsed && !cm.options.lineWrapping) { for (var i$1 = 0; i$1 < this.lines.length; ++i$1) {\n var visual = visualLine(this$1.lines[i$1]), len = lineLength(visual);\n if (len > cm.display.maxLineLength) {\n cm.display.maxLine = visual;\n cm.display.maxLineLength = len;\n cm.display.maxLineChanged = true;\n }\n } }\n\n if (min != null && cm && this.collapsed) { regChange(cm, min, max + 1); }\n this.lines.length = 0;\n this.explicitlyCleared = true;\n if (this.atomic && this.doc.cantEdit) {\n this.doc.cantEdit = false;\n if (cm) { reCheckSelection(cm.doc); }\n }\n if (cm) { signalLater(cm, \"markerCleared\", cm, this, min, max); }\n if (withOp) { endOperation(cm); }\n if (this.parent) { this.parent.clear(); }\n };\n\n // Find the position of the marker in the document. Returns a {from,\n // to} object by default. Side can be passed to get a specific side\n // -- 0 (both), -1 (left), or 1 (right). When lineObj is true, the\n // Pos objects returned contain a line object, rather than a line\n // number (used to prevent looking up the same line twice).\n TextMarker.prototype.find = function (side, lineObj) {\n var this$1 = this;\n\n if (side == null && this.type == \"bookmark\") { side = 1; }\n var from, to;\n for (var i = 0; i < this.lines.length; ++i) {\n var line = this$1.lines[i];\n var span = getMarkedSpanFor(line.markedSpans, this$1);\n if (span.from != null) {\n from = Pos(lineObj ? line : lineNo(line), span.from);\n if (side == -1) { return from }\n }\n if (span.to != null) {\n to = Pos(lineObj ? line : lineNo(line), span.to);\n if (side == 1) { return to }\n }\n }\n return from && {from: from, to: to}\n };\n\n // Signals that the marker's widget changed, and surrounding layout\n // should be recomputed.\n TextMarker.prototype.changed = function () {\n var this$1 = this;\n\n var pos = this.find(-1, true), widget = this, cm = this.doc.cm;\n if (!pos || !cm) { return }\n runInOp(cm, function () {\n var line = pos.line, lineN = lineNo(pos.line);\n var view = findViewForLine(cm, lineN);\n if (view) {\n clearLineMeasurementCacheFor(view);\n cm.curOp.selectionChanged = cm.curOp.forceUpdate = true;\n }\n cm.curOp.updateMaxLine = true;\n if (!lineIsHidden(widget.doc, line) && widget.height != null) {\n var oldHeight = widget.height;\n widget.height = null;\n var dHeight = widgetHeight(widget) - oldHeight;\n if (dHeight)\n { updateLineHeight(line, line.height + dHeight); }\n }\n signalLater(cm, \"markerChanged\", cm, this$1);\n });\n };\n\n TextMarker.prototype.attachLine = function (line) {\n if (!this.lines.length && this.doc.cm) {\n var op = this.doc.cm.curOp;\n if (!op.maybeHiddenMarkers || indexOf(op.maybeHiddenMarkers, this) == -1)\n { (op.maybeUnhiddenMarkers || (op.maybeUnhiddenMarkers = [])).push(this); }\n }\n this.lines.push(line);\n };\n\n TextMarker.prototype.detachLine = function (line) {\n this.lines.splice(indexOf(this.lines, line), 1);\n if (!this.lines.length && this.doc.cm) {\n var op = this.doc.cm.curOp\n ;(op.maybeHiddenMarkers || (op.maybeHiddenMarkers = [])).push(this);\n }\n };\n eventMixin(TextMarker);\n\n // Create a marker, wire it up to the right lines, and\n function markText(doc, from, to, options, type) {\n // Shared markers (across linked documents) are handled separately\n // (markTextShared will call out to this again, once per\n // document).\n if (options && options.shared) { return markTextShared(doc, from, to, options, type) }\n // Ensure we are in an operation.\n if (doc.cm && !doc.cm.curOp) { return operation(doc.cm, markText)(doc, from, to, options, type) }\n\n var marker = new TextMarker(doc, type), diff = cmp(from, to);\n if (options) { copyObj(options, marker, false); }\n // Don't connect empty markers unless clearWhenEmpty is false\n if (diff > 0 || diff == 0 && marker.clearWhenEmpty !== false)\n { return marker }\n if (marker.replacedWith) {\n // Showing up as a widget implies collapsed (widget replaces text)\n marker.collapsed = true;\n marker.widgetNode = eltP(\"span\", [marker.replacedWith], \"CodeMirror-widget\");\n if (!options.handleMouseEvents) { marker.widgetNode.setAttribute(\"cm-ignore-events\", \"true\"); }\n if (options.insertLeft) { marker.widgetNode.insertLeft = true; }\n }\n if (marker.collapsed) {\n if (conflictingCollapsedRange(doc, from.line, from, to, marker) ||\n from.line != to.line && conflictingCollapsedRange(doc, to.line, from, to, marker))\n { throw new Error(\"Inserting collapsed marker partially overlapping an existing one\") }\n seeCollapsedSpans();\n }\n\n if (marker.addToHistory)\n { addChangeToHistory(doc, {from: from, to: to, origin: \"markText\"}, doc.sel, NaN); }\n\n var curLine = from.line, cm = doc.cm, updateMaxLine;\n doc.iter(curLine, to.line + 1, function (line) {\n if (cm && marker.collapsed && !cm.options.lineWrapping && visualLine(line) == cm.display.maxLine)\n { updateMaxLine = true; }\n if (marker.collapsed && curLine != from.line) { updateLineHeight(line, 0); }\n addMarkedSpan(line, new MarkedSpan(marker,\n curLine == from.line ? from.ch : null,\n curLine == to.line ? to.ch : null));\n ++curLine;\n });\n // lineIsHidden depends on the presence of the spans, so needs a second pass\n if (marker.collapsed) { doc.iter(from.line, to.line + 1, function (line) {\n if (lineIsHidden(doc, line)) { updateLineHeight(line, 0); }\n }); }\n\n if (marker.clearOnEnter) { on(marker, \"beforeCursorEnter\", function () { return marker.clear(); }); }\n\n if (marker.readOnly) {\n seeReadOnlySpans();\n if (doc.history.done.length || doc.history.undone.length)\n { doc.clearHistory(); }\n }\n if (marker.collapsed) {\n marker.id = ++nextMarkerId;\n marker.atomic = true;\n }\n if (cm) {\n // Sync editor state\n if (updateMaxLine) { cm.curOp.updateMaxLine = true; }\n if (marker.collapsed)\n { regChange(cm, from.line, to.line + 1); }\n else if (marker.className || marker.startStyle || marker.endStyle || marker.css ||\n marker.attributes || marker.title)\n { for (var i = from.line; i <= to.line; i++) { regLineChange(cm, i, \"text\"); } }\n if (marker.atomic) { reCheckSelection(cm.doc); }\n signalLater(cm, \"markerAdded\", cm, marker);\n }\n return marker\n }\n\n // SHARED TEXTMARKERS\n\n // A shared marker spans multiple linked documents. It is\n // implemented as a meta-marker-object controlling multiple normal\n // markers.\n var SharedTextMarker = function(markers, primary) {\n var this$1 = this;\n\n this.markers = markers;\n this.primary = primary;\n for (var i = 0; i < markers.length; ++i)\n { markers[i].parent = this$1; }\n };\n\n SharedTextMarker.prototype.clear = function () {\n var this$1 = this;\n\n if (this.explicitlyCleared) { return }\n this.explicitlyCleared = true;\n for (var i = 0; i < this.markers.length; ++i)\n { this$1.markers[i].clear(); }\n signalLater(this, \"clear\");\n };\n\n SharedTextMarker.prototype.find = function (side, lineObj) {\n return this.primary.find(side, lineObj)\n };\n eventMixin(SharedTextMarker);\n\n function markTextShared(doc, from, to, options, type) {\n options = copyObj(options);\n options.shared = false;\n var markers = [markText(doc, from, to, options, type)], primary = markers[0];\n var widget = options.widgetNode;\n linkedDocs(doc, function (doc) {\n if (widget) { options.widgetNode = widget.cloneNode(true); }\n markers.push(markText(doc, clipPos(doc, from), clipPos(doc, to), options, type));\n for (var i = 0; i < doc.linked.length; ++i)\n { if (doc.linked[i].isParent) { return } }\n primary = lst(markers);\n });\n return new SharedTextMarker(markers, primary)\n }\n\n function findSharedMarkers(doc) {\n return doc.findMarks(Pos(doc.first, 0), doc.clipPos(Pos(doc.lastLine())), function (m) { return m.parent; })\n }\n\n function copySharedMarkers(doc, markers) {\n for (var i = 0; i < markers.length; i++) {\n var marker = markers[i], pos = marker.find();\n var mFrom = doc.clipPos(pos.from), mTo = doc.clipPos(pos.to);\n if (cmp(mFrom, mTo)) {\n var subMark = markText(doc, mFrom, mTo, marker.primary, marker.primary.type);\n marker.markers.push(subMark);\n subMark.parent = marker;\n }\n }\n }\n\n function detachSharedMarkers(markers) {\n var loop = function ( i ) {\n var marker = markers[i], linked = [marker.primary.doc];\n linkedDocs(marker.primary.doc, function (d) { return linked.push(d); });\n for (var j = 0; j < marker.markers.length; j++) {\n var subMarker = marker.markers[j];\n if (indexOf(linked, subMarker.doc) == -1) {\n subMarker.parent = null;\n marker.markers.splice(j--, 1);\n }\n }\n };\n\n for (var i = 0; i < markers.length; i++) loop( i );\n }\n\n var nextDocId = 0;\n var Doc = function(text, mode, firstLine, lineSep, direction) {\n if (!(this instanceof Doc)) { return new Doc(text, mode, firstLine, lineSep, direction) }\n if (firstLine == null) { firstLine = 0; }\n\n BranchChunk.call(this, [new LeafChunk([new Line(\"\", null)])]);\n this.first = firstLine;\n this.scrollTop = this.scrollLeft = 0;\n this.cantEdit = false;\n this.cleanGeneration = 1;\n this.modeFrontier = this.highlightFrontier = firstLine;\n var start = Pos(firstLine, 0);\n this.sel = simpleSelection(start);\n this.history = new History(null);\n this.id = ++nextDocId;\n this.modeOption = mode;\n this.lineSep = lineSep;\n this.direction = (direction == \"rtl\") ? \"rtl\" : \"ltr\";\n this.extend = false;\n\n if (typeof text == \"string\") { text = this.splitLines(text); }\n updateDoc(this, {from: start, to: start, text: text});\n setSelection(this, simpleSelection(start), sel_dontScroll);\n };\n\n Doc.prototype = createObj(BranchChunk.prototype, {\n constructor: Doc,\n // Iterate over the document. Supports two forms -- with only one\n // argument, it calls that for each line in the document. With\n // three, it iterates over the range given by the first two (with\n // the second being non-inclusive).\n iter: function(from, to, op) {\n if (op) { this.iterN(from - this.first, to - from, op); }\n else { this.iterN(this.first, this.first + this.size, from); }\n },\n\n // Non-public interface for adding and removing lines.\n insert: function(at, lines) {\n var height = 0;\n for (var i = 0; i < lines.length; ++i) { height += lines[i].height; }\n this.insertInner(at - this.first, lines, height);\n },\n remove: function(at, n) { this.removeInner(at - this.first, n); },\n\n // From here, the methods are part of the public interface. Most\n // are also available from CodeMirror (editor) instances.\n\n getValue: function(lineSep) {\n var lines = getLines(this, this.first, this.first + this.size);\n if (lineSep === false) { return lines }\n return lines.join(lineSep || this.lineSeparator())\n },\n setValue: docMethodOp(function(code) {\n var top = Pos(this.first, 0), last = this.first + this.size - 1;\n makeChange(this, {from: top, to: Pos(last, getLine(this, last).text.length),\n text: this.splitLines(code), origin: \"setValue\", full: true}, true);\n if (this.cm) { scrollToCoords(this.cm, 0, 0); }\n setSelection(this, simpleSelection(top), sel_dontScroll);\n }),\n replaceRange: function(code, from, to, origin) {\n from = clipPos(this, from);\n to = to ? clipPos(this, to) : from;\n replaceRange(this, code, from, to, origin);\n },\n getRange: function(from, to, lineSep) {\n var lines = getBetween(this, clipPos(this, from), clipPos(this, to));\n if (lineSep === false) { return lines }\n return lines.join(lineSep || this.lineSeparator())\n },\n\n getLine: function(line) {var l = this.getLineHandle(line); return l && l.text},\n\n getLineHandle: function(line) {if (isLine(this, line)) { return getLine(this, line) }},\n getLineNumber: function(line) {return lineNo(line)},\n\n getLineHandleVisualStart: function(line) {\n if (typeof line == \"number\") { line = getLine(this, line); }\n return visualLine(line)\n },\n\n lineCount: function() {return this.size},\n firstLine: function() {return this.first},\n lastLine: function() {return this.first + this.size - 1},\n\n clipPos: function(pos) {return clipPos(this, pos)},\n\n getCursor: function(start) {\n var range$$1 = this.sel.primary(), pos;\n if (start == null || start == \"head\") { pos = range$$1.head; }\n else if (start == \"anchor\") { pos = range$$1.anchor; }\n else if (start == \"end\" || start == \"to\" || start === false) { pos = range$$1.to(); }\n else { pos = range$$1.from(); }\n return pos\n },\n listSelections: function() { return this.sel.ranges },\n somethingSelected: function() {return this.sel.somethingSelected()},\n\n setCursor: docMethodOp(function(line, ch, options) {\n setSimpleSelection(this, clipPos(this, typeof line == \"number\" ? Pos(line, ch || 0) : line), null, options);\n }),\n setSelection: docMethodOp(function(anchor, head, options) {\n setSimpleSelection(this, clipPos(this, anchor), clipPos(this, head || anchor), options);\n }),\n extendSelection: docMethodOp(function(head, other, options) {\n extendSelection(this, clipPos(this, head), other && clipPos(this, other), options);\n }),\n extendSelections: docMethodOp(function(heads, options) {\n extendSelections(this, clipPosArray(this, heads), options);\n }),\n extendSelectionsBy: docMethodOp(function(f, options) {\n var heads = map(this.sel.ranges, f);\n extendSelections(this, clipPosArray(this, heads), options);\n }),\n setSelections: docMethodOp(function(ranges, primary, options) {\n var this$1 = this;\n\n if (!ranges.length) { return }\n var out = [];\n for (var i = 0; i < ranges.length; i++)\n { out[i] = new Range(clipPos(this$1, ranges[i].anchor),\n clipPos(this$1, ranges[i].head)); }\n if (primary == null) { primary = Math.min(ranges.length - 1, this.sel.primIndex); }\n setSelection(this, normalizeSelection(this.cm, out, primary), options);\n }),\n addSelection: docMethodOp(function(anchor, head, options) {\n var ranges = this.sel.ranges.slice(0);\n ranges.push(new Range(clipPos(this, anchor), clipPos(this, head || anchor)));\n setSelection(this, normalizeSelection(this.cm, ranges, ranges.length - 1), options);\n }),\n\n getSelection: function(lineSep) {\n var this$1 = this;\n\n var ranges = this.sel.ranges, lines;\n for (var i = 0; i < ranges.length; i++) {\n var sel = getBetween(this$1, ranges[i].from(), ranges[i].to());\n lines = lines ? lines.concat(sel) : sel;\n }\n if (lineSep === false) { return lines }\n else { return lines.join(lineSep || this.lineSeparator()) }\n },\n getSelections: function(lineSep) {\n var this$1 = this;\n\n var parts = [], ranges = this.sel.ranges;\n for (var i = 0; i < ranges.length; i++) {\n var sel = getBetween(this$1, ranges[i].from(), ranges[i].to());\n if (lineSep !== false) { sel = sel.join(lineSep || this$1.lineSeparator()); }\n parts[i] = sel;\n }\n return parts\n },\n replaceSelection: function(code, collapse, origin) {\n var dup = [];\n for (var i = 0; i < this.sel.ranges.length; i++)\n { dup[i] = code; }\n this.replaceSelections(dup, collapse, origin || \"+input\");\n },\n replaceSelections: docMethodOp(function(code, collapse, origin) {\n var this$1 = this;\n\n var changes = [], sel = this.sel;\n for (var i = 0; i < sel.ranges.length; i++) {\n var range$$1 = sel.ranges[i];\n changes[i] = {from: range$$1.from(), to: range$$1.to(), text: this$1.splitLines(code[i]), origin: origin};\n }\n var newSel = collapse && collapse != \"end\" && computeReplacedSel(this, changes, collapse);\n for (var i$1 = changes.length - 1; i$1 >= 0; i$1--)\n { makeChange(this$1, changes[i$1]); }\n if (newSel) { setSelectionReplaceHistory(this, newSel); }\n else if (this.cm) { ensureCursorVisible(this.cm); }\n }),\n undo: docMethodOp(function() {makeChangeFromHistory(this, \"undo\");}),\n redo: docMethodOp(function() {makeChangeFromHistory(this, \"redo\");}),\n undoSelection: docMethodOp(function() {makeChangeFromHistory(this, \"undo\", true);}),\n redoSelection: docMethodOp(function() {makeChangeFromHistory(this, \"redo\", true);}),\n\n setExtending: function(val) {this.extend = val;},\n getExtending: function() {return this.extend},\n\n historySize: function() {\n var hist = this.history, done = 0, undone = 0;\n for (var i = 0; i < hist.done.length; i++) { if (!hist.done[i].ranges) { ++done; } }\n for (var i$1 = 0; i$1 < hist.undone.length; i$1++) { if (!hist.undone[i$1].ranges) { ++undone; } }\n return {undo: done, redo: undone}\n },\n clearHistory: function() {this.history = new History(this.history.maxGeneration);},\n\n markClean: function() {\n this.cleanGeneration = this.changeGeneration(true);\n },\n changeGeneration: function(forceSplit) {\n if (forceSplit)\n { this.history.lastOp = this.history.lastSelOp = this.history.lastOrigin = null; }\n return this.history.generation\n },\n isClean: function (gen) {\n return this.history.generation == (gen || this.cleanGeneration)\n },\n\n getHistory: function() {\n return {done: copyHistoryArray(this.history.done),\n undone: copyHistoryArray(this.history.undone)}\n },\n setHistory: function(histData) {\n var hist = this.history = new History(this.history.maxGeneration);\n hist.done = copyHistoryArray(histData.done.slice(0), null, true);\n hist.undone = copyHistoryArray(histData.undone.slice(0), null, true);\n },\n\n setGutterMarker: docMethodOp(function(line, gutterID, value) {\n return changeLine(this, line, \"gutter\", function (line) {\n var markers = line.gutterMarkers || (line.gutterMarkers = {});\n markers[gutterID] = value;\n if (!value && isEmpty(markers)) { line.gutterMarkers = null; }\n return true\n })\n }),\n\n clearGutter: docMethodOp(function(gutterID) {\n var this$1 = this;\n\n this.iter(function (line) {\n if (line.gutterMarkers && line.gutterMarkers[gutterID]) {\n changeLine(this$1, line, \"gutter\", function () {\n line.gutterMarkers[gutterID] = null;\n if (isEmpty(line.gutterMarkers)) { line.gutterMarkers = null; }\n return true\n });\n }\n });\n }),\n\n lineInfo: function(line) {\n var n;\n if (typeof line == \"number\") {\n if (!isLine(this, line)) { return null }\n n = line;\n line = getLine(this, line);\n if (!line) { return null }\n } else {\n n = lineNo(line);\n if (n == null) { return null }\n }\n return {line: n, handle: line, text: line.text, gutterMarkers: line.gutterMarkers,\n textClass: line.textClass, bgClass: line.bgClass, wrapClass: line.wrapClass,\n widgets: line.widgets}\n },\n\n addLineClass: docMethodOp(function(handle, where, cls) {\n return changeLine(this, handle, where == \"gutter\" ? \"gutter\" : \"class\", function (line) {\n var prop = where == \"text\" ? \"textClass\"\n : where == \"background\" ? \"bgClass\"\n : where == \"gutter\" ? \"gutterClass\" : \"wrapClass\";\n if (!line[prop]) { line[prop] = cls; }\n else if (classTest(cls).test(line[prop])) { return false }\n else { line[prop] += \" \" + cls; }\n return true\n })\n }),\n removeLineClass: docMethodOp(function(handle, where, cls) {\n return changeLine(this, handle, where == \"gutter\" ? \"gutter\" : \"class\", function (line) {\n var prop = where == \"text\" ? \"textClass\"\n : where == \"background\" ? \"bgClass\"\n : where == \"gutter\" ? \"gutterClass\" : \"wrapClass\";\n var cur = line[prop];\n if (!cur) { return false }\n else if (cls == null) { line[prop] = null; }\n else {\n var found = cur.match(classTest(cls));\n if (!found) { return false }\n var end = found.index + found[0].length;\n line[prop] = cur.slice(0, found.index) + (!found.index || end == cur.length ? \"\" : \" \") + cur.slice(end) || null;\n }\n return true\n })\n }),\n\n addLineWidget: docMethodOp(function(handle, node, options) {\n return addLineWidget(this, handle, node, options)\n }),\n removeLineWidget: function(widget) { widget.clear(); },\n\n markText: function(from, to, options) {\n return markText(this, clipPos(this, from), clipPos(this, to), options, options && options.type || \"range\")\n },\n setBookmark: function(pos, options) {\n var realOpts = {replacedWith: options && (options.nodeType == null ? options.widget : options),\n insertLeft: options && options.insertLeft,\n clearWhenEmpty: false, shared: options && options.shared,\n handleMouseEvents: options && options.handleMouseEvents};\n pos = clipPos(this, pos);\n return markText(this, pos, pos, realOpts, \"bookmark\")\n },\n findMarksAt: function(pos) {\n pos = clipPos(this, pos);\n var markers = [], spans = getLine(this, pos.line).markedSpans;\n if (spans) { for (var i = 0; i < spans.length; ++i) {\n var span = spans[i];\n if ((span.from == null || span.from <= pos.ch) &&\n (span.to == null || span.to >= pos.ch))\n { markers.push(span.marker.parent || span.marker); }\n } }\n return markers\n },\n findMarks: function(from, to, filter) {\n from = clipPos(this, from); to = clipPos(this, to);\n var found = [], lineNo$$1 = from.line;\n this.iter(from.line, to.line + 1, function (line) {\n var spans = line.markedSpans;\n if (spans) { for (var i = 0; i < spans.length; i++) {\n var span = spans[i];\n if (!(span.to != null && lineNo$$1 == from.line && from.ch >= span.to ||\n span.from == null && lineNo$$1 != from.line ||\n span.from != null && lineNo$$1 == to.line && span.from >= to.ch) &&\n (!filter || filter(span.marker)))\n { found.push(span.marker.parent || span.marker); }\n } }\n ++lineNo$$1;\n });\n return found\n },\n getAllMarks: function() {\n var markers = [];\n this.iter(function (line) {\n var sps = line.markedSpans;\n if (sps) { for (var i = 0; i < sps.length; ++i)\n { if (sps[i].from != null) { markers.push(sps[i].marker); } } }\n });\n return markers\n },\n\n posFromIndex: function(off) {\n var ch, lineNo$$1 = this.first, sepSize = this.lineSeparator().length;\n this.iter(function (line) {\n var sz = line.text.length + sepSize;\n if (sz > off) { ch = off; return true }\n off -= sz;\n ++lineNo$$1;\n });\n return clipPos(this, Pos(lineNo$$1, ch))\n },\n indexFromPos: function (coords) {\n coords = clipPos(this, coords);\n var index = coords.ch;\n if (coords.line < this.first || coords.ch < 0) { return 0 }\n var sepSize = this.lineSeparator().length;\n this.iter(this.first, coords.line, function (line) { // iter aborts when callback returns a truthy value\n index += line.text.length + sepSize;\n });\n return index\n },\n\n copy: function(copyHistory) {\n var doc = new Doc(getLines(this, this.first, this.first + this.size),\n this.modeOption, this.first, this.lineSep, this.direction);\n doc.scrollTop = this.scrollTop; doc.scrollLeft = this.scrollLeft;\n doc.sel = this.sel;\n doc.extend = false;\n if (copyHistory) {\n doc.history.undoDepth = this.history.undoDepth;\n doc.setHistory(this.getHistory());\n }\n return doc\n },\n\n linkedDoc: function(options) {\n if (!options) { options = {}; }\n var from = this.first, to = this.first + this.size;\n if (options.from != null && options.from > from) { from = options.from; }\n if (options.to != null && options.to < to) { to = options.to; }\n var copy = new Doc(getLines(this, from, to), options.mode || this.modeOption, from, this.lineSep, this.direction);\n if (options.sharedHist) { copy.history = this.history\n ; }(this.linked || (this.linked = [])).push({doc: copy, sharedHist: options.sharedHist});\n copy.linked = [{doc: this, isParent: true, sharedHist: options.sharedHist}];\n copySharedMarkers(copy, findSharedMarkers(this));\n return copy\n },\n unlinkDoc: function(other) {\n var this$1 = this;\n\n if (other instanceof CodeMirror) { other = other.doc; }\n if (this.linked) { for (var i = 0; i < this.linked.length; ++i) {\n var link = this$1.linked[i];\n if (link.doc != other) { continue }\n this$1.linked.splice(i, 1);\n other.unlinkDoc(this$1);\n detachSharedMarkers(findSharedMarkers(this$1));\n break\n } }\n // If the histories were shared, split them again\n if (other.history == this.history) {\n var splitIds = [other.id];\n linkedDocs(other, function (doc) { return splitIds.push(doc.id); }, true);\n other.history = new History(null);\n other.history.done = copyHistoryArray(this.history.done, splitIds);\n other.history.undone = copyHistoryArray(this.history.undone, splitIds);\n }\n },\n iterLinkedDocs: function(f) {linkedDocs(this, f);},\n\n getMode: function() {return this.mode},\n getEditor: function() {return this.cm},\n\n splitLines: function(str) {\n if (this.lineSep) { return str.split(this.lineSep) }\n return splitLinesAuto(str)\n },\n lineSeparator: function() { return this.lineSep || \"\\n\" },\n\n setDirection: docMethodOp(function (dir) {\n if (dir != \"rtl\") { dir = \"ltr\"; }\n if (dir == this.direction) { return }\n this.direction = dir;\n this.iter(function (line) { return line.order = null; });\n if (this.cm) { directionChanged(this.cm); }\n })\n });\n\n // Public alias.\n Doc.prototype.eachLine = Doc.prototype.iter;\n\n // Kludge to work around strange IE behavior where it'll sometimes\n // re-fire a series of drag-related events right after the drop (#1551)\n var lastDrop = 0;\n\n function onDrop(e) {\n var cm = this;\n clearDragCursor(cm);\n if (signalDOMEvent(cm, e) || eventInWidget(cm.display, e))\n { return }\n e_preventDefault(e);\n if (ie) { lastDrop = +new Date; }\n var pos = posFromMouse(cm, e, true), files = e.dataTransfer.files;\n if (!pos || cm.isReadOnly()) { return }\n // Might be a file drop, in which case we simply extract the text\n // and insert it.\n if (files && files.length && window.FileReader && window.File) {\n var n = files.length, text = Array(n), read = 0;\n var loadFile = function (file, i) {\n if (cm.options.allowDropFileTypes &&\n indexOf(cm.options.allowDropFileTypes, file.type) == -1)\n { return }\n\n var reader = new FileReader;\n reader.onload = operation(cm, function () {\n var content = reader.result;\n if (/[\\x00-\\x08\\x0e-\\x1f]{2}/.test(content)) { content = \"\"; }\n text[i] = content;\n if (++read == n) {\n pos = clipPos(cm.doc, pos);\n var change = {from: pos, to: pos,\n text: cm.doc.splitLines(text.join(cm.doc.lineSeparator())),\n origin: \"paste\"};\n makeChange(cm.doc, change);\n setSelectionReplaceHistory(cm.doc, simpleSelection(pos, changeEnd(change)));\n }\n });\n reader.readAsText(file);\n };\n for (var i = 0; i < n; ++i) { loadFile(files[i], i); }\n } else { // Normal drop\n // Don't do a replace if the drop happened inside of the selected text.\n if (cm.state.draggingText && cm.doc.sel.contains(pos) > -1) {\n cm.state.draggingText(e);\n // Ensure the editor is re-focused\n setTimeout(function () { return cm.display.input.focus(); }, 20);\n return\n }\n try {\n var text$1 = e.dataTransfer.getData(\"Text\");\n if (text$1) {\n var selected;\n if (cm.state.draggingText && !cm.state.draggingText.copy)\n { selected = cm.listSelections(); }\n setSelectionNoUndo(cm.doc, simpleSelection(pos, pos));\n if (selected) { for (var i$1 = 0; i$1 < selected.length; ++i$1)\n { replaceRange(cm.doc, \"\", selected[i$1].anchor, selected[i$1].head, \"drag\"); } }\n cm.replaceSelection(text$1, \"around\", \"paste\");\n cm.display.input.focus();\n }\n }\n catch(e){}\n }\n }\n\n function onDragStart(cm, e) {\n if (ie && (!cm.state.draggingText || +new Date - lastDrop < 100)) { e_stop(e); return }\n if (signalDOMEvent(cm, e) || eventInWidget(cm.display, e)) { return }\n\n e.dataTransfer.setData(\"Text\", cm.getSelection());\n e.dataTransfer.effectAllowed = \"copyMove\";\n\n // Use dummy image instead of default browsers image.\n // Recent Safari (~6.0.2) have a tendency to segfault when this happens, so we don't do it there.\n if (e.dataTransfer.setDragImage && !safari) {\n var img = elt(\"img\", null, null, \"position: fixed; left: 0; top: 0;\");\n img.src = \"data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\";\n if (presto) {\n img.width = img.height = 1;\n cm.display.wrapper.appendChild(img);\n // Force a relayout, or Opera won't use our image for some obscure reason\n img._top = img.offsetTop;\n }\n e.dataTransfer.setDragImage(img, 0, 0);\n if (presto) { img.parentNode.removeChild(img); }\n }\n }\n\n function onDragOver(cm, e) {\n var pos = posFromMouse(cm, e);\n if (!pos) { return }\n var frag = document.createDocumentFragment();\n drawSelectionCursor(cm, pos, frag);\n if (!cm.display.dragCursor) {\n cm.display.dragCursor = elt(\"div\", null, \"CodeMirror-cursors CodeMirror-dragcursors\");\n cm.display.lineSpace.insertBefore(cm.display.dragCursor, cm.display.cursorDiv);\n }\n removeChildrenAndAdd(cm.display.dragCursor, frag);\n }\n\n function clearDragCursor(cm) {\n if (cm.display.dragCursor) {\n cm.display.lineSpace.removeChild(cm.display.dragCursor);\n cm.display.dragCursor = null;\n }\n }\n\n // These must be handled carefully, because naively registering a\n // handler for each editor will cause the editors to never be\n // garbage collected.\n\n function forEachCodeMirror(f) {\n if (!document.getElementsByClassName) { return }\n var byClass = document.getElementsByClassName(\"CodeMirror\"), editors = [];\n for (var i = 0; i < byClass.length; i++) {\n var cm = byClass[i].CodeMirror;\n if (cm) { editors.push(cm); }\n }\n if (editors.length) { editors[0].operation(function () {\n for (var i = 0; i < editors.length; i++) { f(editors[i]); }\n }); }\n }\n\n var globalsRegistered = false;\n function ensureGlobalHandlers() {\n if (globalsRegistered) { return }\n registerGlobalHandlers();\n globalsRegistered = true;\n }\n function registerGlobalHandlers() {\n // When the window resizes, we need to refresh active editors.\n var resizeTimer;\n on(window, \"resize\", function () {\n if (resizeTimer == null) { resizeTimer = setTimeout(function () {\n resizeTimer = null;\n forEachCodeMirror(onResize);\n }, 100); }\n });\n // When the window loses focus, we want to show the editor as blurred\n on(window, \"blur\", function () { return forEachCodeMirror(onBlur); });\n }\n // Called when the window resizes\n function onResize(cm) {\n var d = cm.display;\n // Might be a text scaling operation, clear size caches.\n d.cachedCharWidth = d.cachedTextHeight = d.cachedPaddingH = null;\n d.scrollbarsClipped = false;\n cm.setSize();\n }\n\n var keyNames = {\n 3: \"Pause\", 8: \"Backspace\", 9: \"Tab\", 13: \"Enter\", 16: \"Shift\", 17: \"Ctrl\", 18: \"Alt\",\n 19: \"Pause\", 20: \"CapsLock\", 27: \"Esc\", 32: \"Space\", 33: \"PageUp\", 34: \"PageDown\", 35: \"End\",\n 36: \"Home\", 37: \"Left\", 38: \"Up\", 39: \"Right\", 40: \"Down\", 44: \"PrintScrn\", 45: \"Insert\",\n 46: \"Delete\", 59: \";\", 61: \"=\", 91: \"Mod\", 92: \"Mod\", 93: \"Mod\",\n 106: \"*\", 107: \"=\", 109: \"-\", 110: \".\", 111: \"/\", 145: \"ScrollLock\",\n 173: \"-\", 186: \";\", 187: \"=\", 188: \",\", 189: \"-\", 190: \".\", 191: \"/\", 192: \"`\", 219: \"[\", 220: \"\\\\\",\n 221: \"]\", 222: \"'\", 63232: \"Up\", 63233: \"Down\", 63234: \"Left\", 63235: \"Right\", 63272: \"Delete\",\n 63273: \"Home\", 63275: \"End\", 63276: \"PageUp\", 63277: \"PageDown\", 63302: \"Insert\"\n };\n\n // Number keys\n for (var i = 0; i < 10; i++) { keyNames[i + 48] = keyNames[i + 96] = String(i); }\n // Alphabetic keys\n for (var i$1 = 65; i$1 <= 90; i$1++) { keyNames[i$1] = String.fromCharCode(i$1); }\n // Function keys\n for (var i$2 = 1; i$2 <= 12; i$2++) { keyNames[i$2 + 111] = keyNames[i$2 + 63235] = \"F\" + i$2; }\n\n var keyMap = {};\n\n keyMap.basic = {\n \"Left\": \"goCharLeft\", \"Right\": \"goCharRight\", \"Up\": \"goLineUp\", \"Down\": \"goLineDown\",\n \"End\": \"goLineEnd\", \"Home\": \"goLineStartSmart\", \"PageUp\": \"goPageUp\", \"PageDown\": \"goPageDown\",\n \"Delete\": \"delCharAfter\", \"Backspace\": \"delCharBefore\", \"Shift-Backspace\": \"delCharBefore\",\n \"Tab\": \"defaultTab\", \"Shift-Tab\": \"indentAuto\",\n \"Enter\": \"newlineAndIndent\", \"Insert\": \"toggleOverwrite\",\n \"Esc\": \"singleSelection\"\n };\n // Note that the save and find-related commands aren't defined by\n // default. User code or addons can define them. Unknown commands\n // are simply ignored.\n keyMap.pcDefault = {\n \"Ctrl-A\": \"selectAll\", \"Ctrl-D\": \"deleteLine\", \"Ctrl-Z\": \"undo\", \"Shift-Ctrl-Z\": \"redo\", \"Ctrl-Y\": \"redo\",\n \"Ctrl-Home\": \"goDocStart\", \"Ctrl-End\": \"goDocEnd\", \"Ctrl-Up\": \"goLineUp\", \"Ctrl-Down\": \"goLineDown\",\n \"Ctrl-Left\": \"goGroupLeft\", \"Ctrl-Right\": \"goGroupRight\", \"Alt-Left\": \"goLineStart\", \"Alt-Right\": \"goLineEnd\",\n \"Ctrl-Backspace\": \"delGroupBefore\", \"Ctrl-Delete\": \"delGroupAfter\", \"Ctrl-S\": \"save\", \"Ctrl-F\": \"find\",\n \"Ctrl-G\": \"findNext\", \"Shift-Ctrl-G\": \"findPrev\", \"Shift-Ctrl-F\": \"replace\", \"Shift-Ctrl-R\": \"replaceAll\",\n \"Ctrl-[\": \"indentLess\", \"Ctrl-]\": \"indentMore\",\n \"Ctrl-U\": \"undoSelection\", \"Shift-Ctrl-U\": \"redoSelection\", \"Alt-U\": \"redoSelection\",\n \"fallthrough\": \"basic\"\n };\n // Very basic readline/emacs-style bindings, which are standard on Mac.\n keyMap.emacsy = {\n \"Ctrl-F\": \"goCharRight\", \"Ctrl-B\": \"goCharLeft\", \"Ctrl-P\": \"goLineUp\", \"Ctrl-N\": \"goLineDown\",\n \"Alt-F\": \"goWordRight\", \"Alt-B\": \"goWordLeft\", \"Ctrl-A\": \"goLineStart\", \"Ctrl-E\": \"goLineEnd\",\n \"Ctrl-V\": \"goPageDown\", \"Shift-Ctrl-V\": \"goPageUp\", \"Ctrl-D\": \"delCharAfter\", \"Ctrl-H\": \"delCharBefore\",\n \"Alt-D\": \"delWordAfter\", \"Alt-Backspace\": \"delWordBefore\", \"Ctrl-K\": \"killLine\", \"Ctrl-T\": \"transposeChars\",\n \"Ctrl-O\": \"openLine\"\n };\n keyMap.macDefault = {\n \"Cmd-A\": \"selectAll\", \"Cmd-D\": \"deleteLine\", \"Cmd-Z\": \"undo\", \"Shift-Cmd-Z\": \"redo\", \"Cmd-Y\": \"redo\",\n \"Cmd-Home\": \"goDocStart\", \"Cmd-Up\": \"goDocStart\", \"Cmd-End\": \"goDocEnd\", \"Cmd-Down\": \"goDocEnd\", \"Alt-Left\": \"goGroupLeft\",\n \"Alt-Right\": \"goGroupRight\", \"Cmd-Left\": \"goLineLeft\", \"Cmd-Right\": \"goLineRight\", \"Alt-Backspace\": \"delGroupBefore\",\n \"Ctrl-Alt-Backspace\": \"delGroupAfter\", \"Alt-Delete\": \"delGroupAfter\", \"Cmd-S\": \"save\", \"Cmd-F\": \"find\",\n \"Cmd-G\": \"findNext\", \"Shift-Cmd-G\": \"findPrev\", \"Cmd-Alt-F\": \"replace\", \"Shift-Cmd-Alt-F\": \"replaceAll\",\n \"Cmd-[\": \"indentLess\", \"Cmd-]\": \"indentMore\", \"Cmd-Backspace\": \"delWrappedLineLeft\", \"Cmd-Delete\": \"delWrappedLineRight\",\n \"Cmd-U\": \"undoSelection\", \"Shift-Cmd-U\": \"redoSelection\", \"Ctrl-Up\": \"goDocStart\", \"Ctrl-Down\": \"goDocEnd\",\n \"fallthrough\": [\"basic\", \"emacsy\"]\n };\n keyMap[\"default\"] = mac ? keyMap.macDefault : keyMap.pcDefault;\n\n // KEYMAP DISPATCH\n\n function normalizeKeyName(name) {\n var parts = name.split(/-(?!$)/);\n name = parts[parts.length - 1];\n var alt, ctrl, shift, cmd;\n for (var i = 0; i < parts.length - 1; i++) {\n var mod = parts[i];\n if (/^(cmd|meta|m)$/i.test(mod)) { cmd = true; }\n else if (/^a(lt)?$/i.test(mod)) { alt = true; }\n else if (/^(c|ctrl|control)$/i.test(mod)) { ctrl = true; }\n else if (/^s(hift)?$/i.test(mod)) { shift = true; }\n else { throw new Error(\"Unrecognized modifier name: \" + mod) }\n }\n if (alt) { name = \"Alt-\" + name; }\n if (ctrl) { name = \"Ctrl-\" + name; }\n if (cmd) { name = \"Cmd-\" + name; }\n if (shift) { name = \"Shift-\" + name; }\n return name\n }\n\n // This is a kludge to keep keymaps mostly working as raw objects\n // (backwards compatibility) while at the same time support features\n // like normalization and multi-stroke key bindings. It compiles a\n // new normalized keymap, and then updates the old object to reflect\n // this.\n function normalizeKeyMap(keymap) {\n var copy = {};\n for (var keyname in keymap) { if (keymap.hasOwnProperty(keyname)) {\n var value = keymap[keyname];\n if (/^(name|fallthrough|(de|at)tach)$/.test(keyname)) { continue }\n if (value == \"...\") { delete keymap[keyname]; continue }\n\n var keys = map(keyname.split(\" \"), normalizeKeyName);\n for (var i = 0; i < keys.length; i++) {\n var val = (void 0), name = (void 0);\n if (i == keys.length - 1) {\n name = keys.join(\" \");\n val = value;\n } else {\n name = keys.slice(0, i + 1).join(\" \");\n val = \"...\";\n }\n var prev = copy[name];\n if (!prev) { copy[name] = val; }\n else if (prev != val) { throw new Error(\"Inconsistent bindings for \" + name) }\n }\n delete keymap[keyname];\n } }\n for (var prop in copy) { keymap[prop] = copy[prop]; }\n return keymap\n }\n\n function lookupKey(key, map$$1, handle, context) {\n map$$1 = getKeyMap(map$$1);\n var found = map$$1.call ? map$$1.call(key, context) : map$$1[key];\n if (found === false) { return \"nothing\" }\n if (found === \"...\") { return \"multi\" }\n if (found != null && handle(found)) { return \"handled\" }\n\n if (map$$1.fallthrough) {\n if (Object.prototype.toString.call(map$$1.fallthrough) != \"[object Array]\")\n { return lookupKey(key, map$$1.fallthrough, handle, context) }\n for (var i = 0; i < map$$1.fallthrough.length; i++) {\n var result = lookupKey(key, map$$1.fallthrough[i], handle, context);\n if (result) { return result }\n }\n }\n }\n\n // Modifier key presses don't count as 'real' key presses for the\n // purpose of keymap fallthrough.\n function isModifierKey(value) {\n var name = typeof value == \"string\" ? value : keyNames[value.keyCode];\n return name == \"Ctrl\" || name == \"Alt\" || name == \"Shift\" || name == \"Mod\"\n }\n\n function addModifierNames(name, event, noShift) {\n var base = name;\n if (event.altKey && base != \"Alt\") { name = \"Alt-\" + name; }\n if ((flipCtrlCmd ? event.metaKey : event.ctrlKey) && base != \"Ctrl\") { name = \"Ctrl-\" + name; }\n if ((flipCtrlCmd ? event.ctrlKey : event.metaKey) && base != \"Cmd\") { name = \"Cmd-\" + name; }\n if (!noShift && event.shiftKey && base != \"Shift\") { name = \"Shift-\" + name; }\n return name\n }\n\n // Look up the name of a key as indicated by an event object.\n function keyName(event, noShift) {\n if (presto && event.keyCode == 34 && event[\"char\"]) { return false }\n var name = keyNames[event.keyCode];\n if (name == null || event.altGraphKey) { return false }\n // Ctrl-ScrollLock has keyCode 3, same as Ctrl-Pause,\n // so we'll use event.code when available (Chrome 48+, FF 38+, Safari 10.1+)\n if (event.keyCode == 3 && event.code) { name = event.code; }\n return addModifierNames(name, event, noShift)\n }\n\n function getKeyMap(val) {\n return typeof val == \"string\" ? keyMap[val] : val\n }\n\n // Helper for deleting text near the selection(s), used to implement\n // backspace, delete, and similar functionality.\n function deleteNearSelection(cm, compute) {\n var ranges = cm.doc.sel.ranges, kill = [];\n // Build up a set of ranges to kill first, merging overlapping\n // ranges.\n for (var i = 0; i < ranges.length; i++) {\n var toKill = compute(ranges[i]);\n while (kill.length && cmp(toKill.from, lst(kill).to) <= 0) {\n var replaced = kill.pop();\n if (cmp(replaced.from, toKill.from) < 0) {\n toKill.from = replaced.from;\n break\n }\n }\n kill.push(toKill);\n }\n // Next, remove those actual ranges.\n runInOp(cm, function () {\n for (var i = kill.length - 1; i >= 0; i--)\n { replaceRange(cm.doc, \"\", kill[i].from, kill[i].to, \"+delete\"); }\n ensureCursorVisible(cm);\n });\n }\n\n function moveCharLogically(line, ch, dir) {\n var target = skipExtendingChars(line.text, ch + dir, dir);\n return target < 0 || target > line.text.length ? null : target\n }\n\n function moveLogically(line, start, dir) {\n var ch = moveCharLogically(line, start.ch, dir);\n return ch == null ? null : new Pos(start.line, ch, dir < 0 ? \"after\" : \"before\")\n }\n\n function endOfLine(visually, cm, lineObj, lineNo, dir) {\n if (visually) {\n var order = getOrder(lineObj, cm.doc.direction);\n if (order) {\n var part = dir < 0 ? lst(order) : order[0];\n var moveInStorageOrder = (dir < 0) == (part.level == 1);\n var sticky = moveInStorageOrder ? \"after\" : \"before\";\n var ch;\n // With a wrapped rtl chunk (possibly spanning multiple bidi parts),\n // it could be that the last bidi part is not on the last visual line,\n // since visual lines contain content order-consecutive chunks.\n // Thus, in rtl, we are looking for the first (content-order) character\n // in the rtl chunk that is on the last line (that is, the same line\n // as the last (content-order) character).\n if (part.level > 0 || cm.doc.direction == \"rtl\") {\n var prep = prepareMeasureForLine(cm, lineObj);\n ch = dir < 0 ? lineObj.text.length - 1 : 0;\n var targetTop = measureCharPrepared(cm, prep, ch).top;\n ch = findFirst(function (ch) { return measureCharPrepared(cm, prep, ch).top == targetTop; }, (dir < 0) == (part.level == 1) ? part.from : part.to - 1, ch);\n if (sticky == \"before\") { ch = moveCharLogically(lineObj, ch, 1); }\n } else { ch = dir < 0 ? part.to : part.from; }\n return new Pos(lineNo, ch, sticky)\n }\n }\n return new Pos(lineNo, dir < 0 ? lineObj.text.length : 0, dir < 0 ? \"before\" : \"after\")\n }\n\n function moveVisually(cm, line, start, dir) {\n var bidi = getOrder(line, cm.doc.direction);\n if (!bidi) { return moveLogically(line, start, dir) }\n if (start.ch >= line.text.length) {\n start.ch = line.text.length;\n start.sticky = \"before\";\n } else if (start.ch <= 0) {\n start.ch = 0;\n start.sticky = \"after\";\n }\n var partPos = getBidiPartAt(bidi, start.ch, start.sticky), part = bidi[partPos];\n if (cm.doc.direction == \"ltr\" && part.level % 2 == 0 && (dir > 0 ? part.to > start.ch : part.from < start.ch)) {\n // Case 1: We move within an ltr part in an ltr editor. Even with wrapped lines,\n // nothing interesting happens.\n return moveLogically(line, start, dir)\n }\n\n var mv = function (pos, dir) { return moveCharLogically(line, pos instanceof Pos ? pos.ch : pos, dir); };\n var prep;\n var getWrappedLineExtent = function (ch) {\n if (!cm.options.lineWrapping) { return {begin: 0, end: line.text.length} }\n prep = prep || prepareMeasureForLine(cm, line);\n return wrappedLineExtentChar(cm, line, prep, ch)\n };\n var wrappedLineExtent = getWrappedLineExtent(start.sticky == \"before\" ? mv(start, -1) : start.ch);\n\n if (cm.doc.direction == \"rtl\" || part.level == 1) {\n var moveInStorageOrder = (part.level == 1) == (dir < 0);\n var ch = mv(start, moveInStorageOrder ? 1 : -1);\n if (ch != null && (!moveInStorageOrder ? ch >= part.from && ch >= wrappedLineExtent.begin : ch <= part.to && ch <= wrappedLineExtent.end)) {\n // Case 2: We move within an rtl part or in an rtl editor on the same visual line\n var sticky = moveInStorageOrder ? \"before\" : \"after\";\n return new Pos(start.line, ch, sticky)\n }\n }\n\n // Case 3: Could not move within this bidi part in this visual line, so leave\n // the current bidi part\n\n var searchInVisualLine = function (partPos, dir, wrappedLineExtent) {\n var getRes = function (ch, moveInStorageOrder) { return moveInStorageOrder\n ? new Pos(start.line, mv(ch, 1), \"before\")\n : new Pos(start.line, ch, \"after\"); };\n\n for (; partPos >= 0 && partPos < bidi.length; partPos += dir) {\n var part = bidi[partPos];\n var moveInStorageOrder = (dir > 0) == (part.level != 1);\n var ch = moveInStorageOrder ? wrappedLineExtent.begin : mv(wrappedLineExtent.end, -1);\n if (part.from <= ch && ch < part.to) { return getRes(ch, moveInStorageOrder) }\n ch = moveInStorageOrder ? part.from : mv(part.to, -1);\n if (wrappedLineExtent.begin <= ch && ch < wrappedLineExtent.end) { return getRes(ch, moveInStorageOrder) }\n }\n };\n\n // Case 3a: Look for other bidi parts on the same visual line\n var res = searchInVisualLine(partPos + dir, dir, wrappedLineExtent);\n if (res) { return res }\n\n // Case 3b: Look for other bidi parts on the next visual line\n var nextCh = dir > 0 ? wrappedLineExtent.end : mv(wrappedLineExtent.begin, -1);\n if (nextCh != null && !(dir > 0 && nextCh == line.text.length)) {\n res = searchInVisualLine(dir > 0 ? 0 : bidi.length - 1, dir, getWrappedLineExtent(nextCh));\n if (res) { return res }\n }\n\n // Case 4: Nowhere to move\n return null\n }\n\n // Commands are parameter-less actions that can be performed on an\n // editor, mostly used for keybindings.\n var commands = {\n selectAll: selectAll,\n singleSelection: function (cm) { return cm.setSelection(cm.getCursor(\"anchor\"), cm.getCursor(\"head\"), sel_dontScroll); },\n killLine: function (cm) { return deleteNearSelection(cm, function (range) {\n if (range.empty()) {\n var len = getLine(cm.doc, range.head.line).text.length;\n if (range.head.ch == len && range.head.line < cm.lastLine())\n { return {from: range.head, to: Pos(range.head.line + 1, 0)} }\n else\n { return {from: range.head, to: Pos(range.head.line, len)} }\n } else {\n return {from: range.from(), to: range.to()}\n }\n }); },\n deleteLine: function (cm) { return deleteNearSelection(cm, function (range) { return ({\n from: Pos(range.from().line, 0),\n to: clipPos(cm.doc, Pos(range.to().line + 1, 0))\n }); }); },\n delLineLeft: function (cm) { return deleteNearSelection(cm, function (range) { return ({\n from: Pos(range.from().line, 0), to: range.from()\n }); }); },\n delWrappedLineLeft: function (cm) { return deleteNearSelection(cm, function (range) {\n var top = cm.charCoords(range.head, \"div\").top + 5;\n var leftPos = cm.coordsChar({left: 0, top: top}, \"div\");\n return {from: leftPos, to: range.from()}\n }); },\n delWrappedLineRight: function (cm) { return deleteNearSelection(cm, function (range) {\n var top = cm.charCoords(range.head, \"div\").top + 5;\n var rightPos = cm.coordsChar({left: cm.display.lineDiv.offsetWidth + 100, top: top}, \"div\");\n return {from: range.from(), to: rightPos }\n }); },\n undo: function (cm) { return cm.undo(); },\n redo: function (cm) { return cm.redo(); },\n undoSelection: function (cm) { return cm.undoSelection(); },\n redoSelection: function (cm) { return cm.redoSelection(); },\n goDocStart: function (cm) { return cm.extendSelection(Pos(cm.firstLine(), 0)); },\n goDocEnd: function (cm) { return cm.extendSelection(Pos(cm.lastLine())); },\n goLineStart: function (cm) { return cm.extendSelectionsBy(function (range) { return lineStart(cm, range.head.line); },\n {origin: \"+move\", bias: 1}\n ); },\n goLineStartSmart: function (cm) { return cm.extendSelectionsBy(function (range) { return lineStartSmart(cm, range.head); },\n {origin: \"+move\", bias: 1}\n ); },\n goLineEnd: function (cm) { return cm.extendSelectionsBy(function (range) { return lineEnd(cm, range.head.line); },\n {origin: \"+move\", bias: -1}\n ); },\n goLineRight: function (cm) { return cm.extendSelectionsBy(function (range) {\n var top = cm.cursorCoords(range.head, \"div\").top + 5;\n return cm.coordsChar({left: cm.display.lineDiv.offsetWidth + 100, top: top}, \"div\")\n }, sel_move); },\n goLineLeft: function (cm) { return cm.extendSelectionsBy(function (range) {\n var top = cm.cursorCoords(range.head, \"div\").top + 5;\n return cm.coordsChar({left: 0, top: top}, \"div\")\n }, sel_move); },\n goLineLeftSmart: function (cm) { return cm.extendSelectionsBy(function (range) {\n var top = cm.cursorCoords(range.head, \"div\").top + 5;\n var pos = cm.coordsChar({left: 0, top: top}, \"div\");\n if (pos.ch < cm.getLine(pos.line).search(/\\S/)) { return lineStartSmart(cm, range.head) }\n return pos\n }, sel_move); },\n goLineUp: function (cm) { return cm.moveV(-1, \"line\"); },\n goLineDown: function (cm) { return cm.moveV(1, \"line\"); },\n goPageUp: function (cm) { return cm.moveV(-1, \"page\"); },\n goPageDown: function (cm) { return cm.moveV(1, \"page\"); },\n goCharLeft: function (cm) { return cm.moveH(-1, \"char\"); },\n goCharRight: function (cm) { return cm.moveH(1, \"char\"); },\n goColumnLeft: function (cm) { return cm.moveH(-1, \"column\"); },\n goColumnRight: function (cm) { return cm.moveH(1, \"column\"); },\n goWordLeft: function (cm) { return cm.moveH(-1, \"word\"); },\n goGroupRight: function (cm) { return cm.moveH(1, \"group\"); },\n goGroupLeft: function (cm) { return cm.moveH(-1, \"group\"); },\n goWordRight: function (cm) { return cm.moveH(1, \"word\"); },\n delCharBefore: function (cm) { return cm.deleteH(-1, \"char\"); },\n delCharAfter: function (cm) { return cm.deleteH(1, \"char\"); },\n delWordBefore: function (cm) { return cm.deleteH(-1, \"word\"); },\n delWordAfter: function (cm) { return cm.deleteH(1, \"word\"); },\n delGroupBefore: function (cm) { return cm.deleteH(-1, \"group\"); },\n delGroupAfter: function (cm) { return cm.deleteH(1, \"group\"); },\n indentAuto: function (cm) { return cm.indentSelection(\"smart\"); },\n indentMore: function (cm) { return cm.indentSelection(\"add\"); },\n indentLess: function (cm) { return cm.indentSelection(\"subtract\"); },\n insertTab: function (cm) { return cm.replaceSelection(\"\\t\"); },\n insertSoftTab: function (cm) {\n var spaces = [], ranges = cm.listSelections(), tabSize = cm.options.tabSize;\n for (var i = 0; i < ranges.length; i++) {\n var pos = ranges[i].from();\n var col = countColumn(cm.getLine(pos.line), pos.ch, tabSize);\n spaces.push(spaceStr(tabSize - col % tabSize));\n }\n cm.replaceSelections(spaces);\n },\n defaultTab: function (cm) {\n if (cm.somethingSelected()) { cm.indentSelection(\"add\"); }\n else { cm.execCommand(\"insertTab\"); }\n },\n // Swap the two chars left and right of each selection's head.\n // Move cursor behind the two swapped characters afterwards.\n //\n // Doesn't consider line feeds a character.\n // Doesn't scan more than one line above to find a character.\n // Doesn't do anything on an empty line.\n // Doesn't do anything with non-empty selections.\n transposeChars: function (cm) { return runInOp(cm, function () {\n var ranges = cm.listSelections(), newSel = [];\n for (var i = 0; i < ranges.length; i++) {\n if (!ranges[i].empty()) { continue }\n var cur = ranges[i].head, line = getLine(cm.doc, cur.line).text;\n if (line) {\n if (cur.ch == line.length) { cur = new Pos(cur.line, cur.ch - 1); }\n if (cur.ch > 0) {\n cur = new Pos(cur.line, cur.ch + 1);\n cm.replaceRange(line.charAt(cur.ch - 1) + line.charAt(cur.ch - 2),\n Pos(cur.line, cur.ch - 2), cur, \"+transpose\");\n } else if (cur.line > cm.doc.first) {\n var prev = getLine(cm.doc, cur.line - 1).text;\n if (prev) {\n cur = new Pos(cur.line, 1);\n cm.replaceRange(line.charAt(0) + cm.doc.lineSeparator() +\n prev.charAt(prev.length - 1),\n Pos(cur.line - 1, prev.length - 1), cur, \"+transpose\");\n }\n }\n }\n newSel.push(new Range(cur, cur));\n }\n cm.setSelections(newSel);\n }); },\n newlineAndIndent: function (cm) { return runInOp(cm, function () {\n var sels = cm.listSelections();\n for (var i = sels.length - 1; i >= 0; i--)\n { cm.replaceRange(cm.doc.lineSeparator(), sels[i].anchor, sels[i].head, \"+input\"); }\n sels = cm.listSelections();\n for (var i$1 = 0; i$1 < sels.length; i$1++)\n { cm.indentLine(sels[i$1].from().line, null, true); }\n ensureCursorVisible(cm);\n }); },\n openLine: function (cm) { return cm.replaceSelection(\"\\n\", \"start\"); },\n toggleOverwrite: function (cm) { return cm.toggleOverwrite(); }\n };\n\n\n function lineStart(cm, lineN) {\n var line = getLine(cm.doc, lineN);\n var visual = visualLine(line);\n if (visual != line) { lineN = lineNo(visual); }\n return endOfLine(true, cm, visual, lineN, 1)\n }\n function lineEnd(cm, lineN) {\n var line = getLine(cm.doc, lineN);\n var visual = visualLineEnd(line);\n if (visual != line) { lineN = lineNo(visual); }\n return endOfLine(true, cm, line, lineN, -1)\n }\n function lineStartSmart(cm, pos) {\n var start = lineStart(cm, pos.line);\n var line = getLine(cm.doc, start.line);\n var order = getOrder(line, cm.doc.direction);\n if (!order || order[0].level == 0) {\n var firstNonWS = Math.max(0, line.text.search(/\\S/));\n var inWS = pos.line == start.line && pos.ch <= firstNonWS && pos.ch;\n return Pos(start.line, inWS ? 0 : firstNonWS, start.sticky)\n }\n return start\n }\n\n // Run a handler that was bound to a key.\n function doHandleBinding(cm, bound, dropShift) {\n if (typeof bound == \"string\") {\n bound = commands[bound];\n if (!bound) { return false }\n }\n // Ensure previous input has been read, so that the handler sees a\n // consistent editor of the document\n cm.display.input.ensurePolled();\n var prevShift = cm.display.shift, done = false;\n try {\n if (cm.isReadOnly()) { cm.state.suppressEdits = true; }\n if (dropShift) { cm.display.shift = false; }\n done = bound(cm) != Pass;\n } finally {\n cm.display.shift = prevShift;\n cm.state.suppressEdits = false;\n }\n return done\n }\n\n function lookupKeyForEditor(cm, name, handle) {\n for (var i = 0; i < cm.state.keyMaps.length; i++) {\n var result = lookupKey(name, cm.state.keyMaps[i], handle, cm);\n if (result) { return result }\n }\n return (cm.options.extraKeys && lookupKey(name, cm.options.extraKeys, handle, cm))\n || lookupKey(name, cm.options.keyMap, handle, cm)\n }\n\n // Note that, despite the name, this function is also used to check\n // for bound mouse clicks.\n\n var stopSeq = new Delayed;\n\n function dispatchKey(cm, name, e, handle) {\n var seq = cm.state.keySeq;\n if (seq) {\n if (isModifierKey(name)) { return \"handled\" }\n if (/\\'$/.test(name))\n { cm.state.keySeq = null; }\n else\n { stopSeq.set(50, function () {\n if (cm.state.keySeq == seq) {\n cm.state.keySeq = null;\n cm.display.input.reset();\n }\n }); }\n if (dispatchKeyInner(cm, seq + \" \" + name, e, handle)) { return true }\n }\n return dispatchKeyInner(cm, name, e, handle)\n }\n\n function dispatchKeyInner(cm, name, e, handle) {\n var result = lookupKeyForEditor(cm, name, handle);\n\n if (result == \"multi\")\n { cm.state.keySeq = name; }\n if (result == \"handled\")\n { signalLater(cm, \"keyHandled\", cm, name, e); }\n\n if (result == \"handled\" || result == \"multi\") {\n e_preventDefault(e);\n restartBlink(cm);\n }\n\n return !!result\n }\n\n // Handle a key from the keydown event.\n function handleKeyBinding(cm, e) {\n var name = keyName(e, true);\n if (!name) { return false }\n\n if (e.shiftKey && !cm.state.keySeq) {\n // First try to resolve full name (including 'Shift-'). Failing\n // that, see if there is a cursor-motion command (starting with\n // 'go') bound to the keyname without 'Shift-'.\n return dispatchKey(cm, \"Shift-\" + name, e, function (b) { return doHandleBinding(cm, b, true); })\n || dispatchKey(cm, name, e, function (b) {\n if (typeof b == \"string\" ? /^go[A-Z]/.test(b) : b.motion)\n { return doHandleBinding(cm, b) }\n })\n } else {\n return dispatchKey(cm, name, e, function (b) { return doHandleBinding(cm, b); })\n }\n }\n\n // Handle a key from the keypress event\n function handleCharBinding(cm, e, ch) {\n return dispatchKey(cm, \"'\" + ch + \"'\", e, function (b) { return doHandleBinding(cm, b, true); })\n }\n\n var lastStoppedKey = null;\n function onKeyDown(e) {\n var cm = this;\n cm.curOp.focus = activeElt();\n if (signalDOMEvent(cm, e)) { return }\n // IE does strange things with escape.\n if (ie && ie_version < 11 && e.keyCode == 27) { e.returnValue = false; }\n var code = e.keyCode;\n cm.display.shift = code == 16 || e.shiftKey;\n var handled = handleKeyBinding(cm, e);\n if (presto) {\n lastStoppedKey = handled ? code : null;\n // Opera has no cut event... we try to at least catch the key combo\n if (!handled && code == 88 && !hasCopyEvent && (mac ? e.metaKey : e.ctrlKey))\n { cm.replaceSelection(\"\", null, \"cut\"); }\n }\n\n // Turn mouse into crosshair when Alt is held on Mac.\n if (code == 18 && !/\\bCodeMirror-crosshair\\b/.test(cm.display.lineDiv.className))\n { showCrossHair(cm); }\n }\n\n function showCrossHair(cm) {\n var lineDiv = cm.display.lineDiv;\n addClass(lineDiv, \"CodeMirror-crosshair\");\n\n function up(e) {\n if (e.keyCode == 18 || !e.altKey) {\n rmClass(lineDiv, \"CodeMirror-crosshair\");\n off(document, \"keyup\", up);\n off(document, \"mouseover\", up);\n }\n }\n on(document, \"keyup\", up);\n on(document, \"mouseover\", up);\n }\n\n function onKeyUp(e) {\n if (e.keyCode == 16) { this.doc.sel.shift = false; }\n signalDOMEvent(this, e);\n }\n\n function onKeyPress(e) {\n var cm = this;\n if (eventInWidget(cm.display, e) || signalDOMEvent(cm, e) || e.ctrlKey && !e.altKey || mac && e.metaKey) { return }\n var keyCode = e.keyCode, charCode = e.charCode;\n if (presto && keyCode == lastStoppedKey) {lastStoppedKey = null; e_preventDefault(e); return}\n if ((presto && (!e.which || e.which < 10)) && handleKeyBinding(cm, e)) { return }\n var ch = String.fromCharCode(charCode == null ? keyCode : charCode);\n // Some browsers fire keypress events for backspace\n if (ch == \"\\x08\") { return }\n if (handleCharBinding(cm, e, ch)) { return }\n cm.display.input.onKeyPress(e);\n }\n\n var DOUBLECLICK_DELAY = 400;\n\n var PastClick = function(time, pos, button) {\n this.time = time;\n this.pos = pos;\n this.button = button;\n };\n\n PastClick.prototype.compare = function (time, pos, button) {\n return this.time + DOUBLECLICK_DELAY > time &&\n cmp(pos, this.pos) == 0 && button == this.button\n };\n\n var lastClick, lastDoubleClick;\n function clickRepeat(pos, button) {\n var now = +new Date;\n if (lastDoubleClick && lastDoubleClick.compare(now, pos, button)) {\n lastClick = lastDoubleClick = null;\n return \"triple\"\n } else if (lastClick && lastClick.compare(now, pos, button)) {\n lastDoubleClick = new PastClick(now, pos, button);\n lastClick = null;\n return \"double\"\n } else {\n lastClick = new PastClick(now, pos, button);\n lastDoubleClick = null;\n return \"single\"\n }\n }\n\n // A mouse down can be a single click, double click, triple click,\n // start of selection drag, start of text drag, new cursor\n // (ctrl-click), rectangle drag (alt-drag), or xwin\n // middle-click-paste. Or it might be a click on something we should\n // not interfere with, such as a scrollbar or widget.\n function onMouseDown(e) {\n var cm = this, display = cm.display;\n if (signalDOMEvent(cm, e) || display.activeTouch && display.input.supportsTouch()) { return }\n display.input.ensurePolled();\n display.shift = e.shiftKey;\n\n if (eventInWidget(display, e)) {\n if (!webkit) {\n // Briefly turn off draggability, to allow widgets to do\n // normal dragging things.\n display.scroller.draggable = false;\n setTimeout(function () { return display.scroller.draggable = true; }, 100);\n }\n return\n }\n if (clickInGutter(cm, e)) { return }\n var pos = posFromMouse(cm, e), button = e_button(e), repeat = pos ? clickRepeat(pos, button) : \"single\";\n window.focus();\n\n // #3261: make sure, that we're not starting a second selection\n if (button == 1 && cm.state.selectingText)\n { cm.state.selectingText(e); }\n\n if (pos && handleMappedButton(cm, button, pos, repeat, e)) { return }\n\n if (button == 1) {\n if (pos) { leftButtonDown(cm, pos, repeat, e); }\n else if (e_target(e) == display.scroller) { e_preventDefault(e); }\n } else if (button == 2) {\n if (pos) { extendSelection(cm.doc, pos); }\n setTimeout(function () { return display.input.focus(); }, 20);\n } else if (button == 3) {\n if (captureRightClick) { cm.display.input.onContextMenu(e); }\n else { delayBlurEvent(cm); }\n }\n }\n\n function handleMappedButton(cm, button, pos, repeat, event) {\n var name = \"Click\";\n if (repeat == \"double\") { name = \"Double\" + name; }\n else if (repeat == \"triple\") { name = \"Triple\" + name; }\n name = (button == 1 ? \"Left\" : button == 2 ? \"Middle\" : \"Right\") + name;\n\n return dispatchKey(cm, addModifierNames(name, event), event, function (bound) {\n if (typeof bound == \"string\") { bound = commands[bound]; }\n if (!bound) { return false }\n var done = false;\n try {\n if (cm.isReadOnly()) { cm.state.suppressEdits = true; }\n done = bound(cm, pos) != Pass;\n } finally {\n cm.state.suppressEdits = false;\n }\n return done\n })\n }\n\n function configureMouse(cm, repeat, event) {\n var option = cm.getOption(\"configureMouse\");\n var value = option ? option(cm, repeat, event) : {};\n if (value.unit == null) {\n var rect = chromeOS ? event.shiftKey && event.metaKey : event.altKey;\n value.unit = rect ? \"rectangle\" : repeat == \"single\" ? \"char\" : repeat == \"double\" ? \"word\" : \"line\";\n }\n if (value.extend == null || cm.doc.extend) { value.extend = cm.doc.extend || event.shiftKey; }\n if (value.addNew == null) { value.addNew = mac ? event.metaKey : event.ctrlKey; }\n if (value.moveOnDrag == null) { value.moveOnDrag = !(mac ? event.altKey : event.ctrlKey); }\n return value\n }\n\n function leftButtonDown(cm, pos, repeat, event) {\n if (ie) { setTimeout(bind(ensureFocus, cm), 0); }\n else { cm.curOp.focus = activeElt(); }\n\n var behavior = configureMouse(cm, repeat, event);\n\n var sel = cm.doc.sel, contained;\n if (cm.options.dragDrop && dragAndDrop && !cm.isReadOnly() &&\n repeat == \"single\" && (contained = sel.contains(pos)) > -1 &&\n (cmp((contained = sel.ranges[contained]).from(), pos) < 0 || pos.xRel > 0) &&\n (cmp(contained.to(), pos) > 0 || pos.xRel < 0))\n { leftButtonStartDrag(cm, event, pos, behavior); }\n else\n { leftButtonSelect(cm, event, pos, behavior); }\n }\n\n // Start a text drag. When it ends, see if any dragging actually\n // happen, and treat as a click if it didn't.\n function leftButtonStartDrag(cm, event, pos, behavior) {\n var display = cm.display, moved = false;\n var dragEnd = operation(cm, function (e) {\n if (webkit) { display.scroller.draggable = false; }\n cm.state.draggingText = false;\n off(display.wrapper.ownerDocument, \"mouseup\", dragEnd);\n off(display.wrapper.ownerDocument, \"mousemove\", mouseMove);\n off(display.scroller, \"dragstart\", dragStart);\n off(display.scroller, \"drop\", dragEnd);\n if (!moved) {\n e_preventDefault(e);\n if (!behavior.addNew)\n { extendSelection(cm.doc, pos, null, null, behavior.extend); }\n // Work around unexplainable focus problem in IE9 (#2127) and Chrome (#3081)\n if (webkit || ie && ie_version == 9)\n { setTimeout(function () {display.wrapper.ownerDocument.body.focus(); display.input.focus();}, 20); }\n else\n { display.input.focus(); }\n }\n });\n var mouseMove = function(e2) {\n moved = moved || Math.abs(event.clientX - e2.clientX) + Math.abs(event.clientY - e2.clientY) >= 10;\n };\n var dragStart = function () { return moved = true; };\n // Let the drag handler handle this.\n if (webkit) { display.scroller.draggable = true; }\n cm.state.draggingText = dragEnd;\n dragEnd.copy = !behavior.moveOnDrag;\n // IE's approach to draggable\n if (display.scroller.dragDrop) { display.scroller.dragDrop(); }\n on(display.wrapper.ownerDocument, \"mouseup\", dragEnd);\n on(display.wrapper.ownerDocument, \"mousemove\", mouseMove);\n on(display.scroller, \"dragstart\", dragStart);\n on(display.scroller, \"drop\", dragEnd);\n\n delayBlurEvent(cm);\n setTimeout(function () { return display.input.focus(); }, 20);\n }\n\n function rangeForUnit(cm, pos, unit) {\n if (unit == \"char\") { return new Range(pos, pos) }\n if (unit == \"word\") { return cm.findWordAt(pos) }\n if (unit == \"line\") { return new Range(Pos(pos.line, 0), clipPos(cm.doc, Pos(pos.line + 1, 0))) }\n var result = unit(cm, pos);\n return new Range(result.from, result.to)\n }\n\n // Normal selection, as opposed to text dragging.\n function leftButtonSelect(cm, event, start, behavior) {\n var display = cm.display, doc = cm.doc;\n e_preventDefault(event);\n\n var ourRange, ourIndex, startSel = doc.sel, ranges = startSel.ranges;\n if (behavior.addNew && !behavior.extend) {\n ourIndex = doc.sel.contains(start);\n if (ourIndex > -1)\n { ourRange = ranges[ourIndex]; }\n else\n { ourRange = new Range(start, start); }\n } else {\n ourRange = doc.sel.primary();\n ourIndex = doc.sel.primIndex;\n }\n\n if (behavior.unit == \"rectangle\") {\n if (!behavior.addNew) { ourRange = new Range(start, start); }\n start = posFromMouse(cm, event, true, true);\n ourIndex = -1;\n } else {\n var range$$1 = rangeForUnit(cm, start, behavior.unit);\n if (behavior.extend)\n { ourRange = extendRange(ourRange, range$$1.anchor, range$$1.head, behavior.extend); }\n else\n { ourRange = range$$1; }\n }\n\n if (!behavior.addNew) {\n ourIndex = 0;\n setSelection(doc, new Selection([ourRange], 0), sel_mouse);\n startSel = doc.sel;\n } else if (ourIndex == -1) {\n ourIndex = ranges.length;\n setSelection(doc, normalizeSelection(cm, ranges.concat([ourRange]), ourIndex),\n {scroll: false, origin: \"*mouse\"});\n } else if (ranges.length > 1 && ranges[ourIndex].empty() && behavior.unit == \"char\" && !behavior.extend) {\n setSelection(doc, normalizeSelection(cm, ranges.slice(0, ourIndex).concat(ranges.slice(ourIndex + 1)), 0),\n {scroll: false, origin: \"*mouse\"});\n startSel = doc.sel;\n } else {\n replaceOneSelection(doc, ourIndex, ourRange, sel_mouse);\n }\n\n var lastPos = start;\n function extendTo(pos) {\n if (cmp(lastPos, pos) == 0) { return }\n lastPos = pos;\n\n if (behavior.unit == \"rectangle\") {\n var ranges = [], tabSize = cm.options.tabSize;\n var startCol = countColumn(getLine(doc, start.line).text, start.ch, tabSize);\n var posCol = countColumn(getLine(doc, pos.line).text, pos.ch, tabSize);\n var left = Math.min(startCol, posCol), right = Math.max(startCol, posCol);\n for (var line = Math.min(start.line, pos.line), end = Math.min(cm.lastLine(), Math.max(start.line, pos.line));\n line <= end; line++) {\n var text = getLine(doc, line).text, leftPos = findColumn(text, left, tabSize);\n if (left == right)\n { ranges.push(new Range(Pos(line, leftPos), Pos(line, leftPos))); }\n else if (text.length > leftPos)\n { ranges.push(new Range(Pos(line, leftPos), Pos(line, findColumn(text, right, tabSize)))); }\n }\n if (!ranges.length) { ranges.push(new Range(start, start)); }\n setSelection(doc, normalizeSelection(cm, startSel.ranges.slice(0, ourIndex).concat(ranges), ourIndex),\n {origin: \"*mouse\", scroll: false});\n cm.scrollIntoView(pos);\n } else {\n var oldRange = ourRange;\n var range$$1 = rangeForUnit(cm, pos, behavior.unit);\n var anchor = oldRange.anchor, head;\n if (cmp(range$$1.anchor, anchor) > 0) {\n head = range$$1.head;\n anchor = minPos(oldRange.from(), range$$1.anchor);\n } else {\n head = range$$1.anchor;\n anchor = maxPos(oldRange.to(), range$$1.head);\n }\n var ranges$1 = startSel.ranges.slice(0);\n ranges$1[ourIndex] = bidiSimplify(cm, new Range(clipPos(doc, anchor), head));\n setSelection(doc, normalizeSelection(cm, ranges$1, ourIndex), sel_mouse);\n }\n }\n\n var editorSize = display.wrapper.getBoundingClientRect();\n // Used to ensure timeout re-tries don't fire when another extend\n // happened in the meantime (clearTimeout isn't reliable -- at\n // least on Chrome, the timeouts still happen even when cleared,\n // if the clear happens after their scheduled firing time).\n var counter = 0;\n\n function extend(e) {\n var curCount = ++counter;\n var cur = posFromMouse(cm, e, true, behavior.unit == \"rectangle\");\n if (!cur) { return }\n if (cmp(cur, lastPos) != 0) {\n cm.curOp.focus = activeElt();\n extendTo(cur);\n var visible = visibleLines(display, doc);\n if (cur.line >= visible.to || cur.line < visible.from)\n { setTimeout(operation(cm, function () {if (counter == curCount) { extend(e); }}), 150); }\n } else {\n var outside = e.clientY < editorSize.top ? -20 : e.clientY > editorSize.bottom ? 20 : 0;\n if (outside) { setTimeout(operation(cm, function () {\n if (counter != curCount) { return }\n display.scroller.scrollTop += outside;\n extend(e);\n }), 50); }\n }\n }\n\n function done(e) {\n cm.state.selectingText = false;\n counter = Infinity;\n // If e is null or undefined we interpret this as someone trying\n // to explicitly cancel the selection rather than the user\n // letting go of the mouse button.\n if (e) {\n e_preventDefault(e);\n display.input.focus();\n }\n off(display.wrapper.ownerDocument, \"mousemove\", move);\n off(display.wrapper.ownerDocument, \"mouseup\", up);\n doc.history.lastSelOrigin = null;\n }\n\n var move = operation(cm, function (e) {\n if (e.buttons === 0 || !e_button(e)) { done(e); }\n else { extend(e); }\n });\n var up = operation(cm, done);\n cm.state.selectingText = up;\n on(display.wrapper.ownerDocument, \"mousemove\", move);\n on(display.wrapper.ownerDocument, \"mouseup\", up);\n }\n\n // Used when mouse-selecting to adjust the anchor to the proper side\n // of a bidi jump depending on the visual position of the head.\n function bidiSimplify(cm, range$$1) {\n var anchor = range$$1.anchor;\n var head = range$$1.head;\n var anchorLine = getLine(cm.doc, anchor.line);\n if (cmp(anchor, head) == 0 && anchor.sticky == head.sticky) { return range$$1 }\n var order = getOrder(anchorLine);\n if (!order) { return range$$1 }\n var index = getBidiPartAt(order, anchor.ch, anchor.sticky), part = order[index];\n if (part.from != anchor.ch && part.to != anchor.ch) { return range$$1 }\n var boundary = index + ((part.from == anchor.ch) == (part.level != 1) ? 0 : 1);\n if (boundary == 0 || boundary == order.length) { return range$$1 }\n\n // Compute the relative visual position of the head compared to the\n // anchor (<0 is to the left, >0 to the right)\n var leftSide;\n if (head.line != anchor.line) {\n leftSide = (head.line - anchor.line) * (cm.doc.direction == \"ltr\" ? 1 : -1) > 0;\n } else {\n var headIndex = getBidiPartAt(order, head.ch, head.sticky);\n var dir = headIndex - index || (head.ch - anchor.ch) * (part.level == 1 ? -1 : 1);\n if (headIndex == boundary - 1 || headIndex == boundary)\n { leftSide = dir < 0; }\n else\n { leftSide = dir > 0; }\n }\n\n var usePart = order[boundary + (leftSide ? -1 : 0)];\n var from = leftSide == (usePart.level == 1);\n var ch = from ? usePart.from : usePart.to, sticky = from ? \"after\" : \"before\";\n return anchor.ch == ch && anchor.sticky == sticky ? range$$1 : new Range(new Pos(anchor.line, ch, sticky), head)\n }\n\n\n // Determines whether an event happened in the gutter, and fires the\n // handlers for the corresponding event.\n function gutterEvent(cm, e, type, prevent) {\n var mX, mY;\n if (e.touches) {\n mX = e.touches[0].clientX;\n mY = e.touches[0].clientY;\n } else {\n try { mX = e.clientX; mY = e.clientY; }\n catch(e) { return false }\n }\n if (mX >= Math.floor(cm.display.gutters.getBoundingClientRect().right)) { return false }\n if (prevent) { e_preventDefault(e); }\n\n var display = cm.display;\n var lineBox = display.lineDiv.getBoundingClientRect();\n\n if (mY > lineBox.bottom || !hasHandler(cm, type)) { return e_defaultPrevented(e) }\n mY -= lineBox.top - display.viewOffset;\n\n for (var i = 0; i < cm.display.gutterSpecs.length; ++i) {\n var g = display.gutters.childNodes[i];\n if (g && g.getBoundingClientRect().right >= mX) {\n var line = lineAtHeight(cm.doc, mY);\n var gutter = cm.display.gutterSpecs[i];\n signal(cm, type, cm, line, gutter.className, e);\n return e_defaultPrevented(e)\n }\n }\n }\n\n function clickInGutter(cm, e) {\n return gutterEvent(cm, e, \"gutterClick\", true)\n }\n\n // CONTEXT MENU HANDLING\n\n // To make the context menu work, we need to briefly unhide the\n // textarea (making it as unobtrusive as possible) to let the\n // right-click take effect on it.\n function onContextMenu(cm, e) {\n if (eventInWidget(cm.display, e) || contextMenuInGutter(cm, e)) { return }\n if (signalDOMEvent(cm, e, \"contextmenu\")) { return }\n if (!captureRightClick) { cm.display.input.onContextMenu(e); }\n }\n\n function contextMenuInGutter(cm, e) {\n if (!hasHandler(cm, \"gutterContextMenu\")) { return false }\n return gutterEvent(cm, e, \"gutterContextMenu\", false)\n }\n\n function themeChanged(cm) {\n cm.display.wrapper.className = cm.display.wrapper.className.replace(/\\s*cm-s-\\S+/g, \"\") +\n cm.options.theme.replace(/(^|\\s)\\s*/g, \" cm-s-\");\n clearCaches(cm);\n }\n\n var Init = {toString: function(){return \"CodeMirror.Init\"}};\n\n var defaults = {};\n var optionHandlers = {};\n\n function defineOptions(CodeMirror) {\n var optionHandlers = CodeMirror.optionHandlers;\n\n function option(name, deflt, handle, notOnInit) {\n CodeMirror.defaults[name] = deflt;\n if (handle) { optionHandlers[name] =\n notOnInit ? function (cm, val, old) {if (old != Init) { handle(cm, val, old); }} : handle; }\n }\n\n CodeMirror.defineOption = option;\n\n // Passed to option handlers when there is no old value.\n CodeMirror.Init = Init;\n\n // These two are, on init, called from the constructor because they\n // have to be initialized before the editor can start at all.\n option(\"value\", \"\", function (cm, val) { return cm.setValue(val); }, true);\n option(\"mode\", null, function (cm, val) {\n cm.doc.modeOption = val;\n loadMode(cm);\n }, true);\n\n option(\"indentUnit\", 2, loadMode, true);\n option(\"indentWithTabs\", false);\n option(\"smartIndent\", true);\n option(\"tabSize\", 4, function (cm) {\n resetModeState(cm);\n clearCaches(cm);\n regChange(cm);\n }, true);\n\n option(\"lineSeparator\", null, function (cm, val) {\n cm.doc.lineSep = val;\n if (!val) { return }\n var newBreaks = [], lineNo = cm.doc.first;\n cm.doc.iter(function (line) {\n for (var pos = 0;;) {\n var found = line.text.indexOf(val, pos);\n if (found == -1) { break }\n pos = found + val.length;\n newBreaks.push(Pos(lineNo, found));\n }\n lineNo++;\n });\n for (var i = newBreaks.length - 1; i >= 0; i--)\n { replaceRange(cm.doc, val, newBreaks[i], Pos(newBreaks[i].line, newBreaks[i].ch + val.length)); }\n });\n option(\"specialChars\", /[\\u0000-\\u001f\\u007f-\\u009f\\u00ad\\u061c\\u200b-\\u200f\\u2028\\u2029\\ufeff\\ufff9-\\ufffc]/g, function (cm, val, old) {\n cm.state.specialChars = new RegExp(val.source + (val.test(\"\\t\") ? \"\" : \"|\\t\"), \"g\");\n if (old != Init) { cm.refresh(); }\n });\n option(\"specialCharPlaceholder\", defaultSpecialCharPlaceholder, function (cm) { return cm.refresh(); }, true);\n option(\"electricChars\", true);\n option(\"inputStyle\", mobile ? \"contenteditable\" : \"textarea\", function () {\n throw new Error(\"inputStyle can not (yet) be changed in a running editor\") // FIXME\n }, true);\n option(\"spellcheck\", false, function (cm, val) { return cm.getInputField().spellcheck = val; }, true);\n option(\"autocorrect\", false, function (cm, val) { return cm.getInputField().autocorrect = val; }, true);\n option(\"autocapitalize\", false, function (cm, val) { return cm.getInputField().autocapitalize = val; }, true);\n option(\"rtlMoveVisually\", !windows);\n option(\"wholeLineUpdateBefore\", true);\n\n option(\"theme\", \"default\", function (cm) {\n themeChanged(cm);\n updateGutters(cm);\n }, true);\n option(\"keyMap\", \"default\", function (cm, val, old) {\n var next = getKeyMap(val);\n var prev = old != Init && getKeyMap(old);\n if (prev && prev.detach) { prev.detach(cm, next); }\n if (next.attach) { next.attach(cm, prev || null); }\n });\n option(\"extraKeys\", null);\n option(\"configureMouse\", null);\n\n option(\"lineWrapping\", false, wrappingChanged, true);\n option(\"gutters\", [], function (cm, val) {\n cm.display.gutterSpecs = getGutters(val, cm.options.lineNumbers);\n updateGutters(cm);\n }, true);\n option(\"fixedGutter\", true, function (cm, val) {\n cm.display.gutters.style.left = val ? compensateForHScroll(cm.display) + \"px\" : \"0\";\n cm.refresh();\n }, true);\n option(\"coverGutterNextToScrollbar\", false, function (cm) { return updateScrollbars(cm); }, true);\n option(\"scrollbarStyle\", \"native\", function (cm) {\n initScrollbars(cm);\n updateScrollbars(cm);\n cm.display.scrollbars.setScrollTop(cm.doc.scrollTop);\n cm.display.scrollbars.setScrollLeft(cm.doc.scrollLeft);\n }, true);\n option(\"lineNumbers\", false, function (cm, val) {\n cm.display.gutterSpecs = getGutters(cm.options.gutters, val);\n updateGutters(cm);\n }, true);\n option(\"firstLineNumber\", 1, updateGutters, true);\n option(\"lineNumberFormatter\", function (integer) { return integer; }, updateGutters, true);\n option(\"showCursorWhenSelecting\", false, updateSelection, true);\n\n option(\"resetSelectionOnContextMenu\", true);\n option(\"lineWiseCopyCut\", true);\n option(\"pasteLinesPerSelection\", true);\n option(\"selectionsMayTouch\", false);\n\n option(\"readOnly\", false, function (cm, val) {\n if (val == \"nocursor\") {\n onBlur(cm);\n cm.display.input.blur();\n }\n cm.display.input.readOnlyChanged(val);\n });\n option(\"disableInput\", false, function (cm, val) {if (!val) { cm.display.input.reset(); }}, true);\n option(\"dragDrop\", true, dragDropChanged);\n option(\"allowDropFileTypes\", null);\n\n option(\"cursorBlinkRate\", 530);\n option(\"cursorScrollMargin\", 0);\n option(\"cursorHeight\", 1, updateSelection, true);\n option(\"singleCursorHeightPerLine\", true, updateSelection, true);\n option(\"workTime\", 100);\n option(\"workDelay\", 100);\n option(\"flattenSpans\", true, resetModeState, true);\n option(\"addModeClass\", false, resetModeState, true);\n option(\"pollInterval\", 100);\n option(\"undoDepth\", 200, function (cm, val) { return cm.doc.history.undoDepth = val; });\n option(\"historyEventDelay\", 1250);\n option(\"viewportMargin\", 10, function (cm) { return cm.refresh(); }, true);\n option(\"maxHighlightLength\", 10000, resetModeState, true);\n option(\"moveInputWithCursor\", true, function (cm, val) {\n if (!val) { cm.display.input.resetPosition(); }\n });\n\n option(\"tabindex\", null, function (cm, val) { return cm.display.input.getField().tabIndex = val || \"\"; });\n option(\"autofocus\", null);\n option(\"direction\", \"ltr\", function (cm, val) { return cm.doc.setDirection(val); }, true);\n option(\"phrases\", null);\n }\n\n function dragDropChanged(cm, value, old) {\n var wasOn = old && old != Init;\n if (!value != !wasOn) {\n var funcs = cm.display.dragFunctions;\n var toggle = value ? on : off;\n toggle(cm.display.scroller, \"dragstart\", funcs.start);\n toggle(cm.display.scroller, \"dragenter\", funcs.enter);\n toggle(cm.display.scroller, \"dragover\", funcs.over);\n toggle(cm.display.scroller, \"dragleave\", funcs.leave);\n toggle(cm.display.scroller, \"drop\", funcs.drop);\n }\n }\n\n function wrappingChanged(cm) {\n if (cm.options.lineWrapping) {\n addClass(cm.display.wrapper, \"CodeMirror-wrap\");\n cm.display.sizer.style.minWidth = \"\";\n cm.display.sizerWidth = null;\n } else {\n rmClass(cm.display.wrapper, \"CodeMirror-wrap\");\n findMaxLine(cm);\n }\n estimateLineHeights(cm);\n regChange(cm);\n clearCaches(cm);\n setTimeout(function () { return updateScrollbars(cm); }, 100);\n }\n\n // A CodeMirror instance represents an editor. This is the object\n // that user code is usually dealing with.\n\n function CodeMirror(place, options) {\n var this$1 = this;\n\n if (!(this instanceof CodeMirror)) { return new CodeMirror(place, options) }\n\n this.options = options = options ? copyObj(options) : {};\n // Determine effective options based on given values and defaults.\n copyObj(defaults, options, false);\n\n var doc = options.value;\n if (typeof doc == \"string\") { doc = new Doc(doc, options.mode, null, options.lineSeparator, options.direction); }\n else if (options.mode) { doc.modeOption = options.mode; }\n this.doc = doc;\n\n var input = new CodeMirror.inputStyles[options.inputStyle](this);\n var display = this.display = new Display(place, doc, input, options);\n display.wrapper.CodeMirror = this;\n themeChanged(this);\n if (options.lineWrapping)\n { this.display.wrapper.className += \" CodeMirror-wrap\"; }\n initScrollbars(this);\n\n this.state = {\n keyMaps: [], // stores maps added by addKeyMap\n overlays: [], // highlighting overlays, as added by addOverlay\n modeGen: 0, // bumped when mode/overlay changes, used to invalidate highlighting info\n overwrite: false,\n delayingBlurEvent: false,\n focused: false,\n suppressEdits: false, // used to disable editing during key handlers when in readOnly mode\n pasteIncoming: -1, cutIncoming: -1, // help recognize paste/cut edits in input.poll\n selectingText: false,\n draggingText: false,\n highlight: new Delayed(), // stores highlight worker timeout\n keySeq: null, // Unfinished key sequence\n specialChars: null\n };\n\n if (options.autofocus && !mobile) { display.input.focus(); }\n\n // Override magic textarea content restore that IE sometimes does\n // on our hidden textarea on reload\n if (ie && ie_version < 11) { setTimeout(function () { return this$1.display.input.reset(true); }, 20); }\n\n registerEventHandlers(this);\n ensureGlobalHandlers();\n\n startOperation(this);\n this.curOp.forceUpdate = true;\n attachDoc(this, doc);\n\n if ((options.autofocus && !mobile) || this.hasFocus())\n { setTimeout(bind(onFocus, this), 20); }\n else\n { onBlur(this); }\n\n for (var opt in optionHandlers) { if (optionHandlers.hasOwnProperty(opt))\n { optionHandlers[opt](this$1, options[opt], Init); } }\n maybeUpdateLineNumberWidth(this);\n if (options.finishInit) { options.finishInit(this); }\n for (var i = 0; i < initHooks.length; ++i) { initHooks[i](this$1); }\n endOperation(this);\n // Suppress optimizelegibility in Webkit, since it breaks text\n // measuring on line wrapping boundaries.\n if (webkit && options.lineWrapping &&\n getComputedStyle(display.lineDiv).textRendering == \"optimizelegibility\")\n { display.lineDiv.style.textRendering = \"auto\"; }\n }\n\n // The default configuration options.\n CodeMirror.defaults = defaults;\n // Functions to run when options are changed.\n CodeMirror.optionHandlers = optionHandlers;\n\n // Attach the necessary event handlers when initializing the editor\n function registerEventHandlers(cm) {\n var d = cm.display;\n on(d.scroller, \"mousedown\", operation(cm, onMouseDown));\n // Older IE's will not fire a second mousedown for a double click\n if (ie && ie_version < 11)\n { on(d.scroller, \"dblclick\", operation(cm, function (e) {\n if (signalDOMEvent(cm, e)) { return }\n var pos = posFromMouse(cm, e);\n if (!pos || clickInGutter(cm, e) || eventInWidget(cm.display, e)) { return }\n e_preventDefault(e);\n var word = cm.findWordAt(pos);\n extendSelection(cm.doc, word.anchor, word.head);\n })); }\n else\n { on(d.scroller, \"dblclick\", function (e) { return signalDOMEvent(cm, e) || e_preventDefault(e); }); }\n // Some browsers fire contextmenu *after* opening the menu, at\n // which point we can't mess with it anymore. Context menu is\n // handled in onMouseDown for these browsers.\n on(d.scroller, \"contextmenu\", function (e) { return onContextMenu(cm, e); });\n\n // Used to suppress mouse event handling when a touch happens\n var touchFinished, prevTouch = {end: 0};\n function finishTouch() {\n if (d.activeTouch) {\n touchFinished = setTimeout(function () { return d.activeTouch = null; }, 1000);\n prevTouch = d.activeTouch;\n prevTouch.end = +new Date;\n }\n }\n function isMouseLikeTouchEvent(e) {\n if (e.touches.length != 1) { return false }\n var touch = e.touches[0];\n return touch.radiusX <= 1 && touch.radiusY <= 1\n }\n function farAway(touch, other) {\n if (other.left == null) { return true }\n var dx = other.left - touch.left, dy = other.top - touch.top;\n return dx * dx + dy * dy > 20 * 20\n }\n on(d.scroller, \"touchstart\", function (e) {\n if (!signalDOMEvent(cm, e) && !isMouseLikeTouchEvent(e) && !clickInGutter(cm, e)) {\n d.input.ensurePolled();\n clearTimeout(touchFinished);\n var now = +new Date;\n d.activeTouch = {start: now, moved: false,\n prev: now - prevTouch.end <= 300 ? prevTouch : null};\n if (e.touches.length == 1) {\n d.activeTouch.left = e.touches[0].pageX;\n d.activeTouch.top = e.touches[0].pageY;\n }\n }\n });\n on(d.scroller, \"touchmove\", function () {\n if (d.activeTouch) { d.activeTouch.moved = true; }\n });\n on(d.scroller, \"touchend\", function (e) {\n var touch = d.activeTouch;\n if (touch && !eventInWidget(d, e) && touch.left != null &&\n !touch.moved && new Date - touch.start < 300) {\n var pos = cm.coordsChar(d.activeTouch, \"page\"), range;\n if (!touch.prev || farAway(touch, touch.prev)) // Single tap\n { range = new Range(pos, pos); }\n else if (!touch.prev.prev || farAway(touch, touch.prev.prev)) // Double tap\n { range = cm.findWordAt(pos); }\n else // Triple tap\n { range = new Range(Pos(pos.line, 0), clipPos(cm.doc, Pos(pos.line + 1, 0))); }\n cm.setSelection(range.anchor, range.head);\n cm.focus();\n e_preventDefault(e);\n }\n finishTouch();\n });\n on(d.scroller, \"touchcancel\", finishTouch);\n\n // Sync scrolling between fake scrollbars and real scrollable\n // area, ensure viewport is updated when scrolling.\n on(d.scroller, \"scroll\", function () {\n if (d.scroller.clientHeight) {\n updateScrollTop(cm, d.scroller.scrollTop);\n setScrollLeft(cm, d.scroller.scrollLeft, true);\n signal(cm, \"scroll\", cm);\n }\n });\n\n // Listen to wheel events in order to try and update the viewport on time.\n on(d.scroller, \"mousewheel\", function (e) { return onScrollWheel(cm, e); });\n on(d.scroller, \"DOMMouseScroll\", function (e) { return onScrollWheel(cm, e); });\n\n // Prevent wrapper from ever scrolling\n on(d.wrapper, \"scroll\", function () { return d.wrapper.scrollTop = d.wrapper.scrollLeft = 0; });\n\n d.dragFunctions = {\n enter: function (e) {if (!signalDOMEvent(cm, e)) { e_stop(e); }},\n over: function (e) {if (!signalDOMEvent(cm, e)) { onDragOver(cm, e); e_stop(e); }},\n start: function (e) { return onDragStart(cm, e); },\n drop: operation(cm, onDrop),\n leave: function (e) {if (!signalDOMEvent(cm, e)) { clearDragCursor(cm); }}\n };\n\n var inp = d.input.getField();\n on(inp, \"keyup\", function (e) { return onKeyUp.call(cm, e); });\n on(inp, \"keydown\", operation(cm, onKeyDown));\n on(inp, \"keypress\", operation(cm, onKeyPress));\n on(inp, \"focus\", function (e) { return onFocus(cm, e); });\n on(inp, \"blur\", function (e) { return onBlur(cm, e); });\n }\n\n var initHooks = [];\n CodeMirror.defineInitHook = function (f) { return initHooks.push(f); };\n\n // Indent the given line. The how parameter can be \"smart\",\n // \"add\"/null, \"subtract\", or \"prev\". When aggressive is false\n // (typically set to true for forced single-line indents), empty\n // lines are not indented, and places where the mode returns Pass\n // are left alone.\n function indentLine(cm, n, how, aggressive) {\n var doc = cm.doc, state;\n if (how == null) { how = \"add\"; }\n if (how == \"smart\") {\n // Fall back to \"prev\" when the mode doesn't have an indentation\n // method.\n if (!doc.mode.indent) { how = \"prev\"; }\n else { state = getContextBefore(cm, n).state; }\n }\n\n var tabSize = cm.options.tabSize;\n var line = getLine(doc, n), curSpace = countColumn(line.text, null, tabSize);\n if (line.stateAfter) { line.stateAfter = null; }\n var curSpaceString = line.text.match(/^\\s*/)[0], indentation;\n if (!aggressive && !/\\S/.test(line.text)) {\n indentation = 0;\n how = \"not\";\n } else if (how == \"smart\") {\n indentation = doc.mode.indent(state, line.text.slice(curSpaceString.length), line.text);\n if (indentation == Pass || indentation > 150) {\n if (!aggressive) { return }\n how = \"prev\";\n }\n }\n if (how == \"prev\") {\n if (n > doc.first) { indentation = countColumn(getLine(doc, n-1).text, null, tabSize); }\n else { indentation = 0; }\n } else if (how == \"add\") {\n indentation = curSpace + cm.options.indentUnit;\n } else if (how == \"subtract\") {\n indentation = curSpace - cm.options.indentUnit;\n } else if (typeof how == \"number\") {\n indentation = curSpace + how;\n }\n indentation = Math.max(0, indentation);\n\n var indentString = \"\", pos = 0;\n if (cm.options.indentWithTabs)\n { for (var i = Math.floor(indentation / tabSize); i; --i) {pos += tabSize; indentString += \"\\t\";} }\n if (pos < indentation) { indentString += spaceStr(indentation - pos); }\n\n if (indentString != curSpaceString) {\n replaceRange(doc, indentString, Pos(n, 0), Pos(n, curSpaceString.length), \"+input\");\n line.stateAfter = null;\n return true\n } else {\n // Ensure that, if the cursor was in the whitespace at the start\n // of the line, it is moved to the end of that space.\n for (var i$1 = 0; i$1 < doc.sel.ranges.length; i$1++) {\n var range = doc.sel.ranges[i$1];\n if (range.head.line == n && range.head.ch < curSpaceString.length) {\n var pos$1 = Pos(n, curSpaceString.length);\n replaceOneSelection(doc, i$1, new Range(pos$1, pos$1));\n break\n }\n }\n }\n }\n\n // This will be set to a {lineWise: bool, text: [string]} object, so\n // that, when pasting, we know what kind of selections the copied\n // text was made out of.\n var lastCopied = null;\n\n function setLastCopied(newLastCopied) {\n lastCopied = newLastCopied;\n }\n\n function applyTextInput(cm, inserted, deleted, sel, origin) {\n var doc = cm.doc;\n cm.display.shift = false;\n if (!sel) { sel = doc.sel; }\n\n var recent = +new Date - 200;\n var paste = origin == \"paste\" || cm.state.pasteIncoming > recent;\n var textLines = splitLinesAuto(inserted), multiPaste = null;\n // When pasting N lines into N selections, insert one line per selection\n if (paste && sel.ranges.length > 1) {\n if (lastCopied && lastCopied.text.join(\"\\n\") == inserted) {\n if (sel.ranges.length % lastCopied.text.length == 0) {\n multiPaste = [];\n for (var i = 0; i < lastCopied.text.length; i++)\n { multiPaste.push(doc.splitLines(lastCopied.text[i])); }\n }\n } else if (textLines.length == sel.ranges.length && cm.options.pasteLinesPerSelection) {\n multiPaste = map(textLines, function (l) { return [l]; });\n }\n }\n\n var updateInput = cm.curOp.updateInput;\n // Normal behavior is to insert the new text into every selection\n for (var i$1 = sel.ranges.length - 1; i$1 >= 0; i$1--) {\n var range$$1 = sel.ranges[i$1];\n var from = range$$1.from(), to = range$$1.to();\n if (range$$1.empty()) {\n if (deleted && deleted > 0) // Handle deletion\n { from = Pos(from.line, from.ch - deleted); }\n else if (cm.state.overwrite && !paste) // Handle overwrite\n { to = Pos(to.line, Math.min(getLine(doc, to.line).text.length, to.ch + lst(textLines).length)); }\n else if (paste && lastCopied && lastCopied.lineWise && lastCopied.text.join(\"\\n\") == inserted)\n { from = to = Pos(from.line, 0); }\n }\n var changeEvent = {from: from, to: to, text: multiPaste ? multiPaste[i$1 % multiPaste.length] : textLines,\n origin: origin || (paste ? \"paste\" : cm.state.cutIncoming > recent ? \"cut\" : \"+input\")};\n makeChange(cm.doc, changeEvent);\n signalLater(cm, \"inputRead\", cm, changeEvent);\n }\n if (inserted && !paste)\n { triggerElectric(cm, inserted); }\n\n ensureCursorVisible(cm);\n if (cm.curOp.updateInput < 2) { cm.curOp.updateInput = updateInput; }\n cm.curOp.typing = true;\n cm.state.pasteIncoming = cm.state.cutIncoming = -1;\n }\n\n function handlePaste(e, cm) {\n var pasted = e.clipboardData && e.clipboardData.getData(\"Text\");\n if (pasted) {\n e.preventDefault();\n if (!cm.isReadOnly() && !cm.options.disableInput)\n { runInOp(cm, function () { return applyTextInput(cm, pasted, 0, null, \"paste\"); }); }\n return true\n }\n }\n\n function triggerElectric(cm, inserted) {\n // When an 'electric' character is inserted, immediately trigger a reindent\n if (!cm.options.electricChars || !cm.options.smartIndent) { return }\n var sel = cm.doc.sel;\n\n for (var i = sel.ranges.length - 1; i >= 0; i--) {\n var range$$1 = sel.ranges[i];\n if (range$$1.head.ch > 100 || (i && sel.ranges[i - 1].head.line == range$$1.head.line)) { continue }\n var mode = cm.getModeAt(range$$1.head);\n var indented = false;\n if (mode.electricChars) {\n for (var j = 0; j < mode.electricChars.length; j++)\n { if (inserted.indexOf(mode.electricChars.charAt(j)) > -1) {\n indented = indentLine(cm, range$$1.head.line, \"smart\");\n break\n } }\n } else if (mode.electricInput) {\n if (mode.electricInput.test(getLine(cm.doc, range$$1.head.line).text.slice(0, range$$1.head.ch)))\n { indented = indentLine(cm, range$$1.head.line, \"smart\"); }\n }\n if (indented) { signalLater(cm, \"electricInput\", cm, range$$1.head.line); }\n }\n }\n\n function copyableRanges(cm) {\n var text = [], ranges = [];\n for (var i = 0; i < cm.doc.sel.ranges.length; i++) {\n var line = cm.doc.sel.ranges[i].head.line;\n var lineRange = {anchor: Pos(line, 0), head: Pos(line + 1, 0)};\n ranges.push(lineRange);\n text.push(cm.getRange(lineRange.anchor, lineRange.head));\n }\n return {text: text, ranges: ranges}\n }\n\n function disableBrowserMagic(field, spellcheck, autocorrect, autocapitalize) {\n field.setAttribute(\"autocorrect\", autocorrect ? \"\" : \"off\");\n field.setAttribute(\"autocapitalize\", autocapitalize ? \"\" : \"off\");\n field.setAttribute(\"spellcheck\", !!spellcheck);\n }\n\n function hiddenTextarea() {\n var te = elt(\"textarea\", null, null, \"position: absolute; bottom: -1em; padding: 0; width: 1px; height: 1em; outline: none\");\n var div = elt(\"div\", [te], null, \"overflow: hidden; position: relative; width: 3px; height: 0px;\");\n // The textarea is kept positioned near the cursor to prevent the\n // fact that it'll be scrolled into editor on input from scrolling\n // our fake cursor out of editor. On webkit, when wrap=off, paste is\n // very slow. So make the area wide instead.\n if (webkit) { te.style.width = \"1000px\"; }\n else { te.setAttribute(\"wrap\", \"off\"); }\n // If border: 0; -- iOS fails to open keyboard (issue #1287)\n if (ios) { te.style.border = \"1px solid black\"; }\n disableBrowserMagic(te);\n return div\n }\n\n // The publicly visible API. Note that methodOp(f) means\n // 'wrap f in an operation, performed on its `this` parameter'.\n\n // This is not the complete set of editor methods. Most of the\n // methods defined on the Doc type are also injected into\n // CodeMirror.prototype, for backwards compatibility and\n // convenience.\n\n function addEditorMethods(CodeMirror) {\n var optionHandlers = CodeMirror.optionHandlers;\n\n var helpers = CodeMirror.helpers = {};\n\n CodeMirror.prototype = {\n constructor: CodeMirror,\n focus: function(){window.focus(); this.display.input.focus();},\n\n setOption: function(option, value) {\n var options = this.options, old = options[option];\n if (options[option] == value && option != \"mode\") { return }\n options[option] = value;\n if (optionHandlers.hasOwnProperty(option))\n { operation(this, optionHandlers[option])(this, value, old); }\n signal(this, \"optionChange\", this, option);\n },\n\n getOption: function(option) {return this.options[option]},\n getDoc: function() {return this.doc},\n\n addKeyMap: function(map$$1, bottom) {\n this.state.keyMaps[bottom ? \"push\" : \"unshift\"](getKeyMap(map$$1));\n },\n removeKeyMap: function(map$$1) {\n var maps = this.state.keyMaps;\n for (var i = 0; i < maps.length; ++i)\n { if (maps[i] == map$$1 || maps[i].name == map$$1) {\n maps.splice(i, 1);\n return true\n } }\n },\n\n addOverlay: methodOp(function(spec, options) {\n var mode = spec.token ? spec : CodeMirror.getMode(this.options, spec);\n if (mode.startState) { throw new Error(\"Overlays may not be stateful.\") }\n insertSorted(this.state.overlays,\n {mode: mode, modeSpec: spec, opaque: options && options.opaque,\n priority: (options && options.priority) || 0},\n function (overlay) { return overlay.priority; });\n this.state.modeGen++;\n regChange(this);\n }),\n removeOverlay: methodOp(function(spec) {\n var this$1 = this;\n\n var overlays = this.state.overlays;\n for (var i = 0; i < overlays.length; ++i) {\n var cur = overlays[i].modeSpec;\n if (cur == spec || typeof spec == \"string\" && cur.name == spec) {\n overlays.splice(i, 1);\n this$1.state.modeGen++;\n regChange(this$1);\n return\n }\n }\n }),\n\n indentLine: methodOp(function(n, dir, aggressive) {\n if (typeof dir != \"string\" && typeof dir != \"number\") {\n if (dir == null) { dir = this.options.smartIndent ? \"smart\" : \"prev\"; }\n else { dir = dir ? \"add\" : \"subtract\"; }\n }\n if (isLine(this.doc, n)) { indentLine(this, n, dir, aggressive); }\n }),\n indentSelection: methodOp(function(how) {\n var this$1 = this;\n\n var ranges = this.doc.sel.ranges, end = -1;\n for (var i = 0; i < ranges.length; i++) {\n var range$$1 = ranges[i];\n if (!range$$1.empty()) {\n var from = range$$1.from(), to = range$$1.to();\n var start = Math.max(end, from.line);\n end = Math.min(this$1.lastLine(), to.line - (to.ch ? 0 : 1)) + 1;\n for (var j = start; j < end; ++j)\n { indentLine(this$1, j, how); }\n var newRanges = this$1.doc.sel.ranges;\n if (from.ch == 0 && ranges.length == newRanges.length && newRanges[i].from().ch > 0)\n { replaceOneSelection(this$1.doc, i, new Range(from, newRanges[i].to()), sel_dontScroll); }\n } else if (range$$1.head.line > end) {\n indentLine(this$1, range$$1.head.line, how, true);\n end = range$$1.head.line;\n if (i == this$1.doc.sel.primIndex) { ensureCursorVisible(this$1); }\n }\n }\n }),\n\n // Fetch the parser token for a given character. Useful for hacks\n // that want to inspect the mode state (say, for completion).\n getTokenAt: function(pos, precise) {\n return takeToken(this, pos, precise)\n },\n\n getLineTokens: function(line, precise) {\n return takeToken(this, Pos(line), precise, true)\n },\n\n getTokenTypeAt: function(pos) {\n pos = clipPos(this.doc, pos);\n var styles = getLineStyles(this, getLine(this.doc, pos.line));\n var before = 0, after = (styles.length - 1) / 2, ch = pos.ch;\n var type;\n if (ch == 0) { type = styles[2]; }\n else { for (;;) {\n var mid = (before + after) >> 1;\n if ((mid ? styles[mid * 2 - 1] : 0) >= ch) { after = mid; }\n else if (styles[mid * 2 + 1] < ch) { before = mid + 1; }\n else { type = styles[mid * 2 + 2]; break }\n } }\n var cut = type ? type.indexOf(\"overlay \") : -1;\n return cut < 0 ? type : cut == 0 ? null : type.slice(0, cut - 1)\n },\n\n getModeAt: function(pos) {\n var mode = this.doc.mode;\n if (!mode.innerMode) { return mode }\n return CodeMirror.innerMode(mode, this.getTokenAt(pos).state).mode\n },\n\n getHelper: function(pos, type) {\n return this.getHelpers(pos, type)[0]\n },\n\n getHelpers: function(pos, type) {\n var this$1 = this;\n\n var found = [];\n if (!helpers.hasOwnProperty(type)) { return found }\n var help = helpers[type], mode = this.getModeAt(pos);\n if (typeof mode[type] == \"string\") {\n if (help[mode[type]]) { found.push(help[mode[type]]); }\n } else if (mode[type]) {\n for (var i = 0; i < mode[type].length; i++) {\n var val = help[mode[type][i]];\n if (val) { found.push(val); }\n }\n } else if (mode.helperType && help[mode.helperType]) {\n found.push(help[mode.helperType]);\n } else if (help[mode.name]) {\n found.push(help[mode.name]);\n }\n for (var i$1 = 0; i$1 < help._global.length; i$1++) {\n var cur = help._global[i$1];\n if (cur.pred(mode, this$1) && indexOf(found, cur.val) == -1)\n { found.push(cur.val); }\n }\n return found\n },\n\n getStateAfter: function(line, precise) {\n var doc = this.doc;\n line = clipLine(doc, line == null ? doc.first + doc.size - 1: line);\n return getContextBefore(this, line + 1, precise).state\n },\n\n cursorCoords: function(start, mode) {\n var pos, range$$1 = this.doc.sel.primary();\n if (start == null) { pos = range$$1.head; }\n else if (typeof start == \"object\") { pos = clipPos(this.doc, start); }\n else { pos = start ? range$$1.from() : range$$1.to(); }\n return cursorCoords(this, pos, mode || \"page\")\n },\n\n charCoords: function(pos, mode) {\n return charCoords(this, clipPos(this.doc, pos), mode || \"page\")\n },\n\n coordsChar: function(coords, mode) {\n coords = fromCoordSystem(this, coords, mode || \"page\");\n return coordsChar(this, coords.left, coords.top)\n },\n\n lineAtHeight: function(height, mode) {\n height = fromCoordSystem(this, {top: height, left: 0}, mode || \"page\").top;\n return lineAtHeight(this.doc, height + this.display.viewOffset)\n },\n heightAtLine: function(line, mode, includeWidgets) {\n var end = false, lineObj;\n if (typeof line == \"number\") {\n var last = this.doc.first + this.doc.size - 1;\n if (line < this.doc.first) { line = this.doc.first; }\n else if (line > last) { line = last; end = true; }\n lineObj = getLine(this.doc, line);\n } else {\n lineObj = line;\n }\n return intoCoordSystem(this, lineObj, {top: 0, left: 0}, mode || \"page\", includeWidgets || end).top +\n (end ? this.doc.height - heightAtLine(lineObj) : 0)\n },\n\n defaultTextHeight: function() { return textHeight(this.display) },\n defaultCharWidth: function() { return charWidth(this.display) },\n\n getViewport: function() { return {from: this.display.viewFrom, to: this.display.viewTo}},\n\n addWidget: function(pos, node, scroll, vert, horiz) {\n var display = this.display;\n pos = cursorCoords(this, clipPos(this.doc, pos));\n var top = pos.bottom, left = pos.left;\n node.style.position = \"absolute\";\n node.setAttribute(\"cm-ignore-events\", \"true\");\n this.display.input.setUneditable(node);\n display.sizer.appendChild(node);\n if (vert == \"over\") {\n top = pos.top;\n } else if (vert == \"above\" || vert == \"near\") {\n var vspace = Math.max(display.wrapper.clientHeight, this.doc.height),\n hspace = Math.max(display.sizer.clientWidth, display.lineSpace.clientWidth);\n // Default to positioning above (if specified and possible); otherwise default to positioning below\n if ((vert == 'above' || pos.bottom + node.offsetHeight > vspace) && pos.top > node.offsetHeight)\n { top = pos.top - node.offsetHeight; }\n else if (pos.bottom + node.offsetHeight <= vspace)\n { top = pos.bottom; }\n if (left + node.offsetWidth > hspace)\n { left = hspace - node.offsetWidth; }\n }\n node.style.top = top + \"px\";\n node.style.left = node.style.right = \"\";\n if (horiz == \"right\") {\n left = display.sizer.clientWidth - node.offsetWidth;\n node.style.right = \"0px\";\n } else {\n if (horiz == \"left\") { left = 0; }\n else if (horiz == \"middle\") { left = (display.sizer.clientWidth - node.offsetWidth) / 2; }\n node.style.left = left + \"px\";\n }\n if (scroll)\n { scrollIntoView(this, {left: left, top: top, right: left + node.offsetWidth, bottom: top + node.offsetHeight}); }\n },\n\n triggerOnKeyDown: methodOp(onKeyDown),\n triggerOnKeyPress: methodOp(onKeyPress),\n triggerOnKeyUp: onKeyUp,\n triggerOnMouseDown: methodOp(onMouseDown),\n\n execCommand: function(cmd) {\n if (commands.hasOwnProperty(cmd))\n { return commands[cmd].call(null, this) }\n },\n\n triggerElectric: methodOp(function(text) { triggerElectric(this, text); }),\n\n findPosH: function(from, amount, unit, visually) {\n var this$1 = this;\n\n var dir = 1;\n if (amount < 0) { dir = -1; amount = -amount; }\n var cur = clipPos(this.doc, from);\n for (var i = 0; i < amount; ++i) {\n cur = findPosH(this$1.doc, cur, dir, unit, visually);\n if (cur.hitSide) { break }\n }\n return cur\n },\n\n moveH: methodOp(function(dir, unit) {\n var this$1 = this;\n\n this.extendSelectionsBy(function (range$$1) {\n if (this$1.display.shift || this$1.doc.extend || range$$1.empty())\n { return findPosH(this$1.doc, range$$1.head, dir, unit, this$1.options.rtlMoveVisually) }\n else\n { return dir < 0 ? range$$1.from() : range$$1.to() }\n }, sel_move);\n }),\n\n deleteH: methodOp(function(dir, unit) {\n var sel = this.doc.sel, doc = this.doc;\n if (sel.somethingSelected())\n { doc.replaceSelection(\"\", null, \"+delete\"); }\n else\n { deleteNearSelection(this, function (range$$1) {\n var other = findPosH(doc, range$$1.head, dir, unit, false);\n return dir < 0 ? {from: other, to: range$$1.head} : {from: range$$1.head, to: other}\n }); }\n }),\n\n findPosV: function(from, amount, unit, goalColumn) {\n var this$1 = this;\n\n var dir = 1, x = goalColumn;\n if (amount < 0) { dir = -1; amount = -amount; }\n var cur = clipPos(this.doc, from);\n for (var i = 0; i < amount; ++i) {\n var coords = cursorCoords(this$1, cur, \"div\");\n if (x == null) { x = coords.left; }\n else { coords.left = x; }\n cur = findPosV(this$1, coords, dir, unit);\n if (cur.hitSide) { break }\n }\n return cur\n },\n\n moveV: methodOp(function(dir, unit) {\n var this$1 = this;\n\n var doc = this.doc, goals = [];\n var collapse = !this.display.shift && !doc.extend && doc.sel.somethingSelected();\n doc.extendSelectionsBy(function (range$$1) {\n if (collapse)\n { return dir < 0 ? range$$1.from() : range$$1.to() }\n var headPos = cursorCoords(this$1, range$$1.head, \"div\");\n if (range$$1.goalColumn != null) { headPos.left = range$$1.goalColumn; }\n goals.push(headPos.left);\n var pos = findPosV(this$1, headPos, dir, unit);\n if (unit == \"page\" && range$$1 == doc.sel.primary())\n { addToScrollTop(this$1, charCoords(this$1, pos, \"div\").top - headPos.top); }\n return pos\n }, sel_move);\n if (goals.length) { for (var i = 0; i < doc.sel.ranges.length; i++)\n { doc.sel.ranges[i].goalColumn = goals[i]; } }\n }),\n\n // Find the word at the given position (as returned by coordsChar).\n findWordAt: function(pos) {\n var doc = this.doc, line = getLine(doc, pos.line).text;\n var start = pos.ch, end = pos.ch;\n if (line) {\n var helper = this.getHelper(pos, \"wordChars\");\n if ((pos.sticky == \"before\" || end == line.length) && start) { --start; } else { ++end; }\n var startChar = line.charAt(start);\n var check = isWordChar(startChar, helper)\n ? function (ch) { return isWordChar(ch, helper); }\n : /\\s/.test(startChar) ? function (ch) { return /\\s/.test(ch); }\n : function (ch) { return (!/\\s/.test(ch) && !isWordChar(ch)); };\n while (start > 0 && check(line.charAt(start - 1))) { --start; }\n while (end < line.length && check(line.charAt(end))) { ++end; }\n }\n return new Range(Pos(pos.line, start), Pos(pos.line, end))\n },\n\n toggleOverwrite: function(value) {\n if (value != null && value == this.state.overwrite) { return }\n if (this.state.overwrite = !this.state.overwrite)\n { addClass(this.display.cursorDiv, \"CodeMirror-overwrite\"); }\n else\n { rmClass(this.display.cursorDiv, \"CodeMirror-overwrite\"); }\n\n signal(this, \"overwriteToggle\", this, this.state.overwrite);\n },\n hasFocus: function() { return this.display.input.getField() == activeElt() },\n isReadOnly: function() { return !!(this.options.readOnly || this.doc.cantEdit) },\n\n scrollTo: methodOp(function (x, y) { scrollToCoords(this, x, y); }),\n getScrollInfo: function() {\n var scroller = this.display.scroller;\n return {left: scroller.scrollLeft, top: scroller.scrollTop,\n height: scroller.scrollHeight - scrollGap(this) - this.display.barHeight,\n width: scroller.scrollWidth - scrollGap(this) - this.display.barWidth,\n clientHeight: displayHeight(this), clientWidth: displayWidth(this)}\n },\n\n scrollIntoView: methodOp(function(range$$1, margin) {\n if (range$$1 == null) {\n range$$1 = {from: this.doc.sel.primary().head, to: null};\n if (margin == null) { margin = this.options.cursorScrollMargin; }\n } else if (typeof range$$1 == \"number\") {\n range$$1 = {from: Pos(range$$1, 0), to: null};\n } else if (range$$1.from == null) {\n range$$1 = {from: range$$1, to: null};\n }\n if (!range$$1.to) { range$$1.to = range$$1.from; }\n range$$1.margin = margin || 0;\n\n if (range$$1.from.line != null) {\n scrollToRange(this, range$$1);\n } else {\n scrollToCoordsRange(this, range$$1.from, range$$1.to, range$$1.margin);\n }\n }),\n\n setSize: methodOp(function(width, height) {\n var this$1 = this;\n\n var interpret = function (val) { return typeof val == \"number\" || /^\\d+$/.test(String(val)) ? val + \"px\" : val; };\n if (width != null) { this.display.wrapper.style.width = interpret(width); }\n if (height != null) { this.display.wrapper.style.height = interpret(height); }\n if (this.options.lineWrapping) { clearLineMeasurementCache(this); }\n var lineNo$$1 = this.display.viewFrom;\n this.doc.iter(lineNo$$1, this.display.viewTo, function (line) {\n if (line.widgets) { for (var i = 0; i < line.widgets.length; i++)\n { if (line.widgets[i].noHScroll) { regLineChange(this$1, lineNo$$1, \"widget\"); break } } }\n ++lineNo$$1;\n });\n this.curOp.forceUpdate = true;\n signal(this, \"refresh\", this);\n }),\n\n operation: function(f){return runInOp(this, f)},\n startOperation: function(){return startOperation(this)},\n endOperation: function(){return endOperation(this)},\n\n refresh: methodOp(function() {\n var oldHeight = this.display.cachedTextHeight;\n regChange(this);\n this.curOp.forceUpdate = true;\n clearCaches(this);\n scrollToCoords(this, this.doc.scrollLeft, this.doc.scrollTop);\n updateGutterSpace(this.display);\n if (oldHeight == null || Math.abs(oldHeight - textHeight(this.display)) > .5)\n { estimateLineHeights(this); }\n signal(this, \"refresh\", this);\n }),\n\n swapDoc: methodOp(function(doc) {\n var old = this.doc;\n old.cm = null;\n // Cancel the current text selection if any (#5821)\n if (this.state.selectingText) { this.state.selectingText(); }\n attachDoc(this, doc);\n clearCaches(this);\n this.display.input.reset();\n scrollToCoords(this, doc.scrollLeft, doc.scrollTop);\n this.curOp.forceScroll = true;\n signalLater(this, \"swapDoc\", this, old);\n return old\n }),\n\n phrase: function(phraseText) {\n var phrases = this.options.phrases;\n return phrases && Object.prototype.hasOwnProperty.call(phrases, phraseText) ? phrases[phraseText] : phraseText\n },\n\n getInputField: function(){return this.display.input.getField()},\n getWrapperElement: function(){return this.display.wrapper},\n getScrollerElement: function(){return this.display.scroller},\n getGutterElement: function(){return this.display.gutters}\n };\n eventMixin(CodeMirror);\n\n CodeMirror.registerHelper = function(type, name, value) {\n if (!helpers.hasOwnProperty(type)) { helpers[type] = CodeMirror[type] = {_global: []}; }\n helpers[type][name] = value;\n };\n CodeMirror.registerGlobalHelper = function(type, name, predicate, value) {\n CodeMirror.registerHelper(type, name, value);\n helpers[type]._global.push({pred: predicate, val: value});\n };\n }\n\n // Used for horizontal relative motion. Dir is -1 or 1 (left or\n // right), unit can be \"char\", \"column\" (like char, but doesn't\n // cross line boundaries), \"word\" (across next word), or \"group\" (to\n // the start of next group of word or non-word-non-whitespace\n // chars). The visually param controls whether, in right-to-left\n // text, direction 1 means to move towards the next index in the\n // string, or towards the character to the right of the current\n // position. The resulting position will have a hitSide=true\n // property if it reached the end of the document.\n function findPosH(doc, pos, dir, unit, visually) {\n var oldPos = pos;\n var origDir = dir;\n var lineObj = getLine(doc, pos.line);\n function findNextLine() {\n var l = pos.line + dir;\n if (l < doc.first || l >= doc.first + doc.size) { return false }\n pos = new Pos(l, pos.ch, pos.sticky);\n return lineObj = getLine(doc, l)\n }\n function moveOnce(boundToLine) {\n var next;\n if (visually) {\n next = moveVisually(doc.cm, lineObj, pos, dir);\n } else {\n next = moveLogically(lineObj, pos, dir);\n }\n if (next == null) {\n if (!boundToLine && findNextLine())\n { pos = endOfLine(visually, doc.cm, lineObj, pos.line, dir); }\n else\n { return false }\n } else {\n pos = next;\n }\n return true\n }\n\n if (unit == \"char\") {\n moveOnce();\n } else if (unit == \"column\") {\n moveOnce(true);\n } else if (unit == \"word\" || unit == \"group\") {\n var sawType = null, group = unit == \"group\";\n var helper = doc.cm && doc.cm.getHelper(pos, \"wordChars\");\n for (var first = true;; first = false) {\n if (dir < 0 && !moveOnce(!first)) { break }\n var cur = lineObj.text.charAt(pos.ch) || \"\\n\";\n var type = isWordChar(cur, helper) ? \"w\"\n : group && cur == \"\\n\" ? \"n\"\n : !group || /\\s/.test(cur) ? null\n : \"p\";\n if (group && !first && !type) { type = \"s\"; }\n if (sawType && sawType != type) {\n if (dir < 0) {dir = 1; moveOnce(); pos.sticky = \"after\";}\n break\n }\n\n if (type) { sawType = type; }\n if (dir > 0 && !moveOnce(!first)) { break }\n }\n }\n var result = skipAtomic(doc, pos, oldPos, origDir, true);\n if (equalCursorPos(oldPos, result)) { result.hitSide = true; }\n return result\n }\n\n // For relative vertical movement. Dir may be -1 or 1. Unit can be\n // \"page\" or \"line\". The resulting position will have a hitSide=true\n // property if it reached the end of the document.\n function findPosV(cm, pos, dir, unit) {\n var doc = cm.doc, x = pos.left, y;\n if (unit == \"page\") {\n var pageSize = Math.min(cm.display.wrapper.clientHeight, window.innerHeight || document.documentElement.clientHeight);\n var moveAmount = Math.max(pageSize - .5 * textHeight(cm.display), 3);\n y = (dir > 0 ? pos.bottom : pos.top) + dir * moveAmount;\n\n } else if (unit == \"line\") {\n y = dir > 0 ? pos.bottom + 3 : pos.top - 3;\n }\n var target;\n for (;;) {\n target = coordsChar(cm, x, y);\n if (!target.outside) { break }\n if (dir < 0 ? y <= 0 : y >= doc.height) { target.hitSide = true; break }\n y += dir * 5;\n }\n return target\n }\n\n // CONTENTEDITABLE INPUT STYLE\n\n var ContentEditableInput = function(cm) {\n this.cm = cm;\n this.lastAnchorNode = this.lastAnchorOffset = this.lastFocusNode = this.lastFocusOffset = null;\n this.polling = new Delayed();\n this.composing = null;\n this.gracePeriod = false;\n this.readDOMTimeout = null;\n };\n\n ContentEditableInput.prototype.init = function (display) {\n var this$1 = this;\n\n var input = this, cm = input.cm;\n var div = input.div = display.lineDiv;\n disableBrowserMagic(div, cm.options.spellcheck, cm.options.autocorrect, cm.options.autocapitalize);\n\n on(div, \"paste\", function (e) {\n if (signalDOMEvent(cm, e) || handlePaste(e, cm)) { return }\n // IE doesn't fire input events, so we schedule a read for the pasted content in this way\n if (ie_version <= 11) { setTimeout(operation(cm, function () { return this$1.updateFromDOM(); }), 20); }\n });\n\n on(div, \"compositionstart\", function (e) {\n this$1.composing = {data: e.data, done: false};\n });\n on(div, \"compositionupdate\", function (e) {\n if (!this$1.composing) { this$1.composing = {data: e.data, done: false}; }\n });\n on(div, \"compositionend\", function (e) {\n if (this$1.composing) {\n if (e.data != this$1.composing.data) { this$1.readFromDOMSoon(); }\n this$1.composing.done = true;\n }\n });\n\n on(div, \"touchstart\", function () { return input.forceCompositionEnd(); });\n\n on(div, \"input\", function () {\n if (!this$1.composing) { this$1.readFromDOMSoon(); }\n });\n\n function onCopyCut(e) {\n if (signalDOMEvent(cm, e)) { return }\n if (cm.somethingSelected()) {\n setLastCopied({lineWise: false, text: cm.getSelections()});\n if (e.type == \"cut\") { cm.replaceSelection(\"\", null, \"cut\"); }\n } else if (!cm.options.lineWiseCopyCut) {\n return\n } else {\n var ranges = copyableRanges(cm);\n setLastCopied({lineWise: true, text: ranges.text});\n if (e.type == \"cut\") {\n cm.operation(function () {\n cm.setSelections(ranges.ranges, 0, sel_dontScroll);\n cm.replaceSelection(\"\", null, \"cut\");\n });\n }\n }\n if (e.clipboardData) {\n e.clipboardData.clearData();\n var content = lastCopied.text.join(\"\\n\");\n // iOS exposes the clipboard API, but seems to discard content inserted into it\n e.clipboardData.setData(\"Text\", content);\n if (e.clipboardData.getData(\"Text\") == content) {\n e.preventDefault();\n return\n }\n }\n // Old-fashioned briefly-focus-a-textarea hack\n var kludge = hiddenTextarea(), te = kludge.firstChild;\n cm.display.lineSpace.insertBefore(kludge, cm.display.lineSpace.firstChild);\n te.value = lastCopied.text.join(\"\\n\");\n var hadFocus = document.activeElement;\n selectInput(te);\n setTimeout(function () {\n cm.display.lineSpace.removeChild(kludge);\n hadFocus.focus();\n if (hadFocus == div) { input.showPrimarySelection(); }\n }, 50);\n }\n on(div, \"copy\", onCopyCut);\n on(div, \"cut\", onCopyCut);\n };\n\n ContentEditableInput.prototype.prepareSelection = function () {\n var result = prepareSelection(this.cm, false);\n result.focus = this.cm.state.focused;\n return result\n };\n\n ContentEditableInput.prototype.showSelection = function (info, takeFocus) {\n if (!info || !this.cm.display.view.length) { return }\n if (info.focus || takeFocus) { this.showPrimarySelection(); }\n this.showMultipleSelections(info);\n };\n\n ContentEditableInput.prototype.getSelection = function () {\n return this.cm.display.wrapper.ownerDocument.getSelection()\n };\n\n ContentEditableInput.prototype.showPrimarySelection = function () {\n var sel = this.getSelection(), cm = this.cm, prim = cm.doc.sel.primary();\n var from = prim.from(), to = prim.to();\n\n if (cm.display.viewTo == cm.display.viewFrom || from.line >= cm.display.viewTo || to.line < cm.display.viewFrom) {\n sel.removeAllRanges();\n return\n }\n\n var curAnchor = domToPos(cm, sel.anchorNode, sel.anchorOffset);\n var curFocus = domToPos(cm, sel.focusNode, sel.focusOffset);\n if (curAnchor && !curAnchor.bad && curFocus && !curFocus.bad &&\n cmp(minPos(curAnchor, curFocus), from) == 0 &&\n cmp(maxPos(curAnchor, curFocus), to) == 0)\n { return }\n\n var view = cm.display.view;\n var start = (from.line >= cm.display.viewFrom && posToDOM(cm, from)) ||\n {node: view[0].measure.map[2], offset: 0};\n var end = to.line < cm.display.viewTo && posToDOM(cm, to);\n if (!end) {\n var measure = view[view.length - 1].measure;\n var map$$1 = measure.maps ? measure.maps[measure.maps.length - 1] : measure.map;\n end = {node: map$$1[map$$1.length - 1], offset: map$$1[map$$1.length - 2] - map$$1[map$$1.length - 3]};\n }\n\n if (!start || !end) {\n sel.removeAllRanges();\n return\n }\n\n var old = sel.rangeCount && sel.getRangeAt(0), rng;\n try { rng = range(start.node, start.offset, end.offset, end.node); }\n catch(e) {} // Our model of the DOM might be outdated, in which case the range we try to set can be impossible\n if (rng) {\n if (!gecko && cm.state.focused) {\n sel.collapse(start.node, start.offset);\n if (!rng.collapsed) {\n sel.removeAllRanges();\n sel.addRange(rng);\n }\n } else {\n sel.removeAllRanges();\n sel.addRange(rng);\n }\n if (old && sel.anchorNode == null) { sel.addRange(old); }\n else if (gecko) { this.startGracePeriod(); }\n }\n this.rememberSelection();\n };\n\n ContentEditableInput.prototype.startGracePeriod = function () {\n var this$1 = this;\n\n clearTimeout(this.gracePeriod);\n this.gracePeriod = setTimeout(function () {\n this$1.gracePeriod = false;\n if (this$1.selectionChanged())\n { this$1.cm.operation(function () { return this$1.cm.curOp.selectionChanged = true; }); }\n }, 20);\n };\n\n ContentEditableInput.prototype.showMultipleSelections = function (info) {\n removeChildrenAndAdd(this.cm.display.cursorDiv, info.cursors);\n removeChildrenAndAdd(this.cm.display.selectionDiv, info.selection);\n };\n\n ContentEditableInput.prototype.rememberSelection = function () {\n var sel = this.getSelection();\n this.lastAnchorNode = sel.anchorNode; this.lastAnchorOffset = sel.anchorOffset;\n this.lastFocusNode = sel.focusNode; this.lastFocusOffset = sel.focusOffset;\n };\n\n ContentEditableInput.prototype.selectionInEditor = function () {\n var sel = this.getSelection();\n if (!sel.rangeCount) { return false }\n var node = sel.getRangeAt(0).commonAncestorContainer;\n return contains(this.div, node)\n };\n\n ContentEditableInput.prototype.focus = function () {\n if (this.cm.options.readOnly != \"nocursor\") {\n if (!this.selectionInEditor())\n { this.showSelection(this.prepareSelection(), true); }\n this.div.focus();\n }\n };\n ContentEditableInput.prototype.blur = function () { this.div.blur(); };\n ContentEditableInput.prototype.getField = function () { return this.div };\n\n ContentEditableInput.prototype.supportsTouch = function () { return true };\n\n ContentEditableInput.prototype.receivedFocus = function () {\n var input = this;\n if (this.selectionInEditor())\n { this.pollSelection(); }\n else\n { runInOp(this.cm, function () { return input.cm.curOp.selectionChanged = true; }); }\n\n function poll() {\n if (input.cm.state.focused) {\n input.pollSelection();\n input.polling.set(input.cm.options.pollInterval, poll);\n }\n }\n this.polling.set(this.cm.options.pollInterval, poll);\n };\n\n ContentEditableInput.prototype.selectionChanged = function () {\n var sel = this.getSelection();\n return sel.anchorNode != this.lastAnchorNode || sel.anchorOffset != this.lastAnchorOffset ||\n sel.focusNode != this.lastFocusNode || sel.focusOffset != this.lastFocusOffset\n };\n\n ContentEditableInput.prototype.pollSelection = function () {\n if (this.readDOMTimeout != null || this.gracePeriod || !this.selectionChanged()) { return }\n var sel = this.getSelection(), cm = this.cm;\n // On Android Chrome (version 56, at least), backspacing into an\n // uneditable block element will put the cursor in that element,\n // and then, because it's not editable, hide the virtual keyboard.\n // Because Android doesn't allow us to actually detect backspace\n // presses in a sane way, this code checks for when that happens\n // and simulates a backspace press in this case.\n if (android && chrome && this.cm.display.gutterSpecs.length && isInGutter(sel.anchorNode)) {\n this.cm.triggerOnKeyDown({type: \"keydown\", keyCode: 8, preventDefault: Math.abs});\n this.blur();\n this.focus();\n return\n }\n if (this.composing) { return }\n this.rememberSelection();\n var anchor = domToPos(cm, sel.anchorNode, sel.anchorOffset);\n var head = domToPos(cm, sel.focusNode, sel.focusOffset);\n if (anchor && head) { runInOp(cm, function () {\n setSelection(cm.doc, simpleSelection(anchor, head), sel_dontScroll);\n if (anchor.bad || head.bad) { cm.curOp.selectionChanged = true; }\n }); }\n };\n\n ContentEditableInput.prototype.pollContent = function () {\n if (this.readDOMTimeout != null) {\n clearTimeout(this.readDOMTimeout);\n this.readDOMTimeout = null;\n }\n\n var cm = this.cm, display = cm.display, sel = cm.doc.sel.primary();\n var from = sel.from(), to = sel.to();\n if (from.ch == 0 && from.line > cm.firstLine())\n { from = Pos(from.line - 1, getLine(cm.doc, from.line - 1).length); }\n if (to.ch == getLine(cm.doc, to.line).text.length && to.line < cm.lastLine())\n { to = Pos(to.line + 1, 0); }\n if (from.line < display.viewFrom || to.line > display.viewTo - 1) { return false }\n\n var fromIndex, fromLine, fromNode;\n if (from.line == display.viewFrom || (fromIndex = findViewIndex(cm, from.line)) == 0) {\n fromLine = lineNo(display.view[0].line);\n fromNode = display.view[0].node;\n } else {\n fromLine = lineNo(display.view[fromIndex].line);\n fromNode = display.view[fromIndex - 1].node.nextSibling;\n }\n var toIndex = findViewIndex(cm, to.line);\n var toLine, toNode;\n if (toIndex == display.view.length - 1) {\n toLine = display.viewTo - 1;\n toNode = display.lineDiv.lastChild;\n } else {\n toLine = lineNo(display.view[toIndex + 1].line) - 1;\n toNode = display.view[toIndex + 1].node.previousSibling;\n }\n\n if (!fromNode) { return false }\n var newText = cm.doc.splitLines(domTextBetween(cm, fromNode, toNode, fromLine, toLine));\n var oldText = getBetween(cm.doc, Pos(fromLine, 0), Pos(toLine, getLine(cm.doc, toLine).text.length));\n while (newText.length > 1 && oldText.length > 1) {\n if (lst(newText) == lst(oldText)) { newText.pop(); oldText.pop(); toLine--; }\n else if (newText[0] == oldText[0]) { newText.shift(); oldText.shift(); fromLine++; }\n else { break }\n }\n\n var cutFront = 0, cutEnd = 0;\n var newTop = newText[0], oldTop = oldText[0], maxCutFront = Math.min(newTop.length, oldTop.length);\n while (cutFront < maxCutFront && newTop.charCodeAt(cutFront) == oldTop.charCodeAt(cutFront))\n { ++cutFront; }\n var newBot = lst(newText), oldBot = lst(oldText);\n var maxCutEnd = Math.min(newBot.length - (newText.length == 1 ? cutFront : 0),\n oldBot.length - (oldText.length == 1 ? cutFront : 0));\n while (cutEnd < maxCutEnd &&\n newBot.charCodeAt(newBot.length - cutEnd - 1) == oldBot.charCodeAt(oldBot.length - cutEnd - 1))\n { ++cutEnd; }\n // Try to move start of change to start of selection if ambiguous\n if (newText.length == 1 && oldText.length == 1 && fromLine == from.line) {\n while (cutFront && cutFront > from.ch &&\n newBot.charCodeAt(newBot.length - cutEnd - 1) == oldBot.charCodeAt(oldBot.length - cutEnd - 1)) {\n cutFront--;\n cutEnd++;\n }\n }\n\n newText[newText.length - 1] = newBot.slice(0, newBot.length - cutEnd).replace(/^\\u200b+/, \"\");\n newText[0] = newText[0].slice(cutFront).replace(/\\u200b+$/, \"\");\n\n var chFrom = Pos(fromLine, cutFront);\n var chTo = Pos(toLine, oldText.length ? lst(oldText).length - cutEnd : 0);\n if (newText.length > 1 || newText[0] || cmp(chFrom, chTo)) {\n replaceRange(cm.doc, newText, chFrom, chTo, \"+input\");\n return true\n }\n };\n\n ContentEditableInput.prototype.ensurePolled = function () {\n this.forceCompositionEnd();\n };\n ContentEditableInput.prototype.reset = function () {\n this.forceCompositionEnd();\n };\n ContentEditableInput.prototype.forceCompositionEnd = function () {\n if (!this.composing) { return }\n clearTimeout(this.readDOMTimeout);\n this.composing = null;\n this.updateFromDOM();\n this.div.blur();\n this.div.focus();\n };\n ContentEditableInput.prototype.readFromDOMSoon = function () {\n var this$1 = this;\n\n if (this.readDOMTimeout != null) { return }\n this.readDOMTimeout = setTimeout(function () {\n this$1.readDOMTimeout = null;\n if (this$1.composing) {\n if (this$1.composing.done) { this$1.composing = null; }\n else { return }\n }\n this$1.updateFromDOM();\n }, 80);\n };\n\n ContentEditableInput.prototype.updateFromDOM = function () {\n var this$1 = this;\n\n if (this.cm.isReadOnly() || !this.pollContent())\n { runInOp(this.cm, function () { return regChange(this$1.cm); }); }\n };\n\n ContentEditableInput.prototype.setUneditable = function (node) {\n node.contentEditable = \"false\";\n };\n\n ContentEditableInput.prototype.onKeyPress = function (e) {\n if (e.charCode == 0 || this.composing) { return }\n e.preventDefault();\n if (!this.cm.isReadOnly())\n { operation(this.cm, applyTextInput)(this.cm, String.fromCharCode(e.charCode == null ? e.keyCode : e.charCode), 0); }\n };\n\n ContentEditableInput.prototype.readOnlyChanged = function (val) {\n this.div.contentEditable = String(val != \"nocursor\");\n };\n\n ContentEditableInput.prototype.onContextMenu = function () {};\n ContentEditableInput.prototype.resetPosition = function () {};\n\n ContentEditableInput.prototype.needsContentAttribute = true;\n\n function posToDOM(cm, pos) {\n var view = findViewForLine(cm, pos.line);\n if (!view || view.hidden) { return null }\n var line = getLine(cm.doc, pos.line);\n var info = mapFromLineView(view, line, pos.line);\n\n var order = getOrder(line, cm.doc.direction), side = \"left\";\n if (order) {\n var partPos = getBidiPartAt(order, pos.ch);\n side = partPos % 2 ? \"right\" : \"left\";\n }\n var result = nodeAndOffsetInLineMap(info.map, pos.ch, side);\n result.offset = result.collapse == \"right\" ? result.end : result.start;\n return result\n }\n\n function isInGutter(node) {\n for (var scan = node; scan; scan = scan.parentNode)\n { if (/CodeMirror-gutter-wrapper/.test(scan.className)) { return true } }\n return false\n }\n\n function badPos(pos, bad) { if (bad) { pos.bad = true; } return pos }\n\n function domTextBetween(cm, from, to, fromLine, toLine) {\n var text = \"\", closing = false, lineSep = cm.doc.lineSeparator(), extraLinebreak = false;\n function recognizeMarker(id) { return function (marker) { return marker.id == id; } }\n function close() {\n if (closing) {\n text += lineSep;\n if (extraLinebreak) { text += lineSep; }\n closing = extraLinebreak = false;\n }\n }\n function addText(str) {\n if (str) {\n close();\n text += str;\n }\n }\n function walk(node) {\n if (node.nodeType == 1) {\n var cmText = node.getAttribute(\"cm-text\");\n if (cmText) {\n addText(cmText);\n return\n }\n var markerID = node.getAttribute(\"cm-marker\"), range$$1;\n if (markerID) {\n var found = cm.findMarks(Pos(fromLine, 0), Pos(toLine + 1, 0), recognizeMarker(+markerID));\n if (found.length && (range$$1 = found[0].find(0)))\n { addText(getBetween(cm.doc, range$$1.from, range$$1.to).join(lineSep)); }\n return\n }\n if (node.getAttribute(\"contenteditable\") == \"false\") { return }\n var isBlock = /^(pre|div|p|li|table|br)$/i.test(node.nodeName);\n if (!/^br$/i.test(node.nodeName) && node.textContent.length == 0) { return }\n\n if (isBlock) { close(); }\n for (var i = 0; i < node.childNodes.length; i++)\n { walk(node.childNodes[i]); }\n\n if (/^(pre|p)$/i.test(node.nodeName)) { extraLinebreak = true; }\n if (isBlock) { closing = true; }\n } else if (node.nodeType == 3) {\n addText(node.nodeValue.replace(/\\u200b/g, \"\").replace(/\\u00a0/g, \" \"));\n }\n }\n for (;;) {\n walk(from);\n if (from == to) { break }\n from = from.nextSibling;\n extraLinebreak = false;\n }\n return text\n }\n\n function domToPos(cm, node, offset) {\n var lineNode;\n if (node == cm.display.lineDiv) {\n lineNode = cm.display.lineDiv.childNodes[offset];\n if (!lineNode) { return badPos(cm.clipPos(Pos(cm.display.viewTo - 1)), true) }\n node = null; offset = 0;\n } else {\n for (lineNode = node;; lineNode = lineNode.parentNode) {\n if (!lineNode || lineNode == cm.display.lineDiv) { return null }\n if (lineNode.parentNode && lineNode.parentNode == cm.display.lineDiv) { break }\n }\n }\n for (var i = 0; i < cm.display.view.length; i++) {\n var lineView = cm.display.view[i];\n if (lineView.node == lineNode)\n { return locateNodeInLineView(lineView, node, offset) }\n }\n }\n\n function locateNodeInLineView(lineView, node, offset) {\n var wrapper = lineView.text.firstChild, bad = false;\n if (!node || !contains(wrapper, node)) { return badPos(Pos(lineNo(lineView.line), 0), true) }\n if (node == wrapper) {\n bad = true;\n node = wrapper.childNodes[offset];\n offset = 0;\n if (!node) {\n var line = lineView.rest ? lst(lineView.rest) : lineView.line;\n return badPos(Pos(lineNo(line), line.text.length), bad)\n }\n }\n\n var textNode = node.nodeType == 3 ? node : null, topNode = node;\n if (!textNode && node.childNodes.length == 1 && node.firstChild.nodeType == 3) {\n textNode = node.firstChild;\n if (offset) { offset = textNode.nodeValue.length; }\n }\n while (topNode.parentNode != wrapper) { topNode = topNode.parentNode; }\n var measure = lineView.measure, maps = measure.maps;\n\n function find(textNode, topNode, offset) {\n for (var i = -1; i < (maps ? maps.length : 0); i++) {\n var map$$1 = i < 0 ? measure.map : maps[i];\n for (var j = 0; j < map$$1.length; j += 3) {\n var curNode = map$$1[j + 2];\n if (curNode == textNode || curNode == topNode) {\n var line = lineNo(i < 0 ? lineView.line : lineView.rest[i]);\n var ch = map$$1[j] + offset;\n if (offset < 0 || curNode != textNode) { ch = map$$1[j + (offset ? 1 : 0)]; }\n return Pos(line, ch)\n }\n }\n }\n }\n var found = find(textNode, topNode, offset);\n if (found) { return badPos(found, bad) }\n\n // FIXME this is all really shaky. might handle the few cases it needs to handle, but likely to cause problems\n for (var after = topNode.nextSibling, dist = textNode ? textNode.nodeValue.length - offset : 0; after; after = after.nextSibling) {\n found = find(after, after.firstChild, 0);\n if (found)\n { return badPos(Pos(found.line, found.ch - dist), bad) }\n else\n { dist += after.textContent.length; }\n }\n for (var before = topNode.previousSibling, dist$1 = offset; before; before = before.previousSibling) {\n found = find(before, before.firstChild, -1);\n if (found)\n { return badPos(Pos(found.line, found.ch + dist$1), bad) }\n else\n { dist$1 += before.textContent.length; }\n }\n }\n\n // TEXTAREA INPUT STYLE\n\n var TextareaInput = function(cm) {\n this.cm = cm;\n // See input.poll and input.reset\n this.prevInput = \"\";\n\n // Flag that indicates whether we expect input to appear real soon\n // now (after some event like 'keypress' or 'input') and are\n // polling intensively.\n this.pollingFast = false;\n // Self-resetting timeout for the poller\n this.polling = new Delayed();\n // Used to work around IE issue with selection being forgotten when focus moves away from textarea\n this.hasSelection = false;\n this.composing = null;\n };\n\n TextareaInput.prototype.init = function (display) {\n var this$1 = this;\n\n var input = this, cm = this.cm;\n this.createField(display);\n var te = this.textarea;\n\n display.wrapper.insertBefore(this.wrapper, display.wrapper.firstChild);\n\n // Needed to hide big blue blinking cursor on Mobile Safari (doesn't seem to work in iOS 8 anymore)\n if (ios) { te.style.width = \"0px\"; }\n\n on(te, \"input\", function () {\n if (ie && ie_version >= 9 && this$1.hasSelection) { this$1.hasSelection = null; }\n input.poll();\n });\n\n on(te, \"paste\", function (e) {\n if (signalDOMEvent(cm, e) || handlePaste(e, cm)) { return }\n\n cm.state.pasteIncoming = +new Date;\n input.fastPoll();\n });\n\n function prepareCopyCut(e) {\n if (signalDOMEvent(cm, e)) { return }\n if (cm.somethingSelected()) {\n setLastCopied({lineWise: false, text: cm.getSelections()});\n } else if (!cm.options.lineWiseCopyCut) {\n return\n } else {\n var ranges = copyableRanges(cm);\n setLastCopied({lineWise: true, text: ranges.text});\n if (e.type == \"cut\") {\n cm.setSelections(ranges.ranges, null, sel_dontScroll);\n } else {\n input.prevInput = \"\";\n te.value = ranges.text.join(\"\\n\");\n selectInput(te);\n }\n }\n if (e.type == \"cut\") { cm.state.cutIncoming = +new Date; }\n }\n on(te, \"cut\", prepareCopyCut);\n on(te, \"copy\", prepareCopyCut);\n\n on(display.scroller, \"paste\", function (e) {\n if (eventInWidget(display, e) || signalDOMEvent(cm, e)) { return }\n if (!te.dispatchEvent) {\n cm.state.pasteIncoming = +new Date;\n input.focus();\n return\n }\n\n // Pass the `paste` event to the textarea so it's handled by its event listener.\n var event = new Event(\"paste\");\n event.clipboardData = e.clipboardData;\n te.dispatchEvent(event);\n });\n\n // Prevent normal selection in the editor (we handle our own)\n on(display.lineSpace, \"selectstart\", function (e) {\n if (!eventInWidget(display, e)) { e_preventDefault(e); }\n });\n\n on(te, \"compositionstart\", function () {\n var start = cm.getCursor(\"from\");\n if (input.composing) { input.composing.range.clear(); }\n input.composing = {\n start: start,\n range: cm.markText(start, cm.getCursor(\"to\"), {className: \"CodeMirror-composing\"})\n };\n });\n on(te, \"compositionend\", function () {\n if (input.composing) {\n input.poll();\n input.composing.range.clear();\n input.composing = null;\n }\n });\n };\n\n TextareaInput.prototype.createField = function (_display) {\n // Wraps and hides input textarea\n this.wrapper = hiddenTextarea();\n // The semihidden textarea that is focused when the editor is\n // focused, and receives input.\n this.textarea = this.wrapper.firstChild;\n };\n\n TextareaInput.prototype.prepareSelection = function () {\n // Redraw the selection and/or cursor\n var cm = this.cm, display = cm.display, doc = cm.doc;\n var result = prepareSelection(cm);\n\n // Move the hidden textarea near the cursor to prevent scrolling artifacts\n if (cm.options.moveInputWithCursor) {\n var headPos = cursorCoords(cm, doc.sel.primary().head, \"div\");\n var wrapOff = display.wrapper.getBoundingClientRect(), lineOff = display.lineDiv.getBoundingClientRect();\n result.teTop = Math.max(0, Math.min(display.wrapper.clientHeight - 10,\n headPos.top + lineOff.top - wrapOff.top));\n result.teLeft = Math.max(0, Math.min(display.wrapper.clientWidth - 10,\n headPos.left + lineOff.left - wrapOff.left));\n }\n\n return result\n };\n\n TextareaInput.prototype.showSelection = function (drawn) {\n var cm = this.cm, display = cm.display;\n removeChildrenAndAdd(display.cursorDiv, drawn.cursors);\n removeChildrenAndAdd(display.selectionDiv, drawn.selection);\n if (drawn.teTop != null) {\n this.wrapper.style.top = drawn.teTop + \"px\";\n this.wrapper.style.left = drawn.teLeft + \"px\";\n }\n };\n\n // Reset the input to correspond to the selection (or to be empty,\n // when not typing and nothing is selected)\n TextareaInput.prototype.reset = function (typing) {\n if (this.contextMenuPending || this.composing) { return }\n var cm = this.cm;\n if (cm.somethingSelected()) {\n this.prevInput = \"\";\n var content = cm.getSelection();\n this.textarea.value = content;\n if (cm.state.focused) { selectInput(this.textarea); }\n if (ie && ie_version >= 9) { this.hasSelection = content; }\n } else if (!typing) {\n this.prevInput = this.textarea.value = \"\";\n if (ie && ie_version >= 9) { this.hasSelection = null; }\n }\n };\n\n TextareaInput.prototype.getField = function () { return this.textarea };\n\n TextareaInput.prototype.supportsTouch = function () { return false };\n\n TextareaInput.prototype.focus = function () {\n if (this.cm.options.readOnly != \"nocursor\" && (!mobile || activeElt() != this.textarea)) {\n try { this.textarea.focus(); }\n catch (e) {} // IE8 will throw if the textarea is display: none or not in DOM\n }\n };\n\n TextareaInput.prototype.blur = function () { this.textarea.blur(); };\n\n TextareaInput.prototype.resetPosition = function () {\n this.wrapper.style.top = this.wrapper.style.left = 0;\n };\n\n TextareaInput.prototype.receivedFocus = function () { this.slowPoll(); };\n\n // Poll for input changes, using the normal rate of polling. This\n // runs as long as the editor is focused.\n TextareaInput.prototype.slowPoll = function () {\n var this$1 = this;\n\n if (this.pollingFast) { return }\n this.polling.set(this.cm.options.pollInterval, function () {\n this$1.poll();\n if (this$1.cm.state.focused) { this$1.slowPoll(); }\n });\n };\n\n // When an event has just come in that is likely to add or change\n // something in the input textarea, we poll faster, to ensure that\n // the change appears on the screen quickly.\n TextareaInput.prototype.fastPoll = function () {\n var missed = false, input = this;\n input.pollingFast = true;\n function p() {\n var changed = input.poll();\n if (!changed && !missed) {missed = true; input.polling.set(60, p);}\n else {input.pollingFast = false; input.slowPoll();}\n }\n input.polling.set(20, p);\n };\n\n // Read input from the textarea, and update the document to match.\n // When something is selected, it is present in the textarea, and\n // selected (unless it is huge, in which case a placeholder is\n // used). When nothing is selected, the cursor sits after previously\n // seen text (can be empty), which is stored in prevInput (we must\n // not reset the textarea when typing, because that breaks IME).\n TextareaInput.prototype.poll = function () {\n var this$1 = this;\n\n var cm = this.cm, input = this.textarea, prevInput = this.prevInput;\n // Since this is called a *lot*, try to bail out as cheaply as\n // possible when it is clear that nothing happened. hasSelection\n // will be the case when there is a lot of text in the textarea,\n // in which case reading its value would be expensive.\n if (this.contextMenuPending || !cm.state.focused ||\n (hasSelection(input) && !prevInput && !this.composing) ||\n cm.isReadOnly() || cm.options.disableInput || cm.state.keySeq)\n { return false }\n\n var text = input.value;\n // If nothing changed, bail.\n if (text == prevInput && !cm.somethingSelected()) { return false }\n // Work around nonsensical selection resetting in IE9/10, and\n // inexplicable appearance of private area unicode characters on\n // some key combos in Mac (#2689).\n if (ie && ie_version >= 9 && this.hasSelection === text ||\n mac && /[\\uf700-\\uf7ff]/.test(text)) {\n cm.display.input.reset();\n return false\n }\n\n if (cm.doc.sel == cm.display.selForContextMenu) {\n var first = text.charCodeAt(0);\n if (first == 0x200b && !prevInput) { prevInput = \"\\u200b\"; }\n if (first == 0x21da) { this.reset(); return this.cm.execCommand(\"undo\") }\n }\n // Find the part of the input that is actually new\n var same = 0, l = Math.min(prevInput.length, text.length);\n while (same < l && prevInput.charCodeAt(same) == text.charCodeAt(same)) { ++same; }\n\n runInOp(cm, function () {\n applyTextInput(cm, text.slice(same), prevInput.length - same,\n null, this$1.composing ? \"*compose\" : null);\n\n // Don't leave long text in the textarea, since it makes further polling slow\n if (text.length > 1000 || text.indexOf(\"\\n\") > -1) { input.value = this$1.prevInput = \"\"; }\n else { this$1.prevInput = text; }\n\n if (this$1.composing) {\n this$1.composing.range.clear();\n this$1.composing.range = cm.markText(this$1.composing.start, cm.getCursor(\"to\"),\n {className: \"CodeMirror-composing\"});\n }\n });\n return true\n };\n\n TextareaInput.prototype.ensurePolled = function () {\n if (this.pollingFast && this.poll()) { this.pollingFast = false; }\n };\n\n TextareaInput.prototype.onKeyPress = function () {\n if (ie && ie_version >= 9) { this.hasSelection = null; }\n this.fastPoll();\n };\n\n TextareaInput.prototype.onContextMenu = function (e) {\n var input = this, cm = input.cm, display = cm.display, te = input.textarea;\n if (input.contextMenuPending) { input.contextMenuPending(); }\n var pos = posFromMouse(cm, e), scrollPos = display.scroller.scrollTop;\n if (!pos || presto) { return } // Opera is difficult.\n\n // Reset the current text selection only if the click is done outside of the selection\n // and 'resetSelectionOnContextMenu' option is true.\n var reset = cm.options.resetSelectionOnContextMenu;\n if (reset && cm.doc.sel.contains(pos) == -1)\n { operation(cm, setSelection)(cm.doc, simpleSelection(pos), sel_dontScroll); }\n\n var oldCSS = te.style.cssText, oldWrapperCSS = input.wrapper.style.cssText;\n var wrapperBox = input.wrapper.offsetParent.getBoundingClientRect();\n input.wrapper.style.cssText = \"position: static\";\n te.style.cssText = \"position: absolute; width: 30px; height: 30px;\\n top: \" + (e.clientY - wrapperBox.top - 5) + \"px; left: \" + (e.clientX - wrapperBox.left - 5) + \"px;\\n z-index: 1000; background: \" + (ie ? \"rgba(255, 255, 255, .05)\" : \"transparent\") + \";\\n outline: none; border-width: 0; outline: none; overflow: hidden; opacity: .05; filter: alpha(opacity=5);\";\n var oldScrollY;\n if (webkit) { oldScrollY = window.scrollY; } // Work around Chrome issue (#2712)\n display.input.focus();\n if (webkit) { window.scrollTo(null, oldScrollY); }\n display.input.reset();\n // Adds \"Select all\" to context menu in FF\n if (!cm.somethingSelected()) { te.value = input.prevInput = \" \"; }\n input.contextMenuPending = rehide;\n display.selForContextMenu = cm.doc.sel;\n clearTimeout(display.detectingSelectAll);\n\n // Select-all will be greyed out if there's nothing to select, so\n // this adds a zero-width space so that we can later check whether\n // it got selected.\n function prepareSelectAllHack() {\n if (te.selectionStart != null) {\n var selected = cm.somethingSelected();\n var extval = \"\\u200b\" + (selected ? te.value : \"\");\n te.value = \"\\u21da\"; // Used to catch context-menu undo\n te.value = extval;\n input.prevInput = selected ? \"\" : \"\\u200b\";\n te.selectionStart = 1; te.selectionEnd = extval.length;\n // Re-set this, in case some other handler touched the\n // selection in the meantime.\n display.selForContextMenu = cm.doc.sel;\n }\n }\n function rehide() {\n if (input.contextMenuPending != rehide) { return }\n input.contextMenuPending = false;\n input.wrapper.style.cssText = oldWrapperCSS;\n te.style.cssText = oldCSS;\n if (ie && ie_version < 9) { display.scrollbars.setScrollTop(display.scroller.scrollTop = scrollPos); }\n\n // Try to detect the user choosing select-all\n if (te.selectionStart != null) {\n if (!ie || (ie && ie_version < 9)) { prepareSelectAllHack(); }\n var i = 0, poll = function () {\n if (display.selForContextMenu == cm.doc.sel && te.selectionStart == 0 &&\n te.selectionEnd > 0 && input.prevInput == \"\\u200b\") {\n operation(cm, selectAll)(cm);\n } else if (i++ < 10) {\n display.detectingSelectAll = setTimeout(poll, 500);\n } else {\n display.selForContextMenu = null;\n display.input.reset();\n }\n };\n display.detectingSelectAll = setTimeout(poll, 200);\n }\n }\n\n if (ie && ie_version >= 9) { prepareSelectAllHack(); }\n if (captureRightClick) {\n e_stop(e);\n var mouseup = function () {\n off(window, \"mouseup\", mouseup);\n setTimeout(rehide, 20);\n };\n on(window, \"mouseup\", mouseup);\n } else {\n setTimeout(rehide, 50);\n }\n };\n\n TextareaInput.prototype.readOnlyChanged = function (val) {\n if (!val) { this.reset(); }\n this.textarea.disabled = val == \"nocursor\";\n };\n\n TextareaInput.prototype.setUneditable = function () {};\n\n TextareaInput.prototype.needsContentAttribute = false;\n\n function fromTextArea(textarea, options) {\n options = options ? copyObj(options) : {};\n options.value = textarea.value;\n if (!options.tabindex && textarea.tabIndex)\n { options.tabindex = textarea.tabIndex; }\n if (!options.placeholder && textarea.placeholder)\n { options.placeholder = textarea.placeholder; }\n // Set autofocus to true if this textarea is focused, or if it has\n // autofocus and no other element is focused.\n if (options.autofocus == null) {\n var hasFocus = activeElt();\n options.autofocus = hasFocus == textarea ||\n textarea.getAttribute(\"autofocus\") != null && hasFocus == document.body;\n }\n\n function save() {textarea.value = cm.getValue();}\n\n var realSubmit;\n if (textarea.form) {\n on(textarea.form, \"submit\", save);\n // Deplorable hack to make the submit method do the right thing.\n if (!options.leaveSubmitMethodAlone) {\n var form = textarea.form;\n realSubmit = form.submit;\n try {\n var wrappedSubmit = form.submit = function () {\n save();\n form.submit = realSubmit;\n form.submit();\n form.submit = wrappedSubmit;\n };\n } catch(e) {}\n }\n }\n\n options.finishInit = function (cm) {\n cm.save = save;\n cm.getTextArea = function () { return textarea; };\n cm.toTextArea = function () {\n cm.toTextArea = isNaN; // Prevent this from being ran twice\n save();\n textarea.parentNode.removeChild(cm.getWrapperElement());\n textarea.style.display = \"\";\n if (textarea.form) {\n off(textarea.form, \"submit\", save);\n if (typeof textarea.form.submit == \"function\")\n { textarea.form.submit = realSubmit; }\n }\n };\n };\n\n textarea.style.display = \"none\";\n var cm = CodeMirror(function (node) { return textarea.parentNode.insertBefore(node, textarea.nextSibling); },\n options);\n return cm\n }\n\n function addLegacyProps(CodeMirror) {\n CodeMirror.off = off;\n CodeMirror.on = on;\n CodeMirror.wheelEventPixels = wheelEventPixels;\n CodeMirror.Doc = Doc;\n CodeMirror.splitLines = splitLinesAuto;\n CodeMirror.countColumn = countColumn;\n CodeMirror.findColumn = findColumn;\n CodeMirror.isWordChar = isWordCharBasic;\n CodeMirror.Pass = Pass;\n CodeMirror.signal = signal;\n CodeMirror.Line = Line;\n CodeMirror.changeEnd = changeEnd;\n CodeMirror.scrollbarModel = scrollbarModel;\n CodeMirror.Pos = Pos;\n CodeMirror.cmpPos = cmp;\n CodeMirror.modes = modes;\n CodeMirror.mimeModes = mimeModes;\n CodeMirror.resolveMode = resolveMode;\n CodeMirror.getMode = getMode;\n CodeMirror.modeExtensions = modeExtensions;\n CodeMirror.extendMode = extendMode;\n CodeMirror.copyState = copyState;\n CodeMirror.startState = startState;\n CodeMirror.innerMode = innerMode;\n CodeMirror.commands = commands;\n CodeMirror.keyMap = keyMap;\n CodeMirror.keyName = keyName;\n CodeMirror.isModifierKey = isModifierKey;\n CodeMirror.lookupKey = lookupKey;\n CodeMirror.normalizeKeyMap = normalizeKeyMap;\n CodeMirror.StringStream = StringStream;\n CodeMirror.SharedTextMarker = SharedTextMarker;\n CodeMirror.TextMarker = TextMarker;\n CodeMirror.LineWidget = LineWidget;\n CodeMirror.e_preventDefault = e_preventDefault;\n CodeMirror.e_stopPropagation = e_stopPropagation;\n CodeMirror.e_stop = e_stop;\n CodeMirror.addClass = addClass;\n CodeMirror.contains = contains;\n CodeMirror.rmClass = rmClass;\n CodeMirror.keyNames = keyNames;\n }\n\n // EDITOR CONSTRUCTOR\n\n defineOptions(CodeMirror);\n\n addEditorMethods(CodeMirror);\n\n // Set up methods on CodeMirror's prototype to redirect to the editor's document.\n var dontDelegate = \"iter insert remove copy getEditor constructor\".split(\" \");\n for (var prop in Doc.prototype) { if (Doc.prototype.hasOwnProperty(prop) && indexOf(dontDelegate, prop) < 0)\n { CodeMirror.prototype[prop] = (function(method) {\n return function() {return method.apply(this.doc, arguments)}\n })(Doc.prototype[prop]); } }\n\n eventMixin(Doc);\n CodeMirror.inputStyles = {\"textarea\": TextareaInput, \"contenteditable\": ContentEditableInput};\n\n // Extra arguments are stored as the mode's dependencies, which is\n // used by (legacy) mechanisms like loadmode.js to automatically\n // load a mode. (Preferred mechanism is the require/define calls.)\n CodeMirror.defineMode = function(name/*, mode, …*/) {\n if (!CodeMirror.defaults.mode && name != \"null\") { CodeMirror.defaults.mode = name; }\n defineMode.apply(this, arguments);\n };\n\n CodeMirror.defineMIME = defineMIME;\n\n // Minimal default mode.\n CodeMirror.defineMode(\"null\", function () { return ({token: function (stream) { return stream.skipToEnd(); }}); });\n CodeMirror.defineMIME(\"text/plain\", \"null\");\n\n // EXTENSIONS\n\n CodeMirror.defineExtension = function (name, func) {\n CodeMirror.prototype[name] = func;\n };\n CodeMirror.defineDocExtension = function (name, func) {\n Doc.prototype[name] = func;\n };\n\n CodeMirror.fromTextArea = fromTextArea;\n\n addLegacyProps(CodeMirror);\n\n CodeMirror.version = \"5.48.0\";\n\n return CodeMirror;\n\n})));\n"
},
{
"path": "libs/codemirror/diff.js",
"content": "// CodeMirror, copyright (c) by Marijn Haverbeke and others\n// Distributed under an MIT license: https://codemirror.net/LICENSE\n\n(function(mod) {\n if (typeof exports == \"object\" && typeof module == \"object\") // CommonJS\n mod(require(\"../../lib/codemirror\"));\n else if (typeof define == \"function\" && define.amd) // AMD\n define([\"../../lib/codemirror\"], mod);\n else // Plain browser env\n mod(CodeMirror);\n})(function(CodeMirror) {\n\"use strict\";\n\nCodeMirror.defineMode(\"diff\", function() {\n\n var TOKEN_NAMES = {\n '+': 'positive',\n '-': 'negative',\n '@': 'meta'\n };\n\n return {\n token: function(stream) {\n var tw_pos = stream.string.search(/[\\t ]+?$/);\n\n if (!stream.sol() || tw_pos === 0) {\n stream.skipToEnd();\n return (\"error \" + (\n TOKEN_NAMES[stream.string.charAt(0)] || '')).replace(/ $/, '');\n }\n\n var token_name = TOKEN_NAMES[stream.peek()] || stream.skipToEnd();\n\n if (tw_pos === -1) {\n stream.skipToEnd();\n } else {\n stream.pos = tw_pos;\n }\n\n return token_name;\n }\n };\n});\n\nCodeMirror.defineMIME(\"text/x-diff\", \"diff\");\n\n});\n"
},
{
"path": "libs/codemirror/django.js",
"content": "// CodeMirror, copyright (c) by Marijn Haverbeke and others\n// Distributed under an MIT license: https://codemirror.net/LICENSE\n\n(function(mod) {\n if (typeof exports == \"object\" && typeof module == \"object\") // CommonJS\n mod(require(\"../../lib/codemirror\"), require(\"../htmlmixed/htmlmixed\"),\n require(\"../../addon/mode/overlay\"));\n else if (typeof define == \"function\" && define.amd) // AMD\n define([\"../../lib/codemirror\", \"../htmlmixed/htmlmixed\",\n \"../../addon/mode/overlay\"], mod);\n else // Plain browser env\n mod(CodeMirror);\n})(function(CodeMirror) {\n \"use strict\";\n\n CodeMirror.defineMode(\"django:inner\", function() {\n var keywords = [\"block\", \"endblock\", \"for\", \"endfor\", \"true\", \"false\", \"filter\", \"endfilter\",\n \"loop\", \"none\", \"self\", \"super\", \"if\", \"elif\", \"endif\", \"as\", \"else\", \"import\",\n \"with\", \"endwith\", \"without\", \"context\", \"ifequal\", \"endifequal\", \"ifnotequal\",\n \"endifnotequal\", \"extends\", \"include\", \"load\", \"comment\", \"endcomment\",\n \"empty\", \"url\", \"static\", \"trans\", \"blocktrans\", \"endblocktrans\", \"now\",\n \"regroup\", \"lorem\", \"ifchanged\", \"endifchanged\", \"firstof\", \"debug\", \"cycle\",\n \"csrf_token\", \"autoescape\", \"endautoescape\", \"spaceless\", \"endspaceless\",\n \"ssi\", \"templatetag\", \"verbatim\", \"endverbatim\", \"widthratio\"],\n filters = [\"add\", \"addslashes\", \"capfirst\", \"center\", \"cut\", \"date\",\n \"default\", \"default_if_none\", \"dictsort\",\n \"dictsortreversed\", \"divisibleby\", \"escape\", \"escapejs\",\n \"filesizeformat\", \"first\", \"floatformat\", \"force_escape\",\n \"get_digit\", \"iriencode\", \"join\", \"last\", \"length\",\n \"length_is\", \"linebreaks\", \"linebreaksbr\", \"linenumbers\",\n \"ljust\", \"lower\", \"make_list\", \"phone2numeric\", \"pluralize\",\n \"pprint\", \"random\", \"removetags\", \"rjust\", \"safe\",\n \"safeseq\", \"slice\", \"slugify\", \"stringformat\", \"striptags\",\n \"time\", \"timesince\", \"timeuntil\", \"title\", \"truncatechars\",\n \"truncatechars_html\", \"truncatewords\", \"truncatewords_html\",\n \"unordered_list\", \"upper\", \"urlencode\", \"urlize\",\n \"urlizetrunc\", \"wordcount\", \"wordwrap\", \"yesno\"],\n operators = [\"==\", \"!=\", \"<\", \">\", \"<=\", \">=\"],\n wordOperators = [\"in\", \"not\", \"or\", \"and\"];\n\n keywords = new RegExp(\"^\\\\b(\" + keywords.join(\"|\") + \")\\\\b\");\n filters = new RegExp(\"^\\\\b(\" + filters.join(\"|\") + \")\\\\b\");\n operators = new RegExp(\"^\\\\b(\" + operators.join(\"|\") + \")\\\\b\");\n wordOperators = new RegExp(\"^\\\\b(\" + wordOperators.join(\"|\") + \")\\\\b\");\n\n // We have to return \"null\" instead of null, in order to avoid string\n // styling as the default, when using Django templates inside HTML\n // element attributes\n function tokenBase (stream, state) {\n // Attempt to identify a variable, template or comment tag respectively\n if (stream.match(\"{{\")) {\n state.tokenize = inVariable;\n return \"tag\";\n } else if (stream.match(\"{%\")) {\n state.tokenize = inTag;\n return \"tag\";\n } else if (stream.match(\"{#\")) {\n state.tokenize = inComment;\n return \"comment\";\n }\n\n // Ignore completely any stream series that do not match the\n // Django template opening tags.\n while (stream.next() != null && !stream.match(/\\{[{%#]/, false)) {}\n return null;\n }\n\n // A string can be included in either single or double quotes (this is\n // the delimiter). Mark everything as a string until the start delimiter\n // occurs again.\n function inString (delimiter, previousTokenizer) {\n return function (stream, state) {\n if (!state.escapeNext && stream.eat(delimiter)) {\n state.tokenize = previousTokenizer;\n } else {\n if (state.escapeNext) {\n state.escapeNext = false;\n }\n\n var ch = stream.next();\n\n // Take into account the backslash for escaping characters, such as\n // the string delimiter.\n if (ch == \"\\\\\") {\n state.escapeNext = true;\n }\n }\n\n return \"string\";\n };\n }\n\n // Apply Django template variable syntax highlighting\n function inVariable (stream, state) {\n // Attempt to match a dot that precedes a property\n if (state.waitDot) {\n state.waitDot = false;\n\n if (stream.peek() != \".\") {\n return \"null\";\n }\n\n // Dot followed by a non-word character should be considered an error.\n if (stream.match(/\\.\\W+/)) {\n return \"error\";\n } else if (stream.eat(\".\")) {\n state.waitProperty = true;\n return \"null\";\n } else {\n throw Error (\"Unexpected error while waiting for property.\");\n }\n }\n\n // Attempt to match a pipe that precedes a filter\n if (state.waitPipe) {\n state.waitPipe = false;\n\n if (stream.peek() != \"|\") {\n return \"null\";\n }\n\n // Pipe followed by a non-word character should be considered an error.\n if (stream.match(/\\.\\W+/)) {\n return \"error\";\n } else if (stream.eat(\"|\")) {\n state.waitFilter = true;\n return \"null\";\n } else {\n throw Error (\"Unexpected error while waiting for filter.\");\n }\n }\n\n // Highlight properties\n if (state.waitProperty) {\n state.waitProperty = false;\n if (stream.match(/\\b(\\w+)\\b/)) {\n state.waitDot = true; // A property can be followed by another property\n state.waitPipe = true; // A property can be followed by a filter\n return \"property\";\n }\n }\n\n // Highlight filters\n if (state.waitFilter) {\n state.waitFilter = false;\n if (stream.match(filters)) {\n return \"variable-2\";\n }\n }\n\n // Ignore all white spaces\n if (stream.eatSpace()) {\n state.waitProperty = false;\n return \"null\";\n }\n\n // Identify numbers\n if (stream.match(/\\b\\d+(\\.\\d+)?\\b/)) {\n return \"number\";\n }\n\n // Identify strings\n if (stream.match(\"'\")) {\n state.tokenize = inString(\"'\", state.tokenize);\n return \"string\";\n } else if (stream.match('\"')) {\n state.tokenize = inString('\"', state.tokenize);\n return \"string\";\n }\n\n // Attempt to find the variable\n if (stream.match(/\\b(\\w+)\\b/) && !state.foundVariable) {\n state.waitDot = true;\n state.waitPipe = true; // A property can be followed by a filter\n return \"variable\";\n }\n\n // If found closing tag reset\n if (stream.match(\"}}\")) {\n state.waitProperty = null;\n state.waitFilter = null;\n state.waitDot = null;\n state.waitPipe = null;\n state.tokenize = tokenBase;\n return \"tag\";\n }\n\n // If nothing was found, advance to the next character\n stream.next();\n return \"null\";\n }\n\n function inTag (stream, state) {\n // Attempt to match a dot that precedes a property\n if (state.waitDot) {\n state.waitDot = false;\n\n if (stream.peek() != \".\") {\n return \"null\";\n }\n\n // Dot followed by a non-word character should be considered an error.\n if (stream.match(/\\.\\W+/)) {\n return \"error\";\n } else if (stream.eat(\".\")) {\n state.waitProperty = true;\n return \"null\";\n } else {\n throw Error (\"Unexpected error while waiting for property.\");\n }\n }\n\n // Attempt to match a pipe that precedes a filter\n if (state.waitPipe) {\n state.waitPipe = false;\n\n if (stream.peek() != \"|\") {\n return \"null\";\n }\n\n // Pipe followed by a non-word character should be considered an error.\n if (stream.match(/\\.\\W+/)) {\n return \"error\";\n } else if (stream.eat(\"|\")) {\n state.waitFilter = true;\n return \"null\";\n } else {\n throw Error (\"Unexpected error while waiting for filter.\");\n }\n }\n\n // Highlight properties\n if (state.waitProperty) {\n state.waitProperty = false;\n if (stream.match(/\\b(\\w+)\\b/)) {\n state.waitDot = true; // A property can be followed by another property\n state.waitPipe = true; // A property can be followed by a filter\n return \"property\";\n }\n }\n\n // Highlight filters\n if (state.waitFilter) {\n state.waitFilter = false;\n if (stream.match(filters)) {\n return \"variable-2\";\n }\n }\n\n // Ignore all white spaces\n if (stream.eatSpace()) {\n state.waitProperty = false;\n return \"null\";\n }\n\n // Identify numbers\n if (stream.match(/\\b\\d+(\\.\\d+)?\\b/)) {\n return \"number\";\n }\n\n // Identify strings\n if (stream.match(\"'\")) {\n state.tokenize = inString(\"'\", state.tokenize);\n return \"string\";\n } else if (stream.match('\"')) {\n state.tokenize = inString('\"', state.tokenize);\n return \"string\";\n }\n\n // Attempt to match an operator\n if (stream.match(operators)) {\n return \"operator\";\n }\n\n // Attempt to match a word operator\n if (stream.match(wordOperators)) {\n return \"keyword\";\n }\n\n // Attempt to match a keyword\n var keywordMatch = stream.match(keywords);\n if (keywordMatch) {\n if (keywordMatch[0] == \"comment\") {\n state.blockCommentTag = true;\n }\n return \"keyword\";\n }\n\n // Attempt to match a variable\n if (stream.match(/\\b(\\w+)\\b/)) {\n state.waitDot = true;\n state.waitPipe = true; // A property can be followed by a filter\n return \"variable\";\n }\n\n // If found closing tag reset\n if (stream.match(\"%}\")) {\n state.waitProperty = null;\n state.waitFilter = null;\n state.waitDot = null;\n state.waitPipe = null;\n // If the tag that closes is a block comment tag, we want to mark the\n // following code as comment, until the tag closes.\n if (state.blockCommentTag) {\n state.blockCommentTag = false; // Release the \"lock\"\n state.tokenize = inBlockComment;\n } else {\n state.tokenize = tokenBase;\n }\n return \"tag\";\n }\n\n // If nothing was found, advance to the next character\n stream.next();\n return \"null\";\n }\n\n // Mark everything as comment inside the tag and the tag itself.\n function inComment (stream, state) {\n if (stream.match(/^.*?#\\}/)) state.tokenize = tokenBase\n else stream.skipToEnd()\n return \"comment\";\n }\n\n // Mark everything as a comment until the `blockcomment` tag closes.\n function inBlockComment (stream, state) {\n if (stream.match(/\\{%\\s*endcomment\\s*%\\}/, false)) {\n state.tokenize = inTag;\n stream.match(\"{%\");\n return \"tag\";\n } else {\n stream.next();\n return \"comment\";\n }\n }\n\n return {\n startState: function () {\n return {tokenize: tokenBase};\n },\n token: function (stream, state) {\n return state.tokenize(stream, state);\n },\n blockCommentStart: \"{% comment %}\",\n blockCommentEnd: \"{% endcomment %}\"\n };\n });\n\n CodeMirror.defineMode(\"django\", function(config) {\n var htmlBase = CodeMirror.getMode(config, \"text/html\");\n var djangoInner = CodeMirror.getMode(config, \"django:inner\");\n return CodeMirror.overlayMode(htmlBase, djangoInner);\n });\n\n CodeMirror.defineMIME(\"text/x-django\", \"django\");\n});\n"
},
{
"path": "libs/codemirror/foldcode.js",
"content": "// CodeMirror, copyright (c) by Marijn Haverbeke and others\n// Distributed under an MIT license: https://codemirror.net/LICENSE\n\n(function(mod) {\n if (typeof exports == \"object\" && typeof module == \"object\") // CommonJS\n mod(require(\"../../lib/codemirror\"));\n else if (typeof define == \"function\" && define.amd) // AMD\n define([\"../../lib/codemirror\"], mod);\n else // Plain browser env\n mod(CodeMirror);\n})(function(CodeMirror) {\n \"use strict\";\n\n function doFold(cm, pos, options, force) {\n if (options && options.call) {\n var finder = options;\n options = null;\n } else {\n var finder = getOption(cm, options, \"rangeFinder\");\n }\n if (typeof pos == \"number\") pos = CodeMirror.Pos(pos, 0);\n var minSize = getOption(cm, options, \"minFoldSize\");\n\n function getRange(allowFolded) {\n var range = finder(cm, pos);\n if (!range || range.to.line - range.from.line < minSize) return null;\n var marks = cm.findMarksAt(range.from);\n for (var i = 0; i < marks.length; ++i) {\n if (marks[i].__isFold && force !== \"fold\") {\n if (!allowFolded) return null;\n range.cleared = true;\n marks[i].clear();\n }\n }\n return range;\n }\n\n var range = getRange(true);\n if (getOption(cm, options, \"scanUp\")) while (!range && pos.line > cm.firstLine()) {\n pos = CodeMirror.Pos(pos.line - 1, 0);\n range = getRange(false);\n }\n if (!range || range.cleared || force === \"unfold\") return;\n\n var myWidget = makeWidget(cm, options);\n CodeMirror.on(myWidget, \"mousedown\", function(e) {\n myRange.clear();\n CodeMirror.e_preventDefault(e);\n });\n var myRange = cm.markText(range.from, range.to, {\n replacedWith: myWidget,\n clearOnEnter: getOption(cm, options, \"clearOnEnter\"),\n __isFold: true\n });\n myRange.on(\"clear\", function(from, to) {\n CodeMirror.signal(cm, \"unfold\", cm, from, to);\n });\n CodeMirror.signal(cm, \"fold\", cm, range.from, range.to);\n }\n\n function makeWidget(cm, options) {\n var widget = getOption(cm, options, \"widget\");\n if (typeof widget == \"string\") {\n var text = document.createTextNode(widget);\n widget = document.createElement(\"span\");\n widget.appendChild(text);\n widget.className = \"CodeMirror-foldmarker\";\n } else if (widget) {\n widget = widget.cloneNode(true)\n }\n return widget;\n }\n\n // Clumsy backwards-compatible interface\n CodeMirror.newFoldFunction = function(rangeFinder, widget) {\n return function(cm, pos) { doFold(cm, pos, {rangeFinder: rangeFinder, widget: widget}); };\n };\n\n // New-style interface\n CodeMirror.defineExtension(\"foldCode\", function(pos, options, force) {\n doFold(this, pos, options, force);\n });\n\n CodeMirror.defineExtension(\"isFolded\", function(pos) {\n var marks = this.findMarksAt(pos);\n for (var i = 0; i < marks.length; ++i)\n if (marks[i].__isFold) return true;\n });\n\n CodeMirror.commands.toggleFold = function(cm) {\n cm.foldCode(cm.getCursor());\n };\n CodeMirror.commands.fold = function(cm) {\n cm.foldCode(cm.getCursor(), null, \"fold\");\n };\n CodeMirror.commands.unfold = function(cm) {\n cm.foldCode(cm.getCursor(), null, \"unfold\");\n };\n CodeMirror.commands.foldAll = function(cm) {\n cm.operation(function() {\n for (var i = cm.firstLine(), e = cm.lastLine(); i <= e; i++)\n cm.foldCode(CodeMirror.Pos(i, 0), null, \"fold\");\n });\n };\n CodeMirror.commands.unfoldAll = function(cm) {\n cm.operation(function() {\n for (var i = cm.firstLine(), e = cm.lastLine(); i <= e; i++)\n cm.foldCode(CodeMirror.Pos(i, 0), null, \"unfold\");\n });\n };\n\n CodeMirror.registerHelper(\"fold\", \"combine\", function() {\n var funcs = Array.prototype.slice.call(arguments, 0);\n return function(cm, start) {\n for (var i = 0; i < funcs.length; ++i) {\n var found = funcs[i](cm, start);\n if (found) return found;\n }\n };\n });\n\n CodeMirror.registerHelper(\"fold\", \"auto\", function(cm, start) {\n var helpers = cm.getHelpers(start, \"fold\");\n for (var i = 0; i < helpers.length; i++) {\n var cur = helpers[i](cm, start);\n if (cur) return cur;\n }\n });\n\n var defaultOptions = {\n rangeFinder: CodeMirror.fold.auto,\n widget: \"\\u2194\",\n minFoldSize: 0,\n scanUp: false,\n clearOnEnter: true\n };\n\n CodeMirror.defineOption(\"foldOptions\", null);\n\n function getOption(cm, options, name) {\n if (options && options[name] !== undefined)\n return options[name];\n var editorOptions = cm.options.foldOptions;\n if (editorOptions && editorOptions[name] !== undefined)\n return editorOptions[name];\n return defaultOptions[name];\n }\n\n CodeMirror.defineExtension(\"foldOption\", function(options, name) {\n return getOption(this, options, name);\n });\n});\n"
},
{
"path": "libs/codemirror/foldgutter.js",
"content": "// CodeMirror, copyright (c) by Marijn Haverbeke and others\n// Distributed under an MIT license: https://codemirror.net/LICENSE\n\n(function(mod) {\n if (typeof exports == \"object\" && typeof module == \"object\") // CommonJS\n mod(require(\"../../lib/codemirror\"), require(\"./foldcode\"));\n else if (typeof define == \"function\" && define.amd) // AMD\n define([\"../../lib/codemirror\", \"./foldcode\"], mod);\n else // Plain browser env\n mod(CodeMirror);\n})(function(CodeMirror) {\n \"use strict\";\n\n CodeMirror.defineOption(\"foldGutter\", false, function(cm, val, old) {\n if (old && old != CodeMirror.Init) {\n cm.clearGutter(cm.state.foldGutter.options.gutter);\n cm.state.foldGutter = null;\n cm.off(\"gutterClick\", onGutterClick);\n cm.off(\"change\", onChange);\n cm.off(\"viewportChange\", onViewportChange);\n cm.off(\"fold\", onFold);\n cm.off(\"unfold\", onFold);\n cm.off(\"swapDoc\", onChange);\n }\n if (val) {\n cm.state.foldGutter = new State(parseOptions(val));\n updateInViewport(cm);\n cm.on(\"gutterClick\", onGutterClick);\n cm.on(\"change\", onChange);\n cm.on(\"viewportChange\", onViewportChange);\n cm.on(\"fold\", onFold);\n cm.on(\"unfold\", onFold);\n cm.on(\"swapDoc\", onChange);\n }\n });\n\n var Pos = CodeMirror.Pos;\n\n function State(options) {\n this.options = options;\n this.from = this.to = 0;\n }\n\n function parseOptions(opts) {\n if (opts === true) opts = {};\n if (opts.gutter == null) opts.gutter = \"CodeMirror-foldgutter\";\n if (opts.indicatorOpen == null) opts.indicatorOpen = \"CodeMirror-foldgutter-open\";\n if (opts.indicatorFolded == null) opts.indicatorFolded = \"CodeMirror-foldgutter-folded\";\n return opts;\n }\n\n function isFolded(cm, line) {\n var marks = cm.findMarks(Pos(line, 0), Pos(line + 1, 0));\n for (var i = 0; i < marks.length; ++i)\n if (marks[i].__isFold && marks[i].find().from.line == line) return marks[i];\n }\n\n function marker(spec) {\n if (typeof spec == \"string\") {\n var elt = document.createElement(\"div\");\n elt.className = spec + \" CodeMirror-guttermarker-subtle\";\n return elt;\n } else {\n return spec.cloneNode(true);\n }\n }\n\n function updateFoldInfo(cm, from, to) {\n var opts = cm.state.foldGutter.options, cur = from;\n var minSize = cm.foldOption(opts, \"minFoldSize\");\n var func = cm.foldOption(opts, \"rangeFinder\");\n cm.eachLine(from, to, function(line) {\n var mark = null;\n if (isFolded(cm, cur)) {\n mark = marker(opts.indicatorFolded);\n } else {\n var pos = Pos(cur, 0);\n var range = func && func(cm, pos);\n if (range && range.to.line - range.from.line >= minSize)\n mark = marker(opts.indicatorOpen);\n }\n cm.setGutterMarker(line, opts.gutter, mark);\n ++cur;\n });\n }\n\n function updateInViewport(cm) {\n var vp = cm.getViewport(), state = cm.state.foldGutter;\n if (!state) return;\n cm.operation(function() {\n updateFoldInfo(cm, vp.from, vp.to);\n });\n state.from = vp.from; state.to = vp.to;\n }\n\n function onGutterClick(cm, line, gutter) {\n var state = cm.state.foldGutter;\n if (!state) return;\n var opts = state.options;\n if (gutter != opts.gutter) return;\n var folded = isFolded(cm, line);\n if (folded) folded.clear();\n else cm.foldCode(Pos(line, 0), opts.rangeFinder);\n }\n\n function onChange(cm) {\n var state = cm.state.foldGutter;\n if (!state) return;\n var opts = state.options;\n state.from = state.to = 0;\n clearTimeout(state.changeUpdate);\n state.changeUpdate = setTimeout(function() { updateInViewport(cm); }, opts.foldOnChangeTimeSpan || 600);\n }\n\n function onViewportChange(cm) {\n var state = cm.state.foldGutter;\n if (!state) return;\n var opts = state.options;\n clearTimeout(state.changeUpdate);\n state.changeUpdate = setTimeout(function() {\n var vp = cm.getViewport();\n if (state.from == state.to || vp.from - state.to > 20 || state.from - vp.to > 20) {\n updateInViewport(cm);\n } else {\n cm.operation(function() {\n if (vp.from < state.from) {\n updateFoldInfo(cm, vp.from, state.from);\n state.from = vp.from;\n }\n if (vp.to > state.to) {\n updateFoldInfo(cm, state.to, vp.to);\n state.to = vp.to;\n }\n });\n }\n }, opts.updateViewportTimeSpan || 400);\n }\n\n function onFold(cm, from) {\n var state = cm.state.foldGutter;\n if (!state) return;\n var line = from.line;\n if (line >= state.from && line < state.to)\n updateFoldInfo(cm, line, line + 1);\n }\n});\n"
},
{
"path": "libs/codemirror/fullscreen.css",
"content": ".CodeMirror-fullscreen {\n position: fixed;\n top: 0; left: 0; right: 0; bottom: 0;\n height: auto;\n z-index: 9;\n}\n"
},
{
"path": "libs/codemirror/fullscreen.js",
"content": "// CodeMirror, copyright (c) by Marijn Haverbeke and others\n// Distributed under an MIT license: https://codemirror.net/LICENSE\n\n(function(mod) {\n if (typeof exports == \"object\" && typeof module == \"object\") // CommonJS\n mod(require(\"../../lib/codemirror\"));\n else if (typeof define == \"function\" && define.amd) // AMD\n define([\"../../lib/codemirror\"], mod);\n else // Plain browser env\n mod(CodeMirror);\n})(function(CodeMirror) {\n \"use strict\";\n\n CodeMirror.defineOption(\"fullScreen\", false, function(cm, val, old) {\n if (old == CodeMirror.Init) old = false;\n if (!old == !val) return;\n if (val) setFullscreen(cm);\n else setNormal(cm);\n });\n\n function setFullscreen(cm) {\n var wrap = cm.getWrapperElement();\n cm.state.fullScreenRestore = {scrollTop: window.pageYOffset, scrollLeft: window.pageXOffset,\n width: wrap.style.width, height: wrap.style.height};\n wrap.style.width = \"\";\n wrap.style.height = \"auto\";\n wrap.className += \" CodeMirror-fullscreen\";\n document.documentElement.style.overflow = \"hidden\";\n cm.refresh();\n }\n\n function setNormal(cm) {\n var wrap = cm.getWrapperElement();\n wrap.className = wrap.className.replace(/\\s*CodeMirror-fullscreen\\b/, \"\");\n document.documentElement.style.overflow = \"\";\n var info = cm.state.fullScreenRestore;\n wrap.style.width = info.width; wrap.style.height = info.height;\n window.scrollTo(info.scrollLeft, info.scrollTop);\n cm.refresh();\n }\n});\n"
},
{
"path": "libs/codemirror/markdown.js",
"content": "// CodeMirror, copyright (c) by Marijn Haverbeke and others\n// Distributed under an MIT license: https://codemirror.net/LICENSE\n\n(function(mod) {\n if (typeof exports == \"object\" && typeof module == \"object\") // CommonJS\n mod(require(\"../../lib/codemirror\"), require(\"../xml/xml\"), require(\"../meta\"));\n else if (typeof define == \"function\" && define.amd) // AMD\n define([\"../../lib/codemirror\", \"../xml/xml\", \"../meta\"], mod);\n else // Plain browser env\n mod(CodeMirror);\n})(function(CodeMirror) {\n\"use strict\";\n\nCodeMirror.defineMode(\"markdown\", function(cmCfg, modeCfg) {\n\n var htmlMode = CodeMirror.getMode(cmCfg, \"text/html\");\n var htmlModeMissing = htmlMode.name == \"null\"\n\n function getMode(name) {\n if (CodeMirror.findModeByName) {\n var found = CodeMirror.findModeByName(name);\n if (found) name = found.mime || found.mimes[0];\n }\n var mode = CodeMirror.getMode(cmCfg, name);\n return mode.name == \"null\" ? null : mode;\n }\n\n // Should characters that affect highlighting be highlighted separate?\n // Does not include characters that will be output (such as `1.` and `-` for lists)\n if (modeCfg.highlightFormatting === undefined)\n modeCfg.highlightFormatting = false;\n\n // Maximum number of nested blockquotes. Set to 0 for infinite nesting.\n // Excess `>` will emit `error` token.\n if (modeCfg.maxBlockquoteDepth === undefined)\n modeCfg.maxBlockquoteDepth = 0;\n\n // Turn on task lists? (\"- [ ] \" and \"- [x] \")\n if (modeCfg.taskLists === undefined) modeCfg.taskLists = false;\n\n // Turn on strikethrough syntax\n if (modeCfg.strikethrough === undefined)\n modeCfg.strikethrough = false;\n\n if (modeCfg.emoji === undefined)\n modeCfg.emoji = false;\n\n if (modeCfg.fencedCodeBlockHighlighting === undefined)\n modeCfg.fencedCodeBlockHighlighting = true;\n\n if (modeCfg.xml === undefined)\n modeCfg.xml = true;\n\n // Allow token types to be overridden by user-provided token types.\n if (modeCfg.tokenTypeOverrides === undefined)\n modeCfg.tokenTypeOverrides = {};\n\n var tokenTypes = {\n header: \"header\",\n code: \"comment\",\n quote: \"quote\",\n list1: \"variable-2\",\n list2: \"variable-3\",\n list3: \"keyword\",\n hr: \"hr\",\n image: \"image\",\n imageAltText: \"image-alt-text\",\n imageMarker: \"image-marker\",\n formatting: \"formatting\",\n linkInline: \"link\",\n linkEmail: \"link\",\n linkText: \"link\",\n linkHref: \"string\",\n em: \"em\",\n strong: \"strong\",\n strikethrough: \"strikethrough\",\n emoji: \"builtin\"\n };\n\n for (var tokenType in tokenTypes) {\n if (tokenTypes.hasOwnProperty(tokenType) && modeCfg.tokenTypeOverrides[tokenType]) {\n tokenTypes[tokenType] = modeCfg.tokenTypeOverrides[tokenType];\n }\n }\n\n var hrRE = /^([*\\-_])(?:\\s*\\1){2,}\\s*$/\n , listRE = /^(?:[*\\-+]|^[0-9]+([.)]))\\s+/\n , taskListRE = /^\\[(x| )\\](?=\\s)/i // Must follow listRE\n , atxHeaderRE = modeCfg.allowAtxHeaderWithoutSpace ? /^(#+)/ : /^(#+)(?: |$)/\n , setextHeaderRE = /^ *(?:\\={1,}|-{1,})\\s*$/\n , textRE = /^[^#!\\[\\]*_\\\\<>` \"'(~:]+/\n , fencedCodeRE = /^(~~~+|```+)[ \\t]*([\\w+#-]*)[^\\n`]*$/\n , linkDefRE = /^\\s*\\[[^\\]]+?\\]:.*$/ // naive link-definition\n , punctuation = /[!\"#$%&'()*+,\\-.\\/:;<=>?@\\[\\\\\\]^_`{|}~\\xA1\\xA7\\xAB\\xB6\\xB7\\xBB\\xBF\\u037E\\u0387\\u055A-\\u055F\\u0589\\u058A\\u05BE\\u05C0\\u05C3\\u05C6\\u05F3\\u05F4\\u0609\\u060A\\u060C\\u060D\\u061B\\u061E\\u061F\\u066A-\\u066D\\u06D4\\u0700-\\u070D\\u07F7-\\u07F9\\u0830-\\u083E\\u085E\\u0964\\u0965\\u0970\\u0AF0\\u0DF4\\u0E4F\\u0E5A\\u0E5B\\u0F04-\\u0F12\\u0F14\\u0F3A-\\u0F3D\\u0F85\\u0FD0-\\u0FD4\\u0FD9\\u0FDA\\u104A-\\u104F\\u10FB\\u1360-\\u1368\\u1400\\u166D\\u166E\\u169B\\u169C\\u16EB-\\u16ED\\u1735\\u1736\\u17D4-\\u17D6\\u17D8-\\u17DA\\u1800-\\u180A\\u1944\\u1945\\u1A1E\\u1A1F\\u1AA0-\\u1AA6\\u1AA8-\\u1AAD\\u1B5A-\\u1B60\\u1BFC-\\u1BFF\\u1C3B-\\u1C3F\\u1C7E\\u1C7F\\u1CC0-\\u1CC7\\u1CD3\\u2010-\\u2027\\u2030-\\u2043\\u2045-\\u2051\\u2053-\\u205E\\u207D\\u207E\\u208D\\u208E\\u2308-\\u230B\\u2329\\u232A\\u2768-\\u2775\\u27C5\\u27C6\\u27E6-\\u27EF\\u2983-\\u2998\\u29D8-\\u29DB\\u29FC\\u29FD\\u2CF9-\\u2CFC\\u2CFE\\u2CFF\\u2D70\\u2E00-\\u2E2E\\u2E30-\\u2E42\\u3001-\\u3003\\u3008-\\u3011\\u3014-\\u301F\\u3030\\u303D\\u30A0\\u30FB\\uA4FE\\uA4FF\\uA60D-\\uA60F\\uA673\\uA67E\\uA6F2-\\uA6F7\\uA874-\\uA877\\uA8CE\\uA8CF\\uA8F8-\\uA8FA\\uA8FC\\uA92E\\uA92F\\uA95F\\uA9C1-\\uA9CD\\uA9DE\\uA9DF\\uAA5C-\\uAA5F\\uAADE\\uAADF\\uAAF0\\uAAF1\\uABEB\\uFD3E\\uFD3F\\uFE10-\\uFE19\\uFE30-\\uFE52\\uFE54-\\uFE61\\uFE63\\uFE68\\uFE6A\\uFE6B\\uFF01-\\uFF03\\uFF05-\\uFF0A\\uFF0C-\\uFF0F\\uFF1A\\uFF1B\\uFF1F\\uFF20\\uFF3B-\\uFF3D\\uFF3F\\uFF5B\\uFF5D\\uFF5F-\\uFF65]|\\uD800[\\uDD00-\\uDD02\\uDF9F\\uDFD0]|\\uD801\\uDD6F|\\uD802[\\uDC57\\uDD1F\\uDD3F\\uDE50-\\uDE58\\uDE7F\\uDEF0-\\uDEF6\\uDF39-\\uDF3F\\uDF99-\\uDF9C]|\\uD804[\\uDC47-\\uDC4D\\uDCBB\\uDCBC\\uDCBE-\\uDCC1\\uDD40-\\uDD43\\uDD74\\uDD75\\uDDC5-\\uDDC9\\uDDCD\\uDDDB\\uDDDD-\\uDDDF\\uDE38-\\uDE3D\\uDEA9]|\\uD805[\\uDCC6\\uDDC1-\\uDDD7\\uDE41-\\uDE43\\uDF3C-\\uDF3E]|\\uD809[\\uDC70-\\uDC74]|\\uD81A[\\uDE6E\\uDE6F\\uDEF5\\uDF37-\\uDF3B\\uDF44]|\\uD82F\\uDC9F|\\uD836[\\uDE87-\\uDE8B]/\n , expandedTab = \" \" // CommonMark specifies tab as 4 spaces\n\n function switchInline(stream, state, f) {\n state.f = state.inline = f;\n return f(stream, state);\n }\n\n function switchBlock(stream, state, f) {\n state.f = state.block = f;\n return f(stream, state);\n }\n\n function lineIsEmpty(line) {\n return !line || !/\\S/.test(line.string)\n }\n\n // Blocks\n\n function blankLine(state) {\n // Reset linkTitle state\n state.linkTitle = false;\n state.linkHref = false;\n state.linkText = false;\n // Reset EM state\n state.em = false;\n // Reset STRONG state\n state.strong = false;\n // Reset strikethrough state\n state.strikethrough = false;\n // Reset state.quote\n state.quote = 0;\n // Reset state.indentedCode\n state.indentedCode = false;\n if (state.f == htmlBlock) {\n var exit = htmlModeMissing\n if (!exit) {\n var inner = CodeMirror.innerMode(htmlMode, state.htmlState)\n exit = inner.mode.name == \"xml\" && inner.state.tagStart === null &&\n (!inner.state.context && inner.state.tokenize.isInText)\n }\n if (exit) {\n state.f = inlineNormal;\n state.block = blockNormal;\n state.htmlState = null;\n }\n }\n // Reset state.trailingSpace\n state.trailingSpace = 0;\n state.trailingSpaceNewLine = false;\n // Mark this line as blank\n state.prevLine = state.thisLine\n state.thisLine = {stream: null}\n return null;\n }\n\n function blockNormal(stream, state) {\n var firstTokenOnLine = stream.column() === state.indentation;\n var prevLineLineIsEmpty = lineIsEmpty(state.prevLine.stream);\n var prevLineIsIndentedCode = state.indentedCode;\n var prevLineIsHr = state.prevLine.hr;\n var prevLineIsList = state.list !== false;\n var maxNonCodeIndentation = (state.listStack[state.listStack.length - 1] || 0) + 3;\n\n state.indentedCode = false;\n\n var lineIndentation = state.indentation;\n // compute once per line (on first token)\n if (state.indentationDiff === null) {\n state.indentationDiff = state.indentation;\n if (prevLineIsList) {\n // Reset inline styles which shouldn't propagate aross list items\n state.em = false;\n state.strong = false;\n state.code = false;\n state.strikethrough = false;\n\n state.list = null;\n // While this list item's marker's indentation is less than the deepest\n // list item's content's indentation,pop the deepest list item\n // indentation off the stack, and update block indentation state\n while (lineIndentation < state.listStack[state.listStack.length - 1]) {\n state.listStack.pop();\n if (state.listStack.length) {\n state.indentation = state.listStack[state.listStack.length - 1];\n // less than the first list's indent -> the line is no longer a list\n } else {\n state.list = false;\n }\n }\n if (state.list !== false) {\n state.indentationDiff = lineIndentation - state.listStack[state.listStack.length - 1]\n }\n }\n }\n\n // not comprehensive (currently only for setext detection purposes)\n var allowsInlineContinuation = (\n !prevLineLineIsEmpty && !prevLineIsHr && !state.prevLine.header &&\n (!prevLineIsList || !prevLineIsIndentedCode) &&\n !state.prevLine.fencedCodeEnd\n );\n\n var isHr = (state.list === false || prevLineIsHr || prevLineLineIsEmpty) &&\n state.indentation <= maxNonCodeIndentation && stream.match(hrRE);\n\n var match = null;\n if (state.indentationDiff >= 4 && (prevLineIsIndentedCode || state.prevLine.fencedCodeEnd ||\n state.prevLine.header || prevLineLineIsEmpty)) {\n stream.skipToEnd();\n state.indentedCode = true;\n return tokenTypes.code;\n } else if (stream.eatSpace()) {\n return null;\n } else if (firstTokenOnLine && state.indentation <= maxNonCodeIndentation && (match = stream.match(atxHeaderRE)) && match[1].length <= 6) {\n state.quote = 0;\n state.header = match[1].length;\n state.thisLine.header = true;\n if (modeCfg.highlightFormatting) state.formatting = \"header\";\n state.f = state.inline;\n return getType(state);\n } else if (state.indentation <= maxNonCodeIndentation && stream.eat('>')) {\n state.quote = firstTokenOnLine ? 1 : state.quote + 1;\n if (modeCfg.highlightFormatting) state.formatting = \"quote\";\n stream.eatSpace();\n return getType(state);\n } else if (!isHr && !state.setext && firstTokenOnLine && state.indentation <= maxNonCodeIndentation && (match = stream.match(listRE))) {\n var listType = match[1] ? \"ol\" : \"ul\";\n\n state.indentation = lineIndentation + stream.current().length;\n state.list = true;\n state.quote = 0;\n\n // Add this list item's content's indentation to the stack\n state.listStack.push(state.indentation);\n\n if (modeCfg.taskLists && stream.match(taskListRE, false)) {\n state.taskList = true;\n }\n state.f = state.inline;\n if (modeCfg.highlightFormatting) state.formatting = [\"list\", \"list-\" + listType];\n return getType(state);\n } else if (firstTokenOnLine && state.indentation <= maxNonCodeIndentation && (match = stream.match(fencedCodeRE, true))) {\n state.quote = 0;\n state.fencedEndRE = new RegExp(match[1] + \"+ *$\");\n // try switching mode\n state.localMode = modeCfg.fencedCodeBlockHighlighting && getMode(match[2]);\n if (state.localMode) state.localState = CodeMirror.startState(state.localMode);\n state.f = state.block = local;\n if (modeCfg.highlightFormatting) state.formatting = \"code-block\";\n state.code = -1\n return getType(state);\n // SETEXT has lowest block-scope precedence after HR, so check it after\n // the others (code, blockquote, list...)\n } else if (\n // if setext set, indicates line after ---/===\n state.setext || (\n // line before ---/===\n (!allowsInlineContinuation || !prevLineIsList) && !state.quote && state.list === false &&\n !state.code && !isHr && !linkDefRE.test(stream.string) &&\n (match = stream.lookAhead(1)) && (match = match.match(setextHeaderRE))\n )\n ) {\n if ( !state.setext ) {\n state.header = match[0].charAt(0) == '=' ? 1 : 2;\n state.setext = state.header;\n } else {\n state.header = state.setext;\n // has no effect on type so we can reset it now\n state.setext = 0;\n stream.skipToEnd();\n if (modeCfg.highlightFormatting) state.formatting = \"header\";\n }\n state.thisLine.header = true;\n state.f = state.inline;\n return getType(state);\n } else if (isHr) {\n stream.skipToEnd();\n state.hr = true;\n state.thisLine.hr = true;\n return tokenTypes.hr;\n } else if (stream.peek() === '[') {\n return switchInline(stream, state, footnoteLink);\n }\n\n return switchInline(stream, state, state.inline);\n }\n\n function htmlBlock(stream, state) {\n var style = htmlMode.token(stream, state.htmlState);\n if (!htmlModeMissing) {\n var inner = CodeMirror.innerMode(htmlMode, state.htmlState)\n if ((inner.mode.name == \"xml\" && inner.state.tagStart === null &&\n (!inner.state.context && inner.state.tokenize.isInText)) ||\n (state.md_inside && stream.current().indexOf(\">\") > -1)) {\n state.f = inlineNormal;\n state.block = blockNormal;\n state.htmlState = null;\n }\n }\n return style;\n }\n\n function local(stream, state) {\n var currListInd = state.listStack[state.listStack.length - 1] || 0;\n var hasExitedList = state.indentation < currListInd;\n var maxFencedEndInd = currListInd + 3;\n if (state.fencedEndRE && state.indentation <= maxFencedEndInd && (hasExitedList || stream.match(state.fencedEndRE))) {\n if (modeCfg.highlightFormatting) state.formatting = \"code-block\";\n var returnType;\n if (!hasExitedList) returnType = getType(state)\n state.localMode = state.localState = null;\n state.block = blockNormal;\n state.f = inlineNormal;\n state.fencedEndRE = null;\n state.code = 0\n state.thisLine.fencedCodeEnd = true;\n if (hasExitedList) return switchBlock(stream, state, state.block);\n return returnType;\n } else if (state.localMode) {\n return state.localMode.token(stream, state.localState);\n } else {\n stream.skipToEnd();\n return tokenTypes.code;\n }\n }\n\n // Inline\n function getType(state) {\n var styles = [];\n\n if (state.formatting) {\n styles.push(tokenTypes.formatting);\n\n if (typeof state.formatting === \"string\") state.formatting = [state.formatting];\n\n for (var i = 0; i < state.formatting.length; i++) {\n styles.push(tokenTypes.formatting + \"-\" + state.formatting[i]);\n\n if (state.formatting[i] === \"header\") {\n styles.push(tokenTypes.formatting + \"-\" + state.formatting[i] + \"-\" + state.header);\n }\n\n // Add `formatting-quote` and `formatting-quote-#` for blockquotes\n // Add `error` instead if the maximum blockquote nesting depth is passed\n if (state.formatting[i] === \"quote\") {\n if (!modeCfg.maxBlockquoteDepth || modeCfg.maxBlockquoteDepth >= state.quote) {\n styles.push(tokenTypes.formatting + \"-\" + state.formatting[i] + \"-\" + state.quote);\n } else {\n styles.push(\"error\");\n }\n }\n }\n }\n\n if (state.taskOpen) {\n styles.push(\"meta\");\n return styles.length ? styles.join(' ') : null;\n }\n if (state.taskClosed) {\n styles.push(\"property\");\n return styles.length ? styles.join(' ') : null;\n }\n\n if (state.linkHref) {\n styles.push(tokenTypes.linkHref, \"url\");\n } else { // Only apply inline styles to non-url text\n if (state.strong) { styles.push(tokenTypes.strong); }\n if (state.em) { styles.push(tokenTypes.em); }\n if (state.strikethrough) { styles.push(tokenTypes.strikethrough); }\n if (state.emoji) { styles.push(tokenTypes.emoji); }\n if (state.linkText) { styles.push(tokenTypes.linkText); }\n if (state.code) { styles.push(tokenTypes.code); }\n if (state.image) { styles.push(tokenTypes.image); }\n if (state.imageAltText) { styles.push(tokenTypes.imageAltText, \"link\"); }\n if (state.imageMarker) { styles.push(tokenTypes.imageMarker); }\n }\n\n if (state.header) { styles.push(tokenTypes.header, tokenTypes.header + \"-\" + state.header); }\n\n if (state.quote) {\n styles.push(tokenTypes.quote);\n\n // Add `quote-#` where the maximum for `#` is modeCfg.maxBlockquoteDepth\n if (!modeCfg.maxBlockquoteDepth || modeCfg.maxBlockquoteDepth >= state.quote) {\n styles.push(tokenTypes.quote + \"-\" + state.quote);\n } else {\n styles.push(tokenTypes.quote + \"-\" + modeCfg.maxBlockquoteDepth);\n }\n }\n\n if (state.list !== false) {\n var listMod = (state.listStack.length - 1) % 3;\n if (!listMod) {\n styles.push(tokenTypes.list1);\n } else if (listMod === 1) {\n styles.push(tokenTypes.list2);\n } else {\n styles.push(tokenTypes.list3);\n }\n }\n\n if (state.trailingSpaceNewLine) {\n styles.push(\"trailing-space-new-line\");\n } else if (state.trailingSpace) {\n styles.push(\"trailing-space-\" + (state.trailingSpace % 2 ? \"a\" : \"b\"));\n }\n\n return styles.length ? styles.join(' ') : null;\n }\n\n function handleText(stream, state) {\n if (stream.match(textRE, true)) {\n return getType(state);\n }\n return undefined;\n }\n\n function inlineNormal(stream, state) {\n var style = state.text(stream, state);\n if (typeof style !== 'undefined')\n return style;\n\n if (state.list) { // List marker (*, +, -, 1., etc)\n state.list = null;\n return getType(state);\n }\n\n if (state.taskList) {\n var taskOpen = stream.match(taskListRE, true)[1] === \" \";\n if (taskOpen) state.taskOpen = true;\n else state.taskClosed = true;\n if (modeCfg.highlightFormatting) state.formatting = \"task\";\n state.taskList = false;\n return getType(state);\n }\n\n state.taskOpen = false;\n state.taskClosed = false;\n\n if (state.header && stream.match(/^#+$/, true)) {\n if (modeCfg.highlightFormatting) state.formatting = \"header\";\n return getType(state);\n }\n\n var ch = stream.next();\n\n // Matches link titles present on next line\n if (state.linkTitle) {\n state.linkTitle = false;\n var matchCh = ch;\n if (ch === '(') {\n matchCh = ')';\n }\n matchCh = (matchCh+'').replace(/([.?*+^\\[\\]\\\\(){}|-])/g, \"\\\\$1\");\n var regex = '^\\\\s*(?:[^' + matchCh + '\\\\\\\\]+|\\\\\\\\\\\\\\\\|\\\\\\\\.)' + matchCh;\n if (stream.match(new RegExp(regex), true)) {\n return tokenTypes.linkHref;\n }\n }\n\n // If this block is changed, it may need to be updated in GFM mode\n if (ch === '`') {\n var previousFormatting = state.formatting;\n if (modeCfg.highlightFormatting) state.formatting = \"code\";\n stream.eatWhile('`');\n var count = stream.current().length\n if (state.code == 0 && (!state.quote || count == 1)) {\n state.code = count\n return getType(state)\n } else if (count == state.code) { // Must be exact\n var t = getType(state)\n state.code = 0\n return t\n } else {\n state.formatting = previousFormatting\n return getType(state)\n }\n } else if (state.code) {\n return getType(state);\n }\n\n if (ch === '\\\\') {\n stream.next();\n if (modeCfg.highlightFormatting) {\n var type = getType(state);\n var formattingEscape = tokenTypes.formatting + \"-escape\";\n return type ? type + \" \" + formattingEscape : formattingEscape;\n }\n }\n\n if (ch === '!' && stream.match(/\\[[^\\]]*\\] ?(?:\\(|\\[)/, false)) {\n state.imageMarker = true;\n state.image = true;\n if (modeCfg.highlightFormatting) state.formatting = \"image\";\n return getType(state);\n }\n\n if (ch === '[' && state.imageMarker && stream.match(/[^\\]]*\\](\\(.*?\\)| ?\\[.*?\\])/, false)) {\n state.imageMarker = false;\n state.imageAltText = true\n if (modeCfg.highlightFormatting) state.formatting = \"image\";\n return getType(state);\n }\n\n if (ch === ']' && state.imageAltText) {\n if (modeCfg.highlightFormatting) state.formatting = \"image\";\n var type = getType(state);\n state.imageAltText = false;\n state.image = false;\n state.inline = state.f = linkHref;\n return type;\n }\n\n if (ch === '[' && !state.image) {\n if (state.linkText && stream.match(/^.*?\\]/)) return getType(state)\n state.linkText = true;\n if (modeCfg.highlightFormatting) state.formatting = \"link\";\n return getType(state);\n }\n\n if (ch === ']' && state.linkText) {\n if (modeCfg.highlightFormatting) state.formatting = \"link\";\n var type = getType(state);\n state.linkText = false;\n state.inline = state.f = stream.match(/\\(.*?\\)| ?\\[.*?\\]/, false) ? linkHref : inlineNormal\n return type;\n }\n\n if (ch === '<' && stream.match(/^(https?|ftps?):\\/\\/(?:[^\\\\>]|\\\\.)+>/, false)) {\n state.f = state.inline = linkInline;\n if (modeCfg.highlightFormatting) state.formatting = \"link\";\n var type = getType(state);\n if (type){\n type += \" \";\n } else {\n type = \"\";\n }\n return type + tokenTypes.linkInline;\n }\n\n if (ch === '<' && stream.match(/^[^> \\\\]+@(?:[^\\\\>]|\\\\.)+>/, false)) {\n state.f = state.inline = linkInline;\n if (modeCfg.highlightFormatting) state.formatting = \"link\";\n var type = getType(state);\n if (type){\n type += \" \";\n } else {\n type = \"\";\n }\n return type + tokenTypes.linkEmail;\n }\n\n if (modeCfg.xml && ch === '<' && stream.match(/^(!--|\\?|!\\[CDATA\\[|[a-z][a-z0-9-]*(?:\\s+[a-z_:.\\-]+(?:\\s*=\\s*[^>]+)?)*\\s*(?:>|$))/i, false)) {\n var end = stream.string.indexOf(\">\", stream.pos);\n if (end != -1) {\n var atts = stream.string.substring(stream.start, end);\n if (/markdown\\s*=\\s*('|\"){0,1}1('|\"){0,1}/.test(atts)) state.md_inside = true;\n }\n stream.backUp(1);\n state.htmlState = CodeMirror.startState(htmlMode);\n return switchBlock(stream, state, htmlBlock);\n }\n\n if (modeCfg.xml && ch === '<' && stream.match(/^\\/\\w*?>/)) {\n state.md_inside = false;\n return \"tag\";\n } else if (ch === \"*\" || ch === \"_\") {\n var len = 1, before = stream.pos == 1 ? \" \" : stream.string.charAt(stream.pos - 2)\n while (len < 3 && stream.eat(ch)) len++\n var after = stream.peek() || \" \"\n // See http://spec.commonmark.org/0.27/#emphasis-and-strong-emphasis\n var leftFlanking = !/\\s/.test(after) && (!punctuation.test(after) || /\\s/.test(before) || punctuation.test(before))\n var rightFlanking = !/\\s/.test(before) && (!punctuation.test(before) || /\\s/.test(after) || punctuation.test(after))\n var setEm = null, setStrong = null\n if (len % 2) { // Em\n if (!state.em && leftFlanking && (ch === \"*\" || !rightFlanking || punctuation.test(before)))\n setEm = true\n else if (state.em == ch && rightFlanking && (ch === \"*\" || !leftFlanking || punctuation.test(after)))\n setEm = false\n }\n if (len > 1) { // Strong\n if (!state.strong && leftFlanking && (ch === \"*\" || !rightFlanking || punctuation.test(before)))\n setStrong = true\n else if (state.strong == ch && rightFlanking && (ch === \"*\" || !leftFlanking || punctuation.test(after)))\n setStrong = false\n }\n if (setStrong != null || setEm != null) {\n if (modeCfg.highlightFormatting) state.formatting = setEm == null ? \"strong\" : setStrong == null ? \"em\" : \"strong em\"\n if (setEm === true) state.em = ch\n if (setStrong === true) state.strong = ch\n var t = getType(state)\n if (setEm === false) state.em = false\n if (setStrong === false) state.strong = false\n return t\n }\n } else if (ch === ' ') {\n if (stream.eat('*') || stream.eat('_')) { // Probably surrounded by spaces\n if (stream.peek() === ' ') { // Surrounded by spaces, ignore\n return getType(state);\n } else { // Not surrounded by spaces, back up pointer\n stream.backUp(1);\n }\n }\n }\n\n if (modeCfg.strikethrough) {\n if (ch === '~' && stream.eatWhile(ch)) {\n if (state.strikethrough) {// Remove strikethrough\n if (modeCfg.highlightFormatting) state.formatting = \"strikethrough\";\n var t = getType(state);\n state.strikethrough = false;\n return t;\n } else if (stream.match(/^[^\\s]/, false)) {// Add strikethrough\n state.strikethrough = true;\n if (modeCfg.highlightFormatting) state.formatting = \"strikethrough\";\n return getType(state);\n }\n } else if (ch === ' ') {\n if (stream.match(/^~~/, true)) { // Probably surrounded by space\n if (stream.peek() === ' ') { // Surrounded by spaces, ignore\n return getType(state);\n } else { // Not surrounded by spaces, back up pointer\n stream.backUp(2);\n }\n }\n }\n }\n\n if (modeCfg.emoji && ch === \":\" && stream.match(/^(?:[a-z_\\d+][a-z_\\d+-]*|\\-[a-z_\\d+][a-z_\\d+-]*):/)) {\n state.emoji = true;\n if (modeCfg.highlightFormatting) state.formatting = \"emoji\";\n var retType = getType(state);\n state.emoji = false;\n return retType;\n }\n\n if (ch === ' ') {\n if (stream.match(/^ +$/, false)) {\n state.trailingSpace++;\n } else if (state.trailingSpace) {\n state.trailingSpaceNewLine = true;\n }\n }\n\n return getType(state);\n }\n\n function linkInline(stream, state) {\n var ch = stream.next();\n\n if (ch === \">\") {\n state.f = state.inline = inlineNormal;\n if (modeCfg.highlightFormatting) state.formatting = \"link\";\n var type = getType(state);\n if (type){\n type += \" \";\n } else {\n type = \"\";\n }\n return type + tokenTypes.linkInline;\n }\n\n stream.match(/^[^>]+/, true);\n\n return tokenTypes.linkInline;\n }\n\n function linkHref(stream, state) {\n // Check if space, and return NULL if so (to avoid marking the space)\n if(stream.eatSpace()){\n return null;\n }\n var ch = stream.next();\n if (ch === '(' || ch === '[') {\n state.f = state.inline = getLinkHrefInside(ch === \"(\" ? \")\" : \"]\");\n if (modeCfg.highlightFormatting) state.formatting = \"link-string\";\n state.linkHref = true;\n return getType(state);\n }\n return 'error';\n }\n\n var linkRE = {\n \")\": /^(?:[^\\\\\\(\\)]|\\\\.|\\((?:[^\\\\\\(\\)]|\\\\.)*\\))*?(?=\\))/,\n \"]\": /^(?:[^\\\\\\[\\]]|\\\\.|\\[(?:[^\\\\\\[\\]]|\\\\.)*\\])*?(?=\\])/\n }\n\n function getLinkHrefInside(endChar) {\n return function(stream, state) {\n var ch = stream.next();\n\n if (ch === endChar) {\n state.f = state.inline = inlineNormal;\n if (modeCfg.highlightFormatting) state.formatting = \"link-string\";\n var returnState = getType(state);\n state.linkHref = false;\n return returnState;\n }\n\n stream.match(linkRE[endChar])\n state.linkHref = true;\n return getType(state);\n };\n }\n\n function footnoteLink(stream, state) {\n if (stream.match(/^([^\\]\\\\]|\\\\.)*\\]:/, false)) {\n state.f = footnoteLinkInside;\n stream.next(); // Consume [\n if (modeCfg.highlightFormatting) state.formatting = \"link\";\n state.linkText = true;\n return getType(state);\n }\n return switchInline(stream, state, inlineNormal);\n }\n\n function footnoteLinkInside(stream, state) {\n if (stream.match(/^\\]:/, true)) {\n state.f = state.inline = footnoteUrl;\n if (modeCfg.highlightFormatting) state.formatting = \"link\";\n var returnType = getType(state);\n state.linkText = false;\n return returnType;\n }\n\n stream.match(/^([^\\]\\\\]|\\\\.)+/, true);\n\n return tokenTypes.linkText;\n }\n\n function footnoteUrl(stream, state) {\n // Check if space, and return NULL if so (to avoid marking the space)\n if(stream.eatSpace()){\n return null;\n }\n // Match URL\n stream.match(/^[^\\s]+/, true);\n // Check for link title\n if (stream.peek() === undefined) { // End of line, set flag to check next line\n state.linkTitle = true;\n } else { // More content on line, check if link title\n stream.match(/^(?:\\s+(?:\"(?:[^\"\\\\]|\\\\\\\\|\\\\.)+\"|'(?:[^'\\\\]|\\\\\\\\|\\\\.)+'|\\((?:[^)\\\\]|\\\\\\\\|\\\\.)+\\)))?/, true);\n }\n state.f = state.inline = inlineNormal;\n return tokenTypes.linkHref + \" url\";\n }\n\n var mode = {\n startState: function() {\n return {\n f: blockNormal,\n\n prevLine: {stream: null},\n thisLine: {stream: null},\n\n block: blockNormal,\n htmlState: null,\n indentation: 0,\n\n inline: inlineNormal,\n text: handleText,\n\n formatting: false,\n linkText: false,\n linkHref: false,\n linkTitle: false,\n code: 0,\n em: false,\n strong: false,\n header: 0,\n setext: 0,\n hr: false,\n taskList: false,\n list: false,\n listStack: [],\n quote: 0,\n trailingSpace: 0,\n trailingSpaceNewLine: false,\n strikethrough: false,\n emoji: false,\n fencedEndRE: null\n };\n },\n\n copyState: function(s) {\n return {\n f: s.f,\n\n prevLine: s.prevLine,\n thisLine: s.thisLine,\n\n block: s.block,\n htmlState: s.htmlState && CodeMirror.copyState(htmlMode, s.htmlState),\n indentation: s.indentation,\n\n localMode: s.localMode,\n localState: s.localMode ? CodeMirror.copyState(s.localMode, s.localState) : null,\n\n inline: s.inline,\n text: s.text,\n formatting: false,\n linkText: s.linkText,\n linkTitle: s.linkTitle,\n linkHref: s.linkHref,\n code: s.code,\n em: s.em,\n strong: s.strong,\n strikethrough: s.strikethrough,\n emoji: s.emoji,\n header: s.header,\n setext: s.setext,\n hr: s.hr,\n taskList: s.taskList,\n list: s.list,\n listStack: s.listStack.slice(0),\n quote: s.quote,\n indentedCode: s.indentedCode,\n trailingSpace: s.trailingSpace,\n trailingSpaceNewLine: s.trailingSpaceNewLine,\n md_inside: s.md_inside,\n fencedEndRE: s.fencedEndRE\n };\n },\n\n token: function(stream, state) {\n\n // Reset state.formatting\n state.formatting = false;\n\n if (stream != state.thisLine.stream) {\n state.header = 0;\n state.hr = false;\n\n if (stream.match(/^\\s*$/, true)) {\n blankLine(state);\n return null;\n }\n\n state.prevLine = state.thisLine\n state.thisLine = {stream: stream}\n\n // Reset state.taskList\n state.taskList = false;\n\n // Reset state.trailingSpace\n state.trailingSpace = 0;\n state.trailingSpaceNewLine = false;\n\n if (!state.localState) {\n state.f = state.block;\n if (state.f != htmlBlock) {\n var indentation = stream.match(/^\\s*/, true)[0].replace(/\\t/g, expandedTab).length;\n state.indentation = indentation;\n state.indentationDiff = null;\n if (indentation > 0) return null;\n }\n }\n }\n return state.f(stream, state);\n },\n\n innerMode: function(state) {\n if (state.block == htmlBlock) return {state: state.htmlState, mode: htmlMode};\n if (state.localState) return {state: state.localState, mode: state.localMode};\n return {state: state, mode: mode};\n },\n\n indent: function(state, textAfter, line) {\n if (state.block == htmlBlock && htmlMode.indent) return htmlMode.indent(state.htmlState, textAfter, line)\n if (state.localState && state.localMode.indent) return state.localMode.indent(state.localState, textAfter, line)\n return CodeMirror.Pass\n },\n\n blankLine: blankLine,\n\n getType: getType,\n\n blockCommentStart: \"\",\n closeBrackets: \"()[]{}''\\\"\\\"``\",\n fold: \"markdown\"\n };\n return mode;\n}, \"xml\");\n\nCodeMirror.defineMIME(\"text/markdown\", \"markdown\");\n\nCodeMirror.defineMIME(\"text/x-markdown\", \"markdown\");\n\n});\n"
},
{
"path": "libs/codemirror/python-hint.js",
"content": "(function () {\n function forEach(arr, f) {\n for (var i = 0, e = arr.length; i < e; ++i) f(arr[i]);\n }\n\n function arrayContains(arr, item) {\n if (!Array.prototype.indexOf) {\n var i = arr.length;\n while (i--) {\n if (arr[i] === item) {\n return true;\n }\n }\n return false;\n }\n return arr.indexOf(item) != -1;\n }\n\n function scriptHint(editor, _keywords, getToken) {\n // Find the token at the cursor\n var cur = editor.getCursor(), token = getToken(editor, cur), tprop = token;\n // If it's not a 'word-style' token, ignore the token.\n\n if (!/^[\\w$_]*$/.test(token.string)) {\n token = tprop = {start: cur.ch, end: cur.ch, string: \"\", state: token.state,\n className: token.string == \":\" ? \"python-type\" : null};\n }\n\n if (!context) var context = [];\n context.push(tprop);\n\n var completionList = getCompletions(token, context);\n completionList = completionList.sort();\n //prevent autocomplete for last word, instead show dropdown with one word\n if(completionList.length == 1) {\n completionList.push(\" \");\n }\n\n return {list: completionList,\n from: CodeMirror.Pos(cur.line, token.start),\n to: CodeMirror.Pos(cur.line, token.end)};\n }\n\n CodeMirror.pythonHint = function(editor) {\n return scriptHint(editor, pythonKeywordsU, function (e, cur) {return e.getTokenAt(cur);});\n };\n\n var pythonKeywords = \"and del from not while as elif global or with assert else if pass yield\"\n+ \"break except import print class exec in raise continue finally is return def for lambda try\";\n var pythonKeywordsL = pythonKeywords.split(\" \");\n var pythonKeywordsU = pythonKeywords.toUpperCase().split(\" \");\n\n var pythonBuiltins = \"abs divmod input open staticmethod all enumerate int ord str \"\n+ \"any eval isinstance pow sum basestring execfile issubclass print super\"\n+ \"bin file iter property tuple bool filter len range type\"\n+ \"bytearray float list raw_input unichr callable format locals reduce unicode\"\n+ \"chr frozenset long reload vars classmethod getattr map repr xrange\"\n+ \"cmp globals max reversed zip compile hasattr memoryview round __import__\"\n+ \"complex hash min set apply delattr help next setattr buffer\"\n+ \"dict hex object slice coerce dir id oct sorted intern \";\n var pythonBuiltinsL = pythonBuiltins.split(\" \").join(\"() \").split(\" \");\n var pythonBuiltinsU = pythonBuiltins.toUpperCase().split(\" \").join(\"() \").split(\" \");\n\n function getCompletions(token, context) {\n var found = [], start = token.string;\n function maybeAdd(str) {\n if (str.indexOf(start) == 0 && !arrayContains(found, str)) found.push(str);\n }\n\n function gatherCompletions(_obj) {\n forEach(pythonBuiltinsL, maybeAdd);\n forEach(pythonBuiltinsU, maybeAdd);\n forEach(pythonKeywordsL, maybeAdd);\n forEach(pythonKeywordsU, maybeAdd);\n }\n\n if (context) {\n // If this is a property, see if it belongs to some object we can\n // find in the current environment.\n var obj = context.pop(), base;\n\n if (obj.type == \"variable\")\n base = obj.string;\n else if(obj.type == \"variable-3\")\n base = \":\" + obj.string;\n\n while (base != null && context.length)\n base = base[context.pop().string];\n if (base != null) gatherCompletions(base);\n }\n return found;\n }\n})();\n"
},
{
"path": "libs/codemirror/python.js",
"content": "// CodeMirror, copyright (c) by Marijn Haverbeke and others\n// Distributed under an MIT license: https://codemirror.net/LICENSE\n\n(function(mod) {\n if (typeof exports == \"object\" && typeof module == \"object\") // CommonJS\n {mod(require(\"../../lib/codemirror\"));} else if (typeof define == \"function\" && define.amd) // AMD\n {define([\"../../lib/codemirror\"], mod);} else // Plain browser env\n {mod(CodeMirror);}\n})(function(CodeMirror) {\n \"use strict\";\n\n function wordRegexp(words) {\n return new RegExp(\"^((\" + words.join(\")|(\") + \"))\\\\b\");\n }\n\n var wordOperators = wordRegexp([\"and\", \"or\", \"not\", \"is\"]);\n var commonKeywords = [\"as\", \"assert\", \"break\", \"class\", \"continue\",\n \"def\", \"del\", \"elif\", \"else\", \"except\", \"finally\",\n \"for\", \"from\", \"global\", \"if\", \"import\",\n \"lambda\", \"pass\", \"raise\", \"return\",\n \"try\", \"while\", \"with\", \"yield\", \"in\"];\n var commonBuiltins = [\"abs\", \"all\", \"any\", \"bin\", \"bool\", \"bytearray\", \"callable\", \"chr\",\n \"classmethod\", \"compile\", \"complex\", \"delattr\", \"dict\", \"dir\", \"divmod\",\n \"enumerate\", \"eval\", \"filter\", \"float\", \"format\", \"frozenset\",\n \"getattr\", \"globals\", \"hasattr\", \"hash\", \"help\", \"hex\", \"id\",\n \"input\", \"int\", \"isinstance\", \"issubclass\", \"iter\", \"len\",\n \"list\", \"locals\", \"map\", \"max\", \"memoryview\", \"min\", \"next\",\n \"object\", \"oct\", \"open\", \"ord\", \"pow\", \"property\", \"range\",\n \"repr\", \"reversed\", \"round\", \"set\", \"setattr\", \"slice\",\n \"sorted\", \"staticmethod\", \"str\", \"sum\", \"super\", \"tuple\",\n \"type\", \"vars\", \"zip\", \"__import__\", \"NotImplemented\",\n \"Ellipsis\", \"__debug__\"];\n CodeMirror.registerHelper(\"hintWords\", \"python\", commonKeywords.concat(commonBuiltins));\n\n function top(state) {\n return state.scopes[state.scopes.length - 1];\n }\n\n CodeMirror.defineMode(\"python\", function(conf, parserConf) {\n var ERRORCLASS = \"error\";\n\n var delimiters = parserConf.delimiters || parserConf.singleDelimiters || /^[\\(\\)\\[\\]\\{\\}@,:`=;\\.\\\\]/;\n // (Backwards-compatibility with old, cumbersome config system)\n var operators = [parserConf.singleOperators, parserConf.doubleOperators, parserConf.doubleDelimiters, parserConf.tripleDelimiters,\n parserConf.operators || /^([-+*/%\\/&|^]=?|[<>=]+|\\/\\/=?|\\*\\*=?|!=|[~!@]|\\.\\.\\.)/];\n for (var i = 0; i < operators.length; i++) {if (!operators[i]) {operators.splice(i--, 1);}}\n\n var hangingIndent = parserConf.hangingIndent || conf.indentUnit;\n\n var myKeywords = commonKeywords, myBuiltins = commonBuiltins;\n if (parserConf.extra_keywords != undefined) {myKeywords = myKeywords.concat(parserConf.extra_keywords);}\n\n if (parserConf.extra_builtins != undefined) {myBuiltins = myBuiltins.concat(parserConf.extra_builtins);}\n\n var py3 = !(parserConf.version && Number(parserConf.version) < 3);\n if (py3) {\n // since http://legacy.python.org/dev/peps/pep-0465/ @ is also an operator\n var identifiers = parserConf.identifiers|| /^[_A-Za-z\\u00A1-\\uFFFF][_A-Za-z0-9\\u00A1-\\uFFFF]*/;\n myKeywords = myKeywords.concat([\"nonlocal\", \"False\", \"True\", \"None\", \"async\", \"await\"]);\n myBuiltins = myBuiltins.concat([\"ascii\", \"bytes\", \"exec\", \"print\"]);\n var stringPrefixes = new RegExp(\"^(([rbuf]|(br)|(rb)|(fr)|(rf))?('{3}|\\\"{3}|['\\\"]))\", \"i\");\n } else {\n var identifiers = parserConf.identifiers|| /^[_A-Za-z][_A-Za-z0-9]*/;\n myKeywords = myKeywords.concat([\"exec\", \"print\"]);\n myBuiltins = myBuiltins.concat([\"apply\", \"basestring\", \"buffer\", \"cmp\", \"coerce\", \"execfile\",\n \"file\", \"intern\", \"long\", \"raw_input\", \"reduce\", \"reload\",\n \"unichr\", \"unicode\", \"xrange\", \"False\", \"True\", \"None\"]);\n var stringPrefixes = new RegExp(\"^(([rubf]|(ur)|(br))?('{3}|\\\"{3}|['\\\"]))\", \"i\");\n }\n var keywords = wordRegexp(myKeywords);\n var builtins = wordRegexp(myBuiltins);\n\n // tokenizers\n function tokenBase(stream, state) {\n var sol = stream.sol() && state.lastToken != \"\\\\\";\n if (sol) {state.indent = stream.indentation();}\n // Handle scope changes\n if (sol && top(state).type == \"py\") {\n var scopeOffset = top(state).offset;\n if (stream.eatSpace()) {\n var lineOffset = stream.indentation();\n if (lineOffset > scopeOffset) {pushPyScope(state);} else if (lineOffset < scopeOffset && dedent(stream, state) && stream.peek() != \"#\") {state.errorToken = true;}\n return null;\n } else {\n var style = tokenBaseInner(stream, state);\n if (scopeOffset > 0 && dedent(stream, state)) {style += \" \" + ERRORCLASS;}\n return style;\n }\n }\n return tokenBaseInner(stream, state);\n }\n\n function tokenBaseInner(stream, state, inFormat) {\n if (stream.eatSpace()) {return null;}\n\n // Handle Comments\n if (!inFormat && stream.match(/^#.*/)) {return \"comment\";}\n\n // Handle Number Literals\n if (stream.match(/^[0-9\\.]/, false)) {\n var floatLiteral = false;\n // Floats\n if (stream.match(/^[\\d_]*\\.\\d+(e[\\+\\-]?\\d+)?/i)) { floatLiteral = true; }\n if (stream.match(/^[\\d_]+\\.\\d*/)) { floatLiteral = true; }\n if (stream.match(/^\\.\\d+/)) { floatLiteral = true; }\n if (floatLiteral) {\n // Float literals may be \"imaginary\"\n stream.eat(/J/i);\n return \"number\";\n }\n // Integers\n var intLiteral = false;\n // Hex\n if (stream.match(/^0x[0-9a-f_]+/i)) {intLiteral = true;}\n // Binary\n if (stream.match(/^0b[01_]+/i)) {intLiteral = true;}\n // Octal\n if (stream.match(/^0o[0-7_]+/i)) {intLiteral = true;}\n // Decimal\n if (stream.match(/^[1-9][\\d_]*(e[\\+\\-]?[\\d_]+)?/)) {\n // Decimal literals may be \"imaginary\"\n stream.eat(/J/i);\n // TODO - Can you have imaginary longs?\n intLiteral = true;\n }\n // Zero by itself with no other piece of number.\n if (stream.match(/^0(?![\\dx])/i)) {intLiteral = true;}\n if (intLiteral) {\n // Integer literals may be \"long\"\n stream.eat(/L/i);\n return \"number\";\n }\n }\n\n // Handle Strings\n if (stream.match(stringPrefixes)) {\n var isFmtString = stream.current().toLowerCase().indexOf(\"f\") !== -1;\n if (!isFmtString) {\n state.tokenize = tokenStringFactory(stream.current(), state.tokenize);\n return state.tokenize(stream, state);\n } else {\n state.tokenize = formatStringFactory(stream.current(), state.tokenize);\n return state.tokenize(stream, state);\n }\n }\n\n for (var i = 0; i < operators.length; i++) {if (stream.match(operators[i])) {return \"operator\";}}\n\n if (stream.match(delimiters)) {return \"punctuation\";}\n\n if (state.lastToken == \".\" && stream.match(identifiers)) {return \"property\";}\n\n if (stream.match(keywords) || stream.match(wordOperators)) {return \"keyword\";}\n\n if (stream.match(builtins)) {return \"builtin\";}\n\n if (stream.match(/^(self|cls)\\b/)) {return \"variable-2\";}\n\n if (stream.match(identifiers)) {\n if (state.lastToken == \"def\" || state.lastToken == \"class\") {return \"def\";}\n return \"variable\";\n }\n\n // Handle non-detected items\n stream.next();\n return inFormat ? null :ERRORCLASS;\n }\n\n function formatStringFactory(delimiter, tokenOuter) {\n while (\"rubf\".indexOf(delimiter.charAt(0).toLowerCase()) >= 0) {delimiter = delimiter.substr(1);}\n\n var singleline = delimiter.length == 1;\n var OUTCLASS = \"string\";\n\n function tokenNestedExpr(depth) {\n return function(stream, state) {\n var inner = tokenBaseInner(stream, state, true);\n if (inner == \"punctuation\") {\n if (stream.current() == \"{\") {\n state.tokenize = tokenNestedExpr(depth + 1);\n } else if (stream.current() == \"}\") {\n if (depth > 1) {state.tokenize = tokenNestedExpr(depth - 1);} else {state.tokenize = tokenString;}\n }\n }\n return inner;\n };\n }\n\n function tokenString(stream, state) {\n while (!stream.eol()) {\n stream.eatWhile(/[^'\"\\{\\}\\\\]/);\n if (stream.eat(\"\\\\\")) {\n stream.next();\n if (singleline && stream.eol()) {return OUTCLASS;}\n } else if (stream.match(delimiter)) {\n state.tokenize = tokenOuter;\n return OUTCLASS;\n } else if (stream.match(\"{{\")) {\n // ignore {{ in f-str\n return OUTCLASS;\n } else if (stream.match(\"{\", false)) {\n // switch to nested mode\n state.tokenize = tokenNestedExpr(0);\n if (stream.current()) {return OUTCLASS;} else {return state.tokenize(stream, state);}\n } else if (stream.match(\"}}\")) {\n return OUTCLASS;\n } else if (stream.match(\"}\")) {\n // single } in f-string is an error\n return ERRORCLASS;\n } else {\n stream.eat(/['\"]/);\n }\n }\n if (singleline) {\n if (parserConf.singleLineStringErrors) {return ERRORCLASS;} else {state.tokenize = tokenOuter;}\n }\n return OUTCLASS;\n }\n tokenString.isString = true;\n return tokenString;\n }\n\n function tokenStringFactory(delimiter, tokenOuter) {\n while (\"rubf\".indexOf(delimiter.charAt(0).toLowerCase()) >= 0) {delimiter = delimiter.substr(1);}\n\n var singleline = delimiter.length == 1;\n var OUTCLASS = \"string\";\n\n function tokenString(stream, state) {\n while (!stream.eol()) {\n stream.eatWhile(/[^'\"\\\\]/);\n if (stream.eat(\"\\\\\")) {\n stream.next();\n if (singleline && stream.eol()) {return OUTCLASS;}\n } else if (stream.match(delimiter)) {\n state.tokenize = tokenOuter;\n return OUTCLASS;\n } else {\n stream.eat(/['\"]/);\n }\n }\n if (singleline) {\n if (parserConf.singleLineStringErrors) {return ERRORCLASS;} else {state.tokenize = tokenOuter;}\n }\n return OUTCLASS;\n }\n tokenString.isString = true;\n return tokenString;\n }\n\n function pushPyScope(state) {\n while (top(state).type != \"py\") {state.scopes.pop();}\n state.scopes.push({offset: top(state).offset + conf.indentUnit,\n type: \"py\",\n align: null});\n }\n\n function pushBracketScope(stream, state, type) {\n var align = stream.match(/^[\\s\\[\\{\\(]*(?:#|$)/, false) ? null : stream.column() + 1;\n state.scopes.push({offset: state.indent + hangingIndent,\n type: type,\n align: align});\n }\n\n function dedent(stream, state) {\n var indented = stream.indentation();\n while (state.scopes.length > 1 && top(state).offset > indented) {\n if (top(state).type != \"py\") {return true;}\n state.scopes.pop();\n }\n return top(state).offset != indented;\n }\n\n function tokenLexer(stream, state) {\n if (stream.sol()) {\n state.beginningOfLine = true;\n state.dedent = false;\n }\n\n var style = state.tokenize(stream, state);\n var current = stream.current();\n\n // Handle decorators\n if (state.beginningOfLine && current == \"@\") {return stream.match(identifiers, false) ? \"meta\" : py3 ? \"operator\" : ERRORCLASS;}\n\n if (/\\S/.test(current)) {state.beginningOfLine = false;}\n\n if ((style == \"variable\" || style == \"builtin\")\n && state.lastToken == \"meta\") {style = \"meta\";}\n\n // Handle scope changes.\n if (current == \"pass\" || current == \"return\") {state.dedent = true;}\n\n if (current == \"lambda\") {state.lambda = true;}\n if (current == \":\" && !state.lambda && top(state).type == \"py\" && stream.match(/^\\s*(?:#|$)/, false)) {pushPyScope(state);}\n\n if (current.length == 1 && !/string|comment/.test(style)) {\n var delimiter_index = \"[({\".indexOf(current);\n if (delimiter_index != -1) {pushBracketScope(stream, state, \"])}\".slice(delimiter_index, delimiter_index+1));}\n\n delimiter_index = \"])}\".indexOf(current);\n if (delimiter_index != -1) {\n if (top(state).type == current) {state.indent = state.scopes.pop().offset - hangingIndent;} else {return ERRORCLASS;}\n }\n }\n if (state.dedent && stream.eol() && top(state).type == \"py\" && state.scopes.length > 1) {state.scopes.pop();}\n\n return style;\n }\n\n var external = {\n startState: function(basecolumn) {\n return {\n tokenize: tokenBase,\n scopes: [{offset: basecolumn || 0, type: \"py\", align: null}],\n indent: basecolumn || 0,\n lastToken: null,\n lambda: false,\n dedent: 0\n };\n },\n\n token: function(stream, state) {\n var addErr = state.errorToken;\n if (addErr) {state.errorToken = false;}\n var style = tokenLexer(stream, state);\n\n if (style && style != \"comment\") {state.lastToken = (style == \"keyword\" || style == \"punctuation\") ? stream.current() : style;}\n if (style == \"punctuation\") {style = null;}\n\n if (stream.eol() && state.lambda) {state.lambda = false;}\n return addErr ? style + \" \" + ERRORCLASS : style;\n },\n\n indent: function(state, textAfter) {\n if (state.tokenize != tokenBase) {return state.tokenize.isString ? CodeMirror.Pass : 0;}\n\n var scope = top(state);\n var closing = scope.type == textAfter.charAt(0) ||\n scope.type == \"py\" && !state.dedent && /^(else:|elif |except |finally:)/.test(textAfter);\n if (scope.align != null) {return scope.align - (closing ? 1 : 0);} else {return scope.offset - (closing ? hangingIndent : 0);}\n },\n\n electricInput: /^\\s*([\\}\\]\\)]|else:|elif |except |finally:)$/,\n closeBrackets: {triples: \"'\\\"\"},\n lineComment: \"#\",\n fold: \"indent\"\n };\n return external;\n });\n\n CodeMirror.defineMIME(\"text/x-python\", \"python\");\n\n var words = function(str) { return str.split(\" \"); };\n\n CodeMirror.defineMIME(\"text/x-cython\", {\n name: \"python\",\n extra_keywords: words(\"by cdef cimport cpdef ctypedef enum except \"+\n \"extern gil include nogil property public \"+\n \"readonly struct union DEF IF ELIF ELSE\")\n });\n\n});"
},
{
"path": "libs/codemirror/shell.js",
"content": "// CodeMirror, copyright (c) by Marijn Haverbeke and others\n// Distributed under an MIT license: https://codemirror.net/LICENSE\n\n(function(mod) {\n if (typeof exports == \"object\" && typeof module == \"object\") // CommonJS\n mod(require(\"../../lib/codemirror\"));\n else if (typeof define == \"function\" && define.amd) // AMD\n define([\"../../lib/codemirror\"], mod);\n else // Plain browser env\n mod(CodeMirror);\n})(function(CodeMirror) {\n\"use strict\";\n\nCodeMirror.defineMode('shell', function() {\n\n var words = {};\n function define(style, dict) {\n for(var i = 0; i < dict.length; i++) {\n words[dict[i]] = style;\n }\n };\n\n var commonAtoms = [\"true\", \"false\"];\n var commonKeywords = [\"if\", \"then\", \"do\", \"else\", \"elif\", \"while\", \"until\", \"for\", \"in\", \"esac\", \"fi\",\n \"fin\", \"fil\", \"done\", \"exit\", \"set\", \"unset\", \"export\", \"function\"];\n var commonCommands = [\"ab\", \"awk\", \"bash\", \"beep\", \"cat\", \"cc\", \"cd\", \"chown\", \"chmod\", \"chroot\", \"clear\",\n \"cp\", \"curl\", \"cut\", \"diff\", \"echo\", \"find\", \"gawk\", \"gcc\", \"get\", \"git\", \"grep\", \"hg\", \"kill\", \"killall\",\n \"ln\", \"ls\", \"make\", \"mkdir\", \"openssl\", \"mv\", \"nc\", \"nl\", \"node\", \"npm\", \"ping\", \"ps\", \"restart\", \"rm\",\n \"rmdir\", \"sed\", \"service\", \"sh\", \"shopt\", \"shred\", \"source\", \"sort\", \"sleep\", \"ssh\", \"start\", \"stop\",\n \"su\", \"sudo\", \"svn\", \"tee\", \"telnet\", \"top\", \"touch\", \"vi\", \"vim\", \"wall\", \"wc\", \"wget\", \"who\", \"write\",\n \"yes\", \"zsh\"];\n\n CodeMirror.registerHelper(\"hintWords\", \"shell\", commonAtoms.concat(commonKeywords, commonCommands));\n\n define('atom', commonAtoms);\n define('keyword', commonKeywords);\n define('builtin', commonCommands);\n\n function tokenBase(stream, state) {\n if (stream.eatSpace()) return null;\n\n var sol = stream.sol();\n var ch = stream.next();\n\n if (ch === '\\\\') {\n stream.next();\n return null;\n }\n if (ch === '\\'' || ch === '\"' || ch === '`') {\n state.tokens.unshift(tokenString(ch, ch === \"`\" ? \"quote\" : \"string\"));\n return tokenize(stream, state);\n }\n if (ch === '#') {\n if (sol && stream.eat('!')) {\n stream.skipToEnd();\n return 'meta'; // 'comment'?\n }\n stream.skipToEnd();\n return 'comment';\n }\n if (ch === '$') {\n state.tokens.unshift(tokenDollar);\n return tokenize(stream, state);\n }\n if (ch === '+' || ch === '=') {\n return 'operator';\n }\n if (ch === '-') {\n stream.eat('-');\n stream.eatWhile(/\\w/);\n return 'attribute';\n }\n if (/\\d/.test(ch)) {\n stream.eatWhile(/\\d/);\n if(stream.eol() || !/\\w/.test(stream.peek())) {\n return 'number';\n }\n }\n stream.eatWhile(/[\\w-]/);\n var cur = stream.current();\n if (stream.peek() === '=' && /\\w+/.test(cur)) return 'def';\n return words.hasOwnProperty(cur) ? words[cur] : null;\n }\n\n function tokenString(quote, style) {\n var close = quote == \"(\" ? \")\" : quote == \"{\" ? \"}\" : quote\n return function(stream, state) {\n var next, escaped = false;\n while ((next = stream.next()) != null) {\n if (next === close && !escaped) {\n state.tokens.shift();\n break;\n } else if (next === '$' && !escaped && quote !== \"'\" && stream.peek() != close) {\n escaped = true;\n stream.backUp(1);\n state.tokens.unshift(tokenDollar);\n break;\n } else if (!escaped && quote !== close && next === quote) {\n state.tokens.unshift(tokenString(quote, style))\n return tokenize(stream, state)\n } else if (!escaped && /['\"]/.test(next) && !/['\"]/.test(quote)) {\n state.tokens.unshift(tokenStringStart(next, \"string\"));\n stream.backUp(1);\n break;\n }\n escaped = !escaped && next === '\\\\';\n }\n return style;\n };\n };\n\n function tokenStringStart(quote, style) {\n return function(stream, state) {\n state.tokens[0] = tokenString(quote, style)\n stream.next()\n return tokenize(stream, state)\n }\n }\n\n var tokenDollar = function(stream, state) {\n if (state.tokens.length > 1) stream.eat('$');\n var ch = stream.next()\n if (/['\"({]/.test(ch)) {\n state.tokens[0] = tokenString(ch, ch == \"(\" ? \"quote\" : ch == \"{\" ? \"def\" : \"string\");\n return tokenize(stream, state);\n }\n if (!/\\d/.test(ch)) stream.eatWhile(/\\w/);\n state.tokens.shift();\n return 'def';\n };\n\n function tokenize(stream, state) {\n return (state.tokens[0] || tokenBase) (stream, state);\n };\n\n return {\n startState: function() {return {tokens:[]};},\n token: function(stream, state) {\n return tokenize(stream, state);\n },\n closeBrackets: \"()[]{}''\\\"\\\"``\",\n lineComment: '#',\n fold: \"brace\"\n };\n});\n\nCodeMirror.defineMIME('text/x-sh', 'shell');\n// Apache uses a slightly different Media Type for Shell scripts\n// http://svn.apache.org/repos/asf/httpd/httpd/trunk/docs/conf/mime.types\nCodeMirror.defineMIME('application/x-sh', 'shell');\n\n});\n"
},
{
"path": "libs/codemirror/show-hint.css",
"content": ".CodeMirror-hints {\n position: absolute;\n z-index: 10;\n overflow: hidden;\n list-style: none;\n\n margin: 0;\n padding: 2px;\n\n -webkit-box-shadow: 2px 3px 5px rgba(0,0,0,.2);\n -moz-box-shadow: 2px 3px 5px rgba(0,0,0,.2);\n box-shadow: 2px 3px 5px rgba(0,0,0,.2);\n border-radius: 3px;\n border: 1px solid silver;\n\n background: white;\n font-size: 90%;\n font-family: monospace;\n\n max-height: 20em;\n overflow-y: auto;\n}\n\n.CodeMirror-hint {\n margin: 0;\n padding: 0 4px;\n border-radius: 2px;\n white-space: pre;\n color: black;\n cursor: pointer;\n}\n\nli.CodeMirror-hint-active {\n background: #08f;\n color: white;\n}\n"
},
{
"path": "libs/codemirror/show-hint.js",
"content": "// CodeMirror, copyright (c) by Marijn Haverbeke and others\n// Distributed under an MIT license: https://codemirror.net/LICENSE\n\n(function(mod) {\n if (typeof exports == \"object\" && typeof module == \"object\") // CommonJS\n mod(require(\"../../lib/codemirror\"));\n else if (typeof define == \"function\" && define.amd) // AMD\n define([\"../../lib/codemirror\"], mod);\n else // Plain browser env\n mod(CodeMirror);\n})(function(CodeMirror) {\n \"use strict\";\n\n var HINT_ELEMENT_CLASS = \"CodeMirror-hint\";\n var ACTIVE_HINT_ELEMENT_CLASS = \"CodeMirror-hint-active\";\n\n // This is the old interface, kept around for now to stay\n // backwards-compatible.\n CodeMirror.showHint = function(cm, getHints, options) {\n if (!getHints) return cm.showHint(options);\n if (options && options.async) getHints.async = true;\n var newOpts = {hint: getHints};\n if (options) for (var prop in options) newOpts[prop] = options[prop];\n return cm.showHint(newOpts);\n };\n\n CodeMirror.defineExtension(\"showHint\", function(options) {\n options = parseOptions(this, this.getCursor(\"start\"), options);\n var selections = this.listSelections()\n if (selections.length > 1) return;\n // By default, don't allow completion when something is selected.\n // A hint function can have a `supportsSelection` property to\n // indicate that it can handle selections.\n if (this.somethingSelected()) {\n if (!options.hint.supportsSelection) return;\n // Don't try with cross-line selections\n for (var i = 0; i < selections.length; i++)\n if (selections[i].head.line != selections[i].anchor.line) return;\n }\n\n if (this.state.completionActive) this.state.completionActive.close();\n var completion = this.state.completionActive = new Completion(this, options);\n if (!completion.options.hint) return;\n\n CodeMirror.signal(this, \"startCompletion\", this);\n completion.update(true);\n });\n\n CodeMirror.defineExtension(\"closeHint\", function() {\n if (this.state.completionActive) this.state.completionActive.close()\n })\n\n function Completion(cm, options) {\n this.cm = cm;\n this.options = options;\n this.widget = null;\n this.debounce = 0;\n this.tick = 0;\n this.startPos = this.cm.getCursor(\"start\");\n this.startLen = this.cm.getLine(this.startPos.line).length - this.cm.getSelection().length;\n\n var self = this;\n cm.on(\"cursorActivity\", this.activityFunc = function() { self.cursorActivity(); });\n }\n\n var requestAnimationFrame = window.requestAnimationFrame || function(fn) {\n return setTimeout(fn, 1000/60);\n };\n var cancelAnimationFrame = window.cancelAnimationFrame || clearTimeout;\n\n Completion.prototype = {\n close: function() {\n if (!this.active()) return;\n this.cm.state.completionActive = null;\n this.tick = null;\n this.cm.off(\"cursorActivity\", this.activityFunc);\n\n if (this.widget && this.data) CodeMirror.signal(this.data, \"close\");\n if (this.widget) this.widget.close();\n CodeMirror.signal(this.cm, \"endCompletion\", this.cm);\n },\n\n active: function() {\n return this.cm.state.completionActive == this;\n },\n\n pick: function(data, i) {\n var completion = data.list[i];\n if (completion.hint) completion.hint(this.cm, data, completion);\n else this.cm.replaceRange(getText(completion), completion.from || data.from,\n completion.to || data.to, \"complete\");\n CodeMirror.signal(data, \"pick\", completion);\n this.close();\n },\n\n cursorActivity: function() {\n if (this.debounce) {\n cancelAnimationFrame(this.debounce);\n this.debounce = 0;\n }\n\n var pos = this.cm.getCursor(), line = this.cm.getLine(pos.line);\n if (pos.line != this.startPos.line || line.length - pos.ch != this.startLen - this.startPos.ch ||\n pos.ch < this.startPos.ch || this.cm.somethingSelected() ||\n (!pos.ch || this.options.closeCharacters.test(line.charAt(pos.ch - 1)))) {\n this.close();\n } else {\n var self = this;\n this.debounce = requestAnimationFrame(function() {self.update();});\n if (this.widget) this.widget.disable();\n }\n },\n\n update: function(first) {\n if (this.tick == null) return\n var self = this, myTick = ++this.tick\n fetchHints(this.options.hint, this.cm, this.options, function(data) {\n if (self.tick == myTick) self.finishUpdate(data, first)\n })\n },\n\n finishUpdate: function(data, first) {\n if (this.data) CodeMirror.signal(this.data, \"update\");\n\n var picked = (this.widget && this.widget.picked) || (first && this.options.completeSingle);\n if (this.widget) this.widget.close();\n\n this.data = data;\n\n if (data && data.list.length) {\n if (picked && data.list.length == 1) {\n this.pick(data, 0);\n } else {\n this.widget = new Widget(this, data);\n CodeMirror.signal(data, \"shown\");\n }\n }\n }\n };\n\n function parseOptions(cm, pos, options) {\n var editor = cm.options.hintOptions;\n var out = {};\n for (var prop in defaultOptions) out[prop] = defaultOptions[prop];\n if (editor) for (var prop in editor)\n if (editor[prop] !== undefined) out[prop] = editor[prop];\n if (options) for (var prop in options)\n if (options[prop] !== undefined) out[prop] = options[prop];\n if (out.hint.resolve) out.hint = out.hint.resolve(cm, pos)\n return out;\n }\n\n function getText(completion) {\n if (typeof completion == \"string\") return completion;\n else return completion.text;\n }\n\n function buildKeyMap(completion, handle) {\n var baseMap = {\n Up: function() {handle.moveFocus(-1);},\n Down: function() {handle.moveFocus(1);},\n PageUp: function() {handle.moveFocus(-handle.menuSize() + 1, true);},\n PageDown: function() {handle.moveFocus(handle.menuSize() - 1, true);},\n Home: function() {handle.setFocus(0);},\n End: function() {handle.setFocus(handle.length - 1);},\n Enter: handle.pick,\n Tab: handle.pick,\n Esc: handle.close\n };\n\n var mac = /Mac/.test(navigator.platform);\n\n if (mac) {\n baseMap[\"Ctrl-P\"] = function() {handle.moveFocus(-1);};\n baseMap[\"Ctrl-N\"] = function() {handle.moveFocus(1);};\n }\n\n var custom = completion.options.customKeys;\n var ourMap = custom ? {} : baseMap;\n function addBinding(key, val) {\n var bound;\n if (typeof val != \"string\")\n bound = function(cm) { return val(cm, handle); };\n // This mechanism is deprecated\n else if (baseMap.hasOwnProperty(val))\n bound = baseMap[val];\n else\n bound = val;\n ourMap[key] = bound;\n }\n if (custom)\n for (var key in custom) if (custom.hasOwnProperty(key))\n addBinding(key, custom[key]);\n var extra = completion.options.extraKeys;\n if (extra)\n for (var key in extra) if (extra.hasOwnProperty(key))\n addBinding(key, extra[key]);\n return ourMap;\n }\n\n function getHintElement(hintsElement, el) {\n while (el && el != hintsElement) {\n if (el.nodeName.toUpperCase() === \"LI\" && el.parentNode == hintsElement) return el;\n el = el.parentNode;\n }\n }\n\n function Widget(completion, data) {\n this.completion = completion;\n this.data = data;\n this.picked = false;\n var widget = this, cm = completion.cm;\n var ownerDocument = cm.getInputField().ownerDocument;\n var parentWindow = ownerDocument.defaultView || ownerDocument.parentWindow;\n\n var hints = this.hints = ownerDocument.createElement(\"ul\");\n var theme = completion.cm.options.theme;\n hints.className = \"CodeMirror-hints \" + theme;\n this.selectedHint = data.selectedHint || 0;\n\n var completions = data.list;\n for (var i = 0; i < completions.length; ++i) {\n var elt = hints.appendChild(ownerDocument.createElement(\"li\")), cur = completions[i];\n var className = HINT_ELEMENT_CLASS + (i != this.selectedHint ? \"\" : \" \" + ACTIVE_HINT_ELEMENT_CLASS);\n if (cur.className != null) className = cur.className + \" \" + className;\n elt.className = className;\n if (cur.render) cur.render(elt, data, cur);\n else elt.appendChild(ownerDocument.createTextNode(cur.displayText || getText(cur)));\n elt.hintId = i;\n }\n\n var container = completion.options.container || ownerDocument.body;\n var pos = cm.cursorCoords(completion.options.alignWithWord ? data.from : null);\n var left = pos.left, top = pos.bottom, below = true;\n var offsetLeft = 0, offsetTop = 0;\n if (container !== ownerDocument.body) {\n // We offset the cursor position because left and top are relative to the offsetParent's top left corner.\n var isContainerPositioned = ['absolute', 'relative', 'fixed'].indexOf(parentWindow.getComputedStyle(container).position) !== -1;\n var offsetParent = isContainerPositioned ? container : container.offsetParent;\n var offsetParentPosition = offsetParent.getBoundingClientRect();\n var bodyPosition = ownerDocument.body.getBoundingClientRect();\n offsetLeft = (offsetParentPosition.left - bodyPosition.left - offsetParent.scrollLeft);\n offsetTop = (offsetParentPosition.top - bodyPosition.top - offsetParent.scrollTop);\n }\n hints.style.left = (left - offsetLeft) + \"px\";\n hints.style.top = (top - offsetTop) + \"px\";\n\n // If we're at the edge of the screen, then we want the menu to appear on the left of the cursor.\n var winW = parentWindow.innerWidth || Math.max(ownerDocument.body.offsetWidth, ownerDocument.documentElement.offsetWidth);\n var winH = parentWindow.innerHeight || Math.max(ownerDocument.body.offsetHeight, ownerDocument.documentElement.offsetHeight);\n container.appendChild(hints);\n var box = hints.getBoundingClientRect(), overlapY = box.bottom - winH;\n var scrolls = hints.scrollHeight > hints.clientHeight + 1\n var startScroll = cm.getScrollInfo();\n\n if (overlapY > 0) {\n var height = box.bottom - box.top, curTop = pos.top - (pos.bottom - box.top);\n if (curTop - height > 0) { // Fits above cursor\n hints.style.top = (top = pos.top - height - offsetTop) + \"px\";\n below = false;\n } else if (height > winH) {\n hints.style.height = (winH - 5) + \"px\";\n hints.style.top = (top = pos.bottom - box.top - offsetTop) + \"px\";\n var cursor = cm.getCursor();\n if (data.from.ch != cursor.ch) {\n pos = cm.cursorCoords(cursor);\n hints.style.left = (left = pos.left - offsetLeft) + \"px\";\n box = hints.getBoundingClientRect();\n }\n }\n }\n var overlapX = box.right - winW;\n if (overlapX > 0) {\n if (box.right - box.left > winW) {\n hints.style.width = (winW - 5) + \"px\";\n overlapX -= (box.right - box.left) - winW;\n }\n hints.style.left = (left = pos.left - overlapX - offsetLeft) + \"px\";\n }\n if (scrolls) for (var node = hints.firstChild; node; node = node.nextSibling)\n node.style.paddingRight = cm.display.nativeBarWidth + \"px\"\n\n cm.addKeyMap(this.keyMap = buildKeyMap(completion, {\n moveFocus: function(n, avoidWrap) { widget.changeActive(widget.selectedHint + n, avoidWrap); },\n setFocus: function(n) { widget.changeActive(n); },\n menuSize: function() { return widget.screenAmount(); },\n length: completions.length,\n close: function() { completion.close(); },\n pick: function() { widget.pick(); },\n data: data\n }));\n\n if (completion.options.closeOnUnfocus) {\n var closingOnBlur;\n cm.on(\"blur\", this.onBlur = function() { closingOnBlur = setTimeout(function() { completion.close(); }, 100); });\n cm.on(\"focus\", this.onFocus = function() { clearTimeout(closingOnBlur); });\n }\n\n cm.on(\"scroll\", this.onScroll = function() {\n var curScroll = cm.getScrollInfo(), editor = cm.getWrapperElement().getBoundingClientRect();\n var newTop = top + startScroll.top - curScroll.top;\n var point = newTop - (parentWindow.pageYOffset || (ownerDocument.documentElement || ownerDocument.body).scrollTop);\n if (!below) point += hints.offsetHeight;\n if (point <= editor.top || point >= editor.bottom) return completion.close();\n hints.style.top = newTop + \"px\";\n hints.style.left = (left + startScroll.left - curScroll.left) + \"px\";\n });\n\n CodeMirror.on(hints, \"dblclick\", function(e) {\n var t = getHintElement(hints, e.target || e.srcElement);\n if (t && t.hintId != null) {widget.changeActive(t.hintId); widget.pick();}\n });\n\n CodeMirror.on(hints, \"click\", function(e) {\n var t = getHintElement(hints, e.target || e.srcElement);\n if (t && t.hintId != null) {\n widget.changeActive(t.hintId);\n if (completion.options.completeOnSingleClick) widget.pick();\n }\n });\n\n CodeMirror.on(hints, \"mousedown\", function() {\n setTimeout(function(){cm.focus();}, 20);\n });\n\n CodeMirror.signal(data, \"select\", completions[this.selectedHint], hints.childNodes[this.selectedHint]);\n return true;\n }\n\n Widget.prototype = {\n close: function() {\n if (this.completion.widget != this) return;\n this.completion.widget = null;\n this.hints.parentNode.removeChild(this.hints);\n this.completion.cm.removeKeyMap(this.keyMap);\n\n var cm = this.completion.cm;\n if (this.completion.options.closeOnUnfocus) {\n cm.off(\"blur\", this.onBlur);\n cm.off(\"focus\", this.onFocus);\n }\n cm.off(\"scroll\", this.onScroll);\n },\n\n disable: function() {\n this.completion.cm.removeKeyMap(this.keyMap);\n var widget = this;\n this.keyMap = {Enter: function() { widget.picked = true; }};\n this.completion.cm.addKeyMap(this.keyMap);\n },\n\n pick: function() {\n this.completion.pick(this.data, this.selectedHint);\n },\n\n changeActive: function(i, avoidWrap) {\n if (i >= this.data.list.length)\n i = avoidWrap ? this.data.list.length - 1 : 0;\n else if (i < 0)\n i = avoidWrap ? 0 : this.data.list.length - 1;\n if (this.selectedHint == i) return;\n var node = this.hints.childNodes[this.selectedHint];\n if (node) node.className = node.className.replace(\" \" + ACTIVE_HINT_ELEMENT_CLASS, \"\");\n node = this.hints.childNodes[this.selectedHint = i];\n node.className += \" \" + ACTIVE_HINT_ELEMENT_CLASS;\n if (node.offsetTop < this.hints.scrollTop)\n this.hints.scrollTop = node.offsetTop - 3;\n else if (node.offsetTop + node.offsetHeight > this.hints.scrollTop + this.hints.clientHeight)\n this.hints.scrollTop = node.offsetTop + node.offsetHeight - this.hints.clientHeight + 3;\n CodeMirror.signal(this.data, \"select\", this.data.list[this.selectedHint], node);\n },\n\n screenAmount: function() {\n return Math.floor(this.hints.clientHeight / this.hints.firstChild.offsetHeight) || 1;\n }\n };\n\n function applicableHelpers(cm, helpers) {\n if (!cm.somethingSelected()) return helpers\n var result = []\n for (var i = 0; i < helpers.length; i++)\n if (helpers[i].supportsSelection) result.push(helpers[i])\n return result\n }\n\n function fetchHints(hint, cm, options, callback) {\n if (hint.async) {\n hint(cm, callback, options)\n } else {\n var result = hint(cm, options)\n if (result && result.then) result.then(callback)\n else callback(result)\n }\n }\n\n function resolveAutoHints(cm, pos) {\n var helpers = cm.getHelpers(pos, \"hint\"), words\n if (helpers.length) {\n var resolved = function(cm, callback, options) {\n var app = applicableHelpers(cm, helpers);\n function run(i) {\n if (i == app.length) return callback(null)\n fetchHints(app[i], cm, options, function(result) {\n if (result && result.list.length > 0) callback(result)\n else run(i + 1)\n })\n }\n run(0)\n }\n resolved.async = true\n resolved.supportsSelection = true\n return resolved\n } else if (words = cm.getHelper(cm.getCursor(), \"hintWords\")) {\n return function(cm) { return CodeMirror.hint.fromList(cm, {words: words}) }\n } else if (CodeMirror.hint.anyword) {\n return function(cm, options) { return CodeMirror.hint.anyword(cm, options) }\n } else {\n return function() {}\n }\n }\n\n CodeMirror.registerHelper(\"hint\", \"auto\", {\n resolve: resolveAutoHints\n });\n\n CodeMirror.registerHelper(\"hint\", \"fromList\", function(cm, options) {\n var cur = cm.getCursor(), token = cm.getTokenAt(cur)\n var term, from = CodeMirror.Pos(cur.line, token.start), to = cur\n if (token.start < cur.ch && /\\w/.test(token.string.charAt(cur.ch - token.start - 1))) {\n term = token.string.substr(0, cur.ch - token.start)\n } else {\n term = \"\"\n from = cur\n }\n var found = [];\n for (var i = 0; i < options.words.length; i++) {\n var word = options.words[i];\n if (word.slice(0, term.length) == term)\n found.push(word);\n }\n\n if (found.length) return {list: found, from: from, to: to};\n });\n\n CodeMirror.commands.autocomplete = CodeMirror.showHint;\n\n var defaultOptions = {\n hint: CodeMirror.hint.auto,\n completeSingle: true,\n alignWithWord: true,\n closeCharacters: /[\\s()\\[\\]{};:>,]/,\n closeOnUnfocus: true,\n completeOnSingleClick: true,\n container: null,\n customKeys: null,\n extraKeys: null\n };\n\n CodeMirror.defineOption(\"hintOptions\", null);\n});\n"
},
{
"path": "libs/codemirror/yaml-frontmatter.js",
"content": "// CodeMirror, copyright (c) by Marijn Haverbeke and others\n// Distributed under an MIT license: https://codemirror.net/LICENSE\n\n(function (mod) {\n if (typeof exports == \"object\" && typeof module == \"object\") // CommonJS\n mod(require(\"../../lib/codemirror\"), require(\"../yaml/yaml\"))\n else if (typeof define == \"function\" && define.amd) // AMD\n define([\"../../lib/codemirror\", \"../yaml/yaml\"], mod)\n else // Plain browser env\n mod(CodeMirror)\n})(function (CodeMirror) {\n\n var START = 0, FRONTMATTER = 1, BODY = 2\n\n // a mixed mode for Markdown text with an optional YAML front matter\n CodeMirror.defineMode(\"yaml-frontmatter\", function (config, parserConfig) {\n var yamlMode = CodeMirror.getMode(config, \"yaml\")\n var innerMode = CodeMirror.getMode(config, parserConfig && parserConfig.base || \"gfm\")\n\n function curMode(state) {\n return state.state == BODY ? innerMode : yamlMode\n }\n\n return {\n startState: function () {\n return {\n state: START,\n inner: CodeMirror.startState(yamlMode)\n }\n },\n copyState: function (state) {\n return {\n state: state.state,\n inner: CodeMirror.copyState(curMode(state), state.inner)\n }\n },\n token: function (stream, state) {\n if (state.state == START) {\n if (stream.match(/---/, false)) {\n state.state = FRONTMATTER\n return yamlMode.token(stream, state.inner)\n } else {\n state.state = BODY\n state.inner = CodeMirror.startState(innerMode)\n return innerMode.token(stream, state.inner)\n }\n } else if (state.state == FRONTMATTER) {\n var end = stream.sol() && stream.match(/---/, false)\n var style = yamlMode.token(stream, state.inner)\n if (end) {\n state.state = BODY\n state.inner = CodeMirror.startState(innerMode)\n }\n return style\n } else {\n return innerMode.token(stream, state.inner)\n }\n },\n innerMode: function (state) {\n return {mode: curMode(state), state: state.inner}\n },\n blankLine: function (state) {\n var mode = curMode(state)\n if (mode.blankLine) return mode.blankLine(state.inner)\n }\n }\n })\n});\n"
},
{
"path": "libs/easymde/easymde.css",
"content": ".CodeMirror {\n box-sizing: border-box;\n height: auto;\n /*border: 1px solid #ddd;\n border-bottom-left-radius: 4px;\n border-bottom-right-radius: 4px;\n padding: 10px;*/\n font: inherit;\n z-index: 1;\n word-wrap: break-word;\n}\n\n.CodeMirror-scroll {\n cursor: text;\n}\n\n.CodeMirror-fullscreen {\n background: #fff;\n position: fixed !important;\n top: 50px;\n left: 0;\n right: 0;\n bottom: 0;\n height: auto;\n z-index: 9;\n border-right: none !important;\n border-bottom-right-radius: 0 !important;\n}\n\n.CodeMirror-sided {\n width: 50% !important;\n}\n\n.CodeMirror-placeholder {\n opacity: .5;\n}\n\n.CodeMirror-focused .CodeMirror-selected {\n background: #d9d9d9;\n}\n\n.editor-toolbar {\n position: relative;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n -o-user-select: none;\n user-select: none;\n /*\n padding: 0 10px;\n border-top: 1px solid #bbb;\n border-left: 1px solid #bbb;\n border-right: 1px solid #bbb;\n border-top-left-radius: 4px;\n border-top-right-radius: 4px;*/\n}\n\n.editor-toolbar:after,\n.editor-toolbar:before {\n display: block;\n content: ' ';\n height: 1px;\n}\n\n.editor-toolbar:before {\n margin-bottom: 8px\n}\n\n.editor-toolbar:after {\n margin-top: 8px\n}\n\n.editor-toolbar.fullscreen {\n width: 100%;\n height: 50px;\n overflow-x: auto;\n overflow-y: hidden;\n white-space: nowrap;\n padding-top: 10px;\n padding-bottom: 10px;\n box-sizing: border-box;\n background: #fff;\n border: 0;\n position: fixed;\n top: 0;\n left: 0;\n opacity: 1;\n z-index: 9;\n}\n\n.editor-toolbar.fullscreen::before {\n width: 20px;\n height: 50px;\n background: -moz-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);\n background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 0)));\n background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);\n background: -o-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);\n background: -ms-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);\n background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);\n position: fixed;\n top: 0;\n left: 0;\n margin: 0;\n padding: 0;\n}\n\n.editor-toolbar.fullscreen::after {\n width: 20px;\n height: 50px;\n background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);\n background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 1)));\n background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);\n background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);\n background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);\n background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);\n position: fixed;\n top: 0;\n right: 0;\n margin: 0;\n padding: 0;\n}\n\n.editor-toolbar button {\n background: transparent;\n display: inline-block;\n text-align: center;\n text-decoration: none !important;\n width: 30px;\n height: 30px;\n margin: 0;\n padding: 0;\n border: 1px solid transparent;\n border-radius: 3px;\n cursor: pointer;\n}\n\n.editor-toolbar button.active,\n.editor-toolbar button:hover {\n background: #fcfcfc;\n border-color: #95a5a6;\n}\n\n.editor-toolbar i.separator {\n display: inline-block;\n width: 0;\n border-left: 1px solid #d9d9d9;\n border-right: 1px solid #fff;\n color: transparent;\n text-indent: -10px;\n margin: 0 6px;\n}\n\n.editor-toolbar button:after {\n font-family: Arial, \"Helvetica Neue\", Helvetica, sans-serif;\n font-size: 65%;\n vertical-align: text-bottom;\n position: relative;\n top: 2px;\n}\n\n.editor-toolbar button.heading-1:after {\n content: \"1\";\n}\n\n.editor-toolbar button.heading-2:after {\n content: \"2\";\n}\n\n.editor-toolbar button.heading-3:after {\n content: \"3\";\n}\n\n.editor-toolbar button.heading-bigger:after {\n content: \"▲\";\n}\n\n.editor-toolbar button.heading-smaller:after {\n content: \"▼\";\n}\n\n.editor-toolbar.disabled-for-preview button:not(.no-disable) {\n opacity: .6;\n pointer-events: none;\n}\n\n@media only screen and (max-width: 700px) {\n .editor-toolbar i.no-mobile {\n display: none;\n }\n}\n\n.editor-statusbar {\n padding: 8px 10px;\n font-size: 12px;\n color: #959694;\n text-align: right;\n}\n\n.editor-statusbar span {\n display: inline-block;\n min-width: 4em;\n margin-left: 1em;\n}\n\n.editor-statusbar .lines:before {\n content: 'lines: '\n}\n\n.editor-statusbar .words:before {\n content: 'words: '\n}\n\n.editor-statusbar .characters:before {\n content: 'characters: '\n}\n\n.editor-preview-full {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n z-index: 7;\n overflow: auto;\n display: none;\n box-sizing: border-box;\n}\n\n.editor-preview-side {\n position: fixed;\n bottom: 0;\n width: 50%;\n top: 50px;\n right: 0;\n z-index: 9;\n overflow: auto;\n display: none;\n box-sizing: border-box;\n border: 1px solid #ddd;\n word-wrap: break-word;\n}\n\n.editor-preview-active-side {\n display: block\n}\n\n.editor-preview-active {\n display: block\n}\n\n.editor-preview {\n padding: 10px;\n background: white;\n}\n\n.editor-preview > p {\n margin-top: 0\n}\n\n.editor-preview pre {\n background: #eee;\n margin-bottom: 10px;\n}\n\n.editor-preview table td,\n.editor-preview table th {\n border: 1px solid #ddd;\n padding: 5px;\n}\n\n.cm-s-easymde .cm-tag {\n color: #63a35c;\n}\n\n.cm-s-easymde .cm-attribute {\n color: #795da3;\n}\n\n.cm-s-easymde .cm-string {\n color: #183691;\n}\n\n.cm-s-easymde .cm-header-1 {\n font-size: 200%;\n line-height: 200%;\n}\n\n.cm-s-easymde .cm-header-2 {\n font-size: 160%;\n line-height: 160%;\n}\n\n.cm-s-easymde .cm-header-3 {\n font-size: 125%;\n line-height: 125%;\n}\n\n.cm-s-easymde .cm-header-4 {\n font-size: 110%;\n line-height: 110%;\n}\n\n.cm-s-easymde .cm-comment {\n background: rgba(0, 0, 0, .05);\n border-radius: 2px;\n}\n\n.cm-s-easymde .cm-link {\n color: #7f8c8d;\n}\n\n.cm-s-easymde .cm-url {\n color: #aab2b3;\n}\n\n.cm-s-easymde .cm-quote {\n color: #7f8c8d;\n font-style: italic;\n}"
},
{
"path": "libs/filepond/filepond-plugin-file-poster.css",
"content": "/*!\n * FilePondPluginFilePoster 2.5.1\n * Licensed under MIT, https://opensource.org/licenses/MIT/\n * Please visit https://pqina.nl/filepond/ for details.\n */\n\n/* eslint-disable */\n.filepond--file-poster-wrapper {\n z-index: 2;\n}\n\n.filepond--image-preview-wrapper ~ .filepond--file-poster-wrapper {\n display: none;\n}\n.filepond--file-poster-overlay {\n display: block;\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n min-height: 5rem;\n max-height: 7rem;\n margin: 0;\n opacity: 0;\n z-index: 1;\n mix-blend-mode: multiply;\n pointer-events: none;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n\n /* fixes chrome bug */\n aspect-ratio: auto;\n}\n\n/* success (is second canvas) */\n.filepond--file-poster-overlay:nth-of-type(2) {\n mix-blend-mode: normal;\n}\n\n/* error (is third canvas) */\n.filepond--file-poster-overlay:nth-of-type(3) {\n mix-blend-mode: normal;\n}\n\n/* disable for Safari as mix-blend-mode causes the overflow:hidden of the parent container to not work */\n@supports (-webkit-marquee-repetition: infinite) and\n ((-o-object-fit: fill) or (object-fit: fill)) {\n .filepond--file-poster-overlay {\n mix-blend-mode: normal;\n }\n}\n.filepond--file-poster-wrapper {\n /* no interaction */\n pointer-events: none;\n\n /* have preview fill up all available space */\n position: absolute;\n left: 0;\n top: 0;\n right: 0;\n height: 100%;\n margin: 0;\n\n /* radius is .05em less to prevent the panel background color from shining through */\n border-radius: 0.45em;\n overflow: hidden;\n\n /* this seems to prevent Chrome from redrawing this layer constantly */\n background: rgba(0, 0, 0, 0.01);\n}\n.filepond--file-poster {\n position: relative;\n z-index: 1;\n display: block;\n width: 100%;\n height: 100%;\n pointer-events: none;\n -webkit-transform-origin: center center;\n transform-origin: center center;\n background: #222;\n\n /* will be animated */\n will-change: transform, opacity;\n}\n.filepond--file-poster img {\n height: 100%;\n width: auto;\n position: relative;\n overflow: hidden;\n margin: 0 auto;\n display: block;\n will-change: transform;\n}\n.filepond--root[data-style-panel-layout~='integrated']\n .filepond--file-poster-wrapper {\n border-radius: 0;\n}\n.filepond--root[data-style-panel-layout~='integrated'] .filepond--file-poster {\n height: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.filepond--root[data-style-panel-layout~='circle']\n .filepond--file-poster-wrapper {\n border-radius: 99999rem;\n}\n.filepond--root[data-style-panel-layout~='circle']\n .filepond--file-poster-overlay {\n top: auto;\n bottom: 0;\n -webkit-transform: scaleY(-1);\n transform: scaleY(-1);\n}\n.filepond--root[data-style-panel-layout~='circle']\n .filepond--file\n .filepond--file-action-button[data-align*='bottom']:not([data-align*='center']) {\n margin-bottom: 0.325em;\n}\n.filepond--root[data-style-panel-layout~='circle']\n .filepond--file\n [data-align*='left'] {\n left: calc(50% - 3em);\n}\n.filepond--root[data-style-panel-layout~='circle']\n .filepond--file\n [data-align*='right'] {\n right: calc(50% - 3em);\n}\n.filepond--root[data-style-panel-layout~='circle']\n .filepond--progress-indicator[data-align*='bottom'][data-align*='left'],\n.filepond--root[data-style-panel-layout~='circle']\n .filepond--progress-indicator[data-align*='bottom'][data-align*='right'] {\n margin-bottom: calc(0.325em + 0.1875em);\n}\n.filepond--root[data-style-panel-layout~='circle']\n .filepond--progress-indicator[data-align*='bottom'][data-align*='center'] {\n margin-top: 0;\n margin-bottom: 0.1875em;\n margin-left: 0.1875em;\n}\n"
},
{
"path": "libs/filepond/filepond-plugin-file-poster.js",
"content": "/*!\n * FilePondPluginFilePoster 2.5.1\n * Licensed under MIT, https://opensource.org/licenses/MIT/\n * Please visit https://pqina.nl/filepond/ for details.\n */\n\n/* eslint-disable */\n\n(function(global, factory) {\n typeof exports === 'object' && typeof module !== 'undefined'\n ? (module.exports = factory())\n : typeof define === 'function' && define.amd\n ? define(factory)\n : ((global = global || self),\n (global.FilePondPluginFilePoster = factory()));\n})(this, function() {\n 'use strict';\n\n var IMAGE_SCALE_SPRING_PROPS = {\n type: 'spring',\n stiffness: 0.5,\n damping: 0.45,\n mass: 10\n };\n\n var createPosterView = function createPosterView(_) {\n return _.utils.createView({\n name: 'file-poster',\n tag: 'div',\n ignoreRect: true,\n create: function create(_ref) {\n var root = _ref.root;\n root.ref.image = document.createElement('img');\n root.element.appendChild(root.ref.image);\n },\n write: _.utils.createRoute({\n DID_FILE_POSTER_LOAD: function DID_FILE_POSTER_LOAD(_ref2) {\n var root = _ref2.root,\n props = _ref2.props;\n var id = props.id;\n\n // get item\n var item = root.query('GET_ITEM', { id: props.id });\n if (!item) return;\n\n // get poster\n var poster = item.getMetadata('poster');\n root.ref.image.src = poster;\n\n // let others know of our fabulous achievement (so the image can be faded in)\n root.dispatch('DID_FILE_POSTER_DRAW', { id: id });\n }\n }),\n\n mixins: {\n styles: ['scaleX', 'scaleY', 'opacity'],\n animations: {\n scaleX: IMAGE_SCALE_SPRING_PROPS,\n scaleY: IMAGE_SCALE_SPRING_PROPS,\n opacity: { type: 'tween', duration: 750 }\n }\n }\n });\n };\n\n var applyTemplate = function applyTemplate(source, target) {\n // copy width and height\n target.width = source.width;\n target.height = source.height;\n\n // draw the template\n var ctx = target.getContext('2d');\n ctx.drawImage(source, 0, 0);\n };\n\n var createPosterOverlayView = function createPosterOverlayView(fpAPI) {\n return fpAPI.utils.createView({\n name: 'file-poster-overlay',\n tag: 'canvas',\n ignoreRect: true,\n create: function create(_ref) {\n var root = _ref.root,\n props = _ref.props;\n applyTemplate(props.template, root.element);\n },\n mixins: {\n styles: ['opacity'],\n animations: {\n opacity: { type: 'spring', mass: 25 }\n }\n }\n });\n };\n\n var getImageSize = function getImageSize(url, cb) {\n var image = new Image();\n image.onload = function() {\n var width = image.naturalWidth;\n var height = image.naturalHeight;\n image = null;\n cb(width, height);\n };\n image.src = url;\n };\n\n var easeInOutSine = function easeInOutSine(t) {\n return -0.5 * (Math.cos(Math.PI * t) - 1);\n };\n\n var addGradientSteps = function addGradientSteps(gradient, color) {\n var alpha =\n arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;\n var easeFn =\n arguments.length > 3 && arguments[3] !== undefined\n ? arguments[3]\n : easeInOutSine;\n var steps =\n arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 10;\n var offset =\n arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : 0;\n var range = 1 - offset;\n var rgb = color.join(',');\n for (var i = 0; i <= steps; i++) {\n var p = i / steps;\n var stop = offset + range * p;\n gradient.addColorStop(\n stop,\n 'rgba('.concat(rgb, ', ').concat(easeFn(p) * alpha, ')')\n );\n }\n };\n\n var MAX_WIDTH = 10;\n var MAX_HEIGHT = 10;\n\n var calculateAverageColor = function calculateAverageColor(image) {\n var scalar = Math.min(MAX_WIDTH / image.width, MAX_HEIGHT / image.height);\n\n var canvas = document.createElement('canvas');\n var ctx = canvas.getContext('2d');\n var width = (canvas.width = Math.ceil(image.width * scalar));\n var height = (canvas.height = Math.ceil(image.height * scalar));\n ctx.drawImage(image, 0, 0, width, height);\n var data = null;\n try {\n data = ctx.getImageData(0, 0, width, height).data;\n } catch (e) {\n return null;\n }\n var l = data.length;\n\n var r = 0;\n var g = 0;\n var b = 0;\n var i = 0;\n\n for (; i < l; i += 4) {\n r += data[i] * data[i];\n g += data[i + 1] * data[i + 1];\n b += data[i + 2] * data[i + 2];\n }\n\n r = averageColor(r, l);\n g = averageColor(g, l);\n b = averageColor(b, l);\n\n return { r: r, g: g, b: b };\n };\n\n var averageColor = function averageColor(c, l) {\n return Math.floor(Math.sqrt(c / (l / 4)));\n };\n\n var drawTemplate = function drawTemplate(\n canvas,\n width,\n height,\n color,\n alphaTarget\n ) {\n canvas.width = width;\n canvas.height = height;\n var ctx = canvas.getContext('2d');\n\n var horizontalCenter = width * 0.5;\n\n var grad = ctx.createRadialGradient(\n horizontalCenter,\n height + 110,\n height - 100,\n horizontalCenter,\n height + 110,\n height + 100\n );\n\n addGradientSteps(grad, color, alphaTarget, undefined, 8, 0.4);\n\n ctx.save();\n ctx.translate(-width * 0.5, 0);\n ctx.scale(2, 1);\n ctx.fillStyle = grad;\n ctx.fillRect(0, 0, width, height);\n ctx.restore();\n };\n\n var hasNavigator = typeof navigator !== 'undefined';\n\n var width = 500;\n var height = 200;\n\n var overlayTemplateShadow = hasNavigator && document.createElement('canvas');\n var overlayTemplateError = hasNavigator && document.createElement('canvas');\n var overlayTemplateSuccess = hasNavigator && document.createElement('canvas');\n\n var itemShadowColor = [40, 40, 40];\n var itemErrorColor = [196, 78, 71];\n var itemSuccessColor = [54, 151, 99];\n\n if (hasNavigator) {\n drawTemplate(overlayTemplateShadow, width, height, itemShadowColor, 0.85);\n drawTemplate(overlayTemplateError, width, height, itemErrorColor, 1);\n drawTemplate(overlayTemplateSuccess, width, height, itemSuccessColor, 1);\n }\n\n var loadImage = function loadImage(url, crossOriginValue) {\n return new Promise(function(resolve, reject) {\n var img = new Image();\n if (typeof crossOrigin === 'string') {\n img.crossOrigin = crossOriginValue;\n }\n img.onload = function() {\n resolve(img);\n };\n img.onerror = function(e) {\n reject(e);\n };\n img.src = url;\n });\n };\n\n var createPosterWrapperView = function createPosterWrapperView(_) {\n // create overlay view\n var overlay = createPosterOverlayView(_);\n\n /**\n * Write handler for when preview container has been created\n */\n var didCreatePreviewContainer = function didCreatePreviewContainer(_ref) {\n var root = _ref.root,\n props = _ref.props;\n var id = props.id;\n\n // we need to get the file data to determine the eventual image size\n var item = root.query('GET_ITEM', id);\n if (!item) return;\n\n // get url to file\n var fileURL = item.getMetadata('poster');\n\n // image is now ready\n var previewImageLoaded = function previewImageLoaded(data) {\n // calculate average image color, is in try catch to circumvent any cors errors\n var averageColor = root.query(\n 'GET_FILE_POSTER_CALCULATE_AVERAGE_IMAGE_COLOR'\n )\n ? calculateAverageColor(data)\n : null;\n item.setMetadata('color', averageColor, true);\n\n // the preview is now ready to be drawn\n root.dispatch('DID_FILE_POSTER_LOAD', {\n id: id,\n data: data\n });\n };\n\n // determine image size of this item\n getImageSize(fileURL, function(width, height) {\n // we can now scale the panel to the final size\n root.dispatch('DID_FILE_POSTER_CALCULATE_SIZE', {\n id: id,\n width: width,\n height: height\n });\n\n // create fallback preview\n loadImage(\n fileURL,\n root.query('GET_FILE_POSTER_CROSS_ORIGIN_ATTRIBUTE_VALUE')\n ).then(previewImageLoaded);\n });\n };\n\n /**\n * Write handler for when the preview has been loaded\n */\n var didLoadPreview = function didLoadPreview(_ref2) {\n var root = _ref2.root;\n root.ref.overlayShadow.opacity = 1;\n };\n\n /**\n * Write handler for when the preview image is ready to be animated\n */\n var didDrawPreview = function didDrawPreview(_ref3) {\n var root = _ref3.root;\n var image = root.ref.image;\n\n // reveal image\n image.scaleX = 1.0;\n image.scaleY = 1.0;\n image.opacity = 1;\n };\n\n /**\n * Write handler for when the preview has been loaded\n */\n var restoreOverlay = function restoreOverlay(_ref4) {\n var root = _ref4.root;\n root.ref.overlayShadow.opacity = 1;\n root.ref.overlayError.opacity = 0;\n root.ref.overlaySuccess.opacity = 0;\n };\n\n var didThrowError = function didThrowError(_ref5) {\n var root = _ref5.root;\n root.ref.overlayShadow.opacity = 0.25;\n root.ref.overlayError.opacity = 1;\n };\n\n var didCompleteProcessing = function didCompleteProcessing(_ref6) {\n var root = _ref6.root;\n root.ref.overlayShadow.opacity = 0.25;\n root.ref.overlaySuccess.opacity = 1;\n };\n\n /**\n * Constructor\n */\n var create = function create(_ref7) {\n var root = _ref7.root,\n props = _ref7.props;\n // test if colors aren't default item overlay colors\n var itemShadowColorProp = root.query(\n 'GET_FILE_POSTER_ITEM_OVERLAY_SHADOW_COLOR'\n );\n\n var itemErrorColorProp = root.query(\n 'GET_FILE_POSTER_ITEM_OVERLAY_ERROR_COLOR'\n );\n\n var itemSuccessColorProp = root.query(\n 'GET_FILE_POSTER_ITEM_OVERLAY_SUCCESS_COLOR'\n );\n\n if (itemShadowColorProp && itemShadowColorProp !== itemShadowColor) {\n itemShadowColor = itemShadowColorProp;\n drawTemplate(\n overlayTemplateShadow,\n width,\n height,\n itemShadowColor,\n 0.85\n );\n }\n if (itemErrorColorProp && itemErrorColorProp !== itemErrorColor) {\n itemErrorColor = itemErrorColorProp;\n drawTemplate(overlayTemplateError, width, height, itemErrorColor, 1);\n }\n if (itemSuccessColorProp && itemSuccessColorProp !== itemSuccessColor) {\n itemSuccessColor = itemSuccessColorProp;\n drawTemplate(\n overlayTemplateSuccess,\n width,\n height,\n itemSuccessColor,\n 1\n );\n }\n\n // image view\n var image = createPosterView(_);\n\n // append image presenter\n root.ref.image = root.appendChildView(\n root.createChildView(image, {\n id: props.id,\n scaleX: 1.25,\n scaleY: 1.25,\n opacity: 0\n })\n );\n\n // image overlays\n root.ref.overlayShadow = root.appendChildView(\n root.createChildView(overlay, {\n template: overlayTemplateShadow,\n opacity: 0\n })\n );\n\n root.ref.overlaySuccess = root.appendChildView(\n root.createChildView(overlay, {\n template: overlayTemplateSuccess,\n opacity: 0\n })\n );\n\n root.ref.overlayError = root.appendChildView(\n root.createChildView(overlay, {\n template: overlayTemplateError,\n opacity: 0\n })\n );\n };\n\n return _.utils.createView({\n name: 'file-poster-wrapper',\n create: create,\n write: _.utils.createRoute({\n // image preview stated\n DID_FILE_POSTER_LOAD: didLoadPreview,\n DID_FILE_POSTER_DRAW: didDrawPreview,\n DID_FILE_POSTER_CONTAINER_CREATE: didCreatePreviewContainer,\n\n // file states\n DID_THROW_ITEM_LOAD_ERROR: didThrowError,\n DID_THROW_ITEM_PROCESSING_ERROR: didThrowError,\n DID_THROW_ITEM_INVALID: didThrowError,\n DID_COMPLETE_ITEM_PROCESSING: didCompleteProcessing,\n DID_START_ITEM_PROCESSING: restoreOverlay,\n DID_REVERT_ITEM_PROCESSING: restoreOverlay\n })\n });\n };\n\n /**\n * File Poster Plugin\n */\n var plugin = function plugin(fpAPI) {\n var addFilter = fpAPI.addFilter,\n utils = fpAPI.utils;\n var Type = utils.Type,\n createRoute = utils.createRoute;\n\n // filePosterView\n var filePosterView = createPosterWrapperView(fpAPI);\n\n // called for each view that is created right after the 'create' method\n addFilter('CREATE_VIEW', function(viewAPI) {\n // get reference to created view\n var is = viewAPI.is,\n view = viewAPI.view,\n query = viewAPI.query;\n\n // only hook up to item view and only if is enabled for this cropper\n if (!is('file') || !query('GET_ALLOW_FILE_POSTER')) return;\n\n // create the file poster plugin, but only do so if the item is an image\n var didLoadItem = function didLoadItem(_ref) {\n var root = _ref.root,\n props = _ref.props;\n updateItemPoster(root, props);\n };\n\n var didUpdateItemMetadata = function didUpdateItemMetadata(_ref2) {\n var root = _ref2.root,\n props = _ref2.props,\n action = _ref2.action;\n if (!/poster/.test(action.change.key)) return;\n updateItemPoster(root, props);\n };\n\n var updateItemPoster = function updateItemPoster(root, props) {\n var id = props.id;\n var item = query('GET_ITEM', id);\n\n // item could theoretically have been removed in the mean time\n if (!item || !item.getMetadata('poster') || item.archived) return;\n\n // don't update if is the same poster\n if (root.ref.previousPoster === item.getMetadata('poster')) return;\n root.ref.previousPoster = item.getMetadata('poster');\n\n // test if is filtered\n if (!query('GET_FILE_POSTER_FILTER_ITEM')(item)) return;\n\n if (root.ref.filePoster) {\n view.removeChildView(root.ref.filePoster);\n }\n\n // set preview view\n root.ref.filePoster = view.appendChildView(\n view.createChildView(filePosterView, { id: id })\n );\n\n // now ready\n root.dispatch('DID_FILE_POSTER_CONTAINER_CREATE', { id: id });\n };\n\n var didCalculatePreviewSize = function didCalculatePreviewSize(_ref3) {\n var root = _ref3.root,\n action = _ref3.action;\n // no poster set\n if (!root.ref.filePoster) return;\n\n // remember dimensions\n root.ref.imageWidth = action.width;\n root.ref.imageHeight = action.height;\n\n root.ref.shouldUpdatePanelHeight = true;\n\n root.dispatch('KICK');\n };\n\n var getPosterHeight = function getPosterHeight(_ref4) {\n var root = _ref4.root;\n var fixedPosterHeight = root.query('GET_FILE_POSTER_HEIGHT');\n\n // if fixed height: return fixed immediately\n if (fixedPosterHeight) {\n return fixedPosterHeight;\n }\n\n var minPosterHeight = root.query('GET_FILE_POSTER_MIN_HEIGHT');\n var maxPosterHeight = root.query('GET_FILE_POSTER_MAX_HEIGHT');\n\n // if natural height is smaller than minHeight: return min height\n if (minPosterHeight && root.ref.imageHeight < minPosterHeight) {\n return minPosterHeight;\n }\n\n var height =\n root.rect.element.width *\n (root.ref.imageHeight / root.ref.imageWidth);\n\n if (minPosterHeight && height < minPosterHeight) {\n return minPosterHeight;\n }\n if (maxPosterHeight && height > maxPosterHeight) {\n return maxPosterHeight;\n }\n\n return height;\n };\n\n // start writing\n view.registerWriter(\n createRoute(\n {\n DID_LOAD_ITEM: didLoadItem,\n DID_FILE_POSTER_CALCULATE_SIZE: didCalculatePreviewSize,\n DID_UPDATE_ITEM_METADATA: didUpdateItemMetadata\n },\n\n function(_ref5) {\n var root = _ref5.root,\n props = _ref5.props;\n // don't run without poster\n if (!root.ref.filePoster) return;\n\n // don't do anything while hidden\n if (root.rect.element.hidden) return;\n\n // should we redraw\n if (root.ref.shouldUpdatePanelHeight) {\n // time to resize the parent panel\n root.dispatch('DID_UPDATE_PANEL_HEIGHT', {\n id: props.id,\n height: getPosterHeight({ root: root })\n });\n\n // done!\n root.ref.shouldUpdatePanelHeight = false;\n }\n }\n )\n );\n });\n\n // expose plugin\n return {\n options: {\n // Enable or disable file poster\n allowFilePoster: [true, Type.BOOLEAN],\n\n // Fixed preview height\n filePosterHeight: [null, Type.INT],\n\n // Min image height\n filePosterMinHeight: [null, Type.INT],\n\n // Max image height\n filePosterMaxHeight: [null, Type.INT],\n\n // filters file items to determine which are shown as poster\n filePosterFilterItem: [\n function() {\n return true;\n },\n Type.FUNCTION\n ],\n\n // Enables or disables reading average image color\n filePosterCalculateAverageImageColor: [false, Type.BOOLEAN],\n\n // Allows setting the value of the CORS attribute (null is don't set attribute)\n filePosterCrossOriginAttributeValue: ['Anonymous', Type.STRING],\n\n // Colors used for item overlay gradient\n filePosterItemOverlayShadowColor: [null, Type.ARRAY],\n filePosterItemOverlayErrorColor: [null, Type.ARRAY],\n filePosterItemOverlaySuccessColor: [null, Type.ARRAY]\n }\n };\n };\n\n // fire pluginloaded event if running in browser, this allows registering the plugin when using async script tags\n var isBrowser =\n typeof window !== 'undefined' && typeof window.document !== 'undefined';\n if (isBrowser) {\n document.dispatchEvent(\n new CustomEvent('FilePond:pluginloaded', { detail: plugin })\n );\n }\n\n return plugin;\n});\n"
},
{
"path": "libs/filepond/filepond-plugin-image-preview.css",
"content": "/*!\n * FilePondPluginImagePreview 4.6.12\n * Licensed under MIT, https://opensource.org/licenses/MIT/\n * Please visit https://pqina.nl/filepond/ for details.\n */\n\n/* eslint-disable */\n.filepond--image-preview-markup {\n position: absolute;\n left: 0;\n top: 0;\n}\n.filepond--image-preview-wrapper {\n z-index: 2;\n}\n.filepond--image-preview-overlay {\n display: block;\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n min-height: 5rem;\n max-height: 7rem;\n margin: 0;\n opacity: 0;\n z-index: 2;\n pointer-events: none;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n.filepond--image-preview-overlay svg {\n width: 100%;\n height: auto;\n color: inherit;\n max-height: inherit;\n}\n.filepond--image-preview-overlay-idle {\n mix-blend-mode: multiply;\n color: rgba(40, 40, 40, 0.85);\n}\n.filepond--image-preview-overlay-success {\n mix-blend-mode: normal;\n color: rgba(54, 151, 99, 1);\n}\n.filepond--image-preview-overlay-failure {\n mix-blend-mode: normal;\n color: rgba(196, 78, 71, 1);\n}\n/* disable for Safari as mix-blend-mode causes the overflow:hidden of the parent container to not work */\n@supports (-webkit-marquee-repetition: infinite) and\n ((-o-object-fit: fill) or (object-fit: fill)) {\n .filepond--image-preview-overlay-idle {\n mix-blend-mode: normal;\n }\n}\n.filepond--image-preview-wrapper {\n /* no interaction */\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n\n /* have preview fill up all available space */\n position: absolute;\n left: 0;\n top: 0;\n right: 0;\n height: 100%;\n margin: 0;\n\n /* radius is .05em less to prevent the panel background color from shining through */\n border-radius: 0.45em;\n overflow: hidden;\n\n /* this seems to prevent Chrome from redrawing this layer constantly */\n background: rgba(0, 0, 0, 0.01);\n}\n.filepond--image-preview {\n position: absolute;\n left: 0;\n top: 0;\n z-index: 1;\n display: flex; /* this aligns the graphic vertically if the panel is higher than the image */\n align-items: center;\n height: 100%;\n width: 100%;\n pointer-events: none;\n background: #222;\n\n /* will be animated */\n will-change: transform, opacity;\n}\n.filepond--image-clip {\n position: relative;\n overflow: hidden;\n margin: 0 auto;\n\n /* transparency indicator (currently only supports grid or basic color) */\n}\n.filepond--image-clip[data-transparency-indicator='grid'] img,\n.filepond--image-clip[data-transparency-indicator='grid'] canvas {\n background-color: #fff;\n background-image: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' fill='%23eee'%3E%3Cpath d='M0 0 H50 V50 H0'/%3E%3Cpath d='M50 50 H100 V100 H50'/%3E%3C/svg%3E\");\n background-size: 1.25em 1.25em;\n}\n.filepond--image-bitmap,\n.filepond--image-vector {\n position: absolute;\n left: 0;\n top: 0;\n will-change: transform;\n}\n.filepond--root[data-style-panel-layout~='integrated']\n .filepond--image-preview-wrapper {\n border-radius: 0;\n}\n.filepond--root[data-style-panel-layout~='integrated']\n .filepond--image-preview {\n height: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.filepond--root[data-style-panel-layout~='circle']\n .filepond--image-preview-wrapper {\n border-radius: 99999rem;\n}\n.filepond--root[data-style-panel-layout~='circle']\n .filepond--image-preview-overlay {\n top: auto;\n bottom: 0;\n -webkit-transform: scaleY(-1);\n transform: scaleY(-1);\n}\n.filepond--root[data-style-panel-layout~='circle']\n .filepond--file\n .filepond--file-action-button[data-align*='bottom']:not([data-align*='center']) {\n margin-bottom: 0.325em;\n}\n.filepond--root[data-style-panel-layout~='circle']\n .filepond--file\n [data-align*='left'] {\n left: calc(50% - 3em);\n}\n.filepond--root[data-style-panel-layout~='circle']\n .filepond--file\n [data-align*='right'] {\n right: calc(50% - 3em);\n}\n.filepond--root[data-style-panel-layout~='circle']\n .filepond--progress-indicator[data-align*='bottom'][data-align*='left'],\n.filepond--root[data-style-panel-layout~='circle']\n .filepond--progress-indicator[data-align*='bottom'][data-align*='right'] {\n margin-bottom: calc(0.325em + 0.1875em);\n}\n.filepond--root[data-style-panel-layout~='circle']\n .filepond--progress-indicator[data-align*='bottom'][data-align*='center'] {\n margin-top: 0;\n margin-bottom: 0.1875em;\n margin-left: 0.1875em;\n}\n"
},
{
"path": "libs/filepond/filepond-plugin-image-preview.js",
"content": "/*!\n * FilePondPluginImagePreview 4.6.12\n * Licensed under MIT, https://opensource.org/licenses/MIT/\n * Please visit https://pqina.nl/filepond/ for details.\n */\n\n/* eslint-disable */\n\n(function(global, factory) {\n typeof exports === 'object' && typeof module !== 'undefined'\n ? (module.exports = factory())\n : typeof define === 'function' && define.amd\n ? define(factory)\n : ((global = global || self),\n (global.FilePondPluginImagePreview = factory()));\n})(this, function() {\n 'use strict';\n\n // test if file is of type image and can be viewed in canvas\n var isPreviewableImage = function isPreviewableImage(file) {\n return /^image/.test(file.type);\n };\n\n function _typeof(obj) {\n if (typeof Symbol === 'function' && typeof Symbol.iterator === 'symbol') {\n _typeof = function(obj) {\n return typeof obj;\n };\n } else {\n _typeof = function(obj) {\n return obj &&\n typeof Symbol === 'function' &&\n obj.constructor === Symbol &&\n obj !== Symbol.prototype\n ? 'symbol'\n : typeof obj;\n };\n }\n\n return _typeof(obj);\n }\n\n var REACT_ELEMENT_TYPE;\n\n function _jsx(type, props, key, children) {\n if (!REACT_ELEMENT_TYPE) {\n REACT_ELEMENT_TYPE =\n (typeof Symbol === 'function' &&\n Symbol.for &&\n Symbol.for('react.element')) ||\n 0xeac7;\n }\n\n var defaultProps = type && type.defaultProps;\n var childrenLength = arguments.length - 3;\n\n if (!props && childrenLength !== 0) {\n props = {\n children: void 0\n };\n }\n\n if (props && defaultProps) {\n for (var propName in defaultProps) {\n if (props[propName] === void 0) {\n props[propName] = defaultProps[propName];\n }\n }\n } else if (!props) {\n props = defaultProps || {};\n }\n\n if (childrenLength === 1) {\n props.children = children;\n } else if (childrenLength > 1) {\n var childArray = new Array(childrenLength);\n\n for (var i = 0; i < childrenLength; i++) {\n childArray[i] = arguments[i + 3];\n }\n\n props.children = childArray;\n }\n\n return {\n $$typeof: REACT_ELEMENT_TYPE,\n type: type,\n key: key === undefined ? null : '' + key,\n ref: null,\n props: props,\n _owner: null\n };\n }\n\n function _asyncIterator(iterable) {\n var method;\n\n if (typeof Symbol === 'function') {\n if (Symbol.asyncIterator) {\n method = iterable[Symbol.asyncIterator];\n if (method != null) return method.call(iterable);\n }\n\n if (Symbol.iterator) {\n method = iterable[Symbol.iterator];\n if (method != null) return method.call(iterable);\n }\n }\n\n throw new TypeError('Object is not async iterable');\n }\n\n function _AwaitValue(value) {\n this.wrapped = value;\n }\n\n function _AsyncGenerator(gen) {\n var front, back;\n\n function send(key, arg) {\n return new Promise(function(resolve, reject) {\n var request = {\n key: key,\n arg: arg,\n resolve: resolve,\n reject: reject,\n next: null\n };\n\n if (back) {\n back = back.next = request;\n } else {\n front = back = request;\n resume(key, arg);\n }\n });\n }\n\n function resume(key, arg) {\n try {\n var result = gen[key](arg);\n var value = result.value;\n var wrappedAwait = value instanceof _AwaitValue;\n Promise.resolve(wrappedAwait ? value.wrapped : value).then(\n function(arg) {\n if (wrappedAwait) {\n resume('next', arg);\n return;\n }\n\n settle(result.done ? 'return' : 'normal', arg);\n },\n function(err) {\n resume('throw', err);\n }\n );\n } catch (err) {\n settle('throw', err);\n }\n }\n\n function settle(type, value) {\n switch (type) {\n case 'return':\n front.resolve({\n value: value,\n done: true\n });\n break;\n\n case 'throw':\n front.reject(value);\n break;\n\n default:\n front.resolve({\n value: value,\n done: false\n });\n break;\n }\n\n front = front.next;\n\n if (front) {\n resume(front.key, front.arg);\n } else {\n back = null;\n }\n }\n\n this._invoke = send;\n\n if (typeof gen.return !== 'function') {\n this.return = undefined;\n }\n }\n\n if (typeof Symbol === 'function' && Symbol.asyncIterator) {\n _AsyncGenerator.prototype[Symbol.asyncIterator] = function() {\n return this;\n };\n }\n\n _AsyncGenerator.prototype.next = function(arg) {\n return this._invoke('next', arg);\n };\n\n _AsyncGenerator.prototype.throw = function(arg) {\n return this._invoke('throw', arg);\n };\n\n _AsyncGenerator.prototype.return = function(arg) {\n return this._invoke('return', arg);\n };\n\n function _wrapAsyncGenerator(fn) {\n return function() {\n return new _AsyncGenerator(fn.apply(this, arguments));\n };\n }\n\n function _awaitAsyncGenerator(value) {\n return new _AwaitValue(value);\n }\n\n function _asyncGeneratorDelegate(inner, awaitWrap) {\n var iter = {},\n waiting = false;\n\n function pump(key, value) {\n waiting = true;\n value = new Promise(function(resolve) {\n resolve(inner[key](value));\n });\n return {\n done: false,\n value: awaitWrap(value)\n };\n }\n\n if (typeof Symbol === 'function' && Symbol.iterator) {\n iter[Symbol.iterator] = function() {\n return this;\n };\n }\n\n iter.next = function(value) {\n if (waiting) {\n waiting = false;\n return value;\n }\n\n return pump('next', value);\n };\n\n if (typeof inner.throw === 'function') {\n iter.throw = function(value) {\n if (waiting) {\n waiting = false;\n throw value;\n }\n\n return pump('throw', value);\n };\n }\n\n if (typeof inner.return === 'function') {\n iter.return = function(value) {\n return pump('return', value);\n };\n }\n\n return iter;\n }\n\n function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {\n try {\n var info = gen[key](arg);\n var value = info.value;\n } catch (error) {\n reject(error);\n return;\n }\n\n if (info.done) {\n resolve(value);\n } else {\n Promise.resolve(value).then(_next, _throw);\n }\n }\n\n function _asyncToGenerator(fn) {\n return function() {\n var self = this,\n args = arguments;\n return new Promise(function(resolve, reject) {\n var gen = fn.apply(self, args);\n\n function _next(value) {\n asyncGeneratorStep(\n gen,\n resolve,\n reject,\n _next,\n _throw,\n 'next',\n value\n );\n }\n\n function _throw(err) {\n asyncGeneratorStep(gen, resolve, reject, _next, _throw, 'throw', err);\n }\n\n _next(undefined);\n });\n };\n }\n\n function _classCallCheck(instance, Constructor) {\n if (!(instance instanceof Constructor)) {\n throw new TypeError('Cannot call a class as a function');\n }\n }\n\n function _defineProperties(target, props) {\n for (var i = 0; i < props.length; i++) {\n var descriptor = props[i];\n descriptor.enumerable = descriptor.enumerable || false;\n descriptor.configurable = true;\n if ('value' in descriptor) descriptor.writable = true;\n Object.defineProperty(target, descriptor.key, descriptor);\n }\n }\n\n function _createClass(Constructor, protoProps, staticProps) {\n if (protoProps) _defineProperties(Constructor.prototype, protoProps);\n if (staticProps) _defineProperties(Constructor, staticProps);\n return Constructor;\n }\n\n function _defineEnumerableProperties(obj, descs) {\n for (var key in descs) {\n var desc = descs[key];\n desc.configurable = desc.enumerable = true;\n if ('value' in desc) desc.writable = true;\n Object.defineProperty(obj, key, desc);\n }\n\n if (Object.getOwnPropertySymbols) {\n var objectSymbols = Object.getOwnPropertySymbols(descs);\n\n for (var i = 0; i < objectSymbols.length; i++) {\n var sym = objectSymbols[i];\n var desc = descs[sym];\n desc.configurable = desc.enumerable = true;\n if ('value' in desc) desc.writable = true;\n Object.defineProperty(obj, sym, desc);\n }\n }\n\n return obj;\n }\n\n function _defaults(obj, defaults) {\n var keys = Object.getOwnPropertyNames(defaults);\n\n for (var i = 0; i < keys.length; i++) {\n var key = keys[i];\n var value = Object.getOwnPropertyDescriptor(defaults, key);\n\n if (value && value.configurable && obj[key] === undefined) {\n Object.defineProperty(obj, key, value);\n }\n }\n\n return obj;\n }\n\n function _defineProperty(obj, key, value) {\n if (key in obj) {\n Object.defineProperty(obj, key, {\n value: value,\n enumerable: true,\n configurable: true,\n writable: true\n });\n } else {\n obj[key] = value;\n }\n\n return obj;\n }\n\n function _extends() {\n _extends =\n Object.assign ||\n function(target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n\n return target;\n };\n\n return _extends.apply(this, arguments);\n }\n\n function _objectSpread(target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i] != null ? arguments[i] : {};\n var ownKeys = Object.keys(source);\n\n if (typeof Object.getOwnPropertySymbols === 'function') {\n ownKeys = ownKeys.concat(\n Object.getOwnPropertySymbols(source).filter(function(sym) {\n return Object.getOwnPropertyDescriptor(source, sym).enumerable;\n })\n );\n }\n\n ownKeys.forEach(function(key) {\n _defineProperty(target, key, source[key]);\n });\n }\n\n return target;\n }\n\n function _inherits(subClass, superClass) {\n if (typeof superClass !== 'function' && superClass !== null) {\n throw new TypeError('Super expression must either be null or a function');\n }\n\n subClass.prototype = Object.create(superClass && superClass.prototype, {\n constructor: {\n value: subClass,\n writable: true,\n configurable: true\n }\n });\n if (superClass) _setPrototypeOf(subClass, superClass);\n }\n\n function _inheritsLoose(subClass, superClass) {\n subClass.prototype = Object.create(superClass.prototype);\n subClass.prototype.constructor = subClass;\n subClass.__proto__ = superClass;\n }\n\n function _getPrototypeOf(o) {\n _getPrototypeOf = Object.setPrototypeOf\n ? Object.getPrototypeOf\n : function _getPrototypeOf(o) {\n return o.__proto__ || Object.getPrototypeOf(o);\n };\n return _getPrototypeOf(o);\n }\n\n function _setPrototypeOf(o, p) {\n _setPrototypeOf =\n Object.setPrototypeOf ||\n function _setPrototypeOf(o, p) {\n o.__proto__ = p;\n return o;\n };\n\n return _setPrototypeOf(o, p);\n }\n\n function isNativeReflectConstruct() {\n if (typeof Reflect === 'undefined' || !Reflect.construct) return false;\n if (Reflect.construct.sham) return false;\n if (typeof Proxy === 'function') return true;\n\n try {\n Date.prototype.toString.call(Reflect.construct(Date, [], function() {}));\n return true;\n } catch (e) {\n return false;\n }\n }\n\n function _construct(Parent, args, Class) {\n if (isNativeReflectConstruct()) {\n _construct = Reflect.construct;\n } else {\n _construct = function _construct(Parent, args, Class) {\n var a = [null];\n a.push.apply(a, args);\n var Constructor = Function.bind.apply(Parent, a);\n var instance = new Constructor();\n if (Class) _setPrototypeOf(instance, Class.prototype);\n return instance;\n };\n }\n\n return _construct.apply(null, arguments);\n }\n\n function _isNativeFunction(fn) {\n return Function.toString.call(fn).indexOf('[native code]') !== -1;\n }\n\n function _wrapNativeSuper(Class) {\n var _cache = typeof Map === 'function' ? new Map() : undefined;\n\n _wrapNativeSuper = function _wrapNativeSuper(Class) {\n if (Class === null || !_isNativeFunction(Class)) return Class;\n\n if (typeof Class !== 'function') {\n throw new TypeError(\n 'Super expression must either be null or a function'\n );\n }\n\n if (typeof _cache !== 'undefined') {\n if (_cache.has(Class)) return _cache.get(Class);\n\n _cache.set(Class, Wrapper);\n }\n\n function Wrapper() {\n return _construct(Class, arguments, _getPrototypeOf(this).constructor);\n }\n\n Wrapper.prototype = Object.create(Class.prototype, {\n constructor: {\n value: Wrapper,\n enumerable: false,\n writable: true,\n configurable: true\n }\n });\n return _setPrototypeOf(Wrapper, Class);\n };\n\n return _wrapNativeSuper(Class);\n }\n\n function _instanceof(left, right) {\n if (\n right != null &&\n typeof Symbol !== 'undefined' &&\n right[Symbol.hasInstance]\n ) {\n return right[Symbol.hasInstance](left);\n } else {\n return left instanceof right;\n }\n }\n\n function _interopRequireDefault(obj) {\n return obj && obj.__esModule\n ? obj\n : {\n default: obj\n };\n }\n\n function _interopRequireWildcard(obj) {\n if (obj && obj.__esModule) {\n return obj;\n } else {\n var newObj = {};\n\n if (obj != null) {\n for (var key in obj) {\n if (Object.prototype.hasOwnProperty.call(obj, key)) {\n var desc =\n Object.defineProperty && Object.getOwnPropertyDescriptor\n ? Object.getOwnPropertyDescriptor(obj, key)\n : {};\n\n if (desc.get || desc.set) {\n Object.defineProperty(newObj, key, desc);\n } else {\n newObj[key] = obj[key];\n }\n }\n }\n }\n\n newObj.default = obj;\n return newObj;\n }\n }\n\n function _newArrowCheck(innerThis, boundThis) {\n if (innerThis !== boundThis) {\n throw new TypeError('Cannot instantiate an arrow function');\n }\n }\n\n function _objectDestructuringEmpty(obj) {\n if (obj == null) throw new TypeError('Cannot destructure undefined');\n }\n\n function _objectWithoutPropertiesLoose(source, excluded) {\n if (source == null) return {};\n var target = {};\n var sourceKeys = Object.keys(source);\n var key, i;\n\n for (i = 0; i < sourceKeys.length; i++) {\n key = sourceKeys[i];\n if (excluded.indexOf(key) >= 0) continue;\n target[key] = source[key];\n }\n\n return target;\n }\n\n function _objectWithoutProperties(source, excluded) {\n if (source == null) return {};\n\n var target = _objectWithoutPropertiesLoose(source, excluded);\n\n var key, i;\n\n if (Object.getOwnPropertySymbols) {\n var sourceSymbolKeys = Object.getOwnPropertySymbols(source);\n\n for (i = 0; i < sourceSymbolKeys.length; i++) {\n key = sourceSymbolKeys[i];\n if (excluded.indexOf(key) >= 0) continue;\n if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;\n target[key] = source[key];\n }\n }\n\n return target;\n }\n\n function _assertThisInitialized(self) {\n if (self === void 0) {\n throw new ReferenceError(\n \"this hasn't been initialised - super() hasn't been called\"\n );\n }\n\n return self;\n }\n\n function _possibleConstructorReturn(self, call) {\n if (call && (typeof call === 'object' || typeof call === 'function')) {\n return call;\n }\n\n return _assertThisInitialized(self);\n }\n\n function _superPropBase(object, property) {\n while (!Object.prototype.hasOwnProperty.call(object, property)) {\n object = _getPrototypeOf(object);\n if (object === null) break;\n }\n\n return object;\n }\n\n function _get(target, property, receiver) {\n if (typeof Reflect !== 'undefined' && Reflect.get) {\n _get = Reflect.get;\n } else {\n _get = function _get(target, property, receiver) {\n var base = _superPropBase(target, property);\n\n if (!base) return;\n var desc = Object.getOwnPropertyDescriptor(base, property);\n\n if (desc.get) {\n return desc.get.call(receiver);\n }\n\n return desc.value;\n };\n }\n\n return _get(target, property, receiver || target);\n }\n\n function set(target, property, value, receiver) {\n if (typeof Reflect !== 'undefined' && Reflect.set) {\n set = Reflect.set;\n } else {\n set = function set(target, property, value, receiver) {\n var base = _superPropBase(target, property);\n\n var desc;\n\n if (base) {\n desc = Object.getOwnPropertyDescriptor(base, property);\n\n if (desc.set) {\n desc.set.call(receiver, value);\n return true;\n } else if (!desc.writable) {\n return false;\n }\n }\n\n desc = Object.getOwnPropertyDescriptor(receiver, property);\n\n if (desc) {\n if (!desc.writable) {\n return false;\n }\n\n desc.value = value;\n Object.defineProperty(receiver, property, desc);\n } else {\n _defineProperty(receiver, property, value);\n }\n\n return true;\n };\n }\n\n return set(target, property, value, receiver);\n }\n\n function _set(target, property, value, receiver, isStrict) {\n var s = set(target, property, value, receiver || target);\n\n if (!s && isStrict) {\n throw new Error('failed to set property');\n }\n\n return value;\n }\n\n function _taggedTemplateLiteral(strings, raw) {\n if (!raw) {\n raw = strings.slice(0);\n }\n\n return Object.freeze(\n Object.defineProperties(strings, {\n raw: {\n value: Object.freeze(raw)\n }\n })\n );\n }\n\n function _taggedTemplateLiteralLoose(strings, raw) {\n if (!raw) {\n raw = strings.slice(0);\n }\n\n strings.raw = raw;\n return strings;\n }\n\n function _temporalRef(val, name) {\n if (val === _temporalUndefined) {\n throw new ReferenceError(name + ' is not defined - temporal dead zone');\n } else {\n return val;\n }\n }\n\n function _readOnlyError(name) {\n throw new Error('\"' + name + '\" is read-only');\n }\n\n function _classNameTDZError(name) {\n throw new Error(\n 'Class \"' + name + '\" cannot be referenced in computed property keys.'\n );\n }\n\n var _temporalUndefined = {};\n\n function _slicedToArray(arr, i) {\n return (\n _arrayWithHoles(arr) ||\n _iterableToArrayLimit(arr, i) ||\n _nonIterableRest()\n );\n }\n\n function _slicedToArrayLoose(arr, i) {\n return (\n _arrayWithHoles(arr) ||\n _iterableToArrayLimitLoose(arr, i) ||\n _nonIterableRest()\n );\n }\n\n function _toArray(arr) {\n return _arrayWithHoles(arr) || _iterableToArray(arr) || _nonIterableRest();\n }\n\n function _toConsumableArray(arr) {\n return (\n _arrayWithoutHoles(arr) || _iterableToArray(arr) || _nonIterableSpread()\n );\n }\n\n function _arrayWithoutHoles(arr) {\n if (Array.isArray(arr)) {\n for (var i = 0, arr2 = new Array(arr.length); i < arr.length; i++)\n arr2[i] = arr[i];\n\n return arr2;\n }\n }\n\n function _arrayWithHoles(arr) {\n if (Array.isArray(arr)) return arr;\n }\n\n function _iterableToArray(iter) {\n if (\n Symbol.iterator in Object(iter) ||\n Object.prototype.toString.call(iter) === '[object Arguments]'\n )\n return Array.from(iter);\n }\n\n function _iterableToArrayLimit(arr, i) {\n var _arr = [];\n var _n = true;\n var _d = false;\n var _e = undefined;\n\n try {\n for (\n var _i = arr[Symbol.iterator](), _s;\n !(_n = (_s = _i.next()).done);\n _n = true\n ) {\n _arr.push(_s.value);\n\n if (i && _arr.length === i) break;\n }\n } catch (err) {\n _d = true;\n _e = err;\n } finally {\n try {\n if (!_n && _i['return'] != null) _i['return']();\n } finally {\n if (_d) throw _e;\n }\n }\n\n return _arr;\n }\n\n function _iterableToArrayLimitLoose(arr, i) {\n var _arr = [];\n\n for (\n var _iterator = arr[Symbol.iterator](), _step;\n !(_step = _iterator.next()).done;\n\n ) {\n _arr.push(_step.value);\n\n if (i && _arr.length === i) break;\n }\n\n return _arr;\n }\n\n function _nonIterableSpread() {\n throw new TypeError('Invalid attempt to spread non-iterable instance');\n }\n\n function _nonIterableRest() {\n throw new TypeError('Invalid attempt to destructure non-iterable instance');\n }\n\n function _skipFirstGeneratorNext(fn) {\n return function() {\n var it = fn.apply(this, arguments);\n it.next();\n return it;\n };\n }\n\n function _toPrimitive(input, hint) {\n if (typeof input !== 'object' || input === null) return input;\n var prim = input[Symbol.toPrimitive];\n\n if (prim !== undefined) {\n var res = prim.call(input, hint || 'default');\n if (typeof res !== 'object') return res;\n throw new TypeError('@@toPrimitive must return a primitive value.');\n }\n\n return (hint === 'string' ? String : Number)(input);\n }\n\n function _toPropertyKey(arg) {\n var key = _toPrimitive(arg, 'string');\n\n return typeof key === 'symbol' ? key : String(key);\n }\n\n function _initializerWarningHelper(descriptor, context) {\n throw new Error(\n 'Decorating class property failed. Please ensure that ' +\n 'proposal-class-properties is enabled and set to use loose mode. ' +\n 'To use proposal-class-properties in spec mode with decorators, wait for ' +\n 'the next major version of decorators in stage 2.'\n );\n }\n\n function _initializerDefineProperty(target, property, descriptor, context) {\n if (!descriptor) return;\n Object.defineProperty(target, property, {\n enumerable: descriptor.enumerable,\n configurable: descriptor.configurable,\n writable: descriptor.writable,\n value: descriptor.initializer\n ? descriptor.initializer.call(context)\n : void 0\n });\n }\n\n function _applyDecoratedDescriptor(\n target,\n property,\n decorators,\n descriptor,\n context\n ) {\n var desc = {};\n Object.keys(descriptor).forEach(function(key) {\n desc[key] = descriptor[key];\n });\n desc.enumerable = !!desc.enumerable;\n desc.configurable = !!desc.configurable;\n\n if ('value' in desc || desc.initializer) {\n desc.writable = true;\n }\n\n desc = decorators\n .slice()\n .reverse()\n .reduce(function(desc, decorator) {\n return decorator(target, property, desc) || desc;\n }, desc);\n\n if (context && desc.initializer !== void 0) {\n desc.value = desc.initializer ? desc.initializer.call(context) : void 0;\n desc.initializer = undefined;\n }\n\n if (desc.initializer === void 0) {\n Object.defineProperty(target, property, desc);\n desc = null;\n }\n\n return desc;\n }\n\n var id = 0;\n\n function _classPrivateFieldLooseKey(name) {\n return '__private_' + id++ + '_' + name;\n }\n\n function _classPrivateFieldLooseBase(receiver, privateKey) {\n if (!Object.prototype.hasOwnProperty.call(receiver, privateKey)) {\n throw new TypeError('attempted to use private field on non-instance');\n }\n\n return receiver;\n }\n\n function _classPrivateFieldGet(receiver, privateMap) {\n if (!privateMap.has(receiver)) {\n throw new TypeError('attempted to get private field on non-instance');\n }\n\n var descriptor = privateMap.get(receiver);\n\n if (descriptor.get) {\n return descriptor.get.call(receiver);\n }\n\n return descriptor.value;\n }\n\n function _classPrivateFieldSet(receiver, privateMap, value) {\n if (!privateMap.has(receiver)) {\n throw new TypeError('attempted to set private field on non-instance');\n }\n\n var descriptor = privateMap.get(receiver);\n\n if (descriptor.set) {\n descriptor.set.call(receiver, value);\n } else {\n if (!descriptor.writable) {\n throw new TypeError('attempted to set read only private field');\n }\n\n descriptor.value = value;\n }\n\n return value;\n }\n\n function _classStaticPrivateFieldSpecGet(\n receiver,\n classConstructor,\n descriptor\n ) {\n if (receiver !== classConstructor) {\n throw new TypeError('Private static access of wrong provenance');\n }\n\n return descriptor.value;\n }\n\n function _classStaticPrivateFieldSpecSet(\n receiver,\n classConstructor,\n descriptor,\n value\n ) {\n if (receiver !== classConstructor) {\n throw new TypeError('Private static access of wrong provenance');\n }\n\n if (!descriptor.writable) {\n throw new TypeError('attempted to set read only private field');\n }\n\n descriptor.value = value;\n return value;\n }\n\n function _classStaticPrivateMethodGet(receiver, classConstructor, method) {\n if (receiver !== classConstructor) {\n throw new TypeError('Private static access of wrong provenance');\n }\n\n return method;\n }\n\n function _classStaticPrivateMethodSet() {\n throw new TypeError('attempted to set read only static private field');\n }\n\n function _decorate(decorators, factory, superClass, mixins) {\n var api = _getDecoratorsApi();\n\n if (mixins) {\n for (var i = 0; i < mixins.length; i++) {\n api = mixins[i](api);\n }\n }\n\n var r = factory(function initialize(O) {\n api.initializeInstanceElements(O, decorated.elements);\n }, superClass);\n var decorated = api.decorateClass(\n _coalesceClassElements(r.d.map(_createElementDescriptor)),\n decorators\n );\n api.initializeClassElements(r.F, decorated.elements);\n return api.runClassFinishers(r.F, decorated.finishers);\n }\n\n function _getDecoratorsApi() {\n _getDecoratorsApi = function() {\n return api;\n };\n\n var api = {\n elementsDefinitionOrder: [['method'], ['field']],\n initializeInstanceElements: function(O, elements) {\n ['method', 'field'].forEach(function(kind) {\n elements.forEach(function(element) {\n if (element.kind === kind && element.placement === 'own') {\n this.defineClassElement(O, element);\n }\n }, this);\n }, this);\n },\n initializeClassElements: function(F, elements) {\n var proto = F.prototype;\n ['method', 'field'].forEach(function(kind) {\n elements.forEach(function(element) {\n var placement = element.placement;\n\n if (\n element.kind === kind &&\n (placement === 'static' || placement === 'prototype')\n ) {\n var receiver = placement === 'static' ? F : proto;\n this.defineClassElement(receiver, element);\n }\n }, this);\n }, this);\n },\n defineClassElement: function(receiver, element) {\n var descriptor = element.descriptor;\n\n if (element.kind === 'field') {\n var initializer = element.initializer;\n descriptor = {\n enumerable: descriptor.enumerable,\n writable: descriptor.writable,\n configurable: descriptor.configurable,\n value: initializer === void 0 ? void 0 : initializer.call(receiver)\n };\n }\n\n Object.defineProperty(receiver, element.key, descriptor);\n },\n decorateClass: function(elements, decorators) {\n var newElements = [];\n var finishers = [];\n var placements = {\n static: [],\n prototype: [],\n own: []\n };\n elements.forEach(function(element) {\n this.addElementPlacement(element, placements);\n }, this);\n elements.forEach(function(element) {\n if (!_hasDecorators(element)) return newElements.push(element);\n var elementFinishersExtras = this.decorateElement(\n element,\n placements\n );\n newElements.push(elementFinishersExtras.element);\n newElements.push.apply(newElements, elementFinishersExtras.extras);\n finishers.push.apply(finishers, elementFinishersExtras.finishers);\n }, this);\n\n if (!decorators) {\n return {\n elements: newElements,\n finishers: finishers\n };\n }\n\n var result = this.decorateConstructor(newElements, decorators);\n finishers.push.apply(finishers, result.finishers);\n result.finishers = finishers;\n return result;\n },\n addElementPlacement: function(element, placements, silent) {\n var keys = placements[element.placement];\n\n if (!silent && keys.indexOf(element.key) !== -1) {\n throw new TypeError('Duplicated element (' + element.key + ')');\n }\n\n keys.push(element.key);\n },\n decorateElement: function(element, placements) {\n var extras = [];\n var finishers = [];\n\n for (\n var decorators = element.decorators, i = decorators.length - 1;\n i >= 0;\n i--\n ) {\n var keys = placements[element.placement];\n keys.splice(keys.indexOf(element.key), 1);\n var elementObject = this.fromElementDescriptor(element);\n var elementFinisherExtras = this.toElementFinisherExtras(\n (0, decorators[i])(elementObject) || elementObject\n );\n element = elementFinisherExtras.element;\n this.addElementPlacement(element, placements);\n\n if (elementFinisherExtras.finisher) {\n finishers.push(elementFinisherExtras.finisher);\n }\n\n var newExtras = elementFinisherExtras.extras;\n\n if (newExtras) {\n for (var j = 0; j < newExtras.length; j++) {\n this.addElementPlacement(newExtras[j], placements);\n }\n\n extras.push.apply(extras, newExtras);\n }\n }\n\n return {\n element: element,\n finishers: finishers,\n extras: extras\n };\n },\n decorateConstructor: function(elements, decorators) {\n var finishers = [];\n\n for (var i = decorators.length - 1; i >= 0; i--) {\n var obj = this.fromClassDescriptor(elements);\n var elementsAndFinisher = this.toClassDescriptor(\n (0, decorators[i])(obj) || obj\n );\n\n if (elementsAndFinisher.finisher !== undefined) {\n finishers.push(elementsAndFinisher.finisher);\n }\n\n if (elementsAndFinisher.elements !== undefined) {\n elements = elementsAndFinisher.elements;\n\n for (var j = 0; j < elements.length - 1; j++) {\n for (var k = j + 1; k < elements.length; k++) {\n if (\n elements[j].key === elements[k].key &&\n elements[j].placement === elements[k].placement\n ) {\n throw new TypeError(\n 'Duplicated element (' + elements[j].key + ')'\n );\n }\n }\n }\n }\n }\n\n return {\n elements: elements,\n finishers: finishers\n };\n },\n fromElementDescriptor: function(element) {\n var obj = {\n kind: element.kind,\n key: element.key,\n placement: element.placement,\n descriptor: element.descriptor\n };\n var desc = {\n value: 'Descriptor',\n configurable: true\n };\n Object.defineProperty(obj, Symbol.toStringTag, desc);\n if (element.kind === 'field') obj.initializer = element.initializer;\n return obj;\n },\n toElementDescriptors: function(elementObjects) {\n if (elementObjects === undefined) return;\n return _toArray(elementObjects).map(function(elementObject) {\n var element = this.toElementDescriptor(elementObject);\n this.disallowProperty(\n elementObject,\n 'finisher',\n 'An element descriptor'\n );\n this.disallowProperty(\n elementObject,\n 'extras',\n 'An element descriptor'\n );\n return element;\n }, this);\n },\n toElementDescriptor: function(elementObject) {\n var kind = String(elementObject.kind);\n\n if (kind !== 'method' && kind !== 'field') {\n throw new TypeError(\n 'An element descriptor\\'s .kind property must be either \"method\" or' +\n ' \"field\", but a decorator created an element descriptor with' +\n ' .kind \"' +\n kind +\n '\"'\n );\n }\n\n var key = _toPropertyKey(elementObject.key);\n\n var placement = String(elementObject.placement);\n\n if (\n placement !== 'static' &&\n placement !== 'prototype' &&\n placement !== 'own'\n ) {\n throw new TypeError(\n 'An element descriptor\\'s .placement property must be one of \"static\",' +\n ' \"prototype\" or \"own\", but a decorator created an element descriptor' +\n ' with .placement \"' +\n placement +\n '\"'\n );\n }\n\n var descriptor = elementObject.descriptor;\n this.disallowProperty(\n elementObject,\n 'elements',\n 'An element descriptor'\n );\n var element = {\n kind: kind,\n key: key,\n placement: placement,\n descriptor: Object.assign({}, descriptor)\n };\n\n if (kind !== 'field') {\n this.disallowProperty(\n elementObject,\n 'initializer',\n 'A method descriptor'\n );\n } else {\n this.disallowProperty(\n descriptor,\n 'get',\n 'The property descriptor of a field descriptor'\n );\n this.disallowProperty(\n descriptor,\n 'set',\n 'The property descriptor of a field descriptor'\n );\n this.disallowProperty(\n descriptor,\n 'value',\n 'The property descriptor of a field descriptor'\n );\n element.initializer = elementObject.initializer;\n }\n\n return element;\n },\n toElementFinisherExtras: function(elementObject) {\n var element = this.toElementDescriptor(elementObject);\n\n var finisher = _optionalCallableProperty(elementObject, 'finisher');\n\n var extras = this.toElementDescriptors(elementObject.extras);\n return {\n element: element,\n finisher: finisher,\n extras: extras\n };\n },\n fromClassDescriptor: function(elements) {\n var obj = {\n kind: 'class',\n elements: elements.map(this.fromElementDescriptor, this)\n };\n var desc = {\n value: 'Descriptor',\n configurable: true\n };\n Object.defineProperty(obj, Symbol.toStringTag, desc);\n return obj;\n },\n toClassDescriptor: function(obj) {\n var kind = String(obj.kind);\n\n if (kind !== 'class') {\n throw new TypeError(\n 'A class descriptor\\'s .kind property must be \"class\", but a decorator' +\n ' created a class descriptor with .kind \"' +\n kind +\n '\"'\n );\n }\n\n this.disallowProperty(obj, 'key', 'A class descriptor');\n this.disallowProperty(obj, 'placement', 'A class descriptor');\n this.disallowProperty(obj, 'descriptor', 'A class descriptor');\n this.disallowProperty(obj, 'initializer', 'A class descriptor');\n this.disallowProperty(obj, 'extras', 'A class descriptor');\n\n var finisher = _optionalCallableProperty(obj, 'finisher');\n\n var elements = this.toElementDescriptors(obj.elements);\n return {\n elements: elements,\n finisher: finisher\n };\n },\n runClassFinishers: function(constructor, finishers) {\n for (var i = 0; i < finishers.length; i++) {\n var newConstructor = (0, finishers[i])(constructor);\n\n if (newConstructor !== undefined) {\n if (typeof newConstructor !== 'function') {\n throw new TypeError('Finishers must return a constructor.');\n }\n\n constructor = newConstructor;\n }\n }\n\n return constructor;\n },\n disallowProperty: function(obj, name, objectType) {\n if (obj[name] !== undefined) {\n throw new TypeError(\n objectType + \" can't have a .\" + name + ' property.'\n );\n }\n }\n };\n return api;\n }\n\n function _createElementDescriptor(def) {\n var key = _toPropertyKey(def.key);\n\n var descriptor;\n\n if (def.kind === 'method') {\n descriptor = {\n value: def.value,\n writable: true,\n configurable: true,\n enumerable: false\n };\n } else if (def.kind === 'get') {\n descriptor = {\n get: def.value,\n configurable: true,\n enumerable: false\n };\n } else if (def.kind === 'set') {\n descriptor = {\n set: def.value,\n configurable: true,\n enumerable: false\n };\n } else if (def.kind === 'field') {\n descriptor = {\n configurable: true,\n writable: true,\n enumerable: true\n };\n }\n\n var element = {\n kind: def.kind === 'field' ? 'field' : 'method',\n key: key,\n placement: def.static\n ? 'static'\n : def.kind === 'field'\n ? 'own'\n : 'prototype',\n descriptor: descriptor\n };\n if (def.decorators) element.decorators = def.decorators;\n if (def.kind === 'field') element.initializer = def.value;\n return element;\n }\n\n function _coalesceGetterSetter(element, other) {\n if (element.descriptor.get !== undefined) {\n other.descriptor.get = element.descriptor.get;\n } else {\n other.descriptor.set = element.descriptor.set;\n }\n }\n\n function _coalesceClassElements(elements) {\n var newElements = [];\n\n var isSameElement = function(other) {\n return (\n other.kind === 'method' &&\n other.key === element.key &&\n other.placement === element.placement\n );\n };\n\n for (var i = 0; i < elements.length; i++) {\n var element = elements[i];\n var other;\n\n if (\n element.kind === 'method' &&\n (other = newElements.find(isSameElement))\n ) {\n if (\n _isDataDescriptor(element.descriptor) ||\n _isDataDescriptor(other.descriptor)\n ) {\n if (_hasDecorators(element) || _hasDecorators(other)) {\n throw new ReferenceError(\n 'Duplicated methods (' + element.key + \") can't be decorated.\"\n );\n }\n\n other.descriptor = element.descriptor;\n } else {\n if (_hasDecorators(element)) {\n if (_hasDecorators(other)) {\n throw new ReferenceError(\n \"Decorators can't be placed on different accessors with for \" +\n 'the same property (' +\n element.key +\n ').'\n );\n }\n\n other.decorators = element.decorators;\n }\n\n _coalesceGetterSetter(element, other);\n }\n } else {\n newElements.push(element);\n }\n }\n\n return newElements;\n }\n\n function _hasDecorators(element) {\n return element.decorators && element.decorators.length;\n }\n\n function _isDataDescriptor(desc) {\n return (\n desc !== undefined &&\n !(desc.value === undefined && desc.writable === undefined)\n );\n }\n\n function _optionalCallableProperty(obj, name) {\n var value = obj[name];\n\n if (value !== undefined && typeof value !== 'function') {\n throw new TypeError(\"Expected '\" + name + \"' to be a function\");\n }\n\n return value;\n }\n\n function _classPrivateMethodGet(receiver, privateSet, fn) {\n if (!privateSet.has(receiver)) {\n throw new TypeError('attempted to get private field on non-instance');\n }\n\n return fn;\n }\n\n function _classPrivateMethodSet() {\n throw new TypeError('attempted to reassign private method');\n }\n\n function _wrapRegExp(re, groups) {\n _wrapRegExp = function(re, groups) {\n return new BabelRegExp(re, groups);\n };\n\n var _RegExp = _wrapNativeSuper(RegExp);\n\n var _super = RegExp.prototype;\n\n var _groups = new WeakMap();\n\n function BabelRegExp(re, groups) {\n var _this = _RegExp.call(this, re);\n\n _groups.set(_this, groups);\n\n return _this;\n }\n\n _inherits(BabelRegExp, _RegExp);\n\n BabelRegExp.prototype.exec = function(str) {\n var result = _super.exec.call(this, str);\n\n if (result) result.groups = buildGroups(result, this);\n return result;\n };\n\n BabelRegExp.prototype[Symbol.replace] = function(str, substitution) {\n if (typeof substitution === 'string') {\n var groups = _groups.get(this);\n\n return _super[Symbol.replace].call(\n this,\n str,\n substitution.replace(/\\$<([^>]+)>/g, function(_, name) {\n return '$' + groups[name];\n })\n );\n } else if (typeof substitution === 'function') {\n var _this = this;\n\n return _super[Symbol.replace].call(this, str, function() {\n var args = [];\n args.push.apply(args, arguments);\n\n if (typeof args[args.length - 1] !== 'object') {\n args.push(buildGroups(args, _this));\n }\n\n return substitution.apply(this, args);\n });\n } else {\n return _super[Symbol.replace].call(this, str, substitution);\n }\n };\n\n function buildGroups(result, re) {\n var g = _groups.get(re);\n\n return Object.keys(g).reduce(function(groups, name) {\n groups[name] = result[g[name]];\n return groups;\n }, Object.create(null));\n }\n\n return _wrapRegExp.apply(this, arguments);\n }\n\n var vectorMultiply = function vectorMultiply(v, amount) {\n return createVector(v.x * amount, v.y * amount);\n };\n\n var vectorAdd = function vectorAdd(a, b) {\n return createVector(a.x + b.x, a.y + b.y);\n };\n\n var vectorNormalize = function vectorNormalize(v) {\n var l = Math.sqrt(v.x * v.x + v.y * v.y);\n if (l === 0) {\n return {\n x: 0,\n y: 0\n };\n }\n return createVector(v.x / l, v.y / l);\n };\n\n var vectorRotate = function vectorRotate(v, radians, origin) {\n var cos = Math.cos(radians);\n var sin = Math.sin(radians);\n var t = createVector(v.x - origin.x, v.y - origin.y);\n return createVector(\n origin.x + cos * t.x - sin * t.y,\n origin.y + sin * t.x + cos * t.y\n );\n };\n\n var createVector = function createVector() {\n var x =\n arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;\n var y =\n arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;\n return { x: x, y: y };\n };\n\n var getMarkupValue = function getMarkupValue(value, size) {\n var scalar =\n arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;\n var axis = arguments.length > 3 ? arguments[3] : undefined;\n if (typeof value === 'string') {\n return parseFloat(value) * scalar;\n }\n if (typeof value === 'number') {\n return value * (axis ? size[axis] : Math.min(size.width, size.height));\n }\n return;\n };\n\n var getMarkupStyles = function getMarkupStyles(markup, size, scale) {\n var lineStyle = markup.borderStyle || markup.lineStyle || 'solid';\n var fill = markup.backgroundColor || markup.fontColor || 'transparent';\n var stroke = markup.borderColor || markup.lineColor || 'transparent';\n var strokeWidth = getMarkupValue(\n markup.borderWidth || markup.lineWidth,\n size,\n scale\n );\n var lineCap = markup.lineCap || 'round';\n var lineJoin = markup.lineJoin || 'round';\n var dashes =\n typeof lineStyle === 'string'\n ? ''\n : lineStyle\n .map(function(v) {\n return getMarkupValue(v, size, scale);\n })\n .join(',');\n var opacity = markup.opacity || 1;\n return {\n 'stroke-linecap': lineCap,\n 'stroke-linejoin': lineJoin,\n 'stroke-width': strokeWidth || 0,\n 'stroke-dasharray': dashes,\n stroke: stroke,\n fill: fill,\n opacity: opacity\n };\n };\n\n var isDefined = function isDefined(value) {\n return value != null;\n };\n\n var getMarkupRect = function getMarkupRect(rect, size) {\n var scalar =\n arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;\n\n var left =\n getMarkupValue(rect.x, size, scalar, 'width') ||\n getMarkupValue(rect.left, size, scalar, 'width');\n var top =\n getMarkupValue(rect.y, size, scalar, 'height') ||\n getMarkupValue(rect.top, size, scalar, 'height');\n var width = getMarkupValue(rect.width, size, scalar, 'width');\n var height = getMarkupValue(rect.height, size, scalar, 'height');\n var right = getMarkupValue(rect.right, size, scalar, 'width');\n var bottom = getMarkupValue(rect.bottom, size, scalar, 'height');\n\n if (!isDefined(top)) {\n if (isDefined(height) && isDefined(bottom)) {\n top = size.height - height - bottom;\n } else {\n top = bottom;\n }\n }\n\n if (!isDefined(left)) {\n if (isDefined(width) && isDefined(right)) {\n left = size.width - width - right;\n } else {\n left = right;\n }\n }\n\n if (!isDefined(width)) {\n if (isDefined(left) && isDefined(right)) {\n width = size.width - left - right;\n } else {\n width = 0;\n }\n }\n\n if (!isDefined(height)) {\n if (isDefined(top) && isDefined(bottom)) {\n height = size.height - top - bottom;\n } else {\n height = 0;\n }\n }\n\n return {\n x: left || 0,\n y: top || 0,\n width: width || 0,\n height: height || 0\n };\n };\n\n var pointsToPathShape = function pointsToPathShape(points) {\n return points\n .map(function(point, index) {\n return ''\n .concat(index === 0 ? 'M' : 'L', ' ')\n .concat(point.x, ' ')\n .concat(point.y);\n })\n .join(' ');\n };\n\n var setAttributes = function setAttributes(element, attr) {\n return Object.keys(attr).forEach(function(key) {\n return element.setAttribute(key, attr[key]);\n });\n };\n\n var ns = 'http://www.w3.org/2000/svg';\n var svg = function svg(tag, attr) {\n var element = document.createElementNS(ns, tag);\n if (attr) {\n setAttributes(element, attr);\n }\n return element;\n };\n\n var updateRect = function updateRect(element) {\n return setAttributes(\n element,\n Object.assign({}, element.rect, element.styles)\n );\n };\n\n var updateEllipse = function updateEllipse(element) {\n var cx = element.rect.x + element.rect.width * 0.5;\n var cy = element.rect.y + element.rect.height * 0.5;\n var rx = element.rect.width * 0.5;\n var ry = element.rect.height * 0.5;\n return setAttributes(\n element,\n Object.assign(\n {\n cx: cx,\n cy: cy,\n rx: rx,\n ry: ry\n },\n element.styles\n )\n );\n };\n\n var IMAGE_FIT_STYLE = {\n contain: 'xMidYMid meet',\n cover: 'xMidYMid slice'\n };\n\n var updateImage = function updateImage(element, markup) {\n setAttributes(\n element,\n Object.assign({}, element.rect, element.styles, {\n preserveAspectRatio: IMAGE_FIT_STYLE[markup.fit] || 'none'\n })\n );\n };\n\n var TEXT_ANCHOR = {\n left: 'start',\n center: 'middle',\n right: 'end'\n };\n\n var updateText = function updateText(element, markup, size, scale) {\n var fontSize = getMarkupValue(markup.fontSize, size, scale);\n var fontFamily = markup.fontFamily || 'sans-serif';\n var fontWeight = markup.fontWeight || 'normal';\n var textAlign = TEXT_ANCHOR[markup.textAlign] || 'start';\n\n setAttributes(\n element,\n Object.assign({}, element.rect, element.styles, {\n 'stroke-width': 0,\n 'font-weight': fontWeight,\n 'font-size': fontSize,\n 'font-family': fontFamily,\n 'text-anchor': textAlign\n })\n );\n\n // update text\n if (element.text !== markup.text) {\n element.text = markup.text;\n element.textContent = markup.text.length ? markup.text : ' ';\n }\n };\n\n var updateLine = function updateLine(element, markup, size, scale) {\n setAttributes(\n element,\n Object.assign({}, element.rect, element.styles, {\n fill: 'none'\n })\n );\n\n var line = element.childNodes[0];\n var begin = element.childNodes[1];\n var end = element.childNodes[2];\n\n var origin = element.rect;\n\n var target = {\n x: element.rect.x + element.rect.width,\n y: element.rect.y + element.rect.height\n };\n\n setAttributes(line, {\n x1: origin.x,\n y1: origin.y,\n x2: target.x,\n y2: target.y\n });\n\n if (!markup.lineDecoration) return;\n\n begin.style.display = 'none';\n end.style.display = 'none';\n\n var v = vectorNormalize({\n x: target.x - origin.x,\n y: target.y - origin.y\n });\n\n var l = getMarkupValue(0.05, size, scale);\n\n if (markup.lineDecoration.indexOf('arrow-begin') !== -1) {\n var arrowBeginRotationPoint = vectorMultiply(v, l);\n var arrowBeginCenter = vectorAdd(origin, arrowBeginRotationPoint);\n var arrowBeginA = vectorRotate(origin, 2, arrowBeginCenter);\n var arrowBeginB = vectorRotate(origin, -2, arrowBeginCenter);\n\n setAttributes(begin, {\n style: 'display:block;',\n d: 'M'\n .concat(arrowBeginA.x, ',')\n .concat(arrowBeginA.y, ' L')\n .concat(origin.x, ',')\n .concat(origin.y, ' L')\n .concat(arrowBeginB.x, ',')\n .concat(arrowBeginB.y)\n });\n }\n\n if (markup.lineDecoration.indexOf('arrow-end') !== -1) {\n var arrowEndRotationPoint = vectorMultiply(v, -l);\n var arrowEndCenter = vectorAdd(target, arrowEndRotationPoint);\n var arrowEndA = vectorRotate(target, 2, arrowEndCenter);\n var arrowEndB = vectorRotate(target, -2, arrowEndCenter);\n\n setAttributes(end, {\n style: 'display:block;',\n d: 'M'\n .concat(arrowEndA.x, ',')\n .concat(arrowEndA.y, ' L')\n .concat(target.x, ',')\n .concat(target.y, ' L')\n .concat(arrowEndB.x, ',')\n .concat(arrowEndB.y)\n });\n }\n };\n\n var updatePath = function updatePath(element, markup, size, scale) {\n setAttributes(\n element,\n Object.assign({}, element.styles, {\n fill: 'none',\n d: pointsToPathShape(\n markup.points.map(function(point) {\n return {\n x: getMarkupValue(point.x, size, scale, 'width'),\n y: getMarkupValue(point.y, size, scale, 'height')\n };\n })\n )\n })\n );\n };\n\n var createShape = function createShape(node) {\n return function(markup) {\n return svg(node, { id: markup.id });\n };\n };\n\n var createImage = function createImage(markup) {\n var shape = svg('image', {\n id: markup.id,\n 'stroke-linecap': 'round',\n 'stroke-linejoin': 'round',\n opacity: '0'\n });\n\n shape.onload = function() {\n shape.setAttribute('opacity', markup.opacity || 1);\n };\n shape.setAttributeNS(\n 'http://www.w3.org/1999/xlink',\n 'xlink:href',\n markup.src\n );\n return shape;\n };\n\n var createLine = function createLine(markup) {\n var shape = svg('g', {\n id: markup.id,\n 'stroke-linecap': 'round',\n 'stroke-linejoin': 'round'\n });\n\n var line = svg('line');\n shape.appendChild(line);\n\n var begin = svg('path');\n shape.appendChild(begin);\n\n var end = svg('path');\n shape.appendChild(end);\n\n return shape;\n };\n\n var CREATE_TYPE_ROUTES = {\n image: createImage,\n rect: createShape('rect'),\n ellipse: createShape('ellipse'),\n text: createShape('text'),\n path: createShape('path'),\n line: createLine\n };\n\n var UPDATE_TYPE_ROUTES = {\n rect: updateRect,\n ellipse: updateEllipse,\n image: updateImage,\n text: updateText,\n path: updatePath,\n line: updateLine\n };\n\n var createMarkupByType = function createMarkupByType(type, markup) {\n return CREATE_TYPE_ROUTES[type](markup);\n };\n\n var updateMarkupByType = function updateMarkupByType(\n element,\n type,\n markup,\n size,\n scale\n ) {\n if (type !== 'path') {\n element.rect = getMarkupRect(markup, size, scale);\n }\n element.styles = getMarkupStyles(markup, size, scale);\n UPDATE_TYPE_ROUTES[type](element, markup, size, scale);\n };\n\n var MARKUP_RECT = [\n 'x',\n 'y',\n 'left',\n 'top',\n 'right',\n 'bottom',\n 'width',\n 'height'\n ];\n\n var toOptionalFraction = function toOptionalFraction(value) {\n return typeof value === 'string' && /%/.test(value)\n ? parseFloat(value) / 100\n : value;\n };\n\n // adds default markup properties, clones markup\n var prepareMarkup = function prepareMarkup(markup) {\n var _markup = _slicedToArray(markup, 2),\n type = _markup[0],\n props = _markup[1];\n\n var rect = props.points\n ? {}\n : MARKUP_RECT.reduce(function(prev, curr) {\n prev[curr] = toOptionalFraction(props[curr]);\n return prev;\n }, {});\n\n return [\n type,\n Object.assign(\n {\n zIndex: 0\n },\n props,\n rect\n )\n ];\n };\n\n var sortMarkupByZIndex = function sortMarkupByZIndex(a, b) {\n if (a[1].zIndex > b[1].zIndex) {\n return 1;\n }\n if (a[1].zIndex < b[1].zIndex) {\n return -1;\n }\n return 0;\n };\n\n var createMarkupView = function createMarkupView(_) {\n return _.utils.createView({\n name: 'image-preview-markup',\n tag: 'svg',\n ignoreRect: true,\n mixins: {\n apis: ['width', 'height', 'crop', 'markup', 'resize', 'dirty']\n },\n\n write: function write(_ref) {\n var root = _ref.root,\n props = _ref.props;\n\n if (!props.dirty) return;\n var crop = props.crop,\n resize = props.resize,\n markup = props.markup;\n\n var viewWidth = props.width;\n var viewHeight = props.height;\n\n var cropWidth = crop.width;\n var cropHeight = crop.height;\n\n if (resize) {\n var _size = resize.size;\n\n var outputWidth = _size && _size.width;\n var outputHeight = _size && _size.height;\n var outputFit = resize.mode;\n var outputUpscale = resize.upscale;\n\n if (outputWidth && !outputHeight) outputHeight = outputWidth;\n if (outputHeight && !outputWidth) outputWidth = outputHeight;\n\n var shouldUpscale =\n cropWidth < outputWidth && cropHeight < outputHeight;\n\n if (!shouldUpscale || (shouldUpscale && outputUpscale)) {\n var scalarWidth = outputWidth / cropWidth;\n var scalarHeight = outputHeight / cropHeight;\n\n if (outputFit === 'force') {\n cropWidth = outputWidth;\n cropHeight = outputHeight;\n } else {\n var scalar;\n if (outputFit === 'cover') {\n scalar = Math.max(scalarWidth, scalarHeight);\n } else if (outputFit === 'contain') {\n scalar = Math.min(scalarWidth, scalarHeight);\n }\n cropWidth = cropWidth * scalar;\n cropHeight = cropHeight * scalar;\n }\n }\n }\n\n var size = {\n width: viewWidth,\n height: viewHeight\n };\n\n root.element.setAttribute('width', size.width);\n root.element.setAttribute('height', size.height);\n\n var scale = Math.min(viewWidth / cropWidth, viewHeight / cropHeight);\n\n // clear\n root.element.innerHTML = '';\n\n // get filter\n var markupFilter = root.query('GET_IMAGE_PREVIEW_MARKUP_FILTER');\n\n // draw new\n markup\n .filter(markupFilter)\n .map(prepareMarkup)\n .sort(sortMarkupByZIndex)\n .forEach(function(markup) {\n var _markup = _slicedToArray(markup, 2),\n type = _markup[0],\n settings = _markup[1];\n\n // create\n var element = createMarkupByType(type, settings);\n\n // update\n updateMarkupByType(element, type, settings, size, scale);\n\n // add\n root.element.appendChild(element);\n });\n }\n });\n };\n\n var createVector$1 = function createVector(x, y) {\n return { x: x, y: y };\n };\n\n var vectorDot = function vectorDot(a, b) {\n return a.x * b.x + a.y * b.y;\n };\n\n var vectorSubtract = function vectorSubtract(a, b) {\n return createVector$1(a.x - b.x, a.y - b.y);\n };\n\n var vectorDistanceSquared = function vectorDistanceSquared(a, b) {\n return vectorDot(vectorSubtract(a, b), vectorSubtract(a, b));\n };\n\n var vectorDistance = function vectorDistance(a, b) {\n return Math.sqrt(vectorDistanceSquared(a, b));\n };\n\n var getOffsetPointOnEdge = function getOffsetPointOnEdge(length, rotation) {\n var a = length;\n\n var A = 1.5707963267948966;\n var B = rotation;\n var C = 1.5707963267948966 - rotation;\n\n var sinA = Math.sin(A);\n var sinB = Math.sin(B);\n var sinC = Math.sin(C);\n var cosC = Math.cos(C);\n var ratio = a / sinA;\n var b = ratio * sinB;\n var c = ratio * sinC;\n\n return createVector$1(cosC * b, cosC * c);\n };\n\n var getRotatedRectSize = function getRotatedRectSize(rect, rotation) {\n var w = rect.width;\n var h = rect.height;\n\n var hor = getOffsetPointOnEdge(w, rotation);\n var ver = getOffsetPointOnEdge(h, rotation);\n\n var tl = createVector$1(rect.x + Math.abs(hor.x), rect.y - Math.abs(hor.y));\n\n var tr = createVector$1(\n rect.x + rect.width + Math.abs(ver.y),\n rect.y + Math.abs(ver.x)\n );\n\n var bl = createVector$1(\n rect.x - Math.abs(ver.y),\n rect.y + rect.height - Math.abs(ver.x)\n );\n\n return {\n width: vectorDistance(tl, tr),\n height: vectorDistance(tl, bl)\n };\n };\n\n var calculateCanvasSize = function calculateCanvasSize(\n image,\n canvasAspectRatio\n ) {\n var zoom =\n arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;\n\n var imageAspectRatio = image.height / image.width;\n\n // determine actual pixels on x and y axis\n var canvasWidth = 1;\n var canvasHeight = canvasAspectRatio;\n var imgWidth = 1;\n var imgHeight = imageAspectRatio;\n if (imgHeight > canvasHeight) {\n imgHeight = canvasHeight;\n imgWidth = imgHeight / imageAspectRatio;\n }\n\n var scalar = Math.max(canvasWidth / imgWidth, canvasHeight / imgHeight);\n var width = image.width / (zoom * scalar * imgWidth);\n var height = width * canvasAspectRatio;\n\n return {\n width: width,\n height: height\n };\n };\n\n var getImageRectZoomFactor = function getImageRectZoomFactor(\n imageRect,\n cropRect,\n rotation,\n center\n ) {\n // calculate available space round image center position\n var cx = center.x > 0.5 ? 1 - center.x : center.x;\n var cy = center.y > 0.5 ? 1 - center.y : center.y;\n var imageWidth = cx * 2 * imageRect.width;\n var imageHeight = cy * 2 * imageRect.height;\n\n // calculate rotated crop rectangle size\n var rotatedCropSize = getRotatedRectSize(cropRect, rotation);\n\n // calculate scalar required to fit image\n return Math.max(\n rotatedCropSize.width / imageWidth,\n rotatedCropSize.height / imageHeight\n );\n };\n\n var getCenteredCropRect = function getCenteredCropRect(\n container,\n aspectRatio\n ) {\n var width = container.width;\n var height = width * aspectRatio;\n if (height > container.height) {\n height = container.height;\n width = height / aspectRatio;\n }\n var x = (container.width - width) * 0.5;\n var y = (container.height - height) * 0.5;\n\n return {\n x: x,\n y: y,\n width: width,\n height: height\n };\n };\n\n var getCurrentCropSize = function getCurrentCropSize(imageSize) {\n var crop =\n arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n var zoom = crop.zoom,\n rotation = crop.rotation,\n center = crop.center,\n aspectRatio = crop.aspectRatio;\n\n if (!aspectRatio) aspectRatio = imageSize.height / imageSize.width;\n\n var canvasSize = calculateCanvasSize(imageSize, aspectRatio, zoom);\n\n var canvasCenter = {\n x: canvasSize.width * 0.5,\n y: canvasSize.height * 0.5\n };\n\n var stage = {\n x: 0,\n y: 0,\n width: canvasSize.width,\n height: canvasSize.height,\n center: canvasCenter\n };\n\n var shouldLimit = typeof crop.scaleToFit === 'undefined' || crop.scaleToFit;\n\n var stageZoomFactor = getImageRectZoomFactor(\n imageSize,\n getCenteredCropRect(stage, aspectRatio),\n rotation,\n shouldLimit ? center : { x: 0.5, y: 0.5 }\n );\n\n var scale = zoom * stageZoomFactor;\n\n // start drawing\n return {\n widthFloat: canvasSize.width / scale,\n heightFloat: canvasSize.height / scale,\n width: Math.round(canvasSize.width / scale),\n height: Math.round(canvasSize.height / scale)\n };\n };\n\n var IMAGE_SCALE_SPRING_PROPS = {\n type: 'spring',\n stiffness: 0.5,\n damping: 0.45,\n mass: 10\n };\n\n // does horizontal and vertical flipping\n var createBitmapView = function createBitmapView(_) {\n return _.utils.createView({\n name: 'image-bitmap',\n ignoreRect: true,\n mixins: { styles: ['scaleX', 'scaleY'] },\n create: function create(_ref) {\n var root = _ref.root,\n props = _ref.props;\n root.appendChild(props.image);\n }\n });\n };\n\n // shifts and rotates image\n var createImageCanvasWrapper = function createImageCanvasWrapper(_) {\n return _.utils.createView({\n name: 'image-canvas-wrapper',\n tag: 'div',\n ignoreRect: true,\n mixins: {\n apis: ['crop', 'width', 'height'],\n\n styles: [\n 'originX',\n 'originY',\n 'translateX',\n 'translateY',\n 'scaleX',\n 'scaleY',\n 'rotateZ'\n ],\n\n animations: {\n originX: IMAGE_SCALE_SPRING_PROPS,\n originY: IMAGE_SCALE_SPRING_PROPS,\n scaleX: IMAGE_SCALE_SPRING_PROPS,\n scaleY: IMAGE_SCALE_SPRING_PROPS,\n translateX: IMAGE_SCALE_SPRING_PROPS,\n translateY: IMAGE_SCALE_SPRING_PROPS,\n rotateZ: IMAGE_SCALE_SPRING_PROPS\n }\n },\n\n create: function create(_ref2) {\n var root = _ref2.root,\n props = _ref2.props;\n props.width = props.image.width;\n props.height = props.image.height;\n root.ref.bitmap = root.appendChildView(\n root.createChildView(createBitmapView(_), { image: props.image })\n );\n },\n write: function write(_ref3) {\n var root = _ref3.root,\n props = _ref3.props;\n var flip = props.crop.flip;\n var bitmap = root.ref.bitmap;\n bitmap.scaleX = flip.horizontal ? -1 : 1;\n bitmap.scaleY = flip.vertical ? -1 : 1;\n }\n });\n };\n\n // clips canvas to correct aspect ratio\n var createClipView = function createClipView(_) {\n return _.utils.createView({\n name: 'image-clip',\n tag: 'div',\n ignoreRect: true,\n mixins: {\n apis: [\n 'crop',\n 'markup',\n 'resize',\n 'width',\n 'height',\n 'dirty',\n 'background'\n ],\n\n styles: ['width', 'height', 'opacity'],\n animations: {\n opacity: { type: 'tween', duration: 250 }\n }\n },\n\n didWriteView: function didWriteView(_ref4) {\n var root = _ref4.root,\n props = _ref4.props;\n if (!props.background) return;\n root.element.style.backgroundColor = props.background;\n },\n create: function create(_ref5) {\n var root = _ref5.root,\n props = _ref5.props;\n\n root.ref.image = root.appendChildView(\n root.createChildView(\n createImageCanvasWrapper(_),\n Object.assign({}, props)\n )\n );\n\n root.ref.createMarkup = function() {\n if (root.ref.markup) return;\n root.ref.markup = root.appendChildView(\n root.createChildView(createMarkupView(_), Object.assign({}, props))\n );\n };\n\n root.ref.destroyMarkup = function() {\n if (!root.ref.markup) return;\n root.removeChildView(root.ref.markup);\n root.ref.markup = null;\n };\n\n // set up transparency grid\n var transparencyIndicator = root.query(\n 'GET_IMAGE_PREVIEW_TRANSPARENCY_INDICATOR'\n );\n if (transparencyIndicator === null) return;\n\n // grid pattern\n if (transparencyIndicator === 'grid') {\n root.element.dataset.transparencyIndicator = transparencyIndicator;\n }\n // basic color\n else {\n root.element.dataset.transparencyIndicator = 'color';\n }\n },\n write: function write(_ref6) {\n var root = _ref6.root,\n props = _ref6.props,\n shouldOptimize = _ref6.shouldOptimize;\n var crop = props.crop,\n markup = props.markup,\n resize = props.resize,\n dirty = props.dirty,\n width = props.width,\n height = props.height;\n\n root.ref.image.crop = crop;\n\n var stage = {\n x: 0,\n y: 0,\n width: width,\n height: height,\n center: {\n x: width * 0.5,\n y: height * 0.5\n }\n };\n\n var image = {\n width: root.ref.image.width,\n height: root.ref.image.height\n };\n\n var origin = {\n x: crop.center.x * image.width,\n y: crop.center.y * image.height\n };\n\n var translation = {\n x: stage.center.x - image.width * crop.center.x,\n y: stage.center.y - image.height * crop.center.y\n };\n\n var rotation = Math.PI * 2 + (crop.rotation % (Math.PI * 2));\n\n var cropAspectRatio = crop.aspectRatio || image.height / image.width;\n\n var shouldLimit =\n typeof crop.scaleToFit === 'undefined' || crop.scaleToFit;\n\n var stageZoomFactor = getImageRectZoomFactor(\n image,\n getCenteredCropRect(stage, cropAspectRatio),\n\n rotation,\n shouldLimit ? crop.center : { x: 0.5, y: 0.5 }\n );\n\n var scale = crop.zoom * stageZoomFactor;\n\n // update markup view\n if (markup && markup.length) {\n root.ref.createMarkup();\n root.ref.markup.width = width;\n root.ref.markup.height = height;\n root.ref.markup.resize = resize;\n root.ref.markup.dirty = dirty;\n root.ref.markup.markup = markup;\n root.ref.markup.crop = getCurrentCropSize(image, crop);\n } else if (root.ref.markup) {\n root.ref.destroyMarkup();\n }\n\n // update image view\n var imageView = root.ref.image;\n\n // don't update clip layout\n if (shouldOptimize) {\n imageView.originX = null;\n imageView.originY = null;\n imageView.translateX = null;\n imageView.translateY = null;\n imageView.rotateZ = null;\n imageView.scaleX = null;\n imageView.scaleY = null;\n return;\n }\n\n imageView.originX = origin.x;\n imageView.originY = origin.y;\n imageView.translateX = translation.x;\n imageView.translateY = translation.y;\n imageView.rotateZ = rotation;\n imageView.scaleX = scale;\n imageView.scaleY = scale;\n }\n });\n };\n\n var createImageView = function createImageView(_) {\n return _.utils.createView({\n name: 'image-preview',\n tag: 'div',\n ignoreRect: true,\n mixins: {\n apis: ['image', 'crop', 'markup', 'resize', 'dirty', 'background'],\n\n styles: ['translateY', 'scaleX', 'scaleY', 'opacity'],\n\n animations: {\n scaleX: IMAGE_SCALE_SPRING_PROPS,\n scaleY: IMAGE_SCALE_SPRING_PROPS,\n translateY: IMAGE_SCALE_SPRING_PROPS,\n opacity: { type: 'tween', duration: 400 }\n }\n },\n\n create: function create(_ref7) {\n var root = _ref7.root,\n props = _ref7.props;\n root.ref.clip = root.appendChildView(\n root.createChildView(createClipView(_), {\n id: props.id,\n image: props.image,\n crop: props.crop,\n markup: props.markup,\n resize: props.resize,\n dirty: props.dirty,\n background: props.background\n })\n );\n },\n write: function write(_ref8) {\n var root = _ref8.root,\n props = _ref8.props,\n shouldOptimize = _ref8.shouldOptimize;\n var clip = root.ref.clip;\n var image = props.image,\n crop = props.crop,\n markup = props.markup,\n resize = props.resize,\n dirty = props.dirty;\n\n clip.crop = crop;\n clip.markup = markup;\n clip.resize = resize;\n clip.dirty = dirty;\n\n // don't update clip layout\n clip.opacity = shouldOptimize ? 0 : 1;\n\n // don't re-render if optimizing or hidden (width will be zero resulting in weird animations)\n if (shouldOptimize || root.rect.element.hidden) return;\n\n // calculate scaled preview image size\n var imageAspectRatio = image.height / image.width;\n var aspectRatio = crop.aspectRatio || imageAspectRatio;\n\n // calculate container size\n var containerWidth = root.rect.inner.width;\n var containerHeight = root.rect.inner.height;\n\n var fixedPreviewHeight = root.query('GET_IMAGE_PREVIEW_HEIGHT');\n var minPreviewHeight = root.query('GET_IMAGE_PREVIEW_MIN_HEIGHT');\n var maxPreviewHeight = root.query('GET_IMAGE_PREVIEW_MAX_HEIGHT');\n\n var panelAspectRatio = root.query('GET_PANEL_ASPECT_RATIO');\n var allowMultiple = root.query('GET_ALLOW_MULTIPLE');\n\n if (panelAspectRatio && !allowMultiple) {\n fixedPreviewHeight = containerWidth * panelAspectRatio;\n aspectRatio = panelAspectRatio;\n }\n\n // determine clip width and height\n var clipHeight =\n fixedPreviewHeight !== null\n ? fixedPreviewHeight\n : Math.max(\n minPreviewHeight,\n Math.min(containerWidth * aspectRatio, maxPreviewHeight)\n );\n\n var clipWidth = clipHeight / aspectRatio;\n if (clipWidth > containerWidth) {\n clipWidth = containerWidth;\n clipHeight = clipWidth * aspectRatio;\n }\n\n if (clipHeight > containerHeight) {\n clipHeight = containerHeight;\n clipWidth = containerHeight / aspectRatio;\n }\n\n clip.width = clipWidth;\n clip.height = clipHeight;\n }\n });\n };\n\n var SVG_MASK =\n '';\n\n var SVGMaskUniqueId = 0;\n\n var createImageOverlayView = function createImageOverlayView(fpAPI) {\n return fpAPI.utils.createView({\n name: 'image-preview-overlay',\n tag: 'div',\n ignoreRect: true,\n create: function create(_ref) {\n var root = _ref.root,\n props = _ref.props;\n var mask = SVG_MASK;\n if (document.querySelector('base')) {\n var url = new URL(\n window.location.href.replace(window.location.hash, '')\n ).href;\n mask = mask.replace(/url\\(\\#/g, 'url(' + url + '#');\n }\n\n SVGMaskUniqueId++;\n root.element.classList.add(\n 'filepond--image-preview-overlay-'.concat(props.status)\n );\n\n root.element.innerHTML = mask.replace(/__UID__/g, SVGMaskUniqueId);\n },\n mixins: {\n styles: ['opacity'],\n animations: {\n opacity: { type: 'spring', mass: 25 }\n }\n }\n });\n };\n\n /**\n * Bitmap Worker\n */\n var BitmapWorker = function BitmapWorker() {\n self.onmessage = function(e) {\n createImageBitmap(e.data.message.file).then(function(bitmap) {\n self.postMessage({ id: e.data.id, message: bitmap }, [bitmap]);\n });\n };\n };\n\n /**\n * ColorMatrix Worker\n */\n var ColorMatrixWorker = function ColorMatrixWorker() {\n self.onmessage = function(e) {\n var imageData = e.data.message.imageData;\n var matrix = e.data.message.colorMatrix;\n\n var data = imageData.data;\n var l = data.length;\n\n var m11 = matrix[0];\n var m12 = matrix[1];\n var m13 = matrix[2];\n var m14 = matrix[3];\n var m15 = matrix[4];\n\n var m21 = matrix[5];\n var m22 = matrix[6];\n var m23 = matrix[7];\n var m24 = matrix[8];\n var m25 = matrix[9];\n\n var m31 = matrix[10];\n var m32 = matrix[11];\n var m33 = matrix[12];\n var m34 = matrix[13];\n var m35 = matrix[14];\n\n var m41 = matrix[15];\n var m42 = matrix[16];\n var m43 = matrix[17];\n var m44 = matrix[18];\n var m45 = matrix[19];\n\n var index = 0,\n r = 0.0,\n g = 0.0,\n b = 0.0,\n a = 0.0;\n\n for (; index < l; index += 4) {\n r = data[index] / 255;\n g = data[index + 1] / 255;\n b = data[index + 2] / 255;\n a = data[index + 3] / 255;\n data[index] = Math.max(\n 0,\n Math.min((r * m11 + g * m12 + b * m13 + a * m14 + m15) * 255, 255)\n );\n data[index + 1] = Math.max(\n 0,\n Math.min((r * m21 + g * m22 + b * m23 + a * m24 + m25) * 255, 255)\n );\n data[index + 2] = Math.max(\n 0,\n Math.min((r * m31 + g * m32 + b * m33 + a * m34 + m35) * 255, 255)\n );\n data[index + 3] = Math.max(\n 0,\n Math.min((r * m41 + g * m42 + b * m43 + a * m44 + m45) * 255, 255)\n );\n }\n\n self.postMessage({ id: e.data.id, message: imageData }, [\n imageData.data.buffer\n ]);\n };\n };\n\n var getImageSize = function getImageSize(url, cb) {\n var image = new Image();\n image.onload = function() {\n var width = image.naturalWidth;\n var height = image.naturalHeight;\n image = null;\n cb(width, height);\n };\n image.src = url;\n };\n\n var transforms = {\n 1: function _() {\n return [1, 0, 0, 1, 0, 0];\n },\n 2: function _(width) {\n return [-1, 0, 0, 1, width, 0];\n },\n 3: function _(width, height) {\n return [-1, 0, 0, -1, width, height];\n },\n 4: function _(width, height) {\n return [1, 0, 0, -1, 0, height];\n },\n 5: function _() {\n return [0, 1, 1, 0, 0, 0];\n },\n 6: function _(width, height) {\n return [0, 1, -1, 0, height, 0];\n },\n 7: function _(width, height) {\n return [0, -1, -1, 0, height, width];\n },\n 8: function _(width) {\n return [0, -1, 1, 0, 0, width];\n }\n };\n\n var fixImageOrientation = function fixImageOrientation(\n ctx,\n width,\n height,\n orientation\n ) {\n // no orientation supplied\n if (orientation === -1) {\n return;\n }\n\n ctx.transform.apply(ctx, transforms[orientation](width, height));\n };\n\n // draws the preview image to canvas\n var createPreviewImage = function createPreviewImage(\n data,\n width,\n height,\n orientation\n ) {\n // can't draw on half pixels\n width = Math.round(width);\n height = Math.round(height);\n\n // draw image\n var canvas = document.createElement('canvas');\n canvas.width = width;\n canvas.height = height;\n var ctx = canvas.getContext('2d');\n\n // if is rotated incorrectly swap width and height\n if (orientation >= 5 && orientation <= 8) {\n var _ref = [height, width];\n width = _ref[0];\n height = _ref[1];\n }\n\n // correct image orientation\n fixImageOrientation(ctx, width, height, orientation);\n\n // draw the image\n ctx.drawImage(data, 0, 0, width, height);\n\n return canvas;\n };\n\n var isBitmap = function isBitmap(file) {\n return /^image/.test(file.type) && !/svg/.test(file.type);\n };\n\n var MAX_WIDTH = 10;\n var MAX_HEIGHT = 10;\n\n var calculateAverageColor = function calculateAverageColor(image) {\n var scalar = Math.min(MAX_WIDTH / image.width, MAX_HEIGHT / image.height);\n\n var canvas = document.createElement('canvas');\n var ctx = canvas.getContext('2d');\n var width = (canvas.width = Math.ceil(image.width * scalar));\n var height = (canvas.height = Math.ceil(image.height * scalar));\n ctx.drawImage(image, 0, 0, width, height);\n var data = null;\n try {\n data = ctx.getImageData(0, 0, width, height).data;\n } catch (e) {\n return null;\n }\n var l = data.length;\n\n var r = 0;\n var g = 0;\n var b = 0;\n var i = 0;\n\n for (; i < l; i += 4) {\n r += data[i] * data[i];\n g += data[i + 1] * data[i + 1];\n b += data[i + 2] * data[i + 2];\n }\n\n r = averageColor(r, l);\n g = averageColor(g, l);\n b = averageColor(b, l);\n\n return { r: r, g: g, b: b };\n };\n\n var averageColor = function averageColor(c, l) {\n return Math.floor(Math.sqrt(c / (l / 4)));\n };\n\n var cloneCanvas = function cloneCanvas(origin, target) {\n target = target || document.createElement('canvas');\n target.width = origin.width;\n target.height = origin.height;\n var ctx = target.getContext('2d');\n ctx.drawImage(origin, 0, 0);\n return target;\n };\n\n var cloneImageData = function cloneImageData(imageData) {\n var id;\n try {\n id = new ImageData(imageData.width, imageData.height);\n } catch (e) {\n var canvas = document.createElement('canvas');\n var ctx = canvas.getContext('2d');\n id = ctx.createImageData(imageData.width, imageData.height);\n }\n id.data.set(new Uint8ClampedArray(imageData.data));\n return id;\n };\n\n var loadImage = function loadImage(url) {\n return new Promise(function(resolve, reject) {\n var img = new Image();\n img.crossOrigin = 'Anonymous';\n img.onload = function() {\n resolve(img);\n };\n img.onerror = function(e) {\n reject(e);\n };\n img.src = url;\n });\n };\n\n var createImageWrapperView = function createImageWrapperView(_) {\n // create overlay view\n var OverlayView = createImageOverlayView(_);\n\n var ImageView = createImageView(_);\n var createWorker = _.utils.createWorker;\n\n var applyFilter = function applyFilter(root, filter, target) {\n return new Promise(function(resolve) {\n // will store image data for future filter updates\n if (!root.ref.imageData) {\n root.ref.imageData = target\n .getContext('2d')\n .getImageData(0, 0, target.width, target.height);\n }\n\n // get image data reference\n var imageData = cloneImageData(root.ref.imageData);\n\n if (!filter || filter.length !== 20) {\n target.getContext('2d').putImageData(imageData, 0, 0);\n return resolve();\n }\n\n var worker = createWorker(ColorMatrixWorker);\n worker.post(\n {\n imageData: imageData,\n colorMatrix: filter\n },\n\n function(response) {\n // apply filtered colors\n target.getContext('2d').putImageData(response, 0, 0);\n\n // stop worker\n worker.terminate();\n\n // done!\n resolve();\n },\n [imageData.data.buffer]\n );\n });\n };\n\n var removeImageView = function removeImageView(root, imageView) {\n root.removeChildView(imageView);\n imageView.image.width = 1;\n imageView.image.height = 1;\n imageView._destroy();\n };\n\n // remove an image\n var shiftImage = function shiftImage(_ref) {\n var root = _ref.root;\n var imageView = root.ref.images.shift();\n imageView.opacity = 0;\n imageView.translateY = -15;\n root.ref.imageViewBin.push(imageView);\n return imageView;\n };\n\n // add new image\n var pushImage = function pushImage(_ref2) {\n var root = _ref2.root,\n props = _ref2.props,\n image = _ref2.image;\n var id = props.id;\n var item = root.query('GET_ITEM', { id: id });\n if (!item) return;\n\n var crop = item.getMetadata('crop') || {\n center: {\n x: 0.5,\n y: 0.5\n },\n\n flip: {\n horizontal: false,\n vertical: false\n },\n\n zoom: 1,\n rotation: 0,\n aspectRatio: null\n };\n\n var background = root.query(\n 'GET_IMAGE_TRANSFORM_CANVAS_BACKGROUND_COLOR'\n );\n\n var markup;\n var resize;\n var dirty = false;\n if (root.query('GET_IMAGE_PREVIEW_MARKUP_SHOW')) {\n markup = item.getMetadata('markup') || [];\n resize = item.getMetadata('resize');\n dirty = true;\n }\n\n // append image presenter\n var imageView = root.appendChildView(\n root.createChildView(ImageView, {\n id: id,\n image: image,\n crop: crop,\n resize: resize,\n markup: markup,\n dirty: dirty,\n background: background,\n opacity: 0,\n scaleX: 1.15,\n scaleY: 1.15,\n translateY: 15\n }),\n\n root.childViews.length\n );\n\n root.ref.images.push(imageView);\n\n // reveal the preview image\n imageView.opacity = 1;\n imageView.scaleX = 1;\n imageView.scaleY = 1;\n imageView.translateY = 0;\n\n // the preview is now ready to be drawn\n setTimeout(function() {\n root.dispatch('DID_IMAGE_PREVIEW_SHOW', { id: id });\n }, 250);\n };\n\n var updateImage = function updateImage(_ref3) {\n var root = _ref3.root,\n props = _ref3.props;\n var item = root.query('GET_ITEM', { id: props.id });\n if (!item) return;\n var imageView = root.ref.images[root.ref.images.length - 1];\n imageView.crop = item.getMetadata('crop');\n imageView.background = root.query(\n 'GET_IMAGE_TRANSFORM_CANVAS_BACKGROUND_COLOR'\n );\n\n if (root.query('GET_IMAGE_PREVIEW_MARKUP_SHOW')) {\n imageView.dirty = true;\n imageView.resize = item.getMetadata('resize');\n imageView.markup = item.getMetadata('markup');\n }\n };\n\n // replace image preview\n var didUpdateItemMetadata = function didUpdateItemMetadata(_ref4) {\n var root = _ref4.root,\n props = _ref4.props,\n action = _ref4.action;\n // only filter and crop trigger redraw\n if (!/crop|filter|markup|resize/.test(action.change.key)) return;\n\n // no images to update, exit\n if (!root.ref.images.length) return;\n\n // no item found, exit\n var item = root.query('GET_ITEM', { id: props.id });\n if (!item) return;\n\n // for now, update existing image when filtering\n if (/filter/.test(action.change.key)) {\n var imageView = root.ref.images[root.ref.images.length - 1];\n applyFilter(root, action.change.value, imageView.image);\n return;\n }\n\n if (/crop|markup|resize/.test(action.change.key)) {\n var crop = item.getMetadata('crop');\n var image = root.ref.images[root.ref.images.length - 1];\n\n // if aspect ratio has changed, we need to create a new image\n if (\n crop &&\n crop.aspectRatio &&\n image.crop &&\n image.crop.aspectRatio &&\n Math.abs(crop.aspectRatio - image.crop.aspectRatio) > 0.00001\n ) {\n var _imageView = shiftImage({ root: root });\n pushImage({\n root: root,\n props: props,\n image: cloneCanvas(_imageView.image)\n });\n }\n // if not, we can update the current image\n else {\n updateImage({ root: root, props: props });\n }\n }\n };\n\n var canCreateImageBitmap = function canCreateImageBitmap(file) {\n // Firefox versions before 58 will freeze when running createImageBitmap\n // in a Web Worker so we detect those versions and return false for support\n var userAgent = window.navigator.userAgent;\n var isFirefox = userAgent.match(/Firefox\\/([0-9]+)\\./);\n var firefoxVersion = isFirefox ? parseInt(isFirefox[1]) : null;\n if (firefoxVersion !== null && firefoxVersion <= 58) return false;\n\n return 'createImageBitmap' in window && isBitmap(file);\n };\n\n /**\n * Write handler for when preview container has been created\n */\n var didCreatePreviewContainer = function didCreatePreviewContainer(_ref5) {\n var root = _ref5.root,\n props = _ref5.props;\n var id = props.id;\n\n // we need to get the file data to determine the eventual image size\n var item = root.query('GET_ITEM', id);\n if (!item) return;\n\n // get url to file (we'll revoke it later on when done)\n var fileURL = URL.createObjectURL(item.file);\n\n // determine image size of this item\n getImageSize(fileURL, function(width, height) {\n // we can now scale the panel to the final size\n root.dispatch('DID_IMAGE_PREVIEW_CALCULATE_SIZE', {\n id: id,\n width: width,\n height: height\n });\n });\n };\n\n var drawPreview = function drawPreview(_ref6) {\n var root = _ref6.root,\n props = _ref6.props;\n var id = props.id;\n\n // we need to get the file data to determine the eventual image size\n var item = root.query('GET_ITEM', id);\n if (!item) return;\n\n // get url to file (we'll revoke it later on when done)\n var fileURL = URL.createObjectURL(item.file);\n\n // fallback\n var loadPreviewFallback = function loadPreviewFallback() {\n // let's scale the image in the main thread :(\n loadImage(fileURL).then(previewImageLoaded);\n };\n\n // image is now ready\n var previewImageLoaded = function previewImageLoaded(imageData) {\n // the file url is no longer needed\n URL.revokeObjectURL(fileURL);\n\n // draw the scaled down version here and use that as source so bitmapdata can be closed\n // orientation info\n var exif = item.getMetadata('exif') || {};\n var orientation = exif.orientation || -1;\n\n // get width and height from action, and swap if orientation is incorrect\n var width = imageData.width,\n height = imageData.height;\n\n // if no width or height, just return early.\n if (!width || !height) return;\n\n if (orientation >= 5 && orientation <= 8) {\n var _ref7 = [height, width];\n width = _ref7[0];\n height = _ref7[1];\n }\n\n // scale canvas based on pixel density\n // we multiply by .75 as that creates smaller but still clear images on screens with high res displays\n var pixelDensityFactor = Math.max(1, window.devicePixelRatio * 0.75);\n\n // we want as much pixels to work with as possible,\n // this multiplies the minimum image resolution,\n // so when zooming in it doesn't get too blurry\n var zoomFactor = root.query('GET_IMAGE_PREVIEW_ZOOM_FACTOR');\n\n // imaeg scale factor\n var scaleFactor = zoomFactor * pixelDensityFactor;\n\n // calculate scaled preview image size\n var previewImageRatio = height / width;\n\n // calculate image preview height and width\n var previewContainerWidth = root.rect.element.width;\n var previewContainerHeight = root.rect.element.height;\n\n var imageWidth = previewContainerWidth;\n var imageHeight = imageWidth * previewImageRatio;\n\n if (previewImageRatio > 1) {\n imageWidth = Math.min(width, previewContainerWidth * scaleFactor);\n imageHeight = imageWidth * previewImageRatio;\n } else {\n imageHeight = Math.min(height, previewContainerHeight * scaleFactor);\n imageWidth = imageHeight / previewImageRatio;\n }\n\n // transfer to image tag so no canvas memory wasted on iOS\n var previewImage = createPreviewImage(\n imageData,\n imageWidth,\n imageHeight,\n orientation\n );\n\n // done\n var done = function done() {\n // calculate average image color, disabled for now\n var averageColor = root.query(\n 'GET_IMAGE_PREVIEW_CALCULATE_AVERAGE_IMAGE_COLOR'\n )\n ? calculateAverageColor(data)\n : null;\n item.setMetadata('color', averageColor, true);\n\n // data has been transferred to canvas ( if was ImageBitmap )\n if ('close' in imageData) {\n imageData.close();\n }\n\n // show the overlay\n root.ref.overlayShadow.opacity = 1;\n\n // create the first image\n pushImage({ root: root, props: props, image: previewImage });\n };\n\n // apply filter\n var filter = item.getMetadata('filter');\n if (filter) {\n applyFilter(root, filter, previewImage).then(done);\n } else {\n done();\n }\n };\n\n // if we support scaling using createImageBitmap we use a worker\n if (canCreateImageBitmap(item.file)) {\n // let's scale the image in a worker\n var worker = createWorker(BitmapWorker);\n\n worker.post(\n {\n file: item.file\n },\n\n function(imageBitmap) {\n // destroy worker\n worker.terminate();\n\n // no bitmap returned, must be something wrong,\n // try the oldschool way\n if (!imageBitmap) {\n loadPreviewFallback();\n return;\n }\n\n // yay we got our bitmap, let's continue showing the preview\n previewImageLoaded(imageBitmap);\n }\n );\n } else {\n // create fallback preview\n loadPreviewFallback();\n }\n };\n\n /**\n * Write handler for when the preview image is ready to be animated\n */\n var didDrawPreview = function didDrawPreview(_ref8) {\n var root = _ref8.root;\n // get last added image\n var image = root.ref.images[root.ref.images.length - 1];\n image.translateY = 0;\n image.scaleX = 1.0;\n image.scaleY = 1.0;\n image.opacity = 1;\n };\n\n /**\n * Write handler for when the preview has been loaded\n */\n var restoreOverlay = function restoreOverlay(_ref9) {\n var root = _ref9.root;\n root.ref.overlayShadow.opacity = 1;\n root.ref.overlayError.opacity = 0;\n root.ref.overlaySuccess.opacity = 0;\n };\n\n var didThrowError = function didThrowError(_ref10) {\n var root = _ref10.root;\n root.ref.overlayShadow.opacity = 0.25;\n root.ref.overlayError.opacity = 1;\n };\n\n var didCompleteProcessing = function didCompleteProcessing(_ref11) {\n var root = _ref11.root;\n root.ref.overlayShadow.opacity = 0.25;\n root.ref.overlaySuccess.opacity = 1;\n };\n\n /**\n * Constructor\n */\n var create = function create(_ref12) {\n var root = _ref12.root;\n // image view\n root.ref.images = [];\n\n // the preview image data (we need this to filter the image)\n root.ref.imageData = null;\n\n // image bin\n root.ref.imageViewBin = [];\n\n // image overlays\n root.ref.overlayShadow = root.appendChildView(\n root.createChildView(OverlayView, {\n opacity: 0,\n status: 'idle'\n })\n );\n\n root.ref.overlaySuccess = root.appendChildView(\n root.createChildView(OverlayView, {\n opacity: 0,\n status: 'success'\n })\n );\n\n root.ref.overlayError = root.appendChildView(\n root.createChildView(OverlayView, {\n opacity: 0,\n status: 'failure'\n })\n );\n };\n\n return _.utils.createView({\n name: 'image-preview-wrapper',\n create: create,\n styles: ['height'],\n apis: ['height'],\n destroy: function destroy(_ref13) {\n var root = _ref13.root;\n // we resize the image so memory on iOS 12 is released more quickly (it seems)\n root.ref.images.forEach(function(imageView) {\n imageView.image.width = 1;\n imageView.image.height = 1;\n });\n },\n didWriteView: function didWriteView(_ref14) {\n var root = _ref14.root;\n root.ref.images.forEach(function(imageView) {\n imageView.dirty = false;\n });\n },\n write: _.utils.createRoute(\n {\n // image preview stated\n DID_IMAGE_PREVIEW_DRAW: didDrawPreview,\n DID_IMAGE_PREVIEW_CONTAINER_CREATE: didCreatePreviewContainer,\n DID_FINISH_CALCULATE_PREVIEWSIZE: drawPreview,\n DID_UPDATE_ITEM_METADATA: didUpdateItemMetadata,\n\n // file states\n DID_THROW_ITEM_LOAD_ERROR: didThrowError,\n DID_THROW_ITEM_PROCESSING_ERROR: didThrowError,\n DID_THROW_ITEM_INVALID: didThrowError,\n DID_COMPLETE_ITEM_PROCESSING: didCompleteProcessing,\n DID_START_ITEM_PROCESSING: restoreOverlay,\n DID_REVERT_ITEM_PROCESSING: restoreOverlay\n },\n\n function(_ref15) {\n var root = _ref15.root;\n // views on death row\n var viewsToRemove = root.ref.imageViewBin.filter(function(imageView) {\n return imageView.opacity === 0;\n });\n\n // views to retain\n root.ref.imageViewBin = root.ref.imageViewBin.filter(function(\n imageView\n ) {\n return imageView.opacity > 0;\n });\n\n // remove these views\n viewsToRemove.forEach(function(imageView) {\n return removeImageView(root, imageView);\n });\n viewsToRemove.length = 0;\n }\n )\n });\n };\n\n /**\n * Image Preview Plugin\n */\n var plugin = function plugin(fpAPI) {\n var addFilter = fpAPI.addFilter,\n utils = fpAPI.utils;\n var Type = utils.Type,\n createRoute = utils.createRoute,\n isFile = utils.isFile;\n\n // imagePreviewView\n var imagePreviewView = createImageWrapperView(fpAPI);\n\n // called for each view that is created right after the 'create' method\n addFilter('CREATE_VIEW', function(viewAPI) {\n // get reference to created view\n var is = viewAPI.is,\n view = viewAPI.view,\n query = viewAPI.query;\n\n // only hook up to item view and only if is enabled for this cropper\n if (!is('file') || !query('GET_ALLOW_IMAGE_PREVIEW')) return;\n\n // create the image preview plugin, but only do so if the item is an image\n var didLoadItem = function didLoadItem(_ref) {\n var root = _ref.root,\n props = _ref.props;\n var id = props.id;\n var item = query('GET_ITEM', id);\n\n // item could theoretically have been removed in the mean time\n if (!item || !isFile(item.file) || item.archived) return;\n\n // get the file object\n var file = item.file;\n\n // exit if this is not an image\n if (!isPreviewableImage(file)) return;\n\n // test if is filtered\n if (!query('GET_IMAGE_PREVIEW_FILTER_ITEM')(item)) return;\n\n // exit if image size is too high and no createImageBitmap support\n // this would simply bring the browser to its knees and that is not what we want\n var supportsCreateImageBitmap = 'createImageBitmap' in (window || {});\n var maxPreviewFileSize = query('GET_IMAGE_PREVIEW_MAX_FILE_SIZE');\n if (\n !supportsCreateImageBitmap &&\n maxPreviewFileSize &&\n file.size > maxPreviewFileSize\n )\n return;\n\n // set preview view\n root.ref.imagePreview = view.appendChildView(\n view.createChildView(imagePreviewView, { id: id })\n );\n\n // update height if is fixed\n var fixedPreviewHeight = root.query('GET_IMAGE_PREVIEW_HEIGHT');\n if (fixedPreviewHeight) {\n root.dispatch('DID_UPDATE_PANEL_HEIGHT', {\n id: item.id,\n height: fixedPreviewHeight\n });\n }\n\n // now ready\n var queue =\n !supportsCreateImageBitmap &&\n file.size > query('GET_IMAGE_PREVIEW_MAX_INSTANT_PREVIEW_FILE_SIZE');\n root.dispatch('DID_IMAGE_PREVIEW_CONTAINER_CREATE', { id: id }, queue);\n };\n\n var rescaleItem = function rescaleItem(root, props) {\n if (!root.ref.imagePreview) return;\n var id = props.id;\n\n // get item\n var item = root.query('GET_ITEM', { id: id });\n if (!item) return;\n\n // if is fixed height or panel has aspect ratio, exit here, height has already been defined\n var panelAspectRatio = root.query('GET_PANEL_ASPECT_RATIO');\n var itemPanelAspectRatio = root.query('GET_ITEM_PANEL_ASPECT_RATIO');\n var fixedHeight = root.query('GET_IMAGE_PREVIEW_HEIGHT');\n if (panelAspectRatio || itemPanelAspectRatio || fixedHeight) return;\n\n // no data!\n var _root$ref = root.ref,\n imageWidth = _root$ref.imageWidth,\n imageHeight = _root$ref.imageHeight;\n if (!imageWidth || !imageHeight) return;\n\n // get height min and max\n var minPreviewHeight = root.query('GET_IMAGE_PREVIEW_MIN_HEIGHT');\n var maxPreviewHeight = root.query('GET_IMAGE_PREVIEW_MAX_HEIGHT');\n\n // orientation info\n var exif = item.getMetadata('exif') || {};\n var orientation = exif.orientation || -1;\n\n // get width and height from action, and swap of orientation is incorrect\n if (orientation >= 5 && orientation <= 8) {\n var _ref2 = [imageHeight, imageWidth];\n imageWidth = _ref2[0];\n imageHeight = _ref2[1];\n }\n\n // scale up width and height when we're dealing with an SVG\n if (!isBitmap(item.file) || root.query('GET_IMAGE_PREVIEW_UPSCALE')) {\n var scalar = 2048 / imageWidth;\n imageWidth *= scalar;\n imageHeight *= scalar;\n }\n\n // image aspect ratio\n var imageAspectRatio = imageHeight / imageWidth;\n\n // we need the item to get to the crop size\n var previewAspectRatio =\n (item.getMetadata('crop') || {}).aspectRatio || imageAspectRatio;\n\n // preview height range\n var previewHeightMax = Math.max(\n minPreviewHeight,\n Math.min(imageHeight, maxPreviewHeight)\n );\n\n var itemWidth = root.rect.element.width;\n var previewHeight = Math.min(\n itemWidth * previewAspectRatio,\n previewHeightMax\n );\n\n // request update to panel height\n root.dispatch('DID_UPDATE_PANEL_HEIGHT', {\n id: item.id,\n height: previewHeight\n });\n };\n\n var didResizeView = function didResizeView(_ref3) {\n var root = _ref3.root;\n // actions in next write operation\n root.ref.shouldRescale = true;\n };\n\n var didUpdateItemMetadata = function didUpdateItemMetadata(_ref4) {\n var root = _ref4.root,\n action = _ref4.action;\n if (action.change.key !== 'crop') return;\n\n // actions in next write operation\n root.ref.shouldRescale = true;\n };\n\n var didCalculatePreviewSize = function didCalculatePreviewSize(_ref5) {\n var root = _ref5.root,\n action = _ref5.action;\n // remember dimensions\n root.ref.imageWidth = action.width;\n root.ref.imageHeight = action.height;\n\n // actions in next write operation\n root.ref.shouldRescale = true;\n root.ref.shouldDrawPreview = true;\n\n // as image load could take a while and fire when draw loop is resting we need to give it a kick\n root.dispatch('KICK');\n };\n\n // start writing\n view.registerWriter(\n createRoute(\n {\n DID_RESIZE_ROOT: didResizeView,\n DID_STOP_RESIZE: didResizeView,\n DID_LOAD_ITEM: didLoadItem,\n DID_IMAGE_PREVIEW_CALCULATE_SIZE: didCalculatePreviewSize,\n DID_UPDATE_ITEM_METADATA: didUpdateItemMetadata\n },\n\n function(_ref6) {\n var root = _ref6.root,\n props = _ref6.props;\n // no preview view attached\n if (!root.ref.imagePreview) return;\n\n // don't do anything while hidden\n if (root.rect.element.hidden) return;\n\n // resize the item panel\n if (root.ref.shouldRescale) {\n rescaleItem(root, props);\n root.ref.shouldRescale = false;\n }\n\n if (root.ref.shouldDrawPreview) {\n // queue till next frame so we're sure the height has been applied this forces the draw image call inside the wrapper view to use the correct height\n requestAnimationFrame(function() {\n // this requestAnimationFrame nesting is horrible but it fixes an issue with 100hz displays on Chrome\n // https://github.com/pqina/filepond-plugin-image-preview/issues/57\n requestAnimationFrame(function() {\n root.dispatch('DID_FINISH_CALCULATE_PREVIEWSIZE', {\n id: props.id\n });\n });\n });\n\n root.ref.shouldDrawPreview = false;\n }\n }\n )\n );\n });\n\n // expose plugin\n return {\n options: {\n // Enable or disable image preview\n allowImagePreview: [true, Type.BOOLEAN],\n\n // filters file items to determine which are shown as preview\n imagePreviewFilterItem: [\n function() {\n return true;\n },\n Type.FUNCTION\n ],\n\n // Fixed preview height\n imagePreviewHeight: [null, Type.INT],\n\n // Min image height\n imagePreviewMinHeight: [44, Type.INT],\n\n // Max image height\n imagePreviewMaxHeight: [256, Type.INT],\n\n // Max size of preview file for when createImageBitmap is not supported\n imagePreviewMaxFileSize: [null, Type.INT],\n\n // The amount of extra pixels added to the image preview to allow comfortable zooming\n imagePreviewZoomFactor: [2, Type.INT],\n\n // Should we upscale small images to fit the max bounding box of the preview area\n imagePreviewUpscale: [false, Type.BOOLEAN],\n\n // Max size of preview file that we allow to try to instant preview if createImageBitmap is not supported, else image is queued for loading\n imagePreviewMaxInstantPreviewFileSize: [1000000, Type.INT],\n\n // Style of the transparancy indicator used behind images\n imagePreviewTransparencyIndicator: [null, Type.STRING],\n\n // Enables or disables reading average image color\n imagePreviewCalculateAverageImageColor: [false, Type.BOOLEAN],\n\n // Enables or disables the previewing of markup\n imagePreviewMarkupShow: [true, Type.BOOLEAN],\n\n // Allows filtering of markup to only show certain shapes\n imagePreviewMarkupFilter: [\n function() {\n return true;\n },\n Type.FUNCTION\n ]\n }\n };\n };\n\n // fire pluginloaded event if running in browser, this allows registering the plugin when using async script tags\n var isBrowser =\n typeof window !== 'undefined' && typeof window.document !== 'undefined';\n if (isBrowser) {\n document.dispatchEvent(\n new CustomEvent('FilePond:pluginloaded', { detail: plugin })\n );\n }\n\n return plugin;\n});\n"
},
{
"path": "libs/hinting/javascript-hint.js",
"content": "// CodeMirror, copyright (c) by Marijn Haverbeke and others\n// Distributed under an MIT license: http://codemirror.net/LICENSE\n\n(function(mod) {\n if (typeof exports == \"object\" && typeof module == \"object\") // CommonJS\n mod(require(\"../../lib/codemirror\"));\n else if (typeof define == \"function\" && define.amd) // AMD\n define([\"../../lib/codemirror\"], mod);\n else // Plain browser env\n mod(CodeMirror);\n})(function(CodeMirror) {\n var Pos = CodeMirror.Pos;\n\n function forEach(arr, f) {\n for (var i = 0, e = arr.length; i < e; ++i) f(arr[i]);\n }\n\n function arrayContains(arr, item) {\n if (!Array.prototype.indexOf) {\n var i = arr.length;\n while (i--) {\n if (arr[i] === item) {\n return true;\n }\n }\n return false;\n }\n return arr.indexOf(item) != -1;\n }\n\n function scriptHint(editor, keywords, getToken, options) {\n // Find the token at the cursor\n var cur = editor.getCursor(), token = getToken(editor, cur);\n if (/\\b(?:string|comment)\\b/.test(token.type)) return;\n token.state = CodeMirror.innerMode(editor.getMode(), token.state).state;\n\n // If it's not a 'word-style' token, ignore the token.\n if (!/^[\\w$_]*$/.test(token.string)) {\n token = {start: cur.ch, end: cur.ch, string: \"\", state: token.state,\n type: token.string == \".\" ? \"property\" : null};\n } else if (token.end > cur.ch) {\n token.end = cur.ch;\n token.string = token.string.slice(0, cur.ch - token.start);\n }\n\n var tprop = token;\n // If it is a property, find out what it is a property of.\n while (tprop.type == \"property\") {\n tprop = getToken(editor, Pos(cur.line, tprop.start));\n if (tprop.string != \".\") return;\n tprop = getToken(editor, Pos(cur.line, tprop.start));\n if (!context) var context = [];\n context.push(tprop);\n }\n return {list: getCompletions(token, context, keywords, options),\n from: Pos(cur.line, token.start),\n to: Pos(cur.line, token.end)};\n }\n\n function javascriptHint(editor, options) {\n return scriptHint(editor, javascriptKeywords,\n function (e, cur) {return e.getTokenAt(cur);},\n options);\n };\n CodeMirror.registerHelper(\"hint\", \"javascript\", javascriptHint);\n\n function getCoffeeScriptToken(editor, cur) {\n // This getToken, it is for coffeescript, imitates the behavior of\n // getTokenAt method in javascript.js, that is, returning \"property\"\n // type and treat \".\" as indepenent token.\n var token = editor.getTokenAt(cur);\n if (cur.ch == token.start + 1 && token.string.charAt(0) == '.') {\n token.end = token.start;\n token.string = '.';\n token.type = \"property\";\n }\n else if (/^\\.[\\w$_]*$/.test(token.string)) {\n token.type = \"property\";\n token.start++;\n token.string = token.string.replace(/\\./, '');\n }\n return token;\n }\n\n function coffeescriptHint(editor, options) {\n return scriptHint(editor, coffeescriptKeywords, getCoffeeScriptToken, options);\n }\n CodeMirror.registerHelper(\"hint\", \"coffeescript\", coffeescriptHint);\n\n var stringProps = (\"charAt charCodeAt indexOf lastIndexOf substring substr slice trim trimLeft trimRight \" +\n \"toUpperCase toLowerCase split concat match replace search\").split(\" \");\n var arrayProps = (\"length concat join splice push pop shift unshift slice reverse sort indexOf \" +\n \"lastIndexOf every some filter forEach map reduce reduceRight \").split(\" \");\n var funcProps = \"prototype apply call bind\".split(\" \");\n var javascriptKeywords = (\"break case catch continue debugger default delete do else false finally for function \" +\n \"if in instanceof new null return switch throw true try typeof var void while with\").split(\" \");\n var coffeescriptKeywords = (\"and break catch class continue delete do else extends false finally for \" +\n \"if in instanceof isnt new no not null of off on or return switch then throw true try typeof until void while with yes\").split(\" \");\n\n function forAllProps(obj, callback) {\n if (!Object.getOwnPropertyNames || !Object.getPrototypeOf) {\n for (var name in obj) callback(name)\n } else {\n for (var o = obj; o; o = Object.getPrototypeOf(o))\n Object.getOwnPropertyNames(o).forEach(callback)\n }\n }\n\n function getCompletions(token, context, keywords, options) {\n var found = [], start = token.string, global = options && options.globalScope || window;\n function maybeAdd(str) {\n if (str.lastIndexOf(start, 0) == 0 && !arrayContains(found, str)) found.push(str);\n }\n function gatherCompletions(obj) {\n if (typeof obj == \"string\") forEach(stringProps, maybeAdd);\n else if (obj instanceof Array) forEach(arrayProps, maybeAdd);\n else if (obj instanceof Function) forEach(funcProps, maybeAdd);\n forAllProps(obj, maybeAdd)\n }\n\n if (context && context.length) {\n // If this is a property, see if it belongs to some object we can\n // find in the current environment.\n var obj = context.pop(), base;\n if (obj.type && obj.type.indexOf(\"variable\") === 0) {\n if (options && options.additionalContext)\n base = options.additionalContext[obj.string];\n if (!options || options.useGlobalScope !== false)\n base = base || global[obj.string];\n } else if (obj.type == \"string\") {\n base = \"\";\n } else if (obj.type == \"atom\") {\n base = 1;\n } else if (obj.type == \"function\") {\n if (global.jQuery != null && (obj.string == '$' || obj.string == 'jQuery') &&\n (typeof global.jQuery == 'function'))\n base = global.jQuery();\n else if (global._ != null && (obj.string == '_') && (typeof global._ == 'function'))\n base = global._();\n }\n while (base != null && context.length)\n base = base[context.pop().string];\n if (base != null) gatherCompletions(base);\n } else {\n // If not, just look in the global object and any local scope\n // (reading into JS mode internals to get at the local and global variables)\n for (var v = token.state.localVars; v; v = v.next) maybeAdd(v.name);\n for (var v = token.state.globalVars; v; v = v.next) maybeAdd(v.name);\n if (!options || options.useGlobalScope !== false)\n gatherCompletions(global);\n forEach(keywords, maybeAdd);\n }\n return found;\n }\n});\n"
},
{
"path": "libs/hinting/python-hint.js",
"content": "(function () {\n function forEach(arr, f) {\n for (var i = 0, e = arr.length; i < e; ++i) f(arr[i]);\n }\n\n function arrayContains(arr, item) {\n if (!Array.prototype.indexOf) {\n var i = arr.length;\n while (i--) {\n if (arr[i] === item) {\n return true;\n }\n }\n return false;\n }\n return arr.indexOf(item) != -1;\n }\n\n function scriptHint(editor, _keywords, getToken) {\n // Find the token at the cursor\n var cur = editor.getCursor(), token = getToken(editor, cur), tprop = token;\n // If it's not a 'word-style' token, ignore the token.\n\n if (!/^[\\w$_]*$/.test(token.string)) {\n token = tprop = {start: cur.ch, end: cur.ch, string: \"\", state: token.state,\n className: token.string == \":\" ? \"python-type\" : null};\n }\n\n if (!context) var context = [];\n context.push(tprop);\n\n var completionList = getCompletions(token, context);\n completionList = completionList.sort();\n //prevent autocomplete for last word, instead show dropdown with one word\n if(completionList.length == 1) {\n completionList.push(\" \");\n }\n\n return {list: completionList,\n from: CodeMirror.Pos(cur.line, token.start),\n to: CodeMirror.Pos(cur.line, token.end)};\n }\n\n CodeMirror.pythonHint = function(editor) {\n return scriptHint(editor, pythonKeywordsU, function (e, cur) {return e.getTokenAt(cur);});\n };\n\n var pythonKeywords = \"and del from not while as elif global or with assert else if pass yield\"\n+ \"break except import print class exec in raise continue finally is return def for lambda try\";\n var pythonKeywordsL = pythonKeywords.split(\" \");\n var pythonKeywordsU = pythonKeywords.toUpperCase().split(\" \");\n\n var pythonBuiltins = \"abs divmod input open staticmethod all enumerate int ord str \"\n+ \"any eval isinstance pow sum basestring execfile issubclass print super\"\n+ \"bin file iter property tuple bool filter len range type\"\n+ \"bytearray float list raw_input unichr callable format locals reduce unicode\"\n+ \"chr frozenset long reload vars classmethod getattr map repr xrange\"\n+ \"cmp globals max reversed zip compile hasattr memoryview round __import__\"\n+ \"complex hash min set apply delattr help next setattr buffer\"\n+ \"dict hex object slice coerce dir id oct sorted intern \";\n var pythonBuiltinsL = pythonBuiltins.split(\" \").join(\"() \").split(\" \");\n var pythonBuiltinsU = pythonBuiltins.toUpperCase().split(\" \").join(\"() \").split(\" \");\n\n function getCompletions(token, context) {\n var found = [], start = token.string;\n function maybeAdd(str) {\n if (str.indexOf(start) == 0 && !arrayContains(found, str)) found.push(str);\n }\n\n function gatherCompletions(_obj) {\n forEach(pythonBuiltinsL, maybeAdd);\n forEach(pythonBuiltinsU, maybeAdd);\n forEach(pythonKeywordsL, maybeAdd);\n forEach(pythonKeywordsU, maybeAdd);\n }\n\n if (context) {\n // If this is a property, see if it belongs to some object we can\n // find in the current environment.\n var obj = context.pop(), base;\n\n if (obj.type == \"variable\")\n base = obj.string;\n else if(obj.type == \"variable-3\")\n base = \":\" + obj.string;\n\n while (base != null && context.length)\n base = base[context.pop().string];\n if (base != null) gatherCompletions(base);\n }\n return found;\n }\n})();"
},
{
"path": "libs/hinting/show-hint.css",
"content": ".CodeMirror-hints {\n position: absolute;\n z-index: 10;\n overflow: hidden;\n list-style: none;\n\n margin: 0;\n padding: 2px;\n\n -webkit-box-shadow: 2px 3px 5px rgba(0,0,0,.2);\n -moz-box-shadow: 2px 3px 5px rgba(0,0,0,.2);\n box-shadow: 2px 3px 5px rgba(0,0,0,.2);\n border-radius: 3px;\n border: 1px solid silver;\n\n background: white;\n font-size: 90%;\n font-family: monospace;\n\n max-height: 20em;\n overflow-y: auto;\n}\n\n.CodeMirror-hint {\n margin: 0;\n padding: 0 4px;\n border-radius: 2px;\n white-space: pre;\n color: black;\n cursor: pointer;\n}\n\nli.CodeMirror-hint-active {\n background: #08f;\n color: white;\n}\n"
},
{
"path": "libs/hinting/show-hint.js",
"content": "// CodeMirror, copyright (c) by Marijn Haverbeke and others\n// Distributed under an MIT license: http://codemirror.net/LICENSE\n\n(function(mod) {\n if (typeof exports == \"object\" && typeof module == \"object\") // CommonJS\n mod(require(\"../../lib/codemirror\"));\n else if (typeof define == \"function\" && define.amd) // AMD\n define([\"../../lib/codemirror\"], mod);\n else // Plain browser env\n mod(CodeMirror);\n})(function(CodeMirror) {\n \"use strict\";\n\n var HINT_ELEMENT_CLASS = \"CodeMirror-hint\";\n var ACTIVE_HINT_ELEMENT_CLASS = \"CodeMirror-hint-active\";\n\n // This is the old interface, kept around for now to stay\n // backwards-compatible.\n CodeMirror.showHint = function(cm, getHints, options) {\n if (!getHints) return cm.showHint(options);\n if (options && options.async) getHints.async = true;\n var newOpts = {hint: getHints};\n if (options) for (var prop in options) newOpts[prop] = options[prop];\n return cm.showHint(newOpts);\n };\n\n CodeMirror.defineExtension(\"showHint\", function(options) {\n options = parseOptions(this, this.getCursor(\"start\"), options);\n var selections = this.listSelections()\n if (selections.length > 1) return;\n // By default, don't allow completion when something is selected.\n // A hint function can have a `supportsSelection` property to\n // indicate that it can handle selections.\n if (this.somethingSelected()) {\n if (!options.hint.supportsSelection) return;\n // Don't try with cross-line selections\n for (var i = 0; i < selections.length; i++)\n if (selections[i].head.line != selections[i].anchor.line) return;\n }\n\n if (this.state.completionActive) this.state.completionActive.close();\n var completion = this.state.completionActive = new Completion(this, options);\n if (!completion.options.hint) return;\n\n CodeMirror.signal(this, \"startCompletion\", this);\n completion.update(true);\n });\n\n function Completion(cm, options) {\n this.cm = cm;\n this.options = options;\n this.widget = null;\n this.debounce = 0;\n this.tick = 0;\n this.startPos = this.cm.getCursor(\"start\");\n this.startLen = this.cm.getLine(this.startPos.line).length - this.cm.getSelection().length;\n\n var self = this;\n cm.on(\"cursorActivity\", this.activityFunc = function() { self.cursorActivity(); });\n }\n\n var requestAnimationFrame = window.requestAnimationFrame || function(fn) {\n return setTimeout(fn, 1000/60);\n };\n var cancelAnimationFrame = window.cancelAnimationFrame || clearTimeout;\n\n Completion.prototype = {\n close: function() {\n if (!this.active()) return;\n this.cm.state.completionActive = null;\n this.tick = null;\n this.cm.off(\"cursorActivity\", this.activityFunc);\n\n if (this.widget && this.data) CodeMirror.signal(this.data, \"close\");\n if (this.widget) this.widget.close();\n CodeMirror.signal(this.cm, \"endCompletion\", this.cm);\n },\n\n active: function() {\n return this.cm.state.completionActive == this;\n },\n\n pick: function(data, i) {\n var completion = data.list[i];\n if (completion.hint) completion.hint(this.cm, data, completion);\n else this.cm.replaceRange(getText(completion), completion.from || data.from,\n completion.to || data.to, \"complete\");\n CodeMirror.signal(data, \"pick\", completion);\n this.close();\n },\n\n cursorActivity: function() {\n if (this.debounce) {\n cancelAnimationFrame(this.debounce);\n this.debounce = 0;\n }\n\n var pos = this.cm.getCursor(), line = this.cm.getLine(pos.line);\n if (pos.line != this.startPos.line || line.length - pos.ch != this.startLen - this.startPos.ch ||\n pos.ch < this.startPos.ch || this.cm.somethingSelected() ||\n (pos.ch && this.options.closeCharacters.test(line.charAt(pos.ch - 1)))) {\n this.close();\n } else {\n var self = this;\n this.debounce = requestAnimationFrame(function() {self.update();});\n if (this.widget) this.widget.disable();\n }\n },\n\n update: function(first) {\n if (this.tick == null) return\n var self = this, myTick = ++this.tick\n fetchHints(this.options.hint, this.cm, this.options, function(data) {\n if (self.tick == myTick) self.finishUpdate(data, first)\n })\n },\n\n finishUpdate: function(data, first) {\n if (this.data) CodeMirror.signal(this.data, \"update\");\n\n var picked = (this.widget && this.widget.picked) || (first && this.options.completeSingle);\n if (this.widget) this.widget.close();\n\n if (data && this.data && isNewCompletion(this.data, data)) return;\n this.data = data;\n\n if (data && data.list.length) {\n if (picked && data.list.length == 1) {\n this.pick(data, 0);\n } else {\n this.widget = new Widget(this, data);\n CodeMirror.signal(data, \"shown\");\n }\n }\n }\n };\n\n function isNewCompletion(old, nw) {\n var moved = CodeMirror.cmpPos(nw.from, old.from)\n return moved > 0 && old.to.ch - old.from.ch != nw.to.ch - nw.from.ch\n }\n\n function parseOptions(cm, pos, options) {\n var editor = cm.options.hintOptions;\n var out = {};\n for (var prop in defaultOptions) out[prop] = defaultOptions[prop];\n if (editor) for (var prop in editor)\n if (editor[prop] !== undefined) out[prop] = editor[prop];\n if (options) for (var prop in options)\n if (options[prop] !== undefined) out[prop] = options[prop];\n if (out.hint.resolve) out.hint = out.hint.resolve(cm, pos)\n return out;\n }\n\n function getText(completion) {\n if (typeof completion == \"string\") return completion;\n else return completion.text;\n }\n\n function buildKeyMap(completion, handle) {\n var baseMap = {\n Up: function() {handle.moveFocus(-1);},\n Down: function() {handle.moveFocus(1);},\n PageUp: function() {handle.moveFocus(-handle.menuSize() + 1, true);},\n PageDown: function() {handle.moveFocus(handle.menuSize() - 1, true);},\n Home: function() {handle.setFocus(0);},\n End: function() {handle.setFocus(handle.length - 1);},\n Enter: handle.pick,\n Tab: handle.pick,\n Esc: handle.close\n };\n var custom = completion.options.customKeys;\n var ourMap = custom ? {} : baseMap;\n function addBinding(key, val) {\n var bound;\n if (typeof val != \"string\")\n bound = function(cm) { return val(cm, handle); };\n // This mechanism is deprecated\n else if (baseMap.hasOwnProperty(val))\n bound = baseMap[val];\n else\n bound = val;\n ourMap[key] = bound;\n }\n if (custom)\n for (var key in custom) if (custom.hasOwnProperty(key))\n addBinding(key, custom[key]);\n var extra = completion.options.extraKeys;\n if (extra)\n for (var key in extra) if (extra.hasOwnProperty(key))\n addBinding(key, extra[key]);\n return ourMap;\n }\n\n function getHintElement(hintsElement, el) {\n while (el && el != hintsElement) {\n if (el.nodeName.toUpperCase() === \"LI\" && el.parentNode == hintsElement) return el;\n el = el.parentNode;\n }\n }\n\n function Widget(completion, data) {\n this.completion = completion;\n this.data = data;\n this.picked = false;\n var widget = this, cm = completion.cm;\n\n var hints = this.hints = document.createElement(\"ul\");\n hints.className = \"CodeMirror-hints\";\n this.selectedHint = data.selectedHint || 0;\n\n var completions = data.list;\n for (var i = 0; i < completions.length; ++i) {\n var elt = hints.appendChild(document.createElement(\"li\")), cur = completions[i];\n var className = HINT_ELEMENT_CLASS + (i != this.selectedHint ? \"\" : \" \" + ACTIVE_HINT_ELEMENT_CLASS);\n if (cur.className != null) className = cur.className + \" \" + className;\n elt.className = className;\n if (cur.render) cur.render(elt, data, cur);\n else elt.appendChild(document.createTextNode(cur.displayText || getText(cur)));\n elt.hintId = i;\n }\n\n var pos = cm.cursorCoords(completion.options.alignWithWord ? data.from : null);\n var left = pos.left, top = pos.bottom, below = true;\n hints.style.left = left + \"px\";\n hints.style.top = top + \"px\";\n // If we're at the edge of the screen, then we want the menu to appear on the left of the cursor.\n var winW = window.innerWidth || Math.max(document.body.offsetWidth, document.documentElement.offsetWidth);\n var winH = window.innerHeight || Math.max(document.body.offsetHeight, document.documentElement.offsetHeight);\n (completion.options.container || document.body).appendChild(hints);\n var box = hints.getBoundingClientRect(), overlapY = box.bottom - winH;\n var scrolls = hints.scrollHeight > hints.clientHeight + 1\n var startScroll = cm.getScrollInfo();\n\n if (overlapY > 0) {\n var height = box.bottom - box.top, curTop = pos.top - (pos.bottom - box.top);\n if (curTop - height > 0) { // Fits above cursor\n hints.style.top = (top = pos.top - height) + \"px\";\n below = false;\n } else if (height > winH) {\n hints.style.height = (winH - 5) + \"px\";\n hints.style.top = (top = pos.bottom - box.top) + \"px\";\n var cursor = cm.getCursor();\n if (data.from.ch != cursor.ch) {\n pos = cm.cursorCoords(cursor);\n hints.style.left = (left = pos.left) + \"px\";\n box = hints.getBoundingClientRect();\n }\n }\n }\n var overlapX = box.right - winW;\n if (overlapX > 0) {\n if (box.right - box.left > winW) {\n hints.style.width = (winW - 5) + \"px\";\n overlapX -= (box.right - box.left) - winW;\n }\n hints.style.left = (left = pos.left - overlapX) + \"px\";\n }\n if (scrolls) for (var node = hints.firstChild; node; node = node.nextSibling)\n node.style.paddingRight = cm.display.nativeBarWidth + \"px\"\n\n cm.addKeyMap(this.keyMap = buildKeyMap(completion, {\n moveFocus: function(n, avoidWrap) { widget.changeActive(widget.selectedHint + n, avoidWrap); },\n setFocus: function(n) { widget.changeActive(n); },\n menuSize: function() { return widget.screenAmount(); },\n length: completions.length,\n close: function() { completion.close(); },\n pick: function() { widget.pick(); },\n data: data\n }));\n\n if (completion.options.closeOnUnfocus) {\n var closingOnBlur;\n cm.on(\"blur\", this.onBlur = function() { closingOnBlur = setTimeout(function() { completion.close(); }, 100); });\n cm.on(\"focus\", this.onFocus = function() { clearTimeout(closingOnBlur); });\n }\n\n cm.on(\"scroll\", this.onScroll = function() {\n var curScroll = cm.getScrollInfo(), editor = cm.getWrapperElement().getBoundingClientRect();\n var newTop = top + startScroll.top - curScroll.top;\n var point = newTop - (window.pageYOffset || (document.documentElement || document.body).scrollTop);\n if (!below) point += hints.offsetHeight;\n if (point <= editor.top || point >= editor.bottom) return completion.close();\n hints.style.top = newTop + \"px\";\n hints.style.left = (left + startScroll.left - curScroll.left) + \"px\";\n });\n\n CodeMirror.on(hints, \"dblclick\", function(e) {\n var t = getHintElement(hints, e.target || e.srcElement);\n if (t && t.hintId != null) {widget.changeActive(t.hintId); widget.pick();}\n });\n\n CodeMirror.on(hints, \"click\", function(e) {\n var t = getHintElement(hints, e.target || e.srcElement);\n if (t && t.hintId != null) {\n widget.changeActive(t.hintId);\n if (completion.options.completeOnSingleClick) widget.pick();\n }\n });\n\n CodeMirror.on(hints, \"mousedown\", function() {\n setTimeout(function(){cm.focus();}, 20);\n });\n\n CodeMirror.signal(data, \"select\", completions[0], hints.firstChild);\n return true;\n }\n\n Widget.prototype = {\n close: function() {\n if (this.completion.widget != this) return;\n this.completion.widget = null;\n this.hints.parentNode.removeChild(this.hints);\n this.completion.cm.removeKeyMap(this.keyMap);\n\n var cm = this.completion.cm;\n if (this.completion.options.closeOnUnfocus) {\n cm.off(\"blur\", this.onBlur);\n cm.off(\"focus\", this.onFocus);\n }\n cm.off(\"scroll\", this.onScroll);\n },\n\n disable: function() {\n this.completion.cm.removeKeyMap(this.keyMap);\n var widget = this;\n this.keyMap = {Enter: function() { widget.picked = true; }};\n this.completion.cm.addKeyMap(this.keyMap);\n },\n\n pick: function() {\n this.completion.pick(this.data, this.selectedHint);\n },\n\n changeActive: function(i, avoidWrap) {\n if (i >= this.data.list.length)\n i = avoidWrap ? this.data.list.length - 1 : 0;\n else if (i < 0)\n i = avoidWrap ? 0 : this.data.list.length - 1;\n if (this.selectedHint == i) return;\n var node = this.hints.childNodes[this.selectedHint];\n node.className = node.className.replace(\" \" + ACTIVE_HINT_ELEMENT_CLASS, \"\");\n node = this.hints.childNodes[this.selectedHint = i];\n node.className += \" \" + ACTIVE_HINT_ELEMENT_CLASS;\n if (node.offsetTop < this.hints.scrollTop)\n this.hints.scrollTop = node.offsetTop - 3;\n else if (node.offsetTop + node.offsetHeight > this.hints.scrollTop + this.hints.clientHeight)\n this.hints.scrollTop = node.offsetTop + node.offsetHeight - this.hints.clientHeight + 3;\n CodeMirror.signal(this.data, \"select\", this.data.list[this.selectedHint], node);\n },\n\n screenAmount: function() {\n return Math.floor(this.hints.clientHeight / this.hints.firstChild.offsetHeight) || 1;\n }\n };\n\n function applicableHelpers(cm, helpers) {\n if (!cm.somethingSelected()) return helpers\n var result = []\n for (var i = 0; i < helpers.length; i++)\n if (helpers[i].supportsSelection) result.push(helpers[i])\n return result\n }\n\n function fetchHints(hint, cm, options, callback) {\n if (hint.async) {\n hint(cm, callback, options)\n } else {\n var result = hint(cm, options)\n if (result && result.then) result.then(callback)\n else callback(result)\n }\n }\n\n function resolveAutoHints(cm, pos) {\n var helpers = cm.getHelpers(pos, \"hint\"), words\n if (helpers.length) {\n var resolved = function(cm, callback, options) {\n var app = applicableHelpers(cm, helpers);\n function run(i) {\n if (i == app.length) return callback(null)\n fetchHints(app[i], cm, options, function(result) {\n if (result && result.list.length > 0) callback(result)\n else run(i + 1)\n })\n }\n run(0)\n }\n resolved.async = true\n resolved.supportsSelection = true\n return resolved\n } else if (words = cm.getHelper(cm.getCursor(), \"hintWords\")) {\n return function(cm) { return CodeMirror.hint.fromList(cm, {words: words}) }\n } else if (CodeMirror.hint.anyword) {\n return function(cm, options) { return CodeMirror.hint.anyword(cm, options) }\n } else {\n return function() {}\n }\n }\n\n CodeMirror.registerHelper(\"hint\", \"auto\", {\n resolve: resolveAutoHints\n });\n\n CodeMirror.registerHelper(\"hint\", \"fromList\", function(cm, options) {\n var cur = cm.getCursor(), token = cm.getTokenAt(cur);\n var to = CodeMirror.Pos(cur.line, token.end);\n if (token.string && /\\w/.test(token.string[token.string.length - 1])) {\n var term = token.string, from = CodeMirror.Pos(cur.line, token.start);\n } else {\n var term = \"\", from = to;\n }\n var found = [];\n for (var i = 0; i < options.words.length; i++) {\n var word = options.words[i];\n if (word.slice(0, term.length) == term)\n found.push(word);\n }\n\n if (found.length) return {list: found, from: from, to: to};\n });\n\n CodeMirror.commands.autocomplete = CodeMirror.showHint;\n\n var defaultOptions = {\n hint: CodeMirror.hint.auto,\n completeSingle: true,\n alignWithWord: true,\n closeCharacters: /[\\s()\\[\\]{};:>,]/,\n closeOnUnfocus: true,\n completeOnSingleClick: true,\n container: null,\n customKeys: null,\n extraKeys: null\n };\n\n CodeMirror.defineOption(\"hintOptions\", null);\n});\n"
},
{
"path": "libs/jquery/jquery-ui.css",
"content": "/*! jQuery UI - v1.12.1 - 2019-07-26\n* http://jqueryui.com\n* Includes: draggable.css, core.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css\n* Copyright jQuery Foundation and other contributors; Licensed MIT */\n\n.ui-draggable-handle {\n\t-ms-touch-action: none;\n\ttouch-action: none;\n}\n/* Layout helpers\n----------------------------------*/\n.ui-helper-hidden {\n\tdisplay: none;\n}\n.ui-helper-hidden-accessible {\n\tborder: 0;\n\tclip: rect(0 0 0 0);\n\theight: 1px;\n\tmargin: -1px;\n\toverflow: hidden;\n\tpadding: 0;\n\tposition: absolute;\n\twidth: 1px;\n}\n.ui-helper-reset {\n\tmargin: 0;\n\tpadding: 0;\n\tborder: 0;\n\toutline: 0;\n\tline-height: 1.3;\n\ttext-decoration: none;\n\tfont-size: 100%;\n\tlist-style: none;\n}\n.ui-helper-clearfix:before,\n.ui-helper-clearfix:after {\n\tcontent: \"\";\n\tdisplay: table;\n\tborder-collapse: collapse;\n}\n.ui-helper-clearfix:after {\n\tclear: both;\n}\n.ui-helper-zfix {\n\twidth: 100%;\n\theight: 100%;\n\ttop: 0;\n\tleft: 0;\n\tposition: absolute;\n\topacity: 0;\n\tfilter:Alpha(Opacity=0); /* support: IE8 */\n}\n\n.ui-front {\n\tz-index: 100;\n}\n\n\n/* Interaction Cues\n----------------------------------*/\n.ui-state-disabled {\n\tcursor: default !important;\n\tpointer-events: none;\n}\n\n\n/* Icons\n----------------------------------*/\n.ui-icon {\n\tdisplay: inline-block;\n\tvertical-align: middle;\n\tmargin-top: -.25em;\n\tposition: relative;\n\ttext-indent: -99999px;\n\toverflow: hidden;\n\tbackground-repeat: no-repeat;\n}\n\n.ui-widget-icon-block {\n\tleft: 50%;\n\tmargin-left: -8px;\n\tdisplay: block;\n}\n\n/* Misc visuals\n----------------------------------*/\n\n/* Overlays */\n.ui-widget-overlay {\n\tposition: fixed;\n\ttop: 0;\n\tleft: 0;\n\twidth: 100%;\n\theight: 100%;\n}\n.ui-resizable {\n\tposition: relative;\n}\n.ui-resizable-handle {\n\tposition: absolute;\n\tfont-size: 0.1px;\n\tdisplay: block;\n\t-ms-touch-action: none;\n\ttouch-action: none;\n}\n.ui-resizable-disabled .ui-resizable-handle,\n.ui-resizable-autohide .ui-resizable-handle {\n\tdisplay: none;\n}\n.ui-resizable-n {\n\tcursor: n-resize;\n\theight: 7px;\n\twidth: 100%;\n\ttop: -5px;\n\tleft: 0;\n}\n.ui-resizable-s {\n\tcursor: s-resize;\n\theight: 7px;\n\twidth: 100%;\n\tbottom: -5px;\n\tleft: 0;\n}\n.ui-resizable-e {\n\tcursor: e-resize;\n\twidth: 7px;\n\tright: -5px;\n\ttop: 0;\n\theight: 100%;\n}\n.ui-resizable-w {\n\tcursor: w-resize;\n\twidth: 7px;\n\tleft: -5px;\n\ttop: 0;\n\theight: 100%;\n}\n.ui-resizable-se {\n\tcursor: se-resize;\n\twidth: 12px;\n\theight: 12px;\n\tright: 1px;\n\tbottom: 1px;\n}\n.ui-resizable-sw {\n\tcursor: sw-resize;\n\twidth: 9px;\n\theight: 9px;\n\tleft: -5px;\n\tbottom: -5px;\n}\n.ui-resizable-nw {\n\tcursor: nw-resize;\n\twidth: 9px;\n\theight: 9px;\n\tleft: -5px;\n\ttop: -5px;\n}\n.ui-resizable-ne {\n\tcursor: ne-resize;\n\twidth: 9px;\n\theight: 9px;\n\tright: -5px;\n\ttop: -5px;\n}\n.ui-selectable {\n\t-ms-touch-action: none;\n\ttouch-action: none;\n}\n.ui-selectable-helper {\n\tposition: absolute;\n\tz-index: 100;\n\tborder: 1px dotted black;\n}\n.ui-sortable-handle {\n\t-ms-touch-action: none;\n\ttouch-action: none;\n}\n.ui-accordion .ui-accordion-header {\n\tdisplay: block;\n\tcursor: pointer;\n\tposition: relative;\n\tmargin: 2px 0 0 0;\n\tpadding: .5em .5em .5em .7em;\n\tfont-size: 100%;\n}\n.ui-accordion .ui-accordion-content {\n\tpadding: 1em 2.2em;\n\tborder-top: 0;\n\toverflow: auto;\n}\n.ui-autocomplete {\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n\tcursor: default;\n}\n.ui-menu {\n\tlist-style: none;\n\tpadding: 0;\n\tmargin: 0;\n\tdisplay: block;\n\toutline: 0;\n}\n.ui-menu .ui-menu {\n\tposition: absolute;\n}\n.ui-menu .ui-menu-item {\n\tmargin: 0;\n\tcursor: pointer;\n\t/* support: IE10, see #8844 */\n\tlist-style-image: url(\"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\");\n}\n.ui-menu .ui-menu-item-wrapper {\n\tposition: relative;\n\tpadding: 3px 1em 3px .4em;\n}\n.ui-menu .ui-menu-divider {\n\tmargin: 5px 0;\n\theight: 0;\n\tfont-size: 0;\n\tline-height: 0;\n\tborder-width: 1px 0 0 0;\n}\n.ui-menu .ui-state-focus,\n.ui-menu .ui-state-active {\n\tmargin: -1px;\n}\n\n/* icon support */\n.ui-menu-icons {\n\tposition: relative;\n}\n.ui-menu-icons .ui-menu-item-wrapper {\n\tpadding-left: 2em;\n}\n\n/* left-aligned */\n.ui-menu .ui-icon {\n\tposition: absolute;\n\ttop: 0;\n\tbottom: 0;\n\tleft: .2em;\n\tmargin: auto 0;\n}\n\n/* right-aligned */\n.ui-menu .ui-menu-icon {\n\tleft: auto;\n\tright: 0;\n}\n.ui-button {\n\tpadding: .4em 1em;\n\tdisplay: inline-block;\n\tposition: relative;\n\tline-height: normal;\n\tmargin-right: .1em;\n\tcursor: pointer;\n\tvertical-align: middle;\n\ttext-align: center;\n\t-webkit-user-select: none;\n\t-moz-user-select: none;\n\t-ms-user-select: none;\n\tuser-select: none;\n\n\t/* Support: IE <= 11 */\n\toverflow: visible;\n}\n\n.ui-button,\n.ui-button:link,\n.ui-button:visited,\n.ui-button:hover,\n.ui-button:active {\n\ttext-decoration: none;\n}\n\n/* to make room for the icon, a width needs to be set here */\n.ui-button-icon-only {\n\twidth: 2em;\n\tbox-sizing: border-box;\n\ttext-indent: -9999px;\n\twhite-space: nowrap;\n}\n\n/* no icon support for input elements */\ninput.ui-button.ui-button-icon-only {\n\ttext-indent: 0;\n}\n\n/* button icon element(s) */\n.ui-button-icon-only .ui-icon {\n\tposition: absolute;\n\ttop: 50%;\n\tleft: 50%;\n\tmargin-top: -8px;\n\tmargin-left: -8px;\n}\n\n.ui-button.ui-icon-notext .ui-icon {\n\tpadding: 0;\n\twidth: 2.1em;\n\theight: 2.1em;\n\ttext-indent: -9999px;\n\twhite-space: nowrap;\n\n}\n\ninput.ui-button.ui-icon-notext .ui-icon {\n\twidth: auto;\n\theight: auto;\n\ttext-indent: 0;\n\twhite-space: normal;\n\tpadding: .4em 1em;\n}\n\n/* workarounds */\n/* Support: Firefox 5 - 40 */\ninput.ui-button::-moz-focus-inner,\nbutton.ui-button::-moz-focus-inner {\n\tborder: 0;\n\tpadding: 0;\n}\n.ui-controlgroup {\n\tvertical-align: middle;\n\tdisplay: inline-block;\n}\n.ui-controlgroup > .ui-controlgroup-item {\n\tfloat: left;\n\tmargin-left: 0;\n\tmargin-right: 0;\n}\n.ui-controlgroup > .ui-controlgroup-item:focus,\n.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {\n\tz-index: 9999;\n}\n.ui-controlgroup-vertical > .ui-controlgroup-item {\n\tdisplay: block;\n\tfloat: none;\n\twidth: 100%;\n\tmargin-top: 0;\n\tmargin-bottom: 0;\n\ttext-align: left;\n}\n.ui-controlgroup-vertical .ui-controlgroup-item {\n\tbox-sizing: border-box;\n}\n.ui-controlgroup .ui-controlgroup-label {\n\tpadding: .4em 1em;\n}\n.ui-controlgroup .ui-controlgroup-label span {\n\tfont-size: 80%;\n}\n.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {\n\tborder-left: none;\n}\n.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {\n\tborder-top: none;\n}\n.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {\n\tborder-right: none;\n}\n.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {\n\tborder-bottom: none;\n}\n\n/* Spinner specific style fixes */\n.ui-controlgroup-vertical .ui-spinner-input {\n\n\t/* Support: IE8 only, Android < 4.4 only */\n\twidth: 75%;\n\twidth: calc( 100% - 2.4em );\n}\n.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {\n\tborder-top-style: solid;\n}\n\n.ui-checkboxradio-label .ui-icon-background {\n\tbox-shadow: inset 1px 1px 1px #ccc;\n\tborder-radius: .12em;\n\tborder: none;\n}\n.ui-checkboxradio-radio-label .ui-icon-background {\n\twidth: 16px;\n\theight: 16px;\n\tborder-radius: 1em;\n\toverflow: visible;\n\tborder: none;\n}\n.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,\n.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {\n\tbackground-image: none;\n\twidth: 8px;\n\theight: 8px;\n\tborder-width: 4px;\n\tborder-style: solid;\n}\n.ui-checkboxradio-disabled {\n\tpointer-events: none;\n}\n.ui-datepicker {\n\twidth: 17em;\n\tpadding: .2em .2em 0;\n\tdisplay: none;\n}\n.ui-datepicker .ui-datepicker-header {\n\tposition: relative;\n\tpadding: .2em 0;\n}\n.ui-datepicker .ui-datepicker-prev,\n.ui-datepicker .ui-datepicker-next {\n\tposition: absolute;\n\ttop: 2px;\n\twidth: 1.8em;\n\theight: 1.8em;\n}\n.ui-datepicker .ui-datepicker-prev-hover,\n.ui-datepicker .ui-datepicker-next-hover {\n\ttop: 1px;\n}\n.ui-datepicker .ui-datepicker-prev {\n\tleft: 2px;\n}\n.ui-datepicker .ui-datepicker-next {\n\tright: 2px;\n}\n.ui-datepicker .ui-datepicker-prev-hover {\n\tleft: 1px;\n}\n.ui-datepicker .ui-datepicker-next-hover {\n\tright: 1px;\n}\n.ui-datepicker .ui-datepicker-prev span,\n.ui-datepicker .ui-datepicker-next span {\n\tdisplay: block;\n\tposition: absolute;\n\tleft: 50%;\n\tmargin-left: -8px;\n\ttop: 50%;\n\tmargin-top: -8px;\n}\n.ui-datepicker .ui-datepicker-title {\n\tmargin: 0 2.3em;\n\tline-height: 1.8em;\n\ttext-align: center;\n}\n.ui-datepicker .ui-datepicker-title select {\n\tfont-size: 1em;\n\tmargin: 1px 0;\n}\n.ui-datepicker select.ui-datepicker-month,\n.ui-datepicker select.ui-datepicker-year {\n\twidth: 45%;\n}\n.ui-datepicker table {\n\twidth: 100%;\n\tfont-size: .9em;\n\tborder-collapse: collapse;\n\tmargin: 0 0 .4em;\n}\n.ui-datepicker th {\n\tpadding: .7em .3em;\n\ttext-align: center;\n\tfont-weight: bold;\n\tborder: 0;\n}\n.ui-datepicker td {\n\tborder: 0;\n\tpadding: 1px;\n}\n.ui-datepicker td span,\n.ui-datepicker td a {\n\tdisplay: block;\n\tpadding: .2em;\n\ttext-align: right;\n\ttext-decoration: none;\n}\n.ui-datepicker .ui-datepicker-buttonpane {\n\tbackground-image: none;\n\tmargin: .7em 0 0 0;\n\tpadding: 0 .2em;\n\tborder-left: 0;\n\tborder-right: 0;\n\tborder-bottom: 0;\n}\n.ui-datepicker .ui-datepicker-buttonpane button {\n\tfloat: right;\n\tmargin: .5em .2em .4em;\n\tcursor: pointer;\n\tpadding: .2em .6em .3em .6em;\n\twidth: auto;\n\toverflow: visible;\n}\n.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {\n\tfloat: left;\n}\n\n/* with multiple calendars */\n.ui-datepicker.ui-datepicker-multi {\n\twidth: auto;\n}\n.ui-datepicker-multi .ui-datepicker-group {\n\tfloat: left;\n}\n.ui-datepicker-multi .ui-datepicker-group table {\n\twidth: 95%;\n\tmargin: 0 auto .4em;\n}\n.ui-datepicker-multi-2 .ui-datepicker-group {\n\twidth: 50%;\n}\n.ui-datepicker-multi-3 .ui-datepicker-group {\n\twidth: 33.3%;\n}\n.ui-datepicker-multi-4 .ui-datepicker-group {\n\twidth: 25%;\n}\n.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,\n.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {\n\tborder-left-width: 0;\n}\n.ui-datepicker-multi .ui-datepicker-buttonpane {\n\tclear: left;\n}\n.ui-datepicker-row-break {\n\tclear: both;\n\twidth: 100%;\n\tfont-size: 0;\n}\n\n/* RTL support */\n.ui-datepicker-rtl {\n\tdirection: rtl;\n}\n.ui-datepicker-rtl .ui-datepicker-prev {\n\tright: 2px;\n\tleft: auto;\n}\n.ui-datepicker-rtl .ui-datepicker-next {\n\tleft: 2px;\n\tright: auto;\n}\n.ui-datepicker-rtl .ui-datepicker-prev:hover {\n\tright: 1px;\n\tleft: auto;\n}\n.ui-datepicker-rtl .ui-datepicker-next:hover {\n\tleft: 1px;\n\tright: auto;\n}\n.ui-datepicker-rtl .ui-datepicker-buttonpane {\n\tclear: right;\n}\n.ui-datepicker-rtl .ui-datepicker-buttonpane button {\n\tfloat: left;\n}\n.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,\n.ui-datepicker-rtl .ui-datepicker-group {\n\tfloat: right;\n}\n.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,\n.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {\n\tborder-right-width: 0;\n\tborder-left-width: 1px;\n}\n\n/* Icons */\n.ui-datepicker .ui-icon {\n\tdisplay: block;\n\ttext-indent: -99999px;\n\toverflow: hidden;\n\tbackground-repeat: no-repeat;\n\tleft: .5em;\n\ttop: .3em;\n}\n.ui-dialog {\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n\tpadding: .2em;\n\toutline: 0;\n}\n.ui-dialog .ui-dialog-titlebar {\n\tpadding: .4em 1em;\n\tposition: relative;\n}\n.ui-dialog .ui-dialog-title {\n\tfloat: left;\n\tmargin: .1em 0;\n\twhite-space: nowrap;\n\twidth: 90%;\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n}\n.ui-dialog .ui-dialog-titlebar-close {\n\tposition: absolute;\n\tright: .3em;\n\ttop: 50%;\n\twidth: 20px;\n\tmargin: -10px 0 0 0;\n\tpadding: 1px;\n\theight: 20px;\n}\n.ui-dialog .ui-dialog-content {\n\tposition: relative;\n\tborder: 0;\n\tpadding: .5em 1em;\n\tbackground: none;\n\toverflow: auto;\n}\n.ui-dialog .ui-dialog-buttonpane {\n\ttext-align: left;\n\tborder-width: 1px 0 0 0;\n\tbackground-image: none;\n\tmargin-top: .5em;\n\tpadding: .3em 1em .5em .4em;\n}\n.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {\n\tfloat: right;\n}\n.ui-dialog .ui-dialog-buttonpane button {\n\tmargin: .5em .4em .5em 0;\n\tcursor: pointer;\n}\n.ui-dialog .ui-resizable-n {\n\theight: 2px;\n\ttop: 0;\n}\n.ui-dialog .ui-resizable-e {\n\twidth: 2px;\n\tright: 0;\n}\n.ui-dialog .ui-resizable-s {\n\theight: 2px;\n\tbottom: 0;\n}\n.ui-dialog .ui-resizable-w {\n\twidth: 2px;\n\tleft: 0;\n}\n.ui-dialog .ui-resizable-se,\n.ui-dialog .ui-resizable-sw,\n.ui-dialog .ui-resizable-ne,\n.ui-dialog .ui-resizable-nw {\n\twidth: 7px;\n\theight: 7px;\n}\n.ui-dialog .ui-resizable-se {\n\tright: 0;\n\tbottom: 0;\n}\n.ui-dialog .ui-resizable-sw {\n\tleft: 0;\n\tbottom: 0;\n}\n.ui-dialog .ui-resizable-ne {\n\tright: 0;\n\ttop: 0;\n}\n.ui-dialog .ui-resizable-nw {\n\tleft: 0;\n\ttop: 0;\n}\n.ui-draggable .ui-dialog-titlebar {\n\tcursor: move;\n}\n.ui-progressbar {\n\theight: 2em;\n\ttext-align: left;\n\toverflow: hidden;\n}\n.ui-progressbar .ui-progressbar-value {\n\tmargin: -1px;\n\theight: 100%;\n}\n.ui-progressbar .ui-progressbar-overlay {\n\tbackground: url(\"data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==\");\n\theight: 100%;\n\tfilter: alpha(opacity=25); /* support: IE8 */\n\topacity: 0.25;\n}\n.ui-progressbar-indeterminate .ui-progressbar-value {\n\tbackground-image: none;\n}\n.ui-selectmenu-menu {\n\tpadding: 0;\n\tmargin: 0;\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n\tdisplay: none;\n}\n.ui-selectmenu-menu .ui-menu {\n\toverflow: auto;\n\toverflow-x: hidden;\n\tpadding-bottom: 1px;\n}\n.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {\n\tfont-size: 1em;\n\tfont-weight: bold;\n\tline-height: 1.5;\n\tpadding: 2px 0.4em;\n\tmargin: 0.5em 0 0 0;\n\theight: auto;\n\tborder: 0;\n}\n.ui-selectmenu-open {\n\tdisplay: block;\n}\n.ui-selectmenu-text {\n\tdisplay: block;\n\tmargin-right: 20px;\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n}\n.ui-selectmenu-button.ui-button {\n\ttext-align: left;\n\twhite-space: nowrap;\n\twidth: 14em;\n}\n.ui-selectmenu-icon.ui-icon {\n\tfloat: right;\n\tmargin-top: 0;\n}\n.ui-slider {\n\tposition: relative;\n\ttext-align: left;\n}\n.ui-slider .ui-slider-handle {\n\tposition: absolute;\n\tz-index: 2;\n\twidth: 1.2em;\n\theight: 1.2em;\n\tcursor: default;\n\t-ms-touch-action: none;\n\ttouch-action: none;\n}\n.ui-slider .ui-slider-range {\n\tposition: absolute;\n\tz-index: 1;\n\tfont-size: .7em;\n\tdisplay: block;\n\tborder: 0;\n\tbackground-position: 0 0;\n}\n\n/* support: IE8 - See #6727 */\n.ui-slider.ui-state-disabled .ui-slider-handle,\n.ui-slider.ui-state-disabled .ui-slider-range {\n\tfilter: inherit;\n}\n\n.ui-slider-horizontal {\n\theight: .8em;\n}\n.ui-slider-horizontal .ui-slider-handle {\n\ttop: -.3em;\n\tmargin-left: -.6em;\n}\n.ui-slider-horizontal .ui-slider-range {\n\ttop: 0;\n\theight: 100%;\n}\n.ui-slider-horizontal .ui-slider-range-min {\n\tleft: 0;\n}\n.ui-slider-horizontal .ui-slider-range-max {\n\tright: 0;\n}\n\n.ui-slider-vertical {\n\twidth: .8em;\n\theight: 100px;\n}\n.ui-slider-vertical .ui-slider-handle {\n\tleft: -.3em;\n\tmargin-left: 0;\n\tmargin-bottom: -.6em;\n}\n.ui-slider-vertical .ui-slider-range {\n\tleft: 0;\n\twidth: 100%;\n}\n.ui-slider-vertical .ui-slider-range-min {\n\tbottom: 0;\n}\n.ui-slider-vertical .ui-slider-range-max {\n\ttop: 0;\n}\n.ui-spinner {\n\tposition: relative;\n\tdisplay: inline-block;\n\toverflow: hidden;\n\tpadding: 0;\n\tvertical-align: middle;\n}\n.ui-spinner-input {\n\tborder: none;\n\tbackground: none;\n\tcolor: inherit;\n\tpadding: .222em 0;\n\tmargin: .2em 0;\n\tvertical-align: middle;\n\tmargin-left: .4em;\n\tmargin-right: 2em;\n}\n.ui-spinner-button {\n\twidth: 1.6em;\n\theight: 50%;\n\tfont-size: .5em;\n\tpadding: 0;\n\tmargin: 0;\n\ttext-align: center;\n\tposition: absolute;\n\tcursor: default;\n\tdisplay: block;\n\toverflow: hidden;\n\tright: 0;\n}\n/* more specificity required here to override default borders */\n.ui-spinner a.ui-spinner-button {\n\tborder-top-style: none;\n\tborder-bottom-style: none;\n\tborder-right-style: none;\n}\n.ui-spinner-up {\n\ttop: 0;\n}\n.ui-spinner-down {\n\tbottom: 0;\n}\n.ui-tabs {\n\tposition: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as \"fixed\") */\n\tpadding: .2em;\n}\n.ui-tabs .ui-tabs-nav {\n\tmargin: 0;\n\tpadding: .2em .2em 0;\n}\n.ui-tabs .ui-tabs-nav li {\n\tlist-style: none;\n\tfloat: left;\n\tposition: relative;\n\ttop: 0;\n\tmargin: 1px .2em 0 0;\n\tborder-bottom-width: 0;\n\tpadding: 0;\n\twhite-space: nowrap;\n}\n.ui-tabs .ui-tabs-nav .ui-tabs-anchor {\n\tfloat: left;\n\tpadding: .5em 1em;\n\ttext-decoration: none;\n}\n.ui-tabs .ui-tabs-nav li.ui-tabs-active {\n\tmargin-bottom: -1px;\n\tpadding-bottom: 1px;\n}\n.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,\n.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,\n.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {\n\tcursor: text;\n}\n.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {\n\tcursor: pointer;\n}\n.ui-tabs .ui-tabs-panel {\n\tdisplay: block;\n\tborder-width: 0;\n\tpadding: 1em 1.4em;\n\tbackground: none;\n}\n.ui-tooltip {\n\tpadding: 8px;\n\tposition: absolute;\n\tz-index: 9999;\n\tmax-width: 300px;\n}\nbody .ui-tooltip {\n\tborder-width: 2px;\n}\n"
},
{
"path": "libs/jquery/jquery.hotkeys.js",
"content": "/*\n * jQuery Hotkeys Plugin\n * Copyright 2010, John Resig\n * Dual licensed under the MIT or GPL Version 2 licenses.\n *\n * Based upon the plugin by Tzury Bar Yochay:\n * http://github.com/tzuryby/hotkeys\n *\n * Original idea by:\n * Binny V A, http://www.openjs.com/scripts/events/keyboard_shortcuts/\n*/\n\n(function(jQuery){\n\t\n\tjQuery.hotkeys = {\n\t\tversion: \"0.8\",\n\n\t\tspecialKeys: {\n\t\t\t8: \"backspace\", 9: \"tab\", 13: \"return\", 16: \"shift\", 17: \"ctrl\", 18: \"alt\", 19: \"pause\",\n\t\t\t20: \"capslock\", 27: \"esc\", 32: \"space\", 33: \"pageup\", 34: \"pagedown\", 35: \"end\", 36: \"home\",\n\t\t\t37: \"left\", 38: \"up\", 39: \"right\", 40: \"down\", 45: \"insert\", 46: \"del\", \n\t\t\t96: \"0\", 97: \"1\", 98: \"2\", 99: \"3\", 100: \"4\", 101: \"5\", 102: \"6\", 103: \"7\",\n\t\t\t104: \"8\", 105: \"9\", 106: \"*\", 107: \"+\", 109: \"-\", 110: \".\", 111 : \"/\", \n\t\t\t112: \"f1\", 113: \"f2\", 114: \"f3\", 115: \"f4\", 116: \"f5\", 117: \"f6\", 118: \"f7\", 119: \"f8\", \n\t\t\t120: \"f9\", 121: \"f10\", 122: \"f11\", 123: \"f12\", 144: \"numlock\", 145: \"scroll\", 191: \"/\", 224: \"meta\"\n\t\t},\n\t\n\t\tshiftNums: {\n\t\t\t\"`\": \"~\", \"1\": \"!\", \"2\": \"@\", \"3\": \"#\", \"4\": \"$\", \"5\": \"%\", \"6\": \"^\", \"7\": \"&\", \n\t\t\t\"8\": \"*\", \"9\": \"(\", \"0\": \")\", \"-\": \"_\", \"=\": \"+\", \";\": \": \", \"'\": \"\\\"\", \",\": \"<\", \n\t\t\t\".\": \">\", \"/\": \"?\", \"\\\\\": \"|\"\n\t\t}\n\t};\n\n\tfunction keyHandler( handleObj ) {\n\t\t// Only care when a possible input has been specified\n\t\tif ( typeof handleObj.data !== \"string\" ) {\n\t\t\treturn;\n\t\t}\n\t\t\n\t\tvar origHandler = handleObj.handler,\n\t\t\tkeys = handleObj.data.toLowerCase().split(\" \"),\n\t\t\ttextAcceptingInputTypes = [\"text\", \"password\", \"number\", \"email\", \"url\", \"range\", \"date\", \"month\", \"week\", \"time\", \"datetime\", \"datetime-local\", \"search\", \"color\"];\n\t\n\t\thandleObj.handler = function( event ) {\n\t\t\t// Don't fire in text-accepting inputs that we didn't directly bind to\n\t\t\tif ( this !== event.target && (/textarea|select/i.test( event.target.nodeName ) ||\n\t\t\t\tjQuery.inArray(event.target.type, textAcceptingInputTypes) > -1 ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\t\n\t\t\t// Keypress represents characters, not special keys\n\t\t\tvar special = event.type !== \"keypress\" && jQuery.hotkeys.specialKeys[ event.which ],\n\t\t\t\tcharacter = String.fromCharCode( event.which ).toLowerCase(),\n\t\t\t\tkey, modif = \"\", possible = {};\n\n\t\t\t// check combinations (alt|ctrl|shift+anything)\n\t\t\tif ( event.altKey && special !== \"alt\" ) {\n\t\t\t\tmodif += \"alt+\";\n\t\t\t}\n\n\t\t\tif ( event.ctrlKey && special !== \"ctrl\" ) {\n\t\t\t\tmodif += \"ctrl+\";\n\t\t\t}\n\t\t\t\n\t\t\t// TODO: Need to make sure this works consistently across platforms\n\t\t\tif ( event.metaKey && !event.ctrlKey && special !== \"meta\" ) {\n\t\t\t\tmodif += \"meta+\";\n\t\t\t}\n\n\t\t\tif ( event.shiftKey && special !== \"shift\" ) {\n\t\t\t\tmodif += \"shift+\";\n\t\t\t}\n\n\t\t\tif ( special ) {\n\t\t\t\tpossible[ modif + special ] = true;\n\n\t\t\t} else {\n\t\t\t\tpossible[ modif + character ] = true;\n\t\t\t\tpossible[ modif + jQuery.hotkeys.shiftNums[ character ] ] = true;\n\n\t\t\t\t// \"$\" can be triggered as \"Shift+4\" or \"Shift+$\" or just \"$\"\n\t\t\t\tif ( modif === \"shift+\" ) {\n\t\t\t\t\tpossible[ jQuery.hotkeys.shiftNums[ character ] ] = true;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tfor ( var i = 0, l = keys.length; i < l; i++ ) {\n\t\t\t\tif ( possible[ keys[i] ] ) {\n\t\t\t\t\treturn origHandler.apply( this, arguments );\n\t\t\t\t}\n\t\t\t}\n\t\t};\n\t}\n\n\tjQuery.each([ \"keydown\", \"keyup\", \"keypress\" ], function() {\n\t\tjQuery.event.special[ this ] = { add: keyHandler };\n\t});\n\n})( jQuery );"
},
{
"path": "libs/jquery/jquery.multi-select.js",
"content": "/*\n* MultiSelect v0.9.12\n* Copyright (c) 2012 Louis Cuny\n*\n* This program is free software. It comes without any warranty, to\n* the extent permitted by applicable law. You can redistribute it\n* and/or modify it under the terms of the Do What The Fuck You Want\n* To Public License, Version 2, as published by Sam Hocevar. See\n* http://sam.zoy.org/wtfpl/COPYING for more details.\n*/\n\n!function ($) {\n\n \"use strict\";\n\n\n /* MULTISELECT CLASS DEFINITION\n * ====================== */\n\n var MultiSelect = function (element, options) {\n this.options = options;\n this.$element = $(element);\n this.$container = $('', { 'class': \"ms-container\" });\n this.$selectableContainer = $('', { 'class': 'ms-selectable' });\n this.$selectionContainer = $('', { 'class': 'ms-selection' });\n this.$selectableUl = $('
');\n var codable = renderer.create(' \nEdit the inputs above to store and reuse them across multiple executions.\nEach input should be put on its own line.\nYou do not need quotes; the text will be entered literally.\n \n`, yes, this.no, \"Save\");\n // TODO: Allow user to specify the infinite string to keep giving when the others run out\n};\n\nBlockPyDialog.prototype.START_SHARE = function (url, wasPrompted) {\n const initialMessage = wasPrompted ? `\n It looks like you are having some trouble with this problem, your code, or this feedback.\n If you plan to reach out for help from the course staff, then we recommend you include this link\n in your message. It will make it much easier for them to help you quickly. \n ` : \"You can quickly share your code with instructors and TAs by providing them with this link:\";\n this.show(\"Share Your Code\", `\n
\n ${initialMessage}\n
\n
\n
${url}
\n \n
\n
\n Note that you CANNOT share this link with other students, or access it yourself.\n This is strictly for sharing with the course staff when something goes wrong or you need help with your code.\n
\n `);\n\n this.tag.find(\".blockpy-copy-share-link\").on(\"click\", () => {\n // Copy the URL to the clipboard\n navigator.clipboard.writeText(url).then(() => {\n this.tag.find(\".blockpy-copy-share-link\").html(\"Copied!\");\n });\n });\n};"
},
{
"path": "src/editor/abstract_editor.js",
"content": "import {Editors} from \"../editors\";\n\nexport function uploadFile(model, event) {\n let fileReader = new FileReader();\n let files = event.target.files;\n fileReader.onload = (e =>\n model.ui.editors.current().uploadFile(e)\n );\n fileReader.fileName = files[0].name;\n fileReader.readAsText(files[0]);\n event.target.value = \"\";\n}\n\nexport function sluggify(text) {\n return text.replace(/[^a-z0-9]/gi, \"_\").toLowerCase();\n}\n\nexport function downloadFile(model, event) {\n let {name, extension, contents, mimetype} = model.ui.editors.current().downloadFile();\n // Make safe\n name = sluggify(name);\n name = name + extension;\n // Make the data download as a file\n let blob = new Blob([contents], {type: mimetype});\n if (window.navigator.msSaveOrOpenBlob) {\n window.navigator.msSaveBlob(blob, name);\n } else{\n let temporaryDownloadLink = window.document.createElement(\"a\");\n temporaryDownloadLink.href = window.URL.createObjectURL(blob);\n temporaryDownloadLink.download = name;\n document.body.appendChild(temporaryDownloadLink);\n temporaryDownloadLink.click();\n document.body.removeChild(temporaryDownloadLink);\n }\n}\n\nexport class AbstractEditor {\n constructor(main, tag) {\n this.main = main;\n this.tag = tag;\n\n this.fileSystem = main.components.fileSystem;\n this.filename = null;\n this.file = null;\n }\n\n deleteFile() {\n this.fileSystem.deleteFile(this.filename);\n this.main.model.display.filename(\"answer.py\");\n this.main.components.editors.changeEditor(\"answer.py\");\n }\n\n onFileDeleted() {\n // TODO: Switch to the previous file instead of a default file\n this.main.model.display.filename(\"answer.py\");\n this.main.components.editors.changeEditor(\"answer.py\");\n }\n\n onFileUpdated(file) {\n if (file.filename === this.filename) {\n //this.file = file;\n this.main.components.editors.changeEditor(this.filename);\n //this.fileSystem.stopWatchingFile(this.filename);\n //this.trackCurrentFile();\n }\n }\n\n trackCurrentFile() {\n this.fileSystem.watchFile(this.filename, {\n updated: this.onFileUpdated.bind(this),\n deleted: this.onFileDeleted.bind(this)\n });\n }\n\n enter(newFilename, oldEditor) {\n this.filename = newFilename;\n this.file = this.fileSystem.getFile(newFilename);\n this.trackCurrentFile();\n }\n\n /**\n *\n * @param newFilename - the filename that the other editor will be switching to\n * @param oldEditor\n * @param newEditor\n */\n exit(newFilename, oldEditor, newEditor) {\n this.fileSystem.stopWatchingFile(this.filename);\n this.file = null;\n this.filename = null;\n }\n\n uploadFile(event) {\n let filename = event.target.fileName;\n let contents = event.target.result;\n this.file.handle(contents);\n }\n\n downloadFile() {\n let filename = Editors.parseFilename(this.filename);\n return {\n name: filename.name,\n extension: filename.type,\n contents: this.file.handle(),\n mimetype: \"text/plain\"\n };\n }\n}"
},
{
"path": "src/editor/assignment_settings.js",
"content": "import {AbstractEditor} from \"./abstract_editor\";\nimport {DisplayModes} from \"./python\";\n\nconst ASSIGNMENT_SETTINGS = [\n [\"toolbox\", \"toolbox\", \"normal\", \"toolbox\", \"Which version of the toolbox to present to the user.\"],\n [\"type\", \"type\", \"blockpy\", \"type\", \"The type of question; BlockPy programming problems are the default, but we also support static readings, quiz questions, and a Maze game.\"],\n [\"passcode\", \"passcode\", \"\", \"string\", \"A string that the user must enter to access the problem. If blank, then no passcode is prompted.\"],\n //[\"toolboxLevel\", \"toolbox_level\", \"normal\", \"toolbox\", \"INCOMPLETE: What level of toolbox to present to the user (hiding and showing categories).\"],\n [\"startView\", \"start_view\", DisplayModes.TEXT, DisplayModes, \"The Python editor mode to start in when the student starts the problem.\"],\n [\"datasets\", \"datasets\", \"\", \"string\", \"The current list of datasets available on load as a comma-separated string.\"],\n [\"disableTimeout\", \"disable_timeout\", false, \"bool\", \"If checked, then students code is allowed to run without timeouts (potentially allowing infinite loops).\"],\n [\"partId\", \"part_id\", \"\", \"string\", \"The Part ID of an Assignment that this editor is responsible for. Assignments can have regions (\\\"Parts\\\") that behave independently to the user but all correspond to the same assignment on the backend. Blank corresponds to the full document. Note that most assignment settings will apply UNIVERSALLY across all parts, including the on_run.py and the other settings on this page.\"],\n [\"isParsons\", \"is_parsons\", false, \"bool\", \"If checked, then this is a parson's style question (jumbled).\"],\n [\"saveTurtleOutput\", \"save_turtle_output\", false, \"bool\", \"If checked, then turtle (and pygame) output is saved whenever the program uses it.\"],\n [\"disableFeedback\", \"disable_feedback\", false, \"bool\", \"If checked, then no instructor scripts are run (e.g., on_run and on_eval).\"],\n [\"disableInstructorRun\", \"disable_instructor_run\", false, \"bool\", \"If checked, then the instructor on_run will not automatically run the students' code. This still runs the students' code once beforehand, but the output/data will not be available to the instructor's on_run.py script.\"],\n [\"disableStudentRun\", \"disable_student_run\", false, \"bool\", \"If checked, then the run button no longer run the students' code. This still runs the instructor's feedback on_run script.\"],\n [\"disableTifa\", \"disable_tifa\", false, \"bool\", \"If checked, then do not automatically run Tifa (which can be slow).\"],\n [\"disableTrace\", \"disable_trace\", false, \"bool\", \"If checked, then the students code will not have its execution traced (no variables recorded, no coverage tracked).\"],\n [\"disableEdit\", \"disable_edit\", false, \"bool\", \"If checked, then the students' file will not be editable.\"],\n [\"preloadAllFiles\", \"preload_all_files\", false, \"bool\", \"If checked, then the students can upload and use images and other files. This preloads all available files and images. You can filter them using the Preloaded Files setting.\"],\n [\"enableImages\", \"can_image\", false, \"bool\", \"If checked, then users can copy/paste images directly into the text editor.\"],\n [\"enableBlocks\", \"can_blocks\", true, \"bool\", \"If checked, then the student can edit the block interface (if not, then it is visible but not editable).\"],\n [\"canClose\", \"can_close\", false, \"bool\", \"If checked, then the student should mark their submission closed when they are done. There is no way to force a student to do so. Unlike Reviewed, this still submits the correctness.\"],\n [\"onlyInteractive\", \"only_interactive\", false, \"bool\", \"If checked, the editors are hidden, the program is automatically run, and then the console enters Eval mode (interactive).\"],\n [\"onlyUploads\", \"only_uploads\", false, \"bool\", \"If checked, then the students' file will not be directly editable (they will have to upload submissions).\"],\n // What menus/feedback to show and hide\n [\"hideSubmission\", \"hide_submission\", false, \"bool\", \"If checked, then students will not be able to see their submission's code or history on Canvas.\"],\n [\"hideFiles\", \"hide_files\", true, \"bool\", \"If checked, then students will not see the View Files toolbar.\"],\n [\"hideQueuedInputs\", \"hide_queued_inputs\", false, \"bool\", \"If checked, then the students cannot access the queued inputs box (makes repeated debugging easier for the input function).\"],\n [\"hideEditors\", \"hide_editors\", false, \"bool\", \"If checked, then all of the editors are hidden.\"],\n [\"hideMiddlePanel\", \"hide_middle_panel\", false, \"bool\", \"If checked, then the console and feedback areas is hidden.\"],\n [\"hideAll\", \"hide_all\", false, \"bool\", \"INCOMPLETE: If checked, then the entire interface is hidden.\"],\n [\"hideEvaluate\", \"hide_evaluate\", false, \"bool\", \"If checked, then the Evaluate button is not shown on the console.\"],\n [\"hideImportDatasetsButton\", \"hide_import_datasets_button\", false, \"bool\", \"If checked, then students cannot see the import datasets button.\"],\n // TODO: Fix this one to be settable\n [\"hideImportStatements\", \"hide_import_statements\", false, \"bool\", \"INCOMPLETE: If checked, certain kinds of import statements (matplotlib, turtle, datasets) are not shown in the block interface.\"],\n [\"hideCoverageButton\", \"hide_coverage_button\", false, \"bool\", \"INCOMPLETE: If checked, the coverage button is not shown.\"],\n [\"hideTraceButton\", \"hide_trace_button\", false, \"bool\", \"If checked, then the Trace button is not shown.\"],\n [\"smallLayout\", \"small_layout\", false, \"bool\", \"If checked, then the interface fits into a smaller region.\"],\n [\"hasClock\", \"has_clock\", false, \"bool\", \"If checked, then a clock is shown in the top right corner.\"],\n [\"preloadFiles\", \"preload_files\", \"\", \"string\", \"A JSON structure representing the files that should be loaded on start from the remote, as if they were local.\"]\n];\n\nexport let AssigmentType = {\n BLOCKPY: \"blockpy\",\n MAZE: \"maze\",\n QUIZ: \"quiz\",\n READING: \"reading\"\n};\n\nfunction getDocumentation(name) {\n for (let i=0; i < ASSIGNMENT_SETTINGS.length; i++) {\n if (ASSIGNMENT_SETTINGS[i][0] === name) {\n return ASSIGNMENT_SETTINGS[i][4];\n }\n }\n return \"Documentation not found for field\";\n}\n\nfunction makeStartViewTab(name, icon, mode) {\n return ``;\n}\n\nconst ASSIGNMENT_SETTINGS_BOOLEAN_COMPONENTS_HTML = ASSIGNMENT_SETTINGS\n // Only handle the simple booleans this way\n .filter((setting) => setting[3] === \"bool\")\n .map((setting) => {\n let prettyName = setting[1].split(\"_\").map(word=>(word.charAt(0).toUpperCase()+word.slice(1))).join(\" \");\n return `\n
\n`;\n"
},
{
"path": "src/editor/images.js",
"content": "import {AbstractEditor} from \"./abstract_editor\";\nimport * as FilePond from \"filepond\";\n\nexport const IMAGE_EDITOR_HTML = `\n
\n Available Files \n All the files available to open with PIL for this assignment:\n \n \n
\n \n
\n :\n
\n \n
\n
Filename
\n
Preview
\n
Actions
\n
\n \n \n \n
\n
\n \n
\n
\n \n \n \n \n \n
\n
\n \n \n
\n
\n \n
\n
\n \n
\n \n \n Add more files \n Upload more files using the forms below:\n \n
\n
\n \n
\n
\n \n \n The file to make available in your code\n \n
\n
\n \n
\n
\n \n
\n
\n \n \n The placement of the file in the system. This controls whether other users can see the file.\n If you want to provide a file to all students for just this specific problem, then you should\n use For all submissions of this assignment. If you want to use this same image\n across other assignments (including assignments within this assignment group), then you should\n use Across the entire course.\n \n
\n
\n \n
\n
\n \n
\n
\n \n \n The filename that will be made available in the code. This should be a valid filename for the\n system, and should not contain spaces or special characters. It should also have a valid file\n extension (e.g., .png, .jpg, .txt).\n \n
\n`;\n\nexport class BlockPyFeedback {\n\n /**\n * An object that manages the feedback area, where users are told the state of their\n * program's execution and given guidance. Also manages the creation of the Trace Table.\n *\n * @constructor\n * @this {BlockPyFeedback}\n * @param {Object} main - The main BlockPy instance\n * @param {HTMLElement} tag - The HTML object this is attached to.\n */\n constructor(main, tag) {\n this.main = main;\n this.tag = tag;\n\n this.feedbackModel = this.main.model.execution.feedback;\n\n this.category = this.tag.find(\".blockpy-feedback-category\");\n this.label = this.tag.find(\".blockpy-feedback-label\");\n this.message = this.tag.find(\".blockpy-feedback-message\");\n this.positive = this.tag.find(\".blockpy-feedback-positive\");\n\n // TODO: If they change the student extra files, also update the dirty flag\n this.main.model.submission.code.subscribe(() => this.main.model.display.dirtySubmission(true));\n };\n\n /**\n * Moves the screen (takes 1 second) to make the Feedback area visible.\n */\n scrollIntoView() {\n $(\"html, body\").animate({\n scrollTop: this.tag.offset().top\n }, 700);\n };\n\n /**\n * Determines if the feedback area is currently visible\n * @returns {boolean}\n */\n isFeedbackVisible() {\n let visibilityBuffer = 100;\n let topOfElement = this.tag.offset().top;\n //let bottomOfElement = this.tag.offset().top + this.tag.outerHeight();\n let bottomOfElement = topOfElement + visibilityBuffer;\n let bottomOfScreen = $(window).scrollTop() + $(window).height();\n let topOfScreen = $(window).scrollTop();\n //bottom_of_element -= 40; // User friendly padding\n return (\n (topOfElement < bottomOfScreen) &&\n (topOfScreen < bottomOfElement));\n };\n\n /**\n * Clears any output currently in the feedback area. Also resets the printer and\n * any highlighted lines in the editor.\n */\n clear(message=\"Ready\") {\n this.feedbackModel.message(message);\n this.feedbackModel.category(null);\n this.feedbackModel.label(null);\n this.feedbackModel.hidden(false);\n this.feedbackModel.linesError.removeAll();\n this.feedbackModel.linesUncovered.removeAll();\n this.clearPositiveFeedback();\n this.category.off(\"click\");\n this.main.model.display.hasRated(false);\n };\n\n static findFirstErrorLine(feedbackData) {\n if (feedbackData.quick$lookup) {\n let location = feedbackData.quick$lookup(new Sk.builtin.str(\"location\"));\n if (location) {\n let line = location.tp$getattr(new Sk.builtin.str(\"line\"));\n if (line) {\n return Sk.ffi.remapToJs(line);\n }\n }\n }\n return null;\n /*for (let i = feedbackData.length-1; i >= 0; i-= 1) {\n if (\"position\" in feedbackData[i]) {\n return feedbackData[i].position.line;\n }\n }\n return null;*/\n };\n\n updateRegularFeedback() {\n\n }\n\n /**\n * Updates the model with these new execution results\n * @param executionResults\n */\n updateFeedback(executionResults) {\n // Parse out data\n let message = Sk.ffi.remapToJs(executionResults.MESSAGE);\n let category = Sk.ffi.remapToJs(executionResults.CATEGORY);\n let label = Sk.ffi.remapToJs(executionResults.LABEL);\n let hide = Sk.ffi.remapToJs(executionResults.HIDE);\n let data = executionResults.DATA;\n let positives = Sk.ffi.remapToJs(executionResults.POSITIVE);\n\n // Override based on assignments' settings\n let hideScore = this.main.model.assignment.hidden();\n if (hideScore && category.toLowerCase() === \"complete\") {\n category = \"no errors\";\n label = \"No errors\";\n message = \"No errors reported.\";\n }\n\n // Remap to expected BlockPy labels\n if (category.toLowerCase() === \"instructor\" && label.toLowerCase() === \"explain\") {\n label = \"Instructor Feedback\";\n }\n\n // Don't present a lack of error as being incorrect\n if (category === \"Instructor\" && label === \"No errors\") {\n category = \"no errors\";\n }\n\n // Update model accordingly\n message = this.main.utilities.markdown(message).replace(/
\\n/g, \"
\\n\\n\");\n this.feedbackModel.message(message);\n this.feedbackModel.category(category);\n this.feedbackModel.label(label);\n //let highlightTimeout = setTimeout(() => {\n this.message.find(\"pre code\").map( (i, block) => {\n window.hljs.highlightBlock(block);\n });\n //}, 400);\n // TODO: Instead of tracking student file, let's track the instructor file\n this.main.components.server.logEvent(\"Intervention\", category, label, message, \"answer.py\");\n\n // Clear out any previously highlighted lines\n this.main.components.pythonEditor.bm.clearHighlightedLines();\n\n // Find the first error on a line and report that\n let line = BlockPyFeedback.findFirstErrorLine(data);\n this.feedbackModel.linesError.removeAll();\n if (line !== null && line !== undefined) {\n this.feedbackModel.linesError.push(line);\n }\n\n // Invert the set of traced lines\n let studentReport = this.main.model.execution.reports.student;\n this.feedbackModel.linesUncovered.removeAll();\n if (studentReport.success) {\n let uncoveredLines = [];\n this.main.model.execution.reports.parser.lines.forEach((line) => {\n if (studentReport.lines.indexOf(line) === -1) {\n uncoveredLines.push(line);\n }\n });\n this.feedbackModel.linesUncovered(uncoveredLines);\n }\n\n for (let i=0; i this.main.components.dialog.POSITIVE_FEEDBACK_FULL(positiveData.title, positiveData.message));\n }\n }\n\n clearPositiveFeedback() {\n this.positive.empty();\n this.main.model.configuration.container.find(\".blockpy-student-error\").hide();\n }\n\n addPositiveFeedback(text, icon, color, onclick, toEnd) {\n let positive = $(\"\");\n positive.addClass(\"blockpy-feedback-positive-icon fas fa-\"+icon);\n positive.css(\"color\", color);\n positive.attr(\"title\", text);\n if (toEnd) {\n this.positive.append(positive);\n } else {\n this.positive.prepend(positive);\n }\n positive.tooltip({\"trigger\": \"hover\", \"container\": this.main.model.configuration.attachmentPoint});\n if (onclick !== undefined) {\n positive.click(onclick);\n }\n positive.hover(() => {\n this.main.components.server.logEvent(\"X-Feedback\", \"positive\", \"hover\", text, \"\");\n });\n }\n\n /**\n * Present any accumulated feedback\n */\n presentFeedback(executionResults) {\n this.updateFeedback(executionResults);\n\n this.category.off(\"click\");\n if (this.main.model.display.instructor()) {\n this.updateFullFeedback(executionResults);\n }\n\n // TODO: Logging\n //this.main.components.server.logEvent(\"feedback\", category+\"|\"+label, message);\n\n this.notifyFeedbackUpdate();\n };\n\n processSingleFeedback(element) {\n const title = element.tp$getattr(new pyStr(\"title\")).toString();\n const category = capitalize(element.tp$getattr(new pyStr(\"category\")).toString());\n const kind = element.tp$getattr(new pyStr(\"kind\")).toString();\n const active = Sk.misceval.isTrue(element);\n let message = element.tp$getattr(new pyStr(\"message\")).toString();\n const unused_message = element.tp$getattr(new pyStr(\"unused_message\")).toString();\n message = message === \"None\" ? unused_message : message;\n const justification = element.tp$getattr(new pyStr(\"justification\")).toString();\n const parent = element.tp$getattr(new pyStr(\"parent\"));\n const hasParent = !Sk.builtin.checkNone(parent);\n let score = element.tp$getattr(new pyStr(\"resolved_score\"));\n score = score === Sk.builtin.none.none$ ? \"\"\n : score.tp$name === \"float\"\n ? \"+\" + Math.round(score.v*100).toString() + \"%\"\n : score.toString();\n return [element, parent, `\n
\n
\n ${title} (${category} - ${kind})\n ${score}\n
\n ${active ? \"\" : \"
(Muted - Not shown to student)
\"}\n
\n ${message}\n
\n ${justification}\n
\n `];\n }\n\n updateFullFeedback(executionResults) {\n console.log(executionResults);\n if (!(\"MAIN_REPORT\" in executionResults)) {\n return;\n }\n let mainReport = executionResults.MAIN_REPORT;\n const feedback = mainReport.tp$getattr(new pyStr(\"feedback\"));\n if (!feedback) {\n return;\n }\n let feedbacks = [];\n Sk.misceval.iterFor(feedback.tp$iter(), (element) => {\n feedbacks.push(this.processSingleFeedback(element));\n });\n Sk.misceval.iterFor(mainReport.tp$getattr(new pyStr(\"ignored_feedback\")).tp$iter(), (element) => {\n feedbacks.push(this.processSingleFeedback(element));\n });\n const parents = new Map();\n for (let i = 0; i < feedbacks.length; i += 1) {\n const [element, parent, text] = feedbacks[i];\n const hasParent = !Sk.builtin.checkNone(parent);\n if (hasParent) {\n if (!parents.has(parent)) {\n parents.set(parent, []);\n }\n parents.get(parent).push(text);\n } else {\n if (!parents.has(element)) {\n parents.set(element, []);\n }\n parents.get(element).unshift(text);\n }\n }\n feedbacks = [...parents.values()].flat();\n this.category.on(\"click\", () => {\n this.main.components.dialog.show(\"Full Feedback Information\", '
'+\n feedbacks.join(\"\\n\") + \"
\");\n $(\".feedback-expand-on-click\").on(\"click\", (event) => {\n $(event.target).toggleClass(\"feedback-shrunk\");\n });\n });\n }\n\n notifyFeedbackUpdate() {\n if (!this.isFeedbackVisible()) {\n this.tag.find(\".blockpy-floating-feedback\").show().fadeOut(7000);\n if (this.shouldScrollIntoView()) {\n this.scrollIntoView();\n }\n }\n };\n\n shouldScrollIntoView() {\n return !this.main.model.ui.smallLayout();\n }\n\n presentRunError(error, just_return) {\n if (just_return === undefined) {\n just_return = false;\n }\n let message, label, category, lineno;\n label = error.tp$name;\n category = \"runtime\";\n message = this.convertSkulptError(error);\n\n if (just_return) {\n return message;\n }\n this.feedbackModel.message(message);\n this.feedbackModel.category(category);\n this.feedbackModel.label(label);\n this.feedbackModel.linesError.removeAll();\n if (lineno !== undefined && lineno !== null) {\n this.feedbackModel.linesError.push(lineno);\n }\n }\n\n buildTraceback(error, filenameExecuted) {\n return error.traceback.map(frame => {\n if (!frame) {\n return \"??\";\n }\n let lineno = frame.lineno;\n if (frame.filename.slice(0, -3) === filenameExecuted) {\n lineno -= this.main.model.execution.reports.instructor.lineOffset;\n }\n let file = `File \"${frame.filename}\", `;\n let line = `on line ${lineno}, `;\n let scope = (frame.scope !== \"\" &&\n frame.scope !== undefined) ? `in scope ${frame.scope}` : \"\";\n let source = \"\";\n if (frame.source !== undefined) {\n source = `\\n
${frame.source}
`;\n }\n return file + line + scope + source;\n });\n }\n\n convertSkulptError(error, filenameExecuted, isInstructor) {\n let name = error.tp$name;\n let args = Sk.ffi.remapToJs(error.args);\n let top = `${name}: ${args[0]}\\n \\n `;\n let traceback = \"\";\n if (name === \"TimeoutError\") {\n if (error.err && error.err.traceback && error.err.traceback.length) {\n const allFrames = this.buildTraceback(error.err, filenameExecuted);\n const result = [\"Traceback:\"];\n if (allFrames.length > 5) {\n result.push(...allFrames.slice(0, 3),\n `... Hiding ${allFrames.length - 3} other stack frames ...,`,\n ...allFrames.slice(-3, -2));\n } else {\n result.push(...allFrames);\n }\n traceback = result.join(\"\\n \");\n }\n } else {\n if (isInstructor) {\n top = \"Error in instructor feedback. Please show the following to an instructor: \\n\"+top;\n }\n if (error.traceback && error.traceback.length) {\n traceback = \"Traceback: \\n\" + this.buildTraceback(error, filenameExecuted).join(\"\\n \");\n }\n }\n return top+\"\\n\"+traceback;\n }\n\n presentInternalError(error, filenameExecuted) {\n if (error.tp$name === \"TimeoutError\") {\n this.main.model.execution.feedback.category(\"runtime\");\n this.main.model.execution.feedback.label(\"Timeout Error\");\n } else {\n this.main.model.execution.feedback.category(\"internal\");\n this.main.model.execution.feedback.label(\"Internal Error\");\n }\n let message = this.convertSkulptError(error, filenameExecuted, true);\n this.main.model.execution.feedback.message(message);\n\n this.notifyFeedbackUpdate();\n\n this.main.components.server.logEvent(\"X-System.Error\", \"internal\", \"Internal Error\", message, filenameExecuted);\n }\n\n\n\n}"
},
{
"path": "src/files.js",
"content": "import {firstDefinedValue} from \"utilities.js\";\n\n// ${makeTab(\"?mock_urls.blockpy\", \"URL Data\", true)}\n\nconst makeTab = function(filename, friendlyName, hideIfEmpty, notInstructor) {\n if (friendlyName === undefined) {\n friendlyName = filename;\n }\n let instructorFileClass = \"\";\n let hideIfNotInstructor = \"true\";\n if (!notInstructor) {\n instructorFileClass = \"blockpy-file-instructor\";\n hideIfNotInstructor = \"display.instructor()\";\n }\n return `\n
\n `;\n}"
},
{
"path": "src/server.js",
"content": "import {LocalStorageWrapper} from \"./storage\";\nimport {loadAssignmentSettings, saveAssignmentSettings} from \"./editor/assignment_settings\";\n\n/**\n *\n * @enum {string}\n */\nexport let StatusState = {\n READY: \"ready\",\n ACTIVE: \"active\",\n RETRYING: \"retrying\",\n FAILED: \"failed\",\n OFFLINE: \"offline\"\n};\n\n/**\n * Object for communicating with the external servers. This includes functionality for\n * saving and loading files, logging events, saving completions, and retrieving history.\n *\n * @constructor\n * @this {BlockPyServer}\n * @param {Object} main - The main BlockPy instance\n */\nexport function BlockPyServer(main) {\n this.main = main;\n\n // Save URLs locally for quicker access\n this.urls = main.model.configuration.urls;\n\n // Add the LocalStorage connection\n this.storage = new LocalStorageWrapper(\"BLOCKPY\");\n\n // FaultResistantCache\n this.queue = {\n \"logEvent\": JSON.parse(this.storage.getDefault(\"logEvent\", \"[]\")),\n \"updateSubmission\": JSON.parse(this.storage.getDefault(\"updateSubmission\", \"[]\"))\n };\n this.MAX_QUEUE_SIZE = {\n \"logEvent\": 200,\n \"updateSubmission\": 50\n };\n\n this.TIMER_DELAY = 1000;\n this.FAIL_DELAY = 2000;\n\n this.timers = {};\n\n this.overlay = null;\n this.blockingAttempts = 0;\n\n this.cachedFilenames = [];\n this.createSubscriptions();\n this.checkCaches();\n\n this.altLogEntry = null;\n}\n\n/**\n * Checks whether the IP address has changed, logging an event if that occurs.\n * @param response\n */\nBlockPyServer.prototype.checkIP = function (response) {\n if (response.success) {\n if (this.storage.has(\"IP\")) {\n let oldIP = this.storage.get(\"IP\");\n if (oldIP !== response.ip) {\n let message = JSON.stringify({\n \"old\": oldIP,\n \"new\": response.ip\n });\n if (this.altLogEntry) {\n this.altLogEntry(\"X-IP.Change\", undefined, undefined, message);\n } else {\n this.logEvent(\"X-IP.Change\", undefined, undefined, message);\n }\n this.storage.set(\"IP\", response.ip);\n }\n } else {\n this.storage.set(\"IP\", response.ip);\n }\n }\n};\n\n/**\n * Determines if there have been previous failures cached, and if so retries them.\n * TODO: update\n */\nBlockPyServer.prototype.checkCaches = function () {\n if (this.storage.has(\"saveAssignment\")) {\n let data = JSON.parse(this.storage.get(\"saveAssignment\"));\n this._postLatestRetry(data, \"assignment\",\n \"saveAssignment\", this.TIMER_DELAY);\n }\n this.cachedFilenames.forEach((filename) => {\n if (this.storage.has(\"saveFile\" + filename)) {\n let data = JSON.parse(this.storage.get(\"saveFile\" + filename));\n this._postLatestRetry(data, filename, \"saveFile\", this.TIMER_DELAY);\n }\n });\n var server = this;\n Object.keys(this.queue).forEach(function (endpoint) {\n (function pushAnyQueued(response) {\n if (response.success) {\n if (server.queue[endpoint].length) {\n var data = JSON.parse(server.queue[endpoint].pop());\n var url = server.urls[endpoint];\n server._postRetry(data, endpoint, 1000, pushAnyQueued);\n }\n }\n })({\"success\": true});\n });\n};\n\nBlockPyServer.prototype.createFileSubscription = function (model, filename) {\n model.subscribe((contents) =>\n this.main.model.display.autoSave() ? this.saveFile(filename, contents) : false, this);\n this.cachedFilenames.push(filename);\n};\n\n/**\n * TODO: fix\n */\nBlockPyServer.prototype.createSubscriptions = function () {\n let model = this.main.model;\n this.createFileSubscription(model.submission.code, \"answer.py\");\n this.createFileSubscription(model.assignment.onRun, \"!on_run.py\");\n this.createFileSubscription(model.assignment.onEval, \"!on_eval.py\");\n this.createFileSubscription(model.assignment.onChange, \"!on_change.py\");\n this.createFileSubscription(model.assignment.instructions, \"!instructions.md\");\n this.createFileSubscription(model.assignment.startingCode, \"^starting_code.py\");\n this.createFileSubscription(model.ui.files.extraStudentFiles, \"#extra_student_files.blockpy\");\n this.createFileSubscription(model.ui.files.extraStartingFiles, \"#extra_starting_files.blockpy\");\n this.createFileSubscription(model.ui.files.extraInstructorFiles, \"#extra_instructor_files.blockpy\");\n};\n\nBlockPyServer.prototype.createEventLogs = function() {\n window.onblur = () => {\n this.logEvent(\"Session.End\", undefined, undefined, undefined);\n };\n window.onfocus = () => {\n this.logEvent(\"Session.Start\", undefined, undefined, undefined);\n };\n\n // TODO: Add in beacon?\n};\n\n/**\n *\n * Some subscriptions have to happen after other things have been loaded.\n * Right now this is just after CORGIS libraries have been loaded, but maybe\n * we'll add more later and this will need to be refactored.\n *\n * TODO: fix\n *\n */\nBlockPyServer.prototype.finalizeSubscriptions = function () {\n //this.main.model.assignment.settings.datasets.subscribe(this.saveAssignment.bind(this));\n};\n\nBlockPyServer.prototype.authorizeHeader = function(currentSettings) {\n if (!currentSettings) {\n currentSettings = {};\n }\n const accessToken = this.main.model.configuration.accessToken();\n if (accessToken) {\n if (!currentSettings.headers) {\n currentSettings.headers = {};\n }\n currentSettings.headers[\"Authorization\"] = \"Bearer \" + accessToken;\n }\n return currentSettings;\n};\n\n/**\n * Creates the default payload for any communication with the server API\n * @returns {{assignment_id: *, course_id: *, group_id: *, user_id: *, timezone: *, version: *, timestamp: *}}\n */\nBlockPyServer.prototype.createServerData = function () {\n let assignment = this.main.model.assignment;\n let user = this.main.model.user;\n let submission = this.main.model.submission;\n let display = this.main.model.display;\n const configuration = this.main.model.configuration;\n let now = new Date();\n let microseconds = now.getTime();\n let result = {\n \"assignment_id\": assignment.id(),\n \"assignment_group_id\": user.groupId(),\n \"course_id\": user.courseId(),\n \"submission_id\": submission.id(),\n \"user_id\": user.id(),\n \"version\": assignment.version(),\n \"timestamp\": microseconds,\n \"timezone\": now.getTimezoneOffset(),\n \"passcode\": display.passcode(),\n \"part_id\": configuration.partId()\n };\n return result;\n};\n\n/**\n * Updates the status and message for the relevant endpoint.\n * @param endpoint {string} one of the URL endpoints\n * @param status {StatusState}\n * @param message {string?}\n */\nBlockPyServer.prototype.setStatus = function (endpoint, status, message) {\n if (endpoint in this.main.model.status) {\n this.main.model.status[endpoint](status);\n this.main.model.status[endpoint + \"Message\"](message || \"\");\n }\n};\n\n/**\n * Renders an overlay on the screen that blocks operation until the system is ready.\n * The overlay gets progressively darker to indicate repeated failures.\n */\nBlockPyServer.prototype.showOverlay = function (attempt) {\n this.blockingAttempts += 1;\n if (!document.getElementsByClassName(\"blockpy-overlay\").length) {\n this.overlay = $('
');\n this.overlay.appendTo(document.body);\n }\n switch (attempt) {\n case 0:\n this.overlay.css(\"background-color\", \"#988\");\n break;\n case 1:\n this.overlay.css(\"background-color\", \"#655\");\n break;\n case 2:\n this.overlay.css(\"background-color\", \"#333\");\n break;\n default:\n this.overlay.css(\"background-color\", \"black\");\n break;\n }\n};\n\n/**\n * Undo a level of overlay; if this was the last level, removes it from the screen.\n */\nBlockPyServer.prototype.hideOverlay = function () {\n this.blockingAttempts -= 1;\n if (this.blockingAttempts <= 0) {\n this.overlay.remove();\n }\n};\n\nBlockPyServer.prototype._enqueueData = function (cache, data) {\n // Ensure we have not overfilled the queue\n let length = this.queue[cache].length;\n let max = this.MAX_QUEUE_SIZE[cache];\n if (length > max) {\n this.queue[cache] = this.queue[cache].slice(length - max, max);\n }\n // Only add the element if it's new\n let key = JSON.stringify(data);\n let index = this.queue[cache].indexOf(key);\n if (index === -1) {\n this.queue[cache].push(key);\n this.storage.set(cache, JSON.stringify(this.queue[cache]));\n }\n};\n\nBlockPyServer.prototype._dequeueData = function (cache, data) {\n let key = JSON.stringify(data);\n let index = this.queue[cache].indexOf(key);\n if (index >= 0) {\n this.queue[cache].splice(index);\n this.storage.set(cache, JSON.stringify(this.queue[cache]));\n }\n};\n\n\nBlockPyServer.prototype._postRetry = function (data, endpoint, delay, callback) {\n // Trigger request\n let postRequest = () => {\n // Make a backup of the current post\n this._enqueueData(endpoint, data);\n $.ajax({url: this.urls[endpoint], type: \"post\", data: data, ...this.authorizeHeader()})\n .done((response) => {\n this._dequeueData(endpoint, data);\n if (response.success) {\n this.setStatus(endpoint, StatusState.READY);\n } else {\n console.error(response);\n this.setStatus(endpoint, StatusState.FAILED, response.message);\n }\n if (callback) {\n callback(response);\n }\n if (response.success) {\n this.checkIP(response.ip);\n }\n })\n // If server request is the latest one, then let's try it again in a bit\n .fail((error, textStatus) => {\n this.setStatus(endpoint, StatusState.RETRYING, textStatus.toString());\n this._postRetry(data, endpoint, delay + this.FAIL_DELAY, callback);\n });\n };\n if (delay === null) {\n postRequest();\n } else {\n setTimeout(postRequest, delay);\n }\n};\n\n/**\n * Make a AJAX request that, upon failure, will check to see if this was the\n * latest attempt for this `cache` marker. If so, it will attempt again until\n * successful; otherwise, it gives up the request.\n *\n * @param {Object} data - The AJAX-ready data to be posted\n * @param {String} filename - The unique name given to the relevant timer\n * @param {String} endpoint - The unique name given to the relevant cache entry\n * @param {Integer} delay - The current number of milliseconds to wait before\n trying the request again.\n */\nBlockPyServer.prototype._postLatestRetry = function (data, filename, endpoint, delay, failureFunction, doneFunction) {\n let cache = endpoint + filename;\n let request = () => {\n // Make a backup of the current post\n this.storage.set(cache, JSON.stringify(data));\n let time = this.storage.getTime(cache);\n // Send the request\n $.ajax({url: this.urls[endpoint], data: data, type: \"post\", ...this.authorizeHeader()})\n .done((response) => {\n if (response.success) {\n this.checkIP(response);\n // If server request is the latest one, clear it from the cache\n let cachedTime = this.storage.getTime(cache);\n if (time >= cachedTime) {\n this.storage.remove(cache);\n }\n this.setStatus(endpoint, StatusState.READY);\n } else {\n // This connected but failed, don't try again but let the user know why.\n this.setStatus(endpoint, StatusState.FAILED, response.message);\n if (response.success === false) {\n // If we're the latest one, clear it from the cache\n let cachedTime = this.storage.getTime(cache);\n if (time >= cachedTime) {\n this.storage.remove(cache);\n }\n if (failureFunction) {\n failureFunction(response);\n }\n }\n }\n })\n .fail((error, textStatus) => {\n this.setStatus(endpoint, StatusState.RETRYING, textStatus.toString());\n // If server request is the latest one, then let's try it again in a bit\n let cachedTime = this.storage.getTime(cache);\n if (time >= cachedTime) {\n this._postLatestRetry(data, filename, endpoint, delay + this.FAIL_DELAY);\n }\n })\n .done(doneFunction);\n };\n clearTimeout(this.timers[cache]);\n if (delay === null) {\n return request();\n } else {\n this.timers[cache] = setTimeout(request, delay);\n }\n};\n\nBlockPyServer.prototype._postBlocking = function (endpoint, data, attempts, success, failure, extraSettings={}) {\n this.showOverlay(attempts);\n return $.ajax({\n type: \"POST\",\n url: this.urls[endpoint],\n data: data,\n ...this.authorizeHeader(extraSettings)\n })\n .done((response) => {\n this.hideOverlay();\n this.setStatus(endpoint, StatusState.READY);\n success(response);\n this.checkIP(response);\n })\n .fail((e, textStatus, errorThrown) => {\n if (attempts <= 0) {\n this.hideOverlay();\n this.setStatus(endpoint, StatusState.FAILED, textStatus.toString());\n if (failure) {\n failure(e, textStatus, errorThrown);\n }\n } else {\n setTimeout(() => {\n this.hideOverlay();\n this.setStatus(endpoint, StatusState.RETRYING, textStatus.toString());\n this._postBlocking(endpoint, data, attempts - 1, success, failure, extraSettings);\n }, this.FAIL_DELAY);\n }\n });\n};\n\n\nBlockPyServer.prototype.loadAssignment = function (assignment_id) {\n let model = this.main.model;\n if (model.ui.server.isEndpointConnected(\"loadAssignment\")) {\n let data = this.createServerData();\n data[\"assignment_id\"] = assignment_id;\n this._postBlocking(\"loadAssignment\", data, 4,\n (response) => {\n if (response.success) {\n this.main.loadAssignmentData_(response);\n } else {\n this.setStatus(\"loadAssignment\", StatusState.FAILED, response.message);\n this.main.components.dialog.ERROR_LOADING_ASSIGNMNENT(response.message);\n }\n },\n (e, textStatus, errorThrown) => {\n this.main.components.dialog.ERROR_LOADING_ASSIGNMNENT(textStatus);\n console.error(e, textStatus, errorThrown);\n });\n } else {\n this.setStatus(\"loadAssignment\", StatusState.OFFLINE);\n }\n};\n\nBlockPyServer.prototype.saveAssignment = function () {\n let model = this.main.model;\n if (model.ui.server.isEndpointConnected(\"saveAssignment\")) {\n let data = this.createServerData();\n data[\"hidden\"] = model.assignment.hidden();\n data[\"reviewed\"] = model.assignment.reviewed();\n data[\"public\"] = model.assignment.public();\n data[\"url\"] = model.assignment.url();\n data[\"points\"] = model.assignment.points();\n data[\"ip_ranges\"] = model.assignment.ipRanges();\n data[\"name\"] = model.assignment.name();\n data[\"settings\"] = saveAssignmentSettings(model);\n\n this._postBlocking(\"saveAssignment\", data, 3,\n this.startPossibleFork.bind(this),\n (e, textStatus, errorThrown) => {\n this.main.components.dialog.ERROR_SAVING_ASSIGNMNENT(textStatus);\n console.error(e, textStatus, errorThrown);\n });\n } else {\n this.setStatus(\"saveAssignment\", StatusState.OFFLINE, \"Server is not connected! (Save Assignment)\");\n }\n};\n\nBlockPyServer.prototype.loadHistory = function (callback) {\n if (this.main.model.ui.server.isEndpointConnected(\"loadHistory\")) {\n let model = this.main.model;\n let data = this.createServerData();\n this._postBlocking(\"loadHistory\", data, 2, callback,\n (e, textStatus, errorThrown) => {\n this.main.components.dialog.ERROR_LOADING_HISTORY();\n console.error(e, textStatus, errorThrown);\n });\n }\n};\n\nBlockPyServer.prototype.listUploadedFiles = function (callback) {\n if (this.main.model.ui.server.isEndpointConnected(\"listUploadedFiles\")) {\n let model = this.main.model;\n let data = this.createServerData();\n this._postBlocking(\"listUploadedFiles\", data, 2, callback,\n (e, textStatus, errorThrown) => {\n this.main.components.dialog.ERROR_LISTING_UPLOADED_FILES(textStatus);\n console.error(e, textStatus, errorThrown);\n });\n }\n};\n\nBlockPyServer.prototype.uploadFile = function (placement, directory, filename, contents, callback, deleteInstead=false) {\n let model = this.main.model;\n if (model.ui.server.isEndpointConnected(\"uploadFile\")) {\n let data = this.createServerData();\n data[\"placement\"] = placement;\n data[\"directory\"] = directory;\n data[\"filename\"] = filename;\n data[\"contents\"] = contents;\n if (deleteInstead) {\n data[\"delete\"] = true;\n }\n let fd = Object.entries(data).reduce((d,e) => (d.append(...e), d), new FormData());\n return this._postBlocking(\"uploadFile\", fd, 3,\n callback,\n (e, textStatus, errorThrown) => {\n if (deleteInstead) {\n this.main.components.dialog.ERROR_DELETING_FILE(textStatus);\n } else {\n this.main.components.dialog.ERROR_UPLOADING_FILE(textStatus);\n }\n console.error(e, textStatus, errorThrown);\n }, {processData: false, contentType: false});\n } else {\n this.setStatus(\"uploadFile\", StatusState.OFFLINE, \"Server is not connected! (Upload File)\");\n }\n};\n\nBlockPyServer.prototype.downloadFile = function (placement, directory, filename, callback) {\n let model = this.main.model;\n if (model.ui.server.isEndpointConnected(\"downloadFile\")) {\n let data = this.createServerData();\n data[\"placement\"] = placement;\n data[\"directory\"] = directory;\n data[\"filename\"] = filename;\n let fd = Object.entries(data).reduce((d,e) => (d.append(...e), d), new FormData());\n return this._postBlocking(\"downloadFile\", fd, 3,\n callback,\n (e, textStatus, errorThrown) => {\n this.main.components.dialog.ERROR_DOWNLOADING_FILE(textStatus);\n console.error(e, textStatus, errorThrown);\n }, {processData: false, contentType: false, dataType: \"text\"});\n } else {\n this.setStatus(\"uploadFile\", StatusState.OFFLINE, \"Server is not connected! (Upload File)\");\n }\n};\n\nBlockPyServer.prototype.renameFile = function (placement, directory, old_filename, new_filename, callback) {\n let model = this.main.model;\n if (model.ui.server.isEndpointConnected(\"renameFile\")) {\n let data = this.createServerData();\n data[\"placement\"] = placement;\n data[\"directory\"] = directory;\n data[\"old_filename\"] = old_filename;\n data[\"new_filename\"] = new_filename;\n let fd = Object.entries(data).reduce((d,e) => (d.append(...e), d), new FormData());\n return this._postBlocking(\"renameFile\", fd, 3,\n callback,\n (e, textStatus, errorThrown) => {\n this.main.components.dialog.ERROR_UPLOADING_FILE(textStatus);\n console.error(e, textStatus, errorThrown);\n }, {processData: false, contentType: false});\n } else {\n this.setStatus(\"renameFile\", StatusState.OFFLINE, \"Server is not connected! (Rename File)\");\n }\n};\n\nBlockPyServer.prototype.logEvent = function (event_type, category, label, message, file_path) {\n if (this.main.model.display.readOnly()) {\n this.setStatus(\"logEvent\", StatusState.OFFLINE);\n return;\n }\n if (this.main.model.ui.server.isEndpointConnected(\"logEvent\")) {\n let data = this.createServerData();\n data[\"event_type\"] = event_type;\n data[\"category\"] = category;\n data[\"label\"] = label;\n data[\"message\"] = message;\n data[\"file_path\"] = file_path;\n this.setStatus(\"logEvent\", StatusState.ACTIVE);\n // Trigger request\n this._postRetry(data, \"logEvent\", 0, () => {\n });\n } else {\n this.setStatus(\"logEvent\", StatusState.OFFLINE);\n }\n};\n\nBlockPyServer.prototype.saveImage = function (directory, image) {\n if (this.main.model.display.readOnly()) {\n this.setStatus(\"saveImage\", StatusState.OFFLINE);\n return;\n }\n if (this.main.model.ui.server.isEndpointConnected(\"saveImage\")) {\n let data = this.createServerData();\n data[\"directory\"] = directory;\n data[\"image\"] = image;\n this.setStatus(\"saveImage\", StatusState.ACTIVE);\n // Trigger request\n this._postLatestRetry(data, \"turtle_output\", \"saveImage\", 0);\n } else {\n this.setStatus(\"saveImage\", StatusState.OFFLINE);\n }\n};\n\nBlockPyServer.prototype.updateSubmissionStatus = function(newStatus) {\n if (this.main.model.display.readOnly()) {\n this.setStatus(\"updateSubmissionStatus\", StatusState.OFFLINE);\n return;\n }\n if (this.main.model.ui.server.isEndpointConnected(\"updateSubmissionStatus\")) {\n let data = this.createServerData();\n data[\"status\"] = newStatus;\n let postStatusChange = (data) => {\n if (data.success) {\n this.main.model.submission.submissionStatus(newStatus);\n }\n };\n this._postBlocking(\"updateSubmissionStatus\", data, 2, postStatusChange,\n (e, textStatus, errorThrown) => {\n this.main.components.dialog.ERROR_UPDATING_SUBMISSION_STATUS();\n console.error(e, textStatus, errorThrown);\n });\n }\n};\n\n/**\n * This function can be used to load files and web resources.\n *\n * DEPRECATED\n */\nBlockPyServer.prototype.loadFile = function (filename, type, callback, errorCallback) {\n var model = this.main.model;\n var server = this;\n if (model.ui.server.isEndpointConnected(\"load_file\")) {\n var data = this.createServerData();\n data[\"filename\"] = filename;\n data[\"type\"] = type;\n this._postBlocking(this.urls.load_file, data, 5,\n function (response) {\n if (response.success) {\n callback(response.data);\n } else {\n errorCallback(response.message);\n server.setStatus(\"loadFile\", StatusState.FAILED, response.message);\n }\n },\n function (e, textStatus, errorThrown) {\n errorCallback(\"Server failure! Report to instructor\");\n console.error(errorThrown);\n });\n } else {\n errorCallback(\"No file server available.\");\n this.setStatus(\"loadFile\", StatusState.OFFLINE, \"Server is not connected! (Load File)\");\n }\n};\n\nBlockPyServer.prototype.saveFile = function (filename, contents, delay) {\n if (delay === undefined) {\n delay = this.TIMER_DELAY;\n }\n let model = this.main.model;\n if (model.display.readOnly()) {\n this.setStatus(\"saveFile\", StatusState.OFFLINE);\n return;\n }\n if (model.ui.server.isEndpointConnected(\"saveFile\")) {\n let data = this.createServerData();\n data[\"filename\"] = filename;\n data[\"code\"] = contents;\n this.setStatus(\"saveFile\", StatusState.ACTIVE);\n return this._postLatestRetry(data, filename, \"saveFile\", delay, this.startPossibleFork.bind(this));\n } else {\n return this.setStatus(\"saveFile\", StatusState.OFFLINE);\n }\n};\n\nBlockPyServer.prototype.startPossibleFork = function (response) {\n if (!response.success && response.forkable) {\n this.main.components.dialog.OFFER_FORK();\n }\n};\n\nBlockPyServer.prototype.updateSubmission = function (score, correct, hiddenOverride, forceUpdate) {\n if (this.main.model.display.readOnly()) {\n this.setStatus(\"updateSubmission\", StatusState.OFFLINE);\n return;\n }\n let callback = this.main.model.configuration.callbacks.success;\n if (this.main.model.ui.server.isEndpointConnected(\"updateSubmission\")) {\n let data = this.createServerData();\n data[\"score\"] = score;\n data[\"correct\"] = correct;\n data[\"hidden_override\"] = hiddenOverride;\n data[\"force_update\"] = forceUpdate;\n this.main.components.pythonEditor.bm.blockEditor.getPngFromBlocks((pngData, img) => {\n data[\"image\"] = pngData;\n if (img.remove) {\n img.remove();\n }\n this._postRetry(data, \"updateSubmission\", 0,\n (response) => {\n if (response.success) {\n this.setStatus(\"updateSubmission\", StatusState.READY);\n } else {\n this.setStatus(\"updateSubmission\", StatusState.FAILED, response.message);\n }\n if (!hiddenOverride && correct && callback) {\n callback(data[\"assignment_id\"]);\n }\n });\n });\n }\n};\n\nBlockPyServer.prototype.openaiProxy = function (openai_data) {\n var model = this.main.model;\n var server = this;\n var data = this.createServerData();\n data[\"openai_data\"] = openai_data;\n return this._postBlocking(this.urls.openai_proxy, data);\n};"
},
{
"path": "src/skulpt_modules/coverage.js",
"content": "export const $sk_mod_coverage = `\n\"\"\"\nHideous fill-in replacement for Coverage, leveraging some magic from the\nUtility function. The data this returns is false - it doesn't actually\ndescribe the missing lines and all lines; it just describes the traced lines.\nBut since Pedal doesn't need the other two, it works out fine when you do:\n\nstatements - missing\n\"\"\"\n\nimport utility\n\nclass Coverage:\n def start(self):\n pass\n\n def stop(self):\n pass\n\n def save(self):\n pass\n\n def _analyze(self, filename: str):\n lines = set(utility.trace_lines())\n # lines will be the lines that were actually executed\n return Analysis(None, len(lines), None, set(), lines)\n\n\nclass Numbers:\n def __init__(self, n_missing, n_statements, pc_covered):\n self.n_missing = n_missing\n self.n_statements = n_statements\n self.pc_covered = pc_covered\n\n\nclass Analysis:\n def __init__(self, n_missing, n_statements, pc_covered, missing, statements):\n self.missing = missing\n self.statements = statements\n self.numbers = Numbers(n_missing, n_statements, pc_covered)\n\n\nclass python:\n def get_python_source(self):\n return None\n`;"
},
{
"path": "src/skulpt_modules/image.js",
"content": "export var $builtinmodule = function(name) {\n var mod, sampleWrapper;\n mod = {__name__: \"image\"};\n\n if (!Sk.PIL) {\n Sk.PIL = {assets: {}};\n }\n\n // InstantPromise is a workaround to allow usage of the clean promise-style\n // then/catch syntax but to instantly call resolve the then/catch chain so we\n // can avoid creating Suspensions in unnecessary cases. This is desirable\n // because Suspensions have a fairly large negative impact on overall\n // performance. These 'instant promises' come into play when a tracer()\n // call is made with a value other than 1. When tracer is 0 or greater than 1\n // , we can bypass the creation of a Suspension and proceed to the next line of\n // code immediately if the current line is not going to involve a screen\n // update. We determine if a real promise or InstantPromise is necessary by\n // checking FrameManager.willRenderNext()\n function InstantPromise(err, result) {\n this.lastResult = result;\n this.lastError = err;\n }\n\n InstantPromise.prototype.then = function(cb) {\n if (this.lastError) {\n return this;\n }\n\n try {\n this.lastResult = cb(this.lastResult);\n } catch(e) {\n this.lastResult = undefined;\n this.lastError = e;\n }\n\n return this.lastResult instanceof Promise ? this.lastResult : this;\n };\n\n InstantPromise.prototype.catch = function(cb) {\n if (this.lastError) {\n try {\n this.lastResult = cb(this.lastError);\n this.lastError = undefined;\n } catch(e) {\n this.lastResult = undefined;\n this.lastError = e;\n }\n }\n\n return this.lastResult instanceof Promise ? this.lastResult : this;\n };\n\n var buildImage = function(imageData) {\n\n };\n\n function getAsset(name) {\n return new Promise(function(resolve, reject) {\n if (Sk.PIL.assets[name] !== undefined) {\n //return Sk.PIL.assets[name];\n resolve(Sk.PIL.assets[name]);\n } else {\n var img = new Image();\n img.crossOrigin = \"Anonymous\";\n img.onload = function () {\n Sk.PIL.assets[name] = img;\n resolve(img);\n };\n img.onerror = function () {\n //throw new Error(\"Failed to load asset: \" + name);\n reject(name);\n };\n img.src = name;\n }\n });\n }\n\n var image = function($gbl, $loc) {\n // open(filename) or open(url)\n // show()\n\n $loc.__init__ = new Sk.builtin.func(function (self, file_or_url) {\n Sk.builtin.pyCheckArgs(\"__init__\", arguments, 2, 2);\n Sk.builtin.pyCheckType(\"file_or_url\", \"string\", Sk.builtin.checkString(file_or_url));\n self.file_or_url = file_or_url;\n // TODO: Change to suspension\n var imagePromise = getAsset(Sk.ffi.remapToJs(file_or_url));\n var susp = new Sk.misceval.Suspension();\n self.image = Sk.builtin.none.none$;\n susp.resume = function() {\n if (susp.data[\"error\"]) {\n //throw new Sk.builtin.IOError(susp.data[\"error\"].message);\n throw susp.data[\"error\"];\n } else {\n //return self.image;\n }\n };\n susp.data = {\n type: \"Sk.promise\",\n promise: imagePromise.then(function(value) {\n self.image = value;\n self.canvas = document.createElement(\"canvas\");\n self.canvas.width = self.image.width;\n self.canvas.height = self.image.height;\n self.canvas.getContext(\"2d\").drawImage(self.image, 0, 0, self.image.width, self.image.height);\n self.pixels = self.canvas.getContext(\"2d\").getImageData(0, 0, self.image.width, self.image.height).data;\n //return value;\n }, function(err) {\n self.image = \"\";\n throw err;\n //return err;\n })\n };\n\n return susp;\n });\n\n $loc.show = new Sk.builtin.func(function(self) {\n if (Sk.console === undefined) {\n throw new Sk.builtin.NameError(\"Can not resolve drawing area. Sk.console is undefined!\");\n }\n\n var consoleData = {\n image: self.image,\n file_or_url: self.file_or_url\n };\n\n Sk.console.printPILImage(consoleData);\n });\n\n $loc.flip = new Sk.builtin.func(function(self) {\n self.image.style.transform = \"scaleX(-1)\";\n if (Sk.console === undefined) {\n throw new Sk.builtin.NameError(\"Can not resolve drawing area. Sk.console is undefined!\");\n }\n return self;\n });\n };\n mod.Image = Sk.misceval.buildClass(mod, image, \"Image\", []);\n\n return mod;\n};"
},
{
"path": "src/skulpt_modules/matplotlib2.js",
"content": "Sk.jsplotlib = Sk.jsplotlib || {};\n\n// Skulpt translation\nexport let $builtinmodule = function (name) {\n let mod = {__name__: \"matplotlib.pyplot\"};\n\n const STRING_COLOR = new Sk.builtin.str(\"color\");\n const STRING_COLORS = new Sk.builtin.str(\"colors\");\n const STRING_DATA = new Sk.builtin.str(\"data\");\n const STRING_LABEL = new Sk.builtin.str(\"label\");\n const STRING_ALPHA = new Sk.builtin.str(\"alpha\");\n const STRING_DASH_CAPSTYLE = new Sk.builtin.str(\"dash_capstyle\");\n const STRING_DASH_JOINSTYLE = new Sk.builtin.str(\"dash_joinstyle\");\n const STRING_FILLSTYLE = new Sk.builtin.str(\"fillstyle\");\n const STRING_LINEWIDTH = new Sk.builtin.str(\"linewidth\");\n const STRING_MARKER = new Sk.builtin.str(\"marker\");\n const STRING_LINESTYLE = new Sk.builtin.str(\"linestyle\");\n const STRING_LINESTYLES = new Sk.builtin.str(\"linestyles\");\n const STRING_BINS = new Sk.builtin.str(\"bins\");\n const STRING_ALIGN = new Sk.builtin.str(\"align\");\n const STRING_DOT_LIMIT = new Sk.builtin.str(\"dot_limit\");\n const STRING_S = new Sk.builtin.str(\"s\");\n const STRING_C = new Sk.builtin.str(\"c\");\n const STRING_LINEWIDTHS = new Sk.builtin.str(\"linewidths\");\n const STRING_EDGECOLORS = new Sk.builtin.str(\"edgecolors\");\n const STRING_WIDTH = new Sk.builtin.str(\"width\");\n const STRING_TICK_LABEL = new Sk.builtin.str(\"tick_label\");\n const STRING_ROTATION = new Sk.builtin.str(\"rotation\");\n\n const DEFAULT_PLOT_PADDING = .5;\n\n\n if (Sk.console === undefined) {\n throw new Sk.builtin.NameError(\"Can not resolve drawing area. Sk.console is undefined!\");\n }\n function getConsole() {\n return Sk.console;\n }\n\n // Unique ID generator for charts\n let chartCounter = 0;\n\n function makePlot(type, data, style, label) {\n return {\n type: type,\n data: data,\n style: style,\n label: label\n };\n }\n\n function makeChart() {\n let margin = {top: 20, right: 30, bottom: 50, left: 40};\n let chartIdNumber = chartCounter++;\n return {\n plots: [],\n labels: {\n title: \"\",\n \"x-axis\": \"\",\n \"y-axis\": \"\"\n },\n extents: {\n xMin: null,\n xMax: null,\n yMin: null,\n yMax: null\n },\n ticks: {\n x: {},\n y: {},\n xRotate: \"horizontal\",\n yRotate: \"horizontal\",\n xEstimate: new Set(),\n yEstimate: new Set()\n },\n margin: margin,\n width: getConsole().getWidth() - margin.left - margin.right,\n height: getConsole().getHeight() - margin.top - margin.bottom,\n idNumber: chartIdNumber,\n id: \"chart\" + chartIdNumber,\n colorCycle: 0\n };\n }\n\n function updateExtent(chart, attr, array, padding) {\n if (padding === undefined) {\n padding = 0;\n }\n if (chart.extents[attr + \"Min\"] === null) {\n chart.extents[attr + \"Min\"] = d3.min(array)-padding;\n } else {\n chart.extents[attr + \"Min\"] = Math.min(d3.min(array)-padding, chart.extents[attr + \"Min\"]);\n }\n if (chart.extents[attr + \"Max\"] === null) {\n chart.extents[attr + \"Max\"] = d3.max(array)+padding;\n } else {\n chart.extents[attr + \"Max\"] = Math.max(d3.max(array)+padding, chart.extents[attr + \"Max\"]);\n }\n }\n\n let chart = null;\n function getChart() {\n if (!chart) {\n chart = makeChart();\n }\n return chart;\n }\n\n function resetChart() {\n chart = makeChart();\n }\n\n function parseFormat(styleString, chart, kwargs, defaultLinestyle, defaultMarker) {\n // TODO: Handle ls, lw, and other abbreviated keyword parameters\n let format = {\n alpha: getKeywordParameter(kwargs, STRING_ALPHA, null),\n dash_capstyle: getKeywordParameter(kwargs, STRING_DASH_CAPSTYLE, \"butt\"),\n dash_joinstyle: getKeywordParameter(kwargs, STRING_DASH_JOINSTYLE, \"miter\"),\n fillstyle: getKeywordParameter(kwargs, STRING_FILLSTYLE, \"full\"),\n linewidth: getKeywordParameter(kwargs, STRING_LINEWIDTH, 1),\n };\n if (styleString) {\n let ftmTuple = Sk.jsplotlib._process_plot_format(styleString);\n format[\"linestyle\"] = getKeywordParameter(kwargs, STRING_LINESTYLE, ftmTuple.linestyle);\n format[\"marker\"] = getKeywordParameter(kwargs, STRING_MARKER, Sk.jsplotlib.parse_marker(ftmTuple.marker));\n format[\"color\"] = getKeywordParameter(kwargs, STRING_COLOR, Sk.jsplotlib.color_to_hex(ftmTuple.color));\n } else {\n let cycle = Sk.jsplotlib.rc[\"axes.color_cycle\"];\n format[\"linestyle\"] = getKeywordParameter(kwargs, STRING_LINESTYLE, defaultLinestyle);\n format[\"marker\"] = getKeywordParameter(kwargs, STRING_MARKER, defaultMarker);\n format[\"color\"] = getKeywordParameter(kwargs, STRING_COLOR, Sk.jsplotlib.color_to_hex(cycle[chart.colorCycle % cycle.length]));\n chart.colorCycle += 1;\n }\n return format;\n }\n\n function getIndices(values) {\n return values.map((value, index) => index);\n }\n\n function chompPlotArgs(args, data) {\n if (data !== null) {\n if (args.length >= 2) {\n throw new Sk.builtin.ValueError(\"Must provide at least 2 arguments when plotting with 'data' keyword\");\n }\n let xAttr = args[0];\n let yAttr = args[1];\n let xs = [], ys = [];\n const values = Sk.misceval.arrayFromIterable(data);\n for (let i = 0; i < values.length; i++) {\n if (values[i].sq$contains(xAttr)) {\n xs.push(values[i].mp$subscript(xAttr));\n ys.push(values[i].mp$subscript(yAttr));\n } else {\n throw new Sk.builtin.ValueError(`Item at index ${i} is missing expected attribute.`);\n }\n }\n return [xs, ys, args[2]];\n } else {\n // x, y, style\n if (args.length >= 3) {\n if (Sk.builtin.checkString(args[2])) {\n return [[args[0], args[1], args[2]].map(Sk.ffi.remapToJs)].concat(chompPlotArgs(args.slice(3), data));\n }\n }\n if (args.length >= 2) {\n let ys = Sk.ffi.remapToJs(args[0]);\n if (Sk.builtin.checkString(args[1])) {\n // y, style\n let xs = getIndices(ys);\n let style = Sk.ffi.remapToJs(args[1]);\n return [[xs, ys, style]].concat(chompPlotArgs(args.slice(2), data));\n } else {\n // x, y\n let xs = ys;\n ys = Sk.ffi.remapToJs(args[1]);\n return [[xs, ys, \"\"]].concat(chompPlotArgs(args.slice(2), data));\n }\n }\n if (args.length >= 1) {\n // y\n let ys = Sk.ffi.remapToJs(args[0]);\n let xs = getIndices(ys);\n return [[xs, ys, \"\"]].concat(chompPlotArgs(args.slice(1), data));\n }\n return [];\n }\n }\n\n function getKeywordParameter(kwargs, key, otherwise) {\n if (kwargs.sq$contains(key)) {\n return Sk.ffi.remapToJs(kwargs.mp$subscript(key));\n } else {\n return otherwise;\n }\n }\n\n function updateTickEstimates(chart, xValues, yValues) {\n xValues.forEach(value => chart.ticks.xEstimate.add(value));\n yValues.forEach(value => chart.ticks.yEstimate.add(value));\n }\n\n // Main plotting function\n let plot_f = function (kwa) {\n // Parse arguments\n Sk.builtin.pyCheckArgs(\"plot\", arguments, 1, Infinity, true, false);\n let args = Array.prototype.slice.call(arguments, 1);\n let kwargs = new Sk.builtins.dict(kwa); // Get argument as object\n let data = getKeywordParameter(kwargs, STRING_DATA, null);\n let label = getKeywordParameter(kwargs, STRING_LABEL, null);\n let chart = getChart();\n let plotData = chompPlotArgs(args, data);\n for (let i=0; i {return {x: value[0], y: value[1]};});\n let style = parseFormat(plotDatum[2], chart, kwargs, \"-\", \"\");\n let plot = makePlot(\"line\", zippedData, style, label);\n chart.plots.push(plot);\n updateExtent(chart, \"x\", plotDatum[0], DEFAULT_PLOT_PADDING);\n updateExtent(chart, \"y\", plotDatum[1], DEFAULT_PLOT_PADDING);\n updateTickEstimates(chart, plotDatum[0], plotDatum[1]);\n }\n };\n plot_f.co_kwargs = true;\n mod.plot = new Sk.builtin.func(plot_f);\n\n\n let hist_f = function (kwa) {\n // Parse arguments\n Sk.builtin.pyCheckArgs(\"hist\", arguments, 1, Infinity, true, false);\n let args = Array.prototype.slice.call(arguments, 1);\n let kwargs = new Sk.builtins.dict(kwa); // Get argument as object\n\n // Parse different args combinations\n let plotData = Sk.ffi.remapToJs(args[0]);\n if (plotData.length > 0) {\n if (!Array.isArray(plotData[0])) {\n plotData = [plotData];\n }\n }\n\n let label = getKeywordParameter(kwargs, STRING_LABEL, null);\n let chart = getChart();\n for (let i=0; i Math.max(Math.min(value, max), min));\n estimatedBins = plot.bins;\n }\n chart.plots.push(plot);\n updateExtent(chart, \"x\", plotDatum, DEFAULT_PLOT_PADDING);\n updateTickEstimates(chart, estimatedBins, d3.range(plotDatum.length));\n }\n // Ensure that the axis line is always the middle!\n updateExtent(chart, \"y\", [0]);\n };\n hist_f.co_kwargs = true;\n mod.hist = new Sk.builtin.func(hist_f);\n\n let scatter_f = function (kwa) {\n // Parse arguments\n Sk.builtin.pyCheckArgs(\"scatter\", arguments, 1, Infinity, true, false);\n let args = Array.prototype.slice.call(arguments, 1);\n let kwargs = new Sk.builtins.dict(kwa); // Get argument as object\n\n let data = getKeywordParameter(kwargs, STRING_DATA, null);\n let label = getKeywordParameter(kwargs, STRING_LABEL, null);\n\n let plotData = chompPlotArgs(args, data);\n\n // Special dot_limit parameter to prevent crashing from too many dots in browser\n let dotLimit = getKeywordParameter(kwargs, STRING_DOT_LIMIT, 256);\n if (plotData[0] && plotData[0].length > dotLimit) {\n let xSampled = [], ySampled = [];\n let LENGTH = plotData[0].length, RATE = LENGTH / dotLimit;\n for (let i = 0; i < dotLimit; i += 1) {\n let index = Math.floor((i + Math.random()) * RATE);\n xSampled.push(plotData[0][index]);\n ySampled.push(plotData[1][index]);\n }\n plotData[0] = xSampled;\n plotData[1] = ySampled;\n }\n\n\n let chart = getChart();\n for (let i=0; i {return {x: value[0], y: value[1]};});\n let plot = makePlot(\"scatter\", zippedData, style, label);\n plot.sizes = getKeywordParameter(kwargs, STRING_S, null);\n plot.colors = getKeywordParameter(kwargs, STRING_C, null);\n plot.linewidths = getKeywordParameter(kwargs, STRING_LINEWIDTHS, 1.5);\n plot.edgecolors = getKeywordParameter(kwargs, STRING_EDGECOLORS, \"face\");\n chart.plots.push(plot);\n updateExtent(chart, \"x\", plotDatum[0], DEFAULT_PLOT_PADDING);\n updateExtent(chart, \"y\", plotDatum[1], DEFAULT_PLOT_PADDING);\n updateTickEstimates(chart, plotDatum[0], plotDatum[1]);\n }\n };\n scatter_f.co_kwargs = true;\n mod.scatter = new Sk.builtin.func(scatter_f);\n\n let bar_f = function (kwa) {\n // Parse arguments\n Sk.builtin.pyCheckArgs(\"bar\", arguments, 1, Infinity, true, false);\n let args = Array.prototype.slice.call(arguments, 1);\n let kwargs = new Sk.builtins.dict(kwa); // Get argument as object\n\n let data = getKeywordParameter(kwargs, STRING_DATA, null);\n let label = getKeywordParameter(kwargs, STRING_LABEL, null);\n let tickLabels = getKeywordParameter(kwargs, STRING_TICK_LABEL, []);\n\n let plotData = chompPlotArgs(args, data);\n\n let chart = getChart();\n for (let i=0; i {return {x: value[0], y: value[1]};});\n let style = parseFormat(null, chart, kwargs, \"\", \"\");\n let plot = makePlot(\"bar\", zippedData, style, label);\n plot.width = getKeywordParameter(kwargs, STRING_WIDTH, 0.8);\n plot.align = getKeywordParameter(kwargs, STRING_ALIGN, \"center\");\n for (let x=0; x a.length)) || 1;\n args = args.map(a => Array.isArray(a) ? a : Array(length).fill(a));\n return d3.zip(args[0], args[1], args[2]);\n }\n\n let hlines_f = function (kwa) {\n // Parse arguments\n Sk.builtin.pyCheckArgs(\"hlines\", arguments, 1, Infinity, true, false);\n let args = Array.prototype.slice.call(arguments, 1);\n let kwargs = new Sk.builtins.dict(kwa); // Get argument as object\n\n let data = getKeywordParameter(kwargs, STRING_DATA, null);\n let label = getKeywordParameter(kwargs, STRING_LABEL, null);\n let colors = getKeywordParameter(kwargs, STRING_COLORS, null);\n let linestyles = getKeywordParameter(kwargs, STRING_LINESTYLES, null);\n\n let plotData = getLinesData(args);\n\n let chart = getChart();\n let style = parseFormat(null, chart, kwargs, \"\", \"\");\n for (let i=0; i plot.type === \"hist\")) {\n return false;\n }\n let yMax = 0;\n for (let i = 0; i < chart.plots.length; i += 1) {\n let plot = chart.plots[i];\n if (plot.type !== \"hist\") {\n continue;\n }\n let histogram = makeHistogram(plot);\n yMax = Math.max(yMax, d3.max(histogram, (d) => d.length));\n }\n chart.extents.yMax = Math.max(yMax, chart.extents.yMax);\n return true;\n }\n\n function setupXScale(chart, yAxisBuffer) {\n // Calculate an appropriate offset based on the width of the numbers on the axis\n // Set up x-scaling\n chart.xScale = d3.scaleLinear()\n .domain([chart.extents.xMin, chart.extents.xMax])\n .range([0, chart.width - yAxisBuffer]);\n // Set up x-axis\n chart.xAxis = d3.axisBottom()\n .scale(chart.xScale);\n // Choose a smaller number of ticks if few discrete points\n if (chart.ticks.xEstimate.size < 10) {\n console.log(chart.ticks.xEstimate.size);\n chart.xAxis.ticks(chart.ticks.xEstimate.size);\n }\n // If necessary, add in X ticks\n if (!isEmpty(chart.ticks.x)) {\n chart.xAxis = chart.xAxis.ticks().tickFormat(function (d) {\n return chart.ticks.x[d];\n });\n }\n }\n\n function setupYScale(chart) {\n chart.yScale = d3.scaleLinear()\n .domain([chart.extents.yMin, chart.extents.yMax])\n .range([chart.height, 0]);\n chart.yAxis = d3.axisLeft()\n .scale(chart.yScale);\n // Choose a smaller number of ticks if few discrete points\n if (chart.ticks.yEstimate.size < 10) {\n chart.yAxis.ticks(chart.ticks.yEstimate.size);\n }\n // If necessary, add in Y ticks\n if (!isEmpty(chart.ticks.y)) {\n chart.yAxis = chart.yAxis.ticks().tickFormat(function (d) {\n return chart.ticks.y[d];\n });\n }\n }\n\n function finalizeChart(chart) {\n let doctype = \"\" + \"<\" + \"!DOCTYPE svg PUBLIC \\\"-//W3C//DTD SVG 1.1//EN\\\" \\\"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd\\\">\";\n let xml = new XMLSerializer().serializeToString(chart.svg.node());\n let blob = new Blob([doctype + xml], {type: \"image/svg+xml\"});\n let url = window.URL.createObjectURL(blob);\n //var data = \"data:image/svg+xml;base64,\" + btoa(unescape(encodeURIComponent(xml)));\n let anchor = document.createElement(\"a\");\n let img = document.createElement(\"img\");\n img.style.display = \"block\";\n let oldChart = chart;\n let filename = chart.labels.title;\n resetChart();\n //outputTarget.html[0].appendChild(img);\n // TODO: Consider using the SVG as the actual image, and using this as the href\n // surrounding it instead.\n oldChart.svg.node().parentNode.replaceChild(anchor, oldChart.svg.node());\n img.onload = function () {\n img.onload = null;\n //TODO: Make this capture a class descendant. Cross the D3/Jquery barrier!\n let canvas = document.createElement(\"canvas\");\n canvas.width = Sk.console.getWidth();\n canvas.height = Sk.console.getHeight();\n let ctx = canvas.getContext(\"2d\");\n ctx.drawImage(img, 0, 0);\n let canvasUrl = canvas.toDataURL(\"image/png\");\n img.setAttribute(\"src\", canvasUrl);\n img.setAttribute(\"title\", \"Generated plot titled: \" + filename);\n img.setAttribute(\"alt\", \"Generated plot titled: \" + filename);\n anchor.setAttribute(\"href\", canvasUrl);\n anchor.setAttribute(\"download\", filename);\n // Snip off this chart, we can now start a new one.\n };\n img.onerror = function (e) {\n console.error(e);\n };\n img.setAttribute(\"src\", url);\n anchor.appendChild(img);\n }\n\n const DEFAULT_MARKER_SIZE = 2;\n\n let show_f = function () {\n let chart = getChart();\n\n // Sanity checks\n if (chart.plots.length === 0) {\n return;\n }\n if (chart.extents.xMin === undefined || chart.extents.yMin === undefined) {\n return;\n }\n\n // Establish x/y scalers and axes\n let yAxisBuffer = 5 * Math.max(getDigits(chart.extents.xMin), getDigits(chart.extents.xMax),\n getDigits(chart.extents.yMin), getDigits(chart.extents.yMin));\n setupXScale(chart, yAxisBuffer);\n finalizeHistogram(chart);\n setupYScale(chart);\n\n chart.mapX = d => chart.xScale(d.x);\n chart.mapY = d => chart.yScale(d.y);\n chart.mapLine = d3.line().x(chart.mapX).y(chart.mapY);\n attachCanvasToChart(chart, yAxisBuffer);\n\n // Actually draw the chart objects\n for (let i = 0; i < chart.plots.length; i += 1) {\n let plot = chart.plots[i];\n switch (plot.type) {\n case \"line\":\n chart.canvas.append(\"path\")\n .style(\"fill\", \"none\")\n .style(\"stroke\", plot.style.color)\n .style(\"stroke-width\", plot.style[\"linewidth\"])\n .style(\"fill-opacity\", plot.style[\"alpha\"])\n .attr(\"class\", \"line\")\n //.data(plot.data)\n .attr(\"d\", chart.mapLine(plot.data));\n break;\n case \"one_line\":\n chart.canvas.append(\"line\")\n .style(\"stroke\", plot.style.color)\n .style(\"stroke-width\", plot.style[\"linewidth\"])\n .style(\"fill-opacity\", plot.style[\"alpha\"])\n .attr(\"x1\", chart.xScale(plot.data.x1))\n .attr(\"x2\", chart.xScale(plot.data.x2))\n .attr(\"y1\", chart.yScale(plot.data.y1) )\n .attr(\"y2\", chart.yScale(plot.data.y2) );\n break;\n case \"scatter\":\n chart.canvas.append(\"g\")\n .attr(\"class\", \"series\")\n .selectAll(\".point\")\n .data(plot.data)\n // Entering\n .enter()\n .append(\"circle\")\n .style(\"fill\", (d, i) => {\n if (plot.colors == null) {\n return plot.style.color;\n } else if (Array.isArray(plot.colors)) {\n return plot.colors[i] || plot.style.color;\n } else {\n return plot.colors;\n }\n })\n .style(\"fill-opacity\", plot.style[\"alpha\"])\n .attr(\"class\", \"circle\")\n .attr(\"cx\", chart.mapX)\n .attr(\"cy\", chart.mapY)\n .attr(\"r\", (d, i) => {\n if (plot.sizes == null) {\n return DEFAULT_MARKER_SIZE;\n } else if (Array.isArray(plot.sizes)) {\n return plot.sizes[i] || DEFAULT_MARKER_SIZE;\n } else {\n return plot.sizes;\n }\n });\n break;\n case \"hist\":\n let histogram = makeHistogram(plot);\n chart.canvas.selectAll(\".bar\")\n .data(histogram)\n // Enter\n .enter()\n .append(\"rect\")\n .attr(\"class\", \"bar\")\n .style(\"fill\", plot[\"style\"][\"color\"])\n .style(\"stroke\", \"black\")\n .attr(\"x\", function (d) {\n // TODO: Handle align\n return chart.xScale(d.x0);\n })\n .attr(\"width\", (d) => chart.xScale(d.x1) - chart.xScale(d.x0))\n .attr(\"y\", function (d) {\n return chart.yScale(d.length);\n })\n .attr(\"height\", function (d) {\n return chart.height - chart.yScale(d.length);\n });\n break;\n case \"bar\":\n chart.canvas.selectAll(\".bar\")\n .data(plot.data)\n // Enter\n .enter()\n .append(\"rect\")\n .attr(\"class\", \"bar\")\n .style(\"fill\", plot[\"style\"][\"color\"])\n .style(\"stroke\", \"black\")\n .attr(\"x\", function (d) {\n let increment = (plot.align === \"center\" ? plot.width/2 : 0);\n return chart.xScale(d.x-increment);\n })\n .attr(\"width\", function (d) {\n return chart.xScale(d.x+plot.width) - chart.xScale(d.x);\n })\n .attr(\"y\", chart.mapY)\n .attr(\"height\", function (d) {\n return chart.height - chart.yScale(d.y);\n });\n break;\n case \"boxplot\":\n const WIDTH = .6;\n chart.canvas.append(\"line\")\n .attr(\"x1\", chart.xScale(plot.data.x))\n .attr(\"x2\", chart.xScale(plot.data.x))\n .attr(\"y1\", chart.yScale(plot.data.y[0]) )\n .attr(\"y2\", chart.yScale(plot.data.y[1]) )\n .attr(\"stroke\", \"black\");\n chart.canvas.append(\"line\")\n .attr(\"x1\", chart.xScale(plot.data.x))\n .attr(\"x2\", chart.xScale(plot.data.x))\n .attr(\"y1\", chart.yScale(plot.data.y[3]) )\n .attr(\"y2\", chart.yScale(plot.data.y[4]) )\n .attr(\"stroke\", \"black\");\n chart.canvas.append(\"rect\")\n .attr(\"x\", chart.xScale(plot.data.x-WIDTH/2))\n .attr(\"y\", chart.yScale(plot.data.y[3]) )\n .attr(\"height\", (chart.yScale(plot.data.y[1])-chart.yScale(plot.data.y[3])))\n .attr(\"width\", chart.xScale(WIDTH) )\n .attr(\"stroke\", \"black\")\n .style(\"fill\", \"none\");\n chart.canvas.selectAll(\".boxplot\")\n .data([plot.data.y[0], plot.data.y[2], plot.data.y[4]])\n .enter()\n .append(\"line\")\n .attr(\"x1\", chart.xScale(plot.data.x-WIDTH/2))\n .attr(\"x2\", chart.xScale(plot.data.x+WIDTH/2))\n .attr(\"y1\", chart.yScale )\n .attr(\"y2\", chart.yScale )\n .attr(\"class\", \"boxplot\")\n .attr(\"stroke\", \"black\");\n break;\n }\n }\n ////////////////////////////////////////////////////////////////////\n\n finalizeChart(chart);\n };\n mod.show = new Sk.builtin.func(show_f);\n\n let title_f = function (s) {\n Sk.builtin.pyCheckArgs(\"title\", arguments, 1, 1);\n\n if (!Sk.builtin.checkString(s)) {\n throw new Sk.builtin.TypeError(\"'\" + Sk.abstr.typeName(s) +\n \"' is not supported for title; should be a string.\");\n }\n\n getChart().labels[\"title\"] = Sk.ffi.remapToJs(s);\n };\n mod.title = new Sk.builtin.func(title_f);\n\n let xlabel_f = function (s) {\n Sk.builtin.pyCheckArgs(\"xlabel\", arguments, 1, 1);\n\n if (!Sk.builtin.checkString(s)) {\n throw new Sk.builtin.TypeError(\"'\" + Sk.abstr.typeName(s) +\n \"' is not supported for xlabel; should be a string.\");\n }\n getChart().labels[\"x-axis\"] = Sk.ffi.remapToJs(s);\n };\n mod.xlabel = new Sk.builtin.func(xlabel_f);\n\n let ylabel_f = function (s) {\n Sk.builtin.pyCheckArgs(\"ylabel\", arguments, 1, 1);\n\n if (!Sk.builtin.checkString(s)) {\n throw new Sk.builtin.TypeError(\"'\" + Sk.abstr.typeName(s) +\n \"' is not supported for ylabel; should be a string.\");\n }\n getChart().labels[\"y-axis\"] = Sk.ffi.remapToJs(s);\n };\n mod.ylabel = new Sk.builtin.func(ylabel_f);\n\n let xticks_f = function (kwa) {\n Sk.builtin.pyCheckArgs(\"xticks\", arguments, 0, Infinity, true, false);\n let args = Array.prototype.slice.call(arguments, 1);\n let kwargs = new Sk.builtins.dict(kwa); // Get argument as object\n\n let rotation = getKeywordParameter(kwargs, STRING_ROTATION, \"horizontal\");\n\n let chart = getChart();\n if (args.length === 1) {\n chart.ticks.x = {};\n for (let i=0; i\": \"triangle_right\",\n \"1\": \"tri_down\",\n \"2\": \"tri_up\",\n \"3\": \"tri_left\",\n \"4\": \"tri_right\",\n \"8\": \"octagon\",\n \"s\": \"square\",\n \"p\": \"pentagon\",\n \"*\": \"star\",\n \"h\": \"hexagon1\",\n \"H\": \"hexagon2\",\n \"+\": \"plus\",\n \"x\": \"x\",\n \"D\": \"diamond\",\n \"d\": \"thin_diamond\",\n \"|\": \"vline\",\n \"_\": \"hline\",\n //TICKLEFT: 'tickleft',\n //TICKRIGHT: 'tickright',\n //TICKUP: 'tickup',\n //TICKDOWN: 'tickdown',\n //CARETLEFT: 'caretleft',\n //CARETRIGHT: 'caretright',\n //CARETUP: 'caretup',\n //CARETDOWN: 'caretdown',\n \"None\": \"nothing\",\n //Sk.builtin.none.none$: 'nothing',\n \" \": \"nothing\",\n \"\": \"nothing\"\n};\n\n/**\n Color short keys\n **/\nSk.jsplotlib.colors = {\n \"b\": \"blue\",\n \"g\": \"green\",\n \"r\": \"red\",\n \"c\": \"cyan\",\n \"m\": \"magenta\",\n \"y\": \"yellow\",\n \"k\": \"black\",\n \"w\": \"white\"\n};\n\n/**\n Mapping of all possible CSS colors, that are supported by matplotlib\n **/\nSk.jsplotlib.cnames = {\n \"aliceblue\": \"#F0F8FF\",\n \"antiquewhite\": \"#FAEBD7\",\n \"aqua\": \"#00FFFF\",\n \"aquamarine\": \"#7FFFD4\",\n \"azure\": \"#F0FFFF\",\n \"beige\": \"#F5F5DC\",\n \"bisque\": \"#FFE4C4\",\n \"black\": \"#000000\",\n \"blanchedalmond\": \"#FFEBCD\",\n \"blue\": \"#0000FF\",\n \"blueviolet\": \"#8A2BE2\",\n \"brown\": \"#A52A2A\",\n \"burlywood\": \"#DEB887\",\n \"cadetblue\": \"#5F9EA0\",\n \"chartreuse\": \"#7FFF00\",\n \"chocolate\": \"#D2691E\",\n \"coral\": \"#FF7F50\",\n \"cornflowerblue\": \"#6495ED\",\n \"cornsilk\": \"#FFF8DC\",\n \"crimson\": \"#DC143C\",\n \"cyan\": \"#00FFFF\",\n \"darkblue\": \"#00008B\",\n \"darkcyan\": \"#008B8B\",\n \"darkgoldenrod\": \"#B8860B\",\n \"darkgray\": \"#A9A9A9\",\n \"darkgreen\": \"#006400\",\n \"darkkhaki\": \"#BDB76B\",\n \"darkmagenta\": \"#8B008B\",\n \"darkolivegreen\": \"#556B2F\",\n \"darkorange\": \"#FF8C00\",\n \"darkorchid\": \"#9932CC\",\n \"darkred\": \"#8B0000\",\n \"darksage\": \"#598556\",\n \"darksalmon\": \"#E9967A\",\n \"darkseagreen\": \"#8FBC8F\",\n \"darkslateblue\": \"#483D8B\",\n \"darkslategray\": \"#2F4F4F\",\n \"darkturquoise\": \"#00CED1\",\n \"darkviolet\": \"#9400D3\",\n \"deeppink\": \"#FF1493\",\n \"deepskyblue\": \"#00BFFF\",\n \"dimgray\": \"#696969\",\n \"dodgerblue\": \"#1E90FF\",\n \"firebrick\": \"#B22222\",\n \"floralwhite\": \"#FFFAF0\",\n \"forestgreen\": \"#228B22\",\n \"fuchsia\": \"#FF00FF\",\n \"gainsboro\": \"#DCDCDC\",\n \"ghostwhite\": \"#F8F8FF\",\n \"gold\": \"#FFD700\",\n \"goldenrod\": \"#DAA520\",\n \"gray\": \"#808080\",\n \"green\": \"#008000\",\n \"greenyellow\": \"#ADFF2F\",\n \"honeydew\": \"#F0FFF0\",\n \"hotpink\": \"#FF69B4\",\n \"indianred\": \"#CD5C5C\",\n \"indigo\": \"#4B0082\",\n \"ivory\": \"#FFFFF0\",\n \"khaki\": \"#F0E68C\",\n \"lavender\": \"#E6E6FA\",\n \"lavenderblush\": \"#FFF0F5\",\n \"lawngreen\": \"#7CFC00\",\n \"lemonchiffon\": \"#FFFACD\",\n \"lightblue\": \"#ADD8E6\",\n \"lightcoral\": \"#F08080\",\n \"lightcyan\": \"#E0FFFF\",\n \"lightgoldenrodyellow\": \"#FAFAD2\",\n \"lightgreen\": \"#90EE90\",\n \"lightgray\": \"#D3D3D3\",\n \"lightpink\": \"#FFB6C1\",\n \"lightsage\": \"#BCECAC\",\n \"lightsalmon\": \"#FFA07A\",\n \"lightseagreen\": \"#20B2AA\",\n \"lightskyblue\": \"#87CEFA\",\n \"lightslategray\": \"#778899\",\n \"lightsteelblue\": \"#B0C4DE\",\n \"lightyellow\": \"#FFFFE0\",\n \"lime\": \"#00FF00\",\n \"limegreen\": \"#32CD32\",\n \"linen\": \"#FAF0E6\",\n \"magenta\": \"#FF00FF\",\n \"maroon\": \"#800000\",\n \"mediumaquamarine\": \"#66CDAA\",\n \"mediumblue\": \"#0000CD\",\n \"mediumorchid\": \"#BA55D3\",\n \"mediumpurple\": \"#9370DB\",\n \"mediumseagreen\": \"#3CB371\",\n \"mediumslateblue\": \"#7B68EE\",\n \"mediumspringgreen\": \"#00FA9A\",\n \"mediumturquoise\": \"#48D1CC\",\n \"mediumvioletred\": \"#C71585\",\n \"midnightblue\": \"#191970\",\n \"mintcream\": \"#F5FFFA\",\n \"mistyrose\": \"#FFE4E1\",\n \"moccasin\": \"#FFE4B5\",\n \"navajowhite\": \"#FFDEAD\",\n \"navy\": \"#000080\",\n \"oldlace\": \"#FDF5E6\",\n \"olive\": \"#808000\",\n \"olivedrab\": \"#6B8E23\",\n \"orange\": \"#FFA500\",\n \"orangered\": \"#FF4500\",\n \"orchid\": \"#DA70D6\",\n \"palegoldenrod\": \"#EEE8AA\",\n \"palegreen\": \"#98FB98\",\n \"paleturquoise\": \"#AFEEEE\",\n \"palevioletred\": \"#DB7093\",\n \"papayawhip\": \"#FFEFD5\",\n \"peachpuff\": \"#FFDAB9\",\n \"peru\": \"#CD853F\",\n \"pink\": \"#FFC0CB\",\n \"plum\": \"#DDA0DD\",\n \"powderblue\": \"#B0E0E6\",\n \"purple\": \"#800080\",\n \"red\": \"#FF0000\",\n \"rosybrown\": \"#BC8F8F\",\n \"royalblue\": \"#4169E1\",\n \"saddlebrown\": \"#8B4513\",\n \"salmon\": \"#FA8072\",\n \"sage\": \"#87AE73\",\n \"sandybrown\": \"#FAA460\",\n \"seagreen\": \"#2E8B57\",\n \"seashell\": \"#FFF5EE\",\n \"sienna\": \"#A0522D\",\n \"silver\": \"#C0C0C0\",\n \"skyblue\": \"#87CEEB\",\n \"slateblue\": \"#6A5ACD\",\n \"slategray\": \"#708090\",\n \"snow\": \"#FFFAFA\",\n \"springgreen\": \"#00FF7F\",\n \"steelblue\": \"#4682B4\",\n \"tan\": \"#D2B48C\",\n \"teal\": \"#008080\",\n \"thistle\": \"#D8BFD8\",\n \"tomato\": \"#FF6347\",\n \"turquoise\": \"#40E0D0\",\n \"violet\": \"#EE82EE\",\n \"wheat\": \"#F5DEB3\",\n \"white\": \"#FFFFFF\",\n \"whitesmoke\": \"#F5F5F5\",\n \"yellow\": \"#FFFF00\",\n \"yellowgreen\": \"#9ACD32\"\n};\n\nSk.jsplotlib.color_to_hex = function (color) {\n // is color a shortcut?\n if (Sk.jsplotlib.colors[color]) {\n color = Sk.jsplotlib.colors[color];\n }\n\n // is inside cnames array?\n if (Sk.jsplotlib.cnames[color]) {\n return Sk.jsplotlib.cnames[color];\n }\n\n // check if it is already a hex value\n if (typeof color == \"string\") {\n var match = color.match(/^#(?:[0-9a-fA-F]{3}){1,2}$/);\n if (match && match.length === 1) {\n return match[0];\n }\n }\n\n // add rgb colors here\n if (Array.isArray(color) && color.length === 3) {\n return Sk.jsplotlib.rgb2hex(color);\n }\n\n // back to default\n return Sk.jsplotlib.cnames[Sk.jsplotlib.rc[\"lines.color\"]];\n};\n\nSk.jsplotlib.get_color = function (cs) {\n return Sk.jsplotlib.colors[cs] ? Sk.jsplotlib.colors[cs] : Sk.jsplotlib.colors.b;\n};\n\nSk.jsplotlib.parse_marker = function (style) {\n if (!style) {\n return \"x\";\n }\n switch (style) {\n case \".\":\n return \".\";\n case \",\":\n return \"x\";\n case \"o\":\n return \"o\";\n case \"v\":\n return \"x\";\n case \"^\":\n return \"x\";\n case \"<\":\n return \"x\";\n case \">\":\n return \"x\";\n case \"1\":\n return \"x\";\n case \"2\":\n return \"x\";\n case \"3\":\n return \"x\";\n case \"4\":\n return \"x\";\n case \"s\":\n return \"s\";\n case \"p\":\n return \"x\";\n case \"*\":\n return \"x\";\n case \"h\":\n return \"x\";\n case \"H\":\n return \"x\";\n case \"+\":\n return \"x\";\n case \"x\":\n return \"x\";\n case \"D\":\n return \"x\";\n case \"d\":\n return \"x\";\n case \"|\":\n return \"x\";\n case \"_\":\n return \"x\";\n default:\n return \"\";\n }\n};\n\n/**\n Process a MATLAB style color/line style format string. Return a\n (*linestyle*, *color*) tuple as a result of the processing. Default\n values are ('-', 'b'). Example format strings include:\n\n * 'ko': black circles\n * '.b': blue dots\n * 'r--': red dashed lines\n\n .. seealso::\n\n :func:`~matplotlib.Line2D.lineStyles` and\n :func:`~matplotlib.pyplot.colors`\n for all possible styles and color format string.\n **/\nSk.jsplotlib._process_plot_format = function (fmt) {\n var linestyle = null;\n var marker = null;\n var color = null;\n\n // Is fmt just a colorspec\n try {\n color = Sk.jsplotlib.to_rgb(fmt);\n if (color) {\n return {\n \"linestyle\": linestyle,\n \"marker\": marker,\n \"color\": color\n };\n }\n } catch (e) {\n }\n\n // handle the multi char special cases and strip them for the string\n if (fmt.search(/--/) >= 0) {\n linestyle = \"--\";\n fmt = fmt.replace(/--/, \"\");\n }\n if (fmt.search(/-\\./) >= 0) {\n linestyle = \"-.\";\n fmt = fmt.replace(/-\\./, \"\");\n }\n if (fmt.search(/ /) >= 0) {\n linestyle = \"\";\n fmt = fmt.replace(/ /, \"\");\n }\n\n var i;\n for (i = 0; i < fmt.length; i++) {\n var c = fmt.charAt(i);\n if (Sk.jsplotlib.lineStyles[c]) {\n if (linestyle) {\n throw new Sk.builtin.ValueError(\"Illegal format string \\\"\" + fmt +\n \"\\\"; two linestyle symbols\");\n }\n linestyle = c;\n } else if (Sk.jsplotlib.lineMarkers[c]) {\n if (marker) {\n throw new Sk.builtin.ValueError(\"Illegal format string \\\"\" + fmt +\n \"\\\"; two marker symbols\");\n }\n marker = c;\n } else if (Sk.jsplotlib.colors[c]) {\n if (color) {\n throw new Sk.builtin.ValueError(\"Illegal format string \\\"\" + fmt +\n \"\\\"; two color symbols\");\n }\n color = c;\n } else {\n throw new Sk.builtin.ValueError(\"Unrecognized character \" + c +\n \" in format string\");\n }\n }\n\n if (!linestyle && !marker) {\n // use defaults --> rcParams['lines.linestyle']\n linestyle = \"-\";\n }\n if (!linestyle) {\n linestyle = \" \";\n }\n if (!marker) {\n marker = \"\";\n }\n\n return {\n \"linestyle\": linestyle,\n \"marker\": marker,\n \"color\": color\n };\n};\n\n/**\n https://github.com/matplotlib/matplotlib/blob/master/lib/matplotlib/colors.py\n http://matplotlib.org/api/colors_api.html\n\n Returns an *RGB* tuple of three floats from 0-1.\n\n *arg* can be an *RGB* or *RGBA* sequence or a string in any of\n several forms:\n\n 1) a letter from the set 'rgbcmykw'\n 2) a hex color string, like '#00FFFF'\n 3) a standard name, like 'aqua'\n 4) a string representation of a float, like '0.4',\n indicating gray on a 0-1 scale\n\n if *arg* is *RGBA*, the *A* will simply be discarded.\n **/\nSk.jsplotlib.to_rgb = function (fmt) {\n if (!fmt) {\n return null;\n }\n\n var color = null;\n\n if (typeof fmt == \"string\") {\n let fmt_lower = fmt.toLowerCase();\n\n if (Sk.jsplotlib.colors[fmt_lower]) {\n return Sk.jsplotlib.hex2color(Sk.jsplotlib.cnames[Sk.jsplotlib.colors[fmt_lower]]);\n }\n\n // is inside cnames array?\n if (Sk.jsplotlib.cnames[fmt_lower]) {\n return Sk.jsplotlib.hex2color(Sk.jsplotlib.cnames[fmt_lower]);\n }\n\n if (fmt_lower.indexOf(\"#\") === 0) {\n return Sk.jsplotlib.hex2color(fmt_lower);\n }\n\n // is it simple grey shade?\n var fl = parseFloat(fmt_lower);\n if (isNaN(fl)) {\n throw new Sk.builtin.ValueError(\"cannot convert argument to rgb sequence\");\n }\n\n if (fl < 0 || fl > 1) {\n throw new Sk.builtin.ValueError(\"gray (string) must be in range 0-1\");\n }\n\n return [fl, fl, fl];\n }\n\n // check if its a color tuple [r,g,b, [a]] with values from [0-1]\n if (Array.isArray(fmt)) {\n if (fmt.length > 4 || fmt.length < 3) {\n throw new Sk.builtin.ValueError(\"sequence length is \" + fmt.length +\n \"; must be 3 or 4\");\n }\n\n color = fmt.slice(0, 3);\n var i;\n\n for (i = 0; i < 3; i++) {\n var fl_rgb = parseFloat(fmt);\n\n if (fl_rgb < 0 || fl_rgb > 1) {\n throw new Sk.builtin.ValueError(\n \"number in rbg sequence outside 0-1 range\");\n }\n }\n }\n\n return color;\n};\n\n/**\n Take a hex string *s* and return the corresponding rgb 3-tuple\n Example: #efefef -> (0.93725, 0.93725, 0.93725)\n **/\nSk.jsplotlib.hex2color = function (s) {\n if (!s || typeof s != \"string\") {\n throw new Sk.builtin.TypeError(\"hex2color requires a string argument\");\n }\n // check if it is a hex value\n var i;\n var s_copy = s;\n var hex_tuple = [];\n for (i = 0; i < 3; i++) {\n var match = s_copy.match(/(?:[0-9a-fA-F]){1,2}$/);\n if (match && match.length === 1) {\n hex_tuple.push(match[0]);\n s_copy = s_copy.substring(0, match.index);\n }\n }\n //var match = s.match(/^#(?:[0-9a-fA-F]{3}){1,2}$/);\n if (hex_tuple.length === 3) {\n // yeah positiv --> convert into right color spec\n var color = [];\n color[0] = parseInt(hex_tuple[0], 16) / 255.0;\n color[1] = parseInt(hex_tuple[1], 16) / 255.0;\n color[2] = parseInt(hex_tuple[2], 16) / 255.0;\n\n return color.reverse();\n } else {\n throw new Sk.builtin.ValueError(\"invalid hex color string \\\"\" + s + \"\\\"\");\n }\n};\n\n/**\n Expects and rgb tuple with values [0,1]\n **/\nSk.jsplotlib.rgb2hex = function (rgb) {\n if (!rgb) {\n return null;\n }\n\n if (rgb.length && rgb.length >= 3) {\n var i;\n // some hacky code to rebuild string format :(\n var hex_str = \"#\";\n for (i = 0; i < 3; i++) {\n var val = Math.round(rgb[i] * 255).toString(16);\n hex_str += val.length == 2 ? val : \"0\" + val;\n }\n\n return hex_str;\n }\n};\n"
},
{
"path": "src/skulpt_modules/pedal_tracer.js",
"content": "export const $pedal_tracer = `\n\n\"\"\"\nWraps the tracer module in Pedal\n\"\"\"\n\nimport os\nimport utility\n \nclass SandboxBasicTracer:\n \"\"\"\n\n \"\"\"\n def __init__(self):\n super().__init__()\n self.filename = \"student.py\"\n self.code = None\n\n def as_filename(self, filename, code):\n if os.path.isabs(filename):\n self.filename = filename\n else:\n self.filename = os.path.abspath(filename)\n self.code = code\n return self\n\n def __enter__(self):\n pass\n\n def __exit__(self, exc_type, exc_val, traceback):\n pass\n\nclass SandboxNativeTracer(SandboxBasicTracer):\n \"\"\"\n Tracks lines covered and function calls. Possibly other things? We could track variables, if that\n was something people wanted.\n\n TODO: Handle multiple submission files?\n \"\"\"\n def __init__(self):\n super().__init__()\n #self.calls = utility.trace_calls()\n self.lines = utility.trace_lines()\n self.step_index = len(utility.trace_lines())\n \n def get_calls(self):\n return utility.trace_calls()\n \n calls = property(get_calls)\n \n def __enter__(self):\n utility.start_trace(self)\n\n def __exit__(self, exc_type, exc_val, traceback):\n utility.stop_trace(self)\n\nTRACER_STYLES = {\n 'none': SandboxBasicTracer,\n 'native': SandboxNativeTracer\n}\n\n`;"
},
{
"path": "src/skulpt_modules/sk_mod_instructor.js",
"content": "/**\n * Skulpt Module for holding the Instructor API.\n *\n * This module is loaded in by getting the functions' source code from toString.\n * Isn't that crazy?\n *\n *\n */\nexport let $sk_mod_instructor = function() {\n // Main module object that gets returned at the end.\n let mod = {};\n let none = Sk.builtin.none.none$;\n \n let prior = null;\n mod.timeit = new Sk.builtin.func(function(name) {\n Sk.builtin.pyCheckArgs(\"timeit\", arguments, 1, 1);\n let difference;\n if (prior === null) {\n difference = 0;\n } else {\n difference = Date.now() - prior;\n }\n console.log(Sk.ffi.remapToJs(name), difference/1000);\n prior = Date.now();\n });\n \n /**\n * Logs feedback to javascript console\n */\n mod.console_log = new Sk.builtin.func(function() {\n const strArgs = ([...arguments]).map(Sk.ffi.remapToJs);\n strArgs.forEach(function(arg) {\n Sk.executionReports[\"model\"].ui.feedback.addPositiveFeedback(\n arg, \"comment\", \"rgb(128, 128, 128)\", undefined, true, true\n );\n });\n });\n \n /**\n * Logs debug to javascript console\n */\n mod.console_debug = new Sk.builtin.func(function() {\n console.log(\"debug\", arguments);\n try {\n const strArgs = ([...arguments]).map(JSON.stringify);\n strArgs.forEach(function(arg) {\n Sk.executionReports[\"model\"].ui.feedback.addPositiveFeedback(\n arg, \"info-circle\", \"rgb(128, 128, 128)\", undefined, true, true\n );\n });\n } catch (e) {\n Sk.executionReports[\"model\"].ui.feedback.addPositiveFeedback(\n `Failed to render debug message: ${e}`, \"exclamation-triangle\", \"rgb(128, 128, 128)\", undefined, true, true\n );\n }\n });\n\n /**\n * This function coverts the output in the student report to a python \n * list and returns it.\n **/\n mod.get_output = new Sk.builtin.func(function() {\n Sk.builtin.pyCheckArgs(\"get_output\", arguments, 0, 0);\n if (Sk.executionReports[\"student\"].success) {\n let output = Sk.executionReports[\"student\"][\"output\"]();\n output = output.map(function(item) { return item.toSkulpt(); });\n return new Sk.builtin.list(output);\n } else {\n return new Sk.builtin.list([]);\n }\n });\n \n /**\n * This function resets the output, particularly useful if the student\n * code is going to be rerun.\n */\n mod.reset_output = new Sk.builtin.func(function() {\n Sk.builtin.pyCheckArgs(\"reset_output\", arguments, 0, 0);\n if (Sk.executionReports[\"student\"].success) {\n Sk.executionReports[\"student\"].output.removeAll();\n }\n return Sk.builtin.none.none$;\n });\n \n /*mod.queue_input = new Sk.builtin.func(function() {\n Sk.builtin.pyCheckArgs(\"queue_input\", arguments, 1, Infinity);\n let args = arguments;\n for (let i = args.length-1; i >= 0; i--) {\n let input = args[i];\n Sk.builtin.pyCheckType(\"input\", \"string\", Sk.builtin.checkString(input));\n Sk.queuedInput.push(Sk.ffi.remapToJs(input));\n }\n });*/\n \n /**\n * This function is called by instructors to get the students' code as a string.\n **/\n mod.get_program = new Sk.builtin.func(function() {\n Sk.builtin.pyCheckArgs(\"get_program\", arguments, 0, 0);\n return Sk.ffi.remapToPy(Sk.executionReports[\"verifier\"].code);\n });\n\n /**\n * This function is called by instructors to get the students' code as a string.\n **/\n mod.get_evaluation = new Sk.builtin.func(function() {\n Sk.builtin.pyCheckArgs(\"get_evaluation\", arguments, 0, 0);\n return Sk.ffi.remapToPy(Sk.executionReports[\"student\"].evaluation || \"\");\n });\n \n mod.trace_lines = new Sk.builtin.func(function() {\n if (Sk.executionReports[\"student\"].success) {\n let lines = Sk.executionReports[\"student\"].realLines;\n return Sk.ffi.remapToPy(lines);\n } else {\n return new Sk.builtin.list([]);\n }\n });\n\n mod.trace_calls = new Sk.builtin.func(function() {\n //console.log(\"--\", Sk.executionReports[\"student\"]);\n //console.log(\"CHECKING CALLS\", Sk.executionReports['student'].success);\n if (Sk.executionReports[\"student\"].success) {\n let calls = Sk.executionReports[\"student\"].calls;\n return Sk.ffi.remapToPy(calls);\n }\n return new Sk.builtin.dict([]);\n });\n\n mod.start_trace = new Sk.builtin.func(function() {\n //console.log(\"START/BEGIN\", Sk.beforeCall, Sk.executionReports.student.tracing);\n if (Sk.beforeCall === null) {\n Sk.beforeCall = Sk.beforeCallBackup;\n }\n Sk.executionReports[\"student\"].tracing.push(true);\n //console.log(\"START/END\", Sk.beforeCall, Sk.executionReports.student.tracing);\n });\n\n mod.stop_trace = new Sk.builtin.func(function() {\n //console.log(\"STOP/BEGIN\", Sk.beforeCall, Sk.executionReports.student.tracing);\n Sk.executionReports[\"student\"].tracing.pop();\n if (Sk.executionReports[\"student\"].tracing.length === 0) {\n Sk.beforeCall = null;\n }\n //console.log(\"STOP/END\", Sk.beforeCall, Sk.executionReports.student.tracing);\n });\n \n /**\n *\n */\n mod.get_student_error = new Sk.builtin.func(function() {\n Sk.builtin.pyCheckArgs(\"get_student_error\", arguments, 0, 0);\n if (Sk.executionReports[\"student\"].success) {\n return new Sk.builtin.tuple([none, none]);\n } else {\n let error = Sk.executionReports[\"student\"].error,\n position = {};\n if (error && error.traceback && error.traceback.length > 0) {\n position[\"line\"] = error.traceback[0].lineno;\n } else {\n error = none;\n }\n position = Sk.ffi.remapToPy(position);\n return new Sk.builtin.tuple([error, position]);\n }\n });\n\n \n mod.had_execution_time_error = new Sk.builtin.func(function() {\n Sk.builtin.pyCheckArgs(\"had_execution_time_error\", arguments, 0, 0);\n return !Sk.executionReports[\"student\"].success && \n Sk.executionReports[\"student\"].error &&\n Sk.executionReports[\"student\"].error.tp$name === \"TimeLimitError\";\n });\n \n let backupTime = undefined;\n mod.limit_execution_time = new Sk.builtin.func(function() {\n Sk.builtin.pyCheckArgs(\"limit_execution_time\", arguments, 0, 0);\n backupTime = Sk.execLimit;\n if (Sk.execLimitFunction) {\n Sk.execLimit = Sk.execLimitFunction();\n Sk.execStart = Date.now();\n }\n });\n mod.unlimit_execution_time = new Sk.builtin.func(function() {\n Sk.builtin.pyCheckArgs(\"unlimit_execution_time\", arguments, 0, 0);\n Sk.execLimit = backupTime;\n Sk.execStart = Date.now();\n });\n \n mod.suppress_scrolling = new Sk.builtin.func(function() {\n Sk.builtin.pyCheckArgs(\"suppress_scrolling\", arguments, 0, 0);\n Sk.executionReports.instructor.scrolling = true;\n });\n\n \n /*\n def hist(self, data, **kwargs):\n label = kwargs.get('label', None)\n self.active_plot['data'].append({'type': 'Histogram', 'values': data, 'label': label})\n def plot(self, xs, ys=None, **kwargs):\n label = kwargs.get('label', None)\n if ys == None:\n self.active_plot['data'].append({'type': 'Line', \n 'x': range(len(xs)), 'y': xs, 'label': label})\n else:\n self.active_plot['data'].append({'type': 'Line', 'x': xs, 'y': ys, 'label': label})\n def scatter(self, xs, ys, **kwargs):\n label = kwargs.get('label', None)\n self.active_plot['data'].append({'type': 'Scatter', 'x': xs, 'y': ys, 'label': label})\n */\n mod.get_plots = new Sk.builtin.func(function() {\n Sk.builtin.pyCheckArgs(\"get_plots\", arguments, 0, 0);\n if (Sk.executionReports[\"student\"].success) {\n let outputs = Sk.executionReports[\"student\"][\"output\"]();\n outputs = outputs.filter(function(output) { \n return output.type === \"plot\";\n }).map(function(graph) {\n return {\"data\": graph.content.map(function(plot) {\n let newPlot = { \"type\": plot.type,\n \"label\": \"\" };\n if (plot.type === \"line\" || plot.type === \"scatter\") {\n newPlot[\"x\"] = plot.data.map(function(v) { return v.x; });\n newPlot[\"y\"] = plot.data.map(function(v) { return v.y; });\n } else if (plot.type === \"hist\") {\n newPlot[\"values\"] = plot.data;\n }\n return newPlot;\n }), \n \"xlabel\": \"\", \"ylabel\": \"\", \n \"title\": \"\", \"legend\": false\n };\n });\n return Sk.ffi.remapToPy(outputs);\n } else {\n return Sk.ffi.remapToPy([]);\n }\n });\n\n \n // Provides `student` as an object with all the data that the student declared.\n mod.StudentData = Sk.misceval.buildClass(mod, function($gbl, $loc) {\n $loc.__init__ = new Sk.builtin.func(function(self) {\n //self.data = Sk.builtin.dict();\n let newDict = new Sk.builtin.dict();\n Sk.abstr.sattr(self, new Sk.builtin.str(\"data\"), newDict, true);\n self.module = Sk.executionReports[\"student\"].results;\n if (self.module !== undefined) {\n self.module = self.module.$d;\n for (let key in self.module) {\n if (self.module.hasOwnProperty(key)) {\n Sk.abstr.objectSetItem(newDict, Sk.ffi.remapToPy(Sk.unfixReserved(key)),\n self.module[key]);\n }\n }\n } else {\n self.module = {};\n }\n return Sk.builtin.none.none$;\n });\n var call_f = function(kwa) {\n Sk.builtin.pyCheckArgsLen(\"call\", arguments.length, 1, Infinity, true, true);\n var args = Array.prototype.slice.call(arguments, 1);\n var kwargs = new Sk.builtins.dict(kwa);\n\n var self = args[0];\n var functionName = args[1];\n args = args.slice(2);\n\n var inputs = kwargs.mp$lookup(new Sk.builtin.str(\"inputs\"));\n if (inputs !== undefined) {\n inputs = Sk.ffi.remapToJs(inputs);\n if (inputs.constructor === Array) {\n inputs.forEach(function(item) {\n Sk.queuedInput.push(item);\n });\n } else {\n Sk.queuedInput.push(input);\n }\n }\n\n var data = self.tp$getattr(new Sk.builtin.str(\"data\"));\n var functionObject = data.mp$lookup(functionName);\n var result = functionObject.tp$call(args);\n return result;\n };\n call_f.co_kwargs = true;\n //call_f.co_varnames = [\"self\", \"function\"];\n call_f.co_name= new Sk.builtin.str(\"call\");\n $loc[\"call_$rn$\"] = new Sk.builtin.func(call_f);\n\n $loc[\"__repr__\"] = new Sk.builtin.func(function(self) {\n return new Sk.builtin.str(\"\");\n });\n\n $loc.get_names_by_type = new Sk.builtin.func(function(self, type, exclude_builtins) {\n Sk.builtin.pyCheckArgs(\"get_names_by_type\", arguments, 2, 3);\n if (exclude_builtins === undefined) {\n exclude_builtins = true;\n } else {\n Sk.builtin.pyCheckType(\"exclude_builtins\", \"boolean\", Sk.builtin.checkBool(exclude_builtins));\n exclude_builtins = Sk.ffi.remapToJs(exclude_builtins);\n }\n let result = [];\n for (let property in self.module) {\n if (self.module.hasOwnProperty(property)) {\n if (self.module[property].tp$name === type.tp$name) {\n //console.log(exclude_builtins);\n if (exclude_builtins && property.startsWith(\"__\")) {\n continue;\n }\n result.push(Sk.ffi.remapToPy(Sk.unfixReserved(property)));\n }\n }\n }\n return new Sk.builtin.list(result);\n });\n \n $loc.get_values_by_type = new Sk.builtin.func(function(self, type, exclude_builtins) {\n Sk.builtin.pyCheckArgs(\"get_values_by_type\", arguments, 2, 3);\n if (exclude_builtins === undefined) {\n exclude_builtins = true;\n } else {\n Sk.builtin.pyCheckType(\"exclude_builtins\", \"boolean\", Sk.builtin.checkBool(exclude_builtins));\n exclude_builtins = Sk.ffi.remapToJs(exclude_builtins);\n }\n let result = [];\n for (let property in self.module) {\n if (self.module.hasOwnProperty(property)) {\n if (self.module[property].tp$name === type.tp$name) {\n if (exclude_builtins && property.startsWith(\"__\")) {\n continue;\n }\n result.push(self.module[property]);\n }\n }\n }\n return new Sk.builtin.list(result);\n });\n }, \"StudentData\");\n mod.student = Sk.misceval.callsimOrSuspend(mod.StudentData);\n \n mod.get_student_data = new Sk.builtin.func(function() {\n Sk.builtin.pyCheckArgs(\"get_student_data\", arguments, 0, 0);\n return mod.student;\n });\n\n mod.set_instructions = new Sk.builtin.func(function(newInstructions) {\n Sk.builtin.pyCheckArgs(\"set_instructions\", arguments, 1, 2);\n newInstructions = Sk.ffi.remapToJs(newInstructions);\n Sk.executionReports[\"model\"].display.changedInstructions(newInstructions);\n });\n\n mod.get_model_info = new Sk.builtin.func(function(keys) {\n Sk.builtin.pyCheckArgs(\"get_model_info\", arguments, 1, 1);\n let model = Sk.executionReports[\"model\"];\n keys = Sk.ffi.remapToJs(keys).split(\".\");\n for (var i=0; i < keys.length; i++) {\n model = model[keys[i]];\n }\n return Sk.ffi.remapToPy(model());\n });\n\n mod.clear_existing_student_imports = new Sk.builtin.func(function() {\n Sk.builtin.pyCheckArgs(\"clear_existing_student_imports\", arguments, 0, 0);\n Sk.clearExistingStudentImports();\n });\n\n mod.download_file = new Sk.builtin.func(function(placement, directory, filename) {\n Sk.builtin.pyCheckArgs(\"download_file\", arguments, 3, 3);\n const downloadFileUrl = Sk.executionReports[\"model\"].configuration.urls[\"downloadFile\"];\n const combiner = downloadFileUrl.includes(\"?\") ? \"&\" : \"?\";\n const url = `${downloadFileUrl}${combiner}placement=${placement}&directory=${directory}&filename=${filename}`;\n const prom = new Promise(function (resolve, reject) {\n const xmlhttp = new XMLHttpRequest();\n // TODO: Figure out if this needs headers\n\n xmlhttp.addEventListener(\"loadend\", function (e) {\n resolve(Sk.ffi.remapToPy(xmlhttp.responseText));\n });\n\n xmlhttp.open(\"GET\", url);\n xmlhttp.send(null);\n });\n const susp = new Sk.misceval.Suspension();\n let resolution = null;\n susp.resume = ()=>resolution;\n susp.data = {\n type: \"Sk.promise\",\n promise: prom.then((value) => {\n resolution = value;\n return value;\n }, (err) => {\n resolution =\"\";\n return err;\n })\n };\n return susp;\n });\n \n return mod;\n};\n"
},
{
"path": "src/skulpt_modules/weakref.js",
"content": "export var $builtinmodule = function(name) {\n var mod, sampleWrapper;\n mod = {__name__: \"weakref\"};\n\n /*mod.WeakSet = Sk.abstr.buildNativeClass(\"weakref.WeakSet\", {\n constructor: function WeakSet()\n });*/\n\n var WeakSet = function($gbl, $loc) {\n $loc.__init__ = new Sk.builtin.func(function (self, data) {\n Sk.builtin.pyCheckArgs(\"__init__\", arguments, 2, 2);\n Sk.builtin.pyCheckType(\"data\", \"iterable\", Sk.builtin.checkIterable(data));\n self.data = [];\n let iter = Sk.abstr.iter(data);\n let next;\n do {\n next = Sk.abstr.iternext(iter);\n if (next !== undefined) {\n self.data.push(new WeakRef(next));\n }\n } while (next !== undefined);\n return Sk.builtin.none.none$;\n });\n\n $loc.__iter__ = new Sk.builtin.func(function(self) {\n const viewOfData = [];\n for (let i=0; i < self.data.length; i++) {\n const item = self.data[i].deref();\n if (item !== undefined) {\n viewOfData.push(item);\n }\n }\n self.data = viewOfData;\n return Sk.abstr.iter(new Sk.builtin.list(viewOfData));\n });\n\n /*$loc.next$ = new Sk.builtin.func(function (self) {\n return self.tp$iter();\n });*/\n\n $loc.add = new Sk.builtin.func(function(self, item) {\n self.data.push(new WeakRef(item));\n });\n };\n mod.WeakSet = Sk.misceval.buildClass(mod, WeakSet, \"WeakSet\", []);\n\n return mod;\n};"
},
{
"path": "src/storage.js",
"content": "let LOCAL_STORAGE_REF;\ntry {\n LOCAL_STORAGE_REF = localStorage;\n let mod = \"BLOCKPY_LOCALSTORAGE_TEST\";\n LOCAL_STORAGE_REF.setItem(mod, mod);\n LOCAL_STORAGE_REF.removeItem(mod);\n} catch(e) {\n LOCAL_STORAGE_REF = {\n _data : {},\n setItem : function(id, val) { return this._data[id] = String(val); },\n getItem : function(id) { return this._data.hasOwnProperty(id) ? this._data[id] : null; },\n removeItem : function(id) { return delete this._data[id]; },\n clear : function() { return this._data = {}; }\n };\n}\n\n/**\n * Helper object for interfacing with the LocalStorage. The LocalStorage\n * browser API allows for offline storage. That API is very unsophisticated,\n * and is essentially a lame key-value store. This object sits on top\n * and provides a number of useful utilities, including rudimentarycache\n * cache expiration.\n *\n * @constructor\n * @this {LocalStorageWrapper}\n * @param {String} namespace - A namespace to use in grouping access to localstorage. This keeps access clean and organized, while also making it possible to have multiple LocalStorage connections.\n */\nexport function LocalStorageWrapper(namespace) {\n this.namespace = namespace;\n}\n/**\n * A method for adding a key/value pair to LocalStorage.\n * Note that both parameters must be strings (JSON.stringify is your friend).\n *\n * @param {String} key - The name of the key.\n * @param {String} value - The value.\n */\nLocalStorageWrapper.prototype.set = function(key, value) {\n LOCAL_STORAGE_REF.setItem(this.namespace+\"_\"+key+\"_value\", value);\n LOCAL_STORAGE_REF.setItem(this.namespace+\"_\"+key+\"_timestamp\", $.now());\n};\n\n/**\n * A method for removing a key from LocalStorage.\n *\n * @param {String} key - The name of the key to remove.\n */\nLocalStorageWrapper.prototype.remove = function(key) {\n LOCAL_STORAGE_REF.removeItem(this.namespace+\"_\"+key+\"_value\");\n LOCAL_STORAGE_REF.removeItem(this.namespace+\"_\"+key+\"_timestamp\");\n};\n\n/**\n * A method for retrieving the value associated with the given key.\n *\n * @param {String} key - The name of the key to retrieve the value for.\n */\nLocalStorageWrapper.prototype.get = function(key) {\n return LOCAL_STORAGE_REF.getItem(this.namespace+\"_\"+key+\"_value\");\n};\n\n/**\n * A method for retrieving the time associated with the given key.\n *\n * @param {String} key - The name of the key to retrieve the time for.\n * @returns {Integer} - The timestamp (local epoch) when the key was last set.\n */\nLocalStorageWrapper.prototype.getTime = function(key) {\n return parseInt(LOCAL_STORAGE_REF.getItem(this.namespace+\"_\"+key+\"_timestamp\"));\n};\n\n/**\n * A method for retrieving the value associated with the given key.\n * If the key does not exist, then the default value is used instead.\n * This default will be set.\n *\n * @param {String} key - The name of the key to retrieve the value for.\n * @param {String} defaultValue - The default value to use. Must be a string.\n */\nLocalStorageWrapper.prototype.getDefault = function(key, defaultValue) {\n if (this.has(key)) {\n return this.get(key);\n } else {\n this.set(key, defaultValue);\n return defaultValue;\n }\n};\n\n/**\n * A test for whether the given key is in LocalStorage.\n *\n * @param {String} key - The key to test existence for.\n */\nLocalStorageWrapper.prototype.has = function(key) {\n return LOCAL_STORAGE_REF.getItem(this.namespace+\"_\"+key+\"_value\") !== null;\n};\n\n/**\n * A test for whether the server has the newer version. This function\n * assumes that the server trip takes about 5 seconds. This method\n * is largely deprecated.\n *\n * @param {String} key - The key to check.\n * @param {Integer} server_time - The server's time as an epoch (in milliseconds)\n */\nLocalStorageWrapper.prototype.is_new = function(key, server_time) {\n var stored_time = LOCAL_STORAGE_REF.getItem(this.namespace+\"_\"+key+\"_timestamp\");\n return (server_time >= stored_time+5000);\n};\n"
},
{
"path": "src/toolbar.js",
"content": "/**\n * An object that manages the main toolbar, including the different mode buttons.\n * This doesn't actually have many responsibilities after the initial load.\n *\n * @constructor\n * @this {BlockPyToolbar}\n * @param {Object} main - The main BlockPy instance\n * @param {HTMLElement} tag - The HTML object this is attached to.\n */\nfunction BlockPyToolbar(main, tag) {\n this.main = main;\n this.tag = tag;\n \n // Holds the HTMLElement tags for each of the toolbar items\n this.tags = {};\n this.tags.mode_set_text = this.tag.find(\".blockpy-mode-set-text\");\n this.tags.filename_picker = this.tag.find(\".blockpy-toolbar-filename-picker\");\n \n // Actually set up the toolbar!\n this.activateToolbar();\n}\n\n\n\n/**\n * Register click events for more complex toolbar actions.\n *\n * Note: Pretty sure these are all deprecated!\n */\nBlockPyToolbar.prototype.activateToolbar = function() {\n var main = this.main;\n this.tag.find(\".blockpy-run\").click(function(e) {\n //main.components.server.logEvent('editor', 'run')\n var backup = this;\n main.components.feedback.clear();\n $(this).removeClass(\"btn-success\").addClass(\"btn-warning\")\n //.html(\"Running\")\n ;\n //setTimeout(function() {\n main.components.engine.on_run();\n $(backup)\n //.html(' Run')\n .removeClass(\"btn-warning\")\n .addClass(\"btn-success\");\n //}, 20);\n });\n this.tags.mode_set_text.click(function() {\n main.components.server.logEvent(\"editor\", \"text\");\n main.model.settings.editor(\"Text\");\n });\n this.tag.find(\".blockpy-toolbar-reset\").click(function() {\n main.model.programs[\"__main__\"](main.model.programs[\"starting_code\"]());\n //main.components.editor.updateBlocks();\n main.components.server.logEvent(\"editor\", \"reset\");\n if (main.model.assignment.parsons()) {\n main.components.editor.blockly.shuffle();\n }\n });\n this.tag.find(\".blockpy-mode-set-blocks\").click(function(event) {\n if (main.model.areBlocksUpdating()) {\n main.components.server.logEvent(\"editor\", \"blocks\");\n main.model.settings.editor(\"Blocks\");\n } else {\n event.preventDefault();\n return false;\n }\n });\n /*this.tag.find('.blockpy-mode-set-instructor').click(function() {\n main.model.settings.editor(\"Instructor\");\n main.components.server.logEvent('editor', 'instructor')\n });*/\n this.tag.find(\".blockpy-mode-set-split\").click(function(event) {\n if (main.model.areBlocksUpdating()) {\n main.model.settings.editor(\"Split\");\n main.components.server.logEvent(\"editor\", \"split\");\n } else {\n event.preventDefault();\n return false;\n }\n });\n this.tag.find(\".blockpy-toolbar-import\").click(function() {\n main.components.corgis.openDialog();\n main.components.server.logEvent(\"editor\", \"import\");\n });\n this.tag.find(\".blockpy-toolbar-history\").click(function() {\n main.components.history.openDialog();\n main.components.server.logEvent(\"editor\", \"history\");\n });\n var instructorDialog = this.main.model.constants.container.find(\".blockpy-instructor-popup\");\n this.tag.find(\".blockpy-toolbar-instructor\").click(function() {\n instructorDialog.modal({\"backdrop\": false}).modal(\"show\");\n instructorDialog.draggable({\n \"handle\": \".modal-title\"\n });\n main.components.server.logEvent(\"editor\", \"instructor\");\n });\n this.tag.find(\".blockpy-toolbar-english\").click(function() {\n main.components.english.openDialog();\n main.components.server.logEvent(\"editor\", \"english\");\n });\n /*\n var uploadButton = this.tag.find(\".blockpy-toolbar-upload\");\n uploadButton.change(function() {\n var fr = new FileReader();\n var files = uploadButton[0].files;\n fr.onload = function(e) {\n fn = e.target.fileName;\n var code = e.target.result;\n if (fn.endsWith(\".ipynb\")) {\n ipynb = JSON.parse(code);\n var makePython = function(cell) {\n if (cell.cell_type == \"code\") {\n return cell.source.join(\"\\n\");\n } else if (cell.cell_type == \"markdown\" ||\n cell.cell_type == \"raw\") {\n return \"'''\"+cell.source.join(\"\\n\")+\"'''\";\n }\n };\n var isUsable = function(cell) {\n if (cell.cell_type == \"code\") {\n return cell.source.length > 0 && \n !cell.source[0].startsWith(\"%\");\n } else {\n return cell.cell_type == \"markdown\" ||\n cell.cell_type == \"raw\";\n }\n };\n code = ipynb.cells.filter(isUsable).map(makePython).join(\"\\n\");\n }\n main.setCode(code);\n main.components.server.logEvent(\"editor\", \"upload\", code);\n main.components.engine.on_run();\n };\n fr.fileName = files[0].name;\n fr.readAsText(files[0]);\n uploadButton.val(\"\");\n });*/\n\n /*\n var downloadButton = this.tag.find(\".blockpy-toolbar-download\");\n downloadButton.click(function() {\n var data = main.model.programs[\"__main__\"]();\n var filename=\"blockpy_\"+main.model.assignment.name();\n // Make safe\n filename = filename.replace(/[^a-z0-9]/gi, \"_\").toLowerCase();\n // Make the data download as a file\n var blob = new Blob([data], {type: \"text/plain\"});\n if(window.navigator.msSaveOrOpenBlob) {\n window.navigator.msSaveBlob(blob, filename);\n } else{\n var elem = window.document.createElement(\"a\");\n elem.href = window.URL.createObjectURL(blob);\n elem.download = filename; \n document.body.appendChild(elem);\n elem.click(); \n document.body.removeChild(elem);\n }\n main.components.server.logEvent(\"editor\", \"download\");\n });*/\n \n this.tag.find(\".blockpy-toolbar-filename-picker label\").click(function() {\n main.model.settings.filename($(this).data(\"filename\"));\n });\n};"
},
{
"path": "src/trace.js",
"content": "export const TRACE_HTML = `\n\n
\n`;\n\nexport const AST_DESCRIPTIONS = {\n \"Add\": \"An addition operator\",\n \"And\": \"A boolean AND operator\",\n \"AnnAssign\": \"An annotated assignment\",\n \"Assert\": \"An assert statement\",\n \"Assign\": \"An assignment statement\",\n \"AsyncFor\": \"An asychronous for loop\",\n \"AsyncFunctionDef\": \"An asychronous function definition\",\n \"AsyncWith\": \"An asychronous with statement\",\n \"Attribute\": \"An attribute lookup (access a field)\",\n \"AugAssign\": \"An augmented assignment\",\n \"AugLoad\": \"An augmented load\",\n \"AugStore\": \"An augmented store\",\n \"Await\": \"An await statement\",\n \"BinOp\": \"A binary operator\",\n \"BitAnd\": \"A bitwise AND operator\",\n \"BitOr\": \"A bitwise OR operator\",\n \"BitXor\": \"A bitwise XOR operator\",\n \"BoolOp\": \"A boolean operator\",\n \"Break\": \"A break statement\",\n \"Bytes\": \"A literal bytes string\",\n \"Call\": \"A function call\",\n \"ClassDef\": \"A class definition\",\n \"Compare\": \"A boolean comparison\",\n \"Constant\": \"A literal value\",\n \"Continue\": \"A continue statement\",\n \"Del\": \"A delete statement\",\n \"Delete\": \"A deletion\",\n \"Dict\": \"A dictionary literal\",\n \"DictComp\": \"A dictionary comprehension\",\n \"Div\": \"A division operator\",\n \"Ellipsis\": \"An ellipsis\",\n \"Eq\": \"An equality comparison operator\",\n \"ExceptHandler\": \"An except handler\",\n \"Expr\": \"An expression used as a statement\",\n \"Expression\": \"An evaluated expression\",\n \"ExtSlice\": \"A multi-dimensional slice\",\n \"FloorDiv\": \"An integer division operator\",\n \"For\": \"A FOR loop\",\n \"FormattedValue\": \"A formatted value in an f-string\",\n \"FunctionDef\": \"A function definition\",\n \"GeneratorExp\": \"A generator expression\",\n \"Global\": \"A global statement\",\n \"Gt\": \"A greater than comparison operator\",\n \"GtE\": \"A greater than or equal to comparison operator\",\n \"If\": \"An IF statement\",\n \"IfExp\": \"An IF expression\",\n \"Import\": \"An import statement\",\n \"ImportFrom\": \"An import/from statement\",\n \"In\": \"An IN operator\",\n \"Index\": \"An index\",\n \"Interactive\": \"An interactive expression\",\n \"Invert\": \"An invert operator\",\n \"Is\": \"An IS operator\",\n \"IsNot\": \"An IS NOT operator\",\n \"JoinedStr\": \"An f-string\",\n \"LShift\": \"A left shift operator\",\n \"Lambda\": \"A lambda expression\",\n \"List\": \"A list literal\",\n \"ListComp\": \"A list comprehension\",\n \"Load\": \"A load\",\n \"Lt\": \"A less than comparison operator\",\n \"LtE\": \"A less than or equal to comparison operator\",\n \"MatMult\": \"A matrix multiplication operator\",\n \"Mod\": \"A modulo operator\",\n \"Module\": \"A module\",\n \"Mult\": \"A multiplication operator\",\n \"Name\": \"A name\",\n \"NameConstant\": \"A name constant\",\n \"Nonlocal\": \"A nonlocal statement\",\n \"Not\": \"A not operator\",\n \"NotEq\": \"A not equal to comparison operator\",\n \"NotIn\": \"A NOT IN operator\",\n \"Num\": \"A numeric literal\",\n \"Or\": \"A boolean OR operator\",\n \"Param\": \"A parameter\",\n \"Pass\": \"A pass statement\",\n \"Pow\": \"A power operator\",\n \"RShift\": \"A right shift operator\",\n \"Raise\": \"A raise statement\",\n \"Return\": \"A return statement\",\n \"Set\": \"A set literal\",\n \"SetComp\": \"A set comprehension\",\n \"Slice\": \"A slice\",\n \"Starred\": \"A starred argument\",\n \"Store\": \"A store\",\n \"Str\": \"A string literal\",\n \"Sub\": \"A subtraction operator\",\n \"Subscript\": \"A subscript\",\n \"Suite\": \"A suite\",\n \"Try\": \"A try statement\",\n \"Tuple\": \"A tuple literal\",\n \"TypeIgnore\": \" a type ignore\",\n \"UAdd\": \"A unary addition operator\",\n \"USub\": \"A unary subtraction operator\",\n \"UnaryOp\": \"A unary operator\",\n \"While\": \"A while loop\",\n \"With\": \"A with statement\",\n \"Yield\": \"A yield statement\",\n \"YieldFrom\": \"A yield/from statement\"\n};\n\nexport class BlockPyTrace {\n\n constructor(main, tag) {\n this.main = main;\n this.tag = tag;\n\n this.IGNORED_GLOBALS = [\"__name__\", \"__doc__\", \"__package__\",\n \"classmethod\", \"property\", \"staticmethod\", \"$free\", \"$cell\"];\n\n // this.trace.click(this.buildTraceTable.bind(this));\n }\n\n /**\n * Consume a set of variables traced from the execution and parse out any\n * global variables and modules.\n *\n * @param {Object} variables - a mapping of variable names to their Skupt value.\n */\n parseGlobals(variables) {\n let result = [];\n let modules = [];\n //console.log(variables);\n if (!this.main.model.display.traceExecution()) {\n /*if (\"$cell\" in variables) {\n variables = {...variables, ...variables.$cell};\n }*/\n /*if (\"$free\" in variables) {\n variables = {...variables, ...variables.$free};\n }*/\n for (let property in variables) {\n let value = variables[property];\n if (this.IGNORED_GLOBALS.indexOf(property) === -1 && value !== undefined) {\n property = property.replace(\"_$rw$\", \"\")\n .replace(\"_$rn$\", \"\");\n let parsed;\n try {\n parsed = BlockPyTrace.parseValue(property, value);\n } catch {\n parsed = {\"name\": property, \"type\": \"Unknown\", \"value\": value.toString()};\n }\n if (parsed !== null) {\n result.push(parsed);\n } else if (value.constructor === Sk.builtin.module) {\n modules.push(value.$d.__name__.v);\n }\n }\n }\n }\n return {\"properties\": result, \"modules\": modules};\n };\n\n /**\n * Convert a Skulpt value into a more easily printable object.\n *\n * @param {String} property\n * @param {Object} value - the skulpt value\n */\n static parseValue(property, value, fullLength) {\n if (value === undefined) {\n return {\"name\": property,\n \"type\": \"Unknown\",\n \"value\": \"Undefined\"\n };\n }\n switch (property) {\n case \"dataclass\":\n return {\n name: property,\n type: \"Decorator\",\n value: \"\"\n };\n }\n switch (value.constructor) {\n case Sk.builtin.func:\n return {\"name\": property,\n \"type\": \"Function\",\n \"value\":\n (value.func_code.co_varnames !== undefined ?\n \" Parameters: \"+value.func_code.co_varnames.join(\", \") :\n \" No parameters\")\n };\n case Sk.builtin.module: return null;\n case Sk.builtin.str:\n if (fullLength || value.v.length <= 32) {\n return {\"name\": property,\n \"type\": \"String\",\n \"value\": value.$r().v\n };\n } else {\n return {\"name\": property,\n \"type\": \"String\",\n \"value\": \"[\"+value.sq$length()+\" characters not shown]\"\n };\n }\n case Sk.builtin.none:\n return {\"name\": property,\n \"type\": \"None\",\n \"value\": \"None\"\n };\n case Sk.builtin.bool:\n return {\"name\": property,\n \"type\": \"Boolean\",\n \"value\": value.$r().v\n };\n case Sk.builtin.nmber:\n return {\"name\": property,\n \"type\": \"int\" === value.skType ? \"Integer\": \"Float\",\n \"value\": value.$r().v\n };\n case Sk.builtin.int_:\n return {\"name\": property,\n \"type\": \"Integer\",\n \"value\": value.$r().v\n };\n case Sk.builtin.float_:\n return {\"name\": property,\n \"type\": \"Float\",\n \"value\": value.$r().v\n };\n case Sk.builtin.tuple:\n return {\"name\": property,\n \"type\": \"Tuple\",\n \"value\": value.$r().v\n };\n case Sk.builtin.list:\n if (value.v.length <= 20) {\n return {\"name\": property,\n \"type\": \"List\",\n \"value\": value.$r().v,\n \"exact_value\": value\n };\n } else {\n return {\"name\": property,\n \"type\": \"List\",\n \"value\": \"[... \"+value.v.length+\" elements ...]\",\n \"exact_value\": value\n };\n }\n case Sk.builtin.dict:\n return {\"name\": property,\n \"type\": \"Dictionary\",\n \"value\": value.$r().v\n };\n case Number:\n return {\"name\": property,\n \"type\": value % 1 === 0 ? \"Integer\" : \"Float\",\n \"value\": value\n };\n case String:\n return {\"name\": property,\n \"type\": \"String\",\n \"value\": value\n };\n case Boolean:\n return {\"name\": property,\n \"type\": \"Boolean\",\n \"value\": (value ? \"True\": \"False\")\n };\n default:\n return {\"name\": property,\n \"type\": value.tp$name === undefined ? value : value.tp$name,\n \"value\": value.$r === undefined ? value : value.$r().v\n };\n }\n };\n\n\n}\n\n// TODO: viewExactValue"
},
{
"path": "src/utilities.js",
"content": "/**\n * Move an element from index in an array to a new index.\n * O(n)\n * Courtesy:\n * https://stackoverflow.com/a/73877680/1718155\n * @param arr\n * @param oldIndex\n * @param newIndex\n * @returns {*}\n */\nexport function arrayMove(arr, oldIndex, newIndex) {\n const length = arr.length;\n const itemToMove = arr[oldIndex];\n\n if (oldIndex === newIndex || oldIndex > length || newIndex > length) {\n return arr;\n }\n\n return arr.reduce((acc, item, index) => {\n if (index === oldIndex) {return acc;}\n if (index === newIndex) {return oldIndex < newIndex ? [...acc, item, itemToMove] : [...acc, itemToMove, item];}\n return [...acc, item];\n }, []);\n}\n\n/**\n * Determines if the element is in the list.\n * @param {anything} needle - The element to look for.\n * @param {Array} haystack - The list to search.\n * @return {Boolean} Whether the element exists\n */\nfunction arrayContains(needle, haystack) {\n return haystack.indexOf(needle) > -1;\n}\n\n/**\n * Remove duplicate values from an array, preserving order.\n * Creates a new array, so is non-destructive.\n * Courtesy:\n * https://stackoverflow.com/questions/1584370/how-to-merge-two-arrays-in-javascript-and-de-duplicate-items\n *\n * @param {Array} array - The array to uniquify. Elements compared with ===.\n */\nfunction arrayUnique(array) {\n var a = array.concat();\n for(var i=0; i, etc.).\n *\n * @param {string} str - The text to be converted.\n * @return {string} The HTML-safe text.\n */\nexport function encodeHTML(str) {\n return str.replace(/&/g, \"&\")\n .replace(//g, \">\")\n .replace(/\"/g, \""\")\n .replace(/'/g, \"'\");\n}\n\n/**\n * Shuffle the blocks in the workspace\n */\nif (typeof Blockly !== \"undefined\") {\n Blockly.WorkspaceSvg.prototype.shuffle = function() {\n var metrics = this.getMetrics();\n var width = metrics.viewWidth / 2,\n height = metrics.viewHeight;\n var blocks = this.getTopBlocks(false);\n var y = 5, x = 0,\n maximal_increase = height/blocks.length;\n for (var i = 0; i < blocks.length; i++){\n // Get a block\n var block = blocks[i];\n var properties = block.getRelativeToSurfaceXY();\n if (i == 0) {\n x = 5;\n } else {\n x = -properties.x+randomInteger(10, width);\n }\n block.moveBy(x, \n -properties.y+y);\n y = y + randomInteger(5, maximal_increase);\n }\n };\n}\n\n/**\n * Move elements from one array to another based on a conditional check.\n * https://stackoverflow.com/questions/31887967/javascript-move-objects-from-one-array-to-another-best-approach\n */\nfunction moveElements(source, target, moveCheck) {\n for (var i = 0; i < source.length; i++) {\n var element = source[i];\n if (moveCheck(element)) {\n source.splice(i, 1);\n target.push(element);\n i--;\n }\n } \n}\n\n\nexport function firstDefinedValue() {\n for (var i = 0; i < arguments.length; i++) {\n if (arguments[i] != null) {\n return arguments[i];\n }\n }\n return undefined;\n}\n\n/**\n * This function checks if the given object is one of the Sk.builtin objects\n * TODO: make this so we don't have to explicitly put out every option\n * one possible thing we could do is get a string version of the \n * of the constructor and look for the substring \"return new Sk.builtin\"\n * But I don't know how reliable that is. Rather, it's kind of hackish.\n * Should tehoretically belong in Sk.ffi\n * @param {object} obj - the object to be examined\n * @return {boolean} true if the object is one of the Sk.builtin types\n**/\nfunction isSkBuiltin(obj){\n return (obj instanceof Sk.builtin.dict) ||\n (obj instanceof Sk.builtin.list) ||\n (obj instanceof Sk.builtin.tuple) ||\n (obj instanceof Sk.builtin.bool) ||\n (obj instanceof Sk.builtin.int_) ||\n (obj instanceof Sk.builtin.float_) ||\n (obj instanceof Sk.builtin.str) ||\n (obj instanceof Sk.builtin.lng);\n //var cons_str = obj.constructor + \"\";\n //return cons_str.indexOf(\"return new Sk.builtin\") !== -1;\n}\n\nfunction isAstNode(obj){\n return obj instanceof Object && \"_astname\" in obj;\n}\n\nconst DEFAULT_SECTION_PATTERN = /^(##### Part (.+))$/gm;\n\n/**\n * Finds the given Part ID using the pattern `#### Part whatever` (on its own separate line). If the pattern\n * is not found, then null is returned. If no pattern is given (empty string or null), then the original text\n * is returned without modifications.\n * @param text\n * @param partId\n * @returns {null|*}\n */\nexport function extractPart(text, partId) {\n if (partId === \"\" || partId == null) {\n return text;\n }\n const parts = text.split(DEFAULT_SECTION_PATTERN);\n for (let i=2; i < parts.length; i+=3) {\n /* // Unnecessary assertion, but not bad to think about\n if (!parts[i-1].startsWith(\"#### Part \")) {\n throw \"Error: part format is broken!\";\n }*/\n if (parts[i] === partId) {\n let body = parts[i+1];\n if (body && body[0] === \"\\n\") {\n body = body.slice(1);\n }\n if (i !== parts.length - 3 && body && body.slice(-1) === \"\\n\") {\n body = body.slice(0, -1);\n }\n return body;\n }\n }\n return null;\n}\n\n/**\n * Should theoretically belong in Sk.ffi, but I put it here instead to not mess up the skulpt files\n * like the normal Sk.ffi.remapToPy, it doesn't work for functions or more complex objects, but it handles\n * cases where the types in obj are a mix of python SIMPLE objects and SIMPLE normal javascript objects\n * @param {object} obj - the object to be converted\n * @return {Sk.builtin.???} - returns the corresponding python object, dropping all functions and things it can't convert\n**/\nfunction mixedRemapToPy(obj){\n var k;\n var kvs;\n var i;\n var arr;\n //@TODO: should theoretically check if the object is a pyhon dict or array with js objects\n if (isSkBuiltin(obj)){\n //object is already python ready\n return obj;\n } else if (Object.prototype.toString.call(obj) === \"[object Array]\") {\n //object is actually a javascript array\n arr = [];\n for (i = 0; i < obj.length; ++i) {\n //for each object, convert it to a python object if it isn't one already\n var subval = obj[i];\n if(!isSkBuiltin(subval)){\n arr.push(mixedRemapToPy(subval));\n }else{\n arr.push(subval);\n }\n }\n return new Sk.builtin.list(arr);\n } else if (obj === null) {//null object\n return Sk.builtin.none.none$;\n } else if (typeof obj === \"object\") {\n if(!isSkBuiltin(obj)){\n //assuming it's a standard dictionary\n kvs = [];//Sk.builtin.dict uses an array of key-value,key-value...\n for (k in obj) {\n //convert the key if it needs to be converted\n kvs.push(mixedRemapToPy(k));\n //covert corresponding value if it needs to be converted\n kvs.push(mixedRemapToPy(obj[k]));\n }\n //create the new dictionary\n return new Sk.builtin.dict(kvs);\n }else{\n return obj;\n }\n } else if (typeof obj === \"string\") {\n return new Sk.builtin.str(obj);\n } else if (typeof obj === \"number\") {\n return Sk.builtin.assk$(obj);\n } else if (typeof obj === \"boolean\") {\n return new Sk.builtin.bool(obj);\n } else if(typeof obj === \"function\") {\n return new Sk.builtin.str(obj.name);\n }\n}\n\n\nexport function getCurrentTime() {\n const today = new Date();\n let h = Math.floor(today.getHours()%12);\n let m = today.getMinutes();\n //let s = today.getSeconds();\n if (m < 10) {m = \"0\" + m;}\n //if (s < 10) {s = \"0\" + s;}\n let p = \"am\";\n if (today.getHours()>=12) {\n p = \"pm\";\n }\n return `${h}:${m}${p}`;\n}\n\nexport const pyInt = Sk.builtin.int_;\nexport const pyNone = Sk.builtin.none.none$;\nexport const pyStr = Sk.builtin.str;\nexport const pyTuple = Sk.builtin.tuple;\nexport const pyCallOrSuspend = Sk.misceval.callsimOrSuspendArray;\n\nexport const { isTrue, richCompareBool, chain } = Sk.misceval;\nexport const { typeName, setUpModuleMethods, buildNativeClass } = Sk.abstr;\nexport const { TypeError, ValueError, KeyError, IndexError, checkString, asnum$ } = Sk.builtin;\nexport const { remapToPy, remapToJs } = Sk.ffi;\nexport const { getAttr, setAttr } = Sk.generic;\nexport const chainOrSuspend = chain;"
},
{
"path": "tests/block_coloration.html",
"content": "\n\n\n\n
Equella is a shared content repository that organizations can use to easily track and reuse content. This OER repository is a collection of free resources provided by Equella.
\n
\n
\n
\n In order to create video or audio recordings your computer needs to be \n webcam-enabled. If you don't have a webcam on your computer, you can still\n record audio-only messages by first installing the Google Video Chat\n plugin.\n
![\"Test](\"https://secure.gravatar.com/avatar/000?s=50&d=https%3A%2F%2Fcanvas.instructure.com%2Fimages%2Fmessages%2Favatar-50.png\")
\n