Fix Block Factory when types are saved.

appengine/index_redirect.py

 print("Status: 302")
-print("Location: /static/apps/index.html")
+print("Location: /static/demos/index.html")

demos/blockfactory/blocks.js

@@ -45,56 +45,67 @@ Blockly.Blocks['factory_base'] = {
         ['↑ top connection', 'TOP'],
         ['↓ bottom connection', 'BOTTOM']],
         function(option) {
-          var block = this.sourceBlock_;
-          var outputExists = block.getInput('OUTPUTTYPE');
-          var topExists = block.getInput('TOPTYPE');
-          var bottomExists = block.getInput('BOTTOMTYPE');
+          this.sourceBlock_.updateShape_(option);
+        });
+    this.appendDummyInput()
+        .appendField(dropdown, 'CONNECTIONS');
+    this.appendValueInput('COLOUR')
+        .setCheck('Colour')
+        .appendField('colour');
+    /*
+    this.appendValueInput('TOOLTIP')
+        .setCheck('String')
+        .appendField('tooltip');
+    this.appendValueInput('HELP')
+        .setCheck('String')
+        .appendField('help url');
+    */
+    this.setTooltip('Build a custom block by plugging\n' +
+                    'fields, inputs and other blocks here.');
+  },
+  mutationToDom: function() {
+    var container = document.createElement('mutation');
+    container.setAttribute('connections', this.getFieldValue('CONNECTIONS'));
+    return container;
+  },
+  domToMutation: function(xmlElement) {
+    var connections = xmlElement.getAttribute('connections');
+    this.updateShape_(connections);
+  },
+  updateShape_: function(option) {
+    var outputExists = this.getInput('OUTPUTTYPE');
+    var topExists = this.getInput('TOPTYPE');
+    var bottomExists = this.getInput('BOTTOMTYPE');
     if (option == 'LEFT') {
       if (!outputExists) {
-              block.appendValueInput('OUTPUTTYPE')
+        this.appendValueInput('OUTPUTTYPE')
             .setCheck('Type')
             .appendField('output type');
-              block.moveInputBefore('OUTPUTTYPE', 'COLOUR');
+        this.moveInputBefore('OUTPUTTYPE', 'COLOUR');
       }
     } else if (outputExists) {
-            block.removeInput('OUTPUTTYPE');
+      this.removeInput('OUTPUTTYPE');
     }
     if (option == 'TOP' || option == 'BOTH') {
       if (!topExists) {
-              block.appendValueInput('TOPTYPE')
+        this.appendValueInput('TOPTYPE')
             .setCheck('Type')
             .appendField('top type');
-              block.moveInputBefore('TOPTYPE', 'COLOUR');
+        this.moveInputBefore('TOPTYPE', 'COLOUR');
       }
     } else if (topExists) {
-            block.removeInput('TOPTYPE');
+      this.removeInput('TOPTYPE');
     }
     if (option == 'BOTTOM' || option == 'BOTH') {
       if (!bottomExists) {
-              block.appendValueInput('BOTTOMTYPE')
+        this.appendValueInput('BOTTOMTYPE')
             .setCheck('Type')
             .appendField('bottom type');
-              block.moveInputBefore('BOTTOMTYPE', 'COLOUR');
+        this.moveInputBefore('BOTTOMTYPE', 'COLOUR');
       }
     } else if (bottomExists) {
-            block.removeInput('BOTTOMTYPE');
+      this.removeInput('BOTTOMTYPE');
     }
-        });
-    this.appendDummyInput()
-        .appendField(dropdown, 'CONNECTIONS');
-    this.appendValueInput('COLOUR')
-        .setCheck('Colour')
-        .appendField('colour');
-    /*
-    this.appendValueInput('TOOLTIP')
-        .setCheck('String')
-        .appendField('tooltip');
-    this.appendValueInput('HELP')
-        .setCheck('String')
-        .appendField('help url');
-    */
-    this.setTooltip('Build a custom block by plugging\n' +
-                    'fields, inputs and other blocks here.');
   }
 };