gatsby-openrpc-theme
Version:
A gatsby theme for generated OpenRPC documentation
43 lines • 2.49 kB
JavaScript
"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.pageQuery = void 0;
const react_1 = __importDefault(require("react"));
const gatsby_1 = require("gatsby");
const react_2 = require("@mdx-js/react");
const material_1 = require("@mui/material");
const NextAndPrev_1 = __importDefault(require("../components/NextAndPrev"));
// Define components for MDX
const components = {
/* eslint-disable @typescript-eslint/no-explicit-any */
h1: (props) => react_1.default.createElement(material_1.Typography, { variant: "h1", ...props }),
h2: (props) => react_1.default.createElement(material_1.Typography, { variant: "h2", ...props }),
h3: (props) => react_1.default.createElement(material_1.Typography, { variant: "h3", ...props }),
h4: (props) => react_1.default.createElement(material_1.Typography, { variant: "h4", ...props }),
h5: (props) => react_1.default.createElement(material_1.Typography, { variant: "h5", ...props }),
h6: (props) => react_1.default.createElement(material_1.Typography, { variant: "h6", ...props }),
p: (props) => react_1.default.createElement(material_1.Typography, { paragraph: true, ...props }),
a: (props) => react_1.default.createElement(gatsby_1.Link, { ...props }),
pre: (props) => (react_1.default.createElement(material_1.Box, { component: "pre", sx: { overflowX: 'auto', p: 2, bgcolor: 'background.paper', borderRadius: 1, mb: 2 }, ...props })),
code: (props) => (react_1.default.createElement(material_1.Box, { component: "code", sx: { fontFamily: 'monospace', p: 0.5, borderRadius: 0.5 }, ...props })),
// Add more component mappings as needed
};
const DefaultTemplate = ({ children, pageContext }) => {
return (react_1.default.createElement(react_1.default.Fragment, null,
react_1.default.createElement(material_1.Paper, { elevation: 0, sx: { p: 3, mb: 4 } },
react_1.default.createElement(react_2.MDXProvider, { components: components }, children),
react_1.default.createElement(NextAndPrev_1.default, { next: pageContext.next, prev: pageContext.prev }))));
};
exports.pageQuery = (0, gatsby_1.graphql) `
query ($slug: String!) {
mdx(fields: { slug: { eq: $slug } }) {
frontmatter {
title
}
}
}
`;
exports.default = DefaultTemplate;
//# sourceMappingURL=default.js.map