Repository: entrylabs/entryjs
Branch: develop
Commit: 21cb7edaa9ec
Files: 944
Total size: 50.3 MB
Directory structure:
gitextract_80_zfnjb/
├── .babelrc
├── .eslintignore
├── .eslintrc
├── .github/
│ ├── pr-labeler.yml
│ └── workflows/
│ ├── build-and-deploy.yml
│ ├── pull-request-workflow.yml
│ └── release.yml
├── .gitignore
├── .prettierrc
├── COPYING
├── Gruntfile.js
├── Jenkinsfile
├── LICENSE
├── NOTICE
├── README-en.md
├── README.md
├── contributing.md
├── example/
│ ├── example.ejs
│ ├── example_mini.ejs
│ └── example_webgl.ejs
├── extern/
│ ├── blockly/
│ │ ├── .ropeproject/
│ │ │ ├── config.py
│ │ │ ├── globalnames
│ │ │ ├── history
│ │ │ └── objectdb
│ │ ├── blockly_compressed.js
│ │ ├── blockly_uncompressed.js
│ │ ├── blocks/
│ │ │ ├── colour.js
│ │ │ ├── lists.js
│ │ │ ├── logic.js
│ │ │ ├── loops.js
│ │ │ ├── math.js
│ │ │ ├── procedures.js
│ │ │ ├── text.js
│ │ │ └── variables.js
│ │ ├── blocks_compressed.js
│ │ ├── build.py
│ │ ├── core/
│ │ │ ├── block.js
│ │ │ ├── block_menu.js
│ │ │ ├── block_svg.js
│ │ │ ├── blockly.js
│ │ │ ├── blocks.js
│ │ │ ├── bubble.js
│ │ │ ├── comment.js
│ │ │ ├── connection-animation.js
│ │ │ ├── connection.js
│ │ │ ├── contextmenu.js
│ │ │ ├── css.js
│ │ │ ├── field.js
│ │ │ ├── field_angle.js
│ │ │ ├── field_checkbox.js
│ │ │ ├── field_colour.js
│ │ │ ├── field_dropdown.js
│ │ │ ├── field_dropdowndynamic.js
│ │ │ ├── field_icon.js
│ │ │ ├── field_image.js
│ │ │ ├── field_keydown_input.js
│ │ │ ├── field_label.js
│ │ │ ├── field_textinput.js
│ │ │ ├── field_variable.js
│ │ │ ├── flyout.js
│ │ │ ├── generator.js
│ │ │ ├── icon.js
│ │ │ ├── inject.js
│ │ │ ├── input.js
│ │ │ ├── msg.js
│ │ │ ├── mutator.js
│ │ │ ├── names.js
│ │ │ ├── procedures.js
│ │ │ ├── realtime-client-utils.js
│ │ │ ├── realtime.js
│ │ │ ├── scrollbar.js
│ │ │ ├── toolbox.js
│ │ │ ├── tooltip.js
│ │ │ ├── trashcan.js
│ │ │ ├── utils.js
│ │ │ ├── variables.js
│ │ │ ├── warning.js
│ │ │ ├── widgetdiv.js
│ │ │ ├── workspace.js
│ │ │ └── xml.js
│ │ ├── dart_compressed.js
│ │ ├── generators/
│ │ │ ├── dart/
│ │ │ │ ├── colour.js
│ │ │ │ ├── lists.js
│ │ │ │ ├── logic.js
│ │ │ │ ├── loops.js
│ │ │ │ ├── math.js
│ │ │ │ ├── procedures.js
│ │ │ │ ├── text.js
│ │ │ │ └── variables.js
│ │ │ ├── dart.js
│ │ │ ├── javascript/
│ │ │ │ ├── colour.js
│ │ │ │ ├── lists.js
│ │ │ │ ├── logic.js
│ │ │ │ ├── loops.js
│ │ │ │ ├── math.js
│ │ │ │ ├── procedures.js
│ │ │ │ ├── text.js
│ │ │ │ └── variables.js
│ │ │ ├── javascript.js
│ │ │ ├── python/
│ │ │ │ ├── colour.js
│ │ │ │ ├── lists.js
│ │ │ │ ├── logic.js
│ │ │ │ ├── loops.js
│ │ │ │ ├── math.js
│ │ │ │ ├── procedures.js
│ │ │ │ ├── text.js
│ │ │ │ └── variables.js
│ │ │ └── python.js
│ │ ├── i18n/
│ │ │ ├── common.py
│ │ │ ├── create_messages.py
│ │ │ ├── dedup_json.py
│ │ │ ├── js_to_json.py
│ │ │ ├── json_to_js.py
│ │ │ ├── status.py
│ │ │ ├── tests.py
│ │ │ └── xliff_to_json.py
│ │ ├── javascript_compressed.js
│ │ ├── media/
│ │ │ ├── click.ogg
│ │ │ ├── delete.ogg
│ │ │ ├── handclosed.cur
│ │ │ └── handopen.cur
│ │ ├── msg/
│ │ │ ├── js/
│ │ │ │ ├── ar.js
│ │ │ │ ├── az-latn.js
│ │ │ │ ├── az.js
│ │ │ │ ├── be-tarask.js
│ │ │ │ ├── br.js
│ │ │ │ ├── ca.js
│ │ │ │ ├── cs.js
│ │ │ │ ├── da.js
│ │ │ │ ├── de.js
│ │ │ │ ├── el.js
│ │ │ │ ├── en.js
│ │ │ │ ├── en_us.js
│ │ │ │ ├── es.js
│ │ │ │ ├── fa.js
│ │ │ │ ├── fi.js
│ │ │ │ ├── fr.js
│ │ │ │ ├── he.js
│ │ │ │ ├── hi.js
│ │ │ │ ├── hu.js
│ │ │ │ ├── ia.js
│ │ │ │ ├── id.js
│ │ │ │ ├── is.js
│ │ │ │ ├── it.js
│ │ │ │ ├── ja.js
│ │ │ │ ├── ko.js
│ │ │ │ ├── lrc.js
│ │ │ │ ├── ms.js
│ │ │ │ ├── nb.js
│ │ │ │ ├── nl.js
│ │ │ │ ├── no.js
│ │ │ │ ├── pl.js
│ │ │ │ ├── pms.js
│ │ │ │ ├── pt-br.js
│ │ │ │ ├── pt.js
│ │ │ │ ├── ro.js
│ │ │ │ ├── ru.js
│ │ │ │ ├── sq.js
│ │ │ │ ├── sr.js
│ │ │ │ ├── sv.js
│ │ │ │ ├── th.js
│ │ │ │ ├── tl.js
│ │ │ │ ├── tr.js
│ │ │ │ ├── uk.js
│ │ │ │ ├── vi.js
│ │ │ │ ├── zh-hans.js
│ │ │ │ └── zh-hant.js
│ │ │ ├── json/
│ │ │ │ ├── ar.json
│ │ │ │ ├── az.json
│ │ │ │ ├── be-tarask.json
│ │ │ │ ├── br.json
│ │ │ │ ├── ca.json
│ │ │ │ ├── cs.json
│ │ │ │ ├── da.json
│ │ │ │ ├── de.json
│ │ │ │ ├── el.json
│ │ │ │ ├── en.json
│ │ │ │ ├── es.json
│ │ │ │ ├── fa.json
│ │ │ │ ├── fi.json
│ │ │ │ ├── fr.json
│ │ │ │ ├── he.json
│ │ │ │ ├── hi.json
│ │ │ │ ├── hu.json
│ │ │ │ ├── ia.json
│ │ │ │ ├── id.json
│ │ │ │ ├── is.json
│ │ │ │ ├── it.json
│ │ │ │ ├── ja.json
│ │ │ │ ├── keys.json
│ │ │ │ ├── ko.json
│ │ │ │ ├── lrc.json
│ │ │ │ ├── ms.json
│ │ │ │ ├── nb.json
│ │ │ │ ├── nl.json
│ │ │ │ ├── pl.json
│ │ │ │ ├── pms.json
│ │ │ │ ├── pt-br.json
│ │ │ │ ├── pt.json
│ │ │ │ ├── qqq.json
│ │ │ │ ├── ro.json
│ │ │ │ ├── ru.json
│ │ │ │ ├── sq.json
│ │ │ │ ├── sr.json
│ │ │ │ ├── sv.json
│ │ │ │ ├── synonyms.json
│ │ │ │ ├── th.json
│ │ │ │ ├── tl.json
│ │ │ │ ├── tr.json
│ │ │ │ ├── uk.json
│ │ │ │ ├── vi.json
│ │ │ │ ├── zh-hans.json
│ │ │ │ └── zh-hant.json
│ │ │ └── messages.js
│ │ ├── python_compressed.js
│ │ └── tests/
│ │ ├── blockly_test.html
│ │ ├── blockly_test.js
│ │ ├── generator_test.js
│ │ ├── generators/
│ │ │ ├── colour.xml
│ │ │ ├── index.html
│ │ │ ├── lists.xml
│ │ │ ├── logic.xml
│ │ │ ├── loops1.xml
│ │ │ ├── loops2.xml
│ │ │ ├── loops3.xml
│ │ │ ├── math.xml
│ │ │ ├── procedures.xml
│ │ │ ├── text.xml
│ │ │ ├── unittest.js
│ │ │ ├── unittest_dart.js
│ │ │ ├── unittest_javascript.js
│ │ │ ├── unittest_python.js
│ │ │ └── variables.xml
│ │ ├── names_test.js
│ │ └── playground.html
│ ├── face-landmarker.worker.js
│ ├── face-landmarker2.worker.js
│ ├── gesture-recognition.worker.js
│ ├── human/
│ │ ├── human.js
│ │ └── models/
│ │ ├── blazeface.json
│ │ ├── emotion.json
│ │ ├── facemesh.json
│ │ └── faceres.json
│ ├── khaiii/
│ │ ├── cnv2hdn.lin
│ │ ├── config.json
│ │ ├── conv.2.fil
│ │ ├── conv.3.fil
│ │ ├── conv.4.fil
│ │ ├── conv.5.fil
│ │ ├── errpatch.len
│ │ ├── errpatch.tri
│ │ ├── errpatch.val
│ │ ├── hdn2tag.lin
│ │ ├── preanal.tri
│ │ ├── preanal.val
│ │ ├── restore.key
│ │ ├── restore.one
│ │ └── restore.val
│ ├── lang/
│ │ ├── code.js
│ │ ├── ebs.js
│ │ ├── en.js
│ │ ├── jp.js
│ │ ├── ko.js
│ │ └── vn.js
│ ├── model/
│ │ ├── face_landmarker.task
│ │ ├── gesture_recognizer.task
│ │ ├── object_detector_lite.tflite
│ │ └── pose_landmarker_lite.task
│ ├── object-detector.worker.js
│ ├── pose-landmarker.worker.js
│ ├── tfjs-backend-wasm-simd.wasm
│ ├── util/
│ │ ├── CanvasInput.js
│ │ ├── CanvasInputOrg.js
│ │ ├── DragDropTouch.js
│ │ ├── filbert.js
│ │ ├── handle.js
│ │ ├── ndgmr.Collision.js
│ │ ├── static.js
│ │ └── static_mini.js
│ ├── vision.worker.js
│ ├── vision_bundle.js
│ └── wasm/
│ ├── vision_wasm_internal.js
│ ├── vision_wasm_internal.wasm
│ ├── vision_wasm_nosimd_internal.js
│ └── vision_wasm_nosimd_internal.wasm
├── images/
│ ├── cursor_eraser.cur
│ ├── handclosed.cur
│ ├── handopen.cur
│ ├── media/
│ │ ├── FlashAudioPlugin.swf
│ │ ├── click.ogg
│ │ ├── delete.ogg
│ │ ├── handclosed.cur
│ │ └── handopen.cur
│ └── sounds/
│ ├── click.ogg
│ └── delete.ogg
├── jsconfig.json
├── karma.conf.js
├── package.json
├── scripts/
│ ├── build.sh
│ ├── build_action.sh
│ ├── deploy.sh
│ └── deploy_action.sh
├── src/
│ ├── class/
│ │ ├── AILearning.js
│ │ ├── AIUtilize.js
│ │ ├── DataTable.js
│ │ ├── Expansion.js
│ │ ├── LiterallycanvasPainter.js
│ │ ├── blockCountViewer.js
│ │ ├── container.js
│ │ ├── dialog.ts
│ │ ├── doneProject.js
│ │ ├── engine.js
│ │ ├── entity.js
│ │ ├── entryModuleLoader.ts
│ │ ├── function.js
│ │ ├── hardware/
│ │ │ ├── bluetoothServices/
│ │ │ │ ├── event-dispatcher.ts
│ │ │ │ ├── index.ts
│ │ │ │ ├── promise-queue.ts
│ │ │ │ ├── service-helper.ts
│ │ │ │ └── services/
│ │ │ │ ├── accelerometer.ts
│ │ │ │ ├── button.ts
│ │ │ │ ├── device-information.ts
│ │ │ │ ├── dfu-control.ts
│ │ │ │ ├── event.ts
│ │ │ │ ├── io-pin.ts
│ │ │ │ ├── led.ts
│ │ │ │ ├── magnetometer.ts
│ │ │ │ ├── temperature.ts
│ │ │ │ └── uart.ts
│ │ │ ├── externalProgramLauncher.ts
│ │ │ ├── functions/
│ │ │ │ └── createHardwarePopup.ts
│ │ │ ├── hardwareMonitor.ts
│ │ │ ├── hardwareSocketMessageHandler.ts
│ │ │ ├── webApiConnector.ts
│ │ │ ├── webBluetoothConnector.ts
│ │ │ ├── webSerialConnector.ts
│ │ │ └── webUsbFlasher.ts
│ │ ├── helper.js
│ │ ├── hw.ts
│ │ ├── hw_lite.ts
│ │ ├── intro.ts
│ │ ├── learning/
│ │ │ ├── Chart.js
│ │ │ ├── Cluster.js
│ │ │ ├── DecisionTree.js
│ │ │ ├── ImageLearning.js
│ │ │ ├── InputPopup.js
│ │ │ ├── LearningBase.ts
│ │ │ ├── LearningView.js
│ │ │ ├── LogisticRegression.js
│ │ │ ├── NumberClassification.js
│ │ │ ├── Regression.js
│ │ │ ├── SpeechClassification.js
│ │ │ ├── Svm.js
│ │ │ ├── TextLearning.js
│ │ │ ├── Utils.ts
│ │ │ └── bayes.ts
│ │ ├── maxrect-packer/
│ │ │ ├── abstract_bin.ts
│ │ │ ├── geom/
│ │ │ │ ├── ImageRect.ts
│ │ │ │ └── Rectangle.ts
│ │ │ ├── maxrects_bin.ts
│ │ │ ├── maxrects_packer.ts
│ │ │ └── oversized_element_bin.ts
│ │ ├── object.js
│ │ ├── painter.js
│ │ ├── pdf.ts
│ │ ├── pixi/
│ │ │ ├── atlas/
│ │ │ │ ├── AtlasCanvasViewer.ts
│ │ │ │ ├── EntryTextureOption.ts
│ │ │ │ ├── ISceneTextures.ts
│ │ │ │ ├── PIXIAtlasHelper.ts
│ │ │ │ ├── PIXIAtlasManager.ts
│ │ │ │ ├── PIXIScaleAdaptor.ts
│ │ │ │ ├── SceneBins.ts
│ │ │ │ ├── SceneTextures.ts
│ │ │ │ ├── loader/
│ │ │ │ │ ├── AtlasImageLoader.ts
│ │ │ │ │ └── AtlasImageLoadingInfo.ts
│ │ │ │ ├── model/
│ │ │ │ │ ├── IRawObject.ts
│ │ │ │ │ └── IRawPicture.ts
│ │ │ │ ├── structure/
│ │ │ │ │ ├── PrimitiveMap.ts
│ │ │ │ │ └── PrimitiveSet.ts
│ │ │ │ └── texture/
│ │ │ │ ├── AtlasBaseTexture.ts
│ │ │ │ ├── AtlasTexture.ts
│ │ │ │ ├── EntryBaseTexture.ts
│ │ │ │ ├── EntryTexture.ts
│ │ │ │ └── EntryTextureBase.ts
│ │ │ ├── etc/
│ │ │ │ ├── PIXI-ndgmr.Collision.js
│ │ │ │ ├── PIXIBrushAdaptor.ts
│ │ │ │ ├── PIXICanvasInput.js
│ │ │ │ ├── PIXIPaintAdaptor.ts
│ │ │ │ └── PIXITempStore.ts
│ │ │ ├── handle/
│ │ │ │ ├── PIXIHandle.js
│ │ │ │ └── PIXIHandleEdge.js
│ │ │ ├── helper/
│ │ │ │ ├── PIXIDragHelper.js
│ │ │ │ └── PIXIHelper.ts
│ │ │ ├── init/
│ │ │ │ ├── PIXIBaseAsset.ts
│ │ │ │ ├── PIXIFontLoadHandler.ts
│ │ │ │ └── PIXIGlobal.ts
│ │ │ ├── mesh/
│ │ │ │ └── PIXIH3Plane.js
│ │ │ ├── plugins/
│ │ │ │ ├── PIXIGraphicOverride.js
│ │ │ │ ├── PIXIPixelPerfectInteractionPlugIn.js
│ │ │ │ ├── PIXIShortPropPlugin.js
│ │ │ │ ├── PIXISprite.ts
│ │ │ │ ├── PIXITextMetricsPlugIn.js
│ │ │ │ └── pixiGetChildAt.js
│ │ │ ├── text/
│ │ │ │ ├── PIXIText.js
│ │ │ │ └── PIXITextStyle.ts
│ │ │ └── utils/
│ │ │ ├── AutoFit.ts
│ │ │ ├── TimeoutTimer.ts
│ │ │ └── logs.ts
│ │ ├── playground.js
│ │ ├── popup.js
│ │ ├── popup_helper.ts
│ │ ├── popup_list.js
│ │ ├── project.js
│ │ ├── property_panel.ts
│ │ ├── reporter.js
│ │ ├── scene.js
│ │ ├── sound.ts
│ │ ├── source/
│ │ │ └── DataTableSource.js
│ │ ├── stage.js
│ │ ├── stamp_entity.js
│ │ ├── time_wait.js
│ │ ├── toast.js
│ │ ├── variable/
│ │ │ ├── answerVariable.js
│ │ │ ├── index.js
│ │ │ ├── listVariable.js
│ │ │ ├── slideVariable.js
│ │ │ ├── sttVariable.js
│ │ │ ├── timerVariable.js
│ │ │ └── variable.js
│ │ └── variable_container.js
│ ├── command/
│ │ ├── command.js
│ │ ├── command_util.js
│ │ ├── commander.js
│ │ └── commands/
│ │ ├── block.js
│ │ ├── comment.js
│ │ ├── container.js
│ │ ├── dataTable.js
│ │ ├── engine.js
│ │ ├── function.js
│ │ ├── object.js
│ │ ├── painter.js
│ │ ├── playground.js
│ │ ├── scene.js
│ │ ├── textbox.js
│ │ └── variableContainer.js
│ ├── core/
│ │ ├── collection.js
│ │ ├── db.js
│ │ ├── dom.ts
│ │ ├── event.js
│ │ ├── model.js
│ │ ├── modelClass.ts
│ │ ├── observer.js
│ │ ├── promiseManager.js
│ │ ├── singleInstance.js
│ │ └── svg.js
│ ├── css/
│ │ ├── codemirror_theme.less
│ │ ├── common.less
│ │ ├── components/
│ │ │ ├── block.less
│ │ │ ├── block_menu.less
│ │ │ ├── board.less
│ │ │ ├── console.less
│ │ │ ├── container.less
│ │ │ ├── context_menu.less
│ │ │ ├── curtain.less
│ │ │ ├── engine.less
│ │ │ ├── extensions.less
│ │ │ ├── function.less
│ │ │ ├── global_svg.less
│ │ │ ├── helper.less
│ │ │ ├── hw_monitor.less
│ │ │ ├── object.less
│ │ │ ├── painter.less
│ │ │ ├── pdf.less
│ │ │ ├── playground.less
│ │ │ ├── popup.less
│ │ │ ├── property_panel.less
│ │ │ ├── scene.less
│ │ │ ├── stage.less
│ │ │ ├── state_manager.less
│ │ │ ├── table.less
│ │ │ ├── target_checker.less
│ │ │ ├── textcoding_helper.less
│ │ │ ├── toast.less
│ │ │ ├── tooltip.less
│ │ │ ├── variable_container.less
│ │ │ └── zoomController.less
│ │ ├── entry.less
│ │ ├── minimize.less
│ │ ├── prefix.less
│ │ └── static.less
│ ├── entry.js
│ ├── extensions/
│ │ ├── CloudVariable.js
│ │ ├── dmet.js
│ │ ├── dropper.js
│ │ ├── extension.js
│ │ └── target_checker.js
│ ├── graphicEngine/
│ │ ├── EaselResManager.ts
│ │ ├── FakePIXI.js
│ │ ├── GEDragHelper.ts
│ │ ├── GEHandle.js
│ │ ├── GEHelper.ts
│ │ └── IGEResManager.ts
│ ├── log/
│ │ ├── activity.js
│ │ ├── activityReporter.js
│ │ ├── recorder.js
│ │ ├── state.js
│ │ └── state_manager.js
│ ├── model/
│ │ ├── block_model.js
│ │ ├── block_render_model.js
│ │ ├── box_model.js
│ │ ├── drag_instance.js
│ │ └── thread_model.js
│ ├── parser-no/
│ │ ├── block.js
│ │ ├── js.js
│ │ └── parser.js
│ ├── playground/
│ │ ├── block.js
│ │ ├── block_entry.js
│ │ ├── block_entry_mini.js
│ │ ├── block_menu.ts
│ │ ├── block_menu_scroll.js
│ │ ├── block_view.js
│ │ ├── blocks/
│ │ │ ├── block_ai_learning.js
│ │ │ ├── block_ai_learning_cluster.js
│ │ │ ├── block_ai_learning_decisiontree.js
│ │ │ ├── block_ai_learning_knn.js
│ │ │ ├── block_ai_learning_logistic_regression.js
│ │ │ ├── block_ai_learning_regression.js
│ │ │ ├── block_ai_learning_svm.js
│ │ │ ├── block_ai_utilize_audio.js
│ │ │ ├── block_ai_utilize_face_landmarker.js
│ │ │ ├── block_ai_utilize_gesture_recognition.js
│ │ │ ├── block_ai_utilize_media_pipe.js
│ │ │ ├── block_ai_utilize_object_detector.js
│ │ │ ├── block_ai_utilize_pose_landmarker.js
│ │ │ ├── block_ai_utilize_translate.js
│ │ │ ├── block_ai_utilize_tts.js
│ │ │ ├── block_ai_utilize_video.js
│ │ │ ├── block_analysis.js
│ │ │ ├── block_brush.js
│ │ │ ├── block_calc.js
│ │ │ ├── block_expansion_behaviorconduct_disaster.js
│ │ │ ├── block_expansion_behaviorconduct_lifesafety.js
│ │ │ ├── block_expansion_disasterAlert.js
│ │ │ ├── block_expansion_emergencyActionGuidelines.js
│ │ │ ├── block_expansion_festival.js
│ │ │ ├── block_expansion_weather.js
│ │ │ ├── block_flow.js
│ │ │ ├── block_func.js
│ │ │ ├── block_judgement.js
│ │ │ ├── block_looks.js
│ │ │ ├── block_moving.js
│ │ │ ├── block_sound.js
│ │ │ ├── block_start.js
│ │ │ ├── block_text.js
│ │ │ ├── block_variable.js
│ │ │ ├── hardware/
│ │ │ │ ├── block_0uboard.js
│ │ │ │ ├── block_CloverSEntry1.js
│ │ │ │ ├── block_ITPLE_board.js
│ │ │ │ ├── block_KKMOO.js
│ │ │ │ ├── block_KRC.js
│ │ │ │ ├── block_LineCoding.js
│ │ │ │ ├── block_Lline.js
│ │ │ │ ├── block_RichShield.js
│ │ │ │ ├── block_abilix_Krypton0.js
│ │ │ │ ├── block_aidrone.js
│ │ │ │ ├── block_aidrone_tracking.js
│ │ │ │ ├── block_aiot.js
│ │ │ │ ├── block_aiservo.js
│ │ │ │ ├── block_albert.js
│ │ │ │ ├── block_albert_ai.js
│ │ │ │ ├── block_altino.js
│ │ │ │ ├── block_altino_lite.js
│ │ │ │ ├── block_altino_neo.js
│ │ │ │ ├── block_alux_connect.js
│ │ │ │ ├── block_alux_nemo.js
│ │ │ │ ├── block_alux_technic.js
│ │ │ │ ├── block_ardublock.js
│ │ │ │ ├── block_arduino.js
│ │ │ │ ├── block_arduino_cake.js
│ │ │ │ ├── block_arduino_ext.js
│ │ │ │ ├── block_arduino_nano.js
│ │ │ │ ├── block_armz.js
│ │ │ │ ├── block_asomebot.js
│ │ │ │ ├── block_asomekit.js
│ │ │ │ ├── block_avatarbot.js
│ │ │ │ ├── block_bingles.js
│ │ │ │ ├── block_bitbrick.js
│ │ │ │ ├── block_blacksmith.js
│ │ │ │ ├── block_bridge.js
│ │ │ │ ├── block_brown.js
│ │ │ │ ├── block_byrobot_base.js
│ │ │ │ ├── block_byrobot_controller_3_4.js
│ │ │ │ ├── block_byrobot_controller_4.js
│ │ │ │ ├── block_byrobot_drone_3_10.js
│ │ │ │ ├── block_byrobot_drone_4.js
│ │ │ │ ├── block_byrobot_drone_8.js
│ │ │ │ ├── block_byrobot_dronefighter_controller.js
│ │ │ │ ├── block_byrobot_dronefighter_drive.js
│ │ │ │ ├── block_byrobot_dronefighter_flight.js
│ │ │ │ ├── block_byrobot_petrone_v2_base.js
│ │ │ │ ├── block_byrobot_petrone_v2_controller.js
│ │ │ │ ├── block_byrobot_petrone_v2_drive.js
│ │ │ │ ├── block_byrobot_petrone_v2_flight.js
│ │ │ │ ├── block_c3coding_arduino.js
│ │ │ │ ├── block_castarter_v2.js
│ │ │ │ ├── block_cheese.js
│ │ │ │ ├── block_choco.js
│ │ │ │ ├── block_choco2.js
│ │ │ │ ├── block_chocopi.js
│ │ │ │ ├── block_coalaboard.js
│ │ │ │ ├── block_cobl.js
│ │ │ │ ├── block_coco.js
│ │ │ │ ├── block_coconut.js
│ │ │ │ ├── block_codeino.js
│ │ │ │ ├── block_codestar.js
│ │ │ │ ├── block_codewiz.js
│ │ │ │ ├── block_coding_box.js
│ │ │ │ ├── block_codingmachine.js
│ │ │ │ ├── block_cp_moving.js
│ │ │ │ ├── block_creamo.js
│ │ │ │ ├── block_cremaker_3Dpen.js
│ │ │ │ ├── block_cuboai.js
│ │ │ │ ├── block_cue.js
│ │ │ │ ├── block_dadublock.js
│ │ │ │ ├── block_dalgona.js
│ │ │ │ ├── block_dalgona_basic.js
│ │ │ │ ├── block_dash.js
│ │ │ │ ├── block_davinci.js
│ │ │ │ ├── block_diaboard.js
│ │ │ │ ├── block_dodaland.js
│ │ │ │ ├── block_dplay.js
│ │ │ │ ├── block_eduino.js
│ │ │ │ ├── block_edumaker.js
│ │ │ │ ├── block_elio.js
│ │ │ │ ├── block_etboard.js
│ │ │ │ ├── block_etkit.js
│ │ │ │ ├── block_ev3.js
│ │ │ │ ├── block_exmars_cube.js
│ │ │ │ ├── block_firmtech2.js
│ │ │ │ ├── block_freearduino.js
│ │ │ │ ├── block_freelinker2.js
│ │ │ │ ├── block_funboard.js
│ │ │ │ ├── block_gbot.js
│ │ │ │ ├── block_genirobot.js
│ │ │ │ ├── block_hamster.js
│ │ │ │ ├── block_hamster_s.js
│ │ │ │ ├── block_handino.js
│ │ │ │ ├── block_hasseam.js
│ │ │ │ ├── block_hexaboard.js
│ │ │ │ ├── block_hummingbird.js
│ │ │ │ ├── block_hyact.js
│ │ │ │ ├── block_iCOBOT.js
│ │ │ │ ├── block_iboard.js
│ │ │ │ ├── block_iotsmartfarm.js
│ │ │ │ ├── block_jcboard.js
│ │ │ │ ├── block_jdcode.js
│ │ │ │ ├── block_jdkit.js
│ │ │ │ ├── block_jikko.js
│ │ │ │ ├── block_jikko_basic.js
│ │ │ │ ├── block_jikko_lidoc.js
│ │ │ │ ├── block_jikko_make.js
│ │ │ │ ├── block_jinirobot_aibot.js
│ │ │ │ ├── block_jinirobot_toybot.js
│ │ │ │ ├── block_joystick.js
│ │ │ │ ├── block_kaboino.js
│ │ │ │ ├── block_kaduino.js
│ │ │ │ ├── block_kamibot.js
│ │ │ │ ├── block_kamibotPi.js
│ │ │ │ ├── block_kingcoding.js
│ │ │ │ ├── block_lecoboard.js
│ │ │ │ ├── block_lecoboardAvr.js
│ │ │ │ ├── block_lecoboardAvrBT.js
│ │ │ │ ├── block_littlebits.js
│ │ │ │ ├── block_magkinder.js
│ │ │ │ ├── block_makermate.js
│ │ │ │ ├── block_mechanicblock_controller.js
│ │ │ │ ├── block_mechanicblock_uno.js
│ │ │ │ ├── block_mechanicblock_uno_mini.js
│ │ │ │ ├── block_mechanicblock_uno_s.js
│ │ │ │ ├── block_mechatro.js
│ │ │ │ ├── block_mechatronics_4d.js
│ │ │ │ ├── block_memaker.js
│ │ │ │ ├── block_microbit.js
│ │ │ │ ├── block_microbit2.js
│ │ │ │ ├── block_microbit_ext.js
│ │ │ │ ├── block_mindpiggy.js
│ │ │ │ ├── block_mkboard.js
│ │ │ │ ├── block_modi.js
│ │ │ │ ├── block_mrt.js
│ │ │ │ ├── block_nemoino.js
│ │ │ │ ├── block_neo.js
│ │ │ │ ├── block_neo_cannon.js
│ │ │ │ ├── block_neo_spider.js
│ │ │ │ ├── block_neobot.js
│ │ │ │ ├── block_neobot_game_theme.js
│ │ │ │ ├── block_neobot_purple.js
│ │ │ │ ├── block_neobot_robot_theme.js
│ │ │ │ ├── block_neobot_sensor_theme.js
│ │ │ │ ├── block_neobot_soco.js
│ │ │ │ ├── block_neobot_thinkcar.js
│ │ │ │ ├── block_orange.js
│ │ │ │ ├── block_ozobot.js
│ │ │ │ ├── block_palmkit.js
│ │ │ │ ├── block_pingpong.js
│ │ │ │ ├── block_pingpong_multi.js
│ │ │ │ ├── block_playcode.js
│ │ │ │ ├── block_plrun.js
│ │ │ │ ├── block_robico.js
│ │ │ │ ├── block_robodog.js
│ │ │ │ ├── block_roboid.js
│ │ │ │ ├── block_robolink_codrone_diy.js
│ │ │ │ ├── block_robolink_codrone_edu.js
│ │ │ │ ├── block_robolink_codrone_mini.js
│ │ │ │ ├── block_robomation.js
│ │ │ │ ├── block_roborobo_base.js
│ │ │ │ ├── block_roborobo_cube.js
│ │ │ │ ├── block_roborobo_robokit_rs.js
│ │ │ │ ├── block_roborobo_roduino.js
│ │ │ │ ├── block_roborobo_roe.js
│ │ │ │ ├── block_roborobo_schoolkit.js
│ │ │ │ ├── block_robotamicoding.js
│ │ │ │ ├── block_robotis.js
│ │ │ │ ├── block_robotisDream.js
│ │ │ │ ├── block_robotisRB.js
│ │ │ │ ├── block_robotisRBCar.js
│ │ │ │ ├── block_robotisRBHumanoid.js
│ │ │ │ ├── block_robotisRBKoala.js
│ │ │ │ ├── block_robotisRBPracticalAssembly.js
│ │ │ │ ├── block_robotori.js
│ │ │ │ ├── block_robotry_parodule.js
│ │ │ │ ├── block_robotry_robit_stage.js
│ │ │ │ ├── block_rokoboard.js
│ │ │ │ ├── block_runcoding.js
│ │ │ │ ├── block_runcoding_display.js
│ │ │ │ ├── block_sally.js
│ │ │ │ ├── block_sciencecube.js
│ │ │ │ ├── block_sensorboard.js
│ │ │ │ ├── block_smartCodingHouse.js
│ │ │ │ ├── block_smartboard.js
│ │ │ │ ├── block_ssboard_nano.js
│ │ │ │ ├── block_suno.js
│ │ │ │ ├── block_talebot.js
│ │ │ │ ├── block_telliot_Base.js
│ │ │ │ ├── block_telliot_lite.js
│ │ │ │ ├── block_thinkboard.js
│ │ │ │ ├── block_timbo.js
│ │ │ │ ├── block_truerobot.js
│ │ │ │ ├── block_turtle.js
│ │ │ │ ├── block_uglybot.js
│ │ │ │ ├── block_uo_albert.js
│ │ │ │ ├── block_wearable.js
│ │ │ │ ├── block_whalesbot_eagle_1001.js
│ │ │ │ ├── block_xbot.js
│ │ │ │ ├── block_zerone.js
│ │ │ │ ├── block_zumiMini.js
│ │ │ │ └── index.js
│ │ │ ├── hardwareLite/
│ │ │ │ ├── block_alux_connect_lite.js
│ │ │ │ ├── block_alux_nemo_lite.js
│ │ │ │ ├── block_alux_teachnic_normal_lite.js
│ │ │ │ ├── block_alux_teachnic_power_lite.js
│ │ │ │ ├── block_arduino_lite.js
│ │ │ │ ├── block_choco_lite.js
│ │ │ │ ├── block_cocodron_controller_Lite.js
│ │ │ │ ├── block_codewiz_lite.js
│ │ │ │ ├── block_hamster_lite.js
│ │ │ │ ├── block_microbit2_lite.js
│ │ │ │ ├── block_microbit2ble_lite.js
│ │ │ │ ├── block_neo_cannon_lite.js
│ │ │ │ ├── block_neo_lite.js
│ │ │ │ ├── block_neo_spider_lite.js
│ │ │ │ ├── block_neobot_purple_lite.js
│ │ │ │ ├── block_neobot_soco_lite.js
│ │ │ │ ├── block_neobot_thinkcar_lite.js
│ │ │ │ ├── block_robolink_ZumiMini_lite.js
│ │ │ │ ├── block_robotis_kkokdu_lite.js
│ │ │ │ ├── block_robotis_koalabot_lite.js
│ │ │ │ ├── block_robotis_rgee_lite.js
│ │ │ │ ├── block_robotis_rla_lite.js
│ │ │ │ ├── block_robotis_robotai_lite.js
│ │ │ │ ├── block_sensorboard_lite.js
│ │ │ │ ├── block_whalesbot_drone_lite.js
│ │ │ │ ├── block_wizwing_controller_lite.js
│ │ │ │ ├── index.js
│ │ │ │ ├── metadata_alux_connect_lite.json
│ │ │ │ ├── metadata_alux_nemo_lite.json
│ │ │ │ ├── metadata_alux_teachnic_normal_lite.json
│ │ │ │ ├── metadata_alux_teachnic_power_lite.json
│ │ │ │ ├── metadata_arduino_lite.json
│ │ │ │ ├── metadata_choco_lite.json
│ │ │ │ ├── metadata_cocodron_controller_Lite.json
│ │ │ │ ├── metadata_codewiz_lite.json
│ │ │ │ ├── metadata_hamster_lite.json
│ │ │ │ ├── metadata_microbit2_lite.json
│ │ │ │ ├── metadata_microbit2ble_lite.json
│ │ │ │ ├── metadata_neo_cannon_lite.json
│ │ │ │ ├── metadata_neo_lite.json
│ │ │ │ ├── metadata_neo_spider_lite.json
│ │ │ │ ├── metadata_neobot_purple_lite.json
│ │ │ │ ├── metadata_neobot_soco_lite.json
│ │ │ │ ├── metadata_neobot_thinkcar_lite.json
│ │ │ │ ├── metadata_robolink_ZumiMini_lite.json
│ │ │ │ ├── metadata_robotis_kkokdu_lite.json
│ │ │ │ ├── metadata_robotis_koalabot_lite.json
│ │ │ │ ├── metadata_robotis_rgee_lite.json
│ │ │ │ ├── metadata_robotis_rla_lite.json
│ │ │ │ ├── metadata_robotis_robotai_lite.json
│ │ │ │ ├── metadata_sensorboard_lite.json
│ │ │ │ ├── metadata_whalesbot_drone_lite.json
│ │ │ │ └── metadata_wizwing_controller_lite.json
│ │ │ ├── index.js
│ │ │ └── inputs/
│ │ │ └── keyboard.js
│ │ ├── board.js
│ │ ├── code.js
│ │ ├── code_view.js
│ │ ├── comment.js
│ │ ├── connection_ripple.js
│ │ ├── executors.js
│ │ ├── executors2.js
│ │ ├── extension/
│ │ │ ├── extension.js
│ │ │ ├── guide.js
│ │ │ └── side_tag.js
│ │ ├── field/
│ │ │ ├── angle.js
│ │ │ ├── block.js
│ │ │ ├── color.js
│ │ │ ├── dropdown.js
│ │ │ ├── dropdownDynamic.js
│ │ │ ├── dropdownExtra.js
│ │ │ ├── field.js
│ │ │ ├── image.js
│ │ │ ├── indicator.js
│ │ │ ├── keyboardInput.js
│ │ │ ├── led.js
│ │ │ ├── led2.js
│ │ │ ├── lineBreak.js
│ │ │ ├── musicScale.js
│ │ │ ├── output.js
│ │ │ ├── statement.js
│ │ │ ├── text.js
│ │ │ ├── textDynamic.js
│ │ │ └── textInput.js
│ │ ├── globalSvg.js
│ │ ├── mutator.js
│ │ ├── renderView.js
│ │ ├── scope.js
│ │ ├── scroll.js
│ │ ├── skeleton/
│ │ │ ├── basic/
│ │ │ │ ├── basic.ts
│ │ │ │ ├── basic_boolean_field.ts
│ │ │ │ ├── basic_button.ts
│ │ │ │ ├── basic_button_disabled.ts
│ │ │ │ ├── basic_create.ts
│ │ │ │ ├── basic_create_value.ts
│ │ │ │ ├── basic_define.ts
│ │ │ │ ├── basic_double_loop.ts
│ │ │ │ ├── basic_event.ts
│ │ │ │ ├── basic_loop.ts
│ │ │ │ ├── basic_param.ts
│ │ │ │ ├── basic_string_field.ts
│ │ │ │ ├── basic_text.ts
│ │ │ │ └── basic_text_light.ts
│ │ │ ├── clickable_text.ts
│ │ │ ├── comment.ts
│ │ │ ├── index.ts
│ │ │ └── pebble/
│ │ │ ├── pebble_basic.ts
│ │ │ ├── pebble_event.ts
│ │ │ └── pebble_loop.ts
│ │ ├── skinner.js
│ │ ├── thread.js
│ │ ├── thread_view.js
│ │ ├── toast.js
│ │ ├── trashcan.js
│ │ ├── vim.js
│ │ ├── workspace.js
│ │ └── zoom_controller.js
│ ├── textcoding/
│ │ ├── ast/
│ │ │ ├── jsAstGenerator.js
│ │ │ └── pyAstGenerator.js
│ │ ├── data_processing/
│ │ │ ├── map.js
│ │ │ └── queue.js
│ │ ├── error/
│ │ │ └── textCodingError.js
│ │ ├── hint/
│ │ │ └── python.js
│ │ ├── parser/
│ │ │ └── core/
│ │ │ ├── block/
│ │ │ │ ├── blockToJs.js
│ │ │ │ └── blockToPy.js
│ │ │ └── text/
│ │ │ ├── jsToBlock.js
│ │ │ └── pyToBlock.js
│ │ ├── parser.js
│ │ ├── static/
│ │ │ ├── codeMap.js
│ │ │ └── keyboardCode.js
│ │ └── util/
│ │ ├── console.js
│ │ └── textCodingUtil.js
│ ├── theme/
│ │ ├── old.js
│ │ └── standard.js
│ └── util/
│ ├── audioSocket.js
│ ├── audioUtils.js
│ ├── binPacking.js
│ ├── block_driver.js
│ ├── common.js
│ ├── contextmenu.js
│ ├── curtain.js
│ ├── dataSource.ts
│ ├── destroyer/
│ │ └── Destroyer.ts
│ ├── domUtils.js
│ ├── eventHandler.js
│ ├── extrablockUtils.js
│ ├── functions/
│ │ └── showConsoleBanner.ts
│ ├── fuzzy.js
│ ├── hardwareUtils.ts
│ ├── htmlElementPatcher.js
│ ├── init.js
│ ├── loader.js
│ ├── location.js
│ ├── mediaPipeUtils.ts
│ ├── modal.js
│ ├── restrictor.js
│ ├── scheduler.js
│ ├── static.js
│ ├── tooltip.js
│ ├── tvCast.js
│ ├── utils.js
│ ├── virtualScroll.js
│ ├── workers/
│ │ └── newmotion.worker.ts
│ └── youtube.js
├── test/
│ ├── class/
│ │ └── container.spec.js
│ ├── entry/
│ │ └── entry.js
│ └── textcoding/
│ └── block.js
├── test_util/
│ └── helper.js
├── tsconfig.json
├── types/
│ ├── entry.d.ts
│ ├── index.d.ts
│ └── window.d.ts
├── webpack.config.js
├── webpack_config/
│ ├── common.js
│ ├── dev.js
│ ├── lint.js
│ ├── prod.js
│ └── serve.js
└── weights/
├── age_gender_model-shard1
├── age_gender_model-weights_manifest.json
├── face_expression_model-shard1
├── face_expression_model-weights_manifest.json
├── face_landmark_68_model-shard1
├── face_landmark_68_model-weights_manifest.json
├── face_landmark_68_tiny_model-shard1
├── face_landmark_68_tiny_model-weights_manifest.json
├── tiny_face_detector_model-shard1
└── tiny_face_detector_model-weights_manifest.json
================================================
FILE CONTENTS
================================================
================================================
FILE: .babelrc
================================================
{
"presets": ["@babel/preset-env"],
"plugins": [
"@babel/plugin-transform-runtime",
"@babel/plugin-transform-object-assign",
"@babel/plugin-transform-modules-commonjs",
"@babel/plugin-syntax-dynamic-import",
"@babel/plugin-proposal-object-rest-spread",
"@babel/plugin-proposal-class-properties",
"@babel/plugin-proposal-private-methods"
],
"env": {
"test": {
"plugins": ["dynamic-import-node"]
}
}
}
================================================
FILE: .eslintignore
================================================
src/playground/blocks/hardware/**/*.js
extern
test
test_util
================================================
FILE: .eslintrc
================================================
{
"parser": "@babel/eslint-parser",
"plugins": ["prettier"],
"extends": ["plugin:prettier/recommended"],
"overrides": [
{
"files": ["*.ts"],
"parser": "@typescript-eslint/parser",
"rules": {
"no-unused-vars": "off",
},
},
{
"files": ["*.d.ts"],
"parser": "@typescript-eslint/parser",
"rules": {
"no-unused-vars": "off",
"no-var": "off",
"no-useless-constructor": "off",
},
},
],
"env": {
"es6": true,
"browser": true,
"jquery": true,
},
"parserOptions": {
"requireConfigFile": false,
"ecmaVersion": 2020,
"sourceType": "module",
"ecmaFeatures": {
"jsx": true,
},
},
"rules": {
"prefer-const": "warn",
"no-var": "warn",
"eqeqeq": 0,
"no-const-assign": "error",
"no-new-object": "warn",
"object-shorthand": "warn",
"no-prototype-builtins": "warn",
"no-array-constructor": "warn",
"prefer-template": "warn",
"no-useless-escape": "warn",
"wrap-iife": ["warn", "inside"],
"no-loop-func": "warn",
"no-new-func": "warn",
"prefer-rest-params": "warn",
"prefer-arrow-callback": "warn",
"template-curly-spacing": "warn",
"no-param-reassign": ["warn", { "props": false }],
"prefer-spread": "warn",
"arrow-spacing": "warn",
"arrow-body-style": ["warn", "as-needed"],
"no-useless-constructor": "warn",
"no-dupe-class-members": "warn",
"no-duplicate-imports": "warn",
"dot-notation": "warn",
"no-undef": ["warn", { "typeof": true }],
"one-var": ["warn", "never"],
"no-multi-assign": "warn",
"no-case-declarations": "warn",
"no-nested-ternary": "warn",
"no-unneeded-ternary": "warn",
"brace-style": "warn",
"space-before-blocks": [
"warn",
{ "functions": "always", "keywords": "always", "classes": "always" },
],
"space-infix-ops": "warn",
"eol-last": ["warn", "always"],
"no-whitespace-before-property": "warn",
"padded-blocks": ["warn", "never"],
"space-in-parens": ["warn", "never"],
"array-bracket-spacing": ["warn", "never"],
"object-curly-spacing": ["warn", "always"],
"max-len": ["warn", { "code": 100 }],
"comma-style": ["warn", "last"],
"semi": ["warn"],
"radix": "warn",
"camelcase": ["warn", { "properties": "never" }],
"new-cap": ["warn", { "capIsNewExceptionPattern": "^Entry." }],
"curly": "warn",
"keyword-spacing": "warn",
},
"globals": {
"$": true,
"_": true,
"arcon": true,
"goog": true,
"acorn": true,
"createjs": true,
"Entry": true,
"filbert": true,
"Blockly": true,
"BigNumber": true,
"Lang": true,
"context": true,
"popup": true,
"WebFont": true,
"CanvasInput": true,
"EntryStatic": true,
"EaselHandle": true,
"ndgmr": true,
"Ntry": true,
"Snap": true,
"mina": true,
"Touch": true,
"io": true,
"LC": true,
"ActiveXObject": true,
"CodeMirror": true,
"entrylms": true,
"require": true,
"module": true,
"Symbol": true,
"process": true,
},
}
================================================
FILE: .github/pr-labeler.yml
================================================
feature: feature/*
security: security/*
issue: [issue/*, Issue/*]
hotfix: hotfix/*
================================================
FILE: .github/workflows/build-and-deploy.yml
================================================
name: 'build-and-deploy'
on:
push:
branches:
- 'deploy/**'
- master
- develop-hw
- develop2
- develop
jobs:
build-and-deploy:
runs-on: ubuntu-latest
steps:
- uses: actions/checkout@v4
- name: Use Node.js 20.x
uses: actions/setup-node@v4
env:
NODE_OPTIONS: '--max-old-space-size=4096'
TOOL_NODE_FLAGS: '--max-old-space-size=4096'
with:
node-version: 20
- uses: pnpm/action-setup@v3
name: Install pnpm
with:
version: 9
run_install: true
- name: entry build
env:
NODE_OPTIONS: '--max-old-space-size=4096'
TOOL_NODE_FLAGS: '--max-old-space-size=4096'
run: pnpm prod
- name: Define branch name
id: target_branch
shell: bash
run: echo "##[set-output name=branch;]$(echo ${GITHUB_REF##*/})"
- uses: haya14busa/action-cond@v1
id: deploy_branch
with:
cond: ${{ steps.target_branch.outputs.branch == 'master' }}
if_true: 'build'
if_false: dist/${{ steps.target_branch.outputs.branch }}
- name: Execute build.sh
run: |
sh ./scripts/build.sh
- name: Execute deploy.sh
run: |
sh ./scripts/deploy.sh
- name: Push Changes into build branch
uses: ad-m/github-push-action@master
with:
github_token: ${{ secrets.GITHUB_TOKEN }}
force: true
directory: ./build
branch: ${{ steps.deploy_branch.outputs.value }}
================================================
FILE: .github/workflows/pull-request-workflow.yml
================================================
name: PR Workflow
on:
pull_request:
types: [opened, edited, synchronize]
jobs:
pr-labeler:
runs-on: ubuntu-latest
steps:
- uses: TimonVS/pr-labeler-action@v3
with:
configuration-path: .github/pr-labeler.yml # optional, .github/pr-labeler.yml is the default value
env:
GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
eslint:
runs-on: ubuntu-latest
steps:
- uses: actions/checkout@v4
- name: Install pnpm
uses: pnpm/action-setup@v3
with:
version: 9
- run: pnpm install
- uses: reviewdog/action-eslint@v1
with:
github_token: ${{ secrets.GITHUB_TOKEN }}
reporter: github-pr-review
eslint_flags: '--ignore-pattern .eslintignore src/'
================================================
FILE: .github/workflows/release.yml
================================================
name: 'release'
on:
release:
types: [created]
jobs:
release:
runs-on: ubuntu-latest
steps:
- uses: actions/checkout@v4
- name: Install pnpm
uses: pnpm/action-setup@v3
with:
version: 9
- uses: actions/setup-node@v4
with:
node-version: '20'
cache: 'pnpm'
- run: pnpm install
- run: pnpm prod
- uses: JS-DevTools/npm-publish@v3
with:
token: ${{ secrets.NPM_TOKEN }}
================================================
FILE: .gitignore
================================================
# Logs
logs
*.log
# Runtime data
pids
*.pid
*.seed
# Directory for instrumented libs generated by jscoverage/JSCover
lib-cov
# Coverage directory used by tools like istanbul
coverage
reports
# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
.grunt
# node-waf configuration
.lock-wscript
# Compiled binary addons (http://nodejs.org/api/addons.html)
build/Release
# Dependency directory
# https://www.npmjs.org/doc/misc/npm-faq.html#should-i-check-my-node_modules-folder-into-git
node_modules
# external libraries
extern/closure-library
.DS_Store
*.map
.vscode/*
.idea/
dist/
================================================
FILE: .prettierrc
================================================
{
"printWidth": 100,
"tabWidth": 4,
"singleQuote": true,
"trailingComma": "es5",
"bracketSpacing": true,
"semi": true,
"arrowParens": "always",
"endOfLine": "auto"
}
================================================
FILE: COPYING
================================================
Copyright 2015 Entry Labs
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
================================================
FILE: Gruntfile.js
================================================
module.exports = function(grunt) {
'use strict';
const ClosureCompiler = require('google-closure-compiler').compiler;
grunt.initConfig({
concurrent: {
tasks: ['watch'],
options: {
logConcurrentOutput: true,
},
},
watch: {
test: {
files: ['test/**/*.js'],
tasks: ['karma'],
},
js: {
files: ['src/**'],
tasks: ['closureCompiler:targetName', 'karma', 'jshint', 'less'],
},
},
less: {
options: {
compress: false,
},
development: {
files: {
'dist/entry.css': 'src/css/*.less',
},
},
},
jshint: {
all: ['src/**/*.js'],
options: {
jshintrc: true,
ignores: ['src/blocks/*.js'],
},
},
karma: {
options: {
frameworks: ['mocha', 'chai'],
files: [
'http://ajax.aspnetcdn.com/ajax/jshint/r07/jshint.js',
'test_util/*.js',
'extern/lang/ko.js',
'extern/blockly/blockly_compressed.js',
'extern/util/static.js',
'extern/util/filbert.js',
'extern/util/bignumber.min.js',
'node_modules/jquery/jquery.js',
'node_modules/createjs-easeljs/lib/easeljs-0.8.2.min.js',
'node_modules/createjs-soundjs/lib/soundjs-0.6.2.min.js',
'node_modules/createjs-preloadjs/lib/preloadjs-0.6.2.min.js',
'dist/entry.js',
'src/workspace/block_entry.js',
],
},
unit: {
configFile: 'karma.conf.js',
files: [{ src: ['test/**/*.js'] }],
},
},
closureCompiler: {
options: {
compilerFile: ClosureCompiler.COMPILER_PATH,
checkModified: true,
compilerOpts: {
create_source_map: 'entry.js.map',
compilation_level: 'SIMPLE_OPTIMIZATIONS',
language_in: 'ECMASCRIPT5',
language_out: 'ECMASCRIPT5',
formatting: 'pretty_print',
},
},
targetName: {
src: ['src/entry.js', 'src/**/*.js', '!src/workspace/block_entry.js'],
dest: 'dist/entry.js',
},
dist: {
options: {
compilerOpts: {
compilation_level: 'SIMPLE_OPTIMIZATIONS',
language_in: 'ECMASCRIPT5',
language_out: 'ECMASCRIPT5',
},
},
expand: false,
src: ['src/entry.js', 'src/**/*.js'],
dest: 'dist/entry.min.js',
ext: '.min.js',
},
},
});
// Load NPM tasks
grunt.loadNpmTasks('grunt-closure-tools');
grunt.loadNpmTasks('grunt-contrib-jshint');
grunt.loadNpmTasks('grunt-concurrent');
grunt.loadNpmTasks('grunt-contrib-watch');
grunt.loadNpmTasks('grunt-karma');
grunt.loadNpmTasks('grunt-contrib-less');
grunt.option('force', true);
// Default tasks.
grunt.registerTask('default', ['closureCompiler', 'karma', 'jshint', 'less']);
grunt.registerTask('development', [
'watch',
'closureCompiler:targetName',
'karma',
'concurrent',
]);
grunt.registerTask('test', ['karma']);
grunt.registerTask('closure', ['closureCompiler']);
grunt.registerTask('build', ['closureCompiler', 'less']);
};
================================================
FILE: Jenkinsfile
================================================
pipeline {
agent none
stages {
stage('EntryJS Test') {
when {
beforeAgent true
expression {
return env.CHANGE_ID
}
}
agent {
docker {
image 'node:8.11.3'
}
}
steps {
script {
sh "npm prune"
sh "npm install"
sh "yarn test"
}
}
post {
always {
junit 'reports/*.xml'
}
}
}
stage('SonarQube Analysis') {
when {
beforeAgent true
expression {
return env.CHANGE_ID
}
}
agent {
docker {
image 'maven:3-alpine'
}
}
steps {
script {
def scannerHome = tool "sonarqube-scanner";
withSonarQubeEnv("sonar") {
sh "${scannerHome}/bin/sonar-scanner " +
"-Dsonar.projectKey=entry.entryjs " +
"-Dsonar.projectName=entryjs " +
"-Dsonar.sourceEncoding=UTF-8 " +
"-Dsonar.analysis.mode=preview " +
"-Dsonar.github.repository=entrylabs/entryjs " +
"-Dsonar.github.endpoint=https://api.github.com " +
"-Dsonar.github.oauth=${GH_TOKEN} " +
"-Dsonar.issuesReport.console.enable=true " +
"-Dsonar.github.disableInlineComments=true " +
"-Dsonar.github.pullRequest=${env.CHANGE_ID} " +
"-Dsonar.sources=src "
}
}
}
}
stage('SonarQube Scan') {
when {
beforeAgent true
allOf {
expression { BRANCH_NAME ==~ /(^master$)/ }
not { changeRequest() }
}
}
agent {
docker {
image 'maven:3-alpine'
}
}
steps {
script {
def scannerHome = tool "sonarqube-scanner";
withSonarQubeEnv("sonar") {
sh "${scannerHome}/bin/sonar-scanner " +
"-Dsonar.projectKey=entry.entryjs " +
"-Dsonar.projectName=entryjs " +
"-Dsonar.sourceEncoding=UTF-8 " +
"-Dsonar.sources=src "
}
}
}
}
stage('EntryJS Deploy') {
when {
beforeAgent true
allOf {
expression { BRANCH_NAME ==~ /(^master$|^deploy\/.*$)/ }
not { changeRequest() }
}
}
agent {
docker {
image 'node:8.11.3'
}
}
steps {
script {
sh '''npm prune
npm install
chmod +x ./scripts/build.sh
chmod +x ./scripts/deploy.sh
./scripts/build.sh
./scripts/deploy.sh'''
}
}
}
}
environment {
GH_REPO = 'https://github.com/entrylabs/entryjs.git'
GH_REF = 'github.com/entrylabs/entryjs.git'
}
}
================================================
FILE: LICENSE
================================================
Apache License
Version 2.0, January 2004
http://www.apache.org/licenses/
TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
1. Definitions.
"License" shall mean the terms and conditions for use, reproduction,
and distribution as defined by Sections 1 through 9 of this document.
"Licensor" shall mean the copyright owner or entity authorized by
the copyright owner that is granting the License.
"Legal Entity" shall mean the union of the acting entity and all
other entities that control, are controlled by, or are under common
control with that entity. For the purposes of this definition,
"control" means (i) the power, direct or indirect, to cause the
direction or management of such entity, whether by contract or
otherwise, or (ii) ownership of fifty percent (50%) or more of the
outstanding shares, or (iii) beneficial ownership of such entity.
"You" (or "Your") shall mean an individual or Legal Entity
exercising permissions granted by this License.
"Source" form shall mean the preferred form for making modifications,
including but not limited to software source code, documentation
source, and configuration files.
"Object" form shall mean any form resulting from mechanical
transformation or translation of a Source form, including but
not limited to compiled object code, generated documentation,
and conversions to other media types.
"Work" shall mean the work of authorship, whether in Source or
Object form, made available under the License, as indicated by a
copyright notice that is included in or attached to the work
(an example is provided in the Appendix below).
"Derivative Works" shall mean any work, whether in Source or Object
form, that is based on (or derived from) the Work and for which the
editorial revisions, annotations, elaborations, or other modifications
represent, as a whole, an original work of authorship. For the purposes
of this License, Derivative Works shall not include works that remain
separable from, or merely link (or bind by name) to the interfaces of,
the Work and Derivative Works thereof.
"Contribution" shall mean any work of authorship, including
the original version of the Work and any modifications or additions
to that Work or Derivative Works thereof, that is intentionally
submitted to Licensor for inclusion in the Work by the copyright owner
or by an individual or Legal Entity authorized to submit on behalf of
the copyright owner. For the purposes of this definition, "submitted"
means any form of electronic, verbal, or written communication sent
to the Licensor or its representatives, including but not limited to
communication on electronic mailing lists, source code control systems,
and issue tracking systems that are managed by, or on behalf of, the
Licensor for the purpose of discussing and improving the Work, but
excluding communication that is conspicuously marked or otherwise
designated in writing by the copyright owner as "Not a Contribution."
"Contributor" shall mean Licensor and any individual or Legal Entity
on behalf of whom a Contribution has been received by Licensor and
subsequently incorporated within the Work.
2. Grant of Copyright License. Subject to the terms and conditions of
this License, each Contributor hereby grants to You a perpetual,
worldwide, non-exclusive, no-charge, royalty-free, irrevocable
copyright license to reproduce, prepare Derivative Works of,
publicly display, publicly perform, sublicense, and distribute the
Work and such Derivative Works in Source or Object form.
3. Grant of Patent License. Subject to the terms and conditions of
this License, each Contributor hereby grants to You a perpetual,
worldwide, non-exclusive, no-charge, royalty-free, irrevocable
(except as stated in this section) patent license to make, have made,
use, offer to sell, sell, import, and otherwise transfer the Work,
where such license applies only to those patent claims licensable
by such Contributor that are necessarily infringed by their
Contribution(s) alone or by combination of their Contribution(s)
with the Work to which such Contribution(s) was submitted. If You
institute patent litigation against any entity (including a
cross-claim or counterclaim in a lawsuit) alleging that the Work
or a Contribution incorporated within the Work constitutes direct
or contributory patent infringement, then any patent licenses
granted to You under this License for that Work shall terminate
as of the date such litigation is filed.
4. Redistribution. You may reproduce and distribute copies of the
Work or Derivative Works thereof in any medium, with or without
modifications, and in Source or Object form, provided that You
meet the following conditions:
(a) You must give any other recipients of the Work or
Derivative Works a copy of this License; and
(b) You must cause any modified files to carry prominent notices
stating that You changed the files; and
(c) You must retain, in the Source form of any Derivative Works
that You distribute, all copyright, patent, trademark, and
attribution notices from the Source form of the Work,
excluding those notices that do not pertain to any part of
the Derivative Works; and
(d) If the Work includes a "NOTICE" text file as part of its
distribution, then any Derivative Works that You distribute must
include a readable copy of the attribution notices contained
within such NOTICE file, excluding those notices that do not
pertain to any part of the Derivative Works, in at least one
of the following places: within a NOTICE text file distributed
as part of the Derivative Works; within the Source form or
documentation, if provided along with the Derivative Works; or,
within a display generated by the Derivative Works, if and
wherever such third-party notices normally appear. The contents
of the NOTICE file are for informational purposes only and
do not modify the License. You may add Your own attribution
notices within Derivative Works that You distribute, alongside
or as an addendum to the NOTICE text from the Work, provided
that such additional attribution notices cannot be construed
as modifying the License.
You may add Your own copyright statement to Your modifications and
may provide additional or different license terms and conditions
for use, reproduction, or distribution of Your modifications, or
for any such Derivative Works as a whole, provided Your use,
reproduction, and distribution of the Work otherwise complies with
the conditions stated in this License.
5. Submission of Contributions. Unless You explicitly state otherwise,
any Contribution intentionally submitted for inclusion in the Work
by You to the Licensor shall be under the terms and conditions of
this License, without any additional terms or conditions.
Notwithstanding the above, nothing herein shall supersede or modify
the terms of any separate license agreement you may have executed
with Licensor regarding such Contributions.
6. Trademarks. This License does not grant permission to use the trade
names, trademarks, service marks, or product names of the Licensor,
except as required for reasonable and customary use in describing the
origin of the Work and reproducing the content of the NOTICE file.
7. Disclaimer of Warranty. Unless required by applicable law or
agreed to in writing, Licensor provides the Work (and each
Contributor provides its Contributions) on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
implied, including, without limitation, any warranties or conditions
of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
PARTICULAR PURPOSE. You are solely responsible for determining the
appropriateness of using or redistributing the Work and assume any
risks associated with Your exercise of permissions under this License.
8. Limitation of Liability. In no event and under no legal theory,
whether in tort (including negligence), contract, or otherwise,
unless required by applicable law (such as deliberate and grossly
negligent acts) or agreed to in writing, shall any Contributor be
liable to You for damages, including any direct, indirect, special,
incidental, or consequential damages of any character arising as a
result of this License or out of the use or inability to use the
Work (including but not limited to damages for loss of goodwill,
work stoppage, computer failure or malfunction, or any and all
other commercial damages or losses), even if such Contributor
has been advised of the possibility of such damages.
9. Accepting Warranty or Additional Liability. While redistributing
the Work or Derivative Works thereof, You may choose to offer,
and charge a fee for, acceptance of support, warranty, indemnity,
or other liability obligations and/or rights consistent with this
License. However, in accepting such obligations, You may act only
on Your own behalf and on Your sole responsibility, not on behalf
of any other Contributor, and only if You agree to indemnify,
defend, and hold each Contributor harmless for any liability
incurred by, or claims asserted against, such Contributor by reason
of your accepting any such warranty or additional liability.
END OF TERMS AND CONDITIONS
APPENDIX: How to apply the Apache License to your work.
To apply the Apache License to your work, attach the following
boilerplate notice, with the fields enclosed by brackets "{}"
replaced with your own identifying information. (Don't include
the brackets!) The text should be enclosed in the appropriate
comment syntax for the file format. We also recommend that a
file or class name and description of purpose be included on the
same "printed page" as the copyright notice for easier
identification within third-party archives.
Copyright {yyyy} {name of copyright owner}
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
================================================
FILE: NOTICE
================================================
EntryJS
Copyright 2015 Entry Labs
EntryJS project contains subcomponents with separate copyright notices and license terms.
Your use of the source code for the these subcomponents is subject to the terms and conditions of the following licenses.
=======================================================================
Blockly (https://github.com/google/blockly)
=======================================================================
/**
* @license
* Visual Blocks Editor
*
* Copyright 2011 Google Inc.
* https://developers.google.com/blockly/
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
=======================================================================
Collision-Detection-for-EaselJS (https://github.com/olsn/Collision-Detection-for-EaselJS)
=======================================================================
Copyright (c) 2013 Olaf Horstmann
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
=======================================================================
CanvasInput (https://github.com/goldfire/CanvasInput)
=======================================================================
/*!
* CanvasInput v1.2.1
* http://goldfirestudios.com/blog/108/CanvasInput-HTML5-Canvas-Text-Input
*
* (c) 2013-2015, James Simpson of GoldFire Studios
* goldfirestudios.com
*
* MIT License
*/
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
=======================================================================
Context.js (https://github.com/jakiestfu/Context.js)
=======================================================================
/*
* Context.js
* Copyright Jacob Kelley
* MIT License
*
* Modified by Joshua Christman
*/
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
================================================
FILE: README-en.md
================================================
# entryjs
entryjs is an HTML5-based block coding library developed by entry.
If you access the [Entry](https://playentry.org) site, you can check the block coding environment using entryjs.
## get started
entryjs uses several open source libraries to handle HTML Canvas, audio, and vector images.
After these libraries are loaded in the web project, entryjs should be loaded.
### 3rd party library
* [jQuery](http://jquery.com/download/) - 1.9.1
* [jquery-ui](https://github.com/jquery/jquery-ui) - 1.10.4
* [Underscore](https://github.com/jashkenas/underscore) - 1.8.3
* [CreateJS](http://createjs.com/downloads)
* EaselJS - 0.8.0
* PreloadJS - 0.6.0
* SoundJS - 0.6.0
* [Lodash](https://lodash.com/docs/4.17.15) - 4.17.10
* [Velocity](https://github.com/julianshapiro/velocity) - ~1.2.3
* [CodeMirror](https://codemirror.net) - 5.12.0
* [Fuzzy](https://github.com/mattyork/fuzzy) - ~0.1.1
* [Literallycanvas](https://github.com/entrylabs/literallycanvas) - entry version
* [EntryTool](https://github.com/entrylabs/entry-tool) - entry version
All of these libraries are distributed as open source, You can download it yourself or install it using [npm](http://npmjs.org) or [bower](http://bower.io).
### JavaScript library
```html
```
### entryjs stylesheet
Basic styles related to block design are defined.
```html
```
### Entry Initialization (Inject Options)
Once you have loaded the necessary libraries and entryjs, you can inject the entryjs workspace using Javascript at a specific location in the current DOM.
* Entry.init(domElement, initOptions);
```html
```
```javascript
var workspace = document.getElementById("workspace");
var initOptions = {
type: 'workspace',
libDir: '/lib',
fonts: [{
name: '나눔고딕',
family: 'Nanum Gothic',
url: '/css/nanumgothic.css'
}]
};
Entry.init(workspace, initOptions);
```
* domElement : The DOM node into which the entry will be injected.
* initOptions : Option value of entryjs workspace.
### initOptions
All options except Workspace type and font information are optional and Boolean type.
* Required
- type: Workspace type. (workspace: creation environment, minimize: viewing environment)
- libDir:Third-party library repository. Library location including entryjs. (default: '/lib')
- fonts: Web font information
* choice
- projectsaveable: Whether the project can be saved (true)
- objectaddable: Whether objects can be added (true)
- objectEditable: Whether the object can be modified (true). Setting this value to false also sets objectAddable to false.
- objectdeletable: Whether the object can be deleted (true)
- soundeditable: Whether sound can be modified (true)
- pictureeditable: Whether the shape can be modified (true)
- sceneEditable: Whether the scene can be modified (true)
- functionEnable: Whether the function is available (true)
- messageEnable: signal available (true)
- variableEnable: Whether the variable is available (true)
- listEnable: list available (true)
- isForLecture: Lecture project or not (false)
- textCodingEnable: Whether entry python is available (true)
- hardwareEnable: Hardware availability (true)
* Web font information 정보
You can add one or more arrays of fonts to be used in the entry textbox and paint.
```javascript
[{
name: 'Font name to display on screen',
family: 'font-family name',
url: 'Font definition file path'
}]
```
```javascript
// 예시
[{
name: 'Nanum Gothic',
family: 'Nanum Gothic',
url: '/css/nanumgothic.css'
},
{
name: 'Nanum handwriting',
family: 'Nanum Pen Script',
url: '/css/nanumpenscript.css'
}]
```
Free Korean web fonts can be downloaded from https://www.google.com/fonts/earlyaccess.
### Entry.playground.setBlockMenu();
Block menu reset
### Entry.loadProject(project);
Load project. If the project argument is omitted, the default project is returned..
### event. (Event description)
* event listening
```javascript
Entry.addEventListener(eventName, function);
```
- eventName: The name of the custom event you want to catch
- function: Function to be executed when the corresponding custom event occurs
* event dispatch
```javascript
Entry.dispatchEvent(eventName,params);
```
- eventName: The name of the event you want to trigger
- params: Parameters to be passed to the callback function listening for events
* representative event
- run
- stop
* user interaction
- keyPressed
- keyUpped
- canvasClick
- canvasClickCanceled
- entityClick
- entityClickCanceled
- stageMouseMove
- stageMouseOut
* screen
- windowResized
### Entry.Toast
* Display notification messages at the bottom of the workspace
- Entry.Toast.warning(title, message, auto-dospose); // caution
- Entry.Toast.success(title, message, auto-dospose); // success
- Entry.Toast.alert(title, message, auto-dospose); // warning
### Block shape definition and running script.
```
${entryjs}/src/blocks/**/*
```
### block shape definition
Please refer to [EntryDocs - Write block specification](https://entrylabs.github.io/docs/guide/entryjs/2016-05-22-add_new_blocks.html).
### Project Schema
### save
:You can save essential information in JSON format using the Entry function below.
A saved project can be reloaded using Entry.loadProject(project) .
```javascript
var project = Entry.exportProject();
```
### detailed schema
```javascript
/**
* MongoDB schema example.
*/
var ProjectSchema = new Schema({
speed: { // Execution frames per second
type: Number,
default: 60
},
objects: [ // object list
{
id: String, // Object ID. Unique.
name: String, // The object (or textbox title) name.
text: String, // text box content. (If objectType is textBox)
order: Number, // TODO
objectType: String, // object type. (sprite, textBox)
scene: String, // Scene ID. Unique.
active: { // whether the object is active
type: Boolean,
default: true
},
lock: { // object lock
type: Boolean,
default: false
},
rotateMethod: String, // rotation method (free, vertical, none)
entity: { // entity information
rotation: Number, // rotation
direction: Number, // direction
x: Number, // x coordinate
y: Number, // y coordinate
regX: Number, // horizontal center point
regY: Number, // vertical center point
scaleX: Number, // horizontal scale
scaleY: Number, // vertical scale
width: Number, // area
height: Number, // height
imageIndex: Number, // TODO
visible: Boolean, // screen display
colour: String, // text box font color
font: String, // text box font
bgColor: String, // text box background color
textAlign: Number, // textbox alignment
lineBreak: Boolean, // Whether text box line breaks
underLine: Boolean, // text box
strike: Boolean // text box underline
},
script: String, // block script
sprite: { // sprite information
name: String, // sprite name
pictures: [{ // shape list
id: String, // Shape ID. Unique/
name: String, // shape name
fileurl: String, // shape image
dimension: { // shape size
width: Number,
height: Number,
scaleX: Number,
scaleY: Number
},
scale: { // Magnification, reduction ratio (based on 100%)
type: Number,
default: 100
}
}],
sounds: [{ // list of sounds
id: String, // Sound ID. Unique.
name: String, // name
fileurl: String, // Sound file URL
duration: Number // play time. (in seconds)
}]
},
selectedPictureId: String, // ID of the currently active shape
selectedSoundId: String // ID of currently active sound
}
],
variables: [ // project variable
{
name: String, // variable name
variableType: String, // variable type. (General variable: variable, timer: timer, answer: answer, slide: slide, list: list)
id: String, // variable ID. Unique.
value: String, // variable value
minValue: Number, // minimum
maxValue: Number, // max value
visible: Boolean, // visibility on canvas
x: Number, // Converse position x coordinate
y: Number, // canvas position y-coordinate
width: Number, // width
height: Number, // height
isCloud: { // Shared variable or not
type: Boolean,
default: false
},
object: { // If it is a local variable, the ID of the object it refers to
type: String,
default: null
},
array: [{ // A list of values if the variable type is list
data: String // value data
}]
}
],
messages: [ // signal list
{
name: String, // signal name
id: String // Signal ID. Unique.
}
],
functions: [ // function list
{
id: String, // function ID. Unique.
block: String, // function block information
content: String, // function execution information
id: String,
name: String
}]
}
],
scenes: { // scene information
type: [ // scene list
{
name: String, // scene name
id: String // Scene ID. Unique.
}
]
},
});
```
### Sprite, Picture, Sound schema
### Sprites
```javascript
var SpriteSchema = new Schema({
name: String, // sprite name
pictures: [{ // shape list
name: String, // shape name
fileurl: String, // shape image
dimension: { // shape size
width: Number,
height: Number
}
}],
sounds: [{ // list of sounds
name: String, // name
fileurl: String, // Sound file URL
duration: Number // play time. (in seconds)
}]
})
```
#### Pictures
```javascript
var PictureSchema = new Schema({
name: String, // shape name
fileurl: String, // shape image
dimension: { // shape size
width: Number,
height: Number
}
})
```
#### Sounds
```javascript
var SoundSchema = new Schema({
name: String, // name
fileurl: String, // Sound file URL
duration: Number // play time. (in seconds)
})
```
## Copyright and License
EntryJS Copyright (c) 2015 Entry Labs.
Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.
================================================
FILE: README.md
================================================
# entryjs
entryjs는 엔트리에서 개발한 HTML5 기반의 블록코딩 라이브러리 입니다.
[엔트리](https://playentry.org) 사이트에 접속하시면 entryjs를 사용한 블록코딩 환경을 확인해 볼 수 있습니다.
## 시작하기
entryjs는 HTML Canvas와 오디오, 벡터 이미지등을 다루기 위해 몇가지 오픈소스 라이브러리들을 사용합니다.
이 라이브러리들이 웹프로젝트에 먼저 로딩된 후에 entryjs를 로딩하여야 합니다.
### 써드파티 라이브러리
- [jQuery](http://jquery.com/download/) - 1.9.1
- [jquery-ui](https://github.com/jquery/jquery-ui) - 1.10.4
- [Underscore](https://github.com/jashkenas/underscore) - 1.8.3
- [CreateJS](http://createjs.com/downloads)
- EaselJS - 0.8.0
- PreloadJS - 0.6.0
- SoundJS - 0.6.0
- [Lodash](https://lodash.com/docs/4.17.15) - 4.17.10
- [Velocity](https://github.com/julianshapiro/velocity) - ~1.2.3
- [CodeMirror](https://codemirror.net) - 5.12.0
- [Fuzzy](https://github.com/mattyork/fuzzy) - ~0.1.1
- [Literallycanvas](https://github.com/entrylabs/literallycanvas) - entry version
- [EntryTool](https://github.com/entrylabs/entry-tool) - entry version
위 라이브러리들은 모두 오픈소스로 배포되며, 직접 다운로드 받거나 [npm](http://npmjs.org), [bower](http://bower.io)등을 이용해 설치할 수 있습니다.
### 자바스크립트 라이브러리
```html
```
### entryjs 스타일시트
블록 디자인과 관련된 기본적인 스타일들이 정의되어 있습니다.
```html
```
### 엔트리 초기화 (Inject Options)
필요한 라이브러리와 entryjs를 로딩하였으면 현재 DOM의 특정 위치에 Javascript를 이용해 entryjs workspace를 주입할 수 있습니다.
- Entry.init(domElement, initOptions);
```html
```
```javascript
var workspace = document.getElementById('workspace');
var initOptions = {
type: 'workspace',
libDir: '/lib',
fonts: [
{
name: '나눔고딕',
family: 'Nanum Gothic',
url: '/css/nanumgothic.css',
},
],
};
Entry.init(workspace, initOptions);
```
- domElement : Entry가 Inject될 DOM 노드.
- initOptions : entryjs workspace의 옵션값.
### initOptions
Workspace 타입과 폰트정보를 제외한 모든 옵션은 선택사항이며 Boolean 타입입니다.
- 필수항목
- type: 워크스페이스 타입. (workspace: 만들기 환경, minimize: 구경하기 환경)
- libDir: 써드파티 라이브러리 저장소. entryjs를 포함한 Library 위치. (기본값: '/lib')
- fonts: 웹폰트 정보
- 선택항목
- projectsaveable: 프로젝트 저장가능 여부 (true)
- objectaddable: 오브젝트 추가가능 여부 (true)
- objectEditable: 오브젝트 수정가능 여부 (true). 이값을 false로 세팅하면 objectAddable도 false가 된다.
- objectdeletable: 오브젝트 삭제가능 여부 (true)
- soundeditable: 소리 수정가능 여부 (true)
- pictureeditable: 모양 수정가능 여부 (true)
- sceneEditable: 장면 수정가능 여부 (true)
- functionEnable: 함수 사용가능 여부 (true)
- messageEnable: 신호 사용가능 여부 (true)
- variableEnable: 변수 사용가능 여부 (true)
- listEnable: 리스트 사용가능 여부 (true)
- isForLecture: 강의용 프로젝트 여부 (false)
- textCodingEnable: 엔트리 파이선 사용가능 여부 (true)
- hardwareEnable: 하드웨어 사용가능 여부 (true)
- 웹폰트 정보
엔트리 글상자와 그림판에서 사용할 폰트들을 하나 이상 배열로 추가할 수 있습니다.
```javascript
[
{
name: '화면에 표시할 폰트 이름',
family: 'font-family 이름',
url: '폰트 정의파일 경로',
},
];
```
```javascript
// 예시
[
{
name: '나눔고딕',
family: 'Nanum Gothic',
url: '/css/nanumgothic.css',
},
{
name: '나눔필기체',
family: 'Nanum Pen Script',
url: '/css/nanumpenscript.css',
},
];
```
무료 한글 웹폰트는 https://www.google.com/fonts/earlyaccess 에서 다운로드 하실 수 있습니다.
### Entry.playground.setBlockMenu();
블록메뉴 초기화
### Entry.loadProject(project);
프로젝트 불러오기. project 인자를 생략할 경우 기본 프로젝트를 리턴합니다.
### 이벤트. (Event description)
- event listening
```javascript
Entry.addEventListener(eventName, function);
```
- eventName: 캐치하고 싶은 커스텀 이벤트의 이름
- function: 해당 커스텀 이벤트가 발생했을 경우 실행 될 함수
* event dispatch
```javascript
Entry.dispatchEvent(eventName, params);
```
- eventName: 발생 시키고 싶은 이벤트의 이름
- params: 이벤트를 리스닝 하고 있는 콜백함수에 넘겨줄 파라미터
* 대표적인 이벤트
- run
- stop
* 유저 인터랙션
- keyPressed
- keyUpped
- canvasClick
- canvasClickCanceled
- entityClick
- entityClickCanceled
- stageMouseMove
- stageMouseOut
* 화면
- windowResized
### Entry.Toast
- 워크스페이스 하단에 알림 메시지 표시
* Entry.Toast.warning(title, message, auto-dospose); // 주의
* Entry.Toast.success(title, message, auto-dospose); // 성공
* Entry.Toast.alert(title, message, auto-dospose); // 경고
### 블록 모양 정의와 실행 스크립트.
```
${entryjs}/src/blocks/**/*
```
### 블록 모양 정의
[EntryDocs - 블록 명세 작성](https://entrylabs.github.io/docs/guide/entryjs/2016-05-22-add_new_blocks.html) 을 참고해주세요.
### 프로젝트 (Project Schema)
### 저장
: 아래의 Entry 함수를 이용해 필수정보들을 JSON형태로 저장할 수 있습니다.
저장된 프로젝트는 Entry.loadProject(project) 를 이용해 다시 로드할 수 있습니다.
```javascript
var project = Entry.exportProject();
```
### 상세 스키마
```javascript
/**
* MongoDB 스키마 예제.
*/
var ProjectSchema = new Schema({
speed: { // 초당 실행 프레임수
type: Number,
default: 60
},
objects: [ // 오브젝트 목록
{
id: String, // 오브젝트 ID. Unique.
name: String, // 오브젝트(또는 글상자 제목) 이름.
text: String, // 글상자 내용. (objectType이 textBox일 경우)
order: Number, // TODO
objectType: String, // 오브젝트 유형. (sprite, textBox)
scene: String, // 장면 ID. Unique.
active: { // 오브젝트 활성화 여부
type: Boolean,
default: true
},
lock: { // 오브젝트 잠금 여부
type: Boolean,
default: false
},
rotateMethod: String, // 회전방식. (free, vertical, none)
entity: { // 엔티티 정보
rotation: Number, // 회전
direction: Number, // 방향
x: Number, // x 좌표
y: Number, // y 좌표
regX: Number, // 가로 중심점
regY: Number, // 세로 중심점
scaleX: Number, // 가로 배율
scaleY: Number, // 세로 배율
width: Number, // 넓이
height: Number, // 높이
imageIndex: Number, // TODO
visible: Boolean, // 화면표시 여부
colour: String, // 글상자 폰트색깔
font: String, // 글상자 폰트
bgColor: String, // 글상자 배경색깔
textAlign: Number, // 글상자 정렬
lineBreak: Boolean, // 글상자 줄바꿈 여부
underLine: Boolean, // 글상자
strike: Boolean // 글상자 밑줄
},
script: String, // 블록 스크립트
sprite: { // 스프라이트 정보
name: String, // 스프라이트 이름
pictures: [{ // 모양 목록
id: String, // 모양 ID. Unique/
name: String, // 모양 이름
fileurl: String, // 모양 이미지
dimension: { // 모양 크기
width: Number,
height: Number,
scaleX: Number,
scaleY: Number
},
scale: { // 확대, 축소 비율(100% 기준)
type: Number,
default: 100
}
}],
sounds: [{ // 소리 목록
id: String, // 소리 ID. Unique.
name: String, // 이름
fileurl: String, // 사운드 파일 URL
duration: Number // 재생시간. (초단위)
}]
},
selectedPictureId: String, // 현재 활성화된 모양의 ID
selectedSoundId: String // 현재 활성화된 소리의 ID
}
],
variables: [ // 프로젝트 변수
{
name: String, // 변수명
variableType: String, // 변수형. (일반변수: variable, 타이머: timer, 대답: answer, 슬라이드: slide, 리스트: list)
id: String, // 변수ID. Unique.
value: String, // 변수 값
minValue: Number, // 최소값
maxValue: Number, // 최대값
visible: Boolean, // 캔버스에 표시여부
x: Number, // 컨버스 위치 x좌표
y: Number, // 캔버스 위치 y좌표
width: Number, // 넓이
height: Number, // 높이
isCloud: { // 공유 변수 여부
type: Boolean,
default: false
},
object: { // 지역변수일 경우 참조하는 오브젝트 ID
type: String,
default: null
},
array: [{ // 변수형이 list일 경우 값 목록
data: String // 값 데이터
}]
}
],
messages: [ // 신호 목록
{
name: String, // 신호명
id: String // 신호 ID. Unique.
}
],
functions: [ // 함수 목록
{
id: String, // 함수 ID. Unique.
block: String, // 함수 블록 정보
content: String, // 함수 실행 정보
id: String,
name: String
}]
}
],
scenes: { // 장면 정보
type: [ // 장면 목록
{
name: String, // 장면 이름
id: String // 장면 ID. Unique.
}
]
},
});
```
### Sprite, Picture, Sound schema
### 스프라이트
```javascript
var SpriteSchema = new Schema({
name: String, // 스프라이트 이름
pictures: [
{
// 모양 목록
name: String, // 모양 이름
fileurl: String, // 모양 이미지
dimension: {
// 모양 크기
width: Number,
height: Number,
},
},
],
sounds: [
{
// 소리 목록
name: String, // 이름
fileurl: String, // 사운드 파일 URL
duration: Number, // 재생시간. (초단위)
},
],
});
```
#### 모양
```javascript
var PictureSchema = new Schema({
name: String, // 모양 이름
fileurl: String, // 모양 이미지
dimension: {
// 모양 크기
width: Number,
height: Number,
},
});
```
#### 소리
```javascript
var SoundSchema = new Schema({
name: String, // 이름
fileurl: String, // 사운드 파일 URL
duration: Number, // 재생시간. (초단위)
});
```
## Copyright and License
EntryJS Copyright (c) 2015 Entry Labs.
Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.
================================================
FILE: contributing.md
================================================
#### 업체PR 가이드
하드웨어 업체에서는
entryjs 레포지토리에서 Pull Request를 보내실때
devleop-hw브랜치로 보내주시기 바랍니다.
기타 다른브랜치에 PR보내시면 Reject사유가 될수 있습니다.
================================================
FILE: example/example.ejs
================================================
<%= htmlWebpackPlugin.options.title %>
<% for (var css in htmlWebpackPlugin.files.css) { %>
<% } %>
<% for (var chunk in htmlWebpackPlugin.files.js) { %>
<% } %>
================================================
FILE: example/example_mini.ejs
================================================
<%= htmlWebpackPlugin.options.title %>
<% for (var css in htmlWebpackPlugin.files.css) { %>
<% } %>
<% for (var chunk in htmlWebpackPlugin.files.chunks) { %>
<% } %>
================================================
FILE: example/example_webgl.ejs
================================================
<%= htmlWebpackPlugin.options.title %>
<% for (var css in htmlWebpackPlugin.files.css) { %>
<% } %>
<% for (var chunk in htmlWebpackPlugin.files.chunks) { %>
<% } %>
================================================
FILE: extern/blockly/.ropeproject/config.py
================================================
# The default ``config.py``
def set_prefs(prefs):
"""This function is called before opening the project"""
# Specify which files and folders to ignore in the project.
# Changes to ignored resources are not added to the history and
# VCSs. Also they are not returned in `Project.get_files()`.
# Note that ``?`` and ``*`` match all characters but slashes.
# '*.pyc': matches 'test.pyc' and 'pkg/test.pyc'
# 'mod*.pyc': matches 'test/mod1.pyc' but not 'mod/1.pyc'
# '.svn': matches 'pkg/.svn' and all of its children
# 'build/*.o': matches 'build/lib.o' but not 'build/sub/lib.o'
# 'build//*.o': matches 'build/lib.o' and 'build/sub/lib.o'
prefs['ignored_resources'] = ['*.pyc', '*~', '.ropeproject',
'.hg', '.svn', '_svn', '.git']
# Specifies which files should be considered python files. It is
# useful when you have scripts inside your project. Only files
# ending with ``.py`` are considered to be python files by
# default.
#prefs['python_files'] = ['*.py']
# Custom source folders: By default rope searches the project
# for finding source folders (folders that should be searched
# for finding modules). You can add paths to that list. Note
# that rope guesses project source folders correctly most of the
# time; use this if you have any problems.
# The folders should be relative to project root and use '/' for
# separating folders regardless of the platform rope is running on.
# 'src/my_source_folder' for instance.
#prefs.add('source_folders', 'src')
# You can extend python path for looking up modules
#prefs.add('python_path', '~/python/')
# Should rope save object information or not.
prefs['save_objectdb'] = True
prefs['compress_objectdb'] = False
# If `True`, rope analyzes each module when it is being saved.
prefs['automatic_soa'] = True
# The depth of calls to follow in static object analysis
prefs['soa_followed_calls'] = 0
# If `False` when running modules or unit tests "dynamic object
# analysis" is turned off. This makes them much faster.
prefs['perform_doa'] = True
# Rope can check the validity of its object DB when running.
prefs['validate_objectdb'] = True
# How many undos to hold?
prefs['max_history_items'] = 32
# Shows whether to save history across sessions.
prefs['save_history'] = True
prefs['compress_history'] = False
# Set the number spaces used for indenting. According to
# :PEP:`8`, it is best to use 4 spaces. Since most of rope's
# unit-tests use 4 spaces it is more reliable, too.
prefs['indent_size'] = 4
# Builtin and c-extension modules that are allowed to be imported
# and inspected by rope.
prefs['extension_modules'] = []
# Add all standard c-extensions to extension_modules list.
prefs['import_dynload_stdmods'] = True
# If `True` modules with syntax errors are considered to be empty.
# The default value is `False`; When `False` syntax errors raise
# `rope.base.exceptions.ModuleSyntaxError` exception.
prefs['ignore_syntax_errors'] = False
# If `True`, rope ignores unresolvable imports. Otherwise, they
# appear in the importing namespace.
prefs['ignore_bad_imports'] = False
def project_opened(project):
"""This function is called after opening the project"""
# Do whatever you like here!
================================================
FILE: extern/blockly/.ropeproject/globalnames
================================================
}qUbuild]q(UGen_compressedqUHEADERqU search_pathsqU import_pathqUcalcdepsqUGen_uncompressedqU
Gen_langfilesq es.
================================================
FILE: extern/blockly/.ropeproject/history
================================================
]q(]q]qe.
================================================
FILE: extern/blockly/.ropeproject/objectdb
================================================
}q.
================================================
FILE: extern/blockly/blockly_compressed.js
================================================
// Do not edit this file; automatically generated by build.py.
"use strict";
var COMPILED=!0,goog=goog||{};goog.global=this;goog.isDef=function(a){return void 0!==a};goog.exportPath_=function(a,b,c){a=a.split(".");c=c||goog.global;a[0]in c||!c.execScript||c.execScript("var "+a[0]);for(var d;a.length&&(d=a.shift());)!a.length&&goog.isDef(b)?c[d]=b:c=c[d]?c[d]:c[d]={}};
goog.define=function(a,b){var c=b;COMPILED||(goog.global.CLOSURE_UNCOMPILED_DEFINES&&Object.prototype.hasOwnProperty.call(goog.global.CLOSURE_UNCOMPILED_DEFINES,a)?c=goog.global.CLOSURE_UNCOMPILED_DEFINES[a]:goog.global.CLOSURE_DEFINES&&Object.prototype.hasOwnProperty.call(goog.global.CLOSURE_DEFINES,a)&&(c=goog.global.CLOSURE_DEFINES[a]));goog.exportPath_(a,c)};goog.DEBUG=!0;goog.LOCALE="en";goog.TRUSTED_SITE=!0;goog.STRICT_MODE_COMPATIBLE=!1;goog.DISALLOW_TEST_ONLY_CODE=COMPILED&&!goog.DEBUG;
goog.ENABLE_CHROME_APP_SAFE_SCRIPT_LOADING=!1;goog.provide=function(a){if(goog.isInModuleLoader_())throw Error("goog.provide can not be used within a goog.module.");if(!COMPILED&&goog.isProvided_(a))throw Error('Namespace "'+a+'" already declared.');goog.constructNamespace_(a)};goog.constructNamespace_=function(a,b){if(!COMPILED){delete goog.implicitNamespaces_[a];for(var c=a;(c=c.substring(0,c.lastIndexOf(".")))&&!goog.getObjectByName(c);)goog.implicitNamespaces_[c]=!0}goog.exportPath_(a,b)};
goog.VALID_MODULE_RE_=/^[a-zA-Z_$][a-zA-Z0-9._$]*$/;goog.module=function(a){if(!goog.isString(a)||!a||-1==a.search(goog.VALID_MODULE_RE_))throw Error("Invalid module identifier");if(!goog.isInModuleLoader_())throw Error("Module "+a+" has been loaded incorrectly.");if(goog.moduleLoaderState_.moduleName)throw Error("goog.module may only be called once per module.");goog.moduleLoaderState_.moduleName=a;if(!COMPILED){if(goog.isProvided_(a))throw Error('Namespace "'+a+'" already declared.');delete goog.implicitNamespaces_[a]}};
goog.module.get=function(a){return goog.module.getInternal_(a)};goog.module.getInternal_=function(a){if(!COMPILED)return goog.isProvided_(a)?a in goog.loadedModules_?goog.loadedModules_[a]:goog.getObjectByName(a):null};goog.moduleLoaderState_=null;goog.isInModuleLoader_=function(){return null!=goog.moduleLoaderState_};
goog.module.declareLegacyNamespace=function(){if(!COMPILED&&!goog.isInModuleLoader_())throw Error("goog.module.declareLegacyNamespace must be called from within a goog.module");if(!COMPILED&&!goog.moduleLoaderState_.moduleName)throw Error("goog.module must be called prior to goog.module.declareLegacyNamespace.");goog.moduleLoaderState_.declareLegacyNamespace=!0};
goog.setTestOnly=function(a){if(goog.DISALLOW_TEST_ONLY_CODE)throw a=a||"",Error("Importing test-only code into non-debug environment"+(a?": "+a:"."));};goog.forwardDeclare=function(a){};COMPILED||(goog.isProvided_=function(a){return a in goog.loadedModules_||!goog.implicitNamespaces_[a]&&goog.isDefAndNotNull(goog.getObjectByName(a))},goog.implicitNamespaces_={"goog.module":!0});
goog.getObjectByName=function(a,b){for(var c=a.split("."),d=b||goog.global,e;e=c.shift();)if(goog.isDefAndNotNull(d[e]))d=d[e];else return null;return d};goog.globalize=function(a,b){var c=b||goog.global,d;for(d in a)c[d]=a[d]};
goog.addDependency=function(a,b,c,d){if(goog.DEPENDENCIES_ENABLED){var e;a=a.replace(/\\/g,"/");var f=goog.dependencies_;d&&"boolean"!==typeof d||(d=d?{module:"goog"}:{});for(var g=0;e=b[g];g++)f.nameToPath[e]=a,f.loadFlags[a]=d;for(d=0;b=c[d];d++)a in f.requires||(f.requires[a]={}),f.requires[a][b]=!0}};goog.ENABLE_DEBUG_LOADER=!0;goog.logToConsole_=function(a){goog.global.console&&goog.global.console.error(a)};
goog.require=function(a){if(!COMPILED){goog.ENABLE_DEBUG_LOADER&&goog.IS_OLD_IE_&&goog.maybeProcessDeferredDep_(a);if(goog.isProvided_(a))return goog.isInModuleLoader_()?goog.module.getInternal_(a):null;if(goog.ENABLE_DEBUG_LOADER){var b=goog.getPathFromDeps_(a);if(b)return goog.writeScripts_(b),null}a="goog.require could not find: "+a;goog.logToConsole_(a);throw Error(a);}};goog.basePath="";goog.nullFunction=function(){};
goog.abstractMethod=function(){throw Error("unimplemented abstract method");};goog.addSingletonGetter=function(a){a.getInstance=function(){if(a.instance_)return a.instance_;goog.DEBUG&&(goog.instantiatedSingletons_[goog.instantiatedSingletons_.length]=a);return a.instance_=new a}};goog.instantiatedSingletons_=[];goog.LOAD_MODULE_USING_EVAL=!0;goog.SEAL_MODULE_EXPORTS=goog.DEBUG;goog.loadedModules_={};goog.DEPENDENCIES_ENABLED=!COMPILED&&goog.ENABLE_DEBUG_LOADER;goog.TRANSPILE="detect";
goog.TRANSPILER="transpile.js";
goog.DEPENDENCIES_ENABLED&&(goog.dependencies_={loadFlags:{},nameToPath:{},requires:{},visited:{},written:{},deferred:{}},goog.inHtmlDocument_=function(){var a=goog.global.document;return null!=a&&"write"in a},goog.findBasePath_=function(){if(goog.isDef(goog.global.CLOSURE_BASE_PATH))goog.basePath=goog.global.CLOSURE_BASE_PATH;else if(goog.inHtmlDocument_())for(var a=goog.global.document.getElementsByTagName("SCRIPT"),b=a.length-1;0<=b;--b){var c=a[b].src,d=c.lastIndexOf("?"),d=-1==d?c.length:d;if("base.js"==
c.substr(d-7,7)){goog.basePath=c.substr(0,d-7);break}}},goog.importScript_=function(a,b){(goog.global.CLOSURE_IMPORT_SCRIPT||goog.writeScriptTag_)(a,b)&&(goog.dependencies_.written[a]=!0)},goog.IS_OLD_IE_=!(goog.global.atob||!goog.global.document||!goog.global.document.all),goog.importProcessedScript_=function(a,b,c){goog.importScript_("",'goog.retrieveAndExec_("'+a+'", '+b+", "+c+");")},goog.queuedModules_=[],goog.wrapModule_=function(a,b){return goog.LOAD_MODULE_USING_EVAL&&goog.isDef(goog.global.JSON)?
"goog.loadModule("+goog.global.JSON.stringify(b+"\n//# sourceURL="+a+"\n")+");":'goog.loadModule(function(exports) {"use strict";'+b+"\n;return exports});\n//# sourceURL="+a+"\n"},goog.loadQueuedModules_=function(){var a=goog.queuedModules_.length;if(0\x3c/script>')},goog.appendScriptSrcNode_=function(a){var b=goog.global.document,c=b.createElement("script");c.type="text/javascript";c.src=a;c.defer=!1;c.async=!1;b.head.appendChild(c)},goog.writeScriptTag_=function(a,b){if(goog.inHtmlDocument_()){var c=
goog.global.document;if(!goog.ENABLE_CHROME_APP_SAFE_SCRIPT_LOADING&&"complete"==c.readyState){if(/\bdeps.js$/.test(a))return!1;throw Error('Cannot write "'+a+'" after document load');}if(void 0===b)if(goog.IS_OLD_IE_){var d=" onreadystatechange='goog.onScriptLoad_(this, "+ ++goog.lastNonModuleScriptIndex_+")' ";c.write('');
// Load fresh Closure Library.
document.write('');
document.write('');
================================================
FILE: extern/blockly/blocks/colour.js
================================================
/**
* @license
* Visual Blocks Editor
*
* Copyright 2012 Google Inc.
* https://blockly.googlecode.com/
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/**
* @fileoverview Colour blocks for Blockly.
* @author fraser@google.com (Neil Fraser)
*/
'use strict';
goog.provide('Blockly.Blocks.colour');
goog.require('Blockly.Blocks');
Blockly.Blocks['colour_picker'] = {
// Colour picker.
init: function() {
this.setHelpUrl(Blockly.Msg.COLOUR_PICKER_HELPURL);
this.setColour(20);
this.appendDummyInput()
.appendField(new Blockly.FieldColour('#ff0000'), 'COLOUR');
this.setOutput(true, 'Colour');
this.setTooltip(Blockly.Msg.COLOUR_PICKER_TOOLTIP);
}
};
Blockly.Blocks['colour_random'] = {
// Random colour.
init: function() {
this.setHelpUrl(Blockly.Msg.COLOUR_RANDOM_HELPURL);
this.setColour(20);
this.appendDummyInput()
.appendField(Blockly.Msg.COLOUR_RANDOM_TITLE);
this.setOutput(true, 'Colour');
this.setTooltip(Blockly.Msg.COLOUR_RANDOM_TOOLTIP);
}
};
Blockly.Blocks['colour_rgb'] = {
// Compose a colour from RGB components.
init: function() {
this.setHelpUrl(Blockly.Msg.COLOUR_RGB_HELPURL);
this.setColour(20);
this.appendValueInput('RED')
.setCheck('Number')
.setAlign(Blockly.ALIGN_RIGHT)
.appendField(Blockly.Msg.COLOUR_RGB_TITLE)
.appendField(Blockly.Msg.COLOUR_RGB_RED);
this.appendValueInput('GREEN')
.setCheck('Number')
.setAlign(Blockly.ALIGN_RIGHT)
.appendField(Blockly.Msg.COLOUR_RGB_GREEN);
this.appendValueInput('BLUE')
.setCheck('Number')
.setAlign(Blockly.ALIGN_RIGHT)
.appendField(Blockly.Msg.COLOUR_RGB_BLUE);
this.setOutput(true, 'Colour');
this.setTooltip(Blockly.Msg.COLOUR_RGB_TOOLTIP);
}
};
Blockly.Blocks['colour_blend'] = {
// Blend two colours together.
init: function() {
this.setHelpUrl(Blockly.Msg.COLOUR_BLEND_HELPURL);
this.setColour(20);
this.appendValueInput('COLOUR1')
.setCheck('Colour')
.setAlign(Blockly.ALIGN_RIGHT)
.appendField(Blockly.Msg.COLOUR_BLEND_TITLE)
.appendField(Blockly.Msg.COLOUR_BLEND_COLOUR1);
this.appendValueInput('COLOUR2')
.setCheck('Colour')
.setAlign(Blockly.ALIGN_RIGHT)
.appendField(Blockly.Msg.COLOUR_BLEND_COLOUR2);
this.appendValueInput('RATIO')
.setCheck('Number')
.setAlign(Blockly.ALIGN_RIGHT)
.appendField(Blockly.Msg.COLOUR_BLEND_RATIO);
this.setOutput(true, 'Colour');
this.setTooltip(Blockly.Msg.COLOUR_BLEND_TOOLTIP);
}
};
================================================
FILE: extern/blockly/blocks/lists.js
================================================
/**
* @license
* Visual Blocks Editor
*
* Copyright 2012 Google Inc.
* https://blockly.googlecode.com/
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/**
* @fileoverview List blocks for Blockly.
* @author fraser@google.com (Neil Fraser)
*/
'use strict';
goog.provide('Blockly.Blocks.lists');
goog.require('Blockly.Blocks');
Blockly.Blocks['lists_create_empty'] = {
// Create an empty list.
init: function() {
this.setHelpUrl(Blockly.Msg.LISTS_CREATE_EMPTY_HELPURL);
this.setColour(260);
this.setOutput(true, 'Array');
this.appendDummyInput()
.appendField(Blockly.Msg.LISTS_CREATE_EMPTY_TITLE);
this.setTooltip(Blockly.Msg.LISTS_CREATE_EMPTY_TOOLTIP);
}
};
Blockly.Blocks['lists_create_with'] = {
// Create a list with any number of elements of any type.
init: function() {
this.setColour(260);
this.appendValueInput('ADD0')
.appendField(Blockly.Msg.LISTS_CREATE_WITH_INPUT_WITH);
this.appendValueInput('ADD1');
this.appendValueInput('ADD2');
this.setOutput(true, 'Array');
this.setMutator(new Blockly.Mutator(['lists_create_with_item']));
this.setTooltip(Blockly.Msg.LISTS_CREATE_WITH_TOOLTIP);
this.itemCount_ = 3;
},
mutationToDom: function(workspace) {
var container = document.createElement('mutation');
container.setAttribute('items', this.itemCount_);
return container;
},
domToMutation: function(container) {
for (var x = 0; x < this.itemCount_; x++) {
this.removeInput('ADD' + x);
}
this.itemCount_ = parseInt(container.getAttribute('items'), 10);
for (var x = 0; x < this.itemCount_; x++) {
var input = this.appendValueInput('ADD' + x);
if (x == 0) {
input.appendField(Blockly.Msg.LISTS_CREATE_WITH_INPUT_WITH);
}
}
if (this.itemCount_ == 0) {
this.appendDummyInput('EMPTY')
.appendField(Blockly.Msg.LISTS_CREATE_EMPTY_TITLE);
}
},
decompose: function(workspace) {
var containerBlock =
Blockly.Block.obtain(workspace, 'lists_create_with_container');
containerBlock.initSvg();
var connection = containerBlock.getInput('STACK').connection;
for (var x = 0; x < this.itemCount_; x++) {
var itemBlock = Blockly.Block.obtain(workspace, 'lists_create_with_item');
itemBlock.initSvg();
connection.connect(itemBlock.previousConnection);
connection = itemBlock.nextConnection;
}
return containerBlock;
},
compose: function(containerBlock) {
// Disconnect all input blocks and remove all inputs.
if (this.itemCount_ == 0) {
this.removeInput('EMPTY');
} else {
for (var x = this.itemCount_ - 1; x >= 0; x--) {
this.removeInput('ADD' + x);
}
}
this.itemCount_ = 0;
// Rebuild the block's inputs.
var itemBlock = containerBlock.getInputTargetBlock('STACK');
while (itemBlock) {
var input = this.appendValueInput('ADD' + this.itemCount_);
if (this.itemCount_ == 0) {
input.appendField(Blockly.Msg.LISTS_CREATE_WITH_INPUT_WITH);
}
// Reconnect any child blocks.
if (itemBlock.valueConnection_) {
input.connection.connect(itemBlock.valueConnection_);
}
this.itemCount_++;
itemBlock = itemBlock.nextConnection &&
itemBlock.nextConnection.targetBlock();
}
if (this.itemCount_ == 0) {
this.appendDummyInput('EMPTY')
.appendField(Blockly.Msg.LISTS_CREATE_EMPTY_TITLE);
}
},
saveConnections: function(containerBlock) {
// Store a pointer to any connected child blocks.
var itemBlock = containerBlock.getInputTargetBlock('STACK');
var x = 0;
while (itemBlock) {
var input = this.getInput('ADD' + x);
itemBlock.valueConnection_ = input && input.connection.targetConnection;
x++;
itemBlock = itemBlock.nextConnection &&
itemBlock.nextConnection.targetBlock();
}
}
};
Blockly.Blocks['lists_create_with_container'] = {
// Container.
init: function() {
this.setColour(260);
this.appendDummyInput()
.appendField(Blockly.Msg.LISTS_CREATE_WITH_CONTAINER_TITLE_ADD);
this.appendStatementInput('STACK');
this.setTooltip(Blockly.Msg.LISTS_CREATE_WITH_CONTAINER_TOOLTIP);
this.contextMenu = false;
}
};
Blockly.Blocks['lists_create_with_item'] = {
// Add items.
init: function() {
this.setColour(260);
this.appendDummyInput()
.appendField(Blockly.Msg.LISTS_CREATE_WITH_ITEM_TITLE);
this.setPreviousStatement(true);
this.setNextStatement(true);
this.setTooltip(Blockly.Msg.LISTS_CREATE_WITH_ITEM_TOOLTIP);
this.contextMenu = false;
}
};
Blockly.Blocks['lists_repeat'] = {
// Create a list with one element repeated.
init: function() {
this.setHelpUrl(Blockly.Msg.LISTS_REPEAT_HELPURL);
this.setColour(260);
this.setOutput(true, 'Array');
this.interpolateMsg(Blockly.Msg.LISTS_REPEAT_TITLE,
['ITEM', null, Blockly.ALIGN_RIGHT],
['NUM', 'Number', Blockly.ALIGN_RIGHT],
Blockly.ALIGN_RIGHT);
this.setTooltip(Blockly.Msg.LISTS_REPEAT_TOOLTIP);
}
};
Blockly.Blocks['lists_length'] = {
// List length.
init: function() {
this.setHelpUrl(Blockly.Msg.LISTS_LENGTH_HELPURL);
this.setColour(260);
this.interpolateMsg(Blockly.Msg.LISTS_LENGTH_TITLE,
['VALUE', ['Array', 'String'], Blockly.ALIGN_RIGHT],
Blockly.ALIGN_RIGHT);
this.setOutput(true, 'Number');
this.setTooltip(Blockly.Msg.LISTS_LENGTH_TOOLTIP);
}
};
Blockly.Blocks['lists_isEmpty'] = {
// Is the list empty?
init: function() {
this.setHelpUrl(Blockly.Msg.LISTS_IS_EMPTY_HELPURL);
this.setColour(260);
this.interpolateMsg(Blockly.Msg.LISTS_IS_EMPTY_TITLE,
['VALUE', ['Array', 'String'], Blockly.ALIGN_RIGHT],
Blockly.ALIGN_RIGHT)
this.setInputsInline(true);
this.setOutput(true, 'Boolean');
this.setTooltip(Blockly.Msg.LISTS_TOOLTIP);
}
};
Blockly.Blocks['lists_indexOf'] = {
// Find an item in the list.
init: function() {
var OPERATORS =
[[Blockly.Msg.LISTS_INDEX_OF_FIRST, 'FIRST'],
[Blockly.Msg.LISTS_INDEX_OF_LAST, 'LAST']];
this.setHelpUrl(Blockly.Msg.LISTS_INDEX_OF_HELPURL);
this.setColour(260);
this.setOutput(true, 'Number');
this.appendValueInput('VALUE')
.setCheck('Array')
.appendField(Blockly.Msg.LISTS_INDEX_OF_INPUT_IN_LIST);
this.appendValueInput('FIND')
.appendField(new Blockly.FieldDropdown(OPERATORS), 'END');
this.setInputsInline(true);
this.setTooltip(Blockly.Msg.LISTS_INDEX_OF_TOOLTIP);
}
};
Blockly.Blocks['lists_getIndex'] = {
// Get element at index.
init: function() {
var MODE =
[[Blockly.Msg.LISTS_GET_INDEX_GET, 'GET'],
[Blockly.Msg.LISTS_GET_INDEX_GET_REMOVE, 'GET_REMOVE'],
[Blockly.Msg.LISTS_GET_INDEX_REMOVE, 'REMOVE']];
this.WHERE_OPTIONS =
[[Blockly.Msg.LISTS_GET_INDEX_FROM_START, 'FROM_START'],
[Blockly.Msg.LISTS_GET_INDEX_FROM_END, 'FROM_END'],
[Blockly.Msg.LISTS_GET_INDEX_FIRST, 'FIRST'],
[Blockly.Msg.LISTS_GET_INDEX_LAST, 'LAST'],
[Blockly.Msg.LISTS_GET_INDEX_RANDOM, 'RANDOM']];
this.setHelpUrl(Blockly.Msg.LISTS_GET_INDEX_HELPURL);
this.setColour(260);
var modeMenu = new Blockly.FieldDropdown(MODE, function(value) {
var isStatement = (value == 'REMOVE');
this.sourceBlock_.updateStatement(isStatement);
});
this.appendValueInput('VALUE')
.setCheck('Array')
.appendField(Blockly.Msg.LISTS_GET_INDEX_INPUT_IN_LIST);
this.appendDummyInput()
.appendField(modeMenu, 'MODE')
.appendField('', 'SPACE');
this.appendDummyInput('AT');
if (Blockly.Msg.LISTS_GET_INDEX_TAIL) {
this.appendDummyInput('TAIL')
.appendField(Blockly.Msg.LISTS_GET_INDEX_TAIL);
}
this.setInputsInline(true);
this.setOutput(true);
this.updateAt(true);
// Assign 'this' to a variable for use in the tooltip closure below.
var thisBlock = this;
this.setTooltip(function() {
var combo = thisBlock.getFieldValue('MODE') + '_' +
thisBlock.getFieldValue('WHERE');
return Blockly.Msg['LISTS_GET_INDEX_TOOLTIP_' + combo];
});
},
mutationToDom: function() {
// Save whether the block is a statement or a value.
// Save whether there is an 'AT' input.
var container = document.createElement('mutation');
var isStatement = !this.outputConnection;
container.setAttribute('statement', isStatement);
var isAt = this.getInput('AT').type == Blockly.INPUT_VALUE;
container.setAttribute('at', isAt);
return container;
},
domToMutation: function(xmlElement) {
// Restore the block shape.
// Note: Until January 2013 this block did not have mutations,
// so 'statement' defaults to false and 'at' defaults to true.
var isStatement = (xmlElement.getAttribute('statement') == 'true');
this.updateStatement(isStatement);
var isAt = (xmlElement.getAttribute('at') != 'false');
this.updateAt(isAt);
},
updateStatement: function(newStatement) {
// Switch between a value block and a statement block.
var oldStatement = !this.outputConnection;
if (newStatement != oldStatement) {
this.unplug(true, true);
if (newStatement) {
this.setOutput(false);
this.setPreviousStatement(true);
this.setNextStatement(true);
} else {
this.setPreviousStatement(false);
this.setNextStatement(false);
this.setOutput(true);
}
}
},
updateAt: function(isAt) {
// Create or delete an input for the numeric index.
// Destroy old 'AT' and 'ORDINAL' inputs.
this.removeInput('AT');
this.removeInput('ORDINAL', true);
// Create either a value 'AT' input or a dummy input.
if (isAt) {
this.appendValueInput('AT').setCheck('Number');
if (Blockly.Msg.ORDINAL_NUMBER_SUFFIX) {
this.appendDummyInput('ORDINAL')
.appendField(Blockly.Msg.ORDINAL_NUMBER_SUFFIX);
}
} else {
this.appendDummyInput('AT');
}
var menu = new Blockly.FieldDropdown(this.WHERE_OPTIONS, function(value) {
var newAt = (value == 'FROM_START') || (value == 'FROM_END');
// The 'isAt' variable is available due to this function being a closure.
if (newAt != isAt) {
var block = this.sourceBlock_;
block.updateAt(newAt);
// This menu has been destroyed and replaced. Update the replacement.
block.setFieldValue(value, 'WHERE');
return null;
}
return undefined;
});
this.getInput('AT').appendField(menu, 'WHERE');
if (Blockly.Msg.LISTS_GET_INDEX_TAIL) {
this.moveInputBefore('TAIL', null);
}
}
};
Blockly.Blocks['lists_setIndex'] = {
// Set element at index.
init: function() {
var MODE =
[[Blockly.Msg.LISTS_SET_INDEX_SET, 'SET'],
[Blockly.Msg.LISTS_SET_INDEX_INSERT, 'INSERT']];
this.WHERE_OPTIONS =
[[Blockly.Msg.LISTS_GET_INDEX_FROM_START, 'FROM_START'],
[Blockly.Msg.LISTS_GET_INDEX_FROM_END, 'FROM_END'],
[Blockly.Msg.LISTS_GET_INDEX_FIRST, 'FIRST'],
[Blockly.Msg.LISTS_GET_INDEX_LAST, 'LAST'],
[Blockly.Msg.LISTS_GET_INDEX_RANDOM, 'RANDOM']];
this.setHelpUrl(Blockly.Msg.LISTS_SET_INDEX_HELPURL);
this.setColour(260);
this.appendValueInput('LIST')
.setCheck('Array')
.appendField(Blockly.Msg.LISTS_SET_INDEX_INPUT_IN_LIST);
this.appendDummyInput()
.appendField(new Blockly.FieldDropdown(MODE), 'MODE')
.appendField('', 'SPACE');
this.appendDummyInput('AT');
this.appendValueInput('TO')
.appendField(Blockly.Msg.LISTS_SET_INDEX_INPUT_TO);
this.setInputsInline(true);
this.setPreviousStatement(true);
this.setNextStatement(true);
this.setTooltip(Blockly.Msg.LISTS_SET_INDEX_TOOLTIP);
this.updateAt(true);
// Assign 'this' to a variable for use in the tooltip closure below.
var thisBlock = this;
this.setTooltip(function() {
var combo = thisBlock.getFieldValue('MODE') + '_' +
thisBlock.getFieldValue('WHERE');
return Blockly.Msg['LISTS_SET_INDEX_TOOLTIP_' + combo];
});
},
mutationToDom: function() {
// Save whether there is an 'AT' input.
var container = document.createElement('mutation');
var isAt = this.getInput('AT').type == Blockly.INPUT_VALUE;
container.setAttribute('at', isAt);
return container;
},
domToMutation: function(xmlElement) {
// Restore the block shape.
// Note: Until January 2013 this block did not have mutations,
// so 'at' defaults to true.
var isAt = (xmlElement.getAttribute('at') != 'false');
this.updateAt(isAt);
},
updateAt: function(isAt) {
// Create or delete an input for the numeric index.
// Destroy old 'AT' and 'ORDINAL' input.
this.removeInput('AT');
this.removeInput('ORDINAL', true);
// Create either a value 'AT' input or a dummy input.
if (isAt) {
this.appendValueInput('AT').setCheck('Number');
if (Blockly.Msg.ORDINAL_NUMBER_SUFFIX) {
this.appendDummyInput('ORDINAL')
.appendField(Blockly.Msg.ORDINAL_NUMBER_SUFFIX);
}
} else {
this.appendDummyInput('AT');
}
var menu = new Blockly.FieldDropdown(this.WHERE_OPTIONS, function(value) {
var newAt = (value == 'FROM_START') || (value == 'FROM_END');
// The 'isAt' variable is available due to this function being a closure.
if (newAt != isAt) {
var block = this.sourceBlock_;
block.updateAt(newAt);
// This menu has been destroyed and replaced. Update the replacement.
block.setFieldValue(value, 'WHERE');
return null;
}
return undefined;
});
this.moveInputBefore('AT', 'TO');
if (this.getInput('ORDINAL')) {
this.moveInputBefore('ORDINAL', 'TO');
}
this.getInput('AT').appendField(menu, 'WHERE');
}
};
Blockly.Blocks['lists_getSublist'] = {
// Get sublist.
init: function() {
this.WHERE_OPTIONS_1 =
[[Blockly.Msg.LISTS_GET_SUBLIST_START_FROM_START, 'FROM_START'],
[Blockly.Msg.LISTS_GET_SUBLIST_START_FROM_END, 'FROM_END'],
[Blockly.Msg.LISTS_GET_SUBLIST_START_FIRST, 'FIRST']];
this.WHERE_OPTIONS_2 =
[[Blockly.Msg.LISTS_GET_SUBLIST_END_FROM_START, 'FROM_START'],
[Blockly.Msg.LISTS_GET_SUBLIST_END_FROM_END, 'FROM_END'],
[Blockly.Msg.LISTS_GET_SUBLIST_END_LAST, 'LAST']];
this.setHelpUrl(Blockly.Msg.LISTS_GET_SUBLIST_HELPURL);
this.setColour(260);
this.appendValueInput('LIST')
.setCheck('Array')
.appendField(Blockly.Msg.LISTS_GET_SUBLIST_INPUT_IN_LIST);
this.appendDummyInput('AT1');
this.appendDummyInput('AT2');
if (Blockly.Msg.LISTS_GET_SUBLIST_TAIL) {
this.appendDummyInput('TAIL')
.appendField(Blockly.Msg.LISTS_GET_SUBLIST_TAIL);
}
this.setInputsInline(true);
this.setOutput(true, 'Array');
this.updateAt(1, true);
this.updateAt(2, true);
this.setTooltip(Blockly.Msg.LISTS_GET_SUBLIST_TOOLTIP);
},
mutationToDom: function() {
// Save whether there are 'AT' inputs.
var container = document.createElement('mutation');
var isAt1 = this.getInput('AT1').type == Blockly.INPUT_VALUE;
container.setAttribute('at1', isAt1);
var isAt2 = this.getInput('AT2').type == Blockly.INPUT_VALUE;
container.setAttribute('at2', isAt2);
return container;
},
domToMutation: function(xmlElement) {
// Restore the block shape.
var isAt1 = (xmlElement.getAttribute('at1') == 'true');
var isAt2 = (xmlElement.getAttribute('at2') == 'true');
this.updateAt(1, isAt1);
this.updateAt(2, isAt2);
},
updateAt: function(n, isAt) {
// Create or delete an input for the numeric index.
// Destroy old 'AT' and 'ORDINAL' inputs.
this.removeInput('AT' + n);
this.removeInput('ORDINAL' + n, true);
// Create either a value 'AT' input or a dummy input.
if (isAt) {
this.appendValueInput('AT' + n).setCheck('Number');
if (Blockly.Msg.ORDINAL_NUMBER_SUFFIX) {
this.appendDummyInput('ORDINAL' + n)
.appendField(Blockly.Msg.ORDINAL_NUMBER_SUFFIX);
}
} else {
this.appendDummyInput('AT' + n);
}
var menu = new Blockly.FieldDropdown(this['WHERE_OPTIONS_' + n],
function(value) {
var newAt = (value == 'FROM_START') || (value == 'FROM_END');
// The 'isAt' variable is available due to this function being a closure.
if (newAt != isAt) {
var block = this.sourceBlock_;
block.updateAt(n, newAt);
// This menu has been destroyed and replaced. Update the replacement.
block.setFieldValue(value, 'WHERE' + n);
return null;
}
return undefined;
});
this.getInput('AT' + n)
.appendField(menu, 'WHERE' + n);
if (n == 1) {
this.moveInputBefore('AT1', 'AT2');
if (this.getInput('ORDINAL1')) {
this.moveInputBefore('ORDINAL1', 'AT2');
}
}
if (Blockly.Msg.LISTS_GET_SUBLIST_TAIL) {
this.moveInputBefore('TAIL', null);
}
}
};
================================================
FILE: extern/blockly/blocks/logic.js
================================================
/**
* @license
* Visual Blocks Editor
*
* Copyright 2012 Google Inc.
* https://blockly.googlecode.com/
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/**
* @fileoverview Logic blocks for Blockly.
* @author q.neutron@gmail.com (Quynh Neutron)
*/
'use strict';
goog.provide('Blockly.Blocks.logic');
goog.require('Blockly.Blocks');
Blockly.Blocks['controls_if'] = {
// If/elseif/else condition.
init: function() {
this.setHelpUrl(Blockly.Msg.CONTROLS_IF_HELPURL);
this.setColour(210);
this.appendValueInput('IF0')
.setCheck('Boolean')
.appendField(Blockly.Msg.CONTROLS_IF_MSG_IF);
this.appendStatementInput('DO0')
.appendField(Blockly.Msg.CONTROLS_IF_MSG_THEN);
this.setPreviousStatement(true);
this.setNextStatement(true);
this.setMutator(new Blockly.Mutator(['controls_if_elseif',
'controls_if_else']));
// Assign 'this' to a variable for use in the tooltip closure below.
var thisBlock = this;
this.setTooltip(function() {
if (!thisBlock.elseifCount_ && !thisBlock.elseCount_) {
return Blockly.Msg.CONTROLS_IF_TOOLTIP_1;
} else if (!thisBlock.elseifCount_ && thisBlock.elseCount_) {
return Blockly.Msg.CONTROLS_IF_TOOLTIP_2;
} else if (thisBlock.elseifCount_ && !thisBlock.elseCount_) {
return Blockly.Msg.CONTROLS_IF_TOOLTIP_3;
} else if (thisBlock.elseifCount_ && thisBlock.elseCount_) {
return Blockly.Msg.CONTROLS_IF_TOOLTIP_4;
}
return '';
});
this.elseifCount_ = 0;
this.elseCount_ = 0;
},
mutationToDom: function() {
if (!this.elseifCount_ && !this.elseCount_) {
return null;
}
var container = document.createElement('mutation');
if (this.elseifCount_) {
container.setAttribute('elseif', this.elseifCount_);
}
if (this.elseCount_) {
container.setAttribute('else', 1);
}
return container;
},
domToMutation: function(xmlElement) {
this.elseifCount_ = parseInt(xmlElement.getAttribute('elseif'), 10);
this.elseCount_ = parseInt(xmlElement.getAttribute('else'), 10);
for (var x = 1; x <= this.elseifCount_; x++) {
this.appendValueInput('IF' + x)
.setCheck('Boolean')
.appendField(Blockly.Msg.CONTROLS_IF_MSG_ELSEIF);
this.appendStatementInput('DO' + x)
.appendField(Blockly.Msg.CONTROLS_IF_MSG_THEN);
}
if (this.elseCount_) {
this.appendStatementInput('ELSE')
.appendField(Blockly.Msg.CONTROLS_IF_MSG_ELSE);
}
},
decompose: function(workspace) {
var containerBlock = Blockly.Block.obtain(workspace, 'controls_if_if');
containerBlock.initSvg();
var connection = containerBlock.getInput('STACK').connection;
for (var x = 1; x <= this.elseifCount_; x++) {
var elseifBlock = Blockly.Block.obtain(workspace, 'controls_if_elseif');
elseifBlock.initSvg();
connection.connect(elseifBlock.previousConnection);
connection = elseifBlock.nextConnection;
}
if (this.elseCount_) {
var elseBlock = Blockly.Block.obtain(workspace, 'controls_if_else');
elseBlock.initSvg();
connection.connect(elseBlock.previousConnection);
}
return containerBlock;
},
compose: function(containerBlock) {
// Disconnect the else input blocks and remove the inputs.
if (this.elseCount_) {
this.removeInput('ELSE');
}
this.elseCount_ = 0;
// Disconnect all the elseif input blocks and remove the inputs.
for (var x = this.elseifCount_; x > 0; x--) {
this.removeInput('IF' + x);
this.removeInput('DO' + x);
}
this.elseifCount_ = 0;
// Rebuild the block's optional inputs.
var clauseBlock = containerBlock.getInputTargetBlock('STACK');
while (clauseBlock) {
switch (clauseBlock.type) {
case 'controls_if_elseif':
this.elseifCount_++;
var ifInput = this.appendValueInput('IF' + this.elseifCount_)
.setCheck('Boolean')
.appendField(Blockly.Msg.CONTROLS_IF_MSG_ELSEIF);
var doInput = this.appendStatementInput('DO' + this.elseifCount_);
doInput.appendField(Blockly.Msg.CONTROLS_IF_MSG_THEN);
// Reconnect any child blocks.
if (clauseBlock.valueConnection_) {
ifInput.connection.connect(clauseBlock.valueConnection_);
}
if (clauseBlock.statementConnection_) {
doInput.connection.connect(clauseBlock.statementConnection_);
}
break;
case 'controls_if_else':
this.elseCount_++;
var elseInput = this.appendStatementInput('ELSE');
elseInput.appendField(Blockly.Msg.CONTROLS_IF_MSG_ELSE);
// Reconnect any child blocks.
if (clauseBlock.statementConnection_) {
elseInput.connection.connect(clauseBlock.statementConnection_);
}
break;
default:
throw 'Unknown block type.';
}
clauseBlock = clauseBlock.nextConnection &&
clauseBlock.nextConnection.targetBlock();
}
},
saveConnections: function(containerBlock) {
// Store a pointer to any connected child blocks.
var clauseBlock = containerBlock.getInputTargetBlock('STACK');
var x = 1;
while (clauseBlock) {
switch (clauseBlock.type) {
case 'controls_if_elseif':
var inputIf = this.getInput('IF' + x);
var inputDo = this.getInput('DO' + x);
clauseBlock.valueConnection_ =
inputIf && inputIf.connection.targetConnection;
clauseBlock.statementConnection_ =
inputDo && inputDo.connection.targetConnection;
x++;
break;
case 'controls_if_else':
var inputDo = this.getInput('ELSE');
clauseBlock.statementConnection_ =
inputDo && inputDo.connection.targetConnection;
break;
default:
throw 'Unknown block type.';
}
clauseBlock = clauseBlock.nextConnection &&
clauseBlock.nextConnection.targetBlock();
}
}
};
Blockly.Blocks['controls_if_if'] = {
// If condition.
init: function() {
this.setColour(210);
this.appendDummyInput()
.appendField(Blockly.Msg.CONTROLS_IF_IF_TITLE_IF);
this.appendStatementInput('STACK');
this.setTooltip(Blockly.Msg.CONTROLS_IF_IF_TOOLTIP);
this.contextMenu = false;
}
};
Blockly.Blocks['controls_if_elseif'] = {
// Else-If condition.
init: function() {
this.setColour(210);
this.appendDummyInput()
.appendField(Blockly.Msg.CONTROLS_IF_ELSEIF_TITLE_ELSEIF);
this.setPreviousStatement(true);
this.setNextStatement(true);
this.setTooltip(Blockly.Msg.CONTROLS_IF_ELSEIF_TOOLTIP);
this.contextMenu = false;
}
};
Blockly.Blocks['controls_if_else'] = {
// Else condition.
init: function() {
this.setColour(210);
this.appendDummyInput()
.appendField(Blockly.Msg.CONTROLS_IF_ELSE_TITLE_ELSE);
this.setPreviousStatement(true);
this.setTooltip(Blockly.Msg.CONTROLS_IF_ELSE_TOOLTIP);
this.contextMenu = false;
}
};
Blockly.Blocks['logic_compare'] = {
// Comparison operator.
init: function() {
var OPERATORS = Blockly.RTL ? [
['=', 'EQ'],
['\u2260', 'NEQ'],
['>', 'LT'],
['\u2265', 'LTE'],
['<', 'GT'],
['\u2264', 'GTE']
] : [
['=', 'EQ'],
['\u2260', 'NEQ'],
['<', 'LT'],
['\u2264', 'LTE'],
['>', 'GT'],
['\u2265', 'GTE']
];
this.setHelpUrl(Blockly.Msg.LOGIC_COMPARE_HELPURL);
this.setColour(210);
this.setOutput(true, 'Boolean');
this.appendValueInput('A');
this.appendValueInput('B')
.appendField(new Blockly.FieldDropdown(OPERATORS), 'OP');
this.setInputsInline(true);
// Assign 'this' to a variable for use in the tooltip closure below.
var thisBlock = this;
this.setTooltip(function() {
var op = thisBlock.getFieldValue('OP');
var TOOLTIPS = {
EQ: Blockly.Msg.LOGIC_COMPARE_TOOLTIP_EQ,
NEQ: Blockly.Msg.LOGIC_COMPARE_TOOLTIP_NEQ,
LT: Blockly.Msg.LOGIC_COMPARE_TOOLTIP_LT,
LTE: Blockly.Msg.LOGIC_COMPARE_TOOLTIP_LTE,
GT: Blockly.Msg.LOGIC_COMPARE_TOOLTIP_GT,
GTE: Blockly.Msg.LOGIC_COMPARE_TOOLTIP_GTE
};
return TOOLTIPS[op];
});
}
};
Blockly.Blocks['logic_operation'] = {
// Logical operations: 'and', 'or'.
init: function() {
var OPERATORS =
[[Blockly.Msg.LOGIC_OPERATION_AND, 'AND'],
[Blockly.Msg.LOGIC_OPERATION_OR, 'OR']];
this.setHelpUrl(Blockly.Msg.LOGIC_OPERATION_HELPURL);
this.setColour(210);
this.setOutput(true, 'Boolean');
this.appendValueInput('A')
.setCheck('Boolean');
this.appendValueInput('B')
.setCheck('Boolean')
.appendField(new Blockly.FieldDropdown(OPERATORS), 'OP');
this.setInputsInline(true);
// Assign 'this' to a variable for use in the tooltip closure below.
var thisBlock = this;
this.setTooltip(function() {
var op = thisBlock.getFieldValue('OP');
var TOOLTIPS = {
AND: Blockly.Msg.LOGIC_OPERATION_TOOLTIP_AND,
OR: Blockly.Msg.LOGIC_OPERATION_TOOLTIP_OR
};
return TOOLTIPS[op];
});
}
};
Blockly.Blocks['logic_negate'] = {
// Negation.
init: function() {
this.setHelpUrl(Blockly.Msg.LOGIC_NEGATE_HELPURL);
this.setColour(210);
this.setOutput(true, 'Boolean');
this.interpolateMsg(Blockly.Msg.LOGIC_NEGATE_TITLE,
['BOOL', 'Boolean', Blockly.ALIGN_RIGHT],
Blockly.ALIGN_RIGHT);
this.setTooltip(Blockly.Msg.LOGIC_NEGATE_TOOLTIP);
}
};
Blockly.Blocks['logic_boolean'] = {
// Boolean data type: true and false.
init: function() {
var BOOLEANS =
[[Blockly.Msg.LOGIC_BOOLEAN_TRUE, 'TRUE'],
[Blockly.Msg.LOGIC_BOOLEAN_FALSE, 'FALSE']];
this.setHelpUrl(Blockly.Msg.LOGIC_BOOLEAN_HELPURL);
this.setColour(210);
this.setOutput(true, 'Boolean');
this.appendDummyInput()
.appendField(new Blockly.FieldDropdown(BOOLEANS), 'BOOL');
this.setTooltip(Blockly.Msg.LOGIC_BOOLEAN_TOOLTIP);
}
};
Blockly.Blocks['logic_null'] = {
// Null data type.
init: function() {
this.setHelpUrl(Blockly.Msg.LOGIC_NULL_HELPURL);
this.setColour(210);
this.setOutput(true);
this.appendDummyInput()
.appendField(Blockly.Msg.LOGIC_NULL);
this.setTooltip(Blockly.Msg.LOGIC_NULL_TOOLTIP);
}
};
Blockly.Blocks['logic_ternary'] = {
// Ternary operator.
init: function() {
this.setHelpUrl(Blockly.Msg.LOGIC_TERNARY_HELPURL);
this.setColour(210);
this.appendValueInput('IF')
.setCheck('Boolean')
.appendField(Blockly.Msg.LOGIC_TERNARY_CONDITION);
this.appendValueInput('THEN')
.appendField(Blockly.Msg.LOGIC_TERNARY_IF_TRUE);
this.appendValueInput('ELSE')
.appendField(Blockly.Msg.LOGIC_TERNARY_IF_FALSE);
this.setOutput(true);
this.setTooltip(Blockly.Msg.LOGIC_TERNARY_TOOLTIP);
}
};
================================================
FILE: extern/blockly/blocks/loops.js
================================================
/**
* @license
* Visual Blocks Editor
*
* Copyright 2012 Google Inc.
* https://blockly.googlecode.com/
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/**
* @fileoverview Loop blocks for Blockly.
* @author fraser@google.com (Neil Fraser)
*/
'use strict';
goog.provide('Blockly.Blocks.loops');
goog.require('Blockly.Blocks');
Blockly.Blocks['controls_repeat'] = {
// Repeat n times (internal number).
init: function() {
this.setHelpUrl(Blockly.Msg.CONTROLS_REPEAT_HELPURL);
this.setColour(120);
this.appendDummyInput()
.appendField(Blockly.Msg.CONTROLS_REPEAT_TITLE_REPEAT)
.appendField(new Blockly.FieldTextInput('10',
Blockly.FieldTextInput.nonnegativeIntegerValidator), 'TIMES')
.appendField(Blockly.Msg.CONTROLS_REPEAT_TITLE_TIMES);
this.appendStatementInput('DO')
.appendField(Blockly.Msg.CONTROLS_REPEAT_INPUT_DO);
this.setPreviousStatement(true);
this.setNextStatement(true);
this.setTooltip(Blockly.Msg.CONTROLS_REPEAT_TOOLTIP);
}
};
Blockly.Blocks['controls_repeat_ext'] = {
// Repeat n times (external number).
init: function() {
this.setHelpUrl(Blockly.Msg.CONTROLS_REPEAT_HELPURL);
this.setColour(120);
this.interpolateMsg(Blockly.Msg.CONTROLS_REPEAT_TITLE,
['TIMES', 'Number', Blockly.ALIGN_RIGHT],
Blockly.ALIGN_RIGHT);
this.appendStatementInput('DO')
.appendField(Blockly.Msg.CONTROLS_REPEAT_INPUT_DO);
this.setPreviousStatement(true);
this.setNextStatement(true);
this.setInputsInline(true);
this.setTooltip(Blockly.Msg.CONTROLS_REPEAT_TOOLTIP);
}
};
Blockly.Blocks['controls_whileUntil'] = {
// Do while/until loop.
init: function() {
var OPERATORS =
[[Blockly.Msg.CONTROLS_WHILEUNTIL_OPERATOR_WHILE, 'WHILE'],
[Blockly.Msg.CONTROLS_WHILEUNTIL_OPERATOR_UNTIL, 'UNTIL']];
this.setHelpUrl(Blockly.Msg.CONTROLS_WHILEUNTIL_HELPURL);
this.setColour(120);
this.appendValueInput('BOOL')
.setCheck('Boolean')
.appendField(new Blockly.FieldDropdown(OPERATORS), 'MODE');
this.appendStatementInput('DO')
.appendField(Blockly.Msg.CONTROLS_WHILEUNTIL_INPUT_DO);
this.setPreviousStatement(true);
this.setNextStatement(true);
// Assign 'this' to a variable for use in the tooltip closure below.
var thisBlock = this;
this.setTooltip(function() {
var op = thisBlock.getFieldValue('MODE');
var TOOLTIPS = {
WHILE: Blockly.Msg.CONTROLS_WHILEUNTIL_TOOLTIP_WHILE,
UNTIL: Blockly.Msg.CONTROLS_WHILEUNTIL_TOOLTIP_UNTIL
};
return TOOLTIPS[op];
});
}
};
Blockly.Blocks['controls_for'] = {
// For loop.
init: function() {
this.setHelpUrl(Blockly.Msg.CONTROLS_FOR_HELPURL);
this.setColour(120);
this.appendDummyInput()
.appendField(Blockly.Msg.CONTROLS_FOR_INPUT_WITH)
.appendField(new Blockly.FieldVariable(null), 'VAR');
this.interpolateMsg(Blockly.Msg.CONTROLS_FOR_INPUT_FROM_TO_BY,
['FROM', 'Number', Blockly.ALIGN_RIGHT],
['TO', 'Number', Blockly.ALIGN_RIGHT],
['BY', 'Number', Blockly.ALIGN_RIGHT],
Blockly.ALIGN_RIGHT);
this.appendStatementInput('DO')
.appendField(Blockly.Msg.CONTROLS_FOR_INPUT_DO);
this.setPreviousStatement(true);
this.setNextStatement(true);
this.setInputsInline(true);
// Assign 'this' to a variable for use in the tooltip closure below.
var thisBlock = this;
this.setTooltip(function() {
return Blockly.Msg.CONTROLS_FOR_TOOLTIP.replace('%1',
thisBlock.getFieldValue('VAR'));
});
},
getVars: function() {
return [this.getFieldValue('VAR')];
},
renameVar: function(oldName, newName) {
if (Blockly.Names.equals(oldName, this.getFieldValue('VAR'))) {
this.setFieldValue(newName, 'VAR');
}
},
customContextMenu: function(options) {
var option = {enabled: true};
var name = this.getFieldValue('VAR');
option.text = Blockly.Msg.VARIABLES_SET_CREATE_GET.replace('%1', name);
var xmlField = goog.dom.createDom('field', null, name);
xmlField.setAttribute('name', 'VAR');
var xmlBlock = goog.dom.createDom('block', null, xmlField);
xmlBlock.setAttribute('type', 'variables_get');
option.callback = Blockly.ContextMenu.callbackFactory(this, xmlBlock);
options.push(option);
}
};
Blockly.Blocks['controls_forEach'] = {
// For each loop.
init: function() {
this.setHelpUrl(Blockly.Msg.CONTROLS_FOREACH_HELPURL);
this.setColour(120);
this.appendValueInput('LIST')
.setCheck('Array')
.appendField(Blockly.Msg.CONTROLS_FOREACH_INPUT_ITEM)
.appendField(new Blockly.FieldVariable(null), 'VAR')
.appendField(Blockly.Msg.CONTROLS_FOREACH_INPUT_INLIST);
if (Blockly.Msg.CONTROLS_FOREACH_INPUT_INLIST_TAIL) {
this.appendDummyInput()
.appendField(Blockly.Msg.CONTROLS_FOREACH_INPUT_INLIST_TAIL);
this.setInputsInline(true);
}
this.appendStatementInput('DO')
.appendField(Blockly.Msg.CONTROLS_FOREACH_INPUT_DO);
this.setPreviousStatement(true);
this.setNextStatement(true);
// Assign 'this' to a variable for use in the tooltip closure below.
var thisBlock = this;
this.setTooltip(function() {
return Blockly.Msg.CONTROLS_FOREACH_TOOLTIP.replace('%1',
thisBlock.getFieldValue('VAR'));
});
},
getVars: function() {
return [this.getFieldValue('VAR')];
},
renameVar: function(oldName, newName) {
if (Blockly.Names.equals(oldName, this.getFieldValue('VAR'))) {
this.setFieldValue(newName, 'VAR');
}
},
customContextMenu: Blockly.Blocks['controls_for'].customContextMenu
};
Blockly.Blocks['controls_flow_statements'] = {
// Flow statements: continue, break.
init: function() {
var OPERATORS =
[[Blockly.Msg.CONTROLS_FLOW_STATEMENTS_OPERATOR_BREAK, 'BREAK'],
[Blockly.Msg.CONTROLS_FLOW_STATEMENTS_OPERATOR_CONTINUE, 'CONTINUE']];
this.setHelpUrl(Blockly.Msg.CONTROLS_FLOW_STATEMENTS_HELPURL);
this.setColour(120);
this.appendDummyInput()
.appendField(new Blockly.FieldDropdown(OPERATORS), 'FLOW');
this.setPreviousStatement(true);
// Assign 'this' to a variable for use in the tooltip closure below.
var thisBlock = this;
this.setTooltip(function() {
var op = thisBlock.getFieldValue('FLOW');
var TOOLTIPS = {
BREAK: Blockly.Msg.CONTROLS_FLOW_STATEMENTS_TOOLTIP_BREAK,
CONTINUE: Blockly.Msg.CONTROLS_FLOW_STATEMENTS_TOOLTIP_CONTINUE
};
return thisBlock.TOOLTIPS[op];
});
},
onchange: function() {
if (!this.workspace) {
// Block has been deleted.
return;
}
var legal = false;
// Is the block nested in a control statement?
var block = this;
do {
if (block.type == 'controls_repeat' ||
block.type == 'controls_repeat_ext' ||
block.type == 'controls_forEach' ||
block.type == 'controls_for' ||
block.type == 'controls_whileUntil') {
legal = true;
break;
}
block = block.getSurroundParent();
} while (block);
if (legal) {
this.setWarningText(null);
} else {
this.setWarningText(Blockly.Msg.CONTROLS_FLOW_STATEMENTS_WARNING);
}
}
};
================================================
FILE: extern/blockly/blocks/math.js
================================================
/**
* @license
* Visual Blocks Editor
*
* Copyright 2012 Google Inc.
* https://blockly.googlecode.com/
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/**
* @fileoverview Math blocks for Blockly.
* @author q.neutron@gmail.com (Quynh Neutron)
*/
'use strict';
goog.provide('Blockly.Blocks.math');
goog.require('Blockly.Blocks');
Blockly.Blocks['math_number'] = {
// Numeric value.
init: function() {
this.setHelpUrl(Blockly.Msg.MATH_NUMBER_HELPURL);
this.setColour(230);
this.appendDummyInput()
.appendField(new Blockly.FieldTextInput('0',
Blockly.FieldTextInput.numberValidator), 'NUM');
this.setOutput(true, 'Number');
this.setTooltip(Blockly.Msg.MATH_NUMBER_TOOLTIP);
}
};
Blockly.Blocks['math_arithmetic'] = {
// Basic arithmetic operator.
init: function() {
var OPERATORS =
[[Blockly.Msg.MATH_ADDITION_SYMBOL, 'ADD'],
[Blockly.Msg.MATH_SUBTRACTION_SYMBOL, 'MINUS'],
[Blockly.Msg.MATH_MULTIPLICATION_SYMBOL, 'MULTIPLY'],
[Blockly.Msg.MATH_DIVISION_SYMBOL, 'DIVIDE'],
[Blockly.Msg.MATH_POWER_SYMBOL, 'POWER']];
this.setHelpUrl(Blockly.Msg.MATH_ARITHMETIC_HELPURL);
this.setColour(230);
this.setOutput(true, 'Number');
this.appendValueInput('A')
.setCheck('Number');
this.appendValueInput('B')
.setCheck('Number')
.appendField(new Blockly.FieldDropdown(OPERATORS), 'OP');
this.setInputsInline(true);
// Assign 'this' to a variable for use in the tooltip closure below.
var thisBlock = this;
this.setTooltip(function() {
var mode = thisBlock.getFieldValue('OP');
var TOOLTIPS = {
ADD: Blockly.Msg.MATH_ARITHMETIC_TOOLTIP_ADD,
MINUS: Blockly.Msg.MATH_ARITHMETIC_TOOLTIP_MINUS,
MULTIPLY: Blockly.Msg.MATH_ARITHMETIC_TOOLTIP_MULTIPLY,
DIVIDE: Blockly.Msg.MATH_ARITHMETIC_TOOLTIP_DIVIDE,
POWER: Blockly.Msg.MATH_ARITHMETIC_TOOLTIP_POWER
};
return TOOLTIPS[mode];
});
}
};
Blockly.Blocks['math_single'] = {
// Advanced math operators with single operand.
init: function() {
var OPERATORS =
[[Blockly.Msg.MATH_SINGLE_OP_ROOT, 'ROOT'],
[Blockly.Msg.MATH_SINGLE_OP_ABSOLUTE, 'ABS'],
['-', 'NEG'],
['ln', 'LN'],
['log10', 'LOG10'],
['e^', 'EXP'],
['10^', 'POW10']];
this.setHelpUrl(Blockly.Msg.MATH_SINGLE_HELPURL);
this.setColour(230);
this.setOutput(true, 'Number');
this.interpolateMsg('%1 %2',
['OP', new Blockly.FieldDropdown(OPERATORS)],
['NUM', 'Number', Blockly.ALIGN_RIGHT],
Blockly.ALIGN_RIGHT);
// Assign 'this' to a variable for use in the tooltip closure below.
var thisBlock = this;
this.setTooltip(function() {
var mode = thisBlock.getFieldValue('OP');
var TOOLTIPS = {
ROOT: Blockly.Msg.MATH_SINGLE_TOOLTIP_ROOT,
ABS: Blockly.Msg.MATH_SINGLE_TOOLTIP_ABS,
NEG: Blockly.Msg.MATH_SINGLE_TOOLTIP_NEG,
LN: Blockly.Msg.MATH_SINGLE_TOOLTIP_LN,
LOG10: Blockly.Msg.MATH_SINGLE_TOOLTIP_LOG10,
EXP: Blockly.Msg.MATH_SINGLE_TOOLTIP_EXP,
POW10: Blockly.Msg.MATH_SINGLE_TOOLTIP_POW10
};
return TOOLTIPS[mode];
});
}
};
Blockly.Blocks['math_trig'] = {
// Trigonometry operators.
init: function() {
var OPERATORS =
[[Blockly.Msg.MATH_TRIG_SIN, 'SIN'],
[Blockly.Msg.MATH_TRIG_COS, 'COS'],
[Blockly.Msg.MATH_TRIG_TAN, 'TAN'],
[Blockly.Msg.MATH_TRIG_ASIN, 'ASIN'],
[Blockly.Msg.MATH_TRIG_ACOS, 'ACOS'],
[Blockly.Msg.MATH_TRIG_ATAN, 'ATAN']];
this.setHelpUrl(Blockly.Msg.MATH_TRIG_HELPURL);
this.setColour(230);
this.setOutput(true, 'Number');
this.appendValueInput('NUM')
.setCheck('Number')
.appendField(new Blockly.FieldDropdown(OPERATORS), 'OP');
// Assign 'this' to a variable for use in the tooltip closure below.
var thisBlock = this;
this.setTooltip(function() {
var mode = thisBlock.getFieldValue('OP');
var TOOLTIPS = {
SIN: Blockly.Msg.MATH_TRIG_TOOLTIP_SIN,
COS: Blockly.Msg.MATH_TRIG_TOOLTIP_COS,
TAN: Blockly.Msg.MATH_TRIG_TOOLTIP_TAN,
ASIN: Blockly.Msg.MATH_TRIG_TOOLTIP_ASIN,
ACOS: Blockly.Msg.MATH_TRIG_TOOLTIP_ACOS,
ATAN: Blockly.Msg.MATH_TRIG_TOOLTIP_ATAN
};
return TOOLTIPS[mode];
});
}
};
Blockly.Blocks['math_constant'] = {
// Constants: PI, E, the Golden Ratio, sqrt(2), 1/sqrt(2), INFINITY.
init: function() {
var CONSTANTS =
[['\u03c0', 'PI'],
['e', 'E'],
['\u03c6', 'GOLDEN_RATIO'],
['sqrt(2)', 'SQRT2'],
['sqrt(\u00bd)', 'SQRT1_2'],
['\u221e', 'INFINITY']];
this.setHelpUrl(Blockly.Msg.MATH_CONSTANT_HELPURL);
this.setColour(230);
this.setOutput(true, 'Number');
this.appendDummyInput()
.appendField(new Blockly.FieldDropdown(CONSTANTS), 'CONSTANT');
this.setTooltip(Blockly.Msg.MATH_CONSTANT_TOOLTIP);
}
};
Blockly.Blocks['math_number_property'] = {
// Check if a number is even, odd, prime, whole, positive, or negative
// or if it is divisible by certain number. Returns true or false.
init: function() {
var PROPERTIES =
[[Blockly.Msg.MATH_IS_EVEN, 'EVEN'],
[Blockly.Msg.MATH_IS_ODD, 'ODD'],
[Blockly.Msg.MATH_IS_PRIME, 'PRIME'],
[Blockly.Msg.MATH_IS_WHOLE, 'WHOLE'],
[Blockly.Msg.MATH_IS_POSITIVE, 'POSITIVE'],
[Blockly.Msg.MATH_IS_NEGATIVE, 'NEGATIVE'],
[Blockly.Msg.MATH_IS_DIVISIBLE_BY, 'DIVISIBLE_BY']];
this.setColour(230);
this.appendValueInput('NUMBER_TO_CHECK')
.setCheck('Number');
var dropdown = new Blockly.FieldDropdown(PROPERTIES, function(option) {
var divisorInput = (option == 'DIVISIBLE_BY');
this.sourceBlock_.updateShape(divisorInput);
});
this.appendDummyInput()
.appendField(dropdown, 'PROPERTY');
this.setInputsInline(true);
this.setOutput(true, 'Boolean');
this.setTooltip(Blockly.Msg.MATH_IS_TOOLTIP);
},
mutationToDom: function() {
// Save whether the 'divisorInput' should be true of false (present or not).
var container = document.createElement('mutation');
var divisorInput = (this.getFieldValue('PROPERTY') == 'DIVISIBLE_BY');
container.setAttribute('divisor_input', divisorInput);
return container;
},
domToMutation: function(xmlElement) {
// Restore the 'divisorInput'.
var divisorInput = (xmlElement.getAttribute('divisor_input') == 'true');
this.updateShape(divisorInput);
},
updateShape: function(divisorInput) {
// Add or remove a Value Input.
var inputExists = this.getInput('DIVISOR');
if (divisorInput) {
if (!inputExists) {
this.appendValueInput('DIVISOR')
.setCheck('Number');
}
} else if (inputExists) {
this.removeInput('DIVISOR');
}
}
};
Blockly.Blocks['math_change'] = {
// Add to a variable in place.
init: function() {
this.setHelpUrl(Blockly.Msg.MATH_CHANGE_HELPURL);
this.setColour(230);
this.interpolateMsg(
// TODO: Combine these messages instead of using concatenation.
Blockly.Msg.MATH_CHANGE_TITLE_CHANGE + ' %1 ' +
Blockly.Msg.MATH_CHANGE_INPUT_BY + ' %2',
['VAR', new Blockly.FieldVariable(Blockly.Msg.MATH_CHANGE_TITLE_ITEM)],
['DELTA', 'Number', Blockly.ALIGN_RIGHT],
Blockly.ALIGN_RIGHT);
this.setPreviousStatement(true);
this.setNextStatement(true);
// Assign 'this' to a variable for use in the tooltip closure below.
var thisBlock = this;
this.setTooltip(function() {
return Blockly.Msg.MATH_CHANGE_TOOLTIP.replace('%1',
thisBlock.getFieldValue('VAR'));
});
},
getVars: function() {
return [this.getFieldValue('VAR')];
},
renameVar: function(oldName, newName) {
if (Blockly.Names.equals(oldName, this.getFieldValue('VAR'))) {
this.setFieldValue(newName, 'VAR');
}
}
};
Blockly.Blocks['math_round'] = {
// Rounding functions.
init: function() {
var OPERATORS =
[[Blockly.Msg.MATH_ROUND_OPERATOR_ROUND, 'ROUND'],
[Blockly.Msg.MATH_ROUND_OPERATOR_ROUNDUP, 'ROUNDUP'],
[Blockly.Msg.MATH_ROUND_OPERATOR_ROUNDDOWN, 'ROUNDDOWN']];
this.setHelpUrl(Blockly.Msg.MATH_ROUND_HELPURL);
this.setColour(230);
this.setOutput(true, 'Number');
this.appendValueInput('NUM')
.setCheck('Number')
.appendField(new Blockly.FieldDropdown(OPERATORS), 'OP');
this.setTooltip(Blockly.Msg.MATH_ROUND_TOOLTIP);
}
};
Blockly.Blocks['math_on_list'] = {
// Evaluate a list of numbers to return sum, average, min, max, etc.
// Some functions also work on text (min, max, mode, median).
init: function() {
var OPERATORS =
[[Blockly.Msg.MATH_ONLIST_OPERATOR_SUM, 'SUM'],
[Blockly.Msg.MATH_ONLIST_OPERATOR_MIN, 'MIN'],
[Blockly.Msg.MATH_ONLIST_OPERATOR_MAX, 'MAX'],
[Blockly.Msg.MATH_ONLIST_OPERATOR_AVERAGE, 'AVERAGE'],
[Blockly.Msg.MATH_ONLIST_OPERATOR_MEDIAN, 'MEDIAN'],
[Blockly.Msg.MATH_ONLIST_OPERATOR_MODE, 'MODE'],
[Blockly.Msg.MATH_ONLIST_OPERATOR_STD_DEV, 'STD_DEV'],
[Blockly.Msg.MATH_ONLIST_OPERATOR_RANDOM, 'RANDOM']];
// Assign 'this' to a variable for use in the closure below.
var thisBlock = this;
this.setHelpUrl(Blockly.Msg.MATH_ONLIST_HELPURL);
this.setColour(230);
this.setOutput(true, 'Number');
var dropdown = new Blockly.FieldDropdown(OPERATORS, function(newOp) {
if (newOp == 'MODE') {
thisBlock.outputConnection.setCheck('Array');
} else {
thisBlock.outputConnection.setCheck('Number');
}
});
this.appendValueInput('LIST')
.setCheck('Array')
.appendField(dropdown, 'OP');
this.setTooltip(function() {
var mode = thisBlock.getFieldValue('OP');
var TOOLTIPS = {
SUM: Blockly.Msg.MATH_ONLIST_TOOLTIP_SUM,
MIN: Blockly.Msg.MATH_ONLIST_TOOLTIP_MIN,
MAX: Blockly.Msg.MATH_ONLIST_TOOLTIP_MAX,
AVERAGE: Blockly.Msg.MATH_ONLIST_TOOLTIP_AVERAGE,
MEDIAN: Blockly.Msg.MATH_ONLIST_TOOLTIP_MEDIAN,
MODE: Blockly.Msg.MATH_ONLIST_TOOLTIP_MODE,
STD_DEV: Blockly.Msg.MATH_ONLIST_TOOLTIP_STD_DEV,
RANDOM: Blockly.Msg.MATH_ONLIST_TOOLTIP_RANDOM
};
return TOOLTIPS[mode];
});
}
};
Blockly.Blocks['math_modulo'] = {
// Remainder of a division.
init: function() {
this.setHelpUrl(Blockly.Msg.MATH_MODULO_HELPURL);
this.setColour(230);
this.setOutput(true, 'Number');
this.interpolateMsg(Blockly.Msg.MATH_MODULO_TITLE,
['DIVIDEND', 'Number', Blockly.ALIGN_RIGHT],
['DIVISOR', 'Number', Blockly.ALIGN_RIGHT],
Blockly.ALIGN_RIGHT);
this.setInputsInline(true);
this.setTooltip(Blockly.Msg.MATH_MODULO_TOOLTIP);
}
};
Blockly.Blocks['math_constrain'] = {
// Constrain a number between two limits.
init: function() {
this.setHelpUrl(Blockly.Msg.MATH_CONSTRAIN_HELPURL);
this.setColour(230);
this.setOutput(true, 'Number');
this.interpolateMsg(Blockly.Msg.MATH_CONSTRAIN_TITLE,
['VALUE', 'Number', Blockly.ALIGN_RIGHT],
['LOW', 'Number', Blockly.ALIGN_RIGHT],
['HIGH', 'Number', Blockly.ALIGN_RIGHT],
Blockly.ALIGN_RIGHT)
this.setInputsInline(true);
this.setTooltip(Blockly.Msg.MATH_CONSTRAIN_TOOLTIP);
}
};
Blockly.Blocks['math_random_int'] = {
// Random integer between [X] and [Y].
init: function() {
this.setHelpUrl(Blockly.Msg.MATH_RANDOM_INT_HELPURL);
this.setColour(230);
this.setOutput(true, 'Number');
this.interpolateMsg(Blockly.Msg.MATH_RANDOM_INT_TITLE,
['FROM', 'Number', Blockly.ALIGN_RIGHT],
['TO', 'Number', Blockly.ALIGN_RIGHT],
Blockly.ALIGN_RIGHT);
this.setInputsInline(true);
this.setTooltip(Blockly.Msg.MATH_RANDOM_INT_TOOLTIP);
}
};
Blockly.Blocks['math_random_float'] = {
// Random fraction between 0 and 1.
init: function() {
this.setHelpUrl(Blockly.Msg.MATH_RANDOM_FLOAT_HELPURL);
this.setColour(230);
this.setOutput(true, 'Number');
this.appendDummyInput()
.appendField(Blockly.Msg.MATH_RANDOM_FLOAT_TITLE_RANDOM);
this.setTooltip(Blockly.Msg.MATH_RANDOM_FLOAT_TOOLTIP);
}
};
================================================
FILE: extern/blockly/blocks/procedures.js
================================================
/**
* @license
* Visual Blocks Editor
*
* Copyright 2012 Google Inc.
* https://blockly.googlecode.com/
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/**
* @fileoverview Procedure blocks for Blockly.
* @author fraser@google.com (Neil Fraser)
*/
'use strict';
goog.provide('Blockly.Blocks.procedures');
goog.require('Blockly.Blocks');
Blockly.Blocks['procedures_defnoreturn'] = {
// Define a procedure with no return value.
init: function() {
this.setHelpUrl(Blockly.Msg.PROCEDURES_DEFNORETURN_HELPURL);
this.setColour(290);
var name = Blockly.Procedures.findLegalName(
Blockly.Msg.PROCEDURES_DEFNORETURN_PROCEDURE, this);
this.appendDummyInput()
.appendField(Blockly.Msg.PROCEDURES_DEFNORETURN_TITLE)
.appendField(new Blockly.FieldTextInput(name,
Blockly.Procedures.rename), 'NAME')
.appendField('', 'PARAMS');
this.appendStatementInput('STACK')
.appendField(Blockly.Msg.PROCEDURES_DEFNORETURN_DO);
this.setMutator(new Blockly.Mutator(['procedures_mutatorarg']));
this.setTooltip(Blockly.Msg.PROCEDURES_DEFNORETURN_TOOLTIP);
this.arguments_ = [];
},
updateParams_: function() {
// Check for duplicated arguments.
var badArg = false;
var hash = {};
for (var x = 0; x < this.arguments_.length; x++) {
if (hash['arg_' + this.arguments_[x].toLowerCase()]) {
badArg = true;
break;
}
hash['arg_' + this.arguments_[x].toLowerCase()] = true;
}
if (badArg) {
this.setWarningText(Blockly.Msg.PROCEDURES_DEF_DUPLICATE_WARNING);
} else {
this.setWarningText(null);
}
// Merge the arguments into a human-readable list.
var paramString = '';
if (this.arguments_.length) {
paramString = Blockly.Msg.PROCEDURES_BEFORE_PARAMS +
' ' + this.arguments_.join(', ');
}
this.setFieldValue(paramString, 'PARAMS');
},
mutationToDom: function() {
var container = document.createElement('mutation');
for (var x = 0; x < this.arguments_.length; x++) {
var parameter = document.createElement('arg');
parameter.setAttribute('name', this.arguments_[x]);
container.appendChild(parameter);
}
return container;
},
domToMutation: function(xmlElement) {
this.arguments_ = [];
for (var x = 0, childNode; childNode = xmlElement.childNodes[x]; x++) {
if (childNode.nodeName.toLowerCase() == 'arg') {
this.arguments_.push(childNode.getAttribute('name'));
}
}
this.updateParams_();
},
decompose: function(workspace) {
var containerBlock = Blockly.Block.obtain(workspace,
'procedures_mutatorcontainer');
containerBlock.initSvg();
var connection = containerBlock.getInput('STACK').connection;
for (var x = 0; x < this.arguments_.length; x++) {
var paramBlock = Blockly.Block.obtain(workspace, 'procedures_mutatorarg');
paramBlock.initSvg();
paramBlock.setFieldValue(this.arguments_[x], 'NAME');
// Store the old location.
paramBlock.oldLocation = x;
connection.connect(paramBlock.previousConnection);
connection = paramBlock.nextConnection;
}
// Initialize procedure's callers with blank IDs.
Blockly.Procedures.mutateCallers(this.getFieldValue('NAME'),
this.workspace, this.arguments_, null);
return containerBlock;
},
compose: function(containerBlock) {
this.arguments_ = [];
this.paramIds_ = [];
var paramBlock = containerBlock.getInputTargetBlock('STACK');
while (paramBlock) {
this.arguments_.push(paramBlock.getFieldValue('NAME'));
this.paramIds_.push(paramBlock.id);
paramBlock = paramBlock.nextConnection &&
paramBlock.nextConnection.targetBlock();
}
this.updateParams_();
Blockly.Procedures.mutateCallers(this.getFieldValue('NAME'),
this.workspace, this.arguments_, this.paramIds_);
},
dispose: function() {
// Dispose of any callers.
var name = this.getFieldValue('NAME');
Blockly.Procedures.disposeCallers(name, this.workspace);
// Call parent's destructor.
Blockly.Block.prototype.dispose.apply(this, arguments);
},
getProcedureDef: function() {
// Return the name of the defined procedure,
// a list of all its arguments,
// and that it DOES NOT have a return value.
return [this.getFieldValue('NAME'), this.arguments_, false];
},
getVars: function() {
return this.arguments_;
},
renameVar: function(oldName, newName) {
var change = false;
for (var x = 0; x < this.arguments_.length; x++) {
if (Blockly.Names.equals(oldName, this.arguments_[x])) {
this.arguments_[x] = newName;
change = true;
}
}
if (change) {
this.updateParams_();
// Update the mutator's variables if the mutator is open.
if (this.mutator.isVisible_()) {
var blocks = this.mutator.workspace_.getAllBlocks();
for (var x = 0, block; block = blocks[x]; x++) {
if (block.type == 'procedures_mutatorarg' &&
Blockly.Names.equals(oldName, block.getFieldValue('NAME'))) {
block.setFieldValue(newName, 'NAME');
}
}
}
}
},
customContextMenu: function(options) {
// Add option to create caller.
var option = {enabled: true};
var name = this.getFieldValue('NAME');
option.text = Blockly.Msg.PROCEDURES_CREATE_DO.replace('%1', name);
var xmlMutation = goog.dom.createDom('mutation');
xmlMutation.setAttribute('name', name);
for (var x = 0; x < this.arguments_.length; x++) {
var xmlArg = goog.dom.createDom('arg');
xmlArg.setAttribute('name', this.arguments_[x]);
xmlMutation.appendChild(xmlArg);
}
var xmlBlock = goog.dom.createDom('block', null, xmlMutation);
xmlBlock.setAttribute('type', this.callType_);
option.callback = Blockly.ContextMenu.callbackFactory(this, xmlBlock);
options.push(option);
// Add options to create getters for each parameter.
for (var x = 0; x < this.arguments_.length; x++) {
var option = {enabled: true};
var name = this.arguments_[x];
option.text = Blockly.Msg.VARIABLES_SET_CREATE_GET.replace('%1', name);
var xmlField = goog.dom.createDom('field', null, name);
xmlField.setAttribute('name', 'VAR');
var xmlBlock = goog.dom.createDom('block', null, xmlField);
xmlBlock.setAttribute('type', 'variables_get');
option.callback = Blockly.ContextMenu.callbackFactory(this, xmlBlock);
options.push(option);
}
},
callType_: 'procedures_callnoreturn'
};
Blockly.Blocks['procedures_defreturn'] = {
// Define a procedure with a return value.
init: function() {
this.setHelpUrl(Blockly.Msg.PROCEDURES_DEFRETURN_HELPURL);
this.setColour(290);
var name = Blockly.Procedures.findLegalName(
Blockly.Msg.PROCEDURES_DEFRETURN_PROCEDURE, this);
this.appendDummyInput()
.appendField(Blockly.Msg.PROCEDURES_DEFRETURN_TITLE)
.appendField(new Blockly.FieldTextInput(name,
Blockly.Procedures.rename), 'NAME')
.appendField('', 'PARAMS');
this.appendStatementInput('STACK')
.appendField(Blockly.Msg.PROCEDURES_DEFRETURN_DO);
this.appendValueInput('RETURN')
.setAlign(Blockly.ALIGN_RIGHT)
.appendField(Blockly.Msg.PROCEDURES_DEFRETURN_RETURN);
this.setMutator(new Blockly.Mutator(['procedures_mutatorarg']));
this.setTooltip(Blockly.Msg.PROCEDURES_DEFRETURN_TOOLTIP);
this.arguments_ = [];
},
updateParams_: Blockly.Blocks['procedures_defnoreturn'].updateParams_,
mutationToDom: Blockly.Blocks['procedures_defnoreturn'].mutationToDom,
domToMutation: Blockly.Blocks['procedures_defnoreturn'].domToMutation,
decompose: Blockly.Blocks['procedures_defnoreturn'].decompose,
compose: Blockly.Blocks['procedures_defnoreturn'].compose,
dispose: Blockly.Blocks['procedures_defnoreturn'].dispose,
getProcedureDef: function() {
// Return the name of the defined procedure,
// a list of all its arguments,
// and that it DOES have a return value.
return [this.getFieldValue('NAME'), this.arguments_, true];
},
getVars: Blockly.Blocks['procedures_defnoreturn'].getVars,
renameVar: Blockly.Blocks['procedures_defnoreturn'].renameVar,
customContextMenu: Blockly.Blocks['procedures_defnoreturn'].customContextMenu,
callType_: 'procedures_callreturn'
};
Blockly.Blocks['procedures_mutatorcontainer'] = {
// Procedure container (for mutator dialog).
init: function() {
this.setColour(290);
this.appendDummyInput()
.appendField(Blockly.Msg.PROCEDURES_MUTATORCONTAINER_TITLE);
this.appendStatementInput('STACK');
this.setTooltip('');
this.contextMenu = false;
}
};
Blockly.Blocks['procedures_mutatorarg'] = {
// Procedure argument (for mutator dialog).
init: function() {
this.setColour(290);
this.appendDummyInput()
.appendField(Blockly.Msg.PROCEDURES_MUTATORARG_TITLE)
.appendField(new Blockly.FieldTextInput('x', this.validator), 'NAME');
this.setPreviousStatement(true);
this.setNextStatement(true);
this.setTooltip('');
this.contextMenu = false;
},
validator: function(newVar) {
// Merge runs of whitespace. Strip leading and trailing whitespace.
// Beyond this, all names are legal.
newVar = newVar.replace(/[\s\xa0]+/g, ' ').replace(/^ | $/g, '');
return newVar || null;
}
};
Blockly.Blocks['procedures_callnoreturn'] = {
// Call a procedure with no return value.
init: function() {
this.setHelpUrl(Blockly.Msg.PROCEDURES_CALLNORETURN_HELPURL);
this.setColour(290);
this.appendDummyInput()
.appendField(Blockly.Msg.PROCEDURES_CALLNORETURN_CALL)
.appendField('', 'NAME');
this.setPreviousStatement(true);
this.setNextStatement(true);
this.setTooltip(Blockly.Msg.PROCEDURES_CALLNORETURN_TOOLTIP);
this.arguments_ = [];
this.quarkConnections_ = null;
this.quarkArguments_ = null;
},
getProcedureCall: function() {
return this.getFieldValue('NAME');
},
renameProcedure: function(oldName, newName) {
if (Blockly.Names.equals(oldName, this.getFieldValue('NAME'))) {
this.setFieldValue(newName, 'NAME');
this.setTooltip(
(this.outputConnection ? Blockly.Msg.PROCEDURES_CALLRETURN_TOOLTIP
: Blockly.Msg.PROCEDURES_CALLNORETURN_TOOLTIP)
.replace('%1', newName));
}
},
setProcedureParameters: function(paramNames, paramIds) {
// Data structures for parameters on each call block:
// this.arguments = ['x', 'y']
// Existing param names.
// paramNames = ['x', 'y', 'z']
// New param names.
// paramIds = ['piua', 'f8b_', 'oi.o']
// IDs of params (consistent for each parameter through the life of a
// mutator, regardless of param renaming).
// this.quarkConnections_ {piua: null, f8b_: Blockly.Connection}
// Look-up of paramIds to connections plugged into the call block.
// this.quarkArguments_ = ['piua', 'f8b_']
// Existing param IDs.
// Note that quarkConnections_ may include IDs that no longer exist, but
// which might reappear if a param is reattached in the mutator.
if (!paramIds) {
// Reset the quarks (a mutator is about to open).
this.quarkConnections_ = {};
this.quarkArguments_ = null;
return;
}
if (paramIds.length != paramNames.length) {
throw 'Error: paramNames and paramIds must be the same length.';
}
if (!this.quarkArguments_) {
// Initialize tracking for this block.
this.quarkConnections_ = {};
if (paramNames.join('\n') == this.arguments_.join('\n')) {
// No change to the parameters, allow quarkConnections_ to be
// populated with the existing connections.
this.quarkArguments_ = paramIds;
} else {
this.quarkArguments_ = [];
}
}
// Switch off rendering while the block is rebuilt.
var savedRendered = this.rendered;
this.rendered = false;
// Update the quarkConnections_ with existing connections.
for (var x = this.arguments_.length - 1; x >= 0; x--) {
var input = this.getInput('ARG' + x);
if (input) {
var connection = input.connection.targetConnection;
this.quarkConnections_[this.quarkArguments_[x]] = connection;
// Disconnect all argument blocks and remove all inputs.
this.removeInput('ARG' + x);
}
}
// Rebuild the block's arguments.
this.arguments_ = [].concat(paramNames);
this.quarkArguments_ = paramIds;
for (var x = 0; x < this.arguments_.length; x++) {
var input = this.appendValueInput('ARG' + x)
.setAlign(Blockly.ALIGN_RIGHT)
.appendField(this.arguments_[x]);
if (this.quarkArguments_) {
// Reconnect any child blocks.
var quarkName = this.quarkArguments_[x];
if (quarkName in this.quarkConnections_) {
var connection = this.quarkConnections_[quarkName];
if (!connection || connection.targetConnection ||
connection.sourceBlock_.workspace != this.workspace) {
// Block no longer exists or has been attached elsewhere.
delete this.quarkConnections_[quarkName];
} else {
input.connection.connect(connection);
}
}
}
}
// Restore rendering and show the changes.
this.rendered = savedRendered;
if (this.rendered) {
this.render();
}
},
mutationToDom: function() {
// Save the name and arguments (none of which are editable).
var container = document.createElement('mutation');
container.setAttribute('name', this.getFieldValue('NAME'));
for (var x = 0; x < this.arguments_.length; x++) {
var parameter = document.createElement('arg');
parameter.setAttribute('name', this.arguments_[x]);
container.appendChild(parameter);
}
return container;
},
domToMutation: function(xmlElement) {
// Restore the name and parameters.
var name = xmlElement.getAttribute('name');
this.setFieldValue(name, 'NAME');
this.setTooltip(
(this.outputConnection ? Blockly.Msg.PROCEDURES_CALLRETURN_TOOLTIP
: Blockly.Msg.PROCEDURES_CALLNORETURN_TOOLTIP).replace('%1', name));
var def = Blockly.Procedures.getDefinition(name, this.workspace);
if (def && def.mutator.isVisible()) {
// Initialize caller with the mutator's IDs.
this.setProcedureParameters(def.arguments_, def.paramIds_);
} else {
this.arguments_ = [];
for (var x = 0, childNode; childNode = xmlElement.childNodes[x]; x++) {
if (childNode.nodeName.toLowerCase() == 'arg') {
this.arguments_.push(childNode.getAttribute('name'));
}
}
// For the second argument (paramIds) use the arguments list as a dummy
// list.
this.setProcedureParameters(this.arguments_, this.arguments_);
}
},
renameVar: function(oldName, newName) {
for (var x = 0; x < this.arguments_.length; x++) {
if (Blockly.Names.equals(oldName, this.arguments_[x])) {
this.arguments_[x] = newName;
this.getInput('ARG' + x).fieldRow[0].setText(newName);
}
}
},
customContextMenu: function(options) {
// Add option to find caller.
var option = {enabled: true};
option.text = Blockly.Msg.PROCEDURES_HIGHLIGHT_DEF;
var name = this.getFieldValue('NAME');
var workspace = this.workspace;
option.callback = function() {
var def = Blockly.Procedures.getDefinition(name, workspace);
def && def.select();
};
options.push(option);
}
};
Blockly.Blocks['procedures_callreturn'] = {
// Call a procedure with a return value.
init: function() {
this.setHelpUrl(Blockly.Msg.PROCEDURES_CALLRETURN_HELPURL);
this.setColour(290);
this.appendDummyInput()
.appendField(Blockly.Msg.PROCEDURES_CALLRETURN_CALL)
.appendField('', 'NAME');
this.setOutput(true);
this.setTooltip(Blockly.Msg.PROCEDURES_CALLRETURN_TOOLTIP);
this.arguments_ = [];
this.quarkConnections_ = null;
this.quarkArguments_ = null;
},
getProcedureCall: Blockly.Blocks['procedures_callnoreturn'].getProcedureCall,
renameProcedure: Blockly.Blocks['procedures_callnoreturn'].renameProcedure,
setProcedureParameters:
Blockly.Blocks['procedures_callnoreturn'].setProcedureParameters,
mutationToDom: Blockly.Blocks['procedures_callnoreturn'].mutationToDom,
domToMutation: Blockly.Blocks['procedures_callnoreturn'].domToMutation,
renameVar: Blockly.Blocks['procedures_callnoreturn'].renameVar,
customContextMenu: Blockly.Blocks['procedures_callnoreturn'].customContextMenu
};
Blockly.Blocks['procedures_ifreturn'] = {
// Conditionally return value from a procedure.
init: function() {
this.setHelpUrl('http://c2.com/cgi/wiki?GuardClause');
this.setColour(290);
this.appendValueInput('CONDITION')
.setCheck('Boolean')
.appendField(Blockly.Msg.CONTROLS_IF_MSG_IF);
this.appendValueInput('VALUE')
.appendField(Blockly.Msg.PROCEDURES_DEFRETURN_RETURN);
this.setInputsInline(true);
this.setPreviousStatement(true);
this.setNextStatement(true);
this.setTooltip(Blockly.Msg.PROCEDURES_IFRETURN_TOOLTIP);
this.hasReturnValue_ = true;
},
mutationToDom: function() {
// Save whether this block has a return value.
var container = document.createElement('mutation');
container.setAttribute('value', Number(this.hasReturnValue_));
return container;
},
domToMutation: function(xmlElement) {
// Restore whether this block has a return value.
var value = xmlElement.getAttribute('value');
this.hasReturnValue_ = (value == 1);
if (!this.hasReturnValue_) {
this.removeInput('VALUE');
this.appendDummyInput('VALUE')
.appendField(Blockly.Msg.PROCEDURES_DEFRETURN_RETURN);
}
},
onchange: function() {
if (!this.workspace) {
// Block has been deleted.
return;
}
var legal = false;
// Is the block nested in a procedure?
var block = this;
do {
if (block.type == 'procedures_defnoreturn' ||
block.type == 'procedures_defreturn') {
legal = true;
break;
}
block = block.getSurroundParent();
} while (block);
if (legal) {
// If needed, toggle whether this block has a return value.
if (block.type == 'procedures_defnoreturn' && this.hasReturnValue_) {
this.removeInput('VALUE');
this.appendDummyInput('VALUE')
.appendField(Blockly.Msg.PROCEDURES_DEFRETURN_RETURN);
this.hasReturnValue_ = false;
} else if (block.type == 'procedures_defreturn' &&
!this.hasReturnValue_) {
this.removeInput('VALUE');
this.appendValueInput('VALUE')
.appendField(Blockly.Msg.PROCEDURES_DEFRETURN_RETURN);
this.hasReturnValue_ = true;
}
this.setWarningText(null);
} else {
this.setWarningText(Blockly.Msg.PROCEDURES_IFRETURN_WARNING);
}
}
};
================================================
FILE: extern/blockly/blocks/text.js
================================================
================================================
FILE: extern/blockly/blocks/variables.js
================================================
/**
* @license
* Visual Blocks Editor
*
* Copyright 2012 Google Inc.
* https://blockly.googlecode.com/
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/**
* @fileoverview Variable blocks for Blockly.
* @author fraser@google.com (Neil Fraser)
*/
'use strict';
goog.provide('Blockly.Blocks.variables');
goog.require('Blockly.Blocks');
Blockly.Blocks['variables_get'] = {
// Variable getter.
init: function() {
this.setHelpUrl(Blockly.Msg.VARIABLES_GET_HELPURL);
this.setColour(330);
this.appendDummyInput()
.appendField(Blockly.Msg.VARIABLES_GET_TITLE)
.appendField(new Blockly.FieldVariable(
Blockly.Msg.VARIABLES_GET_ITEM), 'VAR')
.appendField(Blockly.Msg.VARIABLES_GET_TAIL);
this.setOutput(true);
this.setTooltip(Blockly.Msg.VARIABLES_GET_TOOLTIP);
this.contextMenuMsg_ = Blockly.Msg.VARIABLES_GET_CREATE_SET;
this.contextMenuType_ = 'variables_set';
},
getVars: function() {
return [this.getFieldValue('VAR')];
},
renameVar: function(oldName, newName) {
if (Blockly.Names.equals(oldName, this.getFieldValue('VAR'))) {
this.setFieldValue(newName, 'VAR');
}
},
customContextMenu: function(options) {
var option = {enabled: true};
var name = this.getFieldValue('VAR');
option.text = this.contextMenuMsg_.replace('%1', name);
var xmlField = goog.dom.createDom('field', null, name);
xmlField.setAttribute('name', 'VAR');
var xmlBlock = goog.dom.createDom('block', null, xmlField);
xmlBlock.setAttribute('type', this.contextMenuType_);
option.callback = Blockly.ContextMenu.callbackFactory(this, xmlBlock);
options.push(option);
}
};
Blockly.Blocks['variables_set'] = {
// Variable setter.
init: function() {
this.setHelpUrl(Blockly.Msg.VARIABLES_SET_HELPURL);
this.setColour(330);
this.interpolateMsg(
// TODO: Combine these messages instead of using concatenation.
Blockly.Msg.VARIABLES_SET_TITLE + ' %1 ' +
Blockly.Msg.VARIABLES_SET_TAIL + ' %2',
['VAR', new Blockly.FieldVariable(Blockly.Msg.VARIABLES_SET_ITEM)],
['VALUE', null, Blockly.ALIGN_RIGHT],
Blockly.ALIGN_RIGHT);
this.setPreviousStatement(true);
this.setNextStatement(true);
this.setTooltip(Blockly.Msg.VARIABLES_SET_TOOLTIP);
this.contextMenuMsg_ = Blockly.Msg.VARIABLES_SET_CREATE_GET;
this.contextMenuType_ = 'variables_get';
},
getVars: function() {
return [this.getFieldValue('VAR')];
},
renameVar: function(oldName, newName) {
if (Blockly.Names.equals(oldName, this.getFieldValue('VAR'))) {
this.setFieldValue(newName, 'VAR');
}
},
customContextMenu: Blockly.Blocks['variables_get'].customContextMenu
};
================================================
FILE: extern/blockly/blocks_compressed.js
================================================
// Do not edit this file; automatically generated by build.py.
"use strict";
// Copyright 2012 Google Inc. Apache License 2.0
Blockly.Blocks.colour={};Blockly.Blocks.colour_picker={init:function(){this.setHelpUrl(Blockly.Msg.COLOUR_PICKER_HELPURL);this.setColour(20);this.appendDummyInput().appendField(new Blockly.FieldColour("#ff0000"),"COLOUR");this.setOutput(!0,"Colour");this.setTooltip(Blockly.Msg.COLOUR_PICKER_TOOLTIP)}};
Blockly.Blocks.colour_random={init:function(){this.setHelpUrl(Blockly.Msg.COLOUR_RANDOM_HELPURL);this.setColour(20);this.appendDummyInput().appendField(Blockly.Msg.COLOUR_RANDOM_TITLE);this.setOutput(!0,"Colour");this.setTooltip(Blockly.Msg.COLOUR_RANDOM_TOOLTIP)}};
Blockly.Blocks.colour_rgb={init:function(){this.setHelpUrl(Blockly.Msg.COLOUR_RGB_HELPURL);this.setColour(20);this.appendValueInput("RED").setCheck("Number").setAlign(Blockly.ALIGN_RIGHT).appendField(Blockly.Msg.COLOUR_RGB_TITLE).appendField(Blockly.Msg.COLOUR_RGB_RED);this.appendValueInput("GREEN").setCheck("Number").setAlign(Blockly.ALIGN_RIGHT).appendField(Blockly.Msg.COLOUR_RGB_GREEN);this.appendValueInput("BLUE").setCheck("Number").setAlign(Blockly.ALIGN_RIGHT).appendField(Blockly.Msg.COLOUR_RGB_BLUE);
this.setOutput(!0,"Colour");this.setTooltip(Blockly.Msg.COLOUR_RGB_TOOLTIP)}};
Blockly.Blocks.colour_blend={init:function(){this.setHelpUrl(Blockly.Msg.COLOUR_BLEND_HELPURL);this.setColour(20);this.appendValueInput("COLOUR1").setCheck("Colour").setAlign(Blockly.ALIGN_RIGHT).appendField(Blockly.Msg.COLOUR_BLEND_TITLE).appendField(Blockly.Msg.COLOUR_BLEND_COLOUR1);this.appendValueInput("COLOUR2").setCheck("Colour").setAlign(Blockly.ALIGN_RIGHT).appendField(Blockly.Msg.COLOUR_BLEND_COLOUR2);this.appendValueInput("RATIO").setCheck("Number").setAlign(Blockly.ALIGN_RIGHT).appendField(Blockly.Msg.COLOUR_BLEND_RATIO);this.setOutput(!0,
"Colour");this.setTooltip(Blockly.Msg.COLOUR_BLEND_TOOLTIP)}};Blockly.Blocks.lists={};Blockly.Blocks.lists_create_empty={init:function(){this.setHelpUrl(Blockly.Msg.LISTS_CREATE_EMPTY_HELPURL);this.setColour(260);this.setOutput(!0,"Array");this.appendDummyInput().appendField(Blockly.Msg.LISTS_CREATE_EMPTY_TITLE);this.setTooltip(Blockly.Msg.LISTS_CREATE_EMPTY_TOOLTIP)}};
Blockly.Blocks.lists_create_with={init:function(){this.setColour(260);this.appendValueInput("ADD0").appendField(Blockly.Msg.LISTS_CREATE_WITH_INPUT_WITH);this.appendValueInput("ADD1");this.appendValueInput("ADD2");this.setOutput(!0,"Array");this.setMutator(new Blockly.Mutator(["lists_create_with_item"]));this.setTooltip(Blockly.Msg.LISTS_CREATE_WITH_TOOLTIP);this.itemCount_=3},mutationToDom:function(a){a=document.createElement("mutation");a.setAttribute("items",this.itemCount_);return a},domToMutation:function(a){for(var b=
0;b","LT"],["\u2265","LTE"],["<","GT"],["\u2264","GTE"]]:[["=","EQ"],["\u2260","NEQ"],["<","LT"],["\u2264","LTE"],[">","GT"],["\u2265","GTE"]];this.setHelpUrl(Blockly.Msg.LOGIC_COMPARE_HELPURL);this.setColour(210);this.setOutput(!0,"Boolean");this.appendValueInput("A");this.appendValueInput("B").appendField(new Blockly.FieldDropdown(a),"OP");this.setInputsInline(!0);var b=this;this.setTooltip(function(){var a=
b.getFieldValue("OP");return{EQ:Blockly.Msg.LOGIC_COMPARE_TOOLTIP_EQ,NEQ:Blockly.Msg.LOGIC_COMPARE_TOOLTIP_NEQ,LT:Blockly.Msg.LOGIC_COMPARE_TOOLTIP_LT,LTE:Blockly.Msg.LOGIC_COMPARE_TOOLTIP_LTE,GT:Blockly.Msg.LOGIC_COMPARE_TOOLTIP_GT,GTE:Blockly.Msg.LOGIC_COMPARE_TOOLTIP_GTE}[a]})}};
Blockly.Blocks.logic_operation={init:function(){var a=[[Blockly.Msg.LOGIC_OPERATION_AND,"AND"],[Blockly.Msg.LOGIC_OPERATION_OR,"OR"]];this.setHelpUrl(Blockly.Msg.LOGIC_OPERATION_HELPURL);this.setColour(210);this.setOutput(!0,"Boolean");this.appendValueInput("A").setCheck("Boolean");this.appendValueInput("B").setCheck("Boolean").appendField(new Blockly.FieldDropdown(a),"OP");this.setInputsInline(!0);var b=this;this.setTooltip(function(){var a=b.getFieldValue("OP");return{AND:Blockly.Msg.LOGIC_OPERATION_TOOLTIP_AND,
OR:Blockly.Msg.LOGIC_OPERATION_TOOLTIP_OR}[a]})}};Blockly.Blocks.logic_negate={init:function(){this.setHelpUrl(Blockly.Msg.LOGIC_NEGATE_HELPURL);this.setColour(210);this.setOutput(!0,"Boolean");this.interpolateMsg(Blockly.Msg.LOGIC_NEGATE_TITLE,["BOOL","Boolean",Blockly.ALIGN_RIGHT],Blockly.ALIGN_RIGHT);this.setTooltip(Blockly.Msg.LOGIC_NEGATE_TOOLTIP)}};
Blockly.Blocks.logic_boolean={init:function(){var a=[[Blockly.Msg.LOGIC_BOOLEAN_TRUE,"TRUE"],[Blockly.Msg.LOGIC_BOOLEAN_FALSE,"FALSE"]];this.setHelpUrl(Blockly.Msg.LOGIC_BOOLEAN_HELPURL);this.setColour(210);this.setOutput(!0,"Boolean");this.appendDummyInput().appendField(new Blockly.FieldDropdown(a),"BOOL");this.setTooltip(Blockly.Msg.LOGIC_BOOLEAN_TOOLTIP)}};
Blockly.Blocks.logic_null={init:function(){this.setHelpUrl(Blockly.Msg.LOGIC_NULL_HELPURL);this.setColour(210);this.setOutput(!0);this.appendDummyInput().appendField(Blockly.Msg.LOGIC_NULL);this.setTooltip(Blockly.Msg.LOGIC_NULL_TOOLTIP)}};
Blockly.Blocks.logic_ternary={init:function(){this.setHelpUrl(Blockly.Msg.LOGIC_TERNARY_HELPURL);this.setColour(210);this.appendValueInput("IF").setCheck("Boolean").appendField(Blockly.Msg.LOGIC_TERNARY_CONDITION);this.appendValueInput("THEN").appendField(Blockly.Msg.LOGIC_TERNARY_IF_TRUE);this.appendValueInput("ELSE").appendField(Blockly.Msg.LOGIC_TERNARY_IF_FALSE);this.setOutput(!0);this.setTooltip(Blockly.Msg.LOGIC_TERNARY_TOOLTIP)}};Blockly.Blocks.loops={};
Blockly.Blocks.controls_repeat={init:function(){this.setHelpUrl(Blockly.Msg.CONTROLS_REPEAT_HELPURL);this.setColour(120);this.appendDummyInput().appendField(Blockly.Msg.CONTROLS_REPEAT_TITLE_REPEAT).appendField(new Blockly.FieldTextInput("10",Blockly.FieldTextInput.nonnegativeIntegerValidator),"TIMES").appendField(Blockly.Msg.CONTROLS_REPEAT_TITLE_TIMES);this.appendStatementInput("DO").appendField(Blockly.Msg.CONTROLS_REPEAT_INPUT_DO);this.setPreviousStatement(!0);this.setNextStatement(!0);this.setTooltip(Blockly.Msg.CONTROLS_REPEAT_TOOLTIP)}};
Blockly.Blocks.controls_repeat_ext={init:function(){this.setHelpUrl(Blockly.Msg.CONTROLS_REPEAT_HELPURL);this.setColour(120);this.interpolateMsg(Blockly.Msg.CONTROLS_REPEAT_TITLE,["TIMES","Number",Blockly.ALIGN_RIGHT],Blockly.ALIGN_RIGHT);this.appendStatementInput("DO").appendField(Blockly.Msg.CONTROLS_REPEAT_INPUT_DO);this.setPreviousStatement(!0);this.setNextStatement(!0);this.setInputsInline(!0);this.setTooltip(Blockly.Msg.CONTROLS_REPEAT_TOOLTIP)}};
Blockly.Blocks.controls_whileUntil={init:function(){var a=[[Blockly.Msg.CONTROLS_WHILEUNTIL_OPERATOR_WHILE,"WHILE"],[Blockly.Msg.CONTROLS_WHILEUNTIL_OPERATOR_UNTIL,"UNTIL"]];this.setHelpUrl(Blockly.Msg.CONTROLS_WHILEUNTIL_HELPURL);this.setColour(120);this.appendValueInput("BOOL").setCheck("Boolean").appendField(new Blockly.FieldDropdown(a),"MODE");this.appendStatementInput("DO").appendField(Blockly.Msg.CONTROLS_WHILEUNTIL_INPUT_DO);this.setPreviousStatement(!0);this.setNextStatement(!0);var b=this;
this.setTooltip(function(){var a=b.getFieldValue("MODE");return{WHILE:Blockly.Msg.CONTROLS_WHILEUNTIL_TOOLTIP_WHILE,UNTIL:Blockly.Msg.CONTROLS_WHILEUNTIL_TOOLTIP_UNTIL}[a]})}};
Blockly.Blocks.controls_for={init:function(){this.setHelpUrl(Blockly.Msg.CONTROLS_FOR_HELPURL);this.setColour(120);this.appendDummyInput().appendField(Blockly.Msg.CONTROLS_FOR_INPUT_WITH).appendField(new Blockly.FieldVariable(null),"VAR");this.interpolateMsg(Blockly.Msg.CONTROLS_FOR_INPUT_FROM_TO_BY,["FROM","Number",Blockly.ALIGN_RIGHT],["TO","Number",Blockly.ALIGN_RIGHT],["BY","Number",Blockly.ALIGN_RIGHT],Blockly.ALIGN_RIGHT);this.appendStatementInput("DO").appendField(Blockly.Msg.CONTROLS_FOR_INPUT_DO);
this.setPreviousStatement(!0);this.setNextStatement(!0);this.setInputsInline(!0);var a=this;this.setTooltip(function(){return Blockly.Msg.CONTROLS_FOR_TOOLTIP.replace("%1",a.getFieldValue("VAR"))})},getVars:function(){return[this.getFieldValue("VAR")]},renameVar:function(a,b){Blockly.Names.equals(a,this.getFieldValue("VAR"))&&this.setFieldValue(b,"VAR")},customContextMenu:function(a){var b={enabled:!0},c=this.getFieldValue("VAR");b.text=Blockly.Msg.VARIABLES_SET_CREATE_GET.replace("%1",c);c=goog.dom.createDom("field",
null,c);c.setAttribute("name","VAR");c=goog.dom.createDom("block",null,c);c.setAttribute("type","variables_get");b.callback=Blockly.ContextMenu.callbackFactory(this,c);a.push(b)}};
Blockly.Blocks.controls_forEach={init:function(){this.setHelpUrl(Blockly.Msg.CONTROLS_FOREACH_HELPURL);this.setColour(120);this.appendValueInput("LIST").setCheck("Array").appendField(Blockly.Msg.CONTROLS_FOREACH_INPUT_ITEM).appendField(new Blockly.FieldVariable(null),"VAR").appendField(Blockly.Msg.CONTROLS_FOREACH_INPUT_INLIST);Blockly.Msg.CONTROLS_FOREACH_INPUT_INLIST_TAIL&&(this.appendDummyInput().appendField(Blockly.Msg.CONTROLS_FOREACH_INPUT_INLIST_TAIL),this.setInputsInline(!0));this.appendStatementInput("DO").appendField(Blockly.Msg.CONTROLS_FOREACH_INPUT_DO);
this.setPreviousStatement(!0);this.setNextStatement(!0);var a=this;this.setTooltip(function(){return Blockly.Msg.CONTROLS_FOREACH_TOOLTIP.replace("%1",a.getFieldValue("VAR"))})},getVars:function(){return[this.getFieldValue("VAR")]},renameVar:function(a,b){Blockly.Names.equals(a,this.getFieldValue("VAR"))&&this.setFieldValue(b,"VAR")},customContextMenu:Blockly.Blocks.controls_for.customContextMenu};
Blockly.Blocks.controls_flow_statements={init:function(){var a=[[Blockly.Msg.CONTROLS_FLOW_STATEMENTS_OPERATOR_BREAK,"BREAK"],[Blockly.Msg.CONTROLS_FLOW_STATEMENTS_OPERATOR_CONTINUE,"CONTINUE"]];this.setHelpUrl(Blockly.Msg.CONTROLS_FLOW_STATEMENTS_HELPURL);this.setColour(120);this.appendDummyInput().appendField(new Blockly.FieldDropdown(a),"FLOW");this.setPreviousStatement(!0);var b=this;this.setTooltip(function(){var a=b.getFieldValue("FLOW");return b.TOOLTIPS[a]})},onchange:function(){if(this.workspace){var a=
!1,b=this;do{if("controls_repeat"==b.type||"controls_repeat_ext"==b.type||"controls_forEach"==b.type||"controls_for"==b.type||"controls_whileUntil"==b.type){a=!0;break}b=b.getSurroundParent()}while(b);a?this.setWarningText(null):this.setWarningText(Blockly.Msg.CONTROLS_FLOW_STATEMENTS_WARNING)}}};Blockly.Blocks.math={};Blockly.Blocks.math_number={init:function(){this.setHelpUrl(Blockly.Msg.MATH_NUMBER_HELPURL);this.setColour(230);this.appendDummyInput().appendField(new Blockly.FieldTextInput("0",Blockly.FieldTextInput.numberValidator),"NUM");this.setOutput(!0,"Number");this.setTooltip(Blockly.Msg.MATH_NUMBER_TOOLTIP)}};
Blockly.Blocks.math_arithmetic={init:function(){var a=[[Blockly.Msg.MATH_ADDITION_SYMBOL,"ADD"],[Blockly.Msg.MATH_SUBTRACTION_SYMBOL,"MINUS"],[Blockly.Msg.MATH_MULTIPLICATION_SYMBOL,"MULTIPLY"],[Blockly.Msg.MATH_DIVISION_SYMBOL,"DIVIDE"],[Blockly.Msg.MATH_POWER_SYMBOL,"POWER"]];this.setHelpUrl(Blockly.Msg.MATH_ARITHMETIC_HELPURL);this.setColour(230);this.setOutput(!0,"Number");this.appendValueInput("A").setCheck("Number");this.appendValueInput("B").setCheck("Number").appendField(new Blockly.FieldDropdown(a),
"OP");this.setInputsInline(!0);var b=this;this.setTooltip(function(){var a=b.getFieldValue("OP");return{ADD:Blockly.Msg.MATH_ARITHMETIC_TOOLTIP_ADD,MINUS:Blockly.Msg.MATH_ARITHMETIC_TOOLTIP_MINUS,MULTIPLY:Blockly.Msg.MATH_ARITHMETIC_TOOLTIP_MULTIPLY,DIVIDE:Blockly.Msg.MATH_ARITHMETIC_TOOLTIP_DIVIDE,POWER:Blockly.Msg.MATH_ARITHMETIC_TOOLTIP_POWER}[a]})}};
Blockly.Blocks.math_single={init:function(){var a=[[Blockly.Msg.MATH_SINGLE_OP_ROOT,"ROOT"],[Blockly.Msg.MATH_SINGLE_OP_ABSOLUTE,"ABS"],["-","NEG"],["ln","LN"],["log10","LOG10"],["e^","EXP"],["10^","POW10"]];this.setHelpUrl(Blockly.Msg.MATH_SINGLE_HELPURL);this.setColour(230);this.setOutput(!0,"Number");this.interpolateMsg("%1 %2",["OP",new Blockly.FieldDropdown(a)],["NUM","Number",Blockly.ALIGN_RIGHT],Blockly.ALIGN_RIGHT);var b=this;this.setTooltip(function(){var a=b.getFieldValue("OP");return{ROOT:Blockly.Msg.MATH_SINGLE_TOOLTIP_ROOT,
ABS:Blockly.Msg.MATH_SINGLE_TOOLTIP_ABS,NEG:Blockly.Msg.MATH_SINGLE_TOOLTIP_NEG,LN:Blockly.Msg.MATH_SINGLE_TOOLTIP_LN,LOG10:Blockly.Msg.MATH_SINGLE_TOOLTIP_LOG10,EXP:Blockly.Msg.MATH_SINGLE_TOOLTIP_EXP,POW10:Blockly.Msg.MATH_SINGLE_TOOLTIP_POW10}[a]})}};
Blockly.Blocks.math_trig={init:function(){var a=[[Blockly.Msg.MATH_TRIG_SIN,"SIN"],[Blockly.Msg.MATH_TRIG_COS,"COS"],[Blockly.Msg.MATH_TRIG_TAN,"TAN"],[Blockly.Msg.MATH_TRIG_ASIN,"ASIN"],[Blockly.Msg.MATH_TRIG_ACOS,"ACOS"],[Blockly.Msg.MATH_TRIG_ATAN,"ATAN"]];this.setHelpUrl(Blockly.Msg.MATH_TRIG_HELPURL);this.setColour(230);this.setOutput(!0,"Number");this.appendValueInput("NUM").setCheck("Number").appendField(new Blockly.FieldDropdown(a),"OP");var b=this;this.setTooltip(function(){var a=b.getFieldValue("OP");
return{SIN:Blockly.Msg.MATH_TRIG_TOOLTIP_SIN,COS:Blockly.Msg.MATH_TRIG_TOOLTIP_COS,TAN:Blockly.Msg.MATH_TRIG_TOOLTIP_TAN,ASIN:Blockly.Msg.MATH_TRIG_TOOLTIP_ASIN,ACOS:Blockly.Msg.MATH_TRIG_TOOLTIP_ACOS,ATAN:Blockly.Msg.MATH_TRIG_TOOLTIP_ATAN}[a]})}};
Blockly.Blocks.math_constant={init:function(){this.setHelpUrl(Blockly.Msg.MATH_CONSTANT_HELPURL);this.setColour(230);this.setOutput(!0,"Number");this.appendDummyInput().appendField(new Blockly.FieldDropdown([["\u03c0","PI"],["e","E"],["\u03c6","GOLDEN_RATIO"],["sqrt(2)","SQRT2"],["sqrt(\u00bd)","SQRT1_2"],["\u221e","INFINITY"]]),"CONSTANT");this.setTooltip(Blockly.Msg.MATH_CONSTANT_TOOLTIP)}};
Blockly.Blocks.math_number_property={init:function(){var a=[[Blockly.Msg.MATH_IS_EVEN,"EVEN"],[Blockly.Msg.MATH_IS_ODD,"ODD"],[Blockly.Msg.MATH_IS_PRIME,"PRIME"],[Blockly.Msg.MATH_IS_WHOLE,"WHOLE"],[Blockly.Msg.MATH_IS_POSITIVE,"POSITIVE"],[Blockly.Msg.MATH_IS_NEGATIVE,"NEGATIVE"],[Blockly.Msg.MATH_IS_DIVISIBLE_BY,"DIVISIBLE_BY"]];this.setColour(230);this.appendValueInput("NUMBER_TO_CHECK").setCheck("Number");a=new Blockly.FieldDropdown(a,function(a){this.sourceBlock_.updateShape("DIVISIBLE_BY"==
a)});this.appendDummyInput().appendField(a,"PROPERTY");this.setInputsInline(!0);this.setOutput(!0,"Boolean");this.setTooltip(Blockly.Msg.MATH_IS_TOOLTIP)},mutationToDom:function(){var a=document.createElement("mutation"),b="DIVISIBLE_BY"==this.getFieldValue("PROPERTY");a.setAttribute("divisor_input",b);return a},domToMutation:function(a){a="true"==a.getAttribute("divisor_input");this.updateShape(a)},updateShape:function(a){var b=this.getInput("DIVISOR");a?b||this.appendValueInput("DIVISOR").setCheck("Number"):
b&&this.removeInput("DIVISOR")}};
Blockly.Blocks.math_change={init:function(){this.setHelpUrl(Blockly.Msg.MATH_CHANGE_HELPURL);this.setColour(230);this.interpolateMsg(Blockly.Msg.MATH_CHANGE_TITLE_CHANGE+" %1 "+Blockly.Msg.MATH_CHANGE_INPUT_BY+" %2",["VAR",new Blockly.FieldVariable(Blockly.Msg.MATH_CHANGE_TITLE_ITEM)],["DELTA","Number",Blockly.ALIGN_RIGHT],Blockly.ALIGN_RIGHT);this.setPreviousStatement(!0);this.setNextStatement(!0);var a=this;this.setTooltip(function(){return Blockly.Msg.MATH_CHANGE_TOOLTIP.replace("%1",a.getFieldValue("VAR"))})},
getVars:function(){return[this.getFieldValue("VAR")]},renameVar:function(a,b){Blockly.Names.equals(a,this.getFieldValue("VAR"))&&this.setFieldValue(b,"VAR")}};
Blockly.Blocks.math_round={init:function(){var a=[[Blockly.Msg.MATH_ROUND_OPERATOR_ROUND,"ROUND"],[Blockly.Msg.MATH_ROUND_OPERATOR_ROUNDUP,"ROUNDUP"],[Blockly.Msg.MATH_ROUND_OPERATOR_ROUNDDOWN,"ROUNDDOWN"]];this.setHelpUrl(Blockly.Msg.MATH_ROUND_HELPURL);this.setColour(230);this.setOutput(!0,"Number");this.appendValueInput("NUM").setCheck("Number").appendField(new Blockly.FieldDropdown(a),"OP");this.setTooltip(Blockly.Msg.MATH_ROUND_TOOLTIP)}};
Blockly.Blocks.math_on_list={init:function(){var a=[[Blockly.Msg.MATH_ONLIST_OPERATOR_SUM,"SUM"],[Blockly.Msg.MATH_ONLIST_OPERATOR_MIN,"MIN"],[Blockly.Msg.MATH_ONLIST_OPERATOR_MAX,"MAX"],[Blockly.Msg.MATH_ONLIST_OPERATOR_AVERAGE,"AVERAGE"],[Blockly.Msg.MATH_ONLIST_OPERATOR_MEDIAN,"MEDIAN"],[Blockly.Msg.MATH_ONLIST_OPERATOR_MODE,"MODE"],[Blockly.Msg.MATH_ONLIST_OPERATOR_STD_DEV,"STD_DEV"],[Blockly.Msg.MATH_ONLIST_OPERATOR_RANDOM,"RANDOM"]],b=this;this.setHelpUrl(Blockly.Msg.MATH_ONLIST_HELPURL);this.setColour(230);
this.setOutput(!0,"Number");a=new Blockly.FieldDropdown(a,function(a){"MODE"==a?b.outputConnection.setCheck("Array"):b.outputConnection.setCheck("Number")});this.appendValueInput("LIST").setCheck("Array").appendField(a,"OP");this.setTooltip(function(){var a=b.getFieldValue("OP");return{SUM:Blockly.Msg.MATH_ONLIST_TOOLTIP_SUM,MIN:Blockly.Msg.MATH_ONLIST_TOOLTIP_MIN,MAX:Blockly.Msg.MATH_ONLIST_TOOLTIP_MAX,AVERAGE:Blockly.Msg.MATH_ONLIST_TOOLTIP_AVERAGE,MEDIAN:Blockly.Msg.MATH_ONLIST_TOOLTIP_MEDIAN,
MODE:Blockly.Msg.MATH_ONLIST_TOOLTIP_MODE,STD_DEV:Blockly.Msg.MATH_ONLIST_TOOLTIP_STD_DEV,RANDOM:Blockly.Msg.MATH_ONLIST_TOOLTIP_RANDOM}[a]})}};Blockly.Blocks.math_modulo={init:function(){this.setHelpUrl(Blockly.Msg.MATH_MODULO_HELPURL);this.setColour(230);this.setOutput(!0,"Number");this.interpolateMsg(Blockly.Msg.MATH_MODULO_TITLE,["DIVIDEND","Number",Blockly.ALIGN_RIGHT],["DIVISOR","Number",Blockly.ALIGN_RIGHT],Blockly.ALIGN_RIGHT);this.setInputsInline(!0);this.setTooltip(Blockly.Msg.MATH_MODULO_TOOLTIP)}};
Blockly.Blocks.math_constrain={init:function(){this.setHelpUrl(Blockly.Msg.MATH_CONSTRAIN_HELPURL);this.setColour(230);this.setOutput(!0,"Number");this.interpolateMsg(Blockly.Msg.MATH_CONSTRAIN_TITLE,["VALUE","Number",Blockly.ALIGN_RIGHT],["LOW","Number",Blockly.ALIGN_RIGHT],["HIGH","Number",Blockly.ALIGN_RIGHT],Blockly.ALIGN_RIGHT);this.setInputsInline(!0);this.setTooltip(Blockly.Msg.MATH_CONSTRAIN_TOOLTIP)}};
Blockly.Blocks.math_random_int={init:function(){this.setHelpUrl(Blockly.Msg.MATH_RANDOM_INT_HELPURL);this.setColour(230);this.setOutput(!0,"Number");this.interpolateMsg(Blockly.Msg.MATH_RANDOM_INT_TITLE,["FROM","Number",Blockly.ALIGN_RIGHT],["TO","Number",Blockly.ALIGN_RIGHT],Blockly.ALIGN_RIGHT);this.setInputsInline(!0);this.setTooltip(Blockly.Msg.MATH_RANDOM_INT_TOOLTIP)}};
Blockly.Blocks.math_random_float={init:function(){this.setHelpUrl(Blockly.Msg.MATH_RANDOM_FLOAT_HELPURL);this.setColour(230);this.setOutput(!0,"Number");this.appendDummyInput().appendField(Blockly.Msg.MATH_RANDOM_FLOAT_TITLE_RANDOM);this.setTooltip(Blockly.Msg.MATH_RANDOM_FLOAT_TOOLTIP)}};Blockly.Blocks.procedures={};
Blockly.Blocks.procedures_defnoreturn={init:function(){this.setHelpUrl(Blockly.Msg.PROCEDURES_DEFNORETURN_HELPURL);this.setColour(290);var a=Blockly.Procedures.findLegalName(Blockly.Msg.PROCEDURES_DEFNORETURN_PROCEDURE,this);this.appendDummyInput().appendField(Blockly.Msg.PROCEDURES_DEFNORETURN_TITLE).appendField(new Blockly.FieldTextInput(a,Blockly.Procedures.rename),"NAME").appendField("","PARAMS");this.appendStatementInput("STACK").appendField(Blockly.Msg.PROCEDURES_DEFNORETURN_DO);this.setMutator(new Blockly.Mutator(["procedures_mutatorarg"]));
this.setTooltip(Blockly.Msg.PROCEDURES_DEFNORETURN_TOOLTIP);this.arguments_=[]},updateParams_:function(){for(var a=!1,b={},c=0;c.js for every language defined in msg/js/.json.
import errno, glob, httplib, json, os, re, subprocess, sys, threading, urllib
def import_path(fullpath):
"""Import a file with full path specification.
Allows one to import from any directory, something __import__ does not do.
Args:
fullpath: Path and filename of import.
Returns:
An imported module.
"""
path, filename = os.path.split(fullpath)
filename, ext = os.path.splitext(filename)
sys.path.append(path)
module = __import__(filename)
reload(module) # Might be out of date
del sys.path[-1]
return module
HEADER = ('// Do not edit this file; automatically generated by build.py.\n'
'"use strict";\n')
class Gen_uncompressed(threading.Thread):
"""Generate a JavaScript file that loads Blockly's raw files.
Runs in a separate thread.
"""
def __init__(self, search_paths):
threading.Thread.__init__(self)
self.search_paths = search_paths
def run(self):
target_filename = 'blockly_uncompressed.js'
f = open(target_filename, 'w')
f.write(HEADER)
f.write("""
window.BLOCKLY_DIR = (function() {
// Find name of current directory.
var scripts = document.getElementsByTagName('script');
var re = new RegExp('(.+)[\/]blockly_uncompressed\.js$');
for (var x = 0, script; script = scripts[x]; x++) {
var match = re.exec(script.src);
if (match) {
return match[1];
}
}
alert('Could not detect Blockly\\'s directory name.');
return '';
})();
window.BLOCKLY_BOOT = function() {
// Execute after Closure has loaded.
if (!window.goog) {
alert('Error: Closure not found. Read this:\\n' +
'http://code.google.com/p/blockly/wiki/Closure\\n');
}
// Build map of all dependencies (used and unused).
var dir = window.BLOCKLY_DIR.match(/[^\\/]+$/)[0];
""")
add_dependency = []
base_path = calcdeps.FindClosureBasePath(self.search_paths)
for dep in calcdeps.BuildDependenciesFromFiles(self.search_paths):
add_dependency.append(calcdeps.GetDepsLine(dep, base_path))
add_dependency = '\n'.join(add_dependency)
# Find the Blockly directory name and replace it with a JS variable.
# This allows blockly_uncompressed.js to be compiled on one computer and be
# used on another, even if the directory name differs.
m = re.search('[\\/]([^\\/]+)[\\/]core[\\/]blockly.js', add_dependency)
add_dependency = re.sub('([\\/])' + re.escape(m.group(1)) +
'([\\/]core[\\/])', '\\1" + dir + "\\2', add_dependency)
f.write(add_dependency + '\n')
provides = []
for dep in calcdeps.BuildDependenciesFromFiles(self.search_paths):
if not dep.filename.startswith(os.pardir + os.sep): # '../'
provides.extend(dep.provides)
provides.sort()
f.write('\n')
f.write('// Load Blockly.\n')
for provide in provides:
f.write('goog.require(\'%s\');\n' % provide)
f.write("""
delete window.BLOCKLY_DIR;
delete window.BLOCKLY_BOOT;
};
// Delete any existing Closure (e.g. Soy's nogoog_shim).
document.write('');
// Load fresh Closure Library.
document.write('');
document.write('');
""")
f.close()
print('SUCCESS: ' + target_filename)
class Gen_compressed(threading.Thread):
"""Generate a JavaScript file that contains all of Blockly's core and all
required parts of Closure, compiled together.
Uses the Closure Compiler's online API.
Runs in a separate thread.
"""
def __init__(self, search_paths):
threading.Thread.__init__(self)
self.search_paths = search_paths
def run(self):
self.gen_core()
self.gen_blocks()
self.gen_generator('javascript')
self.gen_generator('python')
self.gen_generator('dart')
def gen_core(self):
target_filename = 'blockly_compressed.js'
# Define the parameters for the POST request.
params = [
('compilation_level', 'SIMPLE_OPTIMIZATIONS'),
('use_closure_library', 'true'),
('output_format', 'json'),
('output_info', 'compiled_code'),
('output_info', 'warnings'),
('output_info', 'errors'),
('output_info', 'statistics'),
('language', 'ECMASCRIPT5'),
]
# Read in all the source files.
filenames = calcdeps.CalculateDependencies(self.search_paths,
[os.path.join('core', 'blockly.js')])
for filename in filenames:
# Filter out the Closure files (the compiler will add them).
if filename.startswith(os.pardir + os.sep): # '../'
continue
f = open(filename)
params.append(('js_code', ''.join(f.readlines())))
f.close()
self.do_compile(params, target_filename, filenames, '')
def gen_blocks(self):
target_filename = 'blocks_compressed.js'
# Define the parameters for the POST request.
params = [
('compilation_level', 'SIMPLE_OPTIMIZATIONS'),
('output_format', 'json'),
('output_info', 'compiled_code'),
('output_info', 'warnings'),
('output_info', 'errors'),
('output_info', 'statistics'),
('language', 'ECMASCRIPT5'),
]
# Read in all the source files.
# Add Blockly.Blocks to be compatible with the compiler.
params.append(('js_code', "goog.provide('Blockly.Blocks');"))
filenames = glob.glob(os.path.join('blocks', '*.js'))
for filename in filenames:
f = open(filename)
params.append(('js_code', ''.join(f.readlines())))
f.close()
# Remove Blockly.Blocks to be compatible with Blockly.
remove = "var Blockly={Blocks:{}};"
self.do_compile(params, target_filename, filenames, remove)
def gen_generator(self, language):
target_filename = language + '_compressed.js'
# Define the parameters for the POST request.
params = [
('compilation_level', 'SIMPLE_OPTIMIZATIONS'),
('output_format', 'json'),
('output_info', 'compiled_code'),
('output_info', 'warnings'),
('output_info', 'errors'),
('output_info', 'statistics'),
('language', 'ECMASCRIPT5'),
]
# Read in all the source files.
# Add Blockly.Generator to be compatible with the compiler.
params.append(('js_code', "goog.provide('Blockly.Generator');"))
filenames = glob.glob(
os.path.join('generators', language, '*.js'))
filenames.insert(0, os.path.join('generators', language + '.js'))
for filename in filenames:
f = open(filename)
params.append(('js_code', ''.join(f.readlines())))
f.close()
filenames.insert(0, '[goog.provide]')
# Remove Blockly.Generator to be compatible with Blockly.
remove = "var Blockly={Generator:{}};"
self.do_compile(params, target_filename, filenames, remove)
def do_compile(self, params, target_filename, filenames, remove):
# Send the request to Google.
headers = { "Content-type": "application/x-www-form-urlencoded" }
conn = httplib.HTTPConnection('closure-compiler.appspot.com')
conn.request('POST', '/compile', urllib.urlencode(params), headers)
response = conn.getresponse()
json_str = response.read()
conn.close()
# Parse the JSON response.
json_data = json.loads(json_str)
def file_lookup(name):
if not name.startswith('Input_'):
return '???'
n = int(name[6:])
return filenames[n]
if json_data.has_key('serverErrors'):
errors = json_data['serverErrors']
for error in errors:
print 'SERVER ERROR: %s' % target_filename
print error['error']
elif json_data.has_key('errors'):
errors = json_data['errors']
for error in errors:
print('FATAL ERROR')
print(error['error'])
print('%s at line %d:' % (
file_lookup(error['file']), error['lineno']))
print(error['line'])
print((' ' * error['charno']) + '^')
sys.exit(1)
else:
if json_data.has_key('warnings'):
warnings = json_data['warnings']
for warning in warnings:
print('WARNING')
print(warning['warning'])
print('%s at line %d:' % (
file_lookup(warning['file']), warning['lineno']))
print(warning['line'])
print((' ' * warning['charno']) + '^')
print()
if not json_data.has_key('compiledCode'):
print('FATAL ERROR: Compiler did not return compiledCode.')
sys.exit(1)
code = HEADER + '\n' + json_data['compiledCode']
code = code.replace(remove, '')
# Trim down Google's Apache licences.
LICENSE = re.compile("""/\\*
[\w ]+
(Copyright \\d+ Google Inc.)
https://blockly.googlecode.com/
Licensed under the Apache License, Version 2.0 \(the "License"\);
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
\\*/""")
code = re.sub(LICENSE, r"\n// \1 Apache License 2.0", code)
stats = json_data['statistics']
original_b = stats['originalSize']
compressed_b = stats['compressedSize']
if original_b > 0 and compressed_b > 0:
f = open(target_filename, 'w')
f.write(code)
f.close()
original_kb = int(original_b / 1024 + 0.5)
compressed_kb = int(compressed_b / 1024 + 0.5)
ratio = int(float(compressed_b) / float(original_b) * 100 + 0.5)
print('SUCCESS: ' + target_filename)
print('Size changed from %d KB to %d KB (%d%%).' % (
original_kb, compressed_kb, ratio))
else:
print 'UNKNOWN ERROR'
class Gen_langfiles(threading.Thread):
"""Generate JavaScript file for each natural language supported.
Runs in a separate thread.
"""
def __init__(self):
threading.Thread.__init__(self)
def _rebuild(self, srcs, dests):
# Determine whether any of the files in srcs is newer than any in dests.
try:
return (max(os.path.getmtime(src) for src in srcs) >
min(os.path.getmtime(dest) for dest in dests))
except OSError, e:
# Was a file not found?
if e.errno == errno.ENOENT:
# If it was a source file, we can't proceed.
if e.filename in srcs:
print('Source file missing: ' + e.filename)
sys.exit(1)
else:
# If a destination file was missing, rebuild.
return True
else:
print('Error checking file creation times: ' + e)
def run(self):
# The files msg/json/{en,qqq,synonyms}.json depend on msg/messages.js.
if self._rebuild([os.path.join('msg', 'messages.js')],
[os.path.join('msg', 'json', f) for f in
['en.json', 'qqq.json', 'synonyms.json']]):
try:
subprocess.check_call([
os.path.join('i18n', 'js_to_json.py'),
'--input_file', 'msg/messages.js',
'--output_dir', 'msg/json/',
'--quiet'])
except (subprocess.CalledProcessError, OSError), e:
# Documentation for subprocess.check_call says that CalledProcessError
# will be raised on failure, but I found that OSError is also possible.
print('Error running i18n/js_to_json.py: ', e)
sys.exit(1)
# Checking whether it is necessary to rebuild the js files would be a lot of
# work since we would have to compare each .json file with each
# .js file. Rebuilding is easy and cheap, so just go ahead and do it.
try:
# Use create_messages.py to create .js files from .json files.
cmd = [
os.path.join('i18n', 'create_messages.py'),
'--source_lang_file', os.path.join('msg', 'json', 'en.json'),
'--source_synonym_file', os.path.join('msg', 'json', 'synonyms.json'),
'--key_file', os.path.join('msg', 'json', 'keys.json'),
'--output_dir', os.path.join('msg', 'js'),
'--quiet']
json_files = glob.glob(os.path.join('msg', 'json', '*.json'))
json_files = [file for file in json_files if not
(file.endswith(('keys.json', 'synonyms.json', 'qqq.json')))]
cmd.extend(json_files)
subprocess.check_call(cmd)
except (subprocess.CalledProcessError, OSError), e:
print('Error running i18n/create_messages.py: ', e)
sys.exit(1)
# Output list of .js files created.
for f in json_files:
# This assumes the path to the current directory does not contain 'json'.
f = f.replace('json', 'js')
if os.path.isfile(f):
print('SUCCESS: ' + f)
else:
print('FAILED to create ' + f)
if __name__ == '__main__':
try:
# os.chdir(os.path.join('extern','blockly'));
# calcdeps = import_path(os.path.join(os.path.pardir, os.path.pardir, 'lib',
# 'closure-library', 'closure', 'bin', 'calcdeps.py'))
calcdeps = import_path(os.path.join(os.path.pardir,
'closure-library', 'closure', 'bin', 'calcdeps.py'))
print calcdeps
except ImportError:
print("""Error: Closure not found. Read this:
http://code.google.com/p/blockly/wiki/Closure""")
sys.exit(1)
search_paths = calcdeps.ExpandDirectories(
['core', os.path.join(os.path.pardir, 'closure-library')])
# ['core', os.path.join(os.path.pardir, os.path.pardir, 'lib', 'closure-library')])
# Run both tasks in parallel threads.
# Uncompressed is limited by processor speed.
# Compressed is limited by network and server speed.
Gen_uncompressed(search_paths).start()
Gen_compressed(search_paths).start()
# This is run locally in a separate thread.
Gen_langfiles().start()
================================================
FILE: extern/blockly/core/block.js
================================================
/**
* @license
* Visual Blocks Editor
*
* Copyright 2011 Google Inc.
* https://blockly.googlecode.com/
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/**
* @fileoverview The class representing one block.
* @author fraser@google.com (Neil Fraser)
*/
'use strict';
goog.provide('Blockly.Block');
goog.require('Blockly.BlockSvg');
goog.require('Blockly.Blocks');
goog.require('Blockly.Comment');
goog.require('Blockly.Connection');
goog.require('Blockly.ContextMenu');
goog.require('Blockly.Input');
goog.require('Blockly.Msg');
goog.require('Blockly.Mutator');
goog.require('Blockly.Warning');
goog.require('Blockly.Workspace');
goog.require('Blockly.Xml');
goog.require('goog.asserts');
goog.require('goog.string');
goog.require('goog.Timer');
goog.require('goog.array');
/**
* Unique ID counter for created blocks.
* @private
*/
Blockly.uidCounter_ = 0;
/**
* Get the Blockly.uidCounter_
* @returns {number}
*/
Blockly.getUidCounter = function() {
return Blockly.uidCounter_;
}
/**
* Set the Blockly.uidCounter_
* @param {number} val The value to set the counter to.
*/
Blockly.setUidCounter = function(val) {
Blockly.uidCounter_ = val;
}
/**
* Class for one block.
* @constructor
*/
Blockly.Block = function() {
// We assert this here because there may be users of the previous form of
// this constructor, which took arguments.
goog.asserts.assert(arguments.length == 0,
'Please use Blockly.Block.obtain.');
};
/**
* Obtain a newly created block.
* @param {!Blockly.Workspace} workspace The block's workspace.
* @param {?string} prototypeName Name of the language object containing
* type-specific functions for this block.
* @return {!Blockly.Block} The created block
*/
Blockly.Block.obtain = function(workspace, prototypeName) {
if (Blockly.Realtime.isEnabled()) {
return Blockly.Realtime.obtainBlock(workspace, prototypeName);
} else {
var newBlock = new Blockly.Block();
newBlock.initialize(workspace, prototypeName);
return newBlock;
}
};
/**
* Initialization for one block.
* @param {!Blockly.Workspace} workspace The new block's workspace.
* @param {?string} prototypeName Name of the language object containing
* type-specific functions for this block.
*/
Blockly.Block.prototype.initialize = function(workspace, prototypeName) {
this.id = ++Blockly.uidCounter_;
workspace.addTopBlock(this);
this.fill(workspace, prototypeName);
// Bind an onchange function, if it exists.
if (goog.isFunction(this.onchange)) {
Blockly.bindEvent_(workspace.getCanvas(), 'blocklyWorkspaceChange', this,
this.onchange);
}
};
/**
* Fill a block with initial values.
* @param {!Blockly.Workspace} workspace The workspace to use.
* @param {string} prototypeName The typename of the block.
*/
Blockly.Block.prototype.fill = function(workspace, prototypeName) {
this.outputConnection = null;
this.nextConnection = null;
this.previousConnection = null;
this.inputList = [];
this.inputsInline = false;
this.rendered = false;
this.disabled = false;
this.tooltip = '';
this.contextMenu = true;
this.parentBlock_ = null;
this.childBlocks_ = [];
this.deletable_ = true;
this.movable_ = true;
this.addable_ = true;
this.editable_ = true;
this.collapsed_ = false;
this.workspace = workspace;
this.isInFlyout = workspace.isFlyout;
// Copy the type-specific functions and data from the prototype.
if (prototypeName) {
this.type = prototypeName;
var prototype = Blockly.Blocks[prototypeName];
goog.asserts.assertObject(prototype,
'Error: "%s" is an unknown language block.', prototypeName);
goog.mixin(this, prototype);
}
// Call an initialization function, if it exists.
if (goog.isFunction(this.init)) {
this.init();
}
if (goog.isFunction(this.whenAdd)) {
if (this.workspace == Blockly.mainWorkspace)
this.whenAdd();
}
};
/**
* Get an existing block.
* @param {string} id The block's id.
* @param {!Blockly.Workspace} workspace The block's workspace.
* @return {Blockly.Block} The found block, or null if not found.
*/
Blockly.Block.getById = function(id, workspace) {
if (Blockly.Realtime.isEnabled()) {
return Blockly.Realtime.getBlockById(id);
} else {
return workspace.getBlockById(id);
}
};
/**
* Pointer to SVG representation of the block.
* @type {Blockly.BlockSvg}
* @private
*/
Blockly.Block.prototype.svg_ = null;
/**
* Block's mutator icon (if any).
* @type {Blockly.Mutator}
*/
Blockly.Block.prototype.mutator = null;
/**
* Block's comment icon (if any).
* @type {Blockly.Comment}
*/
Blockly.Block.prototype.comment = null;
/**
* Block's warning icon (if any).
* @type {Blockly.Warning}
*/
Blockly.Block.prototype.warning = null;
/**
* Returns a list of mutator, comment, and warning icons.
* @return {!Array} List of icons.
*/
Blockly.Block.prototype.getIcons = function() {
var icons = [];
if (this.mutator) {
icons.push(this.mutator);
}
if (this.comment) {
icons.push(this.comment);
}
if (this.warning) {
icons.push(this.warning);
}
return icons;
};
/**
* Create and initialize the SVG representation of the block.
*/
Blockly.Block.prototype.initSvg = function() {
this.svg_ = new Blockly.BlockSvg(this);
this.svg_.init();
if (!Blockly.readOnly) {
if (this.mouseDownWrapper_)
Blockly.unbindEvent_(this.mouseDownWrapper_);
this.mouseDownWrapper_ =
Blockly.bindEvent_(this.svg_.getRootElement(), 'mousedown', this,
this.onMouseDown_);
if(this.type === "function_general") {
if (this.dblClickWrapper_)
Blockly.unbindEvent_(this.dblClickWrapper_);
this.dblClickWrapper_ =
Blockly.bindEvent_(this.svg_.getRootElement(), 'dblclick', this,
this.onDblClick_);
}
}
if (Blockly.enableBlockAnimation) {
Blockly.bindEvent_(this.svg_.svgGroup_,
'mouseover', this.svg_, this.svg_.toggleOnPattern);
Blockly.bindEvent_(this.svg_.svgGroup_,
'mouseout', this.svg_, this.svg_.toggleOffPattern);
}
this.workspace.getCanvas().appendChild(this.svg_.getRootElement());
};
/**
* Return the root node of the SVG or null if none exists.
* @return {Element} The root SVG node (probably a group).
*/
Blockly.Block.prototype.getSvgRoot = function() {
return this.svg_ && this.svg_.getRootElement();
};
/**
* Is the mouse dragging a block?
* 0 - No drag operation.
* 1 - Still inside the sticky DRAG_RADIUS.
* 2 - Freely draggable.
* @private
*/
Blockly.Block.dragMode_ = 0;
/**
* Wrapper function called when a mouseUp occurs during a drag operation.
* @type {Array.}
* @private
*/
Blockly.Block.onMouseUpWrapper_ = null;
/**
* Wrapper function called when a mouseMove occurs during a drag operation.
* @type {Array.}
* @private
*/
Blockly.Block.onMouseMoveWrapper_ = null;
/**
* Stop binding to the global mouseup and mousemove events.
* @private
*/
Blockly.Block.terminateDrag_ = function() {
if (Blockly.Block.onMouseUpWrapper_) {
Blockly.unbindEvent_(Blockly.Block.onMouseUpWrapper_);
Blockly.Block.onMouseUpWrapper_ = null;
}
if (Blockly.Block.onMouseMoveWrapper_) {
Blockly.unbindEvent_(Blockly.Block.onMouseMoveWrapper_);
Blockly.Block.onMouseMoveWrapper_ = null;
}
var selected = Blockly.selected;
if (Blockly.Block.dragMode_ == 2) {
// Terminate a drag operation.
if (selected) {
// Update the connection locations.
var xy = selected.getRelativeToSurfaceXY();
var dx = xy.x - selected.startDragX;
var dy = xy.y - selected.startDragY;
selected.moveConnections_(dx, dy);
delete selected.draggedBubbles_;
selected.setDragging_(false);
selected.render();
goog.Timer.callOnce(
selected.bumpNeighbours_, Blockly.BUMP_DELAY, selected);
// Fire an event to allow scrollbars to resize.
Blockly.fireUiEvent(window, 'resize');
}
}
if (selected) {
selected.workspace.fireChangeEvent();
}
Blockly.Block.dragMode_ = 0;
};
/**
* Select this block. Highlight it visually.
*/
Blockly.Block.prototype.select = function() {
goog.asserts.assertObject(this.svg_, 'Block is not rendered.');
if (Blockly.selected) {
// Unselect any previously selected block.
Blockly.selected.unselect();
}
Blockly.selected = this;
this.svg_.addSelect();
Blockly.fireUiEvent(this.workspace.getCanvas(), 'blocklySelectChange');
};
/**
* Activate this block. Highlight it visually.
*/
Blockly.Block.prototype.activate = function() {
goog.asserts.assertObject(this.svg_, 'Block is not rendered.');
if (Blockly.selected) {
// Unselect any previously selected block.
Blockly.selected.unselect();
}
Blockly.selected = this;
this.svg_.addActive();
Blockly.fireUiEvent(this.workspace.getCanvas(), 'blocklySelectChange');
};
/**
* Unselect this block. Remove its highlighting.
*/
Blockly.Block.prototype.unselect = function() {
goog.asserts.assertObject(this.svg_, 'Block is not rendered.');
Blockly.selected = null;
this.svg_.removeSelect();
Blockly.fireUiEvent(this.workspace.getCanvas(), 'blocklySelectChange');
};
/**
* Dispose of this block.
* @param {boolean} healStack If true, then try to heal any gap by connecting
* the next statement with the previous statement. Otherwise, dispose of
* all children of this block.
* @param {boolean} animate If true, show a disposal animation and sound.
* @param {boolean} dontRemoveFromWorkspace If true, don't remove this block
* from the workspace's list of top blocks.
*/
Blockly.Block.prototype.dispose = function(healStack, animate,
dontRemoveFromWorkspace) {
// Switch off rerendering.
//this.isEditing = true;
if (goog.isFunction(this.whenRemove)) {
if (this.workspace == Blockly.mainWorkspace
&& this.isDrag) {
this.whenRemove(Blockly.Xml.blockToDom_(this));
}
}
this.rendered = false;
this.unplug(healStack);
if (animate && this.svg_) {
this.svg_.disposeUiEffect();
}
// This block is now at the top of the workspace.
// Remove this block from the workspace's list of top-most blocks.
if (this.workspace && !dontRemoveFromWorkspace) {
this.workspace.removeTopBlock(this);
this.workspace = null;
}
// Just deleting this block from the DOM would result in a memory leak as
// well as corruption of the connection database. Therefore we must
// methodically step through the blocks and carefully disassemble them.
if (Blockly.selected == this) {
Blockly.selected = null;
// If there's a drag in-progress, unlink the mouse events.
Blockly.terminateDrag_();
}
// First, dispose of all my children.
for (var x = this.childBlocks_.length - 1; x >= 0; x--) {
this.childBlocks_[x].dispose(false);
}
// Then dispose of myself.
var icons = this.getIcons();
for (var x = 0; x < icons.length; x++) {
icons[x].dispose();
}
// Dispose of all inputs and their fields.
for (var x = 0, input; input = this.inputList[x]; x++) {
input.dispose();
}
this.inputList = [];
// Dispose of any remaining connections (next/previous/output).
var connections = this.getConnections_(true);
for (var x = 0; x < connections.length; x++) {
var connection = connections[x];
if (connection.targetConnection) {
connection.disconnect();
}
connections[x].dispose();
}
// Dispose of the SVG and break circular references.
if (this.svg_) {
this.svg_.dispose();
this.svg_ = null;
}
// Remove from Realtime set of blocks.
if (Blockly.Realtime.isEnabled() && !Blockly.Realtime.withinSync) {
Blockly.Realtime.removeBlock(this);
}
};
/**
* Unplug this block from its superior block. If this block is a statement,
* optionally reconnect the block underneath with the block on top.
* @param {boolean} healStack Disconnect child statement and reconnect stack.
* @param {boolean} bump Move the unplugged block sideways a short distance.
*/
Blockly.Block.prototype.unplug = function(healStack, bump) {
bump = bump && !!this.getParent();
if (this.outputConnection) {
if (this.outputConnection.targetConnection) {
// Disconnect from any superior block.
this.setParent(null);
}
} else {
var previousTarget = null;
if (this.previousConnection && this.previousConnection.targetConnection) {
// Remember the connection that any next statements need to connect to.
previousTarget = this.previousConnection.targetConnection;
// Detach this block from the parent's tree.
this.setParent(null);
}
if (healStack && this.nextConnection &&
this.nextConnection.targetConnection) {
// Disconnect the next statement.
var nextTarget = this.nextConnection.targetConnection;
var nextBlock = this.nextConnection.targetBlock();
nextBlock.setParent(null);
if (previousTarget) {
// Attach the next statement to the previous statement.
previousTarget.connect(nextTarget);
}
}
}
if (bump) {
// Bump the block sideways.
var dx = Blockly.SNAP_RADIUS * (Blockly.RTL ? -1 : 1);
var dy = Blockly.SNAP_RADIUS * 2;
this.moveBy(dx, dy);
}
};
/**
* Return the coordinates of the top-left corner of this block relative to the
* drawing surface's origin (0,0).
* @return {!Object} Object with .x and .y properties.
*/
Blockly.Block.prototype.getRelativeToSurfaceXY = function() {
var x = 0;
var y = 0;
if (this.svg_) {
var element = this.svg_.getRootElement();
do {
// Loop through this block and every parent.
var xy = Blockly.getRelativeXY_(element);
x += xy.x;
y += xy.y;
element = element.parentNode;
} while (element && element != this.workspace.getCanvas());
}
return {x: x, y: y};
};
/**
* Move a block by a relative offset.
* @param {number} dx Horizontal offset.
* @param {number} dy Vertical offset.
*/
Blockly.Block.prototype.moveBy = function(dx, dy) {
var xy = this.getRelativeToSurfaceXY();
this.svg_.getRootElement().setAttribute('transform',
'translate(' + (xy.x + dx) + ', ' + (xy.y + dy) + ')');
this.moveConnections_(dx, dy);
if (Blockly.Realtime.isEnabled() && !Blockly.Realtime.withinSync) {
Blockly.Realtime.blockChanged(this);
}
};
/**
* Returns a bounding box describing the dimensions of this block.
* @return {!Object} Object with height and width properties.
*/
Blockly.Block.prototype.getHeightWidth = function() {
try {
var bBox = this.getSvgRoot().getBBox();
var height = bBox.height;
} catch (e) {
// Firefox has trouble with hidden elements (Bug 528969).
return {height: 0, width: 0};
}
if (Blockly.BROKEN_CONTROL_POINTS) {
/* HACK:
WebKit bug 67298 causes control points to be included in the reported
bounding box. The render functions (below) add two 5px spacer control
points that we need to subtract.
*/
height -= 10;
if (this.nextConnection) {
// Bottom control point partially masked by lower tab.
height += 4;
}
if (!this.nextConnection && !this.outputConnection && this.previousConnection) {
height += 4;
}
}
// Subtract one from the height due to the shadow.
height -= 1;
return {height: height, width: bBox.width};
};
Blockly.Block.prototype.onDblClick_ = function(e) {
if (Entry.Func.isEdit)
return;
var funcs = Entry.variableContainer.functions_;
if(funcs && funcs.length !== 0)
Entry.Func.edit(funcs[this.hashId]);
};
/**
* Handle a mouse-down on an SVG block.
* @param {!Event} e Mouse down event.
* @private
*/
Blockly.Block.prototype.onMouseDown_ = function(e) {
if (Entry.documentMousedown)
Entry.documentMousedown.notify(e);
if (this.isInFlyout) {
this.select();
return;
}
// Update Blockly's knowledge of its own location.
Blockly.svgResize();
Blockly.terminateDrag_();
this.select();
Blockly.hideChaff();
if (Blockly.isRightButton(e)) {
// Right-click.
if (this.isInBlockMenu && Blockly.Block.dragMode_ == 0) {
if (this.stalkerBlock)
this.stalkerBlock.dispose();
this.dispose();
return;
}
this.isDrag = true;
if (Blockly.ContextMenu) {
this.showContextMenu_(Blockly.mouseToSvg(e));
}
} else if (Blockly.isMiddleButton(e)) {
// middle-click.
if (this.isInBlockMenu && Blockly.Block.dragMode_ == 0) {
if (this.stalkerBlock)
this.stalkerBlock.dispose();
this.dispose();
return;
}
} else if (!this.isMovable()) {
// Allow unmovable blocks to be selected and context menued, but not
// dragged. Let this event bubble up to document, so the workspace may be
// dragged instead.
return;
} else {
// Left-click
if (typeof(Entry) == "object") {
Entry.dispatchEvent("entryBlocklyChanged");
}
this.isDrag = false;
Blockly.removeAllRanges();
Blockly.setCursorHand_(true);
// Look up the current translation and record it.
var xy = this.getRelativeToSurfaceXY();
this.startDragX = xy.x;
this.startDragY = xy.y;
// Record the current mouse position.
this.startDragMouseX = e.clientX;
this.startDragMouseY = e.clientY;
Blockly.Block.dragMode_ = 1;
Blockly.Block.onMouseUpWrapper_ = Blockly.bindEvent_(document,
'mouseup', this, this.onMouseUp_);
Blockly.Block.onMouseMoveWrapper_ = Blockly.bindEvent_(document,
'mousemove', this, this.onMouseMove_);
// Build a list of bubbles that need to be moved and where they started.
this.draggedBubbles_ = [];
var descendants = this.getDescendants();
for (var x = 0, descendant; descendant = descendants[x]; x++) {
var icons = descendant.getIcons();
for (var y = 0; y < icons.length; y++) {
var data = icons[y].getIconLocation();
data.bubble = icons[y];
this.draggedBubbles_.push(data);
}
}
}
// This event has been handled. No need to bubble up to the document.
e.stopPropagation();
};
/**
* Handle a mouse-up anywhere in the SVG pane. Is only registered when a
* block is clicked. We can't use mouseUp on the block since a fast-moving
* cursor can briefly escape the block before it catches up.
* @param {!Event} e Mouse up event.
* @private
*/
Blockly.Block.prototype.onMouseUp_ = function(e) {
if (this.isInBlockMenu) {
this.isInBlockMenu = false;
var selected = Blockly.selected;
if (selected && selected.willBeDeleted) {
this.stalkerBlock.dispose(false, false);
selected.dispose(false, true);
Blockly.terminateDrag_();
return;
} else {
this.stalkerBlock.dispose(false, false);
delete selected.willBeDeleted;
}
this.stalkerBlock = null;
}
if (!this.isDrag && typeof(Entry) == "object") {
//fire instant event
//Entry.fireInstantEvent(this.id);
};
Blockly.terminateDrag_();
if (Blockly.selected && Blockly.highlightedConnection_) {
// Connect two blocks together.
Blockly.localConnection_.connect(Blockly.highlightedConnection_);
if (this.svg_) {
// Trigger a connection animation.
// Determine which connection is inferior (lower in the source stack).
var inferiorConnection;
if (Blockly.localConnection_.isSuperior()) {
inferiorConnection = Blockly.highlightedConnection_;
} else {
inferiorConnection = Blockly.localConnection_;
}
inferiorConnection.sourceBlock_.svg_.connectionUiEffect();
}
if (this.workspace.trashcan && this.workspace.trashcan.isOpen) {
// Don't throw an object in the trash can if it just got connected.
this.workspace.trashcan.close();
}
if (typeof(Entry) == "object" && this.getParent() === this.isDisconnected) {
Entry.dispatchEvent("cancelLastCommand");
}
} else if (this.workspace.trashcan && this.workspace.trashcan.isOpen) {
var trashcan = this.workspace.trashcan;
goog.Timer.callOnce(trashcan.close, 100, trashcan);
Blockly.selected.dispose(false, true);
// Dropping a block on the trash can will usually cause the workspace to
// resize to contain the newly positioned block. Force a second resize now
// that the block has been deleted.
Blockly.fireUiEvent(window, 'resize');
} else if (this.isDisconnected) {
} else {
if (typeof(Entry) == "object") {
Entry.dispatchEvent("cancelLastCommand");
}
}
if (typeof(Entry) == "object")
Entry.dispatchEvent("entryBlocklyMouseUp");
if (Blockly.highlightedConnection_) {
Blockly.highlightedConnection_.unhighlight();
Blockly.highlightedConnection_ = null;
}
};
/**
* Load the block's help page in a new window.
* @private
*/
Blockly.Block.prototype.showHelp_ = function() {
var url = goog.isFunction(this.helpUrl) ? this.helpUrl() : this.helpUrl;
if (url) {
window.open(url);
}
};
/**
* Duplicate this block and its children.
* @return {!Blockly.Block} The duplicate.
* @private
*/
Blockly.Block.prototype.duplicate_ = function() {
// Create a duplicate via XML.
var xmlBlock = Blockly.Xml.blockToDom_(this);
if (typeof(Entry) === "object") {
xmlBlock = Entry.changeXmlHashId(xmlBlock);
} else if (typeof(Ntry) === "object") {
xmlBlock = Ntry.changeXmlHashId(xmlBlock);
}
// Blockly.Xml.deleteNext(xmlBlock);
var newBlock = Blockly.Xml.domToBlock(
/** @type {!Blockly.Workspace} */ (this.workspace), xmlBlock);
// Move the duplicate next to the old block.
var xy = this.getRelativeToSurfaceXY();
if (Blockly.RTL) {
xy.x -= Blockly.SNAP_RADIUS;
} else {
xy.x += Blockly.SNAP_RADIUS;
}
xy.y += Blockly.SNAP_RADIUS * 2;
newBlock.moveBy(xy.x, xy.y);
return newBlock;
};
/**
* Show the context menu for this block.
* @param {!Object} xy Coordinates of mouse click, contains x and y properties.
* @private
*/
Blockly.Block.prototype.showContextMenu_ = function(xy) {
if (Blockly.readOnly || !this.contextMenu) {
return;
}
// Save the current block in a variable for use in closures.
var block = this;
var options = [];
if (this.isDeletable() && !block.isInFlyout) {
// Option to duplicate this block.
var duplicateOption = {
text: Lang.Blocks.Duplication_option,
enabled: true,
callback: function() {
block.duplicate_();
if (typeof(Entry) == "object") {
Entry.dispatchEvent("entryBlocklyChanged");
}
}
};
if (this.getDescendants().length > this.workspace.remainingCapacity()) {
duplicateOption.enabled = false;
}
options.push(duplicateOption);
var copyOption = {
text: Lang.Blocks.CONTEXT_COPY_option,
enabled: true,
callback: function() {
Blockly.copy_(Blockly.selected);
}
};
if (this.getDescendants().length > this.workspace.remainingCapacity()) {
copyOption.enabled = false;
}
options.push(copyOption);
// Option to delete this block.
// Count the number of blocks that are nested in this block.
var descendantCount = this.getDescendants().length;
if (block.nextConnection && block.nextConnection.targetConnection) {
// Blocks in the current stack would survive this block's deletion.
descendantCount -= this.nextConnection.targetBlock().
getDescendants().length;
}
var deleteOption = {
text: descendantCount == 1 ? Lang.Blocks.Delete_Blocks :
Lang.Blocks.Delete_Blocks.replace('%1', descendantCount),
enabled: true,
callback: function() {
block.dispose(true, true);
if (typeof(Entry) == "object") {
Entry.dispatchEvent("entryBlocklyChanged");
}
}
};
options.push(deleteOption);
}
// Allow the block to add or modify options.
if (this.customContextMenu && !block.isInFlyout) {
this.customContextMenu(options);
}
Blockly.ContextMenu.show(xy, options);
};
/**
* Returns all connections originating from this block.
* @param {boolean} all If true, return all connections even hidden ones.
* Otherwise return those that are visible.
* @return {!Array.} Array of connections.
* @private
*/
Blockly.Block.prototype.getConnections_ = function(all) {
var myConnections = [];
if (all || this.rendered) {
if (this.outputConnection) {
myConnections.push(this.outputConnection);
}
if (this.nextConnection) {
myConnections.push(this.nextConnection);
}
if (this.previousConnection) {
myConnections.push(this.previousConnection);
}
if (all || !this.collapsed_) {
for (var x = 0, input; input = this.inputList[x]; x++) {
if (input.connection) {
myConnections.push(input.connection);
}
}
}
}
return myConnections;
};
/**
* Move the connections for this block and all blocks attached under it.
* Also update any attached bubbles.
* @param {number} dx Horizontal offset from current location.
* @param {number} dy Vertical offset from current location.
* @private
*/
Blockly.Block.prototype.moveConnections_ = function(dx, dy) {
if (!this.rendered) {
// Rendering is required to lay out the blocks.
// This is probably an invisible block attached to a collapsed block.
return;
}
var myConnections = this.getConnections_(false);
for (var x = 0; x < myConnections.length; x++) {
myConnections[x].moveBy(dx, dy);
}
var icons = this.getIcons();
for (var x = 0; x < icons.length; x++) {
icons[x].computeIconLocation();
}
// Recurse through all blocks attached under this one.
for (var x = 0; x < this.childBlocks_.length; x++) {
this.childBlocks_[x].moveConnections_(dx, dy);
}
};
/**
* Recursively adds or removes the dragging class to this node and its children.
* @param {boolean} adding True if adding, false if removing.
* @private
*/
Blockly.Block.prototype.setDragging_ = function(adding) {
if (adding) {
this.svg_.addDragging();
} else {
this.svg_.removeDragging();
}
// Recurse through all blocks attached under this one.
for (var x = 0; x < this.childBlocks_.length; x++) {
this.childBlocks_[x].setDragging_(adding);
}
};
/**
* Drag this block to follow the mouse.
* @param {!Event} e Mouse move event.
* @private
*/
Blockly.Block.prototype.onMouseMove_ = function(e) {
Blockly.scrollBarOff = false;
this.isDrag = true;
if (this.stalkerBlock) {
this.stalkerBlock.isDrag = true;
this.stalkerBlock.g = true;
}
this.isEditing = true;
if (e.type == 'mousemove' && e.clientX <= 1 && e.clientY == 0 &&
e.button == 0) {
/* HACK:
Safari Mobile 6.0 and Chrome for Android 18.0 fire rogue mousemove events
on certain touch actions. Ignore events with these signatures.
This may result in a one-pixel blind spot in other browsers,
but this shouldn't be noticable. */
e.stopPropagation();
return;
}
Blockly.removeAllRanges();
var dx = e.clientX - this.startDragMouseX;
var dy = e.clientY - this.startDragMouseY;
if (Blockly.Block.dragMode_ == 1) {
// Still dragging within the sticky DRAG_RADIUS.
var dr = Math.sqrt(Math.pow(dx, 2) + Math.pow(dy, 2));
if (dr > Blockly.DRAG_RADIUS) {
// Switch to unrestricted dragging.
Blockly.Block.dragMode_ = 2;
// Push this block to the very top of the stack.
this.isDisconnected = this.getParent();
this.setParent(null);
this.setDragging_(true);
}
}
if (Blockly.Block.dragMode_ == 2) {
// Unrestricted dragging.
var x = this.startDragX + dx;
var y = this.startDragY + dy;
this.svg_.getRootElement().setAttribute('transform',
'translate(' + x + ', ' + y + ')');
if (this.stalkerBlock) {
this.willBeDeleted = true;
var sx = this.stalkerBlock.startDragX + dx;
var sy = this.stalkerBlock.startDragY + dy;
if (200 - sx < this.svg_.blockInlineWidth_ / 2)
this.willBeDeleted = false;
this.stalkerBlock.svg_.getRootElement().setAttribute('transform',
'translate(' + sx + ', ' + sy + ')');
}
// Drag all the nested bubbles.
for (var i = 0; i < this.draggedBubbles_.length; i++) {
var commentData = this.draggedBubbles_[i];
commentData.bubble.setIconLocation(commentData.x + dx,
commentData.y + dy);
}
// Check to see if any of this block's connections are within range of
// another block's connection.
var myConnections = this.getConnections_(false);
var closestConnection = null;
var localConnection = null;
var radiusConnection = Blockly.SNAP_RADIUS_ENTRY;
//var radiusConnection = Blockly.SNAP_RADIUS;
for (var i = 0; i < myConnections.length; i++) {
var myConnection = myConnections[i];
var neighbour = myConnection.closest(radiusConnection, dx, dy);
if (neighbour.connection) {
closestConnection = neighbour.connection;
localConnection = myConnection;
radiusConnection = neighbour.radius;
}
}
// Remove connection highlighting if needed.
if (Blockly.highlightedConnection_ &&
Blockly.highlightedConnection_ != closestConnection) {
Blockly.highlightedConnection_.unhighlight();
Blockly.highlightedConnection_ = null;
Blockly.localConnection_ = null;
}
// Add connection highlighting if needed.
if (closestConnection &&
closestConnection != Blockly.highlightedConnection_) {
closestConnection.highlight();
Blockly.highlightedConnection_ = closestConnection;
Blockly.localConnection_ = localConnection;
}
// Flip the trash can lid if needed.
if (this.workspace.trashcan && this.isDeletable()) {
this.workspace.trashcan.onMouseMove(e);
}
}
delete this.isEditing;
// This event has been handled. No need to bubble up to the document.
e.stopPropagation();
};
/**
* Bump unconnected blocks out of alignment. Two blocks which aren't actually
* connected should not coincidentally line up on screen.
* @private
*/
Blockly.Block.prototype.bumpNeighbours_ = function() {
if (Blockly.Block.dragMode_ != 0) {
// Don't bump blocks during a drag.
return;
}
var rootBlock = this.getRootBlock();
if (rootBlock.isInFlyout) {
// Don't move blocks around in a flyout.
return;
}
// Loop though every connection on this block.
var myConnections = this.getConnections_(false);
for (var x = 0; x < myConnections.length; x++) {
var connection = myConnections[x];
// Spider down from this block bumping all sub-blocks.
if (connection.targetConnection && connection.isSuperior()) {
connection.targetBlock().bumpNeighbours_();
}
var neighbours = connection.neighbours_(Blockly.SNAP_RADIUS);
for (var y = 0; y < neighbours.length; y++) {
var otherConnection = neighbours[y];
// If both connections are connected, that's probably fine. But if
// either one of them is unconnected, then there could be confusion.
if (!connection.targetConnection || !otherConnection.targetConnection) {
// Only bump blocks if they are from different tree structures.
if (otherConnection.sourceBlock_.getRootBlock() != rootBlock) {
// Always bump the inferior block.
if (connection.isSuperior()) {
otherConnection.bumpAwayFrom_(connection);
} else {
connection.bumpAwayFrom_(otherConnection);
}
}
}
}
}
};
/**
* Return the parent block or null if this block is at the top level.
* @return {Blockly.Block} The block that holds the current block.
*/
Blockly.Block.prototype.getParent = function() {
// Look at the DOM to see if we are nested in another block.
return this.parentBlock_;
};
/**
* Return the parent block that surrounds the current block, or null if this
* block has no surrounding block. A parent block might just be the previous
* statement, whereas the surrounding block is an if statement, while loop, etc.
* @return {Blockly.Block} The block that surrounds the current block.
*/
Blockly.Block.prototype.getSurroundParent = function() {
var block = this;
while (true) {
do {
var prevBlock = block;
block = block.getParent();
if (!block) {
// Ran off the top.
return null;
}
} while (block.nextConnection &&
block.nextConnection.targetBlock() == prevBlock);
// This block is an enclosing parent, not just a statement in a stack.
return block;
}
};
/**
* Return the top-most block in this block's tree.
* This will return itself if this block is at the top level.
* @return {!Blockly.Block} The root block.
*/
Blockly.Block.prototype.getRootBlock = function() {
var rootBlock;
var block = this;
do {
rootBlock = block;
block = rootBlock.parentBlock_;
} while (block);
return rootBlock;
};
/**
* Find all the blocks that are directly nested inside this one.
* Includes value and block inputs, as well as any following statement.
* Excludes any connection on an output tab or any preceding statement.
* @return {!Array.} Array of blocks.
*/
Blockly.Block.prototype.getChildren = function() {
return this.childBlocks_;
};
/**
* Set parent of this block to be a new block or null.
* @param {Blockly.Block} newParent New parent block.
*/
Blockly.Block.prototype.setParent = function(newParent) {
if (this.parentBlock_) {
// Remove this block from the old parent's child list.
var children = this.parentBlock_.childBlocks_;
for (var child, x = 0; child = children[x]; x++) {
if (child == this) {
children.splice(x, 1);
break;
}
}
// Move this block up the DOM. Keep track of x/y translations.
var xy = this.getRelativeToSurfaceXY();
this.workspace.getCanvas().appendChild(this.getSvgRoot());
this.svg_.getRootElement().setAttribute('transform',
'translate(' + xy.x + ', ' + xy.y + ')');
// Disconnect from superior blocks.
this.parentBlock_ = null;
if (this.previousConnection && this.previousConnection.targetConnection) {
this.previousConnection.disconnect();
}
if (this.outputConnection && this.outputConnection.targetConnection) {
this.outputConnection.disconnect();
}
// This block hasn't actually moved on-screen, so there's no need to update
// its connection locations.
} else {
// Remove this block from the workspace's list of top-most blocks.
// Note that during realtime sync we sometimes create child blocks that are
// not top level so we check first before removing.
if (goog.array.contains(this.workspace.getTopBlocks(false), this)) {
this.workspace.removeTopBlock(this);
}
}
this.parentBlock_ = newParent;
if (newParent) {
// Add this block to the new parent's child list.
newParent.childBlocks_.push(this);
var oldXY = this.getRelativeToSurfaceXY();
if (newParent.svg_ && this.svg_) {
newParent.svg_.getRootElement().insertBefore(this.svg_.getRootElement(),
newParent.svg_.svgPath_);
}
var newXY = this.getRelativeToSurfaceXY();
// Move the connections to match the child's new position.
this.moveConnections_(newXY.x - oldXY.x, newXY.y - oldXY.y);
} else {
this.workspace.addTopBlock(this);
}
};
/**
* Find all the blocks that are directly or indirectly nested inside this one.
* Includes this block in the list.
* Includes value and block inputs, as well as any following statements.
* Excludes any connection on an output tab or any preceding statements.
* @return {!Array.} Flattened array of blocks.
*/
Blockly.Block.prototype.getDescendants = function() {
var blocks = [this];
for (var child, x = 0; child = this.childBlocks_[x]; x++) {
blocks = blocks.concat(child.getDescendants());
}
return blocks;
};
/**
* Get whether this block is deletable or not.
* @return {boolean} True if deletable.
*/
Blockly.Block.prototype.isDeletable = function() {
return this.deletable_ && !Blockly.readOnly;
};
/**
* Set whether this block is deletable or not.
* @param {boolean} deletable True if deletable.
*/
Blockly.Block.prototype.setDeletable = function(deletable) {
this.deletable_ = deletable;
this.svg_ && this.svg_.updateMovable();
};
/**
* Get whether this block is movable or not.
* @return {boolean} True if movable.
*/
Blockly.Block.prototype.isMovable = function() {
return this.movable_ && !Blockly.readOnly;
};
/**
* Set whether this block is movable or not.
* @param {boolean} movable True if movable.
*/
Blockly.Block.prototype.setMovable = function(movable) {
this.movable_ = movable;
};
/**
* Set whether this block is addable or not.
* @param {boolean} addable True if addable.
*/
Blockly.Block.prototype.setAddable = function(addable) {
this.addable_ = addable;
};
/**
* Get whether this block is addable or not.
* @return {boolean} True if addable.
*/
Blockly.Block.prototype.isAddable = function() {
return this.addable_ && !Blockly.readOnly;
};
/**
* Get whether this block is editable or not.
* @return {boolean} True if editable.
*/
Blockly.Block.prototype.isEditable = function() {
return this.editable_ && !Blockly.readOnly;
};
/**
* Set whether this block is editable or not.
* @param {boolean} editable True if editable.
*/
Blockly.Block.prototype.setEditable = function(editable) {
this.editable_ = editable;
for (var x = 0, input; input = this.inputList[x]; x++) {
for (var y = 0, field; field = input.fieldRow[y]; y++) {
field.updateEditable();
}
}
var icons = this.getIcons();
for (var x = 0; x < icons.length; x++) {
icons[x].updateEditable();
}
};
/**
* Set the URL of this block's help page.
* @param {string|Function} url URL string for block help, or function that
* returns a URL. Null for no help.
*/
Blockly.Block.prototype.setHelpUrl = function(url) {
this.helpUrl = url;
};
/**
* Get the colour of a block.
* @return {number} HSV hue value.
*/
Blockly.Block.prototype.getColour = function() {
return this.colourHue_;
};
/**
* Change the colour of a block.
* @param {number} colourHue HSV hue value.
*/
Blockly.Block.prototype.setColour = function(colourHue) {
this.colourHue_ = colourHue;
if (this.svg_) {
this.svg_.updateColour();
}
var icons = this.getIcons();
for (var x = 0; x < icons.length; x++) {
icons[x].updateColour();
}
if (this.rendered) {
// Bump every dropdown to change its colour.
for (var x = 0, input; input = this.inputList[x]; x++) {
for (var y = 0, field; field = input.fieldRow[y]; y++) {
field.setText(null);
}
}
this.render();
}
};
/**
* Returns the named field from a block.
* @param {string} name The name of the field.
* @return {Blockly.Field} Named field, or null if field does not exist.
* @private
*/
Blockly.Block.prototype.getField_ = function(name) {
for (var x = 0, input; input = this.inputList[x]; x++) {
for (var y = 0, field; field = input.fieldRow[y]; y++) {
if (field.name === name) {
return field;
}
}
}
return null;
};
/**
* Returns the language-neutral value from the field of a block.
* @param {string} name The name of the field.
* @return {?string} Value from the field or null if field does not exist.
*/
Blockly.Block.prototype.getFieldValue = function(name) {
var field = this.getField_(name);
if (field) {
return field.getValue();
}
return null;
};
/**
* Returns the language-neutral value from the field of a block.
* @param {string} name The name of the field.
* @return {?string} Value from the field or null if field does not exist.
* @deprecated December 2013
*/
Blockly.Block.prototype.getTitleValue = function(name) {
console.log('Deprecated call to getTitleValue, use getFieldValue instead.');
return this.getFieldValue(name);
};
/**
* Change the field value for a block (e.g. 'CHOOSE' or 'REMOVE').
* @param {string} newValue Value to be the new field.
* @param {string} name The name of the field.
*/
Blockly.Block.prototype.setFieldValue = function(newValue, name) {
var field = this.getField_(name);
goog.asserts.assertObject(field, 'Field "%s" not found.', name);
field.setValue(newValue);
};
/**
* Change the field value for a block (e.g. 'CHOOSE' or 'REMOVE').
* @param {string} newValue Value to be the new field.
* @param {string} name The name of the field.
* @deprecated December 2013
*/
Blockly.Block.prototype.setTitleValue = function(newValue, name) {
console.log('Deprecated call to setTitleValue, use setFieldValue instead.');
this.setFieldValue(newValue, name);
};
/**
* Change the tooltip text for a block.
* @param {string|!Element} newTip Text for tooltip or a parent element to
* link to for its tooltip.
*/
Blockly.Block.prototype.setTooltip = function(newTip) {
this.tooltip = newTip;
};
/**
* Set whether this block can chain onto the bottom of another block.
* @param {boolean} newBoolean True if there can be a previous statement.
* @param {string|Array.|null} opt_check Statement type or list of
* statement types. Null or undefined if any type could be connected.
*/
Blockly.Block.prototype.setPreviousStatement = function(newBoolean, opt_check) {
if (this.previousConnection) {
goog.asserts.assert(!this.previousConnection.targetConnection,
'Must disconnect previous statement before removing connection.');
this.previousConnection.dispose();
this.previousConnection = null;
}
if (newBoolean) {
goog.asserts.assert(!this.outputConnection,
'Remove output connection prior to adding previous connection.');
if (opt_check === undefined) {
opt_check = null;
}
this.previousConnection =
new Blockly.Connection(this, Blockly.PREVIOUS_STATEMENT);
this.previousConnection.setCheck(opt_check);
}
if (this.rendered) {
this.render();
this.bumpNeighbours_();
}
};
/**
* Set whether another block can chain onto the bottom of this block.
* @param {boolean} newBoolean True if there can be a next statement.
* @param {string|Array.|null} opt_check Statement type or list of
* statement types. Null or undefined if any type could be connected.
*/
Blockly.Block.prototype.setNextStatement = function(newBoolean, opt_check) {
if (this.nextConnection) {
goog.asserts.assert(!this.nextConnection.targetConnection,
'Must disconnect next statement before removing connection.');
this.nextConnection.dispose();
this.nextConnection = null;
}
if (newBoolean) {
if (opt_check === undefined) {
opt_check = null;
}
this.nextConnection =
new Blockly.Connection(this, Blockly.NEXT_STATEMENT);
this.nextConnection.setCheck(opt_check);
}
if (this.rendered) {
this.render();
this.bumpNeighbours_();
}
};
/**
* Set whether this block returns a value.
* @param {boolean} newBoolean True if there is an output.
* @param {string|Array.|null} opt_check Returned type or list of
* returned types. Null or undefined if any type could be returned
* (e.g. variable get).
*/
Blockly.Block.prototype.setOutput = function(newBoolean, opt_check) {
if (this.outputConnection) {
goog.asserts.assert(!this.outputConnection.targetConnection,
'Must disconnect output value before removing connection.');
this.outputConnection.dispose();
this.outputConnection = null;
}
if (newBoolean) {
goog.asserts.assert(!this.previousConnection,
'Remove previous connection prior to adding output connection.');
if (opt_check === undefined) {
opt_check = null;
}
this.outputConnection =
new Blockly.Connection(this, Blockly.OUTPUT_VALUE);
this.outputConnection.setCheck(opt_check);
}
if (this.rendered) {
this.render();
this.bumpNeighbours_();
}
};
/**
* Change the output type on a block.
* @param {string|Array.|null} check Returned type or list of
* returned types. Null or undefined if any type could be returned
* (e.g. variable get). It is fine if this is the same as the old type.
* @throws {goog.asserts.AssertionError} if the block did not already have an
* output.
*/
Blockly.Block.prototype.changeOutput = function(check) {
goog.asserts.assert(this.outputConnection,
'Only use changeOutput() on blocks that already have an output.');
this.outputConnection.setCheck(check);
};
/**
* Set whether value inputs are arranged horizontally or vertically.
* @param {boolean} newBoolean True if inputs are horizontal.
*/
Blockly.Block.prototype.setInputsInline = function(newBoolean) {
this.inputsInline = newBoolean;
if (this.rendered) {
this.render();
this.bumpNeighbours_();
this.workspace.fireChangeEvent();
}
};
/**
* Set whether the block is disabled or not.
* @param {boolean} disabled True if disabled.
*/
Blockly.Block.prototype.setDisabled = function(disabled) {
if (this.disabled == disabled) {
return;
}
this.disabled = disabled;
this.svg_.updateDisabled();
this.workspace.fireChangeEvent();
};
/**
* Get whether the block is disabled or not due to parents.
* The block's own disabled property is not considered.
* @return {boolean} True if disabled.
*/
Blockly.Block.prototype.getInheritedDisabled = function() {
var block = this;
while (true) {
block = block.getSurroundParent();
if (!block) {
// Ran off the top.
return false;
} else if (block.disabled) {
return true;
}
}
};
/**
* Get whether the block is collapsed or not.
* @return {boolean} True if collapsed.
*/
Blockly.Block.prototype.isCollapsed = function() {
return this.collapsed_;
};
/**
* Set whether the block is collapsed or not.
* @param {boolean} collapsed True if collapsed.
*/
Blockly.Block.prototype.setCollapsed = function(collapsed) {
if (this.collapsed_ == collapsed) {
return;
}
this.collapsed_ = collapsed;
var renderList = [];
// Show/hide the inputs.
for (var x = 0, input; input = this.inputList[x]; x++) {
renderList = renderList.concat(input.setVisible(!collapsed));
}
var COLLAPSED_INPUT_NAME = '_TEMP_COLLAPSED_INPUT';
if (collapsed) {
var icons = this.getIcons();
for (var x = 0; x < icons.length; x++) {
icons[x].setVisible(false);
}
var text = this.toString(Blockly.COLLAPSE_CHARS);
this.appendDummyInput(COLLAPSED_INPUT_NAME).appendField(text);
} else {
this.removeInput(COLLAPSED_INPUT_NAME)
}
if (!renderList.length) {
// No child blocks, just render this block.
renderList[0] = this;
}
if (this.rendered) {
for (var x = 0, block; block = renderList[x]; x++) {
block.render();
}
this.bumpNeighbours_();
}
};
/**
* Create a human-readable text representation of this block and any children.
* @param {?number} opt_maxLength Truncate the string to this length.
* @return {string} Text of block.
*/
Blockly.Block.prototype.toString = function(opt_maxLength) {
var text = [];
for (var x = 0, input; input = this.inputList[x]; x++) {
for (var y = 0, field; field = input.fieldRow[y]; y++) {
text.push(field.getText());
}
if (input.connection) {
var child = input.connection.targetBlock();
if (child) {
text.push(child.toString());
} else {
text.push('?');
}
}
}
text = goog.string.trim(text.join(' ')) || '???';
if (opt_maxLength) {
// TODO: Improve truncation so that text from this block is given priority.
// TODO: Handle FieldImage better.
text = goog.string.truncate(text, opt_maxLength);
}
return text;
}
/**
* Shortcut for appending a value input row.
* @param {string} name Language-neutral identifier which may used to find this
* input again. Should be unique to this block.
* @return {!Blockly.Input} The input object created.
*/
Blockly.Block.prototype.appendValueInput = function(name) {
return this.appendInput_(Blockly.INPUT_VALUE, name);
};
/**
* Shortcut for appending a statement input row.
* @param {string} name Language-neutral identifier which may used to find this
* input again. Should be unique to this block.
* @return {!Blockly.Input} The input object created.
*/
Blockly.Block.prototype.appendStatementInput = function(name) {
return this.appendInput_(Blockly.NEXT_STATEMENT, name);
};
/**
* Shortcut for appending a dummy input row.
* @param {string} opt_name Language-neutral identifier which may used to find
* this input again. Should be unique to this block.
* @return {!Blockly.Input} The input object created.
*/
Blockly.Block.prototype.appendDummyInput = function(opt_name) {
return this.appendInput_(Blockly.DUMMY_INPUT, opt_name || '');
};
/**
* Interpolate a message string, creating fields and inputs.
* @param {string} msg The message string to parse. %1, %2, etc. are symbols
* for value inputs or for Fields, such as an instance of
* Blockly.FieldDropdown, which would be placed as a field in either the
* following value input or a dummy input. The newline character forces
* the creation of an unnamed dummy input if any fields need placement.
* Note that '%10' would be interpreted as a reference to the tenth
* argument. To show the first argument followed by a zero, use '%1 0'.
* (Spaces around tokens are stripped.) To display a percentage sign
* followed by a number (e.g., "%123"), put that text in a
* Blockly.FieldLabel (as described below).
* @param {!Array.|Blockly.Field>|number} var_args
* A series of tuples that each specify the value inputs to create. Each
* tuple has at least two elements. The first is its name; the second is
* its type, which can be any of:
* - A string (such as 'Number'), denoting the one type allowed in the
* corresponding socket.
* - An array of strings (such as ['Number', 'List']), denoting the
* different types allowed in the corresponding socket.
* - null, denoting that any type is allowed in the corresponding socket.
* - Blockly.Field, in which case that field instance, such as an
* instance of Blockly.FieldDropdown, appears (instead of a socket).
* If the type is any of the first three options (which are legal arguments
* to setCheck()), there should be a third element in the tuple, giving its
* alignment.
* The final parameter is not a tuple, but just an alignment for any
* trailing dummy inputs. This last parameter is mandatory; there may be
* any number of tuples (though the number of tuples must match the symbols
* in msg).
*/
Blockly.Block.prototype.interpolateMsg = function(msg, var_args) {
/**
* Add a field to this input.
* @this !Blockly.input
* @param {Blockly.Field|Array.} field
* This is either a Field or a tuple of a name and a Field.
*/
function addFieldToInput(field) {
if (field instanceof Blockly.Field) {
this.appendField(field);
} else {
goog.asserts.assert(field instanceof Array);
this.appendField(field[1], field[0]);
}
}
// Validate the msg at the start and the dummy alignment at the end,
// and remove the latter.
goog.asserts.assertString(msg);
var dummyAlign = arguments[arguments.length - 1];
goog.asserts.assert(
dummyAlign === Blockly.ALIGN_LEFT ||
dummyAlign === Blockly.ALIGN_CENTRE ||
dummyAlign === Blockly.ALIGN_RIGHT,
'Illegal final argument "%d" is not an alignment.', dummyAlign);
arguments.length = arguments.length - 1;
var tokens = msg.split(this.interpolateMsg.SPLIT_REGEX_);
var fields = [];
for (var i = 0; i < tokens.length; i += 2) {
var text = goog.string.trim(tokens[i]);
var input = undefined;
if (text) {
fields.push(new Blockly.FieldLabel(text));
}
var symbol = tokens[i + 1];
if (symbol && symbol.charAt(0) == '%') {
// Numeric field.
var number = parseInt(symbol.substring(1), 10);
var tuple = arguments[number];
goog.asserts.assertArray(tuple,
'Message symbol "%s" is out of range.', symbol);
goog.asserts.assertArray(tuple,
'Argument "%s" is not a tuple.', symbol);
if (tuple[1] instanceof Blockly.Field) {
fields.push([tuple[0], tuple[1]]);
} else {
input = this.appendValueInput(tuple[0])
.setCheck(tuple[1])
.setAlign(tuple[2]);
}
arguments[number] = null; // Inputs may not be reused.
} else if (symbol == '\n' && fields.length) {
// Create a dummy input.
input = this.appendDummyInput();
}
// If we just added an input, hang any pending fields on it.
if (input && fields.length) {
fields.forEach(addFieldToInput, input);
fields = [];
}
}
// If any fields remain, create a trailing dummy input.
if (fields.length) {
var input = this.appendDummyInput()
.setAlign(dummyAlign);
fields.forEach(addFieldToInput, input);
}
// Verify that all inputs were used.
for (var i = 1; i < arguments.length - 1; i++) {
goog.asserts.assert(arguments[i] === null,
'Input "%%s" not used in message: "%s"', i, msg);
}
// Make the inputs inline unless there is only one input and
// no text follows it.
this.setInputsInline(!msg.match(this.interpolateMsg.INLINE_REGEX_));
};
Blockly.Block.prototype.interpolateMsg.SPLIT_REGEX_ = /(%\d+|\n)/;
Blockly.Block.prototype.interpolateMsg.INLINE_REGEX_ = /%1\s*$/;
/**
* Add a value input, statement input or local variable to this block.
* @param {number} type Either Blockly.INPUT_VALUE or Blockly.NEXT_STATEMENT or
* Blockly.DUMMY_INPUT.
* @param {string} name Language-neutral identifier which may used to find this
* input again. Should be unique to this block.
* @return {!Blockly.Input} The input object created.
* @private
*/
Blockly.Block.prototype.appendInput_ = function(type, name) {
var connection = null;
if (type == Blockly.INPUT_VALUE || type == Blockly.NEXT_STATEMENT) {
connection = new Blockly.Connection(this, type);
}
var input = new Blockly.Input(type, name, this, connection);
// Append input to list.
this.inputList.push(input);
if (this.rendered) {
this.render();
// Adding an input will cause the block to change shape.
this.bumpNeighbours_();
}
return input;
};
/**
* Move a named input to a different location on this block.
* @param {string} name The name of the input to move.
* @param {?string} refName Name of input that should be after the moved input,
* or null to be the input at the end.
*/
Blockly.Block.prototype.moveInputBefore = function(name, refName) {
if (name == refName) {
return;
}
// Find both inputs.
var inputIndex = -1;
var refIndex = refName ? -1 : this.inputList.length;
for (var x = 0, input; input = this.inputList[x]; x++) {
if (input.name == name) {
inputIndex = x;
if (refIndex != -1) {
break;
}
} else if (refName && input.name == refName) {
refIndex = x;
if (inputIndex != -1) {
break;
}
}
}
goog.asserts.assert(inputIndex != -1, 'Named input "%s" not found.', name);
goog.asserts.assert(refIndex != -1, 'Reference input "%s" not found.',
refName);
this.moveNumberedInputBefore(inputIndex, refIndex);
};
/**
* Move a numbered input to a different location on this block.
* @param {number} inputIndex Index of the input to move.
* @param {number} refIndex Index of input that should be after the moved input.
*/
Blockly.Block.prototype.moveNumberedInputBefore = function(
inputIndex, refIndex) {
// Validate arguments.
goog.asserts.assert(inputIndex != refIndex, 'Can\'t move input to itself.');
goog.asserts.assert(inputIndex < this.inputList.length,
'Input index ' + inputIndex + ' out of bounds.')
goog.asserts.assert(refIndex <= this.inputList.length,
'Reference input ' + refIndex + ' out of bounds.')
// Remove input.
var input = this.inputList[inputIndex];
this.inputList.splice(inputIndex, 1);
if (inputIndex < refIndex) {
refIndex--;
}
// Reinsert input.
this.inputList.splice(refIndex, 0, input);
if (this.rendered) {
this.render();
// Moving an input will cause the block to change shape.
this.bumpNeighbours_();
}
};
/**
* Remove an input from this block.
* @param {string} name The name of the input.
* @param {boolean} opt_quiet True to prevent error if input is not present.
* @throws {goog.asserts.AssertionError} if the input is not present and
* opt_quiet is not true.
*/
Blockly.Block.prototype.removeInput = function(name, opt_quiet) {
for (var x = 0, input; input = this.inputList[x]; x++) {
if (input.name == name) {
if (input.connection && input.connection.targetConnection) {
// Disconnect any attached block.
input.connection.targetBlock().setParent(null);
}
input.dispose();
this.inputList.splice(x, 1);
if (this.rendered) {
this.render();
// Removing an input will cause the block to change shape.
this.bumpNeighbours_();
}
return;
}
}
if (!opt_quiet) {
goog.asserts.fail('Input "%s" not found.', name);
}
};
/**
* Fetches the named input object.
* @param {string} name The name of the input.
* @return {Object} The input object, or null of the input does not exist.
*/
Blockly.Block.prototype.getInput = function(name) {
for (var x = 0, input; input = this.inputList[x]; x++) {
if (input.name == name) {
return input;
}
}
// This input does not exist.
return null;
};
/**
* Fetches the block attached to the named input.
* @param {string} name The name of the input.
* @return {Blockly.Block} The attached value block, or null if the input is
* either disconnected or if the input does not exist.
*/
Blockly.Block.prototype.getInputTargetBlock = function(name) {
var input = this.getInput(name);
return input && input.connection && input.connection.targetBlock();
};
/**
* Give this block a mutator dialog.
* @param {Blockly.Mutator} mutator A mutator dialog instance or null to remove.
*/
Blockly.Block.prototype.setMutator = function(mutator) {
if (this.mutator && this.mutator !== mutator) {
this.mutator.dispose();
}
if (mutator) {
mutator.block_ = this;
this.mutator = mutator;
if (this.svg_) {
mutator.createIcon();
}
}
};
/**
* Returns the comment on this block (or '' if none).
* @return {string} Block's comment.
*/
Blockly.Block.prototype.getCommentText = function() {
if (this.comment) {
var comment = this.comment.getText();
// Trim off trailing whitespace.
return comment.replace(/\s+$/, '').replace(/ +\n/g, '\n');
}
return '';
};
/**
* Set this block's comment text.
* @param {?string} text The text, or null to delete.
*/
Blockly.Block.prototype.setCommentText = function(text) {
var changedState = false;
if (goog.isString(text)) {
if (!this.comment) {
this.comment = new Blockly.Comment(this);
changedState = true;
}
this.comment.setText(/** @type {string} */ (text));
} else {
if (this.comment) {
this.comment.dispose();
changedState = true;
}
}
if (this.rendered) {
this.render();
if (changedState) {
// Adding or removing a comment icon will cause the block to change shape.
this.bumpNeighbours_();
}
}
};
/**
* Set this block's warning text.
* @param {?string} text The text, or null to delete.
*/
Blockly.Block.prototype.setWarningText = function(text) {
if (this.isInFlyout) {
text = null;
}
var changedState = false;
if (goog.isString(text)) {
if (!this.warning) {
this.warning = new Blockly.Warning(this);
changedState = true;
}
this.warning.setText(/** @type {string} */ (text));
} else {
if (this.warning) {
this.warning.dispose();
changedState = true;
}
}
if (changedState && this.rendered) {
this.render();
// Adding or removing a warning icon will cause the block to change shape.
this.bumpNeighbours_();
}
};
/**
* Render the block.
* Lays out and reflows a block based on its contents and settings.
*/
Blockly.Block.prototype.render = function() {
goog.asserts.assertObject(this.svg_,
'Uninitialized block cannot be rendered. Call block.initSvg()');
this.svg_.render();
if (Blockly.Realtime.isEnabled() && !Blockly.Realtime.withinSync) {
Blockly.Realtime.blockChanged(this);
}
};
/**
* Set stalker block. Stalker block is only for BlockMenu block.
* It provide graphical effect when adding blocks on block menu.
* @param {Blockly.Block} targetBlock
*/
Blockly.Block.prototype.setStalkerBlock = function(targetBlock) {
if (!this.isInBlockMenu)
return;
this.stalkerBlock = targetBlock;
};
================================================
FILE: extern/blockly/core/block_menu.js
================================================
/**
* @license
* Visual Blocks Editor
*
* Copyright 2012 Google Inc.
* https://blockly.googlecode.com/
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/**
* @fileoverview Object representing a UI block menu.
* @author kyumin92@gmail.com
*/
'use strict';
goog.provide('Blockly.BlockMenu');
goog.require('Blockly.Workspace');
/**
* Class for UI Block Menu
* @param {!Element} element HTML div for block menu.
* @constructor
*/
Blockly.BlockMenu = function(element) {
/**
* List of background buttons that lurk behind each block to catch clicks
* landing in the blocks' lakes and bays.
* @type {!Array.}
* @private
*/
this.buttons_ = [];
/**
* List of split line.
*/
this.splitters_ = [];
/**
* List of buttons.
*/
this.buttons_ = [];
/**
* List of event listeners.
* @type {!Array.}
* @private
*/
this.listeners_ = [];
this.isViewOnly = false;
this.isCenterAlign = false;
this.targetWorkspace = Blockly.mainWorkspace;
this.bannedClass = [];
this.view_ = element;
this.menuView_ = Blockly.createSvgElement('svg', {
'xmlns': 'http://www.w3.org/2000/svg',
'xmlns:html': 'http://www.w3.org/1999/xhtml',
'xmlns:xlink': 'http://www.w3.org/1999/xlink',
'version': '1.1',
'class': 'blocklySvg'
}, this.view_);
var blockMenu = this;
this.workspace_ = new Blockly.Workspace(
function() {return blockMenu.getMetrics_();},
function(ratio) {return blockMenu.setMetrics_(ratio);});
this.menuView_.appendChild(this.workspace_.createDom());
this.scrollbar_ = new Blockly.Scrollbar(this.workspace_, false, false);
this.onResizeWrapper_ = Blockly.bindEvent_(window,
goog.events.EventType.RESIZE, this, this.syncViewSize_);
Blockly.bindEvent_(window, 'resize', this, this.updateSplitters);
var width = Blockly.BlockMenu.BTN_WIDTH;
var height = Blockly.BlockMenu.BTN_HEIGHT;
var round = Blockly.BlockMenu.BTN_ROUND;
var paths = [];
paths.push('m ' + round + ',0');
paths.push('h', width - 2 * round);
paths.push('a', round + ',' + round + ' 0, 0,1 ' + round + ',' + round);
paths.push('v', height - 2 * round);
paths.push('a', round + ',' + round + ' 0, 0,1 -' + round + ',' + round);
paths.push('h', - width + 2 * round);
paths.push('a', round + ',' + round + ' 0, 0,1 -' + round + ',-' + round);
paths.push('v', - height + 2 * round);
paths.push('a', round + ',' + round + ' 0, 0,1 ' + round + ',-' + round);
paths.push('z');
this.btnPath = paths.join(' ');
};
Blockly.BlockMenu.BTN_HEIGHT = 30;
Blockly.BlockMenu.BTN_WIDTH = 140;
Blockly.BlockMenu.BTN_ROUND = 6;
Blockly.BlockMenu.BTN_FONT_SIZE = '9pt';
/**
* how and populate the blockmenu.
* @param {!Array|string} xmlList List of blocks to show.
* Variables and procedures have a custom set of blocks.
*/
Blockly.BlockMenu.prototype.show = function(xmlList) {
this.hide();
var margin = 0;
this.menuView_.style.display = 'block';
// Create the blocks to be shown in this blockMenu.
var blocks = [];
var gaps = [];
if (xmlList == Blockly.Variables.NAME_TYPE) {
// Special category for variables.
Blockly.Variables.blockMenuCategory(blocks, gaps, margin,
/** @type {!Blockly.Workspace} */ (this.workspace_));
} else if (xmlList == Blockly.Procedures.NAME_TYPE) {
// Special category for procedures.
Blockly.Procedures.blockMenuCategory(blocks, gaps, margin,
/** @type {!Blockly.Workspace} */ (this.workspace_));
} else {
for (var i = 0, xml; xml = xmlList[i]; i++) {
if (xml.tagName && xml.tagName.toUpperCase() == 'BLOCK') {
var block = Blockly.Xml.domToBlock(
/** @type {!Blockly.Workspace} */ (this.workspace_), xml);
block.isInFlyout = true;
blocks.push(block);
gaps.push(margin);
} else if (xml.tagName && xml.tagName.toUpperCase() == 'SPLITTER') {
blocks.push('splitter');
gaps.push(0);
} else if (xml.tagName && xml.tagName.toUpperCase() == 'BTN') {
blocks.push(xml);
gaps.push(margin);
}
}
}
// Lay out the blocks vertically.
var cursorY = 10;
for (var i = 0, block; block = blocks[i]; i++) {
if (block == 'splitter') {
var previousBlock = blocks[i - 1];
var y = previousBlock.outputConnection ? cursorY : cursorY + 5;
var splitter = this.createSplitter(64, y,
this.view_.style.width.substr(0,3));
this.workspace_.svgBlockCanvas_.appendChild(splitter);
this.splitters_.push(splitter);
cursorY += 10;
continue;
} else if (block.tagName && block.tagName.toUpperCase() == 'BTN') {
var height = Number(block.getAttribute('height'));
var button = Blockly.createSvgElement('g', {
'transform': 'translate(' + (10) + ', ' + cursorY + ')',
'class': 'blocklyBlockMenuBtn'
}, null);
if (height) {
var image = Blockly.createSvgElement('image',
{'x': 0, 'y': 0,
'width': block.getAttribute('width') + 'px',
'height': height + 'px'
}, button);
image.setAttributeNS("http://www.w3.org/1999/xlink",
'xlink:href', block.getAttribute('src'));
var highlightImage = Blockly.createSvgElement('image',
{'x': 0, 'y': 0,
'width': block.getAttribute('width') + 'px',
'height': height + 'px',
'class': 'blocklyBlockMenuBtnHighlight'
}, button);
highlightImage.setAttributeNS("http://www.w3.org/1999/xlink",
'xlink:href', block.getAttribute('highlightSrc'));
cursorY += height + 15;
} else {
var text = block.getAttribute('text');
var width = Blockly.BlockMenu.BTN_WIDTH;
var height = Blockly.BlockMenu.BTN_HEIGHT;
Blockly.createSvgElement('path', {
'transform': 'translate(1,1)', 'd': this.btnPath, 'fill': '#aaa'
}, button);
Blockly.createSvgElement('path', {
'd': this.btnPath, 'fill': '#eee',
'class': 'blocklyBlockMenuBtnPath'
}, button);
var textElement = Blockly.createSvgElement('text', {
'x': width/2 + 'px', 'y': (height/2 + 4) + 'px',
'font-family': 'ng',
'font-size': Blockly.BlockMenu.BTN_FONT_SIZE,
'text-anchor': 'middle'
}, button);
var textNode = document.createTextNode(eval(text));
textElement.appendChild(textNode);
cursorY += height + 13;
}
var onclickFunc = block.getAttribute('onclick');
if (onclickFunc && !this.isViewOnly) {
button.onclick = (function (func){
return function () {eval(func)};
})(onclickFunc);
}
this.workspace_.svgBlockCanvas_.appendChild(button);
this.buttons_.push(button);
continue;
} else {
var allBlocks = block.getDescendants();
for (var j = 0, child; child = allBlocks[j]; j++) {
// Mark blocks as being inside a blockMenu. This is used to detect and
// prevent the closure of the blockMenu if the user right-clicks on such a
// block.
child.isInFlyout = true;
// There is no good way to handle comment bubbles inside the blockMenu.
// Blocks shouldn't come with predefined comments, but someone will
// try this, I'm sure. Kill the comment.
Blockly.Comment && child.setCommentText(null);
}
block.render();
var root = block.getSvgRoot();
var blockHW = block.getHeightWidth();
var x = 10;
if (this.isCenterAlign) {
x = 200 - blockHW.width/2;
} else if (block.outputConnection) {
x += blockHW.height/2;
var bType = block.type;
if (bType == 'get_variable' || bType == 'get_canvas_input_value'
|| bType == 'value_of_index_from_list' || bType == 'length_of_list') {
cursorY += 12;
}
if (block.outputConnection.check_[0].toUpperCase() == "PARAM") {
x += 9;
cursorY += 4;
}
} else if (!block.previousConnection && block.nextConnection){
x += 10;
cursorY += 10;
} else {
cursorY += 7;
}
block.moveBy(x, cursorY);
if (!block.previousConnection && !block.nextConnection){
cursorY += 10;
}
cursorY += blockHW.height + gaps[i];
if (block.isAddable() && !this.isViewOnly) {
this.listeners_.push(Blockly.bindEvent_(root, 'mousedown', null,
this.blockMouseDown_(block)));
}
}
}
this.width_ = 0;
//if (block && block.svg_ && block.svg_.svgGroup_)
//console.log(block.svg_.svgGroup_);
this.reflow();
//this.filterForCapacity_();
// Fire a resize event to update the blockMenu's scrollbar.
Blockly.fireUiEvent(window, 'resize');
this.reflowWrapper_ = Blockly.bindEvent_(this.workspace_.getCanvas(),
'blocklyWorkspaceChange', this, this.reflow);
this.workspace_.fireChangeEvent();
return cursorY;
};
Blockly.BlockMenu.prototype.banClass = function(className) {
var index = this.bannedClass.indexOf(className);
if (index < 0)
this.bannedClass.push(className);
}
Blockly.BlockMenu.prototype.unbanClass = function(className) {
var index = this.bannedClass.indexOf(className);
if (index > -1)
this.bannedClass.splice(index, 1);
}
Blockly.BlockMenu.prototype.checkBanClass = function(blockInfo) {
var isNotFor = blockInfo.isNotFor;
for (var i in this.bannedClass) {
if (isNotFor && isNotFor.indexOf(this.bannedClass[i]) > -1)
return true;
}
return false;
}
/**
* Show category and populate the blockmenu.
* @param {object} categoryObject to show.
*/
Blockly.BlockMenu.prototype.showCategory = function(categoryObject) {
this.hide();
var margin = 0;
this.menuView_.style.display = 'block';
var objectType = Entry.playground.object.objectType;
// Create the blocks to be shown in this blockMenu.
var blocks = [];
var blockNames = categoryObject.blocks;
var gaps = [];
var blockClass = "";
for (var i in blockNames) {
var blockInfo = EntryStatic.blockInfo[blockNames[i]];
if (this.checkBanClass(blockInfo))
continue;
if (blockClass && blockClass != blockInfo.class) {
blocks.push('splitter');
gaps.push(0);
}
var xmlText = blockInfo.xml;
if (blockInfo.xmls)
var xmls = blockInfo.xmls;
else
var xmls = [blockInfo.xml];
for (var j in xmls) {
xmlText = xmls[j];
var xml = jQuery.parseXML(xmlText).childNodes[0];
if (xml.tagName && xml.tagName.toUpperCase() == 'BTN') {
blocks.push(xml);
} else {
var block = Blockly.Xml.domToBlock(
/** @type {!Blockly.Workspace} */ (this.workspace_), xml);
block.isInFlyout = true;
blocks.push(block);
}
gaps.push(margin);
}
blockClass = blockInfo.class;
}
// Lay out the blocks vertically.
var cursorY = 10;
for (var i = 0, block; block = blocks[i]; i++) {
if (block == 'splitter') {
var previousBlock = blocks[i - 1];
var y = previousBlock.outputConnection ? cursorY : cursorY + 5;
var splitter = this.createSplitter(64, y,
this.view_.style.width.substr(0,3));
this.workspace_.svgBlockCanvas_.appendChild(splitter);
this.splitters_.push(splitter);
cursorY += 10;
continue;
} else if (block.tagName && block.tagName.toUpperCase() == 'BTN') {
var height = Number(block.getAttribute('height'));
var button = Blockly.createSvgElement('g', {
'transform': 'translate(' + (10) + ', ' + cursorY + ')',
'class': 'blocklyBlockMenuBtn'
}, null);
if (height) {
var image = Blockly.createSvgElement('image',
{'x': 0, 'y': 0,
'width': block.getAttribute('width') + 'px',
'height': height + 'px'
}, button);
image.setAttributeNS("http://www.w3.org/1999/xlink",
'xlink:href', block.getAttribute('src'));
var highlightImage = Blockly.createSvgElement('image',
{'x': 0, 'y': 0,
'width': block.getAttribute('width') + 'px',
'height': height + 'px',
'class': 'blocklyBlockMenuBtnHighlight'
}, button);
highlightImage.setAttributeNS("http://www.w3.org/1999/xlink",
'xlink:href', block.getAttribute('highlightSrc'));
cursorY += height + 10;
} else {
var text = block.getAttribute('text');
var width = Blockly.BlockMenu.BTN_WIDTH;
var height = Blockly.BlockMenu.BTN_HEIGHT;
Blockly.createSvgElement('path', {
'transform': 'translate(1,1)', 'd': this.btnPath, 'fill': '#aaa'
}, button);
Blockly.createSvgElement('path', {
'd': this.btnPath, 'fill': '#eee',
'class': 'blocklyBlockMenuBtnPath'
}, button);
var textElement = Blockly.createSvgElement('text', {
'x': width/2 + 'px', 'y': (height/2 + 4) + 'px',
'font-family': 'ng',
'font-size': Blockly.BlockMenu.BTN_FONT_SIZE,
'text-anchor': 'middle'
}, button);
var textNode = document.createTextNode(eval(text));
textElement.appendChild(textNode);
cursorY += height + 13;
}
var onclickFunc = block.getAttribute('onclick');
if (onclickFunc) {
button.onclick = (function (func){
return function () {eval(func)};
})(onclickFunc);
}
this.workspace_.svgBlockCanvas_.appendChild(button);
this.buttons_.push(button);
continue;
} else {
var allBlocks = block.getDescendants();
for (var j = 0, child; child = allBlocks[j]; j++) {
// Mark blocks as being inside a blockMenu. This is used to detect and
// prevent the closure of the blockMenu if the user right-clicks on such a
// block.
child.isInFlyout = true;
// There is no good way to handle comment bubbles inside the blockMenu.
// Blocks shouldn't come with predefined comments, but someone will
// try this, I'm sure. Kill the comment.
Blockly.Comment && child.setCommentText(null);
}
block.render();
var root = block.getSvgRoot();
var blockHW = block.getHeightWidth();
var x = 10;
if (this.isCenterAlign) {
x = 200 - blockHW.width/2;
} else if (block.outputConnection) {
x += blockHW.height/2;
var bType = block.type;
if (bType == 'get_variable' || bType == 'get_canvas_input_value'
|| bType == 'value_of_index_from_list' || bType == 'length_of_list') {
cursorY += 12;
}
if (block.outputConnection.check_[0].toUpperCase() == "PARAM") {
x += 9;
cursorY += 4;
}
} else if (!block.previousConnection && block.nextConnection){
x += 10;
cursorY += 10;
} else {
cursorY += 7;
}
block.moveBy(x, cursorY);
if (!block.previousConnection && !block.nextConnection){
cursorY += 10;
}
cursorY += blockHW.height + gaps[i];
if (block.isAddable() && !this.isViewOnly) {
this.listeners_.push(Blockly.bindEvent_(root, 'mousedown', null,
this.blockMouseDown_(block)));
}
}
}
this.width_ = 0;
//if (block && block.svg_ && block.svg_.svgGroup_)
//console.log(block.svg_.svgGroup_);
this.reflow();
//this.filterForCapacity_();
// Fire a resize event to update the blockMenu's scrollbar.
Blockly.fireUiEvent(window, 'resize');
this.reflowWrapper_ = Blockly.bindEvent_(this.workspace_.getCanvas(),
'blocklyWorkspaceChange', this, this.reflow);
this.workspace_.fireChangeEvent();
return cursorY;
};
/**
* Hide and empty the blockMenu.
*/
Blockly.BlockMenu.prototype.hide = function() {
// Delete all the event listeners.
for (var x = 0, listen; listen = this.listeners_[x]; x++) {
Blockly.unbindEvent_(listen);
}
this.listeners_.splice(0);
if (this.reflowWrapper_) {
Blockly.unbindEvent_(this.reflowWrapper_);
this.reflowWrapper_ = null;
}
// Delete all the blocks.
var blocks = this.workspace_.getTopBlocks(false);
for (var x = 0, block; block = blocks[x]; x++) {
if (block.workspace == this.workspace_) {
block.dispose(false, false);
}
}
for (var i in this.splitters_) {
goog.dom.removeNode(this.splitters_[i]);
}
this.splitters_ = [];
for (var i in this.buttons_) {
goog.dom.removeNode(this.buttons_[i]);
}
this.buttons_ = [];
// Delete all the background buttons.
//for (var x = 0, rect; rect = this.buttons_[x]; x++) {
//goog.dom.removeNode(rect);
//}
//this.buttons_.splice(0);
};
/**
* Hide and empty the blockMenu.
*/
Blockly.BlockMenu.prototype.hide = function() {
// Delete all the event listeners.
for (var x = 0, listen; listen = this.listeners_[x]; x++) {
Blockly.unbindEvent_(listen);
}
this.listeners_.splice(0);
if (this.reflowWrapper_) {
Blockly.unbindEvent_(this.reflowWrapper_);
this.reflowWrapper_ = null;
}
// Delete all the blocks.
var blocks = this.workspace_.getTopBlocks(false);
for (var x = 0, block; block = blocks[x]; x++) {
if (block.workspace == this.workspace_) {
block.dispose(false, false);
}
}
for (var i in this.splitters_) {
goog.dom.removeNode(this.splitters_[i]);
}
this.splitters_ = [];
for (var i in this.buttons_) {
goog.dom.removeNode(this.buttons_[i]);
}
this.buttons_ = [];
// Delete all the background buttons.
//for (var x = 0, rect; rect = this.buttons_[x]; x++) {
//goog.dom.removeNode(rect);
//}
//this.buttons_.splice(0);
};
/**
*/
Blockly.BlockMenu.prototype.createSplitter = function(x, y, width) {
var width = Number(width) - 119;
var svgGroup = Blockly.createSvgElement('g', {
'transform': 'translate(' + (x-34) + ', ' + y + ')'
}, null);
Blockly.createSvgElement('path',
{'stroke': '#b5b5b5', 'transform': 'translate(0, 1)',
'd': 'M0 0 l' + width + ' 0'},
svgGroup);
return svgGroup;
};
Blockly.BlockMenu.prototype.updateSplitters = function() {
var width = Number(this.view_.style.width.substr(0,3)) - 119 + 64;
for (var i in this.splitters_) {
var splitter = this.splitters_[i];
splitter.childNodes[0].setAttribute('d', 'M0 0 l' + width + ' 0');
}
}
/**
* Handle a mouse-down on an SVG block in a non-closing blockMenu.
* @param {!Blockly.Block} originBlock The blockMenu block to copy.
* @return {!Function} Function to call when block is clicked.
* @private
*/
Blockly.BlockMenu.prototype.blockMouseDown_ = function(block) {
var blockMenu = this;
return function(e) {
Blockly.terminateDrag_();
Blockly.hideChaff();
if (Blockly.isRightButton(e)) {
// Right-click.
if (Blockly.ContextMenu) {
block.showContextMenu_(Blockly.mouseToSvg(e));
}
} else {
// Left-click (or middle click)
Blockly.removeAllRanges();
Blockly.setCursorHand_(true);
// Record the current mouse position.
Blockly.BlockMenu.startDownEvent_ = e;
Blockly.BlockMenu.startBlock_ = block;
Blockly.BlockMenu.startblockMenu_ = blockMenu;
Blockly.BlockMenu.onMouseUpWrapper_ = Blockly.bindEvent_(document,
'mouseup', this, Blockly.terminateDrag_);
Blockly.BlockMenu.onMouseMoveWrapper_ = Blockly.bindEvent_(document,
'mousemove', this, blockMenu.onMouseMove_);
}
// This event has been handled. No need to bubble up to the document.
e.stopPropagation();
};
};
/**
* Mouse button is down on a block in a non-closing blockMenu. Create the block
* if the mouse moves beyond a small radius. This allows one to play with
* fields without instantiating blocks that instantly self-destruct.
* @param {!Event} e Mouse move event.
* @private
*/
Blockly.BlockMenu.prototype.onMouseMove_ = function(e) {
if (e.type == 'mousemove' && e.clientX <= 1 && e.clientY == 0 &&
e.button == 0) {
/* HACK:
Safari Mobile 6.0 and Chrome for Android 18.0 fire rogue mousemove events
on certain touch actions. Ignore events with these signatures.
This may result in a one-pixel blind spot in other browsers,
but this shouldn't be noticable. */
e.stopPropagation();
return;
}
Blockly.removeAllRanges();
var dx = e.clientX - Blockly.BlockMenu.startDownEvent_.clientX;
var dy = e.clientY - Blockly.BlockMenu.startDownEvent_.clientY;
// Still dragging within the sticky DRAG_RADIUS.
var dr = Math.sqrt(Math.pow(dx, 2) + Math.pow(dy, 2));
if (dr > Blockly.DRAG_RADIUS) {
// Create the block.
Blockly.BlockMenu.startblockMenu_.createBlockFunc_(Blockly.BlockMenu.startBlock_)
(Blockly.BlockMenu.startDownEvent_);
}
};
/**
* Create a copy of this block on the workspace.
* @param {!Blockly.Block} originBlock The blockMenu block to copy.
* @return {!Function} Function to call when block is clicked.
* @private
*/
Blockly.BlockMenu.prototype.createBlockFunc_ = function(originBlock) {
var blockMenu = this;
return function(e) {
Blockly.scrollBarOff = true;
if (Blockly.isRightButton(e)) {
// Right-click. Don't create a block, let the context menu show.
return;
}
if (originBlock.disabled) {
// Beyond capacity.
return;
}
// Create the new block by cloning the block in the blockMenu (via XML).
if (typeof(Entry) == "object") {
Entry.dispatchEvent("entryBlocklyChanged");
}
var xml = Blockly.Xml.blockToDom_(originBlock);
var block = Blockly.Xml.domToBlock(blockMenu.workspace_, xml);
block.isInBlockMenu = true;
// Place it in the same spot as the blockMenu copy.
var svgRootOld = originBlock.getSvgRoot();
if (!svgRootOld) {
throw 'originBlock is not rendered.';
}
var xyOld = Blockly.getSvgXY_(svgRootOld);
var svgRootNew = block.getSvgRoot();
if (!svgRootNew) {
throw 'block is not rendered.';
}
var xyNew = Blockly.getSvgXY_(svgRootNew);
block.setDragging_(true);
block.svg_.addSelect();
block.moveBy(xyOld.x - xyNew.x, xyOld.y - xyNew.y);
block.startDragX = xyOld.x - xyNew.x;
block.startDragY = xyOld.y - xyNew.y;
var workspaceBlock = Blockly.Xml.domToBlock(blockMenu.targetWorkspace, xml);
var svgRootNewWorkspace = workspaceBlock.getSvgRoot();
if (!svgRootNewWorkspace) {
throw 'block is not rendered.';
}
var xyNewWorkspace = Blockly.getSvgXY_(svgRootNewWorkspace);
var workspace = Blockly.mainWorkspace;
var borderWidth = $(workspace.svgGroup_.parentNode.parentNode).css('border-width');
borderWidth = borderWidth.substring(0, borderWidth.length-2);
var blockMenuWorkspace = $(workspace.blockMenu.view_).position();
var playgroundBlockly = $(workspace.svgGroup_.parentNode.parentNode).eq(0).position();
var stalkerX = xyOld.x - xyNewWorkspace.x
- playgroundBlockly.left
+ blockMenuWorkspace.left;
var stalkerY = xyOld.y - xyNewWorkspace.y + blockMenuWorkspace.top
- playgroundBlockly.top - borderWidth;
workspaceBlock.moveBy(stalkerX, stalkerY);
// Start a dragging operation on the new block.
workspaceBlock.isInBlockMenu = true;
workspaceBlock.setStalkerBlock(block);
block.setStalkerBlock(workspaceBlock);
workspaceBlock.onMouseDown_(e);
};
};
/**
* Compute width of flyout. Position button under each block.
*/
Blockly.BlockMenu.prototype.reflow = function() {
var blockMenuWidth = 0;
var margin = this.CORNER_RADIUS;
var blocks = this.workspace_.getTopBlocks(false);
for (var x = 0, block; block = blocks[x]; x++) {
var root = block.getSvgRoot();
var blockHW = block.getHeightWidth();
blockMenuWidth = Math.max(blockMenuWidth, blockHW.width);
}
this.blockMenuWidth = blockMenuWidth;
blockMenuWidth += margin + Blockly.BlockSvg.TAB_WIDTH + margin / 2 +
Blockly.Scrollbar.scrollbarThickness;
if (this.width_ != blockMenuWidth) {
for (var x = 0, block; block = blocks[x]; x++) {
var blockHW = block.getHeightWidth();
var blockXY = block.getRelativeToSurfaceXY();
if (Blockly.RTL) {
// With the blockMenuWidth known, right-align the blocks.
var dx = blockMenuWidth - margin - Blockly.BlockSvg.TAB_WIDTH - blockXY.x;
block.moveBy(dx, 0);
blockXY.x += dx;
}
//if (block.blockMenuRect_) {
//block.blockMenuRect_.setAttribute('width', blockHW.width);
//block.blockMenuRect_.setAttribute('height', blockHW.height);
//block.blockMenuRect_.setAttribute('x',
//Blockly.RTL ? blockXY.x - blockHW.width : blockXY.x);
//block.blockMenuRect_.setAttribute('y', blockXY.y);
//}
}
// Record the width for .getMetrics_ and .position_.
this.width_ = blockMenuWidth;
// Fire a resize event to update the blockMenu's scrollbar.
Blockly.fireUiEvent(window, 'resize');
}
};
/**
* return metrices for workspace
* @private
*/
Blockly.BlockMenu.prototype.getMetrics_ = function() {
var rect = this.view_.getBoundingClientRect();
try {
var optionBox = this.workspace_.getCanvas().getBBox();
} catch (e) {
// Firefox has trouble with hidden elements (Bug 528969).
var optionBox = {height: 0, y: 0};
}
var metrics = {
viewHeight: rect.height,
viewWidth: rect.width,
contentHeight: optionBox.height + optionBox.y,
viewTop: -this.workspace_.scrollY,
contentTop: 0,
absoluteTop: 0,
absoluteLeft: 0
};
return metrics;
};
/**
* Sets the Y translation of the flyout to match the scrollbars.
* @param {!Object} yRatio Contains a y property which is a float
* between 0 and 1 specifying the degree of scrolling.
* @private
*/
Blockly.BlockMenu.prototype.setMetrics_ = function(yRatio) {
var metrics = this.getMetrics_();
// This is a fix to an apparent race condition.
if (!metrics) {
return;
}
if (goog.isNumber(yRatio.y)) {
this.workspace_.scrollY =
-metrics.contentHeight * yRatio.y - metrics.contentTop;
}
var y = this.workspace_.scrollY + metrics.absoluteTop;
this.workspace_.getCanvas().setAttribute('transform',
'translate(0,' + y + ')');
};
/**
* Stop binding to the global mouseup and mousemove events.
* @private
*/
Blockly.BlockMenu.terminateDrag_ = function() {
if (Blockly.BlockMenu.onMouseUpWrapper_) {
Blockly.unbindEvent_(Blockly.BlockMenu.onMouseUpWrapper_);
Blockly.BlockMenu.onMouseUpWrapper_ = null;
}
if (Blockly.BlockMenu.onMouseMoveWrapper_) {
Blockly.unbindEvent_(Blockly.BlockMenu.onMouseMoveWrapper_);
Blockly.BlockMenu.onMouseMoveWrapper_ = null;
}
Blockly.BlockMenu.startDownEvent_ = null;
Blockly.BlockMenu.startBlock_ = null;
Blockly.BlockMenu.startFlyout_ = null;
};
/**
* Update view when window resizing
* @private
*/
Blockly.BlockMenu.prototype.syncViewSize_ = function() {
var rect = this.view_.getBoundingClientRect();
this.menuView_.style.width = rect.width + 'px';
this.menuView_.style.height = rect.height + 'px';
this.scrollbar_.resize();
};
================================================
FILE: extern/blockly/core/block_svg.js
================================================
/**
* @license
* Visual Blocks Editor
*
* Copyright 2012 Google Inc.
* https://blockly.googlecode.com/
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/**
* @fileoverview Methods for graphically rendering a block as SVG.
* @author fraser@google.com (Neil Fraser)
*/
'use strict';
goog.provide('Blockly.BlockSvg');
goog.require('goog.userAgent');
/**
* Class for a block's SVG representation.
* @param {!Blockly.Block} block The underlying block object.
* @constructor
*/
Blockly.BlockSvg = function(block) {
this.block_ = block;
// Create core elements for the block.
this.svgGroup_ = Blockly.createSvgElement('g', {}, null);
this.svgGroup_.block = this.block_;
this.svgPathDark_ = Blockly.createSvgElement('path',
{'class': 'blocklyPathDark', 'transform': 'translate(0, 1)'},
this.svgGroup_);
this.svgPath_ = Blockly.createSvgElement('path', {'class': 'blocklyPath'},
this.svgGroup_);
if (Blockly.enableBlockAnimation) {
this.svgPathPatternA_ = Blockly.createSvgElement('path', {
'id': 'blocklyPathPattern1',
'class': 'blocklyPathPattern'}, this.svgGroup_);
this.svgPathPatternB_ = Blockly.createSvgElement('path', {
'id': 'blocklyPathPattern2',
'class': 'blocklyPathPattern'}, this.svgGroup_);
this.svgPathPatternC_ = Blockly.createSvgElement('path', {
'id': 'blocklyPathPattern3',
'class': 'blocklyPathPattern'}, this.svgGroup_);
this.svgPathPatternD_ = Blockly.createSvgElement('path', {
'id': 'blocklyPathPattern4',
'class': 'blocklyPathPattern'}, this.svgGroup_);
}
if (this.block_.outputConnection)
this.svgPathLight_ = Blockly.createSvgElement('path',
{'class': 'blocklyPathLight'}, this.svgGroup_);
this.svgPath_.tooltip = this.block_;
Blockly.Tooltip && Blockly.Tooltip.bindMouseEvents(this.svgPath_);
this.updateMovable();
};
/**
* Constant for identifying rows that are to be rendered inline.
* Don't collide with Blockly.INPUT_VALUE and friends.
* @const
*/
Blockly.BlockSvg.INLINE = -1;
/**
* Initialize the SVG representation with any block attributes which have
* already been defined.
*/
Blockly.BlockSvg.prototype.init = function() {
var block = this.block_;
this.updateColour();
for (var x = 0, input; input = block.inputList[x]; x++) {
input.init();
}
if (block.mutator) {
block.mutator.createIcon();
}
};
/**
* Add or remove the UI indicating if this block is movable or not.
*/
Blockly.BlockSvg.prototype.updateMovable = function() {
if (this.block_.isMovable()) {
Blockly.addClass_(/** @type {!Element} */ (this.svgGroup_),
'blocklyDraggable');
} else {
Blockly.removeClass_(/** @type {!Element} */ (this.svgGroup_),
'blocklyDraggable');
}
};
Blockly.BlockSvg.prototype.toggleOnPattern = function(e) {
Blockly.addClass_(this.svgGroup_.parentNode, 'disablePattern');
Blockly.addClass_(/** @type {!Element} */ (this.svgGroup_),
'togglePattern');
};
Blockly.BlockSvg.prototype.toggleOffPattern = function(e) {
Blockly.removeClass_(this.svgGroup_.parentNode, 'disablePattern');
Blockly.removeClass_(/** @type {!Element} */ (this.svgGroup_),
'togglePattern');
};
/**
* Get the root SVG element.
* @return {!Element} The root SVG element.
*/
Blockly.BlockSvg.prototype.getRootElement = function() {
return this.svgGroup_;
};
// UI constants for rendering blocks.
/**
* Horizontal space between elements.
* @const
*/
Blockly.BlockSvg.SEP_SPACE_X = 4;
/**
* Vertical space between elements.
* @const
*/
Blockly.BlockSvg.SEP_SPACE_Y = 10;
/**
* Vertical padding around inline elements.
* @const
*/
Blockly.BlockSvg.INLINE_PADDING_Y = 2;
/**
* Minimum height of a block.
* @const
*/
Blockly.BlockSvg.MIN_BLOCK_Y = 30;
/**
* Minimum height of a block.
* @const
*/
Blockly.BlockSvg.MIN_INLINE_BLOCK_Y = 20;
/**
* Height of horizontal puzzle tab.
* @const
*/
Blockly.BlockSvg.TAB_HEIGHT = 20;
/**
* Width of horizontal puzzle tab.
* @const
*/
Blockly.BlockSvg.TAB_WIDTH = 8;
/**
* Width of vertical tab (inc left margin).
* @const
*/
Blockly.BlockSvg.NOTCH_WIDTH = 16;
/**
* Rounded corner radius.
* @const
*/
Blockly.BlockSvg.CORNER_RADIUS = 0;
/**
* Minimum height of field rows.
* @const
*/
Blockly.BlockSvg.FIELD_HEIGHT = 0;
/**
* Distance from shape edge to intersect with a curved corner at 45 degrees.
* Applies to highlighting on around the inside of a curve.
* @const
*/
Blockly.BlockSvg.DISTANCE_45_INSIDE = (1 - Math.SQRT1_2) *
(Blockly.BlockSvg.CORNER_RADIUS - 1) + 1;
/**
* Distance from shape edge to intersect with a curved corner at 45 degrees.
* Applies to highlighting on around the outside of a curve.
* @const
*/
Blockly.BlockSvg.DISTANCE_45_OUTSIDE = (1 - Math.SQRT1_2) *
(Blockly.BlockSvg.CORNER_RADIUS + 1) - 1;
/**
* SVG path for drawing next/previous notch from left to right.
* @const
*/
//Blockly.BlockSvg.NOTCH_PATH_LEFT = 'l 6,4 3,0 6,-4';
Blockly.BlockSvg.NOTCH_PATH_LEFT = 'l 8,8 8,-8';
/**
* SVG path for drawing next/previous notch from left to right with
* highlighting.
* @const
*/
Blockly.BlockSvg.NOTCH_PATH_LEFT_HIGHLIGHT = 'l 6.5,4 2,0 6.5,-4';
/**
* SVG path for drawing next/previous notch from right to left.
* @const
*/
//Blockly.BlockSvg.NOTCH_PATH_RIGHT = 'l -6,4 -3,0 -6,-4';
Blockly.BlockSvg.NOTCH_PATH_RIGHT = 'l -8,8 -8,-8';
/**
* SVG path for drawing jagged teeth at the end of collapsed blocks.
* @const
*/
Blockly.BlockSvg.JAGGED_TEETH = 'l 8,0 0,4 8,4 -16,8 8,4';
/**
* SVG path for drawing jagged teeth at the end of collapsed blocks.
* @const
*/
Blockly.BlockSvg.JAGGED_TEETH_HEIGHT = 20;
/**
* SVG path for drawing a horizontal puzzle tab from top to bottom.
* @const
*/
Blockly.BlockSvg.TAB_PATH_DOWN = 'v 5 c 0,10 -' + Blockly.BlockSvg.TAB_WIDTH +
',-8 -' + Blockly.BlockSvg.TAB_WIDTH + ',7.5 s ' +
Blockly.BlockSvg.TAB_WIDTH + ',-2.5 ' + Blockly.BlockSvg.TAB_WIDTH + ',7.5';
/**
* SVG path for drawing a horizontal puzzle tab from top to bottom with
* highlighting from the upper-right.
* @const
*/
Blockly.BlockSvg.TAB_PATH_DOWN_HIGHLIGHT_RTL = 'v 6.5 m -' +
(Blockly.BlockSvg.TAB_WIDTH * 0.98) + ',2.5 q -' +
(Blockly.BlockSvg.TAB_WIDTH * .05) + ',10 ' +
(Blockly.BlockSvg.TAB_WIDTH * .27) + ',10 m ' +
(Blockly.BlockSvg.TAB_WIDTH * .71) + ',-2.5 v 1.5';
/**
* SVG start point for drawing the top-left corner.
* @const
*/
Blockly.BlockSvg.TOP_LEFT_CORNER_START =
'm 0,' + Blockly.BlockSvg.CORNER_RADIUS;
/**
* SVG start point for drawing the top-left corner's highlight in RTL.
* @const
*/
Blockly.BlockSvg.TOP_LEFT_CORNER_START_HIGHLIGHT_RTL =
'm ' + Blockly.BlockSvg.DISTANCE_45_INSIDE + ',' +
Blockly.BlockSvg.DISTANCE_45_INSIDE;
/**
* SVG start point for drawing the top-left corner's highlight in LTR.
* @const
*/
Blockly.BlockSvg.TOP_LEFT_CORNER_START_HIGHLIGHT_LTR =
'm 1,' + (Blockly.BlockSvg.CORNER_RADIUS - 1);
/**
* SVG path for drawing the rounded top-left corner.
* @const
*/
Blockly.BlockSvg.TOP_LEFT_CORNER =
'A ' + Blockly.BlockSvg.CORNER_RADIUS + ',' +
Blockly.BlockSvg.CORNER_RADIUS + ' 0 0,1 ' +
Blockly.BlockSvg.CORNER_RADIUS + ',0';
/**
* SVG path for drawing the highlight on the rounded top-left corner.
* @const
*/
Blockly.BlockSvg.TOP_LEFT_CORNER_HIGHLIGHT =
'A ' + (Blockly.BlockSvg.CORNER_RADIUS - 1) + ',' +
(Blockly.BlockSvg.CORNER_RADIUS - 1) + ' 0 0,1 ' +
Blockly.BlockSvg.CORNER_RADIUS + ',1';
/**
* SVG path for drawing the top-left corner of a statement input.
* Includes the top notch, a horizontal space, and the rounded inside corner.
* @const
*/
Blockly.BlockSvg.INNER_TOP_LEFT_CORNER =
Blockly.BlockSvg.NOTCH_PATH_RIGHT + ' h -0.6 h' +
(Blockly.BlockSvg.CORNER_RADIUS) +
' a ' + Blockly.BlockSvg.CORNER_RADIUS + ',' +
Blockly.BlockSvg.CORNER_RADIUS + ' 0 0,0 -' +
Blockly.BlockSvg.CORNER_RADIUS + ',' +
Blockly.BlockSvg.CORNER_RADIUS;
/**
* SVG path for drawing the bottom-left corner of a statement input.
* Includes the rounded inside corner.
* @const
*/
Blockly.BlockSvg.INNER_BOTTOM_LEFT_CORNER =
'a ' + Blockly.BlockSvg.CORNER_RADIUS + ',' +
Blockly.BlockSvg.CORNER_RADIUS + ' 0 0,0 ' +
Blockly.BlockSvg.CORNER_RADIUS + ',' +
Blockly.BlockSvg.CORNER_RADIUS;
/**
* SVG path for drawing highlight on the top-left corner of a statement
* input in RTL.
* @const
*/
Blockly.BlockSvg.INNER_TOP_LEFT_CORNER_HIGHLIGHT_RTL =
'a ' + (Blockly.BlockSvg.CORNER_RADIUS + 1) + ',' +
(Blockly.BlockSvg.CORNER_RADIUS + 1) + ' 0 0,0 ' +
(-Blockly.BlockSvg.DISTANCE_45_OUTSIDE - 1) + ',' +
(Blockly.BlockSvg.CORNER_RADIUS -
Blockly.BlockSvg.DISTANCE_45_OUTSIDE);
/**
* SVG path for drawing highlight on the bottom-left corner of a statement
* input in RTL.
* @const
*/
Blockly.BlockSvg.INNER_BOTTOM_LEFT_CORNER_HIGHLIGHT_RTL =
'a ' + (Blockly.BlockSvg.CORNER_RADIUS + 1) + ',' +
(Blockly.BlockSvg.CORNER_RADIUS + 1) + ' 0 0,0 ' +
(Blockly.BlockSvg.CORNER_RADIUS + 1) + ',' +
(Blockly.BlockSvg.CORNER_RADIUS + 1);
/**
* SVG path for drawing highlight on the bottom-left corner of a statement
* input in LTR.
* @const
*/
Blockly.BlockSvg.INNER_BOTTOM_LEFT_CORNER_HIGHLIGHT_LTR =
'a ' + (Blockly.BlockSvg.CORNER_RADIUS + 1) + ',' +
(Blockly.BlockSvg.CORNER_RADIUS + 1) + ' 0 0,0 ' +
(Blockly.BlockSvg.CORNER_RADIUS -
Blockly.BlockSvg.DISTANCE_45_OUTSIDE) + ',' +
(Blockly.BlockSvg.DISTANCE_45_OUTSIDE + 1);
/**
* Dispose of this SVG block.
*/
Blockly.BlockSvg.prototype.dispose = function() {
goog.dom.removeNode(this.svgGroup_);
// Sever JavaScript to DOM connections.
this.svgGroup_ = null;
this.svgPath_ = null;
if (Blockly.enableBlockAnimation) {
this.svgPathPatternA_ = null;
this.svgPathPatternB_ = null;
this.svgPathPatternC_ = null;
this.svgPathPatternD_ = null;
}
this.svgPathLight_ = null;
this.svgPathDark_ = null;
// Break circular references.
this.block_ = null;
};
/**
* Play some UI effects (sound, animation) when disposing of a block.
*/
Blockly.BlockSvg.prototype.disposeUiEffect = function() {
Blockly.playAudio('delete');
var xy = Blockly.getSvgXY_(/** @type {!Element} */ (this.svgGroup_));
// Deeply clone the current block.
var clone = this.svgGroup_.cloneNode(true);
clone.translateX_ = xy.x;
clone.translateY_ = xy.y;
clone.setAttribute('transform',
'translate(' + clone.translateX_ + ',' + clone.translateY_ + ')');
Blockly.svg.appendChild(clone);
clone.bBox_ = clone.getBBox();
// Start the animation.
clone.startDate_ = new Date();
Blockly.BlockSvg.disposeUiStep_(clone);
};
/**
* Animate a cloned block and eventually dispose of it.
* @param {!Element} clone SVG element to animate and dispose of.
* @private
*/
Blockly.BlockSvg.disposeUiStep_ = function(clone) {
var textNodes = clone.getElementsByTagName('text');
if (textNodes) {
for (var i=0; i 1) {
goog.dom.removeNode(clone);
} else {
var x = clone.translateX_ +
(Blockly.RTL ? -1 : 1) * clone.bBox_.width / 2 * percent;
var y = clone.translateY_ + clone.bBox_.height * percent;
var translate = x + ', ' + y;
var scale = 1 - percent;
clone.setAttribute('transform', 'translate(' + translate + ')' +
' scale(' + scale + ')');
var closure = function() {
Blockly.BlockSvg.disposeUiStep_(clone);
};
window.setTimeout(closure, 10);
}
};
/**
* Play some UI effects (sound, ripple) after a connection has been established.
*/
Blockly.BlockSvg.prototype.connectionUiEffect = function() {
Blockly.playAudio('click');
// Determine the absolute coordinates of the inferior block.
var xy = Blockly.getSvgXY_(/** @type {!Element} */ (this.svgGroup_));
// Offset the coordinates based on the two connection types.
if (this.block_.outputConnection) {
xy.x += Blockly.RTL ? 3 : -3;
xy.y += 13;
} else if (this.block_.previousConnection) {
xy.x += Blockly.RTL ? -23 : 23;
xy.y += 3;
}
var ripple = Blockly.createSvgElement('circle',
{'cx': xy.x, 'cy': xy.y, 'r': 0, 'fill': 'none',
'stroke': '#888', 'stroke-width': 10},
Blockly.svg);
// Start the animation.
ripple.startDate_ = new Date();
Blockly.BlockSvg.connectionUiStep_(ripple);
};
/**
* Expand a ripple around a connection.
* @param {!Element} ripple Element to animate.
* @private
*/
Blockly.BlockSvg.connectionUiStep_ = function(ripple) {
var ms = (new Date()) - ripple.startDate_;
var percent = ms / 150;
if (percent > 1) {
goog.dom.removeNode(ripple);
} else {
ripple.setAttribute('r', percent * 25);
ripple.style.opacity = 1 - percent;
var closure = function() {
Blockly.BlockSvg.connectionUiStep_(ripple);
};
window.setTimeout(closure, 10);
}
};
/**
* Change the colour of a block.
*/
Blockly.BlockSvg.prototype.updateColour = function() {
if (this.block_.disabled) {
// Disabled blocks don't have colour.
return;
}
var hexColour = Blockly.makeColour(this.block_.getColour());
var rgb = goog.color.hexToRgb(hexColour);
var rgbLight = goog.color.darken(rgb, 0.1);
var rgbDark = goog.color.darken(rgb, 0.3);
if (this.block_.outputConnection)
this.svgPathLight_.setAttribute('stroke', goog.color.rgbArrayToHex(rgbLight));
if (this.block_.outputConnection)
if (this.block_.parentBlock_)
this.svgPathDark_.setAttribute('opacity', 0);
else
this.svgPathDark_.removeAttribute('opacity');
this.svgPathDark_.setAttribute('fill', goog.color.rgbArrayToHex(rgbDark));
this.svgPath_.setAttribute('fill', hexColour);
if (Blockly.enableBlockAnimation) {
this.svgPathPatternA_.setAttribute('fill', 'url(#blockPattern1)');
Blockly.createSvgElement('animate', {
'attributeName': 'opacity',
'values': '0;0.2;0;0',
'repeatCount': 'indefinite',
'begin': '0',
'dur': '1.4s'
}, this.svgPathPatternA_);
this.svgPathPatternB_.setAttribute('fill', 'url(#blockPattern2)');
Blockly.createSvgElement('animate', {
'attributeName': 'opacity',
'values': '0;0.2;0;0',
'repeatCount': 'indefinite',
'begin': '0.33',
'dur': '1.4s'
}, this.svgPathPatternB_);
this.svgPathPatternC_.setAttribute('fill', 'url(#blockPattern3)');
Blockly.createSvgElement('animate', {
'attributeName': 'opacity',
'values': '0;0.2;0;0',
'repeatCount': 'indefinite',
'begin': '0.67',
'dur': '1.4s'
}, this.svgPathPatternC_);
this.svgPathPatternD_.setAttribute('fill', 'url(#blockPattern4)');
}
Blockly.createSvgElement('animate', {
'attributeName': 'opacity',
'values': '0;0.2;0;0',
'repeatCount': 'indefinite',
'begin': '1',
'dur': '1.4s'
}, this.svgPathPatternD_);
};
/**
* Enable or disable a block.
*/
Blockly.BlockSvg.prototype.updateDisabled = function() {
if (this.block_.disabled || this.block_.getInheritedDisabled()) {
Blockly.addClass_(/** @type {!Element} */ (this.svgGroup_),
'blocklyDisabled');
this.svgPath_.setAttribute('fill', 'gray');
} else {
Blockly.removeClass_(/** @type {!Element} */ (this.svgGroup_),
'blocklyDisabled');
this.updateColour();
}
var children = this.block_.getChildren();
for (var x = 0, child; child = children[x]; x++) {
child.svg_.updateDisabled();
}
};
/**
* Select this block. Highlight it visually.
*/
Blockly.BlockSvg.prototype.addSelect = function() {
Blockly.addClass_(/** @type {!Element} */ (this.svgGroup_),
'blocklySelected');
// Move the selected block to the top of the stack.
if (this.block_.isInBlockMenu)
return;
this.svgGroup_.parentNode.appendChild(this.svgGroup_);
};
/**
* Unselect this block. Remove its highlighting.
*/
Blockly.BlockSvg.prototype.removeSelect = function() {
Blockly.removeClass_(/** @type {!Element} */ (this.svgGroup_),
'blocklySelected');
Blockly.removeClass_(/** @type {!Element} */ (this.svgGroup_),
'blocklyActivated');
};
/**
* Activate this block. Highlight it visually.
*/
Blockly.BlockSvg.prototype.addActive = function() {
Blockly.addClass_(/** @type {!Element} */ (this.svgGroup_),
'blocklyActivated');
// Move the selected block to the top of the stack.
this.svgGroup_.parentNode.appendChild(this.svgGroup_);
};
/**
* Activate this block. Remove its highlighting.
*/
Blockly.BlockSvg.prototype.removeActive = function() {
Blockly.removeClass_(/** @type {!Element} */ (this.svgGroup_),
'blocklyActivated');
};
/**
* Adds the dragging class to this block.
* Also disables the highlights/shadows to improve performance.
*/
Blockly.BlockSvg.prototype.addDragging = function() {
Blockly.addClass_(/** @type {!Element} */ (this.svgGroup_),
'blocklyDragging');
};
/**
* Removes the dragging class from this block.
*/
Blockly.BlockSvg.prototype.removeDragging = function() {
Blockly.removeClass_(/** @type {!Element} */ (this.svgGroup_),
'blocklyDragging');
};
/**
* Render the block.
* Lays out and reflows a block based on its contents and settings.
*/
Blockly.BlockSvg.prototype.render = function() {
this.block_.rendered = true;
var cursorX = Blockly.BlockSvg.SEP_SPACE_X;
// Move the icons into position.
var icons = this.block_.getIcons();
for (var x = 0; x < icons.length; x++) {
cursorX = icons[x].renderIcon(cursorX);
}
cursorX += Blockly.RTL ?
Blockly.BlockSvg.SEP_SPACE_X : -Blockly.BlockSvg.SEP_SPACE_X;
// If there are no icons, cursorX will be 0, otherwise it will be the
// width that the first label needs to move over by.
var inputRows = this.renderCompute_(cursorX);
this.renderDraw_(cursorX, inputRows);
// Render all blocks above this one (propagate a reflow).
var parentBlock = this.block_.getParent();
if (parentBlock) {
parentBlock.render();
} else {
// Top-most block. Fire an event to allow scrollbars to resize.
//Blockly.fireUiEvent(window, 'resize');
// Remove. It's too heavy.
}
};
/**
* Render a list of fields starting at the specified location.
* @param {!Array.} fieldList List of fields.
* @param {number} cursorX X-coordinate to start the fields.
* @param {number} cursorY Y-coordinate to start the fields.
* @param {number} rowHeight row height.
* @return {number} X-coordinate of the end of the field row (plus a gap).
* @private
*/
Blockly.BlockSvg.prototype.renderFields_ = function(fieldList,
cursorX, cursorY, rowHeight) {
for (var t = 0, field; field = fieldList[t]; t++) {
// Get the dimensions of the field.
if (field.isTextInput && fieldList.length ==1)
cursorX -= 4;
var fieldSize = field.getSize();
var fieldWidth = fieldSize.width;
var fieldY = cursorY + (rowHeight - fieldSize.height)/ 2;
field.getRootElement().setAttribute('transform',
'translate(' + cursorX + ', ' + fieldY + ')');
if (fieldWidth) {
cursorX += fieldWidth + Blockly.BlockSvg.SEP_SPACE_X;
}
if (field.isTextInput && fieldList.length ==1)
cursorX += 4;
}
return Blockly.RTL ? -cursorX : cursorX;
};
/**
* Computes the height and widths for each row and field.
* @param {number} iconWidth Offset of first row due to icons.
* @return {!Array.>} 2D array of objects, each containing
* position information.
* @private
*/
Blockly.BlockSvg.prototype.renderCompute_ = function(iconWidth) {
var inputList = this.block_.inputList;
var inputRows = [];
inputRows.rightEdge = iconWidth + Blockly.BlockSvg.SEP_SPACE_X * 2;
if (this.block_.previousConnection || this.block_.nextConnection) {
inputRows.rightEdge = Math.max(inputRows.rightEdge,
Blockly.BlockSvg.NOTCH_WIDTH + Blockly.BlockSvg.SEP_SPACE_X);
}
var fieldValueWidth = 0; // Width of longest external value field.
var fieldStatementWidth = 0; // Width of longest statement field.
var hasValue = false;
var hasStatement = false;
var hasDummy = false;
var lastType = undefined;
var isInline = this.block_.inputsInline && !this.block_.isCollapsed();
for (var i = 0, input; input = inputList[i]; i++) {
if (!input.isVisible()) {
continue;
}
var row;
if (!isInline || !lastType ||
lastType == Blockly.NEXT_STATEMENT ||
input.type == Blockly.NEXT_STATEMENT) {
// Create new row.
lastType = input.type;
row = [];
if (isInline && input.type != Blockly.NEXT_STATEMENT) {
row.type = Blockly.BlockSvg.INLINE;
} else {
row.type = input.type;
}
row.height = 0;
inputRows.push(row);
} else {
row = inputRows[inputRows.length - 1];
}
row.push(input);
// Compute minimum input size.
if (input.sourceBlock_.outputConnection)
input.renderHeight = Blockly.BlockSvg.MIN_INLINE_BLOCK_Y;
else
input.renderHeight = Blockly.BlockSvg.MIN_BLOCK_Y;
// The width is currently only needed for inline value inputs.
if (isInline && input.type == Blockly.INPUT_VALUE) {
input.renderWidth = Blockly.BlockSvg.TAB_WIDTH +
Blockly.BlockSvg.SEP_SPACE_X;
} else {
input.renderWidth = 0;
}
// Expand input size if there is a connection.
if (input.connection && input.connection.targetConnection) {
var linkedBlock = input.connection.targetBlock();
var bBox = linkedBlock.getHeightWidth();
input.renderHeight = Blockly.BlockSvg.MIN_INLINE_BLOCK_Y;
input.renderHeight = Math.max(input.renderHeight, bBox.height);
input.renderWidth = Math.max(input.renderWidth, bBox.width);
}
row.height = Math.max(row.height, input.renderHeight);
input.fieldWidth = 0;
if (inputRows.length == 1) {
// The first row gets shifted to accommodate any icons.
input.fieldWidth += Blockly.RTL ? -iconWidth : iconWidth;
}
for (var j = 0, field; field = input.fieldRow[j]; j++) {
if (j == 0 && field instanceof Blockly.FieldIcon)
continue;
if (j != 0) {
input.fieldWidth += Blockly.BlockSvg.SEP_SPACE_X;
}
// Get the dimensions of the field.
var fieldSize = field.getSize();
input.fieldWidth += fieldSize.width;
row.height = Math.max(row.height, fieldSize.height);
}
if (row.type != Blockly.BlockSvg.INLINE) {
if (row.type == Blockly.NEXT_STATEMENT) {
hasStatement = true;
fieldStatementWidth = Math.max(fieldStatementWidth, input.fieldWidth);
} else {
if (row.type == Blockly.INPUT_VALUE) {
hasValue = true;
} else if (row.type == Blockly.DUMMY_INPUT) {
hasDummy = true;
}
fieldValueWidth = Math.max(fieldValueWidth, input.fieldWidth);
}
}
}
// Make inline rows a bit thicker in order to enclose the values.
for (var y = 0, row; row = inputRows[y]; y++) {
row.thicker = false;
if (row.type == Blockly.BlockSvg.INLINE) {
for (var z = 0, input; input = row[z]; z++) {
if (input.type == Blockly.INPUT_VALUE) {
if (this.block_.outputConnection) {
row.height += 2 * Blockly.BlockSvg.INLINE_PADDING_Y;
if (this.block_.outputConnection.check_[0].toUpperCase() == "PARAM")
row.height = Blockly.BlockSvg.MIN_BLOCK_Y - 6;
}
row.thicker = true;
break;
}
}
}
this.height = row.height+10;
}
// Compute the statement edge.
// This is the width of a block where statements are nested.
inputRows.statementEdge = 2 * Blockly.BlockSvg.SEP_SPACE_X +
fieldStatementWidth;
// Compute the preferred right edge. Inline blocks may extend beyond.
// This is the width of the block where external inputs connect.
if (hasStatement) {
inputRows.rightEdge = Math.max(inputRows.rightEdge,
inputRows.statementEdge + Blockly.BlockSvg.NOTCH_WIDTH);
}
if (hasValue) {
inputRows.rightEdge = Math.max(inputRows.rightEdge, fieldValueWidth +
Blockly.BlockSvg.SEP_SPACE_X * 2 + Blockly.BlockSvg.TAB_WIDTH);
} else if (hasDummy) {
inputRows.rightEdge = Math.max(inputRows.rightEdge, fieldValueWidth +
Blockly.BlockSvg.SEP_SPACE_X * 2);
}
inputRows.hasValue = hasValue;
inputRows.hasStatement = hasStatement;
inputRows.hasDummy = hasDummy;
return inputRows;
};
/**
* Draw the path of the block.
* Move the fields to the correct locations.
* @param {number} iconWidth Offset of first row due to icons.
* @param {!Array.>} inputRows 2D array of objects, each
* containing position information.
* @private
*/
Blockly.BlockSvg.prototype.renderDraw_ = function(iconWidth, inputRows) {
// Should the top and bottom left corners be rounded or square?
if (this.block_.outputConnection) {
this.squareTopLeftCorner_ = true;
this.squareBottomLeftCorner_ = true;
this.squareTopLeftCorner_ = false;
this.squareBottomLeftCorner_ = false;
// If this block is in the middle of a stack, square the corners.
if (this.block_.previousConnection) {
var prevBlock = this.block_.previousConnection.targetBlock();
if (prevBlock && prevBlock.nextConnection &&
prevBlock.nextConnection.targetConnection ==
this.block_.previousConnection) {
this.squareTopLeftCorner_ = true;
}
}
if (this.block_.nextConnection) {
var nextBlock = this.block_.nextConnection.targetBlock();
if (nextBlock && nextBlock.previousConnection &&
nextBlock.previousConnection.targetConnection ==
this.block_.nextConnection) {
this.squareBottomLeftCorner_ = true;
}
}
}
// Fetch the block's coordinates on the surface for use in anchoring
// the connections.
var connectionsXY = this.block_.getRelativeToSurfaceXY();
// Assemble the block's path.
var steps = [];
var inlineSteps = [];
// The highlighting applies to edges facing the upper-left corner.
// Since highlighting is a two-pixel wide border, it would normally overhang
// the edge of the block by a pixel. So undersize all measurements by a pixel.
this.renderDrawTop_(steps, connectionsXY,
inputRows);
var cursorY = this.renderDrawRight_(steps, inlineSteps,
connectionsXY, inputRows, iconWidth);
this.renderDrawBottom_(steps, connectionsXY, cursorY);
this.renderDrawLeft_(steps, connectionsXY, cursorY, inputRows);
var pathString = steps.join(' ') + '\n' + inlineSteps.join(' ');
this.svgPath_.setAttribute('d', pathString);
if (Blockly.enableBlockAnimation) {
this.svgPathPatternA_.setAttribute('d', pathString);
this.svgPathPatternB_.setAttribute('d', pathString);
this.svgPathPatternC_.setAttribute('d', pathString);
this.svgPathPatternD_.setAttribute('d', pathString);
}
this.svgPathDark_.setAttribute('d', pathString);
if (this.block_.outputConnection)
this.svgPathLight_.setAttribute('d', pathString);
var block = this.block_;
if (block.previousConnection && !block.nextConnection
&& !block.outputConnection && !block.dummySpace ) {
block.dummySpace = true;
var rect = Blockly.createSvgElement('rect', {'class':'BlockSpaceDummy',
'height': '9', 'width':'10', 'y':(this.height - 10), 'opacity': '0'}, block.svg_.svgGroup_);
}
};
/**
* Render the top edge of the block.
* @param {!Array.} steps Path of block outline.
* @param {!Object} connectionsXY Location of block.
* @param {!Array.>} inputRows 2D array of objects, each
* containing position information.
* @private
*/
Blockly.BlockSvg.prototype.renderDrawTop_ =
function(steps, connectionsXY, inputRows) {
// Position the cursor at the top-left starting point.
//if (this.squareTopLeftCorner_) {
var rightEdge = inputRows.rightEdge;
if (true) {
steps.push('m 0,0');
} else {
steps.push(Blockly.BlockSvg.TOP_LEFT_CORNER_START);
// Top-left rounded corner.
steps.push(Blockly.BlockSvg.TOP_LEFT_CORNER);
}
if (Blockly.BROKEN_CONTROL_POINTS) {
/* HACK:
WebKit bug 67298 causes control points to be included in the reported
bounding box. Add 5px control point to the top of the path.
*/
steps.push('c 0,4 0,-4 0,0');
}
var firstRow = inputRows[0][0].fieldRow;
// Top edge.
if (this.block_.previousConnection) {
steps.push('H', 0);
steps.push(Blockly.BlockSvg.NOTCH_PATH_LEFT);
// Create previous block connection.
var connectionX = connectionsXY.x + Blockly.BlockSvg.NOTCH_WIDTH;
var connectionY = connectionsXY.y;
this.block_.previousConnection.moveTo(connectionX, connectionY);
// This connection will be tightened when the parent renders.
} else if (firstRow[0] instanceof Blockly.FieldIcon) {
steps.push('m', '0,-5');
steps.push('a', '19.5,19.5 0, 0,1 16,0');
steps.push('c', '10,5 15,5 20,5');
}
//steps.push('H', rightEdge);
};
/**
* Render the right edge of the block.
* @param {!Array.} steps Path of block outline.
* @param {!Array.} inlineSteps Inline block outlines.
* @param {!Object} connectionsXY Location of block.
* @param {!Array.>} inputRows 2D array of objects, each
* containing position information.
* @param {number} iconWidth Offset of first row due to icons.
* @return {number} Height of block.
* @private
*/
Blockly.BlockSvg.prototype.renderDrawRight_ = function(steps,
inlineSteps, connectionsXY, inputRows, iconWidth) {
var cursorX;
var cursorY = 0;
var connectionX, connectionY;
var blockWidth;
for (var y = 0, row; row = inputRows[y]; y++) {
cursorX = Blockly.BlockSvg.SEP_SPACE_X;
if (y == 0) {
cursorX += Blockly.RTL ? -iconWidth : iconWidth;
}
if (y == 0 && this.block_.outputConnection) {
if (row[0].type == Blockly.INPUT_VALUE)
cursorX -= row.height/2 + 2;
else if (this.block_.outputConnection.check_[0].toUpperCase() == "PARAM")
cursorX -= 8;
else
cursorX -= row.height/2 - 5;
} else if (y != 0) {
cursorX += 33;
cursorY -=2;
} else if (inputRows[0][0].fieldRow[0] instanceof Blockly.FieldIcon) {
cursorX -= 13;
} else if (!this.block_.previousConnection &&
!this.block_.nextConnection) {
cursorX -= 0;
} else {
cursorX += 14;
};
if (this.block_.isCollapsed()) {
// Jagged right edge.
var input = row[0];
var fieldX = cursorX;
var fieldY = cursorY + Blockly.BlockSvg.FIELD_HEIGHT;
this.renderFields_(input.fieldRow, fieldX, fieldY, row.height);
steps.push(Blockly.BlockSvg.JAGGED_TEETH);
var remainder = row.height - Blockly.BlockSvg.JAGGED_TEETH_HEIGHT;
steps.push('v', remainder);
} else if (row.type == Blockly.BlockSvg.INLINE) {
// Inline inputs.
for (var x = 0, input; input = row[x]; x++) {
var fieldX = cursorX;
var fieldY = cursorY + Blockly.BlockSvg.FIELD_HEIGHT;
// TODO: Align inline field rows (left/right/centre).
cursorX = this.renderFields_(input.fieldRow, fieldX, fieldY, row.height);
if (input.type != Blockly.DUMMY_INPUT) {
cursorX += input.renderWidth + Blockly.BlockSvg.SEP_SPACE_X;
}
if (input.type == Blockly.INPUT_VALUE) {
var r = input.renderHeight/2;
var l = input.renderWidth;
var param = 0;
l += 1;
var inputType = input.connection.check_ ? input.connection.check_[0] : "null";
var inlineCursorY = cursorY + (row.height - 2*r)/2;
if (inputType.toUpperCase() == "BOOLEAN") {
inlineSteps.push('M', (cursorX - Blockly.BlockSvg.SEP_SPACE_X - r) +
',' + (inlineCursorY + 0.5));
inlineSteps.push('h', -l + 2*r);
inlineSteps.push('l', '-' + r + ',' + r + ' ' + r + ',' + r);
inlineSteps.push('h', l - 2*r);
inlineSteps.push('l', r + ',-' + r + ' -' + r + ',-' + r);
inlineSteps.push('z');
} else if (inputType.toUpperCase() == "PARAM") {
inlineCursorY += 1;
if (this.block_.outputConnection) {
cursorX -= input.renderWidth + Blockly.BlockSvg.SEP_SPACE_X;
param = input.renderWidth + Blockly.BlockSvg.SEP_SPACE_X + 9;
} else {
param = 8;
inlineSteps.push('M', (cursorX - Blockly.BlockSvg.SEP_SPACE_X - 6) +
',' + (3));
inlineSteps.push('h', -l + 9);
inlineSteps.push('l', '-2,2 0,3 3,0 1,1 0,11 -1,1 -3,0 0,4 2,2');
inlineSteps.push('h', l - 9);
inlineSteps.push('l', '2,-2 0,-3 3,0 1,-1 0,-13 -1,-1 -3,0 0,-2 -2,-2');
inlineSteps.push('z');
}
} else {
inlineSteps.push('M', (cursorX - Blockly.BlockSvg.SEP_SPACE_X - r) +
',' +( inlineCursorY + 0.5));
inlineSteps.push('h', -l + 2*r);
inlineSteps.push('a', r + ',' + r + ' 0 1,0 0,' + 2*r);
inlineSteps.push('h', l - 2*r);
inlineSteps.push('a', r + ',' + r + ' 0 1,0 0,-' + 2*r);
inlineSteps.push('z');
}
// Create inline input connection.
connectionX = connectionsXY.x + cursorX - Blockly.BlockSvg.SEP_SPACE_X
-Blockly.BlockSvg.TAB_WIDTH-input.renderWidth +7.5+ r + param;
connectionY = connectionsXY.y + inlineCursorY;
input.connection.moveTo(connectionX, connectionY);
if (input.connection.targetConnection) {
input.connection.tighten_();
}
}
}
cursorX = Math.max(cursorX, inputRows.rightEdge);
blockWidth = cursorX;
if (this.block_.outputConnection) {
this.blockInlineWidth_ = cursorX;
var r = row.height/2;
this.r_ = r;
var lastRow = row[row.length-1].fieldRow;
if (lastRow[lastRow.length-1] instanceof Blockly.FieldLabel)
cursorX += 1;
cursorX += 2;
if (this.block_.outputConnection.check_[0].toUpperCase() == "PARAM") {
steps.push('H', cursorX);
steps.push('l', '-3,0 2,2 0,3 3,0 1,1 0,12 -1,1 -3,0 0,3 -2,2 3,0');
} else if (this.block_.outputConnection.check_[0].toUpperCase() == "BOOLEAN") {
steps.push('H', cursorX - r);
steps.push('l', r + ',' + r + ' -' + r + ',' + r);
} else {
steps.push('H', cursorX - r - 4);
steps.push('a', r + ',' + r + ' 0 1,1 0,' + 2*r);
}
} else {
if (y==0)
this.blockInlineWidth_ = cursorX;
if (this.blockInlineWidth_)
cursorX = this.blockInlineWidth_;
var lastRow = row[row.length-1].fieldRow;
if (!(lastRow[lastRow.length-1] instanceof Blockly.FieldIcon))
cursorX += 8;
var r = row.height/2;
steps.push('H', cursorX - r - 1);
steps.push('a', r + ',' + r + ' 0 0,1 0,' + 2*r);
}
} else if (row.type == Blockly.INPUT_VALUE) {
// External input.
var input = row[0];
var fieldX = cursorX;
var fieldY = cursorY + Blockly.BlockSvg.FIELD_HEIGHT;
if (input.align != Blockly.ALIGN_LEFT) {
var fieldRightX = inputRows.rightEdge - input.fieldWidth -
Blockly.BlockSvg.TAB_WIDTH - 2 * Blockly.BlockSvg.SEP_SPACE_X;
if (input.align == Blockly.ALIGN_RIGHT) {
fieldX += fieldRightX;
} else if (input.align == Blockly.ALIGN_CENTRE) {
fieldX += (fieldRightX + fieldX) / 2;
}
}
this.renderFields_(input.fieldRow, fieldX, fieldY, row.height);
steps.push(Blockly.BlockSvg.TAB_PATH_DOWN);
steps.push('v', row.height - Blockly.BlockSvg.TAB_HEIGHT);
// Create external input connection.
connectionX = connectionsXY.x +
(Blockly.RTL ? -inputRows.rightEdge - 1 : inputRows.rightEdge + 1);
connectionY = connectionsXY.y + cursorY + 1;
input.connection.moveTo(connectionX, connectionY);
if (input.connection.targetConnection) {
input.connection.tighten_();
}
} else if (row.type == Blockly.DUMMY_INPUT) {
// External naked field.
var input = row[0];
var fieldX = cursorX;
var fieldY = cursorY + Blockly.BlockSvg.FIELD_HEIGHT;
if (input.align != Blockly.ALIGN_LEFT) {
var fieldRightX = inputRows.rightEdge - input.fieldWidth -
2 * Blockly.BlockSvg.SEP_SPACE_X;
if (inputRows.hasValue) {
fieldRightX -= Blockly.BlockSvg.TAB_WIDTH;
}
if (input.align == Blockly.ALIGN_RIGHT) {
fieldX += fieldRightX;
} else if (input.align == Blockly.ALIGN_CENTRE) {
fieldX += (fieldRightX + fieldX) / 2;
}
}
this.renderFields_(input.fieldRow, fieldX, fieldY, row.height);
steps.push('v', row.height);
} else if (row.type == Blockly.NEXT_STATEMENT) {
// Nested statement.
var input = row[0];
if (y == 0) {
// If the first input is a statement stack, add a small row on top.
steps.push('v', Blockly.BlockSvg.SEP_SPACE_Y);
cursorY += Blockly.BlockSvg.SEP_SPACE_Y;
}
var fieldX = cursorX;
var fieldY = cursorY + Blockly.BlockSvg.FIELD_HEIGHT;
if (input.align != Blockly.ALIGN_LEFT) {
var fieldRightX = inputRows.statementEdge - input.fieldWidth -
2 * Blockly.BlockSvg.SEP_SPACE_X;
if (input.align == Blockly.ALIGN_RIGHT) {
fieldX += fieldRightX;
} else if (input.align == Blockly.ALIGN_CENTRE) {
fieldX += (fieldRightX + fieldX) / 2;
}
}
this.renderFields_(input.fieldRow, fieldX, fieldY, row.height);
cursorX = inputRows.statementEdge + Blockly.BlockSvg.NOTCH_WIDTH;
var r = row.height/2;
steps.push('H', cursorX + 6);
steps.push(Blockly.BlockSvg.INNER_TOP_LEFT_CORNER);
steps.push('v', row.height- 4.5);
steps.push(Blockly.BlockSvg.INNER_BOTTOM_LEFT_CORNER);
steps.push('H', 14);
steps.push(Blockly.BlockSvg.NOTCH_PATH_LEFT);
if (this.blockInlineWidth_)
steps.push('H', this.blockInlineWidth_ -12);
else
steps.push('H', blockWidth);
// Create statement connection.
connectionX = connectionsXY.x + (Blockly.RTL ? -cursorX : cursorX) + 6;
connectionY = connectionsXY.y + cursorY + 3;
if (y != 0)
connectionY -= 0;
cursorY -= 0;
input.connection.moveTo(connectionX, connectionY);
if (input.connection.targetConnection) {
input.connection.tighten_();
}
if (y == inputRows.length - 1 ||
inputRows[y + 1].type == Blockly.NEXT_STATEMENT) {
// If the final input is a statement stack, add a small row underneath.
// Consecutive statement stacks are also separated by a small divider.
steps.push('a', 8 + ',' + 8 + ' 0 0,1 0,' + 2*8);
cursorY += Blockly.BlockSvg.SEP_SPACE_Y + 3;
}
}
cursorY += row.height;
}
if (!inputRows.length) {
cursorY = Blockly.BlockSvg.MIN_BLOCK_Y;
steps.push('V', cursorY);
}
return cursorY;
};
/**
* Render the bottom edge of the block.
* @param {!Array.} steps Path of block outline.
* @param {!Object} connectionsXY Location of block.
* @param {number} cursorY Height of block.
* @private
*/
Blockly.BlockSvg.prototype.renderDrawBottom_ = function(steps,
connectionsXY, cursorY) {
if (this.block_.nextConnection) {
steps.push('l', '0,-0.5');
steps.push('H', Blockly.BlockSvg.NOTCH_WIDTH + ' ' +
Blockly.BlockSvg.NOTCH_PATH_RIGHT);
steps.push('l', '0,0.5');
// Create next block connection.
var connectionX;
connectionX = connectionsXY.x + Blockly.BlockSvg.NOTCH_WIDTH;
var connectionY = connectionsXY.y + cursorY + 1;
this.block_.nextConnection.moveTo(connectionX, connectionY);
if (this.block_.nextConnection.targetConnection) {
this.block_.nextConnection.tighten_();
}
}
if (Blockly.BROKEN_CONTROL_POINTS) {
/* HACK:
WebKit bug 67298 causes control points to be included in the reported
bounding box. Add 5px control point to the bottom of the path.
*/
steps.push('c 0,4 0,-4 0,0');
}
// Should the bottom-left corner be rounded or square?
//if (this.squareBottomLeftCorner_) {
if (true) {
steps.push('H 0');
} else {
steps.push('H', Blockly.BlockSvg.CORNER_RADIUS);
steps.push('a', Blockly.BlockSvg.CORNER_RADIUS + ',' +
Blockly.BlockSvg.CORNER_RADIUS + ' 0 0,1 -' +
Blockly.BlockSvg.CORNER_RADIUS + ',-' +
Blockly.BlockSvg.CORNER_RADIUS);
}
};
/**
* Render the left edge of the block.
* @param {!Array.} steps Path of block outline.
* @param {!Object} connectionsXY Location of block.
* @param {number} cursorY Height of block.
* @private
*/
Blockly.BlockSvg.prototype.renderDrawLeft_ = function(steps,
connectionsXY, cursorY,
inputRows) {
if (this.block_.outputConnection) {
// Create output connection.
this.block_.outputConnection.moveTo(connectionsXY.x, connectionsXY.y);
// This connection will be tightened when the parent renders.
var r = this.r_;
if (this.block_.outputConnection.check_[0].toUpperCase() == "PARAM") {
steps.push('l', '-18,0 -2,-2 0,-3 3,0 1,-1 0,-12 -1,-1 -3,0 0,-3 2,-2 18,0');
} else if (r && this.block_.outputConnection.check_[0].toUpperCase() == "BOOLEAN") {
steps.push('l', '-' + r + ',-' + r + ' ' + r + ',-' + r);
} else if (r) {
steps.push('a', r + ',' + r + ' 0 1,1 0,-' + 2*r);
}
}
var firstRow = inputRows[0][0].fieldRow;
if (firstRow[0] instanceof Blockly.FieldIcon) {
steps.push('a', '19.5,19.5 0, 0,1 0,-35');
steps.push('z');
} else steps.push('z');
};
================================================
FILE: extern/blockly/core/blockly.js
================================================
/**
* @license
* Visual Blocks Editor
*
* Copyright 2011 Google Inc.
* https://blockly.googlecode.com/
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/**
* @fileoverview Core JavaScript library for Blockly.
* @author fraser@google.com (Neil Fraser)
*/
'use strict';
// Top level object for Blockly.
goog.provide('Blockly');
// Blockly core dependencies.
goog.require('Blockly.Block');
goog.require('Blockly.BlockMenu');
goog.require('Blockly.FieldIcon');
goog.require('Blockly.Connection');
goog.require('Blockly.FieldAngle');
goog.require('Blockly.FieldCheckbox');
goog.require('Blockly.FieldColour');
goog.require('Blockly.FieldDropdown');
goog.require('Blockly.FieldDropdownDynamic');
goog.require('Blockly.FieldImage');
goog.require('Blockly.FieldIcon');
goog.require('Blockly.FieldTextInput');
goog.require('Blockly.FieldKeydownInput');
goog.require('Blockly.FieldVariable');
goog.require('Blockly.Generator');
goog.require('Blockly.Msg');
goog.require('Blockly.Procedures');
goog.require('Blockly.Realtime');
goog.require('Blockly.Toolbox');
goog.require('Blockly.WidgetDiv');
goog.require('Blockly.Workspace');
goog.require('Blockly.inject');
goog.require('Blockly.utils');
// Closure dependencies.
goog.require('goog.dom');
goog.require('goog.color');
goog.require('goog.events');
goog.require('goog.string');
goog.require('goog.ui.ColorPicker');
goog.require('goog.ui.tree.TreeControl');
goog.require('goog.userAgent');
/**
* Path to Blockly's directory. Can be relative, absolute, or remote.
* Used for loading additional resources.
*/
Blockly.pathToBlockly = './';
/**
* Required name space for SVG elements.
* @const
*/
Blockly.SVG_NS = 'http://www.w3.org/2000/svg';
/**
* Required name space for HTML elements.
* @const
*/
Blockly.HTML_NS = 'http://www.w3.org/1999/xhtml';
/**
* The richness of block colours, regardless of the hue.
* Must be in the range of 0 (inclusive) to 1 (exclusive).
*/
Blockly.HSV_SATURATION = 0.45;
/**
goog.require('Blockly.FieldKeydownInput');
* The intensity of block colours, regardless of the hue.
* Must be in the range of 0 (inclusive) to 1 (exclusive).
*/
Blockly.HSV_VALUE = 0.65;
/**
* Convert a hue (HSV model) into an RGB hex triplet.
* @param {number} hue Hue on a colour wheel (0-360).
* @return {string} RGB code, e.g. '#5ba65b'.
*/
Blockly.makeColour = function(colorCode) {
if (typeof(colorCode) == "number")
return goog.color.hsvToHex(colorCode, Blockly.HSV_SATURATION,
Blockly.HSV_VALUE * 256);
else
return colorCode;
};
/**
* ENUM for a right-facing value input. E.g. 'test' or 'return'.
* @const
*/
Blockly.INPUT_VALUE = 1;
/**
* ENUM for a left-facing value output. E.g. 'call random'.
* @const
*/
Blockly.OUTPUT_VALUE = 2;
/**
* ENUM for a down-facing block stack. E.g. 'then-do' or 'else-do'.
* @const
*/
Blockly.NEXT_STATEMENT = 3;
/**
* ENUM for an up-facing block stack. E.g. 'close screen'.
* @const
*/
Blockly.PREVIOUS_STATEMENT = 4;
/**
* ENUM for an dummy input. Used to add field(s) with no input.
* @const
*/
Blockly.DUMMY_INPUT = 5;
/**
* ENUM for left alignment.
* @const
*/
Blockly.ALIGN_LEFT = -1;
/**
* ENUM for centre alignment.
* @const
*/
Blockly.ALIGN_CENTRE = 0;
/**
* ENUM for right alignment.
* @const
*/
Blockly.ALIGN_RIGHT = 1;
Blockly.enableBlockAnimation = !(goog.userAgent.SAFARI && !window.chrome);
/**
* Lookup table for determining the opposite type of a connection.
* @const
*/
Blockly.OPPOSITE_TYPE = [];
Blockly.OPPOSITE_TYPE[Blockly.INPUT_VALUE] = Blockly.OUTPUT_VALUE;
Blockly.OPPOSITE_TYPE[Blockly.OUTPUT_VALUE] = Blockly.INPUT_VALUE;
Blockly.OPPOSITE_TYPE[Blockly.NEXT_STATEMENT] = Blockly.PREVIOUS_STATEMENT;
Blockly.OPPOSITE_TYPE[Blockly.PREVIOUS_STATEMENT] = Blockly.NEXT_STATEMENT;
/**
* Database of pre-loaded sounds.
* @private
* @const
*/
Blockly.SOUNDS_ = Object.create(null);
/**
* Currently activated block.
* @type {Blockly.Block}
*/
Blockly.activated = null;
/**
* Currently selected block.
* @type {Blockly.Block}
*/
Blockly.selected = null;
/**
* Is Blockly in a read-only, non-editable mode?
* Note that this property may only be set before init is called.
* It can't be used to dynamically toggle editability on and off.
*/
Blockly.readOnly = false;
/**
* Currently highlighted connection (during a drag).
* @type {Blockly.Connection}
* @private
*/
Blockly.highlightedConnection_ = null;
/**
* Connection on dragged block that matches the highlighted connection.
* @type {Blockly.Connection}
* @private
*/
Blockly.localConnection_ = null;
/**
* Number of pixels the mouse must move before a drag starts.
* @const
*/
Blockly.DRAG_RADIUS = 5;
/**
* Maximum misalignment between connections for them to snap together.
* @const
*/
Blockly.SNAP_RADIUS = 15;
/**
* Maximum misalignment between connections for them to snap together for Entry workspace.
* @const
*/
Blockly.SNAP_RADIUS_ENTRY = 25;
/**
* Delay in ms between trigger and bumping unconnected block out of alignment.
* @const
*/
Blockly.BUMP_DELAY = 250;
/**
* Number of characters to truncate a collapsed block to.
* @const
*/
Blockly.COLLAPSE_CHARS = 30;
/**
* Length limit of blockly text input view.
* @const
*/
Blockly.TEXT_INPUT_MAX_LENGTH = 20;
Blockly.primitiveTypes = ['NUMBER', 'TRUE', 'FALSE',
'TEXT', 'FUNCTION_PARAM_BOOLEAN', 'FUNCTION_PARAM_STRING', 'TRUE_UN'];
/**
* The main workspace (defined by inject.js).
* @type {Blockly.Workspace}
*/
Blockly.mainWorkspace = null;
/**
* Contents of the local clipboard.
* @type {Element}
* @private
*/
Blockly.clipboard_ = null;
Blockly.textLengthCache = {};
/**
* Returns the dimensions of the current SVG image.
* @return {!Object} Contains width and height properties.
*/
Blockly.svgSize = function() {
return {width: Blockly.svg.cachedWidth_,
height: Blockly.svg.cachedHeight_};
};
/**
* Size the SVG image to completely fill its container. Record both
* the height/width and the absolute position of the SVG image.
*/
Blockly.svgResize = function() {
var svg = Blockly.svg;
var div = svg.parentNode;
var width = div.offsetWidth-3;
var height = div.offsetHeight;
if (svg.cachedWidth_ != width) {
svg.setAttribute('width', width + 'px');
svg.cachedWidth_ = width;
}
if (svg.cachedHeight_ != height) {
svg.setAttribute('height', height + 'px');
svg.cachedHeight_ = height;
}
// Update the scrollbars (if they exist).
if (Blockly.mainWorkspace.scrollbar) {
Blockly.mainWorkspace.scrollbar.resize();
}
};
/**
* Handle a mouse-down on SVG drawing surface.
* @param {!Event} e Mouse down event.
* @private
*/
Blockly.onMouseDown_ = function(e) {
Blockly.svgResize();
Blockly.terminateDrag_(); // In case mouse-up event was lost.
//Blockly.hideChaff();
var isTargetSvg = e.target && e.target.nodeName &&
e.target.nodeName.toLowerCase() == 'svg';
if (!Blockly.readOnly && Blockly.selected && isTargetSvg) {
// Clicking on the document clears the selection.
Blockly.selected.unselect();
}
if (Blockly.isRightButton(e)) {
// Right-click.
if (Blockly.ContextMenu) {
Blockly.showContextMenu_(Blockly.mouseToSvg(e));
}
} else if ((Blockly.readOnly || isTargetSvg) &&
Blockly.mainWorkspace.scrollbar) {
// If the workspace is editable, only allow dragging when gripping empty
// space. Otherwise, allow dragging when gripping anywhere.
Blockly.mainWorkspace.dragMode = true;
// Record the current mouse position.
Blockly.mainWorkspace.startDragMouseX = e.clientX;
Blockly.mainWorkspace.startDragMouseY = e.clientY;
Blockly.mainWorkspace.startDragMetrics =
Blockly.mainWorkspace.getMetrics();
Blockly.mainWorkspace.startScrollX = Blockly.mainWorkspace.scrollX;
Blockly.mainWorkspace.startScrollY = Blockly.mainWorkspace.scrollY;
}
};
/**
* Handle a mouse-up on SVG drawing surface.
* @param {!Event} e Mouse up event.
* @private
*/
Blockly.onMouseUp_ = function(e) {
Blockly.setCursorHand_(false);
Blockly.mainWorkspace.dragMode = false;
};
/**
* Handle a mouse-move on SVG surface.
* @param {!Event} e Mouse move event.
* @private
*/
Blockly.onMouseMove_ = function(e) {
var hScroll = Blockly.mainWorkspace.scrollbar.hScroll;
var vScroll = Blockly.mainWorkspace.scrollbar.vScroll;
hScroll.svgGroup_.setAttribute('opacity', '1');
vScroll.svgGroup_.setAttribute('opacity', '1');
if (Blockly.mainWorkspace.dragMode) {
Blockly.removeAllRanges();
var dx = e.clientX - Blockly.mainWorkspace.startDragMouseX;
var dy = e.clientY - Blockly.mainWorkspace.startDragMouseY;
var metrics = Blockly.mainWorkspace.startDragMetrics;
var x = Blockly.mainWorkspace.startScrollX + dx;
var y = Blockly.mainWorkspace.startScrollY + dy;
x = Math.min(x, -metrics.contentLeft);
y = Math.min(y, -metrics.contentTop);
x = Math.max(x, metrics.viewWidth - metrics.contentLeft -
metrics.contentWidth);
y = Math.max(y, metrics.viewHeight - metrics.contentTop -
metrics.contentHeight);
// Move the scrollbars and the page will scroll automatically.
Blockly.mainWorkspace.scrollbar.set(-x - metrics.contentLeft,
-y - metrics.contentTop);
}
};
/**
* Handle a mouse-wheel on SVG drawing surface.
* @param {!Event} e Mouse move event.
* @private
*/
Blockly.onMouseWheel_ = function (e) {
e.preventDefault();
Blockly.removeAllRanges();
Blockly.hideChaff();
var dx = e.wheelDeltaX || -e.deltaX;
var dy = e.wheelDeltaY || -e.deltaY;
var metrics = Blockly.mainWorkspace.getMetrics();
Blockly.mainWorkspace.startScrollX = Blockly.mainWorkspace.scrollX;
Blockly.mainWorkspace.startScrollY = Blockly.mainWorkspace.scrollY;
var x = Blockly.mainWorkspace.startScrollX + dx;
var y = Blockly.mainWorkspace.startScrollY + dy;
x = Math.min(x, -metrics.contentLeft);
y = Math.min(y, -metrics.contentTop);
x = Math.max(x, metrics.viewWidth - metrics.contentLeft -
metrics.contentWidth);
y = Math.max(y, metrics.viewHeight - metrics.contentTop -
metrics.contentHeight);
// Move the scrollbars and the page will scroll automatically.
Blockly.mainWorkspace.scrollbar.set(-x - metrics.contentLeft,
-y - metrics.contentTop);
}
/**
* Handle a mouse-wheel on flyout SVG drawing surface.
* @param {!Event} e Mouse move event.
* @private
*/
Blockly.onMouseWheelFlyout_ = function (e) {
e.stopPropagation();
e.preventDefault();
Blockly.removeAllRanges();
var scroll = this.scrollbar_;
var dy = e.wheelDeltaY || -e.deltaY;
var metrics = this.getMetrics_();
scroll.startScrollY = parseFloat(this.scrollbar_.svgKnob_.getAttribute('y'));
var y = parseFloat(-scroll.startScrollY) + dy;
y = Math.min(y, -metrics.contentTop);
y = Math.max(y, metrics.viewHeight - metrics.contentTop -
metrics.contentHeight);
scroll.svgKnob_.setAttribute(this.horizontal_ ? 'x' : 'y',
scroll.constrainKnob_(-y- metrics.contentTop));
scroll.onScroll_();
}
/**
* Handle a key-down on SVG drawing surface.
* @param {!Event} e Key down event.
* @private
*/
Blockly.onKeyDown_ = function(e) {
var block = Blockly.selected;
if (Blockly.isTargetInput_(e)) {
// When focused on an HTML text input widget, don't trap any keys.
return;
}
// TODO: Add keyboard support for cursoring around the context menu.
if (e.keyCode == 27) {
// Pressing esc closes the context menu.
//Blockly.hideChaff();
} else if (e.keyCode == 8 || e.keyCode == 46) {
// Delete or backspace.
try {
if (block && block.isDeletable() && !block.isInFlyout) {
Blockly.hideChaff();
var blockType = block.type.toUpperCase();
if (!(Blockly.primitiveTypes.indexOf(blockType) > -1 &&
block.getParent()))
block.dispose(true, true);
if (typeof(Entry) == "object")
Entry.dispatchEvent("entryBlocklyChanged");
}
} finally {
// Stop the browser from going back to the previous page.
// Use a finally so that any error in delete code above doesn't disappear
// from the console when the page rolls back.
e.preventDefault();
}
} else if (e.altKey || e.ctrlKey || e.metaKey) {
//target is Blockly mainWorkspace
if (block && block.isDeletable() &&
(block.workspace == Blockly.mainWorkspace)) {
Blockly.hideChaff();
if (e.keyCode == 67) {
// 'c' for copy.
Blockly.copy_(block);
} else if (e.keyCode == 88) {
// 'x' for cut.
Blockly.copy_(block);
block.dispose(true, true);
}
}
//target is Entry.Func workspace
if (typeof(Entry) == 'object' && Entry.Func && Entry.Func.workspace &&
block && block.isDeletable() &&
(block.workspace == Entry.Func.workspace)) {
Blockly.hideChaff();
if (e.keyCode == 67) {
// 'c' for copy.
Blockly.copy_(block);
} else if (e.keyCode == 88) {
// 'x' for cut.
Blockly.copy_(block);
block.dispose(true, true);
}
}
if (e.keyCode == 86) {
// 'v' for paste.
if (Blockly.clipboard_) {
if (!Entry || !Entry.Func || !Entry.Func.workspace || !Entry.Func.workspace.visible ) {
Blockly.mainWorkspace.paste(Blockly.clipboard_);
}
else {
var xmlBlock = Blockly.clipboard_;
xmlBlock.setAttribute('isForFunc', 'true');
Entry.Func.workspace.paste(xmlBlock);
}
}
}
}
};
/**
* Stop binding to the global mouseup and mousemove events.
* @private
*/
Blockly.terminateDrag_ = function() {
Blockly.Block.terminateDrag_();
Blockly.Flyout.terminateDrag_();
if (Blockly.mainWorkspace.blockMenu)
Blockly.BlockMenu.terminateDrag_();
};
/**
* Copy a block onto the local clipboard.
* @param {!Blockly.Block} block Block to be copied.
* @private
*/
Blockly.copy_ = function(block) {
var xmlBlock = Blockly.Xml.blockToDom_(block);
//Blockly.Xml.deleteNext(xmlBlock);
// Encode start position in XML.
var xy = block.getRelativeToSurfaceXY();
xmlBlock.setAttribute('x', Blockly.RTL ? -xy.x : xy.x);
xmlBlock.setAttribute('y', xy.y);
Blockly.clipboard_ = xmlBlock;
};
/**
* Show the context menu for the workspace.
* @param {!Object} xy Coordinates of mouse click, contains x and y properties.
* @private
*/
Blockly.showContextMenu_ = function(xy) {
if (Blockly.readOnly) {
return;
}
var options = [];
if (Blockly.collapse) {
var hasCollapsedBlocks = false;
var hasExpandedBlocks = false;
var topBlocks = Blockly.mainWorkspace.getTopBlocks(false);
for (var i = 0; i < topBlocks.length; i++) {
if (topBlocks[i].isCollapsed()) {
hasCollapsedBlocks = true;
} else {
hasExpandedBlocks = true;
}
}
// Option to collapse top blocks.
var collapseOption = {enabled: hasExpandedBlocks};
collapseOption.text = Blockly.Msg.COLLAPSE_ALL;
collapseOption.callback = function() {
for (var i = 0; i < topBlocks.length; i++) {
topBlocks[i].setCollapsed(true);
}
};
options.push(collapseOption);
// Option to expand top blocks.
var expandOption = {enabled: hasCollapsedBlocks};
expandOption.text = Blockly.Msg.EXPAND_ALL;
expandOption.callback = function() {
for (var i = 0; i < topBlocks.length; i++) {
topBlocks[i].setCollapsed(false);
}
};
options.push(expandOption);
}
var pasteOption = {
text: Lang.Blocks.Paste_blocks,
enabled: true,
callback: function() {
var xmlBlock = Blockly.clipboard_;
if (typeof(Entry) === "object" && Entry && Entry.Func && Entry.Func.workspace && Entry.Func.workspace.visible) {
xmlBlock.setAttribute('isForFunc', 'true');
Entry.Func.workspace.paste(xmlBlock);
} else if (typeof(Ntry) === "object" && Ntry && Ntry.Func && Ntry.Func.workspace && Ntry.Func.workspace.visible) {
xmlBlock.setAttribute('isForFunc', 'true');
//Ntry.Func.workspace.paste(xmlBlock);
} else {
Blockly.mainWorkspace.paste(Blockly.clipboard_);
}
if (typeof(Entry) == "object") {
Entry.dispatchEvent("entryBlocklyChanged");
}
/*
if (typeof(Ntry) == "object") {
Ntry.dispatchEvent("ntryBlocklyChanged");
}
*/
}
}
var clearOption = {
text: Lang.Blocks.Clear_all_blocks,
enabled: true,
callback: function() {
var total;
if (typeof(Entry) === "object" && Entry && Entry.Func && Entry.Func.workspace && Entry.Func.workspace.visible) {
total = Entry.Func.workspace.getAllBlocks();
} else if (typeof(Ntry) === "object" && Ntry && Ntry.Func && Ntry.Func.workspace && Ntry.Func.workspace.visible) {
//total = Ntry.Func.workspace.getAllBlocks();
} else {
total = Blockly.mainWorkspace.getAllBlocks();
}
for (var i = total.length-1; i >= 0; i--) {
if (total[i].deletable_)
total[i].dispose();
}
if (typeof(Entry) == "object") {
Entry.dispatchEvent("entryBlocklyChanged");
}
/*
if (typeof(Ntry) == "object") {
Ntry.dispatchEvent("ntryBlocklyChanged");
}
*/
}
}
if (!Blockly.clipboard_) {
pasteOption.enabled = false;
}
var cleanUpOption = {
text: '코드 정리하기',
enabled: true,
callback: function() {
Blockly.mainWorkspace.organizeBlocks();
if (typeof(Entry) == "object")
Entry.dispatchEvent("entryBlocklyChanged");
if (typeof(Ntry) == "object")
Entry.dispatchEvent("ntryBlocklyChanged");
}
}
options.push(pasteOption);
options.push(cleanUpOption);
options.push(clearOption);
// Option to get help.
/*
var helpOption = {enabled: false};
helpOption.text = Blockly.Msg.HELP;
helpOption.callback = function() {};
options.push(helpOption);
*/
Blockly.ContextMenu.show(xy, options);
};
/**
* Cancel the native context menu, unless the focus is on an HTML input widget.
* @param {!Event} e Mouse down event.
* @private
*/
Blockly.onContextMenu_ = function(e) {
if (!Blockly.isTargetInput_(e) && Blockly.ContextMenu) {
// When focused on an HTML text input widget, don't cancel the context menu.
e.preventDefault();
}
};
/**
* Close tooltips, context menus, dropdown selections, etc.
* @param {boolean=} opt_allowToolbox If true, don't close the toolbox.
*/
Blockly.hideChaff = function(opt_allowToolbox) {
Blockly.Tooltip && Blockly.Tooltip.hide();
Blockly.ContextMenu && Blockly.ContextMenu.hide();
Blockly.FieldDropdown && Blockly.FieldDropdown.hide();
Blockly.FieldKeydownInput && Blockly.FieldKeydownInput.hide();
Blockly.WidgetDiv.hide();
if (!opt_allowToolbox &&
Blockly.Toolbox.flyout_ && Blockly.Toolbox.flyout_.autoClose) {
Blockly.Toolbox.clearSelection();
}
};
/**
* Deselect any selections on the webpage.
* Chrome will select text outside the SVG when double-clicking.
* Deselect this text, so that it doesn't mess up any subsequent drag.
*/
Blockly.removeAllRanges = function() {
if (window.getSelection) { // W3
var sel = window.getSelection();
if (sel && sel.removeAllRanges) {
sel.removeAllRanges();
window.setTimeout(function() {
window.getSelection().removeAllRanges();
}, 0);
}
}
};
/**
* Is this event targeting a text input widget?
* @param {!Event} e An event.
* @return {boolean} True if text input.
* @private
*/
Blockly.isTargetInput_ = function(e) {
return e.target.type == 'textarea' || e.target.type == 'text';
};
/**
* Load an audio file. Cache it, ready for instantaneous playing.
* @param {!Array.} filenames List of file types in decreasing order of
* preference (i.e. increasing size). E.g. ['media/go.mp3', 'media/go.wav']
* Filenames include path from Blockly's root. File extensions matter.
* @param {string} name Name of sound.
* @private
*/
Blockly.loadAudio_ = function(filenames, name) {
if (!window['Audio'] || !filenames.length) {
// No browser support for Audio.
return;
}
for (var i = 0; i < filenames.length; i++) {
var filename = filenames[i];
var path = Blockly.pathToBlockly + filename;
var id = filename.match(/\/([^.]+)./)[1];
createjs.Sound.registerSound(path, id, 4);
break;
}
//var sound;
//var audioTest = new window['Audio']();
//for (var i = 0; i < filenames.length; i++) {
//var filename = filenames[i];
//var ext = filename.match(/\.(\w+)$/);
//if (ext && audioTest.canPlayType('audio/' + ext[1])) {
//// Found an audio format we can play.
//sound = new window['Audio'](Blockly.pathToBlockly + filename);
//break;
//}
//}
//// To force the browser to load the sound, play it, but at nearly zero volume.
//if (sound && sound.play) {
//sound.volume = 0.01;
//sound.play();
//Blockly.SOUNDS_[name] = sound;
//}
// To force the browser to load the sound, play it, but at nearly zero volume.
//if (sound && sound.play) {
//sound.volume = 0.01;
//sound.play();
//Blockly.SOUNDS_[name] = sound;
//}
};
/**
* Play an audio file at specified value. If volume is not specified,
* use full volume (1).
* @param {string} name Name of sound.
* @param {?number} opt_volume Volume of sound (0-1).
*/
Blockly.playAudio = function(name, opt_volume) {
createjs.Sound.play(name);
//var sound = Blockly.SOUNDS_[name];
//if (sound) {
//var mySound;
//var ie9 = goog.userAgent.DOCUMENT_MODE &&
//goog.userAgent.DOCUMENT_MODE === 9;
//if (ie9 || goog.userAgent.IPAD || goog.userAgent.ANDROID) {
//// Creating a new audio node causes lag in IE9, Android and iPad. Android
//// and IE9 refetch the file from the server, iPad uses a singleton audio
//// node which must be deleted and recreated for each new audio tag.
//mySound = sound;
//} else {
//mySound = sound.cloneNode();
//}
//mySound.volume = (opt_volume === undefined ? 1 : opt_volume);
//mySound.play();
//}
};
/**
* Set the mouse cursor to be either a closed hand or the default.
* @param {boolean} closed True for closed hand.
* @private
*/
Blockly.setCursorHand_ = function(closed) {
if (Blockly.readOnly) {
return;
}
/* Hotspot coordinates are baked into the CUR file, but they are still
required due to a Chrome bug.
http://code.google.com/p/chromium/issues/detail?id=1446 */
var cursor = '';
if (closed) {
cursor = 'url(' + Blockly.pathToBlockly + 'media/handclosed.cur) 7 3, auto';
}
if (Blockly.selected) {
Blockly.selected.getSvgRoot().style.cursor = cursor;
}
// Set cursor on the SVG surface as well as block so that rapid movements
// don't result in cursor changing to an arrow momentarily.
Blockly.svg.style.cursor = cursor;
};
/**
* Return an object with all the metrics required to size scrollbars for the
* main workspace. The following properties are computed:
* .viewHeight: Height of the visible rectangle,
* .viewWidth: Width of the visible rectangle,
* .contentHeight: Height of the contents,
* .contentWidth: Width of the content,
* .viewTop: Offset of top edge of visible rectangle from parent,
* .viewLeft: Offset of left edge of visible rectangle from parent,
* .contentTop: Offset of the top-most content from the y=0 coordinate,
* .contentLeft: Offset of the left-most content from the x=0 coordinate.
* .absoluteTop: Top-edge of view.
* .absoluteLeft: Left-edge of view.
* @return {Object} Contains size and position metrics of main workspace.
* @private
*/
Blockly.getMainWorkspaceMetrics_ = function() {
var svgSize = Blockly.svgSize();
svgSize.width -= Blockly.Toolbox.width; // Zero if no Toolbox.
var viewWidth = svgSize.width - Blockly.Scrollbar.scrollbarThickness;
var viewHeight = svgSize.height - Blockly.Scrollbar.scrollbarThickness;
try {
var blockBox = Blockly.mainWorkspace.getCanvas().getBBox();
} catch (e) {
// Firefox has trouble with hidden elements (Bug 528969).
return null;
}
if (Blockly.mainWorkspace.scrollbar) {
// Add a border around the content that is at least half a screenful wide.
// Ensure border is wide enough that blocks can scroll over entire screen.
var leftEdge = Math.min(blockBox.x - viewWidth / 2,
blockBox.x + blockBox.width - viewWidth);
var rightEdge = Math.max(blockBox.x + blockBox.width + viewWidth / 2,
blockBox.x + viewWidth);
var topEdge = Math.min(blockBox.y - viewHeight / 2,
blockBox.y + blockBox.height - viewHeight);
var bottomEdge = Math.max(blockBox.y + blockBox.height + viewHeight / 2,
blockBox.y + viewHeight);
} else {
var leftEdge = blockBox.x;
var rightEdge = leftEdge + blockBox.width;
var topEdge = blockBox.y;
var bottomEdge = topEdge + blockBox.height;
}
var absoluteLeft = Blockly.RTL ? 0 : Blockly.Toolbox.width;
var metrics = {
viewHeight: svgSize.height,
viewWidth: svgSize.width,
contentHeight: bottomEdge - topEdge,
contentWidth: rightEdge - leftEdge,
viewTop: -Blockly.mainWorkspace.scrollY,
viewLeft: -Blockly.mainWorkspace.scrollX,
contentTop: topEdge,
contentLeft: leftEdge,
absoluteTop: 0,
absoluteLeft: absoluteLeft
};
return metrics;
};
Blockly.getGenralWorkspaceMetricsFunc_ = function(workspace) {
return function() {
var svgSize = Blockly.svgSize();
svgSize.width -= Blockly.Toolbox.width; // Zero if no Toolbox.
var viewWidth = svgSize.width - Blockly.Scrollbar.scrollbarThickness;
var viewHeight = svgSize.height - Blockly.Scrollbar.scrollbarThickness;
try {
var blockBox = workspace.getCanvas().getBBox();
} catch (e) {
// Firefox has trouble with hidden elements (Bug 528969).
return null;
}
if (workspace.scrollbar) {
// Add a border around the content that is at least half a screenful wide.
// Ensure border is wide enough that blocks can scroll over entire screen.
var leftEdge = Math.min(blockBox.x - viewWidth / 2,
blockBox.x + blockBox.width - viewWidth);
var rightEdge = Math.max(blockBox.x + blockBox.width + viewWidth / 2,
blockBox.x + viewWidth);
var topEdge = Math.min(blockBox.y - viewHeight / 2,
blockBox.y + blockBox.height - viewHeight);
var bottomEdge = Math.max(blockBox.y + blockBox.height + viewHeight / 2,
blockBox.y + viewHeight);
} else {
var leftEdge = blockBox.x;
var rightEdge = leftEdge + blockBox.width;
var topEdge = blockBox.y;
var bottomEdge = topEdge + blockBox.height;
}
var absoluteLeft = Blockly.RTL ? 0 : Blockly.Toolbox.width;
var metrics = {
viewHeight: svgSize.height,
viewWidth: svgSize.width,
contentHeight: bottomEdge - topEdge,
contentWidth: rightEdge - leftEdge,
viewTop: -workspace.scrollY,
viewLeft: -workspace.scrollX,
contentTop: topEdge,
contentLeft: leftEdge,
absoluteTop: 0,
absoluteLeft: absoluteLeft
};
return metrics;
}
};
/**
* Sets the X/Y translations of the main workspace to match the scrollbars.
* @param {!Object} xyRatio Contains an x and/or y property which is a float
* between 0 and 1 specifying the degree of scrolling.
* @private
*/
Blockly.setMainWorkspaceMetrics_ = function(xyRatio) {
if (!Blockly.mainWorkspace.scrollbar) {
throw 'Attempt to set main workspace scroll without scrollbars.';
}
var metrics = Blockly.getMainWorkspaceMetrics_();
if (goog.isNumber(xyRatio.x)) {
Blockly.mainWorkspace.scrollX = -metrics.contentWidth * xyRatio.x -
metrics.contentLeft;
}
if (goog.isNumber(xyRatio.y)) {
Blockly.mainWorkspace.scrollY = -metrics.contentHeight * xyRatio.y -
metrics.contentTop;
}
var translation = 'translate(' +
(Blockly.mainWorkspace.scrollX + metrics.absoluteLeft) + ',' +
(Blockly.mainWorkspace.scrollY + metrics.absoluteTop) + ')';
Blockly.mainWorkspace.getCanvas().setAttribute('transform', translation);
Blockly.mainWorkspace.getBubbleCanvas().setAttribute('transform',
translation);
};
Blockly.setGeneralWorkspaceMetricsFunc_ = function(workspace) {
return function(xyRatio) {
if (!workspace.scrollbar) {
throw 'Attempt to set main workspace scroll without scrollbars.';
}
var metrics = Blockly.getGenralWorkspaceMetricsFunc_(workspace)();
if (goog.isNumber(xyRatio.x)) {
workspace.scrollX = -metrics.contentWidth * xyRatio.x -
metrics.contentLeft;
}
if (goog.isNumber(xyRatio.y)) {
workspace.scrollY = -metrics.contentHeight * xyRatio.y -
metrics.contentTop;
}
var translation = 'translate(' +
(workspace.scrollX + metrics.absoluteLeft) + ',' +
(workspace.scrollY + metrics.absoluteTop) + ')';
workspace.getCanvas().setAttribute('transform', translation);
workspace.getBubbleCanvas().setAttribute('transform', translation);
}
};
/**
* When something in Blockly's workspace changes, call a function.
* @param {!Function} func Function to call.
* @return {!Array.} Opaque data that can be passed to
* removeChangeListener.
*/
Blockly.addChangeListener = function(func) {
return Blockly.bindEvent_(Blockly.mainWorkspace.getCanvas(),
'blocklyWorkspaceChange', null, func);
};
/**
* Stop listening for Blockly's workspace changes.
* @param {!Array.} bindData Opaque data from addChangeListener.
*/
Blockly.removeChangeListener = function(bindData) {
Blockly.unbindEvent_(bindData);
};
/**
* Returns the main workspace.
* @return {!Blockly.Workspace} The main workspace.
*/
Blockly.getMainWorkspace = function() {
return Blockly.mainWorkspace;
};
// Export symbols that would otherwise be renamed by Closure compiler.
window['Blockly'] = Blockly;
Blockly['getMainWorkspace'] = Blockly.getMainWorkspace;
Blockly['addChangeListener'] = Blockly.addChangeListener;
Blockly['removeChangeListener'] = Blockly.removeChangeListener;
================================================
FILE: extern/blockly/core/blocks.js
================================================
/**
* @license
* Visual Blocks Editor
*
* Copyright 2013 Google Inc.
* https://blockly.googlecode.com/
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/**
* @fileoverview Core JavaScript library for Blockly.
* @author fraser@google.com (Neil Fraser)
*/
'use strict';
goog.require('goog.asserts');
/**
* Name space for the Blocks singleton.
* Blocks gets populated in the blocks files, possibly through calls to
* Blocks.addTemplate().
*/
goog.provide('Blockly.Blocks');
/**
* Create a block template and add it as a field to Blockly.Blocks with the
* name details.blockName.
* @param {!Object} details Details about the block that should be created.
* The following fields are used:
* - blockName {string} The name of the block, which should be unique.
* - colour {number} The hue value of the colour to use for the block.
* (Blockly.HSV_SATURATION and Blockly.HSV_VALUE are used for saturation
* and value, respectively.)
* - output {?string|Array.} Output type. If undefined, there are
* assumed to be no outputs. Otherwise, this is interpreted the same way
* as arguments to Blockly.Block.setCheck():
* - null: Any type can be produced.
* - String: Only the specified type (e.g., 'Number') can be produced.
* - Array.: Any of the specified types can be produced.
* - message {string} A message suitable for passing as a first argument to
* Blockly.Block.interpolateMsg(). Specifically, it should consist of
* text to be displayed on the block, optionally interspersed with
* references to inputs (one-based indices into the args array) or fields,
* such as '%1' for the first element of args. The creation of dummy
* inputs can be forced with a newline (\n).
* - args {Array.