@ampless/plugin-youtube 1.0.0-alpha.8 → 1.0.0-beta.14

package/dist/editor.js

@@ -190,7 +190,8 @@ var tiptapNodeToHtml = {
     const videoId = String(node.attrs?.videoId ?? "").trim();
     if (!videoId) return null;
     const attrs = placeholderAttrs(node.attrs ?? {});
-    return `<div ${attrsToHtmlString(attrs)}><span>YouTube: ${escapeAttr(videoId)}</span></div>`;
+    const url = `https://youtu.be/${videoId}`;
+    return `<div ${attrsToHtmlString(attrs)}><a href="${escapeAttr(url)}">${escapeAttr(url)}</a></div>`;
   }
 };
 export {

package/dist/index.js

@@ -24,6 +24,21 @@ function youtubePlugin(opts = {}) {
           const startRaw = node.attrs?.start;
           const start = typeof startRaw === "number" && Number.isFinite(startRaw) ? startRaw : void 0;
           return /* @__PURE__ */ jsx(YouTubeEmbed, { videoId, start });
+        },
+        // Opt into the public html walker so `format: 'html'` posts expand
+        // 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).
+        htmlPlaceholder: {
+          flagAttr: "data-ampless-youtube",
+          attrsFromElement: (attribs) => {
+            const start = Number(attribs["data-start"]);
+            return {
+              videoId: attribs["data-video-id"] ?? "",
+              start: Number.isFinite(start) ? start : void 0
+            };
+          }
         }
       },
       {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ampless/plugin-youtube",
-  "version": "1.0.0-alpha.8",
+  "version": "1.0.0-beta.14",
   "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-alpha.47"
+    "ampless": "^1.0.0-beta.51"
   },
   "devDependencies": {
     "@tiptap/core": "^3.23.6",