likec4

この問題は LikeC4 CLI 1.59.3 および 1.59.4 に影響します。@owner.a や @owner.b のようなインポートされた要素を接続すると、commonAncestor() がプロジェクト名前空間 @owner をモデル要素として誤って扱います。

暫定的な回避策: 両方の要素を実際の親要素の下に配置し、その親をインポートしてください。

owner/model.c4 内:

model {
  system platform {
    system a
    system b
  }
}

consumer/model.c4 内:

import { platform } from 'owner'

model {
  platform.a -> platform.b "Example relationship"
}

views {
  view example {
    include platform.a, platform.b
  }
}

恒久的な修正: packages/core/src/utils/fqn.ts で、単一の @namespace セグメントが祖先として返されないように commonAncestor() を更新します:

if (
  ancestor.length === 0 ||
  (ancestor.length === 1 && ancestor[0]!.startsWith('@'))
) {
  return null
}

パッチ適用済みのビルドを使用するか、PR "fix(core): ignore project namespace in commonAncestor of imported elements" を含むリリースにアップグレードしてください。次のコマンドで確認します:

npx likec4 validate --project consumer . --json

LikeC4 v1.59.4 以降にアップグレードしてください。このバグは、ビューの閉じ括弧の前にスタイル変更を挿入するように language-server で修正されました。アップグレード後は、周囲の views ブロックから重複した style ブロックを削除し、編集した dynamic view 内のルールのみを残してください。例:

dynamic view example {
  user -> app

  style app {
    shape mobile
  }
}

v1.59.3 での一時的な回避策として、ビジュアルエディターを使用する前に、style user {} のようなローカルスタイルルールを dynamic view 内に追加してください。これにより、その後のスタイル挿入はビュー内に保持されます。

値のグリッド列は 1fr を使用しており、これは minmax(auto, 1fr) に解決されます。white-space: nowrap がある場合、その最小幅はテキスト全体の幅になるため、列は値を切り捨てる代わりに拡張してしまいます。packages/diagram/src/overlays/element-details/ElementDetailsCard.tsx のグリッドを修正するには、値の列を minmax(0, 1fr) に変更します:

gridTemplateColumns: 'min-content minmax(0, 1fr)'

また、packages/diagram/src/overlays/element-details/MetadataValue.tsx のメタデータ値ラッパーに minWidth: 0 を追加し、切り捨てスタイルは維持します:

{
  minWidth: 0,
  overflow: 'hidden',
  textOverflow: 'ellipsis',
  whiteSpace: 'nowrap'
}

これにより、列がコンテンツ幅より小さく縮小できるようになり、長い値に対して scrollWidth > clientWidth が true になり、ホバーツールチップが有効になります。短い値は変更されません。この修正後にツールチップがダイアログの背景の後ろに表示される場合は、ポータルツールチップの z-index を <dialog> と背景より上に引き上げてください（#3256 に関連）。

これは LikeC4 1.59.3 におけるバグです: リレーションシップ kind のデフォルトの technology はダイナミックビューのステップに適用されますが、デフォルトの title は適用されません。修正 fix(core): apply relationship kind default title to dynamic view steps を含むリリースにアップグレードしてください。回避策として、ステップでタイトルを明示的に繰り返し指定してください:

gatewayService2 -[discover]-> discoveryServer ':8761'

明示的な ':8761' がない場合、修正版を使用するまでタイトルはレンダリングされません。

これは、エクスポートされたSPAが初期レンダリング時にURLの dynamic パラメータをデフォルトで diagram に設定し、ビューに設定された variant: sequence を上書きしてしまうために発生します。

一時的な回避策: エクスポートされたHTMLを明示的なクエリパラメータを付けて開きます:

index.html?dynamic=sequence

URLにすでにクエリ文字列が含まれている場合は、次のようにします:

index.html?...&dynamic=sequence

ローカルのシングルファイルエクスポートの場合は、例えば次のように開きます:

file:///absolute/path/to/index.html?dynamic=sequence

恒久的な修正: 「初期レンダリング時にdynamicビューのvariantを尊重する (respect dynamic view variant on initial render)」という修正を含むLikeC4リリースにアップグレードし、再ビルドします:

npx -y likec4@latest build -o "./html" --output-single-file