@likec4/diagram 1.32.1 → 1.32.2
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.
- package/README.md +12 -5
- package/package.json +13 -13
- package/panda.buildinfo.json +1 -1
package/README.md
CHANGED
|
@@ -16,6 +16,7 @@ See:
|
|
|
16
16
|
|
|
17
17
|
Contents:
|
|
18
18
|
|
|
19
|
+
- [Model Provider](#model-provider)
|
|
19
20
|
- [Bundled Version](#bundled-version)
|
|
20
21
|
- [LikeC4View](#likec4view)
|
|
21
22
|
- [ReactLikeC4](#reactlikec4)
|
|
@@ -27,6 +28,13 @@ Contents:
|
|
|
27
28
|
- [Node renderer](#custom-node-renderer)
|
|
28
29
|
- [Styles](#custom-styles)
|
|
29
30
|
|
|
31
|
+
## Model Provider
|
|
32
|
+
|
|
33
|
+
Diagram requires instance of `LikeC4Model.Layouted` to render.\
|
|
34
|
+
You need to prepare it and wrap your diagram with`LikeC4ModelProvider` component.
|
|
35
|
+
|
|
36
|
+
See [📖 Documentation](https://likec4.dev/tooling/react/#likec4modelprovider) for examples.
|
|
37
|
+
|
|
30
38
|
## Bundled version
|
|
31
39
|
|
|
32
40
|
The easiest way to use this package is the bundled version.\
|
|
@@ -35,12 +43,11 @@ Diagram renders inside shadow DOM and has its own styles.
|
|
|
35
43
|
### LikeC4View
|
|
36
44
|
|
|
37
45
|
```tsx
|
|
38
|
-
import { LikeC4Model } from '@likec4/core/model'
|
|
39
46
|
import { LikeC4ModelProvider, LikeC4View } from '@likec4/diagram/bundle'
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
47
|
+
/**
|
|
48
|
+
* See https://likec4.dev/tooling/react/#likec4modelprovider
|
|
49
|
+
*/
|
|
50
|
+
import { likec4model } from './likec4-model.ts'
|
|
44
51
|
|
|
45
52
|
function App() {
|
|
46
53
|
return (
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@likec4/diagram",
|
|
3
|
-
"version": "1.32.
|
|
3
|
+
"version": "1.32.2",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"bugs": "https://github.com/likec4/likec4/issues",
|
|
6
6
|
"homepage": "https://likec4.dev",
|
|
@@ -80,37 +80,37 @@
|
|
|
80
80
|
"fast-equals": "^5.2.2",
|
|
81
81
|
"motion": "^12.12.2",
|
|
82
82
|
"nanostores": "1.0.1",
|
|
83
|
-
"react-error-boundary": "^
|
|
83
|
+
"react-error-boundary": "^6.0.0",
|
|
84
84
|
"react-shadow": "^20.6.0",
|
|
85
85
|
"remeda": "^2.23.0",
|
|
86
86
|
"type-fest": "^4.41.0",
|
|
87
87
|
"xstate": "^5.19.3",
|
|
88
|
-
"@likec4/
|
|
89
|
-
"@likec4/
|
|
90
|
-
"@likec4/
|
|
88
|
+
"@likec4/core": "1.32.2",
|
|
89
|
+
"@likec4/style-preset": "1.32.2",
|
|
90
|
+
"@likec4/styles": "1.32.2"
|
|
91
91
|
},
|
|
92
92
|
"peerDependencies": {
|
|
93
93
|
"react": "^18.x || ^19.x",
|
|
94
94
|
"react-dom": "^18.x || ^19.x"
|
|
95
95
|
},
|
|
96
96
|
"devDependencies": {
|
|
97
|
-
"@pandacss/dev": "^0.53.
|
|
97
|
+
"@pandacss/dev": "^0.53.7",
|
|
98
98
|
"@statelyai/inspect": "^0.4.0",
|
|
99
99
|
"@types/bezier-js": "^4.1.3",
|
|
100
100
|
"@types/d3-shape": "^3.1.7",
|
|
101
|
-
"@types/react": "
|
|
102
|
-
"@types/react-dom": "
|
|
101
|
+
"@types/react": "19.1.5",
|
|
102
|
+
"@types/react-dom": "19.1.5",
|
|
103
103
|
"@types/node": "~20.19.0",
|
|
104
|
-
"@vitejs/plugin-react": "^4.5.
|
|
105
|
-
"postcss": "
|
|
104
|
+
"@vitejs/plugin-react": "^4.5.2",
|
|
105
|
+
"postcss": "8.5.5",
|
|
106
106
|
"react": "^19.1.0",
|
|
107
107
|
"react-dom": "^19.1.0",
|
|
108
|
-
"typescript": "
|
|
108
|
+
"typescript": "5.8.3",
|
|
109
109
|
"vite": "^6.3.5",
|
|
110
110
|
"vite-plugin-dts": "^4.5.4",
|
|
111
111
|
"vitest": "3.2.3",
|
|
112
|
-
"wireit": "
|
|
113
|
-
"@likec4/tsconfig": "1.32.
|
|
112
|
+
"wireit": "0.14.12",
|
|
113
|
+
"@likec4/tsconfig": "1.32.2"
|
|
114
114
|
},
|
|
115
115
|
"scripts": {
|
|
116
116
|
"typecheck": "tsc --build --verbose",
|
package/panda.buildinfo.json
CHANGED