ekafyi / diagramify Goto Github PK

Possible UI-UX workaround:

• fetch each URL
• only display URLs that return 200

Downside:

• slow
• may not guarantee the exact content exists

• Validate clientside input
• Handle NO_DIAGRAM response (unclear, unsafe, etc)
• Handle server errors
• Handle unexpected faulty response (no server error but eg. missing content, invalid Mermaid syntax)

• Footer credits: Gemini, Mermaid, Astro, DaisyUI
• As a user I can understand that generative AI may not be accurate

Issue

Mermaid sequence diagram is not rendered with an arrow. Reproduceable in mermaid.live editor.

Solution

Change Mermaid arrow syntax from -> to ->>

Steps to fix

• Update Gemini prompt

• Create Astro API endpoint/route that sends request to Gemini API
  • Ensure prompt is sanitised before sending request
  • Handle Gemini API errors
• Call the endpoint from client-side component

• Add vitest for unit testing
• Add svelte-testing-library for component testing

E2E testing is not included in the MVP.

User story:

As a user I can choose a concept from pre-defined options and submit it to Gemini API

• Provide pre-defined options
• User can select one of those; selected option is marked visually
• User can change their selection to a different option; visual UI is updated accordingly
• Submit button is enabled when an option is selected
• User can click the enabled submit button to send request to Gemini API; the detailed prompt is built based on AI Studio prototype

Umami custom event request is rejected with an error due to tag: null added by umami script. Must find a way to modify the umami script behaviour.

Error:

payload.tag must be a string type, but the final value was: null. If "null" is intended as an empty value be sure to mark the schema as .nullable()

Add basic head tags & implement semantic markup.

• Lighthouse SEO score 100
• Displayed correctly on heymeta.com / similar service