|
1
|
|
|
require 'opal' |
|
2
|
|
|
require 'hyalite/logger' |
|
3
|
|
|
require 'hyalite/transaction' |
|
4
|
|
|
require 'hyalite/adler32' |
|
5
|
|
|
require 'hyalite/mount' |
|
6
|
|
|
require 'hyalite/element' |
|
7
|
|
|
require 'hyalite/dom_component' |
|
8
|
|
|
require 'hyalite/text_component' |
|
9
|
|
|
require 'hyalite/dom' |
|
10
|
|
|
|
|
11
|
|
|
module Hyalite |
|
12
|
|
|
class << self |
|
13
|
|
|
RESERVED_PROPS = [:key, :ref, :children] |
|
14
|
|
|
|
|
15
|
|
|
def create_element(type, config = nil, *children) |
|
16
|
|
|
key = nil |
|
17
|
|
|
ref = nil |
|
18
|
|
|
|
|
19
|
|
|
props = {} |
|
20
|
|
|
|
|
21
|
|
|
if config |
|
22
|
|
|
key = config[:key] |
|
23
|
|
|
ref = config[:ref] |
|
24
|
|
|
|
|
25
|
|
|
config.each do |name, value| |
|
26
|
|
|
unless RESERVED_PROPS.include?(name) |
|
27
|
|
|
props[name] = config[name]; |
|
28
|
|
|
end |
|
29
|
|
|
end |
|
30
|
|
|
end |
|
31
|
|
|
|
|
32
|
|
|
props[:children] = case children.length |
|
33
|
|
|
when 0 |
|
34
|
|
|
nil |
|
35
|
|
|
when 1 |
|
36
|
|
|
children.first |
|
37
|
|
|
else |
|
38
|
|
|
children |
|
39
|
|
|
end |
|
40
|
|
|
|
|
41
|
|
|
ElementObject.new(type, key, ref, Hyalite.current_owner, props).tap {|el| element_created(el) } |
|
42
|
|
|
end |
|
43
|
|
|
|
|
44
|
|
|
def element_created(element) |
|
45
|
|
|
return unless @hooks |
|
46
|
|
|
@hooks.each do |hook| |
|
47
|
|
|
hook.call(element) |
|
48
|
|
|
end |
|
49
|
|
|
end |
|
50
|
|
|
|
|
51
|
|
|
def create_element_hook(&block) |
|
52
|
|
|
@hooks ||= [] |
|
53
|
|
|
hook_setter = HookSetter.new(@hooks) |
|
54
|
|
|
yield hook_setter |
|
55
|
|
|
ensure |
|
56
|
|
|
hook_setter.destroy |
|
57
|
|
|
end |
|
58
|
|
|
|
|
59
|
|
|
class HookSetter |
|
60
|
|
|
def initialize(hooks) |
|
61
|
|
|
@hooks = hooks |
|
62
|
|
|
@memo = [] |
|
63
|
|
|
end |
|
64
|
|
|
|
|
65
|
|
|
def hook(&block) |
|
66
|
|
|
@memo << block |
|
67
|
|
|
@hooks << block |
|
68
|
|
|
end |
|
69
|
|
|
|
|
70
|
|
|
def destroy |
|
71
|
|
|
@memo.each do |m| |
|
72
|
|
|
@hooks.delete(m) |
|
73
|
|
|
end |
|
74
|
|
|
end |
|
75
|
|
|
end |
|
76
|
|
|
|
|
77
|
|
|
def fn(&block) |
|
78
|
|
|
Class.new { |
|
79
|
|
|
include Component |
|
80
|
|
|
include Component::ShortHand |
|
81
|
|
|
|
|
82
|
|
|
def self.render_proc=(proc) |
|
83
|
|
|
@render_proc = proc |
|
84
|
|
|
end |
|
85
|
|
|
|
|
86
|
|
|
def self.render_proc |
|
87
|
|
|
@render_proc |
|
88
|
|
|
end |
|
89
|
|
|
|
|
90
|
|
|
def render |
|
91
|
|
|
self.instance_exec(@props, &self.class.render_proc) |
|
92
|
|
|
end |
|
93
|
|
|
}.tap{|cl| cl.render_proc = block } |
|
94
|
|
|
end |
|
95
|
|
|
|
|
96
|
|
|
def instantiate_component(node) |
|
97
|
|
|
node = EmptyComponent.empty_element if node.nil? |
|
98
|
|
|
|
|
99
|
|
|
case node |
|
100
|
|
|
when ElementObject |
|
101
|
|
|
case node.type |
|
102
|
|
|
when String |
|
103
|
|
|
DOMComponent.new node |
|
104
|
|
|
when Class |
|
105
|
|
|
if node.type.include?(InternalComponent) |
|
106
|
|
|
node.type.new |
|
107
|
|
|
elsif node.type.include?(Component) |
|
108
|
|
|
CompositeComponent.new node |
|
109
|
|
|
else |
|
110
|
|
|
raise "Encountered invalid type of Hyalite node. type: #{node.type}" |
|
111
|
|
|
end |
|
112
|
|
|
end |
|
113
|
|
|
when String, Numeric |
|
114
|
|
|
TextComponent.new node |
|
115
|
|
|
when EmptyComponent |
|
116
|
|
|
CompositeComponent.new node |
|
117
|
|
|
else |
|
118
|
|
|
raise "Encountered invalid Hyalite node: #{node}" |
|
119
|
|
|
end |
|
120
|
|
|
end |
|
121
|
|
|
|
|
122
|
|
|
def render(next_element, container, &block) |
|
123
|
|
|
case container |
|
124
|
|
|
when DOM::Node |
|
125
|
|
|
Mount.render_subtree_into_container(next_element, container, &block) |
|
126
|
|
|
when Enumerable |
|
127
|
|
|
container.each {|node| render(next_element, node, &block) } |
|
128
|
|
|
end |
|
129
|
|
|
end |
|
130
|
|
|
|
|
131
|
|
|
def instance_map |
|
132
|
|
|
@instance_map ||= {} |
|
133
|
|
|
end |
|
134
|
|
|
|
|
135
|
|
|
def current_owner(current_owner = nil) |
|
136
|
|
|
if current_owner && block_given? |
|
137
|
|
|
begin |
|
138
|
|
|
@current_owner = current_owner |
|
139
|
|
|
yield(@current_owner) |
|
140
|
|
|
ensure |
|
141
|
|
|
@current_owner = nil |
|
142
|
|
|
end |
|
143
|
|
|
else |
|
144
|
|
|
@current_owner |
|
145
|
|
|
end |
|
146
|
|
|
end |
|
147
|
|
|
|
|
148
|
|
|
def find_dom_node(component_or_element) |
|
149
|
|
|
return component_or_element if component_or_element.respond_to?(:node_type) && component_or_element.element? |
|
150
|
|
|
|
|
151
|
|
|
if instance_map.has_key?(component_or_element) |
|
152
|
|
|
return Mount.node(instance_map[component_or_element].root_node_id) |
|
153
|
|
|
end |
|
154
|
|
|
end |
|
155
|
|
|
end |
|
156
|
|
|
end |
|
157
|
|
|
|