From 6bee93f78edc2bedccb032234a311a569631c86c Mon Sep 17 00:00:00 2001
From: Jelmer ter Burg <jelmer.ter.burg@mendix.com>
Date: Mon, 22 Aug 2022 16:51:12 +0200
Subject: [PATCH] fix(pluggable-widgets-tools): replace Windows path separator
 in cssUrlTransform

---
 packages/tools/pluggable-widgets-tools/CHANGELOG.md           | 4 ++++
 .../tools/pluggable-widgets-tools/configs/rollup.config.js    | 4 ++--
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/packages/tools/pluggable-widgets-tools/CHANGELOG.md b/packages/tools/pluggable-widgets-tools/CHANGELOG.md
index 645beeec18..078c659464 100644
--- a/packages/tools/pluggable-widgets-tools/CHANGELOG.md
+++ b/packages/tools/pluggable-widgets-tools/CHANGELOG.md
@@ -10,6 +10,10 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 
 -   We updated `cypress` to version 10
 
+### Fixed
+
+-   We fixed an issue which caused CSS URL transforms to include paths with backslashes when running on Windows.
+
 ## [9.13.3] - 2022-08-15
 
 ### Added
diff --git a/packages/tools/pluggable-widgets-tools/configs/rollup.config.js b/packages/tools/pluggable-widgets-tools/configs/rollup.config.js
index 2499cdc737..dc79c8662a 100644
--- a/packages/tools/pluggable-widgets-tools/configs/rollup.config.js
+++ b/packages/tools/pluggable-widgets-tools/configs/rollup.config.js
@@ -50,7 +50,7 @@ const outAssetsDir = join(outWidgetDir, assetsDirName);
  * Its main purpose to "adjust" asset path so that
  * after bundling css by studio assets paths stay correct.
  * Adjustment is required because of assets copying -- postcss-url can copy
- * files, but final url will be relative to *destenation* file and though
+ * files, but final url will be relative to *destination* file and though
  * will be broken after bundling by studio (pro).
  *
  * Example
@@ -58,7 +58,7 @@ const outAssetsDir = join(outWidgetDir, assetsDirName);
  * after: com/mendix/widget/web/accordion/assets/icon.png
  */
 const cssUrlTransform = asset =>
-    asset.url.startsWith(`${assetsDirName}/`) ? `${outWidgetDir}/${asset.url}` : asset.url;
+    asset.url.startsWith(`${assetsDirName}/`) ? `${outWidgetDir.replace(/\\/g, "/")}/${asset.url}` : asset.url;
 
 export default async args => {
     const production = Boolean(args.configProduction);