1 |
|
2 | const { db } = require('../db/db');
|
3 | const { style, fsw } = require('@sutton-signwriting/core');
|
4 | const fs = require('fs');
|
5 |
|
6 |
|
7 |
|
8 |
|
9 |
|
10 |
|
11 |
|
12 |
|
13 |
|
14 |
|
15 |
|
16 |
|
17 |
|
18 |
|
19 |
|
20 | const signSvgBody = async (fswSign) => {
|
21 | let parsed = fsw.parse.sign(fswSign);
|
22 | const blank = '';
|
23 | if (!parsed.spatials) return blank;
|
24 |
|
25 | const symlist = parsed.spatials.map((spatial) => spatial.symbol);
|
26 | const res= await db.query(`select symkey, svg, width, height from symbol where symkey in ("${symlist.join('","')}")`);
|
27 | const symbols = res.reduce((obj, row) => {
|
28 | obj[row.symkey] = row
|
29 | return obj;
|
30 | }, {})
|
31 |
|
32 | let styling = style.parse(parsed.style);
|
33 |
|
34 | if (styling.detailsym) {
|
35 | styling.detailsym.forEach(sym => {
|
36 | parsed.spatials[sym.index - 1].detail = sym.detail;
|
37 | })
|
38 | }
|
39 |
|
40 | let x1 = Math.min(...parsed.spatials.map(spatial => spatial.coord[0]));
|
41 | let y1 = Math.min(...parsed.spatials.map(spatial => spatial.coord[1]));
|
42 | let x2 = parsed.max[0];
|
43 | let y2 = parsed.max[1];
|
44 |
|
45 | let background = '';
|
46 | if (styling.padding) {
|
47 | x1 -= styling.padding;
|
48 | y1 -= styling.padding;
|
49 | x2 += styling.padding;
|
50 | y2 += styling.padding;
|
51 | }
|
52 | if (styling.background) {
|
53 | background = `\n <rect x="${x1}" y="${y1}" width="${x2 - x1}" height="${y2 - y1}" style="fill:${styling.background};" />`
|
54 | }
|
55 |
|
56 | let svg = ` <text font-size="0">${fswSign}</text>${background}`
|
57 |
|
58 | const line = styling.detail && styling.detail[0];
|
59 | const fill = styling.detail && styling.detail[1];
|
60 |
|
61 | svg += '\n' + parsed.spatials.map(spatial => {
|
62 | let svg = symbols[spatial.symbol] ? symbols[spatial.symbol].svg : '';
|
63 |
|
64 | let symLine = line;
|
65 | if (spatial.detail) {
|
66 | symLine = spatial.detail[0];
|
67 | } else if (styling.colorize) {
|
68 | symLine = fsw.colorize(spatial.symbol);
|
69 | }
|
70 | if (symLine) {
|
71 | svg = svg.replace(/class="sym-line"/, `class="sym-line" fill="${symLine}"`);
|
72 | }
|
73 |
|
74 | let symFill = fill;
|
75 | if (spatial.detail && spatial.detail[1]) {
|
76 | symFill = spatial.detail[1];
|
77 | }
|
78 | if (symFill) {
|
79 | svg = svg.replace(/class="sym-fill" fill="#ffffff"/, `class="sym-fill" fill="${symFill}"`);
|
80 | }
|
81 |
|
82 | return ` <svg x="${spatial.coord[0]}" y="${spatial.coord[1]}">${svg}</svg>`;
|
83 |
|
84 | }).join('\n');
|
85 |
|
86 | return svg;
|
87 | }
|
88 |
|
89 |
|
90 |
|
91 |
|
92 |
|
93 |
|
94 |
|
95 |
|
96 |
|
97 |
|
98 |
|
99 |
|
100 |
|
101 |
|
102 |
|
103 | const signSvg = async (fswSign) => {
|
104 | let parsed = fsw.parse.sign(fswSign);
|
105 | const blank = '<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="1" height="1"></svg>';
|
106 | if (!parsed.spatials) return blank;
|
107 |
|
108 | let styling = style.parse(parsed.style);
|
109 |
|
110 | let x1 = Math.min(...parsed.spatials.map(spatial => spatial.coord[0]));
|
111 | let y1 = Math.min(...parsed.spatials.map(spatial => spatial.coord[1]));
|
112 | let x2 = parsed.max[0];
|
113 | let y2 = parsed.max[1];
|
114 |
|
115 | let classes = '';
|
116 | if (styling.classes) {
|
117 | classes = ` class="${styling.classes}"`
|
118 | }
|
119 | let id = '';
|
120 | if (styling.id) {
|
121 | id = ` id="${styling.id}"`
|
122 | }
|
123 |
|
124 | if (styling.padding) {
|
125 | x1 -= styling.padding;
|
126 | y1 -= styling.padding;
|
127 | x2 += styling.padding;
|
128 | y2 += styling.padding;
|
129 | }
|
130 |
|
131 | let sizing = '';
|
132 | if (styling.zoom != 'x') {
|
133 | sizing = ` width="${(x2 - x1) * (styling.zoom ? styling.zoom : 1)}" height="${(y2 - y1) * (styling.zoom ? styling.zoom : 1)}"`;
|
134 | }
|
135 |
|
136 | let svg = `<svg${classes}${id} version="1.1" xmlns="http://www.w3.org/2000/svg"${sizing} viewBox="${x1} ${y1} ${(x2 - x1)} ${(y2 - y1)}">
|
137 | `
|
138 |
|
139 | const body = await signSvgBody(fswSign);
|
140 |
|
141 | return svg + body + '\n</svg>'
|
142 | }
|
143 |
|
144 | if (require.main === module) {
|
145 | signSvg(process.argv[2]).then( res => {
|
146 | if (process.argv[3]) {
|
147 | fs.writeFileSync(process.argv[3], res)
|
148 | } else {
|
149 | console.log(res);
|
150 | }
|
151 | })
|
152 | } else {
|
153 | module.exports = { signSvgBody, signSvg }
|
154 | }
|