/**
 * @param {String} HTML representing a single element
 * @return {Element}
 */
function htmlToElement(html) {
    var template = document.createElement('template');
    html = html.trim(); // Never return a text node of whitespace as the result
    template.innerHTML = html;
    return template.content.firstChild;
}

var td = htmlToElement('<td>foo</td>'),
    div = htmlToElement('<div><span>nested</span> <span>stuff</span></div>');

/**
 * @param {String} HTML representing any number of sibling elements
 * @return {NodeList} 
 */
function htmlToElements(html) {
    var template = document.createElement('template');
    template.innerHTML = html;
    return template.content.childNodes;
}

var rows = htmlToElements('<tr><td>foo</td></tr><tr><td>bar</td></tr>');

let targetNode = document.getElementById('test')

function workOnClassAdd() {
    alert("I'm triggered when the class is added")
}

function workOnClassRemoval() {
    alert("I'm triggered when the class is removed")
}

// watch for a specific class change
let classWatcher = new ClassWatcher(targetNode, 'trigger', workOnClassAdd, workOnClassRemoval)

// tests:
targetNode.classList.add('trigger') // triggers workOnClassAdd callback
targetNode.classList.add('trigger') // won't trigger (class is already exist)
targetNode.classList.add('another-class') // won't trigger (class is not watched)
targetNode.classList.remove('trigger') // triggers workOnClassRemoval callback
targetNode.classList.remove('trigger') // won't trigger (class was already removed)
targetNode.setAttribute('disabled', true) // won't trigger (the class is unchanged)

class ClassWatcher {

    constructor(targetNode, classToWatch, classAddedCallback, classRemovedCallback) {
        this.targetNode = targetNode
        this.classToWatch = classToWatch
        this.classAddedCallback = classAddedCallback
        this.classRemovedCallback = classRemovedCallback
        this.observer = null
        this.lastClassState = targetNode.classList.contains(this.classToWatch)

        this.init()
    }

    init() {
        this.observer = new MutationObserver(this.mutationCallback)
        this.observe()
    }

    observe() {
        this.observer.observe(this.targetNode, { attributes: true })
    }

    disconnect() {
        this.observer.disconnect()
    }

    mutationCallback = mutationsList => {
        for(let mutation of mutationsList) {
            if (mutation.type === 'attributes' && mutation.attributeName === 'class') {
                let currentClassState = mutation.target.classList.contains(this.classToWatch)
                if(this.lastClassState !== currentClassState) {
                    this.lastClassState = currentClassState
                    if(currentClassState) {
                        this.classAddedCallback()
                    }
                    else {
                        this.classRemovedCallback()
                    }
                }
            }
        }
    }
}

fetch('https://cdn.jsdelivr.net/npm/[email protected]/lodash.min.js')
    .then(response => response.text())
    .then(text => eval(text))

_.cloneDeep(this.queryOptions)

reg, _ := regexp.Compile(`\s+`)
r := reg.ReplaceAll(resBody, []byte(""))

syntax = "proto3";
package tutorial; // 定义报名，避免命名冲突

option go_package="/services";

import "google/protobuf/timestamp.proto";

message Person {
  string name = 1; // 
  int32 id = 2;  // Unique ID number for this person.
  string email = 3;

  enum PhoneType {
    MOBILE = 0;
    HOME = 1;
    WORK = 2;
  }

  message PhoneNumber {
    string number = 1;
    PhoneType type = 2;
  }

  repeated PhoneNumber phones = 4;

  google.protobuf.Timestamp last_updated = 5;
}

// Our address book file is just one of these.
message AddressBook {
  repeated Person people = 1;
}

// 监听页面的加载完成事件
chrome.webNavigation.onCompleted.addListener(
  function (data) {
    // 调用sotrage存放或设置一些数据
    chrome.storage.local.set({ resolvedBuildValue }, function () {
      console.log('Value is set to ' + resolvedBuildValue);
    });
    
    // 调用scripting执行插入脚本的操作
    chrome.scripting.executeScript({
      target: { tabId: data.tabId },
      function: function(){
        // 可以正常的调用document的相关api控制页面内的元素
      },
      // files: ['content-script.js'],
    });

    // 调用scripting执行插入css样式的操作
    chrome.scripting.insertCSS(
      {
        target: { tabId: data.tabId },
        css: 'body{background: red;}', // 一个css样式的字符串
      }
    );
  }
)

interface data {
  frameId: number
  parentFrameId: number
  processId: number
  tabId: number
  timeStamp: number
  url: string

}
interface target {
  tabId:;
  allFrame?: boolean;
}

{
  "user": {
    "name": "",
  },
  "object_attributes": {
    "url":"",
    "action":"",
  }
}

{
    "msgtype": "markdown",
    "text": {
        "content": "【张三】【发起或合并】了mr【[编号](http://123456)】",
        "mentioned_list":["wangqing","@all"]
    }
}