Merge pull request #11 from umbraco/feature/v14

Upgrade to v14

Author: umbracotrd

.gitignore

@@ -479,3 +479,7 @@ $RECYCLE.BIN/
 ##
 ## Umbraco Commerce specific
 ##
+/src/Umbraco.Commerce.Checkout/wwwroot/
+.vscode
+/src/Umbraco.Commerce.Checkout/packages.lock.json
+/src/Umbraco.Commerce.Checkout/packages.lock.json

Directory.Build.props

@@ -1,6 +1,7 @@
 <Project>
   <PropertyGroup>
     <TargetFramework>net8.0</TargetFramework>
+    <Nullable>enable</Nullable>
     <Company>Umbraco HQ</Company>
     <Authors>Umbraco</Authors>
     <Copyright>Copyright © Umbraco $([System.DateTime]::Today.ToString('yyyy'))</Copyright>

Directory.Packages.props

@@ -6,11 +6,11 @@
     <GlobalPackageReference Include="Microsoft.SourceLink.GitHub" Version="1.1.1" />
     <GlobalPackageReference Include="Nerdbank.GitVersioning" Version="3.6.133" />
     <GlobalPackageReference Include="StyleCop.Analyzers" Version="1.2.0-beta.507" />
-    <GlobalPackageReference Include="Umbraco.Code" Version="2.1.0" />
+    <GlobalPackageReference Include="Umbraco.Code" Version="[2.2.0, 3)" />
     <GlobalPackageReference Include="Umbraco.GitVersioning.Extensions" Version="0.2.0" />
   </ItemGroup>
   <ItemGroup>
-    <PackageVersion Include="Umbraco.Commerce.Cms.Startup" Version="[13.1.0, 14)" />
-    <PackageVersion Include="Umbraco.Cms.Web.Website" Version="[13.0.0, 14)" />
+    <PackageVersion Include="Umbraco.Commerce.Cms.Startup" Version="[14.0.0--beta2.preview.552.gf22f570, 15)" />
+    <PackageVersion Include="Umbraco.Cms.Web.Website" Version="[14.0.0, 15)" />
   </ItemGroup>
 </Project>

README.md

@@ -10,15 +10,14 @@ Umbraco Commerce Checkout is an add-on package for Umbraco Commerce, providing a
 
 With Umbraco Commerce Checkout you can quickly and easily add a ready made, themeable and responsive checkout flow onto your site, saving hours of custom development. 
 
-## System Requirements
+This package uses the same versioning strategy with Umbraco Commerce. 
 
-To get started with the Umbraco Commerce demo store you will need:
-
-* Visual Studio 2019 (15.9.7+)
-* .NET 7.0 SDK or newer
+## Working locally
+To fork and build your own Commerce Checkout package, you will need:
+* .NET 8.0 SDK or newer
 * Umbraco 11.0.0 or newer
-* Umbraco Commerce 12.0.0 or newer
-
+* Umbraco Commerce 14.0.0 or newer
+* NodeJS 20+ for frontend development. Open `/src/Umbraco.Commerce.Checkout/Client` folder and run `npm i; npm run build`
 
 ## Raising an Issue
 

azure-pipelines.yml

@@ -22,7 +22,7 @@ parameters:
     default: false
 
 variables:
-  nodeVersion: 18.x
+  nodeVersion: 20.x
   solution: Umbraco.Commerce.Checkout.sln
   buildConfiguration: Release
   DOTNET_NOLOGO: true
@@ -68,6 +68,18 @@ stages:
                 npm | "$(Agent.OS)"
                 npm
               path: $(npm_config_cache)
+          
+          - task: CmdLine@2
+            displayName: 'Install NPM packages'
+            inputs:
+              script: 'npm ci --no-fund --no-audit --prefer-offline'
+              workingDirectory: '$(Build.SourcesDirectory)/src/Umbraco.Commerce.Checkout/Client'
+  
+          - task: CmdLine@2
+            displayName: 'Build frontend'
+            inputs:
+              workingDirectory: $(Build.SourcesDirectory)/src/Umbraco.Commerce.Checkout/Client
+              script: 'npm run build'
 
           # Cache and restore NuGet packages
           - task: Cache@2

global.json

@@ -1,6 +1,6 @@
 {
   "sdk": {
-    "version": "8.0.100-rc.2.23502.2",
+    "version": "8.0.100",
     "rollForward": "latestFeature"
   }
 }

src/Umbraco.Commerce.Checkout/Client/config.outputPath.js

@@ -0,0 +1,26 @@
+// @ts-check
+
+import eslint from '@eslint/js';
+import tseslint from 'typescript-eslint';
+import globals from 'globals';
+
+export default tseslint.config(
+    eslint.configs.recommended,
+    ...tseslint.configs.recommended,
+    {
+        languageOptions: {
+            globals: {
+                ...globals.node,
+                ...globals.browser,
+            },
+        },
+        files: ['**/*.ts', '**/*.js'],
+        rules: {
+            'comma-dangle': ['error', 'always-multiline'],
+            'quotes': ['error', 'single'],
+            'object-property-newline': 'error',
+            'semi': ['error'],
+            'no-console': 'warn',
+        },
+    },
+);