@multiplatform.one/markdown 7.4.1 → 7.6.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/Aside/index.cjs +6 -4
- package/dist/cjs/Aside/index.native.js +6 -4
- package/dist/cjs/Aside/index.native.js.map +1 -1
- package/dist/cjs/Hr/index.cjs +2 -3
- package/dist/cjs/Hr/index.native.js +2 -3
- package/dist/cjs/Hr/index.native.js.map +1 -1
- package/dist/cjs/MarkdownSimpleTable/index.cjs +15 -15
- package/dist/cjs/MarkdownSimpleTable/index.native.js +17 -18
- package/dist/cjs/MarkdownSimpleTable/index.native.js.map +1 -1
- package/dist/cjs/MdxCodeBlock/index.cjs +9 -5
- package/dist/cjs/MdxCodeBlock/index.native.js +9 -5
- package/dist/cjs/MdxCodeBlock/index.native.js.map +1 -1
- package/dist/cjs/Table/index.cjs +20 -8
- package/dist/cjs/Table/index.native.js +20 -8
- package/dist/cjs/Table/index.native.js.map +1 -1
- package/dist/cjs/Video/index.cjs +11 -7
- package/dist/cjs/Video/index.native.js +12 -7
- package/dist/cjs/Video/index.native.js.map +1 -1
- package/dist/cjs/components/Blockquote.cjs +5 -4
- package/dist/cjs/components/Blockquote.native.js +7 -6
- package/dist/cjs/components/Blockquote.native.js.map +1 -1
- package/dist/cjs/components/CodeBlock.cjs +2 -2
- package/dist/cjs/components/CodeBlock.native.js +3 -3
- package/dist/cjs/components/CodeBlock.native.js.map +1 -1
- package/dist/cjs/components/Heading.cjs +1 -0
- package/dist/cjs/components/Heading.native.js +1 -0
- package/dist/cjs/components/Heading.native.js.map +1 -1
- package/dist/cjs/components/HorizontalRule.cjs +12 -1
- package/dist/cjs/components/HorizontalRule.native.js +12 -1
- package/dist/cjs/components/HorizontalRule.native.js.map +1 -1
- package/dist/cjs/components/Image.cjs +2 -2
- package/dist/cjs/components/Image.native.js +3 -2
- package/dist/cjs/components/Image.native.js.map +1 -1
- package/dist/cjs/components/InlineCode.cjs +2 -1
- package/dist/cjs/components/InlineCode.native.js +2 -1
- package/dist/cjs/components/InlineCode.native.js.map +1 -1
- package/dist/cjs/components/InlineStyles.cjs +14 -1
- package/dist/cjs/components/InlineStyles.native.js +14 -1
- package/dist/cjs/components/InlineStyles.native.js.map +1 -1
- package/dist/cjs/components/Link.cjs +5 -0
- package/dist/cjs/components/Link.native.js +5 -0
- package/dist/cjs/components/Link.native.js.map +1 -1
- package/dist/cjs/components/List.cjs +8 -1
- package/dist/cjs/components/List.native.js +11 -3
- package/dist/cjs/components/List.native.js.map +1 -1
- package/dist/cjs/components/Table.cjs +15 -9
- package/dist/cjs/components/Table.native.js +17 -12
- package/dist/cjs/components/Table.native.js.map +1 -1
- package/dist/cjs/mdxComponents.cjs +175 -108
- package/dist/cjs/mdxComponents.native.js +184 -113
- package/dist/cjs/mdxComponents.native.js.map +1 -1
- package/dist/cjs/mermaid/MermaidBlock.cjs +1 -1
- package/dist/cjs/mermaid/renderMermaidDiagram.native.js +11 -81
- package/dist/cjs/mermaid/renderMermaidDiagram.native.js.map +1 -1
- package/dist/cjs/shared/index.cjs +13 -1
- package/dist/cjs/shared/index.native.js +12 -0
- package/dist/cjs/shared/index.native.js.map +1 -1
- package/dist/cjs/shared/tokenPx.cjs +41 -0
- package/dist/cjs/shared/tokenPx.native.js +46 -0
- package/dist/cjs/shared/tokenPx.native.js.map +1 -0
- package/dist/cjs/shared/useMarkdownTableKnobs.cjs +61 -0
- package/dist/cjs/shared/useMarkdownTableKnobs.native.js +64 -0
- package/dist/cjs/shared/useMarkdownTableKnobs.native.js.map +1 -0
- package/dist/esm/Aside/index.mjs +6 -4
- package/dist/esm/Aside/index.mjs.map +1 -1
- package/dist/esm/Aside/index.native.js +6 -4
- package/dist/esm/Aside/index.native.js.map +1 -1
- package/dist/esm/Hr/index.mjs +2 -3
- package/dist/esm/Hr/index.mjs.map +1 -1
- package/dist/esm/Hr/index.native.js +2 -3
- package/dist/esm/Hr/index.native.js.map +1 -1
- package/dist/esm/MarkdownSimpleTable/index.mjs +15 -15
- package/dist/esm/MarkdownSimpleTable/index.mjs.map +1 -1
- package/dist/esm/MarkdownSimpleTable/index.native.js +17 -18
- package/dist/esm/MarkdownSimpleTable/index.native.js.map +1 -1
- package/dist/esm/MdxCodeBlock/index.mjs +9 -5
- package/dist/esm/MdxCodeBlock/index.mjs.map +1 -1
- package/dist/esm/MdxCodeBlock/index.native.js +9 -5
- package/dist/esm/MdxCodeBlock/index.native.js.map +1 -1
- package/dist/esm/Table/index.mjs +20 -8
- package/dist/esm/Table/index.mjs.map +1 -1
- package/dist/esm/Table/index.native.js +20 -8
- package/dist/esm/Table/index.native.js.map +1 -1
- package/dist/esm/Video/index.mjs +11 -7
- package/dist/esm/Video/index.mjs.map +1 -1
- package/dist/esm/Video/index.native.js +12 -7
- package/dist/esm/Video/index.native.js.map +1 -1
- package/dist/esm/components/Blockquote.mjs +5 -4
- package/dist/esm/components/Blockquote.mjs.map +1 -1
- package/dist/esm/components/Blockquote.native.js +7 -6
- package/dist/esm/components/Blockquote.native.js.map +1 -1
- package/dist/esm/components/CodeBlock.mjs +2 -2
- package/dist/esm/components/CodeBlock.mjs.map +1 -1
- package/dist/esm/components/CodeBlock.native.js +3 -3
- package/dist/esm/components/CodeBlock.native.js.map +1 -1
- package/dist/esm/components/Heading.mjs +1 -0
- package/dist/esm/components/Heading.mjs.map +1 -1
- package/dist/esm/components/Heading.native.js +1 -0
- package/dist/esm/components/Heading.native.js.map +1 -1
- package/dist/esm/components/HorizontalRule.mjs +13 -2
- package/dist/esm/components/HorizontalRule.mjs.map +1 -1
- package/dist/esm/components/HorizontalRule.native.js +13 -2
- package/dist/esm/components/HorizontalRule.native.js.map +1 -1
- package/dist/esm/components/Image.mjs +2 -2
- package/dist/esm/components/Image.mjs.map +1 -1
- package/dist/esm/components/Image.native.js +3 -2
- package/dist/esm/components/Image.native.js.map +1 -1
- package/dist/esm/components/InlineCode.mjs +2 -1
- package/dist/esm/components/InlineCode.mjs.map +1 -1
- package/dist/esm/components/InlineCode.native.js +2 -1
- package/dist/esm/components/InlineCode.native.js.map +1 -1
- package/dist/esm/components/InlineStyles.mjs +14 -1
- package/dist/esm/components/InlineStyles.mjs.map +1 -1
- package/dist/esm/components/InlineStyles.native.js +14 -1
- package/dist/esm/components/InlineStyles.native.js.map +1 -1
- package/dist/esm/components/Link.mjs +5 -0
- package/dist/esm/components/Link.mjs.map +1 -1
- package/dist/esm/components/Link.native.js +5 -0
- package/dist/esm/components/Link.native.js.map +1 -1
- package/dist/esm/components/List.mjs +8 -1
- package/dist/esm/components/List.mjs.map +1 -1
- package/dist/esm/components/List.native.js +11 -3
- package/dist/esm/components/List.native.js.map +1 -1
- package/dist/esm/components/Table.mjs +15 -9
- package/dist/esm/components/Table.mjs.map +1 -1
- package/dist/esm/components/Table.native.js +17 -12
- package/dist/esm/components/Table.native.js.map +1 -1
- package/dist/esm/mdxComponents.mjs +175 -108
- package/dist/esm/mdxComponents.mjs.map +1 -1
- package/dist/esm/mdxComponents.native.js +184 -113
- package/dist/esm/mdxComponents.native.js.map +1 -1
- package/dist/esm/mermaid/MermaidBlock.mjs +1 -1
- package/dist/esm/mermaid/MermaidBlock.mjs.map +1 -1
- package/dist/esm/mermaid/renderMermaidDiagram.native.js +9 -68
- package/dist/esm/mermaid/renderMermaidDiagram.native.js.map +1 -1
- package/dist/esm/shared/index.mjs +3 -0
- package/dist/esm/shared/index.mjs.map +1 -1
- package/dist/esm/shared/index.native.js +3 -0
- package/dist/esm/shared/index.native.js.map +1 -1
- package/dist/esm/shared/tokenPx.mjs +16 -0
- package/dist/esm/shared/tokenPx.mjs.map +1 -0
- package/dist/esm/shared/tokenPx.native.js +18 -0
- package/dist/esm/shared/tokenPx.native.js.map +1 -0
- package/dist/esm/shared/useMarkdownTableKnobs.mjs +36 -0
- package/dist/esm/shared/useMarkdownTableKnobs.mjs.map +1 -0
- package/dist/esm/shared/useMarkdownTableKnobs.native.js +36 -0
- package/dist/esm/shared/useMarkdownTableKnobs.native.js.map +1 -0
- package/dist/jsx/Aside/index.mjs +6 -4
- package/dist/jsx/Aside/index.mjs.map +1 -1
- package/dist/jsx/Aside/index.native.js +6 -4
- package/dist/jsx/Aside/index.native.js.map +1 -1
- package/dist/jsx/Hr/index.mjs +2 -3
- package/dist/jsx/Hr/index.mjs.map +1 -1
- package/dist/jsx/Hr/index.native.js +2 -3
- package/dist/jsx/Hr/index.native.js.map +1 -1
- package/dist/jsx/MarkdownSimpleTable/index.mjs +15 -15
- package/dist/jsx/MarkdownSimpleTable/index.mjs.map +1 -1
- package/dist/jsx/MarkdownSimpleTable/index.native.js +17 -18
- package/dist/jsx/MarkdownSimpleTable/index.native.js.map +1 -1
- package/dist/jsx/MdxCodeBlock/index.mjs +9 -5
- package/dist/jsx/MdxCodeBlock/index.mjs.map +1 -1
- package/dist/jsx/MdxCodeBlock/index.native.js +9 -5
- package/dist/jsx/MdxCodeBlock/index.native.js.map +1 -1
- package/dist/jsx/Table/index.mjs +20 -8
- package/dist/jsx/Table/index.mjs.map +1 -1
- package/dist/jsx/Table/index.native.js +20 -8
- package/dist/jsx/Table/index.native.js.map +1 -1
- package/dist/jsx/Video/index.mjs +11 -7
- package/dist/jsx/Video/index.mjs.map +1 -1
- package/dist/jsx/Video/index.native.js +12 -7
- package/dist/jsx/Video/index.native.js.map +1 -1
- package/dist/jsx/components/Blockquote.mjs +5 -4
- package/dist/jsx/components/Blockquote.mjs.map +1 -1
- package/dist/jsx/components/Blockquote.native.js +7 -6
- package/dist/jsx/components/Blockquote.native.js.map +1 -1
- package/dist/jsx/components/CodeBlock.mjs +2 -2
- package/dist/jsx/components/CodeBlock.mjs.map +1 -1
- package/dist/jsx/components/CodeBlock.native.js +3 -3
- package/dist/jsx/components/CodeBlock.native.js.map +1 -1
- package/dist/jsx/components/Heading.mjs +1 -0
- package/dist/jsx/components/Heading.mjs.map +1 -1
- package/dist/jsx/components/Heading.native.js +1 -0
- package/dist/jsx/components/Heading.native.js.map +1 -1
- package/dist/jsx/components/HorizontalRule.mjs +13 -2
- package/dist/jsx/components/HorizontalRule.mjs.map +1 -1
- package/dist/jsx/components/HorizontalRule.native.js +12 -1
- package/dist/jsx/components/HorizontalRule.native.js.map +1 -1
- package/dist/jsx/components/Image.mjs +2 -2
- package/dist/jsx/components/Image.mjs.map +1 -1
- package/dist/jsx/components/Image.native.js +3 -2
- package/dist/jsx/components/Image.native.js.map +1 -1
- package/dist/jsx/components/InlineCode.mjs +2 -1
- package/dist/jsx/components/InlineCode.mjs.map +1 -1
- package/dist/jsx/components/InlineCode.native.js +2 -1
- package/dist/jsx/components/InlineCode.native.js.map +1 -1
- package/dist/jsx/components/InlineStyles.mjs +14 -1
- package/dist/jsx/components/InlineStyles.mjs.map +1 -1
- package/dist/jsx/components/InlineStyles.native.js +14 -1
- package/dist/jsx/components/InlineStyles.native.js.map +1 -1
- package/dist/jsx/components/Link.mjs +5 -0
- package/dist/jsx/components/Link.mjs.map +1 -1
- package/dist/jsx/components/Link.native.js +5 -0
- package/dist/jsx/components/Link.native.js.map +1 -1
- package/dist/jsx/components/List.mjs +8 -1
- package/dist/jsx/components/List.mjs.map +1 -1
- package/dist/jsx/components/List.native.js +11 -3
- package/dist/jsx/components/List.native.js.map +1 -1
- package/dist/jsx/components/Table.mjs +15 -9
- package/dist/jsx/components/Table.mjs.map +1 -1
- package/dist/jsx/components/Table.native.js +17 -12
- package/dist/jsx/components/Table.native.js.map +1 -1
- package/dist/jsx/mdxComponents.mjs +175 -108
- package/dist/jsx/mdxComponents.mjs.map +1 -1
- package/dist/jsx/mdxComponents.native.js +184 -113
- package/dist/jsx/mdxComponents.native.js.map +1 -1
- package/dist/jsx/mermaid/MermaidBlock.mjs +1 -1
- package/dist/jsx/mermaid/MermaidBlock.mjs.map +1 -1
- package/dist/jsx/mermaid/renderMermaidDiagram.native.js +11 -81
- package/dist/jsx/mermaid/renderMermaidDiagram.native.js.map +1 -1
- package/dist/jsx/shared/index.mjs +3 -0
- package/dist/jsx/shared/index.mjs.map +1 -1
- package/dist/jsx/shared/index.native.js +12 -0
- package/dist/jsx/shared/index.native.js.map +1 -1
- package/dist/jsx/shared/tokenPx.mjs +16 -0
- package/dist/jsx/shared/tokenPx.mjs.map +1 -0
- package/dist/jsx/shared/tokenPx.native.js +46 -0
- package/dist/jsx/shared/tokenPx.native.js.map +1 -0
- package/dist/jsx/shared/useMarkdownTableKnobs.mjs +36 -0
- package/dist/jsx/shared/useMarkdownTableKnobs.mjs.map +1 -0
- package/dist/jsx/shared/useMarkdownTableKnobs.native.js +64 -0
- package/dist/jsx/shared/useMarkdownTableKnobs.native.js.map +1 -0
- package/package.json +14 -9
- package/src/Aside/index.tsx +6 -4
- package/src/Hr/hr.spec.tsx +11 -10
- package/src/Hr/index.tsx +2 -2
- package/src/MarkdownSimpleTable/index.tsx +10 -24
- package/src/MdxCodeBlock/index.tsx +10 -4
- package/src/Table/index.tsx +11 -11
- package/src/Video/index.tsx +15 -5
- package/src/components/Blockquote.tsx +6 -5
- package/src/components/CodeBlock.tsx +2 -2
- package/src/components/Heading.tsx +7 -1
- package/src/components/HorizontalRule.tsx +19 -2
- package/src/components/Image.tsx +3 -2
- package/src/components/InlineCode.tsx +2 -1
- package/src/components/InlineStyles.tsx +7 -3
- package/src/components/Link.tsx +3 -0
- package/src/components/List.tsx +10 -3
- package/src/components/Table.tsx +13 -10
- package/src/designLaw.spec.tsx +130 -0
- package/src/mdxComponents.tsx +168 -87
- package/src/mermaid/MermaidBlock.tsx +1 -1
- package/src/mermaid/nativeGraph.spec.ts +90 -0
- package/src/mermaid/renderMermaidDiagram.native.ts +50 -0
- package/src/mermaid/renderMermaidDiagram.spec.ts +23 -0
- package/src/shared/index.ts +2 -0
- package/src/shared/tokenPx.ts +29 -0
- package/src/shared/useMarkdownTableKnobs.ts +38 -0
- package/src/stories/Blocks.stories.tsx +5 -5
- package/types/Aside/index.d.ts.map +1 -1
- package/types/Hr/index.d.ts +1 -1
- package/types/Hr/index.d.ts.map +1 -1
- package/types/MarkdownSimpleTable/index.d.ts.map +1 -1
- package/types/MdxCodeBlock/index.d.ts.map +1 -1
- package/types/Table/index.d.ts.map +1 -1
- package/types/Video/index.d.ts.map +1 -1
- package/types/components/Blockquote.d.ts.map +1 -1
- package/types/components/Heading.d.ts.map +1 -1
- package/types/components/HorizontalRule.d.ts +5 -1
- package/types/components/HorizontalRule.d.ts.map +1 -1
- package/types/components/Image.d.ts.map +1 -1
- package/types/components/InlineCode.d.ts.map +1 -1
- package/types/components/InlineStyles.d.ts.map +1 -1
- package/types/components/Link.d.ts.map +1 -1
- package/types/components/List.d.ts.map +1 -1
- package/types/components/Table.d.ts.map +1 -1
- package/types/mdxComponents.d.ts.map +1 -1
- package/types/mermaid/renderMermaidDiagram.native.d.ts +45 -0
- package/types/mermaid/renderMermaidDiagram.native.d.ts.map +1 -0
- package/types/shared/index.d.ts +2 -0
- package/types/shared/index.d.ts.map +1 -1
- package/types/shared/tokenPx.d.ts +7 -0
- package/types/shared/tokenPx.d.ts.map +1 -0
- package/types/shared/useMarkdownTableKnobs.d.ts +39 -0
- package/types/shared/useMarkdownTableKnobs.d.ts.map +1 -0
|
@@ -1,16 +1,17 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
2
|
import { CodeInline, unwrapText } from "@multiplatform.one/components";
|
|
3
3
|
import { useResolvedKnobs } from "@multiplatform.one/theme";
|
|
4
|
+
import { tokenPx } from "./shared/tokenPx.native.js";
|
|
4
5
|
import { Link } from "@multiplatform.one/router";
|
|
5
6
|
import { Children } from "react";
|
|
6
7
|
import { H1, H2, H3, H4, H5, H6, Paragraph, Text, XStack, YStack, isWeb, styled } from "tamagui";
|
|
7
8
|
import { ExternalIcon } from "./ExternalIcon/index.native.js";
|
|
8
9
|
import { HR } from "./Hr/index.native.js";
|
|
9
10
|
import { LinkIcon } from "./icons/index.native.js";
|
|
10
|
-
import {
|
|
11
|
+
import { MarkdownList, MarkdownListItem } from "./components/List.native.js";
|
|
12
|
+
import { MarkdownImage } from "./components/Image.native.js";
|
|
11
13
|
import { MDXCodeBlock } from "./MdxCodeBlock/index.native.js";
|
|
12
14
|
import { MDXTable, MDXTableBody, MDXTableCell, MDXTableHead, MDXTableHeaderCell, MDXTableRow } from "./Table/index.native.js";
|
|
13
|
-
import { UL } from "./Ul/index.native.js";
|
|
14
15
|
var code = function code2(param) {
|
|
15
16
|
var {
|
|
16
17
|
hero: _hero,
|
|
@@ -51,43 +52,161 @@ function MdxBlockquote(param) {
|
|
|
51
52
|
var {
|
|
52
53
|
knobProps
|
|
53
54
|
} = useResolvedKnobs();
|
|
55
|
+
var railWidth = knobProps.borderRadius.borderWidth;
|
|
56
|
+
var inset = knobProps.panelPadding.padding;
|
|
54
57
|
return /* @__PURE__ */_jsx(YStack, {
|
|
55
58
|
marginVertical: "$4",
|
|
56
|
-
paddingHorizontal:
|
|
59
|
+
paddingHorizontal: inset,
|
|
57
60
|
// Logical start rail so the quote mirrors in RTL; tamagui
|
|
58
61
|
// borderStartWidth does not compile to working CSS on web (SB-M-1215)
|
|
59
62
|
...(isWeb ? {
|
|
60
63
|
style: {
|
|
61
|
-
marginInlineStart:
|
|
62
|
-
borderInlineStartWidth:
|
|
63
|
-
borderInlineStartStyle: "solid"
|
|
64
|
+
marginInlineStart: inset,
|
|
65
|
+
borderInlineStartWidth: railWidth,
|
|
66
|
+
borderInlineStartStyle: railWidth ? "solid" : "none"
|
|
64
67
|
}
|
|
65
68
|
} : {
|
|
66
69
|
style: {
|
|
67
|
-
marginInlineStart:
|
|
70
|
+
marginInlineStart: inset
|
|
68
71
|
},
|
|
69
|
-
borderStartWidth:
|
|
72
|
+
borderStartWidth: railWidth
|
|
70
73
|
}),
|
|
71
74
|
borderColor: "$borderColor",
|
|
72
75
|
justifyContent: "center",
|
|
73
76
|
...props,
|
|
74
77
|
children: /* @__PURE__ */_jsx(Paragraph, {
|
|
75
78
|
whiteSpace: "revert",
|
|
76
|
-
size:
|
|
77
|
-
|
|
78
|
-
fontWeight: "300",
|
|
79
|
+
size: knobProps.sizeToken,
|
|
80
|
+
...knobProps.body,
|
|
79
81
|
color: "$color",
|
|
80
82
|
opacity: 0.65,
|
|
81
83
|
children: unwrapText(children)
|
|
82
84
|
})
|
|
83
85
|
});
|
|
84
86
|
}
|
|
87
|
+
function MdxHeading(param) {
|
|
88
|
+
var {
|
|
89
|
+
Component,
|
|
90
|
+
children,
|
|
91
|
+
id,
|
|
92
|
+
size,
|
|
93
|
+
color,
|
|
94
|
+
marginTop,
|
|
95
|
+
marginBottom,
|
|
96
|
+
dataHeading,
|
|
97
|
+
link,
|
|
98
|
+
...props
|
|
99
|
+
} = param;
|
|
100
|
+
var {
|
|
101
|
+
knobProps
|
|
102
|
+
} = useResolvedKnobs();
|
|
103
|
+
var heading = /* @__PURE__ */_jsx(Component, {
|
|
104
|
+
maxWidth: "100%",
|
|
105
|
+
position: "relative",
|
|
106
|
+
width: link ? "fit-content" : void 0,
|
|
107
|
+
size,
|
|
108
|
+
color,
|
|
109
|
+
marginTop: link ? void 0 : marginTop,
|
|
110
|
+
marginBottom: link ? void 0 : marginBottom,
|
|
111
|
+
...(dataHeading ? {
|
|
112
|
+
"data-heading": true
|
|
113
|
+
} : {}),
|
|
114
|
+
...knobProps.heading,
|
|
115
|
+
...props,
|
|
116
|
+
children
|
|
117
|
+
});
|
|
118
|
+
if (!link) return heading;
|
|
119
|
+
return /* @__PURE__ */_jsxs(LinkHeading, {
|
|
120
|
+
"data-heading": true,
|
|
121
|
+
marginTop,
|
|
122
|
+
marginBottom,
|
|
123
|
+
id,
|
|
124
|
+
children: [heading, getNonTextChildren(children)]
|
|
125
|
+
});
|
|
126
|
+
}
|
|
127
|
+
function MdxAnchor(param) {
|
|
128
|
+
var {
|
|
129
|
+
href = "",
|
|
130
|
+
children,
|
|
131
|
+
...props
|
|
132
|
+
} = param;
|
|
133
|
+
var {
|
|
134
|
+
knobProps
|
|
135
|
+
} = useResolvedKnobs();
|
|
136
|
+
return /* @__PURE__ */_jsx(Link, {
|
|
137
|
+
href,
|
|
138
|
+
children: /* @__PURE__ */_jsxs(Paragraph, {
|
|
139
|
+
// the router Link already renders the anchor; a nested <a> is invalid
|
|
140
|
+
render: "span",
|
|
141
|
+
fontSize: "inherit",
|
|
142
|
+
display: "inline",
|
|
143
|
+
cursor: "pointer",
|
|
144
|
+
...knobProps.body,
|
|
145
|
+
focusVisibleStyle: {
|
|
146
|
+
outlineColor: "$outlineColor",
|
|
147
|
+
outlineWidth: 2,
|
|
148
|
+
outlineStyle: "solid",
|
|
149
|
+
outlineOffset: 2
|
|
150
|
+
},
|
|
151
|
+
...props,
|
|
152
|
+
children: [children, typeof href === "string" && href.startsWith("http") ? /* @__PURE__ */_jsxs(_Fragment, {
|
|
153
|
+
children: ["\xA0", /* @__PURE__ */_jsx(Text, {
|
|
154
|
+
fontSize: "inherit",
|
|
155
|
+
display: "inline-flex",
|
|
156
|
+
y: 2,
|
|
157
|
+
style: {
|
|
158
|
+
marginLeft: -1
|
|
159
|
+
},
|
|
160
|
+
children: /* @__PURE__ */_jsx(ExternalIcon, {})
|
|
161
|
+
})]
|
|
162
|
+
}) : null]
|
|
163
|
+
})
|
|
164
|
+
});
|
|
165
|
+
}
|
|
166
|
+
function MdxStrong(props) {
|
|
167
|
+
var {
|
|
168
|
+
knobProps
|
|
169
|
+
} = useResolvedKnobs();
|
|
170
|
+
return /* @__PURE__ */_jsx(Paragraph, {
|
|
171
|
+
render: "strong",
|
|
172
|
+
fontSize: "inherit",
|
|
173
|
+
...knobProps.body,
|
|
174
|
+
...props,
|
|
175
|
+
fontWeight: "700"
|
|
176
|
+
});
|
|
177
|
+
}
|
|
178
|
+
function MdxP(props) {
|
|
179
|
+
var {
|
|
180
|
+
knobProps
|
|
181
|
+
} = useResolvedKnobs();
|
|
182
|
+
return /* @__PURE__ */_jsx(Paragraph, {
|
|
183
|
+
render: "p",
|
|
184
|
+
display: "block",
|
|
185
|
+
size: knobProps.sizeToken,
|
|
186
|
+
marginVertical: "$2",
|
|
187
|
+
...knobProps.body,
|
|
188
|
+
...props
|
|
189
|
+
});
|
|
190
|
+
}
|
|
191
|
+
function MdxList(param) {
|
|
192
|
+
var {
|
|
193
|
+
ordered,
|
|
194
|
+
children,
|
|
195
|
+
start
|
|
196
|
+
} = param;
|
|
197
|
+
return /* @__PURE__ */_jsx(MarkdownList, {
|
|
198
|
+
ordered,
|
|
199
|
+
start,
|
|
200
|
+
children: Children.toArray(children).map(function (child) {
|
|
201
|
+
return typeof child === "string" ? null : child;
|
|
202
|
+
})
|
|
203
|
+
});
|
|
204
|
+
}
|
|
85
205
|
var mdxComponents = {
|
|
86
206
|
h1: function h1(props) {
|
|
87
|
-
return /* @__PURE__ */_jsx(
|
|
88
|
-
|
|
207
|
+
return /* @__PURE__ */_jsx(MdxHeading, {
|
|
208
|
+
Component: H1,
|
|
89
209
|
width: "max-content",
|
|
90
|
-
position: "relative",
|
|
91
210
|
marginBottom: "$2",
|
|
92
211
|
...props
|
|
93
212
|
});
|
|
@@ -97,110 +216,65 @@ var mdxComponents = {
|
|
|
97
216
|
children,
|
|
98
217
|
...props
|
|
99
218
|
} = param;
|
|
100
|
-
return /* @__PURE__ */_jsx(
|
|
101
|
-
|
|
219
|
+
return /* @__PURE__ */_jsx(MdxHeading, {
|
|
220
|
+
Component: H2,
|
|
221
|
+
dataHeading: true,
|
|
102
222
|
width: "fit-content",
|
|
103
|
-
marginTop: "$8",
|
|
104
|
-
marginBottom: "$4",
|
|
105
|
-
"data-heading": true,
|
|
106
223
|
size: "$9",
|
|
107
224
|
color: "$color12",
|
|
225
|
+
marginTop: "$8",
|
|
226
|
+
marginBottom: "$4",
|
|
108
227
|
...props,
|
|
109
228
|
children
|
|
110
229
|
});
|
|
111
230
|
},
|
|
112
|
-
h3: function h3(
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
"data-heading": true,
|
|
231
|
+
h3: function h3(props) {
|
|
232
|
+
return /* @__PURE__ */_jsx(MdxHeading, {
|
|
233
|
+
Component: H3,
|
|
234
|
+
link: true,
|
|
235
|
+
dataHeading: true,
|
|
236
|
+
size: "$8",
|
|
237
|
+
color: "$color11",
|
|
120
238
|
marginTop: "$6",
|
|
121
239
|
marginBottom: "$2",
|
|
122
|
-
|
|
123
|
-
children: [/* @__PURE__ */_jsx(H3, {
|
|
124
|
-
maxWidth: "100%",
|
|
125
|
-
position: "relative",
|
|
126
|
-
width: "fit-content",
|
|
127
|
-
size: "$8",
|
|
128
|
-
color: "$color11",
|
|
129
|
-
fontWeight: "600",
|
|
130
|
-
...props,
|
|
131
|
-
children
|
|
132
|
-
}), getNonTextChildren(children)]
|
|
240
|
+
...props
|
|
133
241
|
});
|
|
134
242
|
},
|
|
135
243
|
h4: function h4(props) {
|
|
136
|
-
return /* @__PURE__ */_jsx(
|
|
137
|
-
|
|
244
|
+
return /* @__PURE__ */_jsx(MdxHeading, {
|
|
245
|
+
Component: H4,
|
|
246
|
+
dataHeading: true,
|
|
138
247
|
width: "fit-content",
|
|
139
|
-
marginTop: "$8",
|
|
140
|
-
marginBottom: "$2",
|
|
141
248
|
size: "$8",
|
|
142
249
|
color: "$color8",
|
|
143
|
-
"
|
|
144
|
-
|
|
145
|
-
|
|
250
|
+
marginTop: "$8",
|
|
251
|
+
marginBottom: "$2",
|
|
252
|
+
...props
|
|
146
253
|
});
|
|
147
254
|
},
|
|
148
255
|
h5: function h5(props) {
|
|
149
|
-
return /* @__PURE__ */_jsx(
|
|
256
|
+
return /* @__PURE__ */_jsx(MdxHeading, {
|
|
257
|
+
Component: H5,
|
|
150
258
|
size: "$6",
|
|
151
|
-
fontWeight: "600",
|
|
152
259
|
marginTop: "$4",
|
|
153
260
|
...props
|
|
154
261
|
});
|
|
155
262
|
},
|
|
156
263
|
h6: function h6(props) {
|
|
157
|
-
return /* @__PURE__ */_jsx(
|
|
264
|
+
return /* @__PURE__ */_jsx(MdxHeading, {
|
|
265
|
+
Component: H6,
|
|
158
266
|
marginTop: "$4",
|
|
159
267
|
...props
|
|
160
268
|
});
|
|
161
269
|
},
|
|
162
270
|
p: function p(props) {
|
|
163
|
-
return /* @__PURE__ */_jsx(
|
|
164
|
-
render: "p",
|
|
165
|
-
display: "block",
|
|
166
|
-
size: "$6",
|
|
167
|
-
marginVertical: "$2",
|
|
271
|
+
return /* @__PURE__ */_jsx(MdxP, {
|
|
168
272
|
...props
|
|
169
273
|
});
|
|
170
274
|
},
|
|
171
|
-
a: function a(
|
|
172
|
-
|
|
173
|
-
href = "",
|
|
174
|
-
children,
|
|
275
|
+
a: function a(props) {
|
|
276
|
+
return /* @__PURE__ */_jsx(MdxAnchor, {
|
|
175
277
|
...props
|
|
176
|
-
} = param;
|
|
177
|
-
return /* @__PURE__ */_jsx(Link, {
|
|
178
|
-
href,
|
|
179
|
-
children: /* @__PURE__ */_jsxs(Paragraph, {
|
|
180
|
-
// the router Link already renders the anchor; a nested <a> is invalid
|
|
181
|
-
render: "span",
|
|
182
|
-
fontSize: "inherit",
|
|
183
|
-
display: "inline",
|
|
184
|
-
cursor: "pointer",
|
|
185
|
-
focusVisibleStyle: {
|
|
186
|
-
outlineColor: "$outlineColor",
|
|
187
|
-
outlineWidth: 2,
|
|
188
|
-
outlineStyle: "solid",
|
|
189
|
-
outlineOffset: 2
|
|
190
|
-
},
|
|
191
|
-
...props,
|
|
192
|
-
children: [children, typeof href === "string" && href.startsWith("http") ? /* @__PURE__ */_jsxs(_Fragment, {
|
|
193
|
-
children: ["\xA0", /* @__PURE__ */_jsx(Text, {
|
|
194
|
-
fontSize: "inherit",
|
|
195
|
-
display: "inline-flex",
|
|
196
|
-
y: 2,
|
|
197
|
-
style: {
|
|
198
|
-
marginLeft: -1
|
|
199
|
-
},
|
|
200
|
-
children: /* @__PURE__ */_jsx(ExternalIcon, {})
|
|
201
|
-
})]
|
|
202
|
-
}) : null]
|
|
203
|
-
})
|
|
204
278
|
});
|
|
205
279
|
},
|
|
206
280
|
hr: function hr(props) {
|
|
@@ -212,38 +286,30 @@ var mdxComponents = {
|
|
|
212
286
|
var {
|
|
213
287
|
children
|
|
214
288
|
} = param;
|
|
215
|
-
return /* @__PURE__ */_jsx(
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
children: Children.toArray(children).map(function (x) {
|
|
219
|
-
return typeof x === "string" ? null : x;
|
|
220
|
-
})
|
|
289
|
+
return /* @__PURE__ */_jsx(MdxList, {
|
|
290
|
+
ordered: false,
|
|
291
|
+
children
|
|
221
292
|
});
|
|
222
293
|
},
|
|
223
|
-
ol: function ol(
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
294
|
+
ol: function ol(param) {
|
|
295
|
+
var {
|
|
296
|
+
children,
|
|
297
|
+
start
|
|
298
|
+
} = param;
|
|
299
|
+
return /* @__PURE__ */_jsx(MdxList, {
|
|
300
|
+
ordered: true,
|
|
301
|
+
start: typeof start === "number" ? start : Number(start) || void 0,
|
|
302
|
+
children
|
|
228
303
|
});
|
|
229
304
|
},
|
|
230
305
|
li: function li(props) {
|
|
231
|
-
return /* @__PURE__ */_jsx(
|
|
232
|
-
render: "li",
|
|
233
|
-
size: "$6",
|
|
234
|
-
marginBottom: "$1.5",
|
|
235
|
-
style: {
|
|
236
|
-
listStyleType: "disc"
|
|
237
|
-
},
|
|
306
|
+
return /* @__PURE__ */_jsx(MarkdownListItem, {
|
|
238
307
|
children: props.children
|
|
239
308
|
});
|
|
240
309
|
},
|
|
241
310
|
strong: function strong(props) {
|
|
242
|
-
return /* @__PURE__ */_jsx(
|
|
243
|
-
|
|
244
|
-
fontSize: "inherit",
|
|
245
|
-
...props,
|
|
246
|
-
fontWeight: "700"
|
|
311
|
+
return /* @__PURE__ */_jsx(MdxStrong, {
|
|
312
|
+
...props
|
|
247
313
|
});
|
|
248
314
|
},
|
|
249
315
|
em: function em(props) {
|
|
@@ -264,15 +330,19 @@ var mdxComponents = {
|
|
|
264
330
|
},
|
|
265
331
|
img: function img(param) {
|
|
266
332
|
var {
|
|
333
|
+
src,
|
|
334
|
+
alt,
|
|
335
|
+
title,
|
|
267
336
|
...props
|
|
268
337
|
} = param;
|
|
269
338
|
return /* @__PURE__ */_jsx(YStack, {
|
|
270
339
|
render: "span",
|
|
271
340
|
marginVertical: "$6",
|
|
272
|
-
children: /* @__PURE__ */_jsx(
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
341
|
+
children: /* @__PURE__ */_jsx(MarkdownImage, {
|
|
342
|
+
src,
|
|
343
|
+
alt,
|
|
344
|
+
title,
|
|
345
|
+
...props
|
|
276
346
|
})
|
|
277
347
|
});
|
|
278
348
|
},
|
|
@@ -326,6 +396,7 @@ var LinkHeading = function LinkHeading2(param) {
|
|
|
326
396
|
var {
|
|
327
397
|
knobProps
|
|
328
398
|
} = useResolvedKnobs();
|
|
399
|
+
var iconPx = tokenPx(knobProps.label.fontSize, 12, "fontSize");
|
|
329
400
|
return /* @__PURE__ */_jsxs(XStack, {
|
|
330
401
|
render: "a",
|
|
331
402
|
"data-heading": true,
|
|
@@ -340,7 +411,7 @@ var LinkHeading = function LinkHeading2(param) {
|
|
|
340
411
|
render: "span",
|
|
341
412
|
opacity: 0.3,
|
|
342
413
|
children: /* @__PURE__ */_jsx(LinkIcon, {
|
|
343
|
-
size:
|
|
414
|
+
size: iconPx
|
|
344
415
|
})
|
|
345
416
|
})]
|
|
346
417
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","CodeInline","unwrapText","useResolvedKnobs","Link","Children","H1","H2","H3","H4","H5","H6","Paragraph","Text","XStack","YStack","isWeb","styled","ExternalIcon","HR","LinkIcon","
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","CodeInline","unwrapText","useResolvedKnobs","tokenPx","Link","Children","H1","H2","H3","H4","H5","H6","Paragraph","Text","XStack","YStack","isWeb","styled","ExternalIcon","HR","LinkIcon","MarkdownList","MarkdownListItem","MarkdownImage","MDXCodeBlock","MDXTable","MDXTableBody","MDXTableCell","MDXTableHead","MDXTableHeaderCell","MDXTableRow","code","code2","param","hero","_hero","line","scrollable","_scrollable","className","children","id","_id","showLineNumbers","collapsible","_collapsible","props","marginTop","isHighlightingLines","TableHighlight","name","backgroundColor","fullscreen","MdxBlockquote","knobProps","railWidth","borderRadius","borderWidth","inset","panelPadding","padding","marginVertical","paddingHorizontal","style","marginInlineStart","borderInlineStartWidth","borderInlineStartStyle","borderStartWidth","borderColor","justifyContent","whiteSpace","size","sizeToken","body","color","opacity","MdxHeading","Component","marginBottom","dataHeading","link","heading","maxWidth","position","width","LinkHeading","getNonTextChildren","MdxAnchor","href","render","fontSize","display","cursor","focusVisibleStyle","outlineColor","outlineWidth","outlineStyle","outlineOffset","startsWith","y","marginLeft","MdxStrong","fontWeight","MdxP","MdxList","ordered","start","toArray","map","child","mdxComponents","h1","h2","h3","h4","h5","h6","p","a","hr","ul","ol","Number"],"sources":["../../src/mdxComponents.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -45,7 +45,7 @@ function MermaidBlock({
|
|
|
45
45
|
}, [state]);
|
|
46
46
|
if (state.status === "ok") {
|
|
47
47
|
return /* @__PURE__ */jsx(View, {
|
|
48
|
-
...(knobProps.
|
|
48
|
+
...(knobProps.borderRadiusNested ?? {
|
|
49
49
|
borderRadius: "$4"
|
|
50
50
|
}),
|
|
51
51
|
backgroundColor: markdownCodeColors.background.base,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useEffect","useRef","useState","Text","View","useThemeName","useResolvedKnobs","markdownCodeColors","CodeBlock","mountDiagramSvg","renderMermaidDiagram","jsx","jsxs","MermaidBlock","children","knobProps","themeName","scheme","String","startsWith","state","setState","status","svgHostRef","cancelled","then","result","ok","svg","error","current","
|
|
1
|
+
{"version":3,"names":["useEffect","useRef","useState","Text","View","useThemeName","useResolvedKnobs","markdownCodeColors","CodeBlock","mountDiagramSvg","renderMermaidDiagram","jsx","jsxs","MermaidBlock","children","knobProps","themeName","scheme","String","startsWith","state","setState","status","svgHostRef","cancelled","then","result","ok","svg","error","current","borderRadiusNested","borderRadius","backgroundColor","background","base","borderWidth","borderColor","border","paddingHorizontal","paddingVertical","marginVertical","overflow","ref","role","style","display","justifyContent","overflowX","color","fontSize","marginTop","lang"],"sources":["../../../src/mermaid/MermaidBlock.tsx"],"sourcesContent":[null],"mappings":"AAUA,SAASA,SAAA,EAAWC,MAAA,EAAQC,QAAA,QAAgB;AAC5C,SAASC,IAAA,EAAMC,IAAA,EAAMC,YAAA,QAAoB;AACzC,SAASC,gBAAA,QAAwB;AACjC,SAASC,kBAAA,QAA0B;AACnC,SAASC,SAAA,QAAiB;AAC1B,SAASC,eAAA,QAAuB;AAChC,SAASC,oBAAA,QAA4B;AAkD7B,SAAAC,GAAA,EAYJC,IAAA,QAZI;AAtCD,SAASC,aAAa;EAAEC;AAAS,GAAsB;EAC5D,MAAM;IAAEC;EAAU,IAAIT,gBAAA,CAAiB;EACvC,MAAMU,SAAA,GAAYX,YAAA,CAAa;EAC/B,MAAMY,MAAA,GAASC,MAAA,CAAOF,SAAS,EAAEG,UAAA,CAAW,MAAM,IAAI,SAAS;EAC/D,MAAM,CAACC,KAAA,EAAOC,QAAQ,IAAInB,QAAA,CAAuB;IAAEoB,MAAA,EAAQ;EAAU,CAAC;EACtE,MAAMC,UAAA,GAAatB,MAAA,CAAuB,IAAI;EAE9CD,SAAA,CAAU,MAAM;IACd,IAAIwB,SAAA,GAAY;IAChBH,QAAA,CAAS;MAAEC,MAAA,EAAQ;IAAU,CAAC;IAC9BZ,oBAAA,CAAqBI,QAAA,EAAU;MAAEG;IAAO,CAAC,EAAEQ,IAAA,CAAMC,MAAA,IAAW;MAC1D,IAAIF,SAAA,EAAW;MACfH,QAAA,CACEK,MAAA,CAAOC,EAAA,GAAK;QAAEL,MAAA,EAAQ;QAAMM,GAAA,EAAKF,MAAA,CAAOE;MAAI,IAAI;QAAEN,MAAA,EAAQ;QAASO,KAAA,EAAOH,MAAA,CAAOG;MAAM,CACzF;IACF,CAAC;IACD,OAAO,MAAM;MACXL,SAAA,GAAY;IACd;EACF,GAAG,CAACV,QAAA,EAAUG,MAAM,CAAC;EAErBjB,SAAA,CAAU,MAAM;IACd,IAAIoB,KAAA,CAAME,MAAA,KAAW,QAAQ,CAACC,UAAA,CAAWO,OAAA,EAAS;IAClDrB,eAAA,CAAgBc,UAAA,CAAWO,OAAA,EAASV,KAAA,CAAMQ,GAAG;EAC/C,GAAG,CAACR,KAAK,CAAC;EAEV,IAAIA,KAAA,CAAME,MAAA,KAAW,MAAM;IACzB,OACE,eAAAX,GAAA,CAACP,IAAA;MACE,IAAIW,SAAA,CAAUgB,kBAAA,IAAsB;QAAEC,YAAA,EAAc;MAAK;MAC1DC,eAAA,EAAiB1B,kBAAA,CAAmB2B,UAAA,CAAWC,IAAA;MAC/CC,WAAA,EAAa;MACbC,WAAA,EAAa9B,kBAAA,CAAmB+B,MAAA,CAAOH,IAAA;MACvCI,iBAAA,EAAmB;MACnBC,eAAA,EAAiB;MACjBC,cAAA,EAAe;MACfC,QAAA,EAAS;MAET5B,QAAA,iBAAAH,GAAA,CAAC;QACCgC,GAAA,EAAKpB,UAAA;QACLqB,IAAA,EAAK;QACL,cAAW;QACX,wBAAqB;QACrBC,KAAA,EAAO;UAAEC,OAAA,EAAS;UAAQC,cAAA,EAAgB;UAAUC,SAAA,EAAW;QAAO;MAAA,CACxE;IAAA,CACF;EAEJ;EAEA,OACE,eAAApC,IAAA,CAACR,IAAA;IACEU,QAAA,GAAAM,KAAA,CAAME,MAAA,KAAW,UAChB,eAAAX,GAAA,CAACR,IAAA;MAAK8C,KAAA,EAAM;MAASC,QAAA,EAAU;MAAIC,SAAA,EAAU;MAAKP,IAAA,EAAK;MACpD9B,QAAA,cAAYM,KAAA,CAAMS,KAAK;IAAA,CAC1B,IACE,MACJ,eAAAlB,GAAA,CAACH,SAAA;MAAU4C,IAAA,EAAK;MAAWtC;IAAA,CAAS;EAAA,CACtC;AAEJ","ignoreList":[]}
|
|
@@ -1,70 +1,11 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
}
|
|
10
|
-
var mermaidPromise = null;
|
|
11
|
-
var idCounter = 0;
|
|
12
|
-
var lastInitKey = null;
|
|
13
|
-
function loadMermaid() {
|
|
14
|
-
if (!mermaidPromise) {
|
|
15
|
-
mermaidPromise = import("mermaid").then(function (mod) {
|
|
16
|
-
var _mod_default;
|
|
17
|
-
return (_mod_default = mod.default) !== null && _mod_default !== void 0 ? _mod_default : mod;
|
|
18
|
-
});
|
|
19
|
-
}
|
|
20
|
-
return mermaidPromise;
|
|
21
|
-
}
|
|
22
|
-
async function renderMermaidDiagram(code) {
|
|
23
|
-
var options = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
|
|
24
|
-
if (typeof document === "undefined") {
|
|
25
|
-
return {
|
|
26
|
-
ok: false,
|
|
27
|
-
error: "Mermaid diagrams require a DOM environment"
|
|
28
|
-
};
|
|
29
|
-
}
|
|
30
|
-
var id = `mpo-mermaid-${++idCounter}`;
|
|
31
|
-
try {
|
|
32
|
-
var _options_scheme, _options_fontFamily;
|
|
33
|
-
var mermaid = await loadMermaid();
|
|
34
|
-
var initKey = `${(_options_scheme = options.scheme) !== null && _options_scheme !== void 0 ? _options_scheme : "light"}|${(_options_fontFamily = options.fontFamily) !== null && _options_fontFamily !== void 0 ? _options_fontFamily : ""}`;
|
|
35
|
-
if (initKey !== lastInitKey) {
|
|
36
|
-
mermaid.initialize({
|
|
37
|
-
startOnLoad: false,
|
|
38
|
-
securityLevel: "strict",
|
|
39
|
-
theme: options.scheme === "dark" ? "dark" : "default",
|
|
40
|
-
...(options.fontFamily ? {
|
|
41
|
-
fontFamily: options.fontFamily
|
|
42
|
-
} : {})
|
|
43
|
-
});
|
|
44
|
-
lastInitKey = initKey;
|
|
45
|
-
}
|
|
46
|
-
await mermaid.parse(code);
|
|
47
|
-
var {
|
|
48
|
-
svg
|
|
49
|
-
} = await mermaid.render(id, code);
|
|
50
|
-
return {
|
|
51
|
-
ok: true,
|
|
52
|
-
svg
|
|
53
|
-
};
|
|
54
|
-
} catch (err) {
|
|
55
|
-
var _document_getElementById, _document_getElementById1;
|
|
56
|
-
(_document_getElementById = document.getElementById(`d${id}`)) === null || _document_getElementById === void 0 ? void 0 : _document_getElementById.remove();
|
|
57
|
-
(_document_getElementById1 = document.getElementById(id)) === null || _document_getElementById1 === void 0 ? void 0 : _document_getElementById1.remove();
|
|
58
|
-
var message = _instanceof(err, Error) ? err.message : String(err);
|
|
59
|
-
return {
|
|
60
|
-
ok: false,
|
|
61
|
-
error: message
|
|
62
|
-
};
|
|
63
|
-
}
|
|
64
|
-
}
|
|
65
|
-
function resetMermaidForTesting() {
|
|
66
|
-
mermaidPromise = null;
|
|
67
|
-
lastInitKey = null;
|
|
68
|
-
}
|
|
1
|
+
var NO_DOM = "Mermaid diagrams require a DOM environment";
|
|
2
|
+
async function renderMermaidDiagram(_code) {
|
|
3
|
+
var _options = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
|
|
4
|
+
return {
|
|
5
|
+
ok: false,
|
|
6
|
+
error: NO_DOM
|
|
7
|
+
};
|
|
8
|
+
}
|
|
9
|
+
function resetMermaidForTesting() {}
|
|
69
10
|
export { renderMermaidDiagram, resetMermaidForTesting };
|
|
70
11
|
//# sourceMappingURL=renderMermaidDiagram.native.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["NO_DOM","renderMermaidDiagram","_code","_options","arguments","length","ok","error","resetMermaidForTesting"],"sources":["../../../src/mermaid/renderMermaidDiagram.native.ts"],"sourcesContent":[null],"mappings":"AA2BwM,IAAIA,MAAA,GAAS;AACrN,eAAsBC,qBAAqBC,KAAA,EAAO;EAC9C,IAAIC,QAAA,GAAWC,SAAA,CAAUC,MAAA,GAAS,KAAKD,SAAA,CAAU,CAAC,MAAM,SAASA,SAAA,CAAU,CAAC,IAAI,CAAC;EACjF,OAAO;IACHE,EAAA,EAAI;IACJC,KAAA,EAAOP;EACX;AACJ;AAC2E,SAASQ,uBAAA,EAAyB,CAAC","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":[],"sources":["../../../src/shared/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["tokenPx","useMarkdownTableKnobs"],"sources":["../../../src/shared/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc;AACd,SAASA,OAAA,QAAe;AACxB,SAASC,qBAAA,QAA6B","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":[],"sources":["../../../src/shared/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["tokenPx","useMarkdownTableKnobs"],"sources":["../../../src/shared/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc;AACd,SAASA,OAAA,QAAe;AACxB,SAASC,qBAAA,QAA6B","ignoreList":[]}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { getTokens, getVariableValue } from "tamagui";
|
|
2
|
+
function tokenPx(token, fallback, scale = "size") {
|
|
3
|
+
if (typeof token === "number" && Number.isFinite(token)) return token;
|
|
4
|
+
if (token == null) return fallback;
|
|
5
|
+
try {
|
|
6
|
+
const tokens = getTokens();
|
|
7
|
+
const bucket = scale === "fontSize" ? tokens.fontSize : tokens[scale];
|
|
8
|
+
const raw = getVariableValue(bucket?.[String(token)] ?? token);
|
|
9
|
+
const n = typeof raw === "number" ? raw : Number.parseFloat(String(raw));
|
|
10
|
+
return Number.isFinite(n) && n > 0 ? n : fallback;
|
|
11
|
+
} catch {
|
|
12
|
+
return fallback;
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
export { tokenPx };
|
|
16
|
+
//# sourceMappingURL=tokenPx.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["getTokens","getVariableValue","tokenPx","token","fallback","scale","Number","isFinite","tokens","bucket","fontSize","raw","String","n","parseFloat"],"sources":["../../../src/shared/tokenPx.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,SAAA,EAAWC,gBAAA,QAAwB;AAOrC,SAASC,QACdC,KAAA,EACAC,QAAA,EACAC,KAAA,GAAkD,QAC1C;EACR,IAAI,OAAOF,KAAA,KAAU,YAAYG,MAAA,CAAOC,QAAA,CAASJ,KAAK,GAAG,OAAOA,KAAA;EAChE,IAAIA,KAAA,IAAS,MAAM,OAAOC,QAAA;EAC1B,IAAI;IACF,MAAMI,MAAA,GAASR,SAAA,CAAU;IACzB,MAAMS,MAAA,GACJJ,KAAA,KAAU,aACLG,MAAA,CAAkDE,QAAA,GACnDF,MAAA,CAAOH,KAAK;IAClB,MAAMM,GAAA,GAAMV,gBAAA,CACTQ,MAAA,GAAiDG,MAAA,CAAOT,KAAK,CAAC,KAAKA,KACtE;IACA,MAAMU,CAAA,GAAI,OAAOF,GAAA,KAAQ,WAAWA,GAAA,GAAML,MAAA,CAAOQ,UAAA,CAAWF,MAAA,CAAOD,GAAG,CAAC;IACvE,OAAOL,MAAA,CAAOC,QAAA,CAASM,CAAC,KAAKA,CAAA,GAAI,IAAIA,CAAA,GAAIT,QAAA;EAC3C,QAAQ;IACN,OAAOA,QAAA;EACT;AACF","ignoreList":[]}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { getTokens, getVariableValue } from "tamagui";
|
|
2
|
+
function tokenPx(token, fallback) {
|
|
3
|
+
var scale = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : "size";
|
|
4
|
+
if (typeof token === "number" && Number.isFinite(token)) return token;
|
|
5
|
+
if (token == null) return fallback;
|
|
6
|
+
try {
|
|
7
|
+
var _ref;
|
|
8
|
+
var tokens = getTokens();
|
|
9
|
+
var bucket = scale === "fontSize" ? tokens.fontSize : tokens[scale];
|
|
10
|
+
var raw = getVariableValue((_ref = bucket === null || bucket === void 0 ? void 0 : bucket[String(token)]) !== null && _ref !== void 0 ? _ref : token);
|
|
11
|
+
var n = typeof raw === "number" ? raw : Number.parseFloat(String(raw));
|
|
12
|
+
return Number.isFinite(n) && n > 0 ? n : fallback;
|
|
13
|
+
} catch (unused) {
|
|
14
|
+
return fallback;
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
export { tokenPx };
|
|
18
|
+
//# sourceMappingURL=tokenPx.native.js.map
|