react-native-marked 8.2.0 → 8.3.1
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 +20 -20
- package/README.md +374 -354
- package/dist/commonjs/components/MDImage.js +3 -3
- package/dist/commonjs/components/MDImage.js.map +1 -1
- package/dist/commonjs/components/MDList.js.map +1 -1
- package/dist/commonjs/components/MDSvg.js.map +1 -1
- package/dist/commonjs/components/MDTable.js.map +1 -1
- package/dist/commonjs/hooks/useMarkdown.js +4 -2
- package/dist/commonjs/hooks/useMarkdown.js.map +1 -1
- package/dist/commonjs/hooks/useMarkdownWithComponents.js +7 -1
- package/dist/commonjs/hooks/useMarkdownWithComponents.js.map +1 -1
- package/dist/commonjs/index.js.map +1 -1
- package/dist/commonjs/lib/Markdown.js +4 -2
- package/dist/commonjs/lib/Markdown.js.map +1 -1
- package/dist/commonjs/lib/Parser.js +7 -7
- package/dist/commonjs/lib/Parser.js.map +1 -1
- package/dist/commonjs/lib/ReactComponentRegistry.js.map +1 -1
- package/dist/commonjs/lib/ReactComponentTokenizer.js.map +1 -1
- package/dist/commonjs/lib/Renderer.js +7 -5
- package/dist/commonjs/lib/Renderer.js.map +1 -1
- package/dist/commonjs/lib/types.js.map +1 -1
- package/dist/commonjs/theme/colors.js.map +1 -1
- package/dist/commonjs/theme/spacing.js.map +1 -1
- package/dist/commonjs/theme/styles.js +4 -0
- package/dist/commonjs/theme/styles.js.map +1 -1
- package/dist/commonjs/theme/types.js.map +1 -1
- package/dist/commonjs/utils/handlers.js.map +1 -1
- package/dist/commonjs/utils/svg.js.map +1 -1
- package/dist/commonjs/utils/table.js.map +1 -1
- package/dist/commonjs/utils/url.js.map +1 -1
- package/dist/module/components/MDImage.js +3 -3
- package/dist/module/components/MDImage.js.map +1 -1
- package/dist/module/components/MDList.js.map +1 -1
- package/dist/module/components/MDSvg.js.map +1 -1
- package/dist/module/components/MDTable.js.map +1 -1
- package/dist/module/hooks/useMarkdown.js +4 -2
- package/dist/module/hooks/useMarkdown.js.map +1 -1
- package/dist/module/hooks/useMarkdownWithComponents.js +7 -1
- package/dist/module/hooks/useMarkdownWithComponents.js.map +1 -1
- package/dist/module/index.js.map +1 -1
- package/dist/module/lib/Markdown.js +4 -2
- package/dist/module/lib/Markdown.js.map +1 -1
- package/dist/module/lib/Parser.js +7 -7
- package/dist/module/lib/Parser.js.map +1 -1
- package/dist/module/lib/ReactComponentRegistry.js.map +1 -1
- package/dist/module/lib/ReactComponentTokenizer.js.map +1 -1
- package/dist/module/lib/Renderer.js +7 -5
- package/dist/module/lib/Renderer.js.map +1 -1
- package/dist/module/lib/types.js.map +1 -1
- package/dist/module/theme/colors.js.map +1 -1
- package/dist/module/theme/spacing.js.map +1 -1
- package/dist/module/theme/styles.js +4 -0
- package/dist/module/theme/styles.js.map +1 -1
- package/dist/module/theme/types.js.map +1 -1
- package/dist/module/utils/handlers.js.map +1 -1
- package/dist/module/utils/svg.js.map +1 -1
- package/dist/module/utils/table.js.map +1 -1
- package/dist/module/utils/url.js.map +1 -1
- package/dist/typescript/hooks/useMarkdown.d.ts +3 -0
- package/dist/typescript/hooks/useMarkdown.d.ts.map +1 -1
- package/dist/typescript/hooks/useMarkdownWithComponents.d.ts.map +1 -1
- package/dist/typescript/index.d.ts +2 -2
- package/dist/typescript/index.d.ts.map +1 -1
- package/dist/typescript/lib/Markdown.d.ts +1 -1
- package/dist/typescript/lib/Markdown.d.ts.map +1 -1
- package/dist/typescript/lib/Renderer.d.ts +8 -1
- package/dist/typescript/lib/Renderer.d.ts.map +1 -1
- package/dist/typescript/lib/types.d.ts +6 -0
- package/dist/typescript/lib/types.d.ts.map +1 -1
- package/dist/typescript/theme/styles.d.ts.map +1 -1
- package/dist/typescript/theme/types.d.ts +1 -0
- package/dist/typescript/theme/types.d.ts.map +1 -1
- package/package.json +178 -175
- package/src/components/MDImage.tsx +90 -90
- package/src/components/MDList.tsx +46 -46
- package/src/components/MDSvg.tsx +108 -108
- package/src/components/MDTable.tsx +60 -60
- package/src/hooks/useMarkdown.ts +56 -51
- package/src/hooks/useMarkdownWithComponents.tsx +94 -89
- package/src/index.ts +44 -43
- package/src/lib/Markdown.tsx +55 -53
- package/src/lib/Parser.tsx +316 -316
- package/src/lib/ReactComponentRegistry.tsx +52 -52
- package/src/lib/ReactComponentTokenizer.ts +149 -149
- package/src/lib/Renderer.tsx +247 -238
- package/src/lib/types.ts +93 -87
- package/src/theme/colors.ts +31 -31
- package/src/theme/spacing.ts +10 -10
- package/src/theme/styles.ts +206 -198
- package/src/theme/types.ts +34 -33
- package/src/utils/handlers.ts +9 -9
- package/src/utils/svg.ts +14 -14
- package/src/utils/table.ts +29 -29
- package/src/utils/url.ts +22 -22
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/theme/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACrE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC/C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAEjD,MAAM,WAAW,YAAY;IAC5B,EAAE,CAAC,EAAE,SAAS,CAAC;IACf,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,EAAE,CAAC,EAAE,SAAS,CAAC;IACf,EAAE,CAAC,EAAE,SAAS,CAAC;IACf,EAAE,CAAC,EAAE,SAAS,CAAC;IACf,EAAE,CAAC,EAAE,SAAS,CAAC;IACf,EAAE,CAAC,EAAE,SAAS,CAAC;IACf,EAAE,CAAC,EAAE,SAAS,CAAC;IACf,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,EAAE,CAAC,EAAE,SAAS,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,EAAE,CAAC,EAAE,SAAS,CAAC;IACf,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,WAAW,SAAS;IACzB,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC;CAC1C"}
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/theme/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACrE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC/C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAEjD,MAAM,WAAW,YAAY;IAC5B,EAAE,CAAC,EAAE,SAAS,CAAC;IACf,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,EAAE,CAAC,EAAE,SAAS,CAAC;IACf,EAAE,CAAC,EAAE,SAAS,CAAC;IACf,EAAE,CAAC,EAAE,SAAS,CAAC;IACf,EAAE,CAAC,EAAE,SAAS,CAAC;IACf,EAAE,CAAC,EAAE,SAAS,CAAC;IACf,EAAE,CAAC,EAAE,SAAS,CAAC;IACf,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,EAAE,CAAC,EAAE,SAAS,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,EAAE,CAAC,EAAE,SAAS,CAAC;IACf,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,WAAW,SAAS;IACzB,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC;CAC1C"}
|
package/package.json
CHANGED
|
@@ -1,175 +1,178 @@
|
|
|
1
|
-
{
|
|
2
|
-
"name": "react-native-marked",
|
|
3
|
-
"version": "8.
|
|
4
|
-
"description": "Markdown renderer for React Native powered by marked.js",
|
|
5
|
-
"main": "dist/commonjs/index",
|
|
6
|
-
"module": "dist/module/index",
|
|
7
|
-
"types": "dist/typescript/index.d.ts",
|
|
8
|
-
"react-native": "src/index",
|
|
9
|
-
"source": "src/index",
|
|
10
|
-
"files": [
|
|
11
|
-
"src",
|
|
12
|
-
"dist",
|
|
13
|
-
"android",
|
|
14
|
-
"ios",
|
|
15
|
-
"cpp",
|
|
16
|
-
"react-native-marked.podspec",
|
|
17
|
-
"!dist/typescript/example",
|
|
18
|
-
"!android/build",
|
|
19
|
-
"!ios/build",
|
|
20
|
-
"!**/__tests__",
|
|
21
|
-
"!**/__fixtures__",
|
|
22
|
-
"!**/__mocks__",
|
|
23
|
-
"!**/__perf__"
|
|
24
|
-
],
|
|
25
|
-
"scripts": {
|
|
26
|
-
"typescript": "tsc --noEmit",
|
|
27
|
-
"lint": "biome check ./",
|
|
28
|
-
"format": "biome format ./ --write",
|
|
29
|
-
"build": "bob build",
|
|
30
|
-
"prepare": "yarn build",
|
|
31
|
-
"release": "yarn build && release-it",
|
|
32
|
-
"release:rc": "yarn build && release-it --preRelease=rc",
|
|
33
|
-
"release:exclude-pre": "yarn build && release-it --git.tagExclude='*[-]*'",
|
|
34
|
-
"test": "jest --passWithNoTests",
|
|
35
|
-
"test:updateSnapshot": "jest --updateSnapshot",
|
|
36
|
-
"reassure": "reassure"
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
"
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
"
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
"
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
"
|
|
54
|
-
"
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
"@
|
|
58
|
-
"@
|
|
59
|
-
"@
|
|
60
|
-
"@
|
|
61
|
-
"@
|
|
62
|
-
"@
|
|
63
|
-
"@
|
|
64
|
-
"@
|
|
65
|
-
"@
|
|
66
|
-
"@types/
|
|
67
|
-
"
|
|
68
|
-
"
|
|
69
|
-
"
|
|
70
|
-
"
|
|
71
|
-
"
|
|
72
|
-
"
|
|
73
|
-
"
|
|
74
|
-
"
|
|
75
|
-
"
|
|
76
|
-
"
|
|
77
|
-
"react
|
|
78
|
-
"
|
|
79
|
-
"
|
|
80
|
-
"
|
|
81
|
-
"
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
"
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
"
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
"
|
|
97
|
-
]
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
"
|
|
104
|
-
"
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
"
|
|
112
|
-
"
|
|
113
|
-
"
|
|
114
|
-
"
|
|
115
|
-
"
|
|
116
|
-
"
|
|
117
|
-
"
|
|
118
|
-
"
|
|
119
|
-
"
|
|
120
|
-
"
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
"
|
|
132
|
-
},
|
|
133
|
-
"
|
|
134
|
-
"
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
"
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
"
|
|
164
|
-
"
|
|
165
|
-
"
|
|
166
|
-
"
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
"
|
|
170
|
-
},
|
|
171
|
-
"
|
|
172
|
-
"
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
1
|
+
{
|
|
2
|
+
"name": "react-native-marked",
|
|
3
|
+
"version": "8.3.1",
|
|
4
|
+
"description": "Markdown renderer for React Native powered by marked.js",
|
|
5
|
+
"main": "dist/commonjs/index",
|
|
6
|
+
"module": "dist/module/index",
|
|
7
|
+
"types": "dist/typescript/index.d.ts",
|
|
8
|
+
"react-native": "src/index",
|
|
9
|
+
"source": "src/index",
|
|
10
|
+
"files": [
|
|
11
|
+
"src",
|
|
12
|
+
"dist",
|
|
13
|
+
"android",
|
|
14
|
+
"ios",
|
|
15
|
+
"cpp",
|
|
16
|
+
"react-native-marked.podspec",
|
|
17
|
+
"!dist/typescript/example",
|
|
18
|
+
"!android/build",
|
|
19
|
+
"!ios/build",
|
|
20
|
+
"!**/__tests__",
|
|
21
|
+
"!**/__fixtures__",
|
|
22
|
+
"!**/__mocks__",
|
|
23
|
+
"!**/__perf__"
|
|
24
|
+
],
|
|
25
|
+
"scripts": {
|
|
26
|
+
"typescript": "tsc --noEmit",
|
|
27
|
+
"lint": "biome check ./",
|
|
28
|
+
"format": "biome format ./ --write",
|
|
29
|
+
"build": "bob build",
|
|
30
|
+
"prepare": "yarn build",
|
|
31
|
+
"release": "yarn build && release-it",
|
|
32
|
+
"release:rc": "yarn build && release-it --preRelease=rc",
|
|
33
|
+
"release:exclude-pre": "yarn build && release-it --git.tagExclude='*[-]*'",
|
|
34
|
+
"test": "jest --passWithNoTests",
|
|
35
|
+
"test:updateSnapshot": "jest --updateSnapshot",
|
|
36
|
+
"reassure": "reassure",
|
|
37
|
+
"docs:dev": "yarn --cwd docs dev",
|
|
38
|
+
"docs:build": "yarn --cwd docs build",
|
|
39
|
+
"docs:preview": "yarn --cwd docs preview"
|
|
40
|
+
},
|
|
41
|
+
"keywords": [
|
|
42
|
+
"react-native",
|
|
43
|
+
"markdown",
|
|
44
|
+
"react-native markdown"
|
|
45
|
+
],
|
|
46
|
+
"repository": "https://github.com/gmsgowtham/react-native-marked",
|
|
47
|
+
"author": "Gowtham G <webappsbygowtham@gmail.com> (https://github.com/gmsgowtham)",
|
|
48
|
+
"license": "MIT",
|
|
49
|
+
"bugs": {
|
|
50
|
+
"url": "https://github.com/gmsgowtham/react-native-marked/issues"
|
|
51
|
+
},
|
|
52
|
+
"homepage": "https://github.com/gmsgowtham/react-native-marked#readme",
|
|
53
|
+
"publishConfig": {
|
|
54
|
+
"registry": "https://registry.npmjs.org/"
|
|
55
|
+
},
|
|
56
|
+
"devDependencies": {
|
|
57
|
+
"@babel/core": "7.29.7",
|
|
58
|
+
"@babel/helper-explode-assignable-expression": "7.18.6",
|
|
59
|
+
"@babel/preset-env": "7.29.7",
|
|
60
|
+
"@biomejs/biome": "2.5.14",
|
|
61
|
+
"@commitlint/config-conventional": "21.2.2",
|
|
62
|
+
"@evilmartians/lefthook": "2.1.14",
|
|
63
|
+
"@react-native/babel-preset": "0.78.2",
|
|
64
|
+
"@release-it/conventional-changelog": "12.0.2",
|
|
65
|
+
"@testing-library/react-native": "v14.0.0-alpha.1",
|
|
66
|
+
"@types/jest": "30.0.0",
|
|
67
|
+
"@types/node": "24.13.5",
|
|
68
|
+
"@types/react": "19.3.0",
|
|
69
|
+
"@types/svg-parser": "^2.0.3",
|
|
70
|
+
"commitlint": "21.2.2",
|
|
71
|
+
"danger": "14.0.7",
|
|
72
|
+
"husky": "9.1.7",
|
|
73
|
+
"jest": "30.5.1",
|
|
74
|
+
"jest-environment-jsdom": "29.7.0",
|
|
75
|
+
"pod-install": "1.1.0",
|
|
76
|
+
"postinstall-postinstall": "2.1.0",
|
|
77
|
+
"react": "19.3.0",
|
|
78
|
+
"react-native": "0.78.2",
|
|
79
|
+
"react-native-builder-bob": "0.43.1",
|
|
80
|
+
"react-native-svg": "15.15.5",
|
|
81
|
+
"reassure": "1.6.0",
|
|
82
|
+
"release-it": "21.1.0",
|
|
83
|
+
"typescript": "6.0.3",
|
|
84
|
+
"universal-test-renderer": "0.6.0"
|
|
85
|
+
},
|
|
86
|
+
"peerDependencies": {
|
|
87
|
+
"react": ">=16.8.6",
|
|
88
|
+
"react-native": ">=0.76.0",
|
|
89
|
+
"react-native-svg": ">=12.3.0"
|
|
90
|
+
},
|
|
91
|
+
"jest": {
|
|
92
|
+
"preset": "react-native",
|
|
93
|
+
"testEnvironment": "jsdom",
|
|
94
|
+
"modulePathIgnorePatterns": [
|
|
95
|
+
"<rootDir>/examples/*/node_modules",
|
|
96
|
+
"<rootDir>/dist/"
|
|
97
|
+
],
|
|
98
|
+
"transformIgnorePatterns": [
|
|
99
|
+
"node_modules/(?!(jest-)?react-native|@react-native|@react-native-community|github-slugger|marked)"
|
|
100
|
+
]
|
|
101
|
+
},
|
|
102
|
+
"commitlint": {
|
|
103
|
+
"extends": [
|
|
104
|
+
"@commitlint/config-conventional"
|
|
105
|
+
],
|
|
106
|
+
"rules": {
|
|
107
|
+
"type-enum": [
|
|
108
|
+
2,
|
|
109
|
+
"always",
|
|
110
|
+
[
|
|
111
|
+
"build",
|
|
112
|
+
"chore",
|
|
113
|
+
"ci",
|
|
114
|
+
"docs",
|
|
115
|
+
"feat",
|
|
116
|
+
"fix",
|
|
117
|
+
"perf",
|
|
118
|
+
"refactor",
|
|
119
|
+
"revert",
|
|
120
|
+
"style",
|
|
121
|
+
"test",
|
|
122
|
+
"todo",
|
|
123
|
+
"bump"
|
|
124
|
+
]
|
|
125
|
+
]
|
|
126
|
+
}
|
|
127
|
+
},
|
|
128
|
+
"release-it": {
|
|
129
|
+
"git": {
|
|
130
|
+
"commitMessage": "chore: release ${version}",
|
|
131
|
+
"tagName": "v${version}"
|
|
132
|
+
},
|
|
133
|
+
"npm": {
|
|
134
|
+
"publish": true
|
|
135
|
+
},
|
|
136
|
+
"github": {
|
|
137
|
+
"release": true,
|
|
138
|
+
"web": true
|
|
139
|
+
},
|
|
140
|
+
"plugins": {
|
|
141
|
+
"@release-it/conventional-changelog": {
|
|
142
|
+
"preset": "angular",
|
|
143
|
+
"ignoreRecommendedBump": true
|
|
144
|
+
}
|
|
145
|
+
}
|
|
146
|
+
},
|
|
147
|
+
"react-native-builder-bob": {
|
|
148
|
+
"source": "src",
|
|
149
|
+
"output": "dist",
|
|
150
|
+
"targets": [
|
|
151
|
+
"commonjs",
|
|
152
|
+
"module",
|
|
153
|
+
[
|
|
154
|
+
"typescript",
|
|
155
|
+
{
|
|
156
|
+
"project": "tsconfig.json",
|
|
157
|
+
"tsc": "./node_modules/.bin/tsc"
|
|
158
|
+
}
|
|
159
|
+
]
|
|
160
|
+
]
|
|
161
|
+
},
|
|
162
|
+
"dependencies": {
|
|
163
|
+
"@jsamr/counter-style": "2.0.2",
|
|
164
|
+
"@jsamr/react-native-li": "2.3.1",
|
|
165
|
+
"github-slugger": "2.0.0",
|
|
166
|
+
"html-entities": "2.6.0",
|
|
167
|
+
"marked": "18.0.13",
|
|
168
|
+
"react-native-reanimated-table": "0.0.2",
|
|
169
|
+
"svg-parser": "2.1.0"
|
|
170
|
+
},
|
|
171
|
+
"engines": {
|
|
172
|
+
"node": ">=18"
|
|
173
|
+
},
|
|
174
|
+
"resolutions": {
|
|
175
|
+
"@types/react": "19.3.0",
|
|
176
|
+
"**/pretty-format/react-is": "19.3.0"
|
|
177
|
+
}
|
|
178
|
+
}
|
|
@@ -1,90 +1,90 @@
|
|
|
1
|
-
import React, {
|
|
2
|
-
type FunctionComponent,
|
|
3
|
-
memo,
|
|
4
|
-
useEffect,
|
|
5
|
-
useState,
|
|
6
|
-
} from "react";
|
|
7
|
-
import {
|
|
8
|
-
ActivityIndicator,
|
|
9
|
-
Image,
|
|
10
|
-
ImageBackground,
|
|
11
|
-
type ImageStyle,
|
|
12
|
-
} from "react-native";
|
|
13
|
-
|
|
14
|
-
type MDImageProps = {
|
|
15
|
-
uri: string;
|
|
16
|
-
label?: string;
|
|
17
|
-
alt?: string;
|
|
18
|
-
style?: ImageStyle;
|
|
19
|
-
};
|
|
20
|
-
|
|
21
|
-
type MDImageState = {
|
|
22
|
-
isLoading: boolean;
|
|
23
|
-
aspectRatio: number | undefined;
|
|
24
|
-
};
|
|
25
|
-
|
|
26
|
-
const MDImage: FunctionComponent<MDImageProps> = ({
|
|
27
|
-
uri,
|
|
28
|
-
label,
|
|
29
|
-
alt = "Image",
|
|
30
|
-
style,
|
|
31
|
-
}) => {
|
|
32
|
-
const [imageState, setImageState] = useState<MDImageState>({
|
|
33
|
-
isLoading: true,
|
|
34
|
-
aspectRatio: undefined,
|
|
35
|
-
});
|
|
36
|
-
|
|
37
|
-
/**
|
|
38
|
-
* Fetches image dimension
|
|
39
|
-
* Sets aspect ratio if resolved
|
|
40
|
-
*/
|
|
41
|
-
const fetchOriginalSizeFromRemoteImage = () => {
|
|
42
|
-
Image.getSize(
|
|
43
|
-
uri,
|
|
44
|
-
(width: number, height: number) => {
|
|
45
|
-
if (width > 0 && height > 0) {
|
|
46
|
-
setImageState({ isLoading: false, aspectRatio: width / height });
|
|
47
|
-
} else {
|
|
48
|
-
setImageState({ isLoading: false, aspectRatio: undefined });
|
|
49
|
-
}
|
|
50
|
-
},
|
|
51
|
-
() => {
|
|
52
|
-
setImageState((current) => {
|
|
53
|
-
return {
|
|
54
|
-
...current,
|
|
55
|
-
isLoading: false,
|
|
56
|
-
};
|
|
57
|
-
});
|
|
58
|
-
},
|
|
59
|
-
);
|
|
60
|
-
};
|
|
61
|
-
|
|
62
|
-
useEffect(() => {
|
|
63
|
-
fetchOriginalSizeFromRemoteImage();
|
|
64
|
-
});
|
|
65
|
-
|
|
66
|
-
return (
|
|
67
|
-
<ImageBackground
|
|
68
|
-
source={{ uri: uri }}
|
|
69
|
-
style={{
|
|
70
|
-
width: "100%",
|
|
71
|
-
aspectRatio: imageState.aspectRatio,
|
|
72
|
-
}}
|
|
73
|
-
aria-label={label}
|
|
74
|
-
accessibilityRole="image"
|
|
75
|
-
accessibilityLabel={alt}
|
|
76
|
-
accessibilityHint={undefined}
|
|
77
|
-
imageStyle={style}
|
|
78
|
-
testID="react-native-marked-md-image"
|
|
79
|
-
>
|
|
80
|
-
{imageState.isLoading ? (
|
|
81
|
-
<ActivityIndicator
|
|
82
|
-
testID="react-native-marked-md-image-activity-indicator"
|
|
83
|
-
size={"small"}
|
|
84
|
-
/>
|
|
85
|
-
) : null}
|
|
86
|
-
</ImageBackground>
|
|
87
|
-
);
|
|
88
|
-
};
|
|
89
|
-
|
|
90
|
-
export default memo(MDImage);
|
|
1
|
+
import React, {
|
|
2
|
+
type FunctionComponent,
|
|
3
|
+
memo,
|
|
4
|
+
useEffect,
|
|
5
|
+
useState,
|
|
6
|
+
} from "react";
|
|
7
|
+
import {
|
|
8
|
+
ActivityIndicator,
|
|
9
|
+
Image,
|
|
10
|
+
ImageBackground,
|
|
11
|
+
type ImageStyle,
|
|
12
|
+
} from "react-native";
|
|
13
|
+
|
|
14
|
+
type MDImageProps = {
|
|
15
|
+
uri: string;
|
|
16
|
+
label?: string;
|
|
17
|
+
alt?: string;
|
|
18
|
+
style?: ImageStyle;
|
|
19
|
+
};
|
|
20
|
+
|
|
21
|
+
type MDImageState = {
|
|
22
|
+
isLoading: boolean;
|
|
23
|
+
aspectRatio: number | undefined;
|
|
24
|
+
};
|
|
25
|
+
|
|
26
|
+
const MDImage: FunctionComponent<MDImageProps> = ({
|
|
27
|
+
uri,
|
|
28
|
+
label,
|
|
29
|
+
alt = "Image",
|
|
30
|
+
style,
|
|
31
|
+
}) => {
|
|
32
|
+
const [imageState, setImageState] = useState<MDImageState>({
|
|
33
|
+
isLoading: true,
|
|
34
|
+
aspectRatio: undefined,
|
|
35
|
+
});
|
|
36
|
+
|
|
37
|
+
/**
|
|
38
|
+
* Fetches image dimension
|
|
39
|
+
* Sets aspect ratio if resolved
|
|
40
|
+
*/
|
|
41
|
+
const fetchOriginalSizeFromRemoteImage = () => {
|
|
42
|
+
Image.getSize(
|
|
43
|
+
uri,
|
|
44
|
+
(width: number, height: number) => {
|
|
45
|
+
if (width > 0 && height > 0) {
|
|
46
|
+
setImageState({ isLoading: false, aspectRatio: width / height });
|
|
47
|
+
} else {
|
|
48
|
+
setImageState({ isLoading: false, aspectRatio: undefined });
|
|
49
|
+
}
|
|
50
|
+
},
|
|
51
|
+
() => {
|
|
52
|
+
setImageState((current) => {
|
|
53
|
+
return {
|
|
54
|
+
...current,
|
|
55
|
+
isLoading: false,
|
|
56
|
+
};
|
|
57
|
+
});
|
|
58
|
+
},
|
|
59
|
+
);
|
|
60
|
+
};
|
|
61
|
+
|
|
62
|
+
useEffect(() => {
|
|
63
|
+
fetchOriginalSizeFromRemoteImage();
|
|
64
|
+
});
|
|
65
|
+
|
|
66
|
+
return (
|
|
67
|
+
<ImageBackground
|
|
68
|
+
source={{ uri: uri }}
|
|
69
|
+
style={{
|
|
70
|
+
width: "100%",
|
|
71
|
+
aspectRatio: imageState.aspectRatio,
|
|
72
|
+
}}
|
|
73
|
+
aria-label={label}
|
|
74
|
+
accessibilityRole="image"
|
|
75
|
+
accessibilityLabel={alt}
|
|
76
|
+
accessibilityHint={undefined}
|
|
77
|
+
imageStyle={style}
|
|
78
|
+
testID="react-native-marked-md-image"
|
|
79
|
+
>
|
|
80
|
+
{imageState.isLoading ? (
|
|
81
|
+
<ActivityIndicator
|
|
82
|
+
testID="react-native-marked-md-image-activity-indicator"
|
|
83
|
+
size={"small"}
|
|
84
|
+
/>
|
|
85
|
+
) : null}
|
|
86
|
+
</ImageBackground>
|
|
87
|
+
);
|
|
88
|
+
};
|
|
89
|
+
|
|
90
|
+
export default memo(MDImage);
|
|
@@ -1,46 +1,46 @@
|
|
|
1
|
-
import Decimal from "@jsamr/counter-style/presets/decimal";
|
|
2
|
-
import Disc from "@jsamr/counter-style/presets/disc";
|
|
3
|
-
import { MarkedListItem, useMarkedList } from "@jsamr/react-native-li";
|
|
4
|
-
import React, {
|
|
5
|
-
Fragment,
|
|
6
|
-
type FunctionComponent,
|
|
7
|
-
memo,
|
|
8
|
-
type ReactNode,
|
|
9
|
-
} from "react";
|
|
10
|
-
import type { TextStyle, ViewStyle } from "react-native";
|
|
11
|
-
|
|
12
|
-
type MDListProps = {
|
|
13
|
-
ordered: boolean;
|
|
14
|
-
li: ReactNode[];
|
|
15
|
-
listStyle?: ViewStyle;
|
|
16
|
-
textStyle?: TextStyle;
|
|
17
|
-
startIndex?: number;
|
|
18
|
-
};
|
|
19
|
-
|
|
20
|
-
const MDList: FunctionComponent<MDListProps> = ({
|
|
21
|
-
ordered,
|
|
22
|
-
li,
|
|
23
|
-
listStyle,
|
|
24
|
-
textStyle,
|
|
25
|
-
startIndex,
|
|
26
|
-
}) => {
|
|
27
|
-
const listProps = useMarkedList({
|
|
28
|
-
counterRenderer: ordered ? Decimal : Disc,
|
|
29
|
-
startIndex: startIndex,
|
|
30
|
-
markerTextStyle: textStyle,
|
|
31
|
-
markerBoxStyle: listStyle,
|
|
32
|
-
length: li.length,
|
|
33
|
-
});
|
|
34
|
-
|
|
35
|
-
return (
|
|
36
|
-
<Fragment>
|
|
37
|
-
{li.map((node, index) => (
|
|
38
|
-
<MarkedListItem key={index} index={index} {...listProps}>
|
|
39
|
-
{node}
|
|
40
|
-
</MarkedListItem>
|
|
41
|
-
))}
|
|
42
|
-
</Fragment>
|
|
43
|
-
);
|
|
44
|
-
};
|
|
45
|
-
|
|
46
|
-
export default memo(MDList);
|
|
1
|
+
import Decimal from "@jsamr/counter-style/presets/decimal";
|
|
2
|
+
import Disc from "@jsamr/counter-style/presets/disc";
|
|
3
|
+
import { MarkedListItem, useMarkedList } from "@jsamr/react-native-li";
|
|
4
|
+
import React, {
|
|
5
|
+
Fragment,
|
|
6
|
+
type FunctionComponent,
|
|
7
|
+
memo,
|
|
8
|
+
type ReactNode,
|
|
9
|
+
} from "react";
|
|
10
|
+
import type { TextStyle, ViewStyle } from "react-native";
|
|
11
|
+
|
|
12
|
+
type MDListProps = {
|
|
13
|
+
ordered: boolean;
|
|
14
|
+
li: ReactNode[];
|
|
15
|
+
listStyle?: ViewStyle;
|
|
16
|
+
textStyle?: TextStyle;
|
|
17
|
+
startIndex?: number;
|
|
18
|
+
};
|
|
19
|
+
|
|
20
|
+
const MDList: FunctionComponent<MDListProps> = ({
|
|
21
|
+
ordered,
|
|
22
|
+
li,
|
|
23
|
+
listStyle,
|
|
24
|
+
textStyle,
|
|
25
|
+
startIndex,
|
|
26
|
+
}) => {
|
|
27
|
+
const listProps = useMarkedList({
|
|
28
|
+
counterRenderer: ordered ? Decimal : Disc,
|
|
29
|
+
startIndex: startIndex,
|
|
30
|
+
markerTextStyle: textStyle,
|
|
31
|
+
markerBoxStyle: listStyle,
|
|
32
|
+
length: li.length,
|
|
33
|
+
});
|
|
34
|
+
|
|
35
|
+
return (
|
|
36
|
+
<Fragment>
|
|
37
|
+
{li.map((node, index) => (
|
|
38
|
+
<MarkedListItem key={index} index={index} {...listProps}>
|
|
39
|
+
{node}
|
|
40
|
+
</MarkedListItem>
|
|
41
|
+
))}
|
|
42
|
+
</Fragment>
|
|
43
|
+
);
|
|
44
|
+
};
|
|
45
|
+
|
|
46
|
+
export default memo(MDList);
|