lightcordwarez
/
BetterDiscordAddons
mirror of https://github.com/mwittrien/BetterDiscordAddons.git
1
0
Fork 0
Code Issues 24 Releases Wiki Activity

save

This commit is contained in:
Mirco Wittrien 2019-10-15 12:36:35 +02:00
parent 8bf81d75e1
commit ce38aab537
2 changed files with 45 additions and 40 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
Plugins/BDFDB.js
View File

File diff suppressed because one or more lines are too long

83
Plugins/BDFDB.max.js
View File

@ -1348,14 +1348,14 @@ var BDFDB = {myPlugins: BDFDB && BDFDB.myPlugins ? BDFDB.myPlugins : {}, BDv2Api
}; };
BDFDB.React.elementToReact = function (node) { BDFDB.React.elementToReact = function (node) {
if (BDFDB.React.isValidElement(node)) return node; if (BDFDB.React.isValidElement(node)) return node;
else if (!Node.prototype.isPrototypeOf(node)) return BDFDB.React.createElement('DIV', {}); else if (!Node.prototype.isPrototypeOf(node)) return LibraryModules.React.createElement('DIV', {});
else if (node.nodeType == Node.TEXT_NODE) return node.nodeValue; else if (node.nodeType == Node.TEXT_NODE) return node.nodeValue;
let attributes = {}; let attributes = {};
for (let attr of node.attributes) attributes[attr.name] = attr.value; for (let attr of node.attributes) attributes[attr.name] = attr.value;
if (node.attributes.style) attributes.style = BDFDB.filterObject(node.style, n => node.style[n] && isNaN(parseInt(n)), true); if (node.attributes.style) attributes.style = BDFDB.filterObject(node.style, n => node.style[n] && isNaN(parseInt(n)), true);
attributes.children = []; attributes.children = [];
for (let child of node.childNodes) attributes.children.push(BDFDB.React.elementToReact(child)); for (let child of node.childNodes) attributes.children.push(BDFDB.React.elementToReact(child));
return BDFDB.React.createElement(node.tagName, attributes); return LibraryModules.React.createElement(node.tagName, attributes);
}; };
}; };
@ -2074,7 +2074,7 @@ var BDFDB = {myPlugins: BDFDB && BDFDB.myPlugins ? BDFDB.myPlugins : {}, BDv2Api
let id = Node.prototype.isPrototypeOf(eleOrInfoOrId) ? BDFDB.getServerID(eleOrInfoOrId) : typeof eleOrInfoOrId == 'object' ? eleOrInfoOrId.id : eleOrInfoOrId; let id = Node.prototype.isPrototypeOf(eleOrInfoOrId) ? BDFDB.getServerID(eleOrInfoOrId) : typeof eleOrInfoOrId == 'object' ? eleOrInfoOrId.id : eleOrInfoOrId;
let guild = LibraryModules.GuildStore.getGuild(id); let guild = LibraryModules.GuildStore.getGuild(id);
if (guild) LibraryModules.ContextMenuUtils.openContextMenu(e, function (e) { if (guild) LibraryModules.ContextMenuUtils.openContextMenu(e, function (e) {
return BDFDB.React.createElement(BDFDB.WebModules.findByName("GuildContextMenu"), Object.assign({}, e, { return LibraryModules.React.createElement(BDFDB.WebModules.findByName("GuildContextMenu"), Object.assign({}, e, {
type: BDFDB.DiscordConstants.ContextMenuTypes.GUILD_ICON_BAR, type: BDFDB.DiscordConstants.ContextMenuTypes.GUILD_ICON_BAR,
guild: guild, guild: guild,
badge: LibraryModules.MentionUtils.getMentionCount(guild.id), badge: LibraryModules.MentionUtils.getMentionCount(guild.id),
@ -2161,7 +2161,7 @@ var BDFDB = {myPlugins: BDFDB && BDFDB.myPlugins ? BDFDB.myPlugins : {}, BDv2Api
break; break;
} }
if (type) LibraryModules.ContextMenuUtils.openContextMenu(e, function (e) { if (type) LibraryModules.ContextMenuUtils.openContextMenu(e, function (e) {
return BDFDB.React.createElement(BDFDB.WebModules.findByName("ChannelContextMenu"), Object.assign({}, e, { return LibraryModules.React.createElement(BDFDB.WebModules.findByName("ChannelContextMenu"), Object.assign({}, e, {
type, type,
channel, channel,
guild: LibraryModules.GuildStore.getGuild(channel.guild_id), guild: LibraryModules.GuildStore.getGuild(channel.guild_id),
@ -3359,7 +3359,7 @@ var BDFDB = {myPlugins: BDFDB && BDFDB.myPlugins ? BDFDB.myPlugins : {}, BDv2Api
if (typeof modalobserver.disconnect == 'function') modalobserver.disconnect(); if (typeof modalobserver.disconnect == 'function') modalobserver.disconnect();
}; };
if (typeof config.text == 'string') { if (typeof config.text == 'string') {
contentchildren.push(BDFDB.React.createElement(LibraryComponents.TextElement, { contentchildren.push(LibraryModules.React.createElement(LibraryComponents.TextElement, {
color: LibraryComponents.TextElement.Colors.PRIMARY, color: LibraryComponents.TextElement.Colors.PRIMARY,
children: [config.text] children: [config.text]
})); }));
@ -3383,7 +3383,7 @@ var BDFDB = {myPlugins: BDFDB && BDFDB.myPlugins ? BDFDB.myPlugins : {}, BDv2Api
if (button.cancel) cancels.push(click); if (button.cancel) cancels.push(click);
footerchildren.push(BDFDB.React.createElement(LibraryComponents.Button, { footerchildren.push(LibraryModules.React.createElement(LibraryComponents.Button, {
type: 'button', type: 'button',
look: look || (color ? LibraryComponents.Button.Looks.FILLED : LibraryComponents.Button.Looks.LINK), look: look || (color ? LibraryComponents.Button.Looks.FILLED : LibraryComponents.Button.Looks.LINK),
color: color ? color : LibraryComponents.Button.Colors.PRIMARY, color: color ? color : LibraryComponents.Button.Colors.PRIMARY,
@ -3416,31 +3416,31 @@ var BDFDB = {myPlugins: BDFDB && BDFDB.myPlugins ? BDFDB.myPlugins : {}, BDv2Api
let name = plugin.name || (typeof plugin.getName == "function" ? plugin.getName() : null); let name = plugin.name || (typeof plugin.getName == "function" ? plugin.getName() : null);
name = typeof name == 'string' ? name : null; name = typeof name == 'string' ? name : null;
let size = typeof config.size == 'string' && LibraryComponents.ModalComponents.ModalSize[config.size.toUpperCase()]; let size = typeof config.size == 'string' && LibraryComponents.ModalComponents.ModalSize[config.size.toUpperCase()];
return BDFDB.React.createElement(function (e) { return LibraryModules.React.createElement(function (e) {
return BDFDB.React.createElement(LibraryComponents.ModalComponents.ModalRoot, { return LibraryModules.React.createElement(LibraryComponents.ModalComponents.ModalRoot, {
className: [`BDFDB-modal`, `BDFDB-modal-${id}`, name ? `${name}-modal` : null, props.transitionState == 2 ? `BDFDB-modal-open` : null, config.selector ? config.selector : null].filter(n => n).join(' '), className: [`BDFDB-modal`, `BDFDB-modal-${id}`, name ? `${name}-modal` : null, props.transitionState == 2 ? `BDFDB-modal-open` : null, config.selector ? config.selector : null].filter(n => n).join(' '),
size: size || LibraryComponents.ModalComponents.ModalSize.SMALL, size: size || LibraryComponents.ModalComponents.ModalSize.SMALL,
transitionState: e.transitionState, transitionState: e.transitionState,
children: [ children: [
BDFDB.React.createElement(LibraryComponents.ModalComponents.ModalHeader, { LibraryModules.React.createElement(LibraryComponents.ModalComponents.ModalHeader, {
separator: false, separator: false,
children: [ children: [
BDFDB.React.createElement(LibraryComponents.Flex.Child, { LibraryModules.React.createElement(LibraryComponents.Flex.Child, {
grow: 1, grow: 1,
shrink: 1, shrink: 1,
children: [ children: [
BDFDB.React.createElement(LibraryComponents.FormComponents.FormTitle, { LibraryModules.React.createElement(LibraryComponents.FormComponents.FormTitle, {
tag: LibraryComponents.FormComponents.FormTitle.Tags.H4, tag: LibraryComponents.FormComponents.FormTitle.Tags.H4,
children: typeof config.header == 'string' ? config.header : "" children: typeof config.header == 'string' ? config.header : ""
}), }),
BDFDB.React.createElement(LibraryComponents.TextElement, { LibraryModules.React.createElement(LibraryComponents.TextElement, {
size: LibraryComponents.TextElement.Sizes.SMALL, size: LibraryComponents.TextElement.Sizes.SMALL,
color: LibraryComponents.TextElement.Colors.PRIMARY, color: LibraryComponents.TextElement.Colors.PRIMARY,
children: typeof config.subheader == 'string' ? config.subheader : (name || "") children: typeof config.subheader == 'string' ? config.subheader : (name || "")
}) })
] ]
}), }),
BDFDB.React.createElement(LibraryComponents.ModalComponents.ModalCloseButton, { LibraryModules.React.createElement(LibraryComponents.ModalComponents.ModalCloseButton, {
onClick: _ => { onClick: _ => {
for (let cancel of cancels) cancel(modal); for (let cancel of cancels) cancel(modal);
closeModal(); closeModal();
@ -3448,10 +3448,10 @@ var BDFDB = {myPlugins: BDFDB && BDFDB.myPlugins ? BDFDB.myPlugins : {}, BDv2Api
}) })
] ]
}), }),
BDFDB.React.createElement(LibraryComponents.ModalComponents.ModalContent, { LibraryModules.React.createElement(LibraryComponents.ModalComponents.ModalContent, {
children: contentchildren children: contentchildren
}), }),
footerchildren.length ? BDFDB.React.createElement(LibraryComponents.ModalComponents.ModalFooter, { footerchildren.length ? LibraryModules.React.createElement(LibraryComponents.ModalComponents.ModalFooter, {
children: footerchildren children: footerchildren
}) : null }) : null
] ]
@ -3556,7 +3556,7 @@ var BDFDB = {myPlugins: BDFDB && BDFDB.myPlugins ? BDFDB.myPlugins : {}, BDv2Api
BDFDB.openContextMenu = function (plugin, e, children) { BDFDB.openContextMenu = function (plugin, e, children) {
LibraryModules.ContextMenuUtils.openContextMenu(e, function (e) { LibraryModules.ContextMenuUtils.openContextMenu(e, function (e) {
return BDFDB.React.createElement(LibraryComponents.ContextMenu, Object.assign({}, e, { return LibraryModules.React.createElement(LibraryComponents.ContextMenu, Object.assign({}, e, {
BDFDBcontextMenu: true, BDFDBcontextMenu: true,
type: BDFDB.DiscordConstants.ContextMenuTypes.NATIVE_TEXT, type: BDFDB.DiscordConstants.ContextMenuTypes.NATIVE_TEXT,
value: "", value: "",
@ -5555,7 +5555,7 @@ var BDFDB = {myPlugins: BDFDB && BDFDB.myPlugins ? BDFDB.myPlugins : {}, BDv2Api
NativeSubComponents.ContextMenuToggleItem = BDFDB.WebModules.findByName('ToggleMenuItem'); NativeSubComponents.ContextMenuToggleItem = BDFDB.WebModules.findByName('ToggleMenuItem');
LibraryComponents.Button = BDFDB.WebModules.findByProperties('Colors', 'Hovers', 'Looks'); LibraryComponents.Button = BDFDB.WebModules.findByProperties('Colors', 'Hovers', 'Looks');
LibraryComponents.ColorSwatches = reactInitialized ? class ColorSwatches extends BDFDB.React.Component { LibraryComponents.ColorSwatches = reactInitialized ? class ColorSwatches extends LibraryModules.React.Component {
constructor(props) { constructor(props) {
super(props); super(props);
@ -5568,10 +5568,10 @@ var BDFDB = {myPlugins: BDFDB && BDFDB.myPlugins ? BDFDB.myPlugins : {}, BDv2Api
this.state = props; this.state = props;
var swatches = this; var swatches = this;
this.ColorSwatch = class ColorSwatch extends BDFDB.React.Component { this.ColorSwatch = class ColorSwatch extends LibraryModules.React.Component {
render() { render() {
let usewhite = !BDFDB.colorISBRIGHT(this.props.color); let usewhite = !BDFDB.colorISBRIGHT(this.props.color);
return BDFDB.React.createElement('button', { return LibraryModules.React.createElement('button', {
type: 'button', type: 'button',
className: [BDFDB.disCN.colorpickerswatch, this.props.isDisabled ? BDFDB.disCN.colorpickerswatchdisabled : null, this.props.isSelected ? BDFDB.disCN.colorpickerswatchselected : null, this.props.isCustom ? BDFDB.disCN.colorpickerswatchcustom : null, this.props.isSingle ? BDFDB.disCN.colorpickerswatchsingle : null, this.props.color == null ? BDFDB.disCN.colorpickerswatchnocolor : null].filter(n => n).join(' '), className: [BDFDB.disCN.colorpickerswatch, this.props.isDisabled ? BDFDB.disCN.colorpickerswatchdisabled : null, this.props.isSelected ? BDFDB.disCN.colorpickerswatchselected : null, this.props.isCustom ? BDFDB.disCN.colorpickerswatchcustom : null, this.props.isSingle ? BDFDB.disCN.colorpickerswatchsingle : null, this.props.color == null ? BDFDB.disCN.colorpickerswatchnocolor : null].filter(n => n).join(' '),
disabled: this.props.isDisabled, disabled: this.props.isDisabled,
@ -5597,7 +5597,7 @@ var BDFDB = {myPlugins: BDFDB && BDFDB.myPlugins ? BDFDB.myPlugins : {}, BDv2Api
background: BDFDB.isObject(this.props.color) ? BDFDB.colorGRADIENT(this.props.color) : BDFDB.colorCONVERT(this.props.color, 'RGBA') background: BDFDB.isObject(this.props.color) ? BDFDB.colorGRADIENT(this.props.color) : BDFDB.colorCONVERT(this.props.color, 'RGBA')
}), }),
children: [ children: [
this.props.isCustom || this.props.isSingle ? BDFDB.React.createElement(LibraryComponents.SvgIcon, { this.props.isCustom || this.props.isSingle ? LibraryModules.React.createElement(LibraryComponents.SvgIcon, {
className: BDFDB.disCN.colorpickerswatchdropper, className: BDFDB.disCN.colorpickerswatchdropper,
foreground: BDFDB.disCN.colorpickerswatchdropperfg, foreground: BDFDB.disCN.colorpickerswatchdropperfg,
name: LibraryComponents.SvgIcon.Names.DROPPER, name: LibraryComponents.SvgIcon.Names.DROPPER,
@ -5605,7 +5605,7 @@ var BDFDB = {myPlugins: BDFDB && BDFDB.myPlugins ? BDFDB.myPlugins : {}, BDv2Api
height: this.props.isCustom ? 14 : 10, height: this.props.isCustom ? 14 : 10,
color: usewhite ? BDFDB.DiscordConstants.Colors.WHITE : BDFDB.DiscordConstants.Colors.BLACK color: usewhite ? BDFDB.DiscordConstants.Colors.WHITE : BDFDB.DiscordConstants.Colors.BLACK
}) : null, }) : null,
this.props.isSelected && !this.props.isSingle ? BDFDB.React.createElement(LibraryComponents.SvgIcon, { this.props.isSelected && !this.props.isSingle ? LibraryModules.React.createElement(LibraryComponents.SvgIcon, {
name: LibraryComponents.SvgIcon.Names.CHECKMARK, name: LibraryComponents.SvgIcon.Names.CHECKMARK,
width: this.props.isCustom ? 32 : 16, width: this.props.isCustom ? 32 : 16,
height: this.props.isCustom ? 24 : 16, height: this.props.isCustom ? 24 : 16,
@ -5617,11 +5617,11 @@ var BDFDB = {myPlugins: BDFDB && BDFDB.myPlugins ? BDFDB.myPlugins : {}, BDv2Api
} }
} }
renderRow(colors) { renderRow(colors) {
return BDFDB.React.createElement(LibraryComponents.Flex, { return LibraryModules.React.createElement(LibraryComponents.Flex, {
className: BDFDB.disCN.colorpickerrow, className: BDFDB.disCN.colorpickerrow,
wrap: LibraryComponents.Flex.Wrap.WRAP, wrap: LibraryComponents.Flex.Wrap.WRAP,
children: colors.map(color => { children: colors.map(color => {
return BDFDB.React.createElement(this.ColorSwatch, { return LibraryModules.React.createElement(this.ColorSwatch, {
color: color, color: color,
isCustom: false, isCustom: false,
isSelected: !this.state.customSelected && color === this.state.selectedColor, isSelected: !this.state.customSelected && color === this.state.selectedColor,
@ -5631,17 +5631,17 @@ var BDFDB = {myPlugins: BDFDB && BDFDB.myPlugins ? BDFDB.myPlugins : {}, BDv2Api
}); });
} }
render() { render() {
return BDFDB.React.createElement(LibraryComponents.Flex, { return LibraryModules.React.createElement(LibraryComponents.Flex, {
className: [BDFDB.disCN.colorpickerswatches, this.state.disabled ? BDFDB.disCN.colorpickerswatchesdisabled : null].filter(n => n).join(' '), className: [BDFDB.disCN.colorpickerswatches, this.state.disabled ? BDFDB.disCN.colorpickerswatchesdisabled : null].filter(n => n).join(' '),
swatchnr: this.props.number != null ? this.props.number : 0, swatchnr: this.props.number != null ? this.props.number : 0,
children: [ children: [
BDFDB.React.createElement(LibraryComponents.Flex.Child, { LibraryModules.React.createElement(LibraryComponents.Flex.Child, {
className: BDFDB.disCN.marginreset, className: BDFDB.disCN.marginreset,
shrink: 0, shrink: 0,
grow: 0, grow: 0,
wrap: true, wrap: true,
children: [ children: [
BDFDB.React.createElement(this.ColorSwatch, { LibraryModules.React.createElement(this.ColorSwatch, {
color: this.state.customColor, color: this.state.customColor,
isSingle: !this.state.colors.length, isSingle: !this.state.colors.length,
isCustom: this.state.colors.length > 0, isCustom: this.state.colors.length > 0,
@ -5653,7 +5653,7 @@ var BDFDB = {myPlugins: BDFDB && BDFDB.myPlugins ? BDFDB.myPlugins : {}, BDv2Api
}) })
] ]
}), }),
this.state.colors.length ? BDFDB.React.createElement(LibraryComponents.Flex, { this.state.colors.length ? LibraryModules.React.createElement(LibraryComponents.Flex, {
direction: LibraryComponents.Flex.Direction.VERTICAL, direction: LibraryComponents.Flex.Direction.VERTICAL,
className: BDFDB.disCN.flexmarginreset, className: BDFDB.disCN.flexmarginreset,
grow: 1, grow: 1,
@ -5683,51 +5683,56 @@ var BDFDB = {myPlugins: BDFDB && BDFDB.myPlugins ? BDFDB.myPlugins : {}, BDv2Api
LibraryComponents.FormComponents = BDFDB.WebModules.findByProperties('FormSection', 'FormText'); LibraryComponents.FormComponents = BDFDB.WebModules.findByProperties('FormSection', 'FormText');
LibraryComponents.ModalComponents = BDFDB.WebModules.findByProperties('ModalContent', 'ModalFooter'); LibraryComponents.ModalComponents = BDFDB.WebModules.findByProperties('ModalContent', 'ModalFooter');
LibraryComponents.SvgIcon = BDFDB.WebModules.findByProperties('Gradients', 'Names'); LibraryComponents.SvgIcon = BDFDB.WebModules.findByProperties('Gradients', 'Names');
LibraryComponents.SettingsItem = reactInitialized ? class SettingsItem extends BDFDB.React.Component { LibraryComponents.SettingsItem = reactInitialized ? class SettingsItem extends LibraryModules.React.Component {
handleSwitchChange(e) {
this.props.value = !this.props.value;
if (this.props.onChange) this.props.onChange(e);
this.forceUpdate();
}
render() { render() {
if (typeof this.props.type != 'string' || !['BUTTON', 'SWITCH', 'TEXTINPUT'].includes(this.props.type.toUpperCase())) return null; if (typeof this.props.type != 'string' || !['BUTTON', 'SWITCH', 'TEXTINPUT'].includes(this.props.type.toUpperCase())) return null;
this.props.type = this.props.type.charAt(0).toUpperCase() + this.props.type.slice(1).toLowerCase(); this.props.type = this.props.type.charAt(0).toUpperCase() + this.props.type.slice(1).toLowerCase();
let childcomponent = LibraryComponents[this.props.type]; let childcomponent = LibraryComponents[this.props.type];
if (!childcomponent) return; if (!childcomponent) return;
if (this.props.mini && childcomponent.Sizes) this.props.size = childcomponent.Sizes.MINI || childcomponent.Sizes.SMALL; if (this.props.mini && childcomponent.Sizes) this.props.size = childcomponent.Sizes.MINI || childcomponent.Sizes.MIN;
let childprops = Object.assign({}, this.props); let childprops = Object.assign({}, this.props, this.props.type == 'Switch' ? {onChange: this.handleSwitchChange.bind(this)} : {});
delete childprops.className; delete childprops.className;
delete childprops.label; delete childprops.label;
delete childprops.note; delete childprops.note;
delete childprops.hideBorder; delete childprops.hideBorder;
delete childprops.type; delete childprops.type;
delete childprops.mini; delete childprops.mini;
return BDFDB.React.createElement(LibraryComponents.Flex, { return LibraryModules.React.createElement(LibraryComponents.Flex, {
className: [this.props.className, this.props.disabled ? BDFDB.disCN.disabled : null].filter(n => n).join(' '), className: [this.props.className, this.props.disabled ? BDFDB.disCN.disabled : null].filter(n => n).join(' '),
direction: LibraryComponents.Flex.Direction.VERTICAL, direction: LibraryComponents.Flex.Direction.VERTICAL,
align: LibraryComponents.Flex.Align.STRETCH, align: LibraryComponents.Flex.Align.STRETCH,
children: [ children: [
BDFDB.React.createElement(LibraryComponents.Flex, { LibraryModules.React.createElement(LibraryComponents.Flex, {
align: LibraryComponents.Flex.Align.CENTER, align: LibraryComponents.Flex.Align.CENTER,
children: [ children: [
BDFDB.React.createElement(LibraryComponents.Flex.Child, { LibraryModules.React.createElement(LibraryComponents.Flex.Child, {
wrap: true, wrap: true,
children: BDFDB.React.createElement('label', { children: LibraryModules.React.createElement('label', {
className: this.props.mini ? BDFDB.disCN.titlemini : BDFDB.disCN.titledefault, className: this.props.mini ? BDFDB.disCN.titlemini : BDFDB.disCN.titledefault,
children: this.props.label children: this.props.label
}) })
}), }),
BDFDB.React.createElement(LibraryComponents.Flex.Child, { LibraryModules.React.createElement(LibraryComponents.Flex.Child, {
grow: 0, grow: 0,
shrink: 0, shrink: 0,
children: BDFDB.React.createElement(childcomponent, childprops) children: LibraryModules.React.createElement(childcomponent, childprops)
}) })
] ]
}), }),
typeof this.props.note == 'string' ? BDFDB.React.createElement(LibraryComponents.Flex.Child, { typeof this.props.note == 'string' ? LibraryModules.React.createElement(LibraryComponents.Flex.Child, {
className: BDFDB.disCN.note, className: BDFDB.disCN.note,
children: BDFDB.React.createElement(LibraryComponents.FormComponents.FormText, { children: LibraryModules.React.createElement(LibraryComponents.FormComponents.FormText, {
disabled: this.props.disabled, disabled: this.props.disabled,
type: LibraryComponents.FormComponents.FormText.Types.DESCRIPTION, type: LibraryComponents.FormComponents.FormText.Types.DESCRIPTION,
children: this.props.note children: this.props.note
}) })
}) : null, }) : null,
!this.props.hideBorder ? BDFDB.React.createElement(LibraryComponents.FormComponents.FormDivider, { !this.props.hideBorder ? LibraryModules.React.createElement(LibraryComponents.FormComponents.FormDivider, {
className: this.props.mini ? BDFDB.disCN.dividermini : BDFDB.disCN.dividerdefault className: this.props.mini ? BDFDB.disCN.dividermini : BDFDB.disCN.dividerdefault
}) : null }) : null
] ]