smalruby-editor 0.0.12 → 0.1.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: b37c640353e2bd15d4b820cdc21bbd89ad3e8cb2
-  data.tar.gz: 6101e70c546314f4b878cb621a92b0c1dd2df654
+  metadata.gz: 126ba802bd6cec95a37c2c7d14837d040753de04
+  data.tar.gz: 735be187882da7063909c894b1dec884556c06d4
 SHA512:
-  metadata.gz: 43da2382861dc2b6fd3166e605e7ba7fe1f25331c4bc86791a194ef616c0d29f93f4b9fe01b011b6203c3e7f04820a73ddc6752f233f42b27da08e3569d62254
-  data.tar.gz: f3646f30ca01d17ffea8584bd36c29a972089b45a7f33e81c3d221b4d6ab07db0ccfc0e9baa522b93c91e7f7afdad8528d13a78e99a1b98fc37b50e215be39fb
+  metadata.gz: c46ab79c4c18e41db1d1b5fdc0a1563471646c52143e2cfd2156d178f914b3cd3ed1fb777c4902da73e1a2cc5b544b0864db04c258d41a0707dbf1bf5095e3b4
+  data.tar.gz: c189469d83b49ec369b70b14f7d5d55f66a75f0b39786ba1a2aa0f0e1f9a1a648e506fc242e90d9ef36cf963cdb6c528acfe18311a7aae909ad187553682c886

data/.rubocop.yml

@@ -3,6 +3,7 @@ AllCops:
     - db/seeds.rb
     - spec/fixtures/**
 
+# 日本語でのコメントを許可する
 AsciiComments:
   Enabled: false
 
@@ -17,3 +18,7 @@ Documentation:
 # WindowsだとEndOfLine copが動作しないため無効にしている
 EndOfLine:
   Enabled: false
+
+# diffが少なくなるためハッシュや配列の最後のカンマは許可する
+TrailingComma:
+  Enabled: false

data/.travis.yml

@@ -1,5 +1,7 @@
 language: ruby
 
+cache: bundler
+
 rvm:
   - 2.0.0
 

data/LEGAL

@@ -11,3 +11,35 @@ public/fonts/fontawesome-webfont.woff:
 
   These's license is SIL Open Font License (OFL) 1.1:
   http://scripts.sil.org/cms/scripts/page.php?site_id=nrsi&id=OFL .
+
+vendor/assets/javascripts/blockly/**/*, public/blockly/**/*:
+
+  These's license is Apache License Version 2.0, January 2011:
+  http://www.apache.org/licenses/ .
+
+vendor/assets/javascripts/jquery.blockUI.js:
+
+  Copyright © 2007-2013 M. Alsup.
+
+  The BlockUI plugin is dual licensed under the MIT and GPL licenses.
+
+  You may use either license. The MIT license is recommended for most
+  projects because it is simple and easy to understand and it places
+  almost no restrictions on what you can do with the plugin.
+
+  If the GPL suits your project better you are also free to use the
+  plugin under that license.
+
+  You do not have to do anything special to choose one license or the
+  other and you don't have to notify anyone which license you are
+  using. You are free to use the BlockUI plugin in commercial projects
+  as long as the copyright header is left intact.
+
+  https://github.com/malsup/blockui
+
+public/favicon.ico, public/apple-touch-icon.png, public/large.png,
+public/square.png, public/tiny.png, public/wide.png:
+
+  Copyright (C) Hikari Arakawa (Smalruby Project) 2013,
+  licensed under CC BY-SA 2.1 JP:
+  http://creativecommons.org/licenses/by-sa/2.1/jp/ .

data/Rakefile

@@ -6,4 +6,4 @@ require File.expand_path('../config/application', __FILE__)
 SmalrubyEditor::Application.load_tasks
 
 task(:default).clear
-task default: [:rubocop, :spec]
+task default: [:rubocop, :spec, :teaspoon]

data/app/assets/demos/default.xml

