@riebeckite/plugin-rich-embed 0.0.1

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-rich-embed
+
+Build-time media embeds for ` ```embed ` code blocks.
+
+[日本語](./README_ja.md)
+
+## Overview
+
+`richEmbed()` turns an ` ```embed ` fenced code block into a responsive
+`<figure class="rb-rich-embed">`. Provider detection is pure string inspection:
+the plugin never performs a network request at build time, and it ships no
+client-side JavaScript.
+
+## Usage
+
+```ts
+import { defineConfig } from "@riebeckite/core";
+import { richEmbed } from "@riebeckite/plugin-rich-embed";
+
+export default defineConfig({
+  // ...
+  plugins: [
+    richEmbed({
+      allowHosts: ["player.example.com"],
+    }),
+  ],
+});
+```
+
+## Syntax
+
+The first non-empty line is the URL. Every following `key: value` line is an
+option.
+
+````md
+```embed
+https://www.youtube.com/watch?v=dQw4w9WgXcQ
+title: Demo video
+caption: A short caption under the frame
+aspect: 16/9
+start: 30
+```
+````
+
+| Block option | Description |
+| ------------ | ----------- |
+| `title` | `title` attribute of the `<iframe>` (also the link label for Gist) |
+| `caption` | Rendered as `<figcaption class="rb-rich-embed__caption">` |
+| `aspect` | Aspect ratio such as `16/9` or `4/3` (default `16/9`) |
+| `start` | Start time in seconds (YouTube only) |
+
+Unknown option keys are ignored. An invalid `aspect` falls back to `16/9`.
+
+## Supported providers
+
+| Provider | Recognised URLs | Output `src` |
+| -------- | --------------- | ------------ |
+| YouTube | `youtube.com/watch?v=`, `youtu.be/`, `/shorts/`, `/embed/`, `/live/` | `https://www.youtube-nocookie.com/embed/<id>` |
+| Vimeo | `vimeo.com/<numeric id>` | `https://player.vimeo.com/video/<id>` |
+| Spotify | `open.spotify.com/(track\|album\|playlist\|episode\|show)/<id>` | `https://open.spotify.com/embed/<type>/<id>` |
+| CodePen | `codepen.io/<user>/pen/<id>` | `https://codepen.io/<user>/embed/<id>` |
+| GitHub Gist | `gist.github.com/...` | link card (gists cannot be iframed) |
+
+When the host is not recognised, the block is left untouched and a warning
+diagnostic is emitted. A generic `<iframe>` is only produced when the host is
+listed in `allowHosts`.
+
+## Options
+
+| Option | Type | Default | Description |
+| ------ | ---- | ------- | ----------- |
+| `allowHosts` | `string[]` | `[]` | Hostnames allowed to use the generic iframe fallback |
+| `providers` | `RichEmbedProvider[]` | all | Allowlist of providers to enable |
+| `disable` | `RichEmbedProvider[]` | `[]` | Providers to disable (wins over `providers`) |
+
+## Output HTML
+
+```html
+<figure
+  class="rb-rich-embed"
+  data-rich-embed="youtube"
+  data-rich-embed-marker="RIEBECKITE_EXTERNAL_RICHEMBED_MARKER"
+>
+  <div class="rb-rich-embed__frame" style="--rb-rich-embed-aspect:16/9">
+    <iframe
+      src="https://www.youtube-nocookie.com/embed/dQw4w9WgXcQ"
+      loading="lazy"
+      allowfullscreen
+      referrerpolicy="strict-origin-when-cross-origin"
+      title="Demo video"
+    ></iframe>
+  </div>
+  <figcaption class="rb-rich-embed__caption">A short caption</figcaption>
+</figure>
+```
+
+Gist blocks produce `div.rb-rich-embed__card > a.rb-rich-embed__link` instead of
+an iframe.
+
+### CSS hooks
+
+- `.rb-rich-embed` — outer figure
+- `.rb-rich-embed__frame` — responsive wrapper (reads `--rb-rich-embed-aspect`)
+- `.rb-rich-embed__caption` — optional caption
+- `.rb-rich-embed__card`, `.rb-rich-embed__link` — Gist link card
+
+The stylesheet is shipped as `@riebeckite/plugin-rich-embed/style.css`.
+
+## Diagnostics
+
+Unsupported or invalid blocks keep their original code block and report a
+warning through the vfile message channel:
+
+- `source: "@riebeckite/plugin-rich-embed"`
+- `ruleId: "unsupported-embed"`
+
+## Security
+
+- Only `https:` URLs are accepted.
+- Provider output is constructed from validated path segments; dynamic
+  segments are passed through `encodeURIComponent`.
+- A generic iframe requires an explicit `allowHosts` entry.
+- No raw user HTML is ever emitted: titles, captions, and labels are written as
+  escaped text nodes.
+
+## Limitations
+
+- No OEMBED fetching or title/thumbnail discovery — everything is derived from
+  the URL and the block options.
+- GitHub Gists cannot be embedded in an iframe, so they render as a link card.
+- Generic embeds are emitted verbatim from the `https:` URL, so only allow hosts
+  you trust.
+
+## Exports
+
+- `richEmbed(options?)` — plugin factory
+- `richEmbedPlugin` — alias of `richEmbed`
+- Types: `RichEmbedOptions`, `RichEmbedProvider`
+
+## See also
+
+- [Plugin guide](../../docs/plugins_en.md)

