myst-to-react 1.1.4 → 1.2.0
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/grid-item.d.ts +11 -0
- package/dist/grid-item.d.ts.map +1 -0
- package/dist/grid-item.js +25 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +2 -0
- package/dist/links/github.d.ts.map +1 -1
- package/dist/links/github.js +1 -1
- package/package.json +2 -2
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { NodeRenderer } from '@myst-theme/providers';
|
|
2
|
+
type GridItemSpec = {
|
|
3
|
+
type: 'grid-item';
|
|
4
|
+
columns: number;
|
|
5
|
+
};
|
|
6
|
+
export declare const GridItemRenderer: NodeRenderer<GridItemSpec>;
|
|
7
|
+
declare const GRID_ITEM_RENDERERS: {
|
|
8
|
+
'grid-item': NodeRenderer<GridItemSpec>;
|
|
9
|
+
};
|
|
10
|
+
export default GRID_ITEM_RENDERERS;
|
|
11
|
+
//# sourceMappingURL=grid-item.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"grid-item.d.ts","sourceRoot":"","sources":["../src/grid-item.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAG1D,KAAK,YAAY,GAAG;IAClB,IAAI,EAAE,WAAW,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAkBF,eAAO,MAAM,gBAAgB,EAAE,YAAY,CAAC,YAAY,CAavD,CAAC;AAEF,QAAA,MAAM,mBAAmB;;CAExB,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import classNames from 'classnames';
|
|
3
|
+
import { MyST } from './MyST.js';
|
|
4
|
+
// See styles/index.js for the list of col classes that we import
|
|
5
|
+
const colSpanClassNames = [
|
|
6
|
+
'col-span-1',
|
|
7
|
+
'col-span-2',
|
|
8
|
+
'col-span-3',
|
|
9
|
+
'col-span-4',
|
|
10
|
+
'col-span-5',
|
|
11
|
+
'col-span-6',
|
|
12
|
+
'col-span-7',
|
|
13
|
+
'col-span-8',
|
|
14
|
+
'col-span-9',
|
|
15
|
+
'col-span-10',
|
|
16
|
+
'col-span-11',
|
|
17
|
+
'col-span-12',
|
|
18
|
+
];
|
|
19
|
+
export const GridItemRenderer = ({ node, className }) => {
|
|
20
|
+
return (_jsx("div", { className: classNames('myst-grid-item', colSpanClassNames[node.columns - 1], className, node.class), children: _jsx(MyST, { ast: node.children }) }));
|
|
21
|
+
};
|
|
22
|
+
const GRID_ITEM_RENDERERS = {
|
|
23
|
+
'grid-item': GridItemRenderer,
|
|
24
|
+
};
|
|
25
|
+
export default GRID_ITEM_RENDERERS;
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AA0BA,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAClF,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC9D,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAEvD,eAAO,MAAM,iBAAiB,wDA4B7B,CAAC;AAEF,OAAO,EAAE,IAAI,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC"}
|
package/dist/index.js
CHANGED
|
@@ -5,6 +5,7 @@ import DROPDOWN_RENDERERS from './dropdown.js';
|
|
|
5
5
|
import BLOCK_RENDERERS from './block.js';
|
|
6
6
|
import CARD_RENDERERS from './card.js';
|
|
7
7
|
import GRID_RENDERERS from './grid.js';
|
|
8
|
+
import GRID_ITEM_RENDERERS from './grid-item.js';
|
|
8
9
|
import CITE_RENDERERS from './cite.js';
|
|
9
10
|
import FOOTNOTE_RENDERERS from './footnotes.js';
|
|
10
11
|
import CODE_RENDERERS from './code.js';
|
|
@@ -51,6 +52,7 @@ export const DEFAULT_RENDERERS = mergeRenderers([
|
|
|
51
52
|
DROPDOWN_RENDERERS,
|
|
52
53
|
CARD_RENDERERS,
|
|
53
54
|
GRID_RENDERERS,
|
|
55
|
+
GRID_ITEM_RENDERERS,
|
|
54
56
|
INLINE_EXPRESSION_RENDERERS,
|
|
55
57
|
EXT_RENDERERS,
|
|
56
58
|
PROOF_RENDERERS,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"github.d.ts","sourceRoot":"","sources":["../../src/links/github.tsx"],"names":[],"mappings":"AAWA,OAAO,KAA8B,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"github.d.ts","sourceRoot":"","sources":["../../src/links/github.tsx"],"names":[],"mappings":"AAWA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAgQnD,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,QAAQ,EACR,GAAG,EACH,GAAG,EACH,IAAI,EACJ,GAAG,EACH,IAAI,EACJ,IAAI,EACJ,EAAE,EACF,YAAY,EACZ,SAAS,GACV,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC;IACvB,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,2CA2CA"}
|
package/dist/links/github.js
CHANGED
|
@@ -118,7 +118,7 @@ function GithubIssuePreview({ url, org, repo, issue_number, open, className, })
|
|
|
118
118
|
// Issue completed
|
|
119
119
|
_jsx(CheckCircleIcon, { className: classNames(iconClassName, 'text-purple-700 dark:text-purple-500') }));
|
|
120
120
|
}
|
|
121
|
-
return (_jsxs("div", { className: "hover-document article w-[400px] sm:max-w-[400px] p-3", children: [_jsxs("div", { className: "text-xs font-light", children: [org, "/", repo] }), _jsxs("div", { className: "my-2 text-lg font-bold dark:text-white", children: [stateIcon, issueData.title] }), _jsxs("div", { className: "text-xs font-light", children: ["#", issue_number, " opened on ", dateString, " by", ' ', _jsxs("span", { className: "font-normal", children: ["@", issueData.user.login] })] }), _jsx("p", { className: "text-md max-h-[4rem] overflow-hidden", children: issueData.body }), ((_b = issueData.labels) === null || _b === void 0 ? void 0 : _b.length) > 0 && (_jsx("div", { className: "flex flex-wrap", children: (_c = issueData.labels) === null || _c === void 0 ? void 0 : _c.map((label) => (_jsx("span", { className: classNames('
|
|
121
|
+
return (_jsxs("div", { className: "hover-document article w-[400px] sm:max-w-[400px] p-3", children: [_jsxs("div", { className: "text-xs font-light", children: [org, "/", repo] }), _jsxs("div", { className: "my-2 text-lg font-bold dark:text-white", children: [stateIcon, issueData.title] }), _jsxs("div", { className: "text-xs font-light", children: ["#", issue_number, " opened on ", dateString, " by", ' ', _jsxs("span", { className: "font-normal", children: ["@", issueData.user.login] })] }), _jsx("p", { className: "text-md max-h-[4rem] overflow-hidden", children: issueData.body }), ((_b = issueData.labels) === null || _b === void 0 ? void 0 : _b.length) > 0 && (_jsx("div", { className: "flex flex-wrap gap-1", children: (_c = issueData.labels) === null || _c === void 0 ? void 0 : _c.map((label) => (_jsx("span", { className: classNames('text-xs inline-flex items-center px-2 py-0.5 rounded-full', {
|
|
122
122
|
'text-white': useWhiteTextColor(label.color),
|
|
123
123
|
}), style: { backgroundColor: `#${label.color}` }, children: label.name }, label.id))) }))] }));
|
|
124
124
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "myst-to-react",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.2.0",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"exports": "./dist/index.js",
|
|
6
6
|
"types": "./dist/index.d.ts",
|
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
},
|
|
28
28
|
"dependencies": {
|
|
29
29
|
"@heroicons/react": "^2.0.18",
|
|
30
|
-
"@myst-theme/providers": "^1.
|
|
30
|
+
"@myst-theme/providers": "^1.2.0",
|
|
31
31
|
"@radix-ui/react-hover-card": "^1.0.6",
|
|
32
32
|
"@scienceicons/react": "^0.0.13",
|
|
33
33
|
"buffer": "^6.0.3",
|