remove react-highlighter-ts package that was breaking Settings page

development
dperolio 3 years ago
parent 48076bb23d
commit 135b71ee57

17
package-lock.json generated

@ -1857,23 +1857,6 @@
"inherits": "~2.0.3"
}
},
"react": {
"version": "17.0.2",
"resolved": "https://registry.npmjs.org/react/-/react-17.0.2.tgz",
"integrity": "sha512-gnhPt75i/dq/z3/6q/0asP78D0u592D5L1pd7M8P+dck6Fu/jJeL6iVVK23fptSUZj8Vjf++7wXA8UNclGQcbA==",
"requires": {
"loose-envify": "^1.1.0",
"object-assign": "^4.1.1"
}
},
"react-highlighter-ts": {
"version": "2.2.0",
"resolved": "https://registry.npmjs.org/react-highlighter-ts/-/react-highlighter-ts-2.2.0.tgz",
"integrity": "sha512-wZgYrOq6bO1O1szjyduvqeiuV1DuZbKb22FvbclXEhyG5rw9vFaJhdO420RwBvDkD4DvFnDLX4hFuAOg0aQkXA==",
"requires": {
"react": "^17.0.1"
}
},
"react-is": {
"version": "17.0.2",
"resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz",

@ -101,7 +101,6 @@
"mime-types": "^2.1.31",
"module-alias": "^2.2.2",
"pluralize": "^8.0.0",
"react-highlighter-ts": "^2.2.0",
"react-is": "^17.0.2",
"react-markdown": "^6.0.2",
"react-toastify": "^7.0.4",

@ -1,5 +1,4 @@
import { SwitchItem } from '@vizality/components/settings';
import { Highlight } from 'react-highlighter-ts/dist/lib';
import React, { memo, useEffect } from 'react';
import { useFilter } from '@vizality/hooks';
import { Messages } from '@vizality/i18n';
@ -13,19 +12,13 @@ export default memo(({ builtin, search = '' }) => {
],
render: query =>
<SwitchItem
description={
<Highlight search={query}>
{Messages.VIZALITY_SETTINGS_TRANSPARENT_WINDOW_DESC}
</Highlight>
}
description={Messages.VIZALITY_SETTINGS_TRANSPARENT_WINDOW_DESC}
value={true}
onChange={() => void 0}
info={Messages.VIZALITY_SETTINGS_TRANSPARENT_WINDOW_INFO.format()}
requiresRestart
>
<Highlight search={query}>
{Messages.VIZALITY_SETTINGS_TRANSPARENT_WINDOW}
</Highlight>
{Messages.VIZALITY_SETTINGS_TRANSPARENT_WINDOW}
</SwitchItem>
}
];

