noMosaic: play video inline + optional media layout type (#1946)
This commit is contained in:
parent
44b21394b3
commit
fa9da2d693
|
@ -4,28 +4,58 @@
|
||||||
* SPDX-License-Identifier: GPL-3.0-or-later
|
* SPDX-License-Identifier: GPL-3.0-or-later
|
||||||
*/
|
*/
|
||||||
|
|
||||||
|
import { definePluginSettings } from "@api/Settings";
|
||||||
import { disableStyle, enableStyle } from "@api/Styles";
|
import { disableStyle, enableStyle } from "@api/Styles";
|
||||||
import { Devs } from "@utils/constants";
|
import { Devs } from "@utils/constants";
|
||||||
import definePlugin from "@utils/types";
|
import definePlugin, { OptionType } from "@utils/types";
|
||||||
|
|
||||||
import style from "./styles.css?managed";
|
import style from "./styles.css?managed";
|
||||||
|
|
||||||
|
const settings = definePluginSettings({
|
||||||
|
inlineVideo: {
|
||||||
|
description: "Play videos without carousel modal",
|
||||||
|
type: OptionType.BOOLEAN,
|
||||||
|
default: true,
|
||||||
|
restartNeeded: true
|
||||||
|
},
|
||||||
|
mediaLayoutType: {
|
||||||
|
description: "Choose media layout type",
|
||||||
|
type: OptionType.SELECT,
|
||||||
|
restartNeeded: true,
|
||||||
|
options: [
|
||||||
|
{ label: "STATIC, render loading image but image isn't resposive, no problem unless discord window width is too small", value: "STATIC", default: true },
|
||||||
|
{ label: "RESPONSIVE, image is responsive but not render loading image, cause messages shift when loaded", value: "RESPONSIVE" },
|
||||||
|
]
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
export default definePlugin({
|
export default definePlugin({
|
||||||
name: "NoMosaic",
|
name: "NoMosaic",
|
||||||
authors: [Devs.AutumnVN],
|
authors: [Devs.AutumnVN],
|
||||||
description: "Removes Discord new image mosaic",
|
description: "Removes Discord new image mosaic",
|
||||||
tags: ["image", "mosaic", "media"],
|
tags: ["image", "mosaic", "media"],
|
||||||
|
|
||||||
|
settings,
|
||||||
|
|
||||||
patches: [
|
patches: [
|
||||||
{
|
{
|
||||||
find: ".oneByTwoLayoutThreeGrid",
|
find: ".oneByTwoLayoutThreeGrid",
|
||||||
replacement: [{
|
replacement: [{
|
||||||
match: /mediaLayoutType:\i\.\i\.MOSAIC/,
|
match: /mediaLayoutType:\i\.\i\.MOSAIC/,
|
||||||
replace: 'mediaLayoutType:"RESPONSIVE"'
|
replace: "mediaLayoutType:$self.mediaLayoutType()",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
match: /null!==\(\i=\i\.get\(\i\)\)&&void 0!==\i\?\i:"INVALID"/,
|
match: /null!==\(\i=\i\.get\(\i\)\)&&void 0!==\i\?\i:"INVALID"/,
|
||||||
replace: '"INVALID"',
|
replace: '"INVALID"',
|
||||||
},]
|
}]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
find: "renderAttachments(",
|
||||||
|
predicate: () => settings.store.inlineVideo,
|
||||||
|
replacement: {
|
||||||
|
match: /url:(\i)\.url\}\);return /,
|
||||||
|
replace: "$&$1.content_type?.startsWith('image/')&&"
|
||||||
|
}
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
find: "Messages.REMOVE_ATTACHMENT_TOOLTIP_TEXT",
|
find: "Messages.REMOVE_ATTACHMENT_TOOLTIP_TEXT",
|
||||||
|
@ -33,10 +63,17 @@ export default definePlugin({
|
||||||
match: /\i===\i\.\i\.MOSAIC/,
|
match: /\i===\i\.\i\.MOSAIC/,
|
||||||
replace: "true"
|
replace: "true"
|
||||||
}
|
}
|
||||||
}],
|
}
|
||||||
|
],
|
||||||
|
|
||||||
|
mediaLayoutType() {
|
||||||
|
return settings.store.mediaLayoutType;
|
||||||
|
},
|
||||||
|
|
||||||
start() {
|
start() {
|
||||||
enableStyle(style);
|
enableStyle(style);
|
||||||
},
|
},
|
||||||
|
|
||||||
stop() {
|
stop() {
|
||||||
disableStyle(style);
|
disableStyle(style);
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue