VN Compiler. How to implement a context menu with DaisyUI and React Flow. (Pt. 2)

In this playlist we start a new project using F# and Typescript, focused on integrating AI tools in order to produce visual novels. We'll go with a node based approach used in programs like Houdini, Substance Designer as well as Blender's Geometry Nodes. We'll make a tool that integrates the best of image generation, text-to-speech and text generation to make producing stunning kinds of novels as complete web pages. We'll also automate posting on online sites like Royal Road and Scribble Hub, as it is tedious to post chapters replete with images on those. This will be a paid service, so if you are interested in how to use the best of the cloud and the best of functional programming, to make a VN compiler, you've come to the right place. The project here is intended to be useful for anybody interested in artistic endeavors.

If you have interesting work opportunities and require an expert functional programmer, don't hesitate to get in touch. My email is on my Github profile. Put "Work" as the subject in order to avoid the spam filters.

#webdevelopment #typescript #react #reactflow

Music:

TOC:

00:00 - Intro
00:20 - Prevent Default Behavior
01:05 - Create The Menu
04:06 - Context Menu Visibility
07:31 - Timelapse - 0:49
08:52 - Pause - 0:45
09:37 - Context Menu Elements
09:55 - How to install TailwindCSS
10:13 - How to install DaisyUI
10:38 - The Rider plugin for Tailwind is broken
11:04 - CSS files need to be UTF-8
11:33 - The VS Code plugins is decent
14:37 - Focus and the dropdown menu
15:21 - Timelapse - 0:47
16:56 - Timelapse - 5:37
21:37 - Weird TS partial application bug
22:58 - Node Addition - Timelapse - 3:51
26:59 - Outro