@ -1,5 +1,4 @@
import { SwitchItem } from '@vizality/components/settings';
import { Highlight } from 'react-highlighter-ts/dist/lib';
import React, { memo, useEffect } from 'react';
import { useFilter } from '@vizality/hooks';
import { Messages } from '@vizality/i18n';
@ -19,7 +18,7 @@ export default memo(({ builtin, search = '' }) => {
],
render: query =>
<SwitchItem
description={<Highlight search={query}>{Messages.VIZALITY_SETTINGS_SMOOTH_SCROLLING_DESC}</Highlight>}
description={Messages.VIZALITY_SETTINGS_SMOOTH_SCROLLING_DESC}
value={smoothScrolling}
onChange={() => setSmoothScrolling(!smoothScrolling)}
help={Messages.VIZALITY_SETTINGS_SMOOTH_SCROLLING_HELP}
@ -36,7 +35,7 @@ export default memo(({ builtin, search = '' }) => {
],
render: query =>
<SwitchItem
description={<Highlight search={query}>{Messages.VIZALITY_SETTINGS_DEBUG_LOGS_DESC}</Highlight>}
description={Messages.VIZALITY_SETTINGS_DEBUG_LOGS_DESC}
value={debugLogs}
onChange={() => setDebugLogs(!debugLogs)}
requiresRestart
@ -52,13 +51,11 @@ export default memo(({ builtin, search = '' }) => {
],
render: query =>
<SwitchItem
description={<Highlight search={query}>{Messages.VIZALITY_SETTINGS_KEEP_TOKEN_DESC}</Highlight>}
description={Messages.VIZALITY_SETTINGS_KEEP_TOKEN_DESC}
value={hideToken}
onChange={() => setHideToken(!hideToken)}
>
<Highlight search={query}>
{Messages.VIZALITY_SETTINGS_KEEP_TOKEN}
</Highlight>
{Messages.VIZALITY_SETTINGS_KEEP_TOKEN}
</SwitchItem>
},
{
@ -69,14 +66,12 @@ export default memo(({ builtin, search = '' }) => {
],
render: query =>
<SwitchItem
description={<Highlight search={query}>{Messages.VIZALITY_SETTINGS_EXP_WEB_PLATFORM_DESC}</Highlight>}
description={Messages.VIZALITY_SETTINGS_EXP_WEB_PLATFORM_DESC}
value={experimentalWebPlatform}
onChange={() => setExperimentalWebPlatform(!experimentalWebPlatform)}
requiresRestart
>
<Highlight search={query}>
{Messages.VIZALITY_SETTINGS_EXP_WEB_PLATFORM}
</Highlight>
{Messages.VIZALITY_SETTINGS_EXP_WEB_PLATFORM}
</SwitchItem>
}
];

@ -1,5 +1,4 @@
import { SwitchItem } from '@vizality/components/settings';
import { Highlight } from 'react-highlighter-ts/dist/lib';
import React, { memo, useEffect } from 'react';
import { useFilter } from '@vizality/hooks';
import { Messages } from '@vizality/i18n';
@ -13,19 +12,13 @@ export default memo(({ builtin, search = '' }) => {
],
render: query =>
<SwitchItem
description={
<Highlight search={query}>
{Messages.VIZALITY_SETTINGS_TRANSPARENT_WINDOW_DESC}
</Highlight>
}
description={Messages.VIZALITY_SETTINGS_TRANSPARENT_WINDOW_DESC}
value={true}
onChange={() => void 0}
info={Messages.VIZALITY_SETTINGS_TRANSPARENT_WINDOW_INFO.format()}
requiresRestart
>
<Highlight search={query}>
{Messages.VIZALITY_SETTINGS_TRANSPARENT_WINDOW}
</Highlight>
{Messages.VIZALITY_SETTINGS_TRANSPARENT_WINDOW}
</SwitchItem>
}
];

@ -1,5 +1,4 @@
import { TextInput, SwitchItem } from '@vizality/components/settings';
import { Highlight } from 'react-highlighter-ts/dist/lib';
import React, { memo, useEffect } from 'react';
import { useFilter } from '@vizality/hooks';
import { Messages } from '@vizality/i18n';
@ -25,9 +24,7 @@ export default memo(({ builtin, search = '' }) => {
onBlur={({ target }) => target.value = commandPrefix}
error={commandPrefix === '/' ? 'Prefix should not be set to `/` as it is already in use by Discord and may disable Vizality autocompletions.' : ''}
>
<Highlight search={query}>
{Messages.VIZALITY_COMMAND_PREFIX}
</Highlight>
{Messages.VIZALITY_COMMAND_PREFIX}
</TextInput>
},
{
@ -40,20 +37,14 @@ export default memo(({ builtin, search = '' }) => {
],
render: query =>
<SwitchItem
description={
<Highlight search={query}>
{Messages.VIZALITY_SETTINGS_NO_CLYDE_DESC.format({
discordiaUrl: 'https://discordia.me/clyde',
apiUrl: `${window.location.origin}/vizality/docs`
})}
</Highlight>
}
description={Messages.VIZALITY_SETTINGS_NO_CLYDE_DESC.format({
discordiaUrl: 'https://discordia.me/clyde',
apiUrl: `${window.location.origin}/vizality/docs`
})}
value={replaceClyde}
onChange={() => setReplaceClyde(!replaceClyde)}
>
<Highlight search={query}>
{Messages.VIZALITY_SETTINGS_NO_CLYDE}
</Highlight>
{Messages.VIZALITY_SETTINGS_NO_CLYDE}
</SwitchItem>
}
];

@ -1,5 +1,4 @@
import { SwitchItem } from '@vizality/components/settings';
import { Highlight } from 'react-highlighter-ts/dist/lib';
import React, { memo, useEffect } from 'react';
import { getModule } from '@vizality/webpack';
import { useFilter } from '@vizality/hooks';
@ -19,15 +18,13 @@ export default memo(({ builtin, search = '' }) => {
],
render: query =>
<SwitchItem
description={<Highlight search={query}>{Messages.VIZALITY_SETTINGS_REACT_DEVELOPER_TOOLS_DESC}</Highlight>}
description={Messages.VIZALITY_SETTINGS_REACT_DEVELOPER_TOOLS_DESC}
value={reactDeveloperTools}
onChange={() => setReactDeveloperTools(!reactDeveloperTools)}
info={Messages.VIZALITY_SETTINGS_REACT_DEVELOPER_TOOLS_WARNING}
requiresRestart
>
<Highlight search={query}>
{Messages.VIZALITY_SETTINGS_REACT_DEVELOPER_TOOLS}
</Highlight>
{Messages.VIZALITY_SETTINGS_REACT_DEVELOPER_TOOLS}
</SwitchItem>
},
{
@ -37,20 +34,14 @@ export default memo(({ builtin, search = '' }) => {
],
render: query =>
<SwitchItem
description={
<Highlight search={query}>
{Messages.VIZALITY_SETTINGS_PLUGIN_HOT_RELOAD_DESC}
</Highlight>
}
description={Messages.VIZALITY_SETTINGS_PLUGIN_HOT_RELOAD_DESC}
value={hotReload}
onChange={async () => {
setHotReload(!hotReload);
await vizality.manager.plugins.remountAll();
}}
>
<Highlight search={query}>
{Messages.VIZALITY_SETTINGS_PLUGIN_HOT_RELOAD}
</Highlight>
{Messages.VIZALITY_SETTINGS_PLUGIN_HOT_RELOAD}
</SwitchItem>
},
{
@ -60,17 +51,11 @@ export default memo(({ builtin, search = '' }) => {
],
render: query =>
<SwitchItem
description={
<Highlight search={query}>
{Messages.VIZALITY_SETTINGS_OVERLAY_DESC}
</Highlight>
}
description={Messages.VIZALITY_SETTINGS_OVERLAY_DESC}
value={openOverlayDevTools}
onChange={() => setOpenOverlayDevTools(!openOverlayDevTools)}
>
<Highlight search={query}>
{Messages.VIZALITY_SETTINGS_OVERLAY}
</Highlight>
{Messages.VIZALITY_SETTINGS_OVERLAY}
</SwitchItem>
},
{
@ -80,11 +65,7 @@ export default memo(({ builtin, search = '' }) => {
],
render: query =>
<SwitchItem
description={
<Highlight search={query}>
{Messages.VIZALITY_SETTINGS_DISCORD_EXPERIMENTS_DESC.format()}
</Highlight>
}
description={Messages.VIZALITY_SETTINGS_DISCORD_EXPERIMENTS_DESC.format()}
value={discordExperiments}
onChange={() => {
setDiscordExperiments(!discordExperiments);
@ -92,9 +73,7 @@ export default memo(({ builtin, search = '' }) => {
experimentsModule._changeCallbacks.forEach(cb => cb());
}}
>
<Highlight search={query}>
{Messages.VIZALITY_SETTINGS_DISCORD_EXPERIMENTS}
</Highlight>
{Messages.VIZALITY_SETTINGS_DISCORD_EXPERIMENTS}
</SwitchItem>
}
];

@ -5,7 +5,6 @@ import { removeDirRecursive } from '@vizality/util/file';
import React, { memo, useState, useEffect } from 'react';
import { Messages, chosenLocale } from '@vizality/i18n';
import { joinClassNames } from '@vizality/util/dom';
import { Highlight } from 'react-highlighter-ts/dist/lib';
import { getModule } from '@vizality/webpack';
import { readdirSync, existsSync } from 'fs';
import { useFilter } from '@vizality/hooks';
@ -199,19 +198,13 @@ export default memo(({ builtin, search = '' }) => {
],
render: query =>
<SwitchItem
description={
<Highlight search={query}>
{Messages.VIZALITY_SETTINGS_TRANSPARENT_WINDOW_DESC}
</Highlight>
}
description={Messages.VIZALITY_SETTINGS_TRANSPARENT_WINDOW_DESC}
value={transparentWindow}
onChange={() => setTransparentWindow(!transparentWindow)}
info={Messages.VIZALITY_SETTINGS_TRANSPARENT_WINDOW_INFO.format()}
requiresRestart
>
<Highlight search={query}>
{Messages.VIZALITY_SETTINGS_TRANSPARENT_WINDOW}
</Highlight>
{Messages.VIZALITY_SETTINGS_TRANSPARENT_WINDOW}
</SwitchItem>
},
{
@ -222,18 +215,12 @@ export default memo(({ builtin, search = '' }) => {
],
render: query =>
<ButtonItem
note={
<Highlight search={query}>
{Messages.VIZALITY_SETTINGS_CACHE_VIZALITY_DESC}
</Highlight>
}
note={Messages.VIZALITY_SETTINGS_CACHE_VIZALITY_DESC}
button={isVizalityCacheCleared ? Messages.VIZALITY_SETTINGS_CACHE_CLEARED : Messages.VIZALITY_SETTINGS_CACHE_VIZALITY}
success={isVizalityCacheCleared}
onClick={() => clearVizalityCache()}
>
<Highlight search={query}>
{Messages.VIZALITY_SETTINGS_CACHE_VIZALITY}
</Highlight>
{Messages.VIZALITY_SETTINGS_CACHE_VIZALITY}
</ButtonItem>
},
{
@ -244,18 +231,12 @@ export default memo(({ builtin, search = '' }) => {
],
render: query =>
<ButtonItem
note={
<Highlight search={query}>
{Messages.VIZALITY_SETTINGS_CACHE_DISCORD_DESC}
</Highlight>
}
note={Messages.VIZALITY_SETTINGS_CACHE_DISCORD_DESC}
button={isDiscordCacheCleared ? Messages.VIZALITY_SETTINGS_CACHE_CLEARED : Messages.VIZALITY_SETTINGS_CACHE_DISCORD}
success={isDiscordCacheCleared}
onClick={() => clearDiscordCache()}
>
<Highlight search={query}>
{Messages.VIZALITY_SETTINGS_CACHE_DISCORD}
</Highlight>
{Messages.VIZALITY_SETTINGS_CACHE_DISCORD}
</ButtonItem>
},
{
@ -267,16 +248,8 @@ export default memo(({ builtin, search = '' }) => {
render: query =>
<Category
icon='Bug'
title={
<Highlight search={query}>
{Messages.VIZALITY_UPDATES_OPTS_DEBUG}
</Highlight>
}
description={
<Highlight search={query}>
{Messages.VIZALITY_UPDATES_OPTS_DEBUG_DESC}
</Highlight>
}
title={Messages.VIZALITY_UPDATES_OPTS_DEBUG}
description={Messages.VIZALITY_UPDATES_OPTS_DEBUG_DESC}
>
{renderDebugInfo()}
</Category>

@ -1,5 +1,4 @@
import { SwitchItem } from '@vizality/components/settings';
import { Highlight } from 'react-highlighter-ts/dist/lib';
import React, { memo, useEffect } from 'react';
import { useFilter } from '@vizality/hooks';
import { Messages } from '@vizality/i18n';
@ -13,19 +12,13 @@ export default memo(({ builtin, search = '' }) => {
],
render: query =>
<SwitchItem
description={
<Highlight search={query}>
{Messages.VIZALITY_SETTINGS_TRANSPARENT_WINDOW_DESC}
</Highlight>
}
description={Messages.VIZALITY_SETTINGS_TRANSPARENT_WINDOW_DESC}
value={true}
onChange={() => void 0}
info={Messages.VIZALITY_SETTINGS_TRANSPARENT_WINDOW_INFO.format()}
requiresRestart
>
<Highlight search={query}>
{Messages.VIZALITY_SETTINGS_TRANSPARENT_WINDOW}
</Highlight>
{Messages.VIZALITY_SETTINGS_TRANSPARENT_WINDOW}
</SwitchItem>
}
];

@ -1,5 +1,4 @@
import { SwitchItem } from '@vizality/components/settings';
import { Highlight } from 'react-highlighter-ts/dist/lib';
import React, { memo, useEffect } from 'react';
import { useFilter } from '@vizality/hooks';
import { Messages } from '@vizality/i18n';
@ -13,19 +12,13 @@ export default memo(({ builtin, search = '' }) => {
],
render: query =>
<SwitchItem
description={
<Highlight search={query}>
{Messages.VIZALITY_SETTINGS_TRANSPARENT_WINDOW_DESC}
</Highlight>
}
description={Messages.VIZALITY_SETTINGS_TRANSPARENT_WINDOW_DESC}
value={true}
onChange={() => void 0}
info={Messages.VIZALITY_SETTINGS_TRANSPARENT_WINDOW_INFO.format()}
requiresRestart
>
<Highlight search={query}>
{Messages.VIZALITY_SETTINGS_TRANSPARENT_WINDOW}
</Highlight>
{Messages.VIZALITY_SETTINGS_TRANSPARENT_WINDOW}
</SwitchItem>
}
];

Loading…
Cancel
Save