package/README_ja.md

@@ -0,0 +1,132 @@
+# @riebeckite/plugin-rich-embed
+
+` ```embed ` コードブロックを、ビルド時に外部メディアの埋め込みへ変換するプラグインです。
+
+[English](./README.md)
+
+## 概要
+
+`richEmbed()` は ` ```embed ` フェンスをレスポンシブな
+`<figure class="rb-rich-embed">` に置き換えます。プロバイダの判定は URL の文字列解析だけで行うため、ビルド時にネットワークへアクセスしません。クライアント側 JavaScript も不要です。
+
+## 使い方
+
+```ts
+import { defineConfig } from "@riebeckite/core";
+import { richEmbed } from "@riebeckite/plugin-rich-embed";
+
+export default defineConfig({
+  // ...
+  plugins: [
+    richEmbed({
+      allowHosts: ["player.example.com"],
+    }),
+  ],
+});
+```
+
+## 構文
+
+最初の空でない行が URL、それ以降の `key: value` 行がオプションです。
+
+````md
+```embed
+https://www.youtube.com/watch?v=dQw4w9WgXcQ
+title: デモ動画
+caption: 枠の下に表示するキャプション
+aspect: 16/9
+start: 30
+```
+````
+
+| ブロックオプション | 説明 |
+| ------------------ | ---- |
+| `title` | `<iframe>` の `title` 属性（Gist ではリンクのラベル） |
+| `caption` | `<figcaption class="rb-rich-embed__caption">` として出力 |
+| `aspect` | `16/9` や `4/3` などのアスペクト比（既定は `16/9`） |
+| `start` | 開始位置（秒、YouTube のみ） |
+
+未知のキーは無視します。`aspect` が不正な場合は `16/9` に戻します。
+
+## 対応プロバイダ
+
+| プロバイダ | 認識する URL | 出力する `src` |
+| ---------- | ------------ | -------------- |
+| YouTube | `youtube.com/watch?v=`, `youtu.be/`, `/shorts/`, `/embed/`, `/live/` | `https://www.youtube-nocookie.com/embed/<id>` |
+| Vimeo | `vimeo.com/<数値ID>` | `https://player.vimeo.com/video/<id>` |
+| Spotify | `open.spotify.com/(track\|album\|playlist\|episode\|show)/<id>` | `https://open.spotify.com/embed/<type>/<id>` |
+| CodePen | `codepen.io/<user>/pen/<id>` | `https://codepen.io/<user>/embed/<id>` |
+| GitHub Gist | `gist.github.com/...` | リンクカード（iframe 埋め込み不可） |
+
+ホストを判別できない場合はブロックをそのまま残し、警告の診断を出します。汎用 `<iframe>` を出力するのは、ホストが `allowHosts` に含まれる場合だけです。
+
+## オプション
+
+| オプション | 型 | 既定値 | 説明 |
+| ---------- | -- | ------ | ---- |
+| `allowHosts` | `string[]` | `[]` | 汎用 iframe へのフォールバックを許可するホスト名 |
+| `providers` | `RichEmbedProvider[]` | すべて | 有効にするプロバイダの許可リスト |
+| `disable` | `RichEmbedProvider[]` | `[]` | 無効にするプロバイダ（`providers` より優先） |
+
+## 出力 HTML
+
+```html
+<figure
+  class="rb-rich-embed"
+  data-rich-embed="youtube"
+  data-rich-embed-marker="RIEBECKITE_EXTERNAL_RICHEMBED_MARKER"
+>
+  <div class="rb-rich-embed__frame" style="--rb-rich-embed-aspect:16/9">
+    <iframe
+      src="https://www.youtube-nocookie.com/embed/dQw4w9WgXcQ"
+      loading="lazy"
+      allowfullscreen
+      referrerpolicy="strict-origin-when-cross-origin"
+      title="デモ動画"
+    ></iframe>
+  </div>
+  <figcaption class="rb-rich-embed__caption">キャプション</figcaption>
+</figure>
+```
+
+Gist の場合は iframe の代わりに
+`div.rb-rich-embed__card > a.rb-rich-embed__link` を出力します。
+
+### CSS フック
+
+- `.rb-rich-embed` — 外側の figure
+- `.rb-rich-embed__frame` — レスポンシブなラッパー（`--rb-rich-embed-aspect` を参照）
+- `.rb-rich-embed__caption` — 任意のキャプション
+- `.rb-rich-embed__card`, `.rb-rich-embed__link` — Gist のリンクカード
+
+スタイルシートは `@riebeckite/plugin-rich-embed/style.css` として配布されます。
+
+## 診断
+
+未対応または不正なブロックは元のコードブロックを保持し、vfile のメッセージとして警告を報告します。
+
+- `source: "@riebeckite/plugin-rich-embed"`
+- `ruleId: "unsupported-embed"`
+
+## セキュリティ
+
+- `https:` の URL だけを受理します。
+- プロバイダの出力は検証済みのパスセグメントから組み立て、動的な部分は `encodeURIComponent` を通します。
+- 汎用 iframe には `allowHosts` への明示的な登録が必要です。
+- 生のユーザー HTML は出力しません。タイトル・キャプション・ラベルはすべてエスケープされるテキストノードとして書き込みます。
+
+## 制限事項
+
+- OEMBED の取得やタイトル・サムネイルの自動検出は行いません。URL とブロックオプションだけから組み立てます。
+- GitHub Gist は iframe で埋め込めないため、リンクカードとして表示します。
+- 汎用埋め込みは `https:` の URL をそのまま使うため、信頼できるホストだけを許可してください。
+
+## エクスポート
+
+- `richEmbed(options?)` — プラグインファクトリ
+- `richEmbedPlugin` — `richEmbed` の別名
+- 型: `RichEmbedOptions`, `RichEmbedProvider`
+
+## 関連
+
+- [プラグインガイド](../../docs/plugins_ja.md)

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+import type { RichEmbedOptions } from "./src/types.js";
+export type { RichEmbedOptions, RichEmbedProvider } from "./src/types.js";
+export declare function richEmbed(options?: RichEmbedOptions): import("@riebeckite/core").RiebeckitePlugin<RichEmbedOptions>;
+export declare const richEmbedPlugin: typeof richEmbed;

