ovto 0.5.0 → 0.6.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: d4b96687f3ed63679cd1390c78a55ccc070bcd696fae6ea398869deb48ec89e1
-  data.tar.gz: 80bc3fb5dd02ddb6f49d7cb30d79189512a6a970dc5a48131819b3f976765cb4
+  metadata.gz: b2ddaa76c727e4560af0bf287745897dae5188f764cae396a2f648fa675e7414
+  data.tar.gz: 9d3b11c75753e7603ae9b280235e0aa0fc0bb2893489f6ea388721de7dcd6ede
 SHA512:
-  metadata.gz: e5111857b2b9072efdf43e006fef98c06eede869d333ec1fa95171d708c6299f7ac2a2aa84aee2e81219e0e8e02be3b2a3039da908796ea0640e2f43b1c2e8d9
-  data.tar.gz: d99fbee3030cc11b4b6186f4b61d134fdb7c983a62d4dab37a115c1fe021f41a0ed0f7e7b1081ac00292c893e90bf4f0934bfa27f4eb83551c4fc0127b90e776
+  metadata.gz: 9cd38d6c1f29d3a0f4221bda5c5c390ddf83507e2f6265d6257b95bb72fe096e01b179659784d640aea75f425f56be8438b7bb84fc75f15e59239d465a208736
+  data.tar.gz: 6516be94dced6512bfaeca2e9b6ce4315d241f459d4d4c24340f90ab07458ea259c37ecd4a169c0794e4ace7f824c43dc1aa27aed6109d54ca153af62a27b277

data/.gitmodules

@@ -0,0 +1,3 @@
+[submodule "opal-rspec"]
+	path = opal-rspec
+	url = https://github.com/opal/opal-rspec.git

data/CHANGELOG.md

