feat: add Instagram platform support

[aniket05singh]

Addressed Issues:

Fixes #159

Screenshots/Recordings:

Additional Notes:

Changes Made

• Added Instagram as a supported sharing platform.
• Added the Instagram icon to the platform list.
• Implemented Instagram sharing by copying the URL to the clipboard and opening Instagram as a fallback, since Instagram does not provide an official web share endpoint.

Checklist

• My code follows the project's code style and conventions
• I have made corresponding changes to the documentation
• My changes generate no new warnings or errors
• I have joined the Discord server and I will share a link to this PR with the project maintainers there
• I have read the Contributing Guidelines

⚠️ AI Notice - Important!

We encourage contributors to use AI tools responsibly when creating Pull Requests. While AI can be a valuable aid, it is essential to ensure that your contributions meet the task requirements, build successfully, include relevant tests, and pass all linters. Submissions that do not meet these standards may be closed without warning to maintain the quality and integrity of the project. Please take the time to understand the changes you are proposing and their impact. AI slop is strongly discouraged and may lead to banning and blocking. Do not spam our repos with AI slop.

Summary by CodeRabbit

• New Features
  • Added Instagram as a sharing option.
  • Instagram sharing now uses the same copy-link-and-open behavior as other special cases, improving consistency when sharing content.

[coderabbitai]

Walkthrough

Instagram is added as a supported share platform with its own icon, color, share URL, and fallback share flow that copies the current link before opening Instagram in a new tab.

Changes

Instagram share support

Layer / File(s)	Summary
Platform metadata, URL, and share flow src/social-share-button.js	Adds an Instagram platform entry, adds an Instagram share URL, and routes Instagram through the existing copy-link-and-open behavior.

Sequence Diagram(s)

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~10 minutes

Possibly related PRs

• AOSSIE-Org/SocialShareButton#97: Also extends src/social-share-button.js by adding another supported platform through the same platform-map and share-URL construction paths.

Suggested labels

Typescript Lang

Poem

A bunny hopped by, ears in the air,
"Instagram’s in the share list now!" with flair.
Copy, then open—hop, hop, hooray,
A neat little link for a brighter day.
🐇✨

🚥 Pre-merge checks | ✅ 4

✅ Passed checks (4 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The title clearly and concisely describes the main change: adding Instagram platform support.
Linked Issues check	✅ Passed	The changes align with #159 by adding Instagram support, icon/color mapping, and the clipboard-plus-open fallback flow.
Out of Scope Changes check	✅ Passed	No unrelated or extra-scope changes are indicated beyond the Instagram support feature.

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}

[coderabbitai]

Actionable comments posted: 1

Caution

Some comments are outside the diff and can’t be posted inline due to platform limitations.

⚠️ Outside diff range comments (2)

src/social-share-button.js (2)

429-439: 🗄️ Data Integrity & Integration | 🟠 Major | ⚡ Quick win

Don't report Instagram share success before the fallback succeeds.

For Instagram, the actual share flow is copyLink() plus window.open(), but both can fail independently. The method still emits social_share_success and calls onShare unconditionally, so hosts can record false-positive share events for blocked popups or failed clipboard writes.

🤖 Prompt for AI Agents

Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

In `@src/social-share-button.js` around lines 429 - 439, The share flow in the
social share handler currently emits success unconditionally for the
discord/instagram path, which can create false positives when copyLink() or
window.open() fails. Update the sharing logic around the platform branch in
social-share-button.js so social_share_success and onShare are only triggered
after the actual fallback/share action completes successfully, especially for
Instagram where copyLink() and the popup can fail independently. Use the
existing platform checks and the share method’s emit/onShare flow to gate
success reporting on a real successful result.

---

425-429: 📐 Maintainability & Code Quality | 🟡 Minor | ⚡ Quick win

Update the edge-case comment for Instagram too.

The branch now covers Instagram, but the inline note still explains only Discord. This fallback is non-obvious logic, so the comment should also state why Instagram uses the copy-and-open path. As per path instructions, src/**/*.{js,jsx} requires brief inline comments for non-obvious logic and edge cases.

🤖 Prompt for AI Agents

Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

In `@src/social-share-button.js` around lines 425 - 429, The inline comment above
the platform-specific branch in social-share-button should be updated because it
only explains Discord even though the condition also includes Instagram. Revise
the note near the share trigger logic to mention both Discord and Instagram, and
briefly explain why each uses the copy-to-clipboard plus navigation fallback so
the edge-case rationale matches the actual branch behavior.

Source: Path instructions

🤖 Prompt for all review comments with AI agents

Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

Inline comments:
In `@src/social-share-button.js`:
- Around line 181-185: The Instagram platform definition is present, but it is
not reachable by default because the public default platform lists still omit
it. Update the core default platforms array and the React wrapper’s default so
they both include "instagram", and verify the defaults flow through the existing
platform selection logic in the social share button components. Keep the change
aligned with the platform registry entry named instagram so the feature is
enabled for out-of-the-box integrations.

---

Outside diff comments:
In `@src/social-share-button.js`:
- Around line 429-439: The share flow in the social share handler currently
emits success unconditionally for the discord/instagram path, which can create
false positives when copyLink() or window.open() fails. Update the sharing logic
around the platform branch in social-share-button.js so social_share_success and
onShare are only triggered after the actual fallback/share action completes
successfully, especially for Instagram where copyLink() and the popup can fail
independently. Use the existing platform checks and the share method’s
emit/onShare flow to gate success reporting on a real successful result.
- Around line 425-429: The inline comment above the platform-specific branch in
social-share-button should be updated because it only explains Discord even
though the condition also includes Instagram. Revise the note near the share
trigger logic to mention both Discord and Instagram, and briefly explain why
each uses the copy-to-clipboard plus navigation fallback so the edge-case
rationale matches the actual branch behavior.

🪄 Autofix (Beta)

Fix all unresolved CodeRabbit comments on this PR:

• Push a commit to this branch (recommended)
• Create a new PR with the fixes

---

ℹ️ Review info

⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: ASSERTIVE

Plan: Pro

Run ID: 39d5e6a9-3194-4949-9764-16b21f524448

📥 Commits

Reviewing files that changed from the base of the PR and between b9f9d01 and a202976.

📒 Files selected for processing (1)

• src/social-share-button.js

[coderabbitai]

🎯 Functional Correctness | 🟠 Major | ⚡ Quick win

Wire Instagram into the public defaults.

This entry is still unreachable for default integrations because the core default platforms list and the React wrapper default both omit "instagram". As shipped, users only get the new platform if they already know to opt in manually, which breaks the expected public API behavior for this feature.

🤖 Prompt for AI Agents

Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

In `@src/social-share-button.js` around lines 181 - 185, The Instagram platform
definition is present, but it is not reachable by default because the public
default platform lists still omit it. Update the core default platforms array
and the React wrapper’s default so they both include "instagram", and verify the
defaults flow through the existing platform selection logic in the social share
button components. Keep the change aligned with the platform registry entry
named instagram so the feature is enabled for out-of-the-box integrations.