Skip to content
Leah-u edited this page Jul 11, 2018 · 10 revisions

Folders and Files

##/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.

/core

  • 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.

/blocks

  • 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

/generators

  • python.js, javascript.js - translate each block into code in the respective language.

closure/goog/a11y/aria

Google's implementation of WAI-Aria functions

Clone this wiki locally