# backtick_javascript: true

module Preact::SvgElements
  # https://www.w3.org/TR/SVG11/eltindex.html + https://www.w3.org/TR/SVG2/eltindex.htm
  SUPPORTED_SVG_ELEMENTS = %w[
    a abbr address area article aside audio
    b base bdi bdo blockquote body br button
    canvas caption cite code col colgroup
    data datalist dd del details dfn dialog div dl dt
    em embed
    fieldset figcaption figure footer form
    h1 h2 h3 h4 h5 h6 head header hgroup hr html
    i iframe img input ins
    kbd
    label legend li link
    main map mark math menu meta meter
    nav noscript
    object ol optgroup option output
    p picture pre progress
    q
    rp rt ruby
    s samp script section select slot small source span strong style sub summary sup svg
    table tbody td template textarea tfoot th thead time title tr track
    u ul
    var video
    wbr
    altGlyph altGlyphDef altGlyphItem animate animateColor animateMotion animateTransform audio
    circle clipPath color-profile cursor
    defs desc discard
    ellipse
    feBlend feColorMatrix feComponentTransfer feComposite feConvolveMatrix feDiffuseLighting
    feDisplacementMap feDistantLight feDropShadow feFlood feFuncA feFuncB feFuncG feFuncR feGaussianBlur
    feImage feMerge feMergeNode feMorphology feOffset fePointLight feSpecularLighting
    feSpotLight feTile feTurbulence
    filter font font-face font-face-format font-face-name font-face-src font-face-uri foreignObject
    g glyph glyphRef
    hkern
    image
    line linearGradient
    marker mask metadata missing-glyph mpath
    path pattern polygon polyline
    radialGradient rect
    set stop switch symbol
    text textPath tspan
    unknown use
    view vkern
  ]

  if RUBY_ENGINE == 'opal'
    %x{
      const $op = Opal.Preact;
    }

    SUPPORTED_SVG_ELEMENTS.each do |element|
      define_method(element.underscore.JS.toUpperCase()) do |props = nil, &block|
        %x{
          if (typeof block === 'function') $op.$_render_element.$$p = block;
          $op.$_render_element(element, props, block)
        }
      end
    end
  else
    SUPPORTED_SVG_ELEMENTS.each do |element|
      define_method(element.to_s.underscore.upcase.to_sym) do |props = nil, &block|
        ::Preact._render_element(element, props, &block)
      end
    end
  end
end