Index.html in a Pod folder and keeping browser

Self Host a Solid Pod
1

I know I can put an index.html file in a folder of my pod to change the behavior of that folder. Then the index.htlm is displayed instead of the possibility of browsing that folder.
But what I would like to have is BOTH :

  • an html file where I could for example explain what is that public folder, what data is in , how it can be used, which webapp can use it, who must be contacted to fix errors with that data…
  • and keep the possibility to browse that folder…
    But I don’t know which file I have to modify in the solid-gui to do so.
    If anyone has an idea how to do that?
    or perhaps is it in the solid-server?
    Txs
1 Like
2

You can allways browse the folder with Solside-ide
or use an other <name>.html file

3

Or put a little snippet at the bottom of the index.html which calls solid-file-client and uses it to display a dynamic, possibly clickable list of the files in the folder.

4

TXS, as you , I’ve used solside, but it’s not easy for every user’.
What I had in mind is more a snippet of html / iframe on the top of default folder browser .
An option provided for the owner to easily describe that folder, perhaps an index.html.pod that could be stored in that folder and included on top of default browser

Do you know if this is the solid-server or the solid-gui that decide to show the index.html or the browser ?

5

it seems I read somewhere that there is an implicit index.html and that when we had one it superseed the implicit one and you cannot see the container content anymore.
You can allways list the container content and access it through the solidFile.folder()

6

The file you’re after is databrowser.html in the server’s static folder.

1 Like
7

Txs, I’ll take a look

8

Sorry but I don’t find where is the server test : if I have an index.html I render it , else I show the browser

9

You can also use the data browser as a web app here: https://index.solid.community/public/8-2/testing123.html

Enter the url of the folder your trying to show like https://smag0.solid.community/public/ will give you a view of the public folder like this: https://index.solid.community/public/8-2/testing123.html?uri=https%3A%2F%2Fsmag0.solid.community%2Fpublic%2F even if you created an index.html page in the folder. Then you can simply copy the link in your browser and do embed src command with the link of the view you just created in the data browser.

Now you can show a view of the public folder and make notations about it on the /public/index.html page. As an added feature discovered, you should see the index.html file in the list, you can delete it by opening the file, select the gear tab, and delete it; what should appear on the /public should be the above data browser views.

As an example, see https://index.solid.community/public/8-2/testing123.html?uri=https%3A%2F%2Fsolside.solid.community%2Fpublic%2F you can see the index.html file. You can also edit the pod via the data-browser-as-a-web-app.

2 Likes
10

Thxs @adventure that could do the trick.
I’ll take a look at.
Is this the same way that you used to https://mikeadams1.github.io/solidash/portal.html
mentioned in Conceptual Design - Solid better User Experience ?

11

Yes,

image
image1280×800 223 KB
you can see the embed src code, seemed to be the easiest way to work it in.

12

There are several things you can do with the data browser, maybe we should start a thread on that subject.

I created a file for you as an example on my index.solid.community pod.

Lets say you want to use the data browser to show a URL or URI on page load, You can create the page like below, and then, embed src that into your page so you can explain what happened to the public folder. Here I have the public folder of https://solside.solid.community/public/ preloaded into the data browser:

image
image1280×800 169 KB

Now you can <iframe that into your page that you want to explain or you can use embed src either way works. Here is a link to the page above: https://index.solid.community/public/8-2/demo-of-solid-data-browser-for-smag0.html

13

If you want to change what the data browser is displaying, simply change this line of code I have highlighted in blue, to what ever you want the data browser to point to:

image
image1280×800 252 KB

I am currently working on customizing the data browser to do certain things so, if anyone is interested in sharing ideas, feel free to pm me here, or on gitter @mikeadams1. Over the next couple weeks I will be launching a customized version of the solid data browser, and a hacked version of one of my previous hacks, using code pulled from various NSS related repos here. A link to the site I am developing is here: https://solid.WebID.cloud and at https://WebID.cloud is where I will launch our own Solid WebID Pod Server.

14

Ok, it’s integrated https://scenaristeur.github.io/solidash/browser.html

1 Like
15

@smag0 Nice job!

16

all merit is yours :wink: , now i’ve to put it in a js web-component / module

1 Like
17

Thank’s allot for that! But, I feel the need to credit @timbl @megoth and others that have created and worked on the data browser, it has taken me a month just to understand the mashlib library on this thing.

A suggestion would be to possibly consider also using some of the widgets that are native to solid, like those found in the Meetalator, among other things. https://mikeadams1.github.io/Solid-Wiidget-Library/widget.html#

The repo is here: https://github.com/mikeadams1/Solid-Wiidget-Library which is just a place for me to store the code.

18

You may want to create a space for Bikeshed, this is an awesome app. https://api.csswg.org/bikeshed/

One of the things that I am trying to grasp is, that people are making react apps to work with solid but yet, you cannot access them via the solid data browser. Like https://generator.inrupt.net

For me, I think that there should be more development of native solid apps, so everything can be used in connection with the data browser, IMHO.