local header, aside, footer, div, svg, title, script, g, path, h1, span, b, a, img
do
  local _obj_0 = require('mmm.dom')
  header, aside, footer, div, svg, title, script, g, path, h1, span, b, a, img = _obj_0.header, _obj_0.aside, _obj_0.footer, _obj_0.div, _obj_0.svg, _obj_0.title, _obj_0.script, _obj_0.g, _obj_0.path, _obj_0.h1, _obj_0.span, _obj_0.b, _obj_0.a, _obj_0.img
end
local navigate_to
navigate_to = (require('mmm.mmmfs.util'))(require('mmm.dom')).navigate_to
local get_plugins
get_plugins = require('mmm.mmmfs.meta').get_plugins
local unpack = unpack or table.unpack
local pick
pick = function(...)
  local num = select('#', ...)
  local i = math.ceil(math.random() * num)
  return (select(i, ...))
end
local iconlink
iconlink = function(href, src, alt, style)
  return a({
    class = 'iconlink',
    target = '_blank',
    rel = 'me',
    href = href,
    img({
      src = src,
      alt = alt,
      style = style
    })
  })
end
local logo = svg({
  class = 'sun',
  viewBox = '0 0 1 1',
  xmlns = 'http://www.w3.org/2000/svg',
  baseProfile = 'full',
  version = '1.1',
  title('Home'),
  g({
    transform = 'translate(0.5, 0.52)',
    g({
      class = 'circle out',
      path({
        fill = 'none',
        ['stroke-width'] = 0.053,
        d = 'M 0.5 0.15625 C 0.44839986 0.15625 0.22697194 0.28343797 0.20117188 0.328125 C 0.17537181 0.37281203 0.1753718 0.62718797 0.20117188 0.671875 C 0.22697195 0.71656203 0.44839986 0.84375 0.5 0.84375 C 0.55160014 0.84375 0.77302806 0.71656203 0.79882812 0.671875 C 0.82462819 0.62718797 0.8246282 0.37281203 0.79882812 0.328125 C 0.77302805 0.28343797 0.55160014 0.15625 0.5 0.15625 z',
        transform = 'translate(-0.5, -0.5)'
      })
    }),
    g({
      class = 'circle in',
      path({
        stroke = 'none',
        d = 'M 0.50195312 0.38476562 C 0.4851293 0.38476563 0.41466191 0.42683639 0.40625 0.44140625 C 0.39783809 0.45597611 0.39783809 0.53816452 0.40625 0.55273438 C 0.41466191 0.56730423 0.4851293 0.609375 0.50195312 0.609375 C 0.51877695 0.609375 0.59119746 0.56730423 0.59960938 0.55273438 C 0.60802129 0.53816452 0.60802129 0.45597611 0.59960938 0.44140625 C 0.59119746 0.42683639 0.51877695 0.38476562 0.50195312 0.38476562 z',
        transform = 'translate(-0.5, -0.5)'
      })
    })
  })
})
local gen_header
gen_header = function()
  return header({
    div({
      h1({
        navigate_to('', logo, {
          title = 'Home'
        }),
        span({
          span('hw', {
            class = 'bold'
          }),
          '​',
          '.s‑ol.nu'
        })
      }),
      "low-profile hexagon keyboards."
    })
  })
