SolidOS · timea-solid · Oct 14, 2025 · Nov 19, 2025 · Nov 20, 2025 · Nov 20, 2025
diff --git a/babel.config.mjs b/babel.config.mjs
@@ -1,11 +1,12 @@
 export default {
+  sourceType: 'unambiguous',
   presets: [
     ['@babel/preset-env', {
       targets: {
         browsers: ['> 1%', 'last 3 versions', 'not dead']
       }
     }],
-    '@babel/preset-typescript'
+    '@babel/preset-typescript',
   ],
   plugins: [
     [

diff --git a/dev/index.html b/dev/index.html
@@ -14,23 +14,24 @@
         if (typeof UI !== 'undefined') window.UI = UI;
     </script>
     <style>
-      body {
-        margin: 10%;
-      }
-      input {
-        background-color: #eef;
-        padding: 0.5em;
-        border: 0.5em solid white;
-        font-size: 120%;
-      }
+        body {
+            margin: 0;
+            font-family: sans-serif;
+        }
+        h1 {
+            padding: 0.5rem;
+            margin: 0;
+            color: #666;
+        }
+
     </style>
   </head>
   <body>
     <h1>Solid Pane Tester</h1>
     <div id="loginBanner"></div>
     <p>
       A handy tool for pane developers. Put your JS or TS file in dev/pane/.
-      Run <tt>renderPane('https://solidos.solidcommunity.net/profile/card#me')</tt> from the console.
+      Run <tt>renderPane('https://testingsolidos.solidcommunity.net/profile/card#me')</tt> from the console.
       Don't forget that the resource owner needs to add http://localhost:9000 as a trusted app.
     </p>
     <div id="render">HTML element from pane.render will be inserted here ...</div>

diff --git a/dev/loader.ts b/dev/loader.ts
@@ -1,11 +1,19 @@
+
 import * as paneRegistry from 'pane-registry'
 import * as $rdf from 'rdflib'
 import { solidLogicSingleton, store, authSession } from 'solid-logic'
 import { getOutliner } from '../src'
 import Pane from 'profile-pane'
 
-// FIXME:
-window.$rdf = $rdf
+// Add custom properties to the Window interface for TypeScript
+declare global {
+  interface Window {
+    logout: () => void;
+    login: () => Promise<void>;
+    renderPane: typeof renderPane;
+    Pane: typeof Pane;
+  }
+}
 
 async function renderPane (uri: string) {
   if (!uri) {
@@ -28,30 +36,29 @@ async function renderPane (uri: string) {
       logic: solidLogicSingleton
     }
   }
-  const options = {}
-  console.log(subject, Pane)
+
+  console.log(subject, context)
   const icon = createIconElement(Pane)
-  const paneDiv = Pane.render(subject, context, options)
+  const paneDiv = Pane.render(subject, context)
+
   const target = document.getElementById('render')
-  target.innerHTML = ''
-  target.appendChild(icon)
-  target.appendChild(paneDiv)
+  if (target) {
+    target.innerHTML = ''
+    target.appendChild(icon)
+    target.appendChild(paneDiv)
+  } else {
+    console.error("Element with id 'render' not found.")
+  }
 }
 
-function createIconElement (Pane) {
+function createIconElement (Pane: { icon: string }) {
   const icon = Pane.icon
   const img = document.createElement('img')
   img.src = icon
   img.width = 40
   return img
 }
 
-document.addEventListener('DOMContentLoaded', () => {
-  renderPane(
-    'https://solidos.solidcommunity.net/Team/SolidOs%20team%20chat/index.ttl#this'
-  )
-})
-
 window.onload = async () => {
   console.log('document ready')
   // registerPanes((cjsOrEsModule: any) => paneRegistry.register(cjsOrEsModule.default || cjsOrEsModule))
@@ -62,30 +69,38 @@ window.onload = async () => {
   const session = await authSession
   if (!session.info.isLoggedIn) {
     console.log('The user is not logged in')
-    document.getElementById('loginBanner').innerHTML =
-      '<button onclick="login()">Log in</button>'
-  } else {
-    console.log(`Logged in as ${session.info.webId}`)
-
-    document.getElementById(
-      'loginBanner'
-    ).innerHTML = `Logged in as ${session.info.webId} <button onclick="logout()">Log out</button>`
+    const loginBanner = document.getElementById('loginBanner');
+    if (loginBanner) {
+      loginBanner.innerHTML = '<button onclick="login()">Log in</button>';
+    }
+    } else {
+      console.log(`Logged in as ${session.info.webId}`)
+
+    const loginBanner = document.getElementById('loginBanner');
+    if (loginBanner) {
+      loginBanner.innerHTML = `Logged in as ${session.info.webId} <button onclick="logout()">Log out</button>`;
+    }
   }
-  renderPane()
+  renderPane('https://testingsolidos.solidcommunity.net/profile/card#me')
 }
 window.logout = () => {
   authSession.logout()
-  window.location = ''
+  window.location.href = ''
 }
 window.login = async function () {
   const session = await authSession
   if (!session.info.isLoggedIn) {
     const issuer = prompt('Please enter an issuer URI', 'https://solidcommunity.net')
-    await authSession.login({
-      oidcIssuer: issuer,
-      redirectUrl: window.location.href,
-      clientName: 'Solid Panes Dev Loader'
-    })
+    if (issuer) {
+      await authSession.login({
+        oidcIssuer: issuer,
+        redirectUrl: window.location.href,
+        clientName: 'Solid Panes Dev Loader'
+      })
+    } else {
+      console.warn('Login cancelled: No issuer provided.')
+    }
   }
 };
 (window as any).renderPane = renderPane
+console.log("Pane at runtime:", Pane); window.Pane = Pane;
diff --git a/dev/test-style.css b/dev/test-style.css
@@ -0,0 +1,4 @@
+body {
+  background: #ffdddd !important;
+  color: #fff !important;
+}
diff --git a/eslint.config.mjs b/eslint.config.mjs
@@ -7,11 +7,11 @@ export default [
   {
     ignores: [
       'dist/**',
+      'dist-dev/**',
       'lib/**',
       'docs/**',
       'node_modules/**',
       'dev/**',
-      'dev-dist/**',
       'coverage/**',
     ],
   },
@@ -84,10 +84,21 @@ export default [
   {
     files: ['test/**/**/*.js', 'test/**/*.js'],
     rules: {
+      // Code style - match TypeScript settings
       semi: ['error', 'never'],
       quotes: ['error', 'single'],
-      'no-console': 'off', // Allow console in tests
-      'no-undef': 'off', // Tests may define globals
-    }
+
+      // Strict checking - match TypeScript strictness
+      'no-console': 'warn',
+      'no-unused-vars': 'warn', // Match TypeScript noUnusedLocals: true
+      'no-undef': 'error',
+      strict: ['error', 'global'], // Match TypeScript alwaysStrict: true
+
+      // Additional strictness to match TypeScript behavior
+      'no-implicit-globals': 'error',
+      'prefer-const': 'error', // Encourage immutability
+      'no-var': 'error', // Use let/const only
+      'no-redeclare': 'error'
+    },
   }
 ]