Copilot comments

Author: Alain Bourgeois

dev/index.js

@@ -48,6 +48,11 @@ try {
   document.getElementById('app').replaceWith(app)
 } catch (err) {
   console.error('Error rendering pane:', err)
-  document.getElementById('app').innerHTML = `<p style="color:red;">Error: ${err.message}</p>`
+  const appElement = document.getElementById('app')
+  const errorParagraph = document.createElement('p')
+  errorParagraph.style.color = 'red'
+  errorParagraph.textContent = `Error: ${err.message}`
+  appElement.textContent = ''
+  appElement.appendChild(errorParagraph)
 }
 

package.json

@@ -2,15 +2,15 @@
   "name": "source-pane",
   "version": "3.0.2",
   "description": "Solid-compatible Panes: Source editor",
-  "sideEffects": [
-    "*.css"
-  ],
-  "main": "src/sourcePane.js",
+  "main": "lib/source-pane.js",
   "files": [
-    "/src",
+    "/lib",
     "README.md",
     "LICENSE"
   ],
+  "sideEffects": [
+    "**/*.css"
+  ],
   "scripts": {
     "clean": "rm -rf lib",
     "build": "npm run clean && npm run build-dist",

src/styles/sourcePane.css

@@ -99,9 +99,9 @@
 }
 
 .sourcePaneControlVisible {
-  visibility: visible;
+  display: block;
 }
 
 .sourcePaneControlHidden {
-  visibility: collapse;
+  display: none;
 }