Add configuration editor for messages, monaco editor to string type

src/app/model/proto-message.model.ts

@@ -9,8 +9,11 @@ export enum MessageTypeEnum {
   Enum = 'enum',
 }
 
+export type StringMessageTextType = 'text' | 'sql';
+
 export interface StringMessage extends MessageConfiguration {
   maxLength?: number;
+  textType: StringMessageTextType;
 }
 
 export interface BooleanMessage extends MessageConfiguration {}
@@ -43,9 +46,13 @@ export interface MessageConfiguration {
   type: MessageTypeEnum;
 }
 
-export const StringMessage = (maxLength?: number): StringMessage => ({
+export const StringMessage = (
+  maxLength?: number,
+  textType: StringMessageTextType = 'text'
+): StringMessage => ({
   type: MessageTypeEnum.String,
   maxLength,
+  textType,
 });
 
 export const BooleanMessage = (): BooleanMessage => ({
@@ -114,3 +121,11 @@ export const UnknownProto = (
   fullName,
   values: [{ name: 'Raw JSON', configuration: RawMessage() }],
 });
+
+export const EDITABLE_MESSAGE_TYPES = [
+  MessageTypeEnum.String,
+  MessageTypeEnum.Numeric,
+  MessageTypeEnum.List,
+  MessageTypeEnum.Map,
+  MessageTypeEnum.Object,
+];