WebUI Concepts for cookieplone – research and suggestions

[acsr]

to @davisagli:
@ericof and me discussed with others on the Plone Beethoven Sprint 2024 options to enhance the user story & experience using cookiecutter and the Plone Distributions chooser forms.

Prerequisite and some Vision

Kickoff Story for me: Some of these aspects are also driven by an ad hoc example that I showed up during a Lightnig Talk at Plonetagung Gießen 2024 and a short exchange with @fredvd about the user experience having cookiecutter replacing the setup dialog for Plone sites as a chat dialog. (I demoed cookiecutter as prompt generator for a RAD LLM during AI Summer Shool 2023 in Cologne using a NiceGUI Chat Frontend. (Examples: Chat AI-Interface

Targeting an appealing UX for wider audiences makes sense and may end up with offering an WebUI to cookiecutter driving the creation processes around Plone with more fun and ease of use, making it easier to get the options and impress during creation with productive workflows and fast results. Answering customer requests with a fast setup of a demo distribution is always impressing and shows up the quality of the toolchain from the first step.

Imagine the current dialog form when creating an initial Plone site after the cookiecutter setup is going to bootstrap the frontend / backen setup in the two distribution flavors Volto and ClassicUI.

Go further and imagine this in a more dialog driven approach similar to an LLM AI chat experience and ending up in documentation the choosen options for reference or later picking up an/or modify a prior setup run.

Expect to find a nice individual documentation similar to the ansible stuff populated in the devops folder precisely mentioning your choosen options and consequences.

Research for existing WebUI Approaches using cookiecutter

@acsr did some research in the past and provide some tagged links

Create web UI tool for cookiecutter · Issue #1067 · cookiecutter/cookiecutter

url:: cookiecutter/cookiecutter#1067
tags:: #[[cookiecutter]], #[[cookiecutter WebUI]], #[[Interface]], #[[Templating]], #[[Terminal]]

• First off, I looooove cookiecutter! Thanks for creating it and working on it! ❤️ This is a bit of a long-shot, but wasn't sure where else to leave this. I work in a community where not everyone has...

cjolowicz/cookietemple

creators:: programmer: Claudio Jolowicz
url:: https://github.com/cjolowicz/cookietemple
tags:: #[[cookiecutter]], #[[cookiecutter WebUI]], #[[Interface]], #[[Templating]], #[[Terminal]]

• A collection of best practice cookiecutter templates for all domains and languages with extensive Github support

samj1912/CookieS

creators:: programmer: Sambhav Kothari
url:: https://github.com/samj1912/CookieS
tags:: #[[cookiecutter]], #[[cookiecutter WebUI]], #[[Interface]], #[[Templating]], #[[Terminal]]

• Cookiecutter as a Service
• @acsr: This is the 4 years old prototype mentioned in Create web UI tool for cookiecutter cookiecutter/cookiecutter#1067 (but not continued) -> watch the gifanim to get a taste of the UX Feeling

cookiedough: browser and install GUI for cookiecutter templates

url:: https://fossil.include-once.org/cookiedough/
tags:: #[[cookiecutter]], #[[cookiecutter WebUI]], #[[Interface]], #[[Templating]], #[[Terminal]]

• cookiedough 0.1.0 - new GUI frontend for cookiecutter

  creators:: author: milki_
  url:: www.reddit.com/r/Python/comments/mbigbs/cookiedough_010_new_gui_frontend_for_cookiecutter/

Web-Based Django Cookiecutter Generator - Easy Setup Online

creators:: author: AI SaaS Template
url:: https://aisaastemplate.com/tools/django-cookiecutter/
tags:: #[[cookiecutter]], #[[cookiecutter WebUI]], #[[Interface]], #[[Templating]]

• Streamline your Django project setup with our web-based Cookiecutter generator. Avoid command-line errors and easily modify choices through our user-friendly f…

Guillem96/visual-cookiecutter

creators:: programmer: Guillem Orellana Trullols
url:: https://github.com/Guillem96/visual-cookiecutter
tags:: #[[cookiecutter]], #[[cookiecutter WebUI]], #[[Interface]], #[[Templating]], #[[Terminal]]

• Bake cookiecutter templates visually (with a Streamlit web UI)

@ericof introduced already recognized tools and approaches:

rjsf-team/react-jsonschema-form

url:: https://github.com/rjsf-team/react-jsonschema-form
tags:: #[[cookiecutter]], #[[Form]], #[[Formbuilder]], #[[JSON]], #[[JSON Schema]], #[[React]]

• A React component for building Web forms from JSON Schema.

Textual - Home

url:: https://textual.textualize.io/
tags:: #[[cookiecutter]], #[[Interface]], #[[Templating]], #[[Terminal]], #[[Textualize]]
zotero:: @TextualHome2024

• Textual is a TUI framework for Python, inspired by modern web development.

• Textualize

  url:: https://github.com/Textualize
  tags:: #[[cookiecutter]], #[[Interface]], #[[Templating]], #[[Terminal]], #[[Textualize]]

• Textualize/rich

  url:: https://github.com/Textualize/rich
  tags:: #[[cookiecutter]], #[[Interface]], #[[Templating]], #[[Terminal]], #[[Textualize]]

  • Rich is a Python library for rich text and beautiful formatting in the terminal.
  • Rich 13.6.0 documentation
    url:: https://rich.readthedocs.io/en/stable/

---

I enhance this further as I go here.

[davisagli]

It could be interesting to use https://pyscript.com/ for this.