marcel/mermaid
1
0
Fork 0
mirror of https://github.com/mermaid-js/mermaid.git synced 2025-08-23 10:16:43 +02:00
Code Issues Packages Projects Releases Wiki Activity

adding handDrawn cypress test

Browse Source
This commit is contained in:
Ashish Jain
2024-08-09 15:43:08 +02:00
parent 02eb8dacb6
commit 9b9f4ea704
21 changed files with 1086 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1060
cypress/integration/rendering/flowchart-handDrawn.spec.js Normal file
View File

File diff suppressed because it is too large Load Diff

16
packages/mermaid/src/rendering-util/rendering-elements/clusters.js
View File

@@ -11,7 +11,7 @@ import { createRoundedRectPathD } from './shapes/roundedRectPath.ts';
import { import {
styles2String, styles2String,
userNodeOverrides, userNodeOverrides,
} from '$root/rendering-util/rendering-elements/shapes/handDrawnStyles.js'; } from '$root/rendering-util/rendering-elements/shapes/handDrawnShapeStyles.js';
const rect = async (parent, node) => { const rect = async (parent, node) => {
log.info('Creating subgraph rect for ', node.id, node); log.info('Creating subgraph rect for ', node.id, node);
@@ -357,12 +357,12 @@ const shapes = {
divider, divider,
}; };
let clusterElems = new Map(); let clusterElems = {};
export const insertCluster = async (elem, node) => { export const insertCluster = (elem, node) => {
const shape = node.shape || 'rect'; const shape = node.shape || 'rect';
const cluster = await shapes[shape](elem, node); const cluster = shapes[shape](elem, node);
clusterElems.set(node.id, cluster); clusterElems[node.id] = cluster;
return cluster; return cluster;
}; };
export const getClusterTitleWidth = (elem, node) => { export const getClusterTitleWidth = (elem, node) => {
@@ -374,7 +374,7 @@ export const getClusterTitleWidth = (elem, node) => {
}; };
export const clear = () => { export const clear = () => {
clusterElems = new Map(); clusterElems = {};
}; };
export const positionCluster = (node) => { export const positionCluster = (node) => {
@@ -390,8 +390,8 @@ export const positionCluster = (node) => {
', ' + ', ' +
node?.height + node?.height +
')', ')',
clusterElems.get(node.id) clusterElems[node.id]
); );
const el = clusterElems.get(node.id); const el = clusterElems[node.id];
el.cluster.attr('transform', 'translate(' + node.x + ', ' + node.y + ')'); el.cluster.attr('transform', 'translate(' + node.x + ', ' + node.y + ')');
}; };

2
packages/mermaid/src/rendering-util/rendering-elements/shapes/choice.ts
View File

@@ -3,7 +3,7 @@ import type { Node } from '$root/rendering-util/types.d.ts';
import type { SVG } from '$root/diagram-api/types.js'; import type { SVG } from '$root/diagram-api/types.js';
// @ts-ignore TODO: Fix rough typings // @ts-ignore TODO: Fix rough typings
import rough from 'roughjs'; import rough from 'roughjs';
import { solidStateFill, styles2String } from './handDrawnStyles.js'; import { solidStateFill, styles2String } from './handDrawnShapeStyles.js';
import { getConfig } from '$root/diagram-api/diagramAPI.js'; import { getConfig } from '$root/diagram-api/diagramAPI.js';
export const choice = (parent: SVG, node: Node) => { export const choice = (parent: SVG, node: Node) => {

2
packages/mermaid/src/rendering-util/rendering-elements/shapes/circle.ts
View File

@@ -5,7 +5,7 @@ import type { Node } from '$root/rendering-util/types.d.ts';
import { import {
styles2String, styles2String,
userNodeOverrides, userNodeOverrides,
} from '$root/rendering-util/rendering-elements/shapes/handDrawnStyles.js'; } from '$root/rendering-util/rendering-elements/shapes/handDrawnShapeStyles.js';
import rough from 'roughjs'; import rough from 'roughjs';
export const circle = async (parent: SVGAElement, node: Node): Promise<SVGAElement> => { export const circle = async (parent: SVGAElement, node: Node): Promise<SVGAElement> => {

2
packages/mermaid/src/rendering-util/rendering-elements/shapes/cylinder.ts
View File

@@ -4,7 +4,7 @@ import type { Node } from '$root/rendering-util/types.d.ts';
import { import {
styles2String, styles2String,
userNodeOverrides, userNodeOverrides,
} from '$root/rendering-util/rendering-elements/shapes/handDrawnStyles.js'; } from '$root/rendering-util/rendering-elements/shapes/handDrawnShapeStyles.js';
import rough from 'roughjs'; import rough from 'roughjs';
export const createCylinderPathD = ( export const createCylinderPathD = (

2
packages/mermaid/src/rendering-util/rendering-elements/shapes/doubleCircle.ts
View File

@@ -5,7 +5,7 @@ import type { Node } from '$root/rendering-util/types.d.ts';
import { import {
styles2String, styles2String,
userNodeOverrides, userNodeOverrides,
} from '$root/rendering-util/rendering-elements/shapes/handDrawnStyles.js'; } from '$root/rendering-util/rendering-elements/shapes/handDrawnShapeStyles.js';
import rough from 'roughjs'; import rough from 'roughjs';
export const doublecircle = async (parent: SVGAElement, node: Node): Promise<SVGAElement> => { export const doublecircle = async (parent: SVGAElement, node: Node): Promise<SVGAElement> => {

2
packages/mermaid/src/rendering-util/rendering-elements/shapes/drawRect.ts
View File

@@ -5,7 +5,7 @@ import { createRoundedRectPathD } from './roundedRectPath.js';
import { import {
userNodeOverrides, userNodeOverrides,
styles2String, styles2String,
} from '$root/rendering-util/rendering-elements/shapes/handDrawnStyles.js'; } from '$root/rendering-util/rendering-elements/shapes/handDrawnShapeStyles.js';
import rough from 'roughjs'; import rough from 'roughjs';
export const drawRect = async (parent: SVGAElement, node: Node, options: RectOptions) => { export const drawRect = async (parent: SVGAElement, node: Node, options: RectOptions) => {

2
packages/mermaid/src/rendering-util/rendering-elements/shapes/forkJoin.ts
View File

@@ -3,7 +3,7 @@ import intersect from '../intersect/index.js';
import type { Node } from '$root/rendering-util/types.d.ts'; import type { Node } from '$root/rendering-util/types.d.ts';
import type { SVG } from '$root/diagram-api/types.js'; import type { SVG } from '$root/diagram-api/types.js';
import rough from 'roughjs'; import rough from 'roughjs';
import { solidStateFill } from './handDrawnStyles.js'; import { solidStateFill } from './handDrawnShapeStyles.js';
import { getConfig } from '$root/diagram-api/diagramAPI.js'; import { getConfig } from '$root/diagram-api/diagramAPI.js';
export const forkJoin = (parent: SVG, node: Node, dir: string) => { export const forkJoin = (parent: SVG, node: Node, dir: string) => {

0
packages/mermaid/src/rendering-util/rendering-elements/shapes/handdrawnStyles.ts → packages/mermaid/src/rendering-util/rendering-elements/shapes/handDrawnShapeStyles.ts
View File

2
packages/mermaid/src/rendering-util/rendering-elements/shapes/hexagon.ts
View File

@@ -4,7 +4,7 @@ import type { Node } from '$root/rendering-util/types.d.ts';
import { import {
styles2String, styles2String,
userNodeOverrides, userNodeOverrides,
} from '$root/rendering-util/rendering-elements/shapes/handDrawnStyles.js'; } from '$root/rendering-util/rendering-elements/shapes/handDrawnShapeStyles.js';
import rough from 'roughjs'; import rough from 'roughjs';
import { insertPolygonShape } from './insertPolygonShape.js'; import { insertPolygonShape } from './insertPolygonShape.js';

2
packages/mermaid/src/rendering-util/rendering-elements/shapes/invertedTrapezoid.ts
View File

@@ -4,7 +4,7 @@ import type { Node } from '$root/rendering-util/types.d.ts';
import { import {
styles2String, styles2String,
userNodeOverrides, userNodeOverrides,
} from '$root/rendering-util/rendering-elements/shapes/handDrawnStyles.js'; } from '$root/rendering-util/rendering-elements/shapes/handDrawnShapeStyles.js';
import rough from 'roughjs'; import rough from 'roughjs';
import { insertPolygonShape } from './insertPolygonShape.js'; import { insertPolygonShape } from './insertPolygonShape.js';

2
packages/mermaid/src/rendering-util/rendering-elements/shapes/leanLeft.ts
View File

@@ -4,7 +4,7 @@ import type { Node } from '$root/rendering-util/types.d.ts';
import { import {
styles2String, styles2String,
userNodeOverrides, userNodeOverrides,
} from '$root/rendering-util/rendering-elements/shapes/handDrawnStyles.js'; } from '$root/rendering-util/rendering-elements/shapes/handDrawnShapeStyles.js';
import rough from 'roughjs'; import rough from 'roughjs';
import { insertPolygonShape } from './insertPolygonShape.js'; import { insertPolygonShape } from './insertPolygonShape.js';

2
packages/mermaid/src/rendering-util/rendering-elements/shapes/leanRight.ts
View File

@@ -4,7 +4,7 @@ import type { Node } from '$root/rendering-util/types.d.ts';
import { import {
styles2String, styles2String,
userNodeOverrides, userNodeOverrides,
} from '$root/rendering-util/rendering-elements/shapes/handDrawnStyles.js'; } from '$root/rendering-util/rendering-elements/shapes/handDrawnShapeStyles.js';
import rough from 'roughjs'; import rough from 'roughjs';
import { insertPolygonShape } from './insertPolygonShape.js'; import { insertPolygonShape } from './insertPolygonShape.js';

2
packages/mermaid/src/rendering-util/rendering-elements/shapes/question.ts
View File

@@ -5,7 +5,7 @@ import type { Node } from '$root/rendering-util/types.d.ts';
import { import {
styles2String, styles2String,
userNodeOverrides, userNodeOverrides,
} from '$root/rendering-util/rendering-elements/shapes/handDrawnStyles.js'; } from '$root/rendering-util/rendering-elements/shapes/handDrawnShapeStyles.js';
import rough from 'roughjs'; import rough from 'roughjs';
import { insertPolygonShape } from './insertPolygonShape.js'; import { insertPolygonShape } from './insertPolygonShape.js';

2
packages/mermaid/src/rendering-util/rendering-elements/shapes/rectLeftInvArrow.ts
View File

@@ -4,7 +4,7 @@ import type { Node } from '$root/rendering-util/types.d.ts';
import { import {
styles2String, styles2String,
userNodeOverrides, userNodeOverrides,
} from '$root/rendering-util/rendering-elements/shapes/handDrawnStyles.js'; } from '$root/rendering-util/rendering-elements/shapes/handDrawnShapeStyles.js';
import rough from 'roughjs'; import rough from 'roughjs';
import { insertPolygonShape } from './insertPolygonShape.js'; import { insertPolygonShape } from './insertPolygonShape.js';

2
packages/mermaid/src/rendering-util/rendering-elements/shapes/rectWithTitle.ts
View File

@@ -7,7 +7,7 @@ import intersect from '../intersect/index.js';
import { import {
styles2String, styles2String,
userNodeOverrides, userNodeOverrides,
} from '$root/rendering-util/rendering-elements/shapes/handDrawnStyles.js'; } from '$root/rendering-util/rendering-elements/shapes/handDrawnShapeStyles.js';
import rough from 'roughjs'; import rough from 'roughjs';
import { getConfig } from '$root/diagram-api/diagramAPI.js'; import { getConfig } from '$root/diagram-api/diagramAPI.js';
import { createRoundedRectPathD } from './roundedRectPath.js'; import { createRoundedRectPathD } from './roundedRectPath.js';

2
packages/mermaid/src/rendering-util/rendering-elements/shapes/stadium.ts
View File

@@ -4,7 +4,7 @@ import type { Node } from '$root/rendering-util/types.d.ts';
import { import {
styles2String, styles2String,
userNodeOverrides, userNodeOverrides,
} from '$root/rendering-util/rendering-elements/shapes/handDrawnStyles.js'; } from '$root/rendering-util/rendering-elements/shapes/handDrawnShapeStyles.js';
import rough from 'roughjs'; import rough from 'roughjs';
import { createRoundedRectPathD } from './roundedRectPath.js'; import { createRoundedRectPathD } from './roundedRectPath.js';

2
packages/mermaid/src/rendering-util/rendering-elements/shapes/stateEnd.ts
View File

@@ -3,7 +3,7 @@ import intersect from '../intersect/index.js';
import type { Node } from '$root/rendering-util/types.d.ts'; import type { Node } from '$root/rendering-util/types.d.ts';
import type { SVG } from '$root/diagram-api/types.js'; import type { SVG } from '$root/diagram-api/types.js';
import rough from 'roughjs'; import rough from 'roughjs';
import { solidStateFill } from './handDrawnStyles.js'; import { solidStateFill } from './handDrawnShapeStyles.js';
import { getConfig } from '$root/diagram-api/diagramAPI.js'; import { getConfig } from '$root/diagram-api/diagramAPI.js';
export const stateEnd = (parent: SVG, node: Node) => { export const stateEnd = (parent: SVG, node: Node) => {

2
packages/mermaid/src/rendering-util/rendering-elements/shapes/stateStart.ts
View File

@@ -3,7 +3,7 @@ import intersect from '../intersect/index.js';
import type { Node } from '$root/rendering-util/types.d.ts'; import type { Node } from '$root/rendering-util/types.d.ts';
import type { SVG } from '$root/diagram-api/types.js'; import type { SVG } from '$root/diagram-api/types.js';
import rough from 'roughjs'; import rough from 'roughjs';
import { solidStateFill } from './handDrawnStyles.js'; import { solidStateFill } from './handDrawnShapeStyles.js';
import { getConfig } from '$root/diagram-api/diagramAPI.js'; import { getConfig } from '$root/diagram-api/diagramAPI.js';
export const stateStart = (parent: SVG, node: Node) => { export const stateStart = (parent: SVG, node: Node) => {

2
packages/mermaid/src/rendering-util/rendering-elements/shapes/subroutine.ts
View File

@@ -4,7 +4,7 @@ import type { Node } from '$root/rendering-util/types.d.ts';
import { import {
styles2String, styles2String,
userNodeOverrides, userNodeOverrides,
} from '$root/rendering-util/rendering-elements/shapes/handDrawnStyles.js'; } from '$root/rendering-util/rendering-elements/shapes/handDrawnShapeStyles.js';
import rough from 'roughjs'; import rough from 'roughjs';
import { insertPolygonShape } from './insertPolygonShape.js'; import { insertPolygonShape } from './insertPolygonShape.js';

2
packages/mermaid/src/rendering-util/rendering-elements/shapes/trapezoid.ts
View File

@@ -4,7 +4,7 @@ import type { Node } from '$root/rendering-util/types.d.ts';
import { import {
styles2String, styles2String,
userNodeOverrides, userNodeOverrides,
} from '$root/rendering-util/rendering-elements/shapes/handDrawnStyles.js'; } from '$root/rendering-util/rendering-elements/shapes/handDrawnShapeStyles.js';
import rough from 'roughjs'; import rough from 'roughjs';
import { insertPolygonShape } from './insertPolygonShape.js'; import { insertPolygonShape } from './insertPolygonShape.js';