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

package/dist/{chunk-6SPJOY2C.js → chunk-ZB3Q7IQG.js}

@@ -22,7 +22,7 @@ function hasTweetIn(post) {
   }
   if (post.format === "html") {
     if (typeof post.body !== "string") return false;
-    return post.body.includes("twitter-tweet");
+    return post.body.includes("twitter-tweet") || post.body.toLowerCase().includes("data-ampless-tweet");
   }
   return false;
 }

package/dist/editor.js

@@ -2,7 +2,7 @@
 import {
   TWEET_URL,
   parseTweetUrl
-} from "./chunk-6SPJOY2C.js";
+} from "./chunk-ZB3Q7IQG.js";
 
 // src/editor.tsx
 import { Node, mergeAttributes } from "@tiptap/core";
@@ -175,7 +175,8 @@ var tiptapNodeToHtml = {
     const tweetId = String(node.attrs?.tweetId ?? "").trim();
     if (!tweetId) return null;
     const attrs = placeholderAttrs(node.attrs ?? {});
-    return `<div ${attrsToHtmlString(attrs)}><span>Tweet: ${escapeAttr(tweetId)}</span></div>`;
+    const url = `https://x.com/i/status/${tweetId}`;
+    return `<div ${attrsToHtmlString(attrs)}><a href="${escapeAttr(url)}">${escapeAttr(url)}</a></div>`;
   }
 };
 export {

package/dist/index.js

@@ -3,7 +3,7 @@ import {
   TweetEmbed,
   hasTweetIn,
   parseTweetUrl
-} from "./chunk-6SPJOY2C.js";
+} from "./chunk-ZB3Q7IQG.js";
 
 // src/index.tsx
 import { definePlugin } from "ampless";
@@ -23,6 +23,18 @@ function xEmbedPlugin(opts = {}) {
         render: (node) => {
           const tweetId = String(node.attrs?.tweetId ?? "");
           return /* @__PURE__ */ jsx(TweetEmbed, { tweetId });
+        },
+        // 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 `<TweetEmbed>` the tiptap / markdown walkers
+        // render. Attribute names match `placeholderAttrs()` in ./editor.tsx
+        // (the canonical definition site). The page-level widgets.js is
+        // injected via `publicPostScript` + the `hasTweetIn` html branch.
+        htmlPlaceholder: {
+          flagAttr: "data-ampless-tweet",
+          attrsFromElement: (attribs) => ({
+            tweetId: attribs["data-tweet-id"] ?? ""
+          })
         }
       },
       {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ampless/plugin-x-embed",
-  "version": "1.0.0-alpha.8",
+  "version": "1.0.0-beta.14",
   "description": "x.com (Twitter) embed plugin for ampless — renders tweet URLs inline as blockquotes hydrated by widgets.js",
   "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",