Module: FastComments::Jekyll::SelectorWidget

Defined in:
lib/fastcomments/jekyll/selector_widget.rb

Overview

Renders a selector widget that attaches to an existing element via a CSS selector (collab chat, image chat). Port of renderSelectorWidget.

Class Method Summary collapse

Class Method Details

.render(spec, config) ⇒ Object 



8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
 
# File 'lib/fastcomments/jekyll/selector_widget.rb', line 8

def render(spec, config)
  clean = Util.sanitize_config(config)
  target = clean["target"]

  unless target.is_a?(String) && !target.empty?
    raise Liquid::SyntaxError,
          "#{spec[:shortcode_name]} tag requires a \"target\" option (CSS selector for the target element)."
  end

  clean = clean.reject { |key, _| key == "target" }
  region = clean["region"]
  script_src = "#{Util.get_cdn_base(region)}#{spec[:script_path]}"

  global_name = spec[:global_name]
  slow_warn = "FastComments #{spec[:shortcode_name]} script did not load within 5s; continuing to retry every 1s."

  "<script>" \
    "(function(){" \
    "var target=#{Util.json_for_script(target)};" \
    "var config=#{Util.json_for_script(clean)};" \
    "var scriptSrc=#{Util.json_for_script(script_src)};" \
    "var marker=#{Util.json_for_script(spec[:script_marker_attr])};" \
    "var startedAt=Date.now();" \
    "var warned=false;" \
    "function schedule(){var elapsed=Date.now()-startedAt;" \
    "if(elapsed>=5000&&!warned){warned=true;console.warn(#{Util.json_for_script(slow_warn)});}" \
    "setTimeout(init,elapsed<5000?50:1000);}" \
    "function init(){if(window.#{global_name}){var el=document.querySelector(target);" \
    "if(el){window.#{global_name}(el,config);}}else{schedule();}}" \
    "if(!document.querySelector('script['+marker+']')){" \
    "var s=document.createElement('script');" \
    "s.src=scriptSrc;" \
    "s.setAttribute(marker,'');" \
    "document.head.appendChild(s);" \
    "}" \
    "init();" \
    "})();" \
    "</script>"
end