nodeskini 1.0.1 → 1.0.2

package/blocklySkini/blockly/core/workspace_drag_surface_svg.js

@@ -0,0 +1,176 @@
+/**
+ * @license
+ * Copyright 2016 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+/**
+ * @fileoverview An SVG that floats on top of the workspace.
+ * Blocks are moved into this SVG during a drag, improving performance.
+ * The entire SVG is translated using CSS translation instead of SVG so the
+ * blocks are never repainted during drag improving performance.
+ * @author katelyn@google.com (Katelyn Mann)
+ */
+
+'use strict';
+
+goog.provide('Blockly.WorkspaceDragSurfaceSvg');
+
+goog.require('Blockly.utils');
+goog.require('Blockly.utils.dom');
+goog.require('Blockly.utils.Svg');
+
+
+/**
+ * Blocks are moved into this SVG during a drag, improving performance.
+ * The entire SVG is translated using CSS transforms instead of SVG so the
+ * blocks are never repainted during drag improving performance.
+ * @param {!Element} container Containing element.
+ * @constructor
+ */
+Blockly.WorkspaceDragSurfaceSvg = function(container) {
+  this.container_ = container;
+  this.createDom();
+};
+
+/**
+ * The SVG drag surface. Set once by Blockly.WorkspaceDragSurfaceSvg.createDom.
+ * @type {SVGElement}
+ * @private
+ */
+Blockly.WorkspaceDragSurfaceSvg.prototype.SVG_ = null;
+
+/**
+ * Containing HTML element; parent of the workspace and the drag surface.
+ * @type {Element}
+ * @private
+ */
+Blockly.WorkspaceDragSurfaceSvg.prototype.container_ = null;
+
+/**
+ * Create the drag surface and inject it into the container.
+ */
+Blockly.WorkspaceDragSurfaceSvg.prototype.createDom = function() {
+  if (this.SVG_) {
+    return;  // Already created.
+  }
+
+  /**
+  * Dom structure when the workspace is being dragged. If there is no drag in
+  * progress, the SVG is empty and display: none.
+  * <svg class="blocklyWsDragSurface" style=transform:translate3d(...)>
+  *   <g class="blocklyBlockCanvas"></g>
+  *   <g class="blocklyBubbleCanvas">/g>
+  * </svg>
+  */
+  this.SVG_ = Blockly.utils.dom.createSvgElement(
+      Blockly.utils.Svg.SVG,
+      {
+        'xmlns': Blockly.utils.dom.SVG_NS,
+        'xmlns:html': Blockly.utils.dom.HTML_NS,
+        'xmlns:xlink': Blockly.utils.dom.XLINK_NS,
+        'version': '1.1',
+        'class': 'blocklyWsDragSurface blocklyOverflowVisible'
+      }, null);
+  this.container_.appendChild(this.SVG_);
+};
+
+/**
+ * Translate the entire drag surface during a drag.
+ * We translate the drag surface instead of the blocks inside the surface
+ * so that the browser avoids repainting the SVG.
+ * Because of this, the drag coordinates must be adjusted by scale.
+ * @param {number} x X translation for the entire surface
+ * @param {number} y Y translation for the entire surface
+ * @package
+ */
+Blockly.WorkspaceDragSurfaceSvg.prototype.translateSurface = function(x, y) {
+  // This is a work-around to prevent a the blocks from rendering
+  // fuzzy while they are being moved on the drag surface.
+  var fixedX = x.toFixed(0);
+  var fixedY = y.toFixed(0);
+
+  this.SVG_.style.display = 'block';
+  Blockly.utils.dom.setCssTransform(
+      this.SVG_, 'translate3d(' + fixedX + 'px, ' + fixedY + 'px, 0px)');
+};
+
+/**
+ * Reports the surface translation in scaled workspace coordinates.
+ * Use this when finishing a drag to return blocks to the correct position.
+ * @return {!Blockly.utils.Coordinate} Current translation of the surface
+ * @package
+ */
+Blockly.WorkspaceDragSurfaceSvg.prototype.getSurfaceTranslation = function() {
+  return Blockly.utils.getRelativeXY(/** @type {!SVGElement} */ (this.SVG_));
+};
+
+/**
+ * Move the blockCanvas and bubbleCanvas out of the surface SVG and on to
+ * newSurface.
+ * @param {SVGElement} newSurface The element to put the drag surface contents
+ *     into.
+ * @package
+ */
+Blockly.WorkspaceDragSurfaceSvg.prototype.clearAndHide = function(newSurface) {
+  if (!newSurface) {
+    throw Error('Couldn\'t clear and hide the drag surface: missing ' +
+        'new surface.');
+  }
+  var blockCanvas = /** @type {!Element} */ (this.SVG_.childNodes[0]);
+  var bubbleCanvas = /** @type {!Element} */ (this.SVG_.childNodes[1]);
+  if (!blockCanvas || !bubbleCanvas ||
+      !Blockly.utils.dom.hasClass(blockCanvas, 'blocklyBlockCanvas') ||
+      !Blockly.utils.dom.hasClass(bubbleCanvas, 'blocklyBubbleCanvas')) {
+    throw Error('Couldn\'t clear and hide the drag surface. ' +
+        'A node was missing.');
+  }
+
+  // If there is a previous sibling, put the blockCanvas back right afterwards,
+  // otherwise insert it as the first child node in newSurface.
+  if (this.previousSibling_ != null) {
+    Blockly.utils.dom.insertAfter(blockCanvas, this.previousSibling_);
+  } else {
+    newSurface.insertBefore(blockCanvas, newSurface.firstChild);
+  }
+
+  // Reattach the bubble canvas after the blockCanvas.
+  Blockly.utils.dom.insertAfter(bubbleCanvas, blockCanvas);
+  // Hide the drag surface.
+  this.SVG_.style.display = 'none';
+  if (this.SVG_.childNodes.length) {
+    throw Error('Drag surface was not cleared.');
+  }
+  Blockly.utils.dom.setCssTransform(this.SVG_, '');
+  this.previousSibling_ = null;
+};
+
+/**
+ * Set the SVG to have the block canvas and bubble canvas in it and then
+ * show the surface.
+ * @param {!SVGElement} blockCanvas The block canvas <g> element from the
+ *     workspace.
+ * @param {!SVGElement} bubbleCanvas The <g> element that contains the bubbles.
+ * @param {Element} previousSibling The element to insert the block canvas and
+       bubble canvas after when it goes back in the DOM at the end of a drag.
+ * @param {number} width The width of the workspace SVG element.
+ * @param {number} height The height of the workspace SVG element.
+ * @param {number} scale The scale of the workspace being dragged.
+ * @package
+ */
+Blockly.WorkspaceDragSurfaceSvg.prototype.setContentsAndShow = function(
+    blockCanvas, bubbleCanvas, previousSibling, width, height, scale) {
+  if (this.SVG_.childNodes.length) {
+    throw Error('Already dragging a block.');
+  }
+  this.previousSibling_ = previousSibling;
+  // Make sure the blocks and bubble canvas are scaled appropriately.
+  blockCanvas.setAttribute('transform', 'translate(0, 0) scale(' + scale + ')');
+  bubbleCanvas.setAttribute(
+      'transform', 'translate(0, 0) scale(' + scale + ')');
+  this.SVG_.setAttribute('width', width);
+  this.SVG_.setAttribute('height', height);
+  this.SVG_.appendChild(blockCanvas);
+  this.SVG_.appendChild(bubbleCanvas);
+  this.SVG_.style.display = 'block';
+};

