ReplaceGoogleSearch

index.tsx

Download

Source

src/plugins/replaceGoogleSearch/index.tsx

1/*

2 * FiveCord — a Discord client mod

4 * SPDX-License-Identifier: GPL-3.0-or-later

5 */

7import { findGroupChildrenByChildId, NavContextMenuPatchCallback } from "@api/ContextMenu";

8import { definePluginSettings } from "@api/Settings";

9import { Flex } from "@components/Flex";

10import { Devs } from "@utils/constants";

11import definePlugin, { OptionType } from "@utils/types";

12import { Menu } from "@webpack/common";

14const DefaultEngines = {

15 Google: "https:class="ts-cmt">//www.google.com/search?q=",

16 DuckDuckGo: "https:class="ts-cmt">//duckduckgo.com/?q=",

17 Brave: "https:class="ts-cmt">//search.brave.com/search?q=",

18 Bing: "https:class="ts-cmt">//www.bing.com/search?q=",

19 Yahoo: "https:class="ts-cmt">//search.yahoo.com/search?p=",

20 Yandex: "https:class="ts-cmt">//yandex.com/search/?text=",

21 GitHub: "https:class="ts-cmt">//github.com/search?q=",

22 Reddit: "https:class="ts-cmt">//www.reddit.com/search?q=",

23 Wikipedia: "https:class="ts-cmt">//wikipedia.org/w/index.php?search=",

24 Startpage: "https:class="ts-cmt">//www.startpage.com/sp/search?query="

25} as const;

27const enum ReplacementEngineValue {

28 OFF = "off",

29 CUSTOM = "custom",

30}

32const settings = definePluginSettings({

33 customEngineName: {

34 description: "Name of the custom search engine",

35 type: OptionType.STRING,

36 placeholder: "Google"

37 },

38 customEngineURL: {

39 displayName: "Custom Engine URL",

40 description: "The URL of your Engine",

41 type: OptionType.STRING,

42 placeholder: "https:class="ts-cmt">//google.com/search?q="

43 },

44 replacementEngine: {

45 description: "Replace with a specific search engine instead of adding a menu",

46 type: OptionType.SELECT,

47 options: [

48 { label: "Off", value: ReplacementEngineValue.OFF, default: true },

49 { label: "Custom Engine", value: ReplacementEngineValue.CUSTOM },

50 ...Object.keys(DefaultEngines).map(engine => ({ label: engine, value: engine }))

51 ]

52 }

53});

55function search(src: string, engine: string) {

56 open(engine + encodeURIComponent(src.trim()), "_blank");

57}

59function makeSearchItem(src: string) {

60 const { customEngineName, customEngineURL, replacementEngine } = settings.store;

62 const hasCustomEngine = Boolean(customEngineName && customEngineURL);

    const hasValidReplacementEngine = replacementEngine !== ReplacementEngineValue.OFF && !(replacementEngine === ReplacementEngineValue.CUSTOM && !hasCustomEngine);

65 const Engines = { ...DefaultEngines };

67 if (hasCustomEngine) {

68 Engines[customEngineName!] = customEngineURL;

69 }

71 if (hasValidReplacementEngine) {

72 const name = replacementEngine === ReplacementEngineValue.CUSTOM && hasCustomEngine

73 ? customEngineName

74 : replacementEngine;

76 return (

77 <Menu.MenuItem

78 label={`Search with ${name}`}

79 key="search-custom-engine"

80 id="vc-search-custom-engine"

81 action={() => search(src, Engines[name!])}

82 />

83 );

84 }

86 return (

87 <Menu.MenuItem

88 label="Search Text"

89 key="search-text"

90 id="vc-search-text"

91 >

92 {Object.keys(Engines).map(engine => {

93 const key = "vc-search-content-" + engine;

94 return (

95 <Menu.MenuItem

96 key={key}

97 id={key}

98 label={

99 <Flex gap="0.5em" alignItems="center">

100 <img

101 style={{

102 borderRadius: "50%"

103 }}

104 aria-hidden="true"

105 height={16}

106 width={16}

107

                                    src={`https:class="ts-cmt">//icons.duckduckgo.com/ip3/${new URL(Engines[engine]).hostname}.ico`}

108 />

109 {engine}

110 </Flex>

111 }

112 action={() => search(src, Engines[engine])}

113 />

114 );

115 })}

116 </Menu.MenuItem>

117 );

118}

119

120const messageContextMenuPatch: NavContextMenuPatchCallback = (children, _props) => {

121 const selection = document.getSelection()?.toString();

122 if (!selection) return;

123

124 const group = findGroupChildrenByChildId("search-google", children);

125 if (group) {

126 const idx = group.findIndex(c => c?.props?.id === "search-google");

127 if (idx !== -1) group[idx] = makeSearchItem(selection);

128 }

129};

130

