const config = require('./config')

const build = {
  import: 'prism.css',
  handler(file) {
    if (file.path.includes('prism.css')) {
      var content = file.contents.toString()
      // 将标签名选择器和属性选择器转为 class 选择器（组件内仅支持 class 选择器）
      content = content.replace(/pre([[)])/g, '.hl-pre$1').replace(/code/g, '.hl-code').replace(/\[class\*="language-"\]/g, '').replace(/:not[^,}]+[,}]*/g, '').replace(/\.token\./g, '.hl-')
      file.contents = Buffer.from(content)
    }
  }
}

if (config.showLanguageName || config.showLineNumber)
  // pre 内部的 code 进行滚动，避免行号和语言名称跟随滚动
  build.style = `.hl-pre {
  position: relative;
}
.hl-code {
  overflow: auto;
  display: block;
}`

if (config.copyByLongPress) {
  build.template = `<rich-text wx:if="{{n.attrs['data-content']}}" nodes="{{[n]}}" data-content="{{n.attrs['data-content']}}" data-lang="{{n.attrs['data-lang']}}" bindlongpress="copyCode" />`
  build.methods = {
    copyCode(e) {
      wx.showActionSheet({
        itemList: ['复制代码'],
        success: () =>
          wx.setClipboardData({
            data: e.currentTarget.dataset.content
          })
      })
    }
  }
}

if (config.showLanguageName) {
  build.style = (build.style || '') +
    `.hl-language {
  font-size: .7em;
  font-weight: 600;
  position: absolute;
  right: 8px;
  text-align: right;
  top: 3px;
}`
}

if (config.showLineNumber) {
  build.style = (build.style || '') +
    `.hl-pre {
  padding-left: 3.8em;
  counter-reset: linenumber;
}
.line-numbers-rows {
  position: absolute;
  pointer-events: none;
  top: 1em;
  font-size: 100%;
  left: 0;
  width: 3em; /* works for line-numbers below 1000 lines */
  letter-spacing: -1px;
  border-right: 1px solid #999;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.line-numbers-rows .span {
  display: block;
  counter-increment: linenumber;
} 
.line-numbers-rows .span:before {
  content: counter(linenumber);
  color: #999;
  display: block;
  padding-right: 0.8em;
  text-align: right;
}`
}

module.exports = build
