Wappler 7.7.1 Released
Check the new Wappler site at https://wappler.io/
and download Wappler 7.7.1 from your Account Dashboard
Or just do “check for updates” on the Wappler tray icon for automatic install!
What's New
We have a huge major update for Wappler 7.7.0, with many new features and improvements across the board.
The Project Manager is greatly improved with streamlined project bootstrapping, better project duplication and a new project converter that can convert projects between different server models. A long requested feature!
Now you can simply convert a NodeJS project to PHP or vice versa, or even from Classic ASP or ASP.NET to NodeJS, just by duplicating the project and choosing the new option to convert the server model. This will automatically convert all server connect actions, includes, calls and database connections to the new server model. So you can easily switch between different server models and learn them all!
The AI Manager has received a full rewrite, with a new chat panel design, better context window and file changes list, and clear checkpoints where you can easily restore to.
Also the AI Manager now accepts images in the chat, so you can ask the AI to analyze an image and give you feedback or suggestions based on it. This opens up a whole new world of possibilities for using the AI Manager in your projects, like creating full designs based on an image, or analyzing a screenshot of your project and getting suggestions for improvements.
A great new Demo Project is available for you, the Projects HQ App, that shows you a full blown demo app for Project Management, showing off database, Server Connect Actions for manipulation, validation, rich pages, forms - great samples for our built-in tours. And of course many more improvements and fixes across all parts of Wappler, based on your feedback and reports in the community.
It is installed automatically for you and will be used also in many of our tours.
We have also added a new experimental PHP routing support, that allows you to create layout pages and content pages with partial rendering for optimal performance.
Project Manager
- Greatly streamlined and improved new project bootstrapping
- Allow project templates to setup database and seed as needed and execute those automatically
- Greatly improved project duplication, now with clear file copy progress
- Added Server Model Conversion! See below.
- Copy automatically all needed frameworks
- Add enhanced project setup possibilities for template projects like setting up a database, running migrations
- Do not auto install npm modules when chosen to run Wappler Local Server on new projects as those are initially not needed because they are supplied with Wappler.
- Improved the Duplicate Project UI
New Wappler PHP Routing Support
- Added new experimental PHP routing with layouts, content pages, and partial reloads, so optimal rendering similar to what we have in NodeJS
- When enabled you can create layout pages that have a view in them where you can load content pages.
- The pages manager in Wappler will give you a choice now what type of page you want to make.
- Content pages are loaded by the php server directly inside their own layout page
- With the power of the App Connect content view component, content pages will refresh partially and on demand when using internal links. This will give you superb performance for SPA or MPA websites.
- The right routing is fully generated in htaccess for Apache servers and can also be handled by the Wappler own local server
- When page is created in the layouts or partials folder preselect the right type
- Added cleanup and route regeneration when the experimental option is turned on/off
- Improved handling of root links in htaccess for Apache
- Also improve handling in our Wappler Local PHP server
Project Converter
- Start working on our brand new project converter
- Now as first job it auto converts the sample nodejs template project to php when it selected
Convert Project Server Model
- Now when duplicating a project you can choose to convert its server model
- This will convert as much as possible like:
- convert all server connect api actions to new format
- all server side includes to compatible ones in the new model
- all server connect calls to the new urls
- database connections
- Added support for php <-> nodejs
- Added also convertor from Classic ASP and
ASP.NETto NodeJS - Improved source paths and webroot handling
- improved reporting and styling
- Improved styling and tree icons
Project Settings
- Improved changing the webroot with new progress dialog showing exactly what needs to be done and executing it after user confirmation
- files are now moved fully reliable and with verification to the new location
Bootstrap 5
- Updated the Theme Manager Preview to render with the latest Bootstrap 5.3.8 and offer full dark/light preview when switching the mode from the design view toolbar
- Updated the predefined themes in the Theme Manager dropdown - to reflect the latest Bootstrap 5.3.8 and be fully light and dark compatible
- Updated the basic and Advanced theme Variables to the latest Bootstrap 5.3.8
Database Query Builder
- Automatically add the needed group by to subqueries having aggregate functions, just like it works on the main query
New Demo Projects HQ App
- Implemented full manageable projects, tasks, clients, with great looking forms, validation and server side save and update in database.
- Using more App Connect components like Date Picker, Autocomplete, Validator and Browser control to demonstrate common usage
- Improved app connect routing usage for optimal client side rendering
- Made the Demo also available as template
- Simplified the view and improved layout
- Improved server connect actions input validation
- Improved passing query parameters to server actions using server side rendering
- made all links to use the "internal" flag so partial view loading is achieved
- Cleaned up and improved the demo project
- Improved with nested sub tables schema
- Prefer dmx-style:name over dmx-bin:style
AI Manager
- Full rewrite of the AI Manager UI and experience, with a new chat panel design, better context window and file changes list, and more clear checkpoints for the conversation
- Clear statistics about the context window usage and token usage in the chat panel
- Directly execute tool calls in other editors, no longer needed to call their Ai Assistants, results in greater efficiency and better experience
- Updated chat panels with checkpoints, file changes list and context window meter
- Add support for images in AI manager
- Added more server models info
- Improved chat input prompt behavior
- Added some default context_size for models from google, anthropic and deepseek
- Give AI a search files tool
- Improve chat prompt navigation
- Fix touched files in chat panel and fix bug for showing files as edited which only where inspected
- Improved App Connect base knowledge description about data detail and conditional regions
- Explained better the App Connect scoping and the automatic app connect components like form, inputs, selects and buttons
General
- New Wappler Demo Projects HQ - showing you a full blown demo app for Project Management, showing off database, Server Connect Actions for manipulation, validation, rich pages, forms - great samples for our built-in tours
- Greatly improved Wappler installed demos, always install them and auto update when new versions are available, so we can include them in our tours
- Improved project switch speed and reliability
- Improved to prevent project save when webroot was changed but the user didn't want to move the files
- Fixed network panel showing all requests as loading
- Fixed missing Wappler namespace for the new Wappler experimental options, causing some js errors in popups like defining query params and others
Node AI Knowledge
- Clarified the api paths and params usage
App Connect AI Knowledge
- Clarified the use of repeat regions
- Added best practices and performance tips
- Added more instructions about App Connect best practices
- Added info to use internal links for routing
- Clear the info about the app connect routing and ac:route usage in the content pages
- Improve instructions for handling server connect results
- Prefer dmx-style:name over dmx-bin:style
Server Connect Ai Knowledge
- Added more instructions about Database queries and structure
- Improve instructions about using sub queries
- Clarified the input validation in server actions
- Improve instructions for passing server connect results
Server Connect PHP
- added support for the new PHP Routing, layout system and partial rendering like we have in NodeJS
- improved determining of web site root
Server Connect JSON Schemas
- Improved the database sub queries to require key and primary
- improved the database sub query to require groupBy if aggregate is used
- Added the input validation rules and their form linking
- Added more missing options like _id, collapsed, usedModules
- added more data types for inputs like array and object and support nested sub types
- Added also support input types with multiple on
- Added support for comment steps
- Added support for params in the exec core action
- improved database insert/update and delete schemas with more parameters and correct structures
- Improved json formatting to be more compact
- Added last updated stamp
- Improved wheres condition rules
- Made schemas more strict in supplied database table and column names as well input variables and their naming
App Connect Routing 3.0.10
- Fixed active link state in routing
App Connect Autocomplete 2.0.6
- Improved styling to comply with used Bootstrap theming
Bootstrap 5 Theme Switcher
- Improved dropdown positioning in navbar layouts