@riebeckite/plugin-share 0.0.6

package/LICENSE

@@ -0,0 +1,201 @@
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work
+      (an example is provided in the Appendix below).
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship. For the purposes
+      of this License, Derivative Works shall not include works that remain
+      separable from, or merely link (or bind by name) to the interfaces of,
+      the Work and Derivative Works thereof.
+
+      "Contribution" shall mean any work of authorship, including
+      the original version of the Work and any modifications or additions
+      to that Work or Derivative Works thereof, that is intentionally
+      submitted to Licensor for inclusion in the Work by the copyright owner
+      or by an individual or Legal Entity authorized to submit on behalf of
+      the copyright owner. For the purposes of this definition, "submitted"
+      means any form of electronic, verbal, or written communication sent
+      to the Licensor or its representatives, including but not limited to
+      communication on electronic mailing lists, source code control systems,
+      and issue tracking systems that are managed by, or on behalf of, the
+      Licensor for the purpose of discussing and improving the Work, but
+      excluding communication that is conspicuously marked or otherwise
+      designated in writing by the copyright owner as "Not a Contribution."
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      (except as stated in this section) patent license to make, have made,
+      use, offer to sell, sell, import, and otherwise transfer the Work,
+      where such license applies only to those patent claims licensable
+      by such Contributor that are necessarily infringed by their
+      Contribution(s) alone or by combination of their Contribution(s)
+      with the Work to which such Contribution(s) was submitted. If You
+      institute patent litigation against any entity (including a
+      cross-claim or counterclaim in a lawsuit) alleging that the Work
+      or a Contribution incorporated within the Work constitutes direct
+      or contributory patent infringement, then any patent licenses
+      granted to You under this License for that Work shall terminate
+      as of the date such litigation is filed.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or
+          Derivative Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file, excluding those notices that do not
+          pertain to any part of the Derivative Works, in at least one
+          of the following places: within a NOTICE text file distributed
+          as part of the Derivative Works; within the Source form or
+          documentation, if provided along with the Derivative Works; or,
+          within a display generated by the Derivative Works, if and
+          wherever such third-party notices normally appear. The contents
+          of the NOTICE file are for informational purposes only and
+          do not modify the License. You may add Your own attribution
+          notices within Derivative Works that You distribute, alongside
+          or as an addendum to the NOTICE text from the Work, provided
+          that such additional attribution notices cannot be construed
+          as modifying the License.
+
+      You may add Your own copyright statement to Your modifications and
+      may provide additional or different license terms and conditions
+      for use, reproduction, or distribution of Your modifications, or
+      for any such Derivative Works as a whole, provided Your use,
+      reproduction, and distribution of the Work otherwise complies with
+      the conditions stated in this License.
+
+   5. Submission of Contributions. Unless You explicitly state otherwise,
+      any Contribution intentionally submitted for inclusion in the Work
+      by You to the Licensor shall be under the terms and conditions of
+      this License, without any additional terms or conditions.
+      Notwithstanding the above, nothing herein shall supersede or modify
+      the terms of any separate license agreement you may have executed
+      with Licensor regarding such Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor,
+      except as required for reasonable and customary use in describing the
+      origin of the Work and reproducing the content of the NOTICE file.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work (and each
+      Contributor provides its Contributions) on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+      implied, including, without limitation, any warranties or conditions
+      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+      PARTICULAR PURPOSE. You are solely responsible for determining the
+      appropriateness of using or redistributing the Work and assume any
+      risks associated with Your exercise of permissions under this License.
+
+   8. Limitation of Liability. In no event and under no legal theory,
+      whether in tort (including negligence), contract, or otherwise,
+      unless required by applicable law (such as deliberate and grossly
+      negligent acts) or agreed to in writing, shall any Contributor be
+      liable to You for damages, including any direct, indirect, special,
+      incidental, or consequential damages of any character arising as a
+      result of this License or out of the use or inability to use the
+      Work (including but not limited to damages for loss of goodwill,
+      work stoppage, computer failure or malfunction, or any and all
+      other commercial damages or losses), even if such Contributor
+      has been advised of the possibility of such damages.
+
+   9. Accepting Warranty or Additional Liability. While redistributing
+      the Work or Derivative Works thereof, You may choose to offer,
+      and charge a fee for, acceptance of support, warranty, indemnity,
+      or other liability obligations and/or rights consistent with this
+      License. However, in accepting such obligations, You may act only
+      on Your own behalf and on Your sole responsibility, not on behalf
+      of any other Contributor, and only if You agree to indemnify,
+      defend, and hold each Contributor harmless for any liability
+      incurred by, or claims asserted against, such Contributor by reason
+      of your accepting any such warranty or additional liability.
+
+   END OF TERMS AND CONDITIONS
+
+   APPENDIX: How to apply the Apache License to your work.
+
+      To apply the Apache License to your work, attach the following
+      boilerplate notice, with the fields enclosed by brackets "[]"
+      replaced with your own identifying information. (Don't include
+      the brackets!)  The text should be enclosed in the appropriate
+      comment syntax for the file format. We also recommend that a
+      file or class name and description of purpose be included on the
+      same "printed page" as the copyright notice for easier
+      identification within third-party archives.
+
+   Copyright Rerurate_514
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.

package/README.md

