[发明专利]一种轻量级的插件式、组件化的WEB IDE UI开发框架

说明书

本发明公开了一种轻量级的插件式、组件化的WEB IDE UI开发框架，该框架基于React声明式的IDE UI组件库，其特征在于，该框架包括可自定义/持续迭代的扩展服务模块、Workbench扩展服务模块、Theme扩展服务模块、Locals扩展服务模块、Language扩展服务模块、Keybinding扩展服务模块、Setting扩展服务模块、Layout扩展服务模块、数据缓存服务模块、应用状态管理模块、事件总线模块和基于数据驱动视图的的React渲染模块。该框架可快速搭建、可自定义、可扩展。

技术领域

本发明涉及Web技术领域，尤其涉及一种轻量级的插件式、组件化的WEB IDE UI开发框架。

背景技术

随着浏览器、Web、云技术的发展，越来越多的传统桌面(Desktop)端开发IDE工具开始云化，通过Web的形式给开发者提供在线编程的能力。例如微软的Visual StudioCodespaces。Web技术的优势就是，磨平了本地开发环境搭建的复杂性、本地计算能力、存储容量等等的局限性、让开发者打开浏览器即可马上进行在线可视化的开发、发布、运维等工作。所以拥有一款可扩展式的IDE框架，可轻松的完成此类应用的搭建和功能扩展。

发明内容

为了解决上述技术问题，本发明提供了一种轻量级的插件式、组件化的WEB IDEUI开发框架，该框架可快速搭建、可自定义、可扩展。

一种轻量级的插件式、组件化的WEB IDE UI开发框架，该框架基于React声明式的IDE UI组件库，其特征在于，该框架包括可自定义/持续迭代的扩展服务模块、Workbench扩展服务模块、Theme扩展服务模块、Locals扩展服务模块、Language扩展服务模块、Keybinding扩展服务模块、Setting扩展服务模块、Layout扩展服务模块、数据缓存服务模块、应用状态管理模块、事件总线模块和基于数据驱动视图的的React渲染模块。

作为上述技术方案的优选，所述可自定义/持续迭代的扩展服务模块中的扩展服务会通过Provider接口接收开发者自定义的插件，并在整个框架Ready后自动加载插件，另外，用户可在运行时随时禁用/启用该自定义扩展；扩展服务包括名称、类型、状态、描述、执行程序；所述Workbench扩展服务模块通过Workbench服务，在框架提供的接口的基础上，进行React UI的自定义，从而满足所需要的扩展需求。

作为上述技术方案的优选，所述Theme扩展服务模块中Theme服务可通过加载一个JSON配置文件，即可完成IDE UI的样式切换，另通过适配，可兼容市面上主流IDE的Theme；所述Locals扩展服务模块中Locals服务通过一个JSON扩展配置，就可在应用中完成本地化的切，达到本地化与本身程序的分离，从而提升其本地化的扩展性。

作为上述技术方案的优选，所述Language扩展服务模块通过Language服务，可以加载不同类型的文件，并支持在线高亮、编辑，自定义交互功能，该扩展包括名称、类型、执行程序、渲染方式部分；所述Keybinding扩展服务模块通过Keybinding服务，使得用户可以在扩展程序中，完成制定的keyboard、鼠标事件的自定义，从而丰富用户的IDE交互。

作为上述技术方案的优选，所述Setting扩展服务模块中Setting服务提供了操作编辑用户信息、Theme、Extension、Layout功能的接口，其通过一种JSON配置化或者可视化的方式，让用户可以轻松修改和自定义IDE；所述Layout扩展服务模块中Layout服务提供了框架内置布局和自定义布局的API，通过该服务可以实时操作IDE基本布局。

作为上述技术方案的优选，所述数据缓存服务模块中内置的客户端存储服务，用来缓存当前Workspace的相关信息；所述应用状态管理模块提供了获取、更新IDE服务、Workspace状态的API，另外可通过该模块可扩展自己的应用状态。