package/dist/index.js

@@ -0,0 +1,420 @@
+// index.ts
+import {
+  createStyleAsset,
+  definePlugin
+} from "@riebeckite/core";
+
+// src/providers.ts
+var RICH_EMBED_PROVIDERS = [
+  "youtube",
+  "vimeo",
+  "spotify",
+  "codepen",
+  "gist",
+  "generic"
+];
+var DEFAULT_ASPECT = "16/9";
+var PROVIDER_TITLES = {
+  youtube: "YouTube video",
+  vimeo: "Vimeo video",
+  spotify: "Spotify embed",
+  codepen: "CodePen embed",
+  gist: "GitHub Gist",
+  generic: "Embedded content"
+};
+var YOUTUBE_HOSTS = /* @__PURE__ */ new Set([
+  "youtube.com",
+  "www.youtube.com",
+  "m.youtube.com",
+  "music.youtube.com",
+  "youtube-nocookie.com",
+  "www.youtube-nocookie.com"
+]);
+var VIMEO_HOSTS = /* @__PURE__ */ new Set(["vimeo.com", "www.vimeo.com", "player.vimeo.com"]);
+var SPOTIFY_HOSTS = /* @__PURE__ */ new Set(["open.spotify.com"]);
+var CODEPEN_HOSTS = /* @__PURE__ */ new Set(["codepen.io", "www.codepen.io"]);
+var GIST_HOSTS = /* @__PURE__ */ new Set(["gist.github.com"]);
+var SPOTIFY_TYPES = /* @__PURE__ */ new Set(["track", "album", "playlist", "episode", "show"]);
+var YOUTUBE_ID = /^[A-Za-z0-9_-]{11}$/;
+var NUMERIC_ID = /^\d+$/;
+var SLUG_ID = /^[A-Za-z0-9]+$/;
+var USERNAME = /^[A-Za-z0-9_-]+$/;
+var ASPECT_PATTERN = /^\d+(?:\.\d+)?\/\d+(?:\.\d+)?$/;
+var OPTION_LINE = /^([A-Za-z][A-Za-z0-9_-]*)\s*:\s*(.*)$/;
+function parseEmbedBlock(source) {
+  const lines = source.split(/\r?\n/).map((line) => line.trim()).filter((line) => line.length > 0);
+  if (lines.length === 0) return null;
+  const [url, ...optionLines] = lines;
+  const options = {};
+  for (const line of optionLines) {
+    const match = OPTION_LINE.exec(line);
+    if (!match) continue;
+    const key = match[1].toLowerCase();
+    const value = match[2].trim();
+    if (value.length === 0) continue;
+    if (key === "title") options.title = value;
+    else if (key === "caption") options.caption = value;
+    else if (key === "aspect") options.aspect = normalizeAspect(value) ?? void 0;
+    else if (key === "start") options.start = parseStart(value);
+  }
+  return { url, options };
+}
+function normalizeAspect(value) {
+  const normalized = value.replace(/\s+/g, "");
+  return ASPECT_PATTERN.test(normalized) ? normalized : null;
+}
+function resolveEmbed(urlText, block, config) {
+  let url;
+  try {
+    url = new URL(urlText);
+  } catch {
+    return {
+      kind: "unsupported",
+      provider: null,
+      message: "Expected an absolute https URL on the first line."
+    };
+  }
+  if (url.protocol !== "https:") {
+    return {
+      kind: "unsupported",
+      provider: null,
+      message: "Only https: URLs are supported."
+    };
+  }
+  const host = url.hostname.toLowerCase();
+  const aspect = block.aspect ?? DEFAULT_ASPECT;
+  const detection = detectProvider(url, host);
+  if (detection) {
+    if (!isProviderEnabled(detection.provider, config)) {
+      return {
+        kind: "unsupported",
+        provider: detection.provider,
+        message: `Provider "${detection.provider}" is disabled by configuration.`
+      };
+    }
+    if (detection.kind === "link") {
+      return {
+        kind: "link",
+        provider: detection.provider,
+        href: detection.href,
+        label: block.title ?? PROVIDER_TITLES[detection.provider],
+        aspect
+      };
+    }
+    return {
+      kind: "iframe",
+      provider: detection.provider,
+      src: withStart(detection.provider, detection.src, block.start),
+      title: block.title ?? PROVIDER_TITLES[detection.provider],
+      aspect
+    };
+  }
+  if (isProviderEnabled("generic", config) && isAllowedHost(host, config)) {
+    return {
+      kind: "iframe",
+      provider: "generic",
+      src: url.href,
+      title: block.title ?? PROVIDER_TITLES.generic,
+      aspect
+    };
+  }
+  return {
+    kind: "unsupported",
+    provider: null,
+    message: `No supported provider for "${host}". Add the host to allowHosts to embed it as a generic iframe.`
+  };
+}
+function detectProvider(url, host) {
+  if (YOUTUBE_HOSTS.has(host)) {
+    const id = youtubeId(url);
+    if (id) {
+      return {
+        kind: "iframe",
+        provider: "youtube",
+        src: `https://www.youtube-nocookie.com/embed/${encodeURIComponent(id)}`
+      };
+    }
+  }
+  if (VIMEO_HOSTS.has(host)) {
+    const id = pathSegments(url)[0];
+    if (id && NUMERIC_ID.test(id)) {
+      return {
+        kind: "iframe",
+        provider: "vimeo",
+        src: `https://player.vimeo.com/video/${encodeURIComponent(id)}`
+      };
+    }
+  }
+  if (SPOTIFY_HOSTS.has(host)) {
+    const [type, id] = pathSegments(url);
+    if (type && SPOTIFY_TYPES.has(type) && id && SLUG_ID.test(id)) {
+      return {
+        kind: "iframe",
+        provider: "spotify",
+        src: `https://open.spotify.com/embed/${encodeURIComponent(type)}/${encodeURIComponent(id)}`
+      };
+    }
+  }
+  if (CODEPEN_HOSTS.has(host)) {
+    const [user, marker, id] = pathSegments(url);
+    if (user && USERNAME.test(user) && marker === "pen" && id && SLUG_ID.test(id)) {
+      return {
+        kind: "iframe",
+        provider: "codepen",
+        src: `https://codepen.io/${encodeURIComponent(user)}/embed/${encodeURIComponent(id)}`
+      };
+    }
+  }
+  if (GIST_HOSTS.has(host)) {
+    return { kind: "link", provider: "gist", href: url.href };
+  }
+  return null;
+}
+function youtubeId(url) {
+  const segments = pathSegments(url);
+  if (url.hostname.toLowerCase() === "youtu.be") {
+    return segments[0] && YOUTUBE_ID.test(segments[0]) ? segments[0] : null;
+  }
+  if (url.pathname === "/watch" || url.pathname === "/watch/") {
+    const id = url.searchParams.get("v");
+    return id && YOUTUBE_ID.test(id) ? id : null;
+  }
+  if (segments[0] === "shorts" || segments[0] === "embed" || segments[0] === "live") {
+    return segments[1] && YOUTUBE_ID.test(segments[1]) ? segments[1] : null;
+  }
+  return null;
+}
+function pathSegments(url) {
+  return url.pathname.split("/").filter((segment) => segment.length > 0);
+}
+function isAllowedHost(host, config) {
+  return (config.allowHosts ?? []).some(
+    (allowed) => allowed.trim().toLowerCase() === host
+  );
+}
+function isProviderEnabled(provider, config) {
+  if (config.disable?.includes(provider)) return false;
+  if (config.providers && !config.providers.includes(provider)) return false;
+  return true;
+}
+function withStart(provider, src, start) {
+  if (provider !== "youtube" || start === void 0) return src;
+  const separator = src.includes("?") ? "&" : "?";
+  return `${src}${separator}start=${start}`;
+}
+function parseStart(value) {
+  if (!/^\d+$/.test(value)) return void 0;
+  const seconds = Number.parseInt(value, 10);
+  return Number.isFinite(seconds) && seconds >= 0 ? seconds : void 0;
+}
+
+// src/hast.ts
+function visitElements(node, visitor, parent, index) {
+  if (isElementNode(node)) visitor(node, parent, index);
+  for (const [childIndex, child] of [...getChildren(node)].entries()) {
+    visitElements(
+      child,
+      visitor,
+      hasChildren(node) ? node : parent,
+      childIndex
+    );
+  }
+}
+function element(tagName, properties = {}, children = []) {
+  return { type: "element", tagName, properties, children };
+}
+function text(value) {
+  return { type: "text", value };
+}
+function getTextContent(node) {
+  if (node.type === "text" && "value" in node && typeof node.value === "string") {
+    return node.value;
+  }
+  return getChildren(node).map(getTextContent).join("");
+}
+function hasClass(node, className) {
+  const value = node.properties?.className;
+  const classes = Array.isArray(value) ? value.map(String) : typeof value === "string" ? value.split(/\s+/) : [];
+  return classes.includes(className);
+}
+function isElementNode(node) {
+  return node.type === "element";
+}
+function hasChildren(node) {
+  return Array.isArray(node.children);
+}
+function getChildren(node) {
+  const children = node.children;
+  return Array.isArray(children) ? children : [];
+}
+
+// src/rehype.ts
+var DIAGNOSTIC_SOURCE = "@riebeckite/plugin-rich-embed";
+var RICH_EMBED_MARKER = "RIEBECKITE_EXTERNAL_RICHEMBED_MARKER";
+function rehypeRichEmbed(options = {}) {
+  return (tree, file) => {
+    visitElements(tree, (node, parent, index) => {
+      if (!parent || index === void 0 || !isEmbedCodeBlock(node)) return;
+      const code = findDirectChild(node, "code");
+      const source = (code ? getTextContent(code) : getTextContent(node)).trim();
+      const parsed = parseEmbedBlock(source);
+      if (!parsed) {
+        reportDiagnostic(file, source, "the embed block is empty.");
+        return;
+      }
+      const resolution = resolveEmbed(parsed.url, parsed.options, options);
+      if (resolution.kind === "unsupported") {
+        reportDiagnostic(file, parsed.url, resolution.message);
+        return;
+      }
+      parent.children = parent.children ?? [];
+      parent.children[index] = buildFigure(resolution, parsed.options);
+    });
+  };
+}
+function buildFigure(resolution, block) {
+  const children = [];
+  if (resolution.kind === "iframe") {
+    children.push(
+      element(
+        "div",
+        {
+          className: "rb-rich-embed__frame",
+          style: `--rb-rich-embed-aspect:${resolution.aspect}`
+        },
+        [
+          element("iframe", {
+            src: resolution.src,
+            loading: "lazy",
+            allowFullscreen: true,
+            referrerPolicy: "strict-origin-when-cross-origin",
+            title: resolution.title
+          })
+        ]
+      )
+    );
+  } else {
+    children.push(
+      element("div", { className: "rb-rich-embed__card" }, [
+        element(
+          "a",
+          {
+            className: "rb-rich-embed__link",
+            href: resolution.href,
+            rel: "noopener noreferrer",
+            target: "_blank"
+          },
+          [text(resolution.label)]
+        )
+      ])
+    );
+  }
+  const caption = block.caption?.trim();
+  if (caption) {
+    children.push(
+      element("figcaption", { className: "rb-rich-embed__caption" }, [
+        text(caption)
+      ])
+    );
+  }
+  return element(
+    "figure",
+    {
+      className: "rb-rich-embed",
+      dataRichEmbed: resolution.provider,
+      dataRichEmbedMarker: RICH_EMBED_MARKER
+    },
+    children
+  );
+}
+function reportDiagnostic(file, target, message) {
+  const reporter = file?.message;
+  if (typeof reporter !== "function") return;
+  const diagnostic = reporter.call(
+    file,
+    `Rich embed kept as a code block: ${message} (${target})`
+  );
+  if (diagnostic && typeof diagnostic === "object") {
+    Object.assign(diagnostic, {
+      source: DIAGNOSTIC_SOURCE,
+      ruleId: "unsupported-embed"
+    });
+  }
+}
+function isEmbedCodeBlock(node) {
+  if (node.tagName !== "pre") return false;
+  const code = findDirectChild(node, "code");
+  return Boolean(code && hasClass(code, "language-embed"));
+}
+function findDirectChild(node, tagName) {
+  return node.children?.find(
+    (child) => child.type === "element" && child.tagName === tagName
+  ) ?? null;
+}
+
+// index.ts
+function richEmbed(options = {}) {
+  return definePlugin({
+    name: "rich-embed",
+    options,
+    validateOptions: validateRichEmbedOptions,
+    extendHtmlPipeline: (pipeline) => {
+      pipeline.use(rehypeRichEmbed, options);
+    },
+    assets: [createStyleAsset("rich-embed")]
+  });
+}
+var richEmbedPlugin = richEmbed;
+function validateRichEmbedOptions(options) {
+  if (!options) return [];
+  const issues = [];
+  if (options.allowHosts !== void 0) {
+    if (!Array.isArray(options.allowHosts)) {
+      issues.push({
+        path: "allowHosts",
+        message: "Expected an array of hostnames."
+      });
+    } else {
+      for (const [index, host] of options.allowHosts.entries()) {
+        if (typeof host !== "string" || host.trim().length === 0) {
+          issues.push({
+            path: `allowHosts[${index}]`,
+            message: "Expected a non-empty hostname string."
+          });
+        } else if (host.includes("/") || host.includes(":")) {
+          issues.push({
+            path: `allowHosts[${index}]`,
+            message: "Expected a hostname only (no scheme, path, or port)."
+          });
+        }
+      }
+    }
+  }
+  for (const key of ["providers", "disable"]) {
+    const value = options[key];
+    if (value === void 0) continue;
+    if (!Array.isArray(value)) {
+      issues.push({
+        path: key,
+        message: "Expected an array of provider names."
+      });
+      continue;
+    }
+    for (const [index, provider] of value.entries()) {
+      if (!isRichEmbedProvider(provider)) {
+        issues.push({
+          path: `${key}[${index}]`,
+          message: `Unknown provider "${String(provider)}".`
+        });
+      }
+    }
+  }
+  return issues;
+}
+function isRichEmbedProvider(value) {
+  return typeof value === "string" && RICH_EMBED_PROVIDERS.includes(value);
+}
+export {
+  richEmbed,
+  richEmbedPlugin
+};

