@Dan: I can only agree with you. I’m truly do know nothing about coding. I pick up a bit from basic YouTube videos on HTML and CSS. But with AI, it’s really accessible for anyone to put things together themselves. You can keep tinkering until something works. And if it doesn’t, just a quick link to the tutorial pages of Elements, and ChatGPT often knows where the problem is and provides a solution. I get a bit excited at the thought that this is still only a beta version… I can’t wait for the new beta with the new components. You’re doing an amazing job, and being so transparent about your progress has definitely been a golden move: not only is it very inspiring for (new) users, but it’s also very encouraging to see how user suggestions and/or feedback are genuinely used to improve Elements.
I would really like to see how you created the query to the AI agent. Sometimes the form of the query can have a huge impact on the result.
It’s true that the way you phrase the question determines the result. In my opinion, the more concrete the question and the more information you provide, the better the results. I started with a simple statement of my intention: ‘Create code that enables automatic display of data from a Google Sheet on a website. I’m using Elements by Realmac Software to build the site. This system is based on Tailwind CSS and uses custom components for creating things on the site. A custom component has the following sections: Template, Styles, Javascript, Hooks, and Properties.’ This gives you an initial result, and then it’s a matter of tweaking and asking for things repeatedly until you get the desired outcome. If it doesn’t work right away, I’ll add a link to a relevant page in the Elements online documentation for that question. I read it myself, too, to sometimes make adjustments that ChatGPT might overlook but are noted as important in the documentation.
Thanks for the detailed description of the request, I’ll give it a try. I’m not very familiar with ChatGPT but I’m willing to learn.
hmm, as a first go a creating a custom component I watched a few video Dan made, browsed thru the documentation and gave ChatGPT a try also and it came up with a .yaml :-> Which is cool when I am doing Ansible or Kubernetes work, but as far as I can tell the Elements Components do not support those, right?
Elements has their (it’s ?) own way of configuring a Component with the info.json and properties.json, and the index.html template…
And that is it, right?
So is ChatGPT dreaming up something (which could makes sense) which does not exist or is there a part of the documentation which I did not find yet?
Technically speaking what ChatGPT came up with did make sense: where Elements has things like “slider”, it would call a “script” and pass a setting of Elements as a property to that script (which was what I wanted to do, that script would then take that arguments and use it to query our SQL-databases).
So is there any documentation on how to call external code (Swift, Python, …) from a Custom Component in Elements?
Sorry, for the NOOBy questions 