zenn-markdown-html 0.1.155 → 0.1.156

package/lib/embed.d.ts

@@ -1,5 +1,5 @@
 import type { MarkdownOptions } from './types';
-export type EmbedType = 'youtube' | 'slideshare' | 'speakerdeck' | 'jsfiddle' | 'codepen' | 'codesandbox' | 'stackblitz' | 'tweet' | 'blueprintue' | 'figma' | 'card' | 'gist' | 'github' | 'mermaid';
+export type EmbedType = 'youtube' | 'slideshare' | 'speakerdeck' | 'jsfiddle' | 'docswell' | 'codepen' | 'codesandbox' | 'stackblitz' | 'tweet' | 'blueprintue' | 'figma' | 'card' | 'gist' | 'github' | 'mermaid';
 /** embedサーバーで表示する埋め込み要素の種別 */
 export type EmbedServerType = Extract<EmbedType, 'tweet' | 'card' | 'mermaid' | 'github' | 'gist'>;
 /** 埋め込み要素のHTMLを生成する関数 */

package/lib/embed.js

@@ -5,8 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.embedKeys = exports.embedGenerators = void 0;
 var _utils = require("markdown-it/lib/common/utils");
-var _urlMatcher = require("./utils/url-matcher");
 var _embedHelper = require("./utils/embed-helper");
+var _urlMatcher = require("./utils/url-matcher");
 /** 埋め込み要素のHTMLを生成する関数をまとめたオブジェクト */
 const embedGenerators = {
   youtube(str) {
@@ -33,6 +33,17 @@ const embedGenerators = {
     }
     return `<span class="embed-block embed-speakerdeck"><iframe src="https://speakerdeck.com/player/${(0, _utils.escapeHtml)(key)}" scrolling="no" allowfullscreen allow="encrypted-media" loading="lazy"></iframe></span>`;
   },
+  docswell(str) {
+    const errorMessage = 'DocswellのスライドURLが不正です';
+    if (!(0, _urlMatcher.isDocswellUrl)(str)) {
+      return errorMessage;
+    }
+    const slideUrl = (0, _urlMatcher.extractDocswellEmbedUrl)(str);
+    if (!slideUrl) {
+      return errorMessage;
+    }
+    return `<span class="embed-block embed-docswell"><iframe src="${slideUrl}" allowfullscreen="true" class="docswell-iframe" width="620" height="349" style="border: 1px solid #ccc; display: block; margin: 0px auto; padding: 0px; aspect-ratio: 620/349;"></iframe></span>`;
+  },
   jsfiddle(str) {
     if (!(0, _urlMatcher.isJsfiddleUrl)(str)) {
       return 'jsfiddleのURLが不正です';

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

@@ -7,6 +7,7 @@ export declare function isStackblitzUrl(url: string): boolean;
 export declare function isCodesandboxUrl(url: string): boolean;
 export declare function isCodepenUrl(url: string): boolean;
 export declare function isJsfiddleUrl(url: string): boolean;
+export declare function isDocswellUrl(url: string): boolean;
 export declare function isYoutubeUrl(url: string): boolean;
 /**
  * youtube の URL から videoId と開始位置の秒数を取得する
@@ -15,6 +16,7 @@ export declare function extractYoutubeVideoParameters(youtubeUrl: string): {
     videoId: string;
     start?: string;
 } | undefined;
+export declare function extractDocswellEmbedUrl(url: string): string | null;
 /**
  * 参考: https://blueprintue.com/
  * 生成されるURLをもとに正規表現を定義した

package/lib/utils/url-matcher.js

@@ -3,10 +3,12 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.extractDocswellEmbedUrl = extractDocswellEmbedUrl;
 exports.extractYoutubeVideoParameters = extractYoutubeVideoParameters;
 exports.isBlueprintUEUrl = isBlueprintUEUrl;
 exports.isCodepenUrl = isCodepenUrl;
 exports.isCodesandboxUrl = isCodesandboxUrl;
+exports.isDocswellUrl = isDocswellUrl;
 exports.isFigmaUrl = isFigmaUrl;
 exports.isGistUrl = isGistUrl;
 exports.isGithubUrl = isGithubUrl;
@@ -47,6 +49,11 @@ function isCodepenUrl(url) {
 function isJsfiddleUrl(url) {
   return /^(http|https):\/\/jsfiddle\.net\/[a-zA-Z0-9_,/-]+$/.test(url);
 }
+const docswellNormalUrlRegex = /^https:\/\/www\.docswell\.com\/s\/[a-zA-Z0-9_-]+\/[a-zA-Z0-9_-]+$/;
+const docswellEmbedUrlRegex = /^https:\/\/www\.docswell\.com\/slide\/[a-zA-Z0-9_-]+\/embed$/;
+function isDocswellUrl(url) {
+  return [docswellNormalUrlRegex, docswellEmbedUrlRegex].some(pattern => pattern.test(url));
+}
 function isYoutubeUrl(url) {
   return [/^https?:\/\/youtu\.be\/[\w-]+(?:\?[\w=&-]+)?$/, /^https?:\/\/(?:www\.)?youtube\.com\/watch\?[\w=&-]+$/].some(pattern => pattern.test(url));
 }
@@ -75,6 +82,19 @@ function extractYoutubeVideoParameters(youtubeUrl) {
     start
   };
 }
+function extractDocswellEmbedUrl(url) {
+  var _URL$pathname$split$a;
+  // Embed用URLの場合、そのまま返す
+  if (docswellEmbedUrlRegex.test(url)) {
+    return url;
+  }
+  // Embed用URLでない場合 https://www.docswell.com/s/:username/{slideId}-hello-docswell のslideIdを抽出する
+  const slideId = (_URL$pathname$split$a = new URL(url).pathname.split('/').at(3)) === null || _URL$pathname$split$a === void 0 ? void 0 : _URL$pathname$split$a.split('-').at(0);
+  if (!slideId) {
+    return null;
+  }
+  return new URL(`/slide/${slideId}/embed`, 'https://www.docswell.com').toString();
+}
 
 /**
  * 参考: https://blueprintue.com/

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zenn-markdown-html",
-  "version": "0.1.155",
+  "version": "0.1.156",
   "license": "MIT",
   "description": "Convert markdown to zenn flavor html.",
   "main": "lib/index.js",
@@ -60,7 +60,7 @@
     "prismjs": "^1.29.0",
     "sanitize-html": "^2.9.0"
   },
-  "gitHead": "7c4b0fd3e18ab7df9ff92657598ebd8616cac538",
+  "gitHead": "42c7d274c5b157fe99905608d77a1df8d1b1c1f6",
   "publishConfig": {
     "access": "public"
   }