9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
|
# File 'lib/glimmer/helpers/glimmer_helper.rb', line 9
def glimmer_component(component_asset_path, *component_args)
component_file = component_asset_path.split('/').last
component_class_name = component_file.classify
next_id_number = GlimmerHelper.next_id_number
component_id = "glimmer_component_#{next_id_number}"
component_script_container_id = "glimmer_component_script_container_#{next_id_number}"
component_args_json = JSON.dump(component_args)
opal_script = " require 'glimmer-dsl-web'\n component_args_json = '\#{component_args_json}'\n component_args = JSON.parse(component_args_json)\n component_args << {} if !component_args.last.is_a?(Hash)\n component_args.last[:parent] = \"#\#{component_id}\"\n \#{component_class_name}.render(*component_args)\n OPAL\n js_script = <<~JAVASCRIPT\n Opal.eval(`\#{opal_script}`)\n JAVASCRIPT\n content_tag(:div, id: component_script_container_id, class: ['glimmer_component_script_container', \"\#{component_file}_script_container\"], 'data-turbo': 'false') do\n content_tag(:div, '', id: component_id, class: ['glimmer_component', component_file]) +\n javascript_include_tag(component_asset_path, \"data-turbolinks-track\": \"reload\") +\n content_tag(:script, raw(js_script), type: 'application/javascript', \"data-turbo-eval\": \"false\")\n end\nend\n"
|