atome 0.5.1.9 → 0.5.2.7
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/Rakefile +22 -5
- data/lib/atome/atome.rb +46 -21
- data/lib/atome/extensions/atome.rb +5 -26
- data/lib/atome/extensions/geolocation.rb +0 -1
- data/lib/atome/extensions/matrix.rb +171 -0
- data/lib/atome/extensions/ping.rb +9 -11
- data/lib/atome/genesis/generators/atome.rb +14 -2
- data/lib/atome/genesis/generators/communication.rb +1 -1
- data/lib/atome/genesis/generators/event.rb +32 -3
- data/lib/atome/genesis/generators/identity.rb +32 -0
- data/lib/atome/genesis/generators/material.rb +21 -0
- data/lib/atome/genesis/generators/spatial.rb +1 -0
- data/lib/atome/genesis/generators/time.rb +5 -0
- data/lib/atome/genesis/generators/utility.rb +20 -2
- data/lib/atome/genesis/genesis.rb +4 -4
- data/lib/atome/genesis/sparkle.rb +1 -1
- data/lib/atome/helpers/callbacks.rb +36 -29
- data/lib/atome/helpers/essentials.rb +5 -2
- data/lib/atome/helpers/utilities.rb +59 -10
- data/lib/atome/kernel/universe.rb +3 -7
- data/lib/atome/presets/atome.rb +11 -7
- data/lib/atome/renderers/browser/atome.rb +7 -7
- data/lib/atome/renderers/browser/browser.rb +6 -2
- data/lib/atome/renderers/browser/effect.rb +2 -2
- data/lib/atome/renderers/browser/event.rb +25 -19
- data/lib/atome/renderers/browser/geometry.rb +2 -2
- data/lib/atome/renderers/browser/helpers/animation_helper.rb +69 -0
- data/lib/atome/renderers/browser/helpers/browser_helper.rb +0 -1
- data/lib/atome/renderers/browser/helpers/color_helper.rb +0 -2
- data/lib/atome/renderers/browser/helpers/drag_helper.rb +6 -6
- data/lib/atome/renderers/browser/helpers/effect_helper.rb +1 -0
- data/lib/atome/renderers/browser/helpers/event_helper.rb +59 -0
- data/lib/atome/renderers/browser/helpers/video_helper.rb +10 -3
- data/lib/atome/renderers/browser/identity.rb +10 -3
- data/lib/atome/renderers/browser/material.rb +28 -5
- data/lib/atome/renderers/browser/spatial.rb +36 -5
- data/lib/atome/renderers/browser/time.rb +3 -0
- data/lib/atome/renderers/browser/utility.rb +20 -11
- data/lib/atome/renderers/headless/utility.rb +2 -2
- data/lib/atome/renderers/html/atome.rb +5 -5
- data/lib/atome/renderers/html/effect.rb +1 -1
- data/lib/atome/renderers/html/event.rb +1 -1
- data/lib/atome/renderers/html/geometry.rb +2 -2
- data/lib/atome/renderers/html/html.rb +1 -1
- data/lib/atome/renderers/html/identity.rb +2 -2
- data/lib/atome/renderers/html/spatial.rb +5 -5
- data/lib/atome/renderers/html/utility.rb +7 -7
- data/lib/atome/renderers/server/utility.rb +2 -2
- data/lib/atome/version.rb +1 -1
- data/lib/atome.rb +7 -3
- data/sig/atome.rbs +6 -0
- data/sig/atome_js.rbs +1 -0
- data/vendor/assets/build/css/style.css +23 -16
- data/vendor/assets/build/index.html +4 -2
- data/vendor/assets/build/js/third_parties/wad.min.js +9 -0
- data/vendor/assets/build/medias/audios/Binrpilot.mp3 +0 -0
- data/vendor/assets/build/medias/rubies/examples/_2_solve.rb +24 -2
- data/vendor/assets/build/medias/rubies/examples/_audio.rb +178 -0
- data/vendor/assets/build/medias/rubies/examples/_dataset.rb +80 -0
- data/vendor/assets/build/medias/rubies/examples/_os.rb +29 -0
- data/vendor/assets/build/medias/rubies/examples/_test.rb +1 -0
- data/vendor/assets/build/medias/rubies/examples/_vie.rb +211 -0
- data/vendor/assets/build/medias/rubies/examples/add.rb +25 -0
- data/vendor/assets/build/medias/rubies/examples/animation.rb +81 -0
- data/vendor/assets/build/medias/rubies/examples/{atome.new.rb → atome_new.rb} +5 -5
- data/vendor/assets/build/medias/rubies/examples/bottom.rb +1 -1
- data/vendor/assets/build/medias/rubies/examples/center.rb +21 -0
- data/vendor/assets/build/medias/rubies/examples/clone.rb +35 -0
- data/vendor/assets/build/medias/rubies/examples/color.rb +20 -15
- data/vendor/assets/build/medias/rubies/examples/cursor.rb +7 -0
- data/vendor/assets/build/medias/rubies/examples/delete.rb +25 -3
- data/vendor/assets/build/medias/rubies/examples/drag.rb +3 -2
- data/vendor/assets/build/medias/rubies/examples/edit.rb +12 -0
- data/vendor/assets/build/medias/rubies/examples/empty_atome.rb +12 -0
- data/vendor/assets/build/medias/rubies/examples/hide.rb +7 -0
- data/vendor/assets/build/medias/rubies/examples/markers.rb +48 -0
- data/vendor/assets/build/medias/rubies/examples/matrix.rb +58 -0
- data/vendor/assets/build/medias/rubies/examples/monitoring.rb +22 -11
- data/vendor/assets/build/medias/rubies/examples/play.rb +1 -1
- data/vendor/assets/build/medias/rubies/examples/read.rb +7 -4
- data/vendor/assets/build/medias/rubies/examples/remove.rb +16 -0
- data/vendor/assets/build/medias/rubies/examples/right.rb +1 -1
- data/vendor/assets/build/medias/rubies/examples/shadow.rb +8 -1
- data/vendor/assets/build/medias/rubies/examples/sort.rb +7 -4
- data/vendor/assets/build/medias/rubies/examples/style.rb +4 -0
- data/vendor/assets/build/medias/rubies/examples/touch.rb +50 -7
- data/vendor/assets/build/medias/texts/lorem.txt +1 -0
- metadata +28 -5
- data/vendor/assets/build/medias/rubies/examples/_animation.rb +0 -46
- data/vendor/assets/build/medias/rubies/examples/at.rb +0 -17
@@ -0,0 +1,59 @@
|
|
1
|
+
# frozen_string_literal: true
|
2
|
+
|
3
|
+
# for browser rendering
|
4
|
+
module BrowserHelper
|
5
|
+
|
6
|
+
def self.touch_helper_callback(event, proc)
|
7
|
+
instance_exec(event, &proc) if proc.is_a?(Proc)
|
8
|
+
end
|
9
|
+
|
10
|
+
def self.browser_touch_true(browser_object, proc)
|
11
|
+
`
|
12
|
+
interact('#'+#{browser_object})
|
13
|
+
.on('tap', function (event) {
|
14
|
+
Opal.BrowserHelper.$touch_helper_callback(event,#{proc});
|
15
|
+
})
|
16
|
+
`
|
17
|
+
end
|
18
|
+
|
19
|
+
def self.browser_touch_long(browser_object, proc)
|
20
|
+
`
|
21
|
+
interact('#'+#{browser_object})
|
22
|
+
.on('hold', function (event) {
|
23
|
+
Opal.BrowserHelper.$touch_helper_callback(event,#{proc});
|
24
|
+
})
|
25
|
+
`
|
26
|
+
end
|
27
|
+
|
28
|
+
def self.browser_touch_double(browser_object, proc)
|
29
|
+
`
|
30
|
+
interact('#'+#{browser_object})
|
31
|
+
.on('doubletap', function (event) {
|
32
|
+
Opal.BrowserHelper.$touch_helper_callback(event,#{proc});
|
33
|
+
})
|
34
|
+
`
|
35
|
+
end
|
36
|
+
|
37
|
+
def self.browser_touch_down(browser_object, proc)
|
38
|
+
|
39
|
+
`
|
40
|
+
interact('#'+#{browser_object})
|
41
|
+
.on('down', function (event) {
|
42
|
+
Opal.BrowserHelper.$touch_helper_callback(event,#{proc});
|
43
|
+
})
|
44
|
+
|
45
|
+
`
|
46
|
+
end
|
47
|
+
|
48
|
+
def self.browser_touch_up(browser_object, proc)
|
49
|
+
`
|
50
|
+
interact('#'+#{browser_object})
|
51
|
+
.on('up', function (event) {
|
52
|
+
Opal.BrowserHelper.$touch_helper_callback(event,#{proc});
|
53
|
+
})
|
54
|
+
`
|
55
|
+
end
|
56
|
+
|
57
|
+
end
|
58
|
+
|
59
|
+
|
@@ -24,20 +24,27 @@ module BrowserHelper
|
|
24
24
|
end
|
25
25
|
|
26
26
|
def self.browser_play_video(_value, browser_object_found, atome_hash, atome_object, proc)
|
27
|
+
markers = atome_hash[:markers]
|
28
|
+
markers.each_value do |value|
|
29
|
+
value[:end] = value[:begin] + 0.25 unless value[:end]
|
30
|
+
value[:label] = "label_#{atome_hash[:markers].length}" unless value[:label]
|
31
|
+
end
|
32
|
+
|
27
33
|
browser_object_found.play
|
28
34
|
# TODO : change timeupdate for when possible requestVideoFrameCallback
|
29
35
|
# (opal-browser/opal/browser/event.rb line 36)
|
30
36
|
video_callback = atome_hash[:code] # this is the video callback not the play callback
|
31
37
|
play_callback = proc # this is the video callback not the play callback
|
38
|
+
|
32
39
|
browser_object_found.on(:timeupdate) do |e|
|
33
40
|
current_time = browser_object_found.currentTime
|
34
41
|
# we update the time particle
|
35
|
-
atome_object.time_callback(current_time)
|
42
|
+
atome_object.time_callback(current_time, markers)
|
36
43
|
e.prevent # Prevent the default action (eg. form submission)
|
37
44
|
# You can also use `e.stop` to stop propagating the event to other handlers.
|
38
|
-
|
39
45
|
atome_object.instance_exec(current_time, &video_callback) if video_callback.is_a?(Proc)
|
40
46
|
atome_object.instance_exec(current_time, &play_callback) if play_callback.is_a?(Proc)
|
41
47
|
end
|
42
48
|
end
|
43
|
-
|
49
|
+
|
50
|
+
end
|
@@ -2,15 +2,15 @@
|
|
2
2
|
|
3
3
|
generator = Genesis.generator
|
4
4
|
|
5
|
-
generator.
|
5
|
+
generator.build_render(:browser_id) do |params|
|
6
6
|
browser_object.id = params if @atome[:id] != params
|
7
7
|
end
|
8
8
|
|
9
|
-
generator.
|
9
|
+
generator.build_render(:browser_type) do |params|
|
10
10
|
send("browser_#{params}", user_proc)
|
11
11
|
end
|
12
12
|
|
13
|
-
generator.
|
13
|
+
generator.build_render(:browser_parents) do |parents_found|
|
14
14
|
parents_found.each do |parent_found|
|
15
15
|
BrowserHelper.send("browser_attach_#{@browser_type}", parent_found, @browser_object, @atome)
|
16
16
|
end
|
@@ -22,3 +22,10 @@ generator.build_option(:pre_render_children) do |children_pass|
|
|
22
22
|
atome_found.parents([@atome[:id]])
|
23
23
|
end
|
24
24
|
end
|
25
|
+
|
26
|
+
generator.build_render(:browser_attach) do |parents_found|
|
27
|
+
parents_found.each do |parent_found|
|
28
|
+
BrowserHelper.send("browser_attach_#{@browser_type}", parent_found, @browser_object, @atome)
|
29
|
+
end
|
30
|
+
end
|
31
|
+
|
@@ -2,7 +2,7 @@
|
|
2
2
|
|
3
3
|
generator = Genesis.generator
|
4
4
|
|
5
|
-
generator.
|
5
|
+
generator.build_render(:red) do |value|
|
6
6
|
red = ((@atome[:red] = value) * 255)
|
7
7
|
green = @atome[:green] * 255
|
8
8
|
blue = @atome[:blue] * 255
|
@@ -11,7 +11,7 @@ generator.build_render_method(:red) do |value|
|
|
11
11
|
BrowserHelper.send("browser_colorize_#{@atome[:type]}", color_updated, @atome)
|
12
12
|
end
|
13
13
|
|
14
|
-
generator.
|
14
|
+
generator.build_render(:green) do |value|
|
15
15
|
red = @atome[:red] * 255
|
16
16
|
green = (@atome[:green] = value) * 255
|
17
17
|
blue = @atome[:blue] * 255
|
@@ -20,7 +20,7 @@ generator.build_render_method(:green) do |value|
|
|
20
20
|
BrowserHelper.send("browser_colorize_#{@atome[:type]}", color_updated, @atome)
|
21
21
|
end
|
22
22
|
|
23
|
-
generator.
|
23
|
+
generator.build_render(:blue) do |value|
|
24
24
|
red = @atome[:red] * 255
|
25
25
|
green = @atome[:green] * 255
|
26
26
|
blue = (@atome[:blue] = value) * 255
|
@@ -29,7 +29,7 @@ generator.build_render_method(:blue) do |value|
|
|
29
29
|
BrowserHelper.send("browser_colorize_#{@atome[:type]}", color_updated, @atome)
|
30
30
|
end
|
31
31
|
|
32
|
-
generator.
|
32
|
+
generator.build_render(:alpha) do |value|
|
33
33
|
red = @atome[:red] * 255
|
34
34
|
green = @atome[:green] * 255
|
35
35
|
blue = @atome[:blue] * 255
|
@@ -38,6 +38,29 @@ generator.build_render_method(:alpha) do |value|
|
|
38
38
|
BrowserHelper.send("browser_colorize_#{@atome[:type]}", color_updated, @atome)
|
39
39
|
end
|
40
40
|
|
41
|
-
generator.
|
41
|
+
generator.build_render(:visual) do |value|
|
42
42
|
browser_object.style['font-size'] = "#{value[:size]}px"
|
43
43
|
end
|
44
|
+
|
45
|
+
generator.build_render(:browser_edit) do |value|
|
46
|
+
if value == true
|
47
|
+
caret_color = 'white'
|
48
|
+
user_select = 'text'
|
49
|
+
selection_color= 'blue'
|
50
|
+
else
|
51
|
+
caret_color = 'transparent'
|
52
|
+
user_select = 'none'
|
53
|
+
selection_color= 'transparent'
|
54
|
+
end
|
55
|
+
|
56
|
+
@browser_object.attributes[:contenteditable] = value
|
57
|
+
@browser_object.style['caret-color'] = caret_color
|
58
|
+
@browser_object.style['webkit-user-select'] = user_select
|
59
|
+
@browser_object.style['-moz-user-select'] = user_select
|
60
|
+
@browser_object.style['user-select'] = user_select
|
61
|
+
end
|
62
|
+
|
63
|
+
generator.build_render(:browser_hide) do |value|
|
64
|
+
@browser_object.style[:display] = "none"
|
65
|
+
|
66
|
+
end
|
@@ -2,22 +2,53 @@
|
|
2
2
|
|
3
3
|
generator = Genesis.generator
|
4
4
|
|
5
|
-
generator.
|
5
|
+
generator.build_render(:browser_left) do |value, _user_proc|
|
6
6
|
BrowserHelper.send("browser_left_#{@atome[:type]}", value, @browser_object, @atome)
|
7
7
|
end
|
8
8
|
|
9
|
-
generator.
|
9
|
+
generator.build_render(:browser_right) do |value, _user_proc|
|
10
10
|
BrowserHelper.send("browser_right_#{@atome[:type]}", value, @browser_object, @atome)
|
11
11
|
end
|
12
12
|
|
13
|
-
generator.
|
13
|
+
generator.build_render(:browser_top) do |value, _user_proc|
|
14
14
|
BrowserHelper.send("browser_top_#{@atome[:type]}", value, @browser_object, @atome)
|
15
15
|
end
|
16
16
|
|
17
|
-
generator.
|
17
|
+
generator.build_render(:browser_bottom) do |value, _user_proc|
|
18
18
|
BrowserHelper.send("browser_bottom_#{@atome[:type]}", value, @browser_object, @atome)
|
19
19
|
end
|
20
20
|
|
21
|
-
generator.
|
21
|
+
generator.build_render(:browser_rotate) do |value, _user_proc|
|
22
22
|
@browser_object.style[:transform] = "rotate(#{value}deg)" unless @browser_type == :style
|
23
23
|
end
|
24
|
+
|
25
|
+
generator.build_render(:browser_center) do |value, _user_proc|
|
26
|
+
case value
|
27
|
+
when :horizontal
|
28
|
+
@browser_object.remove_class(:center)
|
29
|
+
@browser_object.remove_class(:center_vertical)
|
30
|
+
@browser_object.add_class(:center_horizontal)
|
31
|
+
@browser_object.style[:bottom] = :auto
|
32
|
+
@browser_object.style[:right] = :auto
|
33
|
+
@browser_object.style[:top] = '0px'
|
34
|
+
@browser_object.style[:left] = '50%'
|
35
|
+
when :vertical
|
36
|
+
@browser_object.remove_class(:center)
|
37
|
+
@browser_object.remove_class(:center_horizontal)
|
38
|
+
@browser_object.add_class(:center_vertical)
|
39
|
+
@browser_object.style[:bottom] = :auto
|
40
|
+
@browser_object.style[:right] = :auto
|
41
|
+
@browser_object.style[:left] = '0px'
|
42
|
+
@browser_object.style[:top] = '50%'
|
43
|
+
else
|
44
|
+
@browser_object.remove_class(:center_vertical)
|
45
|
+
@browser_object.remove_class(:center_horizontal)
|
46
|
+
@browser_object.add_class(:center)
|
47
|
+
@browser_object.style[:bottom] = :auto
|
48
|
+
@browser_object.style[:right] = :auto
|
49
|
+
@browser_object.style[:left] = '50%'
|
50
|
+
@browser_object.style[:top] = '50%'
|
51
|
+
end
|
52
|
+
|
53
|
+
end
|
54
|
+
|
@@ -1,39 +1,48 @@
|
|
1
1
|
# frozen_string_literal: true
|
2
2
|
|
3
3
|
generator = Genesis.generator
|
4
|
-
generator.
|
5
|
-
generator.
|
6
|
-
generator.
|
7
|
-
browser_object&.remove
|
4
|
+
generator.build_render(:browser_bloc)
|
5
|
+
generator.build_render(:browser_render)
|
6
|
+
generator.build_render(:browser_delete) do |params|
|
7
|
+
browser_object&.remove if params == true
|
8
8
|
end
|
9
9
|
|
10
|
-
generator.
|
10
|
+
generator.build_render(:browser_clear) do
|
11
11
|
@atome[:children].each do |child_found|
|
12
12
|
grab(child_found).browser_object&.remove
|
13
13
|
end
|
14
14
|
children([])
|
15
15
|
end
|
16
16
|
|
17
|
-
generator.
|
17
|
+
generator.build_render(:browser_path) do |value|
|
18
18
|
BrowserHelper.send("browser_path_#{@atome[:type]}", value, @browser_object, @atome)
|
19
19
|
end
|
20
20
|
|
21
|
-
generator.
|
21
|
+
generator.build_render(:browser_data) do |data|
|
22
22
|
# according to the type we send the data to different operator
|
23
23
|
type_found = @atome[:type]
|
24
24
|
BrowserHelper.send("browser_data_#{type_found}", data, self)
|
25
25
|
end
|
26
26
|
|
27
|
-
generator.
|
27
|
+
generator.build_render(:browser_schedule) do |format_date, proc|
|
28
28
|
years = format_date[0]
|
29
29
|
months = format_date[1]
|
30
30
|
days = format_date[2]
|
31
31
|
hours = format_date[3]
|
32
32
|
minutes = format_date[4]
|
33
33
|
seconds = format_date[5]
|
34
|
-
|
34
|
+
atome_js.JS.schedule(years, months, days, hours, minutes, seconds, self, proc)
|
35
35
|
end
|
36
36
|
|
37
|
-
generator.
|
38
|
-
|
37
|
+
generator.build_render(:browser_reader) do |file, proc|
|
38
|
+
atome_js.JS.reader(file, self, proc)
|
39
39
|
end
|
40
|
+
|
41
|
+
generator.build_render(:browser_cursor) do |value|
|
42
|
+
@browser_object.style[:cursor] = value
|
43
|
+
end
|
44
|
+
|
45
|
+
generator.build_render(:browser_overflow) do |value|
|
46
|
+
@browser_object.style[:overflow] = value
|
47
|
+
end
|
48
|
+
|
@@ -3,7 +3,7 @@
|
|
3
3
|
|
4
4
|
generator = Genesis.generator
|
5
5
|
|
6
|
-
generator.
|
6
|
+
generator.build_render(:html_shape) do
|
7
7
|
current_atome = @atome
|
8
8
|
id_found = current_atome[:id]
|
9
9
|
@html_object = Html.new
|
@@ -11,7 +11,7 @@ generator.build_render_method(:html_shape) do
|
|
11
11
|
@html_object.attr('id', id_found)
|
12
12
|
end
|
13
13
|
|
14
|
-
generator.
|
14
|
+
generator.build_render(:html_color) do |_value|
|
15
15
|
# we remove previous unused style tag
|
16
16
|
opal_document[id]&.remove
|
17
17
|
red_found = @atome[:red]
|
@@ -24,7 +24,7 @@ generator.build_render_method(:html_color) do |_value|
|
|
24
24
|
# `document.getElementById(#{id}).sheet.cssRules[0].style.backgroundColor = 'red'`
|
25
25
|
end
|
26
26
|
|
27
|
-
generator.
|
27
|
+
generator.build_render(:html_image) do |_user_prc|
|
28
28
|
# id_found = id
|
29
29
|
# instance_exec(&proc) if proc.is_a?(Proc)
|
30
30
|
# DOM do
|
@@ -34,10 +34,10 @@ generator.build_render_method(:html_image) do |_user_prc|
|
|
34
34
|
# @html_type = :image
|
35
35
|
end
|
36
36
|
|
37
|
-
generator.
|
37
|
+
generator.build_render(:html_shadow) do
|
38
38
|
end
|
39
39
|
|
40
|
-
generator.
|
40
|
+
generator.build_render(:html_video) do |_value, _user_proc|
|
41
41
|
# id_found = id
|
42
42
|
# # instance_exec(&proc) if proc.is_a?(Proc)
|
43
43
|
# DOM do
|
@@ -2,10 +2,10 @@
|
|
2
2
|
|
3
3
|
generator = Genesis.generator
|
4
4
|
|
5
|
-
generator.
|
5
|
+
generator.build_render(:html_width) do |value|
|
6
6
|
@html_object.style[:width] = "#{value}px" unless @html_type == :style
|
7
7
|
end
|
8
8
|
|
9
|
-
generator.
|
9
|
+
generator.build_render(:html_height) do |value|
|
10
10
|
@html_object.style[:height] = "#{value}px" unless @html_type == :style
|
11
11
|
end
|
@@ -2,11 +2,11 @@
|
|
2
2
|
|
3
3
|
generator = Genesis.generator
|
4
4
|
|
5
|
-
generator.
|
5
|
+
generator.build_render(:html_type) do |params|
|
6
6
|
send("html_#{params}", user_proc)
|
7
7
|
end
|
8
8
|
|
9
|
-
generator.
|
9
|
+
generator.build_render(:html_parents) do |parents_found|
|
10
10
|
type_found = @atome[:type]
|
11
11
|
parents_found.each do |parent_found|
|
12
12
|
@html_object.send("append_#{type_found}", parent_found)
|
@@ -2,7 +2,7 @@
|
|
2
2
|
|
3
3
|
generator = Genesis.generator
|
4
4
|
|
5
|
-
# generator.
|
5
|
+
# generator.build_render(:html_left) do |_value, user_proc|
|
6
6
|
# instance_exec(&user_proc) if user_proc.is_a?(Proc)
|
7
7
|
# end
|
8
8
|
#
|
@@ -11,18 +11,18 @@ generator = Genesis.generator
|
|
11
11
|
# instance_exec(&user_proc) if user_proc.is_a?(Proc)
|
12
12
|
# end
|
13
13
|
|
14
|
-
generator.
|
14
|
+
generator.build_render(:html_left) do |value, _user_proc|
|
15
15
|
@html_object.style[:left] = "#{value}px" unless @html_type == :style
|
16
16
|
end
|
17
17
|
|
18
|
-
generator.
|
18
|
+
generator.build_render(:html_right) do |value, _user_proc|
|
19
19
|
@html_object.style[:right] = "#{value}px" unless @html_type == :style
|
20
20
|
end
|
21
21
|
|
22
|
-
generator.
|
22
|
+
generator.build_render(:html_top) do |value, _user_proc|
|
23
23
|
@html_object.style[:top] = "#{value}px" unless @html_type == :style
|
24
24
|
end
|
25
25
|
|
26
|
-
generator.
|
26
|
+
generator.build_render(:html_bottom) do |value, _user_proc|
|
27
27
|
@html_object.style[:bottom] = "#{value}px" unless @html_type == :style
|
28
28
|
end
|
@@ -1,17 +1,17 @@
|
|
1
1
|
# frozen_string_literal: true
|
2
2
|
|
3
3
|
generator = Genesis.generator
|
4
|
-
generator.
|
5
|
-
generator.
|
6
|
-
generator.
|
7
|
-
generator.
|
4
|
+
generator.build_render(:html_bloc)
|
5
|
+
generator.build_render(:html_id)
|
6
|
+
generator.build_render(:html_render)
|
7
|
+
generator.build_render(:html_delete) do
|
8
8
|
html_object&.remove
|
9
9
|
end
|
10
|
-
generator.
|
10
|
+
generator.build_render(:html_clear) do
|
11
11
|
@atome[:children].each do |child_found|
|
12
12
|
grab(child_found).html_object&.remove
|
13
13
|
end
|
14
14
|
children([])
|
15
15
|
end
|
16
|
-
generator.
|
17
|
-
generator.
|
16
|
+
generator.build_render(:html_schedule)
|
17
|
+
generator.build_render(:html_reader)
|
data/lib/atome/version.rb
CHANGED
data/lib/atome.rb
CHANGED
@@ -8,6 +8,7 @@ require 'atome/kernel/universe'
|
|
8
8
|
require 'atome/helpers/essentials'
|
9
9
|
require 'atome/renderers/renderer'
|
10
10
|
require 'atome/helpers/color_helper/color'
|
11
|
+
require 'atome/extensions/atome'
|
11
12
|
require 'atome/atome'
|
12
13
|
require 'atome/helpers/utilities'
|
13
14
|
require 'atome/helpers/callbacks'
|
@@ -20,11 +21,14 @@ require 'atome/genesis/generators/geometry'
|
|
20
21
|
require 'atome/genesis/generators/identity'
|
21
22
|
require 'atome/genesis/generators/material'
|
22
23
|
require 'atome/genesis/generators/spatial'
|
24
|
+
require 'atome/genesis/generators/time'
|
23
25
|
require 'atome/genesis/generators/utility'
|
24
|
-
|
25
|
-
require 'atome/renderers/
|
26
|
+
if RUBY_ENGINE.downcase == 'opal'
|
27
|
+
require 'atome/renderers/browser/browser'
|
28
|
+
require 'atome/renderers/html/html'
|
29
|
+
end
|
26
30
|
require 'atome/renderers/headless/headless'
|
27
31
|
require 'atome/renderers/server/server'
|
28
|
-
require 'atome/extensions/
|
32
|
+
require 'atome/extensions/matrix'
|
29
33
|
require 'atome/helpers/sanitizer'
|
30
34
|
require 'atome/genesis/sparkle'
|
data/sig/atome.rbs
CHANGED
data/sig/atome_js.rbs
ADDED
@@ -0,0 +1 @@
|
|
1
|
+
ATOME_JS: untyped
|
@@ -69,29 +69,26 @@ html, body {
|
|
69
69
|
-webkit-background-clip: text;
|
70
70
|
}
|
71
71
|
|
72
|
-
.
|
73
|
-
|
72
|
+
.center {
|
73
|
+
display: flex;
|
74
|
+
justify-content: center;
|
75
|
+
align-items: center;
|
74
76
|
position: absolute;
|
75
|
-
|
76
|
-
-ms-transform: translateY(-50%);
|
77
|
-
/*transform: translateY(calc(50% - 200px));*/
|
77
|
+
transform: translate(-50%, -50%);
|
78
78
|
}
|
79
79
|
|
80
|
-
.
|
81
|
-
|
80
|
+
.center_vertical {
|
81
|
+
display: flex;
|
82
|
+
align-items: center;
|
82
83
|
position: absolute;
|
83
|
-
|
84
|
-
left: 50%;
|
85
|
-
-ms-transform: translateY(-50%);
|
86
|
-
/* #calc is width -border*2 */
|
87
|
-
/*transform: translateX(calc(50% - 200px)) translateY(calc(50% - 200px));*/
|
84
|
+
transform: translateY(-50%);
|
88
85
|
}
|
89
86
|
|
90
|
-
.
|
87
|
+
.center_horizontal{
|
88
|
+
display: flex;
|
89
|
+
justify-content: center;
|
91
90
|
position: absolute;
|
92
|
-
|
93
|
-
-ms-transform: translateY(-50%);
|
94
|
-
/*transform: translateX(calc(50% - 200px));*/
|
91
|
+
transform: translateX(-50%);
|
95
92
|
}
|
96
93
|
|
97
94
|
.e_align_h_left {
|
@@ -120,3 +117,13 @@ html, body {
|
|
120
117
|
display: flex;
|
121
118
|
align-items: flex-end;
|
122
119
|
}
|
120
|
+
|
121
|
+
/*::selection {*/
|
122
|
+
/* color: transparent;*/
|
123
|
+
/* background: none;*/
|
124
|
+
/*}*/
|
125
|
+
/*!* For Mozilla Firefox *!*/
|
126
|
+
/*::-moz-selection {*/
|
127
|
+
/* color: transparent;*/
|
128
|
+
/* background: none;*/
|
129
|
+
/*}*/
|
@@ -9,6 +9,9 @@
|
|
9
9
|
<script type="text/javascript" src="js/third_parties/interact.min.js"></script>
|
10
10
|
<script type="text/javascript" src="js/third_parties/popmotion.min.js"></script>
|
11
11
|
<script type="text/javascript" src="js/third_parties/sortable.min.js"></script>
|
12
|
+
<script type="text/javascript" src="js/third_parties/wad.min.js"></script>
|
13
|
+
<!-- <script type="text/javascript" src="js/third_parties/tone.min.js"></script>-->
|
14
|
+
<!-- <script type="text/javascript" src="js/third_parties/xsound.min.js"></script>-->
|
12
15
|
<script type="text/javascript" src="js/third_parties/sha256.min.js"></script>
|
13
16
|
<script type="text/javascript" src="js/third_parties/ping.min.js"></script>
|
14
17
|
<!-- <script src='js/third_parties/w3color.js'></script>-->
|
@@ -31,7 +34,6 @@
|
|
31
34
|
<title>atome</title>
|
32
35
|
<link rel="icon" type="image/x-icon" href="./favicon.ico">
|
33
36
|
</head>
|
34
|
-
<body id='user_view' class='atome' oncontextmenu="return false;">
|
35
|
-
</body>
|
37
|
+
<body id='user_view' class='atome' oncontextmenu="return false;"></body>
|
36
38
|
<script src='js/application.js' defer></script>
|
37
39
|
</html>
|