CN115454405A - Method and system for designing intelligent code editor based on LSP - Google Patents

Abstract

The invention provides a method and a system for designing an intelligent code editor based on LSP, which relate to the technical field of computers and comprise the following steps: step S1: starting a resource server, providing interface static resource service, file management service and language server function initialization to provide language service; step S2: initializing a front-end WEB page environment, loading WEB related functions, setting a URL (uniform resource locator), and loading rendering resources required by a user interface from a static resource server; and step S3: connecting the file management service and the language server to complete the initialization of the language service and the file management service function of the user side; and step S4: loading a local user template, and providing additional interface standard support and user-defined template support; step S5: and in the process of editing by the user, dynamically loading the relevant functions of the language server. The invention can solve the problem that the LSP protocol and the intelligent code editor are difficult to deploy in a complex environment, and provides a lightweight remote code intelligent editing scheme.

Description

Method and system for designing intelligent code editor based on LSP

Technical Field

The invention relates to the technical field of computers, in particular to a method and a system for designing an intelligent code editor based on LSP.

Background

Each IDE is developed, and the IDE is used for realizing language implementation such as automatic completion, rotation definition and document function provided by hovering on words; traditionally, each IDE is required to implement the above-described work according to its own API, and even if the same function is implemented, a repeated function is implemented according to different IDEs, but the codes are different. The goal of LSP design is to allow standardized communication between the language server and the development tools, which can be reused across multiple development tools to support multiple languages with minimal modification. The language server backend can be written in PHP, python or Java, which the LSP can easily integrate into various tools that provide a common abstraction level protocol so that the tools can provide rich language services without having to fully understand nuances specific to the underlying domain model.

The Visual Studio Code is a light-weight but powerful source Code editor, can run on a desktop, and is suitable for Windows, macOS and Linux. It has built-in support for JavaScript, typeScript and Node. js and provides a rich extended ecosystem for other languages and runtimes (e.g., C + +, C #, java, python, PHP, go,. NET).

The VScode adopts LSP as a protocol for providing common functions in various development and coding processes, adopts a plug-in system to provide extended functions of different languages, mainly provides a local editing environment at present, and needs to use SSH for connecting a server in remote development, so that cloud capability cannot be fully utilized, and a server side lacks transparency. Meanwhile, VSCode is a client technology based on Electron, is not suitable for complex environments and needs to download and install processes.

In summary, the following problems exist in the prior art: 1) Language service protocols and intelligent code editor configuration deployment in complex environments are difficult. 2) The cloud capability cannot be fully utilized. 3) Code editing is not flexible enough, limited by the local environment.

Disclosure of Invention

Aiming at the defects in the prior art, the invention provides a method and a system for designing an intelligent code editor based on LSP.

According to the design method and system of the intelligent code editor based on the LSP, the scheme is as follows:

in a first aspect, a method for designing an LSP-based intelligent code editor is provided, where the method includes:

step S1: starting a resource server, providing interface static resource service, file management service and language server function initialization to provide language service;

step S2: initializing a front-end WEB page environment, loading WEB related functions, setting URL (uniform resource locator), and loading rendering resources required by a user interface from a static resource server;

and step S3: after the interface rendering is finished, connecting the file management service and the language server to finish the language service of the user side and the initialization of the file management service function;

and step S4: loading a local user template by using the file management service, and providing additional interface standard support and user-defined template support;

step S5: and dynamically loading the relevant functions of the language server by using the initialized language service function in the editing process of the user.

Preferably, the static resource service provides resources required for intelligent editor page display;

the file management service provides functions which cannot be directly provided by related intelligent editors including file modification, storage, deletion and new creation;

the language server needs to load the language server needed by the corresponding programming language, perform IO redirection, package JSON-PRC, and provide Websocket service to realize necessary operation of the editor and the server.

Preferably, the starting the resource service includes:

step S1.1: initializing the file server and the resource server;

step S1.2: the file server judges whether standard interface configuration exists or not; if yes, loading and providing an external interface;

