originalexe / contentmodel.io-web Goto Github PK
View Code? Open in Web Editor NEWcontentmodel.io is a community-sourced, visual directory of Contentful content models
Home Page: https://contentmodel.io
contentmodel.io is a community-sourced, visual directory of Contentful content models
Home Page: https://contentmodel.io
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.
When the site URL is shared, or a content model is shared, some opengraph metadata and image preview would make that a better experience.
Proposed card design (figma artwork):
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.
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.
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%);
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!
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 ?
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.