Create an App/Layout store for the HTML layouts produced in #89

[phochste]

Pitch

A user has a Pod on which she stores data that fits particular shapes BookReviewShape , CVShape , RecipeShape. She wants to choose from a market of applications that can render these shapes according to her preferences.

For instance for her Curriculum Vitae related data on her Pod she is quite picky in what layout it is rendered. The hypothetical CVShape expresses what is part of a typical CV. These shape could have gotten some popularity which allows many applications to provide renderers for it.

Desired solution

• The Store should provide users with an overview of data shapes that are available and data shape layouts (that turn RDF matching the shape into a pleasing website)
• For each data shape layout the users should see a preview of how the HTML layout of the shape should look like
• For each data shape the user should see the URL to the data shape and a sample (Turtle) instance of the data shape
• For each data shape layout the use should be able to copy and paste the required JS code into an external HTML page
• Developers should be able to register their data shape layout code in the Store (see Turn RDF instances of well-know SHACL/Shex shapes into a nice HTML layout #89)

Acceptance criteria

Make a 'ShapeStore' where a user can:

• Select a particular shape (e.g. BookReview shape)
• User can see the URL to the shape
  • She needs to produce data instances of that shape in whatever preferred tool she has..this is not part of the challenge how to produce an instance of a shape). See for instance Form render application that can render an RDF-form + RDF data + store it in a pod of choice #65 for an example how this can be done in an external app.
• See an overview of layouts available for this shape
• Get a piece of code she can copy and paste into her HTML page

Pointers

• Turn RDF instances of well-know SHACL/Shex shapes into a nice HTML layout #89

Scenarios

• The shape render market : provide a rendering of well known shapes into nice layouts #76

[pheyvaer]

The Solid app store can serve as inspiration or starting point for the code.