feat: add data-textlint-editor-embedded

textlint · Apr 18, 2021 · 252b594 · 252b594
1 parent a65599a
commit 252b594
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 4 deletions.
diff --git a/packages/@textlint/website-generator/template/index.html b/packages/@textlint/website-generator/template/index.html
@@ -230,7 +230,7 @@
         }
     </style>
 </head>
-<body>
+<body data-textlint-editor-embedded>
 <div class="content">
     <main class="main">
         <label for="input">Input text for linting:</label>
@@ -247,7 +247,7 @@
     <div id="metadata" class="metadata"></div>
 </div>
 <aside class="side">
-    <div id="js-status" class="status"></div>
+    <div id="js-status" class="status">Loading...</div>
 </aside>
 <script type="module">
     import { run } from "https://cdn.skypack.dev/textchecker-element/public-dist/textchecker-element.es.js";

diff --git a/packages/textchecker-element/public/index.html b/packages/textchecker-element/public/index.html
@@ -230,7 +230,7 @@
         }
     </style>
 </head>
-<body>
+<body data-textlint-editor-embedded>
 <div class="content">
     <main class="main">
         <label for="input">Input text for linting:</label>
@@ -247,7 +247,7 @@
     <div id="metadata" class="metadata"></div>
 </div>
 <aside class="side">
-    <div id="js-status" class="status"></div>
+    <div id="js-status" class="status">Loading...</div>
 </aside>
 <script type="module">
     import { run } from "/public/index.ts";

diff --git a/packages/webextension/app/scripts/pageScript.ts b/packages/webextension/app/scripts/pageScript.ts
@@ -72,8 +72,15 @@ const lintEngine: LintEngineAPI = {
 const isHTMLTextAreaElement = (element: Element): element is HTMLTextAreaElement => {
     return element.tagName.toLowerCase() === "textarea";
 };
+const shouldSkipPage = () => {
+    return document.body.dataset.textlintEditorEmbedded !== undefined;
+};
 
 async function contentScriptMain() {
+    if (shouldSkipPage()) {
+        logger.log("Skip @textlint/editor because this page already has been embedded.");
+        return;
+    }
     const set = new WeakSet<HTMLTextAreaElement>();
     const callback = (textAreaElement: HTMLTextAreaElement) => {
         if (set.has(textAreaElement)) {