package/dist/src/hast.d.ts

@@ -0,0 +1,8 @@
+import type { ElementNode, HastNode, ParentNode, TextNode } from "./types.js";
+export declare function visitElements(node: HastNode, visitor: (node: ElementNode, parent?: ParentNode, index?: number) => void, parent?: ParentNode, index?: number): void;
+export declare function element(tagName: string, properties?: Record<string, unknown>, children?: HastNode[]): ElementNode;
+export declare function text(value: string): TextNode;
+export declare function getTextContent(node: HastNode): string;
+export declare function getStringProperty(node: ElementNode, key: string): string | null;
+export declare function hasClass(node: ElementNode, className: string): boolean;
+export declare function mergeClassName(current: unknown, next: string): string;

package/dist/src/providers.d.ts

@@ -0,0 +1,38 @@
+import type { RichEmbedBlockOptions, RichEmbedOptions, RichEmbedProvider } from "./types.js";
+export declare const RICH_EMBED_PROVIDERS: readonly RichEmbedProvider[];
+export declare const DEFAULT_ASPECT = "16/9";
+export type ParsedEmbedBlock = {
+    url: string;
+    options: RichEmbedBlockOptions;
+};
+export type EmbedResolution = {
+    kind: "iframe";
+    provider: RichEmbedProvider;
+    src: string;
+    title: string;
+    aspect: string;
+} | {
+    kind: "link";
+    provider: "gist";
+    href: string;
+    label: string;
+    aspect: string;
+} | {
+    kind: "unsupported";
+    provider: RichEmbedProvider | null;
+    message: string;
+};
+export type SupportedEmbedResolution = Exclude<EmbedResolution, {
+    kind: "unsupported";
+}>;
+/**
+ * Parses an `embed` fenced code block. The first non-empty line is the URL and
+ * every following `key: value` line is an option.
+ */
+export declare function parseEmbedBlock(source: string): ParsedEmbedBlock | null;
+export declare function normalizeAspect(value: string): string | null;
+/**
+ * Resolves a URL to an embeddable target using only string inspection. No
+ * network request is performed.
+ */
+export declare function resolveEmbed(urlText: string, block: RichEmbedBlockOptions, config: RichEmbedOptions): EmbedResolution;

