likec4 1.7.4 → 1.8.1
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 +7 -10
- package/dist/__app__/react/likec4.tsx +14 -1
- package/dist/__app__/src/chunks/{likec4-DA506XqP.js → likec4-Blyd4UZO.js} +229 -209
- package/dist/__app__/src/chunks/{mantine-CIkjlE3R.js → mantine-BYr8JSNL.js} +502 -347
- package/dist/__app__/src/chunks/{tanstack-router-C3bHLsEH.js → tanstack-router-ma6rQsdz.js} +34 -125
- package/dist/__app__/src/const.js +3 -1
- package/dist/__app__/src/main.js +1607 -991
- package/dist/__app__/src/style.css +1 -1
- package/dist/__app__/webcomponent/webcomponent.js +1646 -906
- package/dist/cli/index.mjs +296 -229
- package/package.json +36 -33
- package/react/LikeC4ViewElement.d.ts +24 -1
- package/react/index.mjs +1383 -647
- package/react/types-filter.d.ts +1 -1
- package/react/types.d.ts +27 -0
- package/dist/__app__/tsconfig.tsbuildinfo +0 -1
package/README.md
CHANGED
|
@@ -33,25 +33,22 @@ You can reference it directly in the `package.json#scripts` object:
|
|
|
33
33
|
}
|
|
34
34
|
```
|
|
35
35
|
|
|
36
|
-
|
|
36
|
+
### Global installation
|
|
37
|
+
|
|
38
|
+
To use the CLI globally, you can call it with [`npx`](https://docs.npmjs.com/cli/v10/commands/npx):
|
|
37
39
|
|
|
38
40
|
```sh
|
|
39
|
-
npx likec4
|
|
41
|
+
npx likec4 [command]
|
|
40
42
|
```
|
|
41
43
|
|
|
42
|
-
### Global installation
|
|
43
|
-
|
|
44
44
|
If you want to use it in any arbitrary project without [`npx`](https://docs.npmjs.com/cli/v10/commands/npx), install it globally:
|
|
45
45
|
|
|
46
46
|
```sh
|
|
47
47
|
npm install --global likec4
|
|
48
|
-
```
|
|
49
|
-
|
|
50
|
-
Then, you can call `likec4` directly:
|
|
51
48
|
|
|
52
|
-
|
|
53
|
-
likec4
|
|
54
|
-
```
|
|
49
|
+
# Then, you can call `likec4` directly:
|
|
50
|
+
likec4 [command]
|
|
51
|
+
```
|
|
55
52
|
|
|
56
53
|
## Usage
|
|
57
54
|
|
|
@@ -35,6 +35,11 @@ export const LikeC4View = /* @__PURE__ */ memo<LikeC4ViewProps>(function LikeC4V
|
|
|
35
35
|
background = 'transparent',
|
|
36
36
|
browserBackground = 'dots',
|
|
37
37
|
where,
|
|
38
|
+
showElementLinks = true,
|
|
39
|
+
showDiagramTitle = false,
|
|
40
|
+
showNavigationButtons = false,
|
|
41
|
+
showNotations = false,
|
|
42
|
+
enableFocusMode = false,
|
|
38
43
|
...props
|
|
39
44
|
}) {
|
|
40
45
|
const view = LikeC4Views[viewId]
|
|
@@ -55,6 +60,10 @@ export const LikeC4View = /* @__PURE__ */ memo<LikeC4ViewProps>(function LikeC4V
|
|
|
55
60
|
throw new Error(`View with id ${browserViewId} not found`)
|
|
56
61
|
}
|
|
57
62
|
|
|
63
|
+
if (interactive && enableFocusMode) {
|
|
64
|
+
console.warn('Focus mode is not supported in interactive mode')
|
|
65
|
+
}
|
|
66
|
+
|
|
58
67
|
const colorScheme = useColorScheme(explicitColorScheme)
|
|
59
68
|
|
|
60
69
|
return (
|
|
@@ -66,7 +75,11 @@ export const LikeC4View = /* @__PURE__ */ memo<LikeC4ViewProps>(function LikeC4V
|
|
|
66
75
|
onNavigateTo={interactive ? onNavigateTo : undefined}
|
|
67
76
|
background={background}
|
|
68
77
|
renderIcon={RenderIcon}
|
|
69
|
-
showElementLinks={
|
|
78
|
+
showElementLinks={showElementLinks}
|
|
79
|
+
showDiagramTitle={showDiagramTitle}
|
|
80
|
+
showNavigationButtons={showNavigationButtons}
|
|
81
|
+
showNotations={showNotations}
|
|
82
|
+
enableFocusMode={enableFocusMode}
|
|
70
83
|
where={where}
|
|
71
84
|
{...props}
|
|
72
85
|
/>
|