package/blocklySkini/blockly/core/workspace_dragger.js

@@ -0,0 +1,85 @@
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+/**
+ * @fileoverview Methods for dragging a workspace visually.
+ * @author fenichel@google.com (Rachel Fenichel)
+ */
+'use strict';
+
+goog.provide('Blockly.WorkspaceDragger');
+
+goog.require('Blockly.utils.Coordinate');
+
+
+/**
+ * Class for a workspace dragger.  It moves the workspace around when it is
+ * being dragged by a mouse or touch.
+ * Note that the workspace itself manages whether or not it has a drag surface
+ * and how to do translations based on that.  This simply passes the right
+ * commands based on events.
+ * @param {!Blockly.WorkspaceSvg} workspace The workspace to drag.
+ * @constructor
+ */
+Blockly.WorkspaceDragger = function(workspace) {
+  /**
+   * @type {!Blockly.WorkspaceSvg}
+   * @private
+   */
+  this.workspace_ = workspace;
+
+  /**
+   * The scroll position of the workspace at the beginning of the drag.
+   * Coordinate system: pixel coordinates.
+   * @type {!Blockly.utils.Coordinate}
+   * @protected
+   */
+  this.startScrollXY_ = new Blockly.utils.Coordinate(
+      workspace.scrollX, workspace.scrollY);
+};
+
+/**
+ * Sever all links from this object.
+ * @package
+ * @suppress {checkTypes}
+ */
+Blockly.WorkspaceDragger.prototype.dispose = function() {
+  this.workspace_ = null;
+};
+
+/**
+ * Start dragging the workspace.
+ * @package
+ */
+Blockly.WorkspaceDragger.prototype.startDrag = function() {
+  if (Blockly.selected) {
+    Blockly.selected.unselect();
+  }
+  this.workspace_.setupDragSurface();
+};
+
+/**
+ * Finish dragging the workspace and put everything back where it belongs.
+ * @param {!Blockly.utils.Coordinate} currentDragDeltaXY How far the pointer has
+ *     moved from the position at the start of the drag, in pixel coordinates.
+ * @package
+ */
+Blockly.WorkspaceDragger.prototype.endDrag = function(currentDragDeltaXY) {
+  // Make sure everything is up to date.
+  this.drag(currentDragDeltaXY);
+  this.workspace_.resetDragSurface();
+};
+
+/**
+ * Move the workspace based on the most recent mouse movements.
+ * @param {!Blockly.utils.Coordinate} currentDragDeltaXY How far the pointer has
+ *     moved from the position at the start of the drag, in pixel coordinates.
+ * @package
+ */
+Blockly.WorkspaceDragger.prototype.drag = function(currentDragDeltaXY) {
+  var newXY = Blockly.utils.Coordinate.sum(this.startScrollXY_, currentDragDeltaXY);
+  this.workspace_.scroll(newXY.x, newXY.y);
+};

