originalexe/contentmodel.io-web

contentmodel.io is a community-sourced, visual directory of Contentful content models

Frontend powering ContentModel.io

Check https://github.com/OriginalEXE/ContentModel.io-api for the backend

List of required environment variables:

NEXT_PUBLIC_BASE_URL
AUTH0_DOMAIN
AUTH0_CLIENT_ID
AUTH0_CLIENT_SECRET
AUTH0_COOKIE_SECRET
AUTH0_AUDIENCE
GRAPHQL_URL

contentmodel.io-web's Issues

JSON export was failing on

Hi,

I've come across an issue when importing from a Contentful space when linkContentType was a straight key value pair insted of an object with a key value pairs.

For example

"validations": [ { "linkContentType": "someValue" } ],

would return an error when importing the data from all three import types.

Application error: a client-side exception has occurred (developer guidance).

The console would show:

framework-3af989d3dbeb77832f99.js:1 TypeError: r.linkContentType.filter is not a function at 970.2a6080e7e8af1e58dd89.js:1 at 970.2a6080e7e8af1e58dd89.js:1 at Array.forEach (<anonymous>) at 970.2a6080e7e8af1e58dd89.js:1 at Array.forEach (<anonymous>) at r (970.2a6080e7e8af1e58dd89.js:1) at o (970.2a6080e7e8af1e58dd89.js:1) at 397.174af88c9883836b7998.js:1 at Ii (framework-3af989d3dbeb77832f99.js:1) at t.unstable_runWithPriority (framework-3af989d3dbeb77832f99.js:1) uu @ framework-3af989d3dbeb77832f99.js:1 main-5947f05c764f928168cd.js:1 TypeError: r.linkContentType.filter is not a function at 970.2a6080e7e8af1e58dd89.js:1 at 970.2a6080e7e8af1e58dd89.js:1 at Array.forEach (<anonymous>) at 970.2a6080e7e8af1e58dd89.js:1 at Array.forEach (<anonymous>) at r (970.2a6080e7e8af1e58dd89.js:1) at o (970.2a6080e7e8af1e58dd89.js:1) at 397.174af88c9883836b7998.js:1 at Ii (framework-3af989d3dbeb77832f99.js:1) at t.unstable_runWithPriority (framework-3af989d3dbeb77832f99.js:1)

Changing to the following

"validations": [ { [ "linkContentType": "someValue" ] } ],

Allowed the import to complete.

Hope this is enough information.

Thank you for the wonderful software!

Add OpenGraph Metadata to site, entries

When the site URL is shared, or a content model is shared, some opengraph metadata and image preview would make that a better experience.

• Add basic OG meta to site, entries
• Add OG image card to main landing page (can be static) Happy to help with this one
• Figure out a way to render an image of the model and bake it into a cool card. Cloudinary, or PhantomJS, or something.

Proposed card design (figma artwork):

Descriptive icons next to fieldtypes in visualizations

Consider icons for each of the fieldtypes; we could probably use existing or simplified ones from the new field modal in Contentful. It would be a nice visual aid.

Look into links handling with markdown

Right now the links are supported in the content model details section, but they are not rendered obviously. Also need to look into the security implications of this.

Accessible colors in Dark Mode

I run dark mode, and it's great to see ContentModel dot io support it!

Consider ensuring that text and especially links appear with sufficient contrast in Dark Mode scenarios.

Current state:

Proposed, accessible styling:

I selected a warm-hued pale yellow to go with the overall brand, and contrast the dark blue background.

    text-decoration-line: underline;
    text-underline-offset: 2px;
    font-weight: 600;
    color: hsl(48deg 100% 80%);

Possibility to exclude content type "asset (internal)"

The content model would be easier to overview if it was an option to exclude the "asset (internal)" content type. There's a lot of lines to this box in my visualization, and it doesn't really add any value.

Not able to use Visualize content model

Hello,

I have tried multiple time to Visualize content model either from Pull from contentfull or Copy/Paste but was not able to go up to the end.

• Pull from content : connection is working. I can select my space en environment but then run into Could not fetch the content model from the API. Check that you have provided the correct details.

• Copy/Paste : I have exported my content models from contentful CLI but when I tried to Validate and Continue I run into We could not parse the JSON provided, copy-paste the full JSON as exported via either Contentful CLI or the Delivery API

Please let me know, what information you need to debug it ?