Merge pull request #45 from TechnologyEnhancedLearning/feat-add-tel-frontend-package

Feat add tel frontend package

Author: Phil-NHS

.github/workflows/dev.yml

@@ -212,7 +212,17 @@ jobs:
       - name: Clean lock files because the newly generated package file will superseed the locks
         run: |
           find . -name "packages.lock.json" -type f -exec rm -f {} \;
-          
+      
+      - name: Set up Node.js so we have gulp for retrieving TEL Frontend Css
+        uses: actions/setup-node@v4
+        with:
+          node-version: '20'
+    
+      - name: Install npm packages so we have gulp for retrieving TEL Frontend Css
+        working-directory: ./Package.BlazorComponentLibrary
+        run: npm ci
+        #CI is an install with adhering to package-lock
+      
       - name: Build BlazorComponentLibrary (it publishes on build)
         run: |
           dotnet build Package.BlazorComponentLibrary -c Release \

.github/workflows/release.yml

@@ -119,7 +119,16 @@ jobs:
       - name: Restore NuGet Packages for Specifically the BCL Package Library Project
         run: dotnet restore Package.BlazorComponentLibrary/Package.BlazorComponentLibrary.csproj
 
-       
+      - name: Set up Node.js so we have gulp for retrieving TEL Frontend Css
+        uses: actions/setup-node@v4
+        with:
+          node-version: '20'
+    
+      - name: Install npm packages so we have gulp for retrieving TEL Frontend Css
+        working-directory: ./Package.BlazorComponentLibrary
+        run: npm ci
+        #CI is an install with adhering to package-lock
+        
       - name: Build and Pack BlazorComponentLibrary
         run: |
           dotnet build Package.BlazorComponentLibrary -c Release \

CHANGELOG.md