@@ -0,0 +1,126 @@
+<xml xmlns="http://www.w3.org/1999/xhtml">
+  <character name="car1" costumes="car2.png" angle="0" y="0" x="0" />
+  <character name="car2" costumes="car3.png" angle="0" y="415" x="0" />
+  <block type="ruby_comment" y="25" x="34">
+    <field name="COMMENT">逃げる車</field>
+    <next>
+      <block type="character_new">
+        <field name="NAME">car1</field>
+        <statement name="DO">
+          <block type="events_on_start">
+            <statement name="DO">
+              <block type="control_loop">
+                <statement name="DO">
+                  <block type="motion_move" inline="true">
+                    <value name="STEP">
+                      <block type="math_number">
+                        <field name="NUM">6</field>
+                      </block>
+                    </value>
+                    <next>
+                      <block type="control_if" inline="true">
+                        <value name="COND">
+                          <block type="motion_reach_wall" />
+                        </value>
+                        <statement name="THEN">
+                          <block type="motion_turn" />
+                        </statement>
+                      </block>
+                    </next>
+                  </block>
+                </statement>
+              </block>
+            </statement>
+            <next>
+              <block type="events_on_key_push_or_down">
+                <field name="KEY">K_LEFT</field>
+                <field name="POD">down</field>
+                <statement name="DO">
+                  <block type="motion_rotate_left" inline="true">
+                    <value name="ANGLE">
+                      <block type="math_number">
+                        <field name="NUM">15</field>
+                      </block>
+                    </value>
+                  </block>
+                </statement>
+                <next>
+                  <block type="events_on_key_push_or_down">
+                    <field name="KEY">K_RIGHT</field>
+                    <field name="POD">down</field>
+                    <statement name="DO">
+                      <block type="motion_rotate_right" inline="true">
+                        <value name="ANGLE">
+                          <block type="math_number">
+                            <field name="NUM">15</field>
+                          </block>
+                        </value>
+                      </block>
+                    </statement>
+                  </block>
+                </next>
+              </block>
+            </next>
+          </block>
+        </statement>
+      </block>
+    </next>
+  </block>
+  <block type="ruby_comment" y="23" x="480">
+    <field name="COMMENT">追いかける車</field>
+    <next>
+      <block type="character_new">
+        <field name="NAME">car2</field>
+        <statement name="DO">
+          <block type="events_on_start">
+            <statement name="DO">
+              <block type="control_loop">
+                <statement name="DO">
+                  <block type="motion_point_towards_character">
+                    <field name="VAR">car1</field>
+                    <next>
+                      <block type="motion_move" inline="true">
+                        <value name="STEP">
+                          <block type="math_number">
+                            <field name="NUM">3</field>
+                          </block>
+                        </value>
+                        <next>
+                          <block type="control_if_else" inline="true">
+                            <value name="COND">
+                              <block type="sensing_hit">
+                                <field name="CHAR">car1</field>
+                              </block>
+                            </value>
+                            <statement name="THEN">
+                              <block type="looks_say" inline="true">
+                                <value name="TEXT">
+                                  <block type="text">
+                                    <field name="TEXT">追いつきました！</field>
+                                  </block>
+                                </value>
+                              </block>
+                            </statement>
+                            <statement name="ELSE">
+                              <block type="looks_say" inline="true">
+                                <value name="TEXT">
+                                  <block type="text">
+                                    <field name="TEXT" />
+                                  </block>
+                                </value>
+                              </block>
+                            </statement>
+                          </block>
+                        </next>
+                      </block>
+                    </next>
+                  </block>
+                </statement>
+              </block>
+            </statement>
+          </block>
+        </statement>
+      </block>
+    </next>
+  </block>
+</xml>

data/app/assets/demos/rgb_led_anode.xml

