@riebeckite/plugin-text-fragment 0.0.3 → 0.0.6

package/README.md

@@ -67,4 +67,4 @@ The fragment follows `#:~:text=[prefix-,]start[,end][,-suffix]`:
 
 ## See also
 
-- [Plugin guide](../../docs/plugins_en.md)
+- [Plugin guide](../../../docs/en/plugin-system.md)

package/README_ja.md

@@ -2,7 +2,7 @@
 
 記事内で選択したテキストから、Text Fragment のディープリンク（`#:~:text=`）と Markdown の引用を作るプラグインです。
 
-[English](./README_en.md)
+[English](./README.md)
 
 ## できること
 

package/dist/client.js

@@ -71,8 +71,10 @@ function initTextFragmentShare() {
   status.className = "rr-text-fragment__status";
   status.setAttribute("role", "status");
   status.setAttribute("aria-live", "polite");
-  actions.append(linkButton, quoteButton);
-  popover.append(actions, status);
+  actions.appendChild(linkButton);
+  actions.appendChild(quoteButton);
+  popover.appendChild(actions);
+  popover.appendChild(status);
   document.body.appendChild(popover);
   let active = null;
   let isCopying = false;

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import { type RiebeckitePlugin } from "@riebeckite/core";
-export { buildQuoteMarkdown, buildTextFragmentUrl, encodeTextFragment, type TextFragmentOptions, } from "./src/text-fragment.js";
 export { initTextFragmentShare } from "./src/text-fragment.client.js";
+export { buildQuoteMarkdown, buildTextFragmentUrl, encodeTextFragment, type TextFragmentOptions, } from "./src/text-fragment.js";
 /**
  * Registers the client-only text fragment share plugin: a selection popover
  * that copies a `#:~:text=` deep link or a Markdown quote.

package/dist/index.js

@@ -78,8 +78,10 @@ function initTextFragmentShare() {
   status.className = "rr-text-fragment__status";
   status.setAttribute("role", "status");
   status.setAttribute("aria-live", "polite");
-  actions.append(linkButton, quoteButton);
-  popover.append(actions, status);
+  actions.appendChild(linkButton);
+  actions.appendChild(quoteButton);
+  popover.appendChild(actions);
+  popover.appendChild(status);
   document.body.appendChild(popover);
   let active = null;
   let isCopying = false;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@riebeckite/plugin-text-fragment",
-  "version": "0.0.3",
+  "version": "0.0.6",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./dist/index.js",
@@ -21,7 +21,7 @@
     "./style.css": "./style.css"
   },
   "dependencies": {
-    "@riebeckite/core": "0.0.3"
+    "@riebeckite/core": "0.0.6"
   },
   "devDependencies": {
     "tsx": "^4.22.4"

package/style.css

@@ -1,53 +1,53 @@
-.rr-text-fragment {
-  position: fixed;
-  z-index: 900;
-  display: grid;
-  gap: 4px;
-  padding: 6px;
-  border: 1px solid var(--rb-color-border-strong, #9a9a9a);
-  background: var(--rb-color-surface, #ffffff);
-  color: var(--rb-color-ink, #1a1a1a);
-}
-
-.rr-text-fragment[hidden] {
-  display: none;
-}
-
-.rr-text-fragment__actions {
-  display: flex;
-  gap: 4px;
-}
-
-.rr-text-fragment__button {
-  border: 1px solid var(--rb-color-border, #d0d0d0);
-  background: transparent;
-  color: inherit;
-  padding: 4px 10px;
-  font: inherit;
-  font-size: 0.8rem;
-  line-height: 1.4;
-  white-space: nowrap;
-  cursor: pointer;
-}
-
-.rr-text-fragment__button:hover {
-  border-color: var(--rb-color-accent, #686868);
-  color: var(--rb-color-accent, #686868);
-}
-
-.rr-text-fragment__button:focus-visible {
-  outline: 2px solid var(--rb-color-accent, #686868);
-  outline-offset: 1px;
-}
-
-.rr-text-fragment__status {
-  margin: 0;
-  max-width: 16rem;
-  font-size: 0.72rem;
-  line-height: 1.4;
-  color: var(--rb-color-muted, #5a5a5a);
-}
-
-.rr-text-fragment__status:empty {
-  display: none;
-}
+.rr-text-fragment {
+  position: fixed;
+  z-index: 900;
+  display: grid;
+  gap: 4px;
+  padding: 6px;
+  border: 1px solid var(--rb-color-border-strong, #9a9a9a);
+  background: var(--rb-color-surface, #ffffff);
+  color: var(--rb-color-ink, #1a1a1a);
+}
+
+.rr-text-fragment[hidden] {
+  display: none;
+}
+
+.rr-text-fragment__actions {
+  display: flex;
+  gap: 4px;
+}
+
+.rr-text-fragment__button {
+  border: 1px solid var(--rb-color-border, #d0d0d0);
+  background: transparent;
+  color: inherit;
+  padding: 4px 10px;
+  font: inherit;
+  font-size: 0.8rem;
+  line-height: 1.4;
+  white-space: nowrap;
+  cursor: pointer;
+}
+
+.rr-text-fragment__button:hover {
+  border-color: var(--rb-color-accent, #686868);
+  color: var(--rb-color-accent, #686868);
+}
+
+.rr-text-fragment__button:focus-visible {
+  outline: 2px solid var(--rb-color-accent, #686868);
+  outline-offset: 1px;
+}
+
+.rr-text-fragment__status {
+  margin: 0;
+  max-width: 16rem;
+  font-size: 0.72rem;
+  line-height: 1.4;
+  color: var(--rb-color-muted, #5a5a5a);
+}
+
+.rr-text-fragment__status:empty {
+  display: none;
+}