@ampless/plugin-youtube 1.0.0-beta.15 → 1.0.0-beta.17

package/dist/chunk-53IJFCTF.js

@@ -0,0 +1,77 @@
+// src/shared.tsx
+import { jsx } from "react/jsx-runtime";
+var YOUTUBE_URL = /^https:\/\/(?:www\.)?(?:youtube\.com\/watch\?v=([\w-]{11})|youtu\.be\/([\w-]{11}))(?:[?&#]\S*)?$/;
+var VIDEO_ID = /^[\w-]{11}$/;
+function YouTubeEmbed({
+  videoId,
+  start,
+  title
+}) {
+  if (typeof videoId !== "string" || !VIDEO_ID.test(videoId)) return null;
+  const query = typeof start === "number" && Number.isFinite(start) && start > 0 ? `?start=${Math.floor(start)}` : "";
+  const src = `https://www.youtube-nocookie.com/embed/${videoId}${query}`;
+  return /* @__PURE__ */ jsx(
+    "iframe",
+    {
+      src,
+      title: title ?? `YouTube video ${videoId}`,
+      loading: "lazy",
+      allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",
+      referrerPolicy: "strict-origin-when-cross-origin",
+      allowFullScreen: true,
+      width: 560,
+      height: 315,
+      style: { width: "100%", aspectRatio: "16 / 9", height: "auto", border: 0 }
+    }
+  );
+}
+function parseYoutubeUrl(url) {
+  const trimmed = url.trim();
+  const m = trimmed.match(YOUTUBE_URL);
+  if (!m) return null;
+  return m[1] ?? m[2] ?? null;
+}
+
+// src/adapters.ts
+function placeholderAttrs(attrs) {
+  const out = {
+    "data-ampless-youtube": "",
+    "data-video-id": String(attrs.videoId ?? ""),
+    class: "ampless-youtube-placeholder"
+  };
+  if (attrs.start != null && Number.isFinite(Number(attrs.start))) {
+    out["data-start"] = String(attrs.start);
+  }
+  return out;
+}
+function escapeAttr(v) {
+  return v.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+}
+function attrsToHtmlString(attrs) {
+  return Object.entries(attrs).map(([k, v]) => v === "" ? k : `${k}="${escapeAttr(v)}"`).join(" ");
+}
+var tiptapNodeToMarkdown = {
+  amplessYoutube: (node) => {
+    const videoId = String(node.attrs?.videoId ?? "").trim();
+    if (!videoId) return null;
+    return `https://youtu.be/${videoId}`;
+  }
+};
+var tiptapNodeToHtml = {
+  amplessYoutube: (node) => {
+    const videoId = String(node.attrs?.videoId ?? "").trim();
+    if (!videoId) return null;
+    const attrs = placeholderAttrs(node.attrs ?? {});
+    const url = `https://youtu.be/${videoId}`;
+    return `<div ${attrsToHtmlString(attrs)}><a href="${escapeAttr(url)}">${escapeAttr(url)}</a></div>`;
+  }
+};
+
+export {
+  YOUTUBE_URL,
+  YouTubeEmbed,
+  parseYoutubeUrl,
+  placeholderAttrs,
+  tiptapNodeToMarkdown,
+  tiptapNodeToHtml
+};

package/dist/editor.d.ts

@@ -1,6 +1,36 @@
 import { Node } from '@tiptap/core';
 import { TiptapNodeHtmlAdapters, TiptapNodeMarkdownAdapters } from 'ampless';
 
+/**
+ * tiptap → markdown adapter map. Serialises `amplessYoutube` nodes back
+ * to a bare `https://youtu.be/<videoId>` URL line so the admin's
+ * "format: tiptap → markdown" body switch is lossless. The reverse
+ * direction (URL → embed node on paste) is handled by the existing paste
+ * rule + `extractSingleUrl` path in the runtime.
+ *
+ * `update-ampless` reads this export (via namespace import `* as`) and
+ * wires it into `installAdminTiptapNodeMarkdown`.
+ */
+declare const tiptapNodeToMarkdown: TiptapNodeMarkdownAdapters;
+
+/**
+ * tiptap → html adapter map. Serialises `amplessYoutube` nodes to the
+ * canonical placeholder div `<div data-ampless-youtube data-video-id="..."
+ * class="ampless-youtube-placeholder">…</div>` so the admin's
+ * "format: tiptap → html" body switch is lossless. The div is what
+ * `Node.parseHTML`'s `tag: 'div[data-ampless-youtube]'` rule restores
+ * from. It is an admin format-switch interchange form; public rendering
+ * expands YouTube embeds from the `tiptap` / `markdown` walkers, while
+ * `format: 'html'` preserves the div literally.
+ *
+ * `markdown → html` is a 2-hop via `generateJSON` (in admin format-switch);
+ * this adapter is reused by that path — no duplicate logic needed.
+ *
+ * `update-ampless` reads this export (via namespace import `* as`) and
+ * wires it into `installAdminTiptapNodeHtml`.
+ */
+declare const tiptapNodeToHtml: TiptapNodeHtmlAdapters;
+
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         amplessYoutube: {
@@ -36,34 +66,4 @@ declare const youtubeEditor: {
  */
 declare const editorExtension: Node<any, any>;
 
-/**
- * tiptap → markdown adapter map. Serialises `amplessYoutube` nodes back
- * to a bare `https://youtu.be/<videoId>` URL line so the admin's
- * "format: tiptap → markdown" body switch is lossless. The reverse
- * direction (URL → embed node on paste) is handled by the existing paste
- * rule + `extractSingleUrl` path in the runtime.
- *
- * `update-ampless` reads this export (via namespace import `* as`) and
- * wires it into `installAdminTiptapNodeMarkdown`.
- */
-declare const tiptapNodeToMarkdown: TiptapNodeMarkdownAdapters;
-
-/**
- * tiptap → html adapter map. Serialises `amplessYoutube` nodes to the
- * canonical placeholder div `<div data-ampless-youtube data-video-id="..."
- * class="ampless-youtube-placeholder">…</div>` so the admin's
- * "format: tiptap → html" body switch is lossless. The div is what
- * `Node.parseHTML`'s `tag: 'div[data-ampless-youtube]'` rule restores
- * from. It is an admin format-switch interchange form; public rendering
- * expands YouTube embeds from the `tiptap` / `markdown` walkers, while
- * `format: 'html'` preserves the div literally.
- *
- * `markdown → html` is a 2-hop via `generateJSON` (in admin format-switch);
- * this adapter is reused by that path — no duplicate logic needed.
- *
- * `update-ampless` reads this export (via namespace import `* as`) and
- * wires it into `installAdminTiptapNodeHtml`.
- */
-declare const tiptapNodeToHtml: TiptapNodeHtmlAdapters;
-
 export { AmplessYoutubeNode, editorExtension, tiptapNodeToHtml, tiptapNodeToMarkdown, youtubeEditor };

package/dist/editor.js

@@ -1,8 +1,11 @@
 "use client";
 import {
   YOUTUBE_URL,
-  parseYoutubeUrl
-} from "./chunk-67ETNQMN.js";
+  parseYoutubeUrl,
+  placeholderAttrs,
+  tiptapNodeToHtml,
+  tiptapNodeToMarkdown
+} from "./chunk-53IJFCTF.js";
 
 // src/editor.tsx
 import { Node, mergeAttributes } from "@tiptap/core";
@@ -23,23 +26,6 @@ function getBareUrlLinkHref(el) {
   if (el.textContent?.trim() !== linkText) return null;
   return href;
 }
-function placeholderAttrs(attrs) {
-  const out = {
-    "data-ampless-youtube": "",
-    "data-video-id": String(attrs.videoId ?? ""),
-    class: "ampless-youtube-placeholder"
-  };
-  if (attrs.start != null && Number.isFinite(Number(attrs.start))) {
-    out["data-start"] = String(attrs.start);
-  }
-  return out;
-}
-function escapeAttr(v) {
-  return v.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
-}
-function attrsToHtmlString(attrs) {
-  return Object.entries(attrs).map(([k, v]) => v === "" ? k : `${k}="${escapeAttr(v)}"`).join(" ");
-}
 var AmplessYoutubeNode = Node.create({
   name: "amplessYoutube",
   group: "block",
@@ -178,22 +164,6 @@ var youtubeEditor = {
   extension: AmplessYoutubeNode
 };
 var editorExtension = AmplessYoutubeNode;
-var tiptapNodeToMarkdown = {
-  amplessYoutube: (node) => {
-    const videoId = String(node.attrs?.videoId ?? "").trim();
-    if (!videoId) return null;
-    return `https://youtu.be/${videoId}`;
-  }
-};
-var tiptapNodeToHtml = {
-  amplessYoutube: (node) => {
-    const videoId = String(node.attrs?.videoId ?? "").trim();
-    if (!videoId) return null;
-    const attrs = placeholderAttrs(node.attrs ?? {});
-    const url = `https://youtu.be/${videoId}`;
-    return `<div ${attrsToHtmlString(attrs)}><a href="${escapeAttr(url)}">${escapeAttr(url)}</a></div>`;
-  }
-};
 export {
   AmplessYoutubeNode,
   editorExtension,

package/dist/index.js

@@ -1,8 +1,9 @@
 import {
   YOUTUBE_URL,
   YouTubeEmbed,
-  parseYoutubeUrl
-} from "./chunk-67ETNQMN.js";
+  parseYoutubeUrl,
+  tiptapNodeToMarkdown
+} from "./chunk-53IJFCTF.js";
 
 // src/index.tsx
 import { definePlugin } from "ampless";
@@ -29,7 +30,7 @@ function youtubePlugin(opts = {}) {
         // the canonical placeholder div (emitted by the admin's tiptap→html
         // switch) into the same `<YouTubeEmbed>` the tiptap / markdown
         // walkers render. Attribute names match `placeholderAttrs()` in
-        // ./editor.tsx (the canonical definition site).
+        // ./adapters.ts (the canonical definition site).
         htmlPlaceholder: {
           flagAttr: "data-ampless-youtube",
           attrsFromElement: (attribs) => {
@@ -49,7 +50,8 @@ function youtubePlugin(opts = {}) {
           return /* @__PURE__ */ jsx(YouTubeEmbed, { videoId });
         }
       }
-    ]
+    ],
+    tiptapNodeToMarkdown
   });
 }
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ampless/plugin-youtube",
-  "version": "1.0.0-beta.15",
+  "version": "1.0.0-beta.17",
   "description": "YouTube embed plugin for ampless — renders youtube.com / youtu.be URLs inline as iframes in tiptap + markdown posts",
   "license": "MIT",
   "type": "module",
@@ -32,7 +32,7 @@
   "peerDependencies": {
     "@tiptap/core": "^3",
     "react": "^18 || ^19",
-    "ampless": "^1.0.0-beta.54"
+    "ampless": "^1.0.0-beta.56"
   },
   "devDependencies": {
     "@tiptap/core": "^3.23.6",

package/dist/chunk-67ETNQMN.js

@@ -1,39 +0,0 @@
-// src/shared.tsx
-import { jsx } from "react/jsx-runtime";
-var YOUTUBE_URL = /^https:\/\/(?:www\.)?(?:youtube\.com\/watch\?v=([\w-]{11})|youtu\.be\/([\w-]{11}))(?:[?&#]\S*)?$/;
-var VIDEO_ID = /^[\w-]{11}$/;
-function YouTubeEmbed({
-  videoId,
-  start,
-  title
-}) {
-  if (typeof videoId !== "string" || !VIDEO_ID.test(videoId)) return null;
-  const query = typeof start === "number" && Number.isFinite(start) && start > 0 ? `?start=${Math.floor(start)}` : "";
-  const src = `https://www.youtube-nocookie.com/embed/${videoId}${query}`;
-  return /* @__PURE__ */ jsx(
-    "iframe",
-    {
-      src,
-      title: title ?? `YouTube video ${videoId}`,
-      loading: "lazy",
-      allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",
-      referrerPolicy: "strict-origin-when-cross-origin",
-      allowFullScreen: true,
-      width: 560,
-      height: 315,
-      style: { width: "100%", aspectRatio: "16 / 9", height: "auto", border: 0 }
-    }
-  );
-}
-function parseYoutubeUrl(url) {
-  const trimmed = url.trim();
-  const m = trimmed.match(YOUTUBE_URL);
-  if (!m) return null;
-  return m[1] ?? m[2] ?? null;
-}
-
-export {
-  YOUTUBE_URL,
-  YouTubeEmbed,
-  parseYoutubeUrl
-};