step S1.3: judging whether user template configuration exists or not; if yes, loading and providing an external interface;

step S1.4: initializing a language server;

step S1.5: language server IO redirection;

step S1.6: circularly waiting for the request of the resource server;

step S1.7: judging whether to actively close; if not, returning to the previous step.

Preferably, the server request processing includes: a static resource service request, a file operation service request and a language service request; and dividing the HTTP request and the Websocket request according to a protocol.

Preferably, the HTTP request is received, wherein the HTTP request includes a static resource service and a file operation service;

if the service is the static resource service, judging whether a cache exists; if not, loading the disk resource and returning the required static resource; if yes, directly reading the cache and returning the required static resources;

if the file operation service is provided, judging whether a related authority exists; if yes, executing corresponding operation and returning an operation result, and if not, returning error information.

Preferably, receiving a Websocket request corresponding to user code editing operation, and then performing language service;

and the language server analyzes the user request, transfers the Websocket request to the language server, acquires the response of the language server, and returns the response by utilizing JSON-PRC packaging.

Preferably, the static resource service provides resources required by the display of the intelligent editor page, wherein the loading process of the intelligent editor page includes:

loading interface resources, an interface template, a user template and a current file;

after loading is completed, establishing Websocket connection;

judging whether the Websocket connection is established or not; if yes, providing language service to support user operation, otherwise, only providing basic language service.

In a second aspect, a method for designing an LSP-based intelligent code editor is provided, where the system includes:

a module M1: starting a resource server, providing interface static resource service, file management service and language server function initialization to provide language service;

a module M2: initializing a front-end WEB page environment, loading WEB related functions, setting a URL (uniform resource locator), and loading rendering resources required by a user interface from a static resource server;

a module M3: after the interface rendering is finished, connecting the file management service and the language server to finish the language service of the user side and the initialization of the file management service function;

a module M4: loading a local user template by using the file management service, and providing additional interface standard support and user-defined template support;

a module M5: and dynamically loading the related functions of the language server by using the initialized language service functions in the user editing process.

Preferably, the static resource service provides resources required for intelligent editor page display;

the file management service provides functions which cannot be directly provided by related intelligent editors including file modification, storage, deletion and new creation;

the language server needs to load the language server needed by the corresponding programming language, perform IO redirection, package JSON-PRC, and provide Websocket service to realize necessary operation of the editor and the server.

Preferably, the starting the resource service includes:

step S1.1: initializing the file server and the resource server;

step S1.2: the file server judges whether standard interface configuration exists or not; if yes, loading and providing an external interface;

step S1.3: judging whether user template configuration exists or not; if yes, loading and providing an external interface;

step S1.4: initializing a language server;

step S1.5: language server IO redirection;

step S1.6: circularly waiting for the resource server request;

step S1.7: judging whether to actively close; if not, returning to the previous step;

the server request processing includes: a static resource service request, a file operation service request and a language service request; dividing the HTTP request and the Websocket request according to a protocol;

receiving the HTTP request, wherein the HTTP request comprises static resource service and file operation service;

if the service is the static resource service, judging whether a cache exists; if not, loading the disk resource and returning to the required static resource; if yes, directly reading the cache and returning the required static resources;

if the file operation service is provided, judging whether a relevant authority exists; if yes, executing corresponding operation and returning an operation result, and if not, returning error information;

receiving a Websocket request corresponding to user code editing operation, and then performing language service;

the language server analyzes the user request, transfers the Websocket request to the language server, obtains the response of the language server, and returns the response by utilizing JSON-PRC packaging;

the static resource service provides resources required by the display of an intelligent editor page, wherein the loading process of the intelligent editor page comprises the following steps:

loading interface resources, an interface template, a user template and a current file;

after loading is finished, establishing Websocket connection;

judging whether the Websocket connection is established or not; if yes, providing language service to support user operation, otherwise, only providing basic language service.

Compared with the prior art, the invention has the following beneficial effects:

1. the invention provides a more flexible intelligent completion scheme of the intelligent code editor;

