@myst-theme/diagrams 0.5.7 → 0.5.9
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/dist/index.d.ts.map +1 -0
- package/package.json +11 -10
- package/dist/cjs/index.d.ts.map +0 -1
- package/dist/cjs/index.js +0 -68
- package/dist/esm/index.d.ts +0 -7
- package/dist/esm/index.d.ts.map +0 -1
- package/dist/types/index.d.ts +0 -7
- package/dist/types/index.d.ts.map +0 -1
- /package/dist/{cjs/index.d.ts → index.d.ts} +0 -0
- /package/dist/{esm/index.js → index.js} +0 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAY1D,wBAAgB,eAAe,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAA;CAAE,2CA0B3E;AAED,eAAO,MAAM,mBAAmB,EAAE,YAEjC,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,25 +1,26 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@myst-theme/diagrams",
|
|
3
|
-
"version": "0.5.
|
|
4
|
-
"
|
|
5
|
-
"
|
|
6
|
-
"types": "dist/
|
|
3
|
+
"version": "0.5.9",
|
|
4
|
+
"type": "module",
|
|
5
|
+
"exports": "./dist/index.js",
|
|
6
|
+
"types": "./dist/index.d.ts",
|
|
7
7
|
"files": [
|
|
8
8
|
"dist"
|
|
9
9
|
],
|
|
10
|
+
"engines": {
|
|
11
|
+
"node": ">=16"
|
|
12
|
+
},
|
|
10
13
|
"license": "MIT",
|
|
11
14
|
"scripts": {
|
|
12
15
|
"clean": "rimraf dist",
|
|
13
|
-
"lint": "eslint \"src/**/*.ts*\" \"src/**/*.tsx\" -c ./.eslintrc.
|
|
16
|
+
"lint": "eslint \"src/**/*.ts*\" \"src/**/*.tsx\" -c ./.eslintrc.cjs",
|
|
14
17
|
"lint:format": "prettier --check \"src/**/*.{ts,tsx,md}\"",
|
|
15
18
|
"dev": "npm-run-all --parallel \"build:* -- --watch\"",
|
|
16
|
-
"build:
|
|
17
|
-
"build
|
|
18
|
-
"build:types": "tsc --declaration --emitDeclarationOnly --declarationMap --outDir dist/types",
|
|
19
|
-
"build": "npm-run-all -l clean -p build:cjs build:esm build:types"
|
|
19
|
+
"build:esm": "tsc",
|
|
20
|
+
"build": "npm-run-all -l clean -p build:esm"
|
|
20
21
|
},
|
|
21
22
|
"dependencies": {
|
|
22
|
-
"@myst-theme/providers": "^0.5.
|
|
23
|
+
"@myst-theme/providers": "^0.5.9",
|
|
23
24
|
"mermaid": "^9.3.0"
|
|
24
25
|
},
|
|
25
26
|
"peerDependencies": {
|
package/dist/cjs/index.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAY1D,wBAAgB,eAAe,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAA;CAAE,2CA0B3E;AAED,eAAO,MAAM,mBAAmB,EAAE,YAEjC,CAAC"}
|
package/dist/cjs/index.js
DELETED
|
@@ -1,68 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
-
if (mod && mod.__esModule) return mod;
|
|
20
|
-
var result = {};
|
|
21
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
-
__setModuleDefault(result, mod);
|
|
23
|
-
return result;
|
|
24
|
-
};
|
|
25
|
-
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
26
|
-
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
27
|
-
return new (P || (P = Promise))(function (resolve, reject) {
|
|
28
|
-
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|
29
|
-
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|
30
|
-
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
31
|
-
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
32
|
-
});
|
|
33
|
-
};
|
|
34
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
35
|
-
exports.MermaidNodeRenderer = exports.MermaidRenderer = void 0;
|
|
36
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
37
|
-
const react_1 = require("react");
|
|
38
|
-
function parse(id, text) {
|
|
39
|
-
return __awaiter(this, void 0, void 0, function* () {
|
|
40
|
-
const { default: mermaid } = yield Promise.resolve().then(() => __importStar(require('mermaid')));
|
|
41
|
-
return yield new Promise((resolve) => {
|
|
42
|
-
mermaid.render(id, text, (code) => {
|
|
43
|
-
resolve(code);
|
|
44
|
-
});
|
|
45
|
-
});
|
|
46
|
-
});
|
|
47
|
-
}
|
|
48
|
-
function MermaidRenderer({ id, value }) {
|
|
49
|
-
const [graph, setGraph] = (0, react_1.useState)();
|
|
50
|
-
const [error, setError] = (0, react_1.useState)();
|
|
51
|
-
(0, react_1.useEffect)(() => {
|
|
52
|
-
parse(id, value)
|
|
53
|
-
.then((svg) => {
|
|
54
|
-
setGraph(svg);
|
|
55
|
-
setError(undefined);
|
|
56
|
-
})
|
|
57
|
-
.catch((err) => {
|
|
58
|
-
setGraph(undefined);
|
|
59
|
-
setError(err);
|
|
60
|
-
});
|
|
61
|
-
}, []);
|
|
62
|
-
return ((0, jsx_runtime_1.jsxs)("figure", { className: "", children: [graph && (0, jsx_runtime_1.jsx)("div", { dangerouslySetInnerHTML: { __html: graph } }), error && ((0, jsx_runtime_1.jsxs)("pre", { children: ["Error parsing mermaid graph.", '\n\n', value] }))] }));
|
|
63
|
-
}
|
|
64
|
-
exports.MermaidRenderer = MermaidRenderer;
|
|
65
|
-
const MermaidNodeRenderer = ({ node }) => {
|
|
66
|
-
return (0, jsx_runtime_1.jsx)(MermaidRenderer, { id: node.key, value: node.value });
|
|
67
|
-
};
|
|
68
|
-
exports.MermaidNodeRenderer = MermaidNodeRenderer;
|
package/dist/esm/index.d.ts
DELETED
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import type { NodeRenderer } from '@myst-theme/providers';
|
|
2
|
-
export declare function MermaidRenderer({ id, value }: {
|
|
3
|
-
value: string;
|
|
4
|
-
id: string;
|
|
5
|
-
}): import("react/jsx-runtime").JSX.Element;
|
|
6
|
-
export declare const MermaidNodeRenderer: NodeRenderer;
|
|
7
|
-
//# sourceMappingURL=index.d.ts.map
|
package/dist/esm/index.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAY1D,wBAAgB,eAAe,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAA;CAAE,2CA0B3E;AAED,eAAO,MAAM,mBAAmB,EAAE,YAEjC,CAAC"}
|
package/dist/types/index.d.ts
DELETED
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import type { NodeRenderer } from '@myst-theme/providers';
|
|
2
|
-
export declare function MermaidRenderer({ id, value }: {
|
|
3
|
-
value: string;
|
|
4
|
-
id: string;
|
|
5
|
-
}): import("react/jsx-runtime").JSX.Element;
|
|
6
|
-
export declare const MermaidNodeRenderer: NodeRenderer;
|
|
7
|
-
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAY1D,wBAAgB,eAAe,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAA;CAAE,2CA0B3E;AAED,eAAO,MAAM,mBAAmB,EAAE,YAEjC,CAAC"}
|
|
File without changes
|
|
File without changes
|