@@ -1,4 +1,17 @@
-## HEAD
+## v0.6.2 (2021-10-22)
+
+- Loosen requirement of version of thor gem (allow 1.x)
+
+## v0.6.1 (2021-10-22)
+
+- Update Opal to 1.2
+
+## v0.6.0 (2020-02-29)
+
+- feat: Ovto::Middleware (#18)
+  - Experimental. API may change during 0.6.x
+- feat(State): default_proc (#17)
+- feat(o): `o SubComp do ...end` now passes the block to `SubComp#render` (#16)
 
 ## v0.5.0 (2019-12-22)
 
@@ -20,7 +33,6 @@ New features
   Example:
       
       o 'div', `{nodeName: ....}`
-      
 
 ## v0.3.0 (2018-12-24)
 

data/Gemfile

@@ -1,7 +1,6 @@
 source "https://rubygems.org"
-gem 'opal', '>= 1.0.0'
-gem 'c_lexer'
-gem 'opal-rspec', '>= 0.8.0.alpha1'
+gem 'opal', '>= 1.2.0'
+gem 'opal-rspec', '>= 0.8.0.alpha3'
 gem 'opal-sprockets'
 gem 'rake'
 gem 'ovto', path: '.'

data/Gemfile.lock

@@ -1,52 +1,48 @@
 PATH
   remote: .
   specs:
-    ovto (0.5.0)
+    ovto (0.6.2)
       opal (>= 0.11, < 2)
       rack (~> 2.0)
-      thor (~> 0.20)
+      thor (>= 0.20)
 
 GEM
   remote: https://rubygems.org/
   specs:
-    ast (2.4.0)
-    c_lexer (2.6.4.1.1)
-      ast (~> 2.4.0)
-      parser (= 2.6.4.1)
-    concurrent-ruby (1.1.5)
-    opal (1.0.2)
+    ast (2.4.2)
+    concurrent-ruby (1.1.9)
+    opal (1.2.0)
       ast (>= 2.3.0)
-      parser (~> 2.6)
-    opal-rspec (0.8.0.alpha2)
-      opal (>= 0.11, < 1.1)
-      opal-sprockets
-      rake (~> 12.0)
-    opal-sprockets (0.4.8.1.0.3.7)
-      opal (~> 1.0.0)
-      sprockets (~> 3.7)
+      parser (~> 3.0)
+    opal-rspec (0.8.0.alpha3)
+      opal (>= 1.0.0, < 2.0)
+      opal-sprockets (< 2.0)
+      rake (>= 12.0)
+    opal-sprockets (1.0.2)
+      opal (>= 1.0, < 2.0)
+      sprockets (~> 4.0)
       tilt (>= 1.4)
-    parser (2.6.4.1)
-      ast (~> 2.4.0)
-    rack (2.0.8)
-    rake (12.3.3)
-    sprockets (3.7.2)
+    parser (3.0.2.0)
+      ast (~> 2.4.1)
+    rack (2.2.3)
+    rake (13.0.6)
+    sprockets (4.0.2)
       concurrent-ruby (~> 1.0)
       rack (> 1, < 3)
-    thor (0.20.3)
+    thor (1.1.0)
     tilt (2.0.10)
-    yard (0.9.20)
+    yard (0.9.26)
 
 PLATFORMS
   ruby
 
 DEPENDENCIES
-  c_lexer
-  opal (>= 1.0.0)
-  opal-rspec (>= 0.8.0.alpha1)
+  opal (>= 1.2.0)
+  opal-rspec (>= 0.8.0.alpha3)
   opal-sprockets
   ovto!
   rake
   yard
 
 BUNDLED WITH
-   2.0.2
+   2.2.22

data/book/SUMMARY.md

@@ -7,6 +7,8 @@
   - [Ovto::State](api/state.md)
   - [Ovto::Actions](api/actions.md)
   - [Ovto::Component](api/component.md)
+  - [Ovto::PureComponent](api/pure_component.md)
+  - [Ovto::Middleware](api/middleware.md)
   - [Ovto.fetch](api/fetch.md)
 - Guides
   - [Debugging](guides/debugging.md)

data/book/api/actions.md

@@ -15,7 +15,7 @@ require 'ovto'
 
 class MyApp < Ovto::App
   class State < Ovto::State
-    item :count, 0
+    item :count, default: 0
   end
 
   class Actions < Ovto::Actions

data/book/api/middleware.md

@@ -0,0 +1,99 @@
+# Ovto::Middleware
+
+When you are making a big app with Ovto, you may want to extract
+certain parts which are independent from the app. Ovto::Middleware is
+for such cases.
+
+- A middleware has its own namespace of state and actions
+  - that is, you don't need to add prefixes to the names of states and actions of a middleware.
+
+## Example
+
+```rb
+# 1. Middleware name must be valid as a method name in Ruby
+class MyMiddleware < Ovto::Middleware("my_middleware")
+  def setup
+    # Called on app startup
+  end
+
+  # 2. Make a subclass of MyMiddleware's State
+  class State < MyMiddleware::State
+    item :count, default: 0
+  end
+
+  # 3. Make a subclass of MyMiddleware's Actions
+  class Actions < MyMiddleware::Actions
+    def increment(by:)
+      return {count: state.count + by}
+    end
+  end
+
+  # 4. Make a subclass of MyMiddleware's Component
+  class SomeComponent < MyMiddleware::Component
+    def render
+      o 'div' do
+        o 'span', state.count
+        o 'button', onclick: ->{ actions.increment(by: 1) }
+      end
+    end
+  end
+end
+
+class MyApp < Ovto::App
+  # 5. Declare middlewares to use
+  use MyMiddleware
+
+  class State < Ovto::State; end
+  class Actions < Ovto::Actions; end
+
+  class MainComponent < Ovto::Component
+    def render
+      o 'div.counter' do
+        o MyMiddleware::SomeComponent
+      end
+    end
+  end
+end
+```
+
+## Advanced
+
+### Getting middlware state from app
+
+```rb
+class MyApp < Ovto::App
+  def MainComponent < Ovto::Component
+    def render
+      o 'span', state._middlewares.middleware1.some_state
+    end
+  end
+end
+```
+
+### Calling middlware action from app
+
+```rb
+class MyApp < Ovto::App
+  # From actions
+  def Actions < Ovto::Actions
+    def some_action
+      actions.middleware1.some_action()
+    end
+  end
+
+  # From component
+  def MainComponent < Ovto::Component
+    def render
+      o 'button', onclick: ->{ actions.middleware1.some_action() }
+    end
+  end
+end
+```
+
+### Using a middleware from another middleware
+
+```rb
+class Middleware1 < Ovto::Middleware("middleware1")
+  use Middleware2
+end
+```

data/book/api/pure_component.md

@@ -2,6 +2,9 @@
 
 It almost the same as `Ovto::Component`, but it caches the `render` method calling with arguments of the method.
 
+## When to use PureComponent?
+
+Use it when your app is slow and need more speed.
 
 ## Cache strategy
 

data/docs/api/Array.html

@@ -0,0 +1,190 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>
+  Class: Array
+  
+    &mdash; Documentation by YARD 0.9.26
+  
+</title>
+
+  <link rel="stylesheet" href="css/style.css" type="text/css" />
+
+  <link rel="stylesheet" href="css/common.css" type="text/css" />
+
+<script type="text/javascript">
+  pathId = "Array";
+  relpath = '';
+</script>
+
+
+  <script type="text/javascript" charset="utf-8" src="js/jquery.js"></script>
+
+  <script type="text/javascript" charset="utf-8" src="js/app.js"></script>
+
+
+  </head>
+  <body>
+    <div class="nav_wrap">
+      <iframe id="nav" src="class_list.html?1"></iframe>
+      <div id="resizer"></div>
+    </div>
+
+    <div id="main" tabindex="-1">
+      <div id="header">
+        <div id="menu">
+  
+    <a href="_index.html">Index (A)</a> &raquo;
+    
+    
+    <span class="title">Array</span>
+  
+</div>
+
+        <div id="search">
+  
+    <a class="full_list_link" id="class_list_link"
+        href="class_list.html">
+
+        <svg width="24" height="24">
+          <rect x="0" y="4" width="24" height="4" rx="1" ry="1"></rect>
+          <rect x="0" y="12" width="24" height="4" rx="1" ry="1"></rect>
+          <rect x="0" y="20" width="24" height="4" rx="1" ry="1"></rect>
+        </svg>
+    </a>
+  
+</div>
+        <div class="clear"></div>
+      </div>
+
+      <div id="content"><h1>Class: Array
+  
+  
+  
+</h1>
+<div class="box_info">
+  
+  <dl>
+    <dt>Inherits:</dt>
+    <dd>
+      <span class="inheritName">Object</span>
+      
+        <ul class="fullTree">
+          <li>Object</li>
+          
+            <li class="next">Array</li>
+          
+        </ul>
+        <a href="#" class="inheritanceTree">show all</a>
+      
+    </dd>
+  </dl>
+  
+
+  
+  
+  
+  
+  
+
+  
+
+  
+  <dl>
+    <dt>Defined in:</dt>
+    <dd>lib/mighty_inspect.rb</dd>
+  </dl>
+  
+</div>
+
+
+
+
+
+
+
+
+  
+    <h2>
+      Instance Method Summary
+      <small><a href="#" class="summary_toggle">collapse</a></small>
+    </h2>
+
+    <ul class="summary">
+      
+        <li class="public ">
+  <span class="summary_signature">
+    
+      <a href="#mighty_inspect-instance_method" title="#mighty_inspect (instance method)">#<strong>mighty_inspect</strong>  &#x21d2; Object </a>
+    
+
+    
+  </span>
+  
+  
+  
+  
+  
+  
+  
+
+  
+    <span class="summary_desc"><div class='inline'></div></span>
+  
+</li>
+
+      
+    </ul>
+  
+
+
+
+  <div id="instance_method_details" class="method_details_list">
+    <h2>Instance Method Details</h2>
+
+    
+      <div class="method_details first">
+  <h3 class="signature first" id="mighty_inspect-instance_method">
+  
+    #<strong>mighty_inspect</strong>  &#x21d2; <tt>Object</tt> 
+  
+
+  
+
+  
+</h3><table class="source_code">
+  <tr>
+    <td>
+      <pre class="lines">
+
+
+18
+19
+20</pre>
+    </td>
+    <td>
+      <pre class="code"><span class="info file"># File 'lib/mighty_inspect.rb', line 18</span>
+
+<span class='kw'>def</span> <span class='id identifier rubyid_mighty_inspect'>mighty_inspect</span>
+  <span class='tstring'><span class='tstring_beg'>&quot;</span><span class='tstring_content'>[</span><span class='tstring_end'>&quot;</span></span> <span class='op'>+</span> <span class='kw'>self</span><span class='period'>.</span><span class='id identifier rubyid_map'>map</span><span class='lbrace'>{</span><span class='op'>|</span><span class='id identifier rubyid_x'>x</span><span class='op'>|</span> <span class='const'><span class='object_link'><a href="MightyInspect.html" title="MightyInspect (module)">MightyInspect</a></span></span><span class='period'>.</span><span class='id identifier rubyid_mighty_inspect'><span class='object_link'><a href="MightyInspect.html#mighty_inspect-class_method" title="MightyInspect.mighty_inspect (method)">mighty_inspect</a></span></span><span class='lparen'>(</span><span class='id identifier rubyid_x'>x</span><span class='rparen'>)</span> <span class='rbrace'>}</span><span class='period'>.</span><span class='id identifier rubyid_join'>join</span><span class='lparen'>(</span><span class='tstring'><span class='tstring_beg'>&quot;</span><span class='tstring_content'>, </span><span class='tstring_end'>&quot;</span></span><span class='rparen'>)</span> <span class='op'>+</span> <span class='tstring'><span class='tstring_beg'>&quot;</span><span class='tstring_content'>]</span><span class='tstring_end'>&quot;</span></span>
+<span class='kw'>end</span></pre>
+    </td>
+  </tr>
+</table>
+</div>
+    
+  </div>
+
+</div>
+
+      <div id="footer">
+  Generated on Fri Oct 22 08:18:18 2021 by
+  <a href="http://yardoc.org" title="Yay! A Ruby Documentation Tool" target="_parent">yard</a>
+  0.9.26 (ruby-3.0.2).
+</div>
+
+    </div>
+  </body>
+</html>

data/docs/api/Hash.html

@@ -0,0 +1,196 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>
+  Class: Hash
+  
+    &mdash; Documentation by YARD 0.9.26
+  
+</title>
+
+  <link rel="stylesheet" href="css/style.css" type="text/css" />
+
+  <link rel="stylesheet" href="css/common.css" type="text/css" />
+
+<script type="text/javascript">
+  pathId = "Hash";
+  relpath = '';
+</script>
+
+
+  <script type="text/javascript" charset="utf-8" src="js/jquery.js"></script>
+
+  <script type="text/javascript" charset="utf-8" src="js/app.js"></script>
+
+
+  </head>
+  <body>
+    <div class="nav_wrap">
+      <iframe id="nav" src="class_list.html?1"></iframe>
+      <div id="resizer"></div>
+    </div>
+
+    <div id="main" tabindex="-1">
+      <div id="header">
+        <div id="menu">
+  
+    <a href="_index.html">Index (H)</a> &raquo;
+    
+    
+    <span class="title">Hash</span>
+  
+</div>
+
+        <div id="search">
+  
+    <a class="full_list_link" id="class_list_link"
+        href="class_list.html">
+
+        <svg width="24" height="24">
+          <rect x="0" y="4" width="24" height="4" rx="1" ry="1"></rect>
+          <rect x="0" y="12" width="24" height="4" rx="1" ry="1"></rect>
+          <rect x="0" y="20" width="24" height="4" rx="1" ry="1"></rect>
+        </svg>
+    </a>
+  
+</div>
+        <div class="clear"></div>
+      </div>
+
+      <div id="content"><h1>Class: Hash
+  
+  
+  
+</h1>
+<div class="box_info">
+  
+  <dl>
+    <dt>Inherits:</dt>
+    <dd>
+      <span class="inheritName">Object</span>
+      
+        <ul class="fullTree">
+          <li>Object</li>
+          
+            <li class="next">Hash</li>
+          
+        </ul>
+        <a href="#" class="inheritanceTree">show all</a>
+      
+    </dd>
+  </dl>
+  
+
+  
+  
+  
+  
+  
+
+  
+
+  
+  <dl>
+    <dt>Defined in:</dt>
+    <dd>lib/mighty_inspect.rb</dd>
+  </dl>
+  
+</div>
+
+
+
+
+
+
+
+
+  
+    <h2>
+      Instance Method Summary
+      <small><a href="#" class="summary_toggle">collapse</a></small>
+    </h2>
+
+    <ul class="summary">
+      
+        <li class="public ">
+  <span class="summary_signature">
+    
+      <a href="#mighty_inspect-instance_method" title="#mighty_inspect (instance method)">#<strong>mighty_inspect</strong>  &#x21d2; Object </a>
+    
+
+    
+  </span>
+  
+  
+  
+  
+  
+  
+  
+
+  
+    <span class="summary_desc"><div class='inline'></div></span>
+  
+</li>
+
+      
+    </ul>
+  
+
+
+
+  <div id="instance_method_details" class="method_details_list">
+    <h2>Instance Method Details</h2>
+
+    
+      <div class="method_details first">
+  <h3 class="signature first" id="mighty_inspect-instance_method">
+  
+    #<strong>mighty_inspect</strong>  &#x21d2; <tt>Object</tt> 
+  
+
+  
+
+  
+</h3><table class="source_code">
+  <tr>
+    <td>
+      <pre class="lines">
+
+
+24
+25
+26
+27
+28
+29</pre>
+    </td>
+    <td>
+      <pre class="code"><span class="info file"># File 'lib/mighty_inspect.rb', line 24</span>
+
+<span class='kw'>def</span> <span class='id identifier rubyid_mighty_inspect'>mighty_inspect</span>
+  <span class='tstring'><span class='tstring_beg'>&quot;</span><span class='tstring_content'>{</span><span class='tstring_end'>&quot;</span></span> <span class='op'>+</span> <span class='kw'>self</span><span class='period'>.</span><span class='id identifier rubyid_map'>map</span><span class='lbrace'>{</span><span class='op'>|</span><span class='id identifier rubyid_k'>k</span><span class='comma'>,</span> <span class='id identifier rubyid_v'>v</span><span class='op'>|</span>
+          <span class='const'><span class='object_link'><a href="MightyInspect.html" title="MightyInspect (module)">MightyInspect</a></span></span><span class='period'>.</span><span class='id identifier rubyid_mighty_inspect'><span class='object_link'><a href="MightyInspect.html#mighty_inspect-class_method" title="MightyInspect.mighty_inspect (method)">mighty_inspect</a></span></span><span class='lparen'>(</span><span class='id identifier rubyid_k'>k</span><span class='rparen'>)</span> <span class='op'>+</span> <span class='tstring'><span class='tstring_beg'>&quot;</span><span class='tstring_content'> =&gt; </span><span class='tstring_end'>&quot;</span></span> <span class='op'>+</span>
+          <span class='const'><span class='object_link'><a href="MightyInspect.html" title="MightyInspect (module)">MightyInspect</a></span></span><span class='period'>.</span><span class='id identifier rubyid_mighty_inspect'><span class='object_link'><a href="MightyInspect.html#mighty_inspect-class_method" title="MightyInspect.mighty_inspect (method)">mighty_inspect</a></span></span><span class='lparen'>(</span><span class='id identifier rubyid_v'>v</span><span class='rparen'>)</span>
+        <span class='rbrace'>}</span><span class='period'>.</span><span class='id identifier rubyid_join'>join</span><span class='lparen'>(</span><span class='tstring'><span class='tstring_beg'>&quot;</span><span class='tstring_content'>, </span><span class='tstring_end'>&quot;</span></span><span class='rparen'>)</span> <span class='op'>+</span> <span class='tstring'><span class='tstring_beg'>&quot;</span><span class='tstring_content'>}</span><span class='tstring_end'>&quot;</span></span>
+<span class='kw'>end</span></pre>
+    </td>
+  </tr>
+</table>
+</div>
+    
+  </div>
+
+</div>
+
+      <div id="footer">
+  Generated on Fri Oct 22 08:18:18 2021 by
+  <a href="http://yardoc.org" title="Yay! A Ruby Documentation Tool" target="_parent">yard</a>
+  0.9.26 (ruby-3.0.2).
+</div>
+
+    </div>
+  </body>
+</html>