@@ -0,0 +1,142 @@
+# @riebeckite/plugin-share
+
+Per-article share controls built at build time. For every published entry the
+plugin builds share URLs for the configured services and injects the controls
+into the rendered HTML. The links are ordinary anchors and work without
+JavaScript; only the copy-link action is a progressive enhancement.
+
+[日本語](./README_ja.md)
+
+## Overview
+
+`share()` resolves each note's `permalink` to an absolute URL, composes the
+service URLs from the note title and URL, and inserts the controls near the
+article. Both `entry.html` and the cached `PostContent.html` that the content
+route renders are updated, so the controls appear on generated pages and in
+feeds.
+
+Supported services:
+
+| Service | Share URL |
+| ------- | --------- |
+| `x` | `https://twitter.com/intent/tweet?url=…&text=…` |
+| `bluesky` | `https://bsky.app/intent/compose?text=…` |
+| `mastodon` | `https://{instance}/share?text=…` |
+| `facebook` | `https://www.facebook.com/sharer/sharer.php?u=…` |
+| `linkedin` | `https://www.linkedin.com/sharing/share-offsite/?url=…` |
+| `hatena` | `https://b.hatena.ne.jp/add?mode=confirm&url=…&title=…` |
+| `copy` | Copies the note URL (button, no JavaScript required for the links) |
+
+`mastodon` is opt-in: add `"mastodon"` to `services` and set
+`mastodonInstance`.
+
+## Usage
+
+```ts
+import { defineConfig } from "@riebeckite/core";
+import { share } from "@riebeckite/plugin-share";
+
+export default defineConfig({
+  // ...
+  plugins: [share()],
+});
+```
+
+Enable Mastodon and change placement:
+
+```ts
+share({
+  services: ["x", "bluesky", "mastodon", "copy"],
+  mastodonInstance: "mastodon.social",
+  placement: "top",
+});
+```
+
+## Options
+
+| Option | Type | Default | Description |
+| ------ | ---- | ------- | ----------- |
+| `services` | `ShareService[]` | every service except `mastodon` | Services to render, in order |
+| `placement` | `"top" \| "bottom"` | `"bottom"` | Where the controls appear |
+| `mastodonInstance` | `string` | none | Mastodon host; required when `services` includes `"mastodon"` |
+| `className` | `string` | none | Extra root class alongside the stable `rr-share` hook |
+| `ariaLabel` | `string` | `"Share"` | Accessible name for the control group |
+| `labels` | `Partial<Record<ShareService, string>>` | built-in labels | Per-service visible labels |
+| `copiedLabel` | `string` | `"Copied"` | Status announced after a successful copy |
+| `copyFailedLabel` | `string` | `"Copy failed"` | Status announced when a copy fails |
+
+`share` throws a configuration error at `riebeckite check` time when
+`services` includes `"mastodon"` but `mastodonInstance` is missing.
+
+## Output
+
+```html
+<div class="rr-share" data-rr-share data-rr-share-placement="bottom"
+     role="group" aria-label="Share">
+  <ul class="rr-share__list">
+    <li class="rr-share__item">
+      <a class="rr-share__link rr-share__link--x"
+         href="https://twitter.com/intent/tweet?url=…&amp;text=…"
+         target="_blank" rel="noopener noreferrer" data-share-service="x">X</a>
+    </li>
+    <li class="rr-share__item">
+      <button type="button" class="rr-share__button rr-share__copy"
+              data-rr-share-copy data-share-url="https://example.com/posts/hello"
+              data-rr-share-copied="Copied" hidden>Copy link</button>
+    </li>
+  </ul>
+  <p class="rr-share__status" role="status" aria-live="polite"></p>
+</div>
+```
+
+## Progressive enhancement
+
+The share links are plain anchors, so they work with JavaScript disabled. The
+copy-link button starts `hidden` and is revealed by `initShare()`, which the
+app calls during page initialization; a no-JS reader never sees a control that
+cannot work. Copying uses `navigator.clipboard.writeText` and falls back to a
+hidden textarea with `document.execCommand("copy")`. The result is announced in
+the `aria-live="polite"` status region.
+
+## Style
+
+The package ships `style.css`. Register it like any other plugin stylesheet:
+
+```ts
+import "@riebeckite/plugin-share/style.css";
+```
+
+The stable classes are `rr-share` (root), `rr-share__list`, `rr-share__item`,
+`rr-share__link`, `rr-share__link--{service}`, `rr-share__button`,
+`rr-share__copy`, and `rr-share__status`. A theme can target these hooks; the
+optional `className` is added to the root without replacing them.
+
+## Exports
+
+- `share(options?)` — plugin factory
+- `sharePlugin` — alias of `share`
+- `resolveShareOptions(options?)` — apply option defaults
+- `validateShareOptions(options?)` — validate runtime options
+- `buildAbsoluteUrl(config, permalink)` — resolve a note URL to absolute
+- `normalizeMastodonInstance(value)` — normalize an instance to a bare host
+- `buildShareUrl(service, target, instance?)` — build one service URL
+- `buildShareLinks(options, target)` — build every link-bearing service
+- `renderShareControls(options, target)` — render the controls HTML
+- `injectShareControls(html, block, placement)` — insert into a note fragment
+- `initShare()` — client initializer (also via
+  `@riebeckite/plugin-share/client`)
+- Constants: `SHARE_SERVICES`, `SHARE_ATTRIBUTE`, `SHARE_ROOT_CLASS`,
+  `DEFAULT_SHARE_SERVICES`, `DEFAULT_SHARE_LABELS`, `DEFAULT_SHARE_PLACEMENT`
+- Types: `ShareOptions`, `ResolvedShareOptions`, `ShareService`,
+  `SharePlacement`, `ShareLink`, `ShareTarget`
+
+## Limitations
+
+- Share URLs are fixed at build time. A full rebuild always recomputes them.
+- Mastodon cannot be enabled without a concrete instance.
+- The plugin inserts into the note fragment; a Site that owns its layout can
+  move the controls with CSS or omit them per page.
+
+## See also
+
+- [Plugin guide](../../../docs/en/plugin-system.md)

package/README_ja.md

