docs: add Astro framework support to Quick Start Guide

[edengilbertus]

Summary by CodeRabbit

• Documentation
  • Added Astro as a supported framework with comprehensive usage examples, including layout, page implementation patterns, and server-side rendering considerations.
  • Improved code example formatting throughout the documentation for better consistency, including standardized quotes and spacing conventions.
  • Enhanced HTML and CSS snippet formatting with cleaner indentation and standardized attribute structure for improved readability.

[coderabbitai]

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

Configuration used: defaults

Review profile: CHILL

Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between d73852d and dfbebb9.

📒 Files selected for processing (1)

• README.md

---

📝 Walkthrough

Walkthrough

README.md documentation expanded with Astro framework support across multiple sections. Code examples reformatted for consistency: quotation marks standardized to double quotes, spacing and indentation improved in JavaScript/TypeScript/HTML snippets, and container selector references normalized. New Astro-specific usage examples added.

Changes

Cohort / File(s)

Summary

Documentation & Examples README.md

Added Astro as a supported framework option throughout. Reformatted code examples for consistency: single quotes converted to double quotes in JavaScript/TypeScript snippets, improved indentation and spacing in HTML/CSS blocks, and normalized container selector references. Introduced new Astro-specific usage examples including layout and page configuration. Applied style cleanups to button options, callbacks, and customization examples.

Estimated code review effort

🎯 3 (Moderate) | ⏱️ ~22 minutes

Poem

🐰 Hops through README with pride so bright,
Astro joins the framework light,
Quotes aligned, indentation tight,
Examples sparkle, code looks right,
Documentation shines so white! ✨

🚥 Pre-merge checks | ✅ 3

✅ Passed checks (3 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The title clearly and specifically describes the main change: adding Astro framework support to the Quick Start Guide documentation, which aligns with the primary modifications in the README.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment

---

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 and usage tips.}

[kpj2006]

Excellent!!

can you add a short tutorial configuring astro with any of our project, check #19 ?

[kpj2006]

@CodeRabbit create a issue for adding astro framework and assign to @edengilbertus

[coderabbitai]

Tip

For best results, initiate chat on the files or code changes.

🧩 Analysis chain

🏁 Script executed:

#!/bin/bash
gh issue create \
  --repo AOSSIE-Org/SocialShareButton \
  --title "feat: Add Astro Framework Support" \
  --body "## Summary

This issue tracks the addition of official **Astro framework** support to the SocialShareButton library.

## Background

PR `#33` (https://github.com/AOSSIE-Org/SocialShareButton/pull/33) introduced documentation updates for Astro support in the Quick Start Guide. This issue tracks the full implementation and integration of Astro framework support.

## Tasks

- [ ] Implement Astro-compatible component or integration for SocialShareButton
- [ ] Add Astro-specific usage examples and documentation
- [ ] Handle server-side rendering (SSR) behavior specific to Astro
- [ ] Update the Quick Start Guide with Astro installation and usage instructions
- [ ] Test the integration with Astro projects

## References

- PR: https://github.com/AOSSIE-Org/SocialShareButton/pull/33
- Requested by: `@kpj2006`" \
  --assignee edengilbertus

Length of output: 48

---

🏁 Script executed:

#!/bin/bash
# Check the PR author's actual GitHub username
gh pr view 33 --repo AOSSIE-Org/SocialShareButton --json author --jq '.author.login'

Length of output: 13

---

🏁 Script executed:

#!/bin/bash
gh issue create \
  --repo AOSSIE-Org/SocialShareButton \
  --title "feat: Add Astro Framework Support" \
  --body "## Summary

This issue tracks the addition of official **Astro framework** support to the SocialShareButton library.

## Background

PR `#33` (https://github.com/AOSSIE-Org/SocialShareButton/pull/33) introduced documentation updates for Astro support in the Quick Start Guide. This issue tracks the full implementation and integration of Astro framework support.

## Tasks

- [ ] Implement Astro-compatible component or integration for SocialShareButton
- [ ] Add Astro-specific usage examples and documentation
- [ ] Handle server-side rendering (SSR) behavior specific to Astro
- [ ] Update the Quick Start Guide with Astro installation and usage instructions
- [ ] Test the integration with Astro projects

## References

- PR: https://github.com/AOSSIE-Org/SocialShareButton/pull/33
- Requested by: `@kpj2006`
- To be worked on by: `@edengilbertus`"

Length of output: 57

---

@kpj2006 The issue has been created successfully: feat: Add Astro Framework Support

Note: @edengilbertus could not be assigned directly as they are not yet a collaborator on the repository. They have been mentioned in the issue body instead. To formally assign them, a repository maintainer would need to first add @edengilbertus as a collaborator.