Coder Social home page Coder Social logo

Comments (21)

Otto-AA avatar Otto-AA commented on August 24, 2024

Hmm, I would have expected it to work.

As I basically only use the solid-auth-client library for logging in and out and I didn't find a version constraint there, I thought it should work. If you are sure, that the login should have worked, could you try if this library works for you (or open an issue there)?

I wouldn't know what the error in this app could be, as it basically only calls solidAuth.popupLogin({ popupUri }) (see here for the source code)

from solid-filemanager.

Leoudayan avatar Leoudayan commented on August 24, 2024

Hi, Thanks for your reply. Yes, the first level login works fine. But when i enter the URL and click enter into pod, it throws the following error,

Error: Error trying to parse https://student1.solid.open.ac.uk/ as text/turtle: Error: Error: NamedNode IRI "https://student1.solid.open.ac.uk/!doctype html" must not contain unencoded spaces.: Error: Error: NamedNode IRI "https://student1.solid.open.ac.uk/!doctype html" must not contain unencoded spaces. at new t (https://otto-aa.github.io/solid-filemanager/build/static/js/2.42dfee7f.chunk.js:1:26641) at t.value (https://otto-aa.github.io/solid-filemanager/build/static/js/2.42dfee7f.chunk.js:1:543208) at x.uri_ref2 (https://otto-aa.github.io/solid-filemanager/build/static/js/2.42dfee7f.chunk.js:1:272186) at x.node (https://otto-aa.github.io/solid-filemanager/build/static/js/2.42dfee7f.chunk.js:1:269529) at x.nodeOrLiteral (https://otto-aa.github.io/solid-filemanager/build/static/js/2.42dfee7f.chunk.js:1:274519) at x.path (https://otto-aa.github.io/solid-filemanager/build/static/js/2.42dfee7f.chunk.js:1:265956) at x.item (https://otto-aa.github.io/solid-filemanager/build/static/js/2.42dfee7f.chunk.js:1:265820) at x.subject (https://otto-aa.github.io/solid-filemanager/build/static/js/2.42dfee7f.chunk.js:1:264402) at x.object (https://otto-aa.github.io/solid-filemanager/build/static/js/2.42dfee7f.chunk.js:1:274222) at x.statement (https://otto-aa.github.io/solid-filemanager/build/static/js/2.42dfee7f.chunk.js:1:264214)

from solid-filemanager.

Otto-AA avatar Otto-AA commented on August 24, 2024

Ok, I'm not really sure yet how to debug that. So here are some things I'd check (may seem obvious)
(1) The account you logged into has access to the storage location
(2) Does it work if you enter the public storage location of your pod (or e.g. https://otman.solid.community/public/ which probably isn't 5.0.0 though)?
(3) Do you have an idea from where the "https://student1.solid.open.ac.uk/!doctype html" comes? This seems pretty strange to me.

from solid-filemanager.

Leoudayan avatar Leoudayan commented on August 24, 2024

Thanks for your reply. I dd some changes and now i am getting the following error.
Error: <!doctype html> <title>No permission</title>

No permission to access this resource

You are currently logged in as https://mano.solid.open.ac.uk/profile/card#me, but do not have permission to access https://mano.solid.open.ac.uk/public.

Log out

<script src="/common/js/solid-auth-client.bundle.js"></script> <script src="/common/js/auth-buttons.js"></script>

Answering to your questions,

  1. Yes, i checked it and i logged in through that account. In-fact your app works with 4.x.x versions. But 5.0.0 version is the one giving me these problems.

  2. Nope, it gives me same error as mentioned above.

  3. I think this error is solved now. Its just the authentication problem now.

from solid-filemanager.

Leoudayan avatar Leoudayan commented on August 24, 2024

I made the solid server open for public now. Please feel free to create a POD and test it if you have time.

https://www.solid.open.ac.uk

After the 4.3.1 version, if you create an account, it wont give you the URL for your POD (not sure what causes it). So, once you create an account, click register again and click the Already have an account tab and login.

from solid-filemanager.

Otto-AA avatar Otto-AA commented on August 24, 2024

Ok, I've found two issues:
First, it seems that the app now needs an additional authorization at your profile (https://mano.solid.open.ac.uk/profile/card#me -> A -> Grant access to https://otto-aa.github.io with at least Read and Write).

And secondly, the homepage now returns a html file whereas the old returned a turtle file (as it is the case for all other directories). So the home folder is currently unavailable, but as mentioned before you can directly select a folder with the storage location.

The first one is also mentioned in the changelog

from solid-filemanager.

Leoudayan avatar Leoudayan commented on August 24, 2024

Ah great!. Many thanks for this. I have few questions regarding this.

  1. How does solid handle the session for each login? I have to login each time first and authorize the app each time to access my POD. If i update the ACL, can i skip the second part of authorizing the app?

  2. Is it possible for you to prepare a file manager which lets reads the HTML file and lets us work like how it does with turtle?

Thanks for the changelog link.

from solid-filemanager.

Otto-AA avatar Otto-AA commented on August 24, 2024

Regarding (2), it was a server side error which already has been fixed with this PR. Here is the corresponding issue if you are interested. So if you use the code from the master branch to run the server, it should already work.

Regarding (1), the solid-auth-client stores a login token as far as I know. So for me, I only have to click on the "login" button in the file client and get logged in without entering my credentials another time. I don't think it is possible to write to the pod without being logged in (how would the server know, if it is really you? Because of the IP?). If you consider creating your own app with your own login system, I think you can store the login token, if that is what you want to do.

from solid-filemanager.

Otto-AA avatar Otto-AA commented on August 24, 2024

I've added an Accept: text/turtle header for folder requests now. So if the server supports this behavior (<5.0.0 or 5.0.0 with the fix in the master branch) it should work now.

1d4343c

from solid-filemanager.

Leoudayan avatar Leoudayan commented on August 24, 2024

Hi,

Thanks a lot for this. I really appreciate your help.

No, my code is not updated with the master branch. Its just the 5.0.0 release (npm install solid-server). I tried to follow the instructions to merge the master with the 5.0.0 release (https://github.com/solid/node-solid-server/blob/master/.travis.yml ) But getting error. Sorry for this small issues but i am new to web development and having troubles with basic things like this. Is it possible for you to suggest how to merge the master folder with 5.0.0 package?

from solid-filemanager.

Otto-AA avatar Otto-AA commented on August 24, 2024

Sorry, I have no experience with setting up solid servers. Please ask there for further help on this.

Are there any open questions regarding the solid-filemanager?

from solid-filemanager.

Leoudayan avatar Leoudayan commented on August 24, 2024

Ah okie. I managed to install the master version using the following command

npm install https://github.com/solid/node-solid-server

Now i able to view the pod files through the directory. When i try to create a folder, it gives me an error that i dont have permission to do so. I am trying to your app domain in the POD .acl file to see whether the write feature work. Thanks for your help :)

from solid-filemanager.

Leoudayan avatar Leoudayan commented on August 24, 2024

Hi Otto,

When i tried to authorise your app through the .acl, it still gives me the same unauthorised error. I posted a post in the forum regarding this. It will be really great if you could have a look.

https://forum.solidproject.org/t/acl-format-for-authorising-new-apps/1655

from solid-filemanager.

Otto-AA avatar Otto-AA commented on August 24, 2024

You can look at my response or the README.md for an easy way to authorize this app.
As of now, go to your-solid-pod.com/profile/card#me, click on "A" in the top and add "https://otto-aa.github.io" (without a slash at the end) with read/write access.

from solid-filemanager.

Leoudayan avatar Leoudayan commented on August 24, 2024

Hi,

Thanks for this. I have added the access but still it didnt work. You can try by yourself.
URL: https://testing.solid.open.ac.uk/
Username: Testing
Password: Solidapp@12345

I also checked the Acl file in the main folder but it didnt add any access to it. Please let me know if you find a way to make it work. Sorry for bothering you too much but you are the only expert in this area right now. :)

from solid-filemanager.

Otto-AA avatar Otto-AA commented on August 24, 2024

I tested it and I was able to view the root and make a file in the private folder without any problem. Adding a file to the root directory doesn't work, i don't know if it should (or is restricted due to some reason).

Make sure that you have the newest version of the filemanager by making a complete reload (else it will keep the old version of the filemanager; this updating behavior will hopefully be changed in the future).

from solid-filemanager.

Leoudayan avatar Leoudayan commented on August 24, 2024

Yes!! It worked. Thanks for it. :)

