block-api
2 days ago
form
2 days ago
import
2 days ago
popup
2 days ago
templates
2 days ago
class-gutenberg-block-styles.php
2 days ago
class-gutenberg-cache-util.php
2 days ago
class-gutenberg-conditions-controller.php
2 days ago
class-gutenberg-controller.php
2 days ago
class-gutenberg-dynamic-content-controller.php
2 days ago
class-gutenberg-enhancements-controller.php
2 days ago
class-gutenberg-social-icons-controller.php
2 days ago
class-gutenberg-sticky-controller.php
2 days ago
class-gutenberg-z-index-controller.php
2 days ago
class-gutenberg-social-icons-controller.php
254 lines
| 1 | <?php |
| 2 | |
| 3 | namespace SuperbAddons\Gutenberg\Controllers; |
| 4 | |
| 5 | use SuperbAddons\Data\Utils\ScriptTranslations; |
| 6 | |
| 7 | defined('ABSPATH') || exit(); |
| 8 | |
| 9 | /** |
| 10 | * Icons in our list are only added if they don't already exist in WordPress core, |
| 11 | * ensuring forward compatibility when WordPress adds these icons natively. |
| 12 | */ |
| 13 | class GutenbergSocialIconsController |
| 14 | { |
| 15 | /** |
| 16 | * Minimum WordPress version required for this feature. |
| 17 | * The filter 'block_core_social_link_get_services' was added in WP 6.9. |
| 18 | */ |
| 19 | const MINIMUM_WP_VERSION = '6.9'; |
| 20 | |
| 21 | const SOCIAL_LINKS_STYLE_HANDLE = 'superb-addons-social-links'; |
| 22 | |
| 23 | private static $addons_social_links; |
| 24 | |
| 25 | public static function Initialize() |
| 26 | { |
| 27 | if (!self::IsWPVersionCompatible()) { |
| 28 | return; |
| 29 | } |
| 30 | |
| 31 | add_action('init', [__CLASS__, 'RegisterStyles']); |
| 32 | |
| 33 | // Server-side filter to add custom icons for frontend rendering |
| 34 | add_filter('block_core_social_link_get_services', [__CLASS__, 'AddCustomSocialServices'], 10, 1); |
| 35 | |
| 36 | // enqueue_block_assets fires on the frontend AND inside the editor iframe, |
| 37 | // which is required for the inline CSS to reach the editor canvas. |
| 38 | add_action('enqueue_block_assets', [__CLASS__, 'EnqueueBlockStyles']); |
| 39 | |
| 40 | add_action('enqueue_block_editor_assets', [__CLASS__, 'EnqueueEditorAssets']); |
| 41 | } |
| 42 | |
| 43 | public static function RegisterStyles() |
| 44 | { |
| 45 | wp_register_style(self::SOCIAL_LINKS_STYLE_HANDLE, false, array(), SUPERBADDONS_VERSION); |
| 46 | |
| 47 | if (self::$addons_social_links) { |
| 48 | return; |
| 49 | } |
| 50 | |
| 51 | // Define social links data |
| 52 | // Alphabetical order |
| 53 | self::$addons_social_links = [ |
| 54 | 'bilibili' => [ |
| 55 | 'name' => __('Bilibili', 'superb-blocks'), |
| 56 | 'icon' => '<svg width="24" height="24" viewBox="-3 -3 30 30" xmlns="http://www.w3.org/2000/svg"><path d="M17.813 4.653h.854c1.51.054 2.769.578 3.773 1.574 1.004.995 1.524 2.249 1.56 3.76v7.36c-.036 1.51-.556 2.769-1.56 3.773s-2.262 1.524-3.773 1.56H5.333c-1.51-.036-2.769-.556-3.773-1.56S.036 18.858 0 17.347v-7.36c.036-1.511.556-2.765 1.56-3.76 1.004-.996 2.262-1.52 3.773-1.574h.774l-1.174-1.12a1.234 1.234 0 0 1-.373-.906c0-.356.124-.658.373-.907l.027-.027c.267-.249.573-.373.92-.373.347 0 .653.124.92.373L9.653 4.44c.071.071.134.142.187.213h4.267a.836.836 0 0 1 .16-.213l2.853-2.747c.267-.249.573-.373.92-.373.347 0 .662.151.929.4.267.249.391.551.391.907 0 .355-.124.657-.373.906zM5.333 7.24c-.746.018-1.373.276-1.88.773-.506.498-.769 1.13-.786 1.894v7.52c.017.764.28 1.395.786 1.893.507.498 1.134.756 1.88.773h13.334c.746-.017 1.373-.275 1.88-.773.506-.498.769-1.129.786-1.893v-7.52c-.017-.765-.28-1.396-.786-1.894-.507-.497-1.134-.755-1.88-.773zM8 11.107c.373 0 .684.124.933.373.25.249.383.569.4.96v1.173c-.017.391-.15.711-.4.96-.249.25-.56.374-.933.374s-.684-.125-.933-.374c-.25-.249-.383-.569-.4-.96V12.44c0-.373.129-.689.386-.947.258-.257.574-.386.947-.386zm8 0c.373 0 .684.124.933.373.25.249.383.569.4.96v1.173c-.017.391-.15.711-.4.96-.249.25-.56.374-.933.374s-.684-.125-.933-.374c-.25-.249-.383-.569-.4-.96V12.44c.017-.391.15-.711.4-.96.249-.249.56-.373.933-.373Z"/></svg>', |
| 57 | 'superb-addons-icon-color' => '#00A1D6', |
| 58 | ], |
| 59 | 'buymeacoffee' => [ |
| 60 | 'name' => __('Buy Me a Coffee', 'superb-blocks'), |
| 61 | 'icon' => '<svg width="24" height="24" viewBox="-3 -3 30 30" xmlns="http://www.w3.org/2000/svg"><path d="M20.216 6.415l-.132-.666c-.119-.598-.388-1.163-1.001-1.379-.197-.069-.42-.098-.57-.241-.152-.143-.196-.366-.231-.572-.065-.378-.125-.756-.192-1.133-.057-.325-.102-.69-.25-.987-.195-.4-.597-.634-.996-.788a5.723 5.723 0 00-.626-.194c-1-.263-2.05-.36-3.077-.416a25.834 25.834 0 00-3.7.062c-.915.083-1.88.184-2.75.5-.318.116-.646.256-.888.501-.297.302-.393.77-.177 1.146.154.267.415.456.692.58.36.162.737.284 1.123.366 1.075.238 2.189.331 3.287.37 1.218.05 2.437.01 3.65-.118.299-.033.598-.073.896-.119.352-.054.578-.513.474-.834-.124-.383-.457-.531-.834-.473-.466.074-.96.108-1.382.146-1.177.08-2.358.082-3.536.006a22.228 22.228 0 01-1.157-.107c-.086-.01-.18-.025-.258-.036-.243-.036-.484-.08-.724-.13-.111-.027-.111-.185 0-.212h.005c.277-.06.557-.108.838-.147h.002c.131-.009.263-.032.394-.048a25.076 25.076 0 013.426-.12c.674.019 1.347.067 2.017.144l.228.031c.267.04.533.088.798.145.392.085.895.113 1.07.542.055.137.08.288.111.431l.319 1.484a.237.237 0 01-.199.284h-.003c-.037.006-.075.01-.112.015a36.704 36.704 0 01-4.743.295 37.059 37.059 0 01-4.699-.304c-.14-.017-.293-.042-.417-.06-.326-.048-.649-.108-.973-.161-.393-.065-.768-.032-1.123.161-.29.16-.527.404-.675.701-.154.316-.199.66-.267 1-.069.34-.176.707-.135 1.056.087.753.613 1.365 1.37 1.502a39.69 39.69 0 0011.343.376.483.483 0 01.535.53l-.071.697-1.018 9.907c-.041.41-.047.832-.125 1.237-.122.637-.553 1.028-1.182 1.171-.577.131-1.165.2-1.756.205-.656.004-1.31-.025-1.966-.022-.699.004-1.556-.06-2.095-.58-.475-.458-.54-1.174-.605-1.793l-.731-7.013-.322-3.094c-.037-.351-.286-.695-.678-.678-.336.015-.718.3-.678.679l.228 2.185.949 9.112c.147 1.344 1.174 2.068 2.446 2.272.742.12 1.503.144 2.257.156.966.016 1.942.053 2.892-.122 1.408-.258 2.465-1.198 2.616-2.657.34-3.332.683-6.663 1.024-9.995l.215-2.087a.484.484 0 01.39-.426c.402-.078.787-.212 1.074-.518.455-.488.546-1.124.385-1.766zm-1.478.772c-.145.137-.363.201-.578.233-2.416.359-4.866.54-7.308.46-1.748-.06-3.477-.254-5.207-.498-.17-.024-.353-.055-.47-.18-.22-.236-.111-.71-.054-.995.052-.26.152-.609.463-.646.484-.057 1.046.148 1.526.22.577.088 1.156.159 1.737.212 2.48.226 5.002.19 7.472-.14.45-.06.899-.13 1.345-.21.399-.072.84-.206 1.08.206.166.281.188.657.162.974a.544.544 0 01-.169.364zm-6.159 3.9c-.862.37-1.84.788-3.109.788a5.884 5.884 0 01-1.569-.217l.877 9.004c.065.78.717 1.38 1.5 1.38 0 0 1.243.065 1.658.065.447 0 1.786-.065 1.786-.065.783 0 1.434-.6 1.499-1.38l.94-9.95a3.996 3.996 0 00-1.322-.238c-.826 0-1.491.284-2.26.613z"/></svg>', |
| 62 | 'superb-addons-icon-color' => '#FFDD00', |
| 63 | ], |
| 64 | 'gitlab' => [ |
| 65 | 'name' => __('GitLab', 'superb-blocks'), |
| 66 | 'icon' => '<svg width="24" height="24" viewBox="-3 -3 30 30" xmlns="http://www.w3.org/2000/svg"><path d="m23.6004 9.5927-.0337-.0862L20.3.9814a.851.851 0 0 0-.3362-.405.8748.8748 0 0 0-.9997.0539.8748.8748 0 0 0-.29.4399l-2.2055 6.748H7.5375l-2.2057-6.748a.8573.8573 0 0 0-.29-.4412.8748.8748 0 0 0-.9997-.0537.8585.8585 0 0 0-.3362.4049L.4332 9.5015l-.0325.0862a6.0657 6.0657 0 0 0 2.0119 7.0105l.0113.0087.03.0213 4.976 3.7264 2.462 1.8633 1.4995 1.1321a1.0085 1.0085 0 0 0 1.2197 0l1.4995-1.1321 2.4619-1.8633 5.006-3.7489.0125-.01a6.0682 6.0682 0 0 0 2.0094-7.003z"/></svg>', |
| 67 | 'superb-addons-icon-color' => '#FC6D26', |
| 68 | ], |
| 69 | 'gumroad' => [ |
| 70 | 'name' => __('Gumroad', 'superb-blocks'), |
| 71 | 'icon' => '<svg width="24" height="24" viewBox="-3 -3 30 30" xmlns="http://www.w3.org/2000/svg"><path d="M12 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0Zm-.007 5.12c4.48 0 5.995 3.025 6.064 4.744h-3.239c-.069-.962-.897-2.406-2.896-2.406-2.136 0-3.514 1.857-3.514 4.126 0 2.27 1.378 4.125 3.514 4.125 1.93 0 2.758-1.512 3.103-3.025h-3.103v-1.238h6.509v6.327h-2.855v-3.989c-.207 1.444-1.102 4.264-4.617 4.264-3.516 0-5.584-2.82-5.584-6.326 0-3.645 2.276-6.602 6.618-6.602z"/></svg>', |
| 72 | 'superb-addons-icon-color' => '#FF90E8', |
| 73 | ], |
| 74 | 'kakaotalk' => [ |
| 75 | 'name' => __('KakaoTalk', 'superb-blocks'), |
| 76 | 'icon' => '<svg width="24" height="24" viewBox="-3 -3 30 30" xmlns="http://www.w3.org/2000/svg"><path d="M22.125 0H1.875C.8394 0 0 .8394 0 1.875v20.25C0 23.1606.8394 24 1.875 24h20.25C23.1606 24 24 23.1606 24 22.125V1.875C24 .8394 23.1606 0 22.125 0zM12 18.75c-.591 0-1.1697-.0413-1.7317-.1209-.5626.3965-3.813 2.6797-4.1198 2.7225 0 0-.1258.0489-.2328-.0141s-.0876-.2282-.0876-.2282c.0322-.2198.8426-3.0183.992-3.5333-2.7452-1.36-4.5701-3.7686-4.5701-6.5135C2.25 6.8168 6.6152 3.375 12 3.375s9.75 3.4418 9.75 7.6875c0 4.2457-4.3652 7.6875-9.75 7.6875zM8.0496 9.8672h-.8777v3.3417c0 .2963-.2523.5372-.5625.5372s-.5625-.2409-.5625-.5372V9.8672h-.8777c-.3044 0-.552-.2471-.552-.5508s.2477-.5508.552-.5508h2.8804c.3044 0 .552.2471.552.5508s-.2477.5508-.552.5508zm10.9879 2.9566a.558.558 0 0 1 .108.4167.5588.5588 0 0 1-.2183.371.5572.5572 0 0 1-.3383.1135.558.558 0 0 1-.4493-.2236l-1.3192-1.7479-.1952.1952v1.2273a.5635.5635 0 0 1-.5627.5628.563.563 0 0 1-.5625-.5625V9.3281c0-.3102.2523-.5625.5625-.5625s.5625.2523.5625.5625v1.209l1.5694-1.5694c.0807-.0807.1916-.1252.312-.1252.1404 0 .2814.0606.3871.1661.0985.0984.1573.2251.1654.3566.0082.1327-.036.2542-.1241.3425l-1.2818 1.2817 1.3845 1.8344zm-8.3502-3.5023c-.095-.2699-.3829-.5475-.7503-.5557-.3663.0083-.6542.2858-.749.5551l-1.3455 3.5415c-.1708.5305-.0217.7272.1333.7988a.8568.8568 0 0 0 .3576.0776c.2346 0 .4139-.0952.4678-.2481l.2787-.7297 1.7152.0001.2785.7292c.0541.1532.2335.2484.4681.2484a.8601.8601 0 0 0 .3576-.0775c.1551-.0713.3041-.2681.1329-.7999l-1.3449-3.5398zm-1.3116 2.4433l.5618-1.5961.5618 1.5961H9.3757zm5.9056 1.3836c0 .2843-.2418.5156-.5391.5156h-1.8047c-.2973 0-.5391-.2314-.5391-.5156V9.3281c0-.3102.2576-.5625.5742-.5625s.5742.2523.5742.5625v3.3047h1.1953c.2974 0 .5392.2314.5392.5156z"/></svg>', |
| 77 | 'superb-addons-icon-color' => '#FFCD00', |
| 78 | ], |
| 79 | 'kick' => [ |
| 80 | 'name' => __('Kick', 'superb-blocks'), |
| 81 | 'icon' => '<svg width="24" height="24" viewBox="-3 -3 30 30" xmlns="http://www.w3.org/2000/svg"><path d="M1.333 0h8v5.333H12V2.667h2.667V0h8v8H20v2.667h-2.667v2.666H20V16h2.667v8h-8v-2.667H12v-2.666H9.333V24h-8Z"/></svg>', |
| 82 | 'superb-addons-icon-color' => '#53FC19', |
| 83 | ], |
| 84 | 'kofi' => [ |
| 85 | 'name' => __('Ko-fi', 'superb-blocks'), |
| 86 | 'icon' => '<svg width="24" height="24" viewBox="-3 -3 30 30" xmlns="http://www.w3.org/2000/svg"><path d="M11.351 2.715c-2.7 0-4.986.025-6.83.26C2.078 3.285 0 5.154 0 8.61c0 3.506.182 6.13 1.585 8.493 1.584 2.701 4.233 4.182 7.662 4.182h.83c4.209 0 6.494-2.234 7.637-4a9.5 9.5 0 0 0 1.091-2.338C21.792 14.688 24 12.22 24 9.208v-.415c0-3.247-2.13-5.507-5.792-5.87-1.558-.156-2.65-.208-6.857-.208m0 1.947c4.208 0 5.09.052 6.571.182 2.624.311 4.13 1.584 4.13 4v.39c0 2.156-1.792 3.844-3.87 3.844h-.935l-.156.649c-.208 1.013-.597 1.818-1.039 2.546-.909 1.428-2.545 3.064-5.922 3.064h-.805c-2.571 0-4.831-.883-6.078-3.195-1.09-2-1.298-4.155-1.298-7.506 0-2.181.857-3.402 3.012-3.714 1.533-.233 3.559-.26 6.39-.26m6.547 2.287c-.416 0-.65.234-.65.546v2.935c0 .311.234.545.65.545 1.324 0 2.051-.754 2.051-2s-.727-2.026-2.052-2.026m-10.39.182c-1.818 0-3.013 1.48-3.013 3.142 0 1.533.858 2.857 1.949 3.897.727.701 1.87 1.429 2.649 1.896a1.47 1.47 0 0 0 1.507 0c.78-.467 1.922-1.195 2.623-1.896 1.117-1.039 1.974-2.364 1.974-3.897 0-1.662-1.247-3.142-3.039-3.142-1.065 0-1.792.545-2.338 1.298-.493-.753-1.246-1.298-2.312-1.298"/></svg>', |
| 87 | 'superb-addons-icon-color' => '#FF6433', |
| 88 | ], |
| 89 | 'letterboxd' => [ |
| 90 | 'name' => __('Letterboxd', 'superb-blocks'), |
| 91 | 'icon' => '<svg width="24" height="24" viewBox="-3 -3 30 30" xmlns="http://www.w3.org/2000/svg"><path d="M8.224 14.352a4.447 4.447 0 0 1-3.775 2.092C1.992 16.444 0 14.454 0 12s1.992-4.444 4.45-4.444c1.592 0 2.988.836 3.774 2.092-.427.682-.673 1.488-.673 2.352s.246 1.67.673 2.352zM15.101 12c0-.864.247-1.67.674-2.352-.786-1.256-2.183-2.092-3.775-2.092s-2.989.836-3.775 2.092c.427.682.674 1.488.674 2.352s-.247 1.67-.674 2.352c.786 1.256 2.183 2.092 3.775 2.092s2.989-.836 3.775-2.092A4.42 4.42 0 0 1 15.1 12zm4.45-4.444a4.447 4.447 0 0 0-3.775 2.092c.427.682.673 1.488.673 2.352s-.246 1.67-.673 2.352a4.447 4.447 0 0 0 3.775 2.092C22.008 16.444 24 14.454 24 12s-1.992-4.444-4.45-4.444z"/></svg>', |
| 92 | 'superb-addons-icon-color' => '#202830', |
| 93 | ], |
| 94 | 'line' => [ |
| 95 | 'name' => __('LINE', 'superb-blocks'), |
| 96 | 'icon' => '<svg width="24" height="24" viewBox="-3 -3 30 30" xmlns="http://www.w3.org/2000/svg"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.63.63-.63h2.386c.346 0 .627.285.627.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.63.63-.63.345 0 .63.285.63.63v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.63.63-.63.346 0 .628.285.628.63v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.63.63-.63.348 0 .63.285.63.63v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>', |
| 97 | 'superb-addons-icon-color' => '#00C300', |
| 98 | ], |
| 99 | 'linktree' => [ |
| 100 | 'name' => __('Linktree', 'superb-blocks'), |
| 101 | 'icon' => '<svg width="24" height="24" viewBox="-3 -3 30 30" xmlns="http://www.w3.org/2000/svg"><path d="m13.73635 5.85251 4.00467-4.11665 2.3248 2.3808-4.20064 4.00466h5.9085v3.30473h-5.9365l4.22865 4.10766-2.3248 2.3338L12.0005 12.099l-5.74052 5.76852-2.3248-2.3248 4.22864-4.10766h-5.9375V8.12132h5.9085L3.93417 4.11666l2.3248-2.3808 4.00468 4.11665V0h3.4727zm-3.4727 10.30614h3.4727V24h-3.4727z"/></svg>', |
| 102 | 'superb-addons-icon-color' => '#43E55E', |
| 103 | ], |
| 104 | 'locals' => [ |
| 105 | 'name' => __('Locals', 'superb-blocks'), |
| 106 | 'icon' => '<svg width="24" height="24" viewBox="-3 -3 30 30" xmlns="http://www.w3.org/2000/svg"><circle cx="18.7935" cy="5.2076" r="5.2076"/><path d="M10.4151 5.2076C10.4151 8.0836 8.0836 10.4151 5.2076 10.4151C2.3315 10.4151 0 8.0836 0 5.2076C0 2.3315 2.3315 0 5.2076 0C8.0836 0 10.4151 2.3315 10.4151 5.2076Z"/><path d="M10.4151 18.7924C10.4151 21.6685 8.0836 24 5.2076 24C2.3315 24 0 21.6685 0 18.7924C0 15.9164 2.3315 13.5849 5.2076 13.5849C8.0836 13.5849 10.4151 15.9164 10.4151 18.7924Z"/><path d="M23.9999 18.7924C23.9999 21.6685 21.6683 24 18.7923 24C15.9163 24 13.5848 21.6685 13.5848 18.7924C13.5848 15.9164 15.9163 13.5849 18.7923 13.5849C21.6683 13.5849 23.9999 15.9164 23.9999 18.7924Z"/></svg>', |
| 107 | 'superb-addons-icon-color' => '#E73348', |
| 108 | ], |
| 109 | 'notion' => [ |
| 110 | 'name' => __('Notion', 'superb-blocks'), |
| 111 | 'icon' => '<svg width="24" height="24" viewBox="-3 -3 30 30" xmlns="http://www.w3.org/2000/svg"><path d="M4.459 4.208c.746.606 1.026.56 2.428.466l13.215-.793c.28 0 .047-.28-.046-.326L17.86 1.968c-.42-.326-.981-.7-2.055-.607L3.01 2.295c-.466.046-.56.28-.374.466zm.793 3.08v13.904c0 .747.373 1.027 1.214.98l14.523-.84c.841-.046.935-.56.935-1.167V6.354c0-.606-.233-.933-.748-.887l-15.177.887c-.56.047-.747.327-.747.933zm14.337.745c.093.42 0 .84-.42.888l-.7.14v10.264c-.608.327-1.168.514-1.635.514-.748 0-.935-.234-1.495-.933l-4.577-7.186v6.952L12.21 19s0 .84-1.168.84l-3.222.186c-.093-.186 0-.653.327-.746l.84-.233V9.854L7.822 9.76c-.094-.42.14-1.026.793-1.073l3.456-.233 4.764 7.279v-6.44l-1.215-.139c-.093-.514.28-.887.747-.933zM1.936 1.035l13.31-.98c1.634-.14 2.055-.047 3.082.7l4.249 2.986c.7.513.934.653.934 1.213v16.378c0 1.026-.373 1.634-1.68 1.726l-15.458.934c-.98.047-1.448-.093-1.962-.747l-3.129-4.06c-.56-.747-.793-1.306-.793-1.96V2.667c0-.839.374-1.54 1.447-1.632z"/></svg>', |
| 112 | 'superb-addons-icon-color' => '#000000', |
| 113 | ], |
| 114 | 'pixiv' => [ |
| 115 | 'name' => __('pixiv', 'superb-blocks'), |
| 116 | 'icon' => '<svg width="24" height="24" viewBox="-3 -3 30 30" xmlns="http://www.w3.org/2000/svg"><path d="M4.94 0A4.953 4.953 0 0 0 0 4.94v14.12A4.953 4.953 0 0 0 4.94 24h14.12A4.953 4.953 0 0 0 24 19.06c-.014 1.355 0-14.12 0-14.12A4.953 4.953 0 0 0 19.06 0Zm1.783 5.465h.904a.37.37 0 0 1 .31.17l.752 1.17a6.172 6.172 0 0 1 10.01 4.834 6.172 6.172 0 0 1-9.394 5.265v2.016a.37.37 0 0 1-.37.367H6.724a.37.37 0 0 1-.37-.367V5.834a.37.37 0 0 1 .37-.37m5.804 2.951a3.222 3.222 0 1 0-.002 6.443 3.222 3.222 0 0 0 .002-6.443"/></svg>', |
| 117 | 'superb-addons-icon-color' => '#0096FA', |
| 118 | ], |
| 119 | 'rumble' => [ |
| 120 | 'name' => __('Rumble', 'superb-blocks'), |
| 121 | 'icon' => '<svg width="24" height="24" viewBox="-3 -3 30 30" xmlns="http://www.w3.org/2000/svg"><path d="M14.4528 13.5458c.8064-.6542.9297-1.8381.2756-2.6445a1.8802 1.8802 0 0 0-.2756-.2756 21.2127 21.2127 0 0 0-4.3121-2.776c-1.066-.51-2.256.2-2.4261 1.414a23.5226 23.5226 0 0 0-.14 5.5021c.116 1.23 1.292 1.964 2.372 1.492a19.6285 19.6285 0 0 0 4.5062-2.704v-.008zm6.9322-5.4002c2.0335 2.228 2.0396 5.637.014 7.8723A26.1487 26.1487 0 0 1 8.2946 23.846c-2.6848.6713-5.4168-.914-6.1662-3.5781-1.524-5.2002-1.3-11.0803.17-16.3045.772-2.744 3.3521-4.4661 6.0102-3.832 4.9242 1.174 9.5443 4.196 13.0764 8.0121v.002z"/></svg>', |
| 122 | 'superb-addons-icon-color' => '#85C742', |
| 123 | ], |
| 124 | 'signal' => [ |
| 125 | 'name' => __('Signal', 'superb-blocks'), |
| 126 | 'icon' => '<svg width="24" height="24" viewBox="-3 -3 30 30" xmlns="http://www.w3.org/2000/svg"><path d="M12 0q-.934 0-1.83.139l.17 1.111a11 11 0 0 1 3.32 0l.172-1.111A12 12 0 0 0 12 0M9.152.34A12 12 0 0 0 5.77 1.742l.584.961a10.8 10.8 0 0 1 3.066-1.27zm5.696 0-.268 1.094a10.8 10.8 0 0 1 3.066 1.27l.584-.962A12 12 0 0 0 14.848.34M12 2.25a9.75 9.75 0 0 0-8.539 14.459c.074.134.1.292.064.441l-1.013 4.338 4.338-1.013a.62.62 0 0 1 .441.064A9.7 9.7 0 0 0 12 21.75c5.385 0 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25m-7.092.068a12 12 0 0 0-2.59 2.59l.909.664a11 11 0 0 1 2.345-2.345zm14.184 0-.664.909a11 11 0 0 1 2.345 2.345l.909-.664a12 12 0 0 0-2.59-2.59M1.742 5.77A12 12 0 0 0 .34 9.152l1.094.268a10.8 10.8 0 0 1 1.269-3.066zm20.516 0-.961.584a10.8 10.8 0 0 1 1.27 3.066l1.093-.268a12 12 0 0 0-1.402-3.383M.138 10.168A12 12 0 0 0 0 12q0 .934.139 1.83l1.111-.17A11 11 0 0 1 1.125 12q0-.848.125-1.66zm23.723.002-1.111.17q.125.812.125 1.66c0 .848-.042 1.12-.125 1.66l1.111.172a12.1 12.1 0 0 0 0-3.662M1.434 14.58l-1.094.268a12 12 0 0 0 .96 2.591l-.265 1.14 1.096.255.36-1.539-.188-.365a10.8 10.8 0 0 1-.87-2.35m21.133 0a10.8 10.8 0 0 1-1.27 3.067l.962.584a12 12 0 0 0 1.402-3.383zm-1.793 3.848a11 11 0 0 1-2.345 2.345l.664.909a12 12 0 0 0 2.59-2.59zm-19.959 1.1L.357 21.48a1.8 1.8 0 0 0 2.162 2.161l1.954-.455-.256-1.095-1.953.455a.675.675 0 0 1-.81-.81l.454-1.954zm16.832 1.769a10.8 10.8 0 0 1-3.066 1.27l.268 1.093a12 12 0 0 0 3.382-1.402zm-10.94.213-1.54.36.256 1.095 1.139-.266c.814.415 1.683.74 2.591.961l.268-1.094a10.8 10.8 0 0 1-2.35-.869zm3.634 1.24-.172 1.111a12.1 12.1 0 0 0 3.662 0l-.17-1.111q-.812.125-1.66.125a11 11 0 0 1-1.66-.125"/></svg>', |
| 127 | 'superb-addons-icon-color' => '#3B45FD', |
| 128 | ], |
| 129 | 'slack' => [ |
| 130 | 'name' => __('Slack', 'superb-blocks'), |
| 131 | 'icon' => '<svg width="24" height="24" viewBox="-3 -3 30 30" xmlns="http://www.w3.org/2000/svg"><path d="M5.042 15.165a2.528 2.528 0 0 1-2.52 2.523A2.528 2.528 0 0 1 0 15.165a2.527 2.527 0 0 1 2.522-2.52h2.52v2.52zM6.313 15.165a2.527 2.527 0 0 1 2.521-2.52 2.527 2.527 0 0 1 2.521 2.52v6.313A2.528 2.528 0 0 1 8.834 24a2.528 2.528 0 0 1-2.521-2.522v-6.313zM8.834 5.042a2.528 2.528 0 0 1-2.521-2.52A2.528 2.528 0 0 1 8.834 0a2.528 2.528 0 0 1 2.521 2.522v2.52H8.834zM8.834 6.313a2.528 2.528 0 0 1 2.521 2.521 2.528 2.528 0 0 1-2.521 2.521H2.522A2.528 2.528 0 0 1 0 8.834a2.528 2.528 0 0 1 2.522-2.521h6.312zM18.956 8.834a2.528 2.528 0 0 1 2.522-2.521A2.528 2.528 0 0 1 24 8.834a2.528 2.528 0 0 1-2.522 2.521h-2.522V8.834zM17.688 8.834a2.528 2.528 0 0 1-2.523 2.521 2.527 2.527 0 0 1-2.52-2.521V2.522A2.527 2.527 0 0 1 15.165 0a2.528 2.528 0 0 1 2.523 2.522v6.312zM15.165 18.956a2.528 2.528 0 0 1 2.523 2.522A2.528 2.528 0 0 1 15.165 24a2.527 2.527 0 0 1-2.52-2.522v-2.522h2.52zM15.165 17.688a2.527 2.527 0 0 1-2.52-2.523 2.526 2.526 0 0 1 2.52-2.52h6.313A2.527 2.527 0 0 1 24 15.165a2.528 2.528 0 0 1-2.522 2.523h-6.313z"/></svg>', |
| 132 | 'superb-addons-icon-color' => '#4A154B', |
| 133 | ], |
| 134 | 'steam' => [ |
| 135 | 'name' => __('Steam', 'superb-blocks'), |
| 136 | 'icon' => '<svg width="24" height="24" viewBox="-3 -3 30 30" xmlns="http://www.w3.org/2000/svg"><path d="M11.979 0C5.678 0 .511 4.86.022 11.037l6.432 2.658c.545-.371 1.203-.59 1.912-.59.063 0 .125.004.188.006l2.861-4.142V8.91c0-2.495 2.028-4.524 4.524-4.524 2.494 0 4.524 2.031 4.524 4.527s-2.03 4.525-4.524 4.525h-.105l-4.076 2.911c0 .052.004.105.004.159 0 1.875-1.515 3.396-3.39 3.396-1.635 0-3.016-1.173-3.331-2.727L.436 15.27C1.862 20.307 6.486 24 11.979 24c6.627 0 11.999-5.373 11.999-12S18.605 0 11.979 0zM7.54 18.21l-1.473-.61c.262.543.714.999 1.314 1.25 1.297.539 2.793-.076 3.332-1.375.263-.63.264-1.319.005-1.949s-.75-1.121-1.377-1.383c-.624-.26-1.29-.249-1.878-.03l1.523.63c.956.4 1.409 1.5 1.009 2.455-.397.957-1.497 1.41-2.454 1.012H7.54zm11.415-9.303c0-1.662-1.353-3.015-3.015-3.015-1.665 0-3.015 1.353-3.015 3.015 0 1.665 1.35 3.015 3.015 3.015 1.663 0 3.015-1.35 3.015-3.015zm-5.273-.005c0-1.252 1.013-2.266 2.265-2.266 1.249 0 2.266 1.014 2.266 2.266 0 1.251-1.017 2.265-2.266 2.265-1.253 0-2.265-1.014-2.265-2.265z"/></svg>', |
| 137 | 'superb-addons-icon-color' => '#000000', |
| 138 | ], |
| 139 | 'substack' => [ |
| 140 | 'name' => __('Substack', 'superb-blocks'), |
| 141 | 'icon' => '<svg width="24" height="24" viewBox="-3 -3 30 30" xmlns="http://www.w3.org/2000/svg"><path d="M22.539 8.242H1.46V5.406h21.08v2.836zM1.46 10.812V24L12 18.11 22.54 24V10.812H1.46zM22.54 0H1.46v2.836h21.08V0z"/></svg>', |
| 142 | 'superb-addons-icon-color' => '#FF6719', |
| 143 | ], |
| 144 | 'tripadvisor' => [ |
| 145 | 'name' => __('Tripadvisor', 'superb-blocks'), |
| 146 | 'icon' => '<svg width="24" height="24" viewBox="-3 -3 30 30" xmlns="http://www.w3.org/2000/svg"><path d="M12.006 4.295c-2.67 0-5.338.784-7.645 2.353H0l1.963 2.135a5.997 5.997 0 0 0 4.04 10.43 5.976 5.976 0 0 0 4.075-1.6L12 19.705l1.922-2.09a5.972 5.972 0 0 0 4.072 1.598 6 6 0 0 0 6-5.998 5.982 5.982 0 0 0-1.957-4.432L24 6.648h-4.35a13.573 13.573 0 0 0-7.644-2.353zM12 6.255c1.531 0 3.063.303 4.504.903C13.943 8.138 12 10.43 12 13.1c0-2.671-1.942-4.962-4.504-5.942A11.72 11.72 0 0 1 12 6.256zM6.002 9.157a4.059 4.059 0 1 1 0 8.118 4.059 4.059 0 0 1 0-8.118zm11.992.002a4.057 4.057 0 1 1 .003 8.115 4.057 4.057 0 0 1-.003-8.115zm-11.992 1.93a2.128 2.128 0 0 0 0 4.256 2.128 2.128 0 0 0 0-4.256zm11.992 0a2.128 2.128 0 0 0 0 4.256 2.128 2.128 0 0 0 0-4.256z"/></svg>', |
| 147 | 'superb-addons-icon-color' => '#34E0A1', |
| 148 | ], |
| 149 | 'wechat' => [ |
| 150 | 'name' => __('WeChat', 'superb-blocks'), |
| 151 | 'icon' => '<svg width="24" height="24" viewBox="-3 -3 30 30" xmlns="http://www.w3.org/2000/svg"><path d="M8.691 2.188C3.891 2.188 0 5.476 0 9.53c0 2.212 1.17 4.203 3.002 5.55a.59.59 0 0 1 .213.665l-.39 1.48c-.019.07-.048.141-.048.213 0 .163.13.295.29.295a.326.326 0 0 0 .167-.054l1.903-1.114a.864.864 0 0 1 .717-.098 10.16 10.16 0 0 0 2.837.403c.276 0 .543-.027.811-.05-.857-2.578.157-4.972 1.932-6.446 1.703-1.415 3.882-1.98 5.853-1.838-.576-3.583-4.196-6.348-8.596-6.348zM5.785 5.991c.642 0 1.162.529 1.162 1.18a1.17 1.17 0 0 1-1.162 1.178A1.17 1.17 0 0 1 4.623 7.17c0-.651.52-1.18 1.162-1.18zm5.813 0c.642 0 1.162.529 1.162 1.18a1.17 1.17 0 0 1-1.162 1.178 1.17 1.17 0 0 1-1.162-1.178c0-.651.52-1.18 1.162-1.18zm5.34 2.867c-1.797-.052-3.746.512-5.28 1.786-1.72 1.428-2.687 3.72-1.78 6.22.942 2.453 3.666 4.229 6.884 4.229.826 0 1.622-.12 2.361-.336a.722.722 0 0 1 .598.082l1.584.926a.272.272 0 0 0 .14.047c.134 0 .24-.111.24-.247 0-.06-.023-.12-.038-.177l-.327-1.233a.582.582 0 0 1-.023-.156.49.49 0 0 1 .201-.398C23.024 18.48 24 16.82 24 14.98c0-3.21-2.931-5.837-6.656-6.088V8.89c-.135-.01-.27-.027-.407-.03zm-2.53 3.274c.535 0 .969.44.969.982a.976.976 0 0 1-.969.983.976.976 0 0 1-.969-.983c0-.542.434-.982.97-.982zm4.844 0c.535 0 .969.44.969.982a.976.976 0 0 1-.969.983.976.976 0 0 1-.969-.983c0-.542.434-.982.969-.982z"/></svg>', |
| 152 | 'superb-addons-icon-color' => '#07C160', |
| 153 | ], |
| 154 | 'weibo' => [ |
| 155 | 'name' => __('Weibo', 'superb-blocks'), |
| 156 | 'icon' => '<svg width="24" height="24" viewBox="-3 -3 30 30" xmlns="http://www.w3.org/2000/svg"><path d="M10.098 20.323c-3.977.391-7.414-1.406-7.672-4.02-.259-2.609 2.759-5.047 6.74-5.441 3.979-.394 7.413 1.404 7.671 4.018.259 2.6-2.759 5.049-6.737 5.439l-.002.004zM9.05 17.219c-.384.616-1.208.884-1.829.602-.612-.279-.793-.991-.406-1.593.379-.595 1.176-.861 1.793-.601.622.263.82.972.442 1.592zm1.27-1.627c-.141.237-.449.353-.689.253-.236-.09-.313-.361-.177-.586.138-.227.436-.346.672-.24.239.09.315.36.18.601l.014-.028zm.176-2.719c-1.893-.493-4.033.45-4.857 2.118-.836 1.704-.026 3.591 1.886 4.21 1.983.64 4.318-.341 5.132-2.179.8-1.793-.201-3.642-2.161-4.149zm7.563-1.224c-.346-.105-.57-.18-.405-.615.375-.977.42-1.804 0-2.404-.781-1.112-2.915-1.053-5.364-.03 0 0-.766.331-.571-.271.376-1.217.315-2.224-.27-2.809-1.338-1.337-4.869.045-7.888 3.08C1.309 10.87 0 13.273 0 15.348c0 3.981 5.099 6.395 10.086 6.395 6.536 0 10.888-3.801 10.888-6.82 0-1.822-1.547-2.854-2.915-3.284v.01zm1.908-5.092c-.766-.856-1.908-1.187-2.96-.962-.436.09-.706.511-.616.932.09.42.511.691.932.602.511-.105 1.067.044 1.442.465.376.421.466.977.316 1.473-.136.406.089.856.51.992.405.119.857-.105.992-.512.33-1.021.12-2.178-.646-3.035l.03.045zm2.418-2.195c-1.576-1.757-3.905-2.419-6.054-1.968-.496.104-.812.587-.706 1.081.104.496.586.813 1.082.707 1.532-.331 3.185.15 4.296 1.383 1.112 1.246 1.429 2.943.947 4.416-.165.48.106 1.007.586 1.157.479.165.991-.104 1.157-.586.675-2.088.241-4.478-1.338-6.235l.03.045z"/></svg>', |
| 157 | 'superb-addons-icon-color' => '#E6162D', |
| 158 | ] |
| 159 | ]; |
| 160 | } |
| 161 | |
| 162 | private static function IsWPVersionCompatible() |
| 163 | { |
| 164 | global $wp_version; |
| 165 | return version_compare($wp_version, self::MINIMUM_WP_VERSION, '>='); |
| 166 | } |
| 167 | |
| 168 | public static function AddCustomSocialServices($services_data) |
| 169 | { |
| 170 | if (!self::$addons_social_links) { |
| 171 | return $services_data; |
| 172 | } |
| 173 | |
| 174 | foreach (self::$addons_social_links as $service_key => $service_data) { |
| 175 | // Only add if the service doesn't already exist in WordPress |
| 176 | // This ensures our plugin doesn't interfere when WP adds these icons later |
| 177 | if (!isset($services_data[$service_key])) { |
| 178 | $services_data[$service_key] = $service_data; |
| 179 | } |
| 180 | } |
| 181 | |
| 182 | return $services_data; |
| 183 | } |
| 184 | |
| 185 | |
| 186 | public static function EnqueueEditorAssets() |
| 187 | { |
| 188 | wp_enqueue_script( |
| 189 | 'superb-addons-social-icons', |
| 190 | SUPERBADDONS_ASSETS_PATH . '/js/gutenberg/social-icons.js', |
| 191 | ['wp-blocks', 'wp-element', 'wp-primitives', 'wp-i18n', 'wp-dom-ready'], |
| 192 | SUPERBADDONS_VERSION, |
| 193 | true |
| 194 | ); |
| 195 | ScriptTranslations::Set('superb-addons-social-icons'); |
| 196 | } |
| 197 | |
| 198 | |
| 199 | private static function EnqueueSocialIconStyles() |
| 200 | { |
| 201 | // Ensure the function exists (WordPress 6.9+) |
| 202 | if (!function_exists('block_core_social_link_services')) { |
| 203 | return; |
| 204 | } |
| 205 | |
| 206 | // Get existing services from WordPress core to filter out already-supported icons |
| 207 | $existing_services = block_core_social_link_services(); |
| 208 | $css = ''; |
| 209 | foreach ($existing_services as $service_key => $service_data) { |
| 210 | // Only add CSS for icons not already in WordPress core |
| 211 | if (!isset($service_data['superb-addons-icon-color'])) { |
| 212 | continue; |
| 213 | } |
| 214 | |
| 215 | $safe_key = sanitize_key($service_key); |
| 216 | $safe_color = sanitize_hex_color($service_data['superb-addons-icon-color']); |
| 217 | |
| 218 | // Skip if sanitization fails |
| 219 | if (empty($safe_color) || empty($safe_key)) { |
| 220 | continue; |
| 221 | } |
| 222 | |
| 223 | // Default style (with background color) |
| 224 | $css .= ":where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-{$safe_key} {"; |
| 225 | $css .= "background-color: {$safe_color};"; |
| 226 | $css .= "color: #fff;"; |
| 227 | $css .= "}"; |
| 228 | |
| 229 | // Logos-only style |
| 230 | $css .= ":where(.wp-block-social-links.is-style-logos-only) .wp-social-link-{$safe_key} {"; |
| 231 | $css .= "color: {$safe_color};"; |
| 232 | $css .= "}"; |
| 233 | } |
| 234 | |
| 235 | if (empty($css)) { |
| 236 | return; |
| 237 | } |
| 238 | |
| 239 | wp_add_inline_style(self::SOCIAL_LINKS_STYLE_HANDLE, $css); |
| 240 | wp_enqueue_style(self::SOCIAL_LINKS_STYLE_HANDLE); |
| 241 | } |
| 242 | |
| 243 | public static function EnqueueBlockStyles() |
| 244 | { |
| 245 | // Frontend: only enqueue when the block is actually rendered on the page. |
| 246 | // Editor: enqueue_block_assets fires inside the iframe (is_admin() === true), so always enqueue there. |
| 247 | if (!is_admin() && !has_block('core/social-links')) { |
| 248 | return; |
| 249 | } |
| 250 | |
| 251 | self::EnqueueSocialIconStyles(); |
| 252 | } |
| 253 | } |
| 254 |