zenn-markdown-html 0.1.122-alpha.0 → 0.1.122

package/lib/utils/md-custom-block.js

@@ -84,6 +84,16 @@ const blockOptions = {
     return (0, _helper.generateEmbedIframe)('tweet', str);
   },
 
+  blueprintue(str) {
+    if (!(0, _urlMatcher.isBlueprintUEUrl)(str)) return '「https://blueprintue.com/render/」から始まる正しいURLを指定してください';
+    return `<div class="embed-blueprintue"><iframe src="${str}" width="100%" height="500px" scrolling="no" frameborder="no" loading="lazy" allowfullscreen></iframe></div>`;
+  },
+
+  figma(str) {
+    if (!(0, _urlMatcher.isFigmaUrl)(str)) return 'ファイルまたはプロトタイプのFigma URLを指定してください';
+    return `<div class="embed-figma"><iframe src="https://www.figma.com/embed?embed_host=zenn&url=${str}" scrolling="no" frameborder="no" loading="lazy" allowfullscreen width="100%" height="500px"></iframe></div>`;
+  },
+
   card(str) {
     if (!(0, _helper.isValidHttpUrl)(str)) return 'URLが不正です';
     return (0, _helper.generateEmbedIframe)('link-card', str);

package/lib/utils/md-linkify-to-card.js

@@ -88,9 +88,21 @@ function mdLinkifyToCard(md) {
   md.core.ruler.after('replacements', 'link-to-card', function ({
     tokens
   }) {
-    // 本文内のすべてのtokenをチェック
+    // 埋め込みを許可するネストレベル
+    let allowLevel = 0; // 本文内のすべてのtokenをチェック
+
     tokens.forEach((token, i) => {
-      // autolinkはinline内のchildrenにのみ存在
+      if (token.type === 'container_details_open') {
+        allowLevel++;
+        return;
+      }
+
+      if (token.type === 'container_details_close' && allowLevel > 0) {
+        allowLevel--;
+        return;
+      } // autolinkはinline内のchildrenにのみ存在
+
+
       if (token.type !== 'inline') return; // childrenが存在しない場合は変換しない
 
       const children = token.children;
@@ -100,7 +112,7 @@ function mdLinkifyToCard(md) {
       if (!hasAnyAutolink) return; // 親がコンテンツ直下のp要素の場合のみ変換
 
       const parentToken = tokens[i - 1];
-      const isParentRootParagraph = parentToken && parentToken.type === 'paragraph_open' && parentToken.level === 0;
+      const isParentRootParagraph = parentToken && parentToken.type === 'paragraph_open' && parentToken.level === allowLevel;
       if (!isParentRootParagraph) return;
       token.children = convertAutolinkToEmbed(children);
     });

package/lib/utils/url-matcher.d.ts

@@ -9,3 +9,12 @@ export declare function extractYoutubeVideoParameters(youtubeUrl: string): {
     start?: string;
 } | undefined;
 export declare function isYoutubeUrl(url: string): boolean;
+/**
+ * 参考: https://blueprintue.com/
+ * 生成されるURLをもとに正規表現を定義した
+ */
+export declare function isBlueprintUEUrl(url: string): boolean;
+/**
+ * 参考: https://www.figma.com/developers/embed
+ */
+export declare function isFigmaUrl(url: string): boolean;

package/lib/utils/url-matcher.js

@@ -4,8 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.extractYoutubeVideoParameters = extractYoutubeVideoParameters;
+exports.isBlueprintUEUrl = isBlueprintUEUrl;
 exports.isCodepenUrl = isCodepenUrl;
 exports.isCodesandboxUrl = isCodesandboxUrl;
+exports.isFigmaUrl = isFigmaUrl;
 exports.isGistUrl = isGistUrl;
 exports.isJsfiddleUrl = isJsfiddleUrl;
 exports.isStackblitzUrl = isStackblitzUrl;
@@ -57,4 +59,21 @@ function extractYoutubeVideoParameters(youtubeUrl) {
 
 function isYoutubeUrl(url) {
   return youtubeRegexp.test(url);
+}
+/**
+ * 参考: https://blueprintue.com/
+ * 生成されるURLをもとに正規表現を定義した
+ */
+
+
+function isBlueprintUEUrl(url) {
+  return /^https:\/\/blueprintue\.com\/render\/.+\/$/.test(url);
+}
+/**
+ * 参考: https://www.figma.com/developers/embed
+ */
+
+
+function isFigmaUrl(url) {
+  return /^https:\/\/([\w.-]+\.)?figma.com\/(file|proto)\/([0-9a-zA-Z]{22,128})(?:\/.*)?$/.test(url);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zenn-markdown-html",
-  "version": "0.1.122-alpha.0",
+  "version": "0.1.122",
   "license": "MIT",
   "description": "Convert markdown to zenn flavor html.",
   "main": "lib/index.js",
@@ -53,7 +53,7 @@
     "markdown-it-task-lists": "^2.1.1",
     "prismjs": "^1.27.0"
   },
-  "gitHead": "e71f9dacb5b9aa53545aebb9820def8f289886ce",
+  "gitHead": "027fd1986a92a21385754700c32753c7644e5df8",
   "publishConfig": {
     "access": "public"
   }