ovto 0.2.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (105) hide show
  1. checksums.yaml +7 -0
  2. data/.gitignore +1 -0
  3. data/.gitmodules +3 -0
  4. data/CHANGELOG.md +22 -0
  5. data/Gemfile +7 -0
  6. data/Gemfile.lock +57 -0
  7. data/LICENSE.txt +44 -0
  8. data/README.md +84 -0
  9. data/Rakefile +41 -0
  10. data/book/README.md +1 -0
  11. data/book/SUMMARY.md +13 -0
  12. data/book/api/actions.md +77 -0
  13. data/book/api/app.md +86 -0
  14. data/book/api/component.md +175 -0
  15. data/book/api/fetch.md +42 -0
  16. data/book/api/state.md +97 -0
  17. data/book/guides/debugging.md +23 -0
  18. data/book/guides/development.md +11 -0
  19. data/book/guides/tutorial.md +288 -0
  20. data/book/screenshot.png +0 -0
  21. data/docs/api/Ovto/Actions.html +135 -0
  22. data/docs/api/Ovto/App.html +531 -0
  23. data/docs/api/Ovto/Component/MoreThanOneNode.html +135 -0
  24. data/docs/api/Ovto/Component.html +350 -0
  25. data/docs/api/Ovto/Runtime.html +315 -0
  26. data/docs/api/Ovto/State/MissingValue.html +135 -0
  27. data/docs/api/Ovto/State/UnknownKey.html +135 -0
  28. data/docs/api/Ovto/State.html +699 -0
  29. data/docs/api/Ovto/WiredActions.html +343 -0
  30. data/docs/api/Ovto.html +319 -0
  31. data/docs/api/_index.html +229 -0
  32. data/docs/api/actions.html +398 -0
  33. data/docs/api/app.html +411 -0
  34. data/docs/api/class_list.html +51 -0
  35. data/docs/api/component.html +469 -0
  36. data/docs/api/css/common.css +1 -0
  37. data/docs/api/css/full_list.css +58 -0
  38. data/docs/api/css/style.css +499 -0
  39. data/docs/api/file.README.html +162 -0
  40. data/docs/api/file_list.html +56 -0
  41. data/docs/api/frames.html +17 -0
  42. data/docs/api/index.html +162 -0
  43. data/docs/api/js/app.js +248 -0
  44. data/docs/api/js/full_list.js +216 -0
  45. data/docs/api/js/jquery.js +4 -0
  46. data/docs/api/method_list.html +243 -0
  47. data/docs/api/state.html +430 -0
  48. data/docs/api/top-level-namespace.html +110 -0
  49. data/docs/gitbook/fonts/fontawesome/FontAwesome.otf +0 -0
  50. data/docs/gitbook/fonts/fontawesome/fontawesome-webfont.eot +0 -0
  51. data/docs/gitbook/fonts/fontawesome/fontawesome-webfont.svg +685 -0
  52. data/docs/gitbook/fonts/fontawesome/fontawesome-webfont.ttf +0 -0
  53. data/docs/gitbook/fonts/fontawesome/fontawesome-webfont.woff +0 -0
  54. data/docs/gitbook/fonts/fontawesome/fontawesome-webfont.woff2 +0 -0
  55. data/docs/gitbook/gitbook-plugin-fontsettings/fontsettings.js +240 -0
  56. data/docs/gitbook/gitbook-plugin-fontsettings/website.css +291 -0
  57. data/docs/gitbook/gitbook-plugin-highlight/ebook.css +135 -0
  58. data/docs/gitbook/gitbook-plugin-highlight/website.css +434 -0
  59. data/docs/gitbook/gitbook-plugin-lunr/lunr.min.js +7 -0
  60. data/docs/gitbook/gitbook-plugin-lunr/search-lunr.js +59 -0
  61. data/docs/gitbook/gitbook-plugin-search/lunr.min.js +7 -0
  62. data/docs/gitbook/gitbook-plugin-search/search-engine.js +50 -0
  63. data/docs/gitbook/gitbook-plugin-search/search.css +35 -0
  64. data/docs/gitbook/gitbook-plugin-search/search.js +213 -0
  65. data/docs/gitbook/gitbook-plugin-sharing/buttons.js +90 -0
  66. data/docs/gitbook/gitbook.js +4 -0
  67. data/docs/gitbook/images/apple-touch-icon-precomposed-152.png +0 -0
  68. data/docs/gitbook/images/favicon.ico +0 -0
  69. data/docs/gitbook/style.css +9 -0
  70. data/docs/gitbook/theme.js +4 -0
  71. data/docs/guides/debugging.html +355 -0
  72. data/docs/guides/development.html +361 -0
  73. data/docs/guides/tutorial.html +571 -0
  74. data/docs/index.html +422 -0
  75. data/docs/screenshot.png +0 -0
  76. data/docs/search_index.json +1 -0
  77. data/example/sinatra/Gemfile +6 -0
  78. data/example/sinatra/Gemfile.lock +59 -0
  79. data/example/sinatra/README.md +21 -0
  80. data/example/sinatra/app.rb +18 -0
  81. data/example/sinatra/config.ru +30 -0
  82. data/example/sinatra/ovto/app.rb +171 -0
  83. data/example/sinatra/public/style.css +4 -0
  84. data/example/sinatra/public/todomvc-app-css_index.css +376 -0
  85. data/example/sinatra/public/todomvc-common_base.css +141 -0
  86. data/example/sinatra/views/index.erb +21 -0
  87. data/example/static/Gemfile +3 -0
  88. data/example/static/Gemfile.lock +30 -0
  89. data/example/static/README.md +10 -0
  90. data/example/static/Rakefile +4 -0
  91. data/example/static/app.js +24808 -0
  92. data/example/static/app.rb +43 -0
  93. data/example/static/index.html +11 -0
  94. data/lib/ovto/actions.rb +10 -0
  95. data/lib/ovto/app.rb +58 -0
  96. data/lib/ovto/component.rb +191 -0
  97. data/lib/ovto/fetch.rb +53 -0
  98. data/lib/ovto/runtime.rb +388 -0
  99. data/lib/ovto/state.rb +69 -0
  100. data/lib/ovto/version.rb +3 -0
  101. data/lib/ovto/wired_actions.rb +33 -0
  102. data/lib/ovto.rb +50 -0
  103. data/ovto.gemspec +22 -0
  104. data/screenshot.png +0 -0
  105. metadata +161 -0