@@ -0,0 +1,83 @@
+<xml xmlns="http://www.w3.org/1999/xhtml">
+  <character name="frog1" x="261" y="191" angle="0" costumes="frog1.png" />
+  <block type="hardware_init_hardware" x="40" y="6" />
+  <block type="character_new" x="45" y="50">
+    <field name="NAME">frog1</field>
+    <statement name="DO">
+      <block type="events_on_click">
+        <statement name="DO">
+          <block type="looks_say" inline="true">
+            <value name="TEXT">
+              <block type="text">
+                <field name="TEXT">ライトをぴかっとさせるでよ♪</field>
+              </block>
+            </value>
+            <next>
+              <block type="hardware_rgb_led_on">
+                <field name="AC">anode</field>
+                <field name="PIN">D3</field>
+                <field name="COLOUR">#3333ff</field>
+                <next>
+                  <block type="control_sleep" inline="true">
+                    <value name="SEC">
+                      <block type="math_number">
+                        <field name="NUM">1</field>
+                      </block>
+                    </value>
+                    <next>
+                      <block type="hardware_rgb_led_on">
+                        <field name="AC">anode</field>
+                        <field name="PIN">D3</field>
+                        <field name="COLOUR">#ffff99</field>
+                        <next>
+                          <block type="control_sleep" inline="true">
+                            <value name="SEC">
+                              <block type="math_number">
+                                <field name="NUM">1</field>
+                              </block>
+                            </value>
+                            <next>
+                              <block type="hardware_rgb_led_on">
+                                <field name="AC">anode</field>
+                                <field name="PIN">D3</field>
+                                <field name="COLOUR">#ff0000</field>
+                                <next>
+                                  <block type="control_sleep" inline="true">
+                                    <value name="SEC">
+                                      <block type="math_number">
+                                        <field name="NUM">1</field>
+                                      </block>
+                                    </value>
+                                    <next>
+                                      <block type="hardware_rgb_led_off">
+                                        <field name="AC">anode</field>
+                                        <field name="PIN">D3</field>
+                                        <next>
+                                          <block type="looks_say" inline="true">
+                                            <value name="TEXT">
+                                              <block type="text">
+                                                <field name="TEXT" />
+                                              </block>
+                                            </value>
+                                          </block>
+                                        </next>
+                                      </block>
+                                    </next>
+                                  </block>
+                                </next>
+                              </block>
+                            </next>
+                          </block>
+                        </next>
+                      </block>
+                    </next>
+                  </block>
+                </next>
+              </block>
+            </next>
+          </block>
+        </statement>
+      </block>
+    </statement>
+  </block>
+</xml>

data/app/assets/javascripts/application.js

@@ -12,10 +12,27 @@
 //
 //= require jquery
 //= require jquery_ujs
+//= require jquery.ui.draggable
+//= require jquery.ui.droppable
+//= require jquery.blockUI
 //= require turbolinks
 //= require ace/ace
 //= require ace/theme-clouds.js
 //= require ace/mode-ruby.js
 //= require bootstrap.js
 //= require jquery-fileupload/basic
-//= require_tree .
+//= require blockly/blockly_compressed
+//= require blockly/blocks_compressed
+//= require blockly/msg/js/ja
+//= require underscore
+//= require backbone
+//= require smalruby
+//= require_tree ../templates
+//= require_tree ./models
+//= require_tree ./collections
+//= require_tree ./views
+//= require_tree ./routers
+//= require ./block_mode
+//= require_tree ./generators
+//= require_tree ./blocks
+//= require ./ruby_mode

data/app/assets/javascripts/block_mode.js.coffee.erb

@@ -0,0 +1,10 @@
+$ ->
+  Blockly.HSV_SATURATION = 1.0
+  Blockly.HSV_VALUE = 0.8
+
+  Blockly.inject document.getElementById('blockly-div'),
+    path: '/blockly/'
+    toolbox: document.getElementById('toolbox')
+    trashcan: true
+
+  Blockly.Toolbox.tree_.expandAll()

data/app/assets/javascripts/blocks/blockly.js.coffee.erb

