forkless/mermaid-live-editor
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request #1771 from mermaid-js/release-promotion

Browse Source 
Release live editor
This commit is contained in:
Sidharth Vinod
2025-08-04 12:39:10 +05:30
committed by GitHub
parent 4815504c13 19b82c3d44
commit 425253bb52
7 changed files with 35 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files
.github/workflows/tests.yml
+1
View File
@@ -5,6 +5,7 @@ on:
branches:
- master
- develop
merge_group:
jobs:
playwright:
.github/workflows/unit-tests.yml
+1
View File
@@ -5,6 +5,7 @@ on:
branches:
- master
- develop
merge_group:
jobs:
unit-tests:
package.json
+1 -1
View File
@@ -98,7 +98,7 @@
"hammerjs": "^2.0.8",
"js-base64": "3.7.7",
"lodash-es": "^4.17.21",
"mermaid": "^11.8.1",
"mermaid": "^11.9.0",
"mode-watcher": "^0.5.1",
"monaco-editor": "0.52.2",
"pako": "2.1.0",
pnpm-lock.yaml
Generated
+24 -24
View File
@@ -37,10 +37,10 @@ importers:
version: 6.1.4(@codemirror/language@6.11.0)(@codemirror/state@6.5.2)(@codemirror/view@6.36.7)(@lezer/highlight@1.2.1)
'@mermaid-js/layout-elk':
specifier: ^0.1.8
version: 0.1.8(mermaid@11.8.1)
version: 0.1.8(mermaid@11.9.0)
'@mermaid-js/mermaid-zenuml':
specifier: ^0.2.1
version: 0.2.1(mermaid@11.8.1)
version: 0.2.1(mermaid@11.9.0)
codemirror:
specifier: ^6.0.1
version: 6.0.1
@@ -57,8 +57,8 @@ importers:
specifier: ^4.17.21
version: 4.17.21
mermaid:
specifier: ^11.8.1
version: 11.8.1
specifier: ^11.9.0
version: 11.9.0
mode-watcher:
specifier: ^0.5.1
version: 0.5.1(svelte@5.28.2)
@@ -706,8 +706,8 @@ packages:
peerDependencies:
mermaid: ^10 || ^11
'@mermaid-js/parser@0.6.1':
resolution: {integrity: sha512-lCQNpV8R4lgsGcjX5667UiuDLk2micCtjtxR1YKbBXvN5w2v+FeLYoHrTSSrjwXdMcDYvE4ZBPvKT31dfeSmmA==}
'@mermaid-js/parser@0.6.2':
resolution: {integrity: sha512-+PO02uGF6L6Cs0Bw8RpGhikVvMWEysfAyl27qTlroUB8jSWr1lL0Sf6zi78ZxlSnmgSY2AMMKVgghnN9jTtwkQ==}
'@nodelib/fs.scandir@2.1.5':
resolution: {integrity: sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==}
@@ -2406,8 +2406,8 @@ packages:
json-stable-stringify-without-jsonify@1.0.1:
resolution: {integrity: sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==}
katex@0.16.21:
resolution: {integrity: sha512-XvqR7FgOHtWupfMiigNzmh+MgUVmDGU2kXZm899ZkPfcuoPuFxyHmXsgATDpFZDAXCI8tvinaVcDo8PIIJSo4A==}
katex@0.16.22:
resolution: {integrity: sha512-XCHRdUw4lf3SKBaJe4EvgqIuWwkPSo9XoeO8GjQW94Bp7TWv9hNhzZjZ+OH9yf1UmLygb7DIT5GSFQiyt16zYg==}
hasBin: true
keyv@4.5.4:
@@ -2515,9 +2515,9 @@ packages:
resolution: {integrity: sha512-hXdUTZYIVOt1Ex//jAQi+wTZZpUpwBj/0QsOzqegb3rGMMeJiSEu5xLHnYfBrRV4RH2+OCSOO95Is/7x1WJ4bw==}
engines: {node: '>=10'}
marked@15.0.7:
resolution: {integrity: sha512-dgLIeKGLx5FwziAnsk4ONoGwHwGPJzselimvlVskE9XLN4Orv9u2VA3GWw/lYUqjfA0rUT/6fqKwfZJapP9BEg==}
engines: {node: '>= 18'}
marked@16.1.1:
resolution: {integrity: sha512-ij/2lXfCRT71L6u0M29tJPhP0bM5shLL3u5BePhFwPELj2blMJ6GDtD7PfJhRLhJ/c2UwrK17ySVcDzy2YHjHQ==}
engines: {node: '>= 20'}
hasBin: true
marked@4.3.0:
@@ -2542,8 +2542,8 @@ packages:
resolution: {integrity: sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==}
engines: {node: '>= 8'}
mermaid@11.8.1:
resolution: {integrity: sha512-VSXJLqP1Sqw5sGr273mhvpPRhXwE6NlmMSqBZQw+yZJoAJkOIPPn/uT3teeCBx60Fkt5zEI3FrH2eVT0jXRDzw==}
mermaid@11.9.0:
resolution: {integrity: sha512-YdPXn9slEwO0omQfQIsW6vS84weVQftIyyTGAZCwM//MGhPzL1+l6vO6bkf0wnP4tHigH1alZ5Ooy3HXI2gOag==}
micromatch@4.0.8:
resolution: {integrity: sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==}
@@ -4409,21 +4409,21 @@ snapshots:
'@marijn/find-cluster-break@1.0.2': {}
'@mermaid-js/layout-elk@0.1.8(mermaid@11.8.1)':
'@mermaid-js/layout-elk@0.1.8(mermaid@11.9.0)':
dependencies:
d3: 7.9.0
elkjs: 0.9.3
mermaid: 11.8.1
mermaid: 11.9.0
'@mermaid-js/mermaid-zenuml@0.2.1(mermaid@11.8.1)':
'@mermaid-js/mermaid-zenuml@0.2.1(mermaid@11.9.0)':
dependencies:
'@zenuml/core': 3.32.4
mermaid: 11.8.1
mermaid: 11.9.0
transitivePeerDependencies:
- '@types/react'
- ts-node
'@mermaid-js/parser@0.6.1':
'@mermaid-js/parser@0.6.2':
dependencies:
langium: 3.3.1
@@ -6318,7 +6318,7 @@ snapshots:
json-stable-stringify-without-jsonify@1.0.1: {}
katex@0.16.21:
katex@0.16.22:
dependencies:
commander: 8.3.0
@@ -6439,7 +6439,7 @@ snapshots:
dependencies:
semver: 7.7.1
marked@15.0.7: {}
marked@16.1.1: {}
marked@4.3.0: {}
@@ -6453,11 +6453,11 @@ snapshots:
merge2@1.4.1: {}
mermaid@11.8.1:
mermaid@11.9.0:
dependencies:
'@braintree/sanitize-url': 7.1.1
'@iconify/utils': 2.3.0
'@mermaid-js/parser': 0.6.1
'@mermaid-js/parser': 0.6.2
'@types/d3': 7.4.3
cytoscape: 3.31.1
cytoscape-cose-bilkent: 4.1.0(cytoscape@3.31.1)
@@ -6467,10 +6467,10 @@ snapshots:
dagre-d3-es: 7.0.11
dayjs: 1.11.13
dompurify: 3.2.6
katex: 0.16.21
katex: 0.16.22
khroma: 2.1.0
lodash-es: 4.17.21
marked: 15.0.7
marked: 16.1.1
roughjs: 4.6.6
stylis: 4.3.6
ts-dedent: 2.2.0
src/lib/components/DesktopEditor.svelte
+2
View File
@@ -110,6 +110,8 @@
unsubscribeState();
unsubscribeMode();
resizeObserver.disconnect();
jsonModel.dispose();
mermaidModel.dispose();
editor?.dispose();
};
});
src/lib/util/state.ts
+6 -4
View File
@@ -132,10 +132,12 @@ export const stateStore: Readable<ValidatedState> = derived(
export const urlsStore = derived([stateStore], ([{ code, serialized }]) => {
const { krokiRendererUrl, rendererUrl } = env;
const png = `${rendererUrl}/img/${serialized}?type=png`;
const png = rendererUrl ? `${rendererUrl}/img/${serialized}?type=png` : '';
return {
kroki: `${krokiRendererUrl}/mermaid/svg/${pakoSerde.serialize(code)}`,
mdCode: `[![](${png})](${window.location.protocol}//${window.location.host}${window.location.pathname}#${serialized})`,
kroki: krokiRendererUrl ? `${krokiRendererUrl}/mermaid/svg/${pakoSerde.serialize(code)}` : '',
mdCode: png
? `[![](${png})](${window.location.protocol}//${window.location.host}${window.location.pathname}#${serialized})`
: '',
mermaidChart: ({
medium
}: {
@@ -154,7 +156,7 @@ export const urlsStore = derived([stateStore], ([{ code, serialized }]) => {
},
new: `${window.location.protocol}//${window.location.host}${window.location.pathname}#${serializeState(defaultState)}`,
png,
svg: `${rendererUrl}/svg/${serialized}`,
svg: rendererUrl ? `${rendererUrl}/svg/${serialized}` : '',
view: `/view#${serialized}`
};
});
src/routes/+layout.js → src/routes/+layout.ts
View File