DEV Community

OpenTiny
OpenTiny

Posted on

TinyEngine v2.11 Released: AI Deeply Integrated Into Canvas, Vue Projects One-Click Convertible to DSL

Preface

TinyEngine is a forward-looking low-code engine foundation that delivers highly customizable technical infrastructure for developers. It supports core capabilities such as visual page building, and enables in-depth secondary development via CLI engineering workflows. Teams can leverage it to rapidly build proprietary low-code platforms.

TinyEngine flexibly adapts to various scenarios including resource orchestration, server-side rendering, model-driven applications, mobile terminals, large-screen dashboards, and complex page composition, serving as a solid foundation for your low-code system.

We are pleased to announce the official release of TinyEngine v2.11. This version focuses on three major upgrade directions: smarter development experience, smoother asset import, and a more complete component material ecosystem.

We sincerely thank contributor @zjy2414 for participating in the open-source co-construction of TinyEngine, and invite all developers to join our community to help TinyEngine evolve further.

Release Feature Overview

  • [New Feature] Support importing Vue projects / single-file components into low-code platform
  • [New Feature] AI assistant entry added to every canvas node for fast modification
  • [New Feature] Support mockserver files as local database, plus new dsl-generator skill
  • [New Feature] Auto-format generated code in preview mode
  • [Enhancement] Robot plugin upgraded to TinyRobot v0.4.0
  • [Enhancement] Expanded built-in component library
  • Miscellaneous minor optimizations & bug fixes

In-Depth Feature Breakdown

1. New Feature: Import Vue Projects / SFCs to Low-Code Platform

A major pain point for teams adopting low-code platforms is reusing existing Vue assets. If legacy pages, components and engineering resources cannot be migrated, the low-code system becomes an isolated silo with high internal promotion costs. The new Vue-to-DSL capability solves exactly this problem.

TinyEngine can parse Vue single-file components, project directories or compressed ZIP packages into TinyEngine DSL schemas, then import them as editable pages, blocks, static assets and data sources for further editing and preview inside the designer.

Supported import workflows:

  1. Import single Vue SFC files

  2. Import full Vue project directories

  3. Import compressed ZIP source packages

  4. Canvas rendering after import, with dedicated panels for i18n, data sources & page states

  5. Live project preview post-import

2. New Feature: Node-Level AI Assistant on Canvas

v2.11 embeds AI capabilities deeper into the visual designer canvas. Every canvas node now has a dedicated AI assistant entry, delivering context-aware development support during page construction. Unlike generic global chat AI, this node-tethered assistant integrates tightly with daily editing workflows to boost page composition efficiency.

Key capabilities:

  1. AI assistant button attached to every canvas component node

  2. Shares identical configuration with the global Robot plugin

  3. Interactive chat workflow: send requests, then choose to apply, discard or restart generated changes

3. New Feature: Mockserver File Database + dsl-generator Skill

File Mode for Mockserver

Mockserver adds a new file startup mode (default local database mode). All mock API data is read and persisted to JSON files under the data/**/ directory.
Usage:

  1. Run pnpm dev:file in project root to launch file-mode mockserver

  2. Create pages & applications, auto-generated JSON data files will appear in the data folder

dsl-generator Project Skill

A project-level skill that enables local AI Agents (Claude Code, Cursor, OpenCode, Codex etc.) to generate page/block/application DSL JSON files inside the data directory, fully compatible with file-mode mockserver.
Usage:

  1. Call the skill via local Agent tools:

    • .agents/skills (compatible with Cursor / OpenCode / Codex)
    • .claude/skills (soft link pointing to the shared skill directory for Claude Code)

  2. Generate complete pages and application structures directly via AI

4. New Feature: Auto Format Generated Code in Preview Mode

  • Extended shared AST utilities to support Vue & Less formatting
  • Auto-select Prettier parsers based on file extensions
  • All generated scripts, templates and config files are auto-formatted on page/app preview for improved readability

5. Capability Enhancements

TinyRobot Plugin Upgrade

The built-in Robot plugin has been migrated to TinyRobot v0.4.0. Stable AI functionality requires robust underlying plugin infrastructure rather than superficial UI wrappers; this upgrade solidifies TinyEngine’s foundation for AI assistant and intelligent interaction features.

Expanded Component Materials

v2.11 adds a full suite of new built-in components and matching icons:
action-menu, alert, link, divider, anchor, drawer, container, file-upload
Plus full support for dropdown and other frequently used UI components.

6. Minor Optimizations & Bug Fixes

  • Fixed failure to save event names with onUpdate prefix
  • Serialize page_content to resolve page creation errors in mockserver
  • Fixed blank rendering for certain chart previews
  • Added feature toggle for structured CSS output
  • Optimized styling & icon replacement for model, resource and AI dialog panels
  • Updated unit test templates for auto-generated code
  • Added mock data management tools for models
  • Fixed error prompts when creating identical pages across different apps
  • Removed workflow-level environment variable blocks that exposed secret keys
  • Updated data source config to support saving APIs without request parameters
  • Resolved message rendering & file upload interaction bugs in Robot plugin, with supplementary test cases

Documentation Updates

  • Added docs for code generation commands
  • Deployment workflow now supports custom backend URL configuration

Closing Remarks

TinyEngine v2.11 delivers major upgrades across the board: canvas-native AI assistance, bidirectional Vue-to-DSL project migration, expanded component ecosystem and improved local debugging workflows. It makes low-code platform development smarter, more open, and better aligned with real-world engineering pipelines.

This release stands as a milestone built by collective open-source community contributions. Open source thrives not only on shared code, but also idea exchange and collaborative creation — every user’s feedback and commit shapes TinyEngine’s maturity in real business scenarios.

We look forward to continued collaboration. Stay tuned for future updates, join community discussions, and submit feature ideas or code contributions to push the boundaries of low-code development together.

About OpenTiny

Join the OpenTiny open-source community! Add our WeChat assistant opentiny-official to communicate with fellow front-end developers.

Feel free to star TinyEngine, TinyVue, GenUI SDK, TinyRobot and NEXT SDK on GitHub.
To contribute, locate issues tagged good first issue in each repository and join our open-source co-construction efforts!

Top comments (0)