From f820192b75664257d458fa83d0bdeb1c74955fc0 Mon Sep 17 00:00:00 2001
From: lianbenjamin <79077248+lianbenjamin@users.noreply.github.com>
Date: Mon, 3 Mar 2025 14:28:44 +0200
Subject: [PATCH] feat(FEC-14380): add nonce to style tags (#50)

---
 package.json      | 7 ++++---
 webpack.config.js | 9 ++++++++-
 yarn.lock         | 5 +++++
 3 files changed, 17 insertions(+), 4 deletions(-)

diff --git a/package.json b/package.json
index 5d474b0..284106b 100644
--- a/package.json
+++ b/package.json
@@ -77,6 +77,7 @@
     "eslint-plugin-mocha-no-only": "^1.1.0",
     "eslint-plugin-prettier": "^3.1.4",
     "flow-bin": "^0.129.0",
+    "humanize-duration": "^3.32.1",
     "prettier": "^2.0.5",
     "sass": "^1.52.3",
     "sass-loader": "^12.6.0",
@@ -89,8 +90,7 @@
     "uglifyjs-webpack-plugin": "^2.2.0",
     "webpack": "^5.72.1",
     "webpack-cli": "^4.9.2",
-    "webpack-dev-server": "^4.9.0",
-    "humanize-duration": "^3.32.1"
+    "webpack-dev-server": "^4.9.0"
   },
   "peerDependencies": {
     "@playkit-js/kaltura-player-js": "latest"
@@ -107,6 +107,7 @@
     "name": "timeline"
   },
   "dependencies": {
-    "@playkit-js/common": "^1.2.12"
+    "@playkit-js/common": "^1.2.12",
+    "@playkit-js/webpack-common": "^1.0.1-canary.0-dfd24a9"
   }
 }
diff --git a/webpack.config.js b/webpack.config.js
index b7c5d57..5c4aeeb 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -3,6 +3,7 @@
 const webpack = require('webpack');
 const path = require('path');
 const packageData = require('./package.json');
+const {insertStylesWithNonce} = require('@playkit-js/webpack-common');
 
 const plugins = [
   new webpack.DefinePlugin({
@@ -62,7 +63,13 @@ module.exports = {
         test: /\.scss$/,
         use: [
           {
-            loader: 'style-loader'
+            loader: 'style-loader',
+            options: {
+              attributes: {
+                id: `${packageData.name}`
+              },
+              insert: insertStylesWithNonce
+            }
           },
           {
             loader: 'css-loader',
diff --git a/yarn.lock b/yarn.lock
index e5a28a2..7149a3f 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1164,6 +1164,11 @@
     js-logger "^1.6.0"
     ua-parser-js "^1.0.36"
 
+"@playkit-js/webpack-common@^1.0.1-canary.0-dfd24a9":
+  version "1.0.1-canary.0-dfd24a9"
+  resolved "https://registry.yarnpkg.com/@playkit-js/webpack-common/-/webpack-common-1.0.1-canary.0-dfd24a9.tgz#e1760b4c10f789c62bfd29a73d873d547b52a25c"
+  integrity sha512-/dlxA7iKF5/SW9Y282THjFRWW0SjKugg4XZgL6OLdfSvAUKcfNXmtSjiqjDBpcrZP51288DyJhOj2+0Tp+R39A==
+
 "@sindresorhus/is@^0.7.0":
   version "0.7.0"
   resolved "https://registry.yarnpkg.com/@sindresorhus/is/-/is-0.7.0.tgz#9a06f4f137ee84d7df0460c1fdb1135ffa6c50fd"