Devlog (No.7)

NeneUI is an Server Side User Interface Rendering Library allowing developers to design user interface purely server-side without worrying about updating the code everywhere

I’ve been thinking and working on new features which would make it possible for NeneUI to be used productionally by all the developers

New Features

• ForEach Widget Support to ForEach Terms

Column('#forEachTest', {
    mainAxisAlignment: MainAxis.start,
    crossAxisAlignment: CrossAxis.start,
    foreach: true,
    children: ForEach('#forEachW', {
        varToForEach: "testMap",
        namespaceVar: "testMap",
        child: Row('#roWCh', {
            children: [
                Text('#TextABC', {
                    text: Var({
                        template: "Hello, %1 (%2)",
                        variable: "for.title,for.gender"
                    })
                })
            ]
        })
    })
})

The Code ForEach will only work inside children:[] where multiple widgets can be rendered
Such as Row, Flex, Table

• Frame Widget

Frame('#frame', { framePath: "/ui/test" })

This Widget Functions just like IFrames in HTML to render something inside another page

• Table Widgets
  The Table Widgets Include Table, TableCell, TableFooter, TableRow, TableSize

• DatePicker Widget

DatePicker('#dtp', {
          mode: PromptMode.dialog,
          defaultDate: DateTime.now()
})

PromptMode and DateTime are now integrated within Core.ts

• JavaScript Code Execution!! YOU CAN NOW EXECUTE JAVASCRIPT CODE TOO!!

DoAction(Action.JAVASCRIPT, `console.log("Var: "+getVariable("#userName.controller")); action('${Action.SHOW_TOAST}', Date.now() + ' Hello World ' + getVariable("#userName.controller"));`)

Currently Using flutter_js which in turn uses QJS behind the scenes

Modifications

• Image now supports Variable URL Support as well
• showScaffold Flag has been added to Daikon Renderer for Frame

Planned Stuffs

• ListView and GridView Support in Future Updates
• Usable JS Features
• OTP Input and More Shadcn_flutter Widgets

Thanks for Reading!!!!