@oomol-lab/open-flow 0.1.0-beta.81 → 0.1.0-beta.82

package/dist/browser/{markdownContent-CAG_CQfH.js → markdownContent-D8G_oNOe.js}

@@ -1,5 +1,5 @@
 import { o as __toESM, r as __exportAll, t as __commonJSMin } from "./rolldown-runtime-CEgmsyvS.js";
-import { i as isString, l as useTranslate } from "./dist-CHwj9BhV.js";
+import { d as useTranslate, o as isString, t as getVideoLink } from "./videoLink-NAWDmBtf.js";
 import { memo, useEffect, useMemo, useRef } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 //#region ../../node_modules/.bun/deepmerge@4.3.1/node_modules/deepmerge/dist/cjs.js
@@ -76506,8 +76506,8 @@ function createRehypePlugins(t) {
 				"iframe": [
 					"src",
 					"allow",
-					"referrerpolicy",
-					"allowfullscreen"
+					"referrerPolicy",
+					"allowFullScreen"
 				],
 				"*": ["className", "style"]
 			}
@@ -76520,50 +76520,27 @@ if (typeof window !== "undefined") {
 	isWebProtocol = protocol === "http:" || protocol === "https:";
 }
 function rewriteMaybeVideoLinkToIframe(node, t) {
-	if (!isWebProtocol) return;
-	const firstChild = node.type == "element" ? node.children[0] : void 0;
-	if (node.type === "element" && node.tagName === "a" && firstChild?.type == "element" && firstChild.tagName === "img") {
-		const href = node.properties.href;
-		if (isString(href) && isSupportedVideoLink(href)) inPlaceEditVideoLink(node, href, t);
-	}
-}
-var youtubeRegex = /https?:\/\/(?:www\.)?youtube\.com\/watch\?v=([a-zA-Z0-9_-]+)/;
-var bilibiliRegex = /https?:\/\/(?:www\.)?bilibili\.com\/video\/BV([a-zA-Z0-9]+)/;
-var commonIframeProps = {
-	width: "100%",
-	height: "auto",
-	frameborder: "0",
-	allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",
-	referrerpolicy: "strict-origin-when-cross-origin",
-	allowfullscreen: true
-};
-function isSupportedVideoLink(url) {
-	return youtubeRegex.test(url) || bilibiliRegex.test(url);
-}
-function inPlaceEditVideoLink(node, url, t) {
-	let match = url.match(youtubeRegex);
-	if (match) {
-		const videoId = match[1];
-		node.tagName = "iframe";
-		node.properties = {
-			src: `https://www.youtube.com/embed/${videoId}`,
-			title: t("markdown.videoYouTube"),
-			...commonIframeProps
-		};
-		node.children = [];
-	}
-	match = url.match(bilibiliRegex);
-	if (match) {
-		const videoId = match[1];
+	if (!isWebProtocol || node.type !== "element" || node.tagName !== "a") return;
+	const href = node.properties.href;
+	const firstChild = node.children[0];
+	if (!isString(href) || firstChild?.type !== "element" || firstChild.tagName !== "img") return;
+	const video = getVideoLink(href);
+	if (video) {
 		node.tagName = "iframe";
 		node.properties = {
-			src: `https://player.bilibili.com/player.html?bvid=${videoId}`,
-			title: t("markdown.videoBilibili"),
-			...commonIframeProps
+			...commonIframeProps,
+			src: video.src,
+			title: t(video.titleKey)
 		};
 		node.children = [];
 	}
 }
+var commonIframeProps = {
+	style: "display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; border: 0; border-radius: 8px",
+	allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",
+	referrerPolicy: "strict-origin-when-cross-origin",
+	allowFullScreen: true
+};
 var MarkdownContent = /* @__PURE__ */ memo(function MarkdownContent({ dark, unstyled, text, className = "", components, mermaid }) {
 	const t = useTranslate();
 	const rehypePlugins = useMemo(() => createRehypePlugins(t), [t]);

package/dist/browser/{markdownContent-frwDfQQU.js → markdownContent-IS8xXDoc.js}

@@ -1,5 +1,6 @@
 import { o as __toESM, r as __exportAll, t as __commonJSMin } from "./rolldown-runtime-CEgmsyvS.js";
 import { i as isString, l as useTranslate } from "./dist-BFmpkX4P.js";
+import { r as getVideoLink } from "./FlowCanvas-Dew2fmoT.js";
 import { memo, useEffect, useMemo, useRef } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 //#region ../../node_modules/.bun/deepmerge@4.3.1/node_modules/deepmerge/dist/cjs.js
@@ -76506,8 +76507,8 @@ function createRehypePlugins(t) {
 				"iframe": [
 					"src",
 					"allow",
-					"referrerpolicy",
-					"allowfullscreen"
+					"referrerPolicy",
+					"allowFullScreen"
 				],
 				"*": ["className", "style"]
 			}
@@ -76520,50 +76521,27 @@ if (typeof window !== "undefined") {
 	isWebProtocol = protocol === "http:" || protocol === "https:";
 }
 function rewriteMaybeVideoLinkToIframe(node, t) {
-	if (!isWebProtocol) return;
-	const firstChild = node.type == "element" ? node.children[0] : void 0;
-	if (node.type === "element" && node.tagName === "a" && firstChild?.type == "element" && firstChild.tagName === "img") {
-		const href = node.properties.href;
-		if (isString(href) && isSupportedVideoLink(href)) inPlaceEditVideoLink(node, href, t);
-	}
-}
-var youtubeRegex = /https?:\/\/(?:www\.)?youtube\.com\/watch\?v=([a-zA-Z0-9_-]+)/;
-var bilibiliRegex = /https?:\/\/(?:www\.)?bilibili\.com\/video\/BV([a-zA-Z0-9]+)/;
-var commonIframeProps = {
-	width: "100%",
-	height: "auto",
-	frameborder: "0",
-	allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",
-	referrerpolicy: "strict-origin-when-cross-origin",
-	allowfullscreen: true
-};
-function isSupportedVideoLink(url) {
-	return youtubeRegex.test(url) || bilibiliRegex.test(url);
-}
-function inPlaceEditVideoLink(node, url, t) {
-	let match = url.match(youtubeRegex);
-	if (match) {
-		const videoId = match[1];
-		node.tagName = "iframe";
-		node.properties = {
-			src: `https://www.youtube.com/embed/${videoId}`,
-			title: t("markdown.videoYouTube"),
-			...commonIframeProps
-		};
-		node.children = [];
-	}
-	match = url.match(bilibiliRegex);
-	if (match) {
-		const videoId = match[1];
+	if (!isWebProtocol || node.type !== "element" || node.tagName !== "a") return;
+	const href = node.properties.href;
+	const firstChild = node.children[0];
+	if (!isString(href) || firstChild?.type !== "element" || firstChild.tagName !== "img") return;
+	const video = getVideoLink(href);
+	if (video) {
 		node.tagName = "iframe";
 		node.properties = {
-			src: `https://player.bilibili.com/player.html?bvid=${videoId}`,
-			title: t("markdown.videoBilibili"),
-			...commonIframeProps
+			...commonIframeProps,
+			src: video.src,
+			title: t(video.titleKey)
 		};
 		node.children = [];
 	}
 }
+var commonIframeProps = {
+	style: "display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; border: 0; border-radius: 8px",
+	allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",
+	referrerPolicy: "strict-origin-when-cross-origin",
+	allowFullScreen: true
+};
 var MarkdownContent = /* @__PURE__ */ memo(function MarkdownContent({ dark, unstyled, text, className = "", components, mermaid }) {
 	const t = useTranslate();
 	const rehypePlugins = useMemo(() => createRehypePlugins(t), [t]);

package/dist/browser/preview.css

@@ -1885,6 +1885,10 @@
     grid-template-columns: repeat(auto-fit, minmax(min(100%, 520px), 1fr));
   }
 
+  :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .grid-rows-\[auto_auto_minmax\(0\,1fr\)_auto\] {
+    grid-template-rows: auto auto minmax(0, 1fr) auto;
+  }
+
   :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .grid-rows-\[auto_minmax\(0\,1fr\)_auto\] {
     grid-template-rows: auto minmax(0, 1fr) auto;
   }
@@ -2752,6 +2756,10 @@
     padding-left: calc(var(--spacing) * 4);
   }
 
+  :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .pl-5 {
+    padding-left: calc(var(--spacing) * 5);
+  }
+
   :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .pl-6 {
     padding-left: calc(var(--spacing) * 6);
   }
@@ -10947,20 +10955,20 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
 
 .ValuePreview_json_4d5e2 {
   padding: 10px;
-}.CommentNodeContent_body_01471 {
+}.CommentNodeContent_body_7c741 {
   position: relative;
   height: 100%;
   min-height: 0;
 }
 
-.CommentNodeContent_container_01471 {
+.CommentNodeContent_container_7c741 {
   height: 100%;
   min-height: 0;
-  overflow: auto;
+  overflow: hidden;
   overscroll-behavior: contain;
 }
 
-.CommentNodeContent_resizeButton_01471 {
+.CommentNodeContent_resizeButton_7c741 {
   position: absolute;
   right: 2px;
   bottom: 2px;
@@ -10976,27 +10984,27 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
   cursor: nwse-resize;
   touch-action: none;
 }
-.CommentNodeContent_resizeButton_01471 > i {
+.CommentNodeContent_resizeButton_7c741 > i {
   width: 18px;
   height: 18px;
 }
-.CommentNodeContent_resizeButton_01471:hover, .CommentNodeContent_resizeButton_01471:active {
+.CommentNodeContent_resizeButton_7c741:hover, .CommentNodeContent_resizeButton_7c741:active {
   color: var(--text-4);
 }
-.CommentNodeContent_resizeButton_01471:focus-visible {
+.CommentNodeContent_resizeButton_7c741:focus-visible {
   outline: 2px solid var(--comment-selected-border);
   outline-offset: -2px;
 }
 
-.open-flow-canvas-node-minimap1 .CommentNodeContent_sourceCode_01471 {
+.open-flow-canvas-node-minimap1 .CommentNodeContent_sourceCode_7c741 {
   visibility: hidden;
 }
 
-.CommentNodeContent_container_01471 .markdown-body {
+.CommentNodeContent_container_7c741 .markdown-body {
   padding: 0;
 }
 
-.CommentNodeContent_markdown_01471 {
+.CommentNodeContent_markdown_7c741 {
   padding: 12px 14px;
   font-size: 13px;
   line-height: 1.65;
@@ -11007,116 +11015,116 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
   color: var(--note-ink);
   font-family: var(--font-sans);
 }
-.CommentNodeContent_markdown_01471 h1,
-.CommentNodeContent_markdown_01471 h2,
-.CommentNodeContent_markdown_01471 h3,
-.CommentNodeContent_markdown_01471 h4,
-.CommentNodeContent_markdown_01471 h5,
-.CommentNodeContent_markdown_01471 h6 {
+.CommentNodeContent_markdown_7c741 h1,
+.CommentNodeContent_markdown_7c741 h2,
+.CommentNodeContent_markdown_7c741 h3,
+.CommentNodeContent_markdown_7c741 h4,
+.CommentNodeContent_markdown_7c741 h5,
+.CommentNodeContent_markdown_7c741 h6 {
   color: var(--text-4);
   margin: 18px 0 10px;
   line-height: 1.4;
   border-color: var(--note-rule);
 }
-.CommentNodeContent_markdown_01471 strong,
-.CommentNodeContent_markdown_01471 b {
+.CommentNodeContent_markdown_7c741 strong,
+.CommentNodeContent_markdown_7c741 b {
   font-weight: 600;
 }
-.CommentNodeContent_markdown_01471 h1,
-.CommentNodeContent_markdown_01471 h2,
-.CommentNodeContent_markdown_01471 h3,
-.CommentNodeContent_markdown_01471 h4,
-.CommentNodeContent_markdown_01471 h5,
-.CommentNodeContent_markdown_01471 h6 {
+.CommentNodeContent_markdown_7c741 h1,
+.CommentNodeContent_markdown_7c741 h2,
+.CommentNodeContent_markdown_7c741 h3,
+.CommentNodeContent_markdown_7c741 h4,
+.CommentNodeContent_markdown_7c741 h5,
+.CommentNodeContent_markdown_7c741 h6 {
   font-weight: 600;
 }
-.CommentNodeContent_markdown_01471 h1,
-.CommentNodeContent_markdown_01471 h2 {
+.CommentNodeContent_markdown_7c741 h1,
+.CommentNodeContent_markdown_7c741 h2 {
   padding-bottom: 6px;
   border-bottom: 1px solid var(--note-rule);
 }
-.CommentNodeContent_markdown_01471 img,
-.CommentNodeContent_markdown_01471 video,
-.CommentNodeContent_markdown_01471 svg {
+.CommentNodeContent_markdown_7c741 img,
+.CommentNodeContent_markdown_7c741 video,
+.CommentNodeContent_markdown_7c741 svg {
   max-width: 100%;
 }
-.CommentNodeContent_markdown_01471 img {
+.CommentNodeContent_markdown_7c741 img {
   height: auto;
 }
-.CommentNodeContent_markdown_01471 ul {
+.CommentNodeContent_markdown_7c741 ul {
   list-style: disc;
 }
-.CommentNodeContent_markdown_01471 ol {
+.CommentNodeContent_markdown_7c741 ol {
   list-style: decimal;
 }
-.CommentNodeContent_markdown_01471 .task-list-item {
+.CommentNodeContent_markdown_7c741 .task-list-item {
   list-style: none;
 }
-.CommentNodeContent_markdown_01471 h1 {
+.CommentNodeContent_markdown_7c741 h1 {
   font-size: 20px;
 }
-.CommentNodeContent_markdown_01471 h2 {
+.CommentNodeContent_markdown_7c741 h2 {
   font-size: 17px;
 }
-.CommentNodeContent_markdown_01471 h3 {
+.CommentNodeContent_markdown_7c741 h3 {
   font-size: 15px;
 }
-.CommentNodeContent_markdown_01471 h4,
-.CommentNodeContent_markdown_01471 h5,
-.CommentNodeContent_markdown_01471 h6 {
+.CommentNodeContent_markdown_7c741 h4,
+.CommentNodeContent_markdown_7c741 h5,
+.CommentNodeContent_markdown_7c741 h6 {
   font-size: 13px;
 }
-.CommentNodeContent_markdown_01471 p,
-.CommentNodeContent_markdown_01471 ul,
-.CommentNodeContent_markdown_01471 ol,
-.CommentNodeContent_markdown_01471 blockquote,
-.CommentNodeContent_markdown_01471 pre,
-.CommentNodeContent_markdown_01471 table {
+.CommentNodeContent_markdown_7c741 p,
+.CommentNodeContent_markdown_7c741 ul,
+.CommentNodeContent_markdown_7c741 ol,
+.CommentNodeContent_markdown_7c741 blockquote,
+.CommentNodeContent_markdown_7c741 pre,
+.CommentNodeContent_markdown_7c741 table {
   margin-top: 0;
   margin-bottom: 12px;
 }
-.CommentNodeContent_markdown_01471 > :first-child {
+.CommentNodeContent_markdown_7c741 > :first-child {
   margin-top: 0;
 }
-.CommentNodeContent_markdown_01471 > :last-child {
+.CommentNodeContent_markdown_7c741 > :last-child {
   margin-bottom: 0;
 }
-.CommentNodeContent_markdown_01471 ul,
-.CommentNodeContent_markdown_01471 ol {
+.CommentNodeContent_markdown_7c741 ul,
+.CommentNodeContent_markdown_7c741 ol {
   padding-inline-start: 20px;
 }
-.CommentNodeContent_markdown_01471 li + li {
+.CommentNodeContent_markdown_7c741 li + li {
   margin-top: 4px;
 }
-.CommentNodeContent_markdown_01471 li > p {
+.CommentNodeContent_markdown_7c741 li > p {
   margin-bottom: 6px;
 }
-.CommentNodeContent_markdown_01471 li > ul,
-.CommentNodeContent_markdown_01471 li > ol {
+.CommentNodeContent_markdown_7c741 li > ul,
+.CommentNodeContent_markdown_7c741 li > ol {
   margin-bottom: 0;
 }
-.CommentNodeContent_markdown_01471 a {
+.CommentNodeContent_markdown_7c741 a {
   color: var(--note-ink);
   text-decoration: underline;
   text-decoration-color: var(--comment-selected-border);
   text-underline-offset: 3px;
 }
-.CommentNodeContent_markdown_01471 a:hover {
+.CommentNodeContent_markdown_7c741 a:hover {
   color: var(--text-4);
 }
-.CommentNodeContent_markdown_01471 code,
-.CommentNodeContent_markdown_01471 pre {
+.CommentNodeContent_markdown_7c741 code,
+.CommentNodeContent_markdown_7c741 pre {
   overflow-x: auto;
   font-family: var(--font-monospace);
 }
-.CommentNodeContent_markdown_01471 code {
+.CommentNodeContent_markdown_7c741 code {
   padding: 2px 4px;
   font-size: 0.92em;
   background: var(--note-code-bg);
   color: var(--note-ink);
   border-radius: 4px;
 }
-.CommentNodeContent_markdown_01471 pre {
+.CommentNodeContent_markdown_7c741 pre {
   padding: 12px;
   background: var(--note-code-bg);
   border: 1px solid var(--note-rule);
@@ -11124,90 +11132,90 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
   font-size: 12px;
   line-height: 1.6;
 }
-.CommentNodeContent_markdown_01471 pre code {
+.CommentNodeContent_markdown_7c741 pre code {
   padding: 0;
   font-size: inherit;
   white-space: pre;
   overflow-wrap: normal;
 }
-.CommentNodeContent_markdown_01471 pre code,
-.CommentNodeContent_markdown_01471 .hljs {
+.CommentNodeContent_markdown_7c741 pre code,
+.CommentNodeContent_markdown_7c741 .hljs {
   background: transparent;
   color: var(--note-ink);
 }
-.CommentNodeContent_markdown_01471 .hljs-string {
+.CommentNodeContent_markdown_7c741 .hljs-string {
   color: var(--text-2);
 }
-.CommentNodeContent_markdown_01471 .hljs-keyword,
-.CommentNodeContent_markdown_01471 .hljs-literal {
+.CommentNodeContent_markdown_7c741 .hljs-keyword,
+.CommentNodeContent_markdown_7c741 .hljs-literal {
   font-weight: 600;
 }
-.CommentNodeContent_markdown_01471 blockquote {
+.CommentNodeContent_markdown_7c741 blockquote {
   margin-inline: 0;
   color: var(--text-2);
   padding-inline: 12px 0;
   border-inline-start: 2px solid var(--comment-border);
 }
-.CommentNodeContent_markdown_01471 hr {
+.CommentNodeContent_markdown_7c741 hr {
   margin: 16px 0;
   background: var(--note-rule);
   height: 1px;
   border: 0;
 }
-.CommentNodeContent_markdown_01471 table {
+.CommentNodeContent_markdown_7c741 table {
   display: block;
   max-width: 100%;
   overflow-x: auto;
   border-collapse: collapse;
   width: 100%;
 }
-.CommentNodeContent_markdown_01471 th,
-.CommentNodeContent_markdown_01471 td {
+.CommentNodeContent_markdown_7c741 th,
+.CommentNodeContent_markdown_7c741 td {
   padding: 6px 8px;
   border: 1px solid var(--note-rule);
   text-align: start;
 }
-.CommentNodeContent_markdown_01471 tr {
+.CommentNodeContent_markdown_7c741 tr {
   background: transparent;
   border-color: var(--note-rule);
 }
-.CommentNodeContent_markdown_01471 tr:nth-child(2n) {
+.CommentNodeContent_markdown_7c741 tr:nth-child(2n) {
   background: var(--note-code-bg);
 }
-.CommentNodeContent_markdown_01471 .CommentNodeContent_taskCheckbox_01471 {
+.CommentNodeContent_markdown_7c741 .CommentNodeContent_taskCheckbox_7c741 {
   display: inline-flex;
   width: 13px;
   height: 13px;
   margin: 0 6px 2px -20px;
   vertical-align: middle;
-}.markdownPreview_container_c03ca {
+}.markdownPreview_container_2a1d9 {
   position: relative;
+  height: 100%;
   outline-style: none;
 }
 
-.markdownPreview_body_c03ca {
+.markdownPreview_body_2a1d9 {
   height: 100%;
   padding: 4px;
   user-select: text;
-  overflow-y: auto;
   box-sizing: border-box;
 }
-.markdownPreview_body_c03ca video {
+.markdownPreview_body_2a1d9 video {
   max-height: 640px;
   min-height: 200px;
   max-width: 100% !important;
 }
 
-.markdownPreview_draggable_c03ca .markdownPreview_body_c03ca {
+.markdownPreview_draggable_2a1d9 .markdownPreview_body_2a1d9 {
   user-select: none;
   cursor: default;
 }
 
-.markdownPreview_body_c03ca pre code.hljs {
+.markdownPreview_body_2a1d9 pre code.hljs {
   padding: 0 !important;
 }
 
-.markdownPreview_body_c03ca pre:has(code.language-mermaid > svg) {
+.markdownPreview_body_2a1d9 pre:has(code.language-mermaid > svg) {
   text-align: center;
   background-color: transparent;
 }.NodeHead_container_e9871 {