@@ -0,0 +1,499 @@
1
+ html {
2
+ width: 100%;
3
+ height: 100%;
4
+ }
5
+ body {
6
+ font-family: "Lucida Sans", "Lucida Grande", Verdana, Arial, sans-serif;
7
+ font-size: 13px;
8
+ width: 100%;
9
+ margin: 0;
10
+ padding: 0;
11
+ display: flex;
12
+ display: -webkit-flex;
13
+ display: -ms-flexbox;
14
+ }
15
+
16
+ #nav {
17
+ position: relative;
18
+ width: 100%;
19
+ height: 100%;
20
+ border: 0;
21
+ border-right: 1px dotted #eee;
22
+ overflow: auto;
23
+ }
24
+ .nav_wrap {
25
+ margin: 0;
26
+ padding: 0;
27
+ width: 20%;
28
+ height: 100%;
29
+ position: relative;
30
+ display: flex;
31
+ display: -webkit-flex;
32
+ display: -ms-flexbox;
33
+ flex-shrink: 0;
34
+ -webkit-flex-shrink: 0;
35
+ -ms-flex: 1 0;
36
+ }
37
+ #resizer {
38
+ position: absolute;
39
+ right: -5px;
40
+ top: 0;
41
+ width: 10px;
42
+ height: 100%;
43
+ cursor: col-resize;
44
+ z-index: 9999;
45
+ }
46
+ #main {
47
+ flex: 5 1;
48
+ -webkit-flex: 5 1;
49
+ -ms-flex: 5 1;
50
+ outline: none;
51
+ position: relative;
52
+ background: #fff;
53
+ padding: 1.2em;
54
+ padding-top: 0.2em;
55
+ }
56
+
57
+ @media (max-width: 920px) {
58
+ .nav_wrap { width: 100%; top: 0; right: 0; overflow: visible; position: absolute; }
59
+ #resizer { display: none; }
60
+ #nav {
61
+ z-index: 9999;
62
+ background: #fff;
63
+ display: none;
64
+ position: absolute;
65
+ top: 40px;
66
+ right: 12px;
67
+ width: 500px;
68
+ max-width: 80%;
69
+ height: 80%;
70
+ overflow-y: scroll;
71
+ border: 1px solid #999;
72
+ border-collapse: collapse;
73
+ box-shadow: -7px 5px 25px #aaa;
74
+ border-radius: 2px;
75
+ }
76
+ }
77
+
78
+ @media (min-width: 920px) {
79
+ body { height: 100%; overflow: hidden; }
80
+ #main { height: 100%; overflow: auto; }
81
+ #search { display: none; }
82
+ }
83
+
84
+ #main img { max-width: 100%; }
85
+ h1 { font-size: 25px; margin: 1em 0 0.5em; padding-top: 4px; border-top: 1px dotted #d5d5d5; }
86
+ h1.noborder { border-top: 0px; margin-top: 0; padding-top: 4px; }
87
+ h1.title { margin-bottom: 10px; }
88
+ h1.alphaindex { margin-top: 0; font-size: 22px; }
89
+ h2 {
90
+ padding: 0;
91
+ padding-bottom: 3px;
92
+ border-bottom: 1px #aaa solid;
93
+ font-size: 1.4em;
94
+ margin: 1.8em 0 0.5em;
95
+ position: relative;
96
+ }
97
+ h2 small { font-weight: normal; font-size: 0.7em; display: inline; position: absolute; right: 0; }
98
+ h2 small a {
99
+ display: block;
100
+ height: 20px;
101
+ border: 1px solid #aaa;
102
+ border-bottom: 0;
103
+ border-top-left-radius: 5px;
104
+ background: #f8f8f8;
105
+ position: relative;
106
+ padding: 2px 7px;
107
+ }
108
+ .clear { clear: both; }
109
+ .inline { display: inline; }
110
+ .inline p:first-child { display: inline; }
111
+ .docstring, .tags, #filecontents { font-size: 15px; line-height: 1.5145em; }
112
+ .docstring p > code, .docstring p > tt, .tags p > code, .tags p > tt {
113
+ color: #c7254e; background: #f9f2f4; padding: 2px 4px; font-size: 1em;
114
+ border-radius: 4px;
115
+ }
116
+ .docstring h1, .docstring h2, .docstring h3, .docstring h4 { padding: 0; border: 0; border-bottom: 1px dotted #bbb; }
117
+ .docstring h1 { font-size: 1.2em; }
118
+ .docstring h2 { font-size: 1.1em; }
119
+ .docstring h3, .docstring h4 { font-size: 1em; border-bottom: 0; padding-top: 10px; }
120
+ .summary_desc .object_link a, .docstring .object_link a {
121
+ font-family: monospace; font-size: 1.05em;
122
+ color: #05a; background: #EDF4FA; padding: 2px 4px; font-size: 1em;
123
+ border-radius: 4px;
124
+ }
125
+ .rdoc-term { padding-right: 25px; font-weight: bold; }
126
+ .rdoc-list p { margin: 0; padding: 0; margin-bottom: 4px; }
127
+ .summary_desc pre.code .object_link a, .docstring pre.code .object_link a {
128
+ padding: 0px; background: inherit; color: inherit; border-radius: inherit;
129
+ }
130
+
131
+ /* style for <table> */
132
+ #filecontents table, .docstring table { border-collapse: collapse; }
133
+ #filecontents table th, #filecontents table td,
134
+ .docstring table th, .docstring table td { border: 1px solid #ccc; padding: 8px; padding-right: 17px; }
135
+ #filecontents table tr:nth-child(odd),
136
+ .docstring table tr:nth-child(odd) { background: #eee; }
137
+ #filecontents table tr:nth-child(even),
138
+ .docstring table tr:nth-child(even) { background: #fff; }
139
+ #filecontents table th, .docstring table th { background: #fff; }
140
+
141
+ /* style for <ul> */
142
+ #filecontents li > p, .docstring li > p { margin: 0px; }
143
+ #filecontents ul, .docstring ul { padding-left: 20px; }
144
+ /* style for <dl> */
145
+ #filecontents dl, .docstring dl { border: 1px solid #ccc; }
146
+ #filecontents dt, .docstring dt { background: #ddd; font-weight: bold; padding: 3px 5px; }
147
+ #filecontents dd, .docstring dd { padding: 5px 0px; margin-left: 18px; }
148
+ #filecontents dd > p, .docstring dd > p { margin: 0px; }
149
+
150
+ .note {
151
+ color: #222;
152
+ margin: 20px 0;
153
+ padding: 10px;
154
+ border: 1px solid #eee;
155
+ border-radius: 3px;
156
+ display: block;
157
+ }
158
+ .docstring .note {
159
+ border-left-color: #ccc;
160
+ border-left-width: 5px;
161
+ }
162
+ .note.todo { background: #ffffc5; border-color: #ececaa; }
163
+ .note.returns_void { background: #efefef; }
164
+ .note.deprecated { background: #ffe5e5; border-color: #e9dada; }
165
+ .note.title.deprecated { background: #ffe5e5; border-color: #e9dada; }
166
+ .note.private { background: #ffffc5; border-color: #ececaa; }
167
+ .note.title { padding: 3px 6px; font-size: 0.9em; font-family: "Lucida Sans", "Lucida Grande", Verdana, Arial, sans-serif; display: inline; }
168
+ .summary_signature + .note.title { margin-left: 7px; }
169
+ h1 .note.title { font-size: 0.5em; font-weight: normal; padding: 3px 5px; position: relative; top: -3px; text-transform: capitalize; }
170
+ .note.title { background: #efefef; }
171
+ .note.title.constructor { color: #fff; background: #6a98d6; border-color: #6689d6; }
172
+ .note.title.writeonly { color: #fff; background: #45a638; border-color: #2da31d; }
173
+ .note.title.readonly { color: #fff; background: #6a98d6; border-color: #6689d6; }
174
+ .note.title.private { background: #d5d5d5; border-color: #c5c5c5; }
175
+ .note.title.not_defined_here { background: transparent; border: none; font-style: italic; }
176
+ .discussion .note { margin-top: 6px; }
177
+ .discussion .note:first-child { margin-top: 0; }
178
+
179
+ h3.inherited {
180
+ font-style: italic;
181
+ font-family: "Lucida Sans", "Lucida Grande", Verdana, Arial, sans-serif;
182
+ font-weight: normal;
183
+ padding: 0;
184
+ margin: 0;
185
+ margin-top: 12px;
186
+ margin-bottom: 3px;
187
+ font-size: 13px;
188
+ }
189
+ p.inherited {
190
+ padding: 0;
191
+ margin: 0;
192
+ margin-left: 25px;
193
+ }
194
+
195
+ .box_info dl {
196
+ margin: 0;
197
+ border: 0;
198
+ width: 100%;
199
+ font-size: 1em;
200
+ display: flex;
201
+ display: -webkit-flex;
202
+ display: -ms-flexbox;
203
+ }
204
+ .box_info dl dt {
205
+ flex-shrink: 0;
206
+ -webkit-flex-shrink: 1;
207
+ -ms-flex-shrink: 1;
208
+ width: 100px;
209
+ text-align: right;
210
+ font-weight: bold;
211
+ border: 1px solid #aaa;
212
+ border-width: 1px 0px 0px 1px;
213
+ padding: 6px 0;
214
+ padding-right: 10px;
215
+ }
216
+ .box_info dl dd {
217
+ flex-grow: 1;
218
+ -webkit-flex-grow: 1;
219
+ -ms-flex: 1;
220
+ max-width: 420px;
221
+ padding: 6px 0;
222
+ padding-right: 20px;
223
+ border: 1px solid #aaa;
224
+ border-width: 1px 1px 0 0;
225
+ overflow: hidden;
226
+ position: relative;
227
+ }
228
+ .box_info dl:last-child > * {
229
+ border-bottom: 1px solid #aaa;
230
+ }
231
+ .box_info dl:nth-child(odd) > * { background: #eee; }
232
+ .box_info dl:nth-child(even) > * { background: #fff; }
233
+ .box_info dl > * { margin: 0; }
234
+
235
+ ul.toplevel { list-style: none; padding-left: 0; font-size: 1.1em; }
236
+ .index_inline_list { padding-left: 0; font-size: 1.1em; }
237
+
238
+ .index_inline_list li {
239
+ list-style: none;
240
+ display: inline-block;
241
+ padding: 0 12px;
242
+ line-height: 30px;
243
+ margin-bottom: 5px;
244
+ }
245
+
246
+ dl.constants { margin-left: 10px; }
247
+ dl.constants dt { font-weight: bold; font-size: 1.1em; margin-bottom: 5px; }
248
+ dl.constants dd { width: 75%; white-space: pre; font-family: monospace; margin-bottom: 18px; }
249
+ dl.constants .docstring .note:first-child { margin-top: 5px; }
250
+
251
+ .summary_desc {
252
+ margin-left: 32px;
253
+ display: block;
254
+ font-family: sans-serif;
255
+ font-size: 1.1em;
256
+ margin-top: 8px;
257
+ line-height: 1.5145em;
258
+ margin-bottom: 0.8em;
259
+ }
260
+ .summary_desc tt { font-size: 0.9em; }
261
+ dl.constants .note { padding: 2px 6px; padding-right: 12px; margin-top: 6px; }
262
+ dl.constants .docstring { margin-left: 32px; font-size: 0.9em; font-weight: normal; }
263
+ dl.constants .tags { padding-left: 32px; font-size: 0.9em; line-height: 0.8em; }
264
+ dl.constants .discussion *:first-child { margin-top: 0; }
265
+ dl.constants .discussion *:last-child { margin-bottom: 0; }
266
+
267
+ .method_details { border-top: 1px dotted #ccc; margin-top: 25px; padding-top: 0; }
268
+ .method_details.first { border: 0; margin-top: 5px; }
269
+ .method_details.first h3.signature { margin-top: 1em; }
270
+ p.signature, h3.signature {
271
+ font-size: 1.1em; font-weight: normal; font-family: Monaco, Consolas, Courier, monospace;
272
+ padding: 6px 10px; margin-top: 1em;
273
+ background: #E8F4FF; border: 1px solid #d8d8e5; border-radius: 5px;
274
+ }
275
+ p.signature tt,
276
+ h3.signature tt { font-family: Monaco, Consolas, Courier, monospace; }
277
+ p.signature .overload,
278
+ h3.signature .overload { display: block; }
279
+ p.signature .extras,
280
+ h3.signature .extras { font-weight: normal; font-family: sans-serif; color: #444; font-size: 1em; }
281
+ p.signature .not_defined_here,
282
+ h3.signature .not_defined_here,
283
+ p.signature .aliases,
284
+ h3.signature .aliases { display: block; font-weight: normal; font-size: 0.9em; font-family: sans-serif; margin-top: 0px; color: #555; }
285
+ p.signature .aliases .names,
286
+ h3.signature .aliases .names { font-family: Monaco, Consolas, Courier, monospace; font-weight: bold; color: #000; font-size: 1.2em; }
287
+
288
+ .tags .tag_title { font-size: 1.05em; margin-bottom: 0; font-weight: bold; }
289
+ .tags .tag_title tt { color: initial; padding: initial; background: initial; }
290
+ .tags ul { margin-top: 5px; padding-left: 30px; list-style: square; }
291
+ .tags ul li { margin-bottom: 3px; }
292
+ .tags ul .name { font-family: monospace; font-weight: bold; }
293
+ .tags ul .note { padding: 3px 6px; }
294
+ .tags { margin-bottom: 12px; }
295
+
296
+ .tags .examples .tag_title { margin-bottom: 10px; font-weight: bold; }
297
+ .tags .examples .inline p { padding: 0; margin: 0; font-weight: bold; font-size: 1em; }
298
+ .tags .examples .inline p:before { content: "▸"; font-size: 1em; margin-right: 5px; }
299
+
300
+ .tags .overload .overload_item { list-style: none; margin-bottom: 25px; }
301
+ .tags .overload .overload_item .signature {
302
+ padding: 2px 8px;
303
+ background: #F1F8FF; border: 1px solid #d8d8e5; border-radius: 3px;
304
+ }
305
+ .tags .overload .signature { margin-left: -15px; font-family: monospace; display: block; font-size: 1.1em; }
306
+ .tags .overload .docstring { margin-top: 15px; }
307
+
308
+ .defines { display: none; }
309
+
310
+ #method_missing_details .notice.this { position: relative; top: -8px; color: #888; padding: 0; margin: 0; }
311
+
312
+ .showSource { font-size: 0.9em; }
313
+ .showSource a, .showSource a:visited { text-decoration: none; color: #666; }
314
+
315
+ #content a, #content a:visited { text-decoration: none; color: #05a; }
316
+ #content a:hover { background: #ffffa5; }
317
+
318
+ ul.summary {
319
+ list-style: none;
320
+ font-family: monospace;
321
+ font-size: 1em;
322
+ line-height: 1.5em;
323
+ padding-left: 0px;
324
+ }
325
+ ul.summary a, ul.summary a:visited {
326
+ text-decoration: none; font-size: 1.1em;
327
+ }
328
+ ul.summary li { margin-bottom: 5px; }
329
+ .summary .summary_signature {
330
+ padding: 4px 8px;
331
+ background: #f8f8f8;
332
+ border: 1px solid #f0f0f0;
333
+ border-radius: 5px;
334
+ }
335
+ .summary_signature:hover { background: #CFEBFF; border-color: #A4CCDA; cursor: pointer; }
336
+ ul.summary.compact li { display: inline-block; margin: 0px 5px 0px 0px; line-height: 2.6em;}
337
+ ul.summary.compact .summary_signature { padding: 5px 7px; padding-right: 4px; }
338
+ #content .summary_signature:hover a,
339
+ #content .summary_signature:hover a:visited {
340
+ background: transparent;
341
+ color: #049;
342
+ }
343
+
344
+ p.inherited a { font-family: monospace; font-size: 0.9em; }
345
+ p.inherited { word-spacing: 5px; font-size: 1.2em; }
346
+
347
+ p.children { font-size: 1.2em; }
348
+ p.children a { font-size: 0.9em; }
349
+ p.children strong { font-size: 0.8em; }
350
+ p.children strong.modules { padding-left: 5px; }
351
+
352
+ ul.fullTree { display: none; padding-left: 0; list-style: none; margin-left: 0; margin-bottom: 10px; }
353
+ ul.fullTree ul { margin-left: 0; padding-left: 0; list-style: none; }
354
+ ul.fullTree li { text-align: center; padding-top: 18px; padding-bottom: 12px; background: url(data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAAHtJREFUeNqMzrEJAkEURdGzuhgZbSoYWcAWoBVsB4JgZAGmphsZCZYzTQgWNCYrDN9RvMmHx+X916SUBFbo8CzD1idXrLErw1mQttgXtyrOcQ/Ny5p4Qh+2XqLYYazsPWNTiuMkRxa4vcV+evuNAUOLIx5+c2hyzv7hNQC67Q+/HHmlEwAAAABJRU5ErkJggg==) no-repeat top center; }
355
+ ul.fullTree li:first-child { padding-top: 0; background: transparent; }
356
+ ul.fullTree li:last-child { padding-bottom: 0; }
357
+ .showAll ul.fullTree { display: block; }
358
+ .showAll .inheritName { display: none; }
359
+
360
+ #search { position: absolute; right: 12px; top: 0px; z-index: 9000; }
361
+ #search a {
362
+ display: block; float: left;
363
+ padding: 4px 8px; text-decoration: none; color: #05a; fill: #05a;
364
+ border: 1px solid #d8d8e5;
365
+ border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;
366
+ background: #F1F8FF;
367
+ box-shadow: -1px 1px 3px #ddd;
368
+ }
369
+ #search a:hover { background: #f5faff; color: #06b; fill: #06b; }
370
+ #search a.active {
371
+ background: #568; padding-bottom: 20px; color: #fff; fill: #fff;
372
+ border: 1px solid #457;
373
+ border-top-left-radius: 5px; border-top-right-radius: 5px;
374
+ }
375
+ #search a.inactive { color: #999; fill: #999; }
376
+ .inheritanceTree, .toggleDefines {
377
+ float: right;
378
+ border-left: 1px solid #aaa;
379
+ position: absolute; top: 0; right: 0;
380
+ height: 100%;
381
+ background: #f6f6f6;
382
+ padding: 5px;
383
+ min-width: 55px;
384
+ text-align: center;
385
+ }
386
+
387
+ #menu { font-size: 1.3em; color: #bbb; }
388
+ #menu .title, #menu a { font-size: 0.7em; }
389
+ #menu .title a { font-size: 1em; }
390
+ #menu .title { color: #555; }
391
+ #menu a, #menu a:visited { color: #333; text-decoration: none; border-bottom: 1px dotted #bbd; }
392
+ #menu a:hover { color: #05a; }
393
+
394
+ #footer { margin-top: 15px; border-top: 1px solid #ccc; text-align: center; padding: 7px 0; color: #999; }
395
+ #footer a, #footer a:visited { color: #444; text-decoration: none; border-bottom: 1px dotted #bbd; }
396
+ #footer a:hover { color: #05a; }
397
+
398
+ #listing ul.alpha { font-size: 1.1em; }
399
+ #listing ul.alpha { margin: 0; padding: 0; padding-bottom: 10px; list-style: none; }
400
+ #listing ul.alpha li.letter { font-size: 1.4em; padding-bottom: 10px; }
401
+ #listing ul.alpha ul { margin: 0; padding-left: 15px; }
402
+ #listing ul small { color: #666; font-size: 0.7em; }
403
+
404
+ li.r1 { background: #f0f0f0; }
405
+ li.r2 { background: #fafafa; }
406
+
407
+ #content ul.summary li.deprecated .summary_signature a,
408
+ #content ul.summary li.deprecated .summary_signature a:visited { text-decoration: line-through; font-style: italic; }
409
+
410
+ #toc {
411
+ position: relative;
412
+ float: right;
413
+ overflow-x: auto;
414
+ right: -3px;
415
+ margin-left: 20px;
416
+ margin-bottom: 20px;
417
+ padding: 20px; padding-right: 30px;
418
+ max-width: 300px;
419
+ z-index: 5000;
420
+ background: #fefefe;
421
+ border: 1px solid #ddd;
422
+ box-shadow: -2px 2px 6px #bbb;
423
+ }
424
+ #toc .title { margin: 0; }
425
+ #toc ol { padding-left: 1.8em; }
426
+ #toc li { font-size: 1.1em; line-height: 1.7em; }
427
+ #toc > ol > li { font-size: 1.1em; font-weight: bold; }
428
+ #toc ol > ol { font-size: 0.9em; }
429
+ #toc ol ol > ol { padding-left: 2.3em; }
430
+ #toc ol + li { margin-top: 0.3em; }
431
+ #toc.hidden { padding: 10px; background: #fefefe; box-shadow: none; }
432
+ #toc.hidden:hover { background: #fafafa; }
433
+ #filecontents h1 + #toc.nofloat { margin-top: 0; }
434
+ @media (max-width: 560px) {
435
+ #toc {
436
+ margin-left: 0;
437
+ margin-top: 16px;
438
+ float: none;
439
+ max-width: none;
440
+ }
441
+ }
442
+
443
+ /* syntax highlighting */
444
+ .source_code { display: none; padding: 3px 8px; border-left: 8px solid #ddd; margin-top: 5px; }
445
+ #filecontents pre.code, .docstring pre.code, .source_code pre { font-family: monospace; }
446
+ #filecontents pre.code, .docstring pre.code { display: block; }
447
+ .source_code .lines { padding-right: 12px; color: #555; text-align: right; }
448
+ #filecontents pre.code, .docstring pre.code,
449
+ .tags pre.example {
450
+ padding: 9px 14px;
451
+ margin-top: 4px;
452
+ border: 1px solid #e1e1e8;
453
+ background: #f7f7f9;
454
+ border-radius: 4px;
455
+ font-size: 1em;
456
+ overflow-x: auto;
457
+ line-height: 1.2em;
458
+ }
459
+ pre.code { color: #000; tab-size: 2; }
460
+ pre.code .info.file { color: #555; }
461
+ pre.code .val { color: #036A07; }
462
+ pre.code .tstring_content,
463
+ pre.code .heredoc_beg, pre.code .heredoc_end,
464
+ pre.code .qwords_beg, pre.code .qwords_end, pre.code .qwords_sep,
465
+ pre.code .words_beg, pre.code .words_end, pre.code .words_sep,
466
+ pre.code .qsymbols_beg, pre.code .qsymbols_end, pre.code .qsymbols_sep,
467
+ pre.code .symbols_beg, pre.code .symbols_end, pre.code .symbols_sep,
468
+ pre.code .tstring, pre.code .dstring { color: #036A07; }
469
+ pre.code .fid, pre.code .rubyid_new, pre.code .rubyid_to_s,
470
+ pre.code .rubyid_to_sym, pre.code .rubyid_to_f,
471
+ pre.code .dot + pre.code .id,
472
+ pre.code .rubyid_to_i pre.code .rubyid_each { color: #0085FF; }
473
+ pre.code .comment { color: #0066FF; }
474
+ pre.code .const, pre.code .constant { color: #585CF6; }
475
+ pre.code .label,
476
+ pre.code .symbol { color: #C5060B; }
477
+ pre.code .kw,
478
+ pre.code .rubyid_require,
479
+ pre.code .rubyid_extend,
480
+ pre.code .rubyid_include { color: #0000FF; }
481
+ pre.code .ivar { color: #318495; }
482
+ pre.code .gvar,
483
+ pre.code .rubyid_backref,
484
+ pre.code .rubyid_nth_ref { color: #6D79DE; }
485
+ pre.code .regexp, .dregexp { color: #036A07; }
486
+ pre.code a { border-bottom: 1px dotted #bbf; }
487
+ /* inline code */
488
+ p > code {
489
+ padding: 1px 3px 1px 3px;
490
+ border: 1px solid #E1E1E8;
491
+ background: #F7F7F9;
492
+ border-radius: 4px;
493
+ }
494
+
495
+ /* Color fix for links */
496
+ #content .summary_desc pre.code .id > .object_link a, /* identifier */
497
+ #content .docstring pre.code .id > .object_link a { color: #0085FF; }
498
+ #content .summary_desc pre.code .const > .object_link a, /* constant */
499
+ #content .docstring pre.code .const > .object_link a { color: #585CF6; }
@@ -0,0 +1,162 @@
1
+ <!DOCTYPE html>
2
+ <html>
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>
7
+ File: README
8
+
9
+ &mdash; Documentation by YARD 0.9.12
10
+
11
+ </title>
12
+
13
+ <link rel="stylesheet" href="css/style.css" type="text/css" charset="utf-8" />
14
+
15
+ <link rel="stylesheet" href="css/common.css" type="text/css" charset="utf-8" />
16
+
17
+ <script type="text/javascript" charset="utf-8">
18
+ pathId = "README";
19
+ relpath = '';
20
+ </script>
21
+
22
+
23
+ <script type="text/javascript" charset="utf-8" src="js/jquery.js"></script>
24
+
25
+ <script type="text/javascript" charset="utf-8" src="js/app.js"></script>
26
+
27
+
28
+ </head>
29
+ <body>
30
+ <div class="nav_wrap">
31
+ <iframe id="nav" src="file_list.html?1"></iframe>
32
+ <div id="resizer"></div>
33
+ </div>
34
+
35
+ <div id="main" tabindex="-1">
36
+ <div id="header">
37
+ <div id="menu">
38
+
39
+ <a href="_index.html">Index</a> &raquo;
40
+ <span class="title">File: README</span>
41
+
42
+ </div>
43
+
44
+ <div id="search">
45
+
46
+ <a class="full_list_link" id="class_list_link"
47
+ href="class_list.html">
48
+
49
+ <svg width="24" height="24">
50
+ <rect x="0" y="4" width="24" height="4" rx="1" ry="1"></rect>
51
+ <rect x="0" y="12" width="24" height="4" rx="1" ry="1"></rect>
52
+ <rect x="0" y="20" width="24" height="4" rx="1" ry="1"></rect>
53
+ </svg>
54
+ </a>
55
+
56
+ </div>
57
+ <div class="clear"></div>
58
+ </div>
59
+
60
+ <div id="content"><div id='filecontents'>
61
+ <h1 id="label-Ovto">Ovto</h1>
62
+
63
+ <p>Client-side web framework for Opal, inspired by hyperapp</p>
64
+
65
+ <h2 id="label-Documents">Documents</h2>
66
+ <ul><li>
67
+ <p><a href="https://yhara.github.io/ovto/">Book</a></p>
68
+ </li><li>
69
+ <p><a href="https://yhara.github.io/ovto/api/">yardoc</a></p>
70
+ </li></ul>
71
+
72
+ <h2 id="label-Example">Example</h2>
73
+
74
+ <p><img src="screenshot.png"></p>
75
+
76
+ <pre class="code ruby"><code class="ruby"><span class='id identifier rubyid_require'>require</span> <span class='tstring'><span class='tstring_beg'>&#39;</span><span class='tstring_content'>ovto</span><span class='tstring_end'>&#39;</span></span>
77
+
78
+ <span class='kw'>class</span> <span class='const'>MyApp</span> <span class='op'>&lt;</span> <span class='const'><span class='object_link'><a href="Ovto.html" title="Ovto (module)">Ovto</a></span></span><span class='op'>::</span><span class='const'><span class='object_link'><a href="Ovto/App.html" title="Ovto::App (class)">App</a></span></span>
79
+ <span class='kw'>class</span> <span class='const'>State</span> <span class='op'>&lt;</span> <span class='const'><span class='object_link'><a href="Ovto.html" title="Ovto (module)">Ovto</a></span></span><span class='op'>::</span><span class='const'><span class='object_link'><a href="Ovto/State.html" title="Ovto::State (class)">State</a></span></span>
80
+ <span class='id identifier rubyid_item'>item</span> <span class='symbol'>:celsius</span><span class='comma'>,</span> <span class='label'>default:</span> <span class='int'>0</span>
81
+
82
+ <span class='kw'>def</span> <span class='id identifier rubyid_fahrenheit'>fahrenheit</span>
83
+ <span class='lparen'>(</span><span class='id identifier rubyid_celsius'>celsius</span> <span class='op'>*</span> <span class='int'>9</span> <span class='op'>/</span> <span class='float'>5.0</span><span class='rparen'>)</span> <span class='op'>+</span> <span class='int'>32</span>
84
+ <span class='kw'>end</span>
85
+ <span class='kw'>end</span>
86
+
87
+ <span class='kw'>class</span> <span class='const'>Actions</span> <span class='op'>&lt;</span> <span class='const'><span class='object_link'><a href="Ovto.html" title="Ovto (module)">Ovto</a></span></span><span class='op'>::</span><span class='const'><span class='object_link'><a href="Ovto/Actions.html" title="Ovto::Actions (class)">Actions</a></span></span>
88
+ <span class='kw'>def</span> <span class='id identifier rubyid_set_celsius'>set_celsius</span><span class='lparen'>(</span><span class='label'>state:</span><span class='comma'>,</span> <span class='label'>value:</span><span class='rparen'>)</span>
89
+ <span class='kw'>return</span> <span class='lbrace'>{</span><span class='label'>celsius:</span> <span class='id identifier rubyid_value'>value</span><span class='rbrace'>}</span>
90
+ <span class='kw'>end</span>
91
+
92
+ <span class='kw'>def</span> <span class='id identifier rubyid_set_fahrenheit'>set_fahrenheit</span><span class='lparen'>(</span><span class='label'>state:</span><span class='comma'>,</span> <span class='label'>value:</span><span class='rparen'>)</span>
93
+ <span class='id identifier rubyid_new_celsius'>new_celsius</span> <span class='op'>=</span> <span class='lparen'>(</span><span class='id identifier rubyid_value'>value</span> <span class='op'>-</span> <span class='int'>32</span><span class='rparen'>)</span> <span class='op'>*</span> <span class='int'>5</span> <span class='op'>/</span> <span class='float'>9.0</span>
94
+ <span class='kw'>return</span> <span class='lbrace'>{</span><span class='label'>celsius:</span> <span class='id identifier rubyid_new_celsius'>new_celsius</span><span class='rbrace'>}</span>
95
+ <span class='kw'>end</span>
96
+ <span class='kw'>end</span>
97
+
98
+ <span class='kw'>class</span> <span class='const'>View</span> <span class='op'>&lt;</span> <span class='const'><span class='object_link'><a href="Ovto.html" title="Ovto (module)">Ovto</a></span></span><span class='op'>::</span><span class='const'><span class='object_link'><a href="Ovto/Component.html" title="Ovto::Component (class)">Component</a></span></span>
99
+ <span class='kw'>def</span> <span class='id identifier rubyid_render'>render</span><span class='lparen'>(</span><span class='label'>state:</span><span class='rparen'>)</span>
100
+ <span class='id identifier rubyid_o'>o</span> <span class='tstring'><span class='tstring_beg'>&#39;</span><span class='tstring_content'>div</span><span class='tstring_end'>&#39;</span></span> <span class='kw'>do</span>
101
+ <span class='id identifier rubyid_o'>o</span> <span class='tstring'><span class='tstring_beg'>&#39;</span><span class='tstring_content'>span</span><span class='tstring_end'>&#39;</span></span><span class='comma'>,</span> <span class='tstring'><span class='tstring_beg'>&#39;</span><span class='tstring_content'>Celcius:</span><span class='tstring_end'>&#39;</span></span>
102
+ <span class='id identifier rubyid_o'>o</span> <span class='tstring'><span class='tstring_beg'>&#39;</span><span class='tstring_content'>input</span><span class='tstring_end'>&#39;</span></span><span class='comma'>,</span> <span class='lbrace'>{</span>
103
+ <span class='label'>type:</span> <span class='tstring'><span class='tstring_beg'>&#39;</span><span class='tstring_content'>text</span><span class='tstring_end'>&#39;</span></span><span class='comma'>,</span>
104
+ <span class='label'>onchange:</span> <span class='tlambda'>-&gt;</span><span class='lparen'>(</span><span class='id identifier rubyid_e'>e</span><span class='rparen'>)</span><span class='tlambeg'>{</span> <span class='id identifier rubyid_actions'>actions</span><span class='period'>.</span><span class='id identifier rubyid_set_celsius'>set_celsius</span><span class='lparen'>(</span><span class='label'>value:</span> <span class='id identifier rubyid_e'>e</span><span class='period'>.</span><span class='id identifier rubyid_target'>target</span><span class='period'>.</span><span class='id identifier rubyid_value'>value</span><span class='period'>.</span><span class='id identifier rubyid_to_i'>to_i</span><span class='rparen'>)</span> <span class='rbrace'>}</span><span class='comma'>,</span>
105
+ <span class='label'>value:</span> <span class='id identifier rubyid_state'>state</span><span class='period'>.</span><span class='id identifier rubyid_celsius'>celsius</span>
106
+ <span class='rbrace'>}</span>
107
+ <span class='id identifier rubyid_o'>o</span> <span class='tstring'><span class='tstring_beg'>&#39;</span><span class='tstring_content'>span</span><span class='tstring_end'>&#39;</span></span><span class='comma'>,</span> <span class='tstring'><span class='tstring_beg'>&#39;</span><span class='tstring_content'>Fahrenheit:</span><span class='tstring_end'>&#39;</span></span>
108
+ <span class='id identifier rubyid_o'>o</span> <span class='tstring'><span class='tstring_beg'>&#39;</span><span class='tstring_content'>input</span><span class='tstring_end'>&#39;</span></span><span class='comma'>,</span> <span class='lbrace'>{</span>
109
+ <span class='label'>type:</span> <span class='tstring'><span class='tstring_beg'>&#39;</span><span class='tstring_content'>text</span><span class='tstring_end'>&#39;</span></span><span class='comma'>,</span>
110
+ <span class='label'>onchange:</span> <span class='tlambda'>-&gt;</span><span class='lparen'>(</span><span class='id identifier rubyid_e'>e</span><span class='rparen'>)</span><span class='tlambeg'>{</span> <span class='id identifier rubyid_actions'>actions</span><span class='period'>.</span><span class='id identifier rubyid_set_fahrenheit'>set_fahrenheit</span><span class='lparen'>(</span><span class='label'>value:</span> <span class='id identifier rubyid_e'>e</span><span class='period'>.</span><span class='id identifier rubyid_target'>target</span><span class='period'>.</span><span class='id identifier rubyid_value'>value</span><span class='period'>.</span><span class='id identifier rubyid_to_i'>to_i</span><span class='rparen'>)</span> <span class='rbrace'>}</span><span class='comma'>,</span>
111
+ <span class='label'>value:</span> <span class='id identifier rubyid_state'>state</span><span class='period'>.</span><span class='id identifier rubyid_fahrenheit'>fahrenheit</span>
112
+ <span class='rbrace'>}</span>
113
+ <span class='kw'>end</span>
114
+ <span class='kw'>end</span>
115
+ <span class='kw'>end</span>
116
+ <span class='kw'>end</span>
117
+
118
+ <span class='const'>MyApp</span><span class='period'>.</span><span class='id identifier rubyid_run'>run</span><span class='lparen'>(</span><span class='label'>id:</span> <span class='tstring'><span class='tstring_beg'>&#39;</span><span class='tstring_content'>ovto-view</span><span class='tstring_end'>&#39;</span></span><span class='rparen'>)</span>
119
+ </code></pre>
120
+
121
+ <p>See the <a
122
+ href="https://yhara.github.io/ovto/guides/tutorial.html">book</a> for
123
+ details.</p>
124
+
125
+ <h2 id="label-Setup">Setup</h2>
126
+
127
+ <h3 id="label-Static">Static</h3>
128
+
129
+ <p><a href="./example/static">./example/static</a> demonstrates how to convert
130
+ Ovto app into a .js file.</p>
131
+
132
+ <h3 id="label-Ovto+-2B+Sinatra">Ovto + Sinatra</h3>
133
+
134
+ <p><a href="./example/sinatra">./example/sinatra</a> demonstrates how to serve
135
+ Ovto app from Sinatra.</p>
136
+
137
+ <h3 id="label-Ovto+-2B+Rails">Ovto + Rails</h3>
138
+
139
+ <p><a href="./example/rails4">./example/rails4</a> and <a
140
+ href="./example/rails5">./example/rails5</a> are examples to use Ovto on
141
+ Ruby on Rails.</p>
142
+
143
+ <h2 id="label-Acknowledgements">Acknowledgements</h2>
144
+ <ul><li>
145
+ <p><a href="https://github.com/hyperapp/hyperapp">hyperapp</a></p>
146
+ </li></ul>
147
+
148
+ <h2 id="label-Contact">Contact</h2>
149
+
150
+ <p><a
151
+ href="https://github.com/yhara/ovto/issues">github.com/yhara/ovto/issues</a></p>
152
+ </div></div>
153
+
154
+ <div id="footer">
155
+ Generated on Fri Jun 1 21:07:20 2018 by
156
+ <a href="http://yardoc.org" title="Yay! A Ruby Documentation Tool" target="_parent">yard</a>
157
+ 0.9.12 (ruby-2.4.2).
158
+ </div>
159
+
160
+ </div>
161
+ </body>
162
+ </html>