@likec4/language-server 1.8.1 → 1.10.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@likec4/language-server",
   "description": "LikeC4 Language Server",
-  "version": "1.8.1",
+  "version": "1.10.0",
   "license": "MIT",
   "bugs": "https://github.com/likec4/likec4/issues",
   "homepage": "https://likec4.dev",
@@ -21,30 +21,37 @@
     "directory": "packages/language-server"
   },
   "type": "module",
+  "sideEffects": false,
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "default": "./dist/index.js"
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.cjs"
     },
     "./likec4lib": {
       "types": "./dist/likec4lib.d.ts",
-      "default": "./dist/likec4lib.js"
+      "import": "./dist/likec4lib.mjs",
+      "require": "./dist/likec4lib.cjs"
     },
     "./browser": {
       "types": "./dist/browser.d.ts",
-      "default": "./dist/browser.js"
+      "import": "./dist/browser.mjs",
+      "require": "./dist/browser.cjs"
     },
     "./protocol": {
       "types": "./dist/protocol.d.ts",
-      "default": "./dist/protocol.js"
+      "import": "./dist/protocol.mjs",
+      "require": "./dist/protocol.cjs"
     },
     "./node": {
       "types": "./dist/node.d.ts",
-      "default": "./dist/node.js"
+      "import": "./dist/node.mjs",
+      "require": "./dist/node.cjs"
     },
     "./model-graph": {
       "types": "./dist/model-graph/index.d.ts",
-      "default": "./dist/model-graph/index.js"
+      "import": "./dist/model-graph/index.mjs",
+      "require": "./dist/model-graph/index.cjs"
     }
   },
   "publishConfig": {
@@ -53,32 +60,40 @@
     "exports": {
       ".": {
         "types": "./dist/index.d.ts",
-        "default": "./dist/index.js"
+        "import": "./dist/index.mjs",
+        "require": "./dist/index.cjs"
       },
       "./likec4lib": {
         "types": "./dist/likec4lib.d.ts",
-        "default": "./dist/likec4lib.js"
+        "import": "./dist/likec4lib.mjs",
+        "require": "./dist/likec4lib.cjs"
       },
       "./browser": {
         "types": "./dist/browser.d.ts",
-        "default": "./dist/browser.js"
+        "import": "./dist/browser.mjs",
+        "require": "./dist/browser.cjs"
       },
       "./protocol": {
         "types": "./dist/protocol.d.ts",
-        "default": "./dist/protocol.js"
+        "import": "./dist/protocol.mjs",
+        "require": "./dist/protocol.cjs"
       },
       "./node": {
         "types": "./dist/node.d.ts",
-        "default": "./dist/node.js"
+        "import": "./dist/node.mjs",
+        "require": "./dist/node.cjs"
       },
       "./model-graph": {
         "types": "./dist/model-graph/index.d.ts",
-        "default": "./dist/model-graph/index.js"
+        "import": "./dist/model-graph/index.mjs",
+        "require": "./dist/model-graph/index.cjs"
       }
     }
   },
   "scripts": {
     "typecheck": "tsc --noEmit",
+    "prepack": "turbo run build",
+    "build": "unbuild",
     "pregenerate": "rm -f src/generated/*",
     "watch:langium": "langium generate --watch",
     "watch:ts": "tsc --watch",
@@ -87,16 +102,16 @@
     "lint": "run -T eslint src/ --fix",
     "clean": "run -T rimraf dist contrib",
     "test": "vitest run --no-isolate",
+    "test-dbg": "vitest run --no-isolate -t formating",
     "vitest:ui": "vitest --no-isolate --ui",
     "test:watch": "vitest"
   },
   "dependencies": {
     "@dagrejs/graphlib": "^2.2.4",
-    "@likec4/core": "1.8.1",
-    "@likec4/log": "1.8.1",
+    "@likec4/core": "1.10.0",
+    "@likec4/log": "1.10.0",
     "@msgpack/msgpack": "^3.0.0-beta2",
     "@smithy/util-base64": "^3.0.0",
-    "@total-typescript/ts-reset": "^0.5.1",
     "fast-equals": "^5.0.1",
     "indent-string": "^5.0.0",
     "json5": "^2.2.3",
@@ -106,7 +121,7 @@
     "remeda": "^2.11.0",
     "string-hash": "^1.1.3",
     "strip-indent": "^4.0.0",
-    "type-fest": "^4.21.0",
+    "type-fest": "^4.26.0",
     "ufo": "^1.5.4",
     "vscode-jsonrpc": "8.2.0",
     "vscode-languageserver": "9.0.1",
@@ -114,17 +129,18 @@
     "vscode-uri": "3.0.8"
   },
   "devDependencies": {
-    "@likec4/icons": "1.8.1",
-    "@likec4/tsconfig": "1.8.1",
+    "@likec4/icons": "1.10.0",
+    "@likec4/tsconfig": "1.10.0",
     "@types/node": "^20.16.1",
     "@types/object-hash": "^3.0.6",
     "@types/string-hash": "^1.1.3",
     "execa": "^9.3.1",
-    "glob": "^11.0.0",
     "langium-cli": "3.1.1",
     "npm-run-all2": "^6.2.2",
     "tsx": "~4.9.3",
+    "turbo": "^2.1.1",
     "typescript": "^5.5.4",
+    "unbuild": "^3.0.0-rc.7",
     "vitest": "~2.0.5"
   },
   "packageManager": "yarn@4.3.1"

