61 | {JSON.stringify(message, null, 2)}
62 |
63 | );
64 |
65 | return (
66 | {messagesDisplay}
67 | );
68 | }
69 | }
70 | ```
--------------------------------------------------------------------------------
/EntitySignal/Docs/Vue-Integration.md:
--------------------------------------------------------------------------------
1 | ### [View Example](https://entitysignal.com/example/vuejs)
2 |
3 | #### Install Scripts
4 | *NPM:* `npm install entity-signal`
5 | or
6 | [download from GitHub](https://github.com/dustout/entitysignal/releases)
7 |
8 | #### Add Javascript Files To Html After SignalR
9 | ```html
10 |
11 |
12 | ```
13 |
14 |
15 | #### Connect to Server
16 | ```javascript
17 | var client = new EntitySignal.Client();
18 | client.connect();
19 | ```
20 |
21 | #### Create Vue Data Object
22 | ```javascript
23 | var data = {
24 | messages: null,
25 | client: client
26 | };
27 | ```
28 |
29 | #### Sync With Endpoint
30 | ```javascript
31 | client.syncWith("/subscribe/SubscribeToAllMessages")
32 | .then(x => {
33 | data.messages = x;
34 | });
35 | ```
36 |
37 | #### Set Vue Data Object
38 | ```javascript
39 | new Vue({
40 | el: '#test-vue-app',
41 | data: data,
42 | });
43 | ```
44 |
--------------------------------------------------------------------------------
/EntitySignal/EntitySignal.csproj:
--------------------------------------------------------------------------------
1 |
7 |
35 |
36 |
37 | @section Styles{
38 |
39 | }
40 |
41 | @section Scripts{
42 |
43 |
44 |
45 |
48 | }
49 |
50 |
--------------------------------------------------------------------------------
/EntitySignal/Views/Example/AngularJs.cshtml:
--------------------------------------------------------------------------------
1 | @{
2 | ViewData["Title"] = "AngularJs Example";
3 | }
4 |
5 |
8 |
14 |
15 |
9 |
11 |
12 |
13 | Documentation
10 |11 |
12 |
16 |
34 |
17 |
24 |
25 |
18 | @foreach (var doc in Model.Docs)
19 | {
20 | @doc.Replace("-", " ")
21 | }
22 |
23 | 24 |
26 |
33 | 27 | Edit 28 |
29 |@Model.Title
30 | 31 | @Html.Raw(@Markdig.Markdown.ToHtml(Model.Markdown)) 32 |
6 |
8 |
9 |
10 |
11 | @{
12 | await Html.RenderPartialAsync("_AngularJs");
13 | }
14 |
15 | @section Scripts{
16 |
17 |
18 |
19 |
20 | }
21 |
22 |
23 | @section Styles{
24 |
25 | }
--------------------------------------------------------------------------------
/EntitySignal/Views/Example/React.cshtml:
--------------------------------------------------------------------------------
1 | @{
2 | ViewData["Title"] = "React Example";
3 | }
4 |
5 | AngularJs Example
7 |8 |
6 |
8 |
9 |
10 |
11 |
12 |
13 | @section Scripts{
14 |
15 |
16 |
17 |
18 |
19 |
20 | }
--------------------------------------------------------------------------------
/EntitySignal/Views/Example/VueJs.cshtml:
--------------------------------------------------------------------------------
1 | @{
2 | ViewData["Title"] = "VueJs Example";
3 | }
4 |
5 | React Example
7 |8 |
6 |
8 |
9 |
10 |
11 | VueJs Example
7 |8 |
12 |
102 |
103 |
104 |
105 | @section Styles {
106 |
111 | }
112 |
113 | @section Scripts{
114 |
115 |
116 |
117 |
118 |
119 |
120 | }
121 |
--------------------------------------------------------------------------------
/EntitySignal/Views/Home/Index.cshtml:
--------------------------------------------------------------------------------
1 | @{
2 | ViewData["Title"] = "Real Time Entity Framework (EF) and ASP.NET core";
3 | }
4 |
13 |
48 |
49 |
14 |
15 |
47 |
16 |
22 |
23 |
17 |
21 | 18 | Connected to entity framework through signalr 19 |
20 |
24 |
30 |
31 |
25 |
29 | 26 | Disconnected 27 |
28 |
32 |
38 |
39 |
33 |
37 | 34 | Waiting for connectionId 35 |
36 |
40 |
46 |
41 |
45 | 42 | Connecting to entity framework through signalr 43 |
44 |
50 |
57 |
51 |
52 |
53 |
54 |
55 |
56 |
58 |
62 |
59 |
60 |
61 |
63 |
70 |
71 |
64 |
65 |
66 |
67 |
68 |
69 |
72 |
101 |
73 |
78 |
79 | Messages
74 |75 |
{{message}}
76 |
77 | 78 |
80 |
85 |
86 | Messages with odd id
81 |82 |
{{filterMessages}}
83 |
84 | 85 |
87 |
92 |
93 | Jokes
88 |89 |
{{joke}}
90 |
91 | 92 |
94 |
99 |
100 | Jokes with guid answer
95 |96 |
{{joke}}
97 |
98 | 99 |
5 | 6 |
7 |
24 |
25 |
26 |
8 |
23 |
9 |
22 |
10 |
21 |
11 |
20 | @ViewData["Title"]
12 |Make all of your data real time. Receive updates no matter where the object was created or edited! Uses existing ASP.NET core permissions system.
13 |
14 | 
15 |
17 | View On GitHub 18 |
19 |
27 |
29 |
36 |
37 |
38 | What is Entity Signal?
28 |29 |
30 | Entity Signal allows you 31 | to connect to Entity Framework through SignalR and get updates on subscribed data in real time. This lowers the number 32 | of refreshes done by the user and ultimately allows you to do more with fewer servers. It is also requires minimal changes, 33 | so you can make real-time apps about as easily as you can make standard apps. 34 |
35 |
39 |
41 |
52 |
53 | Top Features
40 |41 |
42 | Sync Frontend Collection To Backend Entity signal will make sure that a given collection will remain in sync with the backend
43 |
44 | Second Query Instant Requesting the same endpoint 2 times? The second request is returned instantly if the first is already synced.
45 |
46 | Performance Entity signal allows you to do more with less, while also delivering realtime functionality
47 |
48 | Stable and Scaleable Foundation Built inbetween entity framework and signalr entity signal is built on a stable and scaleable foundation
49 |
50 |
54 |
56 |
70 |
71 | Works with Javascript and C#
55 |56 |
57 | VanillaJs (Quick Start Guide)
58 |
59 | React (Example) (Integration Guide)
60 |
61 | VueJs (Example) (Integration Guide)
62 |
63 | AngularJs (Example) (Integration Guide)
64 |
65 | .Net Standard (Integration Guide)
66 |
67 | Xamarin (Integration Guide)
68 |
72 |
74 |
83 |
84 | Testimonials
73 |74 |
75 |
82 |
76 |
78 | 77 |Clever solution from @@dustout called EntitySignal that bridges .NET's Entity Framework and ASPNET Core's SignalR's realtime websocket notifications https://t.co/D9UXUFbLXh
— Scott Hanselman (@@shanselman) May 14, 2019
79 |
81 | 80 |Amazing!! It’s remember me Firebase real-time
— Alexsandro (@@alexsandro_xpt) May 16, 2019
85 |
87 | 92 |
93 |
94 | Performance (Don't believe me? Try it yourself and watch the stats here)
86 |87 | 92 |
95 |
97 |
98 |
99 | @{
100 | await Html.RenderPartialAsync("_AngularJs");
101 | }
102 |
103 | @section Scripts{
104 |
105 |
106 |
107 |
108 |
109 | }
110 |
111 |
112 | @section Styles{
113 |
114 | }
--------------------------------------------------------------------------------
/EntitySignal/Views/Home/QuickStart.cshtml:
--------------------------------------------------------------------------------
1 | @model String;
2 | @{
3 | ViewData["Title"] = "Quick Start";
4 | ViewData["ActiveNavItem"] = "Examples";
5 | }
6 | Example (Open In Multiple Tabs for best experience)
96 |97 |
7 |
17 |
18 | @section Styles{
19 |
20 | }
21 |
22 | @section Scripts{
23 |
24 |
25 |
26 |
29 | }
--------------------------------------------------------------------------------
/EntitySignal/Views/Home/Stats.cshtml:
--------------------------------------------------------------------------------
1 | @{
2 | ViewData["Title"] = "Statistics Page";
3 | }
4 |
5 | @{
6 | var connectedUsers = EntitySignal.Services.EntitySignalDataStore.SubscriptionsByType.SelectMany(x=>x.Value.SubscriptionsByUser.Select(y=>y.Key)).Distinct();
7 | }
8 |
9 |
8 |
16 |
9 |
11 | 12 | @Html.Raw(Markdig.Markdown.ToHtml(Model)) 13 |
14 |
15 | Quick Start
10 |11 | 12 | @Html.Raw(Markdig.Markdown.ToHtml(Model)) 13 |
14 |
10 |
14 |
15 |
11 |
13 | Tracked Users (entity signal): @connectedUsers.Count()
12 |
16 |
26 |
--------------------------------------------------------------------------------
/EntitySignal/Views/Shared/Error.cshtml:
--------------------------------------------------------------------------------
1 | @model ErrorViewModel
2 | @{
3 | ViewData["Title"] = "Error";
4 | }
5 |
6 |
17 | Users:
18 |
25 | -
19 | @foreach (var user in connectedUsers)
20 | {
21 |
- @user 22 | } 23 |
Error.
7 |An error occurred while processing your request.
8 | 9 | @if (Model.ShowRequestId) 10 | { 11 |
12 | Request ID: @Model.RequestId
13 |
Development Mode
17 |18 | Swapping to Development environment will display more detailed information about the error that occurred. 19 |
20 |21 | The Development environment shouldn't be enabled for deployed applications. 22 | It can result in displaying sensitive information from exceptions to end users. 23 | For local debugging, enable the Development environment by setting the ASPNETCORE_ENVIRONMENT environment variable to Development 24 | and restarting the app. 25 |
26 | -------------------------------------------------------------------------------- /EntitySignal/Views/Shared/_AngularJs.cshtml: -------------------------------------------------------------------------------- 1 |
2 |
96 |
97 |
98 |
--------------------------------------------------------------------------------
/EntitySignal/Views/Shared/_CookieConsentPartial.cshtml:
--------------------------------------------------------------------------------
1 | @using Microsoft.AspNetCore.Http.Features
2 |
3 | @{
4 | var consentFeature = Context.Features.Get
3 |
38 |
39 |
4 |
5 |
37 |
6 |
12 |
13 |
7 |
11 | 8 | Connected to entity framework through SignalR 9 |
10 |
14 |
20 |
21 |
15 |
19 | 16 | Disconnected 17 |
18 |
22 |
28 |
29 |
23 |
27 | 24 | Waiting for connectionId 25 |
26 |
30 |
36 |
31 |
35 | 32 | Connecting to entity framework through SignalR 33 |
34 |
40 |
47 |
41 |
42 |
43 |
44 |
45 |
46 |
48 |
52 |
49 |
50 |
51 |
53 |
60 |
61 |
54 |
55 |
56 |
57 |
58 |
59 |
62 |
95 |
63 |
69 |
70 | Messages
64 |_entitySignal.Subscribe<Message>();66 |
{{message | json}}
67 |
68 | 69 |
71 |
77 |
78 | Messages with odd id
72 |_entitySignal.Subscribe<Message>(x=>x.Id % 2 == 1);74 |
{{filterMessages | json}}
75 |
76 | 77 |
79 |
85 |
86 | Jokes
80 |_entitySignal.Subscribe<Joke>();82 |
{{joke | json}}
83 |
84 | 85 |
87 |
93 |
94 | Jokes with guid answer
88 |_entitySignal.Subscribe<Joke>(x => Guid.TryParse(x.Punchline, out Guid g));90 |
{{joke | json}}
91 |
92 | 93 |
71 |
72 |
73 | @RenderBody()
74 |
75 |
76 |
77 |
78 |
79 |
86 |
87 |
88 |
93 |
98 |
99 | @RenderSection("Scripts", required: false)
100 |
101 |
102 |
--------------------------------------------------------------------------------
/EntitySignal/Views/Shared/_LoginPartial.cshtml:
--------------------------------------------------------------------------------
1 | @using Microsoft.AspNetCore.Identity
2 | @inject SignInManager
71 | {JSON.stringify(message, null, 2)}
72 |
73 | );
74 | return (
75 |
76 |
88 | );
89 | }
90 | }
91 |
92 | class TopButtons extends React.Component {
93 | getUrl(url: string) {
94 | axios.get(url);
95 | }
96 |
97 | render() {
98 | return (
99 | {this.props.title}
77 |{messagesDisplay}
78 | {
79 | this.state.maxMessages && this.state.messages.length > this.state.maxMessages ? (
80 |
83 | ) : (
84 |
85 | )
86 | }
87 |
100 |
122 | )
123 | }
124 | }
125 |
126 | class ConnectionStatus extends React.Component<{}, { status: EntitySignal.EntitySignalStatus }> {
127 | onStatusChangeId: any;
128 |
129 | constructor(props: DataSyncTestProps) {
130 | super(props);
131 | this.state = {
132 | status: client.status
133 | };
134 | }
135 |
136 | componentDidMount() {
137 | this.onStatusChangeId = client.onStatusChange(newStatus => {
138 | this.setState({
139 | status: newStatus
140 | });
141 | });
142 | }
143 |
144 | componentWillUnmount() {
145 | client.offStatusChange(this.onStatusChangeId);
146 | }
147 |
148 | render() {
149 | var statusHtml: JSX.Element = null;
150 |
151 | if (this.state.status == EntitySignal.EntitySignalStatus.Connected) {
152 | statusHtml = (
101 |
108 |
102 |
103 |
104 |
105 |
106 |
107 |
109 |
113 |
110 |
111 |
112 |
114 |
121 |
115 |
116 |
117 |
118 |
119 |
120 |
153 |
);
159 | }
160 | else if (this.state.status == EntitySignal.EntitySignalStatus.Disconnected) {
161 | statusHtml = (
154 |
158 | 155 | Connected to entity framework through signalr 156 |
157 |
162 |
);
168 | }
169 | else if (this.state.status == EntitySignal.EntitySignalStatus.WaitingForConnectionId) {
170 | statusHtml = (
163 |
167 | 164 | Disconnected 165 |
166 |
171 |
);
177 | }
178 | else if (this.state.status == EntitySignal.EntitySignalStatus.Connecting) {
179 | statusHtml = (
172 |
176 | 173 | Waiting for connectionId 174 |
175 |
180 |
);
186 | }
187 |
188 | return (
189 |
181 |
185 | 182 | Connecting to entity framework through signalr 183 |
184 |
190 |
194 | )
195 | }
196 | }
197 |
198 | class DataResults extends React.Component {
199 | render() {
200 | return (
201 |
191 | {statusHtml}
192 |
193 |
202 |
215 | )
216 | }
217 | }
218 |
219 | class App extends React.Component {
220 | render() {
221 | return (
222 |
203 |
205 |
206 |
208 |
209 |
211 |
212 |
214 |
223 |
227 | )
228 | }
229 | }
230 |
231 | ReactDOM.render(
232 |