清蒸萌新literal @[email protected]

registePartial(){
  var partials_path = join(this.theme_path, 'partials')

  // 当前遍历的目录
  var travel_dirs = []
  travel_dirs.push(partials_path) // 遍历根目录

  // 遇到的新目录
  var new_dirs = []
  while(travel_dirs.length > 0)
  {
    travel_dirs.forEach((dir) => {
      var files = readdirSync(dir, {encoding: 'utf-8', withFileTypes: true})
      files.forEach((file) => {
        // 如果是目录则遍历
        if (file.isDirectory())
        {
          new_dirs.push(join(dir, file.name))
          return
        }

        // .hbs
        var reresult = /(?<name>.*)\.hbs$/.exec(relative(partials_path, join(dir, file.name)))
        if (reresult != null)
        {
          var registeName = reresult.groups["name"].split(sep).join('/')

          console.log(`handlebars registe: ${registeName}`);

          // 注册
          this.handlebars.registerPartial(
            registeName,
            readFileSync(join(dir, file.name), {encoding: 'utf-8'})
          )
        }
      })
    })
    // 下次遍历
    travel_dirs = new_dirs
    new_dirs = []
  }
}

function getTemplate()
{
  var template = document.createDocumentFragment()
  template.appendChild((()=>{
    var p = document.createElement("p")
    p.appendChild((()=>{
      var textnode = document.createTextNode("component: ")
      return textnode
    })())
    p.appendChild((()=>{
      var span = document.createElement("span")
      span.textContent = "create"
      return span
    })())
    return p
  })())
  template.appendChild((()=>{
    var p = document.createElement("p")
    p.textContent = "content"
    return p
  })())
  return template
}

class LiteralElem extends HTMLElement
{
  constructor()
  {
    super()

    var shadow = this.attachShadow({mode:"closed"})
    shadow.appendChild(getTemplate())
  }
}

window.customElements.define("literal-elem", LiteralElem)

data = [...]
var chart_height = 200
var bar_width = 30
var bar_gap = 10

var svg = d3.select("svg")

svg.append("defs").append("style").text(`
rect
{
fill: #6495ed;
}
rect:hover
{
fill: #000;
}
`)

svg.selectAll("rect")
.data(data)
.append("rect")
.attr("x", (d, i)=> i * (bar_width + bar_gap) )
.attr("y", (d)=>chart_height - d )
.attr("width", bar_width)
.attr("height", (d)=>d)