mashlib 2.0.0-b4e72483 → 2.0.0-b6e2711c

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/dist/browse-test.html +47 -24
  2. package/dist/browse.html +41 -20
  3. package/dist/databrowser.html +1 -1
  4. package/dist/mash.css +2435 -617
  5. package/dist/mash.css.map +1 -1
  6. package/dist/mashlib.js +1617 -1824
  7. package/dist/mashlib.js.map +1 -1
  8. package/dist/mashlib.min.js +334 -146
  9. package/dist/mashlib.min.js.map +1 -1
  10. package/package.json +25 -18
package/dist/browse-test.html CHANGED
@@ -10,7 +10,8 @@ document.addEventListener('DOMContentLoaded', function() {
10
10
  const authSession = SolidLogic.authSession
11
11
  const store = SolidLogic.store
12
12
  const dom = document
13
- $rdf.Fetcher.crossSiteProxyTemplate = self.origin + '/xss?uri={uri}'
13
+ // Disable cross-site proxy - modern Solid servers support CORS
14
+ // $rdf.Fetcher.crossSiteProxyTemplate = self.origin + '/xss?uri={uri}'
14
15
  const uri = window.location.href
15
16
  window.document.title = 'SolidOS Web App: ' + uri
16
17
  const outliner = panes.getOutliner(dom) //function from solid-panes
@@ -59,11 +60,11 @@ document.addEventListener('DOMContentLoaded', function() {
59
60
  const logoutButton = loginButtonArea.querySelector('input');
60
61
  logoutButton.value = "Logout";
61
62
  let displayId = `<${me.value}>`;
62
- webIdArea.innerHTML = displayId;
63
- banner.style.backgroundColor="#bbccbb";
63
+ webIdArea.innerHTML = displayId;
64
+ banner.style.backgroundColor="#bbccbb";
64
65
  } else {
65
66
  banner.style.backgroundColor="#ccbbbb";
66
- }
67
+ }
67
68
  loginButtonArea.style.display="inline-block";
68
69
  }
69
70
 
@@ -87,33 +88,52 @@ document.addEventListener('DOMContentLoaded', function() {
87
88
  </script>
88
89
  </head>
89
90
  <body>
91
+ <a href="#DummyUUID" class="skip-link">Skip to main content</a>
90
92
 
91
- <div style="width:100%;" id="inputArea">
92
- <div style="margin-bottom:0.6em">
93
- The SolidOS Databrowser
93
+ <header id="PageHeader" role="banner" class="header-mash">
94
+ The SolidOS Databrowser
95
+ </header>
96
+ <main id="mainContent" tabindex="-1">
97
+
98
+ <div class="input-row" id="inputArea">
99
+ Viewing <input id="uriField" type="text" class="uri-field" placeholder="enter a pod address e.g. https://you.solidcommunity.net/"/> <input type="button" id="goButton" value="Go" />
94
100
  </div>
95
- <div style="margin-left:1em">
96
- Viewing <input id="uriField" type="text" style="font-size:100%; min-width:25em; padding:0.5em;" placeholder="enter a pod address e.g. https://you.solidcommunity.net/"/> <input type="button" id="goButton" value="Go" />
97
- </div>
98
- <div style="margin-top:0.5em;margin-left:1em">
99
- As user <span id="webId">&lt;public user></span> <span id="loginButtonArea"></span>
101
+ <div class="user-row">
102
+ As user <span id="webId">&lt;public user></span>
103
+ <span id="loginButtonArea"></span>
100
104
  </div>
101
105
  </div>
102
106
 
103
- <table style="width:100%;">
104
- <tr>
105
- <div class="TabulatorOutline" id="DummyUUID" role="main">
106
- <table id="outline"></table>
107
- <div id="GlobalDashboard"></div>
108
- </div>
109
- </tr>
110
- </table>
107
+ <div class="TabulatorOutline" id="DummyUUID">
108
+ <table id="outline">
109
+ <thead>
110
+ <tr>
111
+ <th id="outlineHeader" scope="col"></th>
112
+ <!-- Add more <th> as needed for columns -->
113
+ </tr>
114
+ </thead>
115
+ <tbody>
116
+ <!-- Table rows injected by JS -->
117
+ </tbody>
118
+ </table>
119
+ <div id="GlobalDashboard" aria-label="Global Dashboard"></div>
120
+ </div>
121
+ </main>
111
122
 
123
+ <footer id="PageFooter" role="contentinfo"></footer>
112
124
  <style>
113
- #inputArea {
125
+ .header-mash {
114
126
  width:100%;
115
- padding:0.5em;
116
- background-color:#d0d0d0;
127
+ padding:1em;
128
+ background-color:#ccbbbb;
129
+ }
130
+ .input-row {
131
+ padding-left:1em;
132
+ padding-bottom:1em;
133
+ }
134
+ .user-row {
135
+ margin-top:0.5em;
136
+ margin-left:1em;
117
137
  }
118
138
  #loginButtonArea input {
119
139
  display:inline-block;
@@ -125,7 +145,10 @@ document.addEventListener('DOMContentLoaded', function() {
125
145
  padding-top:0.6em;
126
146
  padding-bottom:0.6em;
127
147
  }
128
- #uriField {
148
+ #uriField, .uri-field {
149
+ font-size:100%;
150
+ min-width:25em;
151
+ padding:0.5em;
129
152
  width:70%;
130
153
  margin-top:0.6em !important;
131
154
  }
package/dist/browse.html CHANGED
@@ -87,33 +87,51 @@ document.addEventListener('DOMContentLoaded', function() {
87
87
  </script>
88
88
  </head>
89
89
  <body>
90
+ <a href="#DummyUUID" class="skip-link">Skip to main content</a>
90
91
 
91
- <div style="width:100%;" id="inputArea">
92
- <div style="margin-bottom:0.6em">
93
- The SolidOS Databrowser
92
+ <header id="PageHeader" role="banner" class="header-mash">
93
+ The SolidOS Databrowser
94
+ </header>
95
+ <main id="mainContent" tabindex="-1">
96
+ <div class="input-row" id="inputArea">
97
+ Viewing <input id="uriField" type="text" class="uri-field" placeholder="enter a pod address e.g. https://you.solidcommunity.net/"/> <input type="button" id="goButton" value="Go" />
94
98
  </div>
95
- <div style="margin-left:1em">
96
- Viewing <input id="uriField" type="text" style="font-size:100%; min-width:25em; padding:0.5em;" placeholder="enter a pod address e.g. https://you.solidcommunity.net/"/> <input type="button" id="goButton" value="Go" />
97
- </div>
98
- <div style="margin-top:0.5em;margin-left:1em">
99
- As user <span id="webId">&lt;public user></span> <span id="loginButtonArea"></span>
99
+ <div class="user-row">
100
+ As user <span id="webId">&lt;public user></span>
101
+ <span id="loginButtonArea"></span>
100
102
  </div>
101
103
  </div>
102
104
 
103
- <table style="width:100%;">
104
- <tr>
105
- <div class="TabulatorOutline" id="DummyUUID" role="main">
106
- <table id="outline"></table>
107
- <div id="GlobalDashboard"></div>
108
- </div>
109
- </tr>
110
- </table>
105
+ <div class="TabulatorOutline" id="DummyUUID">
106
+ <table id="outline">
107
+ <thead>
108
+ <tr>
109
+ <th id="outlineHeader" scope="col"></th>
110
+ <!-- Add more <th> as needed for columns -->
111
+ </tr>
112
+ </thead>
113
+ <tbody>
114
+ <!-- Table rows injected by JS -->
115
+ </tbody>
116
+ </table>
117
+ <div id="GlobalDashboard" aria-label="Global Dashboard"></div>
118
+ </div>
119
+ </main>
111
120
 
121
+ <footer id="PageFooter" role="contentinfo"></footer>
112
122
  <style>
113
- #inputArea {
123
+ .header-mash {
114
124
  width:100%;
115
- padding:0.5em;
116
- background-color:#d0d0d0;
125
+ padding:1em;
126
+ background-color:#ccbbbb;
127
+ margin-bottom:0.6em;
128
+ }
129
+ .input-row {
130
+ margin-left:1em;
131
+ }
132
+ .user-row {
133
+ margin-top:0.5em;
134
+ margin-left:1em;
117
135
  }
118
136
  #loginButtonArea input {
119
137
  display:inline-block;
@@ -125,7 +143,10 @@ document.addEventListener('DOMContentLoaded', function() {
125
143
  padding-top:0.6em;
126
144
  padding-bottom:0.6em;
127
145
  }
128
- #uriField {
146
+ #uriField, .uri-field {
147
+ font-size:100%;
148
+ min-width:25em;
149
+ padding:0.5em;
129
150
  width:70%;
130
151
  margin-top:0.6em !important;
131
152
  }
package/dist/databrowser.html CHANGED
@@ -1,3 +1,3 @@
1
1
  <!doctype html><html><head><meta charset="utf-8"/><title>SolidOS Web App</title><script>document.addEventListener('DOMContentLoaded', function() {
2
2
  panes.runDataBrowser()
3
- })</script><script defer="defer" src="/mashlib.min.js"></script><link href="/mash.css" rel="stylesheet"></head><body id="PageBody"><header id="PageHeader"></header><div class="TabulatorOutline" id="DummyUUID" role="main"><table id="outline"></table><div id="GlobalDashboard"></div></div><footer id="PageFooter"></footer></body></html>
3
+ })</script><script defer="defer" src="/mashlib.min.js"></script><link href="/mash.css" rel="stylesheet"></head><body id="PageBody"><a href="#DummyUUID" class="skip-link">Skip to main content</a><header id="PageHeader" role="banner"></header><main id="mainContent" tabindex="-1"><div class="TabulatorOutline" id="DummyUUID"><table id="outline"><thead><tr><th id="outlineHeader" scope="col"></th></tr></thead><tbody></tbody></table><div id="GlobalDashboard" aria-label="Global Dashboard"></div></div></main><footer id="PageFooter" role="contentinfo"></footer></body></html>