Is it possible to run this entire file system as a script rather than as a react app? Because, i am using a normal HTML file with java scripts to run my Plugin. I am not sure how to integrate the filemanager with the existing javascript. or its not possible to do this?

from solid-filemanager.

Otto-AA avatar Otto-AA commented on August 24, 2024

What would be your use case? And what would be the difference to using an iframe or just opening it in a new tab?

from solid-filemanager.

Leoudayan avatar Leoudayan commented on August 24, 2024

I try to store students learning records in the solid pod. Previously i used the solid file client prepared by jeff. It was quite easy to integrate and it was broken because of the new update. But i incorporated your suggestion in the file client and it worked! Thought i prefer your filemanager as it looks much better and have more options. The big i cant understand right now is that, how can i incorporate your app in my webpage in coding level. The scenerio is this. When students logs into our learning records page, they will first login with their solid pod. Now there will be a claim button in the webpage where the student can press and claim their learning records. Once pressed, it will open the solid file client (the one jeff prepared) and lets them to choose a folder to upload the learning records. Thats it. The files are stored in the POD. But when i wanted to integrate the filemanager, i was confused which code to copy as i never worked with react apps. This is the situation. If you could give some suggestions, that will be really great.

from solid-filemanager.

Otto-AA avatar Otto-AA commented on August 24, 2024

If I understand you correctly you want an interface for the user to choose a storage location path? If yes, I am sorry but this file manager is built as a standalone app, so it would need refactoring to make it usable as a "function" which returns a path or uploads a file to a random location.

From where comes the data the students want to upload to their pod? Maybe you could let the user download it, and let them just open the file manager in a new tab and let them upload it there. Or is there a specific reason, they would need this to be in the same web page as your application? From your description I wouldn't know a reason, why it couldn't be splitted into download and upload on two different websites.

If you only mean the js-api for storing a file, most of it is in this file and the ones it imports in the top of the file. Here is the login function used. It should be rather easy to understand, but you could also use the solid-file-client for the same functionality which seems even more easy (and a fix for this issue is under consideration in the solid-file-client).

And integrating a react application to a normal webpage should be possible in general, but without integrating callbacks and parameters into solid-filemanager (which I don't plan to do in the near future) it seems rather pointless (it would behave nearly identical to an iframe). Here is more info on that if you are interested.

I hope this clarified some things. If you still have questions feel free to ask :)

from solid-filemanager.

Leoudayan avatar Leoudayan commented on August 24, 2024

Hi Thanks a lot for your reply and sorry for the delayed reply. Just came back from a short vacation.

Yes, you understood me correctly. From a student point of view, we try to provide as short steps as possible. If they download and put it into their POD, it will add more steps.

Many thanks for the links. I think even if it works like an iframe its fine (not sure whether all the functionalities of the app will be supported in the iframe version though).

Your links and replies helped and clarified a lot. Thank you for spending your valuable time addressing my queries. Really appreciate it :)

from solid-filemanager.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.