@@ -0,0 +1,142 @@
+# @riebeckite/plugin-share
+
+記事ごとの共有ボタンをビルド時に生成するプラグインです。公開対象の各エントリ
+について、設定したサービス向けの共有 URL を組み立て、本文の近くにコントロール
+を挿入します。共有リンクは通常の `<a>` なので JavaScript なしでも動作し、コピー
+操作だけをプログレッシブ・エンハンスメントとして追加します。
+
+[English](./README.md)
+
+## 仕組み
+
+`share()` は各ノートの `permalink` を絶対 URL に解決し、ノートのタイトルと URL
+からサービスごとの共有 URL を組み立て、記事の近くにコントロールを挿入します。
+`entry.html` と、コンテンツルートが描画するキャッシュ済みの `PostContent.html`
+の両方を更新するため、生成ページとフィードの両方に反映されます。
+
+対応サービスは次のとおりです。
+
+| サービス | 共有 URL |
+| -------- | -------- |
+| `x` | `https://twitter.com/intent/tweet?url=…&text=…` |
+| `bluesky` | `https://bsky.app/intent/compose?text=…` |
+| `mastodon` | `https://{instance}/share?text=…` |
+| `facebook` | `https://www.facebook.com/sharer/sharer.php?u=…` |
+| `linkedin` | `https://www.linkedin.com/sharing/share-offsite/?url=…` |
+| `hatena` | `https://b.hatena.ne.jp/add?mode=confirm&url=…&title=…` |
+| `copy` | ノートの URL をコピーするボタン（リンクは JS 不要） |
+
+`mastodon` はオプトインです。`services` に `"mastodon"` を追加し、
+`mastodonInstance` を設定してください。
+
+## 使い方
+
+```ts
+import { defineConfig } from "@riebeckite/core";
+import { share } from "@riebeckite/plugin-share";
+
+export default defineConfig({
+  // ...
+  plugins: [share()],
+});
+```
+
+Mastodon を有効にし、表示位置を変える例です。
+
+```ts
+share({
+  services: ["x", "bluesky", "mastodon", "copy"],
+  mastodonInstance: "mastodon.social",
+  placement: "top",
+});
+```
+
+## オプション
+
+| オプション | 型 | 既定値 | 説明 |
+| ---------- | -- | ------ | ---- |
+| `services` | `ShareService[]` | `mastodon` 以外のすべて | 表示するサービス（順序どおり） |
+| `placement` | `"top" \| "bottom"` | `"bottom"` | コントロールの表示位置 |
+| `mastodonInstance` | `string` | なし | Mastodon のホスト。`services` に `"mastodon"` を含めると必須 |
+| `className` | `string` | なし | 安定した `rr-share` フックに追加するルートクラス |
+| `ariaLabel` | `string` | `"Share"` | コントロールグループのアクセシブル名 |
+| `labels` | `Partial<Record<ShareService, string>>` | 組み込みラベル | サービスごとの表示ラベル |
+| `copiedLabel` | `string` | `"Copied"` | コピー成功時に通知する文言 |
+| `copyFailedLabel` | `string` | `"Copy failed"` | コピー失敗時に通知する文言 |
+
+`services` に `"mastodon"` を含めたのに `mastodonInstance` が未設定の場合、
+`riebeckite check` の時点で設定エラーになります。
+
+## 出力
+
+```html
+<div class="rr-share" data-rr-share data-rr-share-placement="bottom"
+     role="group" aria-label="Share">
+  <ul class="rr-share__list">
+    <li class="rr-share__item">
+      <a class="rr-share__link rr-share__link--x"
+         href="https://twitter.com/intent/tweet?url=…&amp;text=…"
+         target="_blank" rel="noopener noreferrer" data-share-service="x">X</a>
+    </li>
+    <li class="rr-share__item">
+      <button type="button" class="rr-share__button rr-share__copy"
+              data-rr-share-copy data-share-url="https://example.com/posts/hello"
+              data-rr-share-copied="Copied" hidden>Copy link</button>
+    </li>
+  </ul>
+  <p class="rr-share__status" role="status" aria-live="polite"></p>
+</div>
+```
+
+## プログレッシブ・エンハンスメント
+
+共有リンクは通常の `<a>` なので、JavaScript を無効にしても動作します。コピー
+ボタンは `hidden` の状態で出力され、アプリのページ初期化時に呼ばれる
+`initShare()` が表示に切り替えます。JavaScript がない読者に、動かない操作を
+見せることはありません。コピーには `navigator.clipboard.writeText` を使い、
+失敗時は非表示の textarea と `document.execCommand("copy")` にフォールバック
+します。結果は `aria-live="polite"` のステータス領域で通知します。
+
+## スタイル
+
+パッケージに `style.css` が含まれます。他のプラグインと同じように読み込みます。
+
+```ts
+import "@riebeckite/plugin-share/style.css";
+```
+
+安定したクラスは `rr-share`（ルート）、`rr-share__list`、`rr-share__item`、
+`rr-share__link`、`rr-share__link--{service}`、`rr-share__button`、
+`rr-share__copy`、`rr-share__status` です。Theme はこれらのフックを対象に
+できます。任意の `className` はルートに追加され、これらのフックを置き換え
+ません。
+
+## エクスポート
+
+- `share(options?)` — プラグインファクトリ
+- `sharePlugin` — `share` のエイリアス
+- `resolveShareOptions(options?)` — オプションの既定値を適用する
+- `validateShareOptions(options?)` — 実行時オプションを検証する
+- `buildAbsoluteUrl(config, permalink)` — ノート URL を絶対 URL に解決する
+- `normalizeMastodonInstance(value)` — インスタンスをホスト名に正規化する
+- `buildShareUrl(service, target, instance?)` — 1 サービスの URL を組み立てる
+- `buildShareLinks(options, target)` — リンクを持つサービスをすべて組み立てる
+- `renderShareControls(options, target)` — コントロールの HTML を生成する
+- `injectShareControls(html, block, placement)` — ノート断片に挿入する
+- `initShare()` — ブラウザ初期化関数（`@riebeckite/plugin-share/client` からも
+  読み込める）
+- 定数: `SHARE_SERVICES`, `SHARE_ATTRIBUTE`, `SHARE_ROOT_CLASS`,
+  `DEFAULT_SHARE_SERVICES`, `DEFAULT_SHARE_LABELS`, `DEFAULT_SHARE_PLACEMENT`
+- 型: `ShareOptions`, `ResolvedShareOptions`, `ShareService`,
+  `SharePlacement`, `ShareLink`, `ShareTarget`
+
+## 制約
+
+- 共有 URL はビルド時に確定します。再ビルドすれば常に正しく再計算されます。
+- Mastodon は具体的なインスタンスなしには有効化できません。
+- プラグインはノート断片に挿入します。レイアウトを所有する Site は、CSS で
+  位置を変えたり、ページごとに出力しない選択もできます。
+
+## 関連
+
+- [プラグインガイド](../../../docs/ja/plugin-system.md)