package/blocklySkini/blockly/core/workspace_events.js

@@ -0,0 +1,93 @@
+/**
+ * @license
+ * Copyright 2019 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+/**
+ * @fileoverview Class for a finished loading workspace event.
+ * @author BeksOmega
+ */
+'use strict';
+
+goog.provide('Blockly.Events.FinishedLoading');
+
+goog.require('Blockly.Events');
+goog.require('Blockly.Events.Ui');
+goog.require('Blockly.registry');
+goog.require('Blockly.utils.object');
+
+
+/**
+ * Class for a finished loading event.
+ * Used to notify the developer when the workspace has finished loading (i.e
+ * domToWorkspace).
+ * Finished loading events do not record undo or redo.
+ * @param {!Blockly.Workspace=} opt_workspace The workspace that has finished
+ *    loading.  Undefined for a blank event.
+ * @extends {Blockly.Events.Ui}
+ * @constructor
+ */
+Blockly.Events.FinishedLoading = function(opt_workspace) {
+
+  /**
+   * Whether or not the event is blank (to be populated by fromJson).
+   * @type {boolean}
+   */
+  this.isBlank = typeof opt_workspace == 'undefined';
+
+  /**
+   * The workspace identifier for this event.
+   * @type {string}
+   */
+  this.workspaceId = opt_workspace ? opt_workspace.id : '';
+
+  /**
+   * The event group ID for the group this event belongs to. Groups define
+   * events that should be treated as an single action from the user's
+   * perspective, and should be undone together.
+   * @type {string}
+   */
+  this.group = Blockly.Events.getGroup();
+
+  // Workspace events do not undo or redo.
+  this.recordUndo = false;
+};
+Blockly.utils.object.inherits(Blockly.Events.FinishedLoading,
+    Blockly.Events.Ui);
+
+/**
+ * Type of this event.
+ * @type {string}
+ */
+Blockly.Events.FinishedLoading.prototype.type = Blockly.Events.FINISHED_LOADING;
+
+/**
+ * Encode the event as JSON.
+ * @return {!Object} JSON representation.
+ */
+Blockly.Events.FinishedLoading.prototype.toJson = function() {
+  var json = {
+    'type': this.type,
+  };
+  if (this.group) {
+    json['group'] = this.group;
+  }
+  if (this.workspaceId) {
+    json['workspaceId'] = this.workspaceId;
+  }
+  return json;
+};
+
+/**
+ * Decode the JSON event.
+ * @param {!Object} json JSON representation.
+ */
+Blockly.Events.FinishedLoading.prototype.fromJson = function(json) {
+  this.isBlank = false;
+  this.workspaceId = json['workspaceId'];
+  this.group = json['group'];
+};
+
+Blockly.registry.register(Blockly.registry.Type.EVENT,
+    Blockly.Events.FINISHED_LOADING, Blockly.Events.FinishedLoading);