Publish blazor samples to production (#925)

Author: dkamburov

.gitignore

@@ -54,6 +54,8 @@
 
 /browser/Tests
 
+/browser/IgBlazorSamples.Test/Generated/**
+
 # misc
 .DS_Store
 .env.local

README.md

@@ -119,7 +119,7 @@ NOTE Do NOT find replace version of packages in package.json files.
 - run the `gulp updateIG` command
 - create AND merge a pull request with changes in all *.csproj files in this repository
 - create 2nd pull request with similar changes in `/editor-templates/Blazor/main-template/BlazorClientApp.csproj` of the [igniteui-xplat-examples](https://github.com/IgniteUI/igniteui-xplat-examples) repository.
-
+- also update version in yml files: `/azure-pipelines/build-pipeline-client.yml` and `/azure-pipelines/build-pipeline-server.yml` in the `igVersion` parameter.
 
 ## Resources
 

azure-pipelines/NuGet.config

@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<configuration>
+  <packageSources>
+    <add key="local-packages" value="../Dependencies/Blazor_NuGet" />
+    <add key="nuget" value="https://api.nuget.org/v3/index.json" />
+  </packageSources>
+</configuration>

azure-pipelines/build-pipeline-client.yml

@@ -38,7 +38,7 @@ stages:
 
       - template: templates/build-steps-template.yml
         parameters:
-          igVersion: '24.2.52'
+          igVersion: '24.2.71'
           igNuGetFeedUrl: $(IG_Nuget_Feed_URL)
           projectToBuild: Client
           isVerbose: ${{ parameters.isVerbose }}

azure-pipelines/build-pipeline-server.yml

@@ -37,7 +37,7 @@ stages:
 
       - template: templates/build-steps-template.yml
         parameters:
-          igVersion: '24.2.52'
+          igVersion: '24.2.71'
           igNuGetFeedUrl: $(IG_Nuget_Feed_URL)
           projectToBuild: Server
           isVerbose: ${{ parameters.isVerbose }}

azure-pipelines/templates/build-steps-template.yml

@@ -24,9 +24,9 @@ steps:
       customCommand: ci
 
   - task: CmdLine@2
-    displayName: 'npx gulp copySamplesTo${{ parameters.projectToBuild }}'
+    displayName: 'npx gulp copySamplesTo${{ parameters.projectToBuild }}CI'
     inputs:
-      script: 'npx gulp copySamplesTo${{ parameters.projectToBuild }}'
+      script: 'npx gulp copySamplesTo${{ parameters.projectToBuild }}CI'
       workingDirectory:  '$(Build.SourcesDirectory)\browser\IgBlazorSamples.Gulp'
       failOnStderr: true
 

browser/.runsettings

@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<RunSettings>
+  <NUnit>
+    <NumberOfTestWorkers>7</NumberOfTestWorkers>
+  </NUnit>
+  <Playwright>
+    <BrowserName>chromium</BrowserName>
+    <ExpectTimeout>5000</ExpectTimeout>
+    <LaunchOptions>
+      <!--<Headless>false</Headless>-->
+    </LaunchOptions>
+  </Playwright>
+  <TestRunParameters>
+    <Parameter name="defaultTimeout" value="40000" />
+    <Parameter name="useInMemoryClient" value="true" />
+    <Parameter name="testUrl" value="http://localhost:4200" />
+  </TestRunParameters>
+</RunSettings>

browser/IgBlazorSamples.Client/IgBlazorSamples.Client.csproj

@@ -48,9 +48,9 @@
     <!-- End NPM Updates -->
 
   <ItemGroup>
-    <PackageReference Include="IgniteUI.Blazor" Version="24.2.52" />
-    <PackageReference Include="IgniteUI.Blazor.Documents.Core" Version="24.2.52" />
-    <PackageReference Include="IgniteUI.Blazor.Documents.Excel" Version="24.2.52" />
+    <PackageReference Include="IgniteUI.Blazor" Version="24.2.71" />
+    <PackageReference Include="IgniteUI.Blazor.Documents.Core" Version="24.2.71" />
+    <PackageReference Include="IgniteUI.Blazor.Documents.Excel" Version="24.2.71" />
     <PackageReference Include="Microsoft.AspNetCore.Components" Version="9.0.0" />
     <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="9.0.0" />
     <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.DevServer" Version="9.0.0" />

browser/IgBlazorSamples.Gulp/gulpfile.js

@@ -66,12 +66,21 @@ exports.updateIG = updateIG = gulp.series(
     sb.updateIG,
 );
 
+// Copy samples task used only for local run of the Samples Browser Server.
 exports.copySamplesToServer = copySamplesToServer = gulp.series(
     // sb.updateVersion,
     sb.getSamples,
     sb.copySamplesToServer,
 );
 
+// Copy samples task used on host agents. Samples Browser Server from there has added '/blazor-samples' to the base url.
+exports.copySamplesToServerCI = copySamplesToServerCI = gulp.series(
+    // sb.updateVersion,
+    sb.getSamples,
+    sb.copySamplesToServerCI,
+);
+
+// Copy samples task used only for local run of the SB Client.
 exports.copySamplesToClient = copySamplesToClient = gulp.series(
     // sb.updateVersion,
     sb.getSamples,
@@ -81,6 +90,15 @@ exports.copySamplesToClient = copySamplesToClient = gulp.series(
 );
 exports.updateBrowser = updateBrowser = copySamplesToClient;
 
+// Copy samples task used on host agents. Samples Browser Client from there has added '/blazor-samples' to the base url.
+exports.copySamplesToClientCI = copySamplesToClientCI = gulp.series(
+    // sb.updateVersion,
+    sb.getSamples,
+    sb.copySamplesToClientCI,
+    sb.updateCodeViewer,
+    sb.updateReadme,
+);
+
 exports.cleanupSampleBrowsers = cleanupSampleBrowsers = gulp.series(
     sb.cleanupSampleBrowsers,
 );

browser/IgBlazorSamples.Gulp/tasks/gulp-samples.js

@@ -376,7 +376,7 @@ function copySamplePages(cb, outputPath) {
     cb();
 }
 
-function copySampleScripts(cb, outputPath, indexName) {
+function copySampleScripts(cb, outputPath, indexName, isLocalBuild) {
     var insertScriptFiles = [];
 
     log('deleting scripts in: ' + outputPath + '/wwwroot/sb/*.js');
@@ -467,7 +467,6 @@ function copySampleScripts(cb, outputPath, indexName) {
 
     // indexLines = indexLines.filter((v, i, a) => a.indexOf(v) === i);
 
-    var isLocalBuild = __dirname.indexOf('Agent') < 0;
     for (let i = 0; i < indexLines.length; i++) {
         if (indexLines[i].indexOf('<base href') > 0) {
             if (isLocalBuild) {
@@ -495,19 +494,31 @@ function copySampleScripts(cb, outputPath, indexName) {
 // '../../browser/IgBlazorSamples.Server/wwwroot'
 function copySamplesToServer(cb) {
     cleanupSampleBrowser( "../../browser/IgBlazorSamples.Server");
-    copySampleScripts(cb, "../../browser/IgBlazorSamples.Server", "/Pages/_Host.cshtml");
+    copySampleScripts(cb, "../../browser/IgBlazorSamples.Server", "/Pages/_Host.cshtml", true);
     copySamplePages(cb,   "../../browser/IgBlazorSamples.Server");
 } exports.copySamplesToServer = copySamplesToServer;
 
+function copySamplesToServerCI(cb) {
+    cleanupSampleBrowser( "../../browser/IgBlazorSamples.Server");
+    copySampleScripts(cb, "../../browser/IgBlazorSamples.Server", "/Pages/_Host.cshtml", false);
+    copySamplePages(cb,   "../../browser/IgBlazorSamples.Server");
+} exports.copySamplesToServerCI = copySamplesToServerCI;
+
 // '../../browser/IgBlazorSamples.Client/Pages'
 // '../../browser/IgBlazorSamples.Client/Services'
 // '../../browser/IgBlazorSamples.Client/wwwroot'
 function copySamplesToClient(cb) {
     cleanupSampleBrowser( "../../browser/IgBlazorSamples.Client");
-    copySampleScripts(cb, "../../browser/IgBlazorSamples.Client", "/wwwroot/index.html");
+    copySampleScripts(cb, "../../browser/IgBlazorSamples.Client", "/wwwroot/index.html", true);
     copySamplePages(cb,   "../../browser/IgBlazorSamples.Client");
 } exports.copySamplesToClient = copySamplesToClient;
 
+function copySamplesToClientCI(cb) {
+    cleanupSampleBrowser( "../../browser/IgBlazorSamples.Client");
+    copySampleScripts(cb, "../../browser/IgBlazorSamples.Client", "/wwwroot/index.html", false);
+    copySamplePages(cb,   "../../browser/IgBlazorSamples.Client");
+} exports.copySamplesToClientCI = copySamplesToClientCI;
+
 function updateReadme(cb) {
 
     var changeFilesCount = 0;
@@ -593,9 +604,9 @@ function updateIG(cb) {
 
     let packageUpgrades = [
         // update version of IG packages and change to Trial or non-trial
-        { version: "24.2.52", name: "IgniteUI.Blazor" },
-        { version: "24.2.52", name: "IgniteUI.Blazor.Documents.Core" },
-        { version: "24.2.52", name: "IgniteUI.Blazor.Documents.Excel" },
+        { version: "24.2.71", name: "IgniteUI.Blazor" },
+        { version: "24.2.71", name: "IgniteUI.Blazor.Documents.Core" },
+        { version: "24.2.71", name: "IgniteUI.Blazor.Documents.Excel" },
         // these IG packages are sometimes updated:
         { version: "9.0.0", name: "Microsoft.AspNetCore.Components" },
         { version: "9.0.0", name: "Microsoft.AspNetCore.Components.Web" },