Prettier (#852)

* add prettier * lint-staged * prettier * upgrade husky
2024-03-23 22:00:29 +07:00
parent c22979b10f
commit 5f9a067ab9
113 changed files with 79244 additions and 50841 deletions
@@ -1,91 +1,91 @@
-/** @ts-check */
-
-class AccordionContent extends HTMLElement {
-    constructor() {
-        super();
-        this.gridElement = document.createElement("div");
-    }
-    get content() {
-        return this.gridElement;
-    }
-    connectedCallback() {
-        // create a div that'll animate the collapsing
-        this.gridElement.append(...Array.from(this.childNodes));
-        this.gridElement.classList.add("accordion-animation-content");
-        this.innerHTML = "";
-        this.append(this.gridElement);
-    }
-}
-
-class AccordionHeader extends HTMLElement {
-    constructor() {
-        super();
-        console.log("contructor?");
-        this.btn = document.createElement("button");
-    }
-    get html() {
-        return this.btn.innerHTML;
-    }
-    set html(val) {
-        this.btn.innerHTML = val;
-    }
-    get text() {
-        return this.btn.innerText;
-    }
-    set text(val) {
-        this.btn.innerText = val;
-    }
-    get parentBox() {
-        return this.parentElement;
-    }
-    connectedCallback() {
-        const childNodes = Array.from(this.childNodes);
-        this.innerHTML = "";
-        this.btn.append(...childNodes);
-        this.append(this.btn);
-        this.btn.addEventListener("click", this._btnClicked.bind(this));
-    }
-    _btnClicked() {
-        this.parentBox?.toggle();
-    }
-}
-
-class AccordionBox extends HTMLElement {
-    constructor() {
-        super();
-    }
-    get collapsed() {
-        return this.hasAttribute("collapsed");
-    }
-    set collapsed(val) {
-        if (val) {
-            this.setAttribute("collapsed", "");
-        } else {
-            this.removeAttribute("collapsed");
-        }
-    }
-    toggle() {
-        this.collapsed = !this.collapsed;
-    }
-}
-
-class Accordion extends HTMLElement {
-    constructor() {
-        super();
-    }
-}
-
-window.customElements.define("main-accordion", Accordion);
-window.customElements.define("accordion-box", AccordionBox);
-window.customElements.define("accordion-header", AccordionHeader);
-window.customElements.define("accordion-content", AccordionContent);
-
-// Export types for use in index.js
-const module = {};
-
-module.exports = {
-    AccordionBox,
-    Accordion,
-    AccordionContent,
-    AccordionHeader,
-};
+/** @ts-check */
+
+class AccordionContent extends HTMLElement {
+  constructor() {
+    super();
+    this.gridElement = document.createElement('div');
+  }
+  get content() {
+    return this.gridElement;
+  }
+  connectedCallback() {
+    // create a div that'll animate the collapsing
+    this.gridElement.append(...Array.from(this.childNodes));
+    this.gridElement.classList.add('accordion-animation-content');
+    this.innerHTML = '';
+    this.append(this.gridElement);
+  }
+}
+
+class AccordionHeader extends HTMLElement {
+  constructor() {
+    super();
+    console.log('contructor?');
+    this.btn = document.createElement('button');
+  }
+  get html() {
+    return this.btn.innerHTML;
+  }
+  set html(val) {
+    this.btn.innerHTML = val;
+  }
+  get text() {
+    return this.btn.innerText;
+  }
+  set text(val) {
+    this.btn.innerText = val;
+  }
+  get parentBox() {
+    return this.parentElement;
+  }
+  connectedCallback() {
+    const childNodes = Array.from(this.childNodes);
+    this.innerHTML = '';
+    this.btn.append(...childNodes);
+    this.append(this.btn);
+    this.btn.addEventListener('click', this._btnClicked.bind(this));
+  }
+  _btnClicked() {
+    this.parentBox?.toggle();
+  }
+}
+
+class AccordionBox extends HTMLElement {
+  constructor() {
+    super();
+  }
+  get collapsed() {
+    return this.hasAttribute('collapsed');
+  }
+  set collapsed(val) {
+    if (val) {
+      this.setAttribute('collapsed', '');
+    } else {
+      this.removeAttribute('collapsed');
+    }
+  }
+  toggle() {
+    this.collapsed = !this.collapsed;
+  }
+}
+
+class Accordion extends HTMLElement {
+  constructor() {
+    super();
+  }
+}
+
+window.customElements.define('main-accordion', Accordion);
+window.customElements.define('accordion-box', AccordionBox);
+window.customElements.define('accordion-header', AccordionHeader);
+window.customElements.define('accordion-content', AccordionContent);
+
+// Export types for use in index.js
+const module = {};
+
+module.exports = {
+  AccordionBox,
+  Accordion,
+  AccordionContent,
+  AccordionHeader,
+};
@@ -1,59 +1,57 @@
-// This is an un-browserified version of the script! If you make any changes to this file you need to run
-// npx browserify html-sanitize-nonbrowser.js -o html-sanitize.js
-// for your changes to be visible inside of the browser!
-const sanitizeHtml = require("sanitize-html");
-
-/** @typedef {{removeExtraParagraphSpacing?: boolean}} Options */
-
-const loadingGif =
-    "https://raw.githubusercontent.com/LNReader/lnreader/plugins/android/app/src/main/assets/images/loading.gif";
-
-/**
- *
- * @param {string} html
- * @param {Options?} options
- */
-window.sanitizeChapterText = (html, options) => {
-    if (html) {
-        html = html.replace(/&lt;/g, "<").replace(/&gt;/g, ">");
-    }
-    let text = sanitizeHtml(html, {
-        allowedTags: sanitizeHtml.defaults.allowedTags.concat([
-            "img",
-            "i",
-            "em",
-            "b",
-            "a",
-            "div",
-        ]),
-        allowedAttributes: {
-            img: ["src"],
-            a: ["href"],
-        },
-        allowedSchemes: ["data", "http", "https", "file"],
-    });
-    if (text) {
-        if (options?.removeExtraParagraphSpacing) {
-            text = text
-                .replace(/<\s*br[^>]*>/gi, "\n")
-                .replace(/\n{2,}/g, "\n\n");
-        }
-        const imgHandlerRegex = /<img([^>]*src="[^"]+"[^>]*)>/g;
-        const ttsHandlerRegex =
-            /(< *\w+ *>[^<.?!]+< *\/\w+ *>|< *a *href *= *"[^"]+" *>\s*(<img[^>]+>|[^<]+|(< *\w+ *>[^]+< *\/\w+ *>)*)\s*< *\/a *>|< *img[^>]+>|[^<>.?!]+[.?!])/g;
-        // first -> match whole tags which dont have attribute and [.?!] inside
-        // second -> match a tags and its childs
-        // third -> match img tags
-        // match sentence split by [.?!]
-
-        text = text
-            .replace(
-                imgHandlerRegex,
-                `<img alt="Plugin can't fetch this img" onload="reader.refresh()" onerror="this.setAttribute('error-src', this.src);reader.post({type:'error-img',data:this.src});this.src='${loadingGif}';this.onerror=undefined" $1>`
-            )
-            .replace(ttsHandlerRegex, "<t-t-s>$1</t-t-s>");
-    } else {
-        text = "HTML is empty";
-    }
-    return text;
-};
+// This is an un-browserified version of the script! If you make any changes to this file you need to run
+// npx browserify html-sanitize-nonbrowser.js -o html-sanitize.js
+// for your changes to be visible inside of the browser!
+const sanitizeHtml = require('sanitize-html');
+
+/** @typedef {{removeExtraParagraphSpacing?: boolean}} Options */
+
+const loadingGif =
+  'https://raw.githubusercontent.com/LNReader/lnreader/plugins/android/app/src/main/assets/images/loading.gif';
+
+/**
+ *
+ * @param {string} html
+ * @param {Options?} options
+ */
+window.sanitizeChapterText = (html, options) => {
+  if (html) {
+    html = html.replace(/&lt;/g, '<').replace(/&gt;/g, '>');
+  }
+  let text = sanitizeHtml(html, {
+    allowedTags: sanitizeHtml.defaults.allowedTags.concat([
+      'img',
+      'i',
+      'em',
+      'b',
+      'a',
+      'div',
+    ]),
+    allowedAttributes: {
+      img: ['src'],
+      a: ['href'],
+    },
+    allowedSchemes: ['data', 'http', 'https', 'file'],
+  });
+  if (text) {
+    if (options?.removeExtraParagraphSpacing) {
+      text = text.replace(/<\s*br[^>]*>/gi, '\n').replace(/\n{2,}/g, '\n\n');
+    }
+    const imgHandlerRegex = /<img([^>]*src="[^"]+"[^>]*)>/g;
+    const ttsHandlerRegex =
+      /(< *\w+ *>[^<.?!]+< *\/\w+ *>|< *a *href *= *"[^"]+" *>\s*(<img[^>]+>|[^<]+|(< *\w+ *>[^]+< *\/\w+ *>)*)\s*< *\/a *>|< *img[^>]+>|[^<>.?!]+[.?!])/g;
+    // first -> match whole tags which dont have attribute and [.?!] inside
+    // second -> match a tags and its childs
+    // third -> match img tags
+    // match sentence split by [.?!]
+
+    text = text
+      .replace(
+        imgHandlerRegex,
+        `<img alt="Plugin can't fetch this img" onload="reader.refresh()" onerror="this.setAttribute('error-src', this.src);reader.post({type:'error-img',data:this.src});this.src='${loadingGif}';this.onerror=undefined" $1>`,
+      )
+      .replace(ttsHandlerRegex, '<t-t-s>$1</t-t-s>');
+  } else {
+    text = 'HTML is empty';
+  }
+  return text;
+};
@@ -1,5 +1,5 @@
-interface Window {
-    themes: Record<string, ThemeType>;
-    sanitizeChapterText(html: string, options?: Options);
-    encodeHTML5(html: string, options?: Options);
-}
+interface Window {
+  themes: Record<string, ThemeType>;
+  sanitizeChapterText(html: string, options?: Options);
+  encodeHTML5(html: string, options?: Options);
+}