@anweb/nuxt-aneditor 0.1.1

package/dist/runtime/utils/toMarkdown.js

@@ -0,0 +1,233 @@
+let sharedParser = null;
+export const toMarkdown = (html) => {
+  if (!html || !html.trim()) return "";
+  if (!sharedParser) sharedParser = new DOMParser();
+  const doc = sharedParser.parseFromString(`<div>${html}</div>`, "text/html");
+  const root = doc.body.firstElementChild;
+  if (!root) return "";
+  return walkNodes(root).replace(/\n{3,}/g, "\n\n").trim();
+};
+const extractImgWidth = (el) => {
+  const style = el.getAttribute("style") ?? "";
+  const match = style.match(/width:\s*(\d+(?:px|%))/);
+  if (match) return match[1];
+  const widthAttr = el.getAttribute("width");
+  if (widthAttr) return widthAttr;
+  return null;
+};
+const walkListItems = (listEl, indent = 0) => {
+  let result = "";
+  const tag = listEl.tagName.toLowerCase();
+  let index = 1;
+  for (const child of listEl.children) {
+    if (child.tagName.toLowerCase() !== "li") continue;
+    const li = child;
+    const prefix = " ".repeat(indent);
+    const marker = tag === "ul" ? "- " : `${index}. `;
+    let liText = "";
+    for (const node of li.childNodes) {
+      if (node.nodeType === Node.TEXT_NODE) {
+        liText += node.textContent ?? "";
+        continue;
+      }
+      if (node.nodeType === Node.ELEMENT_NODE) {
+        const el = node;
+        const t = el.tagName.toLowerCase();
+        if (t === "ul" || t === "ol") continue;
+        liText += walkNodes(el);
+        continue;
+      }
+    }
+    result += `${prefix}${marker}${liText.trim()}
+`;
+    for (const node of li.children) {
+      const t = node.tagName.toLowerCase();
+      if (t === "ul" || t === "ol") {
+        result += walkListItems(node, indent + 2);
+      }
+    }
+    index++;
+  }
+  return result;
+};
+const walkTable = (tableEl) => {
+  let result = "";
+  const thead = tableEl.querySelector("thead");
+  const tbody = tableEl.querySelector("tbody");
+  const getRowCells = (row) => {
+    return Array.from(row.children).map((cell) => walkNodes(cell).trim());
+  };
+  const getAlign = (cell) => {
+    const style = cell.getAttribute("style") ?? "";
+    if (style.includes("center")) return ":---:";
+    if (style.includes("right")) return "---:";
+    return "---";
+  };
+  if (thead) {
+    const headerRow = thead.querySelector("tr");
+    if (headerRow) {
+      const headers = getRowCells(headerRow);
+      const aligns = Array.from(headerRow.children).map(getAlign);
+      result += "| " + headers.join(" | ") + " |\n";
+      result += "| " + aligns.join(" | ") + " |\n";
+    }
+  }
+  if (tbody) {
+    for (const row of tbody.querySelectorAll(":scope > tr")) {
+      const cells = getRowCells(row);
+      result += "| " + cells.join(" | ") + " |\n";
+    }
+  }
+  result += "\n";
+  return result;
+};
+const walkNodes = (parent) => {
+  let result = "";
+  for (const node of parent.childNodes) {
+    if (node.nodeType === Node.TEXT_NODE) {
+      result += node.textContent ?? "";
+      continue;
+    }
+    if (node.nodeType !== Node.ELEMENT_NODE) continue;
+    const el = node;
+    const tag = el.tagName.toLowerCase();
+    if (/^h[1-6]$/.test(tag)) {
+      const level = parseInt(tag[1]);
+      result += `${"#".repeat(level)} ${walkNodes(el).trim()}
+
+`;
+      continue;
+    }
+    if (tag === "strong" || tag === "b") {
+      result += `**${walkNodes(el)}**`;
+      continue;
+    }
+    if (tag === "em" || tag === "i") {
+      result += `*${walkNodes(el)}*`;
+      continue;
+    }
+    if (tag === "s" || tag === "del" || tag === "strike") {
+      result += `~~${walkNodes(el)}~~`;
+      continue;
+    }
+    if (tag === "a") {
+      const href = el.getAttribute("href") ?? "";
+      result += `[${walkNodes(el)}](${href})`;
+      continue;
+    }
+    if (tag === "img") {
+      const src = el.getAttribute("src") ?? "";
+      const alt = el.getAttribute("alt") ?? "";
+      const width = extractImgWidth(el);
+      if (width) {
+        result += `<img src="${src}" alt="${alt}" width="${width}" />`;
+      } else {
+        result += `![${alt}](${src})`;
+      }
+      continue;
+    }
+    if (tag === "figure") {
+      const img = el.querySelector("img");
+      if (img) {
+        const src = img.getAttribute("src") ?? "";
+        const alt = img.getAttribute("alt") ?? "";
+        const width = extractImgWidth(img);
+        if (width) {
+          result += `<img src="${src}" alt="${alt}" width="${width}" />
+
+`;
+        } else {
+          result += `![${alt}](${src})
+
+`;
+        }
+        continue;
+      }
+    }
+    if (tag === "pre") {
+      const code = el.querySelector("code");
+      const content = code?.textContent ?? el.textContent ?? "";
+      const langMatch = code?.className.match(/language-(\w+)/);
+      const lang = langMatch ? langMatch[1] : "";
+      result += `\`\`\`${lang}
+${content}
+\`\`\`
+
+`;
+      continue;
+    }
+    if (tag === "code") {
+      result += `\`${el.textContent ?? ""}\``;
+      continue;
+    }
+    if (tag === "hr") {
+      result += "---\n\n";
+      continue;
+    }
+    if (tag === "br") {
+      result += "\n";
+      continue;
+    }
+    if (tag === "ul" || tag === "ol") {
+      result += walkListItems(el, 0);
+      result += "\n";
+      continue;
+    }
+    if (tag === "table") {
+      result += walkTable(el);
+      continue;
+    }
+    if (tag === "blockquote") {
+      const inner = walkNodes(el).trim();
+      const lines = inner.split("\n");
+      result += lines.map((l) => `> ${l}`).join("\n") + "\n\n";
+      continue;
+    }
+    if (tag === "iframe") {
+      const src = el.getAttribute("src") ?? "";
+      const ytMatch = src.match(/youtube(?:-nocookie)?\.com\/embed\/([A-Za-z0-9_-]{11})/);
+      if (ytMatch) {
+        result += `https://www.youtube.com/watch?v=${ytMatch[1]}
+
+`;
+        continue;
+      }
+    }
+    if (tag === "div" && el.classList.contains("an-editor__youtube")) {
+      const iframe = el.querySelector("iframe");
+      if (iframe) {
+        const src = iframe.getAttribute("src") ?? "";
+        const ytMatch = src.match(/youtube(?:-nocookie)?\.com\/embed\/([A-Za-z0-9_-]{11})/);
+        if (ytMatch) {
+          result += `https://www.youtube.com/watch?v=${ytMatch[1]}
+
+`;
+          continue;
+        }
+      }
+    }
+    if (tag === "p") {
+      const inner = walkNodes(el).trim();
+      if (inner) {
+        result += `${inner}
+
+`;
+      }
+      continue;
+    }
+    if (tag === "input") {
+      continue;
+    }
+    if (tag === "div" || tag === "section" || tag === "article") {
+      const inner = walkNodes(el).trim();
+      if (inner) {
+        result += `${inner}
+
+`;
+      }
+      continue;
+    }
+    result += walkNodes(el);
+  }
+  return result;
+};

