smalruby-editor 0.1.4 → 0.1.5

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 4a170c7caf7a7f3f21fcd92390031b6a235ef24e
-  data.tar.gz: f5ec5ae8b07c312b562c57cd30082eccc77ecbc8
+  metadata.gz: 5e7ba6e10d56bd73f1658e745cf3aaf795ebbf08
+  data.tar.gz: 3ceef51157fff992c5f8989ccf83a5b4aef5af88
 SHA512:
-  metadata.gz: 5e29b546d5e5356ad883d35cbc0dcf0e0e4005b2543d90e6f5982f75575b6c3ffcc0375892009883acd043b2eccaeb18454690aed78af4b66da80bd54b2f4e79
-  data.tar.gz: 1b6fc03abe76742d9a7259d50451e8b31866b924ac88f842e1fe45668dc00f200ec6e4463f0123fd1fc0e57ad6ec78879612f184c8f23b9cf709f10e0d8a603b
+  metadata.gz: 62826a2a56b3a8b692e773f213be4e4b8b6996de7298221d2d48aa7e106c8fc45cd94faf2d2987680b640fea05ac9c6a2811de910d751e9203ef70f9df0f9a0a
+  data.tar.gz: e95d44e8d2fd12f9cebd61990c5546cdaa84552babf035139b333c7e10edb5a0696a0365f64d66f64653314532fb7328be90f78f95243e03fbc03f31d46b362b

data/app/assets/javascripts/application.js

@@ -32,7 +32,6 @@
 //= require_tree ./collections
 //= require_tree ./views
 //= require_tree ./routers
-//= require ./block_mode
 //= require_tree ./generators
 //= require ./blocks/field_character
 //= require_tree ./blocks

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

@@ -37,8 +37,11 @@ Blockly.Blocks['<%= n %>'] =
     @setTooltip('')
 
 Blockly.Ruby['<%= n %>'] = (block) ->