package/dist/client.d.ts

@@ -0,0 +1 @@
+export { initShare } from "./src/client.js";

package/dist/client.js

@@ -0,0 +1,66 @@
+// src/client.ts
+var COPY_SELECTOR = "[data-rr-share-copy]";
+var STATUS_SELECTOR = ".rr-share__status";
+function initShare() {
+  if (typeof document === "undefined") return;
+  const buttons = document.querySelectorAll(COPY_SELECTOR);
+  for (const button of buttons) {
+    button.hidden = false;
+    if (button.dataset.rrShareReady === "true") continue;
+    button.dataset.rrShareReady = "true";
+    button.addEventListener("click", () => {
+      void handleCopy(button);
+    });
+  }
+}
+async function handleCopy(button) {
+  const url = button.dataset.shareUrl || window.location.href;
+  const status = button.closest("[data-rr-share]")?.querySelector(STATUS_SELECTOR);
+  const copied = await copyToClipboard(url);
+  if (status) {
+    status.textContent = copied ? button.dataset.rrShareCopied || "Copied" : button.dataset.rrShareCopyFailed || "Copy failed";
+  }
+}
+async function copyToClipboard(value) {
+  try {
+    if (window.isSecureContext && navigator.clipboard) {
+      await navigator.clipboard.writeText(value);
+      return true;
+    }
+  } catch {
+  }
+  return copyWithExecCommand(value);
+}
+function copyWithExecCommand(value) {
+  const selection = window.getSelection();
+  const savedRanges = [];
+  if (selection) {
+    for (let index = 0; index < selection.rangeCount; index += 1) {
+      savedRanges.push(selection.getRangeAt(index).cloneRange());
+    }
+  }
+  const textarea = document.createElement("textarea");
+  textarea.value = value;
+  textarea.setAttribute("readonly", "");
+  textarea.style.position = "fixed";
+  textarea.style.top = "-1000px";
+  textarea.style.opacity = "0";
+  document.body.appendChild(textarea);
+  textarea.select();
+  let copied = false;
+  try {
+    copied = document.execCommand("copy");
+  } catch {
+    copied = false;
+  } finally {
+    textarea.remove();
+    if (selection && savedRanges.length > 0) {
+      selection.removeAllRanges();
+      for (const range of savedRanges) selection.addRange(range);
+    }
+  }
+  return copied;
+}
+export {
+  initShare
+};

package/dist/index.d.ts

@@ -0,0 +1,20 @@
+import type { ShareOptions } from "./src/types.js";
+export { initShare } from "./src/client.js";
+export { DEFAULT_SHARE_ARIA_LABEL, DEFAULT_SHARE_COPIED_LABEL, DEFAULT_SHARE_COPY_FAILED_LABEL, DEFAULT_SHARE_LABELS, DEFAULT_SHARE_PLACEMENT, DEFAULT_SHARE_SERVICES, resolveShareOptions, validateShareOptions, } from "./src/options.js";
+export { injectShareControls, renderShareControls, SHARE_ATTRIBUTE, SHARE_ROOT_CLASS, } from "./src/render.js";
+export { buildAbsoluteUrl, buildShareLinks, buildShareUrl, normalizeMastodonInstance, type ShareTarget, } from "./src/services.js";
+export type { ResolvedShareOptions, ShareLink, ShareOptions, SharePlacement, ShareService, } from "./src/types.js";
+export { SHARE_SERVICES } from "./src/types.js";
+export declare const SHARE_PLUGIN_NAME = "share";
+/**
+ * Per-article share controls.
+ *
+ * For every entry the plugin builds absolute share URLs for the configured
+ * services and injects the controls into both `entry.html` and the cached
+ * `PostContent.html` that the content route renders. The links are ordinary
+ * anchors, so they work without JavaScript; only the copy-link action is
+ * enhanced at runtime.
+ */
+export declare function share(options?: ShareOptions): import("@riebeckite/core").RiebeckitePlugin<ShareOptions>;
+/** Alias matching the `*Plugin` suffix used by other plugin factories. */
+export declare const sharePlugin: typeof share;

package/dist/index.js

