forked from RaspberryPiFoundation/blockly
-
Notifications
You must be signed in to change notification settings - Fork 6
File Breakdown
Leah-u edited this page Jul 11, 2018
·
10 revisions
##/accessibleblockly
- speech.js - Handles everything that needs to be read by the screen reader.
- menu_nav.js - Handles navigating the menu using WASD,attaching readable strings to the blocks, and reading the menu blocks.
- navigation.js - Navigating between the blocks in the workspace.
- tree_view.js - Creates, navigates and displays comment/info boxes.
- keystrokes.js - Handles key input.
- in_block.js - Allows the user to edit individual blocks.
- accessibility.js - Used for opening and closing the flyout menu.
##/tests
- interface.html - The interface used for Accessible Blockly.
- playground.html - The default Blockly interface.
- /quick_reference - Help pages for all blocks in Blockly as well as a hotkey glossary.
- block.js - The class resembling one block.
- block_svg.js - Methods for graphically rendering a block as SVG. Handles snap to grid.
- blockly.js - Core JavaScript library for Blockly, defines value types of blocks.
- blocks.js - Flexible templating system for defining blocks.
- bubble.js - Object representing a UI bubble.
- comment.js - Object representing a code comment.
- connection.js - Components for creating connections between blocks.
- contextmenu.js - Functionality for the right-click context menus.
- css.js - Inject Blockly's CSS synchronously.
- field.js - Input field. Used for editable titles, variables, etc. This is an abstract class that defines the UI on the block. Actual instances would be Blockly.FieldTextInput, Blockly.FieldDropdown, etc.
- field_angle.js - Angle input field.
- field_checkbox.js - Checkbox field. Checked or not checked.
- field_colour.js - Colour input field.
- field_date.js - Date input field.
- field_dropdown.js - Dropdown input field. Used for editable titles and variables. In the interests of a consistent UI, the toolbox shares some functions and properties with the context menu.
- field_image.js - Image field. Used for titles, labels, etc.
- field_label.js - Non-editable text field. Used for titles, labels, etc.
- field_textinput.js - Text input field.
- field_variable.js - Variable input field.
- flyout.js - Handles dragging blocks onto the screen.
- generator.js - Utility functions for generating executable code from Blockly code.
- icon.js - Object representing an icon on a block.
- inject.js - Functions for injecting Blockly into a web page.
- input.js - Object representing an input (value, statement, or dummy).
- msg.js - Core JavaScript library for Blockly.
- mutator.js - Object representing a mutator dialog. A mutator allows the user to change the shape of a block using a nested blocks editor.
- names.js - Utility functions for handling variables and procedure names.
- procedures.js - Utility functions for handling procedures.
- realtime.js - Common support code for Blockly apps using real-time collaboration.
- realtime-client-utils.js - Common utility functionality for Google Drive Realtime API, including authorization and file loading. This functionality should serve mostly as a well-documented example, though is usable in its own right.
- scrollbar.js - Library for creating scrollbars.
- toolbox.js - Toolbox from whence to create blocks, sets up the UI using treenodes. Also handles keyboard navigation through the UI.
- tooltip.js - Library to create tooltips for Blockly.
- trashcan.js - Object representing a trash can icon.
- utils.js - Utility methods. These methods are not specific to Blockly, and could be factored out into a JavaScript framework such as Closure.
- variables.js - Utility functions for handling variables.
- warning.js - Object representing a warning.
- widgetdiv.js - A div that floats on top of Blockly. This singleton contains temporary HTML UI widgets that the user is currently interacting with. E.g. text input areas, colour pickers, context menus.
- workspace.js - Object representing a workspace.
- workspace_svg.js - Object representing a workspace rendered as SVG.
- xml.js - XML reader and writer.
- There is one file for each of the categories of blocks, each is named accordingly except functions which is named procedures.js.
- This is where the accessible mutators are made
- python.js, javascript.js - translate each block into code in the respective language.
Google's implementation of WAI-Aria functions