likec4 1.7.4 → 1.8.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (16) hide show
  1. package/README.md +7 -10
  2. package/dist/__app__/react/likec4.tsx +14 -1
  3. package/dist/__app__/src/chunks/{likec4-DA506XqP.js → likec4-Blyd4UZO.js} +229 -209
  4. package/dist/__app__/src/chunks/{mantine-CIkjlE3R.js → mantine-BYr8JSNL.js} +502 -347
  5. package/dist/__app__/src/chunks/{tanstack-router-C3bHLsEH.js → tanstack-router-ma6rQsdz.js} +34 -125
  6. package/dist/__app__/src/const.js +3 -1
  7. package/dist/__app__/src/main.js +1600 -986
  8. package/dist/__app__/src/style.css +1 -1
  9. package/dist/__app__/tsconfig.tsbuildinfo +1 -1
  10. package/dist/__app__/webcomponent/webcomponent.js +1640 -902
  11. package/dist/cli/index.mjs +299 -232
  12. package/package.json +28 -25
  13. package/react/LikeC4ViewElement.d.ts +24 -1
  14. package/react/index.mjs +1377 -643
  15. package/react/types-filter.d.ts +1 -1
  16. package/react/types.d.ts +27 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "likec4",
3
- "version": "1.7.4",
3
+ "version": "1.8.0",
4
4
  "license": "MIT",
5
5
  "homepage": "https://likec4.dev",
6
6
  "author": "Denis Davydkov <denis@davydkov.com>",
@@ -75,9 +75,10 @@
75
75
  "lint": "run -T eslint src/ --fix",
76
76
  "clean": "run -T rimraf dist app/dist dev/.export dev/dist node_modules/.vite",
77
77
  "dev": "tsx watch src/cli/index.ts serve dev",
78
- "dev:bigbank": "tsx watch src/cli/index.ts serve ../../apps/docs/src/components/bigbank",
79
- "dev:dynamic-view": "tsx watch src/cli/index.ts serve ../../apps/docs/src/components/dynamic-view",
80
- "dev:index-page": "tsx watch src/cli/index.ts serve ../../apps/docs/src/components/index-page",
78
+ "dev:docs:bigbank": "tsx watch src/cli/index.ts serve ../../apps/docs/src/components/bigbank",
79
+ "dev:docs:dynamic-view": "tsx watch src/cli/index.ts serve ../../apps/docs/src/components/dynamic-view",
80
+ "dev:docs:index-page": "tsx watch src/cli/index.ts serve ../../apps/docs/src/components/index-page",
81
+ "dev:docs:theme": "tsx watch src/cli/index.ts serve ../../apps/docs/src/components/likec4-theme",
81
82
  "dev:template": "tsx watch src/cli/index.ts serve ../create-likec4/template",
82
83
  "dev:example-cloud": "tsx watch src/cli/index.ts serve ../../examples/cloud-system",
83
84
  "dev:failed": "tsx watch src/cli/index.ts serve ../../examples/failed",
@@ -90,35 +91,35 @@
90
91
  "cli:export:json": "tsx src/cli/index.ts export json -o dev/export/likec4.json dev"
91
92
  },
92
93
  "dependencies": {
93
- "@hpcc-js/wasm": "2.18.2",
94
- "@nanostores/react": "0.7.2",
94
+ "@hpcc-js/wasm-graphviz": "1.2.0",
95
+ "@nanostores/react": "0.7.3",
95
96
  "@vitejs/plugin-react": "4.3.1",
96
- "nanostores": "0.10.3",
97
- "playwright": "1.46.0",
97
+ "nanostores": "0.11.2",
98
+ "playwright": "1.46.1",
98
99
  "react": "18.3.1",
99
100
  "react-dom": "18.3.1",
100
101
  "vite": "5.3.4",
101
102
  "yargs": "17.7.2"
102
103
  },
