react-social-embeds 1.0.0 → 1.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +12 -7
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -1,7 +1,12 @@
|
|
|
1
|
-
# react-embeds
|
|
1
|
+
# react-social-embeds
|
|
2
|
+
|
|
3
|
+
[](https://www.npmjs.com/package/react-social-embeds)
|
|
4
|
+
[](https://opensource.org/licenses/MIT)
|
|
2
5
|
|
|
3
6
|
Unified React components for embedding social media and streaming content. One component per platform with consistent styling, theming, and TypeScript support.
|
|
4
7
|
|
|
8
|
+
**[📺 Live Demo](https://zzyil.github.io/react-embeds/)** | **[📦 npm](https://www.npmjs.com/package/react-social-embeds)**
|
|
9
|
+
|
|
5
10
|
## Installation
|
|
6
11
|
|
|
7
12
|
```bash
|
|
@@ -26,7 +31,7 @@ npm install hls.js dashjs
|
|
|
26
31
|
## Quick Start
|
|
27
32
|
|
|
28
33
|
```tsx
|
|
29
|
-
import { YouTubeEmbed, XEmbed, SpotifyEmbed } from "react-embeds";
|
|
34
|
+
import { YouTubeEmbed, XEmbed, SpotifyEmbed } from "react-social-embeds";
|
|
30
35
|
|
|
31
36
|
function App() {
|
|
32
37
|
return (
|
|
@@ -107,7 +112,7 @@ interface CommonProps {
|
|
|
107
112
|
Base component used by all embeds. Use directly for custom embeds:
|
|
108
113
|
|
|
109
114
|
```tsx
|
|
110
|
-
import { EmbedCard } from "react-embeds";
|
|
115
|
+
import { EmbedCard } from "react-social-embeds";
|
|
111
116
|
|
|
112
117
|
<EmbedCard
|
|
113
118
|
provider="Custom"
|
|
@@ -125,7 +130,7 @@ import { EmbedCard } from "react-embeds";
|
|
|
125
130
|
Custom video player with HLS/DASH support:
|
|
126
131
|
|
|
127
132
|
```tsx
|
|
128
|
-
import { MediaPlayer } from "react-embeds";
|
|
133
|
+
import { MediaPlayer } from "react-social-embeds";
|
|
129
134
|
|
|
130
135
|
<MediaPlayer
|
|
131
136
|
src="https://example.com/stream.m3u8"
|
|
@@ -161,7 +166,7 @@ Use CSS variables for custom styling:
|
|
|
161
166
|
Control layout with the `CardLayoutProvider`:
|
|
162
167
|
|
|
163
168
|
```tsx
|
|
164
|
-
import { CardLayoutProvider, YouTubeEmbed } from "react-embeds";
|
|
169
|
+
import { CardLayoutProvider, YouTubeEmbed } from "react-social-embeds";
|
|
165
170
|
|
|
166
171
|
<CardLayoutProvider layout="modern">
|
|
167
172
|
<YouTubeEmbed url={url} />
|
|
@@ -175,8 +180,8 @@ Layouts: `"classic"` (metadata first) | `"modern"` (media first)
|
|
|
175
180
|
All components export their prop types:
|
|
176
181
|
|
|
177
182
|
```tsx
|
|
178
|
-
import { YouTubeEmbed, YouTubeEmbedProps } from "react-embeds";
|
|
179
|
-
import { EmbedCardProps, MediaPlayerProps } from "react-embeds";
|
|
183
|
+
import { YouTubeEmbed, YouTubeEmbedProps } from "react-social-embeds";
|
|
184
|
+
import { EmbedCardProps, MediaPlayerProps } from "react-social-embeds";
|
|
180
185
|
```
|
|
181
186
|
|
|
182
187
|
## License
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "react-social-embeds",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.1",
|
|
4
4
|
"description": "Unified React embeds for social media content",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/index.mjs",
|
|
@@ -46,4 +46,4 @@
|
|
|
46
46
|
"jsdom": "^24.1.0",
|
|
47
47
|
"vitest": "^2.0.5"
|
|
48
48
|
}
|
|
49
|
-
}
|
|
49
|
+
}
|