Bluesky app fork with some witchin' additions 💫
Reintroduce MathJax
+89
-45
+7
-5
src/components/Post/MastodonHtmlContent.tsx
+7
-5
src/components/Post/MastodonHtmlContent.tsx
···
11
11
import {useLingui} from '@lingui/react'
12
12
import {Trans} from '@lingui/react/macro'
13
13
14
-
// import {MathJaxSvg} from '#/lib/mathjax'
14
+
import {MathJaxSvg} from '#/lib/mathjax'
15
15
import {useRenderMastodonHtml} from '#/state/preferences/render-mastodon-html'
16
16
import {atoms as a} from '#/alf'
17
17
import {Button, ButtonText} from '#/components/Button'
···
156
156
case 'math':
157
157
const mathText = extractMathAnnotation(element)
158
158
if (mathText) {
159
-
return null
160
-
// <MathJaxSvg key={key} fontCache={true}>
161
-
// {mathText}
162
-
// </MathJaxSvg>
159
+
// return null
160
+
return (
161
+
<MathJaxSvg key={key} fontCache={true}>
162
+
{mathText}
163
+
</MathJaxSvg>
164
+
)
163
165
}
164
166
return null
165
167
case 'p': {
+82
-40
src/lib/mathjax/index.tsx
+82
-40
src/lib/mathjax/index.tsx
···
22
22
SOFTWARE.
23
23
*/
24
24
25
+
// Side-effect imports to register TeX extensions with ConfigurationHandler
26
+
import '@mathjax/src/js/input/tex/action/ActionConfiguration.js'
27
+
import '@mathjax/src/js/input/tex/ams/AmsConfiguration.js'
28
+
import '@mathjax/src/js/input/tex/amscd/AmsCdConfiguration.js'
29
+
import '@mathjax/src/js/input/tex/autoload/AutoloadConfiguration.js'
30
+
import '@mathjax/src/js/input/tex/bbm/BbmConfiguration.js'
31
+
import '@mathjax/src/js/input/tex/bboldx/BboldxConfiguration.js'
32
+
import '@mathjax/src/js/input/tex/bbox/BboxConfiguration.js'
33
+
import '@mathjax/src/js/input/tex/begingroup/BegingroupConfiguration.js'
34
+
import '@mathjax/src/js/input/tex/boldsymbol/BoldsymbolConfiguration.js'
35
+
import '@mathjax/src/js/input/tex/braket/BraketConfiguration.js'
36
+
import '@mathjax/src/js/input/tex/bussproofs/BussproofsConfiguration.js'
37
+
import '@mathjax/src/js/input/tex/cancel/CancelConfiguration.js'
38
+
import '@mathjax/src/js/input/tex/cases/CasesConfiguration.js'
39
+
import '@mathjax/src/js/input/tex/centernot/CenternotConfiguration.js'
40
+
import '@mathjax/src/js/input/tex/color/ColorConfiguration.js'
41
+
import '@mathjax/src/js/input/tex/colortbl/ColortblConfiguration.js'
42
+
import '@mathjax/src/js/input/tex/colorv2/ColorV2Configuration.js'
43
+
import '@mathjax/src/js/input/tex/configmacros/ConfigMacrosConfiguration.js'
44
+
import '@mathjax/src/js/input/tex/dsfont/DsfontConfiguration.js'
45
+
import '@mathjax/src/js/input/tex/empheq/EmpheqConfiguration.js'
46
+
import '@mathjax/src/js/input/tex/enclose/EncloseConfiguration.js'
47
+
import '@mathjax/src/js/input/tex/extpfeil/ExtpfeilConfiguration.js'
48
+
import '@mathjax/src/js/input/tex/gensymb/GensymbConfiguration.js'
49
+
import '@mathjax/src/js/input/tex/html/HtmlConfiguration.js'
50
+
import '@mathjax/src/js/input/tex/mathtools/MathtoolsConfiguration.js'
51
+
import '@mathjax/src/js/input/tex/mhchem/MhchemConfiguration.js'
52
+
import '@mathjax/src/js/input/tex/newcommand/NewcommandConfiguration.js'
53
+
import '@mathjax/src/js/input/tex/noerrors/NoErrorsConfiguration.js'
54
+
import '@mathjax/src/js/input/tex/noundefined/NoUndefinedConfiguration.js'
55
+
import '@mathjax/src/js/input/tex/physics/PhysicsConfiguration.js'
56
+
import '@mathjax/src/js/input/tex/require/RequireConfiguration.js'
57
+
import '@mathjax/src/js/input/tex/setoptions/SetOptionsConfiguration.js'
58
+
import '@mathjax/src/js/input/tex/tagformat/TagFormatConfiguration.js'
59
+
import '@mathjax/src/js/input/tex/texhtml/TexHtmlConfiguration.js'
60
+
import '@mathjax/src/js/input/tex/textcomp/TextcompConfiguration.js'
61
+
import '@mathjax/src/js/input/tex/textmacros/TextMacrosConfiguration.js'
62
+
import '@mathjax/src/js/input/tex/unicode/UnicodeConfiguration.js'
63
+
import '@mathjax/src/js/input/tex/units/UnitsConfiguration.js'
64
+
import '@mathjax/src/js/input/tex/upgreek/UpgreekConfiguration.js'
65
+
import '@mathjax/src/js/input/tex/verb/VerbConfiguration.js'
66
+
25
67
import React, {Fragment, memo, type ReactNode} from 'react'
26
68
import {
27
69
type StyleProp,
···
41
83
import {cssStringToRNStyle} from './HTMLStyles'
42
84
43
85
const packageList = [
44
-
'[tex]/action',
45
-
'[tex]/ams',
46
-
'[tex]/amscd',
47
-
'[tex]/autoload',
48
-
'[tex]/bbm',
49
-
'[tex]/bboldx',
50
-
'[tex]/bbox',
51
-
'[tex]/begingroup',
52
-
'[tex]/boldsymbol',
53
-
'[tex]/braket',
54
-
'[tex]/bussproofs',
55
-
'[tex]/cancel',
56
-
'[tex]/cases',
57
-
'[tex]/centernot',
58
-
'[tex]/color',
59
-
'[tex]/colortbl',
60
-
'[tex]/colorv2',
61
-
'[tex]/configmacros',
62
-
'[tex]/dsfont',
63
-
'[tex]/empheq',
64
-
'[tex]/enclose',
65
-
'[tex]/extpfeil',
66
-
'[tex]/gensymb',
67
-
'[tex]/html',
68
-
'[tex]/mathtools',
69
-
'[tex]/mhchem',
70
-
'[tex]/newcommand',
71
-
'[tex]/noerrors',
72
-
'[tex]/noundefined',
73
-
'[tex]/physics',
74
-
'[tex]/require',
75
-
'[tex]/setoptions',
76
-
'[tex]/tagformat',
77
-
'[tex]/texhtml',
78
-
'[tex]/textcomp',
79
-
'[tex]/textmacros',
80
-
'[tex]/unicode',
81
-
'[tex]/units',
82
-
'[tex]/upgreek',
83
-
'[tex]/verb',
86
+
'action',
87
+
'ams',
88
+
'amscd',
89
+
'autoload',
90
+
'bbm',
91
+
'bboldx',
92
+
'bbox',
93
+
'begingroup',
94
+
'boldsymbol',
95
+
'braket',
96
+
'bussproofs',
97
+
'cancel',
98
+
'cases',
99
+
'centernot',
100
+
'color',
101
+
'colortbl',
102
+
'colorv2',
103
+
'configmacros',
104
+
'dsfont',
105
+
'empheq',
106
+
'enclose',
107
+
'extpfeil',
108
+
'gensymb',
109
+
'html',
110
+
'mathtools',
111
+
'mhchem',
112
+
'newcommand',
113
+
'noerrors',
114
+
'noundefined',
115
+
'physics',
116
+
'require',
117
+
'setoptions',
118
+
'tagformat',
119
+
'texhtml',
120
+
'textcomp',
121
+
'textmacros',
122
+
'unicode',
123
+
'units',
124
+
'upgreek',
125
+
'verb',
84
126
].sort()
85
127
86
128
import {