Devlog (No.28)

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

README.md

README.md has been improved alot with visual designs and details with Links and References Provided too and some Yashiro Nene based Images. Figma File is provided in link.

Docs Updates

The Home Page of Docs has been updated to look better and provide more information about NeneUI. The Docs Is now extended and now includes more information about implemented Widgets and Link to NeneUI Testing Kit

NeneUI Testing Kit

The NeneUI Testing Kit has been updated to show examples of @neneys/ui One being an AI Chat Application and other being an random Test with Pokedex, etc.

Nene Desktop Runtime

While Still Work in Progress, You can now follow the docs to Launch and test the Desktop Runtime. The Desktop Runtime is a standalone application that could embed @neneys/ui in it and Make Desktop Applications with just TypeScript.

A Stable Release

NeneUI will be released as a stable version 1.0.0 with Pub.dev and NPM Versions available soon as possible and will be kept updated

Thanks for your support till 1.0.0 Release!
I hope we meet soon!

Thanks <3333

Devlog (No.27)

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

JavascriptEngine

JavaScriptEngine({…}) which could control Whether JS should be enabled or not and how much stackSize should be specified. xhr should be enabled or disabled

SEO Support for Flutter Web

With the Help of PHP to Render Text, Image and some minimal data. PHP can provide basic Page to Crawlers requesting the site. So that SEO could be utilised.

However, PHP Version Selection is limited to only allow the recently patched PHP versions for Security Reasons.

Github Actions

• Added Nene Desktop Runtime to be built in Github Actions

Bug FIxes

@neneys/ui had a Critical Memory and GPU Leak issue which kept the GPU usage at constant high even when not being used and being left Idle.

Docs Updates

JavaScript Execution and SEO Setup are now documented in the Docs and pub.dev and npmjs packages are now updated

NeneUI Testing Kit

NeneUI Testing Kit are now available on Web https://kwe26.github.io/neneui/tester However It could only open HTTPS and Cors (*) Apps only and is kind of limited with some JS Execution Issues. The User Interface of Testing Kit is also quite updated.

Close to Release

NeneUI is now Close to being 1.0.0 Release finally! Within 1-2 devlogs i’ll be shipping soon.!!

Thanks for reading!
Love you <3!

Devlog (No.26)

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

Web - Platform Support
Finally, @neneys/ui is now supported on Web (Flutter Web). The Inconsistencies are now managed making @neneys/ui work directly on Web Too.

*Limitations on Web *
Same as Flutter Web - It’s hard for crawlers to idenitfy content of web pages.

I’m trying to fix that issue by double-rendering. Mostly by Setting-up an PHP to Interept the UI into HTML for Crawlers Making SEO work good!

README.md Changes

• FAQ Added into README (Address the Linux Compile Issue in FAQ related to quickjs_engine)
• More Decorative Elements

Github Actions
Nene UI Testing Kit finally compiles on all 5 (Windows, Linux, Android, iOS, macOS) successfuly.

Linux, macOS - May require libmpv to be installed or available on system path

We seem to be very close to first v1 Release with maximum widgets and support.

Thanks for Reading!!
I love you all 3<.!!!

Devlog (No.25)

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

New Widget

• Layouts
• Layout

Layouts and Layout

It helps you make an Layout on Screen as show in Screenshot. And It can be arranged via an Handle too, It supports unlimited Layout on Screen as much as space is there.

Removed

Removed Skeleton Widget from Docs as it was no-longer rendering properly

README.md

The README.md is now updated with some Images and Decorative Work for looking more nicer and attractive

New Action

New Action such as ACTION.SET_DISPLAY_INDEX and ACTION.CLOSE_OVERLAY

AlertDialog is now documented under FeedBack Section

Nene Desktop Runtime

Nene Desktop Runtime is half-done and still has some issues, will try to fix it and make it install and run Apps soon!

Thanks for reading!!
I love you all >3

Devlog (No.24)

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

WebSocket Support

NeneUI now supports WebSocket Rendering and Execution

WebSocket({
     url: "ws://localhost:3500/ws/home",
})

What Can it Do?

• Show Widgets Over WebSockets
• Execute Actions

Use Cases?

• ChatBots
• Live News?
• Messaging?

New Action

• Action.SEND_SOCKET

Uses FormSubmitAction as Parameter with :socket: as the callbackPath

New Functions

• SendWidget(socket, Widget)
• SendAction(socket, DoAction)

Thanks for Reading!
Love you all readers >3!

Devlog (No.23)

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

New Features

• Shared Preferences
• ReqType
• Action.SOFT_RELOAD

SharedPreferences

You can use SET_PREFS and REM_PREFS Action to Set or Remove and PREF_EXISTS with exists and not parameters for functions

