ember-blockly - npm Package Compare versions

Comparing version 0.1.5 to 0.1.6

addon/components/ember-blockly.js

 import Ember from 'ember';
 import layout from '../templates/components/ember-blockly';
 
+
 export default Ember.Component.extend({
@@ -8,5 +9,37 @@ layout,
   withTrash: true,
+  disablePreloadAudio: true,
+  classNames: ['ember-blockly-container'],
   blocks: [],
+  current_blocks: Ember.computed.oneWay('blocks'),
+  workspaceElement: null,
+  workspace: '<xml xmlns="http://www.w3.org/1999/xhtml"></xml>',
+  isInternalWorkspaceChange: false,
 
+  observeBlocks: Ember.observer('blocks', function() {
+    this.set('current_blocks', this.get('blocks'));
+    this.updateToolbox(this.get('current_blocks'));
+  }),
+
+  observeWorkspace: Ember.observer('workspace', function() {
+
+    if (this.get('isInternalWorkspaceChange')) {
+      return;
+    }
+
+    let workspace = this.get('workspaceElement');
+    let xml_text = this.get('workspace');
+
+    workspace.clear();
+
+    if (xml_text) {
+      let dom = Blockly.Xml.textToDom(xml_text)
+      Blockly.Xml.domToWorkspace(dom, workspace);
+    }
+
+  }),
+
   didInsertElement() {
+    if (this.get('disablePreloadAudio')) {
+      Blockly.WorkspaceSvg.prototype.preloadAudio_ = function() {};
+    }
 
@@ -16,8 +49,4 @@ this.createSection("section_control", "Control");
 
-    let toolbox = this.createToolbox(this.get("blocks"));
+    let toolbox = this.createToolbox(this.get("current_blocks"));
 
-      /*
-
-      */
-
     let options = {
@@ -39,5 +68,55 @@ toolbox: toolbox,
 
-    let workspace = Blockly.inject('blocklyDiv', options);
+    let blocklyDiv = this.$().find("div")[0];
+    let blocklyArea = this.$()[0];
+
+    let workspace = Blockly.inject(blocklyDiv, options);
+    this.set('workspaceElement', workspace);
+
+    this.set('blocklyDiv', blocklyDiv);
+    this.set('blocklyArea', blocklyArea);
+
+    window.addEventListener('resize', () => {
+      this._onresize();
+    }, false);
+
+    workspace.addChangeListener(() => {
+      this.onUpdate();
+      this._onresize();
+    });
+
+    this._onresize();
+    Blockly.svgResize(workspace);
   },
 
+  _onresize() {
+    let blocklyDiv = this.get('blocklyDiv');
+    let blocklyArea = this.get('blocklyArea');
+    let element = blocklyArea;
+    let x = 0;
+    let y = 0;
+
+    do {
+      x += element.offsetLeft;
+      y += element.offsetTop;
+      element = element.offsetParent;
+    } while (element);
+
+    blocklyDiv.style.left = `${x}px`;
+    blocklyDiv.style.top = `${y}px`;
+    blocklyDiv.style.width = `${blocklyArea.offsetWidth}px`;
+    blocklyDiv.style.height = `${blocklyArea.offsetHeight}px`;
+  },
+
+  willDestroyElement() {
+    //this.get('workspaceElement').removeChangeListener(this.onUpdate);
+  },
+
+  onUpdate(event) {
+    this.set('isInternalWorkspaceChange', true);
+    let xml = Blockly.Xml.workspaceToDom(this.get('workspaceElement'));
+    let xml_text = Blockly.Xml.domToText(xml);
+    this.set('workspace', xml_text);
+    this.set('isInternalWorkspaceChange', false);
+  },
+
   createSection(name, label) {
@@ -67,3 +146,8 @@ Blockly.Blocks[name] = {
     return toolbox.join("\n");
+  },
+
+  updateToolbox(bloques) {
+    let toolbox = this.createToolbox(this.get("current_blocks"));
+    this.get('workspaceElement').updateToolbox(toolbox);
   }
 });

package.json

 {
   "name": "ember-blockly",
-  "version": "0.1.5",
+  "version": "0.1.6",
   "description": "The default blueprint for ember-cli addons.",
@@ -5,0 +5,0 @@ "directories": {

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

774845

increased by0.31%

Lines of code

3855

increased by1.77%

No dependency changes