Add UI export and update index.html to use solid-shim

- Export UI from solid-ui-jss for login.loginStatusBox compatibility
- Update index.html to use local solid-shim.min.js instead of mashlib CDN
- Update footer link to solid-shim repo

Author: melvincarvalho

index.html

@@ -6,7 +6,8 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>SolidOS Browser</title>
   <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/mashlib/dist/mash.css" />
-  <script src="https://cdn.jsdelivr.net/npm/mashlib/dist/mashlib.min.js"></script>
+  <!-- Using solid-shim instead of mashlib -->
+  <script src="dist/solid-shim.min.js"></script>
   <style>
     :root {
       --primary: #7C3AED;
@@ -397,7 +398,7 @@ <h2>Welcome to SolidOS Browser</h2>
 
   <footer class="footer">
     <p>
-      Powered by <a href="https://github.com/SolidOS/mashlib" target="_blank">mashlib</a> |
+      Powered by <a href="https://github.com/JavaScriptSolidServer/solid-shim" target="_blank">solid-shim</a> |
       <a href="https://solid-docs.github.io/docs/" target="_blank">Developer Docs</a> |
       <a href="https://solidproject.org/" target="_blank">Solid Project</a>
     </p>

src/index.ts

@@ -7,6 +7,7 @@
 
 import * as $rdf from 'rdflib'
 import * as panes from 'solid-panes-jss'
+import * as UI from 'solid-ui-jss'
 import { authn, solidLogicSingleton, authSession, store } from 'solid-logic-jss'
 import { versionInfo } from './versionInfo'
 import { shimStyle } from './styles'
@@ -16,6 +17,7 @@ const global: any = window
 // Expose globals - same interface as mashlib
 global.$rdf = $rdf
 global.panes = panes
+global.UI = UI
 global.SolidLogic = {
   authn,
   authSession,
@@ -78,4 +80,4 @@ global.dump = dump
 
 // Export for ES modules
 export { versionInfo }
-export { $rdf, panes, authn, authSession, store, solidLogicSingleton }
+export { $rdf, panes, UI, authn, authSession, store, solidLogicSingleton }

src/types.d.ts

@@ -11,3 +11,27 @@ declare module 'solid-logic-jss' {
   export const store: any
   export const solidLogicSingleton: any
 }
+
+declare module 'solid-ui-jss' {
+  export const login: any
+  export const widgets: any
+  export const icons: any
+  export const ns: any
+  export const style: any
+  export const utils: any
+  export const dom: any
+  export const acl: any
+  export const aclControl: any
+  export const create: any
+  export const log: any
+  export const matrix: any
+  export const media: any
+  export const messageArea: any
+  export const pad: any
+  export const participation: any
+  export const preferences: any
+  export const table: any
+  export const tabs: any
+  export const initHeader: any
+  export const initFooter: any
+}