@next-bricks/vs 0.2.2 → 0.3.0

package/dist/types.json

@@ -79,11 +79,119 @@
       },
       {
         "name": "completers",
+        "annotation": {
+          "type": "array",
+          "elementType": {
+            "type": "reference",
+            "typeName": {
+              "type": "qualifiedName",
+              "left": {
+                "type": "qualifiedName",
+                "left": {
+                  "type": "identifier",
+                  "name": "monaco"
+                },
+                "right": {
+                  "type": "identifier",
+                  "name": "languages"
+                }
+              },
+              "right": {
+                "type": "identifier",
+                "name": "CompletionItem"
+              }
+            }
+          }
+        }
+      },
+      {
+        "name": "advancedCompleters",
         "annotation": {
           "type": "reference",
           "typeName": {
             "type": "identifier",
-            "name": "Completers"
+            "name": "Record"
+          },
+          "typeParameters": {
+            "type": "typeParameterInstantiation",
+            "params": [
+              {
+                "type": "keyword",
+                "value": "string"
+              },
+              {
+                "type": "typeLiteral",
+                "members": [
+                  {
+                    "type": "propertySignature",
+                    "key": {
+                      "type": "identifier",
+                      "name": "triggerCharacter"
+                    },
+                    "annotation": {
+                      "type": "keyword",
+                      "value": "string"
+                    },
+                    "computed": false
+                  },
+                  {
+                    "type": "propertySignature",
+                    "key": {
+                      "type": "identifier",
+                      "name": "completers"
+                    },
+                    "annotation": {
+                      "type": "array",
+                      "elementType": {
+                        "type": "reference",
+                        "typeName": {
+                          "type": "qualifiedName",
+                          "left": {
+                            "type": "qualifiedName",
+                            "left": {
+                              "type": "identifier",
+                              "name": "monaco"
+                            },
+                            "right": {
+                              "type": "identifier",
+                              "name": "languages"
+                            }
+                          },
+                          "right": {
+                            "type": "identifier",
+                            "name": "CompletionItem"
+                          }
+                        }
+                      }
+                    },
+                    "computed": false
+                  }
+                ]
+              }
+            ]
+          }
+        }
+      },
+      {
+        "name": "markers",
+        "annotation": {
+          "type": "array",
+          "elementType": {
+            "type": "reference",
+            "typeName": {
+              "type": "identifier",
+              "name": "Marker"
+            }
+          }
+        }
+      },
+      {
+        "name": "links",
+        "annotation": {
+          "type": "array",
+          "elementType": {
+            "type": "keyword",
+            "value": "string"
           }
         }
       },
