Merge pull request #148 from opencomponents/add-nonce

add nonce property

Author: ricardo-devis-agullo

.vscode/settings.json

@@ -0,0 +1,5 @@
+{
+	"[javascript]": {
+		"editor.defaultFormatter": "biomejs.biome"
+	}
+}

src/oc-client.js

@@ -38,6 +38,8 @@ export function createOc(oc) {
 	let renderedComponents = oc.renderedComponents;
 	let dataRenderedAttribute = "data-rendered";
 	let dataRenderingAttribute = "data-rendering";
+	let nonce = $document.currentScript?.nonce;
+
 	let logError = (msg) => console.log(msg);
 	let logInfo = (msg) => ocConf.debug && console.log(msg);
 	let handleFetchResponse = (response) => {
@@ -124,6 +126,9 @@ export function createOc(oc) {
 			for (let attribute of Array.from(script.attributes)) {
 				newScript.setAttribute(attribute.name, attribute.value);
 			}
+			if (nonce) {
+				newScript.setAttribute("nonce", nonce);
+			}
 			script.parentNode?.replaceChild(newScript, script);
 		}
 	};
@@ -140,6 +145,9 @@ export function createOc(oc) {
 	oc.addStylesToHead = (styles) => {
 		let style = $document.createElement("style");
 		style.textContent = styles;
+		if (nonce) {
+			style.setAttribute("nonce", nonce);
+		}
 		$document.head.appendChild(style);
 	};