apunkt/SurfSense
1
0
Fork 0
mirror of https://github.com/MODSetter/SurfSense.git synced 2026-07-16 23:01:06 +02:00
Code Issues Projects Releases Packages Wiki Activity

feat(web): add Instagram playground platform and brand icon

Browse source
This commit is contained in:
Anish Sarkar 2026-07-09 16:03:34 +05:30
parent 7309ca5ca0
commit d00030d97c
3 changed files with 13 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

11
surfsense_web/lib/playground/catalog.ts
View file

@ -2,6 +2,7 @@ import type { ComponentType } from "react";
import {
GoogleMapsIcon,
GoogleSearchIcon,
InstagramIcon,
RedditIcon,
WebIcon,
YouTubeIcon,
@ -48,6 +49,16 @@ export const PLAYGROUND_PLATFORMS: PlaygroundPlatform[] = [
{ name: "youtube.comments", verb: "comments", label: "Comments" },
],
},
{
id: "instagram",
label: "Instagram",
icon: InstagramIcon,
verbs: [
{ name: "instagram.scrape", verb: "scrape", label: "Scrape" },
{ name: "instagram.comments", verb: "comments", label: "Comments" },
{ name: "instagram.details", verb: "details", label: "Details" },
],
},
{
id: "google_maps",
label: "Google Maps",

1
surfsense_web/lib/playground/platform-icons.tsx
View file

@ -24,6 +24,7 @@ function brandIcon(src: string, alt: string) {
export const RedditIcon = brandIcon("/connectors/reddit.svg", "Reddit");
export const YouTubeIcon = brandIcon("/connectors/youtube.svg", "YouTube");
export const InstagramIcon = brandIcon("/connectors/instagram.svg", "Instagram");
export const GoogleMapsIcon = brandIcon("/connectors/google-maps.svg", "Google Maps");
export const GoogleSearchIcon = brandIcon("/connectors/google-search.svg", "Google Search");
export const WebIcon = brandIcon("/connectors/web.svg", "Web");

1
surfsense_web/public/connectors/instagram.svg Normal file
View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><defs><radialGradient id="ig" cx="30%" cy="107%" r="150%"><stop offset="0%" stop-color="#fdf497"/><stop offset="5%" stop-color="#fdf497"/><stop offset="45%" stop-color="#fd5949"/><stop offset="60%" stop-color="#d6249f"/><stop offset="90%" stop-color="#285AEB"/></radialGradient></defs><path fill="url(#ig)" d="M128 23c34.2 0 38.3.1 51.8.8 12.5.6 19.3 2.7 23.8 4.4 6 2.3 10.2 5.1 14.7 9.6s7.3 8.7 9.6 14.7c1.7 4.5 3.8 11.3 4.4 23.8.7 13.5.8 17.6.8 51.8s-.1 38.3-.8 51.8c-.6 12.5-2.7 19.3-4.4 23.8-2.3 6-5.1 10.2-9.6 14.7s-8.7 7.3-14.7 9.6c-4.5 1.7-11.3 3.8-23.8 4.4-13.5.7-17.6.8-51.8.8s-38.3-.1-51.8-.8c-12.5-.6-19.3-2.7-23.8-4.4-6-2.3-10.2-5.1-14.7-9.6s-7.3-8.7-9.6-14.7c-1.7-4.5-3.8-11.3-4.4-23.8-.7-13.5-.8-17.6-.8-51.8s.1-38.3.8-51.8c.6-12.5 2.7-19.3 4.4-23.8 2.3-6 5.1-10.2 9.6-14.7s8.7-7.3 14.7-9.6c4.5-1.7 11.3-3.8 23.8-4.4C89.7 23.1 93.8 23 128 23m0-23C93.2 0 88.8.1 75.1.8 61.5 1.4 52.2 3.6 44.1 6.8c-8.4 3.2-15.5 7.6-22.6 14.7S9.9 35.7 6.8 44.1C3.6 52.2 1.4 61.5.8 75.1.1 88.8 0 93.2 0 128s.1 39.2.8 52.9c.6 13.6 2.8 22.9 6 31 3.2 8.4 7.6 15.5 14.7 22.6s14.2 11.5 22.6 14.7c8.1 3.2 17.4 5.4 31 6 13.7.7 18.1.8 52.9.8s39.2-.1 52.9-.8c13.6-.6 22.9-2.8 31-6 8.4-3.2 15.5-7.6 22.6-14.7s11.5-14.2 14.7-22.6c3.2-8.1 5.4-17.4 6-31 .7-13.7.8-18.1.8-52.9s-.1-39.2-.8-52.9c-.6-13.6-2.8-22.9-6-31-3.2-8.4-7.6-15.5-14.7-22.6S220.3 9.9 211.9 6.8c-8.1-3.2-17.4-5.4-31-6C167.2.1 162.8 0 128 0"/><path fill="url(#ig)" d="M128 62.3c-36.3 0-65.7 29.4-65.7 65.7s29.4 65.7 65.7 65.7 65.7-29.4 65.7-65.7-29.4-65.7-65.7-65.7m0 108.4c-23.6 0-42.7-19.1-42.7-42.7s19.1-42.7 42.7-42.7 42.7 19.1 42.7 42.7-19.1 42.7-42.7 42.7"/><circle fill="url(#ig)" cx="196.3" cy="59.7" r="15.4"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 1.7 KiB