@@ -0,0 +1,34 @@
+# Blocklyが提供しているブロック
+
+<% category = 'math' %>
+
+<% n = "#{category}_number" %>
+Blockly.Ruby['<%= n %>'] = (block) ->
+  code = parseFloat(@getFieldValue('NUM'))
+  order = if code < 0 then Blockly.Ruby.ORDER_UNARY_SIGN else Blockly.Ruby.ORDER_ATOMIC
+  [code, order]
+
+
+<% category = 'text' %>
+
+<% n = "#{category}" %>
+Blockly.Ruby['<%= n %>'] = (block) ->
+  code = Blockly.Ruby.quote_(@getFieldValue('TEXT'))
+  [code, Blockly.Ruby.ORDER_ATOMIC]
+
+
+# 変数
+<% category = 'variables' %>
+
+# [▼]（変数）
+<% n = "#{category}_get" %>
+Blockly.Ruby['<%= n %>'] = (block) ->
+  name = Blockly.Ruby.variableDB_.getName(block.getFieldValue('VAR'), Blockly.Variables.NAME_TYPE)
+  [name, Blockly.Ruby.ORDER_ATOMIC]
+
+# セット[▼]宛先
+<% n = "#{category}_set" %>
+Blockly.Ruby['<%= n %>'] = (block) ->
+  val = Blockly.Ruby.valueToCode(block, 'VALUE', Blockly.Ruby.ORDER_NONE) || '0'
+  name = Blockly.Ruby.variableDB_.getName(block.getFieldValue('VAR'), Blockly.Variables.NAME_TYPE)
+  name + ' = ' + val + '\n';

data/app/assets/javascripts/blocks/character.js.coffee.erb

@@ -0,0 +1,76 @@
+# 「キャラクター」ジャンル
+
+<%
+  category = 'character'
+  color = 198
+%>
+
+# キャラクター
+<% n = "#{category}_new" %>
+Blockly.Blocks['<%= n %>'] =
+  init: ->
+    @setHelpUrl('')
+    @setColour(<%= color %>)
+
+    size = Blockly.BlockSvg.FIELD_HEIGHT * 2
+    imageField = new Blockly.FieldImage(null, size, size)
+
+    nameField = new Blockly.FieldLabel('')
+    # HACK: ラベルをXMLとして出力させるためにEDITABLEをtrueにしている
+    nameField.EDITABLE = true
+    # HACK: 画像とラベルの縦位置を合わせる
+    nameField.textElement_.setAttribute('y', 10)
+    nameField.setText = _.bind(@nameFieldSetText_, @)
+
+    @appendDummyInput()
+      .appendField(imageField, 'COSTUME')
+      .appendField(nameField, 'NAME')
+    @appendStatementInput('DO')
+    @setPreviousStatement(true)
+    @setNextStatement(true)
+    @setTooltip('')
+
+  dispose: (healStack, animate) ->
+    @character.off 'change', @changeHandler
+    @character.unlink?(@)
+    Blockly.Block.prototype.dispose.apply(@, arguments)
+
+  nameFieldSetText_: (name) ->
+    charSet = Smalruby.Collections.CharacterSet
+    char = charSet.findWhere({ name: name })
+    if char
+      @setCharacter(char)
+    else
+      @fieldLableSetText_(@getField_('NAME'), name)
+
+  fieldLableSetText_: (field, text) ->
+    Blockly.FieldLabel.prototype.setText.call(field, text)
+
+  setCharacter: (character) ->
+    if @changeHandler
+      @character.off 'change', @changeHandler
+
+    @character = character
+    @setFieldValue(character.costumeUrl(), 'COSTUME')
+    @fieldLableSetText_(@getField_('NAME'), character.get('name'))
+    character.link(@)
+
+    @changeHandler = (model) =>
+      @setFieldValue(model.costumeUrl(), 'COSTUME')
+      @fieldLableSetText_(@getField_('NAME'), character.get('name'))
+
+    character.on 'change', @changeHandler
+
+    @
+
+Blockly.Ruby['<%= n %>'] = (block) ->
+  c = block.character
+  Blockly.Ruby.definitions_["character_#{c.get('name')}"] =
+    "#{c.get('name')} = Character.new(costume: #{Blockly.Ruby.quote_(c.costume())}, x: #{c.get('x')}, y: #{c.get('y')}, angle: #{c.get('angle')})"
+  Blockly.Ruby.cs_().push(c)
+  try
+    targetBlock = block.getInputTargetBlock('DO')
+    code = Blockly.Ruby.blockToCode(targetBlock) || '\n'
+  finally
+    Blockly.Ruby.cs_().pop()
+  code