@cloudflare/realtimekit-angular-ui 1.0.0-staging.2 → 1.0.0-staging.4
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 +6 -7
- package/package.json +8 -4
package/README.md
CHANGED
|
@@ -5,7 +5,6 @@
|
|
|
5
5
|
If you're using a specific framework (or no framework - see HTML), we also offer dedicated packages:
|
|
6
6
|
|
|
7
7
|
- [React](https://npmjs.com/package/@cloudflare/realtimekit-react-ui)
|
|
8
|
-
- [Vue](https://npmjs.com/package/@cloudflare/realtimekit-vue-ui)
|
|
9
8
|
- [HTML (Web Components)](https://npmjs.com/package/@cloudflare/realtimekit-ui)
|
|
10
9
|
|
|
11
10
|
## Usage
|
|
@@ -25,9 +24,9 @@ Then you'll need to initialize a meeting object once you've received an `authTok
|
|
|
25
24
|
> to use with RealtimeKit.
|
|
26
25
|
|
|
27
26
|
```js
|
|
28
|
-
import
|
|
27
|
+
import RealtimeKitClient from '@cloudflare/realtimekit';
|
|
29
28
|
|
|
30
|
-
const meeting = await
|
|
29
|
+
const meeting = await RealtimeKitClient.init({
|
|
31
30
|
authToken: '<your-auth-token>',
|
|
32
31
|
defaults: {
|
|
33
32
|
video: true,
|
|
@@ -48,7 +47,7 @@ Then initialize and pass the meeting object to the component:
|
|
|
48
47
|
|
|
49
48
|
```tsx
|
|
50
49
|
import { RtkMeeting } from '@cloudflare/realtimekit-ui';
|
|
51
|
-
import
|
|
50
|
+
import RealtimeKitClient from '@cloudflare/realtimekit';
|
|
52
51
|
|
|
53
52
|
class AppComponent {
|
|
54
53
|
title = 'MyProject';
|
|
@@ -56,7 +55,7 @@ class AppComponent {
|
|
|
56
55
|
rtkMeeting: RtkClient;
|
|
57
56
|
|
|
58
57
|
async ngAfterViewInit() {
|
|
59
|
-
const meeting = await
|
|
58
|
+
const meeting = await RealtimeKitClient.init({
|
|
60
59
|
authToken: '<auth-token>',
|
|
61
60
|
defaults: {
|
|
62
61
|
video: true,
|
|
@@ -84,7 +83,7 @@ Then initialize and pass the meeting object to the component:
|
|
|
84
83
|
|
|
85
84
|
```tsx
|
|
86
85
|
import { RtkMeeting } from '@cloudflare/realtimekit-ui';
|
|
87
|
-
import
|
|
86
|
+
import RealtimeKitClient from '@cloudflare/realtimekit';
|
|
88
87
|
|
|
89
88
|
class AppComponent {
|
|
90
89
|
title = 'MyProject';
|
|
@@ -92,7 +91,7 @@ class AppComponent {
|
|
|
92
91
|
rtkMeeting: RtkClient;
|
|
93
92
|
|
|
94
93
|
async ngAfterViewInit() {
|
|
95
|
-
const meeting = await
|
|
94
|
+
const meeting = await RealtimeKitClient.init({
|
|
96
95
|
authToken: '<auth-token>',
|
|
97
96
|
defaults: {
|
|
98
97
|
video: true,
|
package/package.json
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@cloudflare/realtimekit-angular-ui",
|
|
3
|
-
"version": "1.0.0-staging.
|
|
4
|
-
"description": "
|
|
3
|
+
"version": "1.0.0-staging.4",
|
|
4
|
+
"description": "Pre-built, ready-to-use Angular UI components and utilities for integrating with Cloudflare RealtimeKit",
|
|
5
5
|
"peerDependencies": {
|
|
6
6
|
"@angular/common": ">=12",
|
|
7
7
|
"@angular/core": ">=12"
|
|
8
8
|
},
|
|
9
9
|
"dependencies": {
|
|
10
10
|
"tslib": "^2.3.0",
|
|
11
|
-
"@cloudflare/realtimekit-ui": "1.0.0-staging.
|
|
11
|
+
"@cloudflare/realtimekit-ui": "1.0.0-staging.4"
|
|
12
12
|
},
|
|
13
13
|
"publishConfig": {
|
|
14
14
|
"tag": "staging"
|
|
@@ -31,5 +31,9 @@
|
|
|
31
31
|
"types": "./dist/index.d.ts",
|
|
32
32
|
"default": "./dist/fesm2022/cloudflare-realtimekit-angular-ui.mjs"
|
|
33
33
|
}
|
|
34
|
-
}
|
|
34
|
+
},
|
|
35
|
+
"bugs": {
|
|
36
|
+
"url": "https://realtime.cloudflare.com/issues"
|
|
37
|
+
},
|
|
38
|
+
"homepage": "https://realtime.cloudflare.com"
|
|
35
39
|
}
|