Devlog (No.8)

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 thought of more useful features and added them as well, and you will love it

Here are the list of the features i’ve added

• File Uploads!!
• Breadcrumbs
• PropsReplacement
• Improved Nene HTTP
• ColorPickers!
• Some Docs
• Image Memory

File uploads was the hardest part to do, it took a lot of time debugging and working around
then there was loading image from memory i had to figure out what to do, so i just made it to load the selected file from memory

Known Funny Issue: Please don’t try uploading a GB worth of file, it freezes up your system, i think i may try writing an exception that prevents 500MB+ file being uploaded otherwise it’s disaster

I’m planning to ship 1st release by next blog soon enough, working on it from now on so it would be easier for everyone to use it

Here’s the Screenshot

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!!!!

Devlog 7

.
Context: it is an Server-Side Rendering Library for Flutter Apps so the UI can be updated without even touching flutter’s code or re-compiling the app.
.
.
New Features

• Added NeneHTTP and NeneCallback for Callback (IPC-like)
• Add AlertDialog Support
• Add HoverCard Widget
• Improve Types of Widgets to Ensure Easy Integration
• Remove Unused Imports
• Half-Done ForEach Support, Quite Difficult but will try to implement it soon.
• FormSubmit Button Widget
• Added Widget Props Manipulation as well to Manipulate or Replace Widget at any place.
  .
  I’m working on more new features to integrate, hopefully they get integrated with ease.

Devlog 6

.
. Context: It is an Server Side Rendering Library for Flutter Apps so the UI can be updated without even touching flutter’s code and re-compiling the entire app.
.
New Features

• Introduced CheckBox and TextField widgets with state reading support
• Added Context Menu functionality for various widgets
• Added NavigationItem, NavigationGroup, and NavigationDivider components
• Implemented Compare() for conditional UI rendering
• Added Refresh Interface option in Daikon Debug
• Integrated Iconify API for dynamic icon resolution and rendering
  .
  .
  I Plan to add More Features sooner enough. Completing NeneUI.

Devlog #5

.
Project Context:
.
This is a Server Side Rendering Library for Flutter that allows you to update the User Interface of app without completely re-building the app granting control from server-side and natively render all widgets instead of WIdget.
.
.
In This Update I’ve added

• Image Widget Complete Support in Daikon Renderer along with SVG Support
• Daikon Debugger
• Variable Display and Setting
• ButtonGroup Widget too!

You can see the attached video!!.

Devlog #4

.
Context for thoose who don’t know: I’m making an Server Side Rendering Library, Where You can Update your App without updating the entire app everywhere. Write in JS, Works in FLutter
.
Updates: Add New Widgets such as Card, Image, Feedback Widget (CircularProgressIndicator, LinearProgressIndicator, Button), Add Actions for Simple Reactivity
.
It uses the ID_Database to Manage Visibility of Widgets (Demo Given), The Actions can also invoke Navigation Push and Push Replace. and Also Show TOAST!!
.
Hope to see more coming changes soon to make it productional use ;) 😋.

Thanks
Kiwi

Devlog #3.1
.
Context for thoose who don’t know: I’m making a library that can render user interface for flutter from JavaScript, You can also refer it as Server Side UI Rendering, Where you can update your flutter apps without Updating the entire app.
.
I’ve added Some More Widgets such as Card, Image, Expanded, Container support to Flutter Render too!
.
Some Feedback Widgets are also added such as CircularProgressIndicator and LinearProgressIndicator
.
I’m also planning on idDatabase Manipulation and doAction() to perform actions as well.
.
I’m planning on to adding more and also an Tiny JS Runtime as well for Reactivvity (i’ve planend it for now)
.
More things Coming ;) 🥰

Devlog #3
.
Context for thoose who don’t know: I’m making a library that can render user interface for flutter from JavaScript, You can also refer it as Server Side UI Rendering, Where you can update your flutter apps without Updating the entire app.
.
I’ve finally made it to parse and render the User Interface in Flutter, I’ts really minimal right now.
.
I’m focusing to add more Widgets and stuff and reactivity of widgets in the end.
.
There’s lot more things coming ;;33😉

I have partially done the flutter renderer, haven’t tested it yet. will continue working tomorrow.

Hi there,
I’m working on a Server Side UI Rendering Linking Flutter and JavaScript.
.
You will write the code in javascript and it will be converted into JSON, which the flutter will parse and render. it is much more effective than WebView Apps.
.
And Since it’s Native means Native Performance too.
.
Currently I’ve only added few widgets in TypeScript only.
.
Scaffold, Center, Container, EdgeInsets, Expanded, Padding, SizedBox, Column, Row, SingleChildScrollView, Flex, Text, TextStyle
.
And Some Enums as well.
.
I’ve not made Flutter Renderer Yet. The lib/* currently looks like.