@@ -0,0 +1,382 @@
+// index.ts
+import {
+  createClientEntry,
+  createStyleAsset,
+  definePlugin
+} from "@riebeckite/core";
+
+// src/services.ts
+function buildAbsoluteUrl(config, pathOrUrl) {
+  if (!pathOrUrl) return config.site.baseUrl;
+  if (/^https?:\/\//i.test(pathOrUrl)) return pathOrUrl;
+  return new URL(
+    pathOrUrl,
+    config.site.baseUrl || "https://example.com"
+  ).toString();
+}
+function normalizeMastodonInstance(value) {
+  if (typeof value !== "string") return "";
+  const trimmed = value.trim();
+  if (trimmed === "") return "";
+  const withoutScheme = trimmed.replace(/^https?:\/\//i, "");
+  const host = withoutScheme.split(/[/?#]/, 1)[0] ?? "";
+  return host.replace(/\.+$/, "");
+}
+function buildShareUrl(service, target, mastodonInstance = "") {
+  const url = target.url;
+  const title = target.title;
+  const composed = title ? `${title} ${url}` : url;
+  switch (service) {
+    case "x":
+      return `https://twitter.com/intent/tweet?url=${encode(url)}&text=${encode(title)}`;
+    case "bluesky":
+      return `https://bsky.app/intent/compose?text=${encode(composed)}`;
+    case "mastodon": {
+      const instance = normalizeMastodonInstance(mastodonInstance);
+      if (instance === "") return null;
+      return `https://${instance}/share?text=${encode(composed)}`;
+    }
+    case "facebook":
+      return `https://www.facebook.com/sharer/sharer.php?u=${encode(url)}`;
+    case "linkedin":
+      return `https://www.linkedin.com/sharing/share-offsite/?url=${encode(url)}`;
+    case "hatena":
+      return `https://b.hatena.ne.jp/add?mode=confirm&url=${encode(url)}&title=${encode(title)}`;
+    case "copy":
+      return null;
+  }
+}
+function buildShareLinks(options, target) {
+  const links = [];
+  for (const service of options.services) {
+    const url = buildShareUrl(service, target, options.mastodonInstance);
+    if (url === null) continue;
+    links.push({ service, label: options.labels[service], url });
+  }
+  return links;
+}
+function encode(value) {
+  return encodeURIComponent(value);
+}
+
+// src/types.ts
+var SHARE_SERVICES = [
+  "x",
+  "bluesky",
+  "mastodon",
+  "facebook",
+  "linkedin",
+  "hatena",
+  "copy"
+];
+
+// src/options.ts
+var DEFAULT_SHARE_SERVICES = [
+  "x",
+  "bluesky",
+  "facebook",
+  "linkedin",
+  "hatena",
+  "copy"
+];
+var DEFAULT_SHARE_LABELS = {
+  x: "X",
+  bluesky: "Bluesky",
+  mastodon: "Mastodon",
+  facebook: "Facebook",
+  linkedin: "LinkedIn",
+  hatena: "Hatena Bookmark",
+  copy: "Copy link"
+};
+var DEFAULT_SHARE_PLACEMENT = "bottom";
+var DEFAULT_SHARE_ARIA_LABEL = "Share";
+var DEFAULT_SHARE_COPIED_LABEL = "Copied";
+var DEFAULT_SHARE_COPY_FAILED_LABEL = "Copy failed";
+function resolveShareOptions(options = {}) {
+  return {
+    services: normalizeServices(options.services),
+    placement: options.placement === "top" ? "top" : DEFAULT_SHARE_PLACEMENT,
+    mastodonInstance: normalizeMastodonInstance(options.mastodonInstance),
+    className: normalizeNonEmpty(options.className, ""),
+    ariaLabel: normalizeNonEmpty(options.ariaLabel, DEFAULT_SHARE_ARIA_LABEL),
+    labels: { ...DEFAULT_SHARE_LABELS, ...sanitizeLabels(options.labels) },
+    copiedLabel: normalizeNonEmpty(
+      options.copiedLabel,
+      DEFAULT_SHARE_COPIED_LABEL
+    ),
+    copyFailedLabel: normalizeNonEmpty(
+      options.copyFailedLabel,
+      DEFAULT_SHARE_COPY_FAILED_LABEL
+    )
+  };
+}
+function validateShareOptions(options) {
+  if (!options) return [];
+  const issues = [];
+  const mastodonEnabled = Array.isArray(options.services) && options.services.includes("mastodon");
+  if (options.services !== void 0) {
+    if (!Array.isArray(options.services)) {
+      issues.push({
+        path: "services",
+        message: "Expected an array of service names."
+      });
+    } else {
+      for (const [index, service] of options.services.entries()) {
+        if (!SHARE_SERVICES.includes(service)) {
+          issues.push({
+            path: `services[${index}]`,
+            message: `Expected one of: ${SHARE_SERVICES.join(", ")}.`
+          });
+        }
+      }
+    }
+  }
+  if (mastodonEnabled) {
+    if (normalizeMastodonInstance(options.mastodonInstance) === "") {
+      issues.push({
+        path: "mastodonInstance",
+        message: 'Required when "mastodon" is enabled in services.'
+      });
+    }
+  } else if (options.mastodonInstance !== void 0 && (typeof options.mastodonInstance !== "string" || options.mastodonInstance.trim() === "")) {
+    issues.push({
+      path: "mastodonInstance",
+      message: "Expected a non-empty string."
+    });
+  }
+  if (options.placement !== void 0 && options.placement !== "top" && options.placement !== "bottom") {
+    issues.push({
+      path: "placement",
+      message: 'Expected "top" or "bottom".'
+    });
+  }
+  for (const key of [
+    "className",
+    "ariaLabel",
+    "copiedLabel",
+    "copyFailedLabel"
+  ]) {
+    const value = options[key];
+    if (value !== void 0 && (typeof value !== "string" || value.trim() === "")) {
+      issues.push({ path: key, message: "Expected a non-empty string." });
+    }
+  }
+  if (options.labels !== void 0) {
+    if (typeof options.labels !== "object" || options.labels === null || Array.isArray(options.labels)) {
+      issues.push({
+        path: "labels",
+        message: "Expected an object mapping service names to labels."
+      });
+    } else {
+      for (const [key, value] of Object.entries(options.labels)) {
+        if (!SHARE_SERVICES.includes(key)) {
+          issues.push({
+            path: `labels.${key}`,
+            message: `Unknown service. Expected one of: ${SHARE_SERVICES.join(", ")}.`
+          });
+        } else if (typeof value !== "string" || value.trim() === "") {
+          issues.push({
+            path: `labels.${key}`,
+            message: "Expected a non-empty string."
+          });
+        }
+      }
+    }
+  }
+  return issues;
+}
+function normalizeServices(services) {
+  const source = services ?? DEFAULT_SHARE_SERVICES;
+  const seen = /* @__PURE__ */ new Set();
+  const resolved = [];
+  for (const service of source) {
+    if (!SHARE_SERVICES.includes(service)) continue;
+    if (seen.has(service)) continue;
+    seen.add(service);
+    resolved.push(service);
+  }
+  return resolved;
+}
+function sanitizeLabels(labels) {
+  if (!labels || typeof labels !== "object") return {};
+  const resolved = {};
+  for (const service of SHARE_SERVICES) {
+    const value = labels[service];
+    if (typeof value === "string" && value.trim() !== "") {
+      resolved[service] = value.trim();
+    }
+  }
+  return resolved;
+}
+function normalizeNonEmpty(value, fallback) {
+  if (typeof value !== "string") return fallback;
+  const trimmed = value.trim();
+  return trimmed === "" ? fallback : trimmed;
+}
+
+// src/render.ts
+import { escapeHtml, escapeHtmlAttribute } from "@riebeckite/core";
+var SHARE_ATTRIBUTE = "data-rr-share";
+var SHARE_ROOT_CLASS = "rr-share";
+function renderShareControls(options, target) {
+  const links = buildShareLinks(options, target);
+  const wantsCopy = options.services.includes("copy");
+  if (links.length === 0 && !wantsCopy) return "";
+  const rootClass = options.className ? `${SHARE_ROOT_CLASS} ${options.className}` : SHARE_ROOT_CLASS;
+  const items = links.map(renderLinkItem).join("");
+  const copyItem = wantsCopy ? renderCopyItem(options, target) : "";
+  const ariaLabel = escapeHtmlAttribute(options.ariaLabel);
+  return `<div class="${escapeHtmlAttribute(rootClass)}" ${SHARE_ATTRIBUTE} data-rr-share-placement="${escapeHtmlAttribute(options.placement)}" role="group" aria-label="${ariaLabel}"><ul class="${SHARE_ROOT_CLASS}__list">${items}${copyItem}</ul><p class="${SHARE_ROOT_CLASS}__status" role="status" aria-live="polite"></p></div>`;
+}
+function injectShareControls(html, block, placement) {
+  if (block === "" || html.includes(SHARE_ATTRIBUTE)) return html;
+  if (placement === "top") {
+    const article = /<article\b[^>]*>/i.exec(html);
+    if (article) {
+      const end = article.index + article[0].length;
+      return `${html.slice(0, end)}${block}${html.slice(end)}`;
+    }
+    const body = /<body\b[^>]*>/i.exec(html);
+    if (body) {
+      const end = body.index + body[0].length;
+      return `${html.slice(0, end)}${block}${html.slice(end)}`;
+    }
+    return `${block}
+${html}`;
+  }
+  const closeIndex = html.toLowerCase().lastIndexOf("</article>");
+  if (closeIndex !== -1) {
+    return `${html.slice(0, closeIndex)}${block}${html.slice(closeIndex)}`;
+  }
+  return `${html}
+${block}`;
+}
+function renderLinkItem(link) {
+  const modifier = `${SHARE_ROOT_CLASS}__link--${link.service}`;
+  return `<li class="${SHARE_ROOT_CLASS}__item"><a class="${SHARE_ROOT_CLASS}__link ${modifier}" href="${escapeHtmlAttribute(link.url)}" target="_blank" rel="noopener noreferrer" data-share-service="${escapeHtmlAttribute(link.service)}">${escapeHtml(link.label)}</a></li>`;
+}
+function renderCopyItem(options, target) {
+  return `<li class="${SHARE_ROOT_CLASS}__item"><button type="button" class="${SHARE_ROOT_CLASS}__button ${SHARE_ROOT_CLASS}__copy" data-rr-share-copy data-share-url="${escapeHtmlAttribute(target.url)}" data-rr-share-copied="${escapeHtmlAttribute(options.copiedLabel)}" data-rr-share-copy-failed="${escapeHtmlAttribute(options.copyFailedLabel)}" hidden>${escapeHtml(options.labels.copy)}</button></li>`;
+}
+
+// src/client.ts
+var COPY_SELECTOR = "[data-rr-share-copy]";
+var STATUS_SELECTOR = ".rr-share__status";
+function initShare() {
+  if (typeof document === "undefined") return;
+  const buttons = document.querySelectorAll(COPY_SELECTOR);
+  for (const button of buttons) {
+    button.hidden = false;
+    if (button.dataset.rrShareReady === "true") continue;
+    button.dataset.rrShareReady = "true";
+    button.addEventListener("click", () => {
+      void handleCopy(button);
+    });
+  }
+}
+async function handleCopy(button) {
+  const url = button.dataset.shareUrl || window.location.href;
+  const status = button.closest("[data-rr-share]")?.querySelector(STATUS_SELECTOR);
+  const copied = await copyToClipboard(url);
+  if (status) {
+    status.textContent = copied ? button.dataset.rrShareCopied || "Copied" : button.dataset.rrShareCopyFailed || "Copy failed";
+  }
+}
+async function copyToClipboard(value) {
+  try {
+    if (window.isSecureContext && navigator.clipboard) {
+      await navigator.clipboard.writeText(value);
+      return true;
+    }
+  } catch {
+  }
+  return copyWithExecCommand(value);
+}
+function copyWithExecCommand(value) {
+  const selection = window.getSelection();
+  const savedRanges = [];
+  if (selection) {
+    for (let index = 0; index < selection.rangeCount; index += 1) {
+      savedRanges.push(selection.getRangeAt(index).cloneRange());
+    }
+  }
+  const textarea = document.createElement("textarea");
+  textarea.value = value;
+  textarea.setAttribute("readonly", "");
+  textarea.style.position = "fixed";
+  textarea.style.top = "-1000px";
+  textarea.style.opacity = "0";
+  document.body.appendChild(textarea);
+  textarea.select();
+  let copied = false;
+  try {
+    copied = document.execCommand("copy");
+  } catch {
+    copied = false;
+  } finally {
+    textarea.remove();
+    if (selection && savedRanges.length > 0) {
+      selection.removeAllRanges();
+      for (const range of savedRanges) selection.addRange(range);
+    }
+  }
+  return copied;
+}
+
+// index.ts
+var SHARE_PLUGIN_NAME = "share";
+function share(options = {}) {
+  const resolved = resolveShareOptions(options);
+  const processed = /* @__PURE__ */ new Map();
+  return definePlugin({
+    name: SHARE_PLUGIN_NAME,
+    options,
+    validateOptions: validateShareOptions,
+    onPostProcessed: (context) => {
+      processed.set(context.slug, context.content);
+    },
+    onManifestCreated: (context) => {
+      const { manifest, config } = context;
+      if (!config) return;
+      for (const entry of manifest.entries) {
+        if (!entry.html || entry.html.includes(SHARE_ATTRIBUTE)) continue;
+        const block = renderShareControls(resolved, {
+          url: buildAbsoluteUrl(config, entry.permalink),
+          title: entry.title
+        });
+        if (block === "") continue;
+        const html = injectShareControls(entry.html, block, resolved.placement);
+        entry.html = html;
+        const content = processed.get(entry.slug);
+        if (content) content.html = html;
+      }
+      processed.clear();
+    },
+    assets: [createStyleAsset(SHARE_PLUGIN_NAME)],
+    clientEntries: [createClientEntry(SHARE_PLUGIN_NAME, "initShare")]
+  });
+}
+var sharePlugin = share;
+export {
+  DEFAULT_SHARE_ARIA_LABEL,
+  DEFAULT_SHARE_COPIED_LABEL,
+  DEFAULT_SHARE_COPY_FAILED_LABEL,
+  DEFAULT_SHARE_LABELS,
+  DEFAULT_SHARE_PLACEMENT,
+  DEFAULT_SHARE_SERVICES,
+  SHARE_ATTRIBUTE,
+  SHARE_PLUGIN_NAME,
+  SHARE_ROOT_CLASS,
+  SHARE_SERVICES,
+  buildAbsoluteUrl,
+  buildShareLinks,
+  buildShareUrl,
+  initShare,
+  injectShareControls,
+  normalizeMastodonInstance,
+  renderShareControls,
+  resolveShareOptions,
+  share,
+  sharePlugin,
+  validateShareOptions
+};

package/dist/src/client.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Copy-to-clipboard enhancement for `@riebeckite/plugin-share`.
+ *
+ * The share links are plain anchors and work without JavaScript. Only the
+ * copy-link action needs a runtime: it starts hidden and is revealed here, so
+ * no-JS readers never see a control that cannot work.
+ */
+export declare function initShare(): void;

package/dist/src/options.d.ts

@@ -0,0 +1,15 @@
+import type { ConfigValidationIssue } from "@riebeckite/core";
+import { type ResolvedShareOptions, type ShareOptions, type SharePlacement, type ShareService } from "./types.js";
+/** Services rendered when `services` is omitted. Mastodon is opt-in. */
+export declare const DEFAULT_SHARE_SERVICES: readonly ShareService[];
+export declare const DEFAULT_SHARE_LABELS: Readonly<Record<ShareService, string>>;
+export declare const DEFAULT_SHARE_PLACEMENT: SharePlacement;
+export declare const DEFAULT_SHARE_ARIA_LABEL = "Share";
+export declare const DEFAULT_SHARE_COPIED_LABEL = "Copied";
+export declare const DEFAULT_SHARE_COPY_FAILED_LABEL = "Copy failed";
+/**
+ * Applies defaults to `ShareOptions`. Pure and deterministic so the plugin can
+ * resolve options once and reuse them for every manifest entry.
+ */
+export declare function resolveShareOptions(options?: ShareOptions): ResolvedShareOptions;
+export declare function validateShareOptions(options: ShareOptions | undefined): readonly ConfigValidationIssue[];

package/dist/src/render.d.ts

@@ -0,0 +1,17 @@
+import { type ShareTarget } from "./services.js";
+import type { ResolvedShareOptions, SharePlacement } from "./types.js";
+/** Attribute that marks the generated controls for tests, CSS, and JS. */
+export declare const SHARE_ATTRIBUTE = "data-rr-share";
+/** Stable root hook every rendered set carries, even with a custom class. */
+export declare const SHARE_ROOT_CLASS = "rr-share";
+/**
+ * Renders the share controls for one note. Returns an empty string when no
+ * service can be rendered, so callers can leave the HTML untouched.
+ */
+export declare function renderShareControls(options: ResolvedShareOptions, target: ShareTarget): string;
+/**
+ * Inserts the rendered controls into a note fragment. Top placement lands
+ * after the opening `<article>` (or at the start) and bottom placement lands
+ * before the closing `</article>` (or at the end).
+ */
+export declare function injectShareControls(html: string, block: string, placement: SharePlacement): string;

package/dist/src/services.d.ts

@@ -0,0 +1,31 @@
+import type { ResolvedRiebeckiteConfig } from "@riebeckite/core";
+import type { ResolvedShareOptions, ShareLink, ShareService } from "./types.js";
+/** The text pre-filled into a compose-style share intent. */
+export type ShareTarget = {
+    /** Absolute URL of the note. */
+    url: string;
+    /** Note title. */
+    title: string;
+};
+/**
+ * Resolves a note's `permalink` to an absolute URL against the site base URL.
+ * Already-absolute URLs are returned unchanged.
+ */
+export declare function buildAbsoluteUrl(config: ResolvedRiebeckiteConfig, pathOrUrl: string): string;
+/**
+ * Normalizes a Mastodon instance to a bare host. Accepts `"mastodon.social"`,
+ * `"https://mastodon.social/"`, and `"https://mastodon.social/@user"` (the
+ * path is dropped). Returns `""` when nothing usable remains.
+ */
+export declare function normalizeMastodonInstance(value: string | undefined): string;
+/**
+ * Builds the share URL for one service. Returns `null` for `"copy"` (which is
+ * a button, not a link) and for `"mastodon"` without a usable instance.
+ */
+export declare function buildShareUrl(service: ShareService, target: ShareTarget, mastodonInstance?: string): string | null;
+/**
+ * Builds every link-bearing service in the configured order, resolving labels
+ * and skipping services whose URL cannot be built (for example `mastodon`
+ * without an instance). The `copy` service is intentionally excluded.
+ */
+export declare function buildShareLinks(options: ResolvedShareOptions, target: ShareTarget): ShareLink[];

package/dist/src/types.d.ts

@@ -0,0 +1,53 @@
+/** Services a note can be shared to. `copy` is the copy-link action. */
+export declare const SHARE_SERVICES: readonly ["x", "bluesky", "mastodon", "facebook", "linkedin", "hatena", "copy"];
+export type ShareService = (typeof SHARE_SERVICES)[number];
+/** Where the controls sit relative to the note body. */
+export type SharePlacement = "top" | "bottom";
+/** Options accepted by `share()`. */
+export type ShareOptions = {
+    /**
+     * Services to render, in order. Defaults to every service except
+     * `mastodon`; add `"mastodon"` and set {@link ShareOptions.mastodonInstance}
+     * to enable it.
+     */
+    services?: readonly ShareService[];
+    /** Where the controls appear. Defaults to `"bottom"`. */
+    placement?: SharePlacement;
+    /**
+     * Instance host used by the `mastodon` service, for example
+     * `"mastodon.social"`. Accepts a bare host or a full URL; the scheme and
+     * trailing slash are stripped. Required when `services` includes
+     * `"mastodon"`.
+     */
+    mastodonInstance?: string;
+    /**
+     * Extra CSS class added to the root element alongside the stable
+     * `rr-share` hook. Defaults to none.
+     */
+    className?: string;
+    /** Accessible name for the share group. Defaults to `"Share"`. */
+    ariaLabel?: string;
+    /** Per-service visible labels, merged over the defaults. */
+    labels?: Partial<Record<ShareService, string>>;
+    /** Status text announced after a successful copy. Defaults to `"Copied"`. */
+    copiedLabel?: string;
+    /** Status text announced when a copy fails. Defaults to `"Copy failed"`. */
+    copyFailedLabel?: string;
+};
+/** `ShareOptions` with every default applied. */
+export type ResolvedShareOptions = {
+    services: readonly ShareService[];
+    placement: SharePlacement;
+    mastodonInstance: string;
+    className: string;
+    ariaLabel: string;
+    labels: Readonly<Record<ShareService, string>>;
+    copiedLabel: string;
+    copyFailedLabel: string;
+};
+/** A rendered share link. `url` is absolute and ready for an `href`. */
+export type ShareLink = {
+    service: ShareService;
+    label: string;
+    url: string;
+};

package/package.json

@@ -0,0 +1,65 @@
+{
+  "name": "@riebeckite/plugin-share",
+  "version": "0.0.6",
+  "license": "Apache-2.0",
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "source": "./index.ts",
+      "default": "./dist/index.js"
+    },
+    "./client": {
+      "types": "./dist/client.d.ts",
+      "import": "./dist/client.js",
+      "source": "./client.ts",
+      "default": "./dist/client.js"
+    },
+    "./style.css": "./style.css"
+  },
+  "dependencies": {
+    "@riebeckite/core": "0.0.6"
+  },
+  "devDependencies": {
+    "tsx": "^4.22.4"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "files": [
+    "LICENSE",
+    "README.md",
+    "README_ja.md",
+    "dist",
+    "style.css"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Rerurate514/riebeckite.git",
+    "directory": "packages/plugins/share"
+  },
+  "homepage": "https://github.com/Rerurate514/riebeckite#readme",
+  "bugs": {
+    "url": "https://github.com/Rerurate514/riebeckite/issues"
+  },
+  "description": "Per-article share links and copy-to-clipboard for Riebeckite.",
+  "keywords": [
+    "riebeckite",
+    "plugin",
+    "share",
+    "social"
+  ],
+  "engines": {
+    "node": "^20.19.0 || >=22.12.0"
+  },
+  "sideEffects": [
+    "./style.css"
+  ],
+  "scripts": {
+    "build": "node ../../../scripts/build_package.mjs",
+    "test": "node --import tsx --test \"test/*.test.ts\""
+  }
+}

package/style.css

@@ -0,0 +1,79 @@
+/*
+ * @riebeckite/plugin-share
+ *
+ * Per-article share controls. Plugin CSS loads before theme CSS, so a theme can
+ * restyle the stable `rr-share` hooks without editing the plugin.
+ */
+
+.rr-share {
+  --rr-share-ink: var(--rb-color-ink, inherit);
+  --rr-share-muted: var(--rb-color-muted, #5a5a5a);
+  --rr-share-accent: var(--rb-color-accent, currentColor);
+  --rr-share-rule: color-mix(in srgb, var(--rr-share-ink) 18%, transparent);
+
+  margin-block: 1.5rem;
+  color: var(--rr-share-ink);
+}
+
+.rr-share__list {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.5rem;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+.rr-share__item {
+  margin: 0;
+  padding: 0;
+}
+
+.rr-share__link,
+.rr-share__button {
+  display: inline-flex;
+  align-items: center;
+  padding: 0.375rem 0.625rem;
+  border: 1px solid var(--rr-share-rule);
+  background: transparent;
+  color: inherit;
+  font: inherit;
+  font-size: 0.8125rem;
+  line-height: 1.4;
+  text-decoration: none;
+  cursor: pointer;
+}
+
+.rr-share__link:hover,
+.rr-share__link:focus-visible,
+.rr-share__button:hover,
+.rr-share__button:focus-visible {
+  border-color: var(--rr-share-accent);
+  color: var(--rr-share-accent);
+}
+
+.rr-share__link:focus-visible,
+.rr-share__button:focus-visible {
+  outline: 2px solid var(--rr-share-accent);
+  outline-offset: 1px;
+}
+
+.rr-share__button[hidden] {
+  display: none;
+}
+
+.rr-share__status {
+  margin: 0.5rem 0 0;
+  font-size: 0.75rem;
+  line-height: 1.4;
+  color: var(--rr-share-muted);
+}
+
+.rr-share__status:empty {
+  display: none;
+}
+
+html[data-theme="dark"] .rr-share,
+html.dark .rr-share {
+  --rr-share-ink: var(--rb-color-paper, #ffffff);
+}