• GetPrefs
  When ReqType.POST is present you could use GetPrefs to get the preference value in UI/Callback Route

• GetFile
  Returns File Uploaded’s Path as in uploads/file.extension only works in Callback as that’s the place where you could recieve file.

• Action.SOFT_RELOAD
  Reloads the Screen without Changing any State or Position of Page.

Other Changes :- Remove Old docs/ folder and SKILL.md for AI Agents to utilise NeneUI properly

Thanks for reading.
love you all 🥰🥰

Devlog (No.22)

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

NeneWorld - An Sample App

NeneWorld is an Sample App for @neneys/ui Showcasing some Little Things of NeneUI.

*Who Made It? : * Claude! Yes SKILL.md is coming soon to everyone, where the AI can read SKILL.md and create an App using NeneUI Library.

Features? of this Sample App

• Demo of NeneBottomnav, NeneDisplay
• Images
• Buttons and Callback
• Pokedex

Dw, Only the Sample is AI-written, The Main Project @neneys/ui Library is still an human-made project. And i do not want AI to take over NeneUI and write it itself, that would ruin this Library

Why Skill.MD?

So, that Users Can make an App using NeneUI and also ask AI For Help where they feel stuck. Tho it consumes tokens alot, cus NeneUI is becoming an more larger library

Excuz me what is NeneUI?

As i told earlier, NeneUI allows you to write the entire App UI in TypeScript and Render it Server-Side and produce in front of User. AND NO NENEUI IS NOT A WEBVIEW. It translates TypeScript into NATIVE Flutter Widgets. So the Interface feels native and uses Less RAM in this RAM Crisis Economy.

Status?

NeneUI is still in early stages, as i consider it. It still lacks many things such as an shared_preferences Implementation, WebSockets and proper Secure JavaScript Execution System.

Conclusion

I love if i get even tiny support for NeneUI and the people reading this devlog, I love you all who support me ;)

Love you >3…
Thanks for reading…!!!!

Devlog (No.21)

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

New Widget & Major Feature

Added NeneDisplay to Change the Area of the Screen with a custom route, Like we see on normal apps.

NeneDisplay

It follows the index of bottomNavbar (or prescribed Variable) and loads the corresponding Page on the Area specified. Only Scaffold Body as a whole is supported as of now.

NeneDisplay({
         urlMap: {
                 0: "/ui/route_a",
                 1: "/ui/route_b"
         }
})

It has urlMap and followIndex arguments only.

Quick Note: It does not create a complete new Nene IDDB, It exists on top of the existing one so the variables do not disappear that were assigned by previous page
.
Thanks for reading today!!
I hope your day goes well

Love you all >3

Devlog (No.20) - A tiny update

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

CUSTOM WIDGET YAY!!!!

NeneBottomNavbar

Bottom Navigation Bar for NeneUI Apps!
With Two Types for Now normal, float

About

NeneNavbottom and NeneNavItem are the new widgets added.

Any New Widget?

Yes, NeneSidebar as well and NeneDisplay for Route and SPA System

THANKS for Reading !!!
Love you all.

Devlog (No.19)

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

New Changes

• Added a Mouse Hover Effect like in Inspect Element for Debug Bar

Docs Changes

• Added Docs about SingleChildScrollView
• Compare & Variables Documentation
• Breadcrumbs

Future Changes

• Custom Widgets
• Layout Widgets mostly
• Custom BottomNavBar

Possible WebUI for SEO Purposes I’ve planned with PHP, Next.js but i have to yet choose which one would be easier to implement and best SEO.

I’m having a slight fever, so i’m unable to update many things i’ve planned in my mind, i apologise for it.

Anyways

Thanks everyone,
Love you for the support ❤️

Devlog (No.18)

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

New Feature & Changes

• Changed Overlay Circular Progress Indicator to LinearProgressIndicator near AppBar for Form Submit
• New Action RELOAD UI (Soft-reloads UI)
• DebugBar (A.k.a Orb) Stays always active

Docs Changes

• Add Layouts Docs (Column,Row)
• Avatar Widget Docs
• Button, ButtonGroup
• MainAxis, CrossAxis Documented

That’s it for today, Thanks for Reading!!

Devlog (No.17)

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

Bug Fixes

• Fix where Height/Width of Image’s Default Value was always 0.

Docs Progress

• Added Content Documentation
• Added Feedback Widgets Docs such as Progress, CircularProgressIndicator, etc.

Experiment

Tried to Experiment with Rust Renderer, It did not work as i don’t know rust much properly

Desktop Apps - Planning Update

I’ve planned to make the Desktop Apps be static but built from TypeScript and Bundle Flutter + Bun Shipping Desktop Apps.

Stardance Example

In the Stardance Example, I’ve added Banner Images Support if available and Creation Date and Devlog Count. More to come on the way.

