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 ❤️

Devlog - 5 (Finale Before Shipping)

An Programming Language where Code is in JSON, YEAH LITERALLY JSON as a Programming Language

Networking

• Added net.server

net.server

As it suggests it can now open full HTTP Server at designated ports now!

You can check out the example in server.yaj in root of the repository.

The First Beta and Ship is now READY!!!

https://github.com/kwe26/yajson/releases/tag/1.0.0

Test and tinker around with it, Let’s goo!!

THANKS,
I LOVE YOU ALL >3.!!!

Devlog - 4

An Programming Language where Code is in JSON, YEAH LITERALLY JSON as a Programming Language

Features added - Networking

There are now Networking Modules too

Networking

Allows the User to do Networking tasks with --allow-network-access

• net.get
• net.post
• net.delete
• net.patch
• net.put

It currently allows passing url, headers and body.

Anyways,
Thanks for reading
Love you all 😘😘

Devlog - 3

An Programming Language where Code is in JSON, YEAH LITERALLY JSON as a Programming Language

New Features

• Loops
• Include Multiple .yaj files in one.
• io.rename <-> io.move
• More Tests added in tests/

Tests

• There are now more tests included such as Lists (add,remove,indexOf,getAt,removeAt,set, etc.)
• I/O Tests
• Include yaj files
• Switch Tests
• VarInVar Tests

YaJSON

[
    {
        "func": "print", 
        "$1": "Hello World, love you all!"
    }
]

Info

YaJSON’s interpreter is written in dart, weird isn’t it?

Future Goal

• Networking
• Shell Access
• GUI Visualizer
  .
  Cya, everyone
  Love you all ❤️ , Have a nice day/night ahead depending on your timezone and when you are reading right now.!!!

Devlog - 2

An Programming Language where Code is in JSON, YEAH LITERALLY JSON as a Programming Language

New Features

• Function Define and Calling Them
• Lists Manipulation
• File I/O
• Take Input from User
• Extended Permissions
• POE DUMP (Point of Execution my own term)
• Added Tests

Changes

lete can now execute and assign to variable and permissions of --allow-rw-access is required for File I/O Operations.
The Variables can now be assigned like {hello: {b: 1}}
and be accessed like ${hello.b} like this too. It’s too good looking now. - Variable Parser is now universal too.

Tests

• It can conduct tests within the runtime and check for expected output.
• It also reports the pass percentage too.

POE

• It’s an Counter of Total Executions Being made.
• It outputs the original parse value of the JSON so it could better used for predicting errors

Thanks, Love you all

Devlog - 1

An Programming Language where Code is in JSON, YEAH LITERALLY JSON as a Programming Language

What is Currently Has?

• Print/Console Clear
• Basic Arithmatic Operations
• Declaring Variable and Constants

Future Plans

• Make it to have Tests
• Making the Interpreter More Stable.

Also, i think i can also make an Drag-an-drop Programming Interface.

yeah, i created this to traumatize the Internet.

And obv, The Interpreter is Writtern in Dart!!