end
footer = footer({
  span({
    "made with \xe2\x98\xbd by ",
    a('s-ol', {
      href = 'https://s-ol.nu'
    }),
    ", " .. tostring(os.date('%Y'))
  }),
  div({
    style = 'flex: 1'
  }),
  a({
    target = '_blank',
    rel = 'license',
    href = 'http://creativecommons.org/licenses/by/4.0/',
    img({
      src = '/static/icons/cc-by: image/png',
      alt = 'Creative Commons Attribution 4.0 International License'
    })
  }),
  div({
    class = 'icons',
    iconlink('https://merveilles.town/@s_ol', '/static/icons/mastodon: image/svg+xml', 'mastodon'),
    iconlink('https://twitter.com/S0lll0s', '/static/icons/twitter: image/svg+xml', 'twitter'),
    iconlink('https://www.youtube.com/channel/UCWBiBzZvRzf0hzHbsJnwqsA', '/static/icons/youtube: image/svg+xml', 'youtube'),
    iconlink('https://instagram.com/s_ol.pics', '/static/icons/instagram: image/svg+xml', 'instagram')
  })
})
local get_header_tags
get_header_tags = function(self)
  local title_text = (self:get('title: text/plain')) or self:gett('name: alpha')
  local l
  l = function(str)
    str = str:gsub('[%s\n]+$', '')
    return str:gsub('\n', ' ')
  end
  local e
  e = function(str)
    return string.format('%q', l(str))
  end
  local meta = "\n    <meta charset=\"UTF-8\">\n    <title>" .. tostring(l(title_text)) .. "</title>\n  "
  do
    local page_meta = self:get('_meta: mmm/dom')
    if page_meta then
      meta = meta .. page_meta
    else
      meta = meta .. "\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n\n    <meta property=\"og:title\" content=" .. tostring(e(title_text)) .. " />\n    <meta property=\"og:type\"  content=\"website\" />\n    <meta property=\"og:url\"   content=\"https://hw.s-ol.nu" .. tostring(self.path) .. "/\" />\n    <meta property=\"og:site_name\" content=\"mmm\" />"
      do
        local url = (self:get('_image: URL -> image/jpeg')) or self:get('preview: URL -> image/jpeg')
        if url then
          meta = meta .. "\n    <meta property=\"og:image\" content=" .. tostring(e(url)) .. " />"
        end
      end
      do
        local desc = self:get('_description: text/plain')
        if desc then
          meta = meta .. "\n    <meta property=\"og:description\" content=" .. tostring(e(desc)) .. " />\n    <meta name=\"description\" content=" .. tostring(e(desc)) .. " />"
        end
      end
      do
        local keywords = self:get('_keywords: text/plain')
        if keywords then
          meta = meta .. "\n    <meta name=\"keywords\" content=" .. tostring(e(keywords)) .. " />"
        end
      end
      do
        local url = self:get('_canonical: URL')
        if url then
          meta = meta .. "\n    <link rel=\"canonical\" href=" .. tostring(e(url)) .. " />"
        end
      end
    end
  end
  return meta
end
local get_plugin_snippets
get_plugin_snippets = function(self, type)
  local buf = ''
  for plugin in get_plugins(self) do
    do
      local snippet = plugin:get(type)
      if snippet then
        buf = buf .. snippet
      end
    end
  end
  return buf
end
local render
render = function(content, fileder, opts)
  if opts == nil then
    opts = { }
  end
  opts.meta = opts.meta or get_header_tags(fileder)
  opts.scripts = opts.scripts or ''
  if not (opts.noview) then
    content = [[      <div class="view main">
        <div class="content">
      ]] .. content .. [[        </div>
      </div>
    ]]
  end
  local buf = [[<!DOCTYPE html>
<html lang="en">
  <head>]]
  buf = buf .. (function()
    if STATIC then
      return STATIC.style
    else
      return [[<link rel="stylesheet" type="text/css" href="/static/style/:text/css" />]]
    end
  end)()
  buf = buf .. "\n    " .. tostring(get_plugin_snippets(fileder, 'styles: text/html+frag')) .. "\n    " .. tostring(opts.meta) .. "\n  </head>\n  <body>\n    " .. tostring(gen_header()) .. "\n\n    " .. tostring(content) .. "\n\n    " .. tostring(footer) .. "\n    " .. tostring(get_plugin_snippets(fileder, 'scripts: text/html+frag'))
  buf = buf .. (function()
    if STATIC then
      return ''
    else
      return [[    <script type="text/javascript" src="/static/highlight-pack/:text/javascript"></script>
    <script type="text/javascript">hljs.initHighlighting()</script>]]
    end
  end)()
  buf = buf .. opts.scripts
  if STATIC then
    buf = buf .. STATIC.scripts
  end
  buf = buf .. "\n  </body>\n</html>"
  return buf
end
return {
  {
    inp = 'mmm/dom',
    out = 'text/html',
    cost = 3,
    transform = function(self, html, fileder)
      return render(html, fileder)
    end
  },
  {
    inp = 'mmm/dom%+noview',
    out = 'text/html',
    cost = 3,
    transform = function(self, html, fileder)
      return render(html, fileder, {
        noview = true
      })
    end
  }
}