2. the invention solves the problem that the LSP protocol and the intelligent code editor are difficult to deploy in a complex environment;

3. the invention provides a lightweight remote code intelligent editing scheme.

Drawings

Other features, objects and advantages of the invention will become more apparent upon reading of the detailed description of non-limiting embodiments with reference to the following drawings:

FIG. 1 is a flow diagram of resource server startup;

FIG. 2 is a flow diagram of resource server request processing;

FIG. 3 is a flow chart of intelligent editor interface loading.

Detailed Description

The present invention will be described in detail with reference to specific examples. The following examples will assist those skilled in the art in further understanding the invention, but are not intended to limit the invention in any way. It should be noted that it would be obvious to those skilled in the art that various changes and modifications can be made without departing from the spirit of the invention. All falling within the scope of the invention.

The embodiment of the invention provides a design method of an intelligent code editor based on LSP, which comprises a user interface module, a static resource server module and a language server module. The user interface module is used for receiving and processing user operation, code editing is carried out on the user interface module by a user, every time the user interface module inputs the code, the user interface module sends a request to the language server module, the response sent by the language server module is received after the language server module finishes processing, and the processed response is displayed on the user interface.

And the static resource server module is used for loading the user interface module, a user requests to load the user interface, and the static resource server returns resources required for rendering the user interface.

And the language server module is used for providing a function of intelligently editing codes, analyzing the standard library and the user codes, waiting for the user interface to send a request, and returning to the corresponding interface to display required resources after receiving the request of the user interface.

Referring to fig. 1, the method specifically includes the following steps:

step S1: and starting a resource server, providing interface static resource service, file management service and language server function initialization.

Step S2: initializing a front-end WEB page environment, loading WEB related functions, setting URL (uniform resource locator), and loading rendering resources required by a user interface from a static resource server. And sending an HTTP request to a resource server to request resources to be displayed and loading a static code template by utilizing a WEB front end loading editor interface.

And step S3: and after the interface rendering is finished, connecting the file management service and the language server to finish the initialization of the language service and the file management service function of the user side.

And step S4: and loading the local user template by using a file management service, and providing additional interface standard support and user-defined template support.

Step S5: and dynamically loading the relevant functions of the language server by using the initialized language service function in the editing process of the user.

Specifically, the static resource is used for providing resources required by page display of the intelligent editor, the file management service is used for providing functions which cannot be directly provided by the intelligent editor such as file modification, storage, deletion, new creation and the like, the language server is required to load a language server required by a corresponding programming language (for example, C language) and carry out IO redirection, JSON-PRC wrapping is carried out, and the websocket service is provided to realize necessary operation of the editor and the server.

Referring to fig. 1, starting the resource server includes:

step S1.1: initializing the file server and the resource server;

step S1.2: the file server judges whether standard interface configuration exists or not; if yes, loading and providing an external interface;

step S1.3: judging whether user template configuration exists or not; if yes, loading and providing an external interface;

step S1.4: initializing a language server and initializing a Websocket service;

step S1.5: taking a receiving request of the Websocket service as the input of a language server, taking the output of the language server as the output of the Websocket service, and completing the redirection of the standard stream of the language server;

step S1.6: circularly waiting for the request of the resource server;

step S1.7: judging whether to actively close; if not, returning to the previous step.

Referring to fig. 2, the server request process includes: a static resource service request, a file operation service request and a language service request; the method comprises the steps of dividing HTTP requests and Websocket requests according to protocols.

Receiving an HTTP request, wherein the HTTP request comprises static resource service and file operation service; if the service is the static resource service, judging whether a cache exists; if not, loading the disk resource and returning to the required static resource; if yes, directly reading the cache and returning the required static resources; if the file operation service is provided, judging whether a related authority exists; if yes, executing corresponding operation and returning an operation result, and if not, returning error information.

Receiving a Websocket request, and then performing language service; forwarding the Websocket request to a language server, and acquiring a corresponding response of the language server; websocket adopts JSON-PRC as a transmission protocol, IO stream of a language server is used as load of the JSON-PRC, and corresponding language service resources are returned according to user requirements.

