Ensure resource-checker.js file is served correctly

Author: Rick Butterfield

src/Umbraco.Community.Sustainability/Services/SustainabilityService.cs

@@ -24,7 +24,7 @@ public async Task<SustainabilityResponse> GetSustainabilityData(string url)
             // Add our script to report data
             await page.AddScriptTagAsync(new PageAddScriptTagOptions()
             {
-                Url = "/App_Plugins/UmbracoCommunitySustainability/js/resource-checker.js",
+                Url = "/App_Plugins/Umbraco.Community.Sustainability.14/resource-checker.js",
                 Type = "module"
             });
 

src/Umbraco.Community.Sustainability/Umbraco.Community.Sustainability.csproj

@@ -16,7 +16,7 @@
     <RootNamespace>Umbraco.Community.Sustainability</RootNamespace>
     <GeneratePackageOnBuild>True</GeneratePackageOnBuild>
 
-    <VersionPrefix>2.0.3</VersionPrefix>
+    <VersionPrefix>2.0.4</VersionPrefix>
     <VersionSuffix></VersionSuffix>
     <Authors>Umbraco Sustainability Community Team</Authors>
     <Copyright>$([System.DateTime]::UtcNow.ToString(`yyyy`)) © Umbraco Sustainability Community Team</Copyright>
@@ -28,6 +28,15 @@
     <RepositoryType>git</RepositoryType>
     <PackageReadmeFile>README_nuget.md</PackageReadmeFile>
   </PropertyGroup>
+  <ItemGroup>
+    <None Remove="assets\public\resource-checker.js" />
+  </ItemGroup>
+  <ItemGroup>
+    <Content Include="assets\public\resource-checker.js">
+      <ExcludeFromSingleFile>true</ExcludeFromSingleFile>
+      <CopyToPublishDirectory>PreserveNewest</CopyToPublishDirectory>
+    </Content>
+  </ItemGroup>
 
   <ItemGroup>
     <PackageReference Include="Microsoft.Playwright" Version="1.44.0" />
@@ -46,4 +55,10 @@
     </None>
   </ItemGroup>
 
+  <ItemGroup>
+    <Content Update="wwwroot\App_Plugins\Umbraco.Community.Sustainability.14\resource-checker.js">
+      <CopyToOutputDirectory>Always</CopyToOutputDirectory>
+    </Content>
+  </ItemGroup>
+
 </Project>

src/Umbraco.Community.Sustainability.TestSite.14.x/wwwroot/App_Plugins/UmbracoCommunitySustainability/js/resource-checker.js renamed to src/Umbraco.Community.Sustainability/assets/public/resource-checker.js

@@ -0,0 +1,77 @@
+import { co2, hosting } from 'https://cdn.skypack.dev/@tgwf/[email protected]';
+
+scrollPage();
+
+export function scrollPage() {
+  window.scrollTo({
+    top: document.body.scrollHeight,
+    behavior: 'smooth'
+  });
+
+  setTimeout(reportEmissions, 2000);
+}
+
+export async function reportEmissions() {
+  const emissionsData = await getEmissionsData();
+
+  const emissionsDiv = document.createElement("div");
+  emissionsDiv.setAttribute("data-testid", "sustainabilityData");
+  emissionsDiv.innerHTML = JSON.stringify(emissionsData);
+
+  document.body.appendChild(emissionsDiv);
+}
+
+export async function getEmissionsData() {
+  const resources = getResources();
+  const bytesSent = getTransferSize(resources);
+  const hostCheck = await hosting.check(window.location.hostname);
+
+  const co2Emission = new co2({ model: "swd" });
+  const emissions = co2Emission.perVisitTrace(bytesSent, hostCheck);
+
+  return {
+    pageWeight: bytesSent,
+    carbonRating: calculateGrade(emissions.co2),
+    emissions: emissions,
+    resources: resources
+  };
+}
+
+export function getResources() {
+  return window.performance.getEntriesByType("resource");
+}
+
+export function filterResourceByType(resources, entryType) {
+  return resources.filter(
+    (entry) => entry.initiatorType === entryType,
+  );
+}
+
+export function getTransferSize(resources) {
+  let bytesSent = 0;
+  resources.forEach((entry) => {
+    bytesSent += entry.transferSize;
+  });
+
+  return bytesSent;
+}
+
+export function calculateGrade(score) {
+  // grade using swd digital carbon ratings
+  // https://sustainablewebdesign.org/digital-carbon-ratings/
+  if (score < 0.095) {
+    return 'A+';
+  } else if (score < 0.186) {
+    return 'A';
+  } else if (score < 0.341) {
+    return 'B';
+  } else if (score < 0.493) {
+    return 'C';
+  } else if (score < 0.656) {
+    return 'D';
+  } else if (score < 0.846) {
+    return 'E';
+  } else {
+    return 'F';
+  }
+}