131export default definePlugin({

132 name: "ReplaceGoogleSearch",

133 description: "Replaces the Google search with different Engine(s)",

134 tags: ["Utility", "Customisation"],

135 authors: [Devs.Moxxie, Devs.Ethan],

136

137 settings,

138

139 contextMenus: {

140 "message": messageContextMenuPatch

141 }

142});

143

/*
 * FiveCord — a Discord client mod
 * Copyright (c) 2025 FiveCord
 * SPDX-License-Identifier: GPL-3.0-or-later
 */

import { findGroupChildrenByChildId, NavContextMenuPatchCallback } from "@api/ContextMenu";
import { definePluginSettings } from "@api/Settings";
import { Flex } from "@components/Flex";
import { Devs } from "@utils/constants";
import definePlugin, { OptionType } from "@utils/types";
import { Menu } from "@webpack/common";

const DefaultEngines = {
    Google: "https://www.google.com/search?q=",
    DuckDuckGo: "https://duckduckgo.com/?q=",
    Brave: "https://search.brave.com/search?q=",
    Bing: "https://www.bing.com/search?q=",
    Yahoo: "https://search.yahoo.com/search?p=",
    Yandex: "https://yandex.com/search/?text=",
    GitHub: "https://github.com/search?q=",
    Reddit: "https://www.reddit.com/search?q=",
    Wikipedia: "https://wikipedia.org/w/index.php?search=",
    Startpage: "https://www.startpage.com/sp/search?query="
} as const;

const enum ReplacementEngineValue {
    OFF = "off",
    CUSTOM = "custom",
}

const settings = definePluginSettings({
    customEngineName: {
        description: "Name of the custom search engine",
        type: OptionType.STRING,
        placeholder: "Google"
    },
    customEngineURL: {
        displayName: "Custom Engine URL",
        description: "The URL of your Engine",
        type: OptionType.STRING,
        placeholder: "https://google.com/search?q="
    },
    replacementEngine: {
        description: "Replace with a specific search engine instead of adding a menu",
        type: OptionType.SELECT,
        options: [
            { label: "Off", value: ReplacementEngineValue.OFF, default: true },
            { label: "Custom Engine", value: ReplacementEngineValue.CUSTOM },
            ...Object.keys(DefaultEngines).map(engine => ({ label: engine, value: engine }))
        ]
    }
});

function search(src: string, engine: string) {
    open(engine + encodeURIComponent(src.trim()), "_blank");
}

function makeSearchItem(src: string) {
    const { customEngineName, customEngineURL, replacementEngine } = settings.store;

    const hasCustomEngine = Boolean(customEngineName && customEngineURL);
    const hasValidReplacementEngine = replacementEngine !== ReplacementEngineValue.OFF && !(replacementEngine === ReplacementEngineValue.CUSTOM && !hasCustomEngine);

    const Engines = { ...DefaultEngines };

    if (hasCustomEngine) {
        Engines[customEngineName!] = customEngineURL;
    }

    if (hasValidReplacementEngine) {
        const name = replacementEngine === ReplacementEngineValue.CUSTOM && hasCustomEngine
            ? customEngineName
            : replacementEngine;

        return (
            <Menu.MenuItem
                label={`Search with ${name}`}
                key="search-custom-engine"
                id="vc-search-custom-engine"
                action={() => search(src, Engines[name!])}
            />
        );
    }

    return (
        <Menu.MenuItem
            label="Search Text"
            key="search-text"
            id="vc-search-text"
        >
            {Object.keys(Engines).map(engine => {
                const key = "vc-search-content-" + engine;
                return (
                    <Menu.MenuItem
                        key={key}
                        id={key}
                        label={
                            <Flex gap="0.5em" alignItems="center">
                                <img
                                    style={{
                                        borderRadius: "50%"
                                    }}
                                    aria-hidden="true"
                                    height={16}
                                    width={16}
                                    src={`https://icons.duckduckgo.com/ip3/${new URL(Engines[engine]).hostname}.ico`}
                                />
                                {engine}
                            </Flex>
                        }
                        action={() => search(src, Engines[engine])}
                    />
                );
            })}
        </Menu.MenuItem>
    );
}

const messageContextMenuPatch: NavContextMenuPatchCallback = (children, _props) => {
    const selection = document.getSelection()?.toString();
    if (!selection) return;

    const group = findGroupChildrenByChildId("search-google", children);
    if (group) {
        const idx = group.findIndex(c => c?.props?.id === "search-google");
        if (idx !== -1) group[idx] = makeSearchItem(selection);
    }
};

export default definePlugin({
    name: "ReplaceGoogleSearch",
    description: "Replaces the Google search with different Engine(s)",
    tags: ["Utility", "Customisation"],
    authors: [Devs.Moxxie, Devs.Ethan],

    settings,

    contextMenus: {
        "message": messageContextMenuPatch
    }
});

Source

FiveCord for Windows