Function PlasmoOverlay

contents/medium.tsx:100–181

()

export const getShadowHostId: PlasmoGetShadowHostId = () => "codebox-medium"

const PlasmoOverlay: FC<PlasmoCSUIProps> = () => {
  const [parseContent, setParseContent] = useParseMarkdown()
  const [allShowTag, setAllShowTag] = useStorage("config-allShowTag", true)
  const [showTag, setShowTag] = useStorage<boolean>("medium-showTag", true)
  const [cssCode, runCss] = useCssCodeHook("medium")
  const [content, setContent] = useEditMarkdown(turndownOption)

  useMessage(async (req, res) => {
    switch (req.name) {
      case "medium-isShow":
        res.send({ isShow: true })
        break
      case "medium-editMarkdown":
        editMarkdown()
        break
      case "medium-downloadMarkdown":
        downloadMarkdown()
        break
      case "medium-downloadHtml":
        downloadHtml()
        break
      case "medium-downloadPdf":
        downloadPdf()
        break
    }
  })

  function getDescription() {
    const summary = document.querySelector<HTMLMetaElement>(
      'meta[name="description"]'
    ).content
    summary && prompt(i18n("getDescription"), summary)
  }

  function downloadPdf() {
    const article = document.querySelector<HTMLElement>("article")
    if (article) {
      Print.print(article, { title: articleTitle })
        .then(() => console.log("Printing complete"))
        .catch((error) => console.error("Printing failed:", error))
    }
  }

  function downloadWord() {
    const dom = document.querySelector("article")
    saveWord(dom, articleTitle)
  }

  function editMarkdown() {
    const dom = document.querySelector("article")
    setContent(dom, articleTitle)
  }

  function downloadMarkdown() {
    const html = document.querySelector("article")
    const markdown = turndownService.turndown(html)
    saveMarkdown(markdown, articleTitle)
  }