Referring to fig. 3, the static resource service provides resources required for displaying an intelligent editor page, wherein a loading process of the intelligent editor page includes:

loading interface resources, an interface template, a user template and a current file;

after loading is finished, establishing Websocket connection;

judging whether the Websocket connection is established or not; and if not, returning to establish the Websocket connection.

The present invention will be described below by way of examples.

Example 1:

under an Eclipse system, in a plug-in initialization process, a resource server is automatically started along with Eclipse, the state of the server is initialized according to configuration files, file analysis is carried out according to work area project division, and a user template and a standard interface, such as a POSIX (post input interface), under a root directory are automatically loaded and installed.

The editor part uses the editor extension in the Eclipse system to register the extension of the corresponding language and uses the SWT Browser to initialize the display interface. And simultaneously, providing an external interface for the resource server to operate on the specific file.

Example 2 of implementation:

the computing cluster deploys a language server module and a static resource module, wherein the language server is deployed on a server capable of accessing a user code, a required user template and a standard interface are configured, and the corresponding working area is analyzed according to the configuration.

And the editor part initiates a Get request by using a browser, waits for the static resource to be read, and can perform corresponding code editing operation after rendering a user interface.

The embodiment of the invention provides a method and a system for designing an intelligent code editor based on an LSP (Label switching Path), provides a more flexible intelligent completion scheme of the intelligent code editor, solves the problem of deployment of an LSP protocol and the intelligent code editor in a complex environment, and provides a lightweight remote intelligent code editing scheme.

It is well within the knowledge of a person skilled in the art to implement the system and its various devices, modules, units provided by the present invention in a purely computer readable program code means that the same functionality can be implemented by logically programming method steps in the form of logic gates, switches, application specific integrated circuits, programmable logic controllers, embedded microcontrollers and the like. Therefore, the system and various devices, modules and units thereof provided by the present invention can be regarded as a hardware component, and the devices, modules and units included therein for implementing various functions can also be regarded as structures within the hardware component; means, modules, units for performing the various functions may also be regarded as structures within both software modules and hardware components for performing the method.

The foregoing description of specific embodiments of the present invention has been presented. It is to be understood that the present invention is not limited to the specific embodiments described above, and that various changes or modifications may be made by one skilled in the art within the scope of the appended claims without departing from the spirit of the invention. The embodiments and features of the embodiments of the present application may be combined with each other arbitrarily without conflict.

Claims (10)

1. A method for designing an intelligent code editor based on LSP is characterized by comprising the following steps:

step S1: starting a resource server, providing interface static resource service, file management service and language server function initialization to provide language service;

step S2: initializing a front-end WEB page environment, loading WEB related functions, setting a URL (uniform resource locator), and loading rendering resources required by a user interface from a static resource server;

and step S3: after the interface rendering is finished, connecting the file management service and the language server to finish the language service of the user side and the initialization of the file management service function;

and step S4: loading a local user template by using the file management service, and providing additional interface standard support and user-defined template support;

step S5: and dynamically loading the relevant functions of the language server by using the initialized language service function in the editing process of the user.

2. The method of designing an LSP-based intelligent code editor of claim 1, wherein the static resource service provides the resources needed for intelligent editor page display;

the file management service provides functions which cannot be directly provided by related intelligent editors including file modification, storage, deletion and new creation;

the language server needs to load the language server needed by the corresponding programming language, perform IO redirection, package JSON-PRC, and provide Websocket service to realize necessary operation of the editor and the server.

3. The method of designing an LSP-based intelligent code editor of claim 1, wherein the initiating a resource service comprises:

step S1.1: initializing the file server and the resource server;

step S1.2: the file server judges whether standard interface configuration exists or not; if yes, loading and providing an external interface;

step S1.3: judging whether user template configuration exists or not; if yes, loading and providing an external interface;

step S1.4: initializing a language server;

step S1.5: language server IO redirection;

