@nikpnevmatikos/html-renderer 0.1.0-alpha.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/LICENSE +21 -0
- package/README.md +19 -0
- package/dist/index.d.ts +7 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +5 -0
- package/dist/index.js.map +1 -0
- package/dist/parser/parse.d.ts +3 -0
- package/dist/parser/parse.d.ts.map +1 -0
- package/dist/parser/parse.js +26 -0
- package/dist/parser/parse.js.map +1 -0
- package/dist/render-tree/build.d.ts +14 -0
- package/dist/render-tree/build.d.ts.map +1 -0
- package/dist/render-tree/build.js +299 -0
- package/dist/render-tree/build.js.map +1 -0
- package/dist/render-tree/hoist-blocks.d.ts +3 -0
- package/dist/render-tree/hoist-blocks.d.ts.map +1 -0
- package/dist/render-tree/hoist-blocks.js +48 -0
- package/dist/render-tree/hoist-blocks.js.map +1 -0
- package/dist/render-tree/whitespace.d.ts +3 -0
- package/dist/render-tree/whitespace.d.ts.map +1 -0
- package/dist/render-tree/whitespace.js +81 -0
- package/dist/render-tree/whitespace.js.map +1 -0
- package/dist/renderer/RenderedImage.d.ts +12 -0
- package/dist/renderer/RenderedImage.d.ts.map +1 -0
- package/dist/renderer/RenderedImage.js +60 -0
- package/dist/renderer/RenderedImage.js.map +1 -0
- package/dist/renderer/Renderer.d.ts +31 -0
- package/dist/renderer/Renderer.d.ts.map +1 -0
- package/dist/renderer/Renderer.js +309 -0
- package/dist/renderer/Renderer.js.map +1 -0
- package/dist/styles/css-parser.d.ts +18 -0
- package/dist/styles/css-parser.d.ts.map +1 -0
- package/dist/styles/css-parser.js +98 -0
- package/dist/styles/css-parser.js.map +1 -0
- package/dist/styles/normalize.d.ts +4 -0
- package/dist/styles/normalize.d.ts.map +1 -0
- package/dist/styles/normalize.js +14 -0
- package/dist/styles/normalize.js.map +1 -0
- package/dist/styles/parse-inline.d.ts +3 -0
- package/dist/styles/parse-inline.d.ts.map +1 -0
- package/dist/styles/parse-inline.js +169 -0
- package/dist/styles/parse-inline.js.map +1 -0
- package/dist/styles/selector-match.d.ts +8 -0
- package/dist/styles/selector-match.d.ts.map +1 -0
- package/dist/styles/selector-match.js +49 -0
- package/dist/styles/selector-match.js.map +1 -0
- package/dist/styles/split.d.ts +8 -0
- package/dist/styles/split.d.ts.map +1 -0
- package/dist/styles/split.js +52 -0
- package/dist/styles/split.js.map +1 -0
- package/dist/types.d.ts +69 -0
- package/dist/types.d.ts.map +1 -0
- package/dist/types.js +2 -0
- package/dist/types.js.map +1 -0
- package/package.json +74 -0
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Image, Text, View, StyleSheet } from 'react-native';
|
|
3
|
+
export function RenderedImage({ node, contentWidth, initialDimensions, }) {
|
|
4
|
+
const hasExplicitSize = node.width !== undefined && node.height !== undefined;
|
|
5
|
+
const [resolvedSize, setResolvedSize] = React.useState(null);
|
|
6
|
+
React.useEffect(() => {
|
|
7
|
+
if (hasExplicitSize)
|
|
8
|
+
return;
|
|
9
|
+
let cancelled = false;
|
|
10
|
+
Image.getSize(node.src, (w, h) => {
|
|
11
|
+
if (!cancelled)
|
|
12
|
+
setResolvedSize({ w, h });
|
|
13
|
+
}, () => {
|
|
14
|
+
if (!cancelled)
|
|
15
|
+
setResolvedSize({ w: 0, h: 0 });
|
|
16
|
+
});
|
|
17
|
+
return () => {
|
|
18
|
+
cancelled = true;
|
|
19
|
+
};
|
|
20
|
+
}, [node.src, hasExplicitSize]);
|
|
21
|
+
if (hasExplicitSize) {
|
|
22
|
+
const fitted = fit(node.width, node.height, contentWidth);
|
|
23
|
+
return (<Image source={{ uri: node.src }} style={{ width: fitted.w, height: fitted.h }} accessibilityLabel={node.alt}/>);
|
|
24
|
+
}
|
|
25
|
+
if (!resolvedSize) {
|
|
26
|
+
if (initialDimensions) {
|
|
27
|
+
const fitted = fit(initialDimensions.width, initialDimensions.height, contentWidth);
|
|
28
|
+
return <View style={{ width: fitted.w, height: fitted.h }}/>;
|
|
29
|
+
}
|
|
30
|
+
return <View style={styles.placeholder}/>;
|
|
31
|
+
}
|
|
32
|
+
if (resolvedSize.w === 0 || resolvedSize.h === 0) {
|
|
33
|
+
return (<View style={styles.broken}>
|
|
34
|
+
<Text style={styles.brokenLabel}>{node.alt ?? '[broken image]'}</Text>
|
|
35
|
+
</View>);
|
|
36
|
+
}
|
|
37
|
+
const fitted = fit(resolvedSize.w, resolvedSize.h, contentWidth);
|
|
38
|
+
return (<Image source={{ uri: node.src }} style={{ width: fitted.w, height: fitted.h }} accessibilityLabel={node.alt}/>);
|
|
39
|
+
}
|
|
40
|
+
function fit(w, h, maxWidth) {
|
|
41
|
+
if (maxWidth === undefined || w <= maxWidth)
|
|
42
|
+
return { w, h };
|
|
43
|
+
const scale = maxWidth / w;
|
|
44
|
+
return { w: maxWidth, h: h * scale };
|
|
45
|
+
}
|
|
46
|
+
const styles = StyleSheet.create({
|
|
47
|
+
placeholder: {
|
|
48
|
+
height: 80,
|
|
49
|
+
backgroundColor: '#eee',
|
|
50
|
+
},
|
|
51
|
+
broken: {
|
|
52
|
+
padding: 8,
|
|
53
|
+
backgroundColor: '#fee',
|
|
54
|
+
},
|
|
55
|
+
brokenLabel: {
|
|
56
|
+
color: '#900',
|
|
57
|
+
fontSize: 12,
|
|
58
|
+
},
|
|
59
|
+
});
|
|
60
|
+
//# sourceMappingURL=RenderedImage.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RenderedImage.js","sourceRoot":"","sources":["../../src/renderer/RenderedImage.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { type TextProps, type ViewProps } from 'react-native';
|
|
3
|
+
import type { DomNode, HTMLElementModel, RenderElement, ResolvedStyle, StyleInput } from '../types';
|
|
4
|
+
export interface CustomRendererInfo {
|
|
5
|
+
renderersProps: Record<string, Record<string, unknown>>;
|
|
6
|
+
contentWidth?: number;
|
|
7
|
+
}
|
|
8
|
+
export type CustomRenderer = (node: RenderElement, defaultRender: () => React.ReactNode, info: CustomRendererInfo) => React.ReactNode;
|
|
9
|
+
export type TransformDom = (dom: DomNode[]) => DomNode[];
|
|
10
|
+
export type OnLinkPress = (href: string, attribs: Record<string, string>) => void;
|
|
11
|
+
export interface HtmlRendererProps {
|
|
12
|
+
html: string;
|
|
13
|
+
baseStyle?: ResolvedStyle;
|
|
14
|
+
tagsStyles?: Record<string, StyleInput>;
|
|
15
|
+
classesStyles?: Record<string, StyleInput>;
|
|
16
|
+
idsStyles?: Record<string, StyleInput>;
|
|
17
|
+
stylesheet?: string;
|
|
18
|
+
customRenderers?: Record<string, CustomRenderer>;
|
|
19
|
+
customHTMLElementModels?: Record<string, HTMLElementModel>;
|
|
20
|
+
renderersProps?: Record<string, Record<string, unknown>>;
|
|
21
|
+
contentWidth?: number;
|
|
22
|
+
transformDom?: TransformDom;
|
|
23
|
+
onLinkPress?: OnLinkPress;
|
|
24
|
+
ignoredDomTags?: string[];
|
|
25
|
+
ignoredStyles?: string[];
|
|
26
|
+
defaultTextProps?: TextProps;
|
|
27
|
+
defaultViewProps?: ViewProps;
|
|
28
|
+
textSelectable?: boolean;
|
|
29
|
+
}
|
|
30
|
+
export declare function HtmlRenderer({ html, baseStyle, tagsStyles, classesStyles, idsStyles, stylesheet, customRenderers, customHTMLElementModels, renderersProps, contentWidth, transformDom, onLinkPress, ignoredDomTags, ignoredStyles, defaultTextProps, defaultViewProps, textSelectable, }: HtmlRendererProps): React.ReactElement;
|
|
31
|
+
//# sourceMappingURL=Renderer.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Renderer.d.ts","sourceRoot":"","sources":["../../src/renderer/Renderer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAOL,KAAK,SAAS,EAEd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AACtB,OAAO,KAAK,EACV,OAAO,EACP,gBAAgB,EAEhB,aAAa,EAEb,aAAa,EACb,UAAU,EACX,MAAM,UAAU,CAAC;AAMlB,MAAM,WAAW,kBAAkB;IACjC,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IACxD,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,MAAM,cAAc,GAAG,CAC3B,IAAI,EAAE,aAAa,EACnB,aAAa,EAAE,MAAM,KAAK,CAAC,SAAS,EACpC,IAAI,EAAE,kBAAkB,KACrB,KAAK,CAAC,SAAS,CAAC;AAErB,MAAM,MAAM,YAAY,GAAG,CAAC,GAAG,EAAE,OAAO,EAAE,KAAK,OAAO,EAAE,CAAC;AAEzD,MAAM,MAAM,WAAW,GAAG,CACxB,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAC5B,IAAI,CAAC;AAEV,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;IACxC,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;IACvC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC;IACjD,uBAAuB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAC;IAC3D,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IACzD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAkBD,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,SAAS,EACT,UAAU,EACV,aAAa,EACb,SAAS,EACT,UAAU,EACV,eAAe,EACf,uBAAuB,EACvB,cAAc,EACd,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,cAAc,EACd,aAAa,EACb,gBAAgB,EAChB,gBAAgB,EAChB,cAAc,GACf,EAAE,iBAAiB,GAAG,KAAK,CAAC,YAAY,CAkDxC"}
|
|
@@ -0,0 +1,309 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Text, View, Linking, StyleSheet, } from 'react-native';
|
|
3
|
+
import { parseHtml } from '../parser/parse';
|
|
4
|
+
import { buildRenderTree } from '../render-tree/build';
|
|
5
|
+
import { splitStyle } from '../styles/split';
|
|
6
|
+
import { RenderedImage } from './RenderedImage';
|
|
7
|
+
const ROOT_STYLE = { color: '#000000', fontSize: 14 };
|
|
8
|
+
const EMPTY_CUSTOM = {};
|
|
9
|
+
const EMPTY_RENDERERS_PROPS = {};
|
|
10
|
+
const EMPTY_TEXT_PROPS = {};
|
|
11
|
+
const EMPTY_VIEW_PROPS = {};
|
|
12
|
+
const HEADING_LEVEL = { h1: 1, h2: 2, h3: 3, h4: 4, h5: 5, h6: 6 };
|
|
13
|
+
export function HtmlRenderer({ html, baseStyle, tagsStyles, classesStyles, idsStyles, stylesheet, customRenderers, customHTMLElementModels, renderersProps, contentWidth, transformDom, onLinkPress, ignoredDomTags, ignoredStyles, defaultTextProps, defaultViewProps, textSelectable, }) {
|
|
14
|
+
const tree = React.useMemo(() => {
|
|
15
|
+
const parsed = parseHtml(html);
|
|
16
|
+
const dom = transformDom ? transformDom(parsed) : parsed;
|
|
17
|
+
return buildRenderTree(dom, {
|
|
18
|
+
baseStyle,
|
|
19
|
+
tagsStyles,
|
|
20
|
+
classesStyles,
|
|
21
|
+
idsStyles,
|
|
22
|
+
stylesheet,
|
|
23
|
+
ignoredDomTags,
|
|
24
|
+
ignoredStyles,
|
|
25
|
+
customHTMLElementModels,
|
|
26
|
+
renderersProps,
|
|
27
|
+
});
|
|
28
|
+
}, [
|
|
29
|
+
html,
|
|
30
|
+
baseStyle,
|
|
31
|
+
tagsStyles,
|
|
32
|
+
classesStyles,
|
|
33
|
+
idsStyles,
|
|
34
|
+
stylesheet,
|
|
35
|
+
transformDom,
|
|
36
|
+
ignoredDomTags,
|
|
37
|
+
ignoredStyles,
|
|
38
|
+
customHTMLElementModels,
|
|
39
|
+
renderersProps,
|
|
40
|
+
]);
|
|
41
|
+
const mergedTextProps = React.useMemo(() => {
|
|
42
|
+
const base = textSelectable ? { selectable: true } : {};
|
|
43
|
+
return { ...base, ...(defaultTextProps ?? EMPTY_TEXT_PROPS) };
|
|
44
|
+
}, [textSelectable, defaultTextProps]);
|
|
45
|
+
const mergedViewProps = defaultViewProps ?? EMPTY_VIEW_PROPS;
|
|
46
|
+
const ctx = {
|
|
47
|
+
customRenderers: customRenderers ?? EMPTY_CUSTOM,
|
|
48
|
+
renderersProps: renderersProps ?? EMPTY_RENDERERS_PROPS,
|
|
49
|
+
contentWidth,
|
|
50
|
+
onLinkPress,
|
|
51
|
+
defaultTextProps: mergedTextProps,
|
|
52
|
+
defaultViewProps: mergedViewProps,
|
|
53
|
+
};
|
|
54
|
+
const parentStyle = { ...ROOT_STYLE, ...(baseStyle ?? {}) };
|
|
55
|
+
return (<View {...mergedViewProps}>
|
|
56
|
+
{renderBlockChildren(tree, parentStyle, ctx)}
|
|
57
|
+
</View>);
|
|
58
|
+
}
|
|
59
|
+
function groupBlockChildren(children) {
|
|
60
|
+
const segments = [];
|
|
61
|
+
let run = [];
|
|
62
|
+
const flushRun = () => {
|
|
63
|
+
if (run.length > 0) {
|
|
64
|
+
segments.push({ kind: 'run', nodes: run });
|
|
65
|
+
run = [];
|
|
66
|
+
}
|
|
67
|
+
};
|
|
68
|
+
for (const c of children) {
|
|
69
|
+
if (c.kind === 'image') {
|
|
70
|
+
flushRun();
|
|
71
|
+
segments.push({ kind: 'image', node: c });
|
|
72
|
+
}
|
|
73
|
+
else if (c.kind === 'element' && c.display === 'block') {
|
|
74
|
+
flushRun();
|
|
75
|
+
segments.push({ kind: 'block', node: c });
|
|
76
|
+
}
|
|
77
|
+
else {
|
|
78
|
+
run.push(c);
|
|
79
|
+
}
|
|
80
|
+
}
|
|
81
|
+
flushRun();
|
|
82
|
+
return segments;
|
|
83
|
+
}
|
|
84
|
+
function renderBlockChildren(children, parentStyle, ctx) {
|
|
85
|
+
const segments = groupBlockChildren(children);
|
|
86
|
+
return segments.map((seg, i) => renderSegment(seg, parentStyle, i, ctx));
|
|
87
|
+
}
|
|
88
|
+
function renderSegment(seg, parentStyle, key, ctx) {
|
|
89
|
+
switch (seg.kind) {
|
|
90
|
+
case 'image': {
|
|
91
|
+
const imgProps = ctx.renderersProps.img;
|
|
92
|
+
return (<RenderedImage key={key} node={seg.node} contentWidth={ctx.contentWidth} initialDimensions={imgProps?.initialDimensions}/>);
|
|
93
|
+
}
|
|
94
|
+
case 'block':
|
|
95
|
+
return renderBlockElement(seg.node, key, ctx);
|
|
96
|
+
case 'run': {
|
|
97
|
+
const { text: tStyle } = splitStyle(parentStyle);
|
|
98
|
+
return (<Text key={key} {...ctx.defaultTextProps} style={tStyle}>
|
|
99
|
+
{seg.nodes.map((n, i) => renderInline(n, i, ctx))}
|
|
100
|
+
</Text>);
|
|
101
|
+
}
|
|
102
|
+
}
|
|
103
|
+
}
|
|
104
|
+
function renderBlockElement(el, key, ctx) {
|
|
105
|
+
const custom = ctx.customRenderers[el.tag];
|
|
106
|
+
if (custom) {
|
|
107
|
+
const info = {
|
|
108
|
+
renderersProps: ctx.renderersProps,
|
|
109
|
+
contentWidth: ctx.contentWidth,
|
|
110
|
+
};
|
|
111
|
+
return (<React.Fragment key={key}>
|
|
112
|
+
{custom(el, () => renderBlockDefault(el, undefined, ctx), info)}
|
|
113
|
+
</React.Fragment>);
|
|
114
|
+
}
|
|
115
|
+
return renderBlockDefault(el, key, ctx);
|
|
116
|
+
}
|
|
117
|
+
function renderBlockDefault(el, key, ctx) {
|
|
118
|
+
const { view: vStyle, text: tStyle } = splitStyle(el.style);
|
|
119
|
+
if (el.tag === 'hr') {
|
|
120
|
+
return (<View key={key} {...ctx.defaultViewProps} style={[styles.hr, vStyle]}/>);
|
|
121
|
+
}
|
|
122
|
+
if (el.tag === 'ul' || el.tag === 'ol') {
|
|
123
|
+
return (<View key={key} {...ctx.defaultViewProps} style={[styles.block, styles.list, vStyle]}>
|
|
124
|
+
{renderBlockChildren(el.children, el.style, ctx)}
|
|
125
|
+
</View>);
|
|
126
|
+
}
|
|
127
|
+
if (el.tag === 'li' && el.listMarker !== undefined) {
|
|
128
|
+
const listKey = el.listOrdered ? 'ol' : 'ul';
|
|
129
|
+
const listProps = ctx.renderersProps[listKey];
|
|
130
|
+
const markerStyleOverride = listProps?.markerTextStyle;
|
|
131
|
+
return (<View key={key} {...ctx.defaultViewProps} style={[styles.listItem, vStyle]}>
|
|
132
|
+
<Text {...ctx.defaultTextProps} style={[tStyle, styles.listMarker, markerStyleOverride]}>
|
|
133
|
+
{el.listMarker}
|
|
134
|
+
</Text>
|
|
135
|
+
<View {...ctx.defaultViewProps} style={styles.listItemContent}>
|
|
136
|
+
{renderBlockChildren(el.children, el.style, ctx)}
|
|
137
|
+
</View>
|
|
138
|
+
</View>);
|
|
139
|
+
}
|
|
140
|
+
if (el.tag === 'pre') {
|
|
141
|
+
return (<View key={key} {...ctx.defaultViewProps} style={[styles.block, styles.preBlock, vStyle]}>
|
|
142
|
+
{renderBlockChildren(el.children, el.style, ctx)}
|
|
143
|
+
</View>);
|
|
144
|
+
}
|
|
145
|
+
if (el.tag === 'blockquote') {
|
|
146
|
+
return (<View key={key} {...ctx.defaultViewProps} style={[styles.block, styles.blockquote, vStyle]}>
|
|
147
|
+
{renderBlockChildren(el.children, el.style, ctx)}
|
|
148
|
+
</View>);
|
|
149
|
+
}
|
|
150
|
+
if (el.tag === 'table') {
|
|
151
|
+
return (<View key={key} {...ctx.defaultViewProps} style={[styles.table, vStyle]}>
|
|
152
|
+
{renderTableChildren(el.children, ctx)}
|
|
153
|
+
</View>);
|
|
154
|
+
}
|
|
155
|
+
if (el.tag === 'thead' || el.tag === 'tbody' || el.tag === 'tfoot') {
|
|
156
|
+
return (<View key={key} {...ctx.defaultViewProps}>
|
|
157
|
+
{renderTableChildren(el.children, ctx)}
|
|
158
|
+
</View>);
|
|
159
|
+
}
|
|
160
|
+
if (el.tag === 'tr') {
|
|
161
|
+
return renderTableRow(el, key, ctx);
|
|
162
|
+
}
|
|
163
|
+
if (el.tag === 'td' || el.tag === 'th') {
|
|
164
|
+
return renderTableCell(el, key, ctx);
|
|
165
|
+
}
|
|
166
|
+
if (el.tag === 'caption') {
|
|
167
|
+
return (<View key={key} {...ctx.defaultViewProps} style={[styles.tableCaption, vStyle]}>
|
|
168
|
+
{renderBlockChildren(el.children, el.style, ctx)}
|
|
169
|
+
</View>);
|
|
170
|
+
}
|
|
171
|
+
const a11yRole = blockA11yRole(el.tag);
|
|
172
|
+
const a11yLevel = HEADING_LEVEL[el.tag];
|
|
173
|
+
return (<View key={key} {...ctx.defaultViewProps} style={[styles.block, vStyle]} accessibilityRole={a11yRole} {...(a11yLevel !== undefined ? { 'aria-level': a11yLevel } : {})}>
|
|
174
|
+
{renderBlockChildren(el.children, el.style, ctx)}
|
|
175
|
+
</View>);
|
|
176
|
+
}
|
|
177
|
+
function blockA11yRole(tag) {
|
|
178
|
+
if (tag in HEADING_LEVEL)
|
|
179
|
+
return 'header';
|
|
180
|
+
return undefined;
|
|
181
|
+
}
|
|
182
|
+
function renderTableChildren(children, ctx) {
|
|
183
|
+
const out = [];
|
|
184
|
+
children.forEach((c, i) => {
|
|
185
|
+
if (c.kind !== 'element')
|
|
186
|
+
return;
|
|
187
|
+
out.push(renderBlockElement(c, i, ctx));
|
|
188
|
+
});
|
|
189
|
+
return out;
|
|
190
|
+
}
|
|
191
|
+
function renderTableRow(tr, key, ctx) {
|
|
192
|
+
const cells = [];
|
|
193
|
+
for (const c of tr.children) {
|
|
194
|
+
if (c.kind === 'element' && (c.tag === 'td' || c.tag === 'th')) {
|
|
195
|
+
cells.push(c);
|
|
196
|
+
}
|
|
197
|
+
}
|
|
198
|
+
return (<View key={key} {...ctx.defaultViewProps} style={styles.tr}>
|
|
199
|
+
{cells.map((cell, i) => renderTableCell(cell, i, ctx))}
|
|
200
|
+
</View>);
|
|
201
|
+
}
|
|
202
|
+
function renderTableCell(cell, key, ctx) {
|
|
203
|
+
const { view: vStyle } = splitStyle(cell.style);
|
|
204
|
+
const flex = cell.colSpan ?? 1;
|
|
205
|
+
return (<View key={key} {...ctx.defaultViewProps} style={[styles.tableCell, { flex }, vStyle]}>
|
|
206
|
+
{renderBlockChildren(cell.children, cell.style, ctx)}
|
|
207
|
+
</View>);
|
|
208
|
+
}
|
|
209
|
+
function renderInline(node, key, ctx) {
|
|
210
|
+
if (node.kind === 'text') {
|
|
211
|
+
const { text: tStyle } = splitStyle(node.style);
|
|
212
|
+
return (<Text key={key} {...ctx.defaultTextProps} style={tStyle}>
|
|
213
|
+
{node.text}
|
|
214
|
+
</Text>);
|
|
215
|
+
}
|
|
216
|
+
if (node.kind === 'image') {
|
|
217
|
+
return null;
|
|
218
|
+
}
|
|
219
|
+
return renderInlineElement(node, key, ctx);
|
|
220
|
+
}
|
|
221
|
+
function renderInlineElement(el, key, ctx) {
|
|
222
|
+
const custom = ctx.customRenderers[el.tag];
|
|
223
|
+
if (custom) {
|
|
224
|
+
const info = {
|
|
225
|
+
renderersProps: ctx.renderersProps,
|
|
226
|
+
contentWidth: ctx.contentWidth,
|
|
227
|
+
};
|
|
228
|
+
return (<React.Fragment key={key}>
|
|
229
|
+
{custom(el, () => renderInlineDefault(el, undefined, ctx), info)}
|
|
230
|
+
</React.Fragment>);
|
|
231
|
+
}
|
|
232
|
+
return renderInlineDefault(el, key, ctx);
|
|
233
|
+
}
|
|
234
|
+
function renderInlineDefault(el, key, ctx) {
|
|
235
|
+
const { text: tStyle } = splitStyle(el.style);
|
|
236
|
+
const children = el.children.map((c, i) => renderInline(c, i, ctx));
|
|
237
|
+
if (el.tag === 'a' && el.href) {
|
|
238
|
+
const href = el.href;
|
|
239
|
+
const attribs = el.attribs ?? {};
|
|
240
|
+
return (<Text key={key} {...ctx.defaultTextProps} style={tStyle} accessibilityRole="link" onPress={() => {
|
|
241
|
+
if (ctx.onLinkPress) {
|
|
242
|
+
ctx.onLinkPress(href, attribs);
|
|
243
|
+
}
|
|
244
|
+
else {
|
|
245
|
+
void Linking.openURL(href);
|
|
246
|
+
}
|
|
247
|
+
}}>
|
|
248
|
+
{children}
|
|
249
|
+
</Text>);
|
|
250
|
+
}
|
|
251
|
+
return (<Text key={key} {...ctx.defaultTextProps} style={tStyle}>
|
|
252
|
+
{children}
|
|
253
|
+
</Text>);
|
|
254
|
+
}
|
|
255
|
+
const styles = StyleSheet.create({
|
|
256
|
+
block: {
|
|
257
|
+
marginBottom: 8,
|
|
258
|
+
},
|
|
259
|
+
list: {
|
|
260
|
+
paddingLeft: 8,
|
|
261
|
+
},
|
|
262
|
+
listItem: {
|
|
263
|
+
flexDirection: 'row',
|
|
264
|
+
marginBottom: 4,
|
|
265
|
+
},
|
|
266
|
+
listMarker: {
|
|
267
|
+
marginRight: 4,
|
|
268
|
+
},
|
|
269
|
+
listItemContent: {
|
|
270
|
+
flex: 1,
|
|
271
|
+
},
|
|
272
|
+
hr: {
|
|
273
|
+
height: 1,
|
|
274
|
+
backgroundColor: '#ddd',
|
|
275
|
+
marginVertical: 12,
|
|
276
|
+
},
|
|
277
|
+
preBlock: {
|
|
278
|
+
backgroundColor: '#f3f3f3',
|
|
279
|
+
padding: 12,
|
|
280
|
+
borderRadius: 4,
|
|
281
|
+
},
|
|
282
|
+
blockquote: {
|
|
283
|
+
borderLeftWidth: 4,
|
|
284
|
+
borderLeftColor: '#ccc',
|
|
285
|
+
paddingLeft: 12,
|
|
286
|
+
paddingVertical: 4,
|
|
287
|
+
backgroundColor: '#fafafa',
|
|
288
|
+
},
|
|
289
|
+
table: {
|
|
290
|
+
marginBottom: 8,
|
|
291
|
+
borderLeftWidth: 1,
|
|
292
|
+
borderTopWidth: 1,
|
|
293
|
+
borderColor: '#ddd',
|
|
294
|
+
},
|
|
295
|
+
tr: {
|
|
296
|
+
flexDirection: 'row',
|
|
297
|
+
},
|
|
298
|
+
tableCell: {
|
|
299
|
+
padding: 8,
|
|
300
|
+
borderRightWidth: 1,
|
|
301
|
+
borderBottomWidth: 1,
|
|
302
|
+
borderColor: '#ddd',
|
|
303
|
+
},
|
|
304
|
+
tableCaption: {
|
|
305
|
+
padding: 6,
|
|
306
|
+
marginBottom: 4,
|
|
307
|
+
},
|
|
308
|
+
});
|
|
309
|
+
//# sourceMappingURL=Renderer.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Renderer.js","sourceRoot":"","sources":["../../src/renderer/Renderer.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import type { ResolvedStyle } from '../types';
|
|
2
|
+
export interface SelectorPart {
|
|
3
|
+
combinator: 'descendant' | 'child' | 'root';
|
|
4
|
+
tag: string | null;
|
|
5
|
+
classes: string[];
|
|
6
|
+
ids: string[];
|
|
7
|
+
}
|
|
8
|
+
export interface Selector {
|
|
9
|
+
parts: SelectorPart[];
|
|
10
|
+
specificity: number;
|
|
11
|
+
}
|
|
12
|
+
export interface CssRule {
|
|
13
|
+
selectors: Selector[];
|
|
14
|
+
declarations: ResolvedStyle;
|
|
15
|
+
sourceOrder: number;
|
|
16
|
+
}
|
|
17
|
+
export declare function parseStylesheet(css: string): CssRule[];
|
|
18
|
+
//# sourceMappingURL=css-parser.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"css-parser.d.ts","sourceRoot":"","sources":["../../src/styles/css-parser.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAG9C,MAAM,WAAW,YAAY;IAC3B,UAAU,EAAE,YAAY,GAAG,OAAO,GAAG,MAAM,CAAC;IAC5C,GAAG,EAAE,MAAM,GAAG,IAAI,CAAC;IACnB,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,GAAG,EAAE,MAAM,EAAE,CAAC;CACf;AAED,MAAM,WAAW,QAAQ;IACvB,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,OAAO;IACtB,SAAS,EAAE,QAAQ,EAAE,CAAC;IACtB,YAAY,EAAE,aAAa,CAAC;IAC5B,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,wBAAgB,eAAe,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,EAAE,CAgBtD"}
|
|
@@ -0,0 +1,98 @@
|
|
|
1
|
+
import { parseInlineStyle } from './parse-inline';
|
|
2
|
+
export function parseStylesheet(css) {
|
|
3
|
+
const noComments = css.replace(/\/\*[\s\S]*?\*\//g, '');
|
|
4
|
+
const rules = [];
|
|
5
|
+
let order = 0;
|
|
6
|
+
const ruleRegex = /([^{}]+)\{([^{}]*)\}/g;
|
|
7
|
+
let match;
|
|
8
|
+
while ((match = ruleRegex.exec(noComments)) !== null) {
|
|
9
|
+
const selectorList = match[1].trim();
|
|
10
|
+
const decls = match[2].trim();
|
|
11
|
+
if (!selectorList || !decls)
|
|
12
|
+
continue;
|
|
13
|
+
const selectors = parseSelectorList(selectorList);
|
|
14
|
+
if (selectors.length === 0)
|
|
15
|
+
continue;
|
|
16
|
+
const declarations = parseInlineStyle(decls);
|
|
17
|
+
rules.push({ selectors, declarations, sourceOrder: order++ });
|
|
18
|
+
}
|
|
19
|
+
return rules;
|
|
20
|
+
}
|
|
21
|
+
function parseSelectorList(text) {
|
|
22
|
+
return text
|
|
23
|
+
.split(',')
|
|
24
|
+
.map((s) => parseSelector(s.trim()))
|
|
25
|
+
.filter((s) => s !== null);
|
|
26
|
+
}
|
|
27
|
+
function parseSelector(text) {
|
|
28
|
+
if (!text)
|
|
29
|
+
return null;
|
|
30
|
+
const tokens = tokenizeSelector(text);
|
|
31
|
+
const parts = [];
|
|
32
|
+
let combinator = 'root';
|
|
33
|
+
for (const tok of tokens) {
|
|
34
|
+
if (tok === '>') {
|
|
35
|
+
combinator = 'child';
|
|
36
|
+
continue;
|
|
37
|
+
}
|
|
38
|
+
const part = parseCompound(tok);
|
|
39
|
+
if (!part)
|
|
40
|
+
return null;
|
|
41
|
+
part.combinator = combinator;
|
|
42
|
+
parts.push(part);
|
|
43
|
+
combinator = 'descendant';
|
|
44
|
+
}
|
|
45
|
+
if (parts.length === 0)
|
|
46
|
+
return null;
|
|
47
|
+
const specificity = parts.reduce((acc, p) => acc + p.ids.length * 10000 + p.classes.length * 100 + (p.tag ? 1 : 0), 0);
|
|
48
|
+
return { parts, specificity };
|
|
49
|
+
}
|
|
50
|
+
function tokenizeSelector(text) {
|
|
51
|
+
const result = [];
|
|
52
|
+
const parts = text.split(/\s+/).filter(Boolean);
|
|
53
|
+
for (const p of parts) {
|
|
54
|
+
let current = '';
|
|
55
|
+
for (const ch of p) {
|
|
56
|
+
if (ch === '>') {
|
|
57
|
+
if (current) {
|
|
58
|
+
result.push(current);
|
|
59
|
+
current = '';
|
|
60
|
+
}
|
|
61
|
+
result.push('>');
|
|
62
|
+
}
|
|
63
|
+
else {
|
|
64
|
+
current += ch;
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
if (current)
|
|
68
|
+
result.push(current);
|
|
69
|
+
}
|
|
70
|
+
return result;
|
|
71
|
+
}
|
|
72
|
+
function parseCompound(text) {
|
|
73
|
+
if (!text)
|
|
74
|
+
return null;
|
|
75
|
+
const re = /^([a-z*][\w-]*)?((?:[.#][\w-]+)*)$/i;
|
|
76
|
+
const m = re.exec(text);
|
|
77
|
+
if (!m)
|
|
78
|
+
return null;
|
|
79
|
+
const tag = m[1];
|
|
80
|
+
const extras = m[2] ?? '';
|
|
81
|
+
const classes = [];
|
|
82
|
+
const ids = [];
|
|
83
|
+
const tokenRe = /([.#])([\w-]+)/g;
|
|
84
|
+
let tm;
|
|
85
|
+
while ((tm = tokenRe.exec(extras)) !== null) {
|
|
86
|
+
if (tm[1] === '.')
|
|
87
|
+
classes.push(tm[2]);
|
|
88
|
+
else
|
|
89
|
+
ids.push(tm[2]);
|
|
90
|
+
}
|
|
91
|
+
return {
|
|
92
|
+
combinator: 'root',
|
|
93
|
+
tag: !tag || tag === '*' ? null : tag.toLowerCase(),
|
|
94
|
+
classes,
|
|
95
|
+
ids,
|
|
96
|
+
};
|
|
97
|
+
}
|
|
98
|
+
//# sourceMappingURL=css-parser.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"css-parser.js","sourceRoot":"","sources":["../../src/styles/css-parser.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import type { ResolvedStyle, StyleInput } from '../types';
|
|
2
|
+
export declare function normalizeStyleInput(input: StyleInput): ResolvedStyle;
|
|
3
|
+
export declare function normalizeStyleMap(map: Record<string, StyleInput> | undefined): Record<string, ResolvedStyle>;
|
|
4
|
+
//# sourceMappingURL=normalize.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"normalize.d.ts","sourceRoot":"","sources":["../../src/styles/normalize.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAG1D,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,UAAU,GAAG,aAAa,CAEpE;AAED,wBAAgB,iBAAiB,CAC/B,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,GAAG,SAAS,GAC1C,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,CAO/B"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { parseInlineStyle } from './parse-inline';
|
|
2
|
+
export function normalizeStyleInput(input) {
|
|
3
|
+
return typeof input === 'string' ? parseInlineStyle(input) : input;
|
|
4
|
+
}
|
|
5
|
+
export function normalizeStyleMap(map) {
|
|
6
|
+
if (!map)
|
|
7
|
+
return {};
|
|
8
|
+
const out = {};
|
|
9
|
+
for (const key of Object.keys(map)) {
|
|
10
|
+
out[key] = normalizeStyleInput(map[key]);
|
|
11
|
+
}
|
|
12
|
+
return out;
|
|
13
|
+
}
|
|
14
|
+
//# sourceMappingURL=normalize.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"normalize.js","sourceRoot":"","sources":["../../src/styles/normalize.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAElD,MAAM,UAAU,mBAAmB,CAAC,KAAiB;IACnD,OAAO,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;AACrE,CAAC;AAED,MAAM,UAAU,iBAAiB,CAC/B,GAA2C;IAE3C,IAAI,CAAC,GAAG;QAAE,OAAO,EAAE,CAAC;IACpB,MAAM,GAAG,GAAkC,EAAE,CAAC;IAC9C,KAAK,MAAM,GAAG,IAAI,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC;QACnC,GAAG,CAAC,GAAG,CAAC,GAAG,mBAAmB,CAAC,GAAG,CAAC,GAAG,CAAE,CAAC,CAAC;IAC5C,CAAC;IACD,OAAO,GAAG,CAAC;AACb,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"parse-inline.d.ts","sourceRoot":"","sources":["../../src/styles/parse-inline.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAE9C,wBAAgB,gBAAgB,CAAC,SAAS,EAAE,MAAM,GAAG,SAAS,GAAG,aAAa,CAc7E"}
|