package/src/ast.ts

@@ -1,11 +1,5 @@
-import {
-  type c4,
-  DefaultArrowType,
-  DefaultLineStyle,
-  DefaultRelationshipColor,
-  nonexhaustive,
-  RelationRefError
-} from '@likec4/core'
+import { DefaultArrowType, DefaultLineStyle, DefaultRelationshipColor, nonexhaustive } from '@likec4/core'
+import type * as c4 from '@likec4/core'
 import type { AstNode, AstNodeDescription, DiagnosticInfo, LangiumDocument, MultiMap } from 'langium'
 import { DocumentState } from 'langium'
 import { clamp, isDefined, isNullish, isTruthy } from 'remeda'
@@ -36,13 +30,14 @@ declare module './generated/ast' {
 type ParsedElementStyle = {
   shape?: c4.ElementShape
   icon?: c4.IconUrl
-  color?: c4.ThemeColor
+  color?: c4.Color
   border?: c4.BorderStyle
   opacity?: number
 }
 
 export interface ParsedAstSpecification {
-  kinds: Record<c4.ElementKind, {
+  tags: Set<c4.Tag>
+  elements: Record<c4.ElementKind, {
     technology?: string
     notation?: string
     style: ParsedElementStyle
@@ -52,12 +47,18 @@ export interface ParsedAstSpecification {
     {
       technology?: string
       notation?: string
-      color?: c4.ThemeColor
+      color?: c4.Color
       line?: c4.RelationshipLineType
       head?: c4.RelationshipArrowType
       tail?: c4.RelationshipArrowType
     }
   >
+  colors: Record<
+    c4.CustomColor,
+    {
+      color: c4.HexColorLiteral
+    }
+  >
 }
 
 export interface ParsedAstElement {
@@ -83,11 +84,12 @@ export interface ParsedAstRelation {
   title: string
   description?: string
   technology?: string
-  color?: c4.ThemeColor
+  color?: c4.Color
   line?: c4.RelationshipLineType
   head?: c4.RelationshipArrowType
   tail?: c4.RelationshipArrowType
   links?: c4.NonEmptyArray<ParsedLink>
+  navigateTo?: c4.ViewID
   metadata?: { [key: string]: string }
 }
 
@@ -113,7 +115,7 @@ export interface ParsedAstDynamicView {
   description: string | null
   tags: c4.NonEmptyArray<c4.Tag> | null
   links: c4.NonEmptyArray<ParsedLink> | null
-  steps: c4.DynamicViewStep[]
+  steps: c4.DynamicViewStepOrParallel[]
   rules: Array<c4.DynamicViewRule>
   manualLayout?: c4.ViewManualLayout
 }
@@ -181,8 +183,10 @@ export interface ParsedLikeC4LangiumDocument
 export function cleanParsedModel(doc: LikeC4LangiumDocument) {
   const props: Required<Omit<LikeC4DocumentProps, 'c4fqnIndex' | 'diagnostics'>> = {
     c4Specification: {
-      kinds: {},
-      relationships: {}
+      tags: new Set(),
+      elements: {},
+      relationships: {},
+      colors: {}
     },
     c4Elements: [],
     c4Relations: [],
@@ -191,14 +195,14 @@ export function cleanParsedModel(doc: LikeC4LangiumDocument) {
   return Object.assign(doc, props) as ParsedLikeC4LangiumDocument
 }
 
-export function isFqnIndexedDocument(doc: LangiumDocument): doc is FqnIndexedDocument {
-  return isLikeC4LangiumDocument(doc) && doc.state >= DocumentState.IndexedContent && !!doc.c4fqnIndex
-}
-
 export function isLikeC4LangiumDocument(doc: LangiumDocument): doc is LikeC4LangiumDocument {
   return doc.textDocument.languageId === LikeC4LanguageMetaData.languageId
 }
 
+export function isFqnIndexedDocument(doc: LangiumDocument): doc is FqnIndexedDocument {
+  return isLikeC4LangiumDocument(doc) && doc.state >= DocumentState.IndexedContent && !!doc.c4fqnIndex
+}
+
 export function isParsedLikeC4LangiumDocument(
   doc: LangiumDocument
 ): doc is ParsedLikeC4LangiumDocument {
@@ -227,6 +231,7 @@ const isValidatableAstNode = validatableAstNodeGuards([
   ast.isRelationPredicateWith,
   ast.isElementExpression,
   ast.isRelationExpression,
+  ast.isDynamicViewParallelSteps,
   ast.isDynamicViewStep,
   ast.isViewProperty,
   ast.isStyleProperty,
@@ -247,6 +252,7 @@ const isValidatableAstNode = validatableAstNodeGuards([
   ast.isSpecificationElementKind,
   ast.isSpecificationRelationshipKind,
   ast.isSpecificationTag,
+  ast.isSpecificationColor,
   ast.isSpecificationRule,
   ast.isModelViews,
   ast.isModel
@@ -261,7 +267,7 @@ const findInvalidContainer = (node: LikeC4AstNode): ValidatableAstNode | undefin
     }
     nd = nd.$container
   }
-  return
+  return undefined
 }
 
 export function checksFromDiagnostics(doc: LikeC4LangiumDocument) {
@@ -279,8 +285,9 @@ export function checksFromDiagnostics(doc: LikeC4LangiumDocument) {
   }
 }
 export type ChecksFromDiagnostics = ReturnType<typeof checksFromDiagnostics>
+export type IsValidFn = ChecksFromDiagnostics['isValid']
 
-export function* streamModel(doc: LikeC4LangiumDocument, isValid: ChecksFromDiagnostics['isValid']) {
+export function* streamModel(doc: LikeC4LangiumDocument, isValid: IsValidFn) {
   const traverseStack = doc.parseResult.value.models.flatMap(m => (isValid(m) ? m.elements : []))
   const relations = [] as ast.Relation[]
   let el
@@ -299,13 +306,7 @@ export function* streamModel(doc: LikeC4LangiumDocument, isValid: ChecksFromDiag
       continue
     }
     if (el.body && el.body.elements.length > 0) {
-      for (const nested of el.body.elements) {
-        if (ast.isRelation(nested)) {
-          relations.push(nested)
-        } else {
-          traverseStack.push(nested)
-        }
-      }
+      traverseStack.push(...el.body.elements)
     }
     yield el
   }
@@ -320,12 +321,12 @@ export function resolveRelationPoints(node: ast.Relation): {
 } {
   const target = elementRef(node.target)
   if (!target) {
-    throw new RelationRefError('Invalid reference to target')
+    throw new Error('RelationRefError: Invalid reference to target')
   }
   if (isDefined(node.source)) {
     const source = elementRef(node.source)
     if (!source) {
-      throw new RelationRefError('Invalid reference to source')
+      throw new Error('RelationRefError: Invalid reference to source')
     }
     return {
       source,
@@ -333,7 +334,7 @@ export function resolveRelationPoints(node: ast.Relation): {
     }
   }
   if (!ast.isElementBody(node.$container)) {
-    throw new RelationRefError('Invalid container for sourceless relation')
+    throw new Error('RelationRefError: Invalid container for sourceless relation')
   }
   return {
     source: node.$container.$container,
@@ -346,12 +347,15 @@ export function parseAstOpacityProperty({ value }: ast.OpacityProperty): number
   return isNaN(opacity) ? 100 : clamp(opacity, { min: 0, max: 100 })
 }
 
-export function toElementStyle(props?: Array<ast.StyleProperty>) {
+export function toElementStyle(props: Array<ast.StyleProperty> | undefined, isValid: IsValidFn) {
   const result = {} as ParsedElementStyle
   if (!props || props.length === 0) {
     return result
   }
   for (const prop of props) {
+    if (!isValid(prop)) {
+      continue
+    }
     switch (true) {
       case ast.isBorderProperty(prop): {
         if (isTruthy(prop.value)) {
@@ -360,8 +364,9 @@ export function toElementStyle(props?: Array<ast.StyleProperty>) {
         break
       }
       case ast.isColorProperty(prop): {
-        if (isTruthy(prop.value)) {
-          result.color = prop.value
+        const color = toColor(prop)
+        if (isTruthy(color)) {
+          result.color = color
         }
         break
       }
@@ -392,7 +397,7 @@ export function toElementStyle(props?: Array<ast.StyleProperty>) {
 
 export function toRelationshipStyle(props?: ast.RelationshipStyleProperty[]) {
   const result = {} as {
-    color?: c4.ThemeColor
+    color?: c4.Color
     line?: c4.RelationshipLineType
     head?: c4.RelationshipArrowType
     tail?: c4.RelationshipArrowType
@@ -402,7 +407,10 @@ export function toRelationshipStyle(props?: ast.RelationshipStyleProperty[]) {
   }
   for (const prop of props) {
     if (ast.isColorProperty(prop)) {
-      result.color = prop.value
+      const color = toColor(prop)
+      if (isTruthy(color)) {
+        result.color = color
+      }
       continue
     }
     if (ast.isLineProperty(prop)) {
@@ -442,6 +450,10 @@ export function toRelationshipStyleExcludeDefaults(
   }
 }
 
+export function toColor(astNode: ast.ColorProperty): c4.Color | undefined {
+  return astNode?.themeColor ?? (astNode?.customColor?.$refText as (c4.HexColorLiteral | undefined))
+}
+
 export function toAutoLayout(
   direction: ast.ViewLayoutDirection
 ): c4.ViewRuleAutoLayout['autoLayout'] {

package/src/browser.ts

@@ -1,6 +1,5 @@
 import { startLanguageServer as startLanguim } from 'langium/lsp'
 import { BrowserMessageReader, BrowserMessageWriter, createConnection } from 'vscode-languageserver/browser'
-import { logToLspConnection } from './logger'
 import { createLanguageServices } from './module'
 
 // This is an example copied as is from here:
@@ -22,8 +21,6 @@ export function startLanguageServer() {
   // Start the language server with the shared services
   startLanguim(services.shared)
 
-  logToLspConnection(connection)
-
   return {
     ...services,
     connection,

package/src/elementRef.ts

@@ -1,4 +1,4 @@
-import { type c4 } from '@likec4/core'
+import type * as c4 from '@likec4/core'
 import type { ast } from './ast'
 /**
  * Returns referenced AST Element