@@ -131,7 +239,7 @@
         }
       },
       {
-        "name": "highlight.click",
+        "name": "token.click",
         "detail": {
           "annotation": {
             "type": "keyword",
@@ -143,102 +251,107 @@
     "methods": [],
     "types": [
       {
-        "type": "typeAlias",
-        "name": "Completers",
-        "annotation": {
-          "type": "reference",
-          "typeName": {
-            "type": "identifier",
-            "name": "Record"
+        "type": "interface",
+        "name": "Marker",
+        "body": [
+          {
+            "type": "propertySignature",
+            "key": {
+              "type": "identifier",
+              "name": "token"
+            },
+            "annotation": {
+              "type": "keyword",
+              "value": "string"
+            },
+            "computed": false
           },
-          "typeParameters": {
-            "type": "typeParameterInstantiation",
-            "params": [
-              {
+          {
+            "type": "propertySignature",
+            "key": {
+              "type": "identifier",
+              "name": "level"
+            },
+            "annotation": {
+              "type": "typeOperator",
+              "operator": "keyof",
+              "annotation": {
+                "type": "typeQuery",
+                "exprName": {
+                  "type": "identifier",
+                  "name": "Level"
+                }
+              }
+            },
+            "computed": false
+          },
+          {
+            "type": "propertySignature",
+            "key": {
+              "type": "identifier",
+              "name": "message"
+            },
+            "annotation": {
+              "type": "keyword",
+              "value": "string"
+            },
+            "computed": false
+          },
+          {
+            "type": "propertySignature",
+            "key": {
+              "type": "identifier",
+              "name": "code"
+            },
+            "annotation": {
+              "type": "typeLiteral",
+              "members": [
+                {
+                  "type": "propertySignature",
+                  "key": {
+                    "type": "identifier",
+                    "name": "value"
+                  },
+                  "annotation": {
+                    "type": "keyword",
+                    "value": "string"
+                  },
+                  "computed": false
+                },
+                {
+                  "type": "propertySignature",
+                  "key": {
+                    "type": "identifier",
+                    "name": "target"
+                  },
+                  "annotation": {
+                    "type": "keyword",
+                    "value": "string"
+                  },
+                  "computed": false
+                }
+              ]
+            },
+            "optional": true,
+            "computed": false
+          },
+          {
+            "type": "propertySignature",
+            "key": {
+              "type": "identifier",
+              "name": "params"
+            },
+            "annotation": {
+              "type": "array",
+              "elementType": {
                 "type": "keyword",
                 "value": "string"
-              },
-              {
-                "type": "union",
-                "types": [
-                  {
-                    "type": "array",
-                    "elementType": {
-                      "type": "reference",
-                      "typeName": {
-                        "type": "qualifiedName",
-                        "left": {
-                          "type": "qualifiedName",
-                          "left": {
-                            "type": "identifier",
-                            "name": "monaco"
-                          },
-                          "right": {
-                            "type": "identifier",
-                            "name": "languages"
-                          }
-                        },
-                        "right": {
-                          "type": "identifier",
-                          "name": "CompletionItem"
-                        }
-                      }
-                    }
-                  },
-                  {
-                    "type": "typeLiteral",
-                    "members": [
-                      {
-                        "type": "propertySignature",
-                        "key": {
-                          "type": "identifier",
-                          "name": "triggerCharacter"
-                        },
-                        "annotation": {
-                          "type": "keyword",
-                          "value": "string"
-                        },
-                        "computed": false
-                      },
-                      {
-                        "type": "propertySignature",
-                        "key": {
-                          "type": "identifier",
-                          "name": "list"
-                        },
-                        "annotation": {
-                          "type": "array",
-                          "elementType": {
-                            "type": "reference",
-                            "typeName": {
-                              "type": "qualifiedName",
-                              "left": {
-                                "type": "qualifiedName",
-                                "left": {
-                                  "type": "identifier",
-                                  "name": "monaco"
-                                },
-                                "right": {
-                                  "type": "identifier",
-                                  "name": "languages"
-                                }
-                              },
-                              "right": {
-                                "type": "identifier",
-                                "name": "CompletionItem"
-                              }
-                            }
-                          }
-                        },
-                        "computed": false
-                      }
-                    ]
-                  }
-                ]
               }
-            ]
+            },
+            "optional": true,
+            "computed": false
           }
-        }
+        ]
       }
     ]
   }

package/dist-types/code-editor/index.d.ts

@@ -3,10 +3,7 @@ import { FormItemElementBase } from "@next-shared/form";
 import * as monaco from "monaco-editor/esm/vs/editor/editor.api.js";
 import "@next-core/theme";
 import "./index.css";
-export type Completers = Record<string, monaco.languages.CompletionItem[] | {
-    triggerCharacter: string;
-    list: monaco.languages.CompletionItem[];
-}>;
+import { Level } from "./utils/constants.js";
 export interface CodeEditorProps {
     name?: string;
     label?: string;
@@ -19,7 +16,23 @@ export interface CodeEditorProps {
     minLines?: number;
     maxLines?: number;
     height?: string | number;
-    completers?: Completers;
+    completers?: monaco.languages.CompletionItem[];
+    advancedCompleters?: Record<string, {
+        triggerCharacter: string;
+        completers: monaco.languages.CompletionItem[];
+    }>;
+    markers?: Marker[];
+    links?: string[];
+}
+export interface Marker {
+    token: string;
+    level: keyof typeof Level;
+    message: string;
+    code?: {
+        value: string;
+        target: string;
+    };
+    params?: string[];
 }
 /**
  * 构件 code-editor
@@ -47,7 +60,13 @@ export declare class CodeEditor extends FormItemElementBase implements CodeEdito
      * @default 3
      */
     accessor minLines: number | undefined;
-    accessor completers: Completers | undefined;
+    accessor completers: monaco.languages.CompletionItem[] | undefined;
+    accessor advancedCompleters: Record<string, {
+        triggerCharacter: string;
+        completers: monaco.languages.CompletionItem[];
+    }> | undefined;
+    accessor markers: Marker[] | undefined;
+    accessor links: string[] | undefined;
     /**
      * @default Infinity
      */
@@ -56,7 +75,7 @@ export declare class CodeEditor extends FormItemElementBase implements CodeEdito
     connectedCallback(): void;
     render(): JSX.Element;
 }
-export declare function CodeEditorComponent({ value: _value, language: _language, theme: _theme, minLines: _minLines, maxLines: _maxLines, height: _height, automaticLayout, completers, onChange, onHighlightClick, }: CodeEditorProps & {
+export declare function CodeEditorComponent({ value: _value, language: _language, theme: _theme, minLines: _minLines, maxLines: _maxLines, height: _height, automaticLayout, completers, advancedCompleters, markers, links, onChange, onHighlightClick, }: CodeEditorProps & {
     onChange(value: string, isFlush: boolean): void;
     onHighlightClick(word: string): void;
 }): JSX.Element;

package/dist-types/code-editor/utils/brickNextSourceMap.d.ts

@@ -0,0 +1,17 @@
+import type { State } from "js-yaml";
+export interface Token {
+    startLineNumber: number;
+    endLineNumber: number;
+    startColumn: number;
+    endColumn: number;
+    source: string;
+    isString?: boolean;
+}
+declare class BrickNextYamlSourceMap {
+    #private;
+    constructor();
+    private handleState;
+    listen(): (event: "open" | "close", state: State) => void;
+    getTokens: () => Token[];
+}
+export default BrickNextYamlSourceMap;

package/dist-types/code-editor/utils/brickNextYaml.d.ts

@@ -1,5 +1,6 @@
 import * as monaco from "monaco-editor/esm/vs/editor/editor.api.js";
-import { Completers } from "../index.jsx";
 export declare const isInEvaluateBody: (model: monaco.editor.ITextModel, position: monaco.Position) => boolean;
-export declare const brickNextYAMLProvideCompletionItems: (completers?: Completers) => (model: monaco.editor.ITextModel, position: monaco.Position, context: monaco.languages.CompletionContext, _token: monaco.CancellationToken) => monaco.languages.ProviderResult<monaco.languages.CompletionList>;
-export declare const setDecoractions: (editor: monaco.editor.IStandaloneCodeEditor, decorationsCollection: monaco.editor.IEditorDecorationsCollection, completers?: Completers) => void;
+export declare const brickNextYAMLProvideCompletionItems: (completers?: monaco.languages.CompletionItem[], advancedCompleters?: Record<string, {
+    triggerCharacter: string;
+    completers: monaco.languages.CompletionItem[];
+}> | undefined) => (model: monaco.editor.ITextModel, position: monaco.Position, context: monaco.languages.CompletionContext, _token: monaco.CancellationToken) => monaco.languages.ProviderResult<monaco.languages.CompletionList>;

package/dist-types/code-editor/utils/constants.d.ts

@@ -1,2 +1,8 @@
 export declare const EVALUATE_KEYWORD: string[];
 export declare const brickNextKeywords: string[];
+export declare const Level: {
+    hit: number;
+    info: number;
+    warn: number;
+    error: number;
+};

package/docs/code-editor.md

@@ -78,40 +78,159 @@ children:
   properties:
     language: brick_next_yaml
     value: |
-      # Enhanced yaml for Brick Next with completers
-      brick: button
-      properties:
-        buttonName: test
-        textContent: '<% CTX.error ? "CTX.error": "Hello" %>'
-        a: CTX.test
-        b: <% CTX.b %>
-        c: <% STATE.e %>
-        d: <% PATH.instanceId %>
-        e:
-          action: console.log
-          args:
-            - <% FN.getPageDetail(APP.id, CTX.pageTitle) %>
-            - <% `${ CTX.name }` %>
+      basicUsige:
+        keyword:
+         Expression:
+          expression1: <% CTX.work %>
+          expression2: <% `${CTX.work}` %>
+          expression3:
+            test1: |
+              <%
+                CTX.a ? CTX.b : CTX.c 
+              %>
+            test2: |-
+              <% 
+                CTX.a ? CTX.b : CTX.c 
+              %>
+            test3: >
+              <% 
+                CTX.a ? CTX.b : CTX.c 
+              %>
+            test4: >-
+              <% 
+                CTX.a ? CTX.b : CTX.c 
+              %>
+          expression4: "<% CTX.a ? CTX.b : CTX.c %>"
+          expression7: <% CTX.list.map(item => FN.getDetail(item, CTX.name)) %>
+          expression8: <% CTX.list.map(FN.getDetail) %>
+          expression9: |
+            <% 
+              [
+                CTX.work,
+                CTX.work.a,
+                ACTX,
+                CTXA,
+                ACTX.noWork,
+                CTXA.noWork,
+                a.CTX.noWork,
+              ]
+            %>
+          expression10: |
+            <% 
+              "TPL is warn", 
+              TPL.id 
+            %>
+          expression11: |
+            <%
+              FN.getDetail(CTX.abc, CTX.efg) %>
+          expression12:
+            test1:
+              test2:          <%  CTX.name %>
+              test3: |
+                              <% 
+                                CTX.name
+                              %>
+          expression13: <%= CTX.b + CTX.c %>
+          expression14: |
+            <%=
+              APP.id + CTX.name
+            %>
+          expression15: 
+            test1: |
+              <% 
+                CTX.name %>
+            test2: |
+              <% CTX.name
+              %>
+            test3: |
+              <% "track context", CTX.name
+              %>
+            test4: |
+              <%      
+                "track context", CTX.name 
+              %>
+            test5: |
+              <%      
+                "track context", 
+                CTX.name 
+              %>
+            test6: |
+              <% "track context", 
+                CTX.name 
+              %>
+            test7: |
+              <%  "track context",  CTX.name 
+          exporession16:
+            - <% CTX.a %>     
+            - CTX.b
+            -   <% CTX.c %>    
+            - <% "CTX.d" %>
+        markers:
+          hit:
+            PATH: <% PATH.instanceId %>
+          info:
+            QUERY: <% QUERY.info %>
+          warn:
+            ANCHOR: <% ANCHOR.id %>
+          error:
+            STATE: <% STATE.name %>
+        stringAndNoWork:
+          string1: CTX.noWork
+          string2: FN.getTest
+          string3: <% "FN.getTest(CTX.test)" %>
     automaticLayout: fit-content
+    links:
+      - CTX
+      - FN
+    markers:
+      - token: CTX
+        params:
+          - a
+          - b
+      - token: PATH
+        message: “这是 PATH”
+        level: hit
+      - token: QUERY
+        message: “这是 QUERY”
+        level: info
+      - token: ANCHOR
+        message: “这是 ANCHOR“
+        level: warn
+      - token: STATE
+        message: "这里不能写 STATE"
+        level: error
+        code:
+          value: "详情地址"
+          target: https://brick-next.js.org/docs/concepts/context
+      - token: TPL
+        level: warn
+        message: 不允许写入TPL
     completers:
-      custom:
-        - label: buttonName
-          detail: string
-        - label: buttonType
-          detail: "primary|default|link|danger"
-        - label: buttonSize
-          insertText: size
+      - label: buttonName
+        detail: string
+      - label: buttonType
+        detail: "primary|default|link|danger"
+      - label: buttonSize
+        insertText: size
+    advancedCompleters:
       target:
         triggerCharacter: ":"
-        list:
+        completers:
           - label: a
           - label: b
       CTX:
-        - label: pageTitle
-        - label: name
+        triggerCharacter: "."
+        completers:
+          - label: pageTitle
+          - label: name
       FN:
-        - label: getPageDetail
-        - label: getInstance
+        triggerCharacter: "."
+        completers:
+          - label: getPageDetail
+          - label: getInstance
       PATH:
-        - label: instanceId
+        triggerCharacter: "."
+        completers:
+          - label: instanceId
+          - label: name
 ```

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@next-bricks/vs",
-  "version": "0.2.2",
+  "version": "0.3.0",
   "homepage": "https://github.com/easyops-cn/next-bricks/tree/master/bricks/vs",
   "repository": {
     "type": "git",
@@ -38,5 +38,5 @@
     "@next-core/test-next": "^1.0.7",
     "resize-observer-polyfill": "^1.5.1"
   },
-  "gitHead": "cf94974ff1cac5d54b1502d8687191302c3808a7"
+  "gitHead": "f1d29ebf93aac3b9e3a9ffbed716a15e0476b876"
 }

package/dist/chunks/9918.4c039a22.js

@@ -1,2 +0,0 @@
-"use strict";(self.webpackChunk_next_bricks_vs=self.webpackChunk_next_bricks_vs||[]).push([[9918],{89918:(e,t,n)=>{n.r(t);var r,i,a=n(53395),s=n(40381),l=n(70687),u=n(25303),o=n(48657),c=n.n(o),h=n(75476),g=n(29049),m=n(16989),{method:d}=(0,h.createDecorators)();r=d();var v=new WeakMap,f=new WeakMap,p=new WeakMap,b=new WeakMap,Z=new WeakMap,w=new WeakMap;class C extends g.ReactNextElement{constructor(){super(...arguments),(0,a.Z)(this,w,{get:L,set:N}),(0,a.Z)(this,b,{get:E,set:M}),(0,a.Z)(this,f,{get:k,set:y}),(0,a.Z)(this,v,{writable:!0,value:!1}),(0,a.Z)(this,p,{writable:!0,value:"normal"}),(0,a.Z)(this,Z,{writable:!0,value:!1}),i(this)}get isFormItemElement(){return!0}set validateState(e){(0,s.Z)(this,b,e),this._render()}get validateState(){return(0,l.Z)(this,b)}set notRender(e){this.hidden=e,(0,s.Z)(this,f,e),this._render()}get notRender(){return(0,l.Z)(this,f)}get $bindFormItem(){return(0,l.Z)(this,w)}set $bindFormItem(e){(0,s.Z)(this,w,e),this._render()}getFormElement(){for(var e=this;(e=e.parentNode)&&e&&!e.isFormElement;);return e}}function k(){return(0,l.Z)(this,v)}function y(e){(0,s.Z)(this,v,e)}function E(){return(0,l.Z)(this,p)}function M(e){(0,s.Z)(this,p,e)}function L(){return(0,l.Z)(this,Z)}function N(e){(0,s.Z)(this,Z,e)}[i]=(0,u.Z)(C,[[r,2,"getFormElement"]],[]).e;var S,T,x,R,I,W,A,P,_,K,z,F,O,V,B,H,q,D,U,X,Y,$,G,j,Q,J,ee,te,ne,re,ie,ae,se,le,ue,oe,ce,he,ge,me=n(46475),de=n(73701),ve=n(47637),fe=n(64167),pe=n(27680),be=(n(65254),n(78035)),Ze=18,we=12,Ce=12,ke=n(33028),ye=n(36023),Ee=["CTX","STATE","DATA","EVENT","FLAGS","APP","ANCHOR","HASH","INSTALLED_APPS","ITEM","LOCAL_STORYAGE","MEDIA","MISC","PARAMS","PATH","PROCESSORS","QUERY","QUERY_ARRAY","SESSION_STORAGE","TPL","SYS","BASE_URL","IMG","FN","I18N","I18N_TEXT","PERMISSIONS","THEME"],Me=["target","targetRef","properties","events","method","callback","success","error","action","useProvider","useChildren","useBrick","args","if","then"],Le=(e,t,n)=>{for(var r=[],i=[],a="",s=n,l=t.startColumn;s>0;){var u=e.getValueInRange({startLineNumber:s,endLineNumber:s,startColumn:0,endColumn:1/0}).match(/^([\s|-]*)(\w+)(?=:)/);if(u){var[o,c,h]=u;c.length===t.startColumn-1&&r.unshift(h),c.length<l-1&&(!a&&(a=h),l=c.length,i.unshift(h))}s--}return{curLevelKeys:r,keyList:i,parentKey:a}},Ne=(e,t)=>{var n=e.getWordUntilPosition(t),r=e.findPreviousMatch("<%",t,!1,!1,null,!1),i=e.findNextMatch("%>",t,!1,!1,null,!1);if((null==r?void 0:r.range.startLineNumber)&&(null==i?void 0:i.range.startLineNumber)&&r.range.startLineNumber<=t.lineNumber&&i.range.endLineNumber>=t.lineNumber){var{parentKey:a}=Le(e,r.range,null==r?void 0:r.range.startLineNumber),{parentKey:s}=Le(e,i.range,null==i?void 0:i.range.startLineNumber),{keyList:l}=Le(e,n,t.lineNumber);if(a===s&&l.includes(a))return!0}return!1},Se=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=e.getModel();if(r){t.clear();var i=[];["CTX","STATE","FN"].forEach((function(e){var t;if(n[e]){var a=null===(t=r.findMatches)||void 0===t?void 0:t.call(r,"(?<=^|\\s)".concat(e,"\\.\\w+"),!1,!0,!1,null,!1);a&&a.length&&a.forEach((function(e){Ne(r,new me.Position(e.range.startLineNumber,e.range.startColumn))&&i.push({range:e.range,options:{inlineClassName:"highlight"}})}))}})),null==t||t.set(i)}},Te=n(46062),xe=n.n(Te),Re=n(44036),Ie=n.n(Re),We=n(96793),Ae=n.n(We),Pe=n(17892),_e=n.n(Pe),Ke=n(11173),ze=n.n(Ke),Fe=n(42464),Oe=n.n(Fe),Ve=n(76126),Be={};Be.styleTagTransform=Oe(),Be.setAttributes=_e(),Be.insert=Ae().bind(null,"head"),Be.domAPI=Ie(),Be.insertStyleElement=ze(),xe()(Ve.Z,Be),Ve.Z&&Ve.Z.locals&&Ve.Z.locals,(0,de.z2)(me),(0,ve.z2)(me),(0,fe.z2)(me,"brick_next_yaml"),(0,pe.z2)(me);var He,{defineElement:qe,property:De,event:Ue}=(0,h.createDecorators)(),Xe=(0,g.wrapBrick)("eo-form-item");T=qe("vs.code-editor",{shadowOptions:!1}),x=De(),I=De(),A=De({attribute:!1}),_=De(),z=De(),O=De({type:Boolean}),B=De({type:Boolean}),q=De(),U=De({type:Number}),Y=De({attribute:!1}),G=De({type:Number}),Q=De({attribute:!1}),ee=Ue({type:"code.change"}),ie=Ue({type:"user.input"}),ue=Ue({type:"highlight.click"});var Ye=new WeakMap,$e=new WeakMap,Ge=new WeakMap,je=new WeakMap,Qe=new WeakMap,Je=new WeakMap,et=new WeakMap,tt=new WeakMap,nt=new WeakMap,rt=new WeakMap,it=new WeakMap,at=new WeakMap,st=new WeakMap,lt=new WeakMap,ut=new WeakMap,ot=new WeakMap,ct=new WeakMap,ht=new WeakMap,gt=new WeakMap,mt=new WeakMap;function dt(e){re(this,e)}function vt(){return ne(this)}function ft(e){le(this,e)}function pt(){return se(this)}function bt(e){he(this,e)}function Zt(){return ce(this)}function wt(e){var{value:t,language:n,theme:r,minLines:i,maxLines:a,height:s,automaticLayout:l,completers:u,onChange:h,onHighlightClick:g}=e,d=null!=t?t:"",v=null!=n?n:"plaintext",f=null!=r?r:"auto",p=null!=i?i:3,b=null!=a?a:1/0,Z=null!=s?s:500,w=(0,o.useRef)(null),C=(0,o.useRef)(),k=(0,o.useRef)(),y=(0,o.useRef)({width:300,height:Ct(d,p,b)}),[E,M]=(0,o.useState)(),L=(0,o.useRef)(l),N=(0,m.useCurrentTheme)();return(0,o.useEffect)((()=>{me.editor.setTheme("auto"===f?"dark"===N||"dark-v2"===N?"vs-dark":"vs":f)}),[N,f]),(0,o.useEffect)((()=>{if(k.current){var e=k.current.getModel();me.editor.setModelLanguage(e,v),(0,be.isEqual)(e.getValue(),d)||e.setValue(d)}}),[d,v]),(0,o.useEffect)((()=>{if("brick_next_yaml"===v){var e=(e=>(t,n,r,i)=>{var a,s=t.getWordUntilPosition(n),{word:l,token:u}=((e,t)=>{var n,r=e.getWordUntilPosition(t),i=e.getValueInRange({startLineNumber:t.lineNumber,endLineNumber:t.lineNumber,startColumn:t.column-r.word.length-1,endColumn:t.column-r.word.length}),a=e.getWordAtPosition((0,ke.Z)((0,ke.Z)({},t),{},{column:t.column-(null==r||null===(n=r.word)||void 0===n?void 0:n.length)-1}));return{word:null==a?void 0:a.word,token:i}})(t,n),o=t.getValueInRange({startLineNumber:n.lineNumber,endLineNumber:n.lineNumber,startColumn:0,endColumn:1/0}),c={startLineNumber:n.lineNumber,endLineNumber:n.lineNumber,startColumn:s.startColumn,endColumn:s.endColumn},h=1===s.startColumn,{curLevelKeys:g}=Le(t,s,t.getLineCount());if("<"===r.triggerCharacter)return"<"!==t.getValueInRange({startLineNumber:n.lineNumber,endLineNumber:n.lineNumber,startColumn:n.column-2,endColumn:n.column+2}).trim()?{suggestions:[]}:{suggestions:[{label:"<% %>",detail:"Evalute Body",kind:me.languages.CompletionItemKind.Value,insertText:"% ${0} %>",insertTextRules:me.languages.CompletionItemInsertTextRule.InsertAsSnippet,range:c},{label:"<%= %>",detail:"Track Evalute Body",kind:me.languages.CompletionItemKind.Value,insertText:"%= ${0} %>",insertTextRules:me.languages.CompletionItemInsertTextRule.InsertAsSnippet,range:c}]};if(h)return{suggestions:(null!==(a=null==e?void 0:e.custom)&&void 0!==a?a:[]).filter((e=>!g.includes(e.label))).map((e=>(0,ke.Z)((0,ke.Z)({},e),{},{label:e.label,insertText:e.insertText||e.label,kind:me.languages.CompletionItemKind.Keyword,range:c})))};if(":"===r.triggerCharacter||"."===r.triggerCharacter&&l&&!["CTX","STATE","FN"].includes(l)){var m,d;if("action"===l&&":"===r.triggerCharacter)return{suggestions:null===(m=null!==(d=(0,be.get)(ye,"definitions.BuiltinBrickEventHandler.properties.action.enum"))&&void 0!==d?d:[])||void 0===m?void 0:m.map((e=>({label:" ".concat(e),detail:"event action",kind:me.languages.CompletionItemKind.Keyword,insertText:" ".concat(e),range:c})))};var v,f,p=null==e?void 0:e[l],b="";if(p&&!Array.isArray(p)?(v=p.list,b=p.triggerCharacter):v=p,b?r.triggerCharacter===b&&v:v)return{suggestions:(null!==(f=v)&&void 0!==f?f:[]).map((e=>{var t=":"===b?" ".concat(e.label):e.label;return(0,ke.Z)((0,ke.Z)({},e),{},{label:t,kind:me.languages.CompletionItemKind.Value,insertText:e.insertText||t,range:c})}))}}if(Ne(t,n)){var Z,w;if(l&&["CTX","STATE"].includes(l))return{suggestions:(null!==(Z=null==e?void 0:e[l])&&void 0!==Z?Z:[]).map((e=>({label:e.label,insertText:e.label,kind:me.languages.CompletionItemKind.Value,range:c})))};if("FN"===l&&"."===r.triggerCharacter)return{suggestions:(null!==(w=null==e?void 0:e.FN)&&void 0!==w?w:[]).map((e=>({label:e.label,insertText:e.label,kind:me.languages.CompletionItemKind.Value,range:c})))};if("APP"===l&&"."===r.triggerCharacter){var C=(0,be.get)(ye,"definitions.MicroApp.properties"),k=[];for(var[y,E]of Object.entries(C))k.push({label:y,kind:me.languages.CompletionItemKind.Value,documentation:E.description,detail:E.enum?E.enum.join("|"):E.type,insertText:y,range:c});return{suggestions:k}}return[".",":"].includes(u)?{suggestions:[]}:{suggestions:Ee.map((e=>({label:e,insertText:e,kind:me.languages.CompletionItemKind.Keyword,range:c})))}}return/^[\s|-]*\w$/.test(o)?{suggestions:Me.map((e=>({label:e,insertText:e,kind:me.languages.CompletionItemKind.Keyword,range:c}))).filter((e=>!g.includes(e.label)))}:{suggestions:[]}})(u),t=me.languages.registerCompletionItemProvider("brick_next_yaml",{provideCompletionItems:e,triggerCharacters:[".",":","<"]});return()=>{t.dispose()}}}),[u,v]),(0,o.useEffect)((()=>{if("brick_next_yaml"===v&&k.current&&C.current){var e=k.current;Se(e,C.current,u)}}),[u,v,d]),(0,o.useLayoutEffect)((()=>{var e;if("fit-content"===L.current&&w.current){y.current.width=w.current.getBoundingClientRect().width,null===(e=k.current)||void 0===e||e.layout(y.current);var t=new ResizeObserver((e=>{for(var t of e)if(t.target===w.current){var n,r=t.contentBoxSize?t.contentBoxSize[0].inlineSize:t.contentRect.width;r!==y.current.width&&(y.current.width=r,null===(n=k.current)||void 0===n||n.layout(y.current));break}}));return t.observe(w.current),()=>{t.disconnect()}}}),[]),(0,o.useLayoutEffect)((()=>{if("fit-container"===L.current){var e=function(e){for(var t=e;t;){var n="vs.code-editor"===t.tagName.toLowerCase();if(t=t.parentElement,n)return t}}(w.current);if(e){var t=new ResizeObserver((()=>{M(e.offsetHeight)}));return t.observe(e),()=>{t.disconnect()}}}}),[]),(0,o.useEffect)((()=>{"fit-container"!==L.current&&"fit-content"!==L.current&&M(Z)}),[Z]),(0,o.useEffect)((()=>{if(!k.current&&w.current){var e=me.editor.createModel(d,v);k.current=me.editor.create(w.current,{model:e,minimap:{enabled:!1},scrollBeyondLastLine:!1,tabSize:2,insertSpaces:!0,automaticLayout:"fit-content"!==L.current,fontSize:12,lineHeight:Ze,scrollbar:{horizontalScrollbarSize:we,verticalScrollbarSize:we,horizontalSliderSize:8,verticalSliderSize:8,alwaysConsumeMouseWheel:!1},padding:{top:Ce,bottom:"fit-content"==L.current?void 0:Ce},overviewRulerBorder:!1,mouseWheelScrollSensitivity:.5,suggest:{insertMode:"insert",preview:!0},quickSuggestions:{strings:!0,other:!0,comments:!0}}),C.current=k.current.createDecorationsCollection(),"brick_next_yaml"===v&&Se(k.current,C.current,u)}}),[d,v,u]),(0,o.useEffect)((()=>{var e=k.current;if("brick_next_yaml"===v&&e){var t=e.getModel(),n=e.onMouseDown((function(e){var n,r,i=C.current;(null!==(n=null==i||null===(r=i.getRanges)||void 0===r?void 0:r.call(i))&&void 0!==n?n:[]).forEach((n=>{var r=/Mac|iPod|iPhone|iPad/.test(navigator.platform)?"metaKey":"ctrlKey";n&&e.target.position&&e.event[r]&&n.containsPosition(e.target.position)&&g(t.getValueInRange(n))}))})),r=e.onMouseMove((function(e){var t=C.current;t&&t.getRanges().forEach((n=>{var r=/Mac|iPod|iPhone|iPad/.test(navigator.platform)?"metaKey":"ctrlKey";if(n&&e.target.position&&e.event[r]&&n.containsPosition(e.target.position)){var i=t.getRanges().map((e=>({range:e,options:{inlineClassName:n.equalsRange(e)?"highlight pointer":"highlight"}})));t.set(i)}else if(!e.event[r]){var a=t.getRanges().map((e=>({range:e,options:{inlineClassName:"highlight"}})));t.set(a)}}))}));return()=>{null==r||r.dispose(),null==n||n.dispose()}}}),[v,g]),(0,o.useEffect)((()=>{var e=k.current;if(e&&w.current&&"fit-content"===L.current){var t=e.onDidContentSizeChange((t=>{if(t.contentHeightChanged){var n=kt(t.contentHeight,p,b);n!==y.current.height&&(y.current.height=n,e.layout(y.current))}})),n=kt(e.getContentHeight(),p,b);return n!==y.current.height&&(y.current.height=n,e.layout(y.current)),()=>{t.dispose()}}}),[b,p]),(0,o.useEffect)((()=>{if(k.current){var e=k.current.getModel(),t=e.onDidChangeContent((t=>{h(e.getValue(),t.isFlush)}));return()=>{t.dispose()}}}),[h]),(0,o.useEffect)((()=>()=>{var e,t,n;null===(e=k.current)||void 0===e||null===(t=e.getModel())||void 0===t||t.dispose(),null===(n=k.current)||void 0===n||n.dispose()}),[]),c().createElement("div",{ref:w,style:{height:E}})}function Ct(e,t,n){return yt(Math.min(n,Math.max(t,e.split("\n").length)))}function kt(e,t,n){var r=e;return(e-Ce)%Ze==0&&(r=e+we),Math.min(yt(n),Math.max(r,yt(t)))}function yt(e){return e*Ze+we+Ce}({e:[R,W,P,K,F,V,H,D,X,$,j,J,te,ne,re,ae,se,le,oe,ce,he,ge],c:[He,S]}=(0,u.Z)(class extends C{constructor(){super(...arguments),(0,a.Z)(this,gt,{get:Zt,set:bt}),(0,a.Z)(this,ot,{get:pt,set:ft}),(0,a.Z)(this,lt,{get:vt,set:dt}),(0,a.Z)(this,Ye,{writable:!0,value:(ge(this),R(this))}),(0,a.Z)(this,$e,{writable:!0,value:W(this)}),(0,a.Z)(this,Ge,{writable:!0,value:P(this)}),(0,a.Z)(this,je,{writable:!0,value:K(this)}),(0,a.Z)(this,Qe,{writable:!0,value:F(this)}),(0,a.Z)(this,Je,{writable:!0,value:V(this)}),(0,a.Z)(this,et,{writable:!0,value:H(this)}),(0,a.Z)(this,tt,{writable:!0,value:D(this)}),(0,a.Z)(this,nt,{writable:!0,value:X(this)}),(0,a.Z)(this,rt,{writable:!0,value:$(this)}),(0,a.Z)(this,it,{writable:!0,value:j(this)}),(0,a.Z)(this,at,{writable:!0,value:J(this)}),(0,a.Z)(this,st,{writable:!0,value:te(this)}),(0,a.Z)(this,ut,{writable:!0,value:ae(this)}),(0,a.Z)(this,ct,{writable:!0,value:(e,t)=>{var n;null===(n=this.getFormElement())||void 0===n||n.formStore.onChange(this.name,e),this.value=e,(0,l.Z)(this,lt).emit(e),t||(0,l.Z)(this,ot).emit(e)}}),(0,a.Z)(this,ht,{writable:!0,value:oe(this)}),(0,a.Z)(this,mt,{writable:!0,value:e=>{(0,l.Z)(this,gt).emit(e)}})}get name(){return(0,l.Z)(this,Ye)}set name(e){(0,s.Z)(this,Ye,e)}get label(){return(0,l.Z)(this,$e)}set label(e){(0,s.Z)(this,$e,e)}get value(){return(0,l.Z)(this,Ge)}set value(e){(0,s.Z)(this,Ge,e)}get language(){return(0,l.Z)(this,je)}set language(e){(0,s.Z)(this,je,e)}get theme(){return(0,l.Z)(this,Qe)}set theme(e){(0,s.Z)(this,Qe,e)}get required(){return(0,l.Z)(this,Je)}set required(e){(0,s.Z)(this,Je,e)}get readOnly(){return(0,l.Z)(this,et)}set readOnly(e){(0,s.Z)(this,et,e)}get automaticLayout(){return(0,l.Z)(this,tt)}set automaticLayout(e){(0,s.Z)(this,tt,e)}get minLines(){return(0,l.Z)(this,nt)}set minLines(e){(0,s.Z)(this,nt,e)}get completers(){return(0,l.Z)(this,rt)}set completers(e){(0,s.Z)(this,rt,e)}get maxLines(){return(0,l.Z)(this,it)}set maxLines(e){(0,s.Z)(this,it,e)}get height(){return(0,l.Z)(this,at)}set height(e){(0,s.Z)(this,at,e)}connectedCallback(){this.style.display||(this.style.display="block"),super.connectedCallback()}render(){return c().createElement(Xe,{curElement:this,formElement:this.getFormElement(),name:this.name,label:this.label,required:this.required},c().createElement(wt,{value:this.value,language:this.language,theme:this.theme,automaticLayout:this.automaticLayout,minLines:this.minLines,maxLines:this.maxLines,height:this.height,completers:this.completers,onChange:(0,l.Z)(this,ct),onHighlightClick:(0,l.Z)(this,mt)}))}},[[x,1,"name"],[I,1,"label"],[A,1,"value"],[_,1,"language"],[z,1,"theme"],[O,1,"required"],[B,1,"readOnly"],[q,1,"automaticLayout"],[U,1,"minLines"],[Y,1,"completers"],[G,1,"maxLines"],[Q,1,"height"],[ee,1,"codeChange",function(){return(0,l.Z)(this,st)},function(e){(0,s.Z)(this,st,e)}],[ie,1,"userInput",function(){return(0,l.Z)(this,ut)},function(e){(0,s.Z)(this,ut,e)}],[ue,1,"highlighClickEvent",function(){return(0,l.Z)(this,ht)},function(e){(0,s.Z)(this,ht,e)}]],[T])),S()},76126:(e,t,n)=>{n.d(t,{Z:()=>l});var r=n(39601),i=n.n(r),a=n(82609),s=n.n(a)()(i());s.push([e.id,".highlight{color:rgb(74 170 189)!important;text-decoration:underline;font-weight:bold;font-style:oblique}.pointer{cursor:pointer}",""]);const l=s}}]);
-//# sourceMappingURL=9918.4c039a22.js.map