forked from SolidOS/solid-panes
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathloader.ts
More file actions
91 lines (84 loc) · 2.57 KB
/
loader.ts
File metadata and controls
91 lines (84 loc) · 2.57 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
import * as paneRegistry from 'pane-registry'
import * as $rdf from 'rdflib'
import { solidLogicSingleton, store, authSession } from 'solid-logic-jss'
import { getOutliner } from '../src'
import Pane from 'profile-pane-jss'
// FIXME:
window.$rdf = $rdf
async function renderPane (uri: string) {
if (!uri) {
console.log("usage renderPane('http://example.com/#this')", uri)
return
}
const subject = $rdf.sym(uri)
const doc = subject.doc()
await new Promise((resolve, reject) => {
store.fetcher.load(doc).then(resolve, reject)
})
const context = {
// see https://github.com/solidos/solid-panes/blob/005f90295d83e499fd626bd84aeb3df10135d5c1/src/index.ts#L30-L34
dom: document,
getOutliner,
session: {
store: store,
paneRegistry,
logic: solidLogicSingleton
}
}
const options = {}
console.log(subject, Pane)
const icon = createIconElement(Pane)
const paneDiv = Pane.render(subject, context, options)
const target = document.getElementById('render')
target.innerHTML = ''
target.appendChild(icon)
target.appendChild(paneDiv)
}
function createIconElement (Pane) {
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))
paneRegistry.register(require('contacts-pane'))
await authSession.handleIncomingRedirect({
restorePreviousSession: true
})
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>`
}
renderPane()
}
window.logout = () => {
authSession.logout()
window.location = ''
}
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'
})
}
};
(window as any).renderPane = renderPane