Thanks for reading everyone
Love you all >3…..

Devlog (No.16)

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

Bug Fixes in NeneUI

• Fixed a Bug where Padding caused Null Error in Some Widgets
• Fixed Card not having color passed down to UI Renderer

Docs Updates

The Documentation of Actions and Forms is now Complete!! Next Up Feedback and more!

Example App (WIP)

The Example app is located in stardance_ui.ts <– It’s an utilisation of Stardance API to show something and render it in NeneUI! (It’s in very very early stage also it’s letting me discover more stability bugs along with it.)

Info on Plugins

• I’m planning to pause on Plugins development and not include the @neneys/payments plugin in Testing Kit for Now.

Desktop App (Electron-like Solution) - [Planned]

I’m planning to make an Electron-like Framework but instead of Chromium we’ll use NeneUI to render the Desktop App.

Thank you for reading!!
I love the readers ;)

Devlog (No.15)

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

What’s New in Docs?

-> I’ve Separated Base Components and Form Components
-> TextField, ColorPicker, CheckBox Docs Added
-> Sample Callback has been added

What’s Next?

• Add Actions and DoAction Docs and Explaining Callbacks
• Navigation System

What did i discover?

Appearently if you do not have Scaffold in a new page, Flutter makes it completly black page. It seems like Scaffold is required to be defined from NeneUI Server-Side.

Plans in NeneUI

• Implement More Controlled JavaScript Environment and Allow Enabling and Disabling JavaScript.
• Restrictions and More Functions to Manipulate Widgets

One More thing

Apparently, The NPM Package and Flutter Package is recieving alot of Downloads in week, idk how, But I’m very happy and i really want to thank them.
.
Anyways
.
Thank you for reading my devlog.
Love you all!!!! 🥰🥰

Devlog (No.14)

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

Docs, Finally!

Tho it’s not complete but foundation is now laid!
Using Docsaurus for the Docs

Changes in NeneUI?

• Upgrade Sample App Version
• Publish 0.0.6 to Dart for Combability

Docs is available at

https://kwe26.github.io/neneui/

NeneUI is becoming more and more productional!

New Features & Bug Fixes Coming on the WAY!!!

NOTE: Only a few components are documented as of now!

Thanks for Reading
Love you all 😘😘

Devlog (No.13)

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

Bug Fixes And Improvements

• Fix Bug where FormSubmit would .pop the context out
• Upgrade flutter_js to flutter_quickjs
• Improve NeneUI Testing Kit for Android
• Setup Plugins Support

New Features

• @neneys/payments - Yes, You can Accept Payments from NeneUI now too!
• Docs - Working on a Documentation based on Docusaurus

What’s Next?

• Improving JS Execution and Making it More Secure
• Working on Form Submission to fix some issues
• An Proper Docs for every Humans!
• Making @neneys/payments on Flutter to use url_launcher or Native Plugins instead of rendering it in Web, would be better.
• More Plugins!!

Hey, i’ve been thinking would it be good idea, if we make it an Electron like Windows/Linux/macOS App Making too but instead of Chromium it’ll be flutter render??

Thanks,
kwee26

Love you all 🥰

Devlog (No.12)

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

Bug Fixes & Improvements

• Larger Files Now Do not Freeze The Entire App
• It can now process Large Files (e.g. Ubuntu ISO)
• A Single Error in Widget (exclusion of RenderOverflows) now don’t block entire app, As seen in Screenshot (2) below
• Error Handling has been improved.

Re-Designed: NeneUI Testing Tool

• It has been Renamed into NeneUI Testing Kit
• It now has a Nice Looking UI with Nene in Right!
• Links to Project now included and Confirmation of Launch App and Plugins Selection

Anyways, That’s it for Today!
Thank you!
Love you all 🤞🥰

Devlog (No.11)

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

New Widget (as a plugin): VideoFrame Widget, Currently this is an prototype and i don’t gurantee complete stableness in this VideoFrame.

Other Major Changes

• Migrated to Latest Flutter SDK
• Removed Material Mentions
• Upgraded shadcn_flutter

New Fatal Error When Starting up
I have re-designed the Fatal Error when NeneUI couldn’t be initialized for some reason, now you can Try Again or even copy the Stacktrace on why is it happening

What are the plans?

• Improve Stability & Performance
• Focus more on Documentation

Theese Suggestions were given by Anon in Review, and i think i should focus on them more.

And that’s it for now
Thank you, for reading
Love you all 😘😘

Devlog (No.10)

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

Here are the changes that were made and are planned

• NeneUI Tester
• Pre-hosted NeneUI Examples
• @neneys/payments system
• Video, Audio Players
• Custom Widget
• SharedPreferences

Please suggest more changes that can be added to @neneys/ui

Love you all ❤️