V14 Hubspot integration for Forms

- update UI

Author: dtng95

src/Umbraco.Forms.Integrations.Crm.Hubspot/Client/config.outputPath.js

@@ -1 +1 @@
-export const outputPath = 'Debug' !== 'Release' ? '../wwwroot' : '../obj/Debug/net8.0/clientassets'
+export const outputPath = 'Debug' !== 'Release' ? '../wwwroot' : '../obj/Debug/net8.0/clientassets'

src/Umbraco.Forms.Integrations.Crm.Hubspot/Client/package-lock.json

@@ -1,5 +1,5 @@
 {
-  "name": "hubspot",
+  "name": "hubspot-crm",
   "private": true,
   "version": "0.0.0",
   "type": "module",

src/Umbraco.Forms.Integrations.Crm.Hubspot/Client/package.json

@@ -6,7 +6,8 @@
         {
             "name": "Umbraco EntryPoint",
             "alias": "Umb.Hubspot.EntryPoint",
-            "type": "entryPoint"
+            "type": "entryPoint",
+            "js": "/App_Plugins/HubSpot/hubspot-crm.js"
         }
     ]
 }

src/Umbraco.Forms.Integrations.Crm.Hubspot/Client/public/umbraco-package.json

@@ -6,8 +6,6 @@ import { manifests as localizationManifests } from "./lang/manifests.js";
 
 import { OpenAPI } from "@umbraco-integrations/hubspot/generated";
 
