feat(FEC-14380): add nonce to style tags

kaltura · Mar 3, 2025 · 61fc264 · 61fc264
1 parent ca7ad1b
commit 61fc264
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 1 deletion.
diff --git a/package.json b/package.json
@@ -14,6 +14,7 @@
   "dependencies": {
     "@playkit-js/common": "1.5.22",
     "@playkit-js/ui-managers": "1.5.2",
+    "@playkit-js/webpack-common": "^1.0.1-canary.0-dfd24a9",
     "sanitize-html": "2.11.0"
   },
   "devDependencies": {

diff --git 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({
@@ -38,7 +39,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
@@ -202,6 +202,11 @@
   dependencies:
     "@playkit-js/common" "^1.2.10"
 
+"@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"