likec4 1.7.3 → 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-B6zTvdIg.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 +1625 -1064
  8. package/dist/__app__/src/style.css +1 -1
  9. package/dist/__app__/tsconfig.tsbuildinfo +1 -1
  10. package/dist/__app__/webcomponent/webcomponent.js +1699 -945
  11. package/dist/cli/index.mjs +299 -232
  12. package/package.json +31 -25
  13. package/react/LikeC4ViewElement.d.ts +24 -1
  14. package/react/index.mjs +1436 -686
  15. package/react/types-filter.d.ts +1 -1
  16. package/react/types.d.ts +27 -0
package/package.json CHANGED
@@ -1,9 +1,12 @@
1
1
  {
2
2
  "name": "likec4",
3
- "version": "1.7.3",
3
+ "version": "1.8.0",
4
4
  "license": "MIT",
5
5
  "homepage": "https://likec4.dev",
6
6
  "author": "Denis Davydkov <denis@davydkov.com>",
7
+ "sponsor": {
8
+ "url": "https://github.com/sponsors/davydkov"
9
+ },
7
10
  "repository": {
8
11
  "type": "git",
9
12
  "url": "https://github.com/likec4/likec4.git",
@@ -72,9 +75,10 @@
72
75
  "lint": "run -T eslint src/ --fix",
73
76
  "clean": "run -T rimraf dist app/dist dev/.export dev/dist node_modules/.vite",
74
77
  "dev": "tsx watch src/cli/index.ts serve dev",
75
- "dev:bigbank": "tsx watch src/cli/index.ts serve ../../apps/docs/src/components/bigbank",
76
- "dev:dynamic-view": "tsx watch src/cli/index.ts serve ../../apps/docs/src/components/dynamic-view",
77
- "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",
78
82
  "dev:template": "tsx watch src/cli/index.ts serve ../create-likec4/template",
79
83
  "dev:example-cloud": "tsx watch src/cli/index.ts serve ../../examples/cloud-system",
80
84
  "dev:failed": "tsx watch src/cli/index.ts serve ../../examples/failed",
@@ -87,35 +91,35 @@
87
91
  "cli:export:json": "tsx src/cli/index.ts export json -o dev/export/likec4.json dev"
88
92
  },
89
93
  "dependencies": {
90
- "@hpcc-js/wasm": "2.18.2",
91
- "@nanostores/react": "0.7.2",
94
+ "@hpcc-js/wasm-graphviz": "1.2.0",
95
+ "@nanostores/react": "0.7.3",
92
96
  "@vitejs/plugin-react": "4.3.1",
93
- "nanostores": "0.10.3",
94
- "playwright": "1.46.0",
97
+ "nanostores": "0.11.2",
98
+ "playwright": "1.46.1",
95
99
  "react": "18.3.1",
96
100
  "react-dom": "18.3.1",
97
101
  "vite": "5.3.4",
98
102
  "yargs": "17.7.2"
99
103
  },
100
104
  "devDependencies": {
101
- "@fontsource/ibm-plex-sans": "^5.0.20",
102
- "@likec4/core": "1.7.3",
103
- "@likec4/diagram": "1.7.3",
104
- "@likec4/generators": "1.7.3",
105
- "@likec4/icons": "1.7.3",
106
- "@likec4/language-server": "1.7.3",
107
- "@likec4/layouts": "1.7.3",
108
- "@likec4/log": "1.7.3",
109
- "@likec4/tsconfig": "1.7.3",
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",
110
114
  "@mantine/core": "7.11.2",
111
115
  "@mantine/hooks": "7.11.2",
112
116
  "@mantine/vanilla-extract": "7.11.2",
113
117
  "@react-hookz/web": "^24.0.4",
114
- "@tabler/icons-react": "^3.11.0",
118
+ "@tabler/icons-react": "^3.12.0",
115
119
  "@tanstack/react-router": "1.45.13",
116
120
  "@tanstack/router-cli": "1.45.13",
117
121
  "@tanstack/router-vite-plugin": "1.45.13",
118
- "@types/node": "^20.14.14",
122
+ "@types/node": "^20.16.1",
119
123
  "@types/prop-types": "^15.7.11",
120
124
  "@types/react": "18.3.3",
121
125
  "@types/react-dom": "18.3.0",
@@ -124,6 +128,8 @@
124
128
  "@vanilla-extract/css": "^1.15.3",
125
129
  "@vanilla-extract/dynamic": "^2.1.1",
126
130
  "@vanilla-extract/vite-plugin": "^4.0.13",
131
+ "@xyflow/react": "12.1.1",
132
+ "@xyflow/system": "0.0.39",
127
133
  "autoprefixer": "^10.4.20",
128
134
  "ci-info": "^3.9.0",
129
135
  "classnames": "^2.3.2",
@@ -131,9 +137,9 @@
131
137
  "esbuild": "^0.21.5",
132
138
  "esbuild-node-externals": "^1.14.0",
133
139
  "esm-env": "^1.0.0",
134
- "execa": "^9.3.0",
140
+ "execa": "^9.3.1",
135
141
  "fast-equals": "^5.0.1",
136
- "framer-motion": "^11.3.24",
142
+ "framer-motion": "^11.3.28",
137
143
  "get-port": "^7.1.0",
138
144
  "glob": "^11.0.0",
139
145
  "html-to-image": "^1.11.11",
@@ -143,17 +149,17 @@
143
149
  "npm-run-all2": "^6.2.2",
144
150
  "p-limit": "^6.1.0",
145
151
  "package-up": "^5.0.0",
146
- "picocolors": "^1.0.1",
147
152
  "postcss": "^8.4.41",
148
153
  "postcss-preset-mantine": "^1.17.0",
149
- "pretty-ms": "^9.0.0",
154
+ "pretty-ms": "^9.1.0",
150
155
  "react-error-boundary": "^4.0.13",
151
- "react-resizable-panels": "^2.0.23",
156
+ "react-resizable-panels": "^2.1.0",
152
157
  "react-shadow": "^20.5.0",
153
- "remeda": "^2.3.0",
158
+ "remeda": "^2.11.0",
154
159
  "string-hash": "^1.1.3",
155
160
  "strip-indent": "^4.0.0",
156
161
  "terser": "^5.31.5",
162
+ "tinyrainbow": "^1.2.0",
157
163
  "tsx": "~4.9.3",
158
164
  "type-fest": "^4.21.0",
159
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;