@@ -1,3 +1,45 @@
+# [9.2.0-feat-add-tel-frontend-package.6](https://github.com/TechnologyEnhancedLearning/GitPageBlazorWASM/compare/v9.2.0-feat-add-tel-frontend-package.5...v9.2.0-feat-add-tel-frontend-package.6) (2025-04-22)
+
+
+### Bug Fixes
+
+* **go to release:** css pipeline ([06d3df6](https://github.com/TechnologyEnhancedLearning/GitPageBlazorWASM/commit/06d3df62a326d17c2c17483ce7412ae95c313816))
+
+# [9.2.0-feat-add-tel-frontend-package.5](https://github.com/TechnologyEnhancedLearning/GitPageBlazorWASM/compare/v9.2.0-feat-add-tel-frontend-package.4...v9.2.0-feat-add-tel-frontend-package.5) (2025-04-22)
+
+
+### Bug Fixes
+
+* **pipe:** npm ([cf9780a](https://github.com/TechnologyEnhancedLearning/GitPageBlazorWASM/commit/cf9780ac5eb6d3b2ddb4d26e4358f795abf0f6a4))
+
+# [9.2.0-feat-add-tel-frontend-package.4](https://github.com/TechnologyEnhancedLearning/GitPageBlazorWASM/compare/v9.2.0-feat-add-tel-frontend-package.3...v9.2.0-feat-add-tel-frontend-package.4) (2025-04-22)
+
+
+### Bug Fixes
+
+* **try npm in ci:** ci for npm ([74e6df9](https://github.com/TechnologyEnhancedLearning/GitPageBlazorWASM/commit/74e6df9f94caaf09ff800ab47546c5674dbcbd5d))
+
+# [9.2.0-feat-add-tel-frontend-package.3](https://github.com/TechnologyEnhancedLearning/GitPageBlazorWASM/compare/v9.2.0-feat-add-tel-frontend-package.2...v9.2.0-feat-add-tel-frontend-package.3) (2025-04-22)
+
+
+### Bug Fixes
+
+* **is it read:** is it red ([660b5ab](https://github.com/TechnologyEnhancedLearning/GitPageBlazorWASM/commit/660b5ab5156c14941dba4f5252bb6997a0303c3a))
+
+# [9.2.0-feat-add-tel-frontend-package.2](https://github.com/TechnologyEnhancedLearning/GitPageBlazorWASM/compare/v9.2.0-feat-add-tel-frontend-package.1...v9.2.0-feat-add-tel-frontend-package.2) (2025-04-17)
+
+
+### Features
+
+* **builds:** we have the nhsuk.css ([4963859](https://github.com/TechnologyEnhancedLearning/GitPageBlazorWASM/commit/4963859baecfb394e806247e9c7815f8468deda8))
+
+# [9.2.0-feat-add-tel-frontend-package.1](https://github.com/TechnologyEnhancedLearning/GitPageBlazorWASM/compare/v9.1.6...v9.2.0-feat-add-tel-frontend-package.1) (2025-04-17)
+
+
+### Features
+
+* **shouldnt just push:** but incase common desktop ([9039c17](https://github.com/TechnologyEnhancedLearning/GitPageBlazorWASM/commit/9039c1787af8e8d6f4cdee75f84610faf9cb389f))
+
 ## [9.1.6](https://github.com/TechnologyEnhancedLearning/GitPageBlazorWASM/compare/v9.1.5...v9.1.6) (2025-04-15)
 
 

Package.BlazorComponentLibrary/BCLVersion/VersionInfo.cs

@@ -1,2 +1,2 @@
-namespace Package.BlazorComponentLibrary.BCLVersion { public static class VersionInfo { public static string Version = "10.9.7" ;
+namespace Package.BlazorComponentLibrary.BCLVersion { public static class VersionInfo { public static string Version = "10.9.8" ;
 } }

Package.BlazorComponentLibrary/Components/SimpleCounter.razor

@@ -1,4 +1,6 @@
 <h3>Simple Counter</h3>
+<h1 class="nhsuk-tag--red">!!!!!! If im red we are getting nhsuk-tag-red !!!!!!</h1>
+<h1 class="scoped-css-simple-counter-red">if im red we have scoped css (though for our scenario we probably will solely rely on nhsuk)</h1>
 change
 <b>version from build process</b>
 <span class="version-display">@Package.BlazorComponentLibrary.BCLVersion.VersionInfo.Version</span>

Package.BlazorComponentLibrary/Components/SimpleCounter.razor.css

@@ -2,7 +2,9 @@
     color: blue;
     font-size: 24px;
 }
-
+.scoped-css-simple-counter-red {
+color: red;
+}
 button {
     background-color: lightblue;
     color: white;

Package.BlazorComponentLibrary/Package.BlazorComponentLibrary.csproj

@@ -46,9 +46,23 @@
 		<Content Remove="..\CICDPackageLocation\**\*" />
 		<None Remove="..\CICDPackageLocation\**\*" />
 	</ItemGroup>
+	<ItemGroup>
+	  <Folder Include="Assets\" />
+	  <Folder Include="wwwroot\css\" />
+	  <Folder Include="wwwroot\js\" />
+	</ItemGroup>
+	<ItemGroup>
+		<Content Update="wwwroot\**\*.*">
+			<CopyToOutputDirectory>PreserveNewest</CopyToOutputDirectory>
+		</Content>
+	</ItemGroup>
 	<Target Name="WriteBclVersionToFile" BeforeTargets="PrepareForBuild">
 		<WriteLinesToFile File="wwwroot/bclversion.txt" Lines="$(BCLVersion)" Overwrite="true" Encoding="UTF-8" />
 		<WriteLinesToFile File="BCLVersion/VersionInfo.cs" Lines="namespace Package.BlazorComponentLibrary.BCLVersion { public static class VersionInfo { public static string Version = &quot;$(BCLVersion)&quot; %3B; } }" Overwrite="true" Encoding="UTF-8" />
 	</Target>
 
+	<Target Name="RunGulp" BeforeTargets="Build">
+	  <Exec Command="npx gulp" WorkingDirectory="$(ProjectDir)"/>
+	</Target>
+
 </Project>

Package.BlazorComponentLibrary/gulpfile.js

@@ -0,0 +1,31 @@
+// gulpfile.js
+
+const gulp = require("gulp");
+const sass = require("gulp-sass")(require("sass"));
+const concat = require("gulp-concat");
+
+// Compile SCSS to CSS
+gulp.task("sass", function () {
+    return gulp
+        .src("./scss/**/*.scss")  // Adjust this path if needed
+        .pipe(sass().on("error", sass.logError))
+        .pipe(concat("site.css"))
+        .pipe(gulp.dest("wwwroot/css"));
+});
+
+// Copy Bootstrap CSS from node_modules
+//     .src("node_modules/bootstrap/dist/css/bootstrap.min.css")
+//.src("node_modules/nhsuk-frontend/dist/nhsuk-9.0.1.min.css") //if providing the css too 
+gulp.task("copy-nhsuk-css", function () {
+    return gulp
+        .src("node_modules/nhse-tel-frontend/dist/nhsuk.css")
+        .pipe(gulp.dest("wwwroot/css"));
+});
+
+// Watch for changes
+gulp.task("watch", function () {
+    gulp.watch("./scss/**/*.scss", gulp.series("sass"));
+});
+//,"watch"
+// Default task
+gulp.task("default", gulp.series("copy-nhsuk-css", "sass"));