URL encode PackageId in scoped CSS asset paths to fix non-ASCII project names

Co-authored-by: javiercn <6995051+javiercn@users.noreply.github.com>

Author: Copilot

src/StaticWebAssetsSdk/Targets/Microsoft.NET.Sdk.StaticWebAssets.ScopedCss.targets

@@ -233,18 +233,18 @@ Integration with static web assets:
 
   <ItemGroup>
     <_ScopedCssAppBundleStaticWebAssetCandidate Include="$(_ScopedCssOutputPath)">
-      <RelativePath Condition="'$(StaticWebAssetFingerprintingEnabled)' == 'true'">$(PackageId)#[.{fingerprint}]?.styles.css</RelativePath>
-      <RelativePath Condition="'$(StaticWebAssetFingerprintingEnabled)' != 'true'">$(PackageId).styles.css</RelativePath>
+      <RelativePath Condition="'$(StaticWebAssetFingerprintingEnabled)' == 'true'">$([System.Uri]::EscapeDataString($(PackageId)))#[.{fingerprint}]?.styles.css</RelativePath>
+      <RelativePath Condition="'$(StaticWebAssetFingerprintingEnabled)' != 'true'">$([System.Uri]::EscapeDataString($(PackageId))).styles.css</RelativePath>
     </_ScopedCssAppBundleStaticWebAssetCandidate>
     <_ScopedCssProjectBundleStaticWebAssetCandidate Include="$(_ScopedCssProjectOutputPath)">
-      <RelativePath Condition="'$(StaticWebAssetFingerprintingEnabled)' == 'true'">$(PackageId)#[.{fingerprint}]!.bundle.scp.css</RelativePath>
-      <RelativePath Condition="'$(StaticWebAssetFingerprintingEnabled)' != 'true'">$(PackageId).bundle.scp.css</RelativePath>
+      <RelativePath Condition="'$(StaticWebAssetFingerprintingEnabled)' == 'true'">$([System.Uri]::EscapeDataString($(PackageId)))#[.{fingerprint}]!.bundle.scp.css</RelativePath>
+      <RelativePath Condition="'$(StaticWebAssetFingerprintingEnabled)' != 'true'">$([System.Uri]::EscapeDataString($(PackageId))).bundle.scp.css</RelativePath>
     </_ScopedCssProjectBundleStaticWebAssetCandidate>
     <!-- Adds a Link: <bundle1>; rel="preload", <bundle2>; rel="preload", <bundle3>; rel="preload" -->
     <_AddLinkHeaderToAppBundle Include="Append" Condition="'@(_ResolvedScopedCssBundleEndpoints)' != ''">
       <UpdateTarget>Header</UpdateTarget>
       <Name>Link</Name>
-      <Value>@(_ResolvedScopedCssBundleEndpoints->'&lt;%(Identity)&gt;; rel="preload"; as="style"', ', ')</Value>
+      <Value>@(_ResolvedScopedCssBundleEndpoints->'&lt;$([System.Uri]::EscapeDataString(%(Identity)))&gt;; rel="preload"; as="style"', ', ')</Value>
     </_AddLinkHeaderToAppBundle>
   </ItemGroup>
 

test/Microsoft.NET.Sdk.StaticWebAssets.Tests/ScopedCssIntegrationTests.cs

@@ -617,5 +617,35 @@ public void RegeneratingScopedCss_ForProjectWithReferences()
             text.Should().Contain("background-color: orangered");
             text.Should().MatchRegex(""".*@import '_content/ClassLibrary/ClassLibrary\.[a-zA-Z0-9]+\.bundle\.scp\.css.*""");
         }
+
+        [Fact]
+        public void Build_GeneratesUrlEncodedLinkHeaderForNonAsciiProjectName()
+        {
+            var testAsset = "RazorComponentApp";
+            var projectDirectory = CreateAspNetSdkTestAsset(testAsset);
+
+            // Create a CSS file to trigger scoped CSS processing
+            var cssFile = Path.Combine(projectDirectory.Path, "Components", "Pages", "Index.razor.css");
+            Directory.CreateDirectory(Path.GetDirectoryName(cssFile));
+            File.WriteAllText(cssFile, ".test { color: red; }");
+
+            var build = CreateBuildCommand(projectDirectory);
+            // Set PackageId to contain non-ASCII characters (Chinese characters meaning "project")
+            ExecuteCommand(build, "/p:PackageId=项目").Should().Pass();
+
+            var intermediateOutputPath = build.GetIntermediateDirectory(DefaultTfm, "Debug").ToString();
+            
+            // Check that the staticwebassets.build.endpoints.json file contains URL-encoded characters
+            var endpointsFile = Path.Combine(intermediateOutputPath, "staticwebassets.build.endpoints.json");
+            new FileInfo(endpointsFile).Should().Exist();
+            
+            var endpointsContent = File.ReadAllText(endpointsFile);
+            
+            // Verify that the Link header contains URL-encoded characters (%E9%A1%B9%E7%9B%AE is "项目" encoded)
+            endpointsContent.Should().Contain("%E9%A1%B9%E7%9B%AE");
+            
+            // Verify it doesn't contain the unencoded characters 
+            endpointsContent.Should().NotContain("项目");
+        }
     }
 }