1 // ER diagram description parser
4 constructor(description
, output
, image
)
7 this.inheritances
= [ ];
8 this.associations
= [ ];
10 this.mcdParsing(description
);
12 this.output
= output
|| "graph";
13 this.image
= image
|| "svg";
16 static CARDINAL(symbol
)
18 let res
= { "*": "0,n", "+": "1,n", "?": "0,1", "1": "1,1" } [ symbol
[0] ];
19 if (symbol
.length
>= 2)
22 res
= '(' + res
+ ')';
23 else if (['>','<'].includes(symbol
[1]))
29 ///////////////////////////////
30 // PARSING STAGE 1: text to MCD
31 ///////////////////////////////
33 // Parse a textual description into a json object
36 let lines
= text
.split("\n");
37 lines
.push(""); //easier parsing: always empty line at the end
39 for (let i
=0; i
< lines
.length
; i
++)
41 lines
[i
] = lines
[i
].trim();
43 if (lines
[i
].length
== 0)
45 if (start
>= 0) //there is some group of lines to parse
47 this.parseThing(lines
, start
, i
);
51 else //not empty line: just register starting point
59 // Parse a group of lines into entity, association, ...
60 parseThing(lines
, start
, end
) //start included, end excluded
62 switch (lines
[start
].charAt(0))
65 // Entity = { name: { attributes, [weak] } }
66 let name
= lines
[start
].match(/[^\[\]"\s]+/)[0];
67 let entity
= { attributes: this.parseAttributes(lines
, start
+1, end
) };
68 if (lines
[start
].charAt(1) == '[')
70 this.entities
[name
] = entity
;
72 case 'i': //inheritance (arrows)
73 this.inheritances
= this.inheritances
.concat(this.parseInheritance(lines
, start
+1, end
));
75 case '{': //association
76 // Association = { [name], [attributes], [weak], entities: ArrayOf entity indices }
77 let relationship
= { };
78 let nameRes
= lines
[start
].match(/[^{}"\s]+/);
80 relationship
.name
= nameRes
[0];
81 if (lines
[start
].charAt(1) == '{')
82 relationship
.weak
= true;
83 this.associations
.push(Object
.assign({}, relationship
, this.parseAssociation(lines
, start
+1, end
)));
88 // attributes: ArrayOf {name, [isKey], [type], [qualifiers]}
89 parseAttributes(lines
, start
, end
)
92 for (let i
=start
; i
<end
; i
++)
96 if (line
.charAt(0) == '+')
101 field
.name
= line
.match(/[^"\s]+/)[0];
102 let sqlClues
= line
.substring(field
.name
.length
).trim();
103 if (sqlClues
.length
> 0)
105 field
.type
= sqlClues
.match(/[^\s]+/)[0]; //type is always the first indication (mandatory)
106 field
.qualifiers
= sqlClues
.substring(field
.type
.length
);
108 attributes
.push(field
);
113 // GroupOf Inheritance: { parent, children: ArrayOf entity indices }
114 parseInheritance(lines
, start
, end
)
116 let inheritance
= [];
117 for (let i
=start
; i
<end
; i
++)
119 let lineParts
= lines
[i
].split(" ");
121 for (let j
=1; j
<lineParts
.length
; j
++)
122 children
.push(lineParts
[j
]);
123 inheritance
.push({ parent:lineParts
[0], children: children
});
128 // Association (parsed here): {
129 // entities: ArrayOf entity names + cardinality,
130 // [attributes: ArrayOf {name, [isKey], [type], [qualifiers]}]
132 parseAssociation(lines
, start
, end
)
139 if (lines
[i
].charAt(0) == '-')
141 assoce
.attributes
= this.parseAttributes(lines
, i
+1, end
);
146 // Read entity name + cardinality
147 let lineParts
= lines
[i
].split(" ");
148 entities
.push({ name:lineParts
[0], card:lineParts
[1] });
152 assoce
.entities
= entities
;
156 //////////////////////////////
157 // PARSING STAGE 2: MCD to MLD
158 //////////////////////////////
160 // From entities + relationships to tables
163 // Pass 1: initialize tables
164 Object
.keys(this.entities
).forEach( name
=> {
165 let newTable
= [ ]; //array of fields
166 this.entities
[name
].attributes
.forEach( attr
=> {
172 if (!!attr
.qualifiers
&& !!attr
.qualifiers
.match(/references/i))
174 Object
.assign(newField
, {ref: attr
.qualifiers
.match(/references ([^\s
]+)/i
)[1]});
175 newField
.qualifiers
= attr
.qualifiers
.replace(/references
[^\s
]+/i
, "");
177 newTable
.push(newField
);
179 this.tables
[name
] = newTable
;
181 // Add foreign keys information for children (inheritance). TODO: allow several levels
182 // NOTE: modelisation assume each child has its own table, refering parent (other options exist)
183 this.inheritances
.forEach( inh
=> {
184 let idx
= this.tables
[inh
.parent
].findIndex( item
=> { return item
.isKey
; });
185 inh
.children
.forEach( c
=> {
186 this.tables
[c
].push({
187 name: inh
.parent
+ "_id",
188 type: this.tables
[inh
.parent
][idx
].type
,
190 qualifiers: this.tables
[inh
.parent
][idx
].qualifiers
|| "",
191 ref: inh
.parent
+ "(" + this.tables
[inh
.parent
][idx
].name
+ ")",
195 // Pass 2: parse associations, add foreign keys when cardinality is 0,1 or 1,1
196 this.associations
.forEach( a
=> {
197 let newTableAttrs
= [ ];
198 let hasZeroOne
= false;
199 a
.entities
.forEach( e
=> {
200 if (['?','1'].includes(e
.card
[0]))
203 // Foreign key apparition (for each entity in association minus current one, for each identifying attribute)
204 a
.entities
.forEach( e2
=> {
205 if (e2
.name
== e
.name
)
207 this.entities
[e2
.name
].attributes
.forEach( attr
=> {
210 // For "weak tables", foreign keys become part of the key
211 const isKey
= e
.card
.length
>= 2 && e
.card
[1] == 'R';
212 this.tables
[e
.name
].push({
214 name: e2
.name
+ "_" + attr
.name
,
216 qualifiers: !isKey
&& e
.card
[0]=='1' ? "not null" : "",
217 ref: e2
.name
+ "(" + attr
.name
+ ")",
225 // Add all keys in current entity
226 let fields
= this.entities
[e
.name
].attributes
.filter( attr
=> { return attr
.isKey
; });
233 if (!hasZeroOne
&& newTableAttrs
.length
> 1)
235 // Ok, really create a new table
237 name: a
.name
|| newTableAttrs
.map( item
=> { return item
.entity
; }).join("_"),
240 newTableAttrs
.forEach( item
=> {
241 item
.fields
.forEach( f
=> {
242 newTable
.fields
.push({
243 name: item
.entity
+ "_" + f
.name
,
246 qualifiers: f
.qualifiers
|| "",
247 ref: item
.entity
+ "(" + f
.name
+ ")",
251 // Check for duplicates (in case of self-relationship), rename if needed
252 newTable
.fields
.forEach( (f
,i
) => {
253 const idx
= newTable
.fields
.findIndex( item
=> { return item
.name
== f
.name
; });
256 // Current field is a duplicate
258 let newName
= f
.name
+ suffix
;
259 while (newTable
.fields
.findIndex( item
=> { return item
.name
== newName
; }) >= 0)
262 newName
= f
.name
+ suffix
;
267 // Add relationship potential own attributes
268 (a
.attributes
|| [ ]).forEach( attr
=> {
269 newTable
.fields
.push({
273 qualifiers: attr
.qualifiers
,
276 this.tables
[newTable
.name
] = newTable
.fields
;
281 /////////////////////////////////
282 // DRAWING + GET SQL FROM PARSING
283 /////////////////////////////////
285 // "Modèle conceptuel des données". TODO: option for graph size
286 // NOTE: randomizing helps to obtain better graphs (sometimes)
287 drawMcd(id
, mcdStyle
) //mcdStyle: bubble, or compact
289 let element
= document
.getElementById(id
);
290 mcdStyle
= mcdStyle
|| "compact";
291 // Build dot graph input
292 let mcdDot
= 'graph {\n';
293 mcdDot
+= 'rankdir="LR";\n';
295 if (mcdStyle
== "compact")
296 mcdDot
+= 'node [shape=plaintext];\n';
297 _
.shuffle(Object
.keys(this.entities
)).forEach( name
=> {
298 if (mcdStyle
== "bubble")
300 mcdDot
+= '"' + name
+ '" [shape=rectangle, label="' + name
+ '"';
301 if (this.entities
[name
].weak
)
302 mcdDot
+= ', peripheries=2';
304 if (!!this.entities
[name
].attributes
)
306 this.entities
[name
].attributes
.forEach( a
=> {
307 let label
= (a
.isKey
? '#' : '') + a
.name
;
308 let attrName
= name
+ '_' + a
.name
;
309 mcdDot
+= '"' + attrName
+ '" [shape=ellipse, label="' + label
+ '"];\n';
310 if (Math
.random() < 0.5)
311 mcdDot
+= '"' + attrName
+ '" -- "' + name
+ '";\n';
313 mcdDot
+= '"' + name
+ '" -- "' + attrName
+ '";\n';
319 mcdDot
+= '"' + name
+ '" [label=<';
320 if (this.entities
[name
].weak
)
322 mcdDot
+= '<table port="name" BORDER="1" ALIGN="LEFT" CELLPADDING="0" CELLSPACING="3" CELLBORDER="0">' +
323 '<tr><td><table BORDER="1" ALIGN="LEFT" CELLPADDING="5" CELLSPACING="0">\n';
326 mcdDot
+= '<table port="name" BORDER="1" ALIGN="LEFT" CELLPADDING="5" CELLSPACING="0">\n';
327 mcdDot
+= '<tr><td BGCOLOR="#ae7d4e" BORDER="0"><font COLOR="#FFFFFF">' + name
+ '</font></td></tr>\n';
328 if (!!this.entities
[name
].attributes
)
330 this.entities
[name
].attributes
.forEach( a
=> {
331 let label
= (a
.isKey
? '<u>' : '') + a
.name
+ (a
.isKey
? '</u>' : '');
332 mcdDot
+= '<tr><td BGCOLOR="#FFFFFF" BORDER="0" ALIGN="LEFT"><font COLOR="#000000" >' + label
+ '</font></td></tr>\n';
335 mcdDot
+= '</table>';
336 if (this.entities
[name
].weak
)
337 mcdDot
+= '</td></tr></table>';
342 _
.shuffle(this.inheritances
).forEach( i
=> {
343 // TODO: node shape = triangle fill yellow. See
344 // https://merise.developpez.com/faq/?page=MCD#CIF-ou-dependance-fonctionnelle-de-A-a-Z
345 // https://merise.developpez.com/faq/?page=MLD#Comment-transformer-un-MCD-en-MLD
346 // https://www.developpez.net/forums/d1088964/general-developpement/alm/modelisation/structure-agregation-l-association-d-association/
347 _
.shuffle(i
.children
).forEach( c
=> {
348 if (Math
.random() < 0.5)
349 mcdDot
+= '"' + c
+ '":name -- "' + i
.parent
+ '":name [dir="forward",arrowhead="vee",';
351 mcdDot
+= '"' + i
.parent
+ '":name -- "' + c
+ '":name [dir="back",arrowtail="vee",';
352 mcdDot
+= 'style="dashed"];\n';
356 if (mcdStyle
== "compact")
357 mcdDot
+= 'node [shape=rectangle, style=rounded];\n';
358 let assoceCounter
= 0;
359 _
.shuffle(this.associations
).forEach( a
=> {
360 let name
= a
.name
|| "_assoce" + assoceCounter
++;
361 if (mcdStyle
== "bubble")
363 mcdDot
+= '"' + name
+ '" [shape="diamond", style="filled", color="lightgrey", label="' + name
+ '"';
365 mcdDot
+= ', peripheries=2';
369 a
.attributes
.forEach( attr
=> {
370 let label
= (attr
.isKey
? '#' : '') + attr
.name
;
371 mcdDot
+= '"' + name
+ '_' + attr
.name
+ '" [shape=ellipse, label="' + label
+ '"];\n';
372 let attrName
= name
+ '_' + attr
.name
;
373 if (Math
.random() < 0.5)
374 mcdDot
+= '"' + attrName
+ '" -- "' + name
+ '";\n';
376 mcdDot
+= '"' + name
+ '" -- "' + attrName
+ '";\n';
382 let label
= '<' + name
+ '>';
385 a
.attributes
.forEach( attr
=> {
386 let attrLabel
= (attr
.isKey
? '#' : '') + attr
.name
;
387 label
+= '\\n' + attrLabel
;
390 mcdDot
+= '"' + name
+ '" [color="lightgrey", label="' + label
+ '"';
392 mcdDot
+= ', peripheries=2';
395 _
.shuffle(a
.entities
).forEach( e
=> {
396 if (Math
.random() < 0.5)
397 mcdDot
+= '"' + e
.name
+ '":name -- "' + name
+ '"';
399 mcdDot
+= '"' + name
+ '" -- "' + e
.name
+ '":name';
400 mcdDot
+= '[label="' + ErDiags
.CARDINAL(e
.card
) + '"];\n';
404 if (this.output
== "graph") //draw graph in element
405 element
.innerHTML
= "<img src='scripts/getGraph_" + this.image
+ ".php?dot=" + encodeURIComponent(mcdDot
) + "'/>";
406 else //output = "text": just show dot input
407 element
.innerHTML
= mcdDot
.replace(/</g,"<").replace(/>/g
,">");
410 // "Modèle logique des données", from MCD without anomalies
413 let element
= document
.getElementById(id
);
414 // Build dot graph input (assuming foreign keys not already present...)
415 let mldDot
= 'graph {\n';
416 mldDot
+= 'rankdir="LR";\n';
417 mldDot
+= 'node [shape=plaintext];\n';
419 _
.shuffle(Object
.keys(this.tables
)).forEach( name
=> {
420 mldDot
+= '"' + name
+ '" [label=<<table BORDER="1" ALIGN="LEFT" CELLPADDING="5" CELLSPACING="0">\n';
421 mldDot
+= '<tr><td BGCOLOR="#ae7d4e" BORDER="0"><font COLOR="#FFFFFF">' + name
+ '</font></td></tr>\n';
422 this.tables
[name
].forEach( f
=> {
423 let label
= (f
.isKey
? '<u>' : '') + (!!f
.ref
? '#' : '') + f
.name
+ (f
.isKey
? '</u>' : '');
424 mldDot
+= '<tr><td port="' + f
.name
+ '"' + ' BGCOLOR="#FFFFFF" BORDER="0" ALIGN="LEFT"><font COLOR="#000000" >' + label
+ '</font></td></tr>\n';
427 const refPort
= f
.ref
.slice(0,-1).replace('(',':');
428 if (Math
.random() < 0.5)
429 links
+= refPort
+ ' -- "' + name
+'":"'+f
.name
+ '" [dir="forward",arrowhead="dot"';
431 links
+= '"'+name
+'":"'+f
.name
+'" -- ' + refPort
+ ' [dir="back",arrowtail="dot"';
435 mldDot
+= '</table>>];\n';
437 mldDot
+= links
+ '\n';
439 if (this.output
== "graph")
440 element
.innerHTML
= "<img src='scripts/getGraph_" + this.image
+ ".php?dot=" + encodeURIComponent(mldDot
) + "'/>";
442 element
.innerHTML
= mldDot
.replace(/</g,"<").replace(/>/g
,">");
447 let element
= document
.getElementById(id
);
450 element
.innerHTML
= this.sqlText
;
454 Object
.keys(this.tables
).forEach( name
=> {
455 sqlText
+= "CREATE TABLE " + name
+ " (\n";
457 let foreignKey
= [ ];
458 this.tables
[name
].forEach( f
=> {
459 let type
= f
.type
|| (f
.isKey
? "INTEGER" : "TEXT");
461 foreignKey
.push({name: f
.name
, ref: f
.ref
});
462 sqlText
+= "\t" + f
.name
+ " " + type
+ " " + (f
.qualifiers
|| "") + ",\n";
464 key
+= (key
.length
>0 ? "," : "") + f
.name
;
466 sqlText
+= "\tPRIMARY KEY (" + key
+ ")";
467 foreignKey
.forEach( f
=> {
468 let refParts
= f
.ref
.split("(");
469 const table
= refParts
[0];
470 const field
= refParts
[1].slice(0,-1); //remove last parenthesis
471 sqlText
+= ",\n\tFOREIGN KEY (" + f
.name
+ ") REFERENCES " + table
+ "(" + field
+ ")";
475 this.sqlText
= sqlText
;
476 element
.innerHTML
= "<pre><code>" + sqlText
+ "</code></pre>";