-  branch = Blockly.Ruby.statementToCode(block, 'DO') || '\n'
-  'loop do\n' + branch + 'end\n'
+  if Blockly.Ruby.r_() == 'main'
+    ''
+  else
+    branch = Blockly.Ruby.statementToCode(block, 'DO') || '\n'
+    'loop do\n' + branch + 'end\n'
 
 <%
   [

data/app/assets/javascripts/generators/ruby.js.coffee.erb

@@ -83,8 +83,8 @@ Blockly.Ruby.c = Blockly.Ruby.character
 Blockly.Ruby.c_ = Blockly.Ruby.character
 Blockly.Ruby.rs = Blockly.Ruby.receiverStack
 Blockly.Ruby.rs_ = Blockly.Ruby.receiverStack
-Blockly.Ruby.r = Blockly.Ruby.r
-Blockly.Ruby.r_ = Blockly.Ruby.r
+Blockly.Ruby.r = Blockly.Ruby.receiver
+Blockly.Ruby.r_ = Blockly.Ruby.receiver
 Blockly.Ruby.rn = Blockly.Ruby.receiverName
 Blockly.Ruby.rn_ = Blockly.Ruby.receiverName
 

data/app/assets/javascripts/smalruby.js.coffee

@@ -62,6 +62,33 @@ window.Smalruby =
         Smalruby.downloading = false
         return
 
+    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()
+
+    @blocklyFirst = true
+    @blocklyLoading = false
+    Blockly.addChangeListener =>
+      # HACK: Blocklyを初期化後に一回だけChangeListenerが呼び出させれ
+      # る。ここではそれを無視している。
+      if @blocklyFirst
+        @blocklyFirst = false
+        return
+
+      # HACK: XMLの読み込み後に一回だけChangeListenerが呼び出させれ
+      # る。ここではそれを無視している。
+      if @blocklyLoading
+        @blocklyLoading = false
+        return
+
+      window.changed = true
+
   loadXml: (data, workspace = Blockly.mainWorkspace) ->
     xml = Blockly.Xml.textToDom(data)
     workspace.clear()

data/app/assets/javascripts/views/character_selector_view.js.coffee

@@ -67,6 +67,11 @@ Smalruby.CharacterSelectorView = Backbone.View.extend({
     @moveByNewBlock_(newBlock)
     newBlock.select()
 
+    onStartBlock = new Blockly.Block(Blockly.mainWorkspace, 'events_on_start')
+    onStartBlock.initSvg()
+    onStartBlock.render()
+    newBlock.getInput('DO').connection.connect(onStartBlock.previousConnection)
+
   moveByNewBlock_: (newBlock) ->
     metrics = Blockly.mainWorkspace.getMetrics()
     newXY =

data/app/assets/javascripts/views/main_menu_view.js.coffee

@@ -26,14 +26,26 @@ Smalruby.MainMenuView = Backbone.View.extend
         if info.error
           window.errorMessage(info.filename + 'は' + info.error)
         else
-          $('#filename').val(info.filename)
-          if info.filename.match(/.xml$/)
+          filename = info.filename
+          if filename.match(/\.xml$/)
+            unless window.blockMode
+              $('#tabs a[href="#block-tab"]').tab('show')
+
+            filename = filename.replace(/(\.rb)?\.xml$/, '.rb')
+            Smalruby.blocklyLoading = true
             Smalruby.loadXml(info.data)
             info.data = Blockly.Ruby.workspaceToCode()
+          else
+            Smalruby.Collections.CharacterSet.reset()
+            Blockly.mainWorkspace.clear()
+
+            if window.blockMode
+              $('#tabs a[href="#ruby-tab"]').tab('show')
+              window.textEditor.focus()
+
+          $('#filename').val(filename)
           window.textEditor.getSession().getDocument().setValue(info.data)
           window.textEditor.moveCursorTo(0, 0)
-          unless window.blockMode
-            window.textEditor.focus()
           # TODO: window.changed -> Smalruby.Models.SourceCode.changed
           window.changed = false
           window.successMessage('ロードしました')
@@ -152,7 +164,11 @@ Smalruby.MainMenuView = Backbone.View.extend
       $('#filename').focus()
       return
 
-    sourceCode = @getSourceCode()
+    if window.blockMode
+      filename += '.xml' unless filename.match(/\.xml$/)
+      sourceCode = new Smalruby.SourceCode({ filename: filename })
+    else
+      sourceCode = @getSourceCode()
 
     @blockUI
       title:

data/app/assets/stylesheets/toolbox.css.scss.erb

@@ -24,6 +24,7 @@
   end
 
   hues = %w(
+    225
     225
     264
     296
@@ -34,18 +35,30 @@
     200
     93
     93
+    93
     340
     208
+    208
+    208
+    208
+    208
   ).map(&:to_i)
 
+  ruby_genre_index = hues.index(340) + 1
+
   colors = hues.map { |h|
     [hsv_to_rgb(h, 100, 80), hsv_to_rgb(h, 100, 100)]
   }
 
+  ids = (0..9).to_a + ('a'..'z').to_a
   colors.each.with_index(1) do |(color, active_color), index|
 %>
 
-#\:<%= '%x' % index %> {
+#\:<%= ids[index] %> {
+    <% if index == ruby_genre_index %>
+    display: none;
+
+    <% end %>
     .blocklyTreeRow {
         padding-top: 0.25em;
         padding-bottom: 0.25em;

data/app/views/editor/_toolbox.html.haml

@@ -1,28 +1,10 @@
 %xml{:id => 'toolbox', :style => 'display: none'}
   - category = 'motion'
-  %category{:name => '動き'}
+  %category{:name => '移動'}
     -# (　)歩動かす
     %block{:type => "#{category}_move"}
       = toolbox_number_value('STEP', 10)
 
-    -# 時計回りに(　)度回す
-    %block{:type => "#{category}_rotate_right"}
-      = toolbox_number_value('ANGLE', 15)
-
-    -# 半時計回りに(　)度回す
-    %block{:type => "#{category}_rotate_left"}
-      = toolbox_number_value('ANGLE', 15)
-
-    -# (　)度に向ける
-    %block{:type => "#{category}_set_angle"}
-      = toolbox_number_value('ANGLE', 90)
-
-    -# マウスポインターへ向ける
-    %block{:type => "#{category}_point_towards_mouse"}
-
-    -# [▼]へ向ける
-    %block{:type => "#{category}_point_towards_character"}
-
     -# x座標を(　)、y座標を(　)にする
     %block{:type => "#{category}_set_x_y"}
       = toolbox_number_value('X')
@@ -56,6 +38,13 @@
     %block{:type => "#{category}_set_y"}
       = toolbox_number_value('Y', 0)
 
+    -# 変数:x座標
+    %block{:type => "#{category}_self_x"}
+
+    -# 変数:y座標
+    %block{:type => "#{category}_self_y"}
+
+  %category{:name => '回転'}
     -# もし端に着いたら、跳ね返る
     %block{:type => "#{category}_turn_if_reach_wall"}
 
@@ -65,14 +54,26 @@
     -# 跳ね返る
     %block{:type => "#{category}_turn"}
 
-    -# 回転方法を[▼]にする
-    -#%block{:type => "#{category}_set_rotation_style"}
+    -# 時計回りに(　)度回す
+    %block{:type => "#{category}_rotate_right"}
+      = toolbox_number_value('ANGLE', 15)
 
-    -# 変数:x座標
-    %block{:type => "#{category}_self_x"}
+    -# 半時計回りに(　)度回す
+    %block{:type => "#{category}_rotate_left"}
+      = toolbox_number_value('ANGLE', 15)
 
-    -# 変数:y座標
-    %block{:type => "#{category}_self_y"}
+    -# (　)度に向ける
+    %block{:type => "#{category}_set_angle"}
+      = toolbox_number_value('ANGLE', 90)
+
+    -# マウスポインターへ向ける
+    %block{:type => "#{category}_point_towards_mouse"}
+
+    -# [▼]へ向ける
+    %block{:type => "#{category}_point_towards_character"}
+
+    -# 回転方法を[▼]にする
+    -#%block{:type => "#{category}_set_rotation_style"}
 
     -# 変数:向き
     %block{:type => "#{category}_self_angle"}
@@ -246,15 +247,6 @@
       = toolbox_number_value('A', 1)
       = toolbox_number_value('B', 10)
 
-    -# 変数:(　)の(　)番目
-    %block{:type => "#{category}_index_of"}
-      = toolbox_text_value('A', 'あいうえお')
-      = toolbox_number_value('INDEX', 1)
-
-    -# 変数:(　)の長さ
-    %block{:type => "#{category}_length"}
-      = toolbox_text_value('A', 'あいうえお')
-
     -# 変数:(　)を(　)で割った余り
     %block{:type => "#{category}_modulo"}
       = toolbox_number_value('A', 5)
@@ -270,16 +262,26 @@
       %field{:name => 'METHOD'}<
         Math.sqrt(%num%)
 
-    -# テキスト
-    %block{:type => 'text'}
-      %field{:name => 'TEXT'}<
-        文章
-
     -# 数値
     %block{:type => 'math_number'}
       %field{:name => 'NUM'}<
         0
 
+  %category{:name => '文字'}
+    -# 変数:(　)の(　)番目
+    %block{:type => "#{category}_index_of"}
+      = toolbox_text_value('A', 'あいうえお')
+      = toolbox_number_value('INDEX', 1)
+
+    -# 変数:(　)の長さ
+    %block{:type => "#{category}_length"}
+      = toolbox_text_value('A', 'あいうえお')
+
+    -# テキスト
+    %block{:type => 'text'}
+      %field{:name => 'TEXT'}<
+        文章
+
   %category{:name => '条件'}
     -# 条件:(　) < (　)
     %block{:type => "#{category}_compare_gt"}
@@ -328,7 +330,7 @@
     %block{:type => "#{category}_p"}
 
   - category = 'hardware'
-  %category{:name => 'ハードウェア'}
+  %category{:name => 'アクチュエータ'}
     %category{:name => '準備'}
       -# ハードウェアを準備する
       %block{:type => "#{category}_init_hardware"}
@@ -362,10 +364,10 @@
     -#  -# LCDをクリアする
     -#  %block{:type => "#{category}_lcd_clear"}
 
-    %category{:name => 'サーボ'}
-      -# サーボ[▼ピン]を(　)度(5～180)にする
-      %block{:type => "#{category}_servo_set_position"}
-        = toolbox_number_value('POS', 90)
+    -#%category{:name => 'サーボ'}
+    -#  -# サーボ[▼ピン]を(　)度(5～180)にする
+    -#  %block{:type => "#{category}_servo_set_position"}
+    -#    = toolbox_number_value('POS', 90)
 
     -#%category{:name => 'ボタン'}
     -#  -# 条件:ボタン[▼]を押している
@@ -380,9 +382,9 @@
     -#  -# ボタン[▼]を離したとき
     -#  %block{:type => "#{category}_on_button_up"}
 
-    %category{:name => 'センサー'}
-      -# センサー[▼PIN]
-      %block{:type => "#{category}_sensor_value"}
+  %category{:name => 'センサー'}
+    -# センサー[▼PIN]
+    %block{:type => "#{category}_sensor_value"}
 
-      -# センサー[▼PIN]が変化したとき
-      %block{:type => "#{category}_on_sensor_change"}
+    -# センサー[▼PIN]が変化したとき
+    %block{:type => "#{category}_on_sensor_change"}

data/lib/smalruby_editor/version.rb

@@ -1,3 +1,3 @@
 module SmalrubyEditor
-  VERSION =  '0.1.4'
+  VERSION =  '0.1.5'
 end

data/smalruby-editor.gemspec

@@ -56,7 +56,7 @@ Gem::Specification.new do |spec|
 
   runtime_dependencies =
     [
-     ['rails', '4.0.2'],
+     ['rails', '4.0.3'],
      ['sqlite3'],
      ['sass-rails', '~> 4.0.0'],
      ['uglifier', '>= 1.3.0'],

data/spec/acceptance/block_mode/blocks/control/loop.feature

@@ -2,44 +2,92 @@
 # language: ja
 @javascript
 機能: control_loop - 「ずっと」ブロック
-  シナリオ: ブロックのみ配置する
+  背景:
     前提 "ブロック" タブを表示する
+    かつ 次のキャラクターを追加する:
+      | name | costumes | x | y | angle |
+      | car1 | car1.png | 0 | 0 |     0 |
 
+  シナリオ: ブロックのみ配置する
     もし 次のブロックを配置する:
-    """
-    %block{:type => "control_loop", :x => "0", :y => "0"}
-    """
+      """
+      %block{:type => "control_loop", :x => "0", :y => "0"}
+      """
     かつ ブロックからソースコードを生成する
 
-    ならば テキストエディタのプログラムは以下であること:
-    """
-    require "smalruby"
+    ならば テキストエディタのプログラムは "" であること
 
-    loop do
-
-    end
+  シナリオ: ブロックとその内側に文を配置する
+    もし 次のブロックを配置する:
+      """
+      %block{:type => "control_loop", :x => "0", :y => "0"}
+        %statement{:name => "DO"}
+          %block{:type => "ruby_statement", :x => "0", :y => "0"}
+            %field{:name => "STATEMENT"}<
+              p self
+      """
+    かつ ブロックからソースコードを生成する
 
-    """
+    ならば テキストエディタのプログラムは "" であること
 
   シナリオ: ブロックとその内側に文を配置する
-    前提 "ブロック" タブを表示する
+    もし 次のブロックを配置する:
+      """
+      %block{:type => "control_loop", :x => "0", :y => "0"}
+        %statement{:name => "DO"}
+          %block{:type => "ruby_statement", :x => "0", :y => "0"}
+            %field{:name => "STATEMENT"}<
+              p self
+      """
+    かつ ブロックからソースコードを生成する
+
+    ならば テキストエディタのプログラムは "" であること
 
+  シナリオ: キャラクターと文とブロックを配置する
     もし 次のブロックを配置する:
-    """
-    %block{:type => "control_loop", :x => "0", :y => "0"}
-      %statement{:name => "DO"}
-        %block{:type => "ruby_statement", :x => "0", :y => "0"}
-          %field{:name => "STATEMENT"}<
-            p self
-    """
+      """
+      %block{:type => "character_new", :x => "21", :y => "15"}
+        %field{:name => "NAME"}<
+          car1
+        %statement{:name => "DO"}
+          %block{:type => "control_loop", :x => "0", :y => "0"}
+            %statement{:name => "DO"}
+              %block{:type => "ruby_statement", :x => "0", :y => "0"}
+                %field{:name => "STATEMENT"}<
+                  p self
+      """
     かつ ブロックからソースコードを生成する
 
-    ならば テキストエディタのプログラムは以下であること:
-    """
-    require "smalruby"
+    ならば テキストエディタのプログラムは以下を含まないこと:
+      """
+      loop do
+        p self
+      end
+      """
+
+  シナリオ: キャラクターとイベントと文とブロックを配置する
+    もし 次のブロックを配置する:
+      """
+      %block{:type => "character_new", :x => "21", :y => "15"}
+        %field{:name => "NAME"}<
+          car1
+        %statement{:name => "DO"}
+          %block{:type => "events_on_start"}
+            %statement{:name => "DO"}
+              %block{:type => "control_loop", :x => "0", :y => "0"}
+                %statement{:name => "DO"}
+                  %block{:type => "ruby_statement", :x => "0", :y => "0"}
+                    %field{:name => "STATEMENT"}<
+                      p self
+      """
+    かつ ブロックからソースコードを生成する
 
-    loop do
-      p self
-    end
+    ならば テキストエディタのプログラムは以下を含むこと:
+      """
+      car1.on(:start) do
+        loop do
+          p self
+        end
+      end
 
-    """
+      """

data/spec/spec_helper.rb

@@ -97,6 +97,9 @@ Spork.prefork do
       Capybara.javascript_driver = :selenium
     else
       Capybara.javascript_driver = :poltergeist
+      Capybara.register_driver(:poltergeist) { |app|
+        Capybara::Poltergeist::Driver.new(app, timeout: 120)
+      }
     end
 
     config.include JsonSpec::Helpers

data/spec/steps/ace_steps.rb

@@ -58,6 +58,15 @@ step 'テキストエディタのプログラムは以下を含むこと:' do |p
   JS
 end
 
+step 'テキストエディタのプログラムは以下を含まないこと:' do |program|
+  expect(page.evaluate_script(<<-JS)).not_to include(program)
+    ace.edit('#{NAME_INFO[text_editor][:id]}')
+      .getSession()
+      .getDocument()
+      .getValue()
+  JS
+end
+
 step 'テキストエディタのプログラムは :program であること' do |program|
   expect(page.evaluate_script(<<-JS)).to eq(program)
     ace.edit('#{NAME_INFO[text_editor][:id]}')

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: smalruby-editor
 version: !ruby/object:Gem::Version
-  version: 0.1.4
+  version: 0.1.5
 platform: ruby
 authors:
 - Kouji Takao
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2014-02-18 00:00:00.000000000 Z
+date: 2014-02-19 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -16,14 +16,14 @@ dependencies:
     requirements:
     - - '='
       - !ruby/object:Gem::Version
-        version: 4.0.2
+        version: 4.0.3
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - '='
       - !ruby/object:Gem::Version
-        version: 4.0.2
+        version: 4.0.3
 - !ruby/object:Gem::Dependency
   name: sqlite3
   requirement: !ruby/object:Gem::Requirement
@@ -346,7 +346,6 @@ files:
 - app/assets/images/.keep
 - app/assets/images/favicon.ico
 - app/assets/javascripts/application.js
-- app/assets/javascripts/block_mode.js.coffee.erb
 - app/assets/javascripts/blocks/blockly.js.coffee.erb
 - app/assets/javascripts/blocks/character.js.coffee.erb
 - app/assets/javascripts/blocks/control.js.coffee.erb
@@ -585,10 +584,10 @@ files:
 - vendor/assets/javascripts/blockly/msg/js/ja.js
 - vendor/assets/javascripts/jquery.blockUI.js
 - vendor/assets/stylesheets/.keep
-- public/assets/application-0e1a6c238c0cc501b29746e5db35b5a1.css
-- public/assets/application-0e1a6c238c0cc501b29746e5db35b5a1.css.gz
-- public/assets/application-735e172a0df828da16d22f5d3c26671f.js
-- public/assets/application-735e172a0df828da16d22f5d3c26671f.js.gz
+- public/assets/application-0047adbc0fb7a529ef7a41b5e0e7d097.js
+- public/assets/application-0047adbc0fb7a529ef7a41b5e0e7d097.js.gz
+- public/assets/application-64a390efe879c386a5950515064f062d.css
+- public/assets/application-64a390efe879c386a5950515064f062d.css.gz
 - public/assets/default-5d1886100d7c8961e9962bbc4bb0c714.xml
 - public/assets/favicon-a37c90b368fd8ed436cb8f9e9396465c.ico
 - public/assets/jquery-ui/animated-overlay-c48c87b7a95316f4698484e3b85ee4aa.gif
@@ -606,7 +605,7 @@ files:
 - public/assets/jquery-ui/ui-icons_888888_256x240-57c441f87c4289a5372823f506c1182d.png
 - public/assets/jquery-ui/ui-icons_cd0a0a_256x240-261647ac915575f3981ded254ae8d43e.png
 - public/assets/loading-e8e6dd7833131c92a6c3b9c8ccc6a6ac.gif
-- public/assets/manifest-1f254fa92a71ba4faad0f99136daeed8.json
+- public/assets/manifest-332a5a1668194028b55103e0ea45c054.json
 - public/assets/progressbar-82023a146fba2a0f6d925629ed2b09c5.gif
 - public/assets/rgb_led_anode-91225bef2a8b97f1cefee862a0619b91.xml
 homepage: https://github.com/smalruby/smalruby-editor

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

@@ -1,10 +0,0 @@
-$ ->
-  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()