103
104
  "devDependencies": {
104
- "@fontsource/ibm-plex-sans": "^5.0.20",
105
- "@likec4/core": "1.7.4",
106
- "@likec4/diagram": "1.7.4",
107
- "@likec4/generators": "1.7.4",
108
- "@likec4/icons": "1.7.4",
109
- "@likec4/language-server": "1.7.4",
110
- "@likec4/layouts": "1.7.4",
111
- "@likec4/log": "1.7.4",
112
- "@likec4/tsconfig": "1.7.4",
105
+ "@fontsource/ibm-plex-sans": "^5.0.21",
106
+ "@likec4/core": "1.8.0",
107
+ "@likec4/diagram": "1.8.0",
108
+ "@likec4/generators": "1.8.0",
109
+ "@likec4/icons": "1.8.0",
110
+ "@likec4/language-server": "1.8.0",
111
+ "@likec4/layouts": "1.8.0",
112
+ "@likec4/log": "1.8.0",
113
+ "@likec4/tsconfig": "1.8.0",
113
114
  "@mantine/core": "7.11.2",
114
115
  "@mantine/hooks": "7.11.2",
115
116
  "@mantine/vanilla-extract": "7.11.2",
116
117
  "@react-hookz/web": "^24.0.4",
117
- "@tabler/icons-react": "^3.11.0",
118
+ "@tabler/icons-react": "^3.12.0",
118
119
  "@tanstack/react-router": "1.45.13",
119
120
  "@tanstack/router-cli": "1.45.13",
120
121
  "@tanstack/router-vite-plugin": "1.45.13",
121
- "@types/node": "^20.14.14",
122
+ "@types/node": "^20.16.1",
122
123
  "@types/prop-types": "^15.7.11",
123
124
  "@types/react": "18.3.3",
124
125
  "@types/react-dom": "18.3.0",
@@ -127,6 +128,8 @@
127
128
  "@vanilla-extract/css": "^1.15.3",
128
129
  "@vanilla-extract/dynamic": "^2.1.1",
129
130
  "@vanilla-extract/vite-plugin": "^4.0.13",
131
+ "@xyflow/react": "12.1.1",
132
+ "@xyflow/system": "0.0.39",
130
133
  "autoprefixer": "^10.4.20",
131
134
  "ci-info": "^3.9.0",
132
135
  "classnames": "^2.3.2",
@@ -134,9 +137,9 @@
134
137
  "esbuild": "^0.21.5",
135
138
  "esbuild-node-externals": "^1.14.0",
136
139
  "esm-env": "^1.0.0",
137
- "execa": "^9.3.0",
140
+ "execa": "^9.3.1",
138
141
  "fast-equals": "^5.0.1",
139
- "framer-motion": "^11.3.24",
142
+ "framer-motion": "^11.3.28",
140
143
  "get-port": "^7.1.0",
141
144
  "glob": "^11.0.0",
142
145
  "html-to-image": "^1.11.11",
@@ -146,17 +149,17 @@
146
149
  "npm-run-all2": "^6.2.2",
147
150
  "p-limit": "^6.1.0",
148
151
  "package-up": "^5.0.0",
149
- "picocolors": "^1.0.1",
150
152
  "postcss": "^8.4.41",
151
153
  "postcss-preset-mantine": "^1.17.0",
152
- "pretty-ms": "^9.0.0",
154
+ "pretty-ms": "^9.1.0",
153
155
  "react-error-boundary": "^4.0.13",
154
- "react-resizable-panels": "^2.0.23",
156
+ "react-resizable-panels": "^2.1.0",
155
157
  "react-shadow": "^20.5.0",
156
- "remeda": "^2.3.0",
158
+ "remeda": "^2.11.0",
157
159
  "string-hash": "^1.1.3",
158
160
  "strip-indent": "^4.0.0",
159
161
  "terser": "^5.31.5",
162
+ "tinyrainbow": "^1.2.0",
160
163
  "tsx": "~4.9.3",
161
164
  "type-fest": "^4.21.0",
162
165
  "typescript": "^5.5.4",
package/react/LikeC4ViewElement.d.ts CHANGED
@@ -26,8 +26,31 @@ export type LikeC4ViewElementProps<ViewId extends string, Tag extends string, Ki
26
26
  * By default, if icon is http:// or https://, it will be rendered as an image
27
27
  */
28
28
  renderIcon?: ElementIconRenderer | undefined;
29
+ /**
30
+ * Display hovercards with element links
31
+ * @default true
32
+ */
29
33
  showElementLinks?: boolean | undefined;
34
+ /**
35
+ * Display panel with diagram title / description
36
+ * @default false
37
+ */
38
+ showDiagramTitle?: boolean | undefined;
39
+ /**
40
+ * Show back/forward navigation buttons
41
+ * @default false
42
+ */
43
+ showNavigationButtons?: undefined | boolean;
44
+ /**
45
+ * Display notations of the view
46
+ * @default false
47
+ */
48
+ showNotations?: boolean | undefined;
49
+ /**
50
+ * If double click on a node should enable focus mode, i.e. highlight incoming/outgoing edges
51
+ * @default false
52
+ */
30
53
  enableFocusMode?: boolean | undefined;
31
54
  where?: WhereOperator<Tag, Kind> | undefined;
32
55
  };
33
- export declare function LikeC4ViewElement<ViewId extends string, Tag extends string, Kind extends string>({ onNavigateTo: _onNavigateTo, className, view, injectFontCss, colorScheme, background, renderIcon, showElementLinks, enableFocusMode, where, ...props }: LikeC4ViewElementProps<ViewId, Tag, Kind>): import("react/jsx-runtime").JSX.Element;
56
+ export declare function LikeC4ViewElement<ViewId extends string, Tag extends string, Kind extends string>({ onNavigateTo: _onNavigateTo, className, view, injectFontCss, colorScheme, background, renderIcon, showDiagramTitle, showElementLinks, showNavigationButtons, enableFocusMode, showNotations, where, ...props }: LikeC4ViewElementProps<ViewId, Tag, Kind>): import("react/jsx-runtime").JSX.Element;