step S1.6: circularly waiting for the request of the resource server;

step S1.7: judging whether to actively close; if not, returning to the previous step.

4. The method of claim 3, wherein the server request processing comprises: a static resource service request, a file operation service request and a language service request; and dividing the HTTP request and the Websocket request according to a protocol.

5. The method of claim 4, wherein said HTTP request is received, and wherein said HTTP request includes static resource services and file operation services;

if the service is the static resource service, judging whether a cache exists; if not, loading the disk resource and returning the required static resource; if yes, directly reading the cache and returning the required static resources;

if the file operation service is provided, judging whether a related authority exists; if yes, executing corresponding operation and returning an operation result, and if not, returning error information.

6. The method for designing an LSP-based intelligent code editor of claim 4, wherein a language service is performed upon receiving a Websocket request corresponding to a user code editing operation;

and the language server analyzes the user request, transfers the Websocket request to the language server, acquires the response of the language server, and returns the response by JSON-PRC packaging.

7. The method for designing an intelligent LSP-based code editor of claim 1, wherein the static resource service provides the resources required for the display of an intelligent editor page, and wherein the loading process of the intelligent editor page comprises:

loading interface resources, an interface template, a user template and a current file;

after loading is finished, establishing Websocket connection;

judging whether the Websocket connection is established or not; if yes, providing language service to support user operation, otherwise, only providing basic language service.

8. A system for designing an LSP-based intelligent code editor, comprising:

a module M1: starting a resource server, providing interface static resource service, file management service and language server function initialization to provide language service;

a module M2: initializing a front-end WEB page environment, loading WEB related functions, setting a URL (uniform resource locator), and loading rendering resources required by a user interface from a static resource server;

a module M3: after the interface rendering is finished, connecting the file management service and the language server to finish the language service of the user side and the initialization of the file management service function;

a module M4: loading a local user template by using the file management service, and providing additional interface standard support and user-defined template support;

a module M5: and dynamically loading the related functions of the language server by using the initialized language service functions in the user editing process.

9. The system for designing an LSP-based intelligent code editor of claim 8, wherein the static resource service provides the resources needed for intelligent editor page display;

the file management service provides functions which cannot be directly provided by related intelligent editors including file modification, storage, deletion and new creation;

the language server needs to load the language server needed by the corresponding programming language, perform IO redirection, package JSON-PRC, and provide Websocket service to realize necessary operation of the editor and the server.

10. The system for designing an LSP-based intelligent code editor of claim 8, wherein the initiating a resource service comprises:

step S1.1: initializing the file server and the resource server;

step S1.2: the file server judges whether standard interface configuration exists or not; if yes, loading and providing an external interface;

step S1.3: judging whether user template configuration exists or not; if yes, loading and providing an external interface;

step S1.4: initializing a language server;

step S1.5: language server IO redirection;

step S1.6: circularly waiting for the request of the resource server;

step S1.7: judging whether to actively close; if not, returning to the previous step;

the server request processing includes: a static resource service request, a file operation service request and a language service request; dividing the HTTP request and the Websocket request according to a protocol;

receiving the HTTP request, wherein the HTTP request comprises static resource service and file operation service;

if the service is the static resource service, judging whether a cache exists; if not, loading the disk resource and returning the required static resource; if yes, directly reading the cache and returning the required static resources;

if the file operation service is provided, judging whether a related authority exists; if yes, executing corresponding operation and returning an operation result, and if not, returning error information;

receiving a Websocket request corresponding to user code editing operation, and then performing language service;

the language server analyzes the user request, transfers the Websocket request to the language server, obtains the response of the language server, and returns the response by JSON-PRC packaging;

the static resource service provides resources required by the display of the page of the intelligent editor, wherein the loading process of the page of the intelligent editor comprises the following steps:

loading interface resources, an interface template, a user template and a current file;

after loading is finished, establishing Websocket connection;

judging whether the Websocket connection is established or not; if yes, providing language service to support user operation, otherwise, only providing basic language service.

Images