package/dist/src/rehype.d.ts

@@ -0,0 +1,2 @@
+import type { HastNode, RichEmbedOptions } from "./types.js";
+export declare function rehypeRichEmbed(options?: RichEmbedOptions): (tree: HastNode, file: unknown) => void;

package/dist/src/types.d.ts

@@ -0,0 +1,49 @@
+/**
+ * Providers that `richEmbed()` can recognise from a URL alone. Detection never
+ * performs a network request; it only inspects the parsed https URL.
+ */
+export type RichEmbedProvider = "youtube" | "vimeo" | "spotify" | "codepen" | "gist" | "generic";
+export type RichEmbedOptions = {
+    /**
+     * Hostnames (exact match, case-insensitive) allowed to fall back to a generic
+     * `<iframe>` when no built-in provider recognises the URL. Empty by default,
+     * so unknown hosts are never embedded.
+     */
+    allowHosts?: readonly string[];
+    /**
+     * Allowlist of providers to enable. When omitted, every provider is enabled.
+     */
+    providers?: readonly RichEmbedProvider[];
+    /**
+     * Providers to disable. Takes precedence over `providers`.
+     */
+    disable?: readonly RichEmbedProvider[];
+};
+/** Options parsed from the lines that follow the URL in an `embed` fence. */
+export type RichEmbedBlockOptions = {
+    title?: string;
+    caption?: string;
+    aspect?: string;
+    start?: number;
+};
+export type ElementNode = {
+    type: string;
+    tagName?: string;
+    properties?: Record<string, unknown>;
+    children?: HastNode[];
+};
+export type ParentNode = HastNode & {
+    children?: HastNode[];
+};
+export type TextNode = {
+    type: "text";
+    value: string;
+};
+export type RawNode = {
+    type: "raw";
+    value: string;
+};
+export type HastNode = ElementNode | TextNode | RawNode | {
+    type: string;
+    [key: string]: unknown;
+};

