Merge pull request #102 from SolidOS/newFace

Improvements

Author: bourgeoa

.github/workflows/ci.yml

@@ -5,10 +5,10 @@ permissions:
 on:
   push:
     branches:
-      - "**"
+      - main
   pull_request:
     branches:
-      - "**"  
+      - main
   workflow_dispatch:
 
 jobs:
@@ -17,7 +17,6 @@ jobs:
     strategy:
       matrix:
        node-version:
-          - 18.x
           - 20.x
           - 22.x
     steps:

.gitignore

@@ -13,6 +13,7 @@ pids
 
 # Directory for instrumented libs generated by jscoverage/JSCover
 lib-cov
+dist
 
 # Coverage directory used by tools like istanbul
 coverage

Makefile

@@ -5,3 +5,16 @@ At the moment to start a tracker you have to configure the config file in turtle
 
 Would be good create a mintNew method to allow new ones to be created in the UI.
 
+# Testing Guide
+
+## Running Tests
+
+Only ESlint is active on this repo.
+
+```bash
+# Run linting only
+npm run lint
+
+# Auto-fix linting issues
+npm run lint-fix
+```

README.md

@@ -0,0 +1,21 @@
+export default {
+  presets: [
+    [
+      '@babel/preset-env',
+      {
+        targets: {
+          browsers: ['> 1%', 'last 3 versions', 'not dead']
+        },
+      },
+    ],
+  ],
+  plugins: [
+    [
+      'babel-plugin-inline-import', {
+        extensions: [
+          '.ttl'
+        ]
+      }
+    ]
+  ]
+}

babel.config.js

@@ -1,18 +1,18 @@
-import { DataBrowserContext, PaneRegistry } from "pane-registry";
-import { LiveStore, solidLogicSingleton, store } from "solid-logic";
+import { solidLogicSingleton, store } from 'solid-logic'
 
 export const context = {
   session: {
-    store: store,
+    store,
     paneRegistry: {
       byName: (name) => {
-        return // longChatPane
+        // longChatPane
+        return null
       }
     },
-    logic : solidLogicSingleton
+    logic: solidLogicSingleton
   },
   dom: document,
   getOutliner: () => null,
-};
+}
 
-export const fetcher = store.fetcher;
+export const fetcher = store.fetcher

babel.config.mjs

@@ -1,27 +1,26 @@
-import { sym } from "rdflib";
-import { default as pane } from "..";
-import { context, fetcher } from "./context";
-import { authn, authSession } from "solid-logic";
-import * as UI from "solid-ui";
+import { sym } from 'rdflib'
+import pane from '../src/issuePane'
+import { context, fetcher } from './context'
+import { authn, authSession } from 'solid-logic'
+import * as UI from 'solid-ui'
 
-const loginBanner = document.getElementById("loginBanner");
-const webId = document.getElementById("webId");
+const loginBanner = document.getElementById('loginBanner')
+const webId = document.getElementById('webId')
 
-loginBanner.appendChild(UI.login.loginStatusBox(document, null, {}));
+loginBanner.appendChild(UI.login.loginStatusBox(document, null, {}))
 
-async function finishLogin() {
-  await authSession.handleIncomingRedirect();
-  const session = authSession;
+async function finishLogin () {
+  await authSession.handleIncomingRedirect()
+  const session = authSession
   if (session.info.isLoggedIn) {
     // Update the page with the status.
-    webId.innerHTML = "Logged in as: " + authn.currentUser().uri;
+    webId.innerHTML = 'Logged in as: ' + authn.currentUser().uri
   } else {
-    webId.innerHTML = "";
+    webId.innerHTML = ''
   }
 }
 
-finishLogin();
-
+finishLogin()
 
 // https://testingsolidos.solidcommunity.net/profile/card#me
 // https://timbl.solidcommunity.net/profile/card#me
@@ -34,9 +33,9 @@ finishLogin();
 
 // const targetURIToShow = "https://timbl.com/timbl/Automation/mother/tracker.n3#mother"
 
-const targetURIToShow = "http://localhost:8080/big-tracker.ttl#this"
+const targetURIToShow = new URL('./big-tracker.ttl#this', window.location.href).href
 
 fetcher.load(targetURIToShow).then(() => {
-  const app = pane.render(sym(targetURIToShow), context);
-  document.getElementById("app").replaceWith(app);
-});
+  const app = pane.render(sym(targetURIToShow), context)
+  document.getElementById('app').replaceWith(app)
+})