' + JSON.stringify(params, null, 4) + ''; + + resolve({ + html: '
+ This sample demonstrates how you can invoke a JavaScript module that contains + prerendering logic for a Single-Page Application framework. +
+ + Your prerendering boot function will receive parameters that describe the page + being rendered and any data supplied by the .NET code. The return value should be + a promise that resolves with data to be injected into the page, such as the + rendered HTML and any global data that should be made available to client-side code. + + +@Html.Raw(ViewData["PrerenderedHtml"]) + + + + diff --git a/samples/misc/NodeServicesExamples/package.json b/samples/misc/NodeServicesExamples/package.json index 58b8a32e..9787758b 100644 --- a/samples/misc/NodeServicesExamples/package.json +++ b/samples/misc/NodeServicesExamples/package.json @@ -2,6 +2,7 @@ "name": "nodeservicesexamples", "version": "0.0.0", "dependencies": { + "aspnet-prerendering": "^2.0.6", "babel-core": "^6.7.4", "babel-preset-es2015": "^6.6.0", "node-chartist": "^1.0.2" diff --git a/samples/misc/Webpack/ActionResults/PrerenderResult.cs b/samples/misc/Webpack/ActionResults/PrerenderResult.cs index e80b5b12..4f2c8f50 100644 --- a/samples/misc/Webpack/ActionResults/PrerenderResult.cs +++ b/samples/misc/Webpack/ActionResults/PrerenderResult.cs @@ -27,6 +27,7 @@ public override async Task ExecuteResultAsync(ActionContext context) { var nodeServices = context.HttpContext.RequestServices.GetRequiredServiceThis is a simple example of an Angular component.
- -Current count: {{ currentCount }}
- - diff --git a/templates/AngularSpa/ClientApp/app/components/counter/counter.component.spec.ts b/templates/AngularSpa/ClientApp/app/components/counter/counter.component.spec.ts deleted file mode 100644 index 61e49bcd..00000000 --- a/templates/AngularSpa/ClientApp/app/components/counter/counter.component.spec.ts +++ /dev/null @@ -1,29 +0,0 @@ -///This component demonstrates fetching data from the server.
- -Loading...
- -| Date | -Temp. (C) | -Temp. (F) | -Summary | -
|---|---|---|---|
| {{ forecast.dateFormatted }} | -{{ forecast.temperatureC }} | -{{ forecast.temperatureF }} | -{{ forecast.summary }} | -
Welcome to your new single-page application, built with:
-To help you get started, we've also set up:
-webpack build tool. Your client-side resources are dynamically built on demand. Updates are available as soon as you modify any file.webpack build tool produces minified static CSS and JavaScript files.
- Request ID: @ViewData["RequestId"]
-
- Swapping to Development environment will display more detailed information about the error that occurred. -
-- Development environment should not be enabled in deployed applications, as it can result in sensitive information from exceptions being displayed to end users. For local debugging, development environment can be enabled by setting the ASPNETCORE_ENVIRONMENT environment variable to Development, and restarting the application. -
diff --git a/templates/AngularSpa/Views/Shared/_Layout.cshtml b/templates/AngularSpa/Views/Shared/_Layout.cshtml deleted file mode 100644 index d5b7a0f5..00000000 --- a/templates/AngularSpa/Views/Shared/_Layout.cshtml +++ /dev/null @@ -1,16 +0,0 @@ - - - - - -This is a simple example of an Aurelia component.
- -Current count: ${currentCount}
- - - diff --git a/templates/AureliaSpa/ClientApp/app/components/counter/counter.ts b/templates/AureliaSpa/ClientApp/app/components/counter/counter.ts deleted file mode 100644 index 3217c449..00000000 --- a/templates/AureliaSpa/ClientApp/app/components/counter/counter.ts +++ /dev/null @@ -1,7 +0,0 @@ -export class Counter { - public currentCount = 0; - - public incrementCounter() { - this.currentCount++; - } -} diff --git a/templates/AureliaSpa/ClientApp/app/components/fetchdata/fetchdata.html b/templates/AureliaSpa/ClientApp/app/components/fetchdata/fetchdata.html deleted file mode 100644 index bd06c35d..00000000 --- a/templates/AureliaSpa/ClientApp/app/components/fetchdata/fetchdata.html +++ /dev/null @@ -1,26 +0,0 @@ - -This component demonstrates fetching data from the server.
- -Loading...
- -| Date | -Temp. (C) | -Temp. (F) | -Summary | -
|---|---|---|---|
| ${ forecast.dateFormatted } | -${ forecast.temperatureC } | -${ forecast.temperatureF } | -${ forecast.summary } | -
Welcome to your new single-page application, built with:
-To help you get started, we've also set up:
-webpack build tool. Your client-side resources are dynamically built on demand. Updates are available as soon as you modify any file.webpack build tool produces minified static CSS and JavaScript files.
- Request ID: @ViewData["RequestId"]
-
- Swapping to Development environment will display more detailed information about the error that occurred. -
-- Development environment should not be enabled in deployed applications, as it can result in sensitive information from exceptions being displayed to end users. For local debugging, development environment can be enabled by setting the ASPNETCORE_ENVIRONMENT environment variable to Development, and restarting the application. -
diff --git a/templates/AureliaSpa/Views/Shared/_Layout.cshtml b/templates/AureliaSpa/Views/Shared/_Layout.cshtml deleted file mode 100644 index d5b7a0f5..00000000 --- a/templates/AureliaSpa/Views/Shared/_Layout.cshtml +++ /dev/null @@ -1,16 +0,0 @@ - - - - - -This is a simple example of a Knockout component.
- -Current count:
- - diff --git a/templates/KnockoutSpa/ClientApp/components/counter-example/counter-example.ts b/templates/KnockoutSpa/ClientApp/components/counter-example/counter-example.ts deleted file mode 100644 index 39b7f046..00000000 --- a/templates/KnockoutSpa/ClientApp/components/counter-example/counter-example.ts +++ /dev/null @@ -1,12 +0,0 @@ -import * as ko from 'knockout'; - -class CounterExampleViewModel { - public currentCount = ko.observable(0); - - public incrementCounter() { - let prevCount = this.currentCount(); - this.currentCount(prevCount + 1); - } -} - -export default { viewModel: CounterExampleViewModel, template: require('./counter-example.html') }; diff --git a/templates/KnockoutSpa/ClientApp/components/fetch-data/fetch-data.html b/templates/KnockoutSpa/ClientApp/components/fetch-data/fetch-data.html deleted file mode 100644 index 8e9223bb..00000000 --- a/templates/KnockoutSpa/ClientApp/components/fetch-data/fetch-data.html +++ /dev/null @@ -1,24 +0,0 @@ -This component demonstrates fetching data from the server.
- -Loading...
- -| Date | -Temp. (C) | -Temp. (F) | -Summary | -
|---|---|---|---|
| - | - | - | - |
Welcome to your new single-page application, built with:
-To help you get started, we've also set up:
-webpack build tool. Your client-side resources are dynamically built on demand. Updates are available as soon as you modify any file.webpack build tool produces minified static CSS and JavaScript files.
- Request ID: @ViewData["RequestId"]
-
- Swapping to Development environment will display more detailed information about the error that occurred. -
-- Development environment should not be enabled in deployed applications, as it can result in sensitive information from exceptions being displayed to end users. For local debugging, development environment can be enabled by setting the ASPNETCORE_ENVIRONMENT environment variable to Development, and restarting the application. -
diff --git a/templates/KnockoutSpa/Views/Shared/_Layout.cshtml b/templates/KnockoutSpa/Views/Shared/_Layout.cshtml deleted file mode 100644 index 2860f315..00000000 --- a/templates/KnockoutSpa/Views/Shared/_Layout.cshtml +++ /dev/null @@ -1,20 +0,0 @@ - - - - - -This is a simple example of a React component.
- -Current count: { this.props.count }
- - -This component demonstrates fetching data from the server and working with URL parameters.
- { this.renderForecastsTable() } - { this.renderPagination() } -| Date | -Temp. (C) | -Temp. (F) | -Summary | -
|---|---|---|---|
| { forecast.dateFormatted } | -{ forecast.temperatureC } | -{ forecast.temperatureF } | -{ forecast.summary } | -
- Previous - Next - { this.props.isLoading ? Loading... : [] } -
; - } -} - -export default connect( - (state: ApplicationState) => state.weatherForecasts, // Selects which state properties are merged into the component's props - WeatherForecastsState.actionCreators // Selects which action creators are merged into the component's props -)(FetchData) as typeof FetchData; diff --git a/templates/ReactReduxSpa/ClientApp/components/Home.tsx b/templates/ReactReduxSpa/ClientApp/components/Home.tsx deleted file mode 100644 index c79e5de6..00000000 --- a/templates/ReactReduxSpa/ClientApp/components/Home.tsx +++ /dev/null @@ -1,25 +0,0 @@ -import * as React from 'react'; -import { RouteComponentProps } from 'react-router-dom'; - -export default class Home extends React.ComponentWelcome to your new single-page application, built with:
-To help you get started, we've also set up:
-webpack build tool. Your client-side resources are dynamically built on demand. Updates are available as soon as you modify any file.webpack build tool produces minified static CSS and JavaScript files.
- Request ID: @ViewData["RequestId"]
-
- Swapping to Development environment will display more detailed information about the error that occurred. -
-- Development environment should not be enabled in deployed applications, as it can result in sensitive information from exceptions being displayed to end users. For local debugging, development environment can be enabled by setting the ASPNETCORE_ENVIRONMENT environment variable to Development, and restarting the application. -
diff --git a/templates/ReactReduxSpa/Views/Shared/_Layout.cshtml b/templates/ReactReduxSpa/Views/Shared/_Layout.cshtml deleted file mode 100644 index 388f8f90..00000000 --- a/templates/ReactReduxSpa/Views/Shared/_Layout.cshtml +++ /dev/null @@ -1,18 +0,0 @@ - - - - - -This is a simple example of a React component.
- -Current count: { this.state.currentCount }
- - -Loading...
- : FetchData.renderForecastsTable(this.state.forecasts); - - returnThis component demonstrates fetching data from the server.
- { contents } -| Date | -Temp. (C) | -Temp. (F) | -Summary | -
|---|---|---|---|
| { forecast.dateFormatted } | -{ forecast.temperatureC } | -{ forecast.temperatureF } | -{ forecast.summary } | -
Welcome to your new single-page application, built with:
-To help you get started, we've also set up:
-webpack build tool. Your client-side resources are dynamically built on demand. Updates are available as soon as you modify any file.webpack build tool produces minified static CSS and JavaScript files.
- For larger applications, or for server-side prerendering (i.e., for isomorphic or universal applications), you should consider using a Flux/Redux-like architecture.
- You can generate an ASP.NET Core application with React and Redux using dotnet new reactredux instead of using this template.
-
- Request ID: @ViewData["RequestId"]
-
- Swapping to Development environment will display more detailed information about the error that occurred. -
-- Development environment should not be enabled in deployed applications, as it can result in sensitive information from exceptions being displayed to end users. For local debugging, development environment can be enabled by setting the ASPNETCORE_ENVIRONMENT environment variable to Development, and restarting the application. -
diff --git a/templates/ReactSpa/Views/Shared/_Layout.cshtml b/templates/ReactSpa/Views/Shared/_Layout.cshtml deleted file mode 100644 index 2860f315..00000000 --- a/templates/ReactSpa/Views/Shared/_Layout.cshtml +++ /dev/null @@ -1,20 +0,0 @@ - - - - - -This is a simple example of a Vue.js component.
- -Current count: {{ currentcount }}
- - -This component demonstrates fetching data from the server.
- -| Date | -Temp. (C) | -Temp. (F) | -Summary | -
|---|---|---|---|
| {{ item.dateFormatted }} | -{{ item.temperatureC }} | -{{ item.temperatureF }} | -{{ item.summary }} | -
Loading...
-Welcome to your new single-page application, built with:
-To help you get started, we've also set up:
-webpack build tool. Your client-side resources are dynamically built on demand. Updates are available as soon as you modify any file.webpack build tool produces minified static CSS and JavaScript files.
- Request ID: @ViewData["RequestId"]
-
- Swapping to Development environment will display more detailed information about the error that occurred. -
-- Development environment should not be enabled in deployed applications, as it can result in sensitive information from exceptions being displayed to end users. For local debugging, development environment can be enabled by setting the ASPNETCORE_ENVIRONMENT environment variable to Development, and restarting the application. -
diff --git a/templates/VueSpa/Views/Shared/_Layout.cshtml b/templates/VueSpa/Views/Shared/_Layout.cshtml deleted file mode 100644 index 2860f315..00000000 --- a/templates/VueSpa/Views/Shared/_Layout.cshtml +++ /dev/null @@ -1,20 +0,0 @@ - - - - - -