package/package.json

@@ -0,0 +1,55 @@
+{
+  "name": "@riebeckite/plugin-rich-embed",
+  "version": "0.0.1",
+  "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"
+    },
+    "./style.css": "./style.css"
+  },
+  "dependencies": {
+    "@riebeckite/core": "0.0.1"
+  },
+  "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/rich-embed"
+  },
+  "homepage": "https://github.com/Rerurate514/riebeckite#readme",
+  "bugs": {
+    "url": "https://github.com/Rerurate514/riebeckite/issues"
+  },
+  "description": "Build-time rich media embeds for Riebeckite code blocks.",
+  "keywords": [
+    "riebeckite",
+    "plugin",
+    "embeds",
+    "markdown"
+  ],
+  "engines": {
+    "node": "^20.19.0 || >=22.12.0"
+  },
+  "sideEffects": [
+    "./style.css"
+  ],
+  "scripts": {
+    "build": "node ../../../scripts/build_package.mjs"
+  }
+}

package/style.css

@@ -0,0 +1,78 @@
+/*
+ * @riebeckite/plugin-rich-embed
+ * Stable class namespace: rb-rich-embed*
+ */
+.rb-rich-embed {
+  --rb-rich-embed-paper: var(--rb-color-paper, #ffffff);
+  --rb-rich-embed-ink: var(--rb-color-ink, #000000);
+  --rb-rich-embed-muted: var(--rb-color-muted, #69645c);
+  --rb-rich-embed-rule: var(
+    --rb-color-border,
+    color-mix(in srgb, var(--rb-rich-embed-ink) 18%, transparent)
+  );
+  margin: 2rem 0;
+  border: 1px solid var(--rb-rich-embed-rule);
+  background: color-mix(
+    in srgb,
+    var(--rb-rich-embed-paper) 96%,
+    var(--rb-rich-embed-ink)
+  );
+  color: var(--rb-rich-embed-ink);
+}
+
+.rb-rich-embed__frame {
+  position: relative;
+  aspect-ratio: var(--rb-rich-embed-aspect, 16 / 9);
+  width: 100%;
+  overflow: hidden;
+  background: color-mix(in srgb, var(--rb-rich-embed-ink) 6%, transparent);
+}
+
+.rb-rich-embed__frame > iframe {
+  position: absolute;
+  inset: 0;
+  display: block;
+  width: 100%;
+  height: 100%;
+  border: 0;
+}
+
+.rb-rich-embed__caption {
+  padding: 0.625rem 0.75rem;
+  border-top: 1px solid var(--rb-rich-embed-rule);
+  color: var(--rb-rich-embed-muted);
+  font-size: 0.875rem;
+}
+
+.rb-rich-embed__card {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  padding: 1rem 1.25rem;
+}
+
+.rb-rich-embed__link {
+  color: var(--rb-color-accent, var(--rb-rich-embed-ink));
+  font-weight: 600;
+  text-decoration: underline;
+  text-underline-offset: 0.15em;
+}
+
+.rb-rich-embed__link::after {
+  content: "↗";
+  margin-inline-start: 0.35em;
+  font-weight: 400;
+  text-decoration: none;
+}
+
+html[data-theme="dark"] .rb-rich-embed,
+html.dark .rb-rich-embed {
+  --rb-rich-embed-paper: var(--rb-color-ink, #000000);
+  --rb-rich-embed-ink: var(--rb-color-paper, #ffffff);
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .rb-rich-embed__link {
+    transition: none;
+  }
+}