-// export * from "./property-editor/index.js";
-
 export const onInit: UmbEntryPointOnInit = (host, extensionRegistry) => {
   extensionRegistry.registerMany([
     hubspotContext,

src/Umbraco.Forms.Integrations.Crm.Hubspot/Client/src/index.ts

@@ -6,6 +6,7 @@
 		<ImplicitUsings>enable</ImplicitUsings>
 		<AddRazorSupportForMvc>true</AddRazorSupportForMvc>
 		<EnableDefaultContentItems>false</EnableDefaultContentItems>
+		<StaticWebAssetBasePath>/App_Plugins/HubSpot</StaticWebAssetBasePath>
 	</PropertyGroup>
 
 	<PropertyGroup>
@@ -36,13 +37,6 @@
 		<PackageReference Include="Umbraco.Forms.Core" Version="14.1.1" />
 	</ItemGroup>
 
-	<ItemGroup>
-		<None Include="build\**\*.*">
-			<Pack>True</Pack>
-			<PackagePath>buildTransitive</PackagePath>
-		</None>
-	</ItemGroup>
-
 	<ItemGroup>
 		<Content Include="hubspot.png">
 			<Pack>true</Pack>
@@ -59,7 +53,7 @@
 	</ItemGroup>
 
 	<!-- Build client assets using NPM -->
-	<Import Project="build\Umbraco.Forms.Integrations.Crm.Hubspot.targets" />
+	<Import Project="build\Microsoft.AspNetCore.ClientAssets.targets" />
 	<PropertyGroup>
 		<!-- Use this to (temporarily) disable building client assets, e.g. to start the project and generate updated API models -->
 		<ShouldRunClientAssetsBuild>true</ShouldRunClientAssetsBuild>

src/Umbraco.Forms.Integrations.Crm.Hubspot/Umbraco.Forms.Integrations.Crm.Hubspot.csproj

@@ -0,0 +1,61 @@
+<Project>
+	<!--
+        Copied from: https://github.com/aspnet/AspLabs/blob/main/src/ClientAssets/Microsoft.AspNetCore.ClientAssets/build/netstandard2.0/Microsoft.AspNetCore.ClientAssets.targets
+
+        More information:
+        - https://devblogs.microsoft.com/dotnet/build-client-web-assets-for-your-razor-class-library/
+        - https://github.com/dotnet/aspnetcore/issues/38445
+    -->
+	<PropertyGroup>
+		<ClientAssetsDirectory Condition="'$(ClientAssetsDirectory)' == ''">Client\</ClientAssetsDirectory>
+		<ClientAssetsRestoreInputs Condition="'$(ClientAssetsRestoreInputs)' == ''">$(ClientAssetsDirectory)\package-lock.json;$(ClientAssetsDirectory)\package.json</ClientAssetsRestoreInputs>
+		<ClientAssetsRestoreOutputs Condition="'$(ClientAssetsRestoreOutputs)' == ''">$(ClientAssetsDirectory)node_modules\.package-lock.json</ClientAssetsRestoreOutputs>
+		<ClientAssetsRestoreCommand Condition="'$(ClientAssetsRestoreCommand)' == ''">npm ci --no-fund --no-audit --prefer-offline</ClientAssetsRestoreCommand>
+		<ClientAssetsBuildCommand Condition="'$(ClientAssetsBuildCommand)' == ''">npm run build</ClientAssetsBuildCommand>
+
+		<!-- Include project file to pick up changes in the above values -->
+		<ClientAssetsRestoreInputs>$(MSBuildProjectFile);$(ClientAssetsRestoreInputs)</ClientAssetsRestoreInputs>
+		<!-- Run restore only once for multi targeting builds -->
+		<ClientAssetsRestoreBeforeTargets Condition="'$(TargetFramework)' == ''">DispatchToInnerBuilds</ClientAssetsRestoreBeforeTargets>
+		<!-- Allow multitargeting projects to choose the target framework in which they run by setting this value to true only for a given target framework -->
+		<ShouldRunClientAssetsBuild Condition="'$(ShouldRunClientAssetsBuild)' == ''">true</ShouldRunClientAssetsBuild>
+	</PropertyGroup>
+
+	<ItemGroup>
+		<ClientAssetsInputs Include="$(ClientAssetsDirectory)**" Exclude="$(DefaultItemExcludes)" />
+	</ItemGroup>
+
+	<Target Name="ClientAssetsRestore" BeforeTargets="$(ClientAssetsRestoreBeforeTargets)" Inputs="$(ClientAssetsRestoreInputs)" Outputs="$(ClientAssetsRestoreOutputs)">
+		<Message Text="Restoring NPM packages" Importance="high" />
+		<Exec Command="$(ClientAssetsRestoreCommand)" WorkingDirectory="$(ClientAssetsDirectory)"/>
+	</Target>
+
+	<Target Name="ClientAssetsBuild" Condition="'$(ShouldRunClientAssetsBuild)' == 'true'" DependsOnTargets="ClientAssetsRestore" BeforeTargets="AssignTargetPaths" Inputs="@(ClientAssetsInputs)" Outputs="$(IntermediateOutputPath)clientassetsbuild.complete.txt">
+		<PropertyGroup>
+			<_ClientAssetsOutputFullPath>$([System.IO.Path]::GetFullPath('$(IntermediateOutputPath)clientassets'))</_ClientAssetsOutputFullPath>
+		</PropertyGroup>
+
+		<Message Text="Executing NPM build script" Importance="High" />
+
+		<MakeDir Directories="$(_ClientAssetsOutputFullPath)" />
+		<Exec Command="$(ClientAssetsBuildCommand)" WorkingDirectory="$(ClientAssetsDirectory)" />
+
+		<ItemGroup>
+			<_ClientAssetsBuildOutput Include="$(IntermediateOutputPath)clientassets\**"></_ClientAssetsBuildOutput>
+		</ItemGroup>
+
+		<WriteLinesToFile File="$(IntermediateOutputPath)clientassetsbuild.complete.txt" Lines="@(_ClientAssetsBuildOutput)" />
+	</Target>
+
+	<Target Name="DefineClientAssets" AfterTargets="ClientAssetsBuild" DependsOnTargets="ResolveStaticWebAssetsConfiguration">
+		<ItemGroup>
+			<FileWrites Include="@(_ClientAssetsBuildOutput)" />
+			<FileWrites Include="$(IntermediateOutputPath)clientassetsbuild.complete.txt" />
+		</ItemGroup>
+
+		<DefineStaticWebAssets CandidateAssets="@(_ClientAssetsBuildOutput)" SourceId="$(PackageId)" SourceType="Computed" ContentRoot="$(_ClientAssetsOutputFullPath)" BasePath="$(StaticWebAssetBasePath)">
+			<Output TaskParameter="Assets" ItemName="StaticWebAsset" />
+		</DefineStaticWebAssets>
+	</Target>
+
+</Project>