Author: Nikola Hristov

generators/app/templates/ext-notebook-renderer/Source/client/index.ts

@@ -27,14 +27,19 @@ export const activate: ActivationFunction = (context) => {
 				shadow = element.attachShadow({ mode: "open" });
 
 				const root = document.createElement("div");
+
 				root.id = "root";
+
 				shadow.append(root);
 			}
+
 			const root = shadow.querySelector<HTMLElement>("#root")!;
+
 			errorOverlay.wrap(root, () => {
 				root.innerHTML = "";
 
 				const node = document.createElement("div");
+
 				root.appendChild(node);
 
 				render({

generators/app/templates/ext-notebook-renderer/Source/client/render.ts

@@ -7,8 +7,11 @@ import * as style from "./style.css";
 
 interface IRenderInfo {
 	container: HTMLElement;
+
 	mime: string;
+
 	value: any;
+
 	context: RendererContext<unknown>;
 }
 
@@ -17,11 +20,15 @@ export function render({ container, mime, value }: IRenderInfo) {
 	// Format the JSON and insert it as <pre><code>{ ... }</code></pre>
 	// Replace this with your custom code!
 	const pre = document.createElement("pre");
+
 	pre.classList.add(style.json);
 
 	const code = document.createElement("code");
+
 	code.textContent = `mime type: ${mime}\n\n${JSON.stringify(value, null, 2)}`;
+
 	pre.appendChild(code);
+
 	container.appendChild(pre);
 }