package/dist/runtime/utils/youtube.d.ts

@@ -0,0 +1 @@
+export declare const extractYouTubeId: (url: string) => string | null;

package/dist/runtime/utils/youtube.js

@@ -0,0 +1,6 @@
+export const extractYouTubeId = (url) => {
+  const match = url.match(
+    /(?:youtube\.com\/watch\?v=|youtu\.be\/|youtube\.com\/embed\/)([A-Za-z0-9_-]{11})/
+  );
+  return match ? match[1] : null;
+};

package/dist/types.d.mts

@@ -0,0 +1,3 @@
+export { default } from './module.mjs'
+
+export { type ModuleOptions } from './module.mjs'

package/package.json

@@ -0,0 +1,50 @@
+{
+	"name": "@anweb/nuxt-aneditor",
+	"version": "0.1.1",
+	"description": "AnEditor Nuxt module — WYSIWYG markdown editor",
+	"repository": "https://github.com/ANLTD/aneditor",
+	"license": "MIT",
+	"type": "module",
+	"exports": {
+		".": {
+			"types": "./dist/types.d.mts",
+			"import": "./dist/module.mjs"
+		}
+	},
+	"main": "./dist/module.mjs",
+	"typesVersions": {
+		"*": {
+			".": [
+				"./dist/types.d.mts"
+			]
+		}
+	},
+	"files": [
+		"dist"
+	],
+	"scripts": {
+		"prepack": "nuxt-module-build build",
+		"dev": "npm run dev:prepare && nuxi dev playground",
+		"dev:build": "nuxi build playground",
+		"dev:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxi prepare playground",
+		"release:patch": "npm run prepack && changelogen --patch --release && npm login && npm publish --access public && git push --follow-tags",
+		"release:minor": "npm run prepack && changelogen --minor --release && npm login && npm publish --access public && git push --follow-tags",
+		"release:major": "npm run prepack && changelogen --major --release && npm login && npm publish --access public && git push --follow-tags",
+		"update": "npx -y npm-check-updates -u"
+	},
+	"dependencies": {
+		"@anweb/nuxt-ancore": "^1.16.2",
+		"@nuxt/icon": "^2.2.1",
+		"@vueuse/core": "^14.2.1"
+	},
+	"devDependencies": {
+		"@nuxt/devtools": "^3.2.1",
+		"@nuxt/kit": "^4.3.1",
+		"@nuxt/module-builder": "^1.0.2",
+		"@nuxt/schema": "^4.3.1",
+		"@types/node": "latest",
+		"changelogen": "^0.6.2",
+		"nuxt": "^4.3.1",
+		"typescript": "~5.9.3"
+	}
+}