react-native-marked 5.0.5 → 5.0.7
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/commonjs/components/MDImage.js +11 -4
- package/dist/commonjs/components/MDImage.js.map +1 -1
- package/dist/module/components/MDImage.js +11 -4
- package/dist/module/components/MDImage.js.map +1 -1
- package/dist/typescript/components/MDImage.d.ts.map +1 -1
- package/package.json +15 -15
- package/src/components/MDImage.tsx +9 -2
|
@@ -34,10 +34,17 @@ const MDImage = _ref => {
|
|
|
34
34
|
|
|
35
35
|
const fetchOriginalSizeFromRemoteImage = () => {
|
|
36
36
|
_reactNative.Image.getSize(uri, (width, height) => {
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
37
|
+
if (width > 0 && height > 0) {
|
|
38
|
+
setImageState({
|
|
39
|
+
isLoading: false,
|
|
40
|
+
aspectRatio: width / height
|
|
41
|
+
});
|
|
42
|
+
} else {
|
|
43
|
+
setImageState({
|
|
44
|
+
isLoading: false,
|
|
45
|
+
aspectRatio: undefined
|
|
46
|
+
});
|
|
47
|
+
}
|
|
41
48
|
}, () => {
|
|
42
49
|
setImageState(current => {
|
|
43
50
|
return { ...current,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["MDImage","uri","label","alt","style","imageState","setImageState","useState","isLoading","aspectRatio","undefined","useEffect","fetchOriginalSizeFromRemoteImage","Image","getSize","width","height","current","memo"],"sourceRoot":"../../../src","sources":["components/MDImage.tsx"],"mappings":";;;;;;;AAAA;;AAMA;;;;;;AAmBA,MAAMA,OAAwC,GAAG,QAK3C;EAAA,IAL4C;IACjDC,GADiD;IAEjDC,KAFiD;IAGjDC,GAAG,GAAG,OAH2C;IAIjDC;EAJiD,CAK5C;EACL,MAAM,CAACC,UAAD,EAAaC,aAAb,IAA8B,IAAAC,eAAA,EAAuB;IAC1DC,SAAS,EAAE,IAD+C;IAE1DC,WAAW,EAAEC;EAF6C,CAAvB,CAApC;EAKA,IAAAC,gBAAA,EAAU,MAAM;IACfC,gCAAgC;EAChC,CAFD,EAEG,EAFH;EAIA;AACD;AACA;AACA;;EACC,MAAMA,gCAAgC,GAAG,MAAM;IAC9CC,kBAAA,CAAMC,OAAN,CACCb,GADD,EAEC,CAACc,KAAD,EAAgBC,MAAhB,KAAmC;
|
|
1
|
+
{"version":3,"names":["MDImage","uri","label","alt","style","imageState","setImageState","useState","isLoading","aspectRatio","undefined","useEffect","fetchOriginalSizeFromRemoteImage","Image","getSize","width","height","current","memo"],"sourceRoot":"../../../src","sources":["components/MDImage.tsx"],"mappings":";;;;;;;AAAA;;AAMA;;;;;;AAmBA,MAAMA,OAAwC,GAAG,QAK3C;EAAA,IAL4C;IACjDC,GADiD;IAEjDC,KAFiD;IAGjDC,GAAG,GAAG,OAH2C;IAIjDC;EAJiD,CAK5C;EACL,MAAM,CAACC,UAAD,EAAaC,aAAb,IAA8B,IAAAC,eAAA,EAAuB;IAC1DC,SAAS,EAAE,IAD+C;IAE1DC,WAAW,EAAEC;EAF6C,CAAvB,CAApC;EAKA,IAAAC,gBAAA,EAAU,MAAM;IACfC,gCAAgC;EAChC,CAFD,EAEG,EAFH;EAIA;AACD;AACA;AACA;;EACC,MAAMA,gCAAgC,GAAG,MAAM;IAC9CC,kBAAA,CAAMC,OAAN,CACCb,GADD,EAEC,CAACc,KAAD,EAAgBC,MAAhB,KAAmC;MAClC,IAAID,KAAK,GAAG,CAAR,IAAaC,MAAM,GAAG,CAA1B,EAA6B;QAC5BV,aAAa,CAAC;UAAEE,SAAS,EAAE,KAAb;UAAoBC,WAAW,EAAEM,KAAK,GAAGC;QAAzC,CAAD,CAAb;MACA,CAFD,MAEO;QACNV,aAAa,CAAC;UAAEE,SAAS,EAAE,KAAb;UAAoBC,WAAW,EAAEC;QAAjC,CAAD,CAAb;MACA;IACD,CARF,EASC,MAAM;MACLJ,aAAa,CAAEW,OAAD,IAAa;QAC1B,OAAO,EACN,GAAGA,OADG;UAENT,SAAS,EAAE;QAFL,CAAP;MAIA,CALY,CAAb;IAMA,CAhBF;EAkBA,CAnBD;;EAqBA,oBACC,6BAAC,4BAAD;IACC,MAAM,EAAE;MAAEP,GAAG,EAAEA;IAAP,CADT;IAEC,KAAK,EAAE;MACNc,KAAK,EAAE,MADD;MAENN,WAAW,EAAEJ,UAAU,CAACI;IAFlB,CAFR;IAMC,cAAYP,KANb;IAOC,iBAAiB,EAAC,OAPnB;IAQC,kBAAkB,EAAEC,GARrB;IASC,iBAAiB,EAAEO,SATpB;IAUC,UAAU,EAAEN,KAVb;IAWC,MAAM,EAAC;EAXR,GAaEC,UAAU,CAACG,SAAX,gBACA,6BAAC,8BAAD;IACC,MAAM,EAAC,iDADR;IAEC,IAAI,EAAE;EAFP,EADA,GAKG,IAlBL,CADD;AAsBA,CA9DD;;4BAgEe,IAAAU,WAAA,EAAKlB,OAAL,C"}
|
|
@@ -22,10 +22,17 @@ const MDImage = _ref => {
|
|
|
22
22
|
|
|
23
23
|
const fetchOriginalSizeFromRemoteImage = () => {
|
|
24
24
|
Image.getSize(uri, (width, height) => {
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
25
|
+
if (width > 0 && height > 0) {
|
|
26
|
+
setImageState({
|
|
27
|
+
isLoading: false,
|
|
28
|
+
aspectRatio: width / height
|
|
29
|
+
});
|
|
30
|
+
} else {
|
|
31
|
+
setImageState({
|
|
32
|
+
isLoading: false,
|
|
33
|
+
aspectRatio: undefined
|
|
34
|
+
});
|
|
35
|
+
}
|
|
29
36
|
}, () => {
|
|
30
37
|
setImageState(current => {
|
|
31
38
|
return { ...current,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","memo","useEffect","useState","ActivityIndicator","ImageBackground","Image","MDImage","uri","label","alt","style","imageState","setImageState","isLoading","aspectRatio","undefined","fetchOriginalSizeFromRemoteImage","getSize","width","height","current"],"sourceRoot":"../../../src","sources":["components/MDImage.tsx"],"mappings":"AAAA,OAAOA,KAAP,IAECC,IAFD,EAGCC,SAHD,EAICC,QAJD,QAKO,OALP;AAMA,SACCC,iBADD,EAECC,eAFD,EAGCC,KAHD,QAKO,cALP;;AAmBA,MAAMC,OAAwC,GAAG,QAK3C;EAAA,IAL4C;IACjDC,GADiD;IAEjDC,KAFiD;IAGjDC,GAAG,GAAG,OAH2C;IAIjDC;EAJiD,CAK5C;EACL,MAAM,CAACC,UAAD,EAAaC,aAAb,IAA8BV,QAAQ,CAAe;IAC1DW,SAAS,EAAE,IAD+C;IAE1DC,WAAW,EAAEC;EAF6C,CAAf,CAA5C;EAKAd,SAAS,CAAC,MAAM;IACfe,gCAAgC;EAChC,CAFQ,EAEN,EAFM,CAAT;EAIA;AACD;AACA;AACA;;EACC,MAAMA,gCAAgC,GAAG,MAAM;IAC9CX,KAAK,CAACY,OAAN,CACCV,GADD,EAEC,CAACW,KAAD,EAAgBC,MAAhB,KAAmC;
|
|
1
|
+
{"version":3,"names":["React","memo","useEffect","useState","ActivityIndicator","ImageBackground","Image","MDImage","uri","label","alt","style","imageState","setImageState","isLoading","aspectRatio","undefined","fetchOriginalSizeFromRemoteImage","getSize","width","height","current"],"sourceRoot":"../../../src","sources":["components/MDImage.tsx"],"mappings":"AAAA,OAAOA,KAAP,IAECC,IAFD,EAGCC,SAHD,EAICC,QAJD,QAKO,OALP;AAMA,SACCC,iBADD,EAECC,eAFD,EAGCC,KAHD,QAKO,cALP;;AAmBA,MAAMC,OAAwC,GAAG,QAK3C;EAAA,IAL4C;IACjDC,GADiD;IAEjDC,KAFiD;IAGjDC,GAAG,GAAG,OAH2C;IAIjDC;EAJiD,CAK5C;EACL,MAAM,CAACC,UAAD,EAAaC,aAAb,IAA8BV,QAAQ,CAAe;IAC1DW,SAAS,EAAE,IAD+C;IAE1DC,WAAW,EAAEC;EAF6C,CAAf,CAA5C;EAKAd,SAAS,CAAC,MAAM;IACfe,gCAAgC;EAChC,CAFQ,EAEN,EAFM,CAAT;EAIA;AACD;AACA;AACA;;EACC,MAAMA,gCAAgC,GAAG,MAAM;IAC9CX,KAAK,CAACY,OAAN,CACCV,GADD,EAEC,CAACW,KAAD,EAAgBC,MAAhB,KAAmC;MAClC,IAAID,KAAK,GAAG,CAAR,IAAaC,MAAM,GAAG,CAA1B,EAA6B;QAC5BP,aAAa,CAAC;UAAEC,SAAS,EAAE,KAAb;UAAoBC,WAAW,EAAEI,KAAK,GAAGC;QAAzC,CAAD,CAAb;MACA,CAFD,MAEO;QACNP,aAAa,CAAC;UAAEC,SAAS,EAAE,KAAb;UAAoBC,WAAW,EAAEC;QAAjC,CAAD,CAAb;MACA;IACD,CARF,EASC,MAAM;MACLH,aAAa,CAAEQ,OAAD,IAAa;QAC1B,OAAO,EACN,GAAGA,OADG;UAENP,SAAS,EAAE;QAFL,CAAP;MAIA,CALY,CAAb;IAMA,CAhBF;EAkBA,CAnBD;;EAqBA,oBACC,oBAAC,eAAD;IACC,MAAM,EAAE;MAAEN,GAAG,EAAEA;IAAP,CADT;IAEC,KAAK,EAAE;MACNW,KAAK,EAAE,MADD;MAENJ,WAAW,EAAEH,UAAU,CAACG;IAFlB,CAFR;IAMC,cAAYN,KANb;IAOC,iBAAiB,EAAC,OAPnB;IAQC,kBAAkB,EAAEC,GARrB;IASC,iBAAiB,EAAEM,SATpB;IAUC,UAAU,EAAEL,KAVb;IAWC,MAAM,EAAC;EAXR,GAaEC,UAAU,CAACE,SAAX,gBACA,oBAAC,iBAAD;IACC,MAAM,EAAC,iDADR;IAEC,IAAI,EAAE;EAFP,EADA,GAKG,IAlBL,CADD;AAsBA,CA9DD;;AAgEA,4BAAeb,IAAI,CAACM,OAAD,CAAnB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MDImage.d.ts","sourceRoot":"","sources":["../../../src/components/MDImage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAKN,MAAM,OAAO,CAAC;AACf,OAAO,EAIN,KAAK,UAAU,EACf,MAAM,cAAc,CAAC;AAEtB,KAAK,YAAY,GAAG;IACnB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,UAAU,CAAC;CACnB,CAAC;;
|
|
1
|
+
{"version":3,"file":"MDImage.d.ts","sourceRoot":"","sources":["../../../src/components/MDImage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAKN,MAAM,OAAO,CAAC;AACf,OAAO,EAIN,KAAK,UAAU,EACf,MAAM,cAAc,CAAC;AAEtB,KAAK,YAAY,GAAG;IACnB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,UAAU,CAAC;CACnB,CAAC;;AAuEF,wBAA6B"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "react-native-marked",
|
|
3
|
-
"version": "5.0.
|
|
3
|
+
"version": "5.0.7",
|
|
4
4
|
"description": "Markdown renderer for React Native powered by marked.js",
|
|
5
5
|
"main": "dist/commonjs/index",
|
|
6
6
|
"module": "dist/module/index",
|
|
@@ -49,33 +49,33 @@
|
|
|
49
49
|
"registry": "https://registry.npmjs.org/"
|
|
50
50
|
},
|
|
51
51
|
"devDependencies": {
|
|
52
|
-
"@babel/core": "7.22.
|
|
53
|
-
"@babel/preset-env": "7.22.
|
|
52
|
+
"@babel/core": "7.22.9",
|
|
53
|
+
"@babel/preset-env": "7.22.9",
|
|
54
54
|
"@commitlint/config-conventional": "17.6.6",
|
|
55
|
-
"@evilmartians/lefthook": "1.4.
|
|
56
|
-
"@release-it/conventional-changelog": "
|
|
55
|
+
"@evilmartians/lefthook": "1.4.5",
|
|
56
|
+
"@release-it/conventional-changelog": "7.0.0",
|
|
57
57
|
"@testing-library/jest-native": "5.4.2",
|
|
58
58
|
"@testing-library/react-native": "12.1.2",
|
|
59
|
-
"@types/jest": "29.5.
|
|
59
|
+
"@types/jest": "29.5.3",
|
|
60
60
|
"@types/marked": "5.0.0",
|
|
61
61
|
"@types/node": "18.16.19",
|
|
62
|
-
"@types/react": "18.2.
|
|
62
|
+
"@types/react": "18.2.15",
|
|
63
63
|
"@types/react-native": "0.72.2",
|
|
64
64
|
"@types/react-native-table-component": "1.2.4",
|
|
65
65
|
"@types/svg-parser": "^2.0.3",
|
|
66
66
|
"commitlint": "17.6.6",
|
|
67
67
|
"danger": "11.2.6",
|
|
68
|
-
"jest": "29.6.
|
|
69
|
-
"jest-environment-jsdom": "29.6.
|
|
70
|
-
"metro-react-native-babel-preset": "0.
|
|
68
|
+
"jest": "29.6.1",
|
|
69
|
+
"jest-environment-jsdom": "29.6.1",
|
|
70
|
+
"metro-react-native-babel-preset": "0.77.0",
|
|
71
71
|
"pod-install": "0.1.38",
|
|
72
72
|
"postinstall-postinstall": "2.1.0",
|
|
73
73
|
"react": "18.2.0",
|
|
74
|
-
"react-native": "0.72.
|
|
74
|
+
"react-native": "0.72.3",
|
|
75
75
|
"react-native-builder-bob": "0.21.2",
|
|
76
76
|
"react-test-renderer": "18.2.0",
|
|
77
77
|
"reassure": "0.9.1",
|
|
78
|
-
"release-it": "
|
|
78
|
+
"release-it": "16.1.2",
|
|
79
79
|
"rome": "12.1.3",
|
|
80
80
|
"typescript": "5.1.6"
|
|
81
81
|
},
|
|
@@ -160,8 +160,8 @@
|
|
|
160
160
|
"dependencies": {
|
|
161
161
|
"@jsamr/counter-style": "2.0.2",
|
|
162
162
|
"@jsamr/react-native-li": "2.3.1",
|
|
163
|
-
"marked": "5.
|
|
164
|
-
"react-native-svg": "13.
|
|
163
|
+
"marked": "5.0.5",
|
|
164
|
+
"react-native-svg": "13.10.0",
|
|
165
165
|
"react-native-table-component": "1.2.2",
|
|
166
166
|
"svg-parser": "2.0.4"
|
|
167
167
|
},
|
|
@@ -169,7 +169,7 @@
|
|
|
169
169
|
"node": ">=18"
|
|
170
170
|
},
|
|
171
171
|
"resolutions": {
|
|
172
|
-
"@types/react": "18.2.
|
|
172
|
+
"@types/react": "18.2.15",
|
|
173
173
|
"@types/react-native": "0.72.2"
|
|
174
174
|
}
|
|
175
175
|
}
|
|
@@ -46,7 +46,11 @@ const MDImage: FunctionComponent<MDImageProps> = ({
|
|
|
46
46
|
Image.getSize(
|
|
47
47
|
uri,
|
|
48
48
|
(width: number, height: number) => {
|
|
49
|
-
|
|
49
|
+
if (width > 0 && height > 0) {
|
|
50
|
+
setImageState({ isLoading: false, aspectRatio: width / height });
|
|
51
|
+
} else {
|
|
52
|
+
setImageState({ isLoading: false, aspectRatio: undefined });
|
|
53
|
+
}
|
|
50
54
|
},
|
|
51
55
|
() => {
|
|
52
56
|
setImageState((current) => {
|
|
@@ -62,7 +66,10 @@ const MDImage: FunctionComponent<MDImageProps> = ({
|
|
|
62
66
|
return (
|
|
63
67
|
<ImageBackground
|
|
64
68
|
source={{ uri: uri }}
|
|
65
|
-
style={{
|
|
69
|
+
style={{
|
|
70
|
+
width: "100%",
|
|
71
|
+
aspectRatio: imageState.aspectRatio,
|
|
72
|
+
}}
|
|
66
73
|
aria-label={label}
|
|
67
74
|
accessibilityRole="image"
|
|
68
75
|
accessibilityLabel={alt}
|