@likec4/language-server 1.20.3 → 1.21.1

package/README.md

@@ -1,6 +1,6 @@
 # `@likec4/language-server`
 
-[docs](https://likec4.dev/) | [playground](https://playground.likec4.dev/) | [demo](https://template.likec4.dev/view/cloud)
+[docs](https://likec4.dev/) | [playground](https://playground.likec4.dev/) | [demo](https://template.likec4.dev/view/index/)
 
 Language Server Protocol (LSP) based on [languim](https://github.com/languim/languim) library.
 

package/dist/ast.d.ts

@@ -34,6 +34,9 @@ type ParsedElementStyle = {
     border?: c4.BorderStyle;
     opacity?: number;
     multiple?: boolean;
+    size?: c4.ShapeSize;
+    padding?: c4.SpacingSize;
+    textSize?: c4.TextSize;
 };
 export interface ParsedAstSpecification {
     tags: Set<c4.Tag>;
@@ -69,6 +72,15 @@ export interface ParsedAstElement {
         [key: string]: string;
     };
 }
+export interface ParsedAstExtendElement {
+    id: c4.Fqn;
+    astPath: string;
+    tags?: c4.NonEmptyArray<c4.Tag>;
+    links?: c4.NonEmptyArray<ParsedLink>;
+    metadata?: {
+        [key: string]: string;
+    };
+}
 export interface ParsedAstRelation {
     id: c4.RelationId;
     astPath: string;
@@ -158,6 +170,7 @@ export interface LikeC4DocumentProps {
     diagnostics?: Array<LikeC4DocumentDiagnostic>;
     c4Specification?: ParsedAstSpecification;
     c4Elements?: ParsedAstElement[];
+    c4ExtendElements?: ParsedAstExtendElement[];
     c4Relations?: ParsedAstRelation[];
     c4Globals?: ParsedAstGlobals;
     c4Views?: ParsedAstView[];
@@ -182,6 +195,9 @@ export declare function resolveRelationPoints(node: ast.Relation): {
     target: ast.Element;
 };
 export declare function parseAstOpacityProperty({ value }: ast.OpacityProperty): number;
+export declare function parseAstSizeValue({ value }: {
+    value: ast.SizeValue;
+}): 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 export declare function toElementStyle(props: Array<ast.StyleProperty> | undefined, isValid: IsValidFn): ParsedElementStyle;
 export declare function toRelationshipStyle(props: ast.RelationshipStyleProperty[] | undefined, isValid: IsValidFn): {
     color?: c4.Color;

package/dist/ast.js

@@ -35,7 +35,7 @@ export function isFqnIndexedDocument(doc) {
   return isLikeC4LangiumDocument(doc) && doc.state >= DocumentState.IndexedContent && !!doc.c4fqnIndex;
 }
 export function isParsedLikeC4LangiumDocument(doc) {
-  return isLikeC4LangiumDocument(doc) && doc.state == DocumentState.Validated && !!doc.c4Specification && !!doc.c4Elements && !!doc.c4Relations && !!doc.c4Views && !!doc.c4fqnIndex && !!doc.c4Deployments && !!doc.c4DeploymentRelations;
+  return isLikeC4LangiumDocument(doc) && doc.state == DocumentState.Validated && !!doc.c4Specification && !!doc.c4Elements && !!doc.c4ExtendElements && !!doc.c4Relations && !!doc.c4Views && !!doc.c4fqnIndex && !!doc.c4Deployments && !!doc.c4DeploymentRelations;
 }
 export function* streamModel(doc) {
   const traverseStack = LinkedList.from(doc.parseResult.value.models.flatMap((m) => m.elements));
@@ -46,15 +46,7 @@ export function* streamModel(doc) {
       relations.push(el);
       continue;
     }
-    if (ast.isExtendElement(el)) {
-      if (el.body && el.body.elements.length > 0) {
-        for (const child of el.body.elements) {
-          traverseStack.push(child);
-        }
-      }
-      continue;
-    }
-    if (el.body && el.body.elements.length > 0) {
+    if (el.body && el.body.elements && el.body.elements.length > 0) {
       for (const child of el.body.elements) {
         traverseStack.push(child);
       }
@@ -112,6 +104,28 @@ export function parseAstOpacityProperty({ value }) {
   const opacity = parseFloat(value);
   return isNaN(opacity) ? 100 : clamp(opacity, { min: 0, max: 100 });
 }
+export function parseAstSizeValue({ value }) {
+  switch (value) {
+    case "xs":
+    case "sm":
+    case "md":
+    case "lg":
+    case "xl":
+      return value;
+    case "xsmall":
+      return "xs";
+    case "small":
+      return "sm";
+    case "medium":
+      return "md";
+    case "large":
+      return "lg";
+    case "xlarge":
+      return "xl";
+    default:
+      nonexhaustive(value);
+  }
+}
 export function toElementStyle(props, isValid) {
   const result = {};
   if (!props || props.length === 0) {
@@ -156,6 +170,24 @@ export function toElementStyle(props, isValid) {
         result.multiple = isBoolean(prop.value) ? prop.value : false;
         break;
       }
+      case ast.isShapeSizeProperty(prop): {
+        if (isTruthy(prop.value)) {
+          result.size = parseAstSizeValue(prop);
+        }
+        break;
+      }
+      case ast.isPaddingSizeProperty(prop): {
+        if (isTruthy(prop.value)) {
+          result.padding = parseAstSizeValue(prop);
+        }
+        break;
+      }
+      case ast.isTextSizeProperty(prop): {
+        if (isTruthy(prop.value)) {
+          result.textSize = parseAstSizeValue(prop);
+        }
+        break;
+      }
       default:
         nonexhaustive(prop);
     }