ruru-components 2.0.0-alpha.1 → 2.0.0-alpha.2
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/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,17 @@
|
|
|
1
1
|
# ruru-components
|
|
2
2
|
|
|
3
|
+
## 2.0.0-alpha.2
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`2fe247f75`](https://github.com/benjie/postgraphile-private/commit/2fe247f751377e18b3d6809cba39a01aa1602dbc)
|
|
8
|
+
Thanks [@benjie](https://github.com/benjie)! - Added ability to download
|
|
9
|
+
mermaid plan diagram as SVG.
|
|
10
|
+
|
|
11
|
+
- [`7f857950a`](https://github.com/benjie/postgraphile-private/commit/7f857950a7e4ec763c936eb6bd1fb77824041d71)
|
|
12
|
+
Thanks [@benjie](https://github.com/benjie)! - Upgrade to the latest
|
|
13
|
+
TypeScript/tslib
|
|
14
|
+
|
|
3
15
|
## 2.0.0-alpha.1
|
|
4
16
|
|
|
5
17
|
### Patch Changes
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Explain.d.ts","sourceRoot":"","sources":["../../src/components/Explain.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Explain.d.ts","sourceRoot":"","sources":["../../src/components/Explain.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAIhC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAK7D,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC;IACvB,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1C,OAAO,EAAE,cAAc,CAAC;IACxB,OAAO,EAAE,cAAc,GAAG,IAAI,CAAC;CAChC,CA6BA,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC;IAC3B,OAAO,EAAE,cAAc,CAAC;IACxB,OAAO,EAAE,cAAc,CAAC;CACzB,CAwIA,CAAC"}
|
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.ExplainMain = exports.Explain = void 0;
|
|
4
|
+
const tslib_1 = require("tslib");
|
|
4
5
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
|
+
const mermaid_1 = tslib_1.__importDefault(require("mermaid"));
|
|
5
7
|
const react_1 = require("react");
|
|
6
8
|
const react_dom_1 = require("react-dom");
|
|
7
9
|
const Copy_js_1 = require("./Copy.js");
|
|
@@ -32,13 +34,35 @@ const ExplainMain = ({ results }) => {
|
|
|
32
34
|
document.body.removeChild(node);
|
|
33
35
|
};
|
|
34
36
|
}, [node]);
|
|
37
|
+
const [saving, setSaving] = (0, react_1.useState)(false);
|
|
38
|
+
const saveSVG = (0, react_1.useCallback)(() => {
|
|
39
|
+
if (!selectedResult || selectedResult.type !== "mermaid-js")
|
|
40
|
+
return;
|
|
41
|
+
setSaving(true);
|
|
42
|
+
setTimeout(() => {
|
|
43
|
+
mermaid_1.default.mermaidAPI.render("id1", selectedResult.diagram, (svg) => {
|
|
44
|
+
const file = new File([svg], "grafast-plan.svg");
|
|
45
|
+
const a = document.createElement("a");
|
|
46
|
+
a.href = URL.createObjectURL(file);
|
|
47
|
+
a.download = file.name;
|
|
48
|
+
a.style.display = "none";
|
|
49
|
+
document.body.appendChild(a);
|
|
50
|
+
a.click();
|
|
51
|
+
setSaving(false);
|
|
52
|
+
setTimeout(() => {
|
|
53
|
+
URL.revokeObjectURL(a.href);
|
|
54
|
+
a.parentNode.removeChild(a);
|
|
55
|
+
}, 0);
|
|
56
|
+
});
|
|
57
|
+
}, 0);
|
|
58
|
+
}, [selectedResult]);
|
|
35
59
|
const component = (() => {
|
|
36
60
|
switch (selectedResult?.type) {
|
|
37
61
|
case "sql": {
|
|
38
62
|
return ((0, jsx_runtime_1.jsxs)("div", { children: [selectedResult.explain ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("h4", { children: ["Result from SQL", " ", (0, jsx_runtime_1.jsx)("a", { href: "https://www.postgresql.org/docs/current/sql-explain.html", children: "EXPLAIN" }), " ", "on executed query:"] }), (0, jsx_runtime_1.jsx)("pre", { className: "explain-plan", children: (0, jsx_runtime_1.jsx)("code", { children: selectedResult.explain }) }), (0, jsx_runtime_1.jsx)(Copy_js_1.Copy, { text: selectedResult.explain, children: "Copy plan" })] })) : null, (0, jsx_runtime_1.jsx)("h4", { children: "Executed SQL query:" }), (0, jsx_runtime_1.jsx)(FormatSQL_js_1.FormatSQL, { sql: selectedResult.query }), (0, jsx_runtime_1.jsx)(Copy_js_1.Copy, { text: selectedResult.query, children: "Copy SQL" })] }));
|
|
39
63
|
}
|
|
40
64
|
case "mermaid-js": {
|
|
41
|
-
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Copy_js_1.Copy, { text: selectedResult.diagram, children: "Copy Mermaid.js Definition" }), (0, jsx_runtime_1.jsx)("div", { onClick: expand, children: (0, jsx_runtime_1.jsx)(Mermaid_js_1.Mermaid, { diagram: selectedResult.diagram }) }), expanded
|
|
65
|
+
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Copy_js_1.Copy, { text: selectedResult.diagram, children: "Copy Mermaid.js Definition" }), (0, jsx_runtime_1.jsx)("button", { onClick: saveSVG, disabled: saving, children: "Save Mermaid Diagram" }), (0, jsx_runtime_1.jsx)("div", { onClick: expand, children: (0, jsx_runtime_1.jsx)(Mermaid_js_1.Mermaid, { diagram: selectedResult.diagram }) }), expanded
|
|
42
66
|
? (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsxs)("div", { className: "explainExpandedContainer", children: [(0, jsx_runtime_1.jsx)("div", { className: "explainExpandedTitle", children: "Operation Plan" }), (0, jsx_runtime_1.jsx)("div", { className: "explainExpandedCloseContainer", children: (0, jsx_runtime_1.jsx)("button", { className: "explainExpandedCloseButton", onClick: () => setExpanded(false), children: "\u00D7" }) }), (0, jsx_runtime_1.jsx)("div", { className: "explainExpandedMain", children: (0, jsx_runtime_1.jsx)(Mermaid_js_1.Mermaid, { diagram: selectedResult.diagram }) })] }), node)
|
|
43
67
|
: null] }));
|
|
44
68
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Explain.js","sourceRoot":"","sources":["../../src/components/Explain.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Explain.js","sourceRoot":"","sources":["../../src/components/Explain.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Mermaid.js","sourceRoot":"","sources":["../../src/components/Mermaid.tsx"],"names":[],"mappings":";;;;;AAAA,8DAA8B;AAE9B,iCAAkC;
|
|
1
|
+
{"version":3,"file":"Mermaid.js","sourceRoot":"","sources":["../../src/components/Mermaid.tsx"],"names":[],"mappings":";;;;;AAAA,8DAA8B;AAE9B,iCAAkC;AAElC,iBAAO,CAAC,UAAU,CAAC;IACjB,WAAW,EAAE,IAAI;IACjB,WAAW,EAAE,OAAO;CACrB,CAAC,CAAC;AAEI,MAAM,OAAO,GAA4B,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE;IAC9D,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,OAAO,EAAE;YACX,iBAAO,CAAC,aAAa,EAAE,CAAC;SACzB;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IACd,OAAO,CACL,gCAAK,SAAS,EAAC,SAAS,YACrB,OAAO,IADoB,OAAO,CAE/B,CACP,CAAC;AACJ,CAAC,CAAC;AAXW,QAAA,OAAO,WAWlB"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "ruru-components",
|
|
3
|
-
"version": "2.0.0-alpha.
|
|
3
|
+
"version": "2.0.0-alpha.2",
|
|
4
4
|
"description": "Grafast-flavoured GraphiQL distribution; the underlying React components",
|
|
5
5
|
"main": "./dist/index.js",
|
|
6
6
|
"types": "./dist/index.d.ts",
|
|
@@ -46,7 +46,7 @@
|
|
|
46
46
|
"mermaid": "^8.14.0",
|
|
47
47
|
"react": ">=16 <17",
|
|
48
48
|
"react-dom": ">=16 <17",
|
|
49
|
-
"tslib": "^2.
|
|
49
|
+
"tslib": "^2.5.0"
|
|
50
50
|
},
|
|
51
51
|
"engines": {
|
|
52
52
|
"node": ">=16"
|
|
@@ -69,6 +69,6 @@
|
|
|
69
69
|
"graphql": "16.1.0-experimental-stream-defer.6",
|
|
70
70
|
"jest": "^28.1.3",
|
|
71
71
|
"nodemon": "^2.0.15",
|
|
72
|
-
"typescript": "^5.0.
|
|
72
|
+
"typescript": "^5.0.4"
|
|
73
73
|
}
|
|
74
74
|
}
|